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

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

html, body {
    height: 100%;
}

td {
	padding: 2px 0;
}

pre {
	font-family: "Courier New", Courier, monospace;
	word-wrap: break-word;
}

p a {
	text-decoration: underline !important;
}

p a:hover {
	text-decoration: none !important;
}

h4 {
	color: #004697;
	font-weight: bold;
	margin-bottom: 10px;
}

/* Container Section */

#container {
	background: #fff url(../images/bg.jpg) no-repeat 10% 80%;
	min-height: 100%;
	position: relative;	
}

	* html #container { /* ie 6 fix */
		height: 100%;
	}
	
/* Inner Container Section */

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

	#inner-container:after {
		content: " ";
		display: block;
		clear: both;
	}		
	
/* Navigation Section */

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

	#navigation p {
		background: #004697 url(../images/nav-title-bg.gif) no-repeat right;
		color: #fff;
		/*font-size:  12px;*/
		font-weight: bold;
		line-height: 23px;
		/*margin-bottom: 10px;*/
		padding: 0 1em;
	}

	#navigation ul {
		list-style: none;
		width: 100%;
	}

		#navigation ul li a {
			display: block;
			color: #000;
			/*line-height: 19px;*/
			padding: 4px 1em;
			margin: 5px 0;
			text-decoration: none;
			width: 126px;
		}

			#navigation ul li a.basket {
				background: #dcdcdc url(../images/nav-basket-top-bg.gif) no-repeat top right;
			}

				#navigation ul li a.basket span {
					display: block;
					height: 7px;
					margin: -3px -12px -4px 0;
					background: url(../images/nav-basket-bottom-bg.gif) no-repeat bottom right;
				}

	
			#navigation ul li a:hover, #navigation ul li a.selected {
				display: block;
				background: #cddcec url(../images/nav-top-bg.gif) no-repeat top right;
				color: #000;
				/*font-size:  12px;*/
				/*line-height: 19px;*/
				margin: 5px 0;
				padding: 4px 1em;
			}
	
			#navigation ul li a:hover span, #navigation ul li a.selected span {
				display: block;
				height: 7px;
				margin: -3px -12px -4px 0;
				background: url(../images/nav-bottom-bg.gif) no-repeat bottom right;
			}
			
	#basket {
		margin-bottom: 5px;
	}
	
		#basket ul li.empty {			
			color: #f00;
			font-weight: bold;
			line-height: 20px;
			text-align:  center;
		}
	
		#basket ul li {
			margin: 5px 0;
		}
	
		#basket ul li strong {
			display: block;
			float: left;
			margin-left: 10px;
			width: 50px;
		}
	
/* Main Section */

#main {
	margin-left: 150px;
}

/* Header Section */

#header {
	overflow: hidden;
	width: 100%
}

	#header img#logo {
		float: left;		
	}
	
	#header img#call-us {
		float: right;
	}
	
/* Menu Section */

#menu {
	background: #004697 url(../images/menu-bg.gif) no-repeat left;
	overflow: hidden;
	width: 100%;
}

	#menu ul {
	}
		
		#menu ul li {
			float: left;
		}
	
		#menu ul li span {
			color: #ffffff;
			/*font-size: 12px;*/
			line-height: 27px;
		}
		
		#menu ul li a:link, #menu ul li a:visited, #menu ul li a:active {
			display: block;
			color: #ffffff;
			/*font-size: 12px;*/
			line-height: 27px;
			padding: 0 1em;
		}
		
		#menu ul a.selected, #menu ul li a:hover {
			text-decoration: underline;
		}		
		
	#menu strong {
		color: #fff;
		display: block;		
		float: right;
		/*font-size:  12px;*/
		line-height: 27px;
		padding: 0 2em 0 0;		
	}

/* Content Section */

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

	#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: #004697; 
    bottom: 0;
	font-size: 1em;
	height: 30px;
	line-height: 2.5em;
    position: absolute;
    width: 100%;
}

	#footer span {
		color: #ffffff;
		float: left;
		padding: 0 20px;
	}
	
	#footer ul {
		float: right;
		padding: 0 20px;
	}
	
	#footer ul li {
		display: inline;
		padding: 0 0.5em;
	}
	
	#footer a:link, #footer a:visited, #footer a:active {
		color: #ffffff;
		text-decoration: none;
	}
	
	#footer a:hover  {
		text-decoration: underline;
	}

#footer-info {
	background: #333 !important;
}

/* Home Section */

#best-seller {
	float: right;
 	margin: 0 0 0 10px; 
 	text-align: center;
 	/*width: 200px;*/
 	width: 20%;
}

	#best-seller ul li a {
		display: block;
		margin: 5px 0 10px;
	}

		#best-seller ul li a:link, #best-seller ul li a:visited, #best-seller ul li a:active {
			color: #000;
			text-decoration: none;
		}
		
		#best-seller ul li a:hover  {
			text-decoration: underline;
		}
	
/* Testimonials Section */	

ul.testimonials {
	list-style: none !important;
	padding-left: 0 !important;
}
	ul.testimonials li {
		border-bottom: 2px #975100 solid;
		float: left;
		margin: 10px 20px 10px 0;
		padding-bottom: 5px;
		text-align: justify;
		width: 240px;
	}
	
	ul.testimonials li strong {
		display: block;
		padding-top: 3px;
	}

/* News Section */	

ul.news {
	list-style: none !important;
	padding-left: 0 !important;
}

	ul.news li {
		border-bottom: 2px #975100 solid;
		float: left;
		height: 100px;
		margin: 10px 15px 10px 0;
		padding-bottom: 5px;
		position: relative;
		text-align: justify;
		width: 240px;
	}
	
	ul.news li a {
		display: block;
		color: #975100 !important;
		font-weight: bold;
		margin-bottom: 2px;
	}	

		ul.news li a:hover {
			color: #ecddcc !important;
		}	
	
	ul.news li em {
		bottom: 2px;
		display: block;
		font-size: 9px;
		position: absolute;
		right: 0;
		text-align: right;
	}

	img.news {
		float: right;
		padding: 0 0 0 5px;
		width: 302px;
	}

/* Gallery Category */

ul.gallery-category-list {
	clear: both;
	list-style: none !important;
	padding-left: 0 !important;
}

	ul.gallery-category-list li {
		float: left;
	}

	ul.gallery-category-list li a {
		display: block;
		color: #000;
		margin: 0 0 10px 20px;
		font-weight: bold;		
		text-align: center;
		width: 200px;
	}
	
	ul.gallery-category-list li a:hover {
		text-decoration: underline;
	}
	
	ul.gallery-category-list li span {
		display: block;
		height: 30px;
		padding-top: 10px;
		text-align: center;
		width: 200px;
	}

/* Gallery Show Section */		

#gallery-list {
	width: 100%;
	text-align: center;
	margin: 10px auto 20px;
	list-style: none !important;
	list-style-position: outside !important;
	padding-left: 0 !important;
}

	#gallery-list li {
		display: inline;
		float: left;
		margin: 3px;
		padding: 5px;
	}
	
		#gallery-list li img {
			padding: 2px;
			vertical-align: top;
			width: 139px;
			height: 94px;
		}
		
		#gallery-list li span {
			display: block;
			font-size: 9px;
		}

/* Download Section */

#pdfs {
	margin: 0 0 10px;
}

	#pdfs li {
		margin: 5px 0;
	}
		
		#pdfs li img {
			display: inline;
			padding-right: 5px;
			vertical-align: middle;
		}
	
		#pdfs li a:hover {
			text-decoration: underline;
		}
	
		#pdfs li span {
			padding-left: 10px;
		}

/* Paging */

ul.paging {
	clear: both;
}

	ul.paging li {
		clear: none;
		float: left;
		padding-right: 5px;
		width: auto;
	}
	
	ul.paging a:link, ul.paging a:visited, ul.paging a:active {
		color: #000;
		display: block;
		text-decoration: none !important;
	}
	
	ul.paging a:hover {
		text-decoration: underline !important;
	}
	
	ul.paging a.selected:link, ul.paging a.selected:visited, ul.paging a.selected:active, ul.paging a.selected:hover {
		text-decoration: underline;
	}

/* Site Map */	

#sitemap {
	list-style: outside disc;
	margin-left: 20px;	
}
	#sitemap li strong {
		color: #000;
	}

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

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

	#sitemap li a {
		color: #000;
	}
	
		#sitemap li a:hover {
			text-decoration: underline;
		}

/* Breadcrumb Trails */	

p#trails {
}

	p#trails a:link, p#trails a:visited, p#trails a:active {
		color: #000;
		text-decoration: underline;
	}
	
	p#trails a:hover {
		text-decoration: none;
	}

/* Site Content Section */

#site-content {
	float: left;	
}

	#site-content p {
		line-height: 1.5em;
		margin-bottom: 1em;
	}

	#site-content ul {
		list-style: outside disc !important;
	}
	
		#site-content ul li {
			float: none !important;
			padding: 0 !important;
			margin: 0 0 0 20px  !important;
		}

/* Product Listing Section */

ul.product-list {
	clear: both;
	list-style: none;
	margin: 10px 0;
}

	ul.product-list li {
		border: 1px #004697 solid;
		clear: none;
		display: inline;
		float: left;
		width: 200px;
		margin: 0 20px 20px 0;
		overflow: hidden;
		padding: 0;
		text-align: center;		
	}
	
	
	ul.product-list li a.more-info {
		background: #004697 !important;
		border: none;
		border-top:  1px #004697 solid;		
		color: #fff !important;
		display: block;
		font-size: 11px;
		font-weight: bold;
		margin-top: 3px;
		padding: 3px 0;
		text-decoration: none !important;
		text-align: center;
	}
	
		ul.product-list li a.more-info:hover {
			color: #000 !important;
			background: #cddcec !important;
		}
	
	ul.product-list li a.main-image {
		border-bottom: 1px #975100 solid;
		display: block;		
		padding: 3px 0;
		text-align: center;
		overflow: hidden;
	}
	
	ul.product-list li h4 {
		padding: 0 0 5px 0;
		color: #000;
		overflow: hidden;
		font-weight: bold;
		height: 2.4em
	}
	
	ul.product-list li p span {
		height: 1em
	}
		
/* Product Section */
			
#product-image {
	overflow: hidden;		
	width: 100%;
}

	fieldset#main-image {
		float: left;
		margin-right: 10px;	
	}

	fieldset#more-image {
	}

		fieldset#more-image ul {			
			list-style: none !important;
			padding: 0 !important;
		}
		
			fieldset#more-image ul li {
				clear: none;
				float: left !important;
				padding: 0 5px 5px 0 !important;				
				width: 130px;
			}
		
#product-info {
}

	ul.specification {
		list-style: disc outside !important;
		padding: 0 !important;				
	}
		
		ul.specification li {
			float: none;
			line-height: 1.5em;
			margin: 0 -20px 0 20px !important;
			padding: 0;
			vertical-align: middle;
		}
		
	ul#product-options {
	}		
	
		ul#product-options li {
			list-style: none !important;
		}
		
		ul#product-options li label {
			font-weight: bold;
			margin-left: 0;
			width: 80px;
		}
		
		ul#product-options li .horizontal .label {
			font-weight: bold !important;
			margin-left: 0;
			width: 80px;
		}		

		ul#product-options li .horizontal ul li label {
			font-weight: normal !important;
		}		

		#product-options li input.width {
			width: 200px !important;
		}
					
/* Your Details */					

#billing-details {
	float: left;
	width: 46%;
}

#shipping-details { 
	float: right;
	width: 46%;
}

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

#general-details {
	width: 97%;
}
	
	#general-details label {
		width: 220px;
	}
	
	#general-details textarea {
		height: 50px;
		margin-left: 10px;
		width: 98%;
	}
		
#continue {
	clear: both;
	margin-top: 10px;
}
		
/* Address */		

#billing-address {
	float: left;
	height: 165px;
	width: 300px;
}

#shipping-address {
	float: right;
	height: 165px;
	width: 300px;	
}
		
/* Ordered Layout */

#ordered-items	{
	width: 100%;
}	

	#ordered-items th {
		border-bottom: 1px #fff solid;
		font-weight: bold;
		padding: 7px 0;
	}
	
	#ordered-items td {
		vertical-align: top;
	}	
			
#ordered-total {
	width: 200px;
}

	#ordered-total th {
		font-weight: bold;
	}

/* Order Section */		

#order-result {
}

	#order-result table {
		margin-top: 10px;
	}
	
		#order-result th {
			border-bottom: 1px #fff solid;
			font-weight: bold;
			padding: 0 0 7px;
		}
		
		#order-result td {
			padding: 5px 0;
		}
		
		#order-result td a {
			color: #f00 !important;
			font-weight: bold;
		}

		#order-result td a:hover {
			color: #fff !important;
			text-decoration: underline;
		}

#order-info2 {
}
	
	#order-info2 table {
		margin-top: 10px;
	}
	
		#order-info2 table th {
			font-weight: bold;
			padding: 2px 0;
		}
		
#order-search-form {
}		

	#order-search-form table {
		margin-top: 5px;
	}
	
		#order-search-form table td {
			padding: 3px;
		}

/* Newsletter Sign Up */

div#newsletter {
	padding: 2px;
}

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

.no-border {
	border: none !important;
}

.centerise {
	display: block;
	margin: 0 auto;
	text-align: center;
	width: 900px;	
}

#credit-cards {
	bottom: 20px;
	color: #fff;
	height: 40px;
	overflow: hidden;
	position: absolute;
	width: 900px;
}

#credit-card-logos {
	background: #fff;
}

#shop-images {
	float: left;
	padding-right: 10px;
	width: 300px;
}

	#shop-images img {
		display: inline;
	}


#updated {
	margin: 0 auto; 
	text-align: center; 
	width: 260px; 
}

	#updated div {
		color: #00FF66;
		font-size: 1.5em;
		font-weight: bold;
		margin-bottom: 10px;
	}
	
#box-info {
	border: 1px white solid;
	margin: 5px;
	overflow: hidden;
	padding: 5px;
}	
	
a#back {	
	background: #004697;
	border: 1px #865200 solid;
	color: #fff;
	padding: 2px 5px 2px 2px;	
}


	a#back:hover {
		color: #000;
		background: #cddcec;
	}
	
#home-gallery-image {
	position: relative;
	
	
}
	#view-gallery-icon {
		right: 0;
		position: absolute;		
	}
	
table.price th, table.price td {
	text-align: center;
}