/* CSS Document */
body{
font: 100% Arial, Helvetica, sans-serif;
}

#container {
	width:755px;
	height:auto;
	margin:0 auto;
	padding:0;
}

.logo {
	margin-top:35px;
	margin-left:5px;
	float:left;
}

#banner {
	background-color:#76849E;
	height:auto;
	width:100%;
	float:left;
}

spacer{
width:50px;
height:25px;
display:block;
position:relative;
}
spacer1{
width:50px;
height:25px;
visibility:hidden;
}

.article1{
overflow-y:hidden;
padding-right:10px;
height: auto; 
width:100%; 
color:black; 
font:Arial, Helvetica, sans-serif; 
position:relative; 
visibility:visible; 
display:block;
float:left;
}

.article2{
overflow-y:hidden;
padding-right:10px;
height: auto; 
width:100%; 
color:black; 
font:Arial, Helvetica, sans-serif;
position:relative; 
visibility:visible; 
display:block;
float:leftt;
}
.article3{
overflow-y:hidden;
padding-right:10px;
height: auto; 
width:100%; 
color:black; 
font:Arial, Helvetica, sans-serif;
position:relative; 
visibility:visible; 
display:block;
float:right;
}

#news_description{
color:#000000;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#444444;
}

#bw_feed_container{
width:747px;
float:left;
display:block;
position:relative;
height:auto;
}

#rss_container{
width:747px;
float:left;
display:block;
position:relative;
}
.rss_heading{
font-size:11px;
color:#000000;
}

.rss_date{
color:#990000;
font-size:10px;
}

.rss_description{
color:#000000;
font:Arial, Helvetica, sans-serif;
font-size:normal;
size:12px;
}

#rss_header_1{
background-image:url(images1/rss_header.gif);
display:block;
position:relative;
width:747px;
height:22px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
text-align:left;
padding-left:10px;
padding-top:6px;
margin-bottom:2px;
overflow:hidden;
float:left;
}
#rss_header_2{
background-image:url(images1/rss_header.gif);
display:block;
position:relative;
width:747px;
height:22px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
text-align:left;
float:left;
padding-left:10px;
padding-top:6px;
margin-bottom:10px;
overflow:hidden;
}

#rss_footer{
background-image:url(images1/rss_footer.gif);
width:747px;
height:22px;
overflow:hidden;
display:block;
position:relative;
float:left;
text-align:center;
}

#bottom_menu a:link {
text-decoration:none;
font-size:12px;
color:#FFFFFF;
}
#bottom_menu a:hover {
text-decoration: none;
font-size:12px;
color:#333333;
}
#bottom_menu a:visited {
text-decoration: none;
color:#FFFFFF;
font-size:12px;
}


H2{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
font-size:16px;
}

a img {
	border: none;
}

#contentHolder {
width:757px;
height:auto;
display:block;
position:relative;
}

#leftSideHolder {
width:589px;
height:auto;
position:relative;
display:block;
margin:0px;
padding:0px;
margin-top:0px;
float:left;
}

#rightSideHolder {
width:168px;
height:426px;
position:relative;
display:block;
float:left;
margin:0px;
padding:0px;
margin-top:0px;
float:right;
background:url(images/rightside_bgd.jpg) no-repeat;
}

#leftMain {
width:579px;
height:277px;
position:relative;
display:block;
padding-top:1px;
padding-bottom:5px;
padding-left:4px;
border:0px solid #445984;
margin:0px;
overflow:hidden;
}

#leftInfo {
width:589px;
height:245px;
position:relative;
display:block;
overflow:hidden;
}

#vanity{
	position:relative;
	display:inline;
	float:left;
	width:293px;
	height:245px;
	background-image:url(/images1/vanity_viewer_front.jpg);
	overflow:hidden;
	}
#vanity span{
	display:block;
	width:293px;
	height:50px;
	vertical-align:top;
	}
	
#vanity span h1{
	font-size:22px;
	color:#dae7ff;
	text-align:center;
	}
	
#tapware{
	position:relative;
	display:inline;
	float:left;
	width:293px;
	height:245px;
	background-image:url(/images1/tapware_viewer_front.jpg);
	margin-left:2px;
	overflow:hidden;
	}
	
#tapware span{
	display:block;
	width:293px;
	height:50px;
	vertical-align:top;
	}
	
#tapware span h1{
	font-size:22px;
	color:#ffda91;
	text-align:center;
	}
	
#bathroom{
	position:relative;
	width:588px;
	height:245px;
	background-image:url(../images/vanities.jpg);
	margin-bottom:5px;
	overflow:hidden;
	}
	
#bathroom span{
	display:block;
	font-size:32px;
	color:#084373;
	text-align:center;
	margin-top:80px;
	}
	
#bathroom span a:link{
	color:#084373;
	text-decoration:none;
	}
	
#bathroom span a:visited{
	color:#084373;
	text-decoration:none;
	}
	
#bathroom span a:active{
	color:#084373;
	text-decoration:none;
	}
	
#bathroom span a:hover{
	color:#FF0000;
	text-decoration:underline;
	}

#latestProducts {
width:589px;
height:180px;
position:relative;
display:block;
background-image:url(images1/bottomBack.jpg);
overflow:hidden;
}

.leftBar {
width:589px;
height:18px;
overflow:hidden;
background-image:url(images1/leftBar.jpg);
}


/*rightSide*/

#right1 {
width:160px;
height:50px;
position:relative;
display:block;
padding-left:7px;
padding-top:8px;
overflow:hidden;
}

#right2 {
width:156px;
height:30px;
position:relative;
display:block;
padding-left:12px;
overflow:hidden;
}

#right3 {
width:160px;
height:20px;
position:relative;
display:block;
padding-left:8px;
overflow:hidden;
}

#right4 {
width:160px;
height:33px;
position:relative;
display:block;
padding-left:8px;
overflow:hidden;
}

#right5 {
width:156px;
height:30px;
position:relative;
display:block;
padding-left:12px;
overflow:hidden;
}


/* navigation area*/
.button {
width:113px;
height:30px;
display:block;
position:relative;
padding-top:9px;
margin-left:10px;
margin-top:10px;
margin-bottom:0px;
background-image:url(images1/navButton.gif);
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
text-align:center;
cursor:pointer;
}

.button a:link {
text-decoration: none;
color:#FFFFFF;
}
.button a:hover {
text-decoration: none;
color:#333333;
}
.button a:visited {
text-decoration: none;
color:#FFFFFF;
}



#col1{
width:123px;
height:421px;
display:block;
position:relative;
float:left;
}
#col2{
width:123px;
height:421px;
display:block;
position:relative;
float:left;
}
#col3{
width:303px;
height:421px;
display:block;
position:relative;
float:left;
}

#ad1{
width:250px;
height:26px;
margin-top:4px;
margin-left:80px;
}

#christmas{
width:290px;
height:399px;
margin-top:4px;
margin-left:30px;
}

/*info section*/
.infoHeader{
width:284px;
height:22px;
display:block;
position:relative;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
text-align:left;
padding-left:10px;
padding-top:9px;
}

.infoHeader a:link {
text-decoration: none;
color:#FFFFFF;
}
.infoHeader a:hover {
text-decoration: none;
color:#333333;
}
.infoHeader a:visited {
text-decoration: none;
color:#FFFFFF;
}

.infoItemLeft{
width:124px;
height:150px;
display:block;
position:relative;
float:left;
padding-left:17px;
padding-top:14px;
padding-right:6px;
color:#000000;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
overflow:hidden;
}

.infoItemLeft a:link {
text-decoration:underline;
color:#0066CC;
}
.infoItemLeft a:hover {
text-decoration: none;
color:#333333;
}
.infoItemLeft a:visited {
text-decoration:underline;
color:#0066CC;
}

.infoItemRight{
width:137px;
height:150px;
display:block;
position:relative;
float:left;
padding-top:14px;
padding-right:10px;
color:#000000;
font-size:9px;
font-family:Verdana, Arial, Helvetica, sans-serif;
overflow:hidden;
}

#latestHeader{
width:579px;
height:24px;
display:block;
position:relative;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
text-align:left;
padding-left:10px;
padding-top:11px;
overflow:hidden;
}

#latestContent1{
width:113px;
height:137px;
display:block;
position:relative;
float:left;
text-align:center;
color:#000000;
padding-left:9px;
padding-top:3px;
font-size:12px;
overflow:hidden;
}

#latestContent1 a:link {
text-decoration: none;
color:#000000;
}
#latestContent1 a:hover {
text-decoration: none;
color:#333333;
}
#latestContent1 a:visited {
text-decoration: none;
color:#000000;
}

#latestContent2 a:link {
text-decoration: none;
color:#000000;
}
#latestContent2 a:hover {
text-decoration: none;
color:#333333;
}
#latestContent2 a:visited {
text-decoration: none;
color:#000000;
}


#latestContent3 a:link {
text-decoration: none;
color:#000000;
}
#latestContent3 a:hover {
text-decoration: none;
color:#333333;
}
#latestContent3 a:visited {
text-decoration: none;
color:#000000;
}


#latestContent4 a:link {
text-decoration: none;
color:#000000;
}
#latestContent4 a:hover {
text-decoration: none;
color:#333333;
}
#latestContent4 a:visited {
text-decoration: none;
color:#000000;
}


#latestContent5 a:link {
text-decoration: none;
color:#000000;
}
#latestContent5 a:hover {
text-decoration: none;
color:#333333;
}
#latestContent5 a:visited {
text-decoration: none;
color:#000000;
}

#latestContent2{
width:111px;
height:137px;
display:block;
position:relative;
float:left;
padding-left:5px;
padding-top:3px;
text-align:center;
color:#000000;
font-size:12px;
overflow:hidden;
}
#latestContent3{
width:115px;
height:137px;
display:block;
position:relative;
padding-top:3px;
padding-left:2px;
float:left;
text-align:center;
color:#000000;
font-size:12px;
overflow:hidden;
}
#latestContent4{
width:117px;
height:137px;
display:block;
position:relative;
padding-top:3px;
float:left;
text-align:center;
color:#000000;
font-size:12px;
overflow:hidden;
}
#latestContent5{
width:113px;
height:137px;
display:block;
position:relative;
float:left;
text-align:center;
padding-left:0px;
padding-top:3px;
color:#000000;
font-size:12px;
overflow:hidden;
}

.latestProd {
width:103px;
height:103px;
overflow:hidden;
margin-bottom:3px;
}


.right1Image{
width:143px;
height:30px;
margin-bottom:8px;
}

.right1Heading{
width:159px;
height:25px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
font-size:15px;
color:#FFFFFF;
padding-top:9px;
margin-bottom:5px;
border-bottom:1px solid #FFF;
}

.right1Text{
width:150px;
height:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:left;
padding-left:4px;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
}

.right1Text a:link {
text-decoration: none;
color:#FFFFFF;
}
.right1Text a:hover {
text-decoration: none;
color:#FFFFFF;
}
.right1Text a:visited {
text-decoration: none;
color:#FFFFFF;
}

.right2Image{
width:143px;
height:107px;
margin-bottom:8px;
margin-top:9px;
}
.right2Text{
width:150px;
height:27px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:left;
padding-left:4px;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
}

.right2Text a:link {
text-decoration: none;
color:#FFFFFF;
}
.right2Text a:hover {
text-decoration: none;
color:#FFFFFF;
}
.right2Text a:visited {
text-decoration: none;
color:#FFFFFF;
}


.right5Heading{
width:143px;
height:35px;
padding-top:9px;
margin-bottom:2px;
}

.right5Image{
width:143px;
height:95px;
margin-bottom:6px;
margin-top:4px;
}
.right5Text{
width:143px;
height:32px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
font-size:12px;
color:#3366CC;
}

.right5Text a:link {
text-decoration: none;
color:#ffffff;
}
.right5Text a:hover {
text-decoration: none;
color:#333333;
}
.right5Text a:visited {
text-decoration: none;
color:#ffffff;
}


.middlePic{
width:120px;
height:122px;
margin-left:8px;
border:2px solid #999999;
}




/*------------------- search -------------------*/

#search {
	float:right;
	width:355px;
	padding-bottom:5px;
}

#search p {
	margin:0;
	padding-left:15px;
	float:right;	
	font-size:0.6em;
}

#search .login {
	padding:0;
	width:300px;
	float:right;
	text-align:right;
}

#search p a {
	color:#999999;
}

#search p a:hover {
	color:#b2b2b2;
}

.search-call {
	color:#000;
	text-align:center;
	margin:0;
	width:355px;
	padding:5px 0 5px 0;
	margin-top:40px;
	margin-right:15px;
}

.search-contact {
	color:#000;
	text-align:center;
	margin:0;
	width:355px;
	padding:5px 0 5px 0;
	margin-right:15px;
}

#search .search-call a {
	color:#000;
	text-decoration:none;
	font-size:1em;
}

#banner .search-call p {
	margin:0;
	padding:0;
	color:#000;
	margin-right:15px;
	font-size:1em;
}

#search .search-contact a {
	color:#5a5a5a;
	text-decoration:none;
	font-size:1.2em;
}

#banner .search-contact p {
	margin:0;
	padding:0;
	color:#000;
	margin-right:15px;
	font-size:1em;
}

/*------------------ nav --------------------*/
#nav_holder{
margin: 0;
padding:0;
height:auto;
width:100%;
float:left;
background-color:#76849E;
}

#nav {
	padding-left:10px;
}

#nav li {
	font-size:0.8em;
	list-style:none;
	position:relative;
	background:url(/images/nav-back2.jpg) top left repeat-x;
	margin-left:3px;
	float:right;

}

#nav li a {
	color:#fff;
	text-decoration:none;
	padding:7px 13px 7px 13px;
	font-weight:bold;
	line-height:30px;
	background:url(/images/nav-front2.jpg) top left repeat-x;
}

#nav li a:hover {
	color:#fff;
	background:#ccc;
	background:url(/images/nav-back2.jpg) top left repeat-x;
	color:#fff;
}

.currentpage {
	color:#d2d2d2;
	text-decoration:none;
	font-weight:bold;
	line-height:31px;
	padding:0 13px 0 13px;
	margin:0;
	color:#d2d2d2;
}

#nav li ul {
	position:absolute;
	display:none;
	margin:0;
	padding:0;
	z-index:1000;
	background:#333333;
	width:100%;
	_width:100px;
	_left:0;
	_top:30px;
}

#nav li:hover ul, #nav li.over ul {
	display:block;
}

#nav li ul li {
	float:left;
	font-weight:normal;
	width:100%;
	margin-left:0;
}

#nav li ul li a {
	float:left;
	width:100%;
	color:#fff;
	line-height:15px;
	padding:8px;
	max-width:300px;
	background:#333333;
	font-weight:normal;
	font-size:1.1em;
	border-bottom:1px solid #444444;
}

#nav li ul li.currentpage {
	float:left;
	width:100%;
	color:#FFFFFF;
	line-height:15px;
	padding:8px;
	max-width:300px;
	font-size:0.9em;
	color:#000;
	border-bottom:6px solid #999;
}

#nav li ul li a:hover {
	color:#fff;
	background:none;
	background:#666;
}

.footer{
	text-align:center;
	font:10px Arial, Helvetica, sans-serif;
	color:#FFF;
	}
	
.footer a{
	color:#FFF;
	text-decoration:none;
	}
	
.footer a:link{
	color:#FFF;
	text-decoration:none;
	}
	
.footer a:visited{
	color:#FFF;
	text-decoration:none;
	}
	
.footer a:hover{
	color:#FFF;
	text-decoration:underline;
	}

#hidden_text{
	position:absolute;
	margin:0 auto;
	text-align:left;
	font:11px Arial, Helvetica, sans-serif;
	background-color:#FFF;
	color:#000;
	top:10px;
	left:10px;
	right:10px;
	}
	
#mySemBlock {
	background-color:#FFF;
	color:#000;
	display:none;
	font:11px Arial, Helvetica, sans-serif;
	padding:10px;
	position:absolute;
	left:25%;
	right:25%;
	top:500px;
	width:500px;
	height:400px;
	z-index:5;
}

#christmas_message{
	position:relative;
	font:13px Verdana, Arial, Helvetica, sans-serif;
	width:582px;
	height:130px;
	color:#264e1c;
	border:2px dashed #FF0000;
	margin-bottom:10px;
	line-height:1.5;
	}
	
#christmas_message span{
	display:block;
	margin:0 5px 0 5px;
	}
	
#christmas_message img{
	float:left;
	margin-right:5px;
	}