/* @override http://www.indoorsoutdoors.com/indoorsoutdoors.css */

/* body   { color: #000; font-size: 11px; line-height: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; background: #fff url(images/WR-swoosh-2.jpg) no-repeat center top; margin: 0; padding: 0 } */

body, html {
	background-color: #ffffff;
	margin: 0;
	padding: 0;
	text-align: center;
}
/* wrapper set for max width of 760; for IE, use the width expression what basically tests if the page is winder than 760 px; if so, set width to 760; otherwise, let it auto size
 */

#wrapper {
	background: #fff;
	position: relative;
	text-align: left;
	max-width: 800px;
	width:expression(document.body.clientWidth > 800? "800px": "auto" );
	margin-right: auto;
	margin-left: auto;
	border-left: 1px solid #a0a515;
	border-right: 1px solid #a0a515;
	border-bottom: 1px solid #a0a515;
}

#nav {
	padding-top: 136px;
}

#srch {
	float: right;
	width: 300px;
	padding-top: 90px;
	text-align: right;
	
	}
/* styles like colh apply to the home page--thus the "h" after col. Likewise, "f" for footer styles.
Variations of the same style, such as mainCol will just get numbers. */

	
#colh1 {
	top: 160px;
	width: 340px;
	margin: 20px 10 5 15;
	text-align: left;
}

#colh2 {
	position: absolute;
	background: #fff url(images/bottom-grad.gif) repeat-x center bottom;
	top: 160px;
	width: 200px;
	margin: 20px 5px 5px 360px;
	padding-bottom: 35px;
	text-align: left;
	border: 1px solid #cccccc;
}

#colh3 {
	position: absolute;
	background: #eee url(images/bottom-grad-w.gif) repeat-x center bottom;
	top: 160px;
	width: 190px;
	margin: 20px 10px 5px 580px;
	text-align: left;
	border: 1px solid #cccccc;
}

#footer {
	clear: both;
	margin: 60px 10px 5px 10px;
	text-align: left;
}

#colf1 {
	width: 300px;
	margin: 30px 10px 15px 10px;
	text-align: left;
}

#colf2 {
	position: relative;
	top: -125px;
	width: 440px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 15px 20px 15px 320px;
	text-align: left;
	border-top: 2px dotted #dddddd;
	border-bottom: 2px dotted #dddddd;

}
#box1 {
	position: absolute;
	top: 800px;
	left: 350px;
	width: 430px;
}

#mainCol {
	margin-left: 100px; margin-right: 100px;
}

#mainCol2 {
	margin-left: 50px; margin-right: 50px;
}

#col1 {
	top: 160px;
	width: 470px;
	margin: 20px 10 5 15;
	text-align: left;
}

#col2 {
	position: absolute;
	top: 160px;
	width: 290px;
	margin: 20px 5px 5px 480px;
	padding: 5px 5px 5px 10px;
	text-align: left;
	border-left: 2px dotted #ddd;
}

#col1b {
	top: 160px;
	width: 330px;
	margin: 20px 50 5 50;
	text-align: left;
}

#col2b {
	position: absolute;
	top: 160px;
	width: 300px;
	margin: 20px 5px 5px 430px;
	padding: 5px 5px 5px 10px;
	text-align: left;
	border-left: 2px dotted #ddd;
	border-left: 2px dotted #ddd;
}


p {margin-left: 10px; margin-right: 10px; font-size: 12px;line-height: 16px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

.medium {font-size: 11px;line-height: 16px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

.norm {font-size: 12px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

.ovrstrk {text-decoration:line-through; line-height: 16px; font-size: 12px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

.txt {font-size: 12px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

.smlltxt {font-size: 10px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

.txtpad {margin-left: 10px; margin-right: 12px; font-size: 12px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

.pad50 {margin-left: 50px; margin-right: 12px; font-size: 12px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

.pad100 {margin-left: 100px; margin-right: 100px; font-size: 12px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

.pad80dbl {margin-left: 80px; margin-right: 80px; font-size: 12px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

.frmtxt {font-size: 12px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

.quotboxb {border-color: #2C69B6; border-style: double; border-width: 3px; margin-top: 20px; margin-bottom: 20px; margin-left: 30px; margin-right: 30px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; background-color: #B9CAF5}

.quotbox { margin-top: 10px; margin-bottom: 10px; margin-left: 50px; margin-right: 15px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; background-color: #ff8822; font-size: 12px; font-weight:bold; font-family: Georgia,'Times New Roman',Times, serif}

.quotxt {position: relative; top: -150px; right: -10px; z-index: 1; font-size: 11px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

.quotex {

	border-top: 2px solid #ba1e11; 
	border-bottom: 2px solid #ba1e11;
	margin: 15px 10px 15px 10px; 
	padding: 10px 10px 10px 10px; 
	font-size: 12px; 
	font-weight:bold; 
	font-style: italic;
}

h1 {margin-left: 10px; margin-right: 10px; font-size: 14px; line-height: 19px; font-weight: bold; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif; color: #a0a515;}

h2 {margin-left: 10px; margin-right: 10px; font-size: 12px; line-height: 18px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif; color: #a0a515;}

h3 {margin-left: 10px; margin-right: 10px; font-size: 12px; line-height: 17px;font-weight: bold; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

h4 {margin-left: 10px; margin-right: 10px; font-size: 11px; line-height: 16px; font-weight: bold; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

.ptcol {text-align: center; font-size: 12px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

.pthdr1 {text-align: center; font-size: 14px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

.wht {color: #ffffff;}

/*td.bg1 {background: white url(images-tl/cleanroom-bkgrnd.jpg) no-repeat top left; padding-top: 20px }*/

/* div.bg1 {background: white url(../lem-images/product-page-header.gif) no-repeat top left; width: 236px; padding: 48 10 10 10; border: 1px solid #548dab; border-collapse: collapse; text-align: left;} */

a:link {color:#dd1122; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

a:hover {color:#707070; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

a:visited {color:#6b2e33; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

a.sml:link {color:#a0a515; font-size: 10px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

a.sml:hover{color:#5c8cbd;  font-size: 10px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

a.sml:visited {color:#777700; font-size: 10px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

a.green:link {color:#7aa742; font-size: 12px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif; font-weight: bold;}

a.green:hover{color:#496428;  font-size: 12px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif; font-weight: bold;}

a.green:visited {color:#496428; font-size: 12px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif; font-weight: bold;}

#garden a:link {color:#7aa742; font-size: 11px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

#garden a:hover{color:#496428;  font-size: 11px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

#garden a:visited {color:#496428; font-size: 11px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

#garden p {font-size: 11px; line-height: 16px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

#garden li {font-size: 11px; line-height: 16px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}


#coastal a:link {color:#5c8cbd; font-size: 11px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

#coastal a:hover{color:#375471;  font-size: 11px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

#coastal a:visited {color:#375471; font-size: 11px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

#coastal p {font-size: 11px; line-height: 16px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

#coastal li {font-size: 11px; line-height: 16px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}


#lake a:link {color:#c97747; font-size: 11px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

#lake a:hover{color:#79472b;  font-size: 11px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

#lake a:visited {color:#79472b; font-size: 11px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

#lake p {font-size: 11px; line-height: 16px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

#lake li {font-size: 11px; line-height: 16px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}


#tuscan a:link {color:#bb4b47; font-size: 11px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

#tuscan a:hover{color:#833432;  font-size: 11px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

#tuscan a:visited {color:#833432; font-size: 11px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

#tuscan p {font-size: 11px; line-height: 16px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

#tuscan li {font-size: 11px; line-height: 16px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}


#urban a:link {color:#1dc2d6; font-size: 11px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

#urban a:hover{color:#117480;  font-size: 11px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

#urban a:visited {color:#117480; font-size: 11px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

#urban p {font-size: 11px; line-height: 16px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

#urban li {font-size: 11px; line-height: 16px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}


/* a.wht:link {color:#ffffff;}

a.wht:hover {color:#f2f2f2;} */

.whtlnk {
color:#ffffff;
font-size: 11px;
font-weight:bold;
font-family: Verdana, Arial, Helvetica, Swiss, sans-serif;
} 

a.whtlnk:link  {
color:#ffffff;
font-size: 11px;
font-weight:bold;
font-family: Verdana, Arial, Helvetica, Swiss, sans-serif;
}

a.whtlnk:hover {
color:#ffff66;
font-size: 11px;
font-weight:bold;
font-family: Verdana, Arial, Helvetica, Swiss, sans-serif;
}

a.whtlnk:visited {
color:#f1f1f1;
font-size: 11px;
font-weight:bold;
font-family: Verdana, Arial, Helvetica, Swiss, sans-serif;
}

ul, li, ol {margin-left: 10px; margin-right: 15px; line-height: 17px; font-size: 12px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}


.tblborder {
	border: 1px solid #338BA6;
	border-collapse: collapse;
}

/* hr {border: none; background-color: #006699; color: #006699; height: 1px; width: 93%;} */

hr {
	border: none 0;
	border-top: 1px solid #a0a515;	
	width: 100%;
	height: 1px;
	margin: 5px 0 8 0;
	text-align: center;
}

hr.2x {
	border: none 0;
	border-top: 2px solid #a0a515;	
	width: 100%;
	height: 1px;
	margin: 5px 0 8 0;
	text-align: center;
}

hr.blue {
	border: none 0;
	border-top: 1px solid #5c8cbd;	
	width: 100%;
	height: 1px;
	margin: 5px 0 8 0;
	text-align: center;
}

hr.red {
	border: none 0;
	border-top: 1px solid #bb4b47;	
	width: 100%;
	height: 1px;
	margin: 5px 0 8 0;
	text-align: center;
}

.shablue {margin: 5px 5 5 5; padding: 5px 5 5 5; background-color: #dce3f5;}

.shagold {margin: 5px 5 5 5; padding: 5px 5 5 5; background-color: #f7f0ae;}

.quotRIP {border: 5px solid black; margin-top: 10px; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; background-color: #eeeeee; font-weight: bold; }

.pbox {border: 1px solid #a1a5a9; padding: 5px 5px 5px 5px; margin: 5px 5px 5px 5px;}

div.floatl {
  float: left;
  }
  
div.floatl p {
   text-align: left;
   width: 265px;
   }

div.floatr {
  float: right;
  }
  
div.floatr p {
   text-align: center;
   width: 280px;
   }

div.floatbr {
  float: right;
  margin: 5px;
  border: 2px dotted #eee;
  }
  
div.floatbr p {
   text-align: center;
   width: 280px;
   }

div.floatbl {
  float: left;
  margin: 10px;
  padding: 2px;
  border: 1px solid #eee;

  }
  
div.floatbl p {
   text-align: left;
   width: 300px;
   }


div.container {
  border: 2px dashed #333;
  background-color: #ffe;
  }
div.spacer {
  clear: both;
  }

.rollover a { display:block; width:140px;}  
.rollover a:hover { display:block; width:140px; background-color: #000066}

/* For image captions; border line not necessary, only the float and width; done as
<div class="figure">
  <p><img src="image.jpg" width="136"
    height="200" alt="My Image">
  <p>This is my image caption
</div>
 */

div.figure {
  float: right;
  width: 50%
  margin: 15px;
  padding: 15px;
}
div.figure p {
  text-align: center;
  line-height: 10px;
  font-size: 9px;
}
img.scaled {
  width: 100%;
}

.bak2top {
	font-family: Arial;
	font-size: 10px;
	color: #dd1122;
	border: 1px dotted;
	border-color: #ccc;
	padding: 2px;
}

.wr_fieldset {
width: 440px; 
margin: 10px 0 10px 0;
padding: 0; }

.wr_fieldset fieldset {
border: dotted 1px #004477; }

.wr_fieldset legend {
color: #dd1122;
font-size: 12px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif; }

.wr_fieldset_pad {
margin: 0;
padding: 5px; }
.mp_required {
color: #af0000; }