/*************************************
*  
*  MAYFRAN INTERNATIONAL
*
*  global.css
*
*  Last Updated By: Ryan Perry
*
*  Last Updated: 02/08/2010
*
*************************************/



/*************************************
*  BEGIN GLOBAL LAYOUT
*************************************/

* {
	margin:0;
	padding:0;
}

body {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background:#e8e9e9;
	color:#666666;
}

.mainContainer {
	margin:0 auto;
	width:950px;
	padding:0 36px 0 38px;
	clear:both;
	background:url('/images/Mayfran/mainBG.gif') repeat-y #ffffff;
}

.headerContainer {
	clear:both;
	height:75px;
	position:relative;
	z-index:10;	
	background:url('/images/Mayfran/headerBG.gif') no-repeat;
}

.navContainer {
	position:relative;
	z-index:5;	
	clear:both;
	height:25px;
	background:url('/images/Mayfran/navBG.gif') no-repeat;
}

.contentContainer {
	clear:both;
}

.footerContainer {
	clear:both;
	background:#0375a5;
	color:#ffffff;
	padding:0 0 0 20px;
}

/*************************************
*  END GLOBAL LAYOUT
*************************************/



/*************************************
*  BEGIN ELEMENT STYLES
*************************************/
	
.clearFloat {
    content: ".";
    clear:both;
    height:0;
    visibility:hidden;
    display:block;    
}

img {
	border:none;
	outline:none;
}

.contentContainer p {
	margin: 0px 0 20px 0;
}

a {
	color:#026087;
	/*color:#f9a13a;*/
	text-decoration:none;
	font-weight:bold;
}

a:hover {
	text-decoration:underline;
}

.floatRight {
	float:right;
	clear:right;
}

.floatLeft {
	float:left;
	clear:right;
}

.orangeText {
	color:#f9a13a !important;
}

.blueText {
	color:#006699 !important;
}

/*************************************
*  END ELEMENT STYLES
*************************************/	



/*************************************
*  BEGIN HEADER LAYOUT
*************************************/

.headerContainer .logoHeader {
	float:left;
	width:400px;
	padding:11px 0 15px 16px;
}

.headerContainer .logoHeader h1 {
	text-indent:-9999px;
	background:url('/images/Mayfran/mayfran_logo.jpg') no-repeat;
	height:49px;
	width:150px;
}
.headerContainer .logoHeader h1 a {
	display:block;
	outline:none;
	width:150px;
	height:49px;
}

.headerContainer .searchHeader {
	margin:0 0 0 645px;
	padding:15px 20px 0 0 ;
	text-align:right;
	display:block;
}

.headerContainer .searchHeader .languageSelector {
	position:relative;
	display:block;
	padding:0 0 11px 0;
	margin:0;
	z-index:30;
}

.headerContainer .searchHeader .searchBox {
	margin:0 0 0 34px;
	position:relative;
	z-index:3;
	/*z-index:-10 !important;*/
}

.headerContainer .searchHeader .searchBox input.searchInput {
	border:1px solid #026087;
	padding:3px;
	float:left;
	width:200px;
	font-size:12px;
	height:16px;
}

.headerContainer .searchHeader .searchBox input.searchBTN {
	background:url('/images/Mayfran/searchBTN.gif') repeat-x #026087;
	border:none;
	height:24px;
	width:43px;
	color:#ffffff;
	position:relative;
	/*z-index:-10 !important;*/
	top:0px;
	left:-2px;
	float:left;
	cursor:pointer;
}

#languageNav {
	position:relative !important;
	margin:0;
	padding:0;
	list-style:none;
	display:block !important;
	text-align:right;
	z-index:30;;
}

#languageNav ul {
	padding: 0;
	list-style: none;
}

ul#languageNav li {
	position:relative;
	display:block;	
	z-index:30;
}

ul#languageNav li a {
	display:block;
	text-decoration:none;
	outline:none !important;
}

ul#languageNav li a span {
	font-weight:normal !important;
	color:#666666 !important;
	margin:0;
	padding:0;
}

#languageNav li li.sfhover a, #languageNav li li:hover a {
	position:relative;
	background-color:#67a0b7 !important;
	z-index:30;
	display:block;	
}

#languageNav li ul {
	display:block;
	position:absolute !important;
	left: -999em;
	top:10px;	
	margin:0 0 0 74px;
	padding:5px 0 0 0 !important;
}

#languageNav li ul li {
	width:150px !important;
	background-color:#026087 !important;
	margin:0 !important;
	padding:0;
	float:left;
	display:block;
	position:relative;
	z-index:30;
}


#languageNav li ul li a {
	color:#ffffff !important;
	border-bottom:1px solid #67a0b7 !important;
	display:block;
}

#languageNav li ul li.current a {
	color:#f9a13a !important;
}

#languageNav li ul li.last a {
	border-bottom:none !important;
}

#languageNav li ul li a {
	padding:6px 10px 6px 34px !important;
	margin:0 !important;
	display:block;
	font-weight:bold;
	border-bottom:1px solid #dfdfdf;
	position:relative;
	color:#f9a13a; !important;
}

#languageNav li:hover ul, #languageNav li.sfhover ul, #languageNav li:active ul {
	left:60px;
	z-ifndex:30 !important;
	display:block;
}

#languageNav li:hover ul ul, #languageNav li:hover ul ul ul, #languageNav li.sfhover ul ul, #languageNav li.sfhover ul ul ul {
	left: -9999px;
}

/*************************************
*  END HEADER LAYOUT
*************************************/



/*************************************
*  BEGIN MAIN NAVIGATION LAYOUT
*************************************/

#mainNav {
	position:relative;
	width:942px;
	margin:0 0 0 8px;
	list-style:none;
	z-index:5 !important;
	display:block !important;
}

#mainNav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#mainNav span {
	text-indent:-9999px;
}

.navContainer ul#mainNav li {
	float:left;
	position:relative;
	z-index:5 !important;
}

.navContainer ul#mainNav li a {
	display:block;
	text-decoration:none;
	outline:none !important;
}

li.link1 a {
	background:url('/images/Mayfran/navHOME.gif') no-repeat 0 0;
	width:103px;
	height:26px;
	display:block;
}

li.link2 a {
	background:url('/images/Mayfran/navPRODUCTS.gif') no-repeat 0 0;
	width:126px;
	height:26px;
}

li.link3 a {
	background:url('/images/Mayfran/navAPPLICATION.gif') no-repeat 0 0;
	width:146px;
	height:26px;
}

li.link4 a {
	background:url('/images/Mayfran/navPARTS.gif') no-repeat 0 0;
	width:164px;
	height:26px;
}

li.link5 a{
	background:url('/images/Mayfran/navABOUT.gif') no-repeat 0 0;
	width:152px;
	height:26px;
}

li.link6 a {
	background:url('/images/Mayfran/navCONTACT.gif') no-repeat 0 0;
	width:118px;
	height:26px;
}

li.link7 a {
	background:url('/images/Mayfran/navRESOURCES.gif') no-repeat 0 0;
	width:126px;
	height:26px;
}

li.link1 a:hover, li.link1 a:active, li.link2 a:hover, li.link2 a:active, li.link3 a:hover, li.link3 a:active, li.link4 a:hover, li.link4 a:active, li.link5 a:hover, li.link5 a:active, li.link6 a:hover, li.link6 a:active, li.link7 a:hover, li.link7 a:active {
	background-position:0 -26px !important;
}

#mainNav li.sfhover {
	background-position: 0 -26px;
}

#mainNav li.link1:hover a, #mainNav li.link1.sfhover a, #mainNav li.link2:hover a, #mainNav li.link2.sfhover a, #mainNav li.link3:hover a, #mainNav li.link3.sfhover a, #mainNav lilink4:hover a, #mainNav li.link4.sfhover a, #mainNav li.link5:hover a, #mainNav li.link5.sfhover a, #mainNav li.link6:hover a, #mainNav li.link6.sfhover a, #mainNav li.link7:hover a, #mainNav li.link7.sfhover a {
	background-position:0 -26px !important;
}

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

#mainNav li:hover ul, #mainNav li li:hover ul, #mainNav li li li:hover ul, #mainNav li.sfhover ul, #mainNav li li.sfhover ul, #mainNav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#mainNav li ul { /* Second Level */
	position: absolute !important;
	left: -999em;
	top:26px;
	width:190px;
	padding:0 !important;
	margin:0 !important;
	background-color:#026087;	

}

#mainNav li ul li { /* Second and Third Level List Items */
	width:190px;
	float:left;
	background-color:#026087;
}

#mainNav li ul li a { /* Second and Third Level List Items Links */
	padding:6px 10px 6px 34px !important;
	display:block;
	border-bottom:1px solid #67a0b7 !important;
	color:#ffffff !important;	
	width:146px !important;
	font-weight:bold; 
   	background:none !important;
    height:auto !important;	
}

#mainNav li li:hover, #mainNav li li li:hover, #mainNav li li.sfhover, #mainNav li li li.sfhover { /* Highlighted Color For Second and Third Level */
	background-color:#67a0b7 !important;
}	

#mainNav li ul ul { /* Third Level */
	background-color:#026087;	
	margin: -26px 0 0 190px !important;
	display:block;
	width:190px;

}

#mainNav li ul ul li {

}

#mainNav li.last li a {
	border-bottom:1px solid #67a0b7 !important;
}	

#mainNav li.last a, #mainNav li.last li.last a  {
	border-bottom:none !important;
}

#mainNav li ul li.first {
}

#mainNav li li li{
	top:-1px;
}

/*************************************
*  END MAIN NAVIGATION LAYOUT
*************************************/



/*************************************
*  BEGIN FOOTER LAYOUT
*************************************/

.footerContainer .copyrightFooter {
	float:left;
	width:586px;
	padding:10px 0;
}

.footerContainer .navFooter {
	margin:0 0 0 586px;
	width:249px;
	background:url('/images/Mayfran/orangeFooterBG.gif') repeat-y #f9a13a;
	display:block;
	padding:10px 0px 10px 95px;
}

.footerContainer .navFooter ul {
	list-style:none;
	float:left;
	width:110px;
	display:block;
	margin:0 10px 0 0;
	padding:0;
	
}

.footerContainer .navFooter ul li {
	display:block;
	padding:0 0 3px 0;
	width:110px;
}	

.footerContainer .navFooter ul li a {
	color:#ffffff;
	display:block;
	
}

.footerContainer .navFooter ul li a.sustainabilityIcon {
	background:url('/images/Mayfran/sustainabilityNavIcon.gif') no-repeat;
	padding:3px 0 3px 25px !important;
	display:block;
}

/*************************************
*  END FOOTER LAYOUT
*************************************/