/* Base */
img {
    display: block;
}

a {
    text-decoration: none;
}

/* Misc */
#ui-datepicker-div {
    z-index: 9999999;
}

.ui-widget, .ui-widget button {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1em;
}

.edgeLoad-images {
    visibility: hidden;
}

.edgeLoad-Slider {
    visibility: hidden;
}

/* Header */
#box
{
    float: left;
    height: 121.5px;
    clear: none;
    width: 100%;
    min-height: 3.49895%;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: auto;
    background-attachment: scroll;
    background-size: auto;
    background-color: rgb(0, 35, 75);
    background-position: 0% 0%;
    background-repeat: repeat repeat;
}

#Logo
{
    float: left;
    width: auto;
    height: auto;
    min-width: 0px;
    min-height: 0px;
    max-width: 674px;
    top: 0px;
    left: 0px;
    padding: 0px 0px 0px 10px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    overflow: auto;
}

/* Login */
#box1
{
    float: left;
    height: 108.42px;
    clear: none;
    width: 228px;
    min-height: 50px;
    margin-top: 5px;
    margin-left: 15.834484%;
}

#box2
{
    float: left;
    height: 20px;
    margin-left: 17.142857%;
    margin-top: 7px;
    clear: none;
    width: 94px;
    min-height: 0px;
}

#box6
{
    float: left;
    height: 12px;
    margin: 6px 0px 0px -98.630952%;
    clear: none;
    width: 103px;
    min-height: 0px;
}

#box7
{
    float: left;
    height: 12px;
    margin: -16px 0px 0px 65%;
    clear: both;
    width: 84.03125px;
    min-height: 0px;
}

#text2
{
    float: left;
    font-size: 9px;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    word-wrap: break-word;
    margin: 7px 0px 0px 8.81%;
    clear: none;
    min-height: 0px;
    color: rgb(255, 255, 255);
}

#Forgot
{
    float: left;
    font-size: 9px;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    word-wrap: break-word;
    margin: 0px 0px 0px 15.31%;
    clear: none;
    min-height: 0px;
    color: rgb(255, 255, 255);
    padding: 0px 0px 0px;
}

#ucForgotPassword_hlForgotPassword
{
    float: right;
    font-size: 9px;
    width: 100px;
    height: auto;
    text-align: right;
    font-weight: normal;
    line-height: 1em;
    word-wrap: break-word;
    clear: none;
    min-height: 0px;
    color: rgb(255, 255, 255);
}

.big-btn-login > span
{
    border-radius: 4px;
    border: 1px solid #0081cb;
    background-image: url(/content/img/sprite.png);
    background-position: 0 -312px;
    vertical-align: middle;
    color: rgb(255, 255, 255);
    padding-top: 4px;
    width: 80px;
    height: 28px;
    float: left;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    word-wrap: break-word;
    margin-top: 5px;
    clear: none;
    min-height: 28px;
    max-height: 28px;
}

/* Legend */
#pageLegend
{
    height: auto;
    width: 100%;
    max-width: none;
    margin-top: 138px;
    margin-left: 6%;
    margin-right: 0px;
    float: left;
    clear: none;
    overflow: visible;
    font-size: 100%;
}

#textspan1
{
    line-height: 1em;
    color: rgb(0, 35, 75);
    font-size: 20px;
    margin-left: 18px;
}

#checkOut
{
    margin-left: 18px;
}
/* Middle */
/* Carousel */
#carousel
{
    float: left;
    height: 462px;
    width: 100%;
    margin: 3%;
    clear: both;
    border: 0px solid rgba(160, 185, 225, 0.498039);
}

/* Shift */
#middleLeft
{
    float: left;
    height: 100%;
    max-height: 490px;
    width: 105%;
    clear: none;
    margin-left:4%;
}

#middleRight
{
    /*float: left;*/
    height: 490px;
    width: 380px;
    clear: none;
    margin-top: 3%;
    margin-left: 4%;
}

#box12
{
    float: left;
    height: 83.268495%;
    clear: none;
    width: 100%;
    min-height: 50px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: rgb(0, 35, 75);
}

/* Sign Up */
#text5
{
    float: left;
    font-size: 38px;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    word-wrap: break-word;
    margin: 5% 0px 0px 12%;
    clear: none;
    min-height: 0px;
    color: rgb(255, 255, 255);
}

#text6
{
    float: left;
    font-size: 17px;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    word-wrap: break-word;
    margin: 0px 0px 0px 12%;
    clear: both;
    min-height: 0px;
    color: rgb(255, 255, 255);
}

#DateOfBirth
{
    float: left;
    height: 24px;
    margin: 8% 0px 0px 12%;
    clear: both;
    width: 60px;
    min-height: 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

#text7
{
    float: left;
    font-size: 15px;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    word-wrap: break-word;
    margin: 1% 0px 0px 12%;
    clear: both;
    min-height: 0px;
    color: rgb(255, 255, 255);
}

#text8
{
    float: left;
    font-size: 9px;
    width: 260px;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin: 3% 0px 0px 12%;
    clear: both;
    min-height: 0px;
    color: rgb(255, 255, 255);
}

#First_Name
{
    float: left;
    height: 24px;
    margin: 4% 0px 0px 12%;
    clear: both;
    width: 10px;
    min-height: 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

#Surname
{
    float: left;
    height: 24px;
    margin: 4% 0px 0px 120px;
    clear: none;
    width: 10px;
    min-height: 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

#Number
{
    float: left;
    height: 24px;
    margin: 4% 0px 0px 12%;
    clear: both;
    width: 180px;
    min-height: 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

#Number_AD
{
    margin: 1% 0 0 4px;
}

#Prefered_Name
{
    float: left;
    height: 24px;
    margin: 4% 0px 0px 8%;
    clear: both;
    width: 230px;
    min-height: 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

#Prefered_Name_AD
{
    margin: 1% 0 0 4px;
}

#Find_Number
{
    float: left;
    font-size: 12px;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    word-wrap: break-word;
    margin: 3.43% 0px 0px 12%;
    clear: both;
    min-height: 0px;
    color: rgb(255, 255, 255);
}

#No_Number
{
    float: left;
    height: 10px;
    clear: both;
    width: 10px;
    min-height: 0px;
    background-color: rgba(255, 255, 255, 0);
    margin: 9px 0px 0px 12%;
}

#text9
{
    float: left;
    font-size: 12px;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    word-wrap: break-word;
    margin: 3.5% 0px 0px 2.42%;
    clear: none;
    min-height: 0px;
    color: rgb(255, 255, 255);
}

#Email
{
    float: left;
    height: 24px;
    margin: 4% 0px 0px 12%;
    clear: both;
    width: 230px;
    min-height: 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

#Email_AD
{
    margin: 1% 0 0 4px;
}

/* User Name */

/* Address */


/* Find Boxes */
#Find_Center
{
    float: left;
    height: 10.998087%;
    margin: 0%;
    width: 45%;
    min-height: 50px;
    background-color: rgb(0, 35, 75);
    background-attachment: scroll;
    background-size: auto;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    background-position: 0% 0%;
    background-repeat: repeat repeat;
}

#Find_Dive
{
    float: right;
    height: 10.998087%;
    margin: 0%;
    clear: none;
    width: 45%;
    min-height: 50px;
    background-color: rgb(0, 35, 75);
    background-attachment: scroll;
    background-size: auto;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    background-position: 0% 0%;
    background-repeat: repeat repeat;
}

#text11
{
    float: left;
    font-size: 12px;
    width: 100%;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 1em;
    word-wrap: break-word;
    margin: 15.7px 0px 0px 0%;
    clear: none;
    min-height: 0px;
    color: rgb(255, 255, 255);
}

#text12
{
    float: left;
    font-size: 12px;
    width: 100%;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 1em;
    word-wrap: break-word;
    margin: 22.41px 0px 0px 0%;
    clear: none;
    min-height: 0px;
    color: rgb(255, 255, 255);
}

/* Shift */
.shiftFrame
{
    display: block;
    position: relative;
    overflow: hidden;
    height: 100%;
}

.shiftFirst
{
    float: left;
    display: block;
    position: relative;
    width: 350px;
}

.shiftNext
{
    float: left;
    display: none;
    position: absolute;
    width: 350px;
}

/*Theme*/
input [type="text"], input[type="password"], select
{
    color: #555555;
    border: 1px solid #555555;
}

    input[type="text"]:focus, input[type="password"]:focus, select:focus
    {
        color: #0000FF;
        border: 1px solid #0000FF;
    }

.error
{
    color: #FF0000;
    border: 1px solid #FF0000;
}

.messageBox
{
    font-size:9px;
    color:white;
    line-height: 1.6em;
    height: 18px;
    word-spacing: 0pt;
    letter-spacing: 0px;
}
.resultBox
{
    height: 20px;
    width: 20px;
    float: left;
    display: inline;
    padding-top: 15px;
}

div.big-btn-submit 
{
    border-radius: 4px;
    border: 1px solid #0081cb;
    background-image: url(/content/img/sprite.png);
    background-position: 0 -312px;
    padding-top: 5px;
    width: 80px;
    height: 32px;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    word-wrap: break-word;
    margin-top: 8%;
    margin-left: 12%;
    clear: none;
    min-height: 32px;
    max-height: 32px;
    text-align: center; 
    float: left;
}

div.big-btn-next 
{
    border-radius: 4px;
    border: 1px solid #0081cb;
    background-image: url(/content/img/sprite.png);
    background-position: 0 -312px;
    padding-top: 5px;
    width: 80px;
    height: 32px;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    word-wrap: break-word;
    margin-top: 12%;
    margin-left: 8%;
    clear: none;
    min-height: 32px;
    max-height: 32px;
    text-align: center; 
    float: left;
}

#Password
{
    float: left;
    height: 24px;
    margin: 8% 0px 0px 8%;
    clear: both;
    width: 230px;
    min-height: 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

#Password_Confirm
{
    float: left;
    height: 24px;
    margin: 8% 0px 0px 8%;
    clear: both;
    width: 230px;
    min-height: 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.registerBox
{
    float: left;
    margin: 4% 0px 0px 6%;
    clear: both;
    width: 77.14%;
    min-height: 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

#reg2-box11 {
    float: left;
    height: 490px;
    clear: none;
    width: 350px;
    min-height: 50px;
    position: static;
    top: 0px;
    left: 0px;
    margin-top: 1%;
    margin-left: 3%;
}

#reg2-box13 {
    float: left;
    height: 300.47%;
    margin: -10.75px 0px 0px -15%;
    clear: none;
    width: 27.27%;
    border-top-left-radius: 90%;
    border-top-right-radius: 90%;
    border-bottom-left-radius: 90%;
    border-bottom-right-radius: 90%;
    background-color: rgb(156, 180, 220);
}

#reg2-box16 {
    float: right;
    height: 300.47%;
    margin: -26.9% -15% 0px 0px;
    clear: both;
    width: 27.27%;
    border-top-left-radius: 90%;
    border-top-right-radius: 90%;
    border-bottom-left-radius: 90%;
    border-bottom-right-radius: 90%;
    background-color: rgb(0, 35, 75);
}

#reg2-box12 {
    float: left;
    height: 2.037628%;
    margin: 23.44px 0px 40px 15.5%;
    clear: none;
    width: 31.428571%;
    background-color: rgb(156, 180, 220);
}

#reg2-box14 {
    float: left;
    height: 2.037628%;
    margin-left: 0.39732143%;
    margin-top: 23.875px;
    clear: none;
    width: 31.428571%;
    background-color: rgb(0, 35, 75);
}

#reg2-box15 {
    float: left;
    height: 300.47%;
    margin-left: -11.775568%;
    margin-top: -11.1875px;
    clear: none;
    width: 27.258523%;
    border-top-left-radius: 90%;
    border-top-right-radius: 90%;
    border-bottom-left-radius: 90%;
    border-bottom-right-radius: 90%;
    margin-right: auto;
    background-color: rgb(255, 0, 0);
}

#reg2-text4 {
    float: left;
    font-size: 20px;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: 900;
    line-height: 1em;
    word-wrap: break-word;
    margin: 17.24% 0px 0px 30.07%;
    clear: none;
    min-height: 0px;
    color: rgb(255, 255, 255);
}

#reg2-text5 {
    float: left;
    font-size: 20px;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: 900;
    line-height: 1em;
    word-wrap: break-word;
    margin: 6.17px 0px 0px 31.84%;
    clear: none;
    min-height: 0px;
    color: rgb(255, 255, 255);
}

#reg2-text6 {
    float: left;
    font-size: 20px;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: 900;
    line-height: 1em;
    word-wrap: break-word;
    margin: 6.17px 0px 0px 34.97%;
    clear: none;
    min-height: 0px;

    color: rgb(255, 255, 255);
}

#reg3-box11 {
    float: left;
    height: 490px;
    clear: none;
    width: 350px;
    min-height: 50px;
    position: static;
    top: 0px;
    left: 0px;
    margin-top: 1%;
    margin-left: 3%;
}

#reg3-box13 {
    float: left;
    height: 300.47%;
    margin: -10.75px 0px 0px -15%;
    clear: none;
    width: 27.27%;
    border-top-left-radius: 90%;
    border-top-right-radius: 90%;
    border-bottom-left-radius: 90%;
    border-bottom-right-radius: 90%;
    background-color: rgb(156, 180, 220);
}

#reg3-box16 {
    float: right;
    height: 300.47%;
    margin: -26.9% -15% 0px 0px;
    clear: both;
    width: 27.27%;
    border-top-left-radius: 90%;
    border-top-right-radius: 90%;
    border-bottom-left-radius: 90%;
    border-bottom-right-radius: 90%;
    background-color: rgb(255, 0, 0);
}

#reg3-box12 {
    float: left;
    height: 2.037628%;
    margin: 23.44px 0px 20px 15.5%;
    clear: none;
    width: 31.428571%;
    background-color: rgb(156, 180, 220);
}

#reg3-box14 {
    float: left;
    height: 2.037628%;
    margin-left: 0.39732143%;
    margin-top: 23.875px;
    clear: none;
    width: 31.428571%;
    background-color: rgb(156, 180, 220);
}

#reg3-box15 {
    float: left;
    height: 300.47%;
    margin-left: -11.775568%;
    margin-top: -11.1875px;
    clear: none;
    width: 27.258523%;
    border-top-left-radius: 90%;
    border-top-right-radius: 90%;
    border-bottom-left-radius: 90%;
    border-bottom-right-radius: 90%;
    margin-right: auto;
    background-color: rgb(156, 180, 220);
}

#reg3-text4 {
    float: left;
    font-size: 20px;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: 900;
    line-height: 1em;
    word-wrap: break-word;
    margin: 17.24% 0px 0px 30.07%;
    clear: none;
    min-height: 0px;
    color: rgb(255, 255, 255);
}

#reg3-text5 {
    float: left;
    font-size: 20px;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: 900;
    line-height: 1em;
    word-wrap: break-word;
    margin: 6.17px 0px 0px 31.84%;
    clear: none;
    min-height: 0px;
    color: rgb(255, 255, 255);
}

#reg3-text6 {
    float: left;
    font-size: 20px;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: 900;
    line-height: 1em;
    word-wrap: break-word;
    margin: 6.17px 0px 0px 34.97%;
    clear: none;
    min-height: 0px;
    color: rgb(255, 255, 255);
}

/* Bottom */
#pageBottom
{
    height: auto;
    width: 100%;
    padding-left: 48px;
    margin-top: 1%;
    margin-left: 6%;
    margin-right: 0px;
    float: left;
    clear: none;
    overflow: visible;
    font-size: 100%;
}

#About
{
    float: left;
    font-size: 12px;
    width: auto;
    height: auto;
    text-align: left;
    line-height: 9px;
    word-wrap: break-word;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
}

#FAQ
{
    float: left;
    font-size: 12px;
    width: auto;
    height: auto;
    text-align: left;
    line-height: 9px;
    word-wrap: break-word;
    margin-left: 4%;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
}

#Advertising
{
    float: left;
    font-size: 12px;
    width: auto;
    height: auto;
    text-align: left;
    line-height: 1em;
    word-wrap: break-word;
    margin-left: 4%;
    margin-top: 0px;
	clear: none;
    min-height: 0px;
}

#Featured
{
    float: left;
    font-size: 12px;
    width: auto;
    height: auto;
    text-align: left;
    line-height: 1em;
    word-wrap: break-word;
    margin-left: 4%;
    margin-top: 0px;
	clear: none;
    min-height: 0px;
}

#Privacy
{
    float: left;
    font-size: 12px;
    text-align: left;
    font-weight: normal;
    clear: none;
    line-height: 9px;
    font-family: arial;
    color: rgb(255, 255, 255);
}

#Terms
{
    float: right;
    font-size: 12px;
    text-align: left;
    line-height: 9px;
    clear: none;
    min-height: 0px;
    font-family: arial;
    color: rgb(255, 255, 255);
}

/* Footer */
#pageFooter {
    text-align: left;
    line-height: 22px;
    max-height: 66px;
    font-size: .8em;
    color: rgb(255, 255, 255);
    background-color: #1C4480;
}

#pageFooter a:link {
    color: white;
}

#pageFooter a:visited {
    color: white;
}

#pageFooter a:hover {
    color: white;
}

#pageFooter a:active {
    color: white;
}

#footerLeft {
    margin-left: 4%;
    float: left;
}

#footerRight {
    margin-right: 8%;
    float: right;
}
/* Footer End */

@media only screen and (max-width: 768px) 
{
    #middleRight {
        width: 425px;
    }
}