/* Quba New Media - Design, XHTML, CSS all by Michael Auty for Quba (c) 2006 */

/* -- GLOBAL STYLES -- */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img, blockquote { 
	margin:0; 
	padding:0; 
	border:0; }

body {
	font-size:62.5%;
	font-family:Arial, Helvetica, sans-serif;
	color:#6B6B6B; }

a:link {
	color:#B23F46;
	text-decoration:none; }

a:visited {
	color:#B23F46;
	text-decoration:none; }
	
a:hover {
	text-decoration:underline; }

a:active {
	color:#D29504;
	text-decoration:none; }
	
fieldset {
	margin:0;
	padding:0;
}
	
legend {
	display:none;
}

dl.login {
	padding:0 40px 0 17px;
	margin:10px 0 0 0;
}

dt{
	float:left;
	width:120px;
	margin:0 0 5px 0;
}

dd{
	float:none;
	margin:0 0 5px 0;
}

input, select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	border: solid 1px #C0C0C0;
}

/* -- GENERIC STYLES --*/
.hr {clear:both; height:1px; background:url(../../images/1024/dots.png) no-repeat; width:515px; height:29px no-repeat; margin:5px 0 5px 0;padding:0;}
.hr hr {display: none;}

#button-signup {margin:10px 0 0 0; padding:0 40px 0 17px;}
#button-signup p#link {float:left;width:150px;margin:0;padding:5px 0 0 0;}

#button-login {margin:10px 0 0 0; padding:0 40px 0 17px;}
#button-login p#link02 {float:left;width:150px;margin:0;padding:5px 0 0 0;}


input.button {
	background: url(../../images/button.png) no-repeat;
	height:27px;
	width:110px;
	border:none;
	float:right;
	font-weight:bolder;
	color:#b23f46;
}

input.button-register {background: url(../../images/button.png) no-repeat;height:27px;width:110px;border:none;margin:0 0 0 250px;}
.invisible { display:none; }
.clear { clear:both; }
.bold { font-weight:bolder; }	
.italic { font-style:italic; }
em {
	font-style:normal;
	font-weight:bolder; }
	
/* -- LAYOUT STYLES -- */
#sitewrapper {
	margin:0 auto;
	width:969px; }

a img.logomain { float:left;  }
	
ul.subnav {
	float:right;
	font-size:1.1em;
	padding:45px 0 0 0;
	voice-family:woman;
	speak-punctuation:none;
	azimuth:left; }
	
ul.subnav li {
	display:inline;
	padding:0 10px 0 10px;
	border-right:1px solid #53585E; }

ul.subnav li.right {
	border:none;
	padding:0 0 0 10px; }
	
ul.subnav li a:link, ul.subnav li a:visited, ul.subnav li a:hover, ul.subnav li a:active { color:#53585E;}

#banner {
	margin:13px 0 0 0;
	float:left;
	width:969px;
	height:123px;
	background:url(../../images/1024/banner01.jpg) no-repeat; }

#navleft {
	float:left;
	width:8px;
	height:27px;
	background:url(../../images/navleft.png) no-repeat; }

#navright {
	float:right;
	width:8px;
	height:27px;
	background:url(../../images/navright.png) no-repeat; }

#navmain {
	float:left;
	margin:9px 0 0 0;
	width:969px;
	background:url(../../images/navback.png) repeat-x; }

#navmain ul.navmain {
	float:left;
	margin:2px 0 0 0;
	voice-family:woman;
	speak-punctuation:none;
	azimuth:left; }	

#navmain ul.navmain li {
	float:left;
	font-size:1.2em;
	border-right:1px solid #EDEEEE;
	list-style-type:none; }

#navmain ul.navmain li a:link, #navmain ul.navmain li a:visited, #navmain ul.navmain li a:active {
	display:block; 
	padding:0 12px 5px 12px;
	color:#000000; }
#navmain ul.navmain li a:hover { text-decoration:none; background:url(../../images/nav_over.png) repeat; }

#textsize {
	float:right;
	padding:6px 0 0 0; }
	
#textsize p {
	float:left;
	padding:0 5px 0 0; }

#textsize ol li {
	float:left;
	padding:0 5px 0 0;
	list-style-type:none;
	font-family:"Times New Roman", Times, serif;
	font-weight:bolder;  }
	
#textsize ol li.small { font-size:.9em; }
#textsize ol li.medium { font-size:1.1em; margin:-1px 0 0 0; }
#textsize ol li.large { font-size:1.2em; margin:-2px 0 0 0; }

#textsize ol li a:link, #textsize ol li a:visited, #textsize ol li a:active { color:#6B6B6B; }
#textsize ol li a:hover { color:#D29504; }  
#content {
	float:left;
	margin:9px 0 0 0;
	width:969px;
	background:url(../../images/1024/contentback.png) repeat-x;
	voice-family:man;
	speak-punctuation:none;
	azimuth:right; }
	
#contenttop {
	width:969px;
	height:14px;
	background:url(../../images/1024/contenttop.png) no-repeat; }

#content_hleft {
	width:550px;
	padding:0 19px 0 19px; }
	
h1.headermain {
	width:311px;
	height:41px;
	background:url(../../images/headerhomemain.png) no-repeat;}
	
h2.homeintro {
	width:540px;
	padding:8px 0 3px 0;
	font-size:1.2em;
	font-weight:normal;
	line-height:1.8em; }
	
h3.homeintro {
	width:540px;
	padding:8px 0 3px 0;
	font-size:1.2em;
	font-weight:bolder;
	line-height:1.8em;
	color:#b23f46; }

h3.headerdifference {
	margin:0 0 0 15px;
	width:506px;
	height:29px;
	background:url(../../images/1024/header_difference.png) no-repeat; }
	
h3.quba {
	margin:0 0 0 15px;
	width:506px;
	height:29px;
	background:url(../../images/1024/headers/quba.png) no-repeat; }
	
#clients {
	float:left;
	margin:10px 0 0 0;
	width:551px;
	background:url(../../images/1024/clients_back.png) repeat-y; }

#clients_top {
	width:551px;
	height:22px;
	background:url(../../images/1024/clients_top.png) no-repeat; }
	
#clients_bottom {
	float:left;
	width:551px;
	height:25px;
	background:url(../../images/1024/clients_bottom.png) no-repeat; }
	
#otherservices {
	float:left;
	margin:10px 0 0 0;
	width:551px;
	background:url(../../images/1024/clients_back.png) repeat-y; }

#otherservices_top {
	width:551px;
	height:22px;
	background:url(../../images/1024/clients_top.png) no-repeat; }
	
#otherservices_bottom {
	float:left;
	width:551px;
	height:25px;
	background:url(../../images/1024/clients_bottom.png) no-repeat; }
	
.homebox {
	float:left;
	display:inline;
	margin:10px 5px 4px 15px;
	padding:0 0 0 0;
	width:160px;}

.homebox h4 {
	color:#B23F46;
	font-size:1.2em;
	line-height:1.6em; }

	
.homebox p {
	font-size:1.1em;
	font-weight:normal;
	line-height:1.6em;  }
	
#clients p.text {
	margin:10px 10px 4px 15px;
	padding:0 0 0 0;
	font-size:1.1em;
	font-weight:normal;
	line-height:1.6em; }

#content_hright {
	float:right;
	display:inline;
	margin:0 13px 0 0;
	width:358px;
	font-size:1.1em;
	line-height:1.6em; }

.feature {
	margin:0 0 20px 0;
	width:358px;
	background:url(../../images/1024/feature_back.png) repeat-y; }

.feature_top {
	width:358px;
	height:22px;
	background:url(../../images/1024/feature_top.png) no-repeat; }

.feature_bottom {
	width:358px;
	height:25px;
	background:url(../../images/1024/feature_bottom.png) no-repeat; }
	
h3.header_trialhome {
	margin:0 0 0 17px;
	width:257px;
	height:32px;
	background:url(../../images/header_trialhome.png) no-repeat; }

h3.header_login {
	margin:0 0 0 17px;
	width:258px;
	height:32px;
	background:url(../../images/header_registeredusershome.png) no-repeat; }

#content_hright .feature p {
	padding:10px 40px 0 17px; }


.feature a img {
	float:right;
	display:inline;
	margin:0 16px 0 0;
	border:none; }

#home_bottom {
	float:left;
	margin:9px 0 0 0;
	width:969px;
	font-size:1.1em;
	line-height:1.6em; }

#bottom_left {
	float:left;
	display:inline;
	margin:0 0 0 22px;
	width:548px;
	background:url(../../images/dots.png) repeat-x; }

h3.qubanews {
	margin:12px 0 0 0;
	width:92px;
	height:13px;
	background:url(../../images/header_newshome.png) no-repeat; }
	
h3.qubacreds {
	margin:12px 0 0 0;
	width:196px;
	height:16px;
	background:url(../../images/header_credshome.png) no-repeat; }

ul.newshome { padding:23px 0 0 0; }

ul.newshome li {
	margin:0 0 0 14px;
	padding:0 0 0 17px;
	list-style-type:none;
	background:url(../../images/bullet_news.png) 0 4px no-repeat; }

ul.newshome li a:link span.grey, ul.newshome li a:visited span.grey, ul.newshome li a:active span.grey { color:#6B6B6B; }
ul.newshome li a:hover span.grey { color:#D29504; }
	
#bottom_right {
	float:right;
	display:inline;
	margin:0 13px 0 0;
	width:358px;
	background:url(../../images/dots.png) repeat-x; }

#bottom_right table.credtable {
	margin:20px 0 5px 15px;
	width:330px; }
	
#bottom_right table.credtable tr td.text {
	width:240px;
	padding:0 10px 0 0; }
	
#bottom_right table.credtable tr td.logo_iip {
	width:80px;
	background:url(../../images/logo_iip.png) no-repeat; }
	
	
#bottom_right table.credtable tr td.logo_iso {
	width:80px;
	background:url(../../images/logo_iso.png) no-repeat; }

#footer {
	float:left;
	padding:10px 0 0 25px; }

#footer ul li {
	padding:5px 0 0 0;
	float:left;
	display:inline;}
	
#content_main, #content_faq {
	width:550px;
	padding:0 19px 0 19px; }

#content_main h1 {width:515px; height:29px;}	
#content_main h1.emails {background:url(../../images/1024/headers/emails.png) no-repeat;}
#content_main h1.design {background:url(../../images/1024/headers/design.png) no-repeat;}
#content_main h1.tracking {background:url(../../images/1024/headers/tracking.png) no-repeat;}
#content_main h1.websitetracking {background:url(../../images/1024/headers/tracking02.png) no-repeat;}
#content_main h1.responses {background:url(../../images/1024/headers/responses.png) no-repeat;}
#content_main h1.addresses {background:url(../../images/1024/headers/addresses.png) no-repeat; }
#content_main h1.personalisation {background:url(../../images/1024/headers/personalisation.png) no-repeat;}
#content_main h1.support {background:url(../../images/1024/headers/support.png) no-repeat;}

#content_main h1.contact {background:url(../../images/1024/headers/contact.png) no-repeat;}
#content_main h1.about {background:url(../../images/1024/headers/about.png) no-repeat;}
#content_main h1.features {background:url(../../images/1024/headers/features.png) no-repeat;}
#content_main h1.signup {background:url(../../images/1024/headers/signup.png) no-repeat;}

#content_main h2 {
	width:540px;
	padding:8px 0 3px 0;
	font-size:1.2em;
	font-weight:bolder;
	color:#b23f46;
	line-height:1.8em; }
	
#content_main img, #content_hleft img {
margin:0 0 10px -4px;}
	
#content_faq h1.faq {background:url(../../images/1024/headers/faq.png) no-repeat;width:515px; height:29px;}
#content_faq h2 {font-size:1.6em;font-weight:bolder;color:#666;line-height:1.8em;  margin:0 0 10px 0;}	
#content_faq h3 {font-size:1.2em;font-weight:bolder;color:#b23f46;}
#content_faq ul {
	margin:20px 0 20px 25px;
	padding:5px 0 5px 0;
	font-size:1.1em;
	font-weight:normal;
	line-height:1.6em; }	
	
#content_main p, #content_faq p{
	margin:0;
	padding:0 0 10px 0;
	font-size:1.1em;
	font-weight:normal;
	line-height:1.6em; }
	
#content_main ul {
	margin:0 0 0 25px;
	padding:5px 0 5px 0;
	font-size:1.1em;
	font-weight:normal;
	line-height:1.6em; }
	
#content_main dl.register {
	font-size:1.1em;
	font-weight:normal;
	line-height:1.6em;
	margin:20px;

}

#content_main dl.register dt{
	float:left;
	width:100px;
	margin:0 0 5px 0;

}

#content_main dl.register dd{
	float:none;
	margin:0 0 5px 0;
 
}