@charset "UTF-8";
/* CSS Document */
/* author:lydia jackson for Toast www.toast.co.nz*/
/*------------
MASTERS
*/

/* -------------------- html png fix*/
* html img, 
* html .png{
    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
        this.src = "../images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
		this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
        this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
    );
}
/* -------------------- */

.clear{
	 clear:both;
	}

/*---------------------------------
PAGE DIVS
----------------------------------*/
* {
  margin: 0;
 }
 html, body {
     height: 100%;
}
.footer, .push {
     height: 151px;
}


body{
	margin:0px; 
	padding:0px;
	background: #e1e2e4 url('../images/bg1.jpg') repeat-x;
}

#wrap{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background: url('../images/bg-repeatMain.png') repeat-y scroll 50% 0;
	/*margin:0px auto;*/
	/*padding:0 47px 0 47px;*/
	display:block;
	width:900px;
		 min-height: 100%;
		 height: auto !important;
		 height: 100%;
		 margin: 0px auto -151px;
}

#header-wrap {
	margin:0px auto;
	width:806px;
}

#content{
	margin:40px 47px 0 1px;
	width:806px;
	}
	
#footer{
	width:804px;
	height:91px;
	background: url('../images/footer-bg.png') no-repeat 20px 0;
	margin:0px auto;
	padding:60px 20px 0 20px;
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	text-shadow:0 -1px 1px #999;
	}
	
	
	
#footerContent{
	margin:0  0 0 30px;	
	width:435px;
	}

/*---------------------------------
HEADER DIVS
----------------------------------*/

#header{
	overflow:hidden;
	padding:0;
	background: url('../images/header-bg1.png') repeat-x 0 0;
	width:806px;
	height:160px;
}

#logo{
	background: url('../images/logo-earthwalk.png') repeat-x;
	width:154px;
	height:128px;
	margin:32px 0  0 10px;
	display:inline-block;
	float:left;
}

#navigation{
	width:630px;
	height:140px;
	float:right;
	display:inline-block;
	padding:0;
	margin:0;
}

#login{
	height:27px;
	width:610px;
	margin: 14px 0 28px 0 ;
	padding:0;
	float:right;
}

#main-nav{
	height:79px;
	width:630px;
	padding:0;
	float:right;
	
}

#voucher{
#border:0px;
margin:0;
padding:0;
}

/*--------------------------------
login-nav
------------------------------------*/

#login ul.login-nav {
	list-style:none;
	display: inline-block;
	padding:0;
	float:left;
	margin:5px 0 0 0;
	}
	
/*#login ul.login-nav li { 
	 		list-style: none; 
			margin: 0 2px; 
			float: left;
			display:inline-block;
		}*/
		
		
		#login ul.login-nav li {
		overflow:hidden;
	 		list-style: none; 
			float: left;
			display:inline-block;
			height:16px;
			padding:0;
			margin:0 6px 0 0;
			
		}
		
	#login ul.login-nav li a.login{
			overflow:hidden;
			background: url('../images/nav-login.png') no-repeat 0 0;
			display:inline-block;
			width:57px;
			height:16px;
			padding:16px 0 0 0;
			margin-top:1px;
			
		}
		
		#login ul.login-nav li a.login:hover{
			background: url('../images/nav-login_f2.png') no-repeat 0 0;
			}
		
	#login ul.login-nav li a.myaccount{
			background: url('../images/nav-myaccount.png') no-repeat 0 0;
			display: block;
			width:93px;
			height:16px;
			padding:16px 0 0 0;
		}
		
		#login ul.login-nav li a.myaccount:hover{
			background: url('../images/nav-myaccount_f2.png') no-repeat 0 0;
			}
		
	#login ul.login-nav li a.cart{
			background: url('../images/nav-cart.png') no-repeat 0 0;
			display: block;
			width:62px;
			height:16px;
			padding:16px 0 0 0;
			margin-top:1px;

		}
		
		#login ul.login-nav li a.cart:hover{
			background: url('../images/nav-cart_f2.png') no-repeat 0 0;
			}
		
	#login ul.login-nav li a.checkout{
			background: url('../images/nav-checkout.png') no-repeat 0 0;
			display: block;
			width:81px;
			height:16px;
			padding:16px 0 0 0;
		}
		
		#login ul.login-nav li a.checkout:hover{
			background: url('../images/nav-checkout_f2.png') no-repeat 0 0;
			}
		


/*--------------------------------------
Searchform
--------------------------------------*/
#searchbox{
	width:257px;
	display:inline-block;
	float:right;
	margin-right:10px;
	}
	
form#SearchForm{
	width:257px;
	display:inline-block;
	float:right;
	}
	
	form#SearchForm fieldset{
		margin:0px;
		padding:0px;
		border:none;
		display:inline;
		background: url('../images/search-bg.png') no-repeat;
		width:257px;
		height:34px;
		}
		
	form#SearchForm input#SearchForm_search{
		width:135px;
		background:none;
		border:none;
		float:left;
		display:inline-block;
		margin:4px 0 0 35px;
		color:#666;
		}
	
	form#SearchForm input#SearchForm_go{
		display:inline-block;
		background: url('../images/btn_search.png') no-repeat;
		border:none;
		width:53px;
		height:24px;
		float: left;
		padding-top:24px;
		overflow:hidden;
		cursor:pointer;
		margin-left:25px;
		}
	
/*--------------------------------
main-nav
------------------------------------*/


#main-nav ul.nav {
	overflow:hidden;
	list-style:none;
	display: block;
	padding:0;
	margin-right:-9px;
	float:right;
	}
	
#main-nav ul.nav li {
		overflow:hidden;
	 		list-style: none; 
			float: left;
			display: block;
			width:81px;
			height:79px;
			padding:0;
			margin-right:6px;
			
		}
		
	#main-nav ul.nav li a.walkwear{
			overflow:hidden;
			background: url('../images/nav-walkwear_f2.png') no-repeat 0 0;
			display:inline-block;
			width:81px;
			height:79px;
			padding:79px 0 0 0;
			
		}
		
		#main-nav ul.nav li a.walkwear:hover{
			background: url('../images/nav-walkwear.png') no-repeat 0 0;
			}
		
	#main-nav ul.nav li a.rainwear{
			background: url('../images/nav-rainwear_f2.png') no-repeat 0 0;
			display: block;
			width:81px;
			height:79px;
			padding:79px 0 0 0;
		}
		
		#main-nav ul.nav li a.rainwear:hover{
			background: url('../images/nav-rainwear.png') no-repeat 0 0;
			}
		
	#main-nav ul.nav li a.winterwear{
			background: url('../images/nav-winterwear_f2.png') no-repeat 0 0;
			display: block;
			width:81px;
			height:79px;
			padding:79px 0 0 0;
		}	
		
		#main-nav ul.nav li a.winterwear:hover{
			background: url('../images/nav-winterwear.png') no-repeat 0 0;
			}
		
	#main-nav ul.nav li a.apparel{
			background: url('../images/nav-apparel_f2.png') no-repeat 0 0;
			display: block;
			width:81px;
			height:79px;
			padding:79px 0 0 0;
		}
		
		#main-nav ul.nav li a.apparel:hover{
			background: url('../images/nav-apparel.png') no-repeat 0 0;
			}
		
	#main-nav ul.nav li a.adventure{
			background: url('../images/nav-adventure_f2.png') no-repeat 0 0;
			display: block;
			width:81px;
			height:79px;
			padding:79px 0 0 0;
		}
		
		#main-nav ul.nav li a.adventure:hover{
			background: url('../images/nav-adventure.png') no-repeat 0 0;
			}
		
		
	#main-nav ul.nav li a.gift{
			background: url('../images/nav-gift_f2.png') no-repeat 0 0;
			display: block;
			width:81px;
			height:79px;
			padding:79px 0 0 0;
		}
		
		#main-nav ul.nav li a.gift:hover{
			background: url('../images/nav-gift.png') no-repeat 0 0;
			}
		
	#main-nav ul.nav li a.sale{
			background: url('../images/nav-sale_f2.png') no-repeat 0 0;
			display: block;
			width:81px;
			height:79px;
			padding:79px 0 0 0;
		}	
		
		#main-nav ul.nav li a.sale:hover{
			background: url('../images/nav-sale.png') no-repeat 0 0;
			}
		
/*---------------------------------------
HOMEPAGE CONTENT
-----------------------------------------*/	

	
	
#home2{
	float:left;
	width:181px; /* 231-(40+10) */
	height:328px; /* 350 - 22*/
	background: url('../images/home_bg.png') no-repeat 0 0;
	position: absolute;
	z-index: 5000;
	margin-top:42px;
	margin-left:191px;
	padding:22px 10px 0 40px;
	}
	
#promoImage{
	padding-bottom:80px;
	}

#home2 .copy{
	margin:42px 0 42px 0;
	padding-right:20px;
	}

#home2 a img{
	border:none;
	}
	
	#home2 h2{
	color:#6C6C6D;
	font-size:16px;
	margin-bottom:12px;
	font-weight:500;
	letter-spacing:0.001em;
	}
	
	#home2 h3{
	color:#5F9A46;
	margin:0;
	padding:0;
	}
	
	#home2 p{
		line-height:130%;
	}
	
	#home2 img.littleBrand{
		padding-right:10px;
		margin-left:-5px;
		}



/*---------------------------------------
PAGE CONTENT
-----------------------------------------*/	
#twoCols{
	float:left;
	margin-bottom:20px;
	}

#lcol{
	width:196px;
	float:left;
	}
	

#speech{
		background: url('../images/speech-bg.jpg') no-repeat 0 0;
		width:127px;
		height:311px;
		padding:31px 26px;
	}
	
	#speech p{
		font:Arial, Helvetica, sans-serif;
		font-weight:bolder;
		font-size:10px;
		line-height:18px;
		color: #fff;
	}
	
	#lcol .caption{
		float:right;
		text-align:right;
		padding-right:40px;
		}
		
	#lcol .links{
		float:right;
		text-align:right;
		padding-right:40px;
		}
		
		

#rcol{
	width:604px;
	float:left;

}

	.productImage{
		width:288px;
		float:left;
	}
	
	.productImage a img{
		border:none;
	}
	
	img.product{
		margin:0 0 0 0;
		}
	
	img.flexiskin{
		margin:34px 0 0 10px;
		}

#rcol .infoBtn{
	padding-right:10px;
	margin-top:15px;
	}
	
#priceTab{
	background: url('../images/priceTab.png') no-repeat 0 0;
	height:72px;
	width:73px; /*actual dimensions: 102 x 133*/
	float:right;
	margin-top:18px;
	padding:30px 22px 0 38px;
	}
	
	#priceTab p{
		color:#FFF;
		font-weight:bolder;
		font-size:29px;
		text-align:center;
		width:75px;
		}
	
	
#saleTab{
	background: url('../images/saleTab.png') no-repeat 0 0;
	height:72px;
	width:102px; /*actual dimensions: 120 x 157*/
	float:right;
	padding:48px 25px 0 30px;
	}
	
	#saleTab p{
		color:#FFF;
		font-weight:bolder;
		font-size:29px;
		text-align:center;
		width:102px;
		margin-bottom:20px;
		}
		
	#saleTab p.small{
		color:#FFF;
		font-weight:lighter;
		font-size:10px;
		text-align:center;
		line-height:120%;
		width:102px;
		margin:0;
		}
	
	
	.productInfo{
		display:block;
		float:left;
		width:316px;
	}
	
	.productInfo a img{
		border:none;
	}
	
	img.brand{
		margin:0 0 0 0;
		}
		
	.productInfo .copy{
		margin-left:26px;
		height:280px;
		}
	
	
	
ul.product{
	list-style:none;
	padding:0;
	margin:0;
	}
	
	ul.product li{
			list-style:none;
			background: url('../images/product-list.gif') no-repeat 0 5px;
			margin:0;
			padding-left:21px;
			line-height:18px;
			
		}
#Specs{
	float:left;
	display:block;
	clear:left;
	}

	#Specs h3{
	font-size:18px;
	font-weight:500;
	margin:0 10px 0 0;
	line-height:18px;
	float:left;
	display:block;
	}
	
.colours{
	display:block;
	float:left;
	}
	
	.colours img{
		float:left;
		height:15px;
		width:20px;
		margin:2px 10px 0 0;
		}
	
	.colours p{
	font-size:12px;
	font-weight:lighter;
	margin:0 10px 0 0;
	line-height:24px;
	float:left;
	color:#999;
	
	}
	
	
/*--------------------------------------
CartForm
--------------------------------------*/
#cartbox{
	width:257px;
	display:inline-block;
	float:left;
	margin:22px 0 0 0;
	}
	
form#CartForm{
	width:257px;
	display:inline-block;
	float:left;
	}
	
	form#CartForm fieldset{
		margin:0px;
		padding:0px;
		border:none;
		display:inline;
		background: url('../images/addtocart-bg.png') no-repeat;
		width:185px;
		height:34px;
		}
		
	form#CartForm input#CartForm_qty{
		width:70px;
		background:none;
		border:none;
		float:left;
		display:inline-block;
		margin:4px 0 0 20px;
		color:#666;
		}
	
	form#CartForm input#CartForm_add{
		width:75px;
		height:24px;
		float: left;
		overflow:hidden;
		cursor:pointer;
		-moz-background-clip:border;
		-moz-background-inline-policy:continuous;
		-moz-background-origin:padding;
		background:transparent none repeat scroll 0 0;
		border:medium none;
		display:inline-block;
		padding:24px 0 0;
		margin-left:10px;
		}
	
/*--------------------------
FOOTER
---------------------------*/


#footer ul.footer-nav{
	list-style:none;
	float:left;
	margin:0;
	padding:0;
	display:inline-block;
	width:435px;
	}
	
	#footer ul.footer-nav li{
	list-style:none;
	float:left;
	margin:0 0 0 6px;
	padding:0;
	display:inline-block;
	line-height:12px;
	text-align:center;
	}
	
	#footer ul.footer-nav li a{
		color:#7e7e7e;
		text-decoration:none;
		font-weight:100;
		}
	#footer ul.footer-nav li a:hover{	
		color:#333;
		}
	
.brands{
	float:left;
	margin:15px 0 0 0;
	display:block;
	}

.brands a img{
	border:none;
	padding:0;
	margin:0 20px 0 0;
	
	}
	
	
/*-------------------------------------- 
CART 
----------------------------------------*/


form#AddToCart{
	padding:5px 15px;
	margin:0 0 20px 0;
	background: url('../images/cart_bg.png') no-repeat top left;
	height:37px; /* Actual height: 47px; */
	}
	
form#AddToCart label{
	float:left;
	margin-right:16px;
	color:#5F9C47;
	font-weight:bold;
	padding:4px 0;
	}

form#AddToCart select{
	float:left;
	margin: 0 22px 0 0;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#FFF no-repeat scroll 0 0;
	border:#CCCCCC 1px solid;
	padding:4px 4px 4px 10px;
	color:#999999;
	}
	
form#AddToCart select#selectColour{
	width:140px;
	
	}

form#AddToCart select option{
	padding-right:20px;
	}

form#AddToCart input#selectQuantity{
	margin-right:22px;
	width:40px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#FFF no-repeat scroll 0 0;
	border:#CCCCCC 1px solid;
	padding:4px 4px 4px 10px;
	color:#999999;
	}

form#AddToCart input{
	float:left;
	}

form#AddToCart input#submit{
	width:74px;
	height:24px;
	overflow:hidden;
	border:none;
	background: url('../images/addtocart_btn.png') no-repeat top left;
	text-indent:-99999em;
	* padding-top:24px;
	cursor:pointer;
	}


/* IN YOUR CART */


#YourCart{
	padding:5px 15px;
	margin:0 0 5px 0;
	background: url('../images/cart_bg.png') no-repeat bottom left;
	font-size:11px;
	}
	
	ul#inCart{
		list-style:none;
		padding:0;
		margin:0;
		}
		
		ul#inCart a.productThumb{
		padding:4px;
		height:56px;
		width:56px;
		float:left;
		display:block;
		-moz-border-radius-bottomleft:10px;
		-moz-border-radius-bottomright:10px;
		-moz-border-radius-topleft:10px;
		-moz-border-radius-topright:10px;
		border:1px solid #CCCCCC;
		background:#FFF;
		}
		
		ul#inCart a.productThumb:hover {
		border:1px solid #5F9C47;
		}
		
		ul#inCart a img{
			border:none;
			}
		
		
	ul#inCart li{		
		float:left;
		list-style:none;
		padding:0;
		margin:0 30px 15px 0;
		line-height:130%;
		}
		
		ul#inCart li ul{
		list-style:none;
		padding:0;
		margin:0 0 0 10px;
		float:left;
		}
		
		ul#inCart li ul li{
		float:none;
		display:block;
		margin:0 0 0 0;
		}
		
		
/* IN THIS RANGE */

a img.range{
	border:none;
	float:right;
	margin-right:30px;
	}
	


	
#brandRange{
	float:left;
	width:196px;
	margin:0 0 0 0;
	}
	
#productLine{
	float:left;
	width:604px;
	}
	
#productLine h2{
	margin-top:0;
	}
	
	
ul#productsInRange{
	list-style:none;
	margin:0;
	padding:0;
	font-size:11px;
	line-height:110%;
	}
	
	ul#productsInRange li{
	list-style:none;
	float:left;
	margin:0 50px 15px 0;
	padding:0;
	
	}
	
	
	ul#productsInRange a img.thumb2{
	border:none;
	display:block;

	margin-bottom:5px;
	}


	ul#productsInRange a{
	display:block;
	}

/* ------------------------------- 
IE GENERAL FIXES 
----------------------------------*/
form#AddToCart label {
	* padding:2px 0;
	}


form#AddToCart input#selectQuantity {
	* padding:0px 4px 4px 10px;
	}
	

/* ------------------------------- 
IE6 FIXES 
----------------------------------*/

* html form#AddToCart {
	background:transparent url(../images/cart-bgie6.jpg) no-repeat bottom left;
	}
	
* html #YourCart {
	background:transparent url(../images/cart-bgie6.jpg) no-repeat bottom left;
	}

* html #rcol {
	float:left;
	width:580px;
	}
	
* html .productInfo {
	display:block;
	float:left;
	width:280px;
	}
	
	
	
* html #priceTab{
	background:transparent url(../images/priceTabie6.png) no-repeat bottom left;
	height:102px;
	/*actual dimensions: 102 x 133*/
	float:right;
	margin:18px 0 0 0;
	padding:0;
	width:115px;
	}
	
	* html #priceTab p{
		color:#FFF;
		font-weight:bolder;
		font-size:29px;
		text-align:center;
		width:auto;
		margin:30px 0 0 0;
		}
	
	
* html #saleTab{
	background:transparent url(../images/saleTabie6.png) no-repeat bottom left ;
	height:120px;
	/*actual dimensions: 120 x 157*/
	float:right;
	padding:0;
	width:115px;
	margin:0 0 0 20px;
	}
	
	* html #saleTab p{
		color:#FFF;
		font-weight:bolder;
		font-size:29px;
		text-align:center;
		width:auto;
		margin:50px 0 0 0;
		}
		
	* html #saleTab p.small{
		color:#FFF;
		font-weight:lighter;
		font-size:10px;
		text-align:center;
		line-height:120%;
		width:auto;
		margin:25px 0 0 0;
		}