@charset "utf-8";
html {
	width: 100%;
	height: 100%;
}
body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 85%;
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
}
.clearfloat {
	clear: both;
	display: block;
}

.textbody {
    font-size: 10pt;
    }

#page {
	width: 956px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
	padding-bottom: 15px;
}
#page .links_bar {
	background-color: #666;
	width: 926px;
	height: 14px;
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 15px;
}
#page .links_bar ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	float: right;
}
#page .links_bar ul li {
	float: left;
	margin: 0px;
	padding: 0px;
	display: inline-block;
}
#page .links_bar ul li a {
	text-decoration: none;
	color: #FFF;
	height: 14px;
	display: block;
	font-size: 85%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	float: left;
}
#page .links_bar ul li a:hover {
	color: #F2662B;
}
#page .links_bar ul li a.firstlink {
	border-left-style: none;
}
#page #header_region {
	position: relative;
	width: 956px;
	padding-top: 11px;
	padding-bottom: 11px;
	height: 106px;
}
#page #header_region #logo {
	float: left;
}

#page #header_region #main_benefits_panel {
	width: 368px;
	float: right;
}
#page #header_region #main_benefits_panel ul {
	list-style-position: outside;
	list-style-image: url(orange_tick.gif);
	list-style-type: square;
	margin: 0px;
	padding: 0px;
	
}
#page #header_region #main_benefits_panel ul li {
	font-weight: bold;
	color: #666;
	padding-bottom: 2px;
	padding-top: 2px;
}
#page #menu_bar {
	background-color: #F3722D;
	background-image: url(orange_rc_bar.gif);
	background-repeat: no-repeat;
	height: 14px;
	width: 926px;
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 15px;
	margin-bottom: 0px;
}
#page #menu_bar ul {
    list-style-type: none;
	margin: 0px;
	padding: 0px;
	float: left;
}
#page #menu_bar ul li {
	float: left;
	margin: 0px;
	padding: 0px;
}
#page #menu_bar ul li a {
	text-decoration: none;
	color: #FFF;
	height: 14px;
	display: block;
	font-size: 85%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	float: left;
}
#page #menu_bar ul li a:hover {
	text-decoration:underline;
}
#page #menu_bar ul li a.firstlink {
	border-left-style: none;
}
#page #main_area {
	padding: 13px 0px 13px 0px;
	margin: 0px;
	width: 956px;
}

.outlinebox {
	border: 2px solid #F3712D;
	position: relative;
	height: 100%;
	width: 100%;
}
.outlinebox .tl_corner {
	background-image: url(ool_tl_corner.gif);
	height: 22px;
	width: 22px;
	position: absolute;
	background-repeat: no-repeat;
	background-position: left top;
	left: -2px;
	top: -2px;
	z-index: 1;
}
.outlinebox .tr_corner {
	background-image: url(ool_tr_corner.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 22px;
	width: 22px;
	position: absolute;
	top: -2px;
	right: -2px;
	z-index: 1;
}
.outlinebox .bl_corner {
	background-image: url(ool_bl_corner.gif);
	height: 22px;
	width: 22px;
	position: absolute;
	left: -2px;
	bottom: -2px;
	z-index: 1;
}
.outlinebox .br_corner {
	background-image: url(ool_br_corner.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 22px;
	width: 22px;
	position: absolute;
	right: -2px;
	bottom: -2px;
	z-index: 1;
}
h2   {
	font-size: 120%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-top-color: #F3712D;
	border-right-color: #F3712D;
	border-bottom-color: #F3712D;
	border-left-color: #F3712D;
	color: #666;
	padding-top: 17px;
	padding-right: 2px;
	padding-bottom: 8px;
	padding-left: 2px;
	z-index: 2;
	width: auto;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 15px;
}
.solidbox {
	background-color: #0B3C7E;
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	/*width: inherit;
	height: inherit;*/
	float: none;
	padding: 1px;
	margin: 0px;
    top: 0px;
    left: 0px;
}
.solidbox .tl_corner {
	background-color: #0B3C7E;
	background-image: url(blue_tl_corner.gif);
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	top: 0px;
	background-position: left top;
	height: 18px;
	width: 18px;
}
.solidbox .tr_corner {
	background-color: #0B3C7E;
	background-image: url(blue_tr_corner.gif);
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 18px;
	width: 18px;
}
.solidbox .bl_corner {
	background-color: #0B3C7E;
	background-image: url(blue_bl_corner.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 18px;
	width: 18px;
	position: absolute;
	left: 0px;
	bottom: 0px;
}
.solidbox .br_corner {
	background-color: #0B3C7E;
	background-image: url(blue_br_corner.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 18px;
	width: 18px;
	position: absolute;
	right: 0px;
	bottom: 0px;
}
.solidbox h3 {
	color: #FFF;
	padding-top: 18px;
	font-size: 100%;
	margin: 0px 15px 0px 15px;
}
.solidbox h4 {
	color: #fff;
	margin-left: 15px;
	margin-right: 15px;
	padding-top: 0px;
	font-size: 90%;
}
.solidbox p {
	margin-left: 15px;
	margin-right: 15px;
	color: #CEE1FB;
	font-size: 70%;
}

.solidbox p strong{
	color: #fff;
}

.solidbox ul {
	padding: 0px;
	margin: 0px 0px 0px 15px;
	color: #fff;
	list-style: none;
	
}
.solidbox ul li {
	padding: 0px;
	margin: 0px;
	color:#CEE1FB;
	font-size: 70%;
	display: block;
	float: left;
	clear: both;
	width: 100%;
}

#main_area {
	padding: 0px;
	margin: 0px;
	display: block;
}

#main_area .column {
	float: left;
	margin: 0px;
	padding: 0px;
	display: block;
}

#main_area #panel_1 {
	width: 633px;
	float: left;
	margin: 0px 0px 12px 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	position: relative;
	background-color: #FFF;
	background-image: url(big_logo_bg.gif);
	background-repeat: no-repeat;
	background-position: 15px 15px;
	display: inline-block;
	padding-bottom: 0px;
	height: 363px;
}
#main_area #panel_2 {
	height: 587px;
	width: 303px;
	margin: 0px;
	padding-bottom: 4px;
}
#main_area #panel_3  {
	height: 212px;
	width: 313px;
	float: left;
	margin-right: 10px;
	padding: 0px;
}
#main_area #panel_map  {
	width: 633px;
	float: left;
	margin: 0px 0px 12px 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	position: relative;
	background-color: #FFF;
	background-image: url(big_logo_bg.gif);
	background-repeat: no-repeat;
	background-position: 15px 15px;
	display: inline-block;
	padding-bottom: 0px;
	height: 210px;
}
#main_area #panel_4 {
	height: 212px;
	width: 313px;
	float: left;
	margin: 0px;
	padding: 0px;
	background-color: #3C6;
}
#panel_1 .outlinebox .highlight {
	color: #F04C2a;
	font-weight: bold;
	font-size: 90%;
	display: block;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	margin: 0px;
	height: 20px;
}
#reveal_card_text {
	color: #000;
}
#card_choice_display {
	
	padding: 5px 0px 0px 15px;
}
#card_choice_display img {
	float: left;
	margin-right: 10px;
}
#card_choice_display ul {
	float: left;
	padding: 0px;
	display: block;
	margin: 0px;
	width: 225px;
}

#card_choice_display ul li{
	list-style-type: none;
	font-size: 80%;
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 20px;
	background-image: url(orange_arr_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
	float: left;
	display:block;
	width:205px;
}
#page #main_area .column #panel_1 .outlinebox #choiceform ul li select {
	font-size: 90%;
	padding: 0px;
	height: 20px;
	margin: 0px;
}

#card_choice_display #cta_buttons {
	margin-left: 15px;
	float: left;
	width: 220px;
	height: 110px;
}
#cta_buttons a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-bottom: 4px;
}
#cta_buttons p {
	font-size: 75%;
}
#cta_buttons p a {
	color: #F2662B;
}
#panel_2 .outlinebox .card_box {
	padding: 0px 0px 8px 15px;
	position: relative;
	
}

.card_box h3 {
	font-size: 90%;
	padding: 0px;
	margin: 15px 0px 5px 0px;
}

.card_box img {
	float: left;
	border: none;
}

.card_box .tiny_list {
	float: left;
	padding: 0px 0px 30px 0px;
	margin: 0px 5px 0px 5px;
	width: 175px;
	position: relative;
}
.card_box .tiny_list div{
	background-image: url(orange_arr_bullet.gif);
	font-size: 65%;
	text-align: left;
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left: 20px;
}
.card_box .tiny_list .apply_button {
	position: absolute;
	bottom: 0px;
	right: 0px;
	background-image: none;
	border: none;
}

	

#choiceform {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#choiceform ul {
	margin: 15px 0px 0px 15px;
	padding: 0px;
	list-style: none;
	display: block;
}
#choiceform ul li {
	margin-bottom: 5px;
	font-size: 95%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	display: block;
	float: left;
	width: 100%;
	height: 20px;
	vertical-align: top;
}
#choiceform ul li label {
	width: 270px;
	display: inline-block;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
#choiceform ul li select {
	padding: 0px;
	margin: 0px;
	width: 180px;
}
#choiceform ul li input {
	padding: 0px;
	margin: 0px;
	width: 176px;
}
	
#main_area #panel_5 {
	height: 212px;
	width: 307px;
	margin: 0px;
	padding: 0px;
	background-color: #3C6;
}
#page #main_area .column #panel_6 {
	width: 311px;
	height: 335px;
}
#page #main_area .column #panel_7 {
	width: 628px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	background-image: url(big_logo_bg.gif);
	background-repeat: no-repeat;
	background-position: 15px 15px;
}

ul.list_layout {
	list-style-type: none;
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 15px 0px;
	font-size: 70%;
	display: block;
}
.list_layout li {
	display: inline-block;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	width: 597px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

.list_layout li .category {
	float: left;
	width: 175px;
	color: #F27533;
	font-weight: bold;
}
.list_layout li .catdesc {
	display: block;
	float: left;
	width: 420px;
	color: #666;
}
p.clauses {
	font-size: 70%;
	margin: 10px 15px 5px 15px;
	padding: 0px 0px 20px 0px;
	color: #666;
}
.card_icons {
	display: block;
	margin: 0px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 17px;
	padding-left: 15px;
	position: relative;
}
.card_icons p {
	font-size: 70%;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;
	right: 15px;
}
.card_icons p .coloured_text {
	color: #F27533;
}
.card_icons p .coloured_text a {
	color: #F27533;
}
.wavebox {
	position: relative;
	height: 100%;
	width: 100%;
	background-image: url('orange_wave_panel_bg.jpg');
	background-repeat: no-repeat;
	background-position: left top;
	padding: 15px;
    top: 0px;
    left: 0px;
}
.wavebox h2 {
	color: #FFF;
	font-weight: normal;
	font-size: 125%;
	margin: 0px;
	padding: 0px;
	border: none 0px;
}
#panel_6 .wavebox .card_box .card_icon {
	position: absolute;
	top: 0px;
	right: 0px;
}

#panel_6 .wavebox .card_box h3 {
	color: #FFF;
	width: 205px;
	display: block;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#panel_6 .wavebox .card_box {
	position: absolute;
	width: 280px;
	top: 50px;
	left: 15px;
}
#panel_7 .outlinebox .card_reveal {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	font-size: 90%;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	font-weight: bold;
}
#panel_7 .outlinebox .card_reveal #reveal_card_text {
	color: #EC3027;
	font-weight: bold;
}


.wavebox .card_box .apply_form ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.wavebox .card_box .apply_form ul li {
	padding: 0px;
	list-style-type: none;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	width: 280px;
}
.apply_form ul li input {
	width: 150px;
}

.wavebox .card_box .apply_form ul li label {
	color: #FFF;
	font-size: 75%;
	width: 124px;
	display: block;
	float: left;
	padding: 0px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.apply_form ul li #companytype {
	width: 90px;
	font-size: 75%;
	text-decoration: overline;
}

.apply_form ul li #firstname {
	width: 70px;
}
.apply_form ul li #surname {
	width: 70px;
	margin-left: 4px;
}
.apply_form ul li #tradingyears {
	width: 40px;
}
.apply_form ul li a {
	color: #FFF;
	float: right;
	margin: 0px;
	padding: 2px 0px 5px 0px;
	font-size: 75%;
}
#page #main_area .column #panel_8 {
	width: 956px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	background-image: url(big_logo_bg.gif);
	background-repeat: no-repeat;
	background-position: 15px 15px;
}
