/* 
COLORS:
red: bf3c27
grey: e7e7e8
blue: 144f5e
mustard: e6c81d
pink: f6e3e0
tan: d6d085
light brown: 998940
brown: 5e4e1f
dark brown: 4d3123
*/

body {
 background:#e6e1a4 url(../../images/bg.jpg);
 margin:0;
 padding:0;
}

body, th, td, input, textarea {
 font-family:georgia,serif;
 font-size:12px;
 color:#4d3123;
}

#page {
 width:907px;
 margin:20px auto;
}

#leftcolumn {
 background:transparent url(../../images/mainbox_bg.png) repeat-y;
 z-index:5;
 position:relative;
 padding:0;
 margin:0 150px 0 0;
}

#rightcolumn {
 float:right;
 width:151px;
 padding:2px 0 0 0;
 margin:0;
 line-height:1.5em;
 position:relative;
 left:-3px;
}

#header {
 position:relative;
 height:155px;
 z-index:10;
}

#logo {
 position:absolute;
 left:4px;
 top:15px;
}

#topnav {
 font-weight:bold;
 position:absolute;
 left:275px;
 bottom:10px;
}

#topnav div {
 margin-left:20px;
 display:inline;
}

#cartview {
 background:transparent url(../../images/viewcart_bg.png) no-repeat right bottom;
 position:absolute;
 right:20px;
 bottom:5px;
 padding:10px 47px 10px 0;
 text-align:right;
}

#catbox1 {
 background:transparent url(../../images/catbox_head.png) no-repeat right top;
 height:31px;
}

#catbox2 {
 background:transparent url(../../images/catbox_bg.png) repeat-y;
 padding:0 6px 20px 6px;
}

.vert-level-0, .vert-level-0-on, .vert-level-1, .vert-level-1-on, .specialnav, .specialnav-on {
 padding-left:3px;
}

.vert-level-0, .vert-level-0-on, .specialnav, .specialnav-on {
 border-bottom:1px solid #d6d085;
}

.vert-level-1, .vert-level-1-on {
 border-bottom:1px solid #fff;
}

.vert-level-0, .vert-level-0-on, .specialnav, .specialnav-on {
 padding-top:1em;
}

.cat1 {
 padding-top:1.2em;
}

#catbox3 {
 background:transparent url(../../images/catbox_foot.png) no-repeat right top;
 height:15px;
}

#customers1 {
 background:transparent url(../../images/custbox_head.png) no-repeat right top;
 height:30px;
 margin-top:10px;
}

#customers2 {
 background:transparent url(../../images/custbox_bg.png) repeat-y;
 padding:8px;
}

#customers3 {
 background:transparent url(../../images/custbox_foot.png) no-repeat right top;
 height:15px;
}

#loginform {
 padding-bottom:15px;
}

#loginform .input {
 width:95%;
 margin:3px auto;
 border:1px solid #c3c3c4;
}

#forgot {
 float:right;
 text-align:right;
 padding-top:8px;
}

#lefthead {
 background:transparent url(../../images/mainbox_headbg.png) no-repeat 3px top;
 height:41px;
 position:relative;
}

#bread {
 display:none;
}

#category #bread, #item #bread {
 position:absolute;
 left:276px;
 top:10px;
 color:#fff;
 display:block;
}

.searchbox {
 position:absolute;
 right:8px;
 top:7px;
}

.searchbox .tinytxt {
 border:1px solid #c3c3c4;
}

#maincontent {
 font-size:14px;
 padding:25px 25px 15px 25px;
}

#footer {
 background:transparent url(../../images/footline.png) no-repeat 2px top;
 width:756px;
 padding:10px 0 0 3px;
 line-height:1.75em;
 font-size:11px;
}


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

.hpsection1 {
 padding:20px 0 0 15px;
}

.hpsection1 #welcome {
 background:transparent url(../../images/index_rulerbg.gif) no-repeat left top;
 padding-left:190px;
 font-weight:bold;
 font-size:14px;
}

.hpsection1 p {
 width:410px;
 margin:2px 0 1.3em 0;
}

.hpsection3 {
 margin-top:40px;
 padding-top:30px;
 background:transparent url(../../images/index_new.gif) no-repeat left top;
}

.home-feat-table {
 width:99%;
 margin:0 auto;
}

.home-feat-table .items, .item_thumb_image {
 background:transparent url(../../images/thumb_bg.gif) no-repeat center top;
 padding:7px;
}

.home-feat-cell {padding:8px 0; text-align:center;}

.home-feat-table .itemname, .home-feat-table .price {display:none;}

.hpsection2 {
 float:right;
 position:relative;
 z-index:12;
 width:260px;
 background:transparent url(../../images/index_monthmid.gif) repeat-y center 5px;
 font-size:14px;
}

#thismonthtop {
 background:transparent url(../../images/index_monthtop.gif) no-repeat center top;
}

#thismonthbot {
 background:transparent url(../../images/index_monthbot.gif) no-repeat center bottom;
 padding:20px 10px 8px 20px;
}

#thismonth {
 background:transparent url(../../images/index_scissorsbg.gif) no-repeat left top;
 padding:0 0 0 55px;
 height:1%;
 min-height:93px;
 _background:transparent url(../../images/index_scissorsbg.gif) no-repeat left 10px;
 _padding:10px 0 0 55px;;
}


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

.paging {
 text-align:right;
 font-size:12px;
 background:#fff url(../../images/dash.gif) repeat-x left center;
 height:2.4em;
 margin-top:-1em;
}

.paging p {float:right; margin:0; padding:0; background:#fff; padding-left:20px;}

.categorylongdesc {position:relative; z-index:15}

.itemtable, .subcattable {width:99%; margin:1em auto 0 auto;}

.itemcell, .subcatcell {
 vertical-align:top; 
 text-align:center;
 font-size:11px;
 padding-bottom:30px;
}

.subcatcell {
 font-size:14px;
 padding:0;
}

.subcatbox {
 padding:15px;
 margin:15px;
 border:1px solid #e8e4a7;
}

.subcatcell .item-count {font-size:11px; padding-top:14px;}

.subcatcell .categoryname a, .subcatcell .mfg-head {
 background:#fff url(../../images/index_monthbot.gif) no-repeat center center;
 padding-bottom:16px;
}

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

.catcode, .mancode, .cart-catalog-code, .cart-cat-name, .cart-mfg-name {display:none}

.items {position:relative; top:0; left:0; width:214px; margin:0 auto}

.newicon {
 position:absolute;
 top:6px;
 left:6px;
}

#item .newicon {
 top:10px;
 left:10px;
}

div.manname, div.mancode {display:inline}


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

.special-message {
 border-top:1px solid #e6c81d; 
 border-bottom:1px solid #e6c81d; 
 padding:3px;
}

.itemtitle {
 font-weight:bold;
 font-size:14px;
}

.item-pager {
 float:right;
 text-align:right;
}

#itemcontent {
 margin-top:10px;
 width:707px;
 _width:700px;
}

#itemimage {
 width:305px;
 _width:250px;
 _overflow:hidden;
}

.gallery {
 padding:8px 0 0 8px;
}

#item .item_image {
 margin:4px 0 0 4px;
 width:300px;
 height:300px;
 overflow:hidden;
}

#imgmain {
 position:relative;
}

.galtop {
 position:absolute;
 top:0;
 left:0;
}

.galthumb {
 float:left;
 padding:5px 7px 5px 1px;
}

#itemtext {
 width:395px;
 float:right;
}

#itemtext ul {
 margin:0 0 15px 15px;
 padding:0;
}

.request-info {
 padding-top:10px;
}

#itemtextleft {
 float:left;
 width:235px;
 _padding-left:10px;
}

#longdesc2 {
 padding-top:40px;
}

#itemtextright {
 text-align:center;
 width:148px;
 _width:144px;
 margin-left:247px;
}

.relatedbox {
 background:transparent url(../../images/relatedhead.gif) no-repeat center 50px;
 padding-top:85px;
 height:170px;
 clear:left;
}

.related {
 float:left;
 padding:5px;
}

.related img {
 border:1px solid #c3c3c4;
}

.buyboxtop {
 background:transparent url(../../images/buyboxtop.gif) no-repeat center top;
 height:23px;
}

.product-form {
 background:transparent url(../../images/buyboxmid.gif) repeat-y;
 padding:0 8px;
}

.opt-ctrl, .opt-ctrl-req {
 font-weight:bold;
}

.opt-elem {
 padding-left:3px;
}

.qty {
 margin:15px 0 10px 0;
}

.quantity-ctrl {
 width:25px;
}

.buyboxbot {
 background:transparent url(../../images/buyboxbot.gif) no-repeat center bottom;
 height:24px;
}

#conversions {
 width:99%;
 border-bottom:1px solid #d6d085;
 text-align:left;
 margin:25px auto 0 auto;
}

#conversions td {
 border-top:1px solid #d6d085;
 padding:3px 1px;
}


/* --- INFO PAGES --- */

.dash {
 background:#fff url(../../images/dash.gif) repeat-x right bottom;
 margin-bottom:2em;
}

.content-title {
 background:transparent url(../../images/smallscis.gif) no-repeat left center;
 padding:5px 0 0 72px;
 height:26px;
}


/* --- ACCOUNT PAGES --- */
 
.register-form, .wlistsearch {width:420px; margin:0 auto;}
.register-form td, .wlistsearch td {width:50%}
.field-req, .billing-required {border-bottom:1px solid #d6d085; font-weight:bold;}
.field, .billing-field {border-bottom:1px solid #d6d085;}

.login-register {float:right; width:49%}
.login-form {width:99%;}
.login-form td {width:50%;}
.forgotlink {font-size:11px; margin:0.5em 0;}
.login-register {text-align:center}
.login h2, .login-register h2 {margin:0; padding:0 0 1em 0; text-align:left}

.login-confirm p {text-align:center}

.userpass .note, .userpass .notice {text-align:center}
.reset-form {width:60%; margin:0 auto}
.message, .msg {color:#f00;}

.wishlisttable, .accounttable {width:99%; border-bottom:1px solid #c0c2c4; margin-bottom:2em;}
.wishlisttable td {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}
.wlistsearchp {text-align:center}

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

.shipinfotable, .shipinfotable td, .shipinfotable th {border:1px solid #d6d085}
.shipinfotable th {text-align:left; font-weight:normal; font-style:italic}
.shipinfotable td, .shipinfotable th {padding:3px 10px; vertical-align:top;}

#user .logohide {display:none}


/* --- GENERAL --- */
 
img {border:0}

a:link {color:#bf3c27; text-decoration:none;}
a:visited {color:#bf3c27; text-decoration:none;}
a:hover {color:#4d3123; text-decoration:underline;}
a:active {color:#4d3123; text-decoration:none;}

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

form {margin:0; padding:0}
/* input, select {text-transform:lowercase} ** too weird for customers */

input.fmtext, input.fmverify, .fmtextarea, .fmselect {border:1px solid #c3c3c4;}

.sm-button, .abutton, .cbutton, .billbutt, .wbutton, .ddfm .submit input {
 background-color:#bf3c27;
 color:#fff;
 border:4px double #fff;
 padding:3px;
 -moz-border-radius:6px;
 -webkit-border-radius:6px;
}

.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}

.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;
}

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

.error, .item-error {
 color:#f00;
 font-weight:bold;
}

.notice {
 font-weight:bold;
}

.clear {
 clear:both;
 font-size:1px;
}

.preload {
 display:none;
}

.buttonimg {
 text-align:center;
 margin:15px auto 30px auto;
}