/* ----------------------------------------------------------------*/
/* This CSS is the main stylesheet used from the generated WebSite */
/* ----------------------------------------------------------------*/
/* All images from "Images Templ" could be used in this css.       */
/* EXAMPLE: background-image:url('../images_templ/image.gif');     */
/* ----------------------------------------------------------------*/

/* --- styles for BODY --------------------------------------------*/

body {
	SCROLLBAR-FACE-COLOR: #EAEAEA;
	SCROLLBAR-HIGHLIGHT-COLOR: #808080;
	SCROLLBAR-SHADOW-COLOR: #000000;
	SCROLLBAR-3DLIGHT-COLOR: #F0F8FF;
	SCROLLBAR-ARROW-COLOR: #000000;
	SCROLLBAR-TRACK-COLOR: #F0F8FF;
	SCROLLBAR-DARKSHADOW-COLOR: #F0F8FF;
	font-family: verdana, arial, tahoma, sans-serif;
	font-size: 11px;
	background-color:#424141;
	margin:0px;
	padding:0px;
	text-align: center;
	background-image:url(../images_templ/friendstofriends_back.jpg);
	background-position: 191px;
}

/* --- styles for some common HTML TAGS ---------------------------*/

p, td, li, h2, h3, h4, h5, h6 { font-family: verdana, arial, tahoma, sans-serif; font-size: 11px;}
h1 { font-family: verdana, arial, tahoma, sans-serif; font-size: 11px; display:inline; }
hr { height: 1px; }

/* --- styles for FORM FIELDS -------------------------------------*/

form { margin-bottom: 0px; margin-top: 0px; }
input, textarea, select { font-family: arial, tahoma, sans-serif; font-size: 11px; background-image: none; }
input.text { padding: 1px 2px; background-image: none; /*border: #909090 solid 1px;*/ }
input.btn { color: #0000A0; background-color: #FFFFFF; background-image: none; }
input.checkbox, input.radio { background-image: none; }

/* --- styles for the MENUS (border, header, body) ----------------*/

.menu_border { height:30px; border:0px; padding:0px; margin:0px;}
.menu_header { }
.menu_body { }

.menu_border_categprytype, menu_border_categorytype { padding:0px; margin:0px;}
.menu_body_categprytype, menu_body_categorytype { 
	border:0px;
	padding:0px;
	 margin:0px;
	}

/* --- styles for header of the MAIN menu (if links) --------------*/

.menu_header_tr {	}
.menu_header_td { vertical-align:middle; }
.menu_header_td_over { vertical-align:middle;}
.menu_header_tr_inner { vertical-align:middle;}
.menu_header_td_inner { margin-left:-4px; vertical-align:middle; color:#333333;}
.menu_category_td_expand {display:none;}


/* --- styles for the links in the CUSTOM menu --------------------*/

.menu_link:LINK { color: #0000CC; text-decoration: none; font-size: 11px; }
.menu_link:VISITED { color: #0000CC; text-decoration: none; font-size: 11px; }
.menu_link:HOVER { color: #000000; background-color: #D0E0FF; text-decoration: none; font-size: 11px; }

/* --- styles for the selected menu links in the CUSTOM menu ------*/

.menu_link_selected:LINK { color: #0000CC; background-color: #E0F0FF; text-decoration: none; font-size: 11px; }
.menu_link_selected:VISITED { color: #0000CC; background-color: #E0F0FF; text-decoration: none; font-size: 11px; }
.menu_link_selected:HOVER { color: #000000; background-color: #D0E0FF; text-decoration: none; font-size: 11px; }

/* --- styles for the rows in the CUSTOM menu ---------------------*/

.menu_link_tr {}
.menu_link_td { border: 1px solid #F9F9F9; }
.menu_link_td_over { background-color: #E0F0FF; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-bottom: 1px solid #D0D0D0; border-right: 1px solid #D0D0D0; }
.menu_link_tr_inner {}
.menu_link_td_inner {}
.menu_link {}

/* --- styles for links in the CATEGORY TYPE menu ---------------------*/

.menu_categorytype:LINK { }
.menu_categorytype:VISITED { }
.menu_categorytype:HOVER { }

/* --- styles for links in the CATEGORY menu ----------------------*/

.menu_category:LINK {  }
.menu_category:VISITED {  }
.menu_category:HOVER {  }

/* --- styles for the links in the selected CATEGORY menu ---------*/

.menu_category_selected:LINK {  }
.menu_category_selected:VISITED {  }
.menu_category_selected:HOVER {  }

/* --- styles for the rows in the CATEGORY menu -------------------*/

.menu_category_tr {}
.menu_category_td { }
.menu_category_td_over { }
.menu_category_tr_inner { color:#000000; margin-left:-4px; }
.menu_category_td_inner { }
.menu_category_td_count_products { display:none; color: #000000; font-size: 8px; }
.count_products { display:none; color: #000000; font-size: 8px; } /* deprecated */

/* --- styles for the links in the SUBCATEGORY menu ---------------*/

.menu_subcategory:LINK {  }
.menu_subcategory:VISITED {  }
.menu_subcategory:HOVER {  }

/* --- styles for the links in the selected DUBCATEGORY menu ------*/

.menu_subcategory_selected:LINK { }
.menu_subcategory_selected:VISITED { }
.menu_subcategory_selected:HOVER { }

/* --- styles for the rows in the SUBCATEGORY menu ----------------*/

.menu_subcategory_tr {}
.menu_subcategory_td { }
.menu_subcategory_td_over { }
.menu_subcategory_tr_inner {}
.menu_subcategory_td_inner {}

/* --- styles for CATEGORY's path and CATEGORY's list links -------*/

.top_link:LINK {  }
.top_link:VISITED {  }
.top_link:HOVER {  }

/* --- styles for PRODUCT links (like "AddToCart" link) -----------*/

.product_link:LINK { }
.product_link:VISITED { }
.product_link:HOVER { }

/* --- styles for TOOLS links (like "ViewCart" link) --------------*/

.tool_link:LINK { color: #0000CC; text-decoration: none; font-size: 11px; }
.tool_link:VISITED { color: #0000CC; text-decoration: none; font-size: 11px; }
.tool_link:HOVER { color: #CC0000; text-decoration: underline; font-size: 11px; }

/* --- styles for footer links ------------------------------------*/

.footer_link:LINK { color: #0000CC; text-decoration: none; font-size: 11px; }
.footer_link:VISITED { color: #0000CC; text-decoration: none; font-size: 11px; }
.footer_link:HOVER { color: #CC0000; text-decoration: underline; font-size: 11px; }

/* --- styles for IMAGE links -------------------------------------*/

.image_link:LINK { text-decoration: none;  font-size: 11px; }
.image_link:VISITED { text-decoration: none;  font-size: 11px; }
.image_link:HOVER { text-decoration: none;  font-size: 11px; }

/* --- styles for THE REST of the links ---------------------------*/

a:LINK { color: #333333; text-decoration: none; font-size: 11px; }
a:VISITED { color: #333333; text-decoration: none; font-size: 11px; }
a:HOVER { color:#FF78E1; text-decoration: underline; font-size: 11px; }

/* --- styles for products and options ----------------------------*/

.product_border { background-color: #909090; }
.product_borderlight { background-color: #FFFFFF; }
.product_header { background-color: #F0F0F0; }
.product_body { background-color: #FFFFFF; }
.product_footer { background-color: #F0F0F0; }
.product_list_price { text-decoration: line-through; }
.product_price {}
.product_price_diff_amount {}
.product_price_diff_percent {}
.product_outofstock { color: #FF5000; }

.product_options_border { background-color: #E5E5E5; }
.product_options_header { background-color: #F5F5F5; }
.product_options_body { background-color: #FFFFFF; }
.product_options_selected { background-color: #F5FAFF; }
.product_options_name {}
.product_options_list_price { text-decoration: line-through; }
.product_options_price {}

.product_travel_border { background-color: #E5E5E5; }
.product_travel_header { background-color: #F5F5F5; }
.product_travel_body { background-color: #FFFFFF; }

.product_specialties_border { background-color: #CCCCCC; }
.product_specialties_header { background-color: #FFFFFF; }
.product_specialties_body { background-color: #FFFFFF; }

.product_separator {}

.img_product_thumbnail {}
.img_product_small {}
.img_product_big {}
.img_product_opt {}

/* --- styles for the search form of travel products --------------*/

.search_travel_border { background-color: #E5E5E5; }
.search_travel_header { background-color: #FAFAFA; }
.search_travel_body { background-color: #FFFFFF; }
.search_travel_footer { background-color: #FAFAFA; }

/* --- styles for the search/browse of products -------------------*/

.search_border { background-color: #E5E5E5; }
.search_header { background-color: #FAFAFA; }
.search_body { background-color: #FFFFFF; }
.search_footer { background-color: #FAFAFA; }

.search_alphabet_selected { font-family: monospace; }
.search_alphabet_link:LINK { font-family: monospace; color: #C000FF; text-decoration: none; }
.search_alphabet_link:VISITED { font-family: monospace; color: #C000FF; text-decoration: none; }
.search_alphabet_link:HOVER { font-family: monospace; color: #000000; background-color: #FFD0FF; text-decoration: none; }

/* --- styles for the site map ------------------------------------*/

.site_map_border { background-color: #B0B0B0; }
.site_map_body { background-color: #FFFFFF; }
.site_map_tr {}
.site_map_td { border: 1px solid #FBFBFF; }
.site_map_td_over { background-color: #F5F5F5; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-bottom: 1px solid #D0D0D0; border-right: 1px solid #D0D0D0; }
.site_map_tr_inner {}
.site_map_td_inner {}
.site_map_link:LINK { color: #000090; text-decoration: none; font-size: 11px; }
.site_map_link:VISITED { color: #000090; text-decoration: none; font-size: 11px; }
.site_map_link:HOVER { color: #000000; background-color: #FFFF90; text-decoration: none; font-size: 11px; }

/* --- styles for the navigation line links (1-10 11-20 21-30) ----*/

.navigator_products { color: #000000; text-align: center; font-size: 10px; }
.navigator_products_link:LINK { color: #C000FF; text-decoration: none; font-size: 10px; }
.navigator_products_link:VISITED { color: #C000FF; text-decoration: none; font-size: 10px; }
.navigator_products_link:HOVER { color: #000000; background-color: #FFD0FF; text-decoration: none; font-size: 10px; }
.navigator_products_link_selected { color: #000000; text-decoration: none; font-size: 10px; }

/* --- styles for the navigation bars ------------------------ ----*/

.navbar { width:100%; border:1px solid #F0F0F0; border-width: 1px 1px 1px 1px; background: white; }
.navbar td { border: 1px solid white; border-width: 1px 1px 0px 0px; text-align: center; }
.navbar td.navtab_first { border: 1px solid white; border-width: 1px 1px 0px 1px; }
.navbar a.navtab_selected { display: block; padding: 3px 3px 3px 3px; color: black; background: white; text-decoration: none; }
.navbar a.navtab_notselected { display: block; padding: 3px 3px 3px 3px; color: black; background: #F0F0F0; text-decoration: none; }
.navbar a.navtab_notselected:hover { background: #DDDDDD; }
.navbar td.navtab_body { padding: 3px 3px 3px 3px; background: white; text-align: left; }

/* --- styles for the calendar ------------------------------------*/

.calendar_border { background-color: #D0D0D0; }
.calendar_header { background-color: #F0F0F0; }
.calendar_header_days { font-size: 11px; background-color: #F9F9F9; }
.calendar_body { background-color: #FFFFFF; }
.calendar_footer_selected_day { font-size: 11px; background-color: #F9F9F9; }
.calendar_footer { font-size: 11px; background-color: #F0F0F0; }
.calendar_day_onmouseover { background-color: #FFFF00; }
.calendar_day_onmouseout { background-color: NONE; }
.calendar_day_onclick { background-color: #D0D0FF; }
.calendar_day_notavailable { color: #CCCCCC; }

/* --- styles for errors and successes ----------------------------*/

.error { color: #FF0000; }
.warning { color: #FF5000; }
.success { color: #007000; }

/* --- styles miscellaneous ---------------------------------------*/

.categories_path_separator { color: #0000A0; }
.categories_path { margin: 0px 0px 3px 0px; }
.categories_path_td { padding: 0px 0px 0px 0px; }
.categories_item { margin: 0px 0px 0px 0px; }
.categories_item_td { padding: 0px 0px 0px 0px; }
.products_summary { margin: 3px 0px 0px 0px; }
.products_summary_td { padding: 0px 0px 0px 0px; }

/* --- styles Header and Nav Bar -----------------------------------*/

#main {
	position:relative;
	z-index:1;
	margin-left: auto; 
	margin-right: auto;
	width:780px;
	}
#main #header a {
	width:780px;
	height:191px;
	display: table-cell;
	background: url('../images_templ/friendstofriends_header.jpg') no-repeat center top;
	}
#main #navbar {
	width:780px;
	height:32px;	
	background-image:url('../images_templ/friendstofriends_nav.jpg');
	background-repeat:no-repeat;
	text-align: center;
	margin-bottom:15px;
}
#main #navbar a:LINK {
	height:32px;
	padding-left:55px;
	padding-right:55px;
	line-height:32px;
	font-size:13px;
	font-weight:bold;
	color:#333333;
	text-decoration:none;
}
#main #navbar a:VISITED {
	height:32px;
	padding-left:55px;
	padding-right:55px;
	line-height:32px;
	font-size:13px;
	font-weight:bold;
	color:#333333;
	text-decoration:none;
}
#main #navbar a:HOVER {
	height:32px;
	padding-left:55px;
	padding-right:55px;
	line-height:32px;
	font-size:13px;
	font-weight:bold;
	color:#FF78E1;
	text-decoration:none;
}
/* --- styles Content -----------------------------------*/
#main #content{
width:550px;
vertical-align:top;
float:right;
vertical-align:top;
padding-top:15px;
text-align:left;
color:#FFFFFF;
}
#white {
	position:absolute;
	z-index:10px;
	top:0px;
	left:0px;
	width:100%;
	height:190px;
	background-color:#FFFFFF;
	border-bottom:2px solid #FF00C6;
	}	
/* --- styles Links Vert Bar -----------------------------------*/
#main #links {
	width:215px;;
	float:left;
	text-align:center;
	}
#main #links #top {
	width:215px;
	height:52px;
	background: url('../images_templ/friendstofriends_links_tp.jpg') no-repeat;
	}
#main #links #mid a:LINK {
	height:24px;
	width:215px;
	background-image:url('../images_templ/friendstofriends_links_mid.jpg');
	background-repeat:no-repeat;
	line-height:24px;
	color:#ffffff;
	padding-left:45px;
	text-align:left;
	text-decoration:none;
	display:block;
	}
#main #links #mid a:VISITED {
	height:24px;
	width:215px;
	background-image:url('../images_templ/friendstofriends_links_mid.jpg');
	background-repeat:no-repeat;
	line-height:24px;
	color:#ffffff;
	padding-left:45px;
	text-align:left;
	text-decoration:none;
	display:block;
	}
#main #links #mid a:HOVER {
	height:24px;
	width:215px;
	background-image:url('../images_templ/friendstofriends_links_mid.jpg');
	background-repeat:no-repeat;
	line-height:24px;
	color:#FF78E1;
	padding-left:45px;
	text-align:left;
	text-decoration:none;
	display:block;
	}
#main #links #bottom {
	width:215;
	height:19px;
	background: url('../images_templ/friendstofriends_links_bt.jpg') no-repeat;
	}
/* --- styles Footer -----------------------------------*/
#main #footer {
	float:left;
	width:780px;
	height:35px;
	background: url('../images_templ/friendstofriends_footer.jpg') no-repeat;
	text-align:center;
	}
#main #footer a:LINK {
	font-size:12px;
	font-weight:bold;
	color:#333333;
	text-align:center;
	padding-left:40px;
	padding-right:40px;
	line-height:35px;
	text-decoration:none;
	display: table-cell;
	}
#main #footer a:VISITED {
	font-size:12px;
	font-weight:bold;
	color:#333333;
	text-align:center;
	padding-left:40px;
	padding-right:40px;
	line-height:35px;
	text-decoration:none;
	display: table-cell;
	}
#main #footer a:HOVER {
	font-size:12px;
	font-weight:bold;
	color:#FF78E1;
	text-align:center;
	padding-left:40px;
	padding-right:40px;
	line-height:35px;
	text-decoration:underline;
	display: table-cell;
	}
/* --- styles Default Content -----------------------------------*/
#story {
	background-image:url(../images_templ/friends_home/match-featured.jpg);
	background-repeat:no-repeat;
	width:512px;
	height:164px;
	color:#000000;
	margin-left:auto;
	margin-right:auto;
	}
#story a{
	width:512px;
	height:164px;
	display:table-cell;
	text-decoration:none;
	color:#000000;
	}
.story_text {
cursor:pointer;
	float:right;
	width:340px;
	margin-top:50px;
	padding-right:10px;
	text-align:justify;
	line-height:16px;
	}