/* www.ecodisc.org.uk /* =0 Reset ----------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0; vertical-align: baseline;background: transparent; font-size:100%;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;} :focus {outline: 0;} ins {text-decoration: none;} del {text-decoration: line-through;} table {border-collapse: collapse;border-spacing: 0; width:100%;} /* =1 Global ----------------------------------------------------------*/ body {font-family:Arial, Helvetica, sans-serif; background-color:#E4EAC8; color:#4D4D4F; behavior: url("scripts/csshover3.htc");} span.clear, li.clear, div.clear {border: 0;clear: both;display: block;float: none;font-size: 0;list-style: none;margin: 0;padding: 0;overflow: hidden;visibility: hidden;width: 0;height: 0;} .clearfix:after { clear: both;content: '.';display: block;visibility: hidden;height: 0; } p, li, dl {font-size:.75em; line-height:1.5em;} #logo a, logo_win a, #logo_win a {behavior: url(iepngfix.htc);} .smallerNumber { font-size:10px; position:relative; top: 2px;} /* =2 Links ----------------------------------------------------------*/ a {cursor:pointer; color:#00693E; text-decoration:none;} a:visited {color:#00693E} a:hover {text-decoration:underline;} a:active {color:#00693E;} /* =3 Headings ----------------------------------------------------------*/ h1 {font-size:1.375em; color:#00693E; font-weight:normal;} h2 {font-size:1.125em; color:#00693E; font-weight:normal;} h3 {font-size:0.875em; color:#00693E; font-weight:normal;} h4 {font-size:0.75em; color:#00693E;} h5 {font-size:0.75em; color:#00693E;} /* =5 Navigation ----------------------------------------------------------*/ #nav, #nav-replicator {padding:40px 0 0 282px; width:690px; _zoom:1;} #nav li {float:left; margin-right:37px;} #nav-replicator li {float:left; margin-right:16px;} #nav li.no_margin, #nav_replicator li.no_margin {margin-right:0;} #nav li a, #nav-replicator li a {display:block; height:16px; text-indent:-999em;} #nav_calc a {width:110px; background:url(../images/Uk-Nav-Sprite.gif) no-repeat left top;} #nav_calc a:hover, #nav_calc a.selected {background:url(../images/Uk-Nav-Sprite-on.gif) no-repeat left top;} #nav_company a {width:60px; background:url(../images/Uk-Nav-Sprite.gif) no-repeat -110px top;} #nav_company a:hover, #nav_company a.selected {background:url(../images/Uk-Nav-Sprite-on.gif) no-repeat -110px top;} #nav_press a {width:64px; background:url(../images/Uk-Nav-Sprite.gif) no-repeat -170px top;} #nav_press a:hover, #nav_press a.selected {background:url(../images/Uk-Nav-Sprite-on.gif) no-repeat -170px top;} #nav_faqs a {width:33px; background:url(../images/Uk-Nav-Sprite.gif) no-repeat -234px top;} #nav_faqs a:hover, #nav_faqs a.selected {background:url(../images/Uk-Nav-Sprite-on.gif) no-repeat -234px top;} #nav_links a {width:36px; background:url(../images/Uk-Nav-Sprite.gif) no-repeat -267px top;} #nav_links a:hover, #nav_links a.selected {background:url(../images/Uk-Nav-Sprite-on.gif) no-repeat -267px top;} #nav_replicator a {width:124px; background:url(../images/Uk-Nav-Sprite.gif) no-repeat -302px top;} #nav_replicator a:hover, #nav_replicator a.selected {background:url(../images/Uk-Nav-Sprite-on.gif) no-repeat -302px top;} #nav_boost a {width:90px; background:url(../images/Uk-Nav-Sprite.gif) no-repeat -496px top;} #nav_boost a:hover, #nav_boost a.selected {background:url(../images/Uk-Nav-Sprite-on.gif) no-repeat -496px top;} #nav_upgrade a {width:106px; background:url(../images/Uk-Nav-Sprite.gif) no-repeat -576px top;} #nav_upgrade a:hover, #nav_upgrade a.selected {background:url(../images/Uk-Nav-Sprite-on.gif) no-repeat -576px top;} /* =6 Main Content Blocks ----------------------------------------------------------*/ #allcontent {width:972px; margin:0 auto; background-color:#fff;} #masthead {height:175px; position:relative; background:url(../images/banner_replicator.jpg) no-repeat left top;} #logo {position:absolute;top:25px; left:150px;} #logo a {display:block; height:36px; width:96px; text-indent:-999em; background:url(../images/logo.png) no-repeat left top;} #buttondls a {margin-top:10px; display:block; width:78px; height:19px; text-indent:-999em; background:url(../images/button_lgt_download.jpg) no-repeat left top;} #buttondls a:hover {margin-top:10px; display:block; width:78px; height:19px; text-indent:-999em; background:url(../images/button_drk_download.jpg) no-repeat left top;} .maincopy {margin:54px 0 0 0; } .maincopy #leftcol {width:260px; float:left; padding:0 88px 0 59px;} .maincopy #rightcol {width:495px; float:left; padding:0 70px 0 0;} .maincopy p, .maincopy ul, .maincopy dl {margin-bottom:.375em;} .maincopy #warning2 {margin-bottom:0; padding:0;} .maincopy li {padding:0 0 0 10px; background:url(../images/bullet_green.gif) no-repeat left 7px;} .link-btt {font-size:.75em; font-weight:bold; margin-top:32px; display:block;} .link-btt:hover {color:#97bb33; } blockquote p, .callout {font-size:.813em; font-weight:bold; line-height:2.15em; font-style:italic; margin-top:10px; _overflow:visible; _zoom:1;} blockquote p.no_margin, .callout.no_margin {margin-top:0;} p cite {display:block; padding-left:15px;} #wrapper_flash {height:61px; background:url(../images/placeholder_flash_internal.jpg) no-repeat left top;} /*PAGE SPECIFIC RULES*/ /*HOME*/ #home #masthead {height:225px; background:url(../images/banner_home.jpg) no-repeat left top;} #home h2 {text-indent:-999em;} #home #wrapper_flash {height:71px; background:url(../images/placeholder_flash_home.gif) no-repeat left top;} #home #blockquote {height:75px; text-indent:-999em; background:url(../images/blockquote_home.gif) no-repeat left top;} #home .maincopy {padding:10px 66px 0 66px;} #home .maincopy ul {width:275px; float:left;} /*FAQS*/ #faqs #masthead {background:url(../images/banner_faq.jpg) no-repeat left top;} /*COMPANY*/ #company #masthead {background:url(../images/banner_company.jpg) no-repeat left top;} .maincopy.form {background-color:#e0e790; padding:22px 0 12px 0; margin-top:15px;} #company #footer {padding-top:24px;} /*PRESS*/ #press #masthead {background:url(../images/banner_press.jpg) no-repeat left top;} /*LINKS TO SUPPLIERS*/ #suppliers #masthead {background:url(../images/banner_suppliers.jpg) no-repeat left top;} .col-country {width:240px; float:left; margin-top:30px;} .wrapper-country {margin-bottom:8px; min-height:188px;height:auto !important;height:188px; padding-top:42px;} .maincopy .wrapper-country p {padding-bottom:17px;} .wrapper-country p a {color:#4d4d4f; font-weight:bold;} #australia {background:url(../images/sprite_flags.gif) no-repeat left top;min-height:202px;height:auto !important;height:202px;} #south_africa {background:url(../images/sprite_flags.gif) no-repeat -720px top;} #united_kingdom {background:url(../images/sprite_flags.gif) no-repeat -960px top;} #usa {background:url(../images/sprite_flags.gif) no-repeat -480px top;} #western_europe {background:url(../images/sprite_flags.gif) no-repeat -240px top;} #china {background:url(../images/sprite_flags.gif) no-repeat -1200px top;} #swiss {background:url(../images/sprite_flags.gif) no-repeat -1440px top;} #suppliers #footer {padding-top:0;} /*REPLICATOR LOGIN*/ #replicator-login #footer {padding-top:24px;} /*REPLICATOR LOGIN WINDOW*/ #replicator_window { background-color:#e0e790;} #window_top { padding:45px 0; position:relative;} #logo_win { position:absolute; left:65px; top:30px;} #logo_win { position:absolute; left:65px; top:30px;} #logo_win a {display:block; height:36px; width:96px; text-indent:-999em; background:url(../images/logo.png) no-repeat left top;} #window_main { background-color:#e0e790; padding:20px 0 220px 65px;} .maincopy.login_window { padding:0;} /*GREEN CALCULATOR*/ #calculator #masthead {background:url(../images/banner_calculator.jpg) no-repeat left top;} #wrapper_calculator {width:885px; padding-left:40px;} #wrapper_calculator img {display:block;} /*BOOST MARGINS*/ #boost-margins #masthead {background:url(../images/banner_boost.jpg) no-repeat left top;} ul.callout li {font-size:1em; margin-bottom:.45em; background:url(../images/bullet_lg.gif) no-repeat left 8px;} /*CD LINE UPGRADE*/ #cd-line-upgrade #masthead {background:url(../images/banner_line.jpg) no-repeat left top;} #cd-line-upgrade h4 {color:#4d4d4f; line-height:1.5em;} /*REPLICATOR CONFIRMATION*/ #replicator-confirmation .maincopy {min-height:225px;height:auto !important;height:225px;} /* =7 Form ----------------------------------------------------------*/ .frm_common { margin-top:4px; } .frm_common label span, .required_info span { color:#00693e; } .maincopy .frm_common p {width:100%; margin-bottom:2px; line-height:normal; padding:0; background:url(../images/bg_common_input.gif) no-repeat 121px top; padding:1px 0 2px 0; position:relative; margin-left:-122px;} .maincopy .frm_common p.bg-white {background:url(../images/bg_common_input_white.gif) no-repeat 121px top;} .frm_common p:after { clear: both;content: '.';display: block;visibility: hidden;height: 0; } .maincopy .frm_common .required_info {font-size:.625em; margin:10px 0 0 0;} .frm_common label {float:left; width:117px; text-align:right; padding-right:5px; padding-top:1px; font-weight:bold;} .frm_common label.bump_right {padding-right:13px; width:109px;} .frm_common label.error {position:absolute; top:2px; left:127px; color:#00693e; text-align:left; width:300px; cursor:text; padding:1px 0 0 0;} .frm_common .common_input {float:left; color:#4d4d4f; border-left:1px solid #a6a6a7; border-right:1px solid #a6a6a7; border-top:1px solid #a6a6a7; border-bottom:1px solid #5a5a5a; padding:2px 5px 2px 3px; width:250px; height:13px; background-color:#fff !important;} .frm_common input.error {background-color:#e4eac8 !important;} .frm_common textarea {padding:2px 5px; width:478px; height:212px; float:left; color:#4d4d4f; border-left:1px solid #a6a6a7; border-right:1px solid #a6a6a7; border-top:1px solid #a6a6a7; border-bottom:1px solid #5a5a5a;line-height:normal; padding:0; margin:0 0 0 122px; font-size:1em; color:#4d4d4f; font-family:Arial, Helvetica, sans-serif;} .maincopy .frm_common .p-textarea {background:url(../images/bg_textarea.gif) no-repeat 121px top; padding:1px 125px 10px 0;} #button_submit {width:63px; height:22px;background:url(../images/sprite_buttons.gif) left top; border:none; cursor:pointer;margin:5px 0 0 0;} #button_submit:hover {background:url(../images/sprite_buttons.gif) -63px top;} #button_submit span {position:absolute; left:-999em;} #button_login {width:63px; height:22px;background:url(../images/sprite_buttons.gif) -126px top; border:none; cursor:pointer;margin:5px 0 0 0;} #button_login:hover {background:url(../images/sprite_buttons.gif) -189px top;} #button_login span {position:absolute; left:-999em;} .maincopy .frm_common .no_bg, .maincopy .frm_common .p-checkbox {background:none;} .maincopy .frm_common .p-checkbox {margin-left:-2px; padding:0;} .frm_common .p-checkbox label {font-weight:normal; padding-top:1px;} .maincopy .frm_common .no_bg, .maincopy .frm_common .no_bg warning { margin:0; padding:7px 0 2px 0;} span.checkbox { width: 18px; height: 17px; padding: 0 5px 0 0; background: url(../images/checkbox.gif) no-repeat; display: block; clear: left; float: left; cursor:pointer; } .common_radio {float:left; clear:both; margin-left:0;} #wrapper_passcode_radio {display:block; float:left; width:123px;} .frm_common #wrapper_passcode_radio label{font-weight:normal; padding:3px 0 0 0; width:auto; font-size:11px;} .frm_common .input_passcode {float:left; color:#4d4d4f; border-left:1px solid #a6a6a7; border-right:1px solid #a6a6a7; border-top:1px solid #a6a6a7; border-bottom:1px solid #5a5a5a; padding:2px 5px 2px 5px; width:125px; height:13px;} .maincopy .frm_common #wrapper_passcode {background:url(../images/bg_input_passcode.gif) no-repeat 243px top;} .warning, .success { color:#00693e; font-weight:bold; font-size: 11px; padding:0; } .success {font-size:1em;} /* =8 Extra ----------------------------------------------------------*/ /* =9 Footer ----------------------------------------------------------*/ #footer {text-align:center; padding:55px 0 15px 0;} #nav_footer {width:460px; margin:0 auto;} #nav_footer_replicator {width:550px; margin:0 auto;} #nav_footer li, #nav_footer_replicator li {float:left;} #copyright {color:#97bb33; clear:both; font-size:.625em;} .seperator {padding:0 3px;} #badge {position:absolute; margin-left:25px;margin-bottom:25px;} #nav_footer a, #nav_footer_replicator a {color:#4d4d4f;} #nav_footer a:hover, #nav_footer a.selected, #nav_footer_replicator a:hover, #nav_footer_replicator a.selected {color:#00693E;} /* SIFR DON'T TOUCH */ @media screen { .sIFR-flash { visibility: visible !important; margin: 0; padding: 0; } .sIFR-replaced, .sIFR-ignore { visibility: visible !important; } .sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } .sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; } } @media print { .sIFR-flash { display : none !important; height : 0; width : 0; position : absolute; overflow : hidden; } .sIFR-alternate { visibility : visible !important; display : block !important; position : static !important; left : auto !important; top : auto !important; width : auto !important; height : auto !important; } } /* Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active so they only apply if sIFR is active. Make sure to limit the CSS to the screen media type, in order not to have the printed text come out weird. */ @media screen { .sIFR-active .maincopy h2, .sIFR-active #cd-line-upgrade h3 {visibility: hidden; font-size:1.125em; margin-top:1.2em; line-height:.1em;} .sIFR-active .maincopy h2.no_margin {margin:0;} .sIFR-active #home h3, .sIFR-active .wrapper-country h3 {visibility: hidden; font-size:1.125em; line-height:.1em;} .sIFR-active .maincopy h2.bump-top {margin-top:2.7em;} .sIFR-active #cd-line-upgrade .maincopy h2.lg {visibility: hidden; font-size:1.625em; line-height:.1em;} .sIFR-active #cd-line-upgrade .maincopy h2.med {visibility: hidden; font-size:1.375em; margin-top:2.7em; line-height:.1em;} } /*.sIFR-active .consulting #main-content h2 {visibility:visible;}*/