/* Outdoor Cleaning with Pressure Washers
 * (c) Briggs & Stratton -- www.outdoorcleaning.com
 * 
 */

html { padding: 0; margin: 0; }
body {
    padding: 0;
    margin: 0;
    text-align: left;
    background: #F1F7FC;
    font: normal 11px arial, helvetica, verdana, sans-serif;
    color: #003366; 
    margin: auto; }
    
body td {
font-family: "Trebuchet MS", Verdana, sans-serif;
font-size: 11px;
color: #003366;
}

#sidebarImage {	
	border: solid 1px #003366;
	padding: 0px;
	margin: 0px; }
	

/* Shadow Block, goes around all elements on the page */
#shadowblock { 
    width: 778px;
    background: transparent url(/pics/shared/bak_small.gif) top center repeat-y;
    padding: 0;
    border-top: 0px;
    margin: auto; }


/* Large content block, goes around all content on the page */
#container { 
    /*position: absolute;*/
    width: 770px;
    background: transparent url(/pics/shared/blue_body_green.gif) top center repeat-y;
    padding: 0;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-top: 0px;
    margin: auto; }

/* Left Side Column*/ 

#leftcontent {
	/*position: absolute;
	*/
	float: left;
	padding: 0;
    margin: 0;
	width:159px;
	border:0px solid #000;
	background: #003366;
}
  
 /* Center Body Tables */ 
#centercontent {
	width:422px;
	padding: 0px;
    margin: 15px 170px 15px 170px;
}
	

/* Right Content*/ 
#rightcontent {
    /*position: absolute;*/
	width:159px;
	/*top: 0px;*/
	padding: 0;
    margin: 0;
	border: 0px solid #000;
	float: right;
	background: #336633
	}

/* Includes top banner */
#header {
    padding: 0;
    margin: 0;
    height: 62px;
    background: transparent url(/pics/shared/topbanner.jpg) top center no-repeat; }
    
    


/* Navigation */
ul.nav {
    margin-top: 62px;
    padding: 0;
    margin: 0;
    height: 23px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background: #476681; }

ul.nav li {
    list-style: none;
    float: left;
    padding: 0;
    margin: 0; }

ul.nav li a {
    display: block;
    float: left;
	height: 17px;
    padding: 4px 10px 2px 10px;
    background: #339933; 
    margin: 0;
    color: #fff;
    text-decoration: none;
    border-right: 1px solid #fff;
    font: bold 13px "Trebuchet MS", Verdana, sans-serif; }
    

body.home li.home, body.basics li.basics,
body.productguide li.productguide, body.projects li.projects, body.maintenance li.maintenance {
    background: #CC6600;
    margin: 0; }
    
body.home  li.home a, body.basics li.basics a,
body.productguide li.productguide a, body.projects li.projects a, body.maintenance li.maintenance a {
    padding-right: 38px;
    margin: 0;
    background: #CC6600; 
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    cursor: default; }
    
ul.nav li a:hover {
    color: #FFFFFF;
    background: #CC6600; }
    
    
H1 {
font-family: arial, helvetica, verdana, sans-serif;
font-weight: bolder;
font-size: 20px;
color: #003366; }

H3 {
font-family: arial, helvetica, verdana, sans-serif;
font-weight: bolder;
font-size: 15px;
color: #CC6600; }

H3.store {
font-family: arial, helvetica, verdana, sans-serif;
font-weight: bolder;
font-size: 19px;
color: #CC6600; }

.patsprotip {
font-family: arial, helvetica, verdana, sans-serif;
font-weight: bolder;
font-size: 18px;
text-shadow: 2px 2px 1px #CCCCCC;
color: #CC3300; }

.product {
font-family: arial, helvetica, verdana, sans-serif;
font-weight: bolder;
font-size: 15px;
color: #CC6600; }

.price {
font-family: arial, helvetica, verdana, sans-serif;
font-weight: bold;
font-size: 12px;
color: #CC3300; }

.priceaccess {
font-family: arial, helvetica, verdana, sans-serif;
font-weight: bold;
font-size: 11px;
color: #CC3300; }

.accessory {
font-family: arial, helvetica, verdana, sans-serif;
font-weight: bold;
font-size: 12px;
color: #003366; }

a.accessory:visited {  color: #666666;text-decoration: none;}
a.accessory:active {  color: #003366;text-decoration: none;}
a.accessory:link {  color: #003366;text-decoration: none;}
a.accessory:hover {  color: #666666;text-decoration: none;}

.greencopy {
font-family: "Trebuchet MS", Verdana, sans-serif;
font-weight: bolder;
font-size: 11px;
color: #336633; }
    

#mediaroom {
	position: absolute;
	top: 60px;
	padding: 0;
	padding-top: 8px;
	margin: 0px 0px 0px 690px; }

.mediaroomfont {
font-family: "Trebuchet MS", Verdana, sans-serif;
font-weight: bold;
font-size: 12px;
font-style: italic;
color: #FFFFFF; }

a.mediaroomfont:visited {  color: #FFFFFF ;text-decoration: none;}
a.mediaroomfont:active {  color: #FFFFFF;text-decoration: none;}
a.mediaroomfont:link {  color: #FFFFFF;text-decoration: none;}
a.mediaroomfont:hover {  color: #CCCCCC;text-decoration: none;}  


/* CONTEST WINNER */  
.contesttitle {
font-family: "Trebuchet MS", Verdana, sans-serif;
font-weight: bold;
font-size: 15px;
color: #036; }

.redwinner {
display: block;
width: 250px;
margin: 10px 0px 2px 0px;
padding: 0px;
font-family: "Trebuchet MS", Verdana, sans-serif;
font-weight: bold;
letter-spacing: -.5px;
font-size: 22px;
color: #C00; }

.greenname {
display: block;
width: 300px;
margin-bottom: 5px;
font-family: "Trebuchet MS", Verdana, sans-serif;
font-weight: bold;
letter-spacing: -.5px;
font-size: 19px;
color: #363; }



/* Left Side Navigation */  
.tdDivs 
{
width: 159px;
margin-top: 5px;
margin-bottom: 0px;
font-family: "Trebuchet MS", Verdana, sans-serif;
font-weight: bold;
font-size: 11px;
}

div#side ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

div#side li
{
margin: 0;
}

div#side li a
{
display: block;
padding: 5px 5px 5px 5px;
color: #fff;
text-decoration: none;
width: 149px;
}

html>body div#side li a { width: auto; }

div#side li a:hover
{
background-color: #336699;
color: #fff;
}

.sidehighlight {
display: block;
padding: 5px 5px 5px 0.5em;
background-color: #336699;
color: #fff;
text-decoration: none; }




/* Accessories Section and Top Projects */  
.catsbox {
width: 149px; 
margin: 0;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
font-family: "Trebuchet MS", Verdana, sans-serif;
font-weight: normal;
font-size: 11px;
color: #003366; 
background: #B5CADD; }

#cats ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
background: #B5CADD;}

#cats li {
margin: 0; }

#cats li a {
display: block;
padding: 0px 0px 5px 15px;
margin: 0;
color: #003366;
text-decoration: none;
width: 134px;
background-position: 0 .5em;
background: #B5CADD;}

html>body div#cats li a { width: auto; }

#cats li a:hover {
color: #CC3300;
background: transparent url(/pics/shared/sub_arrows.gif) no-repeat 0 .4em;}

.catshighlight {
display: block;
padding: 0px 0px 5px 15px;
margin: 0;
color: #CC3300;
font-weight: bold;
text-decoration: none;
background: transparent url(/pics/shared/sub_arrows.gif) no-repeat 0 .3em; }

/*.catshighlightindent {
display: block;
padding: 0px 0px 0px 20px;
width: 124px;
color: #CC3300;
font-weight: bold;
text-decoration: none;
background: transparent url(/pics/shared/sub_arrows.gif) no-repeat 0 .3em; }*/

#cats li.catshighlightindent {
display: block;
padding: 0px 0px 0px 15px;
margin: 0px 0px 5px 10px;
color: #CC3300;
font-size: 10px;
font-weight: bold;
text-decoration: none;
width: 124px;
background-position: 0 .5em;
background: transparent url(/pics/shared/sub_arrows.gif) no-repeat 0 .3em;
}

#cats li.catsindent a {
display: block;
margin: 0px 0px 0px 10px;
color: #003366;
font-size: 10px;
text-decoration: none;
width: 124px;
background-position: 0 .5em;
background: #B5CADD;}
 

/* Accessories Section and Top Projects */  
#accessories {
  padding: 10px 10px 10px 10px;
  margin: 0;
  border:0px solid #fff;
  background: #B5CADD;}
  
#topprojects {
  padding: 10px 10px 10px 10px;
  margin:  0px 0px 0px 0px;
  border:0px solid #fff;
  background: #B5CADD;}
  
.accessfont {
font-family: "Trebuchet MS", Verdana, sans-serif;
font-weight: bold;
font-size: 13px;
font-style: italic;
color: #336633; }


.blue {
font-family: "Trebuchet MS", Verdana, sans-serif;
font-size: 11px;
line-height: 18px;
color: #003366;
}

a.blue:visited {  color: #666666;text-decoration: none;}
a.blue:active {  color: #003366;text-decoration: none;}
a.blue:link {  color: #003366;text-decoration: none;}
a.blue:hover {  color: #FFFFFF;text-decoration: none;}


.buy {
font-family: "Trebuchet MS", Verdana, sans-serif;
font-size: 11px;
line-height: 14px;
color: #003366;
}

a.buy:visited {  color: #666666;text-decoration: none;}
a.buy:active {  color: #003366;text-decoration: none;}
a.buy:link {  color: #003366;text-decoration: none;}
a.buy:hover {  color: #666666;text-decoration: none;}

.slideshowtext {
font-family: "Trebuchet MS", Verdana, sans-serif;
font-size: 11px;
line-height: 14px;
color: #003366;
}

a.slideshowtext:visited {  color: #003366;text-decoration: none;}
a.slideshowtext:active {  color: #003366;text-decoration: none;}
a.slideshowtext:link {  color: #003366;text-decoration: none;}
a.slideshowtext:hover {  color: #666666;text-decoration: none;}

.map {
font-family: "Trebuchet MS", Verdana, sans-serif;
font-size: 11px;
line-height: 15px;
color: #003366;
}

a.map:visited {  color: #666666;text-decoration: none;}
a.map:active {  color: #003366;text-decoration: none;}
a.map:link {  color: #003366;text-decoration: none;}
a.map:hover {  color: #CC3300;text-decoration: none;}



/* Quiz Question */
#quiz {
  /*position: relative;*/
  padding-left: 50px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin: 0;
  border:0px solid #fff;
  background: #CC6600 url(/pics/shared/quiz_tab.gif) top center no-repeat; }

.quiztitle{
  font-family: "Trebuchet MS", Verdana, sans-serif;
  font-size: 10px;
  color: #ffffff; }
  
#quizanswers {
  height: 180px;
  /*position: relative;*/
  padding-left: 50px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin: 0;
  width:104px;
  border:0px solid #fff;
  background: #003366 url(/pics/shared/quiz.gif) top center no-repeat; }
  
.answers{
  font-family: "Trebuchet MS", Verdana, sans-serif;
  line-height: 18px;
  font-size: 10px;
  color: #ffffff; }
  
.submit {
  font-family: "Trebuchet MS", Verdana, sans-serif;
  font-weight: bold;
  font-size: 11px;
  font-style: italic;
  color: #66CC33; }

a.submit:visited {  color: #66CC33;text-decoration: none;}
a.submit:active {  color: #66CC33;text-decoration: none;}
a.submit:link {  color: #66CC33;text-decoration: none;}
a.submit:hover {  color: #66CC33;text-decoration: none;}



#tipcat {
	/*position: relative;*/
	height: 17px;
	padding-top: 49px;
	padding-left: 5px;
	padding-bottom: 0px;
    margin: 0;
	border:0px solid #000;
	background: #CC6600 url(/pics/shared/patsprotips_icon.gif) top center no-repeat; }

#boxtip {
	/*position: relative;*/
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 10px;
	padding-bottom: 5px;
    margin: 0;
	border:0px solid #000;
	background: transparent url(/pics/shared/green_arrow.gif) top left no-repeat; }

#boxtiptwo {
	/*position: relative;*/
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 5px;
	border:0px solid #000;
	margin: 0px 10px 0px 611px; 
	background: transparent url(/pics/shared/green_arrow.gif) top left no-repeat; }

#boxtipthree {
	/*position: relative;*/
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 5px;
	border:0px solid #000;
	margin: 0px 10px 0px 611px; 
	background: transparent url(/pics/shared/green_arrow.gif) top left no-repeat; }


.white {
  font-family: "Trebuchet MS", Verdana, sans-serif;
  font-weight: bold;
  font-size: 11px;
  color: #ffffff; }
  
.whitetip {
  font-family: "Trebuchet MS", Verdana, sans-serif;
  font-weight: bold;
  font-size: 13px;
  color: #ffffff; }
  
.tipcopy {
  font-family: "Trebuchet MS", Verdana, sans-serif;
  font-size: 11px;
  color: #ffffff; } 


/* Footer */
#footer {
    display: block;
    border-top: 1px solid #fff;
    font-family: arial, helvetica, verdana, sans-serif;
    font-size: 10px;
    margin: 0;
    clear: both;
    padding: 10px;
    color: #fff;
    text-align: left;
    line-height: 18px;
    background: #476681}
    
    
.botnav {
font-family: arial, helvetica, verdana, sans-serif;
font-size: 11px;
color: #336633; }

a.botnav:visited {  color: #CCCCCC ;text-decoration: none;}
a.botnav:active {  color: #CC6600;text-decoration: none;}
a.botnav:link {  color: #FFFFFF;text-decoration: none;}
a.botnav:hover {  color: #FFFFFF;text-decoration: underline;}

.bodylinks {
font-family: arial, helvetica, verdana, sans-serif;
font-size: 11px;
color: #0000CC; }

a.bodylinks:visited {  color: #666666 ;text-decoration: none;}
a.bodylinks:active {  color: #0000CC;text-decoration: none;}
a.bodylinks:link {  color: #0000CC;text-decoration: none;}
a.bodylinks:hover {  color: #666666;text-decoration: none;}

.privacy {
font-family: arial, helvetica, verdana, sans-serif;
font-size: 10px;
color: #336633; }

a.privacy:visited {  color: #CCCCCC ;text-decoration: none;}
a.privacy:active {  color: #CCCCCC;text-decoration: none;}
a.privacy:link {  color: #FFFFFF;text-decoration: underline;}
a.privacy:hover {  color: #FFFFFF;text-decoration: none;}

.pagarrows {
font-family: arial, helvetica, verdana, sans-serif;
font-size: 14px;
font-weight:bold;
color: #CC6600; }

a.pagarrows:visited {  color: #CC6600 ;text-decoration: none;}
a.pagarrows:active {  color: #CC6600;text-decoration: none;}
a.pagarrows:link {  color: #CC6600;text-decoration: none;}
a.pagarrows:hover {  color: #CC6600;text-decoration: none;}

.network {
float: right;
background-color:#DBE4EB;
color:#036;
font-size : 10px;
width: 190px;
border: 1px solid #666666;
}

.formed {
margin: 0px;
padding: 0px;
}


/* LISTS */

/* Tools and Materials Site Prep List */
#toolslist
{
padding-left: 20px;
margin-left: 0;
margin-top: 10px;
}

#toolslist li
{
font-family: "Trebuchet MS", Verdana, sans-serif;
font-size: 11px;
list-style: square;
margin: 0;
padding: 0;
padding-bottom: 5px;
}

/* checklist */
#checklist
{
padding-left: 20px;
margin-left: 0;
margin-top: 10px;
}

#checklist li
{
font-family: "Trebuchet MS", Verdana, sans-serif;
font-size: 11px;
list-style: url(/pics/shared/checkmark.gif);
margin: 0;
padding: 0;
padding-bottom: 5px;
}

/* Site Preperation */
#siteprep
{
padding-left: 20px;
margin-top: 10px;
margin-left: 5px;
}

#siteprep li
{
font-family: "Trebuchet MS", Verdana, sans-serif;
font-size: 11px;
margin: 0;
padding: 0;
padding-bottom: 5px;
}


/* Site Preperation */
#cleaning
{
padding-left: 0px;
margin-top: 10px;
margin-left: 0px;
}

#cleaning li
{
list-style: none;
font-family: "Trebuchet MS", Verdana, sans-serif;
font-size: 11px;
margin: 0;
padding: 0;
padding-bottom: 5px;
}

.mediafooter
{
font: normal 10px arial, helvetica, verdana, sans-serif;
color: #003366;  }

#flashbox {
	border: 1px solid #003366;
	padding: 0;
	margin: 0; }

.ask {
font-family: "Trebuchet MS", Verdana, sans-serif;
font-size: 11px;
line-height: 20px;
font-weight: bold;
color: #CC3300; }

a.ask:visited {  color: #CC3300 ;text-decoration: none;}
a.ask:active {  color: #CC3300;text-decoration: none;}
a.ask:link {  color: #CC3300;text-decoration: none;}
a.ask:hover {  color: #FF9900;text-decoration: none;}

.answer {
font-family: "Trebuchet MS", Verdana, sans-serif;
font-weight: bold;
font-size: 11px;
color: #336633; }

.name {
font-family: arial, helvetica, verdana, sans-serif;
font-size: 10px;
color: #666666; }

/*
#before {
    float: left;
    position: absolute;
    font-family: "Trebuchet MS", Verdana, sans-serif;
    font-weight: bold;
    font-size: 12px;
    text-shadow: 2px 2px 1px #000;
    color: #FFFFFF;
	padding: 5px;
	margin: 0; }
*/

#contestbefore {
    float: left;
    position: absolute;
    border: 2px solid #FFFFFF;
	padding: 0;
	margin: 0; }
	
#contestbefore2 {
    font-family: "Trebuchet MS", Verdana, sans-serif;
    font-weight: bold;
    position: absolute;
	padding: 0px;
	font-size: 12px;
	margin-left: 175px;
	margin-top: 102px;
	background: transparent;
	color: #CC6600; 
	}

#contestafter {
    float: right;
	padding-top: 20px;
	padding-bottom: 5px;
	margin: 0; }
	
#contestafter2 {
    font-family: "Trebuchet MS", Verdana, sans-serif;
    position: absolute;
	padding: 0px;
	margin-left: 535px;
	margin-top: 315px;
	background: transparent;
	font-size: 20px;
	color: #CC6600; 
	}
	
.giveaway {
  font-family: "Trebuchet MS", Verdana, sans-serif;
  font-weight: bold;
  font-size: 17px;
  text-shadow: 2px 2px 1px #CCCCCC;
  color: #CC6600; } 
  
.presslist {
	margin-left:20px;
	margin-top:15px;
}

.presslistitem {
	padding:3px;
}


/* PRODUCT DISPLAY */

p {
margin-top: 5px;
margin-bottom: 0px;
line-height: 11px;
padding: 0px;}


.featured {
  width: 412px;
  background: #476681;
  color: #FFF;
  font: bold 13px/12px Verdana, Helvetica, Arial, sans-serif;
  letter-spacing: -1px;
  padding: 5px;
  margin: 0px 0px 10px 0px; }
  
.blockholder {
background: transparent url(/pics/products/new_guide/backboxes.gif) top left no-repeat;
margin: 0px; }

.blockholder2 {
width: 422px;
background: transparent url(/pics/products/new_guide/backboxes2.gif) top center repeat-y;
margin: 0px; 
display:table;
}

.blockholder3 {
width: 422px;
background: transparent url(/pics/products/new_guide/otherretailers_back.gif) top center repeat-y;
margin: 0px; 
display:table;
}
  
.bloc1 {
width: 136px;
height: 180px;
border-bottom: 1px solid #003366; }

.bloc2 {
width: 135px;
height: 180px;
float: right;
border-bottom: 1px solid #003366;
}
.bloc3 {
width: 135px;
height: 180px;
float: right;
border-bottom: 1px solid #003366;
margin-left: 7px;
}


.bloc4 {
width: 115px;
border: 0px solid #000;
padding: 10px 18px 10px 10px;
float: left;
}

.bloc5 {
width: 115px;
border: 0px solid #000;
padding: 10px 19px 10px 10px;
float: left;
}

.bloc6 {
width: 114px;
border: 0px solid #000;
padding: 10px;
float: left; }

.bloc7 {
width: 117px;
padding: 10px;
float: left; }

.bloc8 {
width: 120px;
padding: 10px;
float: left; }

.bloc9 {
width: 119px;
padding: 10px;
float: left; }

a.lilorange:visited {  color: #FF9900 ;text-decoration: none;}
a.lilorange:active {  color: #FF9900;text-decoration: none;}
a.lilorange:link {  color: #CC6600;text-decoration: none;}
a.lilorange:hover {  color: #FF9900;text-decoration: none;}

.white {
font: bold 11px/12px Verdana, Helvetica, Arial, sans-serif;
color: #ffffff; }

div.spacer {
border: 0px solid #ccc;
  clear: both;
  }