/*
  Module developed for the Open Source Content Management System AtACimo (http://atacimo.com)
  Copyright (C) 2009, AtACimo
*/


/* Frontend Stylesheet Module Cimory */
/* ********************************* */

/*
NOTE:
Modify the HTML of the main page and the item page in the layout section of the Cimori page settings.
Modify the HTML of the invoice template in the layout section of the Cimori 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.
*/


/* GENERAL */

.mod_cimory_h_f {
	text-align: left;
}
.mod_cimory_ordernum_f {
	font-weight: bold;
}
.mod_cimory_hr_f {
	
}


/* MAIN PAGE */

.mod_cimory_main_div_cart_bt_f {
	text-align: left;
}
.mod_cimory_main_td_f {
	text-align: left;
}
.mod_cimory_main_thumb_f {
	border: none;
}
.mod_cimory_main_img_f {
	margin: 0 5px 0 0; 
	background: #f1f1f1; 
	padding: 2px; border: 5px solid #dbdbdb;
	-moz-box-shadow:1px 3px 7px 1px rgba(0, 0, 0, 0.15); 
	-webkit-box-shadow:1px 3px 7px 1px rgba(0, 0, 0, 0.15);
}
.mod_cimory_main_title_f {
	font-weight: bold; font-size:15pt 
}
.mod_cimory_main_in_stock_f {
	color: green;
}
.mod_cimory_main_short_of_stock_f {
	color: orange;
}
.mod_cimory_main_out_of_stock_f {
	color: red;
}
.mod_cimory_main_stock_img_f {
	border: red 1px; 
}
.mod_cimory_main_input_f {
	text-align: right;
}
.mod_cimory_main_select_f {
	width: 100px;
}


/* ITEM PAGE */

.mod_cimory_item_thumb_f {
	border: none;
}
.mod_cimory_item_img_f {
	margin: 0 5px 0 0; 
	background: #f1f1f1; 
	padding: 5px; border: 5px solid #dbdbdb;
	-moz-box-shadow:1px 3px 7px 1px rgba(0, 0, 0, 0.15); 
	-webkit-box-shadow:1px 3px 7px 1px rgba(0, 0, 0, 0.15);
}
.mod_cimory_item_table_f {
	width: 75%;
	text-align: left;
}
.mod_cimory_item_title_f {
	font-weight: bold;
}
.mod_cimory_item_sku_f {
	font-weight: bold;
}
.mod_cimory_item_stock_f {
	font-weight: bold;
}
.mod_cimory_item_in_stock_f {
	color: green;
}
.mod_cimory_item_short_of_stock_f {
	color: orange;
}
.mod_cimory_item_out_of_stock_f {
	color: red;
}
.mod_cimory_item_stock_img_f {
	border: red 1px; 
}
.mod_cimory_item_price_f {
	font-weight: bold;
}
.mod_cimory_item_shipping_f {
	font-weight: bold;
}
.mod_cimory_item_full_desc_f {
	font-weight: bold;
}
.mod_cimory_shipping_cost_f {
	font-weight: bold;
}
.mod_cimory_item_option_f {
	font-weight: bold;
}
.mod_cimory_item_input_f {
	text-align: right;
}
.mod_cimory_item_select_f {
	
}


/* CART */

/* CART table header */
.mod_cimory_cart_th_sku_f {
	text-align: right;
}
.mod_cimory_cart_th_name_f {
	text-align: center;
	width: 50%;
}
.mod_cimory_cart_th_quantity_f {
	text-align: right;
}
.mod_cimory_cart_th_price_f {
	text-align: right;
}
.mod_cimory_cart_th_shipping_f {
	text-align: right;
}
.mod_cimory_cart_th_sum_f {
	text-align: right;
}

/* CART table body */
.mod_cimory_cart_td_sku_f {
	text-align: right;
	width: 10%;
}
.mod_cimory_cart_td_name_f {
	text-align: center;
}
.mod_cimory_cart_td_quantity_f {
	text-align: right;
	white-space: nowrap;
	width: 12%;
}
.mod_cimory_cart_td_quantity_f a img {
	margin-bottom: -3px; 
	border: none;
}
.mod_cimory_cart_td_price_f {
	text-align: right;
	width: 12%;
}
.mod_cimory_cart_td_shipping_f {
	text-align: right;
	width: 12%;
}
.mod_cimory_cart_td_sum_f {
	text-align: right;
	width: 20%;
}

/* CART table details */
.mod_cimory_cart_currency_f {
	font-size: 9px;
	font-weight: normal;
}
.mod_cimory_cart_item_f {
	font-weight: bold;
}
.mod_cimory_cart_subtotal_f {
	text-align: right;
	font-weight: bold;
	line-height: 200%;
}
.mod_cimory_cart_shipping_f {
	text-align: right;
	font-weight: bold;
	line-height: 75%;
}
.mod_cimory_cart_free_shipping_f {
	text-align: right;
	font-weight: bold;
	line-height: 75%;
	color: #FF0000;
}
.mod_cimory_cart_tax_f {
	text-align: right;
	font-weight: bold;
	line-height: 75%;
}
.mod_cimory_cart_total_f {
	text-align: right;
	font-weight: bold;
	line-height: 300%;
}


/* MINI CART */

#mod_cimory_mc_div_f {
	width: 250px;
	float: right;
	font-size: 11px;
}
.mod_cimory_mc_h2_cart_f {
	
}
.mod_cimory_mc_p_empty_f {
	font-weight: bold;
}
.mod_cimory_mc_p_orderid_f {
	
}
.mod_cimory_mc_orderid_f {
	font-style: italic;
}
.mod_cimory_mc_p_summary_f {
	
}
.mod_cimory_mc_quantity_f {
	font-weight: bold;
}
.mod_cimory_mc_total_f {
	font-weight: bold;
}
.mod_cimory_mc_p_excl_f {
	font-size: 10px;
}


/* ADDRESS FORM & ADDRESS */

.mod_cimory_form_p_f {
	font-style: italic;
}
.mod_cimory_form_label_f {
	width: 25%;
	text-align: right;
	font-weight: bold;
	white-space: nowrap;
}
.mod_cimory_form_input_f {
	width: 280px;
}

.mod_cimory_address_h_f {
	font-weight: bold;
}
.mod_cimory_address_p_f {
	
}


/* BUTTONS */

.mod_cimory_bt_cart_f, .mod_cimory_bt_add_f, .mod_cimory_bt_continue_f, .mod_cimory_bt_update_f, .mod_cimory_bt_add_ship_form_f, .mod_cimory_bt_order_f, .mod_cimory_bt_quit_f,.mod_cimory_bt_modify_address_f {

}
:hover.mod_cimory_bt_cart_f, :hover.mod_cimory_bt_add_f, :hover.mod_cimory_bt_continue_f, :hover.mod_cimory_bt_update_f, :hover.mod_cimory_bt_add_ship_form_f, :hover.mod_cimory_bt_order_f, :hover.mod_cimory_bt_quit_f,.mod_cimory_bt_modify_address_f {
}
.mod_cimory_bt_pay_advance_f {
	width: 98%;
}
.mod_cimory_bt_pay_invoice_f {
	width: 98%;
}
.mod_cimory_bt_pay_paypal_f {
	width: 98%;
}
.mod_cimory_bt_pay_mollie_f {
	width: 70%;
}
.mod_cimory_bt_pay_payment-network_f {
	width: 98%;
}


/* PAY */

.mod_cimory_pay_method_f {
	border: 1px solid #333333; background-color: #696969; color:#FFFFFF
}
.mod_cimory_pay_h_f {
	padding-left: 12px;
	border: 1px solid #333333; background-color: #696969; color:#FFFFFF
}
.mod_cimory_pay_td_f {
	padding: 3px 12px;
	border: 1px solid #333333; background-color: #696969; color:#FFFFFF

}
.mod_cimory_pay_submit_f {
	text-align: center;
	border: 1px solid #333333; background-color: #696969; color:#FFFFFF
}


/* MESSAGES */

.mod_cimory_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;
}
.mod_cimory_error_f p {
	padding-left: 60px;
	padding-right: 6px;
}
.mod_cimory_errorbg_f {
	background-color: #FFDCD9;
}
.mod_cimory_success_f {
	text-align: left;
	color: green;
	margin-top: 5px;
	border: solid 1px green;
	background-color: #D4FFD1;
	background-image: url(images/success.png);
	background-position: 15px center;
	background-repeat: no-repeat;
}
.mod_cimory_success_f p {
	padding-left: 60px;
	padding-right: 6px;
}
.mod_cimory_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;
}
.mod_cimory_information_f p {
	padding-left: 60px;
	padding-right: 6px;
}


/* IE ONLY */

/* IE < 7 */
* html input.mod_cimory_bt_continue_f, * html input.mod_cimory_bt_update_f, * html input.mod_cimory_bt_order_f, * html input.mod_cimory_bt_quit_f {
}
/* IE = 7 */
*:first-child+html .mod_cimory_bt_continue_f, *:first-child+html .mod_cimory_bt_update_f, *:first-child+html .mod_cimory_bt_order_f, *:first-child+html .mod_cimory_bt_quit_f {
}


/* 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; }
:hover#prevLink, :visited:hover#prevLink { background: url(lightbox2/images/prevlabel.gif) left 15% no-repeat; }
:hover#nextLink, :visited:hover#nextLink { 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; }/*
  Module developed for the Open Source Content Management System AtACimo (http://atacimo.com)
  Copyright (C) 2009, AtACimo
*/


/* Frontend Stylesheet Module Cimory */
/* ********************************* */

/*
NOTE:
Modify the HTML of the main page and the item page in the layout section of the Cimori page settings.
Modify the HTML of the invoice template in the layout section of the Cimori 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.
*/


/* GENERAL */

.mod_cimory_h_f {
	text-align: left;
}
.mod_cimory_ordernum_f {
	font-weight: bold;
}
.mod_cimory_hr_f {
	
}


/* MAIN PAGE */

.mod_cimory_main_div_cart_bt_f {
	text-align: left;
}
.mod_cimory_main_td_f {
	text-align: left;
}
.mod_cimory_main_thumb_f {
	border: none;
}
.mod_cimory_main_img_f {
	margin: 0 5px 0 0; 
	background: #f1f1f1; 
	padding: 2px; border: 5px solid #dbdbdb;
	-moz-box-shadow:1px 3px 7px 1px rgba(0, 0, 0, 0.15); 
	-webkit-box-shadow:1px 3px 7px 1px rgba(0, 0, 0, 0.15);
}
.mod_cimory_main_title_f {
	font-weight: bold; font-size:15pt 
}
.mod_cimory_main_in_stock_f {
	color: green;
}
.mod_cimory_main_short_of_stock_f {
	color: orange;
}
.mod_cimory_main_out_of_stock_f {
	color: red;
}
.mod_cimory_main_stock_img_f {
	border: red 1px; 
}
.mod_cimory_main_input_f {
	text-align: right;
}
.mod_cimory_main_select_f {
	width: 100px;
}


/* ITEM PAGE */

.mod_cimory_item_thumb_f {
	border: none;
}
.mod_cimory_item_img_f {
	margin: 0 5px 0 0; 
	background: #f1f1f1; 
	padding: 5px; border: 5px solid #dbdbdb;
	-moz-box-shadow:1px 3px 7px 1px rgba(0, 0, 0, 0.15); 
	-webkit-box-shadow:1px 3px 7px 1px rgba(0, 0, 0, 0.15);
}
.mod_cimory_item_table_f {
	width: 75%;
	text-align: left;
}
.mod_cimory_item_title_f {
	font-weight: bold;
}
.mod_cimory_item_sku_f {
	font-weight: bold;
}
.mod_cimory_item_stock_f {
	font-weight: bold;
}
.mod_cimory_item_in_stock_f {
	color: green;
}
.mod_cimory_item_short_of_stock_f {
	color: orange;
}
.mod_cimory_item_out_of_stock_f {
	color: red;
}
.mod_cimory_item_stock_img_f {
	border: red 1px; 
}
.mod_cimory_item_price_f {
	font-weight: bold;
}
.mod_cimory_item_shipping_f {
	font-weight: bold;
}
.mod_cimory_item_full_desc_f {
	font-weight: bold;
}
.mod_cimory_shipping_cost_f {
	font-weight: bold;
}
.mod_cimory_item_option_f {
	font-weight: bold;
}
.mod_cimory_item_input_f {
	text-align: right;
}
.mod_cimory_item_select_f {
	
}


/* CART */

/* CART table header */
.mod_cimory_cart_th_sku_f {
	text-align: right;
}
.mod_cimory_cart_th_name_f {
	text-align: center;
	width: 50%;
}
.mod_cimory_cart_th_quantity_f {
	text-align: right;
}
.mod_cimory_cart_th_price_f {
	text-align: right;
}
.mod_cimory_cart_th_shipping_f {
	text-align: right;
}
.mod_cimory_cart_th_sum_f {
	text-align: right;
}

/* CART table body */
.mod_cimory_cart_td_sku_f {
	text-align: right;
	width: 10%;
}
.mod_cimory_cart_td_name_f {
	text-align: center;
}
.mod_cimory_cart_td_quantity_f {
	text-align: right;
	white-space: nowrap;
	width: 12%;
}
.mod_cimory_cart_td_quantity_f a img {
	margin-bottom: -3px; 
	border: none;
}
.mod_cimory_cart_td_price_f {
	text-align: right;
	width: 12%;
}
.mod_cimory_cart_td_shipping_f {
	text-align: right;
	width: 12%;
}
.mod_cimory_cart_td_sum_f {
	text-align: right;
	width: 20%;
}

/* CART table details */
.mod_cimory_cart_currency_f {
	font-size: 9px;
	font-weight: normal;
}
.mod_cimory_cart_item_f {
	font-weight: bold;
}
.mod_cimory_cart_subtotal_f {
	text-align: right;
	font-weight: bold;
	line-height: 200%;
}
.mod_cimory_cart_shipping_f {
	text-align: right;
	font-weight: bold;
	line-height: 75%;
}
.mod_cimory_cart_free_shipping_f {
	text-align: right;
	font-weight: bold;
	line-height: 75%;
	color: #FF0000;
}
.mod_cimory_cart_tax_f {
	text-align: right;
	font-weight: bold;
	line-height: 75%;
}
.mod_cimory_cart_total_f {
	text-align: right;
	font-weight: bold;
	line-height: 300%;
}


/* MINI CART */

#mod_cimory_mc_div_f {
	width: 250px;
	float: right;
	font-size: 11px;
}
.mod_cimory_mc_h2_cart_f {
	
}
.mod_cimory_mc_p_empty_f {
	font-weight: bold;
}
.mod_cimory_mc_p_orderid_f {
	
}
.mod_cimory_mc_orderid_f {
	font-style: italic;
}
.mod_cimory_mc_p_summary_f {
	
}
.mod_cimory_mc_quantity_f {
	font-weight: bold;
}
.mod_cimory_mc_total_f {
	font-weight: bold;
}
.mod_cimory_mc_p_excl_f {
	font-size: 10px;
}


/* ADDRESS FORM & ADDRESS */

.mod_cimory_form_p_f {
	font-style: italic;
}
.mod_cimory_form_label_f {
	width: 25%;
	text-align: right;
	font-weight: bold;
	white-space: nowrap;
}
.mod_cimory_form_input_f {
	width: 280px;
}

.mod_cimory_address_h_f {
	font-weight: bold;
}
.mod_cimory_address_p_f {
	
}


/* BUTTONS */

.mod_cimory_bt_cart_f, .mod_cimory_bt_add_f, .mod_cimory_bt_continue_f, .mod_cimory_bt_update_f, .mod_cimory_bt_add_ship_form_f, .mod_cimory_bt_order_f, .mod_cimory_bt_quit_f,.mod_cimory_bt_modify_address_f {
color: #fff;
	padding: 7px 10px;
	border: 0;
	font-weight: bold;
	background: #777;
}
:hover.mod_cimory_bt_cart_f, :hover.mod_cimory_bt_add_f, :hover.mod_cimory_bt_continue_f, :hover.mod_cimory_bt_update_f, :hover.mod_cimory_bt_add_ship_form_f, :hover.mod_cimory_bt_order_f, :hover.mod_cimory_bt_quit_f,.mod_cimory_bt_modify_address_f {
}
.mod_cimory_bt_pay_advance_f {
	width: 98%;
}
.mod_cimory_bt_pay_invoice_f {
	width: 98%;
}
.mod_cimory_bt_pay_paypal_f {
	width: 98%;
}
.mod_cimory_bt_pay_mollie_f {
	width: 70%;
}
.mod_cimory_bt_pay_payment-network_f {
	width: 98%;
}


/* PAY */

.mod_cimory_pay_method_f {
	border: 1px solid #333333; background-color: #696969; color:#FFFFFF
}
.mod_cimory_pay_h_f {
	padding-left: 12px;
	border: 1px solid #333333; background-color: #696969; color:#FFFFFF
}
.mod_cimory_pay_td_f {
	padding: 3px 12px;
	border: 1px solid #333333; background-color: #696969; color:#FFFFFF

}
.mod_cimory_pay_submit_f {
	text-align: center;
	border: 1px solid #333333; background-color: #696969; color:#FFFFFF
}


/* MESSAGES */

.mod_cimory_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;
}
.mod_cimory_error_f p {
	padding-left: 60px;
	padding-right: 6px;
}
.mod_cimory_errorbg_f {
	background-color: #FFDCD9;
}
.mod_cimory_success_f {
	text-align: left;
	color: green;
	margin-top: 5px;
	border: solid 1px green;
	background-color: #D4FFD1;
	background-image: url(images/success.png);
	background-position: 15px center;
	background-repeat: no-repeat;
}
.mod_cimory_success_f p {
	padding-left: 60px;
	padding-right: 6px;
}
.mod_cimory_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;
}
.mod_cimory_information_f p {
	padding-left: 60px;
	padding-right: 6px;
}


/* IE ONLY */

/* IE < 7 */
* html input.mod_cimory_bt_continue_f, * html input.mod_cimory_bt_update_f, * html input.mod_cimory_bt_order_f, * html input.mod_cimory_bt_quit_f {
}
/* IE = 7 */
*:first-child+html .mod_cimory_bt_continue_f, *:first-child+html .mod_cimory_bt_update_f, *:first-child+html .mod_cimory_bt_order_f, *:first-child+html .mod_cimory_bt_quit_f {
}


/* 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; }
:hover#prevLink, :visited:hover#prevLink { background: url(lightbox2/images/prevlabel.gif) left 15% no-repeat; }
:hover#nextLink, :visited:hover#nextLink { 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; }