/* beweb savvy cms styles - updated 12 May 2006 */
/*
INSTRUCTIONS/NOTES:
 - Modify as needed, these are not hard and fast rules, but using these will ensure all needed styles are defined consistently.
 - The table styles will be used if the administrator pastes in a table from microsoft word, excel or an html page, so its important to define them (they can of course be the same as body copy).
 - Use the next H tag after the headings you need (eg h3 or h4 say) for featured paragraph text if you have such a thing.
 - body.normal is useful if you want to override the body tag of the CMS rich text editor.
 - If using these definitions would require a lot of rework of your existing HTML code, you can prefix them with "normal" (eg "normal.h1") so that they only apply within content blocks.
*/
.normal,P,H1,H2,H3,H4,UL,OL,LI,TD,TH {
	font-family: verdana, arial, helvetica, sans-serif;
	/* zero top and bottom margins make it so users can press enter in the rich text editor to get a single line break, and press enter twice for a full paragraph break (this is like in most programs) */
	margin-top: 0px;    
	margin-bottom: 0px;
}
.normal,P,UL,OL,LI,TD,TH { font-size: 12px; }
.printer_only { display: none; }
H1 {
	color: #f7931d; /* the default colour - this is changed for the Trade Pro section */
	font-family: arial, helvetica, sans-serif;
	font-size: 30px;
	white-space: nowrap;
}
H2, H3 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
H2 { color: #f7931d; }
H3 { color: #008bb9; }
H4 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: black;
	margin: 3px 0;
}
A H4 { text-decoration: none; color: black; }
UL { margin-left: 20px; margin-bottom: 8px; }
OL { margin-left: 30px; margin-bottom: 8px; }
body { margin: 5px; padding: 0; }

/* the following defines the background when editing CMS text, used only in the CMS rich text editor */
body.normal { background-image: none; background-color: white; }
/* the following table styles are used within the content area if a CMS user inserts (or pastes in) a table */
 .Standard_Table {
	border: 1px solid #999999;
	vertical-align: top;
	border-collapse: collapse;
}
 .Standard_Table TH {
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 3px;
	font-weight: bold;
	text-align: left;
	background-color: #dddddd;
}
 .Standard_Table TD {
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 3px;
}
 .Invisible_Gridlines { vertical-align: top; }

/* the following are not used by Savvy CMS, but are generally useful */
img { border: none; }
form { margin: 0px; display: inline; }
.NegativeCurrency { color: red; } /* this is for FmtCurrencyColour */
/* end of beweb savvy cms styles */

/*Tradebox specific styles */
TD { vertical-align: top; }
A { color: #f7931d; font-weight: bold; }
HR { height: 1px; background: #cccccc;}
H2 A, H3 A { display: block; padding-left: 20px; text-decoration: none; }
H2 A { color: #f7931d; background: url(images/arrow_do_w.gif) 0 1px no-repeat; }
H3 A { color: #008bb9; background: url(images/arrow_db_w.gif) 0 1px no-repeat; }
H5, H6 { font-family: arial, helvetica, sans-serif; font-size: 13px; font-weight: bold; color: white; margin: 0; padding: 3px 6px; }
H5 { background: #008bb9; }
H6 { background: #f7931d; }
H5 A, H6 A { color: white; font-weight: bold; text-decoration: none; padding-left: 17px; }
H5 A { background: url(images/arrow_do_db.gif) no-repeat; }
H6 A { background: url(images/arrow_db_do.gif) no-repeat; }
.Heading7 { background: #a4d7e9; text-align: center; color: white; padding: 3px 5px; font-weight: bold; font-size: 12px; margin-bottom: 15px; }
.Heading8 { }

.tradebox_button {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8px;
	font-weight: bold;
	color: white;
	padding: 3px 2px 2px 2px;
	background: #f7931d;
	border: solid 1px black;
	cursor: hand;
	height: 20px; /* for cross browser consistency */
}
.tradebox_input, .tradebox_date SELECT { font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; font-weight: normal; }
INPUT.tradebox_input, .tradebox_date SELECT { height: 20px; /* for cross browser consistency */ }
.mainDiv { background-color: white; width: 100%; /* or you could do 850px etc */ text-align: left; }
.header { height: 57px; }
.header .menu { margin: 66px 5px 0 5px; }
.header .tab_wrapper {
	background: url(images/tab_left_gy.gif) top left no-repeat;
	margin: 0 2px;
	text-decoration: none;
}
.header .tab_wrapper .tab {
	height: 22px;
	background: url(images/tab_right_gy.gif) top right no-repeat;
	text-align: center;
	cursor: hand;
}
.header .tab_wrapper .text {
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	line-height: 9px;
	padding-top: 3px;
	padding-right: 1px;
	color: black;
}
.header .tab_wrapper .single_line { padding-top: 7px; }
.header .selectedOr, .userPage .header .selectedTab { background: url(images/tab_left_or.gif) top left no-repeat; }
.header .selectedOr .tab, .userPage .header .selectedTab .tab { background: url(images/tab_right_or.gif) top right no-repeat; }
.header .selectedOr .text, .userPage .header .selectedTab .text { color: white; }
.header .selectedBl, .tradePage .header .selectedTab { background: url(images/tab_left_bl.gif) top left no-repeat; }
.header .selectedBl .tab, .tradePage .header .selectedTab .tab { background: url(images/tab_right_bl.gif) top right no-repeat; }
.header .selectedBl .text, .tradePage .header .selectedTab .text { color: white; }
.subheader .welcome { color: white; font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; padding: 3px 7px 0 7px; }
.leftCol { width: 172px; padding: 0 1px 0 0; }
.middleCol { color: black; border: solid 1px #CCCCCC; padding: 10px; margin: 0 3px; }
.rightCol { border: solid 1px #CCCCCC; padding: 5px; }
.rightCol A { color: #F7931D; font-weight: bold; }
.categoryBox {
	background-color: #def0fa;
	padding: 5px 0 0 0;
	margin: 1px 0 0 0;
	font-family: verdana, arial, helvetica, sans-serif;
}
.categoryBox A { font-size: 11px; }
.categoryBox H2 { padding-left: 5px; }
.categoryBox TD { vertical-align: top; padding-left: 5px; }

.input_when_label_value { color: #999999; }
.input_when_users_value { color: Black; }

.guarantee { margin-top: 15px; padding: 5px; background-color: #def0fa; }

.guaranteeImage {
	float: right;
	position: relative;
	top: -121px;
	left: 19px;
}
.guaranteePlaceHolder {
	width: 25px; 
	height: 25px; 
	float: right;
}
.guarantee A { color: #f7931d; }
.footer A {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: black;
	text-decoration: none;
	margin-left: 5px;
}
.footer .selected {
	color: #008bb9;
}
.footer .linkWithIcon {
	display: block;
	float: right;
	margin: 4px 7px 0 0;
	padding: 0 0 1px 17px;
}
.footer_text { font-size: 10px; color: #999999; padding: 10px 5px 5px 5px; }

/*********************************************************************/
.userPage .logo {
	float: left
}
.userPage .header .menu {
	float: right;
}
.userPage .header .tab_wrapper {
	float: right;
}
.userPage .subheader {
	background-color: #f7931d;
	height: 21px;
	clear: both;
}
.userPage .subheader A {
	color: white;
	font-size: 11px;
	font-weight: normal;
}
.userPage .search {
	background-color: #008bb9;
	margin-bottom: 3px;
	padding: 3px;
}
.userPage .loginArea {
	background-color: #a4d7e9;
	padding: 5px 5px 10px 5px;
	color: white;
	font-weight: bold;
	margin-bottom: 15px;
}
.userPage .search TD, .loginArea TD {
	color: white;
	font-size: 10px;
	font-weight: bold;
	padding: 2px;
	vertical-align: middle;
}
.userPage .loginArea A {
	font-size: 10px;
	color: #f7931d;
}
.userPage .links a {
	text-decoration: none;
	color: #008bb9;
	font-size: 12px;
	font-weight: bold;
}
.userPage .step {
	clear: both;
}
.userPage .step td {
	color: black;
	font-size: 14px;
	font-weight: bold;
	height: 200px;
	text-align: center; 
	vertical-align: middle;
	padding: 0 5px;	
}
.userPage .step A { color: black; font-size: 14px; font-weight: bold; text-decoration: none; }
.userPage .step1  {
	background: url(images/step1.gif) #def0fa center no-repeat;
	width: 33%;
}
.userPage .step2 {
	background: url(images/step2.gif) #def0fa center no-repeat;
	width: 34%;
}
.userPage .step3 {
	background: url(images/step3.gif) #def0fa center no-repeat;
	width: 33%;
}
.userPage .footer {
	background-color: #fdc589;
	height: 21px;
	vertical-align: middle;
}

.userPage .footer .linkWithIcon {
	background: url(images/arrow_db_mo.gif) no-repeat;
}
/*********************************************************************/
.tradepage H1 {
	color: #008bb9;
}
.tradePage .logo {
	float: right
}
.tradePage .header .menu {
	float: left;
}
.tradePage .header .tab_wrapper {
	float: left;
}
.tradePage .subheader {
	background-color: #008bb9;
	height: 21px;
	clear: both;	
}
.tradePage .subheader A {
	color: white;
	font-size: 11px;
	font-weight: normal;
}
.tradePage .search {
	background-color: #f7931d;
	margin-bottom: 3px;
	padding: 3px;
}
.tradePage .loginArea {
	background-color: #fdc589;
	padding: 5px 5px 10px 5px;
	color: white;
	font-weight: bold;
	margin-bottom: 15px;
}
.tradePage .search TD {
	color: white;
	font-size: 10px;
	font-weight: bold;
	padding: 2px;
	vertical-align: middle;
}
.tradePage .loginArea A {
	font-size: 10px;
	color: #a4d7e9;
}
.tradePage .loginArea TD {
	color: black;
	font-size: 10px;
	font-weight: bold;
	padding: 2px;
	vertical-align: middle;
}
.tradePage .links A {
	text-decoration: none;
	color: #f7931d;
	font-size: 12px;
	font-weight: bold;
}
.tradepage .step {
	margin: 5px 0;
}
.tradePage .step td {
	height: 150px;
	text-align: center;
	vertical-align: middle;	
}
.tradePage .step A { color: black; font-size: 14px; font-weight: bold; text-decoration: none; }
.tradePage .step1 {
	background: url(images/trade1.gif) #fdc589 center no-repeat;
	padding: 0 5px;	
}
.tradePage .step2 {
	background: url(images/trade2.gif) #fdc589 center no-repeat;
	padding: 0 5px;	
}
.tradePage .step3 {
	background: url(images/trade3.gif) #fdc589 center no-repeat;
	padding: 0 5px;	
}
.tradePage .step4 {
	background: url(images/trade4.gif) #fdc589 center no-repeat;
	padding: 0 5px;	
}
.tradePage .step5 {
	background: url(images/trade5.gif) #fdc589 center no-repeat;
	padding: 0 5px;	
}
.tradePage .footer {
	background-color: #a4d7e9;
	height: 21px;
	vertical-align: middle;
}
.tradePage .footer .linkWithIcon {
	background: url(images/arrow_do_mb.gif) no-repeat;
}
/*********************************************************************/
/* check and consolidate these */
.alternate_table { width: 100%; }
.alternate_table TD, .alternate_table TH { padding: 7px; font-size: 11px; }
.alternate_table .rightalign { text-align: right; padding-right: 25px!important; }

.userPage .alt1, .userPage .alt1 TD { /* works for rows and columns */
	background: #def0fa; 
}
.tradePage .alt1, .tradePage .alt1 TD { /* works for rows and columns */
	background: #FFF1E1; 
}
.box_dk_bl, .box_dk_bl TD {
	background: #008bb9;
	color: white;
	font-weight: bold;
}
.box_md_bl, .box_md_bl TD {
	background: #a4d7e9;
}
.box_lt_bl, .box_lt_bl TD {
	background: #def0fa;
}
.box_dk_or, .box_dk_or TD {
	background: #f7931d;
	color: white;
	font-weight: bold;
}
.box_md_or, .box_md_or TD {
	background: #fdc589;
}
.box_lt_or, .box_lt_or TD {
	background: #fff1e1;
}
.blue_link {
	color: #008bb9;
	background: url(images/arrow_db_lb.gif) right no-repeat;
	padding: 1px 20px 1px 0;
	text-decoration: none;
}
.breadcrumb { float: right; font-weight: bold; }
.breadcrumb A { color: #f7931d; }
.directory_link {
	width: 130px;
	background: url(images/arrow_do_mb.gif) right no-repeat;
	float: left;
	margin-right: 10px;
}
.directory_link A {
	color: #008bb9;
	display: block;
	height: 20px;
	font-weight: bold;
	text-decoration: none;
	padding: 3px 0 0 20px;
}
.directory_link A.this_page {
	color: white;
}
.padcell {
	padding: 10px;
}
TABLE.padcell 
{
	padding: 0;
}
.padcell TD {
	padding: 3px 10px;
}
.select_category A {
	color: black;
	font-weight: normal;
	text-decoration: none;
}
.select_category .selected, .select_category A:hover {
	text-decoration: underline;
	color: #f7931d;
	font-weight: normal;
}
.space_links A { line-height: 150%; text-decoration: underline; }

.slim_steps {
	clear: both;
	height: 21px; /* need this if we float contents mozilla reduces this div to 0 */
	margin-bottom: 5px;
}
.slim_steps DIV {
	float: left;
	width: 33%; 
	background: url(images/public_next_arrow_bl.gif) right center no-repeat #def0fa;
	font-size: 12px;
	padding: 3px 0;
}
.slim_steps SPAN { /* have to this here or widths don't add up */
	padding: 0 5px;
}
.slim_steps .selected {
	background: url(images/public_next_arrow_do.gif) right center no-repeat #f7931d;
	color: white;
}
TD.spacer_row { /* only use with tables */
	font-size: 1px; 
	height: 5px; 
	padding: 0;
	background: white;
}
.space_top { /* this replaces spacer_row when using divs */
	margin-top: 5px; 
}
.spacer_col {
	padding: 0!important; 
	width: 5px;
	background: white;
}
.strapline { clear: both; height: 24px; font-weight: bold; }
.strapline .strapline_title { float: left; font-size: 16px; margin: 3px 30px 0 10px; }
.strapline_label { font-size: 11px; float: left; margin: 2px 20px 0 0; padding-bottom: 1px; }
.strapline_label SELECT { vertical-align: middle; }
.strapline .tradebox_button { float: left; margin: 2px 5px 0 0; }
.strapline_db { background: #008bb9; color: white; }
.strapline_mo { background: #fdc589; color: #008bb9; }
.strapline_mo .strapline_title { color: black; }

.rating DIV { float: left; margin-right: 10px; white-space: nowrap; }
.rating_star { vertical-align: bottom; }
.rating_under { clear: both; height: 5px; overflow: hidden; }


.calc_table TD { vertical-align: middle; }
.calc_table .full_input { width: 150px; font-size: 11px; font-family: verdana; }
.calc_table .half_input { width: 30px; font-size: 11px; font-family: verdana; }
.calc_answer { color: #008bb9; font-weight: bold; }
.glossary_link { color: black; font-weight: normal; padding-right: 16px; text-decoration: none; background: url(images/glossary_link.gif) center right no-repeat; margin-left: 1px; border-bottom: dashed 1px #f7931d;}
.page_area { clear: both; margin-bottom: 10px;}
.imagecaption { font-size: 10px; }
.required_field { color: red; }
.required_star { color: #000000; font-weight: bold; font-size: 15px; line-height: 10px; }
.warningText { color: red; }
.messageText { color: green; font-weight: bold; }   /* TODO: make this the default message text throughout the site */
.pagingnav A { color: #f7931d; font-weight: bold; }
P.display_message { margin-bottom: 10px; color: #008bb9; font-weight: bold; }

.quote_form { display: table-row;}
.area_not_covered_form { display: none; }
.heading {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
.hp{
	color: #f7931d; /* the default colour - this is changed for the Trade Pro section */
	font-family: arial, helvetica, sans-serif;
	font-size: 30px;
	white-space: nowrap;
	font-weight: bold;
}

.copyright
{
	color:#000000;
	font-family:verdana,arial,helvetica,sans-serif;
	font-weight:bold;
	font-size:11px;
	text-align:left; 
	float:right; 
	padding-top:5px;
}

.TopBarText
{
	color: #FFFFFF;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:10px;
}

.GoButton, .GoButton_hover
{
	width:20px;
	height:20px;
	border:none;
	margin:0px;
	padding:0px;
	cursor:pointer;
}
.GoButton{ background: url(images/TB_Go.jpg) no-repeat}	
.GoButton_hover{ background: url(images/TB_Go_Hover.jpg) no-repeat}

.LoginButton
{
	width:43px;
	height:20px;
	border:none;
	margin:0px;
	padding:0px;
	cursor:pointer;
	background: url(images/TB_Login.jpg) no-repeat;
}

.DemonstrationButton, .TPDemonstrationButton
{
	padding:0;
	border:none;
	margin:0;
	height: 55px;
	width:372px;
	cursor:pointer;
}

.TPDemonstrationButton{background: url(images/TB_TP_Demonstration.jpg) no-repeat;}
.DemonstrationButton{background: url(images/TB_Demonstration.jpg) no-repeat;}