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

body {margin: 0; font-family: Helvetica,Arial,sans-serif; font-size: 12px;}

body.embedded {
    padding: 25px 20px;
}

#mainExterior360{border: 0px solid green; position: relative;height: 425px;}

.exteriorImg {
	/*width: 758px;  560 - 758*/
	/*height: 426px;  270 - 426*/
	margin: auto; z-index: 2;	
	border: 0px solid #cc0000;
}
.spinBG {
	width: 583px; height: 255px; margin: auto;	
	position:relative; top: -120px; left: 125px;
	background:url(../../images/colors-360s-backdrop.gif) top left no-repeat;	
	border: 0px solid blue;
}
#spinControls {
	width: 760px; height: 1px; margin: auto; position:relative;
	top: -160px; margin-left: auto; margin-right: auto; z-index:100;
	border: 0px solid #cc0000;
	
	-moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}	
#arrowL {
	float: left;cursor: pointer;width: 100px;height: 95px;
	background:url(../../images/arrow_spinRight.png) top left no-repeat;
	border: 0px solid #cc0000;
}

#arrowR {
	float: right; cursor:pointer; width: 100px; height: 95px;
	background:url(../../images/arrow_spinLeft.png) top left no-repeat;
	border: 0px solid #cc0000;
}

.jquery-reel-preloader {
    background: #CCC !important; width: 560px !important; height: 1px !important;
    opacity: 0; filter: alpha(opacity=0); border: 0px solid #cc0000;
}

.reel-preloader {
    background: #CCC !important; width: 560px !important; height: 1px !important;
    opacity: 0; filter: alpha(opacity=0); border: 0px solid #cc0000;
}

#cutline{
    position: relative; width: 758px; margin-left: auto; margin-right: auto;
    left: 35px; top: -40px; z-index: 100;
    font-family: Tahoma, Verdana, Arial;
    font-size: 9pt; color: #cccccc;
}


/* new color swatch section */
.clear{clear: both;}
#thumbs-head{font-weight: bold;}
#thumbs-head span{font-weight: normal;}
#thumbs_swatch{height: 50px; clear: both;}
#list-swatch-thumbs{padding-left: 10px; position: relative;}
#list-swatch-thumbs li{
    float: left; height: 40px; overflow: hidden; width: 68px;
	margin-right: 8px; position: relative; background-color: #ddd;
	padding: 3px;
}
#list-swatch-thumbs lix:hover{
	background-color: #555;
}
#list-swatch-thumbs li span.overlay{
	display: block; cursor: pointer; height: 100%;
    width: 100%; position: absolute;
	top: 0px; left: 0px; z-index: 50;
	background: url("../../images/swatch-withHighlight.png") repeat-x scroll center center transparent;
}
#list-swatch-thumbs li span.chip{
	display: block; cursor: pointer; overflow: hidden;
    text-indent: -9999px; height: 40px;
	width: 68px; position: absolute; top: 3px; left: 3px;
}
#list-swatch-thumbs li.selected{background-color: #e65100 !important;}
#list-swatch-thumbs li.over{background-color: #555;}
.rollover-color {color: #999;font-size: 10px; font-weight: bold; font-family: Helvetica,Arial,sans-serif;}

.instructions-360 p{margin-bottom:5px; font-weight:bold; font-size:12px; margin-left: 6px;}
.instructions-360 span{color:#666; margin-left: 6px; font-size:10px;}
#exteriorImg {position:relative;}
#disclaimer{ position: absolute; z-index: 10; letter-spacing: 0px; font-weight: normal; text-align: right; font-size: 0.7em; right: 10px; bottom: 5px; color: #EFEFEF; font-family: sans-serif; font-size: 12px; }