/*----------Skip content--------*/
#skip-content-link{
	color: #ccc;
	text-decoration: none;
	padding: 0;
	font-size: 0;
	width: 100%;
	}
	#skip-content-link:hover, #skip-content-link:focus{
		text-decoration: underline;
		}
					
							
	#center-background{
		float: left;
		width: 100%;
		background: url(../images/main-bg.jpg) center top no-repeat;
		}
		
	
	/*---------Center interface-----------*/
		#center-interface{
			margin: 0px auto;
			width: 970px;
			padding: 0 0 0 0;
			}
		
		
		/*---------------Header + Top Nav-------------*/
		#header{
			float: left;
			width: 970px;
			padding: 0;
			margin: 0;
			}
			#header-left{
				float: left;
				width: 360px;
				padding: 0;
				margin: 0;
				}
			
			#header-right #important-message{
				float: right;
				width: 600px;
				margin: 77px 0 0 0;
				padding: 0;
				color: #0099cc;
				/*text-transform: uppercase;*/
				height: 35px;
				overflow: auto;
				background: transparent;
				text-align: right;
				font-size: 85%;
				font-weight: normal;
				font-family: Arial, Helvetica, sans-serif;
				}
				
				#header-right #important-message a{
					color: #0099FF;
					text-decoration: underline;
					}
			
					
					
						
				
		
		/*--------------Main container-------------------*/
		#main-white-container{
			float: left;
			width: 960px;
			background: url(../images/main-white-container-bg-repeat.gif) left top repeat-y;
			margin: -1px 0 0 0;
			padding: 5px 5px 0 5px;
			}
		
		
		
		
					
		
		/*---------------Main nav top-----------------------*/
			
			#main-nav{
				float: left;
				width: 960px;
				padding: 5px 5px 0 5px;
				margin: -5px 0 5px -5px;
				background: url(../images/main-nav-top-bg.gif) left top no-repeat #fff;
				display: inline;
				}
				#main-nav ul{
					float: left;
					width: 955px;
					background: url(../images/main-nav-bg.gif) left top no-repeat #383838;
					border-bottom: 1px solid #4e4e4e;
					padding: 0 0 0 5px;
					margin: 0;
					}
				*html #main-nav ul{
					float: none;
					}
				#main-nav li{
					float: left;
					display: inline;
					margin: 0;
					}
				
				#main-nav li a{
					float: left;
					padding: 7px 12px 7px 10px;
					/*background: url(../images/main-top-nav-split.gif) top right no-repeat transparent;*/
					font-weight: bold;
					font-size: 80%;
					color: #fff;
					text-decoration: none;
					}
				
				#main-nav ul li a:hover, #main-nav ul li a:focus{
					background: url(../images/main-top-nav-rollover-bg.gif) top right no-repeat #1c1c1c;
					margin: 0;
					}
					
				
				
				
				
		
			
			
			/*-------Main container - left column - right column---------------*/
			
			#main-container{
				float: left;
				width: 960px;
				margin: 5px 0 0 0;
				padding: 0 0 0 0;
				}
				#left-column{
					float: left;
					width: 170px;
					margin: 0 10px 0 5px;
					display: inline;
					padding: 0;
					}
				#right-column{
					float: right;
					width: 170px;
					margin: 0 5px 0 0;
					display: inline;
					padding: 0;
					}
					
					
				/*--------Generic side columns----------*/
				.side-columns{
					float: left;
					width: 170px;
					padding: 0;
					list-style: none;
					color: #570076;
					margin: 0 0 25px 0;
					}
					
				.side-columns-titles{
					float: left;
					width: 155px;
					background: url(/templates/images/side-columns-title-bg.gif) bottom left repeat-x #fff;
					color: #697176;
					font-weight: bold;
					font-size: 80%;
					padding: 6px 5px 8px 10px;
					display: block;
					margin: 0 0 1px 0;
					text-transform: uppercase;
					letter-spacing: .15em;
					}
				
				.side-columns-inside{
					float: left;
					width: 170px;
					color: #5f6b73;
					padding: 0;
					/*background: #F1F4F6;*/
					margin: 0 0 0 0;
					}
				
				.side-columns-inside a:hover span, .side-columns-inside a:focus span{
					text-decoration: underline;
					border: none;
					}
				
				
				
				
				
				/*--------Popular Brands-----------*/
				.side-columns-inside ul{
					float: left;
					width: 170px;
					padding: 0;
					list-style: none;
					font-size: 75%;
					color: #570076;
					margin: 0;
					}
				.side-columns-inside ul li{
					float: left;
					width: 170px;
					padding: 0 0 5px 0;
					margin: 0;
					}
				
				.side-columns-inside ul li a{
					width: 160px;
					display: block;
					padding: 4px 0 4px 10px;
					margin: 0;
					color: #5f6b73;
					text-decoration: none;
					font-weight: normal;
					}
				
				.side-columns-inside ul li a:hover, .side-columns-inside ul li a:focus{
					width: 160px;
					display: block;
					padding: 4px 0 4px 10px;
					color: #fff;
					background-color: #80999b;
					margin: 0;
					}
				
				
				/*-----------Paypal secure payment------------*/
				#paypal-payment{
					float: left;
					margin: 10px 0 0 0;
					}

				
				
				/*---------------Mini contact us right column------------*/
				#mini-contact-us{
					font-size: 85%;
					}
				
				#mini-contact-us ul{
					margin: 0 0 10px 0;
					line-height: 1.3em;
					}
				
				#mini-contact-us strong{
					color: #747575;
					}
					
			/*------------Side with products-----------------------*/
				.side-column-products{
					float: left;
					width: 150px;
					margin: 10px 0 0 0;
					border: 1px solid #ededed;
					padding: 9px;
					}
					.side-column-products-zone-image{
						float: left;
						width: 150px;
						height: 150px;
						display: inline;
						padding: 0;
						margin: 0;
						text-align: center;
						line-height: 150px;
						background: #fff;
						}
					.side-column-products-zone-image .valign {
						width: 100%;
						height: 100%;
						display: inline;
						padding: 0;
						margin-top: auto;
						margin-bottom: auto;
						}
						
					.side-column-products-zone-image img{
						padding: 0;
						margin: -3px 0 0 0;
						text-align: center;
						vertical-align: middle;
						}
					
					
					.side-column-products-zone-description{
						float: left;
						width: 150px;
						font-size: 80%;
						margin: 3px 0 0 0;
						padding: 0;
						}
						.side-column-products-zone-description .product-brand{
							color: #5f6b73;
							display: block;
							font-weight: bold;
							}
						/*.side-column-products-zone-description .product-name{
							font-weight: normal;
							color: #747575;
							display: block;
							}*/
						
						
						.side-column-products-zone-description .product-price{
							font-weight: bold;
							color: #4db4ef;
							float: left;
							}
							
			/*------------Search box top---------*/
			#search-box-container{
				float: left;
				width: 150px;
				margin: 0 0 2px 0;
				padding: 10px;
				}
				#search-box-container ul{
					float: left;
					width: 150px;
					}
				#search-box-container li{
					float: left;
					margin: 0 0 3px 0;
					padding: 0;
					display: inline;
					color: #5f6b73;
					width: 150px;
					}
				#search-box-container li label{
					float: left;
					width: 57px;
					font-weight: bold;
					text-align: right;
					padding: 2px 0 0 0;
					}
				#search-box-container li input{
					float: right;
					width: 83px;
					border: 1px solid #a0b3b4;
					background: #fff;
					padding: 1px;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					}
				
				
				#search-box-container #search_button{
					float: left;
					margin: 0 0 0 63px;
					border: none;
					padding: 0;
					width: 68px;
					height: 18px;
					}
				
				
			
			
			/*-------------Shopping basket box top-----------------*/
					#shopping-basket-container{
						float: left;
						width: 150px;
						margin: 0 0 2px 0;
						padding: 10px ;
						}
					#shopping-basket-container a{
						float: left;
						padding: 0;
						margin: 0;
						background: transparent;
						width: auto;
						}
						#shopping-basket-container li{
							float: left;
							margin: 0 0 3px 0;
							padding: 0;
							display: inline;
							color: #5f6b73;
							width: 150px;
							}
						
						#shopping-basket-container .items-total-box{
							padding: 0 0 5px 0;
							color: #5f6b73;
							}
						
						#shopping-basket-container .items-total-box strong{
							padding: 0 0 5px 0;
							color: #5f6b73;
							}
		
		/*------------My account panel---------*/
		#sign_in{
			float: left;
			width: 150px;
			margin: 0 0 2px 0;
			padding: 10px ;
			border-bottom: 1px solid #d4dedf;
			}
			#sign_in ul{
				float: left;
				width: 150px;
				}
			#sign_in li{
				float: left;
				margin: 0 0 3px 0;
				padding: 0;
				display: inline;
				color: #5f6b73;
				width: 150px;
				}
			#sign_in li label{
				float: left;
				width: 57px;
				font-weight: bold;
				text-align: right;
				padding: 2px 0 0 0;
				}
			#sign_in li input{
				float: right;
				width: 83px;
				border: 1px solid #a0b3b4;
				background: #fff;
				padding: 1px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				}
			#sign_in #remember-me label{
				float: left;
				text-align: left;
				font-weight: normal;
				color: #5f6b73;
				font-size: 90%;
				letter-spacing: -.1em;
				width: 69px;
				padding: 1px 0 0 2px;
				}
			*html #sign_in #remember-me label{
				padding: 5px 0 0 2px;
				}
				
				#sign_in #remember-me #keep_logged_in_account{
					float: left;
					width: auto;
					border: none;
					padding: 0;
					background: transparent;
					margin: 0 0 0 63px;
					display: inline;
					}
				*html #sign_in #remember-me #keep_logged_in_account{
					margin: 0 0 0 59px;
					}
			
			#sign_in #login-button{
				float: left;
				margin: 0 0 0 63px;
				width: 58px;
				height: 18px;
				border: none;
				padding: 0;
				}
			
			#sign_in #forgotten-password a{
				float: left;
				width: auto;
				margin: 0 0 0 63px;
				padding: 0 0 3px 0;
				text-decoration: underline;
				font-style: italic;
				display: inline;
				font-size: 90%;
				}
			#sign_in #forgotten-password a:hover, #sign_in #forgotten-password a:focus{
				color: #000;
				background: transparent;
				}
				
				
				
				
				
				
				
				
					
				#content{
					float: left;
					width: 590px;
					margin: 0 0 0 0;
					padding: 0 0 50px 0;
					}
					/*---Content Homepage-----*/
					#main-top-banner{
						float: left;
						width: 590px;
						margin: 0 0 10px 0;
						background: #000000;
						}
						#main-top-banner img{
							float: left;
							width: 590px;
							}
						
					/*---------------------Featured products homepage------------------*/
					#content .featured-products-container{
						float: left;
						width: 590px;
						margin: 0 0 10px 0;
						}
			
					#content .titles-centre{
						float: left;
						width: 575px;
						background: url(/templates/images/side-columns-title-bg.gif) bottom left repeat-x #fff;
						color: #697176;
						font-weight: bold;
						font-size: 80%;
						padding: 6px 5px 8px 10px;
						display: block;
						margin: 0 0 10px 0;
						text-transform: uppercase;
						letter-spacing: .15em;
						}
						
					#content .featured-products-container-width{
						float: left;
						width: 590px;
						margin: 0;
						padding: 0;
						}
						#content .featured-container{
							float: left;
							width: 120px;
							height: 180px;
							margin: 0 10px 10px 0;
							padding: 9px;
							border: 1px solid #ededed;
							background: #fff;
							}
						#content .featured-container-last{
							float: right;
							width: 120px;
							height: 180px;
							margin: 0 0 10px 0;
							padding: 9px;
							border: 1px solid #ededed;
							background: #fff;
							}
												
						#content .featured-container .products-container-home-zone-image, #content .featured-container-last .products-container-home-zone-image{
							float: left;
							width: 120px;
							height: 120px;
							background-color: #fff;
							display: inline;
							margin: 0 0 3px 0;
							text-align: center;
							line-height: 120px;
							}
						#content .featured-container .products-container-home-zone-image .valign , #content .featured-container-last .products-container-home-zone-image .valign{
							/*float: left;*/
							width: 100%;
							height: 100%;
							display: inline;
							padding: 0;
							margin-top: auto;
							margin-bottom: auto;
							}
						#content .featured-container .products-container-home-zone-image img, #content .featured-container-last .products-container-home-zone-image img{
/*							JUS COMMENTED OUT DIMENSIONS BELOW
							float: left;
							width: 120px;
							height: 120px;
*/							
							padding: 0;
							margin: -3px 0 0 0;
							text-align: center;
							vertical-align: middle;
							}
						
						#content .products-container-home-zone-description{
							float: left;
							width: 120px;
							margin: 0;
							padding: 0;
							display: inline;
							list-style: none;
							font-size: 80%;
							font-weight: bold;
							}
						
															
							#content .products-container-home-zone-description .product-brand{
								float: left;
								width: 120px;
								padding: 0;
								color: #5F6B73;
								}
								#content .products-container-home-zone-description a:hover .product-brand, #content .products-container-home-zone-description a:focus .product-brand{
									text-decoration: underline;
									color: #5F6B73;
									}
							
							
							#content .products-container-home-zone-description .product-price {
								float: left;
								width: 120px;
								margin: 2px 0 0 0;
								color: #4DB4EF;
								}
								
							
						
						
					/*----------------------Four columns options----------------------*/	
					
					#four-columns-banner{
						float: left;
						width: 590px;
						margin: 0 0 10px 0;
						padding: 0;
						}
						#four-columns-banner .four-columns-imagery{
							float: left;
							width: 140px;
							margin: 0 10px 0 0;
							}
						#four-columns-banner #four-column-last-column{
							float: left;
							width: 140px;
							margin: 0;
							}
							#four-columns-banner .four-columns-imagery img{
								float: left;
								width: 140px;
								background: #000000;
								}
					
					
					/*----------------------Two Columns banners------------*/
					
					#two-columns-banner{
						float: left;
						width: 590px;
						margin: 0 0 10px 0;
						padding: 0;
						/*border: 1px solid red;*/
						}
						#two-columns-banner img{
							float: left;
							width: 290px;
							background: #000000;
							}
					
					
					/*--------------------Banner bottom------------------*/
						
			
					#main-bottom-banner{
						float: left;
						width: 590px;
						margin: 0 0 10px 0;
						background: #000000;
						}
						#main-bottom-banner img{
							float: left;
							width: 590px;
							}
						
				
					
					/*---------------------Products with wide white rounded corners area-----------*/
					/*---------------------for product listing & product details-------------------*/
							.wide-white-container-width{
								float: left;
								width: 566px;
								background-color: #fff;
								padding: 1px;
								margin: 0 0 5px 0;
								}
								/*.wide-white-container-width .wide-image{
									float: left;
									margin: 0;
									padding: 0;
									display: inline;
									}*/
								
					
					
					#back-top-link{
						float: left;
						margin: 20px 0 0 0;
						padding: 0;
						font-size: 80%;
						/*color: #8d30aa;*/
						color: #747575;
						text-decoration: underline;
						}
					
					
					
					
					


/*-------------Credit card-------------*/
#credit-cards-container{
	float: left;
	/*width: 960px;*/
	width: 100%;
	padding: 50px 0 0 0;
	}
	#credit-cards{
		float: left;
		width: 630px;
		height: 95px;
		margin: 5px 0 0 165px;
		padding: 0;
		display: inline;
		}
					
					


					
	
	
/*-----------------FOOTERS-----------------------------------*/
#repeat-nav{
	float: left;
	width: 928px;
	border: 1px solid #ededed;
	margin: 5px 0 0 5px;
	display: inline;
	padding: 10px;
	
	}
	#repeat-nav ul{
		float: left;
		width: 910px;
		background: url(../images/repeat-nav-bg.jpg) left top repeat-x #e2e2e2;
		padding: 30px 0 30px 20px;
		color: #4db4ef;
		}
	#repeat-nav ul li{
		float: left;
		font-size: 75%;
		padding: 0 5px 0 0;
		}
		#repeat-nav ul li a{
			float: left;
			color: #4db4ef;
			font-weight: bold;
			}


#footer{
	float: left;
	width: 100%;
	background: url(../images/footer-top.gif) left top no-repeat;
	margin: 0 0 0 0;
	padding: 15px 0 100px 0;
	font-size: 80%;
	color: #747575;
	}
	#footer a{
		color: #747575;
		text-decoration: none;
		}
	
	#footer a:hover, #footer a:focus{
		text-decoration: underline;
		}
		
		
		#footer ul li{
			display: inline;
			}
	
	#footer-left{
		float: left; 
		width: auto;
		margin: 0 0 0 10px;
		display: inline;
		}
	
	#footer-right{
		float: right;
		width: auto;
		margin: 0 10px 0 0;
		display: inline;
		}
	
	
	
	
	
	
	
	
/*-----------List buttons bottom my account pages--------*/
#my-account-list-button{
	float: left;
	clear: both;
	padding: 45px;
	}
	#my-account-list-button li{
		margin: 0 0 2px 0;
		}






/*----------------------More about ----------------------*/
#homepage-text-bottom{
		margin: 5px 0 10px 0;
		float: left;
		width: 560px;
		padding: 10px 10px 0 10px;
		background: #ffffff;
		}
		
			
	
		#homepage-text-bottom p{
			height: 1%;
			font-size: 90%;
			width: 560px;
			float: left;
			color: #848484;
			line-height: 1.7em;
			padding: 0 0 20px 0;
			}



#content p#message{
	float: left;
	width: 630px;
	/*height: 38px;*/
	background: url(../images/important-message-bg.gif) top left repeat-y transparent;
	color: #fff;
	font-weight: normal;
	font-size: 110%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0 0 5px 0;
	}
	#content p#message span{
		float: left;
		padding: 11px 0 12px 13px;
		}
	#content p#message span a{
		color: #fff;
		text-decoration: underline;
		}




.wide-titles-container{
	float: left;
	width: 956px;
	border: 1px solid #494949;
	padding: 1px;
	margin: 0 0 10px 0;
	background: #000000;
	}