﻿/*  Layout.xsl
	This file should contain any CSS that is used to render the layout,
	structure, and style of the page.  eWebEditPro will not see this file,
	so CSS that is specific to the editable content areas should go in the
	appropriate site-specific CSS file.
*/

html { overflow-y: scroll; } /* normalize presence of scrollbars */
body { text-align: center; background-image: url('/images/Layout/bg_opage.gif'); background-repeat: repeat-x; font-size: 12px; 
	font-family: Helvetica, Verdana, Arial, sans-serif; color: #505C64; margin: 0; padding: 0; } /* Center the layout on the page    */
body.OTH003549 { text-align: center; background-image: url('/images/imp_carney/Rebrand/bg_gray.gif'); background-repeat: repeat-x; font-size: 12px; 
	font-family: Helvetica, Verdana, Arial, sans-serif; color: #505C64; margin: 0; padding: 0; } /* Center the layout on the page    */
#doc1 {
	width: 974px;
	margin: auto;
	text-align: left;
}

/** Page Grid (golden mean):
  * 974px: Total page
  * 565px: Main
  * 214px: Left
  * 175px: Right
  *
  * 10px gutter between all sections (not including page edges)
  * Gutter handled using padding. Margin could also be used.
  * Remember to adjust width if adjusting padding/margin!!
  *
  * LMR = Left, Middle, Right
  * LM  = Left, Middle
  *  MR =       Middle, Right
  *  M  =       Middle
  */
.grid_LMR #grid_container { float: right; width: 750px; }
.grid_LMR #grid_Main      { width: 543px; padding: 10px; background-color: #fff; border-left: 1px solid #becad1; border-right: 1px solid #becad1; }
.grid_LMR #grid_Right     { padding: 10px; background-color: #efefef ; border-left: 1px solid #ced3d6; border-right: 1px solid #ced3d6; }
.grid_LMR #grid_Left      { float: left; width: 194px; padding: 0 10px 10px 20px; }

.grid_LM  #grid_Main      { width: 703px; background-color: #fff; border-left: 1px solid #becad1; border-right: 1px solid #becad1; padding: 5px 10px; }
.grid_LM  #grid_Left      { float: left; width: 194px; padding: 0 10px 10px 20px; }

.grid_MR  #grid_Main      { float: left;  width: 825px; padding-right: 5px; background-color: #fff; border-left: 1px solid #becad1; border-right: 1px solid #becad1; }
.grid_MR  #grid_Right     { background-color: #efefef ; border-left: 1px solid #ced3d6; border-right: 1px solid #ced3d6; }

.grid_M   #grid_Main      { width: 950px; background-color: #fff; border-left: 1px solid #becad1; border-right: 1px solid #becad1; padding: 5px 10px; }

#hd, #bd, #ft { clear: both; }

#wrapper { float: left; padding: 0 10px 0 0; width: 565px; }
#inner_wrapper { background-image: url('/images/Layout/maincontent_top.gif'); background-repeat: no-repeat; padding-top: 10px; }
#wrapper_right { background-image: url('/images/Layout/news_wrappertop.gif'); background-repeat: no-repeat; float: right; width: 175px; padding-top: 10px; }

.grid_LM #wrapper { float: right; padding: 0; width: 725px; }
.grid_LM #inner_wrapper { background-image: url('/images/Layout/maincontent_topnoright.gif'); background-repeat: no-repeat; padding-top: 11px; }

.grid_M #wrapper { padding: 0; width: 972px; }
.grid_M #inner_wrapper { background-image: url('/images/Layout/maincontent_topM.gif'); background-repeat: no-repeat; padding-top: 11px; }

/** Universal **/

a, 
a:link,
a:visited { color: #4896CB; text-decoration: none; }
a:hover { color: #006aac; text-decoration: underline; }

hr { height: 1px; border: none; border-top: 1px solid #006AAC; margin: 5px 0; padding: 0; }

/*** Homepage ***/
.OTH003549 table td { border: 0; vertical-align: top; }
.OTH003549 #layout_Breadcrumbs,
.OTH003549 h1.page_title { display: none; }
.OTH003549 .base h1 { margin: 0; padding: 0 0 13px 0; }
.OTH003549 .not_rotatingad h3 { padding: 0; margin: 0 0 7px 0; }
table td.rotating_ad { border-right: 1px dotted #056CB6; }

/** Homepage Banner **/
.banner { padding: 0; margin: 0 0 10px 0; float: left; background-color: #002F65; width: 750px; height: 90px; }

/*** Header ***/
#hd { padding: 7px 0 0 0; height: 133px; }
#hd_right { float: right; width: 775px; }
#layout_Logo { float: left; padding: 0 13px 0 0; margin: 0; }
#quicklinks { height: 19px; margin: 0; padding: 8px 0; width: 179px; float: right; clear: right; }
#quicklinks select { height: 19px; font-size: 12px; }
#promo_menu { height: 34px; width: 974px; margin-bottom: 5px; }
#promo_menu ul { height: 34px; }
#promo_menu li { float: left; display: inline; padding: 0; margin-right: 10px; height: 34px; }
#promo_menu li a { height: 24px; color: #01416c; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold;
	text-decoration: none; display: block; }
#user_App { text-align: right; }
#hd .perform_search { padding: 0; margin: 0; height: 22px; width: 272px; float: right; }
#hd .perform_search form ul { margin: 0; padding: 0; height: 22px; }
#hd .perform_search li { display: inline; float: left; padding: 0 0 0 5px; width: 207px; }
#hd .perform_search #search_text { font-weight: bold; color: #014675; line-height: 22px; padding-right: 5px; width: 50px; height: 22px; }
#hd .searchbox_empty { border: 1px solid #CFE4F6; color: #0397D7; padding: 2px; font-size: 13px; float: left; }
#hd .search_btn { overflow: visible; display: block; float: left; font-weight: bold; height: 22px; line-height: 22px; text-align: center; width: 42px; }
#hd #layout_SearchField { height: 16px; padding: 2px 3px 2px 8px; border: 1px solid #CFE4F6; color: #0397D7; }
#hd .address_box { width: 300px; float: left; padding-left: 5px; border-left: 1px dotted #056CB6; }
#hd .address_box h3 { font-weight: bold; }

#promo_menu li.carney { width: 121px; }
#promo_menu li.goodsam { width: 195px; }
#promo_menu li.holy { width: 134px; }
#promo_menu li.norwood { width: 122px; }
#promo_menu li.saintanne { width: 138px; }
#promo_menu li.steliz { width: 195px; }

.OTH003549 .carney a { background-image: url('/images/imp_carney/Rebrand/carney_tab.gif'); background-repeat: no-repeat; padding: 10px 0 0 0; text-align: center; }
.OTH003549 .carney a:hover { background-image: url('/images/imp_carney/Rebrand/carney_tabroll.gif'); background-repeat: no-repeat; padding: 10px 0 0 0; text-align: center; }
.OTH003549 .goodsam a { background-image: url('/images/imp_carney/Rebrand/goodsam_tab.gif'); background-repeat: no-repeat; padding: 10px 0 0 0; text-align: center; }
.OTH003549 .goodsam a:hover { background-image: url('/images/imp_carney/Rebrand/goodsam_tabroll.gif'); background-repeat: no-repeat; padding: 10px 0 0 0; text-align: center; }
.OTH003549 .holy a { background-image: url('/images/imp_carney/Rebrand/holy_tab.gif'); background-repeat: no-repeat; padding: 10px 0 0 0; text-align: center; }
.OTH003549 .holy a:hover { background-image: url('/images/imp_carney/Rebrand/holy_tabroll.gif'); background-repeat: no-repeat; padding: 10px 0 0 0; text-align: center; }
.OTH003549 .norwood a { background-image: url('/images/imp_carney/Rebrand/norwood_tab.gif'); background-repeat: no-repeat; padding: 10px 0 0 0; text-align: center; }
.OTH003549 .norwood a:hover { background-image: url('/images/imp_carney/Rebrand/norwood_tabroll.gif'); background-repeat: no-repeat; padding: 10px 0 0 0; text-align: center; }
.OTH003549 .saintanne a { background-image: url('/images/imp_carney/Rebrand/anne_tab.gif'); background-repeat: no-repeat; padding: 10px 0 0 0; text-align: center; }
.OTH003549 .saintanne a:hover { background-image: url('/images/imp_carney/Rebrand/anne_tabroll.gif'); background-repeat: no-repeat; padding: 10px 0 0 0; text-align: center; }
.OTH003549 .steliz a { background-image: url('/images/imp_carney/Rebrand/eliz_tab.gif'); background-repeat: no-repeat; padding: 10px 0 0 0; text-align: center; }
.OTH003549 .steliz a:hover { background-image: url('/images/imp_carney/Rebrand/eliz_tabroll.gif'); background-repeat: no-repeat; padding: 10px 0 0 0; text-align: center; }

.carney a { background-image: url('/images/Layout/carneyopage_tab.gif'); background-repeat: no-repeat; padding: 10px 0 0 0; text-align: center; }
.carney a:hover { background-image: url('/images/Layout/carneyopage_tabroll.gif'); background-repeat: no-repeat; padding: 10px 0 0 0; text-align: center; }
.goodsam a { background-image: url('/images/Layout/goodsamopage_tab.gif'); background-repeat: no-repeat; padding: 10px 0 0 0; text-align: center; }
.goodsam a:hover { background-image: url('/images/Layout/goodsamopage_tabroll.gif'); background-repeat: no-repeat; padding: 10px 0 0 0; text-align: center; }
.holy a { background-image: url('/images/Layout/holyopage_tab.gif'); background-repeat: no-repeat; padding: 10px 0 0 0; text-align: center; }
.holy a:hover { background-image: url('/images/Layout/holyopage_tabroll.gif'); background-repeat: no-repeat; padding: 10px 0 0 0; text-align: center; }
.norwood a { background-image: url('/images/Layout/norwoodopage_tab.gif'); background-repeat: no-repeat; padding: 10px 0 0 0; text-align: center; }
.norwood a:hover { background-image: url('/images/Layout/norwoodopage_tabroll.gif'); background-repeat: no-repeat; padding: 10px 0 0 0; text-align: center; }
.saintanne a { background-image: url('/images/Layout/anneopage_tab.gif'); background-repeat: no-repeat; padding: 10px 0 0 0; text-align: center; }
.saintanne a:hover { background-image: url('/images/Layout/anneopage_tabroll.gif'); background-repeat: no-repeat; padding: 10px 0 0 0; text-align: center; }
.steliz a { background-image: url('/images/Layout/elizopage_tab.gif'); background-repeat: no-repeat; padding: 10px 0 0 0; text-align: center; }
.steliz a:hover { background-image: url('/images/Layout/elizopage_tabroll.gif'); background-repeat: no-repeat; padding: 10px 0 0 0; text-align: center; }

/*** Left Nav ***/
#grid_Left ul.T2 { margin: 10px 0 0 20px; }
#grid_Left li { list-style: disc; margin: 0; padding: 0 0 15px 0; color: #006CB6; } 
#grid_Left li.T2 { list-style: none; padding: 0 0 3px 0; }
#grid_Left li.T2 ul { margin: 5px 0 0 20px; }
#grid_Left li.T2 ul li { padding-bottom: 3px; }
#grid_Left li a,
#grid_Left li a:link,
#grid_Left li a:visited { color: #000; font-weight: bold; font-size: 11px; }
#grid_Left li a:hover { color: #0a4580; text-decoration: none; }
#grid_Left li.T2 a,
#grid_Left li.T2 a:link,
#grid_Left li.T2 a:visited { font-weight: normal; }

/*** Right Rail ***/
#grid_Right .base { margin-top: 10px; }
#grid_Right .Generated_TopNewsAlert ol { margin: 0; padding: 0; }
#grid_Right .base p { font-size: 10px; margin-bottom: 8px; }
#grid_Right .base h2 a { color: #272727; }

/*** Body ***/ 
#layout_Breadcrumbs { font-size: 10px; } 
.gradientheader {
	background-image:url('/images/imp_carney/Rebrand/h3_gradient.jpg');
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	height:29px;
	line-height:29px;
	padding:6px 320px 6px 6px;
}

/*** Footer ***/
#ft      { clear: both; padding: 13px; text-align: center; }
#ft a,
#ft a:link,
#ft a:visited { color: #006cb6; font-size: 11px; font-weight: bold; }
#ft a#pb_link,
#ft a#pb_link:link,
#ft a#pb_link:visited,
#ft a#pb_link:hover { color: #e0e0e0; font-size: 9px; line-height: 30px; }

/** Forms **/
.FormError { background-color: red; color: white; }

/** Top Menu, including T1 with T2 drop-downs
  * Remove this whole section if there is no top menu!
  * Aside from the width, every style here is purely structural.
  * This is just to get the list horizontal and have things line up
  * when the drop-down occurs. Do appearance styling below these.
  **/
#layout_TopMenu       { clear: both; overflow: auto; }
#layout_TopMenu ul    { list-style: none; }
#layout_TopMenu ul.T2 { position: absolute; display: none; width: 160px; }
#layout_TopMenu li:hover ul.T2,
#layout_TopMenu li.hover ul.T2 { display: block; }
#layout_TopMenu li { list-style: none; display: inline; float: left; width: 160px; }
#layout_TopMenu a { display: block; }
#bd select.hover  { visibility: hidden; }

#layout_TopMenu {
	padding: 0; 
	margin: 0; 
	width:770px;
	height: 61px;
}
#layout_TopMenu ul { 
	list-style:none outside none;
	margin:0;
	padding:0;
}
#layout_TopMenu ul li {
	background-image:url("/images/Layout/topNav_btn.gif");
	background-repeat:no-repeat;
	display:inline;
	float:left;
	height:32px;
	line-height:32px;
	margin:0 3px;
	padding:0;
	text-align:left;
	width:122px;
}
#layout_TopMenu ul li a {
	color:#01416C;
	display:block;
	font:bold 12px/32px Helvetica,Verdana,Arial,sans-serif;
	text-align:center;
	text-decoration:none;
}
#layout_TopMenu ul ul {
	background-color:#FFFFFF;
	background-image:url("/images/Layout/dropdown_bg.gif");
	background-repeat:repeat-x;
	border:1px solid #DDDDDD;
	display:none;
	position:absolute;
	width:200px;
	z-index:10;
}
#layout_TopMenu li:hover ul,
#layout_TopMenu li.hover ul{
	display: block;
}
#layout_TopMenu ul ul,
#layout_TopMenu ul ul li {
	background-image:none;
	float:none;
	margin:0;
	padding:0;
}
#layout_TopMenu ul ul li a {
	background-color:transparent;
	color:#01416C;
	font-size:11px;
	font-weight:normal;
	line-height:12px;
	margin:0;
	padding:6px;
	text-align:left;
}

/*! Apply base styles to editable components
  * Copyright (c) 2008, Yahoo! Inc. All rights reserved.
  * Code licensed under the BSD License:
  * http://developer.yahoo.net/yui/license.txt
  * version: 2.6.0
  * Patch: added namespace
  **/
.base h1 { font-size: 18px; padding: 13px 0; font-weight: bold; color: #01416C; }
.base h2 { font-size: 16px; padding: 10px 0; font-weight: bold; color: #01416C; }
.base h3 { font-size: 14px; padding: 8px 0; font-weight: bold; color: #01416C; }
.base h4 { font-size: 12px; font-weight: bold; color: #01416C; }
.base h5 { font-size: 12px; font-weight: bold; color: #01416C; }
.base h6 { font-size: 12px; font-weight: bold; color: #01416C; }

h1.page_title { padding-top: 0; margin-top: 0; }

.OTH003549 #grid_Right .base h1 { font-size: 14px; padding: 0 0 13px 0; font-weight: bold; color: #272727; text-align: center; }
.OTH003549 #grid_Right .base h2 { font-size: 13px; padding: 0 0 10px 0; font-weight: bold; color: #272727; text-align: center; }
.OTH003549 #grid_Right .base h3 { font-size: 13px; padding: 0 0 8px 0; font-weight: bold; color: #272727; text-align: center; }
.OTH003549 #grid_Right .base h4 { font-weight: bold; color: #272727; text-align: left; font-size: 11px; margin-bottom: 10px; }
.OTH003549 #grid_Right .base h5 { font-weight: bold; color: #272727; text-align: center; }
.OTH003549 #grid_Right .base h6 { font-weight: bold; color: #272727; text-align: center; }

#grid_Right .base h2.promoHeader {
	color:#000000;
	font-size:11px;
	margin-top:0;
	padding-top: 0; 
	text-align: left;
}

#grid_Right h1 { font-size: 14px; padding: 0 0 13px 0; font-weight: bold; color: #01416C; }
#grid_Right h2 { font-size: 13px; padding: 0 0 10px 0; font-weight: bold; color: #01416C; }
#grid_Right h3 { font-size: 13px; padding: 0 0 8px 0; font-weight: bold; color: #01416C; }
#grid_Right h4 { font-weight: bold; color: #01416C; }
#grid_Right h5 { font-weight: bold; color: #01416C; }
#grid_Right h6 { font-weight: bold; color: #01416C; }

#grid_Main h4.promoHeader { clear: both; }

#grid_Right,
#grid_Right p,
#grid_Right li,
#grid_Right table { font-size: 11px; }
#grid_Right ul,
#grid_Right ol,
#grid_Right dt { margin-left: 13px; }
#grid_Right li { padding-bottom: 5px; }

.base strong { font-weight: bold; }
.base abbr,
.base acronym {
	border-bottom: 1px dotted #000;
	cursor: help;
}
.base em  { font-style: italic; }
.base del { text-decoration: line-through; }
.base blockquote { margin: 13px; }
.base ul,
.base ol,
.base dl { margin: 10px 13px 13px 26px; }
.base ol li { list-style: decimal outside; }
.base ul li { list-style: disc outside; }
.base dl dd { margin-left:13px; }
.base th,
.base td {
	border: none;
	padding: 8px;
}
.base th {
	font-weight: bold;
	text-align: center;
}
.base caption {
	margin-bottom: 8px;
	text-align: center;
}
.base p,
.base fieldset,
.base table,
.base pre {
	margin-bottom: 8px;
}
.base fieldset { border: 1px solid #01416C; padding: 10px; }
.base legend { color: #01416C; font-weight: bold; padding: 0 10px; }
.base input[type=text],
.base input[type=password],
.base textarea {
	width: 159px;
}


/* Style for eCards */
.eCardForm td, .eCardForm th {
	border: 0;
	text-align: left;
	padding: 5px;
	vertical-align: top;
}

.eCardForm th {
	background-color:#B1B2B5;
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	margin-bottom:3px;
}

.eCardForm p {
	margin-bottom: 2px;
}

.wtnIcon { 
	border:0 none;
	margin:0 8px 1px 0;
	padding:0;
}
