.clear
{
    clear: both;
    height: 1px;
    overflow: hidden;
    line-height: 0;
}
h3
{
    font-size: 14px;
    font-weight: bold;
    padding: 5px 5px;
    margin:0;
}

span.error {
    color: red;
}


.WizardNavigation {
    font-size: 12pt;
    font-family: verdana,helvetica;
    text-align: center;
    color: black;
    margin: 10px 0;
    text-align: center;
}
.WizardNavigation .active {
    cursor: pointer;
    color: #076EAE;
}
.WizardNavigation .WizardNavigationLink {
    text-decoration: none !important;
    color: gray;
    font-weight: bold;
}

.WizardNavigation .WizardNavigationLink:hover {
    text-decoration: none !important;
    color: #076EAE !important;
}

.WizardNavigation .nextStep {
    background: none repeat scroll 0 0 #cdced0;
    color: #076EAE;
}

.CheckBoxes
{
    font-family: Verdana, Arial, sans-serif;
    display: block;
    padding: 15px 0 20px;
    height: 135px;
}
.CheckBoxes .Customer {
    float: left;
}
.CheckBoxes .NewCustomer {
    float: right;
}
.Customer, .NewCustomer
{
    width: 278px;
    height: 125px;
    border: 5px solid #ebebeb;
    font-size: 12px;
    text-align: justify;
}
.Customer .OverBackgr, .NewCustomer .OverBackgr
{
    height: 35px;
    background: #ebebeb;
}
.Customer font, .NewCustomer font
{
    font-size: 12px;
    text-align: justify;
    width: 240px;
    float: left;
    padding: 3px 0 5px 6px;
}
.Customer .TextBoxes, .NewCustomer .TextBoxes
{  margin: 8px 0;
}
.Customer input, .NewCustomer input
{
    display: block;
    float: left;
    clear: left;
}
.Text_block, #knownuser_block, #knownuser_block .Text_block, #knownuser_block .knownuser_table, #title_wantmail_new_block .Text_block,
#wantmail_block .Text_block, #new_block table, #new_block .Text_block
{
    font-family: verdana, helvetica;
    font-size: 8pt;
    font-weight: normal;
    color: #000;
    text-align: justify;
}
#knownuser_block .PearlButton, #new_block .PearlButton
{   margin: 0px 5px;
}
.knownuser_table
{   margin: 5px 0;
}
#title_wantmail_new_block .Text_block b
{   font-size: 10pt;
}
#wantmail_block .Text_block
{   margin-left: 60px ;
}
#wantmail_block .Text_block span
{
    margin-top: 5px;
    display: block;
    width: 170px;
    float: left;
    color: #000;
}
#new_block
{   padding: 10px 0 0;
}
#new_block .Packstation
{   margin: 15px 0 15px;
}
.Text_block span, .knownuser_table span, #title_wantmail_new_block span,
#new_block span
{  color: red;
}
.Text_block p
{
    font-family: verdana,helvetica;
    margin: 0;
    padding: 5px 0;
    font-size: 9pt;
}
#knownuser_block .PearlButton, #new_block .PearlButton
{
    font-size: 8pt;
    font-family: verdana,helvetica;
    font-weight: bold;
    background: #cc0000;
    border-top: 1px solid #ff0000;
    border-bottom: 1px solid #990000;
    border-right: 1px solid #990000;
    border-left: 1px solid #ff0000;
    cursor: pointer;
    color: #fff;
    float: right;
}
#knownuser_block .OrdinaryLink, #new_block .OrdinaryLink
{
    font-size: 8pt;
    font-weight: bold;
    font-family: verdana, helvetica;
    color: #002A4B;
    text-decoration: none;
    float: left;
}

#knownuser_block .OrdinaryLink:hover, #new_block .OrdinaryLink:hover {
    text-decoration: underline;
}

#title_wantmail_new_block, #wantmail_block, #new_block
{   padding: 3px 0;
}
.Steps
{
    text-align: center;
    color: blue;
    font-size: 12px;
    font-family: verdana, helvetica;
    margin: 10px 0;
}
.Steps a
{   text-decoration: none;
}

/*Delivery not before and comments*/

.Delivery_comments_text {
    margin-top: 5px;
}

#Address_detail .Text_block, #Address_detail
{  font-family: verdana, helvetica;
    font-size: 8pt;
    font-weight: normal;
    color: #000;
    text-align: justify;
}
#Address_detail .Output_block
{  margin: 10px 0;
}
#Address_detail .Output_block span
{  margin: 5px 120px 0 0;
    display: block;
    float: left;
}
#Address_detail textarea
{  margin: 10px 0;
}
#Address_detail .PearlButton
{  margin: 0px 5px;
    font-size: 8pt;
    font-family: verdana,helvetica;
    font-weight: bold;
    background: #cc0000;
    border-top: 1px solid #ff0000;
    border-bottom: 1px solid #990000;
    border-right: 1px solid #990000;
    border-left: 1px solid #ff0000;
    cursor: pointer;
    color: #fff;
}

/*Booking*/

#cartViewBlock  table {
    font-size: 8pt;
    text-decoration:none;
    color: black;
}

#cartViewBlock table a {
    font-size: 8pt;
    text-decoration:none;
    color: #002A4B;
}

#cartViewBlock table a:hover {
    text-decoration: underline;
}

#cartViewBlock
{  font-family: verdana, helvetica;
    font-size: 10pt;
    font-weight: normal;
    color: #000;
    background-color: #ebebeb;
    width: 99%;
    padding: 5px 0;
}
#cartViewBlock b
{  padding: 0 5px;
}

#payment_order {
    font-family: verdana, helvetica;
    font-size: 8pt;
    font-weight: normal;
    color: #000;
    text-align: justify;
}

#payment_order a {
    text-decoration: none;
}

#payment_order p {
    font-size: 10pt;
    font-weight: bold;
    margin: 30px 0 20px;
}

#payment_order .checkBoxs b {
    margin: 5px 0;
}

#payment_order .checkBoxs span {
    margin: 4px 0;
    display: block;
}

#payment_order .PearlButton {  margin: 0px 5px;
    font-size: 8pt;
    font-family: verdana,helvetica;
    font-weight: bold;
    background: #cc0000;
    border-top: 1px solid #ff0000;
    border-bottom: 1px solid #990000;
    border-right: 1px solid #990000;
    border-left: 1px solid #ff0000;
    cursor: pointer;
    color: #fff;
}

#BankDates, #BankDates table
{   font-family: verdana, helvetica;
    font-size: 8pt;
    font-weight: normal;
    color: #000;
    text-align: justify;
}
#BankDates .header
{   width: 100%;
    font-weight: bold;
    background: #ebebeb;
    text-align: center;
    line-height: 1.8em;
    display: block;
}
#BankDates .PearlButton
{   margin: 0px 5px;
    font-size: 8pt;
    font-family: verdana,helvetica;
    font-weight: bold;
    background: #cc0000;
    border-top: 1px solid #ff0000;
    border-bottom: 1px solid #990000;
    border-right: 1px solid #990000;
    border-left: 1px solid #ff0000;
    cursor: pointer;
    color: #fff;
}

.BookingPadding {
    margin-left: 10px; margin-right: 10px;
}
.BookingUnPadding {
    margin-left: -10px; padding-right: 20px; margin-right: -37px;
}

#LoginBlock,  #LoginBlock .Text_block, #LoginBlock table {
    font-family: verdana, helvetica;
    font-size: 8pt;
    font-weight: normal;
    color: #000;
    text-align: justify;
}
#LoginBlock .header {
    width: 100%;
    font-size: 14pt;
    background: #ebebeb;
    height: 35px;
    line-height: 1.8em;
    display: block;
    margin: 3px 0;
}
#LoginBlock .LogClient {
    width: 100%;
    font-size: 10pt;
    background: #ebebeb;
    line-height: 1.8em;
    display: block;
}
#LoginBlock .Re-entry {
    font-size: 10px;
    padding: 0 55px;
}
#LoginBlock .Coding {
    padding-top: 25px;
}
#LoginBlock .OrdinaryLink {
    display: block;
    font-weight: bold;
    float: right;
    text-decoration: none;
    padding: 5px 0;
}
#LoginBlock .Manual .LinkHead {
    width: 100%;
    font-size: 10pt;
    background: #ebebeb;
    line-height: 1.8em;
    display: block;
    margin: 3px 0;
}
#LoginBlock .Retrieve .LinkHead {
    width: 100%;
    font-size: 10pt;
    background: #ebebeb;
    line-height: 1.8em;
    display: block;
}
#LoginBlock .Manual li a {
    color: #0000ff;
    font-weight: bold;
    text-decoration: none;
    text-align: justify;
}
#LoginBlock .Manual .Text_block {
    font-size: 10px;
}
#LoginBlock .Retrieve .Coding {
    width: 290px;
    height: 30px;
    display: block;
    padding-top: 10px;
}
#LoginBlock .Button {
    display: block;
    margin: 35px 0;
}

#bank_form .small {
    font-family: monospace;
}

#PearlCheckOutBar {
    height: 52px;
    margin-left: 1%;
    margin-right: 1%;
}

.PearlCheckOutBarButtonDefault {
    float: left;
    text-align: center;
    padding: 14px 8px 14px 12px;
    display: inline-block;
    font-family: helvetica, sans-serif;
    font-size: 18px;
    text-decoration: none;
}

.PearlCheckOutBarButtonCompleted {
    background: #ebebeb;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWU5ZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ffffff 5%, #e9e9e9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #ffffff), color-stop(100%, #e9e9e9));
    background: -webkit-linear-gradient(top, #ffffff 5%, #e9e9e9 100%);
    background: -o-linear-gradient(top, #ffffff 5%, #e9e9e9 100%);
    background: -ms-linear-gradient(top, #ffffff 5%, #e9e9e9 100%);
    background: linear-gradient(to bottom, #ffffff 5%, #e9e9e9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e9e9e9', GradientType=0);

    color: #042e4f
}

.PearlCheckOutBarButtonActive {
    background: #2271b4;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iIzIyNzFiNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNDJlNGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #2271b4 5%, #042e4f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #2271b4), color-stop(100%, #042e4f));
    background: -webkit-linear-gradient(top, #2271b4 5%, #042e4f 100%);
    background: -o-linear-gradient(top, #2271b4 5%, #042e4f 100%);
    background: -ms-linear-gradient(top, #2271b4 5%, #042e4f 100%);
    background: linear-gradient(to bottom, #2271b4 5%, #042e4f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2271b4', endColorstr='#042e4f', GradientType=0);

    color: #fff;
    font-weight: bold;
    position: relative;
}

.PearlCheckOutBarButtonActive:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.PearlCheckOutBarButtonActive:after {
    border-left-color: #195483;
    border-width: 10px;
    margin-top: -9px;
}

.PearlCheckOutBarLastButtonActive {
    background: #2271b4;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iIzIyNzFiNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNDJlNGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #2271b4 5%, #042e4f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #2271b4), color-stop(100%, #042e4f));
    background: -webkit-linear-gradient(top, #2271b4 5%, #042e4f 100%);
    background: -o-linear-gradient(top, #2271b4 5%, #042e4f 100%);
    background: -ms-linear-gradient(top, #2271b4 5%, #042e4f 100%);
    background: linear-gradient(to bottom, #2271b4 5%, #042e4f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2271b4', endColorstr='#042e4f', GradientType=0);

    color: #fff;
    font-weight: bold;
}

.PearlCheckOutBarButtonUncompleted {
    background: #ebebeb;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWU5ZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ffffff 5%, #e9e9e9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #ffffff), color-stop(100%, #e9e9e9));
    background: -webkit-linear-gradient(top, #ffffff 5%, #e9e9e9 100%);
    background: -o-linear-gradient(top, #ffffff 5%, #e9e9e9 100%);
    background: -ms-linear-gradient(top, #ffffff 5%, #e9e9e9 100%);
    background: linear-gradient(to bottom, #ffffff 5%, #e9e9e9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e9e9e9', GradientType=0);

    color: #2271b4;
}

.RegistrationFormInputStyleForEmail {
    font-weight: bold;
}


.BorderForLogonForm {
    padding: 7px 7px 7px 7px;
    border: 1px solid #032D4D;
    border-radius: 12px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
}

/*.LoginButton {*/
    /*text-decoration:none;*/
    /*text-align:center;*/
    /*padding:11px 55px;*/
    /*border:none;*/
    /*-webkit-border-radius:4px;*/
    /*-moz-border-radius:4px;*/
    /*border-radius: 4px;*/
    /*font:20px Arial, Helvetica, sans-serif;*/
    /*font-weight:bold;*/
    /*color:#ffffff;*/
    /*background-color:#db6060;*/
    /*background-image: -moz-linear-gradient(top, #db6060 0%, #ff0000 100%);*/
    /*background-image: -webkit-linear-gradient(top, #db6060 0%, #ff0000 100%);*/
    /*background-image: -o-linear-gradient(top, #db6060 0%, #ff0000 100%);*/
    /*background-image: -ms-linear-gradient(top, #db6060 0% ,#ff0000 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#ff0000',GradientType=0 );*/
    /*background-image: linear-gradient(top, #db6060 0% ,#ff0000 100%);*/
    /*-webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;*/
    /*-moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;*/
    /*box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;*/
/*}*/

.PearlLoginButton {
    -moz-box-shadow: 0px 1px 2px 0px #000000;
    -webkit-box-shadow: 0px 1px 2px 0px #000000;
    box-shadow: 0px 1px 2px 0px #000000;
    -webkit-border-radius:5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-indent: 0;
    padding-left: 1.5em;
    padding-right: 1.5em;
    margin-right: 1px;
    display: inline-block;
    color: #ffffff !important;
    font-family: helvetica,sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    font-style: normal;
    height: 1.6em;
    line-height: 1.6em;
    text-decoration: none;
    text-align: left;
    text-shadow: 1px 1px 0px #000000;
}


.PearlLoginButton:hover {
    color: #ffffff !important;
    font-family: helvetica,sans-serif;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #000000;
}
.PearlLoginButton:active {
    position:relative;
    top:-1px;
}

.PearlLoginButtonRed {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cf4c50), color-stop(1, #b3000f) );
    background: -moz-linear-gradient( center top, #cf4c50 5%, #b3000f 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf4c50', endColorstr='#b3000f');
    background-color: #cf4c50;
    border: 1px solid #bd393d;
}
.PearlLoginButtonRed:hover {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b3000f), color-stop(1, #cf4c50) );
    background: -moz-linear-gradient( center top, #b3000f 5%, #cf4c50 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3000f', endColorstr='#cf4c50');
    background-color: #b3000f;
}

.submit-button {
    border: 1px solid #bd393d;
    background: #b3000f;
    background: -webkit-gradient(linear, left top, left bottom, from(#cf4c50), to(#b3000f));
    background: -webkit-linear-gradient(top, #cf4c50, #b3000f);
    background: -moz-linear-gradient(top, #cf4c50, #b3000f);
    background: -ms-linear-gradient(top, #cf4c50, #b3000f);
    background: -o-linear-gradient(top, #cf4c50, #b3000f);
    background-image: -ms-linear-gradient(top, #cf4c50 0%, #b3000f 100%);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
    -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
    box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
    color: #ffffff;
    font-family: helvetica, serif;
    padding: 8.5px 18px;
    font-size: 14px;
    text-decoration: none;
    vertical-align: middle;
    font-weight: bold;
}
.submit-button:hover {
    border: 1px solid #cf4c50;
    background: #cf4c50;
    background: -webkit-gradient(linear, left top, left bottom, from(#b3000f), to(#cf4c50));
    background: -webkit-linear-gradient(top, #b3000f, #cf4c50);
    background: -moz-linear-gradient(top, #b3000f, #cf4c50);
    background: -ms-linear-gradient(top, #b3000f, #cf4c50);
    background: -o-linear-gradient(top, #b3000f, #cf4c50);
    background-image: -ms-linear-gradient(top, #b3000f 0%, #cf4c50 100%);
    color: #fff;
    font-weight: bold;
    text-decoration: underline;
}

.back-button {
    border: 1px solid #8f8f8f;
    background: #aeaeae;
    background: -webkit-gradient(linear, left top, left bottom, from(#2271B4), to(#042E4F));
    background: -webkit-linear-gradient(top, #aeaeae, #8f8f8f);
    background: -moz-linear-gradient(top, #aeaeae, #8f8f8f);
    background: -ms-linear-gradient(top, #aeaeae, #8f8f8f);
    background: -o-linear-gradient(top, #aeaeae, #8f8f8f);
    background-image: -ms-linear-gradient(top, #aeaeae 0%, #8f8f8f 100%);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: rgba(255, 255, 255, 0.4) 0 0px 0, inset rgba(255, 255, 255, 0.4) 0 0px 0;
    -moz-box-shadow: rgba(255, 255, 255, 0.4) 0 0px 0, inset rgba(255, 255, 255, 0.4) 0 0px 0;
    box-shadow: rgba(255, 255, 255, 0.4) 0 0px 0, inset rgba(255, 255, 255, 0.4) 0 0px 0;
    color: #ffffff;
    font-family: helvetica, serif;
    padding: 8.5px 18px;
    font-size: 14px;
    text-decoration: none;
    vertical-align: middle;
    font-weight: bold;
}
.back-button:hover {
    border: 1px solid #aeaeae;
    background: #8f8f8f;
    background: -webkit-gradient(linear, left top, left bottom, from(#8f8f8f), to(#aeaeae));
    background: -webkit-linear-gradient(top, #8f8f8f, #aeaeae);
    background: -moz-linear-gradient(top, #8f8f8f, #aeaeae);
    background: -ms-linear-gradient(top, #8f8f8f, #aeaeae);
    background: -o-linear-gradient(top, #8f8f8f, #aeaeae);
    background-image: -ms-linear-gradient(top, #8f8f8f 0%, #aeaeae 100%);
    color: #fff;
    font-weight: bold;
    text-decoration: underline;
}

.login_form {
    margin-top: 15px;
}

.PearlLoginButtonBlue {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2271B4), color-stop(1, #042E4F) );
    background: -moz-linear-gradient( center top, #2271B4 5%, #042E4F 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf4c50', endColorstr='#b3000f');
    background-color: #2271B4;
    border: 1px solid #2271B4;
    padding-top: 5px;
    padding-bottom: 5px;
}
.PearlLoginButtonBlue:hover {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #042E4F), color-stop(1, #2271B4) );
    background: -moz-linear-gradient( center top, #042E4F 5%, #2271B4 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3000f', endColorstr='#cf4c50');
    background-color: #042E4F;
}

.PearlLoginBottomButtonLeft {
    margin-right:50px;
}

.PearlLoginBottomButtonRight {
    margin-left: 50px;
}
.ChapterCoding {
    margin-bottom: 30px;
}

.PearlCheckOutBar {
    height: 52px;
    /*margin-left: 1%;*/
    /*margin-right: 1%;*/
    margin: 0 auto;
    width: 570px;
}

#PearlCheckOutBarButton0 {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border: 1px solid #ddd;
    width: 110px;
}

#PearlCheckOutBarButton1 {
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    width: 100px;
    cursor: pointer;
    cursor: hand;
}

#PearlCheckOutBarButton2 {
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    width: 100px;
}

#PearlCheckOutBarButton3 {
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.PearlCheckOutBarButtonDefault {
    float: left;
    text-align: center;
    padding: 14px 8px 14px 12px;
    display: inline-block;
    font-family: helvetica, sans-serif;
    font-size: 18px;
    text-decoration: none;
    background: linear-gradient(to bottom, #ffffff 5%, #e9e9e9 100%);

}

.PearlCheckOutBarButtonNonActive {
    background: #ebebeb;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWU5ZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ffffff 5%, #e9e9e9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #ffffff), color-stop(100%, #e9e9e9));
    background: -webkit-linear-gradient(top, #ffffff 5%, #e9e9e9 100%);
    background: -o-linear-gradient(top, #ffffff 5%, #e9e9e9 100%);
    background: -ms-linear-gradient(top, #ffffff 5%, #e9e9e9 100%);
    background: linear-gradient(to bottom, #ffffff 5%, #e9e9e9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e9e9e9', GradientType=0);
    color: #042e4f
}

.PearlCheckOutBarButtonNonActivePrev {
    color: #042e4f

}

.PearlCheckOutBarButtonNonActiveNext {
    color: #2271b4;
}

.PearlCheckOutBarButtonActive {
    background: #2271b4;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iIzIyNzFiNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNDJlNGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #2271b4 5%, #042e4f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #2271b4), color-stop(100%, #042e4f));
    background: -webkit-linear-gradient(top, #2271b4 5%, #042e4f 100%);
    background: -o-linear-gradient(top, #2271b4 5%, #042e4f 100%);
    background: -ms-linear-gradient(top, #2271b4 5%, #042e4f 100%);
    background: linear-gradient(to bottom, #2271b4 5%, #042e4f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2271b4', endColorstr='#042e4f', GradientType=0);

    color: #fff;
    font-weight: bold;
    position: relative;
}

.PearlCheckOutBarButtonActive:hover {
    cursor:pointer;
}

.PearlCheckOutBarButtonActive:after {
    left: 100%;
    top: 50%;
    border: 10px solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;

    border-left-color: #195483;
    margin-top: -9px;
}

.PearlCheckOutBarButtonActiveLast {
    background: #2271b4;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iIzIyNzFiNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNDJlNGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #2271b4 5%, #042e4f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #2271b4), color-stop(100%, #042e4f));
    background: -webkit-linear-gradient(top, #2271b4 5%, #042e4f 100%);
    background: -o-linear-gradient(top, #2271b4 5%, #042e4f 100%);
    background: -ms-linear-gradient(top, #2271b4 5%, #042e4f 100%);
    background: linear-gradient(to bottom, #2271b4 5%, #042e4f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2271b4', endColorstr='#042e4f', GradientType=0);

    color: #fff;
    font-weight: bold;
}

.PearlCheckOutBarButtonActive:after {
    border-left-color: #195483;
    border-width: 10px;
    margin-top: -9px;
    left: 100%;
    top: 50%;
    border: 10px solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;

    border-left-color: #195483;
}

.PearlCheckOutBarLastButtonActive {
    background: #2271b4;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iIzIyNzFiNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNDJlNGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #2271b4 5%, #042e4f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #2271b4), color-stop(100%, #042e4f));
    background: -webkit-linear-gradient(top, #2271b4 5%, #042e4f 100%);
    background: -o-linear-gradient(top, #2271b4 5%, #042e4f 100%);
    background: -ms-linear-gradient(top, #2271b4 5%, #042e4f 100%);
    background: linear-gradient(to bottom, #2271b4 5%, #042e4f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2271b4', endColorstr='#042e4f', GradientType=0);

    color: #fff;
    font-weight: bold;
}

.PearlCheckOutBarNextFont {
    font-family: helvetica, sans-serif;
    font-size: 18px;
    text-decoration: none;
    color: #2271b4;
}

.PearlCheckOutBarButton2_input {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #faf5fa), color-stop(1, #dfdfdf));
    background: -moz-linear-gradient(top, #faf5fa 5%, #dfdfdf 100%);
    background: -webkit-linear-gradient(top, #faf5fa 5%, #dfdfdf 100%);
    background: -o-linear-gradient(top, #faf5fa 5%, #dfdfdf 100%);
    background: -ms-linear-gradient(top, #faf5fa 5%, #dfdfdf 100%);
    background: linear-gradient(to bottom, #faf5fa 5%, #dfdfdf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faf5fa', endColorstr='#dfdfdf', GradientType=0);
    background-color: #faf5fa;
    border: 1px solid #dcdcdc;
    display: inline-block;
    cursor: pointer;
    color: #2270b4;
    font-family: Verdana;
    font-size: 18px;
    font-weight: bold;
    padding: 22px 55px;
    text-decoration: none;
}


.new-place-button {

    width: 136px;
    padding-bottom: 20px;
    padding-top: 20px;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

    cursor: pointer;

    background-color: #ebebeb;

    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-width: 1px;

    border-color: black;
}

.new-place-button span {
    color: buttontext !important;
}

.delivery_address_type {
   /*margin-left: 5px;*/
   font-weight: bold;
    cursor: pointer;
}

.iconplus_minus {
    width: 12px;
    height: 12px;
    padding-right: 4px;
    padding-left: 4px;
}




