|
@import url(/system/css/reset.css);
@import url(/system/css/components.css);
/* Defaults */
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 81.25%; /* 13 px or 81.25% */
line-height: 18px; /* 18 px or 1.3846em */
color: #666;
text-align: center;
background: #6c97b9 url(/system/css/bg.jpg) repeat-x;
}
/* Font - browser specific styles */
/* Promo skeleton
---------------------------------------------------------*/
.promo_right {
float: right;
}
.nav_top {
padding-top:5px;
}
.promo_left {
margin: 0 0px 0px 0px;
float: left;
}
.middleModule {
margin: 0 14px;
overflow: hidden;
width: 212px;
float: left;
}
.promo {
position: relative;
padding: 0px 0;
margin-top: 0px;
margin-bottom: 0px;
}
.primary_header {
margin-bottom: 15px;
}
.secondary_content {
float:left;
position:relative;
}
.secondary_links {
float:left;
}
/*ends
---------------------------------------------------------*/
/*\*/
html>body*#nav, html>body*#secondaryNav, #productnav ul {
font-weight: normal;
}
/**/
span.u {
background:url(/system/css/dashedLine.gif) 1px 100% repeat-x;
}
span.u a {
text-decoration: none;
color: #333;
}
#topCurvedSlice {
margin: 0 auto;
padding: 0;
width: 963px;
text-align: left;
background: url(/system/css/bg-wrapper.png) no-repeat 0 15px;
}
#wrapper {
margin: 0 auto;
padding: 0;
width: 963px;
text-align: left;/*background: url(/system/css/bg-wrapper.png) no-repeat 0 15px;*/
}
/********************************************* LAYOUT DEFINITION *****************************************
The following layout definition div styles will be part of the Portal theme
Author : Subhajit
Date : 0812
**********************************************************************************************************
"masthead" div should contain all the styles for the header section of the page.
"portalcontent" div should contain all the styles for the content section of the page.
"footer" div should contain all the styles for the footer section of the page.
**********************************************************************************************************
.------------------------------.
| masthead |
+------------------------------+
| |
| portalcontent |
| |
+------------------------------+
| footer |
'------------------------------'
***********************************************************************************************************/
#masthead, #portalcontent, #footer {
padding: 0 20px;
width: 923px;
float:left;
}
#masthead {
padding:0;
width:963px;
}
#masthead, #portalcontent {
1position: relative;
background: url(/system/css/bg-content.png) repeat-y;
}
/************* End styling of layout definition divs -> masthead, portalcontent & footer :: Portal theme **********
********************************************* END LAYOUT DEFINITION ***********************************************/
#primaryContentHolder p { margin: 0 0 10px 0; color: #666; }
a {
color: #007cc2;
text-decoration: none;
outline: none;
}
a:hover, a:focus, .selected a {
color: #7eb764;
outline: none;
}
a.glossaryTerm {
text-decoration: underline;
}
a.helpLink {
display: block;
width: 18px;
height: 18px;
background: url(/system/css/icn_help.gif) no-repeat;
text-indent: -9999em;
}
ul#skiplinks {
position: absolute;
top: -9999em;
}
/*Headers*/
h1 {
font-family: Arial, Helvetica, sans-serif;
font-size:24px;
font-weight: normal;
color: #333;
margin: 0;
padding: 0 0 15px 0;
}
h2 {
font-family: Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color: #333;
margin: 0;
padding: 0;
}
h3 {
font-family: Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color: #666;
}
h4 {
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color: #666;
padding: 0;
margin: 0 0 4px 0;
}
h5 {
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color: #666;
}
p {
color: #666;
font-size:13px;
}
/* Footer
---------------------------------------------------------*/
/*
#footer {
padding-top: 104px;
font-size: .8462em;
line-height: 1.4909em;
color: #FFF !important;
background:url(/system/css/bg-footer.gif) no-repeat;
}
#footer p {
color: #FFF !important;
}
#footer a {
color: #FFF;
}
#footer a:hover, #footer a:focus {
text-decoration: underline;
}
#footer p.footlinks {
margin-bottom: 1em;
font-size: 1.1818em;
float: left;
}
#footer p.feedback {
float: right;
background:url(/system/css/icn_feedback.gif) 0 1px no-repeat;
padding-left: 20px;
}
p.overlayFeedback {
text-align: right;
float: right;
margin-bottom: 20px;
background:url(/system/css/icn_feedback.gif) 0 1px no-repeat;
padding-left: 20px;
}
#footer p.copy {
clear: both;
}
*/
#footer
{
padding-top:56px;
font-size: .8462em;
line-height: 1.4909em;
/*margin:-30px 0 0 0;*/
background:url(/system/css/bg-footer.gif) no-repeat;
}
#footer p { color: #A6A6A6 !important; }
#footerLinks a { color:#007CC2;padding:0 6px 0 6px;}
#copyright a{ color: #FFF !important;}
#footer a:hover, #footer a:focus { text-decoration: underline; }
#footer p.footlinks
{
margin-bottom: 13px;;
font-size: 12px;;
padding:0 20px 0 20px;
}
#footer p.feedback
{
}
p.overlayFeedback
{
}
#footer p.copy {
margin:0px;
padding-top:16px;
}
#feedbackContainer{
padding-left:6px;
color:#007CC2;
}
/*---------------------------------------------------------*/
/*About.CSS for HTML-about page*/
/*---------------------------------------------------------*/
/* Primary Content
---------------------------------------------------------*/
#spacingBelowHeader {
/*border:#00FF00 1px solid;*/
height:25px;
float:left;
clear:both;
width:922px;
background:url(../markers/30px_v.gif) no-repeat center; /*Please remove this */
}
.spacingBelowHeader {
height:30px;
float:left;
clear:both;
width:922px;
}
#titleNPrintPlaceHolder {
float:left;
clear:both;
width:922px;/*border:#FF6600 1px inset;*/
}
#pageTitle {
float:left;
line-height:24px;
margin:-6px 0 0 0;
padding:0 0 15px 15px;
position:relative;
}
#primaryContentHolder {
float: inherit;
clear:both;
width:922px;/*border:#FF66FF 1px inset;*/
}
#leftContentPane {
float:left;
width:681px;
/*border:#666600 1px inset;*/
margin:0px 0px 0px 0px;
}
#leftContent1stRow {
float:left;
width:681px;
/*border:#996600 1px inset;*/
margin:0px;
clear:both;
}
#layoutDefTabpages #inlineRoundedCornerBorder #rcBorderContent {
width: 100%;/*padding:15px 10px 10px 0px;*/
}
#layoutDefTabpages #leftContent1stRow {
float:left;
width:681px;
/*border:#996600 1px inset;*/
margin:0 0 15px 0;
clear:both;
}
#leftContent2ndRow {
float:left;
width:681px;
/* border:#996600 1px inset; */
margin:0px 0px 0px 0px;
}
#layoutDefTabpages #leftContent2ndRow {
float:left;
width:681px;
/* border:#996600 1px inset; */
margin:0 0 15px 0;
clear:both;
}
#leftContent2ndRow #leftContent2ndRowPadding { /*padding: 10px 15px;*/
}
#layoutDefTabpages #inlineRoundedCornerBorder {
float:left;
margin-left:15px;
display:inline;
clear:both;
width:666px; /*<-- use this for a set width *//* padding:15px;
border:#996600 1px solid;*/
}
#spacingBeetweenRows {
/*border:#00FF00 1px solid;*/
height:15px;
float:left;
clear:both;
width:681px;
}
/* layoutDefContentWidBorder defenition */
#layoutDefContentWidBorder #leftContent1stRowCol1 {
float:left;
width:636px;
margin:0 0 0 15px;
display:inline;
}
#layoutDefContentWidBorder #leftContent1stRowCol2 {
float:left;
width:204px;
margin:15px 0 0 15px;/*border:#996600 1px inset;*/
}
#layoutDefContentWidBorder #leftContent1stRowCol3 {
float:left;
width:204px;
margin:15px 0 0 15px;/*border:#996600 1px inset;*/
}
#layoutDefContentWidBorder #leftContent2ndRowCol1 {
float:left;
width:48%;
display:inline;
margin:0 15px 0 0;/*border:#996600 1px inset;*/
}
#layoutDefContentWidBorder #leftContent2ndRowCol2 {
float:left;
width:48%;/*border:#996600 1px inset;*/
}
#layoutDefContentWidBorder #leftContent2ndRowCol3 {
float:left;
width:295px;/*border:#996600 1px inset;*/
}
#layoutDefContentWidBorder #contentRoundedCornerBorder {
float:left;
margin-left:15px;
display:inline;
clear:both;
padding:15px;
border:#996600 1px solid;
}
#growY {
clear:both;
}
/* ------------- Rounded Corner border for the Template -------------------- */
/*#layoutDefContentWidBorder*/
#layoutDefContentWidBorder #inlineRoundedCornerBorder {
float:left;
margin-left:15px;
display:inline;
clear:both;
width:666px; /*<-- use this for a set width *//* padding:15px;
border:#996600 1px solid;*/
}
/*#layoutDefContentWidBorder */
#layoutDefContentWidBorder #inlineRoundedCornerBorder #rcBorderContent {
width: 95%;
padding:10px 15px;
}
/* ---=== border code follows ===--- */
/*
tlc = top left corner
trc = top right corner
blc = bottom left corner
brc = bottom right corner
lb = left border
rb = right border
tb = top border
bb = bottom border
*/
#inlineRoundedCornerBorder #tlc, #inlineRoundedCornerBorder #trc, #inlineRoundedCornerBorder #blc, #inlineRoundedCornerBorder #brc {
background-color: transparent;
background-repeat: no-repeat;
}
#inlineRoundedCornerBorder #tlc {
background-image:url(/system/css/tlc.gif);
background-position: 0% 0%;
}
#inlineRoundedCornerBorder #trc {
background-image:url(/system/css/trc.gif);
background-position: 100% 0%;
}
#inlineRoundedCornerBorder #blc {
background-image:url(/system/css/blc.gif);
background-position: 0% 100%;
}
#inlineRoundedCornerBorder #brc {
background-image:url(/system/css/brc.gif);
background-position: 100% 100%;
}
#inlineRoundedCornerBorder #tb, #inlineRoundedCornerBorder #bb {
background-color: transparent;
background-repeat: repeat-x;
}
#inlineRoundedCornerBorder #tb {
background-image:url(/system/css/tb.gif);
background-position: 0% 0%;
}
#inlineRoundedCornerBorder #bb {
background-image:url(/system/css/bb.gif);
background-position: 50% 100%;
}
#inlineRoundedCornerBorder #rb {
background-image:url(/system/css/r.gif);
background-position: 100% 0%;
background-repeat: repeat-y;
}
#inlineRoundedCornerBorder #lb {
background-color: #FFFFFF; /* <-- use this for to set the ct_roundedCornerBox fill color / image */
background-image:url(/system/css/l.gif);
background-position: 0% 100%;
background-repeat: repeat-y;
}
/* ------------- Rounded Corner border for the Template -------------------- */
/* layoutDefContentWidBorder defenition :: End*/
#layoutDefTabpages #leftContent1stRowCol1 {
float:left;
width:212px;
margin:0 0 0 15px;
display:inline;/*border:#996600 1px inset;*/
}
#layoutDefTabpages #leftContent1stRowCol2 {
float:left;
width:423px;
margin:0 0 0 15px;
display:inline;/*border:#996600 1px inset;*/
}
#layoutDefTabpages #singleTabContentHolder {
float:left;
width:636px;
margin:10px 15px 15px 15px;
display:inline;
color: #666;
/*border:#996600 1px inset;*/
}
/* layoutDefHomepage definition :: Srarts*/
#layoutDefHomepage #leftContent1stRowCol1 {
float:left;
width:666px;
/* height:290px; ::: IS it really required here ? - Subhajit*/
margin:0 0 0 15px;
display:inline;/*border:#996600 1px inset;*/
}
#layoutDefHomepage #leftContent1stRowCol2 {
float:left;
width:204px;
margin:15px 0 0 15px;/*border:#996600 1px inset;*/
}
#layoutDefHomepage #leftContent2ndRow {
margin:0;
clear:both;
}
#layoutDefHomepage #leftContent2ndRowCol1 {
float:left;
width:212px;
margin:15px 0 0 15px;
display:inline;
}
#layoutDefHomepage #leftContent2ndRowCol2 {
float:left;
width:212px;
/* border:#996600 1px inset;*/
margin:15px 0 0 15px;
display:inline;
}
#layoutDefHomepage #leftContent2ndRowCol3 {
float:left;
width:212px;
/*border:#996600 1px inset;*/
margin:15px 0 0 15px;
display:inline;
}
#layoutDefHomepage #leftContent2ndRowColx {
float:left;
width:212px;
margin:15px 0 0 15px;
display:inline;
}
#layoutDefHomepage #leftContent2ndRowColxRowx {
float:left;
width:212px;
margin:0 0 15px 0;
display:inline;
}
/* Added by LT for different variation of promo starts*/
#layoutDefHomepage #leftContent2ndRowCol1-2 {
float:left;
width:438px;
/*border:#996600 1px inset;*/
margin:15px 0 0 15px;
display:inline;
overflow:hidden;
}
#layoutDefHomepage #leftContent2ndRowCol1-2xRowx {
float:left;
width:438px;
margin:0 0 15px 0;
display:inline;
}
#layoutDefHomepage #leftContent2ndRowColHalf {
float:left;
width:325px;
/*border:#996600 1px inset;*/
margin:15px 0 0 15px;
display:inline;
overflow:hidden;
}
#layoutDefHomepage #leftContent2ndRowColHalfRowx {
float:left;
width:325px;
margin:0 0 15px 0;
display:inline;
}
#layoutDefHomepage #leftContent2ndRowCol1-3 {
float:left;
width:665px;
/*border:#996600 1px inset;*/
margin:15px 0 0 15px;
display:inline;
overflow:hidden;
}
#layoutDefHomepage #leftContent2ndRowCol1-3xRowx {
float:left;
width:665px;
margin:0 0 15px 0;
display:inline;
}
#layoutDefHomepage #rightContentPane {
float:right;
width:212px;
margin:0px 15px 15px 0px;
display: inline;
}
#layoutDefHomepage #rightRailRow1 {
float:left;
width:212px;
margin:0 0 15px 0;
overflow:hidden;
}
#layoutDefHomepage #rightRailRow2 {
float:left;
width:212px;
margin:15px 0 15px 0;
overflow:hidden;
}
#layoutDefHomepage #singleTabContentHolder {
float:left;
margin:15px 15px 15px 15px;
color: #666;
}
#layoutDefHomepage #inlineRoundedCornerBorder {
float:left;
display:inline;
clear:both;
width:665px;
}
/* layoutDefHomepage definition :: Ends*/
/* layoutDefContentNoBorder definition :: Srarts*/
#layoutDefContentNoBorder #leftContent1stRowCol1 {
float:left;
width:666px;
/* height:290px; ::: IS it really required here ? - Subhajit*/
margin:0 0 0 15px;
display:inline;/*border:#996600 1px inset;*/
}
#layoutDefContentNoBorder #leftContent1stRowCol2 {
float:left;
width:204px;
margin:15px 0 0 15px;/*border:#996600 1px inset;*/
}
#layoutDefContentNoBorder #leftContent2ndRow {
margin:0;
clear:both;
}
#layoutDefContentNoBorder #leftContent2ndRowCol1 {
float:left;
width:212px;
margin:15px 0 0 15px;
display:inline;
}
#layoutDefContentNoBorder #leftContent2ndRowCol2 {
float:left;
width:212px;
/* border:#996600 1px inset;*/
margin:15px 0 0 15px;
display:inline;
}
#layoutDefContentNoBorder #leftContent2ndRowCol3 {
float:left;
width:212px;
/*border:#996600 1px inset;*/
margin:15px 0 0 15px;
display:inline;
}
/* Added by LT for different variation of promo starts*/
#layoutDefContentNoBorder #leftContent2ndRowCol1-2 {
float:left;
width:438px;
/*border:#996600 1px inset;*/
margin:15px 0 0 15px;
display:inline;
overflow:hidden;
}
#layoutDefContentNoBorder #leftContent2ndRowColHalf {
float:left;
width:325px;
/*border:#996600 1px inset;*/
margin:15px 0 0 15px;
display:inline;
overflow:hidden;
}
#layoutDefContentNoBorder #leftContent2ndRowCol1-3 {
float:left;
width:636px;
/*border:#996600 1px inset;*/
margin:15px 0 0 15px;
display:inline;
overflow:hidden;
}
#layoutDefContentNoBorder #rightContentPane {
float:right;
width:212px;
margin:0px 15px 15px 0px;
display: inline;
}
#layoutDefContentNoBorder #rightRailRow1 {
float:left;
width:212px;
margin:0 0 15px 0;
overflow:hidden;
}
#layoutDefContentNoBorder #rightRailRow2 {
float:left;
width:212px;
margin:15px 0 15px 0;
overflow:hidden;
}
/* layoutDefContentNoBorder definition :: Ends*/
#leftContentTabCompRow {
float:left;
width:666px;
margin:0px 0px 0px 0px;
clear:both;
}
#TabCompSpacingTop {
float:left;
width:666px;
margin:0px 0px 0px 0px;
height:15px;
clear:both;
}
#leftContentTabCompHolder {
float:left;
width:666px;
margin:0px 0px 0px 0px;
height:auto;
clear:both;
}
#TabCompSpacingBottom {
float:left;
width:666px;
border:#996600 1px inset;
margin:0px 0px 0px 0px;
height:30px;
}
#layoutDefTabpages #leftContent2ndRowCol1 {
float:left;
width:666px;
margin:0 0 0 15px;
display:inline;
}
#layoutDefTabpages #leftContent2ndRowCol2 {
float:left;
width:306px;
margin:0px 0 0 15px;
overflow:hidden;
}
#layoutDefTabpages #leftContent2ndRowCol3 {
float:left;
width:204px;
margin:0px 0 0 15px;
overflow:hidden;
}
#searchResult #rightContentPane {
float:left;
width:212px;
margin:0 0px 15px 0px;
display: inline;
}
#findOffice #rightContentPane
{
display:inline;
float:left;
margin:0 0 0 26px;
width:202px;
height:90px;
}
#rightContentPane {
float:right;
width:212px;
margin:0 14px 15px 0px;
display: inline;
}
#rightRailRow1 {
display:inline;
float:left;
margin:0 0 15px 0;
width:212px;
}
#rightRailRow2 {
float:left;
width:212px;
margin:0 0 15px 0;
display:inline;
}
#aboutML #primary {
float: left;
margin: -3px 15px 0 0;
padding:0px;
width:666px;
border:none;
}
#aboutML #primary h3 {
margin: -15px -14px 10px;
padding: 0px 14px 0 20px;
}
#aboutML #primary h4 {
font-size: 1.2308em;
font-weight: normal;
color: #333;
}
#aboutML .callout {
position: relative;
padding: 3px 0 0 0;
margin-top: 10px;
background: #fff url(/system/css/bg-primary-proddetails-top.gif) no-repeat left top;
}
#aboutML .callout .detail {
padding: 10px 10px 8px 15px;
border: 1px solid #c7d0e1;
border-top: none;
border-bottom: none;
overflow: hidden;
}
#aboutML .callout .bottom {
height: 3px;
background: url(/system/css/bg-primary-proddetails-bottom.gif) no-repeat left top;
}
#aboutML .about_contentModule {
overflow: hidden;
float: left;
margin-right: 20px;
width: 285px;
color: #666;
}
f #aboutML a.news {
display: block;
font-size: .9231em;
line-height: 1.2em;
text-transform: uppercase;
}
a.searchSpecialized {
float: left;
display: block;
width: 115px;
}
a.searchHelp {
background:url(/system/css/icn_help.gif) right -1px no-repeat;
float: left;
margin-left: 10px;
width: 18px;
height: 18px;
text-indent: -200em;
display: block;
}
/*-----------------------------ENDS About.CSS for HTML-about page----------------------------*/
/*---------------------------------------------------------*/
/* Primary Content
---------------------------------------------------------*/
#tab_content { /*border:#000000 1px solid;*/
}
#tab_content #primary {
float: left;
margin: 0 15px 0 13px;
padding: 0;
width: 666px;
border-top: none;
}
#tab_content #primary h3 {
margin: -20px -14px 0.5417em;
padding: 0 14px 0 13px;
}
#tab_content #tabs_header {
position: relative;
margin-bottom: 15px;
overflow: hidden;
}
#tab_content #tabs_header img#proddetail-splash {
display: block;
float: right;
margin-left: 16px;
width: 424px;
}
#tab_content #tabs_header ul {
float: right;
margin-top: 3px;
margin-bottom: 0;
width: 211px;
font-size: 1.26em;
line-height: 1.2667em;
}
#tab_content #tabs_header ul li {
border-bottom: 1px solid #dee4ef;
}
#tab_content #tabs_header ul li.last {
border-bottom: none;
}
#tab_content #tabs_header ul li a {
display: block;
padding: 3px 16px 3px 0;
color: #007cc2;/*background: url(/system/css/product-nav-arrow.gif) no-repeat 100% .44em;*/
}
#tab_content #tabs_header ul li.selected a, #tab_content #tabs_header ul li a:hover, #tab_content #tabs_header ul li a:focus {
color: #7eb764;/*background: url(/system/css/product-nav-arrow-on.gif) no-repeat 100% .44em;*/
}
#tab_content #btn_compareProducts {
position: absolute;
left: 236px;
top: 130px;
display: block;
width: 172px;
height: 52px;
background: url(/system/css/btn_compareProducts.png) no-repeat;
text-indent: -9999em;
}
#tab_content h5.title_description {
color: #666666;
font-weight: bold;
margin-bottom: 20px !important;
}
#tab_content .tab-section {
height: 1%;
background: #fff;
}
#tab_content .tab-section:after {
display: block;
clear: both;
height: 0;
visibility: hidden;
}
#tab_content div.tabbedcontent {
margin: 0;
}
#tab_content .firstColumn {
float: left;
padding-right: 10px;
margin-right: 10px;
width: 275px;
}
#tab_content .secondColumn {
float: left;
padding-left: 15px;
width: 290px;
border-left: 2px dotted #e1e6f0;
}
#form-requestQuote legend span {
margin-left: 95px;
}
#form-requestQuote div, #form-requestQuote li {
clear: both;
margin-bottom: 5px;
}
#form-requestQuote div:after, #form-requestQuote li:after {
display: block;
clear: both;
height: 0;
visibility: hidden;
}
#form-requestQuote .required {
color: #d13939;
}
#form-requestQuote ol {
margin: 0;
padding: 0;
list-style: none;
}
#form-requestQuote label {
float: left;
margin-right: 5px;
width: 90px;
text-align: right;
}
#form-requestQuote select, #form-requestQuote input.text {
border: 1px solid #7f9db9;
width: 165px;
}
#form-requestQuote .stateZip select, #form-requestQuote .stateZip input {
float: left;
width: 60px !important;
}
#form-requestQuote .stateZip label.zip {
width: 40px;
}
.bestTime input {
float: left;
}
#form-requestQuote .bestTime label.time {
width: 90px !important;
}
.bestTime label {
width: auto !important;
}
#form-requestQuote button { /*float: right;*/
}
a.contactMetLifeRep {
display: block;
width: 160px;
height: 25px;
background: url(/system/css/btn_contactMetLifeRep.gif) no-repeat;
text-indent: -9999em;
cursor: pointer;
}
a.requestAQuote {
display: block;
width: 126px;
height: 25px;
background: url(/system/css/btn_requestQuote.gif) no-repeat;
text-indent: -9999em;
cursor: pointer;
}
#tab_content .disclaimer {
font-size: .7857em;
margin-top: 20px;
clear: both;
}
#tab_content #expandAllCheck, #tab_content #expandAllCheck {
margin-bottom: 10px;
}
#tab_content .plus {
background:url(/system/css/icn_plus.gif) 0 2px no-repeat;
padding-left: 15px;
}
#tab_content .minus {
background:url(/system/css/icn_minus.gif) 0 2px no-repeat;
padding-left: 15px;
}
/*-----------------------------ENDS productDetail.CSS for HTML_comparisonTable page----------------------------*/
/*--------------Header starts here----------------*/
#1hdwrapper {
width:963px;
margin:0 auto;
background:#276097 url(/system/css/hdbg-wrapper.gif) repeat-y top center;
}
#hdHeader {
float:left;
width:923px;
padding:0 20px;
background:transparent url(/system/css/hdbg-header.jpg) no-repeat top center;
}
#hdTopLinks {
float:left;
width:923px;
height:25px;
padding-top:10px;
text-align:right;
color:#f1f1f1;
}
#hdTopLinks a {
color:#fff;
margin:0 7px;
}
#hdHeaderTop {
float:left;
width:923px;
border-bottom:1px solid #dddddd;
}
#hdLogo {
float:left;
width:144px;
height:46px;
padding:30px 0 2px 30px;
}
#hdLogo p.logo {
/* background:url(/system/css/logo.gif) no-repeat left top; */
width: 144px;
height: 46px;
color: #fff;
/*text-indent: -25px;*/
}
#hdLogo p a {
height: 46px;
display: block;
outline-style:none;
}
#hdChannelsMenu {
float:left;
width:493px;
padding-right:30px;
height:78px;
font-size: 13px;
}
#hdChannelsMenu ul {
float:right;
height:34px;
list-style:none;
padding:0;
}
#hdChannelsMenu li {
float:left;
}
#hdChannelsMenu li a {
display:block;
float:left;
padding:0px 0 0px 11px;
margin:0px;
text-align:center;
font-family:Arial;
font-weight:bold;
height:34px;
}
#hdChannelsMenu li a:hover {
text-decoration:none;
color:#ffffff
}
#hdChannelsMenu a.hdCurrent {
color:#ffffff;
}
#hdChannelsMenu a.hdCurrent:hover {
color:#ffffff;
cursor:default;
}
#hdChannelsMenu a.hdCurrent:hover div.innerlink
{
cursor: default;
}
#hdChannelsMenu a:hover div.innerlink
{
cursor: pointer;
}
#hdChannelsMenu li#centerChannelLeftEdge a {
background: url(/system/css/channelsMenu_sprite.gif) no-repeat;
background-position: left top;
}
#hdChannelsMenu li#centerChannelLeftEdge a div.innerlink{
background: url(/system/css/channelsMenu_sprite.gif) no-repeat;
background-position: right -68px;
padding:5px 12px 0 0;
height:29px;
width: auto;
float: left;
display: inline;
}
#hdChannelsMenu li#centerChannelLeftEdge a:hover, #hdChannelsMenu li#centerChannelLeftEdge a.hdCurrent {
background: url(/system/css/channelsMenu_sprite.gif) no-repeat;
background-position: left -34px;
}
#hdChannelsMenu li#centerChannelLeftEdge a:hover div.innerlink, #hdChannelsMenu li#centerChannelLeftEdge a.hdCurrent div.innerlink {
background: url(/system/css/channelsMenu_sprite.gif) no-repeat;
background-position: right -102px;
padding:5px 12px 0 0;
height:29px;
width: auto;
float: left;
display: inline;
}
#hdChannelsMenu li#centerChannelCenter a {
background: url(/system/css/channelsMenu_sprite.gif) no-repeat;
background-position: left -68px;
}
#hdChannelsMenu li#centerChannelCenter a div.innerlink{
background: url(/system/css/channelsMenu_sprite.gif) no-repeat;
background-position: right -68px;
padding:5px 12px 0 0;
height:29px;
width: auto;
float: left;
display: inline;
}
#hdChannelsMenu li#centerChannelCenter a:hover, #hdChannelsMenu li#centerChannelCenter a.hdCurrent {
background: url(/system/css/channelsMenu_sprite.gif) no-repeat;
background-position: left -102px;
}
#hdChannelsMenu li#centerChannelCenter a:hover div.innerlink, #hdChannelsMenu li#centerChannelCenter a.hdCurrent div.innerlink {
background: url(/system/css/channelsMenu_sprite.gif) no-repeat;
background-position: right -102px;
padding:5px 12px 0 0;
height:29px;
width: auto;
float: left;
display: inline;
}
#hdChannelsMenu li#centerChannelRightEdge a {
background: url(/system/css/channelsMenu_sprite.gif) no-repeat;
background-position: left -68px;
}
#hdChannelsMenu li#centerChannelRightEdge a div.innerlink{
background: url(/system/css/channelsMenu_sprite.gif) no-repeat;
background-position: right top;
padding:5px 12px 0 0;
height:29px;
width: auto;
float: left;
display: inline;
}
#hdChannelsMenu li#centerChannelRightEdge a:hover, #hdChannelsMenu li#centerChannelRightEdge a.hdCurrent {
background: url(/system/css/channelsMenu_sprite.gif) no-repeat;
background-position: left -102px;
}
#hdChannelsMenu li#centerChannelRightEdge a:hover div.innerlink, #hdChannelsMenu li#centerChannelRightEdge a.hdCurrent div.innerlink {
background: url(/system/css/channelsMenu_sprite.gif) no-repeat;
background-position: right -34px;
padding:5px 12px 0 0;
height:29px;
width: auto;
float: left;
display: inline;
}
#hdHeaderRight {
float:right;
width:214px;
padding:0 12px 0 0;
font-size: 13px;
}
#hdCommonLinks {
float:right;
height:34px;
}
#hdCommonLinks ul {
float:left;
list-style:none;
height:34px;
padding:0;
}
#hdCommonLinks li {
float:left;
}
#hdCommonLinks li a {
display:block;
float:left;
padding:0px 0px 0px 11px;
text-align:center;
font-family:Arial;
font-weight:bold;
height: 34px;
}
#hdCommonLinks li a:hover {
text-decoration:none;
color:#ffffff;
}
#hdCommonLinks a.hdCurrent {
color:#ffffff;
}
#hdCommonLinks a.hdCurrent:hover {
color:#ffffff;
cursor:default;
}
#hdCommonLinks a.hdCurrent:hover div.innerlink
{
cursor: default;
}
#hdCommonLinks a:hover div.innerlink
{
cursor: pointer;
}
#hdCommonLinks li#rightChannelLeftEdge a {
background: url(/system/css/channelsMenu_sprite.gif) no-repeat;
background-position: 0 0;
}
#hdCommonLinks li#rightChannelLeftEdge a div.innerlink{
background: url(/system/css/channelsMenu_sprite.gif) no-repeat;
background-position: right -68px;
padding:5px 12px 0 0;
height:29px;
width: auto;
float: left;
display: inline;
}
#hdCommonLinks li#rightChannelLeftEdge a:hover, #hdCommonLinks li#rightChannelLeftEdge a.hdCurrent {
background: url(/system/css/channelsMenu_sprite.gif) no-repeat;
background-position: left -34px;
}
#hdCommonLinks li#rightChannelLeftEdge a:hover div.innerlink, #hdCommonLinks li#rightChannelLeftEdge a.hdCurrent div.innerlink{
background: url(/system/css/channelsMenu_sprite.gif) no-repeat;
background-position: right -102px;
padding:5px 12px 0 0;
height:29px;
width: auto;
float: left;
display: inline;
}
#hdCommonLinks li#rightChannelRightEdge a {
background: url(/system/css/channelsMenu_sprite.gif) no-repeat;
background-position: left -68px;
}
#hdCommonLinks li#rightChannelRightEdge a div.innerlink{
background: url(/system/css/channelsMenu_sprite.gif) no-repeat;
background-position: right top;
padding:5px 12px 0 0;
height:29px;
width: auto;
float: left;
display: inline;
}
#hdCommonLinks li#rightChannelRightEdge a:hover, #hdCommonLinks li#rightChannelRightEdge a.hdCurrent {
background: url(/system/css/channelsMenu_sprite.gif) no-repeat;
background-position: left -102px;
}
#hdCommonLinks li#rightChannelRightEdge a:hover div.innerlink, #hdCommonLinks li#rightChannelRightEdge a.hdCurrent div.innerlink {
background: url(/system/css/channelsMenu_sprite.gif) no-repeat;
background-position: right -34px;
padding:5px 12px 0 0;
height:29px;
width: auto;
float: left;
display: inline;
}
#hdCommonLinks li#rightChannelLeftAndRightEdge a {
background: url(/system/css/channelsMenu_sprite.gif) no-repeat;
background-position: left top;
}
#hdCommonLinks li#rightChannelLeftAndRightEdge a div.innerlink{
background: url(/system/css/channelsMenu_sprite.gif) no-repeat;
background-position: right top;
padding:5px 12px 0 0;
height:29px;
width: auto;
float: left;
display: inline;
}
#hdCommonLinks li#rightChannelLeftAndRightEdge a:hover, #hdCommonLinks li#rightChannelLeftAndRightEdge a.hdCurrent {
background: url(/system/css/channelsMenu_sprite.gif) no-repeat;
background-position: left -34px;
}
#hdCommonLinks li#rightChannelLeftAndRightEdge a:hover div.innerlink, #hdCommonLinks li#rightChannelLeftAndRightEdge a.hdCurrent div.innerlink {
background: url(/system/css/channelsMenu_sprite.gif) no-repeat;
background-position: right -34px;
padding:5px 12px 0 0;
height:29px;
width: auto;
float: left;
display: inline;
}
#hdSearch {
clear:right;
float:right;
width:214px;
height:32px;
padding-top:12px;
background: url(/system/css/bg-headersearch.gif) no-repeat right 12px;
}
#hdSearch input {
float:left;
margin-left:0px;
margin-bottom:0;
vertical-align:middle;
}
#hdSearch .hdInptSearch {
width:155px;
border:none;
padding:2px;
margin: 0 0 0 2px;
background: none;
color: #666;
}
#hdSearch .hdButtonSearch {
border: none;
background: none;
width: 52px;
cursor: hand;
pointer: hand;
}
#hdMenuDiv {
float:left;
width:911px;
padding-left:10px;
background:transparent url(/system/css/hdbg_nav.gif) repeat-x top center;
font-size:16px;
font-weight: bold;
}
#hdMenuDiv ul {
float:left;
margin:0;
padding:0;
list-style:none;
}
#hdMenuDiv li {
float:left;
height:38px;
line-height:38px;
margin-left: -1px;
background:transparent url(/system/css/hdbg-nav-right.gif) no-repeat right center;
}
#hdMenuDiv a {
float:left;
display:block;
padding-left:18px;
padding-right:18px;
white-space: pre;
}
#hdMenuDiv a:hover {
text-decoration:none;
color:#7EB764;
}
#hdMenuDiv .current a {
background:#e8f4d8 url(/system/css/hdbg-nav-hover.gif) repeat-x center bottom;
border-left: solid 1px #ccc;
*border-left: solid 2px #ccc;
border-right: solid 1px #ccc;
}
#hdSecondaryNav {
float:left;
clear:left;
width:908px;
padding-left:15px;
height:30px;
background:transparent url(/system/css/hdbg_secondarynav.gif) repeat-x top center;
font-weight: bold;
}
#hdSecondaryNav ul {
float:left;
margin:0;
padding:0;
list-style:none;
}
#hdSecondaryNav li {
float:left;
height:30px;
line-height:30px;
}
#hdSecondaryNav a {
float:left;
display:block;
padding-left:15px;
padding-right:15px;
}
#hdSecondaryNav a:hover {
text-decoration:none;
color:#7EB764;
}
#hdSecondaryNav .current a {
text-decoration:none;
color:#7EB764;
}
/*--------------Header ends here----------------*/
/*Layout - no Right Rail Styles*/
#layoutDefNoRtRail {
float: left;
padding: 0;
}
#layoutDefNoRtRail #ct_roundedCornerBoxNr {
float:left;
margin-left:15px;
margin-right:15px;
display:inline;
clear:both;
width:893px;
}
#layoutDefNoRtRail #rcBorderContentNr {
width: 95%;
padding: 10px 15px 15px 15px;
}
#layoutDefNoRtRail #nRLftContent {
float: left;
width: 197px;
margin: 0 15px 0 0;
}
#layoutDefNoRtRail #nRRtContent {
float: right;
width: 635px; /*border: inset 1px #000; */
}
/*Please do not make any changes to the style declaration below*/
#layoutDefNoRtRail #tlc, #layoutDefNoRtRail #trc, #layoutDefNoRtRail #blc, #layoutDefNoRtRail #brc {
background-color: transparent;
background-repeat: no-repeat;
}
#layoutDefNoRtRail #tlc {
background-image:url(/system/css/tlc.gif);
background-position: 0% 0%;
}
#layoutDefNoRtRail #trc {
background-image:url(/system/css/trc.gif);
background-position: 100% 0%;
}
#layoutDefNoRtRail #blc {
background-image:url(/system/css/blc.gif);
background-position: 0% 100%;
}
#layoutDefNoRtRail #brc {
background-image:url(/system/css/brc.gif);
background-position: 100% 100%;
}
#layoutDefNoRtRail #tb, #layoutDefNoRtRail #bb {
background-color: transparent;
background-repeat: repeat-x;
}
#layoutDefNoRtRail #tb {
background-image:url(/system/css/tb.gif);
background-position: 0% 0%;
}
#layoutDefNoRtRail #bb {
background-image:url(/system/css/bb.gif);
background-position: 50% 100%;
}
#layoutDefNoRtRail #rb {
background-image:url(/system/css/r.gif);
background-position: 100% 0%;
background-repeat: repeat-y;
}
#layoutDefNoRtRail #lb {
background-color: #fff;
background-image:url(/system/css/l.gif);
background-position: 0% 100%;
background-repeat: repeat-y;
}
/*Layput no Right Rail Styles : Ends*/
/* Three column Layout - Starts*/
#layoutThrClm {
float: left;
padding: 0 15px 0 14px;
}
#layoutThrClm #thrClmLft {
float: left;
width: 212px;
margin: 0 15px 0 0;
}
#layoutThrClm #thrClmMdl {
float: left;
width: 439px;
margin: 0 15px 0 0;
padding: 0;
}
#layoutThrClm #thrClmMdl #layoutThrClmInrContent {
padding-top:10px;
padding-bottom:30px;
}
#layoutThrClm #thrClmMdl #ct_roundedCornerBoxTc {
width:439px;
}
#layoutThrClm #thrClmMdl #rcBorderContentTc {
padding: 0 15px 0 15px;
}
#layoutThrClm #thrClmRt {
float: right;
width: 212px;
margin: 0 0 0 0;
}
/* Three column Layout - Ends*/
/*Please do not make any changes to the style declaration below*/
#layoutThrClm #thrClmMdl #tlc, #layoutThrClm #thrClmMdl #trc, #layoutThrClm #thrClmMdl #blc, #layoutThrClm #thrClmMdl #brc {
background-color: transparent;
background-repeat: no-repeat;
}
#layoutThrClm #thrClmMdl #tlc {
background-image:url(/system/css/tlc.gif);
background-position: 0% 0%;
}
#layoutThrClm #thrClmMdl #trc {
background-image:url(/system/css/trc.gif);
background-position: 100% 0%;
}
#layoutThrClm #thrClmMdl #blc {
background-image:url(/system/css/blc.gif);
background-position: 0% 100%;
}
#layoutThrClm #thrClmMdl #brc {
background-image:url(/system/css/brc.gif);
background-position: 100% 100%;
}
#layoutThrClm #thrClmMdl #tb, #layoutThrClm #thrClmMdl #bb {
background-color: transparent;
background-repeat: repeat-x;
}
#layoutThrClm #thrClmMdl #tb {
background-image:url(/system/css/tb.gif);
background-position: 0% 0%;
}
#layoutThrClm #thrClmMdl #bb {
background-image:url(/system/css/bb.gif);
background-position: 50% 100%;
}
#layoutThrClm #thrClmMdl #rb {
background-image:url(/system/css/r.gif);
background-position: 100% 0%;
background-repeat: repeat-y;
}
#layoutThrClm #thrClmMdl #lb {
background-color: #fff;
background-image:url(/system/css/l.gif);
background-position: 0% 100%;
background-repeat: repeat-y;
}
/*Layput no Right Rail Styles : Ends*/
/*Print and Share - global*/
/* Share Link start*/
#printShare
{
float: right;
}
#shareDiv
{
margin: 0px 0px 12px;
padding: 0px 15px 0pt 20px;
display: inline;
background:transparent url(/system/css/icn_email.gif) no-repeat scroll left 1px;
}
/* Share Link end */
#printNShare {
padding:0px 15px 0px 0px;
margin: 0 0 12px 0;
display: inline;
font: normal 13px Arial, Helvetica, sans-serif;
position: relative;
float:right;
}
#printNShare a.globalPrint {
background: url(/system/css/icn_print.gif) no-repeat left 1px;
padding: 0 0 0 20px;
margin: 0;
outline: none;
}
#printNShare a.globalShare {
background: url(/system/css/icn_email.gif) no-repeat left 1px;
padding: 0 0 0 20px;
margin-left:15px;
outline: none;
}
#printNShare a:hover {
color: #7eb764;
}
#printNShare span {
background: url(/system/css/icn_email.gif) no-repeat left 6px;
padding: 4px 8px 4px 20px;
margin: 0 0 0 14px;
width: 20px;
}
/*Offshore--Find an office*/
#layoutDefFndOfice {
float: left;
padding: 0 0 0 0;
}
#layoutDefFndOfice #ct_roundedCornerBoxNr {
clear:both;
float:left;
margin-left:15px;
margin-right:0px;
display:inline;
width:662px;
}
#layoutDefFndOfice #rcBorderContentNr {
width: 100%;
}
#layoutDefFndOfice #1nRContent {
float: left;
background-color: #f7f7f7;
}
#layoutDefFndOfice .promixityFilter {
/*float: right;*/
margin:0;
}
#layoutDefFndOfice .promixityFilter label {
display: inline;
font-weight: bold;
}
/*Please do not make any changes to the style declaration below*/
#layoutDefFndOfice #tlc, #layoutDefFndOfice #trc, #layoutDefFndOfice #blc, #layoutDefFndOfice #brc {
background-color: transparent;
background-repeat: no-repeat;
}
#layoutDefFndOfice #tlc {
background-image:url(/system/css/tlcof.gif);
background-position: 0% 0%;
}
#layoutDefFndOfice #trc {
background-image:url(/system/css/trcof.gif);
background-position: 100% 0%;
}
#layoutDefFndOfice #blc {
background-image:url(/system/css/blcof.gif);
background-position: 0% 100%;
}
#layoutDefFndOfice #brc {
background-image:url(/system/css/brcof.gif);
background-position: 100% 100%;
}
#layoutDefFndOfice #tb, #layoutDefFndOfice #bb {
background-color: transparent;
background-repeat: repeat-x;
}
#layoutDefFndOfice #tb {
background-image:url(/system/css/tbof.gif);
background-position: 0% 0%;
}
#layoutDefFndOfice #bb {
background-image:url(/system/css/bbof.gif);
background-position: 50% 100%;
}
#layoutDefFndOfice #rb {
background-image:url(/system/css/rof.gif);
background-position: 100% 0%;
background-repeat: repeat-y;
}
#layoutDefFndOfice #lb {
background-color: #f7f7f7;
background-image:url(/system/css/lof.gif);
background-position: 0% 100%;
background-repeat: repeat-y;
}
/*Offshore----Find an office*/
/*Global Spacing Div*/
#GlobalSpacingDiv { margin-bottom:10px; }
/*Newly added classes*/
#leftContentPane_office {
display: block;
float: left;
margin: 0px 0 0 0;
width: 905px;
}
/*Feedback Link*/
a.bluelinknew, a.bluelinknew:hover {
color: #fff;
}
.feedDiv { margin: 0 auto; }
.feedlink { clear: both; text-align: right; width:953px; *width:900px; }
.feedlink a{ padding: 0 0 0 13px; }
/* Tell A Friend */
#emailThisPage
{
padding: 30px 35px 0 5px;
}
#emailThisPage h2 {
margin:0 0 15px;
padding:0;
color:#333333;
font-family: Arial;
font-weight:normal;
font-size:16px;
}
#emailThisPage .fldtop
{
color:#BECADF;
font-family:Arial;
font-size:13px;
font-weight:bold;
}
#emailThisPage .fldName
{
padding-right: 4px;
border:0 solid;
color:#666666;
font-size:13px;
font-style:normal;
text-align:right;
vertical-align:middle;
width: 120px;
}
#emailThisPage .fieldwidth {
border:1px solid #7F9DB9;
color:#666666;
font-family:Arial;
font-size:13px;
font-style:normal;
font-weight:normal;
margin-bottom:0;
margin-top:6px;
vertical-align:middle;
width:215px;
}
#emailThisPage .sendcopy
{
color:#666666;
font-family:Arial;
font-size:11px;
font-weight:normal;
}
#emailThisPage .sendcopyfield
{
border:1px solid #7F9DB9;
padding:0px;
margin:10px 5px 0 0;
}
#emailThisPage .personalMessage {
border:1px solid #7F9DB9;
color:#666666;
font-family:Arial;
font-size:13px;
font-style:normal;
font-weight:normal;
height:70px;
overflow:hidden;
padding:2px 0 2px 3px;
width:212px;
overflow-y:scroll;
}
#emailThisPage .submitbtn-email
{
padding-left:251px;
}
#emailThisPage .shareHidden{
display: none;vertical-align:center;
}
#emailThisPage .shareSpanError{
color:#FF0000;
font-size:11px;
vertical-align:sub;
*vertical-align:baseline;
}
#printShare #printNShare
{
padding:0px 15px 0px 0px;
margin: 0 0 12px 0;
display: inline;
font: normal 13px Arial, Helvetica, sans-serif;
position: relative;
float:none;
}
/* Tell A Friend */
*html #portalcontent
{
background:none;
}
.noscriptdisplay { display: none; }
/* Added for NEF LOGO Issue */
.logoSpan{}
.logoSpan #hdLogo {
float:left;
width:634px;
height:46px;
padding:30px 0 2px 30px;
}
.logoSpan #hdLogo p.logo {
/* background:url(../../images/logo.gif) no-repeat left top; */
height: 46px;
color: #fff;
/*text-indent: -25px;*/
}
.logoSpan #hdChannelsMenu {
float:left;
width:3px;
padding:0;
height:78px;
}
|
