body {font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; background:url(../imgsource/bg.gif) center top repeat-y #000000; text-align:left; margin:0px; padding:0px; position:relative;}
h1 {font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#88762F;}
h2 {font:14px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#E8DFBB;}

input {border:1px solid #333; font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#fff; background:#222;}
input:focus {border:1px solid #ccc; font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#fff; background:#333;}
input.shopinput {border:1px solid #EBEBEB; font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#222; background:#F5F5F5; text-align:center;}
input.shopinput:focus {border:1px solid #FFCACA; font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#222; background:#fff; text-align:center;}
select {border:1px solid #333; font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#fff; background:#222;}
textarea {border:1px solid #333; font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#fff; background:#222;}
textarea:focus {border:1px solid #ccc; font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#fff; background:#333;}

input.login_button {background:url(../imgsource/login.jpg) 0px 0px no-repeat; width:90px; height:50px; border:none; cursor:pointer;}
input.login_button:hover {background-position: 0px -50px;	}
input.login_button:active {background-position: 0px -100px;}

input.retrieve_button {background:url(../imgsource/retrieve.jpg) 0px 0px no-repeat; width:90px; height:50px; border:none; cursor:pointer;}
input.retrieve_button:hover {background-position: 0px -50px;	}
input.retrieve_button:active {background-position: 0px -100px;}

input.send_button {background:url(../imgsource/send.jpg) 0px 0px no-repeat; width:90px; height:50px; border:none; cursor:pointer;}
input.send_button:hover {background-position: 0px -50px;	}
input.send_button:active {background-position: 0px -100px;}

input.print_button {background:url(../imgsource/print_receipt.jpg) 0px 0px no-repeat; width:90px; height:50px; border:none; cursor:pointer;}
input.print_button:hover {background-position: 0px -50px;	}
input.print_button:active {background-position: 0px -100px;}

input.pay_button {background:url(../imgsource/pay_now.jpg) 0px 0px no-repeat; width:120px; height:50px; border:none; cursor:pointer;}
input.pay_button:hover {background-position: 0px -50px;	}
input.pay_button:active {background-position: 0px -100px;}

input.create_button {background:url(../imgsource/create_account.jpg) 0px 0px no-repeat; width:170px; height:50px; border:none; cursor:pointer;}
input.create_button:hover {background-position: 0px -50px;	}
input.create_button:active {background-position: 0px -100px;}

input.update_account_button {background:url(../imgsource/update_account.jpg) 0px 0px no-repeat; width:170px; height:50px; border:none; cursor:pointer;}
input.update_account_button:hover {background-position: 0px -50px;	}
input.update_account_button:active {background-position: 0px -100px;}

input.submit_button {background:url(../imgsource/submit.jpg) 0px 0px no-repeat; width:90px; height:50px; border:none; cursor:pointer;}
input.submit_button:hover {background-position: 0px -50px;	}
input.submit_button:active {background-position: 0px -100px;}

input.return_voucher_button {background:url(../imgsource/return-to-voucher.jpg) 0px 0px no-repeat; width:170px; height:50px; border:none; cursor:pointer;}
input.return_voucher_button:hover {background-position: 0px -50px;	}
input.return_voucher_button:active {background-position: 0px -100px;}

input.update_button {background:url(../imgsource/update_totals.jpg) 0px 0px no-repeat; width:130px; height:43px; border:none; cursor:pointer;}
input.update_button:hover {background-position: 0px -43px;	}
input.update_button:active {background-position: 0px -86px;}

input.delete_button {background:url(../imgsource/delete_item.jpg) 0px 0px no-repeat; width:52px; height:26px; border:none; cursor:pointer;}
input.delete_button:hover {background-position: 0px -26px;	}
input.delete_button:active {background-position: 0px -52px;}

input.checkout {background:url(../imgsource/checkout.jpg) 0px 0px no-repeat; width:105px; height:38px; border:none; cursor:pointer;}
input.checkout:hover {background-position: 0px -38px;	}
input.checkout:active {background-position: 0px -76px;}

.freight-alert a {float:right; display:block; background:url("../imgsource/checkout.jpg") 0px 0px no-repeat; width:105px; height:38px; border:none; cursor:pointer; margin:0px; text-decoration: none;}
.freight-alert a:hover {background-position:0px -38px;	text-decoration: none;}
.freight-alert a:active {background-position:0px -76px; text-decoration: none;}

.proceed-to-checkout a {float:left; display:block; background:url("../img/proceed-to-checkout.png") 0px 0px no-repeat; width:180px; height:50px; border:none; cursor:pointer; margin:5px 0px 0px 200px; text-decoration: none;}
.proceed-to-checkout a:hover {background-position:0px -50px;	text-decoration: none;}
.proceed-to-checkout a:active {background-position:0px -100px; text-decoration: none;}

.continue-shopping a {float:left; display:block; background:url("../img/continue-shopping.png") 0px 0px no-repeat; width:170px; height:50px; border:none; cursor:pointer; margin:5px 0px 0px 0px; text-decoration: none;}
.continue-shopping a:hover {background-position:0px -50px;	text-decoration: none;}
.continue-shopping a:active {background-position:0px -100px; text-decoration: none;}

#about {float:left; font:11px Tahoma, Arial, Verdana, Helvetica, sans-serif; color:#ebebeb; width:730px; height:100%; padding:10px 30px 0px 50px; line-height:19px;}
#about a {font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; border-bottom:1px solid #ff0000; line-height:19px; padding:0px 0px 2px 0px;}
#about a:hover {color:#ebebeb; border-bottom:1px solid #fff;}
#about p.link a:hover {color:#fff;}
#about p.link a:link span{display: none;}
#about p.link a:visited span{display: none;}
#about p.link a:hover span {
position: absolute;
margin:30px 0px 0px -500px;
background-color: #FFFFE8;
max-width:600px;
padding: 2px 10px 2px 10px;
border: 1px solid #88762f;
color: #FF0000;
text-align:left;
display: block;}

#content {float:left; font:11px Tahoma, Arial, Verdana, Helvetica, sans-serif; color:#ebebeb; width:780px; height:100%; padding:10px 10px 0px 20px; line-height:19px;}
#content a {font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; border-bottom:1px solid #ff0000; line-height:19px; padding:0px 0px 2px 0px;}
#content a:hover {color:#ebebeb; border-bottom:1px solid #fff;}
#content #img {float:left; padding:20px; margin:20px; background:#fff; border:1px solid #E8DFBB;}
#content #details {float:left; width:450px; padding:20px;}
#content #related {float:left; width:700px; padding:20px;}


#container {margin:0px auto 0px auto; padding:0; width:980px; position:relative;}
#container a {font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#E8DFBB; text-decoration:none; font-weight:bold; line-height:19px;}
#container a:hover {color:#FFFFFF; text-decoration:none;}

#freight {float:left; font:11px Tahoma, Arial, Verdana, Helvetica, sans-serif; color:#222; width:550px; height:100%; padding:0px; line-height:19px; text-align:left;}
#freight a {font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#E8DFBB; text-decoration:none; border-bottom:1px solid #ff0000; line-height:19px; padding:0px 0px 2px 0px;}
#freight a:hover {color:#ebebeb; border-bottom:1px solid #fff;}

/* header */
#header {float:left; width:980px; height:130px;}
#header #seo {float:left; width:980px; height:10px;}
#header #logo {float:left; width:575px; height:95px;}
#header #delivery {float:left; width:405px; height:95px;}
#header #tagline {float:left; width:615px; height:25px;}
#header #fundraising {float:left; width:111px; height:25px;}
#header #cart {float:left; width:97px; height:25px;}
#header #membership {float:left; width:157px; height:25px;}
/* end header */

#fld {float:left;}
#fld-content {float:left; width:980px; background:url(../imgsource/bg_tile.gif) left top repeat-y; text-align:left;}
#footer {float:left; width:980px; text-align:left;}

#ftlink {float:left; font:11px Tahoma, Arial, Verdana, Helvetica, sans-serif; color:#E8DFBB; padding:0px 20px 0px 40px; margin:30px 0px 30px 0px; line-height:19px;}
#ftlink a {font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#E8DFBB; text-decoration:none; font-weight:bold; line-height:19px;}
#ftlink a:hover {color:#FFFFFF; text-decoration:none;}

#ftcontact {float:left; font:10px Tahoma, Arial, Verdana, Helvetica, sans-serif; color:#FFFFFF; margin:30px 0px 30px 20px; line-height:16px;}
#ftcontact a {font:10px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#E8DFBB; text-decoration:none; font-weight:bold; line-height:16px; border-bottom: 1px solid #E8DFBB;}
#ftcontact a:hover {color:#FFFFFF; text-decoration:none; border-bottom:1px solid #FFFFFF;}

.brdBot {border-bottom:1px solid #F5F5F5;}
.brdBot:hover {border-bottom:1px solid #FFCACA;}

.txtAlert {font:10px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#FF0000; text-decoration:none;}
.txtGrey {font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#222222; text-decoration:none;}
.txtOliveLt {font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#E8DFBB; text-decoration:none; font-weight:bold;}
.txtRed {font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#CC0000; text-decoration:none;}
.txtWhite {font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none;}