@charset "utf-8";
/**************************************************

--- Naming Convention & writing style ---

- IDs & class names = all_lower_case_with_underscores
- ID and class names should relate to content they contain, not position/appearance
- Cascade ID related class names by tabbing. eg:
#element_id{}
#element_id .class_name{}
- Use single line declarations for all but the very long
- Prefered order: position ; dimensions ; float ; margin ; padding ; everything else

--- File structure ---

- Import
- Global styles
- Global classes
- Global IDs (IDs common to all/most pages)
- #id .classes
- Local IDs
- #id .classes

--- Colours ---

List colours here for easy find & replace
#ffcaca Pink
#cc1e11 Red
#d21e12 Mid Red
#8e1006 Dark Red
#cbc0c0 Red Grey
#676666 Light Grey

***************************************************/

/* *** IMPORT *** */

@import url("reset.css");

/*
Note: reset.css sets body text size @ 62.5%
For text sizes use:
1em instead of 10px
1.6em instead of 16px, etc
*/

/* *** GLOBAL STYLES *** */
p strong{font-weight:bold;}
fieldset{margin:0px; padding: 0px; border:none;}
h1 span.fr{color:#003399;}
#wrapper h2{padding:0px 3px 3px 3px; margin:0px 0px 1px 0px; line-height:38px;  background:url(../images/us/h2_bk_inner.gif) repeat-x #81ad36; border:3px solid #74a428; font-size:2.4em; font-weight:normal; text-indent:7px;  color:#FFFFFF;}
#wrapper h2 span{display:block; repeat-x;}
#wrapper h3{padding:0px 3px 3px 3px; margin:0px 0px 1px 0px; line-height:38px; background:url(../images/us/h3_bk.gif) repeat-x #f4f4f5; border-top:3px solid #74a428; font-size:2.4em; font-weight:normal; text-indent:7px;  color:#333333;}
#wrapper h3 span{display:block; background:url(../images/us/h3_bk_inner.gif) repeat-x;}
/* *** GLOBAL CLASSES *** */
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

.active{z-index:100;}
.fr{float:right;}
.fl{float:left;}
.brand_color_1{color:#003399;}

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

a.SortOrderAsc{height:40px; padding-right:12px; background:url(../images/us/asc.gif) right no-repeat;}
a.SortOrderDesc{height:40px; padding-right:12px; background:url(../images/us/desc.gif) right no-repeat;}

.block{width:100%; margin-bottom:10px;}
	.block .wide{width:66.6%;}
	.block .narrow{width:33.3%;}
	.block .full{width:100%;}
	.block ul{margin:0px;}
	.block .content{padding:3px; margin-bottom:2px; background:url(../images/us/content_bk.gif) repeat-x #f5f5f6;}
	.block .content label{padding:8px; border-bottom:1px solid #e8e8e8; display:block;}
	.block .content input{margin-left:23px; background:url(../images/us/input_bk.gif) repeat-x; border:1px solid #75a428; font-size:1.2em;}
	.block .content input.currency{margin-left:0px;}
	.block .content .radio input{border:none; background:none;}
	.block .content .content_inner{background:#FFFFFF; padding:5px;}
        .block .content .content_inner p{font-size:1.3em; font-family:'Calibri' 'Verdana';}	
        .block .content input.radio{border:none; background:none;}
	.block .content span.currency{width:15px; margin-right:5px; display:inline-block;font-weight:bold; text-align:right;}
	.block .content select{margin-left:23px; font-size:1.2em;}
	.block .content textarea{width:100%; height:87px; _width:99%; background:url(../images/us/input_bk.gif) top repeat-x;  border:1px solid #75a428; font-family:Arial, Helvetica, sans-serif; font-size:1.2em;}
	.block .content label span{width:45%; display:inline-block; font-size:1.2em;}
	.block .content fieldset{background:#FFFFFF;}
	.block .content fieldset.label_right_align label span{text-align:right;}
	.block .content table{background:#FFFFFF; border-left:1px solid #c2c5c9;}
	.block .content table tr.th_row{border-top:2px solid #74a427; border-bottom:1px solid #c2c5c9;}
	.block .content table th{height:20px; padding:5px; vertical-align:middle; text-align:center; background:url(../images/us/th_bk.gif) bottom repeat-x #74a427;  border-right:1px solid #e8e8e8; border-bottom:1px solid #FFFFFF; font-size:1.2em; color:#FFFFFF;}
	.block .content table tr.th_row th{height:65px; vertical-align:top; width:100px; font-size:1em; text-align:center;}
	.block .content table th a{height:15px; padding-top:5px;  color:#FFFFFF; font-size:1.2em; font-weight:normal; text-decoration:none; display:inline-block;}
	.block .content table tr.th_row th a{height:20px; padding-bottom:5px; text-align:center;}
	
.block .content table tr.th_row th.init_rate a{font-weight:bold; color:#fff;}
.block .content table tr.th_row th a.compare_btn{width:58px; height:28px; line-height:24px; margin-left:15px; color:#000; font-size:10px; font-weight:bold;}
	.block .content table td{height:75px; padding:0px 5px; vertical-align:middle; text-align:center; border-bottom:1px solid #c2c5c9; border-right:1px solid #c2c5c9; font-size:1.2em;}
	.block .content table td img{padding:5px 0px;}
	.block .content table td input.radio{margin:0px; padding:0px;}
	.block .content table td .generic_btn_sml{margin:5px auto 0px auto;}
	.block .content table td .styled_link{margin-bottom:5px;}
	.block .content .generic_btn_med{width:173px; margin-left:45%; padding-left:23px;}
	.block .content .generic_btn_med.fr{width:150px; margin:5px; padding-right:20px;}

.generic_btn_med{width:150px; height:28px; line-height:25px; margin:5px; padding-right:20px; padding-bottom:5px;  background:url(../images/us/generic_btn_med.png) right  no-repeat !important; border:none !important;  color:#000000 !important; text-decoration:none; font-size:1.4em; font-weight:bold; display:block; cursor:pointer;}

.generic_btn_sml{width:55px; height:28px; line-height:23px; margin:5px; padding-right:25px; padding-bottom:5px; background:url(../images/us/generic_btn_sml.png) no-repeat !important; border:none !important; color:#000000 !important; text-decoration:none;  font-weight:bold; display:block; cursor:pointer;}

.generic_btn_tiny_fwd{width:19px; height:16px; background:url(../images/us/tiny_btn_fwd.gif) right no-repeat;}

.generic_btn_tiny_bwd{width:19px; height:16px; background:url(../images/us/tiny_btn_bwd.gif) left no-repeat; display:inline-block;}

.styled_link{padding-left:10px; background:url(../images/us/link_bk.gif) left no-repeat; border-bottom:dotted #0033FF 1px; font-size:10px;}

.close_btn{width:19px; height:16px; background:url(../images/us/tiny_btn_close.png) right no-repeat;}

.compare_btn{width:58px; height:28px; line-height:28px; background:url(../images/us/compare_btn.png) right no-repeat; padding-right:22px; font-size:1.2em; font-weight:bold; display:block; color:#000000;}

.tabs{padding:0px 3px;}
	.tabs a{height:49px; line-height:49px; margin-right:2px; padding:0px 10px; float:left; background:url(../images/us/tab_bk.gif) repeat-x; border:1px solid #c1c4c8; color:#003399; font-size:1.3em; font-weight:bold; text-decoration:none; display:block;}
	.tabs a.selected{height:52px; margin-bottom:-3px; float:left; background:url(../images/us/tab_selected_bk.gif) repeat-x; border-bottom:none; color:#000000;}
.us #us-content ul.tabs{margin:0px; padding:0px 3px;}
        .us #us-content ul.tabs{list-style:none;}
.counter{padding:10px 5px; border-top:1px solid #e8e8e8; }
.counter .text{color:#999999; font-weight:bold; font-size:1.8em;}
.counter .number{color:#74a427; font-weight:bold; font-size:2em;}
.pagination{border-top:#e8e8e8 1px solid; border-bottom:#e8e8e8 1px solid; padding:8px 4px;}
	.pagination .title{font-size:1.2em; color:#74a427}
	.pagination .range{font-size:1.2em; font-weight:bold; color:#999999}
	.pagination a{margin:0px 3px; padding:1px 3px; border:1px solid #E8E8E8; font-size:1.2em;color:#333333; font-weight:bold; text-decoration:none; display:inline-block;}
	.pagination a:hover{color:#6699FF;}
	.pagination span.selected{margin:0px 3px; padding:1px 3px; border:1px solid #E8E8E8; font-size:1.2em;color:#74a427; font-weight:bold; display:inline-block;}
	.pagination a.generic_btn_tiny_fwd{width:auto; padding-right:25px; border:none;}
	.pagination a.generic_btn_tiny_bwd{width:auto; padding-left:25px; border:none;}

.pop_up{position:absolute; z-index:30; width:806px; top:30px; margin:0px 80px; background:#FFFFFF;}
	.pop_up .close_btn{width:auto; line-height:12px; margin:10px 10px 0px 0px; padding-right:20px; background:url(../images/us/tiny_btn_close.png) right no-repeat; font-size:12px; color:#333333; text-decoration:none;}
	.pop_up .close_btn:hover{color:#6699FF;}

	.pop_up .block .content table td{height:auto; padding:5px;}
	.pop_up h3 a{float:right} 
	.pop_up .t{height:10px; background:url(../images/pop_t_bk.png) no-repeat;}
	.pop_up .tl{width:14px; height:10px; background:url(../images/pop_tl_bk.png) no-repeat;}
	.pop_up .tr{width:9px; height:10px; background:url(../images/pop_tr_bk.png) no-repeat;}
	.pop_up .l{width:14px; background:url(../images/pop_l_bk.png) no-repeat;}
	.pop_up .r{width:9px; background:url(../images/pop_r_bk.png) no-repeat;}
	.pop_up .b{height:16px; background:url(../images/pop_b_bk.png) no-repeat;}
	.pop_up .bl{width:14px; height:16px; background:url(../images/pop_bl_bk.png) no-repeat;}
	.pop_up .br{width:9px; height:16px; background:url(../images/pop_br_bk.png) no-repeat;}

.help{display:none;}

.us #us-content  ul.result_filter_box{overflow:auto; padding:0px; margin:0px}
.us #us-content  ul.result_filter_box li{width:19%; padding:0px; margin:0px 0.45%; float:left; list-style:none;}
	ul.result_filter_box li h2{font-size:1.6em !important;}
	ul.result_filter_box li h3{font-size:1.6em !important;}
	ul.result_filter_box li .content{overflow:auto;}
	.us #us-content ul.result_filter_box li ul{height:150px; padding:0px; margin:0px; overflow:auto; background:#FFFFFF;}
	.us #us-content ul.result_filter_box li ul li{width:100%; margin:0px; clear:both; background:#FFFFFF; list-style:none;}
	ul.result_filter_box li ul li input{margin:10px 5px 5px 5px !important; padding:0px !important; float:left !important;}
	ul.result_filter_box li ul li label{line-height:15px; margin:0px !important; padding:0px !important; width:auto !important;}
/* *** GLOBAL IDs *** */
#wrapper{width:974px; font-family:Arial, Helvetica, sans-serif;}
#FadeBackground{position:absolute; left:0px; top:0px; z-index:20; background:#000000;}
#us-wrapper{position:relative; z-index:1;}
/* *** LOCAL IDs *** */