@import url(/css/detail.css); /*needed for popup ecom tables (tpms)*/
/****** results page styles ******/

table#pagingTable { margin-bottom: 1em }
.myselect { width: 100px }
.myselect, .myselectNoWidth { margin:3px 5px 2px 0 }
.wheelresultsrow { float: left; margin-bottom: 15px; width: 775px }
.maincontainer { float: left; width: 378px; border: solid 1px #bbb; margin-right: 5px }
.maincontainer h4 { font-weight: normal }
a.closetext { color: #808080; font-size: 10px; text-decoration: none; text-align: right; padding-right: 2px }
.maincontainer ul.cat-tabs { margin-left: -1px }
li.moreavail { float: right !important; margin-right: 14px; width: 62px; color: #c00 }
li.moreavail a { margin-right: 0 !important }
.wheelInfo a { text-decoration: none }
.wheelInfo { float: left; width:100%;  border: 1px solid #bbb; border-top: 5px solid #bbb; background-color: #eee; margin-bottom: 1em }
.wheelInfo select { margin-bottom: 5px	}
.maincontainer .wheelInfo { margin-left: -1px; margin-bottom: -1px	}
.leftDetail { float: left; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; margin-bottom: 0; background: #dadada }
.rightDetail { float:right;	width:49%; border-left: 1px solid #bbb; border-bottom: 1px solid #bbb; margin-bottom: 0; background: #dadada }
.lightcell { background-color: #eee }
.whitecell { background-color: #fff	}
.lightcell, .darkcell, .whitecell { margin-right: 5px; margin-left: 5px; padding: 5px }
.crtbtns2 { float: left; clear: left; padding-left: 10px; height:9.2em;	position: relative;	width: 45% }
.pricebeforenonbold { background-image: url(/images/css_elements/333.gif) !important; background-position: 0 .65em !important; background-repeat: repeat-x }
a.pagecount { color:#333 }
.pagecurrent { font-weight:bold }
.poplink { position: relative; margin-left: 5px; clear: left; height: 2.5em }
a.toplightswitch, a.topdarkswitch, a.bottomlightswitch, a.bottomdarkswitch { float: left; width:90px; text-align: center; text-decoration: none; cursor:pointer; margin-right:2px; border: solid 1px #aaa }
a.toplightswitch { background: #bdbdbd url(/images/brakes/search/tab_unsel2.gif) no-repeat top right; height: 29px; border-bottom: none; padding-top: 2px }
a.topdarkswitch { height:26px; background: #dddddd url(/images/brakes/search/tab_unsel1.gif) no-repeat top right; padding-top: 2px }
a.bottomlightswitch { background: #bdbdbd url(/images/brakes/search/tab_unsel2_inv.gif) no-repeat bottom right; height: 26px; border-top: none; padding-top:5px }
a.bottomdarkswitch { background: #dddddd url(/images/brakes/search/tab_unsel1_inv.gif) no-repeat bottom right; height:26px; margin-top:2px; padding-top: 2px }
#top, #bottom { height: 32px; margin-bottom: 1em; clear: left }
#top { width: 775px; border-bottom:1px solid #aaa }
#bottom { width: 377px; border-top:1px solid #aaa }
a#goToCar {	width: 30px; height: 20px; position: relative; z-index: 5000; display: inline-block; vertical-align: middle; }
a#goToCar img {	vertical-align: middle	}
a#goToCar.screenCap:hover { display: block	}
#screenCap { position: absolute; top: 18px; right: -7px; padding-right: 5px }

/*adjusting the style of the catgory tabs*/
#wheeltabsbot ul.cat-tabs.standalone { border-top: 4px solid #bbbbbb; border-bottom: 1px solid #fff; }
#wheeltabsbot ul.cat-tabs li a { background:#dadada url(/images/brakes/search/tab_unsel1_inv.gif) no-repeat right bottom; display:block; float:left; position:relative; border-bottom: 1px solid #aaa; border-top-style: none; border-top-width: medium; }
/*new blockout styling for left nav*/
#leftnav div#blockoutWrap { height:100%; position: relative; overflow: hidden; zoom:1 }
#leftnav div#blockout { background-color: #fff; filter:alpha(opacity=60); opacity:0.6; position: absolute; top: 0; left: 0; height: 10000px; width: 215px;  z-index: 1000; zoom:1 }
/*left nav dropdown spacing*/
#leftnav select.wheelFilter { margin: 5px 0 15px 5px; font-size: 11px; max-width: 200px }
/****** detail page styles ******/		
		
/*wheel specific adjustments*/
#leftnav { width: 215px }
.makemodelheader { height: 80px }
#rightcontent img.productimg { border: 0; margin-bottom: 0 }
#rightcontent div#display { width: 400px }
#rightcontent div#display div#optstyle { border-color: #ccc; border-style: solid; border-width: 0 1px 1px 1px; line-height: 28px }
#rightcontent div#thumbs { background-color: #fff; float: left; height: 100px }
#rightcontent div#thumbs img { float: left; margin: 0; border-color: #ccc; border-style: solid; border-width: 1px 0 1px 1px }
#rightcontent div#view { background-color: #ccc; border: 1px solid #ccc; float:left; height: 100px; margin-top: 0; width: 94px }
#rightcontent div#view span { background-color: #fff; display: block; line-height: normal; padding: 2px; _padding: 2px; text-align: left }
#rightcontent div#view span#enlarge a { display: block; background-position: left top }
#pagewrap { width: 1025px }

/*styling for key area*/
#key { border-color: #333; border-style: solid; border-width: 0 1px 1px 1px }
#key span { background-color: #fff; padding: 0 1em 0 0 }
#key span.closeouts { border-left: 14px solid #33ccff; padding-right: 1em !important }
#key span.specials { border-left: 14px solid #ffff00; padding-right: 1em !important }
#key span.star { padding-left: 1.25em }
.closeouts, .specials { color: #000 !important; padding: 0 2px !important }
.closeouts { background-color:#33ccff }
.specials { background-color: #ffff00 }

/*styling for link to add/remove optional fitments*/
#rightcontent div.removefitment { background-color:#e1e4ed;position:relative; left:-2px; top: .5em; margin-bottom: 1em; padding-left:2px;line-height:20px; width:102%; clear:both }
#rightcontent div.removefitment a { text-decoration: none; font-size: 11px; font-weight: 700 }
	
/*main ecom table sizing*/
td#rightcontent table.ecom { width:410px }
td#rightcontent table.ecom td.info li.prices {  }
td#rightcontent table.ecom td.info li.qty { float:left; line-height: 2em; padding: 0 0 0.5em 0; width: auto }
td#rightcontent table.ecom td.info li.specs { width:160px; padding: 0 1em 0.5em 0 }
td#rightcontent table.ecom td.info li.specs span{ font-size: 10px }
td#rightcontent table.ecom ul { border-bottom: 0 }
td#rightcontent table.ecom ul.cat-tabs a, td#rightcontent table.ecom ul.cat-tabs a span { color: #333 }
td#rightcontent table.ecom ul.cat-tabs a:hover, td#rightcontent table.ecom ul.cat-tabs a:hover span { color: #c00 }
td#rightcontent table.ecom ul.cat-tabs a.current, td#rightcontent table.ecom ul.cat-tabs a.current:hover { background: #036; border-color: #036; color: #fff }
td#rightcontent table.ecom ul.cat-tabs li a .star { padding: 0 0 0 1.25em }
td#rightcontent table.ecom ul.cat-tabs a.current .star { background-image:url(/images/headers/upgradegarage/new_item_on036.gif) }
td#rightcontent table.ecom ul.cat-tabs a.current span { color: #fff }
td#rightcontent table.ecom ul.cat-tabs a span { line-height: normal; background-image: none; float: none  }
td#rightcontent table.ecom td.info li.options { line-height: 20px; margin: 1em 0 0 0 }
td#rightcontent table.ecom td.info li.vov { background-color: #ccc; border-left: 1px solid #ccc; width: 100% }
td#rightcontent table.ecom td.info li.vov a {  display: block; font-weight: 700; line-height: 18px }

/*description area*/
div.description { border-right: 1px solid #ccc; float: left; padding: 0 0 1em 0; margin-right: 1em; margin-bottom:1em; width: 31% }
div.description ul { list-style: none; padding-left: 0; padding-right: 1em; margin-left: 0 }
div.description#front { padding-left: 0 }
div.description#features { border: 0 }
div.description#features ul { list-style: disc; margin-left: 0; padding-left: 1.5em }

/*optional hardarware area adjusting*/
.opthardware { clear: both; float: none; margin-bottom: 1em; width:100% }
.opthardware td.info li.prices { width:40% }
.opthardware td.info li.prices #tpmsPrice strong { display: block }
.opthardware td.info li.qty { float: right }
.opthardware td.info { border-left: 0 }
.opthardware td.photo { border-left-width: 1px; width: 157px; text-align: center }
.opthardware td.photo img { display: inline }
	
 /*adjusting space for tpms*/
.tpms td.info li.prices { width:28% }
.tpms td.info li.specs { width:67% }

.note { border: 1px solid #ccc; background-color:#FFFEDE; padding: 2px; margin-bottom:2px; }