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

.EasyBody{
 background-color:#dbe5e6;
}
/* 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:#bfc4ca;}
	#preferenceContainer ul li a:link{color:#333; text-decoration:none;}
			#preferenceContainer ul li a:visited{color:#333; text-decoration:none;}
			#preferenceContainer ul li a:hover{color:#333; text-decoration:underline;}
			#preferenceContainer ul li a:active{color:#333; 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:#eff4f7;}
			#topNavContainer ul li a:link{color:#eff4f7;}
			#topNavContainer ul li a:visited{color:#eff4f7;}			
			#topNavContainer ul li a:hover{color:#1e2b34;}
			#topNavContainer ul li a:active{color:#eff4f7}
			#topNavContainer ul li a.current {color:#1e2b34;}		
	


	/* start content area */	
	
		/*#contentNavContainer goes here in page order - nav divs detailed in next section of css */
		#contentArea{background: #fff;}
		#breadCrumbContainer{background: #e8ecef;}
		#pageTools{background: #e8ecef;}
			#pageTools ul li a:link{color:#333;}
				#pageTools ul li a:visited{color:#333;}
				#pageTools ul li a:hover{color:#333;}
			
			
		#contentContainer{background: #fff;}
			#VechicleSelectionContainer{background: #56646f;color:#fff; }
			#VechicleSelectionContainer span.UserVechicle{color:#fff;}
			#VechicleSelectionContainer span.title{color:#fff; font-weight:bold;}
			#VechicleSelectionContainer .dropdown{font-size: 10px;}
		
		#searchBarContainer{background: #eceef0; }
			#searchBarContainer .SearchButton {background: url(images/searchGo.gif) no-repeat top;  color: #fff; }
			#searchBarContainer a:link{color:#333; }
			#searchBarContainer a:visited{color:#333;}			
			#searchBarContainer a:hover{color:#333;}
			#searchBarContainer a:active{color:#333;}		
			
		#centerContentContainer{background: #fff;}
		/* 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 #a4b0b6;}	
		#tab-content_dealer {border: solid 1px #a4b0b6;}
			
	/* end content area */			
	
/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
	
	END FIXED NAME CONTENT BOUNDARIES
	
	|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||  */
	
	
	#leftcolumn {background:#fff;}
	#leftpanel {background: #eceef0; border: solid 1px #ccc; border-top:0px;}
	
/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
	
	Left Menu Tabs
	
	|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||  */

    #LeftMenuTabs {background:#56646f;}
    #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:#333;}
	 #LeftMenuTabs a span.on {color:#333; }  
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    /* End IE5-Mac hack */
    #LeftMenuTabs a:hover span {color:#666; }
    #LeftMenuTabs a:hover {color:#333;}
    #LeftMenuTabs a:hover span {color:#333;}  

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

#runningSummary {background:#dbe0e3; }
#runningSummary .ShoppingListName a{float:left; font-weight: bold;}
#runningSummary .calcultor{border-top: solid 1px #ccc;} 
	 
		
/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
	
	START side navigation 
	
	|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||  */
		
#contentNavContainer a:link, #contentNavContainer a:visited {color:#666;}
#contentNavContainer a:hover {color:#666;}

#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:#333;}

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

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

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

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


/* 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:#fff;
	border: solid 1px #ccc;
	border-top: 0px;
	}
	
/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
	
	start bottom area
	
	|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||  */
	#bottomNavContainer ul li{color:#666666;}
	#bottomNavContainer ul li a:link{color:#666666;}
	#bottomNavContainer ul li a:visited{color:#666666;}			
	#bottomNavContainer ul li a:hover{color:#000;}
	#bottomNavContainer ul li a:active{color:#666666;}
	#bottomNavContainer P{}

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

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

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

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

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

.PartNumber {color:#999;}
.button {background:#56646f; color:#fff; border:1px solid #ccc;}
.header {font-weight: bold; background:#eceef0;}

.img{border: solid 1px #ccc;}
.SubTotal {background:#eceef0;}

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



/* for Select  Your Vehicle Blcok*/
#VehicleBlock {background:  url(images/bg_vehicleSelector.jpg) #c6cfd6 no-repeat;}
#VehicleBlock .chrysler {background: url(images/bg_vehicleSelector_chrylser.jpg) no-repeat;}
#VehicleBlock .VINNumber {background: #56646f; color: #fff;}
.VehicleContent .btnSubmit {background:#56646f; color:#fff; border:1px solid #ccc;}



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

/*  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 #56646f;}

.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:#56646f; color:#fff; border:1px solid #ccc;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;}


/*Recommended parts */

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



	.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
	{
		/*line-height: 1.2em;*/
		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;}

.PopUpGridAlternateRow{background-color:#E0E0E0;}




/*tarun*/
.IllustrationViewer_ColorCode
{
    background-color: #fff;
}
/*end tarun*/