/* Reset Bad CSS */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote{margin:0;padding:0;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,h1,h2,h3,h4,h5,h6,th,var{font-style:normal;font-weight:normal;}
ul {list-style:none;margin:0;padding:0;}
caption {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:1.0em;}
q:before,q:after{content:'';}
a{text-decoration:none;}

/* General Body Stle and Font */
body {
	background: url(https://www.yakwax.com/assets/2010/02/14/d6195d2869f9307ba1dd69979e197f69_source.jpg) repeat;
	background-position: center; 
	margin: 0px 0 0 0;
	font-family: sans-serif;
	font-size: 0.8em;
	line-height: 1.2em;

}

/* Link Styles */

a {
	color: #0096D7;
	text-decoration: none;
	
}

a:hover {
	color: #E13A3E;
	text-decoration: underline;
}


p {
	margin: 5px 0 5px 0;
}

/* Header Styles */

h1 {
	font-size: 130%;
}

/* Main Layout Styles */

#layout {
	width: 960px;
	background-color: #ffffff;
	border: none;
	border-top: none;
	border-bottom: none;
border-right: 1px;
border-left: 1px;
	margin: 0 auto;
	position: relative;
}

#header {
	width: 960px;
	height: 98px;	
	clear: both;
	background: #000;
	border-bottom: 3px solid #fff;


}

.message {
	background-color: #EDF4F1;
	width: 780px;
	height: 34px;
	margin: 0 0 10px 0;
	padding: 10px;
	font-family: monospace;
	color: #FF0000;
	}

#logo {
	position: absolute;
	z-index: 200;
	margin: -45px 0 0 -45px;
}

#content {
	clear: both;
}

	#content ul, #content ol {
		margin: 5px 0 5px 40px;
	}

#subheader {
        width: 960px;
	height: 30px;
        clear: both;
	background: #293030;

}

#banner {
	margin: 0;
	padding: 0;
	width: 960px;
	height: 5px;
}

#sidebar {

width: 155px;
	position: relative;
	float: left;
	display: inline;
    padding: 5px 0 0 0px;
	text-align: left;
	margin: 10px 0 0 0;
	font-size: 0.8em;
color: #0096D7;

}

.bararea {
background: url(https://www.yakwax.com/assets/2009/11/30/79d91c1fbc832a255e5e3bff306a0d61_source.jpg) no-repeat left top;	

border-bottom: 2px solid #e4e4e4;
		padding: 7px;
		margin: -8px 0 15px 0;

	}
	.bararea h1 { color:#FFFFFF; margin: 0 0 10px 0; font-weight: bold;}
	
	.bararea ul {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
	.bararea li {	
		padding: 0;
		margin: 0;
	}
	

#footer {
	width: 960px;
	
	background: #ffffff;
	clear: both;
padding: 5px 0 5px 0;


}

#closer {
	width: 960px;
	height: 20px;
	margin: 0 auto;
	font-size: 70%;
	text-align: left;
	clear: both;
	color: #fff;
}

/* Page */
#page {
	width: 780px;
	position: relative;
	float: right;
display: inline;
    padding: 3px 0 5px 0;
	margin: 3px 10px 0 0;
	text-align: left;
 
}

/* Pages */
#pages {
	width: 780px;
	clear: both;
	text-align: left;
	margin: 5px 0 0 0;
}

#pages ul {
	list-style: none;
	float: left;
display: inline;
background: #e4e4e4;
margin: 5px;

}

.pages {
		list-style: none;
		float: left;
display: inline;
margin: 5px 5px 0 0;
		clear: both;

	}
	
	.pages li {
		float: left;
		display: inline;
	margin: 5px 5px 0 5px;

		border-left: 1px #F0F0EE solid;
	}
	

	
/* Forms and Form Elements */

form {
	margin: 10px 0 0 0;
	padding: 0;
}

label {
	width: 100%;
	padding-top: 6px;
	margin: 5px 0 5px 0;
	line-height: 1.4em;
	font-size: 1.0em;
	font-weight: bold;
}

optgroup {
	font-size: 1.0em;
	background: #F0F0EE;
	border-top: 1px #333333 solid;
	margin-bottom: 10px;
}

fieldset {
	width: auto;
	padding: 2px 0 4px 0;
	margin: 4px 0 4px 10px;
	border: 0;
	border-bottom: 1px #efefef solid;

}

textarea {
	width: 370px;
	height: 160px;
	padding: 6px;
	font-size: 1.4em;
	border: 0;
	border: 1px #999999 solid;
}

input {
	padding: 2px;
	font-size: 1.1em;
	border: 0;
	border: 1px #999999 solid;
	background: #FFFFFF;
}

select {
	padding: 3px 8px 3px 3px;
	font-size: 1.1em;
	border: 0;
	border: 1px #999999 solid;
}


.instruction {
	font-size: 0.9em;
	width: auto;
	padding: 0;
}

button {
    margin:0 7px 0 0;
    background-color:#F5F5F5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-size:90%;
    line-height:110%;
    text-decoration:none;
    color:#565656;
	font-weight: normal;
    cursor:pointer;
    padding:3px 8px 4px 5px; /* Links */
}

.action {
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid red;
    border-top:1px solid red;
    border-left:1px solid red;
    font-size:90%;
    line-height:120%;
    text-decoration:none;
    color:#565656;
    cursor:pointer;
    padding:3px 8px 4px 5px; /* Links */
}

.button {
    margin:3px 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-size:90%;
    line-height:120%;
    text-decoration:none;
    color:#565656;
    cursor:pointer;
    padding:6px 8px 4px 5px; /* Links */
}

#page h1 { padding-left:2px; color: #000000; font-size: 170%; font-weight: bold;}


.mine a { padding: 3px 8px; font-size: 1.3em; color: #000000; padding: 1px 0; font-weight: bold; line-height: 1.6em; }
.mine a:hover { padding: 3px 8px; font-size: 1.3em; color: #000000; padding: 1px 0; text-decoration: underline;}


#MainYakBanner {
	float: left;
	height: 300px;
	width: 650px;
	margin-right: 5px;
	margin-bottom: 6px;
	background: #272727;
z-index: 10;
	position: relative;
}
#SubYakBannerHolder {
	float: left;
	width: 780px;
	margin-bottom: 6px;
	height: 210px;
}
#SubYakBanner1 {
	float: left;
	height: 210px;
	width: 388px;
	margin-right: 4px;
}
#SubYakBanner2 {
	float: left;
	height: 210px;
	width: 388px;
}
#SocialNetworx {
	float: right;
	height: 60px;
	width: 125px;
	margin-bottom: 4px;
	background: url(http://www.yakwax.com/assets/2009/12/03/2b2d59f1c1b2c9642d1f0c43081c3777_source.jpg) no-repeat;
}
#TopRight {
	float: right;
	height: 235px;
	margin-bottom: 6px;
	width: 125px;
	background: url(http://www.yakwax.com/assets/2009/12/03/0c0e3fb4bbae110449b192be4411214f_source.jpg);
}
#YakYak {
	float: right;
	height: 309px;
	width: 220px;
	border-top: 5px ridge #6F6F6F;
	border-right: 5px ridge #6F6F6F;
}
#FeaturedProds {
	float: left;
	height: 260px;
	width: 780px;
	color: #FFF;
	font-size: 0.9em;
	background: url(http://www.yakwax.com/assets/2010/04/08/75dcef0c75c888c2dba94bdb3b18c0f1_source.jpg) bottom;
	margin-bottom: 6px;
}
.FeatProdHeada {
	font-size: 1.2em;
	font-weight: bold;
	color: #00fff6;
}
#FeaturedProds #HeaderProds {
	background: url(http://www.yakwax.com/assets/2009/12/03/ad9b1a312e6f4a21af909b11549628d4_source.jpg);
	height: 30px;
}
#YakYakHead {
	height: 60px;
}
#YakYakNEWS {
	overflow: scroll;
	overflow-x: hidden;
	height: 249px;
}
#MainYakBanner #slideshowtoggler {
	color: #FFF;
	margin-top: 5px;
	margin-right: 5px;
}
#MainYakBanner #fadeshow1 {
}
#SocialNetworxBox2 {
	float: right;
	height: 35px;
	width: 35px;
	margin-top: 25px;
}
#SocialNetworxBox3 {
	float: right;
	height: 35px;
	width: 35px;
	margin-right: 10px;
	margin-top: 25px;
}
#SocialNetworxBox4 {
	float: right;
	height: 35px;
	width: 35px;
	margin-right: 10px;
	margin-top: 25px;
}
.YAKimg {
	text-decoration: none;
	border-style: none;
}

div.feedburnerFeedBlock ul li span.headline {
	display: inline;
	font-size: 1em;
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
#YakYak a {
	color: #000;
	text-decoration: underline;
	font-size: 0.8em;
}



div.feedburnerFeedBlock {
	border:NONE;
	margin-left: -39px;
}

div.feedburnerFeedBlock div {
	margin-top: 0px;
	margin-bottom: 7px;
	color: #333;
	font-size: 0.8em;
}


div.feedburnerFeedBlock #creditfooter {
	margin-left: -100px;
	margin-bottom: -200px;
	visibility: hidden;
}

div.feedburnerFeedBlock p.date {
	color: #000;
	font-size: 0.7em;
	float: right;
	margin-top: 4px;
	text-decoration: underline;
	font-weight: bold;
	margin-right: 1px;
}
#FeaturedProdsPIC1 {
	float: left;
	height: 142px;
	width: 143px;
	margin-right: 10px;
	margin-left: 8px;
	margin-top: 5px;
}
#FeaturedProdsPIC2 {
	float: left;
	height: 142px;
	width: 143px;
	margin-right: 10px;
	margin-top: 5px;
}
#FeaturedProdsPIC3 {
	float: left;
	height: 142px;
	width: 143px;
	margin-right: 10px;
	margin-top: 5px;
}
#FeaturedProdsPIC4 {
	float: left;
	height: 142px;
	width: 143px;
	margin-right: 10px;
	margin-top: 5px;
}
#FeaturedProdsPIC5 {
	float: left;
	height: 142px;
	width: 143px;
	margin-right: 4px;
	margin-top: 5px;
}
#FeaturedProdsDESC1 {
	width: 143px;
	margin-right: 10px;
	margin-left: 8px;
	float: left;
	margin-top: 12px;
	text-align: center;
	height: 70px;
	font-size: 1em;
}
#FeaturedProdsDESC2 {
	width: 143px;
	margin-right: 10px;
	float: left;
	margin-top: 12px;
	text-align: center;
	height: 70px;
	font-size: 1em;
}
#FeaturedProdsDESC3 {
	width: 143px;
	margin-right: 10px;
	float: left;
	margin-top: 12px;
	font-size: 1em;
	text-align: center;
	height: 70px;
}
#FeaturedProdsDESC4 {
	float: left;
	width: 143px;
	margin-right: 10px;
	margin-top: 12px;
	font-size: 1em;
	text-align: center;
	height: 70px;
}
#FeaturedProdsDESC5 {
	float: left;
	width: 143px;
	margin-right: 7px;
	margin-top: 12px;
	font-size: 1em;
	color: #FFF;
	text-align: center;
	height: 70px;
}
.BoldHomePrice {
	line-height: 1.2em;
	font-weight: bold;
	color: #CCC;
	font-size: 1.1em;
}

.LightHomePrice {
	line-height: 1.2em;
	
	color: #CCC;
	font-size: 1em;
}


.BoldSalePrice {
	line-height: 1.2em;
	font-weight: bold;
	color: #ff2b2b;
	font-size: 1.1em;
}


#YakAboutYak {
	float: left;
	height: 250px;
	width: 539px;
	overflow: scroll;
	overflow-x: hidden;
	color: #666;
	padding: 6px 3px 3px;
	border-right: 5px ridge #6F6F6F;
	margin-right: 5px;
}
#YakaboutYakHeader {
	float: left;
	background: url(http://www.yakwax.com/assets/2009/12/03/517e14562b838a77fed217d9770dcf1f_source.jpg);
	height: 50px;
	width: 545px;
	border-right: 5px ridge #6F6F6F;
	border-top: 5px ridge #6F6F6F;
}



#shareButtons {
	float: right;
	margin-right: 10px;
	margin-top: 5px;
	border-right: 1px solid #000000;
	height: 18px;
	padding-top: 1px;
}
#siteSearchBox {
	float: right;
	margin-top: 7px;
	margin-right: 5px;
font-weight: bold;
}






#YAKFoot2 {
	background: url(https://www.yakwax.com/assets/2009/10/29/94e4df04698fc0c4c0733dd9b645174c_source.jpg) top left repeat;
	width: 960px;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
	line-height: 1.6em;
	height: 48px;
}
#YAKFoot2 a {
	border-right: 1px solid #CCC;
	color: #FFF;
	padding-right: 7px;
	padding-left: 7px;
	text-decoration: none;
	text-align: center;
}
#YAKFoot2 a:hover {
	border-right: 1px solid #CCC;
	color: #C70000;
	padding-right: 7px;
	padding-left: 7px;
	text-decoration: underline;
}
#YakFooterHolder {
	height: 110px;
	width: 960px;
clear: both;
}
#PaymentBanner {
	background: url(https://www.yakwax.com/assets/2010/02/09/4a10d4ba38176c5d332e438df3321f1a_source.jpg) no-repeat;
	height: 56px;
}


#copyright{display:none;}

#sharebutton {
float: right;
padding-top: 4px;
}


#brandList {
margin-top: 5px;
margin-bottom: 4px;
}

#bookmarkProduct {
float: left;
margin: 10px 0 7px 0;
border-bottom: 1px solid #e4e4e4;
padding-bottom: 3px;
}


#TopNav {
margin-left: -40px;
margin-top: -4px;
}


.preload2 {
	background: url(http://www.yakwax.com/assets/2010/02/09/78cfaad83cce0304e13fd7db8338342f_source.jpg);
}

#navNav {
	padding:0;
	margin-right:20px;
	list-style:none;
	width: 780px;
	height:27px;
	background:#fff url(http://www.yakwax.com/assets/2009/12/02/f40de4bb9646a7f3bd34fb7cb8e8526d_source.jpg);
	position:relative;
	z-index:20;
	font-family:arial, verdana, sans-serif;
}
#navNav li.top {display:block; float:left; height:27px;  }

#navNav li a.top_link {
	display:block;
	float:left;
	height:27px;
	line-height:28px;
	color:#434343;
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	margin-left:5px;
	cursor:pointer;
	background: url(http://www.yakwax.com/assets/2009/12/02/f40de4bb9646a7f3bd34fb7cb8e8526d_source.jpg);
}
#navNav li a.top_link span {
	float:left;
	display:block;
	padding:0 0 0 0;
	height:27px;
	background: url(http://www.yakwax.com/assets/2009/12/02/f40de4bb9646a7f3bd34fb7cb8e8526d_source.jpg) ;
}
#navNav li a.top_link span.down {
	float:left;
	display:block;
	padding:0 24px 0 12px;
	height:27px;
	background: url(http://www.yakwax.com/assets/2010/02/09/96ca3eecf753dd451e930af49ad4047a_source.jpg) no-repeat right;
}

#navNav li:hover a.top_link {
	color:#000;
	background: url(http://www.yakwax.com/assets/2010/02/09/78cfaad83cce0304e13fd7db8338342f_source.jpg) no-repeat right;
}
#navNav li:hover a.top_link span {
	background:url(http://www.yakwax.com/assets/2010/02/09/78cfaad83cce0304e13fd7db8338342f_source.jpg) no-repeat right;
}


/* Default list styling */

#navNav li:hover {
	position:relative;
	z-index:300;
}
#navNav li:hover ul.sub
{
	left:1px;
	top:27px;
	background: #606060;
	padding:3px;
	border:1px solid #393939;
	white-space:nowrap;
	width:150px;
	height:297px;
	z-index:300;
	margin-left: 5px;
	overflow: scroll;
	overflow-x:hidden;
}

#navNav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:150px; font-weight:normal;}

#navNav li:hover ul.sub li a
{display:block; font-size:13px; height:18px; width:150px; line-height:18px; text-indent:5px; color:#fff; text-decoration:none;border:1px solid #606060;}


#navNav li:hover ul.sub li a:hover 
{background:#cececf; color:#005baf; border-color:#fff;}




#navNav ul, 
#navNav li:hover ul ul,
#navNav li:hover li:hover ul ul,
#navNav li:hover li:hover li:hover ul ul,
#navNav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}





#shareButtons {
	float: right;
	margin-right: 10px;
	margin-top: 4px;
	border-right: 1px solid #000000;
	height: 18px;
	padding-top: 1px;
}
#siteSearchBox {
	float: right;
	margin-top: 5px;
	margin-right: 5px;
font-weight: bold;
}


#SurfNav {
margin-left: -40px;
margin-bottom: -20px;
}


.preloadSurf1 {
	background: url(http://www.yakwax.com/assets/2010/02/20/b29cfe8eda5cfc3a3cc49705c29f4df8_source.jpg);
}
.preloadSurf2 {
	background: url(http://www.yakwax.com/assets/2010/02/20/5ef58e22ff4b049b566f2dab04bc788a_source.jpg);
}

#navSurf {
	padding:0;
	margin:0;
	list-style:none;
	height:38px;
	background:#fff url(http://www.yakwax.com/assets/2010/02/20/373ba987fc75d23c1584458dd77512b8_source.jpg) repeat-x;
	position:relative;
	z-index:15;
	font-family:arial, verdana, sans-serif;
	width: 785px;
}

#navSurf li.top {display:block; float:left; height:38px;}

#navSurf li a.top_link {
	display:block;
	float:left;
	height:35px;
	line-height:36px;
	color:#dddddd;
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	padding:0 0 0 12px;
	cursor:pointer;
	background: url(http://www.yakwax.com/assets/2010/02/20/373ba987fc75d23c1584458dd77512b8_source.jpg);
}

#navSurf li a.top_link span {
	float:left;
	display:block;
	padding:0 24px 0 12px;
	height:35px;
	background: url(http://www.yakwax.com/assets/2010/02/20/373ba987fc75d23c1584458dd77512b8_source.jpg) no-repeat right top;
}

#navSurf li a.top_link span.down {
	float:left;
	display:block;
	padding:0 30px 0 12px;
	height:35px;
	background: url(http://www.yakwax.com/assets/2010/02/20/6d74f6ddb5724705fb4ab78bca0d3aa5_source.jpg) no-repeat right top;
}

#navSurf li:hover a.top_link {
	color:#fff;
	background: url(http://www.yakwax.com/assets/2010/02/20/b29cfe8eda5cfc3a3cc49705c29f4df8_source.jpg) no-repeat;
}

#navSurf li:hover a.top_link span {
	background:url(http://www.yakwax.com/assets/2010/02/20/b29cfe8eda5cfc3a3cc49705c29f4df8_source.jpg) no-repeat right top;
}

#navSurf li:hover a.top_link span.down {
	background:url(http://www.yakwax.com/assets/2010/02/20/5ef58e22ff4b049b566f2dab04bc788a_source.jpg) no-repeat right top;
}

/* Default list styling */

#navSurf li:hover {position:relative; z-index:90;}

#navSurf li:hover ul.sub
{
	left:1px;
	top:38px;
	background: #838383;
	padding:3px;
	border:1px solid #00a6dc;
	white-space:nowrap;
	width:180px;
	height:auto;
	z-index:90;
	margin-left: 1px;

}

#navSurf li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:180px; font-weight:normal;}

#navSurf li:hover ul.sub li a
{display:block; font-size:12px; height:18px; width:180px; line-height:18px; text-indent:5px; color:#c8f1ff; text-decoration:none;border:1px solid #838383;}

#navSurf li ul.sub li a.fly
{background:#00a6dc url(arrow.gif) 80px 6px no-repeat;}

#navSurf li:hover ul.sub li a:hover 
{background:#00a6dc; color:#fff; border-color:#fff;}

#navSurf li:hover ul.sub li a.fly:hover
{background:#6a812c url(arrow_over.gif) 80px 6px no-repeat; color:#fff;}



#navSurf ul, 
#navSurf li:hover ul ul,
#navSurf li:hover li:hover ul ul,
#navSurf li:hover li:hover li:hover ul ul,
#navSurf li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}



#menutitle {
color: #FFFFFF;
font-weight: bold;
font-size: 1.4em;
margin-bottom: 10px;
}

#menutitleLong {
color: #FFFFFF;
font-weight: bold;
font-size: 1.2em;
margin-bottom: 10px;
}

#membarea {
color: #ffffff;
font-weight: bold;
font-size: 1.2em;

}

#surftechdesc {
width: 750px;
clear: both;
}


#surfnewsarea {
float: left;
width: 780;
background: #e1e1e1;
}

#surfnews .feedburnerFeedBlock .headline a {
	margin-left: 5px;
	font-size: 1em;
	color: #09F;
	text-decoration: none;
	font-weight: bold;
	
}

#surfnews .feedburnerFeedBlock .headline a:hover {
	margin-left: 5px;
	font-size: 1em;
	color: #000;
	text-decoration: underline;
	font-weight: bold;	
}

#surfnews .feedburnerFeedBlock div {
	margin-top: 5px;
	margin-bottom: 12px;
	color: #333;
	font-size: 0.8em;
margin-left: 5px;
}

#surfnews .feedburnerFeedBlock #creditfooter {
	margin-left: 0;
	margin-bottom: 0;
	visibility: hidden;
}
#surfnews .feedburnerFeedBlock .date {
	color: #09F;
	font-size: 0.8em;
	float: right;
	margin-top: 0px;
text-decoration: none;	
margin-right: 5px
}

