/*
 * $Id: body.css,v 1.41 2010/07/15 15:12:46 listitforabuck Exp $
 */

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

body {
	position: relative;
	clear: both;
}

h1 {
	color: #555555;
	font-size: 13pt;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
	clear: both;
}

h1 a {
	color: #208220;
}

h1 a:hover {
	color: #555555;
}

h2 {
	color: #555555;
	font-weight: bold;
	font-size: 11pt;
	clear: both;
}

h2 a {
	color: #208220;
}

h2 a:hover {
	color: #555555;
}

img, a {
	border: none 0px;
}

a {
	text-decoration: none;
	color: #0B490B;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	font-weight: bold;
}

a:hover {
	color: #208220;	
}

p {
	text-align: justify;
}

ol ul, ol p {
	padding: 0px 0px 0px 25px;
}

ol li li {
	margin: 0px 0px 0px 25px;
}

ol li li li {
	margin: 0px 0px 0px 35px;
}

#body {
	position: relative;
	background: url(/images/right_fade.jpg) top right repeat-y;
	width: 1000px;
	clear: both;
}

.errormessage {
	color: red;
}

#content {
	width: 550px;
	padding: 10px;
	float: left;
	color: #333333;
	font-size: 10pt;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
}

#content p {
        padding-bottom: 10px;
}

#content ul, #content li {
        margin-left: 20px;
}


#headerHolder {
	position: relative;
	width: 100%;
	background: #018c55 repeat-x;
	border-bottom: solid 2px #3c420d;
	clear: both;
        font-family: Ariel, Helvetica;
        font-size: 14pt;
        line-height: 20pt;
        color: #ffffff;
}

#header {
	position: relative;
	width: 1000px;
}

#header a {
	font-family: Arial !important;
}

.weare1 {
        padding-left: 60px;
}
.weare2 {
        padding-left: 30px;
}
.weare3 {
        padding-left: 30px;
}

#login {
	position: absolute;
	top: 0px;
	right: 20px;
}

#login a {
	color: #FFFFFF;
}

#login a:hover {
	color: #333333;
}

#topNavHolder {
	position: relative;
	width: 100%;
	background: #D7E6DA repeat-x;
	border-bottom: solid 2px #3c420d;
	clear: both;
}

#topNavDiv {
	position: relative;
	width: 1000px;
}

#topnav {
	list-style-type: none;
	width: 100%;
	height: 28px;
	background: #D7E6DA;
	display: block;
	clear: both;
}

#topnav li {
	float: left;
	padding: 0px 25px;
	height: 28px;
}

#topnav a {
	display: block;
	height: 28px;
}

#topnav .home { width: 87px; }
#topnav .create { width: 208px; }
#topnav .about { width: 120px; }
#topnav .faq { width: 77px; }
#topnav .contact { width: 140px; }
#topnav .overview { width: 300px; }
#topnav .userlist { width: 100px; }


#topnav .home a { width: 87px; background: url(/images/home_up.gif) no-repeat; }
#topnav .create a { width: 208px; background: url(/images/create_up.gif) no-repeat; }
#topnav .about a { width: 120px; background: url(/images/about_up.gif) no-repeat; }
#topnav .faq a { width: 77px; background: url(/images/faq_up.gif) no-repeat; }
#topnav .contact a { width: 140px; background: url(/images/contact_up.gif) no-repeat; }

#topnav .home a:hover { background: url(/images/home_down.gif) no-repeat; }
#topnav .create a:hover { background: url(/images/create_down.gif) no-repeat; }
#topnav .about a:hover { background: url(/images/about_down.gif) no-repeat; }
#topnav .faq a:hover { background: url(/images/faq_down.gif) no-repeat; }
#topnav .contact a:hover { background: url(/images/contact_down.gif) no-repeat; }

#categoryHolder {
	float: left;
	clear: left;
	width: 189px;
	padding: 22px 0px 0px 22px;
}

#categories {
	background: url(/images/left_fade.jpg) repeat-y;
	width: 189px;
}

#categories a {
	font-family: Arial !important;
}

#categories h1 {
	font-size: 13pt;
	color: #208220;
	padding: 10px;
}

#categories h1 a {
	padding: 10px;
}

#categories ul {
	margin: 10px 0px;
}

#categories li {
/*	list-style: url(/images/arrow.gif) outside circle; */
	list-style: none;
	margin: 0.1em 1.2em;
	position: relative;
	left: 0px;
	text-indent: -1em;
}

#categories li a {
	font-size: 10pt;
}

.subCategory {
	position: absolute;
	top: -12px;
	background: url(/images/right_fade.jpg) top left repeat-y;
	width: 189px;
	left: 155px;
	border-top: solid #333333 1px;
	border-bottom: solid #333333 1px;
	border-right: solid #333333 1px;
	border-left: none 0px;
	display: none;
	z-index: 10;
}

.subcategory li {
	width: 165px;
}

.feat {
	width: 100%;
	background: #D7E6DA;
	color: #555555;
	font-weight: bold;
	font-size: 11pt;
        padding: 2px 0px 2px 10px;
	clear: both;
}

#searchHolder {
	float: left;
	clear: both;
	width: 248px;
	height: 25px;
	padding: 0px 0px 0px 22px;
}

#searchForm {
	display: inline;
}

#searchSubmit {
	position: relative;
	top: 3px;
}

#searchForm input {
	display: inline;
}

.searchResult {
	margin-left:	15px;
}

#searchResults hr {
	clear: both;
	margin-bottom: 15px;
}

#addHolder {
	background: url(/images/right_fade.jpg) top right repeat-y;
	float: right;
	padding-right: 10px;
	margin: 0;
	width: 155px;
}

#addHolder img {
	padding: 15px;
	display: block;
}

#endspacer {
	clear: both;
}

#footerHolder {
	text-align: center;
	height: 35px;
	width: 1000px;
	clear: both;
}

#footerHr {
	border-top: solid 2px #333333;
	width: 200px;
	height: 20px;
}

#footer {
	font-size: 10pt;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#footer a {
	font-size: 10pt;
	font-weight: normal;
}

.right {
	float: right;
	margin: 15px 0px 15px 15px;
}

.left {
	float: left;
	margin: 15px 15px 15px 0px;
}

.home {
	font-family: herman, garamond;
	font-weight: bold;
	font-size: 13pt;
	line-height: 16pt;
	text-align: center;
	color: #000000;
	padding: 10px;
}

.home a:link,
.home a:visited,
.home a:hover,
.home a:active {
	text-decoration: none;
        color: #1c416b;
	font-family: inherit;
	font-weight: inherit;
	font-size: inherit;
	line-height: inherit;
	text-align: inherit;
}

.clear {
	clear: both;
}

.indent {
	text-indent: 25px;
}

.categoryList {
	float: left;
	clear: both;
	margin: 10px 0px;
}

.categoryItem {
	float: left;
	clear: none;
	width: 200px;
	padding: 0px 0px 0px 1.5em;
	text-indent: -1em;
}

.return {
	padding-top: 5px;
}	

.product {
	margin-bottom: 15px;
	padding-top: 15px;
	border-top: 1px solid #333333;
	clear: both;
}

.productList {
	float: left;
	clear: both;
	margin: 10px 0px;
	width: 100%;
}

.prodDescShort {
/*	width: 280px; */
/*	height: 5em; */
	overflow: hidden;
}

.mainProdImg {
/*	float: left; */
	padding-right: 10px;
	padding-bottom: 10px;
	max-width: 400px !important;
	max-height: 400px !important;
	width: expression(this.clientWidth > 399 ? "400px" : "auto");
	height: expression(this.clientHeight > 399 ? "400px" : "auto");
	text-align: center;
	vertical-align: middle;
}

.catProdImg {
	float: left;
	margin: 5px;
	max-width: 80px !important;
	max-height: 80px !important;
	width: expression(this.clientWidth > 79 ? "80px" : "auto");
	height: expression(this.clientHeight > 79 ? "80px" : "auto");
}

.prodImg {
	float: right;
	margin: 5px;
	max-width: 80px !important;
	width: expression(this.clientWidth > 79 ? "80px" : "auto");
}

.prodImgMore {
	margin: 5px;
	vertical-align: top;
	max-width: 80px !important;
	width: expression(this.clientWidth > 79 ? "80px" : "auto");
}

.prodImgs {
	display: inline;
	float: left;
	margin: 11px 4px;
}

.prodInfo {
	border: solid 1px #208220;
	margin: 5px;
	padding: 5px;
	background: #F5F5F5;
	width: 100%;
	min-height: 90px;
}


#loginForm {
	width: 300px;
	position: relative;
}

#loginForm div.label {
	margin: 5px;
	position: relative;
}

#loginForm input {
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 5px;
}

#userMenu h2
{
	padding: 4px 5px;
}

.userListing td,
.userlisting th
{
	padding: 2px 5px;
}

.userListing td
{
	border-top: 1px solid;
}

.userListing .statusRow
{
	border-style: none;
	text-align: center;
	color: #cc0000;
	font-weight: bold;
	clear: both;
}

.userListing .prodInfo
{
	position: relative;
	min-height: 150px;
	/*z-index: -1;*/

}

.userListing .prodInfo .prodInfoDetails
{
	float: left;
}

.userListing .prodInfo .statusLabel
{
	clear: both;
}

.userListing .actions
{
	float: right;
	width:		125px;
}

.userListing td.labelCell
{
	text-align: center;
}

.userListing td.editCell
{
	line-height: 1.5;
}

#msgForm th
{
	text-align: left;
}

#msgForm td,
#msgForm th
{
	padding: 2px 5px;
}

#saving
{
	background-color: white;
	border: 2px solid green;
	display: none;
	left: 150px;
	position: absolute;
	top: 450px;
	visibility: hidden;
	width: 300px;
}

.modal-dialog
{
	background-color:	white;
	border-color:	black;
	border-style:	solid;
	border-width:	1px;
	padding:	15px;
	width:	600px;
	display:	block;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	font-size: 10pt;
	color: #333333;
}

.modal-dialog ul,
.modal-dialog li
{
	margin-left: 20px;
}

.modal-dialog p
{
	padding-bottom: 10px;
}

.topMessage
{
	font-size: 11pt;
	font-weight: bold;
}

.imageGallery
{
	height: 400px;
	width:	400px;
	margin: 5px;
	position: relative;
}

/** Shopping Cart */

table.shoppingCart th
{
	background: #018c55;
	font-weight: bold;
	color: white;
}

table.shoppingCart
{
	width: 100%;
	border: 2px solid #018c55;
}

table.shoppingCart td
{
	background-color: #d7e6da;
	font-size: 9pt;
	padding-left: 5px;
	padding-right: 5px;
}

table.shoppingCart td.action
{
	text-align: left;
	font-size: 8pt;
}

table.shoppingCart td.action a
{
	font-weight: normal;
}

table.shoppingCart td.price,
table.shoppingCart td.date
{
	white-space: nowrap;
}

table.shoppingCart td.price
{
	text-align: right;
}

table.shoppingCart td.inlineForms,
table.shoppingCart td.inlineForms form
{
	text-align: center;
}

table.shoppingCart td.inlineForms form
{
	display: inline;
}

table.shoppingCart tr.total td
{
	font-weight: bold;
}

table.shoppingCart tr.subtotal td
{
	background-color: yellow;
}

table.shoppingCart span.expiration
{
	white-space: nowrap;
}

/* Small shopping cart in all pages */
table#tinycart
{
	border: 2px solid #018c55;
	float: right;
	font-size: 9px;
	font-size: 13px;
}

table#tinycart input
{
}

table#tinycart th
{
	background: #018c55;
	font-weight: bold;
	color: white;
	padding-left: 5px;
	padding-right: 5px;
}

table#tinycart td
{
	background-color: #d7e6da;
	padding-left: 5px;
	padding-right: 5px;
}

table#tinycart td.action
{
	text-align: center;
}

table#tinycart td.action a
{
	font-weight: normal;
}

table#tinycart th
{
	text-align: left;
}

table#tinycart th.price,
table#tinycart td.price,
table#tinycart td.date
{
	white-space: nowrap;
	text-align: right;
}

table#tinycart td.goto
{
	text-align: center;
}

table#tinycart td.inlineForms form
{
	display: inline;
	text-align: center;
}

table#tinycart span.expiration
{
	white-space: nowrap;
}

table#tinycart tr.total td
{
	font-weight: bold;
	text-align: right;
}