/* Comment line - new CSS codes to be used */
body  {background: #8080C0; margin: 5px;  padding: 0px; border: 0px; }

#defaultpagesettings {width: 896px; FONT-FAMILY: Verdana, 'Andale Mono', Arial; font-size: 80%; COLOR: #000000; background-color: #f8eaf2;}
#maintextarea {margin: 0px; }

#TopTop {width: 896px; float: left; margin: 0px; border: 0px; padding: 0px; background: url(graphics/topbanner.gif) no-repeat top left; }
#TopTop750 {width: 760px; float: left; margin: 0px; border: 0px; padding: 0px; background: url(topbanner.gif) no-repeat top left; }
#TopLogo {width: 110px; float: left; padding: 5px; }
#TopText {width: 621px; float: left; TEXT-ALIGN: center; FONT-WEIGHT: bold; padding: 0px;}
#TopRCL {width: 106px; float: right; padding: 5px; }
#TopText2 {width: 480px; float: left; TEXT-ALIGN: center; FONT-WEIGHT: bold; padding: 0px;}
#TopRCL  {width: 145px; float: left; padding: 5px;}

#wholepage {width: 896px; float: left; background-color: #FEEBFE; TEXT-ALIGN: center; FONT-FAMILY: Arial, Verdana, Arial, Helvetica, 'Andale Mono'; COLOR: #000000; }
#menucol {width: 120px; float: left; padding: 5px; background-color: #FEEBFE; TEXT-ALIGN: left; FONT-FAMILY: Arial, Verdana, Helvetica, 'Andale Mono'; 
             COLOR: #000000; LINE-HEIGHT: 150%; font-size: 80%; FONT-WEIGHT: normal;}
#textarea {width: 750px; float: left; background-color: #FFFFFF; margin: 0px; border: solid 5px #FEFBFE ; FONT-WEIGHT: normal; 
           FONT-FAMILY: Arial, Verdana, Helvetica, 'Andale Mono'; TEXT-ALIGN: left; COLOR: #000000; LINE-HEIGHT: 138%; font-size: 82%;}

/* Vertical Navigation elements  */
ul a {display: block; text-decoration: none; color: #101010; border-bottom: 2px solid #FFFFFF; }

#ac1 .mainnav .ac1 a,
#cs1 .mainnav .cs1 a,
#who .mainnav .who a,
#benefits .mainnav .benefits a,
#product .mainnav .product a,
#webint .mainnav .webint a,
#kpi .mainnav .kpi a,
#download .mainnav .download a,
#nextsteps .mainnav .nextsteps a,
#support .mainnav .support a,
#reviews .mainnav .reviews a,
#bespoke .mainnav .bespoke a,
#training .mainnav .training a,
#userguide .mainnav .userguide a,
#dbdev .mainnav .dbdev a,
#demo .mainnav .demo a,
#faqs .mainnav .faqs a,
#howtobuy .mainnav .howtobuy a,
#resellers .mainnav .resellers a,
#aboutus .mainnav .aboutus a,
#contact .mainnav .contact a,
#cricket .mainnav .cricket a,
#legalsum .mainnav .legalsum a,
#terms .mainnav .terms a,
#bpm .mainnav .bpm a,
#cpm .mainnav .cpm a,
#crm .mainnav .crm a,
#fam .mainnav .fam a,
#kpi .mainnav .kpi a,
#whatiserp .mainnav .whatiserp a,
#websitesupport .mainnav .websitesupport a,
#ims .mainnav .ims a {color: #FF0000; background-color: #D0F0F0; cursor: default;}


#mcol1 {width: 460px; float: left; TEXT-ALIGN: left; }   
#mcol2 {width: 290px; float: right; TEXT-ALIGN: center; background-color: #FEEBFE; }

#maincol {width: 750px; float: left; TEXT-ALIGN: left;}

#maincolcenter {width: 750px; float: left; TEXT-ALIGN: center; }
#maincolleft {width: 750px; float: left; TEXT-ALIGN: left; margin-left: 15px; }

#col230   {background-color: #FFFFFF; width: 230px; float: left; TEXT-ALIGN: left;}
#col520   {background-color: #FFFFFF; width: 520px; float: left; TEXT-ALIGN: left;}

#mcol345 {background-color: #FFFFFF; width: 345px; float: left; TEXT-ALIGN: left; }
#mcol405 {background-color: #FFFFFF; width: 405px; float: left; TEXT-ALIGN: left; }


#termscol {background-color: #FEFBFE; width: 620px; float: left; TEXT-ALIGN: left; }
#googlecol {background-color: #FEFBFE; width: 130px; float: left; TEXT-ALIGN: right; }


#colleft   {width: 186px; float: left; TEXT-ALIGN: left;}
#colnleft   {width: 30px; float: left; TEXT-ALIGN: left;}
#colcentre {width: 670px; float: left; TEXT-ALIGN: left;}
#colright  {width: 60px; float: right; background-color: #f8eaf2; TEXT-ALIGN: left;}
#col3  {width: 186px; float: right; background-color: #f8eaf2; TEXT-ALIGN: left;}

#colcnt1 {width: 299px; float: left; }
#colcnt2 {width: 299px; float: right; }

#col1 {width: 150px; float: left; background-color: #f8eaf2;}
#col2 {width: 449px; float: left; TEXT-ALIGN: left; background-color: #f8eaf2;}
#col2as {width: 484px; float: left; TEXT-ALIGN: left; background: #f8eaf2 url(ClearSEAs/graphics/ClearSEAssoftwarefaded.gif)  no-repeat center right ;}

#maincol850 {width: 850px; float: left; TEXT-ALIGN: left; }
#narrowgap {width: 7px; float: left; TEXT-ALIGN: left; COLOR: #ffffff;}



#mcol440r {width: 440px; float: right; TEXT-ALIGN: left; }
#mcol290 {width: 290px; float: right; TEXT-ALIGN: left; }

#marq {float: center; TEXT-ALIGN: center; LINE-HEIGHT: 140%; }
#marqarrs {width: 50px; float: center; LINE-HEIGHT: 160%; font-size: 120%; color: #ff0000; FONT-WEIGHT: bold;}

.rcllarge {font-size: 175%; LINE-HEIGHT: 200%; color: #a922a9; }
.rcl {color: #a922a9; }
.bigtext {font-size: 120%;}
.clear 	{clear: both;}

#nis {position: relative; display: none; width: 1px; height: 1px; line-height: 1%; font-size: 1%; }

.sctn   {font-weight: bold; font-size: 12pt; line-height: 16pt;}



/* Old CSS codes  */
.abs		{color: #0000ff; FONT-WEIGHT: bold; }
.cbf		{COLOR: #000000;}
.cblk		{color: #000000;}
.cblue		{color: #0000ff;}
.cdkblue	{color: #00007f;}
.cdkred		{color: #a00000;}
.cgold		{color: #daa520;}
.cgoldyell	{color: #efbc00;}
.cgreen		{color: #008f00;}
.cdkgreen	{color: #005f00;}
.cinvis		{color: #f0f8ff;}
.cinvis2	{color: #f8eaf2;}
.cmauve		{color: #a922a9;}
.cpink		{color: #cc00cc;}
.cred		{color: #ff0000;}
.cbred		{color: #a00000;}

.cbgw 		{width: 730px; background-color: #ffffff;}

.clears		{font-size: 1.3em; color: #ff0000; FONT-WEIGHT: bold; FONT-STYLE: italic; FONT-FAMILY: 'Times New Roman', Verdana, 'Andale Mono', Arial; }
.bld		{FONT-WEIGHT: bold;}
.brght2		{TEXT-ALIGN: center; LINE-HEIGHT: 180%; border-right: 2px solid #FFFFFF; border-top: 2px solid #FFFFFF;}
.btdwnld {position: relative; line-height: 120%; font-size: 100%; FONT-FAMILY: Verdana, Andale Mono, Arial;
	color: #0000ff; font-weight: bold; background-color: #FEEBFE; letter-spacing: 2px; border: 2px solid red; }
.cbgmain	{background-color: #8080C0;}
.cbg	    {background-color: #FEFBFE;}
.cbg1		{background-color: #FEEBFE;}
.cbg4 		{background-color: #f8c6f8;}

.disblk		{display: block;}
.disblkn 	{display: none;}

.div_z		{position: absolute; display: none; width: 0px; height: 0px; background-color: #f8eaf2;
		FONT-FAMILY: Verdana, Arial, Helvetica, 'Andale Mono'; line-height: 125%; font-size: 75%; }

.ff		{FONT-FAMILY: Verdana, Arial, Helvetica, 'Andale Mono';}
.fsz4		{font-size: 50%;}
.fsz5		{font-size: 68%;}
.fsz10		{font-size: 78%;}
.fsz12		{font-size: 86%;}
.fsz100		{font-size: 100%;}
.fsz110		{font-size: 110%;}
.fsz120		{font-size: 120%;}

.googles    {border: 1px solid #0000FF;}
.inputl {COLOR: #000000; BACKGROUND-COLOR: #FCB8B8; FONT-FAMILY: Verdana, Arial, Helvetica, 'Andale Mono'; TEXT-ALIGN: left;}
.inputr {COLOR: #000000; BACKGROUND-COLOR: #FCB8B8; FONT-FAMILY: Verdana, Arial, Helvetica, 'Andale Mono'; TEXT-ALIGN: right;}

.ital		{FONT-STYLE: italic;}
.lh5        {LINE-HEIGHT: 50%;}
.lh10		{LINE-HEIGHT: 110%;}
.lh16		{LINE-HEIGHT: 140%;}
.mainnav {margin: 0; padding: 0; list-style-type: none; }
.marg1      {margin: 60px;}
.marg5      {margin: 5px;}

.nrml		{FONT-WEIGHT: normal;}
.obliq		{font-style: oblique;}
.pw		    {width: 896px; TEXT-ALIGN: center; }
.tdulf		{text-decoration: none;	 }
.ul			{TEXT-DECORATION: underline;}



.div_hd {visibility: hidden; display: none;}
.div_nd {display: none;}
.div_vis {visibility: visible; display: block;}
.div_hdnb {visibility: hidden;}

.pinkdot {FONT-FAMILY: Verdana, Arial, Helvetica, 'Andale Mono'; color: #cc44cc; font-size: 100%; LINE-HEIGHT: 100%; FONT-WEIGHT: bold;}
.pinkarrow {position: relative; top: 2px; FONT-FAMILY: Verdana, Arial, Helvetica, 'Andale Mono'; color: #cc44cc; font-size: 105%; LINE-HEIGHT: 120%;}
.reddot {FONT-FAMILY: Verdana, Arial, Helvetica, 'Andale Mono'; color: #FF0000; font-size: 130%; LINE-HEIGHT: 100%; FONT-WEIGHT: bold;}

.dropshadow	{ position: relative; left: 7px; top: 1px; font-size: 100%; FONT-FAMILY: Verdana, Arial, Helvetica, 'Andale Mono';
	color: #cccccc; font-style: oblique; font-weight: bold;
	letter-spacing: 4px; height: 105%; width: 60px;	}

.buttontext	{	position: relative;
	left: 2px; 	top: -1px;
	font-size: 85%; FONT-FAMILY: Verdana, Arial, Helvetica, 'Andale Mono';
	color: #a00000; font-weight: bold; background-color: #00feae; letter-spacing: 2px;
	height: 105%; width: 140px;	}

.xxx  {	background-color: #aafdfa; }

.bt1	{ position: relative; line-height: 110%; font-size: 125%; FONT-FAMILY: Verdana, Arial, Helvetica, 'Andale Mono';
	color: #a00000; font-weight: bold; text-decoration: none;
	background-color: #f8b8f8; letter-spacing: 1px; }

.bt2	{ position: relative; line-height: 100%; font-size: 95%; FONT-FAMILY: Verdana, Arial, Helvetica, 'Andale Mono';
	color: #0000ff; font-weight: bold; background-color:  #f8c6f8; text-decoration: none;
	letter-spacing: 1px; }

.bt3 {position: relative; line-height: 120%; font-size: 105%; FONT-FAMILY: Verdana, Arial, Helvetica, 'Andale Mono';
	color: #0000ff; font-weight: bold; height: 115%; letter-spacing: 3px; background-color: #aafdfa; }

.bt4 {position: relative; line-height: 140%; font-size: 115%; FONT-FAMILY: Verdana, Arial, Helvetica, 'Andale Mono';
	color: #0000ff; font-weight: bold; height: 115%; letter-spacing: 3px; background-color: #aafdfa; }

.bt5 {position: relative; line-height: 140%; font-size: 65%; FONT-FAMILY: Verdana, Arial, Helvetica, 'Andale Mono';
	color: #0000ff; font-weight: bold; height: 100%; letter-spacing: 3px; background-color: #aafdfa; }


#maincoldemo {width: 750px; height: 605px; float: left; TEXT-ALIGN: left; background: url(graphics/d01000.gif) no-repeat center top ; }
.demodisblk	{position: absolute; display: block;}
.demodisblkn {position: absolute; display: none;}

.demobta1 {position: absolute; top: 72px; left: 140px; width: 80px; color: #a00000; font-weight: bold; text-decoration: none; background-color: #f8b8f8; }
.demobta2 {position: absolute; top: 100px; left: 140px; width: 80px; color: #a00000; font-weight: bold; text-decoration: none; background-color: #f8b8f8; }
.demobta3 {position: absolute; top: 72px; left: 805px; width: 80px; color: #a00000; font-weight: bold; text-decoration: none; background-color: #f8b8f8; }
.demobta4 {position: absolute; top: 100px; left: 805px; width: 80px; color: #a00000; font-weight: bold; text-decoration: none; background-color: #f8b8f8; }
.demoreturn {position: absolute; top: 72px; left: 795px; }

.demonarr0 {position: absolute; top: 70px; left: 350px; width: 535px;}
.demonarr1 {position: absolute; top: -4px; left: 100px; width: 535px;}

.demopos0 {position: absolute; top: 133px; left: 140px;}
.demopos1 {position: absolute; top: 61px; left: 0px;}
.demoposlist {position: absolute; top: 146px; left: 10px;}
.demoposdetail {position: absolute; top: 246px; left: 10px;}
.demoposdetailup {position: absolute; top: 216px; left: 10px;}
.demoposdetaildown {position: absolute; top: 400px; left: 10px;}