/*memset - main.css - main style sheet*/

/***************GENERAL STYLES****************/
		
		html, body {
			font-family: Arial, Helvetica, Verdana, sans-serif;
			vertical-align: top;
			text-align: center;
			padding: 0px;
			margin: 0px;
			background: url("/images/structure/globalbg.jpg") center top no-repeat #f5f5f5;
		}
	
		
		
		/* TABLES */
		table {
			border-collapse: collapse;
		}
		
		
		/* TEXT FORMATTING */
		
		/* links inside content not to be bold */
		
		.content p a {
			font-weight: normal;
		}
		
		.content ul a {
			font-weight: normal;
		}
		
		p, h1, h2, h3, h4, h5, span {
			padding: 0px;
			margin: 0px;
		}
		
		p, li, td, th, textarea, input, select, option, label {
			font-size: 12px;
			color: #474747;
		}
		
		p {
			margin: 0px 0px 10px 0px;
		}
		
		h1 span,
		h2 span {
			display: none;
		}
		
		h2, h3, h4, h5, legend {
			font-size: 14px;
			color: #2e68b2;
		}
		
		h2 {
			font-size: 18px;
		}
		
		h3 {
			margin: 0px 0px 5px 0px;
		}
		
		h4, h5 {
			margin: 10px 0px 10px 0px;
		}
		
		sup, sub {
		height: 0;
		line-height: 1;
		vertical-align: baseline;
		_vertical-align: bottom;
		position: relative;
		
		}
	
		sup {
		bottom: 1ex;
		}
	
		
		/* LISTS */
		
		ul {
			margin: 0px;
			padding: 0px;
			list-style-type: none;
		}
		
		li {
			vertical-align: text-top;
			margin: 5px 0px 5px 0px;
			padding: 0px;
		}
		
		/* LINKS */
		
		
		a {
			color: #0085CA;
			font-weight: bold;
			text-decoration: none;
		}
		
		a:hover {
			text-decoration: underline;
		}
		
		
		
		/* MISC */
		
		
		hr {
			display: none;
		}
		
		img {
			border: 0px;
			padding: 0px;
			margin: 0px;
		}
		
		
		
		/* CLASSES */
		
		.highlight {
			color: #0085CA;
			font-size: 14px;
		}
		
		.text-box{
			width:170px;
			border:solid 1px #CCCCCC;
			font-size:11px;
			height:22px;
		}

		.text-box2{
			width:170px;
			border:solid 1px #CCCCCC;
			font-size:11px;
			height:50px;
		}

		.btn{
			width:72px;
			height:22px;
			background-image: url("/images/login/btn.gif");
			background-repeat: no-repeat;
			font-size: 11px;
			font-weight:bold;
			color:#FFFFFF;
			border:0px;
		}
		
		.content {
			margin: 10px;
		}
		
		.person {
			margin-top: 25px;
		}
		
		.picture {
			width: 140px; float: left;
		}
		
		.clear {clear: both;}

		.column-one,
		.column-two {
			float: left;
			width: 450px;
		}
		
		.column-one-ss {
			float: left;
			width: 650px;
		}
		
		.column-two-ss {
			float: left;
			width: 250px;
		}
		
		.column-one {
			margin-right: 30px;
		}
		
		.caption {
			font: normal 9pt;
			color: #999;
			margin-bottom: 15px;
		}
		
	    .clearer,
		.clear-float {
			clear: both;
		}
		
		.hideshow-show {
			display: block;
		}

		.hideshow-hide {
			display: none;
		}
		
		.deadlink {
			color: #333;
		}
		
		/*3 column structure */

		.col3-1 {
			width: 32%;
			float: left;
		}

		.col3-2 {
			width: 32%;
			float: left;
			margin-left: 2%;
		}

		.col3-3 {
			width: 32%;
			float: left;
			margin-left: 2%;
		}
		
		
		/* Service box container as used on additional services */

		.servicebox {
			margin-top: 10px;
			margin-bottom: 20px;
			background: url("/images/structure/service-box-bg2.gif") repeat-x;
			border-bottom: 1px solid #CCCCCC;
			height: 175px;
		}

		.servicebox h4 {
			display: block;
			background: url("/images/structure/service-box-bg.gif") repeat-x;
			border-bottom: 1px solid #CCCCCC;
			margin: 0px;
			padding: 3px;
			color: white;
		}

		.servicebox p {
			padding: 20px;
		}

		.servicebox ul {
			padding-left: 20px;
		}
		
		#supporttable .basic {
			background: #dedfdc;
			border-bottom: 1px solid white;
			text-align: center;
			width: 200px;
		}
		
		#supporttable td {
			background: #efefee;
			border-bottom: 1px solid white;
		}
		
		#supporttable .cleard {
			background: #FFFFFF;
			border-bottom: 1px solid white;
		}
		
		#supporttable .managed {
			background: #e4f5cd;
			border-bottom: 1px solid white;
			text-align: center;
			width: 200px;
		}


/***************END GENERAL STYLES****************/


/***************GENERAL STRUCTURE****************/

		
		#container {
			margin: 0px auto 0px auto;
			padding: 0px 0px 0px 0px;
			text-align: left;
			width: 980px;
			background-color: #ffffff;
		}
		
		
		#header {
			width: 100%;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			background-color: #0084C7;
			background-image: url("/images/structure/header/header_bg.jpg");
		}
		
		#header #header-logo {
			float: left;
		}
		
		#header #header-navigation {
			text-align: center;
			width: 248px;
			float: left;
			margin: 0px 0px 0px 0px;
		}
		
		#header #utility {
			margin: 10px 0px 0px 0px;
			float: right;
			width: 120px;
		}
		

		#contactbar {
			background-image: url("/images/structure/contact/background.jpg");
			height: 25px;
		}
		
		#hero {
			margin: 0px;
			margin-top: 25px;
			padding: 0px;
			height: 330px;
			background: white;
		}
		
		#flash {
			position: absolute;
			z-index: 1;
		} 
		
		#hero .notice {
			width:100%;
			height: 330px;
			background: url("/images/hero.jpg") no-repeat;
		}
		
		#hero .notice .text{
			width: 970px;
			padding: 5px;
			font-size: 14px;
			text-align: center;
			background: yellow;
			opacity: 0.65;
			-moz-opacity: 0.65; /* older Gecko-based browsers */
			filter:alpha(opacity=65); /* For IE6&7 */
		}
		
		#navigation {
			position:absolute;
			margin-top: -5px;
			width: 980px;
			clear: both;
			z-index: 5;
		}

		#main-content {
			width: 980px;
			margin: 15px 0px 0px 0px;
			_margin: 0px 0px 0px 0px;
			float: left;
			_height: 400px;
			min-height: 400px;
			background-image: url("/images/structure/content-gradient.gif");
			background-repeat: no-repeat;
			background-position: top right;
			margin-top: 25px;
		}


		#main-content-login {
			margin: 0px 0px 0px 0px;
			_margin: 0px 0px 0px 0px;
			padding: 20px 20px 10px 20px;
			float: left;
			_height: 400px;
			min-height: 400px;
			font-size:11px;
			color:#666666;
			width:100%
		}
		
		#top-panel {
			background: none;
		}
		
		#clients {
			height: 100px;
			background-image: url("/images/structure/clients/spacer.gif");
			background-position: center bottom;
			background-repeat: no-repeat;
			margin: 10px 0px 10px 0px;
		}
		
		#packages {
			margin: 0px 0px 0px 0px;
			padding: 10px 0px 0px 10px;
			clear: both;
		}

		#footer {
			width: 100%;
			clear: both;
			border-top: solid 1px #E8E8EA;
			margin: 0px 0px 15px 0px;
			padding-bottom: 10px;
		}


/***************END GENERAL STRUCTURE****************/


/***************MAIN CONTENT FORMATTING****************/

		
		#main-content-login p{
			width:100px;
			font-size:11px;
			color:#666666;
			float:left;
		}
	

		#main-content-login h2{
			height: 19px;
			display: block;
			margin: 0px 0px 5px 0px;
			font-size:12px;
			padding: 3px 10px;
			background-image: url("/images/structure/titles/h2-background.gif");
			border-bottom: solid 1px #ccc9c9;
			border-top: solid 1px #ccc9c9;
		}
	
		#main-content-login h4{
			height: 19px;
			display: block;
			margin: 0px 0px 5px 0px;
			font-size:12px;
			padding: 3px 10px;
			background-image: url("/images/structure/titles/h2-background.gif");
			border-bottom: solid 1px #ccc9c9;
			border-top: solid 1px #ccc9c9;
		}


		#main-content h2,
		#main-content h2 a {
			height: 19px;
			display: block;
			margin: 0px 0px 10px 0px;
			padding: 3px 10px;
			background-image: url("/images/structure/titles/h2-background.gif");
			border-bottom: solid 1px #ccc9c9;
			border-top: solid 1px #ccc9c9;
		}
		
		#main-content h2 {
			font-size: 15px;
		}
		
		#main-content h2 a {
			width: 100%;
		}
		
		#main-content h3 {
			background-image: url("/images/structure/menu/background.jpg");
			margin: 0px 0px 10px 0px;
			color: #FFFFFF;
			padding: 2px 10px;
		}
		
		#main-content h3 a {
			color: white;
			font-weight: normal;
		}
				
		#main-content ul {
			margin: 15px 0px;
		}
		
		#main-content li {
			padding-left: 15px;
			background-image: url("/images/structure/icons/arrow.gif");
			background-position: 0px 4px;
			background-repeat: no-repeat;
		}
		
		#main-content p.notice {
		/* Use at bottom of pages - used in the store as an example to say whats going to be on the next page.
		Examples of use: 'Click 'Proceed To Checkout' to make payment for this sale' */
			margin: 14px 0px 10px 0px;
			padding: 2px 5px 2px 5px;
		}
		
		#main-content p.article-seperator {
		/* where there are news/blogs/etc articles, use this on the last paragraph to seperate each article in the list.
		Examples of use: - the 'view more articles' in the news. - the 'view/add comments' in the blog */
			text-align: right;
			padding: 2px 5px 2px 5px;
			clear: both;
		}
		
		#main-content p.description {
		/* description at the top of every page */
			padding: 3px 5px 3px 5px;
		}
		
		#main-content #section-navigation ul {
			margin: 0px 0px 0px 0px;
		}
		
		#main-content #section-navigation li {
			margin: 0px;
			padding: 0px;
			border: 1px solid;
			text-align: center;
			float: left;
			margin: 0px -1px -1px 0px;
			_margin: 0px -1px -11px 0px;
		}
		
		#main-content #section-navigation li a {
			text-decoration: none;
			display: block;
			width: 7.5em;
			padding: 3px 3px 3px 3px;
		}
		
		#main-content .article .text,
		#main-content .article .image {
			float: left;
		}
		
		#main-content .article h4{
			padding-top: 0px;
			margin-top: 0px;
			
		}
		
		/* panel styles - main-content */
		#main-content div.panel {
			padding: 0px;
			margin: 3px 6px 0px 0px;
		}
		#main-content div.column {
			padding: 10px 10px 10px 10px;
			margin: 7px 6px 0px 0px;
		}
		
		#main-content div.panel h3 {
			margin: 0px 0px 0px 0px;
			padding: 5px 0px 3px 15px;
			color: #FFFFFF;
			font-size: 16px;
			background-image: none;
		}
		#main-content div.panel h3 a {
			color: #FFFFFF;
		}
		#main-content div.panel a:hover {
		
		}
		#main-content div.panel ul {
			margin: 15px 0px 0px 35px;
		}
		#main-content div.panel li {
			background-image: none;
			padding-left: 0px;
		}
		#main-content div.panel li a {
			color: #FFFFFF;
			font-size: 15px;
			padding: 0px 0px 3px 0px;
		}
		#main-content .panel.small {
			float: left;
			_height: 145px;
			min-height: 145px;
			width: 316px;
			background-repeat: no-repeat;
		}
		#main-content .panel.smaller {
			float: left;
			_height: 100px;
			min-height: 100px;
			width: 234px;
			background-repeat: no-repeat;
		}
		
		#main-content .column.small {
			float: left;
			_height: 145px;
			min-height: 145px;
			width: 302px;
			background-image: url("/images/structure/column/background.jpg");
			background-repeat: repeat-x;
		}
		#main-content div.columnheader {
			background-image: url("/images/structure/contact/background.jpg");
			height: 25px;
		}
		#main-content div.columnheader h3,
		#contactbar ul li {
			float: left;
			color: #3a89c9;
			font-size: 16px;
			margin: 0px;
			width: 302px;
			padding: 5px 0px 0px 15px;
			background-image: none;
		}
		
		#main-content div.columnheader h3 a {
			color: #3a89c9;
			font-weight: bold;
		}

		#main-content div.panel.last,
		#main-content div.column.last {
			margin-right: 0px !important;
		}
		#main-content div.column.last {
			width: 304px;
		}
		#main-content fieldset {
			clear: both;
			border: 1px solid;
			padding: 10px;
			margin: 10px 0px 0px 0px;
		}
		
		/* Forms - Sorts data lists in to tabular format */
		#main-content label, .label {
			float: left;
			clear: both;
			width: 100%;
			margin: 3px 0px 3px 0px;
			vertical-align: middle;
		}
		#main-content span.label {
			font-size: 11px;
		}
		#main-content label strong,
		#main-content .label strong {
			display: block;
			width: 180px;
			float: left;
		}
		
		#main-content form p {
			clear: both;
		}
		#main-content form h3 {
			clear: both;
		}
		#main-content form strong.required span {
			font-weight: bold;
			padding: 0px 0px 0px 3px;
		}
		#main-content form .note {
			font-weight: normal;
			font-size: 10px;
			display: block;
			margin: 2px 0px 3px 184px;
		}
		#main-content p input {
		/* vertically centers radio button when in a paragraph */
			vertical-align: middle; 
		}
		#main-content label input.radio {
		/* vertically centers radio button when NOT in a paragraph */
			vertical-align: bottom;
			margin: 0px 0px 0px -5px;
		}
		#main-content label .option {
		/* adds margin to radio buttons and its text */
			margin: 0px 20px 0px 5px;
			_margin: 0px 14px 0px 2px;
		}
		#main-content .controls,
		#main-content .navigation {
			clear: both;
		}
		#main-content .controls {
			margin: 10px 0px 14px 0px;
		}
		#main-content .navigation {
			margin: 14px 0px 4px 0px;
		}
		
	
		/* Forms - Standard form errors */
		#main-content .form-errors {
			padding: 10px;
			margin: 10px 0px 10px 0px;
		}
		#main-content .form-errors h3,
		#main-content .form-errors h4 {
			display: none;
		}
		#main-content .form-errors p {
			font-size: 12px;
			margin: 0px 0px 5px 0px;
		}
		#main-content .form-errors a {
		}
		#main-content .form-errors ul {
			margin: 0px 0px 0px 0px;
		}
		#main-content .form-errors li {
			margin: 0px 0px 0px 0px;
			font-size: 12px;
		}
		
		/*Home Page Boxes*/

		#main-content .displaymoreinfo {
			color: white;
			font-weight: normal;
			padding-top: 20px;
			padding-left: 20px;
			padding-right: 20px;
			padding-bottom: 20px;
			height: 330px;
		}
		#main-content #business-hosting {
			background-image: url("/images/structure/panel/business-hosting.jpg");
		}
		#main-content #business-hosting ul{
			display: block;
			height: 105px;
		}
		#main-content #business-hosting li {
			list-style-image: url("/images/structure/icons/bullet-pink.gif");
		}
		#main-content #business-hosting li:hover {
			list-style-image: url("/images/structure/icons/bullet-pink-over.gif");
		}

		#main-content #business-hosting .displaymoreinfo {
			background: url("/images/solutions/bg-pink2.gif") repeat-x top #c68cb6;
		}
		#main-content #it-hosting {
			background-image: url("/images/structure/panel/it-hosting.jpg");
		}
		#main-content #it-hosting ul {
			display: block;
			height: 105px;
		}
		#main-content #it-hosting li {
			list-style-image: url("/images/structure/icons/bullet-green.gif");
		}
		#main-content #it-hosting li:hover {
			list-style-image: url("/images/structure/icons/bullet-green-over.gif");
		}
		#main-content #it-hosting .displaymoreinfo {
			background: url("/images/solutions/bg-green.gif") repeat-x top #46b17a;
		}

		#main-content #server-solutions {
			background-image: url("/images/structure/panel/server-solutions.jpg");
		}
		#main-content #server-solutions ul{
			display: block;
			height: 105px;
		}
		#main-content #server-solutions li {
			list-style-image: url("/images/structure/icons/bullet-blue.gif");
		}
		#main-content #server-solutions li:hover {
			list-style-image: url("/images/structure/icons/bullet-blue-over.gif");
		}
		#main-content #server-solutions .displaymoreinfo {
			background: url("/images/solutions/bg-blue.gif") repeat-x top #c68cb6;
		}


/***************END MAIN CONTENT FORMATTING****************/

/***************CONTACT BAR FORMATTING****************/

		#contactbar ul li {
			text-align: center;
			width: 298px;
		}
		#contactbar ul li a {
			font-weight: normal;
		}

/***************END CONTACT BAR FORMATTING****************/

/***************NEWS FORMATTING****************/

		#news h3#comments {
			padding-left: 12px;
		}
		#news h3#dedicated {
			padding-left: 24px;
		}
		#news h3#news {
			padding-left: 26px;
		}

/***************END NEWS FORMATTING****************/


/***************HEADER FORMATTING****************/


		#header,
		#header #header-logo,
		#header #header-logo h1 a {
			height: 80px;
		}
		
		#header #header-logo,
		#header #header-logo h1 a {
			width: 300px;
		}
		
	
		
		#header #header-logo h1 {
			_height: 1px; /* fix for I.E. */
		}
		
		#header #header-logo h1 a {
			display: block;
			background-image: url("/images/structure/logo.gif");
			background-repeat: no-repeat;
			height: 55px;
			margin: 19px 0px 0px 20px;
			float: left;
		}
		
		#header #telephone h2 {
			/*background-image: url("/images/structure/telephone.gif");*/
			background-repeat: no-repeat;
			display: block;
			height: 23px;
			width: 320px;
			float: left;
			margin: 13px 0px 0px 190px;
		}	
		
		#header #telephone h2 span {
			display: block;
			color: #FFFFFF;
			font-weight: normal;
			margin: 0px;
			padding: 0px;
			font-size: 16px;
			letter-spacing: 1px;
			text-align: right;
		}
		
		#header #telephone h2 span strong{
			font-weight: normal;
			font-size: 22px;
		}
		
		#header #header-logo h1 a span,
		#header #header-logo h2 span {
			display: none;
		}
		

		#header ul li a {
			color: #FFFFFF;
			font-size: 16px;
			font-weight: normal;
		}
		#header ul li {
			background-repeat: no-repeat;
			padding: 1px 0px 0px 27px;
		}
		
		#basket {
			background-image: url("/images/structure/icons/basket.gif");
			font-weight: normal;
			background-repeat: no-repeat;
			color: white;
			padding: 1px 0px 0px 27px;
		}
		
		#header ul li.currency {
			background-image: url("/images/structure/icons/signup.gif");
		}
		
				/* panel styles - header */
		#header .panel {
			border: none;
			background: none;
			margin: 0px;
			text-align: left;
		}
		#header .panel legend {
			display: none;
		}
		#header .panel h3 {
			display: none;
		}
		#header .panel label strong {
			display: none;
		}
		#header .panel label input.textbox {
			width: 160px;
			margin: 0px 2px 0px 0px;
		}
		#header .panel input.button {
			margin: 0px 5px 0px 0px;
			width: 54px;
		}
		#header #product-search.panel {
			margin: 40px 0px 0px 0px;
		}

/***************END HEADER FORMATTING****************/

/***************CLIENT FORMATTING****************/
		
		#clients h3 {
			background-image: url("/images/structure/clients/our-clients.gif");
			background-position: center;
			background-repeat: no-repeat;
			height: 15px;
			margin: 0px;
		}
		
		#clients h3 span {
			display: none;
		}
		
		#clients ul {
			margin: 0px;
		}
		
		#clients ul li {
			display: block;
			height: 70px;
			float: left;
			background-repeat: no-repeat;
			background-position: center;
			margin: 0px 5px 0px 5px;
			padding: 0px;
		}	
		
		#clients ul li span {
			display: none;
		}
		
		#clients li#arsenal {
			background-image: url("/images/logos/arsenal.gif");
			width: 80px;
		}
		
		#clients li#disney {
			background-image: url("/images/logos/disney.gif");
			width: 125px;
		}
		
		#clients li#rspca {
			background-image: url("/images/logos/rspca.gif");
			width: 115px;
		}
		
		#clients li#hanson {
			background-image: url("/images/logos/hanson.gif");
			width: 145px;
		}
		
		#clients li#vans {
			background-image: url("/images/logos/vans.gif");
			width: 85px;
		}
		
		#clients li#hilton {
			background-image: url("/images/logos/hilton.gif");
			width: 95px;
		}
		
		#clients li#howies {
			background-image: url("/images/logos/howies.gif");
			width: 100px;
		}
		
		#clients li#private-eye {
			background-image: url("/images/logos/private-eye.gif");
			width: 140px;
		}



/***************END CLIENT FORMATTING****************/

/***************NAVIGATION/UTILITY FORMATTING****************/

		
		/* panel styles - navigation and utility */
		#navigation .panel,
		#utility .panel {
			border: 1px solid;
			margin: 0px 6px 10px 6px;
		}
		#navigation .panel legend,
		#utility .panel legend {
			display: none;
		}
		#navigation .panel h3,
		#navigation .panel h3 a,
		#utility .panel h3,

		#utility .panel h3 a {
			height: 21px;
		}
		#navigation .panel h3,
		#utility .panel h3 {
			border-bottom: 1px solid;
		}
		#navigation .panel h3 a,
		#utility .panel h3 a {
			display: block;
			width: 100%;
		}
		#navigation .panel h3 span,
		#utility .panel h3 span {
			display: none;
		}
		#navigation .panel p,
		#navigation .panel h4,
		#navigation .panel ul,
		#navigation .panel input,
		#utility .panel p,
		#utility .panel h4,
		#utility .panel ul,
		#utility .panel input {
			margin-left: 6px;
			margin-right: 6px;
		}
		#navigation .panel p,
		#navigation .panel input.button,
		#navigation .panel input.button-next,
		#utility .panel p,
		#utility .panel input.button,
		#utility .panel input.button-next {
			margin-bottom: 6px;
		}
		#navigation .panel h4,
		#utility .panel h4 {
			font-size: 11px;
			margin-bottom: 2px;
		}
		#navigation .panel label input.textbox,
		#utility .panel label input.textbox {
			width: 82%;
			margin-bottom: 2px;
		}
		#navigation .panel label strong,
		#utility .panel label strong {
			display: none;
		}
		#navigation .panel li,
		#utility .panel li {
			clear: both;
			_height: 1px; /* fix for I.E. */
		}
		#navigation .panel li img,
		#utility .panel li img {
			border: 1px solid;
			width: 50px;
			height: 50px;
			float: left;
		}
		#navigation .panel li,
		#navigation .panel li img,
		#utility .panel li,
		#utility .panel li img {
			margin-bottom: 5px;
			margin-right: 5px;
		}
		#navigation .panel li p,
		#utility .panel li p {
			margin: 0px 0px 2px 0px;
		}
		#navigation p.footer,
		#utility p.footer  {
			clear: both;
			margin: 6px 0px 0px 0px;
			padding: 1px 6px 1px 6px;
			text-align: center;
		}
		#navigation p.footer a,
		#utility p.footer a {
			font-weight: normal;
			text-decoration: none;
		}
		#navigation p.footer a:hover,
		#utility p.footer a:hover {
			text-decoration: underline;
		}
		#navigation #recommended li p.summary,
		#utility #recommended li p.summary {
		}
		#navigation #recommended li p.buy,
		#utility #recommended li p.buy {
			font-weight: bold;
			padding: 0px 0px 4px 0px;
			margin: 0px 0px 4px 0px;
		}
		
		/* Forms - navigation form controls (use for wizards where 'next' buttons are used */
		.navigation {
			height: 25px;
		}
		.navigation input.button {
			float: left;	
			display: block;
			margin: 0px 4px 0px 0px;
		}
		.navigation input.button-next {
			float: right;
		}
		
		ul.mainlist li {
			border-bottom: 0px solid #2e68b2;
		}
		
		ul.mainlist li a {
			min-height: 15px;
			display: block;
		}
		
		ul.mainlist li {
			display:block;
			float:left;
			width: 119px;
			min-height: 19px;
			background: url(/images/structure/menu/blank.gif) top left no-repeat;
			margin-bottom: 0px;
			padding: 7px 0 0 21px;
		}
		
		ul.mainlist li:hover {
			background: url(/images/structure/menu/blank.gif) top right no-repeat;
		}
		
		ul.mainlist .pinned {
			background: url(/images/structure/menu/blank.gif) top right no-repeat;
		}
		
		ul.mainlist .pinned a {
			color: white;
		}
		
		ul.mainlist li:hover a {
			color: #ffffff;
			text-decoration: none;
		}
		
		.droplist {
			display:none;
			background: #f2f2f2;
			margin-top: 4px;
			margin-left: -21px;
			border: 0px solid #2e68b2;
			padding-bottom: 11px;
			z-index: 2;
		}
		
		.wide {
			width:660px;
		}
		
		.narrow {
			width: 230px;
		}
		
		.posright {
			margin-left: -111px;
		}
		
		ul.mainlist li:hover .droplist {
			display:block;
			z-index: 2;
		}
		
		.droplist ul {
			width:190px;
			float:left;
			display:block;
			margin-right: 23px;
			z-index: 2;
			margin-top: 2px;
			
		}
		
		ul.mainlist li ul li {
			display:block;
			background: url(none);
			width: 100%;
			font-size: 100%;
			font-weight: normal;
			margin: 10px 0;
			padding-bottom: 6px;
			z-index: 2;
		}
		
		ul.mainlist li ul li:hover {
			display:block;
			background: transparent url(none);
		}
		
		ul.mainlist li:hover ul {
			display: block;
			float: left;
			z-index: 2;
		}
		
		ul.mainlist li ul li a {
			color: #2e68b2;
			padding: 5px 0;
			font-weight: normal;
			font-size: 11pt;
		}
		
		ul.mainlist li:hover ul li a {
			color: #2e68b2;
		}
		
		ul.mainlist li:hover ul li {
			margin: 0;
			padding: 3px auto;
		}
		
		ul.mainlist li:hover ul li a {
			margin-bottom: 3px;
		}
		
		/* Drop Down List Hover Mod */
		
		ul.mainlist li ul {
			margin: 0px;
			padding: 0px;
		}
		
		.wide ul {
			width: 220px;
		}
		
		.narrow ul {
			width: 100%;
		}
		
		#navigation .item {
			padding: 0px;
			cursor: hand;
		}
		
		#navigation .item a {
			display: block;
			width: auto;
			height: auto;
			padding: 5px;
			padding-bottom: 7px;
			padding-left: 15px;
			cursor: hand;
		}
		
		#navigation .item a:hover {
			background: #d5e5f8;
			/*font-weight: bold;*/
			cursor: hand;
		}
		
		#navigation .item:hover{
			background: #d5e5f8;
			/*font-weight: bold;*/
			cursor: hand;
		}
		
		#navigation .item:hover a{
			/*font-weight: bold;*/
			cursor: hand;
		}
		
		#navigation .item:hover .subitem a{
			font-weight: normal;
			cursor: hand;
		}
		
		#navigation .item:hover .subitem {
			background: #EEE;
		}
		
		#navigation .subitem {
			padding: 0px;
			font-weight: normal;
		}
		
		#navigation .subitem a {
			display: block;
			width: auto;
			height: auto;
			padding: 3px;
			margin-left: 25px;
			padding-bottom: 5px;
			color: #5a97d2;
			font-weight: normal;
			cursor: hand;
		}
		
		#navigation .subitem a:hover {
			background: #d5e5f8;
			font-weight: normal;
			color: #2e76c9;
			cursor: hand;
		}
		
		/* End Drop Down List Host Mod */



/***************END NAVIGATION/UTILITY FORMATTING****************/


/***************FOOTER FORMATTING****************/

		#footer ul {
			margin: 10px 15px 0px 15px;
		}
		#footer li {
			float: left;
			font-size: 10px;
			margin-right: 10px;
			color: #999999;
		}
		#footer li#copy {
			float: right;
			margin-right: 0px;
		}

/***************FOOTER FORMATTING****************/


/***************TABLE "DATA-LIST" STYLES****************/

		table.data-list,
		table.data-view {
			width: 100%;
			margin: 0px 0px 10px 0px;
			border: 1px solid;
		}
		table.data-list tr,
		table.data-view tr {
		}
		table.data-list th,
		table.data-view th {
			font-weight: normal;
		}
		
		table.data-list td,
		table.data-list th,
		table.data-view td,
		table.data-view th {
			padding: 0px 5px 0px 5px;
			height: 22px;
			border: 1px solid;
			vertical-align: middle;
		}
		table.data-list .icon,
		table.data-list .quantity {
			text-align: center;
		}
		table.data-list .price,
		table.data-list .total,
		table.data-list .basket-label,
		table.data-list .grandtotal {
			text-align: right;
		}
		table.data-list tr.extra-cost {
		}
		table.data-list tr.grandtotal {
		}
		table.data-list tr.grandtotal td {
			font-weight: bold;
		}
		table.data-list .button {
			padding: 0px;
		}
		table.data-list .button a {
			text-decoration: none;
			font-weight: normal;
			width: 100%;
			display: block;
			padding: 4px 0px 4px 0px;
		}
		table.data-list .button a:hover {
		}
		

/***************END TABLE "DATA-LIST" STYLES****************/



/***************GENERAL FORM FORMATTING****************/

		
		form {
			margin: 0px 0px 0px 0px;
		}
		fieldset {
			border: none;
			padding: 0px;
			margin: 0px 0px 0px 0px;
		}
		fieldset legend {
			display: none;
		}
		input.textbox,
		input.textbox-small,
		input.textbox-medium,
		input.button,
		input.button-next,
		select.listbox,
		option.listbox,
		textarea {
			/*border: 1px solid #006BAF;
			background-color: #0090CF;
			color: #FFFFFF;*/
		}
		
		.listbox option {
			color: #666;
		}
		
		input.textbox,
		input.textbox-small,
		input.textbox-medium,
		input.button,
		input.button-next,
		select.listbox
		textarea {
		}
		input.textbox:hover,
		input.textbox-small:hover,
		input.textbox-medium:hover,
		input.button:hover,
		input.button-next:hover,
		textarea:hover,
		select.listbox:hover {
		}
		input.textbox:focus,
		input.textbox-small:focus,
		input.textbox-medium:focus,
		textarea:focus,
		textarea:focus,
		select.listbox:focus {
		}
		input.textbox,
		input.textbox-small,
		input.textbox-medium {
			padding: 1px 3px 1px 3px;
			_padding: 2px 3px 1px 3px;
		}
		input.textbox {
			width: 206px;
		}
		input.textbox-small {
			width: 60px;
		}
		input.textbox-medium {
			width: 110px;
		}
		textarea.textbox,
		textarea.textbox-medium ,
		textarea.textbox-large {
			padding: 1px 3px 1px 3px;
			_padding: 2px 3px 1px 3px;
		}
		textarea.textbox {
			height: 100px;
			width: 210px;
		}
		textarea.textbox-medium {
			height: 120px;
			width: 210px;
		}
		textarea.textbox-large {
			height: 100px;
			width: 386px;
		}
		input.listbox {
		}
		input.button,
		input.button-next {
			cursor: pointer;
			padding: 0px 6px 0px 6px;
			_padding: 0px 0px 0px 0px;
			_margin: 0px 0px 0px 0px;
		}
		label strong,
		.label strong {
			font-weight: normal;
		}

/***************END GENERAL FORM FORMATTING****************/


/***************MULTIPAGE CONTROL FORMATTING****************/

		.multipagecontrol {
			margin: 0px 0px 0px 0px;
		}
		.multipagecontrol a,
		.multipagecontrol select.page-length  {
			vertical-align: middle;
		}
		.multipagecontrol a {
			margin: 0px 2px 0px 1px;
			text-decoration: none;
			font-weight: normal;
		}
		.multipagecontrol a,
		.multipagecontrol select.page-length {
			border: 1px solid;
			color: #000000;
		}
		.multipagecontrol a {
			padding: 2px 4px 2px 4px;
		}
		.multipagecontrol a:hover,
		.multipagecontrol a.currentpage {
			border: 1px solid;
		}
		.multipagecontrol a:hover {
			text-decoration: none;
		}
		.multipagecontrol a.currentpage,
		.multipagecontrol a.currentpage:hover {
		}
		.multipagecontrol span {
			display: none;
		}
		.multipagecontrol select.page-length {
			padding: 1px 0px 1px 0px;
			margin: 0px 2px 0px 1px;
			width: 50px;
		}
		
/***************END MULTIPAGE CONTROL FORMATTING****************/



/***************FORUM FORMATTING****************/
		.format-toolbar {
			display: block;
		}
		.format-toolbar a {
			background-repeat: no-repeat;
			background-position: center center;
			height: 18px;
			width: 18px;
			display: block;
			float: left;
			margin: 2px 2px 2px 0px;
			padding: 1px 1px 1px 1px;
			border: 1px solid #000000;
		}
		.format-toolbar a span {
			display: none;
		}
		.bold-selection {
			background: url("/images/icons/bold.gif");
			background-color: #FFFFFF;
		}
		.italic-selection {
			background: url("/images/icons/italic.gif");
			background-color: #FFFFFF;
		}
		.underline-selection {
			background: url("/images/icons/underline.gif");
			background-color: #FFFFFF;
		}
		.colorred-selection {
			background: url("/images/icons/red.gif");
			background-color: #FFFFFF;
		}
		.colorbrown-selection {
			background: url("/images/icons/brown.gif");
			background-color: #FFFFFF;
		}
		.colororange-selection {
			background: url("/images/icons/orange.gif");
			background-color: #FFFFFF;
		}
		.coloryellow-selection {
			background: url("/images/icons/yellow.gif");
			background-color: #FFFFFF;
		}
		.colorgreen-selection {
			background: url("/images/icons/green.gif");
			background-color: #FFFFFF;
		}
		.colorblue-selection {
			background: url("/images/icons/blue.gif");
			background-color: #FFFFFF;
		}
		.colorpurple-selection {
			background: url("/images/icons/purple.gif");
			background-color: #FFFFFF;
		}
		.colorpink-selection {
			background: url("/images/icons/pink.gif");
			background-color: #FFFFFF;
		}
		.colordarkgrey-selection {
			background: url("/images/icons/darkgrey.gif");
			background-color: #FFFFFF;
		}
		.colorlightgrey-selection {
			background: url("/images/icons/lightgrey.gif");
			background-color: #FFFFFF;
		}
		.em-happy-selection {
			background: url("/images/icons/happy.gif");
			background-color: #FFFFFF;
		}
		.em-sad-selection {
			background: url("/images/icons/sad.gif");
			background-color: #FFFFFF;
		}
		.em-wink-selection {
			background: url("/images/icons/wink.gif");
			background-color: #FFFFFF;
		}
		.em-cry-selection {
			background: url("/images/icons/cry.gif");
			background-color: #FFFFFF;
		}
		.em-unimpressed-selection {
			background: url("/images/icons/unimpressed.gif");
			background-color: #FFFFFF;
		}
		.img-selection {
			background: url("/images/icons/image.png");
			background-color: #FFFFFF;
		}
		.link-selection {
			background: url("/images/icons/hyperlink.png");
			background-color: #FFFFFF;
		}
		.sortstate0 {
			display: none;
		}
		.sortstate1, .sortstate2  {
			padding: 2px 2px 2px 10px;
			position: relative;
			display: run-in;
			width: 10px;
			height: 10px;
			background-image: url("/images/icons/up.gif");
			background-repeat: no-repeat;
			background-position: center;
		}
		.sortstate2 {
			background-image: url("/images/icons/down.gif");
		}
/***************END FORMATTING****************/

/***************CLIENT AREA FORMATTING***************/

		.content .table {
			width: 100%;
		}
		
		.content .table td {
			padding: 5px;
			border-left: 1px solid white;
			border-right: 1px solid white;
		}
		
		.content .table th {
			padding: 5px;
			background: url("/images/structure/clients_tablehd.jpg") repeat-x #a7a7a7;
			border-left: 1px solid white;
			border-right: 1px solid white;
			color: white;
		}

		.content .table .even td {
			background: url("/images/structure/clients_tablebg.jpg") repeat-x #eeeeec;
		}
		
		.content .table .odd td{
			background: url("/images/structure/clients_tablebg.jpg") repeat-x #eeeeec;
		}
		
		.content .table .odd td:hover{
			background: url("/images/structure/clients_tablebg2.jpg") repeat-x #f9f9f9;
		}
		
		.content .table .even td:hover{
			background: url("/images/structure/clients_tablebg2.jpg") repeat-x #f9f9f9;
		}
		
		.content .nextPrevTable {
			width: 100%;
			padding-top: 5px;
			background: url("/images/structure/highlight_nextstep.jpg") right no-repeat;
		}
		
		.content .nextPrevTable td{
			width: 50%;
			padding: 5px;
		}
		
		.content .nextPrevTable td a{
			font-size: 14px;
		}
		
		.content .asterix {
			font-weight: bold;
			color: red;
		}
	
		.content .configoption {
			margin: 5px;
			padding: 5px;
			background: url("/images/structure/highlight_tableconfig.jpg") repeat-x bottom;
			padding-bottom: 10px;
			border-bottom: 1px solid #e1e1e1;
		}
		
		.content .configoption label {
			display: inline;
			float: normal;
			margin: 0px;
			padding: 0px;
			
		}
		
		.content #totaliser {
			background: url("/images/solutions/bg-blue2.gif") repeat-x top #49aad7;
			padding: 5px;
			color: white;
			border: 1px solid #007bbf;
			position: absolute;
			top: 152px;
			z-index:0;
			width: 227px;
		}
		
		.content #totalInner {
			z-index: 5;
			
		}
		
		.content #totaliser p{
			color: white;
		}
		
		.content #totaliser a{
			color: white;
		}
		
		.content #totaliser h4{
			color: white;
		}
		
		.content #totaliser #purchase {
			background: #007bbf;
			text-align: center;
			padding: 5px;
			display: block;
		}
	
		

/***************END CLIENT AREA FORMATTING***************/

/***************INACTIVE CSS****************/
		
		/* 3 column navigation changes
		
		.sub-menu {}
		.subcol3-1 {width: 140px; float: left;}
		.subcol3-2 {width: 140px; float: left; margin-left: 150px;}
		.subcol3-3 {width: 140px; float: left;}
		
		.col3-menu {width: 30em;}
		.col3-menu ul {width:5em;float:left;}*/
		
		/* CSS drop-down menu */
		/*
		#menu-main {margin-top: -5px;}
		#menu-main ul .item {display:none;}
		#menu-main ul:hover .item {display:block;}
		#menu-main {position:absolute;}
		
		#menu-main ul {display: inline; float: left;}
		
		.top {width: 140px; height: 26px; background: url(/images/structure/menu/blank.gif) top left no-repeat; margin-bottom: 0px;}
		.top:hover {background: url(/images/structure/menu/blank.gif) top left no-repeat;}
		
		li.item {background: #efefef; padding: 4px 10px; margin: 0; font-size: 95%;}
		
		*/
		
		
		
		/* CSS Document */
		
		
		/* navigation
		#navigation {
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
		}
		#navigation ul {
		}
		#navigation li {
		}
		#navigation h3 {
			display: none;
		} */
		/**
		 * tags used to get the central column (white) to display 100% of screen height.
		 * the 'container' div holds a white background colour, and to stretch this to 100%
		 * of the browser/user agent window, the parent divs (in this case, and 99/100 of
		 * other cases) - html and body, also need to have the height: 100% attribute.
		
		html {
		  height: 100%;
		}
		body {
		  height: 100%;
		}
		#container {
		  height: 100%;
			min-height: 100%; 
		}
		html>body #container {
			height: auto;
		}
		
		 */
		 
		/**
		 * Admin Menu
		 */
		 
		 /*
		#navigation {
			padding: 0px 0px 26px 0px;
		}
		.index #navigation { /* shrinks (0 padding) the menu for the admin homepage as there is no pinned menu */
		/*
			padding: 0px 0px 0px 0px;
		}
		
		#menu-main {
			border-bottom: solid 1px #9197A2;
			position: relative;
			padding: 0px 0px 0px 0px;
		}
		#menu-main a {
			font-weight: normal;
			text-decoration: none;
			color: #ffffff;
		}
		#menu-main ul {
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			float: left;
		}
		#menu-main li {
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
		}
		#menu-main ul li.main-menu a {
			display: block;
			margin: 0px 0px 0px 0px;
			padding: 0px 10px 0px 9px;
			width: 120px;
			border-right: solid 1px #9197a2;
			height: 25px;
		}
		#menu-main ul:hover li.main-menu a {
			background-color: #000000;
			color: #ffffff;
		}
		#menu-main ul:hover li.main-menu a:hover,
		#menu-main ul:hover li a {
			background-position: 150px 0px;
		}
		#menu-main ul li.sub-menu ul {
			position: absolute;
			display: none;
			_width: 140px;
			min-width: 140px;
			padding: 0px;
			margin: 0px 0px 0px 0px;
			background-color: #f2f2f2;
			border: 2px solid #007CC0;
		}
		#menu-main ul:hover li.sub-menu ul {
			display: block;
			z-index: 100;
		}
		
		#menu-main ul ul li span {padding: 12px 12px 7px 19px; color: #a1a1a1; font-size: 110%;}
		#menu-main ul ul a {
			display: block;
			padding: 6px 12px 5px 19px;	
			margin: 0px 0px 0px 0px;
			text-decoration: none;
		font-size: 120%;
		color: #007CC0;
		}
		#menu-main ul ul a:hover {
			background-color: #ffffff;
		}
		*/
		
		/* menu backgrounds */
		/*
		#menu-main ul li a span {
			display: none;
		}
		#menu-main ul li.home a {
			background-image: url("/images/structure/menu/home.gif");
		}
		#menu-main ul li.about a {
			background-image: url("/images/structure/menu/aboutus.gif");
		}
		#menu-main ul li.press a {
			background-image: url("/images/structure/menu/press.gif");
		}
		#menu-main ul li.solutions a {
			background-image: url("/images/structure/menu/solutions.gif");
		}
		#menu-main ul li.support a {
			background-image: url("/images/structure/menu/support.gif");
		}
		#menu-main ul li.clients a {
			background-image: url("/images/structure/menu/clients.gif");
		}
		#menu-main ul li.contact a {
			background-image: url("/images/structure/menu/contact.gif");
		}
		#menu-main ul li.clientlogin a {
			background-image: url("/images/structure/menu/clientlogin.gif");
		}
		*/
		
		/* Admin Menu - Pinned menu */
		/*#menu-main ul.pinned li.sub-menu ul {
			display: block;
			width: 980px;
			top: 25px;
			_top: 24px;
			left: 0px;
			background-image: url("/images/structure/menu/background.jpg");
		}
		#menu-main ul.pinned li.main-menu a,
		#menu-main ul.pinned li.main-menu a:hover {
			background-position: 150px;
			color: #000000;
			_color: #ffffff;
		}
		
		#menu-main ul.pinned li.sub-menu ul li {
			float: left;
		}
		#menu-main ul.pinned li.sub-menu ul li a {
			width: auto;
			padding: 5px 10px 5px 10px;
			border-top: none;
		}
		*/
		

/***************END INACTIVE CSS****************/

@charset "UTF-8";
/* CSS Document */