/* `Basic
----------------------------------------------------------------------------------------------------*/

html, body {
    height: 100%;
}

html {
}

body {
    background: url(../images/wrapper-head.gif) left top repeat-x;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    color: #BCB385;
}

body.index {
    background: #000;
    color: #BCB385;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display:inline-block;
}
/* Hide from IE Mac \*/

.clearfix {
    display:block;
}
/* End hide from IE Mac */

a {
    /*cursor: url("cursor.ico"),text;*/
}

a:link, a:visited {
    color: #74621A;
    text-decoration: none;
}

a:hover, a:active {
    color: #DECB66;
    text-decoration: none;
}

.wrapper {
    margin: 0 auto -76px;
    width: 100%;
    min-height: 100%;
    height: 100%;
}

body.index .wrapper {
    background: transparent;
    margin: 0 auto;
    width: 100%;
    position: relative;
}

.wrapper-inner {
    background: url(../images/wrapper-inner.gif) left top no-repeat;
    min-height: 285px;
}

.container {
    width: 829px;
    margin: 0 57px 0 60px;
}

.push {
    height: 166px;
}

input, textarea {
    font-family: Arial, Helvetica, sans-serif;
    color: #DECB66;
    font-size: 12px;
}

/* `Side
----------------------------------------------------------------------------------------------------*/

.side {
    float: left;
    background: #000;
    padding: 0 4px 3px;
    width: 170px;
	z-index:20;
}

body.index .side {
    position: absolute;
    left: 50%;
    top: 0px;
	margin-left:-413px;
}

.side h1 a {
    display: block;
    background: url(../images/side-spirit.gif) 0 0 no-repeat;
    width: 170px;
    height: 147px;
    text-indent: -9999em;
    outline: none;
}

.side .blog a {
    display: block;
    background: url(../images/side-spirit.gif) 0 -147px no-repeat;
    width: 170px;
    height: 60px;
    text-indent: -9999em;
    outline: none;
}

/* `Side >> Menu
----------------------------------------------------------------------------------------------------*/

ul#menu a {
    display: block;
    background: url(../images/side-spirit.gif) no-repeat;
    height: 40px;
    text-indent: -9999em;
    outline: none;
    blr:expression(this.onFocus=this.blur());
}

ul#menu li.about a {
    background-position: 0 -207px;
    height: 45px;
}

ul#menu li.about a:hover {
    background-position: 0 -252px;
}

ul#menu li.about a.selected,
ul#menu li.about a.selected:hover {
    background-position: 0 -252px;
    cursor: default;
}

ul#menu li.news a {
    background-position: 0 -297px;
}

ul#menu li.news a:hover {
    background-position: 0 -337px;
}

ul#menu li.news a.selected,
ul#menu li.news a.selected:hover {
    background-position: 0 -337px;
    cursor: default;
}

ul#menu li.product a {
    background-position: 0 -377px;
}

ul#menu li.product a:hover {
    background-position: 0 -417px;
}

ul#menu li.product a.selected,
ul#menu li.product a.selected:hover {
    background-position: 0 -417px;
    cursor: default;
}

ul#menu li.store a {
    background-position: 0 -457px;
}

ul#menu li.store a:hover {
    background-position: 0 -497px;
}

ul#menu li.store a.selected,
ul#menu li.store a.selected:hover {
    background-position: 0 -497px;
    cursor: default;
}

ul#menu li.member a {
    background-position: 0 -537px;
}

ul#menu li.member a:hover {
    background-position: 0 -577px;
}

ul#menu li.member a.selected,
ul#menu li.member a.selected:hover {
    background-position: 0 -577px;
    cursor: default;
}

ul#menu li.contact a {
    background-position: 0 -617px;
    height: 44px;
}

ul#menu li.contact a:hover {
    background-position: 0 -661px;
}

ul#menu li.contact a.selected,
ul#menu li.contact a.selected:hover {
    background-position: 0 -661px;
    cursor: default;
}

ul#menu li ul li {
    height: auto;
    color: #74621A;
    text-indent: 0em;
    font-size: 13px;
}

.side ul#menu li ul li a {
    display: inline-block;
    background: #000 url(../images/sub-menu.gif) 57px 8px no-repeat;
    border-bottom: 1px #3C310E solid;
    padding: 6px 0 8px 68px;
    width: 102px;
    height: auto;
    color: #74621A;
    text-indent: 0em;
}

.side ul#menu li ul li.last a {
    border-bottom: 0;
}

.side ul#menu li ul li a:hover {
    background: url(../images/sub-menu-hover.gif) 52px 12px no-repeat;
    color: #DECB66;
}

.side ul#menu li ul li .selected,
.side ul#menu li ul li .selected:hover {
    background: url(../images/sub-menu-hover.gif) 52px 12px no-repeat;
    color: #DECB66;
}

/* `Main
----------------------------------------------------------------------------------------------------*/

.main {
    float: right;
    width: 644px;
}

.main .head {
    height: 45px;
}

.main .head .link {
    float: right;
    display: inline; /*ie6 double margin bug fix*/
    margin-right: 11px;
    width: 109px;
}

.main .head .link a {
    display: block;
    float: left;
    background: url(../images/spirit.gif) no-repeat;
    height: 27px;
    text-indent: -9999em;
    outline: none;
}

.main .head .home {
    background-position: 0 0;
    width: 54px;
}

.main .head .home:hover {
    background-position: -54px 0;
}

.main .head .link .login {
    background-position: -108px 0;
    width: 55px;
}

.main .head .link .login:hover {
    background-position: -163px 0;
}

.main .banner {
    margin-bottom: 50px;
    height: 240px;
}

.main .content {
    margin: 0 50px 0 28px;
    height: 1%; /*ie6 haslayout bug fix*/
}

.main .heading {
    background: url(../images/line-up.gif) left bottom no-repeat;
    padding-bottom: 56px;
    color:#99894C
}

.main .heading h2 {
    background: url(../images/spirit.gif) no-repeat;
    margin-bottom: 8px;
    height: 24px;
    text-indent: -9999em;
}

.main .heading .textarea {
    margin-bottom: 12px;
    line-height: 1.4;
}

.main .heading .textarea a {
    color: #fff;
    text-decoration: underline;
}

.main .heading .textarea a:hover {
    text-decoration: none;
}

.main .heading p {
    font-size: 11px;
}

.main .line {
    background: url(../images/line-below.gif) left bottom no-repeat;
    margin-bottom: 12px;
    padding-bottom: 56px;
    height: 1%; /*ie6 haslayout bug fix*/
}

/* `About
----------------------------------------------------------------------------------------------------*/

.main .about {
    min-height: 420px;
    padding-top: 148px;
}

.main .about .info {
    background: url(../images/about-info.gif) left bottom no-repeat;
    padding-bottom: 118px;
    text-align: center;
}

.main .about .info p {
    margin-bottom: 24px;
    line-height: 1.6;
}

/* `Product-Item
----------------------------------------------------------------------------------------------------*/

.main .product .heading.chic h2 {
    background-position: 0 -31px;
}

.main .product-item li {
    float: left;
    padding: 0 8px;
    width: 172px;
    height: 280px;
}

.main .product-item .picture {
    width: 172px;
    height: 172px;
}

.main .product-item h3 {
    background: url(../images/hr.gif) left bottom no-repeat;
    margin-bottom: 5px;
    padding-bottom: 5px;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    line-height: 1.2;
}

.main .product-item h3 a {
    color: #fff;
}

.main .product-item h3 a:hover {
    color: #DECB66;
}

.main .product-item h3 span {
    display: block;
    font-size: 12px;
}

.main .product-item div {
    margin-bottom: 8px;
    padding-left: 16px;
    color: #B9A759;
    position: relative;
}

.main .product-item .cost {
    float: left;
}

.main .product-item .bargain {
    text-decoration: line-through;
}

.main .product-item .basket {
    background: url(../images/basket.gif) left top no-repeat;
    width: 16px;
    height: 13px;
    text-indent: -9999em;
    outline: none;
    position: absolute;
    right: 20px;
    top: 0px;
}

.main .product-item .basket:hover {
    background: url(../images/basket.gif) left bottom no-repeat;
}

.main .product-item .offer {
    padding-left: 16px;
    color: #FF2020;
}

/* `Product
----------------------------------------------------------------------------------------------------*/

.main .product {
    color: #FFF3B2;
}

.main .product .head-block {
    padding: 0 10px;
}

.main .product .photo {
    float: left;
    margin-right: 20px;
    width: 252px;
    position: relative;
}

.main .product .photo img {
    border: 1px #fff solid;
}

.main .product .photo span {
    background: url(../images/zoom.png) left top no-repeat;
    width: 80px;
    height: 17px;
    cursor: pointer;
    position: absolute;
    right: 13px;
    top: 15px;
    text-indent: -9999em;
    outline: none;
}

.main .product .info {
    float: right;
    width: 254px;
    height: 252px;
    position: relative;
}

.main .product .info .hd {
    border-bottom: 1px #444 dashed;
    margin-bottom: 10px;
    padding-bottom: 4px;
    line-height: 1.4;
}

.main .product .info .hd h3 {
    font-size: 15px;
    font-weight: 400;
    color: #D8B420;
}

.main .product .info .hd p {
    color: #D8C162;
}

.main .product .thumb {
    position: absolute;
    left: 0;
    bottom: 0;
}

.main .product .thumb a {
    display: block;
    float: left;
    border: 1px #fff solid;
    margin-right: 6px;
}

.main .product .intro {
    margin: 20px 0 30px;
    padding: 0 10px;
}

.main .product .field {
    margin-bottom: 8px;
    line-height: 1.6;
}

.main .product .label {
    float: left;
    background: url(../images/product-label.gif) no-repeat;
    margin-right: 8px;
    width: 74px;
    height: 19px;
    text-indent: -9999em;
}

.main .product .price .label {
    background-position: 0 0;
}

.main .product .stuff .label {
    background-position: 0 -19px;
}

.main .product .size .label {
    background-position: 0 -38px;
}

.main .product .preserve .label {
    background-position: 0 -57px;
}

.main .product .state {
    float: right;
    position: relative;
    width: 444px;
}

.main .product .price .state {
    float: left;
    width: auto;
    padding-right: 16px;
}

.main .product .price .state p {
    float: left;
    margin-right: 8px;
}

.main .product .state .basket {
    background: url(../images/basket.gif) right top no-repeat;
    width: 16px;
    height: 13px;
    text-indent: -9999em;
    outline: none;
    position: absolute;
    right: 0px;
    top: 2px;
}

.main .product .state .basket:hover {
    background: url(../images/basket.gif) right bottom no-repeat;
}

.main .product .state .bargain {
    text-decoration: line-through;
}

.main .product .state .offer {
    color: #FF2020;
}

.main .product .state ol {
    list-style-type: decimal;
    padding-left: 20px;
}

.main .product .back {
    border-bottom: 2px #4D410C solid;
    padding-bottom: 12px;
}

.main .product .back a {
    display: block;
    float: right;
    background: url(../images/angel.gif) left top no-repeat;
    padding-top: 32px;
    width: 50px;
    height: 40px;
    font-size: 11px;
    text-align: center;
    text-transform: uppercase;
}

.main .product .back a:hover {
    color: #FFF3B2;
}

/* `Order
----------------------------------------------------------------------------------------------------*/

.main .order {
    line-height: 1.6;
}

.main .order .heading h2 {
    background-position: 0 -87px;
}

.main .order .hd {
    background: url(../images/h4-dotted.gif) left top repeat-x;
    margin-bottom: 22px;
}

.main .order h4 {
    float: left;
    height: 25px;
    text-indent: -9999em;
}

.main .order .w1 h4 {
    background: url(../images/spirit.gif) 0 -199px no-repeat;
    width: 124px;
}

.main .order .w2 h4 {
    background: url(../images/spirit.gif) 0 -226px no-repeat;
    width: 124px;
}

.main .order .w3 h4 {
    background: url(../images/spirit.gif) 0 -253px no-repeat;
    width: 124px;
}

.main .order .w4 h4 {
    background: url(../images/spirit.gif) 0 -280px no-repeat;
    width: 154px;
}

.main .order .w5 h4 {
    background: url(../images/spirit.gif) 0 -307px no-repeat;
    width: 154px;
}

.main .order .w6 h4 {
    background: url(../images/spirit.gif) 0 -334px no-repeat;
    width: 154px;
}

.main .order .w7 h4 {
    background: url(../images/spirit.gif) 0 -361px no-repeat;
    width: 124px;
}

.main .order .w8 h4 {
    background: url(../images/spirit.gif) 0 -388px no-repeat;
    width: 63px;
}

.main .order .w9 h4 {
    background: url(../images/spirit.gif) 0 -415px no-repeat;
    width: 63px;
}

.main .order .w10 h4 {
    background: url(../images/spirit.gif) 0 -442px no-repeat;
    width: 124px;
}

.main .order .section {
    margin-top: 20px;
}

.main .order h5 {
    margin-bottom: 6px;
    padding-top: 5px;
    padding-left: 30px;
    height: 18px;
}

.main .order .no1 h5 {
    background: url(../images/no1.gif) left top no-repeat;
}

.main .order .no2 h5 {
    background: url(../images/no2.gif) left top no-repeat;
}

.main .order .no3 h5 {
    background: url(../images/no3.gif) left top no-repeat;
}

.main .order .no4 h5 {
    background: url(../images/no4.gif) left top no-repeat;
}

.main .order .no5 h5 {
    background: url(../images/no5.gif) left top no-repeat;
}

.main .order .no6 h5 {
    background: url(../images/no6.gif) left top no-repeat;
}

.main .order .no7 h5 {
    background: url(../images/no7.gif) left top no-repeat;
}

.main .order .no8 h5 {
    background: url(../images/no8.gif) left top no-repeat;
}

.main .order .no9 h5 {
    background: url(../images/no9.gif) left top no-repeat;
}

.main .order .no10 h5 {
    background: url(../images/no10.gif) left top no-repeat;
}

.main .order .section ul {
    padding-left: 48px;
    list-style-type: decimal;
}

.main .order .section ul li {
    margin-bottom: 12px;
}

.main .order .section ul ol {
    margin-top: 6px;
    padding-left: 20px;
    list-style-type: lower-alpha;
}

.main .order .section ul ol li {
    margin-bottom: 2px;
}

.main .order .section .margin {
    margin-top: 12px;
}

.main .order .section p {
    padding-left: 30px;
}

.main .order .section ul li p {
    padding-left: 0px;
}

.main .order .section p strong {
    color: #A70A0A;
    font-weight: 400;
}

.main .order .buttonarea {
    margin-top: 20px;
    text-align: center;
}

.main .order .buttonarea a {
    display: inline-block;
    margin: 0 16px;
    padding-top: 32px;
    width: 50px;
    height: 40px;
    font-size: 11px;
    text-align: center;
    text-transform: uppercase;
    blr:expression(this.onFocus=this.blur());
}

.main .order .buttonarea a:hover {
    color: #FFF3B2;
}

.main .order .buttonarea .prev {
    background: url(../images/angel.gif) 0 0 no-repeat;
}

.main .order .buttonarea .next {
    background: url(../images/angel.gif) top right no-repeat;
}

.main .order .buttonarea .order {
    background: url(../images/angel.gif) 0 0 no-repeat;
    width: 50px;
}

.main .order div.amount {
    margin-bottom: 50px;
}

.main .order .amount table {
    margin-bottom: 14px;
    width: 100%;
    font-size: 11px;
}

.main .order .amount th {
    background: url(../images/amount-th.gif) left top repeat-x;
    border-top: 1px #554A25 solid;
    border-bottom: 1px #554A25 solid;
    height: 23px;
    font-weight: 400;
    vertical-align: middle;
}

.main .order .amount th.frist {
    border-left: 1px #554A25 solid;
}

.main .order .amount th.last {
    border-right: 1px #554A25 solid;
}

.main .order .amount th p {
    background: url(../images/amount-th-dotted.gif) right center no-repeat;
}

.main .order .amount td {
    border-bottom: 1px #554A25 solid;
    padding: 14px 0 5px 0;
    color: #fff;
    text-align: center;
    vertical-align: middle;
}

.main .order .amount td.frist {
    background: url(../images/amount-td.gif) left bottom no-repeat;
}

.main .order .amount .frist img {
    border: 1px #fff solid;
}

.main .order .amount select,
.orderinfo select {
    background: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #fff;
}

.main .order .amount .delete a {
    display: block;
    background: url(../images/amount-delete.gif) left top no-repeat;
    margin: 0 auto;
    width: 14px;
    height: 14px;
    text-indent: -9999em;
    outline: none;
}

.main .order .amount .delete a:hover {
    background: url(../images/amount-delete.gif) left bottom no-repeat;
}

.main .order .amount .outlay p {
    text-align: right;
    margin-bottom: 2px;
}

.main .order .amount .outlay p span {
    display: inline-block;
    width: 60px;
    color: #A70A0A;
}

/* `Order >> Form
----------------------------------------------------------------------------------------------------*/

.orderinfo label {
    color: #E8DB96;
}

.orderinfo .hd p {
    float: left;
    background: #000;
    padding-right: 6px;
    height: 25px;
    font-size: 11px;
    line-height: 27px;
    color: #A70A0A;    
}

.orderinfo .block {
    margin-bottom: 50px;
}

.orderinfo .column,
.orderinfo .field,
.orderinfo .note {
    margin-bottom: 20px;
}

.orderinfo .note {
    color: #A70A0A;
}

.orderinfo .left {
    float: left;
    width: 266px;
}

.orderinfo .right {
    float: right;
    width: 266px;
}

.orderinfo label {
    float: left;
    margin-right: 16px;
    width: 64px;
    text-align: right;
    line-height: 1.6;
}

.orderinfo label span {
    padding-right: 4px;
    color: #A70A0A;
}

.orderinfo .padding {
    padding: 0 4px;
}

.orderinfo .text {
    border: 0;
    padding: 2px 8px 2px 4px;
    color: #fff;
    height: 21px;
    line-height: 1.6;
}

.orderinfo .text.tiny {
    background: url(../images/input-text-tiny.gif) right top no-repeat;
    width: 50px;
}

.orderinfo .text.date {
    background: url(../images/input-text-date.gif) right top no-repeat;
    width: 70px;
}

.orderinfo .text.bill {
    background: url(../images/input-text-bill.gif) right top no-repeat;
    width: 130px;
}

.orderinfo .text.short {
    background: url(../images/input-text1.gif) left top no-repeat;
    width: 170px;
}

.orderinfo .text.long {
    background: url(../images/input-text2.gif) left top no-repeat;
    width: 280px;
}

.orderinfo .atm p {
    float: left;
    margin-right: 40px;
}

.orderinfo .column .float {
    float: left;
    margin-right: 32px;
}

.orderinfo .float input,
.orderinfo .float span {
    display: block;
    float: left;
    margin-right: 6px;
}

.orderinfo .order-text {
    background: url(../images/order-textarea.gif) left top no-repeat;
    width: 554px;
    height: 96px;
    overflow: hidden;
    border: 0;
}

.orderinfo .block ul {
    padding-left: 22px;
    list-style-type: decimal;
}

.orderinfo .block .confirm {
    color: #fff;
}

.orderinfo .block .confirm span {
    padding-right: 20px;
}

.transaction {
    margin-bottom: 30px;
}

.transaction p {
    float: left;
    margin-right: 20px;
    color: #fff;
}

.orderinfo .buttonarea input {
    background: url(../images/spirit.gif) no-repeat;
    border: 0;
    width: 47px;
    height: 42px;
    margin: 0 16px;
    font-size: 1px;
    color: #8D7B28;
    cursor: pointer;
    blr:expression(this.onFocus=this.blur());
}

.orderinfo .buttonarea .continue {
    background-position: -76px -150px;
}

.orderinfo .buttonarea .preview {
    background-position: -129px -150px;
}

/* `Contact
----------------------------------------------------------------------------------------------------*/

.main .contact .heading h2 {
    background-position: 0 -59px;
}

.main .contact .heading .block {
    border: 1px #37311A solid;
    margin-bottom: 16px;
    padding: 8px 12px 0;
}

.main .contact .heading .block div {
    margin-bottom: 8px;
    line-height: 1.2;
}

.main .contact .heading .block a {
    color: #99894C;
    text-decoration: underline;
}

.main .contact .heading .block a:hover {
    color: #F4DA79;
}

.main .contact .heading .left {
    float:left;
}

.main .contact .heading .right {
    float:right;
}

.main .contact .heading .textarea span {
    color: #A70A0A;
}

.main .contact .field {
    margin-bottom: 24px;
}

.main .contact label {
    float: left;
    margin-right: 16px;
    width: 80px;
    text-align: right;
    line-height: 1.6;
}

.main .contact label span {
    padding-right: 4px;
    color: #A70A0A;
}

.main .contact form .text {
    border: 0;
    padding: 2px 8px 2px 4px;
    color: #483E16;
    height: 21px;
    line-height: 1.6;
}

.main .contact form .text.short {
    background: url(../images/input-text1.gif) left top no-repeat;
    width: 180px;
}

.main .contact form .text.long {
    background: url(../images/input-text2.gif) left top no-repeat;
    width: 280px;
}

.main .contact form textarea.text {
    background: url(../images/contact-textarea.gif) left top no-repeat;
    width: 450px;
    height: 96px;
    overflow: hidden;
}

.main .contact .field.last {
    margin-bottom: 0px;
}

.main .contact .buttonarea {
    background: url(../images/line-below.gif) left top no-repeat;
    padding-top: 70px;
    text-align: center;
}

.main .contact .buttonarea input {
    background: url(../images/spirit.gif) no-repeat;
    border: 0;
    width: 32px;
    height: 41px;
    margin: 0 16px;
    font-size: 1px;
    color: #8D7B28;
    cursor: pointer;
}

.main .contact .buttonarea .reset {
    background-position: 0 -150px;
}

.main .contact .buttonarea .submit {
    background-position: -38px -150px;
}

/* `Paging
----------------------------------------------------------------------------------------------------*/

.paging {
   float:left;
   width:100%;
   overflow:hidden;
   position:relative;
}

#pagination {
   clear:left;
   float:left;
   position:relative;
   left:50%;
   text-align:center;
}

#pagination li {
    border:0;
    margin:0;
    padding:0;
    font-size:11px;
    list-style:none;
    color:#303030; /* savers */
    float:left;
    position:relative;
    right:50%;
}

/* savers #pagination-clean li,*/
#pagination a {
    border-right:solid 1px #252216;
    margin-right:2px;
}

#pagination .previous-off,
#pagination .next-off {
    color:#888888;
    display:block;
    float:left;
}	

#pagination .next a,
#pagination previous a {
    border:none;
    font-weight:bold;
}

#pagination .active {
    color:#6D5F26;
    font-weight:bold;
    display:block;
    float:left;
    padding:3px 4px; /* savers */
    border-right:solid 1px #252216;
}

#pagination a:link,
#pagination a:visited {
    color:#6D5F26;
    display:block;
    float:left;
    padding:3px 4px;
    text-decoration:underline;
}

#pagination a:hover {
    text-decoration:none;
}

#pagination .previous-off a,
#pagination .next-off a {
    border:0;
    padding:3px 4px;
}

/* `Footer
----------------------------------------------------------------------------------------------------*/

.footer {
    height: 76px;
    color: #6A5D31;
}

.footer-inner {
    width: 946px;
    margin: 0 auto;
    text-align: center;
    font-style: inherit;
    font-family: "Times New Roman", Times, serif;
    font-weight: bold;
    padding-top: 16px;
    font-size: 11px;
}