/* ===== base ====================================== */

html,
body {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #000;
	background: #67000b url(../images/bg_0.jpg);
	text-align: center;
	margin: 0;
	padding: 0;	
}

h1 { font-size: 24px; }

h2 { font-size: 21px; }

h3 { font-size: 18px; }

h4 { font-size: 14px; }

h5 { font-size: 12px; }

h1,
h2,
h2,
h4,
h5,
h6 { color: #000; }

address { margin: 1em 0; }

a {
	color: #000;
	outline: none;
}

a:visited { color: #333; }

a:hover { color: #bb272b; }

a img { border: 0; }

/* ===== containers ================================ */

#container {
	position: relative;
	width: 1010px;
	margin: 0 auto;
	text-align: left;
	background:#aa1727;
}
#subfooter {
	position: relative;
	width: 1010px;
	margin: 0 auto;
	text-align: left;
	/*background:#aa1727;*/
}

/* ===== header ==================================== */

#masthead {
	background:#000 url('../images/masthead_bg.jpg') no-repeat;
	height: 164px;
}

#logo {
	float: left;
	padding-left: 287px;
}

#orderOnline {
	float: left;
	width: 125px;
	height: 80px;
}

/* ===== sub-containers ==================================== */

#mainLeft {
	width: 220px;
	height: 473px;
	float: right;
	background: transparent url('../images/texture_below_nav.jpg') no-repeat left 175px; 
}

#mainRight {
	width: 790px;
	float: right;
}

/* ===== content detailing ==================================== */

#contentBoxA {
	padding: 0 20px 20px 20px;
}

#contentBoxB {
	padding: 15px;
	background: #cbad77;
}

#contentBoxWhite {
	width: 690px;
	padding: 15px;
	background: #fff;
}

#couponPadLeft {
	padding-left: 51px;
}

#couponBorder {
	width: 447px;
	background-color: #fff;
	border-right-width: 13px;
	border-left-width: 13px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #c19454;
	border-left-color: #c19454;	
}

#couponPrintBtn {
	padding-left: 203px;
}

#couponHeader {
	width: 630px;
	height: 144px;
	background-image: url(../images/coupons_hdr.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#couponBottom {
	width: 630px;
	height: 30px;
	background: url(../images/coupons_btm.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* ===== side navigation ==================================== */

#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#navigation ul li a {
	display: block;
	background: transparent url('../images/navigation.jpg?v=1') no-repeat left top;
	width: 220px;
	height: 30px;
}

#navigation ul li a.nav1 { background-position: left top; }

#navigation ul li a.nav2 { background-position: left -30px; }

#navigation ul li a.nav3 { background-position: left -60px; }

#navigation ul li a.nav4 { background-position: left -90px; }

#navigation ul li a.nav5 { background-position: left -120px; }

#navigation ul li a.nav6 { background-position: left -150px; }

#navigation ul li a.nav7 { background-position: left -180px; height: 62px; }

#navigation ul li a.nav1:hover,
#navigation ul li.on a.nav1 { background-position: -220px top; }

#navigation ul li a.nav2:hover,
#navigation ul li.on a.nav2 { background-position: -220px -30px; }

#navigation ul li a.nav3:hover,
#navigation ul li.on a.nav3 { background-position: -220px -60px; }

#navigation ul li a.nav4:hover,
#navigation ul li.on a.nav4 { background-position: -220px -90px; }

#navigation ul li a.nav5:hover,
#navigation ul li.on a.nav5 { background-position: -220px -120px; }

#navigation ul li a.nav6:hover,
#navigation ul li.on a.nav6 { background-position: -220px -150px; }

#navigation ul li a.nav7:hover,
#navigation ul li.on a.nav7 { background-position: -220px -180px; }

#navigation ul li a span { display: none; }

#nav ul {
	list-style: none;
	padding: 0 0 0 25px;
	margin: 0;
	text-transform: uppercase;
	text-decoration: none;
}

#nav ul li a {
	color: #fff;
	line-height: 30px;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;	
}

#nav ul li a:hover {
	color: #CBAD77;
	text-decoration: underline;
}

/* ===== footer ==================================== */

#footer {
	height: 37px;
	background: transparent url(../images/footer_bg.jpg) no-repeat left top;
	text-align: center;
	padding-top: 4px;
}

#bnav {
	font-size: 14px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

#bnav a {
	color: #000;
	text-decoration: none;
}

#bnav a:hover {
	font-size: 14px;
	color: #fff;
	text-decoration: none;
}

/* ===== subfooter (social media)=================== */

#socialMedia {
	margin: 10px 65px 20px 111px;	
	height: 26px;
}

#socialMedia li {
	float:right;
	margin: 0;
	padding: 0px 10px 0px 5px;
	list-style: none;
}
#socialMedia li a {
	height:26px;
	width:26px;
	display: block;
}
#socialMedia li span { display:none; }

#socialMedia li.checkusout { background: transparent url('../images/icon_checkusout.jpg') no-repeat left top; width:101px; height: 26px; }
#socialMedia li.youtube a { background: transparent url('../images/icon_youtube.jpg') no-repeat left top; }
#socialMedia li.facebook a { background: transparent url('../images/icon_facebook.jpg') no-repeat left top; }
#socialMedia li.blogspot a { background: transparent url('../images/icon_blogspot.jpg') no-repeat left top; }
#socialMedia li.twitter a { background: transparent url('../images/icon_twitter.jpg') no-repeat left top; }
#socialMedia li.myspace a { background: transparent url('../images/icon_myspace.jpg') no-repeat left top; }


/* ===== toolbox =================================== */

.floatLeft {
	margin: 0 1em 1em 0;
	float: left;
}

.floatRight {
	margin: 0 0 1em 1em;
	float: right;
}

.clear { clear: both; }

.reduced,
form {
	margin: 0;
	padding: 0;
	list-style: none;
	border: none;
}

.hide,
.print { display: none; }

/* ===== colors ==================================== */

.success {
	font-weight: bold;
	color: #090;
}

.error,
.required {
	font-weight: bold;
	color: #C00;
}

.blank
{
    color: #c0c0c0;
}