body { margin: 0; padding: 0; font-size: 100%; line-height: 1em; background: #939598; ; color: #000; font-family: Helvetica, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6, ul, ol, li, p, form, fieldset, legend, input, label, select { margin: 0; padding: 0; font-size: 1em; position: relative; }
h1, p, li, .list h4 { margin: 0 0 .5em; line-height: 1.5em; }
a { color: #4D4D4F; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { display: block; border: 0; }
form, fieldset, legend { margin: 0; padding: 0; border: 0; }
div { position: relative; }

#header { padding: 1em 0 0; }
#header .container_12 { *margin-bottom: -30px; *right: -15px; } /* IE6 and IE7 */
#nav ul, #nav-top ul, #nav-lang ul, #nav li, #nav-top li, #nav-lang li { margin: 0; padding: 0; }
#nav ul, #nav-top ul, #nav-lang ul { list-style: none; }
#nav li, #nav-top li, #nav-lang li { float: left; }
#nav a, #nav-top a, #nav-lang a { color: #939598; text-decoration: none; }
#nav a:hover, #nav-top a:hover, #nav-lang a:hover { color: #333; }
#nav-lang a:hover { text-decoration: underline; }
#nav-top ul, #nav-lang ul { float: right; }
#nav-lang ul li { font-size: .75em; margin-left: 1em; }

/* Redesign nav CSS, but unfinished */
/* #nav-top { margin: 40px 0 0; }
#nav-top ul { padding: 8px 8px 4px; background: #f5f5f5; text-transform: uppercase; letter-spacing: 1px; font-size: .7em; }
#nav-top li a { padding: 0 8px; background: url(../img/nav-top.gif) right center no-repeat; }
#nav-top li.last a { background: none; }
#nav ul { background: #008852; text-transform: uppercase; letter-spacing: 1px; font-size: .75em; }
#nav a { color: #fff; }
#nav a:hover { text-decoration: underline; }
#nav form { display: none; } */

/* Current nav CSS */
#nav-top { margin: 3em 0 0; font-size: 0.625em; }
#nav-top li { margin-left: 10px; }
#nav-top a { color: #272727; }
#nav-top a:hover { text-decoration: underline; }

#nav { margin-top: .5em; }
#nav .grid_12 { background: #ccc; }
#nav ul { float: left; }
#nav li { font-weight: bold; border-right: 1px solid #fff; font-size: 0.6875em; }
#nav li a { color: #272727; display: block; padding: 7px 20px 5px; }
#nav li a:hover { color: #008a3f; }
#nav form { margin: 7px 0 0 0; float: right; width: 361px; }
#nav form legend { display: none; }
#nav form label, #nav form input { margin: 0; padding: 0; display: inline; float: none; vertical-align: middle; }
#nav form label { color: #272727; font-weight: bold; font-size: 0.6875em; margin-left: 10px; margin-right: 5px; }
#nav form input { margin-top: -3px; }
#nav form input.text { border: 1px solid #272727; background: #fff; font-size: 0.6875em; padding: 1px; height: 13px; width: 260px; }
#nav form input.submit { margin-right: 7px; }

#main { font-size: .75em; }
#pagetitle h1 { margin:0 0 0 28px;font-size: 2em;color:#008852; }
#main p { line-height: 1.5em; font-size: 1em; }
#main .fancybullet li, #main .list h4 { background: url(/img/bullet.gif) left 4px no-repeat; list-style: none; padding-left: 15px; line-height: 1.5em; font-size: 1em; font-weight: normal; }
#questions li { text-transform: uppercase; }
#secondary p { padding-top: 4px; }
#promos .box { margin-top: -15px; }
#promos p { font-size: .75em; }
#tabs { padding: 0 0 1em; }

#breadcrumbs { margin: 8px 0; }
#breadcrumbs { font-size: .75em; }
#breadcrumbs ul, #breadcrumbs li { margin: 0; padding: 0; list-style: none; float: left; }
#breadcrumbs ul li ul li { background: url(/img/breadcrumb.gif) left center no-repeat; margin-left: 5px; padding-left: 12px; }
#breadcrumbs a { float: left; }
#breadcrumbs a.here { color: #008852; }

.photo { color: #fff; }
.photo a { display: block; }
.photo a img { border: 0; display: block; }
.photo h1 { margin: 0 0 8px; padding: 0; font-size: 2em; line-height: 1.25em; font-weight: bold; color: #008852; }

label { color: #4D4D4F; }
input[type="text"] { background: #D9E4E0; border-top: 2px solid #008852; border-left: 2px solid #008852; padding: 4px; font-family: inherit; margin: 19px 8px 16px 16px !important; display: block; float: left; }
#nav form input[type="text"] { margin: 0 !important; } 
input.text { background: #D9E4E0; border-top: 2px solid #008852; border-left: 2px solid #008852; padding: 4px; font-family: inherit; margin: 15px 8px 16px 16px; display: block; float: left; }
input[type="text"]:hover { cursor: text; }
input.text:hover { cursor: text; }
input[type="text"]:focus { border: 2px solid #008852; outline: 0; }
input.text:focus { border: 2px solid #008852; outline: 0; }

table { margin: 0 0 18px; padding: 0; border: 0; width: 100%; }
table th, table td { padding: 7px 12px; border-left: 1px solid #7fc3a8; }
table th { font-weight: bold; text-align: center; color: #008852; vertical-align: middle; background: #ddd; padding: 10px 0; cursor: pointer; text-decoration: underline; }
table td { vertical-align: middle; text-align: center; color: #4D4D4F; }
table th.none, table td.none { border-left: 0; }
table tr.odd td { background: #e5e5e5; }
table td a, #main table td a { color: #4D4D4F; text-decoration: underline; }
table td a:hover, #main table td a:hover { text-decoration: none; }

.chart th { background: none; border-left: 1px solid #7fc3a8; cursor: text; }
.chart th.none { border-left: 0; width: 125px; }
.chart td { text-transform: uppercase; font-weight: bold; color: #636467; border-left: 1px solid #7fc3a8; }
.chart td.spec { font-weight: normal; text-align: left; text-transform: none; color: #008852; border-left: 0; }
.chart .box { margin: 0 auto 8px; background: none; width: 80%; }
.chart .box p { background: #2da576 url(/img/gradient.gif) left bottom repeat-x; color: #fff; text-decoration: none; line-height: .75em; }

.compare { margin: 16px 0 0; }
.compare .float-l { padding-right: 0; width: 110px; }
.compare .item { background: #fff; width: 110px; }
.compare .item:hover { cursor: pointer; }
.compare .item .thumb { margin: 0 auto; width: 92px; padding: 3px; border: 1px solid #d1d2d4; }
.compare .item p.ratings { padding-bottom: 0; }
.compare .item p.numbers { padding-top: 0; padding-bottom: 0; font-size: .9em !important; }
.compare .item p.details a { width: 90%; }
.compare .item p { text-align: center; }
.compare .checkbox { background: #f3f3f4; text-align: center; padding: 8px 0; width: 90px; margin: 0 auto; }
.compare .checkbox input { margin: 0 auto; width: 20px; }

.horizon .item { margin-left: 16px; }
.horizon .item .thumb { margin: 8px 8px 0 0; }
.horizon .item .thumb img { padding: 3px; border: 1px solid #d1d2d4; }
.horizon .item .details p { padding: 0 0 12px 0; }
.horizon .item .details .detail { border-right: 1px solid #d1d2d4; margin-right: 16px; padding-right: 16px; }
.horizon .item .details .last { border-right: 0; padding-right: 0; margin-right: 0; }
.horizon .item .details .float-l { padding-left: 0; }
.horizon .item .details .download { width: 115px; padding-bottom: 0; }
.horizon .item .details .ratings { padding-top: 0; width: 70px; text-align: center; }

.item .thumb img { display: block; }
.item p { color: #4D4D4F; }
.item p a { color: #4D4D4F; text-decoration: underline; }
.item p a:hover { text-decoration: none; }
.item .head { background: #2da576 url(/img/gradient.gif) left bottom repeat-x; color: #fff; text-decoration: none; line-height: .75em; font-weight: bold; margin-top: 0; }
.item .spec { padding-top: 0; padding-bottom: 0; color: #008852; }
.item .spec a { color: #008852; }
.item .download { text-align: center; padding-top: 0; padding-bottom: 0; font-weight: bold; text-transform: uppercase; font-size: .85em !important; }
.item .download a { background: url(/img/button.gif) left bottom repeat-x; margin: 0 auto 5px; text-decoration: none; display: block; padding: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: 1px solid #d1d2d4; -webkit-box-shadow: 2px 2px 2px #eee; -moz-box-shadow: 2px 2px 2px #eee; zoom: 1; filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=145, Strength=5); }
.item .download a:hover { text-decoration: underline; }

#main .instructions { margin-top: 0; margin-bottom: 8px; padding-top: 0; padding-bottom: 0; color: #636467; font-weight: bold; }
.parameter { margin: 0 0 10px 0; clear: left; padding-top: 1px;}
.parameter label { width: 120px; display: block; float: left; text-align: right; margin: 0 10px 0 0; min-height:28px; padding-top: 5px; }
.parameter select, .parameter option { border: 0; font-family: inherit; -webkit-border-radius: 0; color: #4D4D4F; text-transform: uppercase; -webkit-appearance: none; -moz-appearance: none; letter-spacing: 1px; outline: 0; }
.parameter select { background: url(/img/select.gif) left top no-repeat; width: 152px; height: 27px; line-height: 1em; padding: 5px 5px 5px 23px; }
.parameter option { text-align: left; color: #000; padding: 4px; }
.matches-box { clear: left; margin: 10px 0 0; }
.matches-box label { text-transform: uppercase; color: #008852; font-weight: bold; float: left; margin: 0 0 0 25px; padding: 5px 10px 0 0; }
.calculate-box { margin-left: 160px; }
.calculation-box { margin: 5px 0 0 115px; }
.calculation-box input { width: 135px; }

.box { border: 1px solid #008852; -webkit-box-shadow: 5px 5px 20px #ccc; -moz-box-shadow: 5px 5px 20px #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: url(/img/pattern.gif) left bottom repeat-x;  padding-bottom: 12px; margin-bottom: 20px; background: #fff; zoom: 1; /* filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=145, Strength=5); Drop shadow screws up IE6 layout */ overflow: hidden; }
.box h1, .box h2, .box h3, .box p, .box ul, .box ol { padding: 16px 16px; }
.box h3, .promo h4 { color: #008852; font-size: 1.5em; line-height: 1.25em; margin-bottom: 4px; padding: 16px 16px 8px; }
.box h3 { margin: 0; padding: 6px 16px 0 60px; font-size: 1.3em; }
.box h2 { position: relative; padding-top: 0; padding-bottom: 0; }
.box p { position: relative; padding-top: 8px; padding-bottom: 8px; }
.box .bar { position: relative; background: #2da576 url(/img/gradient.gif) left bottom repeat-x; color: #fff; font-weight: bold; text-transform: uppercase; margin: 0 0 16px; padding-top: 4px; padding-bottom: 4px; font-size: .9em !important; }
.box ul, .box ol, .box .list { padding-top: 0; }
.button-l { background: #2da576 url(/img/button-green.gif) left top no-repeat; text-transform: uppercase; padding: 7px 0 7px 30px; font-size: .9em; }
.button-r { background: #2da576 url(/img/button-green.gif) right top no-repeat; padding: 7px 30px 7px 0; }
.button-r a { color: #fff; }
.list { margin: 0 16px; text-transform: uppercase; }
.float-l { float: left; padding: 0 8px 8px 16px; }
.float-l a img { border: 1px solid #008852; }
.product { padding: 8px 0 0; border: 1px solid #A7A9AC; margin: 8px 16px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.product p { margin-bottom: 0; padding-bottom: 4px; }
.title { margin: 16px; background: url(/img/title.gif) left top no-repeat; height: 27px; width: 275px; }
.title p { margin: 0; padding: 0; text-align: center; text-transform: uppercase; font-size: .9em !important; font-weight: bold; position: relative; top: 2px; }
.title p a { display: block; color: #4D4D4F; }
.bullet { background: url(/img/bullet.gif) left 8px no-repeat; margin-left: 16px; margin-top: -8px; }
.box a { color: #008852; }
.class h1, .nobox h1 { font-size: 2em; margin: 0; padding: 4px 16px; color: #008852; line-height: 1.35em; }
.nobox p { padding: 4px 16px; }
h3 { margin: 0; padding-top: 6px; padding-left: 60px; padding-bottom: 0; font-size: 1.4em; line-height: 1.2em; height: 44px; }
h3.info { background: url(/img/box-info.gif) left top no-repeat; }
h3.products { background: url(/img/box-products.gif) left top no-repeat; }
h3.resources { background: url(/img/box-resources.gif) left top no-repeat; }
h3.search { background: url(/img/box-search.gif) left top no-repeat; }
h3.compare { background: url(/img/box-compare.gif) left top no-repeat; }
h3.calculator { background: url(/img/box-calculator.gif) left top no-repeat; }
h3.bolt { background: url(/img/box-bolt.gif) left top no-repeat; }
h3.fuses { background: url(/img/box-fuses.gif) left top no-repeat; }
h3.power { background: url(/img/box-power.gif) left top no-repeat; }
h3.fuseholders { background: url(/img/box-fuseholders.gif) left top no-repeat; }

.accordion { margin: 16px; }
.accordion h2 { background: url(/img/accordion.gif) left top no-repeat; margin: 0 0 4px; padding: 0 8px 0 40px; height: 27px; text-transform: uppercase; font-weight: normal; color: #333; outline: 0; cursor: pointer; line-height: 24px; }
.accordion h2.ui-state-active { background-position: bottom; color: #fff; }
.accordion .panel { height: 135px; overflow-y: scroll; margin-bottom: 8px; }
.accordion .resource { background: #f2f2f4; margin: 8px 0; padding: 0; }

.sider { margin-bottom: 16px; }
#main .sider ul { font-size: .833em; }
#main .sider ul, #main .sider li { margin: 0; padding: 0; background: none; }
#main .sider li { display: inline; position: relative; zoom: 1; }
.sider li a { margin: 0; padding: 4px 4px 4px 20px; display: block; background: #fff url(/img/bullet.gif) 8px 8px no-repeat; border-bottom: 1px solid #fff; }
.sider li.first a { padding-top: 10px; background-position: 8px 12px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.sider li.last a { padding-bottom: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }

.gallery div { padding: 0 0 4px; border: 1px solid #ccc; text-align: center; text-transform: uppercase; width: 123px; float: left; margin: 0 0 16px 16px; -webkit-box-shadow: 2px 2px 5px #ccc; -moz-box-shadow: 2px 2px 5px #ccc; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.gallery a { display: block; color: #636467; }
.gallery a img { margin: 0 0 4px; padding: 8px 8px 0; border-bottom: 1px solid #ccc; display: block; }

.big div { width: 165px; }

.profile { background: none; padding: 0; }
.profile img { display: block; }

.download ul, .download li { margin: 0; padding: 0; }
.download li, #main .download li { float: left; margin: 0 0 20px 10px; padding-left: 0px; font-size: .8em; width: 215px; text-align: center; }
.download li, #main .download li a img{ float: left; }
.download li a span { color: #3c3c3e; text-transform: uppercase; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin: 20px 0 0; padding: 7px 10px 7px; background: url(../img/button.gif) left bottom repeat-x; border: 1px solid #ccc; -webkit-box-shadow: 2px 2px 2px #ddd; -moz-box-shadow: 2px 2px 2px #ddd;  }
.download li a:hover { text-decoration: underline; }

.promo { position: relative; height: 139px; }
.promo .stock { position: absolute; right: 0; top: 0; z-index: 1; }
.promo .copy { width: 150px; position: relative; z-index: 2; }
.promo h4 { font-size: 18px; }
.promo p { padding: 0 16px; line-height: 1.25em; }
.promo p.expert { color: #000; font-weight: bold; padding: 0 16px; }
.promo p.ask { padding-bottom: 0; }
.promo p.ask a { background: url(../img/ask.gif) left center no-repeat; padding-left: 20px; }

.small { background: none; height: 80px; }
.small h1 { margin-top: -10px; font-size: 2em; }
.small .expert { margin: -10px 0 0; padding: 0; }
.small .stock { height: 100%; overflow: hidden; }

.tabs-nav { list-style: none; margin-left: 10px; }
.tabs-nav li { font-weight: bold; font-size: .833em; float: left; margin-right: 2px; margin-bottom: 0; }
.tabs-nav li a { color: #008852; background: #fff; text-decoration: none; border: 1px solid #E7E8E9; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; padding: 5px 10px; display: block; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.tabs-nav li.ui-state-default a { background: url(../img/tab-inactive.gif) left bottom repeat-x; }
.tabs-nav li.ui-state-active a { background: #2da576 url(../img/gradient.gif) left bottom repeat-x; color: #fff; border: 1px solid #008852; }
.ui-tabs .ui-tabs-hide { display: none; }

#page { width: 996px; margin: 0 auto; background: #fff; }
.container_12 { width: 976px; margin: 0 0 0 20px; }

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { clear: none; display: inline; float: left; margin: 0 16px 0 0; padding: 0; position: relative; }
.grid_1 { width: 65px; }
.grid_2 { width: 146px; }
.grid_3 { width: 227px; }
.grid_4 { width: 308px; }
.grid_5 { width: 389px; }
.grid_6 { width: 470px; }
.grid_7 { width: 551px; }
.grid_8 { width: 632px; }
.grid_9 { width: 713px; }
.grid_10 { width: 794px; }
.grid_11 { width: 875px; }
.grid_12 { width: 956px; margin-right: 0; }

.prefix_2 { padding-left: 162px; }

.hide { position: absolute; left: -9999px; height: 0; }

.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

div.breadcrumbnav {}
div.breadcrumbnav h1 {line-height:150%;padding:0 10px;text-decoration:none;color:#008a3f;font-weight:bold;}

div#main div.breadcrumbnav ul {margin:0;padding:0;list-style-type:none;}
div#main div.breadcrumbnav ul li {margin-top:4px;background: none;padding-left:0;font-size:11px;line-height:1em;}
div#main div.breadcrumbnav ul li a {line-height:150%;padding:0 2px;text-decoration:none;color:#272727;}
div#main div.breadcrumbnav ul li a:hover {text-decoration:underline;}

div#main div.breadcrumbnav ul a.focus {display:block;padding-top:4px;padding-bottom:4px;font-weight:bold;text-decoration:none;}
div#main div.breadcrumbnav ul li a.root {background-color:#008a3f;color:#fff;}
div#main div.breadcrumbnav ul li a.top {background:#008a3f url("../images/css/breadcrumbnav_bg_l1.gif") no-repeat right center;color:#fff;}
div#main div.breadcrumbnav ul li a.sub {background:#eeeee6 url("../images/css/breadcrumbnav_bg_l2.gif") no-repeat right center;color:#333;}
div#main div.breadcrumbnav ul li a.curr {color:#008a3f;}
div#main div.breadcrumbnav ul li a.link {color:#008a3f;font-weight:normal;text-decoration:underline;padding-top:0;padding-bottom:0;display:inline;}

div#main div.breadcrumbnav ul li a.cat {font-weight:bold;color:#727272;}
div#main div.breadcrumbnav ul li a.cat span {padding-right:5px;}
div#main div.breadcrumbnav ul li ul.cat_menu {margin-left:10px;}

div#main div.breadcrumbnav div.pre_link {margin-top:20px;border-top:1px solid #008a3f;text-align:right;}
div#main div.breadcrumbnav div.pre_link a {display:block;padding:4px 24px 4px 0;background:#fff url("../images/css/breadcrumbnav_bg_pre.gif") no-repeat right center;color:#989898;text-decoration:none;}

div#TypeAheadChoices {zoom: 1;display:none;position:absolute;background-color:#fff;border:thin solid black;left:652px;top:22px;width:265px;z-index:999;padding:4px;}
ul#auto_complete {height: auto;z-index: 9999;position: relative; zoom:1;}
ul#auto_complete li {float: none; text-align: left; width: 100%;position: relative; zoom:1;}
ul#auto_complete li a {text-align: left; font-weight: normal; display: block; width: 100%; padding: 2px 0;position: relative; zoom:1;}
ul#auto_complete li a:hover {background-color: #ddd;}

div#footer {clear:left;width:930px;margin-left:35px;text-align:center;font-family:Arial,Helvetica,Verdana,sans-serif;font-size:11px;color:#272727;font-weight:normal;}
div#footer_div div ul {display:block;padding:0px 0 10px 0;list-style-type:none;}
div#footer_div div ul li {display:inline;margin:0;padding:5px;font-family:Arial,Helvetica,Verdana,sans-serif;font-size:12px;color:#008a3f;font-weight:bold;line-height:150%;}
div#footer_div div ul li a {font-family:Arial,Helvetica,Verdana,sans-serif;font-size:10px;color:#272727;font-weight:normal;line-height:150%;text-decoration:underline;}
div#footer_div div ul li a:hover {color:#008a3f;}