/*

TABLE OF CONTENTS
-----------------
=Master Style
=Global Setting
=Layout
=Header
=Main Banner content
=Navigation
=Homepage Content Wrap
=Homepage Content
=Innerpage Content Wrap
=Innerpage Content
=Footer

*/
/* =Master style
******************/
body {height: 100%; position: relative;}

html {height: 100%;}

html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, abbr, acronym, address, big, cite, code, em, font, img, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{margin:0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #666666;}
ol, ul
{list-style: none;}
p 
{color: #666666; margin-bottom:20px; line-height: 22px; font-size: 12px; }
a 
{color:#ED413C; text-decoration: none;}
a:hover 
{text-decoration: underline;}
strong
{font-weight:bold; color:#848484; display:block;}

#search  {
left:10px;
position:relative;
top:-95px;
}

hr {	color:#ccc;
	background-color:#ccc;
	height:1px;
	border-bottom:1px dotted #ffffff;
	border-top:none;
	border-left:none;
	border-right:none;
	margin:10px 0px 10px 0px;
	padding:0px 0px 0px 0px;}
	

h3 {color:#333333; font-weight: bold; font-size: 14px;}

/* =Global Setting
********************/
body {
	font:normal 62.5% Arial, Tahoma, Verdana, sans-serif; height: 100%; background: #262626;
}


/* =Layout
************/
#outerWrap {
	background:#F2F2F2 url(../template_images/bg.jpg) repeat-x;
	width:100%;
	
	
}
#outerWrap_global {
	background:#fff url(../template_images/bg_global.jpg) repeat-x;
	width:100%;
	height: auto;
	
}
#layout {
	width:975px;
	margin:auto;	
	padding-left:7px;
}
#header {
	float:left;
	width:975px;
	margin:20px 0 0;
}
#topNavi {
	float:left;
	width:968px;
	height:40px;
	margin:1px 0 12px;
	font-size:1.2em;
	background:url(../template_images/bg_nav.png) no-repeat;
	z-index: 999999;
	position:relative;
}
#banner {
	margin:0px;
	float: left;
	width: 969px;
	height: 313px;
	background: url('../template_images/main_banner.gif') no-repeat top left;
	position: relative;
}
#footer_spacer {
	width:609px;
	clear:both;	
	margin:auto;	
	
}

#footer_content {
	width:968px;
	clear:both;	
	margin: 0px auto auto auto;	
	height: 280px;
}

#footer_left { border-right: 1px solid #434343; height: 215px; padding-top: 35px; float: left; margin-left: 10px; margin-top: 5px; color: #ffffff; font-size: 12px; background: url('../template_images/footer_title1.gif') no-repeat top left; width: 297px; text-align: right;}

#footer_left a { margin-left: 15px; float: left; color: #ffffff; font-size: 12px; display: block; width: 40%; height: 20px; background: url('../template_images/footer_bullet.gif') no-repeat top left; text-indent: 13px; text-align: left}

#footer_left a:hover {background: url('../template_images/footer_bullet.gif') no-repeat bottom left;}

#footer_middle { padding: 0px 15px 0px 15px; width: 314px; height: 250px; border-right: 1px solid #434343; float: left; margin-top: 5px;}

#footer_middle p {font-size: 11px; color: #a2a2a2; line-height: 20px;}

#footer_middle img {clear: both;}

#footer_middle p span {font-style: italic; font-size: 11px; color:#FFFFFF; display: block; clear: both;}

#footer_right {/*height: 215px;*/ margin-bottom: 10px; float: right; margin-right: 0px; color: #ffffff; font-size: 11px; background: url('../template_images/use_today.gif') no-repeat -12px 5px; width: 287px; text-align: right; padding-top: 6px; padding-right: 25px;}

#footer_right a{color: #ffffff;}
#footer_right a:hover{color: #ffffff;}

#footer_right div {float: left; width: 297px; margin-top: 40px;}

.footer_field {color: #fff; font-size: 11px; width: 266px; padding: 7px; float: left; margin: 0px 0px 17px 14px!important; clear: both; border: 1px solid #6a6a6a!important; background: url(../template_images/footer_field_bg.gif) no-repeat top left;}

.footer_text {overflow: auto; color: #fff; padding: 7px; margin-left: 14px; float: left; border: 1px solid #6a6a6a; background: url(../template_images/footer_comment_bg.gif) no-repeat top left; width: 266px; height: 59px; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}

#footer_success {float: left; width: 120px!important; height: 26px; margin-top: 7px!important; margin-left: 17px; background:url('../template_images/footer_success.gif') no-repeat 0px 0px;}

#captcha {float: left; margin-left: 15px; height: 27px; margin-top: 5px; border: 1px solid #6a6a6a;}

#footer_captcha {color: #fff; font-size: 11px; width: 80px; padding: 7px; float: left; margin: 5px 0px 17px 5px!important; border: 1px solid #6a6a6a; background: url(../template_images/footer_field_bg.gif) no-repeat top left;}

#footer_error {float: left; width: 143px!important; height: 26px; margin-top: 7px!important; margin-left: 17px; background:url('../template_images/required.gif') no-repeat 0px 0px;}

.footer_info {float: left; width: 266px!important; padding: 7px; margin: 0px 0px 17px 14px!important;}

.footer_submit {float: right; margin-top: 7px;}

input.ErrorField {border: 1px solid #990000!important; background: url(../template_images/footer_field_bg_error.gif) no-repeat top left!important;}

textarea.ErrorField {border: 1px solid #990000!important; background: url(../template_images/footer_comment_bg_error.gif) no-repeat top left;}

#nyroModalContent input.ErrorField {background: url(../template_images/footer_field_bg_error_white.gif) no-repeat top right;}

#nyroModalContent textarea.ErrorField {background: url(../template_images/footer_comment_bg_error_white.gif) no-repeat top right;}

/* =Header
************/
#header h1 a {
	background:transparent url(../template_images/logo.gif) no-repeat left top;
	width:423px;
	float:left;
	height:59px;
	margin:0 0 0 2px;
	text-indent:-9999px;
	cursor:pointer;
}
#headerLinks {
	float:right;
}
#headerLinks li {
	float:left;
	font-size:1.1em;
	margin:15px 9px 0 0;
	color:#C2C2C2;
}
#headerLinks li a {
	color: #C2C2C2;
	padding:0 4px 0 0;
}

/* =Main Banner content
****************/

.panel {float: left; width: 965px; height: 310px; color: #ffffff;}

.panel p {font-size: 14px; color: #ffffff !important;}

.panel p strong{color: #FFFFFF; font-weight: bold; display: inline!important;}

#content1 {}
#content1 p{margin: 0px 0px 0px 20px; _margin: 0px 0px 0px 10px; width: 500px; float: left;}
#content1 img.main_image{position:absolute; right:0; top:0;}
#content1 h1 {text-indent: -999px; background: url('../template_images/tab3_heading.gif') no-repeat top left; width: 383px; height: 79px; display: block; margin: 10px;}

#content2 {}
#content2 p{margin: 0px 0px 10px 20px; _margin: 0px 0px 5px 10px; width: 520px; float: left;}
#content2 .image{margin: -83px 25px 0px 0px; _margin: -83px 25px 0px 20px; width: 355px; height: 228px; float: right; background: url('../template_images/tab2_mainimage.png') no-repeat top left; _background: url('../template_images/tab2_mainimage.gif') no-repeat top left;}
#content2 h1 {text-indent: -999px; background: url('../template_images/tab1_heading.gif') no-repeat top left; width: 383px; height: 79px; display: block; margin: 10px;}

#content3 {}
#content3 p{margin: 0px 0px 10px 20px; float: left;}
#content3 div.left {width: 350px; float: left;}
#content3 div.right {width: 575px; float: left; margin-top: -81px; margin-left: 20px}
#content3 div.right h2{font-size: 16px; font-weight: bold; color: #f2f2f2; display: block; width: 100%; border-bottom: 1px dotted #666666;}
#content3 div.right div {float: left; }
#content3 img{margin: -92px 0px 0px 20px; float: right;}
#content3 h1 {text-indent: -999px; background: url('../template_images/interactive_engaging.gif') no-repeat top left; width: 510px; height: 80px; display: block; margin: 10px;}
.module_overview {float: left; width: 281px; height: 71px; color: #cccccc;}
.module_overview img {margin: 5px 5px 0px 0px !important; float: left !important;}
.module_overview span {font-size: 12px; color: #F2F2F2; display: block; font-weight: bold; margin-top: 5px;} 

#content4 {}
#content4 p{margin: 5px 0px 10px 20px; float: left; width: 500px;}
#content4 h1 {text-indent: -999px; background: url('../template_images/tab2_heading.gif') no-repeat top left; width: 620px; height: 77px; display: block; margin: 5px 10px 10px 10px;}
#content4 .image{margin: -166px 41px 0px 20px; _margin: -180px 41px 0px 20px; width: 340px; height: 220px; float: right; background: url('../template_images/tab4_mainimage.png') no-repeat top left; _background: url('../template_images/tab4_mainimage.gif') no-repeat top left;}

#content5 {}
#content5 p{margin: 5px 0px 10px 20px; float: left; width: 500px;}
#content5 h1 {text-indent: -999px; background: url('../template_images/tab5_heading.gif') no-repeat top left; width: 620px; height: 50px; display: block; margin: 5px 10px 10px 10px;}
#content5 p.question{margin: 5px 0px 10px 20px; float: left; width: 500px; background: url('../template_images/cross.gif') no-repeat top left; text-indent: 27px; line-height: 20px;}

.tab5_mainimage {cursor: pointer; background: url('../template_images/tab5_mainimage.gif') no-repeat top left; height: 215px; width: 414px; float: right; margin:-185px 20px 4px; position: relative;}
.tab5_overlay {cursor: pointer; position: absolute; top: 0px; left: 0px; width: 414px; height: 215px; background:url('../template_images/explore.png') no-repeat top left;}

.banner_tab {background: url('../template_images/tab.jpg') no-repeat top left; position: absolute; bottom: 0px; width: 193px; height: 44px; cursor: pointer; padding-top: 10px; filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;}

.banner_tab a {color: #fff; display: block; width: 113px; padding-left: 70px; padding-right: 10px; height: 34px; padding-top: 10px; position: absolute; right: 0px; top: 0px;}
.banner_tab a:hover {color: #fff;}

.banner_tab:hover {background: url('../template_images/tab.jpg') no-repeat top left; position: absolute; bottom: 0px; width: 193px; height: 44px; cursor: pointer; padding-top: 10px; filter:alpha(opacity=100) !important;-moz-opacity: 1 !important;opacity: 1 !important;}

.banner_tab_active {background: url('../template_images/tab_active.jpg') no-repeat top left; position: absolute; bottom: 0px; width: 193px; height: 44px;  cursor: pointer; padding-top: 10px;}


#tab1 {left: 1px; font-size: 14px; color: #fff;}

#tab1 span{left: 1px; font-size: 11px; color: #fff;}

#icon1 {background-image: url('../template_images/tab1_icon.jpg'); background-repeat: no-repeat; width: 80px; height: 72px; float: left; margin-left: 0px; margin-top: -10px;}
.banner_tab #icon1 {background-position: 14px 7px;}
.banner_tab_active #icon1 {background-position: 0px -81px;}

#tab2 {left: 194px; font-size: 14px; color: #fff;}
#icon2 {background-image: url('../template_images/tab2_icon.jpg'); background-repeat: no-repeat; width: 80px; height: 72px; float: left; margin-left: 0px; margin-top: -10px;}
.banner_tab #icon2 {background-position: 14px 7px;}
.banner_tab_active #icon2 {background-position: 0px -81px;}

#tab3 {left: 387px; font-size: 14px; color: #fff;}
#icon3 {background-image: url('../template_images/tab3_icon.jpg'); background-repeat: no-repeat; width: 80px; height: 72px; float: left; margin-left: 0px; margin-top: -10px;}
.banner_tab #icon3 {background-position: 14px 7px;}
.banner_tab_active #icon3 {background-position: 0px -81px;}

#tab4 {left: 580px; font-size: 14px; color: #fff;}
#icon4 {background-image: url('../template_images/tab4_icon.jpg'); background-repeat: no-repeat; width: 80px; height: 72px; float: left; margin-left: 0px; margin-top: -10px;}
.banner_tab #icon4 {background-position: 14px 7px;}
.banner_tab_active #icon4 {background-position: 0px -81px;}

#tab5 {left: 773px; font-size: 14px; color: #fff;}
#icon5 {background-image: url('../template_images/tab5_icon.jpg'); background-repeat: no-repeat; width: 80px; height: 72px; float: left; margin-left: 0px; margin-top: -10px;}
.banner_tab #icon5 {background-position: 14px 7px;}
.banner_tab_active #icon5 {background-position: 0px -81px;}


/* =Navigation
****************/
#topNavi ul {
	float:left;
	z-index: 999999;
}
#topNavi ul li {
	background:url(../template_images/nav_divider.png) no-repeat left bottom;
	float:left;
	height:32px;
	width: auto;
	position:relative;
	margin-top: 0px;
	
}

#topNavi ul li:hover {background:url(../template_images/bg_nav_roll.gif) no-repeat 0 -84px;}

#topNavi ul li a {
	color:#fff;
	/*background:url(../template_images/bg_nav_roll.gif) no-repeat 0 90px;*/
	float:left;
	padding:0 10px;
	line-height:32px;
}

/*DROPDOWN LEVEL 1*/

#topNavi ul li ul {background:url(../template_images/menu_bg.png) no-repeat bottom left; display: none; position: absolute; top: 33px; left: 0px; z-index: 99999; width: 211px; padding-bottom: 15px;}

#topNavi ul li ul li {float: left; clear: both; display: block; height: 32px; width: 201px; background: none; border-bottom: 1px solid #999999;}

/*DROPDOWN LEVEL 2*/

#topNavi ul li ul li ul {display: none; float: left; clear: both; position: absolute; top: -1px; left: 203px; z-index: 99999; width: 211px;}

#topNavi ul li ul li ul li {float: left; clear: both; display: block; width: 201px;}


#topNavi li.first {
	background:none;
	margin-left: 0px!important;
}

#topNavi li.first:hover {
	background:none;
}

#topNavi ul li.first a {
	padding-left:19px;
}
#topNavi ul li a.selected {
	/*background:url(../template_images/bg_nav_roll.gif) no-repeat 0 -124px;*/
}
#topNavi ul li.first a.selected {
	background:url(../template_images/bg_nav_roll.gif) no-repeat 0 -44px;
}
#topNavi ul li.first:hover {
	background:url(../template_images/bg_nav_roll.gif) no-repeat 1px -5px;
}
#topNavi ul li a:hover {
	/*background:url(../template_images/bg_nav_roll.gif) no-repeat 0 -84px;*/
	text-decoration:none;
}

/* =Homepage Content Wrap
***************************/

#background_grey {background: #dedddd; height: 213px; width: 100%; position: absolute; top: 685px; *top: 683px; _top: 703px; left: 0px;}

#white_box_top, #white_box, #white_box_bott {
	
	width:968px;
	float:left;
}
#white_box_top {
	background:url(../template_images/white_box_t.gif) no-repeat;
	height:12px;		
}
#white_box {
	background:url(../template_images/white_box_m.gif) repeat-y;
	margin-top:-1px;
	position: relative;
}
#white_box_bott {
	background:url(../template_images/white_box_b.gif) no-repeat;
	height:18px;
	margin-bottom:10px;
}

/* =Homepage Content
**********************/
.col {
	width:295px;
	float:left;
	padding:5px 5px 0 15px;
	margin-bottom: 20px;
}

.col span {border-bottom: 1px solid #e7e7e7; display: block; margin-top: 10px; padding-bottom: 10px; font-size: 14px; padding-left: 10px;}

.col span#devroom {border-bottom: 0px!important; margin-top: 15px!important;}

.col span a {color: #848484;}
.col span a:hover {color: #848484;}

.colone {
	width:195px;
	float:left;
	padding:5px 5px 0 15px;
}
.coltwo {
	width:700px;
	float:left;
	padding:5px 5px 0 15px;
}

#shade {width: 964px; height: 20px; background:url(../template_images/home_shade.jpg) repeat-x top left; margin-left: 2px;}

#home_content {width: 100%; float: left; margin-bottom: 20px; text-indent: 15px;}

#home_content_holder {float: left; width: 935px; border-top: 1px solid #e6e6e1; border-bottom:1px solid #e6e6e1; margin-left: 15px; _margin-left: 7px; height: 160px; background:url(../template_images/numbers.gif) no-repeat top right;}

#home_content_holder p {margin-left: 3px; margin-right: 60px; color: #828181; font-size: 13px; line-height: 18px; margin-bottom: 7px;}

a.hotlink 			{font-size: 12px; font-weight: bold; padding-right: 25px; background:url(../template_images/cross2.gif) no-repeat top right; padding-bottom: 5px; padding-top: 1px; float: right; clear: both; margin-right: 60px; color: #ED413C;}
a.hotlink:hover 	{color: #000; text-decoration: none;}

#white_box h1 {
	color:#C83430;	
	height:22px;	
	font-size:15px;
	font-weight:normal;
	margin-bottom:15px;
}

span.small {
	font-size:.9em;
	display:block;
}


#grey_row {float: left; width: 962px; _width: 960px; margin-left: 3px; _margin-left: 2px; height: 213px; background: #e7e7e7;}

.greybar_float {width: 287px; float: left; margin-left: 14px; margin-right: 14px; height: 200px; margin-top: 10px; position: relative;}

.greybar_float p {font-size: 14px; line-height: 18px;}

.greybar_float .img_button {position: absolute; bottom: 10px; right: 5px;}

.grey_readmore {position: absolute; bottom: 10px; right: 10px;}
.read_more{float:right;}

#ind_list_div{
padding-left:10px;
float:left;
}

/* =Innerpage Content Wrap
****************************/
#subheader {
	background: url(../template_images/header_bg.gif) no-repeat;
	width:966px;
	height:116px;
	float:left;
	position: relative;
}

.crumbtrail {
			left:31px;
			position:absolute;
			text-align:left;
			top:55px;
			width:500px;}
			
.crumbtrail a 		{color:#999999;}
.crumbtrail a:hover {color:#cccccc;}				

#content {
	float:left;
	margin-left:3px;		
	width:961px;
	background:#ffffff;
	position: relative;
	z-index: 9;
}

#sub_slider {float: left; margin-left: 3px; height: 200px; padding-left: 10px; padding-right: 10px; width: 941px; position: relative; background: url(../template_images/kwick_bg.gif) no-repeat top left;}

#darkround {float: left; margin-bottom: 20px; width: 961px; height: 10px; margin-left: 3px; background: url(../template_images/subpage_darkround.gif) no-repeat top left;}

#lightround {float: left; margin-top: 20px; width: 961px; height: 10px; margin-left: 3px; background: url(../template_images/subpage_lightround.gif) no-repeat top left;}

#kwick_holder {float: left; height: 200px; width: 940px; position: relative;}

.kwicks li{
	float: left;
	width: 235px;
	height: 200px;
	margin-right: 5px;
}

.kwicks li span {background-image: url(../template_images/solutions_banner.gif); background-repeat: no-repeat; width: 205px; height: 200px; display: block; float: left; margin-left: 20px; position:relative;}

.kwicks li div { position: relative; display: none; width: 140px; padding-right: 10px; float: right; margin-right: 0px; margin-top: 20px;  height: 180px; color: #ffffff; font-size: 12px;}

.kwicks li div a {position: absolute; bottom: 0px; left: 0px; background-image: url(../template_images/learn_more.gif); background-repeat: no-repeat; background-position: 0px -47px; height: 47px; width: 127px; display: block;}

.kwicks li div a:hover {background-position: 0px 0px;}


 .kwicks li.active div {  
    display: block;  
 }  

#kwick1 { 
	/*background: url(../template_images/kwicks_sep.gif) no-repeat top right;*/
	
}

#kwick1 span {background-position: 0px 0px;}

#kwick2 {
	background: url(../template_images/kwicks_sep.gif) no-repeat top left;
}

#kwick2 span {background-position: -238px 0px;}

#kwick3 {
	background: url(../template_images/kwicks_sep.gif) no-repeat top left;
}

#kwick3 span {background-position: -482px 0px;}

#kwick4 { 
	background: url(../template_images/kwicks_sep.gif) no-repeat top left;
	margin-right: none;
}

#kwick4 span {background-position: -720px 0px;}        	 

#left {
	width:610px;
	float:left;
	margin:70px 10px 20px 0;
	padding:20px 0 0 40px;
}
#right {
	width:270px;
	float:left;
	padding:20px 0 0 10px;
	margin:70px 0 0;
}
.box {
	width:259px;
	margin:10px 0 0 2px;
	background:url(../template_images/box_m.gif) repeat-y;	
}
.box_top {
	background:url(../template_images/box_t.gif) no-repeat;
	width:259px;
	height:30px;
	padding:8px 0 0 14px;
	font-size:1.2em;
}
.box_bottom {
	background:url(../template_images/box_b.gif) no-repeat;
	width:259px;
	height:20px;
}

/* =Innerpage Content
***********************/
#subheader h1 {
	float:left;
	color:#eeeeee;
	font-size:3em;
	font-weight:normal;
	padding:20px 0 0 30px;
}
#subheader h1 a {
	color:#eeeeee;
}
#subheader a:hover {
	text-decoration:none;
}
.subnav {
	clear:both;
	padding:34px 0 0 27px;
	z-index: 10;
}
.subnav li {
	background:transparent url(../template_images/nav_divider_global.png) no-repeat right bottom;
	float:left;
	font-size:1.2em;
	line-height: 16px;
}
.subnav li a:link,.subnav li a:visited,.subnav li a:active {
	float:left;
	display:block;
	padding:8px 14px 3px 12px;	
	color:#fff;
	text-decoration:none;
	margin-left:1px;
}
.subnav li a:hover {
	background:url(../template_images/subnav_bg.gif) no-repeat left 4px;
	color:#2f2f2f;
	margin-left:1px;
}
.subnav li.selected {
	background:url(../template_images/subnav_bg.gif) no-repeat left 4px;
	padding:0 7px 0 0 ;
}
.subnav li.selected a:link,.subnav li.selected a:visited,.subnav li.selected a:hover,.subnav li.selected a:active {
	display:block;
	float:left;
	background:url(../template_images/subnav_bg.gif) no-repeat right 4px;
	position:relative;
	left:7px;
	color:#2f2f2f;
	font-weight:bold;
}
#content h1 {
	font-size:2.1em;
	font-weight:normal;
	width:890px;
	color:#CB0008;
	background:url(../template_images/dot_heading.gif) repeat-x bottom;
	height:35px;
	position:absolute;
	top:20px;
	left: 37px;	
}

#content ul {list-style: disc; font-size: 12px; margin-left: 25px;}

#content ul li {margin-bottom: 2px;}

#content h2 {
	color:#C83430;
	display:block;
	font-size:1.5em;
	font-weight:bold;
	line-height:1.5em;
	margin-bottom:10px;
}
.info_box a {
	background:url(../template_images/info_box.gif) no-repeat;
	width:266px;
	display:block;
	height:94px;
	color:#848484;
}
.info_box a:hover {
	background:url(../template_images/info_box.gif) no-repeat 0 -96px;
	width:266px;
	height:94px;
	text-decoration:none;
}
.left_img {
	float:left;
	margin:15px 0 0 10px;
}
.info_box span {
	color:#848484;
	font-size:1.1em;	
	padding-right:20px;
	display:block;
}
.info_box strong {
	color:#848484;
	font-size:1.2em;
	padding:10px 15px 0 0;
	margin:0;
}
.box a {
	display:block;
}
.box p {
	padding:5px 10px 0 10px;
}
ul#career {
	list-style:square;
	margin-left:20px;	
	font-size:1.2em;
}

/* =About us
****************************/

.about_us tr td strong {font-weight: bold; color:#CC0000;}

.board_desc {float: left; width: 116px;}

/* =Footer
************/
#footer_full {width: 100%; height: 100px; background: #262626; bottom: 0px; background:transparent url(../template_images/footer_bg.gif) repeat-x top left; padding-top: 20px;}


ul#bg, ul#bg_inn {
	background:transparent url(../template_images/footer_center.gif) repeat-x;
	height:38px;
	width:586px;
	float:left;	
}
.footleft {
	background:transparent url(../template_images/footer_left.gif) no-repeat;
	width:11px;
	height:38px;
	float:left;
}
ul#bg li{
	color:#5F5C5C;
	float:left;
	line-height:32px;
}
ul#bg li a{
	color:#5F5C5C;
	font-size:1.1em;
	padding:0 7px;
	margin-left:5px;
}
.footright {
	background:transparent url(../template_images/footer_right.gif) no-repeat;
	width:12px;
	height:38px;
	float:right;
}
.cpy {
	color:#A7A6A6;
	margin-top:0;
	text-align:center;
	font-size:1.1em;
}
.cpy a {
	color:#A7A6A6;
	padding:0 3px;
}


/****stepcarousel****/
.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 965px; /*Width of Carousel Viewer itself*/
	height: 310px; /*Height should enough to fit largest content's height*/
	float: right;
	margin-right: 2px;
	}
	
	.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
	}
	
	.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0px; /*margin around each panel*/
	width: 965px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	}


/****Help****/
/*#help {
	color: #666666;	
}
#help a {
	color: #666666;
	padding-left:2px;
}
table.help_search {
	font-size: 12px;
	width: 50%;
	padding-bottom: 10px;
}
a.help_addresslink:link     {color: #ff0000; font-size: 12px; text-decoration: none; }
a.help_addresslink:visited  {color: #ff0000; font-size: 12px; text-decoration: none}
a.help_addresslink:active   {color: #ff0000; font-size: 12px; text-decoration: none}
a.help_addresslink:hover    {color: #87898D; font-size: 12px; text-decoration: underline}
td.help_section {
	font-weight: bold;
	text-decoration: underline;
	color: #000000;
	font-size:12px;
	padding: 0 0 5px 10px;
}
td.help_question {
    font-weight: bold;
    color: #666666;
    padding: 3px 0px 3px 10px;
}
td.help_answer {
    font-style: italic;
    color: #0E8802;
	font-size:11px;
    padding-left: 20px;
}
td.help_topten_header {
    font-weight: bold;
    color: #ff0000;
	font-size:11px;
	text-indent:18px;
	padding-left: 20px;
}   
#filerow {}
#filerowalt {
    background: #F8F8F8;
	margin-left:25px;	
}
td.info {
   font-size: 12px;
   background: #FFFFFF;
   padding:0;
   vertical-align: top;
} 
table.help_search {
    font-size: 12px;
    width: 73%;
	font-family:Arial, Helvetica, sans-serif;
    padding:0;
}
input.button {
   font-size: 10px;
   color: #333300;
   background:#999999 bottom left;
   border: 1px solid #333333;
   float:left;
   margin-left:10px;
}
.help_txt {
	font: normal 13px Arial;
	padding:0 20px 0 0;
	color:#4F5559;
	margin:0;
	float:left;
}
input.field {
   font-size: 10px;
   color: #000000;
   border: 1px solid #666666;
   float:left;
}
.b {
	font-size: 10px;
}*/
.help_addresslink
{
padding:5px;
}

a.help_addresslink:link     {color: #C9112B; font-size: 12px; text-decoration: none; text-indent:4px; margin-bottom:15px; }
a.help_addresslink:visited  {color: #C9112B; font-size: 12px; text-decoration: none}
a.help_addresslink:active   {color: #C9112B; font-size: 12px; text-decoration: none}
a.help_addresslink:hover    {color: #87898D; font-size: 12px; text-decoration: underline}
td.help_section {
	font-weight: bold;
	text-decoration: underline;
	color: #000000;
	font-size:12px;
	padding: 0 0 5px 10px;
}
td.help_question {
    font-weight: bold;
    color: #666666;
    padding: 3px 0px 3px 10px;
}
td.help_answer {
    font-style: italic;
    color: #6A6969;
	font-size:12px;
    padding:0 0 10px 15px;
}
td.help_topten_header {
    font-weight: bold;
	font-size:11px;
	padding:10px 0 20px;
}
#content_help {
	width:986px;
	margin-left:-11px;
	clear:both;
	background:url(../template_images/content_bg.gif) no-repeat;
}  
#cont_help {
	width:940px;
	margin:0 0 0 25px;
}

/*contact*/

.tableButton {
	border:none;
	padding:0 2px 2px 0;
	margin-left:5px;
	height:25px;
	font-weight:normal;
	background:url(../template_images/button.gif) repeat-x;
	cursor:pointer;
	color:#fff;
	font-size:1.1em;	
	width:69px;
}
/****Collab****/

.head_bg {
	background:url(../template_images/collab_bg.gif) no-repeat;
	width:707px;
	height:47px;
	padding:5px 0 0 20px;
}

/****Prod catalogue****/

.module {float: left; margin-bottom: 20px; width: 595px; padding: 0px 0px 0px 10px; position: relative; background: #ffffff; height: 92px; background-image: url('../template_images/prod_fade.jpg'); background-repeat: no-repeat; background-position: 0px 0px;}

.moduleA {margin-right: 0px;}

.moduleB {margin-right: 0px;}

.module h2 {font-size: 22px; margin: 10px;}

.module h2 a {color: #ffffff; font-size: 22px;}

.module span {width: 497px; font-size: 12px; height: 60px; padding: 0px; display: block; position: absolute; top: 37px; left: 108px; color: #ffffff;}

.module a.more {display:block; width: 81px; height: 31px; position: absolute; bottom: -10px; right: 15px; background-image: url('../template_images/more.gif'); background-repeat: no-repeat; background-position: 0px 0px;}

.module a.more:hover, .module a.more:active {background-position: -81px 0px;}

.prodcat_divider {width: 600px; float: left; height: 10px; margin-top: 10px;}

.heading_divider {width: 569px; height: 2px; border-bottom: 1px solid #ccc; margin-bottom: 5px; margin-top: 5px;}

.category_list {position: relative; width: 569px; margin-bottom: 20px; padding: 20px; background-image: url('../template_images/category_bg.gif'); background-repeat: no-repeat; background-position: 0px 0px; float: left;}

.cat_bg { background-image: url('../template_images/cat_bg.jpg'); background-repeat: no-repeat; background-position: 0px 0px; width: 600px; height: 58px;}

.cat_bg a {display: block; height:40px; width: 95px; float: left; background-image: url('../template_images/module_menu.gif'); background-repeat: no-repeat; background-position: 0px 0px; margin: 3px 0px 0px 2px; padding: 5px 10px; color: #333333;}

.cat_bg a.active {display: block; height:40px; width: 95px; float: left; background-image: url('../template_images/module_menu_active.gif'); background-repeat: no-repeat; background-position: 0px 0px; margin: 3px 0px 0px 2px; padding: 5px 10px; color: #FFFFFF;}

.cat_small {width: 30%; float: left; margin: 10px 10px 10px 20px; list-style: disc;}

.cat_small li {font-size: 12px;}

.category_img {width: 61px; height: 45px;}

.prod_icon {float: left; width: 60px; height: 60px; margin: 10px 20px 0px 19px;}

#contact_expert {background-image: url('../template_images/expert_btn.gif'); background-repeat: no-repeat; background-position: 0px 0px; display: block; width: 192px; height: 58px;}

a#contact_expert:hover {background-image: url('../template_images/expert_btn.gif'); background-repeat: no-repeat; background-position: -191px 0px; display: block; width: 192px; height: 58px;}

#form_content{width: 500px; height: 520px; margin: 10px 10px 0px 10px;}

#other_modules {width: 300px; height: 30px; position: absolute; right: 35px; top: 5px; text-align: right;}

/****HOMEPAGE CAROUSEL****/
.stepcarousel{
position: relative; /*leave this value alone*/

overflow: scroll; /*leave this value alone*/
width: 965px; /*Width of Carousel Viewer itself*/
height: 310px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 965px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

label       { font-weight: bold; }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; color: #000000; }

/* Form fields
-------------------------------------------------------------- */
input[type=image] {margin-bottom: -7px;}


input[type=text],
input.text, input.title, 
textarea, select { 
  background-color:#fff; 
  border:1px solid #bbb; 
}
input[type=text]:focus, 
input.text:focus, input.title:focus, 
textarea:focus, select:focus { 
  border-color:#666; 
  background-color: #f3f3f3;
}

input[type=text], 
input.text, input.title,
textarea, select {
  margin:0.5em 0;
}

input.text, 
input.title   { width: 300px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { width: 390px; height: 250px; padding:5px; }
textarea.small {width: 300px; height: 150px; padding:5px;}

input[type=checkbox], input[type=radio], 
input.checkbox, input.radio { 
  position:relative; top:.25em; 
}

form.inline { line-height:3; }
form.inline p { margin-bottom:0; }

/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.success    { padding: 0; margin:0; }

.error      { color: #ff0000;  }
.notice     { color: #514721;  }
.success    {  color: #264409;  }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

/* login dropdown
-------------------------------------------------------------- */
#login_dropdown {
				 float: left;
				 width: 100%;
				 height: 40px;
				 background: url('../template_images/login_drop_bg.gif') repeat-x top left;
				 border-bottom: 2px solid #999999;
}

.login_error {
				 background: url('../template_images/login_error_bg.gif') repeat-x top left !important;
				 border-bottom: 2px solid #990000!important;
}

#close_dropdown {cursor: pointer; width: 24px; height: 24px; float: right; margin-right: 8px; margin-top: 8px; background: url('../template_images/close_btn.gif') no-repeat top left;}


#login_form {width: 795px; height: 40px; float: right; margin: auto auto; text-align: right; padding-right: 30px}

p.logout {margin-top: 7px; color: #333333}

#login_form span a{font-size: 10px; color: #000;}

#login_dropdown img {float: right; margin-right:20px; margin-top:5px;}

/* help 
----------------------------------------------------------------*/
#help_searchbox {
		position: absolute;
		top: -104px;
		right: 22px;
		width: 267px;
		height: 104px;
		background: url('../template_images/faq_search.gif') no-repeat bottom left;
		}


div#search {
	width:100%;
	margin-bottom:20px;
}

input.field_search {
	width:200px;
	height:16px;
	*margin-top:-1px;
	color:#000000;
	border-left:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-top:1px solid #cccccc;
	border-right:none;
	padding-top:3px;
	padding-left:3px;
}

div#help_content {
    width:100%;
    margin-top:20px;
    *margin-top:15px;
}

div#back {
	padding-bottom:2px;
}

div.filerow {
	width:580px;/*570px;*/
	_width:530px;/*560px;*/
	height:24px;/*31px;*/
	padding:7px 15px 0px 15px;
	background-image:url(../template_images/login_drop_bg.gif);
	background-repeat:repeat-x;
	background-position: bottom left;
	font-weight:bold;
	color: #fff;
}

div.filerowalt {
	width:580px;/*570px;*/
	_width:530px;/*560px;*/
	height:24px;/*31px;*/
	padding:7px 15px 0px 15px;
	background-image:url(../template_images/login_drop_bg.gif);
	background-repeat:repeat-x;
	background-position: top left;
	color: #fff;
}

div.filerowalt a, div.filerow a {
	font-weight:bold;
	color: #FFFFFF;
}

div.help_topten_holder {
	width:100%;
	margin-top:40px;
	*margin-top:20px;
}   

div.help_topten_holder h2 {
	color:#ffffff;
}

div.help_topten_holder p {
	margin:0px;
}

div.help_topten_holder hr {
	color:#000;
	background-color:#000;
	height:1px;
	border-bottom:1px dotted #ffffff;
	border-top:none;
	border-left:none;
	border-right:none;
	margin:3px 0px 3px 0px;
	*margin:0px 0px 0px 0px;
	padding:0px 0px -5px 0px;
}

div.topten_qs {
	width:100%;
}

div.question {
	width:580px;/*570px;*/

	padding:7px 15px 7px 15px;
	background-color:#ffffff;
	border-bottom:1px dotted #000000;
	font-weight:bold;
}
div.question a {
	color:#000000;
}

div.help_answer {
	width:580px;/*570px;*/
	padding:15px 15px 15px 15px;
	background-color:#e3e3e3;
}  

div.help_answer p {
	color:#000000;
}

/* Devroom carousel
------------------------------------------------------------------*/
.devroom_banner{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 297px; /*Width of Carousel Viewer itself*/
height: 200px; /*Height should enough to fit largest content's height*/
}

.devroom_banner .mini_belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.devroom_banner .mini_panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 277px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/* Client logos
------------------------------------------------------------------*/

.clients {width: 140px; height: 197px; float: left; position: relative; margin-bottom: 15px;}

.clients img {position: absolute; top: 0px; left: 0px; z-index: 1;}

.client_desc {position: absolute; bottom: 0px; left: 0px; height: 39px; width: 140px; z-index: 2; background: #000; opacity:0.75;filter:alpha(opacity=75)}

.clients span {position: absolute; z-index: 3; bottom: 12px; left: 5px; width: 130px; height: 20px; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #FFFFFF;}

.clients a {position: absolute; z-index: 3; bottom: 6px; left: 5px; display: block; height: 12px; width: 130px; color: #999999}

.client1 {}

.client2 {margin-left: 15px;}

.client3 {margin-left: 15px;}

.client4 {margin-left: 15px;}

/*****Additional Styles July 06*************/
.copyright
{
	display:block; clear:both; text-align:left; padding:90px 0 0 20px; color:#FFF
}


.fc_col1
{
	width:20%;
	float:left;
	font-size:12px;
	padding:5px 0
}

.fc_col2
{
	width:55%;
	float:left;
	font-size:12px;
	padding:0px 0
}


.fc_col2 input[type=text], input.text, input.title, textarea, select 
{
	padding:3px 0; margin:0 0 10px 0; width:200px
}

.fc_col2 textarea
{
	height:100px
}

/*****Additional Styles July 12*************/

.logoWrap
{
	width: 450px; float: left;
}
.headerRHS
{
	width: 450px; float: right;
}
p.topPhone
{
	float:right;margin:0;padding-right:15px;text-align:right;width:200px;
}

#topNavi {
	background:url(http://www.coredna.com/template_images/bg_nav_new.png) no-repeat;
}

.searchbarContainter
{
	float: right; width: 300px;
}
img.searchbx
{
	float: right; padding-right:15px; padding-top:2px; *padding-top:3px
}
input.searchbar {
background:transparent none repeat scroll 0 0 !important;
color:#FFF;
border:0;
position:absolute;
right:70px;
float:right;
text-align:left;
top:0;
width:125px;
*padding-top:4px;
margin-top:100px;
}

.searchbar input{ border:0}

.search_button {
border:0 solid #000000;
position:absolute;
right:25px;
top:0px;
margin-top:100px;
}

#headerLinks {
  font-size:10px;
	width:257px;
}



/***Addtion styles July 15****/
/*404 style*/
#left_page {
float:left;
margin:0px 10px 20px 0;
padding:20px 0 0 10px;
width:440px
}

#right_page {
float:left;
margin:0px 0 0;
padding:20px 0 0 30px;
width:270px;
}

#subheader_page
{
background:transparent url(../template_images/header_bg1.gif) no-repeat scroll 0 0;
float:left;
height:82px;
position:relative;
width:966px;
margin:20px 0 0 0
}

p.pageTitle
{
	color:#FFF; text-align:center; font-size:14px; padding:15px 25px
}

#sitemap_page {
width:100%;
float:left;
}
ul#sitemap_page 
{
width:420px; float:left; padding:10px 0 10px 0; margin:0px 0; background:url(../template_images/dots.jpg) repeat-x 0 bottom;
}
ul#sitemap_page li {
float:left;
padding-bottom:0;
width:100%;
list-style:none
}

ul#sitemap_page li.firstlevel
{
width:210px; float:left
}


ul#sitemap_page li a {
line-height:normal;
padding:3px 0px;
display:block;
color:#2f2f2f;
}
ul#sitemap_page li a.heading {
line-height:normal;
padding:3px 0px 8px 0;
display:block;
font-weight:bold;
color:#de0203;
}
ul#sitemap_page li.firstlevel ul {
float:left; padding:0; margin:0
}

ul#sitemap_page li.firstlevel ul li a {
float:left; color:2f2f2f;  background:url("../template_images/bullet.jpg") no-repeat scroll 0px 7px transparent; padding-left:15px
}
ul#sitemap_page li.firstlevel ul li ul {
float:left;
margin:0;
padding:0;
}

