/* CSS Document */

body {
	text-align: center;
	background-color: #007ba9;
	margin: 0px;
	background-image:url(/images/bg.gif);
	background-repeat:repeat-x;
	}
	
	
select {
	color: #666;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 10px;
	margin-top: 5px;
	padding: 0px;
	}
	
	
form {
	margin: 0px;
	}
	
	
h1 {
	 font-size: 25px;
	 font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	 color: #006085;
	 background: url(/images/h1.gif) repeat-x 0px 25px;
	 margin: 0px;
}

h2 {
	 font-size: 15px;
	 font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	 color: #006085;
	 margin: 0;
	 padding: 0;
	 background: url(/images/h1.gif) repeat-x 0px 17px;

 
}


li {
	line-height: 18px;
}

input {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	padding: 2px;
	margin-top: 3px;
	border: 1px solid #CCC;
	}
	
textarea {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	padding: 2px;
	margin-top: 3px;
	border: 1px solid #CCC;
	}

	
	
	
	
/* LINKS */

a:link { 

 	color: #0085A1;
	text-decoration: none;
	font-weight: bold;
}

a:visited { 

 color: #0085A1;
	text-decoration: none;
	font-weight: bold;
}

a:hover { 

 	color: #0085A1;
	text-decoration: none;
	font-weight: bold;
	text-decoration: underline;

}

a:active { 

	color: #0085A1;
	text-decoration: underline;
}
	



/*  CLASSES  */


.heading {	
	font-size: 13px;
	color: #006085;
}

.space {
	clear:both;
}

#moreSpecials {
	border-top: solid 1px #a8cad6;
	margin-top: 40px;
	padding-top: 10px;
	}
	
a.specialsMessage {
	text-transform:uppercase;
	color: #e55928;
	padding-left: 13px;
	background: url(/images/specialsGo.gif) 0px 4px no-repeat;
}

a:visited.specialsMessage {
	text-transform:uppercase;
	color: #e55928;
	padding-left: 13px;
	background: url(/images/specialsGo.gif) 0px 4px no-repeat;
}

a:hover.specialsMessage {
	text-transform:uppercase;
	color: #e55928;
	padding-left: 13px;
	background: url(/images/specialsGo.gif) 0px 4px no-repeat;
}




.price {
		color: #e55928;
		font-size: 14px;
		font-weight:bold;


}



.styleOrange {
		color: #e55928;

}


.styleOrangeLs {
		color: #e55928;
		font-size: 14px;
		font-weight:bold;


}

.styleLarge {
		font-size: 14px;
		font-weight:bold;


}
	
	
	

/*  DIVS  */







#container {
	top:0px;
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	}


#containerHome {
	top:0px;
	width: 850px;
	text-align: left;
	/*padding-left: 116px;*/
	margin-right: auto;
	margin-left: auto;
	}
	
	

	
	
#homeHead {
	height: 150px;
	text-align: left;
	position: relative;
	top: -342px;
		}	
	
#head {
	height: 150px;
	text-align: left;
		}
	

#menu {
	width: 159px;
	float: left;
	background: url(/images/menuBg.gif) top right no-repeat;
	}
	
#right {	
	width: 656px;
	margin: 0px 0px 0px 194px;
	}
	
* html #right {margin: 0px 0px 0px 191px;} /*style for IE*/

	
#specialsMargin {
	width: 115px;
	position: relative;
	top: 0px;
	left: 850px;
	overflow: hidden;
	}
	

#homeContentContainer {
	width: 850px;
	background-color: #FFF;
	text-align: left;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #6d6b6b;
	font-size: 11px;	
	float:left;
	position: relative;
	top: -342px;
	}
	
	
	
#contentContainer {
	width: 850px;
	background-color: #FFF;
	text-align: left;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #6d6b6b;
	font-size: 11px;	
	float:left;

	}
	
	
#content {
	margin: 25px 28px 0px 0px;

}	

#products {
	background: url(/images/productsBg.gif) no-repeat;
	width: 636px;
	margin: 30px 0px 0px 0px;
	padding: 20px 0px 0px 20px;
}
	
	
#homeFoot {
	padding-top: 10px;	
	background: #1b92bd;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #FFF;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	height: 70px;
	position: relative;
	top: -342px;

	}
	
	
#foot {
	padding-top: 10px;	
	background: #1b92bd;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #FFF;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	height: 70px;


	}
	
	
#foot  a:link {
	color: #FFF;
	}
	
#foot a:visited {
	color: #FFF;
	}

#foot a:hover  {
	color: #FFF;
	text-decoration: underline;
	}	
	
#foot a:active  {
	color: #FFF;
	text-decoration: underline;
	}	
	
	
#homeFoot  a:link {
	color: #FFF;
	}
	
#homeFoot a:visited {
	color: #FFF;
	}

#homeFoot a:hover  {
	color: #FFF;
	text-decoration: underline;
	}	
	
#homeFoot a:active  {
	color: #FFF;
	text-decoration: underline;
	}
	
	
	
	
	
#h1 {
	margin-top: 30px;
}

#subH1 {
	margin-top: 30px;
	width: 620px;
}

#productH2 {
	width: 300px;
}
	
	



/*------------------------------------------------------------- MENU --*/



.menuText {
	margin: 0 0 0 -5000px;
	}



#menuHome {
	}
#menuHome a {
	background: url(/images/menuLayout.gif) 0 0;
	height: 47px;
	width: 155px;
	display: block;
	}
#menuHome a:hover {
	background: url(/images/menuLayout.gif) -155px 0;
	height: 47px;
	width: 155px;
	display: block;
	}
	
	
	
	
#menuVanities {
	}
#menuVanities a {
	background: url(/images/menuLayout.gif) 0 -47px;
	height: 40px;
	width: 155px;
	display: block;
	}
#menuVanities a:hover {
	background: url(/images/menuLayout.gif) -155px -47px;
	height: 40px;
	width: 155px;
	display: block;
	}
	




#menuBaths {
	}
#menuBaths a {
	background: url(/images/menuLayout.gif) 0 -87px;
	height: 40px;
	width: 155px;
	display: block;
	}
#menuBaths a:hover {
	background: url(/images/menuLayout.gif) -155px -87px;
	height: 40px;
	width: 155px;
	display: block;
	}




#menuShowers {
	}
#menuShowers a {
	background: url(/images/menuLayout.gif) 0 -127px;
	height: 39px;
	width: 155px;
	display: block;
	}
#menuShowers a:hover {
	background: url(/images/menuLayout.gif) -155px -127px;
	height: 39px;
	width: 155px;
	display: block;
	}




#menuToilets {
	}
#menuToilets a {
	background: url(/images/menuLayout.gif) 0 -166px;
	height: 40px;
	width: 155px;
	display: block;
	}
#menuToilets a:hover {
	background: url(/images/menuLayout.gif) -155px -166px;
	height: 40px;
	width: 155px;
	display: block;
	}




#menuTaps {
	}
#menuTaps a {
	background: url(/images/menuLayout.gif) 0 -206px;
	height: 40px;
	width: 155px;
	display: block;
	}
#menuTaps a:hover {
	background: url(/images/menuLayout.gif) -155px -206px;
	height: 40px;
	width: 155px;
	display: block;
	}
	
	
#menuKitchen {
	}
#menuKitchen a {
	background: url(/images/menuLayout.gif) 0 -246px;
	height: 41px;
	width: 155px;
	display: block;
	}
#menuKitchen a:hover {
	background: url(/images/menuLayout.gif) -155px -246px;
	height: 41px;
	width: 155px;
	display: block;
	}



#menuAccessories {
	}
#menuAccessories a {
	background: url(/images/menuLayout.gif) 0 -287px;
	height: 40px;
	width: 155px;
	display: block;
	}
#menuAccessories a:hover {
	background: url(/images/menuLayout.gif) -155px -287px;
	height: 40px;
	width: 155px;
	display: block;
	}	
	
	
	
#menuHot {
	}
#menuHot a {
	background: url(/images/menuLayout.gif) 0 -327px;
	height: 39px;
	width: 155px;
	display: block;
	}
#menuHot a:hover {
	background: url(/images/menuLayout.gif) -155px -327px;
	height: 39px;
	width: 155px;
	display: block;
	}	




	
#menuSpecials {
	}
#menuSpecials a {
	background: url(/images/menuLayout.gif) 0 -366px;
	height: 40px;
	width: 155px;
	display: block;
	}
#menuSpecials a:hover {
	background: url(/images/menuLayout.gif) -155px -366px;
	height: 40px;
	width: 155px;
	display: block;
	}	
	
	
	
#menuSuppliers {
	}
#menuSuppliers a {
	background: url(/images/menuLayout.gif) 0 -406px;
	height: 40px;
	width: 155px;
	display: block;
	}
#menuSuppliers a:hover {
	background: url(/images/menuLayout.gif) -155px -406px;
	height: 40px;
	width: 155px;
	display: block;
	}	
	
	


#menuVisit {
	}
#menuVisit a {
	background: url(/images/menuLayout.gif) 0 -446px;
	height: 38px;
	width: 155px;
	display: block;
	}
#menuVisit a:hover {
	background: url(/images/menuLayout.gif) -155px -446px;
	height: 38px;
	width: 155px;
	display: block;
	}	
	
.orange{
	color: #e78d00;
	text-align: left;
	display: block;
	font-size: 13px;	
	margin: 0 0 10px 0;
}	
.contactDetails{
	width: 550px;
	height: 50px;
	background: url(/images/greyLine.gif) left top no-repeat;
	padding: 0 0 0 10px;
}	
.blue{
	color: #006085;
	font-weight: bold;
	font-size: 12px;
}
.grey{
	color: #6d6b6b;
	font-weight: bold;
	font-size: 13px;
}
a.grey{
	color: #6d6b6b;
	font-weight: bold;
	font-size: 13px;
}
a:hover.grey{
	color: #6d6b6b;
	font-weight: bold;
	font-size: 13px;
}
a:visited.grey{
	color: #6d6b6b;
	font-weight: bold;
	font-size: 13px;
}