/* CSS Document */

html, body, form {margin:0; padding:0; border:0}
body {
	font:.8em/1.7 arial,sans-serif;
	background:#7B4416 url(../images/bg.jpg) repeat-x 0 0;
	color:#1e1e1e}

/* Universal Properties ----------------------------------------------- */
p, ul, li, fieldset, dl, address {margin:0 211px 1em 34px; padding:0}
address {font-style:normal}
abbr, acronym {cursor:help}
a img {border:0}
.nowrap {white-space:nowrap}

.special {
	padding:8px;
	font-weight:bold;
	background:#fafafa;
	border:1px solid #DCDCDA;
	border-width:1px 0}
.note {font-size:.9em; font-weight:normal; color:#666}

p.backtotop {text-align:right; clear:both}
p.backtotop a {font-size:.8em}

/* ---- links ---- */
a:link {color:#5f0a0a; text-decoration:underline}
a:visited {color:#440000; text-decoration:underline}
a:hover {color:#7B4416; text-decoration:underline}
a:active {color:#5f0a0a; text-decoration:none}

/* ---- lists ---- */
ul {margin-top:10px; list-style:url(../images/bullet1.gif)}
li {margin:0 0 .5em 68px}
ul li ul {margin-top:10px}

.no_bullet {list-style:none none}

/* ---- table ---- */
table {
	margin:1.5em 211px 1em 34px;
	padding:0;
	width:549px;
	background:#FAFAFA;
	border:1px solid #DCDCDA;
	border-width:1px 0;
	border-collapse:collapse}
th {
	padding:.5em 5px;
	text-align:left}
td {
	margin:5px;
	padding:5px;
	background:#EEE;
	vertical-align:top}
td ul {
	margin:0;
	padding:0}
td li {
	margin:0 0 .5em 30px;
	padding:0}
td span {font-size:.85em; font-weight:normal; color:#666}

table.list td {border-bottom:1px solid #CCC}
table.jar_previews a img {border:1px solid #CCC}
table.jar_previews a:hover img {border:1px solid #6E2513}

/* ---- definition list ---- */
dl {
	padding:10px 10px 10px 50px;
	background:#FAFAFA url(../images/bg_testimonial1.gif) no-repeat 10px 10px;
	border:1px solid #DCDCDA;
	border-width:1px 0}
dt {
	margin:0;
	padding:0}
dd {
	margin:15px 0 0 0;
	padding:0 0 0 20px;
	font-weight:bold;
	background:url(../images/bullet1.gif) no-repeat 0 0}

/* ---- h1, h2, h3, etc. ---- */
h1 {
	margin:.25em 211px .5em 34px;
	font-size:1.8em;
	color:#5f0a0a}
h2,
legend {
	margin:2em 211px .25em 34px;
	font:bold 1.3em/1.4 "Trebuchet MS",tahoma,arial,sans-serif;
	color:#ab7d47;
	text-transform:uppercase}
legend {
	margin:0 0 .25em;
	padding:0}
h2 small {
	font-size:.8em;
	text-transform:none;
	color:#666}
h2 small a {font-size:.9em}
h3 {
	margin:2em 211px 0 34px;
	font-size:1.2em;
	color:#343233}

/* ---- linkPreview ---- */
.doc, .pdf, .ppt, .txt, .xls {
	width:20px;
	margin:0 5px 0 0;
	padding:0 15px 0 0;
	background:transparent url(../images/icon_doc.gif) no-repeat right top}
.pdf {background-image:url(../images/icon_pdf.gif)}
.ppt {background-image:url(../images/icon_ppt.png)}
.txt {background-image:url(../images/icon_txt.png)}
.xls {background-image:url(../images/icon_xls.png)}

/* nav ----------------------------------------------- */
#nav {
	margin:0 auto;
	width:797px;
	height:3.4em;
	background:transparent;
	border-bottom:3px solid #24262d}
#nav ul {
	margin:11px 14px 0 0;
	padding:0;
	float:right;
	list-style:none none}
html>body #nav ul {margin:11px 32px 0 0}

#nav li {
	margin:0;
	padding:0;
	float:left}

#nav a:link, #nav a:visited {
	display:block;
	margin:0 5px;
	padding:4px 6px 5px;
	color:#fefefe;
	border:1px solid #1E222E;
	font:bold 1.2em/1 "Trebuchet MS",tahoma,arial,sans-serif;
	text-decoration:none}

html>body #nav a:link,
html>body #nav a:visited {border:1px solid transparent}

#nav a:hover {
	color:#FEFEFE;
	background:#A16C2F;
	text-decoration:none}

#nav li.selected a:link,
#nav li.selected a:visited,
#nav li.selected a:hover {background:#6e2513; border:1px solid #6b6d73}

/* container, wrapper ----------------------------------------------- */
#container {
	margin:0 auto;
	width:797px;
	background:#FFF url(../images/bg_container.gif) repeat-y 0 0}

/* header ----------------------------------------------- */
#header {
	position:relative;
	height:289px;
	text-align:center;
	background:transparent url(../images/bg_header.gif) no-repeat center top}
#header img {
	padding:3px 0 0;
	background:#FFF}

a#logo {
	position:absolute;
	top:23px;
	left:24px;
	display:block;
	width:162px;
	height:161px;
	background:transparent url(../images/logo.png) no-repeat 0 0}
a#logo:hover {
	cursor:pointer;
	background-color:#FFF}
a#logo img {display:none}

/* content ----------------------------------------------- */
#content {
	position:relative;
	float:left;
	min-height:400px;
	height:auto !important;
	height:400px}
#content p,
#content ul {font-size:1.05em}

#products {margin:-70px 17px 0 34px; float:right}
html>body #products {margin-right:37px}

#products h2 {
	position:relative;
	margin:0 0 8px;
	padding:0;
	width:322px;
	background:#FFF url(../images/bg_products.gif) repeat-y 0 0;
	color:#6e2513;
	xxxfont:bold 1.1em/1.4 "Trebuchet MS",tahoma,arial,sans-serif;
	font:bold 1em/1.5 arial,"Trebuchet MS",sans-serif;
	min-height:88px;
	height:auto !important;
	height:88px}
#products a {
	margin:0;
	padding:8px 203px 5px 8px;
	display:block;
	border:1px solid #CCC;
	border-top:5px solid #6e2513;
	text-decoration:none;
	min-height:88px;
	height:auto !important;
	height:88px}
#products a:hover {
	border:1px solid #A16C2F;
	border-top:5px solid #A16C2F;
	text-decoration:underline}
#products img {
	position:absolute;
	top:5px;
	right:1px}

#pic {
	margin:-70px 37px 20px 34px;
	float:right}

/* ---- products navigation ---- */
#products_nav {
	position:relative;
	margin:-110px 17px 20px 34px;
	padding:19px 0 17px;
	float:right;
	clear:both;
	width:265px;
	border:1px solid #CCC;
	background:#FFF url(../images/products_nav.gif) repeat-y 0 0;
	font-weight:bold}
html>body #products_nav {margin-right:37px}

body.products_page #products_nav {margin-top:-70px}

#products_nav h3 {
	margin:10px 10px 10px 20px;
	padding:0 0 0 20px;
	background:url(../images/bullet2.gif) no-repeat 0 -2px}
#products_nav ul {
	margin:0 0 10px 10px;
	padding:0;
	list-style:none none}
#products_nav li {
	margin:0;
	padding:0}
#products_nav a {
	padding:8px 10px;
	display:block;
	line-height:1.4em;
	width:225px;
	text-decoration:none;
	border-bottom:1px solid #cccbca}
#products_nav li:first-child a {
	border-top:1px solid #cccbca}

#products_nav a:hover {
	background:#A16C2F;
	color:#FFF}
#products_nav li.selected a {
	background:#6e2513;
	color:#FFF}

#extra_top,
#extra_bottom {
	position:absolute;
	left:0;
	width:265px;
	height:26px}
#extra_top {background:transparent url(../images/products_nav_extra.gif) no-repeat 0 0; top:0}
#extra_bottom {background:transparent url(../images/products_nav_extra.gif) no-repeat 0 -26px; bottom:0}

/* footers ----------------------------------------------- */
#footer1 {
	height:184px;
	background:transparent url(../images/bg_footer.jpg) no-repeat center bottom;
	font:.8em/1.4 verdana,arial,sans-serif;
	color:#ededed;
	border-bottom:3px solid #603511;
	text-align:center;
	clear:both}
#footer1 p {
	margin:0 211px 0 25px;
	padding:140px 0 0}
#footer1 span {margin:0 10px}
#footer1 a {color:#FFF; text-decoration:none}
#footer1 a:hover {text-decoration:underline} 

#footer2 {height:101px}

/* Forms ----------------------------------------------- */
fieldset {margin-top:3em; border:0; background:transparent}
form span {margin:0 2px; color:#FF0000; font:bold 1em verdana,sans-serif}

form table {
	margin:0;
	padding:0;
	background:transparent;
	border-collapse:collapse;
	border:0}
form tr {
	margin:0;
	padding:0}
form th {
	margin:0;
	padding:10px;
	vertical-align:top;
	text-align:right}
form td {
	margin:0;
	padding:5px;
	background:transparent}
label {
	margin:0;
	cursor:pointer;
	font-weight:bold}
label.city {
	display:inline;
	width:121px}
label.state,
label.zip {
	display:inline;
	width:auto}

input#city {width:196px}
input#state {width:30px}
input#zip {width:46px}

input, textarea{
	width:300px;
	padding:4px;
	font:1em verdana,arial,sans-serif;
	border:1px solid #666;
	background:#EEE}
textarea {
	overflow:auto;
	margin:0 0 -2px}

input:hover, textarea:hover {
	border:1px solid #0C0F20;
	background:#EEE}

input:focus, textarea:focus {
	border:1px solid #A16C2F;
	background:#FFF}

input.radio, input.check {
	width:auto;
	margin:2px 5px 0;
	border:none;
	background:none}

input.submit, input.reset {
	cursor:pointer;
	margin:20px 0 10px;
	background:#A16C2F;
	border-color:#A16C2F;
	color:#FFF;
	width:154px;
	display:inline}
input.submit {margin-right:2px}

input.submit:hover, input.reset:hover,
input.submit:focus, input.reset:focus {
	background:#6e2513;
	border:1px solid #6b6d73;
	color:#FFF}

input.validation-failed, textarea.validation-failed {
	border:1px solid #FF0000;
	color:#FF0000}

.validation-advice {
	float:left;
	margin:-1px 0 5px;
	padding:4px;
	background:#FF0000;
	text-align:center;
	color:#FFF;
	width:302px}

/* Lightbox 2.03 ----------------------------------------------- */
#lightbox {
	position:absolute;
	left:0;
	width:100%;
	z-index:100;
	text-align:center;
	line-height:0}

#lightbox a img {border:0}

#outerImageContainer {
	position:relative;
	margin:0 auto;
	background:#FFF;
	width:250px;
	height:250px}

#imageContainer {
	padding:10px}

#loading {
	position:absolute;
	top:40%;
	left:0%;
	width:100%;
	height:25%;
	text-align:center;
	line-height:0}
#hoverNav {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:10}
#imageContainer>#hoverNav {left:0}
#hoverNav a {outline:0}

#prevLink, #nextLink {
	width:49%;
	height:100%;
	background:transparent url(../images/lightbox_blank.gif) no-repeat; /* Trick IE into showing hover */
	display:block}
#prevLink {left:0; float:left}
#nextLink {right:0; float:right}
#prevLink:hover, #prevLink:visited:hover {background:url(../images/lightbox_prevlabel.gif) no-repeat left 15%}
#nextLink:hover, #nextLink:visited:hover {background:url(../images/lightbox_nextlabel.gif) no-repeat right 15%}

#imageDataContainer{
	margin:0 auto;
	font:10px/1.4 Verdana, Helvetica, sans-serif;
	background-color:#FFF}

#imageData {padding:0 10px; color:#666}
#imageData #imageDetails {width:70%; float:left; text-align:left}
#imageData #caption {color:#A16C2F; font-weight:bold}
#imageData #numberDisplay {padding-bottom:1.0em; display:block; clear:left}
#imageData #bottomNavClose {margin:10px 0 0; padding-bottom:0.7em; width:66px; height:20px; float:right}

#overlay {
	position:absolute;
	top:0;
	left:0;
	z-index:90;
	width:100%;
	height:500px;
	background-color:#000}

/* Min-Width */
.lbWidth {position:absolute; top:0; left:0; width:100%; min-width:790px} /* most browsers */
* html .lbContent { margin-left:-790px; position:relative} /* IE6 */
* html .lbMinWidth {padding-left:790px} /* IE6 */

/* Clearfix */	
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix {display:inline-block}

/* Hides from IE-mac \*/
* html .clearfix {height:1%}
.clearfix {display:block}
/* End hide from IE-mac */