/*  Generic tags */
html,body{
	margin:0;
	padding:0;
	height:100%;
}
body{
	margin:0px;
	padding:0px;
	height:100%;
	text-align:center;
	font-family:"Times New Roman", Times, serif;
	font-size:90%;
	background-color:#ccc;
	color:#333;
}
a, a:visited{
	color:#00736A;
	text-decoration:none;
}
a:hover{
	color:#2c3b3c
}

.finger{
     cursor:pointer;
}

label{
	font-weight:bold;
	font-size:110%;
	color:#333;
}

h1{
	font-size:150%;
}
h2,h3,h4,h5,h6{
	font-size:120%;
}

.back{
float:right;
}

.clear{
	clear:both;
}
.cl{ clear:left;}
.cr{clear:right;}
.check1, .check2, .check3{
	float:left;
	width:190px;
	Height:300px;
}
.check1{
	margin-right:10px;
}
.check2{
	padding-left:10px;
	padding-right:10px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
.check3{
	margin-left:10px;
}


.CartListHead{
	background-color:#ccc;
	text-align:center;
}

/* Main Layout divs */
#wrapper{
	width:1003px;
	overflow:visible;
	margin: 0 auto;
	background-color:#fff;
	color:#666;
	border-top:1px solid #ccc;
}
#header{
	float:left;
	width:1003px;
	background:url(../images/headerback.png) no-repeat #fff top;
	clear:both;
}
#logo{
	float:left;
	margin:26px 0px 0px 18px;

}
#midwrapper{
	width:1003px;
	float:left;
	clear:both;
	background:url(../images/pageback.png) repeat-y #fff;
	overflow:hidden;
}
#content{
	float:left;
	width:691px;
	text-align:justify;
	padding:0px 0px 0px 23px;
	font-size:85%;
	margin-bottom:15px;
	line-height:160%;
}
#homelogo{
	margin-bottom:25px;
	margin-top:0px;
	
}
#homelogo .logolong{
	margin:0px 13px 0px 13px;
}
.intro{
	float:left;
	margin-bottom:30px;
	text-align:center;
	width:100%;
}
.feature{
	float:left;
	width:418px;
	margin-bottom:10px
}
.feature img{
	float:left;
}
.feature p{
	margin-top:5px;
}

#rotate{
	float:right;
	margin-left:0px;
	margin-top:0px;
}



.spacer{
	width:1003px; 
	height:10px; 
	background-color:#fff;
	float:left;
	clear:both;
}

#footer{
	float:left;
	width:983px;
	text-align:right;
	background-color:#fff;
	font-size:90%;
	border-top:1px solid #999;
	margin:0px 10px 0px 10px;
	padding-top:5px;
	height:40px;
}

#footer a, #footer a:visited{
	color:#666666;
	text-decoration:none;
	padding-right:15px;
	padding-left:15px;
}
#footer a:hover{
	color:#00736A;
}

#footer #flags{
	float:left;
	text-align:left;
}

/* Navigation divs  -  #tnav */
#tnav{
	height:28px;
	float:right;
	text-align:center;
	font-family:"Times New Roman", Times, serif;
	font-size:110%;
	margin:7px 12px 45px 0px;
	padding:0px;

}


div#tnav #nav{
	list-style: none;
	margin: 0;
	padding: 0;
	height: 28px;
	display: inline;
	overflow: hidden;
}
	
div#tnav #nav li{
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
}

div#tnav #nav a{
	float: left;
	padding: 28px 0px 0px 0px;
	overflow: hidden;
	height: 0px !important; 
	height /**/:28px; /* for IE5/Win */
}
	
div#tnav #nav a:hover{
	background-position: 0 -30px;
}


div#tnav #nav a.selected,
div#tnav #nav a.selected:hover{
	background-position: 0 -60px;
}

div#tnav #tn_homeshop a{
	width: 80px;
	background: url(../images/tnav/homeshop.png) top left no-repeat;
	background-position: 0 0px;
	width:85px;
}

div#tnav #tn_news a{
	width: 80px;
	background: url(../images/tnav/news.png) top left no-repeat;
	background-position: 0 0px;
	width:67px;
}

div#tnav #tn_hatcare a{
	width: 80px;
	background: url(../images/tnav/hatcare.png) top left no-repeat;
	background-position: 0 0px;
	width:114px;
}

div#tnav #tn_history a{
	width: 80px;
	background: url(../images/tnav/history.png) top left no-repeat;
	background-position: 0 0px;
	width:67px;
}

div#tnav #tn_contact a{
	width: 80px;
	background: url(../images/tnav/contact.png) top left no-repeat;
	background-position: 0 0px;
	width:64px;
}

div#tnav #tn_orderinginfo a{
	width: 80px;
	background: url(../images/tnav/orderinfo.png) top left no-repeat;
	background-position: 0 0px;
	width:96px;
}

div#tnav #tn_faq a{
	width: 80px;
	background: url(../images/tnav/faq.png) top left no-repeat;
	background-position: 0 0px;
	width:52px;
}

div#tnav #tn_checkout a{
	width: 80px;
	background: url(../images/tnav/checkout.png) top left no-repeat;
	background-position: 0 0px;
	width:71px;
}



/* Navigation divs  -  #lnav */
#lnav{
	float:left;
	width:266px;
	clear:both;
	text-align:left;
	background-color:#fff;
	font-size:95%;
}
#lnav img{
	margin:35px 0px -4px 18px;
}

#lnav img.ladiestitle{
	margin:20px 0px -4px 18px;
}

#lnav a, #lnav a:visited{
	color:#3E3E3E;
	text-decoration:none;
	cursor:pointer;
	font-weight:bold;
}
#lnav a:hover, #lnav a.selected{
	color:#00736A;
	cursor:pointer;
	font-weight:bold;
}

#lnav ul {
	list-style:url(../images/lnav/bullet1.png);
	margin-left:-10px;
}
#lnav ul li {
	line-height:150%
}

#lnav ul li ul{
	list-style:url(../images/lnav/bullet2.png);
	margin-left:-24px;
	margin-bottom:6px;
}
#lnav ul li ul li{
	line-height:150%;
	padding-left:10px;
}



/* .item divs */
.itemdiv{
	width:220px;
	margin:0px 10px 10px 0px;
	float:left;
	text-align:center;
}
.itemdivTweedCaps{
	width:440px;
	height:200px;
	margin:0px 10px 10px 0px;
	float:left;
	text-align:center;
}
.itemdiv p{
	width:210px;
	height:45px;
	margin:0px 10px 10px 0px;
	float:left;
	text-align:center;
}
.itemdivTweedCaps p
{
	font-size: 120%;
	width:420px;
	height:45px;
	margin:0px 10px 10px 0px;
	float:left;
	text-align:center;
}
.itemimg{
	width:250px;
	margin-right:20px;
	float:left;
}
.itemPic{
	margin-bottom:5px;
}
.itemdetail{
	float:left;
	width:420px;
}

.itemdetail label{
	width:90px;
	float:left;
	clear:left;
}
.itemdetail input{
	float:left;
	font-size:80%;
}
.itemdetail input.quantityform{
	width:30px;
	height:12px;
}
.itemdetail input.sizeform{
	width:80px;
	height:12px;
}
#swatches{
	clear:both;
	float:left;
	width:410px;
	margin-bottom:15px;
}
.swatch{
	width:85px;
	height:100px;
	float:left;	
}
.swatch img{	
	/*z-index:4;	*/
}
.selectedswatch{
	position:absolute;
	width:85px;
	height:100px;
	float:left;	
	/*z-index:5 !important;*/
	top: 274px;
	left: 684px;
	display:none;
}
.swatch div.pattern{
	width:85px;
	text-align:center;
	clear:both;
}

.addbtn{
	width:110px!important;
	height:42px!important;
	margin:10px 0px 0px -7px;
	float:left;
}

.required{
	color:#9f001f;
}


#sizepop, #sizepopSML, #sizepopMLXL, #sizepopSMLXL, #sizepopSMLXLXXL, #sizepopSportsJacket, #sizepopCountryJacket, #sizepopMarlow, #sizepopSuperfelt, #sizepopHelsinki, #sizepopCannes{
	background:url(../images/popupback.png) no-repeat; 
	width:174px; 
	height:376px;
	font-weight:bold;
	font-size: 100%;
	padding:0px 10px 10px 10px;
	float:right;
	position:relative;
	right:0px;
}
#sizepop a, #sizepopSML a, a #sizepopMLXL, #sizepopSMLXL a, #sizepopSMLXLXXL a, #sizepopSportsJacket a, #sizepopCountryJacket a, #sizepopMarlow a, #sizepopSuperfelt a, #sizepopHelsinki a, #sizepopCannes a,
#sizepop a:hover, #sizepopRest a:hover, #sizepopMLXL a:hover, #sizepopSMLXL a:hover, #sizepopSMLXLXXL a:hover, #sizepopSportsJacket a:hover, #sizepopCountryJacket a:hover, #sizepopMarlow a:hover, #sizepopSuperfelt a:hover, #sizepopHelsinki a:hover, #sizepopCannes a:hover{
	cursor:pointer;
	font-weight:bold;
	color:#666;
}
#sizepop hr, #sizepopMarlow hr, #sizepopSuperfelt hr, #sizepopHelsinki hr, #sizepopCannes hr{
	float:left;
	width:164px;
	height:0px;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	border-bottom:1px solid #8ABFB5;
	clear:both;
}
#sizepop div, #sizepopSML div, #sizepopMLXL div, #sizepopSMLXL div, #sizepopSMLXLXXL div, #sizepopSportsJacket div, #sizepopCountryJacket div, #sizepopMarlow div, #sizepopSuperfelt div, #sizepopHelsinki div, #sizepopCannes div{
	float:left;
	margin-right:15px;
}
#sizepop  div.r{
	float:left;
	margin-right:5px;
	clear:right;
}
.above, .below { 
	font-size: 70%;
	font-family: Verdana, Arial, sans-serif; 
}
.above { 
	vertical-align: 0.7ex;
}
.below { 
	vertical-align: -0.3ex; 
}
.title{
	font-weight:bold;
	margin-top:10px;
	clear:both;
}

.measurelnk{
	margin-left:8px;
	margin-top:7px;
	clear:both;
	white-space:nowrap;
}

.hide{
	display: none;
}

.show{
	display: block;
}

.checkoutcountry{
	float:left;
	margin-top:10px;
}
.checkoutprices{
	float:right;

}
.clear
{
	clear: left;
}


/* Holding screen divs */
#sign{
	width:476px; 
	height:487px;
	background:url(images/sign.jpg) no-repeat top;
	text-align:left;
	border:1px solid #fff;	
}
#sign p{
	margin:250px 55px 0px 65px;
}


/* Language Guide */
.guide {
	height:600px;
	width:300px;
	font-family:"Times New Roman", Times, serif;
	font-size:90%;
	border:1px solid #9c9c9c;
	background:#fff;
	color:#333;
	z-index:20;
	text-align:left;
	position:fixed;
	margin:0px;
	padding:0px;
}
.dragMeContainer {
	height:20px;
	width:100%;
	margin-bottom:4px;
	cursor:move;
    background:url(../images/guide/guideHeader.png) #fff repeat-x top;
	border-top:1px solid #09756D;
}
.dragHeader {
	color:#999;
	margin-top:7px;
	margin-left:5px;
	text-align:left;
	font-size:70%;
	font-family:Verdana;
}

.closeGuide {
	z-index:21;
	position:relative;
	top:7px;
	right:0px;
	float:right;
	background-color:#096960;
	width:16px;
	text-align:center;
}
.closeGuide a {
	color:#fff;
	text-decoration:none;
}
.guideContent {
	overflow-x:hidden;
	overflow-y: scroll;
	height:564px;
	width:290px;
	padding:6px 5px 5px 5px;
}
.flags{
	margin-right:8px;
	margin-bottom: 10px;
}
.flags a {
	margin-right:4px;
}


/* New checkout and basket styles */
.countryError{
	 font-size:11px;
	 font-family:Verdana;
	 color:Red;
	 clear:both;
}

.checkout{
	width:691px;
}
.stepBar{
	float:left;
	clear:both;
}
	.stepBar a.bar{
		width:691px;/*691px;*/
		height:40px;/*50px;*/
		padding:9px 18px 0px 18px;
		overflow:hidden;
		display:block;
		background: url(../images/checkout/steps.png) top left no-repeat;
		background-position: 0 0px;
		font-size:14px;
		color:#bcbdbd;
		cursor:pointer;
	}
	.stepBar a.done{
		background-position: 0 -50px;
	}
	.stepBar a:hover.done,
	.stepBar a:hover{
		background-position: 0 -100px;
		color:#bcbdbd;
	}
	.stepBar a.selected:hover,
	.stepBar a.selected{
		background-position: 0 -100px;
		color:#666;
	}
	.stepBar a.selected:hover .number,
	.stepBar a.selected .number{
		color:#42706c;
	}
	.number{
		padding-right:18px;
	}
	.stepTitle{}
	.content{
		padding:0px 10px 0px 10px;
		float:left;
		clear:both;
	}
	.content h3,
	.content h4{
		color:#006666;
	}	
#basket{
	float:right;
	position:relative;
	top:-35px;
	margin-right:22px;
	clear:right;
	font-size:85%;
	color:#999;
	line-height:150%;
	text-align:right;
}
#basket a, 
#basket a:visited{
	color:#666;
	text-decoration:none;
}
	.basketWrapper{
		width:162px;
		height:58px;
		background: url(../images/checkout/basket.png) top left no-repeat;
		font-weight:bold;
		text-align:left;
		padding:10px 0 0 10px;
	}
	.basketWrapper a:hover{
		color:#006666!important;
	}
	.price{
		color:#006666;
	}

.product{
	width:194px;/*210px;*/
	height:128px;/*144px;*/
	overflow:hidden;
	float:left;
	margin:8px 5px 8px 0;
	padding:8px;
	background: url(../images/checkout/productBox.png) top left no-repeat;
}

	.product .col1{
		width:92px;	
		float:left;
		color:#006666;
		font-weight:bold;
	}	
	.product .col1 img{
		width:92px;
		height:92px;
	}	
	.product .col2{
		width:94px;
		float:left;
		margin-left:8px;
	}	
	.product .col2 ul li.name{
		color:#006666;
		font-weight:bold
	}	
	.product .col2 ul,.product .col2 ul li{
		list-style:none;
		margin:0px;
		padding:0px;
	}	
	input.productQuantity{
		width:58px;
		height:20px;
		margin:8px 0 0 0;
		padding:0px;
		float:left;
	}
	.addRemove{
		width:14px;
		float:left;
		margin:0 3px 0 0;
	}
		.addRemove img{
			margin-bottom:3px;
		}
	.delete{
		float:left;
		margin:15px 0 0 4px;
	}

.summeryBar{
	font-weight:bold;
	color:#666;
	margin-bottom:10px;
    clear:both;
}
	.summeryBar .price{
		margin-right:7px;
	}
	.summeryBar label{
		color:#666;
	}
	.total{
		font-size:14px;
		color:#333;
	}
	.total .price{
		color:#990000
	}
.countrySelect{
	width:175px;
	margin-right:7px;
	}
#billingbox label,
#deliverybox label{
	width:180px!important;
	white-space:normal;
	float:left;
}
#billingbox input,
#billingbox textarea,
#billingbox select,
#deliverybox input,
#deliverybox textarea,
#deliverybox select,
.privacyPol
{
	width:150px!important;
	float:left;
}
#billingbox span input
{
	width:15px!important;
	float:left;
	clear:right;
}
#billingbox{
	width:355px;
    float:left;
    font-size:11px;
	text-align:left;
}

#deliverybox{
	width:250px;
    float:left;
    font-size:11px;
    text-align:left;
}
#billingbox .btnPro,
#deliverybox .btnPro{
	 float:left;
	 width:119px!important;
	 height:55px!important;
	 clear:both;
	 margin-top:8px;
}
.val{
	margin-left:3px;
	float:left;
}	
.errorText
{
	clear:both;
	float:left;
}
.cancelReg
{
	float:left;
	margin-left:5px;
	margin-top:15px;
}