body {
 background:#fff;
 font-family:verdana,arial,sans-serif;
 font-size:12px;
 color:#544;
 margin:0;
 padding:0;
}
 
#mainbox {
 width:759px;
 margin:0 auto;
 padding:20px 0;
}

#topnav {
 float:right;
 font-size:11px;
 border-bottom:1px solid #bbccbb;
 text-align:right;
}

#topnavwrap, #footer {
 padding-bottom:10px;
 text-transform:lowercase
}

#logo {
 padding-top:31px;
 border-bottom:1px solid #bbccbb;
}

#logoimg {
 border-bottom:1px solid #fff;
 width:228px;
 position:relative;
 top:1px;
}

#logoimg img {display:block}

#maincontent {
 padding-top:20px;
}

#footer {
 clear:both;
 width:100%;
 border-top:1px solid #bbccbb;
 padding:10px 0;
 font-size:10px;
 margin-top:20px;
}


/* --- NAVIGATION --- */

.content-link, .content-link-on, .shoparrow {
 display:inline;
}

.content-link-on a, .page_shop .num2 a, .page_index .num1 a, .page_user .num5 a, .page_cart .num6 a {
 background:transparent url(../../images/arrow.gif) no-repeat center bottom;
 padding-bottom:10px;
}

.content-link a:link {color:#544; padding-bottom:10px;}
.content-link a:visited {color:#544; padding-bottom:10px;}
.content-link a:hover {color:#499999; padding-bottom:10px; background:transparent url(../../images/arrow.gif) no-repeat center bottom;}
.content-link a:active {color:#499999; padding-bottom:10px; background:transparent url(../../images/arrow.gif) no-repeat center bottom;}

#footer a:link {color:#544; padding-bottom:10px;}
#footer a:visited {color:#544; padding-bottom:10px;}
#footer a:hover {color:#499999; padding-bottom:10px; background:transparent url(../../images/arrow.gif) no-repeat center bottom;}
#footer a:active {color:#499999; padding-bottom:10px; background:transparent url(../../images/arrow.gif) no-repeat center bottom;}

.leftnav {
 background-color:#aa7;
 padding:10px;
}


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

.grid {
 border:1px solid #bbccbb;
 padding:10px 10px 9px 10px;
 width:515px;
 float:left;
}

.grid img {
 display:block;
 border:1px solid #bbccbb;
}

.grid01, .grid02 {margin-bottom:10px;}

.gridleft {
 margin-right:10px;
}

.gridright {
 float:right;
}

.infoarea {
 float:right;
 margin-left:20px;
 width:202px;
 height:441px;
 position:relative;
}

.indextext {
 margin:10px;
 font-size:11px;
}

.newsletter {
 background-color:#bbccbb;
 padding:18px;
 font-size:10px;
 position:absolute;
 bottom:0;
}


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

.itemtable {width:100%}

.itemcell {
 text-align:center;
 font-size:10px;
 width:25%;
}

.itemshortdesc {font-style:italic}

.item_thumb_image {
 border:1px solid #7aa;
}

.paging {
 font-size:10px;
 text-align:center;
 margin:1em auto;
 border-top:1px solid #bcb;
 border-bottom:1px solid #bcb;
 width:250px;
 padding:2px;
}

.catcode {display:none}


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

.itemimage {
 border:1px solid #bbccbb;
 padding:10px;
}

.iteminfo {padding-left:20px}

.iteminfo h1 {
 font-size:1em;
 margin:0;
 padding:0;
 color:#544;
 background-color:transparent;
 background-image:none;
}

.extrabox {
 background-color:#aa7;
 padding:20px;
 width:145px;
 margin-left:10px;
}

.item-pager {width:185px; font-size:10px; text-align:right; margin-left:10px; margin-bottom:1em}
.item-pager a {text-decoration:none}
.dead {color:#ccc}

table.formy {margin-top:2em;}

.gallery {text-align:center; width:82px;}
.gallery img {display:block}
.gal_image {
 background-color:#e7e7bc;
 padding:5px;
 font-size:10px;
}

.gallery td {padding:2px}

.opttd {width:100%}
.option2, .buy2 {width:150px}

.options {
 border-top:1px solid #ccc;
 border-bottom:1px solid #ccc;
 margin-left:4px;
 padding-left:18px;
}

.opttable {
 width:100%;
 font-size:11px;
}

.opttext {
 padding-left:8px;
}

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

.option1, .option2 {
 padding:10px 0 10px 0;
 border-bottom:1px solid #ccc; 
}

.option2 select {width:150px; font-size:10px}

.buy {width:100%; margin:10px 0; font-size:11px;}
.buy input {font-size:10px;}
.sm-button {vertical-align:top}

.item-message {font-weight:bold}
.item-error {color:#f00; text-align:center;}

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

.related-col-1 {width:70px}
.related-table {width:307px; margin:1em 0; border:1px solid #bcb}
.related-table th {font-weight:normal; font-size:11px}


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

.contenttable {width:100%}

.contenttitle {
 width:207px;
 height:300px;
 _height:300px;
 background:#bcb url(../../images/flourish.gif) no-repeat center 50px;
}

.content-title {
 background:#aa7;
 text-align:center;
 color:#fff;
 font-weight:bold;
 padding:8px;
}

.contenttitle img {
 margin:10px;
}

.contenttext {padding-left:21px}

.shoplinks {
 background-color:#bcb;
 margin:20px 0 0 20px;
 height:235px;
}

.shoplinks img {margin:0; display:block; /* IE 6 needs this */ height: 100%;}

.shoplinks div  {
	/* IE 6 needs this */
	height: 22px;
	}

.shopimg img {border:1px solid #bbccbb;}

.map-content-link {display:none}


/* --- USER PAGES --- */

.field-req {text-align:right}


/* ------ GENERAL ------ */

#topnav a, #footer a {
 text-decoration:none;
}

img {border:0}
form {margin:0; padding:0}

a:link {color:#499999}
a:visited {color:#3b7b7b}
a:hover {color:#cb5}
a:active {color:#cb5}

p {margin:0 0 1em 0}

.abutton, .wbutton, .cbutton {
 background:#544;
 color:#fff;
 padding:4px;
 border:0;
 text-transform:lowercase;
 font-family:verdana;
 font-size:12px;
}

.billbutt {
 background:#fff;
 color:#499999;
 padding:4px;
 border:0;
 text-transform:lowercase;
 font-family:verdana;
 font-size:12px;
}


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

.floatleft {float:left; margin-right:15px}
.floatright {float:right; margin-left:15px}

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

.small {font-size:10px}

.title, h1 {
 font-size:13px;
 font-weight:bold;
 color:#fff;
 background:#aa7 url(../../images/pointer.gif) no-repeat 4px center;
 padding:2px 2px 2px 16px;
 margin:0 0 0.5em 0;
}

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