/*
      Created by Marc Stuart, edited by Ibrar Hussain of Freeman Holland Ltd
      E-Mail: marc@freemanholland.com, ibrar@freemanholland.com
*/

/* <BASIC STRUCTURE> */

body{margin:0; font-family:calibri; color:#333;}
.clear{clear:both;}.left{float:left}.right{float:right}
img{border:0; margin:0; padding: 0px}
h1{font-size:22px; font-family:'century gothic';}
a{text-decoration: underline} a:hover{text-decoration: none}
.textbox{border: 1px solid #989898; padding: 1px; color: #333}
.search-textbox{width:140px; border:1px solid #989898; height:12px; margin-top:4px;}

/* <BASIC STRUCTURE> */

#wrapper{width:980px; margin: 0 auto;}

/**** Masonry CSS ****/

.wrap:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.box {padding: 5px;background: #D8D5D2;float: left;}

.msnry_col1 {background:none repeat scroll 0 0 #C0C0C0;height:100px;width:100px;}
.msnry_col2 {background:none repeat scroll 0 0 yellow;height:100px;width:200px;}
.msnry_col3 {background:none repeat scroll 0 0 #998877;height:200px;width:200px;}
.msnry_col4 {background:none repeat scroll 0 0 #000000;height:200px;width:100px;}

 /********************************************
   HEADER
********************************************/
#header{margin-top:10px;}
#headerleft{float:left;}
#headerright{float:right;}

#logo h2{color:#aeb106; font-size:9.5px; margin-left:10px; font-family: 'century gothic'; margin-top:0;}
.go-button{background-color:#fcff00; border:0; font-weight:bold;padding-bottom:2px; cursor: pointer}

 /********************************************
   MENU
********************************************/
#menu li{float:left; list-style: none; margin:0 10px;}
#menu ul{margin:0;}
#menu{float:left;}

 /******************************************** SHOP MENU ********************************************/
#shop-menu{margin-top:20px; float:left;}
#shop-menu h2{margin:10px 10px 3px; font-size:20px;}
#shop-menu ul{margin:0; padding-left:35px;}
#shop-menu ul a{color:#999}
#shop-menu ul a:hover{color:#bc0f3f;text-decoration:none;}

#shop-menu li{font-size:13px; color:#939393;}
#shop-menu li a:hover{}

#mens-clothing-list, #mens-shoe-list, #mens-accessory-list,
#womens-clothing-list, #womens-shoe-list, #womens-accessory-list{height:0px; overflow:hidden;}

#mens-clothing-list li a, #mens-shoe-list li a, #mens-accessory-list li a,
#womens-clothing-list li a, #womens-shoe-list li a, #womens-accessory-list li a{color:#939393; text-decoration: none}

#mens-clothing-list li a:hover, #mens-shoe-list li a:hover, #mens-accessory-list li a:hover,
#womens-clothing-list li a:hover, #womens-shoe-list li a:hover, #womens-accessory-list li a:hover{color:#333}

 /********************************************
   CART
********************************************/
#shopping-cart{font-family:calibri; margin-left:10px; float:left; width:152px; height:72px; background: url('../images/shoppingcartbackground.png') no-repeat;}
#shopping-cart a{font-size: 12px; color: #000;}
#shopping-cart .padding{padding:8px 0 0 7px;}
#shopping-cart .padding h3{font-size:14px; color:#b8ba03; margin:0}
#shopping-cart .padding div{margin:3px 0;font-size:12px}

 /********************************************
   CONTENT
********************************************/
#content{margin-top:20px;}

.box-content a{color:#000}
.box-home{float:left; height: 147px;position:relative}
.box-content{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden}
.box-content p{margin:17px 5px 0 15px}
.box-content a{text-decoration: none}

#category-panel{background:url("../images/clothingpic.jpg") no-repeat scroll 0 0 transparent;float:left;height:187px;margin:0 0 20px;width:749px;}
#category-panel h1{margin:147px 15px}

#container{overflow:hidden;}

#search{width:195px; height:34px; background-color:#ebe7e4; float:left;}
#search .padding{padding:5px;}

#top-bar-wrap{height:32px;width:751px;float:left;margin:0px 0 0 32px; background-color:#ebe7e4;}
#top-bar-left{height:34px;width:104px;float:left;padding:10px;}
#top-bar-right{float:right;font-size:12px;font-weight:bold;height:34px;text-align:right;width:600px;}
#top-bar-right .padding{padding:10px;}
#top-bar-right a{color:#333;}

#right-content-wrapper{float:right;width:755px}
#shop-category{float:left;margin-top:15px;padding:0 0 0 4px;}

#login-form ul{list-style:none;margin:0px;padding:0px;}
#login-form li{width:242px;height:33px;}
#login-form li label{float:left;width:79px;}

 /******************************************** INFO PAGE ********************************************/
#info-wrap{background:url("../images/info-bg.jpg") no-repeat scroll 0 0 #FFFFFF;width:737px;margin:-4px 0 0 0; overflow: hidden;padding:20px 15px;}
#info-left{width:451px;padding:0 0 0 15px}
#info-right{width:231px;margin:-31px 0 0 0;position:relative;z-index:2;}

#info-stockist{background:none repeat scroll 0 0 #FCFF00;padding:12px 23px;width:426px}
#info-stockist-list{width:200px;font-size:13px;}
#info-stockist-list h3{font-family:arial;font-size:22px;height:15px;margin:0;padding:0;}

#info-lightbox{background:none repeat scroll 0 0 #000000;clear:both;height:133px;margin:15px 0 0;padding:10px 10px 10px 12px;width:450px;}
#info-lightbox div{width:75px;}

#info-contact-form{background:url("../images/contact-bg.png") no-repeat scroll 0 0 transparent;height:500px;width:191px;font-size:12px;padding:232px 0px 0 19px;}

#info-contact-form td input{border:1px solid #999}

.submit{background:url("../images/submit.jpg") no-repeat scroll 0 0 transparent;cursor:pointer;height:25px;width:78px;}

 /******************************************** LATEST NEWS ********************************************/

#latest-news{margin:48px 25px;width:340px;}
#latest-news h4{color:#777;font-size:15px}

.news-item{line-height:18px;overflow:hidden;padding:13px 0 10px 0;width:379px;}

.news-title{font-weight:bold; margin-bottom:3px; font-size:20px; color:#000;}
.news-date{font-weight:bold; margin-bottom:10px; font-size:12px; color:#666}

.news-body{width:221px;}
.news-image{width:148px;height:144px;}

.news-border{background:url("../images/news-bottom.jpg") repeat scroll 0 0 transparent;height:14px;width:363px;}

#twitter-feed {background:url("../images/twitter-bg.png") no-repeat scroll 0 0 transparent;height:453px;margin:11px 0 0 0;padding:61px 0 0 7px;width:205px;}
#twitter-padding {padding:42px 0 0 1px}

#right-news-panel{width:108px;margin:62px 0 0 0;font-size:13px;line-height:18px}
#right-news-panel a{color:#000}

 /******************************************** PRODUCTS ********************************************/
.item{float:left;font-size:13px;margin:0 15px 0 0;text-align:center;width:175px;height:322px}
.item div{background:url("../images/product.png") repeat scroll 0 0 transparent;font-size:11px;height:34px;margin:240px 0 0;padding:4px 5px 0;position:absolute;width:171px}
.item p{margin:0;}
.item a{color:#333;}

#gallery{width:400px;}
#thumbs{width:90px; float:left;}
#bigpicture{width:300px; float:left;}

#product-info{float:right;width:343px;;}
#product-info ul{list-style: none; padding:0 15px;}

#related-products .item{height:330px;width:171px}

 /******************************************** REVIEW BASKET & CHECKOUT ********************************************/
#checkout-stages {height:22px;margin:0 0 0 -5px}

.proceed-button{width:159px; border: 0px; margin: 0 -9px 10px 0px; background: none;}

#checkout-stages span {float:left;font-family:Haettenschweiler;font-size:18px;padding:19px 31px}
.checkout-selected {background:url("../images/checkoutarrow.jpg") no-repeat scroll 0 0 transparent;}
.checkout-default {background:url("../images/checkoutarrowlight.jpg") no-repeat scroll 0 0 transparent;}
.checkout-visited {background:url("../images/checkoutarrowdark.jpg") no-repeat scroll 0 0 transparent;}

#review-basket-stage {float:left;height:52px;margin-right:8px;width:183px;}
#checkout-stage {float:left;height:52px;margin-right:2px;width:187px;}
#confirmation-stage {float:left;height:52px;margin-right:0px;width:188px;}
#summary-stage {float:left;height:52px;margin-right:0px;width:187px;}

#review-basket {margin:15px 0 0;width:744px}
#review-basket form{margin:30px 0 0; font-family: Arial; font-size: 13px}
#review-basket form li span{font-family: Arial; font-size: 12px; font-weight: bold}

#review-basket h2 {margin-top:0;}
#review-basket li {list-style:none outside none;margin-bottom:10px;}
#review-basket label {float:left;width:115px;}
#review-basket legend {background:#666;color:#FFFFFF;height:20px;margin-bottom:10px;margin-left:-10px;margin-top:20px;padding-top:5px;text-align:left;width:310px; font-weight: bold}
#review-basket ul {margin:0;padding:0;}

#review-basket fieldset {padding-right:0;width:295px;}
#review-basket fieldset legend{width:295px;padding-left:8px;}
#review-basket table {margin-bottom:10px;width:642px;}
#review-basket th {background:#666;color:#FFFFFF;font-weight:normal;height:21px;}
#review-basket td {border-bottom:1px solid #999999;text-align:center;}

.fieldset-1{margin-right: 15px}
.fieldset-2{width:300px; padding-left:8px;}

#cart-form li {list-style:none outside none;margin-bottom:5px;}
#cart-form label {float:left;text-align:left;width:100px;}
#cart-form {text-align:right;}

#summary {border:1px solid #999999;width:657px;}
#summary div{background:url("../images/tablebackground.jpg") repeat scroll 0 0 transparent;color:#FFFFFF;height:22px;margin-top:0;padding:0px 10px;width:638px;}

 /********************************************
   FOOTER
********************************************/
#footer{width:980px; height:34px; clear:both; background-color:#ebe7e4; margin-top:40px; margin-bottom:20px; text-align: right; font-size:12px; font-weight:bold;}
#footer .padding{padding:10px;}
#footer a{color:#333;}

 /********************************************
   TABS
********************************************/
#tab-nav ul{margin:0 0 0 6px;padding:0;}
#tab-nav li{float:left; background:url('../images/tab.jpg') no-repeat; width:111px; height:29px;}
#tab-nav span{margin-top:5px; float:left; text-align:center; width:111px; font-weight:bold;cursor:pointer}
#tab-nav .selected{background:url('../images/tabproductselected.jpg') no-repeat;}
#tab{background:url('../images/productbox.jpg') no-repeat; width:355px; height:291px;}
#tab .padding{padding:10px 40px 10px 30px;}
#tab p{margin:0 0 10px}
#tab label{margin-bottom:10px;}
#tab input{margin-top:10px;}

/***********************************************
	PAGINATION
	*******************************************/
	.pagination { margin:10px 0;}
	.pagination a,
	.pagination span	{ padding:5px 7px; color:#000; }