﻿body
{
	background-image: url(images/bg.gif);
	background-repeat: repeat-x;
	background-color: #45362f;
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 12px;
	line-height: 18px;
	margin: 0px 0px 35px 0px;
}

img
{
	border: none;
}

h1
{
	color: #302621;
	font-size: 14px;
	font-weight: bold;
	margin: 18px 0px 0px 0px;
}

h2
{
	color: #45362f;
	font-size: 14px;
	font-weight: bold;
	margin: 18px 0px 0px 0px;
}

h3
{
	color: #45362f;
	font-size: 14px;
	font-weight: bold;
	margin: 18px 0px 0px 0px;
}

a:link, a:visited
{
	color: #302621;
	font-weight: bold;
}

p
{
	margin: 0px 0px 12px 0px;
}

/* Common */

.title
{
	display: block;
	margin: 0px 0px 10px 0px;
}

.emphasis
{
	color: #302621;
	font-weight: bold;
}

.rightmargin
{
	margin: 0px 4px 0px 0px;
}

.indent
{
		margin-left: 6px;
		margin-right: 6px;
}

.floatleft
{
	float: left;
	margin: 0px 10px 0px 0px;
}

.floatright
{
	float: right;
	margin: 0px 0px 0px 10px;
}



/* Layout */

#container
{
	background-image: url(images/cont_bg.gif);
	background-repeat: repeat-y;
	width: 961px;
	position: relative;
	margin: 35px auto 0px auto;
}

	#nav
	{
		background-image: url(images/nav_border.gif);
		background-repeat: no-repeat;
		background-position: left;
		width: 620px;
		height: 20px;
		position: absolute;
		top: 0px;
		left: 330px;
		z-index: 10;
	}

		#nav a:link, #nav a:visited
		{
			background-image: url(images/nav_border.gif);
			background-repeat: no-repeat;
			background-position: right;
			color: #fff;
			font-weight: bold;
			text-decoration: none;
			display: block;
			float: left;
			padding: 0px 8px 0px 8px;
		}
	.cur_nav
	{
		color: #000;
		background-color: #857c74;
	}
	#header
	{
		background-image: url(images/header_bg.gif);
		background-repeat: no-repeat;
		width: 961px;
		height: 140px;
		position: relative;
		z-index: 1;
	}
	
		#logo
		{
			background-image: url(images/logo.gif);
			background-repeat: no-repeat;
			width: 244px;
			height: 139px;
			position: absolute;
			top: 1px;
			left: 77px;
			z-index: 2;
		}
		
			#logo a:link, #logo a:visited, #logo a:active
			{
				display: block;
				width: 244px;
				height: 139px;
			}
	
		.tagline
		{
			position: absolute;
			top: 42px;
			left: 390px;
		}
	
		.newdealer
		{
			background-image: url(images/new_dealer.gif);
			background-repeat: no-repeat;
			display: block;
			width: 220px;
			height: 61px;
			position: absolute;
			top: 33px;
			left: 716px;
		}

	#contentarea
	{
		position: relative;
		top: -33px;
		margin: 0px 8px 0px 8px;
		padding: 0px 17px 0px 17px;
		z-index: 1;
	}
	
	#wired
	{
		font-size: 10px;
		text-align: center;
		text-decoration: none;
		display: block;
	}
		
#footer
{
	background-image: url(images/footer.gif);
	background-repeat: no-repeat;
	width: 961px;
	height: 13px;
	position: relative;
	margin: 0px auto 0px auto;
}

/* 2 Column */

#leftcolumn
{
	background-image: url(images/leftcolumn_bg.gif);
	background-repeat: repeat-y;
	width: 350px;
	position: relative;
	float: left;
}

	#leftcolumn .top
	{
		background-image: url(images/leftcolumn_top.gif);
		background-repeat: no-repeat;
		width: 350px;
		height: 33px;
		position: relative;
	}
	
	#leftcolumn .content
	{
		padding: 20px 21px 0px 21px;
		min-height: 500px;
	}
	
	*html #leftcolumn .content
	{
		height: 500px;
	}
	
	#leftcolumn .bottom
	{
		background-image: url(images/leftcolumn_btm.gif);
		background-repeat: no-repeat;
		width: 350px;
		height: 18px;
		position: relative;
	}

#rightcolumn
{
	width: 555px;
	position: relative;
	float: right;
}

	 #rightcolumn .content
	 {
	 	padding: 8px;
	 }
	 
/* One Column */

#singlecolumn
{
	background-image: url(images/single_bg.gif);
	background-repeat: repeat-y;
	width: 911px;
	position: relative;
}

	#singlecolumn .top
	{
		background-image: url(images/single_top.gif);
		background-repeat: no-repeat;
		width: 911px;
		height: 33px;
		position: relative;
	}
	
	#singlecolumn .content
	{
		padding: 20px 21px 0px 21px;
		min-height: 500px;
	}
	
	*html #singlecolumn .content
	{
		height: 500px;
	}
	
	#singlecolumn .bottom
	{
		background-image: url(images/single_btm.gif);
		background-repeat: no-repeat;
		width: 911px;
		height: 18px;
		position: relative;
	}
	
	#singlecolumn .content .content
	{
		padding: 0px 6px 0px 6px;
	}
	
/* Product Page */

a.productitem
{
	background-image: url(images/product_bg.gif);
	background-repeat: no-repeat;
	text-decoration: none;
	text-align: center;
	display: block;
	width: 265px;
	height: 227px;
	padding: 9px;
	float: left;
	margin: 0px 5px 5px 0px;
}
	
	.producttext h2
	{
		margin: 8px 0px 0px 0px;
	}

.productitem_doors
{
	background-image: url(images/product_doors.gif);
	background-repeat: no-repeat;
	width: 831px;
	height: 182px;
	padding: 9px 9px 9px 19px;
}
	.productimg
	{
		float: left;
	}
	
	.producttext
	{
		width: 600px;
		padding: 5px 0px 0px 10px;
		float: left;
	}
	
	.producttext h2
	{
		margin: 8px 0px 0px 0px;
	}

#prem_products
{
	width: 573px;
	position: relative;
	margin: 0px auto 0px auto;
}

/* Product Details */

.prdetails_left
{
	width: 280px;
	float: left;
	margin: 0px 15px 0px 0px;
}

.prdetails_right
{
	width: 560px;
	float: left;
}	
	
/* Contact */

#map
{
	background-image: url(images/map.gif);
	background-repeat: no-repeat;
	width: 529px;
	height: 424px;
	padding: 13px;
}

	.address
	{
	}
	
/* Photos */

#photo_box
{
	background-image: url(images/photo_box_bg.gif);
	background-repeat: repeat-y;
	width: 860px;
	position: relative;
	margin: 0px auto 0px auto;
}

	#photo_box .top
	{
		background-image: url(images/photo_box_top.gif);
		background-repeat: no-repeat;
		width: 860px;
		height: 12px;
	}
	
	#photo_box .content
	{
		margin: 0px 0px 6px 6px;
	}
	
	#photo_box .content img
	{
		margin: 0px 2px 2px 0px;
	}
	
	#photo_box .bottom
	{
		background-image: url(images/photo_box_btm.gif);
		background-repeat: no-repeat;
		background-position: bottom;
		width: 860px;
		height: 7px;
	}
	

/* */

.windowsdoors
{
	width: 740px;
	float: left;
	margin: 5px 0px 0px 0px;
}

.colouroption
{
	border: solid 1px #000;
	width: 175px;
	height: 80px;
	position: relative;
	float: left;
	margin: 28px 8px 8px 8px;
	padding: 10px;
}

	.colortext
	{
		position: relative;
		top: -30px;
		left: -10px;
	}
	
.subprint
{
	font-size: 10px;
}

#loginDiv
{
	display:inline;
	position:absolute;
	top:-25px;
	right: 5px;
	color:#fff;
}
#loginDiv a:link, #loginDiv a:active, #loginDiv a:visited
{
	color: #fff;
	text-decoration: none;
}
.editPageLink
{
	display:inline;
	position:absolute;
	top: 5px;
	right: 10px;
}
.editPageLink a:link, .editPageLink a:active, .editPageLink a:visited
{

	text-decoration: none;
}

#pageAttributesDiv
{
	display:inline;
	position:absolute;
	top:-25px;
	left: 10px;
	z-index: 100;
	
}