/*
dk brown #372413
med brown #B69967
lt brown #E1CDAA
maroon #490014
ylw #FFEA6F
*/

body {
	margin: 0;
	padding: 0;
	background: url(images/bg-body.gif) repeat-x;
	font-size: .9em;
	color: #FFFFFF;
}

body, th, td, input, textarea, select, option {
	font-family: Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FFFFFF;
}

h1 {

	font-size: 3em;
}

h2 {

	font-size: 2em;
}

h3 {
	font-size: 1.5em;

}

p, ul, ol {
	line-height: 150%;
}

blockquote {
	padding-left: 1em;
}

blockquote p, blockquote ul, blockquote ol {
	line-height: normal;
	font-style: italic;
}

a {
	color: #FFEA6F;
		font-weight:bold;
}

a:hover {
	text-decoration: none;
}

img { border: none; }

small {
font-size:75%;
}

larger {
font-size:125%;
}

.clear {
content: ".";
    display: block;

    clear: both;
    visibility: hidden;
}





/* Header */

#header {
	width: 900px;
	height: 170px;
	margin: 0 auto;
	background: url(images/bg-hdr.jpg) no-repeat;

}

/* Logo */

#logo {
	height: 125px;
}

#logo img {
	float: left;
	padding-top: 30px;

}

#logo p {
	float: right;
	margin:30px 20px 0 0;
	color:#000;
	font-weight:bolder;
	font-size:1.2em;
	text-align:right;
}


#logo a {
	text-decoration: none;
	color: #372412;
}


/* Menu */

/* active page tab */
#menu .active a {
background:#FFE96F; border:#B69967 solid 5px;width:170px;color:#000;
line-height:35px;
	height:35px;
}

#menu .active a:hover {
background:#FFE96F; border:#B69967 solid 5px;width:170px;color:#000;
		height:35px;
		line-height:35px;
}

/* common styling */
#menu {width:900px; height:50px; position:relative; font-size:22px; z-index:100;}
#menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;width:180px; height:50px; text-align:center; color:#fff;   line-height:50px;  overflow:hidden; }
#menu ul {padding:0; margin:0; list-style: none;}
#menu ul li {float:left; position:relative;}
#menu ul li ul {display: none;}

#menu ul li:hover a {background:#FFE96F; border:#B69967 solid 5px;width:170px;color:#000;height:35px;line-height:35px;}
#menu ul li:hover ul {display:block; position:absolute; top:45px; left:0; width:170px;line-height:35px;}
#menu ul li:hover ul li ul {display: none;}
#menu ul li:hover ul li a {display:block; background:#E1CDAA; color:#000;}
#menu ul li:hover ul li a:hover {background:#FFE96F; color:#000;}
#menu ul li:hover ul li:hover ul {display:block; position:absolute; left:170px; top:0;}
#menu ul li:hover ul li:hover ul.left {left:-170px;}



/* Page */

#wrapper {
	background: url(images/page-bg_DSS.jpg);
}


#page {
	width: 870px;
	min-height:800px;
	margin: 0px auto;
	padding:20px 10px;
	border-left:5px solid #B69967;
	border-right:5px solid #B69967;
	border-bottom:5px solid #B69967;
  background:#490014;
}

/* Content */

#content {
	float: left;
	width: 600px;
}

.post {
	padding: 0 0 20px 0;
}

.title {
 margin:0 0 20px 0;
	padding-bottom:10px;
	border-bottom: 2px dotted #fff;
	color: #FFEA6F;
}

.byline {
	margin: 0;
}

.meta {
	border-top: 1px solid #4A3903;
	text-align: right;
	color: #646464;
}

.meta a {
	padding-left: 15px;
	background: url(images/img06.gif) no-repeat left center;
	font-weight: bold;
}

#content h2 {
	margin: 0;
	padding: 5px 0 5px 30px;
	background: url(images/list-box.png) no-repeat left center;

	color: #FFf;
}

#content h2.nopad {
	margin: 0;
	padding: 5px 0 0px 30px;
	background: url(images/list-box.png) no-repeat left center;
font-size:1.5em;
	color: #FFf;
}

#content h4 {
	font-size: 1.5em;
	text-align:center;
	color:#FFEA6F
}

.img-left {
float:left; margin-right:10px;;
}

.img-right {
float:right; margin-left:10px; 
}

.blockbox {
width:600px; float:left; clear:both; padding-bottom:30px; margin-bottom:10px; 
}

.coupon1 {
width:280px;
margin:0 auto;
padding:5px;
background: #FFEA6F;

color:#372413;
text-align:center;
}

.coupon1 p {
padding:0;
margin:0;
font-weight:bold;

}

.coupon1 h3{
font-size:200%;
line-height:120%;
color:#490014;
font-weight:bolder;
text-transform:uppercase;
padding:0;
margin:0;
}

.center {
margin:0 auto;
width:500px;
}

.compare {
font-size:90%;
color:#6A1029;
padding-top:50px;
text-align:center;
}


/* 2 column list in content */

.left {
float:left;
padding-right:10px;
width:290px;
}

.right {
float:right;
padding-left:10px;
width:290px;
}

#content ul {
	margin-bottom:20px;
	padding:0;
	list-style-type: none;
	list-style-image: url("images/img06.gif");
}


#content li  {
	margin-left: 35px;
  list-style-position: outside;
	color:#fff;
	margin-bottom:5px;

}

.ruled li {
padding:10px 0;
border-bottom: 1px dotted #fff;
margin:10px 0;
}

/* checklist */

#checklist {
width:500px;
margin-left:80px;
}

#checklist li {
	padding-left: 60px;
	background: url(images/ckmark-ylw.png) no-repeat left 50%;
	color:#fff;
	font-size:24px;
	line-height:50px;
	border-bottom:0;
}

/* size table */

table#size-chart tr {
margin-bottom:20px;

}

table#size-chart th {
text-align:center;
}

table#size-chart td {
border-bottom:2px dotted #fff;
padding:10px;
}

/* Sidebar */

#sidebar {
	float: right;
	width: 260px;
	text-align:right;
}

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

#sidebar li {
}

#sidebar li ul {
	padding: 15px 0;
}

#sidebar li li {
	padding-left: 30px;
	border-bottom: 1px dotted #4A3903;
	background: url(images/img06.gif) no-repeat 15px 50%;
}

#sidebar h2 {
	margin: 0;
	padding: 20px 0 2px 30px;
	background: url(images/img05.gif) no-repeat left bottom;
	border-bottom: 2px solid #4A3903;
}

#sidebar a {
	text-decoration: none;
}

#sidebar a:hover {
	text-decoration: underline;
}

#sidebar img {
margin-bottom:20px;
}

/* Footer */

#footer {
	clear: both;
	padding: 10px 0;
	background: #E1CDAA;
	border-top: 5px solid #B69967;
	border-bottom: 5px solid #372413;
	text-align: center;
	color: #372413;
	font-size:.8em;
	font-weight:bold;

}

#footer a {
	color: #C28C21;
}

/* Contact Form */

.contact p{
width: 377px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/

height: 1%;
}

.contact label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.contact input[type=text]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 300px;
}

.contact input:focus, .contact textarea:focus {
background: #FFEA6F;
}

.contact textarea{
width: 300px;
height: 150px;
}

.submit-btn {
margin-left: 200px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}
.required {color: red; font-weight: bold; font-size: 130%;}