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

body{


	background-color:#E0DCCF;
	margin:0;

}

#holder{

	width:989px;
	background-color:#FFFFFF;
	margin:0 auto;
	padding:0;
	height:100%;

}


#header{

	height:100px;

}


.logo{

	padding-left:20px;
	padding-top:39px;
	margin:0;
	float:left;
	
	
}

#search{

	width:242px;
	height:36px;
	padding-top:16px;
	margin:0;
}



#search-field{

	height:15px;
	padding-left:5px;
	width:175px;
	padding-top:2px;
	border:1px solid #9A966A;
	color:#A79969;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-bottom: 6px;
	

}

.search-text {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    width: 242px;
    float: left;
    font-size: 11pt;
    color: #555555;
}

.left{

	float:left;
	
}

.right{
	
	float:right;
}


.btn-search{
	padding-left:7px;
	padding-top:1px;
	float:left;
	
}


#menu{

	width:989px;
	height:27px;
	text-align:center;
	background-color:#9A966A;

}




#menu  img{
	
	margin-top:4px;
	padding-top:0;
	padding-left:8px;

	
	

}



.img-home{
	padding:0;
	margin:0;
	
}

#bar{
	background-color:#cbc8c1; /*#9A966A;*/
	width:989px;
	height:25px;
	padding: 0px;
	margin-top: 10px;
	margin-bottom:8px;
	text-align:center;
	
}

.banner{
    padding-top: 10px;
	height:347px;
	text-align:center;
}


.banner img{
	padding:0;
	margin:0;
}
.middle{
	width:989px;
	background-color:#FFFFFF;
}

.middle-content{
	width:969px;
	padding-left: 10px;
	background-color:#FFFFFF;
}

.left-content{
	width: 540px;
	float: left;
	margin-left: 5px;
	margin-top: 10px;
}

.right-content{
	width: 370px;
	margin-right: 5px;
	border-left:#b9b8ab 1px dotted;
	float: right;
	margin-top: 10px;
	padding-left: 20px;
}

.box-big{
	width:233px;
	height:175px;
	border:#9A966A 1px solid;
	margin-right:3px;
	margin-left:3px;
	float:left;
	margin-top:8px;
}

.img-content{
	padding:0px;
	margin:0px;
}

.img-big-box{
	padding:0px;
}

.img-small-box{
	padding:0px;
}


.txt-big-box{

	text-align:center;
	width:100%;
	margin:0px;
	padding-top:14px;
	color:#A79969;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
}

.txt-last-box{

	text-align:center;
	width:100%;
	margin:0px;
	padding-top:18px;
	color:#A79969;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
}

.txt-small-box{

	text-align:center;
	width:100%;
	margin:0px;
	padding-top:14px;
	color:#A79969;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
}


.box-small{
	width:233px;
	height:139px;
	border:#9A966A 1px solid;
	margin-right:3px;
	margin-left:3px;
	float:left;
	margin-top:15px;
}

.box-wide{
	width:474px;
	height:160px;
	border:#9A966A 1px dotted;
	margin-right:3px;
	margin-left:3px;
	float:left;
	margin-top:15px;
	text-align:center;
	vertical-align:middle;

	
}

.box-your-style{
	margin-left: 40px;
}

.box-tit{
	text-align:center;
	width:100%;
	margin:0px;
	padding:5px 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#695E4A; /*#FFFFFF;*/

}


.box-wide-tit{
	width:477px;
	height:24px;
	margin:-1px -1px 0 -1px; 
	padding:0;
	float:left;
	background-color:#e4e0d4; /*#9A966A;*/
}



.box-last{
	width:473px;
	height:55px;
	/*border:#9A966A 1px solid;*/
	margin-right:3px;
	margin-left:3px;
	float:left;
	margin-top:4px;

}


.img-box-last{
	padding-left:10px;
	float:left;
}

.logo-footer{

	padding-left:20px;
	float:left;
	
}

#menu-footer{
	width:473px;
	height:105px;
	/*border:#9A966A 1px solid;*/
	margin-right:2px;
	margin-left:1px;
	float:left;
	margin-top:0px;
	margin-bottom:10px;
	clear:both;
}


#menu-footer ul li a{

	color:#8E0F0D;
	height:14px;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:0;
	padding:0;
	
}

#menu-footer ul li {
	list-style:none;
	height:14px;
	margin:0;
	padding:0;
}


#menu-footer ul li a:hover{

	color: #9A966A ;
	height:14px;
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	text-decoration: underline;
}


#menu-footer ul {
	padding:0;
	margin:0;
	margin-top:5px;
	padding-left:18px;
	float:left;
	width:140px;
}

.footer-text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

.line{

	margin-bottom:17px;
	margin-top:15px;

	}
	
.left-border{
	border-left:#8E0F0D 1px solid;
	margin:0;
	padding:0;
}	



/*product-page*/


#products-menu{

	width:240px;
	float:left;	
}

#products-main{

	width:732px;
	float:left;
	padding:0;
	margin:0;
}



.navcontainer ul {
	margin: 3px 3px;
	padding: 0;
	list-style-type: none;
	background-color:#ecebde;
	width:226px;

}

.navcontainer li {
    padding: 2px 0 4px 6px;
	margin: 2px 0;
	width:200px;
	background-image: url(img/line-menu.gif);
    background-position: left;
    background-repeat: no-repeat;
	border-bottom:#b9b8ab 1px dotted;
 }

.navcontainer li:last-child {
    border-bottom: none;
 }

.navcontainer a
{
	display: block;
	color: #695E4A;
	text-decoration: none;
	padding-left:10px;
	margin: 2px 4px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:100%;
    clear: both;


}

.navcontainer a:hover
{
	background-color: #a7a77e;
    width: 194px;
	color: #FFF;

}

#sidenav-title {
    margin-top: 11px;
    width: 220px;
    background-color: #cccccc;
    color: #333333;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    height: 19px;
    padding: 3px 0 0 10px;
}

.sidenav-line {
    margin: 3px 0 3px 0;
    height: 1px;
    border-bottom: 1px solid #cccccc;
    width: 230px;
}

.tit-menu{
	margin: 10px 0;
	color:#5e523d;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;

}


.box-products{
	width:235px;
	height:211px;
	border:#9A966A 1px solid;
	margin-right:7px;
	margin-left:0px;
	padding:0;
	float:left;
    position: relative;
	margin-top:11px;
}

.box-products img{

	margin-top:14px;
	
	text-align:center;
}

.box-products-img{
	
	text-align:center;
	height:160px;

}

.box-products-tit {
	color:#A7A77E;
	font-size:13px;
	height: 30px;
	/*width:147px;*/
	margin:0;
	padding-left: 4px;
	padding-right: 4px;
	/*padding:0 0 0 5px;*/
    text-align: center;
	/*float:left;*/
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
} 

.box-products-price {
	color:#A7A77E;
	font-size:13px;
	width:59px;
	margin:0;
	padding:0 13px 0 0;
	float:right;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
} 

.box-products-view {
	color:#900000;
	font-size:9px;
	/*width:96px;*/
	margin:0px;
    text-align: right;
    display: block;
	/*padding:3px 0 0 13px;*/
	/*float:left;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
} 

.products-showall {
	color:#900000;
	font-size:9px;
	width:726px;
	padding-top:10px;
	padding-bottom:10px;
	margin:0px;
   text-align: right;
   display: block;
   clear: both;
	font-family:Verdana, Arial, Helvetica, sans-serif;
} 


.bar-products{
	width:726px;
	height:20px;
	border:#9A966A 1px solid;
	margin-right:0px;
	margin-left:0px;
	padding:0;
	float:left;
	margin-top:11px;
	background-color:#9A966A;
	
}

.tit-prod{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:3px 0 0 10px;
	margin:0;
	color:#FFFFFF;

}


.box-prod-detail{
	width:726px;
	border:#9A966A 1px solid;
	margin-right:0px;
	margin-left:0px;
	padding-bottom: 14px;
	float:left;
	margin-top:11px;
	position: relative;
}

.img-prod-detail{
	width:340px;
	height:340px;
	float:left;
}

.txt-prod-detail{
	width:355px;
	float:left;
	margin-left:9px;
}


.img-prod-detail img{

	padding:15px;

}

.tit-prod-detail{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:10px 0 0 0;
	margin:0;
	color:#900000;
	width:307px;
	float:left;

}

.txt-prod-detail-price{
	width:362px;
	float:left;

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	padding-left:0px;
	padding-right:0px;
	padding-top:6px;
	margin:0px;
	clear:both;
}

.txt-prod-detail-price-red{
	width:362px;
	float:left;

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	padding-left:0px;
	padding-right:0px;
	padding-top:6px;
	margin:0px;
	clear:both;
	color:#FF0000;
}

.priceprod-detail{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:10px 8px 0 0;
	margin:0;
	color:#900000;
	width:80px;
	float:right;

}

.info-prod-detail{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:5px 0 5px 0;
	margin:0;
	color:#B3AA7E;
	width:357px;
	float:left;

}

.list-prod-detail{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:15px;
	margin:0px;
	color:#B3AA7E;
	width:357px;
	float:left;
	list-style-type: disc;
}

.info-prod-heading{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px 0 5px 0;
	margin:0;
	color:#900000;
	width:357px;
	float:left;

}

.prod-detail-section {
	border-top:#cccccc 1px dotted;
	width:357px;
	float:left;
	padding-top:5px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left:0px;
}

#table-prod{

	padding:0;
	border:1px solid #695E4A;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#B3AA7E;
	margin:2px;
	clear:both;
	

}

.table-tit{

	color:#695E4A;
	
}

.logo-prod{

	padding:10px;
	float:left;
}

#item-tips{
	float:left;
	padding-left:10px;
	padding-top:6px;
	width: 670px;
    text-align: center;
}

.img-tips{
	float:left;
	width: 83px;
	height: 85px;
}

.img-prod-detail-footer{
	float:left;
	clear:both;
	padding-left:9px;
	padding-top:12px;
}

.content-heading {
	padding-top:14px;
	color:#A79969;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
    font-weight: bold;
    text-align: left;
}

/*careers page*/

.label {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
}

.labelHeading {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #9a9669;
    font-weight: bold;
}

.required {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #900000;
    font-weight: bold;
}

.subtext {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #555555;
}

.job-heading{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:5px 0 5px 0;
	margin:0;
	color:#900000;
}

.error {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-align: center;
    color: red;
}

.message {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-align: center;
	 color: #008800;
}

.materialPalette {
	padding-top:6px;
	padding-left: 14px;
	width: 300px;
	float: left;
}

.colourPalette {
	padding-top:6px;
	padding-left: 14px;
	width: 660px;
	float: left;
	/*
	padding-right: 14px;
	width: 300px;
	float: right;
	*/
}

.palette {
	width: 32px;
	height: 32px;
	float: left;
	border-color:white;
	border-style:solid;
	border-width:1px;
	overflow: hidden;
}

#palette a {
	border-color:white;
	border-style:solid;
	border-width:1px;
   }

#palette a:hover {
	border-style:solid;
	border-width:1px;
	border-color:black;
   }

#palette a:active {
	border-style:solid;
	border-width:1px;
	border-color:black;
   }

.disclaimer {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #888888;
    margin-top: 10px;
    float: left;
}

.tit-prod-detail-section{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:8px 14px; 0px; 0px;
	margin:0;
	color:#900000;
	float:left;
	clear: both;
	width: 680px;
}

.newimg {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 37px;
	height: 37px;
}

.newimg-proddetails {
	position: absolute;
	top: 10px;
	left: 5px;
	width: 37px;
	height: 37px;
}
.discount {
	position: absolute;
	top: 45px;
	left: 5px;
	width: 37px;
	height: 37px;
}

.discount-proddetails {
	position: absolute;
	top: 10px;
	left: 5px;
	width: 37px;
	height: 37px;
}

.tit-store-search-section{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:8px 14px; 0px; 0px;
	margin:0;
	color:white;
	background-color: #ed1c22;
	width: 680px;
	float:left;
	clear: both;
}

.postcodeSearchLeft {
	float:left;
	width: 550px;
}

.postcodeSearchRight {
	float:right;
	width: 110px;
}

#selectedMaterial {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#B3AA7E;
	padding:0px;
	width: 330px;
	height: 40px;
	float: left;
	clear: both;
}

#selectedColour {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#B3AA7E;
	padding:0px;
	width: 660px;
	/*width: 330px;*/
	height: 40px;
	float: left;
	clear: both;
}

.textarea-contact {
	width: 420px;
	height: 100px;
}

.link {
	color:#9A966A;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:0;
	padding:0;
}

.link a {
	color:#8E0F0D;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:0;
	padding:0;
}

.link a:hover {
	color: #9A966A ;
	font-size:10px;
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	text-decoration: underline;
}

.label a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
	 color:#8E0F0D;
}

.label a:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
 	 color: #9A966A ;
	 text-decoration: underline;
}

.buttonRight{
	width:160px;
	padding:0;
	float:right;
	
}

.stepcarousel{
	position: relative; /*leave this value alone*/
	border: none;
	overflow: scroll; /*leave this value alone*/
	width: 650px; /*Width of Carousel Viewer itself*/
	height: 150px; /*Height should enough to fit largest content's height*/
	margin: 25px;
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 5px; /*margin around each panel*/
	width: 210px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/* --- accordion menu --- */
.AccordionTitle, .AccordionContent, .AccordionContainer
{
  position:relative;
  width:240px;
}

.AccordionTitle
{
  overflow:hidden;
  cursor:pointer;
  -moz-user-select:none;
}

.AccordionContent
{
  height:0px;
  overflow:hidden;
  /*display:none;*/
}

a:visited
{
	text-decoration: none;
}

a:active
{
	text-decoration: none;
}

a:link
{
	text-decoration: none;
}

/* to order css*/

.main-to-order{

	width:910px;
	margin:20px auto;
}

.table-to-order-tit{

	height:25px;
	background-color:#E0DCCF;
	
}


.table-to-order-submit{

	height:25px;
	background-color: #9A966A;
	text-align: center;
}

.table-to-order-submit img{

	padding-left:20px;
	
}


.table-to-order-tit img{
	padding-left:20px;
	padding-top:2px;	

}

.to-order-txt-field{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-bottom:5px;
	padding-left:20px;
	margin:0;
	padding-top:7px;
	line-height: 12px;
	height: 15px;
	overflow: hidden;
}

.to-order-txt-radio{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-bottom:5px;
	padding-left:25px;
	margin:0;
	padding-top:5px;
	line-height: 12px;
}

.line-to-order{
	padding-left: 20px;
	padding-top: 5px;
	margin:0;
}

.line-rado-left{
	padding:2px 0 4px 20px;
	margin:0;

}

.line-rado-right{
	padding:2px 0 2px 20px;
	margin:0;

}

.arrow{
	padding-left:24px;
}

.table-to-order td{
	border:#FFFFFF 1px solid;
}


.to-order-txt{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	margin:0;
	padding:10px 0 20px 0; 
}

.to-order-tit{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#99966A;
	font-weight:bold;
	margin:0;
	padding:10px 0 10px 0; 
}	

.img-big-box :hover, .img-small-box :hover, .box-your-style :hover {
	/* for IE */
	filter:alpha(opacity=60);
	/* CSS3 standard */
	opacity:0.6;
}

.txt-big-box :hover, .txt-small-box :hover, .box-tit :hover {
	text-decoration: underline;
	color:#900000;
}