/* CSS Document */

/* Body and Universal Reset */

* {margin: 0; padding: 0;}

body {
	text-align:center;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666666;
	line-height:19px;
	background:#EBEBEB;
}

#container {
	margin:2px auto;
	width:935px;
	text-align:left;
	background-image: url(images/backgrounds/container_bg.gif);
	background-repeat: repeat-y;
	background-color: #ffffff;
}

td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666666;
	line-height:19px;
	vertical-align:top;
}

img {
	border:0;
}

#popupWindowCaller {
	display:none;
}

.clear {
	clear:both;
	height:1px;
}


/* Typography */

#content h2 a {
	color:#000000;
	text-decoration:none;
}

h2.newstitle {
	margin:0 0 2px 0;
}


/* Header */

#header {
	background:url(images/backgrounds/container_top_bg.gif) no-repeat;
	padding:20px 30px 0 27px;
	height:87px;
}

#headerRight {
	float:right;
	text-align:right;
}

#headerNav {
	margin:10px 0 0 0;
	font-size:11px;
	color:#333333;
	text-align:right;
}

#headerNav li {
	list-style:none;
	display:inline;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	font-size:13px;
}

#headerNav li.login img {
	margin:-3px 0 0 15px;
	vertical-align:middle;
}

#headerNav a {
	color:#999999;
}

#headerNav a:hover {
	color:#EA2127;
}

.logo {
	margin:7px 0 0 0;
}

#headingContainer {
	background:url(images/backgrounds/heading_bg.gif) repeat-x #EA2127;
	margin:0 5px;
	height:37px;
}

.headingLogo {
	float:right;
	margin:0 34px 0 0;
}

/* Main Navigation */

#mainNav {
	padding:5px 0 0 17px;
	height:27px;
	font-size:15px;
	width: 906px;
	float:left;
}

#mainNav li {
	list-style:none;
	float:left;
	position:relative;
	display:inline;
}

#mainNav > li {
}

#mainNav > li.first {
	margin-left:0;
}

#mainNav li a {
	padding:5px 15px;
	background:#ea2127;
	color:#fff;
	display:block;
	text-decoration:none;
}

#mainNav > li > a {
	height:20px;
}

#mainNav li a:hover, #mainNav li.current > a {
	color:#fff;
	text-decoration:underline;
}

#mainNav ul {
	position:absolute;
	width:160px; /* left offset of submenus need to match (see below) */
	top:-999px;
}

#mainNav ul li {
	width:100%;
}

#mainNav li:hover {
	visibility:inherit; /* fixes IE7 'sticky bug' */
}

#mainNav li:hover ul, #mainNav li.sfHover ul {
	left:0;
	top:30px; /* match top ul list item height */
	z-index:99;
}

#mainNav li:hover li ul, #mainNav li.sfHover li ul {
	top:-999em;
}

#mainNav li li:hover ul, #mainNav li li.sfHover ul {
	left:160px; /* match ul width */
	top:0;
}

#mainNav li li:hover li ul, #mainNav li li.sfHover li ul {
	top:-999em;
}

#mainNav li li li:hover ul, #mainNav li li li.sfHover ul {
	left:160px; /* match ul width */
	top:0;
}

#mainNav ul li a {
	/*margin:1px 1px 0 0;*/
	border-bottom:1px solid #fff;
	font-size:12px
}


/* Right Col */

#rightCol {
	float:right;
	width:314px;
	padding:20px 37px 20px 0;
}

#rightCol h3 {
	padding:0 0 0 18px;
}

.rightColIMG {
	margin:0 0 15px 0;
}

#rightCol h3.rcListHeading {
	background:url(images/backgrounds/grey_box_top.gif) no-repeat #EBEBEB;
	font-size:18px;
	font-weight:bold;
	padding:15px 20px;
	margin:0;
}

.rcList {
	background:url(images/backgrounds/grey_box_bottom.gif) bottom left no-repeat #EBEBEB;
	font-size:12px;
	color:#333333;
	padding:0 0 10px 20px;
}

.rcList li {
	background:url(images/backgrounds/tick.gif) no-repeat;
	padding:0 0 7px 22px;
	list-style:none;
}

.blogMenu {
	margin:0 0 15px 0;
}

.blogMenu li {
	background:none;
	padding:0 0 7px 0;
}

.blogMenu li a {
	color:#333333;
}

.blogMenu li a:hover {
	color:#EA2127;
}


/* Content */

#content {
	width:530px;
	padding:15px 0 10px 35px;
	float:left;
}

#contentNoRC {
	margin:15px 35px 10px 35px;
}

.content p, .content table, .content ul {
	margin:0 0 18px 0;
}

.content a, .whyQB a {
	text-decoration:underline;
}

.content a:hover, .whyQB a:hover {
	text-decoration:none;
}

.content li {
	background:url(/images/spacers/list_dot.gif) no-repeat 0 7px;
	padding:0 0 2px 15px;
	list-style:none;
}

.content ul.tickList li {
	background:url(/images/backgrounds/tick_nobg.gif) no-repeat 0 1px;
	padding:0 0 4px 20px;
}

#content p.newsSummary {
	margin:4px 0;
}

.howItWorksSteps {
	float:left;
	width:419px;
	font-size:12px;
	margin:0 -6px 0 -6px;
	background:url(/images/backgrounds/dash_across.gif) repeat-x;
	padding:22px 15px 22px 10px;
}

.howItWorksSteps p, .howItWorksSteps h2 {
	text-align:left;
}

.howItWorksSteps p {
	height:70px;
}

.planTable td {
	background:#F4FAFB;
	border-left:1px solid #AEDEE4;
	border-bottom:1px solid #AEDEE4;
	padding:3px 0 3px 7px;
	vertical-align:middle;
}

.planTable td.headingLeft, .planTable td.headingRight, .planTable td.heading {
	background:url(images/backgrounds/table_corners_top.gif) no-repeat #F4FAFB;
	color:#57B6DD;
	font-weight:bold;
	border:none;
	border-bottom:1px solid #AEDEE4;
	padding:5px 0 5px 10px;
}

.planTable td.rightCell {
	border-right:1px solid #AEDEE4;
	padding:3px 0 3px 15px;
}

.planTable td.headingRight {
	background:url(images/backgrounds/table_corners_top.gif) no-repeat top right #F4FAFB;
	border-left:1px solid #AEDEE4;
	border-right:none;
}

.planTable td.headingCenter {
	background:url(images/backgrounds/table_corners_top.gif) no-repeat top center #F4FAFB;
	border-left:1px solid #AEDEE4;
	border-right:none;
}

.planTable td.footerLeft {
	background:url(images/backgrounds/table_corners_bottom.gif) no-repeat bottom left;
	border-left:none;
	border-bottom:none;
}

.planTable td.footerRight {
	background:url(images/backgrounds/table_corners_bottom.gif) no-repeat bottom right;
	border-right:none;
	border-bottom:none;
}

.planTable td.footerMiddle {
	background:url(images/backgrounds/table_corners_bottom.gif) no-repeat bottom center;
	border-right:none;
	border-bottom:none;
}

.content table.pricingTable {
	background:url(/images/backgrounds/price_table_bg.gif) repeat-y;
	margin-left:auto;
	margin-right:auto;
}

.pricingTable td.headingLeft, .pricingTable td.headingRight, .pricingTable td.headingMiddle {
	color:#000000;
	font-size:16px;
	width:170px;
	font-weight:bold;
	text-align:center;
	padding:8px 30px;
}

.pricingTable td.headingMiddle {
	background:url(images/backgrounds/table_corners_top.gif) no-repeat top center #F4FAFB;
}

.pricingTable td.priceCell {
	padding:4px 0;
	text-align:center;
	background:#FFFFFF;
}

.price {
	font-weight:bold;
	font-size:14px;
	color:#EA2127;
}

.pricingTable td.priceDetails {
	padding:6px 0 9px 15px;
	vertical-align:top;
	border-bottom:none;
}

.pricingTable td.signup {
	padding:0 0 15px 0;
	text-align:center;
}

.planSize {
	font-size:14px;
	font-weight:bold;
}

.pricingTable ul {
	margin:7px 0;
}

.pricingTable li {
	background:url(images/spacers/tick.gif) no-repeat 0 2px;
	color:#808080;
	font-size:11px;
}



/* Home */

.homeFeaturesTable{
	width:100%;
}

.homeFeaturesTable td {
	width:25%;
	text-align:center;
	font-weight:bold;
	font-size:14px;
}

.homeFeaturesTable a {
	text-decoration:none;
	color:#EA2127;
}

.homeFeaturesTable img {
	margin:10px 0 0 0;
}



/* Online Enquiry Form */

.onlineEnquiryTable td {
	padding-bottom:5px;
}
.onlineEnquiryTable2 td {
	padding-bottom:5px;
}

.yourDetails {
	padding:7px 0 0 0;
	height:30px;
	font-weight:bold;
	font-size:13px;
	color:#000000;
}

.requiredFields {
	text-align:right;
	padding:7px 0 0 0;
	font-size:11px;
}

.required {
	text-align:center;
	vertical-align:middle;
	padding-left:15px;
	padding-right:5px;
}

.onlineEnquiryTable input.textinput, .onlineEnquiryTable input.textinputhover, .onlineEnquiryTable textarea {
	width:340px;
}

input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(/images/backgrounds/white.gif);
}

.textinput {
	border:1px solid #BABABA;
	padding:3px;
}

.textinputhover {
	border:1px solid #EA2127;
	padding:3px;
}

.submit {
	text-align:right;
}

.errorText {
	color:#FF0000;
}


/* Content Footer */

#contentFooter {
	background:url(/images/backgrounds/dash_across.gif) repeat-x;
	margin:0 25px 0 25px;
	padding:20px 0 0 0;
}

.whyQB {
	float:left;
	width:183px;
	margin:8px 0 0 10px;
}

.whyQB h3 {
	color:#000000;
	font-size:13px;
	font-weight:bold;
}

.whyQB p {
	margin:10px 0 7px 0;
	font-size:12px;
}

.whyQB a {
	color:#EA2127;
}

.footerQuote {
	background:url(images/backgrounds/footerbox_bottom.gif) no-repeat bottom left #E7F5F7;
	width:221px;
	text-align:center;
	font-size:11px;
	color:#808080;
	line-height:14px;
	padding:0 0 8px 0;
	float:left;
	margin:0 0 12px 5px;
	font-size:12px;
}

.rightcolQuote {
	background:url(images/backgrounds/rightcol_quotes_bottom.jpg) no-repeat bottom left #E7F5F7;
	width:314px;
	text-align:center;
	font-size:11px;
	color:#808080;
	line-height:14px;
	padding:0 0 8px 0;
	float:left;
	margin:0 0 12px 5px;
	font-size:12px;
}


.footerQuote p {
	font-style:italic;
	color:#333333;
	margin:5px 10px 10px 10px;
	line-height:16px;
}

.rightcolQuote p {
	font-style:italic;
	color:#333333;
	margin:5px 10px 10px 10px;
	line-height:16px;
}

.quoteName {
	font-weight:bold;
	color:#000000;
}

.supportlink {
	color:#333333;
	text-decoration: underline;
}
.supportlink:hover {
	text-decoration: underline;
}

/* SIGN UO */

/* Sign Up  */

#contentSignUp {
	width:461px;
	margin:25px 0 30px 237px;
	background:url(../images/backgrounds/table_corners_bottom.gif) bottom left no-repeat;
	padding:0 180px 7px 0;
}

#contentSignUp p {
	padding:0 0 20px 0;
}

.signupFormContainer {
	background:#F4FAFB;
	padding:10px 30px 10px 30px;
	border-left:1px solid #AEDEE4;
	border-right:1px solid #AEDEE4;
	width:429px;
}

.signupForm input {
	width:237px;
}

.signupForm td {
	padding:5px 22px 0 0;
	vertical-align:middle;
}

.signup {
	text-align:center;
	margin:18px 0 0 0;
}

.signupForm td .lineSpacer {
	border-top:1px solid #AEDEE4;
	margin:10px 0 15px 0;
}

.cardsContainer {
	float:right;
	width:160px;
	margin: -87px -60px 0 0;
	padding:0 0 0 15px;
}

.cardsContainer img {
	margin:0 0 10px 0;
}

.signupTable {
	width: 429px;
}

.billingTable td {
	padding:5px;
}

.signupTable td {
	padding:5px;
	border-top:1px #AEDEE4 solid;
}

.noBorderTop {
	border: none !important;
}

.signupTable p {
    color: #666666;
    font-size: 12px;
    margin: 0;
}

.signupFormContainer table {
	margin:0px;
}

.signupForm {
	width: 429px;
}

.smallInput {
	width:50px;
}


/* Sign Up Success  */

#stepsContainer {
	background:url(../images/backgrounds/steps_dash_down.gif) repeat-y 20px 0;
	margin:40px 0;
}

.stepContainer {
	float:left;
	width:390px;
	padding: 10px 38px 10px 0;
}

h2 .stepName {
	color:#333333;
	font-weight:normal;
}

.stepContainer p, .stepContainerLast p {
	margin:17px 0;
	font-size:12px;
	color:#333333;
	line-height:18px;
}

.download {
	margin:0 0 0 120px;
}

.activateSucess {
	font-size:18px;
	margin:30px 25px -25px 33px;
	color:#333333;
	font-weight:bold;
}

/* Change Plan */

#content table.changeplanTable {
	margin:0;
}

.changeplanTable td.tableLabel {
	width:97px;
}

.viewSecPolicy, .spaceneeded {
	float:right;
	margin:0 190px 0 0;
	font-size:11px;
}

.spaceneeded {
	float:none;
	margin:0 0 0 50px;
	font-weight:normal;
}

.tableCornersTop, .tableCornersBottom {
	background:url(../images/backgrounds/table_corners_top.gif) no-repeat #F4FAFB;
	height:5px;
	width: 491px;
}

.tableCornersBottom {
	background:url(../images/backgrounds/table_corners_bottom.gif) no-repeat bottom left #F4FAFB;
	margin:0 0 15px 0;
}

.postcode .textinput, .postcode .textinputhover {
	width:90px;
}

.securityCode .textinput, .securityCode .textinputhover {
	width:60px;
}

.securityCode select {
	width:72px;
}

.expirySlash {
	font-size:20px;
}

#content p.planUpdated {
	padding:10px 0 150px 0;
}

/* Floating Content */

.contentFloat {
    float: right;
    width: 294px;
	background:#f1f1f1;
	border:1px #ccc solid;
	margin:64px 0 0 0;
	padding:10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#sticky.sticky {
    position: fixed;
    top: 0;
	margin-top:5px;
}

#sticky h3 {
	margin:0 0 5px 0;
	padding:0px;
	color:#EA2127;
}

#sticky ul {
	margin:0 0 0 10px;
}

#sticky li {
	margin:5px 0;
	list-style:inside;
}

#sticky strong {
	color:#666;
}

/* Warning */

.signupForm td.required {
	color:#96DEE4;
	font-size:18px;
	text-align:center;
	padding:13px 10px 0 0;
}

.invalidInputHead {
	background:url(../images/backgrounds/invalid_top_bg.gif) no-repeat #FEFCF4;
	font-weight:bold;
	color:#EA2127;
	padding:10px 0 0 25px;
	width: 436px;
}

.invalidInputList {
	background:url(../images/backgrounds/invalid_bg.gif) repeat-y #FEFCF4;
	padding:5px 0 3px 40px;
	width: 421px;
}

.invalidInputList li {
	list-style:disc;
	padding:5px 0 0 0;
	background:none;
}

.invalidInputBottom {
	background:url(../images/backgrounds/invalid_bottom_bg.gif) repeat-y #FEFCF4;
	height:9px;
	margin:0 0 20px 0;
	width: 461px;
}


/* Login */

#loginContainer {
	width:400px; 
	margin:0 auto; 
	background-color:#CCC;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding:30px 0;
	text-align:center;
}

#loginContainer h2 {
	color:#fff;
	font-size:16px;
}

#loginContainer span {
	padding:10px 0 5px;
	display:block;
}

#loginContainer input {

}



.loginForm .textinput, .loginForm .textinputhover {
	width:285px;
}

.signupForm td {
	padding:5px 20px 0 0;
	vertical-align:middle;
}

.login {
	margin:0 0 0 150px;
}

.retrieveForm .textinput, .retrieveForm .textinputhover {
	width:307px;
}

.submitRetrieve {
	text-align:right;
}

/* Fancybox thumbs */

.thumbnails {
	margin:0 10px 0 0;
	float:left;
	border:#fff 1px solid;
}

.thumbnails:hover {
	border:#999 1px solid;
}

/* Contact */

.optionsTable td {
	border-bottom:1px solid #ccc;
	padding:10px 0;
}

#contactForm li {
	background:none;
	padding:0 0 2px 15px;
	list-style: inside disc;
}


/* Footer */

#footer {
	clear:both;
	background:url(images/backgrounds/container_bottom_bg.gif) no-repeat #EBEBEB;
	color:#999999;
	font-size:10px;
	line-height:70px;
	padding:0 25px 30px 0;

}

#copy {
	float:right;
	text-align:right;
	line-height:20px;
	padding:20px 0 0 0;
}

.nbm {
	color:#000000;
}

.quickBackup {
	color:#EA2127;
}

.serviceFrom {
	padding:25px 0 0 20px;

	line-height:16px;

}

.serviceFrom img {
	float:left;
	margin:-3px 0 0 0;
}

.serviceFrom ul {
	margin:3px 0 0 0;
	list-style:none;
}

.serviceFrom a {
	text-decoration:none;
	color:#333;
	font-weight:normal;
}

.style1 {
	color: #00CC33;
	font-weight: bold;
}
.style2 {
	color: #FF0000;
	font-weight: bold;
}

/***** Error / Info / Caution Boxes *****/

.error_box, .info_box {
	margin:0 0 15px 0;
	padding:15px;
	border-width: 3px;
	border-style: solid;
}

.error_box {
	border-color: #CC0000;
	background-color: #f3d8d8;
	color:#CC0000;
}

.info_box {
	border-color: #7F8F13;
	background-color: #E0E6B6;
	color:#7F8F13;
}

#content .error_box ul {
	margin-bottom:0;
}