@import "reset.css";

body {
	font-family: "Georgia", serif;
	background: #91ade1 url("background.gif") repeat-y 950px;
	margin: 0;
}

#container_ {
	border: 1px solid #000;
	border-width: 0 1px;
	width: 950px;
	background-color: #fff;
}

#head {
	border-bottom: 1px solid #000;
	width: 100%;
	overflow: hidden;
}

#logo {
	width: 720px;
	height: 188px;
	float: left;
}

	#logo img {
		display: block;
	}
	
#search {
	padding: .3em 0 0 0;
	text-align: center;
}

	#search a {
		display: block;
		text-decoration: none;
		color: #555;
	}

	#search #keyword {
		font-size: 1.2em;	
	}
	
	#search input {
		vertical-align: middle;
	}
	
	#purchase {
		padding-top: 55px;
		text-align: center;
		float: right;
		width: 220px;
	}
	
		#purchase #check-order-status {
			width: 150px;
			background-color: #91ade1;
			display: block;
			margin: 0 auto 20px auto;
			color: #fff;
			padding: .5em 0;
			text-decoration: none;
		}
		
		#purchase #view-cart {
			color: #000;
			text-decoration: none;
		}
		
		#purchase #view-cart span {
			display: block;
			font-size: 1.3em;
		}
	
#navigation {
	width: 81%;
	float: right;
	margin: 0;
	list-style: none;
	font-size: 1.1em;
	background: #fff url("navigation-background.gif") repeat-x top;
}

	#navigation li {
		width: 20%;
		float: left;
	}
		
		#navigation li a {
			display: block;
			width: 100%;
			background: transparent url("navigation-seperator.gif") no-repeat top right;
			text-align: center;
			padding: .5em 0;
			color: #000;
			text-decoration: none;
		}
		
			#navigation li.last a {
				background-image: none;
			}
			
			
#body {
	width: 99%;
	overflow: hidden;
	padding: 0 .5%;
}
			
#left-sidebar {
	float: left;
	width: 19%;
}

	div.round {
		border: 1px solid #000;
		-moz-border-radius: 5px;
		margin-bottom: 1em;
	}
		
		div.round h5 {
			background-color: #4578a6;
			color: #fff;
			padding: .5em .4em;
			margin: 0 0 .1em 0;
		}
		
		div.round ul {
			list-style: none;
			margin: 0;
			padding: .5em;
		}


div.section {
	margin-bottom: 1em;
}

#content_ {
	float: right;
	width: 80%;
}

	#content_ #main {
		float: left;
		width: 550px;
	}
	
	#content_ #right-sidebar {
		width: 175px;
		float: right;
		text-align: center;
	}
	
		#content_ #right-sidebar ul {
			list-style: none;
			margin: 0;
		}

#footer {
	width: 100%;
	border-top: 1px solid #000;
	text-align: center;
	padding: 1em 0;
	margin: 1em 0 0 0;
}

a {
	color: #3d89bd;
	text-decoration: none;
}
#categories li.level-1 {
	font-size: 1.2em;
}
#categories li.level-2 {
	margin-left: 1em;
}

div.products div.clear {
	clear: both;
	font-size: 5px;
	margin: 2em 0;
}
div.products, div.categories {
	width: 100%;
	overflow: hidden;
}

div.products .name, div.categories .name {
	font-size: 1.1em;
	margin: 0 0 .2em 0;
	height: 2.5em;
}

div.products div.thumb {
	width: 100px;
	height: 100px;
	overflow: hidden;
	margin: 0 auto .3em auto;
	border: 1px solid #ccc;
}

div.products a {
	color: #3d89bd;
}

div.products p.brief {
	margin: 0 0 .2em 0;
}

div.products .pricing {
	margin: .2em 0;
	list-style: none;
}

	div.products .pricing .our {
		font-size: 1.3em;
		color: #090;
		font-weight: bold;
	}


div.products.grid div.product,
div.categories.grid div.category {
	width: 160px;
	margin-right: 10px;
	float: left;
	text-align: center;
}

div.products.classy div.product {
	width: 47%;
	margin-right: 1%;
	float: left;
}


div.products.classy div.product div.thumb {
	margin-right: .5em;
	float: left;
	text-align: center;
}

div.products.classy div.product .brief {
	height: 70px;
	overflow: hidden;
}

#badges { float: left; height: 50px; width: 100%; text-align: center; margin: 0 0 10px 0; }
#badges .image1{ margin: 8px 15px; }
#badges .image2{ margin: 8px 15px; }
#badges .image3{ margin: 0 15px; }