/* ---------------------------------------------
Screen Stylesheet for http://www.DomainName.com
Updated: 03/14/09 - Eddie Kasper
Version: 3.50
-------------------------------------------------
::COLORS::
	Black: #333 --example usage--

::TOC::
	Resets
	Defaults
	Typography
	Template 
	Links
	Navigation
	Forms
	Global Classes
	Pages

::Opacity/Transparency CSS

.opaque1 {	// for all other browsers
	opacity: .5;
}

.opaque2 {	// for IE8
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.opaque3 {	// for IE5-7
	filter: alpha(opacity=50);
}


	

--------------- ::Resets:: --------------------- */
body, address, blockquote, dl, ol, ul, li, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre {
margin:0;
padding:0;
}
fieldset, table {
border:none;
}
table {
border-collapse:collapse;
border-spacing:0;
overflow:hidden;
word-wrap:break-word; /* will not validate IE only */
}
/*
caption, th, td {
text-align: left;
}*/

/*********** ---------- ::Defaults:: --------------------- ***********/
html { 
font-size:100.01%; 
height:100.1%; 
overflow-y:scroll; 
overflow: -moz-scrollbars-vertical; 
}  
 

body { 
height:100%;
font:12px/140% Tahoma,Geneva,Helvetica,sans-serif;
background:#000 url('../images/site-graphics/body-bg.gif') center top no-repeat;
color:#000;
}

/*********** ---------- ::Typography:: ------------------- ***********/
address, h1, h2, h3, h4, h5, h6, li, p, pre {padding: 3px 10px;}
h1 {font-size:20px;}
h2 {font-size:16px;}
h3 {font-size:14px;}
h4 {font-size:12px;}
address, li, p {font-size:12px;}
pre {font-size: 12px;}
ul {margin-left: 25px;}

/*********** ---------- ::Template:: --------------------- ***********/
#wrap {
width: 840px;
margin:20px auto;
}
#masthead {
height: 102px;
background: transparent url('../images/site-graphics/header-bg2.gif') no-repeat;
position: relative;

}
#logoblock { 
width: 245px;
height: 87px;
float:left;
position: absolute;
left: -21px;
top: -10px;
}
#uppernav {
	width: 580px;
	height: 21px;
	position: absolute;
	top: 20px;
	right: 15px;
}
#top-menu {
	width: 835px;
	height: 34px;
	margin-left: 5px;
	background: transparent url('../images/site-graphics/top-menu-left-bg.gif') no-repeat;
	position: relative;
	z-index: 200;
}
#flash {
	width: 835px;
	height: 315px;
	margin-left: 5px;
}
#rssnews {
	width: 835px;
	height: 43px;
	margin-left: 5px;
	background: transparent url('../images/site-graphics/rss-latest-news-bg.gif') repeat-x;
}
#rsscontainer {
	width: 715px;
	height: 33px;
	padding: 3px 0px;
	float: left;
}
#content-wrap{
	width: 835px;
	margin-left: 5px;
	background: #646463 url('../images/site-graphics/left-col-bg.jpg') repeat-y;
	border-top: 3px solid #000;
	border-bottom: 3px solid #000;
	float: left;
}

#contents {
	width: 665px;
	margin-left: 0px;
	background: #fff;
	float: left;
}
#contents.home {
	width: 835px;
	margin-left: 5px;
	background: #000;
	float: left;
}
#int-left-col {
	width: 170px;
	float: left;
}
#left-col {border: 0px solid red; min-height: 200px;
	float: left;
	width: 417px;
}
#right-col {border: 0px solid red; min-height: 200px;
	float: right;
	width: 415px;
}

#footer {
clear:both;
width: 835px;
margin: 3px 0 0 5px;
padding: 10px 0;
border-top: 4px solid #e80000;
background: #000 url('../images/site-graphics/footer-bg.jpg') no-repeat;
}


/*********** ---------- ::Links:: ------------------------ ***********/
a {text-decoration:underline;}
a:visited {text-decoration:underline;}
a:active, a:focus, a:hover {
text-decoration:none;
outline:none;
}
a img {border:none;}

/*********** ----------  ::Navigation:: ------------------ ***********/
/*********** Top Menu Navigation ***********/
#uppernav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
}
#uppernav ul li {
	margin: 0;
	padding: 0;
	display: inline;
	height: 21px;
	float: left;
}
#uppernav ul li.leftend {
	width: 5px;
	background: transparent url('../images/site-graphics/upper-nav-left-end.png') no-repeat;
}
#uppernav ul li.rightend {
	width: 5px;
	background: transparent url('../images/site-graphics/upper-nav-right-end.png') no-repeat;
}

#uppernav ul li a, #uppernav ul li a:link, #uppernavu ul li a:active, #uppernav ul li a:visited {
	padding: 0;
	margin: 0;
	height: 21px;
	text-decoration: none;
	display: block;
	text-indent: -999em;
	float: left;
}
#uppernav ul li a.home {
	width: 45px;
	background: transparent url('../images/site-graphics/upper-nav-home.png') no-repeat;
}
#uppernav ul li a.help {
	width: 47px;
	background: transparent  url('../images/site-graphics/upper-nav-help.png') no-repeat;
}
#uppernav ul li a.cart {
	width: 49px;
	background: transparent  url('../images/site-graphics/upper-nav-cart.png') no-repeat;
}
#uppernav ul li a.account {
	width: 67px;
	background: transparent  url('../images/site-graphics/upper-nav-account.png') no-repeat;
}
#uppernav ul li a.search {
	width: 48px;
	background: transparent  url('../images/site-graphics/upper-nav-search.png') no-repeat;
}
#uppernav ul li a.advanced {
	width: 91px;
	background: #ce0000 url('../images/site-graphics/upper-nav-advanced.png') no-repeat;
}
#uppernav ul li a.espanol {
	width: 78px;
	background: transparent  url('../images/site-graphics/upper-nav-espanol.png') no-repeat;
}

#uppernav ul li.searchinput {
	background: transparent  url('../images/site-graphics/upper-nav-search-wrap-bg.png') repeat-x;
	padding-left: 5px;
}
#uppernav ul li.searchinput input {
	border: 0;
	width: 100px;
	height: 16px;
	line-height: 15px;
	font-size: 11px;
	float: left;
	margin: 2px 0 0 0;
	background: transparent  url('../images/site-graphics/upper-nav-search-bg.png') no-repeat;
	
}
#uppernav ul li.searchinput input.submit {
	border: 0;
	width: 20px;
	float: left;
	margin: 2px 0 0 0;
	background: transparent  url('../images/site-graphics/upper-nav-search-bt.png') no-repeat;
	
}


/*********** Top Menu Navigation ***********/
#top-menu ul {
	list-style: none;
	margin: 0 0 0 105px;
	padding: 0;

}
#top-menu ul li {
	margin: 0;
	padding: 0;
	display: inline;
	height: 34px;
}
#top-menu ul ul li {
display:inline;
height:auto;
margin:0;
padding:0;
}
#top-menu ul li a, #top-menu ul li a:link, #top-menu ul li a:active, #top-menu ul li a:visited {
	padding: 0;
	margin: 0;
	height: 34px;
	text-decoration: none;
	display: block;
	text-indent: -999em;
	float: left;
}
#top-menu ul li.products {
	width: 141px;
	height: 34px;
	background: #ce0000 url('../images/site-graphics/top-menu-products.gif') no-repeat;
}
#top-menu ul li.products a {
	width: 141px;
	height: 34px;
}


#top-menu ul li.support {
	width: 138px;
	background: #ce0000 url('../images/site-graphics/top-menu-support.gif') no-repeat;
}
#top-menu ul li.support a {
	width: 138px;
	height: 34px;
}

#top-menu ul li.dealers {
	width: 132px;
	background: #ce0000 url('../images/site-graphics/top-menu-dealers.gif') no-repeat;
}
#top-menu ul li.dealers a {
	width: 132px;
	height: 34px;
}

#top-menu ul li.servicetips {
	width: 165px;
	background: #ce0000 url('../images/site-graphics/top-menu-service.gif') no-repeat;
}
#top-menu ul li.servicetips a {
	width: 134px;
	height: 34px;
}

#top-menu ul li.quickorder {
	width: 154px;
	background: #ce0000 url('../images/site-graphics/top-menu-quick.gif') no-repeat;
}
#top-menu ul li.quickorder a {
	width: 154px;
	height: 34px;
}


#top-menu .sf-menu li {
background-position:0 -34px;
}
/*********** Footer Navigation ***********/
#footer ul {
	list-style: none;
	margin: 0;
	padding: 0 15px;

}
#footer ul li {
	margin: 0;
	padding: 2px 0;
	display: block;
	font: bold 11px/12px Tahoma,Geneva,Helvetica,sans-serif;
	color: #ccc;
}
#footer ul li a, #footer ul li a:link, #footer ul li a:active, #footer ul li a:visited {
	font: normal 11px/12px Tahoma,Geneva,Helvetica,sans-serif;
	background: transparent;
	color: #ccc;
	padding: 0;
	margin: 0;
	text-decoration: none;
	
}
#footer ul li.noborder1 {
	border-left: 0;
}
#footer ul li a:hover {
	text-decoration: underline;
	color: #ccc;
}
	
/* ---------- ::Forms:: ------------------------ */
label {cursor:pointer;}
input,label,select,textarea {
font-size:inherit;
font-family:inherit;
}
input, textarea {padding:2px;}
textarea {overflow:auto;}

/*********** ---------- ::Global Classes:: --------------- ***********/
.center {text-align:center;}
.clear {
clear:both;
padding:0;
margin:0;
line-height:normal;
}
.floatleft {float:left;}
.floatright {float:right;}
.hidden {display:none;}
.inline {display:inline;}
.large {
font-size:20px;
font-weight:bold;
}
.light {color:#999;}
.small {
font-size:10px;
font-weight:normal;
}
.redbar {
	height: 4px;
	background: #e80000;
	display: block;
	margin: 5px 15px;
}
.leftmargin12 {
	margin-left: 12px;
}
/*********** ---------- ::Pages:: ------------------------ ***********/

/*********** /// place specific page rules here if needed /// ***********/

#logolink {
	margin: 10px 0 0 0;
	padding: 0;
	width: 240px;
	height: 75px;
	display: block;
}
#tagline {
	position: absolute;
	right: 15px;
	bottom: 25px;
}
#rsscontainer, #rsscontainer p, #rsscontainer a {
	color: #fff;
	font-size: 11px;
}
#rsscontainer a {
	color: #fff;
	font-size: 11px;
}
#int-left-col ul {
	list-style:none;
	margin: 0 0 15px 0;
	padding: 5px 10px 10px 18px;
	border-bottom: 1px solid #9ea4a4;
}
#int-left-col li {
	padding: 5px 0;
}
#int-left-col a {
	color: #fff;
	font-size: 11px;
	text-decoration:none;
}
#int-left-col a:hover {
	text-decoration:underline;
} 
 
#dealer-login {
	margin: 0 0 0 5px
}
.home #left-col p {
	padding: 8px 10px 10px 15px;
}

.box-1 {
	height: 54px;
	border: 1px solid #fff;
	background: #eee url('../images/site-graphics/box-1-bg.jpg') no-repeat;
}
.box-2 {
	height: 240px;
	border: 1px solid #fff;
	background: #eee url('../images/site-graphics/box-2-bg.jpg') no-repeat;
	margin: 3px 0 0;
}
.box-3 {
	height: 160px;
	border: 1px solid #fff;
	background: #eee url('../images/site-graphics/box-3-bg.jpg') no-repeat;
	margin: 3px 0 0;
}
.box-4 {
	height: 128px;
	border: 1px solid #fff;
	background: #eee url('../images/site-graphics/box-4-bg.jpg') no-repeat;
	margin: 3px 0 0;
}
.box-5 {
	height: 128px;
	border: 1px solid #fff;
	background: #eee url('../images/site-graphics/box-5-bg.jpg') no-repeat;
	margin: 3px 0 0;
	position: relative;
}
.box-6 {
	position: relative;
	height: 239px;
	padding: 3px 0 0 3px;
	background: #ccc url('../images/site-graphics/boxes-6-9-bg.jpg') no-repeat;
}
.box-7 {
	position: relative;
	width: 203px;
	height: 239px;
	padding: 3px 0 0 3px;
	float: left;
	background: #ccc url('../images/site-graphics/boxes-6-9-bg.jpg') no-repeat;
	margin: 5px 0 0;
}
.box-8 {
	position: relative;
	width: 203px;
	height: 239px;
	padding: 3px 0 0 3px;
	float: right;
	background: #ccc url('../images/site-graphics/boxes-6-9-bg.jpg') no-repeat;
	margin: 5px 0 0;
}
.box-9 {
	position: relative;
	clear: both;
	height: 239px;
	padding: 3px 0 0 3px;
	background: #ccc url('../images/site-graphics/boxes-6-9-bg.jpg') no-repeat;
	margin: 5px 0 0;
}
.box-1 img {
	float: left;
	margin: 20px 7px 0 15px;
}
.box-1 input {
	display: block;
	float: left;
	width: 97px;
	height: 17px;
	line-height: 17px;
	padding: 0 8px;
	margin: 20px 2px 0;
	border: 0;
	font-size: 11px;
	color: #666;
	background: transparent url('../images/site-graphics/dealer-login-input-bg.png') no-repeat;
}
.box-1 .submit {
	width: 28px;
	height: 25px;
	display: inline-block;
	float: left;
	line-height: 25px;
	margin-top: 15px;
	padding: 0;
	border: 0;
	background: transparent url('../images/site-graphics/dealer-login-input-bt.png') no-repeat;
	cursor:pointer;
}
.box-2 h1 {
	height: 16px;
	text-indent: -999em;
	padding: 0;
	margin: 15px 15px 3px;
	background:transparent url('../images/site-graphics/title-welcome.png') no-repeat;
}
.box-3 h2 {
	height: 16px;
	text-indent: -999em;
	padding: 0;
	margin: 15px 15px 3px;
	background:transparent url('../images/site-graphics/title-replacement.png') no-repeat;
}
.home #left-col .box-3 p {
	padding: 8px 100px 10px 15px;
}
.box-4 h2 {
	height: 16px;
	text-indent: -999em;
	padding: 0;
	margin: 15px 15px 3px;
	background:transparent url('../images/site-graphics/title-quick-order.png') no-repeat;
}
.box-5 h2 {
	height: 16px;
	text-indent: -999em;
	padding: 0;
	margin: 15px 5px 3px 160px;
	background:transparent url('../images/site-graphics/title-newsletter.png') no-repeat;
}
.home #left-col .box-5 p {
	padding: 8px 10px 3px 15px;
}

.box-5 input {
	float: left;
	width: 146px;
	height: 17px;
	line-height: 17px;
	padding: 0 8px;
	margin: 8px 2px 0 15px;
	border: 0;
	font-size: 11px;
	color: #666;
	background: transparent url('../images/site-graphics/newsletter-input-bg.png') no-repeat;
}
.box-5 input.submit {
	width: 81px;
	height: 33px;
	line-height: 25px;
	padding: 0;
	border: 0;
	margin: 0 0 0 0;
	background: transparent url('../images/site-graphics/bt_sign-up.png') no-repeat;
	cursor:pointer;
}
.box-5 .logo {
	position: absolute;
	top: -1px;
	left: 2px;
}
.title-bg-400 {
	width: 407px;
	height: 38px;
	background: transparent url('../images/site-graphics/title-bg-red-400.png') no-repeat;
}
.title-bg-200 {
	width: 198px;
	height: 38px;
	background: transparent url('../images/site-graphics/title-bg-red-200.png') no-repeat;
}

.box-6 h2 {
	height: 38px;
	text-indent: -999em;
	line-height: 38px;
	padding: 0;
	margin: 0px 10px;
	background:transparent url('../images/site-graphics/title-introducing.png') left center no-repeat;
}
.box-6 .img-one {
	position: absolute;
	bottom: 4px;
	right: -1px;
}
.box-6 .img-two {
	position: absolute;
	bottom: 30px;
	left: 10px;
}
.box-6 .img-three {
	position: absolute;
	bottom: 10px;
	left: 120px;
}

.box-7 h2 {
	height: 38px;
	text-indent: -999em;
	line-height: 38px;
	padding: 0;
	margin: 0px 10px;
	background:transparent url('../images/site-graphics/title-bravo-21-bbc.png') left center no-repeat;
}
.box-7 .img-one,
.box-8 .img-one {
	position: absolute;
	bottom: -4px;
	right: -3px;
}
.box-7 .img-two,
.box-8 .img-two {
	position: absolute;
	bottom: 70px;
	left: 10px;
}
.box-7 .img-three,
.box-8 .img-three {
	position: absolute;
	bottom: 5px;
	left: 15px;
}
.box-8 h2 {
	height: 38px;
	text-indent: -999em;
	line-height: 38px;
	padding: 0;
	margin: 0px 10px;
	background:transparent url('../images/site-graphics/title-bravo-21-zone.png') left center no-repeat;
}

.box-9 h2 {
	height: 38px;
	text-indent: -999em;
	line-height: 38px;
	padding: 0;
	margin: 0px 10px;
	background:transparent url('../images/site-graphics/title-65-blower.png') left center no-repeat;
}
.box-9 .img-one {
	position: absolute;
	bottom: -4px;
	right: -4px;
}
.box-9 .img-two {
	position: absolute;
	bottom: 30px;
	left: 10px;
}
.box-9 .img-three {
	position: absolute;
	bottom: 10px;
	left: 120px;
}
#footer p {
	color: #ccc;
	font-size: 11px;
	padding: 2px 10px 8px 10px;
	line-height: 120%;
}
#footer p a {
	color: #ccc;
	font-size: 11px;
	margin: 0 5px;
}
#footer p a.noleft {
	margin-left: 0;
}
#footer .col-4 p a {
	text-decoration:none;
}
#footer .col-4 p a:hover {
	text-decoration:underline;
}

.col-1 {
	float: left;
	width: 210px;
	border-right: 0px solid #333;
}
.col-1 img {
	padding: 5px 10px;
}
.col-2 {
	float: left;
	width: 205px;
	border-right: 0px solid #333;

}
.col-3 {
	float: left;
	width: 215px;
	border-right: 0px solid #333;

}
.col-4 {
	float: left;
}
#footer .copyright {
	padding-top: 20px;
	font-weight:normal;
}
#footer .copyright span {
	margin-left: 5px;
}

#dealer-login input {
	border: 1px solid #ccc;
	width: 130px;
	margin: 3px 0 5px 12px;
	color: #333;
	
}
#pcMain .YB_prodDesc {
	padding: 0 0 5px 0;
	margin: 0;
}
#pcMain .YB_prodDesc li {
background: transparent url("/store/pc/images/bullet_redblack.gif") no-repeat;
line-height:12px;
list-style:none;
margin:0 0 0 -00px;
padding:0 0 0 14px;
}

#content-wrap #footer { 
margin-left: 0; 
}