* { margin:0; padding:0;}
body { 
	/*background-image: url(../images/page-background.gif);*/
	background-image: url(../images/page-background.jpg);
	background-repeat: repeat-x;
	background-color:#F4F5FF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:70%;
	text-align:center;
	color:#666666;}
hr {
	height: 1px;
	border-top: 1px solid #DBE6E1;
 	width: 600px;
 	margin: 10px 0px 5px 10px;
}
	
.fleft { float:left;}
.fright { float:right;}
#container-bg {
	/* background-image: url(../images/container-background.gif);*/
	background-repeat: no-repeat;
	width: 840px;
	margin:0 auto;
	margin-top: 0px;
}
#container {
	background-color:white;
	width: 800px;
	text-align:center;
	margin:0 auto;
	margin-top: 0px;
}
#text-header {
	width: 800px;
	height: 15px;
	text-align:center;
	margin:0 auto;
	margin-top: 1px;
	font-size: 100%;
	color: #ffffff;
	font-weight: bold;
}
#header { 
	height: 118px;
	width: 800px;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	font-family:arial, helvetica, sans-serif;
	font-size:100%;
	text-align:center;
}
#headerContactDetails { 
	float: right;
	height: 30px;
	width: 300px;
	text-align: left;
	margin: 17px 0px 0px 0px;
}
#headerContactDetailsTel { 
	float: right;
	width: 250px;
	color: #3381D4;
	font-weight: bold;
	font-size: 110%;
}
#headerContactDetailsEmail { 
	float: right;
	width: 250px;
	color: #3381D4;
	font-weight: bold;
	font-size: 110%;
}
#headerContactDetailsEmail a { 
	color: #3381D4;
	text-decoration: none;
}
#headerphoto { 
	height: 86px;
	width: 800px;
	background-image: url(../images/top-photo.jpg);
	background-repeat: no-repeat;
	color: white;
	font-size: 110%;
	font-weight: bold;
	padding-top: 40px;
}

/******************************************************/
#topnavigation{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font-weight:bold;
	}
#topnavigation ul{
	background:#010952;
	height:25px;
	list-style:none;
	margin:0;
	padding:0;
	}
#topnavigation li{
		float:left;
		padding:0px;
		}
#topnavigation li a{
		background:#010952;
		color:#fff;
		display:block;
		font-weight:bold;
		line-height:25px;
		margin:0px;
		padding:0px 15px;
		text-align:center;
		text-decoration:none;
		}
#topnavigation li a:hover, #topnavigation ul li:hover a{
			background: #0693EF;
			color:#FFFFFF;
			text-decoration:none;
			}
#topnavigation .selected a {
	background:#0693EF;
}
#topnavigation li ul{
		background:#0693EF;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:200px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
#topnavigation li:hover ul{
		display:block;
		
		}
#topnavigation li li {
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:200px;
		}
#topnavigation li:hover li a{
		background:none;
		
		}
#topnavigation li ul a{
		display:block;
		height:25px;
		font-style:bold;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
#topnavigation li ul a:hover, #topnavigation li ul li:hover a{
		background:#53B8FB;
		border:0px;
		color:#ffffff;
		text-decoration:none;
			}
#topnavigation p{
		clear:left;
		}	

		
/*****************************************************/
/*Top Navigation Selected Colours*/
#hometopnavigationline {
	clear: both;
	border-bottom: 1px solid white;
	width: 800px;
	height: 4px;
	line-height: 4px;
	background: #E02C26;
	padding:0;
}

/* main content */
#maincontentarea { 
	width: 100%;
	clear: both;
	min-height: 300px;
}

/* begin left menu (switched the the right hand side */
#leftarea { 
	width: 140px;
	height: auto;
	float: right;
	padding: 5px 0px 15px 0px;
}
#leftmenu { 
	width: 100%;
	float: left;
	text-align:left;
	height: auto;
}
#leftmenu ul{ 
}
#leftmenu ul li {
	margin:0px;
	padding:0px;
	list-style-type: none;
	line-height: 22px;
	font-size: 100%;
}
#leftmenu ul li a {
	display: block;
	font-weight: bold;
	color: #83ACCA;
	background-color: white;
	text-decoration: none;
	padding: 3px 3px 3px 12px;
	background-image: url(../images/nav-arrow.gif);
	background-repeat:no-repeat;
	background-position: 5px 12px;
	border-bottom: 1px dotted #b6b6b6;
}
#leftmenu ul li a:hover {
	text-decoration: underline;
	background-color:#F5F5F5;
}
#leftmenutop { 
	float: left;
	height: 1px;
	width: 140px;
	padding: 0px 0px;
}
#leftmenubottom { 
	float: left;
	height: 1px;
	width: 140px;
	padding: 0px 0px;
	margin: 0px 0px 10px 0px;
}
/* end left menu (switched the the right hand side */
#adminmenu { 
	width: 100%;
	float: left;
	text-align:left;
	height: auto;
}
#adminmenu ul{ 
}
#adminmenu ul li {
	margin:0px;
	padding:0px;
	list-style-type: none;
	line-height: 18px;
	font-size: 100%;
}
#adminmenu ul li a {
	display: block;
	color: #0A55A8;
	background-color: #EAF5FF;
	text-decoration: none;
	padding: 3px 3px 3px 20px;
	background-image: url(../images/nav-arrow.gif);
	background-repeat:no-repeat;
	background-position: 10px 10px;
}
#adminmenu ul li a:hover {
	text-decoration: underline;
	background-color:#F2F9FF;
}
#adminmenutop { 
	float: left;
	background-image:  url(../images/leftNavTop.gif);
	background-repeat:no-repeat;
	height: 15px;
	width: 140px;
	font-weight: bold;
	font-size: 100%;
	color: #0A55A8;
	padding: 0px 0px;
}
#adminmenubottom { 
	float: left;
	background-image:  url(../images/leftNavBottom.gif);
	background-repeat:repeat-x;
	height: 15px;
	background-color:#ffffff;
	width: 140px;
	margin: 0px 0px 10px 0px;
}
/* search box */
#searchbox { 
	width: 200px;
	background-color: #fff;
	float: right;
	text-align:left;
	height: auto;
	margin: 15px 0px 0px 0px;
}
#searchbox input{
	border:1px solid #010952;
	margin-bottom:0.6em;
	font: normal 1em Verdana, sans-serif;
	padding: 2px;
}
.searchsubmitbtn {
	width:75px;
	background:#fff;
	color:#464646;
	cursor:pointer;
	border:1px solid #eaeaea;
	padding-left:0.0em;
	margin-bottom:0.6em;
}

.searchsubmitbtn:hover {
	background:#CDEBFE;
	color:#464646;
	border:1px solid #cccccc;
	padding-left:0.0em;
	margin-bottom:0.6em;
}
/* newsletter box */

#newsletterbox { 
	width: 125px;
	background-color: #CDEBFE;
	float: left;
	height: auto;
	border-right: 1px solid #f2f2f2;
	border-left: 1px solid #f2f2f2;
	margin-left: 8px;
	color: #333333;
}
#newsletterboxtop { 
	float: left;
	background-color: #CDEBFE;
	height: 20px;
	width: 125px;
	font-weight: bold;
	font-size: 100%;
	padding: 5px 0px 0px 0px;
	border-top: 1px solid #f2f2f2;
	border-left: 1px solid #f2f2f2;
	border-right: 1px solid #f2f2f2;
	margin: 20px 0px 0px 8px;
	color: #333333;
}
#newsletterboxbottom { 
	float: left;
	height: 15px;
	background-color:#D8E8AE;
	width: 125px;
	margin: 0px 0px 10px 0px;
	border-right: 1px solid #f2f2f2;
	border-left: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
	margin-left: 8px;
}
#newsletterbox input{
	border:1px solid #eaeaea;
	margin-bottom:0.6em;
	font: normal 1em Verdana, sans-serif;
	padding: 2px;
}
/* right content area */
#maintextarea { 
	float: left;
	width: 640px;
	height: auto;
	text-align:left;
	font-size: 100%;
	padding: 0px 0px 20px 10px;
}
#maintextarea h2{ 
	color:#3381D4;
	font-size:130%;
	padding: 10px 0px 0px 0px;
}
#maintextarea p{ 
	color:#484848;
	font-size: 100%;
	padding: 15px 10px 0px 0px;
}
#maintextarea p a{ 
	color:#617CBD;
	font-weight: normal;
	text-decoration: none;
}
#maintextarea ul {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 5px 0px;
	list-style-type: none;
	font-weight: normal;
	font-size: 100%;
}
#maintextarea ul li {
	margin:0px 15px 0px 50px;
	padding:0px;
	list-style-type: circle;
	line-height: 20px;
	color:#484848;
}
#maintextarea ul li a {
	color: #617CBD;
}
#maintextarea ul li a:visited {
	color: #617CBD;
}
#maintextarea ol {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 5px 0px;
	font-weight: normal;
	font-size: 100%;
	color:#484848;
}
#maintextarea ol li {
	margin: 0px 0px 0px 50px;
}
#maintextarealine { 
	height: 2px;
	background-color: #3381D4;
	width: 50%;
	margin: 5px 0px 10px 0px;
}
#mainContentImage {
	float: right;
	margin: 20px 10px 0px 25px;
	padding: 3px;
}
/* product listing icon styles (thumb nail etc) on display cms page - this includes products added directly to home page or sub pages*/
#productListing	{	
	width: 132px;
	float:left;
	border: 1px solid #f2f2f2;
	background: #FAFAFA;
	margin: 0px 15px 20px 0px;
	height: 135px;
	text-align:center;
	font-weight:bold;
}
#productImage {
	width: 120px;
	height: 90px;
	overflow: hidden;
	margin: 5px 0px 10px 0px;
}
#productListing	a{	
	color: #0A55A8;
	text-decoration: none;
}
/*this is for the product listing pictures on product pages*/
.productImages {
	width: 240px;
	margin: 0px 20px 20px 0px;
	float: right;
	margin: 0px 10px 10px 20px;
	}
/* end product listing styles */

/* Special product listing on home page*/
#specialHomeIcon	{	
	width: 132px;
	float:left;
	border: 1px solid #E9EAEB;
	margin: 0px 15px 20px 0px;
	height: 125px;
	text-align:center;
	font-weight:bold;
	overflow: hidden;
}
#specialHomeIcon	a{	
	text-decoration: none;
	color: #0A55A8;
}
#specialHomeIconImage {
	width: 120px;
	height: 90px;
	overflow: hidden;
	margin: 5px 0px 10px 0px;
	}
/* end product listing home styles */

/* Special product listing on special-offers.asp*/
#specialOffersIcon	{	
	width: 132px;
	float:left;
	border: 1px solid #E9EAEB;
	margin: 0px 15px 20px 0px;
	height: 125px;
	text-align:center;
	font-weight:bold;
	overflow: hidden;
}
#specialOffersIcon	a{	
	text-decoration: none;
	color: #0A55A8;
}
#specialOffersIconImage {
	width: 120px;
	height: 90px;
	overflow: hidden;
	margin: 5px 0px 10px 0px;
	}
/* end product listing home styles */

/* homeIcon styles - icons for pages that have been told to appear on home page.*/
#homeIcon	{	
	width: 132px;
	float:left;
	border: 1px solid #E9EAEB;
	margin: 0px 15px 20px 0px;
	height: 125px;
	text-align:center;
	font-weight:bold;
	overflow: hidden;
}
#homeIcon	a{	
	text-decoration: none;
	color: #0A55A8;
}
#homeIconImage {
	width: 120px;
	height: 90px;
	overflow: hidden;
	margin: 5px 0px 10px 0px;
	}
/* homeIcon styles */
/* parentIcon styles - icons for pages that have been tagged to show on their parent.*/
#parentIcon	{	
	width: 132px;
	float:left;
	border: 1px solid #E9EAEB;
	margin: 0px 15px 20px 0px;
	height: 140px;
	text-align:center;
	font-weight:bold;
	overflow: hidden;
}
#parentIcon	a{	
	text-decoration: none;
	color: #0A55A8;
}
#parentIconImage {
	width: 120px;
	height: 90px;
	overflow: hidden;
	margin: 5px 0px 10px 0px;
	}

/* parentIcon styles */
/* blog styles */
#blogCurrentMonth {
	width: 620px;
	margin: 20px 0px 10px 0px;
	clear:both;
	background-image: url(../images/blog-current-background.jpg);
	background-repeat: no-repeat;
	background-color:#F0F2FB;
	border-bottom: 1px solid #434392;
	}
#blogPreviousMonths {
	width: 620px;
	margin: 20px 0px 10px 0px;
	clear:both;
	background-color:#F0F2FB;
	border-bottom: 1px solid #434392;
	}
/* END blog styles */
/* Document styles */
#documentListings {
	border: 0px solid red;
	width: 250px;
	height: 25px;
	float: left;
	margin: 0px 5px 10px 0px;
	padding: 8px 0px 0px 40px;
	background-image: url(../images/pdfLogo.gif);
	background-repeat: no-repeat;
	}
#documentListings a{
	text-decoration: none;
	font-weight: bold;
	color: #0A55A8;
	}
/* Gallery Listings */
/* product listing icon styles (thumb nail etc) on display cms page - this includes products added directly to home page or sub pages*/
#galleryListing	{	
	width: 132px;
	float:left;
	border: 1px solid #E9EAEB;
	margin: 0px 15px 20px 0px;
	height: 125px;
	text-align:center;
	font-weight:bold;
}
#galleryImage {
	width: 120px;
	height: 90px;
	overflow: hidden;
	margin: 5px 0px 10px 0px;
}
#galleryListing	a{	
	color: #0A55A8;
	text-decoration: none;
}
/* End Gallery Listings */
/* END Document styles */
/* end right content area */
/* footer area */
#footer { 
	width: 100%;
	clear: both;
	border-top: 5px solid #010952;
	font-family:arial, helvetica, sans-serif;
	font-size:100%;
	text-align:center;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	background-color:#0693EF;
}
#footerbottom {
	width: 800px;
	height: 2px;
	text-align:center;
	margin:0 auto;
}
#footer ul {
	margin: 0;
	margin-left: 0px;
	padding: 0;
	line-height: 18px;
}
#footer li {
	display: inline;
	padding: 0;
	text-transform: none;
	list-style-type: none;
	font-weight: normal;
	line-height: 18px;
}
#footer li.last a {
	border: none;
}
#footer a {
	font-family: arial, helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0px;
	padding: 0px 5px 0px 3px;
	color: #fff;
	border-right: #EAF5FF 1px solid;
	line-height: 18px;
}
#footer a:hover{
	text-decoration: underline;
}
#footer p {
	margin: 10px 0px 0px 0px;
	color: #fff;
}
#footersiteby {
	width: 800px;
	height: 10px;
	text-align:center;
	margin:0 auto;
	color: #010952;
	padding: 20px 0px 20px 0px;
}
#footersiteby a{ 
	color: #010952;
	text-decoration: none;
}
table.updateUsers	{
	margin: 0px 0px 0px 0px;
	color:#484848;
	font-size: 100%;
}
table.contactForm	{
	margin: 0px 0px 0px 0px;
	color:#484848;
	font-size: 100%;
	border: 1px solid #BABDA6;
	width: 550px;
}
table.rteInsertImage	{
	margin: 0px 0px 0px 0px;
	color:#484848;
	font-size: 100%;
	border: 1px solid #BABDA6;
	width: 300px;
}
#editCmsPage	{
	width: 600px;
	border: 1px solid #DBE6E1;
	height: auto;
	font-size: 100%;
	color:#484848;
	padding: 5px;
	background-color:#FFF;
}
#faqPopup b{
	color: black;
	}
#faqPopup {
	color: gray;
	text-align: left;
	margin: 20px 0px 0px 20px;
	}
#eventsBox {
	width: 95%;
	background-image: url(../images/eventBoxBackground.jpg);
	background-repeat: repeat-x;
	background-color:#F7F7F7;
	border: 1px solid red;
	margin-bottom: 15px;
	clear: both;
	padding: 10px;
}
#eventsBox .eventTitle a{
	color: green;
	font-size: 120%;
}
#eventsBox .eventDateLocation{
	font-style:italic;
}
#eventsBox .eventInfo{
	font-style:normal;
}
#variationcontainer {
	width: 600px;
	height: 55px;
	border: 1px solid #eaeaea;
	clear: both;
	margin-bottom: 10px;
	padding: 5px;
	background-image: url(../images/variations-gradient.gif);
	background-repeat: repeat-x;
}
#variationdetails {
	width: 400px;
	float: left;
}
#variationprice {
	width: 150px;
	color: black;
	float: right;
	text-align: right;
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 10px;
}
#variationbutton {
	width: 95px;
	float: right;
	text-align: right;
	clear: both;
}
/*forms*/
.contactsubmitbtn {
	width:125px;
	background:#fff;
	color:#464646;
	cursor:pointer;
	border:1px solid #eaeaea;
	padding-left:0.0em;
	margin-bottom:0.6em;
}

.contactsubmitbtn:hover {
	background:#D8E8AE;
	color:#464646;
	border:1px solid #cccccc;
	padding-left:0.0em;
	margin-bottom:0.6em;
}


.newslettersubmitbtn {
	width:55px;
	background:#fff;
	color:#464646;
	cursor:pointer;
	border:1px solid #eaeaea;
	padding-left:0.0em;
	margin-bottom:0.6em;
}

.newslettersubmitbtn:hover {
	background:#F3FCF5;
	color:#464646;
	border:1px solid #cccccc;
	padding-left:0.0em;
	margin-bottom:0.6em;
}
/* end forms*/
blockquote {
	margin: 20px 0px 10px 10px;
 	padding: 15px 15px 15px 20px;  	
  	background: #FAFAFA;
	border: 1px solid #f2f2f2; 
	border-left: 4px solid #4284B0;   
	color: #4284B0;
	width: 90%;
	font-weight: bold;
}
#jumpbox { 
	width: 100%;
	margin: 5px 0px 0px 0px;
	float: left;
}
.jumpboxQuickJump {
	width: 123px;
	border:1px solid #010952;
	margin-bottom:0.6em;
	font: normal 1em Verdana, sans-serif;
	padding: 2px;
}
#forumposts {
	width: 620px;
	border: 1px solid #E8F1CF;
	margin: 20px 0px 0px 0px;
	background-color: #F7F7F7;
}
#forumposts h2 {
	color:#3381D4;
	font-size:130%;
	padding: 10px 0px 0px 10px;
}
#forumposts ul{
	list-style-type: none;
}
#forumposts ul li{ 
	margin:0px 15px 0px 50px;
	list-style-type: none;
	padding:0px;
	background:url(../images/arrowbullet.jpg) 0px 4px no-repeat;
	line-height: 20px;
	color:#484848;
	padding-left: 20px;
}