/* CSS Document - Mobius */
/* Change colours and fonts ONLY */
/* header part*/


/* wrap for main content area */

html, body		{
	text-align: center;
	 background-color: #ffffff;
	 vertical-align: middle;
	 font-family: arial;
	 font-size: 12px;
	
}

/* container intotal */
.container {
	width: 800px;
	margin: auto;
	text-align: center;
	padding: 0px 0px 0px 0px;
	border: 1px solid #cccccc;
	background-color: white;
}

/* container for main content area */
#content {
	width: 800px;
	height: auto;
	margin:  0px 0px 0px 0px;
	text-align: center;
	vertical-align: middle;
	padding: 0px 0px 0px 0px;
	
	
}

#home #content  {
	background: url("/images/content_bkg.jpg") bottom left;
	border: 1px #
  
	}
#products #content  {
	background: url("/images/content_bkg.jpg") bottom left;
	border: 1px #
  
	}
#simple #content {
	background: url("/images/content_bkg.jpg") bottom left;
	}
#quotes #content {
	background: url("/images/content_bkg2.gif") bottom left;
	}	
	
#contactus #content {
	background: url("/images/content_bkg2.gif") bottom left;
	}
#news #content {
	background: url("/images/content_bkg.jpg") bottom left;
	}

#errorpage #content {
	background: url("/images/head-error.gif") no-repeat top left;
	}

#admin #content  {
	background: url("/images/content_bkg2.gif") bottom left;
	border: 1px #
  
	}	
.containeradmin {
	
	width: 799px;
	
	padding: 0px 0px 0px 0px;
	margin: auto;
	text-align: left;
	border: 1px solid #9EABA4;
	
	
}
.page {
	width: 770px;
	padding: 0px;
	margin: auto;
	text-align: left;
	
}

a.header:link    {
	color: #ffffff;
	text-decoration: none;
	font-size: 13px;
}
a.header:visited {color: #cccccc;  font-size: 13px; text-decoration: none;}
a.header:hover   {color: #ffffff; text-decoration: underline;  font-size: 13px;}
/* default * including the links on simple pages that are listed when created*/
a                { color: #000000; font-size: 12px;  text-decoration: none; font-weight: normal }
a:link                { color: #00aca6; font-size: 12px;  text-decoration: none; font-weight: normal }
a:hover          {
	color: #A9A9A9;
	font-size: 12px;
	font-weight: normal;
}
a:visited               {
	color: #00aca6;
	font-size: 12px;
	 text-decoration: none;
	font-weight: normal;
}
a:visited:hover          { color: #A9A9A9; font-size: 12px;   font-weight: normal }

a.newstext                { color: #000000;  font-size: 13px;   text-decoration: none; font-weight: normal }
a.newstext:link                { color: #000000;  font-size: 13px;   text-decoration: none; font-weight: normal }
a.newstext:hover          {
	color: #ec3c7d;  font-size: 13px;
	 font-weight: normal;
}
a.newstext:visited               {
	color: #000000;  font-size: 13px;
	 text-decoration: none;
	font-weight: normal;
}
a.newstext:visited:hover          { color: #ec3c7d; font-size: 13px;   font-weight: normal }

.view 			 { color: #000000; font-size: 12px;   font-weight: normal }

/* homepage leadlines */
a.leadlineheader { color: #00aca6;;  font-size: 13px;  font-weight: bold } 
a.leadlineheader2 {
	color: #4E4E4E;  font-size: 13px;
	 font-weight: bold;
} 
a.leadline:link		 { color: #ffffff;  font-size: 13px;  font-weight: normal; text-decoration: underline; }  
a.leadline:visited	 { color: #ffffff;  font-size: 13px;  font-weight: normal; text-decoration: underline; }  
a.leadline:hover	 { color: #000000;  font-size: 13px;  font-weight: normal; text-decoration: underline; }  	

a.powered:link		 { color: #ffffff;  font-size: 13px;  font-weight: normal }  
a.powered:visited	 { color: #666666;  font-size: 13px;  font-weight: normal }  
a.powered:hover	 { color: #000000;  font-size: 13px;  font-weight: normal } 

/* home page link styles - these are only used on the home page for the two links down at the bottom */
a.adminlink       { color: #ffffff;  font-size: 13px;  , Arial, Helvetica, sans-serif;} 
a.adminlink:hover { color: #00aca6;;  font-size: 13px;  , Arial, Helvetica, sans-serif; text-decoration: underline;}
a.adminlink:visited { color: #ffffff;  font-size: 13px;  , Arial, Helvetica, sans-serif; text-decoration:none;} 
a.adminlink:visited:hover { color: #00aca6;;  font-size: 13px;  , Arial, Helvetica, sans-serif; text-decoration: underline;} 
 
a.seolink, a.seolink:hover, a.seolink:visited       { color: #ddd;} 


a.iconlink       { color: #575757; font-size: 9px; , Arial, Helvetica, sans-serif;} 
a.iconlink:hover {
	color: #000000;
	font-size: 9px;
	 , Arial, Helvetica, sans-serif;
} 
a.iconlink:visited {
	color: #575757;
	font-size: 9px;
	 , Arial, Helvetica, sans-serif;
} 



a.index                { color: #000000;  font-size: 13px;  text-decoration: none; font-weight: normal; margin: 0px;}

a.index:hover          {
	color: #00aca6;  font-size: 13px;
	 font-weight: normal;
	 margin: 0px;
}

a.index:visited {
	color: #000000;  font-size: 13px;
	 text-decoration: none;
	font-weight: normal;
	 margin: 0px;
}
a.index:visited:hover          { color: #00aca6;  font-size: 13px;  font-weight: normal; margin:0; }



/* Mobius Administration classes - START and SIMPLE.CFM page */
body, td {
	color: #000000;  font-size: 13px;
	 margin-left: 5px;
	margin-right: 0px;
}
#p {
	color: #000000;
	font-size: 13px;
	 margin-left: 0px;
	margin-right: 0px;
}

a.admin 	      { color: #00aca6;; text-decoration: none; font-weight: bold;  font-size: 13px;}
a.admin:hover  	{ color: #000000; text-decoration: underline; font-weight: bold;  font-size: 13px;}
a.admin:visited	{ color: #00aca6;; text-decoration: none; font-weight: bold;  font-size: 13px;}
a.admin:visited:hover	{ color: #000000; text-decoration:underline; font-weight:bold;  font-size: 13px;}

a.adminheader:link { color: #6A726D; text-decoration: underline; font-weight: bold;  font-size: 13px;}
a.adminheader:visited { color: #00aca6;; text-decoration: underline; font-weight: bold;  font-size: 13px;}
a.adminheader:visited:hover { color: #00aca6;; text-decoration: underline; font-weight: bold;  font-size: 13px;}
a.adminheader:hover { color: #00aca6;; text-decoration: underline; font-weight: bold;  font-size: 13px;}

.adminbg    		{ background: #CDD4D0; text-align: left;}
.adminpadding		{  font-size: 13px; line-height: 14px; color: #333333; padding-left:  4px; padding-right:  4px; padding-top:  4px; padding-bottom:  4px;}
h1.adminheader	{ color: #6A726D;  font-size: 13px; font-weight: bold; margin: 0; text-align: left;}
.admintable			{ 
width: 590px;
background: #ffffff;
text-align: left;}

.adminguide			{ font-size: 9px; color: #000000; }
 /* help */
.admin2			    { background: #00aca6;; text-align: left;}
.admin2bg			  { background: #8E8E8E; padding-left:  4px; padding-right:  4px; padding-top:  4px; padding-bottom:  4px; text-align: left;}
.admin2padding	{ color: #00aca6;; background: #ffffff; padding-left:  4px; padding-right:  4px; padding-top:  4px; padding-bottom:  4px; text-align: left;}						
h1.admin2header	{ color: #ffffff;  font-size: 13px; font-weight: bold; margin-bottom : 0px;}
.admin2small		{  font-size: 13px; }
/* Mobius Administration classes - END */

/* Mobius Display classes, also to be used on main website - START */
.message			  {  font-size: 13px;
	color: red;
}
.smallerheader    { color: #00aca6;  font-size: 13px; font-weight: bold; line-height: 14px; }
.smallheader    { color: #00aca6;  font-size: 13px; font-weight: bold; line-height: 14px; }
.mediumheader   { color: #00aca6; font-size: 16px;	font-weight: bold; line-height: 16px; }
.largeheader    { color: #00aca6; font-size: 18px;	font-weight: bold;  }

.indexheader:link  { color: #6E6D6C;  font-size: 13px;	font-weight: bold; text-align: left; text-decoration: underline;}
.indexheader:hover { color: #00aca6;;  font-size: 13px;	font-weight: bold; text-align: left; }
.indexheader:visited { color:#6E6D6C;  font-size: 13px;	font-weight: bold; text-align: left; text-decoration: underline; }
.indexheader:visited:hover { color: #00aca6;;  font-size: 13px;	font-weight: bold; text-align: left; }
.alttext        { color: #ffffff; font-size: 9px;}
.smallestheader    { color: #00aca6;; font-size: 10px; font-weight: bold; line-height: 14px;
 }
.boxheader { color: #6E6D6C;  font-size: 13px;	font-weight: normal; text-align: left; }
.boxheader:link  { color: #6E6D6C;  font-size: 13px;	font-weight: normal; text-align: left; text-decoration: underline; }
.boxheader:hover { color: #00aca6;;  font-size: 13px;	font-weight: normal; text-align: left; }
.boxheader:visited { color:#6E6D6C;  font-size: 13px;	font-weight: normal; text-align: left; text-decoration: underline; }
.boxheader:visited:hover { color: #00aca6;;  font-size: 13px;	font-weight: normal; text-align: left; }
.quoteheader {
	color: #00aca6;
	font-size: 20px;
	font-weight: normal;
	text-align: left;
	margin: 0px 0px 20px 0px;
	
} 

/* Mobius Display classes - END */

/* Avalon specific styles go here */

body, p, td, li {  font-size: 13px; }
form { margin: 0; }

a.feature        { color: #6A726D; text-align: left; }
a.feature:hover  { color: #6A726D; text-align: left;}
td.feature       { color: #6A726D;  font-size: 13px;  , Arial, Helvetica, sans-serif; text-align: left; padding: 0px 0px 0px 0px;}
.feature         { color: #ffffff; background-color: White;  font-size: 13px;  , Arial, Helvetica, sans-serif; text-align: left; padding: 0px 0px 0px 0px;}
featureborder   { background-color: #00aca6;;}

tableborder { border: 1px solid #ec3c7d; background-color: #ffffff;}
input {	border-color: #dddddd; border-width: 1;	}

.padding {	padding: 20;}
.box1a { background: #E6EBEC;}
.box1b { background: #6E6D6C;}
.box2a { background: #8d6caf;}
.box2b { background: #DFDFDF;}

/* simple index background stuff */

.indexheader  { color: #6E6D6C;  font-size: 13px;	font-weight: bold; text-align: left; }
.index {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; width: 385px;}
.index h3 {  margin: 0px; padding: 5px 5px 0px 0px; font-size: 110%; font-weight: bold; background: url("/images/topprofile.jpg") no-repeat top left; text-align: left; color: #6E6D6C;  font-size: 13px;  }  
.index h2 {	margin: 0px; padding: 5px 5px 0px 0px; font-size: 100%; font-weight: bold; text-align: left; color: #6E6D6C;  font-size: 13px;}
.index h4 { margin: 0px; padding: 0px 0px 0px 0px;	font-size: 10px; font-weight: normal; text-align: left; }
.index p { margin: 0px; padding: 0px 0px 0px 0px;   font-size: 11px; font-weight: normal;  }

.quotesindex {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; width: 570px;}
.quotesindex h3 {  margin: 0px; padding: 5px 5px 0px 0px; font-size: 110%; font-weight: bold; background: url("/images/topprofile.jpg") no-repeat top left; text-align: left; color: #6E6D6C;  font-size: 13px;  }  
.quotesindex h2 {	margin: 0px; padding: 5px 5px 0px 0px; font-size: 100%; font-weight: bold; text-align: left; color: #6E6D6C;  font-size: 13px;}
.quotesindex h4 { margin: 0px; padding: 0px 0px 0px 0px;	font-size: 10px; font-weight: normal; text-align: left; }
.quotesindex p { margin: 0px; padding: 0px 0px 0px 0px;   font-size: 11px; font-weight: normal;  }


/* end of that stuff */
.bl { background: url(../images/bot_left.jpg) 0 100% no-repeat #C6CEC9;}
.br { background: url(../images/bot_right.jpg) 100% 100% no-repeat;}
.tl { background: url(../images/top_left.jpg) 0 0 no-repeat;}
.tr { background: url(../images/top_right.jpg) 100% 0 no-repeat;}
.clear { font-size:1px; height:1px;}

#paramcats	{margin: 0px 0px 0px 0px; color: #6E6D6C; font-size: 18px;	font-weight: bold; text-align: left; }

#home #paramcats	  {
	color: #6E6D6C;
	}
	
.newstab	{
	margin: 0px 0px 0px 5px;
	color: #6E6D6C; font-size: 18px; font-weight: bold;
	text-align: left;}

.newsflash {	
	width: 100%;
	/*border: 1px solid #ec3c7d;*/
	padding: 0px 0px 0px 0px;
	
}
.newsflashinside {	
	padding: 10px 5px 10px 5px;
}

.welcome, .welcome:hover	{
	
	margin: 0px 0px 20px 0px;
	color: #000000;  font-size: 13px;	font-weight: bold;
	
}

.weltext, .weltext:hover	{
	
	margin-left: 0px;
	color: #000000;  font-size: 13px;	font-weight: none;
	text-align: center;
	
	
}

.copyright	{
	color: #cccccc;  font-size: 13px;
	
}
	
.poweredby	{
	
	margin-left: 5px;
	color: #000000; font-size: 9px;	font-weight: none;
	text-align: left;
}



	/* navigation main ************/
.headerbkg {
	background-image: url(../images/headerpic_final.jpg);
	background-repeat: no-repeat;
	background-position: center;
	width:800px;
	background-color: #ffffff;
	height: 220px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
}

	

/* header navtext */
a.nav       {
	color: #ffffff;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	line-height: 20px;  font-size: 13px;
	text-align: left;
	border-left: 1px;
	border-left-color: White;
}
a.nav:hover { color:#000000;;
              text-decoration: none; 
              margin: 0px 0px 0px 0px;  font-size: 13px;
				  text-align: left;
}
a.nav:visited { color: #ffffff;
              text-decoration: none; 
              margin: 0px 0px 0px 0px;  font-size: 13px;
				  text-align: left;
}

a.nav:visited:hover { color: #000000;;  font-size: 13px;
             
}
/* header navtext */
a.nav2       {
	color: #00aca6;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	line-height: 20px;  font-size: 12px;
	text-align: left;
	border-left: 1px;
	border-left-color: White;
}
a.nav2:hover { color:#000000;;
              text-decoration: none; 
              margin: 0px 0px 0px 0px;  font-size: 12px;
				  text-align: left;
}
a.nav2:visited { color: #00aca6;;
              text-decoration: none; 
              margin: 0px 0px 0px 0px;  font-size: 12px;
				  text-align: left;
}

a.nav2:visited:hover { color: #000000;;  font-size: 12px;
             
}
/* CSS drop down menus***********************************************************************************************************/ 
/* blank ul tag needed as the one below doesnt work in netscape/firefox without it */
ul {	
}

.sidebar ul {
	/* all lists (main nav, about us etc) */
	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	width: 183px;
	

}
.sidebar li {
	/* all list items */
	 display: inherit;
	position: relative;
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: 2px solid #ffffff;
	
}
.sidebar li ul {
	/* second-level lists */
	display: none;
	position: absolute;
	top: 0px;
	left: 183px;
					
	padding: 0px;
	margin: 0px;
	background-color: #D1DADA;
	border: 1px solid #dddddd;
	text-align: left;
	width: 220px
	
}

.sidebar li ul li {border-bottom: 2px solid #00aca6}
.sidebar li.>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}
/* Commented backslash hack hides rule from IE5-Mac \*/
.sidebar li:hover ul, .sidebar li.over ul {

	display: block;
	
}

/* End IE5-Mac hack */

/* need this as it surroounds sidebar ul - this fixed the links problem */
.sidebar {
	clear: both;
	padding: 0px 0px 10px 0px;
	width: 183px;
	margin: 0px 0px 0px 0px;
	background-color: #00aca6;
	
}

.sidebar p {
	color: Fuchsia;
	margin: 0px;
}

.tc {
		padding: 10px 0px 0px 15px;
		line-height: 20px;
		 background-image: url(../images/home.jpg);
		 background-position: bottom;
		 background-repeat: no-repeat;
		 height: 125px;
}
.simpletc {
		padding: 10px 0px 0px 15px;
		line-height: 20px;
		
}
/* main content area *****************/

	/* left col *****************/
.leftcol {
	float: left;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	width: 183px;
	min-height: 250px;
	text-align: left;	
}


/* right col *******************/

.rightcol {
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 600px; 
	/*border: 1px solid #0072BB;*/
}

.doublecol {
	margin: 10px 0px 0px 0px;
	width: 590px;
	vertical-align: top;
	text-align: left;
	float: left;	
}

#col1 {
	margin: 10px 10px 0px 0px;
	padding: 0px 0px 10px 0px;
	width: 385px;
	vertical-align: top;
	text-align: left;
	float: left;	
	
	
}

#news #col1 {
	
	min-height: 300px;	
}

#quotes #col1 {
	width: 580px;
		
}

#col2 {
	margin: 0px 0px 0px 0px;
	width: 183px;
	vertical-align: top;
	float: right;
	text-align: center;
	height: auto;
	padding: 0px 0px 0px 0px;
	
}
#simple #col2 {
	height: 200px;
		
}

#box1 {
	margin: 0px 0px 0px 0px;
	width: 168px;
	vertical-align: top;
	float: right;
	text-align: center;
	height: auto;
	padding: 10px 5px 10px 10px;
	background-color: #DDE1E1;
	border-bottom: solid 5px #ffffff;

	
}

#box2 {
	margin: 0px 0px 0px 0px;
	width: 168px;
	vertical-align: top;
	float: right;
	text-align: center;
	height: auto;
	padding: 10px 5px 0px 10px;
	background-color: #D0DCDC;
	border-bottom: solid 5px #ffffff;

}
#box3 {
	margin: 0px 0px 0px 0px;
	width: 183px;
	vertical-align: top;
	float: right;
	text-align: center;
	height: 125px;
	padding: 0px 0px 0px 0px;
	background-color: #EAE7E7;

	
}
#box4 {
	margin: 5px 0px 0px 0px;
	width: 183px;
	vertical-align: top;
	float: right;
	text-align: center;
	height: 125px;
	padding: 0px 0px 0px 0px;
	background-color: #EAE7E7;

}

.simpletitle {
	/* all right content*/
	 , 
	font-size: 18px;
	color: #00aca6;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	font-weight: bold;
}

.infotext {
	/* all right content*/
	 ,  font-size: 13px;
	color: #777A7A;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	font-weight: bold;
}

	
.email {
	/* all right content*/
	   font-size: 13px;
	color: #ec3c7d;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	font-weight: bold;
}
	
.flashersurround {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	clear: both;
	width: 800px;
	height: 28px;
	background-color: #ffffff;
}
.flasher {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear: both;
	width: 800px;
	height: 23px;
	background-color: #00aca6;
	vertical-align: middle;
}

/* footer *************************************************************************************************/

.footer {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	clear: both;
	text-align: left;
	min-width: 800px;
	background-color: #ffffff;
	
}
/* footer ******************************************************************************************************/

.copyright  {
	color: black;
	padding: 0px;
	margin: 0px;
	padding: 0px 2px 0px 0px;
	
}

a.phone       {
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 6px 10px 6px 10px;
	line-height: 28px;  font-size: 13px;
	text-align: left;
	font-weight: bold;
}
	
.prevnext {
	/* all right content*/
	float: left;
	margin: 0px 0px 0px 0px;
	width: 400px;
	min-height: 40px;
	
}

/* right col when using 2 column layout on contact page *******************/
.rightcontactcol {
	float: right;
	margin: 5px 5px 5px 5px;
	padding: 0px 0px 0px 0px;
	width: 595px;
}
/* right col when using 2 column layout *******************/
.right2cols {
	float: right;
	margin: 5px 5px 5px 5px;
	padding: 0px 0px 0px 0px;
	width: 595px;
}
	


/* specific style - END */