html, body {
	height:				100%;
	width:				100%;
}

body {
	color:				#002079;
	background-color:	#ccc;
	font-family:		arial, helvetica, verdana, "sans serif";
	font-weight:		normal;
	font-style:			normal;
	font-size:			small;
	text-align:			center;
	padding:			0px;
	margin:				0px;
}

/*****
inner container layer
*****/
#contentouter {
	background-color:	#ccc;
	position:			relative;
	right:				auto;
	left:				auto;
	width:				760px;
	margin:				0px auto;
	text-align:			left;
	vertical-align:		middle;
	padding:			0px;
	z-index:			1;
}

#contentinner {
	background-color:	#fff;
	position:			absolute;
	top:				115px;
	left: 				0px;
	width:				760px;
}

/*****
grouped selectors
*****/

table, tr, th, td, input, textarea, select, ul, ol, li, h1, h2, h3, h4, h5, h6 {
	font-family:		arial, helvetica, verdana, "sans serif";
	font-weight:		normal;
	font-style:			normal;
	font-size:			small;
	text-align:			left;
}

h1, h2, h3, h4, h5, h6, p, div {
	margin:				0px;
	padding:			0px;
}

/*****
element selectors
*****/

a {
	color:				#002079;
	font-weight:		bold;
	text-decoration:	none;
}

a:hover {
	color:				#002079;
	font-weight:		bold;
	text-decoration:	underline;
}

h1 {
	font-family:		helvetica, arial, verdana, "sans serif";
	font-size:			x-large;
	font-weight:		normal;
}

h2 {
	font-weight:		bold;
	font-size:			medium;
	margin:				12px 0px 6px 0px;
}

h3 {
	font-weight:		bold;
	font-style:			italic;
	margin:				6px 0px;
}

p {
	margin:				12px 0px;
}

hr {
	color:				#cccccc;
}

/*****
forms
*****/

form {
	margin:				0px;
	padding:			0px;
}

textarea, input.text {
	border:				1px solid #333;
	margin:				0px;
	padding:			0px;
	width:				200px;
}

input.text {
	height:				18px;
}

input.button {
	background-color:	#333;
	color:				#fff;
	font-weight:		bold;
	border:				none;
	height:				19px;
}

em.alert {
	color:				#900;
	font-weight:		bold;
}

/*****
generic class selectors
*****/

div.breadcrumb {
	color:				#666;
	font-family:		helvetica, arial, verdana, "sans serif";
	font-size:			x-small;
	margin-bottom:		8px;
}

div.breadcrumb a {
	color:				#666;
	font-weight:		normal;
	text-decoration:	none;
}

div.breadcrumb a:hover {
	color:				#666;
	font-weight:		normal;
	text-decoration:	underline;
}

p.first {
	font-weight:		bold;
}

span.footerlogo {
	float:				right;
}

/*****
template layers
*****/
#logo {
	position:			absolute;
	top:				26px;
	left:				21px;
	width:				191px;
	height:				57px;
}

#registered {
	color:				#000;
	font-size: 			x-small;
	width:				740px;
}

#registered a {
	font-weight:		normal;
	color:				#000;
}

#colsingle {
	margin:				162px 24px 24px 24px;
	position:			relative;
	width:				716px;
	min-height:			320px;
}

#lcol {
	margin:				162px 24px 24px 24px;
	position:			relative;
	width:				454px;
	min-height:			320px;
}

#rcol {
	position:			absolute;
	left:				508px;
	top:				275px;
	width:				232px;
	z-index:			2;
}

#lcolhome {
	margin:				162px 24px 24px 24px;
	position:			relative;
	width:				530px;
}

/*
#lcolhome p.first{
	color:				#000;
}
*/

#rcolhome {
	color:				#000;
	position:			absolute;
	left:				554px;
	top:				275px;
	width:				196px;
	z-index:			2;
}

#mainimg {
	position:			absolute;
	top:				9px;
	left:				8px;
}

#mainrounded {
	position:			absolute;
	left:				0px;
	top:				0px;
	width:				760px;
	height:				11px;
	z-index:			3;
}

/*****
navigation
*****/
#nav {
	background-color:	#a3a3a3;
	color:				#fff;
	font-weight:		bold;
	font-size:			0.9em;
	padding:			0px;
	position:			absolute; 
	top:				89px; 
	left:				235px;
	height:				26px;
	width:				490px;
	z-index:			2;
}

#nav a {
	color:				#fff;
	vertical-align:		middle;
	line-height:		25px;
}

#nav a:hover {
	color:				#000;
	text-decoration:	none;
	vertical-align:		middle;
	line-height:		25px;	
}

#nav img {
	vertical-align:		middle;
}

.subnav {
	font-size:			0.9em;
}

.subnavl2 {
	margin-left:		13px;
}

.subnavl3 {
	margin-left:		26px;
}



/*****
home page
*****/

table.promobox {
	background-color:	#f0e7e4;
}

td.promocopy {
	font-size:			10px;
	padding:			4px;
}

a.readmore {
	color:				#fff;
	font-size:			x-small;
	text-decoration:	none;
}

a.readmore:hover {
	color:				#fff;
	text-decoration:	underline;
}


/*****
Products pages
*****/
.caravans {
	color:				#009947;
}

.caravans:hover {
	color:				#009947;
}

.doors {
	color:				#003670;
}

.doors:hover {
	color:				#003670;
}

.showers {
	color:				#52baba;
}

.showers:hover {
	color:				#52baba;
}

div.logomarket {
	text-align:			center;
}

table.productrange {
	background-color:	#002079;
	width:				100%;
}

table.productrange td, table.productrange th  {
	background-color:	#fff;
	padding:			4px;
}

table.productrange th {
	background-color:	#52baba;
	color:				#fff;
	font-weight:		bold;
	text-transform:		uppercase;
}

table.productrange td.highlight {
	background-color:	#002079;
}


img.showers {
	border:				1px solid #52baba;
	padding:			2px;
}

img.showerslarge {
	border:				1px solid #52baba;
	padding:			8px;
}

img.caravans {
	border:				1px solid #009947;
	padding:			2px;
	margin-left:		8px;
}

img.doors {
	border:				1px solid #003670;
	padding:			2px;
}

img.doorslarge {
	border:				1px solid #003670;
	padding:			8px;
}

table.gallery {
	margin-top:			8px;
}

table.gallery td {
	padding:			2px;
	text-align:			center;
	vertical-align:		middle;
}

.trimg {
	text-align:			center;
}

/*****
newsroom
*****/

div.itemtitle {
	font-weight:		bold;
	display:			inline;
	width:				350px;
	float:				left;
}

div.itemdate {
	font-style:			italic;
	margin-top:			12px;
}

div.itemdesc {
	margin-top:			12px;
}

div.itemmore {
	display:			inline;
	float:				left;
}

#home div.itemtitle, #home div.itemmore {
	display:			block;
	float:				none;
}

/*****
rounded corners
*****/
.box {margin:10px;}
.t {background: url(../img/cccccc_1x1.gif) 0 0 repeat-x;}
.b {background: url(../img/cccccc_1x1.gif) 0 100% repeat-x}
.l {background: url(../img/cccccc_1x1.gif) 0 0 repeat-y}
.r {background: url(../img/cccccc_1x1.gif) 100% 0 repeat-y}
.bl {background: url(../img/box_bl.gif) 0 100% no-repeat}
.br {background: url(../img/box_rb.gif) 100% 100% no-repeat}
.tl {background: url(../img/box_tl.gif) 0 0 no-repeat}
.tr {background: url(../img/box_tr.gif) 100% 0 no-repeat; padding:12px 6px} 

.tr a {
	font-weight:		normal;
}

.tr a:hover {
	font-weight:		normal;
}