body {
	margin: 20px 0;
	background: #296057 url(img/bg.jpg);
	color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
}
h1, h2, h3, h4, h5, h6, p {
	margin: 20px 0;
}
h1, h2, h3, h4, h5, h6 {
	color: #115050;
	font-weight: normal;
	line-height: normal;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.8em;
}
h3 {
	font-size: 1.6em;
}
h4 {
	font-size: 1.4em;
	font-weight: bold;
}
h5 {
	font-size: 1.2em;
	font-weight: bold;
}
h6 {
	font-size: 1em;
	font-weight: bold;
}
img {
	border: 0;
}
a {
	color: #115050;
}
a:hover {
	color: #CC0000;
}
a:active {
	outline: none;
}

.clear {
	clear: both;
}
.item {
	margin: 20px 0;
	padding: 10px 15px 10px 10px;
	background: url(img/item.jpg);
	border: #B99F7E 1px solid;
	overflow: auto;
}
.item h2 {
	margin: 0;
	font-size: 20px;
	font-weight: bold;
	line-height: normal;
}
.item p {
	margin: 0;
}
.item img {
	margin-right: 10px;
	padding: 5px;
	background: #F3E3C9;
	border: #B99F7E 1px solid;
	float: left;
}
.item .description {
	margin: 5px 0;
}
.item a.details,
.item a.buy,
body.detail a.buy {
	margin-top: 10px;
	padding: 3px 8px 4px 8px;
	color: #FFFFFF;
	text-decoration: none;
	display: inline-block;
}
.item a.details {
	background: #115050;
}
.item a.buy,
body.detail a.buy {
	background: #CC0000;
}
.item a.details:hover {
	background: #2E6B61;
}
.item a.buy:hover,
body.detail a.buy:hover {
	background: #EC0000;
}

#upgrade {
	padding: 12px 10% 15px 10%;
	background: #FFE600;
	text-align: center;
	line-height: 20px;
}
#preload {
	display: none;
}
#top {
	width: 990px;
	height: 35px;
	margin: 0 auto;
	background: url(img/top.png) center no-repeat;
}
#bottom {
	width: 990px;
	height: 35px;
	margin: 0 auto;
	background: url(img/bottom.png) center no-repeat;
}
#container {
	width: 920px;
	margin: 0 auto;
	padding: 0 35px;
	background: url(img/body_bg.png) top left repeat-y;
}
#bg {
	background: url(img/body_bg.jpg) top repeat-y;
}
#header {
	width: 920px;
	height: 158px;
	padding-bottom: 20px;
}
#header #logo {
	width: 269px;
	text-align: center;
	float: left;
}
#header #logo img {
	padding: 30px 54px 13px 54px;
}
#header ul#nav {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}
#header ul#nav li {
	margin-right: 1px;
	display: block;
	float: left;
}
#header ul#nav li a {
	padding: 124px 15px 10px 15px;
	background-image: url(img/nav.jpg);
	color: #115050;
	font-size: 20px;
	text-decoration: none;
	display: inline-block;
	float: left;
}
#header ul#nav li a#admin,
#header ul#nav li a#add,
#header ul#nav li a#edit,
#header ul#nav li a#delete,
#header ul#nav li a#logout {
	background-image: url(img/admin_nav.jpg);
}
#header ul#nav li a#home,
#header ul#nav li a#admin {
	background-position: 50% 0;
}
#header ul#nav li a#delivery,
#header ul#nav li a#add {
	background-position: 50% -158px;
}
#header ul#nav li a#offers,
#header ul#nav li a#edit {
	background-position: 50% -316px;
}
#header ul#nav li a#contact,
#header ul#nav li a#delete {
	background-position: 50% -474px;
}
#header ul#nav li a#basket,
#header ul#nav li a#logout {
	background-position: 50% -632px;
}
#header ul#nav li a#home:hover,
#header ul#nav li a#admin:hover {
	background-position: 50% -790px;
}
#header ul#nav li a#delivery:hover,
#header ul#nav li a#add:hover {
	background-position: 50% -948px;
}
#header ul#nav li a#offers:hover,
#header ul#nav li a#edit:hover {
	background-position: 50% -1106px;
}
#header ul#nav li a#contact:hover,
#header ul#nav li a#delete:hover {
	background-position: 50% -1264px;
}
#header ul#nav li a#basket:hover,
#header ul#nav li a#logout:hover {
	background-position: 50% -1422px;
}
body.home #header ul#nav li a#home,
body.admin #header ul#nav li a#admin,
body.home #header ul#nav li a#home:hover,
body.admin #header ul#nav li a#admin:hover {
	background-position: 50% -1580px;
	color: #FFFFFF;
}
body.delivery #header ul#nav li a#delivery,
body.add #header ul#nav li a#add,
body.delivery #header ul#nav li a#delivery:hover,
body.add #header ul#nav li a#add:hover {
	background-position: 50% -1738px;
	color: #FFFFFF;
}
body.offers #header ul#nav li a#offers,
body.edit #header ul#nav li a#edit,
body.offers #header ul#nav li a#offers:hover,
body.edit #header ul#nav li a#edit:hover {
	background-position: 50% -1896px;
	color: #FFFFFF;
}
body.contact #header ul#nav li a#contact,
body.delete #header ul#nav li a#delete,
body.contact #header ul#nav li a#contact:hover,
body.delete #header ul#nav li a#delete:hover {
	background-position: 50% -2054px;
	color: #FFFFFF;
}
body.basket #header ul#nav li a#basket,
body.logout #header ul#nav li a#logout,
body.basket #header ul#nav li a#basket:hover,
body.logout #header ul#nav li a#logout:hover {
	background-position: 50% -2212px;
	color: #FFFFFF;
}
#side {
	width: 229px;
	margin-right: -1px;
	margin-bottom: 20px;
	padding: 0 20px;
	border-right: #B99F7E 1px solid;
	line-height: 20px;
	float: left;
}
#side input.text {
	width: 180px;
	height: 22px;
	padding: 3px 2px 2px 2px;
	border: #B99F7E 1px solid;
	color: #B99F7E;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	vertical-align: top;
}
#side input.go {
	width: 40px;
	height: 29px;
	border: 0;
	background: #6F3F13;
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
}
#content {
	width: 610px;
	margin-bottom: 20px;
	padding: 0 20px;
	border-left: #B99F7E 1px solid;
	line-height: 20px;
	float: left;
}
#content input {
	height: 22px;
	padding: 3px 2px 2px 2px;
	border: #B99F7E 1px solid;
	color: #999999;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	vertical-align: top;
}
#content input.search {
	height: 35px;
	border: 0;
	background: #6F3F13;
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
}
#content-wide {
	width: 850px;
	margin-bottom: 20px;
	padding: 0 20px;
	border-left: #B99F7E 1px solid;
	line-height: 20px;
	float: left;
}
#footer {
	margin: 0 2px;
	padding: 20px;
	background: url(img/footer.jpg) repeat-y;
	color: #FFFFFF;
}

/* DETAIL **************************************************/

body.detail #content #main_details {
	margin: 20px 0 0 0;
}
body.detail #content #main_details h1,
body.detail #content #main_details p {
	margin: 0;
}
body.detail #content #main_details .image {
	margin-right: 10px;
	text-align: center;
	float: left;
}
body.detail #content #main_details .image img {
	padding: 5px;
	border: #B99F7E 1px solid;
	background: #F3E3C9;
}