/* FOR ALL */
/* html>body */
/* First set your css tag, then if you use html>body followed by the tag */
/* i.e. 'html>body pagecontent' then i.e. will ignore this */
/* All other browsers seem to see it so it fixes any browser issues */

/* FOR YOU SAM */
/* THESE CONTROL ALL THE LINKS BY DEFAULT */
a:link, a:active, a:visited {
	color: #000;
	text-decoration: none;
}
a:hover {
	cursor: pointer;
	text-decoration: underline;
}




/* ------------------------------------------ */

/* Header */
	#header {
	}
	/* td header with background at start cell 1*/
	#header td {
	}




/* ------------------------------------------ */

/* Page Content */
	#pageContent{
		margin:10px;
		width:550px;
		text-align:justify;
		margin-right:auto;
		margin-left:auto;
		border:0px solid #CCCCCC;
		padding:5px;
	}
	#pageContent .table {
		width:540px;
		margin-bottom:20px; 
		border-bottom:1px solid #5C8A94;
	}
	#pageContent .header{}
	#pageContent .printIcon{
		width:30px;
	}
	#pageContent .mailto{
		width:20px;
	}
	#pageContent h1 {
		padding:0px;
		margin:0px;
	}












/* ------------------------------------------ */
/* Send to a friend */	

	#sendtoafriend {
		width:200px;
		margin:5px;
		border:1px dashed #5C8A94;
	}
	#sendtoafriend table {
		margin:3px;
		width:200px;
	}
	#sendtoafriend h1 {
		margin:0px;
		padding:0px
	}
	#sendtoafriend .label {
		font-weight:bold;
		width:80px;
		white-space:nowrap;
	}
	#sendtoafriend input {
		border:1px solid #999999;
		width:90%;
		margin-bottom:1px;
		background-color:#5C8A94;
	}
	#sendtoafriend .but {
		border:1px solid #999999;
		width:60px;
		background-color:#5C8A94;
	}






/* ------------------------------------------ */
/* called from navMain.asp */	
	#topnavigation {
		font-size: 12px;
		line-height: 1.5em;
	}
	#topnavigation a.off:visited, #topnavigation a.off:active, #topnavigation a.off:link {
		text-decoration: none;
	}
	#topnavigation a.off:hover {
	}
	#topnavigation a.on:visited, #topnavigation a.on:active, #topnavigation a.on:link {
	}
	#topnavigation a.on:hover {
	}
	

/* ------------------------------------------ */
/* homepage template */

body {
	font-family: Trebuchet MS, sans-serif;
}	

/* HeaderTable */

#HeaderTable {
	margin-top: 20px;
	width: 980px;
	margin-bottom: 12px;
}

#HeaderTable .headerEmail {
	color: #525252;
	font-size: 15px;
	float: right;
	margin-top:-16px;
}

#HeaderTable .headerEmail a {
	color: #525252;
}

#HeaderTable .headerLogo {}

#HeaderTable .headerLogo img {
	margin-left: 22px;
}

/* MainTable */

#MainTable {
	width: 980px;
	height: 615px;
	vertical-align: bottom;
}
#MainTable td{
}
#MainTable tr td.cellLeft {
	width: 210px;
	background-color: #525252;
	color: #fff;
	vertical-align: top;
}
#MainTable tr td #topnavigation {
	margin-top: 27px;
	height: 66px;
}

#MainTable tr td #leftnavigation {
	margin-top: 17px;
	height: 124px;
	line-height: 1.7em;
}

/* cellLeft */

#MainTable tr td.cellLeft a, #MainTable tr td.cellLeft a:link {
	color: #fff;
	padding-left: 22px;
}
#MainTable tr td.cellLeft a:hover {
	color: #A49787;
	text-decoration: none;
}
#MainTable tr td.cellLeft a.on {
	color: #A49787;
	font-size: 13px;
	padding-left:3px;
}
#MainTable tr td.cellLeft a.specialOffers {
	color: #E3BD6A;
}
#MainTable tr td.cellLeft #currentPageLink {
	margin-left: 7px;
}
#MainTable tr td.cellLeft #currentPageLink img.buttonAnimated {
	width: 4px;
	height: 10px;
}

/* showrooms in bottom left */

#MainTable tr td.cellLeft #showrooms {
	margin-top: 90px;
	margin-left: 21px;
	margin-right: 22px;
	width: 164px;
	padding-bottom: 15px;
}

#MainTable tr td.cellLeft #showrooms p {
	margin: 5px 0 7px;
	padding: 0;
}

#MainTable tr td.cellLeft #showrooms h2 {
	font-size: 12px;
	margin: 0 0 4px;
	padding: 0;
	font-weight: normal;
}

#MainTable tr td.cellLeft #showrooms  h3.showroomLocation {
	border-top: 1px solid #A49787;
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	padding: 5px 0 0;
}

#MainTable tr td.cellLeft #showrooms  div.showroomAddress p {
	font-size: 10px;
	margin: 0;
	padding: 0;
	line-height: 11px;
}

#MainTable tr td.cellLeft #showrooms  p span.showroomTelephone {
	font-size: 14px;
}

#MainTable tr td.cellLeft #showrooms  p span.telephoneNumber {
	font-size: 14px;
	font-weight: bold;
	color: #E3BD6A;
}

/* How To Find Us horizontal showrooms */

#MainTable tr td.cellRight div#HorizontalShowrooms div.showroom {
	float: left;
	width: 200px;
	height: 117px;
	margin-left: 20px;
	color: #333;
}

#MainTable tr td.cellRight div#HorizontalShowrooms div.showroom h3.showroomLocation {
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	padding: 5px 0 0;
}

#MainTable tr td.cellRight div#HorizontalShowrooms div.showroom div.showroomAddress p {
	margin: 0;
	padding: 0;
}

#MainTable tr td.cellRight div#HorizontalShowrooms div.showroom div.openingTimes {
	display: block;
}

#MainTable tr td.cellRight div#HorizontalShowrooms div.showroom div.openingTimes p {
	margin: 0;
	padding: 0;
}

#MainTable tr td.cellRight div#HorizontalShowrooms div.showroom div.openingTimes h3 {
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#MainTable tr td.cellRight div#HorizontalShowrooms div.showroom div.openingTimes p span.time {
	font-weight: bold;
}

/* How To Find Us main text */

#MainTable tr td.cellRight #howToFindUsMainText {
	display: block;
	margin-left: 20px;
	padding: 0;
	color: #333;
}

#MainTable tr td.cellRight #howToFindUsMainText p {
	font-size: 12px;
	line-height: 22px;
	margin: 0 0 9px;
}

#MainTable tr td.cellRight #howToFindUsMainText p.title {
	font-size: 14px;
	font-weight: bold;
}

#MainTable tr td.cellRight div#map_canvas {
	width: 646px;
	height: 300px;
	margin: 236px 0 0 20px;
}


/* cellRight */

#MainTable tr td.cellRight {
	width: 770px;
}

#MainTable tr td.cellRight {
	background-repeat: no-repeat;
	vertical-align: bottom;
}

#MainTable tr td.cellRight #mainText {
	float: right;
	background-color: #000;
	color: #fff;
	width: 377px;
	margin-right: 0;
	margin-bottom: 50px;
	padding-top: 26px;
	padding-bottom: 28px;
	padding-left: 46px;
	padding-right: 43px;
	opacity: 0.05;
	filter: alpha(opacity=5); /**//* older IE */
}
#MainTable tr td.cellRight #mainText p {
	font-size: 12px;
	line-height: 22px;
	margin: 0 0 9px;
}
#MainTable tr td.cellRight #mainText p.beforelinktocollections {
	margin: 0;
}

#MainTable tr td.cellRight #mainText p.title {
	font-size: 14px;
	font-weight: bold;
}

#MainTable tr td.cellRight #mainText p#LinkToCollections {
	text-align: right;
}

#MainTable tr td.cellRight #mainText p#LinkToCollections a, 
#MainTable tr td.cellRight #mainText p#LinkToCollections a:link {
	color: #A49787;
	font-size: 11px;
}

#MainTable tr td.cellRight #mainText p#LinkToCollections a:hover {text-decoration: none;}

/* productsListTable */

table#productsListTable {width: 744px; margin: 20px 0 0 27px; padding: 0;}
table#productsListTable tr td {margin: 0; padding: 0 0 0;}
table#productsListTable tr td.leftCell {}
table#productsListTable tr td.middleCell {padding-left: 25px;}
table#productsListTable tr td.rightCell {padding-left: 25px;}
table#productsListTable tr td p {color: #515151; margin: 0 0 14px; padding: 0;}
table#productsListTable tr td img {margin-bottom:34px;}

/* Footer */

#FooterTable {
	font-family:verdana;
	width: 980px;
}

#FooterTable tr td {
	font-family:arial;
	padding-top: 4px;
	color: #525252;
}

#FooterTable tr td.footerLeft {
	font-family:arial;
	font-size: 7pt;
}

#FooterTable tr td.footerRight {
	font-family:arial;
	font-size: 7pt;
	text-align: right;
}

#FooterTable a {
	font-family:arial;
	font-size: 7pt;
	color: #525252;
}

/* Contact form */

div#contactFormContainer {
	background-color: #fff;
	color: #666;
	float: right;
	margin-bottom: 50px;
	margin-right: 0;
	padding: 6px 20px;
	width: 473px;
}
div#contactFormContainer p.title { font-weight: bold; }
div#contactFormContainer div.thankyou { margin-bottom: 13px; }
div#contactFormContainer table#contactForm tr td { vertical-align: top; font-size: 9px; }
div#contactFormContainer table#contactForm tr td input { width: 188px; }
div#contactFormContainer table#contactForm tr td input.title { width: 50px; }
div#contactFormContainer table#contactForm tr td textarea { width: 188px; height: 109px; }
div#contactFormContainer table#contactForm tr td.bottomRow { text-align: right; }
div#contactFormContainer table#contactForm tr td.bottomRow input.submitButtonContactUs { width: auto; height: auto; padding-top: 10px; padding-bottom: 5px; border: none; }