/* Fleetcare Home CSS Document */

/*@import 'fleetcare-common.css';*/

#contentcontainer { padding: 31px; width: 858px; background: url(images/logo-base-white.gif) no-repeat; }


/* Promotions Space */
#promospace { margin-bottom: 24px; }


/* Home Columns */
#left-column { float: left; width: 223px; font-size: 108%; line-height: 130%; }
#left-column h1 { margin: 0 0 10px 0; color: #253e7f; font-size: 19px; }
#right-column { float: right; width: 614px; }

#right-column ul { margin: 0; padding: 0; list-style: none; }

#right-column .home-products { padding-bottom: 12px; }

#right-column li.product { float: left; width: 114px; padding: 3px 3px 10px 4px; margin-right: 2px; background: url(images/home-product-bg.gif) no-repeat bottom left; position: relative; }
#right-column li.product:hover { background-position: bottom right; }
#right-column li.product span.topcorners { position: absolute; top: 0; left: 0; width: 121px; height: 16px; background: url(images/home-prod-topcorners.png) no-repeat top left; }
#right-column li.product img { width: 114px; height: 84px; }
#right-column li.product a { display: block; text-decoration: none; min-height: 200px; height: auto !important; height: 200px; line-height: 130%; }
#right-column li.product a span.product-title { display:block; height: 37px; padding: 6px 7px 0 7px; font-weight: bold; color: #4261b8; cursor: pointer; font-size: 100%; margin: 0; }
#right-column li.product a span.product-desc { display: block; padding: 0 7px; color: #464646; cursor: pointer; }

#right-column li.product a:hover span.product-title { color: #e18400; }
#right-column li.product a:hover span.product-desc { color: #4261b8; }

#right-column li.product.lastprod { margin-right: -1px; float: right; }

* html #right-column li.product span.topcorners { background-image: url(images/home-prod-topcorners.gif); }

#right-column h2 { margin: 0 0 4px 0; color: #253e7f; font-size: 120%; font-weight:bold; }
#right-column h3.quicklinks { margin: 0 0 4px 0; color: #253e7f; font-size: 120%; font-weight:bold; }



/* Latest News 
.latest-news { float: left; width: 302px; padding: 0 0 5px 5px; border-right: 1px solid #c4c4c4; }
.latest-news .news-teaser { float: left; padding: 0 0 6px 0; }
.latest-news .news-teaser span.news-date { display: block; float: left; width: 70px; }
.latest-news .news-teaser a { display: block; float: left; width: 230px; }*/

/* Blog */
.blog { float: left; width: 420px; padding: 0 0 5px 5px; }

.quick-links { float: right; width: 154px; border-left: 1px solid #c4c4c4; padding: 0 0 0 10px; }
.quick-links li, .blog li { padding: 0 0 6px 0; }

/* Social Media */
.socialMedia { background: #ffd91b url(images/home-utilities-bar-bg.gif) repeat-x 0px -51px;  float:right; }
.socialMediaInner { background: url(../images/utilityInner.gif) no-repeat 0 0; height:43px; line-height: 43px; padding-left:93px; }
.socialMediaInner a { color: #313131 !important; line-height: 43px; display: block; height: 43px; float: left; text-decoration: none; }
/* Social Media Icons */
a.bloglink { padding: 0 22px 0 20px; background: url(../images/socialMedia/blog_icon.gif) no-repeat 0 center;}
a.twitterlink { padding: 0 22px 0 20px; background: url(../images/socialMedia/twitter_icon.gif) no-repeat 0 center; }
a.youtubelink { padding: 0 22px 0 20px; background: url(../images/socialMedia/youtube_icon.gif) no-repeat 0 center;}
a.linkedinlink { padding: 0 22px 0 20px; background: url(../images/socialMedia/linkedIn_icon.gif) no-repeat 0 center;}
a.linkedingrouplink { padding: 0 22px 0 60px; background: url(../images/socialMedia/linkedInGroup_icon.gif) no-repeat 0 center;}


/* Home Registration */
#home_registration { margin: 0; padding: 0 0 0 31px; float: left; width: auto; height: 43px; }
#home_registration label { float: left; width: auto; padding-right: 10px; line-height: 43px; display: block; font-weight: bold; color: #313131; }
#home_registration .inputwrap { float: left; padding: 11px 0 0 0; }
#home_registration input.text { background: url(images/home_registration_input.gif) no-repeat top left; border: none; height: 22px; line-height:22px; width: 196px; padding:0px 0 0 4px; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #000; font-size: 90%; }

#home_registration input.submit { float: left; width: 60px; height: 16px; padding: 14px 14px 12px 14px; }

h4.homepage a { text-decoration:none; }


/* Home Utilities */
#home-utilities { height: 43px; background: #ffd91b url(images/home-utilities-bar-bg.gif) repeat-x 0px 0px; }