body { 
margin: 0; 
padding: 0;
background-color: #fff;
font-family: Trebuchet MS, Arial, Sans-serif;
font-size: 12px;
background: url(img/PU-pgBg.gif) no-repeat top right;
}

#wrapper {
*min-width: 768px;
}

a.CMSTick {
	padding: 0;
}

p, ul { color: #006;}

#hdrBg {
background: url(img/PU-hdrBg.gif) repeat-x top left;
height: 90px;
}

#hdr img {
padding: 10px 0 0 5px;
border: none;
clear: left;
}
/* TOP NAV ----------------------------------------------------*/

#hdr a { /* formats out of place Client Login text */
color: #fff;
text-transform: UPPERCASE;
font-weight: bold;
text-decoration: none;
}

#hdr ul#topNavPU { /* top nav containing UL */
margin: 0;
padding: 4px 0 0 220px;
background: url(img/PU-loginBg.gif) no-repeat -435px 0px;
list-style-type: none;
font-size: 11px;
height: 20px;
}


#hdr ul#topNavPU li { /* line up all top level nav items horizontally */
display: inline;
}


#hdr ul#topNavPU li a { /* format top level nav items */
text-decoration: none;
color: #fff;
text-transform: UPPERCASE;
font-weight: bold;
width: auto;
background-color: #006;
}

#hdr ul#topNavPU li a:hover { /* decorate nav on mouseover */
text-decoration: underline;
}

#hdr ul#topNavPU li.on a { /* decorate nav on mouseover */
text-decoration: underline;
}

/* TOP SUB NAV ---------------------------------------*/

#hdr ul#topNavPU li ul { /* hides sub nav container UL */
display: none;
margin: 0;
padding: 0;
*width: 400px;
}

#hdr ul#topNavPU li ul li { /* line up all sub nav items horizontally */
display: inline;
}

#hdr ul#topNavPU li ul li a { /* format sub nav */
padding: 2px 15px;
margin: 0;
color: #006;
background: none;
}

#hdr ul#topNavPU li.on ul li a { /* decorate nav on mouseover */
text-decoration: none;
}

#hdr ul#topNavPU li.on ul li a:hover { /* decorate nav on mouseover */
text-decoration: underline;
}

#hdr ul#topNavPU li.on ul li.on a { /* decorate nav on mouseover */
text-decoration: underline;
}

#hdr ul#topNavPU li.on:hover ul, #hdr ul#topNavPU li.over ul, #hdr ul#topNavPU li:hover ul { /* show sub nav when moused over */
display: block;
}

#hdr ul#topNavPU li.on ul, #hdr ul#topNavPU li.over ul, #hdr ul#topNavPU li.off ul { /* position sub nav against parent LI */
position: absolute;
top: 20px;
*top: 0px; /* IE Hack */
*left: 250px;
padding-top: 0px;
*padding-top: 20px; /* IE Hack */
}

#hdr ul#topNavPU li.on ul { /* keep sub nav on when class is On on the parent LI */
display: block;
}

#hdr ul#topNavPU li.on ul.subNav156 , #hdr ul#topNavPU li.over ul.subNav156 , #hdr ul#topNavPU li.off ul.subNav156 {
left: 500px;
}
/*----------------------------------------------------*/

#mNav {
	height: 23px;
	background: url(img/PU-mNavBg.gif) repeat-x bottom left;
}

#nav {
	margin: 0;
	padding: 0;
}

#nav li.on ul, #nav li.off ul {
	margin: 0;
	padding: 0;
	width: 768px;
}

#nav a {
	text-decoration: none;
}

#nav li { /*float the main list items*/
	margin: 0;
	padding: 5px 0 0 0;
	float: left;
	display: block;
}

#nav li ul {
	display: none;
}

#nav li.off ul, #nav li.on ul { /*put the subnav below*/
	position: absolute;
	top: 114px;
	*top: 0px; /* IE Hack */
	padding-top: 0px;
	*padding-top: 114px; /* IE Hack */
	left: 0;
	
}

#nav li a {
	color: #006;
	font-weight: bold;
	display: block;
	width: auto;
	padding: 0 15px;
	text-align: center;
	text-transform: UPPERCASE;
}

#nav li.on a {
	color: #006;
}

#nav li.on ul a, #nav li.off ul a {
	display: inline; /*ie doesn't inherit the float*/
	color: #fff;
	width: auto;
	padding: 2px 5px 7px 15px;
	background: none;
	text-transform: UPPERCASE;
}

#nav li.on ul a:hover, #nav li.off ul a:hover {
text-decoration: underline;
}

#nav li.on ul li.on a {
text-decoration: underline;
}

#nav li.on ul {
	display: block;
}

#nav li.off:hover ul {
	display: block;
}

#nav li.off:hover ul, #nav li.over ul, #nav li:hover ul { 
display: block;
}

#nav li:hover a, #nav li.over a {
background: url(img/PU-mNavBg2-on.gif) no-repeat bottom;
}

#nav li.on a {
background: url(img/PU-mNavBg2-on.gif) no-repeat bottom;
}

#sNavBg {
background: url(img/PU-sNavBg.gif) repeat-x bottom left;
height: 28px;
}

#sNavBg span {
display: none;
}

/* CONTENT STYLES --------------------------------*/
#cont {
margin: 0 0 10px 0;
padding: 10px;
border-right: 1px solid #ccc;
width: 438px;
float: left;
}

#cont h1 {
margin: 0;
padding: 0;
}

#cont p {
margin: 0;
padding: 0 0 20px 0;
}

/* CONTAINER STYLES----------------- */
#container {
padding-right: 292px;
}

#container .column {
float: left;
}

/* 2NDARY PAGE CONTENT STYLES --------------------------------*/
#cont2 {
margin: 0 0 10px 0;
padding: 10px 20px;
border-right: 1px solid #ccc;
width: 70%;
}

#cont2 h1 {
margin: 0;
padding: 0;
border-bottom: 1px solid #ccc;
color: #600;
}

#cont2 h2 {
margin: 0;
padding: 0 0 3px 0;
color: #600;
font-size: 14pt;
}

#cont2 p {
clear: both;
margin: 0;
padding: 0 0 20px 0;
}

#cont2 ul {
margin: 0 20px 20px 20px;
padding: 0;
}

/* IDX RIGHT BAR STYLES --------------------------------*/
#rBar {
width: 242px;
float: left;
padding-top: 10px;
}

#rBar h1 {
margin: 0 0 10px 0;
padding: 0 10px;
font-size: 16px;
text-transform: UPPERCASE;
border-top: 1px dashed #ccc;
border-bottom: 1px dashed #ccc;
line-height: 100%
}

#rBar h1 a {
color: #600;
text-decoration: none;
}

#rBar h1.top {
border-top: none;
border-bottom: 1px dashed #ccc;
}

#rBar p {
margin: 0;
padding: 0 10px 10px 10px;
}

#rBar {
text-align: center;
}

#rBar div#paperless img {
border: none;
}

#rBar div#paperless ul {
margin: 0 auto;
padding: 0;
list-style-type: none;
width: 222px;
}

#rBar div#paperless ul li {
padding: 3px 6px;
margin: 8px 0;
text-align: left;
border-left: 10px solid #0C1467;
line-height: 100%;
}

/* 2NDARY RIGHT BAR STYLES --------------------------------*/
#rBar2 {
width: 292px;
margin-right: -292px;
padding-top: 10px;
}

/* WHATS NEW IDX BOX STYLES ----------------------------------------*/

#wNew {
height:300px;
margin:10px 20px 0pt;
overflow:auto;
width:380px;
}

#wNew ul {
margin: 0;
padding: 0;
}

#wNew ul li {
margin: 0 2px;
border-bottom: 1px dotted #f1f1f1;
}

#wNew ul li a {
text-decoration: underline;
color: #5D1010;
}

#wNew ul li a:hover {
background-color: #f1f1f1;
}

#wNew h2 {
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 16px;
}

/* INSTANT QUOTE IDX BOX -------------------------------------*/
#iQuote {
margin: 0 20px 0 20px;
}

div#cont div#boxTopTwo div#iQuote p {
margin: 0;
padding: 0 0 10px 0;
line-height: 110%
}


/* ROUNDED BOX STYLES ----------------------------------*/

#boxTopOne, #boxTopTwo {
margin-left: 20px;
width: 414px;
background: url(img/PU-boxTop.gif) no-repeat 0px 15px;
}

#boxTopOne span, #boxTopTwo span {
color: #5D1010;
margin: 0 20px;
padding: 0 10px;
font-size: 18px;
font-weight: bold;
background-color: #fff;
}

#boxBotOne, #boxBotTwo {
width: 414px;
margin-left: 20px;
background: url(img/PU-boxBot.gif) no-repeat bottom left;
}

#boxBotTwo.iQuote {
height: 25px;
background: url(img/PU-boxBot.gif) no-repeat 0px -2px;
}

#boxBotTwo.iQuote img {
padding-top: 0;
margin-left: 140px;
border: none;
}

/* 2NDARY ROUNDED BOX STYLES ----------------------------------*/

#boxTopOne2, #boxTopTwo2 {
margin-left: 20px;
width: 274px;
background: url(img/PU-rBarBoxTop.gif) no-repeat 0px 12px;
}

#boxTopOne2 span, #boxTopTwo2 span {
color: #5D1010;
margin: 0 20px;
padding: 2px 0;
font-size: 18px;
font-weight: bold;
background-color: #fff;
}

#boxTopTwo2 div#iQuote p {
padding: 5px 0 10px 0;
margin: 0;
line-height: 100%;
}

#boxBotOne2, #boxBotTwo2 {
width: 274px;
margin-left: 20px;
background: url(img/PU-rBarBoxBot.gif) no-repeat bottom left;
}

#boxBotTwo2.iQuote {
height: 25px;
background: url(img/PU-rBarBoxBot.gif) no-repeat 0px -2px;
}

#boxBotTwo2.iQuote img {
margin-left: 17px;
border: none;
}

/* EASY AS 1-2-3 -------------------------*/

#olEmp {
background: url(img/PU-bgHline.gif) repeat-x 0px 10px;
margin-left: 20px;
height: 225px;
}

#olEmp h1 {
text-align: center;
font-size: 18px;
font-weight: bold;
color: #5D1010;
}

#olEmp h1 span {
background-color: #fff;
padding: 0 10px;
}

#olEone, #olEtwo, #olEthree {
width: 123px;
float: left;
padding-left: 15px;
}

#olEone { background: url(img/PU-one.gif) no-repeat 0px 5px; }
#olEtwo { background: url(img/PU-two.gif) no-repeat 0px 5px; }
#olEthree { background: url(img/PU-three.gif) no-repeat 0px 5px; }

#olEmp ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#olEmp ul li {
line-height: 100%;
padding: 5px 5px;
}

/* MEMBER STYLES --------------------------------*/
div#member {
margin-top: 20px;
margin-left: 20px;
text-align: center;
}

div#member h1, div#memberIdx h1 {
color: #600;
font-size: 16px;
text-transform: uppercase;
}

div#memberIdx {
margin-top: 20px;
}

/* FOOTER STYLES --------------------------------*/
#ftr {
margin: 0;
float: left;
width: 100%;
clear: left;
border-top: 3px double #ccc;
}

#ftr p {
margin: 0;
padding: 0 20px;
text-align: center;
}

#ftr p a {
text-decoration: none;
font-size: 10px;
}

/*  DEMO IMGS SYLES ----------------------------*/
#demoImgs {
clear: both;
}

#demoImgs div {
width: 200px;
float: left;
}

#demoImgs div p {
margin: 0;
padding: 0 20px;
font-size: 12px;
font-weight: bold;
text-align: center;
}

#demoImgs a {
color: #006;
}

/* DOWNLOAD TABLE STYLES ----------------*/
table#dl {
	width: 100%;
	border-collapse:collapse;
}
table#dl td {
	border: 1px solid #ccc;
	vertical-align: top;
	padding: 2px;
}

table#dl td.hdr {
text-transform: uppercase;
background-color: #edf3fe;
}

table#dl td a.icoDl {
	display: block;
	padding-left: 12px;
	background: url(img/download.gif) no-repeat 0 2px;
	}

/* SIDEBAR ADDRESS --------------------------- */
#sideAddr {
width: 274px;
text-align: left;
margin: 0 0 0 20px;
float: left;
}

#sideAddr p {
margin: 0;
padding: 0 0 5px 0;
line-height: 100%;
}

/* CONTACT PAGE FORM STYLES ---------------------- */

#contact { 
padding: 10px 0 0 0;
}

#contact input.hid { display: none; }

#contact label,#contact input,#contact textarea {
	display: block;
	width: 150px;
	float: left;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 10pt;
	margin-bottom: 10px;
	font-weight: bold;
	color: #036;
	padding: 2px 0 0 5px;
}

#contact label {
	text-align: right;
	width: 75px;
	padding-right: 20px;
}

#contact br {
	clear: left;
}

#contact textarea {
white-space: soft-wrap;
width: 150px;
height: 150px;
}

#contact p.btn {
margin: 0;
padding: 0 0 0 100px;
}

#contact p.btn input {
display: inline;
float: none;
margin: 0;
padding: 0;
}

#contact p, #contact P {
margin: 0;
padding: 0 0 5px 0;
}

#contact div.addr {
width: 300px;
float: left;
}

#contact div {
width: 260px;
float: left;
}

/* INSTANT QUOTE FORM STYLES ---------------------- */

#quoteForm { 
padding: 10px 0 0 0;
}

#quoteForm input.hid { display: none; }

#quoteForm label,#quoteForm input,#quoteForm textarea {
	display: block;
	width: 150px;
	float: left;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 10pt;
	margin-bottom: 10px;
	font-weight: bold;
	color: #036;
	padding: 2px 0 0 5px;
	vertical-align: bottom;
}

#quoteForm label {
	text-align: right;
	width: 250px;
	padding-right: 20px;
}

#quoteForm br {
	clear: left;
}

#quoteForm textarea {
white-space: soft-wrap;
width: 150px;
height: 150px;
}

#quoteForm p.btn {
margin: 0;
padding: 0 0 0 270px;
}

#quoteForm input.chkBx {
width: 15px;
}

#quoteForm p.btn input {
display: inline;
float: none;
margin: 0;
padding: 0;
}

#quoteForm p, #quoteForm P {
margin: 0;
padding: 0 0 5px 0;
}