/* 

//	
// Date : 2009.12.8
// Author : David Goadby
//

*/

/* // RESET & BODY TAG ---------------------------------------------------------------*/
html { height: 100%; margin-bottom: 1px; }  
html,body{height:100% !important}
p, td, li, ul,ol, h1, h2, h3 ,h4 ,h5 ,h6, label, input, form, select {font: normal 11px "Trebuchet MS", Verdana, sans-serif;margin: 0 0 0 0; padding: 0 0 0 0;color: #333;}
body {margin: 0px;padding: 0px;text-align: center;background: #2F3233 ;color: #333;font: normal 11px "Trebuchet MS", Verdana, sans-serif;}

/* // CONTAINER / HEADER ---------------------------------------------------------------*/
#main_container {width: 1000px;margin: auto auto auto auto;padding: 0 0 0 0;background: #FFFFFF repeat-y url(../images/bg.jpg); text-align:center;}
#header { width: 963px;height: 98px;background: #2F3233 no-repeat url(../images/bg_header.jpg); float:left; margin: 0 0 0 17px;}

/* // Fuck knows what this is? */
#fish {width: 580px;height:200px;margin: 0 10px 10px 5px;}

/* NAV BAR ---------------------------------------------------------------*/
#top_bar {width: 963px;height: 36px;background: repeat-x url(../images/top_bar_bg.jpg);float:left; margin: 0 0 0 17px;}
#top_bar label { color: #333; font-weight: bold; float: left; margin: 10px 0 0 140px; }
#top_bar .singleline-field { width: 150px; height: 20px; border: 1px solid #B7B9B9; background: #F5F5F5; float: left;margin: 7px 0 0 5px}
#top_bar .submit { width: 37px; height: 22px; border: 1px solid #B7B9B9; background: #F5F5F5; float: left; color: #333; font-weight: bold; margin: 7px 0 0 5px}
#top_bar li { float:left; display:inline; list-style:none; padding: 10px 5px 5px 10px; background: no-repeat url(../images/li_bg2.jpg); }
#top_bar li a { text-decoration:none; text-transform:uppercase; color:#333333; font-weight:bold;}
#top_bar li a:hover { text-decoration:underline;}
#top_bar .no_prod { font-size: 18px; color:#333; font-weight:normal;}
#top_bar p.basket { background: no-repeat url(../images/cart.gif) center right; padding: 0 20px 0 20px;float: right; }
#top_bar p.basket a { color: #333; font-weight: bold; background: no-repeat url(../images/li_bg2.jpg);padding: 10px 20px 0 20px; display:block; }


/* HOMEPAGE :   SCROLLER ---------------------------------------------------------------*/
#scroll { background: repeat-x url(../images/scroll_bg.jpg) #fff; margin:1px; display:block; width: 775px; height: 94px;}


/* HOMEPAGE :   NEW ARRIVALS ---------------------------------------------------------------*/
#home_offers {margin: 10px 0 10px 0;display:block; width: 776px; }
#home_offers .offer_home { float:left; width: 193px; margin:0 0 0 0px; background: no-repeat url(../images/bg_home_prod.jpg); height: 229px; }
#home_offers .offer_home img { margin-top:10px;}
#home_offers .offer_home p {text-align:center; padding: 0 20px 0 20px;}
#home_offers .offer_home p a {font-weight:bold; height: 30px;color: #333; }

/* HOMEPAGE :  TEXT ---------------------------------------------------------------*/
#home_text h1 { font: normal 22px "trebuchet MS", Arial; color:#333333; margin: 0 0 6px 0;}
#home_text {margin: 0 0 10px 10px; border: 1px solid #EEEEEE; width: 746px; height:120px;display:block; text-align:left;}
#home_text .text { overflow:auto; padding:2px; margin: 2px;height:110px;}
#home_text .text p { margin: 0px 0 10px 0;}
#home_text .text a {color:#333333; font-weight:bold;}
#home_text .text a:visited {color:#333333;}
.header { background: no-repeat url(../images/h2_bg.jpg); color:#FFFFFF; display:block; padding: 7px 0 12px 10px; margin-left:10px;}

/* HOMEPAGE :   COLUMNS ---------------------------------------------------------------*/
#two_cols {width: 963px; float:left; margin: 0 0 0 17px; background: repeat-x url(../images/bg_col.jpg);}
#col_one {width: 177px;  float: left;margin: 0 0 0 5px;}
#col_two { width: 776px; float: left; margin: 10px 0 0 5px; text-align: left;}


/*COL ONE ---------------------------------------------------------------*/
#col_one ul {list-style: none; width: 165px; float: left; margin: 10px 0 0 5px; text-align: left;}
#col_one li { display: block; margin: 0px 0 0 0; }

#browse_garment ul{
	margin:0px 0px 0px 5px;
}

#col_one .title { background: no-repeat url(../images/bg_title.jpg);  margin: 0; display: block; height: 22px; text-align:center; color:#FFFFFF; }
#col_one .garment { background: no-repeat url(../images/bg_title.jpg);  margin: 0; display: block; height: 19px; text-align:left; padding-top:3px; padding-left: 5px; color:#FFFFFF; }

#col_one .garment3 { background: no-repeat url(../images/bg_title3.jpg);  margin: 0; display: block; height: 19px; text-align:left; padding-top:3px; padding-left: 5px; color:#000000; font-weight:bold; font-size:13px;}

#col_one form { width: 159px;  padding: 5px 2px 5px 2px;}
#col_one select { background-color:#333333; color:#FFFFFF; border: 1px solid #999999;}
#col_one li a.mens {  float:left;color:#FFFFFF; text-decoration:none; width:82px; height:19px; padding:3px 0px 0px 0px;}
#col_one li a.mens:hover { }

#col_one li a.womens {  float:left;center;color:#FFFFFF; background:#d8d8d8; text-decoration:none; width:82px; height:19px; padding:3px 0px 0px 0px;}
#col_one li a.womens:hover { }

#col_one li a.link { background: repeat-x url(../images/bg_li.jpg) #2F3233; display: block; margin: 0; padding: 3px 0 3px 8px;color: #CCCCCC;text-decoration: none;}
#col_one li a:hover { color: #FFFFFF; text-decoration:underline;}
#col_one img { border: 0; margin: 15px 0 8px 0;}


#box { float: left; width: 185px; background-color:#333333; text-align:left;margin: 10px 0 0 23px;}
#box p {color:#ccc;padding: 1px 0 1px 8px;margin: 2px 0 2px 0;}
#box select { background-color:#333333; color:#FFFFFF; margin: 5px; border:none; width: 175px;}


/* COL TWO  ---------------------------------------------------------------*/
#col_two h1 { font: normal 22px "trebuchet MS", Arial; color:#333333; border-bottom: 1px solid #999999;}
#col_two h2 { font: normal 18px "trebuchet MS", Arial; color:#333333; border-bottom: 1px solid #999999;margin: 0 0 15px 0 ;}
#col_two h5 { font: normal 16px "trebuchet MS", Arial; color:#333333; border-bottom: 1px solid #999999; margin: 0 0 15px 0 ;}

/* HELP DESK  ---------------------------------------------------------------*/
#helpdesk ul {margin: 5px 5px 5px 15px;}
#helpdesk .help_box {float:left; width: 250px;}
#helpdesk .title { font:bold 12px "trebuchet MS", Arial; margin:20px 0 10px 0;}
#helpdesk li { margin: 5px 5px 5px 15px;}
#helpdesk a { color:#333333; text-decoration:underline;}
#helpdesk a:hover { color:#BFA46A;}
#helpdesk p { margin: 5px 0 15px 0;}


p.search { padding: 10px;}
p.breadcrumb {padding: 10px;color:#BFA46A;}
.breadcrumb a { color:#333333;}
.breadcrumb a:hover { text-decoration:none;}
strong {font-weight:bold; color:#333333;}


#about_images {}
#about_images .image { float:left; padding: 3px; background-color: #F2F2F2; margin: 10px;}

/* MISC   ---------------------------------------------------------------*/
#col_two p a {color: #333;}
.logo {float:left; text-align:center; margin: 0 5px 0 30px;}


/* Homepage / Offers Product Containers : Layout ------------------------------------------------------------- */
.product_box { width: 178px; height: 440px; float:left; display:block; text-align:center; margin: 1px 2px 1px 2px; padding:2px 1px 1px 1px;}
.product_box h3 { font-weight:bold; color:#333333;}
.discount_price {color: #C0021C;font-weight: bold;text-decoration: line-through;}
.product_price { font: 16px "trebuchet MS", Arial; color: #000000; padding: 5px;}
.was_price {color: #BFA46A;font-weight: bold;}
#home_text h1 { font: normal 22px "trebuchet MS", Arial; color:#333333; border-bottom: 1px solid #999999;}




/* ---------------------------------------------------------------*/
/* Category Boxes */
.cat_box { text-align: center;width: 110px; height: 190px;  float: left;margin: 3px 0 0 5px;}
.cat_box img {display:block;margin: 2px; border: 2px solid #BFA46A; background-color:#333333;}
.cat_box p { font: bold 11px Arial, Helvetica, sans-serif;}
#col_two .cat_box a {text-decoration: none; text-transform:uppercase; color: #2F3233; float: left; width: 110px; margin: 2px 0 0 0; display: block;line-height: 25px;}



#description { margin: 10px; height:100px; overflow:auto; }
#description p { margin: 10px 0 10px 0; font: normal 11px "trebuchet MS", Arial; color:#333333;}


/* ---------------------------------------------------------------*/
/* Product Boxes */

#prod_one { float:left; width: 220px; text-align:center;}
#prod_two { float:left; width: 500px; margin: 0 0 0 20px;}
#prod_two h2 {font: normal 18px "trebuchet MS", Arial; color:#333333; border-bottom: 1px solid #999999;}
#main_img { border:3px solid #CCCCCC; width:170px;}
#main_img img { margin:1px;}
.left {float: left; width: 120px; padding:10px; text-align:right;}
.left p {font-size: 14px;}
.price { color: #BFA46A;}
.price2 { color: #333; font-size:10px; text-decoration:line-through;}
.add {float: left;text-align:center;}
.add a {background-color: #000;	color: #FFFFFF;
padding: 5px;margin: 5px;width: 125px;text-transform:uppercase;color:#fff;text-decoration:none;display:block;}
.add a:hover {
	background-color: #333;
	display:block;
	color: #FFFFFF;
}
.stock { font-size: 10px; text-transform:uppercase; color:#BFA46A; margin: 10px 0 10px 0;}
#thumbs img { margin:1px;border:3px solid #CCCCCC;}



/* Forms ------------------------------------------------------------- */
.row form {margin: 0px;padding: 0px;}
label{font: bold 11px "trebuchet MS", Arial;}
.row select, .row option { border: 1px solid #333333; font: 12px "trebuchet MS", Arial; color:#000000;}
.darktxt {font-size: 9px;color: #FF0010;padding: 5px;}
.baskethead { text-align:center; background-color:#333333; color:#FFFFFF;}
.baskethead p {margin: 10px 0 0 0;}
.basket { text-align:center;}
.basket p {margin: 10px 0 0 0;}
.basketfoot { }
.basketfoot p {margin: 10px 0 0 25px; text-align:left;}
.basket a, .basketfoot a {color:#333333;}
.discout { padding: 4px;color: #333333;}
.checkout_now {float: left;text-align:center;}
.checkout_now a {background-color: #BFA46A;padding: 5px;margin: 5px;width: 125px;text-transform:uppercase;color:#FFFFFF;text-decoration:none;display:block;}
.checkout_now a:hover {background-color: #000; display:block;}

/* OUR STORES & MAPS ---------------------------------------------------------------*/
.store { margin: 10px 0 0 0; clear:both;}
.store h2{font: bold 16px "trebuchet MS", Arial; color:#333333; padding: 10px 0 0 0; }
.address { float:left; width: 250px;}
address {font-style:normal;margin: 5px 0 5px 0;font-size: 16px;}
.store a {color:#333333; }
.store p { font-style:normal; margin: 5px 0 5px 0;}

/* LINKS & SITE TERMS ---------------------------------------------------------------*/
#links { float: left; margin: 20px 0 0 50px; }
#links p { color: #333; font-weight: bold; font-size: 12px; }
#links a { color: #333; }
#terms { margin: 20px 0 15px 0;}
#terms li {margin: 5px 0 5px 25px;list-style:none;}
#terms a {color: #333333;}+
#js_terms { float:left; }
#js_terms p, #js_delivery p,# js_privacy p {margin: 15px 0 8px 0;}


/* SiteMap  ---------------------------------------------------------------*/
#sitemap h2 {font: normal 16px "trebuchet MS", Arial; color:#333333; border-bottom: 1px solid #999999; margin: 10px 0 10px 0;}
#sitemap li { margin: 5px 10px 5px 10px; color:#333333;}
#sitemap a { color:#333333;}

/* PAGE FOOTERS & MAIN FOOTER ---------------------------------------------------------------*/
.row { border-top: 1px solid #999999; margin: 10px 0 0 0; display:block; float:left; padding: 1px; width: 98%;}
.row p { font-weight: bold;}
.row a {color: #2F3233;}
.row a:hover {text-decoration:none;}

#footer { 
	width: 966px; 
	height: 125px; 
	background-color: #2F3233;
	background-image: url(../images/footer_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	text-align: left; 
	float:left; 
	margin-left:17px; 
	display:block;
	}

#footer .left1 {float: left; margin: 30px 0 0 35px;}
#footer .right {float: right;margin: 30px 16px 0 0;}
#footer p { color: #CCCCCC; padding: 3px 0 0 0;}
#footer a { color: #CCCCCC; text-decoration: none; }
#footer a:hover { text-decoration: underline; }


/* ---------------------------------------------------------------*/
/* Footer*/

#form-container {
	float: left;
	width: 550px;
	margin-left: 10px;
}
#form-container form p, form#formname #form-container p{
	clear: both;
	font: normal 10px "Arial", Arial Narrow;
	padding: 5px;
}
#form-container form p label, form#formname #form-container p label{
  float: left;
  width: 29%;
  text-align: right;
  font: normal 11px "Arial", Arial Narrow;
}
#form-container form p.wide label, form#formname #form-container p.wide label{
  width: 100%;
  text-align: left;
  font: normal 11px "Arial", Arial Narrow;
}
#form-container form p span.formw, form#formname #form-container p span.formw{
  float: right;
  width: 70%;
  text-align: left;
}
/* Input BG Size Etc */
.singleline-field {
	width: 250px;
	height: 18px;
	font: normal 11px "Arial", Arial Narrow;
	display: inline;
	border: #ccc solid 1px;
}
/* Textarea BG Size Etc */
.multiline-field {
	width: 250px;
	font: normal 11px "Arial", Arial Narrow;
	display: inline;
	border: #ccc solid 1px;
}
/* Dropdown BG Size Etc */
select.singleline-field {
	width: 250px;
	height: 20px;
		border: #ccc solid 1px;

}
/* Required Highlight Colour */
.darktxt {
color:#FF0000;
	font-weight: bold;
}

.address {
	font-weight: normal;
	width: 200px;
}
address {
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	margin: 10px 0 10px 0;
}

#info_container {float:left; width:400px;}
#facebook_container {float:left; width:400px; padding:40px 0 0 40px }