/* CSS Document */
body{margin:auto; font-family:"Arial";}

.clear{clear:both;}

ul,p,h1,h2,h3{margin:0px; padding:0px;}

#home{margin:auto; width:1000px;}

#main{
float:left;
width:996px;
padding-top:5px;
padding-left:4px;
/*padding-bottom:25px;*/
}

#header {
float:left;
height:100px;
width:990px;
background:url(images/header_back.jpg) repeat-x;
}

#logo {width:458px; height:100px; float:left; background:url(images/header_logo.jpg) no-repeat;}

#logo a{position: absolute; top: 5px; left: 5px; width: 180px; height: 89px;}

#logo a h1{display: none;}

#header_right {
float:right;
width:339px;
height:100px;
background:url(images/header_right.jpg) right no-repeat;
padding-right:14px;
}

#top_nav {
width:349px;
height:16px;
float: right;
margin-top: 13px;
text-transform:uppercase;
}

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

#top_nav ul{list-style:none; font-size:12px;}

#top_nav li{float:left; color:#009933; padding-left:3px; padding-right:3px;}

#header_right a{ text-decoration:none; color:#009933;}

#header_right a:hover{text-decoration:underline; color:#006600;}

#header_part{height:60px; width:350px; float:left; margin-top:6px;}

#img_nav{float:left; width:137px; height:52px; font-size:12px;}

.nav{ height:52px; float:left; width:29px; margin-right:9px;}

.img{width:29px; float:left;}

.link{float:left; width:29px; text-align:center;}

#navigationarea{float:left; width:990px; height:33px; margin-top:1px;}

#searcharea{width:203px; height:58px; float:left;}

#search{height:20px; float:left;}

.input{height:18px; width:150px; border:solid 1px #cccccc; padding-top:3px; float:left; margin-right:4px;}

.input1{
height:18px;
width:171px;
border:solid 1px #cccccc;
padding-top:3px;
margin-right:4px;
}

.GO
{
border:0px;
background:#eeeeee;
width:50px;
height:20px;
margin-top:2px;
font-weight:bold;
cursor:pointer;
}

#bookmark {
	width:155px;
	height:16px;
	float:right;
	margin-top:19px;
	margin-right: 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #4D6F1B;
}

#mainnav{float:left; width:774px; height:33px; background: #dddcdd; padding-left:10px;}

#mainnav ul{list-style:none;}

#mainnav li{
float:left;
color:#fff;
font-size:12px;
font-weight:bold;
padding-left:6px;
padding-right:6px;
padding-top:10px;}

#mainnav li a{
	text-decoration:none;
	color:#000;
	float:left;}

#number{
position:absolute;
width:112px;
height:23px;
padding-top:10px;
float:right;
color:#000;
font-weight:bold;
font-size:12px;}

#getonthelist{
width:155px;
height:30px;
float:right;
margin-top:3px;
margin-right: 20px;
}


#contentarea{
width:990px;
margin-top:5px;
}

#topcontent{
width:990px;
float:left;
} 

#bottomcontent{
width:990px;
float:left;
margin-top:15px;}

#leftnav{
width:178px;
float:left;
font-size:12px;
margin-right:15px;
}

#leftnav ul{
list-style:none;
padding-bottom:5px;
}

#leftnav li{
display:block;
background:#fafafa;
}

#leftnav li a{
color:#000;
display:block;
height:20px;
text-decoration:none;
padding-left:10px;
}

#leftnav li a:hover{background:url(images/lihover.jpg) right no-repeat #fafafa;}

#bigbanner{
width:599px;
height:249px;
float:left;
margin-right:6px;
}

#bigbannerhome{width:600px; float:left; margin-right:6px;}

#smart-banner
{
display: none;
}

#adspace {
width: 155px;
float:left;
margin-left:18px;
}

#tryour{
width:180px;
height:120px;
float:left;
margin-right:11px;
}

#popular_items{
width:600px;
float:left;
margin-right:25px;
}

#itemsheader{
width:590px;
height:17px;
background:#337722;
font-size:12px;
padding-left:10px;
padding-top:3px;
color:#fff;
}

#items{
width:600px;
margin-top:14px;
float:left;
height:130px;
}

.item{
height:127px;
float:left;
width:44px;
margin-right:20px;
}

.item1{
height:127px;
float:left;
width:100px;
margin-right:20px;
}

.item2{
height:127px;
float:left;
width:180px;
margin-right:20px;
}

.item3{
height:127px;
float:left;
width:72px;
margin-right:20px;
}

.item4{
height:127px;
float:left;
width:100px;
padding-right:20px;
}

.itempic{height:85px;}

.iteminfo{height:45px; float:left; font-size:14px;}

.iteminfo a{color:#006600;}

.iteminfo a:hover{text-decoration:none;}

#stie_sponsors{
width:152px;
float:left;
text-align:center;
font-size:12px;
color:#777777;
}

#stie_sponsors a{text-decoration:none; color:#777777;}

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

.site{font-size:14px; color:#777777;font-weight:bold;}

#bottom_ads {
width:990px;
float:left;
background:#f9f8ee;
border-top:solid 1px #999999;
border-bottom:solid 3px #c0c0c0;
padding-top:9px;
padding-bottom:9px;
color:#666666;
}

#bottom_ads a {
color:#006600;
}

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

.botttomad1 {
width:300px;
float:left;
font-size:11px;
}

.botttomad2 {
width:310px;
float:left;
font-size:11px;
}

.botttomad3 {
width:320px;
float: right;
font-size:11px;
}

.adheader {
font-size:14px;
color: #FF0000;
}

.adinfo1 {
float: right;
width: 220px;
}

.adinfo2 {
float:left;
width: 230px;
}

.adinfo3 {
float: right;
width: 190px;
}

#footer {
width:100%
float:left;
}

#footnav {
height: 18px;
float:left;
color:#666666;
font-size:10px;
}

#footnav ul {
list-style:none;
}

#footnav li {
float:left;
display:block;
padding-left:2px;
padding-right:2px;
}

#footnav a {
text-decoration:none;
color:#666666;
}

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

#copyright {
float:center;
height:18px;
color:#666666;
font-size:12px;
}

#copyright p {
font-size:12px;
float:left;
padding-left:15px;
font-family:Arial, Helvetica, sans-serif;
}

/* inner page */

#tryour_inner{
width:180px;
height:120px;
float:left;
background:#003399;
margin-top:20px;
}

#leftnav1{
width:178px;
float:left;
font-size:12px;
}

#leftnav1 ul{
list-style:none;
padding-bottom:5px;
}

#leftnav1 li{
display:block;
background:#fafafa;
}

#leftnav1 li a{
color:#000;
display:block;
height:20px;
text-decoration:none;
padding-left:10px;
}

#leftnav1 li a:hover{background:url(images/lihover.jpg) right no-repeat #fafafa;}

#maincontent{
width:598px;
min-height:425px;
float:left;
/*background:#adbedc;
border:solid 1px #fafafa;*/
margin-right:7px;
margin-bottom:15px;
}

#leftcontent{width:192px;float:left;}

#rightcontent {width:190px; float:left;}

#stie_sponsors_inner{
width:152px;
padding-top:14px;
float:left;
text-align:center;
font-size:12px;
/*background:url(images/stie_sponsors_header.jpg)  top center no-repeat;*/
color:#777777;
margin-left:17px;
margin-top:10px;
}

#stie_sponsors_inner a{text-decoration:none; color:#777777;}

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

/* --------------------- */
A {
  color: #006600;
  text-decoration: none;
  font-size: 12px;
}


A:hover {
  color: #89ad55;
  text-decoration: underline;
}

FORM {
	display: inline;
}

TR.header {
  background: #3d3d3f;
  color:#ffffff;
}

TR.headerNavigation {
  background: #999999;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #999999;
  color: #ffffff;
  font-weight:bolder;
}

A.headerNavigation { 
  color: #009933;
}

A.headerNavigation:hover {
  color: #009933;
}

TR.headerError {
 background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
 font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
 text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  background: #9a9a9a;
}

.infoBoxContents {
  background: #fff;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
  font-weight: bold;
  background: #5a5757;
  color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {background: #f8f8f9;}
TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {background: #f8f8f9;}
TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #000;
}

TR.subBar {background: #f4f7fd;}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
  color: #000000;
}

TD.main, P.main {
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
 line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {font-family: Verdana, Arial, sans-serif; font-size: 11px;}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }
.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */
.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */
.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

h1 { 
 font-family: Verdana, Arial, sans-serif;
 font-size: 20px;
 font-weight: bold;
 margin-bottom: 0;
 padding-bottom: 0;
}

h2 {
	font-family: Verdana, Arial, sans-serif;
 font-size: 14px;
 font-weight: normal;
 margin-bottom: 0;
 padding-bottom: 0;
}

TABLE.popup {border-width: 1px; border-style: dotted;}

ul.sitemap {color: #ff0000;}

.star-product-title {
  font-family: Verdana, Arial, sans-serif;
  text-align : center;
  font-size: 16px;
  font-weight: bold;
  color: #000000;
}

.star-product {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #000000;
}

.star-product-price{
  font-family: Verdana, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #ff0000;
}

/* Custom Product Builder */
.builder_heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  background: #eeeef0;
  color: #000000;
  font-weight: bold;
}

.builder_footing {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  background: #eeeef0;
  color: #000000;
  font-weight: bold;
  }

TH {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #000000;
  font-weight: bold;
}

/* End Custom Product Builder */
.infoBoxProducts {
  text-align: center;
  border: solid 1px #999999; 
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  background-color: transparent;
  color: #333333;
  margin-bottom:-8px;
}

.infoBoxProducts a {
  color: #333333;
}

TD.infoBoxGrid {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  border: solid 1px #999999;
}

/* set pos buy/details button on list */
img.buy_now {  
  margin-bottom:10px;
} 

/* set pos buy/details button on thumbnail */
img.thm_buy_now {
  margin-bottom:-3px;
} 

/* set style buy/details seperator thumbnail */
.buy_now {
	font-weight: bold;
	font-size: 18px;
	color: #999999;
} 



.infoBoxList {
 border: ridge 1px #9a9a9a;
 border-collapse: collapse;
 background-color: #fff;
 }

.thumbcontent {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color:#666666;
  text-align:center;
}

TD.noborderbox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  }

h1 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #000;
  }

p{  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #000;
  }

.dataTableHeadingContent{font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #000;}

.dataTableContent{font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #000;}

.invoice{  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #000;}

a.invoice{  font-family: Verdana, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #000;}

a.invoice:hover{color: #ccc;}

.hlist {  
  color: #000000 !important;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  }

.hlist a{
  color: #000000 !important;
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
  }

.hlist a:hover {
	color: #000000 !important;
	text-decoration:underline;}
	
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

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

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* 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/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

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

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