/* CSS Document */

body {
	font-family: 			Arial, Helvetica, sans-serif;
	font-size: 				11px;	
	background-color:		#FFCC66;	
	height: 				99%;
	margin:					0px;
		
}

#body-wrapper {
	position:				relative;
}

#content-wrapper {
	text-align:				left;
	position:				relative;
	width:					800px;;
}

a {
	color:					#08347A;					
}

#header {

}

#header .welcome img {
	margin-top:				10px;
}

#header .banner {
	height:					65px;
	background-color:		#386093;
}

#header .banner .discontinuedbathrooms {
	margin-top:				13px;
	padding-bottom:			13px;
}

#header .banner .call {
	margin-left:			72px;
}

#menu {
	background-color:		#FFF2D9;
	height:					25px;
	border-bottom:			1px solid #889AAF;
	width:					800px;
}

#menu ul {
	margin-top:				0px;
	margin-bottom:			0px;
	padding-top:			0px;
	padding-bottom:			0px;
	margin-left: 			7px;
	padding-left: 			0px;
	display: 				inline;
	float:					left;
	color:					#3D6292;
	font-size:				1.1em;
} 

#menu ul li {
	height:					19px;
	padding-top:			6px;
	border-left: 			1px solid #889AAF;
	display:				block;
	list-style: 			none;
	float:					left;
	color:					#fff;
}

#menu ul li a{
	height:					19px;
	padding: 				0px 13px;
	padding-top:			6px;
	padding-bottom:			5px;
	font-weight:			bold;
	color:					#3D6292;
	text-decoration: 		none;
}
	
#menu ul li a:hover {
	color:					#3D6292;
	text-decoration: 		none;
	background-color:		#FFCC66;
}
		
#menu ul li.first {
	border-left: 			none;
}

#menu ul li.last {
	margin-left: 			0;
	margin-right:			0px;
	padding-right:			0px;
	list-style: 			none;
	display: 				inline;
}

#inner-content-wrapper {
	width:					800px;
	background-color:		#fff;
	padding-top:			10px;
}

#inner-content {
	margin-left:			21px;
}

#footer {
	border-top:				1px solid #B9CADF;
	height:					20px;
	width:					760px;
}

#footer p {
	margin-top:				4px;
	color:					#386093;
}

#footer a {
	color:					#3D6292;
	text-decoration:		none;
}

#footer a:hover {
	text-decoration:		underline;
}

.innerrow {
	clear:					both;
}

.innerrowthreecolumns {
	clear:					both;
}
	
.intro-left {
	margin-top:				8px;
	width:					453px;
	float:					left;
	margin-right:			10px;
}

.intro-right {
	margin-top:				8px;
	width:					297px;
	background-color:		#D5DFEC;
	float:					left;
}

.intro-left p {
	font-size:				1.5em;
	line-height:			1.08em;
}

.intro-left ul {
	font-size:				1.5em;
}

.innerrowthreecolumns p {
	margin-left: 			10px;
	font-size:				1.5em;
	line-height:			1.08em;
	padding-right:			10px;
}

.colone {
	float:					left;
	width:					227px;
	background-color:		#F8F9FC;
	height:					255px;
}

.coltwo {
	float:					left;
	width:					236px;
	background-color:		#E3EAF2;
	height:					255px;
}

.colonetwo {
	float:					left;
	width:					463px;
	background-color:		#E3EAF2;
	height:					255px;
}

.colonetwoquote {
	float:					left;
	width:					463px;
	background-color:		#E3EAF2;
	min-height:				600px;
	font-size:				1em;
}

.colonetwoquote h1 {
	font-size:				1.5em;
	padding-left:			10px;
	margin-bottom: 			0px;
	padding-bottom: 		0px;
	color:					#386093;
}

.colonetwoquote h2 {
	font-size:				1.3em;
	padding-left:			10px;
	margin-bottom: 			0px;
	padding-bottom: 		0px;
	color:					#386093;
}

.colonetwoquote h3 {
	font-size:				1.1em;
	padding-left:			10px;
	margin-bottom: 			0px;
	padding-bottom: 		0px;
	color:					#386093;
}

.colonetwoquote .indent {
	padding-left:			15px;
}

.colonetwoquote p {
	margin-top: 			4px;
	padding-top: 			0px;
	color:					#000000;
	font-size:				1em;
	line-height:			1.4em;
}

.colonetwoquote p strong {
	font-size:				1em;
}

.colthree {
	float:					left;
	width:					297px;
	background-color:		#CCD7E4;
	height:					255px;
}

.colthreequote {
	float:					left;
	width:					297px;
	background-color:		#CCD7E4;
	min-height:				600px;
	font-size:				7px;
}

.colthree ul {
	margin-top:				14px;
	margin-bottom:			0px;
	margin-left:			25px;
	padding-top:			0px;
	padding-bottom:			0px;
	padding-left:			0px;
	font-size:				1.4em;
	line-height:			1.08em;
	list-style:				circle;
}

.colthree ul li {
	padding-top:			2px;
	padding-bottom:			2px;
}

.colheader {
	margin-top:				10px;
	margin-left:			10px;
}

.collink {
	margin-left:			10px;
}

.listone {
	float:					left;
}

.listtwo {
	float:					left;
}

label {
	padding-top:			1px;
	margin-left:			10px;
	font-size:				1.5em;
	width:					130px;
	display:				block;
	float:					left;
}

.textinput {
	margin-bottom:			3px;
	border:					none;
	width:					300px;
}

.textarea {
	margin-bottom:			3px;
	border:					none;
	width:					300px;
	height:					100px;
}

.textareaextra {
	margin-bottom:			3px;
	border:					none;
	width:					425px;
	height:					250px;
	margin-left:			10px;
	font-size:				11px;
	font-family:			Arial, Helvetica, sans-serif;
}

.select {
	margin-bottom:			3px;
	border:					none;
	width:					275px;
	margin-left:			10px;
	font-size:				11px;
	font-family:			Arial, Helvetica, sans-serif;
}

.textareapreview {
	margin-bottom:			3px;
	border:					none;
	width:					270px;
	height:					75px;
	margin-left:			10px;
	font-size:				11px;
	font-family:			Arial, Helvetica, sans-serif;
}
.selectpreview {
	margin-bottom:			3px;
	border:					none;
	width:					270px;
	margin-left:			10px;
	font-size:				11px;
	font-family:			Arial, Helvetica, sans-serif;
}

hr {
	margin-top:				0px;
	margin-left:			10px;
	margin-right:			10px;
	border:					none;
	border-bottom:			1px solid #CCD7E4;
	clear:					both;
}

.coloursample {
	float:					left;
	width:					105px;
	height:					170px;
	text-align:				center;
	font-size:				1.2em;
	border:					1px solid #FFF2D9;
	margin-right:			2px;
	margin-bottom:			2px;
}

.coloursample img{
	display:				block;
}

.innerrow h3 {
	border-bottom:			1px solid #CCD7E4;
	font-size:				1.8em;
	color:					#3D6292;
	clear:					both;
	font-weight:			normal;
}

.innerrow h3 strong {
	color:					#3D6292;
	font-weight:			bold;
}

#smenu{
	text-align:				left;
}

#smenu ul {
	margin-top:				0px;
	margin-bottom:			0px;
	padding-top:			0px;
	padding-bottom:			0px;
	margin-left: 			0px;
	padding-left: 			0px;
	display: 				inline;
	float:					left;
	color:					#fff;
} 

#smenu ul li {
	padding-top:			7px;
	padding-bottom:			7px;
	border-left: 			1px solid #fff;
	display:				block;
	list-style: 			none;
	float:					left;
	color:					#fff;
}

#smenu ul li a{
	padding: 				0px 12px;
	background-color:		#386093;
	padding-top:			7px;
	height:					33px;
	padding-bottom:			7px;

	color:					#fff;
	text-decoration: 		none;
}
	
#smenu ul li a:hover {
	color:					#386093;
	text-decoration: 		none;
	background-color:		#a5c8d5;
}

#smenu ul li.first {
	border-left: 			none;
}
		
.horizontaldivide {
	background-image:		url(../_images/generic/horizontaldots.gif);
	background-repeat:		repeat-x;
	height:					20px;
	clear:					both;
	width:					760px;
}

.topsearch {
	float:					left;
	background-color:		#e5f0f4;
	height:					28px;
	width:					191px;
}

.toptrolley {
	margin-left:			1px;
	float:					left;
	background-color:		#a5c8d5;
	height:					28px;
	width:					316px;
	color:					#343434;
}

#topfunctionality {
	background-color:		#fff;
	margin-top:				1px;
	background-color:		#a5c8d5;
}

tr.ruled{
	background-color:		#A0A4D5;
}
tr.ruleda{
	background-color:		#ccd7e4;
}
tr.ruledb{
	background-color:		#e3eaf2;
}