@charset "utf-8";


body, html{	
	margin:0;
	padding:0;
	color:#FFF;
	background-color:#0F0F11;
	font-family:Arial, Helvetica, sans-serif;
	background-image: url(images/fabric_tile.jpg);
	background-repeat: repeat;	

}

a{
	outline:none;
	color:#F00;
}


p{
	line-height:22px;
}

h1{
	font-size:14px;
}

h2{ 
	font-size:28px;
}

h2 a{
	color:#FFF;
	text-decoration:none;
}

h2 a:hover{
	color:#F00;
}

img{
	border:0;
}

.small-copy{
	font-size:10px;	
}

#header{
	margin:0;
	padding:0;
	width:100%;
	height:170px;
	float:left;
	z-index:2;
	top:0;
	position:absolute;
	z-index:2;
}

#header-tile{
	width:100%;
	height:126px;
	float:left;
	background-image: url(images/fabric_tile.jpg);
	background-repeat: repeat;	
	position:relative; z-index:1;
}

#header-bottom, #header-bottom-sub{
	margin:14px 0 0 0;
	width:100%;
	height:80px;
	float:left;
	background-image: url(images/header_bottom.png);
	background-repeat: repeat-x;
	position:relative;
	z-index:2;

}

#header-bottom-sub{
	background-image: url(images/header_bottom_sublinks.png);
}

#header-content{
	margin:0 auto;
	width:960px;
}

#links{
	float:left;
	margin:83px 0 0 25px;
	width:600px;
}

#links ul{
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
}

#links li{
	text-indent:-9999px;
	margin-left:30px;
	font-size:0px;
}

#links a{
	display:block;
	text-decoration:none;
	height:30px;
}

#links .shop, #links .shop-active{
	float:left;
	width:44px;
	height:28px;
	background-image: url(images/links.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}
	
#links .shop-active{
	background-image: url(images/links.png);
	background-repeat: no-repeat;
	background-position: 0px -31px;	
	}
	
#links .shop a{
	display:block;
	text-decoration:none;
}

#links .shop:hover{
	background-position: 0px -31px;	
}

#links .about, #links .about-active{
	float:left;
	width:52px;
	height:28px;
	background-image: url(images/links.png);
	background-repeat: no-repeat;
	background-position: -50px 0px;
	}
	
#links .about-active{
	background-image: url(images/links.png);
	background-repeat: no-repeat;
	background-position: -50px -31px;
	}	
	
#links .about:hover{
	background-position: -50px -31px;
}

#links .blog, #links .blog-active{
	float:left;
	width:44px;
	height:28px;
	background-image: url(images/links.png);
	background-repeat: no-repeat;
	background-position: -110px 0px;
	}
	
#links .blog-active{
	background-image: url(images/links.png);
	background-repeat: no-repeat;
	background-position: -110px -31px;
	}		
	
#links .blog:hover{
	background-position: -110px -31px;
}

#links .sizing, #links .sizing-active{
	float:left;
	width:53px;
	height:28px;
	background-image: url(images/links.png);
	background-repeat: no-repeat;
	background-position: -161px 0px;
	}
	
#links .sizing-active{
	background-image: url(images/links.png);
	background-repeat: no-repeat;
	background-position: -161px -31px;
}
	
#links .sizing:hover{
	background-position: -161px -31px;
}

#links .stockists, #links .stockists-active{
	float:left;
	width:83px;
	height:28px;
	background-image: url(images/links.png);
	background-repeat: no-repeat;
	background-position: -336px 0px;
	}
	
#links .stockists-active{
	background-image: url(images/links.png);
	background-repeat: no-repeat;
	background-position: -336px -31px;
}
	
#links .stockists:hover{
	background-position: -336px -31px;
}

#links .contact, #links .contact-active{
	float:left;
	width:74px;
	height:28px;
	background-image: url(images/links.png);
	background-repeat: no-repeat;
	background-position: -221px 0px;
	}

#links .contact-active{
	background-image: url(images/links.png);
	background-repeat: no-repeat;
	background-position: -221px -31px;
}
	
#links .contact:hover{
	background-position: -221px -31px;
}


#links .faq, #links .faq-active{
	float:left;
	width:30px;
	height:28px;
	background-image: url(images/links.png);
	background-repeat: no-repeat;
	background-position: -300px 0px;
	}
	
#links .faq-active{
	background-image: url(images/links.png);
	background-repeat: no-repeat;
	background-position: -300px -31px;
}

#links .faq:hover{
	background-position: -300px -31px;
}


.logo{
	display:block;
	float:left;
	margin:34px 0 0 0;
	height:62px;
	width:61px;
	background-image:url(images/logo.png);
	background-repeat: no-repeat;
	text-indent:-999px;
}

.logo a{
	display:block;
	text-decoration:none;
	width:62px;
	height:61px;
}

#cart{
	position:relative;
	left:70px;
	float:left;
	background-image:url(images/cart_tag.png);
	width:210px;
	height:112px;
	color:#000;
	font-size:11px;
}

#cart .content{
	padding:42px 0 0 12px;
}

#cart h2{
	color:#171717;	
	padding:0;
	margin:3px 0 3px 0;
	font-size:14px;
}

#cart-page img.bag-icon{
	margin:14px 0 0 0;
	padding:0 14px 0 0;
	float:left;
}

#cart-page .checkout-button{
	float:right;
	margin:10px -12px 0 0;
}

.cart-value{
	float:left;
}

#cart .viewcart{
	clear:both;
	float:left;
	background-image:url(images/bag_small.png);
	background-repeat:no-repeat;
	margin: 5px 0 0 0px;
	padding:4px 0 0 22px;
	height:22px;
}

#cart .viewcart a{
	display:block;
	color:#000;
	margin-left:-20px;
	padding-left:20px;
	text-decoration:none;
}

#cart .viewcart a:hover{
	text-decoration:underline;
}


#cart .checkout{
	float:left;	
	background-image:url(images/checkout_small.png);
	background-repeat:no-repeat;
	margin: 5px 0 0 10px;
	padding:4px 0 0 30px;
	height:22px;	
}

#cart .checkout a{
	display:block;
	color:#000;
	margin-left:-20px;
	padding-left:20px;
	text-decoration:none;
}

#cart .checkout a:hover{
	text-decoration:underline;
}
	
#container{
	float:left;
	top:160px;
	width:100%;
	margin:0;
	position:realtive;
	background-color:#0F0F11;
	z-index:-1;
}

#container-home-a{
	margin:70px 0 -100px 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-color:#DDD;
	height:1000px;
}


#sublinks{
	width:1000px;
	position:relative;
	margin:-17px 0 0 -2px;
	z-index:4;
	font-size:13px;
	font-weight:bold;
	float:left;	
}

#sublinks .sort{
	margin:0 20px 0 0;
	float:right;	
}

#sublinks .title{	
	float:left;	
}

#sublinks .sort{	
	font-size:11px;
}

#sublinks ul{
	list-style:none;
	margin:-2px 0 0 7px;
	padding:0;
	float:left;
}

#sublinks .sort ul{
	list-style:none;
	margin:-2px 0 0 10px;
	padding:0;
	float:left;
}

#sublinks li{
	float:left;
	padding:0 20px 0 0;
	
}

#sublinks .sort li{
	float:left;
	padding:0 14px 0 0;
	
}

#sublinks li.selected{
	background-image:url(images/selected-arrow.png);
	background-repeat:no-repeat;	
	background-position:0 6px;
}

#sublinks .sort li.selected{
	background-image:url(images/selected-arrow.png);
	background-repeat:no-repeat;	
	background-position:0 5px;
}

#sublinks li a{
	padding:0 0 0 10px;
	color:#FFF;
	text-decoration:none;
}

#sublinks li a:hover{
	background-image:url(images/selected-arrow.png);
	background-repeat:no-repeat;
	background-position:0 6px;
}

#sublinks .sort a:hover{
	background-image:url(images/selected-arrow.png);
	background-repeat:no-repeat;	
	background-position:0 5px;
}


#content{
	margin:0 auto;
	padding:30px 0 36px 0;
	top:150px;
	width:960px;
	min-height:560px;
}

#content p{
	line-height:22px;
	font-size:12px;
}

#footer, #footer-home {
	margin:-20px 0 0 0;
	padding:0;	
	width:100%;
	float:left;
	position:relative;
	z-index:100;
	
}

#footer-home {
	position:fixed;
	bottom:-5px;

}

#footer-top{
	float:left;
	width:100%;
	height:40px;
	background-image: url(images/footer_top.png);
	background-repeat: repeat-x;
	z-index:100;
}

#footer-tile{
	position:absolute;
	float:left;
	width:100%;
	height:100%;
	margin:0 auto;
	background-image: url(images/fabric_tile.jpg);
	background-repeat: repeat;	
	z-index:100;
}

#footer-bg{
	position:realative;
	width:100%;
	background-image: url(images/fabric_tile.jpg);
	margin:-10px 0 0 0;

}

#footer-content{
	position:relative;
	width:960px;
	font-size:11px;
	text-align:center;
	margin: 30px auto 5px auto;
	padding:20px 0 0 0;
	z-index:100;
}


#footer-content ul{
	position:relative;
	width:960px;
	margin:0 0 0 220px;;
	float:left;
	list-style:none;
	text-align:center;
}



#footer-content ul.subs{
	clear:both; padding-left:70px;
}

#footer-content li{
	padding:10px 20px 10px 0;
	float:left;
	
}

#footer-content a{
	color:#FFF;
	text-decoration:none;
}

#footer-content a:hover{
	text-decoration:underline;
}

#footer-content .facebook{
	background-image:url(images/facebook_logo.png);
	background-repeat:no-repeat;
	background-position:0px 6px;
	padding-left:26px;
	display:block;
}

#footer-content .twitter{
	background-image:url(images/twitter_logo.png);
	background-repeat:no-repeat;
	background-position:0px 6px;
	padding-left:26px;
	display:block;
}

#footer-content .signup{
	background-image:url(images/signup_mail.png);
	background-repeat:no-repeat;
	background-position:0px 6px;
	padding-left:26px;
	display:block;
}


#footer-content .credit{
	padding:10px 0 0 0;
	font-size:11px;
	clear:both;
}

#standard-page{
	width:600px;
	background-color:#0F0F11;
}

#standard-page p, #standard-page li{
	font-size:13px;
	color:#B4B4B4;
	
}

#standard-page img{
	margin:10px 0 10px 0;	
}

#standard-page-contentonly{
	color:#FFF;
	margin:-20px 0 0 -20px;
	padding:10px 0px 0px 20px;
	width:1000px;
	background-color:#0F0F11;
}

#standard-page-contentonly .close{
	float:right;
	margin: 5px 10px 0 0;
}



#cart-page{
	width:778px;
}

#cart-page h2{
	padding:20px 0 0 0;
}

#home-text{
	width:270px;
	height:307px;
	top:20px;
	float:left;
	background-image:url(images/homepage_patch_small.png);
	background-repeat:no-repeat;
	margin:20px 0 30px -15px;
	padding:18px 0 0 38px;
	position:relative;
	
}



#home-text a{
	display:block;
	width:75px;
	height:75px;
}



#home-title{
	width:205px;
	line-height:50px;
	margin:0 0 -10px 0;
}

#home-title h2{
	font-size:20px;
	padding-bottom:6px;
}

#home-copy{
	width:215px;
}

#home-copy p{
	line-height:18px;
	font-size:11px;
}

#home-link-l{
	display:block;
	float:left;
	width:505px;
	height:420px;
	
}

#home-link-l a{
	width:500px;
	height:420px;
	display:block;
}

#home-link-r{
	display:block;
	float:left;
	width:110px;
	height:420px;
	padding-left:20px;
}

#home-link-r a{
	width:110px;
	height:420px;
	display:block;
}



	

#promo{
	margin:30px 0 0 820px;
	position:absolute;
	width:200px;
	height:200px;
	z-index:10;
}


#content.narrowcolumn{
	width:500px;
	float:left;
	margin:10px 0 40px 0;
	padding:0;
}

#content.narrowcolumn p{
	color:#B4B4B4;
}

#content.narrowcolumn h3 a, #content.narrowcolumn h2 a{
	text-decoration:none;
	color:#FFF;
}

#sidebar{
	width:230px;
	float:right;
	font-size:12px;		
	padding:0;
	margin:16px 0 0 0;
	
}

#sidebar h2{
	font-size:16px;
}

#sidebar ul{
	list-style:none;
	padding:0;
	margin:0 0 25px 0;
}

#product-thumbs{
	margin:20px 0 0 0;
	width:1100px;
}


.item-thumb{
	height:250px;
	width:200px;
	text-align:center;
	font-size:11px;
	display:block;
	float:left;
	margin:0 37px 0 0;
	padding:0 17px 30px 0;
	border:1px solid #0F0F11;
}

.item-thumb:hover{
	/*border:1px solid #6F0000;*/
}

.item-thumb a{
	color:#FFF;
	text-decoration:none;
	padding:0;
	margin:0;
	display:block;
}


.item-thumb h3{
	margin:0;
	padding:0 0 3px 0;
	font-size:15px;
	clear:both;
}

.thumbnail{
	height:200px;
	width:200px;
	float:left;
}

.item-details{
	
	text-align:left;
	width:200px;
	height:40px;
	margin:0 0 0 2px;
	padding:6px 0 0 30px;

}

#item-page{
	width:900px;
	height:570px;
	background-color:#0F0F11;
	overflow:hidden;
}

#item-page p{
	line-height:16px;
	font-size:12px;
}

#item-page #image{
	width:480px;
	height:480px;
	padding:10px;
	float:left;
}

#item-page .content{
	float:left;
	width:250px;
	padding:0px 50px 0 40px;
	font-size:12px;
}

#item-page h2{
	font-size:26px;
	font-weight:normal;
	padding:0 0 2px 0;
	margin:0;
}

#item-page h3{
	font-size:14px;
	font-weight:normal;
	padding:0;
	margin:0;
}

#item-page h4{
	font-size:12px;
	font-weight:bold;
	padding:4px 0 4px 0;
	margin:0;
}


#item-page form{
	width:300px;
	padding:0;
	margin:0;

}

#item-page .divider{
	margin:15px 0 15px 0;
	border-top:1px dashed #CCC;
	width:260px;
	clear:both;
}

.divider{
	margin:35px 0 20px 0;
	border-top:1px dashed #CCC;
	width:500px;
	clear:both;
}

#content .colours-small{
	float:left;
	padding:0;
	margin:3px 0 0 6px;
}

#content .colourA-small{
	height:8px;
	width:8px;
	float:left;
}

#content .colourB-small{
	height:8px;
	width:8px;
	float:left;
}

#content .colourC-small{
	height:8px;
	width:8px;
	float:left;
}

#content .colourD-small{
	height:8px;
	width:8px;
	float:left;
}

#content .gap{
	float:left;
}

#item-page .colours{
	float:left;
	clear:both;
	padding:0 0 8px 0;
	margin:0;
}

#item-page .colours a{
	display:block;
	margin:0; padding:0;
	height:24px; width:24px;
	border:1px solid #444;
}

#item-page .colours a:hover{
	border:1px solid #FFF;
}

#item-page .colourA{
	height:25px;
	width:25px;
	float:left;
}

#item-page .colourB{	
	height:25px;
	width:25px;
	float:left;
}

#item-page .colourC{
	height:25px;
	width:25px;
	float:left;
}

#item-page .colourD{
	height:25px;
	width:25px;
	float:left;
}

#item-page .gap{
	padding-right:3px;
	float:left;
}

#item-page .sizes{
	float:left;
	clear:both;
	padding:8px 0 20px 0;
	margin:0;
}

#item-page .price{
	clear:both;
	float:left;
	padding:0 0 16px 0;
	margin:0;
	font-size:14px;
}

#item-page .close{
	float:right;
	margin: 5px 10px 0 0;
}

#item-page .add{
	float:left;
	margin: 0 0 0 -8px;
}

#item-page .sizing{
	float:left;
	width:130px;
	margin-top:14px;
	font-size:10px;
}

#item-page .sizing a{
	color:#FFF;
}

#addbag-page{
	width:899px;
	height:600px;
	background-color:#0F0F11;
}

.centred-msg{
	padding:20px 0 0 0;
	text-align:center;
}

.centred-msg h2{
	font-size:25px;
	margin:0;
	padding:0 0 20px 0 !important;
	border-bottom:dashed #999 1px;
}


#addbag-page .selection{
	padding:35px 0 25px 230px;
	margin: 0 auto;
	position:relative;
	width:667px;	
	height:210px;
	background-color:#0F0F11;
}

#addbag-page .selection .details{
	float:left;
	padding:50px 0 0 60px;
	font-size:13px;
	text-align:left;
	
}

#addbag-page .selection .details h3{
	font-size:20px;
	margin:0; padding:0;
	font-weight:normal;
}

#addbag-page .selection .spacer{
	margin:0 0 -5px 0;
}

#addbag-page .buttons{
	border-top:dashed #999 1px;
	padding:20px 0 0 0;
	clear:both;
}

#dropdown select{
	width:100px;
}

#bag{
	float:left;
	width:780px;
	margin:12px 0 100px 0;
}

#bag h2{
	float:left;
	font-size:24px;
	margin:24px 0 30px 0;
}


#bag .item-container, #bag .item-container-total{
	border-top: 1px dashed #CCC;
	margin:0;
	padding:8px 0 5px 0;
	height:60px;
	
}

#bag .item-container-total{
	background-color:#0F0F11;
	height:60px;
	border-bottom: 1px dashed #CCC;
	margin:10px 0 0 0;
}

#bag .item-container-total .total{
	margin:-8px 0 0 500px;
	
}

#bag .item-container-total h3{
	float:right;
	font-weight:normal;
	text-align:right !important;
	padding-right:22px;
}

#bag .item-container-total p{
	font-size:11px;
	float:left;
	margin:-20px 0 0 212px;;
	padding:0;
	text-align:right;
}

#bag .remove{
	float:left;
	background-image:url(images/delete_button.png);
	background-repeat:no-repeat;
	margin:20px 20px 20px 0px;
	width:35px;
	height:35px;
	display:block;
}

#bag .remove a{
	display:block;
	text-decoration:none;
	width:35px;
	height:35px;
}

#bag .thumb{
	float:left;
	width:75px;
	padding-right:25px;
}

#bag .name, #bag .sex, #bag .size, #bag .colour, #bag .price{
	padding: 26px 0 10px 0;
	font-size:12px;
}

#bag .name{
	float:left;
	width:230px;
}

#bag .sex{
	float:left;
	width:100px;
}

#bag .size{
	float:left;
	width:100px;
}

#bag .colour{
	float:left;
	width:120px;
}

#bag .price{
	float:left;
	width:70px;
}

.steps{
	margin:-12px 0 20px 2px;
	font-size:13px;
}

#bag .delivery{
 padding:5px 22px 0 0;
 font-size:12px;
 text-align:right;
}

.delivery{
	width:500px;
	margin:0 0 20px 0;
	padding:0;
	font-size:12px;
	float:left;
	clear:both;
}

.delivery ul{
	list-style:none;
}

.delivery li{
	padding:7px 0;	
}

.delivery .tags{
	float:left;
	font-weight:bold;
	padding-left:25px;
}

.delivery .tags li{
	width:50px;
	text-align:right;
}

.delivery .post-data{
	float:left;
	padding-left:20px;
}

.checkout-total{
	margin:25px 0 0 0;
	float:left;	
}

.checkout-total .details{
	padding:0;
	clear:both;
}

/*FORM VALIDATION*/

#details label { width: 150px; float: left; text-align:right; }
#details label.error { float: none; color: red; padding-left: .5em; vertical-align: middle; }
#details p { clear: both; line-height:16px;}
#details .submit { margin-left: 12em; }
#details em { font-weight: bold; padding-right: 1em; vertical-align: top; }
#details form { margin:0; padding:0; }

.cmxform label, .cmxform input{ margin:5px 0; }

.form-box { 
	float:left;
	padding:10px 30px 30px 30px; 
	border: solid 2px #FFF;
	margin: 0 0 20px 0;
	}
	
.form-box .underline{
	margin-top:-2px;
	border-top:1px dashed #CCC;
	border-bottom:none;
	width:628px;
	text-align:left;
	float:left;
}


.payment{
	float:right;
	padding:0;
	margin:0 0 20px 0;
}

.signup-form{
	
	width:525px;
	height:400px;
}


.accordian{
	list-style:none;
	margin:0 0 5px 10px;
	padding:0;
}

.accordian h4{
	font-size:13px;
	font-weight:bold;
}

.accordian-child{
	padding-left:15px;
	font-size:12px;
	padding:5px 0 20px 10px;
}



#TB_window{
	background-color:#0F0F11 !important;
}

#item-page .sharing{
	float:left; clear:both;
	margin-top:20px;
}

.wpfblike{
	width:80px; float:left; clear:none !important;
	margin:1px 0 0 0;
}

ul.socialwrap {
	float:left; clear:none;
}

#home-boxes{
	position:absolute;
	top:90px; left:32%	
}

#home-boxes h2, #home-boxes h3{
	padding:0; margin:-2px 0 4px 0;
}

#home-boxes h3{
	font-size:1em;
}

#home-boxes p{
	font-size:.9em;
	line-height:1.3em;
}


.box-a{
	width:375px; 
	margin:0 6px 0 0;	
}

.box-b{
	width:225px;
	margin:0 0 6px 0;
}

.box-c{
	width:225px; clear:both;
}

.box-rc{
	float:left;	
}

.box-a, .box-b, .box-c{
	color:#333;
	float:left;	
	-moz-box-shadow: 0px 0px 10px #222;
	-webkit-box-shadow: 0px 0px 10px #222;
	box-shadow: 0px 0px 10px #222;
     -moz-border-radius: 2px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	z-index:10;
	position:relative;
}

.box-content{
  	 position:relative;
	 padding:10px 12px;
  	 z-index:100 !important;
}

.box-fill{
	background-color:#FFF;
	filter: alpha(opacity=85);	
	-khtml-opacity: 0.85; 
	-moz-opacity: 0.85;    
	opacity: 0.85;    
	height:100%; width:100%;
	display:block;
	position:absolute;
	z-index:-1;
}


/* SUPERSIZED */

	#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../img/progress.gif) no-repeat center center;}
	
	#supersized { position:fixed; left:0; top:100px; bottom:200px; overflow:hidden; z-index:-999; height:100%; width:100%; }
		#supersized img{ width:auto; height:auto; position:relative; outline:none; border:none; }
		

					
			#fullsize{ position:relative; z-index:0; }