/* CSS Document */

* {
text-decoration : none;
}

	img {
	border : none;
	}
	
	hr {
	color : #ccc;
	padding : 0;
	height : 1px;
	}



/* page body */

body {
background : url(../graphics/layout/back.gif) 50% 0 repeat-y;
font-family : Arial, Helvetica, sans-serif;
font-size : 62.5%;
margin : 0;
text-align : center;
}

	input, select, textarea {
	font-size : 1em;
	}



/* wrapper */

#wrapper {
background : #8E8E8E url(../graphics/layout/wrapper.jpg) no-repeat;
font-size : 1.1em;
height : 1%;
margin : auto;
padding : 94px 0 0;
position : relative;
text-align : left;
width : 740px;
}

	html>body #wrapper {
	height : auto;
	overflow : auto;
	}

	#wrapper.single {
	background : transparent url(../graphics/layout/wrapper.jpg) no-repeat;
	}



/* navigation */

ul#topnav {
background : url(../graphics/layout/nav.png);
border-bottom : 1px solid #000;
border-top : 1px solid #000;
font-weight : bold;
height : 1%;
list-style : none;
margin : 0;
padding : 0;
text-transform : uppercase;
}

	html>body ul#topnav {
	height : auto;
	overflow : auto;
	}
	
	ul#topnav li#search {
	float : right;
	padding : 2px 5px;
	}
	
		ul#topnav form {
		display : inline;
		}
	
			ul#topnav form input {
			border : 1px solid #000;
			}

	ul#topnav li {
	display : inline;
	margin : 0;
	padding : 0;
	}
	
	ul#topnav a {
	color : #fff;
	display : block;
	float : left;
	padding : 6px 10px;
	}
	
		ul#topnav a:hover {
		color : #000;
		}



/* left navigation */

ul#leftnav {
color : #fff;
float : left;
font-weight : bold;
list-style : none;
margin : 0;
padding : 0 0 7px;
text-transform : uppercase;
width : 145px;
}

	ul#leftnav li {
	border-bottom : 1px solid #000;
	padding : 1px 0;
	}

	ul#leftnav li.header span {
	background : url(../graphics/layout/nav-header.png);
	color : #D20707;
	display : block;
	padding : 2px 3px 2px 10px;
	}

	ul#leftnav a {
	background : url(../graphics/layout/nav-link.png);
	color : #fff;
	display : block;
	padding : 2px 3px 2px 10px;
	}

	ul#leftnav li.yellow span {
	background : url(../graphics/layout/nav-link.png);
	color : #FAEE0B;
	display : block;
	padding : 2px 3px 2px 10px;
	}
		ul#leftnav a:hover {
		color : #D20707;
		}

	ul#leftnav li#cards {
	border-bottom : none;
	}

		ul#leftnav li#cards span {
		background : url(../graphics/layout/nav-link.png);
		display : block;
		padding : 4px 3px 4px 10px;
		text-transform : none;
		}
		
			ul#leftnav li#cards img {
			margin : 5px 0 0;
			}
		
			html>body ul#leftnav li#cards img {
			margin : 5px 0 3px;
			}



/* single product content */

#content-single {
background : #fff;
float : left;
height : 1%;
padding : 6px 0 0;
width : 595px;
}

	#content-single #bestsellers {
	display : none;
	}



/* main content */

#content {
background : #fff;
clear : both;
height : 1%;
padding : 6px 0 0;
width : 100%;
}

	html>body #content {
	height : auto;
	overflow : auto;
	}

	#content a, #content-single a {
	color : #303066;
	}

	p#trail {
	color : #5A534A;
	font-weight : bold;
	letter-spacing : .1em;
	margin : 0;
	padding : 0 15px 10px;
	text-transform : uppercase;
	}
		
	#content h1 {
	color : #303066;
	font-size : 1.6em;
	margin : 0;
	padding : 0 15px 12px;
	}
	
	#content h2 {
	color : #5A534A;
	font-size : 1.4em;
	margin : 0;
	padding : 0 15px 12px;
	}
	
	#content p, #content-single p {
	margin : 0;
	padding : 0 15px 12px;
	}
	
	#bestsellers {
	float : left;
	width : 210px;
	}
	
		#bestsellers p.header {
		background : #D20707;
		border-bottom : 1px solid #fff;
		border-top : 1px solid #fff;
		color : #fff;
		font-weight : bold;
		font-size : 1.3em;
		padding : 5px;
		margin : 0;
		text-transform : uppercase;
		}
		
		#bestsellers ul {
		color : #fff;
		margin : 0;
		padding : 0;
		list-style : none;
		}

			#bestsellers li {
			background : #5A534A;
			border-bottom : 3px solid #fff;
			height : 1%;
			padding : 3px 3px 0;
			}

				html>body #bestsellers li {
				height : auto;
				overflow : auto;
				}

			#bestsellers a {
			color : #FFF700;
			font-size : 1.3em;
			font-weight : bold;
			}

			#bestsellers img#prodimg {
			border : 1px solid #FFF700;
			float : left;
			margin : 0 3px 3px 0;
			}
	
	#main {
	height : 1%;
	float : left;
	width : 530px;
	}
	
		html>body #main {
		height : auto;
		overflow : auto;
		}
	
		#main .product {
		float : left;
		margin : 0px 10px 10px 0px;
		width : 250px;
		height: 200px;
		}
		
			#main .product-img {
			float : right;
			width : 100px;
			}
		
				#main .product-img img {
				margin : 0;
				padding : 0;
				}
		
			#main .product-main {
			float : left;
			width : 150px;
			}
		
				#main .product-main a {
				font-size : 1.3em;
				font-weight : bold;
				}



/* footer */

#footer {
border-top : 6px solid #8e8e8e;
color : #fff;
clear : both;
background : #D20707;
padding : 7px 10px;
}

	#footer a {
	color : #fff;
	}

		#footer a.yellow {
		color : #FAEE0B;
		}
		
		#footer a:hover {
		color : #000;
		}

p#cart_details {
color : #fff;
font-size : 1.1em;
font-weight : bold;
line-height : 1.5em;
position : absolute;
right : 10px;
text-align : right;
text-transform : uppercase;
top : 5px;
}

	html>body p#cart_details {
	top : -7px;
	* top : 3px;
	}

	p#cart_details span {
	font-size : 0.95em;
	text-transform : none
	}

	p#cart_details a {
	color : #fff;
	}

		p#cart_details a:hover {
		color : #000;
		}


/* products */

#products-details {
height : 1%;
margin : 0 15px;
}

	html>body #products-details {
	height : auto;
	overflow : auto;
	}

	#pd-img {
	float : left;
	width : 215px;
	}

		#pd-img a {
		background : #8e8e8e;
		color : #fff;
		display : block;
		margin : 2px 15px 0 0;
		padding : 2px 0;
		text-align : center;
		text-transform : uppercase;
		}

	#pd-details {
	border : 1px solid #8e8e8e;
	float : left;
	margin : 0 0 15px;
	width : 348px;
	}

		#pd-details h1 {
		color : #303066;
		font-size : 1.5em;
		margin : 0;
		padding : 10px 15px;
		}

		#pd-details p#price {
		font-size : 1.1em;
		}

			#pd-details p#price span {
			color : #D20707;
			font-size : 1.7em;
			}

		form#add-to-cart select {
		border : 1px solid #8e8e8e;
		font-family : Arial;
		font-size : 1.1em;
		margin : 0 15px;
		width : 315px;
		}
		
		#item-added {
		background : #ccc;
		border : 1px solid #8e8e8e;
		color : #D20707;
		font-weight : bold;
		padding : 5px;
		margin : 10px 15px;
		text-align : center;
		}


ul#inner-nav {
margin : 10px 5px 0 5px;
width:470px;
}

	ul#inner-nav li {
	padding : 3px 5px 3px 5px;
	overflow:auto;
	height:1%;
	list-style:none;
	}
	
	ul#inner-nav .slogan {
	font-weight: bold;
	font-style:italic;
	margin-bottom:10px;
	}

#back-button {
text-align : right;
margin : 10px 5px 20px 5px;
width:452px;
}

p#breadcrumbs a:hover {
color : #0E8ECD;
}



/* Enquiry Form */

#enquiries_form {
background : #5A534A;
border : 2px solid #fff;
margin : 10px;
padding : 10px;
color:#FFFFFF;
}

	table#enquiries_table {
	border : none;
	margin : 0;
	padding : 0;
	}

	table#enquiries_table td {
	padding : 2px 0;
	}
	
	#enquiries_form input, #enquiries_form textarea {
	background : #FFFFFF;
	border : 1px solid #1C92CC;
	color : #000000;
	font-family : Arial;
	font-size : 1em;
	padding : 1px 2px;
	width : 294px;
	}
	
		#enquiries_form textarea {
		height : 75px;
		}
	
	#enquiries_form input#submit_enquiry {
	background : #1C92CC;
	width : 300px;
	}
	
	#enquiries_form input#code {
	background : #FFFFFF url(../graphics/code.jpg) no-repeat;
	}
	
	#enquiries_form input#input-next {
	width : 71px;
	}
	
	input.200, select.200, textarea.200 {
	width : 200px;
	}
	
	
/* Checkout Instructions */

p#checkout-instructions {
color : #000000;
font-size : 0.9em;
padding : 3px 10px 3px 30px;
margin : 0;
}
	
/* checkout tables */

#checkout-graphic img {
*float: left;
}

td {
*font-size : 0.9em;
}

	table#contact td {
	* font-size : 1em;
	}

html>body td {font-size : 1.0em;}

table {
padding : 20px 10px 3px 30px;
}

#table-titles-rows {
background-color: #5A534A;
color: #fff;
border: 1px solid #fff;
font-weight: bold;
font-size : 0.9em;
}

#table-rows {
color: #FFFFFF;
border: 1px solid #fff;
font-size : 0.9em;
}

#table-rows-shipping {
color: #5A534A;
border: 1px solid #fff;
text-align: right;
padding: 10px 8px 10px 8px;
}

#table-titles-col1 {
width: 300px;
padding: 4px 8px 4px 8px;
}
#table-titles-col2 {
width: 70px;
padding: 4px 8px 4px 8px;
}
#table-titles-col3 {
width: 50px;
padding: 4px 8px 4px 8px;
}
#table-titles-col4 {
width: 50px;
padding: 4px 8px 4px 8px;
}

#table-col1 {
width: 300px;
padding: 4px 8px 4px 8px;
text-align: left;
line-height: 1.6em;
color: #5A534A;
}
#table-col2 {
width: 70px;
padding: 4px 8px 4px 8px;
text-align: center;
}
#table-col3 {
width: 50px;
padding: 4px 8px 4px 8px;
text-align: center;
font-weight: bold;
color: #5A534A;
font-size : 0.9em;
}
#table-col4 {
width: 50px;
padding: 4px 8px 4px 8px;
text-align: right;
font-weight: bold;
color: #5A534A;
font-size : 0.9em;
}
#table-col5 {
width: 150px;
padding: 4px 8px 4px 8px;
text-align: left;
color: #5A534A;
line-height: 1.6em;
}
#table-shipping-col1 {
padding: 4px 8px 4px 8px;
text-align: right;
color: #5A534A;
font-size : 0.9em;
}
#table-shipping-col2 {
padding: 4px 8px 4px 8px;
text-align: right;
font-size : 0.9em;
}

#table-rows hr {
border-bottom: 1px dashed #5A534A;
border-left: none;
border-right: none;
border-top: none;
height: 1px;
}

#total-rows {
text-align: right;
}

#button-spacer {
border-right: 1px solid #fff;
}

#total-rows hr {
border-bottom: 1px solid #5A534A;
border-left: none;
border-right: none;
border-top: none;
height: 1px;
margin: 0px;
padding: 0px;
}

/* checkout step tables */

#table-ctitles-col {
width: 511px;
padding: 4px 8px 4px 8px;
font-weight: bold;
}

#table-crows-col1 {
width: 200px;
padding: 4px 8px 4px 8px;
color: #5A534A;
}
#table-crows-col2 {
width: 311px;
padding: 4px 8px 4px 8px;
color: #5A534A;
}

#checkoutz {
width:123;
height:28px;
}