/*
  CSS definition for Neutrina  module: Eshop
  Copyright (C) 2010, Christoph Marti

  This CSS file is free software. You can redistribute it and/or modify it 
  under the terms of the GNU General Public License - version 2 or later, 
  as published by the Free Software Foundation: http://www.gnu.org/licenses/gpl.html.

  This CSS file is distributed in the hope that it will be useful, 
  but WITHOUT ANY WARRANTY; without even the implied warranty of 
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 
  GNU General Public License for more details.
*/


/* Frontend Stylesheet Module Eshop */
/* ********************************* */

/*
NOTE:
Modify the HTML of the main page and the item page in the layout section of the Eshop page settings.
Modify the HTML of the invoice template in the layout section of the Eshop payment methods > select invoice.
Modify the CSS of the main page and the item page in this stylesheet.
Modify the CSS of the invoice template and the view order in the backend stylesheet.
*/

/* Mod for inter-okno */
.image {
  display: block;
  float: left;
  width: 280px
}

.image img {
  margin: 0px 0px 10px 0px;
}

.window_params {
  display: block;
  float: left;
  padding: 5px 0px 5px 0px;
  width: 550px;
}

.dims, .price, .shipping, .sku, .buy_button {
  display: block;
  float: right;
  clear: right;
  padding: 5px 0px 5px 0px;
  width: 270px;
}

.price span {
  font-size: 16px;
  font-weight: bold;
  color: #768a1b;
}

.window_params h3 {
  font-size: 14px;
  padding: 0px 0px 5px 0px;
  margin: 0px;
}

.inputbox, .inputbox_small, textarea.inputbox, .inputbox_tiny, .mod_eshop_item_input_f, .mod_eshop_form_input_f, .inputboxerror, .inputbox_okno_farby, .inputbox_zaluzie_farby {
	border: solid #666 1px;
	padding: 2px;
	width: 180px;
	font-size: 11px;
}

.inputboxerror, .error {
  border: solid #B40909 1px;
  background: #F9B7B7;
}

.inputbox_okno_farby, .inputbox_zaluzie_farby {
  width: 120px;
}

.inputbox_okno_farby option, .inputbox_zaluzie_farby option {
  background-repeat: no-repeat;
  background-position: center left;
  padding: 0px 0px 0px 30px;
}

.error {
  display:block;
  float: left;
  width: 95%;
  color: #B40909;
  text-align: center;
  margin: 5px 0px 10px 0px;
  padding: 10px 0px 10px 0px;
}

select.inputbox_small {
  width: 120px;
}

select.inputbox_tiny {
  width: 60px;
}

textarea.inputbox {
	width: 568px;
	height: 50px;
}

.inputbox_small {
	width: 80px;
}

.inputbox_tiny, .mod_eshop_item_input_f {
	width: 40px;
}

.params {
	border-top: solid #e1e1e1 1px;
  margin: 10px 0px 10px 0px;
  padding: 10px 0px 10px 0px;
}

.table {
  margin: 10px 0px 10px 0px;
}

.table td, .params td, .input_table td {
  padding: 3px 0px 3px 0px;
}

.flip_image {
  width: 100%;
  display: block;
  float: left;
}

.flip_image .flip {
  cursor:pointer;
  cursor:hand;
}

span#error_width, span#error_height, span#delenie_error0, span#delenie_error1, span#delenie_error2 {
  clear: both;
  color: #A52A2A;
  font-size: 11px;
  font-weight: bold;
}

#shop_login, #shop_register, .login_title, .register_title {
  display: block;
  float: left;
}

.login_title, .register_title {
  background: #5a7177;
  width: 340px;
  padding: 5px 0px 5px 10px;
  margin: 10px 0px 0px 0px;
}

 .login_title a, .register_title a {
  font-size: 12px;
  color: #fff;
  text-decoration: none;
 }
 
.login_title a:hover, .register_title a:hover {
  text-decoration: underline;
}

#shop_login, #shop_register {
  padding: 10px;
  width: 540px;
  border: solid #B7C1C4 1px;
}

.select_user_type {
  border-bottom: solid #B7C1C4 1px;
  padding: 0px 0px 10px 0px;
  margin: 0px 0px 10px 0px;
}

.small {
  font-size: 10px;
}

/* GENERAL */

.mod_eshop_h_f {
	text-align: left;
}
.mod_eshop_ordernum_f {
	font-weight: bold;
}
.mod_eshop_hr_f {
	
}


/* MAIN PAGE */

.mod_eshop_main_div_cart_bt_f {
	text-align: left;
}
.mod_eshop_main_td_f {
	text-align: center;
}
.mod_eshop_main_thumb_f {
	border: none;
}
.mod_eshop_main_img_f {
	border: none;
}
.mod_eshop_main_title_f {
	font-weight: bold;
}
.mod_eshop_main_in_stock_f {
	color: green;
}
.mod_eshop_main_short_of_stock_f {
	color: orange;
}
.mod_eshop_main_out_of_stock_f {
	color: red;
}
.mod_eshop_main_stock_img_f {
	border: red 1px; 
}
.mod_eshop_main_input_f {
	text-align: right;
}
.mod_eshop_main_select_f {
	width: 100px;
}


/* ITEM PAGE */

.mod_eshop_item_thumb_f {
	border: none;
}
.mod_eshop_item_img_f {
	border: none;
}
.mod_eshop_item_table_f {
	width: 75%;
	text-align: left;
}
.mod_eshop_item_title_f {
	font-weight: bold;
}
.mod_eshop_item_sku_f {
	font-weight: bold;
}
.mod_eshop_item_stock_f {
	font-weight: bold;
}
.mod_eshop_item_in_stock_f {
	color: green;
}
.mod_eshop_item_short_of_stock_f {
	color: orange;
}
.mod_eshop_item_out_of_stock_f {
	color: red;
}
.mod_eshop_item_stock_img_f {
	border: red 1px; 
}
.mod_eshop_item_price_f {
	font-weight: bold;
}
.mod_eshop_item_shipping_f {
	font-weight: bold;
}
.mod_eshop_item_full_desc_f {
	font-weight: bold;
}
.mod_eshop_shipping_cost_f {
	font-weight: bold;
}
.mod_eshop_item_option_f {
	font-weight: bold;
}
.mod_eshop_item_input_f {
	text-align: right;
}
.mod_eshop_item_select_f {
	
}


/* CART */

/* CART */

/* CART table header */
.mod_eshop_cart_th_thumb_f {
	text-align: left;
}
.mod_eshop_cart_th_sku_f {
	text-align: right;
	white-space: nowrap;
}
.mod_eshop_cart_th_name_f {
	text-align: center;
	width: 44%;
}
.mod_eshop_cart_th_quantity_f {
	text-align: left;
	white-space: nowrap;
}
.mod_eshop_cart_th_price_f {
	text-align: right;
	white-space: nowrap;
}
.mod_eshop_cart_th_shipping_f {
	text-align: right;
	white-space: nowrap;
}
.mod_eshop_cart_th_sum_f {
	text-align: right;
	width: 20%;
}

/* CART table body */
.mod_eshop_cart_td_thumb_f {
	text-align: left;
}
.mod_eshop_cart_td_sku_f {
	text-align: right;
}
.mod_eshop_cart_td_name_f {
	text-align: left;
}
.mod_eshop_cart_td_quantity_f {
	text-align: left;
	white-space: nowrap;
}
.mod_eshop_cart_td_quantity_f a img {
	margin-bottom: -3px; 
	border: none;
}
.mod_eshop_cart_td_price_f {
	text-align: right;
	white-space: nowrap;
}
.mod_eshop_cart_td_shipping_f {
	text-align: right;
	white-space: nowrap;
}
.mod_eshop_cart_td_sum_f {
	text-align: right;
	white-space: nowrap;
}

/* CART table details */
.mod_eshop_cart_currency_f {
	font-size: 9px;
	font-weight: normal;
}
.mod_eshop_cart_item_f {
	font-weight: bold;
}
.mod_eshop_cart_subtotal_f {
	text-align: right;
	font-weight: bold;
	line-height: 200%;
}
.mod_eshop_cart_shipping_f {
	text-align: right;
	font-weight: bold;
	line-height: 75%;
}
.mod_eshop_cart_free_shipping_f {
	text-align: right;
	font-weight: bold;
	line-height: 75%;
	color: #FF0000;
}
.mod_eshop_cart_tax_f {
	text-align: right;
	font-weight: bold;
	line-height: 75%;
}
.mod_eshop_cart_total_f {
	text-align: right;
	font-weight: bold;
	line-height: 300%;
}


/* MINI CART */

#mod_eshop_mc_div_f {
	width: 250px;
	float: right;
	font-size: 11px;
}
.mod_eshop_mc_h2_cart_f {
	
}
.mod_eshop_mc_p_empty_f {
	font-weight: bold;
}
.mod_eshop_mc_p_orderid_f {
	
}
.mod_eshop_mc_orderid_f {
	font-style: italic;
}
.mod_eshop_mc_p_summary_f {
	
}
.mod_eshop_mc_quantity_f {
	font-weight: bold;
}
.mod_eshop_mc_total_f {
	font-weight: bold;
}
.mod_eshop_mc_p_excl_f {
	font-size: 10px;
}


/* ADDRESS FORM & ADDRESS */

.mod_eshop_form_p_f {
	font-style: italic;
}
.mod_eshop_form_label_f {
	width: 25%;
	text-align: right;
	font-weight: bold;
	white-space: nowrap;
}
.mod_eshop_form_input_f {
	width: 280px;
}

.mod_eshop_address_h_f {
	font-weight: bold;
}
.mod_eshop_address_p_f {
	
}


/* BUTTONS */

.mod_eshop_bt_cart_f {
	
}

.mod_eshop_bt_add_f {
  display: block;
  float: left;
  background: url(images/buy_now.jpg) no-repeat;
  padding: 0px 0px 2px 0px;
  border: 0;
  width: 108px;
  height: 36px;
  color: #fff;
  font-weight: bold;
  font-size: 11px;
}
.mod_eshop_bt_continue_f {
	
}
.mod_eshop_bt_update_f {
	
}
.mod_eshop_bt_add_ship_form_f {
	
}
.mod_eshop_bt_order_f {
	
}
.mod_eshop_bt_quit_f {
	
}
.mod_eshop_bt_modify_address_f {
	
}
.mod_eshop_bt_pay_cod_f {
	width: 98%;
}
.mod_eshop_bt_pay_advance_f {
	width: 98%;
}
.mod_eshop_bt_pay_invoice_f {
	width: 98%;
}
.mod_eshop_bt_pay_paypal_f {
	width: 98%;
}
.mod_eshop_bt_pay_mollie_f {
	width: 70%;
}
.mod_eshop_bt_pay_payment-network_f {
	width: 98%;
}


/* PAY */

.mod_eshop_pay_method_f {
	
}
.mod_eshop_pay_h_f {
	padding-left: 12px;
}
.mod_eshop_pay_td_f {
	font-size: 11px;
	padding: 3px 12px;
}
.mod_eshop_pay_submit_f {
	height: 30px;
	text-align: center;
}


/* MESSAGES */

.mod_eshop_error_f {
	text-align: center;
	color: red;
	margin-top: 5px;
	border: solid 1px red;
	background-color: #FFDCD9;
	background-image: url(images/error.gif);
	background-position: 15px center;
	background-repeat: no-repeat;
  display: block;
  clear: both;
  padding: 10px 0px 10px 0px; 
}
.mod_eshop_error_f p {
	padding-left: 60px;
	padding-right: 6px;
}
.mod_eshop_errorbg_f {
	background-color: #FFDCD9;
}
.mod_eshop_success_f {
	text-align: left;
	color: green;
	margin-top: 5px;
	border: solid 1px green;
	background-color: #D4FFD1;
	background-image: url(images/success.gif);
	background-position: 15px center;
	background-repeat: no-repeat;
  display: block;
  clear: both;
  padding: 10px 0px 10px 0px;
}
.mod_eshop_success_f p {
	padding-left: 60px;
	padding-right: 6px;
}
.mod_eshop_information_f {
	text-align: center;
	margin-top: 5px;
	border: solid 1px #FFD700;
	background-color: #FFFFDD;
	background-image: url(images/information.gif);
	background-position: 15px center;
	background-repeat: no-repeat;
  display: block;
  clear: both;
  padding: 10px 0px 10px 0px;
}
.mod_eshop_information_f p {
	padding-left: 60px;
	padding-right: 6px;
}


/* IE ONLY */

/* IE < 7 */
* html input.mod_eshop_bt_continue_f, * html input.mod_eshop_bt_update_f, * html input.mod_eshop_bt_order_f, * html input.mod_eshop_bt_quit_f {
	font-size: 9px;
}
/* IE = 7 */
*:first-child+html .mod_eshop_bt_continue_f, *:first-child+html .mod_eshop_bt_update_f, *:first-child+html .mod_eshop_bt_order_f, *:first-child+html .mod_eshop_bt_quit_f {
	font-size: 9px;
}


/* LIGHTBOX2 */

#lightbox { position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox img { width: auto; height: auto; }
#lightbox a img { border: none; }

#outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer { padding: 10px; }

#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav { left: 0; }
#hoverNav a { outline: none; }

#prevLink, #nextLink { width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right; }
#prevLink:hover, #prevLink:visited:hover { background: url(lightbox2/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(lightbox2/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData {	padding:0 10px; color: #666; }
#imageData #imageDetails { width: 70%; float: left; text-align: left; }	
#imageData #caption { font-weight: bold;	}
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em; }			
#imageData #bottomNavClose { width: 66px; float: right;  padding-bottom: 0.7em; outline: none; }	 	

#overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.hide, .nixhier {
  display: none;
}