/* ========================================================================== COLOUR CHART Dark Red #ce3228 Red #f10 Dark Grey #707070 Light Grey #d7d7d7 Data Table Grey Border #c6c6c6 Data Table Odd Columns #f1f1f1 Data Table Even Columns #f6f6f6 FONT CONVERSION CHART Since the '*' rule defines font-size as 75%, all relative font sizes need to take account of this. Also, any absolute sizes (like pt) should be converted so they can scale in IE6 ORIGINAL SIZE NEW SIZE 1.1em 13.2pt 146.67% 1em 12pt 133.33% 0.9em 10.8pt 120% 0.8em 9.6pt 106.67% 0.75em 9pt 100% 0.7em 8.4pt 93.33% ========================================================================== */ /* ========================================================================== GLOBAL LAYOUT AND TYPOGRAPHY ========================================================================== */ body { color: #707070; font: 75%/1.4em Helvetica, Arial, sans-serif; margin: 6px 8px; text-align: center; } #ele-header, #e_page, #footer, #topNav { text-align: left; } #ele-header, #e_page, #footer, #header-checkout { margin: 0px auto; max-width: 1240px; /*min-width: 640px;*/ } #e_content3cols td, #e_content2cols td { vertical-align: top; } .e_middleBar, .e_leftMiddleBar, .e_middleRightBar { padding: 0px 20px; } .e_leftMiddleBar { padding-left: 0px; } .e_middleRightBar { padding-right: 0px; } p { font-size: 100%; margin: 1em 0; } h1, h2, h3, h4, h5, h6, .heading1, .heading2 { font-weight: bold; margin: 1em 0; } h1 { font-size: 146.67%; font-weight: normal; } h2, .heading1 { font-size: 133.33%; } h3, .heading2 { font-size: 100%; } h4, h5, h6 { font-size: 93.33%; } a { color: #f10; text-decoration: none; } a:hover { text-decoration: underline; } a.black { color: black; } th { font-weight: bold; } /* hide the personal lawguide in the business section and vice-versa */ body.business .e_leftBar .e_personal, body.personal .e_leftBar .e_business { display: none; } ul {} ul.ul1 { list-style-position: outside; list-style-type: disc; } ul.ul1 li { margin: 1em 0 1em 2em; } ul.normal, ul#more1, ul#more2, ul#more3, ul#more4, ul#more5, ul#more6, ul#more7 { line-height: 1.4em; list-style: outside disc; padding-left: 40px; } ol {} ol.normal { line-height: 1.4em; list-style: outside decimal; padding-left: 40px; } ol.normal ol.normal { list-style-type: lower-alpha; } ol.normal ol.normal ol.normal { list-style-type: lower-roman; } li.selected a, a.selected { color: #707070; } .e_selected, .selected, strong { font-weight: bold; } big { font-size: 133%; } big a { font-weight: bold; } big b { color: #f10; } /* forms */ form input.e_inpSubmit { font-size: 1px; } #e_page form {} #e_page form label { color: black; font-weight: bold; float: left; margin-right: 8px; } #e_page form label.error, form div.error { color: #ce3228; display: block; font-size: 93.33%; font-weight: bold; margin-bottom: 1em; margin-top: -0.001em!important; width: 100%; } #e_page form label.e_radio { float: none !important; font-weight: normal !important; margin-right: 0.5em; width: auto; } /*#e_page form input.e_submit, #e_page form input.e_inpSubmit { clear: both; float: right; margin-right: 30px; width: auto; height: 1%; } body > #e_page form input.e_submit, body > #e_page form input.e_inpSubmit { background: url(../images/submit.gif) right center no-repeat; border: none; cursor: pointer; font-size: 1px; height: 20px; padding-top: 20px; width: 72px; } */ #e_page form input.e_submit, #e_page form input.e_inpSubmit { background: url(../images/submit.gif) right center no-repeat; border: none; cursor: pointer; float: right; font-size: 1px; height: 20px; margin-right: 30px; padding-top: 20px; width: 72px; } form input, textarea { padding: 1px; } .validationErrors { color: #ce3228; font-weight: bold; } #RegisterForm, .e_loginForm, .ele-creditCardForm .e_wrap, .ele-myAccount .e_wrap, #PasswordReminderForm { background: #f6f6f6; border: 1px solid #cecece; padding: 44px 0px 66px 30px; } /* Product boxes */ .e_name { font-weight: bold; font-size: 106.67%; } .e_product, .ele-product .e_object { background: url(../images/logo-cutout.gif) bottom right no-repeat; border: 1px solid #d7d7d7; border-bottom: none; clear: both; margin-bottom: 12px; overflow: auto; padding: 8px 12px; position: relative; } .ele-product .e_object { padding-bottom: 32px; } .e_product .e_name .e_label, .e_product .e_shortDesc .e_label { display: none; } /* -------------------------------------------------------------------------- Header -------------------------------------------------------------------------- */ #ele-header { line-height: 1.1em; position: relative; } #ele-header a { font-weight: bold; } #ele-header a#forgot { font-size: 93.33%; } #ele-header #topNav a { color: white; font-size: 93.33%; } #ele-header #topNav a.home, #ele-header #topNav a.services { line-height: 2.8em; } /* 2 x 1.4 */ #e_page { clear: both; margin-bottom: 1.60em; } /* 1.33em (100%) x 1.2em (1.4em - a margin) */ #logo { float: right; margin-right: 20px; } .youAreNowLoggedIn { font-size: 93.33%; font-weight: bold; right: 20px; position: absolute; top: 36px; } #header-checkout .youAreNowLoggedIn { top: 28px; } /* search box */ #search { margin-top: 23px; white-space: nowrap; } #searchstringForm { } #searchstringForm #searchstring { border: 1px solid #7E9DB9; color: #707070; font-family: "Arial"; font-size: 103.33%; padding: 2px; width: 250px; } #searchstringForm .submit { background: url(../images/search-lozenge.gif); border: none; color: white; font-size: 10px; font-weight: bold; height: 21px; margin-left: 1em; vertical-align: 1px /*originally 6px*/; width: 45px; } /* top login box */ .e_loginBox { margin-top: 20px; width: 512px; display:none} .e_loginBox label { margin-right: 0.25em; } .e_loginBox input { border: 1px solid #7e9db9; margin-right: 0.5em; padding: 1px; background: #ffffff; width: 150px; } .e_loginBox input#submit { background: url(../images/login-lozenge.gif) top left no-repeat; border: none; color: white; font-size: 12px; height: 18px; text-align: center; width: 36px; } .e_loginBox a#forgot { display: block; margin-top: 0.5em; } /* top navigation bar */ body.personal #topNav { background-position: 0 -210px; } body.personal #topNav.logged-in { background-position: 0 -42px; } body.business #topNav { background-position: 0 -252px; } body.business #topNav.logged-in { background-position: 0 -84px; } body.myServices #topNav { background-position: 0 -126px; } #topNav-checkout { background-position: 0 0 !important; } #topNav, #topNav-checkout { background: url(../images/navbars/navbars.png) 0 -168px no-repeat; clear: both; height:42px; margin-top: 24px; } #topNav.logged-in, #topNav-checkout.logged-in { background-position: 0 0; } #topNav table, #topNav-checkout table { height: 35px; margin-left: 7px; } #topNav td, #topNav-checkout td { text-align: center; width: 139px; } /* navbar during checkout */ #topNav-checkout td { color: #d7d7d7; font-size: 93.33%; font-weight: bold; } /* header graphic */ #header-graphic, #header-graphic-checkout { background: url(../images/headers/about-us.jpg) top center; height: 222px; max-width: 1240px; } body.howitworks #header-graphic { background-image: url(../images/headers/how-it-works.jpg); } body.business #header-graphic { background-image: url(../images/headers/docs-for-business.jpg); } body.employment #header-graphic { background-image: url(../images/headers/employment.jpg); } body.personal #header-graphic { background-image: url(../images/headers/docs-for-you.jpg); } body.divorce #header-graphic { background-image: url(../images/headers/divorce.jpg); } body.poa #header-graphic { background-image: url(../images/headers/poa.jpg); } body.wills #header-graphic { background-image: url(../images/headers/wills.jpg); } body.body_registerform #header-graphic { background-image: url(../images/headers/register.jpg); } body.login #header-graphic, body.myServices #header-graphic { background-image: url(../images/headers/login.jpg); } body.help #header-graphic { background-image: url(../images/headers/help.jpg); } body.faq #header-graphic { background-image: url(../images/headers/faq.jpg); } body.howtouse_myservices #header-graphic { background-image: url(../images/headers/help-my-services.jpg); } body.contact #header-graphic { background-image: url(../images/headers/contact.jpg); } body.basket #header-graphic { background-image: url(../images/headers/basket.jpg); } body.twomintour #header-graphic { background-image: url(../images/headers/2-min-tour.jpg); } /* lower navigation bar */ #bottomNav { color: #f10; font-size: 93.33%; margin-top: 11px; white-space: nowrap; } #bottomNav #leftLinks { float: left; } #bottomNav #rightLinks { float: right; margin: 0 0 16px 1em; } /* creates space between menu and page */ #bottomNav li { display: inline; } /* -------------------------------------------------------------------------- Footer -------------------------------------------------------------------------- */ #footer #legalinfo { font-size: 80%; line-height: 1.25em; margin: 1.25em 0; } /* 60% */ #legalinfo p { clear: both; } #legalinfo a:hover { color: black; } #footer { clear: both; } #footerBar { background-color: #cfcfcf; color: #f10; line-height: 1.2em; overflow: auto; } #footerBar a, #footerBar p { font-weight: bold; margin: 0; padding: 0; } #footerBar p { float: left; width: 42% } /* percentages need to change if footer bar content changes */ #footerBar ul { float: right; text-align: right !important; padding: 0px; width: 56% } #footerBar li { display: inline; white-space: nowrap; } /* -------------------------------------------------------------------------- Left-Hand Bar -------------------------------------------------------------------------- */ .e_leftBar { border-right: 1px dotted #cfcfcf; min-width: 232px; } .e_leftBar .e_head, .e_leftBar .head { background: url(../images/service_header.gif) no-repeat; height: 35px; padding-left: 40px; padding-top: 10px; } .e_leftBar .e_box { background: url(../images/service_splitter.gif) bottom left no-repeat; padding-bottom: 1em; margin-bottom: 2.3em; } .e_leftBar #collection, .e_leftBar #lawguide { font-size: 93.33%; } .e_leftBar .e_head h6, .e_leftBar .head h6 { color: #f10; cursor: text; font-size: 106.67%; margin: 0; } .e_leftBar a.selected { color: #707070; } .e_leftBar a.selected:hover { text-decoration: none; } .e_leftBar #lawguide, .e_leftBar #collection {} #lawguide li, #collection li { line-height: normal; padding: 0.001em; } /* so it doesn't overlap vertical margins */ #lawguide li li { margin-left: 20px; } #lawguide a, #collection a { display: block; margin: 3px 0 3px 40px; } /* -------------------------------------------------------------------------- Right-Hand Bar -------------------------------------------------------------------------- */ .e_rightBar .e_box, .e_rightBar .box, .e_box1 .e_needHelp, .e_box1 .e_desc, .e_categoriesList, .e_selectorBox { background: #ff0000 url(../images/redgrad_m.jpg) top repeat-x; color: white; margin-bottom: 12px; padding: 8px;} .e_rightBar .e_box h6, .e_rightBar .box h6, .e_box1 h6, .e_categoriesList h2, .e_selectorBox h2 { font-size: 106.67% !important; margin-top: 0; text-transform: uppercase; } .e_rightBar .e_box a, .e_rightBar .box a, .e_box1 a, .e_categoriesList a { color: white; font-weight: bold; text-decoration: underline; } .e_rightBar .sidebarbox { clear: right; float: right; } .e_rightBar .webadvisor { margin-bottom: 20px; } body.business .e_rightBar .e_box, .e_box1 .e_desc, .e_basketPriceSummarySidebar { background: #333333 url(../images/blackgrad_m.gif) top repeat-x !important; } /* ========================================================================== SINGLE PAGE LAYOUTS ========================================================================== */ /* -------------------------------------------------------------------------- Home Page -------------------------------------------------------------------------- */ #e_sections, #e_sections a { color: white; } #e_sections a:hover { text-decoration: none; } #e_sections p { line-height: 1.2em; } #e_sections h3 { font-size: 106.67%; margin-top: 0; } /* 80% */ #e_sections td, #e_features td { vertical-align: top; padding: 8px; } #e_sections .e_personal { background: #ff0000 url(../images/redgrad_b.jpg) top repeat-x; border-right: 8px solid #ffffff; width: 44%; } #e_sections .e_business { background: #333333 url(../images/blackgrad_b.jpg) top repeat-x; border-right: 8px solid #ffffff; width: 37%; } #e_sections .e_twomintour { background: #ff0000 url(../images/redgrad_m.jpg) top repeat-x; border-bottom: 8px solid #ffffff; } #e_sections .e_tomc { background: #ff0000 url(../images/redgrad_m.jpg) top repeat-x; } /* -------------------------------------------------------------------------- Personal/Business Home Pages -------------------------------------------------------------------------- */ body.personal .e_contentMainWrapper ul.personalservices li, body.business .e_contentMainWrapper ul.businessservices li { overflow: hidden; margin-bottom: 6px; } body.personal .e_contentMainWrapper ul.personalservices li.poa a { background-position: -6px -39px; } body.personal .e_contentMainWrapper ul.personalservices li.wills a { background-position: -6px -70px; } body.personal .e_contentMainWrapper ul.personalservices li a { background: url(../images/buttons.jpg) -6px -8px no-repeat; display: block; height: 25px; text-indent: -9999px; width: 146px;} body.business .e_contentMainWrapper ul.businessservices li a { background: url(../images/employment.gif) 0 0 no-repeat; display: block; height: 25px; text-indent: -9999px; width: 146px;} /* -------------------------------------------------------------------------- Why Choose Us Page -------------------------------------------------------------------------- */ .ele-whyChooseUs #youWant_weProvide { border: 1px solid #c6c6c6; border-collapse: separate; padding: 4px !important } #youWant_weProvide tr { background: #f1f1f1; } #youWant_weProvide tr.odd { background: #f6f6f6; } #youWant_weProvide td { width: 50%; line-height: 1.4em; padding: 8px; } #youWant_weProvide th { font-size: 106.67%; font-weight: bold; line-height: 1.4em; text-align: center; } .ele-whyChooseUs .e_learnMore { display: none; } /* -------------------------------------------------------------------------- Contact Us Page -------------------------------------------------------------------------- */ address { display: block; margin: 1em 0; } .tel, .fax, .dx { color: #ce3228; } body.contact .label { color:#333333;font-size:100%;font-weight:bold;padding-left: 10px;text-align:left;vertical-align:top;width:100px; } body.contact form table { width: 380px; } body.contact form table td { padding: 5px; } body.contact form input, body.contact form textarea { padding: 1px 0; width: 265px; } /* -------------------------------------------------------------------------- How it Works Page -------------------------------------------------------------------------- */ img.howitworks-steps { display: block; margin: 0 auto; } ul.howitworks-steps { margin: 0 auto; width: 500px; height: 440px; overflow: hidden; position: relative; } ul.howitworks-steps span { position: absolute; top: 0; left: 0; width: 500px; height: 440px; background: url(../images/5-step-process.gif) top center; } /* -------------------------------------------------------------------------- Registration Form -------------------------------------------------------------------------- */ #RegisterForm { width: 520px; } #RegisterForm .e_wrap { padding-bottom: 88px; } #RegisterForm li { clear: both; } #RegisterForm li.e_customerCompanyShowHide { overflow: auto; } #RegisterForm .e_desc { padding-top: 0.5em; } #RegisterForm label { width: 174px; } #RegisterForm h3, legend { display: none; } #confimationMessage legend {display: block !important; } /* to show messages on the Forgotten Password form */ #RegisterForm li ul li, .ele-login fieldset div, .ele-creditCardForm li { display: block; clear: both; margin: 0.75em auto; } #RegisterForm div.error, #RegisterForm span.e_error, #RegisterForm span.e_serverValidationError { padding-left: 182px; width: 271px; display: block; } #RegisterForm .e_useTerms div.error, #RegisterForm .e_useTerms span.e_error { padding-left: 0; } #RegisterForm .e_option .e_label, #RegisterForm .e_option .e_label label, #RegisterForm .e_option .e_input input { float:none; width:auto } #RegisterForm input, .ele-registerForm textarea { width: 265px; } div.ele-registerForm input#RegisterFormFindAddressButton { width:125px; margin-left:180px; margin-top:5px; } div.ele-registerForm select#RegisterFormAddressSelect { width:270px; } #RegisterForm input#CustomerFirstName { width: 104px; } #RegisterForm input#CustomerInitial { width: 12px;} #RegisterForm input#CustomerLastName { width: 131px; } div.ele-registerForm input#RegisterFormCustomerDOBDD, div.ele-registerForm input#RegisterFormCustomerDOBMM { width:25px; } div.ele-registerForm input#RegisterFormCustomerDOBYYYY { width:75px; } #RegisterForm .e_desc { margin-right: 30px; } #RegisterForm .e_dataAndPrivacy { display: none; } #RegisterForm .e_enterAddress { margin-left: 182px; } #RegisterForm .e_addressSelect { margin: 0.75em 0; } #RegisterForm #AddressSelect { width: 272px; } #RegisterForm #RegisterFormCustomerPostcode { width: 128px; margin-right: 10px; } #RegisterForm #RegisterFormCustomerTermsAccepted, #CustomerCompanyShowHide, #CustomerGenderMale, #CustomerGenderFemale { margin-right: 0.5em; width: auto !important; vertical-align: -2px; } #RegisterForm .e_customerTermsAccepted label { display: inline; float: none !important; width: auto; } /* password meter */ .ele-registerForm #PasswordMeter { border: 1px solid #7f96b9; display: inline-block; height: 20px !important; padding: 0 !important; width: 269px !important; } .e_passwordMeter { margin-top: 0.75em; } /*.e_passwordmeter { margin-bottom: 0.75em; } .e_passwordmeter { display: inline; float: left; height: 20px; border: 1px solid #7f96b9; background: #ebebe4; overflow: hidden; width: 131px; } .e_passwordmeter .e_passwordstrength, .e_passwordMeter .e_passwordStrength { float: left; height: 100%; }*/ .e_passwordmeter .poor, .e_passwordMeter .poor { background: #f10; } .e_passwordmeter .ok, .e_passwordMeter .ok { background: #39c; } .e_passwordmeter .good, .e_passwordMeter .good { background: #76cd28; } * html .ele-registerForm .e_wrap form .e_passwordmeter { margin-left: 4px; margin-bottom: 3px; } /* for IE6 */ * html .ele-registerForm li { margin: -24px auto; } /* squashes the fieldsets together in IE */ /* -------------------------------------------------------------------------- Login Form -------------------------------------------------------------------------- */ .ele-login .e_notRegistered { margin-bottom: 1em; } .e_loginForm { width: 420px!important; } .e_loginForm .e_submit input.e_inpSubmit { background: url(../images/login.gif) right center no-repeat !important; } .e_loginForm label { width: 150px; } .e_loginForm input, .e_loginForm textarea { width: 222px; } .e_loginForm div.error { font-weight: bold; padding-left: 120px; width: 222px; } /* -------------------------------------------------------------------------- Forgot Password Form -------------------------------------------------------------------------- */ #PasswordReminderForm { width: 360px; } #PasswordReminderForm .e_submit { margin-top: 12px; } /* -------------------------------------------------------------------------- Credit Card Form -------------------------------------------------------------------------- */ .ele-creditCardForm { width: 500px; } .ele-creditCardForm .e_desc { display: none; } .ele-creditCardForm fieldset { margin-bottom: -0.75em; } .ele-creditCardForm label { width: 123px; } .ele-creditCardForm input, .ele-creditCardForm textarea { width: 265px; } .ele-creditCardForm .e_wrap { padding-bottom: 88px; } .ele-creditCardForm .e_price { color: #ce3228; font-weight: bold; font-size: 120%; } /* -------------------------------------------------------------------------- Take On My Case -------------------------------------------------------------------------- */ .ele-referralCategory form legend { display: inline; color: #707070; margin: 0; padding: 0; text-indent: 0; } .ele-referralCategory form label { float: left !important; margin: 1em 1em 1em 0; } .ele-referralCategory form input { margin: 1em 0.5em 1em 0; } .ele-referralCategory .e_questions input { float: left; } .ele-referralCategory ol { list-style: inside decimal; } .ele-referralDetails #referralText { margin: 1em 0; } .e_referralDetails li { margin: 1em 0; } .ele-referralLawfirm .e_terms { display: none; } .ele-referralLawfirm pre { background: #f6f6f6; border: 1px solid #c9c9c9; font-size: 1.25em; padding: 4px; } /* -------------------------------------------------------------------------- Two-Minute Tour -------------------------------------------------------------------------- */ #flashcontent { border: 1px solid #d7d7d7; height: 380px; margin: 1em auto; overflow: hidden; width: 480px; } #twomintour { border: 1px solid #d7d7d7; } /* -------------------------------------------------------------------------- Top-Level Subsite Page -------------------------------------------------------------------------- */ #showless1, #more1, #showless2, #more2, #showless3, #more3, #showless4, #more4, #showless5, #more5, #showless6, #more6 { display: none; } #showless1, #showmore1, #showless2, #showmore2, #showless3, #showmore3, #showless4, #showmore4, #showless5, #showmore5, #showless6, #showmore6 { font-weight: normal; } #more1, #more2, #more3, #more4, #more5, #more6 { margin-bottom: 1em; } .ele-subsite h2 { font-size: 133%; } .ele-subsiteProducts h3 { background: #d7d7d7; margin-top: 2em; padding: 0.1em 12px; } .e_categoriesList { float: right; margin-left: 12px; width: 25%; } .ele-subsiteProducts h1.e_title, .ele-subsiteProducts h2.e_title { display: none; } .ele-subsiteProducts .e_product .e_block1 {} .ele-subsiteProducts .e_product .e_block1 div { padding-right: 168px; } .ele-subsiteProducts .e_product .e_block2 .e_price { font-size: 106.67%; font-weight: bold; margin: 1em 0; } .ele-subsiteProducts .e_product .e_block2 .e_tbyb { background: url(../images/tbyb.gif) right repeat-y; font-weight: bold; padding: 8px 12px 8px 0; position: absolute; top: 0; right: 0; text-align: right; width: 168px; } .ele-subsiteProducts .e_product .e_block2 .e_tbyb_help { background: url(../images/helpicon2.gif) top left no-repeat; display: inline-block; padding-top: 13px; height: 0; margin-right: 24px; position: relative; overflow: hidden; top: 2px; width: 13px; } .testimonial { background: url(../images/quote.gif) 5px 5px no-repeat; border: 1px solid #d7d7d7; margin-right: 20px; padding: 10px 10px 10px 25px; } .testimonial p { margin: 0; } /* -------------------------------------------------------------------------- Law-Guide Subsections -------------------------------------------------------------------------- */ .toc { clear: left; } .toc th { font-weight: bold; font-size: 106.67%; padding: 1em 0; } .toc li li { margin-left: 20px; } /* related services */ .e_basic { float: right; overflow: auto; width: 320px; margin-left: 16px; } .e_basic .e_name { float: left; width: 192px; } .e_basic .e_price { float: right; margin-right: 32px; } .e_basic .e_price .e_value { display: block; } .ele-section .e_name .e_label, .ele-article .e_name .e_label { display: none; } .ele-section .e_price .e_value, .ele-article .e_price .e_value { font-size: 106.67%; font-weight: bold; } .ele-section .e_info, .ele-article .e_info { display: none; } * html .ele-section .e_product, * html .ele-article .e_product { height: 1px; overflow: visible } /* -------------------------------------------------------------------------- Specific Product Page -------------------------------------------------------------------------- */ .ele-product { position: relative; } .ele-product .e_tbyb { background: url(../images/tbyb.gif) right repeat-y; font-weight: bold; padding: 8px 12px 8px 0; position: absolute; top: 0; right: 0; text-align: right; width: 168px; } .ele-product .e_tbyb_big { display: none; } .ele-product .e_wrap .e_description { margin-right: 12em; } .ele-product .e_serviceLevel { overflow: auto; } .ele-product .e_serviceLevel .e_name, .ele-product .e_serviceLevel .e_description { /*display: none;*/ } /* "Lawfirm Assisted" text */ .ele-product .e_serviceLevel .e_price { font-size: 120%; font-weight: bold; position: absolute; top: 1.47em; right: 0; margin: 1em 0; } .ele-product .e_btn_buy { background: #ff0000 url(../images/redgrad_s.jpg) top repeat-x; position: absolute; top: 5.47em; right: 0; font-weight: bold; margin-left: 12px; padding: 8px 12px; text-transform: uppercase; } .ele-product .e_btn_buy a { color: #ffffff; } /* -------------------------------------------------------------------------- Web Selectors -------------------------------------------------------------------------- */ .qRadio { margin: 1em 0; } /* -------------------------------------------------------------------------- Basket -------------------------------------------------------------------------- */ ul.ele-baskettrail { color: #ff1100; } ul.ele-baskettrail li { display: inline; margin-right: 1em; } .e_basketPriceSummaryTop/*, .e_basketPriceSummaryBottom*/ { display: none; } .ele-basket .e_basketItems table { border: 1px solid #c6c6c6; border-collapse: separate; clear: both; padding: 4px !important; max-width: 72em; } .e_basketItems table .e_product { background: #F1F1F1 !important; border: none !important; text-align: left; } /* overwrites the *other* kind of .products */ .e_basketItems table tr { background: #f1f1f1; } .e_basketItems table th { font-size: 106.67%; font-weight: bold; line-height: 1.4em; padding: 3px 8px; text-align: center; } .e_basketItems table th.e_price { white-space: nowrap; } .e_basketItems table td { background: #f6f6f6; border-bottom: 2px solid #f1f1f1; width: 50%; line-height: 1.4em; padding: 3px 8px; } .e_basketItems table td.e_serviceLevel { text-align: center; } .e_basketItems table td.e_price { text-align: right; } .e_basketItems table td.e_delete { font-weight: bold; padding-left: 32px; } .e_basketPriceSummarySidebar {} .e_basketPriceSummarySidebar table { width: 100%; } .e_basketPriceSummarySidebar td.e_label { font-weight: bold; width: 66.67%; } .e_basketPriceSummaryBottom { overflow: auto; } .e_basketPriceSummaryBottom table { border: 1px solid #c6c6c6; border-collapse: separate; float: left; margin-right: 24px; padding: 4px; width: 20em; } .e_basketPriceSummaryBottom table tr { background: #f1f1f1; } .e_basketPriceSummaryBottom table tr.e_tax, .e_basketPriceSummaryBottom table tr.e_deposit { background: #f6f6f6; } .e_basketPriceSummaryBottom table tr.e_total { background: #f00 url(../images/redgrad_s.jpg) top repeat-x; color: white; font-weight: bold; } .e_basketPriceSummaryBottom table th, .e_basketPriceSummaryBottom table td { padding: 3px 8px; } .e_basketPriceSummaryBottom table td.e_label { font-weight: bold; } .e_basketPriceSummaryBottom .e_basketProceed a { display: none; } .e_basketPriceSummaryBottom form { float: left; width: 60% } .msg_good, .msg_bad, .msg_passive { background: lightyellow; font-weight: bold; margin: 0 auto 12px; padding: 8px; } .msg_good { border: 1px solid green; color: green; } .msg_bad { border: 1px solid #ce3228; color: #ce3228; } .msg_passive { border: 1px solid #c6c6c6; color: #707070; } /* basket conflict ---------------------------------------------------------- */ .ele-basketConflict .e_chunk1, .ele-basketConflict .e_chunk2 { font-weight: bold; } .e_conflict { border: 1px solid #d7d7d7; margin-bottom: 12px; padding: 4px 12px; } /* basket upsell ------------------------------------------------------------ */ .ele-basketUpsell .e_block1 { background: url(../images/logo-cutout2.gif) bottom right no-repeat; border-top: 1px solid #d7d7d7; border-left: 1px solid #d7d7d7; margin-bottom: 12px; padding: 4px 48px 4px 12px; } .ele-basketUpsell .e_product .e_name .e_label { display: none; } .ele-basketUpsell .e_block2, .ele-basketUpsell .e_continue { font-weight: bold; line-height: 1.4em; } /* -------------------------------------------------------------------------- Checkout Process -------------------------------------------------------------------------- */ #header-checkout { margin-top: 20px; margin-bottom: 12px; position: relative; } #topNav-checkout li { margin-top: 2px; float: left; font-size: 93.33%; font-weight: bold; line-height: 1.2em; text-align: center; width: 138px; } #topNav-checkout #homeTab { color: #cccccc; margin-top: 1em; } #topNav-checkout #personalTab { color: #ff6666; } #topNav-checkout #businessTab { color: #666666; } #header-graphic-checkout { background: url(../images/headers/login.jpg) top center no-repeat; } /* rule 2 ------------------------------------------------------------------- */ .ele-basketFirmRule2 .e_continue input { background: url(../images/continue.gif) right center no-repeat; } #rule2letter { background: #f6f6f6 bottom right no-repeat; border: 1px solid #cecece; height: 300px; overflow-y: scroll; padding: 8px 12px; } #rule2letter h2 { display: none; } .ele-basketFirmRule2 #acceptTerms { margin-right: 0.5em; } .ele-basketFirmRule2 .e_acceptLabel { float: none !important; } .ele-basketFirmRule2 .e_btnPrint { border: none; background: url(../images/print.gif) center no-repeat; color: white; cursor: pointer; float: right; font-size: 1px; width: 84px; height: 20px;} /* credit card form --------------------------------------------------------- */ .ele-creditCardForm input#cardSecurityNumber { width: 65px; } /* order confirmation ------------------------------------------------------- */ .ele-basketFinal .e_lawfirmDetails { display: none; } .ele-basketFinal form input.e_inpSubmit { background-image: url(../images/order.gif) !important; width: 96px !important; } .ele-basketFinal .e_items .e_header { font-size: 106.67%; font-weight: bold; margin: 1em 0; } .ele-basketFinal .e_items .e_header .e_col2, .ele-basketFinal .e_prices, .ele-basketFinal .e_orderDetails h2, .ele-basketFinal .e_orderDetails .e_products { display: none; } .ele-basketFinal .e_items .e_product .e_col1 .e_chunk1 { color: #f10; display: block; font-size: 106.67%; font-weight: bold; } .ele-basketFinal .e_items .e_product .e_col2 { display: block; font-size: 106.67%; font-weight: bold; margin-top: 1em; } .ele-basketFinal .e_items .e_total { font-size: 106.67%; font-weight: bold; margin-top: 1em; } .ele-basketFinal .e_items .e_total .e_col2 { color: #ce3228; } .ele-basketFinal .e_placeOrder.e_top { display: none; } /* -------------------------------------------------------------------------- Search Results Page -------------------------------------------------------------------------- */ .ele-searchPage .e_nav { display: none; } .e_searchDetails { border-bottom: 1px solid black; padding: 5px 0; } .e_searchDetails .e_articlesFound, .e_searchDetails .e_productsFound { display: inline; } .e_searchDetails .e_value { font-weight: bold; } .e_searchResults { margin-bottom: 3em; overflow: auto; } .e_searchResults .only { margin: 0 !important; width: 100% !important; } .e_searchResults .nomatches { display: none; } .e_searchResults .e_articles { float: left; margin-right: 17%; width: 33%; } .e_searchResults .e_products { float: right; margin-right: 17%; width: 33%; } .e_searchResults .e_results a.e_head { color: black; font-size: 133%; text-decoration: underline; } .e_searchResults .e_results .e_relevance { color: #ce3228; font-size: 70%; } /* actually 70% since it's embedded in a '133%' */ .e_searchResults .e_results .e_price { display: none; } .e_searchResults .e_results li { margin: 1.33em 0; } .e_searchResults .e_results .e_summary p { margin: 0; } /* -------------------------------------------------------------------------- Product Try & Buy Page (The page linked to by Rapidocs) -------------------------------------------------------------------------- */ .ele-rapidocs .e_buying .e_label { font-weight: bold; } .ele-rapidocs .e_buying .e_label, .ele-rapidocs .e_buying .e_value { white-space: nowrap; } .ele-rapidocs table { width: 100%; } .ele-rapidocs table td { background: url(../images/logo-cutout.gif) bottom left no-repeat; padding: 8px 12px 24px; } .ele-rapidocs table td.e_addToBasket { background-position: bottom right; border-right: 1px solid #d7d7d7; } /*.ele-rapidocs table td.e_serviceLevel {position:relative;top:1em}*/ .ele-rapidocs table tr.e_product { background: none; } .ele-rapidocs .e_rapidocsStart { background: url(../images/logo-cutout.gif) right bottom no-repeat; border: 1px solid #d7d7d7; border-bottom: none; padding: 8px 12px 32px; position: relative; } .ele-rapidocs .e_rapidocsStart p { margin: 0; } .ele-rapidocs .e_rapidocsStart .e_tbyb { background: url(../images/tbyb.gif) right repeat-y; font-weight: bold; padding: 8px 12px 8px 0; position: absolute; top: 0; right: 0; text-align: right; width: 168px; } .ele-rapidocs .e_tbyb_help { background: url(../images/helpicon2.gif) top left no-repeat; display: inline-block; padding-top: 13px; height: 0; margin-right: 24px; position: relative; overflow: hidden; top: 2px; width: 13px; } /* -------------------------------------------------------------------------- My Account -------------------------------------------------------------------------- */ /*.ele-myAccount {} .ele-myAccount h1.e_title { display: none; } .ele-myAccount .e_wrap { width: 490px; } .ele-myAccount form li { margin: 0.75em 0; clear: both; overflow: auto; } .ele-myAccount form .e_lockedValue { float: left; } .ele-myAccount label { width: 174px; } .ele-myAccount input { width: 265px; } .ele-myAccount input.e_btnSubmit, .ele-myAccount input.e_btnCancel, .ele-myAccount input.e_btnEdit { width: auto; }*/ #MyAccountForm { width: 520px; } #MyAccountForm .e_wrap { padding-bottom: 88px; } #MyAccountForm li { clear: both; } #MyAccountForm li.e_customerCompanyShowHide { overflow: auto; } #MyAccountForm .e_desc { padding-top: 0.5em; } #MyAccountForm label { width: 174px; } #MyAccountForm h3, legend { display: none; } #confimationMessage legend {display: block !important; } /* to show messages on the Forgotten Password form */ #MyAccountForm li ul li, .ele-login fieldset div, .ele-creditCardForm li { display: block; clear: both; margin: 0.75em auto; } #MyAccountForm div.error, #MyAccountForm span.e_error, #MyAccountForm span.e_serverValidationError { padding-left: 182px; width: 271px; display: block; } #MyAccountForm .e_useTerms div.error, #MyAccountForm .e_useTerms span.e_error { padding-left: 0; } #MyAccountForm .e_option .e_label, #MyAccountForm .e_option .e_label label, #MyAccountForm .e_option .e_input input { float:none; width:auto } #MyAccountForm input, .ele-MyAccountForm textarea { width: 265px; } div.ele-myAccount input#MyAccountFormCustomerDOBDD, div.ele-myAccount input#MyAccountFormCustomerDOBMM { width:25px; } div.ele-myAccount input#MyAccountFormCustomerDOBYYYY { width:75px; } div.ele-myAccount input#RegisterFormFindAddressButton { width:125px; margin-left:180px; margin-top:5px; } div.ele-myAccount select#RegisterFormAddressSelect { width:270px; } #MyAccountForm input#CustomerFirstName { width: 104px; } #MyAccountForm input#CustomerInitial { width: 12px;} #MyAccountForm input#CustomerLastName { width: 131px; } #MyAccountForm .e_desc { margin-right: 30px; } #MyAccountForm .e_dataAndPrivacy { display: none; } #MyAccountForm .e_enterAddress { margin-left: 182px; } #MyAccountForm .e_addressSelect { margin: 0.75em 0; } #MyAccountForm #AddressSelect { width: 272px; } #MyAccountForm #MyAccountFormCustomerPostcode { width: 128px; margin-right: 10px; } #MyAccountForm #MyAccountFormCustomerTermsAccepted, #CustomerCompanyShowHide, #CustomerGenderMale, #CustomerGenderFemale { margin-right: 0.5em; width: auto !important; vertical-align: -2px; } #MyAccountForm .e_customerTermsAccepted label { display: inline; float: none !important; width: auto; } /* -------------------------------------------------------------------------- * Change Password form */ #changePasswordForm {} #changePasswordForm li { margin: 0.75em auto; } #changePasswordForm label { width: 174px; } #changePasswordForm li input { width: 265px; } #changePasswordForm .e_passwordMeter { border: 1px solid #7f96b9; display: inline-block; height: 20px !important; padding: 0 !important; width: 269px !important; } #changePasswordForm .e_passwordStrength { display: block; height: 20px; } /*.e_passwordmeter { margin-bottom: 0.75em; } .e_passwordmeter { display: inline; float: left; height: 20px; border: 1px solid #7f96b9; background: #ebebe4; overflow: hidden; width: 131px; } .e_passwordmeter .e_passwordstrength, .e_passwordMeter .e_passwordStrength { float: left; height: 100%; }*/ .e_passwordmeter .poor, .e_passwordMeter .poor { background: #f10; } .e_passwordmeter .ok, .e_passwordMeter .ok { background: #39c; } .e_passwordmeter .good, .e_passwordMeter .good { background: #76cd28; } .e_acceptTerms { margin-bottom: 1em; } /* -------------------------------------------------------------------------- My Services -------------------------------------------------------------------------- */ /* global */ .e_mysToolbar { background: #f6f6f6; border: 1px solid #d7d7d7; height: 1%; margin: 0; overflow: auto; padding: 8px; } .e_mysToolbar li, .e_mysToolbar div.e_label { display: inline; margin-right: 2em; } .e_mysToolbar .e_on, .e_mysToolbar .e_orderBy div, .e_mysToolbar .e_orderBy .e_selected { font-weight: bold; } .e_mysToolbar li a, .e_mysToolbar div.e_label a { font-size: 9pt !important; } .e_mysToolbar li.e_last { margin-right: 0; } .e_mysToolbar .e_msNav { float: left; font-size: 9.6pt; } .e_mysToolbar .e_msNav li a { font-size: 9pt !important; } .e_mysToolbar .e_orderBy { float: right; } /* summary */ .ele-MyServices-Summary {} .ele-MyServices-Summary .e_dashboard table { border-collapse: separate; margin: 1em -12px 1em 0px; } .ele-MyServices-Summary .e_dashboard h2 { font-size: 10.8pt; } .ele-MyServices-Summary .e_dashboard td { background: url(../images/logo-cutout2.gif) no-repeat; border-top: none; border-left: 1px solid #d7d7d7; border-bottom: none; border-right: 12px solid white; vertical-align: top; } .ele-MyServices-Summary .e_dashboard tr.e_row1 td { background-position: top right; padding: 0 12px; width: 25%; } .ele-MyServices-Summary .e_dashboard tr.e_row2 td { background-position: bottom right; padding: 0 12px 12px; } .ele-MyServices-Summary .e_links li { background: #f6f6f6; border: 1px solid #d7d7d7; margin-bottom: 12px; padding: 8px; } .ele-MyServices-Summary .e_links li a { font-size: 9.6pt; font-weight: bold; } .ele-MyServices-Summary .e_links li p { margin-bottom: 0px; } /* start new / my templates */ .ele-MyServices-StartNew {} /* header */ .ele-MyServices-StartNew .e_mysToolbar { margin-bottom: 1em; width: 67% } /* right bar */ .ele-MyServices-StartNew .e_desc { background: #333333 url(../images/blackgrad_b.jpg) top repeat-x; float: right; margin-bottom: 12px; padding: 8px; width: 25%; } .ele-MyServices-StartNew .e_needHelp { background: #ff0000 url(../images/redgrad_b.jpg) top repeat-x; clear: right; float: right; padding: 8px; width: 25%; } .ele-MyServices-StartNew .e_needHelp a { font-weight: bold; text-decoration: underline; } /* documents */ .ele-MyServices-StartNew .e_template { background: url(../images/logo-cutout2.gif) bottom right no-repeat; border-top: 1px solid #d7d7d7; border-left: 1px solid #d7d7d7; margin-bottom: 12px; overflow: auto; padding: 8px; width: 67%; } .ele-MyServices-StartNew .e_template .e_productName { margin-bottom: 0.5em; } .ele-MyServices-StartNew .e_template .e_productName .e_name { font-size: 120%; font-weight: bold; margin-right: 0.5em; } .ele-MyServices-StartNew .e_template .e_productDetails { background: #f6f6f6; border: 1px solid #d7d7d7; margin-top: 1em; margin-bottom: 20px; overflow: auto; width: 100%; } .ele-MyServices-StartNew .e_template .e_productDetails h3.e_title { display: none; } .ele-MyServices-StartNew .e_template .e_productDetails .e_label { font-weight: bold; } .ele-MyServices-StartNew .e_template .e_productDetails .e_group ul { float: left; width: 120px; margin: 8px; } .ele-MyServices-StartNew .e_template ul.e_managedBy { display: none; } .ele-MyServices-StartNew .e_hideDetails .e_productDetails, .ele-MyServices-StartNew .e_hideDetails .e_hideLabel { display: none; } .ele-MyServices-StartNew .e_template .e_showLabel { display: none; } .ele-MyServices-StartNew .e_hideDetails .e_showLabel { display: block; } .ele-MyServices-StartNew .e_objects { background: #f6f6f6; border: 1px solid #d7d7d7; margin-bottom: 20px; } .ele-MyServices-StartNew .e_objects .e_last, .ele-MyServices-StartNew .e_objects .e_object:last-child { border-bottom: none } .ele-MyServices-StartNew .e_object { border-bottom: 1px solid #d7d7d7; clear: left; overflow: auto; padding: 8px; } .ele-MyServices-StartNew a.e_moreInfo, .ele-MyServices-StartNew a.e_productMoreInfo { font-size: 93.33%; white-space: nowrap; } .ele-MyServices-StartNew .e_objectName { float: left; line-height: 1.4em; } .ele-MyServices-StartNew .e_objectStart { float: right; font-weight: bold; } .ele-MyServices-StartNew .e_productStart { float: right; font-weight: bold; margin: 0 9px 16px 0; } .ele-MyServices-StartNew .e_scrollable { height: 100px; overflow: auto; } /* myAccount myCompany */ .ele-myCompany{} #myCompanyForm .e_sections{ width: 490px; background: #f6f6f6 right bottom no-repeat; border: 1px solid #cecece; padding: 44px 0 66px 30px; } #myCompanyForm .e_section{} #myCompanyForm .e_fieldset{} #myCompanyForm .e_field{ clear: both; overflow: hidden; margin: 4px 0; } #myCompanyForm .e_field div.error{ color: #ce3228; clear: both; } #myCompanyForm .e_field label{ float: left; width: 25%; } #myCompanyForm .e_field input{ float: left; margin-right: 4px; } #myCompanyForm .e_field textarea{} #myCompanyForm .e_field select{} #myCompanyForm .e_controls{} #myCompanyForm .e_submit{}