/** * / CSS by Bartlomiej Tadych * b4rtaz@gmail.com / * * 00. import * 01. global * 02. category * 03. product details * 04. product gallery * 05. product prices * 06. product specification * 07. product compare * 08. passage * 09. form * 10. entity * 11. aggregator * 12. user * */ /* 00. import ------------------------------------------------------- */ /* 01. global ------------------------------------------------------- */ div.gProductThumbnails {position:relative; width:366px; height:248px; overflow:hidden; box-shadow:0 0 2px rgba(0,0,0,0.2); background:#ffffff;} div.gProductThumbnails ul {position:relative; z-index:2;} div.gProductThumbnails ul li {position:absolute; left:-9999px; top:-9999px; z-index:10; background:#FFF;} div.gProductThumbnails ul li:first-child {left:0; top:0; z-index:20;} div.gProductThumbnails div.control a.pager {position:absolute; z-index:3; top:0; bottom:0; width:38px; height:100%;} div.gProductThumbnails div.control a.pager span {position:absolute; z-index:3; top:50%; left:50%; margin:-16px 0 0 -16px; width:32px; height:32px; overflow:hidden; text-indent:-9999px; background:url('/i/article-rotator-sprites.png') no-repeat -9999px center;} div.gProductThumbnails div.control a.pager:hover {opacity:0.5; filter:alpha(opacity=50);} div.gProductThumbnails div.control a.pager.item {display:none;} div.gProductThumbnails div.control a.pager.next {right:0;} div.gProductThumbnails div.control a.pager.next span {background-position:-34px -12px;} div.gProductThumbnails div.control a.pager.prev {left:0;} div.gProductThumbnails div.control a.pager.prev span {background-position:0 -12px;} h3.gHotTitle {position:absolute; padding:10px 18px; left:0; top:0; z-index:21; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:28px; letter-spacing:-0.02em; line-height:1em; font-weight:bold; color:#FFF; background:#FF0000;} .gRobotoButton {display:inline-block; padding:8px 16px; color:#FFF !important; background:#B2B2B2; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; text-decoration:none !important; font-weight:bold; font-size:17px; line-height:1em; color:#FFF; border-radius:5px; cursor:pointer;} input[type=submit].gRobotoButton {padding-top:5px; padding-bottom:5px; height:34px;} .gRobotoButton:hover {background-color:#BFBFBF;} .gRobotoButton.orange {background-color:#EF6D0E;} .gRobotoButton.orange:hover {background-color:#BF3B00;} .gRobotoButton.yellow {color:#000 !important; background-color:#F8C80D;} .gRobotoButton.yellow:hover {background-color:#000; color:#F8C80D !important;} .gRobotoButton.red {color:#FFF !important; background-color:#FF0000;} .gRobotoButton.red:hover {background-color:#000; color:#FF0000 !important;} .gRobotoButton.lightGreen {color:#FFF !important; background-color:#8AD639;} .gRobotoButton.lightGreen:hover {background-color:#6AB417;} .gRobotoButton.right {float:right;} .gRobotoCommentsCount {position:relative; width:64px; height:53px; text-align:center; background:url('/i/article-sprites-0.png') no-repeat 0 -117px;} .gRobotoCommentsCount a {position:relative; display:block; width:100%; height:100%;} .gRobotoCommentsCount em {position:absolute; width:52px; display:block; left:0; top:20px; color:#FFF; font-size:13pt; line-height:1em; font-weight:bold;} .gRobotoTile {position:relative; width:223px; height:175px; float:left;} .gRobotoTile a {display:block; text-decoration:none;} .gRobotoTile a img {position:relative; z-index:10;} .gRobotoTile a span.title {position:absolute; z-index:11; left:0; right:0; bottom:2px; transition-duration:0.2s; -webkit-transition-duration:0.2s;} .gRobotoTile a span.title strong {position:relative; z-index:13; display:block; padding:7px 10px; color:#1B5F9F; font-weight:bold; font-family:'Roboto Condensed', Roboto, Arial, Verdana, Tahoma; font-size:18px; line-height:1.1em; letter-spacing:-0.01em;} .gRobotoTile a span.title span.bg {position:absolute; left:0; top:0; right:0; bottom:0; background:#FFF; opacity:0.90; filter:alpha(opacity=90); transition-duration:0.2s; -webkit-transition-duration:0.2s;} .gRobotoTile a:hover span.title {bottom:8px;} .gRobotoTile a:hover span.title span.bg {opacity:1; filter:alpha(opacity=100);} #roboto div.suggestions4 {position:absolute; left:0; z-index:999999; background:#FFF; width:200px; box-shadow:0 3px 3px rgba(0,0,0,0.15);} #roboto div.suggestions4 ul li {padding:8px 10px; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; cursor:default; font-size:16px; line-height:1em;} #roboto div.suggestions4 ul li.highlighted {background:#EB880E; color:#FFF;} /* 02. category ------------------------------------------------------- */ #roboto {font-size:13px; font-weight:400; line-height:1em; font-family:Roboto,Arial,Verdana,Tahoma;} #roboto .adsense {padding-top:10px; padding-bottom:10px; text-align:center;} #roboto #categoryPreamble {padding:15px 15px 10px; color:#BFBFBF; border-bottom:1px solid #F5F5F5;} #roboto #categoryPreamble a {color:#BFBFBF;} #roboto #categoryPreamble div.name {float:left; width:790px;} #roboto #categoryPreamble div.name h1 {float:left; font-size:60px; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-weight:bold; line-height:1em; letter-spacing:-0.04em;} #roboto #categoryPreamble div.name h4 {float:left; margin:20px 0 6px 14px;} #roboto #categoryPreamble div.name h4 a.gRobotoButton {float:left;} #roboto #categoryPreamble div.name p.lead {clear:both; font-family:"Arial","Verdana"; line-height:1.4em; padding-top:5px; font-size:11px; width:700px;} #roboto #categoryPreamble div.boss {float:right; position:relative;} #roboto #categoryPreamble div.boss cite {position:absolute; right:105px; display:block; width:130px; line-height:1.3em; font-style:normal; text-align:right;} #roboto #categoryPreamble div.boss cite strong {display:block;} #roboto #categoryPreamble.aggregator {padding-left:55px; border-bottom:0;} #roboto #categoryPreamble.aggregator div.name h1 {color:#50AECC;} #roboto #categoryPreamble.aggregator div.name h2 {color:#A7A7A7; padding-top:5px; font-size:28px; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-weight:bold; line-height:1em; letter-spacing:-0.04em; clear:both;} #roboto #categoryPreamble.aggregator div.name p.lead {font-size:12px;} #roboto #categoryPreamble.wideAndBlack {border-bottom:0;} #roboto #categoryPreamble.wideAndBlack div.name {width:auto;} #roboto #categoryPreamble.wideAndBlack div.name h1 {color:#000;} /* box control */ #roboto #categoryPassageProducts { position:relative; padding:2px 15px 10px; font-size:8pt; z-index:20; color:#BFBFBF; } #roboto #categoryPassageProducts h5 {padding:0 0 8px;} #roboto #categoryPassageProducts a {color:#BFBFBF;} #roboto #categoryPassageProducts ul li {text-align:center; position:relative; margin:0; float:left; width:86px; line-height:1.3em;} #roboto #categoryPassageProducts ul li a strong {padding:2px 2px 0; display:block; text-align:center;} #roboto #categoryPassageProducts ul li:hover div.gPassageTooltip {text-align:left; display:block; left:-20px; top:48px; z-index:9999;} #roboto #categoryHeader {position:relative; padding:16px 15px 22px;} #roboto #categoryHeader h1 {float:left; font-size:60px; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-weight:bold; line-height:1em; letter-spacing:-0.04em; color:#BFBFBF;} #roboto #categoryHeader a.gRobotoButton {float:left; margin:20px 0 6px 14px;} #roboto #categoryHeader p.avatar {float:right; margin:0 0 -15px;} #roboto #categorySlider {margin:10px 0 0; position:relative; z-index:10; border-bottom:1px solid #DFE4E7; height:408px;} #roboto #categorySlider span.hotTitle {position:absolute; padding:10px 18px; left:0; top:0; z-index:21; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:28px; letter-spacing:-0.02em; line-height:1em; font-weight:bold; color:#FFF; background:#FF0000;} #roboto #categorySlider div.slider {position:relative; height:408px; z-index:19; overflow:hidden;} #roboto #categorySlider div.slider ul {position:absolute; left:0; top:0; width:9999px;} #roboto #categorySlider div.slider ul li {float:left; position:relative; height:408px;} #roboto #categorySlider div.slider ul li.item.group {width:843px;} #roboto #categorySlider div.slider ul li.item.group ul {position:relative;} #roboto #categorySlider div.slider ul li.item.group ul li.small {width:280px; border-left:1px solid #DFE4E7;} #roboto #categorySlider div.slider ul li.item.group ul li.small h5 {padding:18px 14px; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:24px; letter-spacing:-0.01em; line-height:1em; color:#1B5F9F;min-height:70px;} #roboto #categorySlider div.slider ul li.item.group ul li.small h5 a {font-weight:bold; color:#1B5F9F;} #roboto #categorySlider div.slider ul li.item.group ul li.small h5 a:visited {color:#7F7F7F;} #roboto #categorySlider div.slider ul li.item.group ul li.small p {padding:0 14px; line-height:1.3em; color:#4B4B4B;} #roboto #categorySlider div.slider ul li.item.group ul li.small p.edit {padding-bottom:14px; text-align:right;} #roboto #categorySlider div.slider ul li.item.group ul li.small p.edit a {display:inline-block; padding:4px 8px; border-radius:3px; background:#EF6D0E; color:#FFF;} #roboto #categorySlider div.slider ul li.item.big {width:842px; border-left:1px solid #DFE4E7;} #roboto #categorySlider div.slider ul li.item.big p.thumb {position:relative; z-index:2;} #roboto #categorySlider div.slider ul li.item.big div.title {position:absolute; left:0; top:60px; z-index:3;} #roboto #categorySlider div.slider ul li.item.big div.title div.titleText {position:relative; z-index:5; width:320px; padding:20px 40px;} #roboto #categorySlider div.slider ul li.item.big div.title div.titleText h5 {font-weight:bold; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:30px; line-height:1em; letter-spacing:-0.01em;} #roboto #categorySlider div.slider ul li.item.big div.title div.titleText h5 a {color:#C42C2C;} #roboto #categorySlider div.slider ul li.item.big div.title div.titleText p {padding:15px 0 0; color:#212121; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:17px; line-height:1.4em; font-weight:bold;} #roboto #categorySlider div.slider ul li.item.big div.title span.titleBg {position:absolute; left:0; top:0; width:100%; height:100%; background:#FFF; opacity:0.62; filter:alpha(opacity=62);} #roboto #categorySlider.humble {height:auto; border-top:1px solid #DFE4E7; padding-top:10px;} #roboto #categorySlider.humble h3.gHotTitle {top:10px;} #roboto #categorySlider.humble div.slider {height:auto;} #roboto #categorySlider.humble div.slider ul li {height:auto;} #roboto #categorySlider.humble div.slider ul li.item.group {border-right:1px solid #DFE4E7;} #roboto #categorySlider div.control a.pager {position:absolute; top:0; bottom:0; height:100%; z-index:20; display:block; cursor:pointer;} #roboto #categorySlider div.control a.pager span {position:absolute; left:0; top:0; bottom:0; right:0; width:100%; height:100%;} #roboto #categorySlider div.control a.pager span.arrow {z-index:10;} #roboto #categorySlider div.control a.pager span.bg {z-index:9; background:#FFF; opacity:0.7; filter:alpha(opacity=70);} #roboto #categorySlider div.control a.pager:hover span.bg {opacity:0.2; filter:alpha(opacity=20);} #roboto #categorySlider div.control a.pager.prev {left:0; width:59px;} #roboto #categorySlider div.control a.pager.prev span.arrow {left:0; background:url('/i/colorbox-prev.png') no-repeat center center;} #roboto #categorySlider div.control a.pager.next {right:0; width:58px;} #roboto #categorySlider div.control a.pager.next span.arrow {right:0; background:url('/i/colorbox-next.png') no-repeat center center;} #roboto #categoryFilter {padding:8px 14px 0; background:#F6F6F6;} #roboto #categoryFilter ul li {display:inline; line-height:1.3em;} #roboto #categoryFilter ul li label {margin:7px 8px 0 0; padding:8px 16px; display:block; float:left; position:relative; overflow:hidden; cursor:pointer; background:#B2B2B2; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-weight:bold; font-size:17px; line-height:1em; color:#FFF; border-radius:5px;} #roboto #categoryFilter ul li label input[type=checkbox] {position:absolute; left:-9999px; top:-9999px;} #roboto #categoryFilter ul li label:hover {background-color:#BFBFBF;} #roboto #categoryFilter ul li label.checked {background-color:#EB880E;} #roboto #categoryFilter ul li label a {color:#FFF; text-decoration:none;} #roboto #categoryFilter form h4 {float:left; padding:16px 10px 0 0; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:24px; color:#555555;} #roboto #categoryRestrictedFilter {position:relative; z-index:20; padding:20px 30px 8px; background:#F6F6F6; color:#B2B2B2;} #roboto #categoryRestrictedFilter.symmetrical {padding-bottom:20px;} #roboto #categoryRestrictedFilter h2 {font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:18px; line-height:1em;} #roboto #categoryRestrictedFilter div.filter {position:relative; z-index:10;} #roboto #categoryRestrictedFilter div.filter div.group {float:left; margin-right:20px;} #roboto #categoryRestrictedFilter div.filter div.extraGroup {float:right;} #roboto #categoryRestrictedFilter div.filter div.group h4 {height:28px; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:18px; line-height:1em;} #roboto #categoryRestrictedFilter div.filter div.group.inline h4 {padding:10px 15px 0 0; float:left;} #roboto #categoryRestrictedFilter div.filter div.group label {display:none;} #roboto #categoryRestrictedFilter div.filter div.group p {position:relative; float:left;} #roboto #categoryRestrictedFilter div.filter div.group select {font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:16px; border:5px solid #FFF;} #roboto #categoryRestrictedFilter div.filter div.group input[type=text] {float:left; padding:8px 10px; width:180px; height:17px; background:#FFF; border-top-left-radius:6px; border-bottom-left-radius:6px; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:16px;} #roboto #categoryRestrictedFilter div.filter div.group.narrow input[type=text] {width:150px;} #roboto #categoryRestrictedFilter div.filter div.group.wide input[type=text] {width:250px;} #roboto #categoryRestrictedFilter div.filter div.group input[type=submit] {float:left; width:39px; height:33px; text-indent:-9999px; font-size:0; line-height:99em; overflow:hidden; cursor:pointer; background:url('/i/roboto-category-filter-submit.gif') no-repeat 0 0;} #roboto #categoryRestrictedFilter div.filter div.group input[type=submit]:hover {background-position:0 -33px;} #roboto #categoryRestrictedFilter div.filter div.extraGroup a.extra{margin:28px 0 0; float:left;} #roboto #categoryRestrictedFilter div.choosed {display:none; position:relative; z-index:9; clear:both; padding:8px 0 0;} #roboto #categoryRestrictedFilter div.choosed li {float:left;} #roboto #categoryRestrictedFilter div.choosed strong, #roboto #categoryRestrictedFilter div.choosed input[type=reset] {margin:7px 8px 0 0; padding:0 16px; height:33px; display:block; float:left; position:relative; overflow:hidden; cursor:pointer; background:#EB880E; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-weight:bold; font-size:17px; line-height:1.9em; color:#FFF; border-radius:5px;} #roboto #categoryRestrictedFilter div.choosed strong:hover {background-color:#D26F00;} #roboto #categoryRestrictedFilter div.choosed input[type=reset] {cursor:pointer; background:#B2B2B2;} #roboto #categoryRestrictedFilter div.choosed input[type=reset]:hover {background:#EB880E;} #roboto #categoryBody {background:#F6F6F6;} #roboto #categoryBody.white {background:#FFFFFF} #roboto #categoryBody h2 {padding:20px 14px 13px; font-weight:bold; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:26px; line-height:1em; color:#999999;} #roboto #categoryBody.whiteHeader h2 {background:#FFF;} #roboto #categoryContent {float:left; width:614px; padding:14px 0 0 0; margin:0 0 0 14px;} #roboto #categoryContent.wide {float:none; width:auto; margin-right:14px;} #roboto #categorySidebar {float:right; width:300px; padding:14px 0 20px; margin:0 14px 0 0;} /* #roboto #categoryContent div.alternatingArticlesList {} #roboto #categoryContent div.alternatingArticlesList ul.group {margin:0 0 15px; background:#F6F6F6; box-shadow:1px 1px 2px rgba(0,0,0,0.2);} #roboto #categoryContent div.alternatingArticlesList ul.group li {position:relative; } #roboto #categoryContent div.alternatingArticlesList ul.group li p.thumb {position:absolute;} #roboto #categoryContent div.alternatingArticlesList ul.group li h4 a {color:#1B5F9F;} #roboto #categoryContent div.alternatingArticlesList ul.group li h4 a:visited {color:#7F7F7F;} #roboto #categoryContent div.alternatingArticlesList ul.group li p.lead {padding:10px 0; color:#4B4B4B; line-height:1.4em;} #roboto #categoryContent div.alternatingArticlesList ul.group li p.published {color:#8A8A8A; font-size:10px;} #roboto #categoryContent div.alternatingArticlesList ul.group li.small {padding:15px 14px 15px 165px; border-top:1px solid #BDBEC4; min-height:110px;} #roboto #categoryContent div.alternatingArticlesList ul.group li.small:nth-child(odd) {background:#FFF;} #roboto #categoryContent div.alternatingArticlesList ul.group li.small:first-child {border-top:0;} #roboto #categoryContent div.alternatingArticlesList ul.group li.small p.thumb {left:14px; top:15px;} #roboto #categoryContent div.alternatingArticlesList ul.group li.small h4 {font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:26px; font-weight:bold; line-height:1em; } #roboto #categoryContent div.alternatingArticlesList ul.group li.big {padding:0 14px 15px 295px; min-height:205px; background:#FFFFEF;} #roboto #categoryContent div.alternatingArticlesList ul.group li.big p.thumb {left:0; top:0;} #roboto #categoryContent div.alternatingArticlesList ul.group li.big h4 {padding:14px 0 0; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:30px; font-weight:bold; letter-spacing:-0.02em; line-height:1em;} */ /* new roboto */ #roboto #categoryContent div.alternatingArticlesList {} #roboto #categoryContent div.alternatingArticlesList ul.group {margin:0 0 15px; background:#F6F6F6; box-shadow:1px 1px 2px rgba(0,0,0,0.2);} #roboto #categoryContent div.alternatingArticlesList ul.group li div.body {position:relative; } #roboto #categoryContent div.alternatingArticlesList ul.group li div.body p.thumb {position:absolute;} #roboto #categoryContent div.alternatingArticlesList ul.group li div.body h4 a {color:#1B5F9F;} #roboto #categoryContent div.alternatingArticlesList ul.group li div.body h4 a:visited {color:#7F7F7F;} #roboto #categoryContent div.alternatingArticlesList ul.group li div.body p.lead {padding:10px 0; color:#4B4B4B; line-height:1.4em;} #roboto #categoryContent div.alternatingArticlesList ul.group li div.body p.published {color:#8A8A8A; font-size:10px;} #roboto #categoryContent div.alternatingArticlesList ul.group li div.body p.published a {color:#8A8A8A;} #roboto #categoryContent div.alternatingArticlesList ul.group li div.body p.stats {float:right; color:#4B4B4B; font-size:10px;} #roboto #categoryContent div.alternatingArticlesList ul.group li div.body p.stats em {color:#F97C00;} #roboto #categoryContent div.alternatingArticlesList ul.group li div.body p.counter {position:absolute; bottom:16px; right:20px; font-size:10px;} #roboto #categoryContent div.alternatingArticlesList ul.group li div.body p.counter span.red {color:#F16E30;} #roboto #categoryContent div.alternatingArticlesList ul.group li div.footer {position:relative; padding:10px 12px;} #roboto #categoryContent div.alternatingArticlesList ul.group li div.footer a {color:#4B4B52; padding:0 12px 0 0; margin:0 8px 0 0; display:inline; background:url('/i/roboto-category-details-arrow.gif') no-repeat right 5px;} #roboto #categoryContent div.alternatingArticlesList ul.group li.small div.body {padding:15px 14px 15px 165px; border-top:1px solid #BDBEC4; min-height:110px;} #roboto #categoryContent div.alternatingArticlesList ul.group li.small:nth-child(odd) {background:#FFF;} #roboto #categoryContent div.alternatingArticlesList ul.group li.small:first-child {border-top:0;} #roboto #categoryContent div.alternatingArticlesList ul.group li.small div.body p.thumb {left:14px; top:15px;} #roboto #categoryContent div.alternatingArticlesList ul.group li.small div.body h4 {font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:26px; font-weight:bold; line-height:1em; letter-spacing:-0.01em;} #roboto #categoryContent div.alternatingArticlesList ul.group li.big {background:#FFFFEF;} #roboto #categoryContent div.alternatingArticlesList ul.group li.big div.body {padding:0 14px 15px 295px; min-height:205px;} #roboto #categoryContent div.alternatingArticlesList ul.group li.big div.body p.thumb {left:0; top:0;} #roboto #categoryContent div.alternatingArticlesList ul.group li.big div.body h4 {padding:14px 0 0; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:30px; font-weight:bold; letter-spacing:-0.02em; line-height:1em;} /* END: new roboto; */ #roboto #categoryContent span.loadingIcon {margin:0 auto 0; width:1px; height:1px; overflow:hidden; background:url('/i/roboto-category-loader.gif') no-repeat -9999px -9999px;} #roboto #categoryContent span.loadingIcon.show {display:block; width:16px; height:16px; margin-bottom:20px; background-position:0 0;} /*#roboto #categorySidebar div.compactedArticlesList {margin:0 auto 0; width:280px; background:#FAFAFA; box-shadow:0 1px 3px rgba(0,0,0,0.2);} #roboto #categorySidebar div.compactedArticlesList ul li {position:relative; padding:10px 14px 10px 94px; min-height:55px;} #roboto #categorySidebar div.compactedArticlesList ul li:nth-child(odd) {background:#FFF;} #roboto #categorySidebar div.compactedArticlesList ul li p.thumb {position:absolute; left:14px; top:10px;} #roboto #categorySidebar div.compactedArticlesList ul li h5 {font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:12pt; line-height:1em; font-weight:bold;} #roboto #categorySidebar div.compactedArticlesList ul li h5 a {color:#F16521;} #roboto #categorySidebar div.compactedArticlesList ul li h5 a:visited {color:#7F7F7F;}*/ #roboto #categorySidebar div.compactedArticlesList {margin:0 auto 0; width:280px; background:#FAFAFA; box-shadow:0 1px 3px rgba(0,0,0,0.2);} #roboto #categorySidebar div.compactedArticlesList.mb {margin-bottom:14px;} #roboto #categorySidebar div.compactedArticlesList ul li {position:relative; padding:10px 14px 10px 94px; min-height:55px;} #roboto #categorySidebar div.compactedArticlesList ul li:nth-child(odd) {background:#FFF;} #roboto #categorySidebar div.compactedArticlesList ul li p.thumb {position:absolute; left:14px; top:10px;} #roboto #categorySidebar div.compactedArticlesList ul li h5 {font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:12pt; line-height:1em; font-weight:bold;} #roboto #categorySidebar div.compactedArticlesList ul li h5 a {color:#F16521;} #roboto #categorySidebar div.compactedArticlesList ul li h5 a:visited {color:#7F7F7F;} #roboto #categorySidebar div.compactedArticlesList.orange ul li h5 a {color:#F16521;} #roboto #categorySidebar div.compactedArticlesList.orange ul li h5 a:visited {color:#7F7F7F;} #roboto #categorySidebar div.compactedArticlesList.passage ul li:hover div.gPassageTooltip {display:block; left:-210px; top:-25px; z-index:9999;} #roboto #categorySidebar h4 {padding:14px 14px; font-weight:bold; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:26px; line-height:1em;} #roboto #categorySidebar div.pinnedArticlesList ul li {margin:15px auto 0; width:280px; background:#FFF; box-shadow:1px 1px 2px rgba(0,0,0,0.2);} #roboto #categorySidebar div.pinnedArticlesList ul li:first-child {margin-top:0;} #roboto #categorySidebar div.pinnedArticlesList ul li h5 {padding:10px 14px; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:28px; font-weight:bold; line-height:1em;} #roboto #categorySidebar div.pinnedArticlesList ul li h5 a {color:#1B5F9F;} #roboto #categorySidebar div.pinnedArticlesList ul li.ribbon h5 a {color:#FF0000;} #roboto #categorySidebar div.pinnedArticlesList ul li p.thumb {padding:0;} #roboto #categorySidebar div.pinnedArticlesList ul li p {padding:0 14px 14px; line-height:1.4em; color:#4B4B4B;} #roboto #categorySidebar div.pinnedArticlesList ul li.ribbon p.ribbon {padding:0 0 14px 0; text-align:right;} #roboto #categorySidebar div.pinnedArticlesList ul li.ribbon p.ribbon a {display:inline-block; padding:7px 20px 7px 15px; font-size:16px; font-weight:bold; line-height:1em; background:#FF0000; color:#FFF;} /* 03. product details ------------------------------------------------------- */ #roboto #productDetailsTitle {padding:0 0 10px;} #roboto #productDetailsTitle h1 {padding:20px 0 10px 25px; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:42px; font-weight:bold; letter-spacing:-0.01em; line-height:1em; color:#2F2F2F;} #roboto #productDetailsTitle h1 a {color:#2F2F2F;} #roboto #productDetailsTitle ul.references {padding:0 25px 5px; color:#A4A4A4;} #roboto #productDetailsTitle ul.references li {display:inline-block; padding:0 5px 0 0; margin:0 5px 5px 0; border-right:1px solid #A4A4A4;} #roboto #productDetailsTitle ul.references li:last-child {border:0; padding-right:0; margin-right:0;} #roboto #productDetailsTitle ul.references li a {color:#A4A4A4;} #roboto #productDetailsTitle ul.references li a:hover {color:#818181;} #roboto #productDetailsPlatform {padding:0 8px 8px;} #roboto #productDetailsPlatform ul {display:inline;} #roboto #productDetailsPlatform ul li {display:inline;} #roboto #productDetailsPlatform strong, #roboto #productDetailsPlatform a, #roboto #productDetailsPlatform em {padding:12px 10px; margin:0 8px 0 0; display:block; float:left; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:16px; font-weight:bold; color:#FFF; background:#DEDEDE;} #roboto #productDetailsPlatform strong {background:#69B1C4; border-top-left-radius:6px; border-bottom-left-radius:6px; text-transform:uppercase;} #roboto #productDetailsPlatform a {background:#69B1C4;} #roboto #productDetailsPlatform a.selected {background:#820011;} #roboto #productDetailsPlatform a.disabled {background:#DEDEDE; text-decoration:none; display:none;} #roboto #productDetails {margin:0 0 10px;} #roboto #productDetailsContent {float:left; width:692px; background:#F6F6F6; box-shadow:1px 1px 2px rgba(0,0,0,0.2);} #roboto #productDetailsContent div.contentLeft {float:left; width:366px; margin:8px 0 0 8px;} #roboto #productDetailsContent div.contentLeft div.thumbnails {position:relative; width:366px; height:248px; overflow:hidden; box-shadow:0 0 2px rgba(0,0,0,0.2);} #roboto #productDetailsContent div.contentLeft div.thumbnails ul {position:relative; z-index:2;} #roboto #productDetailsContent div.contentLeft div.thumbnails ul li {position:absolute; left:-9999px; top:-9999px; z-index:10; background:#FFF;} #roboto #productDetailsContent div.contentLeft div.thumbnails ul li:first-child {left:0; top:0; z-index:20;} #roboto #productDetailsContent div.contentLeft div.thumbnails div.control a.pager {position:absolute; z-index:3; top:0; bottom:0; width:38px; height:100%;} #roboto #productDetailsContent div.contentLeft div.thumbnails div.control a.pager span {position:absolute; z-index:3; top:50%; left:50%; margin:-16px 0 0 -16px; width:32px; height:32px; overflow:hidden; text-indent:-9999px; background:url('/i/article-rotator-sprites.png') no-repeat -9999px center;} #roboto #productDetailsContent div.contentLeft div.thumbnails div.control a.pager:hover {opacity:0.5; filter:alpha(opacity=50);} #roboto #productDetailsContent div.contentLeft div.thumbnails div.control a.pager.item {display:none;} #roboto #productDetailsContent div.contentLeft div.thumbnails div.control a.pager.next {right:0;} #roboto #productDetailsContent div.contentLeft div.thumbnails div.control a.pager.next span {background-position:-34px -12px;} #roboto #productDetailsContent div.contentLeft div.thumbnails div.control a.pager.prev {left:0;} #roboto #productDetailsContent div.contentLeft div.thumbnails div.control a.pager.prev span {background-position:0 -12px;} #roboto #productDetailsContent div.contentLeft div.gRobotoRatingBox {padding-top:15px;} #roboto #productDetailsContent div.contentLeft div.gRobotoShopListBox {padding-top:15px;} #roboto #productDetailsContent div.contentRight {float:right; padding:15px 8px 10px 8px; width:285px;} #roboto #productDetailsContent div.contentRight div.description {line-height:1.4em; color:#333333;} #roboto #productDetailsContent div.contentRight div.description p {padding:0 0 15px;} #roboto #productDetailsContent div.contentRight p.showMore {padding:10px 10px 0; text-align:right;} #roboto #productDetailsContent div.orderSale {position:relative; background:#FFF; overflow:hidden;} #roboto #productDetailsContent div.orderSale:after {position:absolute; content:' '; display:block; margin:-36px 0 0 0; top:50%; left:-21px; width:21px; height:72px; background:url('/i/order-sale-facia.png') no-repeat 0 0;} #roboto #productDetailsContent div.orderSale ul {padding:0 20px;} #roboto #productDetailsContent div.orderSale ul li {padding:10px; width:306px; float:left;} #roboto #productDetailsContent div.orderSale ul li p.price {width:70px; float:left;} #roboto #productDetailsContent div.orderSale ul li p.price span.oldPrice {padding:13px 0 0; display:block; color:#808080; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:16px; line-height:1em; text-decoration:line-through;} #roboto #productDetailsContent div.orderSale ul li p.price strong.currentPrice {padding:5px 0 0; display:block; color:#E31F07; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:23px; line-height:1em; font-weight:bold;} #roboto #productDetailsContent div.orderSale ul li h4 {padding:10px 0; width:158px; float:left; line-height:1.3em; color:#333333;} #roboto #productDetailsContent div.orderSale ul li h4 a {color:#333333;} #roboto #productDetailsContent div.orderSale ul li p.thumbnail {float:right; width:68px;} #roboto #productDetailsWrapper {float:right; width:264px;} #roboto #productDetailsWrapper div.plebisciteBox {width:240px; margin:0 auto; padding:0 0 20px;} #roboto #productDetailsWrapper div.benchmarkAwards {width:240px !important; margin:0 auto; padding:0 0 25px; height:154px; overflow:hidden;} #roboto #productDetailsWrapper div.benchmarkAwards ul {width:9999px;} #roboto #productDetailsWrapper div.benchmarkAwards ul li {float:left; margin:0 8px;} #roboto #productDetailsWrapper div.keyFeatures {width:240px; margin:0 auto;} #roboto #productDetailsWrapper div.keyFeatures h4 {padding:4px 0; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:15px; line-height:1em; font-weight:bold; border-bottom:1px solid #9B9B9B; text-transform:uppercase;} #roboto #productDetailsWrapper div.keyFeatures dl dt {padding:9px 0 5px; font-family:Roboto,Arial,Verdana,Tahoma; font-size:13px; line-height:1em; color:#A7A7A7; } #roboto #productDetailsWrapper div.keyFeatures dl dd {padding:0 0 6px; color:#2F2F2F; font-size:13px; line-height:1.55em; border-bottom:1px solid #DDDDDD;} #roboto #productDetailsWrapper div.keyFeatures p.showMore {padding:9px 0 15px; text-align:right;} #roboto #productDetailsWrapper div.keyFeatures p.showMore a {margin:6px 0 0;} #roboto #productDetailsWrapper div.recommendations {width:240px; margin:0 auto; background:#EDEDED; border-radius:5px;} #roboto #productDetailsWrapper div.recommendations h4 {padding:10px 0 7px; margin:0 10px; border-bottom:1px solid #D1D0D0;} #roboto #productDetailsWrapper div.recommendations ul {padding:10px 0 0; margin:0 10px; border-top:1px solid #F6F6F6;} #roboto #productDetailsWrapper div.recommendations ul li {float:left; width:70px; overflow:hidden; margin:0 0 0 5px;} #roboto #productDetailsWrapper div.recommendations ul li:first-child {margin-left:0;} #roboto #productDetailsWrapper div.recommendations p.compare {clear:both; padding:8px 0 10px; margin:0 11px;} #roboto #productDetailsWrapper div.recommendations p.compare a {width:100%; padding-left:0; padding-right:0; text-align:center;} #roboto #productCompareSimilar {padding:0 14px 14px; overflow:hidden;} #roboto #productCompareSimilar.noSidePadding {padding-left:0; padding-right:0;} #roboto #productCompareSimilar h4 {margin:14px 0 20px; padding:0; font-weight:bold; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:34px; line-height:1em; letter-spacing:-0.01em; color:#999999;} #roboto #productCompareSimilar h4 a {color:#336699;} #roboto #productCompareSimilar h4.square {border-left:40px solid #EB880E; padding-left:10px;} #roboto #productCompareSimilar div.products ul {position:relative;} #roboto #productCompareSimilar div.products ul li {float:left; width:20%; text-align:center; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma;} #roboto #productCompareSimilar div.products ul li h5 {margin:10px 0; font-size:14pt; line-height:1.1em;} #roboto #productCompareSimilar div.products ul li h5 a {} #roboto #productCompareSimilar div.products ul li p.price {color:#999999; font-size:12pt; line-height:1em;} #roboto #productCompareSimilar div.products ul li p.price strong {color:#AD0000; font-size:14pt; line-height:1em;} #roboto #productCompareSimilar div.products ul li p.check {margin:10px 0; width:34px; height:34px; margin:10px auto 0; background:#F1F1F1;} #roboto #productCompareSimilar div.products ul li p.check label {display:block; width:34px; height:34px; cursor:pointer;} #roboto #productCompareSimilar div.products ul li p.check label input.checkbox {margin:10px auto 0; width:16px; height:16px; cursor:pointer;} #roboto #productCompareSimilar div.compare {padding:20px 0 0; text-align:center;} #roboto #productCompareSimilar div.compare input.submit {padding:6px 20px; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:14pt; line-height:1em; cursor:pointer; background-image:none;} #roboto #productCompareSimilar div.compare input.submit:hover {border-color:#B9B9B9; color:#3B3B3B;} #roboto #productInlineGallery {padding:0 14px 14px;} #roboto #productInlineGallery h4 {padding:14px 0; font-weight:bold; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:26px; line-height:1em; color:#999999;} #roboto #productInlineGallery h4 a {color:#999999;} #roboto #productInlineGallery ul {padding:0;} #roboto #productInlineGallery ul li {float:left; width:176px; height:106px; overflow:hidden; margin-left:10px; border:1px solid #E4E4E4;} #roboto #productInlineGallery ul li:first-child {margin-left:0;} #roboto #productInlineGallery ul li img {border:1px solid #FFF;} #roboto #wideOpinions {padding:0 14px 5px;} #roboto #wideOpinions h4 {padding:14px 0 30px; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-weight:bold; font-size:34px; line-height:1em; color:#999999;} #roboto #wideOpinions ul li {padding:15px 0 0; border-top:1px solid #D1D1D1;} #roboto #wideOpinions ul li:first-child {border-top:0; padding-top:0;} #roboto #wideOpinions ul li div.head {padding:0 0 15px; color:#737373;} #roboto #wideOpinions ul li div.head span.rate {margin-right:10px; vertical-align:top;} #roboto #wideOpinions ul li div.head cite {font-style:normal; color:#006BB9;} #roboto #wideOpinions ul li div.head a {color:#006BB9;} #roboto #wideOpinions ul li blockquote {line-height:1.5em; color:#333333;} #roboto #wideOpinions ul li blockquote p {padding:0 0 15px;} #roboto #wideOpinions ul li div.ratings {padding:0 0 15px; text-align:right;} #roboto #wideOpinions ul li div.ratings span {vertical-align:middle; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-weight:bold; font-size:18px; margin-right:15px; line-height:1em; color:#999999;} #roboto #wideOpinions ul li div.ratings a.vote {display:inline-block; width:22px; height:24px; overflow:hidden; text-indent:9999px; vertical-align:middle; background:url('/i/comments-opinion-icons.gif') no-repeat -9999px -9999px;} #roboto #wideOpinions ul li div.ratings a.vote:hover, #roboto #wideOpinions ul li div.ratings a.vote.selected {opacity:0.8; filter:alpha(opacity=80);} #roboto #wideOpinions ul li div.ratings a.vote.plus {background-position:-3px -268px;} #roboto #wideOpinions ul li div.ratings a.vote.minus {background-position:-3px -348px;} #roboto #wideOpinions ul li div.ratings em {vertical-align:middle; padding:0 3px; font-size:11px; font-weight:bold; color:#3D3D3D;} #roboto #wideOpinions ul li div.ratings em.selected {color:#DF5D00;} #roboto #productCleverTitle {display:table; padding:10px 8px;} #roboto #productCleverTitle h1 {display:table-cell; padding:10px 15px 10px 0; color:#2F2F2F; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-weight:bold; font-size:38px; line-height:1.1em;} #roboto #productCleverTitle h1 em {color:#B3B3B3; font-style:normal;} #roboto #productCleverTitle div.details {display:table-cell; width:1%; vertical-align:middle;} #roboto #productCleverTitle div.details a.openDetails {padding:8px 14px; white-space:nowrap; color:#FFF; background:#DA4800; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-weight:bold; font-size:17px; line-height:1em; border-radius:3px;} #roboto #productCleverProductInfo {padding:15px 8px 0;} #roboto #productCleverProductInfo div.gRobotoRatingBox {float:left; width:366px;} #roboto #productCleverProductInfo div.gRobotoShopListBox {float:right; width:518px;} /* 04. product gallery ------------------------------------------------------- */ #roboto #productGallery {} #roboto #productGalleryPreviewList {position:relative; margin:0 0 16px; padding:0 8px; height:88px;} #roboto #productGalleryPreviewList div.container {position:relative; float:left; width:829px; height:88px;} #roboto #productGalleryPreviewList div.container div.frame {position:absolute; left:33px; top:0; width:763px; height:99px; overflow:hidden;} #roboto #productGalleryPreviewList div.container div.frame ul {position:absolute; top:0; left:0; width:999999px;} #roboto #productGalleryPreviewList div.container div.frame ul li {float:left;} #roboto #productGalleryPreviewList div.container div.frame ul li img {border:5px solid #FFF;} #roboto #productGalleryPreviewList div.container div.frame ul li.select img {border-color:#F67F0C;} #roboto #productGalleryPreviewList a.pager {position:absolute; top:16px; width:33px; height:54px; background:url('/i/article-rotator-sprites.png') no-repeat -9999px -9999px;} #roboto #productGalleryPreviewList a.pager:hover {opacity:0.7; filter:alpha(opacity=70);} #roboto #productGalleryPreviewList a.pager.prev {left:0; background-position:0 0;} #roboto #productGalleryPreviewList a.pager.next {right:0; background-position:-33px 0;} #roboto #productGalleryPreviewList span.counter {position:absolute; bottom:0; right:8px; color:#B3B3B3; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-weight:bold; font-size:18px; line-height:1em;} #roboto #productGalleryPreviewList span.counter strong {font-size:48px; line-height:1em;} #roboto #productGalleryFull {position:relative; background:#F6F6F6;} #roboto #productGalleryFull ul li {display:none; padding:5px;} #roboto #productGalleryFull ul li:first-child {display:block;} #roboto #productGalleryFull ul li div.image {position:relative; background:#FFF; text-align:center; border:1px solid #EAEAEA;} #roboto #productGalleryFull ul li div.image img {} #roboto #productGalleryFull ul li div.image a.pager {position:absolute; top:0; width:308px; display:block; cursor:pointer; text-indent:-9999px; height:100%;} #roboto #productGalleryFull ul li div.image a.pager:hover {background:url('/i/article-gallery-pager-bg.png') repeat-y -9999px -9999px;} #roboto #productGalleryFull ul li div.image a.pager span {position:absolute; top:50%; margin:-27px 0 0 0; width:33px; height:54px; background:url('/i/article-rotator-sprites.png') no-repeat -9999px -9999px;} #roboto #productGalleryFull ul li div.image a.pager.prev {left:0;} #roboto #productGalleryFull ul li div.image a.pager.prev:hover {background-position:0 0;} #roboto #productGalleryFull ul li div.image a.pager.prev span {background-position:0 0; left:5px;} #roboto #productGalleryFull ul li div.image a.pager.next {right:0;} #roboto #productGalleryFull ul li div.image a.pager.next span {background-position:-33px 0; right:5px;} #roboto #productGalleryFull ul li div.image a.pager.next:hover {background-position:-308px 0;} #roboto #productGalleryFull ul li div.text {padding:10px 100px 0; line-height:1.4em} #roboto #productGalleryFull ul li div.text p {padding:0 0 10px;} /* 05. product prices ------------------------------------------------------- */ #roboto #productPrices {padding:0 15px 8px;} #roboto #productPrices h1 {padding:20px 0 15px 0; color:#2F2F2F; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-weight:bold; font-size:34px; line-height:1em;} #roboto #productPrices h1 span {color:#B3B3B3; font-style:normal;} #roboto #productPricesInfo {padding:10px 0 20px;} #roboto #productPricesInfo div.infoLeft {float:left; width:366px;} #roboto #productPricesInfo div.infoRight {float:right; width:544px;} #roboto #productPricesInfo div.infoRight div.priceRange h4 {padding:20px 0 10px; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:28px; line-height:1em;} #roboto #productPricesInfo div.infoRight div.priceRange h4 em {font-size:16px; color:#999999;} #roboto #productPricesInfo div.infoRight div.priceRange h4 strong {font-weight:bold;} #roboto #productPricesInfo div.infoRight div.priceRange h4 strong.price {font-size:46px; color:#AD0000;} #roboto #productPricesInfo div.infoRight div.priceRange p.showMore {padding:0 0 20px; font-size:14px; line-height:1em;} #roboto #productPricesInfo div.infoRight div.priceRange p.showMore a {color:#999999;} #roboto #productPricesInfo div.infoRight diV.gRobotoRatingBox {padding-top:40px;} #roboto #productPriceList {} #roboto #productPriceList > ul {background:#F6F6F6; box-shadow:1px 0 3px rgba(0,0,0,0.2);} #roboto #productPriceList > ul > li {position:relative; padding:20px 140px 45px 140px; min-height:65px; background:#F6F6F6; box-shadow:inset 0 2px 2px rgba(0,0,0,0.05);} #roboto #productPriceList > ul > li:nth-child(odd) {background:#FFF; box-shadow:inset 0 2px 2px rgba(0,0,0,0.07);} #roboto #productPriceList > ul > li:first-child {box-shadow:0 0;} #roboto #productPriceList > ul > li p.price {position:absolute; top:30px; left:45px;} #roboto #productPriceList > ul > li p.price strong {padding:0 0 10px; display:block; font-weight:bold; color:#A80000; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-weight:bold; font-size:30px; line-height:1em;} #roboto #productPriceList > ul > li p.shopLogo {position:absolute; top:30px; right:40px;} #roboto #productPriceList > ul > li p.description {color:#7D7D7D; line-height:1.4em; padding:0px 40px 0px 40px;} #roboto #productPriceList > ul > li p.extended-description {text-align:center; padding-top:20px; font-weight:bold;} #roboto #productPriceList > ul > li a.showMore {padding:0 40px 0 40px;} #roboto #productPriceList > ul > li p.showMore {position:absolute; bottom:20px; right:140px;} #roboto #productPriceList > ul > li p.showMore a {color:#4F8CBB;} #roboto #productPricesRecommended {} #roboto #productPricesRecommended h4 {padding:25px 0 18px; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-weight:bold; font-size:28px; line-height:1em; color:#999999;} #roboto #productPricesRecommended ul li {width:176px; float:left; margin-left:10px;} #roboto #productPricesRecommended ul li:first-child {margin-left:0;} #roboto #productPricesRecommended ul li img {border:1px solid #E5E5E5;} #roboto #productPricesRecommended ul li h5 {padding:8px 0 20px; line-height:1.1em;} #roboto #productPricesRecommended ul li h5 a {color:#2F2F2F;} /* 06. product specification ------------------------------------------------------- */ #roboto #productSpec {} #roboto #productSpecTable table {margin:0 auto; width:60%;} #roboto #productSpecTable table td {padding:5px 10px; line-height:1.4em;} #roboto #productSpecTable table td.label {text-align:right; border-right:1px solid #DEDEDE;} #roboto #productSpecTable table td.label span.info {font-size:7pt; color:#DA4800;} #roboto #productSpecTable table td.value span.info {font-size:7pt; color:#7F7F7F;} #roboto #productSpecTable table td.label strong {font-weight:bold; font-size:10pt; line-height:1em;} #roboto #productSpecTable table td.label.bg1 {background:#EBEFF0;} #roboto #productSpecTable table td.label.bg2 {background:#F6F6F6;} #roboto #productSpecTable table td.value.bg1 {background:#FFF;} #roboto #productSpecTable table td.value.bg2 {background:#F6F6F6;} /* 07. product compare ------------------------------------------------------- */ #roboto #productCompare {padding:0 10px 20px;} #roboto #productCompareTable table {margin:0 auto;} #roboto #productCompareTable table td {padding:5px 10px; line-height:1.4em;} #roboto #productCompareTable table td.label {width:143px; text-align:right; font-size:8pt; border-right:1px solid #DEDEDE;} #roboto #productCompareTable table td.label {width:143px; text-align:right; font-size:8pt; border-right:1px solid #DEDEDE;} #roboto #productCompareTable table td.label strong {font-weight:bold; font-size:10pt; line-height:1em;} #roboto #productCompareTable table td.label span.info {font-size:7pt; color:#DA4800;} #roboto #productCompareTable table td.label.bg1 {background:#EBEFF0;} #roboto #productCompareTable table td.label.bg2 {background:#F6F6F6;} #roboto #productCompareTable table td.delete {padding-bottom:10px; border-bottom:1px solid #DEDEDE;} #roboto #productCompareTable table td.delete input[type=submit] {padding:3px 8px; color:#FFF; background:#DA4800; border-radius:3px; cursor:pointer; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:14px; line-height:1em;} #roboto #productCompareTable table td.delete input[type=submit]:hover {text-decoration:underline;} #roboto #productCompareTable table td.image {padding-top:10px;} #roboto #productCompareTable table td.title {width:174px; vertical-align:top; padding-bottom:25px;} #roboto #productCompareTable table td.title a {font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:18px; line-height:1em; color:#999999;} #roboto #productCompareTable table td.value {width:174px;} #roboto #productCompareTable table td.value.bg1 {background:#FFF;} #roboto #productCompareTable table td.value.bg2 {background:#F6F6F6;} /* 08. passage ------------------------------------------------------- */ #roboto #passageSidebar {float:left; width:230px;} #roboto #passageSidebar h5 {margin:20px 20px 0; padding:10px 0; text-transform:uppercase; font-weight:bold; font-size:12pt; line-height:1em; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; color:#000; border-bottom:1px solid #9B9B9B;} #roboto #passageSidebar ul {margin:0 20px 40px;} #roboto #passageSidebar ul.sections li a {display:block; padding:11px 0; text-transform:uppercase; font-weight:bold; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:12pt; line-height:1em; color:#A7A7A7; border-bottom:1px solid #DDDDDD;} #roboto #passageSidebar ul.links li a {display:block; padding:11px 0; font-size:10pt; line-height:1em; color:#1460A9; border-bottom:1px solid #DDDDDD;} #roboto #passageContent {float:right; width:730px; padding:0 0 10px; background:#F6F6F6;} #roboto #passageContent div.preamble {padding:20px 0; color:#A7A7A7; background:#FFF;} #roboto #passageContent div.preamble h4 {font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-weight:bold; font-size:24pt; line-height:1em;} #roboto #passageContent div.preamble p {padding:5px 0 0; font-size:8pt; line-height:1.7em;} #roboto #passageContent #categoryRestrictedFilter {padding-bottom:20px;} #roboto #passageContent h5 {padding:20px 15px; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-weight:bold; font-size:13pt; line-height:1em; color:#4F4F4F; text-transform:uppercase;} #roboto #passageContent h5.orange {color:#FF6600;} #roboto #passageContent #passageRecommended {position:relative;} #roboto #passageContent #passageRecommended a.pager {position:absolute; z-index:20; top:50%; margin-top:-27px; width:33px; height:54px; cursor:pointer; background:url('/i/article-rotator-sprites.png') no-repeat -16px -54px;} #roboto #passageContent #passageRecommended a.pager:hover {opacity:0.8; filter:alpha(opacity=80);} #roboto #passageContent #passageRecommended a.pager.prev {left:0; background-position:0 0;} #roboto #passageContent #passageRecommended a.pager.next {right:0; background-position:-33px 0;} #roboto #passageContent #passageRecommended div.frame {position:relative; z-index:10; height:210px; overflow:hidden;} #roboto #passageContent #passageRecommended div.frame ul {width:9999px;} #roboto #passageContent #passageRecommended div.frame ul li {float:left; width:198px; height:210px; overflow:hidden; margin-left:7px;} #roboto #passageContent #passageRecommended div.frame ul li a {display:block; width:196px; height:208px; border:1px solid #D2D2D2; background:#FFF; text-decoration:none;} #roboto #passageContent #passageRecommended div.frame ul li a:hover {border-color:#939393;} #roboto #passageContent #passageRecommended div.frame ul li a strong {text-decoration:none; display:block; padding:10px 10px 5px; color:#14609E; line-height:1.3em;} #roboto #passageContent #passageRecommended div.frame ul li a span.seePrices {text-decoration:none; display:inline; padding:0 10px 0 10px; color:#000; background:url('/i/roboto-category-details-arrow.gif') no-repeat right 5px;} #roboto #passageContent div.ph {padding:0 0 10px;} #roboto #passageContent div.alternatingOffersList {margin:0 20px; box-shadow:1px 1px 2px rgba(0,0,0,0.2);} #roboto #passageContent div.alternatingOffersList ul li {position:relative; padding:15px 15px 15px 190px; min-height:110px; background:#FFF; border-bottom:1px solid #BDBEC4; background:#F6F6F6;} #roboto #passageContent div.alternatingOffersList ul li:nth-child(odd) {background:#FFF;} #roboto #passageContent div.alternatingOffersList ul li p.thumb {position:absolute; left:15px; top:15px;} #roboto #passageContent div.alternatingOffersList ul li h4 {font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-weight:bold; font-size:18pt; line-height:1em; color:#1B5F9F;} #roboto #passageContent div.alternatingOffersList ul li h4 a {color:#1B5F9F;} #roboto #passageContent div.alternatingOffersList ul li p.price {padding:12px 0 20px;} #roboto #passageContent div.alternatingOffersList ul li p.price span {font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-weight:bold; font-size:12pt; color:#999999;} #roboto #passageContent div.alternatingOffersList ul li p.price span em {color:#000; font-size:16pt;} #roboto #passageContent div.alternatingOffersList ul li p.price span strong {color:#AD0000; font-size:14pt;} #roboto #passageContent div.alternatingOffersList ul li p.price a.seeOffers {text-decoration:none; display:inline; padding:0 10px 0 10px; color:#000; background:url('/i/roboto-category-details-arrow.gif') no-repeat right 5px;} #roboto #passageContent div.alternatingOffersList ul li p.price a.seeOffers:hover {text-decoration:underline;} #roboto #passageContent div.alternatingOffersList ul li p.lead {color:#4B4B4F; line-height:1.5em;} /* 09. form ------------------------------------------------------- */ #formTabs {} #formTabs ul li {float:left;} #formTabs ul li a {display:block; float:left; margin:0 10px 0 0; padding:10px 15px; background:#B8B8B8; color:#FFF; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; line-height:1em; font-weight:bold; text-decoration:none; text-transform:lowercase; font-size:25px;} #formTabs ul li a:hover {background:#BFBFBF;} #formTabs ul li.selected a {background:#EB880E !important;} #form {position:relative; padding:20px 15px 0; color:#4B4B4B; background:#F6F6F6;} #form h4 {padding:0 0 25px; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; line-height:1em; font-weight:bold; font-size:23px; color:#7F7F7F;} #form p.extraInfo {line-height:1.4em;} #form p.extraInfo.belowField {padding:10px 0 0;} #form p.extraInfo.belowLabel {padding:5px 0 0; color:#7F7F7F;} #form p.extraInfo.belowHeader {margin:-15px 0 0; padding:0 0 25px;} #form #formBenchmarkSelector {padding:0 0 25px;} #form #formBenchmarkSelector ul li {float:left;} #form #formBenchmarkSelector ul li label {margin:0 8px 0 0; padding:8px 16px; display:block; float:left; position:relative; overflow:hidden; cursor:pointer; background:#B2B2B2; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-weight:bold; font-size:17px; line-height:1em; color:#FFF; border-radius:5px;} #form #formBenchmarkSelector ul li label input[type=radio] {position:absolute; left:-9999px; top:-9999px;} #form #formBenchmarkSelector ul li label:hover {background-color:#BFBFBF;} #form #formBenchmarkSelector ul li label.checked {background-color:#EB880E;} #form #formBenchmarkSelector ul li label a {color:#FFF; text-decoration:none;} #form div.layout.splitP70 {padding:0 0 15px;} #form div.layout.split604px div.column.left {float:left; width:604px;} #form div.layout.split604px div.column.right {float:right; width:304px;} #form div.layout.split140px {overflow:hidden;} #form div.layout.split140px div.column.left {float:left; width:140px;} #form div.layout.split140px div.column.right {width:auto; margin-left:140px;} #form div.layout div.column.right div.yourDevices {} #form div.layout div.column.right div.yourDevices h5 {padding:0 0 20px; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; line-height:1em; font-weight:bold; font-size:18px; color:#7F7F7F;} #form div.layout div.column.right div.yourDevices ul li {padding:0 0 10px;} #form div.layout div.column.right div.devicePhoto p {text-align:right; padding:0 0 15px;} #form div.layout div.column.right div.devicePhoto p.delete a {color:#B2B2B2;} #form div.layout div.column.right div.devicePhoto p.input input[type=file] {width:280px;} #form div.message {padding:0 0 20px 10px; color:#FF0000; font-weight:bold;} #form div.set {padding:0 0 15px;} #form div.set label.label {float:left; width:160px; padding:8px 10px 0 0; text-align:right; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; line-height:1em; font-weight:bold; font-size:16px; color:#7F7F7F;} #form div.set label.label span.counter {display:block; padding:7px 0 0; font-size:9pt;} #form div.set div.field {position:relative; margin-left:170px;} #form div.set div.field label {cursor:pointer;} #form div.set div.field label.item {display:block; padding:0 0 8px;} #form div.set div.field label.oneItem {display:block; padding:8px 0;} #form div.set div.field label.inline {display:inline; padding:0 0 0 10px; color:#7F7F7F;} #form div.set div.field label input {vertical-align:middle; cursor:pointer;} #form div.set div.field textarea {resize:vertical; line-height:1.4em;} #form div.set div.field input[type=text], #form div.set div.field input[type=password], #form div.set div.field textarea {padding:9px 10px; background:#FFF; border-radius:5px; font-size:14px; vertical-align:middle;} #form div.set div.field input[type=text].welcome, #form div.set div.field textarea.welcome {color:#7F7F7F;} #form div.set div.field .widthVeryWide {width:670px;} #form div.set div.field .widthWide {width:370px;} #form div.set div.field .widthMedium {width:160px;} #form div.set div.field .widthNarrow {width:90px;} #form div.set div.field span.required {padding:0 0 0 5px; color:#FF0000;} #form div.set div.field input[type=file] {width:250px;} #form div.set div.field input[type=submit].gRobotoButton {vertical-align:middle;} #form div.set div.field select {font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; line-height:1em; font-weight:bold; font-size:16px; border:6px solid #FFF;} #form div.set div.field span.note {display:inline-block; vertical-align:middle; padding:0 0 0 10px; color:#7F7F7F; line-height:1.4em;} #form div.set div.field div.savedItems {padding:0 0 10px;} #form div.set div.field div.savedItems ul li {float:left; margin:0 10px 0 0;} #form div.set div.field div.savedItems ul li a.delete {padding:10px 0 10px; display:block; text-align:right; color:#B2B2B2;} #form div.submit {padding:0 0 25px;} #form div.submit.center {text-align:center;} #form div.submit.left {padding-left:170px; text-align:left;} /* 10. entity ------------------------------------------------------- */ .roboto #entityHeader {position:relative; z-index:45; padding:20px 30px 10px 30px;} .roboto #entityHeader h1 {padding:0 70px 0 0; font-family:'Roboto Condensed', Roboto, Arial, Verdana, Tahoma; line-height:1em; font-weight:bold; font-size:60px;} .roboto #entityHeader div.author {position:relative; float:right; padding:10px 0 0; width:190px; font-size:9pt; line-height:1.4em; color:#666666;} .roboto #entityHeader div.author.absolute {position:absolute; bottom:-70px; right:30px; float:none;} .roboto #entityHeader div.author p.avatar {position:absolute; top:10px; left:0; width:100px; height:100px; overflow:hidden;} .roboto #entityHeader div.author p.who {margin:0 0 0 100px; min-height:90px; padding:0 0 10px 10px;} .roboto #entityHeader div.author p.who a {color:#1B5F9F;} .roboto #entityHeader div.author p.more {padding:10px 0 0;} .roboto #entityHeader div.author p.more a.gRobotoButton {padding:11px 16px; margin:4px 0 0; display:block; text-align:center;} .roboto #entityHeader div.author p.more a.gRobotoButton:hover {text-decoration:underline !important;} .roboto #entityHeader div.details {padding:30px 0 0; margin:0 205px 0 0;} .roboto #entityHeader div.details p {padding:0 0 5px; font-size:9pt; line-height:1em; color:#666666;} .roboto #entityHeader div.details p.createDate {padding:0 0 15px;} .roboto #entityHeader div.details p.competition {padding:0; line-height:1.4em;} .roboto #entityHeader div.details p.category {font-size:8pt;} .roboto #entityHeader div.details p.category a {display:inline-block; margin:1px 1px; padding:10px 7px; color:#FFF; background:#BFBFBF; text-transform:uppercase; border-radius:3px; font-weight:bold;} .roboto #entityHeader div.details p.category a:hover {background:#EB880E; text-decoration:none;} .roboto #entityHeader div.lead {position:relative; margin:20px 205px 0 40px; padding:0 0 0 10px; font-size:16px; line-height:1.4em; background:#FFF;} .roboto #entityHeader div.lead:after, .roboto #entityHeader div.lead span.number {position:absolute; left:-50px; top:50%; margin-top:-20px; display:block; content:' '; width:40px; height:40px;} .roboto #entityHeader div.lead:after {z-index:20; background:url('/i/discriminant-0.png') no-repeat 0 0;} .roboto #entityHeader div.lead span.number {z-index:21; background:#999999; color:#FFF; font-family:'Roboto Condensed', Roboto, Arial, Verdana, Tahoma; line-height:1.4em; font-weight:bold; font-size:22pt; text-align:center;} .roboto #entityHeader div.lead.news {padding-left:0; background:transparent;} .roboto #entityHeader.smartLead div.details {float:left; margin-right:0;} .roboto #entityHeader.smartLead div.lead {position:absolute; left:200px; right:10px; margin:15px 0 0 0; padding:0 60px 0 10px;} .roboto #entityHeader.smartLead div.lead a {color:#1B5F9F;} .roboto #entityHeader.smartLead div.lead:after, .roboto #entityHeader.smartLead div.lead span.number {top:2px; margin-top:0;} .roboto #entityHeader.smartLead div.lead div.shortContent {max-height:45px; overflow:hidden;} .roboto #entityHeader.smartLead div.lead span.more {display:none;} .roboto #entityHeader.smartLead div.lead span.showMore {position:absolute; right:0; bottom:0; display:block; cursor:pointer; background:#2467A2 url('/i/icons-1.png') no-repeat right -186px; color:#FFF; padding:2px 16px 2px 5px; font-size:8pt; line-height:1.2em; text-transform:lowercase; border-radius:5px;} .roboto #entityHeader.smartLead div.lead.extended {padding-bottom:5px;} .roboto #entityHeader.smartLead div.lead.extended div.shortContent {max-height:300px;} .roboto #entityHeader.smartLead div.lead.extended span.more {display:inline;} .roboto #entityHeader.smartLead div.lead.extended span.showMore {bottom:10px;} .roboto #entityRotator {padding:0 12px 35px;} .roboto #entityCover {padding:0 0 35px;} .roboto #entityProductSummary {padding:6px 20px 0; margin:0 15px 30px; border-bottom:1px solid #E4E4E4;} .roboto #entityProductSummary div.summaryLeft {float:left; width:380px;} .roboto #entityProductSummary div.summaryRight {float:right; width:455px; font-size:15px;} .roboto #entityProductSummary div.summaryRight div.gRobotoProsAndCons {line-height:1.6em;} .roboto #entityContent {position:relative; padding:0 0 0 45px; width:575px;} .roboto #entityContent.competition {padding:0 21px; width:918px;} .roboto #entityContent.results {padding:15px 21px; width:918px;} .roboto #entityContent.results ul li {list-style:none !important;} .roboto #entityContent.content {color:#313131; font-size:16px; line-height:1.5em;} .roboto #entityContent.content h3 {font-size:26px;} .roboto #entityContent.content table {font-size:15px;} .roboto #entityContent.content .wideImage {margin-left:-44px;} .roboto #entityContent.content div.inline4d {position:relative; width:100%; height:0;} .roboto #entityContent.content div.inline4d div.box {position:absolute; right:-328px; top:0;} .roboto #entityContent.content div.partnerBox {width:300px; text-align:center; position:absolute; right:-328px;} .roboto #entityContent.content div.partnerBox.top {top:25px;} .roboto #entityContent.content div.partnerBox.bottom {bottom:25px;} .roboto #entityContent.content div.partnerBox h5 {padding-bottom:10px; font-weight:bold; font-family:"Roboto Condensed",Roboto,Arial,Verdana,Tahoma; font-size:27px; line-height:1em; letter-spacing:-0.01em; color:#BFBFBF;} .roboto #entityContent.content div.partnerBox a {display:block; text-decoration:none;} .roboto #entityContent.content div.partnerBox a img {max-width:300px;} .roboto #entityContent.content div.top10control {width:930px; margin-left:-40px; padding-bottom:25px;} .roboto #entityContent.content div.top10control h3 {display:block; width:100%; background:url('/i/top10-control-icon.png') no-repeat 0 0; padding:0 0 0 60px; margin-bottom:20px; font-family:"Roboto Condensed",Roboto,Arial,Verdana,Tahoma; font-size:37px; line-height:1.1em; font-weight:bold;} .roboto #entityContent.content div.top10control div.left {width:474px; padding:0 45px; float:left;} .roboto #entityContent.content div.top10control div.left div.description {margin-bottom:25px;} .roboto #entityContent.content div.top10control div.left div.keyFeatures h4 {padding:25px 0 5px 0; color:#9b9b9b; font-size:14px; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; line-height:1em; font-weight:bold; border-bottom:1px solid #e4e4e4; text-transform:uppercase;} .roboto #entityContent.content div.top10control div.left div.keyFeatures dl {padding:5px 0 15px 0; font-size:14px;} .roboto #entityContent.content div.top10control div.left div.keyFeatures dl dt {float:left; margin-right:5px;} .roboto #entityContent.content div.top10control div.left div.keyFeatures dl dt:after {content:":";} .roboto #entityContent.content div.top10control div.left div.keyFeatures dl dd {font-weight:bold;} .roboto #entityContent.content div.top10control div.left p.showMore {margin:5px 0 0 0;} .roboto #entityContent.content div.top10control div.left p.showMore a.gRobotoWhiteButton {color:#010101; font-size:9pt; padding:4px 20px;} .roboto #entityContent.content div.top10control div.left div.info {margin-top:-40px; margin-left:157px; min-height:40px;} .roboto #entityContent.content div.top10control div.left div.info div.review {float:left;} .roboto #entityContent.content div.top10control div.left div.info div.comparator {float:left; padding-left:20px;} .roboto #entityContent.content div.top10control div.left div.info div.comparator p.showList {margin-top: 10px; max-width:165px;} .roboto #entityContent.content div.top10control div.left div.info div.comparator p.showList a {color:#14609E; font-family:"Roboto Condensed",Roboto,Arial,Verdana,Tahoma; font-size:16px; font-weight:bold; line-height:1em;} .roboto #entityContent.content div.top10control div.right {width:366px; float:right;} .roboto #entityContent.content div.top10control div.right div.gProductThumbnails {box-shadow:none; border:1px solid #e4e4e4;} .roboto #entityContent.content div.top10control div.right div.gProductThumbnails ul {margin:0; list-style-type:none;} .roboto #entityContent.content div.top10control div.right div.rate {padding-top:20px;} .roboto #entityContent.content div.top10control div.right div.rate p.rating {margin:0;} .roboto #entityContent.content div.top10control div.right div.rate h6 {padding:0;} .roboto #entityContent.content div.top10control div.right div.gRobotoShopListBox {margin-top:-20px; margin-bottom:0;} .roboto #entityContent.content div.top10control div.right div.gRobotoShopListBox h5 {padding-left:120px;} .roboto #entityContent.content div.top10control div.right div.gRobotoShopListBox ul li span.shop {padding:3px 0 0;} .roboto #entityContent.content div.top10control div.right div.gRobotoShopListBox ul li span.more strong.price {padding:3px 0;} .roboto #entityContent.content div.top10control div.right div.gRobotoShopListBox .gRobotoWhiteButton {color:#010101; font-size:9pt; padding:4px 20px;} .roboto #entityContent.content div.readNext {padding:0 0 35px; float:left;} .roboto #entityContent.content div.readNext a.gRobotoButton {padding:18px 40px;} .roboto #entityContent.content div.readNext.right {float:right;} .roboto #entityContent.content div.tableOfContents {margin:35px 0; text-align:right;} .roboto #entityContent.content div.tableOfContents ul {width:430px; display:inline-block; text-align:left; list-style-type:none; margin:0; padding:0;} .roboto #entityContent.content div.tableOfContents ul li a {display:block; padding:3px; color:#666666; font-family:'Roboto Condensed', Roboto, Arial, Verdana, Tahoma; line-height:1.1em; font-weight:bold; font-size:18px; text-decoration:none;} .roboto #entityContent.content div.tableOfContents ul li a em, .roboto #entityContent.content div.tableOfContents ul li a span {font-style:normal; color:#A1A1A1;} .roboto #entityContent.content div.tableOfContents ul li a:visited {color:#A1A1A1;} .roboto #entityContent.content div.tableOfContents ul li a.selected, .roboto #entityContent.content div.tableOfContents ul li a:hover {color:#FFF; background:#3399FF;} .roboto #entityContent.content div.tableOfContents ul li a.selected em, .roboto #entityContent.content div.tableOfContents ul li a.selected span, .roboto #entityContent.content div.tableOfContents ul li a:hover em, .roboto #entityContent.content div.tableOfContents ul li a:hover span {color:#FFF;} .roboto #entityContent.content div.gRobotoShopListBox {margin-bottom:35px; font-size:9pt;} .roboto #entityContent.content div.gRobotoShopListBox.boxInNews {margin-top:20px; margin-bottom:10px;} .roboto #entityContent.content div.inlinePool, div.inlinePool {padding:35px 0;} .roboto #entityContent.content div.inlinePool h5, div.inlinePool h5 {float:left; padding:0; width:150px; font-weight:bold; font-family:'Roboto Condensed', Roboto, Arial, Verdana, Tahoma; font-size:60px; line-height:1em; letter-spacing:-0.04em; color:#BFBFBF;} .roboto #entityContent.content div.inlinePool div.poolBody, div.inlinePool div.poolBody {float:left; width:400px; margin:5px 0 0 15px;} .roboto #entityContent.content div.inlinePool p.name, div.inlinePool p.name, .roboto #entityContent.content div.inlinePool p.ask, div.inlinePool p.ask {margin:0 0 5px; padding:0; font-weight:bold; font-family:'Roboto Condensed', Roboto, Arial, Verdana, Tahoma; font-size:21px; line-height:1em;} .roboto #entityContent.content div.inlinePool p.name, div.inlinePool p.name {color:#444444;} .roboto #entityContent.content div.inlinePool p.ask, div.inlinePool p.ask {color:#F58220;} .roboto #entityContent.content div.inlinePool div.poolBody ul, div.inlinePool div.poolBody ul {list-style-type:none !important; margin:0 !important; padding:0 !important;} .roboto #entityContent.content div.inlinePool div.poolBody ul li label, div.inlinePool div.poolBody ul li label {cursor:pointer;} .roboto #entityContent.content div.inlinePool div.poolBody ul li input[type=radio], div.inlinePool div.poolBody ul li input[type=radio] {vertical-align:middle; margin:0 10px 0 0;} .roboto #entityContent.content div.inlinePool div.poolBody ul li strong, div.inlinePool div.poolBody ul li strong {display:block; font-weight:normal !important;} .roboto #entityContent.content div.inlinePool div.poolBody ul li span.graph, div.inlinePool div.poolBody ul li span.graph {margin-left:4px; display:inline-block; width:120px; height:10px;} .roboto #entityContent.content div.inlinePool div.poolBody ul li span.graph span, div.inlinePool div.poolBody ul li span.graph span {position:relative; display:block; height:10px; background:#F58220; cursor:help;} .roboto #entityContent.content div.inlinePool div.poolBody ul li span.graph em, div.inlinePool div.poolBody ul li span.graph em {position:absolute; right:-35px; top:0; display:block; width:30px; padding-left:5px; color:#838383; font-size:7pt;} .roboto #entityContent.content div.inlinePool div.poolBody p.submit, div.inlinePool div.poolBody p.submit {margin:0; padding:15px 0 0;} .roboto #entityContent.content div.fontSizeControl {position:relative; height:10px;} .roboto #entityContent.content div.fontSizeControl span.button {position:absolute; top:-20px; display:inline-block; width:40px; height:40px; border-radius:20px; color:#FFF; background:#CDCDCD; font-weight:bold; text-align:center; cursor:pointer;} .roboto #entityContent.content div.fontSizeControl span.button:hover {background:#B7B7B7;} .roboto #entityContent.content div.fontSizeControl span.button.normal {right:45px; font-size:15px; line-height:2.8em;} .roboto #entityContent.content div.fontSizeControl span.button.increase {right:0; font-size:18px; line-height:2.2em;} .roboto #entityContent.content div.fontSizeControl.news {margin-top:25px; margin-bottom:15px;} .roboto #entityGallery {position:relative; z-index:40; padding:0 12px 35px;} .roboto #entityGallery ul li {width:936px; text-align:center;} .roboto #entityGallery div.shortContent, .roboto #entityGallery div.longContent {display:none;} .roboto #entityGalleryDetails {padding:0 12px 35px;} .roboto #entityGalleryDetails div.content div.longContent p {margin-bottom:10px !important;} .roboto #entityGalleryDetails div.content div.longContent h3 {padding-top:0 !important; padding-bottom:10px !important;} .roboto #entityGalleryDetails p.category {margin-right:220px; font-size:8pt;} .roboto #entityGalleryDetails p.category a {display:inline-block; margin:1px 1px; padding:10px 7px; color:#FFF; background:#BFBFBF; text-transform:uppercase; border-radius:3px; font-weight:bold;} .roboto #entityGalleryDetails p.category a:hover {background:#EB880E; text-decoration:none;} .roboto #entityGalleryDetails div.author {position:relative; float:right; width:190px; font-size:9pt; line-height:1.4em; color:#666666;} .roboto #entityGalleryDetails div.author p.avatar {position:absolute; top:0; left:0; width:100px; height:100px; overflow:hidden;} .roboto #entityGalleryDetails div.author p.who {margin:0 0 0 100px; min-height:90px; padding:0 0 10px 10px;} .roboto #entityGalleryDetails div.author p.who a {color:#1B5F9F;} .roboto #entityGalleryDetails div.author p.more {padding:10px 0 0;} .roboto #entityGalleryDetails div.author p.more a.gRobotoButton {margin:4px 0 0; display:block; text-align:center;} .roboto #entityGalleryDetails div.author p.more a.gRobotoButton:hover {text-decoration:underline !important;} .roboto #entityGalleryDetails.withContent div.content {float:left; width:400px; margin:0 0 0 30px; padding-top:0;} .roboto #entityGalleryDetails.withContent p.category {margin-left:450px;} .roboto #entityOtherGalleries {padding:0 44px 35px;} .roboto #entityOtherGalleries h6 {padding:0 0 15px; font-size:11pt; line-height:1em;} .roboto #entityOtherGalleries ul {margin:0; padding:0; list-style-type:none;} .roboto #entityOtherGalleries ul li {margin:0 0 0 10px; padding:0; float:left;} .roboto #entityOtherGalleries ul li:first-child {margin-left:0;} .roboto #entityOtherGalleries ul li a {transition-duration:0.2s; -webkit-transition-duration:0.2s;} .roboto #entityOtherGalleries ul li a:hover {opacity:0.8; filter: alpha(opacity=80);} .roboto #entityStats {position:relative; padding:10px 0; margin:0 15px 0; font-size:7pt; line-height:1em; color:#666666; border-bottom:1px solid #E4E4E4} .roboto #entityStats:after {position:absolute; left:0; bottom:-9px; width:100%; height:8px; content:' '; background:url('/i/entity-stats-line-shadow.png') no-repeat center 0;} .roboto #entityStats em {color:#F58220;} .roboto #entityStats a.comment {font-size:11pt; font-weight:bold; color:#F48123; float:right; padding-right:330px;} .roboto #entityStats a.commentNow {position:absolute; left:50%; top:7px; width:200px; margin-left:-100px; text-align:center; font-weight:bold; font-size:10pt; line-height:1em; color:#F58220;} .roboto #productCompareSimilar {padding:0 14px 14px; overflow:hidden;} .roboto #productCompareSimilar.noSidePadding {padding-left:0; padding-right:0;} .roboto #productCompareSimilar h4 {position:relative; margin:14px 0 20px; padding:0; font-weight:bold; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:34px; line-height:1em; letter-spacing:-0.01em; color:#999999;} .roboto #productCompareSimilar h4 a {color:#336699;} .roboto #productCompareSimilar h4.square {min-height:50px; padding:3px 0 3px 50px; background:url('/i/discriminant-0.png') no-repeat 0 0;} .roboto #productCompareSimilar div.products ul {position:relative;} .roboto #productCompareSimilar div.products ul li {float:left; width:20%; text-align:center; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma;} .roboto #productCompareSimilar div.products ul li h5 {margin:10px 0; font-size:14pt; line-height:1.1em;} .roboto #productCompareSimilar div.products ul li h5 a {} .roboto #productCompareSimilar div.products ul li p.price {color:#999999; font-size:12pt; line-height:1em;} .roboto #productCompareSimilar div.products ul li p.price strong {color:#AD0000; font-size:14pt; line-height:1em;} .roboto #productCompareSimilar div.products ul li p.check {margin:10px 0; width:34px; height:34px; margin:10px auto 0; background:#F1F1F1;} .roboto #productCompareSimilar div.products ul li p.check label {display:block; width:34px; height:34px; cursor:pointer;} .roboto #productCompareSimilar div.products ul li p.check label input.checkbox {margin:10px auto 0; width:16px; height:16px; cursor:pointer;} .roboto #productCompareSimilar div.compare {padding:20px 0 0; text-align:center;} .roboto #productCompareSimilar div.compare input.submit {padding:6px 20px; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:14pt; line-height:1em; cursor:pointer; background-image:none;} .roboto #productCompareSimilar div.compare input.submit:hover {border-color:#B9B9B9; color:#3B3B3B;} .roboto #similarTopics {position:relative; padding:0 14px 6px;} .roboto #similarTopics h4 {padding:14px 0 20px; font-weight:bold; font-family:'Roboto Condensed', Roboto, Arial, Verdana, Tahoma; font-size:34px; line-height:1em; letter-spacing:-0.01em; color:#999999;} .roboto #similarTopics h4 a {color:#336699; text-transform:lowercase;} .roboto #similarTopics div.tiles {float:left; width:702px;} .roboto #similarTopics div.tiles ul li.gRobotoTile {margin:0 8px 8px 0;} .roboto #similarTopics div.latest {float:right; width:230px;} .roboto #similarTopics div.latest h4 {margin-left:10px;} .roboto #similarTopics div.latest ul li {padding:10px 10px;} .roboto #similarTopics div.latest ul li:nth-child(even) {background:#F6F5F5;} .roboto #similarTopics div.latest ul li a {font-weight:bold; font-family:'Roboto Condensed', Roboto, Arial, Verdana, Tahoma; color:#336699; font-size:18px; line-height:1.1em; letter-spacing:-0.01em;} .roboto #similarTopics div.moveLink {position:absolute; right:14px; bottom:14px;} .roboto #similarTopics div.moveLink a.gRobotoButton {padding:20px 35px;} .roboto #latestTopics {padding:14px 14px 14px;} .roboto #latestTopics h4 {padding:14px 0 20px; font-weight:bold; font-family:'Roboto Condensed', Roboto, Arial, Verdana, Tahoma; font-size:34px; line-height:1em; letter-spacing:-0.01em; color:#999999;} .roboto #latestTopics a {color:#336699;} .roboto #latestTopics ul {float:left; width:33%; padding:0 5px; box-sizing:border-box;} .roboto #latestTopics ul li {vertical-align:top; padding:8px 10px; font-weight:bold; font-family:'Roboto Condensed', Roboto, Arial, Verdana, Tahoma; font-size:18px; line-height:1.2em;} .roboto #latestTopics ul:nth-child(2n+1) li:nth-child(even), .roboto #latestTopics ul:nth-child(2n) li:nth-child(odd) {background:#F6F5F5;} .roboto #pointTopics {padding:0 14px 14px;} .roboto #pointTopics h4 {padding:14px 0 20px; font-weight:bold; font-family:'Roboto Condensed', Roboto, Arial, Verdana, Tahoma; font-size:34px; line-height:1em; letter-spacing:-0.01em; color:#999999;} .roboto #pointTopics ul {display:table; width:100%;} .roboto #pointTopics ul li {display:table-cell; padding:35px; width:25%; text-align:center; vertical-align:middle; border-left:1px solid #BFBFBF;} .roboto #pointTopics ul li:first-child {border:none;} .roboto #pointTopics ul li a {color:#1B5F9F; font-weight:bold; font-family:'Roboto Condensed', Roboto, Arial, Verdana, Tahoma; font-size:20px; line-height:1.1em; letter-spacing:-0.01em;} .roboto #pointTopics.textCenter ul li {text-align:center;} .roboto #pointTopics.aggregator ul li {width:20%;} .roboto #commentsWrapper {padding:10px 0 0; width:600px;} .roboto div.noLoginAlert {padding:15px; margin:0 15px 15px; color:#FFF; background:#F22A39; font-family:'Roboto Condensed', Roboto, Arial, Verdana, Tahoma; font-size:18px; line-height:1em; border-radius:6px;} .roboto div.noLoginAlert a {margin-left:10px;} .roboto div.noLoginAlert p.first {float:left; margin-left:180px;} .roboto div.noLoginAlert p.second {float:right;} /* 11. aggregator ------------------------------------------------------- */ #aggregator {margin:10px 0 20px;} #aggregator div.tabs {position:relative; z-index:10; padding:0 55px;} #aggregator div.tabs ul {display:table; width:90%;} #aggregator div.tabs ul li {position:relative; display:table-cell; padding:11px 50px 11px 0;} #aggregator div.tabs ul li.selected:after {position:absolute; left:0; right:0; bottom:-10px; width:100%; height:11px; content:' '; display:block; background:url('/i/aggregator-separator.gif') no-repeat 0 0;} #aggregator div.tabs ul li a {font-weight:bold; font-family:'Roboto Condensed', Roboto, Arial, Verdana, Tahoma; color:#A7A7A7; font-size:22px; line-height:1em;} #aggregator div.tabs ul li.selected a {color:#50AECC;} #aggregator div.rotator {position:relative; z-index:9; min-height:440px; background:#ECFCFF; overflow:hidden;} #aggregator div.rotator ul.splint {} #aggregator div.rotator ul.splint li.slide {position:absolute; left:0; top:0; display:none; float:left; width:850px; padding:25px 55px; background:#ECFCFF;} #aggregator div.rotator ul.splint li.slide:first-child {display:block;} #aggregator div.rotator ul.splint li.slide h3 {font-weight:bold; font-family:'Roboto Condensed', Roboto, Arial, Verdana, Tahoma; font-size:44px; line-height:1em;} #aggregator div.rotator ul.splint li.slide div.description {width:700px; padding:20px 0 15px; line-height:1.5em;} #aggregator div.rotator ul.splint li.slide div.description p {padding:0 0 10px;} #aggregator div.rotator ul.splint li.slide div.description a {color:#1B5F9F;} #aggregator div.rotator ul.splint li.slide div.thumbnail {float:left;} #aggregator div.rotator ul.splint li.slide div.thumbnail img {box-shadow:0 0 3px #A5A5A5;} #aggregator div.rotator ul.splint li.slide div.shops {float:left; margin-left:50px;} #aggregator div.rotator ul.splint li.slide div.shops div.gRobotoRatingBox div.ratingsRight {padding-left:35px;} #aggregator div.rotator ul.splint li.slide div.shops div.gRobotoShopListBox {width:290px;} #aggregator div.rotator a.pager {position:absolute; top:50%; width:33px; margin-top:-27px; z-index:21; height:54px; overflow:hidden; text-indent:-9999px; background:url('/i/article-rotator-sprites.png') no-repeat -9999px -9999px;} #aggregator div.rotator a.pager:hover {opacity:0.7; filter:alpha(opacity=70);} #aggregator div.rotator a.pager.prev {left:10px; background-position:0 0;} #aggregator div.rotator a.pager.next {right:10px; background-position:-33px 0;} /* 12. user ------------------------------------------------------- */ .roboto #userHeader {position:relative;} .roboto #userHeader ul.references {padding:15px 0 0 135px; color:#A4A4A4; display:inline-block;} .roboto #userHeader ul.references li {display:inline-block; padding:0 5px 0 0; margin:0 5px 5px 0; color:#A4A4A4; border-right:1px solid #A4A4A4;} .roboto #userHeader ul.references li:last-child {border:0; padding-right:0; margin-right:0;} .roboto #userHeader p.avatar {position:absolute; top:15px; left:20px; width:100px;} .roboto #userHeader div.authorName {padding:5px 120px 0 135px;} .roboto #userHeader div.authorName h1 {display:inline-block; vertical-align:bottom; font-size:60px; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-weight:bold; line-height:1em; letter-spacing:-0.04em; color:#BFBFBF;} .roboto #userHeader div.authorName a.edit {margin:4px 0 4px 10px; vertical-align:bottom;} .roboto #userHeader div.authorName p.lead {padding-top:10px; color:#A4A4A4; line-height:1.4em;} .roboto div.userSection {padding:20px 30px;} .roboto div.userSection h2 {display:inline-block; padding:0 15px 0 0; vertical-align:bottom; font-size:37px; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-weight:bold; line-height:1em; letter-spacing:-0.04em; color:#999999;} .roboto div.userSection a {vertical-align:bottom;} .roboto #userHardware {padding:20px 30px;} .roboto #userHardware h2{display:inline-block; padding:0 15px 0 0; vertical-align:bottom; font-size:37px; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-weight:bold; line-height:1em; letter-spacing:-0.04em; color:#999999;} .roboto #userHardware div.tabs {display:inline;} .roboto #userHardware div.tabs > ul {display:inline;} .roboto #userHardware div.tabs > ul li {display:inline;} .roboto #userHardware div.tabs > ul li.active a.gRobotoButton {background:red;} .roboto #userHardware div.tabBody {display:none;} .roboto #userHardware div.tabBody p.photo {float:right; margin:20px 0 10px 10px;} .roboto #userHardware div.tabBody dl {padding:15px 0 0; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:13pt; font-weight:bold; line-height:1.4em;} .roboto #userHardware div.tabBody dl dt {padding:0 0 10px; width:145px; float:left; color:#999999; text-align:right;} .roboto #userHardware div.tabBody dl dd {padding:0 0 10px; margin-left:155px; color:#555555;} .roboto div.commentsList {clear:both;} .roboto div.commentsList li.commentRow {margin:0 0 10px;} .roboto div.commentsList li.commentRow p.gRobotoTile {float:left;} .roboto div.commentsList li.commentRow div.comments {float:left; width:630px;} .roboto div.commentsList li.commentRow div.comments li.item {margin-top:0;} .roboto div.commentsList li.commentRow div.comments a.readDiscussion {float:right; margin:-5px 10px 5px 0;} .roboto div.commentsList li.commentRow p.gRobotoCommentsCount {float:right;} * { }