/*
	Filename:	navigation.css
				Navigation styles for LHC, RHC, footer. Used in all templates where these structures exist.
*/

/* RHC search box */

div.searchBox
{
	margin-bottom: 0.6em;
	margin-left: 10px;
	height: 32px;
}

div.searchBox fieldset
{
	border: 0;
	border-style: none;
	height: 32px;
}

div.searchBox fieldset legend
{
	position: absolute;
	margin-left: -20000px;
	display: none;
}

div.searchBox fieldset input.textBox
{
	width: 100px;
	height: 14px;
	padding: 5px 5px 5px 26px;
	border: solid 1px #0088ce;
	color: #666;
	outline: 0;
	-webkit-border-radius: 6px 0 0 6px;
	-moz-border-radius: 6px 0 0 6px;
	border-radius: 6px 0 0 6px;
	background: url(../images/iconSearch.gif) no-repeat 2px 2px;
	font-size: 0.7em;
	position: relative;
}

div.searchBox input.goButton
{
	width: 39px;
	height: 26px;
	border: 0;
	border-style: none;
	outline: none!important;
	background-color: #0088ce;
	color: #FFF;
	vertical-align: top;
	-webkit-border-radius: 0 6px 6px 0;
	-moz-border-radius: 0 6px 6px 0;
	border-radius: 0 6px 6px 0;
	font-weight: bold;
	font-size: 0.7em;
	position: relative;
}
div.searchBox input.goButton:hover, div.searchBox input.goButton:active { background-color: #004e9a; }

/* STYLES FOR LEFT VERTICAL NAVIGATION MENU */
#leftnav
{
	float: left;
	width: 194px;
	border: 1px #40a6da solid;
	margin-right: 20px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 5px 0 0;
	position: relative;
}

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

#leftnav li
{
	margin: 0;
	padding: 0;
}

#leftnav li.on
{
	margin: 0;
	padding: 0;
}

#leftnav li.on a { background-color: #d3eefb; }

#leftnav li a
{
	text-decoration: none;
	display: block;
	line-height: normal;
	min-height: 20px;
	margin: 0px;
	padding: 3px 10px;
	color: #004e9a;
}

#leftnav li a:hover
{
	text-decoration: none;
	color: #0088ce;
}

#leftnav li.on ul.submenu
{
	padding: 0px;
	clear: both;
	margin: 5px 0px 0px 0px;
}

#leftnav li.on ul.submenu li
{
	padding: 0px;
	padding-top: 0;
	text-transform: none;
	font-size: 0.9em;
}

#leftnav li.on ul.submenu a
{
	margin: 0px 0px 0px 10px;
	font-size: 0.9em;
	font-weight: normal;
	padding: 0px 10px;
	background: none;
}

#leftnav #login
{
	border-top: 1px #40a6da solid;
	padding-top: 5px;
	background-color: #d3eefb;
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
	position: relative;
	margin-bottom: 0;
}

#leftnav #login .welcomeText /* hide deprecated text */
{
	position: absolute;
	left: -10000px;
}

.login_top h2
{
	font-size: 0.8em;
	margin-left: 10px;
	margin-top: 0;
	padding-top: 5px;
	padding-bottom: 12px;
}

#leftnav #login li.on a { background-color: #fff; }


/* social link bar - at bottom of page horizontal */

.socialLinkBar
{
	margin: 0.8em 0 0.6em 1.8em;
	width: 100%;
	border-top: 2.5px #ffd448 dashed;
	border-bottom: 2.5px #ffd448 dashed;
	padding-top: 0.6em;
	padding-bottom: 0em;
}

.socialLinkBar li.heading
{
	float: left;
	width: 124px;
	font-size: 1.1em;
	margin: 0;
	padding-top: 5px;
	color: #004e9a;
}
.socialLinkBar li.freephone
{
	float: right;
	width: 300px;
	font-size: 1.1em;
	margin: 0;
	text-align: right;
	padding-top: 5px;
	color: #004e9a;
}

.socialLinkBar li.freephone span { color: #0088ce; }

ul.socialLinkBar
{
	float: left;
	list-style-image:none;
	list-style-type:none;
	margin: 0;
	padding-left: 0!important;
}

ul.socialLinkBar li
{
	display: inline;
	float: left;
	width: 34px;
	height: 33px;
	margin-right: 2px!important;
	background-image: none!important;
}

ul.socialLinkBar li a
{
	width: 34px!important;
	height: 33px!important;
	background: left top no-repeat;
	padding: 0!important;
	display:block;
	background: url(../images/iconSocnets2011.gif) top left;
}

ul.socialLinkBar li a span
{
	position: absolute;
	margin-left: -2000px;
}

ul.socialLinkBar li a.twitter { background-position: 136px top; }
ul.socialLinkBar li a.twitter:hover { background-position: 136px bottom; }
ul.socialLinkBar li a.facebook { background-position: top left; }
ul.socialLinkBar li a.facebook:hover { background-position: left bottom; }
ul.socialLinkBar li a.flickr { background-position: 102px top; }
ul.socialLinkBar li a.flickr:hover { background-position: 102px bottom; }
ul.socialLinkBar li a.youtube { background-position: 68px top; }
ul.socialLinkBar li a.youtube:hover { background-position: 68px bottom; }
ul.socialLinkBar li a.blog { background-position: right top; }
ul.socialLinkBar li a.blog:hover { background-position: right bottom; }

/* footer */
#footer
{
	background: #fff;
	margin: 0px 15px 20px 15px;
	width: 940px;
	height: 130px;
	padding: 20px 20px 0 20px;
	-moz-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
}
#footer p span.wrap {
	text-transform: none;
	color: #666;
	font-weight: normal;
	display: block;
}
#footer p.left
{
	float: left;
	width: auto;
	margin: 20px 0;
	padding-right: 10px;
	padding-top: 13px;
	font-size: 0.7em;
}
#footer p.right
{
	float: right;
	width: auto;
	color: #f28d2a;
	margin: 7px 20px 0px 0px;
	padding-left: 10px;
	padding-top: 3px;
/*	background: url(../images/bg_navRivet.png) left top no-repeat; */
	text-align: right;
	padding-right: 95px;
}

/* for Registered TM symbol */
#footer p span.wrap span
{
	font-size: 1.45em;
	vertical-align: -0.2em!important;
}

#footer a {
	text-decoration: none;
	color: #231f20;
}
#footer a:hover {
	text-decoration: underline;
}

/* FRSB logo */
#footer a.footerFRSBlink span
{
	position: absolute;
	left: -20000px;
}

#footer a.footerFRSBlink
{
	width: 89px;
	height: 38px;
	float: right;
	display: block;
	background: url(../images/footerFRSBlink.gif) no-repeat bottom;
	padding-top: 10px;
}

p.copyright
{
	font-size: 0.5em;
	padding: 0 36px 40px;
}

/* end of footer */

/* sidebar ad styles */

#sidebar .adPanel
{
	width: 180px;
	float: left;
	font-size: 0.85em;
	min-height: 217px;
	margin-left: 8px;
	margin-bottom: 2em;
}

#sidebar .adPanel h2
{
	font-size: 0.9em;
	color: #ffc50b;
	z-index: 999;
	position: absolute;
	margin-top: 120px;
	padding-left: 10px;
}

#sidebar a.tileButton
{
	position: absolute;
	display: block;
	width: 170px;
	height: 77px;
	background-image: url(../images/bgSidebarAd.jpg);
	color: #fff;
	text-decoration: none;
	padding-top: 140px;
	padding-left: 10px;
}

#sidebar a:hover, #sidebar a:active
{
	background-position: bottom;
	color: #fff;
	text-decoration: none;
}

#sidebar a span
{
	position: absolute;
	left: -3000px;
}

/* pre footer ads */

#tenancybar
{
	height: 99px;
	background-color: #fff;
	width: 936px;
	clear: both;
	margin: 0px 15px;
	padding: 15px 22px 10px;
}
#tenancybar .tenancy {
	margin: 0px 53px 0px 0px;
	padding: 0px;
	float: left;
	height: 94px;
	width: 194px;
	position: relative;
}

#tenancybar .tenancy .text {
	position: absolute;
	bottom: 5px;
	width: 189px;
	margin: 0px;
	padding: 0px 0px 3px 5px;
}
#tenancybar .tenancy .text p
{
	color: #000;
	line-height: 1.2em;
	margin: 0px;
	padding: 0px 0px 0px 5px;
	font-size: 0.55em;
}
#tenancybar .tenancy .text p.header {
	color: #014e9a;
	text-decoration: none;
	font-size: 0.7em;
	font-weight: bold;
}
#tenancybar .tenancy .text p.header a { color: #014e9a; }

/* account managemnt links - nov 2011 */

#header .accountLogin
{
	position: relative;
	margin-top: -115px;
	font-size: 0.6em;
	float: right;
	background-color: #d3eefb;
	padding: 3px 10px 5px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

#header .accountLogin ul
{
	list-style-type: none;
	font-size: 1.4em;
	float: left;
	margin: 0;
	padding: 0;
}

#header .accountLogin ul li
{
	display: inline-block;
	margin-left: 0;
	border-right: 1px #333 solid;
	padding-right: 5px;
	line-height: 0.8em;
	padding-left: 3px;
}

#header .accountLogin ul li:last-child { border: 0; }

#header .accountLogin ul li ul
{
	visibility: hidden;
	position: absolute;
	background-color: #0088ce;
	padding: 3px;
	margin-top: 8px;
	margin-left: -5px;
	width: 110px;
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
	font-size: 1.2em;
}

#header .accountLogin ul li ul li
{
	border: 0;
	margin-top: 3px;
}

#header .accountLogin a
{
	display: inline;
	width: auto;
	height: auto;
	float: none;
	color: #004e9a;
}

#header .accountLogin  ul ul a { color: #fff; }
#header .accountLogin  ul ul a:hover { color: #ffc50d; }

#header .accountLogin a:hover
{
	color: #0088ce;
	text-decoration: none;
}

#header .accountLogin a.dd
{
	padding-right: 12px;
	background: url(../images/bgDd.gif) right 5px no-repeat;
}

#header .accountLogin a.dd:hover { background-image: url(../images/bgDd_over.gif); }