/* Generic Definitions */

BODY
{
	font-family: helvetica, arial, lucida, sans-serif;
	font-size: 8pt;
	color: #555555;
	SCROLLBAR-BASE-COLOR: #5A6B6F;
	SCROLLBAR-ARROW-COLOR: #DBE7EA;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	text-align: left;
}





TD,P,LI,DIV {
	font-family: arial, helvetica, lucida, sans-serif;
	font-size: 8pt;
	color: #555555;
	text-align: left;
	SCROLLBAR-BASE-COLOR: #5A6B6F;
	SCROLLBAR-ARROW-COLOR: #DBE7EA;
}






h1
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: arial, helvetica, lucida, sans-serif;
	font-size: 14pt;
    font-weight: bold;
	color: #556466;
}



h2
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: arial, helvetica, lucida, sans-serif;
	font-size: 9pt;
    font-weight: bold;
	zcolor: #168DE0;
	color: #000000;
}






h3 {margin: 0px; padding: 0px; color: #205A6C; font-size: 13px;}




/* Main Chrysler chryslerNavigation */


	
	
	

#chryslerNav ul{
	list-style: none;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 776px;
		height: 60px;
		background: url('../images/chrysler-header.gif');
}

#chryslerNav ul li{
	list-style: none;
	margin: 0px 0px 0px 120px;
}

#chryslerNav ul li a {
	float: left;
	display: block;
	background: url(../images/nav_off.gif) left center no-repeat transparent;
	text-decoration: none;
	font-weight: bold;
	margin: 0;
	height: 14px;
	padding: 4px 0px 2px 23px;
}

#chryslerNav ul li a.sel{
	display: block;
	background: url(../images/nav_on.gif) left center no-repeat transparent;
	text-decoration: none;
	margin: 0;
	height: 14px;
	padding: 4px 0px 2px 23px;
}





	
	

	
	
	

	


/* Chrysler chryslerSubnavigation */
	
	
	

#chryslerSubnav ul{
	list-style: none;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 776px;
		height: 20px;
		background-color: #556466;
		border-top: 1px solid black;
		border-bottom: 1px solid black;
}

#chryslerSubnav ul li{
	list-style: none;
	margin: 0px 10px 0px 0px;
}

#chryslerSubnav ul li a {
		color: #ffffff;
	font-weight: bold;
	float: left;
	display: block;
	background: url(../images/chryslersubnav_off.gif) left center no-repeat transparent;
	text-decoration: none;
	margin: 0;
	height: 14px;
	padding: 4px 0px 2px 23px;
}

#chryslerSubnav ul li a.sel{
	display: block;
	background: url(../images/chryslersubnav_on.gif) left center no-repeat transparent;
	text-decoration: none;
	margin: 0;
	height: 14px;
	padding: 4px 0px 2px 23px;
}
















   
.blueheader {
	font-size: 7pt;
    font-weight: bold;
    background: url('../images/smallhead1.gif') no-repeat #ff0000;
    color: #eeeeee;
    text-align: left;
    display: block;
    padding: 4px 0px 0px 25px;
    height: 14px;
}
   



.cella				{ background: #D6D5D3; color: #3F3C29; padding: 5px 10px 0px 10px; height: 20px; }
.cellb				{ background: #212123; color: #8D8F95; padding: 5px 10px 0px 10px; height: 20px; }










/* End */




#subnav
{
	margin: 0px;
	padding: 0px;	
}

#subnav ul
{
	padding: 0px;
	margin: 0px;	
}


#subnav ul li {
	list-style: none;
	float: left;	
	margin: 0px;
	padding: 0px;
}

#subnav ul li a{
	text-align: center;
    font-weight: bold;
 	display: block;	 
	height: 16px;
	margin: 0px;
	padding: 6px 7px 2px 7px;	
 	border-left: solid 1px #ffffff;
 	border-right: solid 1px #587789;
 	color: #35414E;
 	text-decoration: none;
	background-image: url("/chrysler/images/toptab_off.gif");
}


#subnav ul li a:hover{
	margin: 0;
 	border-left: solid 1px #ffffff;
 	border-right: solid 1px #587789;
 	text-decoration: none; 	
 	color: #ffffff;
	background-image: url("/chrysler/images/toptab_on.gif");
}


#subnav ul li a.sel{
	margin: 0;
 	border-left: solid 1px #ffffff;
 	border-right: solid 1px #587789;
 	text-decoration: none; 	
 	color: #ffffff;
	background-image: url("/chrysler/images/toptab_on.gif");
}

#subnav1 {
	width: 90px;
}


#subnav2 {
	width: 80px;
}



#subnav3 {
	width: 80px;
}



#liFinanceCalculator {
	width: 130px;
}



#subnav5 {
	width: 140px;
}





/* Model page car subnav */

#shotnav
{
	margin: 8px 0px 0px 0px;
	padding: 0px;	
}

#shotnav ul
{
	padding: 0px;
	margin: 0px;	
}


#shotnav ul li {
	list-style: none;
	float: left;
	padding: 0px;
	margin: 0px;		
}

#shotnav ul li a{
    	font-weight: bold;
   	text-align: left;
 	display: block;
 	width: 76px;	 
	height: 17px;
	margin: 0px 1px 0px 0px;
	padding: 9px 0px 0px 24px;	
 	color: #35414E;
 	text-decoration: none;
	background-image: url("/chrysler/images/tab_off.gif");
}

#shotnav ul li a:hover{
	margin: 0px 1px 0px 0px;
 	text-decoration: none; 	
 	color: #ffffff;
	background-image: url("/chrysler/images/tab_on.gif");
}

#shotnav ul li a.sel{
	margin: 0px 1px 0px 0px;
 	text-decoration: none; 	
 	color: #ffffff;
	background-image: url("/chrysler/images/tab_on.gif");
}









#contextnav ul{
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#contextnav ul li{
	list-style: none;
	width: 191px;
}

#contextnav ul li a {
	display: block;
	background: url(../images/contextnav_off.gif) left center no-repeat transparent;
	text-decoration: none;
	font-weight: bold;
	height: 14px;
	padding: 4px 0px 2px 23px;
}

#contextnav ul li a.sel{
	display: block;
	background: url(../images/contextnav_on.gif) left center no-repeat transparent;
	text-decoration: none;
	margin: 0;
	height: 14px;
	padding: 4px 0px 2px 23px;
}







#contextnav2 ul{
	list-style: none;
	margin: 0px 0px 2px 35px;
	color: #444444;
	padding: 0;
    font-weight: bold;
}

#contextnav2 ul li{
	list-style: none;
	margin: 0px 0px 2px 0px;
	color: #444444;
	padding: 0;
	width: 180px;
    font-weight: bold;
}

#contextnav2 ul li a {
	display: block;
	background: url(../images/contextbg2_off.gif) left center no-repeat transparent;
	text-decoration: none;
	margin: 0;
	height: 14px;
	padding: 4px 0px 2px 23px;
	color: #444444;
    font-weight: bold;
}

#contextnav2 ul li a:hover{
	display: block;
	background: url(../images/contextbg2_on.gif) left center no-repeat transparent;
	text-decoration: none;
	margin: 0;
	height: 14px;
	padding: 4px 0px 2px 23px;
	color: #444444;
    font-weight: bold;
}









#pagenav ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#pagenav ul li{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#pagenav ul li a {
	padding: 3px 0px 0px 35px;
	margin: 0px 0px 1px 0px;
	background: url(../images/context.gif);
	text-decoration: none;
	width: 156px;
	height: 14px;
	display: block;
    font-weight: bold;
}

#pagenav ul li a:hover{
	background: url(../images/context-over.gif);
}


#pagenav ul li a.sel{
	background: url(../images/context-selected.gif);
}




/* Headers and text styles */

.boxheader {
	padding: 5px 0px 5px 10px;;
	margin: 0px 0px 0px 0px;
	background: #083B57;
	background-color: #083B57;
	font-weight : bold;
	color : #E3E3D9;
}




.carheader {
	background: #226594;
	color: #ffffff;
	padding: 3px;
	margin: 0px;
    font-weight: bold;
    width: 195px;
}


.paintSelected {
	border: 2px solid red;
	width: 23px;
	height: 23px;
	padding: 0px;
	margin: 0px;
}


.trimSelected {
	border: 2px solid red;
	width: 23px;
	height: 23px;
	padding: 0px;
	margin: 0px;
}



.inlinehead { 
	background: #083B57; background-color: #083B57; font-weight : bold; color : #E3E3D9;
}

.inlinebox
{
	border: 1px solid #222222;
	background-color: #ffffff;
	background: url(../images/inlinebg.gif);
}




.myhr {
	padding: 0px 0px 0px 0px;
 	margin: 0px 0px 10px 0px;
	border-bottom: 1px dotted #999999;
	height: 1px;

}




#technav ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

#technav ul li{
	list-style: none;
	margin: 0;
	padding: 0;
	width: 210px;
}

#technav li a{
	display: block;
	background: url(../images/go2.gif) #e4e8ef right center no-repeat;
	text-decoration: none;
	margin: 0;
	height: 14px;	
	padding: 8px 0px 8px 10px;
	border-bottom: 1px solid #d8d8d8;
	border-top: 1px solid white;
}

#technav li a:hover{
	display: block;
	background: url(../images/go2_on.gif) #f4f8ff right center no-repeat;
	text-decoration: none;
	margin: 0;
	height: 14px;
	padding: 8px 0px 8px 10px;
	border-bottom: 1px solid #d8d8d8;
	border-top: 1px solid white;	
}






.whiteheader
{
	font-family: arial, helvetica, lucida, sans-serif;
	font-size: 12pt;
    font-weight: bold;
	color: #FFFFFF;
}

.header2
{
	font-family: arial, helvetica, lucida, sans-serif;
	font-size: 10pt;
    font-weight: bold;
	color: #FFFFFF;
}

.header3
{
	font-family: arial, helvetica, lucida, sans-serif;
	font-size: 12pt;
    font-weight: bold;
	color: #205A6C;
}

.header4
{
	font-family: arial, helvetica, lucida, sans-serif;
	font-size: 12pt;
    font-weight: bold;
	color: #103642;
}

.header5
{
	font-family: arial, helvetica, lucida, sans-serif;
	font-size: 10pt;
    font-weight: bold;
	color: #111111;
}



.price1
{
	font-family: arial, helvetica, lucida, sans-serif;
	font-size: 12pt;
    font-weight: bold;
	color: #205A6C;
}

.price2
{
	font-family: arial, helvetica, lucida, sans-serif;
	font-size: 10pt;
    font-weight: bold;
	color: #4E6C76;
}


.white
{
	font-family: arial, helvetica, lucida, sans-serif;
	font-size: 9pt;
	color: #FFFFFF;
}


.colour
{
	font-family: arial, helvetica, lucida, sans-serif;
	font-size: 12pt;
    font-weight: bold;
	color: #333333;
}

.bodytextbold
{
	font-family: arial, helvetica, lucida, sans-serif;
	font-size: 9pt;
    font-weight: bold;
	color: #71634B;
}


.formel
{
	font-family: arial, helvetica, lucida, sans-serif;
	font-size: 8pt;
	color: #333333;
	width: 130;
	height: 16;
}


.popup
{
font-family: arial, helvetica, lucida, sans-serif;
	font-size: 8pt;
	color: #DBE7EA;
	background-color: #5A6B6F;
	background: #5A6B6F;
}

.first
{
        font-size: 12pt;
       
}

.sbutton
{
	font-family: arial, helvetica, lucida, sans-serif;
	font-size: 8pt;
        font-weight: bold;
		background-color: #5A6B6F;
		background: #5A6B6F;
        color: #DBE7EA;
}



.smalltext
{
        font-size: 7pt;
        font-family: arial, helvetica, lucida, sans-serif;
        color: #333333;
}


.white
{
        font-size: 8pt;
        font-family: arial, helvetica, lucida, sans-serif;
        color: #FFFFFF;
}

.grey
{
        font-size: 8pt;
        font-family: arial, helvetica, lucida, sans-serif;
        color: #BBBBBB;
}
.smallgrey
{
        font-size: 8pt;
        font-family: arial, helvetica, lucida, sans-serif;
        color: #222222;
        font-weight: bold;
}
.darkgrey
{
        font-size: 10pt;
        font-weight: bold;
        font-family: arial, helvetica, lucida, sans-serif;
        color: #222222;
}

.tre				{ background: #F7FBFC; background-color: #F7FBFC; }
.tro				{ background: #FFFFFF; background-color: #FFFFFF; }
.trh				{ background: #083B57; background-color: #083B57; font-weight : bold; color : #E3E3D9; }




.tdo				{ background-color: #D6DDEB; }
.tdo2				{ background: #DBDEE7; background-color: #DBDEE7; }
.tde				{ background-color: #EBEEF5; }
.tde2				{ background: url(../images/tde2.gif) #EAEAEA left bottom no-repeat; height: 20px; color: #3F3C29; padding: 5px 5px 5px 8px;}




.subheading				{ padding: 4px 0px 0px 6px; background: #abb7c5; background-color: #abb7c5; height: 20px; font-size: 8pt; color : #222222; font-weight: bold; text-transform: uppercase; }








TD.norepeat { background-repeat: no-repeat;
}

TD.norepeaty { background-repeat: repeat-x;
}




/* link elements */
  
A:link  
	{
        color : #396176;
 	}
   
A:visited
	{
        color : #083B57;
    }
   
A:active
	{
        color : #CCCCCC;
	}
   
A:hover
	{
        color : #4789AE;
        text-decoration : underline;
   }
   
A:link.deriv
	{
        font-weight: bold;
        color : #32496B;
        text-decoration : none;
 	}
   
A:visited.deriv
	{
        font-weight: bold;
        color : #32496B;
        text-decoration : none;
    }
   
A:active.deriv
	{
        font-weight: bold;
        color : #32496B;
        text-decoration : none;
	}
   
A:hover.deriv
	{
        font-weight: bold;
        color : #708DB8;
        text-decoration : none;
   }
   
   
A:link.whitelink
	{
        font-weight: bold;
        color : #FFFFFF;
        text-decoration : underline;
 	}
   
A:visited.whitelink  
	{
        font-weight: bold;
        color : #FFFFFF;
        text-decoration : underline;
    }
   
A:active.whitelink  
	{
        font-weight: bold;
        color : #FFFFFF;
        text-decoration : underline;
	}
   
A:hover.whitelink  
	{
        font-weight: bold;
        color : #FFFFFF;
        text-decoration : underline;
   }


A:link.whitelink2
	{
        font-weight: bold;
        color : #999999;
        text-decoration : none;
 	}
   
A:visited.whitelink2
	{
        font-weight: bold;
        color : #999999;
        text-decoration : none;
    }
   
A:active.whitelink2  
	{
        font-weight: bold;
        color : #cccccc;
        text-decoration : none;
	}
   
A:hover.whitelink2  
	{
        font-weight: bold;
        color : #FFFFFF;
        text-decoration : none;
   }




A:link.greylink
	{
        font-weight: bold;
        color : #A52310;
        text-decoration : none;
 	}
   
A:visited.greylink
	{
        font-weight: bold;
        color : #A52310;
        text-decoration : none;
    }
   
A:active.greylink
	{
        font-weight: bold;
        color : #A52310;
        text-decoration : none;
	}
   
A:hover.greylink
	{
        text-decoration : bold;
        color : #EEEEEE;
        text-decoration : underline;
   }


/* ----------------- Startech styles ---------------------------- */




#startech_nav ul{
	margin: 0;
	padding: 0;
	float: right;
	height: 40px;
	margin: 0px 5px 0px 0px;
}

#startech_nav ul li{
	float: left;
	margin: 9px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}


#startech_nav ul li a{
	display: block;
    color: #14181D;
    font-weight: bold;
    text-align: center;
	text-decoration: none;
	background: url(../images/startech_tab_off.jpg);
	padding: 20px 0px 0px 13px;
	height: 20px;
	width: 89px;
}



 



#startech_nav ul li a.sel{
	background: url(../images/startech_tab_on.jpg);
}





.startech_product {
	text-align: left;
	background: url(../images/startech_off.gif);
	padding: 1px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 45px;
}


.startech_product_sel {
	text-align: left;
	background: url(../images/startech_on.gif);
	padding: 1px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 45px;
}





.startech_picheader {
    text-align: center;
    color: #ffffff;
	background: #33444E;
	padding: 10px 10px 10px 10px;
}


.startech_border {
	background: #33444E;
	padding: 10px 10px 10px 10px;
}


.startech_header
{
	text-align: left;
	font-family: arial, helvetica, lucida, sans-serif;
	font-size: 12pt;
    font-weight: bold;
	color: #FFFFFF;
}

.startech_header2
{
	text-align: left;
	font-family: arial, helvetica, lucida, sans-serif;
	font-size: 9pt;
    font-weight: bold;
	color: #aaaaaa;
}

.startech_text
{
	text-align: left;
	font-family: arial, helvetica, lucida, sans-serif;
	font-size: 8pt;
	color: #aaaaaa;
}
