/* real CSS styles for well behaved browsers */

/* import CSS for compliant browsers */
/* ------------------------------------------------------- */
@import url(reset.css);
@import url(typography.css);
@import url(navigation.css);
@import url(text_replace.css);
/* positioning */
.accessibility {
	   position: absolute;
       left: -999em;
       width: 990em;
   }
 
 

/*clear breaks*/
.clearright{ clear:right; line-height:0;}
.clearleft{ clear:left; line-height:0;}
.clearboth{ clear:both; line-height:0; }

html{
height:100%;
}

body {
	height: 100%;
	background: url('../images/background.jpg') top center no-repeat #0C1206;

}


/**sticky footer**/
html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

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

#footer_back {position: relative;
	margin-top: -157px; /* negative value of footer height */
	height: 157px;
	clear:both;} 
.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 */

	
/**generic styles**/
p{
	margin:8px 2px 8px 2px;
}
p.center{
	text-align:center;
}
.fLeft{ float:left; }
.fRight{ float:right;}


/**main areas**/
#content_container{
	width:940px;
	margin:0 auto;
	margin-bottom:20px;
}

.overlay{
	background:url('../images/overlay.png');
}
.overlay12{
	background:url('../images/overlay12.png');
}

#main_content{
	padding-bottom:5px;
}

#footer_back{
	background:url('../images/footer.jpg') repeat-x top center;
	width:100%;
	height:157px;
}
#footer{
	width:920px;
	margin:0 auto;
	padding:2px 0 2px 0;
}
#footer form input[type="text"]{
	width:196px;
	background:#f8f1e3;
	border:1px solid #2e3c02;
	padding:2px;
}

th{
	font-weight:bold;
}

p a[rel="lightbox"]{
 padding-left:20px;
 height:22px;
 background:url('../graphics/site/magnifier.png') no-repeat top left;
}


	
	
/**header**/
h1{
	margin-left:-38px;
	float:left;
}

#top_menu{
	float:right;
}
#top_menu li{
	float:left;
	padding:20px 10px 5px 10px
}

div.line{
	border-bottom:1px solid #dec9a1;
	margin-bottom:15px;
	padding:0;
}
#menu{
	width:100%;
}
#menu li{
	float:left;
	padding:0 45px 0 0;
}
#menu li a{
	display:block;
	padding-bottom:3px;
}

/**search**/
#search{ 
display:inline;
}
#searchKeyword{
	width:100px;
}
#searchSubmit{
	background:#2e3c02 url('../images/button_arrow.jpg') no-repeat 98% center;
	border:none;
	padding-right:10px;
	cursor:pointer;
}

.search_results li{
	width:22%;
	height:300px;
	padding:10px;
	float:left;
	text-align:center;
}
.search_results li p{ text-align:left;}

/**main_content**/
#main_image{
	width:940px;
	height:275px;
	/*background:url('../images/free-overseas-postage.jpg') no-repeat;*/
	background:url('../images/10percent-off-offer-extended.jpg') no-repeat;
	/*background:url('../images/10percent-off-offer.jpg') no-repeat;*/
}

#main_image .overlay{
	width:290px;
	height:235px;
	padding:20px 10px 20px 10px;
}

#infobar{
	width:100%;
	padding:10px 0 10px 0;
	border-bottom: 1px solid #3e462b;
}

ul.threeboxes li{
	float:left;
	width:272px;
	height:170px;
	padding:8px 8px 7px 8px;
	margin:10px 19px 10px 19px;
}
ul.threeboxes li:first-child{ margin-left:0;}
ul.threeboxes li.last-child{ margin-right:0;}

div.rtwPlusTwos{ background:url('../images/rtw_plustwos.jpg'); height:170px; width:272px;}
div.rtwPlusTwos > div{padding:5px;}
div.mtmPlusTwos{ background:url('../images/mtm_plustwos.jpg'); height:170px; width:272px;}
div.mtmPlusTwos> div{padding:5px;}
div.mtmPlusFours{ background:url('../images/mtm_plusfours.jpg'); height:170px; width:272px;}
div.mtmPlusFours> div{padding:5px;}

ul.twoboxes{
	margin-top:10px;
	border-top:1px solid #3e462b;
}
ul.twoboxes > li{
	float:left;
	width:440px;
	height:170px;
	padding:8px 8px 7px 8px;
	margin:10px 13px 10px 13px;
}
ul.twoboxes > li:first-child{ margin-left:0;}
ul.twoboxes > li.last-child{ margin-right:0;}
ul.twoboxes li.line{
	width:1px;
	height:195px;
	background:#3e462b;
	padding:0;
	margin:0 1px 0 0;
	border:none;
}

ul.twoboxes li > div{
	background:#eddfc8;
	width:430px;
	height:150px; 
	padding:10px 5px 10px 5px;
}
ul.twoboxes div.measuring{
	width:300px;
	background:url('../images/measuring.jpg') no-repeat;
	padding-right:140px;
}

div.onebox{
	margin-top:10px;
}
div.onebox > div.overlay12{
	float:left;
	width:923px;
	padding:8px 8px 7px 8px;
	margin:10px 0 10px 0;
}
div.body{
	background:#fff;
	padding:10px;
}

ul.cloths{
	margin-top:10px;
}
ul.cloths li{
	float:left;
	height:40px;
	width:40px;
	background:#a8a7a4;
	margin:6px;
}

/**department pages**/
.main_area{
	padding:10px;
	background:#ebdfc8;
}

.header_image{
	margin-bottom:10px;
}

.main_area #infobar{
	margin-bottom:10px;
}
.main_area #infobar .fLeft{
	width:665px;
}
.main_area #infobar .fLeft a:hover,
.main_area #infobar .fLeft a:active,
.main_area #infobar .fLeft a:focus{
	text-decoration:underline;
}
.body{
	width:884px;
}

.page_content{
	width:660px;
}

ul.terms li{
	list-style-type:disc;
	text-align:left;
}

/**department listings**/
/*.products .price {
	color:#F00;
}*/
.products .rrp strike {
	color:#F00;
}
div.products > ul, ul#navSubDept{
	padding:10px 0 30px 0;
}
div.products > ul li, ul#navSubDept li{
	float:left;
	padding:2px 5px 2px 5px;
	width:210px;
	text-align:center;
}

ul#navSubDept{
	margin-left:94px;
}
ul#navSubDept li{
	padding:20px 5px 20px 5px;
	margin:5px;
	border:1px solid #2e3c02 ;
}

#pagination{	
	text-align:center;
}

#pagination .links a{
	padding:0 5px 0 5px;
}

/**product page**/
#product .image{
	float:left;
	width:220px;
	text-align:center;
}
#product .info{
	float:right;
	width:650px;
}
#product p.price{
	display:inline;
	padding:8px 0 8px 0;
}
#product .info .rrp strike {
	color:#F00;
}
#product #addBasket{
	display:inline;
}
#price_block{
	float:right;
	padding:10px 10px 10px 10px;
}
.promo {
	border:1px dashed #0c1206;
	background:#ebdfc8;	
	width: 300px;
	padding:8px;
}
.promo .price {
	font-weight:bold;
}
div.recommended{
	float:right;
	width:650px;
	padding-top:10px;
}


#options_checkboxes li{
	padding:3px;
	float:left;
	width:48%;
}
#options_checkboxes input[type="checkbox"]{
	border:1px solid #2e3c02;
	padding:2px;
}

#sizes input[type="text"]{
	border:1px solid #2e3c02;
	width:80px;
}
#sizes textarea{
	border:1px solid #2e3c02;
	width:180px;
}
#sizes label {
display:block;
float:left;
width:17em;
}

/**sizing page**/
.trouser_box{
	width:22%;
	float:left;
	padding:5px;
	}


/**add to basket**/
#productDisplay{
	margin-bottom:20px;
}
#addBasket input[type=submit]{
	background:#2e3c02 url('../images/button_arrow.jpg') no-repeat 95% center;
	border:none;
	height:25px;
	padding:2px 20px 5px 5px;
	cursor:pointer;
}

#addBasket #quantity{
	border:1px solid #757575;
	height:16px;
	padding:3px;
}

/**checkout**/


.formButton{
	background:#2e3c02 url('../images/button_arrow.jpg') no-repeat 95% center;
	border:none;
	height:25px;
	padding:2px 20px 5px 5px;
	cursor:pointer;
}
.update{
	background:#2e3c02 url('../images/button_refresh.jpg') no-repeat 98% center;
}
.empty{
	background:#2e3c02 url('../images/button_cross.jpg') no-repeat 98% center;
}

#content  table{
	width:95%;
}
#total, p.actions, p.cards{
	text-align:right;
	padding-right:25px;
}
.remove{
	text-align:center;
}
#total{
	padding-right:136px;
	padding-bottom:10px;
	width:200px;
	float:right;
}
#total dt{
	float:left;
}
#content table#shopping_basket{
	width:100%;
	padding-bottom:40px;
	margin-bottom:10px;
	border-bottom: 1px solid #3e462b;
}

/**checkout pages**/
.reg_cust, .new_cust{
	width:400px;
	height:250px;
	float:left;
	border:1px solid #2e3c02;
	margin:10px;
	padding:10px;
}

.bordered{
	border:1px solid #2e3c02;
	margin:5px;
	padding:5px;
}

.fifty{
	width:47%;
	float:left;
}
.fiftyR{
	width:47%;
	float:right;
}

fieldset input, fieldset select, fieldset checkbox,
.shipping input, .shipping select, .shipping checkbox{
	margin:3px;
	border:1px solid #393b2c;
}

fieldset input:focus, fieldset select:focus, fieldset checkbox:focus,
.shipping input:focus, .shipping select:focus, .shipping checkbox:focus{background-color:#ebdfc8;}

.terms{
	padding:20px 20px 20px 30px;
	text-align:right;
}

#pay_table{
	width:50%;
}

.paymentpage label{
	width:22em;
}

td.first{
	width:213px;
}
/**review page**/
.modules, .module1, .module2{
	float:left;
	padding:10px;
}
.module1, .module2{
	width:180px;
	background:#f8f1e3;
	border:1px solid #393b2c;
	height:200px;
}
.module1{
	margin-right:17px;
}

#timer{
	display:none;
}

#reviewcart{
	border-bottom:1px solid #393b2c;
}


/**drop down**/
.downdepartments{
	padding-right:15px;
	background:url('../images/down_arrow.png') no-repeat 100% 5px;
}

.departmentsdropped{
display:none;
text-align:left;
position:absolute;
top:171px;
width:455px;
margin:1px 1px 1px 60px;
background:#13160b;
padding:5px;
}

.departmentsdroppedinner{
	
	margin:1px;
	margin-left:40px;
	padding:5px;
}

.departmentsdropped ul{
float:left;
width:120px;
margin:0;
padding:0;
padding-left:10px;
}

.departmentsdropped ul.middle{
border-left:1px solid #272b1c;
border-right:1px solid #272b1c;
}

.departmentsdropped ul li a{
list-style-type:none;
display:block;
color:#dec9a1;
margin:0;
padding:5px 0 5px 0;
}

.departmentsdropped ul li a:hover,
.departmentsdropped ul li a:active,
.departmentsdropped ul li a:focus{
list-style-type:none;
color:#dec9a1;
display:block;
margin:0;
padding:5px 0 5px 0;
}


/**accordion**/
.clothSection li{
	float:left;
	padding:5px;
	width:150px;
	height:180px;
	text-align:center;
}
#accordion{
	width:660px;
}
#accordion > div{
	margin:10px;
}

#accordion h4{
	background:#2e3c02 url('../images/accordion_open.png') no-repeat right center;
	padding:5px;
	margin:2px 0 2px 0;
}
#accordion h4.ui-state-active{
	background-image:url('../images/accordion_close.png');
	background-position: right center;
}
#accordion h4 a{ display:block;}
#accordion h5{
	padding-top:5px;
	border-bottom:1px solid #2e3c02
}

/**my account**/
.user_acc .global-form{
	padding:10px;
}

.user_acc td{
	padding:2px;
}

/**contact page**/
fieldset {
	margin:1em 0;
	padding:1em;
	border:1px solid #ccc;
	background:#f8f1e3;
	position: relative;
	}
/* Fix Fieldset in IE. Hide from IE Mac \*/
/*html legend{ position:absolute; top: -.5em; left: .5em; }
html fieldset{ position: relative; margin-top:1em; padding-top:.75em; }*/
/*End*/
#frmContact fieldset.submit input, input.submit, input.formButton {
	width: auto;
}
#frmContact legend {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	}
#frmContact .formFieldShort {
	width:auto !important;
}
#frmContact input.checkbox {
	border:0 none;
}
#frmContact label a {
	text-decoration:none;
	cursor:help;
}
#frmContact input[type="text"], textarea {
	border:1px solid #777;
	margin:3px;
	}
#frmContact .required {
	font-size: 0.75em;
	color: #FF0000;
}
#frmContact input[type="submit"], #frmContact input[type="reset"] {
	float:right;
	margin:3px;
	}
#frmContact{ width:450px; }
#contact_details{
	width:350px;
}

.custlogin{
	height:100px;
}




/**footer**/
#footer ul{
	float:left;
	margin-right:20px;
}
#footer ul li{
	padding:5px;
}
#footer ul.last{
	margin-right:0;
	text-align:right;
}
#footer ul.last li{ padding:0 5px;}
.footerCredit{
	float:right;
	width:145px;
	padding:5px 10px;
}

/**accessibility**/
a.accessibility:active, a.accessibility:focus {
	left: 0em;
	width:10em;
	border: 3px solid #FF0000;
	background-color: #fff;
	text-align:center;
	height:3em;
	line-height: 3em;
	font:1em bold Verdana, Geneva, sans-serif;
	color:#03F;
	z-index:10;
}
a.footerAccessibility {
	position: absolute;
	bottom:0;
    left: -999em;
    width: 990em;
}
a.footerAccessibility:active, a.footerAccessibility:focus {
	left: 0em;
	bottom:0em;
	width:10em;
	border: 3px solid #FF0000;
	background-color: #fff;
	text-align:center;
	height:20px;
	line-height: 20px;
	font:14px bold Verdana, Geneva, sans-serif;
	color:#03F;
}

/* positioning */
#skipLink {
	display: block;
	position: absolute;
	top:0;
	left: -999px;
	height: 20px;
	padding: 10px 20px;
	z-index:999;
}
#topLink {
	display: block;
	position: absolute;
	bottom:0;
	left: -999px;
	height: 20px;
	padding: 10px 20px;
	z-index:999;
}
#skipLink:focus, #topLink:focus {
	left: 0;
}

/**sub nav images**/
ul#navSubDept li.washable-poly-viscose, ul#navSubDept li.plus-four-mtm-washable-poly-viscose,
ul#navSubDept li.breeks-tartan--washable-poly-viscose, ul#navSubDept li.trousers-tartan-washable-poly-viscose
{background-image:url('../images/sub_backgrounds/back_tartan.jpg');	background-repeat:no-repeat;	background-position:bottom right;}
ul#navSubDept li.moleskin-and-corduroy, ul#navSubDept li.plus-four-mtm-moleskin-and-corduroy,
ul#navSubDept li.breeks-moleskin-and-corduroy, ul#navSubDept li.trousers-moleskin-and-corduroy
{background-image:url('../images/sub_backgrounds/back_cord.jpg');	background-repeat:no-repeat;	background-position:bottom right;}
ul#navSubDept li.tweed, ul#navSubDept li.plus-four-mtm-tweed,
ul#navSubDept li.breeks-tweed, ul#navSubDept li.trousers-tweed
{background-image:url('../images/sub_backgrounds/back_tweed.jpg');	background-repeat:no-repeat;	background-position:bottom right;}
ul#navSubDept li.cavalry-twill, ul#navSubDept li.plus-four-mtm-cavalry-twill,
ul#navSubDept li.breeks-cavalry-twill, ul#navSubDept li.trousers-cavalry-twill
{background-image:url('../images/sub_backgrounds/back_cav_twill.jpg');	background-repeat:no-repeat;	background-position:bottom right;}
ul#navSubDept li.midweight-flannel, ul#navSubDept li.plus-four-mtm-midweight-flannel,
ul#navSubDept li.breeks-midweight-flannel, ul#navSubDept li.trousers-midweight-flannel
{background-image:url('../images/sub_backgrounds/back_mid_flan.jpg');	background-repeat:no-repeat;	background-position:bottom right;}
ul#navSubDept li.lightweight, ul#navSubDept li.plus-four-mtm-lightweight,
ul#navSubDept li.breeks-lightweight, ul#navSubDept li.trousers-lightweight
{background-image:url('../images/sub_backgrounds/back_lightweight.jpg');	background-repeat:no-repeat;	background-position:bottom right;}