@charset "utf-8";
/*------------------------------------------------------------------ 
	[Master Stylesheet] 
	TKCarsites - CSS Document
	Website: http://www.tkcarsites.com/
-------------------------------------------------------------------*/

/*-----------------------------------
Basic Elements
-----------------------------------*/

/*****************
BODY
*****************/
body{
	background:url(../images/background.jpg) top left repeat-x #bababa;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

/*Remove dotted lines*/

:focus {
  -moz-outline-style: none;
}
a {
   outline: none;
}

/*****************
LEFT NAVIGATION
*****************/
#leftNav{}

/*****************
MAIN WRAPPER
*****************/
#mainWrapper{
	background-color:#fff;
	float:right;
	height:100%;
	}

/*******************
MAIN INNER CONTENT
*******************/
#mainInnerContent{
	background-color:#000;
	}


/*-----------------------------------
Header Elements
-----------------------------------*/
/*****************
LOGO
*****************/
#logo{
	width:296px;
	height:71px;
	padding-left:7px;
	padding-top:20px;
}

/**Logo Image**/
#logo a{
	width:299px;
	height:80px;
}

/*****************
INFO AREA
*****************/
#info{
	height:130px;
	}

/*****************
Make Image
*****************/
#makeImage{
	height:80px;
	width:124px;
	margin:35px 0px 0px 5px;
}

/*********************
PHONE TITLE/NUMBER
*********************/
/**Position**/
#phone{
	 margin:38px 20px 0px 30px;
}

/**Number Margin**/
#phone #phoneNum{
	margin-left:10px;
}

/**Text Format**/
#phone li{
	color:#004d79;
	font-size:20px;
	font-weight:bold;
}

/*****************
BULLETS
*****************/
/**Position**/
#bullets{
	margin-right:20px;
}

/**Spacing**/
#bullets a{
	padding-left:20px;
}

#bullets li{
	margin-top:5px;
}

/**Placement Side**/
#bullets{
	float:right;
}

/**Text Format**/
#bullets a{
	color:#fff;
	font-size:13px;
	font-weight:bold;
}
#bullets a:hover{
	color:#be0000;
}

/****************
HOURS/CONTACT
****************/
#hours_contact{
	width:260px;
	height:24px;
	float:right;
	margin:4px 20px 0px 0px;
	text-align:right;
	clear:right;
}
#hours_contact a{
	color:#004d79;
	font-size:13px;
	font-weight:bold;
	padding:4px 0px 0px 0px;
	text-align:right;
}
#hours_contact a:hover{
	color:#5dc0f9;
}

/*****************
MAIN NAVIGATION
*****************/
/**Navigation Wrapper Background**/
#mainNavWrapper{}

/**Main Navigation Width**/
#mainNav{
	width:958px;
	margin-left:7px;
	}

/**Text Format**/
#mainNav a{
	color:#fff;
	font-size:13px;
	font-weight:bold;
	text-align:center;
}

/**Hover Text Format**/
#mainNav a:hover, #mainNav .on a{
	color:#fff;
}

#mainNav a span{}


/******************************************
DROPDOWN CSS
******************************************/
/**Tabs Width**/
#tab1{
	padding-bottom:12px;
	padding-top:17px;
	width:115px;
	}
#tab2{
	width:100px;
	padding-bottom:12px;
	padding-top:17px;
	}
#tab3{
	width:140px;
	padding-bottom:12px;
	padding-top:17px;
	}
#tab4{
	width:134px;
	padding-bottom:12px;
	padding-top:17px;
	}
#tab5{
	width:105px;
	padding-bottom:12px;
	padding-top:17px;
	}
#tab6{
	width:95px;
	padding-bottom:12px;
	padding-top:17px;
	}

ul.topnav {
	list-style: none;
	padding: 0px 0px 0px 29px;
	float: left;
	width: 952px;
	font-size: 13px;
	position:relative;
	z-index: 50;
}

ul.topnav li {
	float: left;
	margin: 0;
	margin-right: 20px;
	padding: 0px 20px 0 0;
	position: relative; /*--Declare X and Y axis base for sub navigation, DO NOT CHANGE--*/
}

ul.topnav li a{
	font-size:13px;
	padding: 12px 0px 7px 0px;
	color: #fff;
	display: block;
	text-decoration: none;
	background: url(../images/main-nav-bg.png) no-repeat top left;
	text-align: center;
	vertical-align: middle;
}

ul.topnav li a:hover{
	background: url(../images/main-nav-bg.png) no-repeat bottom left;
	padding: 12px 0px 7px 0px;
	display: block;
}

ul.topnav li span { /*--Drop down arrow trigger styles--*/
	width: 31px;
	height: 42px;
	float: left;
	background: url(../images/main-nav-arrow.png) no-repeat top left;
}

ul.topnav li span.subhover {
	background-position: bottom left; cursor: pointer; /*--Hover effect for trigger--*/
}

ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 42px;
	background: #014268;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 100%;
	border: 1px solid #111;
	z-index: 10000;
}

ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #245d7b; /*--Create bevel effect--*/
/*	border-bottom: 1px solid #245d7b;  --Create bevel effect--*/
	clear: both;
	width: 100%;
}

html ul.topnav li ul.subnav li a {
	background: #014268 9px center; /*--Dropdown Arrow--*/
	padding-left: 8px;
	text-align:left;
	font-size:11px;
}

html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #3487b7 9px center; /*--Dropdown Arrow--*/
}

.floatLeft{
	float: left;
}

/*-----------------------------------
Left Navigation Elements
-----------------------------------*/
/**Bullets**/
.leftNavLinks li{
	color:#727272;
	list-style:none;
}

/**Text Format**/
.leftNavLinks a{
	color:#727272;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;	
}
/**Hover Text Format**/
.leftNavLinks a:hover{color:#000;}

/*************************************
SEARCH INVENTORY
*************************************/
#searchInventory{
	background:url(../images/search-inventory-bg.png);
	background-repeat:no-repeat;
	width:202px;
	height:243px;
	margin-bottom:5px;
	}

#quickSearch_tool{
	width:201px;
	height:155px;
	float:left;
	padding-bottom:25px; 
}

#keywordSearch{
	width:201px;
	/*height:75px;*/
	float:left;
}

#searchTool{
	margin-left:13px;
}

.quickSearch_selector:hover {
	color:#000;
}

.quickSearch_selector {
	font-family:arial;
	font-size:8px;
	width:170px;
}

	
/*************************************
QUICK CONTACT FORM
*************************************/
#quickContact{
	background:url(../images/quick-contact-bg.png) top left repeat-x #fff;
	width:202px;
	height:283px;
	margin-bottom:5px;
	}
	
/*************************************
Service & Parts Buttons
*************************************/
#serviceParts{
	background:url(../images/product-section-bg.png) top left no-repeat;
	width:194px;
	height:228px;
	margin-bottom:5px;
	padding:11px 4px 4px 4px;
	}

#serviceParts h1{
	margin-left:4px;
	margin-bottom:14px;
	}
#serviceParts span{display:none;}

#serviceParts li{
	margin-bottom:1px;
	list-style:none;
	float:left;
	}

#serviceParts a{
	background:top left no-repeat;
	display:block;
	height:40px;
	width:194px;
}

#serviceParts a:hover{
	background-position:bottom left;
	}
	
/*-----------------------------------
Main Content Elements
-----------------------------------*/

/*****************
SOBA
*****************/
#soba{}

/*****************
RIGHT CONTENT
*****************/
/**Margin**/
#rightContent{
	margin-bottom:5px;
	margin-right:7px;
	}


/*****************
LEFT SOBA
*****************/
/**Margin**/
#leftSoba{margin-top:5px;}

/*****************
SCROLLING BUTTONS
*****************/
/**Background/Margin**/
#scrollingButtons{
	background:url(../images/product-bg.jpg) top left repeat-x #007CC2;
}

/*-----------------------------------
Footer Elements
-----------------------------------*/
#footerWrapper{
	/*background:url(../images/footerWrapper-bg.png) top left repeat-x;*/
	background-color:#014f7d;
	}

/*****************
FOOTER NAVIGATION
*****************/
/**Text Format**/
#footerNav a{
	color:#fff;
	font-size:11px;
	font-weight:bold;
}

/**Hover Text Format**/
#footerNav a:hover{
	text-decoration:underline;
}


/********************
SOCIAL MEDIA ICONS
********************/
/**Container Width**/
#socialNet{
	width:240px;
}
 
/**Icons Width MUST DEFINE WIDTH FOR SOCIAL ICONS**/
#socialNet #net1 a{width:30px;}
#socialNet #net2 a{width:30px;}
#socialNet #net3 a{width:30px;}
#socialNet #net4 a{width:30px;}
#socialNet #net5 a{width:30px;}
#socialNet #net6 a{width:30px;}

/*****************
ADDRESS
*****************/
#address{
	width:300px;
	float:right;
	text-align:right;
}
/**Text Format**/
#address li{
	color:#004d79;
	font-size:14px;
	font-weight:bold;
}

/*****************
COPYRIGHTS
*****************/
/**Text Format**/
#copyright p{
	color:#000;
}

/***********
SEO AREA
***********/
/**Text Format**/
#seo{
	color:#FFF;
	font-size:12px;
}
#seo p{
	padding-bottom:10px;
}

#seo h1{
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	padding-bottom:10px;
}
#seo h2{
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	padding-bottom:10px;
}

/**Link Format**/
#seo a{
	color:#fff;
	text-decoration:underline;
}

#seo a:hover{
	text-decoration:underline;
}


/*-----------------------------------
Main Inner Elements
-----------------------------------*/

/*****************
INNER CONTENT
*****************/
/**Width**/
#innerContent{
	width:962px;
}

/**Text Format**/
#innerTitle{
	color:#FFF;
}

/**Title Background**/
#innerTitle{
	background:#014f7d;
}

/*****************
SITE MAP
*****************/
/**Background**/
#contentarea-sitemap a{
	background-color:#ededed;
}

/**Hover Background**/
#contentarea-sitemap a:hover{
	background-color:#E1E1E1;
}

/**Text Format**/
#contentarea-sitemap{
	color:#999;
	font-size:80%;
 	text-align:left;	
}

/**Hover Text Format**/
#contentarea-sitemap a{
	color:#333;
	font-size:13px;
	text-decoration:none;
}



/*---------------------------------------------------------------------------------------------------------------------
DO NOT TOUCH BELOW!!!
---------------------------------------------------------------------------------------------------------------------*/

/*-----------------------------------
Reset DON'T TOUCH
-----------------------------------*/
*, html, body{
	margin:0;
	padding:0;
	}

/**Flash Outline**/
* object{outline:none;}

/**Links**/
a{outline:none;text-decoration:none;}

li{margin:0;padding:0;}

/**Clearing**/
.clear{clear:both;}



/*-----------------------------------
Basic Elements DON'T TOUCH
-----------------------------------*/

/*****************
CONTAINER
*****************/
#container{ /* EXTRA WIDER TO CONTAIN DROP SHADOW EFFECT -OPTIONAL */
	margin: 0 auto;
	width:984px;
	background:url(../images/wrapper-bg.png) top left repeat-y;
}

/*****************
WRAPPER
*****************/
#wrapper{
	margin: 0 auto;
	width:972px;
	background:#fff;
}

/*****************
HEADER
*****************/
#header{
	width:972px;
	min-height:154px;
	background:url(../images/header-bg2.jpg) top left repeat-x #000;
	position:relative;
}

/*****************
LEFT NAVIGATION
*****************/
#leftNav{
	clear:left;
	float:left;
	width:202px;
	margin: 0px 5px 0px 7px;
	min-height:500px;
}

/*****************
MAIN WRAPPER
*****************/
#mainWrapper{}


/*****************
MAIN CONTENT
*****************/
#main{
	float:right;
}

/*******************
MAIN INNER CONTENT
*******************/
#mainInnerContent{
	margin:0px;
	text-align:center;
	min-height:525px;
	width:100%;
	background-color:#FFFFFF;	
}

#mainInnerContentPII{
	margin:0px;
	text-align:left;
	min-height:525px;
	width:100%;	
}

/*****************
FOOTER
*****************/
#footer{clear:both;}


/*-----------------------------------
Header Elements DON'T TOUCH
-----------------------------------*/

/*****************
DEALER LOGO
*****************/
#logo{
	float:left;
}

/**Logo Image**/
#logo a{
	background:top left no-repeat;
	display:block;
	float:left;
	margin: 0 auto;
}

/**Logo Text**/
#logo span{
	display:none;
}


/*****************
MAKE LOGOS/IMAGE
*****************/
#makeImage{
	background:no-repeat;
	float:left;
}
#makeImage span{
	display:none;
}

/*********************
PHONE TITLE/NUMBER
*********************/
#phone{
	float:right;
	margin-top:30px;
}
#phone li{
	list-style:none;
}

#phone #title, #phone #phoneNum{
	float:left;
}


/*********************
BULLETS
*********************/
/**Bullet Image**/
#bullets li{
	list-style:none;
	float:left;
}

#bullets li:hover{
	background-position:bottom;
}

#bullets li #bulletsDivider{
	padding:0px 5px 0px 5px;
	color:#fff;
}

/**Bullet Text**/
#bullets a{
	display:block;
}

#bullet a:hover{
	background:bottom left no-repeat;
}


/*****************
MAIN NAVIGATION
*****************/
#mainNavWrapper{
	clear:both;
	float:left;
	height:42px;
	width:100%;
	background:url(../images/main-nav-wrapper-bg.png) top left repeat-x;
}

#mainNav{	
	float:left;
	height:42px;
}

#mainNav li{
	float:left;
	list-style:none;
	height:42px;
}

#mainNav a{
	background:top left no-repeat;
	display:block;
	float:left;
	height:42px;
}

#mainNav a:hover, #mainNav .on a{
	background-position:bottom left;
}

#mainNav span{
	position:relative;
	top:19px;
}


/*-----------------------------------
Main Content Elements DON'T TOUCH
-----------------------------------*/
/*****************
SOBA
*****************/
#soba{
	float:left;
	margin:0px 5px 0px 0px;
/*	border:solid #333 1px;*/
	}
	
#small1Soba{
	float:left;
	margin:0px 5px 0px 0px;
	padding-bottom:5px;
	}
	
#small2Soba{
	float:left;
	margin:0px 5px 0px 0px;
	padding-bottom:5px;
	}

#small3Soba{
	float:left;
	margin:0px 5px 0px 0px;
	padding-bottom:5px;
	}


/*****************
RIGHT CONTENT
*****************/
#rightContent{
	float:right;
}

/*****************
VIDEO
*****************/
#rightContent #video{
	width:277px;
	height:241px;
	margin:0px 7px 0px 0px;
	border: solid 1px #CCC;
}

/*****************
SCROLLING BUTTONS
*****************/

#scrollingButtons{
	clear:both;
	padding:12px 10px 9px 10px;
	width:731px;
	height:119px;
	float:right;
	margin: 0px 7px 4px 0px;
}

#scrollingButtonsHeader{
	clear:both;
	padding:10px 5px 0px 11px;
	margin: 0px 7px 0px 0px;
	width:733px;
	height:20px;
	float:right;
	text-align:left;
	background:url(../images/product-header-bg.png) top left repeat-x #000000;
	border: solid 1px #868686;
	}

/********************
FEATURED VIDEOS
********************/

#featuredVideosWrapper{
	width:100%;
	min-height:250px;
/*	background:#FFF;*/

}

#featuredVideos{
	clear:both;
	padding:10px 0px;
	width:751px;
	margin: 0px 7px 5px 0px;
	min-height:230px;
	background:url(../images/product-large-bg.jpg) top left repeat-x #007cc2;
	}

#featuredVideosHeader{
	clear:both;
	padding:10px 5px 0px 11px;
	margin: 0px 7px 0px 0px;
	width:733px;
	height:20px;
	float:right;
	text-align:left;
	background:url(../images/product-header-bg.png) top left repeat-x #970004;
	border: solid 1px #868686;
	}
	
/********************
SPOTLIGHT SPECIALS
********************/
#spotlightSpecialsWrapper{
	width:100%;
	min-height:250px;
	background:#FFF;
	}

#spotlightSpecials{
	width:740px;
	float:right;
	margin: 0px 7px 5px 0px;
	min-height:232px;
	overflow: hidden;
	padding-left:10px;
	background:url(../images/product-large-bg2.jpg) top left repeat-x #007cc2;
	}

#spotlightSpecialsHeader{
	padding:10px 5px 0px 11px;
	margin: 4px 7px 0px 0px;
	width:733px;
	height:20px;
	clear:both;
	text-align:left;
	background:url(../images/product-header-bg.png) top left repeat-x #970004;
	border: 1px solid #868686;
	}

#spotFrame{
	width:740px;
	min-height:232px;
	margin-top:5px;
}


	
/********************
SERVICE COUPONS
********************/
#serviceCouponsWrapper{
	min-height:250px;
	width:733px;
	clear:both;
}

#serviceCoupons{
	clear:both;
	padding:5px 10px 5px 10px;
	width:731px;
	float:right;
	margin: 0px 7px 5px 0px;
	min-height:252px;
	background:url(../images/service-coupons-bg.png) top left no-repeat #000;
	}

#serviceCouponsHeader{
	clear:both;
	padding:10px 5px 0px 11px;
	margin: 0px 7px 0px 0px;
	width:733px;
	height:20px;
	float:right;
	text-align:left;
	background:url(../images/product-header-bg.png) top left repeat-x #970004;
	border: 1px solid #868686;
	}

#serviceCoupon_viewAll{ /* VIEW ALL LINK POSITION */
	height:18px;
	float:right;
	margin-top:-12px;
	padding-right:10px;
}

#serviceCoupon_viewAll a{ /* VIEW ALL LINK FONT STYLE */
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	text-decoration:underline;
	text-align:right;
}

#serviceCoupon_viewAll a:hover{
	color:#C00;
}

/********************
FEATURED COUPONS
********************/

#flash_FeaturedSpecials{
	padding:10px 0px 10px 80px;
	clear:both;
}

/********************
CUSTOM PAGE TEXT AREA
********************/
#customPageWrapper{
	width:100%;
	min-height:208px;
	background:#FFF;
}

#customPage{
	clear:both;
	padding:10px 25px 10px 25px;
	width:701px;
	float:right;
	margin: 0px 7px 5px 0px;
	min-height:177px;
	background:url(../images/product-large-bg.jpg) top left repeat-x #007cc2;
}

#customPage h1{
	color:#FFF;
	font-size:14px;
	font-weight:bold;
}

#customPage p{
	color:#FFF;
	font-size:12px;
	padding-bottom:10px;
}

#customPage a{
	color:#00b4ff;
	font-size:12px;
}

#customPage a:hover{
	text-decoration:underline;
}

#customPageHeader{
	clear:both;
	padding:10px 5px 0px 11px;
	margin: 0px 7px 0px 0px;
	width:733px;
	height:20px;
	float:right;
	text-align:left;
	background:url(../images/product-header-bg.png) top left repeat-x #970004;
	border: solid 1px #868686;
}

/**************************
CUSTOM INNER PAGES AREA
**************************/
#custom-page{
	margin:10px;
	text-align:left;
}

#custom-page h1{
	color:#000;
	font-size:18px;
	font-weight:bold;
	padding-bottom:10px;
}

#custom-page p{
	color:#000;
	font-size:12px;
	padding-bottom:10px;
}

#custom-page a{
	color:#6e6e6e;
	font-size:12px;
}

#custom-page a:hover{
	text-decoration:underline;
}

#innerContentCustom{
	margin:0 auto;
	float:left;
	clear:right;
	padding:15px;
	background:#fff;
	min-height:525px;
}

#innerContentCustom h1{
	color:#000;
	font-size:18px;
	font-weight:bold;
	padding-bottom:10px;
}

#innerContentCustom p{
	color:#000;
	font-size:12px;
	padding-bottom:10px;
}

#innerContentCustom a{
	color:#6e6e6e;
	font-size:12px;
}

#innerContentCustom a:hover{
	text-decoration:underline;
}


/*-----------------------------------
Footer Elements DON'T TOUCH
-----------------------------------*/

/*****************
FOOTER NAVIGATION
*****************/
#footerWrapper{
	clear:both;
	height:30px;
}

#footerNav{
	float:right;
	margin-top:8px;
	margin-right:15px;
}

#footerNav li{
	display:inline;
	list-style:none;
	margin:0px 2px;
	color:#fff;
}

/********************
SOCIAL MEDIA ICONS
********************/
#socialNet span{
	display:none;
}

#socialNet{
	float:left;
	margin-top:5px;
	margin-left:5px;
}

#socialNet li{
	display:inline;
}

#socialNet .netIcon a{
	background-repeat:no-repeat;
	display:block;
	float:left;
	margin-right:10px;
	height:30px;
}

/*****************
FOOTER ADDRESS
*****************/
#address{
	padding-top:5px;
	padding-right:20px;
}
#address li{
	display:inline;
	list-style:none;
}

/*****************
COPYRIGHTS
*****************/
#copyrightWrapper{
	float:right;
	margin-top:5px;
	margin-right:15px;
}

#copyright{
	float:left;
	margin-top:8px;
}

#copyright li{
	color:#000;
	list-style:none;
	text-align:right;
}

/**TK Logo**/
#tkLogo span{
	display:none;
}

#tkLogo img{
	border:none;
}

#tkLogo{
	display:block;
	float:left;
	margin:3px 0px 3px 20px;
	height:30px;
	width:43px;
}


/*-----------------------------------
Main Inner Elements DON'T TOUCH
-----------------------------------*/

/*****************
INNER CONTENT
*****************/
#innerContent{
	margin:0 auto;
	float:left;
	clear:right;
	padding:5px;
	min-height:525px;
}

/**Title Background**/
#innerTitle{
	padding:5px;
	margin-bottom:15px;
	text-align:left;
}

/*****************
SITE MAP
*****************/
#contentarea-sitemap{
	min-height:460px;
}

#contentarea-sitemap a{
	display:block;	
	padding:4px;
	margin: 1px 0px;	
}

#contentarea-sitemap ul{
	list-style:none;
}

/*************************************
BUILD A CAR AND DIGITAL BROCHURES
*************************************/

.buildDigi{text-align:center;}

.buildDigi iframe{
	height:500px;
	width:760px;
	overflow:hidden;
	text-align:center;
}

/*************************************
TRADE IN VALUE
*************************************/
.tradeIn{
	text-align:center;
}

.tradeIn iframe{
	width:580px;
	height:500px;
}	

/*************************************
PII FIXES
*************************************/
/**Inventory Result**/
#mainSearchTable{
	margin: 0 auto;
}

/**Details**/
#mousemovehandler{
	/*width:959px;*/
	/*margin: 0 auto;*/
}

/**Email in Details**/
#VehicleDetailsPanel_WebPartAccordion_DealerContactInformationPlaceHolder a{
	word-wrap:break-word;
}

/**Page Numbers**/
#piitable{
	padding-left:30px;
	text-align:left;
}

#piitable ul{
	padding-right:60px;
}

.listingPager{
 	text-align:right;
 	float:right;
}
