@import 'lib/reset.css';
@import 'lib/typography.css';
@import 'lib/forms.css';
@import 'lib/search.css';


/* Classes
----------------------------------------------------------------------- */
.container { width: 946px; margin: 25px auto;border: 2px solid #b3b3b4;padding: 0px;background-color: #fff; }
.content { float: left;width: 870px; background-color: #fff;padding: 37px 37px 15px 37px; }

#nav_left { float: left;width: 215px;margin-right: 30px; }
#main { float: left;width: 625px; }
.sidebar { float: left;width: 220px;margin: 0 0 0 20px; }

.left   { float:left; }
.right  { float:right; }

.hide   { display:none; }

.reset-margin   { margin:0; } 
.reset-padding  { padding:0; } 
.reset          { margin:0; padding:0; }
.clear          { clear: both; } 

.align-justify  { text-align:justify; } 
.align-left     { text-align:left; } 
.align-center   { text-align:center; } 
.align-right    { text-align:right; }

.feature_wide { height: 1px;border-left: 0;border-bottom: 0;border-right: 0;border-top: 1px solid #ccc;margin-top: 15px; }

.ast { color: #f8df19; }

.print-only { display:none; }


/* Header
----------------------------------------------------------------------- */
#header { background-color: #fff; }
#head_tp { height: 80px; }
h1.logo { padding: 0; }
h3.yardcard { font: normal 14px/14pt  Arial Black, Arial, sans-serif;padding: 10px 0;color: #000; }
h3.yardcard span { font-size: 1.35em;color: #d7301d; }

/* Second Level
----------------------------------------------------------------------- */
#crumbs { float: left;width: 615px; border-top: 1px solid #e8e8e8;border-bottom: 2px solid #e8e8e8;color: #333; padding: 11px 10px 11px 0;color: #d02119;font-size: 0.95em; }
#crumbs a:link, a:visited { text-decoration: underline; }
#crumbs a:hover, a:visited hover { text-decoration: none; }
#crumbs .grey { color: #333; }

#crumbs p.print { float: right;text-align: right;margin: 0;padding: 0; }
#crumbs p.print a { background: #fff url(/pics/shared/printer.png) top left no-repeat;padding: 0 0 3px 25px; }


/* Main Navigation
----------------------------------------------------------------------- */
#navigation { float: left;width: 870px;padding: 0;margin: 0;background-image: url(/pics/nav/nav_off.png); }
ul#navigation li { display: block; float: left; text-indent: -9999px; }
ul#navigation li a { display: block; height: 42px; background-image: url(/pics/nav/nav_off.png); }
ul#navigation li a:hover { display: block; background-image: url(/pics/nav/nav_on.png); }	

li#about a { width: 126px; }
li#about.active a { width: 126px; height: 42px; background-image: url(/pics/nav/nav_on.png); }

li#products a { width: 131px; }
li#products a:link,li#products a:visited,li#products a:hover { background-position: -126px 0px; }
li#products.active a { width: 131px; height: 42px; background-image: url(/pics/nav/nav_on.png); }

li#buy a { width: 183px; }
li#buy a:link,li#buy a:visited, li#buy a:hover { background-position: -257px 0px; }
li#buy.active a { width: 183px; height: 42px; background-image: url(/pics/nav/nav_on.png); }

li#manuals a { width: 120px; }
li#manuals a:link,li#manuals a:visited, li#manuals a:hover { background-position: -440px 0px; }
li#manuals.active a { width: 120px; height: 42px; background-image: url(/pics/nav/nav_on.png); }

li#contact a { width: 146px; }
li#contact a:link,li#contact a:visited, li#contact a:hover { background-position: -560px 0px; }
li#contact.active a { width: 146px; height: 42px; background-image: url(/pics/nav/nav_on.png); }

#shadow { background: #fff url(/pics/nav/shadow.png) top center no-repeat; width: 870px;height: 30px;border-top: 1px solid #fff;padding: 0;margin: 0; }


/* Sub Navigation
----------------------------------------------------------------------- */
#subnav { width: 215px; }

#subnav ul { margin: 0; padding: 0; list-style-type: none; }

#subnav ul li a { display: block; padding: 10px 10px 10px 15px; width: 190px; background-color: #fff;border-bottom: 1px solid #ccc;color: #666;  }

#subnav ul li a:link, #subnav a:visited { color: #333; text-decoration: none; }
#subnav ul li a:hover { background-color: #f7f7f7; }
#subnav ul li a.on { font-weight: bold; background-color: #f7f7f7;border-bottom: 1px solid #ccc; }

#subnav ul li a.feature_rt { width: 198px; color: #000; background: #666 url(/pics/nav/subnav_rt.png) top left no-repeat;border-bottom: 1px solid #ccc; }

#subnav ul li a.feature_dw { width: 198px; color: #000; background: #666 url(/pics/nav/subnav_dw.png) top left no-repeat;border-bottom: 1px solid #ccc; }

#subnav ul li ul { border-bottom: 1px solid #333; }
#subnav ul li ul li a { display: block; padding: 5px 10px 5px 15px; background-color: #000; text-transform: none; font-size: 0.90em;border: none; }

#subnav ul li ul li a:link, #subnav a:visited { color: #000; text-decoration: none; }
#subnav ul li ul li a:hover { background-color: #0e0e0e; color: #fff; }
#subnav ul li ul li a.active { color: #f8df19; font-weight: bold; }

.arrow_rt { float: right;padding-top:4px;padding-right:4px; }


/* SIDEBAR
----------------------------------------------------------------------- */
.distributor { width: 216px; background: #000 url(/pics/sidebar/distributor_back.jpg) top center no-repeat;border-bottom: 2px solid #818080; }
.distributor p { padding: 45px 10px 0px 10px; line-height: 1.3em; }

.manuals { width: 216px; background: #000 url(/pics/sidebar/manuals_back.jpg) top center no-repeat;border-bottom: 2px solid #818080; }
.manuals_lt { padding: 50px 10px 0 0; line-height: 2em; list-style-type: none; }
.manuals_lt li#om { padding-left: 25px; background: #000 url(/pics/sidebar/om_ico.png) top left no-repeat; }
.manuals_lt li#ipl { padding-left: 25px; background: #000 url(/pics/sidebar/ipl_ico.png) top left no-repeat; }

.sidebar_img { float: right; margin: 0; padding: 5px; }

.phys_address { width: 216px; background: #000 url(/pics/contact/mailing_hd.png) top center no-repeat;border-bottom: 2px solid #818080; }
.phys_address p { padding: 45px 10px 0px 10px; line-height: 1.3em; }


/* Buttons
----------------------------------------------------------------------- */
.findmanuals_btn { float:left; height:23px; width: 130px; overflow:hidden; white-space:nowrap; text-indent: -5000px;  }
.findmanuals_btn a { background: #fff url(/pics/buttons/findmanuals_btn.png) no-repeat left top; float:left; height:23px; width: 130px; text-indent: -5000px; }
.findmanuals_btn a:hover { background-position: 0 -23px; }

.search_btn { float:left; height:25px; width: 86px; overflow:hidden; white-space:nowrap; text-indent: -5000px; }
.search_btn a { background: #000 url(/pics/buttons/search_btn.png) no-repeat left top; float:left; height:25px; width: 86px; text-indent: -5000px; }
.search_btn a:hover { background-position: 0 -25px; }

.dealersearch_btn { float:left; height:25px; width: 86px; overflow:hidden; white-space:nowrap; text-indent: -5000px; }
.dealersearch_btn a { background: #000 url(/pics/buttons/search_btn.png) no-repeat left top; float:left; height:25px; width: 86px; text-indent: -5000px; }
.dealersearch_btn a:hover { background-position: 0 -25px; }

.getstarted_btn { float:left; height:23px; width: 113px; overflow:hidden; white-space:nowrap; text-indent: -5000px;margin-left: 75px; }
.getstarted_btn a { background: #000 url(/pics/search/getstarted_btn.png) no-repeat left top; float:left; height:23px; width: 113px; text-indent: -5000px; }
.getstarted_btn a:hover { background-position: 0 -23px; }

.print_btn { float:right; height:19px; width: 63px; overflow:hidden; white-space:nowrap; text-indent: -5000px;}
.print_btn a { background: url(/pics/buttons/print_btn.png) no-repeat left top; float:right; height:19px; width: 63px; text-indent: -5000px; }
.print_btn a:hover { background-position: 0 -19px; }

.email_btn { float:right; height:19px; width: 63px; overflow:hidden; white-space:nowrap; text-indent: -5000px;margin-left: 10px; }
.email_btn a { background: url(/pics/buttons/email_btn.png) no-repeat left top; float:right; height:19px; width: 63px; text-indent: -5000px; }
.email_btn a:hover { background-position: 0 -19px; }

.return_btn { float:left; height:19px; width: 113px; overflow:hidden; white-space:nowrap; text-indent: -5000px; }
.return_btn a { background: url(/pics/buttons/return_btn.png) no-repeat left top; float:left; height:19px; width: 113px; text-indent: -5000px; }
.return_btn a:hover { background-position: 0 -19px; }


/* Tabs
**************************************************/
#tabber { clear:both;padding:1em 0 2em 0; }
#tabber ul.tabs,
#tabber ul.tabs li,
#tabber ul.tabs li a,
#tabber ul.tabs li a span { margin:0; list-style:none; float:left; position:relative; }

#tabber ul.tabs { padding:0; font-size: 1em; }
#tabber ul.tabs li a span { background:url(/pics/shared/tab-right.gif) no-repeat right top; padding: 7px 14px 6px 12px; }
#tabber ul.tabs li a { background:url(/pics/shared/tab-left.gif) no-repeat left top; color:#999; text-decoration:none;margin-right:10px;margin-top:2px; }
#tabber ul.tabs li a:hover { color:#333; }
#tabber ul.tabs li.ui-tabs-selected a span { background:url(/pics/shared/tab-right-on.gif) no-repeat right top; padding-top: 9px; }
#tabber ul.tabs li.ui-tabs-selected a  { background:url(/pics/shared/tab-left-on.gif) no-repeat left top; color:#333; margin-top:0;  z-index:4}

#tabber div.tab-box { top:-1px; position:relative; z-index:3;clear:left;border: 1px solid #b3b3b4; padding:15px; }

.ui-tabs-hide { display:none; }


/* Tabs Table
**************************************************/
#tabber table { width:100%; border-collapse:collapse; border-spacing:0px; border:none; margin: 0; }

hr.tab_hr { border-top: 1px solid #e5e5e5;border-bottom: 0;border-left: 0;border-right: 0;width: 100%;height: 1px;padding: 5px 0 0 0; }

#specs table th,
#specs table td { padding:0; line-height:1.5; background-color: #fff; }
#specs table tr.model { color:#D02119; font-size:110%; }
#specs table tr.model th { padding-bottom:2px; padding-top:0; }
#specs table thead th { padding-bottom:5px; padding-top:3px; background-color: #fff;border-bottom:1px solid #e5e5e5; }
#specs table tbody th, 
#specs table tbody td { font-weight: normal; font-size:0.90em;border-bottom:1px solid #e5e5e5;line-height:2em; padding-right:3px }
#specs table tbody th { width:31%; }

#manual table th,
#manual table td { padding:0; line-height:1.5; background-color: #fff; padding-bottom:4px; }
#manual table tr.model { color:#D02119; font-size:110%; }
#manual table tr.model th { padding-bottom:2px; padding-top:0; }
#manual table thead th { padding-bottom:5px; background-color: #fff;border-bottom:1px solid #e5e5e5; }
#manual table tbody th, 
#manual table tbody td { font-weight: normal; font-size:0.90em;border-bottom:1px solid #e5e5e5;line-height:2.2em; }
#manual table tbody td.om { background: #fff url(/pics/products/manual_ico/om_ico.png) 2px 1px no-repeat;padding-left: 25px; }
#manual table tbody td.ipl { background: #fff url(/pics/products/manual_ico/ipl_ico.png) 2px 1px no-repeat;padding-left: 25px; }
#manual table tbody td.wd { background: #fff url(/pics/products/manual_ico/wd_ico.png) 2px 1px no-repeat;padding-left: 25px; }
#manual table tbody td.e_om { background: #fff url(/pics/products/manual_ico/e_om_ico.png) 2px 1px no-repeat;padding-left: 25px; }
#manual table tbody td.e_ipl { background: #fff url(/pics/products/manual_ico/e_ipl_ico.png) 2px 1px no-repeat;padding-left: 25px; }
#manual table tbody td.e_wd { background: #fff url(/pics/products/manual_ico/e_wd_ico.png) 2px 1px no-repeat;padding-left: 25px; }

#manual table tbody td a { padding-bottom: 5px; }
#manual table tbody td a.om { background: #fff url(/pics/products/manual_ico/om_ico.png) 2px 1px no-repeat;padding-left: 25px; }
#manual table tbody td a.ipl { background: #fff url(/pics/products/manual_ico/ipl_ico.png) 2px 1px no-repeat;padding-left: 25px; }
#manual table tbody td a.wd { background: #fff url(/pics/products/manual_ico/wd_ico.png) 2px 1px no-repeat;padding-left: 25px; }
#manual table tbody td a.e_om { background: #fff url(/pics/products/manual_ico/e_om_ico.png) 2px 1px no-repeat;padding-left: 25px; }
#manual table tbody td a.e_ipl { background: #fff url(/pics/products/manual_ico/e_ipl_ico.png) 2px 1px no-repeat;padding-left: 25px; }
#manual table tbody td a.e_wd { background: #fff url(/pics/products/manual_ico/e_wd_ico.png) 2px 1px no-repeat;padding-left: 25px; }

#manual table tbody th { width:33%; }

.label { font-weight:bold; color:#999; display:block; line-height:1; padding-top:1.5em; }
.label em { display:block; font-style:normal; } 

/* Home
----------------------------------------------------------------------- */
.flash { margin: auto; background-color: #FFF; }
.flash_contain { margin: 0 0 20px 0; background-color: #FFF; width: 870px; height: 335px; }
#blocks { width: 870px; height: 147px; padding: 0 0 25px 0; color: #fff; }
#text_home { width: 470px; height: 147px; float: left; padding: 5px 10px; }
#dealer_locator { margin: auto; background: #FFF url(/pics/home/dealerBackground.jpg) top center no-repeat;  width: 365px; height: 147px; float: left; color: #000; }
#dealer_locator .span { padding: 46px 35px 15px 24px; font-size: 11px; }

/* Shared
----------------------------------------------------------------------- */
#dealerInteriorBg { margin: auto; background: #FFF url(/pics/shared/dealerInteriorBg.jpg) top center no-repeat;  width: 215px; height: 143px; float: left; color: #000; }
#dealerInteriorBg .span { padding: 36px 15px 15px 15px; font-size: 11px; }

/* Manuals
----------------------------------------------------------------------- */
h2#manuals_hd { background: url(/pics/manuals/manuals_hd.png) 0px 0px no-repeat; padding: 0;height: 39px; border-top: 1px solid #999;border-bottom: 2px solid #999; width: 215px; }
.manual_tb { margin:0px;border: 0px;width: 600px;line-height: 1.25em; }
.manual_tb td { padding: 2px; }  

.ns { float: left;width: 615px;background: #fff url(/pics/manuals/ns-back.png) 0px 0px repeat-x; padding: 0;margin: 1px 0 1px 0;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc; }
.ns-results { float: right;padding: 5px 10px 5px 10px;line-height: 2.25em;color: #333; }
.ns-title { float: left;font-size: 1.5em;padding: 5px 10px 5px 10px;color: #333; }

/* About
----------------------------------------------------------------------- */
h2#about_hd { background: url(/pics/about/about_hd.png) 0px 0px no-repeat; padding: 0;height: 39px; border-top: 1px solid #999;border-bottom: 2px solid #999; width: 215px; }
.imgContainer { float:left; width: 125px; margin-right: 30px; }
.imgContainer a { font-size: 11px; text-decoration: none; }
.imgContainer table {border:solid 1px #ccc;margin: 5px 0 10px 0;width: 100%;}
.imgContainer th,td {padding: 7px 9px 7px 7px;text-align:left;}
#about_img { float: right;margin: 0 0 10px 10px; }

.about_sidebar { float: right;padding: 15px;margin: 0 10px 10px 10px;width: 250px;background-color: #f7f7f7;color: #333; }

.fans { text-align: center; }
.fans img { padding: 5px;margin: 5px;border: 1px solid #ccc; }

/* Products
----------------------------------------------------------------------- */
h2#products_hd { background: url(/pics/products/products_hd.png) 0px 0px no-repeat; padding: 0;height: 39px; border-top: 1px solid #999;border-bottom: 2px solid #999; width: 215px; }
#prod_image { float: left; width: 277px; height: 265px; background: #FFF url(/pics/products/sample.jpg) top left no-repeat; padding: 4px 25px 0 4px; }
#prod-img { float: right;margin: 0 0 10px 10px; }
p.price { font-weight: bold; }
p.price strong { color: #d02119; }

#copyblock1 { margin: 50px 0 0 215px; width:16px; position:absolute; }
#copyblock2 { margin: 20px 0 0 95px; width:16px; position:absolute; }
#copyblock3 { margin: 100px 0 0 100px; width:16px; position:absolute; }
#copyblock4 { margin: 200px 0 0 50px; width:16px; position:absolute; }
#copyblock5 { margin: 115px 0 0 175px; width:16px; position:absolute; }
#copyblock6 { margin: 235px 0 0 185px; width:100px; position: absolute; }

/* Where to Buy
----------------------------------------------------------------------- */
h2#buy_hd { background: url(/pics/buy/buy_hd.png) 0px 0px no-repeat; padding: 0;height: 39px; border-top: 1px solid #999;border-bottom: 2px solid #999; width: 215px; }

/* Contact Us
----------------------------------------------------------------------- */
h2#contact_hd { background: url(/pics/contact/contact_hd.png) 0px 0px no-repeat; padding: 0;height: 39px; border-top: 1px solid #999;border-bottom: 2px solid #999; width: 215px; }

/* Search
----------------------------------------------------------------------- */
h2#search_hd { background: url(/pics/search/search_hd.png) 0px 0px no-repeat; padding: 0;height: 39px; border-top: 1px solid #999;border-bottom: 2px solid #999; width: 215px; }

/* Site Map
----------------------------------------------------------------------- */
h2#sitemap_hd { background: url(/pics/sitemap/sitemap_hd.png) 0px 0px no-repeat; padding: 0;height: 39px; border-top: 1px solid #999;border-bottom: 2px solid #999; width: 215px; }

/* Privacy Policy
----------------------------------------------------------------------- */
h2#privacy_hd { background: url(/pics/privacy/privacy_hd.png) 0px 0px no-repeat; padding: 0;height: 39px; border-top: 1px solid #999;border-bottom: 2px solid #999; width: 215px; }

/* Footer
----------------------------------------------------------------------- */
#footer { color:#666; background-color: #000; font-size: 0.8em; line-height:1.7em; text-align: center; }
#footer a { color:#666; text-decoration: none; }
#footer a:hover { color:#666; text-decoration: underline; }

#foot_contain { margin: auto; width: 870px; padding: 0; }
.comm_logo { float:left; padding: 0 50px 15px 25px; }
