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

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

html, body {
    height: 100%;
}

h2 {
	font-size: 20px;
	font-weight: bold;
	padding: 2px 2px;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
	font-weight: inherit;	
}

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;
}

/* Container Section */

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

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

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

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

#menu {
	background: #ffffcc;
	clear: both;
	overflow: hidden;
	width: 100%;
}

	#menu strong {
		background-color: #333;
		display: block;
		color: #fff;
		float: left;
		font-size: 1.2em;
		text-align: center;
		line-height: 1.8em;
		width: 200px;
	}

	#menu h1 {
		background: #ffffcc;
		float: right;
		font-size: 1.6em;
		font-weight: bold;
		font-style: italic;
		margin-right: 20px;
	}
	
		#menu h1 span {
			color: #f00;
			font-size: 100%;			
		}
		
/* Inner Container Section */

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

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

#navigation {
	background: #ffffcc;
	float: left;
	width: 200px;
}

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

		#navigation ul#product {
			background: #ccc;
		}
	
		#navigation ul li a {
			display: block;
			color: #000000;
			font-weight: bold;
			padding: 5px 10px;
			text-decoration: none;
		}

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

/* Main Section */

#main {
	margin-left: 200px;
}

/* Content Section */

#content {	
	padding: 10px;
	text-align: left;
}
	
/* Footer Section */

#footer {
	background: #333; 
    bottom: 0;
	font-size: 1em;
	height: 30px;
	line-height: 2.1em;
    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 */


/* 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 */	

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

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

	#site-map li {
		padding: 5px 0 0 !important;
	}

	#site-map li a {
		color: #000;
	}
	
		#site-map 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 {
		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;
		}

/* Category Listing Section */

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

	ul.category-list li {
		display: inline;
		float: left;
		width: 200px;
		margin: 0 20px 20px 0;
		text-align: center;		
	}
	
	ul.category-list li.category {
		border: 1px #bdbec2 solid;
	}
	
	
	ul.category-list li h4 {
		padding: 0 0 5px 0;
		color: #000;
		overflow: hidden;
		font-weight: bold;
		height: 2.4em
	}
	
	
		ul.category-list li a.more-info {
			border-top: 1px #bdbec2 solid;
			background: #ccc;
			color: #fff;
			text-decoration: none;
			text-align: center;
			padding: 3px 0;
			font-size: 11px;
			font-weight: bold;
			display: block;
			
		}
	
			ul.category-list li a.more-info:hover {
				color: #000;
				background: #ffffcc;
			}

	ul.category-list a.main-image {
		border-bottom: 1px #bdbec2 solid;
		display: block;		
		padding: 3px 0;
		text-align: center;
		overflow: hidden;
	}
	
		

/* Product Listing Section */

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

	ul.product-list li {
		float: left;
		width: 200px;
		margin: 0 20px 20px 0;
		display: inline;
	}
	
	ul.product-list li.product {
		border: 1px #bdbec2 solid;
		position: relative;
		text-align: center;
	}
	
		ul.product-list li.product img.options {
			position: absolute;
			width: 32px;
			height: 32px;
			top: -10px;
			right: -10px;
		}

	ul.product-list ul {
		border-top: 1px #bdbec2 solid;
		overflow: hidden;
	}
	
		ul.product-list ul a, ul.product-list ul button {
			text-decoration: none;
			text-align: center;
			padding: 3px 0;
			font-weight: bold;
			display: block;
			border: none;
			width: 100px;
		}
		
			ul.product-list ul a:hover {
				text-decoration: underline;
			}
	

		ul.product-list ul li {
			float: left;
			width: 100px;
			margin: 0;
		}
		
			ul.product-list ul li.more-info a {
				color: #ffffff;
				background: #ccc;
				height: 15px;
				font-size: 11px;
			}
			
			ul.product-list ul li.buy-now button {
				color: #000;
				background: #ffffcc;
				height: 21px;
				font-size: 10px;
				cursor: pointer;
				text-transform: uppercase;
			}

	ul.product-list a.main-image {
		border-bottom: 1px #bdbec2 solid;
		display: block;		
		padding: 3px 0;
		text-align: center;
		overflow: hidden;
	}
	
	ul.product-list li h4 {
		padding: 0 1px 5px;
		color: #000;
		overflow: hidden;
		font-weight: bold;
		height: 2.4em
	}
	
	ul.product-list li em {
		display: block;
		color: #333;
		font-style: normal;
		font-weight: bold;
		padding-bottom: 5px;		
	}
			
/* 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-image {
	float: left; 
	overflow: hidden;		
	/*width: 375px;* /
	width: 36% 
}

	#product-image div.main-image {
		position: relative;	
	}

		#product-image div.main-image img#supplier {
			right: 15px;
			bottom: 5px;
			position: absolute;	
		}		

	#product-image ul {
		list-style: none !important;
		padding: 0 !important;
	}
	
		#product-image ul li {
			clear: none;
			float: left !important;
			margin-left: -4px;
			width: 147px;
		}
*/		
#product-info {	
}

	ul.features {
		list-style: disc outside !important;
		padding: 0 !important;		
	}
		
		ul.features li {
			float: none;
			line-height: 1.5em;
			margin: 0 0 0 20px !important;
			padding: 0;
		}
		
	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;
		}
/* Link Section */

dl.links {
	margin: 10px 0;
}
	
	dl.links dt {
	
	}
	
	dl.links dt a {
		color: #000;
		text-decoration: underline;
	}	

		dl.links dt a:hover {
			text-decoration: none;
		}	
	
	dl.links dd {
		margin-bottom: 10px;
		padding: 10px 0;
	}

/* Suppliers Big */	

#suppliers-big {
	margin: 10px 0;
	overflow: hidden;
}

	#suppliers-big li {
		display: inline-block;
		float: left;
	}
	
		#suppliers-big li a {
			color: #808080;
			display: block;
			margin: 5px 9px;
			width: 200px;
		}

			#suppliers-big li a:hover {
				text-decoration: underline;
			}

		#suppliers-big li strong {
			display: block;
			height: 40px;
			text-align: center;
			width: 200px;
		}

/* Suppliers Small */	

#suppliers-small {
	bottom: 20px;
	height: 100px;
	overflow: hidden;
	position: absolute;
}

	#suppliers-small  li {
		display: inline-block;
		float: left;
	}
	
		#suppliers-small  li a {
			color: #808080;
			display: block;
			margin: 5px 9px;
			width: 100px;
		}

			#suppliers-small  li a:hover {
				text-decoration: none;
			}

/* 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;
}

#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: #ccc;
	border: 1px #bdbec2 solid;
	color: #fff;
	padding: 2px 5px 2px 2px;	
}


	a#back:hover {
		color: #000;
		background: #ffffcc;
	}