/* CSS Document */

body			{ margin: 0px; background-image: url(../images/body_bg.gif); background-repeat: repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; background-color: #F5F5F5; }

div.head_0		{ width: 784px; height: 83px; background-image: url(../images/head_bg.gif); }
div.head_0_1	{ width: 110px; height: 65px; background-image: url(../images/head_logo.gif); float: left; margin-top: 10px; margin-left: 45px; }
div.head_0_2	{ width: 318px; height: 41px; background-image: url(../images/head_manufacturers.gif); float: left; margin-top: 18px; margin-left: 220px; }
div.head_1		{ width: 16px; height: 27px; background-color: #3d4b54; float: left; }
div.head_2		{ width: 766px; height: 300px; float: left; border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; background-color: #64727D; }
div.head_2_1	{ width: 174px; height: 298px; border: 1px solid #64727d; background-color: #919ba3; float: left; }
div.head_2_2	{ width: 586px; height: 300px; background-color: #919ba3; background-image: url(../images/head_house.gif); float: left; }

/* Header Navigation */
div.header_menu_wrapper_large { width: 766px; background-color: #3d4b54; clear: both; margin-left: 17px; }
#header_menu_wrapper_small 	{ margin:0; padding:0; text-align:right; height:24px; width: 766px; background-color: #3d4b54; text-align: left; margin-left: 17px; overflow: hidden; clear: both; }
#header_menu 				{ padding: 5px 10px 5px 10px; margin:0; }
#header_menu li 			{ display:inline; list-style-type:none; }
#header_menu li a 			{ padding: 5px 10px 5px 10px; color: #ffffff; background-color: #3d4b54; font-weight: bold; text-decoration: none; }
#header_menu li a:hover 	{ color: #64727d; background-color: #d4eafb; }

/* top left */
div.top_left_text		{ width: 168px; color: #FFFFFF; margin: 5px; }
div.top_left_text a				{ color: #FFFFFF; text-decoration: underline; }
div.top_left_text a:hover		{ color: #666666; text-decoration: none; }
div.head_2_1_options	{ width: 160px; float: left; padding: 5px; }
#left_menu 				{ padding: 5px 0px 5px 0px; margin:0; }
#left_menu li 			{ display:block; list-style-type:none; border-bottom: 1px #64727d dashed; padding-bottom: 3px; padding-top: 3px; }
#left_menu li a 		{ padding: 5px 0px 5px 0px; color: #F3F3F3; text-decoration: none; }
#left_menu li a:hover 	{ color: #d4eafb; text-decoration: underline; }

/* Content panes */
div.content				{ width: 766px; background-color: #ffffff; margin-left: 17px; overflow: hidden; }
div.left				{ width: 174px; float: left; background-color: #ffffff; padding-bottom: 2px; overflow: hidden; }
div.right				{ width: 587px; background-color: #ffffff; float: left; }


/* Left box */
div.left_box_title		{ width: 169px; height: 20px; background-color: #F5F5F5; color: #3d4b54; font-weight: bold; padding-left: 5px; padding-top: 3px; }
div.left_box			{ width: 168px; border-right: 1px solid #F5F5F5; padding-left: 5px; padding-top: 5px; padding-bottom: 5px;  background-color: #919ba3; border-right: 1px solid #64727d; }
div.left_box label		{ font-weight: bold; color: #F4F4F4; }

#left_box_links 			{ padding: 5px 0px 5px 0px; margin:0; }
#left_box_links li 			{ display:block; list-style-type:none; padding-bottom: 3px; padding-top: 3px; }
#left_box_links li a 		{ padding: 5px 0px 5px 0px; color: #F3F3F3; text-decoration: none; }
#left_box_links li a:hover 	{ color: #d4eafb; text-decoration: underline; }

/* right */
div.right_title				{ width: 585px; height: 20px; padding-left: 5px; padding-top: 3px; background-color: #919ba3; color: #ffffff; font-weight: bold; }
div.right h1				{ width: 100%; background-color: #919ba3; height: 20px; font-size: 1em; padding-left: 5px; padding-top: 3px; color: #ffffff; margin: 0px; }
div.right_content		{ width: 579px; padding: 5px; color: #666666; overflow: hidden;}
div.right a				{ color: #3d4b54; }
div.right a:hover		{ color: #999999; text-decoration: underline; }
div.services_img		{ width: 250px; height: 166px; border: 1px solid #CCCCCC; float: right; }

/* Door Types */
div.type_wrap			{ width: 180px; height: 20px; height: 170px; float: left; margin: 5px; overflow: hidden; }
div.type_title			{ width: 180px; background-color: #F3F3F3; }
div.type_img			{ width: 180px; height: 130px; }
div.type_text			{ width: 180px; height: 20px; overflow: hidden; }

/* Colours */
div.colours_wrap		{ width: 160px; height: 46px; float: left; margin: 5px; overflow: visible; }
div.colours_img			{ width: 100px; height: 26px; margin-left: 30px; }
div.colours_txt			{ width: 160px; height: 20px; text-align: center; overflow: visible; }
div.colours_title		{ clear: both; margin-top: 5px; margin-bottom: 5px; color: #000000; font-weight: bold; }

/* Forms General */
form { margin: 0px; }
.inputbox_signup 		{ border: 1px solid #3d4b54; height: 16px; width: 150px; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
.inputbox_enquiry 		{ border: 1px solid #3d4b54; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
.button_signup 			{ border: solid 1px #3d4b54; height: 25px; background: #F5F5F5; color: #3d4b54; font-weight: bold; font-size: 1em; padding: 2px; }

/* Footer */
div.footer				{ width: 766px; height: 50px; margin-left: 17px; border-top: 1px solid #3d4b54; background-color: #919ba3; text-align: center; color: #ffffff; }
div.footer a			{ color: #ffffff; text-decoration: underline; }
div.footer a:hover		{ color: #CCCCCC; text-decoration: none; }