/***********************************************************
    CSS file for <http://www.peerlessblowers.com/>
    by Marko Dugonjic, <http://www.creativenights.com/>
***********************************************************/

* { margin: 0; padding: 0; }

html { height: 100%; margin-bottom: .1em; }
body { font: 62.5%/1.6 Arial, Helvetica, sans-serif; background: #fff; color: #666; }
table { font-size: 1em; }

a       { outline: none; color: #467BB7; }
a:hover { text-decoration: none; color: #F26522; }
a img   { border: 0; }

.skippers { position: absolute; left: -9999px; }

#sizer { }
.grid	{ width: 960px; /* background: url(cssimg/grid.gif) repeat-y 20px 0; */ }
.grid:after	{ content: "."; display: block; clear: both; height: 0; font-size: .1em; visibility: hidden; }

#header { position: relative; height: auto !important; height: 17em; min-height: 171px; background: #174b85 url(cssimg/header.gif) repeat-x 0 100%; }

#logo 		{ position: absolute; left: 0; bottom: 0; width: 250px; height: 171px; background: url(cssimg/logo.gif) no-repeat 0 0; overflow: hidden; }
#logo a 	{ display: block; width: 250px; height: 171px; text-indent: -9999px; }
#logo em 	{ position: absolute; left: -9999px; overflow: hidden; }

#main_nav               { float: left; display: inline; padding: 124px 0 0 0; margin-left: 260px; width: 700px; }
#main_nav li            { list-style: none; float: left; margin-right: 5px; }
#main_nav li.active     { background: url(cssimg/main_nav_active_arrow.gif) no-repeat center top; }
#main_nav li a          { display: block; padding: 10px; font-size: 1.4em; color: #fff; text-decoration: none; text-shadow: 0 2px 0 #123; }
#main_nav li a:hover    { background: url(cssimg/main_nav_hover_arrow.gif) no-repeat center top !important; }
#main_nav li.active a   { background: none !important; }

#content 			{ background: url(cssimg/content.gif) repeat-x 0 0; }
#content .grid		{ height: auto !important; height: 330px; min-height: 330px; padding-top: 30px; }
#content ul,
#content ol         { margin-bottom: 1em; }
#content ol li      { margin-left: 20px; }
#content ul li      { margin-left: 20px; list-style: square; }
#content h4         { font-weight: normal; font-size: 1em !important; text-transform: uppercase; color: #666; margin-bottom: 1.5em; border-bottom: 1px solid #ccc; }
#content .intro_text { margin-bottom: 2em !important; }

#side_content               { float: left; display: inline; width: 210px; margin: 0 0 0 20px; padding: 0 0 40px; overflow: hidden; }
#side_content h2 { color: #FF5705; font-size: 1.4em; font-weight: normal; }
#side_content img { float: left; margin: 5px 10px .2em 0; }
#side_content p  { font-size: 1.1em; margin-bottom: 1em; color: #7E7E7E; }
#side_content li { font-size: 1.1em; }
.more_link { clear: left; color: #1C5BA2; font-size: 1em; line-height: 200%; text-transform: uppercase; text-decoration: none; padding: 5px 15px 0 0; background: url(cssimg/learn_more.gif) no-repeat 100% 9px; }
#rep_teaser { display: block; height: 197px; margin-bottom: 1em; }


#local_nav                  { float: left; width: 210px; overflow: hidden; }
#local_nav ul               { width: 210px; margin: 0 0 2em !important; }
#local_nav li               { list-style: none; width: 210px; border-bottom: 1px solid #EAEAEA; margin: 0 !important; font-size: 1em; }
#local_nav li a             { display: block; width: 100%; w\idth: 194px; padding: 8px 8px 7px; color: #444; text-transform: uppercase; text-decoration: none; }
#local_nav li a:hover       { color: #F26522 !important; }
#local_nav li.active a      { color: #1C5BA2; background: #EBF4FF; }

#local_nav li ul            { margin: 0 !important; }
#local_nav li li            { width: 100%; w\idth: 190px !important; padding-left: 20px; border: 0; font-size: .9em; border-top: 1px solid #eaeaea; background: url(cssimg/subli_arrow.gif) no-repeat 12px 12px; }
#local_nav li li.first-child { }
#local_nav li li a          { width: 100%; w\idth: 174px !important; background: none !important; }

.side_download_link					{ display: block; padding-left: 40px; text-decoration: none; color: #7E7E7E; background: url(cssimg/pdf_icon.gif) no-repeat 0 4px; }
.side_download_link strong			{ text-decoration: underline !important; color: #467BB7 !important; }
.side_download_link:hover strong 	{ text-decoration: none !important; color: #F26522 !important; }

.side_download_link .bytes_info		{ color: #999; }

#main_content { float: left; width: 480px; margin: 0 0 30px 40px; overflow: hidden; }
#content h1,
#main_content .product_details dt { font-size: 2.4em; line-height: 1.2; font-weight: normal; color: #F26522; /* text-shadow: 1px 1px 2px #ccc; */ }
#main_content p { font-size: 1.3em; margin-bottom: 1em; color: #444; }
#main_content p a { font-size: 1em; }
#main_content li { font-size: 1.3em; color: #444; }
#main_content sup { line-height: .8em; }

#main_content h1 { margin-bottom: 20px; }
#main_content h2 { clear: both; color: #FF5705; font-size: 1.4em !important; font-weight: normal; margin-bottom: 1em;  }

.products_body #main_content h1 { position:absolute; left: -9999px; }

#main_content .product_details            { margin-bottom: 30px; }
#main_content .product_details .subtitle  { font-size: 1.4em; line-height: 1.2; color: #1C5BA2; }

#main_content .product_box                { float: left; width: 480px; margin: 15px 0 5px; height: auto !important; height: 315px; min-height: 315px; background: url(cssimg/product_box.gif) no-repeat 0 15px; }
#main_content .product_box img            { float: left; width: 278px; height: 302px; }
#main_content .product_box ul             { float: right; display: inline; width: 184px; margin: 33px 18px 0 0 !important; }
#main_content .product_box ul li          { float: left; height: 54px; list-style: none; margin: 0 0 10px; font-size: 1em !important; background: url(cssimg/product_button.gif) no-repeat 0 0; }
#main_content .product_box ul li a        { display: block; width: 184px; padding: 10px 0; text-align: center; text-decoration: none; color: #666 !important; font-size: 1em; }
#main_content .product_box ul li a strong { display: block; font-size: 1.2em; color: #444; }
#main_content .product_box ul li a:hover strong { color: #F26522; }

#main_content table         { width: 100%; margin-bottom: 20px; border-collapse: collapse; }
#main_content td,
#main_content th            { text-align: left; vertical-align: top; font-weight: normal; font-size: 1.3em; padding: 8px 2px 8px; border-bottom: 1px solid #eee; }
#main_content th            { padding-left: 0; width: 150px; }
#main_content th strong     { display: block; }
#main_content td.phone_no,
#main_content td.emails     { text-align: right; padding-right: 0; }

#main_content #address { float: left; width: 239px; margin: 0 20px 40px 0; border-right: 1px solid #eee; }
#main_content #address dt,
#main_content #address dd { font-size: 1.3em; }
#main_content #address dt { font-weight: bold; }

#main_content #phones { float: right; width: 220px; /* border-top: 1px solid #eee; */ }
#main_content #phones th,
#main_content #phones td { padding: 4px 2px; border: 0; }
#main_content #phones .phone_no { color: #444; white-space: pre; width: 50%; }

#main_content #sales            { clear: both; }
#main_content #sales .first-child th,
#main_content #sales .first-child td { border-top: 1px solid #ccc; }
#main_content #sales th         { font-size: 1.1em; color: #888; width: 200px; }
#main_content #sales th strong  { font-size: 1.18em; color: #666; }
#main_content #sales th,
#main_content #sales td         { padding-top: 5px; }
#main_content #sales td.ext_no  { font-size: 1.1em; padding-top: 8px; }
#main_content #sales .weez      { position: absolute; left: -9999px; }

#contact_form_wrapper { margin-top: 40px; }

form            { float: left; margin: 0 0 20px 0; padding: 20px; background: #EBF4FF; }
fieldset        { border: 0; }
.field          { float: left; width: 440px; padding: 8px 0; }
.field label    { float: left; width: 95px; w\idth: 75px; padding: 3px 20px 3px 0; text-align: right; font: 1.3em Arial, Helvetica, sans-serif; }
.notice em,
label em        { color: #F26522; }
.input_text     { width: 250px; }
textarea        { width: 334px; overflow: auto; }
.input_text,
textarea        { font: 1.4em Arial, Helvetica, sans-serif; padding: 2px; border: 1px solid #ccc; border-color: #666 #bbb #ddd; }
.button_holder  { text-align: right; width: 435px; border: 0; }
.input_submit   { padding: 5px; }
.notice         { color: #999 !important; }

#featured_products { float: left; width: 480px; padding-bottom: 30px !important; }

.quick_ship_list li small   { display: block; margin-bottom: .2em; color: #999 !important; font-size: .85em !important; }
.quick_ship_list li strong  { font-weight: normal; }

#rep_locator    { margin-bottom: 20px; }

#states_nav     { padding: 20px 0; text-align: justify; }
#full_exp       { margin: -15px 10px 0 0; padding-bottom: 15px; border-bottom: 1px solid #ccc; }
#states_nav a   { font-size: 1.3em; margin: 0 10px 0 0; }
#full_exp a     { margin: 0; }

#content .partner-listing li		{ width: 480px; margin: 0; list-style: none; font-size: 1em; }
#content .partner-listing dt       	{ font-size: 2.4em; line-height: 1.2; font-weight: normal; margin-bottom: .3em; color: #F26522; }
#content .partner-listing dd       	{ font-size: 1.3em; }
#content .partner-listing dd table 	{ margin: 1em 0 .5em; border-top: 1px solid #ccc; }
#content .partner-listing dd th    	{ font-size: 1em; width: 200px; }
#content .partner-listing dd td    	{ font-size: 1em; text-align: right; }
#content .partner-listing dd td a  	{ font-size: 1em; padding: 0 !important; margin: 0 !important; }
#content .partner-listing dd.open_rep 			{ border-top: 1px solid #ccc; border-bottom: 1px solid #eee; padding: 8px 2px; margin-bottom: .5em; }
#content .partner-listing dd.top_link 			{ text-align: right; padding: 0 2px; margin-bottom: 2em; }
#content .partner-listing dd.top_link a 		{ text-transform: uppercase; text-decoration: none; font-size: 10px !important; padding-left: 10px; color: #bbb; background: url(cssimg/top_arrow_def.gif) no-repeat 0 3px; }
#content .partner-listing dd.top_link a:hover 	{ color: #F26522; }

#content #distributor-list li		{ position: relative; padding: 0 0 3em; }
#content #distributor-list dl		{ width: 230px; min-height: 85px; padding-right: 250px; }
#content #distributor-list dt,
#content #distributor-list dd			{ width: 230px; }
#content #distributor-list dd.ds-logo	{ position: absolute; top: .3em; right: 0; width: 210px; height: 80px; padding-top: 20px; }
#content #distributor-list dd.top_link	{ width: 226px; }

#content #distributor-list dt		{ padding-top: 20px; margin: 0; }
#content #distributor-list dt a		{ color: #F26522; text-decoration: none; }

#content #distributor-list dd.address			{ margin-bottom: .9em; color: #888; }

#content #distributor-list li.first-child				{ border: 0; }
#content #distributor-list li.first-child dt,
#content #distributor-list li.first-child dd.ds-logo	{ padding-top: 0; }

.system_notice      { float: left; width: 100%; padding-top: 2.4em; margin-bottom: 1em; background: #ffe; }
.system_notice p    { margin: 0 1em 1em !important; font-size: 2.4em !important; line-height: 1.2 !important; }
.confirmation p     { color: green !important; }
.error p            { color: red !important; }

#footer             { position: relative; float: left; display: inline; clear: both; width: 480px; margin-left: 270px; border-top: 1px solid #ccc; }
#footer p           { padding: 10px 3px 20px; font-size: 1em; color: #989898; }
#footer p a         { text-decoration: none; }
#top_link           { position: absolute; left: -270px; top: -1px; width: 230px; padding: 0 !important; border-top: 1px solid #ccc; text-align: right; }
#top_link a         { float: right; padding: 10px 3px 10px 10px !important; font-size: 1em; text-decoration: none; text-transform: uppercase; color: #bbb !important; background: url(cssimg/top_arrow_def.gif) no-repeat 0 14px; }
#top_link a:hover   { color: #F26522 !important; }
#copyright          { float: left; }
#siteby             { float: right; }