/* Layout */
/*-------------------------------*/
body {
font-size: 70%; 
padding: 0 0 0 0px; 
margin:0 0 0 0px;
font-family: "trebuchet ms", verdana, arial, sans-serif;
background-image:url(/media/images/page-bg.jpg);
background-repeat:repeat-x;
position: top left;
color:#666666;
background-image:url(/media/images/page-bg.jpg);
background-position:top;
background-repeat:repeat-x;
}
#container {
width: 746px;
margin: 0px auto;
padding:0 0 0 0px;
}

/* header */
/*-----------------------------------*/
#header{
clear: both; 
width: 746px;
height: 215px; 
background-image:url(/media/images/whirlpool-baths-header1.jpg);
background-position:top;
background-repeat:no-repeat;
}
#header-pimp{
clear: both; 
width: 746px;
height: 215px; 
background-image:url(/media/images/whirlpool-baths-header-pimp.jpg);
background-position:top;
background-repeat:no-repeat;
}
#header-chrom{
clear: both; 
width: 746px;
height: 215px; 
}
#header p{
padding-top:188px;
text-align:right;
color:#666666;
}
#header p a{
text-decoration:none;
color:#ffffff
}
#header p a:hover{
text-decoration:underline;
color:#000000
}
#pagetag{
color:#ffffff;
text-align:left;
height:24px;
padding-top:6px;
}
/* hoizontal top menu */
/*-----------------------------------*/
#topmenu {
clear: both;
width:368px;
padding-left:378px;
padding-top:41px;
float: left; 
display:inline;
direction:ltr;
margin-bottom:3px;
text-align:left;
}
#topmenu a {
color:#0099CC;
text-decoration:none;
}
#topmenu ul{
color:#333333;
text-decoration:none;
display:inline;
direction:ltr;
margin:0 0 0 0px;
padding:0 0 0 0px;
}
#topmenu li{
color:#0099CC;
text-decoration:none;
display:inline;
direction:ltr;
padding-right:0px;
list-style-position:outside;
}
#topmenu li a{
color:#0099CC;
text-decoration:none;
}
#topmenu li a:hover{
color:#003366;
text-decoration:underline;
}
/*-----------------------------------*/

/*-----------------------------------*/
/* vertical right menu */
/*-----------------------------------*/
#menu {
float:left;
width:150px;
margin:0 0 0 0px;
background-image:url(../media/images/Menu-Head.jpg);
background-position:top;
background-repeat:no-repeat;
border-right: 5px solid white;
}
#menu a {
color:#666666;
text-decoration:none;
}
#menu ul{
color:#333333;
text-decoration:none;
margin:0 0 0 0px;
padding:0 0 0 0px;
background-image:url(../media/images/Menu-bg.jpg);
background-position:top center;
background-repeat:repeat-y;
}
#menu li{
color:#003366;
text-decoration:none;
padding-right:0px;
list-style-position:outside;
padding-top:6px;
height:22px;
list-style-type:none;
list-style-image:none;
background-image:url(/media/images/menu-button-bg.jpg);
background-position:bottom;
background-repeat:no-repeat;
}
#menu li a{
list-style-type:none;
list-style-image:none;
color:#003366;
}
#menu li a:hover{
color:#0099CC;
text-decoration:none;
}
/*-----------------------------------*/
/* Links */
/*-----------------------------------*/
#links {
position:relative;
width:150px;
margin:0 0 0 0px;
border-right: 5px solid white;
}
#links a {
color:#666666;
text-decoration:none;
}
#links ul{
color:#333333;
text-decoration:none;
margin:0 0 0 0px;
padding:0 0 0 0px;
}
#links li{
color:#333333;
text-decoration:none;
padding-right:0px;
list-style-position:outside;
height:22px;
list-style-type:none;
list-style-image:none;
}
#liks li a{
list-style-type:none;
list-style-image:none;
color:#333333;
}
#links li a:hover{
color:#666666;
text-decoration:none;
}
/*-----------------------------------*/

/* Content */
/*--------------------*/
.content {
float: left;
width:412px;
padding-left:5px;
padding-right:5px;
}
.content p {
color:#666666;
font-size:100%;
font-weight:normal;
background-image:url(../media/images/Content-bg.jpg);
background-position:top;
background-repeat:no-repeat;
}
.content a {
color:#0099CC;
text-decoration:none;
font-weight:normal;
}
.content a:hover{
color:#003366;
text-decoration:underline
}
.content hr{
color:#999999;
width:380px;
text-align:left;
}
.content li {
color:#666E83;
line-height:13px;
font-size:100%;
text-transform:lowercase;
}
/*-------------------------------*/
/* Content Full Width */
/*--------------------*/
.contentfull {
float: left;
width:573px;
padding-left:5px;
padding-right:5px;
}
.contentfull p {
color:#666666;
font-size:100%;
font-weight:normal;
background-image:url(../media/images/Content-bg.jpg);
background-position:top;
background-repeat:no-repeat;
}
.contentfull a {
color:#0099CC;
text-decoration:none;
font-weight:normal;
}
.content a:hover{
color:#003366;
text-decoration:underline
}
.contentfull hr{
color:#999999;
width:380px;
text-align:left;
}
.contentfull li {
color:#666E83;
line-height:13px;
font-size:100%;
text-transform:lowercase;
}
/*-------------------------------*/

/*Sub Option Big */
/*-----------------------------------------------*/

#sub-chrom {
position:relative;
clear:both;
width: 412px;
}
#sub-pimp {
position:relative;
clear:both;
width: 412px;
background-image:url(/media/images/sub-head-pimp.jpg);
background-position:top;
background-repeat:no-repeat;
padding-top:95px;
}
.sub-body {
position:relative;
clear:both;
width: 380px;
background-image:url(/media/images/Sub-bg.jpg);
background-position:top;
background-repeat:repeat-y;
padding-left:18px;
padding-right:14px;
padding-top:4px;
padding-bottom:4px;
}
.sub-body p{
color:#666666;
}
.sub-body a{
color:#0099CC;
}
.sub-body a:hover {
color:#00688A;
}
#subminor {
position:relative;
clear:both;
padding-top:40px;
width: 156px;  
background-image:url(/media/images/subminor-head.jpg);
background-position:top;
background-repeat:no-repeat;
}
.subminor-body {
position:relative;
clear:both;
width: 144px; 
background-image:url(/media/images/subminor-bg.jpg);
background-position:top;
background-repeat:repeat-y;
padding-left:6px;
padding-right:6px;
padding-top:4px;
padding-bottom:4px;
}
.subminor-body p{
color:#666666;
}
.subminor-body a{
color:#0099CC;
}
.subminor-body a:hover {
color:#00688A;
}

/*Right options */
/*-----------------------------------------------*/

#navright{
float: right; 
width: 156px;  
color:#666666;
padding-left:5px;
margin-bottom:5px;
padding-bottom:5px;
}
#navright p {
color:#666666;
text-align:left;
}
#navright a {
color:#0099CC;
text-align:left;
text-decoration:none;
}
#navright a:hover {
color:#003366;
text-align:left;
text-decoration:underline;
}
#navright-info{
float: right; 
width: 156px; 
margin: 0 0 0 0px ; 
color:#666666;
padding-left:5px;
}
#navright-info ul {
margin:0 0 0 0px;
padding:0 0 0 0px;
}
#navright-info li {
text-transform:lowercase;
list-style-image:none;
list-style-type:none;
margin:0 0 0 0px;
padding-top:6px;
background-image:url(../media/images/bullet.jpg);
background-repeat:no-repeat;
background-position:left top;
padding-left:15px;
}
#navright-info p {
color:#0099CC;
text-align:left;
text-decoration:none;
}
#navright-info a {
color:#0099CC;
text-align:left;
text-decoration:none;
}
#navright-info a:hover {
color:#003366;
text-align:left;
text-decoration:underline;
}
#navright-tech{
float: right; 
width: 156px; 
margin: 0 0 0 0px ; 
color:#666666;
padding-left:5px;
}
#navright-tech a {
color:#0099CC;
text-align:left;
text-decoration:none;
}
#navright-tech a:hover {
color:#003366;
text-align:left;
text-decoration:underline;
}
#navright-range{
float: right; 
width: 156px; 
margin: 0 0 0 0px ; 
color:#666666;
padding-left:5px;
}
#navright-range a {
color:#0099CC;
text-align:left;
text-decoration:none;
}
#navright-range a:hover {
color:#003366;
text-align:left;
text-decoration:underline;
}
#navright-extra{
float: right; 
width: 156px; 
margin: 0 0 0 0px ; 
color:#666666;
padding-left:5px;
}
#navright-extra a {
color:#0099CC;
text-align:left;
text-decoration:none;
}
#navright-extra a:hover {
color:#003366;
text-align:left;
text-decoration:underline;
}
/*-----------------------------------------------*/

/* Footer */
/*-------------------------------*/

#footer {
clear: both;
width: 746px;
text-align: left;
background-color:#ffffff;
margin-top:20px;
padding-top:10px;
border-top:5px solid #003366;
}
#footer p {
color: #66B1DB;
text-decoration: none;
font-size:100%;
}
#footer a {
color: #666666; 
text-decoration: none;
}
#footer a:hover {
color:#0099CC;
text-decoration: none;
}
.footermenu {
position:relative;
width: 100%;
padding-top:10px;
padding-left: 168px;
border-top:1px solid #cccccc
}
.footermenu a{
text-decoration:none;
color:#66666;
}
.footermenu a:hover{
color:#0099CC;
}
/*-------------------------------*/

/* News
/*-----------------------*/

#news{
float: right; 
width: 184px; 
margin: 0 0 0 0px ; 
background-color:#ffffff;
padding-top:50px;
background-image:url(../media/images/news-Head.jpg);
background-repeat:no-repeat;
background-position:top;
}
#news ul{
color:#333333;
text-decoration:none;
margin:0 0 0 0px;
padding:0 0 0 0px;
background-image:url(../media/images/Menu-bg.jpg);
background-position:top center;
background-repeat:repeat-y;
}
#news li{
color:#333333;
text-decoration:none;
padding-right:0px;
padding-left:15px;
list-style-position:outside;
height:19px;
list-style-type:none;
list-style-image:none;
background-image:url(../media/images/news-item-bg.jpg);
background-position:top center;
background-repeat:no-repeat;
font-size:100%;
color:#666666;
padding-top:6px;
}
#news li a{
list-style-type:none;
list-style-image:none;
text-decoration:none;
color:#F76417;
}
#news li a:hover{
text-decoration:underline;
color:#666666;
}
/*-----------------------*/

/* Generic styling */
/*-------------------------------*/
hr {
height:1px;
width:300px;
color:#66B1DB;
margin-bottom:6px;
}
h1 {
font-weight: bold;
font-size: 140%;
color:#003366;
padding: 0 0 0 0px;
margin: 0 0 0 0px;
height:28px;
width:100%;
font-family:Arial, Helvetica, sans-serif;
background-image:url(../media/images/h1-bg.jpg);
background-repeat:repeat-x;
background-position:bottom;
}
h2 {
font-weight: normal;
font-size: 110%;
color:#0099CC;
}
h3 {
font-weight: bold;
font-size: 100%;
color:#003366;
width:100%;
font-family:Arial, Helvetica, sans-serif;
background-image:url(../media/images/h1-bg.jpg);
background-repeat:repeat-x;
background-position:bottom;
}
h4 {
font-weight: bold;
font-size: 110%;
color:#666666;
line-height:10px;
margin:0 0 0 0px;
}