body{margin:0; padding:0; background:url(images/body_bg.gif) repeat-x #0094c1; font-family: Arial, Helvetica, sans-serif; height:100%;}
:focus{outline:none;}
#wrapper{margin:0; padding:0; background:url(images/shower-heads.gif) no-repeat; width:710px; height:100%;} 
#main_logo{margin:0 10px 0 150px;}

#nav {width: 200px; margin-top:25px; height:100%;}
#nav ul{margin:0px 0 -3px 0; padding:0 0 10px 0; list-style-type: none; font-family: Arial, Helvetica, sans-serif; font-size:90%; background: url(images/nav_bot.gif) bottom right; border-top: 1px solid #eee}
#nav li a{display: block; margin:0; padding: 5px; width: 189px; background:url(images/nav_bg.gif) repeat-y #fff; border-bottom: 1px solid #eee; border-right:1px solid #fff; text-decoration: none; text-align:right;}
#nav a:link, #nav a:visited{color: #0094c1;  margin:0;}
#nav a:hover{ background:url(images/nav_bg_over.gif) no-repeat; color: #0094c1;  margin:0;}
#nav p{width:180px; background:url(images/nav_bot.gif) bottom; margin:0; padding:3px 10px; font-size:60%; color:#666;}
.chatbox{width:180px; height:80px; background:url(images/nav_bot.gif) bottom; margin:0; padding:3px 10px;}

a.button{margin:0 0 10px 0; padding:0; background:none;}
a:hover.button{ background:none;}

#content{float:right; width:500px; margin:25px 0 10px 0; font-size:90%; color:#666; background:url(images/content-bot.gif) bottom no-repeat; height: 100%;}
#content p{margin:0; padding:5px 10px;}
#content h1{background:url(images/content-top.gif) no-repeat #fff; margin:0; padding:5px 10px; color:#0094c1; font-size:21px;}
#content h2{margin:0; padding:5px 10px; color:#0094c1; font-size:18px;}
#content ol, ul{margin:0; padding:5px 15px 5px 30px;}
#content .sub{width:230px; margin:5px 0 0 0; float:left;  padding:0 0 0 25px;}
#content .sub1{width:230px; margin:5px 0 0 0; float:left;  padding:0 0 0 10px;}
#content  a{color: #069;}
#content  a:hover{color:#0094c1;}

.product_box{width:230px; margin:10px 0 0 10px; float:left; background:url(images/content_box_bg.gif) bottom center no-repeat; padding-bottom:10px;}
.product_box img {float:left; border:1px solid #666; margin:4px 5px 5px 0;}
.product_box h2{margin:0; padding:0; font-size:14px; color:#0094c1;}
.product_box p{margin:5px; font-size:80%; color:#666; background:none;}
.product_box p a:link, .product_box p a:visited{color:#0d75aa; text-align:right; text-decoration:none;}
.product_box p a:hover{color:#7DBEDF; text-align:right; text-decoration:none;}

.extra{background:url(images/extra_box_bot.gif) bottom left no-repeat; width:240px; float:right; margin:5px 0px ; padding:0 0 20px 0; }
.extra h3{Color:#0094c1; margin:0; padding:8px 0 0 10px; background:url(images/extra_box_top.gif) top left no-repeat;}
.extra p{ margin:0px 0 0 15px; padding:0; width:200px; font-size:80%;}

#design_button {float:right;height:50px; width:100px; display:block; margin:5px 10px;}
#design_button a{background:url(images/design-button.gif) no-repeat;display:block;}
#design_button a:hover{background-position:0 -50px; background-repeat:no-repeat;}

.copy {font-size:70%; float:right; margin:3px 15px 3px 0px;}
.copy a{color: #069;}
.copy a:hover{color:#0094c1;}

.foot {font-size:70%; float:left; margin:3px 10px 3px 15px;}
.foot a{color: #069;}
.foot a:hover{color:#0094c1;}

.two_image_block img{margin:0 0 9px 9px; padding:2px ; border:1px solid #0094c1; background:/*url(images/img_bg.gif) bottom repeat-x*/ #fff;}
.three_image_block img{margin:0 0 6px 6px; padding:2px ; border:1px solid #0094c1; background:/*url(images/img_bg.gif) bottom repeat-x*/ #fff;}
.one_image{margin:5px 10px; padding:2px ; border:1px solid #0094c1; background:/*url(images/img_bg.gif) bottom repeat-x*/ #fff; float:right;}
#suppliers{padding:5px;}
#suppliers p{padding-left:150px;}
#suppliers h2{padding-left:150px;}
#suppliers img{float:left;}
#sale{margin:0 0 0 5px;}
.no_margin{margin:-3px 0;}
.minus4{margin-bottom:-4px;}
.img_box{margin-left:5px;}
.img_box img{margin-left:7px;}
.clear{clear:both}
.red{color:#f00; border-bottom: 1px dotted #f00; font-weight:bold; }
.plink{text-align:center; padding:4px; color:#f00; font-weight:bold;}
.right{float:right; margin:5px 10px;}
.left{float:left; margin:5px 10px;}
.opening{width:250px; float:right; margin:5px 10px; padding:10px; }
.contact_nudge{text-align:left; float:left; width:120px;  margin:0px 5px; padding:0px; border:0px solid red;}

/*------NET INFORM STUFF--------*/
#Professional {float:left; width:200px; background:url(images/nav_bg.gif) repeat-y #fff; text-align: right; font:normal 140% Verdana, sans-serif; color:#777;}
#Professional p {background: none; width: 180px; color: #777;}
#Professional a {text-decoration: none; background:none;}
#Professional a:hover {text-decoration: none; background:none;}
#EndProfessional {background:url(images/nav_bot2.gif) repeat-y #fff; margin-bottom: 5px; width: 200px; height: 10px; padding: 0;}

.MSText{padding:0px; font:normal 80% Verdana, sans-serif; color:#777;}
.MSText a{text-decoration:none; color:#777; font-size: 80%;}
.MSText a:hover{text-decoration:underline; color:#5b99cc}
/*------NET INFORM end--------*/


/*------LIGHTBOX STUFF--------*/
#lightbox{position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	}
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;}
/*------LIGHTBOX STUFF-------end-*/