@charset "utf-8";
/* CSS Document */

table.checkout_wrapper{
  background:url(../img/checkbox_table_back.png) repeat-y;
  margin:0 51px 0 9px; width:940px;}

/* contacts
----------------------------------*/

td.contacts{ width:472px;}
  
td.contacts .contacts_header{
  background:url(../img/contacts_header_back.png) top repeat-x;
  float:left; height:42px; width:472px;}
  
td.contacts .contacts_header .header_text{
  background:url(../img/contacts_header_separator.png) right top no-repeat;
  color:#666;
  float:left;
  font-size:18px;
  height:34px;
  padding:8px 0 0 20px;
  width:452px;}
  
td.contacts .contacts_content{
  float:left; 
  margin-right:1px; 
  padding:15px 15px 0 15px; 
  width:440px;}
  
/* personal data */
  
#personal_data{
  border-bottom:1px solid #dddede; 
  float:left; padding-bottom:8px;}
  
#personal_data .headline{
  background:url(../img/personal_facts_headline.png) left no-repeat;
  float:left; 
  height:16px; 
  padding-bottom:14px; 
  width:440px;} 
  
#personal_data .headline_error{
  background:url(../img/warning_notice.png) left top no-repeat;
  float:left; 
  height:24px; 
  padding-bottom:8px; 
  width:440px;} 
  
#personal_data dl{
  float:left; 
  margin:3px 0; 
  padding-left:20px; 
  width:420px;}
  
#personal_data dl dt{
  color:#888;
  float: left;
  font-size: 12px;
  height:23px;
  line-height:23px;
  margin: 0; padding:0; 
  text-align:left;
  width: 95px;}
  
.precondition{ color:#000; font-weight:bold;}
  
#personal_data dl dd{
  float:left; margin:0; width:258px;}
  
.round_corner_59x23,
.round_corner_59x23_error,
.round_corner_192x23,
.round_corner_192x23_error,
.round_corner_258x23,
.round_corner_258x23_error{
  border:0;
  color:#666;
  font-size:11px;
  height:23px; 
  padding:0 9px;}
  
.round_corner_59x23 { background:url(../img/round_corner_input_59x23.png) no-repeat; margin-right:3px; width:41px;}
.round_corner_192x23{ background:url(../img/round_corner_input_192x23.png) no-repeat; width:174px;}
.round_corner_258x23{ background:url(../img/round_corner_input_258x23.png) no-repeat; width:240px;}

.round_corner_59x23_error { background:url(../img/round_corner_input_59x23_error.png) no-repeat; margin-right:3px; width:41px;}
.round_corner_192x23_error{ background:url(../img/round_corner_input_192x23_error.png) no-repeat; width:174px;}
.round_corner_258x23_error{ background:url(../img/round_corner_input_258x23_error.png) no-repeat; width:240px;}
  
@-moz-document url-prefix(){ .round_corner_59x23{ height:19px; padding:4px 9px 0 9px;}}  
@-moz-document url-prefix(){ .round_corner_192x23{ height:19px; padding:4px 9px 0 9px;}}  
@-moz-document url-prefix(){ .round_corner_258x23{ height:19px; padding:4px 9px 0 9px;}}

@-moz-document url-prefix(){ .round_corner_59x23_error{ height:19px; padding:4px 9px 0 9px;}}  
@-moz-document url-prefix(){ .round_corner_192x23_error{ height:19px; padding:4px 9px 0 9px;}}  
@-moz-document url-prefix(){ .round_corner_258x23_error{ height:19px; padding:4px 9px 0 9px;}}
  
*:first-child+html .round_corner_59x23,
*:first-child+html .round_corner_192x23,
*:first-child+html .round_corner_258x23{ height:19px; padding:4px 9px 0 9px;}

*:first-child+html .round_corner_59x23_error,
*:first-child+html .round_corner_192x23_error,
*:first-child+html .round_corner_258x23_error{ height:19px; padding:4px 9px 0 9px;}

.e-mail_notice{ color:#888; font-size:11px; line-height:1;}

/* delivery adress */

#adress_delivery{ float:left; padding-top:15px;}
  
#adress_delivery .headline{
  background:url(../img/adress_delivery_headline.png) left top no-repeat;
  float:left; 
  height:15px;
  padding-bottom:18px;  
  width:440px;}
  
#adress_delivery .town_adress{  
  color:#666;
  float:left;   
  margin:0; 
  padding:0 0 0 20px;
  position:relative; 
  width:244px;
  z-index:2;}
  
.round_corner_list{
  background:url(../img/delivery_town.png) no-repeat;
  border:0;
  color:#666;
  font-size:11px;
  height:23px; 
  padding:0 32px 0 10px;
  width:210px;}
  
@-moz-document url-prefix(){
.round_corner_list{ height:19px; padding:4px 32px 0 10px;}}

*:first-child+html .round_corner_list{ height:19px; padding:4px 32px 0 10px;}

/* dropdown list */
    
.towns_back_top{
  background:url(../img/town_adress_list_back_top.png) no-repeat;
  height:10px;
  padding:0;
  position:absolute; top:10px; left:16px;
  width:252px;
  z-index:1;}
  
.dropdown_list_scroll_wrap{
  background:url(../img/town_adress_list.png) repeat-y;
  float:left;
  height:210px;
  position:absolute; top:19px; left:16px;
  padding-top:10px;
  width:252px;
  z-index:10;}
  
.dropdown_list_scroll_pane{  
  height:200px;
  margin:0;
  padding:0 0 0 10px;
  overflow:auto;
  width:242px;}
  
.jScrollPaneContainer {
  position: relative;
  overflow: hidden;
  z-index: 1;}

.dropdown_list_scroll_light {
  background:url(../img/delivery_sub_scrollbar.png) top no-repeat;
  position: absolute;
  cursor: pointer;
  right: 10px; top: 0;
  height: 100%;
  width:14px;}
	
.dropdown_list_scroll_dark {
  border-bottom:3px solid transparent;
  position: absolute;
  cursor: pointer;
  overflow: hidden;
  background:url(../img/scroll_box_8x112.png) no-repeat 3px 3px;  
  height:80px;}
  
.town_name{
  background-color:#FFF;
  color:#666;
  cursor:pointer;
  float:left;
  font-size:11px;
  line-height:1;
  padding:3px 0 4px 8px;
  width:210px;}
  
.town_name:hover{ background-color:#e8e7e8;}

.town_adress_list_back_bottom{
  background:url(../img/town_adress_list_back_bottom.png) no-repeat;
  position:absolute; top:239px; left:16px; 
  margin:0; padding:0; height:15px; width:252px;}
  
/* end dropdown list */
  
#adress_delivery .delivery_way{
  float:left; 
  height:28px; 
  margin:10px 0 0 20px; 
  width:420px;}
  
#adress_delivery .delivery_way .word{
  color:#000;
  float:left;
  font-size:12px; 
  height:28px; 
  line-height:28px; 
  width:60px;}
  
#adress_delivery .delivery_way .delivery_buttons{
  float:left; height:28px; width:182px;}
  
#adress_delivery .free_delivery{
  color:#666;
  float:left;
  font-size:11px;
  line-height:1;
  padding:8px 0 7px 80px; 
  width:360px;}
  
#adress_delivery .street{
  float:left; margin-left:20px; width:420px; padding-top:10px;}
  
#adress_delivery .street .street_type{
  background:url(../img/delivery_street.png) no-repeat;  
  color:#666;
  float:left;
  font-size:11px;
  height:23px;
  line-height:23px;
  margin-right:7px;
  padding:0 20px 0 9px;
  position:relative;
  width:54px;
  z-index:1;}
  
/* dropdown list (street type) */
    
.street_back_top{
  background:url(../img/street_adress_list_back_top.png) no-repeat;
  float:left;
  height:10px;
  padding:0;
  position:absolute; top:10px; left:-4px;
  width:91px;
  z-index:1;}
  
.street_adress_list{
  margin-bottom:10px;
  position:absolute; top:20px; left:-4px;
  width:91px;
  z-index:1;}
  
.street_adress_list_content{
  background:url(../img/street_adress_list.png) repeat-y;
  float:left;
  padding:3px 5px 0 5px;
  margin:0;
  width:81px;}
  
.street_type_name{
  background-color:#FFF;
  color:#666;
  float:left;
  font-size:11px;
  line-height:1;
  padding:3px 0 3px 8px;
  width:73px;}
  
.street_type_name:hover{ background-color:#e8e7e8;}
  
.street_adress_list_back_bottom{
  background:url(../img/street_adress_list_back_bottom.png) no-repeat;
  float:left;
  height:15px;
  width:91px;}
  
/* end dropdown list (street type) */
  
.round_corner_312x23,
.round_corner_312x23_error{  
  border:0;
  color:#666;
  float:left;
  font-size:11px;
  height:23px; 
  padding:0 0 0 9px;
  width:303px;}
  
.round_corner_312x23{ background:url(../img/round_corner_input_312x23.png) no-repeat;}
.round_corner_312x23_error{ background:url(../img/round_corner_input_312x23_error.png) no-repeat;}
   
@-moz-document url-prefix(){ .round_corner_312x23{ height:19px; padding:4px 0 0 9px;}}
@-moz-document url-prefix(){ .round_corner_312x23_error{ height:19px; padding:4px 0 0 9px;}}

*:first-child+html .round_corner_312x23,
*:first-child+html .round_corner_312x23_error{ height:19px; padding:4px 0 0 9px;}

#adress_delivery .house{
  float:left; margin:7px 0 0 80px; padding-bottom:0px; width:360px;}
  
#adress_delivery .house .house_word,
#adress_delivery .house .floor,
#adress_delivery .house .office{
  color:#000; 
  float:left; 
  font-size:12px;
  height:23px;
  line-height:23px;}
  
#adress_delivery .house .house_word{ margin:0; padding:0; width:30px;}
#adress_delivery .house .floor{ margin-left:9px; width:37px;}
#adress_delivery .house .office{ margin-left:11px; width:90px;}
  
.round_corner_49x23,
.round_corner_49x23_error{  
  border:0;
  color:#666;
  float:left;
  font-size:11px;
  height:23px;   
  padding:0 0 0 9px;
  width:49px;}
  
.round_corner_49x23{ background:url(../img/round_corner_input_49x23.png) no-repeat;}
.round_corner_49x23_error{ background:url(../img/round_corner_input_49x23_error.png) no-repeat;}
   
@-moz-document url-prefix(){ .round_corner_49x23{ height:19px; padding:4px 0 0 9px;}}
@-moz-document url-prefix(){ .round_corner_49x23_error{ height:19px; padding:4px 0 0 9px;}}

*:first-child+html .round_corner_49x23,
*:first-child+html .round_corner_49x23_error{ height:19px; padding:4px 0 0 9px;}

#adress_delivery .additional_information{
  color:#000;
  float:left;
  font-size:12px;
  line-height:1; 
  padding:10px 0 7px 20px; 
  width:420px;}

#adress_delivery .add_inform_textarea{
  border:1px solid #dbdcdc;
  color:#666;
  float:left;
  font:11px Arial, Helvetica, sans-serif;
  height:89px;
  padding:2px 5px;
  margin:0 20px;
  width:388px;}
  
#adress_delivery .payment{
  float:left;
  height:28px;
  margin-top:13px;
  padding-left:20px;
  width:420px;}
  
#adress_delivery .payment .payment_word{
  color:#000;
  float:left;
  font-size:12px;
  height:28px;
  line-height:28px;
  width:59px;}
  
/* delivery courier */

#delivery_courier{
  float:left;
  font-size:12px;
  padding:0 0 0px 20px;
  width:420px;}
  
#delivery_courier .one_courier{
  float:left; padding:5px 0; width:400px;}
  
#delivery_courier .one_courier .courier_checkbox{
  float:left; margin:0; padding:0; width:20px;}
  
*:first-child+html #delivery_courier .one_courier .courier_checkbox{
  margin:-2px 0 0 -4px; width:24px;}
  

/* order section
----------------------------------*/

td.order{
  margin-left:-1px;
  padding:0;
  position:relative; 
  width:469px;}
  
.order_header{
  background:url(../img/contacts_header_back.png) top repeat-x;
  color:#666;
  float:left;
  font-size:18px;
  height:34px;
  padding:8px 0 0 20px;
  width:449px;}
  
.order_block { 
  float:left; 
  height:377px; 
  position:relative;  
  width:469px; 
  z-index:0;}
  
.order_block2{ 
  float:left; height:397px; width:469px;} 
  
.order_list_scroll_wrap{
  float:left;
  height:362px;
  position:absolute; top:0px; left:0px;
  padding:15px 0 0 14px;
  width:421px;
  z-index:10;}
  
.order_list_scroll_pane{  
  height:362px;
  margin:0;
  padding:0;
  overflow:auto;
  width:445px;}
  
.jScrollPaneContainer {
  position: relative;
  overflow: hidden;
  z-index: 1;}

.order_list_scroll_light {
  background:url(../img/scrollbar_shopingcart.png) top no-repeat;
  position: absolute;
  cursor: pointer;
  right: 0; top: 0;
  height: 100%;
  width:14px;}
	
.order_list_scroll_dark {
  background:url(../img/scroll_box_8x182.png) no-repeat 3px 0;
  border-bottom:3px solid transparent;
  border-top:3px solid transparent;
  position: absolute;
  cursor: pointer;
  overflow: hidden;    
  height:184px;} 
    
.order_product_line{   
  float:left; width:421px;}
  
.order_item_image{
  float:left;
  height:50px;
  margin-right:14px;
  width:50px;}
  
.order_item_attribute{
  float:left; padding-right:15px; width:323px;}
  
.order_item_attribute .order_item_name{
  color:#171717;
  float:left;
  font-size:12px;
  font-weight:bold;
  padding-bottom:2px;
  width:323px;}
  
.order_item_attribute .order_item_price{
  color:#eb514e;
  float:left;
  font-size:14px;
  padding-top:3px;
  width:106px;}
  
.order_item_attribute .order_item_price sup{ font-size:10px;}
  
.currency{ font-size:12px;}

.order_item_attribute .order_item_numbers{
  float:left;
  height:18px;
  margin-top:6px; 
  width:89px;}
  
.order_item_attribute .order_item_numbers .button_add,
.order_item_attribute .order_item_numbers .button_subtract{
  float:left; height:18px; width:21px;}
  
.order_item_attribute .order_item_numbers .input_numbers{
  background:url(../img/input_back.png) no-repeat;
  border:0;
  color:#666; 
  font:11px Arial, Helvetica, sans-serif;
  float:left; 
  height:18px;
  margin:0;
  text-align:center;
  width:45px;} 
  
input{ margin:0; padding:0;}
  
.order_item_attribute .items{ 
  color:#666;
  float:left;
  font:11px Arial, Helvetica, sans-serif;  
  margin:7px 0 0 5px;}
  
.order_delete_button{ float:right; margin-top:17px; width:19px;}
  
.order_separator{
  background:url(../img/shopingcart_separator.png) repeat-x;
  float:left; height:21px; width:420px;}
  
/* certificate section */

#order_sertificate{
  border-top:1px solid #dddede;
  float:left;
  margin:13px 0 0 14px; 
  padding-top:13px;
  position:relative; 
  width:421px;}

#order_sertificate .discount{
  color:#000;
  float:left;
  font-size:12px;
  height:28px;
  line-height:28px; 
  width:50px;}
  
#order_sertificate .sertificate_buttons{
  float:right; width:370px;}

#order_sertificate .where_get_sertificate{
  float:right; padding:9px 0; text-align:right; width:421px;}
  
#order_sertificate .where_get_sertificate a,
#order_sertificate .where_get_sertificate a:hover{
  font-size:11px;}
  
#order_sertificate .where_get_sertificate a{ color:#277bb7;}
#order_sertificate .where_get_sertificate a:hover{ color:#000;}

#order_sertificate .sertificate_number{
  float:right; position:relative; width:368px; z-index:0;}
  
/* certificate error section */
#sertificate_error{
  background:url(../img/sertificate_tooltip.png) no-repeat;
  position:absolute; top:15px; left:-22px;
  padding:20px 13px 0 17px;
  margin:0;
  height:109px;
  width:259px;
  z-index:10;}
  
#sertificate_error .error_header{  
  float:left;  
  height:19px;
  padding-top:4px; 
  width:259px;}
  
#sertificate_error .error_header .text{
  color:#000;
  float:left;
  font-size:12px;
  font-weight:bold;}
  
#sertificate_error .error_header .close_button{
  background:url(../img/sertificate_tooltip_button_close.png) no-repeat;
  display:block;
  float:right;
  height:15px;
  width:15px;}
  
#sertificate_error .error_header .close_button:hover{
  background-position:0px -15px;}
  
#sertificate_error .error_content{
  float:left; font-size:11px; padding:12px 0 8px 0;}
  
#sertificate_error .not_accept{
  float:left; padding-right:4px; text-align:center; width:255px;}
  
#sertificate_error .not_accept a,
#sertificate_error .not_accept a:hover{
  font-size:11px; line-height:1;}
  
#sertificate_error .not_accept a{ color:#1768a6;}
#sertificate_error .not_accept a:hover{ color:#000;}
  
/* end certificate error section */
  
.round_corner_244x23{
  background:url(../img/round_corner_input_244x23.png) no-repeat;
  border:0;
  color:#666;
  float:left;
  font-size:11px;
  height:23px;   
  padding:0 0 0 9px;
  width:244px;}
   
@-moz-document url-prefix(){ .round_corner_244x23{ height:19px; padding:4px 0 0 9px;}}
*:first-child+html .round_corner_244x23{ height:19px; padding:4px 0 0 9px;}

.check_button{
  background:url(../img/check_button.png) no-repeat;
  display:block;
  float:right;
  height:23px;
  width:115px;}
  
.check_button:hover{ background-position:0px -23px;}
  
#order_sertificate .discount_sum{
  color:#666;
  float:right;
  font-size:21px;
  text-align:right;}
  
#order_sertificate .discount_sum sup{ font-size:11px;}

#order_sertificate_number{
  color:#666;
  float:right;
  font-size:11px;
  padding:5px 35px 0 0;
  text-align:right; 
  width:421px;}
  
/* end certificate error section */

/* address of receipt of purchase section */

#address_receipt{
  float:left;
  margin-left:20px;
  padding:15px 0 0 0;
  width:400px;}
  
#address_receipt .address_purchase{
  color:#666;
  float:left; 
  font-size:12px; 
  width:310px;}
  
#address_receipt .address_purchase .address_purchase_headline{
  color:#000; font-weight:bold; padding-bottom:3px;}
  
#address_receipt .map_passage{
  float:right; width:70px;}

/* end address of receipt of purchase section */
  
/* in all section */

#sum_total{
  background:url(../img/checkout_back_bottom.png) bottom repeat-x;   
  float:left; height:90px; margin-left:-1px; 
  padding:0 34px 0 15px; width:420px;}
    
.border_top{
  border-top:1px solid #dddede;
  height:79px; padding-top:10px; width:420px;}
  
#sum_total .delivery_cost{  
  color:#666; float:left; width:421px;}
  
#sum_total .delivery_cost .word{  
  float:left;
  font-size:16px;
  padding-top:5px;
  width:165px;}
  
#sum_total .delivery_cost .all_sum{
  float:right;
  font-size:21px;
  line-height:1;
  text-align:right;
  width:240px;}
  
#sum_total .total{
  color:#000;
  float:left;
  font-size:24px;
  padding-top:8px;
  width:421px;}
  
#sum_total .total_to_payment{
  float:left; width:175px;}

#sum_total .total_to_payment_sum{
  float:right; text-align:right; width:230px;}
  
#sum_total .delivery_cost .all_sum sup,  
#sum_total .total_to_payment_sum sup{ font-size:12px;}


/* for customers section
----------------------------------*/
#for_customers{
  float:left; width:440px;}
  
ul.for_customers_tabs {
  float:left; 
  height:36px;
  list-style:none; 
  margin:0 !important;
  padding:0;
  width:439px;}
  
ul.for_customers_tabs li { 
  float:left;	 
  margin:0 !important;
  padding:0; 
  text-indent:0;}
  
ul.for_customers_tabs a { 
  background:url(../img/checkout_tabs.png) no-repeat 0 0;
  display:block; height: 36px; margin:0; padding:0;  
  position:relative;}
  	
ul.for_customers_tabs a.current,
 ul.for_customers_tabs a.current:hover,
  ul.for_customers_tabs li.current a {		
	cursor:default !important;}
	
/* for participants */
ul.for_customers_tabs a.participant 	  { background-position: 0px 0px; width:220px;}
ul.for_customers_tabs a.participant:hover { background-position: 0px -36px;}
ul.for_customers_tabs a.participant_cur   { background-position: 0px -72px; width:220px;}

/* for beginners */
ul.for_customers_tabs a.beginner 	   { background-position: -220px 0px; width:219px;}
ul.for_customers_tabs a.beginner:hover { background-position: -220px -36px;}
ul.for_customers_tabs a.beginner_cur   { background-position: -220px -72px; width:219px;}

div.content div.content_tab { display:none;}

.content {
  border-left:1px solid #dbdcdc;
  border-right:1px solid #dbdcdc;
  float:left; 		
  padding:17px 15px 12px 15px;
  width:407px;}
  
.content_bottom{
  background:url(../img/checkout_tabs_border_bottom.png) no-repeat;
  float:left; height:10px; width:439px;}
  
.content .for_participants{
  color:#666; float:left; width:407px;}
  
.content .for_participants .text{
  float:left; font-size:11px; width:300px;}
  
.content .for_participants .enter{
  float:left; padding-top:17px; width:407px;} 
  
.content .for_participants .enter .u_mail,
.content .for_participants .enter .u_password{
  color:#171717;
  border:0;
  float:left;
  font-size:11px;
  height:23px;  
  padding:0 10px;} 
  
.content .for_participants .enter .u_mail{
  background:url(../img/round_corner_input_172x23.png) no-repeat;  
  width:152px; margin-right:8px;}
  
.content .for_participants .enter .u_password{
  background:url(../img/round_corner_input_132x23.png) no-repeat; 
  width:112px; margin-right:7px;}
  
*:first-child+html .content .for_participants .enter .u_mail,
*:first-child+html .content .for_participants .enter .u_password{
  height:19px; padding:4px 10px 0 10px;}
  
@-moz-document url-prefix(){ .content .for_participants .enter .u_mail{
  height:19px; padding:4px 10px 0 10px;}}
  
@-moz-document url-prefix(){ .content .for_participants .enter .u_password{
  height:19px; padding:4px 10px 0 10px;}}
  
.make_an_order_button{
  background:url(../img/make_an_order_button.png) no-repeat;
  display:block;
  float:none;
  height:25px;
  margin:0 auto;
  width:148px;}
  
.make_an_order_button:hover{
  background-position:0px -25px;}
  
  
/* contacts control buttons */
  
#contacts_control_buttons{
  background:url(../img/checkout_back_bottom.png) bottom repeat-x;
  float:left; padding:30px 0 20px 21px; width:449px;}
  
#contacts_control_buttons .buttons{
  float:left; padding-left:9px; width:431px;}
  
#contacts_control_buttons .buttons .continue_buying_button{
  background:url(../img/continue_buying_button_blue_206x80.png) no-repeat;
  display:block;
  float:left;
  height:40px;
  width:206px;}
  
#contacts_control_buttons .buttons .continue_buying_button:hover{
  background-position:0px -40px;}
  
#contacts_control_buttons .buttons .make_order_button{
  background:url(../img/make_order_button_blue_186x80.png) no-repeat;
  display:block;
  float:right;
  height:40px;
  width:206px;}
  
#contacts_control_buttons .buttons .make_order_button:hover{
  background-position:0px -40px;}