/* CSS Document */

*{
   
    
    margin:0;
    padding:0
}
body{
    color:#000;
    background:#ffffff;
    font:normal 12px/15px Arial, Helvetica, sans-serif
}
#bg{
    float:left
}
sub{
	vertical-align:baseline;
}
h1, h2, h3,
h4, h5, h6{
    font-weight:bold
}
h1, h2{
    color:#0053a0;
    font:bold 1.5em/1em Arial, Helvetica, sans-serif;
    margin-bottom:10px
}
h2{
    clear:left
}
#rightWrap h2{
    color:#000;
    font:bold 1.5em/1em Arial, Helvetica, sans-serif;
    margin:0
}
h3{
    font:bold 1.2em/1.5em Arial, Helvetica, sans-serif
}
h5{
    font:bold 1em/1em Arial, Helvetica, sans-serif
}
p{
    font:normal 12px Arial, Helvetica, sans-serif;
	line-height:14pt;
	margin:10px 0
}
ul{
    list-style:none
}
a{
	color:#f00;
    text-decoration:none
}
a:hover{
    text-decoration:underline
}
a.arrow{
    color:#f00;
    float:left;
    margin:0 0 0 20px
}
a.arrow:before{
    content:"> "
}
.textBox{
    height:17px
}
.wittyCap{
    font-style:italic;
	font-size: 11px;
}
#pageWrap{
    width:860px;
    margin:0 auto
}
#top{
    width:860px;
	height:133px;
    float:left;
    background:url("http://demo6.onesitedemo.com/images/WD40BG.jpg") -50px 0 no-repeat
}
div>#top{
    background:url("http://www.wd40.com/images/wd40/topBg.gif") -20px 0 no-repeat
}
#logo{
	width:131px;
	height:114px;
	display:block;
    float:left;
	margin:0 0 0 19px;
    background:url("http://www.wd40.com/images/wd40/logoTop.png") no-repeat
}
div>#logo{
	margin:0 0 16px 38px
}
/*-----------------------------------------------------------------------------------------overrides*/
.noBg{
    background:#fff !important
}
.noBorder{
    border:#000 !important
}
.floatLeft{
	float:left
}
.floatRight{
	float:right
}
.clear{
    clear:both;
    font-size:0.01px
}
/*----------------------------------------------------------------------------------quickLinks start*/
ul#quickLinks{
    font-size:1em;
	font-weight:bold;
    float:right;
	margin:8px 16px 0 0
}
div>ul#quickLinks{
	margin:8px 32px 0 0
}
#quickLinks *{
    color:#000;
    float:left
}
#quickLinks li{
    background:none;
    border-left:1px solid #000;
    display:inline
}
#quickLinks li.first{
    border:none
}
#quickLinks a{
    margin:0 0 -2px 0;
    padding:0 7px 0 7px
}
#quickLinks a:hover{
	color:#00529f;
    text-decoration:none
}
#search{
    width:330px;
    float:right;
    clear:right;
    margin:12px 20px 0 0
}
div>#search{
    margin:12px 42px 0 0
}
#search *{
    float:right
}
#search .textBox{
    width:160px;
    background:url("http://demo6.onesitedemo.com/searchfiller.png") no-repeat;
    margin:2px 5px 5px 0
}
#search>.textBox{

    margin:2px 10px 0 0
}

/*----------------------------------------------------------------------------------buttons start*/
#searchButton{
    width:62px;
    height:18px;
    background:url("http://demo6.onesitedemo.com/searchfiller.png") no-repeat
}
.learnMoreBig{
	color:#f00;
	font-size:10px;
	margin:0 10px 15px 3px;
	float:right;
}
.learnMoreSmall{
	color:#f00;
	font-size:10px;
	float:right
}

.productText .learnMoreSmall {
	float:left !important
}

.buyNow{
	width:78px;
	height:18px;
    float:left;
    display:block;
    background:url("/images/wd40/buttonBuyNow.gif") no-repeat;
    margin:0 0 15px 0
}
.buyNow span{
    display:none
}
#bookMark,
#share{
    width:125px;
    height:16px;
    display:block;
	float:left;
    margin:30px 40px 0 0;
	padding-bottom:20px
}
#bookMark{
	float:none;
	margin:30px 0 0 0
}
div>#bookMark,
div>#share{
	float:left;
    margin:60px 20px 20px 0px
}
#bookMark span,
#share span{
	display:none
}
#share{
	padding:0 0 0 40px
}
/*----------------------------------------------------------------------------------nav start*/
#navWrap{
    width:600px;
    float:right;
    clear:right;
    margin:85px 0 -10px 0;
	top:42px
}
div>#navWrap{
    margin:85px 0 -10px 0
}
#nav{
    height:20px;
    float:right;
	padding-right:20px;
    position:relative
}
#nav a{
    color:#0053a0;
    font:bold 1em/1em Arial, Helvetica, sans-serif;
    text-decoration:none;
    padding:11px 10px 3px 10px
}
#nav a span{
    background:url("/images/wd40/navLine.gif") 95% 10px no-repeat
}
#nav a>span{
    background:none
}
#nav05 a span{
    background:none
}
#nav li, #nav a{
    height:30px;
    display:block
}
div>#nav a{
    background:url("/images/wd40/navLine.gif") 95% 17px no-repeat
}
ul>#nav07 a{
    background:none
}
#nav li{
    float:left;
    display:inline
}
#nav a:hover,
#nav .active a{
	background:url("/images/wd40/navBg.gif") repeat-x;
	color:#fffc01
}
#nav>li:hover>a{
	color:#fffc01;
	background:url("/images/wd40/navBg.gif") repeat-x;
}
/*-------------------------------------------------------------------------------------drops*/