/* info -------------------------------------------------------- Start: 14.05.2009. Author: BozooArt, www.bozooart.com Name: CO2cut, www.co2cut.com */ /* Colors ----------------------------------------------- #856740 = brown #26819d = dark blue #fdfbe0 = light yellow #737374 = gray #78a82b = green #ff5300 = orange #2b77a6 = blue #5acbee = light blue #e90b0b = red ----------------------------------------------- */ /* Normalize ----------------------------------------------- */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { font-size: 100%; margin: 0; font-weight: normal; } ol, ul { list-style: none; } address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img { border: 0; } caption, th { text-align: left; } q:before, q:after { content:''; } hr { display: none; } legend { display: none; } /* General ----------------------------------------------- */ body { font: 62.5%/1.5 Arial,Helvetica,sans-serif; background: url(img/clouds.png) repeat-x 50% 75px; } .clr { clear: both; } a { color: #26819d; text-decoration: none; } a:hover { text-decoration: none; text-decoration: underline; } a:focus { outline: none; } .left { float: left; } *:focus { outline: none;} .green { color: #78a82b; } .orange { color: #ff5300; } .blue { color: #2b77a6; } .greenbg { background: #78a82b; } .orangebg { background: #ff5300; } .bluebg { background: #2b77a6; } .hide { display: none; } .select { border: 1px solid #a4a4a4; font: 1em arial, helvetica, sans-serif; padding: 1px; color: #737374; } .select.sort { border: 1px solid #c2c9cb; padding: 1px; margin-left: 10px; } #container { width: 950px; margin: 0 auto; padding-top: 8px; } #header { height: 140px; font-size: 1.2em; } h1#logo a { display: block; width: 254px; height: 91px; background: url(img/logo.gif) no-repeat; text-indent: -9999em; float: left; margin-right: 250px } #headline { background: url(img/headline.gif) no-repeat; width: 368px; height: 74px; float: left; } #headline span { position: absolute; left: -9999em; } #headline #how a { font-size: 1.3em; font-weight: bold; margin: 22px 0 0 209px; display: block; width: 30px; text-decoration: underline; } #headline #how a:hover { text-decoration: none; color: #737374; } #headline em#cut-number { margin: 12px 0 0 132px; height: 35px; color: #fff; font-weight: bold; font-size: 2.3em; font-style: normal; display: block; text-align: center; width: 85px; } #whois { float: left; width: 300px; padding: 2px 10px 2px 2px; text-align: right; margin-left: 134px } #whois .sin { background: url(img/small-cloud.gif) no-repeat; width: 51px; height: 22px; display: block; float: left; color: #fff; padding: 7px 0 0 0; font-size: 1em; text-align: center; font-weight: bold; margin: -25px 0 0 200px; } #whois a.logout { margin-left: 80px; background: none; width: auto; } #whois a { color: #26819d; width: 170px; display: inline-block; } /* content */ #content { clear: both; padding-bottom: 60px; } #left-col { padding-top: 50px; width: 330px; float: left; } ul#checkers { margin-left: 18px } ul#checkers li { margin-bottom: 18px; } ul#checkers li a { background: url(img/checkers.gif) no-repeat; text-indent: -9999em; height: 17px; display: block;width: 250px; } ul#checkers li.save a { background-position: 0 0px; } ul#checkers li.boost a { background-position: 0 -37px; } ul#checkers li.help a { background-position: 0 -73px; } ul#checkers li.invest a { background-position: 0 -108px; } ul#checkers li.save a:hover { background-position: right 0; } ul#checkers li.boost a:hover { background-position: right -37px; } ul#checkers li.help a:hover { background-position: right -73px; } ul#checkers li.invest a:hover { background-position: right -108px; } #registration { margin-top: 50px; } #reg-tabs { margin-top: -32px; position: absolute; } #reg-tabs .login { background: url(img/log-tabs.gif) no-repeat; width: 115px; height: 33px; display: block; text-indent: -9999em; float: left; } #reg-tabs .signup a { background: url(img/log-tabs.gif) no-repeat right 0; width: 115px; height: 33px; display: block; text-indent: -9999em; float: left; margin-left: 2px; } #reg-tabs em { display: none; } #login-form { width: 283px; padding: 0 0 0 33px; clear: both; background: #f4f3f3 url(img/rnd_lb_gray.gif) no-repeat 0 100% } #login-form form { background: #f4f3f3 url(img/rnd_rt_gray.gif) no-repeat 100% 0; padding-top: 10px; } #login-form label { color: #737374; font-size: 1.1em; display: block; width: 55px; } #login-form label.inline { display: inline; margin-right: 22px; } #login-bottom { background: url(img/loginform_bottom.gif) no-repeat; width: 331px; height: 8px; } #login-form .btn { margin: 0 0 0 0; width: 96px; height: 32px; border: none; cursor: pointer; background: url(img/btn.gif) no-repeat; color: #fff; } #login-form .btn:hover { background-position: center 0; } #login-form .btn:focus { background-position: right 0; } #login-form .input_text { margin-bottom: 5px; } .input_text { background: url(img/input_bg.gif) no-repeat; width: 196px; height: 22px; border: none; padding: 5px 0 0 4px; margin-bottom: 13px; color: #737374 } .input_text:focus { background-position: right 0;} .input_text.small { width: 46px; background: url(img/input_small_bg.gif) no-repeat; } .input_text.small:focus { background-position: right 0; } #submit-line { height: 27px; margin-bottom: 13px; } label.input_check { margin-left: 10px; } #login-links { color: #737374; margin: 13px 0 0 0; font-size: 1.1em; padding-bottom: 10px; } #login-links strong { margin: 0 5px; } #right-col { float: left; width: 400px; padding-left: 120px; } #info-line { width: 831px; height: 27px; padding: 13px 20px 0; margin-top: 25px; font-size: 1.1em; color: #737374; background: url(img/info-line.gif) no-repeat; } #info-line a { margin: 0 3px; } #footer { clear: both; font-size: 1.1em; border-top: 1px solid #f1f1f1; padding: 10px 0 30px; position: relative; } #footer ul { float: left; width: 400px } #footer li { display: inline; margin: 0 8px; border-left: 1px solid #dadada; padding-left: 18px } #footer li.first-child { border: none; } /* calculators*/ .calc-holder { width: 334px; height: 286px; } .calc-holder h3.calc-title { position: absolute; left: -9999em; } .calc-holder .wrapper { padding: 32px 0 0 71px; } .calc-holder .btn.last { margin-right: 0; } .calc-holder .show_value { margin-left: 0px; height: 32px; padding: 0 4px; font-weight: bold; color: #7d7d7e; } .calc-holder .show_value .all { width: 60px; display: block; font-size: 1.4em; text-align: center; color: #7c7c7d; float: left; margin-top: 13px } .calc-holder .show_value .explicit { text-align: right; width: 119px; font-size: 2.4em; display: block; float: left; } #vehicle-calc .show_value { color: #78a82b } #home-calc .show_value { color: #ff5300 } #flight-calc .show_value { color: #2b77a6 } .calc-holder .wrapper .first-line { padding-top: 45px; } .calc-holder .wrapper .second-line { padding-top: 19px; clear: both; height: 48px; width: 200px; } .calc-desc { width: 275px; margin: 20px 0 0 42px; } .calc-desc dl dt { font-size: 1.5em; font-weight: bold; margin: 0 0 10px 0; padding-top: 5px } .calc-desc dl dd { font-size: 1.1em; color: #515253; margin: 0 0 10px 0; } .calc-desc dl dd span { color: #fff; padding: 1px 5px; font-size: .8em; } .calc-desc dl dd span em { margin: 0 2px 0 1px; } .calc-desc dl dd span.green { background: #78a82b; } .calc-desc dl dd span.orange { background: #ff5300; } .calc-desc dl dd span.blue { background: #2b77a6; } .calc-tabs { padding-top: 16px; clear: both; height: 33px; margin: 0 0 0 -18px; } .calc-tabs small { display: none; } .calc-tabs span.vecihle a { display: block; background: red; float: left; text-indent: -9999em; width: 78px; height: 33px; background: url(img/calc_tabs.gif) no-repeat 0 -55px; } .calc-tabs span.home a { display: block; float: left; text-indent: -9999em; width: 26px; height: 23px; background: url(img/calc_tabs.gif) no-repeat 0 6px; padding: 5px 24px; } .calc-tabs span.flight a { display: block; float: left; text-indent: -9999em; width: 78px; height: 33px; background: url(img/calc_tabs.gif) no-repeat 0 -26px; } #vehicle-calc .calc-tabs span.vecihle { display: block; background: red; float: left; text-indent: -9999em; width: 78px; height: 33px; visibility: hidden; } #home-calc .calc-tabs span.home { display: block; float: left; text-indent: -9999em; width: 26px; height: 23px; background: url(img/calc_tabs.gif) no-repeat 0 6px; padding: 5px 24px; visibility: hidden; } #flight-calc .calc-tabs span.flight { display: block; float: left; text-indent: -9999em; width: 76px; height: 33px; background: url(img/calc_tabs.gif) no-repeat 0 -26px; visibility: hidden; } .calc-tabs span.vecihle a:hover { background-position: 100% -55px;} .calc-tabs span.home a:hover { background-position: 100% 6px;} .calc-tabs span.flight a:hover { background-position: 100% -26px;} .calc-holder fieldset a { width: 48px; height: 48px; float: left; display: block; background: url(img/buttons.png) no-repeat; text-indent: -999em; margin-right: 24px; } /* vecihle calc */ #vehicle-calc { background: url(img/calc_bg.png) no-repeat; } #vehicle-calc dt { color: #78a82b; } #vehicle-calc dd span { background: #78a82b; } .calc-holder .btn.v1 { background-position: 0 0; } .calc-holder .btn.v2 { background-position: -48px 0; } .calc-holder .btn.v3 { background-position: -96px 0; margin-left: 1px; } .calc-holder .btn.v4 { background-position: -144px 0; } .calc-holder .btn.v5 { background-position: -192px 0; } .calc-holder .btn.v6 { background-position: -240px 0; margin-left: 1px; } .calc-holder .btn.v1:hover { background-position: 0 -48px; } .calc-holder .btn.v2:hover { background-position: -48px -48px; } .calc-holder .btn.v3:hover { background-position: -96px -48px; } .calc-holder .btn.v4:hover { background-position: -144px -48px; } .calc-holder .btn.v5:hover { background-position: -192px -48px; } .calc-holder .btn.v6:hover { background-position: -240px -48px; } /* home calc */ #home-calc { background: url(img/calc_bg.png) no-repeat 50% 0; } #home-calc dt { color: #ff5300; } #home-calc dd span { background: #ff5300; } .calc-holder .btn.h1 { background-position: 0 -96px; } .calc-holder .btn.h2 { background-position: -48px -96px; } .calc-holder .btn.h3 { background-position: -96px -96px; margin-left: 1px; } .calc-holder .btn.h4 { background-position: -144px -96px; } .calc-holder .btn.h5 { background-position: -192px -96px; } .calc-holder .btn.h6 { background-position: -240px -96px; margin-left: 1px; } .calc-holder .btn.h1:hover { background-position: 0 -144px; } .calc-holder .btn.h2:hover { background-position: -48px -144px; } .calc-holder .btn.h3:hover { background-position: -96px -144px; } .calc-holder .btn.h4:hover { background-position: -144px -144px; } .calc-holder .btn.h5:hover { background-position: -192px -144px; } .calc-holder .btn.h6:hover { background-position: -240px -144px; } /* flight calc */ #flight-calc { background: url(img/calc_bg.png) no-repeat 100% 0; } #flight-calc dt { color: #2b77a6; } #flight-calc dd span { background: #2b77a6; } .calc-holder .btn.f1 { background-position: 0 -192px; } .calc-holder .btn.f2 { background-position: -48px -192px; } .calc-holder .btn.f3 { background-position: -96px -192px; margin-left: 1px; } .calc-holder .btn.f4 { background-position: -144px -192px; } .calc-holder .btn.f5 { background-position: -192px -192px; } .calc-holder .btn.f6 { background-position: -240px -192px; margin-left: 1px; } .calc-holder .btn.f1:hover { background-position: 0 -240px; } .calc-holder .btn.f2:hover { background-position: -48px -240px; } .calc-holder .btn.f3:hover { background-position: -96px -240px; } .calc-holder .btn.f4:hover { background-position: -144px -240px; } .calc-holder .btn.f5:hover { background-position: -192px -240px; } .calc-holder .btn.f6:hover { background-position: -240px -240px; } #left_arrow { background: url(img/arrows.png) no-repeat -112px 0; height: 213px; width: 56px; position: absolute; margin: 22px 0 0 -70px; overflow:hidden; display: block; } #right_arrow { background: url(img/arrows.png) no-repeat 0px 0; height: 213px; width: 56px; position: absolute; margin: 22px 0 0 348px; overflow:hidden; display: block; } #left_arrow a { background: url(img/arrows.png) no-repeat -112px 0; width: 50px; height: 50px; display: block; text-indent: -9999em; } #right_arrow a { background: url(img/arrows.png) no-repeat 0px 0; width: 50px; height: 50px; display: block; text-indent: -9999em; } #left_arrow a:hover { background: url(img/arrows.png) no-repeat -168px 0; } #right_arrow a:hover { background: url(img/arrows.png) no-repeat -56px 0; } #tooltip_big { position: absolute; background: url(img/bubble.png) no-repeat; padding: 10px; color:#856740; display: none; width: 127px; height: 60px; margin: -85px 0 0 -40px; font-size: 1.1em; line-height: 1.2em; } #tooltip { position: absolute; background: url(img/bubble_small.png) no-repeat; padding: 10px 15px 10px 10px; color:#856740; display:none; width: 117px; height: 38px; margin: -63px 0 0 -45px; font-size: 1.1em; line-height: 1.3em; } /* Easy Slider */ #slider { margin: 10px 0 0 65px; position:relative; } #slider li { width: 330px; height: 440px; overflow: hidden; } p#controls { margin: -417px 0 0 -20px !important; position: absolute; } #prevBtn em { display: block; overflow: hidden; height: 213px; font-size: 1px; width: 56px; position: absolute; background: url(img/arrows.png) no-repeat -112px 0; } #nextBtn em { display: block; overflow: hidden; height: 213px; width: 56px; position: absolute; margin: 0 0 0 450px; background: url(img/arrows.png) no-repeat -112px 0; } #prevBtn em a { height: 50px; width: 56px; background: url(img/arrows.png) no-repeat -112px 0; display: block; } #nextBtn em a { height: 50px; width: 56px; background: url(img/arrows.png) no-repeat 0px 0; display: block; } #prevBtn a:hover { background: url(img/arrows.png) no-repeat -168px 0; } #nextBtn a:hover { background: url(img/arrows.png) no-repeat -56px 0; } #prevBtn a span, #nextBtn a span { display: none; } /* sifr */ /* .sIFR-active h2 { display: block; visibility: hidden; } .sIFR-active h3 { visibility: hidden; } */ @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 { /* Example: .sIFR-active h1 { font-family: Verdana; visibility: hidden; } */ } /* new */ #summary { padding-top: 0px; } #summary dd { font-size: 1.8em; font-weight: bold; margin: 14px 15px; } #summary dd span.item { display: inline-block; width: 90px; } #summary dd strong.number { width: 120px; display: inline-block; text-align: right } #summary dd.car { color: #78a82b } #summary dd.home { color: #ff5300 } #summary dd.flight { color: #2b77a6 } #summary dt { background: url(img/summary-bg.png) no-repeat; height: 34px; color: #56565d; font-size: 1.8em; font-weight: bold; padding: 5px 0 0 15px; width: 279px; } #summary dt span { display: inline-block; width: 135px; } #summary dt .number { display: inline-block; text-align: right; width: 75px } #summary .wrapper { padding-top: 10px; } .text-box { padding: 20px 0 0 0; width: 250px; font-size: 1.1em; color: #626262; } .text-box p { margin-bottom: 10px; } .text-box h4 { margin: 20px 25px } .text-box h4 a { background: url(img/cye_btn.png) no-repeat; width: 193px; height: 42px; display: block; text-indent: -9999em; } .text-box h4 a:hover { background-position: right 0 } .text-box p a { text-decoration: underline; } .text-box p a:hover { text-decoration: none; } /* registration */ #help { font-size: 1.1em; color: #737374; } #help h3 { font-size: 1.8em; } #help .holder { padding-left: 85px; padding-bottom: 60px } #help .holder.first { background: url(img/registration-1.png) no-repeat; margin-top: 20px; } #help .holder.second { background: url(img/registration-2.png) no-repeat; } #registration-holder { font-size: 1.2em; color: #737374; padding-left: 55px; } #registration-holder h2 { font-size: 2.2em; font-weight: bold; color: #26819d; } form#signup { margin-top: 30px; } form#signup label { width: 100px; float: left; padding-top: 1px; } form#signup p { clear: both; } .gender input { margin-right: 5px; } .gender label.male, .gender label.female { float: none; width: auto; display: inline; } .gender label.male { margin: 0 40px 0 5px; } form#signup .error { position: absolute; width: 80px; margin: 5px 0 0 10px; font-size: .9em; color: #d20606; display: none; } form#signup .password { margin-bottom: 25px} form#signup .surname { margin-bottom: 3px; } form#signup select { border: 1px solid #a4a4a4; font: 1em arial, helvetica, sans-serif; padding: 1px; color: #737374; } form#signup .radio { margin-right: 5px; } form#signup label.male { margin: 0 0 0 0; float: none; } form#signup .radio.male { margin: 0 0 0 5px; } form#signup .birthday { margin-bottom: 20px; } form#signup .submit .btn { margin: 40px 0 0 103px; width: 96px; height: 32px; border: none; cursor: pointer; background: url(img/btn.gif) no-repeat; color: #fff; } form#signup .submit .btn:hover { background-position: center 0; } form#signup .submit .btn:focus { background-position: right 0; } /* search */ .noCol { font-size: 1.2em; } .noCol h2 { font-size: 2.2em; font-weight: bold; color: #26819d; } form#search { margin-top: 20px; } form#search .input_search { border: 1px solid #c2c9cb;background: url(img/input_bg2.gif) repeat-x; padding: 6px 3px; width: 568px; margin-right: 5px; } form#search #search_cat { background: url(img/input_bg2.gif) repeat-x; border: none; padding: 5px 3px; border: 1px solid #c2c9cb; font-size: 1.1em; margin-right: 5px; width: 160px } form#search .btn { width: 120px; height: 35px; border: none; cursor: pointer; background: url(img/search.gif) no-repeat; color: #fff; text-indent: -9999em; position: absolute; margin: -2px 0 0 5px; } form#search .btn:hover { background-position: right 0; } form#search .btn:focus { background-position: right 0; } form#search .advanced { font-size: .9em; } #search-results { padding: 20px 10px ; margin-top: 20px; } #search-results .founded { width: 780px; color: #737374; } #search-results .founded .search-item { width: 780px; color: #26819d; font-size: 1.4em;} #search-results .founded .search-item strong { font-size: 1.4em; } #select-sort { border: 1px solid #c2c9cb; padding: 1px; margin-left: 10px; } #search-items { width: 100%; color: #737374; } #search-items th { padding: 10px; background: #737374; font-weight: bold; text-align: center; color: #fff; border: 1px solid #666; } #search-items th.item-name { text-align: left; } #search-items td { vertical-align: middle; text-align: center; padding: 15px 5px; border-bottom: 1px solid #e2e2e2 } #search-items td.item-image { padding: 10px 0 5px; } #search-items td.item-name { text-align: left; padding-left: 0px; width: 500px; } #search-items td.item-name span, #search-items td.service span { font-size: .9em; } #search-items td .img { } #search-items td.price { color: #26819d; font-size: 1.4em; } #search-items tr.last td { border-bottom: none; } #search-items td.co2cut { color: #7ec516; font-weight: bold; font-size: 1.2em; } .more_results_note { margin-top: -5px; color: #737374; float: right; padding-right: 10px } .more_results_note strong { font-weight: normal; padding: 0 0 0 15px; } #search-items .add { width: 85px } #search-items .add a { display: block; background: url(img/add_to_cart.gif) no-repeat left 0; width: 84px; height: 36px; text-indent: -9999em; margin-left: 5px } #search-items .remove a { display: block; background: url(img/remove_from_cart.gif) no-repeat left 0; width: 84px; height: 36px; text-indent: -9999em; margin-left: 5px } #search-items .add a:hover, #search-items .remove a:hover { background-position: right } #search-items h4 a { font-weight: bold; color: #000; font-size: 1.2em; line-height: 1.2em; } #search-items h4 a:hover { color: #2b77a6; } #search-items a { color: #737374; } #search-items a:hover { color: #000; } #search-items a.quick_info { display: block; background: url(img/tiny_btn.gif) no-repeat; width: 63px; height: 19px; padding: 3px 0 0 0; font-size: 1em; text-align: center; margin-top: 3px } #search-items a.quick_info:hover { text-decoration: none; color: #000; } .pagination { border-top: 1px solid #e2e2e2; padding: 20px 10px 10px; text-align: center; } .pagination a, .prev_page, .next_page, .current { margin: 0 2px; padding: 1px 4px; border: 1px solid #e2e2e2; display: block; float: left; padding: 2px 7px; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; } .pagination a:hover { text-decoration: none; color: #fff; background: url(img/nav_btn_bg.gif) repeat-x; } .disable.prev_page { } .current { background: url(img/nav_btn_bg.gif) repeat-x; color: #fff; } /* item page */ #item-page { font-size: 1.1em; color: #737374; padding-bottom: 20px;-moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background: #fff; } #item-page #item-image { float: left; width: 220px; padding: 2px; background: #fff; text-align: center; margin-left: 10px } #item-page #item-basic { float: left; width: 250px; padding: 0 25px; margin-right: 50px; } #item-page .input_text.small { margin: 0 10px 0 0; font-size: 1.1em; } #item-page h2 { font-size: 1.3em; padding: 20px 10px 10px; } #item-page .subtitle { } #item-page #product-details { background: #f5f5f5; float: left; width: 280px; border: 1px solid #e8e8e8; padding: 10px; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;} #item-page #product-details h3 { font-weight: bold; padding: 5px; color: #26819d; } #item-page #product-details li { border-top: 1px solid #e8e8e8; padding: 5px } #buying-form p { padding: 5px 10px; border-top: 1px solid #e8e8e8; } #buying-form p.quantity { border: none; margin-bottom: 10px } #buying-form .add { width: 85px; border: none; margin: 20px 0 0 0; padding: 0; } #buying-form .add a { display: block; background: url(img/add_to_cart.gif) no-repeat left 0; width: 84px; height: 36px; text-indent: -9999em; margin-left: 5px } #buying-form .remove { border: none; margin: 20px 0 0 0; padding: 0; } #buying-form .remove a { display: block; background: url(img/remove_from_cart.gif) no-repeat left 0; width: 84px; height: 36px; text-indent: -9999em; margin-left: 5px } #buying-form .add a:hover, #buying-form .remove a:hover { background-position: right } #item-page strong { display: inline-block; width: 80px; } #item-page .price_value { font-size: 1.3em; font-weight: bold; margin-right: 20px; color: #26819d; } #item-page .btn { margin: 10px 0 0 100px; width: 96px; height: 32px; border: none; cursor: pointer; background: url(img/btn.gif) no-repeat; color: #fff; } #item-page .btn:hover { background-position: center 0; } #item-page .btn:focus { background-position: right 0; } #item-page .co2cut_value { color: #7ec516; font-weight: bold; font-size: 1.3em; } #item-page .quantity .btn { margin: 0!important; background: url(img/gray_small_btn.gif) no-repeat; padding: 0 0 0 0 !important; color: #26819d; width: 57px; height: 27px; font-size: .8em; text-shadow: 2px 2px 1px #fff; text-align: center; position: absolute; } #item-page .quantity .btn:hover { color: #737374; } #item-page .proceed { margin: 20px 0 0 20px } #back_btn { font-size: 1em; padding: 15px 0; font-weight: bold; } #back_btn a { color: #737374; background: url(img/mini_cloud.gif) no-repeat; width: 73px; height: 34px; display: block; padding: 8px 0 0 26px; } #back_btn a:hover { color: #26819d; text-decoration: none; } /* commit */ .single-content { width: 600px} .single-content h2 { margin-bottom: 20px} .single-content h2 span { font-size: .6em; color: #737374; } .single-content h4 { font-weight: bold; color: #26819D; margin: 40px 0 5px 0; border-bottom: 1px solid #f1f1f1; padding-bottom: 5px; } .single-content p { margin:0 0 5px 0; } .single-content strong { display: inline-block; width: 150px; } .single-content .not-you { font-size: .9em; margin-left: 10px; } .single-content .btn { margin: 10px 0 0 0; width: 96px; height: 32px; border: none; cursor: pointer; background: url(img/btn.gif) no-repeat; color: #fff; } .single-content .btn:hover { background-position: center 0; } .single-content .btn:focus { background-position: right 0; } .single-content #commit-btn { padding: 50px 0; } /* payment */ .total { font-size: 1.5em; } .total strong { color: #26819d; } form#payment { margin-top: 30px; font-size: 1.2em; color: #737374; } form#payment label { display: block; width: 150px; float: left; } form#payment label.address { float: left; width: 150px; display: block; height: 90px; } form#payment p { margin-bottom: 15px; clear: both; } form#payment p.type { margin-bottom: 25px; height: 25px } form#payment p.address a { font-size: .9em; } form#payment .img { position: absolute; } form#payment .btn { margin: 20px 0 0 150px; } /* explanation */ #expl-part { height: 212px; margin-top: 20px;} #expl-part .box { background: url(img/box-bg.png) no-repeat; width: 256px; float: left; padding: 20px 30px 20px; font-size: 1.2em; color: #515253; margin-right: 1px; line-height: 1.8em; } #expl-part .box h3 { text-align: center; color: #2b77a6; font-weight: bold; text-transform: uppercase; font-size: 1.2em; margin-bottom: 10px; } #expl-part #expl-3.box { margin: 0; } #expl-part #expl-1.box .head-icon { background: url(img/calc-icon.png) no-repeat center 0; padding-top: 75px; } #expl-part #expl-2.box .head-icon { background: url(img/buy-icon.png) no-repeat center 0; padding-top: 75px; } #expl-part #expl-3.box .head-icon { background: url(img/co2cut-icon.png) no-repeat center 0; padding-top: 75px; } #search-field { background: #f4f3f3 url(img/loginbox_bottom.gif) no-repeat 0 100%; clear: both; width: 295px; padding: 0px 0 30px 20px; margin: 0; } #search-field form { background: #f4f3f3 url(img/rnd_rt_gray.gif) no-repeat right 0; padding-top: 30px } #search-field .input_search { border: none; font-size: 1.1em; color: #737374; padding: 7px 3px; width: 210px; margin-right: 10px; background: url(img/search_bg.gif) } #search-field .btn { background: url(img/search_btn.gif) no-repeat 0 1px; width: 41px; height: 28px; border: none; text-indent: -9999em; cursor: pointer; } #search-field .shops { font-size: 1.1em; width: 250px; margin-top: 20px; } #options { margin-top: 68px } #options li { display: inline; font-size: 1.1em; float: left; background: #e5e1e1 url(img/rnd_lt_dgray.gif) no-repeat; padding: 0 0 0 5px; margin: 0 1px 0 0; } #options li a { color: #737374; display: block; padding: 5px 17px 2px 11px; background: #e5e1e1 url(img/rnd_rt_dgray.gif) no-repeat right 0; float: left; } #options .tabs-nav { margin: 0; padding:0; height: 24px; } #options li.tabs-selected { background: #f4f3f3 url(img/rnd_lt_gray.gif) no-repeat; } #options li.tabs-selected a { background: #f4f3f3 url(img/rnd_rt_gray.gif) no-repeat right 0; } #options_links { float: left } @media projection, screen { .tabs-hide { display: none; } } @media print { .tabs-nav { display: none; } } .fieldWithErrors { display: inline } .fieldWithErrors input { border: 1px solid red } /* fancybox */ html, body{height:100%} div#fancy_overlay{position:fixed; top:0; left:0; width:100%; height:100%; background-color:#666; display:none; z-index:30; } * html div#fancy_overlay{position:absolute; height:expression(document.body.scrollHeight >document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight+'px'); } div#fancy_wrap{text-align:left; width: 600px; } div#fancy_loading{position:absolute; height:40px; width:40px; cursor:pointer; display:none; overflow:hidden; background:transparent; z-index:100} div#fancy_loading div{position:absolute; top:0; left:0; width:40px; background:transparent url('../images/fancy_progress.png') no-repeat} div#fancy_loading_overlay{position:absolute; background-color:#FFF; z-index:30} div#fancy_loading_icon{position:absolute; background:url('../images/fancy_loading.gif') no-repeat; z-index:35; width:16px; height:16px} div#fancy_outer{position:absolute; top:0; left:0; z-index:90; padding:18px 18px 33px 18px; margin:0; overflow:hidden; background:transparent; display:none; height: 300px !important } div#fancy_inner{position:relative; width:100%; height:100%; border:1px solid #BBB; background:#FFF} div#fancy_content{margin:0; z-index:100; position:absolute} div#fancy_div{background:#fff; height:100%; width:100%; z-index:100; font-size:1.2em; color:#737374} div#fancy_div h3{font-weight:bold; font-size:2em; padding-left:10px; color:#78a82b} div#fancy_div strong{display:block; color:#2b77a6} div#fancy_div ul{padding:20px} div#fancy_div ul li{margin-bottom:15px} img#fancy_img{position:absolute; top:0; left:0; border:0; padding:0; margin:0; z-index:100; width:100%; height:100%} div#fancy_close{position:absolute; top:10px; right:10px; height:30px; width:30px; background:url('../images/fancy_closebox.png') top left no-repeat; cursor:pointer; z-index:181; display:none} div#fancy_close:hover { background-position: right 0 ; } #fancy_frame{position:relative; width:100%; height:100%; display:none} #fancy_ajax{width:100%; height:100%; overflow:auto} a#fancy_left, a#fancy_right{position:absolute; bottom:0px; height:100%; width:35%; cursor:pointer; z-index:111; display:none; background-image:url(data:image/gif; base64,AAAA); outline:none} a#fancy_left{left:0px} a#fancy_right{right:0px} span.fancy_ico{position:absolute; top:50%; margin-top:-15px; width:30px; height:30px; z-index:112; cursor:pointer; display:block} span#fancy_left_ico{left:-9999px; background:transparent url('../images/fancy_left.png') no-repeat} span#fancy_right_ico{right:-9999px; background:transparent url('../images/fancy_right.png') no-repeat} a#fancy_left:hover{ visibility:visible} a#fancy_right:hover{ visibility:visible} a#fancy_left:hover span{left:20px} a#fancy_right:hover span{right:20px} .fancy_bigIframe{position:absolute; top:0; left:0; width:100%; height:100%; background:transparent} div#fancy_bg{position:absolute; top:0; left:0; width:100%; height:100%; z-index:70; border:0; padding:0; margin:0} div.fancy_bg{position:absolute; display:block; z-index:70; border:0; padding:0; margin:0} div.fancy_bg_n{top:-18px; width:100%; height:18px; background:transparent url('../images/fancy_shadow_n.png') repeat-x} div.fancy_bg_ne{top:-18px; right:-13px; width:13px; height:18px; background:transparent url('../images/fancy_shadow_ne.png') no-repeat} div.fancy_bg_e{right:-13px; height:100%; width:13px; background:transparent url('../images/fancy_shadow_e.png') repeat-y} div.fancy_bg_se{bottom:-18px; right:-13px; width:13px; height:18px; background:transparent url('../images/fancy_shadow_se.png') no-repeat} div.fancy_bg_s{bottom:-18px; width:100%; height:18px; background:transparent url('../images/fancy_shadow_s.png') repeat-x} div.fancy_bg_sw{bottom:-18px; left:-13px; width:13px; height:18px; background:transparent url('../images/fancy_shadow_sw.png') no-repeat} div.fancy_bg_w{left:-13px; height:100%; width:13px; background:transparent url('../images/fancy_shadow_w.png') repeat-y} div.fancy_bg_nw{top:-18px; left:-13px; width:13px; height:18px; background:transparent url('../images/fancy_shadow_nw.png') no-repeat} #profile-nav { background: #737374; width: 400px; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 4px 20px; height: 30px; margin-top: 50px; } #profile-nav li { display: inline; float: left; margin-right: 15px; } #profile-nav li a { color: #fff; padding: 6px 10px; display: block; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; text-shadow: 1px 1px 1px #666 } #profile-nav li a:hover, #profile-nav li.active a { background: #5acbee; text-decoration: none; background: url(img/nav_btn_bg.gif) repeat-x; } #history-list { width: 440px; margin-top: 20px; } #history-list h2 { font-size: 1.5em; margin: 0 0 5px ; padding: 0; } #history-list li { border-bottom: 1px solid #bbbbbb; border-right: 1px solid #bbbbbb; clear: both; height: auto; padding: 10px 10px; background: #f1f1f1; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin-bottom: 5px; } #history-list img { width: 60px; height: 79px; border: 1px solid #bbbbbb; padding: 2px; float: left; margin: 4px 20px 0 0; } #history-list li ul { float: left; font-size: .95em; margin-top: 4px } #history-list li li { border: none; height: auto; padding: 0; background: none; color: #666; } #history-list li li span { color: #78a82b; font-weight: bold; } #history-list li:hover { background: #fdf9e0 } #history-list li ul.buyed-info { width: 200px; } #carbon-offsets .calc-question { margin-bottom: 20px; } #carbon-offsets .calc-question p { padding: 0 20px 0 } #carbon-offsets .calc-question label { background: #c9ecf7; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 6px; display: block; width: auto; margin-bottom: 10px; } #carbon-offsets .calc-label { background: transparent !important; display: inline-block !important; width: 320px !important; } .acc-form .select { margin-right: 20px; } #member-acc { color: #666; width: 440px } .acc-form { padding: 22px; } .acc-form label { display: inline-block; width: 160px; } .acc-form p { margin-bottom: 5px; height: 30px; } .acc-form .check { margin-right: 10px; } .profile-indent { padding: 20px 20px 0; } .profile-indent h2 { font-size: 1.2em; margin: 40px 0 0 } .profile-indent h3 { font-size: 1.2em; margin: 10px 0 0 } #co2-results { font-size: 2em; margin-top: 20px; padding: 10px 10px; background: #f1f1f1; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin-bottom: 5px; color: #000 } #co2-results label { display: inline-block; width: 200px; color: #666; } .offsets-table { width: 100%; margin: 40px 0; } .offsets-table .col2 { text-align: center; } .offsets-table th { font-weight: bold; border-bottom: 1px solid #bbbbbb; padding: 10px 5px; background: #fdf9e0; } .offsets-table td { padding: 5px 15px; border-top: 1px solid #bbbbbb; } .offsets-table .total-row { font-weight: bold; font-size: 1.2em; color: #78a82b; border-top: 3px solid #bbbbbb; } .edit_holder { display: none } #loading { display: none; margin: 15px 205px; } .pagination .more { padding: 5px; border: 1px solid #bbb; font-size: 1.6em; margin: 20px 195px; background: #f1f1f1; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin-bottom: 5px; color: #000 } .pagination .more:hover { text-decoration: none; background: #fdf9e0 } #total_pages { display: none } #facebook { margin: 10px 50px 10px 290px; float: left; } #twitter { margin: 0; } #fanbox { position: absolute; margin: -32px 0 0 0; height: 66px; z-index: 99; right: 0; width: 250px; clip: rect(30px auto auto 60px); } #go_social { width: 400px; position: absolute; right: 0 } #soc_facebook { background: url(img/facebook.png) no-repeat 0 2px; height: 20px; width: 215px; right: 0; position: absolute; margin-top: -2px; } #soc_twitter { background: url(img/twitter.png) no-repeat; padding-left: 23px; } .price small { display: block; font-size: .6em; color: #000; } /* mini cart */ .cart { margin: 10px 0 30px; font-size: 1em } .cart h3 { color: #000; font-weight: bold; margin: 0 0 5px 0; font-size: 1.1em } .cart_qnt span { margin: 0 2px; } .cart_qnt a { padding: 0 5px 1px; } .cart_qnt a:hover { text-decoration: none; background: #ccc; color: #fff; } .cart tr.gray { background: #f1f1f1; } .cart tr.color { } #mini_cart { width: 605px; text-align: center; font-size: .9em; } #mini_cart th { text-align: center; font-weight: bold; padding: 5px 5px; background: #FDF9DB; border: 1px solid #EEE8B8; } #mini_cart .col1 { width: 350px; text-align: left; padding-left: 11px; } #mini_cart .col2 { width: 70px; } #mini_cart .col3 { width: 70px; } #mini_cart .col4 { width: 40px; } #mini_cart .cart_img { text-align: center; width: 40px; padding: 3px 0 0; } #mini_cart .cart_item { text-align: left; } #mini_cart .cart_img img { width: 20px; height: 20px; border: 1px solid #fff; } #mini_cart .cart_remove a { background: url(img/remove.gif) no-repeat; width: 12px; height: 12px; display: block; text-indent: -9999em; margin-left: 24px; padding: 0; } #mini_cart .cart_remove a:hover { background-position: right; } #mini_cart tr { background: #fff; } #mini_cart tbody tr { border-bottom: 1px solid #EEE8B8; } #mini_cart a { color: #737374; } #mini_cart a:hover { color: #000; text-decoration: none; } #mini_cart .cart_item { padding-left: 10px; } #mini_cart tbody td { padding: 3px 0} #mini_cart .tfoot { border-top: 2px solid #EEE8B8; } #mini_cart tfoot td { padding: 5px 0 0; font-size: 1.1em; } #mini_cart tfoot td.total_name { text-align: right; padding-right: 18px; } #mini_cart tfoot td.total_value { color: #26819D; } #mini_cart tfoot .proceed a { display: block; background: url(img/gray_small_btn.gif) no-repeat; width: 57px; height: 21px; padding: 6px 0 0 0; font-size: .9em; } #mini_cart tfoot .proceed a:hover { text-decoration: none; color: #000; } #mini_cart .input_text.small { width: 25px;background: none; border: 1px solid #ccc; height: auto; padding: 2px; text-align: center; font-size: 1em; color: #000; margin: 0 0 3px 0; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; } #mini_cart .btn { border: none; font-size: .9em; text-align: center; cursor: pointer; background: #fff; padding: 2px 0px; color: #666; } #mini_cart .btn:hover { background: #d3eff6; color: #000 } #cartinfo { background: #fdf9db url(img/shopping_cart.png) no-repeat 10px 7px; font-size: 1em; width: 190px; height: 35px; float: right; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin: 3px 5px 5px 0; padding: 3px 10px 5px; } #cartinfo li { text-align: right;} #cartinfo li #cartinfo_price { margin-left: 19px; } /* cart holder */ #sc h3 { margin: 0 0 5px 0 } .cart h3 { background: url(img/to_cart.png) no-repeat 3px 0px; padding: 1px 0 0px 30px; color: #737374; } #cart_holder { width: 100%; text-align: center } #cart_holder thead tr { border-bottom: 2px solid #EEE8B8; } #cart_holder th { padding: 10px 5px; font-weight: bold; text-align: center; background: #FDF9DB; border: 1px solid #EEE8B8; } #cart_holder th.col_items { text-align: left; padding-left: 10px; width: 54% } #cart_holder .cart_remove a { background: url(img/remove.gif) no-repeat; width: 12px; height: 12px; display: block; text-indent: -9999em; margin-left: 29px; padding: 0; } #cart_holder .cart_remove a:hover { background-position: right; } #cart_holder tbody td { border-bottom: 1px solid #EEE8B8; padding: 15px 0; } #cart_holder tbody td.cart_co2cut { color: #78a82b; } #cart_holder .cart_item { text-align: left; padding: 0 0 0 10px } #cart_holder .cart_item ul{ margin: 0; padding: 0; font-size: .9em; } #cart_holder .cart_img img { width: 40px; height: 40px; border: 1px solid #fff;padding-top: 4px } #cart_holder .cart_total { color: #2b77a6 } #cart_holder a { color: #000; } #cart_holder tr.tfoot { border-top: 2px solid #EEE8B8; } #cart_holder tfoot td { padding: 10px 0 10px 3px; font-size: 1.1em; } #cart_holder tfoot td.total_name { text-align: right; padding-right: 10px; } #cart_holder tfoot td.total_co2cut strong { color: #78a82b } #cart_holder tfoot td.total_value strong { color: #2b77a6; } #cart_holder h4 { font-weight: bold; } #cart_holder .input_text.small { width: 25px;background: none; border: 1px solid #ccc; height: auto; padding: 2px; text-align: center; font-size: 1em; color: #000; margin: 0 0 3px 0; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; } #cart_holder .btn { border: none; font-size: .9em; text-align: center; cursor: pointer; background: #fff; padding: 2px 0px; color: #666; display: block; margin-left: 16px } #cart_holder .btn:hover { background: #d3eff6; color: #000 } #last_step { margin-top: 50px; color: #737374 } #last_step h3 { background: url(img/last_step.png) no-repeat; } .payment { margin: 30px 0 30px; width: 605px; text-align: center; } .payment th { background: #ccc; padding: 3px 3px; text-align: center; border: 1px solid #fff; font-weight: bold; color: #000; } .payment th.col_service { width: 100px; padding: 0 5px; } .payment th.col_price { width: 80px; } .payment tbody tr { border-bottom: 1px solid #ccc; } .payment tbody td { padding: 5px 0; vertical-align: middle; } .payment td.payment_item, .payment th.col_items { text-align: left; padding-left: 3px; } .payment tfoot td { padding: 10px 0; text-align: right; font-size: 1.2em } .payment tfoot .total_value { text-align: center; } .payment tfoot .pay_btn { font-size: 1em; font-weight: normal } .payment tfoot .pay_btn a { color: #2b77a6; text-decoration: underline } .payment tfoot .pay_btn a:hover { text-decoration: none; } .payment tfoot a.checkout { display: block; width: 127px; height: 36px; background: url(img/go_pay.gif) no-repeat; text-indent: -9999em; margin-left: 475px } .payment tfoot a.checkout:hover { background-position: right 0; } .payment tfoot a.checkout span { display: none; } a.single.checkout { display: block; width: 127px; height: 36px; background: url(img/go_pay.gif) no-repeat; text-indent: -9999em; margin-left: 0px } a.single.checkout:hover { background-position: right 0; } a.single.checkout span { display: none; } .payment a { color: #737374; } .payment a:hover { color: #000; } #cart_holder a.quick_info { display: block; background: url(img/tiny_btn.gif) no-repeat; width: 63px; height: 19px; padding: 3px 0 0 0; font-size: 1em; text-align: center; margin-top: 3px; font-size: .9em; color: #737374; } #cart_holder a.quick_info:hover { text-decoration: none; color: #000; } #quickbox_wrap { padding-top: 5px} #quickbox_wrap #item-image { float: left; width: 100px; margin-right: 20px; } #quickbox_wrap #item-image img { max-width: 120px; max-height: 150px; background: black; } #quickbox_wrap #item-basic { float: left; width: 220px; margin: 0 20px; } #quickbox_wrap #item-basic strong { display: inline !important; width: 50px; } #quickbox_wrap #product-details { float: left; width: 280px; margin-left: 20px; } #quickbox_wrap #product-details ul { padding: 10px; } #quickbox_wrap #product-details li { margin: 3px; padding: 0 !important; } #quickbox_wrap #product-details li strong { display: inline; color: #737374; } #quickbox_wrap h2 { font-weight: bold; color: #000 !important; font-size: 1.3em !important; width: 395px; } #quickbox_wrap h3 { font-size: 1em !important; color: #000 !important; background: #fdf9db; border: 1px solid #eee8b8; padding: 5px 0; } #fancy_outer { height: 220px !important } #home_cart { background: #fdf9db url(img/shopping_cart.png) no-repeat 25px 58px; padding: 10px 20px; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; position: relative; width: 275px } #home_cart h3 { font-weight: bold; font-size: 1.4em; border-bottom: 1px solid #EEE8B8; padding-bottom: 5px; color: #737374 ; } #home_cart ul { margin: 13px 0 0 50px; color: #737374; } #home_cart ul li { display: block; font-size: 1.2em; margin-bottom: 5px; color: #000; } #home_cart ul li span { display: inline-block; width: 40px; color: #737374; text-align: right; margin-right: 10px } #home_cart ul li.hc_total strong { color: #2b77a6; font-size: 1.4em; } #home_cart ul li.hc_total { padding-right: 20px; } #home_cart ul li.hc_proceed { position: absolute; margin: 0; right: 20px; bottom: 15px; } #home_cart ul li.hc_proceed a { display: block; background: url(img/gray_small_btn.gif) no-repeat; width: 57px; height: 21px; padding: 6px 0 0 0; text-align: center; color: #737374; font-size: .9em } #home_cart ul li.hc_proceed a:hover { text-decoration: none; color: #000; } a.clear { position: absolute; display: block; width: 48px; top: 13px; right: 17px; font-size: 1.2em; font-weight: bold; background: url(img/remove2.gif) no-repeat 100% 4px; color: #737374; } a.clear:hover { background-position: 100% -14px; text-decoration: none; color: #2b77a6; }