/**
* / CSS by Damian Sobczak
*   damian.sobczak@benchmark.pl /
*
* 01. global
* 02. roboto overrides
* 03. jQuery UI
*
*/

/* 01. global
   ------------------------------------------------------- */
#roboto div.adsenseDouble {width:750px; margin:15px auto;}
#roboto div.productDetails div.product {position:relative; padding:15px;}
#roboto div.productDetails div.product div.badge {display:none; position:absolute; top:25px; right:35px; width:120px; height:105px; border-radius:30px; padding:10px 0 0 0; background-color:#EA6300; text-align:center; color:#FFFFFF;}
#roboto div.productDetails div.product div.badge strong {font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:70px; font-weight:bold; letter-spacing:-0.01em; line-height:1em;}
#roboto div.productDetails div.product div.title {padding:0 15px 15px 15px;}
#roboto div.productDetails div.product div.title a {text-decoration:none;}
#roboto div.productDetails div.product div.title h1 {font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:42px; font-weight:bold; letter-spacing:-0.01em; line-height:1em; color:#2F2F2F;}
#roboto div.productDetails div.product div.title h1 strong {color:#EA6300; font-weight:bold;}
#roboto div.productDetails div.product div.title em {color:#EA6300;}
#roboto div.productDetails div.product div.image {float:left; position:relative; width:600px; padding:0;}
#roboto div.productDetails div.product div.image img {max-width:600px;}
#roboto div.productDetails div.product div.info {float:left; width:320px; padding:0 0 0 10px;}
#roboto div.productDetails div.product div.info div.icons {float:right; width:320px; text-align:right; padding:0 0 10px 0;}
#roboto div.productDetails div.product div.info div.review {float:right; width:320px; text-align:right;}
#roboto div.productDetails div.product div.info div.review em {color:#8A8A8A; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:16px; font-weight:bold; line-height:1em;}
#roboto div.productDetails div.product div.info div.review p.rating {margin:12px 15px;}
#roboto div.productDetails div.product div.info div.price {float:right; width:320px; text-align:right; padding-top:15px;}
#roboto div.productDetails div.product div.info div.price em {color:#14609E; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:16px; font-weight:bold; line-height:1em;}
#roboto div.productDetails div.product div.info div.price p.value {margin:8px 0; color:#AD0000; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:26px; font-weight:bold; line-height:1em;}
#roboto div.productDetails div.product div.info div.price p.value strong {color:#000000; font-weight:bold;}
#roboto div.productDetails div.product div.info div.price p.value em {color:#8A8A8A; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:16px; font-weight:bold; line-height:1em;}
#roboto div.productDetails div.product div.info div.gRobotoShopListBox h5 {display:none;}
#roboto div.productDetails div.product div.info div.gRobotoShopListBox ul li span.more strong.price {padding:10px 0 9px 0; font-weight:bold;}
#roboto div.productDetails div.product div.info div.gRobotoShopListBox p.showMore {padding-bottom:0 !important;}
#roboto div.productDetails div.product div.info.prices div.icons {text-align:left;}
#roboto div.productDetails div.product div.info.prices div.review {text-align:left;}
#roboto div.productDetails div.product div.info.prices div.review p.showMore {position:absolute; bottom:15px;}
#roboto div.productDetails div.product div.info.prices div.price {padding-top:0; margin-top:-20px;}
#roboto div.productDetails div.product div.parent {line-height:1.5em; color:#333333;}
#roboto div.productDetails div.product div.parent h4 {padding:15px 0 5px 0; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:16px; font-weight:bold; line-height:1em; color:#FF6600; text-transform:uppercase;}
#roboto div.productDetails div.product div.parent p {padding:0 0 0 10px;}
#roboto div.productDetails div.product div.parent p a {color:#345AAF;}

#roboto div.productDetails div.productCompare {float:left; width:450px; padding-top:0;}
#roboto div.productDetails div.productCompare div.title h1 {font-size:37px;}
#roboto div.productDetails div.productCompare div.titleRight {text-align:right;}
#roboto div.productDetails div.productCompare div.image {width:390px; padding:0 30px 5px 30px;}
#roboto div.productDetails div.productCompare div.image img {max-width:390px;}
#roboto div.productDetails div.productCompare div.image div.badge {display:none; top:0; right:0; width:80px; height:72px; border-radius:20px; padding:6px 0 0 0;}
#roboto div.productDetails div.productCompare div.image div.badge strong {font-size:45px; font-weight:bold;}
#roboto div.productDetails div.productCompare div.image div.badgeBlue {left:0; right:0; background-color:#69B1C4;}
#roboto div.productDetails div.productCompare div.image div.icons {position:absolute; bottom:5px; right:15px;}
#roboto div.productDetails div.productCompare div.image div.iconsRight {position:absolute; bottom:5px; right:15px;}
#roboto div.productDetails div.productCompare div.info {float:left; width:450px; padding:0;}
#roboto div.productDetails div.productCompare div.info div.icons {width:150px;}
#roboto div.productDetails div.productCompare div.info div.review {float:left; width:150px; text-align:left;}
#roboto div.productDetails div.productCompare div.info div.review p.showMore {position:absolute; bottom:15px;}
#roboto div.productDetails div.productCompare div.info div.price {float:left; width:300px; padding-top:0;}
#roboto div.productDetails div.productCompare div.info div.gRobotoShopListBox {margin-top:-5px; padding-right:70px;}
#roboto div.productDetails div.productCompareHeader {float:unset; width:930px; padding-top:15px; padding-bottom:0;}
#roboto div.productDetails div.productCompareHeader div.title {padding-bottom:0;}
#roboto div.productDetails div.productCompareHeader div.title h1 {font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:37px; font-weight:bold; letter-spacing:-0.01em; line-height:1em;}
#roboto div.productDetails div.productCompareHeader div.title h1 span {display:inline-block; width:60px; color:#666666; text-align:center;}
#roboto div.productDetails div.productCompareHeader div.title h1 a {display:inline-block; width:420px; color:#2F2F2F;}
#roboto div.productDetails div.productCompareHeader div.title h1 a.left {text-align:right;}
#roboto div.productDetails div.productCompareHeader div.title h1 a.right {text-align:left;}
#roboto div.productDetails div.productCompareHeader div.title h1 a strong {color:#EA6300; font-weight:bold;}
#roboto div.productDetails div.productCompareTitles {padding-top:0; padding-bottom:0;}

#roboto div.productDetails div.recommended {position:relative; height:110px; padding:0 30px; background: url(/i/comparator/bg-recommended.png) repeat;}
#roboto div.productDetails div.recommended div.info {float:left; width:470px; padding:25px 0; text-align:right; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:26px; font-weight:bold; letter-spacing:-0.01em; line-height:1em; color:#2F2F2F;}
#roboto div.productDetails div.recommended div.info span.title {color:#8A8A8A; font-size:16px;}
#roboto div.productDetails div.recommended div.info a {text-decoration:none;}
#roboto div.productDetails div.recommended div.info a strong {color:#EA6300; font-weight:bold;}
#roboto div.productDetails div.recommended div.image {float:left; width:208px; padding:0 36px;}
#roboto div.productDetails div.recommended div.links {float:left; width:150px; padding:65px 0 0 0; text-align:right;}

#roboto div.productDetails div.jumpList {padding:30px 0; text-align:center; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:18px; font-weight:bold; line-height:1em;}
#roboto div.productDetails div.jumpList ul li {list-style-type:none; display:inline;}
#roboto div.productDetails div.jumpList ul li:before {color:#EA6300; margin:0 10px; content:" | ";}
#roboto div.productDetails div.jumpList ul li:first-child:before {content:none;}

#roboto div.sectionPreamble {padding:5px 30px; color:#FFFFFF; background:#84847D;}
#roboto div.sectionPreamble div.name {float:left;}
#roboto div.sectionPreamble div.name h2 {font-size:28px; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-weight:bold; line-height:1em; letter-spacing:-0.04em;}
#roboto div.sectionPreamble div.name p.subtitle {font-size:13px; line-height:1.4em; padding-top:5px;}
#roboto div.sectionPreamble div.icon {float:right; position:relative;}
#roboto div.sectionPreamble div.selectProducts {float:left; width:460px; margin:0 70px 13px 70px;}
#roboto div.sectionPreamble div.selectProducts div.textbox input[type=text] {float:left; padding:8px 10px; width:180px; height:17px; background:#FFF; border-radius:6px; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-weight:bold; font-size:16px;}
#roboto div.sectionPreamble div.selectProducts div.separator {float:left; width:59px; height:33px; background:url(/i/comparator/versus.png) no-repeat;}
#roboto div.sectionPreamble div.compare {padding:9px 0 0 0;}
#roboto div.sectionPreamble div.compare a {padding:8px 14px; color:#FFF; background:#BFBFBF; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-weight:bold; font-size:15px; line-height:1em; border-radius:3px;}
#roboto div.sectionPreamble div.compare a.orange {background:#EA6300;}

#roboto div.sectionGray {background-color:#F6F6F6;}
#roboto div.sectionPreambleSmall {padding:10px 30px; margin:10px 0 0 0;}

#roboto div.section div.specification {float:left; width:290px; margin:15px;}
#roboto div.section div.specification h3{padding:5px 0; color:#EA6300; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:21px; line-height:1em; font-weight:bold; border-bottom:1px solid #9B9B9B;}
#roboto div.section div.specification dl dt {padding:5px 0 1px; font-family:Roboto,Arial,Verdana,Tahoma; font-size:13px; line-height:1em; color:#898989;}
#roboto div.section div.specification dl dd {padding:0 0 8px; color:#515151; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-weight:bold; font-size:17px; line-height:1.55em; border-bottom:1px solid #DDDDDD;}
#roboto div.section div.specificationHeader {float:left; margin:15px 15px 0 15px;}
#roboto div.section div.specificationHeader h3 {font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:26px; font-weight:bold; letter-spacing:-0.01em; line-height:1em;}
#roboto div.section div.specificationHeader h3 strong {color:#EA6300; font-weight:bold;}
#roboto div.section div.specificationLeft {width:350px; padding-left:100px;}
#roboto div.section div.specificationRight {width:350px; padding-right:100px;}

#roboto div.section div.differences {margin:15px;}
#roboto div.section div.differences div.image {float:left; margin:10px 0 0 25px;}
#roboto div.section div.differences div.image img {max-width:150px;}
#roboto div.section div.differences div.title {float:left; margin:15px 0 5px 25px;}
#roboto div.section div.differences div.title h3 {font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:26px; font-weight:bold; letter-spacing:-0.01em; line-height:1em;}
#roboto div.section div.differences div.title h3 strong {color:#EA6300; font-weight:bold;}
#roboto div.section div.differences div.title h3 em {color:#8A8A8A;}
#roboto div.section div.differences div.empty {margin:0 0 20px 0;}

#roboto div.section div.differences div.table {margin:15px 0 20px 0;}
#roboto div.section div.differences div.table div.rowName {float:left; width:350px; color:#515151; font-size:14px;}
#roboto div.section div.differences div.table div.rowScoreLeft {float:left; width:175px; text-align:right; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-weight:bold; color:#515151; font-size:17px;}
#roboto div.section div.differences div.table div.rowVersus {float:left; width:25px; text-align:center; color:#8A8A8A; font-size:12px;}
#roboto div.section div.differences div.table div.rowScoreRight {float:left; width:175px; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-weight:bold; color:#515151; font-size:17px;}
#roboto div.section div.differences div.table div.rowComment {float:left; width:180px; color:#8A8A8A; font-size:13px;}

#roboto div.section div.differences div.table ul.list {background:#F6F6F6; box-shadow:1px 1px 2px rgba(0,0,0,0.2);}
#roboto div.section div.differences div.table ul.list li {position:relative; padding:10px; border-top:1px solid #BDBEC4;}
#roboto div.section div.differences div.table ul.list li:nth-child(odd) {background:#FFF;}
#roboto div.section div.differences div.table ul.list li:first-child {border-top:0;}

#roboto div.section div.chart {float:left; position:relative; width:450px; margin:15px;}
#roboto div.section div.chart h3{padding:5px 0; margin:0 0 10px 0; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:21px; line-height:1em; font-weight:bold; border-bottom:1px solid #9B9B9B;}
#roboto div.section div.chart div.badge {position:absolute; top:0px; right:0px; width:30px; height:30px; border-radius:9px; background-color:#EA6300; text-align:center; color:#FFFFFF;font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:17px; font-weight:bold; letter-spacing:-0.01em; line-height:29px;}
#roboto div.section div.chart div.column {position:relative; height:23px; margin:4px 0; background-color:#BBBBBB; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:13px; line-height:1em; font-weight:bold; color:#FFFFFF; text-transform:uppercase;}
#roboto div.section div.chart div.column div.name {position:absolute; top:4px; left:7px;}
#roboto div.section div.chart div.column div.name a {color:#FFFFFF;}
#roboto div.section div.chart div.column div.score {position:absolute; top:4px; right:7px;}
#roboto div.section div.chart div.columnOrange div.bar {height:23px; background-color:#EA6300;}
#roboto div.section div.chart div.columnBlue div.bar {height:23px; background-color:#398AC6;}
#roboto div.section div.chart div.columnGreen div.bar {height:23px; background-color:#69C48B;}
#roboto div.section div.chart div.columnOld div.bar {height:23px; background-color:#999999;}
#roboto div.section div.chart div.columnGray {height:15px; font-size:10px;}
#roboto div.section div.chart div.columnGray div.bar {height:15px; background-color:#999999;}
#roboto div.section div.chart div.columnGray div.name {position:absolute; top:2px; left:7px;}
#roboto div.section div.chart div.columnGray div.score {position:absolute; top:2px; right:7px;}
#roboto div.section div.chart div.hidden {margin:0 0 0 25px; display:none;}
#roboto div.section div.chart div.description {line-height:17px; color:#000000; font-size:12px;}

#roboto div.section div.chartWide {width:930px; margin:15px 15px 25px 15px;}
#roboto div.section div.chartListSmall {float:left; width:460px; margin:5px 0;}
#roboto div.section div.chartListSmall p.links a.link {color:#8A8A8A; font-size:11px; margin:0 0 0 25px;}
#roboto div.section div.chartListSmall p.links a.selectLeft {display:block; float:left; background:url(/i/comparator/arrow-left.png) no-repeat 0 0; width:17px; height:11px; text-indent:-9999px;}
#roboto div.section div.chartListSmall p.links a.selectLeft:hover {background-position:0 -11px;}
#roboto div.section div.chartListSmall p.links a.selectRight {display:block; float:left; background:url(/i/comparator/arrow-right.png) no-repeat 0 0; width:17px; height:11px; text-indent:-9999px;}
#roboto div.section div.chartListSmall p.links a.selectRight:hover {background-position:0 -11px;}
#roboto div.section div.chartListBig {width:460px; margin:5px 0;}
#roboto div.section div.chartListBig p.links a.link {color:#8A8A8A; font-size:11px; margin:0 0 0 25px;}
#roboto div.section div.chartListBig p.links a.selectLeft {display:block; float:left; background:url(/i/comparator/arrow-left.png) no-repeat 0 0; width:17px; height:11px; text-indent:-9999px;}
#roboto div.section div.chartListBig p.links a.selectLeft:hover {background-position:0 -11px;}
#roboto div.section div.chartListBig p.links a.selectRight {display:block; float:left; background:url(/i/comparator/arrow-right.png) no-repeat 0 0; width:17px; height:11px; text-indent:-9999px;}
#roboto div.section div.chartListBig p.links a.selectRight:hover {background-position:0 -11px;}

#roboto div.section div.hotComparisons {position:relative; margin:10px 0 0 0; border-bottom:1px solid #DFE4E7;}
#roboto div.section div.hotComparisons div.title {float:left; width:240px;}
#roboto div.section div.hotComparisons div.title h2 {padding:30px 0 20px 30px; font-weight:bold; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:24px; line-height:1em; color:#999999;}
#roboto div.section div.hotComparisons div.title p.showMore {clear:both; padding:0 15px 15px 30px;}
#roboto div.section div.hotComparisons div.loader {position:absolute; display:none; top:105px; left:105px;}

#roboto div.section div.hotComparisons div.comparisons div.comparisonBig {display:inline-block; width:450px; margin:13px; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:22px; font-weight:bold; line-height:1em;}
#roboto div.section div.hotComparisons div.comparisons div.comparisonBig a {text-decoration:none;}
#roboto div.section div.hotComparisons div.comparisons div.comparisonBig div.comparisonImages {clear:both; position:relative;}
#roboto div.section div.hotComparisons div.comparisons div.comparisonBig div.comparisonImages img {max-width:205px;}
#roboto div.section div.hotComparisons div.comparisons div.comparisonBig div.comparisonImages div.productLeft {float:left;}
#roboto div.section div.hotComparisons div.comparisons div.comparisonBig div.comparisonImages div.productRight {float:right;}
#roboto div.section div.hotComparisons div.comparisons div.comparisonBig div.comparisonImages div.productVersus {position:absolute; top:17px; left:199px; z-index:5; padding:16px; border-radius:16px; font-size:22px; color:#FFFFFF; background-color:#EA6300; box-shadow:1px 1px 2px rgba(0,0,0,0.2);}
#roboto div.section div.hotComparisons div.comparisons div.comparisonBig div.comparisonTitle {clear:both;}
#roboto div.section div.hotComparisons div.comparisons div.comparisonBig div.comparisonTitle strong {color:#EA6300; font-weight:bold;}
#roboto div.section div.hotComparisons div.comparisons div.comparisonBig div.comparisonTitle div.productLeft {float:left; width:205px; text-align:right;}
#roboto div.section div.hotComparisons div.comparisons div.comparisonBig div.comparisonTitle div.productRight {float:left; width:205px; text-align:left;}
#roboto div.section div.hotComparisons div.comparisons div.comparisonBig div.comparisonTitle div.productVersus {float:left; width:40px; color:#8A8A8A; text-align:center; font-size:17px; line-height:42px;}

#roboto div.section div.hotComparisons div.comparisons div.comparisonSmall {display:inline-block; width:280px; margin:18px; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:16px; font-weight:bold; line-height:1em;}
#roboto div.section div.hotComparisons div.comparisons div.comparisonSmall a {text-decoration:none;}
#roboto div.section div.hotComparisons div.comparisons div.comparisonSmall div.comparisonImages {clear:both; position:relative;}
#roboto div.section div.hotComparisons div.comparisons div.comparisonSmall div.comparisonImages img {max-width:130px;}
#roboto div.section div.hotComparisons div.comparisons div.comparisonSmall div.comparisonImages div.productLeft {float:left;}
#roboto div.section div.hotComparisons div.comparisons div.comparisonSmall div.comparisonImages div.productRight {float:right;}
#roboto div.section div.hotComparisons div.comparisons div.comparisonSmall div.comparisonImages div.productVersus {position:absolute; top:5px; left:119px; z-index:5; padding:13px; border-radius:13px; font-size:18px; color:#FFFFFF; background-color:#EA6300; box-shadow:1px 1px 2px rgba(0,0,0,0.2);}
#roboto div.section div.hotComparisons div.comparisons div.comparisonSmall div.comparisonTitle {clear:both;}
#roboto div.section div.hotComparisons div.comparisons div.comparisonSmall div.comparisonTitle strong {color:#EA6300; font-weight:bold;}
#roboto div.section div.hotComparisons div.comparisons div.comparisonSmall div.comparisonTitle div.productLeft {float:left; width:125px; text-align:right;}
#roboto div.section div.hotComparisons div.comparisons div.comparisonSmall div.comparisonTitle div.productRight {float:left; width:125px; text-align:left;}
#roboto div.section div.hotComparisons div.comparisons div.comparisonSmall div.comparisonTitle div.productVersus {float:left; width:30px; color:#8A8A8A; text-align:center; font-size:13px; line-height:30px;}

#roboto div.section div.hotComparisons div.comparisons div.comparisonIndex {width:320px;}
#roboto div.section div.hotComparisons div.comparisons div.comparisonIndex div.comparisonImages {padding-left:20px; padding-right:20px;}
#roboto div.section div.hotComparisons div.comparisons div.comparisonIndex div.comparisonImages div.productVersus {left:139px;}
#roboto div.section div.hotComparisons div.comparisons div.comparisonIndex div.comparisonTitle div.productLeft {width:145px;}
#roboto div.section div.hotComparisons div.comparisons div.comparisonIndex div.comparisonTitle div.productRight {width:145px;}

#roboto div.section div.tabs {padding:15px 0 0 50px;}
#roboto div.section div.tabs ul li {float:left; position:relative;}
#roboto div.section div.tabs ul li a {display:block; float:left; margin:0 -15px 0 0; padding:15px 17px 15px 22px; border-radius: 10px 25px 0 0; background:#B8B8B8; color:#FFF; border:2px solid #EEE8E6; border-bottom:0; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; line-height:1em; font-weight:400; text-decoration:none; font-size:16px;}
#roboto div.section div.tabs ul li a:hover {background:#BFBFBF;}
#roboto div.section div.tabs ul li.selected a {background:#53B6F1 !important;}

#roboto div.section div.productList {position:relative; margin:0 15px;}
#roboto div.section div.productList h3{padding:5px 0; margin:0 0 10px 0; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:25px; line-height:1em; font-weight:bold; border-bottom:1px solid #9B9B9B;}
#roboto div.section div.productList div.loader {position:absolute; display:none; bottom:6px; left:466px;}

#roboto div.section div.productList ul.list {margin:0 0 15px; background:#F6F6F6; box-shadow:1px 1px 2px rgba(0,0,0,0.2);}
#roboto div.section div.productList ul.list li {position:relative;}
#roboto div.section div.productList ul.list li.small {padding:10px; border-top:1px solid #BDBEC4;}
#roboto div.section div.productList ul.list li.small:nth-child(odd) {background:#FFF;}
#roboto div.section div.productList ul.list li.small:first-child {border-top:0;}

#roboto div.section div.productList ul.list li.small div.productName {float:left; width:205px; text-align:right; padding:7px 0 0 0;}
#roboto div.section div.productList ul.list li.small div.productName a:hover {text-decoration:none;}
#roboto div.section div.productList ul.list li.small div.productName a h4 {font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:19px; font-weight:bold; line-height:1em;}
#roboto div.section div.productList ul.list li.small div.productName a h4 strong {color:#EA6300; font-weight:bold;}
#roboto div.section div.productList ul.list li.small div.productImage {float:left; position:relative; width:95px; margin:0 25px;}
#roboto div.section div.productList ul.list li.small div.productImage img {max-width:95px;}
#roboto div.section div.productList ul.list li.small div.productImage div.icons {position:absolute; bottom:0px; right:0px;}
#roboto div.section div.productList ul.list li.small div.productPrice {float:left; width:75px; margin:5px 15px 0 0; text-align:center; color:#AD0000; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:20px; font-weight:bold; line-height:1em;}
#roboto div.section div.productList ul.list li.small div.productPrice em {color:#8A8A8A; font-size:13px;}

#roboto div.section div.productList ul.list li.big {padding:15px; border-top:1px solid #BDBEC4;}
#roboto div.section div.productList ul.list li.big:nth-child(odd) {background:#FFFFEF;}
#roboto div.section div.productList ul.list li.big:first-child {border-top:0;}

#roboto div.section div.productList ul.list li.big div.productImage {float:left; position:relative; width:410px; margin:0 15px 0 10px;}
#roboto div.section div.productList ul.list li.big div.productImage img {max-width:380px;}
#roboto div.section div.productList ul.list li.big div.productImage div.icons {position:absolute; bottom:5px; right:30px;}
#roboto div.section div.productList ul.list li.big div.productInfo {float:left; width:460px;}
#roboto div.section div.productList ul.list li.big div.productInfo div.productName a:hover {text-decoration:none;}
#roboto div.section div.productList ul.list li.big div.productInfo div.productName a h4 {font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:28px; font-weight:bold; line-height:1em;}
#roboto div.section div.productList ul.list li.big div.productInfo div.productName a h4 strong {color:#EA6300; font-weight:bold;}
#roboto div.section div.productList ul.list li.big div.productInfo div.productPrice {margin:5px 0; color:#AD0000; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:20px; font-weight:bold; line-height:1em;}
#roboto div.section div.productList ul.list li.big div.productInfo div.productPrice strong {color:#000000; font-weight:bold;}
#roboto div.section div.productList ul.list li.big div.productInfo div.productPrice em {color:#8A8A8A; font-size:13px;}
#roboto div.section div.productList ul.list li.big div.productInfo div.productDescription {margin:0 0 5px 0; line-height:17px; font-size:11px;}

/* 02. roboto overrides
   ------------------------------------------------------- */
#roboto #categoryPreamble div.name h2 {color:#EA6300; padding-top:7px; 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 div.other {float:left; width:220px; margin:15px 12px 0 0;}
#roboto #categoryPreamble div.other a {padding-top:5px; font-size:17px; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-weight:bold; line-height:25px; letter-spacing:-0.04em;}
#roboto #categoryPreamble div.other a img {float:left; margin-right:10px;}

#roboto #categoryRestrictedFilter {margin:0 15px 7px 15px; padding:0 15px 0 15px; border-radius: 35px 35px 0 0; background:#FFFFFF;}
#roboto #categoryRestrictedFilter div.filter h4 {padding:15px 0 0 20px; font-size:16px; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-weight:bold; letter-spacing:-0.04em;}
#roboto #categoryRestrictedFilter div.filter div.group {width:260px; margin-left:20px; margin-right:20px; padding-top:15px;}
#roboto #categoryRestrictedFilter div.filter div.group h4 {padding:0; font-size:16px;}
#roboto #categoryRestrictedFilter div.filter div.group div.radiobox {float:left; width:120px; margin:0 10px 5px 0;}
#roboto #categoryRestrictedFilter div.filter div.group div.radiobox span.label {padding-left:5px;}
#roboto #categoryRestrictedFilter div.choosed strong {height:30px; font-size:16px; line-height:1.7em; font-weight:bold;}
#roboto #categoryRestrictedFilter div.choosed li.inactive strong {background:#B2B2B2; font-weight:bold;}
#roboto #categoryRestrictedFilter div.choosed li.inactive strong:hover {background:#EB880E;}
#categoryPreamble .ranking-gier-banner>img{width: 100%}

/* 03. jQuery UI
   ------------------------------------------------------- */
ul.ui-widget-content {border:1px solid #BFBFBF; background:#FFFFFF;}
ul.ui-widget-content a.ui-state-focus {border:1px solid #EEEEEE; background:#EEEEEE; color:#000000;}

ul.ui-menu li.ui-menu-item a {clear:both;}
ul.ui-menu li.ui-menu-item a img {float:left; width:80px; max-width:80px; margin:3px 12px 3px 0;}
ul.ui-menu li.ui-menu-item a span {display:inline-block; margin:6px 0 12px 0; width:200px; color:#000000; font-family:'Roboto Condensed',Roboto,Arial,Verdana,Tahoma; font-size:17px; font-weight:bold; line-height:1em;}
ul.ui-menu li.ui-menu-item a strong {color:#EA6300; font-weight:bold;}

div.ui-slider-horizontal {height:0.3em;}
div.ui-slider-horizontal a.ui-slider-handle {top:-0.5em;}
div.ui-slider a.ui-slider-handle {background:#EA6300; border:0; height:1.3em; border-radius:9px;}
div.ui-slider div.ui-slider-range {background:#FFE6B4;}