/* HEADINGS */

div#heading {
	width: 890px;
	height: 155px;
}

div#subeading {
	width: 890px;
	height: 70px;
}

/* PARAGRAPHS - info about the products */

p {
	margin: 30px 40px 0px 40px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
	text-align: center;
}

strong {
	color: #FF6600;
	font-weight: bold;
	font-size: 11px;
}

a {
	text-decoration: none;
}



/* CHOOSER - MACBOOKS */

div#chooser_container {
	position: relative;
	width: 900px;
	height: 79px;
}


div#whiteuni13 {
	position:absolute;
	left:0px;
	top:0px;
	width:90px;
	height:79px;
	background: url(images/whiteuni13.png) top left no-repeat;
}
div#whiteuni13:hover {
	background: url(images/whiteuni13-hov.png) top left no-repeat;
	cursor: hand;
}
div#whiteuni13.chosen {
	background: url(images/whiteuni13-hov.png) top left no-repeat;
}



div#blackkey13 {
	position:absolute;
	left:90px;
	top:0px;
	width:78px;
	height:79px;
	background: url(images/blackkey13.png) top left no-repeat;
}
div#blackkey13:hover {
	background: url(images/blackkey13-hov.png) top left no-repeat;
	cursor: hand;
}
div#blackkey13.chosen {
	background: url(images/blackkey13-hov.png) top left no-repeat;
}

div#blackkey15 {
	position:absolute;
	left:168px;
	top:0px;
	width:93px;
	height:79px;
	background: url(images/blackkey15.png) top left no-repeat;
}
div#blackkey15:hover {
	background: url(images/blackkey15-hov.png) top left no-repeat;
	cursor: hand;
}
div#blackkey15.chosen {
	background: url(images/blackkey15-hov.png) top left no-repeat;
}


div#blackkey17 {
	position:absolute;
	left:261px;
	top:0px;
	width:101px;
	height:79px;
	background: url(images/blackkey17.png) top left no-repeat;
}
div#blackkey17:hover {
	background: url(images/blackkey17-hov.png) top left no-repeat;
	cursor: hand;
}
div#blackkey17.chosen {
	background: url(images/blackkey17-hov.png) top left no-repeat;
}


div#air {
	position:absolute;
	left:362px;
	top:0px;
	width:89px;
	height:79px;
	background: url(images/air.png) top left no-repeat;
}
div#air:hover {
	background: url(images/air-hov.png) top left no-repeat;
	cursor: hand;
}
div#air.chosen {
	background: url(images/air-hov.png) top left no-repeat;
}

div#silverkey13 {
	position:absolute;
	left:451px;
	top:0px;
	width:86px;
	height:79px;
	background: url(images/silverkey13.png) top left no-repeat;
}
div#silverkey13:hover {
	background: url(images/silverkey13-hov.png) top left no-repeat;
	cursor: hand;
}
div#silverkey13.chosen {
	background: url(images/silverkey13-hov.png) top left no-repeat;
}

div#silverkey15 {
	position:absolute;
	left:537px;
	top:0px;
	width:96px;
	height:79px;
	background: url(images/silverkey15.png) top left no-repeat;
}
div#silverkey15:hover {
	background: url(images/silverkey15-hov.png) top left no-repeat;
	cursor: hand;
}
div#silverkey15.chosen {
	background: url(images/silverkey15-hov.png) top left no-repeat;
}

div#silverkey17 {
	position:absolute;
	left:633px;
	top:0px;
	width:98px;
	height:79px;
	background: url(images/silverkey17.png) top left no-repeat;
}
div#silverkey17:hover {
	background: url(images/silverkey17-hov.png) top left no-repeat;
	cursor: hand;
}
div#silverkey17.chosen {
	background: url(images/silverkey17-hov.png) top left no-repeat;
}



div#button {
	position:absolute;
	left:731px;
	top:0px;
	width:159px;
	height:79px;
	background: url(images/not-sure.png) top left no-repeat;
}

div#button:hover {
	background: url(images/button-hov.png) top left no-repeat;
	cursor: hand;
}







/* PRODUCT CONTAINER */

div#product_container {
	position: relative;
	width:890px;
	height:120px;
}



/* SEETHRU - NEW WHITE UNI and ALUMINUM UNIBODY BLACK KEY COLORS */

div#see2_cell {
	position:absolute;
	top:0px;
	left:0px;
	width: 440px;
	height:120px;
	background-image: url(images/widecell-on.png);

}

div#see2_cell:hover {
	background-image: url(images/widecell-on-hover.png);
	cursor: hand;
}

div#see2_product {
	position: absolute;
	left: 24px;
	top: 14px;
	width: 144px;
	height: 91px;
}

div#see2_description {
	position: absolute;
	left: 168px;
	top: 14px;
	width: 252px;
	height: 79px;
	background-image: url(images/see-desc.png);
}


div#see2_colors {
	position: absolute;
	left: 168px;
	top: 93px;
	width: 124px;
	height: 12px;
}

div#see2_ltgraybox {
	position:absolute;
	left:294px;
	top:92px;
	width:12px;
	height:13px;
	border: 1px solid #FFFFFF;
	background-color: #9FA1A0;
}

div#see2_cranbox {
	position:absolute;
	left:309px;
	top:92px;
	width:12px;
	height:13px;
	border: 1px solid #FFFFFF;
	background-color: #A83B34;
}

div#see2_orangebox {
	position:absolute;
	left:324px;
	top:92px;
	width:12px;
	height:13px;
	border: 1px solid #FFFFFF;
	background-color: #EB7E2F;
}

div#see2_greenbox {
	position:absolute;
	left:339px;
	top:92px;
	width:12px;
	height:13px;
	border: 1px solid #FFFFFF;
	background-color: #9BCB4F;
}

div#see2_bluebox {
	position:absolute;
	left:354px;
	top:92px;
	width:12px;
	height:13px;
	border: 1px solid #FFFFFF;
	background-color: #00ADC7;
}

div#see2_lilacbox {
	position:absolute;
	left:369px;
	top:92px;
	width:12px;
	height:13px;
	border: 1px solid #FFFFFF;
	background-color: #C3448B;
}

div#see2_lavendarbox {
	position:absolute;
	left:384px;
	top:92px;
	width:12px;
	height:13px;
	border: 1px solid #FFFFFF;
	background-color: #8F5B9A;
}


div#see2_wht_clearbox {
	position:absolute;
	left:294px;
	top:92px;
	width:12px;
	height:13px;
	border: 1px solid #FFFFFF;
	background-color: #cccccc;
}

div#see2_wht_pinkbox {
	position:absolute;
	left:309px;
	top:92px;
	width:12px;
	height:13px;
	border: 1px solid #FFFFFF;
	background-color: #D961BA;
}

div#see2_wht_redbox {
	position:absolute;
	left:324px;
	top:92px;
	width:12px;
	height:13px;
	border: 1px solid #FFFFFF;
	background-color: #DE4E4D;
}


div#see2_wht_clearbox:hover,
div#see2_wht_pinkbox:hover,
div#see2_wht_redbox:hover,
div#see2_ltgraybox:hover,
div#see2_cranbox:hover,
div#see2_orangebox:hover,
div#see2_greenbox:hover,
div#see2_bluebox:hover,
div#see2_lilacbox:hover,
div#see2_lavendarbox:hover {
	border: 1px solid #000000;
	cursor: hand;
}







/* SEETHRU - OLD COLORS*/

div#see1_cell {
	position:absolute;
	top: 0px;
	left:0px;
	width: 440px;
	height:120px;
	background-image: url(images/widecell-on.png);
}

div#see1_cell:hover {
	background-image: url(images/widecell-on-hover.png);
}

div#see1_product {
	position: absolute;
	left: 24px;
	top: 14px;
	width: 144px;
	height: 91px;
	background-color: #cccccc;
}

div#see1_description {
	position: absolute;
	left: 168px;
	top: 14px;
	width: 252px;
	height: 79px;
}


div#see1_colors {
	position: absolute;
	left: 168px;
	top: 93px;
	width: 168px;
	height: 12px;
}

div#see1_graybox {
	position:absolute;
	left:335px;
	top:92px;
	width:12px;
	height:13px;
	border: 1px solid #FFFFFF;
	background-color: #4A4A4A;
}

div#see1_redbox {
	position:absolute;
	left:350px;
	top:92px;
	width:12px;
	height:13px;
	border: 1px solid #FFFFFF;
	background-color: #F9241D;
}

div#see1_greenbox {
	position:absolute;
	left:365px;
	top:92px;
	width:12px;
	height:13px;
	border: 1px solid #FFFFFF;
	background-color: #BCDF5E;
}

div#see1_bluebox {
	position:absolute;
	left:380px;
	top:92px;
	width:12px;
	height:13px;
	border: 1px solid #FFFFFF;
	background-color: #3AB0F2;
}

div#see1_ltgraybox {
	position:absolute;
	left:395px;
	top:92px;
	width:12px;
	height:13px;
	border: 1px solid #FFFFFF;
	background-color: #BAC5C6;
}

div#see1_graybox:hover,
div#see1_redbox:hover,
div#see1_greenbox:hover,
div#see1_bluebox:hover,
div#see1_ltgraybox:hover {
	border: 1px solid #000000;
	cursor: hand;
}







/* SATIN */

div#sat1_cell {
	position:absolute;
	top:0px;
	left:451px;
	width: 440px;
	height:120px;
	background-image: url(images/widecell-on.png);
	cursor: hand;
}
div#sat1_cell:hover {
	background-image: url(images/widecell-on-hover.png);
}

div#sat1_product {
	position: absolute;
	left: 24px;
	top: 14px;
	width: 144px;
	height: 91px;
	background-color: #cccccc;
}

div#sat1_description {
	position: absolute;
	left: 168px;
	top: 14px;
	width: 252px;
	height: 79px;
}


div#sat1_colors {
	position: absolute;
	left: 168px;
	top: 93px;
	width: 125px;
	height: 12px;
}

div#sat1_blackbox {
	position:absolute;
	left:291px;
	top:92px;
	width:12px;
	height:13px;
	border: 1px solid #FFFFFF;
	background-color: #252525;
}

div#sat1_purplebox {
	position:absolute;
	left:306px;
	top:92px;
	width:12px;
	height:13px;
	border: 1px solid #FFFFFF;
	background-color: #49286C;
}

div#sat1_redbox {
	position:absolute;
	left:321px;
	top:92px;
	width:12px;
	height:13px;
	border: 1px solid #FFFFFF;
	background-color: #89181D;
}

div#sat1_pinkbox {
	position:absolute;
	left:336px;
	top:92px;
	width:12px;
	height:13px;
	border: 1px solid #FFFFFF;
	background-color: #EF526F;
}

div#sat1_goldbox {
	position:absolute;
	left:351px;
	top:92px;
	width:12px;
	height:13px;
	border: 1px solid #FFFFFF;
	background-color: #EEC34F;
}




div#sat1_goldbox:hover, 
div#sat1_pinkbox:hover,
div#sat1_blackbox:hover,
div#sat1_purplebox:hover,
div#sat1_redbox:hover {
	border: 1px solid #000000;
	cursor: hand;
}






/* BAGS */

div#bags_container {
	position: absolute;
	top:0;
	left:0px;
	width: 892px;
	height: 157px;
}

div.aftpack {
	position: absolute;
	width: 213px;
	height: 157px;
	left: 0px;
	top: 0px;
	background-image: url(images/bagcell-on.png);
}

div.aftpack:hover {
	background-image: url(images/bagcell-on-hover.png);
	cursor: hand;
}



div.corepack {
	position: absolute;
	width: 213px;
	height: 157px;
	left: 225px;
	top: 0px;
	background-image: url(images/bagcell-on.png);
}

div.corepack:hover {
	background-image: url(images/bagcell-on-hover.png);
	cursor: hand;
}



div.portpack {
	position: absolute;
	width: 213px;
	height: 157px;
	left: 452px;
	top: 0px;
	background-image: url(images/bagcell-on.png);
}

div.portpack:hover {
	background-image: url(images/bagcell-on-hover.png);
	cursor: hand;
}



div.tuckpack {
	position: absolute;
	width: 213px;
	height: 157px;
	left: 677px;
	top: 0px;
	background-image: url(images/bagcell-on.png);
}

div.tuckpack:hover {
	background-image: url(images/bagcell-on-hover.png);
	cursor: hand;
}



div.innerpack {
	position:absolute;
	top:11px;
	left:13px;
	margin: 0px;
	padding: 0px;
	border-size: 0px;
	cursor: hand;
}

div.inactivepack {
	float: left;
	width: 213px;
	height: 157px;
	margin-right: 1px;
	cursor: hand;
}