@charset "UTF-8";

body {	
		text-align: center;
		background-color: #000;
		padding: 0px;
		margin: 0px;
		font-family: arial;
		font-size: 10px;
		color: #fff;}
		
		
img {
	border: 0px;}
		
		
/************************************** WRAPPER ***************************************/		
		
#wrapper {
	width: 900px;
	height: 800px;
	background: url(_imgs/BG.jpg) 50% 50% no-repeat;
	padding: 0px;
	margin: 0px auto 0px auto;}
	
#wrapperHome {
	width: 900px;
	height: 800px;
	background: url(_imgs/BG_home.jpg) 50% 50% no-repeat;
	padding: 0px;
	margin: 0px auto 0px auto;}
	
#wrapperShopItems{
	width: 900px;
	height: 1268px;
	background: url(_imgs/BG_shopItems.jpg) 50% 50% no-repeat;
	padding: 0px;
	margin: 0px auto 0px auto;}
	
#wrapperShopDetail{
	width: 900px;
	height: 800px;
	background: url(_imgs/BG_shopDetail.jpg) 50% 50% no-repeat;
	padding: 0px;
	margin: 0px auto 0px auto;}
	
#wrapperCart{
	width: 900px;
	height: 1400px;
	background: url(_imgs/BG_cart.jpg) 50% 50% no-repeat;
	padding: 0px;
	margin: 0px auto 0px auto;}
	
	
/************************************ HEADER ******************************************/	

#header {
	text-align: center;
	padding: 0px;
	margin: 0px;}
	

/********************************** NAVIGATION *****************************************/

#nav {	
	text-align: center;
	padding: 0px;
	margin: 0px;
	border: 0px;}
	
	
/********************************** HOME *****************************************/

#home {	
	padding: 0px;
	margin: 55px 0px 74px 10px;}


/************************************** CONTACT ****************************************/
	
#contact {
	height: 469px;
	padding: 0px;
	margin: 20px 0px 0px 0px;}

	#contact table { 
		padding: 110px 0px 0px 0px; }
	
	#contact h1 {
		color: #666;
		text-align: center;
		font-family: georgia;	
		font-size: 20px;
		font-weight: normal;
		text-transform: uppercase;
		border-bottom: 1px solid #999;
		letter-spacing: .2em;
		margin: 20px 0px 0px 0px;
		padding: 0px;}

	#contact h2 {
		color: #000;
		text-align: center;
		font-family: georgia;	
		font-size: 13px;
		font-weight: normal;
		letter-spacing: .2em;
		margin: 0px;
		padding: 0px;}
		
	#contact a {
		color: #333;
		text-align: center;
		font-family: georgia;	
		font-size: 13px;
		font-weight: normal;
		letter-spacing: .2em;
		text-decoration: none;
		margin: 0px;
		padding: 0px;}
		
	#contact a:hover {
			color: #cc9933;}
			
			
			
/************************************** STOCKISTS ****************************************/
	
#stockists {
	height: 469px;
	padding: 0px;
	margin: 20px 0px 0px 0px;}

	#stockists table { 
		position: absolute;
		padding: 0px 0px 0px 0px;
		margin: 150px 0px 0px 130px;}
	
	#stockists h1 {
		color: #666;
		text-align: center;
		font-family: georgia;	
		font-size: 20px;
		font-weight: normal;
		text-transform: uppercase;
		border-bottom: 1px solid #999;
		letter-spacing: .2em;
		margin: 20px 0px 0px 0px;
		padding: 0px;}

	#stockists h2 {
		color: #000;
		text-align: center;
		font-family: georgia;	
		font-size: 13px;
		font-weight: normal;
		letter-spacing: .2em;
		margin: 0px;
		padding: 0px;}
		
			
			
/*********************************** COLLECTIONS ***********************************/			
			
#collections {
	height: 469px;
	padding: 0px;
	margin: 20px 0px 0px 0px;}	
	
#collections embed{
	padding: 0px 0px 0px 12px;
	margin: 20px 0px 0px 0px;}	
	
	
/************************************ FOOTER  **************************************/


#footer {
	height: 65px;
	padding: 0px 0px 0px 0px;
	margin: 30px 0px 20px 0px;
	background: url(_imgs/footer.png) 50% 50% no-repeat;}

		#footer p {
			text-align: center;
			font-family: georgia;				
			font-size: 9px;
			text-transform: uppercase;
			margin: 0px;
			padding: 17px 0px 0px 0px;
			letter-spacing: .2em;
			color: #444;}

		#footer a {
			text-decoration: none;
			text-align: center;
			font-family: georgia;				
			font-size: 9px;
			text-transform: uppercase;
			margin: 0px;
			padding: 0px;
			letter-spacing: .4em;
			color: #444;}
			
		#footer	a:hover{
		color: #999;}
		
		#footer	.copyright{
			margin: 5px 0px 0px 0px;
			padding: 0px;}
			
			

/************************************* SHOP ITEMS ***************************************/

#onlineShop {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 70px 0px;}
	
	
#shopHead {
	width: 830px;
	height: 23px;
	padding: 0px;
	margin: 40px 0px 0px 40px;
	border: 2px #ccc solid;
	background-color: #000; }
	
	#shopHead h1 {
		color: #ccc;
		text-align: center;
		font-family: georgia;	
		font-size: 13px;
		font-weight: normal;
		text-transform: uppercase;
		letter-spacing: .1em;
		margin: 5px 0px 0px 8px;
		padding: 0px;}
		
	#shopHead .title {
		color: #cc9933;}
		
	#shopHead a {
		color: #ccc;
		text-align: center;
		font-family: georgia;	
		font-size: 13px;
		font-weight: normal;
		text-transform: uppercase;
		letter-spacing: .1em;
		text-decoration: none;
		margin: 5px 0px 0px 0px;
		padding: 0px;}
		
	#shopHead a:hover {
			color: #cc9933;}
			
#shopFoot {
	width: 830px;
	height: 23px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 40px;
	border: 2px #ccc solid;
	background-color: #000; 
	clear: both;}
	
	#shopFoot h1 {
		color: #ccc;
		text-align: center;
		font-family: georgia;	
		font-size: 13px;
		font-weight: normal;
		text-transform: uppercase;
		letter-spacing: .1em;
		margin: 5px 0px 0px 8px;
		padding: 0px;}
		
	#shopFoot a {
		color: #ccc;
		text-align: center;
		font-family: georgia;	
		font-size: 13px;
		font-weight: normal;
		text-transform: uppercase;
		letter-spacing: .1em;
		text-decoration: none;
		margin: 5px 0px 0px 5px;
		padding: 0px;}
		
	#shopFoot a:hover {
			color: #cc9933;}
			
			
#shopItems {
	vertical-align: top;
	display: table-cell;
	margin: 2px 24px 2px 0px;
	padding: 0px;
	float: right;}
	
#shopItems img {
	border:2px #ccc solid;}

#shopItems td {	
	margin: 0px;
	padding: 0px 0px 0px 3px}
		

		
	#shopItems a {
		display: block;
		font-family: georgia;
		color: #ccc;
		font-size: 11px;
		font-weight: normal;
		text-align: left;
		text-decoration: none;
		padding: 5px 0px 4px 5px;
		margin: 3px 0px 0px 0px;
		background-color: #000;
		border:2px #ccc solid;
		width: 196px;}
		
	#shopItems a:hover{
		color: #cc9933;}
		
		
		
/******************************** SHOP SIDE NAVIGATION *********************************/

#shopNav {	
	padding: 0px;
	border: 2px #ccc solid;
	margin: 5px 0px 3px 40px;
	background-color: #000;}
	
	#shopNav img {
		border: none;}
		
		#shopNav td{	
	border: 2px #ccc solid;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #000;}
	
	
	#shopNav a {
			text-align: left;
			text-decoration: none;
			color: #000;
			display: block;
			padding: 3px 0px 1px 5px;
			background-color: #ccc;
			margin: 10px 0px 5px 8px;
			width: 180px;
			font-family: georgia;	
			font-size: 11px;
			font-weight: bold;
			text-transform: uppercase;
					border: none;}
			
	#shopNav a:hover {
			color: #000;
			background-color: #666;}
	
	#shopNav ul {
			margin: 0px;
			padding: 0px;
			list-style-type: none;
			width: 180px;}

		#shopNav li a {
			text-align: left;
			text-decoration: none;
			color: #000;
			display: block;
			padding: 3px 0px 1px 5px;
			background-color: #ccc;
			margin: 0px 0px 10px 8px;
			width: 180px;
			font-family: georgia;	
			font-size: 13px;
			font-weight: bold;
			text-transform: uppercase;
			border: none}
			
		#shopNav li a:hover {
			background-color: #666;}		


		#shopNav ul ul {
			margin: 0px;
			padding: 0px;
			list-style-type: none;}

		#shopNav ul ul li {
			padding: 0px;
			margin: 7px 0px 0px 0px;}

		#shopNav  ul ul a {
			background-color: #000;
			padding: 0px 0px 0px 13px;
			margin: 0px;
			color: #ccc;
			font-family: georgia;
			font-size: 11px;
			text-align: left;
			font-weight: normal;
			letter-spacing: .1em;}

		#shopNav ul ul a:hover {
			background-color: #000;
			color: #666;}


		
/********************************** SHOP ITEM DETAILS ***********************************/

#shopDetails {
	height: 534px;
	padding: 0px;
	margin: 20px 0px 0px 0px;}

#shopContent{
	width: 834px;
	padding: 0px;
	margin: 3px 0px 3px 40px;}
	
#textDisplay {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #000;
	border-top:2px #ccc solid;
	border-left:2px #ccc solid;
	border-right:2px #ccc solid;
	width: 332px;
	height: 420px;
	float: right;}

	#textDisplay h1{
		color: #ccc;
		text-align: left;
		font-family: georgia;	
		font-size: 13px;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: .1em;
		margin: 15px 0px 5px 15px;
		padding: 0px;}
		
		
	#textDisplay h2{
		color: #ccc;
		text-align: left;
		font-family: georgia;	
		font-size: 11px;
		font-weight: normal;
		line-height: 10pt;
		margin: 0px 15px 0px 15px;
		padding: 0px;}
		
	#textDisplay h2.price{
		font-size: 12px;
		font-weight: bold;
		margin: 15px 0px 5px 15px;}
		
	#textDisplay h2.label{
		margin: 2px 0px 0px 0px;}
		
		
	#textDisplay h3 a {
		color: #ccc;
		text-align: left;
		font-family: georgia;
		font-size: 11px;
		font-weight: bold;
		text-decoration: none;
		margin: 10px 0px 0px 0px;
		padding: 0px;}
		
	#textDisplay h3 a:hover {
		color: #666;}

			
	#swatchTable{
		margin:3px 0px 10px 15px;
		padding: 0px;}
		
	#swatchTable td.swatch{
		border: 1px solid #fff;
		width: 70px;
		height: 35px;}
		

	#dropDown {
		margin:3px 0px 0px 12px;
		padding: 0px;}


		
	


#imageDisplay {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #000;
	width: 490px;
	border:2px #ccc solid;
	float: left;}
	
#imageDisplay a {
			text-decoration: none;
			color: #000;
			width: 180px;
			font-family: times;	
			font-size: 13px;
			font-weight: bold;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;}


	#imageDisplay div.more_images {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		background-color: #000;}

		#imageDisplay td.more_images a.num_off,
		#imageDisplay td.more_images a.num_off:visited {
			color:#fff;
			text-decoration:none;
			padding:0px 5px 0px 5px;
			margin: 0px;}
		#imageDisplay td.more_images a.num_on,
		#imageDisplay td.more_images a.num_on:visited {
			color:#000;
			background-color:#fff;
			text-decoration:none;
			padding:0px 5px 0px 5px;
			margin: 0px;}
		#imageDisplay td.more_images a.num_on:hover,
		#imageDisplay td.more_images a.num_on:visited:hover {
			color:#000;
			background-color:#fff;
			text-decoration:none;}
			
			
#terms {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #000;
	border-bottom:2px #ccc solid;
	border-left:2px #ccc solid;
	border-right:2px #ccc solid;
	width: 332px;
	height: 25px;
	float: right;}
	
	#terms h3{
		color: #666;
		text-align: center;
		font-family: georgia;
		font-size: 9px;
		font-weight: normal;
		letter-spacing: .2em;
		text-transform: uppercase;
		margin: 10px 0px 0px 0px;
		padding: 0px 0px 0px 0px;}
		
	#terms a {
		color: #666;
		text-decoration: none;}
			
	#terms a:hover {
		color: #ccc;
		text-decoration: none;}


	
/************************************** BLUE POINTS ****************************************/
	
#bluePoints {
	padding: 0px;
	margin: 55px 0px 74px 10px;}

		
/************************************** GREEN OR DIE ****************************************/
	
#green {
	padding: 0px;
	margin: 55px 0px 74px 10px;}
		
/************************************** SAVE OUR OCEANS ****************************************/
	
#saveOurOceans {
	height: 400px;
	padding: 0px;
	margin: 55px 0px 64px 45px;}

#saveOurOceans table {
	height: 390px;
	margin: 0px 0px 0px 10px;
	padding: 0px 10px 0px 10px; }
		
		
	#saveOurOceans h2 {
		color: #336633;
		text-align: center;
		font-family: georgia;	
		font-size: 14px;
		font-weight: normal;
		letter-spacing: .2em;
		margin: 0px;
		padding: 0px;}
		
		
		
/********************************** HOME *****************************************/

#cart {	
	width: 850px;
	text-align: center;
	padding: 0px;
	margin: 0px;
	border: 0px;}