* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0; 
	padding: 0; 	
}

html, body {
	height: 100%;
    position: relative;
}

/* Heading */

h1 {
	color: #ff8800;
	font-size: 20px;
	margin: 10px 0;
}

h3 {
	background-color: #ccc;
	color: #fff;
	font-size: 14px;
	line-height: 28px;
	margin: 5px 0;
	padding-left: 10px;
}

a {
	color: #000;
}

a:hover {
	text-decoration: none;
}

img#xmas {
    
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10;
}

/* Container Section */

#container {
	background: url(../images/bg.gif) top left repeat-y;
	min-height: 100%;
	position: relative;
}

	* html #container { /* ie 6 fix */
		height: 100%
	}

/* Header Section */

#header {
	color: #ffffff;
}
	#header img#logo {
		border: none !important;
		float: left;		
	}
	
	#header img#tables {
		float: right;
	}

/* Inner Container Section */

#inner-container {
	clear: both;
	padding-bottom: 30px;
}

	#inner-container:after {
		content: " ";
		display: block;
		clear: both;
	}

/* Menu Section*/

#menu {
	background-color: #666666;
	clear: both;
}

	#menu ul {
		list-style: none;
	}
	
		#menu ul li {
			display: inline;
		}
			#menu ul li strong {
				display: block;
				color: #ffffff;
				line-height: 1.8em;
				float: left;
				font-size: 14px;
				padding-left: 10px;
				width: 190px;
			}
			
			#menu ul li a {
				color: #ffffff;
				line-height: 24px;
				text-decoration: none;
				padding: 5px 8px;
			}
			
			#menu ul li a:hover, #menu ul li a.selected {
				background-color: #ff8800;
				color: #000;
			}
						
/* Navigation Section*/

#nav {
	float: left;
	width: 200px;
}

	#nav ul {
		list-style: none;
		width: 100%;
	}
	
		#nav ul li {
			border-bottom: 1px #fff solid;
		}
		
		#nav ul li a {
			display: block;
			color: #000000;
			font-weight: bold;
			padding: 5px 10px;
			text-decoration: none;
		}

		#nav ul li a:hover, #nav ul li a.selected {
			background-color: #ff8800;
			color: #ffffff;
		}

/* Main Section */

#main {
	margin-left: 200px;
}

/* Content Section */

#content {
	overflow: auto;
	padding: 10px;
	text-align: left;
}

	#content p.random {
		color: #000000;
		line-height: 3em;
	}
	
	#content p.random img {
		float: right;
	}

/* Footer Section */

#footer {
	background-color: #000000;
	bottom: 0;
	color: #ffffff;
	height: 40px;
	position: absolute;
	text-align: center;
	width: 100%;
}

	#footer span {
		color: #ffffff;
		display: block;
		font-size: 11px;
		margin-top: 8px;
		text-align: center;
	}
	
	#footer a {
		color: #ffffff;
		font-size: 10px;
		text-decoration: none;
	}
	
	#footer a:hover {
		text-decoration: underline;
	}

/* Form Section */

form {
	margin: 0;
	padding: 0;
}

fieldset {  
	margin: 0 0 10px 0;
	padding: 0; 
}

legend {  
	margin-left: 1em;
	color: #000;  
	font-weight: bold; 
} 

	fieldset ul {  
		margin: 0;
		padding: 10px 0 0 10px;  
		list-style-type: none;
	} 

		fieldset ul li {  
			display: block;
			margin: 0;
			padding-bottom: 10px;
		} 

			fieldset ul li img {  
				padding-left: 5px;
				vertical-align: middle;
			} 

label {  
	position: relative;  
	float: left;  
	width: 10em;  
	margin-left: 1em; 
} 

	label em {  
		position: absolute;  
		left: -2.0em;  
		top: 0; 
	}

input.button {
    padding: 0 .25em;
    width: 0;  /* IE table-cell margin fix */
    overflow: visible;
	margin-right: 10px;
}

input.checkbox {  
	margin: 0;
	padding: 0;
}

input.radio {  
/*	margin: 2px;
	padding: 0;*/
}

input.readonly {
	margin: 0;
	padding: 0;
	width: 300px;
	border: 1px solid #fff;	
}

input.button[class] { /* IE ignores [class] */
    width: auto; /* cancel margin fix for other browsers */
}

#required {
	font-weight: bold;
} 

#required img {
	vertical-align: middle;
	margin: 0;
	padding: 0;
}

#error {
	color: #f03;
	font-weight: bold;
	margin: 10px;
}

	#error ul {
		list-style: disc inside;		
		padding-left: 20px;
	}
	
	#error li {
		font-weight: normal;
		padding: 1px 0;
	}

/* Table */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

th {
/*	padding: 15px 0 10px;	*/
	text-decoration: underline;
}

tr.hightlight:hover {
	background: #ff9900;
}

/* Contact Us Section */

#contact-address {
	float: left;
	width: 300px;
}

	#contact-address address, #contact-address p  {
		font-style: normal;
		padding: 10px;
	}

#contact-form {
	float: right;
	width: 450px;
}

/* Small Basket */

#small-basket {
	border: 1px #000 solid;
	background: #fff;
	margin: 20px auto;
	text-align: center;
 	width: 180px;
}

	#small-basket strong {
		background-color: #000;
		color: #ffffff;
		display: block;
		margin-bottom: 5px;
		padding: 3px 0;
		text-align: center;		
	}
	
	#small-basket em {
		font-style: normal;
		font-weight: bold;
	}
	
	#small-basket span {
		padding-left: 10px;
	}
		
	#small-basket div {
		padding: 7px 0;
	}
	
			#small-basket div a {
				color: #ff8800;
				text-decoration: none;
			}
	
				#small-basket div a:hover {
					text-decoration: underline;
				}
				
	#small-basket div#empty {
		text-align: center;
		color: #cc0000;
		margin: 10px;
	}

/* View Basket Section */

#basket-details {	
	clear: both;
}

	#basket-details table {	
		margin: 10px;
	}
	
		#basket-details table th {	
			padding: 3px 0;
		}
		
		#basket-details table td {
			padding: 1px 0;
		}

		#basket-details table td a {
			color: #ff8800;
			text-decoration: none;
		}

			#basket-details table td a:hover {
				text-decoration: underline;
			}

	td.total-price {
		color: #ff8800;
		font-weight: bold;
	}

	#basket-buttons {
		margin: 0 auto;
		padding: 10px 0;
		text-align: center;
	}	
	
		#basket-buttons input {
			margin-left: 10px;
		}
		
	table#total {
		float: right;
		margin-top: -5px;
		text-align: right;
		width: 50%;
	}

/* Checkout */

#billing-details {
	float: left;
	width: 360px;
}

#shipping-details { 
	float: right;
	width: 360px;
}

#copy {
	padding: 5px 0 5px 20px;
}	

#general-details {
	clear: both;
}
	
	#general-details label {
		width: 220px;
	}
	
	#general-details textarea {
	clear: both;
		height: 90px;
		width: 97%;
		margin-left: 10px;
/*		width: 730px;*/
	}

#continue {
	margin: 10px;
	text-align: right;
	clear: both;
}

#billing-address {
	float: left;
	padding: 15px 10px 5px;
	width: 300px
}

#shipping-address {
	float: right;
	padding: 15px 10px 5px;
	width: 300px
}

#checkout-info {
	clear: both;
}

	#checkout-info strong {
		color: #f03;
	}

	#checkout-info ul {
		list-style: disc outside;
		margin-left: 20px;
	}
	
		#checkout-info ul li {
			padding: 3px 0;
		}

hr {
	border: 1px #ff8800 solid;

}

#confirm-order-button {
	clear: left;
	text-align: right;
	width: 100%;
}

/* Product List Section */

#product-list {
	padding: 0 0 10px;
}
	#product-list ul {
		list-style: none;
		padding: 10px 0;
	}
	
		#product-list ul li {
			display: inline;
			float: left;
		}
/*
		#product-list ul li a {
			color: #000;
			display: block;
			margin: 0 10px 10px;
			text-decoration: none;
			width: 135px;
		} 
		
			#product-list ul li a:hover {
				text-decoration: underline;
			}
	
		#product-list ul li a span {
			display: block;
			text-align: center;
		} 
	
	#product-list img {
		border: 1px #000 solid;
	}

	#product-list p {
		margin: 10px;
	}
*/	
/* Product Section */

#product table {
	margin: 10px;
}

	#product table th, #product table td {
		padding: 2px 0;
	}
	
	#product table td img {
		border: 1px #000 solid;
	}
	
	#rrp {
		float: left;
		margin: 10px 0 0 25px;
	}
	
		#rrp span {
			color: #CC0066;
			text-decoration: line-through;
		}	
	
	#you-save {
		float: right;
		margin: 10px 25px 0;
	}
	
		#you-save span {
			color: #ff8800;
		}
	
	#price {
		color: #f00;
		font-size: 18px;
		font-weight: bold;
		padding: 10px;
	}
	
	#price img {
		border: none !important;
		cursor: pointer;
		padding-right: 10px;
		vertical-align: middle;
	}

	#product ul {
		list-style: disc inside;
		margin-left: 10px;
	}
	
		#product ul li {
			padding: 0;
		}
		
	#added {
		color: #ff8800;
		font-size: 14px;
		font-weight: bold;
		padding: 5px 0;
	}
	
/* */

.product-box {
	border: 1px #666 solid;
	display: block;
	margin: 0 10px 20px;
	padding: 0;
	text-align: center;
	width: 180px
}

	.product-box img {
		border: none !important;
		padding: 18px;
	}
	
	.product-box strong {
		border-top: 1px #666 solid;
		display: block;
		height: 50px;
		font-weight: normal;
		padding: 2px 5px 0;
	}
	
	.product-box em {
		border-bottom: 1px #666 solid;
		color: #ff8800;
		display: block;
		height: 20px;
		font-style: normal;
	}
	
	.product-box a {
		background: #f0f0f0;
		display: block;
		margin: 0 !important;
		padding: 4px 0;
		text-decoration: none;
		width: auto !important;
	}
	
		.product-box a:hover {
			background: #ff8800;
			color: #fff;
		}

.gallery-box {
	border: 1px #666 solid;
	display: block;
	margin: 0 10px 20px;
	padding: 0;
	text-align: center;
	width: 200px
}

	.gallery-box img {
		border: none !important;
		padding: 18px;
	}
	
	.gallery-box strong {
		border-bottom: 1px #666 solid;
		border-top: 1px #666 solid;
		display: block;
		height: 30px;
		font-weight: normal;
		padding: 2px 5px 0;
	}
	
	.gallery-box a {
		background: #f0f0f0;
		display: block;
		margin: 0 !important;
		padding: 4px 0;
		text-decoration: none;
		width: auto !important;
	}
	
		.gallery-box a:hover {
			background: #ff8800;
			color: #fff;
		}

	
/* Payment */	

table#payment {
}

	table#payment th {
		text-decoration: none;
	}
	
	table#payment td {
		padding: 2px 0;
	}
	
/* Lightbox */

.black_overlay {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index: 1001;
	background: url(/images/casa_home_repeat_copyright.jpg);
}

.white_content {
	display: none;
	position: absolute;
	padding: 2px;
	border: 1px solid #f00;
	background-color: white;
	z-index: 1002;
	overflow: auto;
}

.medium {
	width: 420px;
	top: 25%;
	left: 30%;
}

.enlarge {
	width: 900px;
	top: 0;
	left: 10%;
}

/* HSBC */	

#hsbc {
	margin: 10px auto;
	text-align: center;
	width: 165px;
}

	#hsbc span {
		display: block;
	}	

/* Sitemap */	

#sitemap {
	list-style: outside disc;
	margin-left: 20px;
}
	#sitemap li strong {
		color: #000;
		display: block;
		padding: 5px 0;
	}

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

	#sitemap li {
		padding: 2px 0;
	}

	#sitemap li a {
		color: #000;
	}
	
		#sitemap li a:hover {
			color: #ff8800;
		}

/* Feedback Section */

#feedback-list {
	padding: 10px;
}

	#feedback {		
		margin-top: 10px;
	}
	
		#feedback dt {
			font-weight: bold;
			padding-bottom: 5px;
		}
		
		#feedback dd {
			border-bottom: 1px #ccc solid;
			margin-bottom: 1em;			
			padding-bottom: 10px;
		}
	
#feedback-form {
	float: right;
	margin: 10px 0 10px 10px;
	width: 450px;
}	
	
/* Misc Section */	

.clear-block {
	clear: both;
	font-size: 1px;
	line-height: 1px;
}

#thank-you {
	margin: 10px;
}

#delivery-price {
	color: #f00;
	font-weight: bold;
}


a.feedback {
	color: #FF6600;
	text-decoration: underline;
}

	a.feedback:hover {
		text-decoration: none;
	}

.features {
	list-style: inside !important;
}

#home-info {
	float: left;
	width: 620px;	
}

a#offer-of-the-month {
	border: 1px #fd8a06 solid;
	float: left;
	height: 320px;
	position: relative;
	text-decoration: none;
	width: 300px;	
}

a#offer-of-the-month img {
	/*border: 1px #000 solid;*/
	left: 31px;
	position: absolute;
	top: 36px;
}

	a#offer-of-the-month h4 {
		background: #fd8a06;
		font-size: 24px;
		line-height: 36px;
		left: 0;
		position: absolute;
		text-align: center;
		top: 0;
		width: 300px		
	}

	a#offer-of-the-month h5 {
		background: #fd8a06;
		bottom: 0;
		font-size: 18px;
		line-height: 24px;
		left: 0;
		position: absolute;
		text-align: center;
		width: 300px		
	}
	
		a#offer-of-the-month:hover {
			border: 1px #000 solid;
		}

			a#offer-of-the-month:hover h4,
			a#offer-of-the-month:hover h5 {
				background: #000;
				color: #fff
			}

	#home-info div ul {
		float: right;
		list-style: none;
	}
	
		#home-info div ul li {
			float: left;
			/*margin: 0 0 39px 12px;*/
		}
		
			#home-info div ul li a {
				border: 1px #000 solid;
				display: block;
				position: relative;
				text-decoration: none;
				text-align: center;
				width: 140px;
			}
	
				#home-info div ul li a h5 {
					background: #000;
					color: #fff;
					font-size: 16px;
					height: 40px;
					text-align: center;				
				}
	
				#home-info div ul li a img {
					border: none;
				/*	width: 140px*/
				}

				#home-info div ul li a:hover {
					border: 1px #fd8a06 solid;
					display: block;
					text-decoration: none;
				}
	
	#home-text {
		border: 1px #000 solid;
		float: left;
		line-height: 20px;
		margin: 10px 0 0;
		padding: 10px;
		text-align: justify;
		width: 380px;		
	}
	
	#free-delivery {
		float: right;
		margin: 10px 0 0;
	} 
	
		#free-delivery a {
			border: 1px #000 solid;
			display: block;
			height: 140px;			
			width: 204px
		}
			
			#free-delivery a img {
				border: none;
			}
	
			#free-delivery a:hover {
				border: 1px #fd8a06 solid;
				display: block;
			}
	
#best-sellers {
	background: #fd8a06;
	border: 1px #fd8a06 solid;
	float: right;
	width: 150px;		
}

	#best-sellers h4 {
		color: #000;
		line-height: 30px;
		text-align: center;
	}

		#best-sellers ul {
			list-style: none;
		}
		
			#best-sellers ul li {
			}
			
				#best-sellers ul li a {
					cursor: pointer;
					background: #fd8a06;
					border: 1px #000 solid;
					display: block;
					height: 210px;
					margin: 0 auto 5px;
					text-decoration: none;			
					width: 138px
				}
				
					#best-sellers ul li strong {
						display:  block;
						height: 40px;
						overflow: hidden;
						padding: 5px 0;
						text-align: center;
						font-weight: normal;
					}
					
					#best-sellers ul li em {
						display:  block;
						height: 20px;
						overflow: hidden;
						padding: 5px 0;
						text-align: center;
						font-style: normal;
					}
								
					#best-sellers ul li a:hover {
						border: 1px #000 solid;
						background: #fff !important;
						display: block;						
					}
			
#pageLinks {
	margin-top: 10px;
	text-align: left;
}

.page { 
	border: solid 1px #000000; 	
	color: #000;
	font-size: 12px;
	margin:  0 2px;
}	

/* Featured */

#featured {
	border: 1px #000 solid;
	margin: 20px auto;
	text-align: center;
 	width: 180px;
}

	#featured strong {
		background-color: #000;
		color: #ffffff;
		display: block;
		margin-bottom: 5px;
		padding: 3px 0;
		text-align: center;		
	}
	
		#featured a {
			border: 1px #000 solid;
			display: block;
			margin: 5px auto;
			text-align: center;	
			width: 162px;
		}

			#featured a img {
				border: none;
			}

			#featured a:hover {
				border: 1px #fd8a06 solid;
			}
		
/* Viewed Items */

#viewed-items {
	border: 1px #000 solid;
	background: #fff;
	margin: 20px auto;
	text-align: center;
 	width: 180px;
}

	#viewed-items strong {
		background-color: #000;
		color: #ffffff;
		display: block;
		margin-bottom: 5px;
		padding: 3px 0;
		text-align: center;		
	}

	#viewed-items ul {
		float: none;
	}

		#viewed-items ul li {
			border: 1px #666 solid;
			display: block;
			margin: 0 10px 20px;
			padding: 0;
			text-align: center;
			width: 160px
		}
		
			#viewed-items ul li img {
				border: none !important;
				padding: 18px;
			}
			
			#viewed-items ul li strong {
				border-top: 1px #666 solid;
				background: #fff;
				color: #000 !important;
				display: block;
				height: 50px;
				font-weight: normal;
				padding: 2px 5px 0;
			}
			
			#viewed-items ul li em {
				border-bottom: 1px #666 solid;
				color: #ff8800;
				display: block;
				height: 20px;
				font-style: normal;
			}
			
			#viewed-items ul li a {
				background: #f0f0f0;
				color: #000 !important;
				display: block;
				margin: 0 !important;
				padding: 4px 0;
				text-decoration: none;
				width: auto !important;
			}
			
				#viewed-items ul li a:hover {
					background: #ff8800;
					color: #fff;
				}
		
		
/* Print Voucher */
#voucher  {
	height: 378px;
	position: relative;
	width: 800px;
}

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

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

	#voucher span#code {
		display: block;
		font-size: 20px;
		position: absolute;
		left: 505px;
		top: 186px;
		z-index: 50;
	}