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

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

body {
	/*background: url(../images/bg.png);*/
	background: #f1e8d4;
}

h1 {
	color: #fe9b4a;
}

	h1 em {
		color: #8d6e4e;
	}

/* Container Section */

#container {
	display: block;
	margin: 10px auto;
	text-align: center;
    position: relative;
	width: 900px;	
}

img#xmas {
    position: absolute;
    right: 0;
    top: 0;
}

/* Header Section */

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

#menu {
	background: url(../images/menu-bg.png) no-repeat top left;
	height: 67px;
	overflow: hidden;
	width: 100%;
}

	#menu ul#options {	
		float: left;
		margin-top: 18px;
		padding-left: 180px;
	}

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

			#menu ul#options li a {
				background: url(../images/menu-button.png) no-repeat top right;					
				display: block;
                height: 30px;
				line-height: 28px;				
				margin-right: 5px;
				padding: 0 8px;
			}
			
				#menu ul#options li a span {
					background: url(../images/menu-button.png) no-repeat top left;
                    color: #ffffff;				    
					display: block;
					font-size: 14px;
					font-weight: bold;                    
					height: 30px;                  
					margin-left: -8px;
					padding-left: 8px;
				}

				#menu ul#options li a:hover, #menu ul#options li a.selected {
				}
				
					#menu ul#options li a:hover span, #menu ul#options li a.selected span {
						cursor: pointer;
						color: #492c10;
					}
	
/* Navigation Section */

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

	#navigation ul {
		background: url(../images/navigation-bg.png) no-repeat top left;
		width: 170px;
	}
	
		#navigation ul li {
		}

			#navigation ul li.heading {
				background: url(../images/navigation-button.png) no-repeat top left;	
				color: #fff;
				display: block;
				font-size: 13px;
				font-weight: bold;
				line-height: 30px;				
				margin: 15px 15px 0;
				padding: 0 8px;				
				text-align: left;
			}
			
			#navigation ul li a {
				color: #fff;			
				display: block;
				font-weight: bold;
				margin: 0 15px;
				padding: 5px 0;
				text-align: left;
				text-decoration: none;
				width: 140px;
			}

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

			#navigation ul#smallBasket li.item {
                color: #ffffff;
				padding: 3px 0 5px;
			}
			
				#navigation ul#smallBasket li ul {
					border: none;
					margin: 0;
					overflow: hidden;
					padding: 0;
				}
		
					#navigation ul#smallBasket li ul li {
						float: left;
						padding: 0;
                        width: 72px;
					}
						
						#navigation ul#smallBasket li ul li a {
							border: none;		
							display: block;
							padding: 3px 0;
						}
                        
                            #navigation ul#smallBasket li ul li a img {
                                height: 20px;
                                width: 65px;
                            }

		/* Your Viewed Items */

		#navigation ul#viewedItems {
			overflow: hidden;
            width: 170px;
		}
			
			#navigation ul#viewedItems li {
                margin: 5px 15px; 
			}
				
				#navigation ul#viewedItems li.heading {
					margin: 15px 15px 0;
				}
		
				#navigation ul#viewedItems li a {
					border: 1px transparent solid ;
					display: block;
					float: left;
					margin: 0 0 5px;							
					padding: 0;
					width: 42px;
				}
			
					#navigation ul#viewedItems li a.middle {						
						margin: 0 2px;
					}
			
					#navigation ul#viewedItems li a img {
						background: url(../images/loading.gif) no-repeat center center;
						height: 27px;
						width: 42px;
					}
					
						#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: 136px;
			}
	
				#navigation ul#advertButton li a:hover {
					background: transparent;
				}
				
				#navigation ul#advertButton li a img {
					display: inline-block;
                    width: 136px;
				}
				
/* 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: url(../images/footer-bg.png) no-repeat top left;
	clear: both; 	
	height: 62px;
	line-height: 62px;
    width: 100%;    
}

	#footer span {
		color: #ffffff;
		float: left;
		padding: 0 0 0 25px;
	}
	
	#footer ul {
		float: right;
		padding: 0 25px 0 0;
	}
	
		#footer ul li {
			display: inline;
		}
		
			#footer ul li span {
				float: none;
				padding: 0;
			}
	
			#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: url(../images/page.jpg) no-repeat top right;					
				display: block;
                height: 20px;
				line-height: 18px;				
				margin-right: 5px;
				padding: 0 8px;
			}
			
				ul.paging li a span {
					background: url(../images/page.jpg) no-repeat top left;
                    color: #ffffff;	
                    cursor: pointer;			    
					display: block;
                    font-size: 11px;
					font-weight: bold;                    
					height: 20px;                  
					margin-left: -8px;
					padding-left: 8px;
				}
		
			ul.paging li a span:hover {
				color: #ff8901;				
			}

			ul.paging li a.selected span{
				color: #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 {
			}
	
			div#sitemap ul li a {
			}
			
				div#sitemap ul li a:hover {
					text-decoration: underline;
				}

/* Page Content Section */

div.pageContent {
	position: relative;
}

	div.pageContent h2 {
		font-weight: bold;
		margin-bottom: 5px;
	}

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

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

	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: #492c10;
		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 {
	    height: 200px;
		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 {
		display: inline-block;
        float: left;
		height: 243px;
		margin: 10px 0;		
		padding: 0;
		text-align: center;
		width: 220px;
	}
    
        ul.productList li div {   
            background: url(../images/product-info-bg.jpg) no-repeat top left;
            height: 103px;
            width: 220px;
        }
	
		ul.productList li.middle {
			margin: 10px;
		}

                    ul.productList li a.imageProduct img {
                        display: block;
                    }

			ul.productList li img {
				background: url(../images/loading.gif) no-repeat center center;
				height: 140px;
				padding: 0;
			}
			
			ul.productList li h3 {
				color: #ffffff !important;
				font-size: 12px !important;
				font-weight: bold;
                margin: 0 auto;
				overflow: hidden;			
				padding: 23px 0 3px;
				text-align: center;
				white-space: nowrap;
                width: 190px;
			}

			ul.productList li p {
				color: #fff;
				font-size: 11px;
				overflow: hidden;
				margin: 0 auto;
				padding: 0 0 5px;
				white-space: nowrap;
                width: 190px;
			}

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

			ul.productList li a.moreInfo {
                display: block;
                margin-top: 20px;
            }
            
            ul.productList li a.moreInfo img {
                height: 20px;
                overflow: hidden;
                width: 173px;
			}

			ul.productList li ul {
				margin: 0 auto;
				overflow: hidden;
				padding: 0;
                width: 174px;
			}
	
				ul.productList li ul li {
					border: none;
					float: left;
                    height: auto;
					margin: 0;
					padding: 0;
					width: auto;
				}
	
					ul.productList li ul li a img, ul.productList li ul li button img {
                        height: 20px;
                        overflow: hidden;
                        width: 84px;
					}
	
					ul.productList ul li a {				   
					}
	
					ul.productList ul li button {
                        background: transparent;
                        border: none;
                        cursor: pointer;
					}
						
/* Product Section */	

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

		div#product ul#information li.title {
			color: #ff2e07;
			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 {
		float: left;
		width: 150px;
	}
				
		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: #492c10;
			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#buyNow {
		float: right;
	}
			
	div#product div#mainImage {
		position: relative;
	}
			
		div#product div#mainImage img {
			background: url(../images/loading.gif) no-repeat center center;
			height: 229px;
			width: 360px;		
		}

		div#product div#mainImage a#printSample {
			left: 0;
			position: absolute;
			top: 5px;
		}
		
			div#product div#mainImage a#printSample img {
				background: none;
				height: 107px;
				width: 107px;
			}
			
		div#product div#mainImage input#btnRequestSmaple {
			height: 107px;
			position: absolute;
			right: -2px;
			top: 5px;
			width: 107px;
		}
	
	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: 35px;
				padding: 0;
				width: 55px;
			}
	
	/* 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.gif) no-repeat center center;
				cursor: pointer;
				display: inline-block;
				height: 35px;
				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.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.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.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;
	}


/* Home Page */

div#home {
    height: 675px;   
    overflow: hidden;
    position: relative;
}

    div#home div#woman {
    }
    
        div#home div#woman a.woman {
            left: 0;
            position: absolute;
            top: 0;
            z-index: 1;
        }
        
        div#home div#woman a.coffeTable {
            right: 0;
            position: absolute;
            top: 0;
        }
        
        div#home div#woman img.womanBubbles {
            left: 390px;
            position: absolute;
            top: 190px;
            z-index: 1;
        }
        
        div#home div#woman img.womanText {
            left: 476px;
            position: absolute;
            top: 205px;
            z-index: 1;
        }        
        
    div#home div#man {
    }
    
        div#home div#man a.man {
            right: 0;
            position: absolute;
            top: 255px;
            z-index: 1;
        }
        
        div#home div#man a.tvUnits {
            left: 0;
            position: absolute;
            top: 450px;
        }
        
        div#home div#man img.manBubbles {
            left: 212px;
            position: absolute;
            top: 407px;
            z-index: 1;
        }
        
        div#home div#man img.manText {
            left: 120px;
            position: absolute;
            top: 650px;
            z-index: 1;
        }