@import url("reset.css");
@import url("form.css");

* {
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

body {
	background: #000 url(../images/bkgnd.jpg);
}

h1 {
	color: #cddc16;
}

	h1 em {
		color: #f03;
	}

/* Container Section */

#container {
	background: url(../images/container-bkng.png);
	display: block;
	margin: 10px auto;
	text-align: center;
	width: 900px;	
}

/* Header Section */

#header {
	width: 100%
}
	
/* Menu Section */

#menu {
	background: url(../images/menu-bg.jpg);
	border-bottom: 1px #3d3c3c solid;
	border-top: 1px #3d3c3c solid;
	height: 24px;
	overflow: hidden;
	width: 100%;
}

	#menu ul#options {	
		float: right;
		padding-right: 10px;
	}

		#menu ul#options li {
			float: left;
			list-style: none;
		}

			#menu ul#options li span {
				display: block;
				color: #fff;
				font-weight: bold;
				line-height: 24px;
				padding: 0 2px;
			}				

			#menu ul#options li a {
				color: #fff;
				display: block;
				line-height: 24px;
				padding: 0 4px;
			}

				#menu ul#options li a:hover, #menu ul li.selected a, #menu ul#options li a.selected {
					background: #cddc16;
					color: #ffffff;					
				}
	
/* Navigation Section */

#navigation {
	float: left;
	width: 170px;
}

	#navigation ul {
		border: 1px #3d3c3c solid;
		list-style: none;
		margin: 10px 0 10px 6px;
		width: 164px;
	}
	
		#navigation ul li {
		}

			#navigation ul li.heading {
				background: #484647;
				border-bottom: 1px #1a1a1a solid;
				color: #fff;
				display: block;
				font-weight: bold;
				padding: 5px 10px;
				text-align: left;
			}

			#navigation ul li a {
				border-bottom: 1px #1a1a1a solid;
				color: #fff;			
				display: block;
				padding: 5px 10px;
				text-align: left;
				text-decoration: none;
				width: 144px;
			}

			#navigation ul li a:hover, #navigation ul li a.selected {
				background: #ff8901;
			}
			
		/* Shopping Basket */
		
		#navigation ul#smallBasket li.empty {
			color: #f03;
			font-weight: bold;
			padding: 5px;
		}

			#navigation ul#smallBasket li.item {
				padding: 3px 0 5px;
			}
			
				#navigation ul#smallBasket li ul {
					border: none;
					border-top: 1px #3d3c3c solid;
					margin: 0;
					overflow: hidden;
					padding: 0;
				}
		
					#navigation ul#smallBasket li ul li {
						float: left;
						padding: 0;
					}
						
						#navigation ul#smallBasket li ul li a {
							border: none;		
							display: block;
							padding: 3px 0;
							text-align: center;
						}
					
							#navigation ul#smallBasket li ul li a.viewBasket {
								border-right: 1px #3d3c3c solid;
								width: 81px;							
							}
							
								#navigation ul#smallBasket li ul li a.viewBasket:hover, #navigation ul#smallBasket li ul li a.viewBasketSelected {
									background: #cddc16;
									border-right: 1px #3d3c3c solid;
									width: 81px;							
								}
	
							#navigation ul#smallBasket li ul li a.checkout {
								width: 82px;							
							}
								
								#navigation ul#smallBasket li ul li a.checkout:hover, #navigation ul#smallBasket li ul li a.checkoutSelected {
									background: #4ebace;
									width: 82px;							
								}

		/* Your Viewed Items */

		#navigation ul#viewedItems {
			overflow: hidden;
		}
			
			#navigation ul#viewedItems li {
				margin: 5px;
			}
				
				#navigation ul#viewedItems li.heading {
					margin: 0;
				}
		
				#navigation ul#viewedItems li a {
					border: 1px #000000 solid;
					display: block;
					float: left;
					margin: 0 0 5px;							
					padding: 0;
					width: 48px;
				}
			
					#navigation ul#viewedItems li a.middle {						
						margin: 0 2px;
					}
			
					#navigation ul#viewedItems li a img {
						background: url(../images/loading-green.gif) no-repeat center center;
						height: 52px;
						width: 48px;
					}
					
						#navigation ul#viewedItems li a:hover {
							border: 1px #cddc16 solid;
						}
				
		/* Button Advertisement */
		
		#navigation ul#advertButton {			
		}

			#navigation ul#advertButton li a {
				border-bottom: none;				
				display: block;
				margin: 0 auto;
				padding: 5px 0;
				text-align: center;
				width: 166px;
			}
	
				#navigation ul#advertButton li a:hover {
					background: transparent;
				}
				
				#navigation ul#advertButton li a img {
					display: inline-block;
				}
				
/* Content Section */

#content {
	float: right;
	overflow: hidden;
	padding: 10px;	
	position: relative;	
	text-align: left;
	width: 710px;
}

	#content h1, #content h1 em {
		font-size: 18px;
		font-weight: bold;
		padding-bottom: 10px;
	}
	
	#content h3 {
		color: #f00;
		font-size: 18px;
		font-weight:  bold;
	}
	
/* Footer Section */

#footer {
	background: #333333;
	clear: both; 	
	height: 26px;
	line-height: 26px;
    width: 100%;    
}

	#footer span {
		color: #ffffff;
		float: left;
		padding: 0 10px;
	}
	
	#footer ul {
		float: right;
		padding: 0 10px;
	}
	
		#footer ul li {
			display: inline;
		}
		
			#footer ul li span {
				float: none;
			}
	
			#footer ul li a {
				color: #ffffff;
				text-decoration: none;
			}
			
				#footer ul li a:hover  {
					text-decoration: underline;
				}

/* Paging */

ul.paging {
	clear: both;
	margin: 3px 0 0;
	padding-left: 0;
}

	ul.paging li {
		clear: none;
		float: left;
		padding-right: 5px;
		width: auto;
	}
	
		ul.paging li a {
			background: #000;
			border: 1px #3d3c3c solid;
			color: #fff;
			display: block;
			padding: 3px 6px;
			text-align:center;
		}
		
			ul.paging li a:hover {
				background: #cddc16;				
			}

			ul.paging li a.selected {
				background: #ff8901;
			}
				
/* Site Map */	

div#sitemap {
}

	div#sitemap ul {
		list-style: outside disc;
		margin-left: 20px;	
	}

		div#sitemap ul li {
			padding: 5px 0 0 !important;
		}

			div#sitemap ul li strong {
				color: #fff;
			}
	
			div#sitemap ul li a {
				color: #fff;
			}
			
				div#sitemap ul li a:hover {
					text-decoration: underline;
				}

/* Page Content Section */

div.pageContent {
	position: relative;
}

	div.pageContent p {
		line-height: 17px;
		margin-bottom: 10px;
	}

		div.pageContent p strong.error {
			color: #f03;
		}
		
		div.pageContent p strong.highlight {
			color: #cddc16;
		}

	div.pageContent ul {
		list-style: outside disc !important;
		margin-bottom: 10px;
	}
	
		div.pageContent ul li {
			float: none !important;
			padding: 2px 0 !important;
			margin: 0 0 0 20px !important;
		}

	div.pageContent a {
		color: #cddc16;
		text-decoration: underline;
	}

		div.pageContent a:hover {
			color: #ff8901;
			text-decoration: none;
		}

	div.pageContent div.image-left {
		float: left;
		padding: 0 10px 0 0;
	}

	div.pageContent div.image-right {
		float: right;
		padding: 0 0 0 10px;
	}

	div.pageContent #site-images {
		width: 300px;
	}
	
	/* Payment Result */
		
		div.pageContent ul#paymentResult {
			list-style: none !important;
			margin: 0 0 10px !important;
		}
		
			div.pageContent ul#paymentResult li {
				clear: left;
				margin: 0 !important;
				overflow: hidden;
			}
			
				div.pageContent ul#paymentResult li strong {
					display: block;
					float: left;
					width: 120px;
				}
				
				div.pageContent ul#paymentResult li em {
					display: block;
					float: left;
					font-style: normal;
				}

/* Feedback Section */

dl#feedback {			
	margin: 0;
}

	#feedback dt {
		font-weight: bold;
		padding-bottom: 5px;
	}
	
	#feedback dd {
		border-bottom: 1px #3d3c3c solid;
		margin-bottom: 10px;			
		padding-bottom: 10px;
	}
	
		#feedback dd.last {
			border: none;
			margin: 0;
			padding: 0;
		}
		
/* Category Listing Section */

ul.categoryList {
	clear: both;
	margin: 0;
	padding: 0;
}

	ul.categoryList li {
		border: 1px #484647 solid;
		display: inline-block;
		float: left;
		margin: 10px 0;
		padding: 0;
		width: 220px;
	}
	
		ul.categoryList li h2 {
			background: #484647;
			border-bottom: 1px #1a1a1a solid;
			color: #fff;
			display: block;
			font-size: 12px;
			font-weight: bold;
			padding: 5px 10px;
			text-align: left;								    				
		}
	
	
		ul.categoryList li.middle {
			margin: 10px;
		}
			
			ul.categoryList li a {
				display: block;
				overflow: hidden;
			}
			
				ul.categoryList li a:hover {
					background: #cddc16;
				}
		
				ul.categoryList li a img {		
					margin: 0;
					padding: 0;
				}
						
				ul.categoryList li a span {
					border-top: 1px #484647 solid;
					display: block;
					overflow: hidden;
					padding: 4px 0;
					text-align: center;
					width: 220px;
				}
						
/* Product Listing Section */

ul.productList {
	clear: both;
	margin: 0;
	padding: 0;
}

	ul.productList li {
		border: 1px #484647 solid;
		display: inline-block;
		height: 300px;
		margin: 10px 0;		
		padding: 0;
		text-align: center;
		width: 220px;
	}
	
		ul.productList li.middle {
			margin: 10px;
		}
		
			ul.productList li img {
				background: url(../images/loading-green.gif) no-repeat center center;
				height: 240px;
				padding: 0;
			}
			
			ul.productList li h3 {
				border-top: 1px #484647 solid;
				color: #cddc16 !important;
				font-size: 12px !important;
				font-weight: bold;
				overflow: hidden;			
				padding: 3px 0;
				text-align: center;
				white-space: nowrap;
			}

			ul.productList li div {
				color: #fff;
				font-size: 11px;
				overflow: hidden;
				margin: 0;
				padding: 0 0 3px;
				white-space: nowrap;
			}

				ul.productList li div strong {
					color: #4ebace;
					font-size: 11px;
					font-weight: normal;
					padding-right: 5px;
				}
	
				ul.productList li div span {
					color: #ff8901;
					font-size: 11px;
					padding-left: 10px;
				}
				
					ul.productList li div span em {
						color: #fff;
						font-size: 11px;
						font-style: normal;					
						padding-left: 5px;
						text-decoration: line-through;
					}	

			ul.productList li a {
				border-top: 1px #484647 solid;
				display: block;
				line-height: 16px;
				margin: 17px 0 0;
				overflow: hidden;
				padding: 3px 0;
			}
			
				ul.productList li a:hover {
					background: #cddc16;
				}

			ul.productList li ul {
				border-top: 1px #484647 solid;
				margin: 0;
				overflow: hidden;
				padding: 0;
			}
	
				ul.productList li ul li {
					border: none;
					float: left;
					margin: 0;
					padding: 0;
					width: auto;
				}
	
					ul.productList li ul li a, ul.productList li ul li button {
						border: none;
						display: block;
						font-weight: bold;
						margin: 0;
						padding: 3px 0;
						text-align: center;
						text-decoration: none;
						width: 110px;
					}
	
					ul.productList ul li a {
						background: #000;
						color: #fff;
						line-height: 16px;
					}
	
						ul.productList li ul li a:hover {
							background: #cddc16;
						}
					
					ul.productList ul li button {
						background: #4ebace;
						color: #fff;
						cursor: pointer;
					}
						
						ul.productList ul li button:hover {
							background: #cddc16;
						}
			
/* Product Section */	

div#product {
}
	
	div#product ul#information {		
	}

		div#product ul#information li.title {
			color: #cddc16;
			font-weight: bold;
		}
		
		div#product ul#information li.price {
			color: #4ebace;
			font-weight: bold;
		}
		
			div#product ul#information li.price strong {
				color: #fff;
				padding-right: 5px;
			}

			div#product ul#information li.price span {
				color: #fff;
				padding-left: 10px;
			}
			
				div#product ul#information li.price span em {
					color: #ff8901;
					font-style: normal;
					padding-left: 5px;
					text-decoration: line-through;
				}
				
		div#product ul#information li span {
			color: #f03;
			font-weight: bold;
		}
			
	div#product ul#options {		
	}
				
		div#product ul#options li button {
			background: transparent;
			border: none;
			cursor: pointer;
			margin: 0 0 0 -3px;
			padding: 0;
		}

		div#product ul#options li button, div#product ul#options li a {
			color: #fff;
			text-decoration: none;
		}

			div#product ul#options li button:hover, div#product ul#options li a:hover {
				color: #ff8901;
			}
		
		div#product ul#options li button img, div#product ul#options li a img {
			display: inline-block;
			margin-right: 5px;
			padding: 0;
			vertical-align: text-bottom;
		}
			
	div#product div#mainImage {
		position: relative;
	}
			
		div#product div#mainImage img {
			background: url(../images/loading-green.gif) no-repeat center center;
			height: 393px;
			width: 360px;		
		}

		div#product div#mainImage a#printSample {
			left: -1px;
			position: absolute;
			top: 4px;
		}
		
			div#product div#mainImage a#printSample img {
				background: none;
				height: 109px;
				width: 109px;
			}

	
	div#product ul#moreImages {
		padding-left: 0;		
	}
		
		div#product ul#moreImages li {
			display: inline-block;
			float: left;
			margin: 0 0 0 5px;
			padding: 0 0 3px;		
			width: 55px;
		}
		
			div#product ul#moreImages li.noSpace {
				margin: 0;
			}
			
			div#product ul#moreImages li img {
				cursor: pointer;
				display: inline-block;
				height: 60px;
				padding: 0;
				width: 55px;
			}
	
	/* Rooms Suggestions */
	
	div#product ul#rooms {
		padding-left: 0;
	}
	
		div#product ul#rooms li {
			display: inline-block;
			float: left;
			margin-right: 5px;
			padding: 0 0 3px;		
			width: auto;
		}
		
			div#product ul#rooms li img {
				cursor: pointer;
				display: inline-block;
				padding: 0;
			}
	
	/* Related Products */
	
	div#product ul#relatedProducts {
		padding-left: 0;
	}
	
		div#product ul#relatedProducts li {
			display: inline-block;
			float: left;
			margin-left: 5px;
			padding: 0 0 3px;		
			width: auto;
		}
		
			div#product ul#relatedProducts li.noSpace {
				margin: 0;
			}
		
			div#product ul#relatedProducts li img {
				background: url(../images/loading-green.gif) no-repeat center center;
				cursor: pointer;
				display: inline-block;
				height: 60px;
				padding: 0;
				width: 55px;
			}
										
/* Your Details */					

fieldset#billingDetails {
	float: left;
	height: 265px;
	width: 46%;
}

fieldset#deliveryDetails { 
	float: right;
	height: 265px;
	width: 46%;
}

	fieldset#deliveryDetails div#copy {
		padding: 5px 0 5px 20px;
	}

fieldset#generalDetails {	
}
	
	fieldset#generalDetails label {
		width: 220px;
	}

/* Newsletter Sign Up */

div#newsletter {
	padding: 2px;
}

	div#newsletter input.txtNewsletterEmailSmall {
		font-size: 11px;
		margin: 0 5px 2px 0;
		width: 106px;
	}

/* Home Page */

	div#homeSampleInfo {
		border: 1px #484647 solid;
		height: 100px;		
		margin-top: 10px;
	}

		div#homeSampleInfo h3 {
			background: #484647;
			border-bottom: 1px #1a1a1a solid;
			color: #fff;
			display: block;
			font-size: 12px;
			font-weight: bold;
			padding: 5px 10px;
			text-align: left;
		}
		
		div#homeSampleInfo div {
			padding: 10px;
		}

	/* Categories */
	
	div#homeMainCategory {
		float: left;
		width: 307px;		
	}

		div#homeMainCategory div.main a img {
			background: url(../images/loading-green.gif) no-repeat center center;
			height: 307px;
			width: 307px;
		}

	div#homeMoreCategory {
		float: right;
		width: 384px;		
	}

		div#homeMoreCategory div.more {
			float: left;
			margin-bottom: 10px;
			width: 180px;
		}

		div#homeMoreCategory div.first {
			margin-right: 20px;
		}

		div#homeMoreCategory div.more a img {
			background: url(../images/loading-green.gif) no-repeat center center;
			height: 180px;
			width: 180px;
		}

						
	div#homeMainCategory div.main, div#homeMoreCategory div.more  {
		border: 1px #484647 solid;
	}
	
		div#homeMainCategory div.main h2, div#homeMoreCategory div.more h2 {
			background: #484647;
			border-bottom: 1px #1a1a1a solid;
			color: #fff;
			display: block;
			font-size: 12px;
			font-weight: bold;
			padding: 5px 10px;
			text-align: left;
		}
			
			div#homeMainCategory div.main a, div#homeMoreCategory div.more a {
				display: block;
				overflow: hidden;
			}
			
				div#homeMainCategory div.main a:hover, div#homeMoreCategory div.more a:hover {
					background: #cddc16;
				}
						
				div#homeMainCategory div.main a span, div#homeMoreCategory div.more a span {
					border-top: 1px #484647 solid;
					display: block;
					overflow: hidden;
					padding: 4px 0;
					text-align: center;
				}

	/* Best Sellers */
	
	div#homeBestSellers {
		border: 1px #484647 solid;
		clear: both;
		height: 190px;
		margin: 10px 0 0;
		overflow: hidden;	
		width: 708px;
	}
	
		div#homeBestSellers h2 {
			background: #484647;
			border-bottom: 1px #1a1a1a solid;
			color: #fff;
			display: block;
			font-size: 12px;
			font-weight: bold;
			margin: 0 0 4px;
			padding: 5px 10px;
			text-align: left;								    	
		}
		
			div#homeBestSellers div#ticker {
				display: none;
				height: 170px;
				overflow: hidden;
			}
			
			div#homeBestSellers div#ticker div#tickerBody {
				white-space: nowrap;
			}
						
				div#homeBestSellers div#ticker div#tickerBody img {
					display: inline-block !important;
				}
			
				div#homeBestSellers div#ticker div#tickerBody a {
					border: 1px #484647 solid;
					display: inline-block !important;
					margin: 0 5px;					
					overflow: hidden;
					padding: 0;
					width: 130px;	
				}
				
					div#homeBestSellers div#ticker div#tickerBody a img {
						background: url(../images/loading-green.gif) no-repeat center center;
						height: 130px;
						width: 130px;
					}					
					
					div#homeBestSellers div#ticker div#tickerBody a span {
						border-top: 1px #484647 solid;
						display: block;
						padding: 3px 0;
						text-align: center;						
					}
					
					div#homeBestSellers div#ticker div#tickerBody a:hover {
						background: #4ebace;
					}
								
/* Print Voucher */

#printGiftVoucher {
	height: 378px;
	position: relative;
	width: 800px;
}

	#printGiftVoucher img {
		left: 0;
		position: absolute;
		top: 0;
	}

	#printGiftVoucher span#amount {
		color: #000000;
		display: block;
		font-size: 26px;
		position: absolute;
		left: 580px;
		top: 140px;
		z-index: 50;
	}

	#printGiftVoucher span#code {
		color: #000000;
		display: block;
		font-size: 20px;
		position: absolute;
		left: 505px;
		top: 186px;
		z-index: 50;
	}
				
/* Misc Section */

a.button {	
	background: #4ebace;
	border: 1px #484647 solid;	
	color: #fff;
	display: inline-block;
	padding: 2px 5px 2px 2px;	
}

	a.button:hover {
		background: #cddc16;
	}