/* ============================
CSS for Diplo.NEXT - Global Styles
================================*/
img {
    border: 0;
}
body{
	font-family: Arial,sans-serif;
	margin: 5px 0 0 0; 
	padding: 0px;
    font-size: .86em;
	background: #cccccc ;
}
hr.clear { 
	margin: 0px;
	padding: 0;
	clear: both;  
	visibility: hidden; 
}
a:link{
	color: #333;
	text-decoration: underline;
}
a:visited{
	color: #333;
	text-decoration: underline;
}
a:hover{
	color: #333;
	text-decoration: none;
}
a#corner {
    background:transparent url(/images/mazda_new_1.gif) no-repeat scroll right top !important;
    display:block;
    height:35px;
    position:relative;
    right:0pt;
    text-decoration:none;
    top:0pt;
}

/*--------------# Layout Divs -----------------*/
div#container {
	margin: 0 auto;
	width: 975px;
	background: #ffffff;
	border: 1px solid gray;
}

/* -----------#nav main navigation bar ----------- */
div#navigation {
	background: #000;
	display: block;
	border-bottom: 1px solid #ffffff;
	height: 25px !important;
	height: 20px ;
	width: 795px;
	padding-left: 180px;
	clear: both;
	font-size: 14px;
	font-weight: bold;
}
#nav, #nav ul {
	float: left;
	width: 100%;
	list-style: none;
	background: transparent;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
#nav a {
	display: block;
	width: 100px;
	color: #FCC419;
	text-decoration: none;
	padding: 0.33em .55em;
}

#nav a:hover {
	display: block;
	width: Auto;
	color: #FFF;
	text-decoration: none;
	padding: 0.33em .55em;
}

#nav a.wide {
	display: block;
	width: 180px;
	color: #ffffff;
	text-decoration: none;
	padding: 0.33em .55em;
}
#nav a.parent{
	background: url(../../images/single_arrow_1.png) center right no-repeat;
}
#nav li {
	float: left;
	padding: 0;
	width: 125px;
	margin-bottom : -.76px;
}

#nav li.wide {
	float: left;
	padding: 0;
	width: 160px;
	margin-bottom : -.76px;
}
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 165px;
	font-weight: normal;
	margin: 0;
	background: #FCC419;
    border: 1px solid #000;

}
#nav li li {
	width: 165px;
	border-bottom: 1px solid #000;

}
#nav li ul a {
    width: auto;
    color: #000;
    
}
#nav li ul li a:hover {
    background-color: black;
    color: white;
 
}
#nav li ul ul {
	margin: -1.75em 0 0 11.6em;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

/* -----------	#menu   ------------------------ */
div#menu {
    background: transparent url(../../images/bkg_grad_menu.jpg) 0 0 repeat-x ;
    width: 180px;
    height: 500px;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 30px;

}
div#livechat {
    text-align: center;
	width: 180px;
	float: left;
	margin-top: 6px;
	padding-bottom: 6px;
	border-bottom: 1px solid #000;
}
div#login {
    margin-top: 25px !important;
      margin-top: 25px;
}
#leftnav, #leftnav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	float : left;
	width : 180px;
}
#leftnav li { /* all list items */
	position : relative;
	float : left;
	line-height : 2.0em;
	width : 180px;
	border-bottom: 1px solid #000;
}
#leftnav li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left : 12.8em;
	margin-top : -2.1em;
	background: #FCC419;
	border: 1px solid #000;

}
#leftnav li ul ul { /* third-and-above-level lists */
	left: -999em;
}
#leftnav li a {
	width : 170px;
	w\idth : 170px;
	display : block;
	color : black;
	font-weight: normal;
	text-decoration : none;
	background-color : transparent;
	padding : 0 0 0 10px;

}
#leftnav a.parent{
background: url(../../images/single_arrow_1.png) center right no-repeat;}

#leftnav li a:hover {
	color : white;
	background-color : #000;
}

#leftnav li:hover ul ul, #leftnav li:hover ul ul ul, #leftnav li.sfhover ul ul, #leftnav li.sfhover ul ul ul {
	left: -999em;
}

#leftnav li:hover ul, #leftnav li li:hover ul, #leftnav li li li:hover ul, #leftnav li.sfhover ul, #leftnav li li.sfhover ul, #leftnav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
/************* #breadCrumb styles *************/
div#breadcrumbs {
    width: 787px;
    height: 15px;

	margin: 0 0 0 0px;
	padding: 4px;
	clear: right;
	float: left;
	font-size: 90%;
}

div#breadcrumbs a {
	color: #000;
}
/************* #footer styles ***************/
#footer{
	clear: both;
	font-size: 90%;
	font-weight: normal;
	color: #fff;
	padding: 5px;
	text-align: center;
	background: #000;
}

#footer a 
{
    color: #fcc319;
}   
div#partners {
	clear: both;
	padding-top: 5px;
}
div#partners img#nex {
	float: left;
	margin-left: 180px;
    margin-bottom: 10px;
}
div#partners img#aafes {
	float: right;
	margin-right: 10px;
	margin-top: 15px;
}
/************* #search styles ***************/

/*
Global CSS for ENCS.NEXT
*/
div#content {
	float: left;
	padding: 0;
	margin-left:10px;
	margin-top: 5px;
	margin-bottom: 20px;
	width: 770px;
}


div#content p, div#content li {
	line-height: 1.4em;
}
div#content a {
	color: #333;
}
div#content img.box {
	background: white;
	padding: 4px;
	border: 1px solid #cccccc;
	float: left;
    margin: 5px;
}
div#content .smallprint {
	font-size: 9px;
}
div#content div.agentlist div {
	padding: 4px;
	margin: 8px 0;
}

div#content div.agentlist div a {
	color: #000;
}

div#content div.agentlist div a:hover {
	text-decoration: underline;
}

div#content div.agentlist div img {
	background: white;
	padding: 2px;
	margin: 5px;
	border: 1px solid #000;
	float: left;
}

div#content div.agentlist div p {
	display: block;
	padding: 0;
	margin: 0;
	margin-left: 140px;
	color: #444444;
}

div#content div.agentlist div h3 {
	display: block;
	padding: 0;
	margin-left: 140px;
	font-size: 1.7em;
	line-height: 1.3em;
	font-weight: bold;
	color: #000;
}

/*Start FAQ Styles */

div#content .faq {
    margin: 10px 0 20px 10px;
}

div#content .faq a {
    font-size: 1.2em;
    font-weight:bold;
    text-decoration: none;    
}

div#content .faq a:hover {
    text-decoration: none;
}

div#content .faq p {
    width: 600px;
    margin-top:10px;
    padding-left: 15px;   
}

div#content .faq img {
    margin-right:5px;
}

/*End FAQ Styles */