/* CSS Document */

* {
text-decoration : none;
}




/* page body */

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

	img {
	border : none;
	}
	
	.float_left {
	float : left;
	}

	.bold {
	font-weight : bold;
	}



/* wrapper */

#wrapper {
margin : auto;
position: relative;
width : 864px;
}



/* Top banner. */

#topbanner {
color: #4B63AE;
font-size: 12px;
height: 51px;
left: 236px;
line-height: 18px;
padding: 12px 15px;
position: absolute;
text-align: center;
top: 12px;
width: 270px;
}

	#topbanner strong {
	font-size: 14px;
	}

	#topbanner a {
	color: #4B63AE;
	}

	#topbanner p {
	padding: 0;
	margin: 0;
	}



/* navigation */

#nav {
background : #7DA6A8 url('../graphics/layout/header.jpg') no-repeat;
border-bottom : 1px solid #fff;
color : #7DA6A8;
font-size : 1.1em;
font-weight : bold;
padding : 100px 0 0;
}

	#nav p {
	float : left;
	margin : 0;
	padding : 7px 10px;
	text-transform : uppercase;
	}
	
		#nav p a {
		color : #fff;
		padding : 7px 10px;
		}
		
			#nav p a.fontsize {
			border : 1px solid #fff;
			margin : 0 1px;
			padding : 2px 4px;
			}
			
				#nav p a.plus {
				margin : 0 0 0 10px;
				}
		
			#nav p a:hover {
			background : #fff;
			color : #7DA6A8;
			}

	#nav form {
	float : right;
	color : #fff;
	margin : 0;
	padding : 4px 10px 0;
	}
	
		#nav form input {
		font-family : Arial;
		font-size : 1em;
		font-weight : normal;
		}
	
			#nav form input#qs {
			border-bottom : 1px solid #A3C0C1;
			border-left : 1px solid #C8D9DA;
			border-right : 1px solid #A3C0C1;
			border-top : 1px solid #C8D9DA;
			padding : 2px 3px;
			margin : 0 0 0 2px;
			}
			
			#nav form input#submit {
			background : #4B63AE;
			border : 1px solid #fff;
			color : #fff;
			padding : 1px 3px;
			}



/* content */

#content {
float : right;
font-size : 1.2em;
line-height : 1.6em;
text-align : justify;
width : 718px;
}

	#content p {
	padding : 10px 20px 5px;
	margin : 0;
	}
	
	#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
	font-size : 1.4em;
	padding : 10px 20px 5px;
	margin : 0;
	text-align : left;
	}
	
	#content a {
	color : #4B63AE;
	}
	
		#content a:hover {
		background : #4B63AE;
		color : #fff;
		}
	
		#content p#info_message {
		background : #7DA6A8;
		border : 2px solid #4B63AE;
		font-weight : bold;
		color : #fff;
		margin : 10px 20px 5px;
		padding : 10px;
		text-align : center;
		}
		
		/* product paging */

		#content p.paging {
		padding : 14px;
		color : #7DA6A8;
		text-align : right;
		}
		
			#content p.paging a, #content p.paging span {
			border : 1px solid #A7ABAD;
			padding : 1px 4px;
			}
			
				#content p.paging span {
				border : 1px solid #000;
				color : #000;
				}




/* left navigation */

ul#left {
background : #EEF4FB url('../graphics/layout/nav.jpg') 0 100% no-repeat;
float : left;
font-size : 1.1em;
font-weight : bold;
list-style : none;
margin : 0;
padding : 0 0 130px 0;
text-align : left;
text-transform : uppercase;
width : 145px;
}

	ul#left li {
	background : #EEF4FB url('../graphics/layout/bullet.jpg') 10px 50% no-repeat;
	border-bottom : 1px solid #ABB1DA;
	color : #fff;
	padding : 5px 5px 5px 29px;
	}
	
		ul#left li.heading {
		background : #F26568;
		border-bottom : 1px solid #fff;
		padding : 5px 5px 5px 10px;
		}
		
			ul#left li.heading a {
			color : #fff;
			}
		
			ul#left li.heading a:hover {
			color : #000;
			}
		
		ul#left li.best {
		background : #EEF4FB;
		padding : 5px 5px 5px 10px;
		}
		
		ul#left a {
		color : #F26568;
		}
		
			ul#left a:hover {
			color : #000;
			}




/* footer */

p#footer {
background : #7DA6A8;
color : #fff;
font-size : 1.1em;
margin : 10px 0 0;
padding : 5px;
text-align : right;
}

	p#footer span {
	margin : 0 0 0 20px;
	}

	p#footer a {
	color : #fff;
	padding : 5px 0;
	}
	
		p#footer a:hover {
		background : #fff;
		color : #7DA6A8;
		}




/* footer */

p#spiders {
color : #7DA6A8;
font-size : 1.1em;
margin : 0;
padding : 5px;
text-align : right;
}

	p#spiders a {
	color : #7DA6A8;
	}
	
		p#spiders a:hover {
		background : #7DA6A8;
		color : #fff;
		}



/* stock tables */

table#stock_tables {
border : none;
border-collapse : collapse;
font-weight : bold;
margin : 20px;
padding : 0;
width : 678px;
}

	table#stock_tables th, table#stock_tables td {
	border : 1px solid #7DA6A8;
	margin : 0;
	padding : 2px;
	vertical-align : top;
	}
	
		table#stock_tables th, table#stock_tables tr.twenty td {
		height : 20px;
		}
	
		table#stock_tables th, th, tr.subtotal td {
		background : #7DA6A8;
		color : #fff;
		font-weight : bold;
		}
	
			table#stock_tables tr.borderless td {
			border : 1px solid #fff;
			border-bottom : 1px solid #7DA6A8;
			height : 10px;
			}
		
		table#stock_tables input {
		border : 1px solid #909090;
		background : #fff;
		font-family : Arial;
		font-size : 1em;
		padding : 2px;
		margin : 0;
		width : 69px;
		}
		
			table#stock_tables input.add-to-cart {
			background : #7DA6A8;
			border : none;
			color : #fff;
			font-weight : bold;
			font-size : 1.2em;
			width : 60px;
			padding : 1px 0 2px;
			}
		
		table#stock_tables p {
		margin : 0;
		padding : 1px 4px 0;
		}
		
		table#stock_tables p.product_title {
		font-size : 1.6em;
		font-weight : bold;
		letter-spacing : -1px;
		margin : 0;
		padding : 2px 4px;
		}
		
			table#stock_tables p.product_title span {
			font-size : .55em;
			color : #a4a4a4;
			letter-spacing : normal;
			margin : 0 10px;
			text-transform : uppercase;
			}



/* misc settings */

#nav, #main {
height : 1%;
}

	html>body #nav, html>body #main {
	overflow : auto;
	}
	
/* inner-nav settings */

ul#inner-nav {
list-style : none;
padding : 0;
margin : 0 20px;
}

	ul#inner-nav li {
	background : #7DA6A8;
	height : 1%;
	font-size : 1.2em;
	font-weight : bold;
	margin : 0 0 5px;
	padding : 5px;
	text-transform : uppercase;
	letter-spacing : -1px;
	vertical-align : middle;
	}
	
		html>body ul#inner-nav li {
		height : auto;
		overflow : auto;
		}
		
	ul#inner-nav img {
	float : left;
	margin : 0 10px 0 0;
	}
	
	ul#inner-nav p {
	padding : 10px 0;
	}
	
	ul#inner-nav a {
	color : #fff;
	}

		
/* home section graphics settings */

ul#home  {
list-style:none;
margin: 15px 20px;
padding: 0px;
}	

	#home li {
	float: left;
	margin: 0px 5px 0px 0px;
	}	
	
		#home li a {
		display:block;
		}	
				
	/* lightbox */

#lightbox {
background-color : #eee;
padding : 10px;
border-bottom : 2px solid #666;
border-right : 2px solid #666;
}

	#lightbox a {
	color : #000;
	}

	#lightboxDetails {
	padding-top : 0.4em;
	font-size : 1.2em;
	}
		
	#lightboxCaption {
	float : left;
	}

	#keyboardMsg {
	float : right;
	}

	#closeButton {
	top : 5px;
	right : 5px;
	}

	#lightbox img {
	clear : both;
	} 

	#overlay {
	background-image : url('/graphics/common/overlay.png');
	}

		* html #overlay {
		filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/graphics/common/overlay.png", sizingMethod="scale");
		}




/* bestsellers */

table#bestsellers {
border : none;
margin : 20px 0;
width : 625px;
}

	table#bestsellers img {
	border : 1px solid #000;
	}

	table#bestsellers td {
	border : none;
	border-bottom : 1px solid #ccc;
	padding : 10px;
	text-align : center;
	}
	
	
	
	#vcode { 
	background: url(../graphics/layout/code.gif) no-repeat;
	float: left;
	height: 23px;
	margin: 2px 0 0 3px;
	width: 100px;
	}
	
#slides {
width: 718px;
height: 176px;
overflow: hidden;
}
