/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here 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.

*/

p.alert { background:#ffd9c8 url(images/ico-alert.png) 20px 13px no-repeat; border:1px solid #e76868; padding:9px 10px 9px 50px; margin-bottom:20px; }
h3.carsearch { background: #fff url(images/bg-breadcrumb-top.png) repeat-x 50% 0%; border-top: 1px solid #ddd; font-size: 16px; text-transform: uppercase; color: #666; padding: 4px 12px;}


/* 2.3 Header */
#header-ford { background: url(images/bg-top.png) repeat; padding: 19px 0 20px; clear: both; position: relative; z-index: 10; border-top: 6px solid #F60; }
#header-suzuki { background: url(images/bg-top.png) repeat; padding: 19px 0 20px; clear: both; position: relative; z-index: 10; border-top: 6px solid #F00; }

/* 2.2 Navigation */
#nav li  { margin: 0 3px; }

/* 2.8 Homepage */
#featured.home .featured-content { width:420px; }
#featured.home .featured-image { padding: 4px 0; margin: 40px 0 -60px; border:1px solid #819fb2; background-color: #0f232e;}
#featured.home .splash-image img { padding: 4px; margin: 0; border:1px solid #819fb2; background-color: #0f232e; text-align:center; }

.splash .col-full { padding: 40px 0 20px; }
#featured .splash-video { position: relative; width: 800px; margin: 0 auto; padding: 4px; border: 1px solid #819fb2; background-color: #0f232e; text-align: center; }
#featured .splash-video .videoad { }

#featured.banner p { color: #666; text-shadow: none; margin-top: 20px;}
#featured.banner strong { color: #000;}
#featured.home .play { bottom: -50px; margin-left: 10px; }
#featured.home h1 { font-size:48px; padding:20px 0 30px; text-shadow:#000 1px 2px 0; }
#featured.model { height: 350px; }
#featured.splash { height: 90px; }
#featured #brand-title { height: 90px; }
#featured #brand-title h1 { padding: 25px 0; }
#featured #brand-title img { padding-top: 18px; float: right; }
#featured #page-title h1 { width: 690px; }

#mini-features a.btn { margin: 15px 0 0 0; background:#f0f0f0 url(images/ico-bullet.png) no-repeat 10px 50%; color:#333; font-size:12px; text-transform:uppercase; border:none; padding:4px 20px 4px 20px; }
#mini-features a.btn:hover { background:#06a0f0 url(images/ico-bullet.png) no-repeat 10px 50%; color:#fff; text-decoration:none; }
a.ford, a.more-link, .banner-widget a.btn { margin: 15px 15px 0 0; background:#f0f0f0 url(images/ico-bullet.png) no-repeat 10px 50%; color:#333; font-size:12px; text-transform:uppercase; border:none; padding:4px 20px 4px 20px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
a.ford:hover, a.more-link:hover, .banner-widget a.btn:hover { background:#ff7d00 url(images/ico-bullet.png) no-repeat 10px 50%; color:#fff; text-decoration:none; }
#mini-features .feature ul li { margin: 0 0 8px 0; padding: 0;  }
#info-box .block ul li { list-style-type: none; background: url(images/ico-bullet.png) no-repeat left; padding-left: 16px;  }

#portfolio .block .video, .post img.postpic { border:1px solid #ddd; padding:4px; margin:0 0 20px 0; display:block;}
.post p.postimage { background: #f7f7f7 url(images/portfolio-hover.png) center 60px no-repeat; display:block;}
.post p.smallimage { background: url(images/portfolio-hover.png) center 20px no-repeat; display:block; margin-left: 18px;}
.post p.usedimage { background: url(images/thumb-hover.png) center 20px no-repeat; display:block; margin-left: 18px;}

/* 2.6 Footer */
#footer #credit a, #footer #brands img { margin: 0 5px; }
#footer #brands { clear: both; margin: 50px 5px 5px 0; }
#footer .block .widget_rss h3 a { text-decoration: none; color: #fff; }
#footer .block .widget_rss a.rsswidget img { display: none; }
#footer .block .widget_twitter { background: url(images/ico-twitter2.png) center left no-repeat; padding-left: 22px; }

/* 2.8 Homepage */
#contact-box { background: #f7f7f7; border-bottom:1px solid #dbdbdb; padding:30px 30px 10px; margin:10px 0 20px; }
#contact-box .block { width:280px; margin:0 30px 20px 0; float:left; }
#contact-box .block.last { margin-right:0; }
#contact-box .icon { float:left; }
#contact-box h3 { background: url(images/bg-info-box-title.png) repeat-x scroll center bottom; text-transform:uppercase; font-size:14px; padding:0 0 15px 50px; line-height:30px; margin-bottom:15px; }
#contact-box p { padding-bottom:15px; }
#contact-box { border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;  }

/* 3.1 Posts */
.entry ul  { margin-top: 30px; }
.entry ul  { font-size: 14pt; color: #666; }
.entry ul strong { font-size: 18pt; color: #000; }
.entry ul li  { list-style-type: none; background: url(images/ico-arrow.png) no-repeat left; padding-left: 30px; }
.post .meta { border-top: 1px dotted #ccc; width: 330px; padding-top: 4px; }
.post p.cats { background:url(images/ico-car.png) no-repeat center left; padding-left:25px; margin-right: 25px; width: auto; float:left; clear: none; }
.post p.tags { background:url(images/ico-tag-blue.gif) no-repeat center left; padding-left:25px; width: auto; float:left; clear: none; }
.post p.coms { background:url(images/ico-comment.png) no-repeat center left; padding-left:25px; margin-left: 25px; width: auto; float:left; clear: none; }
.post .iLikeThis .counter { margin-left: 25px; color: #06a0f0; font-weight: normal; }
.post .entry blockquote { background: url(images/bg-quote.png) no-repeat top left; padding-left: 44px; font-style: oblique; color: #999; font-size: 20px; }
.post .entry small { padding-left: 14px; font-size: 12px; }

#page-title .fr { display: block; width: 270px; }
#page-title .iLikeThis { height: 53px; float: left; padding: 4px; margin: 0 14px 0 0; background-color: #5c85a8; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#page-title .iLikeThis .counter { background:url(images/ico-heart.png) top left no-repeat; padding-top: 26px; display: block; margin-top: 4px; width: 20px; overflow: visible; color: #fff; }
#page-title .iLikeThis .counter a.image { display: block; margin-right: 4px; }
#page-title .TweetMeme { float: left; margin: 0; }
#page-title .Share { height: 53px; float: left; padding: 4px; margin: 0 14px 0 0; background-color: #5c85a8; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #fff; font-size: 10px; }
#page-title .Buzz a { height: 53px; width: 42px; float: left; padding: 4px; margin: 0 14px 0 0; background: #fff url(images/ico-google-buzz.png) bottom center no-repeat; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#page-title .Facebook { height: 61px; width: 60px; float: left; margin: 0 14px 0 0;}

.post .getinfo { width: 100%; margin: 40px 0 10px; }
.post a.infobutton { background: url(images/btn-featured-right.png) no-repeat scroll top right; display: block; float: left; height: 44px; padding-right: 16px; text-decoration: none; color: #777; font-family:Arial, Helvetica, sans-serif; font-size:22px; margin: 0 0 20px; letter-spacing:-1px; }
.post a.infobutton span { float:left; background: url(images/btn-featured.png) no-repeat; display: block; line-height: 44px; padding: 0px 10px 0px 55px; } 
.post a.infobutton:hover span{ text-decoration:none; color:#555; }
.post a.infobutton:hover { cursor:pointer; }
.post .getinfo .button { margin-right: 20px; float: left; }

/* Contact */
.gform_wrapper ul li { list-style-type: none; background: none; }
.gform_wrapper .gsection { margin-top: 40px; }
.gform_wrapper h2.gsection_title { color: #ccc; }
.gform_wrapper .gsection_description { font-size: 12px; font-style: normal; }
.gform_wrapper input[type="text"], 
.gform_wrapper textarea,
.gform_wrapper select,
.gform_wrapper select.field { font-size: 14px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; background:#fcfcfc; border:3px solid #e2e2e2; width:214px; padding:7px 10px; color: #666; }
.gform_wrapper .button {  border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; margin: 15px 0 0 150px; background:#f0f0f0; color:#333; font-size:14px; text-transform:uppercase; border:none; padding:6px 25px; width: 200px; }
.gform_wrapper .button:hover {background:#06a0f0; color:#fff; cursor:pointer;}

/* 4 Widgets */
#sidebar a.button { background: url(images/btn-featured-right.png) no-repeat scroll top right; display: block; float: left; height: 44px; padding-right: 16px;text-decoration: none;color: #777;font-family:Arial, Helvetica, sans-serif; font-size:22px; margin: 0 0 20px; letter-spacing:-1px; width: 240px;}
#sidebar a.button span { float:left; background: url(images/btn-featured.png) no-repeat; display: block; line-height: 44px; padding: 0px 10px 0px 55px; } 
#sidebar a.button:hover span{ text-decoration:none; color:#555; }
#sidebar a.button:hover { cursor:pointer; }
#modelform { width: 250px; background:#fff; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; border: 3px solid #e2e2e2; }
.widget select, .widget select.field  { width: 222px; margin-left: 10px; padding: 6px 0;  color:#999; border: 0; overflow: hidden; font-size: 16px; }
.widget .awards-widget { margin: 20px 0; }
.widget .awards-widget img { margin: 5px 0; }
.widget_tags a { color: #bbb; line-height: 24px; }
.widget_tags a:hover { color: #06A0F0; text-decoration: none; }
#sidebar .banner-widget img.postpic { padding: 4px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; border: 3px solid #e2e2e2; }
#sidebar .banner-widget { background: url(images/portfolio-hover-small.png) 0 0 no-repeat; }

/* 4 Widgets - Twitter */
.twitter-friends .tf-users { width: 200px; height: 144px; overflow: hidden; }
.twitter-friends .tf-users a { display: block; float: left; margin: 2px; }

/* Slider */
.stepcarousel {
	position: relative; 	/*leave this value alone*/
	overflow: scroll; 		/*leave this value alone*/
	width: 960px;
	height: 350px; 			/*Height should enough to fit largest content's height*/ }

.stepcarousel .belt {
	position: absolute; 	/*leave this value alone*/
	left: 0;
	top: 0; }

.stepcarousel .panel {
	float: left; 			/*leave this value alone*/
	overflow: hidden; 		/*clip content that go outside dimensions of holding panel DIV*/
	margin: 0; 				/*margin around each panel*/
	width: 960px; 			/*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */}