* {margin:0;padding:0;}

body{
	background:#A3977C url(../images/bck.jpg) repeat-x scroll 0 0;
	line-height:1.3em; 
	color:#333333;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	line-height: 1.4em;
	margin-top: 19px;
}

a.custLink:link {  color: #FFFFFF; font-size: 20px; text-decoration: underline;}
a.custLink:visited {  color: #FFFFFF; font-size: 20px; text-decoration: underline;}
a.custLink:hover {  color: #FFFFFF; font-size: 20px; text-decoration: underline;}
a.custLink:active {  color: #FFFFFF; font-size: 20px; text-decoration: underline;}


/*------------------- Headers ----------------*/
h1 {
    width:206px;
    height:140px;
    position:relative;
    top:0px;
    left:0px;
    background: url(../images/logo_door_store.jpg) no-repeat;
}
h2 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	color: #fff;
    width:260px;
    height:45px;
    position:relative;
    margin-bottom:5px;
	padding: 7px 0 0 15px;
    background: url(../images/left_title.jpg) no-repeat;
}

#main {
	width:960px;
	margin:0 auto;
}

#top_bar {
	width:940px;
}

/*------------------- container for phone numbers at top ----------------*/
.phone {
	width: 754px;
	height: 140px;
	position: relative;
	float: right;
	vertical-align: bottom;
	margin-top: -140px;
	background: url(../images/phone_numbers_sale.jpg) no-repeat;
}
.enquiry_list {
	float: right;
	padding-right: 27px;
	padding-top: 115px;
}
/*------------------- LARGE main image container *HOMEPAGE ONLY* ----------------*/
.mainimg {
	background: #fff;
	width: 940px;
	height: 293px;
	margin:0 auto;
}
/*------------------- LARGE shadow background behind main image *HOMEPAGE ONLY* ----------------*/
.shadow {
	background: url(../images/shadow_bck.jpg) no-repeat;
	padding:10px;
	width: 940px;
	height: 335px;
}
/*------------------- MEDIUM main image container ----------------*/
.mainimg_medium {
	background: #fff;
	width: 940px;
	height: 151px;
	margin:0 auto;
}
/*------------------- MEDIUM shadow background behind main image ----------------*/
.shadowmedium {
	background: url(../images/shadow_bck_med.jpg) no-repeat;
	padding:10px;
	width: 940px;
	height: 192px;
}
/*------------------- SMALL shadow background *PAGES WITHOUT MAIN IMAGE* ----------------*/
.shadowsmall {
	background: url(../images/shadow_bck_sm.jpg) no-repeat;
	padding:10px;
	width: 940px;
	height: 41px;
}

#left_content {
	width: 260px;
	float: left;
}

#left_content_top {
	margin-left:10px;
	background: #736953;
	width: 260px;
	padding-bottom: 15px;
	height: 300px;
}

#open_hours {
	margin-left:10px;
	position: relative;
	width: 260px;
	height: 99px;
	background: #736953;
	padding-bottom: 15px;
	border-bottom: 2px solid #2E2A21;

	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	line-height: 1.4em;
	color: #fff;
}

.search {
	padding: 0 0 15px 15px;
}

#main_content {
	margin-right:10px;
	background: #fff;
	width: 665px;
	float: right;
	min-height: 521px;
}

#main_contentdetails {
	margin: 0 10px 10px;
	background: #fff;
	width: 940px;
	min-height: 521px;
}

.offer {
	width: 635px;
	height: 56px;
	background: #554E3E;
	padding: 15px;
}

.product_title {
	width: 635px;
	height: 60px;
	background: url(../images/title_bck.jpg) #554E3E no-repeat;
	padding: 30px 30px 0 0;
	background-position: 15px 15px;
	text-align: right;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-style: normal;
	font-weight: normal;
	color: #fff;
	line-height: 45px;
}

.product_titledetails {
	width: 910px;
	height: 60px;
	background: url(../images/title_bcknew.jpg) #554E3E no-repeat;
	padding: 30px 30px 0 0;
	background-position: 15px 15px;
	text-align: right;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-style: normal;
	font-weight: normal;
	color: #fff;
	line-height: 45px;
}

h3 {
	font-size: 26px;
	color: #fff;
	font-style: normal;
	font-weight: normal;
}

.product_title_sml {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	color: #fff;
}

.text {
	width: 405px;
	padding: 15px 0 15px 15px;
	float: left;
}

.text_full {
	width: 650px;
	padding: 15px 0 15px 15px;
	float: left;
}

.pro_full {
	width: 650px;
	margin:10px;
	float: left;
}


.pro_full img{
	border:0 none;
	margin-bottom: 15px;
}

.product_img{
	float: left;
	margin: 11px 0 0 15px;
}

.pricefrom {
	font-style: italic;
	font-weight: bold;
}

div.product{
	background: url(../images/product_bck.jpg) no-repeat;
	width: 191px;
	height: 111px;
	margin: 0 15px 15px 0;
	float: left;
	text-align: right;
	line-height:188px;
	padding-right: 10px;
}
div.product a{
	background: url(../images/product_bck.jpg) no-repeat;
	width: 191px;
	height: 111px;
	float: left;
	color: #fff;
	text-decoration: none;
	font-size: 18px;
	padding-right: 10px;
}
div.product a:link{
	background: url(../images/product_bck.jpg) no-repeat;
	width: 191px;
	height: 111px;
	float: left;
	color: #fff;
	text-decoration: none;
	font-size: 18px;
	padding-right: 10px;
}
div.product a:hover{
	background: url(../images/product_bck_ovr.jpg) no-repeat;
	width: 191px;
	height: 111px;
	float: left;
	color: #fff;
	text-decoration: none;
	font-size: 18px;
	padding-right: 10px;
}

div.product_door{
	background: #fff;
	border: 1px solid #736953;
	width: 170px;
	height: 270px;
	margin: 0 28px 15px 0;
	float: left;
	text-align: left;
	line-height: 20px;
	padding-left: 15px;
}

div.product_door_land{
	background: #fff;
	border: 1px solid #736953;
	width: 390px;
	height: 230px;
	margin: 0 28px 15px 0;
	float: left;
	text-align: left;
	line-height: 20px;
	padding-left: 0px;
}
div.product_door a{
	width: 135px;

	float: left;
	color: #2D2A20;
	text-decoration: none;
	font-size: 16px;
	padding-left: 10px;
	margin-left: -10px;
}
div.product_door a:link{
	width: 135px;
	height: 198px;
	float: left;
	color: #2D2A20;
	text-decoration: none;
	font-size: 16px;
	padding-left: 10px;
	margin-left: -10px;
}
div.product_door a:hover{
	width: 135px;
	height: 198px;
	float: left;
	color: #2D2A20;
	text-decoration: none;
	font-size: 16px;
	padding-left: 10px;
	margin-left: -10px;
}

div.product_door_land a{
	width: 135px;

	float: left;
	color: #2D2A20;
	text-decoration: none;
	font-size: 16px;
	padding-left: 10px;
	margin-left: -10px;
}
div.product_door_land a:link{
	width: 135px;
	height: 198px;
	float: left;
	color: #2D2A20;
	text-decoration: none;
	font-size: 16px;
	padding-left: 10px;
	margin-left: -10px;
}
div.product_door_land a:hover{
	width: 135px;
	height: 198px;
	float: left;
	color: #2D2A20;
	text-decoration: none;
	font-size: 16px;
	padding-left: 10px;
	margin-left: -10px;
}

.info {
	border: 0px;
	position: relative;
	left: 20px;
	top: -15px;
}

.info_land {
	border: 0px;
	position: relative;
	left: 15px;
	top: 15px;
}

.map {
	padding: 15px;
	width: 188px;
	height: 241px;
	float: left;
}

#footer {
	background:#2E2A21;
	color:#FFFFFF;
	font-family:Verdana,Arial,sans-serif;
	font-size:13px;
}

/*-----------
Main Navigation
*/
#nav {
width: 940px;
height: 40px;
position: relative;
background: url(../images/nav_main.png);
margin: 0 auto;
padding: 0;
list-style:none;
}

#nav li {
float: left;
}

#nav li a {
position: absolute;
top: 0;
margin: 0;
padding: 0;
display: block;
height: 40px;
background: url(../images/nav_main.png) no-repeat;
text-indent: -9999px;
overflow: hidden;
}

/*up state*/
li#nav_home a {
left: 0;
width: 135px;
background-position: 0 0;
}

li#nav_products a {
left: 135px;
width: 134px;
background-position: -135px 0;
}

li#nav_showrooms a {
left: 269px;
width: 134px;
background-position: -269px 0;
}

li#nav_about a {
left: 403px;
width: 136px;
background-position: -403px 0;
}

li#nav_job a {
left: 539px;
width: 134px;
background-position: -539px 0;
}

li#nav_location a {
left: 673px;
width: 134px;
background-position: -673px 0;
}

li#nav_contacts a {
left: 807px;
width: 133px;
background-position: -807px 0;
}

/*hover state*/
li#nav_home a:hover {
background-position: 0 -50px;
}

li#nav_products a:hover {
background-position: -135px -50px;
}

li#nav_showrooms a:hover {
background-position: -269px -50px;
}

li#nav_about a:hover {
background-position: -403px -50px;
}

li#nav_job a:hover {
background-position: -539px -50px;
}

li#nav_location a:hover {
background-position: -673px -50px;
}

li#nav_contacts a:hover {
background-position: -807px -50px;
}


/*-----------
Product Navigation
*/
#nav_pro {
width: 260px;
position: relative;
background: url(../images/nav_prod_off_bg.png);
margin: 0;
padding: 0;
list-style:none;
}

#nav_pro li {
float: left;
height: 30px;
}

#nav_pro li a {
top: 0;
margin: 0;
padding: 0;
display: block;
height: 30px;
background: url(../images/nav_prod_off_bg.png) no-repeat;
overflow: hidden;
}

/*up state*/
li#left_nav_link a {
	width: 260px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 20px;
	padding-top: 6px;
}

/*hover state*/
li#left_nav_link a:hover {
background: url(../images/nav_prod_on_bg.png) no-repeat;
}

li#nav_int a {
top: 0;
width: 260px;
background-position: 0 0;
}

li#nav_ext a {
top: 30px;
width: 260px;
background-position: 0 -30px;
}

li#nav_handles a {
top: 60px;
width: 260px;
background-position: 0 -60px;
}

li#nav_moulds a {
top: 90px;
width: 260px;
background-position: 0 -90px;
}

li#nav_stairs a {
top: 120px;
width: 260px;
background-position: 0 -120px;
}

li#nav_lourve a {
top: 150px;
width: 260px;
background-position: 0 -150px;
}

li#nav_mirror a {
top: 180px;
width: 260px;
background-position: 0 -180px;
}

li#nav_floors a {
top: 210px;
width: 260px;
background-position: 0 -210px;
}

/*hover state*/
li#nav_int a:hover {
background-position: -270px 0;
}

li#nav_ext a:hover {
background-position: -270px -30px;
}

li#nav_handles a:hover {
background-position: -270px -60px;
}

li#nav_moulds a:hover {
background-position: -270px -90px;
}

li#nav_stairs a:hover {
background-position: -270px -120px;
}

li#nav_lourve a:hover {
background-position: -270px -150px;
}

li#nav_mirror a:hover {
background-position: -270px -180px;
}

li#nav_floors a:hover {
background-position: -270px -210px;
}


.footer_nav {
	width: 940px;
	margin: 0 auto;
}


/*Internal Doors Footer*/
#foot_int {
float: left;
width: 117px;
height: 178px;
position: relative;
background: url(../images/foot_int.png);
margin: 0 auto;
padding: 0;
list-style:none;
}

#foot_int li {
float: left;
}

#foot_int li a {
position: absolute;
top: 0;
margin: 0;
padding: 0;
display: block;
height: 34px;
background: url(../images/foot_int.png) no-repeat;
text-indent: -9999px;
overflow: hidden;
}

/*up state*/
li#foot_inter a {
left: 0;
width: 117px;
background-position: 0 0;
}
li#foot_mah a {
top: 34px;
width: 117px;
background-position: 0 -34px;
}
li#foot_clear a {
top: 58px;
width: 117px;
background-position: 0 -58px;
}

li#foot_knot a {
top: 82px;
width: 117px;
background-position: 0 -82px;
}

li#foot_pitch a {
top: 106px;
width: 117px;
background-position: 0 -106px;
}

li#foot_white a {
top: 130px;
width: 117px;
background-position: 0 -130px;
}

li#foot_walnut a {
top: 154px;
width: 117px;
background-position: 0 -154px;
}

/*hover state*/
li#foot_inter a:hover {
background-position: -129px 0;
}

li#foot_mah a:hover {
background-position: -129px -34px;
}

li#foot_clear a:hover {
background-position: -129px -58px;
}

li#foot_knot a:hover {
background-position: -129px -82px;
}

li#foot_pitch a:hover {
background-position: -129px -106px;
}

li#foot_white a:hover {
background-position: -129px -130px;
}

li#foot_walnut a:hover {
background-position: -129px -154px;
}



/*External Doors Footer*/
#foot_ext {
float: left;
width: 117px;
height: 106px;
position: relative;
background: url(../images/foot_ext.png);
margin: 0 auto;
padding: 0;
list-style:none;
}

#foot_ext li {
float: left;
}

#foot_ext li a {
position: absolute;
top: 0;
margin: 0;
padding: 0;
display: block;
height: 34px;
background: url(../images/foot_ext.png) no-repeat;
text-indent: -9999px;
overflow: hidden;
}

/*up state*/
li#foot_exter a {
left: 0;
width: 117px;
background-position: 0 0;
}
li#foot_mahx a {
top: 34px;
width: 117px;
background-position: 0 -34px;
}
li#foot_grp a {
top: 58px;
width: 117px;
background-position: 0 -58px;
}

li#foot_upvc a {
top: 82px;
width: 117px;
background-position: 0 -82px;
}

/*hover state*/
li#foot_exter a:hover {
background-position: -127px 0;
}

li#foot_mahx a:hover {
background-position: -127px -34px;
}

li#foot_grp a:hover {
background-position: -127px -58px;
}
li#foot_upvc a:hover {
background-position: -127px -82px;
}



/*Door Handles Footer*/
#foot_han {
float: left;
width: 117px;
height: 82px;
position: relative;
background: url(../images/foot_handles.png);
margin: 0 auto;
padding: 0;
list-style:none;
}

#foot_han li {
float: left;
}

#foot_han li a {
position: absolute;
top: 0;
margin: 0;
padding: 0;
display: block;
height: 34px;
background: url(../images/foot_handles.png) no-repeat;
text-indent: -9999px;
overflow: hidden;
}

/*up state*/
li#foot_hand a {
left: 0;
width: 117px;
background-position: 0 0;
}
li#foot_trad a {
top: 34px;
width: 117px;
background-position: 0 -34px;
}
li#foot_cont a {
top: 58px;
width: 117px;
background-position: 0 -58px;
}

/*hover state*/
li#foot_hand a:hover {
background-position: -128px 0;
}

li#foot_trad a:hover {
background-position: -128px -34px;
}

li#foot_cont a:hover {
background-position: -128px -58px;
}




/*Moulds , Stairs , Lourve , Mirror Doors Footer*/
#foot_four {
float: left;
width: 471px;
height: 30px;
position: relative;
background: url(../images/foot_four.png);
margin: 0 auto;
padding: 0;
list-style:none;
}

#foot_four li {
float: left;
}

#foot_four li a {
position: absolute;
top: 0;
margin: 0;
padding: 0;
display: block;
height: 30px;
background: url(../images/foot_four.png) no-repeat;
text-indent: -9999px;
overflow: hidden;
}

/*up state*/
li#foot_moulds a {
left: 0;
width: 118px;
background-position: 0 0;
}
li#foot_stairs a {
left: 119px;
width: 118px;
background-position: -119px 0;
}
li#foot_lourve a {
left: 236px;
width: 118px;
background-position: -236px 0;
}
li#foot_mirror a {
left: 354px;
width: 117px;
background-position: -354px 0;
}

/*hover state*/
li#foot_moulds a:hover {
background-position: 0 -40px;
}

li#foot_stairs a:hover {
background-position: -119px -40px;
}

li#foot_lourve a:hover {
background-position: -236px -40px;
}

li#foot_mirror a:hover {
background-position: -354px -40px;
}




/*Floors Footer*/
#foot_floors {
float: left;
width: 117px;
height: 106px;
position: relative;
background: url(../images/foot_floors.png);
margin: 0 auto;
padding: 0;
list-style:none;
}

#foot_floors li {
float: left;
}

#foot_floors li a {
position: absolute;
top: 0;
margin: 0;
padding: 0;
display: block;
height: 34px;
background: url(../images/foot_floors.png) no-repeat;
text-indent: -9999px;
overflow: hidden;
}

/*up state*/
li#foot_floor a {
left: 0;
width: 117px;
background-position: 0 0;
}
li#foot_lam a {
top: 34px;
width: 117px;
background-position: 0 -34px;
}
li#foot_wood a {
top: 58px;
width: 117px;
background-position: 0 -58px;
}
li#foot_stone a {
top: 82px;
width: 117px;
background-position: 0 -82px;
}

/*hover state*/
li#foot_floor a:hover {
background-position: -119px 0;
}

li#foot_lam a:hover {
background-position: -119px -34px;
}

li#foot_wood a:hover {
background-position: -119px -58px;
}

li#foot_stone a:hover {
background-position: -119px -82px;
}


.locationleft{
border-right:1px solid #554E3E;
float:left;
margin-right:10px;
padding-right:10px;
width:302px;
}

.locationright{
width:302px; 
float: left;
}

/*-----------
Sticky Footer Solution
*/

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%; margin-bottom:20px;}

#main {padding-bottom: 230px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -230px; /* negative value of footer height */
	height: 230px;
	clear:both;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */.normal {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	border: 1px solid #666666;
}

.DerivTable td {
	padding: 5px;
}