/* ---------------------------------------------------------------------------------------------- */
/* --------------------------- COMMON  ---------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
.top_right_4 {padding:4px 0 4px 0 ;}

/* ---------------------------------------------------------------------------------------------- */
/* --------------------------- LOGIN ------------------------------------------------------------ */
/* ---------------------------------------------------------------------------------------------- */


#login #commercial3_holder {background:#EEEECC; font-size:80%; border-top:2px solid #FFFFFF;}
#login #commercial3 {background:#EEEECC; font-weight:normal;}
#login #commercial3 span {font-weight:bold; color:#666666;}

#login .top_right_4 {padding:7px 0 7px 0 ;}

#login_info {margin-bottom:20px;}
#login_info span {font-weight:bold;}

#login_container {float:left; width:47%;}
.login_form {height:80px; background:#EFEFEF; padding:15px 11px; border-top:2px solid #FFFFFF; border-bottom:2px solid #FFFFFF; color:#666666;}
.login_table {margin-top:20px;}
.login_table td {color:#666666; padding:3px; vertical-align:top;}
.login_table .pass .lt_u_td1 {text-align:right;}

.login_table .forgot_pass_row .lt_u_td2 {padding: 0px 0px 0px 3px}

.forgot_pass {padding-top:0px;}
.user_input {width:180px;}
.pass_input {width:116px;}

#login .btn_next_step span {display:none;}
#login .btn_next_step a {margin:-3px 0 0 2px; display:block; height:27px; width:59px; background: url(../img/design/gumbi/vstopi.gif) no-repeat top left;}
#login .btn_next_step a:hover {margin:-3px 0 0 2px; display:block; height:27px; width:59px; background: url(../img/design/gumbi/vstopi.gif) no-repeat top left; background-position: 1px -26px;}


#register_container {float:right; width:47%;}
.reg_link a {padding-left:13px; background: url(../img/design/ikone/commercial3_seperator.gif) no-repeat center left;}
.b2b {margin-top:15px;}
.b2b div {margin-left:13px; color:#666666;}

.clear {clear:both; width:100%;}

/* ---------------------------------------------------------------------------------------------- */
/* --------------------------- SIGNUP ----------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */


#signup #commercial3_holder {background:#EEEECC; font-size:80%; border-top:2px solid #FFFFFF;}
#signup #commercial3 {background:#EEEECC; font-weight:normal;}
#signup #commercial3 span {font-weight:bold; color:#666666;}

#signup .top_right_4 {padding:7px 0 7px 0 ;}

#signup_info {margin-bottom:20px; font-size:90%;}
#signup_info div {font-size:100%;}
#signup_info span {font-weight:bold;}

#contact_information_container {margin-top:25px;}
#contact_information td {background:#F2F4F4; padding:3px;}
#contact_information td span {font-size:90%; color:#999999}
#contact_information td input {font-size:95%; padding:2px;}
#contact_information .ci_name {width:312px;}
#contact_information .ci_surname {width:312px;}
#contact_information .ci_adress {width:312px;}
#contact_information .ci_zip {width:120px;}
#contact_information .ci_city {width:120px;}
#contact_information .ci_phone {width:120px;}
#contact_information .ci_mobile {width:120px;}
#contact_information .ci_td1 {padding-left:20px; text-align:right;}
#contact_information .ci_td4 {padding-right:20px;} 

#login_information_container {margin-top:35px;}
#login_information td {background:#F2F4F4; padding:3px;}
#login_information td input {font-size:95%; padding:2px;}
#login_information .li_td1 {text-align:right;}
#login_information .li_td2 {width:500px; padding-right:20px;} 
#login_information .ci_username, .ci_password_old, .ci_password_new, .ci_password_repeat {width:250px;}
#login_information .li_info {font-size:95%; padding-bottom:15px; color:#666666;}

#newsletter_information_container {margin-top:35px;}
#newsletter_information td {padding:3px; vertical-align:top;}
#newsletter_information .ni_info {padding-bottom:15px;}
#newsletter_information .ni_td2 {width:400px; padding-top:5px; color:#333333;}
#newsletter_information .ni_td2 div {font-weight:normal; padding-bottom:10px;}
#newsletter_information .ni_info {font-size:95%; padding-bottom:15px; color:#666666;}

#signup_body .btn_next_step {padding-top:40px;}
#signup_body .btn_next_step span {display:none;}
#signup_body .btn_next_step a {display:block; height:35px; width:193px; background: url(../img/design/gumbi/zakljuci-registracijo.gif) no-repeat top left;}
#signup_body .btn_next_step a:hover {display:block; height:35px; width:193px; background: url(../img/design/gumbi/zakljuci-registracijo.gif) no-repeat top left; background-position: 1px -34px;}


/* ---------------------------------------------------------------------------------------------- */
/* --------------------------- start FORGOT PASSWORD -------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */

#forgot_pass_body #commercial3_holder {background:#EEEECC; font-size:80%; border-top:2px solid #FFFFFF;}
#forgot_pass_body #commercial3 {background:#EEEECC; font-weight:normal;}
#forgot_pass_body #commercial3 span {font-weight:bold; color:#666666;}

#forgot_pass_body #forgot_pass_info {padding-bottom:30px;}
#forgot_pass_body #enter_email {font-weight:bold;}
#forgot_pass_body #enter_email input {font-weight:100%; width:200px;}

#forgot_pass_body .btn_send_pass span {display:none;}
#forgot_pass_body .btn_send_pass a {margin:10px 0 0 163px; display:block; height:35px; width:134px; background: url(../img/design/gumbi/gumb-poslji-geslo.gif) no-repeat top left;}
#forgot_pass_body .btn_send_pass a:hover {margin:10px 0 0 163px; display:block; height:35px; width:134px; background: url(../img/design/gumbi/gumb-poslji-geslo.gif) no-repeat top left; background-position: 1px -34px;}

#forgot_pass_body #goto_login {margin-top:30px; font-size:85%; border-top:1px dotted #C0C0C0; padding:10px 0 20px;}
#forgot_pass_body #goto_login span {font-weight:bold; display:block;}

#forgot_pass_body #goto_signup {font-size:85%;}
#forgot_pass_body #goto_signup span {font-weight:bold; display:block;}

#forgot_pass_body .clear {clear:both; width:100%; height:1px; font-size:1%; line-height:1%;}

#forgot_pass_body .error_msg {font-size:80%;}
#forgot_pass_body .error_msg span {display:block;}

#forgot_pass_body .forgot_pass_sent {background:#F2F2F2; font-size:90%; width:600px; line-height:150%;}

/* ---------------------------------------------------------------------------------------------- */
/* --------------------------- start ORDER STEP 1 ----------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */

#order_step1 #one_column {width:600px; font-size:90%;}
#order_step1 #commercial3_holder {background:#EEEECC; font-size:80%; border-top:2px solid #FFFFFF;}
#order_step1 #commercial3 {background:#EEEECC; font-weight:normal;}
#order_step1 #commercial3 span {font-weight:bold; color:#666666;}

#order_step1 h1 {margin-top:20px; margin-bottom:15px;}
#order_step1 h4 {color:#333333; margin-bottom:15px;}

.order_form {background:#F2F4F4; padding:15px 30px; border-top:2px solid #FFFFFF; border-bottom:2px solid #FFFFFF; color:#666666;}
							
.order_table {color:#666666; background:#F2F4F4; width:100%; font-size:100%;}
.order_table td {padding:3px;} 
.order_table .top_left_4 {width:90px;}
.order_table .td_1 {width:80px; text-align:right;}
.order_table .td_2 {width:60px;}
.order_table .td_3 {width:37px; text-align:right;}

#buyer_container {margin-bottom:40px;}
#buyer_container .order_table input {font-size:110%; font-family: Arial, Verdana, Geneva,  Helvetica, sans-serif; padding:2px; width:300px; color:#000000;}
#buyer_container .order_table .zip {width:40px;}
#buyer_container .order_table .city {width:191px;}

#courier_delivery {margin-bottom:20px;}
#courier_delivery .order_form {padding:15px;}
#courier_delivery .order_table {font-size:110%;} 
#courier_delivery .order_table input {font-size:110%; font-family: Arial, Verdana, Geneva,  Helvetica, sans-serif; padding:2px; width:250px; color:#000000;}
#courier_delivery .order_table .zip {width:40px;}
#courier_delivery .order_table .city {width:141px;}
#courier_delivery .company_info {vertical-align:top; font-size:90%; text-align:center; color:#666666; padding-left:10px; width:170px;}
#courier_delivery .courier_delivery_warning {background:#E4E8E9; border:1px solid #C0C0C0; padding:10px; margin-top:50px; font-size:110%; font-weight:bold;}
#courier_delivery .courier_delivery_warning span {color:#D85400;}

.required {padding:1px; background: url(../img/design/required_input.gif) no-repeat center right;}

#delivery_container h4 {padding:0 0 5px 33px; background: url(../img/design/ikone/izberi.gif) no-repeat bottom left; background-position: 15px 7px;}

#personal_delivery .order_form {font-size:100%; }
#personal_delivery .order_form span {border-bottom:3px double #666666;}

.next_step {padding-top:30px; text-align:center;}
.next_step div {padding-top:10px; color:#999999;}

#order_step1_body .go_back {float:left; width:217px; text-align:center; padding:0; margin:20px 0;}  
#order_step1_body .go_back div {color:#C0C0C0; margin:7px 0 0; padding:0;}
#order_step1_body .btn_go_back span {display:none;}
#order_step1_body .btn_go_back a {display:block; height:35px; width:217px; background: url(../img/design/gumbi/back_button.gif) no-repeat top left;}
#order_step1_body .btn_go_back a:hover {display:block; height:35px; width:217px; background: url(../img/design/gumbi/back_button.gif) no-repeat top left; background-position: 1px -34px;}
 
#order_step1_body .next_step {float:right; width:215px; text-align:center; padding:0; margin:20px 0;}  
#order_step1_body .next_step div {color:#C0C0C0; margin:7px 0 0; padding:0;}
#order_step1_body .btn_next_step span {display:none;}
#order_step1_body .btn_next_step a {margin:0; padding:0; display:block; height:35px; width:215px; background: url(../img/design/gumbi/nadaljuj-k-izbiri-placila.gif) no-repeat top left;}
#order_step1_body .btn_next_step a:hover {display:block; height:35px; width:215px; background: url(../img/design/gumbi/nadaljuj-k-izbiri-placila.gif) no-repeat top left; background-position: 1px -34px;}

/* ---------------------------------------------------------------------------------------------- */
/* --------------------------- start ORDER STEP 2 ----------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */

#order_step2 #one_column {width:600px; font-size:90%;}
#order_step2 #commercial3_holder {background:#EEEECC; font-size:80%; border-top:2px solid #FFFFFF;}
#order_step2 #commercial3 {background:#EEEECC; font-weight:normal;}
#order_step2 #commercial3 span {font-weight:bold; color:#666666;}

#order_step2 h1 {margin-top:20px; margin-bottom:15px;}
#order_step2 h4 {color:#333333; margin-bottom:15px; padding:0 0 5px 33px; background: url(../img/design/ikone/izberi.gif) no-repeat bottom left; background-position: 15px 7px;}

.pay_on_delivery {margin:30px 0;}
#credit_card {font-size:100%; color:#666666;}
#credit_card input {font-size:110%; font-family:Arial, Verdana, Geneva,  Helvetica, sans-serif; padding:2px; color:#000000;}
#credit_card select {font-size:110%; font-family:Arial, Verdana, Geneva,  Helvetica, sans-serif; padding:2px; color:#000000;}
.cc_info {float:right; width:195px; margin-right:10px; margin-bottom:10px; text-align:center; color:#666666;}

#pay_with_e_bank {margin:30px 0 0;}
#pay_with_e_bank .top_right_4 span {font-weight:normal;}

#order_step2_body .go_back {float:left; width:217px; text-align:center; padding:0; margin:20px 0;}  
#order_step2_body .go_back div {color:#C0C0C0; margin:7px 0 0; padding:0;}
#order_step2_body .btn_go_back span {display:none;}
#order_step2_body .btn_go_back a {display:block; height:35px; width:217px; background: url(../img/design/gumbi/back_button.gif) no-repeat top left;}
#order_step2_body .btn_go_back a:hover {display:block; height:35px; width:217px; background: url(../img/design/gumbi/back_button.gif) no-repeat top left; background-position: 1px -34px;}
 
#order_step2_body .next_step {float:right; width:346px; text-align:center; padding:0; margin:20px 0;}  
#order_step2_body .next_step div {color:#C0C0C0; margin:7px 0 0; padding:0;}
#order_step2_body .btn_next_step span {display:none;}
#order_step2_body .btn_next_step a {margin:0; padding:0; display:block; height:35px; width:346px; background: url(../img/design/gumbi/nadaljuj-k-pregledu-narocila.gif) no-repeat top left;}
#order_step2_body .btn_next_step a:hover {display:block; height:35px; width:346px; background: url(../img/design/gumbi/nadaljuj-k-pregledu-narocila.gif) no-repeat top left; background-position: 1px -34px;}


/* ---------------------------------------------------------------------------------------------- */
/* --------------------------- start ORDER STEP 3 ----------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */

#order_step3 .top_left_4 {background-color:#A8AFB3; color:#FFFFFF;}
#order_step3 .top_right_4 {background-color:#A8AFB3; color:#FFFFFF; padding:5px;}
#order_step3 .bottom_left_4 {background-color:#A8AFB3; color:#FFFFFF;}
#order_step3 .bottom_right_4 {background-color:#A8AFB3; color:#FFFFFF; padding:3px;}

#order_step3 #one_column {width:700px; font-size:90%;}
#order_step3 #commercial3_holder {background:#EEEECC; font-size:80%; border-top:2px solid #FFFFFF;}
#order_step3 #commercial3 {background:#EEEECC; font-weight:normal;}
#order_step3 #commercial3 span {font-weight:bold; color:#666666;}

#order_step3 h1 {margin-top:20px; margin-bottom:15px;}
#order_step3_info {margin-bottom:20px;}
#order_step3_info span {font-weight:bold;}

#basket_summary  {width:100%; background:#F2F4F4;}
#basket_summary  td {padding:8px; border:1px solid #FFFFFF; color:#666666;}
#basket_summary  .bs_head td {background-color:#A8AFB3; color:#FFFFFF; font-weight:bold; text-align:center; padding:6px;}
#basket_summary  .bs_head .top_left_4 {padding:0 0 0 9px; text-align:left;}
#basket_summary  .td_1 div {font-size:100%; font-weight:bold; color:#666666;}
#basket_summary  .td_1 span {font-weight:bold;}
#basket_summary  .td_2 {text-align:center;}
#basket_summary  .td_3 {text-align:right;}
#basket_summary  .bottom_left_4 {background-color:#A8AFB3; color:#FFFFFF; padding:0; line-height:80%; border-right:0;}
#basket_summary  .bottom_right_4 {background-color:#A8AFB3; color:#FFFFFF; padding:0; line-height:0%; border-left:0;}

#edit_basket {float:left; padding-top:20px; font-size:90%;}

#review_tax {float:right;}
#review_tax td {border:0; padding:3px 0 0 3px;}
#review_tax .td_1 {text-align:right;}
#review_tax .td_2 {text-align:right; font-weight:bold;}
#review_tax .total .td_1 {font-weight:bold; padding-bottom:6px;vertical-align:top;}
#review_tax .total .td_2 {color:#D85400; border-bottom:3px double #D85400; padding-bottom:3px;}

#review_buyer {width:45%; float:left; margin-top:30px; margin-bottom:30px;}
#review_buyer .order_table .ot_l {text-align:right;}
#review_buyer .order_table .ot_r {text-align:left; font-weight:bold;}
#review_buyer a {font-size:90%;}

#review_delivery {width:45%; float:right; margin-top:30px; margin-bottom:30px;}
#review_delivery .order_table .ot_l {text-align:right;}
#review_delivery .order_table .ot_r {text-align:left; font-weight:bold;}
#review_delivery a {font-size:90%;}

.review_payment_epay {clear:both; margin-bottom:30px;}
.review_payment_epay .order_form span {font-weight:bold; display:block;}
.review_payment_epay .order_form div {padding-top:15px;}

.review_payment_delivery {clear:both; margin-bottom:30px;}
.review_payment_delivery .order_form span {font-weight:bold; display:block;}
.review_payment_delivery .order_form div {padding-top:15px;}

.review_payment_contract {clear:both; margin-bottom:30px;}
.review_payment_contract .order_form span {font-weight:bold; display:block;}
.review_payment_contract .order_form div {padding-top:15px;}

#order_comment {clear:both; margin-bottom:30px;}
#order_comment .order_form span {font-weight:bold; display:block;}
#order_comment .order_form {text-align:center;}
#order_comment .order_form div {padding-top:15px; }
#order_comment .order_form .comment {width:90%; height: 70px}

#confirm_order {border-top:5px solid #A8AFB3; border-bottom:5px solid #A8AFB3; margin-bottom:20px;}
#confirm_order .order_form div {text-align:center; font-size:100%; padding-top:20px;}

#confirm_order input {margin:0; padding:0;}

#confirm_order .go_back {float:left; width:217px; text-align:center; padding:0; margin:10px 0 0;}  
#confirm_order .go_back div {color:#C0C0C0; margin:7px 0 0; padding:0;}
#confirm_order .btn_go_back span {display:none;}
#confirm_order .btn_go_back a {display:block; height:35px; width:217px; background: url(../img/design/gumbi/back_button.gif) no-repeat top left;}
#confirm_order .btn_go_back a:hover {display:block; height:35px; width:217px; background: url(../img/design/gumbi/back_button.gif) no-repeat top left; background-position: 1px -34px;}
 
#confirm_order .next_step {float:right; width:232px; text-align:center; padding:0; margin:10px 0 0;}  
#confirm_order .next_step div {color:#C0C0C0; margin:7px 0 0; padding:0;}
#confirm_order .btn_next_step span {display:none;}
#confirm_order .btn_next_step a {margin:0; padding:0; display:block; height:35px; width:232px; background: url(../img/design/gumbi/zakljuci-narocilo.gif) no-repeat top left;}
#confirm_order .btn_next_step a:hover {display:block; height:35px; width:232px; background: url(../img/design/gumbi/zakljuci-narocilo.gif) no-repeat top left; background-position: 1px -34px;}

#confirm_order #clear_float {clear:both; padding:0; margin:0; line-height:0;}

/* ---------------------------------------------------------------------------------------------- */
/* --------------------------- start ORDER FINISHED ----------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */

#order_finished #one_column {width:618px; font-size:90%;}
#order_finished #commercial3_holder {background:#EEEECC; font-size:80%; border-top:2px solid #FFFFFF;}
#order_finished #commercial3 {background:#EEEECC; font-weight:normal;}
#order_finished #commercial3 span {font-weight:bold; color:#666666;}

#order_finished .div1 {font-weight:bold;}
#order_finished .div2 {margin-bottom:30px;}
#order_finished .div3 span {font-weight:bold;}
#order_finished .div5 {margin-bottom:30px;}
#order_finished .div5 form {margin:5px 0 5px;}
#order_finished .div5 span {font-size:0.9em; color:#999999;}
#order_finished .div6 {font-weight:bold; margin-bottom:30px;}

#order_finished .btn_print {padding-top:20px;}
#order_finished .btn_print span {display:none;}
#order_finished .btn_print a {margin-left:-3px; display:block; height:35px; width:163px; background: url(../img/design/gumbi/natisni-narocilo.gif) no-repeat top left;}
#order_finished .btn_print a:hover {margin-left:-3px; display:block; height:35px; width:163px; background: url(../img/design/gumbi/natisni-narocilo.gif) no-repeat top left; background-position: 1px -34px;}

/* ---------------------------------------------------------------------------------------------- */
/* --------------------------- start PRINT ORDER ------------------------------------------------ */
/* ---------------------------------------------------------------------------------------------- */
/* ------------------ copy PRINTER FRIENDLY HEADER styles ----------------------------------------*/

#print_order_body #B2Blogo {display:none; width:166px; height:55px; border:0;}
#print_order_body #B2Clogo {width:120px; height:55px; border:0;}

#print_order_body h1 {color:#333333;}
#print_order_body #one_column_holder {width:630px;}
#print_order_body #one_column {text-align:left; width:620px; font-size:80%; padding:100px 20px 0;}

#print_order_body #print_header {margin-bottom:30px; display:block; width:635px; height:110px; position:absolute; top:0; border-bottom:3px solid #606060; font-size:70%;}
#print_order_body #print_header #slogan {position:relative; top:65px; left:75px; font-size:85%; color:#999999;}
#print_order_body #print_header #company {position:absolute; top:50px; right:170px; width:150px;}
#print_order_body #print_header #company span {font-size:15px; font-weight:bold;}
#print_order_body #print_header #contact {position:absolute; top:50px; right:0; width:150px;}
#print_order_body #print_header #url {position:absolute; top:85px; left:20px; font-weight:bold; letter-spacing:3px;}
#print_order_body #print_header #url span {display:none;}

#print_order_table {width:100%;}

#print_order_buyer {vertical-align:top; width:270px; font-size:110%;}
#print_order_buyer h1 {margin-bottom:15px; font-size:190%;}
#print_order_buyer #pob_comp {font-weight:bold;}
#print_order_buyer #pob_name {font-weight:bold;}

#h1_date {font-size:180%; padding:18px 0;}
#h1_order {font-size:180%; padding-bottom:10px;}

#print_order_delivery {vertical-align:top; font-size:110%; width:290px;}
#print_order_delivery h1 {margin-bottom:15px; font-size:180%;}
#print_order_delivery #pod_comp {font-weight:bold;}
#print_order_delivery #pod_name {font-weight:bold;}
#print_order_delivery #pod_date {padding-top:20px;}
#print_order_delivery #pod_date span {font-weight:bold;}
#print_order_delivery #pod_type span {font-weight:bold;}
#print_order_delivery #pod_cost span {font-weight:bold;}
#print_order_delivery #pod_pay {padding-top:20px;}
#print_order_delivery #pod_pay span {font-weight:bold;}

#print_order_delivery_date_number {vertical-align:bottom;}

#print_order_items {width:100%; margin-top:20px;}
#print_order_items td {text-align:right; padding:5px 15px 5px 5px; border-bottom:1px solid #C0C0C0;}
#print_order_items thead td {font-weight:bold; border-top:3px double #000000; border-bottom:3px double #000000;}
#print_order_items .poi_item {text-align:left;}
#print_order_items .poi_price {white-space:nowrap;}
#print_order_items .poi_sum {white-space:nowrap;}
#print_order_items .poi_sum {white-space:nowrap; padding-right:5px;}

#print_order_items #review_tax_container {border-top:3px double #000000; padding:10px 0; border-bottom:0;}
#print_order_items #review_tax_container td {border:none;}
#print_order_items #review_tax td {font-size:105%; padding:5px;}
#print_order_items #review_tax .total .td_1 {padding-bottom:8px;}
#print_order_items #review_tax .total .td_2 {border-bottom:3px double #000000; color:#333333;}

#print_order_body .btn_print_bottom {margin-top:30px; padding-top:20px; border-top:3px solid #606060;}
#print_order_body .btn_print_bottom span {display:none;}
#print_order_body .btn_print_bottom a {display:block; height:35px; width:163px; background: url(../img/design/gumbi/natisni-narocilo.gif) no-repeat top left;}
#print_order_body .btn_print_bottom a:hover {display:block; height:35px; width:163px; background: url(../img/design/gumbi/natisni-narocilo.gif) no-repeat top left; background-position: 1px -34px;}