@charset "utf-8";
/* CSS Document */

body{
margin: 0px;
background-image: url('../img/template/top_bg.png'); 
background-repeat:repeat-x;
background-position: top;
}


a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #99c3ce;
text-decoration: underline;
}

a:hover{
text-decoration: none;
}


.clear{
clear: both;
position:relative;
}

.verdana_header{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 22px;
color: #0c4db2;
}

.arial_large{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #ffffff;
}

.arial_large_gray{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #4f4f4f;
}


#wrapper{
width: 870px;
margin: 0 auto;
}

.wrapper{
width: 870px;
margin: 0 auto;
}

#logo{
float:left;
width: 280px;
padding-left: 20px;
}

#logo img{
	border: none;
}
#telephone{
float:right;
padding-right: 20px;
width: 250px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
/*color: #6b6b6b;*/
color: #010101;
font-size: 12px;
line-height: 22px;
padding-top: 20px;
}

#telephone a{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
/*color: #99c3ce;*/
color: #010101;
text-decoration: underline;
}

#telephone a:hover{
	text-decoration: none;
}

#telephone p{
	background-image: url('../img/template/phone.png');
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0px 0px 0px 60px;
	margin: 0px;
}

.big{
	font-size: 24px;
	line-height: 27px;
	font-weight: bold;
}

#address{
float:right;
width: 170px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #010101;
line-height: 18px;
font-size: 12px;
padding-right: 20px;
padding-top: 20px;
}

.navWrapper{
	background-image: url('../img/template/menu_bg.png');
	background-repeat: repeat-x;
	background-color: #3b3b3b;
	background-position: center center;
	border-top: solid 1px #494b4e;
}

.navWrapper2{
	border-top: solid 1px #dbdbdc;
}

#navigation{

padding: 5px 0px 5px 20px;
float:left;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #ffffff;

}

#navigation a{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #c8c8c8;
text-decoration:none;
margin-right: 0px;
background-image: url('../img/template/menu_separator.png');
background-position: right center;
background-repeat: no-repeat;
float: left;
padding: 5px 7px 5px 4px ;
}

#navigation a:hover{
text-decoration:none;
color: #ffffff;
}

#navigation a.nav_main_on{
	color: #ffffff;
}

#search{
float:left;
padding: 7px 0px 3px 0px;
text-align:right;
width: 175px;
margin: 0px;
line-height: 20px;
vertical-align:middle;
font-size: 11px;

}

.input{
padding: 3px;
background-color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #6b6b6b;
border: 1px solid #ffffff;
float:left;
width: 115px;
margin-left: 10px;
margin-right: 5px;
}

.mainbg{
	background: url('../img/template/main_bg.png') repeat-x top;
}

#button{
float:left;
}


#bathrooms{
margin: 20px 0px 0px 0px;
float:left;
width: 435px;
height: 329px;
background-image: url('../img/template/bathrooms_bg.jpg');
}

#bathroom_box{
background-color: #afa8d3;
margin-top: 220px;
width: 300px;
filter:alpha(opacity=80);
-moz-opacity:.80;
opacity:.80;
padding: 0px 0px 10px 0px;
}
#bathroom_box .arial_large{
	color: #000000;
}
#bathoom_text{
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
line-height: 16px;
padding: 10px 10px 5px 10px;
}

#bathroom_blue{
font-weight: bold;
width: 180px;
padding: 3px 0px 6px 0px;
margin-bottom: 10px;
background: #0c4db2;
margin:0px 0px;
}

#bathroom_blue a{
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #ffffff;
text-decoration:underline;
padding: 10px;
}

#bathroom_blue a:hover{
text-decoration:none;
}


#kitchen{
margin: 20px 0px 0px 0px;
float:left;
width: 435px;
height: 329px;
background-image: url('../img/template/kitchens_bg.jpg');
}


#kitchen_box{
background-color: #99c3ce;
margin-top: 220px;
width: 300px;
float:right;
filter:alpha(opacity=70);
-moz-opacity:.70;
opacity:.70;
padding: 0px 0px 10px 0px;
}

#kitchen_text{
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
line-height: 16px;
padding: 10px 10px 5px 10px;
}

#kitchen_blue{
font-weight: bold;
width: 180px;
padding: 3px 0px 6px 0px;
margin-bottom: 10px;
background: #0c4db2;
margin:0px 0px;
}

#kitchen_box .arial_large{
	color: #000000;	 
 }

#kitchen_blue a{
font-family: Arial, Helvetica, sans-serif;
color: #ffffff;
text-decoration:underline;
padding: 3px 10px 5px 10px;
font-weight: bold;
}

#kitchen_blue a:hover{
text-decoration:none;
}

.products{
float:left;
width: 186px;
margin-right: 8px;
margin-top: 5px;
}

#product_bathroom{
background: url('../img/template/box1_bot.png') no-repeat bottom #c7c2e0;
padding: 10px;
width: 166px;
float:left;
margin-right: 8px;
margin-top: 0px;
}

#product_bathroom a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #5b5673;
text-decoration:none;
}
#product_bathroom a:hover{
text-decoration:none;
}


#product_kitchen{
background: url('../img/template/box2_bot.png') no-repeat bottom #b7d5dd;
padding: 10px;
width: 166px;
float:left;
margin-right: 8px;
margin-top: 0px;
}

#product_kitchen a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #475e64;
text-decoration:none;
}
#product_kitchen a:hover{
text-decoration:none;
}


#product_bedroom{
background: url('../img/template/box3_bot.png') no-repeat bottom #5482c9;
padding: 10px;
width: 166px;
float:left;
margin-right: 8px;
margin-top: 0px;
}

#product_bedroom a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #21406f;
text-decoration:none;
}
#product_bedroom a:hover{
text-decoration:none;
}

#home_text{
float:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #6b6b6b;
line-height: 15px;
width: 285px;
margin-top: -15px;
}


#footer{
background: url('../img/template/footer_bg.png') repeat-x top;
border-top: solid 1px #888b8e;
float:left;
width: 100%;
position:relative;
margin-top:20px;
}

#footer_wrapper{
width: 770px;
margin: 0 auto;
}

#footer_left{
float:left;
padding: 20px 20px 20px 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #6b6b6b;
line-height:18px;
text-align:center;
width: 800px;
}


#footer_left a{
text-decoration:underline;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #6b6b6b;
}

#footer_left a:hover{
text-decoration:none;
}



/* BATHROOMS */

#bathroom_top{
height: 41px;
background-image: url('../img/template/bathroom_top.jpg');
padding-left: 20px;
}

#bedroom_top{
height: 41px;
background-image: url('../img/template/bedroom_top.jpg');
padding-left: 20px;
}

#kitchens_top{
height: 41px;
background-image: url('../img/template/kitchens_top.jpg');
padding-left: 20px;
}
.arial_14{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #ffffff;
line-height: 20px;
margin: 0px;
font-weight: normal;
}


.arial_36{
font-family: Arial, Helvetica, sans-serif;
font-size: 36px;
color: #ffffff;
line-height: 36px;
margin: 0px;
font-weight: normal;
}


.pg_title{
font-family: Arial, Helvetica, sans-serif;
font-size: 36px;
color: #666666;
line-height: 36px;
margin: 0px;
font-weight: normal;
padding-left: 10px;
padding-top: 10px;
}


#content{
font-family: verdana;
font-size: 11px;
color: #666666;
line-height: 18px;
padding: 20px;
}


#bathrooms_left{
float:left;
width: 182px;
border-right: 1px solid #ffffff;
}

.product_range{
background-color: #0c4db2;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #ffffff;
font-weight: bold;
padding: 3px;
}


#nav{
background-color: #cbc5e8;
padding: 5px;
}

#nav a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #ffffff;
display: block;
line-height: 16px;
text-decoration: none;
}

#nav a:hover{
background-color: #d8d3f2;}

.nav_on {
color: #0c4db2!important;
padding-left: 10px;
font-weight: bold;}


.telephone{
background-color: #0c4db2;
padding: 7px;
font-family: Arial, Helvetica, sans-serif;
font-size:18px;
color: #ffffff;
text-align: center
}

#bathroom_t{
float:left;
width: 442px;
height: 138px;
background-image: url('../img/template/bathroom_t.jpg');
background-repeat: no-repeat;
position:relative;
}
#kitchen_t{
float:left;
width: 442px;
height: 138px;
background-image: url('../img/template/kitchen_t.jpg');
background-repeat: no-repeat;
position:relative;
}
#bathroom_related{float:left;
width: 245px;
}
.related_links{
background-color:#0c4db2;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #ffffff;
padding: 10px;
font-weight:bold;
}


#related_links{
background-color: #cbc5e8;
padding: 10px;
}

#related_links a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#ffffff;
text-decoration: underline;
line-height: 18px;
display:block;
}

#related_links a:hover{
text-decoration: none;
background-color: #d8d3f2;
}

#request_brochure{
background-color: #000000;
padding: 5px;
height: 21px}

#request_brochure a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #ffffff;
text-decoration: underline;
}

#request_brochure a:hover{
text-decoration: none;
}

#right{
float:left;
width: 687px;
}


.clear{
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	visibility: hidden;
}

/*********** Gallery CSS ************/

#galleryWrapper{
	min-height: 500px;
	width: 640px;
}

* html #galleryWrapper{
	height: 500px;
}

.galleryTitle{
	font-size: 13px;
	line-height: 16px;
	padding: 5px 0px 10px 0px;
	font-weight: bold;
}

#galleryFullImageBox{
	width: 350px;
	float: left;
}

#galleryFullImage{
	width: 350px;
}

#galleryThumbs{
	width: 265px;
	float: right;
	font-weight: bold;
}

#galleryThumbs img{
	width: 80px;
	height: 60px;
	border: solid 1px #000000;
}

#galleryThumbs td{
	padding: 0px 0px 5px 0px;
}	

#galleryImageTitle{
	padding: 10px 0px;
	font-weight: bold;
}

#galleryImageDesc{
	padding: 7px;
	background: #FFF8E8;
	border: solid 1px #FFD78F;
}

#galleriesList{
	border-bottom: solid 5px #FFD78F;
}

#galleriesList a{
	background: #FFF8E8;
	border-left: solid 1px #FFD78F;
	border-top: solid 1px #FFD78F;
	border-right: solid 1px #FFD78F;
	padding: 5px 10px;
	text-decoration: none;
	color: #8C8C8C;
	margin: 0px 10px 0px 0px;
	float: left;
}

#galleriesList a.selected{
	background: #FFEDCF;
}

.galleryDesc{
	padding: 0px 0px 10px 0px;
}

/*************************************/