@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background-color: #f5f5f5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
}

#breadcrumb {
	font-size: 12px;
	text-decoration: none;
}

#canvas {
	padding: 20px;
	background-color: #fff;
	border: 10px solid #e5e5e5;
}

#canvas h2 {
	margin: 0 0 20px 0;
	padding: 0 0 5px 0;
	font-size: 18px;
	border-bottom: 1px solid #666;
}

#canvas p {
	font-size: 12px;
}

#colour_chart div.column {
	float: left;
}

#colour_chart div.column div.colour {
	width: 91px;
	height: 120px;
	text-align: center;
}

#colour_chart div.column div.colour img {
	cursor: pointer;
}


#colour_chart div.column div.colour p {
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 11px;
	text-align: center;
}

#content_frame {
	width: 844px;
	background-color: #666;
}

#content_frame div.clear {
	clear: both;
}

#display_cart_form,
#display_cart_form p,
#display_cart_form p input {
	margin: 0;
	padding: 0;
}

#display_cart_form p input {
	width: 100%;
}

#footer {
	height: 50px;
	clear: both;
	background-color: #666;
	border-top: 1px solid #666;
}

#footer p {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #fff;
	line-height: 50px;
}

#frame {
	height: 400px;
}

#frame_content {
	padding: 20px;
	float: right;
	width: 604px;
	background-color: #fff;
	border: 10px solid #e5e5e5;
}

#frame_content div.product {
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #666;
}

#frame_content div.product div.clear {
	clear: both;
}

#frame_content div.product div.image {
	float: left;
	width: 120px;
	vertical-align: top;
}

#frame_content div.product div.information {
	float: left;
	width: 364px;
	vertical-align: top;
}

#frame_content div.product div.information h3 {
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 14px;
}

#frame_content div.product div.purchase {
	float: left;
	width: 120px;
	vertical-align: top;
}

#frame_content div.product div.purchase div {
	margin: 0 0 20px 0;
	text-align: center;
}

#frame_content div.product div.purchase div.selected_colour img {
	margin-right: auto;
	margin-left: auto;
	display: none;
}

#frame_content div.product div.purchase div.selected_colour p {
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-style: italic;
	text-align: center;
}

#frame_content div.product div.purchase p {
	margin: 0 0 10px 0;
	padding: 0;
	font-weight: bold;
	text-align: center;
}

#frame_content h2 {
	margin: 20px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #666;
	font-size: 18px;
}

#frame_image {
	float: right;
}

#frame_nav {
	float: left;
    width: 180px;
	background-color: #666;
}

#frame_nav ul {
	margin: 0 20px 0 20px;
	padding: 20px 0 20px 0;
	list-style-type: none;
}

#frame_nav ul li {
	font-size: 18px;
	font-weight: bold;
}

#frame_nav ul li a {
	text-decoration: none;
	color: #fff;
}

#frame_nav ul li ul {
	margin: 0 10px 0 10px;
	padding: 0;
	list-style-type: none;
}

#frame_nav ul li ul li {
	padding: 10px 0 10px 0;
	font-size: 14px;
	font-weight: bold;
}

#header {
	height: 170px;
	background-color: #c2b298;
	background-image: url('/img/head.jpg');
}

#header h1,
#header p {
	display: none;
}

#horizontal_ads {
	margin-top: 20px;
}

#horizontal_ads div.ad {
	float: left;
	width: 392px;
	height: 100px;
	cursor: pointer;
}

#horizontal_ads div.ad h2 {
	margin: 0;
	padding: 0;
	font-size: 16px;
	color: #fff;
}

#left {
	float: left;
	width: 844px;
}

#logo {
	position: relative;
	top: 10px;
	left: 10px;
	height: 100px;
	width: 103px;
	border: 1px solid #666;
}

#menu {
	position: relative;
	margin: 0;
	padding: 0;
	top: 20px;
	width: 1024px;
	height: 30px;
	background-color: #666;
}

#menu_list {
	margin: 0 0 0 20px;
	padding: 0;
	list-style-type: none;
}

#menu_list li {
	margin: 0;
	padding: 0;
	display: inline;
}

#menu_list li a {
	margin : 0;
	padding: 0 40px 0 0;
	display: block;
	float: left;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	line-height: 30px;
	text-decoration: none;
}

#page {
	margin-right: auto;
	margin-left: auto;
	width: 1024px;
	border-right: 1px solid #666;
	border-left: 1px solid #666;
	border-bottom: 1px solid #666;
	background-color: #aa885f;
}

#page .divide {
	height: 20px;
	background-color: #aa885f;
	clear: both;
}

#recommended_driveway_ad {
	margin-left: 20px;
	background-image: url('/img/recmmended_driveway.png');
}

#recommended_driveway_ad h2 span.first_line {
	position: relative;
	top: 20px;
	left: 20px;
}

#recommended_driveway_ad h2 span.second_line {
	position: relative;
	top: 50px;
	left: -120px;
}

#recommended_installers_ad {
	margin-left: 20px;
	background-image: url('/img/recommended_installers.png');
}

#recommended_installers_ad h2 span.first_line {
	position: relative;
	top: 20px;
	left: 170px;
}

#recommended_installers_ad h2 span.second_line {
	position: relative;
	top: 50px;
	left: 50px;
}

#right {
	float: right;
	width: 180px;
}

#right div.right_ad_box {
	margin: 0 5px 10px 5px;
	padding: 10px 0;
	background-color: #c2b298;
	background-image: url('/img/right_ad_box.png');
	border: 1px solid #fff;
	cursor: pointer;
}

#right div.right_ad_box p {
	margin: 0;
	padding: 0;
	font-weight: bold;
	text-align: center;
	color: #fff;
}

#right div.right_ad_box p.price {
	font-size: 16px;
}

#right div.right_ad_box p.title,
#right div.right_ad_box p.unit {
	font-size: 16px;
}

#right div.right_box {
	margin: 0 5px 10px 5px;
	padding: 10px;
	background-color: #c2b298;
}

#right div.right_box div.product {
	margin: 0 0 10px 0;
	background-color: #ddd4c5;
}

#right div.right_box div.product p span.quantity {
	font-size: 12px;
}

#right div.right_box div.product p span.quantity {
	font-size: 11px;
	font-style: italic;

}

#right div.right_box h3 {
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #fff;
	font-size: 12px;
	text-align: center;
	color: #fff;
}

#shopping_cart div div.clear {
	clear: both;
}

#shopping_cart div.cart_product div.column {
	margin: 0 2px 2px 0;
	padding: 2px 0 2px 2px;
	float: left;
	background-color: #ddd;
}

#shopping_cart div.cart_product div.column input {
	margin: 0;
	padding: 0;
	font-size: 11px;
}

#shopping_cart div.cart_product div.delete,
#shopping_cart div.table_header div.delete_title {
	width: 40px;
	height: 30px;
	text-align: center;
}

#shopping_cart div.cart_product div.item,
#shopping_cart div.table_header div.item_title {
	width: 240px;
	height: 30px;
}

#shopping_cart div.cart_product div.price,
#shopping_cart div.table_header div.price_title,
#shopping_cart div.cart_product div.total,
#shopping_cart div.table_header div.total_title {
	width: 60px;
	height: 30px;
	text-align: center;
}

#shopping_cart div.cart_product div.quantity,
#shopping_cart div.table_header div.quantity_title {
	width: 90px;
	height: 30px;
	text-align: center;
}

#shopping_cart div.cart_product div.update,
#shopping_cart div.table_header div.update_title {
	width: 90px;
	height: 30px;
	text-align: center;
}

#shopping_cart div.cart_product p {
	margin: 0;
	padding:0;
	font-size: 11px;
}

#shopping_cart div.table_header div.column {
	margin: 0 2px 2px 0;
	padding: 2px 0 2px 2px;
	float: left;
	background-color: #aaa;
	font-weight: bold;
}

#shopping_cart p.bold {
	font-weight: bold;
}

#shopping_cart p.hidden {
	display: none;
}

#shopping_cart p.note {
	font-size: 11px;
	font-style: italic;
}

#shopping_cart p.note span.bold {
	font-weight: bold;
}

#shopping_cart p.right {
	text-align: right;
}

#shopping_cart p.right span.bold {
	font-weight: bold;
}

#shopping_cart p.right span.italic {
	font-style: italic;
}

#shopping_cart p.right span.red {
	color: #ff0000;
}

#shopping_cart_form {
	margin: 0;
	padding: 0;
}

#stains_seals {
	margin: 0 0 20px 0;
}

#tile {
	position: absolute;
    width: 180px;
	height: 400px;
	background-image: url('/img/tile.png');
}

#tile_menu {
	margin: 0;
	padding: 20px;
	list-style-type: none;
}

#tile_menu li {
	margin: 0;
	padding: 0 0 25px 0;
}

#tile_menu li h3 {
	margin: 0;
	padding: 0;
	font-size: 18px;
}

#tile_menu li h3 a {
	color: #fff;
	text-decoration: none;
}

#tile_menu li p {
	margin: 0;
	padding: 5px 0 0 0;
	font-weight: bold;
	color: #fff;
}