body { background-color: #fbf8f3; margin: 0; padding: 0; border: 0; outline: 0; }
body, td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #3d3e35; line-height: normal; }
img { border:0; }
form { margin:0; }
p { margin:0px 0px 11px; }
a { color:#603e2a; }
a:hover { color:#F90; text-decoration: underline; }

h1 {
	font-family: "Century Gothic", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px; line-height: normal; font-weight: normal;
	color: #58621a; margin:0px 0px 15px; padding-bottom:3px; background: url(dots.jpg) repeat-x left bottom;
}
h2 {
	font-family: "Century Gothic", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px; line-height: normal; font-weight: normal;
	color: #58621a; margin:0px 0px 5px; padding-bottom:3px; border-bottom: 1px solid #d9d19e;
}
h3 { font-family: "Century Gothic", "Lucida Grande", Verdana, Helvetica, sans-serif; font-size: 12px; line-height: normal; font-weight: bold; color: #093b1a; margin:0px 0px 6px; }
h4 { font-family: "Century Gothic", "Lucida Grande", Verdana, Helvetica, sans-serif; font-size: 14px; line-height: normal; font-weight: bold; color: #093b1a; margin:0px 0px 6px; }

#landscape { width: 100%; margin:0 auto; background: url(landscape.jpg) center top repeat-x; }
#wrapper { width: 100%; margin:0 auto; background: url(backgradient.jpg) center top no-repeat; }

#header { width: 970px; height:120px; margin:0 auto; padding: 0px; background-color: #EDEABD; }
#logobloc { float: left; width: 324px; }
#storebloc { float: right; min-height:91px; height:auto!important; height: 92px; width: 567px; text-align:right; line-height:1px; }

#menusection { float:right; height: 30px; }
#menusection ul { margin: 0; padding: 0; list-style-type: none; } 
#menusection ul li { display: inline; font-family: "Century Gothic", "Lucida Grande", Verdana, Helvetica, sans-serif; font-weight: bold; font-size:14px; }
#menusection ul li a { text-decoration: none; color: #FFF; text-align: center; float: left; height: 24px; width: 110px; 
	background: url(bg-tabtop.png) no-repeat left top; margin-right: 5px; padding-top: 6px; }
#menusection ul li a:hover { text-decoration: underline; }
#menusection ul li a.odd { background-position: left -30px; } 

#main { width: 970px; margin: 0 auto; background-color: #FFF; padding: 10px 0px 10px 10px; border: 1px solid #acb08c; }

#bannerimage { width: 730px; min-height:130px; height:auto!important; height: 130px; margin-bottom:10px; float: left; }

#cartholder { width: 170px; float: right; padding-right:40px; }
#cartholder a.basket { float: left; font-family: "Century Gothic", "Lucida Grande", Verdana, Helvetica, sans-serif; font-size: 13px; 
	font-weight: bold; color: #194f47; text-decoration: none; background: url(basket.jpg) no-repeat left top; height: 30px; 
	width: 120px; cursor:pointer; padding: 16px 0px 0px 50px; }
#cartholder a.basket:hover { text-decoration: underline; color: #0C2623; }
#cartholder .basketcontent { float: left; height: 17px; width: 170px; border-bottom: 1px solid #E0E3E7; border-top: 1px solid #E0E3E7; 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666; text-align: center; padding-top: 5px; }
#cartholder .account { float: left; height: 18px; width: 170px; padding: 3px 0px 0px; background-color: #1f6157; 
	font-family: "Century Gothic", "Lucida Grande", Verdana, Arial; font-size: 11px; font-weight: bold; color: #FFF; 
	text-decoration: none; margin: 5px 0px 0px; text-align: center; }
#cartholder .account:hover { text-decoration: underline; }
#cartholder .checkout { float: left; height: 18px; width: 170px; padding: 3px 0px 0px; background-color: #603e2a; 
	font-family: "Century Gothic", "Lucida Grande", Verdana, Arial; font-size: 11px; font-weight: bold; color: #FFF; 
	text-decoration: none; margin: 5px 0px 0px; text-align: center; }
#cartholder .checkout:hover { text-decoration: underline; }

#welcomestrip { float: left; clear:both; height: 38px; width: 930px; background-color: #eeede7; font-family: "Century Gothic", "Lucida Grande", Verdana, Arial; 
	font-size: 14px; color: #7a6659; text-decoration: none; padding: 0px 15px; }

.breadcrumb { float: left; height: auto; width: auto; padding-top:10px; }
a.bread { font-size: 15px; line-height: normal; font-weight: bold; color: #584841; text-decoration: none; }
a.bread:hover { text-decoration: underline; color: #302623; }

.dateholder { float: right; height: auto; width: auto; font-size: 11px; padding-top:5px; text-align: right; }
	
#page { clear: both; float: left; width: 970px; background:url(bg-page.png) repeat-y top left; }
#leftcolumn { float: left; width: 190px; padding-top: 15px; background-color: white; }

#category .menu-brand { display:block; margin:4px 0px 0px; padding:4px 0px 0px 4px; height:24px; background:url(bg-menugreen.png) 0px 0px no-repeat #4D381D; cursor:pointer; }
#category .menu-brand select { width:160px; border:0px; font-size: 13px; background-color:#eeede7; font-weight: bold; color:#4D381D; }

#category { margin:0px; }
#category ul { width:170px; margin:0px; padding:0px; list-style: none; display: block; }
#category ul li { width:170px; display: block; }
#category .level1 { display:block; margin:4px 0px 0px; padding:5px 0px 0px 10px; height:23px; background:url(bg-menubrown.png) -170px 0px no-repeat #4D381D; color:white;
	font-family: "Century Gothic", "Lucida Grande", Verdana, Arial; font-size: 14px; line-height: normal; font-weight: bold; color: #FFFFFF; cursor:pointer; }
#category .level1:hover { background-position: 0px 0px; }

#category .green { background:url(bg-menugreen.png) -170px 0px no-repeat #4D381D; text-decoration: none; }
#category .red { background:url(bg-menured.png) -170px 0px no-repeat #C00; text-decoration: none; }

#category .level2 { display:block; padding:3px 0px 3px 20px; width:150px; margin:1px 0px 0px; text-decoration: none; color: #443b28; 
	background: url(arrow.png) no-repeat left center #eeede7; font-family: "Century Gothic", "Lucida Grande", Verdana, Helvetica, sans-serif; font-size: 12px; cursor:pointer; }
#category .level2:hover { background-color:#e9e7d9; color:#18150e; text-decoration: underline; }

#category .level3 { display:block; padding:3px 0px 3px 32px; width:138px; margin:1px 0px 0px; text-decoration: none; color: #443b28; 
	background: url(arrow.png) no-repeat 12px center #eeede7; font-family: "Century Gothic", "Lucida Grande", Verdana, Helvetica, sans-serif; font-size: 12px; cursor:pointer; }
#category .level3:hover { background-color:#e9e7d9; color:#18150e; text-decoration: underline; }

#category .bullet { background-image:url(bullet.png); }

.links { float:left; width:170px; margin:20px 0px; padding:0px 0px 4px; border-top:3px solid #A8B0A2; background: url(dots2.png) bottom left repeat-x; }
.links a { float:left; width:160px; padding:3px 0px 3px 10px; margin:1px 0px 0px; text-decoration: none; color: #443b28; 
	background-color:#eeede7; font-family: "Century Gothic", "Lucida Grande", Verdana, Helvetica, sans-serif; font-size: 12px; cursor:pointer;}
.links a:hover { background-color:#e9e7d9; color:#18150e; text-decoration: underline; }

#maincontent { float: left; width: 550px; padding-bottom: 25px; margin-top: 17px; }
#maincontent .cms img { padding:0px; }
#maincontent .cms img[align=left] { margin-bottom: 3px; margin-top:3px;  margin-right:10px; border:1px solid #000; }
#maincontent .cms img[align=right] { margin-bottom: 3px; margin-top:3px; margin-left:10px; border:1px solid #000; }

#box { float:left; width:550px; }

#footer { width: 950px; height: 25px; margin:0 auto; background-color: #acb08c; border: 1px solid #acb08c; font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; color: #503521; padding: 10px 15px 0px;
}

#outsrc { clear: both; width: 960px; margin:0 auto; text-align: right; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #503521; padding: 8px 0px; }

.paragraph { float:left; width: 550px; margin-bottom:10px; }

/* Products */
.product-large { float:left; width:175px; margin:0px 0px 10px 10px; }
.product-large .image { float:left; position:relative; width:175px; text-align:center; padding-bottom: 5px; }
.product-large .detail { float:left; width:171px; border: 1px solid #d9d7c9; padding: 1px; min-height:52px; height:auto!important; height: 52px; background-color: #FFFFFF; }

.product-large .detail a { font-weight: bold; color: #082f15; text-decoration: none; float: left; min-height:52px; height:auto!important; height: 52px; 
	width: 171px; cursor:pointer; text-align: center; background: url(diagonal.jpg) left top repeat; padding: 4px 0px;
}

.product-large .detail .price { font-family: "Century Gothic", "Lucida Grande", Verdana, Helvetica, sans-serif; 
	font-size: 14px; line-height:150%; font-weight: bold; color: #900e0e; }
.product-large .detail .from { font-family: "Century Gothic", "Lucida Grande", Verdana, Helvetica, sans-serif; font-size: 9px; line-height:normal; color: #900e0e; }

.product-large .detail a:hover { text-decoration: underline; color: #0C2623; }
	
.product-small { width: 550px; float: left; padding: 5px 0px 8px; border-bottom: 1px dotted #603e2a; margin-bottom: 8px; }
.product-small .product-small-image { float: left; width: 105px; margin-top:3px; position: relative; }
.product-small .product-small-image img.womens { position:absolute; top:-4px; left:68px; }
.product-small .product-small-title { float: left; width:365px; margin-top:3px; }
.product-small .product-small-price { float:right; width:78px; font-family: "Century Gothic", "Lucida Grande", Verdana, Helvetica, sans-serif; 
	font-size: 14px; line-height: normal; font-weight: bold; color: #900e0e; text-align: right; }
.product-small .product-small-price .from { float:right; width:70px; font-family: "Century Gothic", "Lucida Grande", Verdana, Helvetica, sans-serif; 
	font-size: 9px; line-height: normal; color: #900e0e; text-align: right; margin-top:-8px; }
.product-small .product-small-price .rrp { float:right; width:70px; font-family: "Century Gothic", "Lucida Grande", Verdana, Helvetica, sans-serif; 
	font-size: 9px; line-height: normal; color: #999; text-align: right; }
.product-small .product-small-detail { float: left; width:444px; margin-top:4px; }

.brand-tile { float:left; width:176px; margin:0px 0px 10px 10px; }
.brand-tile .image { float:left; position:relative; width:176px; height:70px; text-align:center; }
.brand-tile .image img { padding-bottom:10px; }
.brand-tile .detail { float:left; width:172px; border: 1px solid #d9d7c9; padding: 1px; background-color: #FFFFFF; }

.brand-tile .detail a { font-weight: bold; color: #082f15; text-decoration: none; float: left;
	width: 172px; cursor:pointer; text-align: center; background: url(diagonal.jpg) left top repeat; padding: 4px 0px;
}

.brand-tile .detail a:hover { text-decoration: underline; color: #0C2623; }


.listing-header { float:left; width:550px; padding:0px; float: left; margin:0px 0px 8px; padding-bottom:5px; background: url(dots.jpg) repeat-x left bottom; }
.listing-header .title { float:left; width:400px; }
.listing-header .title h1 { margin:0px; background: none; padding:0px 0px 0px 1px; }
.listing-header .filter { float:right; width:150px; text-align:right; }

.pagination { float:left; width:550px; padding:0px; margin-bottom:8px; }
.pagination .page-count { float:left; width:248px; padding:0px 0px 0px 1px; }
.pagination .page-navigation { float:right; width:300px; text-align:right; }

.detail-image { float:left; width:220px; }
.detail-thumbnails { float:left; margin:5px 0px 15px 0px; width:220px; padding:10px 0px 0px; border-top: 1px solid #e9e7d9; }
.detail-thumbnails img { float:left; margin-left:3px; padding:0px; width:70px; }

.detail-container { float:left; margin:0px; width:310px; }
.detail-container .price-label { padding-top: 10px; }
.detail-container .price { padding-top: 8px; font-family: "Century Gothic", "Lucida Grande", Verdana, Helvetica, sans-serif; font-size: 14px; line-height: 100%; font-weight: bold; color: #900e0e; }

.product-specification { float: left; width: 190px; margin-bottom:5px; }
.product-specification-item { float: left; color: #888; width: 80px; }
.product-specification-value { float: left; width: 108px; }

.product-basket { float: left; width: 310px; margin-bottom:5px; border-bottom: 1px dotted #e9e7d9; }
.product-basket-item { float: left; width: 80px; padding-top:4px; font-weight:bold; }
.product-basket-value { float: left; width: 230px; padding:0px 0px 4px; }
.product-basket-value select { width: 225px; padding:1px;}

.stock { float:left; width:228px; margin-bottom:10px; }
.stock-colour { float:left; width:228px; colour:#18150e; padding:0px; background-color:#e9e7d9; font-weight:bold; }
.stock-row { float:left; width:228px; padding:0px; }
.stock-size { float:left; width:120px; padding:4px 0px; }
.stock-price { float:left; width:108px; text-align:right; font-weight: bold; color: #900e0e; padding:4px 0px; }
.stock-price a.basket { background:url(addbasket.jpg) right top no-repeat; padding-right:40px; text-decoration:none; font-family: "Century Gothic", "Lucida Grande", Verdana, Helvetica, sans-serif; font-size:12px; }

#tabs {
	float: left;
	width: 550px;
	padding: 0px 0px 5px;
	margin: 0px 0px 0px 0px;
	background-image: url(dots2.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#tabs li.button {
	margin-left: 0px;
	list-style: none;
}
	
* html #tabs li.button { display: inline; /* ie6 double float margin bug */ }
		
#tabs li.button a { float: left;
	font-family: "Century Gothic", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #4D381D;
	text-decoration: none;
	text-align: center;
	padding: 4px 0px;
	margin-right: 10px;
	text-align: center;
	width:135px;
	background-color: #eeede7;
}
	
#tabs li.button a:hover { text-decoration: underline; }
#tabs li.button a.active { color:#eeede7; background-color: #1f6157; font-weight: bold; }

.tab-text { float:left; width:550px; margin:10px 0px; }
.tab-text ul { margin: 0px 0px 10px; padding: 0px; }
.tab-text li { list-style-position: inside; list-style-type: disc; margin: 10px 0px 0px; padding: 0px; }

.clear { clear: both; }
.floatleft, .left {float: left; height: auto; width: auto; }
.floatright, .right {float: right; height: auto; width: auto; }

.price { font-family: "Century Gothic", "Lucida Grande", Verdana, Helvetica, sans-serif; font-size: 14px; line-height:150%; font-weight: bold; color: #900e0e; }

a.footlink { color: #503521; text-decoration: underline; }
a.footlink:hover { text-decoration: underline; color: #000000; }

a.back:link, a.back:visited, a.back:active {
	font-family: "Century Gothic", "Lucida Grande", Verdana, Arial;
	font-size: 12px;
	line-height: normal;
	font-weight: bold;
	color: #07310b;
	text-decoration: none;
	background-image: url(arrowgreen.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	float: left;
	height: 19px;
	width: auto;
	cursor:pointer;
	border: 1px solid #c0b2b2;
	background-color: #f4f4f4;
	padding-left: 21px;
	padding-right: 15px;
	padding-top: 3px;
}

a.back:hover {
	text-decoration: underline;
	color: #07310b;
	border: 1px solid #9E8A8A;
}


.stdform { float:left; width:100%; }
.stdform .row { float:left; clear:both; width:100%; padding-bottom:5px; margin-bottom:5px; border-bottom:1px dotted #ccc; }
.stdform .row div.label { float:left; width:25%; font-weight:bold; padding-top:7px; }
.stdform .row div.field { float:left; width:65%; }

.error { color:#C00; }
.grey { color:#999; }
.discount { font-size:9px; line-height:10px; font-weight:normal; }

input.field, textarea.field { border:1px solid #acb08c; background-color: #fCf9f6; padding:4px; font-size:110%; font-family:"Century Gothic", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; }
input.wide, textarea.wide { width:375px; }

a.button { float:left; width:auto; border:0px; padding:6px 10px 5px; font-family: "Century Gothic", "Lucida Grande", Verdana, Arial; font-size: 11px; font-weight: bold; color: #FFF; 
	text-decoration: none; text-align: center; background-color: #1f6157; }
a.button:hover { text-decoration: underline; background-color: #603e2a; }

/* @group Right column */

#rightcolumn { float: left; width: 210px; padding: 2px 0px 0px 20px; background-color: white; }

#rightcolumn .block { width: 210px; float: left; padding: 0px; margin-bottom: 20px; }

#rightcolumn .pod_search { font-family: "Century Gothic", "Lucida Grande", Verdana, Arial; 
	line-height: normal; color: #603e2a; text-decoration: none;
	background: url(bg-podsearch.png) repeat-x right top; float: left; 
	width: 183px; padding:30px 10px 0px; height:68px;
}
#rightcolumn .pod_search h5 { font-size: 14px; margin:0px 0px 10px; font-weight:normal; }
#rightcolumn .pod_search a.go { float:left; width:auto; border:1px solid #503521; padding:5px 9px 4px; font-family: "Century Gothic", "Lucida Grande", Verdana, Arial; font-size: 11px; font-weight: bold; color: #FFF; 
	text-decoration: none; text-align: center; background-color: #603e2a; }
#rightcolumn .pod_search a.go:hover { text-decoration: underline; background-color: #acb08c; }

#rightcolumn .pod_top { font-family: "Century Gothic", "Lucida Grande", Verdana, Arial; font-size: 14px; line-height: normal; font-weight: bold; color: #FFFFFF; text-decoration: none;
	background: url(bg-podtop.png) repeat-x left top #225A29; text-align: center; float: left; height: 23px; width: 200px; padding-top: 5px; margin-bottom:2px; }

#rightcolumn .pod_base { float:left; padding:6px 10px 10px; width:180px; background: url(bg-podbase.png) repeat-x left bottom #eeede7; font-size: 11px; color: #202020; }
#rightcolumn .pod_link { float:left; width:200px; margin-bottom:1px; }
#rightcolumn .pod_link a { float:left; text-decoration: none; color: #443b28; padding:5px 10px 5px 20px; width:170px; background-color: #eeede7; 
	background: url(bullet.png) no-repeat left center #eeede7; font-family: "Century Gothic", "Lucida Grande", Verdana, Helvetica, sans-serif; font-size: 12px; }
#rightcolumn .pod_link a:hover { background-color:#e9e7d9; color:#18150e; text-decoration: underline; }
#rightcolumn .last { width:200px; padding-bottom:4px; background: url(bg-podbase.png) repeat-x left bottom #eeede7; }

a.cloud1 { font-size: 10px; line-height: normal; color: #6e0a08; text-decoration: none; }
a.cloud1:hover { text-decoration: underline; }

a.cloud2 { font-size: 11px; line-height: normal; color: #2e397c; text-decoration: none; }
a.cloud2:hover { text-decoration: underline; }

a.cloud3 { font-size: 12px; line-height: normal; color: #561755; text-decoration: none; }
a.cloud3:hover { text-decoration: underline; }

a.cloud4 { font-size: 14px; line-height: normal; color: #4a5006; text-decoration: none; }
a.cloud4:hover { text-decoration: underline; }

a.cloud5 { font-size: 16px; line-height: normal; color: #c14e09; text-decoration: none; }
a.cloud5:hover { text-decoration: underline; }

/* @end */

/* @group Basket */

.basket-row { float:left; width:540px; border-bottom:1px dotted #d9d19e; padding:0px 10px 0px 0px; margin-bottom:5px; }
.basket-col { float: left; padding:10px 10px 10px 0px; }
.basket-image { float: left; width: 90px; padding-right: 10px; padding-bottom:5px; position:relative; }
.basket-detail { float: left; width: 240px; padding:10px 0px; }
.basket-quantity { float: left; width: 140px; padding:10px 0px; }
.basket-summary { float:left; font-weight:bold; width: 450px; text-align:right; padding:10px 30px 10px 0px; }
.basket-total { float: left; font-weight: bold; width: 60px; padding:10px 0px; }
.basket-buttons { float:left; width: 550px; padding:0px 0px 10px; text-align:right; }
.basket-terms { float:left; padding:10px; width:528px; margin:10px 0px; border:1px dotted #d9d19e; background-color:#FFFFF0;  }
input.button { 
	font-family: "Century Gothic", "Lucida Grande", Verdana, Arial;
	font-size: 12px;
	line-height: normal;
	font-weight: bold;
	color: #003333;
	text-decoration: none;
	float: right;
	width: auto;
	cursor:pointer;
	border: 1px solid #006633;
	background-color: #f4f4f4;
	padding: 4px 15px;
	margin-left:10px;
}

.basket-checkout { 
	font-family: "Century Gothic", "Lucida Grande", Verdana, Arial; font-size: 12px; line-height: normal; 
	font-weight: bold; color: #900; background: url(arrowred.jpg) no-repeat right center;
	float: right; width: auto; border: 1px solid #990000; background-color: #F4F4F4;
	padding: 4px 21px 4px 15px; margin-left: 10px;
}

/* @end */

/* @group Form */

div.form { float:left; margin-bottom:10px; }
div.form-row { float:left; border-top:1px dotted #d9d19e; width:inherit; padding: 3px 0px; }
div.form-label { float:left; color:#888; font-weight:bold; padding-top:7px; font-size:90%; }
div.form-input { float:left; text-align:right; }
div.form-text { float:left; padding:7px 0px; }
div.form-toolbar { float:left; text-align:right; width:inherit; }

.input-narrow { width:158px; padding:2px; font-size:120%; }

/* @end */