body {
	background-color: #aadb4b;
	background-image: url('../img/bg.png');
	background-repeat: repeat-x;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

div#container {
	width: 950px; 
	margin: 0 auto; 
}

div#container div#top {
	width: 950px;
	height: 166px;
	min-height: 166px;
	background-image: url('../img/top.png');
}

div#container div.menuOpen {
	width: 47px;
	height: 57px;
	min-height: 57px;
	background-image: url('../img/menuOpen.png');
	float: left;
}

div#container div.menuMid {
	width: 856px;
	height: 57px;
	min-height: 57px;
	background-image: url('../img/menuBg.png');
	float: left;
}

div#container div.menuCart {
	width: 141px;
	height: 57px;
	min-height: 57px;
	background-image: url('../img/cart.png');
	float: right;
	text-align: right;
	padding-right: 10px;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	line-height: 57px;
}

div#container div.menuMid div.item {
	line-height: 53px;
	float: left;
	height: 57px;
	min-height: 57px;
	padding-left: 10px;
	padding-right: 10px;
	background-image: url('../img/item.png');
	background-position: center top;
}

div#container div.menuMid div.item:hover {
	background-image: url('../img/hover.png');
	background-position: center top;
}

div#container div.menuMid div.separator {
	float: left;
	height: 57px;
	width: 4px;
	min-height: 57px;
	background-image: url('../img/separator.png');
}

div#container div.menuMid div.item a {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	display: block;
}

div#container div.menuCart a {
	color: #fff;
	font-size: 11px;
	text-decoration: none;
	display: block;
}

div#container div.menuClose {
	width: 47px;
	height: 57px;
	min-height: 57px;
	background-image: url('../img/menuClose.png');
	float: left;
}

div#container div.menuBottom {
	width: 950px; 
	height: 10px;
	min-height: 10px;
	background-image: url('../img/menuBottom.png');
	clear: both;
}

div#container div.header {
	width: 900px; 
	height: 67px;
	min-height: 67px;
	line-height: 67px;
	font-size: 20px;
	color: #fff;
	padding-left: 50px;
	background-image: url('../img/header.png');
}

div#container div.header div.searchBox {
	width: 292px; 
	height: 57px;
	min-height: 57px;
	line-height: 57px;
	float: right;
	margin-top: 7px;
	margin-right: 26px;
	background-image: url('../img/searchbox.png');
}

div#container div.header div.searchBox form {
}

div#container div.header div.searchBox form input {
	width: 151px;
	font-size: 12px;
	padding: 3px;
	padding-top: 4px; 
	margin-right: 14px; 
	color: #444;
	margin-top: 18px; 
	float: right; 
	border: 0px; 
	background-color: #cacaca;
	background-image: url('../img/searchbg.png');
	background-repeat: repeat-x;
}

div#container div#page form#loginForm input {
	width: 230px;
	font-size: 12px;
	padding: 3px;
	padding-top: 4px; 
	margin-right: 14px; 
	color: #444;
	border: 1px solid #999;
	background-color: #cacaca;
	background-image: url('../img/searchbg.png');
	background-repeat: repeat-x;
}

div#container div#page form#loginForm input.login {
	width: auto;
}

div#container div.footer {
	width: 910px; 
	height: 44px;
	min-height: 44px;
	background-image: url('../img/footer.png');
	line-height: 44px;
	padding-left: 40px;
}

div#container div.footer a {
	font-size: 11px;
	color: #eee;
	font-weight: bold;
	text-decoration: none;
}

div#container div.footer a:hover {
	font-size: 11px;
	color: #bfb;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
}

div#container div.shadow {
	width: 950px; 
	height: 36px;
	min-height: 36px;
	background-image: url('../img/shadow.png');
}

div#container div#page {
	width: 899px; 
	padding-left: 27px;
	padding-right: 35px;
	background-image: url('../img/page.png');
}

div#container div#page div.content {
	padding: 30px;
}

div#categorySelector {
	background-color: #cfcfcf; 
	min-height: 152px;
	background-image: url('../img/categorybg.png');
	background-repeat: repeat-x;
}

div.categoryBar {
	width: 858px;
	height: 21px;
	min-height: 21px;
	background-image: url('../img/bar.png');
	line-height: 21px;
	font-weight: bold;
	padding-left: 20px;
}

div#categorySelector div#mainCategory {
	padding: 10px;
	padding-left: 15px;
	padding-right: 15px;
	float: left;
}

div#categorySelector div#mainCategory div.mainCategoryBlock {
	width: 200px;
	float: left;
	margin-right: 5px;
}	

div#categorySelector div#childCategory div.childCategoryBlock {
	width: 200px;
	float: left;
	margin-right: 5px;
}

div#categorySelector div#childCategory {
	padding: 10px;
	width: 410px;
	padding-left: 15px;
	padding-right: 15px;
	float: right;
	min-height: 132px;
	background-image: url('../img/childbg.png');
}

div#categorySelector div#childCategory h1 {
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;
}

div#categorySelector div#childCategory a.childCategory,
div#categorySelector div#mainCategory a {
	display: block;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	line-height: 16px;
	padding-left: 10px;
	padding-right: 10px;
}

div#categorySelector div#childCategory a.childCategory:hover,
div#categorySelector div#mainCategory a:hover {
	color: #fff;
	background-color: #999;
}

div#categorySelector div#childCategory a.actualCategory,
div#categorySelector div#mainCategory a.actualCategory {
	display: block;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	background-color: #222;
	line-height: 16px;
	padding-left: 10px;
	padding-right: 10px;
}

div#page div.content p {
	line-height: 20px;
	color: #444;
	text-align: justify;
	margin-bottom: 15px;
}

div#page div.content p a.http {
	color: #e70;
	text-decoration: none;
	border-bottom: 1px dotted #e70;
}

div#page div.content p a.http:hover {
	color: #f50;
	text-decoration: none;
	border-bottom: 1px solid #f50;
}

div#page div.content p.center {
	line-height: 20px;
	color: #444;
	text-align: center;
	margin-bottom: 15px;
}

div#page div.content p strong {
	font-weight: bold;
}

div#page div.content h1 {
	font-weight: bold;
	margin-bottom: 16px;
	border-bottom: 1px dotted #333;
	font-size: 18px;
}

div#page div.content h2 {
	font-weight: bold;
	margin-bottom: 16px;
	border-bottom: 1px dotted #333;
	font-size: 14px;
}

div#page div.content div.oneMiddle a {
	text-decoration: none;
	color: #f50;
}

div#page div.content div.oneMiddle a:hover {
	text-decoration: none;
	color: #f20;
	border-bottom: 1px dotted #f20;
}

div#page div.content div.twoMiddle a {
	text-decoration: none;
	color: #14a;
}

div#page div.content div.twoMiddle a:hover {
	text-decoration: none;
	color: #25c;
	border-bottom: 1px dotted #25c;
}

div#page div.content div.oneMiddle h2 a {
	text-decoration: none;
	color: #f82;
}

div#page div.content div.oneMiddle h2 a:hover {
	text-decoration: none;
	color: #f50;
}

div#page div.leftContent h3,
div#page div.content h3 {
	font-weight: bold;
	margin-bottom: 16px;
	border-bottom: 1px dotted #333;
	font-size: 12px;
}

div.product {
	background-color: #eee;
	padding: 5px;
	border: 1px solid #ddd;
	margin-bottom: 10px;
}

div.product div.productThumb {
	min-height: 100px;
	width: 150px;
	float: left;
	text-align: center;
}

div.product div.productContent {
	margin-left: 150px;
}

div.product div.productContent h2 {
	color: #f40;
}

div.product div.productContent h2 span {
	color: #262;
	margin-top: 3px;
	margin-bottom: 3px;
	display: block;
	font-weight: normal;
	font-size: 11px;
}

div.product div.productContent h2 span a {
	color: #262;
	text-decoration: none;
}

div.product div.productContent h2 span a:hover {
	color: #040;
	text-decoration: none;
}

div.product div.productContent ul {
	list-style-image: url('../img/l3.gif');
	margin-left: 15px;
	list-style-type: circle;
	margin-bottom: 20px;
	color: #666;
	text-align: justify;
	padding-right: 10px;
}

div.product div.productContent ul li {
	line-height: 18px;
	margin-bottom: 5px;
}

div.product div.productContent ul li span {
	font-weight: bold;
}

div.product div.productContent ul ul {
	margin-bottom: 0px;
	margin-left: 50px;
}

div#page div.content ul {
	list-style-image: url('../img/l3.gif');
	margin-left: 15px;
	list-style-type: circle;
	margin-bottom: 20px;
	color: #666;
	text-align: justify;
	padding-right: 10px;
}

div#page div.content div.productBox {
	border: 1px solid #ccc;
	background-color: #eee;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 20px;
	width: 500px;
	float: left;
}

div#page div.content div.productMeta {
	padding-left: 20px;
	margin-bottom: 20px;
	width: 270px;
	float: right;
	text-align: center;
}

div#page div.content ul li {
	line-height: 18px;
	margin-bottom: 5px;
}

div#page div.content ul li span {
	font-weight: bold;
}

div#page div.content ul ul {
	margin-bottom: 0px;
	margin-left: 50px;
}

div.paginator {
	text-align: center;
	margin-bottom: 10px;
	margin-top: 20px;
}

div.paginator a {
	padding: 5px;
	background-color: #ddd;
	text-decoration: none;
	color: #666;
}

div.paginator a:hover {
	padding: 5px;
	background-color: #ccc;
	text-decoration: none;
	color: #111;
}

div.paginator span.paginatorActual {
	padding: 5px;
	background-color: #f63;
	text-decoration: none;
	color: #eee;
}

div.leftContent {
	width: 460px;
	float: left;
}

div.rightContent {
	width: 361px; 
	float: right; 
}

div.rightContent div.oneOpen {
	width: 346px; 
	height: 28px;
	min-height: 28px;
	background-image: url('../img/block1a.png');
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	line-height: 28px;
	padding-left: 15px;
}

div.rightContent div.oneMiddle {
	width: 311px;
	text-align: center;
	background-image: url('../img/block1b.png');
	padding-left: 45px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
}

div.rightContent div.oneClose {
	width: 361px; 
	height: 10px;
	min-height: 10px;
	background-image: url('../img/block1c.png');
	font-size: 1px;
	font-weight: bold;
	color: #fff;
	line-height: 1px;
	margin-bottom: 10px;
}

div.rightContent div.twoOpen {
	width: 346px; 
	height: 28px;
	min-height: 28px;
	background-image: url('../img/block2a.png');
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	line-height: 28px;
	padding-left: 15px;
}

div.rightContent div.twoMiddle {
	width: 311px;
	text-align: center;
	background-image: url('../img/block2b.png');
	padding-left: 45px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
}

div.rightContent div.twoClose {
	width: 361px; 
	height: 10px;
	min-height: 10px;
	background-image: url('../img/block2c.png');
	font-size: 1px;
	font-weight: bold;
	color: #fff;
	line-height: 1px;
	margin-bottom: 10px;
}

#gradient-style {
	margin-top: 2px;
	font-size: 12px;
	width: 100%;
	text-align: center;
	border-collapse: collapse;
	border: 1px solid #bbb;
	border-bottom: 5px solid #a92;
	margin-bottom: 10px;
	}

#gradient-style th {
	font-size: 12px;
	padding-left: 8px;
	padding-right: 8px;
	line-height: 30px;
	font-weight: normal;
	background: #272727 url("../../admin/img/header-black.png") repeat-x;
	border-top: 1px solid #373737;
	border-bottom: 1px solid #fff;
	color:#fff;
	vertical-align: middle;
	text-align: center;
}

#gradient-style td {
	vertical-align: middle;
	text-align: center;
	color:#666; 
	padding-left: 8px;
	padding-right: 8px;
	border-top:1px solid #fff;
	border-bottom: 1px solid #fff;
	background: #ededed url("../../admin/img/gradback-bg.png") repeat-x;
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#gradient-style a.http {
	text-decoration: none;
	color: #808;
	border-bottom: 0px;
}

#gradient-style a.http:hover {
	text-decoration: none;
	color: #808;
	border-bottom: 1px dotted #808;
}

#gradient-style tfoot tr td {
	background: #ddd;
	text-align: left;
	font-size: 12px;
	line-height: 20px;
	color:#666;
}

#gradient-style tbody tr:hover td {
	background:#dadada url("../../admin/img/gradhover-bg.png") repeat-x;
	color:#339;
}


form#form1 div.field {
	clear: both;
	display: block;
	margin-bottom: 10px;
}

form#form1 div.field span.message {
	display: block;
	margin-left: 200px;
	margin-top: 4px;
	font-size: 11px;
	color: #f00;
}

form#form1 div.buttons {
	clear: both;
	display: block;
	margin-top: 20px;
}

form#form1 div.field label {
	float: left;
	width: 190px;
	display: block;
	font-weight: bold;
	font-size: 11px;
	text-align: right;
	margin-right: 10px;
	color: #333;
	margin-top: 5px;
}

form#form1 div.field div.boxarea {
	margin-left: 165px;	
}

form#form1 button {
	border: 0px;
	background-color: #b00;
	width: 153px;
	font-size: 10px;
	min-height: 26px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	color: #fff;
	margin-right: 10px;
}

form#form1 div.field select, 
form#form1 div.field input {
	margin-top: 1px;
	width: 225px;
	font-size: 12px;
	padding: 2px 2px;
	border: solid 1px #666;
  	-moz-border-radius: 3px;
  	border-radius: 3px;
  	margin-bottom: 1px;
}

form#form1 div.field select.w70, 
form#form1 div.field input.w70 {
	width: 155px;
}

form#form1 div.field select.w30, 
form#form1 div.field input.w30 {
	width: 60px;
}

form#form1 div.field input.wauto {
	width: auto;
	border: none;
}

form#form1 div.field input.error {
	border: solid 1px #a00;
	background-color: #fdd;
}

form#form1 div.field input.checkbox {
	width: auto;
	border: 0px;
}

form#form1 div.field textarea {
	height: 70px;
}

form#form1 div.field input:hover {
	background-color: #f8f8f8;
	border: solid 1px #444;
}

form#form1 div.field input.wauto:hover {
	width: auto;
	border: none;
}

form#form1 div.field input.checkbox:hover {
	width: auto;
	border: 0px;
}

form#form1 div.field input:focus {
	background-color: #555;
	color: #fff;
	border: solid 1px #000;
}

table.orderTable {
	width: 100%;
	margin-bottom: 15px;
}

table.orderTable tr th {
	background-color: #444;
	color: #fff;
	font-weight: bold;
	padding: 5px;
	text-align: center;
}

table.orderTable tr.orderItem td {
	background-color: #f5f5f5;
	color: #000;
	padding: 5px;
	text-align: center;
	border-bottom: 1px solid #ccc;
}

table.orderTable tr.orderDelivery td {
	background-color: #e5e5e5;
	color: #000;
	padding: 5px;
	text-align: center;
	border-bottom: 1px solid #ccc;
}

table.orderTable tr.orderSummary td {
	background-color: #d5d5d5;
	color: #000;
	padding: 5px;
	text-align: center;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}