@charset "utf-8"; 
/* CSS reset by Eric Meyer - meyerweb.com */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, div.para, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
:focus{outline: 0;} body{line-height: 1;color: #000;background: #fff;} ol, ul{list-style: none;}
table{border-collapse: collapse;border-spacing: 0;} caption, th, td{text-align: left;font-weight: normal;} blockquote:before, blockquote:after, q:before, q:after{content: "";} blockquote, q{quotes: "" "";} a{text-decoration: none;}
/* end reset */

/*
** Basic-Setups
*/

html, body {
	min-width: 100%;
	width: auto;
}

html {
	min-height: 100%;
	height: auto;
}

body {
	color: #083066;
	font-family: arial, verdana, sans-serif;
    font-size: 62.5%; /* 10px = 1em */
    background: #e5f3f0 url("../img/bg-page-r.gif") repeat-x left top;
}

* {
	font-size: 1.0em;
}

/* Forms-Setup */
form, label, fieldset, textarea {
	border: none;
	margin: 0px;
	padding: 0px;
}

textarea, input, select, option {
	font-family: arial, verdana, sans-serif;
	color: #000;
	vertical-align: middle;
	text-align: left;
}

option {
	cursor: pointer;
}

input.submit,
input.radio {
	cursor: pointer;
	width: auto;
}

input.radio {
	background: transparent;
	border: none;
}

dt,
dd,
th,
td,
p {
	font-size: 1.2em;
	line-height: 16px;
}

p {
	margin-bottom: 20px;
}

td,
th {
	padding: 4px;
	vertical-align: middle;
}

h1, h2, h3, h4, h5 {
	clear: both;
	font-weight: bold;
	overflow: hidden;
}

h2 {
	font-size: 1.4em;
	line-height: 18px;
}

h3 {
	font-size: 1.6em;
	line-height: 18px;
}

h4 {
	font-size: 1.8em;
	line-height: 20px;
}

b,
strong,
.bold {
	font-weight: bold;
}

em, i {
	font-style: italic;
}

/* links */
a,
a:hover {
	color: #009966; /* green */
}

a:hover {
	color: #33cc99; /* bright-green */
}


/*
** clearing
*/

/* force-clear - usually separates the containers */
.clear {
	padding: 0px;
	margin: 0px;
	line-height: 0.1px;
	font-size: 0.1px;
	height: 0.1px;
	display: block;
	clear: both;
	overflow: hidden;
}

/* to be use to clear containers */
.clearContainer {
	clear: both;
	height: 1%;
	overflow: hidden;
	display: block;
}

/* to be use to clear side by side floated elements */
.clearFix {
	height: 1%;
	overflow: hidden;
	display: block;
}


/*
** pageWrapper
*/

div#wrapper {
	width: 100%;
	min-width: 1000px;
	overflow: hidden;
	margin: 0px auto;
	clear: both;
	background: url("../img/bg-page-top.jpg") no-repeat 50% top;
}

#relative,
#footerImg {
	overflow: visible;
	clear: both;
	width: 1000px;
	margin: 0px auto;
}

#relative {
	position: relative;
}

#footerImg {
	width: 100%;
	min-width: 1000px;
	background: url("../img/bg-footer.gif") repeat-x center bottom;
	overflow:auto;
}


/*
** Header
*/

div#header {
	width: 829px;
	margin: 0px auto;
	padding: 20px 0px 0px 105px;
}

#header .top-row .languageSwitch {
	padding:0 0 0 20px;	
	font-size:1.1em; 
	color:#0044cc;
}

#header .top-row .languageSwitch a {
	color:#0077bb;
	font-size:1.1em; 	
}

#header .top-row .languageSwitch a:hover {
	color:#95c6f5;
	font-size:1.1em;	
}

#header .top-row .languageSwitch .selected {
	color:#fff;
	font-size:1.1em;	
}

#header .upperNaviFrame {
	margin-left:15px;
}

#header .upperNavi {
	height:25px;
	background:url("../img/upper-navi-bg.gif") repeat-x center top;	
}

.headerNaviUl {
	padding: 5px 2px 0px 2px;
	font-size: 1em;
	line-height: 12px;
	text-align: center;
	font-weight:bold;
}

.headerNaviUl li {
	text-align: center;
	float: left;
	padding: 0px 2px 0px 2px;
}

.headerNaviUl li a {
color:#7fb6f0;
}
.headerNaviUl li a:hover {
color:#bbd3ec;
}



#header .upperNaviLeft {
height:25px;
width:11px;
display:block;
background:url('../img/sprites/static-index1.png') no-repeat -10px -194px;	
}
#header .upperNaviRight {
height:25px;
width:11px;
display:block;
background:url('../img/sprites/static-index1.png') no-repeat -10px -239px;	
}


#logo {
	position: relative;
	font-size: 2.0em;
	line-height: 24px;
	float: left;
	clear: none;
	margin: 24px 0px 0px 20px;
}

#logo a,
#logo a:hover,
#logo img {
	text-decoration: none;
	cursor: pointer;
	display: block;
	overflow: hidden;
	color: #000;
	float: left;
}

.top-row {
width: 810px;	
}

.fambitLogo {
	width:287px;
	height:117px;
	display:block;
	background:url('../img/sprites/static-index1.png') no-repeat -10px -57px;
}

.openingSoon {
	width:206px;
	min-height:74px;
	background-image:url('../img/opening-bg.png');
	background-repeat:no-repeat;
	padding: 42px 6px 0px 8px;
	float:right;
	margin-top:20px;
	
}


.openingSoon p {
	color:#fff;
	font-size:1.1em;
}

.openingSoon img {
	margin-top:4px;
}

.loginBox {
	width:220px;
	min-height:84px;
	
	background-repeat:no-repeat;
	display:block;
	float:right;
	margin-top:20px;
	
}


.loginForm {
	display:block;	
}
.loginForm td {
	line-height:12px;
	padding:2px;
	color:#fff;
}

#content .loginForm td {
	
	color:#000;
}

#content .loginForm .signupLink
 {
	color: #009966; /* green */
}

#content .loginForm .signupLink:hover {
	color: #33cc99; /* bright-green */
}


.loginBox .loginForm .loginSubmit {
	background: transparent url("../img-fi_fi/sprites/static-index1.png") -10px -10px;
	border: 0px solid transparent;
	display:block;
	width:58px;
	height:29px;
	text-align:center;
	color:#fff;
	cursor:pointer;
	padding-bottom:5px;
}

.loginForm .signupLink {
	color:#ffcc66;
	font-weight:bold;	
}

.loginForm .signupLink:hover {
	color:#ffd7a2;	
	font-weight:bold;
	text-decoration:underline;
}


/*
** Main
*/

#main {
	width: 1000px;
	margin: 0px auto;
}


/*
** Sidebar
*/

#sidebar {
	float: left;
	width: 130px;
	padding: 5px 0px 0px 0px;
}

#sidebar .sidenav li {
	font-weight: bold;
	font-size: 1.2em;
	line-height: 16px;
	background: url("../img/sep-sidenav.gif") no-repeat left bottom;
}

#sidebar .secondaryBox {
	margin-top:60px;	
}

#sidebar .sidenav a {
	color: #002438;
	display: block;
	overflow: hidden;
	clear: both;
	cursor: pointer;
	padding: 5px 0px 5px 5px;
}

#sidebar .sidenav a:hover {
	background: url("../img/sidenav-hover.png") no-repeat -35px center;
	color: #107899;
}

#sidebar .sidenav .active a {
	background:url('../img/sprites/static-index1.png') no-repeat -45px -287px;
	color: #107899;
}


#sidebar .premium-box {
	margin: 130px 0px 0px 0px;
}

#sidebar .premium-box h3 {
	padding: 0px 0px 5px 5px;
	color: #107899;
	background: url("../img/sep-sidenav.gif") no-repeat left bottom;
	font-weight: normal;
}


/*
** Content
*/

#contentWrapper {
	float: right;
	width: 870px;
	/*position: relative;*/
}

#content {
	float: left;
	min-height: 500px;
	background: url("../img/bg-content.gif") repeat-y 20px bottom;
	width:820px;
	
}

#content .frame {
	background: url("../img/welcome.jpg") no-repeat 20px top;
	padding: 20px 0px 0px 0px;
	min-height:105px;
}

#content .static {
	width: 790px;
	margin: 0px auto;
	padding: 105px 0px 0px 35px;
}



#content .contentUpper {
	width:790px;	
}

#content .whitebg {
	background-color:#fff;
	padding:4px;	
}

#content .contentUpper .contentUpperLeft {
	width:142px;
	
	float:left;	
}
#content  .indexList {
	list-style-image: url('../img/list-arrow.gif');
	padding: 0 0 16px 14px;
	font-size:1.2em;
	line-height:16px;
}

#content .indexList li {
	padding: 0 0 6px 0;
	
}
#content  .contentList {
	list-style-type:disc;
	padding: 0 0 16px 14px;
	font-size:1.2em;
	line-height:16px;
}

#content .contentList li {
	padding: 0 0 6px 0;
	
}

#content .contentList li ul{
	font-size:0.9em;
	padding: 6px 0 0 16px;
}

#content ol {
	list-style-type:decimal;
	padding: 0 0 16px 14px;
	font-size:1.2em;
	line-height:16px;
}

#content .contentUpper .contentUpperLeft .mainList {
	width:142px;
	background-color:#fff;
	padding:8px;
	border:2px solid #dcdcdc;
	float:left;	
}

#content .contentUpper .contentUpperLeft .mainList2 {
width:142px;
	background-color:#fff;
	padding:8px;
	border:2px solid #dcdcdc;
	float:left;
	margin-top:20px;	
}
	#content .contentUpper .contentUpperLeft .greybg2 img {
		vertical-align:middle;
		
	}

#content .contentUpper .contentUpperLeft h1 {
	color:#0066cc;
	padding:0 0 10px 0;
	font-size:1.6em;	
}

#content .contentUpper .contentUpperLeft p {
 padding:0 0 0 2px;	
}

#content .contentUpper .contentUpperRight {
	width:600px;
	min-height:270px;
	float:left;
	padding:0px 0px 0px 40px;
}

	#content .contentUpperRight a {
		font-family: helvetica;
		font-size:2.4em;
		font-weight:normal;
		color:#fff;
	}
	
	#content .contentUpperRight a:hover {
		text-decoration:underline;
	}

#content .contentUpper .contentUpperRight .contentWhat {
	width:290px;
	min-height:270px;
	float:left;
}

#content .contentUpper .contentUpperRight .contentWhat .mainLink {
	width:290px;
	min-height:270px;
	background:url("../img/content_what-h.jpg");
	background-repeat:no-repeat;
	display:block;
	background-position: 0 0;
}

#content .contentUpper .contentUpperRight .contentWhat .mainLink:hover {
	background:url("../img/content_what-h.jpg");
	background-position: 0px 268px;
	min-height:268px;
}

#content .contentUpper .contentUpperRight .shareFridge {
	width:108px;
	height:43px;
	position:relative;
	top:80px;
	left:0px;
	float:left;
	}

#content .contentUpper .contentUpperRight .shareFridge a {
	width:108px;
	height:43px;
	background:url("../img/add-fridge-bg-h.jpg");
	background-repeat:no-repeat;
	display:block;
	background-position: 0 0;
}

#content .contentUpper .contentUpperRight .shareFridge a:hover {
	background:url("../img/add-fridge-bg-h.jpg");
	background-position: 0 43px;
	
}



#content .contentUpper .contentUpperRight .shareFridgeExpand {
	height:40px;
	width:105px;
	position:absolute;
	top:409px;
	left:361px;
	padding:6px;
	background:url("../img/add-fridge-bg.gif");
	background-repeat:repeat-y;
	display:none;
	color:#fff;
	font-size:1.1em;
}

#content .contentUpper .contentUpperRight .link {
	width:290px;
	text-align:center;
	padding:202px 0 0 0;
	float:left;
}

#content .contentUpper .contentUpperRight .contentPrivate {
	width:290px;
	min-height:270px;

	margin-left:10px;
	float:left;
}

#content .contentUpper .contentUpperRight .contentPrivate a {
	width:290px;
	min-height:270px;
	background:url("../img/content_private-h.jpg");
	background-repeat:no-repeat;
	display:block;
	background-position: 0 0;
}

#content .contentUpper .contentUpperRight .contentPrivate a:hover {
	background:url("../img/content_private-h.jpg");
	background-position: 0px 268px;
	min-height:268px;
}

#content .contentUpper .contentUpperRight2 {
	width:618px;
	min-height:314px;
	float:left;
	padding:10px 0px 0px 20px;
}

	#content .contentUpper .contentUpperRight2 .link {
	width:290px;
	text-align:center;
	padding:218px 0 0 10px;
	float:left;
	}
	
	#content .contentUpperRight2 a {
		font-family: helvetica;
		font-size:2.4em;
		font-weight:normal;
		color:#fff;
	}
	
	#content .contentUpperRight2 a:hover {
		text-decoration:underline;
	}

#content .contentUpper .contentUpperRight2 .contentFree {
	width:304px;
	min-height:287px;
	
	margin-left:10px;
	float:left;
}

#content .contentUpper .contentUpperRight2 .contentFree a {
	width:304px;
	min-height:287px;
	background:url("../img/content_free-h.jpg");
	background-repeat:no-repeat;
	display:block;
	background-position: 0 0;
}

#content .contentUpper .contentUpperRight2 .contentFree a:hover {
	background:url("../img/content_free-h.jpg");
	background-position: 0px 286px;
	min-height:285px;
}

#content .contentUpper .contentUpperRight2 .contentEasy {
	width:304px;
	min-height:287px;

	
	float:left;
}

#content .contentUpper .contentUpperRight2 .contentEasy a {
	width:304px;
	min-height:287px;
	background:url("../img/content_easy-h.jpg");
	background-repeat:no-repeat;
	display:block;
	background-position: 0 0;
}

#content .contentUpper .contentUpperRight2 .contentEasy a:hover {
	background:url("../img/content_easy-h.jpg");
	background-position: 0px 286px;
	min-height:286px;
}

#content .contentLower {
	width:770px;
	padding: 10px 0 20px 0;	
}

	#content .contentLower .contentLowerLeft {
		width:142px;
		padding:4px;
		background-color:#dcdcdc;
		float:left;	
	}
	
	#content .contentLower .contentLowerLeft img {
		vertical-align:middle;
		
	}
	
	#content .contentLower .contentLowerLeft h1 {
	color:#0066cc;
	padding:0 0 10px 0;
	font-size:1.6em;	
}

#content .contentLower .contentLowerLeft p {
 padding:0 0 0 2px;	
}

	#content .contentLower .contentLowerRight {
	width:600px;
	min-height:175px;
	float:left;
	padding:0px 0px 0px 20px;
}

#content .static .subpageFix{
height:20px;
width:770px;
background-color:#fff;
}


/*
** General Table
*/

div.generalTableContainer {
	
}

table.generalTable {
	width: 100%;
	margin: 0px auto;
}

table.generalTable tr.first {
	
}

table.generalTable th {
	font-weight: bold;
}

table.generalTable th,
table.generalTable td {
	padding: 5px 0px;
	font-size: 1.2em;
	line-height: 16px;
	vertical-align: top;
}

table.generalTable th.middle,
table.generalTable td.middle {
	vertical-align: middle;
	text-align: center;
}

table.generalTable td.first {
	border-left: none;
	padding: 5px 0px;
}

table.generalTable td.last {
	border-right: none;
	padding: 5px 0px;
}


/*
** Footer
*/

#footer {
	width: 100%;
	min-width: 1000px;
	padding: 140px 0px 20px 0px;
}

#footer .frame {
	width: 1000px;
	margin: 0px auto;
}

#footer ul {
	padding: 12px 0px 0px 215px;
	font-size: 1.2em;
	line-height: 14px;
	text-align: center;
	font-weight:bold;
}

#footer li {
	background: url("../img/blue-dot.gif") no-repeat left center;
	text-align: center;
	float: left;
	padding: 0px 20px 0px 25px;
}

#footer li.first {
	background: none;
}

#footer ul a {
	color: #8bc;
}

#footer ul a:hover {
	text-decoration: underline;
}


/*
** System-Messages
*/

ul#systemMessages {
	margin-bottom: 10px;
}

ul#systemMessages li {
	padding: 10px 30px 10px 30px;
	font-weight: bold;
	position: relative;
	font-size: 1.2em;
	line-height: 12px;
}

ul#systemMessages li a,
ul#systemMessages li a:hover {
	color: #fff;
	position: absolute;
	top: 8px;
	right: 10px;
	z-index: 99;
	overflow: hidden;
	padding: 2px 6px 3px 6px;
	cursor: pointer;
	text-decoration: none;
}

ul#systemMessages li.error {
	border: 2px solid #d52b1e; /* red */
	background: #ff9999 url("../img/system-message-error.png") no-repeat 10px center; /* light-red */
}

ul#systemMessages li.error a,
ul#systemMessages li.error a:hover {
	background: #d52b1e;
}

ul#systemMessages li.notify {
	border: 2px solid #ffa101; /* orange */
	background: #ffff99 url("../img/system-message-notify.png") no-repeat 10px center; /* light-yellow */
}

ul#systemMessages li.notify a,
ul#systemMessages li.notify a:hover {
	background: #ffa101;
}

ul#systemMessages li.ack {
	border: 2px solid #61c24f; /* bright-green */
	background: #99ff99 url("../img/system-message-success.png") no-repeat 10px center; /* light-green */
}

ul#systemMessages li.ack a,
ul#systemMessages li.ack a:hover {
	background: #61c24f;
}


/*
** Tooltip
*/

div#tooltip {
	border: 1px solid #999;
	position: absolute;
	overflow: hidden;
	z-index: 99;
	background: #fff;
	width: auto;
	max-width: 100px;
}

div#tooltip p {
	font-size: 1.2em;
	line-height: 16px;
	padding: 2px 4px;
	margin: 0px;
	text-align: center;
}

/*
** System-Messages
*/

ul#systemMessages {
	padding: 0px !important;
	margin-bottom: 10px !important;
}

ul#systemMessages li {
	padding: 10px 30px 10px 30px !important;
	font-weight: bold !important;
	position: relative !important;
	font-size: 1.2em !important;
	line-height: 12px !important;
}

ul#systemMessages li a,
ul#systemMessages li a:hover {
	color: #fff !important;
	position: absolute !important;
	top: 8px !important;
	right: 10px !important;
	z-index: 99 !important;
	overflow: hidden !important;
	padding: 2px 6px 3px 6px !important;
	cursor: pointer !important;
	text-decoration: none !important;
}

ul#systemMessages li.error {
	border: 2px solid #d52b1e !important; /* red */
	background: #ff9999 url("../img/system-message-error.png") no-repeat 10px center !important; /* light-red */
}

ul#systemMessages li.error a,
ul#systemMessages li.error a:hover {
	background: #d52b1e !important;
}

ul#systemMessages li.notify {
	border: 2px solid #ffa101 !important; /* orange */
	background: #ffff99 url("../img/system-message-notify.png") no-repeat 10px center !important; /* light-yellow */
}

ul#systemMessages li.notify a,
ul#systemMessages li.notify a:hover {
	background: #ffa101 !important;
}

ul#systemMessages li.ack {
	border: 2px solid #61c24f !important; /* bright-green */
	background: #99ff99 url("../img/system-message-success.png") no-repeat 10px center !important; /* light-green */
}

ul#systemMessages li.ack a,
ul#systemMessages li.ack a:hover {
	background: #61c24f !important;
}

#fdbk_tab {
top:70px !important;	
}

/*
** ThickBox
*/

body#iFrame {
	overflow: hidden;
}


/*
** Misc
*/

/* top-margin */
.top10 {
	margin-top: 10px;
}

.top20 {
	margin-top: 20px;
}

.top30 {
	margin-top: 30px;
}

.top40 {
	margin-top: 40px;
}

/* bottom-margin */
.bottom10 {
	margin-bottom: 10px;
}

.bottom20 {
	margin-bottom: 20px;
}

.bottom30 {
	margin-bottom: 30px;
}

.bottom40 {
	margin-bottom: 40px;
}

/* floating */
.floatLeft {
	float: left !important;
}

.floatRight {
	float: right !important;
}

/* text-align */
.textLeft {
	text-align: left !important;
}

.textCenter {
	text-align: center !important;
}

.textRight {
	text-align: right !important;
}

.justify {
	text-align: justify !important;
}

/* vertical-align */
.valignMiddle {
	vertical-align: middle;
}

.valignTop {
	vertical-align: top;
}

.valignBottom {
	vertical-align: bottom;
}

/* font-size */
.fontSize8 {
	font-size: 0.8em;
	line-height: 12px;
}
.fontSize10 {
	font-size: 1.0em;
	line-height: 14px;
}

.fontSize12 {
	font-size: 1.2em;
	line-height: 16px;
}

.fontSize14 {
	font-size: 1.4em;
	line-height: 18px;
}

.fontSize16 {
	font-size: 1.6em;
	line-height: 20px;
}

/* font-case */
.uppercase {
    text-transform: uppercase !important;
}

.lowercase {
    text-transform: none !important;
}

/* widths (per-cents) */
.width5 {
	width: 5%;
}

.width10 {
	width: 10%;
}

.width15 {
	width: 15%;
}

.width20 {
	width: 20%;
}

.width25 {
	width: 25%;
}

.width30 {
	width: 30%;
}

.width40 {
	width: 40%;
}

.width50 {
	width: 50%;
}

.width60 {
	width: 60%;
}

.width70 {
	width: 70%;
}

.width80 {
	width: 80%;
}

.width90 {
	width: 90%;
}

.width100 {
	width: 100%;
}

/* gutters */
.list-gutter {
	margin: 0px 26px 0px 20px;
	padding: 0px 50px 0px 20px;
	background: #fff;
}

.list-gutter.upper {
	background: #fff url("../img/bg-content-t-2.gif") no-repeat left top;
}

.panel-gutter {
	clear: both;
	overflow: hidden;
	padding: 10px;
}

.panel-gutter.top {
	background: #b2d7dc url("../img/panel-background.gif") repeat-x left top !important;
}

/* misc-stuff */
.active,
.active a,
.active a:hover {
	cursor: default !important;
}

.green,
.green:hover {
	color: #009966;
}

.red,
.red:hover {
	color: #d52b1e;
}

.blue,
.blue:hover {
	color: #006699;
}

.normal {
	font-weight: normal !important;
}

.borderNone {
	border-right: none !important;
}

.noMargin {
	margin: 0px !important;
}

.noPadding {
	padding: 0px !important;
}

/* hiding */
.hidden {
	display: none !important;
}

.hide {
	padding: 0px !important;
	margin: 0px !important;
	width: 0px !important;
	height: 0px !important;
	font-size: 0px !important;
	line-height: 0px !important;
	overflow: hidden !important;
	clear: none !important;
	display: block !important;
}

#right-side-holder {
position:absolute;
	top:204px;
	left:960px;	
}
.FBConnectButton_Simple, .FBConnectButton_RTL_Simple {
	background-image: none !important;	
}

.FBConnectButton_Simple .FBConnectButton_Text_Simple {
	margin:0 0 0 0 !important;
	padding-bottom:1px;
	font-size:1.4em;
	line-height:16px;
	font-weight:bold;
	text-decoration:underline;
}

.fbLogo {
	margin-right:8px;	
}