h2{ font-size: 2em; font-weight: bold; padding: 0 0 8px 0;
}
.hr{ clear:both; line-height: 1px; font-size:1px; margin: 0 18px 0 0; border-bottom: 1px solid #754E15;
} #cart_nav{ width: 768px; height: 79px; margin:15px 0 30px 4px; overflow: hidden; background: white; -moz-box-shadow: 0px 0px 4px #222222; -webkit-box-shadow: 0px 0px 4px #222222; box-shadow: 0px 0px 4px #222222;
}
#cart_nav div{ width: 190px; height: 61px; float:right; padding: 18px 0 0 0px; margin: 0 -43px 0 0; background: url('/_img/buttons.png') -230px -492px no-repeat;
}
#cart_nav div.active{ color: #754E15; background-position: -230px -402px;
}
#cart_nav div.l{ margin: 0 -43px 0 -43px;
}
#cart_nav div.r{ width: 225px; background: url('/_img/buttons.png') -185px -492px no-repeat;
}
#cart_nav div.r.active{ background-position: -185px -402px;
}
#cart_nav div strong{ display:block; font-size: 2em; padding: 0 0 0 50px;
}
#cart_nav div span{ font-size: 1.4em; padding: 0 0 0 50px;
}
#cart_content .product{ padding: 5px 0 0 0;
}
#cart_content .img{ width: 60px; height: 60px; float:left; margin: 35px 0 0 0;
}
#cart_content .img img{ padding: 2px; border: 2px solid #754e15;
}
#cart_content p{ width: 230px; float:left; padding: 39px 0 0 10px; font-size: 1.6em;
}
#cart_content p.empty{ width: auto; float:none; padding: 50px 0 40px 0; font-size: 1.6em; font-style: italic;
}
#cart_content .params{ width: 220px; overflow:hidden; float:left;
}
#cart_content .params .h2{ width: 300px;
}
#cart_content .params .btn{ cursor:default;
}
#cart_content .dis{ width: 60px; float:left; margin: 48px 0 0 0; padding: 4px 0 0 20px; font-size: 2em; font-weight: bold; text-align: right;
}
#cart_content .sum{ width: 115px; float:left; margin: 48px 0 0 0; padding: 4px 30px 0 0; font-size: 2em; font-weight: bold; text-align: right;
}
#cart_content .del{ width: 40px; float:left; padding: 4px 5px 0 0; margin: 48px 0 0 0;
}
#cart_content .del button{ display:block; position: relative; width: 21px; height: 21px; border:0px; padding:0; background: transparent;
}
#cart_content .del a{ display:block; width: 21px; height: 21px; overflow:hidden; text-indent: -999px; background: url('/_img/buttons.png') -390px -700px no-repeat; cursor:pointer;
}
#cart_content_sum{ float:right; font-size: 2.5em; font-weight: bold; padding: 15px 75px 0 0;
}
#cart_content_sum span{ display:block; float:right; white-space:nowrap; margin: 0 0 0 40px;
}
#cart_content_sum strong{ display:block; float:right; white-space:nowrap; color: #754e15;
}
#cart_recount{ padding: 15px 0 0 500px;
}
#cart_recount button{ display:block; position: relative; width: 70px; height: 31px; border:0; padding:0; font-size: 1.2em; background: transparent; cursor:pointer;
}
#cart_recount span{ position: relative; display:block; width: 70px; height: 31px; line-height: 31px; background: url('/_img/buttons.png') -170px -740px no-repeat; cursor:pointer;
}
#cart_recount span:hover{ background: url('/_img/buttons.png') -250px -740px no-repeat;
} #rejoice_card{ position: relative; clear:both; top: 20px; width: 300px; height: 150px; margin: 0 auto 20px auto; border: 1px solid Black; background: #BC8F4A url('/_img/card.png') center 0 no-repeat;
}
#rejoice_card .h{ text-align: center; font-size: 1.5em; font-weight: bold; padding: 80px 0 0 0;
}
#rejoice_card .code{ position: relative; top: 6px;
}
#rejoice_card .code input{ display:block; width: 120px; margin: 0 auto; border:0; padding: 2px 4px; text-align: center; font-size: 1.4em; background: #A87B39;
}
#rejoice_card .code button{ display:block; position: absolute; top:0; right:20px; margin:0; padding:2px 8px; border: 1px solid #f0e3ce; background: #d7b680; font-size: 1.1em;
}
#rejoice_card .code .num{ display:block; position: absolute; top:0; left:30px; margin:0; font-size: 1.8em;
}
#cart_login{ padding: 15px 0 0 0;
}
#cart_login .field{ clear:left; padding: 15px 0 0 140px;
}
#cart_login .hr{ height: 33px;
}
#cart_login .radio{ padding: 0 0 0 295px;
}
#cart_login .radio .radioElement, #cart_login .radio input{ display:block; float: left; clear:left; margin: 15px 10px 0 0;
}
#cart_login .radio label{ display:block; float: left; margin: 13px 0 0 0; font-size: 1.4em; cursor:pointer;
}
#cart_login .radio label strong{ color: #754E15; font-weight: normal;
}
#cart_login .field label{ width: 155px; float:left; padding: 4px 0; font-size: 1.4em; font-weight: bold;
}
#cart_login .field input{ float:left;
}
#cart_login .field small{ display:block; width: 230px; float:left; padding: 0 0 0 10px; margin: -3px 0 0 0; font-size: 1.2em; color: #9b0000;
}
#cart_login .field a{ position: relative; display:block; clear:left; font-size: 1.4em; margin: 0 0 0 155px; top: 10px; color: #754e15;
} #order_address .address input, #cart_login .field input{ display:block; width: 180px; padding: 5px 2px; border: 1px solid #754E15; font-size: 1.2em; background: white; background-image: linear-gradient(top, rgba(227,209,174,0.8), rgba(227,209,174,0)); background-image: -moz-linear-gradient(top, rgba(227,209,174,0.8), rgba(227,209,174,0)); background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(227,209,174,0)),to(rgba(227,209,174,0.8))); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#DDE3D1AE', EndColorStr='#00E3D1AE');
}
#order_address small{ color: #754e15;
}
#order_address .address{ clear:left; padding: 20px 18px 0 0;
}
#order_address .address .hr{ margin-right:0; padding-top:10px;
}
#order_address .address label{ display:block; width: 85px; padding: 5px 0; margin: 1px 10px 6px 0; float:left; font-size: 1.4em; font-weight: bold; text-align: right;
}
#order_address .address span{ display:block; width: 35px; padding: 5px 0; margin: 1px 0 6px 0; float:left; font-size: 1.4em; color: #999999;
}
#order_address .address input.tel{ width: 145px;
}
#order_address .address input{ width: 180px; float:left; margin: 0 10px 5px 0;
}
#order_address .address input.medium{ width: 124px; margin-right:66px;
}
#order_address .address label.small{ width: 40px; margin-left:10px
}
#order_address .address input.small{ width: 124px; margin-right:-10px;
}
#order_address .address input.error{ border: 1px solid #e30000;
}
#order_address .address div.error{ width: 190px; float:left; padding: 2px 0 0 0px; font-size: 1.3em; font-weight: bold; color: #8b0000;
}
#order_address .switch{ padding: 25px 0 0 0;
}
#order_address .switch .checkboxElement, #order_address .switch .radioElement, #order_address .switch input{ float:left; margin: 0 10px 0 15px;
}
#order_address .switch label{ float:left; cursor:pointer; margin: 0 10px 0 0; font-size: 1.4em; font-weight: bold;
}
#order_address .switch label em{ font-style: normal; color: #754e15;
}
#order_address .switch small{ display:block; font-size: 1.2em; padding: 0 18px 0 0px; text-align: right; color: #754e15;
}
#order_address .switch .hr{ padding: 21px 0 0 0;
}
#order_options .option{ clear:left; padding: 25px 0 0 0;
}
#order_options .option div{ float:left;
}
#order_options .option div.radio{ width: 50px; padding: 3px 0 0 15px;
}
#order_options .option div.text{ width: 530px; padding: 0 30px 20px 0;
}
#order_options .option div.pr{ width: 130px; font-size: 2em; text-align: right;
}
#order_options .option strong{ display:block; padding: 0 0 4px 0; font-size: 1.4em; cursor:pointer;
}
#order_options .option p{ font-size: 1.2em; color: #754E15;
}
#order_options #order_sum{ position: relative; top: 20px; text-align: right; padding: 0 35px 50px 0; font-size: 2.5em; font-weight: bold;
}
#order_options #order_sum strong{ display:block; position: absolute; left: 300px; color: #754E15; margin: 0 20px 0 0;
}
.address_col{ width: 40%; float:left; padding: 20px 0 20px 10%; font-size: 1.4em; line-height: 1.3em;
}
.address_col.left{ width: 30%; padding: 20px 0 20px 20%;
}
.address_col strong{ display:block; padding: 0 0 5px 0;
}
#nav_buttons{ clear:both; position: relative; width: 100%; padding: 40px 0 0 0; margin: 0 0 30px 0;
}
#nav_buttons button{ display:block; position: relative; width: 294px; height: 82px; border:0; padding:0; font-size: 1.8em; font-weight: bold; background: transparent; cursor:pointer;
}
#nav_buttons button.r{ position: absolute; top:40px; right: 15px;
}
#nav_buttons button.f span{ background: url('/_img/buttons.png') 0 -887px no-repeat; color: white;
}
#nav_buttons button span{ position: relative; display:block; width: 294px; height: 82px; line-height: 82px; background: url('/_img/buttons.png') 0 -654px no-repeat; cursor:pointer;
}
#nav_buttons button:hover span{ background: url('/_img/buttons.png') 0 -795px no-repeat;
}
#nav_buttons button span small{ position: absolute; top:0; left:30px;
}
#nav_buttons button.r span small{ position: absolute; right:30px; left: auto;
}
#order_final_sum{ float:right; font-size: 2.5em; font-weight: bold; padding: 15px 75px 0 0;
}
#order_final_sum span{ display:block; float:right; white-space:nowrap; margin: 0 0 0 40px;
}
#order_final_sum strong{ display:block; float:right; white-space:nowrap; color: #754e15;
}
#option_preview{ padding: 0 0 20px 0;
}
#option_preview .hr{ }
#option_preview .text{ width: 535px; float:left; padding: 20px 0 0 72px; color: #754e15;
}
#option_preview .text strong{ display:block; padding: 0 0 5px 0; color: black; font-weight: bold; font-size: 1.4em;
}
#option_preview .text p{ font-size: 1.2em;
}
#option_preview .pr{ display:block; float:left; width: 108px; font-size: 2em; text-align: right; padding: 20px 0 0 0;
}
#order_completed{ }
#order_completed strong{ display:block; font-size: 2.5em; font-weight: normal; padding: 10px 0 15px 0;
}
#order_completed p{ font-size: 1.4em;
}
#final_form{ width: 335px; margin: 40px auto 0 auto;
}
#final_form .img{ width: 230px; height: 136px; font-size: 14px; padding: 20px 25px 0 80px; text-align: center; background: url('/_img/final_form.png') no-repeat;
}
#final_form .img b{ display:block; padding: 0 0 3px 0;
}
#final_form .img strong{ line-height: 55px; font-size: 18px;
}
#final_form .area{ width: 320px; margin: 10px 0 0 0; border: 2px solid #754E15; padding: 2px;
}
#final_form .area textarea{ width: 315px; height: 130px; border:0; padding: 2px; background: white; overflow:auto; font-size: 1.3em;
}
#final_form button{ display:block; position: relative; width: 180px; height: 64px; margin: 10px 0 0 150px; border:0; padding:0; font-size: 1.8em; font-weight: bold; background: transparent;
}
#final_form span{ position: relative; display:block; width: 180px; height: 64px; line-height: 64px; background: url('/_img/buttons.png') 0 -310px no-repeat; cursor:pointer;
} #commentform{ clear:both; padding: 60px 0 0 0;
}
#commentform .area{ width: 765px; padding: 10px 0 0 0;
}
#commentform textarea{ width: 100%; height: 100px; padding: 3px; font-size: 13px; overflow:auto; border: 1px solid #754e15; background: #d9b984;
}