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

/*body{
	background:url(../../images/081010/bgSlice.jpg) repeat-x top left #333;
	text-align:center;
	margin:0;
	padding: 0;
	font:14px Arial;
	color:#fff;
}*/

*body {
	margin:0;
	padding: 0;
}

#container  {
	margin:0;
	padding: 0;
}

/*generic global styles */
.clear{
	clear:both;
}
.vid-ad{	
	height: 240px;
}
img{
	border:none;
}

a:link{
	text-decoration:none;
	color:#CCC;
}

a:hover{
	text-decoration:underline;
}

a:visited{
	color:#CCC;
}
.clear{
	clear:both;
}

/*end global styles */

/*#container {
	background: url(../../images/081010/contBg.png) no-repeat center top;
	margin: 0 auto;
	padding:0 17px; padding on left & right side keep all contents inside the main area and allow the overhang of the shadowed background 
	width:1032px;
}*/
#head{
	margin-top:0;
	margin-bottom:auto;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	width: 1000px;
	height: 103px;
	position:relative;	
	padding-top:5px;
	background: #212121;
	
}

#toyLogo{
	margin:0;
	padding:0;
	float:left;
	position:relative;
	left:5px;
	top:5px;
	width: 130px;	
}

#maitaInfo{
	margin:0;
	padding:0;
	float:right;
	position:relative;
	top:5px;
	right:5px;
	color:#FFF;
	width: 850px;
}

#maitaInfo h1{
	margin:0;
	padding:0;
	position:absolute;
	top:13px;
	left:5px;
}


#address {
	margin:0;
	padding:0;
	float:right;
	position:relative;
	right:0px;
	top:1px;
	font-size:15px;
	text-align:right;
}


/*start navigation styles */

/*#navbar{
	background: url(../../images/081010/navFiller.jpg) repeat-x top left;
	position:relative;
	top:5px;
	left:0;
	margin:0 auto;
	padding:0;
	width:1000px;
	height:65px;
	font-size: 14px;
	
}*/

#navbar ul{
	list-style:none;
	margin:0;
	padding:0;
	height:70px;
	
}

#navbar ul li{
	float:left;
	margin-right:0px;
	padding:0;
	text-align:center;
	
}

#navbar ul li a{
	display:block;
	line-height:59px;
	position:relative;
	color:#a6a6a6;
	font-weight:bold;
}
	

/*#navbar ul li a.home{
	background: url(../../images/081010/navBtnHome.png) no-repeat top left;
	width: 75px;
}

#navbar ul li a.new{
	background: url(../../images/081010/navBtnNew.png) no-repeat top left;
	width: 144px;
}

#navbar ul li a.used{	
	background: url(../../images/081010/navBtnUsed.png) no-repeat top left;
	width: 152px;
}

#navbar ul li a.spec{
	background: url(../../images/081010/navBtnSpecials.png) no-repeat top left;
	width: 97px;
}

#navbar ul li a.fin{
	background: url(../../images/081010/navBtnFinance.png) no-repeat top left;
	width: 88px;
}

#navbar ul li a.prt{
	background: url(../../images/081010/navBtnParts.png) no-repeat top left;
	width: 69px;
}

#navbar ul li a.serv{
	background: url(../../images/081010/navBtnService.png) no-repeat top left;
	width: 87px;
}

#navbar ul li a.about{
	background: url(../../images/081010/navBtnAbout.png) no-repeat top left;
	width: 103px;
}

#navbar ul li a.collision{
	background: url(../../images/081010/navBtnCollision.png) no-repeat top left;
	width: 185px;
}*/

#navbar ul li a:hover{
	background-position: 0px -60px;
	color:#CCCCCC;
}

/*end navigation styles */

#mainInnerHolder{
	width:1000px;
	min-height:620px;
	margin:0 auto;
	padding-top: 7px;
	position: relative;
	top: -19px;
	left:0;
	text-align:center;
	background: #222121;
}

#indexHolder{
	width:1000px;
	margin:0;
	padding:0;
	position:relative; 
	padding-top:7px;
	text-align:center;
}

#panels{
	width: 1000px;
	margin: 0;
	padding:0;
	height: 300px;
	position:relative;
	top: -5px;
}

/*panel styles */
.menuWrapper{
    font-size: 16px;
    line-height: 1.45em;
    position:relative;
	top: -5px;
    margin:0px auto;
    height:300px;
    width:996px;
    background-position:0 0;
    background-repeat:no-repeat;
    background-color:transparent;
}
ul.menu{
    list-style:none;
    width:996px; 
	margin:0px;
	padding:0px;
}
ul.menu > li{
    float:left;
    width:248px;
    height:300px;
    border-right:1px solid #777;
    background-repeat:no-repeat;
    background-color:transparent;
}
ul.menu > li.last{
    border:none;
}
.bg1{
	background-image: url(../../images/081010/homeCars.jpg);
	/*background-image: url(../../images/081010/homeTruckSale.jpg);*/
}
.bg2{
	background-image: url(../../images/081010/truck_special_generic.jpg); /*truck_special.jpg*/
	/*background-image: url(../../images/081010/homeTrucks.jpg);*/
    
}
.bg3{
	background-image: url(../../images/081010/suv_special_generic.jpg); /*suv_special.jpg*/
    /*background-image: url(../../images/081010/homeSuvs.jpg);*/
}
.bg4{
    /*background-image: url(../../images/081010/homeCert.jpg);*/
	background-image: url(../../images/081010/mt_certified2_generic.jpg);
}
ul.menu > li > a{
    float:left;
    width:249px;
    height:50px;
    margin-top:230px;
	padding:0;
    text-align:center;
    line-height:40px;
    color:#ddd;
    background: url(../../images/081010/homeBarBg.png) repeat-x;
    letter-spacing:1px;
    cursor:pointer;
    text-decoration:none;
}
ul.menu > li ul{
    list-style:none;
    float:left;
    margin-top:-200px;
    height:150px;
    padding-top:20px;
    background-repeat:no-repeat;
    background-color:transparent;
}
ul.menu > li ul li{
    display:none;background-image: url(../../images/081010/panelSubBg.png);
	width:200px;
}
/*ul.menu > li ul.sub1{
	background-image: url(../../images/081010/bg2sub.png);
}
ul.menu > li ul.sub2{
	background-image: url(../../images/081010/bg2sub.png);
}
ul.menu > li ul.sub3{
	background-image: url(../../images/081010/bg2sub.png);
}
ul.menu > li ul.sub4{
	background-image: url(../../images/081010/bg2sub.png);
}*/

ul.menu > li ul li a{
    color:#000;
    text-decoration:none;
    line-height:30px;
    margin-left:2px;
    font-size:12px;
	font-weight:bold;
}
ul.menu > li ul.sub1 li{
    display:block;
}
ul.menu > li ul.sub1 li a:hover{
    display:block;
	background-color:#e5e5e5;
	color:#990000;
	text-decoration:underline;
}
ul.menu > li ul.sub2 li a:hover{
    display:block;
	background-color:#e5e5e5;
	color:#990000;
	text-decoration:underline;
}
ul.menu > li ul.sub3 li a:hover{
    display:block;
	background-color:#e5e5e5;
	color:#990000;
	text-decoration:underline;
}
ul.menu > li ul.sub4 li a:hover{
    display:block;
	background-color:#e5e5e5;
	color:#990000;
	text-decoration:underline;
}
ul.menu > li ul li a:hover{
    border-bottom:1px dotted #999;
}

/*end panel styles */

/* carousel styles */
#slideBar {
	width: 1000px;
	background:url(../../images/081010/barBg.png) no-repeat left bottom;
	height:160px;
	padding: 0;
	margin: 0;
	text-align:left;
	overflow:hidden;
	position:relative;
	top:0px;
	
}

#slideBar #radio{
	position:relative;
	right: 5px;
	float:right;
	margin:0;
	top: 2px;
	font-size:10px;
	}


#slideBar h1{
	color: #CCC;
	font-size:18px;
	padding:0;
	text-align:left;
	margin: 0;
	position:absolute;
	top: 0px;
	left: 5px;
	font-weight:normal;
	
}


#barContent{
	width: 930px; /* Defines the size of the visible part of the carousel
		Attention : if you only want to see plain items in the viewport,
		the width of the viewport should take into account of :
		- the items width
		- the right and left padding of items
		- the number of items you want to see in the viewport
	 */
	 height:105px;
	 position:absolute;
	 top: 35px;
	 left: 35px;
	 overflow:hidden; /* Hides extra elements, those outside the viewport area */
}
#barContent ul{
	position: relative; /* Enables positionning of elements inside viewport */
	padding: 0;
	margin:0;/* Resets default - User Agent - style */
}

#barContent li{
	/*width: 100px;  Defines the size of inner element */
	
	float: left; /* Places list items side by side*/
	list-style: none; /* Resets default - User Agent - style */
	
	/* Cosmetic */
	margin: 0px;
	padding: 0px;
	text-align:center;
	border:none;
}

#barContent li img{
	margin:0;
	padding:0;
	border:none;
}

#sliderBloc {
	height:100px;
	margin:0;
	width:1000px;
	overflow:hidden;
}
#barBloc a#previous
{
	float:left;
	text-indent:-9999px;
	cursor:pointer;
	width:32px;
	height:29px;
	margin:0;
	position:absolute;
	left: 0px;
	top: 70px;
	background-image: url(../../images/081010/barArrowLeft.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#barBloc a#next {
	float:right;
	text-indent:-9999px;
	cursor:pointer;
	width:32px;
	height:29px;
	margin:0;
	position:absolute;
	left: 968px;
	top: 70px;
	background-image: url(../../images/081010/barArrowRight.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.marginBlock{
	margin-left:8px;
	margin-right:8px;
}


/*end carousel styles */

#btmContainer{
	width:1000px;
	margin:0;
	padding:0;
	position:relative;
	/*height:260px;*/
}

#maita_ad{
	margin:0 auto;
	padding:0;
	padding-top:40px;
}

#contactLinks{
	float:left;
	position:relative;
	top:0;
	width:580px;
	text-align:left;
}

#contactLinks h1{ 
	margin:0 0 0 5px;
	padding:0;
	font-size:18px;
	color: #CCC;
	font-weight:normal;
}
#socialLinks{
	position:relative;
	top:5px;	
	margin:0;
	padding:0;
	height: 90px;
}
.facebook{
	position:absolute;
	top:2px;
	left: 10px;
}

.twitter{
	position:absolute;
	top: 2px;
	left: 320px;
}

.blog{
	position:absolute;
	top: 60px;
	left: 10px;
}

.youTube{
	position:absolute;
	top: 60px;
	left:320px;
}

#homeTxt{
	color: #999;
	font-size:12px;
	position:relative;
	top:25px;
	left:10px;
	width:580px;
	text-align:left;
}

#btmDiv{
	position: relative;
	top: 0px;
	left:10px;
	width:13px;
	margin:0 20px;
	padding:0;
	float:left;
}

#srchBox{
	float:right;
	position:relative;
	right:20px;
	top:0;
	width:325px;
	text-align:left;
	margin:0;
	padding:0;
}

#srchBox h1{
	margin:0 0 10px 0;
	padding:0;
	font-size:18px;
	color: #CCC;
	font-weight:normal;
}
.fltLeft{
	float:left;
	position:relative;
	left:3px;
}

#footer{
	margin:0 auto;
	padding:15px 0 0 0;
	position:relative;
	top:10px;
	border:none;
	text-align:center;
	color:#CCC;
	height:58px;
	width:1000px;
	background: #222121;
}

/*home search box */
/*styles for homeSearch form */

#homeSearch {
	margin:0px;
	border:none;
	text-align:center;
	position:relative;
	left:-20px;
	padding:0px;
}

#homeSearch fieldset {
	border:none;
	margin:0px;
	padding:0px;

}


#homeSearch li{
	text-align: center;
	font-size: 12px;
	font-weight:bold;
	color: #999;
	height: 32px;
	width:265px;
	list-style-type: none;
	margin: 1px 0px;
	padding: 3px 0 3px 0;
	background: url(../../images/081010/srchFrmBg.png) no-repeat center top;

		
}

ul #year{
	width:250px;
	text-align:left;
}
	
#year li{
	display: inline;
	list-style:none;
	margin-right: 30px;
	margin-left:0px;
	background:none;

}

#widey {
	width:80px;
	margin:0;
	padding:0;
}

#wider1{
	width:180px;
	height:20px;
	margin:0;
	padding:0;
	text-transform: capitalize;
}

#wider2{
	width: 180px;
	height:20px;
	margin:0;
	margin:0;
	padding:0;
	text-transform: capitalize;
}

/*quick link styles*/
#qkLinks{
	margin:0 10px; padding:0; width: 268px;
	text-align:left;
}

#qkLinks ul{
	list-style:none;
}

#qkLinks ul li {
	background: url(../images/081010/qkBg.png) no-repeat; display:block; line-height:45px; width:256px; margin:2px 0; text-align:center
}

#qkLinks ul li a{
	color:#a50101; font-weight:bold; font-size:16px;
}

#qkLinks ul li a:hover{
	color:#000;
}

#specialCont{
	margin:0 auto;
	text-align:left;
	padding:0 10px;
	width:960px;
}

.sprice{
	font-size:24px;
	font-weight:bold;
	color:#F00;
	text-align:center;
}

.equation{
	font-size:12px;
	color:#999;
}

/*vehicle special styles*/

.vsItem {
	position: relative;
	margin: 0 auto;
	width: 800px;
	padding: 10px;}

.vsHeader {
	text-align: center;
	font-size: 60px;
	font-weight: 700;
	color: #1f88a7;
	padding-bottom: 10px;}

.vsModel {
	text-align: center;
	font-size: 36px;
	padding-bottom: 18px;}

.vsCost {
	text-align: center;
	font-size:90px;
	color: #ff0033;}
	
.vsleft {
	position: relative;
	float: left;
	width: 400px;}
	
.vsAPR {	
	text-align: center;
	font-size:25px;
	color: #ffffff;}
	
.vsImage {
	width: 400px;
	height: 200px;
	position: relative;}
	  
.vsStock {
	width: 800px;
	position: relative;
	margin: 0 auto;
	text-align: center;
	font-size:15px;
	color: #ffffff;
}	  
	  
.vsDisc {
	width: 800px;
	position: relative;
	margin: 0 auto;
	font-size: 10px;}
		   
.vsPrice {
	position: relative;
	float: right;
	width: 400px; 
	text-align: center;
	height: 200px;
	font-size: 16px}
	
.vsSep {
	color: #ff6633;
	font-size: 28px}
		  
.clear {clear: both;}