/* Stylesheet for JML Insurance, copyright 2007 Taupo Solutions Ltd. */
/* Setup */
BODY, TEXTAREA, H1, H2, H3, H4 {font: normal normal 80% Constantia,'Georgia',Trebuchet,Arial,Verdana,Sans-serif; PADDING: 0px; MARGIN: 0px;  COLOR: #585858;  BACKGROUND-COLOR: white;}
ACRONYM {cursor: help; border-bottom: 1px dashed #ccc}

A {	COLOR: #163681; TEXT-DECORATION: none !important}
A:visited {	COLOR: #163681;}
A:hover {	COLOR: #C2003A !important; TEXT-DECORATION: underline !important}
A:active {	COLOR: #F20049;}

IMG {border: none}

.mceContentBody A {	COLOR: #3AC200 !important; TEXT-DECORATION: none}
.mceContentBody A:hover{	COLOR: #C2003A !important; TEXT-DECORATION: underline !important}


H1, H2, H3, H4 {font-weight: normal; margin: 0; padding: 0}
H1 {font-size: 1.6em; letter-spacing: 2px; padding: 0 0 2px 0; margin: 0 0 0.5em 0; color: #0049F2}
H2 {font-size: 1.4em; letter-spacing: 1px; padding: 0 0 2px 0; margin: 0; color: #0049F2}
H3 {font-size: 1.2em; letter-spacing: 1px; padding: 0 0 2px 0; margin: 0; color: #0049F2}
H4 {font-size: 1.1em; letter-spacing: 1px; padding: 0 0 2px 0; margin: 0; color: #C2003A; text-transform:uppercase}

/* Basics */
.nodisp {display: none}
.break {border-top: 1px solid #ddd; margin: 0.5em;}
.nowrap {white-space: nowrap}
.larger {font-size: 1.2em !important;}
.smaller {font-size: 0.8em !important}

/* -------------- page structure --------------*/
#outer {
	margin: 18px;
	padding:0 198px 0 270px;
}

#noRight {margin: 18px; padding:0 0px 0 270px;}

#admin {padding: 18px;}
#contentfw {clear: both}
#container{
	background-color:#fff;
	float:left;
	width:100%;	
	border-left:270px solid #fff; /* The width and color of the left rail */
	border-right:198px solid #fff; /* The width and color of the right rail */
	margin-left:-270px;
	margin-right:-198px;
	display:inline; /* So IE plays nice */
}

#noRight #container {margin-right: 0; border-right: none}

#sidebarL{
	float:left;
	width:270px;
	margin-left:-270px;
	position:relative;
	z-index: 0;
}
#content{
	float:left;
	width:100%;
	margin-right:-100%; z-index: 43; position: relative;
}
#sidebarR{
	float:right;
	width:198px;
	margin-right:-198px;
	position:relative;
}

#pageContent {background: #fff; z-index: 9999; overflow: hidden; zoom: 1 }

#noRight #sidebarR {display: none}

#header, #footer{
	background-color:#fff;
	margin-left:-270px;
	margin-right:-198px;
	clear:both;
}

#noRight #header, #noRight #footer {margin-right: 0}

#header {height: 252px; background: #fff; margin-bottom: 0px}

#headerTop { height: 90px;  width: 100%; background: #264389 url(headertopbg.gif) repeat-x}
#headerTop #logo {background: url(jmllogo.gif) no-repeat left top; height: 90px; width: 222px; display: block}

#headerTop #tagline { background: url(tagline.gif) no-repeat left top; height: 90px; width: 300px; float: right}

#headerBottom { 
	HEIGHT: 144px; z-index: 1;  width: 100%; margin-top: 18px}
	
#header .generic {background: #224F90 url(genericInsuranceBanner.jpg) no-repeat left top}
#header .PropertyInsurance {background: #264389 url(propertyInsuranceBanner.jpg) no-repeat left top}
#header .MotorInsurance {background: #552E2A url(motorInsuranceBanner.jpg) no-repeat left top}
#header .StudentInsurance {background: #59524C url(studentInsuranceBanner.jpg) no-repeat left top}
#header .TravelInsurance {background: #314364 url(travelInsuranceBanner.jpg) no-repeat left top}
#header .PetInsurance {background: #5A3D32 url(petInsuranceBanner.jpg) no-repeat left top}
#header .WeddingInsurance {background: #9A3571 url(weddingInsuranceBanner.jpg) no-repeat left top}
#header .HealthLifeInsurance {background: #2D6293 url(healthInsuranceBanner.jpg) no-repeat left top}
//#header .BusinessInsurance {background: #314364 url(businessInsuranceBanner.jpg) no-repeat left top}



	
.innercontent {padding: 18px; margin-top: 0}

/* -------------- ad zones --------------*/
#sidebarR {text-align: center}
#sidebarR H3 {font-size: 1em; padding-bottom: 4px}
#adzone4 {border-top: 1px solid #264389; padding-top: 1em; margin-top: 1em;}
DIV.adzone1, DIV.adzone3, DIV.adzone4 {border-bottom: 1px solid #ccc; font-size: 0.9em; margin-bottom: 0.5em; padding-bottom: 0.5em}
Div.adzone2 {border-bottom: 1px solid #ccc; padding-bottom: 0.5em; margin-bottom: 0.5em}
DIV.adzone1 P, DIV.adzone3 P, DIV.adzone4 P {font-size: 0.9em; margin: 2px 0; padding: 0}
DIV.adzone4 P {font-size: 1em}

#sidebarR IMG {border: none}


/* -------------- sidebar left master menu --------------*/
#sidebarL .innercontent {padding: 18px 0 18px 0}
#sidebarL UL {
list-style-type: none;
margin: 0em 0 0em 0; padding: 0px 0 12px 18px;
border-bottom: 1px solid #264389;
padding-bottom: 6px;
font-size: 1em;
}

#sidebarL UL.current {background: #fffeee; }
#sidebarL UL:hover {background-color: #DFEBFF; border-top:1px solid #0049F2; border-bottom: 1px solid #0049F2; margin-top: -1px}

#sidebarL LI {font-size: 1em; margin: 0; padding: 0.2em 0 0.2em 0; color: #0049F2; }
#sidebarL LI.lchead {font-size: 1.2em; letter-spacing: 1px; padding: 0.5em 0 0.2em 0; color: #CC0309; text-transform: uppercase;  margin-left: 0}

#sidebarL LI.item {background: url(lhspoint.gif) no-repeat left center; padding-left: 12px; margin-left: 9px; font-size: 0.8em}

/* ---------- IE fix double list height bug ----------*/
#sidebarL li {display:inline-block;}
#sidebarL li {display:block;}


#iTypesList {padding-bottom: 2em}
#iTypesList DT {font-size: 1.4em; letter-spacing: 1px; padding: 0 0 2px 0; margin: 1em 0 0 0}
#iTypesList DD {margin-left: 18px}

/* ---------- section colours override -- needs to be after everything else for specicivity ------------------*/
#content.PropertyInsurance H1 {color: #CC0309}
#content.PropertyInsurance h2, #content.PropertyInsurance H2 {color: #0049F2}
#content.PropertyInsurance .typesEntry {border-color: #0049F2}

#lcPropertyInsurance LI.lchead A {color: #CC0309}
#lcPropertyInsurance LI.item A{color: #0049F2}

#lcTravelInsurance LI.lchead A, #content.TravelInsurance H1  {color: #6E4E32;}
.TravelInsurance .typesEntry {border-color: #6E4E32}
#lcTravelInsurance LI.item A, #content.TravelInsurance h2 {color: #4E76A3}
#lcTravelInsurance LI.item {background-image: url(lhspointTravel.gif)}

#lcMotorInsurance LI.lchead A, #content.MotorInsurance H1 {color: #2A2A29;}
.MotorInsurance .typesEntry {border-color: #2A2A29}
#lcMotorInsurance LI.item A, #content.MotorInsurance h2 {color: #AE2A2B}
#lcMotorInsurance LI.item {background-image: url(lhspointMotor.gif)}

#lcStudentInsurance LI.lchead A, #content.StudentInsurance H1 {color: #515321;}
.StudentInsurance .typesEntry {border-color: #515321}
#lcStudentInsurance LI.item A, #content.StudentInsurance h2 {color: #48220D}
#lcStudentInsurance LI.item {background-image: url(lhspointStudent.gif)}

#lcPetInsurance LI.lchead A, #content.PetInsurance H1 {color: #592419;}
.PetInsurance .typesEntry {border-color: #592419}
#lcPetInsurance LI.item A, #content.PetInsurance h2 {color: #0D6485}
#lcPetInsurance LI.item {background-image: url(lhspointPet.gif)}

#lcWeddingInsurance LI.lchead A, #content.WeddingInsurance H1 {color: #5D6C2B;}
.WeddingInsurance .typesEntry {border-color:#5D6C2B }
#lcWeddingInsurance LI.item A, #content.WeddingInsurance h2 {color: #6F51B7}
#lcWeddingInsurance LI.item {background-image: url(lhspointWedding.gif)}

#lcHealthLifeInsurance LI.lchead A, #content.HealthLifeInsurance H1 {color: #AA090D;}
.HealthLifeInsurance .typesEntry {border-color: #AA090D }
#lcHealthLifeInsurance LI.item A, #content.HealthLifeInsurance h2 {color: #1E405F}
#lcHealthLifeInsurance LI.item {background-image: url(lhspointHealth.gif)}

#XXXlcBusinessInsurance LI.lchead A, #content.BusinessInsurance H1 {color: #515321;}
XXX.BusinessInsurance .typesEntry {border-color: #515321 }
#XXXlcBusinessInsurance LI.item A, #content.BusinessInsurance h2 {color: #48220D}
#XXXlcBusinessInsurance LI.item {background-image: url(lhspointBusiness.gif)}


#XXXsidebarL li A {display: block; padding: 2px}
#XXXsidebarL li A:hover {background: #abc;}

#typesGroup h2 {letter-spacing:2px;margin-top:1.4em;padding-bottom:1em;text-transform:uppercase;}
.typesEntry {clear: both; margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px dotted;}
.typesIndent {padding-left: 30px}
.typesEntry A {font-size: 1.2em}
.typesEntry .imageHolder {width: 140px; float: left;}
.typesEntry IMG {border: none}
.typesDetails { font-size: 0.9em; margin-bottom: 1em; }
.typesMargin {margin-left: 148px;}

#contentEditor {float: left; width: 760px;}
#sections {width: 200px; float: left; }
#sections H4 {margin-top: 1em}
#sections H2 {margin-top: 0.5em; font-size: 1.2em}

#footer {margin-top: 1em; padding-bottom: 1em;  border-top: 2px solid #264389; position: relative;}
#footer P {padding: 0 18px; line-height: 1.6em}

#nav {list-style-type: none; margin: 0; padding:0; border-bottom: 1px solid #ccc; height: 2em}
#nav li {float: left; display: block; font-size: 1.2em; margin: 0; padding: 0}
#nav A, #nav span {display: block; padding: 4px 12px}
#znav A:hover {background: #3D75A7; color: white !important} 

/* -------------- results table style --------------*/
.table { border: 1px solid #78acff; line-height: normal; margin: 1em 0}
.table TH {font-size: 1.2em; font-weight: normal; text-align: left; margin: 0; padding: 0.3em; border-right: 1px solid #78acff; border-bottom: 1px solid #78acff; background: #eaf2ff; color: #0041bc;}
.table TD {font-size: 0.9em; font-weight: normal; text-align: left; margin: 0; padding: 0.3em; border-right: 1px solid #78acff; border-bottom: 1px solid #78acff;}
.table .bg {background: #eaf2ff; font-size: 1em; color: black}
.alt {background: #F0F3F8}

/* -------------- button array --------------*/

.buttonHolder {height: 22px; text-indent: -9999px; overflow: hidden; margin: 0; padding: 0}

.buttonHolder A {display: inline; float: right; position: relative; height: 22px; width: 88px; background: url(buttonArray.gif); }
.buttonHolder A.quote {background-position: 0px 0px;}
.buttonHolder A.quote:hover {background-position: 88px 0px;}
.buttonHolder A.view {background-position: 0px -30px;}
.buttonHolder A.view:hover {background-position: 88px -30px;}

/* -------------- admin page hide code --------------*/

#sections.home {display: none}
.offering #otherSections {display: block}
.master #otherSections {display: none}

.adminMenu {list-style-type: none;	padding: 0px;	margin: 1em; padding-bottom: 1em}
.adminMenu LI {padding: 4px; float: left; margin: 0 10px}
.adminMenu LI A {display: block; padding: 3px; border: 1px solid #abc}
/* -------------- sortable lists --------------*/

ul.sortableList {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	width: 300px;
	color: #C2003A;
}
ul.sortableList li {
	cursor: move;
	padding: 2px 2px;
	margin: 2px 0px;
	border: 1px solid #78ACFF;
	background-color: #fff;
}
ul.sortableList li:hover {color: #0049F2; background-color:#F46800 }


/* -------------- Contact --------------*/

FIELDSET {border: none; padding: 0; margin: 0}
LEGEND {display: none}
.col1 {
	FLOAT: left; WIDTH: 18em; TEXT-ALIGN: right; padding-right: 1em
}
.col2 {
	FLOAT: left; WIDTH: 12em; TEXT-ALIGN: right; padding-right: 1.6em; text-transform: uppercase; font-size: 0.9em; margin-top: 3px
}


.form P {font-size: 1em}
.form P.first {font-size: 1.2em}

.form P.fieldhelp {line-height: normal; margin: 0; padding: 0;  margin-left:15.6em;}
/* -------------- Field input styles -------------- */
.form .inboxsm {padding: 0 1px 0 1px;  font-size: 1em; width: 5em; border: 1px solid #7F9DB9}
.form .inbox {padding: 2px;  font-size: 1em; width: 12em; border: 1px solid #7F9DB9}
.form .inboxlg {padding: 2px;  font-size: 1em; width: 27em;  border: 1px solid #7F9DB9}

.form .textbox { font-size: 1em; width: 30em; border: 1px solid #7F9DB9}

.inboxt {font-size: 0.9em}