/*
reset css
*/
table, img, a, fieldset{ border:0;}

form{  margin:0; padding:0;}


/* stops the nasty horizontal shift with centered layouts in moz etc */
 html { height: 100%; margin-bottom: 1px; } 

body{font-family: Verdana, Arial, Helvetica, sans-serif; background:#fff url(/images/wood-floor-bg5.jpg); padding-top:10px; padding-bottom:10px; text-align:center;
background-attachment:fixed;
}


/*links*/
	a:link{color:#A51E18; text-decoration:none;}
	a:visited{color:#A51E18;}
	a:hover{color:#A51E18; text-decoration:underline;}
	a:active{color:#A51E18;}
	
	
	#header{ background:url(/images/kitchen-technic-header.jpg) 0 0 no-repeat;  height:211px; width:1000px;}

/*	used for rounded corners */
/*	.innerDIV{
	padding:20px;
	}*/
	.myBox{
	text-align:left;
	background:#A51E18;
		/*	other options 
		margin:0 auto;
		*/
/*		
		padding:5px;*/
		border:6px solid #fff;
		 /*#0CA2C3;*/
		text-align:center;
		/*color:#fff;*/
/*		height:20px;
		margin-bottom:20px;*/
		clear:both;
		margin:0;
		padding:0;
		width:1000px;
		margin:30px auto 30px auto;
	}
/*	#container{
	background: url(/images/nav-sidebar-color.gif) left left repeat-y;
	}*/
	.main-content{
	background:#fff;
	}

A.leftlinks:link {
	font-size: 80%;
	color:#fff;
	font-weight: bold;
	text-decoration: none;
	
}
A.leftlinks:visited {
	font-size: 80%;
	color:#fff;
	font-weight: bold;
	text-decoration: none;
	
}
A.leftlinks:hover {
	font-size: 80%;
	color: #CCC;
	font-weight: bold;
	text-decoration: underline;
	
}
.leftlinkscell {
	padding-left: 10px;
	height: 23px;
/*	border-bottom-color:#fff;
	border-bottom-style: solid;
	border-bottom-width: 1px;*/
}
A.subleftlinks:link {
	font-size: 75%;
	color:#fff;
	font-weight: bold;
	text-decoration: none;
	
}
A.subleftlinks:visited {
	font-size: 75%;
	color:#fff;
	font-weight: bold;
	text-decoration: none;
	
}
A.subleftlinks:hover {
	font-size: 75%;
	color: #CCC;
	font-weight: bold;
	text-decoration: underline;
	
}
.subleftlinkscell {
	padding-left: 30px;
	height: 20px;
	background-color: #990000;
}
.bottomwhiteborder {
/*	border-bottom-color:#fff;
	border-bottom-style: solid;
	border-bottom-width: 1px;*/
}
.bodytext {
	color:#000;
	font-size: 80%;
	padding: 10px;
	font-weight: normal;
	text-align: justify;
}

.smallbodytext {
	color:#000;
	
	font-size: 70%;
}
.smallbodytext2 {
	color:#000;
	
	font-size: 70%;
	padding: 10px;
}
.page_header_text {
	color: #A51E18;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 10px;
}
.pic {
	border:1px solid #000;
}
.left_pic_bk { 
	border: 1px solid #000;
	margin-right: 10px;
}
.right_pic_bk { 
	border: 1px solid#000;
	margin-left: 10px;
}
.toppics {
	border-left-color:#666;
	border-left-width: 1px;
}
.tdbackgroundcolour {
	background-color: #FBF6E3;
}

.sidebar-contact{ color:#fff; font-size:75%; line-height:1.5; text-align:left; padding-left:10px;}


#footer {
	color:#fff;
	background:#A51E18;
	text-align:center;
	font-size:75%;
	height:50px;
	line-height:1.5;
}
#footer a, .sidebar-contact a{
	color:#fff;
}

.small-footer{font-size:85%;}

A.footer_email_link:link {
	font-size: x-small;
	color:#000;
	font-weight: bold;
	text-decoration: none;
	
}
A.footer_email_link:visited {
	font-size: x-small;
	color:#000;
	font-weight: bold;
	text-decoration: none;
	
}
A.footer_email_link:hover {
	font-size: x-small;
	color:#000;
	font-weight: bold;
	text-decoration: underline;
	
}




/*
nav css tabs
*/
#button{
	width:190px;
	padding:0 0 1em 0;
	margin-bottom:0.1em;
    font-size:95%;
	background:transparent;
	color:#555;
	font-weight:500;
	text-transform:capitalize;
	text-align:left;
        }

#button ul{
    list-style:none;
    margin:0;
    padding:0;
    border:none;
}

#button li{
    margin:0;
    list-style:none;
    list-style-image:none;
	border-bottom:1px solid #F9E1BD;
	font-family:Arial, Helvetica, sans-serif;
}

#button li a{
    display:block;
    padding:5px 5px 5px 0.5em;
    border-right:0;
    border-left:5px solid #CC0000; 
    background:#7F0600;
    color:#fff;
    text-decoration:none;
    width:100%;
	/*font-weight:bold;*/
}

html>body #button li a{width:auto;}

/*
hover tab
*/
#button li a:hover, #button li a:focus{
    border-right:0;
    border-left:5px solid #fff;
    /*background:#fff;*/
    color:#fff;
	text-decoration:underline;
}

/*
active tabs
*/			
	body#home #active,
	body#about #active0,
	body#appliances #active1,
	body#kitchens #active2,
	body#door #active3,
	body#pvccoated #active5,
	body#nonstockpvc #active6,
	body#worktops #active7,
	body#photos #active8,
	body#booking #active9,
	body#goforit #active10,
	body#extras-accessories #active11,
	body#bis #active14,
	body#taps #active15,
	body#design-and-installation #active16,
	body#contactus #active17,
	body#faq #active20,
	body#finance #active21,
	body#quotation #active30,
	body#samples #active19
	
	{
		border-right:0px solid #fff; 
		border-left:5px solid #F0D09F;
		background:#fff; 
		color:#000;
		/*font-weight:900;*/
		text-transform:capitalize;
/*		font-style:italic;
		text-align:right;*/
	}
	
	
	
	/*
	sub nav
	*/
	#button .kitchens-nav li a,
	#button .doors-nav li a,
	#button .worktops-nav li a,
	#button .extras-nav li a,
	
	#button .kitchens-nav li a:hover,
	#button .doors-nav li a:hover,
	#button .worktops-nav li a:hover,
	#button .extras-nav li a:hover{
	border-left:30px solid #A51E18;
	background:#AF3C36;
	border-bottom:0;
	position: absolute;
	left: -999em;
	top: -999em;
	/*width: 100px;*/
	height:0;
	}
	
	#button .kitchens-nav li,
	#button .doors-nav li,
	#button .worktops-nav li,
	#button .extras-nav li{ border-bottom:0; 
	}


/*
hide sub nav and appear on certain pages
*/
	#button .kitchens-nav li,
	#button .doors-nav,
	#button .worktops-nav,
	#button .extras-nav{
	position: absolute;
	left: -999em;
	top: -999em;
	}

	body#kitchens #button .kitchens-nav,
	body#door #button .doors-nav,
	body#worktops #button .worktops-nav,
	body#extras-accessories #button .extras-nav{
	position: static;
	}

	
	/*
	sub nav appear again
	*/
	body#kitchens #button .kitchens-nav li a,
	body#door #button .doors-nav li a,
	body#worktops #button .worktops-nav li a,
	body#extras-accessories #button .extras-nav li a{
	 background:#F2DBB9; color:#000; border-left:30px solid #A51E18;
	position: static;
	height: auto;
	}
	
	
	/*
	center box contact page
	*/
	.center-box{ margin:0 auto; width:250px;}
	
	/*#button ul{ padding-bottom:10px;}*/
	
	.sidebar{ float:left; clear:left; padding-left:20px; width:300px; }
	
	.contactform{ float:left; clear:right; width:410px; background:#eee; padding:10px;}
	
	/*.contactform label, .contactform input{ display:block;}*/
	.contactform label{ font-weight:bold;}
	.contactform input{ margin-bottom:10px;}
	form>fieldset{ padding:20px;}
	.contact-block{ padding-bottom:20px;}
	
	
	.privacy-content{ clear:both;  padding:20px;}
	
	
	.hidden{ display:none;}
	
	.required{ color:#A51E18; font-weight:bold;}
	
	h4{ text-transform:uppercase;}
	
	.sub-text{ color:#555; font-size:75%;}
	
	.success{ color:#264409; background:#E6EFC2; border:2px solid #C6D880; padding:10px; text-align:center; width:500px; margin:10px auto;}
	
	p{ line-height:1.5em;}
	
	#webdesign{font-size:60%; padding-top:10px; text-align:right; width:960px; margin:0 auto; text-transform: capitalize;}
	
	
	
	/*
	submit button
	*/
	
	.submit{ padding:5px; margin-top:5px;}
	.content-img{ border:1px solid #000; margin-left:20px; margin-bottom:20px;}
	
/*
image alignments
*/
/* Begin Images */
	p img{
		padding:0;max-width:100%; border:0;}
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
	img.centered{
		display:block;margin-left:auto;margin-right:auto;}

	img.alignright{
		padding:4px;margin:0 0 2px 7px;display:inline;}

	img.alignleft{
		padding:4px;margin:0 7px 2px 0;display:inline;}

	.alignright{
		float:right;}

	.alignleft{
		float:left
		}
/* End Images */