/*-----------------------------------------Container Styles---------------------------------------*/

.wrapper{ width:100%; background:url(../images/bg_wrapper.gif) repeat-x bottom; overflow:hidden;}

.header, .footer, .container{ width:907px; margin:0 auto; position:relative;}

.headerMain{ background:#FFFFFF; position:fixed; height:136px; width:100%; border-top:4px solid #0052a5; z-index:600;
       -webkit-box-shadow: 0 10px 10px -10px #7d7b7b;
	   -moz-box-shadow: 0 10px 10px -10px  #7d7b7b;
	    box-shadow: 0 10px 10px -10px  #7d7b7b;
}
.footerMain{ background:#074915;}

.footer{ padding:40px 0px; color:#FFFFFF; }
.footer p{ margin-bottom:10px; margin-left:15px;}
.footer p a{ color:#FFFFFF; text-decoration:none; padding:0px 10px; font-weight:bold;}

#topmenu{ border: none; border: 0px; margin: 0px;  padding: 0px; font: 67.5% 'MyriadWebProRegular', 'Trebuchet Unicode MS', Verdana, Helvetica, sans-serif;
  font-size: 14px;  font-weight: bold;  width: auto;}
#topmenu ul {height: 40px; list-style: none; margin: 0;  padding: 0;}
#topmenu li { float: left; padding: 0px;}
#topmenu li a { background:url('../images/seperator.png') bottom right no-repeat; display: block; font-weight: normal;
  line-height: 40px; margin: 0px; padding: 0px 20px; text-align: center; text-decoration: none; margin-left:1px;}
#topmenu li a.active { background: #0052a5; color: #FFFFFF; text-decoration: none;}
#topmenu > ul > li > a { color: #3e3e3e; text-transform:uppercase;}
#topmenu ul ul a { color: #3e3e3e;}
#topmenu li > a:hover,#topmenu ul li:hover > a { background: #0052a5 url('images/hover.png') bottom center no-repeat; color: #FFFFFF; text-decoration: none;}
#topmenu li ul {display: none; height: auto; padding: 0px; margin: 0px; border: 0px; position: absolute;  width: 225px; z-index: 200; /*top:1em; /*left:0;*/}
#topmenu li:hover ul {display: block;}
#topmenu li li { background: url('../images/sub_sep.png') bottom left no-repeat; display: block; float: none; margin: 0px; padding: 0px; width: 225px;}
#topmenu li:hover li a { background: none;}
#topmenu li ul a { display: block; height: 40px; font-size: 12px; font-style: normal; margin: 0px;  padding: 0px 10px 0px 15px; text-align: left;}
#topmenu li ul a:hover,#topmenu li ul li:hover > a { background: #0052a5 url('../images/hover_sub.png') center left no-repeat; border: 0px;  color: #ffffff;  text-decoration: none;}
#topmenu p { clear: left;}
#topmenu .home { float:left;}

.block_social{ width:500px; float:right;}
.block_social .toplink{font: 67.5% 'MyriadWebProRegular'; font-size: 11px; color: #3e3e3e; text-transform:uppercase; text-align:right;}
.block_social .toplink a {display:inline-block; font-weight: normal; line-height: 25px; padding: 5px 10px; margin: 0px; text-decoration: none; color: #3e3e3e;}
.block_social .toplink a:hover {text-decoration: none; color: #3c9bd5;}

.block_social .sociallink{ clear:both;}
.block_social .sociallink ul{ list-style:none; margin:0; padding:0; float:right;}
.block_social .sociallink li{ float:left;}
.block_social .sociallink li.tollfree{ line-height:25px; margin-right:30px;}
.block_social .sociallink li.tollfree span{color:#3c9bd5; font-weight:bold;}

.block_social .logoM3M{
	position:absolute;
	top:80px;
	right:0;
}

/*Featured Slider Styles*/
#featured{width:907px; height:294px; position:relative; overflow:hidden;
     background:#fff; 
    -moz-box-shadow: 3px 3px 4px #b9b9b9;
	-webkit-box-shadow: 3px 3px 4px #b9b9b9;
	 box-shadow: 3px 3px 4px #b9b9b9;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#b9b9b9')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#b9b9b9');
	}
#featured ul.ui-tabs-nav{ position:absolute; top:0; left:594px; list-style:none; padding:0;	margin:0; width:323px; overflow:auto; overflow-x:hidden;}
#featured ul.ui-tabs-nav li{padding-left:13px;}
#featured li.ui-tabs-nav-item a{ display:block; height:55px; text-decoration:none; background:#2d2f36; outline:none; width:305px; margin-bottom:1px;}
#featured li.ui-tabs-nav-item a.inside{ display:block; height:58px; text-decoration:none; background:#2d2f36; outline:none; width:305px; margin-bottom:1px;}
#featured li.ui-tabs-nav-item a:hover{ /*background:#2d2f36; */}
#featured li.ui-tabs-selected, #featured li.ui-tabs-active{background:url('../images/selected-item.gif') top left no-repeat; }
#featured ul.ui-tabs-nav li.ui-tabs-selected a, #featured ul.ui-tabs-nav li.ui-tabs-active a{ background:#0052a5; }
#featured .ui-tabs-panel{width:594px; position:relative; background:#FFFFFF;}
/*#featured .ui-tabs-panel .info a.hideshow{position:absolute; right:10px; top:0px; margin:0; outline:none;}*/
#featured .info{ padding:17px; overflow:hidden;}
#featured .info .picture{ float:left; margin-right:15px;}
#featured .infoDetail{ width:325px; float:left;}
#featured .infoDetail h2{ font:100% 'MyriadWebProRegular'; font-size: 28px; color: #1e8708; margin-bottom:5px; border-bottom:1px solid #000000; padding-bottom:5px;}
#featured .infoDetail p{ line-height:18px; font-size:13px; text-align:justify;}
#featured .ui-tabs-hide{display:none;}
#featured.home{ margin-top:500px;}
#featured.inside{ margin-top:300px;}
/*End Featured Slider Styles*/

.rowupdates{ position:relative; margin:40px 0px 0px; overflow:hidden;}
.rowupdates .colmn{ width:410px;}
.rowupdates .colmn h2{font:100% 'MyriadWebProRegular'; font-weight:bold; font-size: 32px; color: #0052a5; margin-bottom:15px; }
.rowupdates .colmn h2 span{ font-weight:normal;}
.rowupdates .colmn .btn{ margin-top:5px;}
 .dvaDiv{margin:0px 22px; float:left}


/*.rowupdates{ position:relative; margin:40px 0px 0px; overflow:hidden;}
.rowupdates .colmn{ width:280px; margin-left:20px; float:left;}
.rowupdates .colmn h2{font:100% 'MyriadWebProRegular'; font-weight:bold; font-size: 25px; color: #0052a5; margin-bottom:15px; }
.rowupdates .colmn h2 span{ font-weight:normal;}
.rowupdates .colmn .btn{ margin-top:5px;}
*/
.rowfeaturesLnk{ position:relative; margin:20px 0px 40px; overflow:hidden;}
.rowfeaturesLnk img{ display:inline-block;}

.rowbanks{ position:relative; margin:40px 0px 20px 18px; overflow:hidden;}
.rowbanks h2{ font:bold 12px Arial, Helvetica, sans-serif; padding:0;}

#generic{width:907px; height:auto; margin-top:300px; position:relative; overflow:hidden;
     background:#fff; 
    -moz-box-shadow: 3px 3px 4px #b9b9b9;
	-webkit-box-shadow: 3px 3px 4px #b9b9b9;
	 box-shadow: 3px 3px 4px #b9b9b9;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#b9b9b9')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#b9b9b9');
	}
#generic .info{ padding:17px 30px; overflow:hidden;}
#generic .info .picture{ float:left; margin-right:15px;}
#generic .infoDetail{ width:640px; float:left;}
#generic .infoDetail h2{ font:100% 'MyriadWebProRegular'; font-size: 24px; color: #000000; margin-bottom:10px; padding-bottom:5px;}
#generic .infoDetail p{ line-height:18px; font-size:13px; margin-bottom:10px;}
#generic .infoDetail a{ color:#5a5a5a; text-decoration:none;}
#generic .widthAuto{ width:97%;}

ul.logopan{ list-style:none; margin:0; padding:0;}
ul.logopan li{ margin-bottom:15px; overflow:hidden; position:relative;}
ul.logopan li .imgPan{float:left; display:inline-block; border:1px solid #CCC; margin-right:10px;}
ul.logopan li .copyPan{float:left; display:inline-block; width:680px;}
ul.logopan li .copyPan p{ line-height:17px; margin-bottom:10px;}

ul.list{ list-style:none; margin:0; padding:0;}
ul.list li{ list-style:circle; margin-bottom:8px; margin-left:12px; line-height:17px;}
ul.list li a{color:#5a5a5a; text-decoration:none;}

ul.list2{ list-style:none; margin:0; padding:0;}
ul.list2 li{ list-style:circle; margin-bottom:5px; margin-left:12px; line-height:17px;}
ul.list2 li a{color:#5a5a5a; text-decoration:none;}

/*.photogallery { margin:0; padding:0;}
.photogallery img {margin:20px 0px 10px 30px; border:10px solid #94cae7;}*/

/*Photogallery Lightbox*/
#lightbox {margin:0; padding:0; width:900px;}

/*Image styles*/
#lightbox ul{ margin:0; padding:0; list-style-type: none;}
#lightbox li { float:left; padding:0; position: relative; cursor: pointer; border:6px solid #8ac5e5; margin:15px 0px 15px 45px;}
/*No right margin for images in the 2nd column*/
#lightbox li img {display: block;}

/*Image titles*/
#lightbox .image_title {width: 216px; height: 220px; background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; display: table;	/*Hover effect - default state*/
	opacity: 0;	transition: all 0.5s;}
#lightbox .title { height:auto; position:absolute; top:75px; left:80px; /*Vertical center align*/
	display: table-cell; /*Hover effect - default state*/
	transform: scale(0.2);	transition: all 0.25s;}
/*Zoom icon over each title using iconfont and pseudo elements*/
#lightbox .title::before {content: '';	opacity: 0.5; display: block;}
/*Hover states*/
#lightbox li:hover .image_title {opacity: 1;}
#lightbox li:hover .title {	transform: scale(1);}

/*Lightbox element style*/
.lb_backdrop {background: rgba(0, 0, 0, 0.9); position: fixed;	top: 0; left: 0; right: 0; bottom: 0;}
/*The canvas contains the larger image*/
.lb_canvas {background: white;	width: 50px; height: 50px;	position: fixed; top: 0; left: 0; /*Will be centered later by Jquery*/
	box-shadow: 0 0 20px 5px black;	padding: 10px; z-index:700;}
/*A separate class for loading GIF, for easy Jquery handling*/
.lb_canvas.loading {background: white url("http://thecodeplayer.com/uploads/media/loading.gif") center center no-repeat;}
/*Lightbox Controls*/
.lb_controls {width:100%; background: rgba(0, 0, 0, 0.75);position: fixed; top:400px; color: white;	/*To horizontally center it*/
	left: 0; right: 0; margin: 0 auto; }
.lb_controls span {line-height: 30px; height: 30px;}
.lb_controls span.inactive {opacity: 0.25;}
.lb_previous, .lb_next {position: absolute;	top: 0;	padding: 5px 12px; cursor: pointer;}
.lb_previous {left: 0;border-right: 1px solid rgba(255, 255, 255, 0.1);}
.lb_next {right: 0;	border-left: 1px solid rgba(255, 255, 255, 0.1);}
.lb_title {	text-align: center;	display: block;	font-size: 14px; text-transform: uppercase;	padding: 5px 0;	font-weight: bold;}

.paging{ margin:0; display:inline; float:right;}
.paging a{background:url(../images/bg-paging.gif) no-repeat; color:#838383; font-size:10px; line-height:14px; width:16px; height:14px; margin-right:7px; text-align:center; text-decoration:none; float:left; margin-top:20px;}
.paging a:hover{background:url(../images/bg-paging-hover.gif) no-repeat; color:#000; padding:0; text-align:center; text-decoration:none;}
.paging .active{ background:url(../images/bg-paging-hover.gif) no-repeat; color:#000; padding:0; text-align:center; text-decoration:none; font-weight:bold;}
/*Photogallery Lightbox End*/

#generic .infoDetail .tab-box {  border-bottom: 1px solid #DDD;  padding-bottom:10px; margin-top:20px;}
#generic .infoDetail .tab-box a { border:1px solid #DDD;  color:#666666;  padding:7px 30px 8px;  text-decoration:none;  background-color: #eee; font-size:15px;}
#generic .infoDetail .tab-box a.activeLink {  background-color: #0052a5;  border-bottom: 0; padding: 7px 30px 8px; color:#FFF;}
#generic .infoDetail .tabcontent { border: 1px solid #ddd; border-top: 0; padding: 10px; overflow:hidden;}
.hide {display:none;}

.FosterBox{ width:1007px; height:570px; background:#FFFFFF; position:absolute; z-index:0; top:-1000px; transition: all .5s;-moz-transition:all .5s;-webkit-transition:all .5s; -o-transition: all .5s; z-index:9999; border:4px solid #0052a5; -webkit-box-shadow: 0px 0px 16px rgba(13, 15, 17, 1);
-moz-box-shadow:    0px 0px 16px rgba(13, 15, 17, 1);
box-shadow:         0px 0px 16px rgba(13, 15, 17, 1);}
#FosterBox.active{top:-159px; left:0px;}
.btn_close{ position:absolute; right:-15px; top:-20px;}
/*End Contest Form Styles*/

.addressBox{ width:200px; padding-top:10px;}
.mapBox{ width:580px; float:left; margin-left:20px; margin-top:15px; border:1px solid #CCC;}

.sepHoriz{ background:url(../images/imgSep_horiz.gif) repeat-y; width:57px;}
.sepVert{ background:url(../images/imgSep_vert.gif) repeat-x; height:3px;}

/*Accordion Styles
.accordion { margin: 0; padding:10px; height:47px; overflow:hidden; background: url(../images/bg_faq.gif) no-repeat; line-height:17px; text-decoration:none; color: #000; font-size:11px;}*/
.accordion-open {color: #000;}
.accordion-open span {display:block; float:right; background:url(../images/minus.gif) no-repeat 0 11px; padding:20px 10px; margin-right:5px;}
.accordion-close span {display:block; float:right; background:url(../images/plus.gif) no-repeat 0 11px; padding:20px 10px; margin-right:5px;}
.ac_container { width:812px; margin:0; padding:10px; background-color: #e6e6e6;
    border-color: #d1d0d0 #c6c5c5 #e6e5e5;
    border-top: 1px solid #d1d0d0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1) inset, 0 1px 2px 0 #FFFFFF; padding-left:25px; margin-bottom:15px;
	-moz-border-radius-topleft: 0px;
-moz-border-radius-topright:0px;
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-webkit-border-top-left-radius:0px;
-webkit-border-top-right-radius:0px;
-webkit-border-bottom-left-radius:8px;
-webkit-border-bottom-right-radius:8px;
border-top-left-radius:0px;
border-top-right-radius:0px;
border-bottom-left-radius:8px;
border-bottom-right-radius:8px;

margin-top:-21px;
	}
.accordion-close strong{float:left; padding-right:5px;}
.accordion-open strong{float:left; padding-right:5px;}
.ac_content { margin: 0; padding:0px;}
.ac_content p {padding:0; margin:0; font-size:11px;}
.ac_content a {color:#5a5a5a;}
.ac_content li { line-height:17px; margin:0; padding:0; font-size:11px;}


 .accordion {background-color: #dedede;
    border-color: #d1d0d0 #c6c5c5 #e6e5e5;
    border-top: 1px solid #d1d0d0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1) inset, 0 1px 2px 0 #FFFFFF;
    color: #333; padding:10px; 
	
	overflow:hidden; line-height:17px; text-decoration:none; font-size:11px; font-weight:bold; -moz-border-radius-topleft: 8px;
-moz-border-radius-topright:8px;
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-webkit-border-top-left-radius:8px;
-webkit-border-top-right-radius:8px;
-webkit-border-bottom-left-radius:8px;
-webkit-border-bottom-right-radius:8px;
border-top-left-radius:8px;
border-top-right-radius:8px;
border-bottom-left-radius:8px;
border-bottom-right-radius:8px; margin-bottom:15px;}

/*Lightbox Styles*/
.tbox {position:absolute; display:none; padding:14px 17px; z-index:900}
.tinner {padding:15px; background:#fff url(images/preload.gif) no-repeat 50% 50%; border-right:1px solid #333; border-bottom:1px solid #333}
.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:800}
.tclose {position:absolute; top:-9px; right:0px; width:30px; height:30px; cursor:pointer; background:url(../images/close.png) no-repeat; z-index:700}
.tclose:hover {background-position:0 -30px}

#error {background:#ff6969; color:#fff; text-shadow:1px 1px #cf5454; border-right:1px solid #000; border-bottom:1px solid #000; padding:0}
#error .tcontent {padding:10px 14px 11px; border:1px solid #ffb8b8; -moz-border-radius:5px; border-radius:5px}
#success {background:#2ea125; color:#fff; text-shadow:1px 1px #1b6116; border-right:1px solid #000; border-bottom:1px solid #000; padding:10; -moz-border-radius:0; border-radius:0}
#bluemask {background:#000}
#frameless {padding:0; cursor:pointer;}
#frameless .tclose {right:-9px}
/*End Lightbox Styles*/

/*Form Styles*/
.lightboxform{ width:100%; height:auto; float:left; background:url(../images/bg_enquiry_form.jpg) no-repeat top; color:#000;}
.lightboxform .mandat{ font-size:11px; text-align:right; margin-right:10px; margin-bottom:5px; margin-top:10px; color:#054901;}
.lightboxform .txt10{ font-size:10px; color:#7d7d7d;}
.lightboxform ul {margin:0px; padding:0px; list-style:none;}
.lightboxform ul li {width:100%; clear:both; margin-bottom:15px; float:left;}
.lightboxform ul li label {float:left; width:150px; text-align:left; vertical-align:middle; font-family:Arial, Helvetica, sans-serif; font-size:12px; display:block;}
.lightboxform ul li input[type="text"] {float:left; width:180px; height:20px; border:1px solid #7f9db9; background:#FFFFFF; margin:0px; color:#1a1a1a; display:block; font-size:95%;}
.lightboxform ul li textarea {float:left; width:180px; border:1px solid #7f9db9; background:#FFFFFF; margin:0px; color:#1a1a1a; display:block; font-size:95%;}
.lightboxform ul li select {float:left; width:182px; border:1px solid #b3bad0; margin:0px; color:#818181; display:block; font-size:95%; color:#1a1a1a;}
.lightboxform .submit{padding:5px 72px 10px 0px;}

/*Form Styles*/
.contactform{ width:100%; padding:10px; height:auto; background:#f8f9f9;}
.contactform .mandat{ font-size:11px; text-align:right; margin-right:30px; margin-bottom:20px;}
.contactform .txt10{ font-size:10px; color:#7d7d7d; line-height:20px;}
.contactform ul {margin:0px; padding:0px; list-style:none;}
.contactform ul li {margin-bottom:13px;}
.contactform ul li.wd350{ width:350px; margin-right:10px;}
.contactform ul li.wd400{ width:400px; margin-right:10px;}
.contactform ul li label {float:left; width:100px; text-align:left; vertical-align:middle; font-family:Arial, Helvetica, sans-serif; font-size:12px; display:block; line-height:20px;}
.contactform ul li label.wd120{ width:120px;}
.contactform ul li label.wd150{ width:150px;}
.contactform ul li label.wd200{ width:200px;}
.contactform ul li label.wd250{ width:250px;}
.contactform ul li label.wd300{ width:300px;}
.contactform ul li input[type="text"] {float:left; width:160px; height:20px; border:1px solid #7f9db9; background:#FFFFFF; margin:0px; color:#1a1a1a; display:block; font-size:95%;}
.contactform ul li input[type="checkbox"] {float:left; display:block; font-size:95%; margin-right:5px;}
.contactform ul li input[type="radio"] {float:left; display:block; font-size:95%;}
.contactform ul li textarea {float:left; width:160px; border:1px solid #7f9db9; background:#FFFFFF; margin:0px; color:#1a1a1a; display:block; font-size:95%;}
.contactform ul li select {float:left; width:162px; border:1px solid #b3bad0; margin:0px; color:#818181; display:block; font-size:95%; color:#1a1a1a;}
.contactform .submit{padding:5px 72px 10px 0px;}
.bgNone{ background:none;}


.box{width:600px; padding:10px 10px 10px 20px; overflow:hidden; -moz-box-shadow:0px 0px 5px #444444; -webkit-box-shadow:0px 0px 5px #444444; box-shadow:0px 0px 5px #444444; border:5px solid #0052a5;}
.close{	float:right; margin-right:6px; cursor:pointer;}
.box .title{ font-family:Arial, Helvetica, sans-serif; font-size:17px; border-bottom:dashed 1px #000; padding-bottom:10px; margin-bottom:10px;}

.featureTab{margin-bottom:-1px; z-index:99999; background:#009542; float:right; width:294px;}
.featureShow{display:none; width:907px;  position:absolute; right:22px; bottom:-107px; z-index:9 }
ul.arrowIndex {list-style:none; margin:0; padding:0}
ul.arrowIndex li{background:url(../images/arrow_index.gif) no-repeat left 3px; margin-right:10px; padding-left:15px; margin-bottom:10px; line-height:16px;}

.aboutCosma{background-position:0px 476px !important;}
.homeCosma{background-position:0px 520px !important;}