/* Products and Services Styles
---------------------------------------- */

#rotatingSplash {
	width: 655px;
	height: 122px;
	border: 1px solid rgb(255, 255, 255);
	background-color: rgb(163, 155, 138);
	background-image: url(images/iw-rotating-splash-background.jpg);
	background-repeat: no-repeat;
}


/* Products and Services Content Area Layout Rules
--------------------------------------------- */

#frontPageContentBackgroundShadowInner {
	background-image: url(images/cu-content-background-inner.gif);
	background-repeat: no-repeat;
}

#frontPageContentBackgroundShadowOuter {
	background-image: url(images/cu-content-background-outer.gif);
	background-repeat: repeat-y;
}

#frontPageContentBottomShadow {
	background-image: url(images/cu-content-bottom-shadow.gif);
	background-repeat: no-repeat;
}

/* Highlight Section Layout Rules
--------------------------------------------- */

#highlightSectionsRepeatingBackground {
	background-image: none;
	background-repeat: repeat-y;	
	width: 656px;
}

#highlightSections {
	padding-top: 10px;
	background-image: none;
	background-repeat: no-repeat;	
}

#hightlightContentContainer {
	min-height: 450px;
	padding: 5px 15px 0 15px;
	background-image: none;
	background-repeat: repeat-y;
}

.hightlightContent {
	width: auto;
	color: rgb(15, 40, 75);
	font-size: 14px;
	font-family: Calibri, Frutiger, Helvetica, Arial, sans-serif;
}

p.highlightSectionsP {
	padding: 0px 15px 0 25px;
	margin-bottom: 8px;
	width: auto;
	color: rgb(36, 78, 111);
	font-family: Calibri, Frutiger, Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
}

#highlightSections p.introBlurb {
	padding: 0px 15px 0 25px;
	margin-bottom: 8px;
	width: auto;
	color: rgb(36, 78, 111);
	font-family: Cambria, Georgia, Garamond, Times, serif;
	font-size: 14px;
	line-height: 1.5em;
}

ul#hightlightContentMenu {
	width: 194px;
	list-style-image: none;
	list-style-type: none;
	list-style: none;
}

ul#hightlightContentMenu li.hightlightContentMenuItem {
	display: block;
	width: 194px;
	height: 100%;
	padding-left: 8px;
	margin-bottom: 10px;
	color: rgb(9, 24, 45);
	font-size: 12px;
	font-weight: bold;
	cursor:pointer; 
}

ul#hightlightContentMenu li.hightlightContentMenuItem span.text {
	display: block;
	padding-top: 5px;
	padding-bottom: 6px;
}

ul#hightlightContentMenu li.hightlightContentMenuItem span.icon {
	display: block;
	float:left;
	width: 20px;
	height: 17px;
	padding-top: 4px;
	padding-bottom: 4px;
	background-repeat: no-repeat;
	background-position: left center;
}

ul#hightlightContentMenu li.hightlightContentMenuItem.active {
	color: rgb(255, 255, 255);
	background-image: url(images/ps-highlight-section-button-bg-active.gif);
	background-repeat: no-repeat;
	background-position: left center;
	cursor: default; 
}

li#hightlightAdvantages.hightlightContentMenuItem span.icon {
	background-image: url(images/ps-highlight-advantage-icon.gif);
}
li#hightlightAdvantages.hightlightContentMenuItem.active span.icon {
	background-image: url(images/ps-highlight-advantage-icon-active.gif);
}

li#hightlightTimeSaving.hightlightContentMenuItem span.icon {
	background-image: url(images/ps-highlight-time-icon.gif);
}
li#hightlightTimeSaving.hightlightContentMenuItem.active span.icon {
	background-image: url(images/ps-highlight-time-icon-active.gif);
}

li#hightlightCostSavings.hightlightContentMenuItem span.icon {
	background-image: url(images/ps-highlight-cost-icon.gif);
}
li#hightlightCostSavings.hightlightContentMenuItem.active span.icon {
	background-image: url(images/ps-highlight-cost-icon-active.gif);
}

li#hightlightClaimantBenefits.hightlightContentMenuItem span.icon {
	background-image: url(images/ps-highlight-claimant-icon.gif);
}
li#hightlightClaimantBenefits.hightlightContentMenuItem.active span.icon {
	background-image: url(images/ps-highlight-claimant-icon-active.gif);
}

/* swapper */
/*
#highlightSections ul.swapper { 
	padding:0 0 .1em; 
	margin:0; 
	color:#4b4c4f; 
	font-size:14px; 
	line-height:1.4em; 
	position:relative; 
}

#highlightSections ul.swapper li { 
	margin:0 0 -.2em 0; 
	padding:.4em 10px .4em 19px; 
	cursor:pointer; 
	list-style:none; 
	background:url(images/swapnav20070611.gif) no-repeat left bottom; 
	*margin-top:-1px; }
	
#highlightSections ul.swapper li:hover { 
	color:#222; 
}

#highlightSections ul.swapper li.last { 
	background:none; 
}

#highlightSections ul.swapper li.active { 
	color:#3783bc; 
	cursor:default; 
	background:url(swapnav_active20070611.gif) no-repeat left center; }

#highlightSections ul.swapper li.twodigit { 
	padding-left:10px; 
}
*/

#main img.watch { margin-left:1px; cursor:pointer; }

#highlightSections .swapcontent { display:none; }
#highlightSections .swapcontent img { position:relative; }
#highlightSections .swapcontent.active, #highlightSections.hasjs .swapcontent { display:block; }

/*#highlightSections .swapcontent p.sosumi, #highlightSections .swapcontent ol.sosumi { margin-bottom:0; }*/
/* swapper */

div.hightlightContent ul.firstColumn,
div.hightlightContent ul.lastColumn {
	display: block;
	float: left;
	position: relative;
	width: 170px;
}

div.hightlightContent ul.lastColumn {
	margin-left: 20px;
}

div.hightlightContent ul {
	padding: 0 0 0 12px;
}


/* sidebarRight Layout Rules
--------------------------------------------- */

#sidebarRight {
	float: right;
	clear: both;
	width: 176px;
}

#sidebarRight ul.psMenu  {
	background-color: rgb(179, 168, 143);
	width:  175px;
	padding-left: 0;
	padding-right: 1px;
	list-style-image: none;
	list-style-type: none;
	list-style: none;
}

.psMenu li.psMenuItem {
	margin-top: 1px;
	list-style-image: none;
	list-style-type: none;
	list-style: none;
}

.psMenu li.psMenuItem a {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 17px;
	display: block;
	width: auto;
	height: 100%;
}

.psMenu li.psMenuHeader {
	list-style: none;
}

.psMenu li.psMenuHeader span {
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
	display: block;
	width: auto;
	height: 100%;
}

#sidebarRight span.psMenuListSeperator {
	display: block;
	height: 2px;
	font-size: 0px;
}

#callBox {
	width: 169px;
	height: 35px;
	padding: 105px 0 0 0;
	margin: 3px auto 0 auto;
	text-align: center;
	background-image: url(images/call-box-beige-background.jpg);
	background-repeat: no-repeat;	
	color: rgb(15, 40, 75);
	font-size: 19px;
}


/* sidebarRight Colors
--------------------------------------------- */

#sidebarRight span.psMenuListSeperator {
	background-image: url(images/ps-menu-list-seperator-bg.gif);
	background-repeat: no-repeat;
}

ul.psMenu {
}

.psMenu li.psMenuHeader {
	border-top: 1px solid rgb(241, 236, 225);
	border-right: 1px solid rgb(238, 231, 213);
	border-bottom: 1px solid rgb(238, 230, 210);
	border-left: 1px solid rgb(238, 231, 213);
}

.psMenu li.psMenuItem {
	border-top: 1px solid rgb(241, 236, 225);
	border-right: 1px solid rgb(238, 231, 213);
	border-bottom: 1px solid rgb(238, 230, 210);
	border-left: 1px solid rgb(238, 231, 213);
}

.psMenu li.psMenuItem a {
	background-image: url(images/cu-menu-list-button-bg-default.gif);
	background-repeat: no-repeat;
	background-color: rgb(202, 216, 225);
	color: rgb(70, 59, 41);
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

.psMenu li.psMenuItem.tall a {
	background-image: url(images/cu-menu-list-button-tall-bg-default.gif);
}

.psMenu li.psMenuItem a:hover {
	background-image: url(images/cu-menu-list-button-bg-hover.gif);
	background-repeat: no-repeat;
	background-color: rgb(183, 200, 211);
}

.psMenu li.psMenuItem.tall a:hover {
	background-image: url(images/cu-menu-list-button-tall-bg-hover.gif);
}

.psMenu li.psMenuItem a:active {
	background-image: url(images/cu-menu-list-button-bg-pressed.gif);
	background-repeat: no-repeat;
	background-color: rgb(163, 186, 201);
	color: rgb(255, 255, 255);
}

.psMenu li.psMenuItem.tall a:active {
	background-image: url(images/cu-menu-list-button-tall-bg-pressed.gif);
}

.psMenu li.psMenuHeader span {
	background-image: url(images/cu-menu-list-header-bg.gif);
	background-repeat: no-repeat;
	background-color: #DFBF21;
	color: rgb(241, 240, 236);
	font-size: 14px;
	font-weight: bold;
	line-height: 1em;
	text-decoration: none;
	text-shadow: rgba(0,0,0,0.3) 0 1px 1px;
}


/* Normal Page Section Layout Rules
--------------------------------------------- */

#normalSectionsRepeatingBackground {
	background-image: url(images/ps-callout-area-background-repeat.gif);
	background-repeat: repeat-y;	
	background-color: rgb(194, 186, 165);
	width: 656px;
}

#normalSections {
	background-image: url(images/ps-content-normal-area-background.gif);
	background-repeat: no-repeat;	
}

#normalContentContainer {
	padding: 5px 15px 0 25px;
	color: rgb(15, 40, 75);
	font-family: Calibri, Frutiger, Helvetica, Arial, sans-serif;
}

#normalContentContainer h1 {
	margin-top: 15px;
	margin-bottom: 25px;
	width: auto;
	color: rgb(57, 52, 37);
	font-family: Garamond, Georgia, Times, serif;
	font-weight: bold;
	font-size: 20px;
	line-height: 1.1em;
}

h1 {
	padding: 10px 15px 0 25px;
	margin-bottom: 10px;
	width: auto;
	color: rgb(57, 52, 37);
	font-family: Garamond, Georgia, Times, serif;
	font-weight: bold;
	font-size: 24px;
	line-height: 1.1em;
}

#normalContentContainer p {
	font-size: 14px;
	margin: 0;
	margin-bottom: 5px;
}

#normalContentContainer p.blurb {
	margin-bottom: 10px;
	color: rgb(36, 78, 111);
	font-family: Garamond, Georgia, Times, serif;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.1em;
}

#normalContentContainer ul {
	font-size: 14px;
	margin: 0 0 10px 0;
	padding: 0 0 0 15px;
}

#normalContentContainer img.sectionImage {
	display: block;
}

#normalContent {
	float: right;
	position: relative;
	width: 415px;
	color: rgb(15, 40, 75);
	font-family: Garamond, Georgia, Times, serif;
}



/* Contact Table Stuff */

.contactTable {
	padding: 0;
	margin: 25px auto 0 auto;
	width: 599px;
	color: rgb(15, 40, 75);
	font-size: 11px;
	font-family: Calibri, Frutiger, Helvetica, Arial, sans-serif;
	font-weight: bold;	
	background-image: url(images/cu-contact-table-background-repeating.gif);
	background-repeat: repeat-y;
	vertical-align: top;
}

.contactTable td {
	padding: 5px;
	vertical-align: top;
}

.contactTable td:first-child {
	padding-left: 10px;
}

.contactTable td:last-child {
	padding-right: 10px;
}

.contactTable td.contactTableHeader {
	height: 25px;
	padding: 0 10px 0 10px;
	background-image: url(images/cu-contact-table-header-background.gif);
	background-repeat: no-repeat;
	vertical-align: middle;
}

.contactTable td.contactTableSeperatorsOdd {
	height: 2px;
	padding: 0;
	background-image: url(images/cu-contact-table-seperators-odd.gif);
	background-repeat: no-repeat;
}

.contactTable td.contactTableSeperators {
	height: 2px;
	padding: 0;
	background-image: url(images/cu-contact-table-seperators.gif);
	background-repeat: no-repeat;
}

.contactTable td.contactTableRowOddFirst {
	background-image: url(images/cu-contact-table-row-odd.gif);
	background-repeat: repeat-y;
}

.contactTable td.contactTableRowOdd {
	background-color: #FFF7C2;
}

.contactTable td.contactTableRowOddLast {
	background-image: url(images/cu-contact-table-row-odd.gif);
	background-position: top right;
	background-repeat: repeat-y;
}

.contactTable td.contactTableFooter {
	height: 8px;
	padding: 0;
	background-image: url(images/cu-contact-table-footer-background.gif);
	background-repeat: no-repeat;
}



/* New Form Table Stuff - WIP */

div.formGroup {
	font-size: 12px;
	padding: 10px;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	color: rgb(36, 78, 111);
	font-family: Calibri, Frutiger, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 1.5em;
}

div.formGroup * {
}

div.formGroup .required {
	color: red;
	font-weight: bold;
}

div.formGroup h2 {
	font-size: 12px;
	margin-bottom: 5px;
}

div.formGroup div.formEntry {
	min-height: 20px;
	width: auto;
	padding: 0 10px 0 10px;
	margin-bottom: 5px;
}

div.formGroup div.formEntry span.formLabel {
	min-height: 18px;
	display: block;
	float: left;
	width: 170px;
	text-align: right;
	padding-top: 2px;
	padding-right: 6px;
}

div.formGroup div.formEntry span.formField {
	min-height: 20px;
	display: block;
	float: left;
	padding-right: 6px;
}

div.formGroup div.formEntry span.formLabelMulti {
	min-height: 18px;
	display: block;
	float: left;
	text-align: right;
	padding-top: 2px;
	padding-right: 6px;
}

div.formGroup div.formEntry span.formLabelFieldGroup {
	display: block;
	margin-bottom: 5px;
}

div.formGroup div.error {
	color: red;
	min-height: 20px;
	display: block;
	padding-left: 190px;
	display:none;
}