/*
----------------------------------------------------------
	Scion Solutions Ltd screen stylesheet.
	FileName:    screen.css
	Version:     1.00				07/10/2005
	Copyright Scion Solutions Ltd 1998 - 2005
	www.scion.co.uk
	Author: Ian Winstanley
----------------------------------------------------------
*/

/* 
	To align image and text floats on each page
	These are fixed at the moment but may be made configurable in order that the user can set the percentage widths
*/
.contentTextFloatLeft {
	float: left;
	width: 70%
}

.contentImageFloatRight {
	float: right;
	padding: 0px
}

.contentTextFloatRight {
	float: right;
	width: 70%
}

.contentImageFloatLeft {
	float: left;
	padding: 0px;
	width: 30%
}

/* HTML Redefinitions */
BODY, P, TABLE, DIV, SPAN, FORM, OL, UL {
  font: small/115% Verdana, Arial, Helvetica, sans-serif normal;
  voice-family: "\"}\"";
  voice-family: inherit;
}

html {
	height: 100%;
}

A IMG {
	border-style: none
}

FORM {
	margin: 0px
}

/* Elements */
/* Main Body. This is used as a container for the entire 
	body. The main purpose is to centrally align the elements */
#mainBody {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%
}

/* Header - contains the logo and search box */
#header {
	position: relative;
	width: 760px;
	margin: auto;
	overflow: hidden;
	border-left: 1px solid #000066;
	border-right: 1px solid #000066;
	background-color: #FFF
}

/* Logo */
#logo {
	position: relative;
	float: left
}

/* Search box */
#searchBox {
	position: relative;
	float: right;
	margin-top: 20px;
	margin-right: 20px
}

/* Flash header. Contains the flash movie */
#FlashHeader {
	position: relative;
	width: 762px;
	margin: auto
}

/* Main Central Content Container. Formats the menu and the mainContent element side by side */
#centralContent {
	position: relative;
	width: 760px;
	margin: auto;
	overflow: hidden;
	border-left: 1px solid #000066;
	border-right: 1px solid #000066;
	background-color: #FFF
}

/** Formats the WorldPay images container */
#worldpayImages {
	position: relative;
	width: 756px;
	margin: auto;
 	text-align: center;
	padding: 2px;
 	background-color: #FFF;
	border: 1px solid #000066;
	color: #000
}

#lowerBar {
	position: relative;
	width: 762px;
	margin: auto;
}

/* Floats the left hand content to the left */
#lhContent {
	position: relative;
	float: left;
	background-color: #FFFFFF;
	padding-left: 9px;
}

/* Formats the left hand menu container*/
#lhMenu {
	border-left: 1px solid #000066;
	border-right: 1px solid #000066;
	background-color: #F4FAFF;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 0.9em
}

/* Main Content Container. Contains dynamic content loaded from the CMS system */
#mainContent {
	position: relative;
	float: right;
	width: 566px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #FFF
}

/* Contact and copyright details */
#footer {
	position: relative;
	width: 760px;
	margin: auto;
	padding-bottom: 5px;
	border: 1px solid #000066;
	border-top-style: none;
	text-align: center;
	background-color: #FFF
}

/* Classes */
/* Positions content items correctly within the left hand menu */
.lhContentInner {
	width: 165px;
	margin-bottom: 9px
}

/* Creates menu background */
.menuHeader {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 1.2em;
	line-height: 18px;
	padding: 0px 3px 0px 10px;
	background-image:url(../images/main-menu-item-bg.gif);
	background-repeat:repeat-x;
	display: block; 
	border-bottom:solid 1px black;
}

/* Formats the search box */
.searchBox {
	width: 118px;
	height: 16px;
	padding: 2px;
	border: #67A6E9 1px solid;
	font-size: 80%;
	color: #666;
	background-color: #DEEBFB
}

/* Formats the search box on the mouseover state */
.searchBoxOn {
	width: 118px;
	height: 16px;
	padding: 2px;
	border: #207CDF 1px solid;
	font-size: 80%;
	background-color: #C3DDF8
}

/* SSL */
.lightred{
	background-color: #99CCFF; 
	color: #000000; 
}

.silver{
	background-color: #CCCCCC; 
	color: #000000;
}

.lightsilver{
	background-color: #EBEBEB; 
	color: #000000;
}

.reverse{
	background-color: #000099;
	color: #FFFFFF;
}

li.tick{
	list-style-image: url(/images/white_tick.gif);
}

/* Formats the hosting plan header */
.hostingHeaderWhite {
	color: #FFF;
	font-weight: bold
}

/* The content containers that format dynamic content loaded from the CMS system on a single item full width page */
.fullWidthcontentItem {
	position: relative;
	background-color: #FFF
}


/* Pseduo classes */
a:link {
	color: #2678E1
}

a:visited {
	color: #2678E1
}

a:hover {
	color: #000066
}

a:active {
	color: #2678E1
}

a.fullWidthcontentItemLink:link {
	color: #FFF
}

a.fullWidthcontentItemLink:visited {
	color: #FFF
}