
/* navigation */

.navigation {
	background-color: transparent;
	font-size:  8pt;
	font-family: Arial;
	color: #ffffff;
	border-color: #DFEEF7 #CFDEE7;
	height: 18px;
}
.navigation a {
	background-color: transparent;
	color: #ffffff;
	display: block;
	float: left;
	font-size:  8pt;
	font-family: Arial;
	line-height: 24px;
	padding: 0  21px;
	text-decoration: none;
}
.navigation a:hover {background-position: left bottom; color: #00ffff;}

.container {
   background-color: transparent;
   font-size:  8pt;
   font-family: Arial;
   padding: 0 0 0 0;
}

/*end of navigation*/



/* CML Web Layout Stylesheet */

.red   {
        color: #ff0000 ;
    }

body    {
    margin-top: 0px ;
    margin-left: 1px ;
    background-color: #ffffff ; /* background color added to help with coloured browsers */
    font-family: Arial ;
}

body a {
    	text-decoration: none;
    	font-family: Arial;
    	color: #0066cc;
}


body a:hover {
     	color: black;
}

h2  {

    font-family: Arial;
}


h3  {

    font-family: Arial;
}

h4  {

    font-family: Arial;
}

h5  {

    font-family: Arial;
}

h6  {

    font-family: Arial;
}

/* horizontal menu bar information below -not currently in use - remove when new home page is fitted */

.horizontalMenu {
    display: inline;
    list-style-type: none;
    padding-right: 40px;
    text-decoration: none;
}

.horizontalMenu a {
    text-decoration: none;
}

.horizontalMenu a:hover {
    text-decoration: underline;
}

/* horizontal menu bar information above -not currently in use*/


/* New August 2007 horizontal menu below */

#menuresource ul   {
  margin: 0;
  padding-left: 4px;
  list-style: none;
  }

  #menuresource li  {
    display: inline ;
    margin: 2px;
    padding-left: 2px;
    padding-right: 3px;
    font-weight: normal ;
    font-family: Arial, Tahoma, sans-serif ;
    font-size: 8pt ;
	color: white ;
  }

  #menuresource     {
    padding-right: 5px ;
    padding-top: 2px ;
  }

 #menuresource a {
			font-family: Arial;
			font-size:   8pt;
			color: white;
			text-align: center;
			text-decoration: none;
			line-height: 17px;
}

#menuresource a:hover {
			font-family: Arial;
			font-size:   8pt;
			color: #66ccff ;
			text-align: center;
			text-decoration: none;
			line-height: 17px;
}
/* New August 2007 horizontal menu above */


.TopMenuMenuItem a {
			font-family: Arial;
			font-size:   8pt;
			color: white;
			text-align: center;
			text-decoration: none;
			line-height: 17px;
}


.TopMenuMenuItem a:hover {
			font-family: Arial;
			font-size:   8pt;
			color: #66ccff ;
			text-align: center;
			text-decoration: none;
			line-height: 17px;
}

.HomeSideMenuTitle {
			font-family: Tahoma, sans-serif ;
			font-size:   8pt;
			font-weight: normal;
			xmargin-top:5px ;
            padding-bottom: 1px;
			padding-left: 3px;
			color: black;
			text-align: left;
			line-height: 10px;
			/* width: 125px; removed for search functions */
}

/* Search menu Radio Button text (below) */

.SearchSideMenuItem {
			font-family: Tahoma;
			font-size:   8pt;
			color: black;
			text-align: left;
			line-height: 12px;
			padding-left: 3px;
			/* removed for search functions width: 110px; */
}

/* Search menu Radio Button text (above) */

.HomeSideMenuItem {
			font-family: Tahoma;
			font-size:   8pt;
			color: #333;
			text-align: left;
			line-height: 10px;
			padding-left: 3px;
			width: 135px;
}

.MenuSpacing {
			margin-bottom: 8px;
}

.MenuSpacingLight {     /* this light link color is to low-lite the Mature products */
			margin-bottom: 8px ;
			color: #999999  ;
}

/* HomeSideMainMenu */


.HomeSideMenuBackground {

			background-color: white;

}

.HomeSideMainMenuItem a {
			font-family: Tahoma, sans-serif;
			font-size:   8pt;
			color: "#0088c8";
			text-decoration: none;
			padding-left: 5px;
			width: 170px;
}

.HomeSideMainMenuItem a:hover {
			font-family: Tahoma, sans-serif;
			font-size:   8pt;
			color: black;
			text-decoration: none;
}

/* below are the codes for general 'Main Frame Tables */

.tableTitle {
		font-family: Arial;
		font-size: 12px;
		font-weight: bold;
		color: black;
		text-align: left;
		padding: 0px 0px 0px 4px
}

.tableElement {
		font-family: Arial;
		font-size: 12px;
		font-weight: normal;
		color: #666666;
		text-align: left;
		padding: 0px 0px 0px 4px
}

.prodTitleBox {
		padding-left: 2px;
		font-family: Arial;
    	color: black;
    	font-size: 20pt;
    	font-weight: bold;
}

 /* above are the codes for general 'Main Frame Tables */


 /* below are the codes for general 'General Press Releases and FAQ' pages */

   .pressFlashBox {  /*also used for major page headlines */
		font-family: Arial;
		font-size: 30px;
		color: #999999;
		font-weight: bold;
		text-align: left;
		padding: 0px 0px 0px 0px;
}

  .pressTitleBox {
		font-family: Arial;
		font-size: 16px;
		color: black;
		font-weight: bold;
		text-align: left;
		padding: 5px 0px 0px 0px;
}

 .pressDescriptionBox {
		font-family: Arial;
	    font-size: 9pt ;
		color: #333333;
		text-align: left;
		padding: 7px 0px 0px 3px;
}

  /* above are the codes for general 'General Press Releases */


/* Small Horizontal rule below */

.smHR   {
width: 25px;
color: red;
}

/* Small Horizontal rule above */


  /* below are the codes for the 'Corporate Section Pages*/

.corpInfoBox {
		font-family: Arial;
		font-size: 12px;
		color: black;
		padding: 7px 0px 0px 0px;
		line-height: 20px;

}

.corpInfoBoxHeading {
		font-family: Arial;
		font-weight: bold;
		font-size: 12px;
		color: black;
		padding: 7px 0px 0px 0px;
		line-height: 20px;

}

  /* above are the codes for the 'Corporate Section Pages*/


.menuBorder {
		width:115px;
		padding: 4px;
		margin-top:4px;
		border: solid #666666 1px;
}


/* below are the codes for the 'Home page topic boxes'*/

.homeLeftTopicBox {
		position: relative;
		left: -6px;
		width: 408px;
		height: 99px;
		border: 1px solid #999999;
		padding: 4px;
		font-family: Arial;
		font-size: 11px;
		color: black;
		text-align: left;
}

.topicImagePad {
		Margin-right: 5px;
}

.topicBoxHeading {
		font-family: Arial;
		font-size: 11px;
		font-weight: bold;
		padding-bottom: 0px;
}

.homeRightTopicBox {
		xposition: relative;
		xright: 28px;
		width: 415px;
		height: 102px;
		border: 1px solid #999999;
		padding: 4px;
		font-family: Arial;
		font-size: 11px;
		color: black;
		text-align: left;
}

.topicLeftBorder {
		border-left: 1px solid #999999;
		padding-left: 5px;
		margin: 2px
}

.homeTopicWideBox {
		position: relative;
		right: 4px;
		width: 860px;
		height: 160px;
		border: 1px solid #999999;
		padding: 2px;
		font-family: Arial;
		font-size: 11px;
		color: black;
		text-align: left;
		margin-top: 7px;
}

/* newdesign box area below */

#newHomeHeadBox {
		width: 870px;
		height: 100px;
		background-image: url(http://www.cmlmicro.com/menus/images/Welcome_Head.jpg) ;
		background-repeat: no-repeat ;
    }

#newTopBox {
		float: right;
		width: 696px;
		height: 234px;
		xborder: 1px solid #999999;
		background-image: url(http://www.cmlmicro.com/images/trial/TopBoxStatic.gif) ;
		background-repeat: no-repeat ;
		font-family: Arial ;
		font-size: 11px ;
		color: black ;
		text-align: left ;
}

#newSearchBox {
			position: relative ;
			top: 73px ;
			left: 5px ;
            xfloat: right ;
            font-family: Tahoma;
			font-size: 8pt;
			color: black;
			text-align: left;
			xmargin: 50px 40px 0px 0px ;
}

/* newdesign search box area above */



/* newdesign wide topic area below */

.newTopicWideBox {
		position: relative;
		width: 860px;
		height: auto;
        font-family: Arial;
		font-size: 11px;
		color: black;
		text-align: left;
		margin-top: 20px;
		margin-left: 12px ;
}

.smallTopicBox li {
		padding: 0px ;
        list-style-type: square ;
        xlist-style-position: outside;
}

.smallTopicBox b {
		font-size: 11px;
		color: #ffffff;
		text-align: center ;
}

.smallTopicBox img {
		margin-top: 8px ;
}

.smallTopicBox {
		float: left ;
		width: 190px ;
		height: 190px;
		border: 0.1em solid #cccccc ;
		background-image: url(http://www.cmlmicro.com/images/smallbar.gif) ;
		background-repeat: repeat-x ;
		padding: 6px 4px 4px 2px;
		font-family: Arial;
		font-size: 11px;
		color: black;
		text-align: left;
		margin: 2px 0px 2px 14px ;
}

.xsmallRightTopicBox {
		float: right ;
		width: 190px;
		height: 190px;
		border: 1px solid #999999 ;
		padding: 4px;
		font-family: Arial;
		font-size: 11px;
		color: black;
		text-align: left;
		xmargin: 2px 3px 2px 3px ;
}

.floatLeft   {
    float: left ;
    margin: 0px 2px 0px 0px ;
}

.floatRight   {
    float: right ;
    margin: 0px 0px 0px 2px ;
}

.topicBoxText {
    margin-top: 4px ;
}

/* newdesign wide topic area above */


.topicMainListItem {
		font-family: Verdana;
		font-size:   8pt;
		color: black;
		text-align: left;
		line-height: 18px;
		padding-left: 50px;
}

.topicBoxElement {
		font-family: Arial;
		font-size: 9px;
		font-weight: normal;
		color: #333333;
		text-align: left;
}


.employImageBackground {
        width: 678px;
        height: 448px;
        background-image: url(/employ/images/jobsmain.jpg);
}



/*start of CSS for the scroller*/

#pscroller1{
    width: 415px;
    height: 101px;
    border: 1px solid #999999;
    padding: 2px;
    position: relative;
    xbackground-color: lightyellow;
}

.someclass {
        xposition: relative;
        xfloat: right ;
        font-family: Verdana;
		font-size:   8pt;
		color: black;
		text-align: left;
		line-height: 15px;
		padding-left: -50px;
}

/*end of CSS for the scroller*/


/* start of list styles for search pages*/

li      {
        /* list-style-type: disc; */
        font-family: Arial;
		font-weight: normal;
		font-size: 11px;
		color: #333333;
		padding: 5px 0px 0px 0px;
		line-height: 15px;
}

ul.inside
    {
    list-style-position: inside;
	margin-left: 18px ;
    }

ul.outside
    {
    list-style-position: outside;
	margin-left: 18px ;
    }


/* end of list styles for search pages*/

/*start of portal codes*/

.portalbox {
    padding: 10px ;
    margin-top: 20px ;
    margin-left: 5px ;
    border-width: 1px ;
    border-style: solid ;
    border-color: #0073C6 ;
    width: 90% ;
    height: auto ;
    font-family: Arial;
	font-size: 12px;
	color: black;
}

/*end of portal codes*/

/*start of hyperstone styles*/

/* below maybe not needed */ 
#hypTop {
    height: 90px ;
    width: 870px ;
    padding-top: 2px ;
    padding-left: 4px ;
    border-width: 1px ;
    border-color: #ffffff ;
    background-color: #c0c0c0 ;
}
/* above maybe not needed */

#hypContainer {
   background-color: 000000;
   width: 869px ;
   height: auto ;
   border-width: 1px ;
   border-color: #09f ;
   border-style: solid ;
}

#hypTopContainer {
   background-color: #ffffff;
   width: 660px ;
   height: 50px ;
   border-width: 1px ;
   xborder-color: #09f ;
   border-color: #ffffff ;
   border-style: solid ;
   margin-bottom: 18px ;
   text-align: left ;
   font-family: Arial ;
   font-size: 12px ;
}

#hypRightContainer {
   background-color: #ffffff;
   width: 670px ;
   float: right ;
   height: 130px ;
   border-width: 1px ;
   xborder-color: #09f ;
   border-color: #ffffff ;
   border-style: solid ;
   margin-right: 4px ;
   text-align: left ;
   font-family: Arial ;
   font-size: 12px ;
}

#hypRightContainer img  {
    margin-right: 5px ;
}

#hypLeftContainer {
   background-color: #ffffff;
   width: 670px ;
   float: left ;
   height: 161px ;
   border-width: 5px ;
   xborder-color: #09f ;
   border-color: #ffffff ;
   border-style: solid ;
   text-align: left ;
   font-family: Arial ;
   font-size: 12px ;
}

#hypleftContainer img  {
    margin-left: 5px ;
}
/*end of hyperstone styles*/


/* promotional directory information below */

.clear  {
clear: both ;
}

#promoContainer {
   xbackground-color: 000000;
   background-image: url("../promo/images/thinHdStrip.gif") ;
   width: 870px ;
   height: auto ;
   border-width: 1px ;
   border-color: #09f ;
   border-style: solid ;
   margin: 0px auto 0px auto ;
}

#promoTopContainer {
   background-image: url("../promo/images/BluePixel.jpg") ;
   width: 700px ;
   height: 140px ;
   border-width: 1px ;
   padding: 8px ;
   border-color: #09f ;
   border-color: #ffffff ;
   border-style: none ;
   text-align: left ;
   font-family: Arial ;
   font-size: 12px ;
   color: #993300 ;
   margin: 12px auto 12px auto ;
}

.promoLeftFloat {
   background-color: #ffffff;
   width: 666px ;
   float: left ;
   height: auto ;
   margin-left: 10px ;
   padding: 4px ;
   border-width: 1px ;
   border-color: #09f ;
   xborder-color: #ffffff ;
   border-style: solid ;
   text-align: left ;
   font-family: Arial ;
   font-size: 12px ;
}

.promoRightFloat {
   background-color: #ffffff;
   width: 666px ;
   float: right ;
   height: auto ;
   margin-right: 10px ;
   padding: 4px ;
   border-width: 1px ;
   border-color: #09f ;
   xborder-color: #ffffff ;
   border-style: solid ;
   text-align: left ;
   font-family: Arial ;
   font-size: 12px ;
}

.promoLeftFloat b, .promoRightFloat b  {
   color: #003399 ;
}


#rightFloatImage {
    float: right ;
    width: 100px ;
    height: 100px ;
    background-color: white ;
}

.imageBox {
    width: auto ;
    height: auto ;
    margin-top: 20px ;
    margin-left: 20px ;
}

/* promotional directory information above */


/* HomePage Trial coding below */


#mainContainer { /* the main page container with outline */
   margin-top: 4px ;
   margin-left: 0px ;
   xmargin-right: auto ;
   background-color: #015385 ;
   width: 870px ;
   height: 760px ;
   border-left-width: 1px ;
   border-left-color: #e0e0e0 ;
   border-left-style: solid ;
}

#headContainer { /* the head image container with top outline */
   background-color: #fff;
   width: 870px ;
   height: 100px ;
   xmargin-bottom: 0px ;
   xborder-width: 1px ;
   xborder-color: #015385 ;
   xborder-style: solid ;
}

#menuContainer   { /* the box holding the menu bar */
    width: 869px ;
    height: 5px ;
    padding-top: 5px ;
    }

#subMainContainerLeft   {   /* the box holding all left-handtopics/animations after the head/menu bars */
    float: left ;
    width: 632px ;
    height: 552px ;
    background-color: white ;
    xpadding: 0px 0px 5px 7px ;
    padding: 0px 0px 0px 0px ; /* left and bottom padding changed to allow menu at bottom */
    xmargin-top: 10px ;
    xborder-width: 1px ;
    xborder-color: red ;
    xborder-style: solid ;
}

#bottomLeftMenu { /* menu at the bottom of page to try to get Google to set SiteLinks */
    background-color: #015385 ;
    font: 9pt normal Arial san-serif ;
    padding: 10px 4px 0px 4px ;
    }
    
            #resource ul   {
            margin: 0;
            list-style: none ;
                }

            #resource li  {
            display: inline ;
            margin-left: 13px ;
	        color: white ;
                }
                
            #resource li a {
            	text-decoration: none;
            	font-family: Arial;
            	color: white;
                }

            #resource li a:hover {
     	      color: #33ffff ;
                }
                
    /* end of menu at the bottom of page to try to get Google to set SiteLinks */



#subMainContainerRight   {   /* the box holding all right-hand text after the head/menu bars */
    float: right ;
    padding: 0px 5px 0px 0px ;
    background-color: #015385 ;
    width: 215px ;
    height: 538px ;
    font-family: Arial, san-serif ;
    font-size: 10px ;
    font-weight: bold ;
    color: #ffffff ;
    line-height: 13px ;
    }

            #subMainContainerRight hr   {   /* Horizontal Rules in the right-hand area only */
                height: 2px ;
                width: 70px ;
                color: #e0e0e0 ;
                margin-top: 5px ;
            }
            
            #subMainContainerRight b { /* the bold text within the subMainContainerRight */
                color: #fff ;
                font-weight: bold ;
                font-size: 12px ;
                padding-left: 0px ;
                }

            #subMainContainerRight a:link { /* the link text within the subMainContainerRight */
                color: #fff ;
                text-decoration: none ;
                    }
                    
            #subMainContainerRight a:visited { /* the visited text within the subMainContainerRight */
                color: #f90 ;
                text-decoration: none ;
                    }

            #subMainContainerRight a:hover { /* the hover text within the subMainContainerRight */
                color: #6cf ;
                text-decoration: underline ;
                    }

#rightLinksContainer    { /* the box holding the right-hand area side-links */
    width: 205px ;
    xmax-height: 130px ;
    height: 130px ;
    xborder-style: solid ;
    xborder-width: 1px ;
    xborder-color: #e0e0e0 ;
    padding: 1px 0px 2px 0px ;
    margin: 5px 0px 0px 0px ;
        }
        
            #rightLinksContainer b { /* the bold text within the rightLinksContainer */
                margin-left: 10px ;
                color: #fff ;
                font-family: Tahoma, sans-serif ;
                font-weight: bold ;
                font-size: 10px ;
                line-height: 18px ;
                    }

            #rightLinksContainer a:link { /* the link text within the rightLinksContainer */
                color: #fff ;
                text-decoration: none ;
                    }

            #rightLinksContainer a:visited { /* the visited text within the rightLinksContainer */
                color: #f90 ;
                text-decoration: none ;
                    }

            #rightLinksContainer a:hover { /* the hover text within the rightLinksContainer */
                color: #6cf ;
                text-decoration: underline ;
                    }
                    
            #rightFormBox    { /*the area to hold the Search Function bits on the Home Page*/
                width: 215px ;
                height: auto ;
                margin-bottom: 10px ;
                font-family: Tahoma, sans-serif ;
                color: #fff ;
                font-style: normal ;
                font-size: 10px ;
                xborder-style: solid ;
                xborder-width: 1px ;
                xborder-color: #fff ;
            }
         


/* All Flag bits below are currently not used as the flags are now in the menu bar -
this may be deleted when new Home page is loaded*/

#flagBox   {            /* the box holding the flags at the top of the right hand bar */
    margin-left: 7px ;
    width: 197px ;
    height: 55px ;      /* this parameter adds space to the text below */
}

#spFlagBox   {   /* the box holding the spanish flag at the top of the right hand bar */
    xbackground-color: #ffffff ;
    float: left ;
    width: 50px ;
    height: 30px ;
    padding-left: 14px ;
}

#chFlagBox   {   /* the box holding the Chinese flag at the top of the right hand bar */
    xbackground-color: #ffffff ;
    float: left ;
    width: 50px ;
    height: 30px ;
    padding-left: 14px ;
}

#brFlagBox   {   /* the box holding the British flag at the top of the right hand bar */
    xbackground-color: #ffffff ;
    float: left ;
    width: 50px ;
    height: 30px ;
    padding-left: 14px ;
}
/* All Flag bits above are currently not used as the flags are now in the menu bar -
this may be deleted when new Home page is loaded*/


#animateContainer   {    /* the box that holds the animation codes */
    background-color: white ;
    float: left ;
    width: 625px ;
    height: 162px ;
    xmargin-top: 22px ;
    xpadding-top: 3px
    xborder-width: 1px ;
    xborder-color: red ;
    xborder-style: solid ;
    xbackground-color: black ;
}

.topicLevelContainer   {    /* the box that holds each of the three topic boxes */
    background-color: #fff ;
    xfloat: left ;
    width: 630px ;
    height: 131px ;
    font-family: Arial, sans-serif ;
    font-size: 11px ;
    font-weight: normal ;
    text-align: left ;
    xpadding-left: 2px ;
    xborder-width: 1px ;
    xborder-color: red ;
    xborder-style: solid ;
    xbackground-color: pink ;
    margin-right: 2px ;
}

.topicContainer   {    /* topic box with no borders */
    float: left ;
    background-color: #fff ;
    width: 198px ;
    height: 129px ;
    xfont-family: Arial, sans-serif ;
    xfont-size: 6px ;
    xfont-weight: normal ;
    xmargin-top: 3px ;
    xpadding-top: 1px ;
    xborder-right-width: 1px ;
    xborder-right-color: #fff ;
    xborder-right-style: solid ;
    padding-left: 3px ;
    padding-right: 3px
}

.rbTopicContainer   {    /* topic box with right and bottom borders */
    float: left ;
    background-color: #fff ;
    width: 198px ;
    height: 129px ;
    xfont-family: Arial, sans-serif ;
    xfont-size: 11px ;
    xfont-weight: normal ;
    xmargin-top: 3px ;
    xpadding-top: 4px ;
    border-right-width: 1px ;
    border-right-color: #e0e0e0 ;
    border-right-style: solid ;
    border-bottom-width: 1px ;
    border-bottom-color: #e0e0e0 ;
    border-bottom-style: solid ;
    color: black ;
    padding-left: 0px ;
    padding-right: 0px ;
}

.bTopicContainer   {    /* topic box with bottom border */
    float: left ;
    background-color: #fff ;
    width: 198px ;
    height: 129px ;
    xfont-family: Arial, sans-serif ;
    xfont-size: 11px ;
    xfont-weight: normal ;
    border-bottom-width: 1px ;
    border-bottom-color: #e0e0e0 ;
    border-bottom-style: solid ;
    padding-left: 0px ;
    padding-right: 0px
}

.rTopicContainer   {    /* topic box with right border */
    float: left ;
    background-color: #fff ;
    width: 198px ;
    height: 129px ;
    xfont-family: Arial, sans-serif ;
    xfont-size: 11px ;
    xfont-weight: normal ;
    xmargin-top: 3px ;
    xpadding-top: 1px ;
    border-right-width: 1px ;
    border-right-color: #e0e0e0 ;
    border-right-style: solid ;
    padding-left: 0px ;
    padding-right: 0px
}


/* inside the topic boxes - start */

.homeTopicImage  {
    width: auto ;
    height: 50px ;
    margin-left: 10% ;
    margin-right: 10% ;
    margin-top: 2px ;
}

.homeTopicText  {
    margin-left: 6px ;
    margin-right: 6px ;
    text-align: center ;
    font-family: Arial, sans-serif ;
    font-size: 11px ;
    font-weight: normal ;
    margin-top: 6px ;
}

            .homeTopicText a:link { /* the topic link text*/
                color: #000 ;
                text-decoration: none ;
                    }

            .homeTopicText a:visited { /* the topic link text*/
                color: #000 ;
                text-decoration: none ;
                    }

            .homeTopicText a:hover { /* the topic link text*/
                color: #015385 ;
                text-decoration: none ;
                    }

.homeTopicText b  {
    text-align: center ;
    font-size: 13px ;
}

/* inside the topic boxes - end */


#footBoxContainer   { /* the box holding the footer bar */
    clear: both ;
    xbackground-color: #015385 ;
    width: 850px ;
    height: 25px ;
    padding-left: 15px ;
    padding-top: 6px ;
    font-family: Tahoma, san-serif ;
    font-size: 10px ;
    font-weight: normal ;
    color: #ffffff ;
}

            #footBoxContainer b { /* the bold text within the rightLinksContainer */
                margin-left: 10px ;
                color: #fff ;
                font-family: Tahoma, sans-serif ;
                font-weight: bold ;
                font-size: 10px ;
                line-height: 18px ;
                    }

            #footBoxContainer a:link { /* the link text within the rightLinksContainer */
                color: #fff ;
                text-decoration: none ;
                    }

            #footBoxContainer a:visited { /* the visited text within the rightLinksContainer */
                color: #f90 ;
                text-decoration: none ;
                    }

            #footBoxContainer a:hover { /* the hover text within the rightLinksContainer */
                color: #6cf ;
                text-decoration: underline ;
                    }

/* HomePage Trial coding above */


/* More Dec 07 Framed Indexes Trial coding below */

#frameMainContainer { /* the Frame main page container with outline  -  MODIFIED FOR HEIGHT DURING TESTS (26/
002/08 */
   margin-top: 2px ;
   background-color: #fff ;
   width: 870px ;
   height: 4000px ;
   xheight: 100% ;
   border-width: 0px ;
   border-color: #e0e0e0 ;
   border-style: solid ;
}

#frameContainerLeft   {   /* the box holding the left-hand frame after the head/menu bars */
    float: left ;
    padding: 15px 0px 0px 5px ;
    background-color: #fff ;
    width: 170px ;
    height: 100% ;
    xheight: 4000px ;
    xfont-family: Arial, san-serif ;
    xfont-size: 10px ;
    xfont-weight: bold ;
    xcolor: #000 ;
    xline-height: 13px ;
    margin-top: 7px ;
    xborder-width: 1px ;
    xborder-color: #E8E8E8 ;
    xborder-style: solid ;
    }

#frameContainerRight   {   /* the box holding the right-hand frame after the head/menu bars */
    float: right ;
    width: 680px ;
    height: 100% ;
    margin-top: 2px ;
    xbackground-color: #fff ;
    padding: 12px 5px 0px 0px ;
    xborder-width: 1px ;
    xborder-color: #E8E8E8 ;
    xborder-style: solid ;
}

#frameContainerContents   {   /* the box holding the contents (Search.asp) area in the left-hand frame after the head/menu bars */
    float: left ;
    padding: 15px 0px 0px 5px ;
    background-color: #fff ;
    width: 169px ;
    height: 50px ;
    xborder-width: 1px ;
    xborder-color: #E8E8E8 ;
    xborder-style: solid ;
    }
    
#frameContainerResults   {   /* the box holding the results (Search.asp) area in the left-hand frame after the head/menu bars */
    float: left ;
    padding: 10px 0px 0px 5px ;
    background-color: #fff ;
    width: 169px ;
    xheight: auto ; /* this function switched off to allow scrolling on both Mozilla and IE */
    xborder-width: 1px ;
    xborder-color: #E8E8E8 ;
    xborder-style: solid ;
    }

#looseFrameMainContainer { /* the Frame main right-hand insert page container - only on the list page  */
   margin-top: 2px ;
   xmargin-left: auto ;
   xmargin-right: auto ;
   background-color: #fff ;
   width: auto ;
   height: 4000px ;
   xheight: auto ;
}

/* Dec 07 Framed Indexes Trial coding above */


/* Start of New (December 2007) basic container codes */

.redfeaturesBox {
	font-family: Arial;
	font-size: 9px;
	color: red ;
	line-height: 15px ;
	padding-left: 5px;
}

#basicContainer {
   background-color: #fff ;
   width: 98% ;
   height: 100% ;
   xheight: auto ;
   margin-top: 3px ;
   xborder-width: 1px ;
   xborder-color: #09f ;
   xborder-style: solid ;
}

#smallCenterContainer { /* this container is a centered box for Innovations Main Page Text */
   background-color: #fff ;
   height: auto ;
   margin-left: 90px ;
   margin-right: 90px ;
   margin-top: 90px ;
   font-family: Tahoma, Arial, sans-serif ;
   font-size:  10pt ;
   color: #333333 ;
   xborder-width: 1px ;
   xborder-color: #09f ;
   xborder-style: solid ;
}

.basicWideContainer { /* this container is full width and is available to form an envelope
around two smaller containers */
   background-color: #fff ;
   width: 650px ;
   height: auto ;
   margin-top: 3px ;
   font-family: Tahoma, Arial, sans-serif ;
   font-size:  9pt ;
   color: #333333 ;
   xborder-width: 1px ;
   xborder-color: #09f ;
   xborder-style: solid ;
}

.basicSmallContainerRight {
   float: right ;
   background-color: #fff ;
   width: 49% ;
   height: auto ;
   margin: 10px 2px 0px 0px ;
   font-family: Tahoma, Arial, sans-serif ;
   font-size:  8pt ;
   color: #333333 ;
   font-style: normal ;
   xborder-width: 1px ;
   xborder-color: #09f ;
   xborder-style: solid ;
}

.basicSmallContainerLeft {
   float: left ;
   background-color: #fff ;
   width: 49% ;
   height: auto ;
   margin: 10px 0px 0px 2px ;
   font-family: Tahoma, Arial, sans-serif ;
   font-size:  8pt ;
   color: #333333 ;
   font-style: normal ;
   xborder-width: 1px ;
   xborder-color: #09f ;
   xborder-style: solid ;
}

        .basicSmallContainerLeft h1, h2, h3, h4 {
            font-family: Arial ;
            color: #000099 ;
            margin: 0px 0px 0px 0px ;
}


/* End of New (December 2007) basic container codes */


/* Start of New (December 2007) Landing page codes */

#homeLandTopContainer {
   background-color: #fff ;
   width: 98% ;
   height: auto ;
   height: 100% ;
   font-family: Tahoma, san-serif ;
   font-size: 12px ;
   font-weight: normal ;
   color: black ;
   xmargin-top: 5px ;
   xborder-width: 1px ;
   xborder-color: #09f ;
   xborder-style: solid ;
    }
    
#homeLandTopImageContainer {
   float: left ;
   width: 100px ;
   xheight: 100px ;
   margin-right: 5px ;
   xborder-width: 1px ;
   xborder-color: #09f ;
   xborder-style: solid ;
    }
    
#homeLandToptextContainer {
   float: right ;
   background-color: #fff ;
   width: 78% ;
   height: 100% ;
   margin-left: 10px ;
   xborder-width: 1px ;
   xborder-color: #09f ;
   xborder-style: solid ;
    }

#homeLandToptextContainer h2  {
    margin-bottom: 1px ;
    color: #000099 ;
    }

.homeLandBottomtextContainer {
    background-color: #fff ;
    width: 100% ;
    height: auto ;
    font-family: Tahoma, san-serif ;
    font-size: 12px ;
    font-weight: normal ;
    color: black ;
    }

/* End of New (December 2007) Landing page codes */


/* Basic table information below */

.basicTable  {
    width: 95% ;
    background-color: #00000 ;
    font-family: Tahoma ;
	font-size:  8pt ;
    color: #33333 ;
    font-style: normal ;
    }

        .basicTable td  {
            width: 10% ;
            border-width: 1px ;
            border-color: #99ccff ;
            border-style: solid ;
            padding-bottom: 4px ;
            padding-top: 4px ;
            padding-left: 4px ;
            margin: 10px ;
            text-align: center ;
    }
            
        .basicTable caption  {
            color: #000099 ;
            text-align: left ;
            font-size:  11pt ;
            font-weight: bold ;
    }

/* Basic table information above */


/* start of landing page styles Products: CMX7143 only */


/* below maybe not needed can be deleted in December 2007 */
#landTop {
    height: 90px ;
    width: 870px ;
    padding-top: 2px ;
    padding-left: 4px ;
    border-width: 1px ;
    border-color: #ffffff ;
    background-color: #c0c0c0 ;
}
/* above maybe not needed can be deleted in December 2007 */

#landContainer {
   background-color: 000000;
   width: 869px ;
   height: 600px ;
   border-width: 1px ;
   border-color: #09f ;
   border-style: solid ;
}

#landTopContainer {
   background-color: #ffffff;
   width: 660px ;
   height: 50px ;
   border-width: 1px ;
   xborder-color: #09f ;
   border-color: #ffffff ;
   border-style: solid ;
   margin-bottom: 28px ;
   text-align: left ;
   font-family: Arial ;
   font-size: 12px ;
}

#landRightContainer {
   background-color: #ffffff;
   width: 800px ;
   float: right ;
   height: 130px ;
   xborder-style: solid ;
   margin-right: 24px ;
   text-align: left ;
   font-family: Arial ;
   font-size: 12px ;
}

#landRightContainer img  {
    margin-right: 5px ;
}

#landLeftContainer {
   background-color: #ffffff;
   width: 670px ;
   float: left ;
   height: 161px ;
   border-width: 5px ;
   xborder-color: #09f ;
   border-color: #ffffff ;
   border-style: solid ;
   text-align: left ;
   font-family: Arial ;
   font-size: 12px ;
}

/*end of landing page styles*/


.RogHomeSideMenuTitle { /* this is a trial script for a new products page layout */
			font-family: Arial;
			font-size:   8pt;
			font-weight: bold;
			margin-top: 5px ;
            padding-bottom: 1px;
			padding-left: 3px;
			color: black;
			text-align: left;
			line-height: 18px;
			/* width: 125px; removed for search functions */
}

#prodmenuContainer {
    width: 165px ;
    height: auto ;
    background-color: gray ;
}


/* list page codes below */

    #listPageBorder {
        border-style: ridge ;
        border-color: #0066ff ;
        border-width: 1px ;
        width: 650px ;
        height: auto ;
        padding-top: 3px ;
    }
    
            #listPageBorder ul {
                padding-left: 3px ;
            }

/* list page codes above */










