/* 
CSS by Translucent Developments, LLC
*/

/*****************************************************
*Global
*****************************************************/

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

html { 
	min-height		: 100%;
	margin-bottom		: 1px;
	}

body {
	background		: #fff url(../_images/bg.gif) repeat-x 0 0;
	font			: 100.01% verdana, arial, sans-serif;
	}

p {
	font-size		: 75%;
	line-height		: 1.4em;
	padding			: 0px 0px 10px 0px;
	}

ul {
	font-size		: 70%;
	line-height		: 1.2em;
	}

.clearboth {
	clear			: both;
	}

.header-gutter {
	padding			: 15px 50px 0px 50px;
	}

.nav-gutter {
	padding			: 50px 0 0 0;
	}

.gutter {
	padding			: 20px 50px 20px 50px;
	}

img, div {
	behavior		: url(iepngfix.htc);
	}

/*****************************************************
*Layout
*****************************************************/

#wrapper {
	width			: 870px;
	margin			: 0 auto;
	}

#header {
	width			: 870px;
	height			: 107px; /* headerL image height + header-gutter padding */
	background		: transparent url(../_images/top-bg.gif) no-repeat 0 0;
	}

#headerL {
	float			: left;
	width			: 207px;
	height			: 92px;
	background		: transparent url(../_images/bng-logo.gif) no-repeat 0 0;
	behavior		: url(iepngfix.htc);
	}

#headerR {
	float			: right;
	width			: 490px;
	height			: 92px;
	}

#main {
	width			: 868px;
	}

#banner {
	width			: 870px;
	height			: 215px;
	margin			: 0 auto;
	background		: #fff url(../_images/banner.jpg) no-repeat 0 0;
	}

#content {
	width			: 868px;
	background		: #fff url(../_images/main-bg.gif) repeat-y 0 0;
	}

#contentL {
	float			: left;
	width			: 500px;
	}
	
#contentL-full {
	}

#contentR {
	float			: right;
	width			: 230px;
	padding			: 10px 0 0 0;
	}

#footer {
	width			: 868px;
	padding			: 0 0 50px 0;
	background		: #fff url(../_images/footer-bg.gif) no-repeat 0 0;
	}

#footerL {
	float			: left;
	width			: 350px;
	font-size		: 65%;
	color			: #666666;
	}

#footerR {
	float			: right;
	width			: 300px;
	text-align		: right;
	font-size		: 65%;
	color			: #666666;
	}
	
#footerL a, #footerR a {
	color			: #999999;
	text-decoration		: none;
	}

#footerL a:hover, #footerR a:hover {
	text-decoration		: underline;
	}

/*****************************************************
* Typography
*****************************************************/

h1 {
	color			: #e58409;
	margin			: 0 0 10px 0;	
	font			: 180%/100% Arial, Helvetica, sans-serif;
	}

h2 {
	color			: #e58409;
	margin			: 0 0 5px 0;	
	font			: 120%/100% Arial, Helvetica, sans-serif;
	}

#product-container ul { margin-left:15px;}

/*****************************************************
* Images
*****************************************************/

img.float {
	float			: left;
	padding			: 5px 5px 5px 0;
	}

/*****************************************************
* Locator
*****************************************************/

#locatorC {
	width			: 200px;
	margin			: 0 auto;
	padding			: 10px 0 15px 0;
	}

input.locator {
	float			: left;
	width			: 125px;
	border			: 2px solid #dddddd;
	padding			: 3px;
	margin			: 0 5px 0 0;
	color			: #999999;
	font-size		: 110%;
	}

a.go {
	float			: left;
	display			: block;
	width			: 52px;
	height			: 30px;
	background		: #fff url(../_images/go.gif) no-repeat 0 3px;
	}

table.locator-table {
	font-size		: 75%;
	}

table.locator-table b.head {
	color			: #ffffff;
	display			: block;
	padding			: 5px
	}

table.locator-table a {
	color		: #e87d1d;
	}

td.coupon-image {
	padding		: 10px 0 10px 0;
	}
	
td.coupon-image img {
	border		: 1px solid #e87d1d;
	}