@charset "ISO-8859-1";
/**************** Basics ****************/
* {
margin: 0;
padding: 0;
outline: 0;
}

body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
    line-height:1.4em; /* 16x1.4=22.4 */
	font-weight: normal;
	color: #333333;
}
body {
	background-color: #f1dfb9;
}

img, .left {
	float: left;
	margin: 0px;
	padding: 4px 10px 4px 0px;
}
.right, img.right {
	float: right;
	margin: 0px;
	padding: 4px 0px 4px 10px;
}

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

#container {
	text-align: left;
	width:772px;
	margin: 0px auto;
	padding: 0px 40px;
	background: url(/images/container_bg.jpg) repeat-y;
}

#header {
	width:772px;
	height:108px;
	background: transparent url(/images/header.jpg);
	margin: 0px;
	padding: 0px;
}

#nav_bar {
	position:relative;
	width:772px;
	height:57px;
	background: url(/images/nav_bar.png) no-repeat;
}

#content {
	width:516px;
	background: #ffffff url(/images/content_bg.png) repeat-x;
	margin: 0px 0px 0px 216px;
	padding: 20px;
}

#left-bar {
	width:196px;
	float: left;
	margin: 0px;
	padding: 10px 10px 29px 10px;
	background:transparent;
}


#footer {
	width:772px;
	height:69px;
	background: url(../images/footer_bg.png) no-repeat;
	padding: 0px 40px;
	margin: 0px 0px 0px -40px;
	clear: both;
}

/*************** Secondary Objects **************/

.store {
	background: #ffffff url(/images/at-store.png) no-repeat;
	width: 173px;
	margin: 10px 0px 0px 0px;
	padding: 10px;
}

.featured_product {
	width: 500px;
	margin: 10px 0px;
	padding: 0px 0px 10px 0px;
	background: url(/images/divider.png) bottom left no-repeat;
	height: 100px;
}
#sidebar {
	background: #ffffff;
	width: 173px;
	margin: 10px 0px 0px 0px;
	padding: 10px;
}

/**************** Headers & Text ****************/

p {
    font-size:0.75em; /* 16x0.75=12px */
	text-align:left;
	margin: 1.286em 0; /* 14x1.286=18px */
	line-height: 1.16em;
}
#content p.date {
	font-size: 0.62em; /* 16x0.62=10px */
	font-weight: bold;
	text-align: right;
}
li {
    font-size:0.75em; /* 16x0.75=12px */
	margin-left: 1.286em; /* 14x1.286=18px */
}
.centerpiece li {
    font-size:0.75em; /* 16x0.75=12px */
}
ul.file_download_list {
	list-style-type: none;
}
a:link, a:visited {
	color: #668822;
	text-decoration: none;
	border: 0px none;
}

a:hover, h5 a:hover {
	text-decoration: none;
	color: #662200;
	border: 0px none;
}

h1 {
	color: #333333;
}

h2 {
	color: #95350d;
	font-family:Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 1.81em; /*16x1.81=29px*/
	font-weight:normal;
	margin-bottom: -7px;
}

h3 {
	color: #95350d;
	font-family:Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 2.68em; /*16x2.68=43px*/
	font-weight:normal;
	line-height: 1em;
}

h4 {
	color: #608815;
	font-family:Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 1.13em; /*16x1.13=18px*/
	font-weight:bold;
	padding:10px 0px 6px 0px;
}


/**************** Overrides ****************/

#header h1 {
	text-indent: -9000px;
	margin: 0px;
	padding: 0px;
	height: 10px;	
}

#content h2 {
	margin-left: 35px;
}

#content h3 {
	margin: 12px 0px 30px 0px;
}

#left-bar li {
	text-indent:-9000px;
	list-style-type: none;
	display:block;
	margin: 0px;
	padding: 0px;
}

#left-bar li a {
	display: block;
}

#left-bar li.email a {
	background-image: url(/images/email_updates.png);
	background-repeat: no-repeat;
	left: 0px;
	top: 0px;
	height: 37px;
	width: 193px;
}
#left-bar li.friend a {
	background-image: url(/images/tell-a-friend.png);
	background-repeat: no-repeat;
	left: 0px;
	top: 0px;
	height: 37px;
	width: 193px;
	margin-top: 10px;
}
#left-bar #sidebar h3 {
	font-size: 1.1em;
	margin: 0px 0px 7px 0px;
}
#left-bar #sidebar ul {
	margin: 0px;
	padding: 0px;
}
#left-bar #sidebar li {
	text-indent: 0px;
	list-style-type: none;
	margin: 0px 0px 5px 0px;
	line-height: 1.3em;
}
	
.store h4 {
	text-indent: -9000px;
	height: 37px;
}

.store img {
	float: left;
	border: 3px solid #608815;
	margin: 0px 5px 3px 0px;
	padding: 0px;
}
.store h5 {
	color: #608815;
	font-family:Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 1em; /*16px*/
	font-weight:bold;
	padding: 0px;
	margin: 10px 0px 6px 0px;
	line-height: 1.2em;
}
.store p {
	margin: 0px 0px 5px 0px;
}

.featured_product h4 {
	margin: 10px 0px 5px 0px;
	padding: 0px;
	width: 500px;
}
.featured_product p {
	margin: 4px 0px 10px 0px;
}

#footer h5 {
	color: #ffffff;
	font-weight:normal;
	font-size: .68em; /*.68x16=11px*/
	padding: 0px 10px;
	margin: 0px;
}
#footer h5 a:link, #footer h5 a:visited {
	color: #ffffff;
	text-decoration: none;
	border-bottom: 0px none;
}
#footer h6 {
	color: #ffffff;
	font-weight:normal;
	font-size: .61em; /*.61x16=10px*/
	padding: 0px 10px;
	margin: -3px 0px 0px 0px;
}
#footer h6 a {
	color: #ffffff;
	text-decoration: none;
	border-bottom: 0px none;
}

/********** Nav Bar **********/
#nav_bar ul {
	width: 772px;
	float: left;
}

#nav_bar li {
	margin: 0px; 
	padding: 0px; 
	list-style: none; 
	display: block; 
	position: absolute;
	text-indent: -9000px;
}

#nav_bar a {display: block;}

#home, #home a {left: 0px; top: 0px; width: 92px; height: 35px;}
#about, #about a {left: 96px; top: 0px; width: 105px; height: 35px;}
#products, #products a {left: 205px; top: 0px; width: 99px; height: 35px;}
#news, #news a {left: 308px; top: 0px; width: 145px; height: 35px;}
#blog, #blog a {left: 458px; top: 0px; width: 174px; height: 35px;}
#contact, #contact a {left: 635px; top: 0px; width: 137px; height: 35px;}

#home a:hover {background: url(../images/nav_bar.png) 0px -57px no-repeat;}
#about a:hover {background: url(../images/nav_bar.png) -96px -57px no-repeat;}
#products a:hover {background: url(../images/nav_bar.png) -205px -57px no-repeat;}
#news a:hover {background: url(../images/nav_bar.png) -308px -57px no-repeat;}
#blog a:hover {background: url(../images/nav_bar.png) -458px -57px no-repeat;}
#contact a:hover {background: url(../images/nav_bar.png) -635px -57px no-repeat;}

/********** Contact Form **********/

.zemContactForm br, #txpCommentInputForm br {
	margin: 0px;
	padding: 0px;
	line-height: 1px;
}
#content ul.contact li {
	margin: 0px;
}
input.zemText, textarea.zemTextarea, input.comment_name_input, textarea.txpCommentInputMessage, input.comment_email_input, input.comment_web_input {
border:1px solid #999999;
color:#666666;
font-size:12px;
line-height:16px;
padding:5px 0px 0px 5px;
}
input.zemText, input.comment_name_input {
height:1.66em; /* 12x1.66=20px */
}
.zemContactForm label, #txpCommentInputForm label {
width:110px;
}
ul.contact label {
color:#888888;
float:left;
font-size:0.81em; /* 16x0.75=13px */
list-style-type:none;
padding:5px 0px 0px 5px;
text-align:right;
width:110px;
}
.zemContactForm input, #txpCommentInputForm input {
width:200px;
}
ul.contact input, ul.contact select, ul.contact textarea {
list-style-type:none;
margin:0px 0px 0px 4px;
width:200px;
}
form.zemContactForm li, form#txpCommentInputForm li {
border-bottom:1px solid #E3E3E3;
list-style-type:none;
margin:0pt;
padding:5px 0pt;
}
.odd {
background-color:#ffffff;
}
form.zemContactForm li.bottom, form#txpCommentInputForm li.bottom {
border-bottom:0px none;
}
input.zemSubmit {
background-color:#8bc53f;
border:1px solid #002a96;
color:#FFFFFF;
font-size:12px;
height:35px;
margin:0pt;
padding:0px;
width:115px;
}
ul.zemError {
background-color:#E4D29A;
}

/**************** Misc ****************/

.clear { clear: both; }