@import "../illustrationviewer.css";
@import "../default.css";
@import "../default.changes.css";
@import "changes.brand.css";

body{
	color: #ccc;
}

.EasyBody{
 background: url(images/bg.jpg) repeat-x #0d0d0d;
}

#mainBody{border: solid 1px #000;}
/* start top area */

#logoControlContainer{ background-image: url(images/logo_easy.gif); background-repeat: no-repeat;}
#logoControlContainerDealer{ background-image: url(images/logos.gif); background-repeat: no-repeat;}
#preferenceContainer {background:#1f1d1e;}
	#preferenceContainer ul li a:link{color:#ccc; text-decoration:none;}
			#preferenceContainer ul li a:visited{color:#ccc; text-decoration:none;}
			#preferenceContainer ul li a:hover{color:#ccc; text-decoration:underline;}
			#preferenceContainer ul li a:active{color:#ccc; text-decoration:none;}	
			
#utilityNavContainer{background: url(images/bg_utilityNav.jpg) repeat-y;}
			#utilityNavContainer ul li{color:#fff;}
			#utilityNavContainer ul li a:link{color:#fff; text-decoration:none;}
			#utilityNavContainer ul li a:visited{color:#fff; text-decoration:none;}
			#utilityNavContainer ul li a:hover{color:#fff; text-decoration:underline;}
			#utilityNavContainer ul li a:active{color:#fff; text-decoration:none;}	
			
#topNavContainer{background: url(images/bg_topnav.jpg) repeat-x;}

			#topNavContainer ul li{color:#fff;}
			#topNavContainer ul li a:link{color:#fff;}
			#topNavContainer ul li a:visited{color:#fff;}			
			#topNavContainer ul li a:hover{color:#37a4e6;}
			#topNavContainer ul li a:active{color:#fff}
			#topNavContainer ul li a.current {color:#37a4e6;}		
	


	/* start content area */	
	
		/*#contentNavContainer goes here in page order - nav divs detailed in next section of css */
		#contentArea{background: #3c3c3a;}
		#breadCrumbContainer{background: #333;}
		#breadCrumbContainer ul li{color:#ccc;}
		#pageTools{background: #333;}
			#pageTools ul li a:link{color:#ccc;}
				#pageTools ul li a:visited{color:#ccc;}
				#pageTools ul li a:hover{color:#ccc;}
			
			
		#contentContainer{background: #3c3c3a;}
			#VechicleSelectionContainer{background: #181818;color:#ccc; }
			#VechicleSelectionContainer span.UserVechicle{color:#fff;}
			#VechicleSelectionContainer span.title{color:#fff; font-weight:bold;}
			#VechicleSelectionContainer .dropdown{font-size: 10px;}
		
		#searchBarContainer{background: #545353; color:#ccc; }
			#searchBarContainer input#searchGo {background: url(images/searchGo.gif) no-repeat top;  color: #ccc; }
			#searchBarContainer a:link{color:#ccc; }
			#searchBarContainer a:visited{color:#ccc;}			
			#searchBarContainer a:hover{color:#ccc;}
			#searchBarContainer a:active{color:#ccc;}		
			
		#centerContentContainer{background: #3c3c3a;}
		/* content area tabs */	
    	#pip-tabs a {background:url(images/tableft-pip.gif) no-repeat left top; }
    	#pip-tabs a span {background:url(images/tabright-pip.gif) no-repeat right top;color:#666; }
	 	#pip-tabs a.on {color:#fff }
	 	#pip-tabs a span.on {color:#fff }  

    	/* End IE5-Mac hack */
    	#pip-tabs a:hover span {color:#fff; }
    	#pip-tabs a:hover {color:#fff;}
    	#pip-tabs a:hover span {color:#fff; }  
		#tab-content {border: solid 1px #4c4c4b; background: #222220;}	
			
	/* end content area */			
	
	/* Shopping List Steps */	
		.shooping_steps LI.inactive {color: #666}	
	
/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
	
	END FIXED NAME CONTENT BOUNDARIES
	
	|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||  */
	
	
	#leftcolumn {background:#3c3c3a;}
	#leftpanel {background: #222220; border: solid 1px #4c4c4b; border-top:0px;}
	
/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
	
	Left Menu Tabs
	
	|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||  */

    #LeftMenuTabs {background:#181818;}
    #LeftMenuTabs a {background:url(images/tableft3.gif) no-repeat left top;}
    #LeftMenuTabs a span {background:url(images/tabright3.gif) no-repeat right top;color:#666; }
	
	 #LeftMenuTabs a.on {color:#fff;}
	 #LeftMenuTabs a span.on {color:#fff; }  
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    /* End IE5-Mac hack */
    #LeftMenuTabs a:hover span {color:#666; }
    #LeftMenuTabs a:hover {color:#666;}
    #LeftMenuTabs a:hover span {color:#666;}  

	/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
	
	Modifier
	
	|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||  */

#runningSummary {background:#181818; }
#runningSummary .ShoppingListName {float:left; font-weight: bold; color:#fff;}
#runningSummary .data {color:#fff;}

#runningSummary .calcultor{border-top: solid 1px #4c4c4b} 
	 
		
/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
	
	START side navigation 
	
	|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||  */
		
#contentNavContainer a:link, #contentNavContainer a:visited {color:#fe822b;}
#contentNavContainer a:hover {color:#fe822b;}

#contentNavContainer ul li a.ViewMore:link,#contentNavContainer ul li a.ViewMore:visited  {font-weight: bold;}
#contentNavContainer ul li a.current:link,#contentNavContainer ul li a.current:visited  {color:#ccc;}
#contentNavContainer span.selected {color: #ccc;}

#contentNavContainer .OtherCategory {border-top: #666 dashed 1px !important; color:#ccc;}
#contentNavContainer li.Price {color:#fe822b}

/*  2nd level pages in side navigation */
#contentNavContainer li ul li a:link, #contentNavContainer li ul li a:visited {color:#ccc;}
#contentNavContainer li ul li a:hover {color:#3399ff;}

	
/****************************************************************
  Docking Boxes core CSS: YOU MUST NOT CHANGE OR OVERRIDE THESE 
*****************************************************************/

.UserName {color: #ccc;}
	
/* handles */
.dbx-handle {
	background:url(images/handle.gif) no-repeat 0 0; 
	border:solid 1px #000;
	color:#999;
	}


/* toggle images */
a.dbx-toggle, a.dbx-toggle:visited {background:url(images/toggle.gif) no-repeat;}
	
a.dbx-toggle-open, a.dbx-toggle-open:visited {background-position:0 0;}
a.dbx-toggle-closed, a.dbx-toggle-closed:visited {background-position:0 -20px;}
a.dbx-toggle-hilite-open, a.dbx-toggle-hilite-open:visited {background-position:-20px 0;}
a.dbx-toggle-hilite-closed, a.dbx-toggle-hilite-closed:visited {background-position:-20px -20px;}	


/* inner content area */	
.dbx-content {
	background:#3c3c3a;
	border: solid 1px #000;
	border-top: 0px;
	}
	
.dbx-content a:link, .dbx-content a:visited {text-decoration:none; color:#ccc;}
.dbx-content a:hover, .dbx-content a:focus, .dbx-content a:active {text-decoration:underline; color:#fff;}
	
/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
	
	start bottom area
	
	|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||  */
	#bottomNavContainer ul li{color:#999;}
	#bottomNavContainer ul li a:link{color:#999;}
	#bottomNavContainer ul li a:visited{color:#ccc;}			
	#bottomNavContainer ul li a:hover{color:#ccc;}
	#bottomNavContainer ul li a:active{color:#999;}
	#bottomNavContainer P{}

	#poweredBy {color:#999;}
	#poweredBy p{color:#999;}
	#poweredBy img {vertical-align: middle;}
	#poweredBy a:link, #poweredBy a:visited, #poweredBy a:active{color:#999;}
	#poweredBy a:hover{color:#ccc;}
		
/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
	
	end bottom area
	
	|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||  */				

/* Text & Link Styles */
a:link{color: #37a4e6; text-decoration: none}
a:visited{color: #37a4e6; text-decoration: none}
a:hover{color: #37a4e6; text-decoration: underline}
a:active{color: #37a4e6; text-decoration: underline}

h1{color: #fff;}
	
h2{color: #fff;}
h2 a:link, h2 a:visited{color: #fff; text-decoration: none;}
h2 a:hover{color: #fff; text-decoration: underline;}

h3{color: #fff;}
h3 a:link, h3 a:visited{text-decoration: none;}

h4{color: #fff;}
h4 a:link, h4 a:visited{text-decoration: none;}
h4.gray a:link{color:#fff;}
h4.gray a:visited{color:#fff;} 
h4.gray a:hover{color:#fff;}
	
p{color: #ccc;}
hr{border:0; color:#5e5d5c;  background-color: #5e5d5c;}

.PartNumber {color:#999;}
.button {background:#202225; color:#ccc; border:1px solid #666;}
.header {font-weight: bold; background:#1e1e1d;}

.img{border: solid 1px #ccc;}	
.ShoppingTools {background:#333; border:#ccc 0px solid; border-right:0px; border-left:0px; }
.ShoppingTools a:link, .ShoppingTools a:visited{color:#ccc;  text-decoration: none;}
.ShoppingTools a:hover{color:#ccc;  text-decoration: underline;}

.SubTotal {background:#1e1e1d;}

/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
	
	block of styles specific 
	
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||  */


/* for Select A Brand*/
#BrandBlock .logo1 a:link,
#BrandBlock .logo1 a:visited{background: url(images/brand_chrysler_off.jpg) no-repeat;}
#BrandBlock .logo1 a:hover {background: url(images/brand_chrysler_on.jpg) no-repeat; }
#BrandBlock .logo1 a.current {background: url(images/brand_chrysler_on.jpg) no-repeat !important; }

#BrandBlock .logo2 a:link,
#BrandBlock .logo2 a:visited{background: url(images/brand_dodge_off.jpg) no-repeat;}
#BrandBlock .logo2 a:hover {background: url(images/brand_dodge_on.jpg) no-repeat; }
#BrandBlock .logo2 a.current {background: url(images/brand_dodge_on.jpg) no-repeat !important; }

#BrandBlock .logo3 a:link,
#BrandBlock .logo3 a:visited{background: url(images/brand_dodge_truck_off.jpg) no-repeat;}
#BrandBlock .logo3 a:hover {background: url(images/brand_dodge_truck_on.jpg) no-repeat; }
#BrandBlock .logo3 a.current {background: url(images/brand_dodge_truck_on.jpg) no-repeat !important; }

#BrandBlock .logo4 a:link,
#BrandBlock .logo4 a:visited{background: url(images/brand_jeep_off.jpg) no-repeat;}
#BrandBlock .logo4 a:hover {background: url(images/brand_jeep_on.jpg) no-repeat; }
#BrandBlock .logo4 a.current {background: url(images/brand_jeep_on.jpg) no-repeat !important; }

/* for Select  Your Vehicle Blcok*/
#VehicleBlock {background:  url(images/bg_vehicleSelector.jpg) #111111 no-repeat; border: solid 1px #666; color:#ccc;}
#VehicleBlock .chrysler {background: url(images/bg_vehicleSelector_dodge.jpg) no-repeat;}
#VehicleBlock .VINNumber {background: #191917; color: #ccc;}
.VehicleContent .btnSubmit {background:#202225; color:#ccc; border:1px solid #666;}



.TOCBlock div div img{border: solid 1px #666;}
/* for Home Page Featured Items*/
.TOCBlock div.Featured {background: #2b2b2a; border:1px solid #2b2b2a;}
.TOCBlock div.Featured h4{color:#fff;}
.TOCBlock div.Featured h4 a:link{color:#fff;}
.TOCBlock div.Featured h4 a:visited{color:#fff;} 
.TOCBlock div.Featured h4 a:hover{color:#fff;}

/*  PartList */
table.PartList {width: 100%;}
.PartList th {background: #ECEEF0; padding: 4px; text-align:left;}
.PartList td {vertical-align:top; padding: 15px; border-bottom-style:dashed; border-bottom-width: 2px;}


/*Modal Popup*/
.modalBackground {background-color:#DBE5E6;filter:alpha(opacity=70);opacity:0.7;}
.modalPopup {background-color: #FFFFFF;width:400px;height:200px;text-align:center;BORDER:solid 1px #202225}

.modalCalculator {background-color: #FFFFFF;width:250px;height:300px;
	text-align:left;border:1px solid #ccc;margin:10px}
	.modalCalculator div.Body{padding:10px}
	.modalCalculator div.Head{background:#bfc4ca; width:100%; height:25px;}
	.modalCalculator table tr.Row{height:30px}

.popupButton {background:#202225; color:#fff; border:1px solid #666;width:60px;}

/*  FindADealer */
table.FindADealer {width: 100%;}
.FindADealer th {background: #ECEEF0; padding: 1px; text-align:left;}
.FindADealer td {vertical-align:top; padding: 10px; background-color:#edeeef;}




/* for FormEditor */



.FormEditor fieldset {border:1px solid #5e5d5c;background-color:#222220;}
.FormEditor fieldset legend {color:#ccc;}

/*Recommended parts */

.RecommendedPartsBody {border: solid 1px #4c4c4b;}
.RecommendedPartsHeader {background-color:#3c3c3a;color:#fff;font-weight:bold;width:100%;font-size:11px;}


	.requiredPart {background-color: #3c3c3a;width:260px;height:auto;
		text-align:left;border:1px solid #4c4c4b;margin:0px; z-index:1000;}
		.requiredPart div.Body{padding:10px}
		.requiredPart div.Head{background:#222220; width:100%; height:25px; border-bottom:solid 1px #4c4c4b}
		.requiredPart div.Head TR{padding:4px; margin:0px; height:25px;border-bottom:solid 0px}
		.requiredPart div.Head TD{padding:0px; margin:0px;border-bottom:solid 0px}

		
		
		.requiredPart div.Body ul
	{
		list-style-type: none;
		margin: 0;
		padding: 0;
		text-align: left;
	}
	.requiredPart div.Body ul li a:link
	{
		
		text-decoration: none;
	}



.PopUpGrid {border:0px; padding:0px;width:100px;}
.PopUpGrid TR {padding:4px; margin:0px; color:#fff; text-align:left; font-size:10px;height:20px;font-size:10px;}
.PopUpGrid TD {border-bottom:none; border-top:none;height:20px;font-size:10px;padding: 0px;vertical-align:middle;}
.PopUpGrid TH {padding:0px;margin:0px;background-color:#1e1e1d; color:#fff; font-size:10px; height:15px; border-top:#1e1e1d 1px solid;text-align:left;}
.PopUpGrid TH a:link {text-decoration: none; color:#fff;}

.PopUpGridAlternateRow{background-color:#545353;}

/*	.requiredPart {background-color: #FFFFFF;width:260px;height:auto;
		text-align:left;border:1px solid #ccc;margin:0px; z-index:1000;}
		.requiredPart div.Body{padding:10px}
		.requiredPart div.Head{background:#eceef0; width:100%; height:25px; border-bottom:solid 1px #ccc}
		.requiredPart div.Head TR{padding:4px; margin:0px; height:25px;}
		.requiredPart div.Head TD{padding:0px; margin:0px;}
			

		
		.requiredPart div.Body ul
	{
		list-style-type: none;
		margin: 0;
		padding: 0;
		text-align: left;
	}
	.requiredPart div.Body ul li a:link
	{

		text-decoration: none;
	}


.PopUpGrid {border:0px; padding:0px;width:100px;}
.PopUpGrid TR {padding:4px; margin:0px; color:#000; text-align:left; font-size:10px;height:20px;font-size:10px;}
.PopUpGrid TD {border-bottom:none; border-top:none;height:20px;font-size:10px;padding: 0px;vertical-align:middle;}
.PopUpGrid TH {padding:0px; margin:0px; background-color:#eceef0; color:#000; font-size:10px; height:15px; border-top:#eceef0 1px solid;text-align:left;}
.PopUpGrid TH a:link {text-decoration: none; color:#000;}
*/