/* @override 
	https://awear.uat.venda.com/content/ebiz/awear/resources/css/checkout.css
	http://awear.uat.venda.com/content/ebiz/awear/resources/css/checkout.css
*/

/* -- contain -- */
div:after{content:".";display:block;clear:both;visibility:hidden;height:0;}
/* ie mac fix */
fieldset div{display:inline-table;}
* html fieldset div{/* nomac \*/height:1%;/* nomac */}
fieldset div{display:block;}

fieldset.dontFloat  {   

width:310px;
float:left;
margin-right:20px;

}

div.notregisterinput    {
    
    width:300px;
    float:left;
    
    }


.right {float: right;}
.required {color: #d40075;}

/* Layout */
#header .Lcattree {
    display: none;
}

.checkoutL {float: left; width: 675px;  display: inline; margin: 0px 0px 20px 0px;}
.checkoutR {float: right; width: 265px; display: inline; margin: 0px 0px 20px 0; font-size: 0.75em;}
.checkoutR h2 {background: #f0edec !important; color:#D40075; margin:3px 0 6px; padding:2px /*end babs*/;}
.checkoutR .helpinfo, .checkoutR .greyBG {background: #f0edec; padding: 10px; margin-bottom: 10px;}
.checkoutR strong {color: #6c6c6c;}
.checkoutR p {font-size: 12px!important; color: #8E877F;}
.checkoutR ul {margin: 0; padding: 0;}
.checkoutR ul li {list-style: none; padding: 3px 0;}
.checkoutR ul li a {color: #8E877F; text-decoration: none;}
.checkoutR ul li a:hover {color: #D40075; text-decoration: underline;}
.checkoutR a, .checkoutR .orderQuestions ul li a {color: #D40075;}
.checkoutR a:hover, .checkoutR .orderQuestions ul li a {text-decoration: underline;}

.checkoutorcfL, .checkoutorfnL  {float: left; width: 675px;  display: inline; margin: 10px 0px 20px 0px; position: relative;}
.checkoutorcfR, .checkoutorfnR {float: right; width: 265px; display: inline; margin: 30px 0px 20px 0px;}

#checkoutwrapper h1 {font-size: 1.25em;}
#checkoutwrapper h2 {margin-bottom: .5em;}

#checkoutwrapper h2.error {
    background-color: #f99fae;
    padding: 1em;
    margin-bottom:1em
}
#checkoutwrapper .registered h2, 
#checkoutwrapper .notregister h2, 
#footer .Lcat_footer_chk .needHelp h3,
#footer .Lcat_footer_chk p.chk_paymenttitle {
    font-size: 1.25em;
    color: #d40075;
	margin: 0 0 .25em 0;
}

#orderconfirmation, #orderreceipt{font-size: 0.75em}
#orderconfirmation .checkoutR, #orderreceipt .checkoutR {font-size: 100%;}
#orderconfirmation h1, #orderreceipt h1 {font-size: 1.66em;}
#orderconfirmation h2, #orderreceipt h2 {margin: 3px 0px 6px; font-size: 143% ; color:#d40075;}

#orderreceipt #buttons .right {margin-left: 0px; float: right;}
#orderreceipt #buttons {width: 100%;}
#orderreceipt span.printicon {position: absolute; top: 5px; right: 5px;}
#orderreceipt span.printicon  a {color:#D40075;}
#orderreceipt .ordernumber {border-top: 2px dotted #e2e2e2; padding-top: 15px; padding-bottom: 15px;}
#orderreceipt .ordernumber strong {font-size: 125%;}
#orderreceipt #paymentdetails {background: none; border-bottom: 2px dotted #e2e2e2; padding-bottom: 20px;}
#orderreceipt #paymentdetails table tbody tr th, #orderreceipt #paymentdetails table tbody tr td {text-align:left;}
#orderreceipt .thankyou {float: left; padding-right: 8px; font-size: 100%;}

.addcontactaddress, .containeroradeditadd {font-size: 0.8em;}
.addcontactaddress h1, .containeroradeditadd h1 {font-size: 1.4em !important;}

#additionalservices {margin: 0 0 20px 0; background: #f0edec;  padding: 10px 0 5px 0;}
#additionalservices ul {margin: 10px 15px; padding: 0px;}
#additionalservices h2 {margin: 3px 10px 0 15px; background: #f0edec}
#additionalservices ul li {list-style: none; padding: 0px; margin: 0px;}
#additionalservices ul li {line-height: 2em;}

#additionalservices a {
    /*background: url(/content/ebiz/awear/resources/images/greyswirlSymbol.gif) 0px 0px no-repeat;*/
    text-decoration: underline;
    padding-left: 30px;
    font: bold italic 11px Georgia, serif !important;
    color: #989088;
}

/* login */

.signin form fieldset {
display:block;
padding:5px 10px;
clear:both;
border: none;
}

.signin * {
    font-family: georgia, serif;
}

.signin label {
    font-size: 75%;
}

.signin form fieldset.f-loginiam{margin-top: 20px;}

.signin fieldset legend.loginemail, .signin fieldset legend.loginiam {padding:2px 0; margin: 0px;font-weight:bold;}
.signin fieldset.dontFloat input#password {border:1px solid #8e877f; float:left; font-size:14px; margin:0pt 18px; padding:2px 0pt 2px 4px; width:250px; display: inline;}
.signin input#email{border:1px solid #8e877f; float:left; font-size:14px; margin:1px 0px; padding:2px 0pt 2px 4px; width:250px; display: inline;}
.signin fieldset.dontFloat div label.dontFloat {float:left; margin:4px 0pt 0pt 2px; width: auto; display: inline;}

input#notRegistered, input#alreadyRegistered {float: left; margin:6px 5px 0 0; display: inline;}

.signin input#email,
.signin input#password {
    font-size: 75% !important;
}

.signin .notregister {
    padding-bottom: 1em;
}

#secondloginform fieldset.dontFloat.f-loginiam {margin: 0; padding-left: 20px; border-left: 2px dotted #f5b6d7;}
.notregisterinput, .registered {clear: both;}
.notregistertxt {color: #999999; font-size: 0.7em; padding: 10px 0; float: none; clear: both;}

.signininstruction {padding-bottom: 1.5em; margin-bottom: 1.5em;font-size: 0.82em; border-bottom: 2px dotted #e1e1e1;}

.newcusttxt, .registertxt {min-height: 60px; padding-bottom: 0px!important;}

.registered input#password {float: left;}
.registered .forgottenpassword a {font-size: .75em!important; padding: 6px 0 0 3px; float: left; color: #D40075; text-decoration: underline;}

.registered #buttons input.right, .containerorscempty #buttons img.right {float: left; margin-left: 0px;}
/* form elements */
label {
font-weight:normal;
}

#content-checkout p {padding-bottom: 1.2em;}

#content-checkout div.container.signin_2cols label {
    float: none;
    color: #000;
    font-weight: bold;
    font-size: 0.82em;
    display: block;
    width: inherit;
}

#content-checkout fieldset label {
    font-family: arial;
    font-size: 95%;
    float: left;
    width: 33%;
}

#content-checkout fieldset a {font-size: 90%;}

input, select {
font-size:90%;
vertical-align:middle;
}


/*Checkout Nav */
#header ul.Lcheckoutstepindicators {
    clear: both;
    margin-top: 30px;
	font: 100% Arial, Helvetica, Geneva, sans-serif;
	font-size: 75%;
}

#header ul.Lcheckoutstepindicators li {
    padding-left: 0px !important;
    color: #b3b5b5;
    display: inline;
    margin-right: 0px;
    padding: 12px 14px 12px 40px;
    background: #edeae9 url(../images/step_sep_back.gif) no-repeat right center;
}

#header ul.Lcheckoutstepindicators li span {padding: 12px 5px 12px 58px; border: 1px solid #ccc; border-width: 1px 0;}
#header ul.Lcheckoutstepindicators li.checkoutStep1 span {background: url(../images/step1_off.png) no-repeat left center;}
#header ul.Lcheckoutstepindicators li.checkoutStep2 span {background: url(../images/step2_off.png) no-repeat left center;}
#header ul.Lcheckoutstepindicators li.checkoutStep3 span {background: url(../images/step3_off.png) no-repeat left center;}
#header ul.Lcheckoutstepindicators li.checkoutStep4 span {background: url(../images/step4_off.png) no-repeat left center;}

#header ul.Lcheckoutstepindicators li.checkoutStep1On span {background: url(../images/step1.png) no-repeat left center; border-color: #d40075;}
#header ul.Lcheckoutstepindicators li.checkoutStep2On span {background: url(../images/step2.png) no-repeat left center; border-color: #d40075;}
#header ul.Lcheckoutstepindicators li.checkoutStep3On span {background: url(../images/step3.png) no-repeat left center; border-color: #d40075;}
#header ul.Lcheckoutstepindicators li.checkoutStep4On span {background: url(../images/step4.png) no-repeat left center; border-color: #d40075;}

#header ul.Lcheckoutstepindicators li.checkoutStep1On,
#header ul.Lcheckoutstepindicators li.checkoutStep2On,
#header ul.Lcheckoutstepindicators li.checkoutStep3On,
#header ul.Lcheckoutstepindicators li.checkoutStep4On {background:#f0edec url(../images/step_sep_front.gif) no-repeat right center;}

#header ul.Lcheckoutstepindicators li.checkoutStep1On span,
#header ul.Lcheckoutstepindicators li.checkoutStep2On span,
#header ul.Lcheckoutstepindicators li.checkoutStep3On span,
#header ul.Lcheckoutstepindicators li.checkoutStep4On span {color: #d40075; background-color: #fff;}

/* wizrtable */

table.wizrtable {width: 100%;}
table.wizrtable td {
    padding: 10px 0;
    margin: 8px 0;
    vertical-align: middle;
    color: #141414;
}

table.wizrtable td.basketTot {text-align: right; font-weight: bold; font-size: 1em;}
table.wizrtable td.remove {text-align: center;}
table th.thumb, table td.thumb {width: 175px; text-align: left;}
table td.thumb {padding-left: 20px;}

table th.name, table td.name {
    width: 190px; text-align: left;
}

table th.priceeach, table td.priceeach {
    width: 170px; text-align: center;
}

table th.quantity, table td.quantity  {
    width: 60px; text-align: center;
}
table td.quantity a {font-size: .8em; margin-left: 3px;}

table th.totalprice, table td.totalprice {
    width: 135px; text-align: right
}

table td {
    font-family: arial, sans-serif;
}

table th.quantity img {vertical-align: middle; margin-left: 5px;}

#ordersummary h2 {
    display: none;
}


table.orderdetails td {
    padding: 0 0 5px 0;
    border: none;
}



table.orderdetails th.hdrSubTotal {width: 560px;}
table.orderdetails th {text-align: left;}
table.orderdetails td {text-align: right;}

table.orderdetails td.ordertotal,
table.orderdetails th.hdrOrderTotal {
    font-weight: bold;
    font-size: 1.1em;
    color: #d40075;
    padding: 10px 0px;
    border: 1px dotted #909090;
    border-width: 1px 0;
}



table.orderdetails td.includingVat {font-size: 90%;}

.orderitems .wizrtable {background: #f1f1f1; padding: 10px;}


/* Voucher code */
.mediavcode {background: #c4c6c6; margin: 20px 0; padding: 5px;}
.mediavcode .email_box {float: left;}
.mediavcode .email_box input#vcode {width: 200px; margin-right: 10px; padding: 5px;}
.mediavcode input#vcode_submit_shopcart {margin-top: 5px;}

#contactdetails  {float: left; width: 300px; border-bottom: none; padding: 0; margin: 20px 60px 0 0; line-height: 1.1em; font-family: Arial, Helvetica, sans-serif} 
#contactdetails h2{color:#D40075; font-size:143%; margin:3px 0 6px; padding:0; float:left; width: 100%;}
#contactdetails p{margin:5px 0 10px 0; padding:0; float: left; width: 100%;}
#contactdetails .addrName {display: block;  font-weight: bold; margin:0; padding:0; float: left;  width: 100%;}
#contactdetails .addrPhone {display: block; padding: 5px 0px;}
#contactdetails br {display: block;}

.deliveryaddress {padding-top: 15px; border-top: 2px dotted #e2e2e2;}
.deliveryaddress br {display: block;}
.deliveryaddress .addrPhone {display: block; padding: 5px 0px}

.deliveryrate {padding: 8px 0px 10px 0px; margin: 20px 0; border: 2px dotted #e2e2e2; border-width: 2px 0;}
.deliveryrate h2 {background: url(../images/truck.gif) no-repeat left top; padding: 5px 0 5px 45px;}
.deliveryrate ul {list-style: none; margin: 5px 0 0 0px; padding: 0px;  font-weight: bold;}
.deliveryrate ul li { display: inline; margin: 0 15px 0 0}


.deliveryrate .moreinfo {float: right; margin-top: 4px;}
.deliveryrate .moreinfo a {background: url(/content/ebiz/awear/resources/images/footerSymbol.gif) center left no-repeat; font-family: georgia, serif; padding-left: 25px; font-style: italic;  color: #989088;}


#ordersummary {
    padding: 0px 0px 10px 0px;
    margin-bottom: 22px;
    margin-top: 14px;
}

#ordersummary .final{display: none;}

#buttons .left {float: left;}
#buttons .right {float: right;}

#paymentdetails {background: #f1f1f1; margin-bottom: 25px; position: relative;}
#paymentdetails h2 {background: #fff; padding-bottom: 10px;}
/*
#paymentdetails div:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0px; height: 0; font-size: 0.8em; }
#paymentdetails div{display: inline-block; margin: 2px 0px;}
html[xmlns] #paymentdetails div {display: block;}
* html #paymentdetails div { height: 1%;}


#paymentdetails div {
    clear: both;
}
*/

/* -- contain -- */
#paymentdetails div:after{content:".";display:block;clear:both;visibility:hidden;height:0;}
/* ie mac fix */
#paymentdetails div{display:inline-table;}
* html #paymentdetails div{/* nomac \*/height:1%;/* nomac */}
#paymentdetails div{display:block;}

#paymentdetails div {
    padding-bottom: 1em;
}

#paymentdetails input,
#paymentdetails select {
    margin-right: 8px;
}

label.re-waiHide {
    color: #ffffff;
    position: absolute;
    overflow: hidden;
    border: none;
    left: -10999px;
    width: 990px;
    height: 0px;
}

#paymentdetails input, #paymentdetails select {
    color: #141414;
    float: left;
}

fieldset.f-payment_details:after{content:".";display:block;clear:both;visibility:hidden;height:0;}
/* ie mac fix */
fieldset.f-payment_details {display:inline-table;}
* html fieldset.f-payment_details {/* nomac \*/height:1%;/* nomac */}
fieldset.f-payment_details {display:block; padding:10px 5px; float: left; border-right: 2px dotted #adadad; margin-right: 20px;}
fieldset.f-payment_details img {position: absolute; top: -5px; right: 0;}
fieldset.f-payment_details legend {display: none;}

fieldset.f-paypal:after{content:".";display:block;clear:both;visibility:hidden;height:0;}
/* ie mac fix */
fieldset.f-paypal {display:inline-table;}
* html fieldset.f-paypal{/* nomac \*/height:1%;/* nomac */}
fieldset.f-paypal {display:block; padding: 10px 0;}

fieldset.f-paypal legend {display: none;}

fieldset.creditcard label {float:left;width:80px;}
fieldset.creditcard .chk label {float:left;width:180px;}
fieldset.creditcard label {float:left; width:80px; }

p.paypaltext {padding-top: 1.5em; font-weight: bold;}

.paypal label {padding-right: 12px !important; width: auto !important;}


/* receipt */

#content-checkout {clear: both; font-family: Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif; padding: 0 10px; margin-top: 20px;}

#orfnfeatured  {clear: both; font-size: 1em;}
#orfnfeatured h2 {font-size: 1.2em; margin-bottom: 10px;}

#orfnfeatured ul {margin: 0px; padding: 0px; list-style: none;}
#orfnfeatured ul .details h3 {font-size: 1em;}
#orfnfeatured ul li {display: block; width: 120px; text-align: center; float: left; margin-right: 10px; position: relative;}
#orfnfeatured ul .details .moreinfo {display: none;}
#orfnfeatured ul .details .price {font-size: 1em;}

/* your basket */
#yourbasket h1 {font-size: 1.25em;}
.paymentInstructions {margin-top: 20px;}
.containerorscempty #buttons img.right {margin: 0;}

/* add address */
.addcontactaddress div:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0.8em; }
/*.addcontactaddress div{display: inline-block; margin: 2px 0px; clear: both;}*/
html[xmlns] .addcontactaddress div {display: block;}
* html .addcontactaddress div { height: 1%;}

.containeroradeditadd div:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0.8em; }
.containeroradeditadd div{margin: 2px 0px; clear: both;}
html[xmlns] .containeroradeditadd div {display: block;}
* html .containeroradeditadd div { height: 1%;}


.containeroradeditadd .invisible {
color:#FFFFFF;
}

#content-checkout fieldset label.dontFloat {width: auto;}

.containeroradeditadd .dontFloat {
float:none;
width:auto;
}

.addcontactaddress .invisible {color: #FFFFFF;}
.containeroradeditadd invisible {display: none;}
.addcontactaddress .dontFloat, .containeroradeditadd .dontFloat, .containeroradeditadd .dontFloat{float:none; width:auto;}

select#usxtlocalstore, select#cntry   {width: 180px;}
select#title  {width: 110px;}

.addcontactaddress fieldset input#blkemail, .addcontactaddress fieldset input#ustandc {width: 25px !important; margin: 0px; float: left;}
.addcontactaddress fieldset select, .addcontactaddress fieldset select{display:block; float: left;  border:1px solid #B5A49E; margin-bottom: 4px;  margin-right: 6px}
.addcontactaddress fieldset select#state {margin-bottom:0;}
.addcontactaddress fieldset select#state, .addcontactaddress fieldset select#cntrylist{width:186px;}

.addcontactaddress legend, .containeroradeditadd legend {padding: 6px 0 3px 0px; margin: 0px; color: #d40075; font-size:  1.3em;}
.addcontactaddress fieldset, .containeroradeditadd fieldset {border:none; clear:both; margin-bottom:1em;}
.addcontactaddress fieldset label, .containeroradeditadd fieldset label {float:left; width:33%; }

.addcontactaddress fieldset div div,
.containeroradeditadd fieldset div div {clear:none; float:left; width:33%;}

input#fname, input#lname,
input#num, input#addr1,
 input#addr2, input#city,
input#zipc, input#usemail,
input#uspswd, input#uspswd2, input#uspswd, input#state,
#stateDiv input, input#county  {width: 180px;  margin-right: 4px; float: left;}

.containeroradeditadd .pclookup a,
.containeroradeditadd .pclookup a {text-indent: -5555px; float: left; background: url(../images/bt_look-up-this-postcode.gif) no-repeat left center; width: 177px; height: 21px; margin-top: 2px;} 

.containeroradeditadd fieldset select#state, .containeroradeditadd fieldset select#cntrylist, .containeroradeditadd fieldset select#cntrylist2{width:186px;}

input#usemail {margin-bottom: 15px;}
input#area {width: 50px;  margin-right: 4px; }
input#phone{width: 120px; margin-right: 4px; }



/* My Account */
#address_list p {
    padding-bottom: 1em;
}

#address_list input {
    padding-right: 12px;
    float: left;
}


/* My Bag */
.ordertable {background: #f1f1f1; padding: 10px;}
.ordertable th,
.ordertable td {
    font-size: 75%;
}
.ordertable table a {color: #D40075;}
.ordertable table a:hover {text-decoration: underline;}

.ordertable thead tr th {border-bottom: 1px dotted #adadad; padding-bottom: 8px;}

.ordertable tbody tr.orsctotal th,
.ordertable tbody tr.orsctotal td {border: 1px solid #adadad; border-width: 1px 0;}

.ordertable th.remove, 
.ordertable td.remove {text-align: center;}

#buttons .btUpdateBasket {
    margin-left: 10px;
}

#buttons img.right,
#buttons input.right {
    margin-left: 345px;
}


#checkout h1 {
    padding-top: 0px;
}


/* Footer */
#footer .Lcat_footer_chk .needHelp {float: right; width: 250px;}
#footer .Lcat_footer_chk .needHelp p.helpEmail {font-size: .8em;}
#footer .Lcat_footer_chk .needHelp p span {margin-right: 5px;}
#footer .Lcat_footer_chk .needHelp p.helpEmail a {color: #d40075;}
#footer .Lcat_footer_chk .needHelp .Lfooter ul {width: 100%; padding: 10px 0;}
#footer .Lcat_footer_chk .needHelp .Lfooter ul li {border: 1px solid; border-width: 0 0 0 1px; margin: 0; padding: 0 6px; font-size: .7em; float: left; display: inline;}
#footer .Lcat_footer_chk .needHelp .Lfooter ul li.first {border: none; padding-left: 0;}
#footer .Lcat_footer_chk .needHelp .Lcat_footer_address p {padding-top: 7px; font-size: 10px;}
#footer .Lcat_footer_chk .Lcopyright {display: none;}
#footer .Lcat_footer_chk .Linternalimage {float: left; margin-left: 5px;}
#footer .Lcat_footer_chk .chk_cardtype {margin-left: -10px;}
#footer .Lcat_footer_chk #vendalogo {float: left; margin: 0; padding-top: 25px; padding-left: 10px;}