/* accessories css*/

/* main structure */
#accessoryContent {margin:0 0 0 20px; padding: 60px 0 20px;background:#fff;}
#accessoryInDetail {height:268px;padding-left:34px;/* 266 + 2 border - 268*/}
#accessoryList {background:#f6f6f6 url(/cars/_assets/presentation/accessories/gradient.gif) repeat-x bottom;margin-top:30px;}
#accessoryImageWrap {width: 385px; height:266px; float: left;border:1px solid #ccc;background:transparent url(/_assets/presentation/loading.gif) center center no-repeat;}
#accessoryImageWrap img {width: 385px; height:266px;color:#fff;display:block;}

/* accessory in full detail*/
#accessory {height:254px;width: 380px; float: left; margin: 14px 0 0 15px;background:#fff;}
#accessory p {color:#000;}
#accessory h2 {font-size:3em;color:#333}
#accessory strong {font-size:1.4em;}
#accessory em  {font-weight:bold;color:#898989;font-style:normal;}
/* Accessory callToAction buttons */
/* #accessory a {margin-top:30px;} */
#accessory a {margin-top:6px;}
#accessory #accessoryActions {margin-top:30px; width: 400px;}

/* accessory list items*/
#accessoryList h3 {padding: 15px 0 13px 34px;margin:0;font-weight:bold;font-size:1.4em;}
#accessoryList ul {padding:0 0 12px 34px;clear:left;margin:0;display:block;width:900px;list-style-type:none;}
#accessoryList ul li {float:left;margin:0 0 10px 14px;height:131px;overflow:hidden;width:88px;}
#accessoryList ul span {display:none;} /* accessory data cache */
#accessoryList ul li.first {margin-left:0;clear:left;}
#accessoryList ul li a p {font-size:10px;margin:3px 0 0 2px;}
/* links */
#accessoryList ul li a {display:block;width:88px;height:88px;color:#000;text-decoration:none;}
#accessoryList ul li a img {width:84px;height:84px;padding:1px;display:block;border:1px solid #ccc;}
/* hover state */
#accessoryList ul li a:hover {width:88px;height:88px;}
#accessoryList ul li a:hover img {border:2px solid #cc0000;padding:0;}
#accessoryList ul li a:hover p {color:#c00;}
/* image alternative */
#accessoryList ul li a span.accessoryTitle{display:block;width:78px;color:#000;cursor:pointer;margin-left:3px;text-align:center;}
#accessoryList ul li a:hover span.accessoryTitle{position:absolute;left:-1px;top:-1px;width:78px;}

/* selected */
#accessoryList ul li.selected a,
#accessoryList ul li.selected a:hover {width:88px;height:88px;}		
#accessoryList ul li.selected a:hover img, {border:2px solid #000;}
#accessoryList ul li.selected a span.accessoryTitle, 
#accessoryList ul li.selected a:hover span.accessoryTitle {position:absolute;left:-1px;top:-1px;color:#999;}
#accessoryList ul li.selected a img {border:2px solid #000;padding:0;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6;}

/* hr and bottom links */
#accessoryContent .hr {height:0;background:none;}
#accessoryContent .hr hr { display: none;}
	
a.pdf{background:url(/cars/_assets/presentation/accessories/pdf.jpg) no-repeat left 0;margin-left:20px;padding-left:27px;height:26px;display:block;line-height:21px;font-size:1.1em;float:left;}
p.availability {height:26px;line-height:21px;margin:0;clear:both;margin: 0 0 0 22px;}
p.getAcrobat {margin: 0 0 0 22px;font-size:1em;clear:left;}

/* accessory home */
#accessoryHome							{ margin:-20px 22px 0; }
#accessoryHome p						{ width:440px; font-size:1.2em; }
#accessoryHome .chooseCat				{ font-weight:bold; font-size:1.3em; width:540px; }
#accessoryHome ul						{ margin:25px 0 50px 0; height:205px; }
#accessoryHome ul li					{ list-style:none; float:left; margin:0 13px 25px 0; width:161px; height:220px; border:1px solid #b0b0b0; }
#accessoryHome ul li a					{ text-decoration:none; display:block; width:161px; height:220px; }
#accessoryHome ul li a span				{ font-size:1.1em; font-weight:bold; color:#333; display:block; padding:6px 0; text-align:center; }
#accessoryHome ul li a:hover span 		{ color:#c00; }