/********************************************/ /* form elements (mostly on checkout pages) Phillip was here */ /* ******************************************/ .Lcattree, #paymentdetails div #startmonth, #paymentdetails div #startyear, #paymentdetails .f-payment_details .issuenumber, #paymentdetails .f-payment_details .switchsolo, .wizrtable td.name .sku {display:none;} /* the following are classes because they appear in detblocks and ids cannot be duplicated */ table th, table tr td {text-align:left;} table.wizrtable, #paymentdetails table {border-width: 0; border-spacing: 0; border-style: none; border-collapse: collapse;} table.wizrtable th.hdrOrderDate {width:250px;} table.wizrtable th.hdrOrderNum{width:250px;} table.wizrtable th.hdrOrderStatus{width:250px;} table.wizrtable th.hdrItems{width:250px;} /*******************/ /* BASKET */ /*******************/ #yourbasket, .containerorscempty { width: 675px; margin: 10px 0 20px 10px; padding: 0; float: left; } #yourbasket h1, .containerorscempty h1 {width:670px; margin: 0;} #yourbasket h2 {width:670px; margin: 8px 0 0 0;} .containerorscempty p {width: 674px; margin: 8px 0 0 0; padding: 0 0 0 5px; min-height:75px} .containerorscempty #buttons{width: 675px; margin: 4px 0 0 0; padding: 0;} .paymentInstructions {display: none;} #yourbasket .ordertable {clear:both; width: 673px; margin: 11px 0 0 0; padding: 0; float: left;} #yourbasket .wizrtable tr th {font-weight:normal; padding: 3px 0 3px 0; margin: 0; background-color: #E8E8E8; text-align: center; color: #43464B;} #yourbasket .wizrtable tr.standarditem td {vertical-align:middle; text-align: center; color: #43464B; border-bottom: 1px solid #E5E5E5;} #yourbasket .wizrtable tr .thumb {width:134px;} #yourbasket .wizrtable tr.standarditem td.thumb img {border: 1px solid #E5E5E5;} #yourbasket .wizrtable tr.standarditem td.thumb {padding: 8px 0;} #yourbasket .wizrtable tr .name {width:280px; padding: 0 0 0 11px;} #yourbasket .wizrtable tr.standarditem td.name{text-align: left;} #yourbasket .wizrtable tr.standarditem td.name .sku{display: block; width: 280px; color: #595959;} #yourbasket .wizrtable tr .priceeach {width:76px;} #yourbasket .wizrtable tr .quantity{width: 29px;} #yourbasket .wizrtable tr.standarditem td.quantity input {text-align:center; width:19px; height:14px; margin:0; padding:2px 0 3px 0; border: 1px solid #43464B; vertical-align:middle; } #yourbasket .wizrtable tr .totalprice {width:75px;} #yourbasket .wizrtable tr .remove {width: 54px; padding-right:14px;} #yourbasket .wizrtable tr.orsctotal th {text-align:left;padding: 2px 0 4px 35px; background-color: #E8E8E8; border-top: 7px solid #fff;} #yourbasket .wizrtable tr.orsctotal td {border-top: 7px solid #fff;} #yourbasket .wizrtable tr.orsctotal th span { font-size:1em;} #yourbasket .wizrtable tr.orsctotal td.thumb {width: 29px; background-color: #E8E8E8;} #yourbasket .wizrtable tr.orsctotal td.basketTot {padding:2px 19px 4px 0; text-align:right; background-color: #E8E8E8;} #yourbasket #buttons {width:661px; margin: 6px 0 0 12px; padding:0; float: left;} #yourbasket #buttons .btContinueShopping {margin-right:12px;} /*-- Bundle Items Table --*/ #yourbasket .wizrtable tbody tr.defaultbundle td {border-bottom: 1px solid #BDBDBD;} #yourbasket .wizrtable tbody tr.bundle td {border-bottom: 1px solid #BDBDBD;} #yourbasket .wizrtable tbody tr.productbundlestartrow {background: #EEE;} #yourbasket .wizrtable tbody tr.productbundlestartrow td.productbundleheading {font-weight: bold;text-align: left;padding-left: 10px;border-left: 2px solid #BDBDBD;border-right: 2px solid #BDBDBD;height: 30px;} #yourbasket .wizrtable tbody tr.productbundleendrow {background: #EEE;height: 30px;} #yourbasket .wizrtable tbody tr.productbundleendrow td {border-bottom: 1px solid #BDBDBD;} #yourbasket .wizrtable tbody tr.productbundleendrow td.priceeach {font-weight: bold;} #yourbasket .wizrtable tbody tr.customisationcostendrow td.bottomrow {border-bottom: 1px solid #BDBDBD;} /*******************/ /* Order Confirmation */ /*******************/ #orderconfirmation, #orderreceipt {width: 675px; margin-top:10px;margin-left:15px; overflow: hidden;} #orderconfirmation .checkoutorcfR{display: none;} #orderconfirmation .checkoutorcfL h1, #orderreceipt .checkoutorfnL h1{width: 670px; margin: 0; padding: 4px 0 0 1px;} #orderconfirmation .checkoutorcfL .Lcat_orcftopcontent p,.checkoutorfnL p, .checkoutorfnL span.printicon, #orderconfirmation .checkoutorcfL h2.error, #orderreceipt .checkoutorfnL h2.error {width: 670px; margin: 0; padding: 6px 0 5px 5px; float: left;} .orcf-colleft, .orfn-colleft {width:378px; float:left; margin: 0; padding: 0;} .orcf-colright, .orfn-colright {width:295px; float:right; margin: 0; padding: 0; position: relative;} .deliveryaddress, .deliveryrate, .orderitems, #ordersummary, #promotions {width: 367px; margin: 0 0 5px 0; padding: 0; overflow: hidden;} #contactdetails, #additionalservices, #paymentdetails {width: 295px; margin: 0 0 5px 0; padding: 0;overflow:hidden;} .deliveryaddress h2, .deliveryrate h2, #ordersummary h2{width: 362px; margin: 0; padding: 3px 0 3px 5px;background-color:#E8E8E8; color: #2B2D30;} #contactdetails h2, #additionalservices h2, #paymentdetails h2{width: 290px; margin: 0; padding: 3px 0 3px 5px;background-color:#E8E8E8; color: #2B2D30;} #orderconfirmation .deliveryaddress, #orderreceipt .deliveryaddress, #contactdetails {min-height: 120px; } .deliveryaddress p {width: 362px; margin: 3px 0 0 5px; padding: 0; color: #434648;} #contactdetails p {width: 290px; margin: 3px 0 0 5px; padding: 0; color: #434648;} .deliveryaddress a, #contactdetails a {float:right; position:relative; top:-8px; margin:0 6px 0 0; text-decoration: underline;} .deliveryrate .Lcat_deliveryoptions {float:right; margin:2px 6px 1px 0; padding:0;} .deliveryrate .Lcat_deliveryoptions a {text-decoration: underline;} .deliveryrate ul {float:left; width: 280px; margin: 3px 0 0 5px; padding:0;} .deliveryrate ul li, .deliveryrate h3 {margin:0 0 1px 0; padding:0; text-transform:uppercase;} .deliveryrate ul li input {margin:0; padding:0; width:12px; height:12px;} .deliveryrate ul li label {margin:1px 0 0 0; padding:0;} #orderreceipt .deliveryrate .Lcat_deliveryoptions {display: none;} .orderitems h2 {display: none;} .orderitems .wizrtable {width: 367px;} .orderitems .wizrtable tr th {font-weight:normal; padding: 3px 0 3px 0; margin: 0; background-color: #E8E8E8; color: #43464B;} .orderitems .wizrtable tr td {padding: 5px 0 1px 0; margin: 0; color: #43464B; vertical-align: top;} .orderitems .wizrtable tr th.thumb, .orderitems .wizrtable tr td.thumb {display:none;} .orderitems .wizrtable tr .name {width:181px; padding-left:5px;} .orderitems .wizrtable tr .priceeach {width:57px; text-align: center;padding-left:0;} .orderitems .wizrtable tr .quantity {width:39px; text-align: center;padding-left:0;} .orderitems .wizrtable tr .totalprice{width:80px; padding-right:5px; text-align: right; padding-left:0;} .orderitems .wizrtable tr td.giftwrap {padding-top: 0; padding-left:5px;} .orderdetails {width: 357px; margin: 0 5px 0 5px; padding: 0;} .orderdetails tr th {width: 256px; padding: 3px 0 1px 0; font-size:1.05em;} .orderdetails tr td {width: 101px; padding: 3px 0 1px 0;} .orderdetails th.hdrOrderTotal div {font-size:1em;} #promotions h2 {width: 362px; margin: 0 0 3px 0; padding: 3px 0 3px 5px;background-color:#E8E8E8; color: #2B2D30;} #promotions p {width: 362px; margin: 0 0 1px 5px; padding: 0; color: #434648;} .Lcat_orcfcolleft {width: 362px; margin: 0 0 5px 0; padding: 6px 0 3px 5px;float: left;} #additionalservices ul {width: 289px; margin: 3px 0 0 6px; padding: 0; overflow: hidden;} #additionalservices ul li {width: 289px; margin: 3px 0 3px 0; padding: 0; float: left;} #additionalservices ul li a {display:block; height:17px; text-indent:-5000px; outline:0; width:153px; background:url(../images/ped-giftcard-checkout.gif) no-repeat left top;} #additionalservices li.giftwrap a {width:73px; background:url(../images/bt_giftwrap.gif) no-repeat left top;} #additionalservices li.coupon {display:block;} #additionalservices li.coupon a {width:107px; background:url(../images/bt_coupon.gif) no-repeat left top;} #additionalservices li.itemship {display:none;} #paymentdetails .f-payment_details, #paymentdetails .f-paypal{width: 290px; margin: 6px 0 0 5px; padding: 0; float: left;} #paymentdetails .f-payment_details .credit {width: 12px; margin: 0 8px 0 0; padding: 0; float: left;} #paymentdetails .f-payment_details .credit input{width: 12px; height: 12px; border: none; margin: 0; padding: 0;} #paymentdetails .f-payment_details img {float: left; margin: 0 0 4px 0; padding: 0;} #paymentdetails .f-payment_details div {width:290px; margin: 0; padding: 0; float: left; } #paymentdetails fieldset div a {margin: 0; padding: 0;} #paymentdetails .f-payment_details div label {float:left; width:100px; padding:1px 0 0 0; margin: 4px 0 0 0;} *:first-child+html #paymentdetails .f-payment_details div label {margin-left: 0;} #paymentdetails .f-payment_details div input {width:133px; height:18px; margin:0; padding:0 0 0 1px; border: 1px solid #3F5870;} #paymentdetails .f-payment_details label {width: 260px; margin: 7px 0 0 0; padding: 0;} *:first-child+html #paymentdetails .f-payment_details label {margin-left: -2px;} #paymentdetails #month {margin-right:14px; width:52px;} #paymentdetails #year {width:69px; *width:65px} #paymentdetails #ohcccsc {width: 29px;} #paymentdetails #dontsavecc {margin:7px 8px 0 0; padding:0;} *:first-child+html #orderconfirmation #paymentdetails #dontsavecc {margin-left: -5px;} #paymentdetails #cardtype {width: 135px; margin: 4px 0 5px 0;} #paymentdetails #ohccnum,#paymentdetails #ohccname, #paymentdetails #ohcccsc, #paymentdetails #month, #paymentdetails #year {margin-top: 4px; margin-bottom: 5px;} #paymentdetails .f-paypal .paypal input {float: left; width: 12px; height: 12px; border: none; margin: 0 8px 0 0; padding: 0;} #paymentdetails .f-paypal .paypal {width: 290px; margin: 0; padding: 0;} #paymentdetails .f-paypal .paypal p {width: 290px; margin: 12px 0 0 0; padding: 0; float: left;} /* additional payment methods */ #paymentdetails fieldset .credit label, #paymentdetails fieldset .po label, #paymentdetails fieldset .send label, #paymentdetails fieldset .manual label, #paymentdetails fieldset .fax label, #paymentdetails fieldset .paypal label{display: none;} #paymentdetails .ohponum, #paymentdetails .sendpaypaid, #paymentdetails .payall {width: 100%;} #paymentdetails fieldset .ohponum label, #paymentdetails fieldset .sendpaypaid label {float:left; width:39%;} #orderconfirmation .final {margin:0; padding:5px; position:relative; right:5px; text-align:right;display:none;} #orderconfirmation #buttons {overflow:hidden; position:relative; right:5px; top:-10px; width:100%; margin: 0; padding:0 0 30px 0; } #orderconfirmation #buttons .left {display:none;} #orderreceipt #buttons {width:100%; margin:0; padding:12px 0 0 0; overflow: hidden;} /*******************/ /* Order Receipt */ /*******************/ #paymentdetails table{width: 290px; margin: 0 0 0 5px; padding: 0; color: #434648;} #paymentdetails p {width: 280px; margin: 3px 5px 0 5px; padding: 0; color: #434648;} #paymentdetails table tr th {width: 145px; padding: 3px 0 1px 0; font-size:1.05em;} #paymentdetails table tr td {width: 135px; padding: 3px 5px 1px 0;} #paymentdetails #paypallogo{margin: 3px 5px 0 5px;} #paymentdetails p strong {font-size:1.05em; font-weight: normal;margin: 0; padding: 0; width: 120px;} #paymentdetails p span {margin: 5px 0 0 0; padding: 0; float: left; width: 280px;} /*********************************************/ /* HELP AND INFO */ /*********************************************/ .helpinfo {width: 205px; float: right; margin:0; padding: 0;} .helpinfo h2{width: 194px; margin: 6px 0 0 7px; padding: 0; border-bottom: 1px solid #989A9C; display: block; text-transform:uppercase; color: #2b2d30; font-size:1.05em;font-weight: normal;} .helpinfo ul {width: 194px; margin: 8px 0 0 7px; padding: 0; overflow: hidden;} .helpinfo ul li {width: 194px; margin: 0; padding: 0 0 3px 0; float: left; font-size:11px; text-transform:uppercase; color:#424242;font-family:Verdana,Arial,Helvetica,sans-serif; margin-top:2px;} .helpinfo li a:hover { color:#8A8C8A; text-decoration:none; } .helpinfo li a { color:#1D1D1D; margin:0 0 0 0.2em; text-decoration:none; } /*******************/ /* LOGIN */ /*******************/ .signin_2columns {width: 675px; margin: 0; padding: 10px;} .signin_2columns h1 {width: 670px; margin: 0; padding: 4px 0 0 1px;} .Lcat_signincontent {width: 675px; margin: 0; padding: 0; overflow: hidden;} .signin_2columns h2.error {width: 674px; margin: 11px 0 0 0; padding: 0 0 0 1px;} .Lcat_signincontent p{width: 674px; margin: 11px 0 0 0; padding: 0 0 0 1px; float: left;} .Lcat_signincontent p.pleasesignintext {width: 660px; padding: 2px 0 3px 4px; display: block; background-color: #E8E8E8;text-transform:uppercase; border: none;} .signin_2columns form p {display: none;} input#email, input#email1, input#password{border:1px solid #3F5870; width:133px; height:18px; padding: 0 0 0 1px; margin: 0; float: left;} #checkout .signin_2columns fieldset {width: 675px; padding: 0; margin: 0; border: none;} .signin_2columns legend.loginemail {display:none;} .signin_2columns fieldset.f-loginemail div.registered{width: 670px; overflow: hidden; display: block; padding: 12px 0 10px 4px; margin: 0 0 0 1px; border-bottom: 1px solid #E8E8E8; } .signin_2columns fieldset.f-loginiam div.notregister {width: 670px; overflow: hidden; display: block; padding: 12px 0 10px 4px; margin: 0 0 0 1px; border-bottom: 1px solid #E8E8E8; } .signin_2columns fieldset .signinleft {width: 306px; margin: 0; padding: 0; float: left;} .signin_2columns fieldset .signinright {width: 364px; margin: 0; padding: 0; float: right;} .signin_2columns fieldset.f-loginemail div.registered .registeredtitle, .signin_2columns fieldset.f-loginiam div.notregister .notregistertitle {width: 306px; padding-bottom:13px; margin: 0;color:#43464A;} .signin_2columns fieldset.f-loginemail div.registered .registertxt, .signin_2columns fieldset.f-loginiam div.notregister .notregistertxt {width:306px; padding: 0; margin: 0; overflow: hidden;} .signin_2columns fieldset.f-loginemail div.registered .registertxt input, .signin_2columns fieldset.f-loginiam div.notregister .notregistertxt input {float: left; padding:0; margin:3px 0 0 0; width: 13px; height: 13px;} .signin_2columns fieldset.f-loginemail div.registered .registertxt label, .signin_2columns fieldset.f-loginiam div.notregister .notregistertxt label{float: left; width:260px; padding:0; margin: 0 0 0 5px;} .signin_2columns fieldset .signinright .pleaseenteremail {width: 364px; margin: 0; padding:0 0 3px 0; } .signin_2columns fieldset .signinright .registeredpwd {width: 364px; margin: 0; padding:7px 0 0 0;} .signin_2columns fieldset .signinright .registeredpwd label{float:left;width:112px; padding:5px 0 0 0; margin: 0;} .signin_2columns fieldset .signinright .registeredpwd #buttons, .signin_2columns fieldset .signinright .registeredpwd .notregisterbtn{ width: 93px; padding: 0; margin: 1px 0 0 0; float: left;} .signin_2columns fieldset.f-loginemail div.registered .registeredpwd .forgottenpassword {clear:both; text-align: right; float: left; width: 343px;padding:5px 0 0 0; margin: 0;} .signin_2columns fieldset.f-loginemail div.registered .registeredpwd .forgottenpassword a {text-decoration:underline;} .signin_2columns .expresscheckout {width:670px; margin: 0 0 34px 1px; padding:12px 0 0 4px; overflow: hidden;} .signin_2columns .expresscheckout h2 {float: left; width: 672px; padding:0 0 13px 0; margin: 0; font-weight: normal;color:#43464A;} .signin_2columns .expresscheckout p {width: 665px; margin: 0; padding: 0 0 17px 0; float: left; display: block;} .signin_2columns .expresscheckout #buttons {width: 649px; margin: 0; padding: 0; float: left; } /*********************************************/ /*ADD BILLING ADDRESS AND EDIT BILLING ADDRESS*/ /*********************************************/ .addcontactaddress, .editcontactaddress, .containeroradeditadd {width: 675px; margin-left: 15px; margin-top: 10px; overflow: hidden;} .addcontactaddress h1, .editcontactaddress h1, .containeroradeditadd h1 {width: 670px; margin: 0; padding: 4px 0 0 1px;} .addcontactaddress p, .editcontactaddress p, .containeroradeditadd p{width: 674px; margin: 11px 0 0 0; padding: 0 0 0 1px; float: left;} .addcontactaddress h2.error, .editcontactaddress h2.error, .containeroradeditadd h2.error{width: 674px; margin: 11px 0 0 0; padding: 0 0 0 1px; float: left;} .addcontactaddress .f-orbtpersonal, .editcontactaddress .f-orbtpersonal, .containeroradeditadd .f-oradedetail {margin: 11px 0 0 0;} .addcontactaddress div label {float: none;} .addcontactaddress .f-orbtfaccdetail label.dontFloat {width:80%;padding-top:2px;} .dontFloat {padding-top:3px} .addcontactaddress .f-orbtpwd {padding-top:10px;} .addcontactaddress #stateDiv #statelistbox input {font-size:1em; width:135px;} /*********************************************/ /* MY ACCOUNT */ /*********************************************/ .bt-gobackmyacc {margin-left: 8px;} #tlusermyform fieldset.f-myformdetail, #tlusermyform .f-myformemail, #tlusermyform div#custans1, #tlusermyform div#custans2, #tlusermyform div#custans3, #tlusermyform div#custans4 {width: 674px; margin: 11px 0 0 0; padding: 0 0 0 1px; float: left;} #myacc-col-two #buttons, .checkoutorcfL #buttons{width: 650px; margin: 20px 0 0 0; padding: 15px; float: left;} .containeroradeditadd #buttons{width: 675px; padding: 20px 0 0 0; margin: 0; overflow: hidden; clear: both;} .editcontactaddress #buttons{width: 475px; padding: 20px 0 20px 0; margin: 0; overflow: hidden; clear: both;} .addcontactaddress #buttons{width: 475px; padding: 20px 0 20px 0; margin: 0; overflow: hidden;clear: both;} #tlusermyform input, #tlusermyform select {font-size:1em;} #myacc-col-two .subscribedmsg {margin-bottom:18px;} /* myaccount mainpage */ #myaccountpage{width: 675px; padding: 10px; overflow: hidden; min-height:600px;} #myaccountpage h1{width: 660px; margin: 0; padding: 4px 0 0 1px;} #myaccountpage h1{width: 660px; margin: 0; padding: 4px 0 0 1px;} #myaccountpage p {width: 660px; padding: 2px 0 3px 4px; display: block; background-color: #E8E8E8;text-transform:uppercase; margin: 11px 0 0 0;} #myaccountpage p strong {font-weight: normal;} #myaccountpage p.subscribedmsg, #myaccountpage p.commoptionslink, #myaccountpage p.signoutlink, #myaccountpage div.emailbox, #myaccountpage div.postbox, #myaccountpage div.smsbox, #myaccountpage div.thirdpartybox{width: 674px; margin: 11px 0 0 0; padding: 0 0 0 1px; float: left; background: none; text-transform: none; } .emailbox img{display:none} div.thirdpartybox {display:none } /* myaccount - change user details */ #tlusermyform {width: 675px; margin: 0; padding: 10px; overflow: hidden;} #tlusermyform h1 {width: 670px; margin: 0; padding: 4px 0 0 1px;} h1.myformedituserhdr { background:transparent url(/content/ebiz/perryellis/resources/images/contactdetails.png) no-repeat scroll 0 0 !important; height:17px; text-indent:-5000px; margin-left:5px; } #tlusermyform p{width: 660px; margin: 11px 0 0 0; padding: 0 0 0 1px; float: left;} #tlusermyform fieldset, .containeroradeditadd fieldset, .editcontactaddress fieldset, .addcontactaddress fieldset {width: 674px; margin:0; padding:0 0 0 1px; float: left;} #tlusermyform fieldset div, .containeroradeditadd fieldset div, .editcontactaddress fieldset div, .addcontactaddress fieldset div {padding-bottom: 5px;} .editcontactaddress fieldset div, .addcontactaddress fieldset div, .containeroradeditadd fieldset div {width:100%; overflow:hidden; float: none;} .editcontactaddress div div, .editcontactaddress fieldset div label, .addcontactaddress div div, .addcontactaddress fieldset div label, .containeroradeditadd div div, .containeroradeditadd fieldset div label, #tlusermyform div div, #tlusermyform fieldset div label{width:50%; float: left;} #tlusermyform #area, .editcontactaddress #area, .addcontactaddress #area, .containeroradeditadd #area {margin-right:5px; margin-left: 0;} html>/**/body #tlusermyform #area { width: 36px; } /* */ html*#tlusermyform #area { /* NS & Safari , might effect with IE5 MAC */ /* IE 6 can read it & this is !important for NS & Safari */ /* FF can't read this */ width: 37px !important; width/* */:/**/34px; width /**/: 34px; }/**/ /* this is for above css, please do not remove */ #abcdef { } /* */ *:first-child+html #tlusermyform #area { width: 34px !important; } /***** hack opera9.5 ******/ @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {:root #tlusermyform #area {width:34px;}} html>/**/body .containeroradeditadd #area { width: 36px; } /* */ html*.editcontactaddress #area { /* NS & Safari , might effect with IE5 MAC */ /* IE 6 can read it & this is !important for NS & Safari */ /* FF can't read this */ width: 37px !important; width/* */:/**/34px; width /**/: 34px; }/**/ /* this is for above css, please do not remove */ #abcdef { } /* */ *:first-child+html .editcontactaddress #area { width: 34px !important; } /***** hack opera9.5 ******/ @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {:root .editcontactaddress #area {width:34px;}} html>/**/body .addcontactaddress #area { width: 36px; } /* */ html*.addcontactaddress #area { /* NS & Safari , might effect with IE5 MAC */ /* IE 6 can read it & this is !important for NS & Safari */ /* FF can't read this */ width: 37px !important; width/* */:/**/34px; width /**/: 34px; }/**/ /* this is for above css, please do not remove */ #abcdef { } /* */ *:first-child+html .addcontactaddress #area { width: 34px !important; } /***** hack opera9.5 ******/ @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {:root .addcontactaddress #area {width:34px;}} html>/**/body .containeroradeditadd #area { width: 36px; } /* */ html*.containeroradeditadd #area { /* NS & Safari , might effect with IE5 MAC */ /* IE 6 can read it & this is !important for NS & Safari */ /* FF can't read this */ width: 37px !important; width/* */:/**/34px; width /**/: 34px; }/**/ /* this is for above css, please do not remove */ #abcdef { } /* */ *:first-child+html .containeroradeditadd #area { width: 34px !important; } /***** hack opera9.5 ******/ @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {:root .containeroradeditadd #area {width:34px;}} .containeroradeditadd fieldset div div label, .editcontactaddress fieldset div div label, .addcontactaddress div div label {width:90%; float:none;} #tlusermyform .f-myformdetail div div label.dontFloat {width:90%;} .addcontactaddress #blkemail, .addcontactaddress #ustandc{float:left; margin:0 3px 0 0; padding:0;} *:first-child+html .addcontactaddress #blkemail, *:first-child+html .addcontactaddress #ustandc{margin-top: 0px; margin-left: -4px;} .addcontactaddress #differentaddress {float:left; margin:0 3px 0 1px; padding:0;} *:first-child+html .addcontactaddress #differentaddress {margin-top: -5px; margin-left: -3px;} .addcontactaddress fieldset div .invisible {float:left; color:#fff;} .editcontactaddress fieldset div#stateDiv select#statelist, .addcontactaddress fieldset div#stateDiv select#statelist, .containeroradeditadd fieldset div#stateDiv select#statelist, #tlusermyform fieldset div#stateDiv select#statelist{width:137px; *width:140px; } .editcontactaddress fieldset div#countryDiv select#cntrylist, .addcontactaddress fieldset div#countryDiv select#cntrylist, .containeroradeditadd fieldset div#countryDiv select#cntrylist, #tlusermyform div#countryDiv select#cntrylist {width:137px; *width:140px; } html>/**/body .addcontactaddress fieldset div #phone { width: 88px; } /* */ html*.addcontactaddress fieldset div #phone { /* NS & Safari , might effect with IE5 MAC */ /* IE 6 can read it & this is !important for NS & Safari */ /* FF can't read this */ width: 85px !important; width/* */:/**/90px; width /**/: 90px; }/**/ /* this is for above css, please do not remove */ #abcdef { } /* */ *:first-child+html .addcontactaddress fieldset div #phone { width: 90px !important; } html>/**/body .editcontactaddress fieldset div #phone { width: 88px; } /* */ html*.editcontactaddress fieldset div #phone { /* NS & Safari , might effect with IE5 MAC */ /* IE 6 can read it & this is !important for NS & Safari */ /* FF can't read this */ width: 85px !important; width/* */:/**/90px; width /**/: 90px; }/**/ /* this is for above css, please do not remove */ #abcdef { } /* */ *:first-child+html .editcontactaddress fieldset div #phone { width: 90px !important; } html>/**/body .containeroradeditadd fieldset div #phone { width: 88px; } /* */ html*.containeroradeditadd fieldset div #phone { /* NS & Safari , might effect with IE5 MAC */ /* IE 6 can read it & this is !important for NS & Safari */ /* FF can't read this */ width: 85px !important; width/* */:/**/90px; width /**/: 90px; }/**/ /* this is for above css, please do not remove */ #abcdef { } /* */ *:first-child+html .containeroradeditadd fieldset div #phone { width: 90px !important; } html>/**/body #tlusermyform div #phone { width: 88px; } /* */ html*#tlusermyform fieldset div #phone { /* NS & Safari , might effect with IE5 MAC */ /* IE 6 can read it & this is !important for NS & Safari */ /* FF can't read this */ width: 85px !important; width/* */:/**/90px; width /**/: 90px; }/**/ /* this is for above css, please do not remove */ #abcdef { } /* */ *:first-child+html #tlusermyform fieldset div #phone { width: 90px !important; } input#fname, input#mname, input#lname, input#addr1, input#addr2, input#city, input#zipc, input#usemail, input#uspswd, input#uspswd2, input#state, input#statetext, input#addrname {width:135px; *width:137px;} /*Communication Option*/ #myformcommoption p {padding: 0;} #myformcommoption div {clear:both; padding:3px 0 0 0; margin:0; width:100%; overflow: hidden;} #myformcommoption div.postbox {padding:10px 0 0 0;} .emailformat select {margin-left: 3px;} #myformcommoption .smsbox{display:none;} #myformcommoption .postbox{display:none;} /* Reminder */ #reminderslist, #addreminder, #editreminder {width: 675px; margin: 0; padding: 0; overflow: hidden;} #reminderslist h1, #addreminder h1, #editreminder h1 {width: 670px; margin: 0; padding: 4px 0 0 1px;} #reminderslist p, #reminderslist h3, #addreminder p, #editreminder p{width: 674px; margin: 11px 0 0 0; padding: 0 0 0 1px; float: left;} #reminderslist h2.error{width: 674px; margin: 11px 0 0 0; padding: 0 0 0 1px; float: left;} .reminderBox {width: 675px; margin: 11px 0 0 0; padding: 0; float: left;} #addreminder .reminderBox .wizrtable, #editreminder .reminderBox .wizrtable, #reminderslist .reminderBox .wizrtable {width: 675px; margin: 0; padding: 0;} #addreminder .reminderBox .wizrtable thead th, #editreminder .reminderBox .wizrtable thead th { width: 112px; margin: 0; text-transform:uppercase; font-weight:normal; padding: 3px 0 3px 5px;background-color:#E8E8E8; color: #2B2D30; text-align: center;} #reminderslist .reminderBox .wizrtable thead th{ width: 168px; text-transform:uppercase; font-weight:normal; margin: 0; padding: 3px 0 3px 5px;background-color:#E8E8E8; color: #2B2D30; text-align: center;} #editreminder .reminderBox .wizrtable thead th.hdrBlank {width: 224px;} #addreminder .reminderBox .wizrtable tbody td, #editreminder .reminderBox .wizrtable tbody td{padding: 3px 0 1px 0; margin: 0; text-align: center;} #reminderslist .reminderBox .wizrtable tbody td {padding: 5px 0 5px 0; margin: 0; text-align: center;} #editreminder .reminderBox .wizrtable tbody td.flname {text-align: left; padding-left: 3px; vertical-align: top;} #addreminder .reminderBox .wizrtable tbody td input, #editreminder .reminderBox .wizrtable tbody td input {font-size:1em; border:1px solid #3F5870; width:100px; height:18px;} #reminderslist p.addreminder {width: 675px; margin: 20px 0 0 0; padding: 0; overflow: hidden;} /* Order History */ #orderhistory, #orderdetail {width: 660px; margin: 0; padding: 10px; overflow: hidden;} #orderhistory h1, #orderdetail h1 {width: 660px; margin: 0; padding: 4px 0 0 1px;} #orderhistory p, #orderdetail p{width: 660px; margin: 11px 0 0 0; padding: 0 0 0 1px; float: left;} #orderhistory h2.error, #orderhistory h2.balance{width: 660px; margin: 11px 0 0 0; padding: 0 0 0 1px; float: left;} #orderhistory .ordersListBox {width: 674px; margin: 0; padding: 0 0 0 1px; float: left;} #orderhistory .ordersListBox h2{width: 674px; margin: 11px 0 0 0; padding: 0; overflow: hidden;} ul#orders_list {width: 674px; margin: 0; padding: 0; overflow: hidden;} ul#orders_list li {width: 674px; margin: 11px 0 0 0; padding: 0; float: left;} ul#orders_list li table.wizrtable {width: 674px; margin: 0; padding: 0;} ul#orders_list li table.wizrtable tr th {width: 250px; padding:5px 0 4px 0; margin:0; vertical-align: top;} ul#orders_list li table.wizrtable tr td {width: 424px; padding:5px 0 4px 0; margin:0;} ul#orders_list li table.wizrtable tr td.items ul {width: 420px;} ul#orders_list li table.wizrtable tr td.items ul li {width: 420px; margin: 0 0 5px 0;} ul#orders_list li .vieworder{width: 674px; margin: 0; padding: 0; float: left;} #orderhistory p a {text-decoration:underline;} #orderhistory .ordersListBox #orders_list tbody th {font-weight:normal;} /* Order Detail */ #orderdetail .ohSumDetail, #orderdetail #paymentdetails_orlk, #orderdetail #contactdetails_orlk, #orderdetail .deliveryaddress, #orderdetail .orderitems, #orderdetail .ohListVoucher {width: 675px; margin: 11px 0 0 0; padding: 0; float: left;} #orderdetail .ohSumDetail h2, #orderdetail #paymentdetails_orlk #paymentdetails h2, #orderdetail #contactdetails_orlk h2, #orderdetail .deliveryaddress h2{width: 670px; margin: 0; padding: 3px 0 3px 5px;background-color:#E8E8E8; color: #2B2D30;} /* orderdetails table */ #orderdetail .ohSumDetail .orderdetails {width: 665px; margin: 0 5px 0 5px; padding: 0;} #orderdetail .ohSumDetail .orderdetails tr th {width: 564px; padding: 3px 0 1px 0; font-size:1.05em;} #orderdetail .ohSumDetail .orderdetails tr td {width: 101px; padding: 3px 0 1px 0;} #orderdetail .ohSumDetail .orderdetails th.hdrOrderTotal div {font-size:1em;} /* promotion */ #orderdetail .ohListVoucher .promotions {width: 675px; margin: 0; padding: 0;} #orderdetail .ohListVoucher .promotions th.hdrVouchers {margin: 0; padding: 3px 0 3px 5px;background-color:#E8E8E8; color: #2B2D30; text-transform:uppercase;} #orderdetail .ohListVoucher .promotions tr th.hdrPromotion {width: 564px; padding: 3px 0 1px 5px; font-size:1.05em;} #orderdetail .ohListVoucher .promotions tr td.promotion {width: 101px; padding: 3px 5px 1px 0;} /* paymentdetails */ #orderdetail #paymentdetails_orlk #paymentdetails {width: 675px; margin: 0; padding: 0;} #orderdetail #paymentdetails_orlk #paymentdetails table {width: 665px; margin: 0 5px 0 5px; padding: 0;} #orderdetail #paymentdetails_orlk #paymentdetails p {width: 665px; margin: 3px 5px 0 5px; padding: 0; color: #434648;} #orderdetail #paymentdetails_orlk #paymentdetails table tr th {width: 530px; padding: 3px 0 1px 0; font-size:1.05em;} #orderdetail #paymentdetails_orlk #paymentdetails table tr td {width: 135px; padding: 3px 5px 1px 0;} #orderdetail #paymentdetails_orlk h2 {display:none;} #orderdetail #paymentdetails_orlk #paymentdetails h2 {display:block;} /* contactdetails and deliveryaddress */ #orderdetail #contactdetails_orlk p, #orderdetail .deliveryaddress p {width: 670px; margin: 3px 0 0 5px; padding: 0; color: #434648;} #orderdetail .orderitems .wizrtable {width: 675px} #orderdetail .orderitems .wizrtable tr .name {width:289px;} #orderdetail .orderitems .wizrtable tr .totalprice{width: 105px; padding-right:0; text-align: center;} #orderdetail .orderitems .wizrtable tr .status {width: 175px; padding-right:5px; text-align: center; padding-left:0;} #orderdetail h2, #orderdetail tbody th, #orderdetail thead th {font-weight:normal;} /*********************************************/ /* MY ACCOUNT ITEMS YOU MAY BE INTERESTED IN */ /*********************************************/ .myaccpredictor {margin:20px 0;} .myaccpredictor h2 {font-weight:normal;} .myaccpredictor ul {width:100%; overflow:hidden; margin:10px 0 0 0;} .myaccpredictor li {float:left; width:145px; text-align:center;} .myaccpredictor .details,.myaccpredictor .details h3,.myaccpredictor .details h3 a ,.myaccpredictor .details h3{float:right;width:70px;} /* SOURCE CODE ON ORDER RECEIPT */ #orderreceipt .orxfieldsdisplay {padding:25px 0 ; } /* PayPal button styles */ .paypalbtn {float:right; display:block; clear:both;} /* instore/wes styles for search form and results */ #searchUser h2, #searchResults h2 {margin:0;padding:5px 0pt 5px 4px;border-color:#000000;background-color:#666666;color:#FFFFFF;font-size:1.5em;} #searchResultsTable {height:150px;overflow:auto;} #searchResultsTable th, #searchResultsTable td {padding:2px 8px;} #searchResults a {cursor:pointer;} .checkoutL .container .f-orbtadddetail label.invisible{display:block; color:#43464A;} /**************/ /* giftwrap */ /**************/ #giftwrap {margin-left:10px; padding:0; /*width:888px*/; background-color: #fff; overflow: hidden;min-height:600px; } #giftwrap h1{width: 670px; margin: 0; padding: 4px 0 0 1px; float: left;} #giftwrap p{width: 674px; margin: 11px 0 0 0; padding: 0 0 0 1px; float: left;} #giftwrap .wizrtable_wrap {width: 674px; margin: 11px 0 0 0; padding: 0 0 0 1px; float: left;} #giftwrap .wizrtable_wrap table.wizrtable {width: 674px; margin: 0; padding: 0;} #giftwrap .wizrtable_wrap table.wizrtable tr th {font-weight:normal; padding: 3px 0 3px 0; margin: 0; background-color: #E8E8E8; text-align: center; color: #43464B; text-transform:uppercase; width: 168px;} #giftwrap .wizrtable_wrap table.wizrtable tr td {vertical-align:middle; text-align: center; color: #43464B; border-bottom: 1px solid #E5E5E5; padding: 2px 0 3px 0} #giftwrap .wizrtable_wrap table.wizrtable tr .productname {width: 280px; text-align: left; } #giftwrap .wizrtable_wrap table.wizrtable tr .wrapitem {width:150px;} #giftwrap .wizrtable_wrap table.wizrtable tr .productprice {width: 76px;} #giftwrap .wizrtable_wrap table.wizrtable tr .giftmessage {wdith: 168px;} #giftwrap textarea {border:1px solid #3F5870;width:145px;} #giftwrap #buttons{width: 675px; margin: 20px 0 0 0; padding: 0; float: left;} /**************/ /* redeempromocode */ /**************/ #redeempromocode {margin-left:15px; padding:0; background-color: #fff; overflow: hidden; min-height:600px;} #redeempromocode h1 {width: 670px; margin: 0; padding: 4px 0 0 1px; float: left;} #redeempromocode p {clear:both; height:15px; background:transparent url(/content/ebiz/perryellis/resources/images/promo_uppercase.png) no-repeat scroll left bottom !important} #redeempromocode div input#promo {margin:0 0 0 5px; border:1px solid #3F5870; width:134px; padding-left:1px;} #redeempromocode div {width: 674px; margin: 11px 0 0 0; padding: 0 0 0 1px; float: left;} #redeempromocode div input#other {float:left; margin:0 3px 7px 5px;} #redeempromocode div label {float:left; padding:1px 0 0 0;} #redeempromocode div.left div {margin:3px 0 0 0;} #redeempromocode #buttons {width: 240px; margin: 20px 0 0 0; padding: 0; float: left;} #redeemgiftcert fieldset label {float:left; padding:3px 0 0; width:18%;} #redeemgiftcert fieldset input {font-size:1em; margin:0 10px 0 0;} /*********************************************/ /*ADD ADDRESS AND EDIT ADDRESS*/ /*********************************************/ #checkout .addressbook {margin:0; padding:10px; width:868px; background-color: #fff; overflow: hidden;} #checkout .addressbook h1{width: 670px; margin: 0; padding: 4px 0 0 1px; float: left;} #checkout .addressbook p{width: 674px; margin: 11px 0 0 0; padding: 0 0 0 1px; float: left;} #checkout .addressbook .f-oradsaddbook .oradsaddbook {font-weight:normal;} #checkout .addressbook strong {font-weight:normal;} #address_list{width: 674px; margin: 0; padding: 0 0 0 1px; float: left;} #address_list li {width: 674px; margin: 11px 0 0 0; padding:0; overflow: hidden;} #checkout .addressbook #address_list li p{width: 674px; margin: 0; padding:8px 0 0 0; overflow: hidden; float: none; } #checkout .addressbook #address_list li div {width: 674px; margin: 0; padding:11px 0 0 0; overflow: hidden;} .f-oradsaddbook {width: 674px; margin:0; padding:0; float: left;} .f-oradsaddbook legend.oradsaddbook {width: 90%; overflow: hidden; display:block; margin:0;*margin:0 0 0 -7px; padding:0;} .f-oradsaddbook div input {float:left; margin: 0 3px 0 0; padding: 0;} *:first-child+html .f-oradsaddbook div input{margin-top: -5px; margin-left: -4px;} .f-oradsaddbook div label {float:left; margin:0; padding: 0;} .f-oradsaddbook div img {margin-bottom: 5px;} #checkout .addressbook #buttons {width: 675px; margin: 20px 0 0 0; padding: 0; float: left;} /* Forgotten Password */ .containerpwrm, .containerpwrmthankyou {width: 660px; margin: 0; padding: 10px; overflow: hidden;} .containerpwrm h1, .containerpwrmthankyou h1 {width: 670px; margin: 0; padding: 4px 0 0 1px; float: left;} .containerpwrm p, .containerpwrm .f-pwrmemail, .containerpwrm h2.error, .containerpwrmthankyou p{width: 674px; margin: 11px 0 0 0; padding: 0 0 0 1px; float: left;} .containerpwrm .f-pwrmemail div {width:100%; overflow:hidden; padding-bottom: 5px;} .containerpwrm .f-pwrmemail div label{width:50%; float: left;} .containerpwrm .f-pwrmemail div input{width:135px; border:1px solid #3F5870;} .containerpwrm #buttons, .containerpwrmthankyou #buttons{width: 660px; margin: 20px 0 0 0; padding: 0; float: left;} .home_cattree {display:none ;} .btUpdateBasket{display: inline} #yourbasket h1,.containerorscempty h1 { background:transparent url(/content/ebiz/perryellis/resources/images/shopping-bag.png) no-repeat scroll 0 0 !important; height:17px; text-indent:-5000px; margin-left:5px; } .containerorscempty {height:500px;} .containerorscempty img {float:left;margin-left:5px} #redeempromocode h1 { background:transparent url(/content/ebiz/perryellis/resources/images/redeem.png) no-repeat scroll 0 0 !important; height:17px; text-indent:-5000px; margin-left:5px; } #giftwrap h1 { background:transparent url(/content/ebiz/perryellis/resources/images/giftbox.png) no-repeat scroll 0 0 !important; height:17px; text-indent:-5000px; margin-left:5px; } h2.error {text-align:left;width:500px;} .giftmessage {display:none} #giftwrap p {display:none} /*.mainlogo { margin-top:28px !important; } */ #redeempromocode p { -moz-background-clip:border !important; -moz-background-inline-policy:continuous !important; -moz-background-origin:padding !important; background:transparent url(/content/ebiz/perryellis/resources/images/promo_uppercase.png) no-repeat scroll left bottom !important; clear:both; height:15px; } .logo_pci {float:right !important; margin-right:25px !important;}