*{
    border-collapse:collapse;
    border:0;
    margin:0;
    padding:0
}
body{
    color:#000;
    background:#000;
    font:normal 11px/15px Arial, Helvetica, sans-serif
}
sub{
    vertical-align:baseline
}

sub.reg{
	vertical-align:bottom !important;
}

h1, h2, h3,
h4, h5{
    font-weight:bold
}
h5.pressReleaseLead{
    font-size:11px;
    font-weight:bold
}
h1{
    line-height:1em;
    font-size:1.9em
}
h2, h3{
    color:#004f99;
    font-size:1.4em;
    line-height:.8em;
    margin:30px 0 0 0
}
h4{
    font-size:1em
}
h6{
    font-weight:normal;
    font-size:1em
}
td{
    vertical-align:top
}
p{
    clear:left;
    margin:7px 0
}
p.padLeft{
    padding:0 0 0 20px
}
a{
    color:#0085af;
    text-decoration:none
}
a:hover{
    text-decoration:underline
}
a.arrow:before,
ul.arrow a:before{
    content:"> "
}
a.pdf{
    height:13px;
    background:url("/images/wd40company/pdf.gif") 0 0 no-repeat;
    padding:0 0 0 22px
}
ul{
    list-style:none;
    margin:0 0 0 10px
}
li{
    background:url("/images/wd40company/bullet.gif") 0 5px no-repeat;
    padding:0 0 0 8px
}
ol li{
    background:none;
    padding:0
}
#mainContent .pad ul{
    padding:10px 0
}
#mainContent .pad ul li{
    background:url("/images/wd40company/arrow.gif") 0 7px no-repeat;
    padding:2px 0 3px 12px
}
/*-----------------------------------------------------------------------------------------overrides*/
.clear{
    clear:both;
    font-size:0.01px
}
.floatRight{
    float:right
}
.floatLeft{
    float:left
}
.textBox{
    border:1px solid #808080
}
#pageWrap{
    width:860px;
    margin:0 auto
}
#bg{
    float:left;
    background:#fff url("/images/wd40company/blueBand.jpg") 0 127px no-repeat;
    margin:10px 0 0 0
}
.noBg{
	background:none !important
}
#top{
    float:left;
    padding:10px 0 11px 0
}
#top a:hover{
    text-decoration:none
}
#index #top{
    width:860px;
    height:109px;
    padding:10px 0 0 0
}
#searchWrap{
    height:19px
}
#searchWrap a{
    color:#999;
    float:right;
    font-weight:bold;
    text-transform:uppercase;
    padding:2px 20px 0 0
}
div>#searchWrap a{
    padding:3px 20px 0 0
}
#searchWrap a:hover{
    color:#000
}
#searchWrap .textBox{
    width:105px;
    float:right;
    margin:0 5px 0 0
}
#topLogo{
    width:252px;
    height:83px;
    display:block;
    float:left;
    background:url("/images/wd40company/topLogo.gif") no-repeat;
    margin:0 36px 0 10px    
}
div>#topLogo{
    margin:0 36px 0 20px    
}
#navWrap{
    float:left
}
#nav{
    width:176px;
    list-style:none;
    float:left;
    line-height:16px;
    border-left:1px solid #0b165d;
    border-right:1px solid #0b165d;
    margin:0;
    padding:0 0 7px 0
}
#nav a{
    width:161px;
    display:block;
    color:#004f99;
    background:url("/images/wd40company/blank.gif");
    font-weight:bold;
    font-size:1.3em;
    text-transform:uppercase;
    padding:0 0 0 15px
}
#nav li{
    background:none;
    padding:0
}
#nav a:hover,
#nav .active a{
    color:#000
}
#topFlash{
    float:left
}
#topFlash img{
    float:left
}
#splash{
    float:left;
    position:relative
}
#index #splash{
    width:860px;
    height:470px;
    float:left;
    position:relative;
    background:#fff
}
#welcome{
    width:590px;
    position:relative;
    float:left;
    margin:-90px 0 0 118px;
    padding:0 0 0 2px
}
div>#welcome{
    position:absolute;
    top:380px;
    left:240px;
    margin:0
}
#welcome h2{
    margin:0;
    padding-bottom:12px
}
#indexPods{
    padding:0 0 0 30px
	/*padding:0 0 0 35px*/
}
#indexPods div{
    float:left;
    margin:0 35px 0 0
}
#indexPods div.last{
    margin:0
}
/*------------------------------------------------------------------------mainWrap*/
#mainWrap{
    float:left;
    background:url("/images/wd40company/rightNavBg.gif") 714px 136px no-repeat
}
#leftPicWrap{
    width:198px;
    float:left
}
#contentWrap{
    width:662px;
    float:right
}
#subNavWrap{
    padding:0 0 43px 0
}
#subNavWrap h1{
    height:62px;
    display:block;
    width:600px;
    float:left;
    clear:left;
    color:#fff;
    line-height:1em;
    background:url("/images/wd40company/headerBullet.gif") 4px 5px no-repeat;
    padding:0 0 0 20px
}
#subNav{
    height:63px;
    overflow:auto;
    margin:13px 0 0 20px
}
div>#subNav{
    height:62px
}
#subNav li{
    display:inline;
    background:none;
    padding:0
}
#subNav a{
    color:#fff;
    font-weight:bold;
    font-size:1.1em;
    text-transform:uppercase;
    white-space:nowrap;
    margin:0 10px 0 0
}
#subNav a:hover,
#subNav .active a{
    color:#fff200
}
#mainContent{
    width:516px;
    float:left
}
.podYellowBot{
    width:486px;
    background:url("/images/wd40company/podYellowBot.gif") 0 100% no-repeat;
    margin:20px 0 12px 0
}
.podYellowTop{
    background:url("/images/wd40company/podYellowTop.gif") 0 0 no-repeat;
    padding:15px 45px 25px 15px
}
.podYellowBot img{
    float:right;
    margin:0 0 0 10px
}
.podYellowBot h2{
    padding:0 0 10px 0
}
.podYellowBot h2{
    margin:0
}
.podYellowTop td{
    padding-left:5px;
    padding-right:5px
}
.podYellowTop .setWidth{
    width:250px
}
.podYellowTop tr{
    padding-bottom:3px
}
.pdfWrap,
.pdfWrap a,
.pdfWrap img{
    float:left;
    margin:0 !important;
    padding:0 !important
}
.pdfWrap img{
    padding:0 5px 0 0 !important
}
.pdfWrap{
    clear:left;
    padding:10px 0 0 0 !important
}
.blueStriped{
    width:100%;
    margin:0 0 15px 0
}
.blueStriped td{
    border-bottom:2px solid #fff;
    padding:4px
}
.blueStriped .head td{
    color:#fff;
    font-size:1.2em;
    background:#004f99
}
.blueStriped .dark td{
    background:#eff4f7
}
.buttonWrap a{
    margin:0 20px 0 0
}
#rightNavWrap{
    width:146px;
    float:left
}
#rightNavWrap h6{
    background:url("/images/wd40company/iconLinks.gif") 0 0 no-repeat;
    padding:5px 0 0 24px
}
#rightNavWrap ol{
    color:#0085af;
    list-style-position:inside;
    padding:5px 0 0 0
}
.rightPics{
    text-align:center;
    margin:15px 0 0 0
}
.rightPics img{
    margin:15px 0
}
.rightPics span img{
    margin:0
}
#actions{
    margin:0
}
#actions li{
    padding:0
}
#actions a{
    display:block;
    margin:0;
    padding:9px 0 0 27px
}
#act1{
    background:url("/images/wd40company/iconPrint.gif") 0 9px no-repeat
}
#act2{
    background:url("/images/wd40company/iconClock.gif") 0 9px no-repeat
}
#act3{
    background:url("/images/wd40company/iconChat.gif") 0 9px no-repeat
}
#act4{
    background:url("/images/wd40company/iconDoc.gif") 0 9px no-repeat
}
/*-------------------------------------------------------------------------------pad*/
#mainContent .pad{
    margin:10px 10px 40px 20px
}
#rightNavWrap .pad{
    padding:5px 2px 40px 5px
}
/*------------------------------------------------------------------------------pods*/
.productTable{
    width:480px;
    float:left
}
.prodLeftWrap,
.prodRightWrap{
    width:240px;
    float:left
}
.productTable td{
    text-align:left;
    vertical-align:top;
    padding:2px
}
.productTable h3{
    color:#000;
    margin:0 0 5px 0
}
.productTable h4{
    color:#000;
    margin:0 0 0 2px
}
.productTable td.thumb{
    padding:0
}
.productTable td.middle{
    width:15px
}
.productTable td.buttonCell{
    height:17px
}
/*----------------------------------------------------------------------------footer*/
#footer{
    width:100%;
    float:left;
    background:url("/images/wd40company/footWrapBg.gif") repeat-x;
    padding:12px 0
}
#footer a span{
    display:none
}
#index #footLogo{
    display:none
}
#footLogo div{
    margin:0 18px 0 0; /* 12px if new logo is added */
}
div>#footLogo div{
    margin:0 22px 0 0; /* 15px if new logo is added */
}
/*#footLogo div#logo1{
    margin:0 30px 0 11px
}
div>#footLogo div#logo1{
    margin:0 30px 0 23px;
}*/
#footLogo div#logo10{
    margin:0
}
#footLogo{
	margin:0 0 0 45px
}
div>#footLogo{
	margin:0 0 0 20px
}
#footLogo div,
#footLogo a{
    width:54px;
    height:54px;
    position:relative;
    float:left
}
#footLogo div a:hover span{
    color:#333;
    position:absolute;
    top:5px;
    font-size:.8em;
    line-height:1em;
    text-decoration:none;
    text-align:center;
    display:block
}
#footLogo div a:hover{
    text-decoration:none
}
#footNavWrap{
    width:860px;
    clear:left;
    text-align:center;
    margin:10px 0 0 0
}
#footNav{
    clear:left;
	margin:0
}
#footNav li{
    display:inline;
    background:none;
    padding:0
}
#footNav a{
    color:#578bbc;
    white-space:nowrap;
    text-transform:uppercase;
    background:url("/images/wd40company/footNavBg.gif") 100% 5px no-repeat;
    padding:0 8px 0 4px   
}
#footNav a:hover{
    text-decoration:underline
}
#footNav .last a{
    background:none
}
#copyRight{
    width:100%;
    color:#9e9e9e;
    text-align:center;
    font-size:.9em;
    clear:left
}
#contactForm{
    width:100%
}
#contactForm td{
    padding:5px
}
.texta{
    font-size:10px;
    padding:2px;
    background-color:#FFFFFF;
    border:1px solid #CCCCCC
}
.textb{
    font-family:verdana,sans-serif;
    color:#333;
    font-size:10px;
    border:1px solid #ccc
}
.submit{
    font-family:verdana,sans-serif;
    border:2px solid #0090e9;
    border-right:2px solid #0163C8;
    border-bottom:2px solid #0163C8;
    font-size:11px;
    font-weight:bold;
    background-color:#0090E9;
    color:#fff;
    cursor:pointer;
    padding:2px
}
#error{
    background-color:#F8A632;
    font-size:12px;
    font-weight:bold;
    color:#FFFFFF;
    padding:5px 5px 5px 15px;
    margin:5px 0 5px 0;
    width:auto;
    border:1px solid #999999
}
#error p{
	background:url('/images/arrow.gif') no-repeat 0 3px;
	padding:0 0 0 12px;
}
#message{
    background-color:#EAF2FB;
    font-size:12px;
    color:#717679;
    padding:5px;
    margin:5px 0 5px 0;
    width:auto;
    text-align:center;
    border:1px solid #999999
}
#dist{
    width:100%;
    border:1px solid #CDCDCD
}
#dist td{
    padding:5px;
    /*border:1px solid #CDCDCD*/
}
#flags{
    width:100%
}
#flags td{
    padding:5px;
    /*border:1px solid #CDCDCD*/
}
#mainContent ol{

padding-left:20px;

}
.stockTable td{
    padding:5px
}
.stockTable .red{
    font-weight:bold;
    color:#CC0000
}
.stockTable .green{
    font-weight:bold;
    color:#339933
}
.stockTable img{
    margin:0;
    padding:0;    
}
#stockImages{
    width:100%
}
#stockImages td{
    padding:5px;
    /*border:1px solid #CDCDCD*/
}
#stockImages td table{
    width:100%
}
#stockImages td table th{
    font-size:10px;
    font-weight:bold;
    background-color:#CDCDCD
}
#storeLocation{
 width:100%
}
#storeLocation td{
    padding:5px
}
#storeLocation th{
    text-align:left;
    background-color:#CDCDCD;
    padding:5px;
    font-size:14px
}
/* TWIN-LIST----------------------------------------------------------------------*/
.twinList{
    float:left;
    display:table;
    margin-left:15px;
    margin-bottom:15px
}
.twinList ul{
    float:left;
    /*margin:20px 30px 20px 10px*/
    margin:0;
    width:200px
}
.twinList ul li{
    font-size:1.35em;
    letter-spacing:-0.04em;
    font-weight:bold;
    color:#407BB3;
    line-height:1.35em
}
/* TWIN-LIST----------------------------------------------------------------------*/

.loginWrap{
    float:left
}
.loginPod{
    float:left
}
.txtLabel{
    float:left;
    clear:left;
    width:225px;
    padding-bottom:6px
}
.txtLabel .texta{
    width:122px
}
.txtLabel span{    
    font-weight:bold;
    padding-right:10px;
    float:right
}
.txtLabel input{
    float:right;
    clear:right
}
.loginPod .submit{
    float:left;
    clear:left;
    margin-left:97px
}
.loginPod ul li{
    float:left;
    clear:left;
    margin-left:100px;
    display:inline
}
.forgotPassword{
    clear:left;
    padding-top:10px;
    margin-left:100px
}
.forgotPassword a{
    margin-right:10px
}
table.countryLoc td{
    padding:5px
}

.productTable .productText{
    width:168px
}
.productTable .productText h4{
    font-size:1.3em;
    padding-bottom:3px
}
.pad p em{
    line-height:10px;
    font-size:9px
}
#wrap404{
    float:left;
    margin:30px 0 200px 50px
}
#wrap404 h1{
	color:#fff;
	font-size:2em;
    float:left;
	border:2px solid #fff;
	padding:10px
}
#strawTour{
	height:300px;
	background:url("http://www.wd40.com/images/wd40/lastStrawLogoWd40Home.jpg") no-repeat;
	padding:40px 0 0 70px
}

.jobLocation{
	font-weight:bold;
    color:#004f99;
    font-size:1.4em;
    line-height:.8em;
}
/*----------------------------------------------------------------------------New Search Module*/
.searchWrap {
	width:100% !important;
	float:none !important;
	clear:left;
}
#corporateSearchWrap{
	width:427px !important;
	float:left;
}
#corporateSearchWrap .pad{
	margin:10px 15px 40px 0 !important;
}
.searchWrap .pad {
	margin:0 15px 0 20px !important;
}
.relatedProds{
	float:left;
	width:200px;
	margin-bottom:20px;
}
.relatedProds .pad{
	margin:0 !important;
	padding-top:3px !important
}
.relatedProds .productTable {
	float:none;
	width:auto;
}
.relatedProds .productTable .productText h4 {
	font-size:1.1em;
	padding-bottom:3px;
}
.relatedProds .productImage img{
	width:60px;
}
.relatedProds .productTable .productText {
	width:auto;
}
#search_box .textBox {
	width:156px !important;
}
#component-search{
	background:url("/images/wd40company/bg-search.png") no-repeat 0 0;
	height:141px;
	padding:0 0 0 20px;
	margin-top:-2px
}
#component-search h2{
	color:#fff;
	font-size:1.4em;
	font-weight:bold;
	padding:4px 0 0 0;
	margin:0 0 30px 0
}
#component-search small{
	color:#1a3586
}
#component-search #search_box .searchButton {
	background:transparent url("/images/wd40company/buttonSearch.png") no-repeat scroll 0 0;
	height:17px;
	width:74px;
}
 #snippet-nav.search-results{
	margin:10px 0 20px 0;
	padding:0;
	background:#f8f8f8;
}
#snippet-nav .trigger{
	color:#0053a0
}
#snippet-nav .snippet-sec {
	margin:0;
	border-top:1px solid #c3c3c3;
}
 #snippet-nav.search-results .snippet-sec .trigger {
	background:#f0f0f0 url("/images/wd40company/accordion-plus.gif") no-repeat 15px 8px;
	display:block;
	font-size:1.1em;
	font-weight:bold;
	line-height:normal;
	color:#000;
	padding:7px 10px 7px 40px;
	border-bottom:2px solid #dbdbdb;
	border-left:1px solid #dbdbdb;
	border-right:2px solid #dbdbdb;
	
}
#snippet-nav.search-results .snippet-sec a.highlight {
	background:#f0f0f0 url("/images/wd40company/accordion-minus.gif") no-repeat 15px 8px;
}
#snippet-nav.search-results .snippet-sec .numResults{
	float:right;
	color:#000;
	padding:6px 10px 7px 0
}
#snippet-nav .snippet-sec a span{
	color:#832227;
	padding-right:3px
}
#snippet-nav.search-results .snippet-sec .snippet-content{
	border-left:1px solid #dbdbdb;
	border-right:2px solid #dbdbdb;
	border-bottom:2px solid #dbdbdb;
	margin:0;
	padding:0 15px 25px 15px;
	display:none
}
#snippet-nav.search-results .snippet-sec td{
	padding-right:0;
	vertical-align:top
}
#snippet-nav .snippet-sec .snippet-content a{
	background:none;
	font-weight:bold;
	padding:0;
	font-size:1em;
}
#snippet-nav .snippet-sec .snippet-content .viewMoreLink{
	background:none;
	display:inline;
	font-weight:normal;
	padding:0;
	font-size:.9em;
	float:right
}
.snippet-content table{
	width:100%;
}
.arrowBullets p{
	background:url("/images/wd40company/arrow-search.gif") no-repeat 0 3px !important;
	padding:0 0 0 20px;
}
.stanResults{
	margin:10px 0 15px;
}
.stanResults p{
	margin-top:0
}
.component-search-side{
	border-left:1px solid #e1e1e1;
	border-right:2px solid #e1e1e1;
	border-bottom:2px solid #e1e1e1;
	/*background:#f8f8f8;*/
}
#rightWrap .component-search-side h3{
	background:#f0f0f0;
	color:#000;
	border-top:2px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	padding:20px 15px 5px 15px;
	font-size:12px;
	font-weight:bold
}
#rightWrap .component-search-side-content{
	padding:20px 15px
}
#rightWrap .component-search-side-content .productTable td{
	margin-bottom:20px;
}
#productCallouts{
	margin:0 auto;
	width:167px;
	height:220px;
	overflow:hidden
}
#previous, #next{
	width:16px; 
	height:22px;
	display:block;
	cursor:pointer;
	position:absolute;
}
#previous{
	left:17px;
	background:url("/images/wd40company/slider-left.png") no-repeat 0 0 
}
#next{
	right:17px;
	background:url("/images/wd40company/slider-right.png") no-repeat 0 0 
}
#slider-stage{
	width:167px;
	height:220px;
	overflow:hidden;
	position:relative
}
#silder-list{
	position:absolute;
	height:220px;
}

#slider-stage{
	float:left;
}
.sliderBtns{
	clear:both;
	height:22px;
	position:relative;
	background:url("/images/wd40company/slider-center.png") no-repeat center;
}
#productCallouts .pod {
	float:left;
	height:220px;
	width:167px;
}
.relatedProds .otherSearch .txtLabel{
	width:167px;
}
.relatedProds .otherSearch{
	text-align:center
}
.relatedProds .otherSearch select{
	margin:10px 0 15px 0
}