﻿html {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	font-family:arial, sans-serif;
	color:#666;
}
h2
{
	margin:0;
	padding:0;
	z-index:0;
}
.ajax__calendar {z-index:9; position:relative;}
.bodyContent
{
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background:#ececec;
	font-family:arial, sans-serif;
	font-size:small;
	color:#666;
	}
.info
{
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	font-family:arial, sans-serif;
	font-size:12px;
	color:#999;
	font-weight:normal;
}
td 
{
	font-size:12px;
	}
div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:1006px;
	background:#ececec;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}
div#header {
	width:1006px;
}
div#header .divLogo
{
	margin: 10px 0 0 20px;
}
div#header .divLogoTxt
{
	margin: 0 0 5px 20px;
}
div#header .login { margin:-35px 62px 0 0; vertical-align:text-top; }
div#header .login img { margin: 0 3px 0 0; position:relative; top:2px;}

div#menuBgWrapper #mainMenu img#mainMenuItemsLt
{
    float:right;
    margin:20px 0 0 0;
}
div#menuBgWrapper #mainMenu img#mainMenuItemsRt
{
    float:right;
    margin:20px 34px 0 0;
}
.mainMenuItemsLt
{
    float:right;
    margin:20px 0 0 0;
}
.mainMenuItemsRt
{
    float:right;
    margin:20px 34px 0 0;
}
div#menuBgWrapper #mainMenu ul.topMenu
{
    background: url('../Images/common/mainNavMid.png');
    height:113px;
    float:right;
    margin:20px 0 0 0;
    padding:20px 0 0 0;
    width:420px;
}

div#menuBgWrapper #mainMenu ul.topMenu li
{
    display:inline;
    float:right;
    padding: 23px 2px 0 10px;
}

div#menuBgWrapper #mainMenu ul.topMenu li a
{
    color:#83847b;
    font-size:11px;
    font-family:Verdana;
    text-decoration:none;
    vertical-align:middle;
}

div#menuBgWrapper #mainMenu ul.topMenu li a:hover
{
    text-decoration:underline;
}

div#menuBgWrapper #mainMenu ul.topMenu img
{
    vertical-align:middle;
    padding:0 0 0 15px;
}



.floatleft {
	float:left;
	margin-right:10px;
}

.floatright {
	float:right;
}

.floatclear
{
    clear:both;
}

/*-- Side menu --*/
div#subnav ul
{
	margin:0;
	padding:1px 0 10px 20px;
}

div#subnav ul li, div#subnav ul li a 
{
text-decoration:none;
display:block;
list-style-type:none;
margin:0 0 0px 0;
color:#999;
line-height:22px;
font-size:12px;
width:195px;
}

#subnav li, .lnkLogOut
{
	text-decoration:none;
	display:inline;
	list-style-type:none;
	margin:0 0 5px 0;
	padding: 0 10px 0 0px;
	color:#999;
	font-size:12px;
}

#subnav li a:hover,.lnkLogOut:hover
{
	color:#111;
}

div#subnav div.corner h2
{
	text-align:left;
}

div.main div.corner h2
{
	margin:0;
}


.lblPrice {
	margin: 0 0 15px 0;
	border: 0;
	height: 20px;
	width:150px;
}


.lnkLogOut
{
	margin:0 0 0 26px;
}

/*-- Generic sytles --*/

.divPrice {
	margin: 0px 0 15px 0;
	background-position:center left;
	border: 0;
	height: 20px;
	width:150px;
}

select 
{
    color:#999;
}

select: hover
{
    color:#000;
}

.lblInput {
	margin: 1px 0 1px 12px;
	background-position:center left;
	width: 250px;
	
}



.lblDisplay {
	margin: 1px 0 1px 12px;
	border: 0;
	height: 27px;
	width: 160px;
	padding:3px 8px 0px 10px;
	
	

}

td select.ddlPrice {
	margin: 5px 0 5px 10px;
	
	background-position:center left;
	border: 1px solid #eee;
	height: 28px;
	width:253px;
	padding: 4px 5px 4px 5px;
    font-size:12px;
}

.ddlPrice
{
	 
	border:2px solid red;
	font-size:xx-large;
}

.ddlPrice td{
	border: 1px solid #fdfdfd;
}

.ddlbody 
{
	height: 25px;
	width:150px;
    background: #ccc url(../Images/txtBoxCredit.png) no-repeat;
}


th.DarkHeader {
	height: 20px;
	background-color: #EFAA23;
	color: #000000;
	font-weight:bold;
}

.outerborder {
	border: 1 solid #707277;
}

.outerborder th {
	height: 20px;
	background-color: #EFAA23;
	color: #000000;
	text-align:left;
}

.Flat {
	border: 1 solid #9FA19E;
}

.buttonHalf
 {
 	
    background: transparent url('../images/common/buttonhalf.png') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 11px arial, sans-serif;
    margin:-1px 0 0px -10px;
    padding:3px 5px 0 5px; /* sliding doors padding  */
    text-decoration: none;
}

.buttonHalf a
{
	color:#555;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	font-family:Trebuchet MS;
	padding:3px 7px 0 5px;
}

.buttonHalf a:hover
{
	color:#111;
}


.errvalidate 
{
	font-family:arial, sans-serif;
	font-size:12px;
	color:Red;
	margin: 0px 0 0px 0;
	float:left;
	}

.disclaimer
{
	clear:both;
	color:#aaa;
	padding:10px 0 0 0;
	font-weight:bold
}

.warning
{
	font-family:arial, sans-serif;
	font-size:small;
	color:Red;
	margin:60px 0 0 0;
	}
	
/*-- Global style for rounded corner divs --*/
.corner { 
    margin-bottom:0px; 
    color:#999; 
    padding:10px; 
    border:1px solid #E0E0E0; 
    background :#F2F2F2 ; 
    vertical-align:top; 
    table-layout:fixed; 
    font-size:12px; 
}

.banner
{
	margin:0 0 0 30px;
	position:relative;
	
	
	}

.sidepanel
{
    min-height:20px;
   /*-- font-weight:bold;--*/
    width:600px;
    margin:0 0 50px 0;
}

.storeLocatorWidth
{
	width:620px;
}
    
 /* Application Status styling */
 
 .appStatusLbl
 {
 	font-weight: bold;
 	text-align:left;
 	display:block;
 }
 
 .btnDone {
	margin: 1px 0 1px 5px;
	background: url(../Images/common/login_btn.png) no-repeat;
	background-position:center left;
	border: 0;
	height: 18px;
	width: 245px;
	padding:4px 0 4px 10px;
	position:relative;
}

.btnDonelink
{
	margin:0;
	text-transform:uppercase;
	color:#777;
	font-weight:bold;
	text-decoration:none;
	position:relative;
	top:0px;
	*top:-5px;
	left:-65px;
}

.btnDonelink:hover {	color:#111; } 

 /* Application Status styling */
 
div#accDetails
{
	float:right;
	text-align:left;
	width:200px;
	margin:0 0 25px 0;	
	font-weight:bold;
	font-size:12px;
}

div#accBar
{
	float:left;
	background:url('../Images/common/accBar.png');
	width:561px;
	height:90px;
}

.accDetailBox
{
	width: 29%;
	display:block;
	float:left;
	padding: 0 0 0 0;
	margin: 10px 3px 0 15px;
	text-align:center;
	color:#3F3F3F;
	font-weight:bold;
}

.accDetailBox h2
{
	margin:5px 0 17px 0;
}

.gridViewTableHalf
{
	border:1px solid #ECECEC;
	 background:#fff;
	 float:right;
	 font-weight:bold;
}

.gridViewGreyHalf
{
	border:2px solid #ECECEC;
	 float:right;
	 /*font-weight:bold;*/
}

div.transAccDetails
{
	float:right;
}

div#transDd
{
	margin:0 0 20px 0;
	float:left;
	width:590px;
}

div#accNum, div#transHistFrom, div#transHistTo
{
	float:left;
	margin:0 28px 0 0;
}

div#accNum span, div#transHistFrom span, div#transHistTo span
{
	padding:0 0 0 30px;
}

.sideBarDiv
{
	background:url(../Images/Common/menuBarDiv.jpg) no-repeat center;
	width: 193px;
	height: 10px;
	padding: 14px 0px 6px 0px;
	position:relative;
	right:10px;
	vertical-align:middle;
}

.600 { width: 650px; }

#sideLogos ul
{
	list-style-type:none;
	padding-top:10px;
}

#sideLogos ul li
{
	padding: 5px 0 5px 0;
}

/* Main Layout */

div#content {
	width:980px;
	padding:1em 1em 9em; /* bottom padding for footer */
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

div#content div#sideContentArea
{
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	float:left;
	margin-left:25px;
	width:240px;
}

div#content div#mainContentArea {
float:right;
width:650px;
margin:0 30px 0 0;
}

div#footer { width:970px; height: 130px;}
div#footer ul { list-style:none; margin:0; padding:0; font-size:0.9em;}
div#footer ul li { padding:2px 0 0 0;}
div#footer div { float:left; width:140px; padding:5px 0 0 15px; }
div#footer .menu-fsp { width:630px; }
div#footer h4 { font-size:1.1em; text-transform:uppercase; font-weight:bold; margin:5px 0 2px 0;}
div#footer h5 { font-size:0.9em; margin:0 0 2px 0; color:#999; font-weight:normal;}
div#footer ul li a {font-weight:normal; color:#999; text-transform: lowercase;}
div#footer ul li a:hover {color:#555;}
	
#slider 
{
				margin:0;
                padding:0;
                border:none;
}

#slider ul, #slider li 
{
                margin:0;
                padding:0;
                list-style:none;
                border:none;
                }
                
#slider li 
{
                width:614px;
                height:129px;
                overflow:hidden; 
                padding:0;
                margin:0;
                border:none;
                }              
                
#slider ul li a img
{
                border:none;
                height:129px;
                margin:0;
                padding:0;
                width:614px;
}

.repeaterLinkButton
{
	 text-decoration:none;
	 color:#666666;
	
	}
	

.voucherHeader
{
	 background: #e7e7e7;
	 width:93%;
	 font-size:17px;
	 font-family:Verdana;
}


.historyHeading
{
	 font-size:12px;
	 font-family:font-family:arial, sans-serif;
	display:block;
	padding: 15px 0px 0 0px;
	font-weight:bold;
	 
	}
	
.voucherMessage
{
	 font-size:24px;
	 color:White;
}
.voucherDetails
{
	font-weight:bold;
	font-size:16px;
}

.voucherContent
{
	font-size:13px;
	color:Gray;
}
		
		
body{
	background:#f9f9f9;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size:0.8em;
	margin:0;
}
h2, .NewAccount, .Viewyouraccount, .ChangingYourAccount, .eVouchers, .AccountServices{
	font-size:1.5em !important;
	letter-spacing:-0.05em;
	margin-bottom:0px;
}

.floatLeft { float:left; }
.floatRight { float:right; }
.clearFloat { clear:both; }
.rounded-corners {
  -moz-border-radius: 8px; /* Firefox */
  -webkit-border-radius: 8px; /* Safari, Chrome */
  border-radius: 8px; /* CSS3 */
}
.shadow {
  -moz-box-shadow: 0px 0px 5px #ccc;
  -webkit-box-shadow: 0px 0px 5px #ccc;
  box-shadow: 0px 0px 5px #ccc;
}
.box-featured {padding:15px; background:#f9f9f9;}
a.button {
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari, Chrome */
  border-radius: 5px; /* CSS3 */
  -moz-box-shadow: 0px 0px 3px #aaa;
  -webkit-box-shadow: 0px 0px 3px #aaa;
  box-shadow: 0px 0px 3px #aaa;
  font-weight:bold;
  padding:5px 8px 5px 8px;
  text-decoration:none;
}
a.button:hover {
  -moz-box-shadow: 0px 0px 3px #000;
  -webkit-box-shadow: 0px 0px 3px #000;
  box-shadow: 0px 0px 3px #000;
  text-decoration:none;
}


a{
	color:#d71a21;
	font-weight:bold;
    text-decoration:none;
}
a:hover{
    text-decoration:underline;
}
#wrapper {
	margin:0 auto;
	width:970px;
}
#header img#div-logo {
	margin:5px 0 0 15px;
}
#header #onlineaccountservices{
	margin:5px 0 0 12px;
}
#content {
	
}
#content-top {
	background:url('../Images/common/bg_top.png') no-repeat;
	height:32px;
	margin-top: -6px;
}
#content-middle {
	background:url('../Images/common/bg_mid.png') repeat-y;
	height:100%;
	padding:0 0 38px 0;
}
#content-bottom img#ctl00_divcard {
	margin: -40px 0 0 20px;
}
.sidebar{
	margin:10px 0 0 15px;
}
.sidebar-top {
	background:url('../Images/common/sidebar_07.png') no-repeat;
	height:13px;
	width:235px;
}
.sidebar-middle {
	background:url('../Images/common/sidebar_10.png') repeat-y;
	width:235px;
}
.sidebar-middle ul {
	margin:0 0 0 15px;
	padding:10px 5px 5px 5px;
	list-style-type:none;
}
.sidebar-middle ul h3, div#subnav a.NewAccount, div#subnav a.Viewyouraccount, div#subnav a.ChangingYourAccount, div#subnav a.eVouchers, div#subnav a.AccountServices {
	margin:10px 0 0 0;
	text-transform:uppercase;
	color:#181818 !important;
	cursor:default !important;
}
 
.sidebar-middle ul li {
	padding:0.2em 0;
	font-weight:bold;
	color:#a0a2a5;
}
.sidebar-bottom {
	background:url('../Images/common/sidebar_12.png') no-repeat;
	height:13px;
	width:235px;
	margin-bottom:10px;
}
.maincontent {
	width:680px;
	margin:0 0 0 15px;
	padding:33px 0 0 0;
}
.maincontent .fin-services {
	width:190px;
	background:#f9f9f9;
	margin:5px 20px 15px 5px;
	padding:8px;
}
.maincontent .fin-services h2 {
	font-size:1.35em !important;
	letter-spacing:-1px;
}
.maincontent .fin-services:hover {
	background:#eeeeee;
}
.maincontent .div-image {
	margin:-38px 0 -10px 10px;
}
