@charset "utf-8";
/*  ----------------------------------------------------------------------------------- */
/*  This is the frontend CSS file and contains all layout and text attributes           */
/*  This file should always be read after the reset.css file                            */
/*  http://www.crucialwebhost.com/blog/master-stylesheet-the-most-useful-css-technique/ */
/*  ----------------------------------------------------------------------------------- */

/*  ----------------------------------------------------------------------------------- */
/*  Sitewide style                                                                      */
/*  ----------------------------------------------------------------------------------- */
html, body {
	background-color: #0d1516;
}

/*  ----------------------------------------------------------------------------------- */
/*  Alignment & clear styles                                                            */
/*  ----------------------------------------------------------------------------------- */
img.align_left {
	float: left;
	margin: 2px 20px 16px 0;
}
img.align_right {
	float: right; 
	margin: 2px 0 16px 20px;
}
.clearfix {/* float clearing for IE6 */
	zoom:1;
	_height:1%;
	width:100%;
	clear: both;
	overflow:hidden;
	height: 1px;
}

/*  ----------------------------------------------------------------------------------- */
/*  Website containers                                                                  */
/*  ----------------------------------------------------------------------------------- */
#container {
	width: 980px; /* Sets the main width of the website */
	margin: 0 auto;
}

/*  ----------------------------------------------------------------------------------- */
/*  Website subcontainers                                                               */
/*  ----------------------------------------------------------------------------------- */
#subcontainer-header {
	margin: 0px;
	background-color:#FFFFFF;
}
#subcontainer-body {
	margin: 0px;
	background-color:#FFFFFF;
	padding: 0 0 30px 0;
}
#subcontainer-footer {
	margin: 27px 0 0 0;
}

/*  ----------------------------------------------------------------------------------- */
/*  Layout divs which are placed in the subcontainers                                   */
/*  ----------------------------------------------------------------------------------- */
#logo {
	width:226px;
	height: 52px;
	float: left;
	margin: 20px 0 0 30px;
	_margin: 20px 0 0 15px; /* For IE6 to display the logo properly */
}
#navigation-essential {
	float: left;
	margin: 42px 0 0 25px;
	text-align: left;
}
#contact-details {
	width:235px;
	height: 35px;
	text-align: right;
	margin: 0 0 30px 715px;
	padding: 11px 0 0 0;
}
#navigation-main {
	clear: both;
	margin: 0 30px 0 30px;
	text-align: right;
}
#content-container {
	margin: 0 30px 0 30px;
}
#navigation-breadcrumb {
	clear: both;
	height: 17px;
	margin: 0 0 0 0;
	text-align: right;
}
.dotted-line-divider {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	height: 12px;
	_line-height: 1px; /* For IE6 only and must be declared after the unhacked version */
	_overflow: none; /* For IE6 only and must be declared after the unhacked version */
	background: transparent url(/file/dotted-line-gif) repeat-x center;
}
.dotted-line-dark-divider {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	height: 40px;
	_line-height: 1px; /* For IE6 only and must be declared after the unhacked version */
	_overflow: none; /* For IE6 only and must be declared after the unhacked version */
	background: transparent url(/file/dotted-line-dark-gif) repeat-x center;
}













#one-column-main {
	position: relative; /* required in order to float the video div to the bottom of this div, otherwise it won't work */
	min-height: 375px; /* required in order to ensure the video does not creep up into the header */
}
#two-column-left-left {
	float: left;
	width:200px;
	margin: 20px 0 0 0;
}
#two-column-left-main {
	float: right;
	margin: 20px 0 0 0;
	width: 690px;
}
#two-column-right-right {
	float: right;
	width:200px;
	margin: 20px 0 0 0;
}
#two-column-right-main {
	float: left;
	margin: 20px 0 0 0;
	width: 690px;
}
#three-column-left {
	float: left;
	width:200px;
	margin: 20px 0 0 0;
}
#three-column-main {
	float: left;
	margin: 20px 0 0 20px;
	width: 480px;
}
#three-column-right {
	float: right;
	width:200px;
	margin: 20px 0 0 0;
}





















#backup-features {
	padding: 14px 20px 14px 20px;
	border: 1px solid #E8E8E8;
	background-color: #F7F7F7;
}
#free-trial {
	padding: 14px 20px 14px 20px;
	border: 1px solid #E8E8E8;
	background-color: #F7F7F7;
}


#quicklink1 {
	width: 445px;
	height: 90px;
	float: left;
}
#quicklink2 {
	width: 445px;
	height: 90px;
	float: right;
}
.faq-animated-divs {
	width: 650px;
	padding: 10px 15px 10px 15px;
	margin: 0 0 10px 0;
	background: #FFFFCC;
	display: none;
	border: 1px solid #E8E8E8;
	background-color: #f7f7f7;
}

.banner-advert-divs {
	padding: 10px 15px 10px 15px;
	margin: 0 0 10px 0;
	border: 1px solid #999999;
}


#tabbed-pages-tour {
	width: 920px;
}
#tabbed-pages-tour #one {height: 375px; background: url(/file/tabbed-pages-backgrounds-13-jpg) no-repeat; padding: 20px 30px 0 0;}
#tabbed-pages-tour #two {height: 375px; background: url(/file/tabbed-pages-backgrounds-14-jpg) no-repeat; padding: 20px 30px 0 0; display: none;}
#tabbed-pages-tour #three {height: 375px; background: url(/file/tabbed-pages-backgrounds-15-jpg) no-repeat; padding: 20px 30px 0 0; display: none;}
#tabbed-pages-tour #four {height: 375px; background: url(/file/tabbed-pages-backgrounds-1-jpg) no-repeat; padding: 20px 30px 0 0; display: none;}
#tabbed-pages-tour #five {height: 375px; background: url(/file/tabbed-pages-backgrounds-5-jpg) no-repeat; padding: 20px 30px 0 0; display: none;}
#tabbed-pages-tour #six {height: 375px; background: url(/file/tabbed-pages-backgrounds-2-jpg) no-repeat; padding: 20px 30px 0 0; display: none;}
#tabbed-pages-tour #seven {height: 375px; background: url(/file/tabbed-pages-backgrounds-12-jpg) no-repeat; padding: 20px 30px 0 0; display: none;}
#tabbed-pages-tour #eight {height: 375px; background: url(/file/tabbed-pages-backgrounds-0-jpg) no-repeat; padding: 20px 30px 0 0; display: none;}
#tabbed-pages-tour #nine {height: 375px; background: url(/file/tabbed-pages-backgrounds-0-jpg) no-repeat; padding: 20px 30px 0 0; display: none;}
#tabbed-pages-tour #ten {height: 375px; background: url(/file/tabbed-pages-backgrounds-0-jpg) no-repeat; padding: 20px 30px 0 0; display: none;}


#tabbed-pages-security {
	width: 920px;
}
#tabbed-pages-security #one {height: 375px; background: url(/file/tabbed-pages-backgrounds-16-jpg) no-repeat; padding: 20px 30px 0 0;}
#tabbed-pages-security #two {height: 375px; background: url(/file/tabbed-pages-backgrounds-3-jpg) no-repeat; padding: 20px 30px 0 0; display: none;}
#tabbed-pages-security #three {height: 375px; background: url(/file/tabbed-pages-backgrounds-4-jpg) no-repeat; padding: 20px 30px 0 0; display: none;}
#tabbed-pages-security #four {height: 375px; background: url(/file/tabbed-pages-backgrounds-6-jpg) no-repeat; padding: 20px 30px 0 0; display: none;}
#tabbed-pages-security #five {height: 375px; background: url(/file/tabbed-pages-backgrounds-11-jpg) no-repeat; padding: 20px 30px 0 0; display: none;}
#tabbed-pages-security #six {height: 375px; background: url(/file/tabbed-pages-backgrounds-0-jpg) no-repeat; padding: 20px 30px 0 0; display: none;}
#tabbed-pages-security #seven {height: 375px; background: url(/file/tabbed-pages-backgrounds-0-jpg) no-repeat; padding: 20px 30px 0 0; display: none;}
#tabbed-pages-security #eight {height: 375px; background: url(/file/tabbed-pages-backgrounds-0-jpg) no-repeat; padding: 20px 30px 0 0; display: none;}
#tabbed-pages-security #nine {height: 375px; background: url(/file/tabbed-pages-backgrounds-0-jpg) no-repeat; padding: 20px 30px 0 0; display: none;}
#tabbed-pages-security #ten {height: 375px; background: url(/file/tabbed-pages-backgrounds-0-jpg) no-repeat; padding: 20px 30px 0 0; display: none;}


#tabbed-pages-casestudies {
	width: 920px;
}
#tabbed-pages-casestudies #one {height: 375px; background: url(/file/tabbed-pages-backgrounds-9-jpg) no-repeat; padding: 20px 30px 0 0;}
#tabbed-pages-casestudies #two {height: 375px; background: url(/file/tabbed-pages-backgrounds-7-jpg) no-repeat; padding: 20px 30px 0 0; display: none;}
#tabbed-pages-casestudies #three {height: 375px; background: url(/file/tabbed-pages-backgrounds-10-jpg) no-repeat; padding: 20px 30px 0 0; display: none;}
#tabbed-pages-casestudies #four {height: 375px; background: url(/file/tabbed-pages-backgrounds-8-jpg) no-repeat; padding: 20px 30px 0 0; display: none;}
#tabbed-pages-casestudies #five {height: 375px; background: url(/file/tabbed-pages-backgrounds-17-jpg) no-repeat; padding: 20px 30px 0 0; display: none;}
#tabbed-pages-casestudies #six {height: 375px; background: url(/file/tabbed-pages-backgrounds-0-jpg) no-repeat; padding: 20px 30px 0 0; display: none;}
#tabbed-pages-casestudies #seven {height: 375px; background: url(/file/tabbed-pages-backgrounds-0-jpg) no-repeat; padding: 20px 30px 0 0; display: none;}
#tabbed-pages-casestudies #eight {height: 375px; background: url(/file/tabbed-pages-backgrounds-0-jpg) no-repeat; padding: 20px 30px 0 0; display: none;}
#tabbed-pages-casestudies #nine {height: 375px; background: url(/file/tabbed-pages-backgrounds-0-jpg) no-repeat; padding: 20px 30px 0 0; display: none;}
#tabbed-pages-casestudies #ten {height: 375px; background: url(/file/tabbed-pages-backgrounds-0-jpg) no-repeat; padding: 20px 30px 0 0; display: none;}





#page-background-contact {
	width: 920px;
	height: 375px;
	background: url(/file/tabbed-pages-backgrounds-12-jpg) no-repeat;
	padding: 20px 0 0 0;
}
#page-background-quote {
	width: 920px;
	height: 375px;
	background: url(/file/tabbed-pages-backgrounds-18-jpg) no-repeat;
	padding: 20px 0 0 0;
}
#page-background-trial {
	width: 920px;
	min-height: 375px;
	background: url(/file/tabbed-pages-backgrounds-19-jpg) no-repeat bottom;
	padding: 20px 0 0 0;
}
#page-background-support {
	width: 920px;
	height: 375px;
	background: url(/file/tabbed-pages-backgrounds-20-jpg) no-repeat;
	padding: 20px 0 0 0;
}
#page-background-login {
	width: 920px;
	height: 375px;
	background: url(/file/tabbed-pages-backgrounds-21-jpg) no-repeat;
	padding: 20px 0 0 0;
}





#footer-quicklinks {
	width: 215px;
	float: left;
}
.footer-quicklinks-one {margin: 0 0 0 30px;_margin: 0 0 0 15px;}
.footer-quicklinks-two {margin: 0 0 0 20px;}
.footer-quicklinks-three {margin: 0 0 0 20px;}
.footer-quicklinks-four {margin: 0 0 0 20px;}

#navigation-footer {
	clear: both;
	width: 500px;
	margin: 0 0 0 30px;
	_margin: 0 0 0 15px; /* For IE6 */
	float: left;
}
#navigation-footer-ppcpage {
	clear: both;
	width: 500px;
	margin: 0 0 0 30px;
	_margin: 0 0 0 15px; /* For IE6 */
	float: left;
}
#search {
	width:280px;
	text-align: right;
	margin: 0 30px 0 0;
	_margin: 0 15px 0 0; /* For IE6 */
	float: right;
}

#homepage-text {
	height: auto;
	padding: 0 30px 0 30px;
}





/*  ----------------------------------------------------------------------------------- */
/*  Navigation styles                                                                   */
/*  ----------------------------------------------------------------------------------- */
#navigation-main ul.navigation {
	margin-left: 0px;
	margin-bottom: 0px; /* IE6 needs this because the text_style.css file gives all ul a margin-bottom */
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
}
#navigation-main ul.navigation li {
	list-style:none;
	margin-left: 0px;
	display:inline;
}
#navigation-main ul.navigation a:link {
	text-decoration: none;
	color: #0d1516;
}
#navigation-main ul.navigation a:visited {
	text-decoration: none;
	color: #0d1516;
}
#navigation-main ul.navigation a:active {
	text-decoration: none;
	color: #0d1516;
}
#navigation-main ul.navigation a:hover {
	text-decoration: underline;
	color: #0d1516;
}



#navigation-essential ul.navigation {
	margin-left: 0px;
	margin-bottom: 0px; /* IE6 needs this because the text_style.css file gives all ul a margin-bottom */
	color: #79c727;
	text-transform: lowercase;
	font-size: 16px;
	font-weight: bold;
}
#navigation-essential ul.navigation li {
	margin-left: 0px;
	list-style:none;
	display:inline;
}
#navigation-essential ul.navigation a:link {
	text-decoration: none;
	color: #79c727;
}
#navigation-essential ul.navigation a:visited {
	text-decoration: none;
	color: #79c727;
}
#navigation-essential ul.navigation a:active {
	text-decoration: none;
	color: #79c727;
}
#navigation-essential ul.navigation a:hover {
	text-decoration: underline;
	color: #79c727;
}


#navigation-services ul.navigation {
	margin: 0 0 0 -19px;
	_margin: -5px 0 0 -19px;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
}
#navigation-services ul.navigation li {
	list-style:none;
	margin-left: 19px;
	cursor: pointer; /* IE6 needs this to show a pointer */
	display:inline;
}
#navigation-services ul.navigation a:link {
	text-decoration: none;
	cursor:pointer;
	color: #666666;
}
#navigation-services ul.navigation a:visited {
	text-decoration: none;
	cursor:pointer;
	color: #666666;
}
#navigation-services ul.navigation a:active {
	text-decoration: none;
	cursor:pointer;
	color: #666666;
}
#navigation-services ul.navigation a:hover {
	text-decoration: underline;
	cursor:pointer;
	color: #48a2b9;
}





#backup-features ul.navigation {
	margin-left: 0px;
	margin-bottom: 0px; /* IE6 needs this because the text_style.css file gives all ul a margin-bottom */
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
}
#backup-features ul.navigation li {
	margin-left: 0px;
	list-style:none;
}
#backup-features ul.navigation a:link {
	text-decoration: none;
	color: #0d1516;
}
#backup-features ul.navigation a:visited {
	text-decoration: none;
	color: #0d1516;
}
#backup-features ul.navigation a:active {
	text-decoration: none;
	color: #0d1516;
}
#backup-features ul.navigation a:hover {
	text-decoration: underline;
	color: #0d1516;
}








#navigation-subnav ul.navigation {
	margin-left: 0px;
	margin-bottom: 0px; /* IE6 needs this because the text_style.css file gives all ul a margin-bottom */
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
}
#navigation-subnav ul.navigation li {
	margin-left: 0px;
	list-style:none;
}
#navigation-subnav ul.navigation a:link {
	text-decoration: none;
	color: #0d1516;
}
#navigation-subnav ul.navigation a:visited {
	text-decoration: none;
	color: #0d1516;
}
#navigation-subnav ul.navigation a:active {
	text-decoration: none;
	color: #0d1516;
}
#navigation-subnav ul.navigation a:hover {
	text-decoration: underline;
	color: #0d1516;
}







#navigation-footer ul.navigation {
	margin-left: 0px;
	margin-bottom: 0px; /* IE6 needs this because the text_style.css file gives all ul a margin-bottom */
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}
#navigation-footer ul.navigation li {
	margin-left: 0px;
	list-style:none;
	display:inline;
}
#navigation-footer ul.navigation a:link {
	text-decoration: none;
	color: #ffffff;
}
#navigation-footer ul.navigation a:visited {
	text-decoration: none;
	color: #ffffff;
}
#navigation-footer ul.navigation a:active {
	text-decoration: none;
	color: #ffffff;
}
#navigation-footer ul.navigation a:hover {
	text-decoration: underline;
	color: #ffffff;
}






#navigation-footer-ppcpage ul.navigation {
	margin-left: 0px;
	margin-bottom: 0px; /* IE6 needs this because the text_style.css file gives all ul a margin-bottom */
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}
#navigation-footer-ppcpage ul.navigation li {
	margin-left: 0px;
	list-style:none;
}
#navigation-footer-ppcpage ul.navigation a:link {
	text-decoration: none;
	color: #ffffff;
}
#navigation-footer-ppcpage ul.navigation a:visited {
	text-decoration: none;
	color: #ffffff;
}
#navigation-footer-ppcpage ul.navigation a:active {
	text-decoration: none;
	color: #ffffff;
}
#navigation-footer-ppcpage ul.navigation a:hover {
	text-decoration: underline;
	color: #ffffff;
}







#navigation-breadcrumb ul.navigation {
	margin-left: 0px;
	margin-bottom: -5px; /* IE6 needs this because the text_style.css file gives all ul a margin-bottom */
	color: #79c727;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
}
#navigation-breadcrumb ul.navigation li {
	margin-left: 0px;
	list-style:none;
	display:inline;
}
#navigation-breadcrumb ul.navigation a:link {
	text-decoration: none;
	color: #79c727;
}
#navigation-breadcrumb ul.navigation a:visited {
	text-decoration: none;
	color: #79c727;
}
#navigation-breadcrumb ul.navigation a:active {
	text-decoration: none;
	color: #79c727;
}
#navigation-breadcrumb ul.navigation a:hover {
	text-decoration: underline;
	color: #79c727;
}

/*  ----------------------------------------------------------------------------------- */
/*  Form styles                                                                         */
/*  ----------------------------------------------------------------------------------- */
.form-input-global {
	width: 180px;
	height: 20px;
	border: 1px solid #B1B1B1;
	margin: 0 0 5px 0;
	background-color: #F0F0F0;
}
.form-dropdown-global {
	width: 182px;
	margin: 0 0 5px 0;
	border: 1px solid #B1B1B1;
	background-color: #F0F0F0;
}
.form-textarea-global {
	width: 180px;
	height: 100px;
	border: 1px solid #B1B1B1;
	margin: 0 0 5px 0;
	background-color: #F0F0F0;
}
.form-radiogroup-global {
}
.form-checkbox-global {
}
.form-btn-global {
	height: 22px;
	padding: 2px 5px 2px 5px;
	border: 1px solid #0d1516;
	background-color: #0d1516;
	color: #ffffff;
}



.form-input-search {
	width:173px;
	margin: 0 4px 0 0;
	border: 1px solid #ffffff;
	height:19px;
	font-weight: bold;
	text-transform:uppercase;
	color: #0d1516;
	padding: 0 0 0 4px;
	font-size: 10px;
}
.form-btn-search {
	margin: 0 0 0 0;
}
.form-input-freetrial {
	width: 160px;
	height: 20px;
	border: 1px solid #B1B1B1;
	margin: 0 0 5px 0;
	background-color: #F0F0F0;
}

.form-dropdown-xxx {
}

.form-textarea-xxx {
}

.form-btn-xxx {
}

/*  ----------------------------------------------------------------------------------- */
/*  User error & success message styles                                                 */
/*  ----------------------------------------------------------------------------------- */
.user-message-error {
	color: #990000;
	font-weight: bold;
}
.user-message-success {
	color: #009900;
	font-weight: bold;
}

/*  ------------------------------------------ */
/*  Parterns holders                           */
/*  ------------------------------------------ */

#partners-holder {
}
.partners-holder-hidden {
	display:none;
	padding: 10px;
	background-color: #CCCCCC;
	border: 1px solid #999999;
}