@import 'reset.css';
html { 	height: 100%; }

body {
	background:#c8f8ef url("../images/bg.png") repeat-x top ;
	padding: 0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	line-height:1.5em;
	color:#333333;
	height:100%; 
}

body.popup {
	background-color:#fff;
	background-image: none; 
}

.iframe {
	border-collapse: collapse;
	border: none; 
}


input, select, textarea { font-family:Arial, Helvetica, sans-serif; font-size:100%;}
	input.inputBox, input.inputBox_autoWidth {
		padding:4px 2px;
		border:1px solid #999999;
		color:#870d08;
	}
	textarea.inputBox, textarea.inputBox_autoWidth {
		padding:4px 2px;
		border:1px solid #999999;
		color:#870d08;
		overflow: auto;
	}


a { color:#135d9a; text-decoration:none; }
a:hover { text-decoration:underline; }
a:focus { outline:none; }

a.more {
	background:url('/images/right_arrow-red.gif') 100% 50% no-repeat;
	color:#870202;
	padding:0 8px 0 0;
}

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

strong{
	font-weight:bold;
}

img { 
	margin:0; 
	border:0; 
}
	img.alignleft {
		float:left;
		margin:0 1.5em 0.5em 0;
	}

p {
	margin:0 0 1em 0;
}
 
#H, #HN, #C, #F { margin: 0 auto; }

.P { height: 100%; background: url("../images/bgxy.png") repeat;}
#H { width: 960px; height: 115px; background:url(../images/bg_h.png) no-repeat 0 0; }
#HN { position: relative;  z-index: 10; clear:both; width: 960px; height: 44px; background: url(../images/HN.png) no-repeat 0 0; }
#C { z-index: 9; margin-top: 8px;  width: 960px; }



#H h1 { position: relative; display: block; float: left; width: 530px; height: 115px; background:url(../images/logo.png) no-repeat 0 0; margin: 0; padding: 0;  }
#H h1 a { position: absolute;  padding-top: 70px; top:0; padding-left: 115px; left:0px; font-size: 11px; color: #555; font-weight: normal; display: block;    }
#H h1 a:hover { text-decoration: none; }
#H .livechat { width: 280px; height: 75px; float: right; margin-top: 20px;   } 

#HN, #HN a { color: #fff; }
#HN ul { list-style:none; float:left;  margin: 0 0 0 10px; padding: 0; }
#HN ul li { font-size: 14px; font-weight: bold;  list-style: none; float: left;  line-height: 44px; height: 44px; display: block; margin-left: 5px; }
#HN ul li a { margin-top:10px; display: block; height: 22px; line-height: 22px; float: left;  padding-right: 12px; }
#HN ul li a span { display: block; height: 22px; line-height: 22px;  float: left; padding-left: 12px;  }

#HN ul li a.active, #HN ul li a:hover {
	background: url("../images/HN_menu.png") no-repeat 100% -22px; text-decoration: none; 
}

#HN ul li a.active span, #HN ul li a:hover span {
	background: url("../images/HN_menu.png") no-repeat 0 0; 
}

#HN p.hotline { background:url("../images/icon-phone.png") no-repeat 0 50%; line-height: 42px; width: 260px; float: right; font-size: 18px; margin:0; padding: 0 0 0 20px ; }
#HN p.hotline em { font-weight: bold; font-size: 24px;}

.mainContent { display: block; position: relative; z-index:30;  top: -10px; left: -10px; width: 960px; height: 280px; }
.mainContent .tagline { 
	position: absolute; left: 0; bottom: 20px; 
	background: url("../images/tagline.png") no-repeat 0 0; width: 671px; height: 82px; color: #fff; 
}

.mainContent .tagline h2 { 
	display: block; 
	width: 550px; 
	padding: 10px 25px 0 25px; 
	color: #fff; font-size: 26px; margin: 0; line-height: 30px; letter-spacing: -1px;
}
	
	.mainContent .leadForm {
		background: url("../images/leadform.png") no-repeat -335px 100%;
		padding-bottom: 15px;
		position: absolute; 
		right: 15px;
		top: 15px; 
	}
	
		.mainContent .leadForm .wrapper {
			background: url("../images/leadform.png") no-repeat 0 0;
			width: 335px;
			height: 240px; 
		}
		
		.mainContent .leadForm h4 { padding: 12px 10px; margin: 0 3px; background:url("../images/hline.png") repeat-x bottom; color:#2d5b60; font-weight: normal; font-size: 21px; letter-spacing: -1px;  }
		.mainContent .leadForm .inputBtn { float: left; }
		.mainContent .leadForm .thankyou { float: left; width: 107px; font-size: 11px; font-weight: bold; line-height: 14px; margin-left: 10px; padding-top: 3px;  }
		

.headBanner_1 {
	background: url("../images/banner_1.png") no-repeat 0 0;
}

.headBanner_2 {
	background: url("../images/banner_2.png") no-repeat 0 0;
}



.formRow { margin: 8px 0 5px 0; position: relative;  }
.formRow .label { float: left; margin-right: 5px; font-size: 12px; color: #1f484c; text-align:right;  }
.formRow .inputText { float: left; width: 180px;   }
.formRow .inputBtn {
	border: 3px solid #a7d0d5;
	border-collapse: collapse; 
	background: url("../images/inputBtn.png") repeat-x bottom;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #fff;
	font-size: 14px; font-weight: bold; 
	padding: 5px 15px; 
}

.formRow .disabled { background-color: #8c8c8c; border-color: #aaa; background-image: none !important; }

.formRow .captcha {
	display: block;
	float: left; 
}
	.fmrContact .label { width: 120px; text-align: left;  }
	
	.formRow .captcha .inputText { width: 100px; }


label.error span {
	display:block;	
	position: absolute;
	left: 280px;
	text-indent: -999em; 
	top: 3px; 
}

	label.error span.required {
		background: url("../images/required.png") no-repeat 0 0;
		height:16px;
		width: 55px; 
	}
	
	span.errorEmail {
		background: url("../images/errorEmail.png") no-repeat 0 0;
		height:16px;
		width: 72px; 
	}
	
#contactus label.error { color: #9e2020; font-size: 11px; margin-left: 10px; }

	
.label { display: block; width: 100px; margin-right: 10px; }
.inputText { background: #fff url("../images/inputText.png") repeat-x bottom; padding: 3px ; border: 1px solid #81a9b9;  }
.inputText:focus { border-color: #618593; }
.cl { float: left; }
.cr { float: right; }

.eventRegistration .label { width: 200px; }


/** captcha **/
.captcha {
	overflow:auto;
}
.captcha .captcha_image{
	display:block;
}
	.captcha .captcha_image img {
	}
.captcha .captcha_input {
}
	.captcha .captcha_input input {
	}
.captcha .captcha_btn_refresh {
	background:url('../images/captcha/refresh.gif') 0 50% no-repeat;
	display:block;
	padding-left:24px;
	line-height:24px;
	height:24px;
	font-size:0.92em;
}



.twoCols { }
.twoCols .firstCol { padding-right: 20px; }
.twoCols .cols {  width: 450px; float: left; }
.twoCols .col250 { width: 250px; float: left; }
.twoCols .col650 { width: 650px; float: left; }
.news {
}

	.news p.title { margin-bottom:0 }
	.news h2.title { margin-bottom: 5px; }
	.news h2.title small { font-weight: normal; display: block; font-size: 12px; }
	
.news .heading, .events .heading {
	display: inline-block;
	background-color: #cc1c00;
	padding: 3px 12px;
	font-size: 16px; font-weight: bold; 
	color:#fff; 
}
	
	.event_item {
		padding: 5px 12px;
		margin-bottom:20px; 
	}

	.news p.title, .events p.title {
		font-size: 14px;
		
	}
	
	.event_item p {
		margin-bottom: 0.15em; 
	}
	
	.twoCols   .news p.title, .twoCols  .events p.title {
		
		margin-bottom: 0; 
	}
	
	.news p.title small, .events p.title small {
		display:block; line-height:15px; font-size: 11px; color: #565656; 
		text-transform: uppercase; 
	}
	
	.events a.title { display: block; font-weight: bold;  }
	.events a.register {
		 
		font-size: 12px; font-weight: bold; 
	}

#F { padding: 10px 20px 15px 20px; background: url("../images/footer_bg.png") 0 100%; width: 940px;  }
#F .cl p { margin: 0; padding: 0; font-size: 11px; }
#F .cr { }
/*** Round white box with Shadow - Execute with JQuERY ***/
.shadowBox {
	position:relative;
	z-index:10;
	margin:0;

}

	.shadowBox  .shadowBoxContent { 
		min-height:400px;
		  height:auto !important;
		  height:400px;
		padding: 10px; background: #fff; position:relative;  }
	
	.shadowBox .bt, .shadowBox .bb, .shadowBox .bl, .shadowBox .br, 
	.shadowBox .btr, .shadowBox .btl, .shadowBox .bbr, .shadowBox .bbl {
		background:url('../images/shadowbox_1_border.png') 0 0 no-repeat;
		position:absolute;
		z-index:20;
		width:20px;
		height:20px;
		overflow:hidden;
	}
	.shadowBox .bt, .shadowBox .bb {
		background:url('../images/shadowbox_1_tb.png') 0 0 no-repeat;
	}
	.shadowBox .bl, .shadowBox .br {
		background:url('../images/shadowbox_1_lr.png') 0 0 no-repeat;
	}
	.shadowBox .bt, .shadowBox .btr, .shadowBox .btl { top:0; margin-top:-10px; }
	.shadowBox .bb, .shadowBox .bbr, .shadowBox .bbl { bottom:0; margin-bottom:-10px; }
	.shadowBox .bl, .shadowBox .btl, .shadowBox .bbl { left:0; margin-left:-10px; }
	.shadowBox .br, .shadowBox .btr, .shadowBox .bbr { right:0; margin-right:-10px; }
	
	.shadowBox .btl { background-position:0 0; } 
	.shadowBox .btr { background-position:-20px 0; }
	.shadowBox .bbl { background-position:0 -20px; }
	.shadowBox .bbr { background-position:-20px -20px; }
	.shadowBox .bl { background-position:0 0; background-repeat:repeat-y; }
	.shadowBox .br { background-position:100% 0; background-repeat:repeat-y; }
	.shadowBox .bt { background-position:0 0; background-repeat:repeat-x; }
	.shadowBox .bb { background-position:0 100%; background-repeat:repeat-x; }
	
* html .shadowBox { display:inline-block; }

.borderLineBox {
	position:relative;
	z-index:10;
	margin:0;
}

	.borderLineBox  .borderLineContent { padding: 8px; background: #f7f7f7; position:relative;  }
	
	.borderLineBox .bt, .borderLineBox .bb, .borderLineBox .bl, .borderLineBox .br, 
	.borderLineBox .btr, .borderLineBox .btl, .borderLineBox .bbr, .borderLineBox .bbl {
		background:url('../images/borderLineBox_border.png') 0 0 no-repeat;
		position:absolute;
		z-index:20;
		width:8px;
		height:8px;
		overflow:hidden;
	}
	.borderLineBox .bt, .borderLineBox .bb {
		background:url('../images/borderLineBox_border_tb.png') 0 0 no-repeat;
	}
	.borderLineBox .bl, .borderLineBox .br {
		background:url('../images/borderLineBox_border_lr.png') 0 0 no-repeat;
	}
	.borderLineBox .bt, .borderLineBox .btr, .borderLineBox .btl { top:0; margin-top:0; }
	.borderLineBox .bb, .borderLineBox .bbr, .borderLineBox .bbl { bottom:0; margin-bottom:0; }
	.borderLineBox .bl, .borderLineBox .btl, .borderLineBox .bbl { left:0; margin-left:0; }
	.borderLineBox .br, .borderLineBox .btr, .borderLineBox .bbr { right:0; margin-right:0; }
	
	.borderLineBox .btl { background-position:0 0; } 
	.borderLineBox .btr { background-position:-8px 0; }
	.borderLineBox .bbl { background-position:0 -8px; }
	.borderLineBox .bbr { background-position:-8px -8px; }
	.borderLineBox .bl { background-position:0 0; background-repeat:repeat-y; }
	.borderLineBox .br { background-position:100% 0; background-repeat:repeat-y; }
	.borderLineBox .bt { background-position:0 0; background-repeat:repeat-x; }
	.borderLineBox .bb { background-position:0 100%; background-repeat:repeat-x; }
	
* html .borderLineBox { display:inline-block; }

.hText, .hText_P { display: block; margin-bottom: 10px; }
.hText h2 { display: inline; }

.hText_P h3 { display: inline; font-size: 13px; font-weight: normal; color:#333333;}

.h2, .h2 h2 { font-size: 24px; color: #00579a; font-weight: bold; line-height: 24px;}


.comparisonTable {
}

.comparisonTable thead th {
	border: none;
	
}

	.comparisonTable thead .head1 {
		background: url("../images/table_header_1.gif") no-repeat 100% 0;
		padding-right: 10px;
		padding-left: 0;
		padding-top: 0; 
		border-right:1px solid #f7f7f7; 
	}
	
	.comparisonTable thead .head1 div {
		background: url("../images/table_header_1.gif") no-repeat 0 0;
		padding-left: 10px;
		display: block;
		height: 40px; 
		font-size: 20px;
		font-weight: bold; color: #1c454a; 
		line-height: 43px; 
	}
	
	.comparisonTable thead .head2 {
		background: url("../images/table_header_1.gif") no-repeat 100% 0;
		padding-right: 10px;
		padding-left: 0;
		padding-top: 0; 
	}
	
	.comparisonTable thead .head2 div {
		background: url("../images/table_header_1.gif") no-repeat 0 0;
		padding-left: 10px;
		display: block;
		height: 40px; 
		font-size: 20px;
		font-weight: bold; color: #1c454a; 
		line-height: 40px; 
	}
.comparisonTable tbody td { border: none; border-top:1px solid #fff; font-size: 14px;  }	
.comparisonTable tbody td.col1 {
	background-color:#e5f3f5;
}

.comparisonTable tbody td.col2 {
	background-color:#f3f9fa; 
}


a.btn35,
    a.btn35 span,
    a.btn35:hover,
    a.btn35:hover span {
        background-image: url("../images/btn35.png");
        background-repeat: no-repeat;
        font-size: 13px;
        font-weight: bold;
        color:#fff;
		float: left; 
    }
    
    a.btn35 {
        background-position: 100% -200px;
        display: block;
        padding-right: 18px;
        height: 34px;
    }
    
        a.btn35 span {
            background-position: 0 -80px;
            display: block;
            line-height: 32px;
            padding-left: 18px;
            height: 34px;
        }
    
    a.btn35:hover {
        background-position: 100% -120px;
		text-decoration: none; 
    }
    
        a.btn35:hover span {
            background-position: 0 0; 
        }


button.btn { 
	cursor:pointer;
	background-color: transparent; 
	border: none; 
	margin: 0; padding: 0;
}

	button.btn div { 
		cursor:pointer; 
		border: 0; 
		cursor: pointer; 
		font-family: Arial, Helvetica, sans-serif; 
		background-image: url("../images/btn35.png");
		background-repeat: no-repeat;
		/*padding: 0 15px 0 0;*/ 
		text-align: center; 
		/*height: 27px;*/
	}
	
		button.btn div span {
			cursor:pointer;
			display: block; 
			white-space: nowrap;
			font-weight:bold; 
			background-image: url("../images/btn35.png");
			background-repeat: no-repeat;
			color: #fff;
			/* font-family: Arial, Helvetica, sans-serif; 
			font-size: 11px;  padding: 0 0 0 15px; text-transform: uppercase; font-weight: bold; height: 27px; line-height: 25px;  */
		}
		
		/* button graphics */
		button.btn35 div { 
			background-position: 100% -200px;
			display: block;
			padding-right: 18px;
			height: 34px;
		}
			button.btn35 div span { 
				 background-position: 0 -80px;
				display: block;
				line-height: 32px;
				font-size:13px;
				padding-left: 18px;
				height: 34px;
			}
			button.btn35:hover div { 
				 background-position: 100% -120px;
			}
			button.btn35:hover div span { 
				 background-position: 0 0; 
			}
			
		 
		/* button browser specific tweaks */
		.ie button.btn { width: auto; overflow: visible; padding: 0 0 0 4px; }

.news_item { margin-bottom: 5px; padding: 5px 10px; }

ul.checkList {
	margin:0 0 20px 0; padding:0;
	list-style: none;
}
	
	ul.checkList li {
		background: url("../images/icon_check.gif") no-repeat 0 50%;
		padding: 0 0 0 15px;
		list-style: none;
	}
	
.event_registration_form {
	font-size:1em;
}

.event_registration_form table {
	border:0;
	border-collapse:collapse;
	border-spacing:0;
	padding:0;
	margin:0;
	font-size:1em;
 
}
.event_registration_form table td, .event_registration_form table th {
	font-size:1em;
	line-height:1.5em;
	vertical-align:top;
	text-align:left;
	border: none; 
	padding:4px 4px;
}
.event_registration_form table td.label {
	text-align:right;
	width:200px;
}

.event_registration_form table td.input { width: 600px; }


.event_registration_form input.input {
	padding:2px;
	font-size:1em;
	width:200px;
}
.event_registration_form select.input {
	padding:1px;
	font-size:1em;
}

.event_registration_form .req {
	color:#cc0000;
}

.event_registration_form label.error {
	color:#cc0000;	
	margin:0 0 0 0.5em;
	padding:0;
	font-size:0.92em;
}

 
.event_details h2 { font-size: 16px; font-weight: bold; color:#25585d; margin-bottom: 0.15em;  padding:0; }
.event_details .event_meta { color:#2d5b60; display: block; margin-bottom: 0.25em; }
.event_details { margin:0 auto;
width:600px; }


.formMessage { padding: 10px; }
.page_contact { width: 500px;  margin: 0 auto; }
.page_contact label.error,
.eventRegistration label.error { padding-left: 5px; font-size: 11px; color: #ba0f0f;  }


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff;}

#colorBox{}
    #cboxTopLeft{width:25px; height:25px; background:url(../images/border1.png) 0 0 no-repeat;}
    #cboxTopCenter{height:25px; background:url(../images/border1.png) 0 -50px repeat-x;}
    #cboxTopRight{width:25px; height:25px; background:url(../images/border1.png) -25px 0 no-repeat;}
    #cboxBottomLeft{width:25px; height:25px; background:url(../images/border1.png) 0 -25px no-repeat;}
    #cboxBottomCenter{height:25px; background:url(../images/border1.png) 0 -75px repeat-x;}
    #cboxBottomRight{width:25px; height:25px; background:url(../images/border1.png) -25px -25px no-repeat;}
    #cboxMiddleLeft{width:25px; background:url(../images/border2.png) 0 0 repeat-y;}
    #cboxMiddleRight{width:25px; background:url(../images/border2.png) -25px 0 repeat-y;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxLoadingOverlay{background:url(../images/loading.gif) 5px 5px no-repeat #fff;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

 
h3.heading {
	margin-bottom:0; padding-bottom: 0;
}

.privacypolicy h1 {
	border-bottom:1px solid #ccc;
	font-size: 32px;
	line-height: 32px; 
	margin: 0; 
	padding: 8px 0 ;
	font-weight: normal;
	letter-spacing: -1px; 
}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}

/* cf hack
-------------------------- */
.cf:after, #H:after, #HN:after, .formRow:after, .twoCols:after, #F:after  {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.cf , #H, #HN, .formRow, .twoCols, #F {display: inline-block;}

/* Hides from IE-mac \*/
* html .cf , * html #H , * html #HN, * html .formRow, * html .twoCols, * html #F {height: 1%;}

.cf, #H, #HN, .formRow, .twoCols, #F {display: block;}
/* End hide from IE-mac */