﻿/* CSS Document */

/* Set HTML styles */

* {
	margin: 0;
	padding: 0;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 140%;
	color: #0B4F8B;
	background-color: #fff;
	margin-top: 0px;
	background-image: url(images/body_bg.jpg);
	background-repeat: repeat-x;
	background-position: top center;
}

/* Controls navigation highlights for the current page */

body#booking a#navbooking, 
	body#b_easy a#bnav_easy, 
	body#b_choosing a#bnav_choosing, 
	body#b_custom a#bnav_custom, 
	body#b_security a#bnav_security, 
	body#b_support a#bnav_support, 
	body#b_features a#bnav_features, 
body#prices a#navprices, 
	body#pr_calc a#prnav_calc, 
	body#pr_nocomm a#prnav_nocomm, 
body#demo a#navdemo, 
	body#d_cal a#dnav_cal, 
	body#d_prices a#dnav_prices, 
	body#d_offers a#dnav_offers, 
	body#d_search a#dnav_search, 
	body#d_contact a#dnav_contact, 
	body#d_custom a#dnav_custom, 
body#clients a#navclients, 
	body#cl_testi a#clnav_testi, 
	body#cl_designers a#clnav_designers, 
	body#cl_spring a#clnav_spring, 
	body#cl_stick a#clnav_stick, 
	body#cl_elite a#clnav_elite, 
	body#cl_cornwall a#clnav_cornwall, 
	body#cl_collines a#clnav_collines, 
	body#cl_earls a#clnav_earls, 
body#payments a#navpayments, 
	body#p_easy a#pnav_easy, 
	body#p_options a#pnav_options, 
	body#p_paypal a#pnav_paypal, 
	body#p_merchant a#pnav_merchant, 
	body#p_transfer a#pnav_transfer, 
	body#p_security a#pnav_security, 
body#faqs a#navfaqs,
body#about a#navabout,
	body#ab_contact a#abnav_contact, 
body#trial a#navtrial {
	background-color: #f2efee;
	color: #0B4F8B;
}

/* Controls navigation highlights for the current page in features section */
body#f_avail li#fnavavail a, 
body#f_manage li#fnavmanage a, 
body#f_install li#fnavinstall a, 
body#f_payments li#fnavpayments a, 
body#f_custom li#fnavcustom a, 
body#f_options li#fnavoptions a, 
body#f_search li#fnavsearch a, 
body#f_track li#fnavtrack a, 
body#f_sms li#fnavsms a, 
body#f_invoicing li#fnavinvoicing a, 
body#f_reports li#fnavreports a, 
body#f_paper li#fnavpaper a, 
body#f_offers li#fnavoffers a, 
body#f_settings li#fnavsettings a, 
body#f_users li#fnavusers a, 
body#f_agents li#fnavagents a, 
body#f_currency li#fnavcurrency a, 
body#f_spam li#fnavspam a, 
body#f_archive li#fnavarchive a, 
body#f_add li#fnavadd a, 
body#f_emailmarket li#fnavemailmarket a,
body#f_support li#fnavsupport a {
	background: url(images/arrow_dk.gif) no-repeat 95% 50%;
	background-color: #f2efee;
	color: #4291c6;
}

/* Background style for home page */

body#booking h2 {
	padding-top: 30px;
}
p {
	padding: 5px 40px 5px 0px;
}
h1 {
	font-size: 1.8em;
	color: #0B4F8B;
	padding: 10px 5px 5px 0px;
	line-height: 140%;
}
h2 {
	font-size: 1.2em;
	color: #0B4F8B;
	padding: 15px 5px 5px 0px;
	line-height: 140%;
}
h3 {
	font-size: 1.2em;
	padding: 15px 5px 5px 0px;
	font-weight: normal;
	line-height: 150%;
}
h4 {
	font-size: 1.4em;
	color: #8cc63e;
	padding: 15px 5px 5px 0px;
}

/* extra top padding where needed */
.toppad {
	padding-top: 25px;
}

/* added by Paul */

h3#topdescription { font-weight:bold; }

/* add grey border para */
.borderbottgrey {
	border-bottom: 1px solid #ccc;
}
.bordertopgrey {
	border-top: 1px solid #ccc;
}

/* Set layout styles for main containers */

#headcontainer {
	margin: 0 auto;
	width: 1024px;
	height: 131px;
}
#page {
	margin: 0 auto;
	width: 1024px;
}

/* Set layout styles for header */

#header {
	width: 1024px;
	height: 99px;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	position: relative;
}

#top {
	background-color: #0b4f8b;
	width: 1024px;
	height: 28px;
	position: relative;
}
#top h1 {
	color: #3399cc;
	font-size: 0.8em;
	text-align: center;
	padding: 4px 50px 2px 0px;
	font-weight: normal;
}
#login {
	height: 28px;
	width: 102px;
	position: absolute;
	right: 28px;
	top: 0;
}

/* Style for general quotes */

.quotesbox {
	float:right;
	margin: 10px;
	padding: 5px;
	width:280px;
}
.quotesboxleft {
	float:left;
	margin: 10px;
	margin-left: 0;
	padding: 5px;
	width:250px;
}
.quotesboxleftwide {
	float:left;
	margin: 10px;
	margin-left: 0;
	padding: 5px;
	width:300px;
}

.quotes {
	background-image: url(images/quote_left.gif);
	background-position: top left;
	background-repeat: no-repeat;
	color:#2C6DB0;
	font-style:italic;
	padding-left: 40px;
	margin-right: -50px;
}
.quoters {
	background-image: url(images/quote_right.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	padding-right:50px;
	padding-left: 40px;
	font-size: 90%;
	color: #72a82a;
}


/* Styles for the top content part of the home page */

#greycontentcontainer {
	width: 100%;
	background-image: url(images/hometop_bg.jpg);
	background-repeat: repeat-x;
	background-position: top center;
	background-color: #FAF8F8;
	border-bottom: 1px solid #ccc;
}
#greycontentcontainer h1 {
	font-size: 1.8em;
	color: #0B4F8B;
	padding: 30px 5px 5px 50px;
}
#greycontentcontainer h2 {
	font-size: 1.2em;
	color: #0B4F8B;
	padding: 8px 5px 25px 50px;
}

#greycontent {
	width: 1024px;
	margin: 0 auto;
	text-align: left;
	background-image: url(images/mac.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	position: relative;
}

/* Content container for all pages */

#contentbox {
	width: 1024px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

/* Main page content */

#content {
	width: 680px;
	background-color: #FFFFFF;
	font-size: 95%;
	float: right;
	color: #6B6B6B;
	margin-top: 15px;
	margin-right: 32px;
}

/* Page title area over the gradient in body background */

#titlebox {
	width: 990px;
	height: 70px;
	padding: 5px 10px 5px 0px;
	position: relative;
}
#titlebox h1 {
	padding: 20px 5px 5px 40px;
}

#titlefeatures {
	width: 170px;
	position: absolute;
	top: 15px;
	right: 5px;
}
#titletrial {
	width: 161px;
	position: absolute;
	top: 15px;
	right: 180px;
}
/* Home page signup box with green ticks */

#signupbox {
	width: 590px;
	background-color: #006699;
	background-image: url(images/signup_bottom.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
	color: #fff;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
}
#signupbox h2 {
	color: #fff;
	text-align: left;
	padding: 0px 8px 8px 15px;
}

#signupbox ul {
}
#signupbox li {
	list-style: none;
	font-size: 110%;
	background-image: url(images/green_tick.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 4px 15px 0 30px;
	margin-left: 30px;
	padding-bottom: 7px;
}
.signupboxtrialbutton {
	margin: 12px 10px 20px 70px;
}

/* Features with icons section */

#features {
	width: 678px;
	margin-top: 15px;
	margin-bottom: 15px;
}
#features td {
	width: 226px;
}
#features tr {
	vertical-align: top;
}
#features p {
	font-size: 85%;
	padding: 0px 11px 5px 3px;
	margin-left: 60px;
	line-height: 140%;
}
#features h4 {
	font-size: 95%;
	padding: 5px 8px 2px 3px;
	color: #000;
	margin-left: 60px;
}
#features img {
	float: left;
}
.officeopen {
	font-size: 70%;
}
.note {  /* asterisk note below icon features */
	font-size: 0.9em;
	font-weight: bold;
}

/* Features for the demo page */
#demo_features p {
	padding: 0 80px 20px 0;
	padding-top: 0;
}

#demo_features img {
	float: left;
	padding: 10px 15px 0px 0px;
	clear: both;
}

/* FAQ page */

#faqitems h3 {
	padding: 10px 20px 15px 60px;
	margin-top: 8px;
}
#faqitems p {
}

.faqborder {
	border-top: 1px solid #ccc;
	margin-top: 40px;
}

.faqlink {
	background-image: url(images/faq_link.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}
.faqcustom {
	background-image: url(images/faq_custom.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}
.faqsecurity {
	background-image: url(images/faq_security.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}
.faqpayment {
	background-image: url(images/faq_payment.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}
.faq_q {
	background-image: url(images/faq_q.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	color: #0B4F8B;
	padding: 2px 20px 5px 40px;
	margin: 0px 10px 4px 60px;
}
.faq_a {
	background-image: url(images/faq_a.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	color: #72a82a;
	padding: 2px 20px 5px 40px;
	margin: 0px 10px 12px 60px;
}

/* Make clickable area over imac background image */

#maclink { 
	position: absolute; 
	top: 170px; 
	right: 75px; 
	width: 360px; 
	height: 200px; 
	background-color: transparent; 
}
#maclinkclients { 
	position: absolute; 
	top: 50px; 
	right: 25px; 
	width: 100px; 
	height: 100px; 
	background-color: transparent; 
}


/* Make clickable areas over logo background image */

#logolink { 
	position: absolute; 
	top: 8px; 
	left: 25px; 
	width: 330px; 
	height: 50px; 
	background-color: transparent; 
}
#contactlink { 
	position: absolute; 
	top: 35px; 
	right: 55px; 
	width: 120px; 
	height: 25px; 
	background-color: transparent; 
}

/* Footer styles */

#footer {
	width: 100%;
	height: 177px;
	background-color: #0b4f8b;
	clear: both;
}
#footercontent {
	margin: 0 auto;
	width: 958px;
	color: #FFFFFF;
}
#copyright {
	width: 400px;
	float: left;
	font-size: 90%;
}
#copyright p {
	padding: 5px 40px 5px 20px;
}
#contact {
	width: 400px;
	font-size: 125%;
	text-align: right;
	margin-top: 15px;
	margin-right: 30px;
	font-weight: bold;
	float: right;
}
#footerlinks {
	width: 100%;
	font-size: 85%;
	text-align: center;
}
#footerlinks a {
	color: #FFFFFF;
	text-decoration: none;
}
#footerlinks a:hover {
	color: #000;
	text-decoration: underline;
}

#footerimage {
	width: 958px;
	height: 59px;
	background-image: url(images/footerimg.jpg);
	background-repeat: no-repeat;
	position: relative;
	clear: both;
}

#footerimagetext {
	width: 900px;
	height: 59px;
	display: table-cell;
    vertical-align: middle;
}
#footerimagetext p {
	text-align: center;
}

/* Make clickable areas over footer background image */
#twitter {
	position: absolute;
	right: 50px;
	bottom: 21px;
	width: 20px;
	height: 20px;
	background-color: transparent; 
}
#facebook {
	position: absolute;
	right: 22px;
	bottom: 21px;
	width: 20px;
	height: 20px;
	background-color: transparent; 
}

/* Demo page styles for buttons etc */

.demobuttons {
	width: 510px;
	margin: 0 auto;
}
.demobuttons img {
	padding-right: 15px;
}

/* Home page styles for buttons etc */

#homeintro {
	width: 565px;
}
#homebuttons {
	width: 334px;
	height: 42px;
	margin-left: 60px;
	margin-top: 12px;
}	
#homechoice {
	width: 370px;
	height: 57px;
	margin-left: 60px;
	margin-top: 15px;
	background-image: url(images/choosing_bg.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 18px 0 0 20px;
	font-size: 110%;
	font-weight: bold;
	color: #0b4f8b;
}
#homemoreinfo {
	width: 370px;
	height: 57px;
	margin-left: 60px;
	margin-top: 10px;
	background-image: url(images/moreinfo_bg.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 18px 0 0 20px;
	font-size: 110%;
	font-weight: bold;
	color: #0b4f8b;
}

/* More info buttons sitewide */

.moreinforight {
	width: 320px;
	height: 45px;
	margin-left: 336px;
	margin-top: 5px;
	background-image: url(images/moreinfo_bg_sm.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 15px 0 0 20px;
	font-size: 100%;
	font-weight: bold;
	color: #0b4f8b;
}
.moreinfo {
	width: 320px;
	height: 45px;
	margin-top: 10px;
	margin-left: 0px;
	background-image: url(images/moreinfo_bg_sm.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 15px 0 0 20px;
	font-size: 100%;
	font-weight: bold;
	color: #0b4f8b;
}


/* Home page content style */

.contenttext {
	width: 650px;
	margin-top: 30px;
}
.contenttext p {
	padding: 5px 10px 10px 0;
}

/* Styles for image and icon positioning */

.imgright {
	float: right;
	padding: 0px 10px 30px 15px;
	margin-top: -10px;
}
.imgleft {
	float: left;
	padding: 0px 15px 20px 0px;
	margin-left: -15px;
	margin-top: -10px;
}
.imgleft2 {
	float: left;
	padding: 0px 15px 5px 0px;
}
.imgright2 {
	float: right;
	padding: 0px 10px 10px 15px;
}

.imglefttext {
	margin-left: 280px;
	margin-right: 10px;
	padding-right: 0;
}
.iconsimg {
	float: left;
}
.imgdivleft {
	float: left;
	padding: 0px 15px 10px 0px;
	margin-left: -15px;
	margin-top: -10px;
}
.imgdivright {
	float: right;
	padding: 0px 10px 20px 15px;
	margin-top: -10px;
}
.imgdivleftpayments {
	float: left;
	padding: 2px 15px 10px 0px;
	margin-left: -15px;
	margin-top: 5px;
}
.imgdivrightpayments {
	float: right;
	padding: 0px 10px 20px 25px;
	margin-top: -15px;
	margin-right: 20px;
	text-align: center;
}

.imgdivleft p, .imgdivright p, .imgdivleftpayments p, .imgdivrightpayments p {
	text-align: center;
	font-size: 85%;
	line-height: 120%;
	margin: 0;
	padding: 3px 5px 5px 0;
	font-weight: bold;
	color: #72a82a;
}
.imageleftoffset {
	margin-left: -12px;
	margin-top: 12px;
}
.imagetoppad {
	padding-top: 10px;
}
.imagetoppad20 {
	padding-top: 20px;
}
#casestudies .imgdivleft {
	margin-top: 12px;
}



/* list styles */

.bullets ul {
}
.bullets li {
	list-style: none;
	font-size: 110%;
	background-image: url(images/bluebulletongrey.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	margin-left: 70px;
	padding-bottom: 7px;
}

.bulletsonwhite ul {
}
.bulletsonwhite li {
	list-style: none;
	background-image: url(images/bluebulletonwhite.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	margin-left: 40px;
	padding-bottom: 6px;
}
.bulletsonwhite2 li {
	list-style: none;
	background-image: url(images/bluebulletonwhite.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	margin-left: 10px;
	padding-bottom: 4px;
}
.bulletsonwhite span {
	font-size: 115%;
	font-weight: bold;
	color: #72a82a;
	line-height: 150%;
	padding-bottom: 8px;
	display: block;
}
ol {
	margin-left: 18px;
	padding: 3px 12px 3px 8px;
}

/* Price on home page bullet points  */

.price {
	width: 150px;
	padding: 3px;
	background-color: #FFFFFF;
	border: 1px solid #E4E4E4;
	display: inline;
}

/* span styles for text */

.lightgreen {
	color: #91CB44;
	padding: 0;
	margin: 0;
}
.green {
	color: #72a82a;
}
.lightblue {
	color: #6699cc;
	padding: 0;
	margin: 0;
}
.lightblue img {
	float: right;
	margin-top: -8px;
}
.lightgreen img {
	float: right;
	margin-top: -8px;
}
.buttontext {
	width: 135px;
	float: left;
}
.boldblue {
	color: #006699;
	font-weight: bold;
	font-size: 16px;
}

/* Styles for the table on the demo customising page */

.demotable {
	border: 1px solid #c7c7c7;
	width: 650px;
	margin-left: -10px;
	font-size: 95%;
}
.demotable th {
	background-color: #1684bb;
	color: #FFFFFF;
	text-align: center;
	padding: 3px;
}
.demotable th {
	border: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}

.demotable tr, .demotable td {
	border: 1px solid #c7c7c7;
	padding: 4px 4px 4px 7px;
	vertical-align: top;
}
.odd {
	background-color: #eeeeee;
}
.columnbold {
	font-weight: bold;
	color: #0B4F8B;
}

/* Styles for the table on the payment options page */

.paymenttable {
	border: 1px solid #c7c7c7;
	width: 680px;
	margin-left: -10px;
	font-size: 95%;
}
.paymenttable th {
	background-color: #1684bb;
	color: #FFFFFF;
	text-align: center;
	padding: 3px;
	font-size: 95%;
	line-height: normal;
	vertical-align: middle;
}
.paymenttable th {
	border: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}

.paymenttable tr, .paymenttable td {
	border: 1px solid #c7c7c7;
	padding: 4px 4px 0px 7px;
	vertical-align: top;
}
.paymenttable p {
	font-size: 90%;
	margin: 0;
	padding: 0 0 6px 0;
	line-height: normal;
}

/* Styles for the table on the Prices page */

.pricestable {
	border: 1px solid #c7c7c7;
	width: 650px;
	margin-left: -10px;
	font-size: 95%;
}
.pricestable th {
	background-color: #1684bb;
	color: #FFFFFF;
	text-align: center;
	padding: 3px;
}
.pricestable th {
	border: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}

.pricestable tr, .pricestable td {
	border: 1px solid #c7c7c7;
	padding: 4px 4px 4px 7px;
	vertical-align: top;
}
.odd {
	background-color: #eeeeee;
}
.columnbold {
	font-weight: bold;
	color: #0B4F8B;
}

/* Styles for the Price Calculator Table */

#pricescalctable {
	border: 1px solid #c7c7c7;
	width: 650px;
	margin-left: -10px;
	font-size: 95%;
}
#pricescalctable th {
	background-color: #1684bb;
	color: #FFFFFF;
	text-align: center;
	padding: 3px;
}
#pricescalctable th {
	border: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}

#pricescalctable tr, #pricescalctable td {
	border: 1px solid #c7c7c7;
	padding: 4px 4px 4px 7px;
	vertical-align: top;
	text-align: center;
}
.odd {
	background-color: #eeeeee;
}
.columnbold {
	font-weight: bold;
	color: #0B4F8B;
}
.columnbold {
	text-align: left !important;
}

/* Other misc styles */

.quote {
	color: #0B4F8B;
	width: 650px;
	background-image: url(images/quotes.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}
.quote h2 {
	font-size: 1.2em;
	padding: 2px 10px 0 60px;
	margin: 0;
}
.quoter {
	font-size: 100%;
	font-weight: normal;
	padding: 0 10px 0 60px;
}
.top {
	text-align: right;
	text-decoration: underline;
}
.top_left {
	text-align: left;
	text-decoration: underline;
}

/* Style for case studies quotes */

.casequotesbox {
	float:right;
	margin: 0 0 0 8px;
	/*padding: 0 5px 5px 5px;*/
	margin-left: 15px;
	margin-right: 0px;
	width: 220px;
	background-image: url(images/quotebox_bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #e0f4c9;
}
/*.casequotesbox {
	float:right;
	margin: 0 0 0 8px;
	padding: 0 5px 5px 5px;
	margin-left: 15px;
	margin-right: 0px;
	width: 220px;
	background-image: url(images/quotesleft.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #f3f7fb;
}*/
.casequotesbox p {
	padding: 12px;
	padding-bottom: 45px;
	padding-left: 15px !important;
	font-size: 95%;
	color: #104c8a;
	/*padding-right: 0;*/
	/*padding-left: 40px;*/
}
.casequotes {
	color:#2C6DB0;
	font-style:italic;
	/*margin-left: -5px;*/
	background-image: url(images/quotebox_bottom.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
	/*background-image: url(images/quote_right.gif);
	background-position: bottom right;
	background-repeat: no-repeat;*/
}

#casestudy { /* the main div container for all quotes */
	margin-top: 15px;
}

#casestudy p {
	padding-left: 35px;
}

.case_q {
	background-image: url(images/faq_q.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	color: #0B4F8B;
	margin-top: 10px;
	padding: 2px 0px 10px 37px;
}
.case_a {
	padding: 2px 0px 10px 37px;
	background-image: url(images/faq_a.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	/*color: #72a82a;*/
}

/* Styles for quotes on main case studies page
   our_customers.html */

.casequote {
	width: 680px;
	border: 1px solid #ccc;
	margin-left: -14px;
	background-color: #f3f7fb;
	clear: both;
}
.casequote p {
	font-size: 1.1em;
	font-style: italic;
	padding: 2px 10px 0 10px;
	color: #72a82a;
	margin: 0;
}
.casequote img {
	vertical-align: middle;
	margin-right: 10px;
}

/* Styles for quotes on Testimonials Page */

.testiquote {
	width: 680px;
	border: 1px solid #ccc;
	margin-left: -14px;
	background-color: #f3f7fb;
}
.testileft {
	font-size: 1em;
	font-style: italic;
	padding: 7px 10px 7px 50px;
	color: #72a82a;
	margin: 0;
	background: url(images/quotes.gif) left top no-repeat;
	width: 80%;
}
.testiquote td {
	border-bottom: 4px solid #fff;
	vertical-align: top;
}
.testiright {
	color: #0B4F8B;
	font-size: 85%;
	font-style: normal;
	width: 20%;
	padding: 7px 7px 7px 7px;
	border-left: 4px solid #fff;
}
/* Set horizontal navigation styles */

#navbox {
	width: 992px;
	height: 31px;
	margin-left: 32px;
	position: absolute;
	bottom: 0;
	left: 0;
}

/* Set left vertical navigation styles */

#leftnav {
	width: 240px;
	float: left;
	background-color: #fdfbfc;
	margin-left: 37px;
	margin-bottom: 30px;
	margin-top: 3px;
	border-top: 4px solid #1684bb;
	border-bottom: 4px solid #1684bb;
	border-left: 1px solid #E4E4E4;
	border-right: 1px solid #E4E4E4;
	background-image: url(images/leftmenu_bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom center;
}
#leftmenucontent {
	width: 130px;
	margin: 10px auto;
}
#leftmenucontent p {
	padding: 10px 3px 5px 3px;
	text-align: right;
	font-size: 90%;
}

#leftmenu li {
	list-style-image: none;
	list-style-type: none;
	width: 240px;
}
#leftmenu a {	
	color: #0B4F8B;
	border-bottom: 1px solid #E4E4E4;
	display: block;
	text-decoration: none;
	padding: 4px 0 4px 15px;
}
#leftmenu li li a:link, #leftmenu li li a:visited {
	padding: 2px 5px 2px 30px;
	font-size: 85%;
	color: #4291c6;
}
#leftmenu li li a:hover {
	color: #0B4F8B;
	background-color: #fdfbfc;
}
#leftmenu a:link {
}
#leftmenu a:visited {
}
#leftmenu a:hover {
	background-color: #f2efee;
	text-decoration: underline;
}
#leftmenu a:active {
}

/* Set left vertical navigation styles for Features pages */

#featuresnav {
	width: 240px;
	float: left;
	background-color: #fdfbfc;
	margin-left: 37px;
	margin-bottom: 30px;
	margin-top: 3px;
	border-top: 4px solid #1684bb;
	border-bottom: 4px solid #1684bb;
	border-left: 1px solid #E4E4E4;
	border-right: 1px solid #E4E4E4;
}

#featuresmenu li {
	list-style-image: none;
	list-style-type: none;
	width: 240px;
}
#featuresmenu li a:hover {
	background: url(images/arrow_dk.gif) no-repeat 95% 50%;;
}
#featuresmenu a {	
	color: #0B4F8B;
	font-size: 90%;
	border-bottom: 1px solid #E4E4E4;
	display: block;
	line-height: 90%;
	text-decoration: none;
	padding: 4px 24px 4px 30px;
	background: url(images/arrow_lt.gif) no-repeat 95% 50%;
}
#featuresmenu a img {	
	border: none;
	vertical-align: middle;
	margin-left: -29px;
}
#featuresmenu img a:hover {	
	text-decoration: none;
}

#featuresmenu li li a:link, #featuresmenu li li a:visited {
	padding: 2px 5px 2px 30px;
	font-size: 85%;
	color: #4291c6;
}
#featuresmenu li li a:hover {
	color: #0B4F8B;
	background-color: #fdfbfc;
}
#featuresmenu a:link {
}
#featuresmenu a:visited {
}
#featuresmenu a:hover {
	background-color: #f2efee;
	text-decoration: underline;
}
#featuresmenu a:active {
}


/* Set link styles */

a:link {
	color: #0b4f8b;
	text-decoration: none;
}
a:visited {
	color: #0b4f8b;
	text-decoration: none;
}
a:hover {
	color: #4291c6;
	text-decoration: underline;
}
a:active {
	color: #0b4f8b;
	text-decoration: none;
}

.style1 {font-size: 1.2em}

/* Form for prices page */

.pricesform {
	width: 645px;
	margin-left: -10px;
	border: 1px solid #ccc;
	font-size: 90%;
}
.pricesform div {
	padding: 15px;
}
.pricesform label {
	width: 290px;
	float: left;
}
.fm_customise {
	background-color: #eee;
	border: 2px solid #fff;
	height: 40px;
}
.fm_customoption {
	background-color: #eee;
	border: 2px solid #fff;
	height: 40px;
}

.fm_scnumber {
	background-color: #eee;
	border: 2px solid #fff;
}
.fm_submitbutton {
	background-color: #eee;
	border: 2px solid #fff;
	height: 35px;
}
.fm_submitbutton input {
	width: 160px;
	height: 30px;
	background: url(images/button_calc_blank.gif) no-repeat;
	color: #FFF;
	font-size: 110%;
	font-weight: bold;
	border: none;
	margin-bottom: 35px;
}

.fm_submitbutton_whiteback {
	background-color: #fff;
	border: 2px solid #fff;
	height: 35px;
}
.fm_submitbutton_whiteback input {
	width: 160px;
	height: 30px;
	background: url(images/button_calc_blank.gif) no-repeat;
	color: #FFF;
	font-size: 110%;
	font-weight: bold;
	border: none;
	margin-bottom: 35px;
}

#paraWhoIncludeCustomHostingUpgrades {
	background-color: #eee;
	border: 2px solid #fff;
	height: 40px;

}

