/*FlexiWeb Style File - Created 24-08-2010
Menus Section
*/
.main {
	position: absolute;
	left: 18px;
	top: 92px;
	width : 164px;
	z-index: 90;
	text-align: left;
	text-indent: 0px;
}
#main, #main ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 164px;
	}
	
#main li { /* all list items */
	float : left;
	width: 164px;
	position : relative;
	line-height : 20px;
	margin-bottom : -1px;
	background-color : #C3D5E8;
}
	
#main li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left : 10px;
	margin-top : -20px;
}
#main li ul ul { /* third-and-above-level lists */
	left: -999em;
}
#main li a {
	width: 164px;
	display : block;
	color : #00467F;
	font-weight : bold;
	font-family: Verdana, Arial, sans-serif;
	font-size : 11px;
	text-decoration : none;
	background-color : #C3D5E8;
	border : 1px solid #FFFFFF;
	padding: 3px 10px;
	z-index: 90;	
}	
	width:100px;		
}
#main li:hover ul ul, #main li:hover ul ul ul, #main li.sfhover ul ul, #main li.sfhover ul ul ul {
	left: -999em;
}
#main li:hover ul, #main li li:hover ul, #main li li li:hover ul, #main li.sfhover ul, #main li li.sfhover ul, #main li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#main li a:hover {
	color : #FFFFFF;
	background-color: #00467F;
}
#main li:hover, #main li.hover {
    position:static;
} 
/*FlexiWeb Style File - Created 24-08-2010
Elements Section
*/
body {
margin: 0px;
}
table {
font-size: 100%;
}
body {
background-color: #DCE7EF;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #333;
margin: 10px 0px;
}
h1 {
font-family: Verdana, sans-serif;
font-size: 18px;
color: #103567;
margin: 0px 0px 14px 0px;
font-weight:normal;
}
p {
margin: 10px 0px;
}
a img {
border: none;
}
h2 {
font-size: 16px;
font-weight:normal;
}
h3 {
font-size: 16px;
font-weight:normal;
}
#map {
position: absolute;
left: 227px;
top: 70px;
height: 525px;
width: 568px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
visibility: visible;
text-align: center;
}
.maincontent {
position: absolute;
left: 0px;
top: 250px;
width: 580px;
padding: 30px 194px 0px 225px;
text-align: left;
background: url('images/maincontentbg.gif') repeat-y;
}
.maincontent a {
color: #103567;
}
.maincontent a:hover {
color: #990000;
}
.outerdiv {
height: auto;
}
.containerdiv {
background-color: white;
position: relative;
height: 820px;
width: 998px;
padding: 0px 0px 30px 0px;
border-bottom: 1px solid #103567;
}
.top {
position: absolute;
left: 0px;
top: 0px;
overflow: visible;
}
.major {
position: absolute;
left: 0px;
top: 92px;
}
.logo {
position: absolute;
left: 18px;
top: 16px;
}
.homebutton {
position: absolute;
left: 600px;
top: 62px;
height: 20px;
width: 127px;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #103567;
padding: 10px 0px 0px 0px;
text-align: center;
background: url('images/whitebutton.gif') no-repeat left top;
}
.homebutton a {
color: #103567;
text-decoration: none;
}
.homebutton a:visited {
color: #103567;
}
.homebutton a:hover {
color: #990000;
}
.loginbutton {
position: absolute;
left: 732px;
top: 62px;
height: 20px;
width: 127px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
color: #103567;
visibility: visible;
padding: 10px 0px 0px 0px;
text-align: center;
background: url('images/whitebutton.gif') no-repeat left top;
}
.loginbutton a {
color: #103567;
text-decoration: none;
}
.loginbutton a:visited {
color: #103567;
}
.loginbutton a:hover {
color: #990000;
}
.contactbutton {
position: absolute;
left: 864px;
top: 62px;
height: 20px;
width: 127px;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #103567;
padding: 10px 0px 0px 0px;
text-align: center;
background: url('images/whitebutton.gif') no-repeat left top;
}
.contactbutton a {
color: #103567;
text-decoration: none;
}
.contactbutton a:visited {
color: #103567;
}
.contactbutton a:hover {
color: #990000;
}
.outsourcedbutton {
position: absolute;
left: 600px;
top: 250px;
height: 31px;
width: 126px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #103567;
visibility: visible;
padding: 8px 0px 0px 0px;
text-align: center;
background: url('images/redbutton3.gif') no-repeat left top;
}
.outsourcedbutton a {
color: #FFF;
text-decoration: none;
}
.outsourcedbutton a:visited {
color: #FFF;
}
.outsourcedbutton a:hover {
color: #103567;
}
.selfbuildbutton {
position: absolute;
left: 732px;
top: 250px;
height: 31px;
width: 126px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #103567;
visibility: visible;
padding: 8px 0px 0px 0px;
text-align: center;
background: url('images/greenbutton3.gif') no-repeat left top;
}
.selfbuildbutton a {
color: #FFF;
text-decoration: none;
}
.selfbuildbutton a:visited {
color: #FFF;
}
.selfbuildbutton a:hover {
color: #103567;
}
.developmentpartnersbutton {
position: absolute;
left: 864px;
top: 250px;
height: 31px;
width: 126px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #103567;
visibility: visible;
padding: 8px 0px 0px 0px;
text-align: center;
background: url('images/purplebutton3a.gif') no-repeat left top;
}
.developmentpartnersbutton a {
color: #FFF;
text-decoration: none;
}
.developmentpartnersbutton a:visited {
color: #FFF;
}
.developmentpartnersbutton a:hover {
color: #103567;
}
.strapline {
position: absolute;
left: 225px;
top: 125px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
font-size: 18px;
color: white;
visibility: visible;
text-align: left;
}
.benefits {
position: absolute;
left: 34px;
top: 350px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
visibility: visible;
text-align: center;
}
.benefittext {
position: absolute;
left: 14px;
top: 575px;
width: 168px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
visibility: visible;
text-align: left;
}
.benefittexttop {
position: absolute;
left: 40px;
top: 378px;
width: 140px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
visibility: visible;
text-align: left;
}
.telnumber {
position: absolute;
left: 225px;
top: 40px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
font-size: 16px;
color: white;
visibility: visible;
text-align: left;
}
.testimonials {
position: absolute;
left: 820px;
top: 280px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
visibility: visible;
text-align: center;
}
.portfolio {
position: absolute;
left: 820px;
top: 475px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
visibility: visible;
text-align: center;
}
.newsletter {
position: absolute;
left: 820px;
top: 660px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
visibility: visible;
text-align: center;
}
.flash {
background-color: #FFFFFF;
z-index: 1;
position: absolute;
left: 0px;
top: 92px;
height: 158px;
width: 998px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
visibility: visible;
text-align: center;
}
.designbutton {
position: absolute;
left: 336px;
top: 250px;
height: 31px;
width: 126px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #103567;
visibility: visible;
padding: 8px 0px 0px 0px;
text-align: center;
background: url('images/bluebutton2.gif') no-repeat left top;
}
.designbutton a {
color: #FFF;
text-decoration: none;
}
.designbutton a:visited {
color: #FFF;
}
.designbutton a:hover {
color: #103567;
}
.partneroptionsportfolio {
position: absolute;
left: 820px;
top: 500px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
visibility: visible;
text-align: center;
}
.partneroptionstestimonials {
position: absolute;
left: 820px;
top: 305px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
visibility: visible;
text-align: center;
}
.partneroptionsnewsletter {
position: absolute;
left: 820px;
top: 695px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
visibility: visible;
text-align: center;
}
.developmentbutton {
position: absolute;
left: 468px;
top: 250px;
height: 31px;
width: 126px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #103567;
visibility: visible;
padding: 8px 0px 0px 0px;
text-align: center;
background: url('images/orangebutton2.gif') no-repeat left top;
}
.developmentbutton a {
color: #FFF;
text-decoration: none;
}
.developmentbutton a:hover {
color: #103567;
}
.developmentbutton TD {
border: #FFF;
}
.searchenginebutton {
position: absolute;
left: 600px;
top: 250px;
height: 31px;
width: 126px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #103567;
visibility: visible;
padding: 8px 0px 0px 0px;
text-align: center;
background: url('images/redbutton3.gif') no-repeat left top;
}
.searchenginebutton a {
color: #FFF;
text-decoration: none;
}
.searchenginebutton a:visited {
color: #FFF;
}
.searchenginebutton a:hover {
color: #103567;
}
.emailbutton {
position: absolute;
left: 732px;
top: 250px;
height: 31px;
width: 126px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
visibility: visible;
padding: 8px 0px 0px 0px;
text-align: center;
background: url('images/greenbutton3.gif') no-repeat left top;
}
.emailbutton a {
color: #FFF;
text-decoration: none;
}
.emailbutton a:visited {
color: #FFF;
}
.emailbutton a:hover {
color: #103567;
}
.siteservices {
position: absolute;
left: 864px;
top: 250px;
height: 31px;
width: 126px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
visibility: visible;
padding: 8px 0px 0px 0px;
text-align: center;
background: url('images/purplebutton3a.gif') no-repeat left top;
}
.siteservices a {
color: #FFF;
text-decoration: none;
}
.siteservices a:visited {
color: #FFF;
}
.siteservices a:hover {
color: #103567;
}
.subscriptionsbutton {
position: absolute;
left: 864px;
top: 250px;
height: 31px;
width: 126px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #103567;
visibility: visible;
padding: 8px 0px 0px 0px;
text-align: center;
background: url('images/purplebutton3a.gif') no-repeat left top;
}
.subscriptionsbutton a {
color: #FFF;
text-decoration: none;
}
.subscriptionsbutton a:visited {
color: #FFF;
}
.subscriptionsbutton a:hover {
color: #103567;
}
.storemanagerbutton {
position: absolute;
left: 732px;
top: 250px;
height: 31px;
width: 126px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #103567;
visibility: visible;
padding: 8px 0px 0px 0px;
text-align: center;
background: url('images/greenbutton3.gif') no-repeat left top;
}
.storemanagerbutton a {
color: #FFF;
text-decoration: none;
}
.storemanagerbutton a:visited {
color: #FFF;
}
.storemanagerbutton a:hover {
color: #103567;
}
.contentmanagerbutton {
position: absolute;
left: 600px;
top: 250px;
height: 31px;
width: 126px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #103567;
visibility: visible;
padding: 8px 0px 0px 0px;
text-align: center;
background: url('images/redbutton3.gif') no-repeat left top;
}
.contentmanagerbutton a {
color: #FFF;
text-decoration: none;
}
.contentmanagerbutton a:visited {
color: #FFF;
}
.contentmanagerbutton a:hover {
color: #103567;
}
.campaignmanagerbutton {
position: absolute;
left: 468px;
top: 250px;
height: 31px;
width: 126px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #103567;
visibility: visible;
padding: 8px 0px 0px 0px;
text-align: center;
background: url('images/orangebutton2.gif') no-repeat left top;
}
.campaignmanagerbutton a {
color: #FFF;
text-decoration: none;
}
.campaignmanagerbutton a:visited {
color: #FFF;
}
.campaignmanagerbutton a:hover {
color: #103567;
}
.bookingsmanagerbutton {
position: absolute;
left: 336px;
top: 250px;
height: 31px;
width: 126px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #103567;
visibility: visible;
padding: 8px 0px 0px 0px;
text-align: center;
background: url('images/bluebutton2.gif') no-repeat left top;
}
.bookingsmanagerbutton a {
color: #FFF;
text-decoration: none;
}
.bookingsmanagerbutton a:visited {
color: #FFF;
}
.bookingsmanagerbutton a:hover {
color: #103567;
}
.footer {
z-index: 6;
position: absolute;
left: 0px;
height: 25px;
overflow: visible;
padding: 0px;
bottom:-26px;
}
.main {
z-index: 2;
position: absolute;
}
.web4printers {
position: absolute;
left: 336px;
top: 250px;
height: 31px;
width: 126px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #103567;
visibility: visible;
padding: 8px 0px 0px 0px;
text-align: center;
background: url('images/bluebutton2.gif') no-repeat left top;
}
.web4printers a {
color: #FFF;
text-decoration: none;
}
.web4printers a:visited {
color: #FFF;
}
.web4printers a:hover {
color: #103567;
}
.fpcurrentheader {
background-color: #eeeeee;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
color: #103567;
visibility: visible;
text-align: center;
}
.fptitleeven {
background-color: #eeeeee;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
color: #103567;
visibility: visible;
text-align: left;
}
.fpcontenteven {
background-color: #eeeeee;
width: 580px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
color: #103567;
visibility: visible;
padding: 0px 0px 15px 0px;
text-align: center;
border-bottom:1px solid #103567;
}
.fpindexheader {
background-color: #eeeeee;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
color: #103567;
visibility: visible;
text-align: center;
}
.fpindexeven {
background-color: #eeeeee;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
color: #103567;
visibility: visible;
text-align: center;
}
.fpindexend {
background-color: #eeeeee;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
color: #103567;
visibility: visible;
text-align: center;
}
.fpcontentodd {
overflow: visible;
font-family: Verdana, Arial, sans-serif;
color: #103567;
visibility: visible;
padding: 0px 0px 15px 0px;
text-align: center;
border-bottom:1px solid #103567;
}
.footertext {
z-index: 10;
position: absolute;
left: 0px;
width: 990px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
font-size: 8px;
color: white;
visibility: visible;
padding: 0px 0px 0px 80px;
text-align: left;
bottom:-18px;
}
.bottommenu {
position: absolute;
left: 350px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
font-size: 8pt;
color: #103567;
visibility: visible;
text-align: center;
bottom:-45px
}
.bottommenu a {
color: #103567;
text-decoration: none;
}
.bottommenu a:hover {
color: #990000;
}
.newslettertext {
z-index: 20;
position: absolute;
left: 822px;
top: 720px;
width: 170px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
color: #103567;
visibility: visible;
text-align: center;
}
.portfoliotext {
position: absolute;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
visibility: visible;
text-align: center;
}
.testimonialtext {
z-index: 10;
position: absolute;
left: 830px;
top: 305px;
width: 160px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #103567;
visibility: visible;
text-align: left;
}
.testimonialmore {
z-index: 20;
position: absolute;
left: 944px;
top: 446px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #103567;
visibility: visible;
text-align: center;
}
.testimonialmore a {
color: #103567;
text-decoration: none;
}
.portfoliomore {
z-index: 10;
position: absolute;
left: 944px;
top: 640px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #103567;
visibility: visible;
text-align: center;
}
.portfoliomore a {
color: #103567;
text-decoration: none;
}
.newslettermore {
z-index: 10;
position: absolute;
left: 944px;
top: 835px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #103567;
visibility: visible;
text-align: center;
}
.newslettermore a {
color: #103567;
text-decoration: none;
}
.partneroptionstestimonialstext {
z-index: 20;
position: absolute;
left: 830px;
top: 330px;
width: 160px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #103567;
visibility: visible;
text-align: left;
}
.partneroptionstestimonialsmore {
z-index: 20;
position: absolute;
left: 944px;
top: 471px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #103567;
visibility: visible;
text-align: center;
}
.partneroptionstestimonialsmore a {
color: #103567;
text-decoration: none;
}
.partneroptionsportfoliomore {
z-index: 20;
position: absolute;
left: 944px;
top: 666px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #103567;
visibility: visible;
text-align: center;
}
.partneroptionsportfoliomore a {
color: #103567;
text-decoration: none;
}
.partneroptionsnewslettertext {
z-index: 20;
position: absolute;
left: 822px;
top: 750px;
width: 170px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
color: 103567px;
visibility: visible;
text-align: center;
}
.partneroptionsnewslettermore {
z-index: 20;
position: absolute;
left: 944px;
top: 860px;
overflow: visible;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #103567;
visibility: visible;
text-align: center;
}
.partneroptionsnewslettermore a {
color: #103567;
text-decoration: none;
}
.sell-print-top {
color: #FFF;
padding: 5px 0px;
text-align: center;
background: url('images/sell-print-top.gif') no-repeat top left;
}
.sell-print-top a {
color: #FFF;
text-decoration: none;
}
.sell-print-top a:visited {
color: #FFF;
}
.sell-print-top a:hover {
color: #000;
}
.sell-print-more {
color: #FFF;
padding: 3px 25px 3px 0px;
text-align: right;
background: url('images/sell-print-more.gif') no-repeat bottom right;
}
.sell-print-more a {
color: #FFF;
text-decoration: none;
}
.sell-print-more a:visited {
color: #FFF;
}
.sell-print-more a:hover {
color: #000;
}
.sell-websites-more {
color: #FFF;
visibility: visible;
padding: 3px 25px 3px 0px;
text-align: right;
background: url('images/sell-websites-more.gif') no-repeat bottom right;
}
.sell-websites-more a {
color: #FFF;
text-decoration: none;
}
.sell-websites-more a:visited {
color: #FFF;
}
.sell-websites-more a:hover {
color: #000;
}
.sell-websites-top {
color: #FFF;
padding: 5px 0px;
text-align: center;
background: url('images/sell-websites-top.gif') no-repeat top left;
}
.sell-websites-top a {
color: #FFF;
text-decoration: none;
}
.sell-websites-top a:visited {
color: #FFF;
}
.sell-websites-top a:hover {
color: #000;
}