body {text-align:center; margin:0; padding:0;}
#Page {width:960px; margin:0 auto; text-align:left;}
#Content {width:960px;}
.NoFormatting, .NoFormatting span, .NoFormatting label {width:auto !important; float:none !important;}
/* --- Header --- */
#Header {height:110px; position:relative;}
	#Logo {position:absolute; top:12px; left:12px;}
	#NannyLogo {position:absolute; top:12px; left:570px;}
	#Strapline {position:absolute; top:31px; left:110px; width:450px;}
		#Strapline span {display:block;}
	#TopMenu {float:right; padding-top:10px;}
	#Search {position:absolute; top:48px; left:665px; width:295px; height:31px;}
.clearfix {width:100%; clear:both;}

/* --- Menus --- */
#Mainmenu {clear:both; position:relative; width:960px; height:29px;}
	#Mainmenu ul {float:left; clear:both; margin:0; padding:0 12px; width:936px;}

	.Home #Mainmenu ul {border-bottom:6px solid #5DC5CE;}
	
	#Mainmenu li {float:left; list-style-type:none; line-height:29px; height:29px; padding:0 2px; margin:0px;}
	#Mainmenu a {display:block; float:left; color:White; line-height:29px; height:29px; text-decoration:none; padding-left:8px;  background: url(/laf/Menu/BlueTabLeft.jpg);}
	#Mainmenu a span {display:block; float:left; padding-right:8px; background: url(/laf/Menu/BlueTabRight.jpg) top right no-repeat; height:29px;}
	
	#Mainmenu a:hover, #Submenu a:hover {text-decoration:underline;}
	
	#Mainmenu li.MembersAreaTab {position:absolute; top:0px; right:10px;}
	#Mainmenu li.MembersAreaTab a {background: url(/laf/Menu/RubyTabLeft.jpg);}
	#Mainmenu li.MembersAreaTab a span {background: url(/laf/Menu/RubyTabRight.jpg) top right no-repeat;}
	
	#Mainmenu li.selected a {background: url(/laf/Menu/LightBlueTabLeft.jpg);}
	#Mainmenu li.selected a span {background: url(/laf/Menu/LightBlueTabRight.jpg) top right no-repeat;}
	
	#Mainmenu a:hover {cursor:pointer;}

#Submenu {background: url(/laf/Menu/SubmenuBG.jpg) top left; padding:0 10px; line-height:30px; height:30px; clear:both; margin:0px; overflow:hidden;}
	#Submenu ul {clear:both; margin:0; padding:0;}
	#Submenu li {float:left; list-style-type:none; line-height:25px; height:25px; padding:0px 8px 5px 8px; margin:5px 0 0 0;}
	#Submenu li.selected {background:white; line-height:25px; height:25px; margin-top:5px;}
	#Submenu li.selected a {color:#2A3883;}
	#Submenu a {color:white; text-decoration:none;}
	
.MembersArea .MembersAreaMenu {background: url(/laf/Menu/DarkRubyMenuBG.jpg) top left no-repeat !important;}	

#Left, #Right, #Wide, #Middle {padding-bottom:10px;}

#ExpandingMenu .L0, #ExpandingMenu .L1 {display:none; border-bottom:1px solid black;}
#ExpandingMenu .L2 {padding-left:10px;}
#ExpandingMenu .L3 {padding-left:20px;}
#ExpandingMenu .L4 {padding-left:30px;}
#ExpandingMenu .selected {font-weight:bold;}

/* ---home------------------------------------ */
.Home #Content {float:left; padding-top:20px; /*background: url(/laf/contentBG.png) top left no-repeat;*/}
.Home #Left {float:left; width:610px; }
.Home #Right {float:right; width:336px;  margin:0px; padding:0px; height:433px;}

/* --- Login box --- */
#LoginBox {width:355px;}
	#LoginTable {width:100%;}
		#SubLoginTable {width:100%;}
#LoginBox td {}
#LoginBox .username, #LoginBox .password {width:150px; border:1px solid #666; padding:3px;}
#LoginBox .LoginButton {border:1px solid #666; padding:2px 10px;}
#LoginBox .loginrow td {vertical-align:middle; height:25px; line-height:25px; padding-bottom:3px;}
#LoginBox h2 {padding:0px; margin:0px; line-height:1.3em;}
#LoginBox div {position:relative;}
#LoginBox div img {position:absolute; top:0px; left:170px;}

/* Feature Boxes */
.FeatureBox { width:278px; min-height:195px; padding:11px 11px 5px 11px;}
.FeatureBox .Links {float:left; width:150px; padding:0px; margin:0px;}
.FeatureBox .Image {float:right; width:123px;}
	.Home #FeatureBoxOne {float:left; background:#F89214 url(/laf/FeatureBox/Orange.jpg) top left no-repeat; }
	.Home #FeatureBoxTwo {float:right; background:#068CA0 url(/laf/FeatureBox/Blue.jpg) top left no-repeat; }
	.Home #FeatureBoxThree {float:left;background:#8BBD42 url(/laf/FeatureBox/Green.jpg) top left no-repeat; }
	.Home #FeatureBoxFour {float:right;background:#C11F4A url(/laf/FeatureBox/Pink.jpg) top left no-repeat; }

#HomeLogin {height:118px; margin-bottom:10px;}
.Home #HomeLogin {overflow:hidden; margin:0px; width:336px;}
#HomeRightPlaceHolder {float:left; width:164px; min-height:305px;}
	#Join {background:#2A3883 url(/laf/joinBg.jpg) top left no-repeat; min-height:163px; margin-bottom:10px; padding:8px;}
	#Shop {overflow:hidden;}
#HomeNews {float:right; width:146px; padding:8px; border:1px solid #999; height:287px;}
	#HomeNews ul {margin:0px; padding:0px;}
	#HomeNews li {margin:0px; padding:0px; list-style-type:none;}

.Home #Right ul {margin:0; padding:0; list-style-type:none;}
.Home #Right li {border-bottom:1px solid #e8e8e8; padding:10px 0;}
.Home #Right li img {float:left; padding:0 5px 10px 0;}

/* --- Landing ------------------------------- */
.Landing #Wide {float:left;width:620px; }
.Landing #Right {float:right; width:320px; }

/* --- Wide No Nav --- */
.Wide #Wide {float:left; width:620px;}
.Wide #Right {float:right; width:320px;}

/* --- Standard Wide with Nav --- */
.StandardWide #Left {float:left; width:165px; margin-right:32px;}
.StandardWide #Wide {float:right; width:763px;}

/* --- content ------------------------------- */
#Breadcrumb {width:960px; clear:both; padding:7px 0 15px 0; /*background: url(/laf/contentBG.png) top left no-repeat;*/}

.Content #Left {float:left; width:165px; margin-right:32px;}
.Content #Middle {float:left;  width:485px;}
.Content #Right  {float:right; width:250px;}

/* --- News and Events --- */
#RowOne {float:left; background: url(/laf/NewsAndEvents/RowOne.gif) top left repeat-y; width:960px; margin-bottom:14px; padding:10px 0;}
	#LatestNews {float:left; width:310px; border-right:1px solid #08AED7; padding:0 10px;}
	#UpcomingEvents {float:left; width:313px;  padding:0 10px;}
	#Newsletter {float:right; width:260px; padding:0 10px; }

#RowTwo {float:left; background: url(/laf/NewsAndEvents/RowTwo.jpg) top left repeat-y; width:960px; min-height:193px;}
	#PromoOne {float:left; width:306px;  padding:10px; margin-right:14px;}
	#PromoTwo {float:left; width:305px;  padding:10px;}
	#PromoThree {float:right; width:260px; padding:10px; }
	
/* ------------------------------------- JOIN ONLINE --------------------------------- */

.JoinStepOne h1 {margin:7px 0 5px 0;}

.JoinStepOne #Mainmenu ul {border-bottom-width: 6px;border-bottom-style: solid;border-bottom-color: #5dc5ce;}
/* --- STEP 1 - MEMBERSHIUP --- */
.MembershipSelectionTable {width:100%; border:1px solid #ccc;}
.MembershipSelectionTable th {padding:10px; color:#fff; text-align:left;}
.MembershipSelectionTable .Ruby {background:#C01F48;}
.MembershipSelectionTable td {padding:5px 10px; border-right:1px solid #ccc; width:25%;}
.JoinStepOne .Main {float:left; width:960px; margin-bottom:10px;}
.JoinStepOne ul#ProgressIndicator {float:left; width:960px; margin:0; padding:0; list-style-type:none;}
    .JoinStepOne #ProgressIndicator li {float:left; border:1px solid #ccc; background:#F0F0F0; width:318px; padding:10px 0px; text-align:center; margin:0; list-style-type:none;}
    .JoinStepOne #ProgressIndicator li.selected {background:#000; color:#fff; font-weight:bold; font-size:1.1em;}
.JoinStepOne #Left {clear:both; float:left; width:766px;} /* - Used in Join Step Two - */		
.JoinStepOne #Right {float:right; width:182px; margin-top:28px;}
.JoinStepOne .RightContent {margin-bottom:10px; padding:10px; border:1px solid #ccc;}
 
/* Registration Form */
.SelectPanel {position:relative; padding:10px; border-bottom:1px solid #ccc; width:717px;}
.SelectPanel p {padding:0 0 0.5em 0;}
.PanelPosition {position:relative; left:21px;}
.NoBorderBottom {border:0 !important; width:100% !important;}
.NoBorderTop {border-top:0;}
#RegistrationCannotContinue, #InsuranceEmploy {padding:5px; border:1px solid #ccc; margin:5px 0 5px 20px;}
.CheckBox input {float:left; margin-right:5px}
.CheckBox label {display:block;}
.ButtonPanel {display:block; text-align:center; padding:5px 10px; width:717px;}	

/* ---  STEP 2 - YOUR DETAILS --- */
.JoinStepOne .TextBox {border:1px solid red; width:600px; padding-bottom:6px; margin-bottom:10px;}
.JoinStepOne .TextBoxArea {position:absolute; left:310px;}
.JoinStepOne .RequiredField {position:absolute; left:480px;}
.JoinStepOne .ButtonBox {width:300px; text-align:right;}
.JoinStepOne .YourDetailsButton {width:120px;}
.JoinStepOne span.NoStyle {float:left; display:block; width:550px;}
.JoinStepOne span.NoStyle input {float:left;}
.JoinStepOne span.NoStyle label {font-weight:normal; float:right; display:block; width:525px !important;}
#JoinOnline .CheckBox label {width:715px; float:none; font-weight:normal;}
#JoinOnline label.FullWidthLabel {clear:both; display:block; float:none; width:400px; font-weight:bold;}
#JoinOnline .TextRight {position:relative; left:150px; width:400px; margin:0; padding:0 0 10px 0;}
#JoinOnline label {width:150px; font-weight:normal;}
#JoinOnline li {padding-bottom:5px;}
#JoinOnline input[type=text]:focus {background:#e8e8e8;}
#JoinOnline .InvalidPanel {padding:5px; clear:both; margin:10px 0; border:1px solid #000;}

/* --- STEP 3 - CONFIRM AND PAY --- */
#JoinOnline .ConfirmAndPayTable {position:relative; float:left;}
#JoinOnline .ConfirmAndPayTable td {position:relative; padding:2px 20px 2px 5px;}
#JoinOnline span.FullAddress, #JoinOnline span.FullErrorText {width:75%; float:left;}
#JoinOnline .WarningBox {position:relative; float:right; margin-bottom:10px; width:340px;}
#JoinOnline .WarningBoxInner {position:relative; margin-bottom:5px; border:1px solid #ccc; padding:5px;}
#JoinOnline .FullWidth {position:relative; width:430px;}
#JoinOnline .TextBoxRight {position:relative; float:right; bottom:50px; width:300px;}
hr {width:100%; height:1px; border-top:1px solid #ccc; border-bottom:0; clear:both;}
#JoinOnline .EditLink {position:relative; top:4px; left:0px;}


/* --- ORDER CONFIRMATION - SUCCESSFUL --- */
.OrderSuccessful {}
.OrderSuccessful label {width:250px !important;} /*Important used to over-ride label width*/


/* --- Member Area --- */
#MemberAreaLeft {float:left; width:675px;}
	#WelcomeText {background:#f3f3f3; border:1px solid #CCCCCC; padding:10px; margin-bottom:15px;}
	#FreeTextArea {border:1px solid #e4e4e4; background:#f9f9f9; padding:10px; margin-bottom:15px;}
	#PromoBoxes {float:left; background: url(/laf/MembersArea/PromoBoxes.jpg) top left no-repeat; width:675px; margin-bottom:20px;}
		#MemberAreaLeft #PromoOne { float:left; width:195px;  padding:10px; margin-right:15px;}
		#MemberAreaLeft #PromoTwo { float:left; width:195px;  padding:10px;}
			#PromoTwo span {width:30px; background:yellow;}
		#MemberAreaLeft #PromoThree { float:right; width:195px; padding:10px; }

#MemberAreaRight {float:right; width:270px;}
	#MemberAreaRight #MyDetails {background:red url(/laf/MembersArea/MyDetails.jpg) top left no-repeat; padding:10px; margin-bottom:15px;}
	#MemberAreaRight #Shop {background:red url(/laf/MembersArea/Orangebg.jpg) top left no-repeat; padding:10px; margin-bottom:15px;}

.Wide #LoginTable td {padding:3px; background:#e8e8e8;}
.MembersArea #Left #ExpandingMenu .L0 {display:none;}
.MembersArea #Left #ExpandingMenu .L1, .MembersArea #Left #ExpandingMenu .L2, .MembersArea #Left #ExpandingMenu .L3, .MembersArea #Left #ExpandingMenu .L4 {display:block; border-bottom:1px solid #9C1A3E;}

/* Member Area Wide */
.MembersArea #Left {} 
.MembersArea #Content .memberstyleboxwide {border:1px solid #e4e4e4; background:#f9f9f9; padding:10px; margin-bottom:20px; width:741px;}
.MembersArea #Content .memberstyleboxstandard {border:1px solid #e4e4e4; background:#f9f9f9; padding:10px; margin-bottom:20px; width:450px;}
.MembersArea #Content .MyDetails {background:red url(/laf/MembersArea/MyDetails.jpg) top left no-repeat; padding:10px; margin-bottom:15px;}

/* --- Admin Pages --- */
#BlueLine {border-bottom:6px solid #5DC5CE;}
#RedLine {border-bottom:6px solid #BE224A;}

/* --- Right hand section --- */

/* --- Footer --- */
#Footer {width:960px; clear:both; padding-top:10px; position:relative; border-top:1px solid #ccc;}
	#Quicklinks {clear:both; padding:0 0 5px 0;}
		#QuickLinks ul {float:left; width:600px;}
	#Credit {font-size:0.8em; clear:both; text-align:right;}
	#PhoneNumber {position:absolute; top:10px; right:0px;}
	#CompanyInfo {font-size:0.9em;}