
html { background:url(../images/template/bg_page.gif) 50% 0 no-repeat; }
body { background:url(../images/template/icons/single_pxl.gif) 0 0 repeat-x; }



/* Colours  ////////////////////////////////////  */


.pink {color:#ff3399;  }
.blue { color:#27a7c7; }
.green { color:#41c727; }
.red { color:#ff0000; }
.yellow { color:#ff4f00; }




#landing_category_list { 
	background:url(../images/template/bg_landing_category_list.gif) 0 0 no-repeat;
	margin-bottom:11px;
	padding-top: 40px;
	padding-bottom:20px;
	padding-left: 30px;
	
	 }
	#landing_category_list li {
	display:inline;
	color:#fff;
	}
	
	#landing_category_list a { color:#fff; }


/* Header  ////////////////////////////////////  */

#header { 
	background:url(../images/template/bg_header.gif) 0 0 no-repeat;
	position:relative;
	height:122px;
	z-index:1;
	}
	
	ul#menu { padding-top: 90px; margin-left:10px;}
		 ul#menu, ul#menu a { color:#fff; }
	
	#header #sub_menu a, #header #sub_menu { color:#fff; }
	#header #sub_menu {
		position:absolute; top:10px; right:11px;
		z-index:99;
	}
	
	#header img { 
		position:absolute; top: 10px; right: -40px;}
		
		



		

/* featured cats {homepage}  ////////////////////////////////////  */		
		
	#featured_cats { 
		background:url(../images/template/bg_header_cat_feature.jpg) 0 0 no-repeat;
		min-height:450px;
		height:auto!important;
		height:450px;
		position:relative;
		}
		
		#featured_cats ul {
			position:absolute;
			top: 130px;
			left:11px;
			}
			#featured_cats li { 
				padding: 8px; width:164px; 
				position:relative; 
				float:left; margin-right: 11px;
				}
				#featured_cats li.catlist {
					padding-top:140px;
				}
				#featured_cats li h4 {
					padding: 30px 10px 0 10px;
					height:40px;
					position:absolute; top:150px; left:8px; width: 154px; 
					}
					#featured_cats li h4 span { font-size: 80%; display:block; }
					#featured_cats p { padding:8px; font-size: 90%; margin-top:40px; }
					
					
					#featured_cats a:hover { text-decoration: none; }
					
					
					
			#featured_cats li h4.pink { background: url(../images/template/featured_categories/bg_pink.png) 0 0 no-repeat; }
			#featured_cats li h4.blue { background: url(../images/template/featured_categories/bg_blue.png) 0 0 no-repeat; }
			#featured_cats li h4.green { background: url(../images/template/featured_categories/bg_green.png) 0 0 no-repeat; }
			
			#featured_cats li h4.red { background: url(../images/template/featured_categories/bg_red.png) 0 0 no-repeat; }
			#featured_cats li h4.yellow { background: url(../images/template/featured_categories/bg_yellow.png) 0 0 no-repeat; }
				
				
/* Product Listing  ////////////////////////////////////  */


#product_listings li {
	margin-left:11px;
	width:180px;
	float:left;
	display:inline;
	min-height:430px;
	height:auto !important;
	height:430px;
	}
	
	
	
	#product_listings  a { color:#fff; text-decoration: none; }
	#product_listings  a:hover { text-decoration:underline; }
		#product_listings  a span { 	 font-size:80%;}

	#product_listings span { display:block; margin-top:10px; height:15px; }	
	#product_listings div { padding: 0 5px; }
	#product_listings h4, #product_listings p { padding:5px; }
	#product_listings h4 { background: #000 url(../images/template/bg_product_listing_title.gif) 0 0 no-repeat; padding-top:12px; color:#fff;
		min-height: 56px;height:auto !important;height: 56px; margin-bottom: 5px;
	}
	
	ul.featured_products { width:393px; float:left; }

	
	
	
	
	#product_listings li { position:relative; }
	#product_listings li img.discount { position:absolute; top:177px; left:5px;}
				

/* Footer  ////////////////////////////////////  */

#footer { 
	background: #fff url(../images/template/bg_footer.gif) 0 0 repeat-x; 
	padding-bottom:100px;
	padding-top:15px;
	text-align:left;
	position:relative;
	clear:left;
	}
	#footer a, #footer { color:#fff; }
	
	#footer h4, #footer ul, #footer p, #footer #credit-cards  { width:775px; margin:0 auto;}
	
	 #footer #credit-cards { margin-top:40px; }

	
	
	
	#footer h4 { font-size:150%; margin-bottom: 30px;}
	
	#footer ul { margin-bottom:10px; }
	#footer ul a, #footer ul { color:#fff; }
	#footer p { font-size: 90%; color:#e7e7e7; }
		#footer p a { color:#e7e7e7; }
		
		
	#footer #top { position:absolute; top:0; right: 20px; }
	
	
/* misc  ////////////////////////////////////  */

.intro { width:371px; float: left; display:inline;}
.paging { clear:left; }

#cart_return { margin-bottom:11px; }





#support { margin-bottom: 11px; }
#support li { border:1px solid #e1e1e1; padding:5px 11px; margin-bottom:2px; }
#support h4 { background:#000; padding:11px; color:#fff;}




#voucher_promo { background:#e7e7e7; width:180px; padding-bottom:11px;}
#voucher_promo p { margin-left:11px; margin-right:11px; }
#voucher_promo h2 { background:url(../images/template/bg_voucher_promo.gif) 0 0 no-repeat; width: 180px; height:50px; text-indent:-9000em; }
	
	
	
	
	
	/* banners  ////////////////////////////////////  */
	
	
	a.banner { margin-bottom:11px; display:block; }
	
	
	
	
	/*
	#category_list{ 
		background:url(../images/template/bg_categories_footer.gif) bottom left no-repeat; 
		padding-bottom: 36px; 
		}*/
		
		
		#category_list { background:url(../images/template/bg_categories_header.gif) 0 0 no-repeat; padding-top:64px; margin-bottom:20px; }
		
		#search_list { background:url(../images/template/bg_site_search.gif) 0 0 no-repeat; padding:70px 11px 20px 11px; margin-bottom:20px; }
		
		#category_list ul li li a { background: #efefef url(../images/template/icons/indent.gif) 10px 8px no-repeat;padding-left: 20px; }
		#category_list ul li li li a { background: #efefef url(../images/template/icons/indent.gif) 20px 8px no-repeat;padding-left: 30px; }
		
		#category_list h3 { margin-bottom:0; }
		
		
		#address_detials { 
			background:url(../images/template/bg_address_details.gif) 0 0 no-repeat; 
			padding-top:64px; margin-bottom:20px; 
			}
			
			#address_detials h5 { margin:11px; }
			#address_detials h5 a { 
				display:block; font-weight:normal; 
				font-size:90%; margin:0; padding:0;
				background:0; color:#ff00b6; }
				#address_detials p { margin:0 11px 11px 11px; }
			.address_list ul { list-style:square; margin-left:20px; }
			.address_list p { font-size:90%; }
			.address_list li {  }
			
			
			.address_list { border-bottom:1px solid #000; padding-bottom:11px; }
		
		#category_list a.current { background:#000; color:#fff; }
		

		
		
		
		
		
		
		#search_listings .prodImage { float: left; width:100px; border:1px solid#000; padding:11px; }
		#search_listings .details { width: 400px; margin-left:130px;}
		#search_listings li { position:relative; margin-bottom:11px; }
			#search_listings li.discount { position:absolute; right:1px; top:1px; }
		



		
/* Shopping Cart  ////////////////////////////////////  */



#shopping_cart {  background:url(../images/template/bg_minicart.gif) 0 0 no-repeat; padding-top:64px; margin-bottom:20px;  }
	#shopping_cart span { font-size:80%; }
	#shopping_cart .total { font-size: 140%; color:#313131; margin-top:10px; font-weight:bold; background:#efefef; }
	
	
	#shopping_cart a { background: none; padding:0; }
	#shopping_cart .shopping_cart_product { border-bottom:1px solid #ccc; }
	#shopping_cart li { padding:5px; }
	
	
	
	
	#promocode { background:#000; padding: 10px; color:#fff;  border:1px solid #999999; margin-bottom:11px;}
	#promocode h5 { font-size: 150%; }
		#promocode span { display: block; color:#87837a; font-size:60%; }
		
		#promocode input { font-size:300%; padding:5px; }
		
		
		
		
		

			ul#page_slugs { 
				width:775px;
				list-style:none;
				margin:0 0 11px 0; padding:0 0 0 40px;
				background: url(../images/template/bg_page_slug.gif) 0 0 no-repeat;
				z-index:9999;
				height:36px;
				}
			ul#page_slugs li {
				font-weight:bold;
				background:url(../images/template/bg_page_slug_divide.gif) 0 1px no-repeat;
				float: left;
				}
			ul#page_slugs li a { 
				display: block;
				padding:9px 10px 9px 20px; 
				}
				
				
				
fieldset {
	border: 0;
}
.field {
	float: left;
	clear: both;
	padding-bottom: 12px;
}
.field .inline_field {
	float: left;
	padding-right: 18px;
}
.input_text {
	background: #fff;
	padding: 2px 2px;
	border: 1px solid #ccc;
	border-color: #333 #ccc #ccc #333;
}
.field .input_text, .field select,  .field  .input_submit {
	font-size: 12px;
	line-height: 1.4;
}

.input_submit, .submit { 
	background:#000; color:#fff;
	border:1px solid #ccc;
	padding: 1px 2px;
	}
select {
	background: #fff;
}
legend { display: none; }
option {
	font-size: 1em !important;
}
.field label {
	display: block;
	padding: 0 0 2px;
	color: #333;
}



.submit_ {
	font-size: 12px;
	line-height: 1.6;
	background:#000; color:#fff;
	border:1px solid #ccc;
	padding: 2px 5px;
}





#relate_products { background: url(../images/template/titles/related_products.gif) 0 0 no-repeat; padding-top: 84px;}

/* Errors  ////////////////////////////////////  */		

em.error, div.error { color:#990000; font-style:italic; font-size:10px; }
ul.error { color:#990000; border-bottom:1px solid #990000; padding-bottom:10px; margin-bottom:10px; font-weight:bold; }

ul.success { color:#006633; border-bottom:1px solid #006633; padding-bottom:10px; margin-bottom:10px; font-weight:bold; }
		
	
	
/* styles {page}  ////////////////////////////////////  */		
		
		
#twocolumn #header { height:150px;}
#twocolumn #main_content { padding-left:11px; width:562px; } /* new width = total{width} - padding{width}  */

#twocolumn #main_content #product_listings li { margin-left:0; margin-right:11px; position:relative; }


h1 { font-size: 190%; margin-bottom: 10px; }









	/* =Side Navigation(s) - rss,categories, brands etc
		----------------------------------------------- */


		.side_navigation ul ul { display:  none; }
		
		
		.side_navigation { background:url(../images/template/bg_categories_header.gif) 0 0 no-repeat; padding-top:64px; margin-bottom:20px; }
		
		
/* 		.side_navigation ul li li a { background: #efefef url(../images/template/icons/indent.gif) 10px 8px no-repeat; }
		.side_navigation ul li li li a { background: #efefef url(../images/template/icons/indent.gif) 20px 8px no-repeat;} */



		.side_navigation ul li a:hover { background:#fff; }
		.side_navigation ul {
			margin: 0;
			padding: 0;
			list-style-type: none;
		}



		.side_navigation ul li { margin: 0 0 .2em 0; }

		.side_navigation ul li a {
			display: block;
			color: #000;
			background-color: #f4f4f4;
			width: 180px; /* left_column width - padding - sidebox padding */
			padding: 4px;
			text-decoration: none;
		}
		.side_navigation ul { margin-bottom: 0px;}

		.side_navigation strong { padding: 4px;}



		.side_navigation ul li a:hover ul {
			background-color: #fff;
			color: #000;
		}

		.side_navigation ul li ul {
			margin: 0;
			padding: 0;
			list-style-type: none;
		}

		.side_navigation ul li ul li { margin: 0 0 .2em 0; }
		.side_navigation ul li ul li a {
			background-color: #dfdfdf;
		}

		.side_navigation ul li ul li a:hover {
			background-color: #fff;
			color: #000;
		}

		.side_navigation ul li ul li a.current,  .side_navigation ul li a.current ,
		.side_navigation ul li a.current:hover , .side_navigation ul li ul li a.current:hover {
			background-color: #000;
		}
		.side_navigation ul li ul li ul li a {background-color: #cecccc; }
		
		.side_navigation li.toplevel { font-weight: bold; }
		.side_navigation li.toplevel li { font-weight: normal; }
		
/* 		.side_navigation ul li li a:hover { background: #efefef url(../images/template/icons/indent.gif) 10px 8px no-repeat; }
		.side_navigation ul li li li a:hover { background: #efefef url(../images/template/icons/indent.gif) 20px 8px no-repeat;} */






	/* Handling the collapsed layers, and expanded/collapsed icons */

		.side_navigation li span {
			float:right;
			padding:2px;
			position: absolute;
			top: 2px; right: 0;
		}

		.side_navigation li { position: relative;}
		.side_navigation ul span { cursor:pointer; width:15px; text-align: center; }


		.side_navigation li.current_category ul { display: block;}
		.side_navigation li.current_category ul ul { display: none;}


		.side_navigation li li.current_category ul { display: block; }



		/*

	@ Handles the cateogry specific selection, current selction uses 'current_category' class
	@ Property is set, and then ancestors elements are reset

	*/



		/* First Level */
	.side_navigation li.current_category a   {
	  font-weight: bold;
	}
	.side_navigation li.current_category li a {
	  font-weight: normal;
	}


	/* Second Level */
	.side_navigation li li.current_category a   {
		font-weight: bold;
	}
	.side_navigation li li.current_category li a {
	  font-weight: normal;
	}


	/* Third Level */
	.side_navigation li li li.current_category a   {
	  font-weight: bold;
	}

	/*

	///// End category specific selection

	*/




	#featured_cats { 
			background:url(/images/homepage/featured-category-bg.jpg) 0 0 no-repeat;
			min-height:350px;
			height:auto!important;
			height:350px;
			position:relative;
			}

			#featured_cats ul {
				position:absolute;
				top: 80px;
				left:5px;
				}
				#featured_cats li { 
					width:138px; 
					position:relative; 
					float:left; margin: 0;
					}

					#featured_cats li img { width:138px; }

					#featured_cats li h4 {
						padding: 30px 10px 0 10px;
						height:40px;
						position:absolute; top:100px; left:8px; width: 118px; 
						font-size: 10px; 
						z-index:998;
						}


						#featured_cats li h4 a { display: block; }
						#featured_cats li h4 span { font-size: 90%; display:block; font-weight:normal; }
						#featured_cats p { padding:8px; font-size: 90%; margin-top:20px; }




	



						#quick_search_OCT09 { margin-bottom: 10px; }
						#quick_search_OCT09 table {  color: #fff; margin-left:5px; margin-top: 5px; }
						#quick_search_OCT09 table, #quick_search_OCT09 td { border:0; padding-bottom:0; }
	
	
	
	
	
	
	

