*
{
    margin: 0;
    padding: 0;
    list-style: none;
    border: none;
    text-decoration: none;
    outline: none;
}

body
{
    width: 100%; /*min-height: 768px; */
    margin: 0 auto 0 auto; /*background-color: #333333;*/
    background: #000000; /*url('../Images/noise.png') repeat*/
    color: #ffffff;
    font-family: "Helvetica" , Arial, sans-serif;
    font-size: 14px;
    line-height: 1em; /*overflow: hidden;*/
}

a
{

    color: #ffffff;
    cursor: pointer;
}

#myaccount-wrapper
{
   clear: both;
    margin: 30px 0 0 50px;
    z-index: 1200;
}

#myaccount-wrapper > ul
{
    display: block;
}

#myaccount-wrapper > ul li
{
    float: left;
    padding: 0 20px 0 0;
}

section#my-account.featured #myaccount-wrapper > ul li a span
{
    color: #000;
    text-transform: uppercase;
}

section#my-account.featured #myaccount-wrapper > ul#HeaderSteps
{
    padding-bottom: 30px;
    padding-left: 85px;
}

section#my-account.featured #myaccount-wrapper > ul#HeaderSteps li.selected a span
{
    color: #ffffff;
}

#myaccount-wrapper > ul:after
{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    font-size: 0;
}

#myaccount-wrapper h2
{
    margin-top: 20px;
}

div.RequiredFieldMessage
{
    color: #FF0000;
    font-size: 11px;
}

div.LoginPanel
{
    float: left;
    width: 460px;
    max-width: 460px;
    margin-right: 40px;
    /*padding-top: 10px;*/
}

div.RegisterPanel
{
    float: right;
    width: 460px;
    max-width: 460px;
    padding-top: 0px;
}

div.LoginPanel *, div.RegisterPanel *
{
    box-sizing: content-box;
}

div.LoginPanel div.PageTitle, div.RegisterPanel div.PageTitle
{
    font-size: 11px;
    padding-top: 15px;
    text-transform: uppercase;
    padding-bottom: 5px;
}

div.LoginPanel div.Title, div.RegisterPanel div.Title
{
    font-size: 11px;
    font-weight: bold;
    padding-top: 15px;
}

div.LoginPanel div.FieldStyle, div.RegisterPanel div.FieldStyle
{
    color: #999999;
    float: left;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    width: 140px;
}

div.LoginPanel div.FormField, div.RegisterPanel div.FormField
{
    float: left;
    width: 290px;
}

div.LoginPanel div.Form div.Row input.TextField, div.RegisterPanel div.Form div.Row input.TextField
{
    box-shadow: 2px 3px 3px #999999 inset;
    font-size: 11px;
    font-weight: bold;
    height: 20px;
    padding: 2px 5px;
    width: 250px;
    color: #000000;
    background-color: #ffffff;
}

input#txtUserName {
    box-shadow: 2px 3px 3px #999999 inset;
    font-size: 11px;
    font-weight: bold;
    height: 20px;
    padding: 2px 5px;
    width: 250px;
    color: #000000;
    background-color: #ffffff;
}

div.LoginPanel div.Form div.Row, div.RegisterPanel div.Form div.Row
{
    padding: 10px 0;
}

div.LoginPanel div.Form .Clear, div.RegisterPanel div.Form .Clear
{
    clear: both;
}

div.LoginPanel div.Form div.Row select.FormDropdown, div.RegisterPanel div.Form div.Row select.FormDropdown
{
    background-color: #666666;
    color: #FFFFFF;
    font-size: 9px;
    font-weight: bold;
    height: 24px;
    padding: 4px 5px;
    width: 260px;
}

div.SubTitle
{
    font-size: 11px;
}

div.FailureText
{
    color: #FF0000;
    font-size: 11px;
}

div.LoginPanel div.CheckOutButtonContainer, div.RegisterPanel div.CheckOutButtonContainer
{
    clear: both;
    float: right;
    padding: 10px;
    text-align: right;
    padding-right: 60px;
}

span.requiredField
{
    color: #FF0000;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 5px;
}

div.ContentContainer
{
    display: block;
    float: left;
    left: 50%;
    margin-left: -540px;
    padding: 0 50px;
    position: absolute;
}

div.Overview
{
    font-size: 13px;
    font-weight: bold;
    margin-top: 25px;
    max-width: 947px;
    padding-bottom: 20px;
}

div.Overview p
{
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 10px;
}

div.Overview a
{
    text-decoration: underline;
}

div.Overview a:hover
{
    text-decoration: none;
}

div.Error
{
    font-size: 12px;
    padding-bottom: 15px;
    color:#FF0000;;
}



div.ForgetLink, .login-interests
{
    font-size: 11px;
}

div.ForgetLink
{
    text-transform:none;
    color:#FFF;
    padding-left: 280px;
}
div.ForgetLink a
{
    color: #FF0000;
    font-size: 11px;
    text-transform:none;
    text-decoration:underline;
}

a.RedLink
{
    color: #FF0000;
    font-size: 12px;
    text-transform:none;
    text-decoration:underline;
}

a.GrayButton, input.GrayButton, input#registerProductButton, input.defaultShopButton, input.removeShopButton, input#saveButton
{
    font-family: Helvetica;
    width: 154px;
    background-color: #818181;
    -webkit-transition: background-color .7s ease;
    -o-transition: background-color .7s ease;
    -moz-transition: background-color .7s ease;
    border-radius: 4px;
    border: none;
    font-size: 12px;
    font-weight: bold;
    text-transform: capitalize;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
    display: block;
}

input.button.removeShopButton, input#saveButton
{
    width: 100px;
}

a.GrayButton
{
    height: 20px;
    padding-top: 7px;
    line-height: 11px;
}
input.GrayButton, input#registerProductButton, input.defaultShopButton, input.removeShopButton, input#saveButton
{
    padding: 5px 0;
}

a.GrayButton:hover
{
    background-color: #686868;
    -webkit-transition: background-color .7s ease;
    -o-transition: background-color .7s ease;
    -moz-transition: background-color .7s ease;
}


p.error,div.error
{
    color: #FF0000;
    font-size: 12px;
    line-height: 20px;
    margin-top: 20px;
}


div.TwoColumn.RightColumn
{
    float: left;
    width: 200px;
}

div.TwoColumn.LeftColumn
{
    float: left;
    height: 20px;
    width: 250px;
}

section.featured#my-account
{
    float: left; /*position: relative;*/
    width: 100%;
    min-width: 1100px;
    height: 100%;
    background-color: #000000;
    /*background-image: -moz-radial-gradient(center center , circle farthest-side, #4A4A4A, #333333 33%);*/
    position: absolute;
}

section.featured#my-account .background
{
    cursor: pointer;
}

section.featured header#category
{
    position: static;
    top: 30px;
    left: 0;
    width: 100%;
    height: 36px;
    background-color: #000000;
    background: rgba(0, 0, 0, 0.7); /* not IE friendly :-[ */
    font-size: .69em;
    z-index: 2;
    min-width: 1100px;
}

section#prod-listview.featured.account > header#category {
    height: 5px;
    overflow: hidden;
}


section.featured > header h1
{
    font-family: 'Syncopate' , Helvetica, Arial, sans-serif;
    font-weight: 500;
    text-align: left;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 1.0em\9;
    margin-left: 50px;
    font-size: 1.6em;
    line-height: 36px;
}

section.featured#my-account article ol li header h1
{
    margin: 40px 0px 0px 40px;
    font-size: 1em;
    font-weight: normal;
}

section.featured#my-account article.page
{
    position: absolute;
    left: 0px;
    margin-top: 36px;
    width: 100%;
    height: 100%;
    min-width: 1100px;
    overflow: hidden;
}

section.featured#my-account section > ol > li
{
    width: 235px;
    float: left;
    height: 500px;
    background-color: none;
}

section.featured#my-account .pointer
{
    position: absolute;
    top: -15px;
    z-index: 4;
    width: 0;
    height: 0;
    left: 50%;
    margin-left: -20px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #333333;
}

section.featured#my-account .selected-background
{
    position: absolute;
    left: 50%;
    z-index: -2;
    margin-left: -117.5px;
    width: 235px;
    height: 500px;
    background-color: #565656;
    display: none;
}

section.featured#my-account section#year-control li
{
    color: #a9a9a9;
}

section.featured#my-account section#year-control li.selected
{
    color: #ffffff;
}



section.featured#my-account ol li ol
{
    width: auto;
    margin: 0px 40px 40px 40px;
}

section.featured#my-account ol li ol li
{
    width: 100%;
    float: left;
    margin-top: 5px;
}

section.featured#my-account li h2, section.featured#my-account li span
{
    font-size: .93em;
    font-weight: normal;
    float: left;
    color: #c9c9c9;
}

section.featured#my-account li span, section.featured#my-account li #worldwide-wins
{
    color: #ac1725;
    -webkit-transition: color .4s ease;
    -o-transition: color .4s ease;
    -moz-transition: color .4s ease;
}

section.featured#my-account li span
{
    display: block;
    float: left;
    margin-left: 3px;
    font-size: .92em;
    vertical-align: top;
    text-transform: none;
}


section.featured#my-account div.ContentContainer h2
{
    display: none;
}


section.featured#my-account h3
{
    color: #C2C2C2;
    font-size: 12px;
    font-weight: bold;
    margin: 2px 0 0;
    padding-bottom: 15px;
    text-transform: uppercase;
}

section.featured#my-account div.ContentContainer table th
{
    text-align: left;
}

section.featured#my-account div.ContentContainer table td
{
    padding: 5px 0 10px;
}

section.featured#my-account input[type="text"], section.featured#my-account input[type="password"], section.featured#my-account select
{
    display: inline;
}

section.featured#my-account input[type="password"], section.featured#my-account input[type="text"]
{
    box-shadow: 2px 3px 3px #999999 inset;
    font-size: 11px;
    font-weight: bold;
    height: 20px;
    padding: 2px 5px;
    width: 250px;
    color: #000000;
    background-color: #ffffff;
}

section.featured#my-account select
{
    background-color: #666666;
    color: #FFFFFF;
    font-size: 9px;
    font-weight: bold;
    height: 24px;
    padding: 4px 5px;
    width: 180px;
}


section.featured#my-account table#profile_address tr td > label
{
    display: block;
    width: 148px;
}
section.featured#my-account table#profile_address
{
    padding-bottom: 15px;
}
section.featured#my-account table
{
    color: #999999;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    font-weight: bold;
}

section#my-account.featured h3
{
    padding-bottom: 5px;
    border-bottom: 1px solid;
    margin-bottom: 10px;
}

section.featured#my-account table#gender tr td > label
{
    padding-left: 20px;
    width: 80px;
}
section.featured#my-account table#gender input
{
    width: 10px;
    float: left;
}


section.featured#my-account input.saveBtn
{
    font-family: Helvetica;
    width: 154px;
    background-color: #818181;
    -webkit-transition: background-color .7s ease;
    -o-transition: background-color .7s ease;
    -moz-transition: background-color .7s ease;
    border-radius: 4px;
    border: none;
    font-size: .84em;
    font-weight: bold;
    text-transform: capitalize;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
    display: block;
    padding: 5px 0;
    font-size: 12px;
    float: left;
    margin-top: 40px;
}

section.featured#my-account div#errors
{
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 15px;
}

section.featured#my-account div#errors a
{
    text-decoration: underline;
}
section.featured#my-account div#errors a:hover
{
    text-decoration: none;
}

section.featured#my-account legend
{
    display: none;
    font-size: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}

section.featured#my-account fieldset
{
    border-bottom: 1px solid;
    display: block;
    margin-bottom: 5px;
    padding-bottom: 15px;
    width: 100%;
    color: #999999;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    font-weight: bold;
}
section.featured#my-account fieldset span.text
{
    float: right;
    width: 270px;
}

section.featured#my-account fieldset span.text span
{
    font-size: 11px;
    text-transform: capitalize;
}
section.featured#my-account fieldset span.text input
{
    padding-bottom: 3px;
}

section.featured#my-account fieldset div h4
{
    padding-top: 10px;
}

section.featured#my-account div#bags_my_account_container fieldset label
{
    margin-left: 450px;
}

section.featured#my-account div#bags_my_account_container fieldset h3 + label
{
    margin-left: 0;
}
section.featured#my-account div#bags_my_account_container fieldset h4 + label
{
    margin-left: 0;
}

section.featured#my-account div#bags_my_account_container fieldset select
{
    margin-left: -450px;
}

section#my-account.featured div.ContentContainer div#customfitting_my_account_container h2
{
    display: block;
    color: #C2C2C2;
    font-size: 12px;
    font-weight: bold;
    margin: 2px 0 0;
    padding-bottom: 15px;
    text-transform: uppercase;
}


section#my-account.featured div.ContentContainer div#customfitting_my_account_container label
{
    margin-right: 12px;
    width: 265px;
    display: inline-block;
    width: 250px;
    color: #999999;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

section#my-account.featured div.ContentContainer div#customfitting_my_account_container .checkbox, section#my-account.featured div.ContentContainer div#customfitting_my_account_container .radio
{
    display: inline-block;
    line-height: 19px;
    margin: 10px 0 0 10px;
    vertical-align: top;
    width: 20px;
}

section#my-account.featured div.ContentContainer div#customfitting_my_account_container label.small
{
    display: inline-block;
    height: auto;
    line-height: 19px;
    margin: 10px 0 0 5px;
    vertical-align: top;
    width: 90px;
}

section#my-account.featured div.ContentContainer div#customfitting_my_productregistration_container a, section#my-account.featured div.ContentContainer div#customfitting_my_preferred_shops_container div#errors a
{
    color: #f80017;
    text-decoration: underline;
}
section#my-account.featured div.ContentContainer div#customfitting_my_productregistration_container a:hover, section#my-account.featured div.ContentContainer div#customfitting_my_preferred_shops_container div#errors a:hover
{
    text-decoration: none;
}

section#my-account.featured div.ContentContainer div.alert, section#my-account.featured div.ContentContainer div#customfitting_my_preferred_shops_container div#errors
{
    background: url("../images/my_account/i_icon.jpg") no-repeat scroll 22px 15px #818181;
    border-radius: 5px 5px 5px 5px;
    line-height: 18px;
    margin-top: 18px;
    padding: 14px 46px 14px 75px;
}

section#my-account.featured div.ContentContainer div.alert a
{
    text-decoration: underline;
}
section#my-account.featured div.ContentContainer div#customfitting_my_productregistration_container a.red-button2
{
    font-family: Helvetica;
    width: 154px;
    background-color: #818181;
    -webkit-transition: background-color .7s ease;
    -o-transition: background-color .7s ease;
    -moz-transition: background-color .7s ease;
    border-radius: 4px;
    border: none;
    font-size: 12px;
    font-weight: bold;
    text-transform: capitalize;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
    display: block;
    height: 20px;
    padding-top: 7px;
    line-height: 11px;
    float: right;
    margin-top: 25px;
    text-decoration: none;
}

div#customfitting_my_productregistration_container, div#customfitting_my_preferred_shops_container, div#customfitting_my_emailpreferences_container
{
    font-size: 12px;
    width: 700px;
}

section#my-account.featured div.ContentContainer div#customfitting_my_productregistration_container a.red-button2:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

section#my-account.featured div.ContentContainer div#customfitting_my_productregistration_container form#productregistration
{
    clear: both;
}

section#my-account.featured div.ContentContainer div#customfitting_my_preferred_shops_container div#errors a
{
}


section#my-account.featured header .gradient 
{
    z-index:1;
    position:static;
}

td.radio_list input
{
    float:left;
}

section#my-account.featured table#profile_address tr td.radio_list label
{
    float: left;
    padding-left: 3px;
    width: 70px;
}


section#my-account.featured div.ContentContainer table tr.subscription_option td
{
    padding:20px 0px;
}

tr.subscription_option td input
{
        float:left;
}
section#my-account.featured table#profile_address tr.subscription_option  td label
{
    float: left;
    padding-left: 8px;
    width: 600px;
    color:#FFF;
}

div.subscription_option label,div.subscription_option span
{
    color:#FFF;
    font-size: 12px;    
    line-height: 14px;
}

br.tight {
    display: block;
    content: ' ';
    margin-top: -5px;
}

section.featured.forgot-password > header#category {
    display: none;
}

.CheckOutButtonContainer .button--primary, .LoginPanel input[type=submit].button {
    box-sizing: content-box;
}

label.form_text_white, span.form_text_white
{
    color:#FFF;
    font-size: 12px;
}

span.form_text_white input + label
{
    padding-left: 2px;
    padding-right: 8px;
}

section#my-account.featured input.error, section#my-account.featured select.error
{
    border:1px solid red;
}

div.error_container
{
    color: #F80017;
    font-size: 12px;
    line-height: 16px;
    padding-bottom: 20px;
}

div.success_message
{
    padding-bottom: 20px; 
}

div.Steps
{
        padding: 0 0 20px;
    position: absolute;
    z-index: 101;
}


div.Steps span.Active,div.Steps a.Active {
    color: #FFFFFF;
}

div.Steps span,div.Steps a {
    color: #999999;
    font-size: 12px;
    padding-right: 25px;
    text-transform:uppercase;
}

div#my_account_container
{
     padding-top: 70px;
     position: relative;
     overflow: hidden;
 }
 
 div.Confirmation_message
 {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 0.85em;
    font-weight: normal;
    line-height: 1.18em;
 }
 
 div.Confirmation_message a
 {
   color: #F80017;
    font-size: 11px;
    text-decoration: underline;
 }
 
 a.HelpIcon
 {
    background: url("/images/media/checkout_help.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 22px;
    text-indent: -9999px;
    width: 22px;
    vertical-align: middle;
 }
 
 a.redLink
 {
    color: #FF0000;
    font-size: 11px;
    text-decoration: underline;
    text-transform: none;
    cursor: pointer;
 }
 
 a.redLink:hover
 {
     
 }
 
 
 div.print_button {
    display: block;
    float: right;
    height: 19px;
    margin-top: -5px;
    padding-top: 3px;
    width: 60px;
}

div.print_button > a {
    background: url("/images/media/icon_printer.png") no-repeat scroll right 0 transparent;
    color: #CCCCCC;
    display: block;
    height: 19px;
    padding-top: 3px;
    text-decoration: none;
    text-transform: uppercase;
    width: 60px;
}