/* Layout */ /*-------------------------------*/ body { font-size: 100%;  padding: 0 0 0 0px;  margin:0 0 0 0px; font-family: "trebuchet ms", verdana, arial, sans-serif; background-image:url(page-bg.jpg); background-repeat:repeat-x; color:#666666; } #container { width: 960px; margin: 0px auto; padding:0 0 0 0px; } /* header */ /*-----------------------------------*/ #header{ clear: both;  width: 960px; height: 215px;  background-image:url(whirlpool-baths-header1.jpg); background-position:top; background-repeat:no-repeat; text-align:right; display: inline-block; } #name{ background-image:none; } #header-pimp{ clear: both;  width: 746px; height: 215px;  background-image:url(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:30px; padding-top:0px; } /* 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(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(Menu-bg.jpg); background-position:top center; background-repeat:repeat-y; line-height:95%; } #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(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:624px; padding-left:5px; padding-right:5px; } .content p { color:#666666; font-size:100%; font-weight:normal; background-image:url(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(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(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(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(subminor-head.jpg); background-position:top; background-repeat:no-repeat; } .subminor-body { position:relative; clear:both; width: 144px;  background-image:url(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(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: 960px; 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:#666666; } .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(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(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(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(h1-bg.jpg); background-repeat:repeat-x; background-position:bottom; text-align: left; } 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(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; }