/*

Theme Name: 
Theme URI: 
Description:
Version:
Author: 

*/	


			/* Global Layout */


body 
{
font-size: .75em;
margin: 0px;
text-align: center;
background: #000 url(/_images/bg.gif) top left repeat-x;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
}

#wrap{
	position: relative;
	margin: auto;
	width: 910px;
	padding-top: 35px;	
}

	#head{
		position: relative;
		height: 167px;
		background: url(/_images/header.jpg) top left no-repeat;
		z-index: 1000;
	}
	
		#head-links{
			position: relative;
			padding: 10px 3px 0 0;
			height: 25px;
			text-align: right;
		}
		
			#head-links a{
				position: relative;
				margin: 0 6px 0 6px;
				color: #fff;	
			}
			
			#head-links a:hover{
				color: #FF6600;
			}
		
		#search-box{
			position: relative;
			padding: 24px 9px 0 0;
			float: right;
			height: 27px;
			width: 156px;	
		}
		
			#go{
				position: relative;
				float: left;
				border: 0px;
				width: 23px;
				height: 27px;
				background: url(/_images/go-btn.gif) top left no-repeat;	
			}
			
			#search{
				position: relative;
				float: left;
				font-size: .9em;
				color: #fff;
				border: 0;
				width: 112px;
				height: 22px;
				padding: 3px 5px 2px 5px;
				background: url(/_images/search-bg.gif) top left no-repeat;
			}
		
		#cart-box{
			position: relative;
			clear: both;
			text-align: right;
			padding: 10px 9px 0 0;
			height: 20px;
			color: #FFFF00;
		}
		
			#cart-box p{
				position: relative;
				float: right;
				width: 248px;
			}
			
			#cart-box a{
				color: #FFFF00;
			}
		
		#nav{
			position: relative;
			height: 52px;
			z-index: 1000;
		}
		
			#nav li{
				position: relative;
				float: left;	
				height: 52px;
				z-index: 1000;
			}
			
			#nav li a{
				position: relative;
				float: left;
				height: 37px;
				margin-top: 15px;	
				text-indent: -9999em;
			}
			
			#nav li a:hover, #nav li.active a{
				margin-top: 5px;
				height: 47px;
			}
			
			#n1 a{
				width: 158px;
				background: url(/_images/n1.gif) bottom left no-repeat;
			}
			
			#n2 a{
				width: 149px;
				background: url(/_images/n2.gif) bottom left no-repeat;
			}
			
			#n3 a{
				width: 148px;
				background: url(/_images/n3.gif) bottom left no-repeat;
			}
			
			#n4 a{
				width: 149px;
				background: url(/_images/n4.gif) bottom left no-repeat;
			}
			
			#n5 a{
				width: 149px;
				background: url(/_images/n5.gif) bottom left no-repeat;
			}
			
			#n6 a{
				width: 148px;
				background: url(/_images/n6.gif) bottom left no-repeat;
			}
			
			#nav li ul{
				position: absolute;
				top: 38px;
				left: 10px;
				width: 146px;	
				text-align: left;
				display: none;
				overflow: hidden;
			}
			
			#nav li:hover ul, #nav li.sfhover ul{
				display: block;
			}
			
				#nav li li{
					position: relative;
					padding: 2px 0 2px 2px;
					height: 100%;
					float: none;
				}
				
				#wrap #head ul#nav li ul li a{
					position: relative;
					text-indent: 0;
					height: 100%;
					padding: 0;
					margin: 0;
					font-size: 1.3em;
					text-transform: uppercase;
					color: #000;
					background: none;
				}
				
				#wrap #head ul#nav li ul li a:hover{
					color: #585757;
					text-decoration: none;
				}
				
				ul li#n1 ul{
					background: #eae007;
					left: 10px;
				}
				
				ul li#n2 ul{
					background: #06c79c;
					left: 3px;
				}
	
	
	#page-content{
		position: relative;
		width: 890px;
		margin: auto;
		padding-bottom: 2px;
		z-index: 1;
	}
	
	
	#pagewrap{
		position: relative;
		width: 890px;
		margin: auto;
		padding-bottom: 2px;
	}
	
		.title-wrap{
			position: relative;
			padding-top: 12px;
			margin-bottom: 20px;
			overflow: hidden;
			border-bottom: 1px solid #fff;
			display: block;

		}
		
			.title-wrap h1{
				position: relative;
				margin-top: -8px;
				font-size: 29px;
				text-align: left;
			}
				
			
			.result-count{
				position: absolute;
				left: 291px;
				bottom: 3px;
			}
			
				.result-count strong{
					font-weight: bold;
				}
			
			.result-count-alt{
				position: absolute;
				left: 330px;
				bottom: 3px;
			}
			
				.result-count-alt strong{
					font-weight: bold;
				}
			
			.title-wrap ul{
				position: absolute;
				bottom: 3px;
				right: 5px ;
				height: 15px;
				z-index: 1000;
				padding-top: 8px;	
			}
			
			.title-wrap li{
				position: relative;
				float: left;
				padding: 0 3px 0 4px;	
			}
			
			.title-wrap a{
				color: #fff;	
				text-decoration: underline;
			}
			
			.title-wrap a:hover, .title-wrap a.active{
				color: #FF6600;
			}
			
		
		
		#sidebar{
			position: relative;
			float: left;
			width: 153px;
			text-align: left;
		}
		
			.widget{
				position: relative;
				padding-bottom: 40px;
			}
			
				.widget ul{
					position: relative;
				}
				
				.widget li{
					position: relative;
					padding-bottom: 5px;
				}
				
				.widget li a{
					position: relative;
					display: block;
					padding: 2px 0 2px 7px;
					color: #FF0066;
					background: url(/_images/sb-link-bg.gif) top left repeat-y;
				}
				
				.widget li a.active, .widget li a:hover{
					color: #FF6600;
				}
			
			
			.widget-alt{
				position: relative;
				padding-bottom: 40px;
			}
			
				.widget-alt ul{
					position: relative;
				}
				
				.widget-alt li{
					position: relative;
					padding-bottom: 5px;
				}
				
				.widget-alt li a{
					position: relative;
					display: block;
					padding: 2px 0 2px 7px;
					color: #FFFF00;
					background: url(/_images/sb-link-bg.gif) top left repeat-y;
				}
				
				.widget-alt li a.active, .widget-alt li a:hover{
					color: #FF0066;
				}
				
				/* DIFFERENT COLOURS SUB NAV */
				
				.styles .widget-alt li a {
					color: #03daaa;
				}
				
				.styles .widget-alt li a.active, .styles .widget-alt li a:hover {
					color: #ff6600;
				}
				
				.contact-us .widget-alt li a {
					color: #cc3399;
				}
				
				.contact-us .widget-alt li a.active, .contact-us .widget-alt li a:hover {
					color: #03daaa;
				}
				
				.about-us .widget-alt li a {
					color: #03daaa;
				}
				
				.about-us .widget-alt li a.active, .about-us .widget-alt li a:hover {
					color: #ff6600;
				}
				
				.faq .widget-alt li a {
					color: #03daaa;
				}
				
				.faq .widget-alt li a.active, .faq .widget-alt li a:hover {
					color: #ff6600;
				}
			
			#products-widget h3{
				position: relative;
				height: 21px;
			}
			
				#products-widget li a{
					color: #FFFF00;
				}
			
			#other-products-widget h3{
				position: relative;
				height: 21px;
			}
			
				#other-products-widget li a{
					color: #FFFF00;
				}
			
			#eye-products-widget h3{
				position: relative;
				height: 21px;
			}
			
				#eye-products-widget li a{
					color: #FFFF00;
				}
			
			.sb-back{
				position: relative;
				display: block;
				color: #000;
				padding: 1px 0 1px 15px;
				text-align: left;
				margin-bottom: 18px;
				background: #ffff00;
			}
		
		
		#content-slim{
			position: relative;
			float: right;
			width: 600px;
			text-align: left;	
		}
		
		#content-wide{
			position: relative;
			float: right;
			width: 663px;
			text-align: left;	
		}
				
			
			
			/* results */
			
			#table-wrap{
				position: relative;
				padding-bottom: 45px;
				line-height: 1.5em;
			}
			
				#table-wrap strong{
					font-weight: bold;
				}
				
				#table-wrap th{
					position: relative;
					padding: 8px 0 5px 0;
					border-bottom: 1px solid #fff;
				}
				
				#table-wrap a:hover{
					color: #FF6600;
					text-decoration: none;
				}
				
				#table-wrap table{
					vertical-align: top;
				}
			
				.col1{
					position: relative;
					width: 114px;
					padding: 10px 0 10px 0;
					border-bottom: 1px solid #333;
				}
				
				.col2{
					position: relative;
					width: 68px;
					padding: 10px 0 10px 0;
					border-bottom: 1px solid #333;
				}
				
				.col3{
					position: relative;
					width: 97px;
					vertical-align: top;
					padding: 10px 0 10px 0;
					border-bottom: 1px solid #333;
				}
				
					.col3 a{
						color: #fff;
						font-weight: bold;
					}
				
				.col4{
					position: relative;
					vertical-align: top;
					width: 384px;
					padding: 10px 0 10px 0;
					border-bottom: 1px solid #333;
				}
				
					.col4 strong{
						position: relative;
						display: block;
					}
					
					.col4 p{
						position: relative;
					}
					
					.col4 a{
						font-weight: bold;
						color: #FFFF00;
					}
				
				.scol1{
					position: relative;
					padding-top: 25px;
					width: 170px;
					color: #FFFF00;
					font-weight: bold;
					vertical-align: bottom;
				}
				
				.scol2{
					position: relative;
					padding-top: 25px;
					width: 79px;
					padding-right: 10px;
					vertical-align: bottom;
				}
				
					.scol2 input{
						position: relative;
						float: right;
						right: 5px;
						height: 18px;
						background: #fff;
						width: 18px;
						border: 0px;
					}
					
					.scol2 label{
						position: relative;
						margin-top: 3px;
						float: left;
					}
				
				.scol3{
					position: relative;
					padding-top: 25px;
					width: 126px;
					vertical-align: bottom;
				}
				
				* html .scol3{
					padding-top: 20px;
				}
				
					.scol3 input{
						margin-top: 4px;
						float: right;
					}
			
			
			/* product listing */
			
			.product-list{
				position: relative;
				padding-right: 140px;	
			}
			
				.product-list li{
					position: relative;
					padding-bottom: 18px;	
				}
				
				.product-list li img{
					position: relative;
					float: left;
					margin-right: 13px;
					margin-top: 2px;
				}
				
				.product-list h2{
					position: relative;
					font-weight: bold;	
					font-size: 1.2em;
					text-transform: uppercase;
				}
				
				.product-list p{
					position: relative;
					line-height: 1.5em;
				}
				
				.product-list a{
					font-weight: bold;
					color: #FFFF00;
				}
				
				.product-list li a:hover{
					color: #ff6600;
					text-decoration: none;
				}
				
			
			
			
		/* product entry */
		.product-title{
			position: relative;
			padding-top: 12px;
			*height: 54px;
			margin-bottom: 16px;
			border-bottom: 1px solid #fff;
		}
		
			.product-title h2{
				position: relative;
				*height: 54px;
				font-size: 1.8em;
			}
			
				
			
			.product-title .p-back{
				position: absolute;
				bottom: 3px;
				right: 0px;
				color: #fff;
			}
			
				.product-title .p-back span{
					background: #FFFF00;
					color: #000;
				}
				
				.product-title .p-back:hover{
					background: #FFFF00;
				}
		
		.the-product{
			position: relative;
			height: 251px;
			overflow: hidden;
			margin-bottom: 7px;
		}
		
			.the-product-image{
				position: relative;
				float: left;
				width: 251px;
				padding-right: 19px;	
			}
			
			.the-product-info{
				position: relative;
				float: left;
				width: 330px;
				height: 251px;	
			}
				
				.product-info-top{
					position: relative;
					height: 185px;
				}
				
				.product-info-bottom{
					position: relative;
					height: 66px;
				}
				
				.the-product-info h3{
					position: relative;
					font-size: 1.2em;
					text-transform: uppercase;
					color: #fff;
					font-weight: bold;	
				}
				
				.the-product-info p{
					position: relative;
					line-height: 1.5em;
				}
				
				.the-product-info .price{
					font-size: 1.6em;
					font-weight: bold;
					color: #FFFF00;	
				}
				
				.the-product-info .price span{
					position: relative;
					font-size: 12px;
					font-weight: normal;
				}
				
			
			.product-options{
				border-top: 1px solid #333333;
				position: relative;
				padding-bottom: 15px;
			}
			
				.product-options li{
					position: relative;
					height: 21px;
					padding: 42px 0 4px 69px;
					border-bottom: 1px solid #333333;
					display: block;
					
				}
				
				.add_to_bag {
					text-align: right;
					padding-bottom: 25px;
				}
				
				.product-option-image{
					position: absolute;
					top: 4px;
					left: 0px;
					height: 59px;
					width: 59px;
				}
				
				.option-title{
					position: relative;
					float: left;
					padding-top: 6px;
					width: 360px;
					font-weight: bold;
					font-size: 1.1em;
					text-transform: uppercase;
				}
				
				.option-price{
					position: relative;
					float: left;
					width: 80px;
					color: #FFFF00;
					padding-top: 6px;
				}
				
					.option-price strong{
						font-weight: bold;
					}
				
				.quantity{
					float: left;
					width: 70px;	
					padding-top: 6px;
				}
				
					.quantity label{
						float: left;
					}
				
					.quantity input{
						position: relative;
						float: left;
						width: 18px;
						height: 17px;
						padding-top: 2px;
						margin-top: -6px;
						border: 0px;
						margin-left: 3px;
						background: #f3f3f3;
					}
				
				.buy-option{
					position: relative;
					
					height: 21px;
					width: 127px;
					border: 0;
					background: url(/_images/buy.gif) top left no-repeat;
				}
			
			
			
		
			/* blog page */
			.post-top{
				position: relative;
				height: 28px;
				margin-bottom: 12px;
				margin-top: 55px;
			}
			
				.post-top h2{
					position: relative;
					height: 27px;
					font-size: 24px;
					text-transform: uppercase;
					margin-left: 42px;
					border-bottom: 1px solid #fff;
				}
				
				.post-top .date-box{
					position: absolute;
					top: 0px;
					left: 0px;
					height: 28px;
					width: 28px;
					background: #FF0066;
					color: #000;
					text-align: center;
				}
				
				.day{
					position: relative;
					display: block;
					font-size: 1.2em;
					text-transform: uppercase;
				}
				
				.month{
					position: absolute;
					bottom: 0px;
					left: 0px;
					width: 28px;
					display: block;
					text-transform: uppercase;
					font-size: .8em;
				}
		
			.entry{
				position: relative;
				padding-bottom: 15px;
				text-align: left;
			}
			
			#page-content .entry{
				padding-top: 61px;
			}
			
				.entry h1{
					position: relative;
					height: 30px;
					font-size: 27px;
					line-height: 30px;
					margin-bottom: 15px;
					border-bottom: 1px solid #fff;
				}
				
				.entry h2{
					position: relative;
					font-size: 18px;
					height: 18px;
					line-height: 18px;
					overflow: hidden;
					font-weight: bold;
				}
			
				.entry p{
					position: relative;
					line-height: 1.5em;
					padding-bottom: 1em;	
				}
				
				.entry a{
					color: #FF0066;
					font-weight: bold;
				}
				
				#page-content div.entry a.tag-link{
					position: relative;
					color: #fff;
				}
				
				.entry .tag-link span{
					background: #FFFF00;
					color: #000;
				}
				
				.go-btn{
					position: relative;
					border: 0;
					height: 48px;
					width: 40px;
					background: url(/_images/go-a.png) top left no-repeat;
				}
				
				.go-btn:hover{
					background: url(/_images/go.png) top left no-repeat;
				}
				
				#page-content div.entry a.btn-link{
					background: #FFFF00;
					position: relative;
					display: block;
					width: 190px;
					padding: 1px 0 1px 5px;
					color: #000;
				}
				
				#page-content div.entry a.btn-link:hover{
					background: #222;
					color: #FFFF00;
				}
				
				.bbsub{
					position: relative;
					height: 32px;
					width: 82px;
					border: 0px;
					background: url(/_images/submit.png) top left no-repeat;
				}
				
				
				#page-content .entry a{
					color: #ffff00;
					font-weight: normal;
				}
				
				#page-content .entry a:hover{
					color: #ff6600;
					text-decoration: none;	
				}
				
				#page-content .entry a.btn{
					background: #ffff00;
					color: #000;
					font-weight: normal;
					padding: 0 3px 0 3px;
				}
				
				.entry strong{
					font-weight: bold;
				}
				
				.entry p.alert{
					color: #ffff00;
				}
				
				.entry .form-title{
					position: relative;
					margin-bottom: 12px;
					width: 100%;
					float: none;
					display: block;
					padding: 7px 0 4px 8px;
					color: #CD0052;
					border-bottom: 1px solid #FEF301;
					font-weight: bold;
				}
				
				.form-wrap{
					position: relative;
					padding-bottom: 35px;
				}
				
					.form-wrap label{
						position: relative;
						float: left;
						width: 90px;
						padding-left: 12px;
						padding-right: 12px;	
					}
					
					.form-wrap .txt{
						position: relative;
						width: 370px;
						float: left;
						padding: 1px 5px 1px 5px;
						background: #fff;
						border: 1px solid #B1B1B1;
					}
					
					.form-wrap .msg{
						position: relative;
						width: 370px;
						height: 80px;
						float: left;
						padding: 1px 5px 1px 5px;
						background: #fff;
						border: 1px solid #B1B1B1;
					}
					
					.form-wrap .select{
						position: relative;
						float: left;
						padding: 1px;
						font-size: 11px;
						width: 161px;
					}
					
					.form-wrap span{
						float: left;
					}
				
				.checkout-wrap{
					position: relative;
					padding-bottom: 35px;
				}
				
					.checkout-wrap th{
						position: relative;
						padding: 4px 0 2px 0;
						font-weight: bold;
						border-bottom: 1px solid #333333;
					}
					
					.checkout-wrap td{
						border: 0;
					}
					
					.checkout-wrap td input{
						width: 35px;
						font-size: 10px;
						font-weight: bold;
						border: 1px solid #B1B1B1;
					}
					
					#page-content .checkout-wrap td a{
						color: #fff;
						text-decoration: underline;
						margin-left: 8px;
					}
					
					.checkout-wrap .col1{
						width: 400px;
					}
	
		
		
		/* front page */
		#front-head{
			position: relative;
			padding-bottom: 9px;	
		}
		
		
		#front-menu-wrap{
			position: relative;
		}
		
			
			
			#front-menu{
				position: relative;
				padding-bottom: 12px;
			}
			
				#front-menu li{
					position: relative;
					display: block;
					padding: 2px 0 2px 0;
					height: 25px;
				}
				
				#front-menu a{
					position: relative;
					display: block;
					height: 25px;
					padding: 0;
					margin: 0;
					overflow: hidden;
					text-indent: -9999em;	
					border-bottom: 1px solid #000;
				}
				
				#fm1{
					background: url(/_images/fpn1.gif) left top no-repeat;
				}
				
				#fm2{
					background: url(/_images/fpn2.gif) left top no-repeat;
				}
				
				#fm3{
					background: url(/_images/fpn3.gif) left top no-repeat;
				}
				
				#fm4{
					background: url(/_images/fpn4.gif) left top no-repeat;
				}
				
				#front-menu a:hover{
					background-position: bottom left;
					border-bottom: 1px solid #fff;
				}
				
				.front-sub{
					width: 300px;
				}
			
			li#fma .front-sub{
				position: absolute;
				display: none;
				z-index: 1000;
				top: 34px; /* 4px */
				text-align: right;
				right: 0px;
			}
			
			li#fma:hover .front-sub{
				display: block;
			}
			
				li#fma .front-sub li{
					position: relative;
					padding: 2px 0 2px 0;
					height: 24px;
				}
				
				li#fma .front-sub li a{
					color: #fff;
					height: auto;
				}
				
				li#fma .front-sub li a:hover{
					color: #000;
					background: #ffff00;
					border: 0px;
					text-decoration: none;
				}
				
				
				li#fma ul.front-sub li a span{
					background: #ffff00;
					color: #000;
					padding: 0 2px 0 2px;
				}
			
			li#fmb .front-sub{
				position: absolute;
				display: none;
				z-index: 1000;
				top: 34px; /* 4px */
				text-align: right;
				right: 0px;
			}
			
			li#fmb:hover .front-sub{
				display: block;
			}
			

			
				li#fmb .front-sub li{
					position: relative;
					padding: 2px 0 2px 0;
					height: 24px;
					margin: 0;
				}
				
				li#fmb .front-sub li a{
					color: #fff;
					height: auto;
				}
				
				li#fmb .front-sub li a:hover{
					color: #000;
					background: #ffff00;
					border: 0px;
					text-decoration: none;
				}
				
				
				li#fmb ul.front-sub li a span{
					background: #ffff00;
					color: #000;
					padding: 0 2px 0 2px;
				}
			
			li#fmc .front-sub{
				position: absolute;
				display: none;
				z-index: 1000;
				top: -27px; /* -57px */
				text-align: right;
				right: 0px;
			}
			
			li#fmc:hover .front-sub{
				display: block;
			}
			

			
				li#fmc .front-sub li{
					position: relative;
					padding: 2px 0 2px 0;
					height: 24px;
				}
				
				li#fmc .front-sub li a{
					color: #fff;
					height: auto;
				}
				
				li#fmc .front-sub li a:hover{
					color: #000;
					background: #ffff00;
					border: 0px;
					text-decoration: none;
				}
				
				
				li#fmc ul.front-sub li a span{
					background: #ffff00;
					color: #000;
					padding: 0 2px 0 2px;
				}
			
			li#fmd .front-sub{
				position: absolute;
				z-index: 1000;
				top: -27px; /* -57px */
				text-align: right;
				right: 0px;
				display: none;
			}
			
			li#fmd:hover .front-sub{
				display: block;
			}
			

			
				li#fmd .front-sub li{
					position: relative;
					padding: 2px 0 2px 0;
					height: 24px;
				}
				
				li#fmd .front-sub li a{
					color: #fff;
					height: auto;
				}
				
				li#fmd .front-sub li a:hover{
					color: #000;
					background: #ffff00;
					border: 0px;
					text-decoration: none;
				}
				
				
				li#fmd ul.front-sub li a span{
					background: #ffff00;
					color: #000;
					padding: 0 2px 0 2px;
				}
			
			#front-menu-wrap #front-menu li.sfhover{
				position: relative;
			}
			
			#front-menu-wrap #front-menu li.sfhover li a{
				position: relative;
				overflow: hidden;
				color: #fff;
				background: none;
				height: 25px;
			}
			
			#front-menu-wrap #front-menu li.sfhover ul{
				position: absolute;
				display: block;
			}
	
	
	#foot{
		position: relative;
		text-align: center;
		padding: 10px 0 10px 0;
		background: #0B021D;	
	}
	
		#foot a{
			color: #fff;
			margin: 0 4px 0 4px;
		}




	#end{
		position: relative;
		padding: 7px 0 7px 0;
		color: #353434;
		height: 15px;
		font-size: .9em;	
		text-align: left;
	}
	
		#end span{
			position: relative;
			float: right;	
		}
		
			#end span a{
				color: #353434;
				padding-left: 18px;
				background: url(/_images/spring.gif) left center no-repeat;
			}


div#btw{
	border: 0;
	overflow: visible;
}

h3 {
	font-size: 1.3em;
	padding: 1px 0;
	color: #FF0099;
}

h3.contact-us-header {
	color: #CC3399;
}

#social{float:left; width:90px; margin-left:20px; height:31px; margin-top:-8px;}
.facebook{
background:url(/_images/facebook.jpg);
width:31px; height:31px; 
float:left; margin-right:5px;display:block;
}
.twitter{
background:url(/_images/twit.png);
width:31px; height:31px; 
float:left; margin-right:5px;display:block;
}