/*
	Default Styling
*/


* { padding: 0; margin: 0; outline: 0; }

body {
    font-size: 14px;
    line-height: 130%;
    font-family: Georgia, Times, serif;
    color: #000;
    background: #675870 url(images/body-bg.gif) repeat-x 0 0;
    text-align: left;
}

#page {
	background: url(images/page-bg.jpg) no-repeat 0 0;
	margin: 0 auto;
	width: 918px;
}

p { line-height: 23px; }
.cl { font-size: 0; line-height: 0; height: 0; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

a { cursor: pointer; color: #dc1929; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: 0; }

.center { margin: 0 auto; }
.left { float: left; display: inline; }
.right { float: right; display: inline; }

.a-center { text-align: center; }
.a-left { text-align: left; }
.a-right { text-align: right; }

#shell { width: 728px; margin: 0 auto; }
#header { 
	background: url(images/header.gif) no-repeat 0 0; 
	height: 168px; 
	width: 100%;
	position: relative;
}

h1#logo {
	position: absolute;
	top: 24px;
	left: -42px;
	height: 191px;
	width: 239px;
	font-size: 0;
	line-height: 0;
}

h1#logo a {
	display: block;
	background: url(images/logo.png);
	height: 191px;
	text-indent: -4000px;
}

.top-links {
	float: right;
	display: inline;
	width: 125px;
	padding-top: 9px;
}

.top-links a, .top-links span {
	float: left;
	display: inline;
	height: 15px;
}

.top-links .login {
	background: url(images/login.png) no-repeat 0 0;
	width: 38px;
}

.top-links .view-cart {
	background: url(images/view-cart.png) no-repeat 0 0;
	width: 73px;
}

.top-links span { 
	margin: 0 5px; 
	line-height: 15px; 
	width: 1px;
	font-size: 0;
	text-indent: -4000px; 
	background: #464743;
}

h2.description {
	background: url(images/h2-description.gif) no-repeat 0 0;
	height: 65px;
	width: 463px;
	font-size: 0;
	line-height: 0;
	text-indent: -4000px;
	margin: 8px 0 0 168px;
}

.navigation { width: 100%; }
.navigation ul { list-style: none outside; padding: 30px 0 0 210px; }
.navigation li { 
	float: left;
	display: inline; 
	font-size: 13px; 
	font-weight: bold; 
	text-transform: uppercase; 
	height: 31px; 
	border-right: 1px solid #676d44; 
	padding-right: 10px;
	margin-right: 10px;	
} 

.navigation li.last {
	border: 0;
	margin: 0;
	padding: 0;
}

.navigation li a { color: #fff; line-height: 31px; } 
.navigation li a:hover, .navigation .nav-active { color: #f7d550; text-decoration: none; } 

#content { background: url(images/cnt-bg.gif) repeat-y 0 0;  height: 100%;}

#footer {
	position: relative;
	border-top: 6px solid #932107;
	color: #fbe799;
	padding-top: 3px;
	padding-bottom: 40px;
}

#footer .bottom-element {
	position: absolute;
	top: -114px;
	right: -42px;
	background: url(images/bottom-element.png) no-repeat 0 0;
	height: 128px;
	width: 160px;
	z-index: 2;
}

#footer .left { font-size: 12px; }
#footer .right { font-size: 13px; padding-right: 75px; }
#footer .right a {  z-index: 3; }

#footer a { color: #fbe799; }
#footer a:hover { color: #fbe799; text-decoration: underline; }

/*
	Home Page Styling
*/

.home a  { display: block; line-height: 0; font-size: 0; }

/*
	Content Page Styling
*/

#mainbox {
	float: left;
	display: inline;
	width: 462px;
	padding: 70px 30px 0 52px;
	min-height:350px;
  	height:auto !important;
  	height:300px;
}

#content h1 {
	font: 27px Georgia, Times, serif;
	font-weight: bold;
	color: #4b1f63;
	padding-bottom: 10px;
}

#content h2 {
	font: 24px Georgia, Times, serif;
	color: #39462a;
	padding-bottom: 15px;
}

#content h3 {
	font: 18px Georgia, Times, serif;
	text-transform: uppercase;
	color: #4b1f63;
	padding-bottom: 15px;
	padding-top:15px;
	font-weight: bold;
}

#mainbox p, #mainbox ul { padding-bottom: 15px; }

#mainbox ul { padding-left: 30px; color: #161f0b; }

#sidebar { float: left; display: inline; width: 184px; }

#sidebar h2.call {
	background: url(images/sidebar-call-img.gif) no-repeat 0 0;
	height: 101px;
	width: 184px;
	padding-bottom: 0;
}

a.order {
	display: block;
	background: url(images/order-btn.gif) no-repeat 0 0;
	height: 36px;
	width: 156px;
}

a.order:hover { background-position: 0 bottom; }

a.checkout {
	display: block;
	background: url(images/checkout-btn.jpg) no-repeat 0 0;
	height: 36px;
	width: 156px;
}

a.checkout:hover { background-position: 0 bottom; }

a.checkout2 {
	display: inline-block;
	position: relative;
	background: url(images/checkout-btn.jpg) no-repeat 0 0;
	height: 36px;
	width: 200px;
}

a.checkout2:hover { background-position: 0 bottom; }

a.snacks2 {
	display: inline-block;
	position: relative;
	background: url(images/snax_button.jpg) no-repeat 0 0;
	height: 36px;
	width: 200px;
}
a.snacks2 span, a.checkout2 span {position: absolute;left:-9999px;}
a.snacks2:hover { background-position: 0 bottom; }
#sidebar .order,#sidebar .checkout { margin: 20px auto; }

div.productcontainer{
	padding:0 0 0 0;
	margin:8px 0 50px 0;
	width:457px;
	background: #f0da86 url(/css/images/paper.jpg);
	border:4px solid #cbb974;
}

div.productcontainer p, 
div.productcontainer h2, 
div.productcontainer h3, 
div.productcontainer h4, 
div.productcontainer ul
{
	margin-right:8px;
	margin-left:8px;
}
div.productcontainer p
{
	font-size:85%;
	line-height: 1.5em;
}