﻿@charset "utf-8";
html, body, h1, h2, h3, h4, h5, h6, p, ol, dl, dd, dt, img, blockquote, q, div, table, thead, tbody, tfoot, caption, th, tr, td, a, form, input, textarea, fieldset, pre{margin:0px; padding:0px}
:focus{outline:0} 
body{background:#fff url(images/background.png) repeat-x 0px 0px; font-family:Arial; text-align:center; cursor:default; zoom:100%}
a img {border:none; margin:0px; padding:0px}
th, td, tr {vertical-align:top}
#container{background:#fff; width:950px; margin:10px auto; text-align:left}


.topsection{position:relative; height:110px; width:870px; margin:0px auto; border-bottom:1px solid #E4EDF3}
.logo{float:left; margin-top:30px; }
.phone{float:left; background:url(images/bck-phone.png) top left no-repeat; width:260px; height:38px; padding:0px; margin:0px 20px 0 250px; text-align:center}
.phone h2{color:#666; font-size:12px; font-weight:bold; line-height:12px; margin:0px; padding:10px 0px 0px 0px}
span.phoneblue{color:#3E5168}

.login{float:left; background:url(images/bck-login.png) top left no-repeat; margin-right:10px; width:50px; height:38px; padding:10px 25px 0px 5px; text-align:right}
.login p a{font-size:11px; color:#990000; text-decoration:none}
.login p a:hover{font-size:11px; color:#990000; text-decoration:underline}

#country{ position:relative; float:left; height:38px;  }

/*Country select*/

#country-select {
	position: absolute;
	top: 8px;
	right: 0;
	width: 40px;
	border:1px solid #ccc;
	background:#f2f2f2;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	}

/* rought form styles for when JS is disabled */

#country-select form {
	width: 40px;
	padding: 0;
	display:none;
	
	}

#country-select select,
#country-select input {
	display: inline;
	padding: 0;
	margin: 0;
	}
	
/* JS-created definition list */

.dropdown dd { position: relative; }

.dropdown a {
	text-decoration: none;
	outline: 0;
	font: 12px Arial, Helvetica, sans-serif;
	display: block;
	width: 25px;
	overflow: hidden;
	}

.dropdown dt a {
	background: url(images/drop_menu.png) no-repeat right center;
	padding: 3px 5px 4px 5px;
	color: #000;
	}

	.dropdown dt a.active {
		background: url(images/drop_menu.png) no-repeat right center;
		color: #000;
		}

.dropdown dd ul {
	background: #eeeeee;
	border: 1px solid #ccc;
	color: #3F4B58;
	display: none;
	position: absolute;
	z-index: 999;
	top: -2px;
	left: -1px;
	padding: 2px 5px 5px 0px;
	list-style: none;
	border-top: none;
	margin: 0;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	}

	.dropdown dd ul li a {
		padding: 3px 5px;
		}

	.dropdown dd ul li a span,
	.dropdown dt a span {
		float: left;
		width: 16px;
		height: 11px;
		margin: 2px 6px 0 2px;
		background-image: url(images/flags.png);
		background-repeat: no-repeat;
		cursor: pointer;
		}

		.uk a span { background-position: 0 0 }
		.ie a span { background-position: -16px 0 }

	.dropdown dd ul li a em,
	.dropdown dt a em {
		font-style: normal;
		float: left;
		width: 90px;
		cursor: pointer;
		display:none;
		}

	.dropdown dd ul li a em {
		color: #3F4B58;
		}

		.dropdown dd ul li a:hover { background-color: #6B8094; }
		.dropdown dd ul li a:hover em { color: #fff; }
		
/*End country select*/

.mainnav{float:right; padding:25px 0px 0px 0px; margin:0px; height:35px; list-style-type:none;}
.mainnav ul{clear:both; list-style-type:none; padding:0px; margin:0px}
.mainnav li{float:left; margin:0px 2px 0px 0px}
.mainnav li a{float:left; display:block; color:#3E4955; text-decoration:none; font-size:12px; font-weight:bold; padding:0px 25px 0px 25px; height:36px; line-height:36px; text-align:center; cursor:pointer; background:#E4EDF3}
.mainnav li a:hover{color:#333; line-height:38px; background:#fff}
#current a{float:left; display:block; color:#000; text-decoration:none; font-size:12px; height:37px; line-height:36px; padding:0px 25px 0px 25px; text-align:center; background:#fff}
#freetrial a{float:left; display:block; color:#CCFF00; text-decoration:none; font-size:12px; height:36px; line-height:36px; padding:0px 25px 0px 25px; text-align:center; background:#666B6F}
#freetrial a:hover{float:left; display:block; color:#CCFF00; text-decoration:none; font-size:12px; height:36px; line-height:38px; padding:0px 25px 0px 25px; text-align:center; background:#333}

/* Banner home */

.insidecontainer{position:relative; width:870px; padding:0px; margin:0px auto}
.marketingbanner{position:relative; /*background:url(images/bck-banner-welcome.png) top left*/; width:870px; height:185px; padding:0px; margin:10px auto}



.marketingbanner h2{position:absolute; top:120px; right:245px; text-align:right; color:#000; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:22px; line-height:19px; letter-spacing:-2px; margin:0px; padding:0px; width:400px; height:42px;}

span.redfont{color:#990000}

span.whitefont{color:#fff}

#slider { 
	float:left;
	height:185px; 
	width:640px;
	overflow:hidden;
	}
.silderitem {
	position:relative;
	width:640px;
	height:185px;
	display:none;
}
.img_slide{
	width:640px;
	height:185px;
	float:left;
	overflow:hidden;
}
.strech {width:640px;height:185px;}
.hover_slide {
	background:url('images/slide/over.png') no-repeat right;
	height:45px;
	float:right;
	text-align:right;
	width:640px;
	margin-top:-45px;
}

.hover_slide h3, .hover_slide a{text-align:right; color:#fff; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:20px; line-height:45px; letter-spacing:-1px; margin:0px 10px 0 0; text-decoration:none; padding:0px}

.text_slide {
	width:635px;
	height:80px;
	float:left;
	margin:0;
	padding:10px
	color:#3D4854;
	text-align:right;
	font-size:20px;
	margin-top:-185px;
	line-height:30px;
}
.text_slide h1{
 color:#3D4854; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:30px; letter-spacing:-2px; margin:0px; padding:0px;}
 

.content_slide {overflow:visible!important;}

#signup{position:relative; float:right; width:220px; height:185px; padding:0px; margin:0px}
#signup h2{position:absolute; top:0px; left:10px; width:200px; text-align:left; color:#990000; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:30px; line-height:30px; letter-spacing:-2px; margin:0px; padding:0px}
#signup h3{position:absolute; top:57px; left:10px; width:200px; text-align:left; color:#3F4B58; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:30px; line-height:30px; letter-spacing:-2px; margin:0px; padding:0px}
#signup h4{position:absolute; top:35px; left:10px; width:200px; text-align:left; color:#666; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:16px; letter-spacing:-1px; margin:0px; padding:0px}
#signup h5{position:absolute; top:108px; left:10px; width:200px; text-align:left; color:#666; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:16px; letter-spacing:-1px; margin:0px; padding:0px}
#signup h6 a{position:absolute; display:block; top:128px; left:11px; width:132px; height:32px; text-align:center; color:#fff; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:14px;background:url(images/signup.png) top left no-repeat; line-height:14px; margin:0px; padding:15px 15px 0px 15px; text-decoration:none}
#signup h6 a:hover{position:absolute; background:url(images/signup-hover.gif) top left no-repeat; display:block; top:128px; left:11px; width:132px; height:32px; text-align:center; color:#fff; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:14px; margin:0px; padding:15px; text-decoration:none}

/* Callbackform */

#callbackform{visibility:hidden; position:absolute; top:0px; right:10px; text-align:left; z-index:99; background:#fff; width:190px; height:155px; padding:10px; margin:0px}
#callbackform h2{position:relative; clear:both; text-align:left; color:#990000; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:20px; line-height:20px; letter-spacing:-1px; margin:0px 0px 10px 0px; padding:0px}
#callbackform input{position:relative; width:180px; clear:both; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#333; border:1px solid #ccc; margin:0px 0px 3px 0px; padding:2px}

/* Panels home */
.quickstart{float:left; width:250px; height:253px; background:url(images/bck-panel-blue.jpg) top left repeat-x; padding:15px; margin:0px 0px 5px 0px}
.quickstart h2{color:#789AB6; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:24px; line-height:24px; letter-spacing:-2px; margin:0px 0px 15px 0px; padding:0px}
.quickstart h3{color:#789AB6; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:14px; letter-spacing:-1px; margin:0px 0px 10px 0px; padding:0px}
.quickstart h4{color:#173657; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:13px; letter-spacing:-1px; margin:0px 0px 15px 0px; padding:0px; clear:both}
.quickstart img{margin:0px 5px 10px 0px}
.quickstart a{color:#990000; text-decoration:underline; letter-spacing:-1px;}
.quickstart a:hover{color:#333; text-decoration:none; letter-spacing:-1px;}

.quickstart ul li {
	color: #173657;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 13px;
	letter-spacing: -1px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	clear: both;
}
.quickstart ul {
	list-style-type: square;
}

/* Enhance-css Start */

.light-blue-list {background:url(images/bck-panel-blue.png) #f4f4f4 top left repeat-x; height:auto; width:562px; margin-bottom:10px; padding-left:10px; float:left; padding-top:10px; padding-bottom:10px;}
.light-blue-list ul{margin:0px 10px 10px 0px; padding:0px; clear:both; list-style-type:none;}
.light-blue-list li{color:#333; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; letter-spacing:0px; margin:0px 0px 5px 0px; padding:0px 0px 0px 20px;}
ul.list-grid li{text-align: left; float: left; height: 20px; width: 40%;}
span.orangefont{color:#F68A1F}
span.greyfont{color:#69717B}
.trial {float:right; padding:5px;}
		
/* Enhance-css End */

.redboxwithprice{float:left; width:260px; height:100px; background:url(images/bck-panel-red.png) top left repeat-x; padding:15px 10px 15px 10px; margin:0px 0px 15px 0px}
.redboxwithprice h2{color:#fff; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:20px; line-height:22px; letter-spacing:-2px; margin:0px 0px 15px 0px; padding:0px}
.redboxwithprice h3{color:#fff; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:14px; letter-spacing:-1px; margin:10px 0px 10px 0px; padding:0px}
.redboxwithprice h3 a{color:#fff; text-decoration:underline}
.redboxwithprice h3 a:hover{color:#fff; text-decoration:underline}
.redboxwithprice h4{color:#fff; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:18px; letter-spacing:-1px; margin:10px 0px 10px 0px; padding:0px}
.redboxwithprice span{font-size:32px}

.pricecomparison{float:left; width:260px; height:253px; background:url(images/bck-panel-grey.png) top left repeat-x; padding:15px 10px 15px 10px; margin:0px 0px 5px 15px}
.pricecomparison h2{color:#789AB6; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:24px; line-height:24px; letter-spacing:-2px; margin:0px 0px 15px 0px; padding:0px}
.pricecomparison table{width:260px; clear:both; color:#003366; font-size:11px}
.pricecomparison th{width:33%; font-weight:bold; background:#fff; padding:2px; font-size:10px; text-align:center}
tr.white{background:#fff}
.pricecomparison td{padding:2px; text-align:center}
.pricecomparison h3{color:#173657; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:14px; letter-spacing:-1px; margin:10px 0px 10px 0px; padding:0px}
.pricecomparison a{color:#990000; text-decoration:underline; letter-spacing:-1px;}
.pricecomparison a:hover{color:#333; text-decoration:none; letter-spacing:-1px;}

.gogreen{float:left; width:250px; height:253px; background:url(images/bck-panel-green.jpg) top left repeat-x; padding:15px; margin:0px 0px 5px 15px}
.gogreen h2{color:#789AB6; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:24px; line-height:24px; letter-spacing:-2px; margin:0px 0px 15px 0px; padding:0px}
.gogreen table{width:240px; clear:both; color:#333; font-size:11px}
.gogreen th{width:120px; padding:2px; text-align:left; font-weight:bold}
.gogreen td{width:120px; padding:2px; text-align:left; font-weight:bold}
.gogreen h3{color:#789AB6; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:14px; letter-spacing:-1px; margin:0px 0px 15px 0px; padding:0px}
.gogreen p{color:#333; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:12px; letter-spacing:0px; margin:0px 0px 10px 0px; padding:0px}
.gogreen a{color:#990000; text-decoration:underline; letter-spacing:-1px;}
.gogreen a:hover{color:#333; text-decoration:none; letter-spacing:-1px;}
.gogreen img{vertical-align:middle; margin:0px 5px 0px 0px}
.gogreen ul{margin:0px 10px 10px 15px; padding:0px; clear:both; list-style-type:square}
.gogreen li{color:#333; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; letter-spacing:0px; margin:0px 0px 5px 0px; padding:0px 0px 0px 5px}


/* Internal Page Layout */
.article{float:left; width:575px; margin:20px 15px 0px 0px}
.article h1{color:#30465C; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:30px; line-height:30px; letter-spacing:-2px; margin:0px 0px 20px 0px; padding:0px}
.article h2{color:#30465C; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:20px; line-height:24px; letter-spacing:-1px; margin:0px 0px 10px 0px; padding:0px}
.article h3{color:#48698A; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:18px; letter-spacing:-1px; margin:0px 0px 10px 0px; padding:0px}
.article p{color:#666; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; letter-spacing:0px; margin:0px 0px 10px 0px; padding:0px}
.article table{width:550px; clear:both}
.article td{padding:1px; color:#666; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; letter-spacing:0px; text-align:left}
.article ul{margin:0px 10px 10px 0px; padding:0px; clear:both; list-style-type:none}
.article li{background:url(images/li_bullet.png) left 2px  no-repeat; color:#333; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; letter-spacing:0px; margin:0px 0px 10px 0px; padding:0px 0px 0px15px}
.article strong{color:#333}
.article label{float:left; width:75px; color:#666; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:14px; letter-spacing:0px; margin:5px 10px 5px 0px; padding:0px}
.article input{float:left; width:190px; border:1px solid #ccc; color:#48698A; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:14px; letter-spacing:0px; margin:0px 10px 5px 0px; padding:3px}
.article select{float:left; border:1px solid #ccc; color:#48698A; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:14px; letter-spacing:0px; margin:0px 10px 5px 0px; padding:1px}

.tdyellow{background:#FFF193}

.articlepanel{float:left; padding:15px; margin:15px 0px 0px 0px; background:url(images/bck-panel-blue.png) #f4f4f4 top left repeat-x}
.articlepanel h1{color:#990000; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:30px; line-height:30px; letter-spacing:-2px; margin:0px 0px 20px 0px; padding:0px}
.articlepanel h2{color:#30465C; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:20px; line-height:24px; letter-spacing:-1px; margin:0px 0px 10px 0px; padding:0px}
.articlepanel h3{color:#48698A; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:18px; letter-spacing:-1px; margin:0px 0px 10px 0px; padding:0px}
.articlepanel p{color:#333; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; letter-spacing:0px; margin:0px 0px 10px 0px; padding:0px}
.articlepanel ul{margin:0px 10px 10px 0px; padding:0px; clear:both; list-style-type:none}
.articlepanel li{background:url(images/li_bullet.png) left 2px no-repeat; color:#333; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; letter-spacing:0px; margin:0px 0px 5px 0px; padding:0px 0px 0px 20px}

.formbottom{clear:both; width:575px; padding:15px 0px 0px 0px}

input#submission{float:left; clear:right; display:block; padding:0 10px; background:#990000; color:#FFFFFF; height:34px; width:110px; font-weight:bold; font-size:16px; line-height:34px; letter-spacing:-1px; text-decoration:none; margin:0px 15px 0px 0px; border:0px}

input#send{float:right; display:block; padding:5px; background:#990000; color:#FFFFFF; height:26px; width:100px; text-align:center; font-weight:bold; font-size:14px; line-height:14px; letter-spacing:-1px; text-decoration:none; margin:10px 15px 0px 0px; border:0px}


.sidepanels{float:left; width:280px; margin:20px 0px 0px 0px}

.footer{position:relative; width:950px; padding:0px; margin:0px auto}
.footer p{text-align:left; color:#6B8094; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:12px; letter-spacing:0px; margin:0px; padding:0px}
.footer a{margin:0px 0px 0px 50px; color:#990000; text-decoration:underline}
.footer a:hover{margin:0px 0px 0px 50px; color:#333; text-decoration:underline}

#b_footer {
	width:930px;
	margin:5px auto;
	background:#ebebeb;
	float:left;
	padding:15px 10px;	
}
.f_box {
	float:left;
	font-size:14px;
	line-height:20px;
	width:260px;
	margin-right:10px;
	border-right: 1px solid #ccc;
}
.f_title_box{
	float:left;
	font-size:16px;
	width:260px;
	font-weight:bold;
	color:#000;
	margin-bottom:3px;
}
.f_content_box {
float:left;
}
.f_content_box  a {
color:#173657;
text-decoration:none;
}
.f_content_box  a:hover {
text-decoration:underline;
}

.f_content_box ul {
	list-style:none;
	padding:0;
	margin:0 0 20px 0;
}
.f_content_box li {
	margin:5px 0 5px 15px;
}
.f_content_box p {line-height:20px; font-weight:bold; font-size:12px; color:#789AB6; }
.f_content_box p span {float:left; margin-left:45px;}
.f_content_box p a {color:#789AB6;}
.f_last_box , .f_last_box  .f_title_box{width:115px; float:left;font-size:14px;line-height:20px;}
.f_last_box  .f_content_box li {
	margin:5px 0 5px 5px;
}
.f_last_box img { float:left; margin-right:10px;}

.but_trial { background:#990000; float:left; font-size:12px; padding:5px 10px; color:#fff; text-decoration:none; font-weight:bold;}
.but_trial:hover{ text-decoration:underline;}
.video_link { color:#173657; cursor:pointer; }
.video_link:hover {text-decoration:underline;}

.more_front {
position:absolute; 
right:10px;
font-weight:bold;
bottom:10px;
font-size:14px;
color:#990000; 
text-decoration:underline; 
letter-spacing:-1px;
 }
.more_front:hover {color:#333; text-decoration:none; letter-spacing:-1px;}

