@charset "UTF-8";
/* CSS Document */

/** Interior page -- Color Schemes */
#color-wrap {  width:850px; margin:40px auto;position: relative;  }
#color-wrap p { font-size:12px;}
#color-wrap h1 { text-transform:uppercase; font-size:16px; margin:10px 0 0 0; font-weight:normal; display:block; }
#color-wrap .top { background:#262626; width:820px; margin:10px auto 0 auto;padding-top:1px;   }

#color-wrap .ext-color, #color-wrap .int-color { margin: 20px; } /* Big Image of car color */


.line { background:#1d1d1d; width:850px; margin:0px auto;}
.line h3 { margin:5px 0 0px 120px; font-size:12px; font-weight:normal; padding-bottom:10px;}
.line .tab { float:left;  margin:10px 0 10px -45px; }
.line .right-tab { float:right; background:#1d1d1d; margin:10px -45px 10px ; }

.line-left { background:#1d1d1d; width:420px; float:left; border-right:solid 10px #262626; }
.line-left .tab { float:left; margin:10px 0 10px -45px; }

.line-right { background:#1d1d1d; width:420px;  float:right; }
.line-right .tab { float:right; margin:10px -45px 10px 0; }

#content TABLE.metallic { text-align:center; margin:10px 0px 10px 120px; }
TABLE.metallic td {  margin:5px; text-align:center; }
.metallic .swatch {display:block; width:60px; height:60px; text-align:center; margin:0px 5px;}
.metallic #color1 {  background:url(images/Ext-Colors/COLORS-metallic.jpg) no-repeat 0 0; }
.metallic #color2 { background:url(images/Ext-Colors/COLORS-metallic.jpg) no-repeat  -80px 0}
.metallic #color3 {background:url(images/Ext-Colors/COLORS-metallic.jpg) no-repeat -160px 0  }
.metallic #color4 {  background:url(images/Ext-Colors/COLORS-metallic.jpg) no-repeat -240px 0  }
.metallic #color5 { background:url(images/Ext-Colors/COLORS-metallic.jpg) no-repeat -320px 0  }
.metallic #color6 { background:url(images/Ext-Colors/COLORS-metallic.jpg) no-repeat -400px 0  }
.metallic #color7 { background:url(images/Ext-Colors/COLORS-metallic.jpg) no-repeat -480px 0  }
.metallic #color8 { background:url(images/Ext-Colors/COLORS-metallic.jpg) no-repeat -560px 0  }
.metallic #color9 { background:url(images/Ext-Colors/COLORS-metallic.jpg) no-repeat -640px 0  }

#content TABLE.nonmetallic { text-align:center; margin:10px 20px 10px 120px; }
.nonmetallic .swatch {display:block; width:60px; height:60px;}
.nonmetallic #color11 {  background:url(images/Ext-Colors/COLOR-non-metallic.jpg) no-repeat 0 0  }
.nonmetallic #color12 { background:url(images/Ext-Colors/COLOR-non-metallic.jpg) no-repeat  -75px 0}
.nonmetallic #color13 {background:url(images/Ext-Colors/COLOR-non-metallic.jpg) no-repeat -150px 0  }
.nonmetallic #color14 {  background:url(images/Ext-Colors/COLOR-non-metallic.jpg) no-repeat -225px 0  }

#content TABLE.pearl { text-align:center; margin:10px 20px;  }
.pearl .swatch {display:block; width:60px; height:60px;}
.pearl #color21 {  background:url(images/Ext-Colors/COLOR-pearl.jpg) no-repeat 0 0  }
.pearl #color22 { background:url(images/Ext-Colors/COLOR-pearl.jpg) no-repeat  -75px 0}
.pearl #color23 {background:url(images/Ext-Colors/COLOR-pearl.jpg) no-repeat -150px 0  }
.pearl #color24 {  background:url(images/Ext-Colors/COLOR-pearl.jpg) no-repeat -225px 0  }


.color-block { margin:0px auto;  height:30px; background:#262626; margin:0px auto; width:820px; clear:both; }
.color-block-bottom {background:#262626 url(images/carbon-bottom.gif) repeat-x bottom; width:820px; height:50px;
clear:both; margin:0px auto;}

#content TABLE.alcantara { text-align:center; margin:10px 20px 10px 120px;  }
.alcantara .swatch {display:block; width:60px; height:60px;}
.alcantara #color31 {  background:url(images/Int-Colors/leather-alcantara.jpg) no-repeat 0 0  }
.alcantara #color32 { background:url(images/Int-Colors/leather-alcantara.jpg) no-repeat  -65px 0}
.alcantara #color33 {background:url(images/Int-Colors/leather-alcantara.jpg) no-repeat -135px 0  }
.alcantara #color34 {  background:url(images/Int-Colors/leather-alcantara.jpg) no-repeat -205px 0  }
.alcantara #color35 {  background:url(images/Int-Colors/leather-alcantara.jpg) no-repeat -270px 0  }
.alcantara #color36 {  background:url(images/Int-Colors/leather-alcantara.jpg) no-repeat -335px 0  }
 
.line .right { float:right; width:200px; }
.line .right .leather { padding:10px;}

#content TABLE.lleather { text-align:center; margin:10px 20px 10px 120px;  }
.lleather .swatch {display:block; width:60px; height:60px; margin:5px}
.lleather #color41 {  background:url(images/Int-Colors/leather-leather.jpg) no-repeat 0 0  }
.lleather #color42 { background:url(images/Int-Colors/leather-leather.jpg) no-repeat  -65px 0}
.lleather #color43 {background:url(images/Int-Colors/leather-leather.jpg) no-repeat -135px 0  }
.lleather #color44 {  background:url(images/Int-Colors/leather-leather.jpg) no-repeat -205px 0  }
.lleather #color45 {  background:url(images/Int-Colors/leather-leather.jpg) no-repeat -270px 0  }
.lleather #color46 {  background:url(images/Int-Colors/leather-leather.jpg) no-repeat -340px 0  }
.lleather #color47 {  background:url(images/Int-Colors/leather-leather.jpg) no-repeat -410px 0  }
.lleather #color48 {  background:url(images/Int-Colors/leather-leather.jpg) no-repeat -475px 0  }
.lleather #color49 {  background:url(images/Int-Colors/leather-leather.jpg) no-repeat -545px 0  }

#content TABLE.quilted { text-align:center; margin:10px 20px 10px 120px;  }
.quilted .swatch {display:block; width:60px; height:60px; margin:5px}
.quilted #color51 {  background:url(images/Int-Colors/stitching.jpg) no-repeat 0 0  }
.quilted #color52 { background:url(images/Int-Colors/stitching.jpg) no-repeat  -65px 0}
.quilted #color53 {background:url(images/Int-Colors/stitching.jpg) no-repeat -135px 0  }
.quilted #color54 {  background:url(images/Int-Colors/stitching.jpg) no-repeat -205px 0  }
.quilted #color55 {  background:url(images/Int-Colors/stitching.jpg) no-repeat -270px 0  }
.quilted #color56 {  background:url(images/Int-Colors/stitching.jpg) no-repeat -340px 0  }
.quilted #color57 {  background:url(images/Int-Colors/stitching.jpg) no-repeat -410px 0  }
.quilted #color58 {  background:url(images/Int-Colors/stitching.jpg) no-repeat -475px 0  }

/** On Click Code**/


.gallerycontainer{position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail:hover, .thumbnail2:hover {
background-color: transparent;}


#color-wrap .thumbnail img.color, #color-wrap .thumbnail2 img.color { margin: 0px; padding:20px;  } 

.thumbnail span, .thumbnail2 span{ /*CSS for enlarged image*/
	position: absolute;
	padding: 0px;
	color: black;
	text-decoration: none;
	left: -1000px; visibility: hidden;
}
.thumbnail span img, .thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;padding: 2px;}



/*Interior */
.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible; position:absolute;
top: 27px;
left: 15px; /*position where enlarged image should offset horizontally */
z-index: 50; 
}

#ie7andup .thumbnail:hover span{ /*CSS for enlarged image*/
top: 37px;}  

/*Exterior */

#ie7andup .thumbnail2:hover span{ /*CSS for enlarged image*/
top: 35px;}  
.thumbnail2:hover span{ /*CSS for enlarged image*/
visibility: visible; position:absolute;
top: 25px;
left: 13px; /*position where enlarged image should offset horizontally */
z-index: 50; 
}


#color-foot {width:850px; margin:30px auto;position: relative; }