@charset "UTF-8";
/* CSS Document */
a{color:#fff;text-decoration:none;}
a:hover{text-decoration:underline;}
h3{font-size:18px;text-transform:lowercase;}
h2{font-size:32px;padding:0px 0px 40px 0px;text-transform:lowercase;}
h3 a{color:#fff;}


/* generic */
html, body {margin:0; padding:0; width:100%; height:100%;} 
body { font-family:Arial, Helvetica, sans-serif; background:#eeebda;text-shadow: #000 0 0 0;overflow:hidden;} 
 
body#fabric_header{overflow:auto;}
#stretchbg {position:absolute; z-index:1; width:100%; height:100%;}
#logo {position:absolute; top:30px; left:30px; width:140px; height:497px; z-index:10; border:0px; padding:0px; background:url(../images/cloth_logo.png)}
#menu {height:60px; position:absolute; top:30px; right:20px; text-align:right; font-size: 18px; line-height:24px;color:#fff; width:420px; z-index:10; border:0px; padding:0px; z-index:20;}
#menu ul { margin-left: 0; padding-left: 0; display: inline;} 
#menu ul li { margin-left: 0; padding: 10px 0px 20px 10px;  list-style: none; display: inline;}
#footer { position:absolute; bottom:10px; right:25px; text-align:right; z-index:10; border:0px; padding:0px;} 


/* index */
#floatbox_right {position:absolute; top:0px; height:100%; right:20px; width:460px; z-index:12; color:#fff; border:0px; padding:180px 40px 40px 40px;}
#floatbox_left {position:absolute; top:0px; height:100%; left:208px;  width:460px; z-index:12; color:#fff; border:0px; padding:140px 40px 40px 40px;}

/*category*/

#catbox {position:absolute; top:0px; left:208px; width:460px; height: 100%; z-index:10; color:#fff; border:0px; padding:40px; background: #222; opacity: .6; filter: alpha(opacity=80);}
#catbox_right{position:absolute; top:140px; right:20px; width:460px; height: 100%; z-index:10; color:#fff; border:0px; padding:40px; background: #000; opacity: .8; filter: alpha(opacity=80);}

#postboxcontainer {position:absolute; top:0px; height:100%; left:208px;  width:460px; z-index:12; color:#fff; border:0px; padding:140px 40px 40px 40px;}
.postbox {clear:both;padding:0px 0px 40px 0px;}
.postbox_left{float:left;width:100px;padding:0px 15px 0px 0px;}
.postbox_right{float:left;width:300px;}
.postbox_right_full{clear:both;}
.postbox_righta{clear:both;padding:0px 0px 0px 0px;}
.postbox_heading{padding:0px 0px 0px 10px;float:left;width:220px;}
.postbox img { float:left; margin-right: 5px;padding:0px 0px 5px 0px;}
.postbox p{line-height:16px;font-size:12px;padding:5px 0px;clear:both;} 

/*martin added*/
.postbox .postbox_heading h3, .postbox .postbox_heading h4 {padding: 0;}
.postbox h4, .postbox h3 {padding: 10px 0 0 0;}

#postbox_nav{clear:both;text-transform:lowercase;}
#postbox_nav .prev{float:left;text-transform:lowercase;}
#postbox_nav .next{float:right;text-transform:lowercase;}
#postbox_nav a{color:#fff;font-size:12px;text-transform:lowercase;}
.reg{font-size:12px;color:#4A4D4F;}
.nothumb{background:#BFBEB3;}

/*category pages*/
#postbox_page{clear:both;}
.postbox_heading_top{padding:0px 0px 0px 10px;float:left;width:400px;}

.post_image{padding:0px 0px 20px 0px;}
.post_content{}
 

/*fabric pages*/
#footer_fabric{clear:both; text-align:right; border:0px; padding:20px 25px 10px 0px;} 
#outer_footer_fabric{margin:0 auto;width:960px;padding:30px 0px 0px 0px;color:#6b6c6d;}
#footer_fabric p{color:#6b6c6d;} 

#fabricouter{margin:0 auto;width:960px;padding:30px 0px 0px 0px;color:#6b6c6d;}
#logo_fabric{float:left;top:30px; left:30px; width:140px; height:497px; z-index:10; border:0px; padding:0px; background:url(../images/cloth_logo.png);}

#fabric_right{float:left;width:780px;padding:0px 0px 0px 40px;}

#menu_fabric{float:right;top:30px; right:20px; height:50px;text-align:right; font-size: 18px;line-height:24px; color:#6b6c6d; width:420px; z-index:10; padding:0px;}
#menu_fabric ul { margin-left: 0; padding-left: 0; display: inline;} 
#menu_fabric ul li { margin-left: 0; padding: 10px 0px 10px 10px; list-style: none; display: inline;}
#menu ul li a{ color:#fff;text-decoration:none; text-transform:lowercase;}
#menu_fabric ul li a{color:#6b6c6d; text-transform:lowercase;} 
#content_fabric{clear:both;padding:65px 0px 0px 0px;} 
#content_fabric a, .darkgrey{color:#4A4D4F;}

#fabric_thumb_list{clear:both;padding:20px 0px 0px 0px;}
#fabric_thumb_list .fabric_thumb{width:77px;height:100px;float:left;padding:0px 20px 20px 0px;}
#fabric_thumb_list .fabric_thumb img{border:1px solid #ccc;}

#fabric_thumb_list .fabric_thumb p{text-transform:lowercase;font-size:11px;line-height:11px;}
#fabric_heading{float:left;width:450px;padding:0px 0px 0px 0px;}
#fabric_search{float:right;width:300px;text-align:right;padding:7px 0px 0px 0px;}

#fabric_text_main{float:left;width:440px;padding:0px 0px 0px 0px;}

#fabric_image_main{float:left;width:220px;padding:0px 0px 0px 20px;}
#fabric_thumb_list_right{float:right;width:320px;padding:16px 0px 0px 20px;} 
#fabric_right_text p{font-size:12px;line-height:16px;}
#fabric_right_text{padding:0px 0px 0px 20px;}
#fabric_right_text table{font-size:12px;line-height:16px;}
#fabric_right_text table th{color:#4A4D4F;}

#fabric_right_text table td{padding:0px 0px 10px 10px;}

#fabric_thumb_list_right ul.thumbs{}
#fabric_thumb_list_right ul li{width:62px;width:62px;float:left;padding:0px 0px 18px 18px;overflow:hidden;display:inline;}
#fabric_thumb_list_right ul li a{}

.navigation{clear:both;}

#features{clear:both;font-size:12px;line-height:18px;padding:20px 0px 0px 0px;}
.features_left{float:left;width:140px;}
.features_right{float:left;width:140px;}


.wp-pagenavi{font-size:12px;text-align:right;padding:40px 8px 0px 0px;margin:0px 0px 0px 0px;clear:both;}

#fabric_thumb_list .wp-pagenavi span.pages{color:#6b6c6d;padding:0px 15px 0px 0px;text-transform:lowercase;}
#fabric_thumb_list .wp-pagenavi a.previouspostslink{color:#6b6c6d;border:none;background:none;padding:0px 15px 0px 0px;}
#fabric_thumb_list .wp-pagenavi a.page{color:#6b6c6d;border:none;background:none;padding:0px 15px 0px 0px;}
#fabric_thumb_list .current{color:#6b6c6d;padding:0px 15px 0px 0px;}



/* datebox */
.datebox {float:left; opacity: .6; filter: alpha(opacity=60); background: #fff; color: #000; padding:5px;margin:0px 0px 10px 0px;}
.datebox .day { font-size: 18px; margin: 0; padding: 0; text-align:center;}
.datebox .month { font-size:12px; margin: 0; padding: 0; text-align:center;}

.datebox_bigger { float:left; opacity: .6; filter: alpha(opacity=60); background: #fff; color: #000; padding:5px; margin: 0px 0px 20px 0px;}
.datebox_bigger .day { font-size: 32px; margin: 0; padding: 0px 0px 0px 0px; text-align:center;}
.datebox_bigger .month { font-size: 18px; margin: 0; padding: 0px 0px 0px 0px; text-align:center;} 

p{line-height:16px;font-size:12px;padding:0px 0px 16px 0px;color:#fff;}
#fabric_outer_outside p{color:#6b6c6d;}

/* stockists */
#agents{clear:both;}
#stockists{clear:both;}
#stockists h3, #agents h3{color:#4A4D4F;}
h3.stocker{clear:both;text-transform:uppercase;padding:0px 0px 20px 0px;color:#4A4D4F;}
#agents h3.stocker{}
.stockist{float:left;width:50%;height:120px;} 
.stockista{float:left;width:50%;height:200px;}

 
/* cforms */

#content_fabric .cform {
	margin:0; 
	width:100%;
}
#content_fabric .cform input.single, #content_fabric .cform textarea{ 
	border:none;  
	width:180px;
	color:#4A4D4F;
	padding:3px;
}

#content_fabric .cform input.cf-box-b{}

#content_fabric .cform fieldset	{ 
	margin-top:0px; 
	padding:0; 
	border:none; 
font-size:12px;
	background:none; 
}

#content_fabric .cform .cf_hidden {
	display:none; 
	border:none!important;
	background:none!important;
	padding:0!important;
	margin:0!important;
}

#content_fabric .cform legend { 
	margin:0px;
	padding: 20px 0px 20px 0px; 
	font-family:arial;
	color:#4A4D4F;
	font-size:12px;
	font-weight:bold;
	clear:both;
}

#content_fabric ol.cf-ol { 
	margin:0!important; 
	padding:0!important;
	clear:both;
}

#content_fabric ol.cf-ol li	{
	background:none!important; 
	margin:0px 0!important;
	padding:10px 0px 0px 0px; 
	list-style:none!important; 
	text-align:left;
	line-height:18px;
}



/*                                                    */
/* global definitions for field labels                */

#content_fabric .cform label {
	width:220px; 
	margin:0; 
	display:-moz-inline-box; /*for mozilla*/
	display:inline-block; /*for Opera & IE*/
	text-align:left;
	vertical-align:top;
}

#content_fabric #cforms3form label{width:100px; }
#content_fabric #cforms3form input.sendbutton{margin:20px 0px 0px 100px;}

#content_fabric .cform input.sendbutton	{ 
	
	float:left;
	margin:20px 0px 0px 220px;

	width:80px;
}
.cform li label span {
	width:220px; /* must be the same as above!*/
	display:block; 
}




.linklove{display:none;}
#showitems{clear:both;}
.showitem, .hideitem{font-size:12px;text-transform:lowercase;cursor:pointer;color:#4A4D4F;}
.showitem:hover, .hideitem:hover{text-decoration:underline;}
#showhide { display:none;}
.hideitem { display:none;}


#edit_nav, .thetags{padding:40px 0px 20px 0px;font-size:12px;line-height:18px;text-transform:lowercase;}
.therelated{padding:0px 0px 10px 0px;}
.therelated ol{padding:10px 0px 0px 0px;font-size:12px;}
.therelated ol li{display:inline;width:62px;width:62px;float:left;padding:0px 18px 18px 0px;overflow:hidden;}
.therelated img{border:1px solid #ccc;}

/* scrollbars */
#mycustomscroll {
/* Typical fixed height and fixed width example */
height: 60%; 
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
padding:0px 20px 0px 0px;
margin:0px 0px 0px 0px;
clear:both;}

#bigbars {
  height:340px;}


/*safari*/
html* p {}

/*campaign monitor form*/
span.cmlabel,span.spacer,span.multiple span {width:120px;float:left; font-size: 0.8em;} 
span.multiple {float:left;} 
span.button {padding-left:120px;} 
div.cmclear {clear:both;padding-top:5px;} 

/* slideshow*/

#gallery{width:442px;height:442px;margin:0px;padding:0px;top:0px;padding:0px 0px 0px 0px;}

#slideshow-container{margin:0px;padding:0px;top:0px;height:444px;overflow:hidden;}
.content{margin:0px;padding:0px;top:0px;}
#thumbs{}
#content_fabric #slideshow img{margin:0px;padding:0px;top:0px;border:1px solid #ccc;}
.thumb img{border:1px solid #ccc;}
.thumb{}
#gallery li .caption2{display:block;position:absolute;z-index:200;border:1px solid;}
.caption{font-size:12px;padding:10px 0px 0px 0px;text-transform:lowercase;z-index:999;background:#EEEBDA;clear:both;margin:0px 0px 0px 0px;}

/* supersized
----------------------------------------------------------------------------------------------------*/

*{
			margin:0;
			padding:0;
		}
		
		#supersize a{
		cursor: default;
		}
		
		
		#slidecounter{
			float:left;
			color:#4F4F4F;
			font:50px "Helvetica Neue", Arial, sans-serif;
			font-weight:bold;
			margin:18px 20px;	
		}
		#slidecaption{
			overflow: hidden;
			float:left;
			color:#FFF;
			font:26px "Helvetica Neue", Arial, sans-serif;
			font-weight:bold;
			margin:33px 0;
		}
		/*Supersized Stamp*/
		.stamp{
			float: right;
			margin: 25px 20px 0 0;
		}
		/*Supersize Plugin Styles*/
		
		
		#supersize{
			position:fixed;
		}
		#supersize img, #supersize a{
			height:100%;
			width:100%;
			position:absolute;
			z-index: 0;
		}
		#supersize .prevslide, #supersize .prevslide img{
			z-index: 1;
		}
		#supersize .activeslide, #supersize .activeslide img{
			z-index: 2;
		}





/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;}

.clearfix {
	display: inline-block;}

* html .clearfix {
	height: 1%;}

.clearfix {
	display: block;}