/*---------------------------------------------
  Products styles
---------------------------------------------*/

#list h4, .list h4 {border-top:1px #999 dotted;padding-top:0.8em;}
/*#page {padding:64px 0;}*/

/* Portal Design */

body#design { background: #fff url(/bitmaps/products/browser/overview/1210/operacom_browser_bg6.jpg) 0px -455px repeat-x; }
body#design #page .container-design { padding:40px 0; color:#1a1a1a; font-size:1.32em; }
body#design #page .container-design h1 { color: #1a1a1a; font-size: 3em; font-weight:bold; letter-spacing:-2px; margin:0 0 0.2em 0;}
body#design #page h2 { color: #1a1a1a; font-size: 2.5em; font-weight:300; letter-spacing:-1px; padding:0 0 0.3em 0; border-bottom:1px solid #ccc; margin:0 0 0.6em 0; }
body#design #page .section { margin:0 0 4em 0; }

body#design .container-design ul { margin:30px 0 0 0; padding:0; list-style:none; width: 100%; font-size: 0.63em; }
body#design .container-design li { margin:0 2px 0 0; padding:0; list-style:none; display:inline; }
body#design .container-design li a { display:inline-block; padding: 8px 10px; text-align: center; background: #eee; border-radius: 6px; color:#aaa; text-decoration:none; text-transform:uppercase; }
body#design .container-design li a:hover { background: #cc0f16; color: #fff; }

.anchor a{color:#000;text-decoration:none;}
#design .clear {margin:10px 0 10px 0;padding:10px 0 10px 0;}
body#design #page img a {border:1px solid #ccc;}
#design img.noborder {border:none!important;}
#design .login { margin:0 0 200px 0; color:#1a1a1a; text-align: left; }
#design .login h1 { color: #1a1a1a; font-size: 3em; font-weight:bold; letter-spacing:-2px; margin:0 0 0.2em 0; }
#design .login input[type=text],
#design .login input[type=password] { border: 2px solid #ddd; font-size:2em; padding:6px; display:block; }
#design .login input:focus { border: 2px solid #1a1a1a; }
#design .login input[type=submit] { background:#1096d5; color:#fff; border:0; font-size:1.3em; padding:12px 80px 12px 16px; box-shadow: 2px 2px 0px rgba(0,0,0,0.1); margin:30px 0 0 0; }
#design .login input[type=submit]:hover { box-shadow: 2px 2px 0px rgba(0,0,0,0.3); }
#design .login label { text-transform:uppercase; color:#1a1a1a; margin:0.6em 0; display:block; }
body#design textarea { width:280px; padding: 8px; height: 50px; margin:0 0 40px 0; }

body#design .opera-logo-main-corporate {
  background: url(/media/portal/design01/opera-logos.png) 0px 0px no-repeat;
  display: inline-block;
  width: 220px;
  height: 200px;
  border:1px solid #ccc;
  margin:0 0 12px 0;
}

body#design .opera-logo-main-product {
  background: url(/media/portal/design01/opera-logos.png) -222px 0px no-repeat;
  display: inline-block;
  width: 220px;
  height: 200px;
  border:1px solid #ccc;
  margin:0 0 12px 0;
}

body#design .opera-logo-mini-horiz {
  background: url(/media/portal/design01/opera-logos.png) 0px -202px no-repeat;
  display: inline-block;
  width: 220px;
  height: 200px;
  border:1px solid #ccc;
  margin:0 0 12px 0;
}

body#design .opera-logo-mini-vert {
  background: url(/media/portal/design01/opera-logos.png) -222px -202px no-repeat;
  display: inline-block;
  width: 220px;
  height: 200px;
  border:1px solid #ccc;
  margin:0 0 12px 0;
}

body#design .opera-logo-mobile-horiz {
  background: url(/media/portal/design01/opera-logos.png) -444px 0px no-repeat;
  display: inline-block;
  width: 220px;
  height: 200px;
  border:1px solid #ccc;
  margin:0 0 12px 0;
}

body#design .opera-logo-mobile-icon {
  background: url(/media/portal/design01/opera-logos.png) -444px -202px no-repeat;
  display: inline-block;
  width: 220px;
  height: 200px;
  border:1px solid #ccc;
  margin:0 0 12px 0;
}

body#design .opera-logo-mobile-vert {
  background: url(/media/portal/design01/opera-logos.png) 0px -404px no-repeat;
  display: inline-block;
  width: 220px;
  height: 200px;
  border:1px solid #ccc;
  margin:0 0 12px 0;
}

/* New Features - jQuery Tabs */

#newFeatures {clear:both;margin-bottom:24px;background:url(/bitmaps/products/browser/bg_new_features.jpg) no-repeat;height:300px;}
#newFeatures h2 {float:left;margin:13px 20px 0 14px;color:#fff;}
#newFeatures ul {margin-top:19px;}
#newFeatures #tabPanelWrapper h3 {color:#b30000;font-size:4em;margin-top:15px;}
#newFeatures #tabPanelWrapper p {width:420px;}
#newFeatures #tabPanelWrapper a {color:#b30000;font-weight:bold;}

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen {/* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
.ui-tabs-hide {display: none;}
}

/* Hide useless elements in print layouts... */
@media print {
.ui-tabs-nav {display: none;}
}

/* Skin */

.ui-tabs-nav {list-style:none;margin:0;padding:0;}

.ui-tabs-nav:after {/* clearing without presentational markup, IE gets extra treatment */
display: block;
clear: both;
content: " ";
}
.ui-tabs-nav li {
float: left;
margin: 0 1px 0 0;
min-width: 84px;/* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
display: block;
padding: 0 10px;
}
.ui-tabs-nav a {
margin: 1px 0 0;/* position: relative makes opacity fail for disabled tab in IE */
padding-left: 0;
color: #fff;
font-weight: bold;
line-height: 1.2;
text-align: center;
text-decoration: none;
white-space: nowrap;/* required in IE 6 */
outline: 0;/* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
position: relative;
top: 1px;
z-index: 2;
margin-top: 0;
color: #fff;
text-decoration: underline;
}
.ui-tabs-nav a span {
width: 64px;/* IE 6 treats width as min-width */
min-width: 64px;
height: 18px;/* IE 6 treats height as min-height */
min-height: 18px;
padding-top: 6px;
padding-right: 0;
}
*>.ui-tabs-nav a span {/* hide from IE 6 */
width: auto;
height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
padding-bottom: 1px;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active {/* @ Opera, we need to be explicit again here now... */
cursor: pointer;
}
.ui-tabs-disabled {
opacity: .4;
}
#tabPanelWrapper{}
.ui-tabs-panel {
padding: 1em;
background: transparent;/* declare background color for container to avoid distorted fonts in IE while fading */
height:200px;
}
.ui-tabs-loading em {
padding: 0 0 0 20px;
background: url("/bitmaps/products/loading.gif") no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav {/* auto clear, @ IE 6 & IE 7 Quirks Mode */
display: inline-block;
}
*:first-child+html .ui-tabs-nav  {/* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
display: inline-block;
}

/* Opera 10 product page branding */
/*#opera10branding {height:350px;background:url("/bitmaps/products/browser/0909opera10.jpg") 0 0 no-repeat;color:#fff}*/
/*#opera10branding .callout {width:38%;bottom:25px;right:20px;}*/
/*#opera10branding h2 {color:#fff;font-size:4em;letter-spacing:-1px;margin-bottom:0;}*/
/*#opera10branding ul {list-style-image:none;font-size:1.2em;}*/

/* @group desktop product page */
html#browser-hd {background:url(/bitmaps/products/browser/overview/1110/operacom_browser_bg0.png) top left repeat-x !important;}
body#browser {background:url(/bitmaps/products/browser/overview/1210/operacom_browser_bg6.jpg) top center no-repeat;}
body#browser div#header + div {border-top:0;}
body#browser #header h2,
body#browser #header a { color:#fff; text-shadow:1px 1px 1px #333; }
body#browser .branding {height:350px;margin:0 0 30px 0;overflow:hidden; }
body#browser .branding .watchvideo {display:none;}
body#browser #callout {color:#ccc;font-size:1.1em;padding:80px 500px 0 30px;line-height:1.35em;}
body#browser #callout h1 {color:#fff;clear:both;font-size:4em;font-weight:bold;margin:0 0 15px;letter-spacing:-2px;text-shadow:rgba(0,0,0,.5) 0 1px 4px}
body#browser #callout h1 strong {display:block; margin:-10px 0 0 0;}
body#browser #callout a.more {background:url(/bitmaps/common/ico-more-white.png) 100% 100% no-repeat;color:#fff;font-weight:bold;}

#browser .section h2 {font-weight:bold;}

#browser #key-features {clear:both;color:#333;font-size:1em;line-height:1.3em;margin-bottom:1.5em;overflow:hidden;padding:2em 25px 1.5em 30px;position:relative;}
#browser #key-features .third {width:275px;}
#browser #key-features .fourth {width:201px;}
#browser #key-features h3 {font-weight:bold;}
#browser #key-features .video {color:#333;display:block;font-weight:bold;text-align:center;text-decoration:none;}
#browser #key-features .video img {display:block;margin:0 auto 10px;}
#browser #key-features .more {
	background:#b3b3b3 url(/bitmaps/common/more-button.gif) no-repeat 100% 50%;
	border-radius:5px;
	padding:2px 18px 2px 8px;
	color:#fff;
	display:inline-block;
	text-decoration:none;
	font-weight:bold;
	-o-transition-property:background-color;
	-o-transition-duration:300ms;
	-webkit-transition-property:background-color;
	-webkit-transition-duration:300ms;
	-moz-transition-property:background-color;
	-moz-transition-duration:300ms;
	 }
#browser #key-features .more:hover {
	background:#cdcdcd url(/bitmaps/common/more-button.gif) no-repeat 100% 50%;
	color:#fff;
	text-decoration:none;
	}

.scrollable, .poster {height:300px;overflow:hidden;position:relative;}
.scrollable div.items {width:8000em;height:300px;position:absolute;z-index:100;}
.scrollable div.items div {width:936px;height:300px;float:left;}
.scrollable div.items div div {width:500px;height:160px;margin:68px 0 0 60px;}

.feature-img {background:#aaa;text-align:center;vertical-align:middle;padding:10px;}
.feature-img img {border:1px solid #fff;margin:0;padding:0;display:block;}
.feature-desc {background:#666;color:#fff;padding:6px 0 0 43px;font-size:11px;text-align:left;margin:1px 0 10px 0;height:20px;}
.feature-desc a {color:#fff;text-decoration:none;}
.feature-nr {background:#333;color:#fff;padding:4px 0 0 0;margin:1px 4px 0 0 !important;width:35px;height:21px;text-align:center;float:left;border-right:1px solid #fff;}
.feature-box {padding:15px 0 30px 0;}

span.feature-nr {background:#cc0f16;position:relative;top:3px;}
.beta-promo { width:600px; margin:0 auto; padding:7px 0 0 0; }
.beta-promo span { font-weight:bold; }

#uniquefeatures .span-5 p {margin-bottom:1.5em;}
#uniquefeatures h4 {margin-bottom:.3em;}

/* browser */
body#browser #header .subnav li.on a {color:#fff !important;}

/* features page */

body#browser-features {background:transparent url(/bitmaps/products/browser/features/1110/operacom_browser_features_bg0.jpg) top center no-repeat;}
body#browser-features #page .clear,
	.features #page .separator .clear {margin-bottom:2em;}
body#browser-features #page .separator h2,
	.features #page .separator h2 {color:#cc0f16;padding-bottom:0;}
	.features #page .separator h2 {font-size:2.5em;font-weight:bold;}
body#browser-features #page .separator h2 {font-weight:bold;margin:0 0 .6em;}
body#browser-features #page > div.section.separator { border:none; }

body#browser-features #header h2,
body#browser-features #header a { color:#fff; text-shadow:1px 1px 1px #333; }

body#browser-features #top-features { margin:-13px 0 30px 0; }
body#browser-features #top-features .third img {float:left;margin:0 1em 2em 0;}

#browser-features .promoted {background:url(/bitmaps/common/bg/r1/bg-dotted-v1.png);border:#fff solid 1px;border-radius:4px;-webkit-box-shadow:#f0eae2 0 0 7px;-moz-box-shadow:#f0eae2 0 0 7px;box-shadow:#f0eae2 0 0 7px;clear:both;padding:0 1em 0 3em;margin:2em 0;overflow:hidden;}
#browser-features .promoted div {padding:1em 450px 2.5em 0;}
#browser-features .promoted div * {text-shadow:#fff 0 1px 2px;}
#browser-features .group {clear:both;overflow:hidden;padding-top:1.5em;}
#browser-features .section .heading {min-height:180px;background:100% 50% no-repeat;border:2px solid #ccc;border-width:3px 0 3px 0;color:#666;font-size:1.2em;padding:2em 300px 2em 2em;margin:2em 0;}
#browser-features .section .heading h2 {font-weight:bold;}

#browser-features .branding {background:url(/bitmaps/products/browser/features/1060/bg-branding.jpg) 0 0 no-repeat;padding-top:100px;height:250px;min-height:250px;}
#browser-features .branding h1 {color:#fff;font-size:4em;font-weight:bold;letter-spacing:-1px;margin:0 0 0 50px;text-shadow:rgba(0,0,0,0.4) 1px 1px 3px;}
#browser-features .branding ul {margin:0;padding:50px 0 0 40px;}
#browser-features .branding li {float:left;width:120px;list-style:none;margin-right:24px;padding:0;text-align:center;}
#browser-features .branding li img {display:block;margin:5px auto;opacity:.6;}
#browser-features .branding li:hover img {opacity:1;}
#browser-features .branding li a {color:#fff;font-weight:bold;text-decoration:none;}
#browser-features .branding li:hover a {text-decoration:underline;}

#browser-features h3 {font-weight:bold;margin:.5em 0 .5em;font-size:1.2em;line-height:1.2em;}
#browser-features h2 a {color:inherit;text-decoration:none;}

#browser-features #faster_surfing {margin-top:-28px;}
#browser-features #faster_surfing .heading {background-image:url(/bitmaps/products/browser/features/1060/bg-faster_surfing.png);}
#browser-features #easier_navigation .heading {background-image:url(/bitmaps/products/browser/features/1060/bg-easier_navigation.png);}
#browser-features #powerful_features .heading {background-image:url(/bitmaps/products/browser/features/1060/bg-powerful_features.png);}
#browser-features #customization .heading {background-image:url(/bitmaps/products/browser/features/1060/bg-customization.png);}
#browser-features #security .heading {background-image:url(/bitmaps/products/browser/features/1060/bg-security.png);}
#browser-features #developers .heading {background-image:url(/bitmaps/products/browser/features/1060/bg-developers.png);}

.promoted#search_suggestions {background-image:url(/bitmaps/products/browser/features/1060/feature-suggestions.png);}
.promoted#speed_dial {background-image:url(/bitmaps/products/browser/features/1060/feature-speeddial.png);}
.promoted#fun_widgets {background-image:url(/bitmaps/products/browser/features/1060/feature-widgets.jpg);}
.promoted#private_browsing {background-image:url(/bitmaps/products/browser/features/1060/feature-privatebrowsing.png);}

/* opera ui map */

#uimap {width:100%;height:380px;background:none;margin:0;position:relative;float:left;}
#uimap ul {list-style:none;margin:0;padding:0;}
#uimap ul li {
	height:380px;
	background:transparent 0 0 no-repeat;
	display:none;
	opacity:0;
	overflow:hidden;
	position:relative;
	transition-property:background-image, opacity;
	transition-duration:300ms;
	-o-transition-property:background-image, opacity;
	-o-transition-duration:300ms;
	-webkit-transition-property:background-image, opacity;
	-webkit-transition-duration:300ms;
	}
#uimap ul li div {
	width:450px;
	background:#fff;
	border:1px solid #111;
	border-left-color:#fff;
	box-shadow:#333 1px 0 5px;
	-webkit-box-shadow:#333 1px 0 5px;
	color:#333;
	position:absolute;
	bottom:50px;
	left:-450px;
	text-align:left;
	padding:10px 20px 15px;
	-o-transition-property:left;
	-o-transition-duration:500ms;
	-webkit-transition-property:left;
	-webkit-transition-duration:500ms;
	}
#uimap ul li div h3 {color:#cc0f16;}
.uimap-info {padding:0 0 3px 26px;background:url(/bitmaps/portal/startup/uimap-info.png) no-repeat 0 0;}
.slider div h3 {font-family: arial, helvetica, sans-serif;}
#mapwrapper { position:relative; overflow:hidden; box-shadow:0px 0px 10px #333; -moz-box-shadow:0px 0px 10px #333; -webkit-box-shadow:0px 0px 10px #333; background:#111;}
#uimap-nav {width:230px;height:340px;background:#333;background:rgba(50,50,50,.9);border-left:#fff 1px solid;color:#ccc;padding:20px 15px;position:absolute;top:0;right:0;text-align:left;}
#uimap-nav h3 {color:#fff;font-size:1.5em !important;}
#uimap-nav ul {list-style:none;padding:0;margin:15px 0 0 -15px;}
#uimap-nav li {background:#111;background:rgba(0,0,0,.5);border-bottom:1px solid #333;padding:4px 0 4px 15px;}
#uimap-nav li .new {background:url(/bitmaps/common/badge-new.png) 100% 50% no-repeat;font-weight:bold;padding-right:37px;}
#uimap-nav li span {
	color:#fff;
	cursor:pointer;
	text-decoration:none;
	transition-property:color;
	transition-duration:300ms;
	-o-transition-property:color;
	-o-transition-duration:300ms;
	-webkit-transition-property:color;
	-webkit-transition-duration:300ms;
	}
#uimap-nav li.active {background:#fff;}
#uimap-nav li.active span {color:#cc0f16;}

li.tab_item ul {margin-bottom:0.8em;}

#uimap #ui-extensions		{background-image:url(/bitmaps/products/browser/uimap/v2/scr-extensions.jpg);}
#uimap #ui-gestures			{background-image:url(/bitmaps/products/browser/uimap/v2/scr-mousegestures.jpg);}
#uimap #ui-operalink		{background-image:url(/bitmaps/products/browser/uimap/v2/scr-operalink.jpg);}
#uimap #ui-operaturbo		{background-image:url(/bitmaps/products/browser/uimap/v3/scr-operaturbo.jpg);}
#uimap #ui-pwdmanager		{background-image:url(/bitmaps/products/browser/uimap/v2/scr-pwdmanager.jpg);}
#uimap #ui-speeddial		{background-image:url(/bitmaps/products/browser/uimap/v2/scr-speeddial.jpg);}
#uimap #ui-tabstacking	{background-image:url(/bitmaps/products/browser/uimap/v3/scr-tabstacking.jpg);}
#uimap #ui-zoom					{background-image:url(/bitmaps/products/browser/uimap/v3/scr-zoom.jpg);}

#uimap.ui-extensions #ui-extensions,
#uimap.ui-gestures #ui-gestures,
#uimap.ui-operalink #ui-operalink,
#uimap.ui-operaturbo #ui-operaturbo,
#uimap.ui-pwdmanager #ui-pwdmanager,
#uimap.ui-speeddial #ui-speeddial,
#uimap.ui-tabstacking #ui-tabstacking,
#uimap.ui-zoom #ui-zoom {display:block;opacity:1;}

#uimap.ui-extensions #ui-extensions div,
#uimap.ui-gestures #ui-gestures div,
#uimap.ui-operalink #ui-operalink div,
#uimap.ui-operaturbo #ui-operaturbo div,
#uimap.ui-speeddial #ui-speeddial div,
#uimap.ui-tabstacking #ui-tabstacking div,
#uimap.ui-zoom #ui-zoom div {left:0;}

/* browser/turbo */

html#turbo { background:#fff url(/bitmaps/products/browser/turbo/1110/header-turbo-bg.jpg) top left repeat-x; }
#turbo #turbo-bd { background: transparent url(/bitmaps/products/browser/turbo/1110/header-turbo-overlay.jpg) top center no-repeat; }
#turbo #turbo-bd #header h2 { display:none; }
#turbo #turbo-bd #page > div.section.separator { border:none; }
#turbo #turbo-bd #header a { color:#fff; text-shadow:1px 1px 1px #333; }
#turbo #turbo-bd .branding { height:360px; margin:-5px 0px 15px 0px; }
#turbo #turbo-bd .branding #callout { padding:40px 40px; color:#fff; }
#turbo #turbo-bd .branding h1 { font-size:55px; font-weight:700; letter-spacing:-2px; text-shadow:3px 3px 0px #111; color:#fff; }
#turbo #turbo-bd .branding p { font-size:16px; font-weight:300; letter-spacing:-1px; text-shadow:1px 1px 0px #111; width:400px; }
#turbo #turbo-bd .branding p.avail { font-size:12px; font-weight:300; letter-spacing:normal; text-shadow:1px 1px 0px #111; width:400px; }
#turbo #turbo-bd .branding p.avail a { color: #fff; }
#turbo #turbo-bd .branding p.avail strong { margin:0 8px 0 0; }
#turbo #turbo-bd .content { padding:60px 0 0 0; }
#turbo #turbo-bd .content h3 { font-weight:700; }
#turbo #turbo-bd .content p { font-size:14px; }
#turbo #turbo-bd .content .section.video { background: transparent url(/bitmaps/products/browser/turbo/1110/video-bg.png) 0 40px no-repeat; height:540px; margin:0; }
#turbo #turbo-bd .content .section.video .turbo-squeeze { padding:25px; margin:0 0 80px 0; }
#turbo #turbo-bd .content .section.video .turbo-privacy { padding:25px; }
#turbo #turbo-bd .content .section.compare { background: transparent url(/bitmaps/products/browser/turbo/1110/squeeze-bg-2.png) 480px 40px no-repeat; padding:60px 0; }

/* @end */

/* browser/developer page */

#developer #page .clear {margin-bottom:2em;}
#developer #page .separator h2 {padding-bottom:0;color:#cc0f16;}
#developer #best_browser h2 {color:#cc0f16;font-weight:bold;}
#developer .branding {background:url(/bitmaps/products/browser/overview/1060/bg-branding.jpg) 0 0 no-repeat;padding-top:100px;height:250px;min-height:250px;}
#developer .branding h1 {color:#fff;font-size:4em;font-weight:bold;letter-spacing:-1px;margin:0 0 4px 50px;text-shadow:rgba(0,0,0,0.4) 1px 1px 3px;}
#developer .branding p {color:#fff;font-size:1.5em;font-weight:normal;letter-spacing:-1px;margin:0 0 20px 50px;text-shadow:rgba(0,0,0,0.4) 1px 1px 3px;}
#developer .section.promoteLeft .heading {color:#666;font-size:1.2em;padding:2em 300px 3em 40px;margin:0;}
#developer .section.promoteRight .heading {color:#666;font-size:1.2em;padding:2em 0 3em 250px;margin:0;}
#developer #top-features .third img {float: left;margin-right:20px;}
#developer #top-features .section {margin-bottom:1.5em;margin-top: 2em;}
#developer #dev_resources .third img {float:left;margin-right:2px;padding:0 0 30px 0;}
#developer #dev_resources .section {margin-bottom:1.5em;margin-top: 2em;}
#developer #devView {margin:0 0 10px 0;}

#developer #best_browser .heading {background:url(/bitmaps/products/browser/features/developer-icons.png) 660px -510px no-repeat;}
#developer #latest_standards .heading {background:url(/bitmaps/products/browser/features/developer-icons.png) 0px -265px no-repeat;}
#developer #dragonfly .heading {background:url(/bitmaps/products/browser/features/developer-icons.png) 660px -22px no-repeat;}
#developer #geolocation .heading {background:url(/bitmaps/products/browser/features/developer-icons.png) 0px -800px no-repeat;}
#developer #new-features ul {margin-bottom:40px;}

body#features .separator {margin: 0 0 16px 0;}
body#features #developers .span-10 {background:url(/bitmaps/developer/ico-dragonfly.png) -10px 0 no-repeat;padding:0 0 0 90px;width:39%;}
body#features #developers .span-10.last {background:url(/bitmaps/developer/ico-dev.png) -10px 0 no-repeat;}
body#features #personalise img {margin-top:10px;}
body#features #Tabs p {padding-right:20px;}
body#features #sessions {background:url(/bitmaps/products/browser/features/opera11/unite-direct-access.png) 100% 50% no-repeat;}

.newbeta span {
  padding: 2px 34px 2px 0;
  background: url('/bitmaps/products/mobile/icon/beta.png') no-repeat 100% 0;
}
#browserdownload #page {padding:20px 0;}
ul.downloads {margin:auto 0 1.5em;}
.downloads li {
  list-style: none inside;
  margin: 0;}
.downloads li a {
  padding: 2px 0 2px 20px;
  background: url('/bitmaps/products/mobile/icon/arrow-dl.png') no-repeat 0 2px;
}
.downloads li a:hover {background-position: 0 3px;}

/* /browser/new/ */

#new-hd { background:#fff url(/bitmaps/products/mobile/campaign/bg-tile.gif) repeat-x 0 0; }
/*#new-bd { background:none; }*/
#new-bd { background:transparent url(/bitmaps/products/browser/new/1210/background-v1210.jpg) no-repeat 50% 0; }
#new-bd #header ul li a { color: #fff; text-shadow:1px 1px 3px rgba(0,0,0,0.3); }
#new-bd #header ul li.on a { color:#fff; text-shadow:none; }
#new-bd #header h2 { display:none; }
#new-bd div#header + div {border-top:0;}
#new-bd .branding { text-align:left; text-shadow:1px 1px 0px rgba(0,0,0,0.3); height:410px; }
#new-bd .branding div.callout { margin:20px auto 0 auto; width:350px;}
#new-bd .branding h1 { color:#fff;font-size:3.8em;font-weight:bold;margin:0 0 15px;letter-spacing:-2px;text-shadow:rgba(0,0,0,.5) 0 1px 4px; }
#new-bd .branding span { display:block; }
#new-bd .branding p { font-size:18px; letter-spacing:normal; color:#fff; margin-bottom:30px; }
#new-bd h3 { font-weight: 700; }

/* /dragonfly/ */
.branding-dev, .branding-dev a {}
body.dragonfly-bd #page { margin-bottom:30px; }
body.dragonfly-bd #page .subnav a {color:#1a1a1a;opacity:0.8;}
body.dragonfly-bd div.branding-dev { font-size:110%; margin:0 0 0 0; }
body.dragonfly-bd div.branding-dev p { font-size:160%; text-align: center; }
body.dragonfly-bd div.branding-dev a.more {background-image:url('/bitmaps/common/more-white.png');}
body.dragonfly-bd .pagetitle { display:none; }
body.dragonfly-bd iframe { margin-bottom:20px; }
body.dragonfly-bd #page div.branding-dev h1 {background:transparent url(/bitmaps/products/dragonfly/dragonfly-logo.png) no-repeat top center; font-weight:600;font-size:400%; padding-top:140px; margin: 0 0 15px -3px;text-align:center;letter-spacing:-1px;color:#1a1a1a;}
body.dragonfly-bd #page h4 { font-size:160%; }
body.dragonfly-bd .drop { margin-bottom:30px; }
body.dragonfly-bd div#header + div.separator {border-top:0;}
body.dragonfly-bd .video { width:150px; margin:0 auto; text-align:center; }
body.dragonfly-bd .video a { color: #111; text-decoration:none; font-weight:700; }
body#df-new .third img {border:1px #ccc solid;}

.readmore a {color:#fff;font-weight:bold;}
.question {font-weight:bold;margin-bottom:0px;}
#df-campaign {background:url(/bitmaps/products/dragonfly/campaign/1011operadragonfly.png);width:936px;height:350px;margin:0 0 20px 0;}
#df-campaign h2 {padding:160px 0 0 60px;margin:0 0 5px 0;font-weight:bold;color:#000!important;font-size:3.5em;letter-spacing:-2px;}
#df-campaign h3 {padding:0 0 0 64px;color:#000!important;font-weight:normal!important;font-size:1.8em;letter-spacing:-1px;}


/* /mobile/ */
body#mobile {background:url(/bitmaps/products/mobile/campaign/1209-mini/overview2.jpg) 52% -22px no-repeat;}
#mobile #header h2 {color:#fff;}
#mobile #header .subnav li a, .feature-list li, .feature-list li a {color:#fff;}
#mobile #header .subnav li.on {color: rgb(204, 0, 0);font-weight: 700;}
#mobile div#header + div {border-top:0;}
#mobile h3 {font-weight:bold;}
#mobile .branding {height:370px;color:#333;margin-bottom:0;}
#mobile .callout {width:380px;bottom:40px;left:0;padding:0;}
#mobile .callout h2 {color:#fff;font-size:4.1em;font-weight:bold;letter-spacing:-1px;line-height:.9em;text-align:left;text-transform:uppercase;text-shadow:#000 0 1px 2px;margin:0 0 20px 0;}
#mobile .callout .download-mobile {float:left;}
#mobile #topfeatures {overflow:hidden;padding-top:25px;}
#mobile #topfeatures li {min-height:135px;width:228px;float:left;list-style:none;margin:0 20px 0 0;padding:0;}
#mobile #topfeatures p {margin-bottom:0;}
#mobile #topfeatures img.right {float:right;margin:0;}
#mobile #topfeatures .more {
	background:#b3b3b3 url(/bitmaps/common/more-button.gif) no-repeat 100% 50%;
	border-radius:5px;
	padding:2px 18px 2px 8px;
	color:#fff;
	display:inline-block;
	text-decoration:none;
	font-weight:bold;
	-o-transition-property:background-color;
	-o-transition-duration:300ms;
	-webkit-transition-property:background-color;
	-webkit-transition-duration:300ms;
	-moz-transition-property:background-color;
	-moz-transition-duration:300ms;
	 }
#mobile #topfeatures .more:hover {
	background:#cdcdcd url(/bitmaps/common/more-button.gif) no-repeat 100% 50%;
	color:#fff;
	text-decoration:none;
	}
#mobile #watchvideo {width:150px;padding:2px 40px 0 0;float:left;}
#mobile #watchvideo img {margin-bottom:10px;}
#mobile #watchvideo a {color:#333;font-weight:bold;text-decoration:none;}
#mobile #watchvideo a:hover {color:#111;}

#watchvideo img {margin-bottom:0;}
#watchvideo span {display:block;text-align:center;}


/* mobile features page */
#mobile.features {background:#fff url("/bitmaps/products/mobile/features/v1/bg-switcher.jpg") 50% 0 repeat-x;}
#mobile.features #header {height:42px;overflow:hidden;}
#mobile.features .branding {height:325px;background:none;;margin:0 0 30px;overflow:hidden;padding-top:1px;}
#mobile.features .branding h1 {max-width:456px;height:300px;border:none;color:#333;font-size:1.3em;margin:0 auto;text-align:center;}
#mobile.features .branding h1#forphones {background:url(/bitmaps/products/mobile/features/v2/img-phones.jpg) 50% 0 no-repeat;}
#mobile.features .branding h1#fortablets {background:url(/bitmaps/products/mobile/features/v2/img-tablets.jpg) 50% 0 no-repeat;}
#mobile.features .branding h1 a {color:#666;display:block;font-size:12px;font-weight:bold;padding:260px 0 5px;text-decoration:none;}
#mobile.features .branding h1 a:hover {color:#999}
#mobile.features .branding h1 a span {background:#666;background:rgba(0,0,0,.3);border-radius:6px;box-shadow:inset 0 2px 1px rgba(0,0,0,.75);-webkit-box-shadow:inset 0 2px 1px rgba(0,0,0,.75);padding:5px 25px;}
#mobile.features .branding h1 a:hover span {background:#777;background:rgba(0,0,0,.2);box-shadow:inset 0 1px 1px rgba(0,0,0,.5);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.5);padding:5px 25px 6px;}
#mobile.features .branding .half {height:315px;}
#mobile.features .branding .on h1#forphones {background-image:url(/bitmaps/products/mobile/features/v2/img-phones2.jpg)}
#mobile.features .branding .on h1#fortablets {background-image:url(/bitmaps/products/mobile/features/v2/img-tablets1.jpg)}
#mobile.features .branding .on h1 a {color:#ccc;}
#mobile.features .branding .on {background:url(/bitmaps/products/mobile/features/v1/bg-arrow.png) 50% 100% no-repeat;}


/* /mobile/new/ */
#bg-mobile-new {background: url(/bitmaps/products/mobile/campaign/1209-mini/new.jpg) no-repeat 50% 0; }
#bg-mobile-new .pagetitle {display:none;}
#bg-mobile-new .branding {height:400px;margin: 0 40px 0 0;width:400px;}
#bg-mobile-new h1 {font-size:4.2em;font-weight:bold;margin:0 0 20px;letter-spacing:-1px;line-height:1;text-decoration:none;color:#fff;}
#bg-mobile-new h1 span {display:block;font-weight: normal;font-size:0.43em;line-height:1.1;letter-spacing:0; margin-top:5px;}
#bg-mobile-new .subnav a, #mobile .subnav a, #mobile .pagetitle {color:#fff;text-shadow:0 1px 2px #000;}
#bg-mobile-new .subnav li.on a {color:#c00;}
#bg-mobile-new #page > div:nth-of-type(3) {border-color: transparent;}
#bg-mobile-new .video {margin:25px 0 50px 0;}
#bg-mobile-new .video a { background:#231f20 url('/bitmaps/home/campaign/1105-mini6ios/ico-playvideo.png') 5px 4px no-repeat;border:1px solid #999;border-radius:5px;color:#fff;font-size:14px;font-weight:bold;line-height:26px;overflow:hidden;padding:8px 10px 8px 33px;white-space:nowrap;text-decoration:none;}
#screens {background-color:#fff; padding:1px 1px 1px;}
#screens a {display:block;float:left;margin:5px 3px 10px;border:2px #fff solid;height: 62px;box-shadow: rgba(0,0,0,0.5) 0 0 2px;-o-transition: border-color 0.25s ease-in;-moz-transition: border-color 0.25s ease-in;-ms-transition: border-color 0.25s ease-in;-webkit-transition: border-color 0.25s ease-in;transition: border-color 0.25s ease-in; opacity:0.5;}
#screens a:nth-of-type(1) {margin-left:9px;}
#screens a.current {border-color:#c00; opacity:1;}
#screens img {margin:0 0 10px 0;}

/* /mobile/next/ */
#mobile-next { background:#fff url('/bitmaps/products/mobile/campaign/1202-mobile12/next.jpg') no-repeat 48% 126px; }
#mobile-next #page > div:nth-of-type(3) {border-color: transparent;}
#mobile-next #page .branding { height: 280px; margin: 0 0 40px 51.5%; }
#mobile-next #page .branding h1 {margin:10px 0 0 -2px;}
#mobile-next #page .branding h1 span {display:block;font-size:38px;letter-spacing: -1px;}
#mobile-next #page div.pagetitle { display: none; }
#mobile-next div.third img.left { margin:4px 16px 16px 0; }
#mobile-next div.third > a + * {margin-top:0;}
/* /mobile/specs */
#mobile-specs h2 {color:#cc0f16;font-weight:bold;}
#mobile-specs dl dd {margin:0 0 1.5em;}
#mobile-specs dd li {margin:0 0 .5em;}

#specs thead td {font-weight:bold;color:#111;text-align:center;}
#specs tfoot {font-style:normal;}
#specs td {border:1px solid #fff;width:40%;}
#specs td + td {width:20%;}
#specs td.support-full,
#specs td.support-partial {background:#ecfee4;}
#specs tr:nth-child(even) {background-color:#f7f7f7;}
#specs tr:nth-child(even) td.support-full,
#specs tr:nth-child(even) td.support-partial {background:#e8fae1;}

#specs td.support-full,
#specs td.support-partial,
#specs td.support-no {font-size:11px;text-align:center;}

#specs th {background-color:#d9e4e9;border-color:#fff;color:#333;font-weight:bold;margin:1px 0;}
#specs .c1 {width:40%;text-align:left;font-weight:bold;}
#specs .label {display:block;font-size:11px;text-align:center;}

#specs #platforms td {text-align:center;}

/* /mobile/download/ */
#download-mobile fieldset {padding-bottom:20px;}
#download-mobile #quickinstall {width:321px;height:230px;background:url(/bitmaps/products/mobile/download/bg-campaign.jpg) 0 0 no-repeat;font-size:14px;line-height:18px;padding:90px 25px 0 350px;text-align:right;}
#download-mobile #quickinstall h2 {font-size:40px;font-weight:bold;letter-spacing:-1px;margin-bottom:8px;text-shadow:#fff 0 1px 1px;}
#download-mobile #appstores {width:174px;height:33px;background:#999 url(/bitmaps/common/mobile/bg-downloads-storeshadow.png) 0 0 no-repeat;overflow:hidden;padding:2px;}
#download-mobile #appstores li {float:left;}
#download-mobile #appstores li a {
	width:87px;
	height:33px;
	background:url(/bitmaps/common/mobile/bg-download-stores.png) 0 0 no-repeat;
	display:block;
	transition-property:background-position;
	transition-duration:250ms;
	-webkit-transition-property:background-position;
	-webkit-transition-duration:250ms;
	-moz-transition-property:background-position;
	-moz-transition-duration:250ms;
	}
#download-mobile #appstores li a:hover {background-position:0 100%;}
#download-mobile #appstores li a#android {background-position:100% 0;}
#download-mobile #appstores li a#android:hover {background-position:100% 100%;}
#download-mobile #dl {min-height: 220px;}

.mobile-dlbox {border:1px solid #ccc;padding:20px 20px 5px;min-height: 291px;}
.mobile-dlbox-inner a[rel="nofollow"] {color:#cc0f16;}
.mobile-dlbox a#readmore {width:115px;height:31px;background:url('/bitmaps/products/mobile/download/bt-readmore.png') 0 0 no-repeat;border:none;color:#f2f2f2;display:block;font-size:14px;line-height:30px;margin-top:40px;text-align:center;text-decoration:none;}
.mobile-dlbox a#readmore:hover {color:#fff;}


#manufacturers, #models {
  height:24em;
  max-height:24em;
  height:auto !important;
  overflow:auto;
  border:1px solid #ccc;
  margin-bottom: 1.5em;
}

#manufacturers ul, #models ul {list-style:none;margin:0;}
#manufacturers li a, #models li a {display:block;text-decoration:none;color:#000;background-color:#fff;padding:0 1ex;}
#manufacturers li a:hover, #models li a:hover,
#manufacturers li.sel a, #models li.sel a {
  background-color:#47596b;
  color:#fff;
}
#manufacturers .odd a, #models .odd a {background-color:#ededed;}
.pc #dlwap, .wap #dlpc {display:none;}
.pc #dlpc, .wap #dlwap {display:block;}

#allphones h3 {padding:10px 0 10px 8px;margin:0;}
#allphones p {margin:0 0 20px 8px;}
#allphones h3:target {font-weight:bold;background-color:#f1f1f1;}
#allphones ul.all {margin:0 0 0.8em;padding:0;}
#allphones ul.all li {width:20%;float:left;list-style:none inside url('/images/bullet.gif');border-top:1px #ddd solid;}
#allphones ul.all li:nth-child(5n+5) {clear:left;}
#allphones ul.all li a {display:block;padding:2px 0 2px 8px;}
#allphones ul.all li a:hover {background-color:#f1f1f1;color:#c00;}

ol.manual {list-style:none outside;margin:0;}
ol.manual li {padding:0 0 0 48px;margin:0 0 1em;}

/* Android Product Page - /mobile/android */

#mobile-android { background:#fff url('/bitmaps/products/mobile/android/android_bg.png') top left repeat-x; }
#mobile-android #header { display:none; }
#mobile-android #mobile-top { display:none; }
#mobile-android .section { min-height:100px; font-size:13px; color:#535353; }
#mobile-android .section.separator { border:0; }
#mobile-android .section.bullets { margin:0 0 30px 0; }
#mobile-android .section.description p { margin:0 0 30px 0; }
#mobile-android .mobile-device { background:transparent url('/bitmaps/products/mobile/android/device.jpg') top left no-repeat; position:absolute; margin: -129px 0 0 0; height:536px; width:444px; }

#mobile-android .download-button { background:#00a700; color:#fff; display:block; width:158px; padding:7px 10px 7px 48px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; font-size:17px; text-decoration:none; }
#mobile-android .download-button span { display:block; position:absolute; height:30px; width:30px; background:transparent url('/bitmaps/products/mobile/android/icons.png') -20px -130px; margin:-5px 0 0 -36px; }
#mobile-android .download-button {
	background-image: linear-gradient(bottom, rgb(0,160,0) 49%, rgb(0,189,0) 100%);
	background-image: -o-linear-gradient(bottom, rgb(0,160,0) 49%, rgb(0,189,0) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(0,160,0) 49%, rgb(0,189,0) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(0,160,0) 49%, rgb(0,189,0) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(0,160,0) 49%, rgb(0,189,0) 100%);
}

#mobile-android .branding { width:420px; margin:85px 0 160px 425px; }
#mobile-android .branding h1 { color:#fff; font-size:20px; font-weight:normal; }
#mobile-android .branding h1 strong { color:red; font-weight:400; }
#mobile-android .branding h2 { color:#fff; font-size:40px; font-weight:200; }
#mobile-android .icon { display:block; height:60px; width:60px; margin:8px auto 16px auto; background:#fff url('/bitmaps/products/mobile/android/icons.png') no-repeat; }
#mobile-android .icon.reading { background-position:-60px 0px; }
#mobile-android .icon.smart { background-position:-120px 0px; }
#mobile-android .icon.tabs { background-position:-180px 0px; }
#mobile-android .icon.sharing { background-position:0px -60px; }

#mobile-android .addthis_toolbox { width:200px; margin:0px auto; padding:20px 0; }
#mobile-android .addthis_toolbox .addthis_button_facebook span { height:60px; width:60px; background:transparent url('/bitmaps/products/mobile/android/icons.png') -60px -60px no-repeat; }
#mobile-android .addthis_toolbox .addthis_button_twitter span { height:60px; width:60px; background:transparent url('/bitmaps/products/mobile/android/icons.png') -120px -60px no-repeat; }
#mobile-android .addthis_toolbox .addthis_button_google_plusone_share span { height:60px; width:60px; background:transparent url('/bitmaps/products/mobile/android/icons.png') -180px -60px no-repeat; }

@media all and (max-width:640px) {

	#mobile-android { min-width:300px; max-width:100%; padding:0; background:#fff url('/bitmaps/products/mobile/android/android_bg_mobile.jpg') top center no-repeat; }
	#mobile-android #nav { display:none; }
	#mobile-android #page { width:90%; margin:0 auto; }
	#mobile-android .fifth { clear:both; width:100%; margin-bottom:10px; }

	#mobile-android #mobile-top { display: block; }
	#mobile-android #mobile-top a { display:block; position:absolute; top:0; left:0; width:100%; background:#1a1a1a; color:#aaa; text-transform:uppercase; text-align:center; font-size:11px; padding:5px 0px; text-decoration:none; }

	#mobile-android #footer,
	#mobile-android .mobile-device,
	#mobile-android .section.description { display:none; }

	#mobile-android .section { width:100%; margin:0 auto; }
	#mobile-android .branding { width:100%; margin:0; padding:20px 0 0 0; min-height:520px; }
	#mobile-android .branding h1 { margin:0 0 10px 0; }
	#mobile-android .branding h2 { font-size:30px; }

}


/* /browser/ */
.browserbody {background:#fff;}
.numbers {float:left;padding:0;margin:0;}
.ribbon {float:left;margin:0;padding:0 2px 2px 0;}

#quotes {height:85px;background:url('/bitmaps/common/ico-quotes.png') no-repeat 0 0;}
#quotes li {list-style:none;}
#quotes blockquote {margin:.5em 0 1em 2em;}
#quotes .author {color:#999;font-size:11px;}

/* /browser/turbo/ */
.turbo-campaign {background: #fff url('/bitmaps/products/browser/turbo/09.09.opera-turbo.jpg') repeat-x 0 0;height:320px;padding:0 0 20px 0}
.turbo-campaign-text {margin:65px 0 0 30px;}

/* /browser/next/ */
#full-bleed { background:#fff url('/bitmaps/portal/next/1150b/bg_texture_white.jpg') repeat-x 0 -15px; }
#next { background:transparent url('/bitmaps/portal/next/bg_header_next.jpg') no-repeat 50% -15px; }
#next #content a, #mobile-next #content a { color: #1096d5; }
#next #page > div.section.separator, #mobile-next #page > div.section.separator {border:none;}
#next .branding, #mobile-next .branding {height:320px;font-size:1.2em;margin:50px 0 20px 468px;padding:0; }
#next .branding h1, #mobile-next .branding h1 {font-size:66px;font-weight:bold;letter-spacing:-4px;color:#222;line-height:55px;margin:0 0 6px -8px;}
#next .branding h1 span {display:block;}
#next .branding .subheader {width:380px;background:none;color:#444;font-size:13px;letter-spacing:none;text-shadow:0px 1px 0px #fff;padding:14px 0 5px 0;line-height:18px;}
#next .note { display:block; margin:20px auto 0 auto; text-align:center; font-weight:bold; border: 1px dashed #ccc; padding:8px 0; }
#next .more { font-weight:bold; background-image:none; padding:0; margin:0; }

#next p.download, #mobile-next p.download { background-image: url(/bitmaps/common/201108-download-next.png); }

#next .main-features { margin:0 0 20px 0; }
#next .main-features h3 { font-weight:bold; font-size:20px; }

#next .video { border:0; padding:10px 0; }
#next .video a { font-size:14px; font-weight:bold; color:#1a1a1a; text-decoration:none; padding:22px 0px 25px 145px; display:block; }
#next .video a:hover { opacity:0.8; }
#next .video a span { font-size:11px; font-weight:normal; color:#999999; display:block; }

#next .disclaimer p, #mobile-next .disclaimer p { background:#efefef url(/bitmaps/common/info.gif) no-repeat 12px 9px;
 padding:8px 12px 8px 36px; color: #333; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; line-height:1.7em; margin:0 0 20px 0; }

/* /link/ */
#operalink { background:url(/bitmaps/products/browser/overview/1110/operacom_browser_bg0.png) left -28px repeat-x; }
#operalink-bd { background:url(/bitmaps/products/link/1150/bg-operalink-texture.jpg) center -25px no-repeat; }

#operalink .branding { height:370px; margin:0 0 35px 0; text-align:center; padding:30px 0 0 0; }
#operalink .branding h1 { font-size:60px; font-weight:bold; letter-spacing:-2px; color:#fff; text-shadow:2px 2px 0px #333; margin:0 0 16px 0; }
#operalink .branding h1 .link-green { background:#00a700; text-shadow:2px 2px 0px #007300; padding:0 2px; }
#operalink .branding p { font-weight:bold; text-spacing:-1px; font-size:15px; margin-bottom:15px; text-shadow:1px 1px 0px #777; }
#operalink .branding p a { font-weight:bold; font-size:12px; color:#fff; background:#1a1a1a; padding:5px 10px; border-radius:8px; text-decoration:none; opacity:0.8; box-shadow:-1px -1px 0px #aaa; text-shadow:1px 1px 0px #1a1a1a; }
#operalink .branding a.link-video {  margin:0 auto 10px auto; display:block; width:373px; height:210px; background:url(/bitmaps/products/link/1150/video-thumb-operalink.png) center no-repeat; }

#operalink .guide { margin-top:10px; }
#operalink .guide .third { margin-top:25px; }

#operalink #guide thead td {font-weight:bold;color:#111;text-align:center;}
#operalink #guide tfoot {font-style:normal;}
#operalink #guide td {border:1px solid #fff;}
#operalink #guide td.support-full,
#operalink #guide td.support-partial {background:#ecfee4;}
#operalink #guide tr:nth-child(even) {background-color:#f7f7f7;}
#operalink #guide tr:nth-child(even) td.support-full,
#operalink #guide tr:nth-child(even) td.support-partial {background:#e8fae1;}

#operalink #guide td.support-full,
#operalink #guide td.support-partial,
#operalink #guide td.support-no {font-size:11px;text-align:center;}

#operalink #guide th {background-color:#d9e4e9;border-color:#fff;color:#333;font-weight:bold;margin:1px 0;}
#operalink #guide .c1 {text-align:left;font-weight:bold;}
#operalink #guide .label {display:block;font-size:11px;text-align:center;}

#operalink #guide #platforms td {text-align:center;}

/* /products/ page */
#products #headline {padding:5em 0 3em;}
#products #headline h1 {font-size:2.5em;font-weight:bold;letter-spacing:-1px;margin-bottom:1em;text-align:center;}
#products #headline h1 strong {color:#cc0f16;}
#products h3 {font-weight:bold;}
#products .half .more {
	background:#b3b3b3 url(/bitmaps/common/more-button.gif) no-repeat 100% 50%;
	border-radius:5px;
	padding:2px 18px 2px 8px;
	color:#fff;
	display:inline-block;
	text-decoration:none;
	font-weight:bold;
	-o-transition-property:background-color;
	-o-transition-duration:300ms;
	-webkit-transition-property:background-color;
	-webkit-transition-duration:300ms;
	-moz-transition-property:background-color;
	-moz-transition-duration:300ms;
	 }
#products .half .more:hover {
	background:#cdcdcd url(/bitmaps/common/more-button.gif) no-repeat 100% 50%;
	color:#fff;
	text-decoration:none;
	}
#products #footer {margin-top:5em;}

.pkgtype {margin-top:.5em}
.installer {padding:0;margin-left:0;}
.installer li {list-style: none inside none;clear:both;}
.installer li input {float:left;clear:left;}
.installer li label {display:block;float:left;padding-left:.5em;}
.installer li i {float:right;padding-right:20%;}
button#download-button {
  margin-top:2em;
  font:inherit;
  background: #1096d5;
  border: 0;
  display: block;
  margin-top:20px;
  padding: 18px 22px 20px 20px;
  font-size: 1em;
  color: #fff;
  box-shadow: rgba(0,0,0,0.2) 2px 2px 0;
  text-align: left;
  text-decoration: none;
  line-height: 1.2;
  min-width: 280px;
  font-weight: lighter;
  cursor: pointer;
}
button#download-button:hover {background-color:#0a90cf;}
button#download-button img {
width: 45px!important;
float: left;
margin: -1px 10px 0 0!important;
}
button#download-button strong {
display: block;
font-size: 2em;
font-weight: normal;
}
/* download page */
.os_list, .os_select {list-style: none inside none;margin:auto 0;}
.os_list li, .os_select li {padding-left:50px;}
.os_list li a {display:block;display:table;padding:.5em 0 1.5em 0;}
.os_select li {padding:1em 0 1em 50px;margin-bottom:1.5em;font-weight:bold;}
li.windows {background:url('/bitmaps/common/os/win.gif') no-repeat 0 50%;}
li.mac {background:url('/bitmaps/common/os/mac.gif') no-repeat 0 50%;}
li.linux-x86-64,.os_select li.linux-ppc,.os_select li.linux-i386 {background:url('/bitmaps/common/os/linux.gif') no-repeat 0 50%;}
li.freebsd-i386,.os_select li.freebsd-amd64 {background:url('/bitmaps/common/os/freebsd.gif') no-repeat 0 50%;}
li.solaris-sparc,.os_select li.solaris-intel {background:url('/bitmaps/common/os/solaris.gif') no-repeat 0 50%;}
li.qnx {background:url('/bitmaps/common/os/qnx.gif') no-repeat 0 50%;}
li.os2 {background:url('/bitmaps/common/os/os2.gif') no-repeat 0 50%;}
li.beos {background:url('/bitmaps/common/os/beos.gif') no-repeat 0 50%;}
.os_list li.windows, .os_list li.mac, .os_list li.linux-x86-64, .os_list li.freebsd-i386, .os_list li.solaris-sparc, .os_list li.qnx, .os_list li.beos, .os_list li.os2 {padding-top:1em;}
.os_list li.linux-x86-64 + li a {padding: 0;margin-top:-1em;}
.os_list li.freebsd-amd64 a, .os_list li.solaris-intel a {padding: 0 0 1.5em;margin-top:-1em;}
li.other_downloads {margin-top:1em;}
table.torrentz td img {display:inline;margin:0 .5em 0 0;vertical-align:top;}

.phonemodels {display:none;}
#download_form label i {display:block;float:right;margin-right:30%;}
.operamobile .span-10 {padding:30px 0;}

/* /download/ page  */
#download-choice {background:url(/bitmaps/common/vsep-1px.png) 50% 170px no-repeat;}
#download-choice .half {width:416px;text-align:center;margin-top:30px;margin-bottom:50px;padding:0 20px;}
#download-choice h2 {color:#cc0f16;font-weight:bold;margin-bottom:.2em;}
#download-choice p.download,
#download-choice p.download-mobile {margin:25px auto;text-align:left;}

/* thank you */
#download-notice {background:url(/bitmaps/logo/opera-icon.png) center top no-repeat;padding:100px 0 20px 0;font-size:17px;text-align:center;color:#333;}
#download-notice p {display:inline-block;}
#download-notice h2 {font-size:31px;font-weight:bold;padding:0;margin:0;}

#thanky {background:url('/bitmaps/products/browser/download/bg-cubes-thanky.jpg') no-repeat 0 0;overflow:auto;padding:30px 242px;}
#thanky h2 {color:#c00;line-height:1em;margin:.5em auto;text-align:center}
#thanky p {color:#333;line-height:18px;}

#thanky #downloadmini, #thanky #join-myo {
width:170px;
background:url('/bitmaps/products/browser/download/bg-image-shadow.png') 0 0 no-repeat;
padding:16px 12px 0 12px;

}
#thanky #downloadmini img, #thanky #join-myo img {
display:block;
margin-bottom:5em;
}
#thanky #downloadmini {float:right}
#thanky #join-myo {float:left}

/* share buttons for Twitter, Facebook and MyOpera */
.share-buttons {clear:both;overflow:hidden;margin-top:10px;padding-bottom:10px;}
.share-buttons ul {padding:0;margin:10px auto 5px;display:block;text-align:center;}
.share-buttons li {display:inline;margin:0 3px;}
.share-buttons a {
color:#29abe2;
position:relative;
text-decoration:none;
transition-property:top;
transition-duration:.05s;
-o-transition-property:top;
-o-transition-duration:.05s;
-webkit-transition-property:top;
-webkit-transition-duration:.05s;
}
.share-buttons a:hover {top:-3px;text-decoration:none;}
.share-buttons p.label {width:165px;height:16px;border-bottom:1px solid #ddd;color:#666;font-size:11px;margin:-10px auto 0;text-align:center;text-transform:uppercase;}
.share-buttons p.label span {background:#fff;padding:2px 10px;position:relative;top:10px;}

#myosignup input {padding-left:1.5em;padding-right:1.5em;}

.emphasizebg {width:85%;background:#f2f2f2;padding:1.5em 1em 1em 1.5em;margin:1.5em 0;}
.emphasizebg li {line-height:13px;margin:0 0 1em .5em;list-style-image:url('/bitmaps/common/list-checked-green.png');}

a.bt-thin {width:169px;height:33px;background:url('/bitmaps/common/button-thin-green.png') 0 0 no-repeat;color:#fff;display:block;line-height:33px;text-align:center;text-decoration:none;}
a.bt-thin:active {line-height:34px;}

#ballot p,
p#red-o {background:#f9f9f9;border:1px solid #ddd;border-radius:6px;color:#555;clear:both;font-size:1.4em;padding:.5em;text-align:center;}

#thanks #default .half {padding:2em 0;}
#thanks h2 a {color:#111;font-weight:bold;text-decoration:none;}
#thanks h2 a:hover {text-decoration:underline;}

/*---------------------------------------------
  discover_feature styles
---------------------------------------------*/

/* tips home widget */
#featured {background-color:#303030;padding:18px;margin-bottom: 1.5em;color:#999;position:relative;height:342px;}
#featured a {color:#fff;}
#featured .tip div {width:255px;float:left;margin-right:25px;}
#featured .tip div + div {width:280px;margin:0;}
#featured .selected div#images {float:right;display:block;width:340px;padding:0 0 0 18px;}
#featured .tip h3 {color:#fff;font-weight: bold;font-size:1.7em;}
#featured .tip .selected {opacity:1;left:0;-webkit-transition: all .25s ease-in;-o-transition: all .25s ease-in;z-index:900;}
#featured .tip ol, #featured .span-6 ul {margin:0 0 1em;padding:0;list-style: none outside none;}
#featured .tip ol li {margin-bottom:1.5em;}
#featured li span.no {padding:4px 8px;background:#999;color:#fff;display:block;float:left;font-weight: bold;}
#featured li, #featured .tip p {color:#999;padding-right:25px;background-position:right 0;}
#featured li.selected {color:#fff;background:url('/bitmaps/common/selector-white-left.png') no-repeat right 0;}
#featured li.selected span.no {background:#c00;}
#featured li span.text {display:block;padding-top:4px;padding-left:32px;}
#featured img {display:none;position:absolute;top:18px;right:18px;}
#featured li.selected img {display:block;}

/* nav */
.tips-nav-bottom {position:relative;z-index:1000;}
.tips-nav-bottom #links div {width:288px;float:left;margin-right:24px}
.tips-nav-bottom #links div.last {margin:0}
#links h4 {margin:0 0 .5em 0;}
#links ul {margin:0 0 1em 0;padding:0;}
#links li {margin:0;list-style: none outside;}
#links li a {padding:0 0 0 14px;background:url('/bitmaps/discover/bullet.png') no-repeat 0 2px;color:inherit;display:block;line-height:1.2em;margin-bottom:0.2em;}
#links li a:visited {background-image:url('/bitmaps/discover/bullet-visited.png');}
#links li a:active, #links li a.current {background-image:url('/bitmaps/discover/bullet-active.png');}

body#browsertips p.start a {display:block;padding-left:3em;background:url('/bitmaps/sequence/badge.png') no-repeat 0 0;line-height:32px;font-weight:bold;width:30%;}
body#browsertips p.next a {display:block;float:right;padding-right:3em;background:url('/bitmaps/sequence/badge.png') no-repeat 100% 0;line-height:32px;}
body#browsertips li.section img {float:right;margin-left:2%;}

body#browsertips .pagenav, body#tipsdiv#details p a .pagenav li {border:none;padding:0;}

/* customize section */
.widgets h4 {font-size:1.2em;margin-bottom:0.2em;font-weight:bolder;}
.widgets h4 + p, .widgets img {margin-bottom:0.5em;}
.widgets img {border:1px #ccc solid;}
.widgets a img {margin:1em;padding:0.475em;border:1px #ccc solid;}
.banners div {border:1px #ccc solid;padding:0.5em 0.5em 0.75em;line-height:1.2;margin-bottom:1.5em;background: #fff url('/bitmaps/products/browser/customize/banner-bg.png') no-repeat 100% 100%;height:40px;}
.banners a {text-transform: uppercase;font-weight: bold;margin: 0;font-size: 1.25em;color:inherit;text-decoration: none;}
.banners a span {display:block;text-transform: none;color:#666;font-weight:normal;font-size: 0.75em;margin-top:0.25em;}
.banners .skins {text-align: center;}
.banners .skins img {margin: .25em 0 0;}
.banners img.left {margin: 2px 6px 0 0;}
#customize p.button {text-align: center;}

/* common */
.button a {padding:0.4em 1em 0.4em 0.5em;border:1px #ccc solid;text-decoration: none;color:inherit;background:url('/bitmaps/common/button_bg.png') repeat-x 0 100%;}
.button a:hover {border:1px #aaa solid;}
.button span.i-download {background:url('/bitmaps/common/arrow-dl.png') no-repeat 0 0;padding-left:1.75em;}

a.button {height:22px;max-width:135px;background:url('/bitmaps/common/bt-left.png') 0 0 no-repeat;color:#333;display:block;font-size:11px;font-weight:400;line-height:22px;margin-top:1em;padding:0 1px 0 15px;text-align:center;text-decoration:none;text-shadow:#ddd 0 1px 0;}
a.button:hover {background-position:bottom left;color:#fff;text-decoration:none;}
a.button span {height:22px;background:url('/bitmaps/common/bt-right.png') top right no-repeat;float:left;line-height:22px;padding:0 18px 0 3px;}
a.button:hover span {background-position:bottom right;text-shadow:none;}

#tutorials .article div img {vertical-align: bottom;margin:-0.1em 0;}
#tutorials .article div img.left {vertical-align: bottom;margin:0 1.5em 1.5em 0;}
#tutorials .article div img.right {vertical-align: bottom;margin:0 0 1.5em 1.5em;}

/* video */
#features #video {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.75);z-index:9999;padding:40px 0;margin:0;overflow:hidden;text-align:center;display:none;}
#features #video div {margin:0 auto;top:80px;width:800px;display:none;}

/* mail */
h1.mail {margin-bottom:.3em;}

/* Web in O time */
html#webinotime-hd {background:url(/bitmaps/products/browser/overview/1110/operacom_browser_bg0.png) top left repeat-x !important;}
body#webinotime {background:url(/bitmaps/products/webinotime/webinotime_texture.jpg) top center no-repeat;}
body#webinotime .branding { height: 430px; overflow: hidden; }
body#webinotime .branding #callout { margin-top: 90px; }
body#webinotime .branding #callout #webinotime-logo { float: left; width: 230px; margin: 0 59px 0 110px; }
body#webinotime .branding #callout #callout-text { float: left; width: 410px; }
body#webinotime .branding #callout #callout-text h1 { font-size: 50px; color: white; font-weight: bold; letter-spacing: -3px;margin-bottom: 20px; }
body#webinotime .branding #callout #callout-text p { font-size: 14px; color: white; }
body#webinotime h2 { color: #af1f1f; font-size: 24px; font-weight: bold; margin: 45px 100px 30px; text-align: center; }
body#webinotime .webinotime-download { display: inline; height: 21px; padding: 4px 15px 5px; color: white; font-size: 11px; font-weight: bold; background: url(/bitmaps/products/webinotime/webinotime_download.png) no-repeat top left black; text-decoration: none; }
body#webinotime
#callout a.video { text-decoration: none !important; }
body#webinotime a.video img { margin: 0; }

#alpha a {display:block;background:rgba(0, 0, 0, .25) url("/bitmaps/products/browser/next/1050/ico-warning.png") 98% 8px no-repeat;border-radius:6px;text-decoration:none;padding:.5em 50px .5em 1em;}
#alpha a strong {display:block;font-size:1.2em;}
#alpha a:hover {background-color:rgba(0, 0, 0, .35);}