/*	-------------------------------------------------------------
	Project Name   
	developer3@silvertrees.net
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	.version        1.0
	.updated       07-07-2009
	-------------------------------------------------------------	


/*	-------------------------------------------------------------
	. Defult Rests
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
* { margin:0; padding:0; }
a { color:#333; text-decoration:none; outline:none; }
a:hover { color:#545454; text-decoration:underline; }
img { border:none; }
ul, ol { list-style:none; }
h1, h2, h3, h4, h5, h6, p { padding-bottom:5px; }
p { text-align:justify;}
h1 { font-size:22px; }
h2 { font-size:18px; }
h3 { font-size:16px; }
h4 { font-size:14px; }
h5 { font-size:12px; }
h6 { font-size:11px; }

/*Clear*/
.clear{ font-size:1%; clear:both;}
.clear:after {  display: block;  height: 1%;  clear: both;  visibility: hidden;  }

body{ font:12px Arial, Helvetica, sans-serif;  background:#FFF;}

/*	-------------------------------------------------------------
	. Layout
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	

.Left{ display:inline; float:left;}
.Right{ display:inline; float:right;}

/*Clear*/
.clear{ font-size:1%; clear:both;}
body{ font:12px Arial, Helvetica, sans-serif; }


/*Theme Colors*/
.darkgray{ background:#454545;}

/*Arrow's Sprite*/
.arrowwhite{ display:block; background:url(images/arrow_w.gif) no-repeat  left  ; padding-left:12px; }
.arrowgray{ display:block; background:url(images/arrow_g.gif) no-repeat left  ;  padding-left:12px;  }
.arrowblack{ display:block; background:url(images/arrow_b.gif) no-repeat  left  ; padding-left:12px;  }

/*Lines */
.Line{ height:3px; background:#1c1c1c; display:block; font-size:1%; margin:10px 0; width:100%;}
.underline{ background:url(images/dark_line.gif) repeat-x bottom; width:100%;}

/*	-------------------------------------------------------------
	. Layout
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	

.Layout{ width:950px; margin:0 auto; overflow:hidden;}
.Topbar{ display:block; width:950px; height:96px; position:relative;}
.Topbar .Logo { position:absolute; left:10px; top:25px; height:44px; width:128px;}
.Topbar .Logo a{  height:44px; width:128px; text-indent:-9999px; display:block; }

.Topbar .Brands{ width:420px; left:184px; position:absolute; top:25px; font-size:18px; color:#FFF;}
.Topbar .Brands a{ color:#FFF;}
.Topbar .Brands h3.Tollfree{ font-size:16px; padding:3px 0;}

.BrandsSlogan{ position:absolute; right:10px; top:25px;}

/* Top Menu */
.Header{ margin-bottom:2px;}
.Header .TopMenu{ clear:both; display:block; margin-top:6px; height:42px; overflow:hidden; padding-left:15px; position:relative; }
.Header .TopMenu li{ float:left; display:inline; margin-right:2px; cursor:pointer; position:relative;}
.Header .TopMenu li a{  cursor:pointer;display:block; float:left; height:42px;  text-decoration:none; padding-left:18px; font-size:13px; font-weight:700;  }
.Header .TopMenu li a span{  cursor:pointer;display:block;float:left; padding-right:14px; height:30px; padding-top:12px;  }

/* Menu Hover & Selected */
.Header .TopMenu li a:hover, .Header .TopMenu li a.active{ display:block;  height:42px; text-decoration:none;  padding-left:18px;  }
.Header .TopMenu li a:hover span, .Header .TopMenu li a.active span{ display:block; padding-right:14px; 
height:30px; padding-top:12px;  }


/*Pages bg */
.Main{ clear:both; width:950px; position:relative;}
.Main .Contents{ width:625px; float:left;overflow:hidden;  min-height:500px;  padding:5px 0 0px 0;}
.Main .BottomGrad{padding-bottom:50px; }

.Main .Contents h2{ padding-left:10px;}
.Main .Contents h1.HeadingBg{  height:35px; display:block; width:100%; padding:0; padding:15px 0 0 15px; margin-bottom:15px;  }

/* Month Employee */
.Main .MonthEmployee{ display:block; margin:10px 13px 10px 18px; width:590px; }
.Main .MonthEmployee h4{ padding-bottom:0;}
.Main .MonthEmployee .Left{ width:221px; height:227px; overflow:hidden; }

.Main .MonthEmployee .Right{ display:inline; width:320px; height:217px; padding:5px 20px;overflow:hidden;}
.Main .MonthEmployee .Right p{ padding:9px 0;}

/*Featured Employees */
.FeaturedBlocks{ display:block; margin:15px 0 15px 18px;}
.FeaturedBlocks h2{ padding-bottom:10px;}
.FeaturedBlocks .Featuredblock{ width:245px; padding:10px; margin-right:35px; }
.Employeepic { width:120px; overflow:hidden;}
.Employeedetails { width:125px;}
.Employeedetails h5{ display:block; margin-bottom:7px;}
.Employeedetails span{ display:block;}
.Employeedetails strong{ display:block;}
.Employeedetails a{ margin:3px 0;}


/*Employee Listing blocks */
.EmployeeListings{ display:block; clear:both;}
.EmployeeListing{ display:inline; width:275px; margin-left:22px; margin-bottom:25px;}

.Main .SideBar{ float:right; width:322px; overflow:hidden; padding:20px 0; }
.Main .SideBar .Findus{ display:block; text-align:center; margin:30px auto; width:155px}
.Main .SideBar h2{ padding:0 0 7px 15px; border-bottom:2px solid #303030}

ul.SearchOptions{ padding:10px 15px;}
ul.SearchOptions li{ padding:2px 0;}
ul.SearchOptions li a{ font-size:11px;}


/*Specials*/
.Specials{ padding:10px 0 20px 10px;}
.EachSpecial{ display:block;  clear:both;  margin:0 auto 25px auto; width:612px;}
.SpecialOptions { display:block; margin:5px 0; height:23px; }
.SpecialOptions li{ display:inline; float:left; height:10px; padding:5px 0 5px 15px;}
.SpecialOptions li a{ height:17px; padding:5px 0 5px 25px; font-size:13px;  }



/*TABS */

#tabs ul li.active { display:block; }
#tabs .TabBlock {  border:1px solid #000; border-bottom:2px solid #000; overflow:hidden; }
#tabs .TabBlock h3 { border-bottom:1px solid #282828; font-size:17px; padding-left:7px;}
#tabs .TabBlock form { width:344px;}




/*--------------------------------------------------------------------------------*/


/*Rouded BLocks*/
.BLock{ display:block; width:603px;  position:relative; padding:5px 0; margin:0 auto;}
.BLock h3{ padding-left:10px; display:block; padding-bottom:10px; }
.BLock p, .BLock h4{ padding-left:10px; }
.BLock b.Roundedtop{ display:block; position:absolute; z-index:5; top:0; left:0; height:5px; width:603px; font-size:1%; line-height:0; }
.BLock b.Roundedbottom{ display:block; position:absolute; z-index:5; bottom:0; left:0; height:5px; width:603px; font-size:1%; line-height:0;}
.BLock .Moredetails{ height:20px; padding-top:5px; width:128px; display:block; position:absolute; right:0px; top:0px; z-index:7; text-align:center;}
.BLock .Moredetails a{  font-size:11px; font-weight:700;}
.BLock .Moredetails a.Colapsed{ background:url(images/plus.gif) no-repeat left; padding-left:15px;}
.BLock .Moredetails a.Expanded{ background:url(images/min.gif) no-repeat left; padding-left:15px;}



/*Top Block*/
.TopBlock{ display:block; margin-bottom:20px;}
.TopBlock .TopBlockHead { width:430px; overflow:hidden;}
.TopBlock .TopBlockHead h2{ font-size:22px; float:left; width:270px; padding-top:7px;}
.TopBlock .TopBlockHead strong{ font-size:31px; float:right;}
.TopBlock .TopBlockHead span{ font-size:10px; padding-left:5px;}


/*Top gallery imgs */
.car_imgs{ width:600px; margin:0 auto; overflow:hidden;}
.preview_img{margin-left:4px; float:left; display:inline; width:333px; }
.thumbs{ float:right ; display:inline; overflow:hidden; width:255px;margin-right:3px;}
.thumbs img{ display:inline; float:left; margin:0 0 4px 5px; height:60px; width:80px; overflow:hidden;}


.ClientOptions{ display:block; padding:10px; width:590px; margin:0 auto;}
a.Favourite{ display:block; height:36px; width:62px; text-indent:-9999px; float:left;}
a.Enquire{ display:block;height:36px; width:110px; text-indent:-9999px; float:left;}
a.Details{ display:block;height:36px; width:79px; text-indent:-9999px; float:left;}
a.BuyNow{ display:block;height:36px; width:95px; text-indent:-9999px; float:left;}
a.Print{ display:block;  height:31px; float:right; padding:7px 0 0 37px; font-size:12px; text-decoration:underline; margin-right:5px;}

/*VehicleSummery*/
.VehicleSummery{ display:block;  margin-bottom:20px;}
.table{ width:600px; margin:0 auto;}
.table td{ padding:5px 0 5px 12px;}

/*Dealer Comments*/
.DealerComments{  margin-bottom:20px;}

/*SimilarCars */
.SimilarCars{ display:block; margin:30px auto; width:603px; clear:both;}
.SimilarCars .Similar_container{  position:relative; }
.SimilarCars  h3{  padding:0 0 15px 17px;}
.Similar_items{  overflow:hidden; width:570px; margin:0 auto;}

table#similar_cars td { padding:0 8px; text-align:center}
table#similar_cars td a { font-size:11px;}

.SimilarCars ul {/*width:3000px;*/}
.SimilarCars ul li{ display:inline; float:left; padding:0 6px;}
.SimilarCars a.SlideLeft{ display:block; position:absolute; left:0; top:0; width:16px; height:96px; text-indent:-99999px;}
.SimilarCars a.SlideRight{ display:block; position:absolute; right:0; top:0; width:16px; height:96px; text-indent:-99999px;}


/*dealer info*/
.Dealer_info{ display:block; padding-bottom:10px;}
.Dealer_info table{ margin-left:5px}
.Dealer_info table td{ padding:0 8px}
.Viewmap{ height:46px; width:152px; display:block; text-indent:-9999px;}


/*Cars Listing */
.Carslisting { display:block; margin-bottom:10px; clear:both;}
.Carslisting h4{ font-size:17px;}
.Carslisting table{ width:98%; margin:0 auto; padding:7px 0;}
.Carslisting .Price { display:block;  text-align:right; margin:5px 10px 0 0 ;}
.Carslisting .Price strong{ font-size:27px; clear:both;}
.Carslisting .Price strong span{ display:block; font-size:10px;}


.NewCarImage{ text-align:center; display:block; clear:both; width:595px;}

/* Fillters  */
.Filters{ display:block; margin:12px;}
.Filters a{  padding:0 3px; font-weight:700;} 

/*Paging*/
.Paging{ clear:both;display:block;float:right;margin:0 auto;padding-right:10px;width:203px; padding:10px 10px 15px 0;}
.Paging ul{ list-style:none; float:right;}
.Paging ul li{ display:inline; float:left; padding:0 2px;}
.Paging a{ font-size:12px; font-weight:700;}
.Paging a:hover, .Paging li.current{ font-weight:700; text-decoration:none;}
.Paging a.Prev{ height:15px; width:6px; text-indent:-9999px; display:block;}
.Paging a.Next{ height:15px; width:6px; text-indent:-9999px; display:block;}
div.disabled{ display:none;}



.FeaturedCar{ display:block;}
.FeaturedCar .Featured_details{ display:inline; float:left; width:305px;}
.FeaturedCar .Featured_img{ display:inline; float:right; width:275px; text-align:right; padding-right:5px;}
.FeaturedCar h2{ font-size:22px;}
.Featured_details .desc{ padding-left:10px;}
.Featured_details .desc ul{  float:right; width:110px; display:inline; margin-left:15px;}

.FeaturedCar .Price{ display:block; clear:both; margin:20px 0 0 0;}
.FeaturedCar .Price p{ float:left; font-size:27px; font-weight:700;}
.FeaturedCar .Price p span{ font-size:10px; display:block;}
.FeaturedCar .Price .Options{ float:right;}


/*Contact page */
.MapContacts{ display:block; width:603px; margin:0 auto; padding:20px 0; clear:both; position:relative;}
.TopFormdetails{ display:block;width:535px; margin:0 auto; position:relative;}
.TopFormdetails .Map{ position:absolute; top:0; right:0; text-align:center; width:210px; display:block; }
.TopFormdetails .Map a.Viewmap{ margin-left:20px;}
.TopFormdetails .EditeableFormarea{ width:325px; padding-bottom:20px;}

.Serviceads{ display:block}
.Serviceads .ads_img{ width:278px; float:left; padding-left:3px;}
.Serviceads  .ads_steps ul li{ display:block; background:url(brands/dodge/images/yes.gif) no-repeat left top; padding-left:30px; padding-bottom:15px;}
.Serviceads .ads_steps{ float:left; width:320px;}
.Main .Contents .Serviceads .ads_steps h2{font-size:20px; padding-left:0;}


/*Spare Parts */
.PartsListing{ display:block; padding:15px 0;}
.PartsListing .Catdesc{ width:590px; margin:0 auto; padding-bottom:10px;}

.PartsListing h2{ padding-bottom:10px;}

.SparePartsSearch{ display:block;}
.SparePartsSearch form{ width:570px; margin:0 auto; background:url(brands/dodge/images/man_02.gif) no-repeat right top; padding-bottom:30px;}

.Topspareparts h1{ padding-left:5px;}

.PartsCategories{ display:block; width:590px; margin:0 auto; }
.PartsCategories ul li{ display:inline; float:left; margin:15px 15px 0px 0;}
.PartsCategories ul li a{ display:block; padding-left:17px; font-size:13px;}

.partsdetails{ padding-left:15px;}


/*Mapdirections*/
.direction{ display:block; color:#FFF;}
.Mapdirections{ display:block; width:560px; padding:8px; margin:0 auto;}
.Mapdirections .Map{ display:block; padding-bottom:10px; border-bottom:1px solid #70716f;}
.Mapdirections h4{  font-size:15px; font-weight:700; margin:14px 0 0 0;}
.Mapdirections .directions_input form{ padding:0;}
.Mapdirections .directions_input label{ display:block; color:#FFF; padding-bottom:7px;}
.Mapdirections .directions_input label{ display:block; color:#FFF; padding-bottom:7px;}
.contact_details{ display:block; margin: 30px auto; width:518px;}
.contact_details big{ font-size:26px; font-weight:700;}

a.contactdealer{ display:block; margin:20px 0; background:url(images/contactdealer.gif) no-repeat; height:48px; width:154px; text-indent:-99999px;}
.Mapdirections h4{ padding-left:27px; padding-top:5px;}


/*Buttons*/
.blackbutton{ background:url(images/black_button.gif) no-repeat; border:0; width:107px; padding-left:10px; color:#FFF; font-size:12px; font-weight:700; height:21px; cursor:pointer;}


/*Homepages*/
#brandslinks{ width:97%;}
.Makesoverlay{ display:block; height:60px; width:928px; background:url(images/makes_overlay.png) no-repeat; position:absolute; z-index:10; top:0px; left:0px; overflow:hidden;}
.Makesimgs .barclose{ position:absolute; left:1px; top:1px; background:url(images/close.gif) no-repeat; z-index:50; height:19px; width:19px; text-indent:-99999px;cursor:pointer;}

.Makesimgs .baropen{ position:absolute; left:1px; top:1px; background:url(images/open.gif) no-repeat; z-index:50; height:19px; width:19px; text-indent:-99999px;cursor:pointer;}

 .Makesimgs{ display:block; height:60px; width:928px;z-index:100; top:20px; left:15px; overflow:hidden; position:absolute;}
.Makes{ position:relative; height:60px; width:928px; overflow:hidden; z-index:70;}

.Makesimgs .Makescontainer{ display:block;padding:0 0 0 25px; position:relative; z-index:70;}
.Makesimgs .Makescontainer table { position:absolute;}


/*Footer*/
.Footer{ display:block; margin:20px 0 0 0; width:100%;  padding:15px 0 60px 0; height:100%;}
.Footer .innerFooter{  width:950px; margin:0 auto; position:relative;}
.Footer .innerFooter address{ font-size:11px; font-style:normal;}
.Footer .innerFooter h4{ font-size:15px;}
.footer_right { clear: both  }
.footer_right ul{  }
.footer_left { float:left; width:470px;padding-left:3px; margin-bottom:7px}
.footer_right ul li{ display:inline; float:left; padding:0 3px; font-size:11px; color:#333;}
.footer_right ul li a{font-size:11px; color:#333;}
.footer_right ul li a:hover{ color:#999999;}

.facebook-like{ float: right; position:absolute; top:15px; right:0; width:75px; overflow:hidden}
.TopMenu .facebook-like{top:11px; right:11px; }
.Footer .facebook-like{ width:auto; right:11px}


/*Others*/
.back{ display:block; margin:15px 10px; font-size:12px; font-weight:700; }
.back a{  padding-left:15px; }
.internal{ padding:0 20px 20px 20px;}
.opacity  h2 {padding:0 0 7px 15px;}

/*	-------------------------------------------------------------
	14.Shoping Cart
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
/*Shoping cart*/
.ShopingCart{ display:block; margin:0 auto; width:590px; padding:30px 0;}
.ShopingCart form{ padding:0;}

.SpecialBanner{ height:175px; width:612px; overflow:hidden; position:relative;}
.SMask{ display:block; position:absolute; height:175px; width:612px; top:0;}
.Overlay_link{ background:url(images/blank.gif); height:175px; width:612px; position:absolute; top:0; left:0; }


.ShopingCart .ShopingProduct{ display:block; margin-bottom:15px; border-bottom:1px dotted #ccc; padding-bottom:10px; width:560px;}
.ShopingCart .ShopingProduct .product_img{ display:inline; float:left; width:100px;}
.ShopingCart .ShopingProduct .Product_details{ display:inline; float:left; width:400px;}
.ShopingCart .ShopingProduct .Product_details h2{ font-size:14px;}
.ShopingCart .ShopingProduct .Product_details p{ width:400px;}
.ShopingCart .ShopingProduct .Product_details .ShopingOptions span.UnitPrice{ font-size:28px; color:#34637C;position:relative; bottom:-5px;}
.ShopingCart .ShopingProduct .Product_details .ShopingOptions span form{ display:inline; padding:0; margin:0;}
.ShopingCart .ShopingProduct .Product_details .ShopingOptions span form input{ padding:5px 0; width:25px; text-align:center;}
.ShopingCart .ShopingProduct .Product_details .ShopingOptions span.AddMore ul{ list-style:none; padding:8px 0;}
.ShopingCart .ShopingProduct .Product_details .ShopingOptions span.AddMore ul li{ float:left; padding-right:20px;  }
.ShopingCart .ShopingProduct .Product_details .ShopingOptions span.AddMore a.Add{ display:block; font-size:12px; padding-left:17px; background:url(images/add.gif) no-repeat left; font-weight:700; }
.ShopingCart .ShopingProduct .Product_details .ShopingOptions span.AddMore a.Remove{ display:block; font-size:12px; padding-left:17px; background:url(images/remove.gif) no-repeat left; font-weight:700; }

.CartSummary{ display:block; width:590px;}
.CartSummary ul{ list-style:none; width:590px; padding:15px 0;}
.CartSummary ul li{ display:block; border-bottom:1px dotted #CCC; clear:both; padding:5px 0; height:17px;}
.CartSummary ul li span{float:right; font-size:12px;}
.CartSummary ul li strong{float:left; font-size:12px;}
.CartSummary ul li.TotalPrice {  padding:8px 0; height:25px; line-height:25px;}
.CartSummary ul li.TotalPrice span{ font-size:12px; font-weight:700;}
.CartSummary a.BigButton{ float:right; }


.ShopingCart table{ font-size:12px; margin:0 0 25px 0; width:590px; }
.ShopingCart table form{ padding:0; margin:0; }
.ShopingCart table td{ padding:10px 0; border-bottom:1px dotted #CCC; vertical-align:middle; }
.ShopingCart table td h2{ font-size:14px;}
.ShopingCart table .ProductHeader td{ font-size:12px;   padding:5px 0; font-weight:700;  }

.Update{ display:block; margin:15px 0; height:30px; overflow:hidden;}

a.shoping_button{  display:block; width:124px; text-align:center; color:#FFF; padding-top:6px; height:20px; font-weight:700;}
a:hover.shoping_button{ color:#FFF; text-decoration:none;}

.Checkout, .cartupdate{ float:right;}
.Continue{ float:left;}
.FinalStep{ background:#fcfcfc; border:1px solid #f7f7f7; padding:10px; display:block; margin:15px 0;}


.EmptyCart{ display:block; margin:15px auto;}
.ProductPrice{ font-weight:700; font-size:16px; color:#333;}


/*.img.inline-image{float:left;margin:10px}*/


/*testimonials*/
.TestimonialsListing{ padding:20px 0;}
.TestimonialsListing .Testimonials{ margin-bottom:15px;}
.TestimonialsListing .Testimonials span.Postedat{ font-size:11px; margin-bottom:15px; display:block;}

/*News*/
.NewsBlocks{ width:595px; display:block; margin-bottom:15px;}
.NewsBlocks .News_thumb{ float:left; display:inline; width:175px;}
.NewsBlocks .Newsdetails{ float:left; display:inline; padding-left:5px; width:410px; }
.NewsBlocks .Newsdetails .Postedat{ font-size:11px; display:block; margin-bottom:10px;}

.newstext{ display:block}
.newstext img{ float:right; padding:10px;}

.Makescontainer img{margin:0 10px;}

.NewsDetailsPage{ display:block; width:590px;}
.NewsHead{ display:block; padding-bottom:10px;}
.NewsHead h3{ padding-bottom:0}
.NewsHead span{ padding-bottom:0; font-size:11px;}

.NewsImg{ float:left; display:inline; width:160px;}
.newstext{ float:left; display:inline; padding-left:10px;width:410px;}


/*staff details page */
.staffdetailspages{ display:block; width:595px; margin:0 auto; padding:15px 0;}
.staffdetailspages .employeethumb{ float:left; display:inline; width:240px; overflow:hidden;}
.staffdetailspages .Employeedetails{ float:left; display:inline; width:350px; overflow:hidden;}


.opacity h2{  padding:15px 0 7px 15px;}
.SideBar .opacity {  background:none; padding:0; margin:0;}


/*Site Map*/
#sitemap{ display:block; padding-bottom:30px;}
#sitemap li{ padding:0; margin:0;}
#sitemap li ul{ padding-left:15px;}
#sitemap li h2{ padding:5px 0 5px 15px; margin-top:20px; font-size:22px; font-weight:100;}
#sitemap li h4{ padding-left:15px; font-size:12px; margin-top:15px; padding-bottom:3px;}
#sitemap li a{  padding:0; margin:0;}


/*14-12-09*/
.dealercomments p{ padding-right:10px;}

