html, body {width:100%; height:100%; margin:0; padding:0;}

body {
 background:#dddedf url(../../images/bg.gif);
}

body, th, td, input, textarea {
 font-family:Georgia,Times,'Times New Roman',serif;
 font-size:10px;
 color:#9C9E9F;
}

#page {
 width:929px;
 margin:0 auto;
 background:#fff;
}

#head {
 height:154px;
 background:#fff url(../../images/headbg.gif) no-repeat center bottom;
 position:relative;
}

#headimage {
 position:absolute;
 top:9px;
 left:12px;
}

#logo {
 position:absolute;
 top:44px;
 right:39px;
}

#headacc {
 position:absolute;
 top:80px;
 right:12px;
 width:290px;
}

#headshop {
 position:absolute;
 top:106px;
 right:12px;
 width:290px;
}

#cartnum {
 text-align:right;
 float:right;
 font-size:13px;
 color:#000;
 margin-top:-2px;
}

#headsearch {
 position:absolute;
 bottom:2px;
 right:12px;
 width:290px;
 white-space:nowrap;
 text-align:right;
}

input.searchbox {
 width:200px;
 border:0;
 background:#fff url(../../images/searchbg.gif) repeat-x left bottom;
 padding-bottom:6px;
}

#headsearch img {
 vertical-align:middle;
 position:absolute;
 left:0;
 top:5px;
}

.search-button {
 vertical-align:-8px;
}

#pagecontent {
 background:#fff url(../../images/bodybg.gif) repeat-y;
}

#category #pagecontent, #search #pagecontent, #user #pagecontent, #content1004 #pagecontent, #cart #pagecontent, #checkout #pagecontent, #content #pagecontent {
 background:none;
}

#menu {
 background:#fff url(../../images/menubg.gif) no-repeat;
 width:137px;
 height:486px;
 position:relative;
 float:left;
 margin:6px 0 0 12px;
 padding:2px;
}

#leftnav img {
 display:block;
}

.vert-level-0:hover, .vert-level-0-on, .specialnav:hover, .specialnav-on {
 background:transparent url(../../images/menu_x.gif) no-repeat right top;
}

#mailinglist {
 padding:15px 4px 0 0;
 text-align:right;
}

input.mailingbox {
width:126px;
border:1px solid #dfdfdf;
background:#dfdfdf;
margin:2px 0 4px 0;
}

#menublog {
 position:absolute;
 bottom:5px;
 left:7px;
}

#maincontent {
 margin-left:159px;
 min-height:490px;
 padding-top:6px;
}

#footer {
 background:#fff url(../../images/footbg.gif) no-repeat center top;
 height:35px;
 margin-top:7px;
 position:relative;
}

#footer div {
 display:inline;
 position:absolute;
 top:13px;
}

#credit {
 text-align:right;
 padding:7px 12px 25px 12px;
 font-size:10px;
}


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

#index #maincontent {
 padding-top:3px;
}

#indexlarge {
 float:left;
 width:460px;
 padding-top:3px;
}

#indexright {
 margin-left:475px;
 padding:0;
}

#indexright img {
 display:block
}

#indexright div {
 padding-top:4px;
}


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

#category #pagecontent {
 background:none;
}

.itemtable, .subcattable {width:758px; margin-top:1em;}

.itemcell {
 vertical-align:top; 
 text-align:right;
 padding-bottom:2em;
}

.itemcell .itemname {
 width:130px;
 text-align:left;
 padding-left:12px;
}

.itemcell .price {
 float:right;
}

.saleprice {}
.notprice {text-decoration:line-through}

.paging {
 text-align:right;
 margin-right:12px;
 float:right;
 height:10px;
}

.paging1 {
 text-align:right;
 margin-right:12px;
}

.pageall {
 margin-left:12px;
 height:10px;
}

.pagebot {display:none}

#backtotop {
 text-align:right;
 padding-right:12px;
}


/* --- HARD-CODING CATEGORY/ITEM IMAGE SIZES UNTIL NEW IMAGES ARE MADE --- */

#category .item_thumb_image, #search .item_thumb_image {width:177px; height:133px;}
#item .item_image {width:460px; height:345px;}
#item .gallery img {width:150px; height:113px;}


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

#itemleft {
 float:left;
}

#itemimage {
 width:460px;
}

.gallery {
 margin-top:10px;
}

.gallery div {
 float:left;
 height:105px;
}

.itemthumb0 {
 background:transparent url(../../images/fig1.gif) no-repeat left top;
 padding:20px 5px 10px 0;
}

.itemthumb1 {
 background:transparent url(../../images/fig2.gif) no-repeat left top;
 padding:20px 5px 10px 0;
}

.itemthumb2 {
 background:transparent url(../../images/fig3.gif) no-repeat left top;
 padding:20px 0 10px 0;
}

#itemright {
 margin-left:475px;
 padding-right:12px;
 position:relative;
 min-height:490px;
 font-size:11px;
 line-height:1.4em;
}

#itemprice {
 float:right;
 font-size:13px;
}

#item h1 {
 padding:0;
 margin:0 0 15px 0;
 font-size:13px;
 width:220px;
 text-align:left;
 color:#707173;
}

#itemmid {
 position:absolute;
 left:0;
 bottom:146px;
}

#itemsocial {
 height:21px;
 margin-top:75px;
}

.item-pager {
 text-align:right;
 margin-top:82px;
 float:right;
}

#itemform {
 border-top:4px solid #000;
 border-right:4px solid #000;
 margin:5px 0 0 0;
 padding:3px 3px 0 3px;
}

#itemsold {
 padding:1px 0 4px 0;
}

/* if you want options to float to the left of inputs */
.opt-ctrl, .opt-ctrl-req, .soldout {
 width:40px;
 float:left;
 padding-top:2px;
}

.opt-elem, .restock-request {
 margin-left:45px;
 text-align:right;
}

.option {
 border-bottom:1px solid #000;
 margin-bottom:3px;
 padding-bottom:3px;
}

.options select {
 border:1px solid #000;
}

.qty {
 border-bottom:1px solid #000;
 text-align:right;
 background:transparent url(../../images/item_qty.gif) no-repeat left 5px;
 margin:0 0 4px 0;
 padding-bottom:3px;
}

.qty input {
 border:1px solid #000;
 width:13px;
 font-size:11px;
}

.emailfriend {
 border-top:1px solid #000;
 padding-top:4px;
}

#item .item-message {
 position:absolute;
 left:0;
 top:356px;
}

.relatedbox {
 position:absolute;
 left:0;
 bottom:0;
 background:transparent url(../../images/relateditems.gif) no-repeat center left;
 text-align:right;
 width:283px;
}

.related {
 padding-left:1px;
 display:inline;
}

.relatedtext {display:none}


/* --- CONTENT PAGES --- */

#contentimage {
 float:left;
 width:460px;
}

#aboutpage {
 margin-left:475px;
 padding:0 12px 0 0;
 position:relative;
 height:485px;
}

#aboutpage p, #shippingpage p, #contactpage p {
 margin:0 0 1em 0;
}

#aboutaddress {
 position:absolute;
 bottom:0;
 left:0;
}

#shippingpage {
 padding-right:12px;
}

#contactpage {
 margin-left:475px;
 padding:0 12px 0 0;
}


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

.login {width:80%; margin:10px auto;}
.login-form {width:100%;}
.login-form td {width:50%;}
.loginput input {width:100%}
.forgotlink {font-size:11px; margin:0.5em 0;}
.login-register, .login p {text-align:center}

.login h1, .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; }
.field, .billing-field {border-bottom:1px solid #ccc;}
.message, .msg, .dmsg {color:#FD7B8A;}

.register, .files {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:666px;
 margin:10px auto;
 padding:0;
}

.ordertable th {
 padding:4px;
 background-color:#aaa;
 border-bottom:1px solid;
 color:#fff;
}

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

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

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


/* --- GENERAL --- */

 
img {border:0}

a:link {color:#000; text-decoration:none;}
a:visited {color:#000; text-decoration:none;}
a:hover {color:#9C9E9F; text-decoration:underline;}
a:active {color:#9C9E9F; text-decoration:underline;}

#aboutaddress a:link {color:#9C9E9F; text-decoration:none;}
#aboutaddress a:visited {color:#9C9E9F; text-decoration:none;}
#aboutaddress a:hover {color:#9C9E9F; text-decoration:underline;}
#aboutaddress a:active {color:#9C9E9F; text-decoration:underline;}

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

.sm-button, .abutton, .cbutton, .cartsubmit .cbutton, .billbutt, .wbutton, #submit {
 cursor:pointer;
 color:#000;
 font-family:helvetica, arial, sans-serif;
 font-size:10px;
 text-transform:uppercase;
 background:#fff;
 border:1px solid #000;
 padding:1px 3px;
}

.sm-button:hover, .abutton:hover, .cbutton:hover, .billbutt:hover, .wbutton:hover, .ddfm .submit input {

}

.cartsubmit .textbutton {
 padding:2px 5px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.cartsubmit .textbutton {padding:1px 5px;}
}

#maincontent .cartsubmit a:link {color:#000;text-decoration:none;}
#maincontent .cartsubmit a:visited {color:#000;text-decoration:none;}
#maincontent .cartsubmit a:hover {color:#000;text-decoration:none;}
#maincontent .cartsubmit a:active {color:#000;text-decoration:none;}

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

.search-button {vertical-align:middle}


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

.floatleft {float:left; margin-right:10px}
.floatright {float:right; margin-left:10px}
.clear {clear:both;font-size: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;
 margin-top:0;
 padding-top:0
}

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

h1.acch1 {
 font-family:helvetica, arial, sans-serif;
 font-size:12px;
 text-transform:uppercase;
 padding:5px;
 border-bottom:1px solid #000;
 color:#000;
 text-align:center;
 font-weight:normal;
 width:736px;
 margin:0 auto;
}

.error, .item-error, .errorlist, .notice {
 color:#FD7B8A;
}

.userpass .error {text-align:center}



/* CONTACT FORM */

.ddfmwrap {
	margin-top:10px;
	width:100%;
}

form.ddfm textarea {
	margin: 10px 0;
	padding: 30px;
	background:transparent url(../../images/contact_bg.png) no-repeat left top;
	height:279px;
	border:0;
	width:224px;
}

form.ddfm input.fmtext {
	width: 100%;
	margin-bottom: 5px;  
	padding-bottom: 3px;
	border-bottom:1px solid #000;
	border-top:0;
	border-left:0;
	border-right:0;
}

form.ddfm .submit {
	text-align: right;
}

.ddfmwrap .ddfmerrors {
	text-align: right;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
}

.ddfmwrap .errorlist {
	margin-bottom: 15px;  
	padding: 3px;
	text-align: left;
}