/*global colors-360s styles*/
	#colors-360s .content-header ul.secondary
	{
		-width:414px;
	}
	#colors-360s .content-header .toolbar
	{
		top:40px;
	}

.colors-360s-detail
{
    float:left; width:422px; overflow:hidden; 
}

#colors-360s .overview .content-body
{
   background:url(/images/colors-360s-overview-MDX.jpg) top right no-repeat;
   min-height:367px;
   -height:367px;  
}

#colors-360s .overview .content-body p
{
    width:300px;
}

#colors-360s .content-body ul
{   
    list-style-type:square;
    padding-left:15px;
    font-weight:bold;
    margin-bottom:10px;
}

/*buttons*/
#content .btn-view-all
{
	display:block;
	background:url(/images/btn-tall.gif) top left no-repeat;
	height:34px;
	padding-left:6px;
	width:147px;
	color:#fff;
}

#content .btn-view-all a, #content .btn-view-all a:hover
{
	color:#fff;
	text-decoration:none;
}

#content .btn-view-all span
{
	display:block;
	float:left;
	background:url(/images/btn-tall.gif) top right no-repeat;
	height:34px;
	padding-right:6px;
	padding-top:4px;
	text-transform:uppercase;
	font-size:10px;	
	margin:0px;
	width:147px;
	text-align:center;
}




/*BEGIN color swatches*/

#colors-360s ul.colors
      {
       overflow:hidden; clear:both;
       padding:3px 14px 0 14px;
      }
       #colors-360s ul.colors li
       {
        position:relative; display:block; float:left;
        width:73px; height:46px; overflow:hidden;
        margin:5px 5px 0 0;        
        background-color:#ddd;
        cursor:pointer;
       }
        #colors-360s ul.colors li .color-swatch
        {
         display:block; position:absolute;
         top:3px; left:3px; z-index:10;
         width:67px; height:40px; overflow:hidden;
         
        }
        #colors-360s ul.colors li.current
        {
          background-color:#555;
        }
        #colors-360s ul.colors li.selected
        {        
         background-color:#E65100;
        }
        #colors-360s ul.colors li .color-swatch span
        {
         display:block;
         height:100%;
         text-indent:-10000px;               
        }
        #colors-360s ul.colors li .color-swatch-1 span
        {
         width:100%;
        }
        #colors-360s ul.colors li .color-swatch-2 span
        {
         float:left;
         width:50%;
        }
		#colors-360s ul.colors li .color-swatch-2 span.last
		{
			*width:49%;
		}
        
         #colors-360s ul.colors li span         
         {
          display:none;
         } 
         
         #colors-360s  ul.colors li span.shine
         {
          display:block; position:absolute; float:none;
          top:0; left:0; z-index:12;
          width:100%; height:100%; overflow:hidden;
          background:url(/images/swatch-withHighlight.png) no-repeat 0 0;
          *background:none; *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/swatch-withHighlight.png', sizingMethod='crop');
         }
         
         #colors-360s .exterior-color  ul.colors li span.shine
         { 
            background:url(/images/swatch-withHighlight.png) no-repeat 0 0;
            *background:none; *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/swatch-withHighlight.png', sizingMethod='crop');
          }
         
         #colors-360s .interior-color  ul.colors li span.shine
         {
             background:none;
         }
         
/*END color swatches*/

.selection { font-weight:bold; }
.selection .selected-color { font-weight:normal; padding-left:5px; }
span.rollover-color { display:block; clear:both; }

.rollover-color { font-size:10px; font-weight:bold; color:#999; }

#colors-360s .exterior-color #content-wrap
{
    background:#fff url(/images/colors-360s-backdrop.gif) top right no-repeat;
    background-position:right 365px;
}

.exterior-color .color-img
{
   margin-left:60px;
   margin-bottom:70px;   
}

.interior-color .color-img
{
   margin-top:20px;
   margin-bottom:55px;   
}

.important a { background-color:#fff; }

#exterior-360-flash
{
    position:relative;
    margin-left:-20px;
}

.exterior-360 .content-body { overflow:visible; }

.exterior-360 #content-wrap
{
    background:#fff url(/images/colors-360s-backdrop.gif) top right no-repeat;
    background-position:right 378px;
    overflow:hidden;
}


.instructions-360 p
		{
			margin-bottom:5px;
			font-weight:bold; font-size:12px;
		}
		.instructions-360 span
		{
			color:#666;
			font-size:10px;
		}