@charset "utf-8";
/*@import "reset.css";*/

/*//////////////////////////////

	client:   BOUNCE SNACK FOODS
	version:  v1.0
	author:   tom greenhill

//////////////////////////////*/


body {
	background-color: #BD864A; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif;	
}

a {
	color: #bd864a; text-decoration: none;
}
a:hover {
	color: #eb500d;
}

#bouncewrapper {
	width: 820px; margin: 5px auto;	background: #bd864a url(../images/bg-wrapper.gif) top left repeat-y;
}
#bouncewrapper #bouncemasthead {
	background: #bd864a url(../images/bg-masthead.gif) top center no-repeat; height: 218px; position: relative;
}
#bouncewrapper #bouncemasthead a.bounce img  {
	border: none; margin: 0; padding: 0;
}
#bouncewrapper #bouncemasthead a.bounce {
	display: block; width: 440px; height: 137px; position: absolute; top: 30px; right: 150px;
}
#bouncewrapper #bouncemasthead h1 {
	position: absolute; top: 38px; left: 47px; 
}
#bouncewrapper #bouncemasthead h1, #bouncewrapper #bouncemasthead h1 a {
	width: 158px; height: 153px; text-indent: -9999em; margin: 0; padding: 0;
}
#bouncewrapper #bouncemasthead h1 a {
	display: block; background: #bd864a url(../images/logo.gif) top left no-repeat;
}
#bouncewrapper #logobottom {
	margin:0; width: 170px; background:url(../images/bg-logobottom.gif) top left no-repeat; height: 35px; float: left
}
#bouncewrapper #bouncecontent {
	text-align: left !important; margin:0; width: 650px; float: right;
}
#bouncewrapper #bouncecontent .bouncecontainer {
	padding: 0 40px 20px 0;  line-height: 15px; font-size: 12px; color: #7d7866; background: url(../images/bg-container.gif) top left repeat-y;
}
#bouncewrapper #bouncecontent .bouncecontainer table {
	width: 100%; border-collapse: collapse; border: none; border-width: 0;
}
#bouncewrapper #bouncecontent .bouncecontainer .column-1 {
	width: 310px; float: left; 
}
#bouncewrapper #bouncecontent .bouncecontainer .column-1 h2 {
	margin: 0 0 10px 0; line-height: 22px;
}
#bouncewrapper #bouncecontent .bouncecontainer .column-1 p {
	line-height: 15px; margin: 5px 0 15px; 
}
#bouncewrapper #bouncecontent .bouncecontainer .column-1 a, 
#bouncewrapper #bouncecontent .bouncecontainer .column-2 a {
	font-weight: bold;
}
#bouncewrapper #bouncecontent .bouncecontainer .column-1 ul {
	width: 40%; float: left; margin: 0 0 0 15px; padding: 0;
}
#bouncewrapper #bouncecontent .bouncecontainer .column-1 ul li {
	list-style-position: inside;
}
#bouncewrapper #bouncecontent .bouncecontainer img#img-homepage {
	float: right; margin: 0; padding: 0; border: none;
}


#bouncewrapper #bouncecontent .bouncecontainer .column-2 {
	clear: both; margin: 20px 0 0 0;
}
#bouncewrapper #bouncecontent .bouncecontainer .column-2 h3 {
	margin: 5px 0 10px 0;
}


#bouncewrapper #bouncecontent .bouncecontainer .prodrow {
	margin: 0 0 10px 0; padding: 0;
}
#bouncewrapper #bouncecontent .bouncecontainer .prodrow .column-1 {
	width: 400px; margin: 15px 0 0 0; position: relative;
}
#bouncewrapper #bouncecontent .bouncecontainer .prodrow img {
	float: left;
}

.back_button {
	font-size: 11px;
}




/*#### TOP LEVEL NAVIGATION */
ul#mainlevel-nav {
	list-style: none;
	padding: 0;
	right: 50px;
	top: 175px;
	margin: 0;
	position: absolute;
}
ul#mainlevel-nav li {
	padding: 0 5px;
	float: left;
	margin: 0 auto;
	font: bold 12px Arial, Helvetica, sans-serif;
	white-space: nowrap;
	text-align:center;
}
ul#mainlevel-nav li a {
	display: block;
	text-decoration: none;
	background: transparent;
	margin: 0 auto;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #555555;
	letter-spacing: -1px;
	padding: 0;
}
#buttons > ul#mainlevel-nav li a { width: auto; }

ul#mainlevel-nav li a:hover 
{
	color: #bd864a;
}
/*#### END TOP LEVEL NAVIGATION */


/*#### FOOTER NAVIGATION */
#bouncefooter {
	font-size: 11px; color: #333; text-align: center; padding: 0 40px 0 170px; clear: both;
	background: url(../images/bg-footer.gif) bottom center no-repeat; height: 80px; text-align: center;
}
#bouncefooter ul, #bouncefooter p {
	margin: 0 0 8px 0; padding: 0;
}
#bouncefooter li {
	display: inline;
}
#bouncefooter a {	
	color: #333; text-decoration: none
}
#bouncefooter a:hover {
	color: #e4701d;
}
/*#### END FOOTER NAVIGATION */




.topnavarea {
	background: #fff;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #0033FF;
	padding: 0;
}
.homepage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: 8px;
	color: #fff;
}
.homepage a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: 8px;
	color: #fff;
	text-decoration: none;
}
h1, h2, h3, .contentheading {
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #e07020;
	font-weight: bold;
	margin: 5px 0 15px 0;
	line-height: normal;
}
h4 {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #e07020;
	font-weight:bold;
	margin: 10px 0 5px 0;
}
td.createdate, span.small, td.modifydate {
	font-size: 9px;
}
td, .pagenav_prev, .pagenav_next {
	font-family: Arial, Helvetica, sans-serif;
	color: #7d7866;
}
ul, li {
	/*color: #5A8CC6;*/
}
.container a:link,  .container a:visited {
	color: #5A8CC6;
	text-decoration: none;
}
.container a:hover {
	color: #396DA8;
	text-decoration: underline;
}
.usp li {
	color: #7d7866;
	/*font-size: 1.2em;*/
}
.prodpage li {
	color: #7d7866;
	/*font-size: 1.0em;*/
}
.prodpage {
	color: #7d7866; line-height: 14px; margin: 5px 0 15px; font-size: 12px;
}
.prodpage p, #product_list p {
	line-height: 16px; margin: 5px 0 10px 0; font-size: 12px;
}
.prodpage div.addtocartfields {
	margin: 10px 0;
}
.prodpage div.addtocartsubmit {
	margin: 5px 0 0 0;
}
.prodpage div.addtocartsubmit input {
	margin: 0 50px 0 0;
}
.prodpage div.addtocartfields div.label {
	width: 60px; float: left; margin: 4px 0 0 0;
}
label {
	cursor: pointer;
}
#buynow strong {
	margin: 0 4px 0 0;
}
.price {
	font-weight: bold;
}
div.right {
	float: right; text-align:right;
} 
div.forty {
	width: 40%;
}
div.left {
	float: left;
}
.breadcrumb {
	margin: 0 0 5px 0; padding: 0;
}
.breadcrumb li {
	display: inline;
}
.prodpage div.addtocartfields div.input {
	float: left;
}
.prodpage div.addtocartfields div.input input {
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif
}
.prodpage div.addtocartfields div.input select {
	padding: 4px; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif
}
#quantity {
	margin: 0 5px 0 0;
}
#addtocart input[type=submit] {
	padding: 3px 10px;
}
p.message {
	margin: 10px 0 15px 0;
}
#agreed_div {
	
}
input.moreinfo {
	padding: 3px 10px; margin: 0;
}
.prodrow .right {
	position: absolute; right: 0; bottom: 0;
}
.remember {
	margin: 10px 0 0 0;
}

.column-1 {
	width: ;
}
.wrapper {
	width: 70%; margin: 10px auto;
}
fieldset {
	margin: 0 0 10px 0; padding: 15px; border: 1px solid #ccc; clear: both;
}
#username_field {
	
}
hr {
	border: none; height: 1px; margin: 10px 0 ; background: #ccc;
}
.sectiontableentry1 td {
	padding: 20px 0;
}
#account-orders {
	display: none;
}
.sectiontableheader {
	font-size: 15px;font-weight:bold; 
	color: #e07020;
}
#ordersearch {
	display: none;
}
th {
	padding: 4px 0;
}
.prodimage {
	padding: 0 10px 0 0;
}
table.nutrition {
	border: 1px solid #c8c5ba !important; margin: 5px 0 0 0;
}
table.nutrition tr {
	background: #c8c5ba;
}
table.nutrition tr.alt {
	background: #ebebeb;
}
table.nutrition td {
	padding: 3px 4px;
}
td.star p {
	margin: 0;
}
.prodpagelist {
	margin: 10px 5px 0; padding: 0 0 0 30px;
}
.productrow td {
	padding: 5px 0;
}
.basketheader th {
	 font-size: 13px; color: #E07020;
}
.basketemptyrow td {
	height: 1px; padding: 0; margin: 0;
}
.basketborder {
	border-top: 1px solid #ccc;
}
.subtotalrow td {
	padding: 5px 0 10px 0;
}
.baskettable {
	border: 1px solid #ccc !important;
}
.baskettable thead th {
	background: #ccc; padding: 5px; color: #555;
}
.baskettable tbody td {
	border-bottom: 1px dashed #ccc !important; padding: 5px;
}
.baskettable tfoot td {
	background: #ebebeb; border-bottom: 1px dashed #ccc; padding: 4px 3px; color: #444;
}
span.total {
	font-weight: bold;
}
.required {
	margin: 20px 0 0 0;
}
.couponfield {
	display: none;
}
legend strong {
	color: #7D7866;
}

/*//////////////////////////

		CLASSES

/////////////////////////*/
.left { float: left; }
.right { float: right; }
.cboth {clear:both;}
.hide {display: none;}
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear {display: inline-block;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */