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

body{
	color: #615e38;
}

.EasyBody{
 background: #b9b79a;
}

#mainBody{border: solid 0px #e6e4dc;}
/* 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:#587074;}
		#preferenceContainer ul li {color:#fff; }
	#preferenceContainer ul li a:link{color:#fff; text-decoration:none;}
			#preferenceContainer ul li a:visited{color:#fff; text-decoration:none;}
			#preferenceContainer ul li a:hover{color:#fff; text-decoration:underline;}
			#preferenceContainer ul li a:active{color:#fff; text-decoration:none;}	
			
#utilityNavContainer{background: url(images/bg_utilityNav.jpg) #6b8a8c repeat-x;}
			#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: #615e38;}

			#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:#D48303;}
			#topNavContainer ul li a:active{color:#fff}
			#topNavContainer ul li a.current {color:#D48303;}		
	

	/* start content area */	
	
		/*#contentNavContainer goes here in page order - nav divs detailed in next section of css */
		#contentArea{background: #e6e4dc;}
		#breadCrumbContainer{background: #d7d4bb;}
		#breadCrumbContainer ul li{color:#000;}
		#pageTools{background: #d7d4bb;}
			#pageTools ul li a:link{color:#000;}
				#pageTools ul li a:visited{color:#000;}
				#pageTools ul li a:hover{color:#000;}
			
			
		#contentContainer{background: #e6e4dc;}
			#VechicleSelectionContainer{background: #74673d; color:#ccc; }
			#VechicleSelectionContainer a:link{color:#fff; text-decoration: underline;}
			#VechicleSelectionContainer a:hover{color:#fff;  text-decoration: none; }
			
			#VechicleSelectionContainer span.UserVechicle{color:#fff;}
			#VechicleSelectionContainer span.title{color:#fff; font-weight:bold;}
			#VechicleSelectionContainer .dropdown{font-size: 10px;}
		
		#searchBarContainer{background: #d6d3ba; color:#000; }
			#searchBarContainer input#searchGo {background: url(images/searchGo.gif) no-repeat top;  color: #ccc; }
			#searchBarContainer a:link{color:#000; }
			#searchBarContainer a:visited{color:#000;}			
			#searchBarContainer a:hover{color:#000;}
			#searchBarContainer a:active{color:#000;}		
			
		#centerContentContainer{background: #e6e4dc;}
		/* 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:#fff; }
	 	#pip-tabs a.on {color:#74673e; }
	 	#pip-tabs a span.on {color:#74673e }  

    	/* End IE5-Mac hack */
    	#pip-tabs a:hover span {color:#74673e; }
    	#pip-tabs a:hover {color:#74673e;}
    	#pip-tabs a:hover span {color:#74673e; }  
		
		#tab-content {border: solid 1px #c5c0a4; background: #d6d3ba;}	
			
	/* end content area */			
	
	/* Shopping List Steps */	
		.shooping_steps LI.inactive {color: #999;}	

	
/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
	
	END FIXED NAME CONTENT BOUNDARIES
	
	|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||  */
	
	
	#leftcolumn {background:#e6e4dc;}
	#leftpanel {background: #d6d3ba; border: solid 1px #fff; border-top:0px;}
	
/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
	
	Left Menu Tabs
	
	|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||  */

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

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

#runningSummary {background:#74673e; }
#runningSummary .ShoppingListName {float:left; font-weight: bold; color:#fff;}
#runningSummary .data {color:#fff;}
#runningSummary .data a:link, #runningSummary .data a:visited {color:#fff; text-decoration: underline;}
#runningSummary .data a:hover {color:#fff; text-decoration: none;}


#runningSummary .calcultor{border-top: solid 1px #ccc;} 
#runningSummary .calcultor a:link, #runningSummary .calcultor a:visited{color: #fff;} {color: #fff;} 
#runningSummary .calcultor a:hover{color: #fff;} 
	 
		
/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
	
	START side navigation 
	
	|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||  */
		
#contentNavContainer a:link, #contentNavContainer a:visited {color:#4d4d2b;}
#contentNavContainer a:hover {color:#D48303; text-decoration: none;}

#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:#4d4d2b;}
#contentNavContainer span.selected {color: #4d4d2b;}

#contentNavContainer .OtherCategory {border-top: #4d4d2b dashed 1px !important; color:#4d4d2b;}
#contentNavContainer li.Price {color:#4d4d2b}

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

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

.UserName {color: #3a3a17;}
	
/* handles */
.dbx-handle {
	background: #74673e 0 0; 
	border:solid 1px #fff;
	color:#fff;
	}

.dbx-handle a.viewall{color:#fff; text-decoration: underline;}
.dbx-handle a.viewall:hover{color:#fff; text-decoration: none;}
.dbx-handle h3 {color:#fff}

/* 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:#d7d4bb;
	border: solid 1px #fff;
	border-top: 0px;
	}
	
.dbx-content a:link, .dbx-content a:visited {text-decoration:none; color:#4d4d2b;}
.dbx-content a:hover, .dbx-content a:focus, .dbx-content a:active {text-decoration:underline; color:#D48303;}
	
/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
	
	start bottom area
	
	|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||  */
	#bottomNavContainer ul li{color:#000;}
	#bottomNavContainer ul li a:link{color:#000; text-decoration: none;}
	#bottomNavContainer ul li a:visited{color:#000; text-decoration: none;}			
	#bottomNavContainer ul li a:hover{color:#000; text-decoration: underline;}
	#bottomNavContainer ul li a:active{color:#000; text-decoration: underline;}
	#bottomNavContainer P{}
	
	#poweredBy {color:#000;}
	#poweredBy p{color:#000;}
	#poweredBy img {vertical-align: middle;}
	#poweredBy a:link, #poweredBy a:visited, #poweredBy a:active{color:#000;}
	#poweredBy a:hover{color:#000;}	
/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
	
	end bottom area
	
	|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||  */				

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

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

h3{color: #615e38;}
h3 a:link, h3 a:visited{color:#615e38; text-decoration: none;}
h3 a:hover{color:#D48303; text-decoration: none;}

h4{color: #615e38;}
h4 a:link, h4 a:visited{color: #615e38; text-decoration: none;}
h4 a:hover{color: #D48303; text-decoration: none;}

h4.gray a:link{color:#615e38;}
h4.gray a:visited{color:#615e38;} 
h4.gray a:hover{color:#D48303;}
	
p{color: #615e38;}
hr{border:0; color:#999;  background-color: #999;}

.PartNumber {color:#615e38;}
.button {background:#615e38; color:#fff; border:1px solid #b9b79a;}
.header {font-weight: bold; background:#74673d; color:#fff;}

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

.SubTotal {background:#74673d; color:#fff;}

/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
	
	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) #807f60 no-repeat; border: solid 1px #ccc; color:#000;}
#VehicleBlock .chrysler {background: url(images/bg_vehicleSelector_jeep.jpg) no-repeat;}
#VehicleBlock .VINNumber {background: #3a3a17; color: #FFF;}
.VehicleContent .btnSubmit {background:#615e38; color:#fff; border:1px solid #b9b79a;}



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

/*  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 #615e38;}

.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:#615e38; color:#fff; border:1px solid #b9b79a;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: solid 1px #c5c0a4; background: #d6d3ba;}
.FormEditor fieldset legend {color: #615e38}

/*Recommended parts */

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

	.requiredPart {background-color: #e5e4dc;width:260px;height:auto;
		text-align:left;border:1px solid #c5c0a4;margin:0px; z-index:1000;}
		.requiredPart div.Body{padding:10px}
		.requiredPart div.Head{background:#d7d4bb; width:100%; height:25px; border-bottom:solid 1px #c5c0a4}
		.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
	{
		/*line-height: 1.2em;*/
		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;color:#615e38;}
.PopUpGrid TH {padding:0px;background-color:#74673d; color:#fff; font-size:10px; height:15px; border-top:#74673d 0px solid;text-align:left;}
.PopUpGrid TH a:link {text-decoration: none; color:#fff;}
.PopUpGridAlternateRow{background-color:#d6d3ba;}