/*--------------- RESET STARTS ---------------*/
body, h1, h2, h3, h4, h5, p, ul, ol, div, dl, dt, dd, pre, fieldset, blockquote, th, td { color: #000;font-family:Arial, Helvetica, sans-serif; line-height: 20px; }	
a { outline: none; }
a img { border: none }
.clear { display: block; clear: both; }
p {
	margin: 0px;
	padding: 0px;
}
/*--------------- RESET ENDS ---------------*/

/*--------------- MAIN LAYOUT STARTS ---------------*/
html, body {
	height: 100%;
	width: 100%;
}
body {
	/*font-size:12px;*/
	margin: 0;
	padding: 0;
/*	background-color: #85c226;*/
	background-position: center center;
	text-align: center;
	background-repeat: repeat !important;
	background-color: #000000;
    color: #424242;
    font: 10px Arial,Helvetica,sans-serif;
}	
#wrapper {
	width: 980px;
	/*background-color: #fff;*/
	margin: auto;
	text-align: left;
}
a {
	color: #fff;
	text-decoration: underline;
}
a:hover {
	color: #000;
}
.menu, .menu li{
	display: block;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	float: left;
}
.cos-header, .cos-content, .cos-footer {
	clear: both;
	/*padding: 10px;*/
	color:#ffffff;
}
.cos-footer {
   text-align:center;
   width: 100%;  
   
	}
.cos-content {
	/*width: 950px;*/
	margin: 0px auto;
	width:1080px;
	height:518px;
}
.cos-header {
	display: block;
	/*height: 300px;*/
}
.hide {
	display: none;
}
/*--------------- MAIN LAYOUT ENDS ---------------*/

/*--------------- SEO LOGO ---------------*/
.cos-logo
        {
        	position:relative;
        	float:left;
        	height: 83px;
			width: 85px;
        	}	
        .cos-logo h1 
        {
        	height: 83px;
			width: 86px;
			cursor:pointer;
		
        	}
        	.cos-logo a
        	{
        		position: relative;
        		height: 83px;
			width: 86px;
			float:left;
			margin:auto;
			
			}
        	.cos-logo span
        	{
        		/*position:absolute;
				background-repeat: no-repeat;
				background-position: left top;
				left: 0;
				top: 208px;	*/
				position: relative;
        		height: 83px;
			width: 86px;
			float:left;
			margin:auto;
        		}
h1#logo{
	/*float:left;
	position:relative;
	overflow:hidden;
	margin-left: 27px;
	margin-top: 21px;*/
	display:inline;
}
/*	
h1#logo, h1#logo span {
	height: 83px;
	width: 86px;
	cursor:pointer;
}
h1#logo  {
	margin-bottom: -21px;
	margin-right: -27px;
}*/
/*h1#logo span {
	position:absolute;
	background-repeat: no-repeat;
	background-position: left top;
	left: 0;
	top: 208px;
	background-image: url(../images/logo.png);
}
h1#logo a {
	top: -208px;
	position: relative;
}*/
/*--------------- SEO LOGO END ---------------*/

/*--------------- MAIN MENU STARTS ---------------
ul.menu-navigation {
	text-align: center;
	float: left;
	width: 900px;
	margin: -100px 50px 0px;
	background-color: #80bb23;
	padding: 20px;
}
.menu-navigation li {
	display: inline-block;
	float: right;
	margin: 0px 20px
}
.menu-navigation li a{
	display: block;
	padding: 0px 10px;
	font-weight: bold;
	color: #000;
}
--------------- MAIN MENU ENDS ---------------*/

/*--------------- BREADCRUMB STARTS ---------------*/

/*--------------- BREADCRUMB ENDS ---------------*/

/*--------------- FOOTER MENU STARTS ---------------*/

/*--------------- FOOTER MENU ENDS ---------------*/

/*
----------------------------------------------------------------------------------
START Menu Navigation CSS
----------------------------------------------------------------------------------
*/

/* START Required Styles for Nav */
.menu, .menu * {
	margin: 0;
	padding: 0;
	list-style: none; }
.menu {
	line-height: 14px; }
	.menu ul {
		position: absolute;
		top: -999em;
		width:143px;
		/*width: 10em;  left offset of submenus need to match (see below) */ }
		.menu ul li {
			width: 100%; }
		.menu li:hover {
			visibility: inherit; /* fixes IE7 'sticky bug' */ }
		.menu li {
			float: left;
			position: relative; }
		.menu a {
			display: block;
			position: relative;
			/*cursor: pointer; */}
			
			.menu li:hover ul, .menu li.menu-hover ul, .menu li.sfHover ul {
				left: 0;
				top: 19px; /* match top ul list item height */
				z-index: 99;
				/*top:27px;z-index:999;*/ }
				
			ul.menu li:hover li ul, ul.menu li.menu-hover li ul, ul.menu li.sfHover li ul {
				top: -999em; }
				ul.sf-menu li li:hover ul,
		
			ul.menu li li:hover ul, ul.menu li li.menu-hover ul, ul.menu li li.sfHover ul {
				left: 11em; /* match ul width */
				top: 0; }
				
			ul.menu li li:hover li ul, ul.menu li li.menu-hover li ul, ul.menu li li.sfHover li ul {
				top: -999em; }
				ul.sf-menu li li li:hover ul,
			
			ul.menu li li li:hover ul, ul.menu li li li.menu-hover ul,ul.menu li li li.sfHover ul {
				/*left: 10em; /* match ul width */
				left:137px;
				top: 0; }
/* END Required Styles for Nav */

/* START Custom Styles for the Pulldowns */
.cos-main-nav {
	position: relative;
	z-index: 999; 
	/*padding: 52px 0 0;*/
	width:790px;
	padding: 0;
	margin: 0;
	float: right;
	display: inline;
	 }
	.cos-main-nav .menu {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 9px;
		/*margin: 0 0 0 97px;*/
		margin: 0;
		position: absolute;
		top: 52px;
		left: 0px;
		padding:0;
		 }
		.cos-main-nav .menu li {
			background-color: #0C0C0C;
            border: 1px solid #1B1B1B;
            margin: 0 3px;
			}
			.cos-main-nav .menu li a {
				/*margin: 0;
				display: block;
				background: none;
				padding: 6px 37px 7px 37px;
				font-size: 12px;
				line-height: 14px;
				font-weight: bold;
				color: #cacaca;
				text-transform: uppercase;
				letter-spacing: 1px;
				text-decoration: none; */
				
				color: #FFFFFF;
				cursor: pointer;
				display: block;
				font-family: Arial,Helvetica,sans-serif;
				font-size: 9px;
				padding: 2px 0;
				text-decoration: none;
				text-transform: uppercase;
				}
				.cos-main-nav .menu li a span{
					display: block;
					text-align:center;
					width:143px;
				}
				.cos-main-nav .menu li.sfHover ul li a{background: none;
				border: none;}
				.cos-main-nav .menu li a:hover, .cos-main-nav .menu li.menu-hover a {
					color: #b41301; }
				.cos-main-nav ul.menu li a.on {
					background: transparent url(/images/bg-main-nav-on.jpg) repeat-x top left;
					color: #b41301; }
			/* Sub-tier Pulldowns */
			.cos-main-nav .menu li ul {
				/*margin: 0;
				border-top: 1px solid #342d2d;
				border-right: 1px solid #342d2d;
				border-left: 1px solid #342d2d;	
				float:none;*/
				/*width:15.9em;*/
				margin-left: -1px;}
				.cos-main-nav .menu li ul li {
					/*margin: 0px;
					border-bottom: 1px solid #342d2d;
					background-color: #9ed71d;
					padding: 0px;
					font-size: 9px;
					font-weight: normal;
					text-align: left;*/ 
					margin: 0;
					background-color: #0c0c0c;
					border-top: none;
					border-left: 1px solid #1b1b1b;
					border-right: 1px solid #1b1b1b;
					}
					.cos-main-nav .menu li ul li a {
						/*padding: 3px 15px 5px 6px;
						*padding: 4px 15px 4px 6px;
						color: #666666 !important;
						font-weight: normal;
						text-transform: none;
						text-decoration: none; */
					    font-size: 9px;
						padding: 2px 9px 2px 9px;
						text-align: center;
						text-decoration: none;
						text-transform: uppercase;
						}
						.cos-main-nav .menu li ul li a:hover {
						background:#171717;}
						
					.cos-main-nav .menu li ul li a, .cos-main-nav .menu li ul li a:visited  { /* visited pseudo selector so IE6 applies text colour*/
						color: #ffffff; }
					.cos-main-nav .menu li ul li:hover, .cos-main-nav .menu li ul li.menu-hover, .cos-main-nav .menu li ul li a:focus, .cos-main-nav .menu li ul li a:hover, .cos-main-nav .menu li ul li a:active {

						/*background: #101010;*/
						outline: 0;
						color: #ffffff !important; 
						}
					/*	.cos-main-nav .menu li ul li ul {
							margin: -1px 0 0 0;
							 }*/
/* END Custom Styles for the Pulldowns */

/* START Arrow Styles for the Pulldowns */
	.menu a.sf-with-ul {
		padding-right: 2.25em;
		min-width: 1px; } /* trigger IE7 hasLayout so spans position accurately */
	.sf-sub-indicator {
		position: absolute;
		right: .5em;
		top: .5em; /* IE6 only */
		display: block;
		overflow: hidden;
		background: url(/images/main-nav-arrows.png) no-repeat -10px -50px; /* 8-bit indexed alpha png. IE6 gets solid image only */
		width: 10px;
		height: 10px;
		text-indent: -999em; }
		a > .sf-sub-indicator {  /* give all except IE6 the correct values */
			top: .4em;
			background-position: 0 -50px; } /* use translucent arrow for modern browsers*/
			/* background-position: 0 -100px; DEFAULT */

		/* apply hovers to modern browsers */
		a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.menu-hover > a > .sf-sub-indicator {
			background-position: -10px -50px; } /* arrow hovers for modern browsers*/ 
			/* background-position: -10px -100px; DEFAULT */
		
		/* point right for anchors in subs */
		.menu ul .sf-sub-indicator {
			background-position:  -10px 0; }
		.menu ul a > .sf-sub-indicator {
			background-position:  0 0; }
		/* apply hovers to modern browsers */
		.menu ul a:focus > .sf-sub-indicator, .menu ul a:hover > .sf-sub-indicator, .menu ul a:active > .sf-sub-indicator, .menu ul li:hover > a > .sf-sub-indicator, .menu ul li.menu-hover > a > .sf-sub-indicator {
			background-position: -10px 0; } /* arrow hovers for modern browsers */
/* END Arrow Styles for the Pulldowns */

/*
----------------------------------------------------------------------------------
END Menu Navigation CSS
----------------------------------------------------------------------------------
*/
#breadcrumb {
			clear: both;
			padding: 34px 0px 2px 0px;
			height: 20px;
			margin-bottom: 0px;}
			#breadcrumb ul {
				margin-bottom:0px;}
				#breadcrumb li.breadcrumb-page {
					display: inline;
					padding: 0px 17px 0px 7px;
					margin-bottom: 0px;
					font-size:11px;
					#breadcrumb li.breadcrumb-page a {
						color: #666666;}
						#breadcrumb li.breadcrumb-page a:hover {
							color: #FFFFFF;}
					#breadcrumb li.on {
						color: #FFFFFF;
						background: none;}	
						
ul.menu-navigation {
	margin-top: 250px;
	clear: both;
}
ul.lc-bottom-nav li{
	padding: 0px 20px;
	margin: 0px 20px;
	display: block;
}
.photo
{
margin: 20px auto auto;
text-align: center;
width:auto;
background:none repeat scroll 0 0 #000000;
}

.popup-body{
width:600px;
}

.popup-wrapper{
width:600px !important;
}