/***************************************** CSS file for www.digitalnitrezor.net Copyright (c) web.burza.hr *****************************************/ * { margin: 0; padding: 0; } html { height: 100%; margin-bottom: .1em; font: 62.5%/1.5 "Trebuchet MS", Trebuchet, sans-serif; color: #fff; background: #00070f url(/css/cssimg/body_bkg.jpg) no-repeat 50% 0; } body { background: url(/css/cssimg/header_bkg.gif) no-repeat 50% 0; } fieldset, a img { border: 0; } a { color: #0099ff; } a:hover, a:active, a:focus { text-decoration: none; } p, li, td, th, label, legend, dd, dt { font-size: 1.4em; } table { text-align: left; border-collapse: collapse; border-spacing: 0; } .skipper { position: absolute; top: -9999px; left: -9999px; } /* layout */ #sizer { width: 1000px; margin: 0 auto; } #sizer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; line-height: 0; overflow: hidden; } #content { clear: both; width: 100%; padding-top: 25px; background: url(/css/cssimg/main_content_bottom.gif) no-repeat 9px 100%; } #content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; line-height: 0; overflow: hidden; } #view_naslovnica_body #content { background: 0; } #primary_content, #secondary_content { min-height: 852px; height: auto !important; height: 852px; display: inline; } #primary_content { float: left; width: 572px; margin: 12px 0 0 9px; padding: 0 48px 0 40px; background: url(/css/cssimg/main_content_bkg.jpg) no-repeat 0 0; } #secondary_content { float: right; width: 242px; margin: 12px 9px 0 0; padding: 0 40px; background: url(/css/cssimg/main_content_bkg.jpg) no-repeat 100% 0; } #view_naslovnica_body #primary_content, #view_naslovnica_body #secondary_content { min-height: 0; height: auto !important; padding: 0; background: 0; } #view_naslovnica_body #primary_content { width: 652px; } #view_naslovnica_body #secondary_content { width: 322px; } .error_body #primary_content, #view_online-backup-racunala_body #primary_content, #view_online-backup-servera_body #primary_content { padding-top: 40px; } #view_online-backup-servera_body .usage_container, #view_online-backup-racunala_body .usage_container { padding-bottom: 40px; } #primary_content a.external { padding-right: 10px; background: url(/css/cssimg/external_link.gif) no-repeat 100% 20%; } /* header */ #logo { float: left; margin: 40px 0 46px 13px; display: inline; font-size: 1em; } #logo a { float: left; } #logo img { display: block; color: #4edcff; font-size: 2em; text-transform: uppercase; } #navigation { float: left; width: 493px; margin: 36px 0 0 224px; display: inline; list-style: none; /* width: 595px; margin: 36px 0 0 102px; */} #navigation li { float: left; background: url(/css/cssimg/navigation_splitter.gif) no-repeat 100% 50%; } #navigation li.last-child { background: 0; } #navigation li a { float: left; } #navigation li img { display: block; color: #fff; } #navigation li.active img { color: #4edcff; } h2.navigation_related { position: absolute; top: -9999px; left: -9999px; } #local_navigation { float: left; width: 600px; padding-left: 30px; margin: 0 -29px 27px -29px; display: inline; list-style: none; border-bottom: 1px solid #0099ff; } #view_faq_body #local_navigation { margin-bottom: 0; } .order_content #local_navigation { margin-bottom: 23px; } #local_navigation li { float: left; width: 113px; background: url(/css/cssimg/submenu_tab.png) no-repeat 0 0; } #local_navigation li a { display: block; padding: 13px 0 6px 20px; color: #afdaff; text-decoration: none; text-transform: lowercase; outline: none; } #local_navigation li.active { width: 130px; font-size: 1.8em; background: url(/css/cssimg/submenu_tab_active.png) no-repeat 0 0; } #local_navigation li.active a { display: block; padding: 8px 0 5px 20px; color: #fff; } /* features flash */ #service_features { height: 120px; padding: 60px 200px 0 100px; text-align: right; text-transform: uppercase; font-size: 3em; background: url(/css/cssimg/features_bkg.jpg) no-repeat 0 0; } #service_features.has_flash { height: 181px; padding: 0; } /* backup steps */ #view_naslovnica_body #backup_steps { } #view_naslovnica_body #backup_steps h2 { margin: 0 0 -2px 4px; } #view_naslovnica_body #backup_steps ol { width: 100%; list-style: none; background: url(/css/cssimg/backup_steps.jpg) no-repeat 100% 0; } #view_naslovnica_body #backup_steps ol:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; line-height: 0; overflow: hidden; } #view_naslovnica_body #backup_steps li { float: left; min-height: 54px; height: auto !important; height: 54px; width: 160px; padding: 52px 25px 0 25px; margin-left: 10px; display: inline; font: 1.1em/1.2 Arial, sans-serif; color: #cff; } #view_naslovnica_body #backup_steps li.first-child { margin-left: 0; } #view_naslovnica_body #backup_steps li.active { color: #fff799; } #view_naslovnica_body #backup_steps li strong { position: absolute; top: -9999px; left: -9999px; } #view_online-backup-servera_body #backup_steps, #view_online-backup-racunala_body #backup_steps { clear: both; width: 242px; min-height: 322px; height: auto !important; height: 322px; padding-top: 20px; margin: 0 auto; background: #001831 url(/css/cssimg/backup_steps_bkg.gif) no-repeat 0 0; } #view_online-backup-servera_body #backup_steps h3, #view_online-backup-racunala_body #backup_steps h3 { padding: 0 10px 22px; margin: 0 11px 24px; font-size: 1.8em; color: #fff; font-weight: normal; line-height: 1; border-bottom: 1px solid #001d35; } #view_online-backup-servera_body #backup_steps h3 img, #view_online-backup-racunala_body #backup_steps h3 img { display: block; } #view_online-backup-servera_body #backup_steps ol, #view_online-backup-racunala_body #backup_steps ol { list-style: none; margin: 0 23px; } #view_online-backup-servera_body #backup_steps li, #view_online-backup-racunala_body #backup_steps li { min-height: 57px; height: auto !important; height: 57px; padding: 23px 0 0 0; font: 1.2em/1.2 Arial, sans-serif; color: #cff; background: url(/css/cssimg/step_install.png) no-repeat 0 0; } #view_online-backup-servera_body #backup_steps li.first-child, #view_online-backup-racunala_body #backup_steps li.first-child { padding-top: 22px; background: url(/css/cssimg/step_choose.png) no-repeat 0 0; } #view_online-backup-servera_body #backup_steps li.last-child, #view_online-backup-racunala_body #backup_steps li.last-child { background: url(/css/cssimg/step_backup.png) no-repeat 0 0; } #view_online-backup-servera_body #backup_steps li.active, #view_online-backup-racunala_body #backup_steps li.active { color: #fff799; } #view_online-backup-servera_body #backup_steps li strong, #view_online-backup-racunala_body #backup_steps li strong { position: absolute; top: -9999px; left: -9999px; } /* existing users teaser */ #existing_users { } #existing_users h2 { margin: 0 0 0 2px; } #existing_users p { background: url(/css/cssimg/existing_users_access_bkg.png) no-repeat 0 0; } #existing_users a { font-size: 13px; display: block; min-height: 66px; height: auto !important; height: 66px; padding: 36px 50px 0 36px; text-decoration: none; line-height: 1.1; color: #fff; } #backup_steps h2 img, #existing_users h2 img { display: block; color: #fff; font-size: 1.8em; text-transform: uppercase; } /* backup types teaser */ #personal_backup_teaser, #business_backup_teaser { min-height: 308px; height: auto !important; height: 308px; width: 282px; margin-top: 45px; padding: 17px 20px; } #personal_backup_teaser h2, #business_backup_teaser h2 { position: relative; margin: -4px 0 4px -6px; } #personal_backup_teaser h2 img, #business_backup_teaser h2 img { display: block; color: #3bc0e5; font-size: 1.5em; font-weight: bold; text-transform: uppercase; } #business_backup_teaser h2 img { color: #afd779; } #personal_backup_teaser p, #business_backup_teaser p { line-height: 1.214; } #personal_backup_teaser .more, #business_backup_teaser .more { text-align: right; } /* personal */ #personal_backup_teaser { float: left; background: #00162d url(/css/cssimg/personal_backup.jpg) no-repeat 0 0; } #personal_backup_teaser .lead { padding-top: 108px; } .free_trial { min-height: 59px; height: auto !important; height: 59px; margin-top: 20px; } .free_trial h3 { font-size: 1.7em; line-height: 1.1; text-transform: uppercase; font-weight: normal; } .free_trial p { font-size: 1.8em; line-height: 1.1; color: #0099ff; } #business_backup_teaser .free_trial { width: 150px; margin-top: -82px; } /* business */ #business_backup_teaser { float: right; background: #00162d url(/css/cssimg/business_backup.jpg) no-repeat 0 0; } #business_backup_teaser .lead { min-height: 210px; height: auto !important; height: 210px; padding-top: 28px; margin-left: 160px; } /* client quotes */ #view_naslovnica_body #client_quotes { width: 100%; margin-top: 77px; background: url(/css/cssimg/box_322_top.gif) no-repeat 0 0; } #view_naslovnica_body #client_quotes:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; line-height: 0; overflow: hidden; } #view_naslovnica_body #client_quotes h3 { float: left; position: relative; margin: -13px 0 0 7px; display: inline; background: url(/css/cssimg/heading_half_bkg.gif) repeat-x 0 -37px; } #view_naslovnica_body #client_quotes h3 img { display: block; } #view_naslovnica_body #client_quotes blockquote { padding: 20px; background: url(/css/cssimg/box_322_bottom.gif) no-repeat 0 100%; } #view_naslovnica_body #client_quotes blockquote p { font-style: italic; line-height: 1.2; } #view_naslovnica_body #client_quotes blockquote p.first-child { padding: 20px 0 25px 100px; background: url(/images/content/wb_quote_logo.gif) no-repeat 20px 25px; } #view_naslovnica_body #client_quotes blockquote cite { display: block; text-align: right; font: 0.714em/1.2 Arial, sans-serif; } #view_naslovnica_body #client_quotes blockquote cite a { text-decoration: none; line-height: 1; border-bottom: 1px dotted #0099ff; } #view_online-backup-servera_body #client_quotes, #view_online-backup-racunala_body #client_quotes { float: left; width: 300px; margin: 136px -29px 13px -29px; display: inline; border-top: 1px solid #0099ff; } #view_online-backup-servera_body #client_quotes h3, #view_online-backup-racunala_body #client_quotes h3 { position: absolute; top: -9999px; left: -9999px; } #view_online-backup-servera_body #client_quotes blockquote, #view_online-backup-racunala_body #client_quotes blockquote { padding: 18px 15px 15px 30px; } #view_online-backup-servera_body #client_quotes blockquote p, #view_online-backup-racunala_body #client_quotes blockquote p { font-style: italic; line-height: 1.2; } #view_online-backup-servera_body #client_quotes blockquote p.first-child, #view_online-backup-racunala_body #client_quotes blockquote p.first-child { padding: 10px 0 5px; font-size: 1.8em; line-height: 1; } #view_online-backup-servera_body #client_quotes blockquote cite, #view_online-backup-racunala_body #client_quotes blockquote cite { display: block; text-align: right; font: 0.714em/1.2 Arial, sans-serif; } #view_online-backup-servera_body #client_quotes blockquote cite a, #view_online-backup-racunala_body #client_quotes blockquote cite a { text-decoration: none; line-height: 1; border-bottom: 1px dotted #0099ff; } /* client support */ #client_support { margin-top: 18px; background: url(/css/cssimg/box_322_top.gif) no-repeat 0 0; } #client_support h3 { float: left; margin: -16px 0 0 7px; display: inline; background: url(/css/cssimg/heading_half_bkg.gif) repeat-x 0 50%; } #client_support #info_text { clear: both; min-height: 97px; height: auto !important; height: 97px; padding: 12px 25px 26px 125px; position: relative; z-index: 100; margin-bottom: -75px; line-height: 1.214; background: url(/css/cssimg/support_bkg.gif) no-repeat 18px 0; } #client_support #info_text strong { display: block; } #client_support #phone { text-align: right; padding: 20px 13px 12px 0; background: url(/css/cssimg/box_322_bottom.gif) no-repeat 0 100%; } #client_support #phone img { display: block; margin: 0 0 0 auto; color: #1aa0c4; font-size: 2em; font-weight: bold; text-transform: uppercase; } #client_quotes h3 img, #client_support h3 img { display: block; color: #fff; font-size: 1.2em; font-weight: bold; text-transform: uppercase; } /* trial */ #trial_teaser { margin: 30px 0 18px; } #trial_teaser h3 { position: absolute; top: -9999px; left: -9999px; } #trial_teaser h3 img { display: block; } #trial_teaser p { font-size: 1.8em; line-height: 1.333; color: #fff; } #trial_teaser #restrictions { padding: 13px 0 0 10px; font-size: 1.2em; line-height: 1.3; text-indent: -10px; color: #ccc; } #trial_teaser a { text-decoration: none; line-height: 1; border-bottom: 1px dotted #0099ff; } #trial_teaser a:hover, #trial_teaser a:active, #trial_teaser a:focus { border: 0; } /* manuals */ #manual-personal, #manual-business { margin-top: 24px; margin-bottom: 24px;} #manual-personal h3, #manual-business h3 { position: absolute; top: -9999px; left: -9999px; } #manual-personal p, #manual-business p { line-height: 1.333; color: #fff; } #manual-personal p { font-size: 1.6em; } #manual-business p { font-size: 1.6em; } /* story */ .story { clear: both; width: 100%; overflow: hidden; } .story:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; line-height: 0; overflow: hidden; } .action_feedback_content .story h2, .story h1, #lead { padding-bottom: 20px; font-size: 2.4em; font-weight: bold; color: #c5e200; line-height: 1.083; } .order_content #lead { padding-bottom: 0; } .story a { text-decoration: none; line-height: 1; border-bottom: 1px dotted #0099ff; } .story a:hover, .story a:active, .story a:focus { border: 0; } #view_tehnologija_body .story h2 { padding: 13px 0 18px; font-size: 2.4em; font-weight: bold; color: #c5e200; line-height: 1.083; } .story p, .story li, .story td, .story th, .story label, .story legend, .story dd, .story dt { color: #fff; line-height: 1.285; } .stroy ul, .stroy ol, .story p, .story dl { padding-bottom: 1.3em; } .story ol { margin-left: 30px; } .story ol li { padding-left: 10px; } .story li ol, .story li ul { margin-top: 1em; } .story dt { margin-top: 1em; font-weight: bold; } .story ul { list-style: none; } .story ul li { margin-top: 14px; color: #ccc; padding-left: 28px; background: url(/css/cssimg/li_dot.gif) no-repeat 0 0; } .story ul li.first-child { margin-top: 0; } .story td p, .story td li, .story td dt, .story td dd, .story li p, .story li li, .story li dt, .story li dd { font-size: 1em; } #view_online-backup-servera_body h1, #view_online-backup-racunala_body h1 { position: relative; left: -6px; padding-bottom: 14px; } #view_online-backup-servera_body h1 img, #view_online-backup-racunala_body h1 img { display: block; font-size: 2em; font-weight: bold; text-transform: uppercase; color: #d3d3ce; } /* packages */ #featured_packages { width: 100%; margin-top: 15px; } #featured_packages:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; line-height: 0; overflow: hidden; } #pc_backup { float: left; margin-top: 17px; } #server_backup { float: right; margin-top: 17px; } #pc_backup h2, #server_backup h2 { position: absolute; top: -9999px; left: -9999px; } .package { min-height: 162px; height: auto !important; height: 162px; width: 277px; padding-top: 20px; } .package h2, .package h3 { width: 233px; margin: 0 0 14px 22px; font-size: 2em; } .package h2 img, .package h3 img { display: block; color: #fff; line-height: 1; } .package p { margin: 0 30px 10px 30px; font: 1.2em/1.08 Arial, sans-serif; } .package p strong { display: block; } .package .order { margin: -37px 20px 0 30px; text-align: right; } #package_server_plus50gb p strong { display: inline; } #featured_packages .package { float: right; background: #001831 url(/css/cssimg/box_277_right.jpg) no-repeat 0 0; margin-bottom: 20px; } #featured_packages .first { float: left; background-image: url(/css/cssimg/box_277_left.jpg); } #pc_backup .package { background: #001831 url(/css/cssimg/box_277_left.jpg) no-repeat 0 0; } #server_backup .package { background: #001831 url(/css/cssimg/box_277_server.jpg) no-repeat 0 0; } #pc_backup .package, #server_backup .package { margin-top: 18px; } #pc_backup .first, #server_backup .first { margin-top: 0; } #all_packages { clear: both; padding: 9px 0 35px; } #all_packages h2 { padding-bottom: 10px; font-size: 1.8em; color: #fff; font-weight: normal; } #view_online-backup-servera_body #all_packages { margin-bottom: 20px; } #pricing_info { clear: both; padding-top: 10px; text-align: right; color: #ccc; } p#pricing_info, div#pricing_info p { font-size: 1.1em; line-height: 1; } div#pricing_info p { margin-bottom: .5em;} .order_content #pricing_info { text-align: left; margin: 0 20px; line-height: 1.4; } /* how does it work */ .usage_container .usage_step, .usage_container .usage_step { width: 100%; padding-top: 7px; } .usage_container .usage_step:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; line-height: 0; overflow: hidden; } .usage_container .usage_step p { } .usage_container .usage_step .entity_img { float: right; border: 0; margin: 5px 0 0 20px; display: inline; outline: none; } .usage_container .usage_step p.last-child { font-size: 1.2em; color: #ccc; } .usage_container #step_install_agent p span { font-style: italic; } /* technology */ #view_tehnologija_body .story { padding-bottom: 43px; } #view_izjava-o-privatnosti_body h1, #view_kontakt-i-podrska_body h1, #view_opci-uvjeti-poslovanja_body h1, #view_brza-kupovina_body h1, #view_faq_body h1, #view_tehnologija_body h1 { float: left; width: 629px; padding: 0 0 25px 0; margin: 40px -29px 25px -29px; display: inline; list-style: none; border-bottom: 1px solid #0099ff; } #view_kontakt-i-podrska_body h1 { margin-bottom: 6px; } #view_faq_body h1 { margin-top: 34px; } #view_izjava-o-privatnosti_body h1 img, #view_kontakt-i-podrska_body h1 img, #view_opci-uvjeti-poslovanja_body h1 img, #view_brza-kupovina_body h1 img, #view_faq_body h1 img, #view_tehnologija_body h1 img { display: block; font-size: 1.5em; text-transform: uppercase; line-height: 1; font-weight: normal; } #view_tehnologija_body .lead { padding: 0; color: #fff; font-size: 1.8em; line-height: 1.3; } /* technology and faq sidebar */ #view_faq_body #secondary_content h3, #view_tehnologija_body #secondary_content h3 { float: left; width: 300px; margin: 105px -29px 0 -29px; display: inline; border-top: 1px solid #0099ff; } #view_faq_body #secondary_content h3 img, #view_tehnologija_body #secondary_content h3 img { display: block; font-size: 2em; text-transform: uppercase; line-height: 1; font-weight: normal; } #view_faq_body #secondary_content p, #view_tehnologija_body #secondary_content p { clear: both; padding-top: 18px; color: #ccc; line-height: 1.285; } #view_faq_body #secondary_content p strong, #view_tehnologija_body #secondary_content p strong { color: #e80000; font-weight: normal; } /* info pages */ #view_izjava-o-privatnosti_body #secondary_content h3, #view_kontakt-i-podrska_body #secondary_content h3, #view_opci-uvjeti-poslovanja_body #secondary_content h3 { float: left; width: 300px; margin: 105px -29px 0 -29px; display: inline; border-top: 1px solid #0099ff; } #view_izjava-o-privatnosti_body #secondary_content h3 img, #view_kontakt-i-podrska_body #secondary_content h3 img, #view_opci-uvjeti-poslovanja_body #secondary_content h3 img { display: block; font-size: 2em; text-transform: uppercase; line-height: 1; font-weight: normal; } #view_kontakt-i-podrska_body h2 { font-size: 2.4em; font-weight: bold; color: #c5e200; line-height: 1.083; margin: .8em 0; } #view_kontakt-i-podrska_body h3 { font-size: 1.4em; margin-top: .7em; } #view_kontakt-i-podrska_body .story p { padding-bottom: .3em; } #view_opci-uvjeti-poslovanja_body .story { padding-bottom: 50px; } #view_opci-uvjeti-poslovanja_body .story h2 { font-size: 2.4em; font-weight: bold; color: #c5e200; line-height: 1.083; margin: 0; } #view_opci-uvjeti-poslovanja_body .story h3 { padding: 0; color: #fff; font-size: 1.8em; line-height: 1.3; margin-top: 1.5em; color: #ccc; } #view_opci-uvjeti-poslovanja_body .story li { background: 0; } #view_opci-uvjeti-poslovanja_body dl { width: 100%; } #view_opci-uvjeti-poslovanja_body dl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; line-height: 0; overflow: hidden; } #view_opci-uvjeti-poslovanja_body dt { float: left; width: 200px; margin-top: 0; font-weight: normal; } #view_opci-uvjeti-poslovanja_body dd { float: right; width: 330px; } #view_opci-uvjeti-poslovanja_body .story li { padding-left: 40px; } #view_opci-uvjeti-poslovanja_body .story li strong { float: left; margin-left: -40px; color: #ccc; } #view_opci-uvjeti-poslovanja_body .story li li { padding-left: 0; } /* info pages - sidebar */ #info_pages { clear: both; padding-top: 18px; list-style: none; } #info_pages li { margin-bottom: 10px; padding-left: 20px; background: url(/css/cssimg/li_dot_small.gif) no-repeat 0 55%; } #info_pages a { text-decoration: none; line-height: 1; border-bottom: 1px dotted #0099ff; } #info_pages a:hover, #info_pages a:active, #info_pages a:focus { border: 0; } /* faq */ #questions .custom_title { color: #fff; font-size: 2em; padding: 0 0 20px 30px; } #questions .server_title { padding: 20px 0 15px 30px; } #questions { clear: both; float: left; width: 632px; margin: 0 -30px; display: inline; padding-bottom: 9px; } #questions ul { margin: 0 35px 15px 33px; list-style: none; } #questions li { padding-left: 28px; margin-top: 15px; font-size: 1em; background: url(/css/cssimg/li_dot.gif) no-repeat 0 0; } #questions li p { font-size: 1.2em; } #questions li a { text-decoration: none; line-height: 1; border-bottom: 1px dotted #0099ff; } #questions li a:hover, #questions li a:active, #questions li a:focus { border: 0; } #questions h2 { padding: 0 30px; font-weight: bold; color: #c5e200; font-size: 2.4em; line-height: 1.083; } #questions h3 { padding-bottom: 2px; font-size: 1.8em; line-height: 1; color: #fff; font-weight: normal; } #questions p { color: #81b1ed; } .has_JS #questions h2 { min-height: 52px; height: auto !important; height: 52px; padding: 0; margin-top: 8px; font-size: 1.8em; font-weight: normal; line-height: 1; background: url(/css/cssimg/faq_heading_bottom.gif) no-repeat 0 100%; } .has_JS #questions h2.first-child { margin-top: 5px; } .has_JS #questions h2 a { display: block; width: 572px; padding: 17px 30px; color: #fff; text-decoration: none; background: url(/css/cssimg/faq_heading_top.gif) no-repeat 0 0; outline: none; } .has_JS #questions h2.active { background: url(/css/cssimg/faq_heading_bottom_active.gif) no-repeat 0 100%; } .has_JS #questions h2.active a { background: url(/css/cssimg/faq_heading_top_active.gif) no-repeat 0 0; } /* order form */ .form_container { clear: both; width: 100%; position: relative; margin: 20px 0 35px; padding-top: 20px; background: #001628 url(/css/cssimg/form_top_bkg.gif) no-repeat 0 0; } .form_container h2 { float: left; margin-left: 20px; display: inline; font-size: 1.8em; font-weight: normal; line-height: 1.2em; } .form_container p { font-size: 1.2em; line-height: 1.166; font-weight: normal; color: #ccc; } .form_container p strong { font-weight: bold; color: #fff; } .form_container #mandatory_fields_info { float: right; margin-right: 20px; display: inline; text-align: right; font-size: 1.1em; } #order_form_container #username_info { clear: both; padding-top: 17px; margin: 0 20px; line-height: 1.4; } #order_form_container #password_info { position: absolute; bottom: 35px; width: 524px; padding-left: 8px; text-indent: -8px; } #order_form_container #password_info sup { font-size: 0.75em !important; } #order_form textarea { width: 210px; } #supported_cards { position: absolute; bottom: 27px; left: 30px; } #supported_cards img { display: block; width: 154px; height: 122px; } .form_container h2, .form_container #mandatory_fields_info { width: 266px; min-height: 36px; height: auto !important; height: 36px; border-bottom: 1px solid #001d36; } #confirmation_form_container h2 { float: none; display: block; width: auto; margin: 0 20px 40px; } .form_container #mandatory_fields_info span, form label span { font: 1.714em/1 Georgia, serif; color: #0099ff; } form { clear: both; padding-top: 28px; background: url(/css/cssimg/form_bottom_bkg.gif) no-repeat 0 100%; } form legend span { position: absolute; top: -9999px; left: -9999px; } form label { float: left; width: 155px; position: relative; padding: 0 45px 0 0; text-align: right; line-height: 1; } form label span { font: 1.714em/1 Georgia, serif; color: #0099ff; position: absolute; top: -8px; right: 29px; } form label sup { font-size: 0.642em; position: absolute; top: -4px; right: 33px; } form .field { width: 100%; padding-top: 6px; margin-bottom: 8px; background: url(/css/cssimg/field_top.gif) no-repeat 200px 0; } form .field:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; line-height: 0; overflow: hidden; } form .field div { position: relative; float: left; width: 210px; padding: 0 11px 5px; background: #001627 url(/css/cssimg/field_bottom.gif) no-repeat 0 100%; } form .field select, form .field .input_text, form .field textarea { background: #000b17; } form .error { background: url(/css/cssimg/field_error_top.gif) no-repeat 200px 0; } form .error div { background: url(/css/cssimg/field_error_bottom.gif) no-repeat 0 100%; } form .error select, form .error .input_text, form .error textarea { background: #290912; } form .active { background: url(/css/cssimg/field_active_top.gif) no-repeat 200px 0; } form .active div { background: url(/css/cssimg/field_active_bottom.gif) no-repeat 0 100%; } form .active select, form .active .input_text { background: #00203a; } form .has_textarea { background-image: url(/css/cssimg/field_large_top.gif); } form .has_textarea div { width: 290px; background-image: url(/css/cssimg/field_large_bottom.gif); } form .textarea_error { background: url(/css/cssimg/field_large_error_top.gif) no-repeat 200px 0; } form .textarea_error div { background-image: url(/css/cssimg/field_large_error_bottom.gif); } form .textarea_error textarea { background: #290912; } form .textarea_active { background: url(/css/cssimg/field_large_active_top.gif) no-repeat 200px 0; } form .textarea_active div { background-image: url(/css/cssimg/field_large_active_bottom.gif); } #order_form .textarea_active { background: url(/css/cssimg/field_active_top.gif) no-repeat 200px 0; } #order_form .textarea_active div { background-image: url(/css/cssimg/field_active_bottom.gif); } form .textarea_active textarea { background: #00203a; } form .has_radio { background: 0; } form .has_radio div { background: 0; } form .has_radio input { float: left; margin-left: 170px; display: inline; } form .has_radio label { float: left; width: 232px; margin-left: 17px; display: inline; padding: 0; text-align: left; line-height: 1.2; } form select, form textarea, form .input_text { width: 210px; overflow: auto; border: 0; font-family: Arial, sans-serif; font-size: 1.2em; color: #cff; } form textarea { width: 290px; height: 140px; } form optgroup { padding: 3px; font-style: normal; } form option { padding: 3px 0 0 10px; } #confirmation_form_container .user-entry { width: 100%; padding-top: 6px; margin-bottom: 8px; font-size: 1em; background: url(/css/cssimg/field_inactive_top.gif) no-repeat 200px 0; } #confirmation_form_container .user-entry:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; line-height: 0; overflow: hidden; } #confirmation_form_container .user-entry span { float: left; width: 155px; padding: 0 45px 0 0; text-align: right; font-size: 1.4em; line-height: 1; } #confirmation_form_container .user-entry strong { float: left; width: 210px; padding: 0 11px 5px; font: normal 1.2em/1.3333 Arial, sans-serif; color: #cff; background: #001627 url(/css/cssimg/field_inactive_bottom.gif) no-repeat 0 100%; } form .action_buttons { margin: 0; padding: 20px 0 0 0; background: none; text-align: right; } #order_form .action_buttons { padding-top: 130px; } #confirmation_form .action_buttons { padding-top: 30px; } .action_buttons .input_image { color: #fff; outline: none; } #order_form .input_image { height: 42px; margin: 0 20px 15px 0; } #support_form .input_image { width: 116px; height: 42px; margin: 0 60px 15px 0; } #poll_form .input_image { width: 116px; height: 42px; margin: 0 20px 15px 0; } #confirmation_form #button_back input { width: 101px; height: 42px; margin: 0 327px 15px 0; } #confirmation_form #button_confirm input { width: 108px; height: 63px; margin: 0 13px 15px 0; } /* poll form */ #poll_form_container h2 { float: none; display: block; width: auto; color: #c5e200; min-height: 55px; height: auto !important; height: 55px; } #poll_form_container h2 span { display: block; font-size: 0.666em; line-height: 1.3; color: #fff; } #poll_form .details { margin-top: 35px; } #poll_form .has_radio input { margin-top: 2px; } #poll_form .details label { position: relative; top: -2em; left: 200px; text-align: left; } #poll_form .details div { /*display: block; float: none; margin-left: 200px; margin-right: 137px; width: auto;*/ } input, textarea { outline: none; } /* package type fieldset */ .has_JS #order_form select { position: absolute; left: -9999px; } .has_JS #order_form .has_select div { height: 17px; z-index: 100; position: relative; } #pseudo-select { width: 232px; position: absolute; top: -6px; left: 0; list-style: none; } #pseudo-select li { font: 1.2em/1 Arial, sans-serif; color: #cff; } #pseudo-select li.first-child { background: url(/css/cssimg/field_top.gif) no-repeat 0 0; } #pseudo-select li.last-child { padding-bottom: 7px; background: url(/css/cssimg/field_active_bottom.gif) no-repeat 0 100%; } #pseudo-select li a { display: block; padding: 8px 18px 8px; margin: 0 2px; color: #cff; text-decoration: none; outline: none; cursor: pointer; } #pseudo-select li.first-child a { padding-left: 9px; padding-right: 10px; } #pseudo-select li.active { background: none; } #pseudo-select li.active a { background: #005d9d; } #pseudo-select li span { font-weight: bold; } #pseudo-select .pseudo-optgroup { margin: 2px 0 4px; line-height: 1.2; background: url(/css/cssimg/pseudo_optgroup_bkg.gif) no-repeat 0 50%; } #pseudo-select .pseudo-optgroup strong { padding: 0 3px; margin-left: 18px; background: #00203a; } #pseudo-select.opened { background: #00203a url(/css/cssimg/pseudo_select_opened_bkg.gif) repeat-y 0 0; } #pseudo-select.opened li.first-child { background: url(/css/cssimg/field_active_top.gif) no-repeat 0 0; } #pseudo-select.opened li.first-child a { background: url(/css/cssimg/select_arrow_close.gif) no-repeat 206px 6px; } #pseudo-select.closed { background: url(/css/cssimg/pseudo_select_closed_bkg.gif) repeat-y; } #pseudo-select.closed li { display: none; } #pseudo-select.closed li a { background: none; } #pseudo-select.closed li.active { display: block; background: url(/css/cssimg/field_top.gif) no-repeat; } #pseudo-select.closed li.active a { padding: 8px 9px 5px; background: url(/css/cssimg/select_arrow_open.gif) no-repeat 206px 6px; } #pseudo-select.closed li.last-child { padding-bottom: 0; } .error #pseudo-select.closed { background: url(/css/cssimg/pseudo_select_error_closed_bkg.gif) repeat-y 0 0; } .error #pseudo-select.closed li.active { background-image: url(/css/cssimg/field_error_top.gif); } .error #pseudo-select.closed li.active a { background-image: url(/css/cssimg/select_arrow_error_open.gif);} /* system messages */ #system_message { clear: both; width: 210px; padding: 28px 0 0 40px; margin: 0 100px 0 200px; } #system_message h3 { font-size: 1.2em; text-transform: uppercase; } #system_message.error { background: url(/css/cssimg/error_message.gif) no-repeat 4px 28px; } #system_message.error p { color: #c00; font-size: 1.2em; } #system_message.error h3 { color: #c00; } #system_message.confirmation { background: url(/css/cssimg/error_message.gif) no-repeat 4px 28px; } #system_message.confirmation p { color: #c00; font-size: 1.2em; } #system_message.confirmation h3 { color: #c00; } #get_flash_player p { font-size: 1.2em; } #flash_test { position: absolute; top: -9999px; left: -9999px; } /* footer */ #footer { width: 922px; margin: 8px 9px 20px; min-height: 150px; height: auto !important; height: 150px; padding: 18px 30px 30px; background: url(/css/cssimg/footer_bkg.png) no-repeat 0 0; } #footer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; line-height: 0; overflow: hidden; } #footer * { font: normal 1em/1 Arial, sans-serif; } #footer h4 { color: #0099ff; padding-bottom: 5px; } #footer ul { float: left; list-style: none; } #footer li { float: left; margin-right: 21px; } #footer li img { display: block; } #footer #partners h4 { padding-bottom: 5px; } #footer #hardware h4 { padding-bottom: 15px; } #footer #partners, #footer #hardware { min-height: 4.5em; height: auto !important; height: 4.5em; } #footer #partners { float: left; width: 600px; } #footer #hardware { float: right; width: 322px; text-align: right; } #footer #copyright { float: left; width: 100%; clear: both; margin-top: 10px; padding-top: 18px; color: #fff; background: url(/css/cssimg/copyright_bkg.gif) repeat-x 0 0; } #footer #copyright a { text-decoration: none; line-height: 1; border-bottom: 1px dotted #0099ff; } #footer #copyright a:hover, #footer #copyright a:active, #footer #copyright a:focus { border: 0; } #footer #siteby { float: left; width: 100%; text-align: right; } #footer #siteby a { position: relative; top: -8px; right: 3px; }