/* Theme Name: Twenty Twelve Theme URI: http://wordpress.org/extend/themes/twentytwelve Author: the WordPress team Author URI: http://wordpress.org/ Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background. Version: 1.1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: light, gray, white, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready Text Domain: twentytwelve This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ @font-face { font-family: 'myriad_pro_lightbold'; font-weight: normal; font-style: normal; src: url('css/myriadpro-semibold-webfont.eot'); src: url('css/myriadpro-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('css/myriadpro-semibold-webfont.woff') format('woff'), url('css/myriadpro-semibold-webfont.ttf') format('truetype'), url('css/myriadpro-semibold-webfont.svg#myriad_pro_lightbold') format('svg'); } @font-face { font-family: 'MyriadRegularNormal'; font-weight: normal; font-style: normal; src: url('css/myriadregular-webfont.eot'); src: url('css/myriadregular-webfont.eot?#iefix') format('embedded-opentype'), url('css/myriadregular-webfont.woff') format('woff'), url('css/myriadregular-webfont.ttf') format('truetype'), url('css/myriadregular-webfont.svg#MyriadRegularNormal') format('svg'); } * { margin:0; padding:0; } body { font-family:Arial; color:#414042; font-size:12px; } img { border:none; } .entry-content img { max-width:100%; } a { outline:none; text-decoration:none; color:#045ead; } h1 { font-family:Verdana; font-weight:normal; text-align:left; line-height:normal; } h3 { font-weight:normal; } h4 { font-size:13px; color:#045ead; } .clear { clear:both; } .floatleft { float:left; } .floatright { float:right; } .blue { color:#045ead; } /*****************************/ .modal_close { position: absolute; top: 12px; right: 12px; display: block; width: 12px; height: 11px; background: url(images/modal_close.png) top no-repeat; z-index: 2;font-size:22px; cursor:pointer; } /*#lean_overlay { position: absolute; z-index:100; top: 0px; left: 0px; height:100%; min-height:180em; width:100%; background: #aaa; display: none; }*/ #lean_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; background: #aaa; display: none; } #newsletter { display:none; background:#fff; padding:20px; -moz-border-radius: 10px; border-radius: 10px; font-size:12px; color:#666; } input[type="text"],textarea, select { padding:0.2em; border:1px solid #ccc; -moz-border-radius: 5px; border-radius: 5px; color:#444; } input[type="submit"] { padding:0.2em 3em; border:1px solid #ccc; -moz-border-radius: 5px; border-radius: 5px; background:#045ead; color:#fff; cursor:pointer; } #topholder { background:#fff; } #logo img { width:100%; height:auto; } .textAreaStyle { width:136px; height:110px; } #mainholder { clear:both; } #maincontent { padding-top:2em; padding-bottom:2em; } #maincontent ul { list-style-position:outside; margin:0.5em 1.2em; } #maincontent h1.entry-title { color:#045EAD; } #request_form { /*width:250px;*/ } #request_form textarea { height:6em; } #request_form select { width:99%; border:1px solid #dedede; padding:2px; -moz-border-radius: 5px; border-radius: 5px; } #getStarted { clear:both; padding:1em 0; } #getStarted legend { background:#045ead; color:#fff; font-size:1.4em; padding:0.4em; margin-right:0.2em; float:left; } #getStarted fieldset { padding-top:0.5em; padding-bottom:2.5em; } #getStarted fieldset.last { background:#ddd; padding:0.8em; -moz-border-radius: 5px; border-radius: 5px; } #getStarted h2 { color:#045ead; padding-bottom:0; font-size:1.1em; } #getStarted .radioGroup { clear:both; padding-top:0.7em; } #getStarted .row { clear:both; padding-top:0.5em; } #getStarted label { float:left; clear:left; width:90%; } #getStarted input[type="text"], #getStarted textarea, #getStarted select { width:96%; } #getStarted input[type="checkbox"], #getStarted input[type="radio"] { float:right; width:1em; } .featuredimg { width:10%; float:right; margin-top:-1em; } .featuredimgBigger .featuredimg { width:20% !important; margin-top:-3em !important; } .featuredimg img { width:100% !important; height:auto; } .driverinfo { position:relative; text-align:justify; } .blogland { position:relative; text-align:justify; } #getStarted .blogland { border:none; padding:0; text-align:left; } #getStarted .entry-title { color:#045ead; } #getStarted .entry-content { padding-bottom:1em; } .blogland { padding:1em; } .post_excerpt { clear:both; padding-bottom:1.8em; /*padding:0.8em 1.6em;*/ } .post_excerptBigger .post_excerpt { padding-bottom:2.8em; } .excerpt_header { clear:both; margin-top:1em; } .driverinfo .entry-content { clear:both; background:#fff; border:1px solid #ddd; padding:0 1em 1em; } .drivers-info-link { background:#F2F2F2; margin-top:1em; } .drivers-info-link img { width:100%; height:auto; } .drivers-info-box { display:none; background:#fff; padding:1.5em; clear:both; text-align:justify; } .drivers-info-box h1 { font-size:2em; padding-bottom:1em; color:#045ead; } .meettheteam table td { width:48%; } .entry-content iframe, .entry-content object, .entry-content embed { width: 100% !important; margin:auto !important; min-height: 20em !important; } .entry-content #contact_form iframe, .entry-content #contact_form object, .entry-content #contact_form embed { width: 50% !important; margin:auto !important; min-height: 0 !important; } #getStarted fieldset { border:none; } #sidebar { color:#000; } .sidebar_blank { position:absolute; max-height:100%; top:0; left:0; overflow:hidden; } .sidebar_blank img { width:100%; overflow:hidden; } #contactbox { display:none; background:#fff; padding:20px; -moz-border-radius: 10px; border-radius: 10px; font-size:12px; color:#666; position:absolute; top:10em !important; } #contactbox input[type="text"], #contactbox textarea, #contactbox select, #contactbox1 input[type="text"], #contactbox1 textarea, #contactbox1 select { width:90%; } #contactbox1 { display:none; background:#fff; padding:20px; -moz-border-radius: 10px; border-radius: 10px; font-size:12px; color:#666; position:absolute; top:-30em !important; } #contact_form p, #contact_form input[type="submit"]{ clear:both; } #contact_form input[type="text"], #contact_form textarea, #contact_form select{ width:90%; clear:both; margin-top:0.2em; } .sidebarbox { background:#fff; border:1px solid #e5e5e5; position:relative; } .sidebarbox a { color:#000; } .sidebarbox a:hover { color:#045ead; } #findmore { clear:both; margin-top:1em; font-weight: bold; position:relative; } #findmore a { color: #045ead; } #dropnav { display:none; width:94%; margin:auto; } #mainbanners { clear:both; } .bannerholder img { width:100%; height:auto; } .bluebanner { position:relative; text-transform:uppercase; font-weight:bold; color:#fff; } .bannertext { position:absolute; top:18%; font-size:14px; } .bannertext a{ color:#fff; } .bannerclickhere { position:absolute; right:3%; bottom:22%; font-size:11px; } .bannerclickhere a { color:#fff; background:#006bb3; padding:3px 6px; -moz-border-radius: 5px; border-radius: 5px; } #bannerleft .bannertext { left:20%; width:50%; } #bannerright .bannertext { left:20%; width:55%; } #cariconsslider { clear:both; text-align:center; } #caricons { clear:both; text-align:center; } #caricons { display:none; } #footer { clear:both; margin-top:30px; font-size:11px; color:#282828; } #footer a { color:#282828; } #footer a:hover { text-decoration:underline; } #copyrights { clear:both; text-align:right; margin-top:10px; font-size:9px; color:#656565; } #copyrights a { color:#656565; } #copyrights a:hover { text-decoration:underline; } @media only screen and (max-width: 949px) { #logo img { width:100%; height:auto; } #sidebar { clear:both; } .sidebarbox:hover { background:#045ead; color:#fff; } .sidebarbox:hover a, .sidebarbox:hover .blue { color:#fff; } #droparchive:hover { background:none; color:#000; } #droparchive:hover a, #droparchive:hover .blue { color:#045ead; } #sidebarbox_contact { display:none; } #sidebarbox_archive { display:none; } #droparc { display:none; } #droparchive { border-top:none; } #droparchive ul { list-style-position:outside; margin:0 25%; } #droparchive ul li ul { list-style-position:outside; margin:0 1em; } #mainbanners { margin:auto; margin-top:2em; width:97%; } #findmore { width:94%; margin:auto; margin-top:1em; } } @media only screen and (max-width: 767px) { h1 { padding-bottom:0.5em; font-size:3em; } h3 { padding-bottom:0.3em; font-size:2em; } #toplinks, #mainmenu { display:none; } #logo { width:80%; margin:auto; } #maintop { clear:both; width:96%; margin:auto; padding-top:1em; } #maincontent { clear:both; width:98%; margin:auto; font-size:1em; color:#414042; } #welcome { padding-top:1em; } #welcome h1 { font-size:3em; } #welcometxt { float:left; width:60%; } #slider { padding-bottom:3em; } #welcomeimg { float:right; width:38%; } #welcomeimg img { width:100%; height:auto; } #getStarted { margin-top:0; padding:1.6em 0.8em; } #maincontent h1.entry-title { font-size:2.2em; } .driverinfo .entry-content { margin-top:1em; } .drivers-info-link { clear:both; width:100%; } .drivers-info-popup { display:none; } .blogland h1.entry-title { padding:0.2em 0.4em 0.4em; font-size:2.2em; } .blogland .entry-content, .blogland .post_excerpt { padding:0.8em; } .sidebarbox { padding:4%; } .contactpopup { display:none; } #sidebarbox_callus .phonepopup { width:100% !important; } #sidebarbox_callus .phonepopup a { float:left; width:100% !important; } #sidebarbox_callus .phonepopup img { width:100% !important; max-height:100%; } #findmorepopup { display:none; } #dropmenu { clear:both; width:97%; margin:auto; margin-top:0.6em; } /* Navigation Menu */ .nav-menu { margin: 0; padding: 0; clear:both; font-size:14px; color:#7b7b7b; background: #fff; border-left:1px solid #ddd; } .nav-menu a { display:block; background:#eee; padding-top:1em; padding-bottom:1em; padding-right:6%; padding-left:6%; border-bottom:1px solid #ddd; border-right:1px solid #ddd; width:88%; cursor:pointer; } .nav-menu a:hover { background:#fff; } ul.sub-menu { display:none; font-weight:normal; } ul.sub-menu li { clear:both; width:100%; font-size:12px; color:#656565; background:none; display:block; border-left:none; } ul.sub-menu li a { background:#f8f8f8; padding-top:0.6em; padding-right:2%; padding-bottom:0.6em; padding-left:6%; border-bottom:1px solid #ddd; border-right:1px solid #ddd; width:92%; color:#555; float:left; } #mainbanners { margin-top:0.2em; } /*#caricons { width:98%; margin:auto; margin-top:2em; }*/ #bottommenu { display:none; } } @media only screen and (max-width: 479px) { #welcometxt { width:100%; margin:auto; } #welcomeimg, .featuredimg { display:none; } #maincontent h1.entry-title { font-size:1.6em; } .blogland h1.entry-title { font-size:2.2em; } #maincontent .entry-content img { clear:both; max-width:100%; height:auto; padding-bottom:1em; } #maincontent textarea { width:100%; } .drivers-info-box h1 { font-size:1.5em; } #contact_info { clear:both; padding-top:2em; } .meettheteam table { width:98%; font-size:0.95em; } .meettheteam table td { padding:0.5em 0.3em; } .meettheteam table td img { max-height:10em; width:auto !important; padding-bottom:0 !important; } #getStarted fieldset { clear:both; width:98%; } .sidebarbox img{ float:left; width:15%; } .sidebarbox p{ float:right; width:80%; } #sidebarbox_getstarted { border-top:none; } #sidebarbox_callus { border-top:none; } #sidebarbox_quotation { border-top:none; } #sidebarbox_archive { display:none; } #droparc { display:none; } #droparchiveipad { display:none; } #droparchive { border-top:none; } #droparchive ul { list-style-position:outside; margin:0 25%; } #droparchive ul li ul { list-style-position:outside; margin:0 1em; } #mainbanners { clear:both; margin-top:1em; } .bannertext { font-size:0.9em; } .bannerclickhere { display:none; } #bannerleft .bannertext { width:75%; } #bannerright .bannertext { width:75%; top:8%; } #cariconsslider { display:none; } #topholder { width:94%; margin:auto; } #mainwrapper { width:94%; margin:auto; } } @media only screen and (max-width: 319px) { .bannertext { font-size:0.75em; } #bannerleft .bannertext {top:8%; } } @media only screen and (min-width: 480px) { #contact_form { float:left; width:40%; } #contact_info { float:right; width:40%; padding-top:4em; } .meettheteam table { width:98%; } .meettheteam table td { padding:0.5em 0; } .meettheteam table td img { float:left; margin-right:0.4em; width:30% !important; height:auto; } .meettheteam table td p:after { clear:both; } } @media only screen and (min-width: 480px) and (max-width: 767px) { #getStarted fieldset { float:left; width:43%; margin-right:7%; } #getStarted fieldset.last { width:96%; margin-right:0; } .sidebarbox { width:41%; float:left; } #sidebarbox_getstarted { border-left:none; } #sidebarbox_callus { border-top:none; } #sidebarbox_quotation { border-top:none; border-left:none; } } @media only screen and (min-width: 480px) and (max-width: 959px) { #droparchive { display:none; } #droparchiveipad { clear:both; margin-top:1em; margin-bottom:1em; -moz-border-radius: 15px; border-radius: 15px; } #droparchiveipad:hover { background:#fff; color:#000; } #droparchiveipad:hover a, #droparchiveipad:hover .blue { color:#045ead; } #droparcipad { display:none; } } @media only screen and (min-width: 768px) { body { background:#f4f2f2; } h1 { padding-bottom:40px; font-size:34px; } h3 { padding-bottom:20px; font-size:20px; } #mainholder { background:url('images/mainholder.jpg') center 2px repeat-x; } #logo { float:left; width:190px; padding-top:20px; } #toplinks { float:right; text-align:right; color:#006AB3; padding-top:10px; font-size:12px; } /*#toplinks table { float:right; } .toplinkscells { margin-top:3px; } .toplinkscells img { margin-top:-2px; } #toplinks table td { border:1px solid #006AB3; padding:1px 4px; background:#F4F2F2; } #toplinks table td.last { padding-right:0; } #toplinks a, .topphone { color:#006AB3; } #toplinks a:hover { color:#000; } .toplinkscorner { border:none !important; background:none !important; padding:0 !important; } #newsletter table { border:none; } #newsletter table td { border:none; background:none; }*/ #mainmenu { float:right; clear:right; margin-top:40px; text-shadow: 1px 1px 1px #ddd; font-weight:bold; } #mainmenu a { color:#7b7b7b; } .topphone { font-size:18px; color:#7b7b7b; padding:4px 10px 0; } .topphone span { color:#006AB3; } .topnewsletter { font-size:11px; font-weight:bold; background:#006AB3; color:#fff; padding:2px 8px 2px; float:right; margin-top:2px; margin-left:5px; border:1px solid #ccc; -moz-border-radius: 5px; border-radius: 5px; } .topnewsletter a { color:#fff !important; } ul#nav { float:right; } /* Navigation Menu */ .nav-menu, .dropdown { float:left; } .nav-menu a, .dropdown a { display:block; } .nav-menu a:hover, .dropdown a:hover { color:#045EAD !important; } ul.nav-menu, ul.nav-menu li, ul.nav-menu ul, ul.dropdown, ul.dropdown li, ul.dropdown ul { list-style: none; margin: 0; padding: 0; font-size:14px !important; color:#7b7b7b; background: #fff; } ul.nav-menu, ul.dropdown { position: relative; z-index: 597; float: left; } ul.nav-menu li, ul.dropdown li { float: left; line-height: 1.3em !important; vertical-align: middle; zoom: 1; padding: 5px 10px !important; background:url('images/mainmenusep.jpg') left center no-repeat; } ul.dropdown li a { padding:0 !important; } .mainlinkfirst { background:none !important; } ul.nav-menu li.hover, ul.nav-menu li:hover, ul.dropdown li.hover, ul.dropdown li:hover { position: relative; z-index: 599; cursor: default; -moz-box-shadow: 2px 2px 5px 2px #eee; -webkit-box-shadow: 2px 2px 5px 2px #eee; box-shadow: 2px 2px 5px 2px #eee; } ul.nav-menu ul, ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 170px; padding:0 10px 10px !important; font-weight:normal; -moz-box-shadow: 2px 2px 5px 2px #eee; -webkit-box-shadow: 2px 2px 5px 2px #eee; box-shadow: 2px 2px 5px 2px #eee; } ul.nav-menu ul li, ul.dropdown ul li { float: none !important; text-align:left !important; font-size:12px; color:#656565; border-bottom:1px solid #ccc; padding: 5px 0; background:none; } ul.nav-menu ul li a:hover, ul.dropdown ul li a:hover{ border-bottom:none; } ul.nav-menu ul li:hover, ul.dropdown ul li:hover { background:#dbdbdb; } ul.nav-menu ul ul, ul.dropdown ul ul { top: 0; left: 100%; } ul.nav-menu li:hover > ul, ul.dropdown li:hover > ul { visibility: visible } ul.dropdown-horizontal.dropdown-align-right ul { left:0; } #menu-mainmenu .parent a { cursor:default; } #menu-mainmenu .parent .sub-menu a { cursor:pointer; } #maintop { padding-top:20px; } #welcome { float:left; width:230px; padding:10px; font-size:12px; display:none; } #welcome h1 { font-size:48px; } #slider { float:left; width:760px; background:url('images/slider-image3.png') top no-repeat; /* width:500px; */ } #slider h1 { font-weight:normal; } #welcomeimg { display:none; } .phonepopup { display:none; } #dropmenu { display:none; } .drivers-info-drop { display:none; } .drivers-info-link { width:49%; } .driverinfo h1.entry-title { width:80%; } .drivers-info-box { width:700px; top:0; border:1px solid #c4c4c4; padding:1.5em; } #findmorelink { display:none; } #bannerleft { float:left; } #bannerright { float:right; } #cariconsslider { margin-top:50px; } #bottommenu { clear:both; margin:auto; margin-top:50px; font-size:10px; color:#656565; } #bottommenu ul { list-style-type:none; list-style-position:outside; float:left; } #bottommenu ul li { margin-bottom:5px; } } @media only screen and (min-width: 768px) and (max-width: 949px) { #toplinks { padding-right:10px; } #mainmenu { padding-right:10px; } #maincontent { width:96%; margin:auto; font-size:12px; color:#414042; line-height:180%; } #getStarted fieldset { float:left; width:30%; margin-right:1.8%; min-height:20em; } #request_form fieldset { float:left; width:46%; margin-right:4%; } #getStarted fieldset.last { margin-right:0; width:60%; } #sidebar { width:98%; margin:auto; } .sidebarbox { width:22%; padding:1%; float:left; } #sidebarbox_login { } #sidebarbox_getstarted { border-left:none; } #sidebarbox_callus { border-left:none; } #sidebarbox_quotation { border-left:none; -moz-border-radius-topright: 15px; border-top-right-radius: 15px; } .bluebanner { width:49%; } #bottommenu { width:98%; } #bottommenu ul { margin-right:10%; } #bottomcol1 { float:left; width:29%; } #bottomcol2 { float:left; width:24%; } #bottomcol3 { float:left; width:33%; } #bottomcol4 { float:right; width:14%; } #bottomcol4 ul { margin-right:0; } } @media only screen and (min-width: 950px) { #top { margin:auto; width:950px; } #logo { width:306px; } #toplinks { width:640px; } #mainmenu { width:640px; } ul.nav-menu, ul.nav-menu li, ul.nav-menu ul { font-size:15px; } ul.nav-menu ul li { font-size:14px; padding: 5px; } #mainwrapper { margin:auto; width:950px; } #maincontent { width:750px; float:left; font-size:12px; color:#414042; line-height:180%; } .driverinfo, .blogland { margin-top:-3px; } #getStarted fieldset { float:left; width:17.5%; margin-right:2.6%; } #request_form fieldset { float:left; width:37.5%; margin-right:2.6%; } #getStarted fieldset.last { margin-right:0; } #sidebar { float:right; width:184px; color:#000; margin-top:20px; } .frontpage #sidebar { margin-top:0; } .sidebarbox { padding:10px 10px 10px 20px; } .sidebarbox:hover { border-left:10px solid #045ead; padding-left:11px; } #sidebarbox_login { -moz-border-radius-topright: 15px; border-top-right-radius: 15px; } #sidebarbox_getstarted { border-top:none; } #sidebarbox_callus { border-top:none; } #sidebarbox_quotation { border-top:none; -moz-border-radius-bottomright: 15px; border-bottom-right-radius: 15px; } #sidebarbox_contact { background:#f7f6f6; border:1px solid #e5e5e5; border-top:none; clear:both; margin-top:10px; padding:10px; text-align:center; -moz-border-radius-bottomright: 15px; border-bottom-right-radius: 15px; -moz-border-radius-bottomleft: 15px; border-bottom-left-radius: 15px; } #sidebarbox_archive { border-top:none; clear:both; margin-top:10px; -moz-border-radius-bottomright: 15px; border-bottom-right-radius: 15px; -moz-border-radius-topleft: 15px; border-top-left-radius: 15px; -moz-border-radius-topright: 15px; border-top-right-radius: 15px; } #sidebarbox_archive ul { list-style-position:outside; margin:0 15px; } #droparchive { display:none; } #droparchiveipad { display:none; } #mainbanners { margin-top:30px; } .bluebanner { width:458px; } #bottommenu ul { margin:10px 0px; margin-right:60px; } #bottomcol1 { float:left; width:26%; } #bottomcol2 { float:left; width:26%; } #bottomcol3 { float:left; width:37%; } #bottomcol4 { width:11%; float:right; } #bottomcol4 ul { margin-right:0; } } @media only screen and (max-width: 600px) { .quickshare-icons span { height: 22px !important; width: 22px !important; } .quickshare-genericons span { height: 22px !important; min-width: 22px !important; width: 22px !important; } .quickshare-genericons span:before { font-size: 22px !important; height: 22px !important; width: 22px !important; } li.quickshare-share { width: auto !important; } .quickshare-text span { font-size: 0.7em !important; } }