body {
 background:#c5d5d6;
 margin:0;
 padding:0;
}

body, th, td, textarea, input {
 font-family:courier new,courier,verdana,arial,sans-serif;
 font-size:12px;
 color:#1f2537;
}

input {
 font-family:verdana,arial,sans-serif;
}

#headerbg {
 background:transparent url(../../images/bg_header.gif) no-repeat center bottom;
}

#headerbody {
 width:900px;
 margin:0 auto;
 position:relative;
 height:230px;
}

#logo {
 padding-top:57px;
}

#logo a {
 padding:20px 20px 20px 0;
}

#toplinks {
 position:absolute;
 bottom:-15px;
 left:0;
}

#toplinks div {
 display:inline;
 margin-right:30px;
}

#cartlinks {
 text-align:right;
 position:absolute;
 bottom:5px;
 right:20px;
 font-size:11px;
}

.cartitems {
 margin-bottom:7px;
}

#topline {
 background:transparent url(../../images/bg_line.png);
 font-size:1px;
 height:3px;
 position:relative;
 top:-1px;
}


#maindiv {
 background:transparent url(../../images/bg_texture.jpg);
}

#maindivfade {
 background:transparent url(../../images/bg_texture_fade.jpg) repeat-x center top;
 min-height:672px;
 _height:672px;
}

#maincontent {
 width:900px;
 margin:0 auto;
 padding:25px 0 10px 0;
}

#grass {
 background:transparent url(../../images/bg_grass.jpg) repeat-x center bottom;
 height:108px;
 clear:both;
}

#footer {
 width:900px;
 margin:0 auto;
 padding:8px 0;
}

#footlinks div {
 display:inline;
}

#credit {
 padding-top:12px;
}

/* --- INDEX PAGE --- */

#slideshow {

}

#indexnews {
 background:transparent url(../../images/newshead.png) no-repeat left top;
 float:right;
 width:290px;
 padding-top:45px;
}

.home-feat-table {
 background:transparent url(../../images/feathead.png) no-repeat left top;
 margin-top:40px;
 padding-top:45px;
}

.home-feat-cell {
 margin-right:10px;
 float:left;
 width:140px;
 font-size:11px;
}

.home-feat-img {
 width:130px;
 overflow:hidden;
}

.home-feat-img img {
 display:block;
}

.home-feat-cell .itemname {
 background:transparent url(../../images/indexfeatbg.png) no-repeat center top;
 padding:3px 10px 0 10px;
 height:36px;
}

.home-feat-cell .price {
 display:none;
}


/* --- CATEGORY PAGE --- */

.shopcontent {margin-left:238px;}

.shopcats {
 float:left;
 margin:0 20px 30px 0;
 width:310px;
 height:325px;
 overflow:hidden;
}

.shopcats a:hover {text-decoration:none}
.shopcats a:active {text-decoration:none}

.paging {font-size:11px; text-align:right; margin-right:20px;}

.itemtable, .subcattable {
 width:660px; 
 _width:650px; 
 margin-bottom:3em;
}

.itemcell, .subcatcell {
 vertical-align:top; 
 font-size:11px;
 padding:3em 0 1em 0;
 border-bottom:1px solid #e1eced;
}

.subcatcell {border:0}

div.items {
 margin:0 5px;
}

.newicon {
 float:right; 
 margin-right:15px; 
 background:#e1eced; 
 padding:0 2px;
}

.item_thumb img, .home-feat-img, .shopcats img {
 border:5px solid #e1eced;
}

#category .itemname {height:2.4em;}

#category .price {margin-bottom:3px}

.saleprice {font-weight:bold;}
.notprice {text-decoration:line-through}


/* --- ITEM PAGE --- */

#leftnav {
 background:transparent url(../../images/leftnav.png) no-repeat left top;
 width:210px;
 float:left;
 font-size:14px;
 padding:35px 0 0 28px;
 height:378px;
 line-height:1.4em;
}

.vert-level-0, .vert-level-0-on {padding-top:20px;}
.vert-level-1, .vert-level-1-on {padding-left:5px;}

#itemdesc {
 float:left;
 width:269px;
}

#itemtitle {
 font-weight:bold;
}

#item .price {
 font-weight:bold;
 padding-left:10px;
}

.item-pager {
 padding-bottom:20px;
}

.product-form {
 width:269px;
 margin:20px auto 0 auto;
}

.product-form-top {
 background:transparent url(../../images/buytop.png) no-repeat center top;
 font-size:1px;
 height:10px;
}

.product-form-mid {
 padding:0 5px 20px 5px;
 background:#c5d5d6;
 position:relative;
}

.option {margin-bottom:1em}

.opt-ctrl, .opt-ctrl-req {
 padding:0 0 0 4px;
}

.opt-elem {
 margin:0;
 padding:0 0 0 10px;
}

.opttext input {
 width:130px;
}

.opttextarea textarea {
 width:220px;
}

#qty {
 float:right;
 background:transparent url(../../images/bear.png) no-repeat 35px 5px;
 width:110px;
 height:30px;
 padding-top:32px;
}

.product-form-mid .sm-button {
 position:absolute;
 bottom:-3px;
 left:22px;
}

.product-form-bot {
 background:transparent url(../../images/buybot.png) no-repeat center bottom;
 font-size:1px;
 height:10px;
}

#itembuttons {
 text-align:center;
 background:transparent url(../../images/twigs.png) no-repeat -10px -15px;
 padding-top:15px;
}

.restock {
 text-align:center;
}

#itemimg {
 width:320px;
 float:right;
}

.sharethis {
 text-align:center;
 padding-top:10px;
}


/* --- ACCOUNT PAGES --- */

.login {width:100%; margin:0 auto;}
.login td {width:50%;vertical-align:top;text-align:left; padding:0 50px;}
.login-form td {padding:0 5px}
.loginput input {width:100%}
.forgotlink {margin:0.5em 0;}

.login-register h2 {margin:0; padding:0 0 1em 0; text-align:center}
.login-confirm p {text-align:center}

.userpass .note, .userpass .notice {text-align:center}
.field-req, .billing-required {border-bottom:1px solid #ccc; font-weight:bold;}
.field, .billing-field {border-bottom:1px solid #ccc;}
.message, .msg, .dmsg {color:#f00;}

.register, .files {width:90%; margin:0 auto;}
.register-form td, .wlistsearch td {width:50%}
.reset-form, .register-form, .wlistsearch {width:420px; margin:0 auto;}
 .login-register {text-align:center}
.register .field-req, .register .billing-field {text-align:right;}
.files td {width:50%;vertical-align:top;text-align:left}

.userrecords {width:100%; margin:1em auto;}
.userrecords td {width:50%;}

.ordertable {text-align:left;width:90%;padding:0;margin:0 auto;}
.ordertable th {padding:4px;background-color:#DARKCOLOR;border-bottom:1px solid;color:#fff;}

#wish .wlistsearch, .wishtable, .topprods {width:100%}

.wishtable td td {padding:1px}
.wishlisttable, .accounttable {width:100%; border-bottom:1px solid #DARKCOLOR; margin-bottom:2em;}
.wishlisttable td, .wishlistbackbutton {text-align:center}
.wishlisttable .itemname {text-align:left;}
.wishlisttable .row1, .wishlisttable .row0 {border-top:1px solid #DARKCOLOR;}
.wishlisttable .optrow {border:0; text-align:left; padding-left:60px;}

.wdelete {text-align:right; margin-bottom:5px}
.wlistsearchinput {width:100%}


/* --- GENERAL --- */

#category h1 {display:none}
 
img {border:0}

a:link {color:#85251b; text-decoration:none;}
a:visited {color:#85251b; text-decoration:none;}
a:hover {color:#fff; text-decoration:underline;}
a:active {color:#fff; text-decoration:underline;}

form {margin:0; padding:0}
input, select {font-size:10px}

.sm-button, .abutton, .cbutton, .billbutt, .wbutton, .ddfm .submit input {
 background:#fff;
 color:#85251b;
 font-family:"courier new",courier,serif;
 font-size:12px;
 border:1px solid #597275;
 text-transform:lowercase;
 padding:2px 5px;
}

.product-form .sm-button {
 border:0;
 padding:0;
 background:transparent;
}


/* ------ FOR FORMATTING TEXT ------ */

.floatleft {float:left; margin-right:10px}
.floatright {float:right; margin-left:10px}
.clear {clear:both;height:1px}
.preload {display:none}

.left {text-align:left}
.ctr {text-align:center}
.right {text-align:right}
.justify {text-align:justify}

.small, .tinytxt {font-size:10px}

h1, .content-title, .title {
 font-size:16px;
 font-weight:bold;
 text-align:center;
}

h2 {font-size:15px;}
h3 {font-size:14px;}
h4 {font-size:13px;}

.column1 {
 width:49%;
 float:left;
}

.column2 {
 width:49%;
 float:right;
 padding-left:10px;
}

.column1 .padded {
 padding-right:20px;
}

.column2 .padded {
 padding-left:20px;
}

h2.title {
 background:#e1eced; 
 padding:0 2px;
 text-align:left;
}

h2.subtitle {
 border-bottom:2px solid #e1eced; 
 padding:0 2px;
}

.column1 h2.subtitle {
 margin-right:10px;
}

hr {
 border:0;
 border-bottom:2px dashed #e1eced; 
 margin:2em 0;
}

.error, .item-error, .errorlist {
 color:#85251b;
 font-weight:bold;
 padding:1em 0;
}

.notice {
 font-weight:bold;
}


/*PRODUCT PHOTO HOVERS*/
.largeimg {
position: relative;
z-index: 0;
}

.largeimg:hover {
background-color: transparent;
z-index: 50;
}

.largeimg span { /*CSS for enlarged image*/
position: absolute;
background-color: #c5d5d6;
padding: 5px;
left: -100px;
border: 1px dashed #688588;
visibility: hidden;
color: black;
text-decoration: none;
}

.largeimg span img { /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.largeimg:hover span { /*CSS for enlarged image on hover*/
visibility: visible;
top: -100px;
left:-100px; /*position where enlarged image should offset horizontally */
}

