/* WOO CUSTOM STYLESHEET --------------------- Instructions: Add your custom styles in this file instead of style.css so it is easier to update the theme. Simply copy an existing style from style.css to this file, and modify it to your liking. */ /* GLOBAL STYLES ---------------- Add styles beneath this line that you want to be applied across your entire site */ h3.nav-toggle{display:none !important;} body{font-family: 'Open Sans', sans-serif; font-weight: normal; border-top:0px solid #000000;} /*body, #footer-container{background-image:url(img/bg-xmas.jpg);background-repeat:repeat;}*/ /*xmas 2018 --------------------------------------------------------------------------------------------------------------- body{background:url(img/cartell-christmas-bg-2018.jpg) no-repeat 50% 0 fixed;} body.full-width #header.col-full{background-color:transparent !important;} .wooslider ul.slides li{padding-top:20px; background:rgba(255,255,255,0.7); border-radius:18px;} .wooslider ul.slides li:first-of-type{background:none;} body.home #content.col-full{padding-bottom:5rem !important;}*/ /*inner pages #header.col-full{background:transparent;} body.two-col-left #header, body.full-width #header{margin-bottom:0.5em;} body.two-col-left #content.col-full, body.full-width #content.col-full{background:rgba(255,255,255,0.9)} body.home #content.col-full, body.home .slide-content .col-full{background:transparent} body.two-col-left #content.col-full article{margin:0.5em;}*/ /** END xmas 2018 ---------------------------------------------------------------------------------------------------------------*/ .col-full{background:#fff;} #footer-widgets.col-full{background:none;} body.full-width #header, #nav-container, body.full-width #content, body.full-width #footer-widgets, body.full-width #footer {padding-left: 0.5em; padding-right: 0.5em;} /*logo*/ body .navbar-brand{padding:5px 15px 15px 15px} .back-to-top { position: fixed; bottom:2.8em; right: 0px; text-decoration: none; color: #005375; background-color: rgba(199, 223, 236, 0.80); font-size: 1em; padding:10px; display: none; border-radius: 10px 0 0 10px;} .back-to-top:before{margin-left: 15px; padding-right: 15px; content:"\f062"; font-family: fontAwesome; font-size: 1.2em; color:#428bca; font-weight: normal;} .back-to-top:hover {background-color: rgba(0, 132, 181, 1); color:#fff; text-decoration: none;} #header#connect p {display: none;} #header #logo {text-align: center;} #logo .site-title, #logo .site-description { display:none; } .page .entry hr{width:100%; clear:both;} hr, .entry img, img.thumbnail, .entry .wp-caption, #footer-widgets, #comments, #comments .comment.thread-even, #comments ul.children li, .entry h1{border-color:#e5e5e5} .entry img{border-width: 0px; background: none} a:link, a:visited, #loopedSlider a.flex-prev:hover, #loopedSlider a.flex-next:hover {color:#0084b5} .quantity .plus, .quantity .minus {background-color: #0084b5;} a:hover, .post-more a:hover, .post-meta a:hover, .post p.tags a:hover {color:#00b544} .entry-content p.anchor{margin:0; padding:10px 0 0 0; line-height:1px;} #content a.anchor, #content a.anchor:hover{color:#fff; text-decoration:none;} #header {background-repeat:no-repeat;background-position:left top;margin-top:0px;margin-bottom:0px;padding-top:20px;padding-bottom:0px;border:0px solid ;} #logo .site-title a {font:bold 40px/1em Arial, sans-serif;color:#222222;} #logo .site-description {font:300 13px/1em Arial, sans-serif;color:#999999;} #nav-container{background:#00658b;} #nav-container{border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;border-left:none;border-right:none;} #nav-container #navigation ul#main-nav > li:first-child{border-left: 1px solid #2d7793;} #footer-widgets-container{background-color:#f2f2f2} #footer-widgets{border:none;} #footer-container{background-color:#ffffff} #footer-container{border-top:1px solid #f2f2f2;} #footer {border-width: 0 !important;} /*navigation styles #navigation .nav-close, #navigation .nav-home{box-sizing:content-box; -webkit-box-sizing:content-box; -moz-box-sizing:content-box;}/*remove bootstrap css styles #navigation h3{display:none; margin:0; font-weight:bold; line-height:1.2em;}*/ /* --- NEW - 2018 NAVIGATION (all screen sizes) ---------------------------*/ #header .navbar-default{background-color:transparent;} #header .navbar{margin-bottom:0; padding:0.5rem 0; border:0;} #header .navbar button.navbar-toggle{background-color:transparent !important; box-shadow:none;} /*#header .navbar-default .navbar-collapse{margin-top:15px;}*/ /*mobile only - utility bar login buttons */ .utility-bar{padding:10px; background:#fbfbfb; border-bottom:1px solid #f3f3f3; text-align:right;} .utility-bar ul{margin:0; padding:0;} .utility-bar ul li{margin:0; padding:0; display:inline; } #wrapper .utility-bar ul li.btn{margin:auto; padding:0; background:none; box-shadow:none; font-weight:500; font-family:roboto;}/*clear default bootstrap btn style*/ .utility-bar ul li.btn-personal a{padding:0.3rem 0.8rem; background-color:#73bbd6; border-radius:.25rem 0 0 .25rem; color:#fff;} .utility-bar ul li.btn-personal a:hover{color:#005476; text-decoration: none;} .utility-bar ul li.btn-personal i{vertical-align: middle; color:#005476; font-size:1.3rem} .utility-bar ul li.btn-trade a{margin-left:1px;padding:0.3rem 0.8rem; background-color:#6ed200; border-radius:0 .25rem .25rem 0; color:#005476;} .utility-bar ul li.btn-trade a:hover{color:#fff; text-decoration: none;} .utility-bar ul li.btn-trade i{vertical-align: middle; color:#fff; font-size:0.95rem} /*icons*/ .fa.fa-info-circle{cursor: pointer; font-size: 1.0em;color:#478bff;} p .fa.fa-info-circle, li .fa.fa-info-circle{color:#478bff;} .formStyle i.fa.fa-exclamation-triangle {color:#ff6600} .tradelogin{display:none;}/*hide on desktop*/ p.tradelogin{position:absolute; top:-30px; right:10px;} p.tradelogin a{padding:0.3em 0.5em; background:#00b544; color:#fff; border-radius:4px;} p.tradelogin a:before{font-family: "fontAwesome"; content:"\f023"; color:#fff; display: inline-block; margin-right: 5px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); margin-bottom: -1px;} body, p { font:normal 14px/1.5em 'Open Sans', arial, sans-serif;color:#111111; } .entry h1 { margin: 0.5em 0; font:normal 32px/1.2em 'Open Sans', arial, sans-serif;color:#005375; } .entry h2 { margin: 0.8em 0; font:normal 28px/1.2em 'Open Sans', Arial, sans-serif;color:#00b544; } .entry h3 { margin: 0.5em 0; font:bold 20px/1.2em 'Open Sans', Arial, sans-serif;color:#666; } .entry h4 { margin: 0.5em 0; font:bold 18px/1.2em 'Open Sans', Arial, sans-serif;color:#666666; } .entry h5 { margin: 0.5em 0; font:bold 14px/1.2em 'Open Sans', Arial, sans-serif;color:#222222; } .entry h6 { margin: 0.5em 0; font:bold 12px/1.2em 'Open Sans', Arial, sans-serif;color:#222222; } .page-title, .post .title, .page .title {font:normal 36px/1.1em 'Open Sans', arial, sans-serif;color:#005375;} .post .title a:link, .post .title a:visited, .page .title a:link, .page .title a:visited {color:#005375} .post-meta { font:300 12px/1.5em 'Open Sans', arial, sans-serif;color:#999999; } .entry, .entry p{ font:normal 16px/1.5em 'Open Sans', arial, sans-serif;color:#222222; } .post-more {font:300 13px/1.5em Open Sans;color:;border-top:0px dotted #e6e6e6;border-bottom:0px solid #e6e6e6;} #post-author, #connect {border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fafafa} .nav-entries a, .woo-pagination { font:300 13px/1em Arial, sans-serif;color:#888; } .woo-pagination a, .woo-pagination a:hover {color:#888!important} .breadcrumbs {background:#f9f9f9; border-radius: 10px; color: #999; display: inline-block; font-size: 0.9em; margin: 2em 0; padding: 5px 20px;} .entry blockquote p {font-size: 1.4em; font-style: italic; font-weight: 100; line-height: normal;} .woo-image.thumbnail {border-radius: 18px;} /*buttons*/ .button, .button:visited, .reply a, #respond .form-submit input#submit, input[type=submit], button, #navigation ul.cart .button {border: none; background:#0084b5; text-transform: capitalize; font-size: 1.2em; font-weight: 400; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);} .button:hover, .reply a:hover, #respond .form-submit input#submit:hover, input[type=submit]:hover, button:hover, #navigation ul.cart .button:hover {/*border: none;*/ background:#0084b5} input[type="submit"], input[type="button"]{ border: none; background:#0084b5; text-transform: capitalize; font-size: 1.2em; font-weight: 400; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); color:#fff !important;} input[type="submit"], input[type="button"]{padding:0.3em 1em; width:auto;} input[type="reset"]{margin-left:5px; padding:0.5em 1em; width:auto;border: none; background:#efefef; text-transform: capitalize; font-size: 1.2em; font-weight: 400; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);} .butt_report-verification:before {margin-right:5px; color:#fff; content:"\f046"; font-family:fontAwesome; font-size:1.2em; font-weight:normal; } a.butt{margin:0.1em 0; padding:0.3em 1em; width:auto; display:inline-block; border: none; background:#0084b5; text-transform: capitalize; font-size: 1.0em; font-weight: 400; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); color:#fff !important;} a.butt:hover{text-decoration:none; background:#0084b5} a.fraud-btn{display:inline-block;} a.fraud-btn:hover{background:#c9302c !important;} a.butt.alert{padding:0.3em 1em;} p.buttons a.butt{margin-bottom:0.5em; font-size:0.9em; display:inline-block;} p.buttons input.butt{margin-bottom:0.5em; font-size:0.9em; display:inline-block;} /* individual */ .page-template-template-blog .post { border-top: 1px dashed #ddd; padding-top: 20px; position: relative; } /*why-cartell*/ /*.threecol-one {border: 1px solid #eee; border-radius: 18px; padding: 2%;} .threecol-one h2 {color: #0084b5; font-weight: 600; text-align: center;} .threecol-one p {font-size: 0.9em; line-height: normal;}*/ /*body.page-id-91 header h1.title{text-align: center; font-size: 44px} body.page-id-91 section.entry p:first-of-type{text-align: center; font-size:24px; line-height: normal}*/ /*faqs open/close */ .shortcode-toggle.border {background:#f3f3f3; border: 1px solid #ebebeb; border-radius: 18px;} .shortcode-toggle .toggle-content {margin-top: 0px; border-top: 1px dashed #ccc; padding: 0 0.75em 1em 1.25em; border-radius: 0 0 16px 16px;} .shortcode-toggle h4 {margin: 0.75em 2em 0.75em 0.75em;} /*-----------------------------------------*/ /* --- HOMEPAGE ---------------------------*/ /* ----------------------------------------*/ body.home .breadcrumbs{display: none} body.home #content {padding-bottom:0; padding-top: 0px} /*regbox*/ #regbox {margin:0 auto 20px auto; float:none; width:96%; padding:5px; background:#005375/*#0084b5*/; border:2px solid #cce1ed; border-radius:18px; display:block; text-align:center; overflow:hidden;} #regbox h1{ margin: 20px 0 10px 3px; color:#fff; font-size:2em} #regbox h3 {margin: 0.75em 0 0.75em 3px; color: #fff; font-size: 1.2em; font-weight: 100;} #regbox .reg-wrapper {margin:2px auto; padding:0 7px 0 35px; float:none; width: 245px; background: url("img/reg-gb-irl.png") no-repeat scroll 5px center / 26px auto #034da2; box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.4), 0 0 0 1px hsl(0, 0%, 50%), 0 0 0 2px hsl(0, 0%, 80%); border-radius: 10px; border:4px solid #000; float: none} #regbox .reg-wrapper input {margin:0; font-size: 1.7em; padding:15px 0px 15px 5px; width:103%; border-radius: 0 6px 6px 0; border:2px solid #ddd; border-width: 2px 2px 2px 0;} /*target ff only */ @-moz-document url-prefix() { #regbox .reg-wrapper input{padding:22px 0px 22px 5px;} } #regbox input.gobutt{margin-top:10px; margin-left:10px; padding:0; float:left; font-size: 1.3em; font-weight: normal; width:65px; height:65px; border-radius: 50%; border:2px solid #6aaeba; box-shadow: 1px 3px 5px rgba(0,0,0,0.5); text-transform: capitalize; /*background gradients*/ background: #00b544; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYjU0NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDBiNTQ0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA3ODgzNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, #00b544 0%, #00b544 0%, #078837 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b544), color-stop(0%,#00b544), color-stop(100%,#078837)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #00b544 0%,#00b544 0%,#078837 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #00b544 0%,#00b544 0%,#078837 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #00b544 0%,#00b544 0%,#078837 100%); /* IE10+ */ background: linear-gradient(to bottom, #00b544 0%,#00b544 0%,#078837 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b544', endColorstr='#078837',GradientType=0 ); /* IE6-8 */ } #regbox p {clear: both; color: #c4e3ee; font-size: 0.9em; padding: 2px 0 0 3px;} body.home #main .wooslider {margin:0px auto 0 auto !important; max-width: 465px; width:100%} body.home .woo-sc-box.normal.large.rounded.full {padding-bottom: 0px; background: none repeat scroll 0 0 #ffffba; border-radius: 28px; border-width: 0; clear: both; overflow: hidden} body.home .woo-sc-box.normal img{border-width: 0px; margin:0; padding:0} body.home .woo-sc-box.normal p {text-align: center;font-size: 1.1em; font-weight: 100; line-height: 1.3em; color:#858585} /*-----------------------------------------*/ /* --- WIDGETS ----------------------------*/ /* ----------------------------------------*/ .widget h3 {margin:0; font:normal 18px/1.2em Open Sans; color:#222222; border-bottom:0px;} #sidebar .widget h3 {color:#0084B5; font-weight: 400} .widget_recent_comments li, #twitter li { border-color: #e6e6e6;} .widget p, .widget .textwidget { font:300 15px/1.5em 'Open Sans', arial, sans-serif;color:#333333; } .widget {margin:0 0 25px; font:300 15px/1.5em Open Sans;color:#333333;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;} #tabs .inside li a, .widget_woodojo_tabs .tabbable .tab-pane li a { font:bold 12px/1.5em Arial, sans-serif;color:#555555; } #tabs .inside li span.meta, .widget_woodojo_tabs .tabbable .tab-pane li span.meta { font:300 11px/1.5em Arial, sans-serif;color:#999999; } #tabs ul.wooTabs li a, .widget_woodojo_tabs .tabbable .nav-tabs li a { font:300 11px/2em Arial, sans-serif;color:#999999; } .rpwe-block ul{list-style: none !important; margin-left: 0 !important; padding-left: 0 !important;} img.rpwe-thumb{ border:3px solid #fff !important; border-radius:50%; box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5) !important; float:left; margin:2px 12px 2px 0 !important; padding: 0 !important;} .rpwe-time{color:#6e6e6e!important; font-size:12px !important; text-transform: uppercase} .widget h3.rpwe-title{margin:0; padding:0; border-bottom:0px; font:18px/1.2em Open Sans !important;} .rpwe-li.rpwe-clearfix {margin-bottom:10px;} /*LHS sub nav widget*/ .widget_nav_menu{margin:1em 0; padding:15px; background:#eef5f9; border-radius:20px;} .widget_nav_menu h3{display:none;} .widget_nav_menu a{color:#555;} .widget_nav_menu a:hover{font-weight:bold; text-decoration:none;} .widget_nav_menu ul{list-style:none;} .widget_nav_menu ul li{padding:7px;border-bottom:1px dashed #ddd;} .widget_nav_menu ul li.current-menu-item a, .widget_nav_menu ul li.current_page_item a{font-weight:bold;} .widget_nav_menu ul li.current-menu-item ul.sub-menu a, .widget_nav_menu ul li.current_page_item ul.sub-menu a{font-weight:normal;} /* cartell check widget */ #text-5, #text-7 {padding:20px 10px; max-width: 380px; border-radius:18px; background:#0084b5; border: 2px solid #cce1ed; overflow: hidden} #text-5.widget h3, #text-7.widget h3{margin:0; color: #fff; font-size: 1.3em; text-align: center} #text-5 .regbox, #text-7 .regbox{text-align: center} #text-5 .reg-wrapper, #text-7 .reg-wrapper{margin:2px auto; padding:0 7px 0 35px; float:left; background: url("img/reg-gb-irl.png") no-repeat scroll 5px center / 26px auto #034da2; box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.4), 0 0 0 1px hsl(0, 0%, 50%), 0 0 0 2px hsl(0, 0%, 80%); border-radius: 10px; border:4px solid #000; } #text-5 .reg-wrapper input, #text-7 .reg-wrapper input {margin:0; font-size:1.6em; padding:15px 0px 15px 5px; width:104%; border-radius: 0 6px 6px 0; border:2px solid #ddd; border-width: 2px 2px 2px 0;} #text-5 input.gobutt, #text-7 input.gobutt{margin-top:5px; margin-left:10px; padding:0; float:none; font-size:1.3em; font-weight:700; width:65px; height:65px; border-radius:50%; border:2px solid #6aaeba; box-shadow:1px 3px 5px rgba(0,0,0,0.5); text-transform:capitalize; /*background gradients*/ background: #00b544; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYjU0NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDBiNTQ0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA3ODgzNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, #00b544 0%, #00b544 0%, #078837 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b544), color-stop(0%,#00b544), color-stop(100%,#078837)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #00b544 0%,#00b544 0%,#078837 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #00b544 0%,#00b544 0%,#078837 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #00b544 0%,#00b544 0%,#078837 100%); /* IE10+ */ background: linear-gradient(to bottom, #00b544 0%,#00b544 0%,#078837 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b544', endColorstr='#078837',GradientType=0 ); /* IE6-8 */ } #text-5 .regbox p, #text-7 .regbox p {clear: both; color: #c4e3ee; font-size: 0.9em; padding: 2px 0 0 3px;} /* verify report widget */ #text-6 {padding: 20px 5px 20px 20px; border-radius:18px; background:#eaf4f9; border: 2px solid #eee; overflow: hidden} #text-6.widget h3{margin:0; padding-bottom: 7px; color: #005375; font-size: 1.3em;} #text-6.widget .textwidget{font-size: 0.9em;} #text-6.widget .textwidget a.button{margin-top: 8px} /* testimonials */ .widget_woothemes_testimonials .quote blockquote:before {padding-top:10px; content: "\f10d"; display: block!important; float: left; font-size:2.5em; width: 13%; font-family: "FontAwesome"; color:#eee;} .testimonials-text p {display: block; float: left; font-size: 1.2em; font-style: italic; width:86%;} .widget_woothemes_testimonials .quote .author{width: 87%; float: right} .entry .widget_woothemes_testimonials .quote blockquote {padding: 10px 20px 10px 55px !important;} .entry .widget_woothemes_testimonials .quote blockquote:before {padding-top:0px;} /*footer widget - testimonials*/ #footer-widgets .widget_woothemes_testimonials .quote blockquote:before{padding-top:5px; width:10%; font-size:1.5em;} #footer-widgets .widget_woothemes_testimonials .testimonials-text p{font-size:1.0em; font-style:normal; width:90%;} #footer-widgets .widget_woothemes_testimonials .quote .author{margin-left:10%; width:100%; float:none} /* pagebottom form widgets -*/ #pagebottom_widget h3{display:none;} /*footer widgets */ /*testimonials widget*/ #footer-widgets .footer-widget-1 .widget_woothemes_testimonials{padding:20px; border-radius: 28px; background: #fff; } #footer-widgets .footer-widget-1 .widget h3{border-bottom: 0 none; color: #222222; font-size: 18px; font-weight: bold; padding: 10px 0;} #footer-widgets .footer-widget-1 .widget_woothemes_testimonials img{margin-top: 10px; display: block} #footer-widgets .widget_woothemes_testimonials .quote{margin-bottom:0;} #footer-widgets .widget img.r{float:right;} /*social / newsletter widget*/ #footer-widgets .footer-widget-2 .widget_text img{margin-top:10px;} #footerbar_widget {border-bottom: 1px solid #f2f2f2; padding-bottom: 20px; overflow: hidden} #footerbar_widget .info { text-align: center;} #footerbar_widget .info h3{margin:10px 0 6px; padding:0} #footer, #footer p { font:300 13px/1.4em 'Open Sans', arial, sans-serif;color:#444444; } #footer p {text-align:right;} #footer {background-color:#ffffff;border-top:1px solid #f2f2f2;border-bottom:0px solid ;border-left:0px solid ;border-right:0px solid ;border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;} #footer p.logos img{margin-top:30px;} #footer p.logos{margin-top:30px;margin-left:10px; text-align:left;} .archive_header { font:bold 18px/1em 'Open Sans', arial, sans-serif;color:#005375; } .archive_header {border-bottom:1px dashed #e6e6e6;} /* Purchase / Select Report styles --------------------------------*/ /*left col*/ .selection-panel{margin:1em 0; padding:15px;color: #555; clear: both; background:#cee3ef; border-radius:20px; /*border-right:0px dashed #ccc;*/ overflow: hidden} .selection-panel h3{margin:0.5em 0; color:#666; font-size:1.2em; font-weight:bold; font-family:'Open Sans', arial, sans-serif} .selection-panel h3 span{color:#444; font-weight:normal;}/*username*/ .selection-panel p{margin-bottom:1.2em; font-size:0.9em;} .selection-panel form label {font-size: 0.9em; font-weight:bold; display:block; clear:both;} .selection-panel table{margin-bottom:5px; width:104%; background:#fff; border:1px solid #eee; border-collapse:separate; border-radius:4px; box-shadow:0 1px 2px 0 white;} .selection-panel table td, .selection-panel table th{margin:0; padding:0.2em 0.5em; font-size:0.8em; line-height: normal; border-bottom: 1px solid #eee;} .selection-panel table th{text-align: right; background: #fafafa} .selection-panel table td{} .selection-panel table td img{margin-top:2px; float:right;} .selection-panel table tr.butt td {padding:1em 0; text-align: center;} .selection-panel input.button{margin-top:10px; text-transform: capitalize; } .selection-panel a.button{text-transform: capitalize; font-weight: 600} .selection-panel a.button.change-vehicle:before, .selection-panel input.change-vehicle:before{content:"\f021"; font-family: fontAwesome; font-size: 1.2em; color:#fff; margin-right: 5px; font-weight: normal} .selection-panel a.button.add-docs:before{content:"\f055"; font-family: fontAwesome; font-size: 1.2em; color:#fff; margin-right: 5px; font-weight: normal} .selection-panel .butt_wrapper {margin-top: 10px; padding-top: 10px; text-align: center;} form#changeRegistration input.regbox{margin-top:10px; padding-left:30px; border:2px solid #000; border-radius:6px; background:#fff url(img/reg-gb-irl-sm.png) no-repeat top left; font-family:"Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;} /* steps */ .steps{margin:20px 0} .steps ol {background:url(img/bg_steps.gif) repeat-x 0 50%; margin:0; padding: 0; width:auto; overflow:hidden; display:inline-block; clear:both;} .steps ol li{margin:0 15px 0 0; padding:10px 10px; background:#fff; border:1px solid #dfdfdf; border-radius:20px; color:#999; float:left; font-size:1.1em; font-weight:normal; list-style:none; text-align:center;} .steps ol li a{color:#999; text-decoration: none} .steps ol li:last-child {margin-right: 0} .steps ol li.on {background:#f2fff5; border-color:#01b645; color:#01b645; font-weight:bold;} .steps ol li.on a{color:#01b645} body.full-width .steps ol li{margin:0 35px 0 0; padding:10px 30px} body.full-width.two-col-right .steps ol li{margin:0 15px 0 0; padding:10px 10px} body.full-width .steps ol li:last-child {margin-right: 0} h1.title span.help{font-size:0.4em;} h1.title span.help a{border-bottom:1px dashed #000} span[rel="tooltip"]{border-bottom:1px dotted #b1b1b1} /*pricing table*/ ul#plans .threecol-one{margin:0; padding:0; border:0; width:32%;} ul#plans{margin:0; padding:0; list-style:none; font-size:0.9em;} ul#plans li.plan{margin-top:25px; padding:2px 2px 20px 2px; text-align:center; border:2px solid #eee; border-radius:0; border-width:2px 2px 2px 0;} ul#plans li.plan.first{border-radius:18px 0 0 18px; border-width:2px; /*shadow*/ -webkit-box-shadow: 0px 0px 14px 3px rgba(236,236,236,1); -moz-box-shadow: 0px 0px 14px 3px rgba(236,236,236,1); box-shadow: 0px 0px 14px 3px rgba(236,236,236,1);} ul#plans li.plan.last{border-radius:0 18px 18px 0} ul#plans li.plan ul{margin:0; padding:0; list-style:none;} ul#plans li.plan li.header{background:#e1eef6;} ul#plans li.plan.first li.header{border-radius:18px 0 0 0} ul#plans li.plan.last li.header{border-radius:0 18px 0 0} ul#plans li.icons{padding-top:10px; color:#fdd514; font-size:1.2em;text-shadow: 1px 1px 1px #999;} ul#plans .title{margin:0;} li.title h2{margin:0; color:#055070; font-size:0.55em; font-weight:normal;} li.title h2 span{font-weight:bold;} li.price{padding-bottom:5px; color:#055070;font-weight:bold; font-size:1.1em;} ul#plans li.plan li.rec{background:url(img/bg_rec.gif) repeat-x;} ul#plans li.plan li.rec span.badge{margin-top:15px; overflow: visible; padding:5px 50px; background:#00b544; color:#fff; border-radius:18px; font-weight:bold;font-size:0.9em;} ul#plans ul.options li:first-child{margin-top:20px;} ul#plans ul.options li span.astx{color:#f02a05;} ul#plans ul.options li.exclusive{color:#f02a05; font-size:0.9em; font-style:italic;} ul#plans ul.options li.notincluded, ul#plans ul.options li.notincluded span.astx{color:#999;} ul#plans ul.options li.uk{margin-top:20px; font-style:italic;} ul#plans ul.options li:before{content:"\f00c"; font-family:fontAwesome; margin-right:5px; color:#00b44c;}/*check icon*/ ul#plans ul.options li.notincluded:before{content:"\f00d"; font-family:fontAwesome; margin-right:5px; color:#bebebe;}/*minus icon*/ ul#plans ul.options li.exclusive:before, ul#plans ul.options li.uk:before{content:none;} ul#plans li.buttonrow{margin-top:20px;} body #wrapper #content ul#plans li.buttonrow a.button{padding:0.327em 3em; background:#0084b5;} body #wrapper #content ul#plans li.buttonrow a.button:hover{background:#245682;} /* recommended column*/ ul#plans li.plan.recommended{margin-top:0; padding-bottom:35px; border-radius:18px} ul#plans li.plan.recommended li.header{border-radius:18px 18px 0 0; background:#0084b4;} ul#plans li.plan.recommended li.title h2{color:#fff;} ul#plans li.plan.recommended li.price{color:#fff;} /* end */ #div-gpt-ad-1511283145184-0, #div-gpt-ad-1511283193356-0{margin:0 auto; text-align:center;}/*leaderboard / mpu */ /*trade ads*/ #div-gpt-ad-1511465584633-0{margin:0 auto; text-align:center;}/*leaderboard*/ /*DFP all ads*/ .dfp-leader-pub, .dfp-mpu-pub, .dfp-leader-tr, .dfp-mpu-tr{margin:0 auto; text-align:center; max-width:100%; max-height:100%;} .dfp-leader-pub iframe img.img_ad{max-width:100% !important; height:auto;} .dfp-mpu-pub{margin-bottom:10px;} /* -------------------------------------------------------------------------------------------------------------------- Pricing table ***/ .pricing { position: relative; margin-bottom: 25px; border: 3px solid #eee; border-radius:5px; } .pricing-active { border: 3px solid #c6eaba; /*margin-top: -10px;*/ /*box-shadow: 7px 7px rgba(65, 185, 28, 0.1);*/ } .pricing:hover{border:3px solid #137198;} .pricing-active:hover{border:3px solid #00b544;} .pricing:hover h4{color:#137198;} .pricing-active:hover h4{color:#00b544 ;} .pricing-head {text-align: center;} .pricing-head h3, .pricing-head h4 { margin: 0; line-height: normal; } .pricing-head h3 span, .pricing-head h4 span { display: block; margin-top: 5px; font-size: 14px; font-style: italic; } .pricing-head h3 { color: #fff; padding: 12px 0; font-size: 27px; background: #137198; border-bottom: solid 1px #137198; } .pricing-head.pricing-head-active h3{background:#00b544 ; border-bottom: solid 1px #00b544 ;} .pricing-head h3 .fa-star{color:#fdd514; font-size:1.3em} .pricing-head h4 { color: #bac39f; padding: 5px 0; font-size: 54px; font-weight: 300; background: #fcfdfe; border-bottom: solid 1px #fcfdfe; } .pricing-head-active h4 {color:#00b544 ; background:#fbfef2; border-bottom:solid 1px #f5f9e7;} .pricing-head h4 del{font-size:14px;} .pricing-head h4 del span{display:inline;} /* recommended / badge row */ /*.pricing-head .spacer{min-height:30px;}*/ .pricing-head .rec{margin:0 auto; display:block; max-width:165px; border-radius:0;} .pricing-head .rec .badge{margin-top:10px; padding:7px 30px; background:#f8e600; color:#aa4518; border-radius:18px; font-weight:bold; font-size:0.8em; line-height:0.8;} .pricing-head .nobadge{min-height:27px; } .pricing-head .badge span.sm{display:none;} .pricing-head .badge span.lg{top:0; margin:0;} .pricing-head h4 i { top: -8px; font-size: 28px; font-style: normal; position: relative; } .pricing-head h4 span { top: -10px; font-size: 14px; font-style: normal; position: relative; } /*Pricing Content*/ ul.pricing-content { padding:0;} .pricing-content li {text-align:center; list-style-type:none; font-size:0.95em; color: #888; padding: 7px 15px; border-bottom: solid 1px #f5f9e7; } .pricing-content li:nth-of-type(2n){background:#fefefe;} /*Pricing Footer*/ .pricing-footer { color: #777; line-height: 17px; text-align: center; padding: 0 20px 19px; } /*Priceing Active*/ /*.pricing-active:hover .pricing-head-active h4{background:#c6eaba;} .pricing-active:hover, .pricing-active:hover ul.pricing-content li, .pricing-active:hover .pricing-footer{background:#ecf8e8;} .pricing-active:hover ul.pricing-content li:nth-of-type(2n){background:#e3f5dd;}*/ .price-active, .pricing:hover { z-index: 9; } .price-active h4 { color: #36d7ac; } .no-space-pricing .pricing:hover { transition: box-shadow 0.2s ease-in-out; } .no-space-pricing .price-active .pricing-head h4, .no-space-pricing .pricing:hover .pricing-head h4 { color: #36d7ac; padding: 15px 0; font-size: 80px; transition: color 0.5s ease-in-out; } /* -------------------------------------------------------------------------------------------------------------------- */ body.sample3 ul#plans ul.options li{padding:8px 0; background:#fff} body.sample3 ul#plans ul.options li:nth-child(even){background:#f6f6f6} body.sample3 ul#plans li.plan.first{z-index:1;} body.sample3 ul#plans ul.options li.uk{margin-top:0px;} /* sample version 2 - bootstrap */ #wrapper .container{width:100%;} /*header styles*/ #wrapper .reportcol_1{background:#f6f6f6; border:1px solid #eee; border-width:0 1px;} #wrapper .reportcol_2{background:#f6f6f6; border:1px solid #eee; border-width:0 1px;} #wrapper .reportcol_3{background:#f6f6f6; border:1px solid #eee; border-width:0 1px;} #wrapper .reportcol_4{background:#f6f6f6; border:1px solid #eee; border-width:0 1px;} #wrapper .container .caption{margin-top:45px; padding:25px 15px; color:#0084B5; font-weight:bold; background:#efefef; border-radius:18px 0 0 0;} #wrapper .theader {text-align:center; padding:0; height:110px; display:table;} #wrapper .theader.reportcol_1 {height:125px;} #wrapper .theader_wrap{display:table-cell; vertical-align:middle;} #wrapper .theader .ptitle {margin:5px 0 0 0;font-size:1.05em; font-weight: bold; } #wrapper .theader .icons {padding-top:0px; color:#fdd514; font-size:1.2em; text-shadow:1px 1px 1px #999;} #wrapper .theader .pprice {padding:5px 10px; font-size:1.0em; font-weight: bold; } #wrapper .theader .pprice del{font-size:0.9em;} #wrapper .theader.reportcol_1{background:#3bc54a; color:#fff; border-bottom:0; border-radius:18px 18px 0 0; padding-top:15px; margin-top:-15px; } #wrapper .theader.reportcol_2{background:#137198; border-bottom:0; color:#fff;} #wrapper .theader.reportcol_3{background:#2997c3; border-bottom:0; color:#fff;} #wrapper .theader.reportcol_4{background:rgba(41,151,195,0.65); border-bottom:0; color:#fff;} #wrapper .theader.reportcol:last-of-type{border-radius:0 18px 0 0; } #wrapper .theader.reportcol_2.nostatcodecss{background:#adadad}/*greyed out column*/ #wrapper .theader.reportcol_3.nostatcodecss{background:#ccc}/*greyed out column*/ #wrapper .theader.reportcol_4.nostatcodecss{background:#e5e5e5}/*greyed out column*/ /* recommended / badge row */ #wrapper .theader .rec{ width:100%; border-radius:0;} #wrapper .theader .rec .badge{ padding:5px 30px; background:#f8e600; color:#aa4518; border-radius:18px; font-weight:bold; font-size:0.8em;} #wrapper .theader .nobadge{min-height:27px; } /*legend and features styles*/ #wrapper .infos{background:#efefef; padding:5px; text-align:center;} #wrapper .row:nth-child(even) .infos, #wrapper .row:nth-child(even) .ccfreature {background:#fff;} #wrapper .cfeature { font-size:0.9em;} #wrapper .feature {margin-bottom:0px;} #wrapper .ccfreature{padding:4px;text-align: center;font-size: 2em; min-height:37px} .iconok {color: #00b44c;} .iconno {color: rgb(221, 41, 41);} #wrapper .iconno, #wrapper .iconok{font-size:18px;} .reportcol_2.nostatcodecss .iconok, .reportcol_2.nostatcodecss .iconno, .reportcol_3.nostatcodecss .iconok, .reportcol_3.nostatcodecss .iconno, .reportcol_4.nostatcodecss .iconok, .reportcol_4.nostatcodecss .iconno{color:#ccc;}/*greyed out column*/ #wrapper .tfooter{text-align:center; background:#fff; border-bottom:1px solid #eee;} #wrapper .tfooter.reportcol_1{border-radius:0 0 18px 18px; padding-bottom:15px;} #wrapper .tfooter.reportcol:last-of-type{border-radius:0 0 18px 0;} #wrapper .flow-1 .btn, #wrapper .flow-1 .btn{margin: 10px 0px;border: none; background:#0084b5; text-transform: capitalize; font-weight: 400; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); color:#fff !important;font-size:1.0em;} #wrapper .flow-1 .btn:hover, #wrapper .flow-1 .btn:hover {border: none; background:#0084b5} #wrapper .reportcol_2.nostatcodecss .btn, #wrapper .reportcol_3.nostatcodecss .btn, #wrapper .reportcol_4.nostatcodecss .btn{background:#ccc;}/*greyed out column*/ #wrapper .reportcol_2.nostatcodecss .btn:hover, #wrapper .reportcol_3.nostatcodecss .btn:hover, #wrapper .reportcol_4.nostatcodecss .btn:hover{background:#ccc;}/*greyed out column*/ /*js hover*/ #wrapper .row .ccfreature.reportcol_1.reportcol_hover {background:#89d690;}/*grey rows*/ #wrapper .row:nth-child(even) .ccfreature.reportcol_1.reportcol_hover, #wrapper .tfooter.reportcol_1.reportcol_hover{background:#64d16f;}/*white rows*/ /*col2*/ #wrapper .row .ccfreature.reportcol_2.reportcol_hover {background:#5fb8d8;}/*grey rows*/ #wrapper .row:nth-child(even) .ccfreature.reportcol_2.reportcol_hover, #wrapper .tfooter.reportcol_2.reportcol_hover{background:#32a6d2;}/*white rows*/ /*col3*/ #wrapper .row .ccfreature.reportcol_3.reportcol_hover {background:#92cee8;}/*grey rows*/ #wrapper .row:nth-child(even) .ccfreature.reportcol_3.reportcol_hover, #wrapper .tfooter.reportcol_3.reportcol_hover{background:#78c2e4;}/*white rows*/ /*col4*/ #wrapper .row .ccfreature.reportcol_4.reportcol_hover {background:rgba(146,206,232,0.65);}/*grey rows*/ #wrapper .row:nth-child(even) .ccfreature.reportcol_4.reportcol_hover, #wrapper .tfooter.reportcol_4.reportcol_hover{background:rgba(120,194,228,0.65);}/*white rows*/ /*col2 & col3 - GREY*/ #wrapper .row .ccfreature.reportcol_2.nostatcodecss.reportcol_hover, #wrapper .row .ccfreature.reportcol_3.nostatcodecss.reportcol_hover, #wrapper .row .ccfreature.reportcol_4.nostatcodecss.reportcol_hover{background:#f6f6f6;}/*grey rows*/ #wrapper .row:nth-child(even) .ccfreature.reportcol_2.nostatcodecss.reportcol_hover, #wrapper .tfooter.reportcol_2.nostatcodecss.reportcol_hover, #wrapper .row:nth-child(even) .ccfreature.reportcol_3.nostatcodecss.reportcol_hover, #wrapper .tfooter.reportcol_3.nostatcodecss.reportcol_hover, #wrapper .row:nth-child(even) .ccfreature.reportcol_4.nostatcodecss.reportcol_hover, #wrapper .tfooter.reportcol_4.nostatcodecss.reportcol_hover{background:#fff;}/*white rows*/ /*One Star - carzone ads*/ .carzoneads{margin:1em 0; background:#f6f6f6; padding:15px; border-radius:20px;} .carzoneads h3{margin-bottom:0.5em; width:100%;} .carzoneads h3:after{position:relative; content:url('img/logo-carzone.png'); right:0; float:right;} #carzoneAdverts{ font:16px/1.7em "Open Sans",arial,sans-serif} #carzoneAdverts table {font-size:0.9em;} /*TRADE*/ form#selectReportForm{margin-top:25px;}/*trade select report form*/ #wrapper form#selectReportForm .caption{margin-top:53px; padding:15px 15px;} /*One Star - CPG Addon button */ .cpgbutton{margin:0 auto; text-align:center; width:100%;} .cpgbutton a{font-size:0.9em; font-weight:400; text-transform:capitalize} /*carzone ads button*/ .button#quickCpgPriceButton{margin:20px 0;font-size:0.9em; font-weight:bold; text-transform:capitalize; background:#0084b5 !important;} /* summary / confirmation / checkout screen */ /*layout*/ .box_blue{clear:both;} body #wrapper .entry .threecol-two{margin-right:2% !important; margin-bottom:0; width:63.33%} /*styles*/ .entry table.summary{border-radius:20px;} .entry table.summary tr th:first-of-type{width:25%;} .entry table.summary tr th:last-of-type{width:25%;} .entry table.summary ol{margin:0; padding:0; list-style:none;} .entry table.summary tr td:first-of-type{font-weight:bold;} .entry table.summary{font-size:0.9em;} body #wrapper #content table.summary input[type="submit"], body #wrapper #content table.summary input[type="button"], body #wrapper #content table.summary a.button {padding:0.127em 1em; font-size:0.9em; background:#efefef !important; color:#333 !important;} body #wrapper #content table.summary input[type="submit"]:hover, body #wrapper #content table.summary input[type="button"]:hover, body #wrapper #content table.summary a.button:hover {background:#f7f7f7 !important} .entry ol.report_features{margin:0; padding:0; list-style:none;} .entry ol.report_features li{margin:0; padding:0; } .entry ol.report_features li:before{content:"\f00c"; font-family:fontAwesome; margin-right:5px; color:#00b44c;}/*check icon*/ .entry ol.report_features li.notincluded:before{content:"\f00d"; font-family:fontAwesome; margin-right:5px; color:#DD2929;}/*x or times icon*/ table.summary form#changeRegistration input.regbox{margin-bottom:10px; padding:2px 0 1px 30px;} /*total table*/ .cart_totals{padding:10px; background:#eff6f9; border-radius:18px;} .cart_totals table{font-size:0.9em;} .entry .cart_totals table th{background:#fff;} .entry .cart_totals table td{text-align:right;} .entry .cart_totals table .fa.fa-question-circle {color:#999; font-size:1.3em; margin-left:3px;} .cart_totals table tr.order_total td, .cart_totals table tr.order_total th{font-weight:bold; background:#fafafa; text-align:right;} body #wrapper #content .box_blue #promotionForm2 li input[type="submit"]{padding:0.327em 1em; font-size:0.9em; background:#efefef !important; color:#333 !important; } body #wrapper #content .box_blue #promotionForm2 li input[type="submit"]:hover{background:#f7f7f7 !important;} /* checkout_tcs*/ li.cb input#tcs, .checkout_tcs li.cb input{margin-left:2.5%;} /*payment buttons*/ body #wrapper #content .entry ol.payment_buttons li{margin:0 2% 0 0; padding:0; list-style:none; display:inline; text-align:center;} body #wrapper #content .entry ol.payment_buttons li a.button{padding:0.397em 1em; font-weight:bold; font-size:1.0em; background:#0084b5} body #wrapper #content .entry ol.payment_buttons li a.button:hover{background:#0084b5; border:1px solid #0084b5} body #wrapper #content .entry ol.payment_buttons li img{} body #wrapper #content .entry ol.payment_buttons li a.ccard{} body #wrapper #content .entry ol.payment_buttons li a.paypal{padding:0.192em 1em !important; background:#ffc439 !important; color:#333 !important } body #wrapper #content .entry ol.payment_buttons li:nth-of-type(3){width:25%; display:inline-block; position:relative; top:15px;} /*credit card payment page*/ .box_blue ol li input[name="card_number"]{width:23.5%;} .entry span.payment-card-icons img{ filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ opacity:0.3; } .entry span.payment-card-icons img.active{ filter: none; -webkit-filter: grayscale(0%); opacity:1; } #securePaymentLogos table{margin:20px auto 0 auto; width:auto; background:none; border:0; box-shadow:none;} #securePaymentLogos table tr td{border:0;} form[name="payment-form"] .nav_buttons .butt_next{float:none; margin-left:32.5%;} /*2018.07*/ #payment-form span.amt{clear: both; display: block; font-size: 2.3rem; padding-top: 3px;} #payment-form input.button{margin-top:10px; padding:0.3em 3em; background-color:#0084b5 !important; font-size:1.0em; text-transform:uppercase;} /* MODAL WINDOW STYLES -----------------------------*/ body button.close{background-color:transparent !important; box-shadow:none !important; font-size:30px;} #quickCpgPriceModal label{font-weight:normal;} #quick_cpg_price_selected_mileage_type{font-weight:bold; text-transform:capitalize} #quickCpgPriceModal .modal-footer{text-align:center;} button#quick_cpg_price_send_email:before{padding-right:7px; content: "\f003"; font-family: fontAwesome; } /* TRADE STYLES -----------------------------*/ #topWrap{margin:20px 0; padding:5px 10px; border-radius:20px; background:#eee;} #topWrap .twocol-one{margin-bottom:0%;} form.homeReg {margin:20px 0 0 0; padding:10px 0 0px 30px;} form.homeReg .reg-wrapper {margin:2px auto; padding:0 0px 0 35px; float:left; background-image: url("img/reg-gb-irl.png"); background-repeat:no-repeat; background-position:5px center; background-size: 26px auto; background-color: #034da2; /*box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2), 0 0 0 1px hsl(0, 0%, 50%), 0 0 0 2px hsl(0, 0%, 80%);*/ border-radius: 10px; border:4px solid #000; width:50%;} form.homeReg .reg-wrapper input {margin:0; font-size: 1.7em; padding:15px 0px 15px 5px; width:100%; border-radius: 0 6px 6px 0; border:2px solid #ddd; border-width: 2px 2px 2px 0;} form.homeReg input.gobutt{margin-top:5px; margin-left:10px; padding:0; float:none; font-size:1.3em; font-weight:700; width:65px; height:65px; border-radius:50%; border:2px solid #6aaeba; box-shadow:1px 1px 5px rgba(0,0,0,0.2); text-transform:capitalize; /*background gradients*/ background: #00b544; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYjU0NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDBiNTQ0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA3ODgzNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, #00b544 0%, #00b544 0%, #078837 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b544), color-stop(0%,#00b544), color-stop(100%,#078837)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #00b544 0%,#00b544 0%,#078837 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #00b544 0%,#00b544 0%,#078837 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #00b544 0%,#00b544 0%,#078837 100%); /* IE10+ */ background: linear-gradient(to bottom, #00b544 0%,#00b544 0%,#078837 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b544', endColorstr='#078837',GradientType=0 ); /* IE6-8 */ } form.homeReg input.gobutt:hover{cursor:pointer; cursor:hand;} .welcome p{padding:15px 10px 0 10px} /* Trade homepage */ #tradeHome .threecol-one{border:0; } .featurePanel2_holder{border-left:1px dotted #ccc} .featurePanel{margin:0 0 20px 0;padding:0; width:48%; min-height:168px; float: left; border:1px solid #eee; border-radius:20px;} .featurePanel.last{float:right;} .featurePanel .header{padding: 7px 15px 7px 20px; border-bottom: 1px solid #eee; border-radius:20px 20px 0 0; background:#eff6f9;} .featurePanel h3{padding:0px; color:#0084B5; font-weight:normal;} .entry .featurePanel p{padding:20px; font-size:0.9em;} .featurePanel h3:before{margin-right:7px; font-size:1.4em;color:#2ab544;} .featurePanel h3.credit:before{content: "\f153"; font-family: fontAwesome; } .featurePanel h3.prevchecks:before{content: "\f0c5"; font-family: fontAwesome;} .featurePanel h3.myservices:before{content: "\f013"; font-family: fontAwesome;} .featurePanel h3.mydetails:before{content: "\f007"; font-family: fontAwesome;} .featurePanel h3.myinvoices:before{content: "\f0f6"; font-family: fontAwesome;} .featurePanel h3.images:before{content: "\f03e"; font-family: fontAwesome;} .featurePanel h3.database:before{content: "\f1c0"; font-family: fontAwesome;} /*rhs column*/ .featurePanel2{margin:0 0 10px 0; padding:0 5px 15px 15px; } .featurePanel2 li{font-size:0.9em;} .featurePanel2 ul#recentactivity{margin:0; padding:0;} .featurePanel2 ul#recentactivity li{margin:0 0 10px 0; list-style:none;position: relative; padding-left: 20px;} .featurePanel2 ul#recentactivity li:before{content: "\f016"; font-family: fontAwesome; position: absolute; top: 0; left: 0;} /* TRADE Left Column */ body.trade .selection-panel, body.staff .selection-panel{background:#f6f6f6;} body.report .selection-panel.quicklinks{background:#666;} .selection-panel .account p{margin-bottom:0.5em;} .selection-panel a.button.buycredit:before{content:"\f153"; font-family: fontAwesome; font-size: 1.2em; color:#fff; margin-right: 5px; font-weight: normal} .selection-panel .account a.button{text-transform:capitalize; font-weight:400; font-size:1.1em; padding:0.327em 0.5em; margin: 5px auto; text-align: center; display: block; background:#428bca;} .selection-panel .account a.button:hover{background:#245682; border:1px solid #245682;} .selection-panel hr{margin:10px 0 20px 0; border-color:#fff;} .selection-panel .account h3{margin-bottom:3px;} .selection-panel .cartell-check h3{margin-bottom: 4px;} .selection-panel .cartell-check form {margin-bottom: 10px;} .selection-panel .cartell-check .regbox:before{content:"\f1b9"; font-family: "FontAwesome"; padding:0 2px 0 5px } .selection-panel .cartell-check .regbox{background:#fff; border:1px solid #ccc; border-radius:5px; box-shadow: 0px 1px 2px rgba(0,0,0,0.2); float: left; } .selection-panel .cartell-check input {margin:4px 4px 4px 0; padding:2px; width:136px; border:1px inset #eee; font-size:1em; font-weight:normal; background:#eee} .selection-panel .cartell-check button{margin-top: 1px; margin-left:5px; padding:4px 2px; width:auto; text-align: center; border-radius:5px; background:#00B544; color:#fff; border-width:1px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); cursor: pointer; height:32px; width:38px; font-size:1.3em;} .selection-panel .cartell-check button:hover{background: #245682} /* Tables*/ table{ overflow: scroll;} body.staff tr:hover td, body.trade tr:hover td, body.cartrace tr:hover td, body.miaftr tr:hover td{background:#f4f9fb;} /*trade section - data tables*/ table.dataTable{margin-top:1.5em;} table.dataTable th, table.dataTable td{font-size:0.95em;} table.dataTable td .button{font-size:0.85em; background:#0084b5; font-weight:500} table.dataTable td .button:hover{ background:#245682; border:none;} table.dataTable td.title{font-size:0.95em; font-weight:bold;} /*misc*/ .pagelinks{margin-bottom:15px; font-size:0.9em;} .pagelinks span{font-style:italic;} .pagelinks a{margin-right:15px; padding:8px; background:#0084b5; border-radius:4px; color:#fff; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);} .pagelinks a:hover{text-decoration:none; background:#245682; color:#fff;} .pagelinks a:visited{text-decoration:none; color:#fff;} .pagelinks a.prev:before{padding-right:8px; content: "\f177"; font-family: fontAwesome;}/*arrow left*/ .pagelinks a.next:after{padding-left:8px; content: "\f178"; font-family: fontAwesome;}/*arrow right*/ /* My Services page*/ form[name=searchChassis].formStyle input[type=submit]{margin-top:25px;} form[name=writeoff].formStyle input[name=registration]{margin-right:10px;} /*My Details page*/ form[name=details].formStyle li{width:100%; float:left;} form[name=details].formStyle input{float:left;} form[name=details].formStyle span.tips{width:38%; display:inline-block; margin: 0 0 0 10px; padding: 7px 7px 5px 7px; font-size: 0.8em; background: #FFFCDF; border: 1px solid #ffe375; border-radius: 6px; clear: both;} /* END Trade Styles */ /* HTML REPORT - GENERAL STYLES -----------------------------*/ #wrapper #alert_summary .header h2{font:bold 24px/1.2em "Helvetica Neue", Helvetica, sans-serif} .chapter .header h2{margin:0; font:bold 24px/1.2em "Helvetica Neue", Helvetica, sans-serif} form#upgradeForm ol li{margin-bottom:14px; padding:0;clear: both;} form#upgradeForm ol li#Report_IEP_History_Upgrade_Mileage_Input label{margin-bottom:14px;} form#upgradeForm ol li label{margin:0 1em 0 0; float:left; width:auto; font-weight:700; text-align:left;} form#upgradeForm ol li input[type="text"]{margin:0; padding:.313em 0; width:90%; text-indent:.25em; border:1px solid #eaeaea; background-clip: padding-box;border-radius: 0.236em;box-sizing: border-box;font-size: 1em; line-height: 1.618em; outline: medium none;} form#upgradeForm ol li .checkbox input, form#upgradeForm ol li.cb input {margin-right:5px; padding-top:3px; } form#upgradeForm ol li .checkbox label, form#upgradeForm ol li.cb label {width: auto; text-align: left; font-weight: normal; float:none;} .input-block, .radio-block{float:left; /*width:30%;*/} /*sample reports*/ .samplereport-notice{display:block; width:100%; padding:1em; text-align:center; background:#666666; color:#fff} .samplereport-notice p{color:#fff;} .samplereport-notice p .fa.fa-info-circle{color:#fff; font-size:1.2em; padding:2px 5px 0 0;} .selection-panel.cartell-check input{font-size:0.9em !important;} /*bootstrap tooltips*/ body .tooltip-inner p{margin:5px 0; color:#fff;} #tooltip { text-align: center; color: #fff; background: #111; position: absolute; z-index: 100; padding: 15px; } #tooltip:after /* triangle decoration */ { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #111; content: ''; position: absolute; left: 50%; bottom: -10px; margin-left: -10px; } #tooltip.top:after { border-top-color: transparent; border-bottom: 10px solid #111; top: -20px; bottom: auto; } #tooltip.left:after { left: 10px; margin: 0; } #tooltip.right:after { right: 10px; left: auto; margin: 0; } /**************************** --- Styles from cartellreportstyle.css - to keep old styles intact on old reports --- *****************************/ #content table.publicTable {border:none; width: 97%; font: small Arial, Helvetica, sans-serif; } #content table.publicTable th { background: #E4EFFF; text-align: left;/*set th to left for previous check section in report*/ vertical-align: top; border: none; font: small Arial, Helvetica, sans-serif; font-variant: small-caps; } #content table.publicTable td { text-align: left; vertical-align: center; border: none; font: small Arial, Helvetica, sans-serif; padding-top: 0.2em; padding-bottom: 0.2em; } #content table.publicTable td.name { width: 25%; font-variant: small-caps; } #content table.publicTable th.name { width: 25%; font-variant: small-caps; font-weight:normal; } #content table.publicTable td.boldsmallcaps { font-variant: small-caps; font-weight:bold; } #content table.publicTable td.bold { font-weight: bold; } #content table.publicTable td.boldbiggerright, #content table.publicTable th.boldbiggerright { font-weight: bold; font-size: 115%; text-align: right; } #content table.publicTable td.boldbigger, #content table.publicTable th.boldbigger { font-weight: bold; font-size: 115%; text-align: left; } #content table.publicTable a { color: #000066; } #content table.publicTable a:hover { color: #005EFF; } #content table.publicTable tr.even td{ background: #F4F9FF; } #content table.publicTable tr.odd td{ background: #FFFFFF; } #content table.publicTable td.alertsmall { color: #ff0000; font-size: 80%; padding-right:7px; } #content table.publicTable td.alert { color: #ff0000; font-weight: bold; } #content table.publicTable td.note { font-size: 80%; padding-right:7px; } table.noborder tr,table.noborder td,table.noborder th,table.noborder { border: none; } /*width20percent is used for 5 column table in reports*/ .width20percent { width: 20%; } .width25percent { width: 25%; } .width60percent { width: 50%; } .width95percent { width: 95%; } #content table.noborder{border:0; width:99%;} #content table.noborder tr td{padding:0.2em 0; border:0;} #content table.noborder tr td.width50percent {width:50%} #content table.noborder tr td table{width:400px; border:0;} #content table.noborder tr td.boldbigger{font-weight:bold; font-size:1.0em; line-height:normal;} #content table.noborder span.colorredB {color:#ff0000;} #content table.noborder tr td table tr td.boldbiggerright{text-align:right; font-weight:bold; font-size:1.0em;} #content table.noborder tr td table tr td.boldbiggerright h1{margin:0; padding:0 0 0px 0; text-align:right; font-weight:normal; font-size:2.0em;} /* custom styles to tidy up after Nov 2015 site release */ table.width95percent tr:hover td{background:none;} table.publicTable tr:hover td{background:none;} #content table.noborder.width95percent tr td table{width:100%} .entry table.width95percent table{margin-bottom:0;} p#buttons, .entry p#buttons{font-size:14px;} p#buttons a.butt{-moz-appearance: none; background: #0084b5 none repeat scroll 0 0; border-color: rgba(255, 255, 255, 0); border-radius: 3px; border-style: solid; border-width: 1px; box-shadow: 0 0 0 0 #888; box-sizing: border-box;color: white !important; cursor: pointer; display: inline-block; font-family: inherit; font-size: 1em; line-height: 1.618em; overflow: visible; padding: 0.327em 1em;text-align: center;text-decoration: none; text-shadow: none;text-transform: uppercase; white-space: normal; width: auto;} p#buttons a.butt:hover{background:#245682} p#buttons a.butt.pdf{padding-left:27px; background-image:url(img/icon_pdf.png); background-repeat:no-repeat; background-position: 5px 7px;} p#buttons a.butt.view{padding-left:27px; background-image:url(img/icon_view.png); background-repeat:no-repeat; background-position: 5px 7px;} /***** END - Styles from cartellreportstyle.css ****/ /* Form Styles */ .formStyle, .box_blue{margin-bottom:20px; background:#eef5f9/*#f9f9f9*/; padding:20px; border-radius:20px;} .formStyle legend, .box_blue legend{margin: 0.5em 0 1em 0; font:bold 20px/1.2em 'Open Sans', Arial, sans-serif;color:#666;} .formStyle ol, .box_blue ol{margin:0; padding:0; list-style:none;} .formStyle ol li, .box_blue ol li{margin-bottom:14px; padding:0;clear: both;} .formStyle ol li label, .box_blue ol li label{margin:0 1em 0 0; float:left; width:31%; font-weight:700; text-align:right;} .formStyle ol li input, .formStyle ol li select, .box_blue ol li input, .box_blue ol li select{margin:0; padding:.313em 0; width:35%; text-indent:.25em; border:1px solid #eaeaea; background-clip: padding-box;border-radius: 0.236em;box-sizing: border-box;font-size: 1em; line-height: 1.618em; outline: medium none;} /*.box_blue#nmrOptions ol li input[type="text"]{width:15%}*/ .box_blue ol li input#card_cvv{width:6%} /*form#contactForm .box_blue ol li input{vertical-align:top;}*/ .box_blue ol li select#card_month, .box_blue ol li select[name="card_year"]{width:17%;} .formStyle ol li input[type=checkbox], .formStyle ol li input[type=radio], .formStyle ol li input[type=submit]{width:auto;} .box_blue ol li input[type=checkbox], .box_blue ol li input[type=radio], .box_blue ol li input[type=submit]{width:auto;} .formStyle textarea.w100pc{width:65%;} .formStyle li.buttons, .box_blue li.buttons{margin-left:33%;} .formStyle p.buttons{margin-left:31.5%;} .formStyle p.buttons, .box_blue li.buttons input[type="submit"]{padding:.327em 1em} .formStyle ol li input, .box_blue ol li input[type=submit]{padding:.327em 0.2em; width:auto;} label.control-label em{font-weight:normal;} /*address form*/ #contactForm .box_blue ol{margin:0 auto;} #contactForm .box_blue ol li label{float:none; width:auto; display:block; text-align:left;} #contactForm .box_blue ol li input, #contactForm .box_blue ol li select{width:100%} #contactForm .box_blue ol li input[type="checkbox"]{width:auto; display:inline;} #contactForm .box_blue ol li label[for="post_report"]{display:inline;} /*new form validation - 2017.11.30*/ .help-block.with-errors{margin-top:0;} .help-block.with-errors ul{margin:0; padding:0; list-style-type:none;} .has-error .help-block.with-errors ul li:before {margin-top:0px; content:"\f06a"; font-family: fontAwesome; margin-right:10px; font-size:1.2em; color:#e7514c} .has-error .help-block.with-errors ul li{margin:10px 0; padding:12px; font-size:0.9em; background:#ffecec; border: 1px solid #f9cbc8; border-radius:7px; clear: both; /*width: 90%;*/ line-height: normal} .formStyle ol.form-4col li{display:inline; clear:none; width:25%; float:left;} .formStyle ol.form-4col li label{clear:both; display:block; width:100%; text-align:left;} .formStyle ol.form-4col li input, .formStyle ol.form-4col li select{clear:both; display:block; width:80%;} .formStyle ol.fastlookup li{display:block; } .formStyle ol.fastlookup li label, .formStyle ol.fastlookup li input, .formStyle ol.fastlookup li select{width:100%;} .formStyle ol.form-3col li{display:inline; clear:none; width:31%; float:left; vertical-align: bottom;} .formStyle ol.form-3col li label{clear:both; display:block; width:100%; text-align:left;} .formStyle ol.form-3col li input, .formStyle ol.form-3col li select{clear:both; display:block; width:90%;} .formStyle ol.form-3col li input[type=submit]{width:auto;} .box_blue ol li span.tip{margin: 0 0 0 10px; padding: 7px 7px 5px 7px; font-size: 0.78em; background: #FFFCDF; border: 1px solid #ffe375; border-radius: 6px; clear: both; display: inline-block; width:28%; line-height:normal;} form li .fa.fa-question-circle{color: #999; font-size: 1.5em; margin-left: 0px;} .formStyle.search ol li input, .formStyle.search ol li select{width:65%;} .formStyle input:read-only{color:#999;} /*steps forms - public*/ .entry form ol li.cb input {margin-right:5px; padding-top:3px; } .entry form ol li.cb label, .entry ol li.cb label{width: auto; text-align: left; font-weight: normal; float:none;} .entry form ol li.cb label img{margin-left:20px;} .entry form ol li.cb label .description{margin-left:20px; color:#555; display:block; font-size:0.9em;} body #wrapper #content .entry ol li button{margin-left:10px; padding:0.327em 1.5em; color:#fff; font-size:1em;} #paymentOptions li {margin-bottom:25px; margin-top:25px;} body.two-col-right .box_blue{background:#eef5f9; border:1px solid #eaeaea; border-radius:20px;} .box_blue h2{color: #666; font: bold 20px/1.2em "Open Sans",Arial,sans-serif; margin: 0.5em 0;} .box_blue h3{margin:1em 0 0.5em 0; font-size:1.1em; font-weight:normal; color:#00b544} .entry form p {font-size: 0.95em; line-height: normal;} /*next prev navigation*/ .nav_buttons{width: 100%; clear: both; overflow: hidden} .nav_buttons input.butt_next:after{content: "\f0a9"; font-family: fontAwesome; margin-left: 10px; color:#fff; } .nav_buttons input.butt_prev:before{content: "\f190"; font-family: fontAwesome; margin-right: 10px; color:#fff; } .nav_buttons input{color:#fff; padding: 5px 15px; text-align: center; border-radius: 3px; font-size: 1.2em} .nav_buttons .butt_next{float: right} .nav_buttons .butt_prev{float: left} /* warn */ li.warn:before, p.warn:before {margin-top:0px; content:"\f071"; font-family: fontAwesome; margin-right:10px; display: block; float: left; color:#ff6600} .formStyle ol li.warn, .box_blue ol li.warn, li.warn, p.warn {margin:10px 0; padding:12px; font-size:0.9em; background:#FFFCDF; border: 1px solid #ffe375; border-radius:7px; clear: both; /*width: 90%;*/ line-height: normal} .entry p.warn{font:14px/1.7em "Open Sans",arial,sans-serif} .text-danger:before{margin-left:12px; position:absolute; top:1em; left:0; content:"\f071"; font-family: fontAwesome; color:#ff6600} .text-danger{margin:10px 0; padding:12px 12px 12px 32px; position:relative; font-size:0.9em; color:#333 !important; background:#FFFCDF; border: 1px solid #ffe375; border-radius:7px; clear: both; line-height: normal} /* note */ p.note:before, li.note:before{margin-top:2px; content:"\f05a"; font-family: fontAwesome; margin-right: 10px; display: block; float: left; color:#478bff} .formStyle ol li.note, .box_blue ol li.note, p.note, li.note{margin: 10px 0; padding: 12px; /*width: 90%;*/ font-size: 0.9em; background:#efefef; border: 1px solid #ccc; border-radius:12px; clear: both; line-height: normal} /* Gravity Form Styles*/ .gform_wrapper input[type=text], .gform_wrapper input[type=email], .gform_wrapper input[type=tel], .gform_wrapper input[type=number], .gform_wrapper textarea{font-size:0.9em;} .entry .gform_wrapper ul{padding-left:0;} .entry .gform_wrapper ul li.gfield{list-style:none; } .gform_validation_container, .gform_wrapper .gform_validation_container, body .gform_wrapper .gform_body ul.gform_fields li.gfield.gform_validation_container, body .gform_wrapper li.gform_validation_container, body .gform_wrapper ul.gform_fields li.gfield.gform_validation_container{display:none !important; left:-9000px; position:absolute !important} /*newsletter sign up - footer widget*/ #footer-widgets .widget.widget_woo_subscribe{margin-bottom:10px;} #footer-widgets #connect{margin-bottom:0;} #footer-widgets .gform_wrapper{margin:0;} #footer-widgets .gform_wrapper .gform_body{display:inline; float:left; width:60%;} #footer-widgets .gform_wrapper label{display:none;} #footer-widgets .gform_wrapper ul{margin:0; padding:0; list-style-type:none;} #footer-widgets .gform_wrapper ul li.gfield{margin:0;padding-right: 16px;} #footer-widgets .gform_wrapper .top_label div.ginput_container{margin:0;} #footer-widgets .gform_wrapper .top_label input.medium{width:100%;} #footer-widgets .gform_wrapper .gform_footer{margin:0; padding:0; width:50%; display:inline;} #footer-widgets .gform_wrapper .gform_footer input[type="submit"]{background-color:#0084b5; font-size:16px; width:auto;} #footer-widgets .gform_wrapper .gform_footer input[type="submit"]:hover{background-color:#245682} /*sign up newsletter - website page*/ #gform_wrapper_11 label{display:none;} #gform_wrapper_11 .gform_footer input[type="submit"]{background-color:#0084b5;} /*contact form*/ #gform_wrapper_1 #field_1_5 .instruction {display:none;}/*calculation field*/ /*Integrating with Cartell*/ #gform_wrapper_21 input{min-width:320px;} /* footer credit*/ #cookie_credit{margin:0 auto; padding:0; clear:both; max-width:1130px !important; text-align:right;} #cookie_credit p{margin:40px 0 0 0; font:300 13px/1.4em "Open Sans",arial,sans-serif;} #cookie_credit a{color:#444;} /*gdpr cookies policy banner */ #cookie-law-info-bar{border-radius:28px} /*Carstat*/ #queryBuilder .panel .panel-heading .btn-xs{width:auto !important;} /* STAFF - GENERAL STYLES -----------------------------*/ span.address{display:inline-block;} /*tables*/ body.staff .entry table tr td, body.staff .entry table tr td{padding:0.4em} body.staff .entry table tr td.title {font-size: 0.95em; background:#fafafa; color:#222; font-weight:bold; vertical-align:middle;} body.staff .entry table tr td table{font-size:0.9em} body.staff .entry table tr:hover td table tr td{background:#fff} body.staff .entry table tr td table tr:hover td{background:#f4f9fb} body.staff .entry table input[type="submit"], body.staff .entry table input[type="button"]{font-size:1.0em;} body.staff .entry table#mileageTable tr td{padding:0.2em;font-size:0.9em;} body.staff .entry table.dataTable tr th{padding:0.3em;font-size:0.9em;} body.staff .entry table.dataTable tr td{padding:0.2em 0.3em;font-size:0.9em;} /*body.staff .entry table.dataTable tr td{overflow:hidden;}*/ body.staff .entry table.dataTable tr td input{font-size:0.9em; padding:2px 5px;} body.staff .entry table.tablesorter.dataTable tr td, body.staff .entry table.tablesorter.dataTable tr th{font-size:1em; padding:5px;} body.staff .entry table tr.code td input[name="code"]{margin:0 5px; width:70%;}/*Code Cracker ID page*/ /*body.staff .entry table#contactUsers{table-layout: fixed;}fix for long text in a td cell*/ body.staff .entry table#contactUsers{width:100%;} body.staff .entry table#contactUsers tr td{vertical-align: middle} body.staff .entry table#contactUsers tr td:nth-child(5){width:200px !important; display:inline-block;} /* table colour coding*/ table tr.prob100 td{background:#DF0101 !important} table tr.prob80 td{background:#FE2E2E !important} table tr.probUpperThreshold td{background:#F78181 !important} table tr.prob40 td{background:#FF8000 !important} table tr.prob20 td{background:#FAAC58 !important} table tr.probLowerThreshold td{background:#FAAC58 !important} table tr.prob0 td{background:#9AFE2E !important} table tr.probNegative td{background:#74DF00 !important} table tr.icbrequest td{background:#CDE3F8 !important} /*forms*/ body.staff .formStyle input.buttons[type="button"]{margin-bottom:0.5em; font-size:1.0em;} body.staff .formStyle ol li input[name="customerlogourl"]{width:100%;} /*body.staff .formStyle ol li input{width:100%;}*/ body.staff .formStyle ol li input[type="checkbox"]{width:auto;} body.staff .formStyle ol li.cb input{width:auto;} body.staff .formStyle ol li.cb input[name="customerlogourl"]{width:100%;} body.staff .formStyle #notes textarea.w100pc[name="newnote"]{width:100%; height:250px;} body.staff button.buttons{margin-bottom:0.5em; padding:0.3em 1em; width:auto; border: none; background:#0084b5; text-transform: capitalize; font-size: 1.0em; font-weight: 400; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); color:#fff !important;} body.staff a.butt{margin-right:4px;} body.staff form{margin-bottom:1em;} body.staff pre { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } body.staff form[name="form1"]{} body.staff form[name="form1"] input[name="registration"]{margin-left:10px; padding:3px 5px;} body.staff form[name="form1"] input[value="Search"]{margin-left:10px; font-size:1em} /*dashboard*/ body.staff .entry .featurePanel p{margin:10px 0; padding:0 20px;} body.staff .entry .featurePanel form{margin-left:20px;} /*buttons*/ body.staff input[type="submit"], body.staff input[type="button"]{background:#0084b5} body.staff a.butt{background:#0084b5} /*mobile responsive nav menu*/ @media only screen and (max-width: 767px) { body.trade #navigation{padding-bottom:11em; background:#222;} body.trade #navigation ul.nav li{border-bottom:1px solid #333; font-size:1.2em} body.trade #navigation ul.nav li a{padding:0.7em 1em; color:#fff; position:relative;} body.trade #navigation ul.nav li a:hover{background:#222} body.trade #navigation ul.nav li a:after{position:absolute; font-family:fontawesome; content:"\f105"; right:10px; font-size:1.4em;} body.trade #navigation ul.nav li:last-child a:after{content:"";} body.trade #navigation ul.nav li:last-child a{padding-left:2em;} body.trade #navigation ul.nav li:last-child a:before{position:absolute; font-family:fontawesome; content:"\f08b"; left:1em;} /*sub*/ body.trade #navigation ul.nav li ul.sub-menu li{font-size:0.9em;} body.trade #navigation ul.nav li ul.sub-menu li a{padding:0.5em 1em; color:#fff !important;} body.trade #navigation ul.sub-menu li:last-child{border-bottom:0;} body.trade #navigation ul.sub-menu li:last-child a:after{content:"\f105";} body.trade #navigation ul.sub-menu li:last-child a{padding-left:1em;} body.trade #navigation ul.sub-menu li:last-child a:before{content:"";} } /* DESKTOP STYLES ----------------------------------------------------------------------------------------------------------------------- Add styles inside the media query below that you only want to be applied to the desktop layout of your site */ @media only screen and (min-width: 768px) { /* Desktop styles go below this line */ /*span.lg, .pricing-head h4 span.lg{display:inline-block;} span.sm, .pricing-head h4 span.sm{display:none;}*/ /* --- LAYOUT -----------------------------*/ .two-col-right #main-sidebar-container #main{width:74.89%} .two-col-right #main-sidebar-container #sidebar{width:22.7%} .two-col-left #main-sidebar-container #main{width:59.9%} .two-col-left #main-sidebar-container #sidebar{width:32.07%} /* --- HEADER -----------------------------*/ #header{ padding-bottom: 0px; } #logo { float: left !important; max-width: 20% !important; } header #connect > h3 { border-right: 1px solid #e6e6e6; border-width: 0 1px 0 0; display: inline-block; float: left; margin-right: 20px; margin-top: 0; padding: 8px 20px 8px 0; } header .widget_woo_subscribe .social {text-align: right;} /* --- GENERAL ----------------------------*/ #content{min-height:380px;} body.home #content{min-height:auto;} .entry, .entry p { color: #222222; font: 16px/1.7em "Open Sans",arial,sans-serif; } .formStyle.register ol li input{width:62%;} .formStyle.register ol li input.vat{width:auto;} /* --- Navigation - DESKTOP -------------------------*/ /* --- NEW - 2018 NAVIGATION (DESKTOP min 768px) ---------------------------*/ #navbarNav{color:#8ca0b3; font-family: 'Roboto', sans-serif;} .navbar-default ul.navbar-nav > li > a{font-size:18px; font-weight:500; font-family: 'Roboto', sans-serif;} ul.navbar-nav li:first-of-type i{color:#dfdfdf;} .navbar-default ul.navbar-nav > .active > a, .navbar-default ul.navbar-nav > .active > a:hover, .navbar-default ul.navbar-nav > .active > a:focus{background-color:transparent; color:#005476}/* active link*/ .navbar-default ul.navbar-nav > li > a{color:#8ca0b3} .navbar-default ul.navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover i{color:#005476} /* personal / trade buttons*/ #wrapper .navbar-default ul.navbar-nav > li.btn{padding:0; background-color:transparent; box-shadow:none;}/*clear default bootstrap btn style*/ .navbar-default ul.navbar-nav > li.btn a{padding:6px 10px !important; font-size:15px; font-weight:500;} .navbar-default ul.navbar-nav > li.btn i{margin-right:4px;font-size:1.2em;} .navbar-default ul.navbar-nav > li.btn-personal i{color:#005476} .navbar-default ul.navbar-nav > li.btn-personal a{background-color:#73bbd6; border-radius:.25rem 0 0 .25rem; color:#fff;} .navbar-default ul.navbar-nav > li.btn-personal a:hover{color:#005476} .navbar-default ul.navbar-nav > li.btn-trade i{color:#fff} .navbar-default ul.navbar-nav > li.btn-trade a{margin-left:1px; background-color:#6ed200; border-radius:0 .25rem .25rem 0; color:#005476;} .navbar-default ul.navbar-nav > li.btn-trade a:hover{color:#fff} /*dropdown sub-menu*/ ul.nav ul{width:18em} ul.nav ul li a{padding:0.35em 1.5em !important; font-size:1.15em; color:#8ca0b3} ul.nav li ul li a{color:#8ca0b3 !important} ul.nav ul li a:hover{color:#005476 !important; background:#f8f9fa !important; text-decoration:none !important;} /*sub sub nav - dropdown sub-menu*/ ul.navbar-right ul ul.dropdown-menu{left:100%} ul.navbar-right ul.dropdown-menu li.dropdown a{position:relative;} ul.navbar-right ul.dropdown-menu li.dropdown a:after{display:block; content:" "; float:right; width:0; height:0; border-color:transparent; border-style:solid; border-width:5px 0 5px 5px; border-left-color:#cccccc; margin-top:5px; margin-right:-10px;} ul.navbar-right ul.dropdown-menu li.dropdown ul li a:after{border-width:0} /*colour coding*/ body.trade .navbar-nav, body.staff .navbar-nav, body.servicetell .navbar-nav, body.cartrace .navbar-nav, body.carstat .navbar-nav{padding:0 1em; background:#fafafa; border-radius:4px;} body.trade .navbar-nav > li, body.staff .navbar-nav > li, body.servicetell .navbar-nav > li, body.cartrace .navbar-nav > li, body.carstat .navbar-nav > li{border-bottom:6px solid #fafafa; color:#888;} body.trade .navbar-default ul.navbar-nav > li > a, body.servicetell .navbar-default ul.navbar-nav > li > a, body.miaftr .navbar-default ul.navbar-nav > li > a, body.cartrace .navbar-default ul.navbar-nav > li > a, body.carstat .navbar-default ul.navbar-nav > li > a{color:#888; font-size:17px} body.trade .navbar-default ul.navbar-nav > li > a:hover, body.servicetell .navbar-default ul.navbar-nav > li > a:hover, body.miaftr .navbar-default ul.navbar-nav > li > a:hover, body.cartrace .navbar-default ul.navbar-nav > li > a:hover, body.carstat .navbar-default ul.navbar-nav > li > a:hover{color:#005476} body.trade .navbar-light .navbar-nav .active > .nav-link, body.trade .navbar-light .navbar-nav .nav-link.active, body.trade .navbar-light .navbar-nav .nav-link.show, body.trade .navbar-light .navbar-nav .show > .nav-link{color:#005476} body.trade .navbar-nav .dropdown-menu{top:98%} body.trade .navbar-nav > li:first-of-type{border-color:#0086b6} body.miaftr .navbar-nav > li:first-of-type{border-color:#9ad30c} body.cartrace .navbar-nav > li:first-of-type{border-color:#f00000} body.servicetell .navbar-nav > li:first-of-type{border-color:#E0C502} body.carstat .navbar-nav > li:first-of-type{border-color:#c7dfec} body .navbar-default ul.navbar-nav > li.btn-logout a{position:relative; padding-left:25px !important; background-color:#0084b5; border-radius:.25rem; color:#fff; font-size:14px;} body .navbar-default ul.navbar-nav > li.btn-logout a:before{position:absolute; left:7px; content:'\f08b'; font-family: "fontAwesome"} /*fix font size on Report page*/ /*body.report .navbar-default {font-size:1.0rem !important}*/ /* --- HOMEPAGE - DESKTOP ---------------------------*/ body.home #nav-container {margin: 0 0 1em;} body.home .wooslider .entry p{font-size: 20px; margin-bottom: 0; font-weight: 100;} #regbox {} #regbox .regbox{margin:0 auto; width:540px} #regbox h1{font-size: 2.5em} #regbox h3{font-size: 1.3em} #regbox .reg-wrapper {padding:0 7px 0 45px; float:left; width: 340px; background:#034da2 url("img/reg-gb-irl.png") no-repeat scroll 5px center / auto auto; border:6px solid #000;} #regbox .reg-wrapper.jp {background:#efefef url("img/reg-jp.png") no-repeat scroll 5px center / auto auto;} #regbox .reg-wrapper input {font-size: 2.0em; } body #wrapper #content #regbox input.gobutt {margin-top:5px; padding:0; font-size:2.4em; width:90px; height:90px} body.home .woo-sc-box.normal p {float: left; font-size: 1em; font-weight: 100; line-height: 1.3em; margin-bottom:0; color:#858585} body.home .woo-sc-box.normal p:nth-child(1){margin-top:5px; text-align: center; width: 40%} body.home .woo-sc-box.normal p:nth-child(2){padding:0 1%; text-align: center; width:133px} body.home .woo-sc-box.normal p:nth-child(2) img{margin-top: -10px; padding-bottom: 10px} body.home .woo-sc-box.normal p:nth-child(3){margin-top:5px; text-align: center; width: 38%} /* WIDGETS - DESKTOP ----------------------------------------*/ #sidebar-onestar{display:none;}/*hide mobile one star sidebar*/ #text-5 .reg-wrapper, #text-7 .reg-wrapper {width:255px; float:left} #footerbar_widget .info a {display: inline-block; font-size: 0.85em; line-height: normal;} #footerbar_widget img {display: inline-block; float: left; margin: 0; padding: 0 8px;} /* pagebottom form widgets */ #pagebottom_widget textarea[name=notes]{width:60%;} /* FOOTER - DESKTOP ----------------------------------------*/ #footer-container ul.nav li{border-right:1px solid #d1d1d1;} #footer-container ul.nav li:last-child{border:0;} #footer-container ul.nav li a{padding:5px 10px !important; color:#444; font:300 14px/1.2em 'Open Sans', arial, sans-serif} #footer-container ul.nav li.current_page_item a, #footer-container li.current_page_parent a, #footer-container ul.nav li.current-menu-ancestor a{background:none; font-weight:bold;} #footer-container ul.nav ul li{border:0;} #footer-container ul.nav ul li a{font-size:0.9em;} #footer-container ul.nav li.current_page_item ul li a, #footer-container li.current_page_parent ul li a, #footer-container ul.nav li.current-menu-ancestor ul li a{font-weight:300;} #footer-container .nav li.parent > a:after { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: .75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f0d7"; color: inherit; font-size: .857em; margin-top: 6px; speak: none; width: 1.387em; display: inline-block; text-align: right; line-height: 1; } #footer .col-left {clear:both;} /* PURCHASE REPORT - DESKTOP STYLES -----------------------------*/ ul#plans li.plan{border-radius:0; border-width:2px 2px 2px 0;} ul#plans li.plan.first{border-radius:18px; border-width:2px;} ul#plans li.plan.last{border-radius:0 18px 18px 0} .box_blue#nmrOptions ol li input[type="text"]{width:15%} /* TRADE - DESKTOP STYLES -----------------------------*/ /*top nav*/ body #top ul.nav{float:right;}/* align top utility menu to the right - for ALL services*/ body #top{background:#eff6f9} body #top ul.nav ul {background:#eff6f9; color:#005375} body #top ul.nav ul li a{color:#005375 !important; } body #top ul.nav > li a{color:#005375} body #top ul.nav > li a:hover {background:#444; color:#fff} body #top ul.nav > li:hover {background:#444; color:#fff} body #top ul.nav > li.logout a{background:#005375; color:#fff} body #top ul.nav > li.logout a:before{margin-right:5px; content:"\f08b";font-family: "fontAwesome"; display: inline-block;} body.trade #top ul.nav > li.on a{background:#666; color:#fff; font-weight:bold;} /* trade homepage*/ #topWrap .twocol-one.last{padding-left:20px; border-left:1px dashed #ccc;} /*One Star - CPG Addon */ .cpgbutton{margin:20px 0 0 15px; text-align:left; width:auto;} form#selectReportForm{margin-top:-55px} .formStyle ol.form-4col li{display:inline; clear:none; width:25%; float:left;} .formStyle ol.form-3col li{display:inline; clear:none; width:31%; float:left;} .formStyle ol.fastlookup li{display:inline; width:auto !important;} .formStyle ol.fastlookup li label, .formStyle ol.fastlookup li select, .formStyle ol.fastlookup li input{width:auto !important;} #contactForm .box_blue ol{width:40%} /* STAFF - DESKTOP STYLES -----------------------------*/ ol.halfwidth{width:45%; float:left;} body.staff .formStyle #contact ol.halfwidth{width:48%;} body.staff .formStyle #contact ol li input[type="text"]{width:60%;} body.staff .formStyle .threecol-one ol li label{width:30%;} body.staff .formStyle .threecol-one ol li input[type="text"]{width:65%;} body.staff .formStyle ol.halfwidth li input, body.staff .formStyle ol.halfwidth li select{width:60%;} body.staff .formStyle ol.halfwidth li input[type="checkbox"]{width:auto;} body.staff .formStyle ol li input{width:60%;} body.staff form.formStyle[name="details"] ol li label{width:35%;} } /* LARGE DESKTOP STYLES -----------------------------------------------------------------------------------------------------------------------*/ @media only screen and (min-width: 1024px) { /*span.lg, .pricing-head h4 span.lg{display:inline-block;} span.sm, .pricing-head h4 span.sm{display:none;}*/ #navigation{max-width:770px !important;} body.home #main .wooslider {margin-top: 0px; float: right; clear: none; max-width: 380px;} #regbox {padding:10px 30px 30px 30px; width:530px; float:left; text-align: left} #regbox .regbox{margin:0; width:auto} body.home .woo-sc-box.normal p {float: left; font-size: 1em; font-weight: 100; line-height: 1.3em; margin-bottom:0; color:#858585} body.home .woo-sc-box.normal p:nth-child(1){margin-top:13px; text-align: center; width: 42%} body.home .woo-sc-box.normal p:nth-child(2){padding:0 1%; text-align: center; width:133px} body.home .woo-sc-box.normal p:nth-child(2) img{margin-top: -10px; padding-bottom: 10px} body.home .woo-sc-box.normal p:nth-child(3){margin-top:13px; text-align: center; width: 39%} .two-col-left #main-sidebar-container #sidebar, .three-col-left #main-sidebar-container #sidebar, .three-col-middle #main-sidebar-container #sidebar {margin-top: 12px} /*sidebar regbox*/ #text-5.widget h3, #text-7.widget h3{text-align: left} #text-5 .regbox, #text-7 .regbox{text-align:left} #footerbar_widget .info {padding-right: 30px; display: block; float: left; width: 15%;} #footer .wooslider {clear: none; float: right; margin-bottom: 0 !important; width:100%; max-width: 920px} /* GetACartellCheck page */ .entry .widget_woothemes_testimonials {margin-left:0px; } /* Misc */ .formStyle ol.form-4col li{display:inline; clear:none; width:25%; float:left;}/*Report search*/ .formStyle ol.form-3col li{display:inline; clear:none; width:31%; float:left;} /*HTML Reports*/ body.full-width #ReportId_Summary ol li{margin:1px; width:24.5%;} body.full-width.trade #ReportId_Summary ol li{margin:1px; width:19.5%;} body.full-width #ReportId_Summary ol.cust_details{margin-top:1em;} body.full-width #ReportId_Summary ol.cust_details li.address{width:74%;} } /* NAV BAR SPECIFIC - BREAKPOINT STYLES -----------------------------------------------------------------------------------------------------------------------*/ @media only screen and (min-width:1110px) and (max-width:1139px) { #navigation{max-width:845px !important;} } @media only screen and (min-width:1024px) and (max-width:1109px) { body #navigation ul.nav li:nth-child(3){width:21%} body #navigation ul.nav li:nth-child(7){width:9%;} /*body #navigation ul.nav li:nth-child(7) a{min-height:2.4em;}*/ body #navigation ul li a{} } @media only screen and (min-width:1025px) and (max-width:1109px) { body.page #navigation{max-width:100% !important;} } @media only screen and (min-width:820px) and (max-width:870px) { body #navigation ul li a{font-size:1.0em;} } @media only screen and (min-width:800px) and (max-width:819px) { body #navigation ul li a{font-size:0.9em;} } /* VERY LARGE DESKTOP STYLES -----------------------------------------------------------------------------------------------------------------------*/ @media only screen and (min-width: 1140px) { /*span.lg, .pricing-head h4 span.lg{display:inline-block;} span.sm, .pricing-head h4 span.sm{display:none;}*/ #navigation{max-width:840px !important;} #regbox {padding-left:35px; width:570px;} #regbox .reg-wrapper {width:390px} #regbox .reg-wrapper input{font-size:2.4em;} body #wrapper #content #regbox input.gobutt {font-size: 2.6em; width:100px; height:100px} body.home #main .wooslider {margin-top: 10px; margin-bottom: 0px!important; float: right; clear: none; max-width: 465px;} body.home .woo-sc-box.normal p {float: left; font-size: 1.3em; font-weight: 100; line-height: 1.3em; margin-bottom:0; color:#858585} body.home .woo-sc-box.normal p:nth-child(1){margin-top:13px; text-align: center; width: 43%} body.home .woo-sc-box.normal p:nth-child(2){padding:0 1%; text-align: center; width:133px} body.home .woo-sc-box.normal p:nth-child(2) img{margin-top: -10px; padding-bottom: 10px} body.home .woo-sc-box.normal p:nth-child(3){margin-top:13px; text-align: center; width: 40%} #wrapper .infos{text-align:left;} } /* TABLETS and SMALL DESKTOP STYLES -----------------------------------------------------------------------------------------------------------------------*/ @media only screen and (min-width: 768px) and (max-width:1024) { /* tablets and small desktop */ /*span.lg, .pricing-head h4 span.lg{display:inline-block;} span.sm, .pricing-head h4 span.sm{display:none;}*/ /*progress steps*/ .steps ol li {margin-right:10px; padding:10px 10px} /*HTML Reports*/ body.full-width #ReportId_Summary ol li{width:24%;} body.full-width.trade #ReportId_Summary ol li{width:32%;} /*STAFF STYLES - MOBILE */ body.staff .formStyle #contact ol li input{width:90%;} } /* NAV MENU - TABLETS and SMALL DESKTOP STYLES -----------------------------------------------------------------------------------------------------------------------*/ @media only screen and (min-width: 768px) and (max-width:1000) { #header .navbar-default .navbar-header{width:100%; float:none; display:block; clear:both; text-align:center;} #header a.navbar-brand{float:none; margin:0 auto;} #navbarNav{display:block; clear:both; text-align:center;} } /* SMARTPHONE STYLES -----------------------------------------------------------------------------------------------------------------------*/ @media only screen and (max-width: 767px) { /* general */ /*span.lg, .pricing-head h4 span.lg{display:none;} span.sm, .pricing-head h4 span.sm{display:inherit;} .pricing-head h4 .rec{padding:5px 30px}*/ /*p.note{width:100%;}*/ .tradelogin{display:block;} /* layout */ body #content{padding-top:0; padding-bottom:0;} #navigation{top:-40px;} #footer{padding:0;} /*aside#sidebar{display:none;}hide sidebar on small screen - hello... panels*/ #sidebar #selection_vehicle {display:none;}/*Hide onestar on mobile as new aside one star is displayed on mobile instead*/ body.trade #sidebar #selection_vehicle {display:block;}/* display it on trade screens*/ .mobile-hide{display:none;} /*app styles*/ body.report #wrapper #content .entry .selection-panel a#Print_Full_Report_preview.button{display:none;} body.trade .selection-panel.account, body.trade .selection-panel.cartell-check{display:none;} .fancybox-overlay .input-block{width:100%;}/*email report modal*/ table#reportsTable i.fa-print{display:none;} table#reportsTable i.fa-print:before{content:"";} /*fancybox*/ body.report .fancybox-wrap{width:90% !important;} body.report .fancybox-inner{width:100% !important; height:100% !important;} body.report .fancybox-opened {transform: translateZ(100px);} /*homepage*/ #regbox .reg-wrapper{width:100%; width:auto !important; max-width:283px;} #regbox input.gobutt{margin:10px 0;padding:0.4em 0; float:none; width:280px; height:auto; border-radius:10px;} /*rhs column regbox*/ #text-5 .reg-wrapper, #text-7 .reg-wrapper{float:none;} #aside input.gobutt, #text-5 input.gobutt, #text-7 input.gobutt{margin:10px 0;padding:0.4em 0; float:none; width:100%; height:auto; border-radius:10px;} body .woo-sc-box.rounded{margin-top:0;} /*login page*/ form[action="j_security_check"]{margin-top:20px;} /* trade homepage reg box*/ form.homeReg{padding:10px 0 5px 0px; border-bottom:1px dashed #ccc;} form.homeReg .reg-wrapper{float:none; width:100%;} form.homeReg input.gobutt{margin:10px 0;padding:0.4em 0; float:none; width:100%; height:auto; border-radius:10px;} .welcome a.button{width:100%;} /* trade homepage featurepanels*/ .featurePanel{min-height:60px; width:100%; border-radius:10px;} .featurePanel .header{border-bottom:0; border-radius:10px;} .entry .featurePanel p{display:none;} /*forms*/ .formStyle ol.form-4col li{display:block; clear:both; width:auto; float:none;}/*Report search*/ .formStyle ol.form-4col li input, .formStyle ol.form-4col li select{width:100%;} .formStyle ol.form-3col li{display:block; clear:both; width:auto; float:none;} .formStyle ol.form-3col li input, .formStyle ol.form-3col li select{width:100%;} ul#plans li.plan, ul#plans li.plan.last{border-radius:18px; border-width:2px;} ul#plans li.plan li.header{border-radius:18px 18px 0 0} .formStyle ol li label, .formStyle ol li input, .formStyle ol li select{display:block; clear:both; float:none; width:100%; text-align:left;} .formStyle.search ol li select{width:100%;} .box_blue ol li label, .box_blue ol li input, .box_blue ol li select{display:block; clear:both; float:none; width:100%; text-align:left;} .help-block.with-errors{margin-left:0; width:100%;} .formStyle ol li.cb label, .formStyle ol li input[type="radio"], .formStyle ol li input[type="checkbox"]{display:inline; clear:none; width:auto; } .box_blue ol li.cb label, .box_blue ol li input[type="radio"], .box_blue ol li input[type="checkbox"]{display:inline; clear:none; width:auto; } .formStyle input[type="submit"] {margin-top:10px; width:100%; text-align:center;} .formStyle textarea.w100pc{width:100%;} .formStyle p.buttons{margin-left:0; padding:0;} .formStyle li.buttons, .box_blue li.buttons{margin-left:0} .box_blue ol li input[type="submit"]{margin-top:10px; width:100%; text-align:center;} ol li#input_nmr_mileage .example, ol li#input_nmr_mileage button, .example, ol li#input_nmr_mileage input{display:block;} .box_blue ol li span.tip{margin:5px 0 0 0; width:94%;} /*My Details page*/ form[name=details].formStyle label{width:85%; display:inline; } form[name=details].formStyle input[type=checkbox]{margin:5px 5px 0 0; float:left;} form[name=details].formStyle li{margin-bottom:10px; display:block; clear:both;} /*My Details page - tips*/ form[name=details].formStyle li{float:none;} form[name=details].formStyle input{float:none;} form[name=details].formStyle span.tips{width:100%; display:block; margin:5px 0 0 0; clear: both;} /* trade login form*/ .formStyle ol li.chbox label{float:left; width:auto;} .formStyle ol li.chbox input[type="checkbox"]{margin:5px 5px 0 0;} /*card payment page */ .box_blue ol li input[name="card_number"]{width:100%;} .box_blue ol li select#card_month, .box_blue ol li select[name="card_year"]{width:48%; display:inline;} .box_blue ol li input#card_cvv{width:48%; display:inline;} form[name="payment-form"] .nav_buttons .butt_next{margin-left:0; width:100%;} /*tables*/ .entry table.dataTable{display:block; overflow-x:auto; _overflow:auto; width:100%;} .entry table.dataTable::-webkit-scrollbar{-webkit-appearance:none; width:14px; height:14px;} .entry table.dataTable::-webkit-scrollbar-thumb{border-radius:8px; border:3px solid #fff; background-color: rgba(0, 0, 0, .3);} .entry table.dataTable th{white-space:nowrap} /*staff tables*/ body.staff .entry table{display:block; overflow-x:auto; _overflow:auto; width:100%;} body.staff .entry table::-webkit-scrollbar{-webkit-appearance:none; width:14px; height:14px;} body.staff .entry table::-webkit-scrollbar-thumb{border-radius:8px; border:3px solid #fff; background-color: rgba(0, 0, 0, .3);} body.staff .entry table th{white-space:nowrap} /*prev / next buttons*/ .pagelinks span {margin-top:1em;display:block; float:left;} .pagelinks span::before{content:"\020"; display:block;height:0; overflow:hidden;} /*select report table*/ #wrapper .caption{display:none;} #wrapper .infos, #wrapper .row:nth-child(even) .infos{text-align:center; background:#efefef } #wrapper .row:nth-child(even) .ccfreature {background:#fff;} #wrapper .reportcol_1, #wrapper .reportcol_2, #wrapper .reportcol_3, #wrapper .reportcol_4{background:#fff;} /*checkout summary screen*/ body #wrapper #content .entry ol.payment_buttons li .button{margin:0; display:block; width:100%;} body #wrapper #content .entry ol.payment_buttons li:nth-of-type(3){display:block; width:100%; top: inherit} /*progress steps*/ .steps ol{background:none} body.full-width .steps ol li, body.full-width.two-col-right .steps ol li{margin:0 0px 0 0; padding:10px 9px; border-radius:0; border-width:1px 1px 1px 0;} .steps ol li.on{padding-right:10px;} body.full-width .steps ol li:first-child, body.full-width.two-col-right .steps ol li:first-child {border-radius:20px 0 0 20px; border-width:1px;} body.full-width .steps ol li:last-child, body.full-width.two-col-right .steps ol li:last-child {margin-right:0; border-radius:0 20px 20px 0;} .steps ol li span.desc{display:none;} .steps ol li.on span.desc{display:inline-block;} /* pagebottom form widgets */ #pagebottom_widget textarea[name=notes]{width:100%;} /*footer*/ #footer p{text-align:left;} /*STAFF STYLES - MOBILE */ /*body.staff .formStyle #contact ol li input{width:60%;}*/ /* sysetm statuse featurepanels*/ body.staff .featurePanel{min-height:60px; width:100%; border-radius:10px;} body.staff .featurePanel .header{border-width:0 0 1px 0; border-radius:10px 10px 0 0;} body.staff .entry .featurePanel p{display:block;} body.staff .formStyle ol.halfwidth li input, body.staff .formStyle ol.halfwidth li select{width:100%;} body.staff .formStyle ol.halfwidth li input[type="checkbox"]{width:auto;} } /* SMALL DEVICE SIZES */ @media only screen and (min-width: 480px) and (max-width: 766px) { /*@media only screen and (min-width: 480px) and (max-width: 766px)*/ h3.nav-toggle{display:none !important;} #regbox .regbox{margin:0 auto; width:380px} #regbox .reg-wrapper{float:none} .box_blue#nmrOptions ol li input[type="text"]{margin-right:10px; width:45%; float:left;} /*prev / next buttons*/ .pagelinks span {float:none;} .dfp-leader-pub{display:none;} /*STAFF STYLES - SMALL SCREEN */ } @media only screen and (min-width: 400px) and (max-width: 480px) { .dfp-leader-pub{display:none;} h3.nav-toggle{display:none !important;} } /* MOBILE ONLY */ @media only screen and (max-width:400px) { #wrapper .theader .ptitle{font-size:0.9em;} #wrapper .theader .pprice{font-size:0.9em;} #wrapper .btn{font-size:0.9em;} #pricePlans .btn-lg{padding:10px 11px} #pricePlans .col-xs-3{padding-left:10px !important;} .dfp-leader-pub{display:none;} h3.nav-toggle{display:none !important;} } /* Second Aside on Select Report screens*/ /*Desktop*/ @media only screen and (min-width: 768px) { .two-col-right #main-sidebar-container #sidebar2{width:21.91%; position:absolute; top:210px} } /*Large Desktop*/ @media only screen and (min-width: 1024px) { .two-col-right #main-sidebar-container #sidebar2{width:21.91%; position:absolute; top:210px} .two-col-right #main-sidebar-container #sidebar2.ukreg{position:absolute; top:260px} }