/* Theme Name: Supreme Theme Espresso Theme URI: http://www.supreme.de Description: Letzte Änderung 02.06.2010 Version: 2.6.4 Author: Philipp Walter */ @import url(reset.css); /* basics */ body, html { background: #f1f1f1 url(images/background.png) top left repeat-x; background-attachment: fixed; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-size: 12px; line-height: 18px; color: #555 } @font-face { font-family: 'HelveticaNeue-LightRegular'; src: url('font/HelveticaNeue_Light.eot'); src: local('HelveticaNeue-Light'), local('HelveticaNeue-Light'), url('font/HelveticaNeue_Light.woff') format('woff'), url('font/HelveticaNeue_Light.ttf') format('truetype'); } h1, h2, h3, h4, h5, h6 { font-family: 'HelveticaNeue-LightRegular', sans-serif; color: #333; text-shadow: #FFFFFF 1px 1px 0px; } a:link, a:visited { color: #C00; text-decoration: none } a:hover, a:focus, a:active { color: #900; text-decoration: underline } strong { font-weight: bold } .alignright { float: right } .alignleft { float: left } .p10 { padding:10px} .p20 { padding:20px} .p0-20 { padding:0 20px} .float_case { overflow:hidden} .float_left { float:left} .float_right { float:right} #wrapper { width: 980px; position: absolute; left: 50%; margin-left:-490px; } #jserror { background: #FCC url(images/icon-errror.png) 10px center no-repeat; border: 1px solid #C00; padding: 8px 0px 8px 36px; margin: 0px 0px 10px 0px; color: #555; text-shadow: #feeded 1px 1px 0px; } /* header */ #header { width:980px; background: url(images/wrapper-top.png) bottom left no-repeat; overflow:hidden} #login { float: right; margin: 0 17px 0; width: 410px; background: transparent url(images/login-background.png) top left no-repeat; padding-left: 10px} #login .loginform { overflow: hidden; background: transparent url(images/login-background.png) top right no-repeat; padding-right: 10px; height: 36px; } #login .loginform span { float: left; display: inline-block; margin: 3px 5px 0 0; } #login .loginform .loginfield { width: 120px; height: 16px; padding: 4px 4px; border: 1px solid #CCC; background: #FFF url(images/input-background.png) top left no-repeat; color: #111; font-size: 11px; } #login .loginform .fielduser { background: #FFF url(images/input-background-user.png) top left no-repeat; } #login .loginform .fieldpass { background: #FFF url(images/input-background-pass.png) top left no-repeat; } #login .loginform .logindd { width: 40px; border: 0px; background: none; color: #FFF; } #login .loginform .loginbutton { border: 0px; background: none; font-weight: bold; text-align: center; width: 70px; color: #333; font-size: 11px; padding: 4px 10px 0 10px; } #login .loginform .loginbutton:hover { color: #C00; } #login .loginform a, #login .loginform a:visited { padding: 6px 10px 12px 10px; color: #333; text-decoration: none; display: inline-block } #login .loginform a:hover, #login .loginform a:active { color: #C00 } #login .loginoptions { margin: 6px 0px 0px 0px; line-height: 14px; } #login .loginoptions ul { overflow: hidden; } #login .loginoptions ul li { float: right; padding-left: 0px; padding-right: 10px; } #login .loginoptions ul li.split { border-left: 1px dotted #BBB; padding-left: 10px; padding-right: 4px; } #login .loginoptions a, #login .loginoptions a:visited { font-size: 11px; color: #BBB; text-decoration: none; } #login .loginoptions a:hover, #login .loginoptions a:focus { color: #C00; } #logo { float:left; width: 450px; height: 48px; margin-left:17px; margin-top:22px/* left: 17px; top: 22px*/ } /* navigation */ #navigation-wrapper { background: #FFF; overflow: hidden; } #navigation { background: #FFF url(images/navigation-background.png) top left repeat-x; margin: 10px 15px; overflow: hidden; } #navigation li { } #navigation li.left, #navigation li.center { float: left; } #navigation li.right { float: right; } #navigation li a, #navigation li a:visited { display: block; text-decoration: none;} #navigation li a span, #navigation li a:visited span { display: block; font-family: Arial, sans-serif; font-size: 12px; color: #FFF; text-shadow: #000 -1px -1px 0px; padding: 7px 20px 9px 20px; } #navigation li.left a { background: transparent url(images/navigation-left-a.png) top left no-repeat; } #navigation li.left a span { background: transparent url(images/navigation-left-span.png) top left no-repeat;} #navigation li.center a { background: transparent url(images/navigation-center-a.png) top left no-repeat; } #navigation li.center a span { background: transparent url(images/navigation-center-span.png) top left no-repeat;} #navigation li.right a { background: transparent url(images/navigation-right-a.png) top left no-repeat; } #navigation li.right a span { background: transparent url(images/navigation-right-span.png) top right no-repeat;} #navigation li a:hover { background-position: 0px -34px; } #navigation li a:hover span { background-position: 0px -34px; } #navigation li.right a:hover { background-position: 0px -34px; } #navigation li.right a:hover span { background-position: right -34px; } #navigation li.selected a { background-position: right -68px; color: #555; text-shadow: #FFF 0px 0px 0px; } #navigation li.selected a span { background-position: 0px -68px; color: #555; text-shadow: #FFF 0px 0px 0px; } #navigation .children { display:none; position:absolute; margin-top:-3px; margin-left:2px; -moz-box-shadow:0 1px 4px #ccc; -webkit-box-shadow:0 1px 4px #ccc; box-shadow:0 1px 4px #ccc; background:#f9f9f9; filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#FFffffff,endColorstr=#FFf2f2f2); background-image:-moz-linear-gradient(top,#ffffff,#f2f2f2); background-image:-webkit-gradient(linear,left top, left bottom,from(#ffffff),to(#f2f2f2))} #navigation .children li { width:200px} #navigation .children li a { background:none; padding:6px 16px; color:#333; border-left:1px solid #bbb; border-right:1px solid #bbb; border-bottom:1px dotted #ccc} #navigation .children li a.last { border-bottom:1px solid #bbb; -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -webkit-border-bottom-left-radius:3px; -webkit-border-bottom-right-radius:3px; border-bottom-left-radius:3px; border-bottom-right-radius:3px} #navigation .children li a:hover { background:#fff} /* teaser */ #teaser-box { overflow: hidden; width: 100%; } #teaser-box .left { float: left; width: 620px;} #teaser-box .right { float: right; width: 320px; } #teaser-box a.getFlashPlayerButton { display: block; background:url(images/get-flash-player-button.png) top left no-repeat; width:946px; height:60px; outline:none; text-indent:-2000px} #noflashnotify .inner { padding:70px 32px 0 32px} #noflashnotify .inner h1 { font-size:42px; font-family:Arial,sans-serif; padding-bottom:40px} #noflashnotify .inner h2 { font-size:18px; color:#999; padding-bottom:12px} #noflashnotify .inner .teaserRegisterButton { display:block; background:url(images/teaser-register-button.png) top left no-repeat; width:247px; height:71px; margin-top:60px; text-indent:-2000px; outline:none} #noflashnotify .inner .teaserBusinessButton { display:block; background:url(images/teaser-business-button.png) top left no-repeat; width:247px; height:71px; margin-top:60px; text-indent:-2000px; outline:none} /* main */ #main { background: #FFF; clear: both; padding: 0px 17px 10px 17px;} /* sidebar */ /* home */ #teaserHome { width:946px; height: 400px; color: #333; margin-bottom: 10px; background: #FFF url(teaser/noflash/home.jpg) top left no-repeat; } #teaserHome .bubble { padding: 120px 20px; width: 350px; } #teaserHome .bubble h1 { font-size: 22px; padding: 15px 0px 10px 10px; } #teaserHome .bubble p { padding: 5px 0px 5px 10px; } #sidebar-stat { width: 232px; height: 220px;} #home { overflow: hidden;} #home .content { float: left; width: 690px; margin-right: 16px; } #home .sidebar { float: left; width: 240px; } #home .content .box { position: relative; float: left; width: 340px; height: 223px; background: #FFF url(images/home-box-background.png) top left no-repeat; } #home .content .box img { float: right; margin: 8px 3px 0px 10px; } #home .content .first { margin: 0px 8px 7px -1px; } #home .content .second { margin: 0px 0px 7px 0px; } #home .content h2 { font-size: 21px; padding: 16px 0px 0px 16px; /*display: inline-block; */} #home .content p { margin: 10px 0px 10px 16px; } #home .content .box p a { background: transparent url(images/icon-redarrow.png) left center no-repeat; padding-left: 12px;} #home .sidebar .sidebar-box { background: #FFF url(images/sidebar-background.png) top left no-repeat; clear: both; margin-bottom: 10px; } #home .sidebar .sidebar-box p { margin:0; padding: 10px 8px; } #home .sidebar .sidebar-box h3 { font-size: 18px; margin-left:10px; padding: 10px; padding-left: 30px;/* display: inline-block;*/ } #home .sidebar .sidebar-box h3.stat { background: transparent url(images/sidebar-stat-icon.png) left center no-repeat; } #home .sidebar .sidebar-box h3.twitter { background: transparent url(images/sidebar-twitter-icon.png) left center no-repeat; } #home .sidebar .sidebar-box .content { background: #FFF url(images/sidebar-background.png) bottom left no-repeat; padding: 0px 4px 4px 4px; width: 232px;} #home .sidebar .sidebar-box .content h6 { font-size: 34px; color: #555; margin: 10px 0px 10px 0px;} #home .sidebar .sidebar-box .content p.desc { color: #999; } #home .sidebar .sidebar-box ul li { padding: 8px; border-bottom: 1px dotted #CCC; } #home .sidebar .sidebar-box ul li.last { padding: 8px; border: 0px; } #home .sidebar .sidebar-box ul li p { margin: 0px; padding: 0px; display: inline-block; } #home .sidebar .sidebar-box ul li p.date { color: #BBB; font-size: 10px;} #home .sidebar .sidebar-box p.tweet { height: 36px; overflow: hidden; } #home .sidebar .sidebar-box p.tweet a, #home .sidebar .sidebar-box p.tweet a:visited { color: #555; text-decoration: none; } #home .sidebar .sidebar-box p.tweet a:hover, #home .sidebar .sidebar-box p.tweet a:active { color: #C00; } #home .sidebar .sidebar-box p.date { } #sidebarStat { height: 220px; } /* page & loop */ #page { overflow: hidden;} #loop { overflow: hidden; } #boxes { overflow: hidden; } #boxes .left { background: #FFF url(images/boxes-big.png) top left no-repeat; float: left; width: 342px; height: 265px; margin-left: -1px; position: relative;} #boxes .center { background: #FFF url(images/boxes-small.png) top left no-repeat; float: left; width: 248px; height: 265px; margin-left: 8px; position: relative; } #boxes .right { background: #FFF url(images/boxes-big.png) top left no-repeat; float: right; width: 342px; height: 265px; margin-right: -1px; position: relative; } #boxes h2 { font-size: 21px; margin: 16px 16px 10px 16px;} #boxes p { margin: 5px 16px 5px 16px; line-height: 18px; } #boxes li { margin: 4px 16px 4px 16px; line-height: 18px; background: transparent url(images/icon-li.png) no-repeat; background-position: 0px 7px; padding-left: 10px; } #infobox { width: 252px; height: 110px; background: #FFF url(images/infobox.png) top left no-repeat; float: right; margin: 8px -1px 0px 0px; } #infobox img { float: right; margin: 4px 3px 5px 0px; } #infobox h5 { font-size: 18px; margin: 10px 0px 0px 10px; } #infobox p { margin: 5px 0px 5px 10px; } #content { margin: 10px 0px 0px 0px; } #contentsidebar { margin: 10px 16px 0px 0px; float: left; background: #FFF url(images/contentsidebar.png) left bottom no-repeat; width: 686px; padding: 0 0 20px 0; } #contentsidebar .pre { background: #FFF url(images/contentsidebar.png) left top no-repeat; height: 5px; } #contentsidebar h2 { margin: 15px 15px 15px 15px; font-size: 24px;} #contentsidebar h2 { margin: 15px 15px 15px 15px; font-size: 24px;} #contentsidebar h3 { margin: 15px 15px 15px 15px; font-size: 18px;} #contentsidebar p { margin: 15px 15px 15px 15px;} #contentsidebar li { margin: 4px 16px 4px 16px; line-height: 18px; background: transparent url(images/icon-li.png) no-repeat; background-position: 0px 7px; padding-left: 10px; } #contentsidebar .entry { overflow: hidden; clear: both; border-bottom: 1px dotted #CCC; padding: 20px 0px; } #contentsidebar .entry .date { float: left; width: 40px; height: 40px; text-align: center; margin: 8px 15px 0px 15px; } #contentsidebar .entry .date span.day { font-size: 24px; width: 40px; text-align: center; display: block; padding-bottom: 4px; } #contentsidebar .entry .date span.month, #contentsidebar .entry .date span.year { font-size: 11px } #contentsidebar .entry .excerpt { float: left; width: 590px;} #contentsidebar .entry .excerpt h2 { font-size: 18px; margin: 0px; padding: 0px 0px 5px 0px; line-height: 24px;} #contentsidebar .entry .excerpt p { margin: 10px 0px; padding: 0px; line-height: 18px;} #contentsidebar .entry .content { float: left; width: 590px;} #contentsidebar .entry .content h2 { font-size: 18px; margin: 0px; padding: 0px 0px 5px 0px; line-height: 24px;} #contentsidebar .entry .content p { margin: 10px 0px; padding: 0px; line-height: 18px;} /* Special Box */ #specialBox {} .specialBoxWrapper { margin-top:5px; width: 949px;} .specialBoxTop { width: 949px; height:5px; background: url(images/blank-wide-box-top.png) top left no-repeat; } .specialBoxInner { background: url(images/blank-wide-box.png) bottom left no-repeat} .specialBoxInner .specialBox_container {} .ajaxLoader { text-align: center; width: 948px} #specialBox { width:949px} #togglebox { width:100%; margin-left: -1px; margin-top:5px} #togglebox .togglebox_head { height:5px; width:100%; background: url(images/blank-wide-box-top.png) top left no-repeat;} #togglebox .togglebox_body { width:100%; background: url(images/blank-wide-box.png) bottom left no-repeat} #togglebox .togglebox_foot { height:0} /* Templates */ #templateScreenshots { text-align: center; padding-bottom:10px} #templateScreenshots h2 { font-size: 21px; text-align: left; padding: 10px 20px 10px 20px;} #templateScreenshots a img { background: #FFF; padding: 5px; border: 1px solid #CCC; margin: 10px; -moz-box-shadow: #CCC 0px 1px 3px;} #templateBlank { text-align: left; font-size: 12px; padding: 20px;} #templateBlank p { margin: 10px 0;} #templateBlank h2 { font-size: 21px; margin: 0 0 40px 0;} /* Sidebar */ #sidebar { float: left; width: 240px; margin: 10px 0px 0px 0px; } #sidebar .sidebar-box { background: #FFF url(images/sidebar-background.png) top left no-repeat; clear: both; margin-bottom: 20px; } #sidebar .sidebar-box p { margin: 10px 8px; } #sidebar .sidebar-box h3 { font-size: 18px; margin-left:10px; padding:10px; padding-left:30px; /* display: inline-block;*/ } #sidebar .sidebar-box h3.twitter { background: transparent url(images/sidebar-twitter-icon.png) left center no-repeat; } #sidebar .sidebar-box h3.news { background: transparent url(images/sidebar-news-icon.png) left center no-repeat; } #sidebar .sidebar-box .content { background: #FFF url(images/sidebar-background.png) bottom left no-repeat; padding: 0px 4px 4px 4px; width: 232px;} #sidebar .sidebar-box .content h6 { font-size: 34px; color: #555; margin: 10px 0px 10px 0px;} #sidebar .sidebar-box .content p.desc { color: #999; } #sidebar .sidebar-box ul li { padding: 8px; border-bottom: 1px dotted #CCC; } #sidebar .sidebar-box ul li p { margin: 0px; padding: 0px; display: inline-block; } #sidebar .sidebar-box ul li p.date { color: #BBB; font-size: 10px;} #sidebar .sidebar-box p.tweet { height: 36px; overflow: hidden; } #sidebar .sidebar-box p.tweet a, #sidebar .sidebar-box p.tweet a:visited, #sidebar .sidebar-box p.news a, #sidebar .sidebar-box p.news a:visited { color: #555; text-decoration: none; } #sidebar .sidebar-box p.tweet a:hover, #sidebar .sidebar-box p.tweet a:active, #sidebar .sidebar-box p.news a:hover, #sidebar .sidebar-box p.news a:active { color: #C00; } /* footer */ #footer { background: transparent url(images/wrapper-bottom.png) top left no-repeat; overflow: hidden; padding: 40px 17px; color: #999; font-size: 11px;} #footer .column { float: left; width: 188px; } #footer .column h5 { color: #999; font-size: 18px; border-bottom: 1px solid #CCC; padding: 0px 0px 5px 0px; margin: 0px 5px 0px 0px; text-shadow: #FFFFFF 1px 1px 0px; } #footer .column ul { border-top: 1px solid #FFF; padding: 5px 0px 0px 0px; margin: 0px 5px 0px 0px; } #footer .column ul li { margin: 1px 0px; } #footer .column ul li a, #footer .column ul li a:visited { color: #999; display: block; padding: 2px 4px; text-decoration: none; text-shadow: #FFFFFF 1px 1px 0px;} #footer .column ul li a:hover, #footer .column ul li a:focus { color: #333; background: #FFF; border: 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} #footer .column ul li a.facebook { background: transparent url(images/icon-facebook-16.png) 4px center no-repeat; padding-left: 26px; } #footer .column ul li a.twitter { background: transparent url(images/icon-twitter-16.png) 4px center no-repeat; padding-left: 26px; } #footer .column ul li a.rss { background: transparent url(images/icon-rss-16.png) 4px center no-repeat; padding-left: 26px; } #footer .column ul li a.youtube { background: transparent url(images/icon-youtube-16.png) 4px center no-repeat; padding-left: 26px; } #footer .column ul li a:hover.facebook, #footer .column ul li a:hover.twitter, #footer .column ul li a:hover.rss, #footer .column ul li a:hover.youtube { color: #333; background-color: #FFF; border: 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } /* C-Forms */ #cformsform ol.cf-ol li { display:block; width:100%; overflow:hidden; clear:both} /* 404 */ #error404 { background: #FFF url(images/404.png) top left no-repeat; width: 948px; height: 270px; } #error404 h1 { font-size: 36px; padding: 40px 0px 5px 30px; } #error404 h2 { font-size: 16px; padding: 5px 0px 20px 30px; } #error404 p { padding: 5px 0px 5px 30px; } #error404 .buttons { padding: 0px 0px 20px 30px; } #error404 .buttons a { font-weight: bold; margin-right: 20px; } /* slider */ #messagebox { background: #FFF; width: 688px; height: 110px; margin: 4px 0px 0px 0px; clear: both; float: left; } #screenbox { background: #FFF url(images/screenboxbackground.png) top left no-repeat; width: 688px; height: 110px; margin: 8px 0px 0px -1px; clear: both; float: left; text-align: center } #screenbox img { margin: 6px 2px 6px 2px; } /* very special */ #hidden { display: none } #shopbeta-msg { width: 880px; height: 470px} #shopbeta-msg .inner { position: absolute; left: 120px; top: 250px; width: 300px; overflow: hidden; } #shopbeta-msg .inner h2 { font-size: 22px; margin-bottom: 5px; } #shopbeta-msg .inner p { font-size: 11px; } #shopbeta-msg .inner p.sub { font-size: 10px; color: #999; display: block; clear:both} #shopbeta-msg .inner label { display: none; } #shopbeta-msg .inner div { float: left} #shopbeta-msg .inner input { width: 150px; border: 1px solid #CCC; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size: 18px; color: #777; padding: 5px; margin: 9px 0px 0px 0px; -webkit-box-shadow: 1px 1px 0px #FFF; -moz-box-shadow: 1px 1px 0px #FFF; box-shadow: 1px 1px 0px #FFF; } #shopbeta-msg .inner input[type=submit] { border: 1px solid #CCC; width: 120px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00FFFFFF', endColorstr='#00F2F2F2'); background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F2F2F2)); background: -moz-linear-gradient(top, #FFF, #F2F2F2); -moz-border-radius: 3px; -webkit-border-radius: 3px; text-align: center; font-size: 12px; font-weight: bold; color: #555; padding: 8px 3px; margin: -10px 0px 0px 0px; -webkit-box-shadow: 1px 1px 0px #FFF; -moz-box-shadow: 1px 1px 0px #FFF; box-shadow: 1px 1px 0px #FFF; } #shopbeta-msg .inner span.gsom-required-msg { font-size: 11px !important; border: 1px solid #C00 !important; background: #FCC !important; padding: 3px !important; width: 284px; position: absolute; margin-top: -64px; font-weight: bold; color: #C00; } .free-flag-box { position: absolute; left: 250px; top: 1px } /* assets */ .round3 { -moz-border-radius: 3px; -webkit-border-radius: 3px } .round5 { -moz-border-radius: 5px; -webkit-border-radius: 5px } .hspace10 { width: 100%; clear: both; height: 10px } .dd { display:inline-block !important;} .dd .ddTitle { overflow: hidden; width: 44px; margin: 1px 0 0;} .dd .ddTitle span.arrow { background:url(images/dd_arrow.gif) no-repeat 0 0; float: right !important; width:16px; height: 16px; cursor: pointer; } .dd .ddTitle span.textTitle { float: left !important; font-size: 0px; margin: 6px 0 3px 0 !important; width: 16px; height: 16px; overflow: hidden;} .dd .ddTitle span.textTitle span.title { display: none !important; visibility: hidden !important; } .dd .ddChild { position:absolute; border: 1px solid #CCC; border-top: none; display:none; margin: 4px 0; width: 120px !important; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; overflow:auto; overflow-x:hidden !important; background-color:#ffffff; } .dd .ddChild .opta a, .dd .ddChild .opta a:visited {} .dd .ddChild a { display:block !important; text-decoration:none; overflow:hidden; cursor:pointer; font-size: 11px; padding: 6px 0px !important; margin: 0px !important; border-top: 1px solid #F8F8F8; } .dd .ddChild a:hover { background:#F2F2F2; } .dd .ddChild a img { border:0; padding: 0 !important; vertical-align: middle !important; margin: 4px 7px 0 !important; } .dd .ddChild a.selected { background:#F8F8F8; } .hidden { display:none;} .pricing { margin-bottom: 10px;} .pricing h2 { font-size: 21px; text-align: left; padding:10px 0; /*padding: 10px 20px 10px 20px;*/} table.basic { width:100%; border-collapse:separate; text-align:left; margin:20px 0; margin-bottom:30px} table.basic th { border-bottom: 1px solid #CCC; padding: 6px 10px; text-shadow: #000 -1px -1px 0px; color: #FFF; background: #333; text-align: left; font-family: 'HelveticaNeue-LightRegular', sans-serif; font-size: 14px; font-weight: bold; background: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(65,65,65)), color-stop(1, rgb(100,100,100))); background: -moz-linear-gradient(center bottom, rgb(65,65,65) 0%, rgb(100,100,100) 100%);} table.basic th.left { width: 160px; border: 1px solid #222; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; } table.basic th.center { border-top: 1px solid #222; border-bottom: 1px solid #222; border-right: 1px solid #222; } table.basic th.right { width: 100px; border: 1px solid #222; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-left: none; } /* table.basic tr:hover {box-shadow: 0 0 10px #999; -moz-box-shadow: 0 0 10px #999; -webkit-box-shadow: 0 0 10px #999;} */ table.basic td { padding: 5px 10px; text-shadow: #FFF 1px 1px 0px; background: #F5F5F5; background: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(230,230,230)), color-stop(1, rgb(245,245,245))); background: -moz-linear-gradient(center bottom, rgb(230,230,230) 0%, rgb(245,245,245) 100%);} table.basic td.left { width: 160px; vertical-align: top; font-family: 'HelveticaNeue-LightRegular', sans-serif; font-size: 16px; border-top: 1px solid #FFF; border-right: 1px dotted #CCC; border-bottom: 1px solid #BBB; border-left: 1px solid #BBB;} table.basic td.center { border-top: 1px solid #FFF; border-right: 1px dotted #CCC; border-bottom: 1px solid #BBB; border-left: none;} table.basic td.right { width: 100px; border-top: 1px solid #FFF; border-right: 1px solid #BBB; border-bottom: 1px solid #BBB; border-left: none; background: #F5F5F5; vertical-align: middle; text-align: center; background: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(244,244,244)), color-stop(1, rgb(250,250,250))); background: -moz-linear-gradient(center bottom, rgb(244,244,244) 0%, rgb(250,250,250) 100%); box-shadow: inset 0 0 10px #FFFFFF; -moz-box-shadow: inset 0 0 10px #FFFFFF; -webkit-box-shadow: inset 0 0 10px #FFFFFF;} table.basic td.bottomleft { width: 160px; vertical-align: top; font-family: 'HelveticaNeue-LightRegular', sans-serif; font-size: 16px; border-top: 1px solid #FFF; border-right: 1px dotted #BBB; border-bottom: 1px solid #BBB; border-left: 1px solid #BBB; border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;} table.basic td.bottomcenter { border-top: 1px solid #FFF; border-right: 1px dotted #BBB; border-bottom: 1px solid #BBB; border-left: none;} table.basic td.bottomright { width: 100px; border-top: 1px solid #FFF; border-right: 1px solid #BBB; border-bottom: 1px solid #BBB; border-left: none; border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;} table.basic td.center ul li, table.basic td.bottomcenter ul li { background: url(images/tick-li.png) no-repeat; background-position: 0 3px; padding: 2px 18px;} table.basic span.currency { font-family: 'HelveticaNeue-LightRegular'; font-size: 14px; color: #333; margin: 0px; padding: 0px; } table.basic span.price { font-family: 'HelveticaNeue-LightRegular'; font-size: 24px; color: #333; margin: 0px; padding: 0px 5px; } /* * Stickybar */ #stickybar { position:fixed; bottom:-1px; height:30px; width: 1000px; cursor: default; left:50%; margin-left:-500px} #stickybar .inner { position: static; display: block; border: 1px solid #CCC; overflow: hidden; background: #f2f2f2; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F8F8F8), to(#FEFEFE)); background: -moz-linear-gradient(0% 100% 90deg,#F8F8F8, #FEFEFE); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FEFEFE', endColorstr='#F8F8F8'); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FEFEFE', endColorstr='#F8F8F8')"; /* IE8 */ border-radius-topright: 5px; -moz-border-radius-topright: 5px; -webkit-border-radius-topright: 5px; border-radius-topleft: 5px; -moz-border-radius-topleft: 5px; -webkit-border-radius-topleft: 5px; box-shadow: #DDD 0px 0px 3px; -moz-box-shadow: #DDD 0px 0px 3px; -webkit-box-shadow: #DDD 0px 0px 3px; text-shadow: #FFF 1px 1px 0px;} #stickybar a.button { display: inline-block; height: 30px; padding: 5px 10px; text-decoration: none; margin: 0px; border-right: 1px solid #CCC; text-shadow: #FFF 1px 1px 0px; color: #333; font-size: 11px; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F8F8F8), to(#FEFEFE)); background: -moz-linear-gradient(0% 100% 90deg,#F8F8F8, #FEFEFE); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FEFEFE', endColorstr='#F8F8F8'); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FEFEFE', endColorstr='#F8F8F8')"; /* IE8 */} #stickybar a.button:hover { color: #000; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E8E8E8), to(#F8F8F8)); background: -moz-linear-gradient(0% 100% 90deg,#E8E8E8, #F8F8F8); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F8F8F8', endColorstr='#E8E8E8'); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F8F8F8', endColorstr='#E8E8E8')"; /* IE8 */ } /* #stickybar a.button img { opacity: .6 ;filter: alpha(opacity=60); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; } #stickybar a.button:hover img { opacity: 1;filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } */ #stickybar a img { border: 0px; margin-top:2px} #stickybar .left { display: inline-block; float: left} #stickybar .right { display: inline-block; float: right; } #stickybar .buttonleft { border-radius-topleft: 4px; -moz-border-radius-topleft: 4px; -webkit-border-radius-topleft: 4px;} #stickybar .buttonright { border-right: 0px !important; border-radius-topright: 4px; -moz-border-radius-topright: 4px; -webkit-border-radius-topright: 4px;} #stickybar .buttonrightside { border-left: 1px solid #CCC !important;} #stickybar ul, #stickybar ul li { list-style: none; margin: 0px; padding: 0px; float: left;} /* IE 6 */ * html #stickybar { visibility: hidden; } /* Submenu */ #stickybar .submenu { display: none; bottom: 30px; position: absolute; border: 1px solid #CCC; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F8F8F8), to(#FEFEFE)); background: -moz-linear-gradient(0% 100% 90deg,#F8F8F8, #FEFEFE); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FEFEFE', endColorstr='#F8F8F8'); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FEFEFE', endColorstr='#F8F8F8')"; /* IE8 */ border-radius-topright: 5px; -moz-border-radius-topright: 5px; -webkit-border-radius-topright: 5px; border-radius-topleft: 5px; -moz-border-radius-topleft: 5px; -webkit-border-radius-topleft: 5px; box-shadow: #DDD -0px -2px 3px; -moz-box-shadow: #DDD -0px -2px 3px; -webkit-box-shadow: #DDD -0px -2px 3px;} #stickybar .subpremium { width: 200px; } #stickybar .submenu a { color: #333; display: block; padding: 6px 5px 6px 5px; text-decoration: none; border-bottom: 1px dotted #CCC; } #stickybar .submenu a.last { border-bottom: none; } #stickybar .submenu a:hover, #stickybar .submenu a.last:hover { color: #000; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E8E8E8), to(#F8F8F8)); background: -moz-linear-gradient(0% 100% 90deg,#E8E8E8, #F8F8F8); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F8F8F8', endColorstr='#E8E8E8'); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F8F8F8', endColorstr='#E8E8E8')"; /* IE8 */}