* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
body { background: #c8c8c8 url(/_img/background.jpg) top center repeat-y; }
body, td, th, textarea, input, select { font: 83%/1.4 "lucida sans unicode", arial, helvetica, sans-serif; color: #505050; }
a { text-decoration: none; color: #6699CC; }
a:hover { color: #0099CC; }
p { padding-bottom: 15px; }
img { border: 0; }
ol,ul { list-style: none; padding-bottom: 6px; }

.wrap { width: 930px; margin: auto; background: url(/_img/wrapper.jpg) top center repeat-y; }

.header { clear: both; padding: 12px 15px 0; margin: 0 15px; }
h1.logo { display: block; z-index: 1000; width: 240px; height: 50px; text-indent: -9999px; background: url(/_img/logo.jpg) 0 0 no-repeat; outline: none; }
.tabs { list-style: none; margin: 20px 5px 0; }
*html .tabs { margin-bottom: 1px; }
.tabs li { display: inline; }
.tabs li a { padding: 8px 15px; border: 1px solid #ccc; color: #969696 !important; border-bottom: none; outline: none; }
.tabs li a:hover { background: #f1f1f1; }
.tabs li.active a { background: #969696; border: 1px solid #969696; color: #fff !important; }
.tabs li.active a:hover { background: #969696; }


.content { clear: both; padding: 0 20px; margin: 0 15px; min-height: 500px; height: auto; }
	*html .content { height: 500px; }
.content h2, .content h3 { color: #cc1010; margin-bottom: 10px; font-size: 18px; }

.g-main { float: left; width: 72.5%; padding-bottom: 50px; }
.g-right { float: right; width: 25%; padding-bottom: 50px; }


.footer { clear: both; padding: 10px 35px 20px; width: 870px; background: url(/_img/footer.jpg) top center no-repeat; margin: auto;margin-bottom: 20px; }
.footer p { font-size: 80%; color: #969696; margin: 0; padding: 0; }



/*==================================== HOME ====================================*/

.banner { margin: 0 -20px 15px -19px; height: 240px; background: url(/_img/home-special-bg.gif) 0 0 no-repeat; }

#about-us { }
#about-us li { list-style-type: square; margin: 10px 20px; }
	
#reach-us {  }
#reach-us address { font-style: normal; }
#reach-us address span { display: block; }

#latest-news { }
#latest-news ul { }
#latest-news ul li { display: block; border-bottom: 1px solid #f0f0f0; padding: 3px; }
#latest-news ul li a { }
#latest-news ul li a:hover { }
#latest-news ul li span { float: right; margin-top: -14px; font-size: .7em; font-weight: bold; color: #969696; }


/*==================================== BROWSE ====================================*/

.search-bar { margin: 0 -20px 0 -19px; padding: 12px 15px; background: #969696; }
label.search { display: block; float: left; padding-top: 21px; height: 0; width: 53px; background: #969696 url(/_img/label_search.jpg) no-repeat; overflow: hidden; }
.search-bar td { padding: 0 .4em; vertical-align: middle; text-align: center; }
input { font-size: 1.2em; line-height: 1; }
input.search { padding: 4px 5px 2px; width: 320px; }
input.click { padding: 3px 5px; }
.search-bar select { font-size: 1.4em; color: #969696; }
.search-bar option { padding-right: 5px; }


.browse-brands { background: url(/_img/browse-brand-bottom.jpg) bottom left no-repeat; padding-bottom: 5px; min-height: 30px; height: auto; }
*html .browse-brands { height: 30px; }
h3.brands { display: block; padding-top: 30px; height: 0; width: 143px; background: url(/_img/h3-browse-brands.jpg) no-repeat; overflow: hidden; }
.browse-brands .logo { float: left; margin: 0 12px 12px 0; }
.browse-brands .logo a img { border: 2px solid #fff; padding: 3px; background: #fff; }
.browse-brands .logo a:hover img { border: 2px solid #ccc; }

span.toggle a { padding: 3px 12px; margin: 5px 3px 0; color: #969696; float: right; display: block; outline: none !important; }
span.toggle a:hover { text-decoration: underline; }


#original-parts {  }
#replacement-parts { padding-top: 25px; }
#original-parts h4, #replacement-parts h4 { padding-bottom: 3px; margin-bottom: 12px; border-bottom: 1px solid #ddd; }


.browse-categories { float: left; width: 180px; margin-bottom: 20px; }
h3.categories { display: block; padding-top: 25px;  height: 0; width: 180px; background: url(/_img/h3-browse-categories.jpg) no-repeat; overflow: hidden; border-bottom: 1px solid #eee; margin-bottom: 0; }
.browse-categories ul { margin: 0; padding: 0; }
.browse-categories ul li a { display: block; padding: 4px 0 4px 20px; border-bottom: 1px solid #ddd; position: relative; left: -24px; margin-left: 24px; width: 160px; }
	*html .browse-categories ul li a { height: 1px; }
.browse-categories ul li a:hover { }

ul.child li { margin: 0 !important; }
ul.child li a { padding: 4px 0 4px 35px !important; width: 145px; font-size: 90% !important; }


h2.listing { font-weight: normal; font-family: arial; font-size: 24px; letter-spacing: -1px; color: #505050; padding-top: 0; margin-top: 0; }
h2.listing span { color: #969696; }
a.view-all { float: right; font-size: .5em; margin-top: -24px; letter-spacing: 1px; margin-right: 5px; }

.search-results { float: right; width: 660px; padding-bottom: 50px; }
.search-results .total-result { font-size: 11px; }
.search-results .item { clear: both; padding: 20px 0; border-bottom: 1px dotted #ddd; display: block; }
.search-results .item .left { float: left; }
.search-results .item .left img { border: 1px solid #ccc; padding: 2px; margin-bottom: 20px; }
.search-results .item .right { float: right; width: 520px; }
h3.item-name { padding: 0; font-size: 1.1em; color: #505050; padding-bottom: 2px; border-bottom: 1px solid #ddd; margin-bottom: 2px; }
ul.details { padding: 3px 1px 5px; clear: both; }
ul.details li { float: left; font-size: .8em; padding-right: 10px; margin-right: 4px; border-right: 1px dotted #ddd; color: #969696; }
*html ul.details li { padding: 0; padding-right: 5px; margin-right: 7px; }
ul.details li span { color: #505050; }
p.description { clear: both; font-size: .9em; color: #787878; line-height: 1.5; padding: 12px 0; }

.notfound { border: 1px solid #ccc; padding: 10px 20px; background: #f0f0f0; }
.notfound p { font-size: 1.2em; color: #969696; font-weight: bold; }

.pagination { clear: both; margin: 5px 0; background: #f0f0f0; padding: 6px 12px; }
.pagination ul.paging { float: right; padding: 0; }
.pagination ul.paging li { display: inline; font-size: .9em; }
.pagination ul.paging li a { padding: 0 5px; }
.pagination ul.paging li a:hover { text-decoration: underline; }
.pagination li.current { }
.pagination li.current span { padding: 0 5px; }
.pagination li.next { border-left: 1px solid #ddd; }
.pagination li.next a { margin-left: 5px; padding: 0 5px; }
.pagination li.next span { margin-left: 5px; padding: 0 5px; color: #969696; }
.pagination li.prev { border-right: 1px solid #ddd; }
.pagination li.prev a { margin-right: 5px; padding: 0 5px; }
.pagination li.prev span { margin-right: 5px; padding: 0 5px; color: #969696; }
.pagination span.total { display: inline; color: #969696; font-size: .9em; }


.spec { background: #f1f1f1; border: 1px solid #ccc; padding: 5px 10px; margin: 10px 20px; }
.spec table { width: 100%; }
.label { width: 30%; color: #969696; vertical-align: top; }
.info { width: 70%; }
.info span { margin-right: 15px; }
.info ul { display: inline; }
.info li { display: inline; margin-right: 15px; }

.sub-content { clear: both; position: relative; margin-top: 20px; }



.separator { border-top: 8px solid #969696; margin: 0 -20px 15px -19px; }
.news-list { }
.news-item { padding-bottom: 20px; }
.news-item ul { padding-bottom: 12px; padding-left: 12px; clear: both; }
.news-item div { clear: both; padding: 8px 12px; }

.icon { background-repeat: no-repeat; background-position: top right; padding-right: 22px; }
.icon:hover { text-decoration: underline; }
.pdf { background-image: url('/_img/pdf.jpg'); }
.img { background-image: url('/_img/img.jpg'); }

h3.news-title { font-size: 14px; color: #505050; padding-bottom: 3px; border-bottom: 1px solid #ccc; margin: 0; }