body
{
	text-align:center;
	margin:0px;
	font-family:Helvetica, Arial;
	overflow: -moz-scrollbars-vertical;
	color:#000000;
    margin-top:0px;
    margin-left:0px;   
}

h1 {font-size:40px; font-family:Arial; font-weight:normal; color: #666666;}
h2 {font-size:12px; font-family:Arial; font-weight:bold;}

h5
{ color: Red; font-size: 20px; }

.fairusage
{ font-size: 10px; color: #999999; text-decoration:underline; }

p
{ font-size:12px; font-family:Arial; width: 300px; }

.popup
{ position:relative; top: 5px; border: solid 1px #7D181E; height: 330px; width: 450px; 
  padding: 15px 15px 15px 15px; font-family: Arial; text-align:left; font-size: 12px; }

.popupHeader
{ font-size: 14px; font-family: Arial; }
	
.link
{ color: #FFFFFF; text-decoration: underline; }

.close
{ position: relative; left: 200px; }

.lightGrey
{ background-color: #ECECEC; }


#wrapper
{	
	background-color:#ffffff;
	width:900px;
    margin:0 auto;
    text-align:left;
    position:relative;
   
}

#border
{	
	width:898px;
	margin:0 auto;
    text-align:left;
    
}


.LogInBox
{ position:relative; bottom: 30px; right: 25px; }
  
.loginTitle
{ font-size: 40px; font-family:Arial Rounded MT Bold; color: #7D181E; position:relative; bottom: 145px; left: 100px; }

.greyfooter
{ color: #333333; font-size:10px; text-align:center; position:relative; right:10px; padding-bottom: 20px; top: 25px; width: 800px;}

.FooterTable
{ font-size: 14px; color: #999999; font-weight:bold; position: relative; right:0px; width: 735px; }

.BottomPanel
{ position: relative; top: 0px; left: 15px; width: 900px; }

.HomepageTitle
{ font-size: 40px; font-family:Arial Rounded MT Bold; color: #7D181E; position:relative; top: 25px; left: 55px; }

.HomepageParagraph
{ font-size: 14px; color: #000000; position:relative; top: 25px; left: 55px; }

.TopUpPara
{ position:relative; left: 145px; }

.PrivacyParagraph
{ font-size: 14px; color: #000000; position:relative; top: 25px; left: 55px; width: 700px; }

.maroon
{ color: #961E23; }

.PPsearch
{ position:relative; top:10px; left: 5px; }

.PPsearchAbout
{ position:relative; top:17px; left: 8px; }

.largeblack
{ color: #333333; font-size: 24px; font-family: Lucida Sans; }

.login-white
{ font-size: 12px; color: #ffffff; font-family:Arial Rounded MT Bold; text-decoration:none; position:relative; bottom: 17px; left: 645px; }

.faqheader
{ font-size: 16px; padding-bottom: 10px; font-weight:bold; }

.successLabel
{ position:relative; left: 160px; color: #33CC00; }

.largemaroon
{ color: #961E23; font-size: 24px; font-family: Lucida Sans; }

.FirstStopCard
{ position: relative; left: 25px; top: 25px; float:left; }

.login
{ position:relative; top: 50px; right:150px; height: 424px; }

.error
{ position:relative; top: 50px; right:10px; height: 250px; }

.loginButton
{ position:relative; top: 25px; right:175px; }

.AboutCard
{ position: relative; right: 25px; top: 25px; float:right; }

.faqLink
{ color: #9E2024; position:relative; top: 10px; font-weight: bold; text-decoration: underline; }

.hyperlink
{ text-decoration:none; color: #000000; }

.AboutApply
{ float: right; position: relative; top:225px; left: 190px; }

.PayPoint
{ position: relative; left: 25px; top: 25px; float:left; }

.smallPayPoint
{ float: right; position:relative; bottom: 67px; right: 15px; }

.aboutHeader
{ font-family: Arial Rounded MT Bold; font-size: 35px; position:relative; top: 25px; left: 30px; }

.aboutHappenTable
{ position:relative; top: 50px; left: 0px; }

.TopMidCol
{ margin-top:-10px; position:relative; height: 200px; }

.HomepageLeftParagraph
{ font-size: 17px; color: #000000; position: relative; top: 15px; left: 30px; }

.HomepageRightParagraph
{ font-size: 17px; color: #000000; position: relative; top: 25px; left: 30px; }

.BotLeftCol
{ margin-top:100px;	position:relative; }

.link
{ text-decoration:underline; color: #000000; }

.HomepageBanner
{ position: relative; bottom: 30px; right: 40px; float:right; }

.LargePrepaid
{ position: relative; bottom: 115px; right: 40px; float:right; }

.AboutBotLeftCol
{ margin-top:300px;	position:relative; height: 100px; }

.AboutBotRightCol
{ margin-top:100px;	position:relative; height: 100px; }

.content
{ font-size: 14px; color: #000000; width: 750px; position:relative; top: 20px; left: 45px; }

.footerLink
{ color: #999999; text-decoration: none; }

.footerLink:Hover
{ text-decoration:underline; }

#BottomCol
{ position:relative; bottom: 15px; width: 900px; }

#BottomColFF
{ position:relative; bottom: 25px; width: 900px; }

.HomepageOpenFee
{ font-size: 26px; font-weight: bold; font-family: Arial; color: #333333; }

.HomepageTermsText
{ font-size: 14px; }

.HomepageMonthFee
{ font-size: 15px; font-weight: bold; font-family: Arial; color: #333333; }

.HomepageArrow
{ position: relative; right: 10px; }

.SecondCard
{ font-size: 20px; font-family:Arial Rounded MT Bold; color: #961E23; position:relative; top: 15px; left: 15px; }

.HomepageBotBox
{ background-image: url(../images/HomepageBotBox.jpg); 
margin-left:20px; background-repeat:no-repeat; width: 264px; 
height: 130px; }

.HomepageBotBoxFF
{ background-image: url(../images/HomepageBotBox.jpg); 
margin-left:20px; background-repeat:no-repeat; width: 264px; 
height: 130px; }

.BotText
{ position: relative; left: 15px; font-size: 14px; }

.AboutTableText
{ position: relative; top: 15px; left: 12px; font-size: 14px; }

.AboutBotTable1
{ background-image: url(../images/Box1.jpg); margin-left:20px; background-repeat:no-repeat; width: 196px;
  height: 162px; }
  
.AboutBotTable2
{ background-image: url(../images/Box2.jpg); margin-left:20px; background-repeat:no-repeat; width: 196px;
  height: 162px; }
  
.AboutBotTable3
{ background-image: url(../images/Box3.jpg); margin-left:20px; background-repeat:no-repeat; width: 196px;
  height: 162px; }
  
.AboutBotTable4
{ background-image: url(../images/Box4.jpg); margin-left:20px; background-repeat:no-repeat; width: 196px;
  height: 162px; }
  
.AboutBotTableText
{ font-size: 14px; position:relative; top:30px; left:40px; }  

.BottomImages
{ margin-top: 15px; float:right; }

.failedLogin
{ font-size: 14px; color: #000000; position:relative; top:25px; left: 195px; }

.footerKeyline1
{ position:relative; top: 15px; }

.footerKeyline2
{ position:relative; top: 40px; }

.VKeyline
{ position:relative; top: 25px; left: 75px; }

.HomepageTopBox
{	
	background-image: url(../images/HomepageTopBox.jpg);
	background-repeat: no-repeat;
	position:relative;
	left: 40px;
	width: 810px;
	height: 316px;	
}

.TopUpTopBox
{	
	background-image: url(../images/HomepageTopBox.jpg);
	background-repeat: no-repeat;
	position:relative;
	left: 40px;
	width: 810px;
	height: 230px;	
}

.ContactTopBox
{	
	background-image: url(../images/HomepageTopBox.jpg);
	background-repeat: no-repeat;
	position:relative;
	left: 40px;
	width: 810px;
		
}



.HomepageLeftBox
{	
	background-image: url(../images/HomepageBox.jpg);
	background-repeat: no-repeat;
	float: left;
	position:relative;
	top: 10px;
	left: 40px;
	width: 397px;
	height: 316px;	
}

.HomepageRightBox
{	
	background-image: url(../images/HomepageBox.jpg);
	background-repeat: no-repeat;
	float: right;
	position:relative;
	top: 10px;
	right: 50px;
	width: 397px;
	height: 316px;	
}

.XmasHomepageRightBox
{	
	float: right;
	position:relative;
	bottom: 47px;
	right: 0px;
	width: 452px;
	height: 267px;
	z-index: 0;	
}


#ctl00_ContentPlaceHolder1_imgApplyOnlineButton /* Problem encountered during release freeze. Remove when xmas info is removed. */
{ position: relative; right: 272px; }

.AboutLeftBox
{	
	background-image: url(../images/HomepageBox.jpg);
	background-repeat: no-repeat;
	float: left;
	position:relative;
	top: 10px;
	left: 50px;
	width: 397px;
	height: 200px;	
}

.AboutRightBox
{	
	background-image: url(../images/HomepageBox.jpg);
	background-repeat: no-repeat;
	float: right;
	position:relative;
	top: 10px;
	right: 40px;
	width: 397px;
	height: 200px;	
}


.menuBackground
{		
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
	width: 900px;
	height: 50px;	
}

/* Header menu */

#menu
{ position: relative; top: 10px; left: 185px; width: 500px; }

.menuItemStyle
{ font-family: Arial Rounded MT Bold; position:relative; top:0px; margin-left: 0px; color: #AEAEAE; 
  height:28px; text-align:center; font-size:13px; padding-right: 0px; }

.menuItemStyle a:hover
{ text-decoration: none; }

.menuSelectedStyle a
{  font-size:13px; position:relative; top: 0px; color: #FFFFFF; }
  
.menuSelectedStyle a:hover
{ text-decoration: none; }

/* Contact Form */

.emailForm
{ position: relative; top: 15px; right: 100px; width:525px; margin-left: 50px; }

.emailForm .label
{ width:150px; text-align:right; display:block;	float:left;	margin-right:10px; }

.emailForm input
{ background-image:url(../images/ContentPages/contactForm/inputBg.gif);	background-repeat:repeat-x;	border:0px;
  border: solid 1px #999999; font-size:10px; height:14px; margin-bottom:10px; width:150px; float:left; }

.emailForm .multilinetextbox
{ border:solid 1px #999999;	width:150px; position: relative; top: -15px; left: 160px; }

.emailForm .submit
{ width:105px; height:34px;	float:right; padding-bottom: 0px; }

.emailFormErrorMessage
{ width:1px; }

.emailFormErrorMessagebox
{ width:1px; position:relative;	top: -100px; left:158px; }

.emailForm .validationSummary
{ margin-left:50px; }

.emailForm .validationSummary li
{ color:#cc0000; font-size:12px; list-style:none; list-style-type:disc;	list-style-image: url(); }

/* appplication form */

.addressLookupPanel
{
	position:absolute;
	top:175px;
	left:375px;
	font-size:11px;
}

.addressLookupPanelPrevious
{
	position:absolute;
	top:12px;
	left:375px;
	font-size:11px;
}

.applicationFormDiv
{
      position:relative;
      top:15px;
      right:30px;
      width:800px;
      height:530px;
      font-size:12px;
}


.applyBreadCrumb
{
    position:absolute;
    color:#999999;
    font-size:13px;
    display:block;
    left:600px;
    float:left;
    top:-10px;
}

.applicationFormLabel
{
    font-size:11px;
    padding-bottom:9px;
    padding-right:5px;
    display: block;
    float: left;
    text-align:right;
}

.loginSecond
{ position: relative; left:150px; font-size:11px; padding-bottom:9px; padding-right:5px; display: block; float: left;
  text-align:right; }

.applicationFormInput
{
    width:200px;
    font-size:11px;
    position:relative;
    top:-4px;
}

.loginSecondInput
{
    width:200px;
    font-size:11px;
    position:relative;
    left: 150px;
    top:-4px;
}

 select.applicationFormInput
{
    width:207px;   
}

.errorMessage
{
    font-size:10px;
    position:absolute;
    left:373px;
}

.errorMessageUpdateDetails
{
    font-size:10px;
    position:relative;
    left:5px;
}

.errorMessageUpdateDetailsSortCode
{
    font-size:10px;
    position:relative;
    left:113px;
    top:-5px;
}

.genderErrorMessage
{
	font-size:10px;
    position:absolute;
    left:373px;
    top:87px;
}

.errorMessageHouse
{
    font-size:10px;
    position:absolute;
    left:373px;
    top:197px;
}

.errorMessageHouseUpdateDetails
{
    font-size:10px;
    position:absolute;
    left:402px;
    top:457px;
}

.errorMessageHousePrevious
{
	font-size:10px;
    position:absolute;
    left:373px;
    top:0px;
}

.errorMessageTelephoneUpdateDetails
{
    font-size:10px;
    position:absolute;
    left:402px;
    top:303px;
}

.errorMessageTelephone
{
    font-size:10px;
    position:absolute;
    left:373px;
    top:325px;
}

.errorMessage1
{
    position:absolute;
    left:373px;
    font-size:10px;    
}

.calendarImage
{
   cursor:pointer;
   position:relative;
   top:-1px;
   left:-3px;
}


.continueButton
{
      position:absolute;
      left:265px;
      top:492px;
}

.backButton
{
      position:absolute;
      left:185px;
      top:492px;
}

.continueButtonStep2
{
      position:absolute;
      left:265px;
      top:350px;
}

.backButtonStep2
{
      position:absolute;
      left:160px;
      top:350px;
}

.anotherButton
{
      position:absolute;
      left:68px;
      top:492px;
}


.helperDiv
{
      position:absolute;
      top:90px;
      left:500px;
      width:300px;
}

.appFormBold
{
      font-weight:bold;
}

.contactsuccesslabel
{
      font-weight:bold;
      margin-left:175px;
}

.appFormItalic
{
      font-style:italic;
}

.secondCardPanelDetails
{
      position:relative;
      top:-15px;
}

.addSecondCardBtn
{
	position:relative;
	left:360px;
}

.helpfulLinksAppForm
{
	left:770px;
	margin-top:-10px;
	position:absolute;
	z-index:100;
	font-size:10px;
	width:100px;
	
}

.errorMessageSecondCard
{
	font-size:10px;
	position:absolute;
    left:320px;
}

.errorMessageSecondCardDOB
{
	font-size:10px;
	position:relative;
    left:130px;
    top:3px;
}

.KYClist
{ font-size: 16px; font-weight:bold; }

.errorMessagePaymentMethod
{
	font-size:10px;
	position:absolute;
	left:210px;
}
	
/* end of application form */

.sBHeadings
{
	background-color:#7D181E;
	color:White;
}

/* Target Safari/Chrome browsers and override with the following classes */

body:last-child:not(:root:root) .BottomPanel
{ position: relative; top: 200px; left: 15px; width: 900px; }

body:last-child:not(:root:root) .FooterTable
{ font-size: 14px; color: #999999; font-weight:bold; position: relative; left:250px; width: 735px; }

body:last-child:not(:root:root) .greyfooter
{ color: #333333; font-size:10px; text-align:center; position:relative; left:225px; padding-bottom: 20px; top: 240px; width: 800px;}

body:last-child:not(:root:root) .footerKeyline1
{ position:relative; top: -5px; left: 160px; }

body:last-child:not(:root:root) .footerKeyline2
{ position:relative; top: 35px; left: 160px; }

body:last-child:not(:root:root) #BottomCol
{ position:relative; top: 325px; right: 385px; width: 900px; }

body:last-child:not(:root:root) .login-white
{ font-size: 12px; color: #ffffff; font-family:Arial Rounded MT Bold; text-decoration:none; position:relative; bottom: 6px; left: 645px; }

body:last-child:not(:root:root) .AboutApply
{ float: right; position: relative; top:225px; left: 190px; z-index: 9999; }

body:last-child:not(:root:root) .AboutLeftBox
{	
	background-image: url(../images/HomepageBox.jpg);
	background-repeat: no-repeat;
	float: left;
	position:relative;
	top: 90px;
	left: 50px;
	width: 397px;
	height: 200px;	
}

body:last-child:not(:root:root) .AboutRightBox
{	
	background-image: url(../images/HomepageBox.jpg);
	background-repeat: no-repeat;
	float: right;
	position:relative;
	top: 90px;
	right: 40px;
	width: 397px;
	height: 200px;	
}

body:last-child:not(:root:root) .continueButton
{
      position:absolute;
      left:265px;
      top:510px;
}

body:last-child:not(:root:root) .applyBreadCrumb
{
    position:absolute;
    color:#999999;
    font-size:13px;
    display:block;
    left:600px;
    float:left;
    top:50px;
}

body:last-child:not(:root:root) .smallPayPoint
{ float: right; position:relative; bottom: 20px; right: 30px; }