/*
Theme Name: Car Supplier
Theme URI: http://CarSupplier.co.uk
Description: CarSupplier.co.uk Theme
Version: 1.0
Author: Shakeeb Ahmed
Author URI: http://professional2hire.com/
Tags: custom
*/

/* STYLE-RESET */
* {padding:0;margin:0;}
html {height:100%}
body {text-align:center}
table {border-collapse:collapse;border:0;width:100%;}
td {vertical-align:top}
th {text-align:left;vertical-align:top}
img {border:none}
:focus, a {outline:none}
/*-----------------------------------------*/

/* Common Element Styles */
.clear {clear:both !important}
.clearl {clear:left !important}
.clearr {clear:right !important}

.fl {float:left !important}
.fr {float:right !important}

.wp25 {width:25% !important}
.wp50 {width:50% !important}
.wp73 {width:73% !important}
.wp98 {width:98% !important;margin:0 auto !important}
.wp100 {width:100% !important}

.tl {text-align:left !important}
.tr {text-align:right !important}
.tc {text-align:center !important}
.tj {text-align:justify !important}

/* MARGINS	*/
.ma {margin:auto !important}
.ma10 {margin:10px !important}
.ma15 {margin:15px !important}
.ma20 {margin:20px !important}
.ma25 {margin:25px !important}
.ma30 {margin:30px !important}

.mt10 {margin-top:10px !important}
.mb10 {margin-bottom:10px !important}
.ml10 {margin-left:10px !important}
.mr10 {margin-right:10px !important}

.mt15 {margin-top:15px !important}
.mb15 {margin-bottom:15px !important}
.ml15 {margin-left:15px !important}
.mr15 {margin-right:15px !important}

.mt20 {margin-top:20px !important}
.mb20 {margin-bottom:20px !important}
.ml20 {margin-left:20px !important}
.mr20 {margin-right:20px !important}

.mt30 {margin-top:30px !important}
.mb30 {margin-bottom:30px !important}
.ml30 {margin-left:30px !important}
.mr30 {margin-right:30px !important}

.mt60 {margin-top:60px !important}
/*-----------------------------------------*/

/* PADDINGS	*/
.pa5 {padding:5px !important;}
.pa10 {padding:10px !important;}

.pt10 {padding-top:10px !important}
.pb10 {padding-bottom:10px !important}
.pl10 {padding-left:10px !important}
.pr10 {padding-right:10px !important}

.db {display:block !important}
.hide {display:none !important}
.pointer {cursor:pointer !important}
.nobg {background:none !important}
.oh {overflow:hidden !important}
.bb {border-bottom:1px solid #444}
.bbd {border-bottom:1px dashed #DDDCDC;}
/*-----------------------------------------*/

/* TYPOGRAPHY */
.underline {text-decoration:underline}
.thide {text-indent:-9999px}
.bold {font-weight:bold !important}

.t12 {font-size:12px;}
.t13 {font-size:13px;}
.t14 {font-size:14px;}
.t15 {font-size:15px;}
.t16 {font-size:16px;}
.t17 {font-size:17px;}
.t18 {font-size:18px}
.t19 {font-size:19px}
.t20 {font-size:20px;}
.t24 {font-size:24px;}
/*-----------------------------------------*/

/* TABLE */
.tbl {display:table;}
.tbl-td {display:table-cell}
.vam {vertical-align:middle;}
.vat {vertical-align:top;}
/*-----------------------------------------*/

body {background:#e7e7e7 url(images/bg.jpg) repeat-x 0 0;font-family: Verdana,"Helvetica Neue",helvetica,sans-serif;font-size:13px;color:#666}

a {color:#06f}

/* LAYOUT */
#page {width:980px;margin:0 auto;text-align:left;}
#header, #container, #footer {width:100%;overflow:hidden}
#container .padder {padding:10px 0 10px 10px;overflow:hidden}

/* BOX */
.roundcont {background:#fff;margin-bottom:24px;}
.roundcont.large {width:700px}
.roundcont .roundbody {margin: 0 10px;}

.roundtr, .roundbr {background:url(images/wbox-tr.png) no-repeat top right;}
.roundtl, .roundbl { width:15px;height:15px;border: none;display: block !important;background: url(images/wbox-tl.png) no-repeat top left;}

.roundbr {background-image:url(images/wbox-br.png);background-position:bottom right}
.roundbl {background-image:url(images/wbox-bl.png);background-position:bottom left}
/*-----------------------------------------*/
#top-date {position:relative;height:35px;}
#top-date div {position:absolute;top:5px;right:0;color:#000;font-size:11px;font-style:italic;font-weight:bold}

/* HEADER */
#header {overflow:visible;position:relative;height:42px;}
#header #logo {position:absolute;top:0;left:0}
#header #logo a {display:block;background:url(images/logo.jpg) no-repeat;width:272px;height:42px;text-indent:-9999px}

#header #menu {height:42px;background:url(images/mrt.jpg) no-repeat right;width:720px;position:absolute;right:0;top:0;}
#header #menu ul {list-style:none;background:url(images/mbg.jpg) repeat-x 0 0;height:42px;margin-right:10px}
#header #menu ul li {float:left;position:relative;}
#header #menu ul li.last a {background:none}
#header #menu ul li a {display:block;font:normal 20px/42px Tahoma;text-decoration:none;color:#fff;padding:0 20px;background:url(images/mdiv.jpg) no-repeat right}
#header #menu ul li:hover a, #header #menu ul li a:hover, #header #menu ul li.current_page_item a {background:#fff;color:#000;position:relative;left:-2px}
#header #menu ul li ul {position:absolute;background:#fff;top:42px;border-top:0;height:auto;margin:0;left:-999em;width:200px;padding:10px 0 0;z-index:1000}
#header #menu ul li li {background:#fff;height:auto;float:none;}
#header #menu ul li li a {border:0 none;color:#444;line-height:normal;padding:0 10px 8px;font-size:12px;}
#header #menu ul li li a, #header #menu ul li li a strong, #header #menu ul li:hover li a, #header #menu ul li:hover li a strong 
{background:#fff;}
#header #menu ul li ul ul {margin:-50px 0 0 201px;}
#header #menu ul li:hover ul ul, #header #menu ul li:hover ul ul ul, #header #menu ul li:hover ul ul ul ul, #header #menu ul li.sfhover ul ul, #header #menu ul li.sfhover ul ul ul, #header #menu ul li.sfhover ul ul ul ul {left: -999em;}
#header #menu ul li:hover ul, #header #menu ul li li:hover ul, #header #menu ul li li li:hover ul, #header #menu ul li li li li:hover ul, #header #menu ul li.sfhover ul, #header #menu ul li li.sfhover ul, #header #menu ul li li li.sfhover ul, #header #menu ul li li li li.sfhover ul{left:0;}
/*-----------------------------------------*/

/* MID HEADER */
#mid-header {overflow:hidden;width:100%;position:relative;height:580px}
#mid-header #slogan {background:url(images/slogan1.png) no-repeat;display:block;width:387px;height:75px;position:absolute;top:16px;left:111px;font:bold 31px Arial;letter-spacing:1px;color:#222;text-align:right;text-shadow: 1px 1px 1px #333;}
#mid-header #car {background:url(images/mid-header.png) no-repeat;display:block;width:526px;height:399px;position:absolute;top:98px;left:29px;}

#mid-header .pts-box {display:block;width:354px;position:absolute;top:11px;right:40px;}
.pts-box .roundcont {width:354px;}

.pts-box .roundtr, .pts-box .roundbr {background:url(images/tbox-tr.png) no-repeat top right;}
.pts-box .roundtl, .pts-box .roundbl { width:15px;height:15px;border: none;display: block !important;background: url(images/tbox-tl.png) no-repeat top left;}

.pts-box .roundbr {background-image:url(images/tbox-br.png);background-position:bottom right}
.pts-box .roundbl {background-image:url(images/tbox-bl.png);background-position:bottom left}

.pts-box h3 {font:normal 22px Tahoma;color:#777}
.pts-box h4 {font:italic 14px Tahoma;color:#444;margin-bottom:10px;}
.pts-box h4.it {font:normal 24px Arial;color:#444;margin:10px 0;text-align:center}
.pts-box ul {font:normal 17px/21px Arial;color:#444;list-style:none}
.pts-box ul li {margin-bottom:20px;background:url(images/bullet.jpg) no-repeat;position:relative;padding-left:40px}
.pts-box ul li span {position:absolute;top:5px;left:11px;color:#368DC3;font:normal 18px "Times New Roman";}

.pts-box .button {font:normal 21px helvetica, Arial;overflow:hidden;margin:auto;width:185px}
.pts-box .button a {color:#000;display:block;height:45px;background:url(images/buttonlt.jpg) no-repeat 0 0;float:left;text-decoration:none;line-height:39px;}
.pts-box .button a strong {display:block;height:45px;background:url(images/buttonrt.jpg) repeat-x right;margin-left:15px;padding-right:15px;float:left}

/* FOOTER */
#footer {margin-top:25px;overflow:hidden;font-size:11px}
#footer a {color:#666;}
#footer .links {float:left;line-height:22px;margin-top:-7px;width:645px;}
#footer .links a {padding:0 3px}
#footer .copyright {font-size:11px;float:right;background:url(images/ico-car.jpg) no-repeat 0 0;height:35px;line-height:28px;padding-left:70px;}
#footer .signature {padding:10px 0 0 3px;line-height:18px}

/* PAGING */
.pages {font: 13px/1.4 arial, helvetica, sans-serif;}
.pages a, .pages span {color:#003366;display: block;float: left;padding: 0.2em 0.5em;margin-right: 0.1em;border: 1px solid #fff;background: #fff;}
.pages span.current {border: 1px solid #2E6AB1;font-weight: bold;background: #2E6AB1;color: #fff;}
.pages a {border: 1px solid #9AAFE5;text-decoration: none;}
.pages a:hover {border-color: #2E6AB1;}
.pages a.nextprev {font-weight: bold;}
.pages span.nextprev {color: #666;}
.pages span.nextprev {border: 1px solid #ddd;color: #999;}
.pages .nextprev-next {float: right;}
.sort_drop_down select {font-size:13px;padding:3px;}

/* CONTENT */
#container #sidebar {float:left;}
#container #content {float:left;width:690px;}
#container .content-small {float:left;width:586px !important;}
#container .left {margin-right:40px;width:250px;}
#container .right {margin-left:40px;width:354px;}

#sidebar h3 {font-size:18px;font-weight:normal;}
#sidebar h4.try-us {font-weight:normal;line-height:29px;margin:10px 0;text-align:center;font-size:19px;color:#c00}

#recent-posts h3, h3.tests {background:url(images/newspaper.png) no-repeat right top;height:32px;line-height:29px;margin-bottom:9px;}
h3.tests {margin:0;}
#recent-posts ul {overflow:hidden;width:100%;list-style:none}
#recent-posts ul li {border-bottom:1px dashed #DDDCDC;margin-bottom:6px;padding-bottom:6px;}
#recent-posts ul li a {color:#00467c;display:block;text-decoration:none;font-weight:bold;font-size:12px;padding-bottom:4px;}
#recent-posts ul li p {font-size:11px}
#recent-posts ul li p a {display:inline;font-size:11px;font-weight:normal;color:#06f}

#content h2 {color:#c00;font:normal 19px Arial;margin-bottom:15px;}
#content p, .testimonials p {margin-bottom:20px;line-height:18px}
#content p span, .testimonials p span {color:#c00}
#content p span.details, .testimonials p span.details {color:#666}
#content p strong.db, .testimonials p strong.db {padding-top:4px}

.advanced_text ul {font-size:15px;}

ul#faqs {list-style:none;overflow:hidden;width:100%;}
ul#faqs li {width:100%;border:3px dashed #fff;margin-bottom:7px;}
ul#faqs li a {display:block;background:url(images/faq-q-off.jpg) no-repeat 0 0;padding:6px 0 12px 34px;text-decoration:none;font-weight:bold;color:#555;min-height:32px;height:auto !important;height:32px;}
ul#faqs li a:hover {background-image:url(images/faq-q-on.jpg)}

ul#faqs li div {padding:7px 7px 0 34px;background:url(images/faq-a-on.gif) no-repeat 0 0;}
ul#faqs li div p {margin-bottom:10px}

ul#faqs li.active {border-color:#fff/*FFE8F5*/}
ul#faqs li.active a {background-image:url(images/faq-q-on.jpg)}

div.assistance {background:url(images/assistance.jpg) no-repeat;width:196px;height:300px;margin:auto}
div.assistance h4 {font-size:15px;line-height:22px;padding:10px 0;text-align:center;}
div.assistance h4 strong {color:#c00}
div.assistance p {text-align:center}