* {
margin:0px;
padding:0px;
}

body {
font-size:11px;
font-family:Arial;
color: black;
background: #D6D3CE url(../images/background.jpg) repeat-x;
text-align: center; /* centering the content for IE6 */
}

h1 {
font-size:18px;
font-family:Arial;
color: #7CBEC7;
}

h2 {
font-size:14px;
font-family:Arial;
color: #333333;
}

h3 {
font-size:20px;
font-family:Arial;
color: #272360;
}

.featuretext {
font-size:18px;
font-family:Arial;
color: #225988;
font-weight:bold;
}

.coverincludeshead {
font-size:12px;
font-family:Arial;
color: #333333;
font-weight:bold;
}

.resellerlogin {
font-size:14px;
font-family:Arial;
color: #ffffff;
font-weight:bold;
}

.slogan {
font-size:16px;
font-family:Arial;
color: #ffffff;
font-weight:bold;
}

#wrapper {
display:table; /* must put this in for FireFox. */
width:790px;
margin:auto; /* for IE6 and Firfox centering */
text-align:left; /* so that IE6 and Firefox puts the text to the left
*/
background: #ffffff;
height:400px; /* Have to put SOMETHING in here for the height for both
browser. DO NOT put in a percentage, must be a pixel value */
}

#sidebar {
float:left; /* float the menu to the left */
width:240px;
background: #fff url(../images/navigation_bg.jpg) no-repeat;
height:375px;
padding-bottom:20px;
}

#menu {
float:left; /* float the menu to the left */
width:240px;
padding-top:15px;
height:225px;
}

#menu ul {
list-style-type: none;
margin: 0em;
}

#menu ul li {
background-image: url(../images/menu_bullet.jpg);
background-repeat: no-repeat;
background-position: 1em 0em;
padding-left: 3em;
padding-bottom: 5px;
}

#menu a {
	color:#000000;
	text-decoration:none;
	
}
#menu a:hover {
	color:#2894B8;
	text-decoration:none;
}

input.textbox {
height:18px; 
}

#mainhome {
float:right;
width:536px;
}

#main {
float:right;
width:516px;
padding-right:20px;
}

#mainleft {
float:left;
width:250px;
height:100%;
}

#mainleft ul {
list-style-type: none;
margin: 0em;
}

#mainleft ul li {
background-repeat: no-repeat;
background-position: 0em 0em;
padding-left: 0em;
padding-bottom: 5px;
}

#mainleft a {
	color:#000000;
	text-decoration:none;
	
}
#mainleft a:hover {
	color:#2894B8;
	text-decoration:none;
}

#mainright {
float:right;
width:260px;
height:100%;
}

#mainright ul {
list-style-type: none;
margin: 0em;
}

#mainright ul li {
background-repeat: no-repeat;
background-position: 1em 0em;
padding-left: 3em;
padding-bottom: 5px;
}

#mainright a {
	color:#000000;
	text-decoration:none;
	
}
#mainright a:hover {
	color:#2894B8;
	text-decoration:none;
}

.rightfloat {
float:right;
margin-left:25px;
}

#logo {
float:left; /* float the content to the right */
width:250px;
}

#search {
float:right; /* float the content to the right */
text-align:right;
padding-right:8px;
padding-top:65px;
}

#textpad {
padding:10px;
font-size:11px;
font-family:Arial;
color: black;
}

#simplepad {
padding:8px;
font-size:13px;
font-family:Arial;
color: black;
font-weight:normal;
}

#boardborder {
border:1px solid #333333;
width:200px;
background:#ABF1D9;
padding:8px;
font-size:11px;
font-family:Arial;
color: black;
font-weight:normal;
}

.boardheaders {
color: #003366;
font-weight:bold;
}

#borderpad {
border:1px solid #333333;
width:170px;
padding:8px;
font-size:11px;
font-family:Arial;
color: black;
font-weight:normal;
}


#borderpad ul {
	margin: 0 15px;
}

#borderpad li {
	padding-bottom:5px;
	vertical-align:top;
}

#homebutton {
float:left;
color:#FFFFFF;
padding-left:10px;
padding-top:38px;
width:240px;
}

#homebutton a {
	color:#FFFFFF;
	text-decoration:none;
	
}

#homebutton a:hover {
	color:#2894B8;
	text-decoration:none;
}

#colouredareavideo {
display:table;
width:240px;
margin-left:15px;
}

#colouredareatext {
float:right;
margin-right:100px;
margin-top:40px;
font-weight:bold;
font-family:Arial;
color: black;
width:435px;
}

.gadgetheader {
font-size:18px;
font-weight:bold;
font-family:Arial;
color: black;
}

#colouredareatext ul {
list-style-type: none;
margin: 0em;
}

#colouredareatext ul li {
background-image: url(../images/tick.gif);
background-repeat: no-repeat;
background-position: 0em 0em;
padding-left: 2em;
padding-bottom: 5px;
}

#colouredareatext a {
	color:#000000;
	text-decoration:none;
	
}
#colouredareatext a:hover {
	color:#2894B8;
	text-decoration:none;
}

#colouredareatextnopad {
float:right;
margin-right:200px;
margin-top:30px;
font-size:13px;
font-family:Arial;
color: black;
width:335px;
}

#colouredareatextnopad ul {
list-style-type: none;
margin: 0em;
}

#colouredareatextnopad ul li {
background-image: url(../images/tick.gif);
background-repeat: no-repeat;
background-position: 0em 0em;
padding-left: 2em;
padding-bottom: 0px;
}

#colouredareatextnopad a {
	color:#000000;
	text-decoration:none;
	
}
#colouredareatextnopad a:hover {
	color:#2894B8;
	text-decoration:none;
}

.bluetext {
color: #60A9C5;
}

#banner {
display:table;
width:790px;
height:81px;
}

#sitebody {
display:table;
width:790px;
background:#ffffff;
}

#base {
width:790px;
height:247px;
}

#footer { 
position:relative;
display:table;
width:790px;
background:#003366;
height:23px;
color:#fff;
text-align:center;
padding-top:5px;
}

.footerlink {
	color:#FFFFFF;
}

.footerlink:hover {
	color:#8AB4CC;
}

#contactdetails {
float:left;
margin-left:0px;
padding-left:15px;
padding-bottom:15px;
}

#tickpoints ul {
list-style-type: none;
margin: 0em;
}

#tickpoints ul li {
background-image: url(../images/tick.gif);
background-repeat: no-repeat;
background-position: 0em 0em;
padding-left: 2em;
font-size:12px;
padding-bottom: 25px;
}

#tickpoints a {
	color:#000000;
	text-decoration:none;
	
}
#tickpoints a:hover {
	color:#2894B8;
	text-decoration:none;
}

#tickpointsstandard ul {
list-style-type: none;
margin: 0em;
}

#tickpointsstandard ul li {
background-image: url(../images/tick.gif);
background-repeat: no-repeat;
background-position: 0em 0em;
padding-left: 2em;
font-size:11px;
padding-top: 5px;
padding-bottom: 10px;
}

#tickpointsstandard a {
	color:#000000;
	text-decoration:none;
	
}
#tickpointsstandard a:hover {
	color:#2894B8;
	text-decoration:none;
}

#tickdown {
position:absolute;
margin-left:-23px;
}