/*****CSS RESET*******/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

body { background: url('../images/bkgRepeat.jpg') #343434 repeat-x top center; font-family: Arial; font-size: 12px; color: #fff; }
a { color: #cc0000; text-decoration: none; }
a:hover { color: #fff; }
#bodyBkg { width: 100%; height: 858px; background: url('../images/bkg.jpg') no-repeat top center; }
#container { margin: 0 auto; width: 920px; height: 100%; min-height: 400px; }


/****HEADER STYLeS*******/

#header { float: left; width: 920px; height: 81px; background: url('../images/header.png') no-repeat; }
#headerLeft { float: left; width: 280px; margin-top: 5px; text-align: center; }
#headerPhone { float: left; width: 280px; font-size: 18px; }
#headerEmail a { color: #CC0000; font-size: 14px; }
#headerEmail a:hover { color: #FFF; }
.logo { float: left; width: 350px; height: 81px; }
#headerRight { float: left; width: 280px; margin-top: 5px; text-align: center;} 
#headerRight form { margin-left: 15px; }
.searchBar { float: left; width: 162px; height: 22px; padding: 5px 0 0 20px; font-weight: bold; background: url('../images/searchBar.png') no-repeat; border: none; }
.searchGo { float: left; width: 80px; height: 27px; background: url('../images/searchGo.png') no-repeat; border: none; text-indent: -9999px; cursor: pointer; }


/*****HERO STYLES*******/

#heroBkg { float: left; width: 920px; height: 240px; background: url('../images/heroBkg.png') no-repeat; }
#navBkg { float: left; width: 742px; height: 37px; margin: 30px 0 0 178px; background: url('../images/navBkg.png') no-repeat; text-align: center; } 
.heroLogo { float: left; width: 333px; height: 276px; position: relative; margin: -45px 0 0 -20px; }
.pictureSwap { float: left; width: 595px; height: 219px; margin-top: 10px; }
.numbers { float: right; position: relative; width: 100px; height: 30px; margin-top: -21px; }
.first a { float: left; width: 32px; height: 20px; background: url('../images/1.png') no-repeat; }
.first a:hover { float: left; width: 32px; height: 20px; background: url('../images/1roll.png') no-repeat; }
.first a.active { float: left; width: 32px; height: 20px; background: url('../images/1roll.png') no-repeat; }
.second a { float: left; width: 32px; height: 20px; background: url('../images/2.png') no-repeat; }
.second a:hover { float: left; width: 32px; height: 20px; background: url('../images/2roll.png') no-repeat; }
.second a.active { float: left; width: 32px; height: 20px; background: url('../images/2roll.png') no-repeat; }
.third a { float: left; width: 32px; height: 20px; background: url('../images/3.png') no-repeat; }
.third a:hover { float: left; width: 32px; height: 20px; background: url('../images/3roll.png') no-repeat; }
.third a.active { float: left; width: 32px; height: 20px; background: url('../images/3roll.png') no-repeat; }


/*****FOOTER STYLES*******/

#footer { float: left; width: 920px; height: 40px; margin-top: 20px; background: url('../images/footer.png') no-repeat; }
#footerPhone { float: left; margin: 10px 0 0 100px; font-size: 18px; color: #272727; }
#footerLinks { float: left; margin: 15px 0 0 150px; font-size: 11px; }
#footerLinks a { color: #fff; }
#footerLinks a:hover { color: #272727; }
#footerTop { float: right; width: 100px; margin: 15px 0 0 30px; font-weight: bold; }
#footerTop a { color: #CC0000; }
#footerTop a:hover { color: #fff; }
.footerArrow { float: left; width: 11px; height: 7px; position: absolute; margin: 2px 0 0 5px; }

#copyright { float: left; width: 920px; margin-top: 10px; text-align: center; font-size: 11px; color: #000; }
#copyright a { color: #000; }
#copyright a:hover { color: #fff; }


/*****CONTENT STYLES*******/

#middleBkg { float: left; width: 920px; height: 171px; margin-top: 20px; background: url('../images/bottomBlurbBkg.png') no-repeat; }

.slider { float: left; width: 598px; height: 147px; margin: 10px 0 0 8px; }
.slideButton { float: left; width: 17px; height: 147px; }
.slide { float: left; width: 564px; height: 147px; }

h4 { font-size: 16px; font-weight: bold;}

#newsBkg { float: left; width: 295px; height: 147px; margin: 10px 0 0 10px; background: url('../images/newsBkg.gif') no-repeat; }
.calendar { float: left; width: 30px; height: 30px; margin: 10px 0 0 10px; text-align: center; font-size: 10px; line-height: 15px; }
.newsText { float: left; width: 220px; margin: 10px 0 0 10px; font-size: 11px; line-height: 15px; }
.calendar2 { float: left; width: 30px; height: 30px; margin: 15px 0 0 10px; text-align: center; font-size: 10px; line-height: 15px; }
.calendar, .calendar2 { text-transform: uppercase; }
.newsText2 { float: left; width: 220px; margin: 15px 0 5px 10px; font-size: 11px; line-height: 15px; }
.smallArrow { float: left; width: 8px; height: 13px; margin: 1px 0 0 3px; position: absolute; }

.freeBanner { float: left; width: 295px; height: 147px; margin: 10px 0 0 8px; }
.dealBanner { float: left; width: 295px; height: 147px; margin: 10px 0 0 10px; }

.testBkg { float: left; width: 295px; height: 147px; margin: 10px 0 0 10px; background: url('../images/testBkg.jpg') no-repeat; text-align: right; }
.testText { float: left; width: 240px; margin: 12px 0 0 30px; font-size: 14px; line-height: 18px; }
.testName { float: left; width: 220px; font-size: 11px; color: #CFBA80; text-align: right; }
.smallArrow2 { float: left; width: 8px; height: 13px; margin: 3px 0 0 2px; position: absolute; }

h1 { float: left; width: 400px; height: 22px; margin: 40px 0 0 20px; font-size: 22px; font-weight: normal; text-transform: uppercase; }
.subContentTop { float: left; width: 920px; height: 59px; margin-top: -1px; background: url('../images/subContentTop.png') no-repeat; }
.subContentRepeat { float: left; width: 920px; background: #fff; }
.subContentRepeat a:hover { color: #000; }
.subContentBottom { float: left; width: 920px; height: 15px; background: url('../images/subContentBottom.png') no-repeat; }
.bottomBlurbBkg { float: left; width: 920px; height: 171px; margin-top: 20px; background: url('../images/bottomBlurbBkg.png'); }
.smallArrow3 { width: 7px; height: 10px; position: absolute; }
.breadcrumb { float: left; margin: 115px 0 0 -400px; color: #000; }
.breadcrumb a { color: #cc0000; text-decoration: underline; }
.breadcrumb a:hover { text-decoration: none; }
.breadcrumb li { float: left; padding: 0 2px 0 2px; }
.viewProducts { margin: 30px 5px 0 580px; color: #000; font-size: 11px; font-weight: bold; text-align: right; }
.viewProducts a { color: #cc0000; text-decoration: underline; }
.viewProducts a:hover { text-decoration: none; }

.productsContainer { float: left; width: 700px; min-height: 465px; margin-left: 10px; }
.productsBkg { float: left; width: 340px; height: 150px; margin: 0 10px 10px 0; background: url('../images/productsBkg.jpg') no-repeat; position: relative; }
.zoom { width: 34px; height: 34px; position: absolute; bottom: 0; left: 0; }
.productPlaceholder { display: block; width: 89px; }
.productsTextContainer { width: 155px; position: absolute; top: 20px; right: 25px; }
.productTextHeader { color: #CC0000; font-size: 12px; font-weight: bold; }
.productText { float: left; font-size: 11px; color: #000; }
.productStrike { color: #666666; text-decoration: line-through; }
.RBPrice { float: left; color: #cc0000; font-size: 11px; }
.addToCart { display: block; width: 56px; height: 56px; position: absolute; bottom: 0; right: 0; }

.sideContainer { float: left; width: 200px; margin: 210px 0 0 10px; }
.newsletterBkg { float: left; width: 200px; height: 90px; background: url('../images/newsletterBkg.jpg'); }
.newsletterBar { width: 181px; height: 20px; margin: 30px 0 0 10px; padding: 2px 0 0 10px; background: url('../images/newsletterForm.jpg') no-repeat; border: none; }
.newsletterGo { float: left; width: 46px; height: 27px; margin: 2px 0 0 145px; background: url('../images/searchGo.png') no-repeat; border: none; }
.smallLogo { float: left; width: 200px; height: 170px; margin-top: 10px; }

.categoryNav { float: left; width: 202px; margin: 0 0 0 10px; position: relative; z-index: 2; background: #DB4F21; }
.categoryHeader { float: left; width: 920px; height: 140px; background: url('../images/categoryHeader.png') no-repeat; }
.productsCategory { width: 125px; height: 35px; margin: 15px 0 15px 15px; }
.productsCategoryBottom { float: left; width: 202px; height: 20px; background: url('../images/productsCategoryBottom.png') no-repeat; } 
.categoryNav1 { display: block; width: 192px; height: 15px; padding: 5px 0 0 10px; }
.categoryNav2 { width: 192px; height: 15px; padding: 5px 0 0 10px; background: #D5441B; }
.categoryNav1 a, .categoryNav2 a { color: #191919; }
.categoryNav1 a:hover, .categoryNav2 a:hover { display: block; margin: -5px 0 0 -10px; padding: 5px 0 0 10px; width: 192px; height: 15px; color: #fff; background: #CD3312; }

.brandNav { float: left; width: 202px; margin: 0 0 0 10px; position: relative; z-index: 2; background: #C40000; }
.brandHeader { float: left; width: 920px; height: 140px; background: url('../images/brandHeader.png') no-repeat; }
.productsBrand { width: 141px; height: 45px; margin: 15px 0 15px 15px; }
.productsBrandBottom { float: left; width: 201px; height: 22px; background: url('../images/productsBrandBottom.png') no-repeat; } 
.brandNav1 { display: block; width: 192px; height: 15px; padding: 5px 0 0 10px; }
.brandNav2 { width: 192px; height: 15px; padding: 5px 0 0 10px; background: #D10000; }
.brandNav1 a, .brandNav2 a { color: #191919; }
.brandNav1 a:hover, .brandNav2 a:hover { display: block; margin: -5px 0 0 -10px; padding: 5px 0 0 10px; width: 192px; height: 15px; color: #fff; background: #8D0202; }

.whyNav { float: left; width: 202px; margin: 0 0 0 10px; position: relative; z-index: 2; background: #b1964f; }
.whyHeader { float: left; width: 920px; height: 140px; background: url('../images/whyHeader.png') no-repeat; }
.customerTestimonials { width: 133px; height: 41px; margin: 20px 0 15px 15px; }
.whyNavBottom { float: left; width: 202px; height: 22px; background: transparent url('../images/whyNavBottom.png') no-repeat; } 
.test1 { display: block; width: 192px; height: 90px; padding: 5px 0 0 10px; }
.test2 { width: 192px; height: 90px; padding: 5px 0 0 10px; background: #a68a44; }
.test1 a, .test2 a { color: #191919; }
.test1 a:hover, .test2 a:hover { display: block; margin: -5px 0 0 -10px; padding: 5px 0 0 10px; width: 192px; height: 15px; color: #fff; background: #8D0202; }
.testContactText { width: 185px; font-style: italic; line-height: 14px; }
.testContactName { width: 180px; text-align: right; color: #cc0000; }

.testBig1 { display: block; padding: 5px 0 0 10px; }
.testBig2 { padding: 5px 0 0 10px; background: #a68a44; }
.testBig1 a, .testBig2 a { color: #191919; }
.testBig1 a:hover, .testBig2 a:hover { display: block; margin: -5px 0 0 -10px; padding: 5px 0 0 10px; width: 192px; height: 15px; color: #fff; background: #8D0202; }
.testBigContactText { font-style: italic; line-height: 14px; }
.testBigContactName { text-align: right; color: #cc0000; padding: 10px; }

#contactText { float: left; width: 650px; margin-left: 25px; color: #000; line-height: 22px; }
h2 { font-size: 18px; font-style: italic; color: #999; padding-bottom: 10px; }

.contactNav { float: left; width: 202px; margin: 0 0 0 10px; position: relative; z-index: 2; background: #b1964f; font-size: 14px; line-height: 18px; }
.contactHeader { float: left; width: 920px; height: 140px; background: url('../images/whyHeader.png') no-repeat; }
.phoneEmail { width: 121px; height: 44px; margin: 20px 0 15px 0; }
.contactNav1 { display: block; width: 192px; height: 65px; padding: 10px 0 0 10px; }
.contactNav2 { width: 192px; height: 65px; padding: 10px 0 0 10px; background: #a68a44; }
.contactNav1 a, .contactNav2 a { color: #191919; }
.contactNav1 a:hover, .contactNav2 a:hover { display: block; margin: -5px 0 0 -10px; padding: 5px 0 0 10px; width: 192px; height: 15px; color: #fff; }
#leftContactColumn { float: left; width: 300px; margin: 10px 25px 0 25px; color: #000; line-height: 18px; font-size: 14px; }
#rightContactColumn { float: left; width: 300px; margin-top: 10px; color: #000; line-height: 18px; font-size: 14px; }
.contactFormText { margin-left: 20px; font-weight: bold; font-size: 12px; }
.contactField { border: solid #b1964f; margin-top: 3px; }
.contactGo { float: left; margin-left: 175px; padding: 5px; font-weight: bold; background: #b1964f; border: none; }
.addressContact { margin-top: 10px; font-weight: bold; text-align: center; line-height: 22px; }
.contactMap { width: 250px; height: 250px; margin: 20px 0 0 30px; background: #b1964f; }

div.product-wrapper
{
	color: #000;
}

div.product-wrapper div.product-left
{
	float: left;
	width: 350px;
	line-height: 22px;
}

div.product-wrapper div.product-left h3
{
	line-height: 1.2;
	margin-bottom: 10px;
	font-size: 18px;
}

div.product-wrapper div.product-left span.product-sku
{
	display: block;
	color: #cc0000;
}

div.product-wrapper div.product-left span.product-price
{
	display: block;
	font-size: 16px;
	font-weight: bold;
}

div.product-wrapper div.product-left form
{
	margin-top: 10px;
}

div.product-wrapper div.product-left form input
{
	text-align: center;
}

div.product-wrapper div.product-right
{
	float: right;
	width: 300px;
	margin-right: 20px;
	text-align: right;
}

div.product-wrapper div.product-right img
{
	width: 223px;
}
	
div.sliderHolder
{
	width: 562px;
	height: 147px;
	overflow: hidden;
	float: left;
	position: relative;
}

div.sliderHolderBar
{
	width: 1500px;
	height: 147px;
	position: absolute;
	left: -450px;
}

	div.sliderHolder .sliderItem
	{
		display: block;
		float: left;
		width: 148px;
		height: 147px;
		border-right: 1px solid #454545;
		background: #fff url(../images/shop-button.gif) bottom right no-repeat;
		color: #454545;
	}
	
		div.sliderHolder .sliderItem span
		{
			display: block;
			height: 21px;
			padding: 4px 4px;
			background: url(../images/slider-item-header.gif) repeat-x;
			color: #fff;
			text-align: center;
		}
		
		div.sliderHolder .sliderItem em
		{
			font-style: normal;
			font-size: 18px;
			color: #e12106;
			float: right;
			text-align: right;
			padding: 6px;
		}
		
		div.sliderHolder .sliderItem em sup.dollar-sign
		{
			display: inline;
			font-size: 13px;
		}
		
		div.sliderHolder .sliderItem em small
		{
			font-style: normal;
			font-size: 11px;
			display: block;
			color: #454545;
			padding: 4px;
			text-align: left;
		}
		
		div.sliderHolder .sliderItem img
		{
			float: left;
			width: 70px;
			padding: 8px 4px;
		}
		
form
{
	padding: 0;
	margin: 0;
}

input
{
	vertical-align: middle;
}

input.text
{
	border: 1px solid #888;
	padding: 0px;
}

input.noborder
{
	width: auto !important;
	border: 0 !important;
}

fieldset
{
	display: block;
	border: 0;
	padding: 0;
	margin: 0;
	line-height: 1.8;
}

	fieldset label
	{
		padding: 2px 0 0 0;
		display: block;
		float: left;
		clear: left;
		width: 140px;
	}
	
	fieldset label.noclear
	{
		width: 70px;
		clear: none !important;
		padding-left: 4px;
		padding-right: 4px;
		text-align: right;
	}
	
	fieldset label.noclearshrink
	{
		width: auto !important;
		clear: none !important;
		padding-top: 0;
		padding-left: 4px;
		padding-right: 4px;
	}
	
	fieldset label.title
	{
		float: none;
		width: auto;
		font-size: 13px;
		font-weight: bold;
		color: #cc0000;
		margin: 0 0 20px 0;
	}
	
	fieldset label.error
	{
		display: none !important;
	}
	
	fieldset label.shorter
	{
		width: auto;
		padding: 0 4px 0 0 ;
	}
	
	fieldset label.longer
	{
		width: auto;
		float: none;
	}
	
	fieldset label.radio
	{
		width: auto;
		display: block;
		float: left;
		clear: none;
		border: none;
	}
	
	fieldset span.radio
	{
		display: block;
		float: left;
	}
	
	fieldset input
	{
		width: 120px;
		float: left;
		margin-bottom: 3px;
		padding: 1px 0;
		color: #000;
		border: 1px solid #888;
	}
	
	fieldset input.radio
	{
		width: auto !important;
		clear: none;
		margin-right: 8px;
		margin-top: 3px;
		border: 0 !important;
	}
	
	fieldset input.error
	{
		background: #ff9999;
		border: 1px solid #ff6666;
	}
	
		fieldset input.shorter
		{
			width: 60px;
		}
		
		fieldset input.longer
		{
			width: 380px;
		}
	
	fieldset select
	{
		float: left;
		margin-bottom: 3px;
	}
	
	fieldset textarea
	{
		width: 380px;
		height: 60px;
	}
	
	fieldset textarea.short
	{
		width: 120px;
	}
	
	fieldset textarea.full
	{
		width: 530px;
	}
	
	fieldset textarea.error
	{
		background: #ff9999;
		border: 1px solid #ff6666;
	}

	fieldset.finish
	{
		text-align: right;
		padding: 0 0;
	}
	
	fieldset.finish.box
	{
		padding: 0 20px;
	}

		fieldset.finish input
		{
			float: none;
			width: auto;
		}
		
span.errorList
{
	padding: 8px 0;
	display: block;
}

	span.errorList em
	{
		display: block;
		color: #ff0000;
		font-style: normal;
	}

span.messageList
{
	padding: 8px 0;
	display: block;
}

	span.messageList em
	{
		display: block;
		color: #aaa;
		font-style: normal;
	}

	
.hide { display: none; }

	div.right-float
	{
		float: right;
		margin-right: 30px;
	}

	table.cart td.cart-header
	{
		font-weight: bold;
		border-bottom: 2px dotted #a7b6be;
	}
	
	table.cart tr.cart-item
	{
		border-bottom: 2px dotted #a7b6be;
	}
	
	table.checkout tr.cart-item
	{
		border: 0;
	}
	
	table.cart tr.cart-item td
	{
		padding: 20px 5px;
		vertical-align: middle;
	}
	
	table.cart tr.cart-item td
	{
		padding: 10px 5px;
	}	
	
	table.cart td.cart-item-details
	{
		width: 100px;
		text-align: left;
	}
	
	table.cart td.cart-item-details img
	{
		vertical-align: middle;
	}
	
	table.cart td.cart-item-details2
	{
		width: 250px;
	}
	
	table.checkout td.cart-item-details2
	{
		width: 330px;
	}
	
	table.cart td.cart-item-price
	{
		width: 70px;
	}
	
	table.cart td.cart-item-qty
	{
		width: 150px;
	}
	
	table.cart td.cart-item-qty input
	{
		text-align: center;
	}
	
	table.cart td.cart-item-total
	{
		text-align: right;
		width: 80px;
	}
	
	div.cart-coupon
	{
		width: 130px;
		float: left;
		padding-right: 50px;
	}
	
	div.cart-shipping
	{
		width: 240px;
		float: left;
	}
	
	div.cart-totals
	{
		width: 150px;
		float: right;
		padding-left: 20px;
		text-align: right;
	}
	
	div.cart-totals span
	{
		float: right;
		width: 80px;
	}
	
	div.cart-totals div
	{
		font-weight: bold;
	}
	
	div.cart-totals #final-total
	{
		font-weight: bold;
	}
	
	div.checkout
	{
		padding: 20px 0;
		border-top: 2px dotted #a7b6be;
		clear: both;
	}
	
	div.checkout.login form.checkout-form
	{
		float: right;
		width: 262px;
	}
	
	div.checkout.login span
	{
		display: block;
		width: 300px;
	}
	
	div.checkout.details div.ship-to
	{
		float: left;
		width: 180px;
		padding-right: 10px;
	}
	
	div.checkout.details div.bill-to
	{
		float: left;
		width: 410px;
	}
	
	div.checkout.details div.shipping
	{
		float: left;
		width: 180px;
		padding-right: 10px;
	}
	
	div.checkout.details div.payment
	{
		float: left;
		width: 410px;
	}
	
	div.checkout.totals
	{
		text-align: right;
	}
	
	div.checkout.totals span
	{
		float: right;
		width: 80px;
	}
	
	div.checkout.totals div
	{
		font-weight: bold;
	}
	
	div.checkout.totals #final-total
	{
		font-weight: bold;
	}
	
	div.my-account
	{
		padding: 20px 0;
		border-top: 2px dotted #a7b6be;
		clear: both;
	}
	
	table td div.third-data-box
	{
		float: left;
		width: 180px;
		padding: 10px 20px 0 0;
	}

ul.lister
{
	margin: 10px 10px;
	width: 150px;
	float: left;
}

ul.lister li.main
{
	font-size: 20px;
}

ul.lister li
{
	padding: 4px;
}

table.nutrition
{
	width: 300px;
	text-align: left;
}

.nutrition td
{
	padding: 4px 5px;
	border-top: 1px solid #000;
}

.nutrition tr.thick td
{
	border-top: 2px solid #000;
}

.nutrition tr.thick2 td
{
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;

}