﻿body {
  position: relative;
  background: #271a12;
  height: 100%;
  color: #878074;
  margin: 0;
  padding: 0;
  text-align: center;
  font: 11px Georgia, Arial, Helvetica;
  z-index: 0;
}

a { 
  color: #878074;
  text-decoration: none;
}
a:hover { color: #fff; }
a img { border: 0; }

p {
  color: #554e47;
  margin: 0;   
  padding: 10px 0 0 0;
}

h1.strong, a.strong { color: #39302a; }

h2 {
  font: 18px "Cooper Light BT", Georgia;
  color: #878074;
  margin: 0;
  padding: 0 0 10px 0;
}

h3 {
  font-size: 12px;
  font-weight: bold;
  color: #31261e;
  padding: 5px 0 0 0;
  margin: 0;
  text-decoration: underline;
}

.clear { clear: both; }
.last {
border-right: none!important;
}
checkbox {
background-color: #fff;
}


.submit {
  width: 25px;
  padding: 0;
  margin: 0;
  background: #868074;
  color: #fff;
  font-weight: bold;
  border: 0;
}

.pad-block { 
  margin: 17px 35px 50px 35px; 
  background: #d7d4cf;
}

h6 { 
  font-size: 11px;
  font-weight: bold;
  color: #281b12;
  padding: 0 0 5px 0;
  margin: 0;
}
/*
.wrapper {
  width: 970px;
  margin: 0 auto 0 auto;
  position: relative;
}

.container {
  width: 970px;
  text-align: center;
  margin: 0 auto 0 auto;
  background: #f4f3ef;
  z-index: 0;
}
*/

.subcontainer {
  width: 900px;
  margin: 0 35px 0 35px;
  margin: 0 auto 0 auto;
  text-align: left;
  z-index: 0;
}
  

.top {
  width: 970px;
  height: 84px;
  text-align: left;
  margin: 0 auto 0 auto;
  padding: 0;
  background: #271a12;
}

.account, .account-selected { 
  width: 35%;
  float: left;
  text-align: left;
}

a.loginlink {
  display: block;
  font-weight: bold;
  color: #d7d4ce;
  margin: 35px 0 5px 0;
  padding: 0 0 3px 0;
  width: 95px;
  border-bottom: 1px solid #9d843d;
}
a.loginlink:hover { border-bottom: 1px solid #fff; }

.account-selected {
  display: none;
  height: 54px;
  margin: 30px 0 0 0;
  background: #f4f3ef;
}

.account form, .account-selected form {
  margin: 10px 35px 0 35px;
}

.account span { color: #fff; }

#mainContent {
background: #eae7e1 url(../images/checkout-bg-grad.jpg) repeat-x;
padding: 20px 0 20px 20px;
}
#mainContent * {
padding: 0px;
margin: 0px;
}
#mainContent li {
list-style-type: none;
}

.logo {
display:block;
position:absolute;
right:47%;
text-align:center;
width:100px;
z-index:1;
}

/*.logo img 
{ 
	padding: 22px 0px 0 190px; 
}*/

.basket {
  width: 30%;
  float: right;
  text-align: right;
}

.basket-cont {
  margin: 30px 35px 0 0;
  color: #fff;
  width: 161px;
  height: 38px;
}

.bottom { background: #f4f3ef; }
.basket-cont a {
  position: relative;
  color: #000;
  text-indent: 5px;
  line-height: 18px;
  width: 92px;
  height: 18px;
  display: block;
  float: left;
  text-align: left;
  margin: 0 0 2px 0;
}

.basket-cont span {
  position: absolute;
  right: 3px;
  bottom: 0;
}

a.linkBrown, a.linkBrown:visited {
color: #9d843d;
text-decoration: underline;
}
a.linkBrown:hover {
text-decoration: none;
color: #9d843d;
}
.basket-cont a.checkout {
  background: #554b41;
  float: left;
}
.basket-cont a.basket {
  background: #746c61;
  float: left;
}

.basket-cont a.basket:hover, .basket-cont a.checkout:hover {
  background: #d7d4cf;
}

.basket-cont h6 {
  float: right;
  color: #544a41;
}

.basket-cont div {
  float: left;
}

.basket-value {
  width: 40px;
  height: 18px;
  background: #746c61;
  color: #fff;
  text-align: center;
  line-height: 18px;
  margin: 0 0 0 2px;
}

.basket-total {
  width: 25px;
  height: 18px;
  background: #746c61;
  color: #fff;
  text-align: center;
  line-height: 18px;
  margin: 0 0 0 2px;
}

.bottom {
  height: 155px;
}

.footer { width: 900px; margin: 0 auto 0 auto; padding-top: 5px; }

.promo {
  width: 320px;
  height: 132px;
  float: left;
  background: url("../images/promo-decor-img.jpg") no-repeat top right;
}

.promo h2 {
  width: 150px;
  float: left;
  padding: 30px 0 0 7px;
  text-align: center;
  font-weight: normal;
}

.promo h2 img { padding: 5px 0 0 0; }

.article {
  float: left;
  width: 270px;
  height: 132px;
  background: #f4f3ef;
  margin: 0 11px 0 0;
  color: #554e47;
}

.article-cont {
  width: 254px;
  height: 116px;
  margin: 8px 0 0 8px;
  position: relative;
}

.article p { padding: 5px 0 0 0; }

.article-cont .left {
  float: left;
  width: 120px;
}

.article img { float: right; }

a.read-more, .article a, .article a:visited { 
  position: absolute;
  bottom: 0;
  display: block; 
  color: #554e47;
  text-indent: 20px; 
  background: url("../images/a-decor.gif") no-repeat;
}
a.read-more:hover { text-decoration: underline; }

.bottom .left {
  float: left;
  width: 302px;
  height: 120px;
}

.bottom .right {
  float: right;
  width: 183px;
  height: 120px;
  background: url("../images/bot-right.gif") no-repeat top right;
}

.bottom .left { margin: 25px 0 0 0; }
.bottom .right { margin: 15px 0 0 0; }

.bottom .left form select {
  width: 302px;
  background: #eae7e1;
  margin: 0 0 3px 0;
  border: 0;
}

.cart-contents {
  display: none;
  width: 597px;
  height: 300px;
  color: #000;
  position: absolute;
  top: 76px;
  right: 35px;
  z-index: 1000000;
}

.cart-cont .l {
  float: left;
  width: 200px;
}

.cart-contents .imgtop {
  width: 597px;
  height: 8px;
  background-color: transparent;
}

.cart-contents .imgtop img {
  width: 16px;
  height: 8px;
  margin: 0 0 0 444px;
}

.cart-cont { background: #888075; }

.cart-contents td {
  background: #746c61;
}

.cart-scroll { 
  width: 541px;  
}

.greybody {
  background: #dad7d1;
}

.bordertop { border-top: 1px solid Transparent; }

.prodlisting-left {
  width: 304px;
  float: left; 
}

.prodlisting-right {
  width: 550px;
  float: right;
  margin: 0 28px 0 0;
}

.prodlisting-right .col-1, .prodlisting-right .col-2 {
  width: 271px;
  margin: 20px 0 0 0;
}

.prodlisting-right .col-1 { float: left; }
.prodlisting-right .col-2 { float: right; }

.prodlisting-right table {
  margin: 30px 0 0 0;
  border-top: 1px solid #bcb7ad;
}

.prodborder { border-top: 1px solid #bcb7ad; }

.product-item {
  width: 271px;
  height: 125px;
  background: #f4f3ef;
  position: relative;
  color: #736c5f;
}

.product-item select { 
  width: 271px;
  margin: 0 0 5px 0;
  background: #f4f3ef;
}

.product-item .image {
  float: left;
  width: 152px;
}
.product-item .image img {
  width: 152px;
  height: 125px;
}
.product-item .details {
  position: relative;
  width: 101px;
  float: left;
}

.boldprice { font-weight: bold; color: #251911; }
.details p { border-bottom: 1px solid #d3cfc6; }

a.colors { 
  display: block; 
  width: 11px; 
  height: 11px; 
  float: left; 
  margin: 10px 2px 0 0;
}
.red { background: #5e1f1a; }
.black { background: #09090b; }

a.viewbutton { 
  position: absolute;
  bottom: -58px;
  right: 0;
  display: block;
  width: 101px;
  height: 18px;
  background: #878074;
  line-height: 18px;
  color: #d5d2cc;
  text-decoration: none;
  text-align: right;
}
a.viewbutton:hover { background: #39302a; }

.blank { background-color: transparent; }

.interest {
  width: 100%; 
  background: #eae7e1;
  color: #7c7466;
  padding: 0 0 40px 0;
}

.related {
  width: 580px;
  height: 158px;
  background: #eae7e1;
}

.related .info {
  width: 269px;
  float: left;
  margin: 15px 0 0 15px;
}

.related .highlight {  
  width: 272px;
  height: 131px;
  background: #f4f3ef;
  float: left;
}

.related .highlight .content {
  position: absolute;
  width: 253px;
  height: 115px;
  margin: 10px;
}

.highlight-title {
  font-weight: bold;
  font-size: 14px;
  color: #251911;
  text-decoration: underline;
}

.highlight .content img {
  position: absolute;
  top: 0;
  right: 0;
}

.related h3 {
  padding: 0 0 10px 0;
}

.textBold14 {
font-size: 14px;
font-weight: bold;
}
.textBold18 {
font-size: 18px;
font-weight: bold;
}

a.decorative { 
  display: block; 
  color: #554e47;
  text-indent: 20px; 
  background: url("../images/a-decor.gif") no-repeat;
}
a.decorative:hover { text-decoration: underline; }

.prod-opt {
  position: absolute;
  top: 0;
  right: 0;
  width: 150px;
  margin: 20px 20px 0 0;
  color: #726a5e;
}

.prod-opt a.button {
  float: left;
  width: 72px;
  display: block;
  height: 18px;
  line-height: 18px;
  background: #e4e1db;
  color: #6c6456;
  margin: 0 3px 0 0;
  text-align: center;
  text-decoration: none;
}
.prod-opt a.active {
  float: left;
  width: 72px;
  display: block;
  height: 18px;
  line-height: 18px;
  background: #f4f3ef;
  color: #6c6456;
  margin: 0 3px 0 0;
  text-align: center;
  text-decoration: none;
}
.prod-opt a.button:hover {
  background: #f4f3ef;
}
a.active {
  background: #f2eee8;
}

.scrollview {
  width: 100%;
  display: none;
}
  
.scrollpane {
  width: 100%;
  height: 250px;
  overflow: auto;
  white-space: nowrap;
  background: url("../images/scrollbox-back.gif") repeat-x;
  margin: 0 0 20px 0;
}

.scrollpane a, .scrollpane a:active, .scrollpane a:visited, .scrollpane a:link {
  width: 260px;
  height: 228px;
  padding: 0;
  margin: 0;
}
  
a.remove {
  width: 25px;
  height: 18px;
  position: absolute;
  top: 0;
  right: 0;
}

.textDGray {
color: #554e47;
}
#mainContent .textLGray {
color: #878074;
}

#mainContent .listStyle1 {
padding: 20px 0 0 0;
}
#mainContent .listStyle1 li {
background: url(../images/bullet-disc.gif) no-repeat 0px 5px;
padding: 0 0 10px 15px;
}
#mainContent .listStyle2 {
padding: 20px 0 0 0;
}
#mainContent .listStyle2 li {
background: url(../images/bullet-disc.gif) no-repeat 0px 5px;
padding: 0 0 5px 15px;
}

/** footer styles start **/

.footer ul {
float: right;
list-style-type: none;
margin: 0px;
padding-top: 10px;
}
.footer li {
display: block;
float: left;
padding: 0 7px;
margin: 0px;
border-right: 1px solid #3e332a;
}
.footer a, .footer a:visited {

}
.footer a:hover {

}

/** footer styles end **/

/** Checkout first page start **/

.checkoutItemBox {
width: 870px;
border-bottom: 3px solid #eae7e1;
} 
.itemImgLrg {
width: 161px;
height: 107px;
background-color: White;
float: left;
display: block;
}
.tblCheckitem {
width: 550px;
height: 107px;
float: left;
display: block;
padding: 5px;
background-color: #f4f3ef;
border-left: 3px solid #eae7e1;
}
#mainContent .tblCheckitem td, #mainContent .tblTotal td {
padding: 5px 20px;
}

.tblTotal {
width: 150px;
height: 107px;
float: left;
display: block;
background-color: #f4f3ef;
border-left: 3px solid #eae7e1;
position: relative;
}
#tblMainTotal {
width: 867px;
clear: both;
}
#tblMainTotal td {
background-color: #f4f3ef;
}

a.btnCheckout, a.btnCheckout:visited { 
width: 148px;
height: 23px;
display: block;
background: url(../images/btn_checkout.gif) no-repeat;
}

#mainContent .textBasket {
float: right;
padding-right: 20px;
}
.termsLinks li {
float: left;
display: block;
padding-right: 15px!important;
}

.tblDPad {
padding: 15px!important;
}

#mainContent .titleOrder {
background-color: #f4f3ef;
width: 141px;
display: block;
padding: 4px 0 4px 20px;
border-bottom: 3px solid #DAD7D2;
}

#mainContent .grayBoxSmall {
padding: 5px;
width: 28px;
background-color: #D7D4CF;
text-align: center;
}

/** Checkout first page end **/

/** Checkout styles start **/

#checkLeftCol {
width: 504px;
float: left;
background-color: #fff;
margin-top: 30px;
}
#checkRightCol {
width: 345px;
float: left;
background-color: #f4f3ef;
margin-left: 3px;
margin-top: 30px;
}

#checkTitle li {
float: left;
display: block;
width: 166px;
text-align: center;
border-right: 3px solid #dbd9d3;
border-bottom: 3px solid #dbd9d3;
padding: 3px 0;
background-color: #e3e0da;
}
#checkTitle .checkTitleSelect {
background-color: #fdfdfc;
}

.checkoutHeader li {
float: left;
}
.checkoutHeader h1 {
color: #39302a;
}
a.linkBack, a.linkBack:visited {
background: url(../images/icon-decor.gif) no-repeat 0px 5px;
padding: 2px 0 2px 20px!important;
color: #878074;
float: left;
}
a.linkBack:hover {
text-decoration: underline;
}
#mainContent .boxHide {
padding-top: 15px;
padding-bottom: 40px;
clear: both;
overflow: hidden;
}
#mainContent .checkoutBoxHide {
padding-left: 20px;
padding-right: 20px;
}
#mainContent .checkoutBox {
clear: both;
/*padding: 20px 0 0 20px;*/
border-bottom: 3px solid #eae7e1;
}
#mainContent select {
padding: 4px;
}
.inputWidth170 {
width: 170px;
}
.inputWidth60 {
width: 60px;
}
#mainContent .checkoutBox p {
padding-bottom: 20px;
color: #878074;
/*letter-spacing: -1px;*/
}
#mainContent .checkoutBox h1 {
position: relative;
padding-left: 40px!important;
padding-bottom: 20px!important;
width: 300px;
float: left;
}
#mainContent .checkoutBox h2 {
font-size: 18px;
color: #271a12;
padding-bottom: 10px;
}
#mainContent .checkoutBox h1 span { 
position: absolute;
top: 0px;
left: 0px;
width: 26px;
height: 27px;
display: block;
background: url(../images/icon-number-bg.gif) no-repeat 0 1px;
color: #fff;
padding: 0px 0px 0px 0px;
line-height: 22px;
text-align: center;
}

#mainContent .checkoutFormLeftCol {
width: 230px;
float: left;
display: block;
}
#mainContent .checkoutFormBox {
width: 230px;
float: left;
padding-bottom: 10px;
height: 40px;
position: relative;
display: block;
}
#mainContent .checkoutFormBox label {
clear: both;
display: block;
padding: 0 0 5px 0;
}

a.btnCheckSubmit, a.btnCheckSubmit:visited { 
width: 148px;
height: 23px;
display: block;
background: url(../images/btn-submit-order.gif) no-repeat;
float: left;
}
#mainContent a.btnCheckCont, #mainContent a.btnCheckCont:visited { 
width: 148px;
height: 23px;
display: block;
background: url(../images/btn-continue.gif) no-repeat;
float: left;
}
#mainContent a.btnEdit, #mainContent a.btnEdit:visited {
width: 51px;
height: 15px;
/*float: right;
margin-top: 20px;*/
position: absolute;
right: 0px;
bottom: 0px;
padding: 5px 10px;
display: block;
background: #f0eee9 url(../images/icon-edit-btn-bg.gif) no-repeat 50px 10px;
border-top: 3px solid #eae7e1;
border-left: 3px solid #eae7e1;
}
#mainContent a.btnEdit:hover {
color: #878074;
background: #DBD8D1 url(../images/icon-edit-btn-bg.gif) no-repeat 50px 10px;
}

a.btnClose, a.btnClose:visited { 
width: 25px;
height: 18px;
display: block;
background: url(../images/btn-box-close.gif) no-repeat;
position: absolute;
top: 0px;
right: 0px;
}

.borderGray {
border-right: 3px solid #eae7e1;
}
#checkRightCol table, #checkoutTotal table {
position: relative;
}
#checkRightCol th, #checkoutTotal th {
background-color: #878074;
color: #d8d5ce;
padding: 4px 20px; 
border-bottom: 3px solid #eae7e1;
}
#checkRightCol td, #checkoutTotal td {
border-bottom: 3px solid #eae7e1;
vertical-align: top;
}
#checkRightCol table ul, #checkoutTotal ul {
padding: 10px 20px 0px 20px;
position: relative;
}
#checkRightCol table li, #checkoutTotal li {
padding-bottom: 10px;
}
#checkRightCol .imgPosTop {
position: absolute;
top: 0px;
right: 0px;
}

.checkoutHelpLinks {
padding: 0px;
margin: 0px;
}
.checkoutHelpLinks li {
padding: 0px 10px 0 0;
margin: 0px;
list-style-type: none;
float: left;
display: block;
}
.checkoutHelpLinks a, .checkoutHelpLinks a:visited {
padding: 0px;
margin: 0px;
font-size: 14px;
color: #554b41;
}
.checkoutHelpLinks a:hover {
text-decoration:underline;
}
.secureHeader {
text-align: left;
padding-top: 10px;
background: url(../images/title-secure.jpg) no-repeat 190px 0px;
}
#mainContent .btnCheckoutHeader span {
color: #fff;
padding-right: 10px;
}
a.btnCheckoutHeader, a.btnCheckoutHeader:visited {
width: 477px;
display: block;
/*position: absolute;
top: -67px;
left: -20px;*/
font-size: 22px;
padding:20px 0px 20px 27px!important;
background: url(../images/icon-number-bg.gif) no-repeat 20px 22px;
color: #878074;
}
a.btnCheckoutHeader:hover {
background: #F4F3EF url(../images/icon-number-bg.gif) no-repeat 20px 22px;
color: #878074;
}
.rel {
position: relative;
}
#mainContent .summaryTbl {
padding: 10px 0 0 0;
border-bottom: 1px solid #e0ddd4
}
#mainContent .summaryTbl .textLGray {
color: #9a9488;
}
#mainContent .summaryTbl h2 {
padding: 10px 0 20px;
color: #2a1912;
}
#mainContent .summaryTbl ul {
padding: 0 0 20px 0;
}
#mainContent .summaryTbl li {
color: #2a1912;
padding: 2px;
}

#mainContent .summaryTbl table {
width: 100%;
}
#mainContent .summaryTbl table td {
border-bottom: none;
background-color: #FDFDFD;
width: 50%;
}
a.btnConfirmOrder, a.btnConfirmOrder:visited { 
width: 148px;
height: 23px;
display: block;
background: url(../images/btn-confirm-order.gif) no-repeat;
}
/** Checkout styles end **/

/** account styles start **/

.addressBox {
position: relative;
}
#accountTitle li {
float: left;
display: block;
}

#accountTitle a, #accountTitle a:visited {
float: left;
display: block;
width: 166px;
text-align: center;
border-right: 3px solid #dbd9d3;
border-bottom: 3px solid #dbd9d3;
padding: 3px 0;
background-color: #e3e0da;
color: #878074;
}
#accountTitle a:hover, #accountTitle #accountSelected {
background-color: #fdfdfc;
}
.h1Style1 {
background-color: #fff;
clear: both;
padding: 20px!important;
}
.h1Style2 {
clear: both;
padding: 20px 20px 20px 20px!important;
background: #fff url(../images/icon-number-bg.gif) no-repeat 20px 23px;
}
.h1Style2 span {
color: #fff;
padding: 0 15px 0 5px!important;
}
/** account styles end **/

