﻿/************ USER LOGIN REGISTER PAGE ************/
#UserLoginRegister .LoginLeft
{
    float: left;
    width: 46%;
}
#UserLoginRegister .LoginRight
{
    float: right;
    width: 54%;
}

#UserLoginRegister .Pane
{
    background-color: #dddddd;
    padding: 0px;
    padding-bottom: 10px;
    border-style: solid;
    border-color: #ddd;
    border-width: 1px;
}
#UserLoginRegister .Pane p, #UserLoginRegister .Pane h2
{
    margin-left: 10px;
    margin-right: 10px;
}
#UserLoginRegister .CreateAccountPane h2
{
    float: left;
}
#UserLoginRegister .CreateAccountPane p
{
    float: left;
}
#UserLoginRegister .Button
{
}

#UserLoginRegister .LoginHeader
{
    height: 30px;
    padding-left: 10px;
    margin-bottom: 10px;
}
.CreateAccountPane h2
{
    color: #8b8b8b;
}
.CreateAccountPane p
{
    padding-top: 3px;
}
#UserLoginRegister #PrivacyPanel a
{
    color: #898989;
}
#UserLoginRegister #PrivacyPanel h2, #UserLoginRegister #PrivacyPanel p
{
    color: #8b8b8b;
    margin-left: 0px;
}
#UserLoginRegister #PrivacyPanel
{
    height: 75px;
    margin-left: 0px;
}
#UserLoginRegister .LoginHeader h2
{
    line-height: 30px;
    margin: 0px;
}
#UserLoginRegister .LoginPane .LoginHeader
{
    background-image: url('/Images/Generic/Bars/OrangePaneHeader.png');
    background-repeat: repeat-x;
}
#UserLoginRegister .LoginPane .LoginHeader h2
{
    color: White;
}
#UserLoginRegister .RegisterPane .LoginHeader
{
    background-image: url('/Images/Generic/Bars/WhitePaneHeader.png');
    background-repeat: repeat-x;
}
#UserLoginRegister .RegisterPane .LoginHeader h2
{
    color: #787878;
}

#UserLoginRegister .LoginPane
{
    margin-right: 5px;
    background-image: url('/Images/Generic/Login/LoginBackground.png');
    background-repeat: repeat-x;
    background-color: #dbdbdb;
    background-position: center bottom;
}

#UserLoginRegister .RegisterPane
{
    margin-left: 5px;
    background-image: url('/Images/Generic/Login/RegisterBackground.png');
    background-repeat: repeat-x;
    background-color: #b7b7b7;
}
.LoginPane li
{
    color: #919191;
}
#UserLoginRegister .SmsAdvertPane
{
    margin-right: 5px;
    background-image: url('/Images/Generic/Login/SmsAdvert.png');
    background-position: center;
    background-repeat: no-repeat;
    background-color: White;
    height: 314px;
    border: none;
}

#UserLoginRegister .DidYouKnowPane
{
    padding: 10px;
    text-align: center;
    margin-right: 5px;
    background-color: White;
}

#UserLoginRegister ul.Form
{
    margin-left: 10px;
    margin-right: 10px;
}
#UserLoginRegister ul.Form li .TextBox
{
    width: 225px;
    height: 15px;
    font-size: 8pt;
    font-family: Arial, Helvetica, sans-serif;
    color: #949494;
}
#UserLoginRegister #LoginLeft ul.Form li a
{
    color: #8b8b8b;
}


#UserLoginRegister #LoginLeft ul.Form li .TextBox, #AddressEditPage ul.Form li .TextBox
{
    width: 200px;
}
#UserLoginRegister #LoginLeft ul.Form .FieldDescription
{
    font-size: 8pt;
}
#UserLoginRegister #LoginLeft ul.Form li LABEL
{
    width: 100px;
}

#UserLoginRegister ul.Form li .ProceedButton.SkinnedButton
{
    width: 100px;
    float: right;
}
#UserLoginRegister ul.Form #PostCodeLi INPUT
{
    width: 140px;
    margin-right: 5px;
}
/********** END USER LOGIN REGISTER PAGE **********/

.PostCodeFindButton
{
    width: 70px;
    float: left;
}


.NoMarginPane
{
    margin:0px!important;
}

.SlideLoginBox
{
    padding-top:50px;
      background-image: url('/Images/Generic/SlideLogin/MemberLoginBox.gif');
      background-repeat:no-repeat;
      
          background-position: 13px 6px;
}
.SlideLoginBoxRight
{
    padding-top:0px;
    background-image: url('/Images/Generic/SlideLogin/hereforthefirsttime.gif');
    background-repeat:no-repeat;
      
    background-position: 13px 6px;
}

/************ ADDRESS EDIT ************/
#AddressEditPage .AddressEditPane 
{
    padding: 0;
    background-image: url('/Images/Generic/Login/RegisterBackground.png');
    background-repeat: repeat-x;
    background-color: #b7b7b7;
    border-style: solid;
    border-color: #ddd;
    border-width: 1px;
}

#AddressEditPage .IncompleteMode
{
    
}
/* Make the sidebar disappear in IncompleteMode */
#AddressEditPage.IncompleteMode .AccountSidebar
{
    display: none;
}
#AddressEditPage.IncompleteMode .AddressEditContent
{
    width: 400px;
    margin: 0 auto;
}
#AddressEditPage.NotIncompleteMode .AddressEditContent
{
    margin-left: 260px;
}

#AddressEditPage .AddressEditPane
{
    padding: 0;
    background-image: url('/Images/Generic/Login/RegisterBackground.png');
    background-repeat: repeat-x;
    background-color: #b7b7b7;
    border-style: solid;
    border-color: #ddd;
    border-width: 1px;
}
#AddressEditPage .AddressEditPane .Form
{
       
}
#AddressEditPage .AddressEditPane .Buttons .SkinnedButton
{
    float: right;
    margin-left: 5px;
}

#AddressEditPage .AddressListPane
{
    margin-top: 20px;
    padding: 0px;
}
#AddressEditPage .AddressListPane h2
{
    
}
#AddressEditPage .AddressListPane ul li
{
    list-style-type: none;
}
#AddressEditPage .AddressListPane ul li .SkinnedButton
{
    margin: 11px 0 11px 0;
}
#AddressEditPage .AddressListPane ul li .AddressID
{
    display: none;   
}
#AddressEditPage .AddressListPane ul li .Remove
{
    float: left;
    margin-right: 10px;
}
#AddressEditPage .AddressListPane ul li .AddressText
{
    height: 50px;
    overflow: hidden;
}
#AddressEditPage .AddressListPane ul li .AddressText a
{
    font-weight: bold;
}
#AddressEditPage .AddressListPane ul li .Default
{
    float: right;   
    margin-left: 10px;
}
/********** END ADDRESS EDIT **********/