/* GLOBAL STYLES */

* {
	border: 0;
	margin: 0;
	padding: 0;
	outline: none;
	font-size: 100%;
	font-family: "Trebuchet MS", Arial, Helvetica, "Sans Serif"; 
}

body {
    color: #333;
	font-size: 80%;
	background: #FFF url("../images/background.gif") top center repeat-x;
}

a {
	color: #183567;
}

a:hover {
	color: #000;
}

.fl { float: left; }
.fr { float: right; }
.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }
.clearing { clear: both; }
.error { color: red; }
.success { color: green; }

.fc:after { 
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0; 
	clear: both; 
	visibility:hidden; 
} 
.fc { display: inline-block; } 
 * html .fc { height: 1%; } 
.fc { display:block; }



/* FORMS */

.input1 {
	padding: 3px;
	width: 250px;
    color: #163160;
	margin-top: 3px;
	background: #FFFFFF;
	border: 1px solid #183567;
}

.short {
	width: 150px;
}

.textarea1 {
	padding: 3px;
	width: 250px;
	height: 100px;
    color: #163160;
	background: #FFFFFF;
	border: 1px solid #183567;
}

.select1 {
	padding: 3px;
	width: 256px;
    color: #163160;
	margin-top: 3px;
	background: #FFFFFF;
	border: 1px solid #183567;
}

select {
	width: 200px;
	padding: 1px;
	color: #163160;
	background: #FFF;
	border: 1px solid #183567;
}



/* LAYOUT */

#wrapper {
	width: 900px;
	position: relative;
	margin: 0 auto 20px auto;
}

#header {
	height: 158px;
	position: relative;
	background: transparent url("../images/header-watermark.jpg") top right no-repeat;
}

#header a.logo {
	float: right;
	width: 165px;
	height: 131px;
	display: block;
	text-indent: -9999px;
	background: transparent url("../images/header-logo.png") top left no-repeat;
}

#header a.strapline {
	float: left;
	color: #183567;
	display: block;
	font-size: 120%;
	margin-top: 35px;
	text-decoration: none;
}

ul#navigation {
	left: 0;
	top: 99px;
	width: 627px;
	height: 32px;
	position: absolute;
}

ul#navigation li {
	display: inline;
}

ul#navigation li a {
	float: left;
	height: 32px;
	display: block;
	text-indent: -9999px;
	background: transparent url("../images/navigation.jpg") top left no-repeat;
}

ul#navigation li.home a { width: 74px; background-position: -0px 0; }
ul#navigation li.business a { width: 92px; background-position: -74px 0; }
ul#navigation li.professional a { width: 110px; background-position: -166px 0; }
ul#navigation li.liability a { width: 90px; background-position: -276px 0; }
/* ul#navigation li.quotes a { width: 176px; background-position: -366px 0; } */ 
/* ul#navigation li.contact a { width: 85px; background-position: -542px 0; } */ 
ul#navigation li.contact a { width: 85px; background-position: -366px 0; } 

body.homepage ul#navigation li a#mainnav-1, ul#navigation li.home a.active, ul#navigation li.home a:hover { background-position: -0px -32px; }
body.corporatepage ul#navigation li a#mainnav-2, ul#navigation li.business a.active, ul#navigation li.business a:hover { background-position: -74px -32px; }
body.professionalpage ul#navigation li a#mainnav-3, ul#navigation li.professional a.active, ul#navigation li.professional a:hover { background-position: -166px -32px; }
body.liabilitiespage ul#navigation li a#mainnav-4, ul#navigation li.liability a.active, ul#navigation li.liability a:hover { background-position: -276px -32px; }
/* body.onlinequotes ul#navigation li a#mainnav-5, ul#navigation li.quotes a.active, ul#navigation li.quotes a:hover { background-position: -366px -32px; } */
/* body.contactpage ul#navigation li a#mainnav-6, ul#navigation li.contact a.active, ul#navigation li.contact a:hover { background-position: -542px -32px; } */
body.contactpage ul#navigation li a#mainnav-6, ul#navigation li.contact a.active, ul#navigation li.contact a:hover { background-position: -366px -32px; }

/* Same as above -12px */
#subnav-1 { left: -12px; }
#subnav-2 { left: 62px; }
#subnav-3 { left: 154px; }
#subnav-4 { left: 264px; }
/* #subnav-5 { left: 354px; } */
/* #subnav-6 { left: 530px; } */
#subnav-6 { left: 354px; }

#subnav .subnav-box {
	top: 131px;
	width: 330px;
	display: none;
	position: absolute;
	padding: 10px 25px 30px 25px;
	border-top: 5px solid #183567; /* so mouseover on top border still keeps popup */
	background: transparent url("../images/subnav-box-shadow.png") bottom left no-repeat;
	z-index: 2;
}

#subnav .subnav-box h2,
#subnav .subnav-box h3 {
	color: #183567;
	padding-bottom: 10px;
}

#subnav .subnav-box .left {
	float: left;
	width: 140px;
}

#subnav .subnav-box .right {
	float: right;
	width: 150px;
	padding-left: 10px;
	border-left: 1px solid #183567;
}

#subnav .subnav-box ul,
#subnav .subnav-box ul li {
	list-style: none;
}

#subnav .subnav-box ul li {
	font-size: 90%;
	padding-left: 14px;
	margin-bottom: 3px;
	background: transparent url("../images/footer-bullet.png") 3px 5px no-repeat;
}

#subnav .subnav-box ul li a {
	color: #333;
	text-decoration: none;
}

#subnav .subnav-box ul li a:hover {
	text-decoration: underline;
}

#subnav .subnav-box ul li.online {
	background: transparent url("../images/footer-bullet-mouse.png") 0 3px no-repeat;
}

#header .phonetab {
	font-size: 125%;
    bottom: 0;
	right: 4px;
	color: #FFF;
	width: 125px;
	height: 22px;
	padding-left: 15px;
	position: absolute;
	background: transparent url("../images/header-phonetab.gif") top left no-repeat;
}

#main_content {
	margin: 15px 0 10px 0;
}

#main_left {
	float: left;
	width: 651px;
}

body.homepage #main_left {
	width: 675px;
}

#main_right {
	float: right;
	width: 225px;
}

#main_right .imagebutton {
	margin-bottom: 20px;
}

#main_right .logos {
	text-align: right;
	margin-top: 10px;
	margin-right: 20px;
}

#testimonials {
	width: 655px;
	height: 220px;
	overflow: hidden;
	position: relative;
}

#testimonials .testimonial {
	top: 0;
	left: 0;
	width: 655px;
	position: absolute;
}

#testimonials .top {
	width: 655px;
	background: transparent url("../images/testimonial-bg-top.jpg") top left no-repeat;
}

#testimonials .bottom {
	width: 655px;
	height: 220px;
	background: transparent url("../images/testimonial-bg-bottom.jpg") bottom left no-repeat;
}

#testimonials .content {
	width: 555px;
	padding: 20px 50px;
}

#testimonials .quote {
	color: #7691be;
	font-size: 130%;
}

#testimonials .author {
	right: 50px;
	bottom: 20px;
	color: #183567;
	font-size: 90%;
	font-weight: bold;
	position: absolute;
}

#contact_strip {
	color: #FFF;
	height: 30px;
	padding: 0 10px;
	background: #183567;
}

#contact_strip .phone {
	float: left;
	padding-top: 8px;
}

#contact_strip .email {
	float: right;
	padding-top: 8px;
}

#contact_strip .email a {
	color: #FFF;
	text-decoration: none;
}

#contact_strip .email a:hover {
	text-decoration: underline;
}

#contact_strip .phone span,
#contact_strip .email span {
	color: #bccbe3;
}

#footer_links {
	margin-top: 5px;
	padding: 20px 10px;
	background: transparent url("../images/footer-bg.jpg") top left repeat-x;
}

#footer_links .block {
	float: left;
	width: 130px;
	margin-right: 20px;
}

#footer_links .block.final {
	margin-right: 0;
}

#footer_links .block h2,
#footer_links .block h3 {
	color: #183567;
	font-size: 90%;
	margin-bottom: 5px;
	padding-bottom: 10px;
	border-bottom: 1px solid #183567;
}

#footer_links .block ul,
#footer_links .block ul li {
	list-style: none;
}

#footer_links .block ul li {
	padding-left: 14px;
	margin-bottom: 3px;
	background: transparent url("../images/footer-bullet.png") 3px 7px no-repeat;
}

#footer_links .block ul li a {
	color: #333;
	font-size: 80%;
	font-weight: bold;
	text-decoration: none;
}

#footer_links .block ul li.online {
	background: transparent url("../images/footer-bullet-mouse.png") 0 5px no-repeat;
}

#footer_links .block ul li a:hover {
	text-decoration: underline;
}

#footer_links .legend {
	width: 180px;
	height: 23px;
	font-weight: bold;
	padding: 15px 0 0 100px;
	margin: 20px auto 0 auto;
	background: transparent url("../images/footer-quote-legend.jpg") top left no-repeat;
}

#address_line {
	color: #183567;
	font-size: 70%;
	padding: 10px 0;
	text-align: center;
	border: 1px solid #183567;
	border-left: none;
	border-right: none;
}

#logos {
	height: 50px;
	text-indent: -9999px;
	background: transparent url("../images/footer-logos.jpg") top left no-repeat;
}



/* BIG BOX */

.box-big-top {
	float: left;
	margin: 0 20px 20px 0;
	background: transparent url("../images/box-big-top.jpg") top left no-repeat;
}

.box-big-top h1,
.box-big-top h2,
.box-big-top h3 {
	width: 294px;
	height: 58px;
	color: #183567;
	font-size: 140%;
	padding: 22px 0 0 22px;
}

.box-big-top .content {
	width: 225px;
	padding: 0 0 20px 22px;
}

.box-big-top .content p {
	height: 50px;
	font-size: 80%;
}

.box-big-top .content select {
	color: #FFF;
	width: 243px;
	height: 30px;
	padding: 3px;
	margin-bottom: 10px;
	background: #183567;
	border: 1px solid #183567;
}

.box-big-bottom {
	background: transparent url("../images/box-big-bottom.jpg") bottom left no-repeat;
}

.box-big-top .get-quote {
	margin-top: 10px;
}

.box-big-top .find-out-more {
	margin-top: 8px;
}



/* BIG BOX VARIATIONS */

.box-big-top .shield {
	background: transparent url("../images/box-big-head-shield.png") top left no-repeat;
}
.box-big-top .shield span {
	color: #d35e00;
}
.box-big-top .shield select {
	color: #d35e00;
}

.box-big-top .umbrella {
	background: transparent url("../images/box-big-head-umbrella.png") top left no-repeat;
}
.box-big-top .umbrella span {
	color: #739a1a;
}
.box-big-top .umbrella select {
	color: #739a1a;
}

.box-big-top .stapler {
	background: transparent url("../images/box-big-head-stapler.png") top left no-repeat;
}
.box-big-top .stapler span {
	color: #0099ff;
}

.box-big-top .open {
	background: transparent url("../images/box-big-head-open.png") top left no-repeat;
}
.box-big-top .open span {
	color: #cc0000;
}

.box-big-top .lamp {
	background: transparent url("../images/box-big-head-lamp.png") top left no-repeat;
}
.box-big-top .lamp span {
	color: #f7b52e;
}

.box-big-top .paint {
	background: transparent url("../images/box-big-head-paint.png") top left no-repeat;
}
.box-big-top .paint span {
	color: #990099;
}



/* SIDEBAR SMALL BOX */

.sidebox-small-top {
	margin-bottom: 20px;
	background: transparent url("../images/sidebox-small-top.jpg") top left no-repeat;
}

.sidebox-small-top .content {
	padding: 20px;
}

.sidebox-small-top h2 {
	font-size: 140%;
	margin-bottom: 10px;
}

.sidebox-small-top h3 {
	font-size: 120%;
	margin-bottom: 20px;
}

.sidebox-small-bottom {
	background: transparent url("../images/sidebox-small-bottom.jpg") bottom left no-repeat;
}



/* SIDEBAR SMALL BOX VARIATIONS */

.sidebox-small-top .content.special-offer h2 {
	color: #163160;
}

.sidebox-small-top .content.special-offer h3.title {
	color: #163160;
	font-size: 140%;
}

.sidebox-small-top .content.special-offer h3 {
	color: #cc6600;
}



/* SIDEBAR BIG BOX */

.sidebox-big-top {
	margin-bottom: 20px;
	background: transparent url("../images/sidebox-big-top.jpg") top left no-repeat;
}

.sidebox-big-top .content {
	padding: 20px;
}

.sidebox-big-top h2,
.sidebox-big-top h3 {
	width: 160px;
	font-size: 140%;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #183567;
}

.sidebox-big-top ul {
	margin-bottom: 10px;
}

.sidebox-big-top ul,
.sidebox-big-top ul li {
	list-style: none;
}

.sidebox-big-top ul li {
	font-size: 90%;
	padding-left: 15px;
	margin-bottom: 10px;
	background: transparent url("../images/sidebox-bullet.png") 3px 4px no-repeat;
}

.sidebox-big-top ul li a {
	text-decoration: none;
}

.sidebox-big-bottom {
	background: transparent url("../images/sidebox-big-bottom.jpg") bottom left no-repeat;
}



/* SIDEBAR BIG BOX VARIATIONS */

.sidebox-big-top .content.latest-news h2,
.sidebox-big-top .content.latest-news h3 {
	color: #0099ff;
}



/* QUOTE SELECT DROPDOWNS */

.quote-select-options {
	position: absolute;
	top: 0;
	left: 0;
	width: 220px;
	height: 120px;
	overflow: auto;
	background: #FFF;
	border: 1px solid #183567;
	padding: 10px;
	z-index: 3;
}

.quote-select-options a {
	display: block;
	padding-bottom: 5px;
	text-decoration: none;
}



/* MAIN BOX */

.box-main-top {
	float: left;
	width: 651px;
	margin: 20px 0;
    position: relative;
	background: transparent url("../images/box-main-top.jpg") top left no-repeat;
}

.box-main-top .inner {
	padding: 0 20px 10px 20px;
}

.box-main-bottom {
	background: transparent url("../images/box-main-bottom.jpg") bottom left no-repeat;
}



/* SITE PAGES */

#content_page {
	background: transparent url("../images/page-header-bg.jpg") top left no-repeat;
}

#content_page .box-main-top {
	margin-top: 0;
}

#content_page h1 {
	margin: 0;
	color: #163160;
	font-size: 155%;
	padding-top: 35px;
	padding-bottom: 10px;
	margin-bottom: 25px;
	border-bottom: 1px solid #d35e00;
}

#content_page h2 {
	color: #163160;
	font-size: 120%;
	margin: 20px 0 5px 0;
}

#content_page h5 {
	margin: 0;
	color: #163160;
	font-size: 155%;
	padding-top: 35px;
	padding-bottom: 10px;
	margin-bottom: 25px;
	border-bottom: 1px solid #d35e00;
}

#content_page p {
	margin-bottom: 10px;
}

#content_page table {
	margin-bottom: 10px;
}

#content_page ul {
	margin: 10px 0;
	list-style: none;
}

#content_page ul li {
	list-style: none;
	padding-left: 15px;
	margin-bottom: 5px;
	background: transparent url("../images/page-bullet.png") 4px 6px no-repeat;
}



/* DATE POPUP */

.date_popup {
	color: #000000;
	position:absolute;
	visibility:hidden;
	background: #FFFFFF;
	left: 449px !important;
	top: 915px !important;
}

.date_popup a {
	color: #6677dd;
	font-weight: bold;
	text-decoration: none;
}

.date_popupcpYearNavigation,
.date_popupcpMonthNavigation
{
	background-color:#6677DD;
	text-align:center;
	vertical-align:center;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
}

.date_popupcpYearNavigation a,
.date_popupcpMonthNavigation a
{
	color: #FFFFFF;
}

.date_popupcpDayColumnHeader,
.date_popupcpYearNavigation,
.date_popupcpMonthNavigation,
.date_popupcpCurrentMonthDate,
.date_popupcpCurrentMonthDateDisabled,
.date_popupcpOtherMonthDate,
.date_popupcpOtherMonthDateDisabled,
.date_popupcpCurrentDate,
.date_popupcpCurrentDateDisabled,
.date_popupcpTodayText,
.date_popupcpTodayTextDisabled,
.date_popupcpText
{
	font-family:arial;
	font-size:8pt;
}

td.date_popupcpDayColumnHeader
{
	text-align:right;
	border-width:0 0 1 0;
}

.date_popupcpCurrentMonthDate,
.date_popupcpOtherMonthDate,
.date_popupcpCurrentDate
{
	text-align:right;
	text-decoration:none;
}

.date_popupcpCurrentMonthDateDisabled,
.date_popupcpOtherMonthDateDisabled,
.date_popupcpCurrentDateDisabled
{
	color:#D0D0D0;
	text-align:right;
	text-decoration:line-through;
}

.date_popupcpCurrentMonthDate
{
	color:#6677DD;
	font-weight:bold;
}

.date_popupcpCurrentDate
{
	color: #FFFFFF;
	font-weight:bold;
}

.date_popupcpOtherMonthDate
{
	color:#808080;
}

td.date_popupcpCurrentDate a
{
	font-weight: bold;
	text-decoration: underline;
}

td.date_popupcpCurrentDateDisabled
{
	border-width:1;
	border:solid thin #FFAAAA;
}

td.date_popupcpTodayText,
td.date_popupcpTodayTextDisabled
{
	
}

a.date_popupcpTodayText,
span.date_popupcpTodayTextDisabled
{
	height:20px;
}

a.date_popupcpTodayText
{
	color:#6677DD;
	font-weight:bold;
}

span.date_popupcpTodayTextDisabled
{
	color:#D0D0D0;
}

.date_popupcpBorder
{
	border:solid thin #6677DD;
}



/* TABLE ROWS FROM OLD CSS */

div.row { 
	width:620px;
	overflow:hidden;
}



div.row span.label {
	float: left;
	width: 200px;
	padding:2px;
	text-align: right;
}

div.row span.formw {
	border:0px;
	float: right;
	width: 350px;
	padding:2px;
	text-align: left;
}



/* PI QUOTING SYSTEM */

.pi_system .progress_bar {
	width: 632px;
	height: 43px;
	padding: 50px 0 0 19px;
}

.pi_system  .progress_bar { background: transparent url("../images/pi-progress.jpg") top left no-repeat; }

.pi_system .progress_bar .stage {
	width: 613px;
	height: 30px;
	background: transparent url("../images/pi-progress-1.jpg") top left no-repeat;
}

.pi_system.progress1 .progress_bar .stage { background: transparent url("../images/pi-progress-1.jpg") top left no-repeat; }
.pi_system.progress2 .progress_bar .stage { background: transparent url("../images/pi-progress-2.jpg") top left no-repeat; }
.pi_system.progress3 .progress_bar .stage { background: transparent url("../images/pi-progress-3.jpg") top left no-repeat; }
.pi_system.progress4 .progress_bar .stage { background: transparent url("../images/pi-progress-4.jpg") top left no-repeat; }
.pi_system.progress5 .progress_bar .stage { background: transparent url("../images/pi-progress-5.jpg") top left no-repeat; }
.pi_system.progress6 .progress_bar .stage { background: transparent url("../images/pi-progress-6.jpg") top left no-repeat; }

.pi_system h3 { font-family: Arial,Sans-Serif; font-size: 100%; }
.pi_system h4 { font-family: Arial,Sans-Serif; font-size: 90%; }

.pi_system .fl { margin-left: 0; }
.pi_system .fr { margin-right: 0; }

.pi_system .table,
.pi_system .price_table {
	width: 611px;
}

.pi_system .table td {
	padding-bottom: 10px;
}

.pi_system .seperator {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid white;
}

.pi_system .question {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid white;
}

.pi_system .question .input1 {
	width: 180px;
}

.pi_system .question .textarea1 {
	width: 300px;
	height: 60px;
}

.pi_system .price_table {
	width: 651px;
	margin: 0 auto;
}

.pi_system .price_table th,
.pi_system .price_table td {
	color: #193567;
	border: 1px solid #193567;
	background: #8fa2c4;
    border-top: none;
	border-left: none;
	padding: 5px;
}

.pi_system .price_table th {
	color: #193567;
	background: #FFF;
}

.pi_system .price_table .left {
	border-left: 1px solid #193567;
}

.pi_system .price_table th {
	font-size: 110%;
	padding-bottom: 10px;
	border: 1px solid #193567;
	border-left: none;
}

.pi_system .price_table tr:hover td {
	color: #FFF;
	background: #395587;
}

.pi_system textarea {
	font-family:Arial,Sans-Serif;
}

/* Replaces the yellow background boxes */
.yellowback,
.pi_system .yellowback {
	width: 611px;
	height: 20px;
	color: #cc6600;
	font-size: 110%;
	padding: 15px 20px;
	background: transparent url("../images/pi-bg-single-row.jpg") top left no-repeat;
}

.yellowback .select1 {
	padding: 0px;
	width: 256px;
    color: #000;
	margin-top: 0;
	background: #FFFFFF;
	border: 1px solid #183567;
}

.yellowback.small {
	width: 571px;
	height: 20px;
    margin: 20px 0;
	padding: 15px 20px;
	background: transparent url("../images/pi-bg-single-row-small.jpg") top left no-repeat;
}

.yellowback.medium {
	width: 571px;
	height: 30px;
    margin: 20px 0;
	padding: 15px 20px;
	background: transparent url("../images/pi-bg-double-row-small.jpg") top left no-repeat;
}

.pi_system .question {
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #d35e00;
}

.pi_system .question .input1 {
	width: 180px;
}

.pi_system .question .textarea1 {
	width: 300px;
	height: 60px;
}

.pi_system .noborder {
	border: none;
}

.pi_system .prices_display {
	width: 470px;
	margin: 50px auto 20px auto;
}

.pi_system .prices_display h3 {
	color: #183567;
}

.pi_system .the_price {
	color: #df873d;
	display: inline;
	font-size: 250%;
	font-weight: bold;
    margin-bottom: 20px;
}

.pi_system .prices_display .payby_cc {
	float: left;
    width: 205px;
    height: 116px;
	text-align: center;
    padding: 15px 0 0 0;
    background: transparent url("../images/price-box.jpg") top left no-repeat;
}

.pi_system .prices_display .payby_dd {
	float: right;
    width: 205px;
    height: 116px;
	text-align: center;
    padding: 15px 0 0 0;
    background: transparent url("../images/price-box.jpg") top left no-repeat;
}

.pi_system .prices_display .payby_cc h3,
.pi_system .prices_display .payby_dd h3 {
    margin-bottom: 10px;
}

.pi_system .confirm_details div.row { 
	width: 620px;
}

.pi_system .confirm_details div.row span.label {
	width: 280px;
	font-weight: bold;
}

.pi_system .confirm_details div.row span.formw {
	width: 300px;
}

.pi_system.progress1 .question h3 {
	margin-bottom: 10px;
}

.pi_system .question small {
	font-size: 85%;
}



/* DO QUOTING SYSTEM */

.do_system .progress_bar {
	width: 632px;
	height: 43px;
	padding: 50px 0 0 19px;
}

body.do-quote-p1 .do_system .progress_bar,
body.do-quote-p2 .do_system .progress_bar,
body.do-quote-p3 .do_system .progress_bar,
body.do-quote-p4 .do_system .progress_bar,
body.do-quote-p5 .do_system .progress_bar
{ background: transparent url("../images/do-progress.jpg") top left no-repeat; }

.do_system .progress_bar .stage {
	width: 613px;
	height: 30px;
	background: transparent url("../images/do-progress-1.jpg") top left no-repeat;
}

.do_system.progress1 .progress_bar .stage { background: transparent url("../images/do-progress-1.jpg") top left no-repeat; }
.do_system.progress2 .progress_bar .stage { background: transparent url("../images/do-progress-2.jpg") top left no-repeat; }
.do_system.progress3 .progress_bar .stage { background: transparent url("../images/do-progress-3.jpg") top left no-repeat; }
.do_system.progress4 .progress_bar .stage { background: transparent url("../images/do-progress-4.jpg") top left no-repeat; }
.do_system.progress5 .progress_bar .stage { background: transparent url("../images/do-progress-5.jpg") top left no-repeat; }
.do_system.progress6 .progress_bar .stage { background: transparent url("../images/do-progress-6.jpg") top left no-repeat; }

.do_system h3 { font-family: Arial,Sans-Serif; font-size: 100%; }
.do_system h4 { font-family: Arial,Sans-Serif; font-size: 90%; }

.do_system .fl { margin-left: 0; }
.do_system .fr { margin-right: 0; }

.do_system .table,
.do_system .price_table {
	width: 611px;
}

.do_system .table td {
	padding-bottom: 10px;
}

.do_system .seperator {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid white;
}

.do_system .question {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid white;
}

.do_system .question .input1 {
	width: 180px;
}

.do_system .question .textarea1 {
	width: 300px;
	height: 60px;
}

.do_system .price_table {
	width: 651px;
	margin: 0 auto;
}

.do_system .price_table th,
.do_system .price_table td {
	color: #193567;
	border: 1px solid #193567;
	background: #8fa2c4;
    border-top: none;
	border-left: none;
	padding: 5px;
}

.do_system .price_table th {
	color: #193567;
	background: #FFF ;
}

.do_system .price_table th a {
	color: #193567;
}

.do_system .price_table .left {
	border-left: 1px solid #193567;
}

.do_system .price_table th {
	font-size: 110%;
	padding-bottom: 10px;
	border: 1px solid #193567;
	border-left: none;
}

.do_system .price_table tr:hover td {
	color: #FFF;
	background: #395587;
}

.do_system textarea {
	font-family:Arial,Sans-Serif;
}

.do_system .yellowback {
	width: 611px;
	height: 20px;
	color: #cc6600;
	font-size: 110%;
	padding: 15px 20px;
	background: transparent url("../images/do-bg-single-row.jpg") top left no-repeat;
}

.do_system .question {
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #d35e00;
}

.do_system .question .input1 {
	width: 180px;
}

.do_system .question .textarea1 {
	width: 300px;
	height: 60px;
}

.do_system .noborder {
	border: none;
}

.do_system .prices_display {
	width: 520px;
	margin: 50px auto 20px auto;
}

.do_system .prices_display h3 {
	color: #183567;
}

.do_system .the_price {
	color: #df873d;
	display: inline;
	font-size: 200%;
	font-weight: bold;
}

.do_system .prices_display .payby_cc {
	float: left;
	width: 250px;
	text-align: center;
}

.do_system .prices_display .payby_dd {
	float: right;
	width: 250px;
	text-align: center;
}

.do_system .confirm_details div.row { 
	width: 620px;
}

.do_system .confirm_details div.row span.label {
	width: 280px;
	font-weight: bold;
}

.do_system .confirm_details div.row span.formw {
	width: 300px;
}



/* ONLINE QUOTES HOMEPAGE */

body.onlinequotes .box-big-top {
    margin-right: 19px;
}

body.onlinequotes .box-big-top.nomargin {
    margin: 0 0 20px 0;
}

body.onlinequotes .box-big-top .find-out-more {
	display:none;
}



/* DROPDOWN CONTACT FORM */

#contact_form {
	
}

#contact_form .input {
	border:1px solid #000;
}

#contact_form .button {
	color:#FFF;
	padding:3px;
	cursor: pointer;
	background:#183567;
}



/* SUBPAGE HEADER IMAGES */

.section-logo {
    top: 5px;
    right: 10px;
    width: 208px;
    height: 94px;
    position: absolute;
}

body.corporatepage .section-logo { background: transparent url("../images/sections/breifcase.png") top right no-repeat; }
body.professionalpage .section-logo { background: transparent url("../images/sections/gavel.png") top right no-repeat; }
body.liabilitiespage .section-logo { background: transparent url("../images/sections/briefcase-hat.png") top right no-repeat; }
body.professionalliability .section-logo { background: transparent url("../images/sections/breifcase.png") top right no-repeat; }
body.contactpages .section-logo { background: transparent url("../images/sections/telephone.png") top right no-repeat; }

body.office-surgery-insurance .section-logo { background: transparent url("../images/sections/stapler.png") top right no-repeat; }
body.shop-retailers-insurance .section-logo { background: transparent url("../images/sections/open.png") top right no-repeat; }
body.landlords-insurance .section-logo { background: transparent url("../images/sections/lamp.png") top right no-repeat; }
body.tradesmans-liability-insurance .section-logo { background: transparent url("../images/sections/paint.png") top right no-repeat; }

body.pi-quote .section-logo { background: transparent url("../images/sections/shield.png") top right no-repeat; }
body.do-quote .section-logo { background: transparent url("../images/sections/umbrella.png") top right no-repeat; }

body.pubs-restaurants-hotels .section-logo { background: transparent url("../images/sections/handle.png") top right no-repeat; }
body.commercial-combined .section-logo { background: transparent url("../images/sections/shield.png") top right no-repeat; }
body.motor-trade .section-logo { background: transparent url("../images/sections/wrench.png") top right no-repeat; }
body.fleet .section-logo { background: transparent url("../images/sections/van.png") top right no-repeat; }
body.contract-works .section-logo { background: transparent url("../images/sections/hardhat.png") top right no-repeat; }
body.computers .section-logo { background: transparent url("../images/sections/laptop.png") top right no-repeat; }
body.engineering .section-logo { background: transparent url("../images/sections/cogs.png") top right no-repeat; }
body.goods-in-transit .section-logo { background: transparent url("../images/sections/van.png") top right no-repeat; }
body.personal-accident .section-logo { background: transparent url("../images/sections/caution.png") top right no-repeat; }

body.employers-liability .section-logo { background: transparent url("../images/sections/caution.png") top right no-repeat; }
body.public-liability .section-logo { background: transparent url("../images/sections/umbrella.png") top right no-repeat; }
body.product-liability .section-logo { background: transparent url("../images/sections/hardhat.png") top right no-repeat; }

body.motor-insurance .section-logo { background: transparent url("../images/sections/car.png") top right no-repeat; }
body.van-insurance .section-logo { background: transparent url("../images/sections/van.png") top right no-repeat; }
body.home-insurance .section-logo { background: transparent url("../images/sections/keys.png") top right no-repeat; }
body.travel-insurance .section-logo { background: transparent url("../images/sections/wine.png") top right no-repeat; }

body.about .section-logo { background: transparent url("../images/sections/jhib.png") top right no-repeat; }
body.contact .section-logo { background: transparent url("../images/sections/telephone.png") top right no-repeat; }
body.download-documents .section-logo { background: transparent url("../images/sections/stapler.png") top right no-repeat; }
body.news .section-logo { background: transparent url("../images/sections/laptop.png") top right no-repeat; }
body.claims .section-logo { background: transparent url("../images/sections/shield.png") top right no-repeat; }
body.sitemap .section-logo { background: transparent url("../images/sections/jhib.png") top right no-repeat; }
body.hours-of-business .section-logo { background: transparent url("../images/sections/open.png") top right no-repeat; }
body.map-and-directions .section-logo { background: transparent url("../images/sections/jhib.png") top right no-repeat; }



/* PRICE BOXES */

.gen_prices_display {
	margin: 20px auto;
}

.gen_prices_display h3 {
	color: #183567;
}

.gen_prices_display .the_price {
	color: #df873d;
	display: inline;
	font-size: 250%;
	font-weight: bold;
    margin-bottom: 20px;
}

.gen_prices_display .price_box {
	float: left;
    width: 160px;
    height: 87px;
    margin-right: 20px;
	text-align: center;
    padding: 15px 0 0 0;
    background: transparent url("../images/price-box-gen.jpg") top left no-repeat;
}

.gen_prices_display .price_box h3 {
    margin-bottom: 10px;
}





/* NEW HOMEPAGE LAYOUT */

.box-big-top {
	margin: 0 13px 13px 0;
	background: transparent url("../newhp/box-big-top-thin.jpg") top left no-repeat;
}

body.onlinequotes .box-big-top {
	margin-right: 8px;
}

body.onlinequotes .box-big-top.nomargin {
	margin-right: 8px;
}

.box-big-bottom {
	background: transparent url("../newhp/box-big-bottom-thin.jpg") bottom left no-repeat;
}

.box-big-top {
	width: 208px;
}

.box-big-top h1,
.box-big-top h2,
.box-big-top h3 {
	width: 120px;
	font-size: 110%;
	padding: 12px 0 0 12px;
}

.box-big-top h3 {
	height: 58px;
}

.box-big-top .content {
	width: 166px;
	padding: 5px 0 20px 12px;
}

.box-big-top .content p {
	height: 65px;
	font-size: 80%;
	padding-bottom: 10px;
}

.box-big-top.medium {
width: 611px;
background: transparent url("../newhp/big-box-top-611.png") top left no-repeat;
}

.big-box-bottom.medium {
width: 611px;
background: transparent url("../newhp/big-box-bottom-611.png") bottom left no-repeat;
  }



.box-big-top.fullwidth {
	width: 651px;
	background: transparent url("../newhp/box-big-top-wide.jpg") top left no-repeat;
}

.box-big-bottom.fullwidth {
	background: transparent url("../newhp/box-big-bottom-wide.jpg") bottom left no-repeat;
}

.box-big-top .shield {
	background: transparent url("../newhp/box-big-head-shield.png") top right no-repeat;
}

.box-big-top.fullwidth h1,
.box-big-top.fullwidth h2,
.box-big-top.fullwidth h3 {
	width: auto;
}

.box-big-top.fullwidth h1 {
	padding-top:15px;
	padding-left:22px;
	font-size: 160%;
}

.box-big-top.fullwidth .content {
	width: 619px;
	padding-left:22px;
}

.box-big-top.fullwidth p {
	float: right;
	width: 390px;
	height: auto;
	font-size: 100%;
	padding: 15px 0 10px 0;
}
/* width orig 300px */
/* font-size originally 110% */

.box-big-top.fullwidth .buttons {
	float: left;
	width: 200px;
	text-align: left;
	padding: 15px 20px 0 0;
}
/*width orig 250px */


.box-big-top .shield { background: transparent url("../newhp/box-big-head-shield.png") top right no-repeat; }
.box-big-top .umbrella { background: transparent url("../newhp/box-big-head-umbrella.png") top right no-repeat; }
.box-big-top .stapler { background: transparent url("../newhp/box-big-head-stapler.png") top right no-repeat; }
.box-big-top .open { background: transparent url("../newhp/box-big-head-open.png") top right no-repeat; }
.box-big-top .lamp { background: transparent url("../newhp/box-big-head-lamp.png") top right no-repeat; }
.box-big-top .paint { background: transparent url("../newhp/box-big-head-paint.png") top right no-repeat; }
.box-big-top .briefcase { background: transparent url("../newhp/box-big-head-briefcase.png") top right no-repeat; }
.box-big-top .briefcase span { color: #990099; }
.box-big-top .champagne { background: transparent url("../newhp/box-big-head-champagne.png") top right no-repeat; }
.box-big-top .champagne span { color: #df0179; }

/* PROF LIB QUOTING SYSTEM */

body.pliabquote .section-logo { background: transparent url("../images/sections/breifcase.png") top right no-repeat; }

.pliability .progress_bar {
	width: 632px;
	height: 43px;
	padding: 50px 0 0 19px;
}

.pliability  .progress_bar { background: transparent url("../images/liab-progress.jpg") top left no-repeat; }

.pliability .progress_bar .stage {
	width: 613px;
	height: 30px;
	background: transparent url("../images/pi-progress-1.jpg") top left no-repeat;
}

.pliability.progress1 .progress_bar .stage { background: transparent url("../images/pi-progress-1.jpg") top left no-repeat; }
.pliability.progress2 .progress_bar .stage { background: transparent url("../images/pi-progress-2.jpg") top left no-repeat; }
.pliability.progress3 .progress_bar .stage { background: transparent url("../images/pi-progress-3.jpg") top left no-repeat; }
.pliability.progress4 .progress_bar .stage { background: transparent url("../images/pi-progress-4.jpg") top left no-repeat; }
.pliability.progress5 .progress_bar .stage { background: transparent url("../images/pi-progress-5.jpg") top left no-repeat; }
.pliability.progress6 .progress_bar .stage { background: transparent url("../images/pi-progress-6.jpg") top left no-repeat; }

.pliability h3 { font-family: Arial,Sans-Serif; font-size: 100%; }
.pliability h4 { font-family: Arial,Sans-Serif; font-size: 90%; }

.pliability .fl { margin-left: 0; }
.pliability .fr { margin-right: 0; }

.pliability .table,
.pliability .price_table {
	width: 611px;
}

.pliability .table td {
	padding-bottom: 10px;
}

.pliability .seperator {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid white;
}

.pliability .question {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid white;
}

.pliability .question .input1 {
	width: 180px;
}

.pliability .question .textarea1 {
	width: 300px;
	height: 60px;
}

.pliability .price_table {
	width: 651px;
	margin: 0 auto;
}

.pliability .price_table th,
.pliability .price_table td {
	color: #193567;
	border: 1px solid #193567;
	background: #8fa2c4;
    border-top: none;
	border-left: none;
	padding: 5px;
}

.pliability .price_table th {
	color: #193567;
	background: #FFF;
	border-top: 1px solid #193567;
}

.pliability .price_table .left {
	border-left: 1px solid #193567;
}

.pliabilitypliability .price_table th {
	font-size: 110%;
	padding-bottom: 10px;
	border: 1px solid #193567;
	border-left: none;
}

.pliability .price_table tr:hover td {
	color: #FFF;
	background: #395587;
}

.pliability textarea {
	font-family:Arial,Sans-Serif;
}

.pliability .question {
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #d35e00;
}

.pliability .question .input1 {
	width: 180px;
}

.pliability .question .long {
	width: 400px;
}

.pliability .question .textarea1 {
	width: 300px;
	height: 60px;
}

.pliability .noborder {
	border: none;
}

.pliability .prices_display {
	width: 470px;
	margin: 50px auto 0px auto;
}

.pliability .prices_display h3 {
	color: #183567;
}

.pliability .the_price {
	color: #df873d;
	display: inline;
	font-size: 250%;
	font-weight: bold;
    margin-bottom: 20px;
}

.pliability .prices_display .payby_cc {
	float: left;
    width: 205px;
    height: 116px;
	text-align: center;
    padding: 15px 0 0 0;
    background: transparent url("../images/price-box.jpg") top left no-repeat;
}

.pliability .prices_display .payby_dd {
	float: right;
    width: 205px;
    height: 116px;
	text-align: center;
    padding: 15px 0 0 0;
    background: transparent url("../images/price-box.jpg") top left no-repeat;
}

.pliability .prices_display .payby_cc h3,
.pliability .prices_display .payby_dd h3 {
    margin-bottom: 10px;
}

.pliability .confirm_details div.row { 
	width: 620px;
}

.pliability .confirm_details div.row span.label {
	width: 280px;
	font-weight: bold;
}

.pliability .confirm_details div.row span.formw {
	width: 300px;
}

.pliability.progress1 .question h3 {
	margin-bottom: 10px;
}

.pliability .question small {
	font-size: 85%;
}