/* General */

div#lowerArea {	margin: 0; }
p#intro {	font-size: 125%; padding-bottom: 20px; }
.intro { font-weight: bold; }
.note { color: #616161; }
.new { color: #900; }
p.yes {	padding: 15px 0; }

h2 {
	letter-spacing: normal;
	color: #09afeb;
}
h3 { 
	padding: 20px 0 5px 0; 
	color: #09afeb;
	font-size: 125%;
}
h5 { 
	font-weight: bold; 
	color: #616161; 
	padding: 5px 0 0 0; 
}
body#home div#midCol ul { margin: 0 !important; }

div#midCol ul { margin-left: 20px !important; }

div#lowerArea li { font-size: 11px !important; }

ul.link-list { margin-left: 0 !important; }

ul.link-list li {	list-style: none; }

ul.link-list li a {
	padding-left: 8px;
	background: url(/images/buttons/link_arrow_blue1.gif) no-repeat 0 4px;
}
ul.jump a {
	padding-left: 10px !important;
	background: url(/images/buttons/link_arrow_down_blue.gif) no-repeat 0 5px !important;
}
ul a.link {
	padding-left: 8px;
	background: url(/images/buttons/link_arrow_blue1.gif) no-repeat 2px 4px !important;
}
a.top {
	padding-left: 10px !important;
	background: url(/images/buttons/link_arrow_up_blue.gif) no-repeat 0 5px;
}
a.download {
	padding-left: 10px;
	background: url(/images/buttons/link_arrow_down_blue.gif) no-repeat 0 5px;
}
a:focus, a:active { outline: none; /* @ Firefox 1.5, remove ugly dotted border */ }

div.save-tag {
	float: left;
	margin-right: 10px;
	padding: 12px 5px 0 0;
	width: 110px;
	height: 25px;
	background: #fff url(/images/icons/save_tag.png) no-repeat 95% 0;
	font-size: 125%;
	font-weight: bold;
}
/* buttons */

a.button-apply-now, a.button-join-now, a.button-learn-more, a.button-compare {
	display: block;
	width: 91px;
	height: 17px;
	background: url(/images/buttons/button_fba07_learnmore.png) no-repeat 0 0;
	color: #000;
	font-weight: bold;
	padding: 1px 0 0 15px;
	margin :0 0 0 80px;
	text-decoration: none;
}
a.button-join-now { background: url(/images/buttons/button_fba07_joinnow.png) no-repeat 0 0;  }

a.button-apply-now { background: url(/images/buttons/button_fba07_applynow.png) no-repeat 0 0; }

a.button-compare { 
	width: 200px;
	background: url(/images/buttons/button_fba07_compare.png) no-repeat 0 0; 
} 
div#members-login {
	height: 28px;
	padding-top: 1px;
	background: url(/images/tiles/bg_sidebar_fba07_members.png) no-repeat 0 0;
}

/* Feature */

div#featureArea {
	background: transparent url(/images/bg/gray_border.png) repeat-y scroll center top;
	margin: 0 auto;
	padding-bottom: 5px;
	width: 998px;
}
div#featureArea div {
	margin: 0 4px 10px 4px !important;
	height: 185px;
	background: #DFECF2 url(/images/feature/feature_fba.jpg) no-repeat 0 0;
	border-bottom: 1px solid #ddd;
}
div#featureArea h1, div#featureArea h2, div#featureArea ul { 
	margin-left: 400px; 
	letter-spacing: normal;
}
div#featureArea ul {
	margin-bottom: 5px;
}
div#featureArea p {
	margin-left: 360px; 
}
div#featureArea h1 { 
	font-size: 230%;
	color: #7f8488; 
}
div#featureArea h1 span {
	font-size: 150%;
	color: #09afeb;
	font-weight: normal;
}
div#featureArea h2 {
	padding-top: 25px;
	color: #7a84a7;
}
div#featureArea ul {
	margin-top: 10px;
	color: #616161;
	font-size: 125%;
}
div#featureArea ul li {
	margin: 0;
	padding: 0 0 2px 10px;
	list-style: none;
	background: url(/images/bullets/bullet_fba07_feature.gif) no-repeat 0 6px;
}
div#featureArea ul li a {
	color: #616161;
	text-decoration: none;
}
div#lowerArea {
	padding-top: 10px; 
	clear: both;
}
/* Tabs */

body#home ul#tab-headings {
	margin: 0 !important;
	padding: 0;
}
ul#tab-headings li {
	list-style: none;
	display: block;
	float: left;
	font-size: 130% !important;
	margin-right: 2px;
	width: 190px;
	text-align: center;
}
ul#tab-headings a {
	display: block;
	background: url(/images/bkgd/bg_tab_headings_left.png) no-repeat 0 0;
	color: #075ab9;
}
ul#tab-headings a span {
	display: block;
	padding: 13px 20px;
	background: url(/images/bkgd/bg_tab_headings_right.png) no-repeat 100% 0;
}
ul#tab-headings a.selected {
	background: url(/images/bkgd/bg_tab_headings_left_selected.png) no-repeat 0 0;
}
ul#tab-headings a.selected span {
	background: url(/images/bkgd/bg_tab_headings_right_selected.png) no-repeat 100% 0;
}
ul#tab-headings a:hover { text-decoration: none; }

ul#tab-headings a.selected { color: #000; }

div#tab-content {
	margin-top: 41px;
	background: url(/images/bkgd/bg_ftn07_tab_content_bottom.png) no-repeat 0 100%;
}
div#tab-content div#why-join, div#tab-content div#who-is-it-for {
	background: url(/images/bkgd/bg_ftn07_tab_content_top.png) no-repeat 0 0%;
	padding: 20px;
}
div#tab-content h2 {
	color: #09afeb;
	letter-spacing: normal;
	font-size: 150%;
}
div#tab-content span.emphasize {
	font-size: 125%;
	font-weight: bold;
	padding-right: 3px;
}
div#tab-content li {
	list-style: none;
	padding: 0 0 5px 8px;
	background: url(/images/bullets/bullet_fba07.gif) no-repeat 0 4px;
} 
div#tab-content div#why-join img { 
	padding-top: 10px;
	float: left; 
}
div#tab-content div#why-join p,  
body#home div#tab-content div#why-join ul {
	margin-left: 120px !important;
}
div#why-join span.callout {
	display: block;
	margin-left: 120px;
	padding: 5px 10px;
	background: #DFE6F0;
}
div#why-join span.callout h4, div#why-join div.callout p.price { color: #286ACE; }

div#why-join span.callout p.price {
	font-size: 150%;
	font-weight: bold;
}
div#why-join span.callout p { margin: 0 !important; }

/* Sidebar */

	a#technet-faq { display: none; } /* Don't show TechNet FAQ quick link when on the FAQ page */
	a#technet-home { display: none; } /* Don't show TechNet FAQ quick link when on the FAQ page */

div#rightCol p { line-height: 130%; }

div#rightCol p.price {
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 0;
	line-height: normal;
	color: #09afeb;
	font-size: 140%;
	font-weight: bold;
}
	/* FBA tile */
	
	div#fba {
		background: #fff url(/images/tiles/bg_sidebar_fba07_fba.png) no-repeat 0 0;
		height: 158px;
	}
	div#fba img { margin: 10px 0 0 10px; }
	
	div#fba p { margin: 0 15px; }

	/* Technet tile */
	
	div#rightCol div#join {
		height: 126px;
		background: #fff url(/images/tiles/bg_sidebar_fba07_joinnow.png) no-repeat 0 0;
	}
	div#rightCol div#join h4 { margin: 0 12px; padding-top: 10px; }
	
	div#rightCol div#join p {	
		margin-left: 12px;
		margin-right: 12px;
	}
		div#rightCol div#join p.price { 
			font-size: 120%;
			color: #1b60c8; 
		}
		
		div#rightCol div#join a.button-learn-more {
			background-image: url(/images/buttons/button_ftn07_learnmore.png);
		}
	
	div#rightCol div#join p.member {
		margin: 0;
		padding: 4px 12px;
		background: url(/images/tiles/bg_sidebar_fba07_already_member.png) no-repeat 0 0;
	}
	div#rightCol div#join p.member span {
		padding-left: 25px;
		font-size: 120%;
		font-weight: bold;
	}
	div#rightCol div#join p.member span a {
		color: #1b60c8;
		font-weight: normal;
	}

	/* Members login */
	
	div#members-login a {
		margin-left: 15px;
		padding: 2px 22px 2px 0;
		background: url(/images/bullets/bullet_fba07_arrow_blue.png) no-repeat 100% 4px;
		color: #09afeb;
		font-size: 140%;
	}
	div#members-login a:hover, a.button-join-now:hover, a.button-learn-more:hover { text-decoration: none; }
	
	div#join a.button-join-now { background: url(/images/buttons/button_ftn07_joinnow.png) no-repeat 0 0; }

/* Tables */

table.bumblebee {
	border-collapse: collapse;
	margin: 0px 0 7px 0;
	font-size: 1em;
}
table.bumblebee td {
	vertical-align: top;
	background-color: #fff;
	padding: 4px 4px 4px 6px;
	border: 1px solid #ccc;
}
table.bumblebee th {
	color: #999;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
	padding: 4px 4px 4px 6px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	background-color: #fff;
}
table.bumblebee th.title {
	color: #075AB9;
}
table.bumblebee tr.shade td {
	vertical-align: top;
	background-color: #E3EBEA;
}

/* FAQ Showing and Hiding */

.show { display: block; }
.hide { display: none; }

a.collapsed, a.expanded {
	display: block;
	padding-left: 18px;	
	text-decoration: none;
}
a.collapsed { background: url(/images/bullets/bullet_plus.png) no-repeat 0 3px; }
a.expanded { background: url(/images/bullets/bullet_minus.png) no-repeat 0 3px; }

body#faq div.hide, body#faq div.show { padding-left: 18px; }

h2#faq-heading {
	display: block;
	float: left;
}
p#show-all {
	float: right;
	padding: 12px 0;
}
p#show-all a {
	font-weight: bold;
	text-decoration: none;
}
a.arrow-collapsed {
	padding-left: 10px;
	background: url(/images/buttons/link_arrow_blue1.gif) no-repeat 3px 3px;
}
a.arrow-expanded {
	padding-left: 10px;
	background: url(/images/buttons/link_arrow_down_blue.gif) no-repeat 0 5px;
}
div#faqs { clear: both; }

/* Members-Only Styles */

body.members div#main { padding-top: 10px; }

body.members div#lowerArea { padding-top: 10px;}

body.members div#rightCol { margin-top: 42px !important; }

div#prodnav { 
	width: 670px; 
	height: 19px;
	padding: 3px 8px 0 8px;
	background: #83BCF1 url(/images/bkgd/subnav_bkgd_corners.png) no-repeat top; 
}
div#prodnav a { color: #fff; font-weight: bold; }

div#prodnav h1 {
	font-size: 125%;
	font-weight: bold;
	float: left;
}
div#prodnav ul {
	margin: 1px 0 0 0;
	padding: 0;
}
div#prodnav ul li {
	float: left;
	list-style: none;
	padding: 0 6px;
	border-right: 1px solid #fff;
}
div#prodnav ul li.first { padding-left: none; }

div#prodnav ul li.last { 
	padding-right: none; 
	border: none; 
}
div#prodnav ul li a.selected { 
	color: #000; 
	text-decoration: none; 
}
div#prodnav ul.product-pages { float: right; }

/* Members-Only Navigation */

div#prodnav ul {
	display: none;
}


/* Country Flags */
ul.countries li.us { padding-left: 22px !important; background: url(/images/flags/us.png) no-repeat 0 4px; }
ul.countries a { padding-left: 22px !important; }
ul.countries a.us { background: url(/images/flags/us.png) no-repeat 0 1px; }
ul.countries a.gb { background: url(/images/flags/gb.png) no-repeat 0 1px; }
ul.countries a.fr { background: url(/images/flags/fr.png) no-repeat 0 1px; }
ul.countries a.de { background: url(/images/flags/de.png) no-repeat 0 1px; }
ul.countries a.it { background: url(/images/flags/it.png) no-repeat 0 1px; }
ul.countries a.es { background: url(/images/flags/es.png) no-repeat 0 1px; }
ul.countries a.nl { background: url(/images/flags/nl.png) no-repeat 0 1px; }
ul.countries a.jp { background: url(/images/flags/jp.png) no-repeat 0 1px; }
