@charset "UTF-8";
/* CSS Document */

body.debug div { border: #000 1px solid; }
body.debug div div { border: #666 1px solid; }
body.debug div div div { border: #999 1px solid; }
body.debug div div div div { border: #ccc 1px solid; }
body.debug div div div div div { border: #eee 1px solid; }

* { margin: 0; padding: 0; }
img { border: none; }
body { background: #fff url(../images/bg.gif) fixed; font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 11px; }
object { outline:none; }
hr { border: 0; color: #FFF; background-color: #ccc; height: 1px; width: 100%; }

.clear { clear: both; }
.right { float: right; }
.left { float: left; }

/* Divs & CLasses */
#main-wrapper { width: 955px; margin: auto; padding: 20px 0; }
#thinkone-logo { width: 475px; height: 55px; padding-right: 30px; float: left; }
#float-right { float: right; }
#content-wrap { width: 905px; font-size: 12px; background: #fff; padding: 25px; }
#half-left { width: 445px; float: left; }
#half-right { width: 420px; float: right; }
#breadcrumbs { font-size: 9px; letter-spacing: 0.05em; padding-bottom: 7px; }
#footer { width: 955px; margin: auto; font-size: 9px; text-align: center; letter-spacing: 0.1em; padding-bottom: 25px; }

#fadedgrey { background: url(../images/fadegreybg.jpg) repeat-x bottom #FFF; padding: 7px; }
#fadedorange { background: url(../images/fadeorangebg.jpg) repeat-x bottom #FFF; padding: 5px; }
#btncommv { width: 175px; height: 24px; background: url(../images/btn-commvbg.jpg) no-repeat top; padding: 85px 13px 25px 13px; float: left; }
#btnprivatev { width: 175px; height: 24px; background: url(../images/btn-privatevbg.jpg) no-repeat top; padding: 85px 13px 25px 13px; float: right; }

#no-images { padding: 1em; text-align: center; border: #eee 1px solid; margin: 1em 0; }
#no-images p { color: #aaa; }

.padded-box { padding: 2em 0 10em 0; }

.accreditations { height: 55px; padding-left: 10px; }
.h2line { background:url(../images/h2bg.jpg) repeat-x bottom; padding-top: 15px; }
.whitebg { background: #FFF; padding: 5px 5px 5px 0; }
.orangetxt { color: #ff8610; font-weight: bold; }
.imgborder { padding: 2px; border: 1px solid #9b9b9b; }

p.bodytxt { font-size: 12px; line-height: 1.4em; letter-spacing: 0.05em; }

h1 { color: #fff; font-size: 21px; font-weight: normal; letter-spacing: 0.06em; }
h1.titlebox { padding: 7px 0 15px 0; height: 40px; margin: 0 0 0 -40px; position: relative; }
h1.titlebox span { background: #ff8610; border-bottom: 4px solid #ff620c; color: #fff; float: left; padding: 8px 20px 8px 40px; }
h2 { color: #ff8610; font-size: 16px; font-weight: bold; line-height: 14px; }

h1.titlebox-pages { padding: 0; height: 40px; margin: -40px 0 0 -15px; position: relative; }
h1.titlebox-pages span { background: #ff8610; border-bottom: 4px solid #ff620c; color: #fff; float: left; padding: 8px 20px 8px 40px; }

/* Links */
a.readmore { background: #ffa943; border-bottom: 3px solid #ff902e; border-right: 2px solid #ff902e; font-weight: bold; font-size: 12px; color: #FFF; text-decoration: none; text-align: center; letter-spacing: 0.05em; float: right; padding: 5px 5px 3px 6px; }
a.readmore:hover { background: #ff9c26; border-bottom: 3px solid #f88600; border-right: 2px solid #f88600; }

a.blackbtn { background: #6c6c6c; border-bottom: 3px solid #4b4b4b; border-right: 2px solid #4b4b4b; font-size: 12px; color: #FFF; text-decoration: none; text-align: center; padding: 6px 10px 5px 10px; letter-spacing: 0.05em; display: block; }
a.blackbtn:hover { background: #5f5f5f; border-bottom: 3px solid #3f3f3f; border-right: 2px solid #3f3f3f; }

a.featuredlink { text-align: center; color: #ff8610; text-decoration: underline; line-height: 16px; }
a.featuredlink:hover { color: #ff620c; }

a.orangelink { text-decoration: none; color: #ff8610; font-weight: bold; letter-spacing: 0.05em; }
a.orangelink:hover { color: #ff620c; }

a.whitelink { text-decoration: none; color: #FFF; font-weight: bold; letter-spacing: 0.05em; }
a.whitelink:hover { color: #ff620c; }

/* Index */
#home-banner { width: 955px; height: 280px; position: relative; }

#static { width: 335px; height: 280px; position: absolute; right: 0; top: 0; background: url(../images/home-banner-static.jpg) no-repeat; }
#slides { width: 620px; height: 280px; position: absolute; left: 0; top: 0; overflow: hidden; z-index: 1; }
.slide { width: 620px; height: 280px; overflow: hidden; }
#slide-0 { background: url(../images/cny_banner.jpg) left top no-repeat; }
#slide-1 { background: url(../images/home-slide-1a.jpg) left top no-repeat; }
#slide-2 { background: url(../images/home-slide-1b.jpg) left top no-repeat; }
#slide-3 { background: url(../images/home-slide-2.jpg) left top no-repeat; }
#slide-4 { background: url(../images/home-slide-3.jpg) left top no-repeat; }

#captions { overflow: hidden; width: 620px; height: 60px; position: absolute; top: 220px; overflow: hidden; z-index: 5; }
.caption { width: 620px; height: 60px; position: absolute; top: 60px; }
#slide-caption-0 { background: none; }
#slide-caption-1 { background: url(../images/slide-text-1a.png) left top no-repeat; }
#slide-caption-2 { background: url(../images/slide-text-1b.png) left top no-repeat; }
#slide-caption-3 { background: url(../images/slide-text-2.png) left top no-repeat; }
#slide-caption-4 { background: url(../images/slide-text-3.png) left top no-repeat; }

/* Alternate Table Rows */
#alternate td { padding: 7px; }
#alternate .row-one { background: url(../images/fadegreybg.jpg) repeat-x bottom #FFF; }
#alternate .row-two { background: url(../images/fadeorangebg.jpg) repeat-x bottom #FFF; }

#listing td { padding: 10px 8px 7px 8px; }
#listing td.topbar { background: #bfc5c8; padding-left: 10px; letter-spacing: 0.09em; }
#listing .vehiclecount { width: 150px; padding: 0 15px; color: #FFF; font-weight: bold; }
#listing td.titlebar { background: #e0e5e7; font-weight: bold; letter-spacing: 0.07em; }
#listing img { border: 1px solid #DDD; }
#listing p { line-height: 20px; }
#listing .row-one { background: url(../images/fadeorangebg.jpg) repeat-x bottom #FFF; }
#listing .row-two { background: url(../images/fadegreybg.jpg) repeat-x bottom #FFF; }

/* Pages */

.page-banner { height: 200px; background-color: #f2f2f2; }
#banner-about{ background: url(../images/banner-about-us.jpg) no-repeat; }
#banner-commercial-new { background: url(../images/banner-commerical-new.jpg) no-repeat; }
#banner-commercial-preowned { background: url(../images/banner-commerical-pre-owned.jpg) no-repeat; }
#banner-private-new { background: url(../images/banner-private-new.jpg) no-repeat; }
#banner-private-preowned { background: url(../images/banner-private-pre-owned.jpg) no-repeat; }
#banner-export { background: url(../images/banner-export.jpg) no-repeat; }
#banner-credit-finance { background: url(../images/banner-credit-finance.jpg) no-repeat; }
#banner-contact { background: url(../images/banner-contact.jpg) no-repeat; }
#banner-testimonial { background: url(../images/banner-testimonial.jpg) no-repeat; }


.page-sub-links { text-align: center; padding: 20px 0; }
.page-sub-links a { text-decoration: none; color: #ff8610; font-weight: bold; letter-spacing: 0.05em; margin: 0 1em; }
.page-sub-links a:hover { color: #ff620c; }
.page-sub-links a.current { color: #666; }

/* Vehicle Range & Listings */
.imgholder { width: 120px; padding: 0 15px 20px 0; text-align: center; float: left; }
.imgholderlast { width: 95px; padding-bottom: 20px; float: left; }

/* Loan Calculator */
#loan-cal { width: 808px; margin: auto; padding: 10px 0 20px 0; font-size: 11px; }
#loan-cal .head { width: 122px; height: 40px; background: url(../images/calculator-head.png) no-repeat; float: left; }
#loan-cal .body { width: 662px; height: 22px; background: url(../images/calculator-bg.png) repeat-x; float: left; padding: 8px 6px 10px 12px; }
#loan-cal .end { width: 6px; height: 40px; float: right; }
.txtfield { width: 100px; height: 13px; }
#loan-cal a.btncal {  width: 74px; height: 19px; background: url(../images/btn-calculate.jpg) no-repeat top left; display: block; text-indent: -999em; outline: none; }
#loan-cal a.btncal:hover { width: 74px; height: 19px; background: url(../images/btn-calculate.jpg) no-repeat bottom left; }
#loan-cal .results { text-align: center; color: #ff620c; font-weight: bold; line-height: 25px; clear: both; }

/* Vehicle Range Details */
#details-left { width: 490px; float: left; }
#details-right { width: 368px; float: right; }

#details-thumbs { width: 370px; }
#details-thumbs img { border: 1px solid #ccc; padding: 1px; }
#details-photo { width: 368px; height: 223px; padding: 0 0 10px 0; }

#details-table { vertical-align: top; color: #333; width: 490px; float: right; background: #FFF; font-size: 11px; }
#details-table td { padding: 5px; }

#details-table .title { background-color:#feaa24; font-weight: bold; line-height: 0.8em; }
#details-table .txt { border-bottom: #eee 1px solid; text-align: left; }
#details-table .orangetxt { border-bottom: #eee 1px solid; color: #ff620c; font-weight: normal; }
#details-table .footer { color: #999; font-size: 10px; text-align: left; }
#details-table .contact { background-color: #ececec; font-weight: bold; width: 338px; height: 160px; padding: 0 15px 0 15px; color: #333; line-height: 1.5em; }
#details-table .midline { text-align: center; border-bottom: #eee 1px solid; border-left: #eee 1px solid; }
#details-table .mid { text-align: center; border-bottom: #eee 1px solid; }

#contact-table { background: #e4e8ea; padding: 20px; line-height: 1.5em; }
#contact-table td { padding: 3px; }
#contact-table .txtfield { width: 210px; height: 12px; font: 11px Arial, Helvetica, sans-serif; }
#contact-table .txtarea { width: 210px; font: 11px Arial, Helvetica, sans-serif; }
#contact-table a.btnsubmit {  width: 73px; height: 23px; background: url(../images/btn-submit.jpg) no-repeat top left; display: block; text-indent: -999em; float: left; outline: none; margin-right: 10px; }
#contact-table a.btnsubmit:hover { width: 73px; height: 23px; background: url(../images/btn-submit.jpg) no-repeat bottom left; }
#contact-table a.btnreset {  width: 68px; height: 23px; background: url(../images/btn-reset.jpg) no-repeat top left; display: block; text-indent: -999em; float: left; outline: none; }
#contact-table a.btnreset:hover { width: 68px; height: 23px; background: url(../images/btn-reset.jpg) no-repeat bottom left; }

/* Vehicle Instocks Details */
#instock .imgholder { width: 319px; padding: 10px 20px 20px 82px; float: left; line-height: 20px; }

/* Testimonials */
#testimonial-left { width: 655px; float: left; }
#testimonial-right { width: 205px; float: right; }

/* Contact */
#contact-tp { width: 425px; float: left; }
#contact-ubi { width: 448px; float: right; }

/* Navigation */
/** Dropdown: Essential styles **/
#nav, #nav * { margin: 0; padding: 0; list-style: none; }
#nav { line-height:	1.0; z-index: 999; }
#nav ul { position: absolute; top: -999em; }
#nav ul li { width: 100%; }
#nav li:hover { visibility: inherit; }
#nav li { float: left; position: relative; }
#nav a { display: block; position: relative; }
#nav li:hover ul, #nav li.sfHover ul { left: 0; top: 37px;  z-index: 99; }

/*** Dropdown: Customize navigation styles from here ***/
#nav { font-size: 10px; height: 37px; background: url(../images/nav-bg.jpg) repeat-x; }
#nav a, #nav a:visited { color: #fff; }
#nav li { background: #900; z-index: 50; }
#nav li a { text-decoration:none; display: block; height: 37px; text-indent: -999em; }
#nav li li { background: #900; border-bottom: 1px solid #a20000; z-index: 50; }
#nav li li a:hover { background: #900000; }
#nav li li a { text-decoration:none; display: block; height: 20px; text-indent: 0; overflow: hidden; padding: 10px 15px 0 15px; }

#nav li:hover, #nav li.sfHover, #nav a:focus, #nav a:hover, #nav a:active { outline: 0; }

/* Dropdown: match the following with top ul list item height */
#nav li:hover ul, #nav li.sfHover ul { top: 37px; }

#nav-sub-about { width: 15em; }
#nav-sub-commv { width: 21em; }
#nav-sub-privatev { width: 17em; }

/* Nav Images */
#nav a.nav1 { width:64px; background: url(../images/nav-home.jpg) no-repeat left top; }
#nav a.nav1:hover { background-position: bottom left; }
#nav a.nav1current { width:64px; background: url(../images/nav-home.jpg) no-repeat left top; background-position: bottom left; }

#nav a.nav2 { width:98px; background: url(../images/nav-about.jpg) no-repeat left top; }
#nav a.nav2:hover { background-position: bottom left; }
#nav a.nav2current { width:98px; background: url(../images/nav-about.jpg) no-repeat left top; background-position: bottom left; }

#nav a.nav2drop { width: 95px; border-bottom: 1px solid #a20000; }
#nav a.nav2drop:hover { width: 95px; background: #900000; }

#nav a.nav3 { width:160px; background: url(../images/nav-commv.jpg) no-repeat left top; }
#nav a.nav3:hover { background-position: bottom left; }
#nav a.nav3current { width:160px; background: url(../images/nav-commv.jpg) no-repeat left top; background-position: bottom left; }

#nav a.nav3drop { width: 152px; border-bottom: 1px solid #a20000; }
#nav a.nav3drop:hover { width: 152px; background: #900000; }

#nav a.nav4 { width:133px; background: url(../images/nav-privatev.jpg) no-repeat left top; }
#nav a.nav4:hover { background-position: bottom left; }
#nav a.nav4current { width:133px; background: url(../images/nav-privatev.jpg) no-repeat left top; background-position: bottom left; }

#nav a.nav4drop { width: 129px; border-bottom: 1px solid #a20000; }
#nav a.nav4drop:hover { width: 129px; background: #900000; }

#nav a.nav5 { width: 119px; background: url(../images/nav-exportv.jpg) no-repeat left top; }
#nav a.nav5:hover { background-position: bottom left; }
#nav a.nav5current { width:119px; background: url(../images/nav-exportv.jpg) no-repeat left top; background-position: bottom left; }

#nav a.nav6 { width:124px; background: url(../images/nav-credit.jpg) no-repeat left top; } 
#nav a.nav6:hover { background-position: bottom left; }
#nav a.nav6current { width:124px; background: url(../images/nav-credit.jpg) no-repeat left top; background-position: bottom left; }

#nav a.nav7 { width:168px; background: url(../images/nav-testi.jpg) no-repeat left top; }
#nav a.nav7:hover { background-position: bottom left; }
#nav a.nav7current { width:168px; background: url(../images/nav-testi.jpg) no-repeat left top; background-position: bottom left; }

#nav a.nav8 { width:89px; background: url(../images/nav-contact.jpg) no-repeat left top; }
#nav a.nav8:hover { background-position: bottom left; }
#nav a.nav8current { width:89px; background: url(../images/nav-contact.jpg) no-repeat left top; background-position: bottom left; }