@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');

@-webkit-keyframes bugfix{from{padding:0}to{padding:0}}
@-webkit-keyframes fake{from{opacity:1}to{opacity:1}}
@keyframes fake{from{opacity:1}to{opacity:1}}
body {animation:bugfix infinite 1s; -webkit-animation:bugfix infinite 1s; padding:0; margin:0; font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight: normal; font-style: normal; line-height: normal;}
*, *:after, *:before {-webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

#homeCats {padding-bottom:20px;}
.icarsoft {font-size:30px; z-index:3; font-family:'Roboto', sans-serif; display:block; position:relative; margin:0; padding:0; height:100px; background:#20BCE6; }
.icarsoft .tmb {width:380px; height:122px; background:#fff; border:4px #20BCE6 solid; position:absolute; left:50%; margin:-12px 0 0 -190px; display:inline-block; text-align:center; line-height:120px;}
.icarsoft .tmb img {border:0; margin:0; padding:0; max-width:100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.icarsoft p {float:left; color:#fff; margin:0; padding:0; line-height:100px;}
.icarsoft p:before {height:100px; display:block; width:500px; left:-500px; top:0; position:absolute; margin:0; padding:0; content:''; background:#20BCE6;}
.icarsoft p:last-child {float:right;}
.icarsoft p:last-child:before {left:auto; right:-500px;}

.pagecontainer {overflow:hidden;}

a {text-decoration: none;}
a:hover {text-decoration: underline;}

#filters {padding: 10px; margin:0; background:#18BDE8; display: block;}
#filters input {float:left; height:40px; line-height:40px; padding:0 80px; background:#000; color:#fff;  font-family: 'Roboto', sans-serif; font-size:20px; border:0; margin:0 0 0 20px; cursor:pointer;}
#filters input:hover {background:#016FFC;}
#filters select {float:left; border:1px #ddd solid; min-width:230px; background:#fff; padding:10px; height:40px; line-height:40px; margin:0 20px}
#filters p {float:left; color:#fff; font-family: 'Roboto', sans-serif; font-size:24px; margin:0 50px 0 0; padding:0;  line-height:40px;}
#filters #Category {display:none;}

.owl-carousel .animated {-webkit-animation-duration: 1000ms;animation-duration: 1000ms;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.owl-carousel .owl-animated-in {z-index: 0;}
.owl-carousel .owl-animated-out {z-index: 1;}
.owl-carousel .fadeOut {-webkit-animation-name: fadeOut;animation-name: fadeOut;}
@-webkit-keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@keyframes fadeOut { 
	0% {opacity: 1;}
	100% {opacity: 0;}
}
.owl-height {-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel {display: none;width: 100%;-webkit-tap-highlight-color: transparent;position: relative;z-index: 1;}
.owl-carousel .owl-stage {position: relative;-ms-touch-action: pan-Y;}
.owl-carousel .owl-stage:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.owl-carousel .owl-stage-outer {position: relative;overflow: hidden;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot { cursor: pointer;cursor: hand;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}
.owl-carousel.owl-loaded {display: block;}
.owl-carousel.owl-loading {opacity: 0;display: block;}
.owl-carousel.owl-hidden {opacity: 0;}
.owl-carousel .owl-refresh .owl-item {display: none;}
.owl-carousel .owl-item {position: relative;min-height: 1px;float: left;-webkit-backface-visibility: hidden;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.owl-carousel .owl-item img {display: block;width: 100%;-webkit-transform-style: preserve-3d;}
.owl-carousel.owl-text-select-on .owl-item {-webkit-user-select: auto;-moz-user-select: auto;-ms-user-select: auto;user-select: auto;}
.owl-carousel .owl-grab {cursor: move;cursor: -webkit-grab;cursor: -o-grab;cursor: -ms-grab;cursor: grab;}
.owl-carousel.owl-rtl {direction: rtl;}
.owl-carousel.owl-rtl .owl-item {float: right;}
.no-js .owl-carousel {display: block;}
.owl-carousel .owl-item .owl-lazy {opacity: 0;-webkit-transition: opacity 400ms ease;-moz-transition: opacity 400ms ease;-ms-transition: opacity 400ms ease;-o-transition: opacity 400ms ease;transition: opacity 400ms ease;}
.owl-carousel .owl-item img {transform-style: preserve-3d;}

.threeBlocks:after,
#page:after,
.inside:after,
.topitemholder:after,
#footer:after,
#homeBlocks:after,
ul:after {content: ''; clear: both; display: table}

.inside,
.mainTable {width: 1500px; margin:0 auto;}

#CentralArea {width: 100%; display: block;}

.pagecontainer table {table-layout: fixed}
#gh .gh-tbl {table-layout:auto;}

.mainTable > tbody > tr:first-child,
#TopPromoArea {display: none}

#header {background:#F9F9F9;z-index:2; border:1px #E7E7E7 solid; border-width: 1px 0; padding:10px; display: block; margin:0; position: relative}
#header h1 {float: left; margin:0}
#header h1 img{width:auto; max-width:100%;}
#menu {float:right; margin:30px 0 0 0;}
#menu ul {list-style-type: none; margin:0; padding:0; font-family: 'Roboto', sans-serif; font-size:16px;}
#menu ul li {float:left; color:#000; line-height: normal; font-weight: bold; position: relative;}
#menu ul li:after {content:'/'; margin:0 10px; float:right;}
#menu ul li:last-child:after {content:''; display: none}
#menu ul li a {color:#000; font-weight: bold; text-transform: uppercase; display: inline-block;}
#menu ul li a:hover {color:#1ABCE6;}
#menu ul li a img {border:0; margin:0 10px 0 0;}
#menu ul li a span {}
#menu #categoriestop > li > a:before,
#navmenu > li > a .centerpart:before {float: left; content:''; margin:0 5px 0 0; display: block; height: 18px; background-repeat: no-repeat; background-position: left top;}
#menu #categoriestop > li.ct1 a:before,
#navmenu > li:first-child .centerpart:before {background-image:url(https://shared1.ad-lister.co.uk/UserImages/d1f973e1-ca40-4d91-ad3e-42077329f0a8/Img/_design/new/parts.png); width: 18px;}
#menu #categoriestop > li.ct2 a:before,
#navmenu > li:nth-child(2) .centerpart:before {background-image:url(https://shared1.ad-lister.co.uk/UserImages/d1f973e1-ca40-4d91-ad3e-42077329f0a8/Img/_design/new/performance.png); width: 22px;}
#menu #categoriestop > li.ct3 a:before,
#navmenu > li:nth-child(3) .centerpart:before {background-image:url(https://shared1.ad-lister.co.uk/UserImages/d1f973e1-ca40-4d91-ad3e-42077329f0a8/Img/_design/new/tools.png); width: 21px;}
#menu #categoriestop > li.ct4 a:before,
#navmenu > li:nth-child(4) .centerpart:before {background-image:url(https://shared1.ad-lister.co.uk/UserImages/d1f973e1-ca40-4d91-ad3e-42077329f0a8/Img/_design/new/diagnostics.png); width: 18px;}
#menu #categoriestop > li.ct5 a:before,
#navmenu > li:nth-child(5) .centerpart:before {background-image:url(https://shared1.ad-lister.co.uk/UserImages/d1f973e1-ca40-4d91-ad3e-42077329f0a8/Img/_design/new/other.png); width: 18px;}
/*
#menu #categoriestop > li.ct6 a:before,
#navmenu > li:nth-child(6) .leftpart {background-image:url(https://shared1.ad-lister.co.uk/UserImages/d1f973e1-ca40-4d91-ad3e-42077329f0a8/Img/_design/new/other.png); width: 22px;}
*/
.centerpart {float: left;}
#menu ul li.home a img {margin:0;}
#menu #categoriestop,
#menu #navmenu {float: left}
#menu #categoriestop ul,
#menu #navmenu ul {display:none; box-shadow:2px 2px 2px rgba(0,0,0,0.1); white-space: nowrap; position: absolute; left:-10px; top:20px; background:#F9F9F9; padding:15px 10px 5px 10px;}
#menu #categoriestop ul li,
#menu #navmenu ul li { display: block; position: relative; float: none; border-bottom:1px rgba(0,0,0,0.3) dotted; padding:0 0 5px ; margin:0 0 5px 0;}
#menu #categoriestop ul li a,
#menu #navmenu ul li a {font-weight: normal; text-transform:none; display: block; font-size:14px;}
#menu #categoriestop ul li a:hover,
#menu #navmenu ul li a:hover {color:#1ABCE6; text-decoration: none}
#menu #categoriestop li:hover > ul,
#menu #navmenu li:hover > ul {display: block;}
#menu #categoriestop ul ul,
#menu #navmenu ul ul {position: absolute; left:100%; top:-15px;}
/*
#menu #categoriestop ul li:hover ul,
#menu #navmenu ul li:hover ul,
*/
#menu ul li.home a span,
#menu ul ul ul li:after,
.leftpart,
.rightPart,
.respMenu,
#respMenu {display: none}

#search {float: left; margin:20px 0 0 20px;}
#search .v4sbox {color:#c2bebe; min-width: 250px; font-style: italic; font-style: 14px; border:0; margin:0 0 0 15px; background: transparent; line-height: 45px; outline: none}
#search #gosrc {width: 45px; height: 45px; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; background:#1ABCE6 url(https://shared1.ad-lister.co.uk/UserImages/d1f973e1-ca40-4d91-ad3e-42077329f0a8/Img/_design/new/search.png) center no-repeat; border:0; text-indent:-9999px; cursor:pointer; float:left;}

#slideshow {margin:0; padding:0; width: 100% ;display: block;}
#slideshow p {margin:0;}
#slideshow .topitemtitle2 {display: none}
#slideshow .owl-nav div {background:url(https://shared1.ad-lister.co.uk/UserImages/d1f973e1-ca40-4d91-ad3e-42077329f0a8/Img/_design/new/sArrowL.png) center no-repeat; width: 48px; left:10px; text-indent: -9999px; height: 48px; display: block; margin:-24px 0 0 0; padding:0; position: absolute; top:50%;}
#slideshow .owl-nav .owl-next {background-image: url(https://shared1.ad-lister.co.uk/UserImages/d1f973e1-ca40-4d91-ad3e-42077329f0a8/Img/_design/new/sArrowR.png); left:auto; right:10px;}

#offers {margin:0 0 30px 0;}
#brands h3,
#offers h3 {font-size: 40px; display: block; color:#000; text-align: center; margin:20px 0; font-family: 'Roboto', sans-serif;}
#offers .topitembox {padding:0 }
#offers .in {background:#fff; display: block; margin:0; padding:20px; border:1px #E8E8E8 solid;}
#offers .in img {max-width: 100%}
#offers .topitemtitle2 {min-height: 65px; display: block; padding:10px 0;}
#offers .topitemtitle2 a {color:#000;}
#offers p {margin:0;}
#offers .topitemprice2 {display: block; text-align: right; font-size:15px; padding:0 0 10px 0; font-weight:bold;}
#offers .btn {display: block; text-align: right;}
#offers .btn a {line-height: 35px; padding:0 20px; background:#016FFC; display:inline-block; color:#fff; font-family: 'Roboto', sans-serif; text-transform: uppercase; font-size: 16px;}

#homeCats .topitemtitle2 {margin:0; font-family: 'Roboto', sans-serif; font-size:30px; font-weight: bold; position: absolute; left:0; top:10px; width: 100%; text-align: center;}
#homeCats .topitemtitle2 a {color:#016FFC; text-transform: uppercase;}
#homeCats .topitemtitle2 a:hover {text-decoration: none; color:#222;}
#homeCats .topitembox {position: relative; text-align: center;}
#homeCats p {margin:0;}

#offers .owl-nav div,
#brands .owl-nav div,
#homeCats .owl-nav div {background:url(https://shared1.ad-lister.co.uk/UserImages/d1f973e1-ca40-4d91-ad3e-42077329f0a8/Img/_design/new/cArrowL.png) center no-repeat; width: 40px; left:-40px; text-indent: -9999px; height: 40px; display: block; margin:-24px 0 0 0; padding:0; position: absolute; top:50%;}
#offers .owl-nav .owl-next,
#brands .owl-nav .owl-next,
#homeCats .owl-nav .owl-next {background-image: url(https://shared1.ad-lister.co.uk/UserImages/d1f973e1-ca40-4d91-ad3e-42077329f0a8/Img/_design/new/cArrowR.png); left:auto; right:-40px;}
#homeCats .btn {position: absolute; bottom:20px; left:0; width: 100%; display:block; display:none;}
#homeCats .btn a {font-family: 'Roboto', sans-serif; font-size:20px; font-weight:400; padding:0 20px; line-height: 45px; background:#016FFC; color:#fff; display: inline-block; margin:0 auto;}

#brands {margin:0 0 40px 0; padding:0; display: block; width: 100%}
#brands p {margin:0;}
#brands .topitemtitle2 {display: none}
#brands .topitemholder {padding:10px; background: #fff; border:1px #e8e8e8 solid;}

#homeBlocks {width:calc(100% + 15px); display: block; margin:0; padding:0; position: relative}
#homeBlocks .box {float: left; width: 25%; text-align: center; display: block; margin:0; padding:0; }
#homeBlocks .box .in {margin:0 15px 0 0; display: block; border:1px #E7E7E7 solid; background:#fff;
-webkit-box-shadow: 2px 2px 2px -2px rgba(204,204,204,1);
-moz-box-shadow: 2px 2px 2px -2px rgba(204,204,204,1);
box-shadow: 2px 2px 2px -2px rgba(204,204,204,1);
}
/*
#homeBlocks .box:last-child .in {margin:0;}
*/
#homeBlocks .box h3 {border-top:5px #1ABCE6 solid; margin:0; padding:0;}
#homeBlocks .box h3 b {font-family: 'Roboto', sans-serif; font-size:20px; margin:0 20px; display: block; padding:20px 0; border-bottom:1px #E7E7E7 solid;}
#homeBlocks .box p {font-style: 14px; line-height: normal; margin:0; padding:20px;}

#footer {font-size:16px; display: block; clear: both; background:#01141E; position: relative; color:#fff;}
#footer:before {content:''; height:60px; width: 100%; position: absolute; left:0; top:0; display: block; z-index:0; background:#1ABDE6;}
#footer .box {float: left; width: 20%; position: relative; z-index: 1;}
#footer .info {}
#footer .items {width: 25%}
#footer .contact {width: 25%; padding-right: 20px}
#footer .contact .btn {line-height: 35px; display: inline-block; padding:0 30px; color:#fff; background:#18BDE8; font-family: 'Roboto', sans-serif; font-size:20px; }
#footer .payment {width: 30%}
#footer .box h3 {display: block; line-height: 60px; margin:0 0 10px 0; padding:0; font-weight: normal; font-family: 'Roboto', sans-serif; font-size:20px; }
#footer .box h3 img {float: left; margin:15px 10px 0 0;}
#footer .box h4 {font-family: 'Roboto', sans-serif; font-size:20px; margin:0 0 20px 0; font-weight: normal;}
#footer .box ul {list-style-type: none; margin:0; padding:10px 0 20px 40px;}
#footer .box ul li {display: block; margin:0; padding:0 0 5px 0;}
#footer .box ul li a {color:#fff;}
#footer .box ul li a:hover {text-decoration: underline;}
#footer .box p {}
#footer .box img {max-width: 100%; border:0;}
#footer .box .btn:hover {background:#222; text-decoration: none}

#LeftPanel {width: 380px;}
#LeftPanel table.v4acpcont:nth-child(2) {display: none}
.lcat a.all_cats {color:#000; padding:10px 20px 0;}
#promoLeft {padding:0 0 20px 0;}
.topTable {margin:0 0 20px 0;}

/* default category */
.r3_c,
.grid td.left {border:0;}
.r3_cm,
.rs-pview {padding:0;}
div.fpcc {padding:0 0 5px 0;}
.ctrlbr {padding:5px 0;}
.bp {padding-bottom:0}
.tp {padding-top: 0}
.r3_bl,
.r3_t,
.lcat .cnt,
table.v4acp tr.v4acp_head td.v4accent,
table.v4acp td.v4baccent,
table.v4acp tr.v4acp_head td.v4hspacer,
table.v4acp td.v4vspacer,
div.itemseparator {display: none}
td#CentralArea div.dynpg {padding:10px 0;}
table.gallery div.ttl {padding-bottom: 10px}
.lcat li a,
span.pdmt .cur,
.lcat .ttl a,
table.gallery div.ttl a {color:#000;}
.cmpBr {background:transparent; height: auto; border-bottom-color: #e8e8e8}
.cmpBr:after {content:''; clear: both; display: table}
.cmsg {padding:5px 0;}
.lcat .lev2 {padding:0; list-style-type: none;}
table.v4midBox {border:0;}
table.v4acpcont {border:1px #EEEEF0 solid;}
table.v4midBox tr.v4acp_mid td.v4mid {background:#F0F0F0 !important; padding:0 0 10px}
table.v4acp tr.v4acp_head td.v4title {padding: 0; margin:0; background:#016FFC !important;}
table.v4acp tr.v4acp_head td.v4title h2 {display: block; text-align: center; font-size: 18px; font-family: 'Roboto', sans-serif; padding:10px 0; margin:0 20px; text-transform: uppercase; font-weight: normal; color:#fff;}
.cmsg a#v4-93,
.fpcc .countClass,
td#CentralArea div.v4stabl a {color:#18BDE8;}
div.lcat {width: 100%}
.lcat li {margin:0 !important}
.lcat li a {padding:5px 20px; display: block;}
.lcat .lev2 li a:hover,
.lcat .lev2 li span,
.lcat .lev2 li a {padding-left:30px;}
.lcat li a:hover,
.lcat li span {padding:5px 20px; display: block;color:#18BDE8; text-decoration: underline}
.lcat .ttl {padding:5px 20px; display: block; margin:0;}
.lcat .ttl a {display: block}
.lcat .ttl:hover {color:#999;}
.lcat .ttl:hover a {text-decoration: underline; color:#18BDE8;}
/* end defs */

table.JA_IS {width:100%; font-size:13px; margin:0 0 10px}
table.JA_IS tr.even {background:#F9F9F9;}
table.JA_IS tr td {padding:5px;}
table.JA_IS tbody tr:hover {background:#F5F5F5;}

table.JTI_feedback {text-align:left; width:100%; font-size:13px; }
table.JTI_feedback tr.odd {background:#F9F9F9;}
table.JTI_feedback .JTI_FeedbackRow td {padding:5px;}
table.JTI_feedback .JTI_FeedbackRow:hover {background:#F5F5F5;}
table.JTI_feedback .JTI_FeedbackHead {border-bottom:1px #ccc solid; font-weight: bold;}
table.JTI_feedback .JTI_FeedbackHead td {padding:5px;}

#listing {margin:0; padding:0; display: block; position: relative; background: #FAFAFA}

#page {margin:20px auto 0; display: block; padding:0; width: 1500px;}

#page .gallery {width:50%; float:left; border-right:1px #ddd solid; position:relative; padding:500px 20px 0 0; display:block; margin:0 auto 20px;}
#page .gallery:after {content:''; clear: both; display: table;}
#page .gallery > img {position:absolute;left:0;top:0;transition:all .5s; max-width:100%; margin:auto; right:0; max-height:480px; padding:0;}
#page .gallery input[name='slide_switch'] {display:none}
#page .gallery label {margin:0 10px 10px 0; padding:0; float:left; border:1px solid #999; background:#fff;  cursor:pointer; width:110px; height:110px; position:relative;}
#page .gallery label img {display:block; width:auto; max-width:100%; position:absolute; margin:auto; padding:0; right:0; left:0; top:0; bottom:0; max-height:100%;}
#page .gallery > input[name='slide_switch']:checked+label {border-color:#666;opacity:1}
#page .gallery > input[name='slide_switch'] ~ img {opacity:0;transform:scale(1)}
#page .gallery > input[name='slide_switch']:checked+label+img {opacity:1;transform:scale(1)} 

#page .rightDesc {float: right; width: 50%; padding:0 0 20px 20px;}
#page .rightDesc h2.title {display: block; margin:0 0 50px 0; padding:0; font-size: 30px;}
#page .rightDesc .price {display:inline-block; padding:30px 0; font-size:20px; border:1px #ddd solid; border-width: 1px 0;}
#page .rightDesc .price strong {font-weight: bold; font-size:40px;}

#page .btns {clear: both; list-style-type: none; margin:0; padding:0 0 30px 0;}
#page .btns li {padding:15px 0; display:list-item; font-family: 'Roboto', sans-serif; font-size:16px; font-weight:normal; text-transform: uppercase;}
#page .btns li a {color: #000; line-height: 45px;}
#page .btns li a img {margin:0 10px 0 0; float: left}
#page .btns li a:hover {}

#page .bigBtns {list-style-type: none; margin:0; padding:0;}
#page .bigBtns li {display: inline-block; float: left; margin:0 20px 0 0;}
#page .bigBtns li a {background:#000; display:inline-block; font-size: 20px; font-family: 'Roboto', sans-serif; margin:0; padding:0 40px; color:#fff; line-height: 60px;}
#page .bigBtns li a img {margin:0 10px 0; vertical-align: middle;}
#page .bigBtns li a:hover {background:#18BDE8; text-decoration: none}

#page .half {clear:both; float: left; width: 49%; border:1px #ddd solid; border-top:7px #18BDE8 solid; padding:20px; background:#fff;}
#page .half.right {clear: none; float: right;}
.half h3 {display: block; text-align: center; font-family: 'Roboto', sans-serif; font-size:20px; color:#000; margin:0 0 20px 0; border-bottom:1px #ddd solid; padding:0 0 20px 0;}

.threeBlocks {width: 1500px; margin:0 auto; padding:30px 0; display: block; text-align: center;}
.threeBlocks .block {width: 30%; display: inline-block; margin:0 1.5%; border:1px #DEDFE0 solid; padding:20px; background:#fff;}
.threeBlocks .block h5 {font-family: 'Roboto', sans-serif; margin:0 0 10px 0; font-size: 18px; text-align: left; display: block; color:#000;}
.threeBlocks .block p {margin:0; text-align: left; height: 30px; display: block; line-height: 30px;}
.threeBlocks .block p img {margin:0 10px 0 0; vertical-align: middle;}

#tabs {
    width:1500px;
    height: auto;
    padding:0;
    margin: 0 auto 20px;
    overflow:hidden;
    clear: both;
}
#tabs section {
    display: none;
    padding: 20px;
    position: relative;
    margin:0;
    border:1px #ddd solid;
  background:#fff
}
#tabs input {
    display: none;
}
#tabs label:hover {
    background:#18BDE8;
    cursor: pointer;
}
#tabs .box {
    margin:0;
    padding:0;
    position: relative;
}
.tabNames label {
    display: inline-block;
    margin: 0 5px 0 0;
    padding: 0 60px;
    height: 60px; 
    line-height: 60px;
    font-size:20px;
    color: #fff;
    background:#000;
    float:none;
    position: relative;
    font-family: 'Roboto', sans-serif; 
    text-align: center;
}
#tab0 ~ .tabNames,
#tab1 ~ .tabNames,
#tab2 ~ .tabNames,
#tab3 ~ .tabNames,
#tab4 ~ .tabNames,
#tab5 ~ .tabNames {
    display: none;
}
#tab0:checked ~ #content0,
#tab0:checked ~ .tabNames,
#tab1:checked ~ #content1,
#tab1:checked ~ .tabNames,
#tab2:checked ~ #content2,
#tab2:checked ~ .tabNames,
#tab3:checked ~ #content3,
#tab3:checked ~ .tabNames,
#tab4:checked ~ #content4,
#tab4:checked ~ .tabNames,
#tab5:checked ~ #content5,
#tab5:checked ~ .tabNames {
    margin:0;
    display: table;
    width: 100%
}
#tab0:checked ~ .tabNames label[for=tab0],
#tab1:checked ~ .tabNames label[for=tab1],
#tab2:checked ~ .tabNames label[for=tab2],
#tab3:checked ~ .tabNames label[for=tab3],
#tab4:checked ~ .tabNames label[for=tab4],
#tab5:checked ~ .tabNames label[for=tab5] {
    background:#18BDE8;
}