/* defaults */
.clr { clear: both; }
form { margin: 0; }
.skip_to { display: none; }

/* using firefox' default header sizes */
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.17em; }
h4 { font-size: 1em; }
h5 { font-size: 0.83em; }
h6 { font-size: 0.67em; }

/* end defaults */


/* layout */

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-align: center;
	background: url(../images/top_bg.png) repeat-x;
	margin: 0px;
}
td, th { font-size: 1em !important; font-size: 0.8em; }

#main {
	text-align: left;
	margin: 0px auto;
	width: 745px;
}

#top {
	width: 745px;
}

#splash { margin: 48px 0px 50px 0px; }

#middle {  }

#bottom { clear: both; border-top: 1px solid #999; margin: 15px 0px 30px 0px; }
#bottom a { color: #03c; }

#top_right { float: right; }

#header_links {
	text-align: right;
	padding-top: 2px;
}

#header_links a {
	font-size: 0.9em;
	color: #438a0e;
}

#header_links a.active { font-weight: bold; text-decoration: none; }
#header_links a:hover { text-decoration: none; }

#this_is {
	text-align: right; font-style: italic; font-size: 14px;
	position: relative; top: 14px;
}

/* end layout */

/* front_buttons */

#front_buttons { margin: 50px 0px 35px 0px;}
#front_buttons_first_column { float: left; width: 381px; }
#front_buttons_second_column { float: right; width: 354px; }

#front_buttons  a { font-weight: bold; color: black; text-decoration: none; }

#fb_planner { background: url(../images/front_page_button_planner_bg.png) no-repeat; display: block; height: 220px; padding: 6px 0px 0px 12px; font-size: 2em; margin-bottom: 8px; }
#fb_refer { background: url(../images/front_page_button_refer_bg.png) no-repeat; height: 85px; padding: 6px 0px 0px 12px; margin-bottom: 9px; }
#fb_refer .fb_title { font-size: 1.5em; font-weight: bold; }
#fb_refer label { display: block; margin-top: 7px; }
#fb_refer input { width: 243px; }
#fb_refer a { border: 1px solid #666; background: #ccc;
	text-decoration: none; padding: 1px 3px; position: relative; top: -2px;
	color: #333; margin-left: 10px; width: 7em; font-weight: normal; }
#fb_signup { background: url(../images/front_page_button_signup_bg.png) no-repeat; width: 242px; height: 34px; float: left; font-size: 1.5em; padding: 10px 0px 0px 12px; float: left; margin-right: 10px; }
#fb_signup .link_note { font-size: 0.55em; font-weight: normal; }
#fb_login, #fb_logout { background: url(../images/front_page_button_login_bg.png) no-repeat; width: 105px; height: 34px; float: left; font-size: 1.5em; padding: 10px 0px 0px 12px; }

#fb_tour { background: url(../images/front_page_button_tour_bg.png) no-repeat; height: 333px; margin-bottom: 8px; }
#fb_tour a { display: block; padding: 6px 0px 0px 17px; font-size: 2em; margin-bottom: 0px; }
#fb_tour #flashcontent { margin-left: 17px; margin-top: 6px; }
#fb_forums { background: url(../images/front_page_button_forums_bg.png) no-repeat; float: left; margin-right: 8px; height: 31px; width: 159px; padding: 6px 0px 0px 12px; font-size: 1.5em; }
#fb_stores { background: url(../images/front_page_button_localstores_bg.png) no-repeat; height: 31px; width: 163px; padding: 6px 0px 0px 12px; font-size: 1.5em; float: left; }


/* end front_buttons */


h1 { margin: 0.5em 0px 0px 0px; font-size: 2.2em; font-weight: normal; }
.title_explain { font-weight: bold; color: #54c200; margin-bottom: 1em; margin-top: 0; font-size: 1.2em; }

#actions { width: 200px; float: right; margin-left: 20px; }
#actions h3 { margin: 2px 0px 4px 0px; font-size: 1.2em; }

#actions .action { margin-bottom: 7px; text-align: center; }

#act_signup { background: #ffffb8; padding-bottom: 3px; }
#act_signup a { color: #f60; }

#act_walkthough { background: #e9ffcc; padding-bottom: 16px; }
#act_walkthough h3 { margin-bottom: 6px; }
#act_walkthough a { color: #54c200; }
#act_walkthough a img { border: 1px solid #54c200; }

/* #act_refer { background: #ffe0f0; padding-bottom: 5px; }
#act_refer h3 { color: #ff0080; margin-bottom: 0px; }
#act_refer input.textbox { width: 160px; }
#act_refer input.button { margin-top: 3px; } */

#act_refer { background: #fae8e6; padding-bottom: 5px; }
#act_refer h3 { color: #cf5141; margin-bottom: 0px; }
#act_refer input.textbox { width: 160px; }
#act_refer input.button { margin-top: 3px; }

#act_refer a {
	border: 1px solid #666; background: #ccc;
	text-decoration: none; padding: 1px 3px; display: block;
	color: #333; font-size: 0.9em; margin: 5px auto 0px auto; width: 7em;
}

#act_login { background: #f0e6fa; padding: 5px; }
#act_login a { color: #8e3fcf; }

#main_content { font-size: 1.1em; width: 475px; float: left; }

#main_content a { color: #438a0e; }

p.first { margin-top: 0px; }

#useful_links { width: 250px; float: left; margin-top: 7px; }
#useful_links h3 { color: #54c200; margin: 0px 0px 5px 0px; font-size: 1.3em; font-weight: normal; }
#useful_links ul { list-style: none; margin: 0; padding: 0; }
#useful_links li { margin-bottom: 3px; }
#useful_links a { color: #54c200; font-size: 1.1em; }

#quotes { width: 220px; float: right; margin-left: 20px; background: url(../images/quotes_bg.png) no-repeat; padding: 10px; }

.quote_title { font-weight: bold; }
#qt_savings { color: #3300eb; }
#qt_variety { color: orange; }
#qt_easy { color: #54c200; }

.line { border-top: 1px solid #ccc; margin-top: 15px; }

p.quote { font-size: 1em; margin-top: 0px; font-style: italic; }
p.quote img { margin: 0;  }
p.quote .owner { font-size: 0.8em; white-space: nowrap; }
p.quote .quote_left { font-size: 3em; color: #f56300; position: relative; top: 0.3em; line-height: 0.3em; }
p.quote .quote_right { color: #f56300; }

#useful_external_info { margin-top: 10px; width: 465px; float: right; margin-left: 7px; }
#useful_external_info h3 { color: #cf5141; }
#useful_external_info ul { margin:0; padding:0; list-style:none; }
#useful_external_info li { margin-bottom: 0.5em; }
#useful_external_info a { color: #99004d; }

#friends { margin-top: 15px; }
#friends h3 { display: inline; color: #278c02; }
#friends h3, #useful_external_info h3 { margin-top: 0; margin-bottom: 0.5em; }

#friends img { border: none; vertical-align: top; margin-right: 5px; }

/* login screen */
#loginform, #signupform { font-size: 1.1em; }
#loginform input, #signupform input { font-size: 1em; }
#loginform dl, #signupform dl {}
#loginform dt, #signupform dt { float: left; width: 5em; }
#signupform dt { width: 9em; }
#loginform dd { margin-left: 5.6em; margin-bottom: 0.5em; }
#signupform dd { margin-left: 9.6em; margin-bottom: 0.5em; }

#signup_area { margin-top: 15px; font-size: 1.1em; font-weight: bold; }
#signup_area a { font-weight: bold; font-size: 1.1em; color: #028; }

/* terms */
#terms_of_service ol li { margin-bottom: 1em; }
#terms_of_service ul li { margin-bottom: 0; }

/* conversions */
#conversions #holder { width: 90%; padding: 0px; }
#conversions .table_title { font-size: 1.3em !important; font-size: 1.1em; text-align: left; }
#conversions .conversion_table { border: 1px solid #666; }
#conversions .conversion_table td { padding: 1px 2px; background: #eee; } 
#conversions .conversion_table td.separator { width: 20px; }

/* payment */
#payment h3 { margin-bottom: 0px; }
#payment h4 { margin-bottom: 0px; font-size: 1.1em; color: #006; }
#payment .transaction { border-top: 1px solid #006; border-bottom: 1px solid #006; }
#payment .transaction td.field { font-weight: bold; padding-right: 1em; }

/* contact us */
#contact_us h3 { margin-bottom: 0px; }

/* stores */
#stores { width: 525px; float: left; }
#store_control { width: 200px; float: right; text-align: center; background: #fff099; }

#stores .store { width: 250px; margin: 0px 10px 10px 0px; float: left; background: #e9ffcc; }
#stores h4 { margin: 0px; }
#stores h4 a { color: #54c200; }

#stores h3 { margin-top: 0px; color: #666; } 

/*#store_control { background: #f7dfdc; padding: 5px; }
#store_control h3 { color: #ff0080; margin: 0px; }
#store_control a { color: #99004d; }*/

#store_control { background: #fae8e6; padding: 5px; }
#store_control h3 { color: #cf5141; margin: 0px; }
#store_control a { color: #99004d; }

#search_options { background: #ead8d6; height: auto !important; height: 1%; }
#search_options ul { margin: 0; padding: 0; list-style: none; }
#search_options li { float: left; padding: 0; margin: 0px 2px 2px 0px; font-size: 0.8em; height: auto !important; height: 1%; }

#store {
	width: 515px; float: left;
	margin-top: 20px;
}
#store h2 { color: #54c200; margin: 0; font-size: 1.6em; font-weight: normal; }
#store h2 .rating { float: right; font-weight: normal; font-size: 0.6em; color: black; }
#store .short_description { font-weight: bold; }
#store .description { margin: 0.5em 0em 0.5em 0em; }
#store .location { font-size: 0.9em; color: #666; }

#store_reviews h3 { color: #54c200; font-size: 1.2em; }
#store_reviews .review { background: #e9ffcc; padding: 5px; margin-bottom: 15px; }
#store_reviews h4 { margin: 0px; }
#store_reviews h4 .rating { float: right; font-weight: normal; font-size: 0.9em; }
#store_reviews .info { font-size: 0.9em; color: #666; }

#store_control.show { margin-top: 20px; }

#store_control .example { font-size: 0.8em; color: #634; }

#ethical_policy_statement .title_explain { font-style: italic; }
#ethical_policy_statement h3 { font-size: 1.2em; margin-top: 0px; }
#ethical_policy_statement ol li { margin-bottom: 1em; }
#ethical_policy_statement ol ul li { margin-bottom: 0.5em; }
