ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

/* Form Buttons*/
input { 
position:static; 
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #464646;/*background:url("images/bg.gif");
background-color: #d9dbdb;*/
	background-color: #dedfdf;
	background-image: url(images/bg.gif);
	background-repeat: repeat;
	background-position: top;
}

ol, ul {
list-style-type:none;}

#wrapper { 
margin: 0 auto;
width: 770px;
border: 1px solid #606060;
background-color:#FFFFFF;}

#header {
color: #333;
width: 770px;
float: left;
height: 170px;
border-top: 10px solid #333;
border-bottom: 2px solid #CCC;}

#navigation {
float: left;
width: 770px;
height:32px;
border-top: 1px solid #8B8B8B;
background: url("images/nav_slice.gif");}

#menunav{
font-size:16px;
text-transform:uppercase;
font-weight:bold;
padding:0 0 0 20px;}

#menunav ul{
margin:0;
padding:0;
list-style-type:none;
float:left;}

#menunav ul li{
display:block;
float:left;
margin:0 1px;}


#menunav ul li ul{	
background-color: #484848;
border-bottom: 1px solid #fff;
font-size:12px;

}

*+ html #menunav ul li ul li a {padding:3px 0pt 0pt 15px; width:145px;}
#menunav ul li ul li a {
display:block;
float:left;
color:#EAF3F8;
text-decoration:none;
padding:3px 0pt 0pt 10px;
height:30px;}



#menunav ul li a{
display:block;
float:left;
color:#EAF3F8;
text-decoration:none;
padding:0 0 0 20px;
height:30px;}

#menunav ul li a span{
padding:8px 55px 0 0;
height:21px;
float:left;}

#menunav ul li a:hover{
color:#fff;
text-decoration: underline;}

#menunav ul li:hover ul { display: block;}

h1 { 
margin:15px 0 0 15px;}

#leftcolumn { 
width: 400px;
float: left;
background: url("images/img_middle.jpg") no-repeat right bottom;}

#select1 #selectsymptom, #select2 #selectproduct, #select3 #selectsound {
left: 100px;
top: 50px;
position:relative;}

input {left:100px;
position:relative;
top:50px;}

#select1 {
background: url("images/img_sympton1.gif") no-repeat ;
width:380px;
height: 102px;
margin: 0 0 35px 8px; }

#select2 {
background: url("images/img_sympton2.gif") no-repeat ;
width:380px;
height:102px;
margin: 0 0 35px 8px;  }

#select3 {
background:url("images/img_sympton3.gif") no-repeat ;
width:252px;
height:80px;
padding: 55px 0px 0px 120px;
background-color:#FFFFFF;
margin: 0 0 35px 8px;  
font-size: 16px;
font-weight:bold;
line-height: 22px;}

#soundbox {
background: url("images/img_soundbox.gif") no-repeat ;
height: 100px;
padding:10px 0px 0px 20px;}

#soundbox h2 {
color:#2673A9;
font-size:20px;
margin:0px;
text-align:left;}

#listbox {
background: url("images/img_leftbox.jpg") no-repeat ;
width:368px;
height:200px;
margin: 10px 0 0 12px;}

#listbox h2 {
color:#2673A9;
font-size:22px;
margin:0pt 0pt 0pt 22px;
padding-top:10px;}

#listbox ul {
float:left;
padding:5px 0 0 0;
margin:0 0 0 8px;
font-size: 12px;}

ul#listleft { width: 170px;}
ul#listright { width: 160px;}

#listbox li {
padding:0 0 3px 20px;
background:url("images/img_arrow.gif") no-repeat 4px 2px;}


#rightcolumn { 
float: right;
width: 365px;
display: inline;}

#rightcolumn h1 { 
margin:15px 0 0 15px;}

#rightcolumn p {
color:#666666;
font-weight:800;
line-height: 18px;
width: 300px;
margin-left:25px;}

body#subpage #rightcolumn #rightbox {
background: url("images/img_rightbox.jpg") no-repeat;
width:300px;
height:185px;
margin: 0 0 0 0;}


#rightbox {
	background: url("images/img_rightbox.jpg") no-repeat;
	width:325px;
	height:185px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 30px;
}



#rightbox p#topP{
	width:240px;
	padding:3;
	margin-top: 18px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 55px;
	text-align: center;
}

#rightbox p#bottomP{
	width:240px;
	margin:6px 0 0 55px;
	padding:0;
	word-spacing: 1px;
	text-align: left;
}

#rightbox h2 {
color:#2673A9;
font-size:22px;
margin:0pt 0pt 0pt 22px;
padding-top:10px;}

hr {
color: #E0E0E0;
background-color: #E0E0E0;
height: 2px;
width:80%;
margin-bottom:15px;}

#video { margin-left:25px; }
#video p{ font-size:14px; margin:15px 0 0 15px; border-bottom: 1px sold #999; padding:0; font-weight:bold; width: 275px;}
#vidLine { margin-left:40px;}
body#subpage #rightcolumn #vidLine { margin-left: 10px;}
.videoHolder {width: 275px; height:140px; padding: 5px 0 0 15px; }
.videoSmall { padding: 5px 0 0 0; width: 125px; height: 100px; float: left; }
.videoBlurb {
	width: 125px;
	height: 120px;
	float: left;
	font-size: 11px;
	text-align: justify;
}

#footer { 
width: 770px;
clear: both;
height: 45px;
color:#FFFFFF;
font-size: 11px;
background:#BCBCBC;
border-top: 1px solid #D4D4D4;}

#footleft {
	background:#BCBCBC;
	width:210px;
	height: 50px;
	float:left;
}
#footleft img { margin: 10px 0 0 15px;}
#footright {
	background:#585858;
	width:560px;
	height: 50px;
	float:left;
}
#footright p {margin: 8px 0 0 15px;}
#footright p a { color:#FFFFFF; text-decoration:none;}

/*SUB PAGE*/
body#subpage #leftcolumn {
width: 465px;
float: left;
background: url(images/img_middle.jpg) no-repeat right;}

body#subpage #leftcolumn h2 {margin:0 0 0 15px;}

body#subpage #rightcolumn { 
float: right;
width: 301px;
display: inline;}

#power { width: 410px;  font-size:18px; font-weight:normal; background:url(images/img_bgPlug.gif) no-repeat; margin-left:25px; margin-bottom:5px;}
#power .question1 { padding:70px 0 25px 100px;}
#power .answer1 {margin:0 0 0 100px; } 
#power .question2 { padding:70px 0 25px 100px;}
#power .answer2 {margin:15px 0 0 100px; } 
#power .question1 ul{ list-style: disc; padding: 0; margin:0 0 0 20px; color: #5B5B5B; font-size:16px;}
#power .answer1 ul { list-style: disc; padding: 0; margin:0 0 0 20px; color: #5B5B5B; font-size:16px;}
#power .answer2 ul { list-style: disc; padding: 0; margin:0 0 0 20px; color: #5B5B5B; font-size:16px;}

#noise { width: 410px; height: 600px; font-size:18px; font-weight:normal; /*background:url(images/img_bgTempfill.gif) no-repeat;*/ margin-left:25px; margin-bottom:5px;}
#noise .question1 { padding:50px 0 25px 10px;}
#noise .answer1 {margin:0px 0 0 20px; } 
#noise .answer1 ul { list-style: none; padding: 0; margin:0 0 0 0px; color: #5B5B5B; font-size:16px;}

#tempfill { width: 410px; height: 600px; font-size:18px; font-weight:normal; background:url(images/img_bgTemp.jpg) no-repeat; margin-left:25px; margin-bottom:5px;}
#tempfill .question1 { padding:70px 0 25px 100px;}
#tempfill .answer1 {margin:30px 0 0 20px; } 
#tempfill .answer2 {background:url(images/img_listen.gif) no-repeat top left; width: 383px; height: 296px;}
#tempfill .question1 ul{ list-style: decimal; padding: 0; margin:0 0 0 20px; color: #5B5B5B; font-size:16px;}
#tempfill .answer1 ul, .answer2 ul { list-style: none; padding: 0; margin:0 0 0 20px; color: #5B5B5B; font-size:16px;}

#agitate { width: 410px; height:600px; font-size:18px; font-weight:normal; background:url(images/img_bgAgitate.gif) no-repeat; margin-left:25px; margin-bottom:5px;}
#agitate .question1 { padding:85px 0 25px 100px;}
#agitate .answer1 {margin:20px 0 0 80px; } 
#agitate .question2 { padding:55px 0 25px 100px;}
#agitate .answer2 {margin:30px 0 0 100px; line-height: 22px;} 
#agitate .question1 ul{ list-style: decimal; padding: 0; margin:0 0 0 20px; color: #5B5B5B; font-size:16px;}
#agitate .answer1 ul { list-style:none; padding: 0; margin:0 0 0 20px; color: #5B5B5B; font-size:16px;}
#agitate .answer2 ul { list-style:none; padding: 0; margin:0 0 0 20px; color: #5B5B5B; font-size:16px;}

#leaking { width: 410px; height: 600px; font-size:18px; font-weight:normal; background:url(images/img_bgLeaking.jpg) no-repeat; margin-left:25px; margin-bottom:5px;}
#leaking .question1 { padding:70px 0 25px 100px;}
#leaking .answer1 {margin:20px 0 0 100px; } 
#leaking .answer2 {margin:35px 0 0 100px; line-height: 22px;} 
#leaking .question1 ul{ list-style: decimal; padding: 0; margin:0 0 0 20px; color: #5B5B5B; font-size:16px;}
#leaking .answer1 ul { list-style:none; padding: 0; margin:0 0 0 20px; color: #5B5B5B; font-size:16px;}
#leaking .answer2 ul { list-style:none; padding: 0; margin:0 0 0 20px; color: #5B5B5B; font-size:16px;}

#balance { width: 410px; height:590px; font-size:18px; font-weight:normal; background:url(images/img_bgBal.jpg) no-repeat; margin-left:25px; margin-bottom:5px;}
#balance .question1 { padding:70px 0 25px 100px;}
#balance .answer1 {margin:30px 0 0 80px; } 
#balance .question1 ul{ list-style: decimal; padding: 0; margin:0 0 0 20px; color: #5B5B5B; font-size:16px;}
#balance .answer1 ul, .answer2 ul { list-style: none; padding: 0; margin:0 0 0 20px; color: #5B5B5B; font-size:16px;}

#drainspin { width: 410px; height: 600px; font-size:18px; font-weight:normal; background:url(images/img_bgDrainspin.gif) no-repeat; margin-left:25px; margin-bottom:5px;}
#drainspin .question1 { padding:70px 0 25px 100px;}
#drainspin .answer1 {margin:30px 0 0 80px; } 
#drainspin .question1 ul{ list-style: decimal; padding: 0; margin:0 0 0 20px; color: #5B5B5B; font-size:16px;}
#drainspin .answer1 ul, .answer2 ul { list-style: none; padding: 0; margin:0 0 0 20px; color: #5B5B5B; font-size:16px;}

.question1 ul{ list-style: disc; padding: 0; margin:0 0 0 20px; color: #5B5B5B; font-size:16px;}
.answer1 ul, .answer2 ul { list-style:decimal; padding: 0; margin:0 0 0 20px; color: #5B5B5B; font-size:16px;}

/*FAQ PAGE*/
#faq .qa {
font-family: Arial, Helvetica, sans-serif;
color: #990000;
font-size: 28px;
font-weight: bold;}

#faq .answer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #2673a9;
}

#faq .answer ul li{ 
list-style: disc; 
padding: 0;
margin:0px 0px 0px 5px;}


/*ABOUT PAGE*/
#about {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #464646;}


/*LEGAL PAGE*/
#legal {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #464646;}

/*PRODUCT PAGE*/
#product .salesbox {
background: #F7F7F7;
border: 1px dotted #CCCCCC;
padding: 10px;
background:url(images/dogear.jpg) no-repeat top right;
width: 700px;
margin: 15px 15px 15px 15px;
font-size:16px;
height: 170px;
}

#product .salesboxLarge {
background: #F7F7F7;
border: 1px dotted #CCCCCC;
padding: 10px;
background:url(images/dogear.jpg) no-repeat top right;
width: 700px;
margin: 15px 15px 15px 15px;
font-size:16px;
height: 170px;
}

#product .salesbox h3{
margin: 0 0 5px 0; padding:0;}

#product .salesbox img{
margin: 0 0 0 0;}

#product .salesbox .videoSmall { /*background:url(images/img_smallVideoPH.gif) no-repeat top left;*/ width: 185px; height: 210px; float: left; }

#product .drive-system {height: 250px;}

#product .salesbox .leftcolumn {width: 310px; margin-left:-8px;}
#product .salesbox .rightcolumn {width: 310px; margin-left:55px;}
#product .salesbox .rightcolumn .videoBlurb h3{width: 200px;}

#product .specials {
border: 1px solid #227fd8;
padding: 0px;
background:url(images/specials.gif) no-repeat;
width: 600px;
height: 150px;
text-align:left;
clear:both;}

*html #product .specials p, *+ html #product .specials p{
padding: 15px 15px 15px 150px;
font-size:18px;
font-weight:bold;
padding: 15px 15px 15px 150px;
font-size:18px;
font-weight:bold;}

#product .specials p{
padding: 0px 15px 15px 150px;
font-size:18px;
font-weight:bold;}

#product .salesbox h3{
margin: 0 0 5px 0; padding:0;
}

#product .salesbox img{
margin: 0 0 0 0;
}


#product .leftcolumn {
width: 380px;
float: left;
/*background: url(images/img_middle.jpg) no-repeat right;*/}

#product .rightcolumn { 
float: left;
width: 380px;
display: inline;}

*html #product .videoHolder {width: 365px; height:150px;}

#product .videoHolder {width: 375px; height:150px; padding: 15px 0 0 15px; }
#product .videoSmall { /*background:url(images/img_smallVideoPH.gif) no-repeat top left;*/ width: 135px; height: 110px; float: left; }
#product .videoBlurb {width: 225px; height: 110px; float: left;}
#product .videoBlurb h3{ font-size:16px; margin:0 0 5px 0; border-bottom: 1px solid #999; padding:0; font-weight:bold; width: 220px;}
#product .videoBlurb p{ font-size:14px; margin:0 0 0 0; padding:0; width: 210px;}
#product .videoBlurb img{ margin: 5px 0 10px 0; padding:0;}
p {
	text-align: justify;
	margin: 4px;
	padding: 4px;
	color: #2673A9;
}
