/* CSS Document */

body {
	text-align: center;
	min-width: 760px;
	background-color: #FFFFFF;
	font-size: small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 50px;
	margin-bottom: 20px;
	 }

*html body {
	text-align: center;
	color: #CCCCCC;
	font-size: x-small; /*for IE5/Win*/
	f\ont-size: small; /*for other IE versions*/
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 50px;
	margin-bottom: 20px;
}


/*Homepage / Template Layout*/

#wrapper {
	text-align: center;
	margin: 0 auto;
    width: 760px;
	background-color: #FFFFFF;
	padding: 0px 0px 0px 0px;
	
     }
	 

	 #content {
	height: 329px;
	background: #FFFFFF;
	width: 760px;   
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;   
     }	
	 
	  #hp_green {
	height: 329px;
	background-image:url(resource/bg/green_bg.jpg);
	background-repeat: repeat;
	width: 475px;   
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;   
     }	
	 
	 	  #desktop {
	height: 329px;
	background-image: url(resource/bg/desk_bg.jpg);
	background-repeat: repeat;
	width: 475px;   
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;   
     }	

	 	  #clothing {
	height: 329px;
	background-image: url(resource/bg/clothing_bg.jpg);
	background-repeat: repeat;
	width: 475px;   
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;   
     }	
	 
	 	 	  #watches {
	height: 329px;
	background-image: url(resource/bg/watches_bg.jpg);
	background-repeat: repeat;
	width: 475px;   
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;   
     }	
	 
	 	 	 	  #travel {
	height: 329px;
	background-image: url(resource/bg/travel_bg.jpg);
	background-repeat: repeat;
	width: 475px;   
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;   
     }	
	 
	 	 	 	 	  #gifts {
	height: 329px;
	background-image: url(resource/bg/gifts_bg.jpg); 
	background-repeat: repeat;
	width: 475px;   
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;   
     }	
	 
	 	 
	 	 	 	 	  #outdoors {
	height: 329px;
	background-image: url(resource/bg/outdoors_bg.jpg);
	background-repeat: repeat;
	width: 475px;   
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;   
     }	

	 	 	 	 	  #eco {
	height: 329px;
	background-image: url(resource/bg/eco_bg.jpg);
	background-repeat: repeat;
	width: 475px;   
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;   
     }	



/*Horizontal Nav*/


.whitetitlehome {
	padding: 5px 15px 15px 15px;
	font-size: 130%;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.whitecopy {
	padding: 0px 15px 0px 15px;
	font-size: 95%;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}

.whitecopyproduct {
	padding: 0px 0px 0px 0px;
	font-size: 90%;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}

a.whitecopyproduct {
	padding: 0px 0px 0px 0px;
	font-size: 100%;
	font-weight: normal;
	text-decoration: underline;
	color: #FFFFFF;
}

.ethiclink {
	padding: 0px 0px 0px 0px;
	font-size: 90%;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}

a.ethiclink {
	padding: 0px 0px 0px 0px;
	font-size: 100%;
	font-weight: normal;
	text-decoration: underline;
	color: #7d2a9e;
}

a.ethiclink:Hover {
	padding: 0px 0px 0px 0px;
	font-size: 100%;
	font-weight: normal;
	text-decoration: none;
	color: #7d2a9e;
}

a.bespokelink {
	padding: 0px 0px 0px 0px;
	font-size: 100%;
	font-weight: normal;
	text-decoration: underline;
	color: #99ccff;
}
a.bespokelink:Hover {
	padding: 0px 0px 0px 0px;
	font-size: 100%;
	font-weight: normal;
	text-decoration: none;
	color: #99ccff;
}

.whitecall {
	padding: 10px 0px 0px 0px;
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.prodbullet {
list-style:inherit;
	padding: 10px 0px 0px 0px;
	font-size: 85%;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

	#navbg {
	width: 760px;
	height: 23px;
	padding: 0px 0px 0px 0px;
background-image:url(resource/head/nav_bg.jpg);
	background-repeat: repeat;
	background-position: top left;
	}


.contact {
	padding: 0px 0px 0px 0px;
	line-height: 15px;
	font-size: 80%;
	text-align: center;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
}

a.contact {
	padding: 0px 0px 0px 0px;
	font-size: 100%;
	text-align: center;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
}

a:hover.contact {
	padding: 0px 0px 0px 0px;
	font-size: 100%;
	text-align: center;
	font-weight: bold;
	color: #c2cf21;
	text-decoration: none;
}
.contacthighlight {
	padding: 0px 0px 0px 10px;
	font-size: 100%;
	font-weight: bold;
	color: #c2cf21;
	text-decoration: none;
}

a.nav {
	padding: 0px 4px 0px 4px;
	font-size: 85%;

	color: #999999;
	text-decoration: none;
}

a:hover.nav {
	text-align: center;
	color: #c2cf21;


}

a.catalogue {
width:auto;
	padding: 3px 6px 3px 6px;
	font-size: 95%;
	background-color:#c2cf20;

	color: #FFFFFF;
	text-decoration: none;
}

a:hover.catalogue {
	text-align: center;
	color: #c2cf21;
	background-color: transparent;

}

a.footnav {
padding: 0px 4px 0px 4px;
	font-size: 80%;
	color: #CCCCCC;
	text-decoration: none;

}

a:hover.footnav {
	color: #999999;


}




/*Text style*/
p{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;}

h1 {
font-size: 85%;
font: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #666666;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}


h2 {
font-size: 85%;
font: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #595E66;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}