/*
@Author: Mohsen Taleb <mohsen.taleb@leftfield-digital.com>
*/

@import url(base.css);
body {
	background:#D9C8AF url(../images/cotswold/body_bg.gif) repeat-x 0 0;
}
#container {
	background:url(../images/cotswold/content_bg.gif);
	width:860px;
	margin:0 auto;
	position: relative;
	min-height:100%;
	height:100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto;
}
html>body #container {
	height: auto;
}
* html #container {
	height:100%;
}
h2 {
	font:bold 1.2em Arial, Helvetica, sans-serif;
	color:#5B5B5B;
	margin-bottom:10px;
}
h4 {
	font:bold 1.2em Arial, Helvetica, sans-serif;
	color:#5B5B5B;
	padding:9px;
	background:url(../images/cotswold/titlebar_y_bg.gif) repeat-x 0 0;
	height:16px;
	margin:0;
}
h2.title {
	padding:4px 6px;
}
h6 {
	font:bold 15px Arial, Helvetica, sans-serif;
	color:#336699;
	margin-bottom:20px;
}

#header {
	width:860px;
	margin:0 auto;
	height:120px;
	background:url(../images/cotswold/header_bg.gif) repeat-y 0 0;
	position:relative;
}
#header h1#logo a {
	position:absolute;
	left:65px;
	top:10px;
	display:block;
	background:url(../images/cotswold/logo.gif) no-repeat 0 0;
	margin:30px 0 10px 0;
	width:209px;
	height:65px;
}
#header #nav_menu {
	width:760px;
	margin:0 auto;
	height:24px;
	background:#FDFDFD;
}
#header #nav_menu ul {
	list-style:none;
	float:right;
}
#header #nav_menu ul li {
	float:left;
	background:url(../images/cotswold/nav_menu_delimiter.gif) no-repeat center left;
	margin:2px 5px;
	padding-left:7px;
}
#basket {
	position:absolute;
	top:40px;
	right:60px;
	width:207px;
	height:61px;
	background:url(../images/cotswold/basket_bg.gif) no-repeat 0 0;
}
#basket a#view_basket {
	display:block;
	width:33px;
	height:14px;
	background:url(../images/cotswold/view_basket.gif) no-repeat 0 0;
	position:absolute;
	top:12px;
	right:12px;
	text-indent:-9000px;
}
#basket p {
	margin:30px 0 0 17px;
}
#basket p span.basket_items {
	float:left;
}
#basket p span.basket_total {
	float:right;
	margin-right:10px;
}
#main_body {
	background:url(../images/cotswold/main_body_bg.gif) no-repeat 0 0;
	width:860px;
	margin:0 auto;
	padding-bottom:105px;
}
input.text {
	border:1px solid #CCC;
	padding:2px;
}
#body_content {
	width:760px;
	margin:0 auto;
}
#search_bar {
	height:34px;
	width:760px;
	background:url(../images/cotswold/searchbar_bg.gif) repeat-x 0 0;
}
ul#nav_buttons {
	float:left;
	width:320px;
	list-style:none;
	padding:0;
	margin:0;
}
li#browse_collection{
	float:left;
	width:202px;
	position:relative;
}
li#browse_collection a.button{
	display:block;
	height:34px;
	background:url(../images/cotswold/browse_collection_btn.gif) no-repeat 0 0;
	text-indent:-9000px
}
li#browse_collection a.button:hover, li#browse_collection a.active {
	background-position:0 -34px;
}
li#my_account{
	float:left;
	width:112px;
}
li#my_account a.button {
	display:block;
	height:34px;
	background:url(../images/cotswold/myaccount_btn.gif) no-repeat 0 0;
	text-indent:-9000px;	
}
li#my_account a.button:hover {
	background-position:0 -34px;
}
div#drop_down {
	position:absolute;
	left:2px;
	top:34px;
	width:416px;
	height:196px;
	padding:5px;
	background:#F0E6D4 url(../images/cotswold/dropdown_bg.gif) no-repeat bottom left;
	display:none;
	z-index:9999;
}
div#drop_down ul {
	list-style:none;
	float:left;
	width:45%;
	padding-left:10px;
}
div#drop_down ul li {
	
}
div#search {
	float:right;
	height:30px;
	width:390px;
	padding-left:50px;
	padding-top:5px;
	background:	url(../images/cotswold/searchbar_search.gif) no-repeat 0 0;
}
#product_categories {
	width:75%;
	padding:8px;
	float:left;
}
#site_sections {
	width:20%;
	padding:8px;
	float:right;
}
#site_sections ul {
	list-style:none;
}
#product_categories ul {
	list-style:none;
	float:left;
	width:31%;
}
#footer_category {
	background:url(../images/cotswold/footer_category_bg.gif) no-repeat 0 0;
	width:742px;
	height:165px;
	margin:0 auto;
}
#footer {
	width:100%;
	clear:both;
	position: absolute;
	bottom:0;	
	height:105px;
}
#footer_links {
	height:31px;
	background:url(../images/cotswold/footer_bg.gif) repeat-x 0 0;
	width:760px;
	margin:0 auto;
	text-align:center;
	padding-top:7px;
}
#footer_icons {
	width:730px;
	margin:0 auto;
	height:70px;
	padding:5px 15px;
	background:#FFFFFF;
}
#footer_icons a {
	width: 140px;
	margin: 0 auto;
	
}
.red {color:#f00;}
.grey {color:#CCC;}
.black {color:#000;}

#main {
	padding:10px;
	overflow:hidden;
	width:740px;
	padding-bottom:0;	
	
}
* html #main, * html #products {height:1%}
#main #right_column {float:right;}
#main #right_column a {display:block; margin-bottom:10px;}
#main #promotion {
	float:left;
}
#products {
	overflow:hidden;
	padding:10px;
	padding-top:0;
	}
#products #featured {
	float:left;
	width:365px;
	background:url(../images/cotswold/featured_bg.gif) no-repeat 0 0;
	height:331px;
}
#products #topselling {
	float:right;
	width:365px;
	background:url(../images/cotswold/topselling_bg.gif) no-repeat 0 0;
	height:331px;	
}
div.product {
	width:155px;
	float:left;
	margin:7px;
	overflow:hidden;
	height:300px;
}
div.product img {border:1px solid #66829B}
div#left_column {
	float:left;
	width:220px;
	background:	url(../images/cotswold/left_column_bg.gif) repeat-y top right;
}
div#left_column p {
	margin:0;
}
div#login {
	width:185px;
	height:80px;
	background:	url(../images/cotswold/loginbox_bg.gif) no-repeat 0 0;
	padding:10px 5px 5px 10px;
}
div#register {
	text-align:right;
	padding-right:5px;
	margin-bottom:5px;
	font-size:10px;
}
div#login input.entry {
	margin-bottom:5px;
	width:130px;
}
div#right_content {
	float:right;
	width:520px;
}
div#breadcrumb {
	background:#fff;
	margin-bottom:10px;
}
div#product_title {
	clear:both;
	height:34px;
	background:url(../images/cotswold/product_title_bg.gif) repeat-x 0 0;
	padding:8px;
	margin-bottom:10px;
}
div#product_title_sale {
	clear:both;
	height:34px;
	background:url(../images/cotswold/product-title-sale.png) repeat-x 0 0;
	padding:8px;
	margin-bottom:10px;
}
div#product_title h2 {
	margin:0;
	padding:0;	
}
div#filters {
	width:200px;
}
div#left_column h3 {
	font-size:11px;
	font-weight:bold;
	background:url(../images/cotswold/left_column_title_bg.gif) repeat-x 0 0;
	height:14px;
	padding:4px;
	width:192px;
}
div#secondary_nav {
	margin-bottom:10px;
}
div#secondary_nav h3, div#category_list h3 {
	background:url(../images/cotswold/left_column_title_bg_btn.gif) repeat-x 0 0;
}
div#left_column h3 a{
	display:block;
}
div#current_filters {
	padding:5px;
}
ul.filters {list-style:none;}
ul.filters li {
	line-height:1.8em;
}
div#other_filters {
	padding:5px;
	background:#FBF7F1;
}
div#contact {
	width:190px;
	background:url(../images/cotswold/contact_bg.gif) no-repeat 0 0;
	padding:40px 0 0 10px;
	margin-bottom:10px;
}
div#main_product {
	overflow:hidden;
	margin-bottom:20px;
}
* html div#main_product, * html div#complimentary-products {height:1%}
div.left_pic {
	float:left;
	width:170px;
	text-align:center;
}



div.right_description {
	float:right;
	padding-right:20px;
	width:320px;
	margin-bottom:20px;
}
div#complimentary-products {
	clear:both;
	overflow:hidden;
	margin-bottom:20px;
}
div#complimentary-products h4, h5 {
	height:15px;
	font-size:11px;
	padding:8px;
	background:	url(../images/cotswold/titlebar_bg.gif) repeat-x 0 0;
	margin-bottom:10px;
}
div.stock_chart {
	background:#f1f5f9;
	padding:5px;
	clear:both;
}

a.MagicZoom img {
	border:1px solid #ccc;
}
img.outfit{
	border:1px solid #ccc;
}

table.size_chart {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#5A5A5A;
}
table.size_chart td {
	height:24px;
	/*width:24px;*/
	text-align:center;
}
table.size_chart td img.icon {
	cursor:pointer;
}
table.size_chart td.color {
	text-align:left;
	width:70px;
}
img.selected {
	border:2px solid #555555;
}
input.add_button {
	float:right
}
div.code_n_price {
	text-align:right;
	float:left;
}
div.add_to_basket {
	height:50px;
	margin:15px;
}
img.thumbnail {
	float:left;
	margin:0 10px 10px 0;
	border:1px solid #ccc;
}
div#product_search {
	width:195px;
	height:29px;
	background:url(../images/cotswold/product_search_bg.gif) no-repeat 0 0;
	padding:30px 0 0 5px;
	margin-top:10px;
}
div#category_list {
	background:#E9EDF1;
	width:200px;
}
div#category_list ul {list-style:none}
div#category_list ul div#other_filters {
	margin-left:-6px;
}
div.box {
	border:1px solid #ddd;
	margin-bottom:20px;
	padding:10px;
}
*html div.box{
	height: 1%;	
}
div.box_footer {
	background:url(../images/cotswold/box_footer.gif) no-repeat 0 0;
	height:34px;
	text-align:center;
	padding:10px;
	clear:both;
}
/* form styles */
form.data_entry {
	padding:0;
}
form.data_entry input{
	overflow:hidden;
}
form.data_entry div.entry {
	clear:both;
	vertical-align:baseline;
	margin:5px;
}
form.data_entry label {
	display:block;
	width:150px;
	text-align:right;
	float:left;
	margin:5px;	
}
form.data_entry label input {
	width:150px;	
}
form.data_entry select {
	font:11px Tahoma; 
	text-align:left;
	height:2em;
}
form.data_entry input.text, textarea {
	float:left;
}

form.data_entry ul li {
	float: left;
	margin-right: 10px;
}
div#welcome {
	background:#E9EDF1;
	padding:10px;
	width:180px;
	margin-bottom:10px;
	height:20px;
}
th {
	background:#FBFBFB;
	border-bottom:1px solid #EEEEEE;
	height:20px;
}
.small {
	font-size:10px;
}
.big {
	font-size:2em;
	font-weight:bold;
}
#countryHolder select {
	width: 180px;
}
#countryHolderBig select {
	width: 193px;
}
#zipHolder input {
	width: 75px;
	margin-bottom: 9px;
}
table.datatable {
	width: 100%;
	margin-bottom: 10px;
}
.req {
	color: RED;
}
/*shops*/
table.datatable {
	width: 100%;
	margin-bottom: 10px;
}

table.datatable th {
	font-weight: bold;
	padding-bottom: 4px;
}

table.datatable a {
	text-decoration: underline;
}
table.datatable img {
	margin: 0 10px 10px 0;
	border: 1px solid #577794;
}
#offer {
	position:absolute;
	left:325px;
	top:10px;
	display:block;
	margin:30px 0 10px 0;
	width:209px;
	height:65px;
	font:1.6em Arial,Helvetica,sans-serif;
	color:#000000;
}