@charset "UTF-8";
/* CSS Document */

body {
	font: 90%/1.4 Verdana, Helvetica, sans-serif;
	/* background: #663300; */
	/* background: #fffff6; */
	background: #fffff6 url(../images/pagebg.png) top left repeat-x;
	margin: 0;
	padding: 0;
	color: #58595b;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}

ul.menu {
    font-family: arial-narrow, arial, verdana;
    font-size: 0.9em;
    font-weight: normal;
    width: 100%;
    height: 40px;
    padding: 0 0 0 0;
    position: relative;
    margin: 0 0 -1px 0;
    text-align: left;
    list-style: none;
}

ul.menu li {
    /* display: inline; */
    list-style: none;
    float: left;
    border-right: 1px solid #ffffff;
}

ul.menu li#currentli {
}

ul.menu li#end {
    /* display: inline; */
    list-style: none;
    float: left;
    border: none;
}

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px;
}

a {
	cursor: pointer;
}

a img { 
	border: none;
}

/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
ul.menu li a {
	font-family: arial-narrow, arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	background-color:  #1c8283;
	/* background: #006600 url(images/buttonbg.jpg) left top repeat-x; */
	color: #ffffff;
	border-bottom: none;
	padding: 13px 16px;
	text-decoration: none;
	line-height: 40px;
}
/*
ul.menu li a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
*/
ul.menu li a:hover, a:active, a:focus { 
	text-decoration: none;
	background-color: #f47121;
	/* color: #58595b; */
}

ul.menu li a.current
{
	background-color: #57c2c2;
    color: #ffffff;
}

.containertop {
	position: relative;
}

/* ~~ this fixed width container surrounds the other divs ~~ */
.container {
	position: relative;
	width: 960px;
	background: #FFF;
	margin: 0 auto;
}

.containerhomemenu {
	background-color: #57c2c2;
	height: 40px;
	width: 100%;
}

.containermenu {
	background-color: #57c2c2;
	height: 40px;
	width: 100%;
}

.devicemenu {
	display: none;
}

.logomain {
	background: transparent url(../images/phlogo.png) top left no-repeat;
	position: absolute;
	left: 10px;
	top: 50px;
	width: 260px;
	height: 200px;
}

.logo {
	/* background: transparent url(../images/phshieldlogovertical.png) top left no-repeat; */
	position: absolute;
	left: 10px;
	top: 50px;
	width: 260px;	
	height: 200px;
}

.content0 {
	margin: 0;
	padding: 0;
	width: 960px;
	height: 400px;
	background: #ffffff url(../images/contentheaderupper.jpg) top left no-repeat;
}

.content1 {
	display: none;
}

.content2 {
	margin: 0;
	padding: 0;
	width: 960px;
	height: 370px;
	background: #ffffff url(../images/contentheader2.jpg) top left no-repeat;
}

.content3 {
	margin: 0;
	padding: 0;
	width: 960px;
	height: 200px;
	background: #ffffff url(../images/contentheaderlower.jpg) top left no-repeat;
}

.contentinner { 
	/* background: #d0ded1 url(../images/contentbg.jpg) left top no-repeat; */
	height:580px;
}

/*
.contentlower {
	background: #d0ded1 url(../images/contentlower.jpg) top left no-repeat;
	position: absolute;
	left: 0;
	top: 330px;
	width: 960px;	
	height: 290px;	
}
*/
.commercial {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	background: transparent url(../images/signbg2.gif) top left no-repeat;
	width: 260px;
	height: 260px;
	margin: 0 0 0 15px;
	padding: 0 15px 5px 15px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.descriptiontext {
	background-color: #1c8283;
	margin: 0 15px 0 15px;
	width: 286px;
	padding: 0;
	border: 2px solid #1c8283;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;	
}

.display {
	padding-left: 270px;
	padding-top: 32px;
	width: 715px;
	height: 515px;
}

div.info {
	padding: 15px 8px 10px 8px;
}

fieldset.info {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	width: 605px;
	height: 95%;
	border: 1px solid #58595b;
	margin: 0 20px;
	padding: 0 10px 15px 10px;
	text-align: center;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

fieldset.commercial {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	width: 260px;
	height: 240px;
	border: 1px solid #58595b;
	margin: 0 0 0 15px;
	padding: 0 15px 5px 15px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

legend {  
	text-transform: uppercase;
	font-family: arial-narrow, arial, verdana;
	font-size: 1em;
	padding: 5px 20px 5px 20px;
	margin-left: 1em;
	color: #ffffff;
	background: #58595b;
}

ul.contact {
	margin: 5px 0 5px 90px;
	text-align:left;
	vertical-align: top;
}

ul.contact li {
	list-style: none;
	line-height: 1.7em;
}

ul.insurance {
	margin-top: 4px;
}

ul.broker li {
	list-style: disc outside none;
	line-height: 1.7em;
}

ul.broker {
	margin: 10px 30px 10px 30px;
	padding: 10ox 10ox 10px 25px;
	text-align: left;
}

ul.insurance li {
	list-style: none;
	line-height: 1.7em;
	color: #ffffff;
	/*padding-left: 15px;*/
}

ol {
	margin: 10px 0 5px 40px;
	text-align:left;
	vertical-align: top;
}

ol li {
	list-style: decimal;
	line-height: 1.4em;
}

input.text {
	font-size: 1em;	
	color: #663300; 
	width: 300px;
	height: 1.1em;
	margin-top: 0.7em;
    padding: 2px;
}

textarea.text {
	width: 302px;
	height: 120px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	line-height: 1.3em;
	margin-top: 0.8em;
}

input.button {
	border-style:none;
	background:transparent url(../images/submit2.png);
	width:140px;
	height:25px;
	color:#ffffff;
	font-family:arial-narrow, arial, verdana;
	font-size:1.1em;
	padding-bottom:2px;
	cursor: pointer;
}

input.button:hover
{
    background-position: 0 -25px;
}

p {
	text-align: left;
}

p.intro {
	margin: 0;
	padding: 10px 17px 15px 17px; 
	font-weight:normal; 
	font-size:0.9em; 
	/* color:#004f00; */
	color: white;
}

label {
	font-weight: bold;
	width: 120px;
	margin: 0.6em 10px 0 0;
	display: inline-block;
	vertical-align: top;
}

label.thankyou {
	font: bold;
	width: 500px;
}

.displaylabel, 
.editorlabel {
    font-weight:    bold;
    font-size:      1em;
    display:        inline-block;
    width:          100px;
    margin:         0.2em 0 0 0;
    vertical-align: top;
}

.displaylabelrequired {
    font-weight:    bold;
    font-size:      1em;
    display:        inline-block;
    width:          100px;
    margin:         0.2em 0 0 0;
    background:     transparent url(../images/required.gif) no-repeat bottom right;
    vertical-align: top;        
}

.fielderror {
    display: block;
    font-size: 1em;
    color: #ff0000;
    height: 18px;
    margin-left: 110px;
    padding-top: 2px;
}

.fieldvalid {
    display: none;
}

.fielddisplay {
	font-size: 1em;
	display: inline-block;		
	color: #663300;
    width: 150px;
    margin: 0.7em 0 0 0;    	
	vertical-align: baseline;
}

/* ~~ The footer ~~ */
.footer {
	font-family: arial-narrow, arial, sans-serif;
	font-size: 0.9em;
	padding-top: 10px;
	background: #57c2c2;
	height: 65px;
	width: 480px;
}

.footer ul {
	padding: 2px 20px 0 20px;  
	list-style: none;
	margin: 0;
}

.footer ul li {  
	text-align: left;
}

.footer span#siteby {
	margin-left: 220px;
}

/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {
	float: right;
}
.fltlft {
	float: left;
	margin-right: 8px;
}

.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	/* line-height: 0; */
}

/* Three column layout */
/* column container */
.colmask {
	background: #cfd2d4 url(../images/contentlowerbg.jpg) top left repeat-y;
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:15px 0 15px 0;
	overflow:hidden;
}
/* 3 Column settings */
.tricol {
	/* background:#d0ded1; */	/* right column background colour */
}
.tricol .colmid {
	right:320px;			/* width of the right column */
	/* background:#d0ded1; */	/* center column background colour */
}
.tricol .colleft {
	right:320px;			/* width of the middle column */
	/* background:#d0ded1; */ /* left column background colour */
}
.tricol .col1 {
	width:320px;			/* width of center column content (column width minus padding on either side) */
	left:640px;			/* 100% plus left padding of center column */
}
.tricol .col2 {
	width:320px;			/* Width of left column content (column width minus padding on either side) */
	left:640px;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.tricol .col3 {
	width:320px;			/* Width of right column content (column width minus padding on either side) */
	left:640px;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}