﻿h1   {font-family: Calibri, Arial Narrow, Arial, Helvetica, Sans-Serif; color: #ffffff; text-transform: uppercase; font-size: 18pt; font-weight: bold; text-align: left; margin: 0px; padding: 5px; display: inline-block; background-color: #000000; }
h2   {font-family: Arial Narrow, Arial, Helvetica, Sans-Serif; color: #ffffff; text-transform: uppercase; font-size: 14pt; font-weight: bold; text-align: left; margin: 0px; padding: 5px;}
h3   {font-family: Arial Narrow, Arial, Helvetica, Sans-Serif; color: #ffffff; text-transform: uppercase; font-size: 12pt; font-weight: normal; text-align: left; margin: 0px; padding: 5px; display: inline-block; background-color: #000000; }
h4   {font-family: Arial Narrow, Arial, Helvetica, Sans-Serif; color: #920202; text-transform: uppercase; font-size: 12pt; font-weight: bold; text-align: left; margin: 0px; padding: 5px;}
h4 a {font-family: Arial Narrow, Arial, Helvetica, Sans-Serif; color: #920202; text-transform: uppercase; font-size: 12pt; font-weight: bold;}
h4 a:hover {font-family: Arial Narrow, Arial, Helvetica, Sans-Serif; color: #920202; text-transform: uppercase; font-size: 12pt; font-weight: bold;}


a                   {font-family: Arial, Helvetica, Sans-Serif; color: #920202; background-color: transparent; font-size: 11pt; font-weight: normal; text-decoration: underline}
a:hover             {font-family: Arial, Helvetica, Sans-Serif; color: #404040; background-color: transparent; font-size: 11pt; font-weight: normal; text-decoration: none}

a.footermenu        {font-family: Arial, Helvetica, Sans-Serif; color: #ffffff; background-color: transparent; font-size: 8pt; font-weight: normal; text-align: left; margin: 10px; padding: 5px; text-decoration: none;}
a.footermenu:hover  {font-family: Arial, Helvetica, Sans-Serif; color: #ffffff; background-color: #920202;     font-size: 8pt; font-weight: normal; text-align: left; margin: 10px; padding: 5px; text-decoration: none;}

a.onred { font-family: Arial, Helvetica, Sans-Serif; color: #ffffff; background-color: transparent; font-size: 11pt; text-decoration: underline}


BODY{
background: #fff url('images-layout/back-page.gif') repeat-x center top;
margin: 0px; 
padding: 0px
}

p{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 11pt;
color: #404040;
text-align: left;
line-height: 150%;
}

p.copyright{
font-family: Arial Narrow, Helvetica, Sans-Serif;
font-size: 10pt;
font-weight: normal;
color: #606060;
text-align: right;
}

ul {
list-style-type: square;
color:#404040;
line-height:22px;
}

li{
color: #707070;
background-color: transparent;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 11px;
color: #404040;
text-align: left;
text-decoration: none;
font-style: none;
line-height: 22px;
margin: 2px 0px; 
padding: 0px;
}

ol.d {list-style-type: decimal;}

li{
	color: #707070;
	background-color: transparent;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: small;
	color: #404040;
	text-align: left;
	text-decoration: none;
	font-style: none;
	line-height: 22px;
	margin: 2px 0px;
	padding: 0px;
}


table.page {width: 100%; border-collapse: collapse; border: 0px; font-family: Arial, Helvetica, Sans-Serif; font-size: 11pt; color: #404040; text-align: left; line-height: 150%;}
.page td {border: 0px solid #C4D4E0; }
.page th {background-color: #DCE6ED; color: #000; font-weight: bold; color: #404040; text-align: center; }
// .page tr:nth-child(even) {background-color: #FFF }
// .page tr:nth-child(odd) {background-color: #EEF3F7}

table.prod {
width: 70%; 
border-collapse: collapse; 
border-top: 0px  solid  #920202; 
border-bottom: 0px solid  #920202; 
font-family: Arial, Helvetica, Sans-Serif; 
text-align: left; 
line-height: 150%; 
}

.prod td {
border-top: 0px  solid #920202; 
border-bottom: 0px  solid #920202;  
font-family: Arial, Helvetica, Sans-Serif; 
font-size: 11pt; color: #404040; 
text-align: left; 
line-height: 150%; padding: 5px; 
}
.prod th {background-color: #2f2f2f; color: #fff; font-weight: normal; text-align: left; padding: 5px; font-size: 11pt; }
// .prod tr:nth-child(even) {background-color: #FFF }
// .prod tr:nth-child(odd) {background-color: #e0e0e0}

table.part {
width: 100%; 
border-collapse: collapse; 
border-top: 1px  solid  #404040; 
border-bottom: 1px solid  #404040; 
font-family: Arial, Helvetica, Sans-Serif; 
font-size: 11pt: color: #404040; 
text-align: center; 
line-height: 130%; 
}
.part td {
border: 1px  solid #404040; 
font-family: Arial, Helvetica, Sans-Serif; 
font-size: 11pt: color: #404040; 
text-align: center; 
line-height: 130%; 
padding: 5px; 

}
.part th {background-color: #2f2f2f; color: #000; border: 1px  solid #404040;  font-size: 9pt: font-weight: normal; color: #ffffff; text-align: center;  padding: 5px; }
.part tr:nth-child(even) {background-color: #FFF }
.part tr:nth-child(odd) {background-color: #e0e0e0}

table.part-c {
width: 100%; 
border-collapse: collapse; 
border-top: 1px  solid  #404040; 
border-bottom: 1px solid  #404040; 
font-family: Arial, Helvetica, Sans-Serif; 
font-size: 11pt: color: #404040; 
text-align: center; 
line-height: 130%; 
    margin-left: 1%; 
    margin-right: 1%;
}
.part-c td {
border: 1px  solid #404040; 
font-family: Arial, Helvetica, Sans-Serif; 
font-size: 11pt: color: #404040; 
text-align: center; 
line-height: 130%; 
padding: 5px; 

}
.part-c th {background-color: #2f2f2f; color: #000; border: 1px  solid #404040;  font-size: 11pt: font-weight: normal; color: #ffffff; text-align: center;  padding: 5px; }
.part-c tr:nth-child(even) {background-color: #FFF }
.part-c tr:nth-child(odd) {background-color: #e0e0e0}

table.redbox td {color:#ffffff;}

table.redbox p {color:#ffffff;}

table.centered td {text-align:center;}

.menuheading {
	
	background-color: #ccc;
font-weight: bold !important;
text-transform: uppercase !important;
	border-bottom:1px solid white;
	
	
}

/*mobile menu*/


#nav-wrap {
	margin-top: 0px;
}

/* menu icon */
#menu-icon {
	display: none; /* hide menu icon initially */
	
}


img {
max-width: 100%;
display: block;
}



@media screen and (max-width: 1160px) {

	/* nav-wrap */
	#nav-wrap {
		position: relative;
		width:300px;
		float:right;
	}

	/* menu icon */
	#menu-icon {
		color: #ffffff;
		width: 120px;
		
		height: 40px;
		background: transparent url(../images/menu-icon.png) no-repeat 10px center;
		padding: 8px 10px 0 42px;
		cursor: pointer;
		border: none;
		display: inline-block; /* show menu icon */
		font-size:16px;
		
		float:right;
		padding-top:18px;
	}
	#menu-icon:hover {
		background-color: #ffffff;background-color:rgba(255, 255, 255, 0.5);
	}
	#menu-icon.active {
		background-color: transparent;
	}
	
	/* main nav */
	#nav {
		clear: both;
		position: absolute;
		top: 38px;
		width: 300px;
		z-index: 10000;
		padding: 5px;
		background: #ffffff;
		
		display: none; /* visibility will be toggled with jquery */
	}
	#nav li {
		clear: both;
		float: none;
		margin: 5px 0 5px 10px;
	}
	#nav ul a {
		font: inherit;
		background: none;
		display: inline;
		padding: 0;
		color: #4f5050;
		border: none;
		
	}
	#nav a {
		/*font: inherit;*/
		background: none;
		display: inline;
		padding: 0;
		color: #4f5050;
		border: none;
		padding: 7px 12px;
		
	}
	#nav ul a:hover {
		background: none;
		color: #4f5050;
		text-decoration:underline;
	}
	
	#nav a:hover {
		background: none;
		color: #4f5050;
		text-decoration:underline;
	}
	
	/* dropdown */
	#nav ul {
		width: auto;
		position: static;
		display: block;
		border: none;
		background: inherit;
	}
	#nav ul li {
		margin: 3px 0 3px 15px;
	}
	
	ul.dropdown ul { visibility:visible !important;}
	ul.dropdown li {padding:0px !important;}
	li.empty  {color:#CAC5C5 !important;margin:0px !important;}
}

@media screen and (min-width: 1160px) {

	/* ensure #nav is visible on desktop version */
	#nav {
		display: block !important;
		float:right;
	}

}