/* -------------------------------------------------------------- ----------------------------------------------------------------- DEFINITIONS: Global styling AUTHOR: wmarket.pl VERSION: 26.08.2009 CONTENTS: 0 General 1 Typography 2 Links 3 Form 4 Spaces and Alignment and Colors 5 Header 6 Sidebar 7 Footer 8 HOME Page 9 TESTIMONIALS Page 10 CONTACT US Page 11 SYSTEM REQUIREMENTS Page 12 SCREENSHOTS Page 13 PAYMENT GATEWAYS Page 14 F.A.Q. page 15 FEATURES Page 16 PRICING Page ----------------------------------------------------------------- -------------------------------------------------------------- */ /* 1 Typography ===================================================================== */ body {font:14px Arial; color:#545353;} p {line-height:1.5em;} h1 {font:22px Arial; color:#ef4525;} #content_top h1 {float:left; padding:30px 0 0 25px; width:535px;} #content_left h1 {color:#545353; padding:20px 0 10px 0;} #content_left h3 {padding: 0px; margin: 0px; margin-bottom:20px; font-size: 14px; font-weight: normal;line-height:1.5em;} #content_left p {margin-bottom:20px;} #content_left .h1_ {font:22px Arial; color:#ef4525; color:#545353; padding:20px 0 10px 0;} #content_left .h2_ {font:22px Arial; padding:20px 0 10px 0;} .error {padding:10px;font-weight:bold;background-color:#fffaf9; border-top:1px solid #ffb9aa; color:#c71419; border-bottom:1px solid #ffb9aa;} .success {padding:10px;font-weight:bold;background-color:#d0efc7; border-top:1px solid #8fc968; border-bottom:1px solid #8fc968;} /* 2 Links ===================================================================== */ a#logo {float:left; padding:0 0 0 20px;} a.polish_order_link, a.english_order_link {float:right; width:241px; height:78px;} a.polish_order_link:hover {background:url('../images/order_hover_pl.gif') no-repeat bottom left;} a.english_order_link:hover {background:url('../images/order_hover.gif') no-repeat bottom left;} a.videotour {float:right; width:240px; height:73px; background:url('../images/videotour.gif') no-repeat;} a.videotour:hover {background:url('../images/videotour_hover.gif') no-repeat bottom left;} a.onlinedemo {float:right; width:240px; height:73px; background:url('../images/onlinedemo.gif') no-repeat;} a.onlinedemo:hover {background:url('../images/onlinedemo_hover.gif') no-repeat bottom left;} #content_left a {color:#ef4525;} #content_left a:hover {color:#8c1e0b;} /* 3 Form ===================================================================== */ #input_search {float:right; background:url('../images/bg/input_hsearch.png') no-repeat right top; width:175px; height:23px; border:0; padding-top:1px;} .search {border:0; background:none; color:#86837f; font-size:11px; padding:2px 0 0 0; width:120px; margin:0 0 0 25px; } .input_newsletter {border:1px solid #292929; color:#000; padding:4px 5px; width:190px; margin:10px 0; background:#9f9f9f url('../images/bg/input_newsletter.gif') repeat-x;} .submit_subscribe {float:right; border:0; background:none; font-size:11px; color:#bdbdbd; text-decoration:underline;} .submit_subscribe_page {border:0; background:none; font-size:13px; font-weight:bold; color:#ef4525; text-decoration:underline; padding-left:15px;} .txtbox {border:1px solid #ccc; padding:4px; margin-right:5px; background:url('../images/bg/txtbox.gif') repeat-x;} .btn {border:0px solid #111; padding:4px 8px; color:#fff; font:bold 11px Arial; background:#858585 url('../images/bg/btn.gif') repeat-x bottom left;} /* 4 Spaces and Alignment and Colors ===================================================================== */ .marg0_30 {margin:0 30px;} .clearBoth {clear:both; height:1px;} .alignCenter {text-align:center;} .white {color:#fff;} .colorOrange {color:#fa563b;} .h20 {height:20px;} .disBlock {display:block;} .floatLeft {float:left;} .margin0auto {margin:0 auto;} .marginLeft250 {margin-left:250px;} .height20 {height:20px;} /* 5 Header ===================================================================== */ ul#lang {float:right; padding:3px 0 0; margin-right:20px;} ul#lang li {display:inline;} ul#lang li a {font-size:11px; color:#111; text-decoration:none; padding:0 5px;} ul#lang li a:hover {text-decoration:underline;} ul#lang li a.current {color:#8c8c8c;} ul#nav {float:right; width:600px; text-align:right; padding:20px 0 0;} ul#nav li {display:inline;} ul#nav li a {color:#fff; padding:4px 11px; text-decoration:none;} ul#nav li a:hover {text-decoration:underline;} /* 6 Sidebar ===================================================================== */ ul#nav_sidebar {padding:30px 25px;} ul#nav_sidebar li {padding:1px 0; margin:1px 0; background:url('../images/border_sidenav.gif') repeat-x bottom left;} ul#nav_sidebar li a {display:block; font:16px Arial; color:#545353; text-decoration:none; padding:5px 0 7px 15px; background:url('../images/icons/bullet_sidenav.gif') no-repeat 0 11px;} ul#nav_sidebar li a:hover {color:#ef4525; background-position:3px 11px;} div#twitter {width:199px; margin:10px auto;} ul#twitter_update_list {background:#fff url(../images/twitter_feed_header.gif) no-repeat; padding:25px 15px 15px; font-size:13px; font-style: italic;} ul#twitter_update_list a {color:#E9431F;} div#facebook { padding:30px 0 0 25px; width: 120px; float: left; } /* 7 Footer ===================================================================== */ #newsletter {float:right; width:200px; height:130px; padding:45px 20px 0 20px; font-size:12px; background:url('../images/bg/newsletter.gif') no-repeat;} ul.nav_footer {padding:50px 0 15px 0; background:url('../images/border_navfooter.gif') repeat-x bottom left;} ul.nav_footer li {display:inline;} ul.nav_footer li a {padding:4px 5px; color:#b8b8b8; font-size:12px; text-decoration:none;} ul.nav_footer li a:hover {text-decoration:underline; color:#dbdbdb;} #footer_left p {font-size:11px; padding:15px 5px;} #footer_left p a {color:#8b8a8a;} div#footer_facebook { text-align: right; padding-right: 50px;} div#footer_facebook a {color:#b8b8b8; text-decoration: none; font-size: 12px;} div#footer_facebook img { vertical-align: middle;} /* 8 HOME Page ===================================================================== */ .feature_box {float:left; width:245px; height:100px; font-size:12px; padding:0 0 0 55px;} .feature_box .h3 {font:bold 14px Arial; color:#363636; padding-bottom:5px;} .browser {background:url('../images/icons/browser.gif') no-repeat;} .seo {background:url('../images/icons/seo.gif') no-repeat;} .money {background:url('../images/icons/money.gif') no-repeat;} .feature_box:hover .h3 {color:#ef4525;} .ref {margin-bottom:20px; height:185px;} .ref img {float:left; margin-right:20px;} .ref p.comment {float:right; width:460px; background:url('../images/bg/comment_left.gif') no-repeat; padding-top:25px;} .ref p.from {float:right; width:460px; font-size:12px; text-decoration:underline; font-style:italic; text-align:right; background:url('../images/bg/comment_right.gif') no-repeat right bottom; padding-bottom:25px;} /* 9 TESTIMONIALS Page ===================================================================== */ .refbox {float:left; width: 190px; text-align: left; font-size:12px; margin:0 10px 15px; border-bottom: solid 1px #8a8a8a;} .refbox div { text-align: right; } .refbox img {margin-top:7px; padding: 5px 0px;} .refbox:hover a {background-color:#e9e9e9;} .refmainbox { text-align: center; font-size:15px; margin:0 10px 15px; border-bottom: solid 1px #8a8a8a; padding: 10px;} .refmainbox div { text-align: right; } .refmainbox img {margin-top:7px; padding: 5px 0px;} .refmainbox a { text-decoration: none; font-size:15px;} .refmainbox .back { font-size: 12px; } .refmainbox:hover a { } /* 10 CONTACT US Page ===================================================================== */ ul.info li {padding:3px 0;} ul.info li span {float:left; font-weight:bold; width:130px;} .open {background:url('../images/icons/open.gif') no-repeat; padding:0 2px 2px 30px; color:#66c023; font-weight:bold; margin:10px 0 0 100px;} .contact_box {float:left; width:205px; margin:6px; padding-top:120px; border:1px solid #fff; background:none;} .contact_box:hover {border-color:#ccc;} .contact_box h3 {color:#ef4525; text-align:center; padding-bottom:10px;} .contact_box h4.online a {color:#fff; text-align:center; font-weight:bold; padding:2px 5px; background-color:#6cd7f9;} .contact_box h4.online a:hover {background-color:#2ca2c8;} ul.chat_info {padding-top:10px; margin:5px;} ul.chat_info li {padding:2px 0;} ul.chat_info li span {font-weight:bold; font-size:12px; float:left; width:50px;} div.phone {background:#fff url('../images/icons/mobile.png') no-repeat center 10px;} div.chat {background:#fff url('../images/icons/chat.png') no-repeat 60px 10px;} div.mail {background:#fff url('../images/icons/mail.png') no-repeat center 10px;} ul.contact_form li {padding:3px 0;} ul.contact_form li label {float:left; width:120px; padding-top:4px;} a.map {background: url('../images/icons/map.gif') no-repeat; margin-left:10px; padding-left:20px; font-size:12px;} /* 11 SYSTEM REQUIREMENTS Page ===================================================================== */ ul.bullet {padding-left:15px; margin-left:15px;} ul.bullet li {padding:3px 0; list-style-type:disc; line-height:1.4em;} /* 12 SCREENSHOTS Page ===================================================================== */ ul.filmstrip li img {width:100px;} .galleryview h2 {font:22px Arial; padding-top:8px; color:#fff; text-align:center;} /* 13 PAYMENT GATEWAYS Page ===================================================================== */ ul.tick {float:left; width:48%; margin:2px 2px 20px 2px;} ul.tick li {background:url(../images/icons/tick.gif) no-repeat 0 2px; padding:0px 2px 2px 20px; line-height:1.5em;} ul.tick li.header {background:none; padding:0; font-weight:bold; padding-bottom:8px;} /* 14 FAQ Page ===================================================================== */ ol.number {padding-left:20px;} ol.number li {list-style:decimal; padding:2px 0; font:bold 16px Arial; color:#ccc;} ol.number li h2 {font:bold 14px Arial; color:#545353; padding-bottom:5px;} ol.number li p {font:14px Arial; color:#545353; line-height:1.4em;} /* 15 FEATURES Page ===================================================================== */ body#features h3 span {float:left; font:20px Arial; color:#616161; padding:5px 0;} body#features h3 img {float:left; margin-right:10px;} body#features ul.tick {padding:15px 0 0 17px; width:80%;} body#features ul.tick li {padding-top:2px; padding-bottom:5px;} /* 16 PRICING Page ===================================================================== */ table#pricing { width:950px; margin:30px auto;} table#pricing tr {border-bottom: 1px solid #fff;} table#pricing tr, td, th {border-bottom: 1px solid #fff; width:180px;} table#pricing th, td {border-right: 1px solid #fff;} table#pricing thead th {height:225px; text-align: center; width:180px; padding:0; } table#pricing thead td {height:55px; text-align: center; width:180px; padding:0; background-color: #f4f4f4; border:0; border-color: #f4f4f4;} table#pricing .blank {background-color: #fff;} table#pricing thead th.basic {background:#f4f4f4 url(../images/tbl_basic.gif) no-repeat;} table#pricing thead th.standard {background:#f4f4f4 url(../images/tbl_standard.gif) no-repeat;} table#pricing thead th.professional {background:#f4f4f4 url(../images/tbl_professional.gif) no-repeat;} table#pricing thead th.enterprise {background:#f4f4f4 url(../images/tbl_enterprise.gif) no-repeat;} table#pricing tbody td {text-align: center; background-color: #f4f4f4; padding:12px 0;} table#pricing tbody th {width:234px; background-color: #f4f4f4; text-align: center;padding:12px 0;} table#pricing .darkline {background-color: #e9e9e9;} table#pricing tfoot {background-color: #ededed;} table#pricing tfoot td {text-align: center; font: 23px Georgia;padding:12px 0;} table#pricing tfoot th {text-align: center; } table#pricing tfoot td a {display:block; padding: 0;} td.yes {background: url(../images/icons/yes.gif) no-repeat center;} td.no {background: url(../images/icons/no.gif) no-repeat center;} table#pricing tr.gray_text td, table#pricing tr.gray_text th {color:#ACACAC;} #wrap_content_pricing {width:950px; margin:0 auto; padding:30px 0;} /* 17 PARTNERS Page ===================================================================== */ .partnersbox {text-align: left; font-size:12px; margin:0 0 15px 0; padding: 0 5px 10px 5px;} .partnersbox img {margin-top:7px;} .partnersbox:hover a {} .partnersbox a.partnerstitle { font-weight: bold; text-decoration: none; font-size: 14px; } .partnersbox a.partnerstitle:hover {} .partnersbox .partnersimage {float: left; width: 100px;} .partnersbox .partnerstext {float: left; width: 530px;} .partnersbox h2 a {font:15px Georgia; padding-bottom:20px; } /* #sponsorbanner { /* display:block; display:none; background:#000; color:#fff; position:fixed; bottom:0px; left:0px; width:100%; text-align:center; height:40px; z-index:999; } #sponsorbanner a { margin:0 auto; } #sponsorbanner img { border:none; } */