/* Major Properties */

body {
	text-align: center;
	font-family: Geneva, Arial, Helvetica, san-serif;
	color:#FFFFFF;
	list-style-position: outside;
	list-style-type: circle;
	background-color: #000066;
	background-attachment: fixed;
	background-image: url(../images/main/cbe_bg_grad.gif);
	background-repeat: repeat-x;
	}
	
#wrapperdefault {
	margin: 0 auto;
	text-align: left;
	padding: 0px;
	width: 851px;
	voice-family: "\"}\"";
	voice-family:inherit;
	}

/* Default wrapper heading*/	
#wrapper {
	margin: 0 auto;
	text-align: left;
	padding: 0px;
	width: 950px;
	height: 100%;
	voice-family: "\"}\"";
	voice-family:inherit;
	/*overflow: hidden;*/
	}

/* ******* bgImage : HAS BG IMAGE INSIDE ******** */

#bgimage {
	position:fixed;
	width:340px;
	height:629px;
	top: 0px;
	left: 15%;
	right: 0px;
	bottom: auto;
	background-image: url(../images/shared/cbe_blur_02.gif);
	background-repeat: no-repeat;
 	/*overflow: auto;*/
	}

/* Main Headings */
	
h1 {
	margin:0px;
	padding:4px 0px 4px 12px;
	font-size:20px;
	line-height:22px;
	font-weight:500;
	color:#FFFFFF;
	}
		
.h1b {
	margin:0px;
	padding:4px 0px 4px 0px;
	font-size:20px;
	line-height:22px;
	font-weight:500;
	color:#FFCC00;
	}
		
h3 {
	margin:0px;
	padding:4px 0px 4px 12px;
	font-size:14px;
	line-height:17px;
	font-weight:900;
	color:#99CCFF;
	}
	
h4 {
	margin:0px;
	padding:4px 0px 4px 12px;
	font-size:14px;
	line-height:16px;
	font-weight:600;
	color:#99CCFF;
	}
	
h5 {
	margin:0px;
	padding: 4px 0px 4px 12px;
	font-size:13px;
	line-height:17px;
	font-weight:600;
	color:#99CCFF;
	}
.h5Dk {
	margin:0px;
	padding: 4px 0px 4px 12px;
	font-size:13px;
	line-height:17px;
	font-weight:600;
	color:#006;
	}
	
h6 {
	margin:0px;
	padding: 4px 0px 4px 12px;
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size:12px;
	line-height:15px;
	font-weight: 600;
	color:#FFFFFF;
	}

p {
	margin:0px;
	padding:4px 0px 4px 12px;
	font:11px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	}
	
ul {
	margin:0px 0px 0px 14px;
	padding: 0px 0px 0px 12px;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 21px;
	font-weight: 500;
	list-style-position: outside;
	list-style-type: circle;
	list-style-image: url(../images/shared/ulicons.gif);
	color: #FFF;
	}
	
li {
    /*float:left;*/
    margin:0px;
	padding: 0px 0px 0px 0px;
	display: normal;
	}	
		
ul#navlist{
	margin:0px 0px 0px 14px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	float: left;
	width: 100%;
	color: #fff;
	font-size: 10px;
	text-decoration: none;
}
		
ul#navlist li { display: normal; }
		
ul#navlist li.normal{
	float: left;
	color: #006;
	text-decoration: none;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #F0F0F0;
	padding-top: 0.2em;
	padding-left: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	font-weight: 500;
	background-color: #F3F3F3;
	text-align: center;
	width: 165px;
}
ul#navlist li.desc{
	float: left;
	color: #006;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #F0F0F0;
	padding-top: 0.2em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	text-decoration: none;
	text-align: center;
	background-color: #FCFCFC;
	width: 165px;
}
		
ul#navlist li.price{
	float: left;
	color: #006;
	text-decoration: none;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #F0F0F0;
	padding-top: 0.2em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	font-weight: 500;
	background-color: #F5F5F5;
	text-align: center;
	width: 165px;
}
		
ul#navlist li a:hover{
	color: #fff;
}

/* **** LIst - 2 Coloumn wide/half size **** */

ul#collist{
	float: left;
	margin:0px 0px 0px 14px;
	padding: 0px 0px 0px 0px;
	clear: left;
	list-style-type: none;
	width: 300px;
	color: #fff;
	font-size: 10px;
	text-decoration: none;
}
		
ul#collist li { display: normal; }
		
ul#collist li.cola{
	float: left;
	color: #006;
	text-decoration: none;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #F0F0F0;
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	clear: right;
	font-weight: 500;
	background-color: #F3F3F3;
	text-align: center;
	width: 120px;
}

ul#collist li.colb{
	float: left;
	color: #006;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #F0F0F0;
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	clear: right;
	text-decoration: none;
	text-align: center;
	background-color: #FCFCFC;
	width: 120px;
}
		
ul#collist li.colc{
	float: left;
	color: #006;
	text-decoration: none;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #F0F0F0;
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	clear: right;
	font-weight: 500;
	background-color: #F5F5F5;
	text-align: center;
	width: 120px;
}
		
ul#collist li a:hover{
	color: #fff;
}

.clearboth { clear: both; }

/* Application: Common Code */

/* ***** Nav ***** */

#indexnav {
	position: absolute;
	left: 214px;
	top: 67px;
	right: 0px;
	bottom: 0px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 840px;
	height: 22px;
}

#indexnav ul {
      margin:0px;
      padding:0px;
      list-style:none;
      }
    
#indexnav li {
      float:left;
      margin:0px;
      padding:0px;
	  }
	  
/* Setup: Logo and Top Buffer */

#cbe-nav-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:214px;
	height:99px;
}

#cbe-nav-02 {
	position:absolute;
	left:214px;
	top:0px;
	width:733px;
	height:67px;
}

#cbe-nav-03 {
	position:absolute;
	left:947px;
	top:0px;
	width:7px;
	height:99px;
}

#cbe-nav-09 {
	position:absolute;
	left:214px;
	top:89px;
	width:733px;
	height:10px;
}
	  
/* Setup: Repeated code per rollover */

#swap01 {
	background-image: url(../images/nav/cbe_nav_04_over.gif);    /* rollover state */
	width: 143px;                    /* image width */
	height: 22px;                   /* image height */
}
#swap02 {
	background-image: url(../images/nav/cbe_nav_05_over.gif);    /* rollover state */
	width: 93px;                    /* image width */
	height: 22px;                   /* image height */
}
#swap03 {
	background-image: url(../images/nav/cbe_nav_06_over.gif);    /* rollover state */
	width: 197px;                    /* image width */
	height: 22px;                   /* image height */
}
#swap04 {
	background-image: url(../images/nav/cbe_nav_07_over.gif);    /* rollover state */
	width: 116px;                    /* image width */
	height: 22px;                   /* image height */
}
#swap05 {
	background-image: url(../images/nav/cbe_nav_08_over.gif);    /* rollover state */
	width: 184px;                    /* image width */
	height: 22px;                   /* image height */
}
#swap06 {
	background-image: url(../images/nav/cbe_nav_09_over.gif);    /* rollover state */
	width: 78px;                    /* image width */
	height: 22px;                   /* image height */
}
#swap07 {
	background-image: url(../images/nav/cbe_nav_10_over.gif);    /* rollover state */
	width: 176px;                    /* image width */
	height: 22px;                   /* image height */
}


/* Application: Common Code */

.rollover { display: block; } /* Allow setting widths and heights */
.rollover img { border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */


/* ******* Links ****** */

a {
	color:#99CCFF;
	font-size:11px;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: 500;
	line-height: 18px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #3F3F8C;
	}
	
a:link {
	color:#99CCFF;
	}

a:visited {color:#99CCFF;}

a:hover {
	color: #66CCFF;
	font-weight: 500;
	background-color: #121676;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #3F3F8C;
	}


/* ******* Header ******** */

#header {
	margin:0px;
	padding: 0px 6px 6px 6px;
	line-height:11px;
	position:absolute;
	width: 851px;
	/*height:629px;*/
	voice-family: "\"}\"";
	voice-family:inherit;
	top: 0px;
	}
	/* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
	/*height:33px;  14px + 17px + 2px = 33px */

/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). 
body>#header {
	height: 349px;
	width: 405px;
	background-image: url(../images/shared/mainlogo.gif);
	background-repeat: no-repeat;
}*/

/* ***** Head Buffer ***** */

#headbuff{
	clear: both;
	margin: 0px 0px 10px;
	color: #3F3F8C;
	/**/border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-color: #3F3F8C;
	padding-top: 6px;
	padding-bottom: 5px;
	text-align: left;
	}

/* ******* Content 2 Col - Determines main positioning ******** */

#prodcontent {
	/*margin: 0 auto;*/
	text-align: left;
	position: absolute;
	left:212px;
	width:735px;
	/*border-left: 1px dashed #3F3F8C;*/
	}
	
#prodcontent>p {
	margin:0px;
	}

#prodcontent>p+p {
	text-indent:30px;
	}
	
/* ******* Content ******** */

#content {
	position:absolute;
	margin: 0 auto;
	text-align:left;
	top:99px;
	left:0px;
	width:735px;
	padding:7px;
	/*background-color:#FFF;*/
	}

#content>p {
	margin:0px;
	}

#content>p+p {
	text-indent:30px;
	}
	
/* ***** Menu ***** */

#menu {
	margin: 0 auto;
	text-align: left;
	position:absolute;
	top:52px;
	left: -210px;
	width:180px;
	padding:10px;
	line-height:15px;
	/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	}
	
/* Again, "be nice to Opera 5". */
body>#menu {width:180px;}

.aB {
	color:#99CCFF;
	font-size:11px;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: 500;
	line-height: 15px;
	/*text-transform: capitalize;*/
	padding: 3px 3px 3px 3px;
	}
	
.aB:link {
	color:#99CCFF;
	}

.aB:visited {
	color:#99CCFF;
	}

.aB:hover {
	color: #66CCFF;
	font-weight: 500;
	background-color: #121676;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #3F3F8C;
	}
	
/* non decrotive links*/
.aNone {
	color:#99CCFF;
	}
	
.aNone:link {
	color:#99CCFF;
	}

.aNone:visited {
	color:#99CCFF;
	}

.aNone:hover {
	color: #66CCFF;
	font-weight: 500;
	}


/* ***** PDF Link Large***** */
#linkright {
	float: right;
	position:absolute;
	top:4px;
	left:548px;
	width: 170px;
	height: 22px;
	/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	margin: 0px 0px 0px 6px;
	padding: 2px;
	clear: left;
	text-align: right;
	vertical-align: middle;	
	}
	
#linkright img {
	margin:0px 10px 0px 0px;
	}

#linkright a {
	color:#FFCC33;
	font-size:10px;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 4px;
	}
	
#linkright a:link {
	color:#FFCC33;
	}

#linkright a:visited {color:#FFCC33;}

#linkright a:hover {
	color: #FFFFFF;
	}

/* ***** Images (Large) ***** */

#floatright {
	float: right;
	width: 300px;
	margin: 6px 0px 10px 10px;
	padding: 10px;
	clear: right;
	/*border: 1px dashed #99CCFF;*/
	}

#floatright img {
	margin:0px 0px 10px 0px;
	border: 2px solid #FFFFFF; 
	}

#floatright h3 {
	margin:2px 0px 7px;
	padding:0px;
	font-size:14px;
	line-height:20px;
	font-weight:900;
	color:#FFFFFF;
	}

#floatright p {
	font:11px/15px Verdana, Arial, Helvetica, sans-serif;
	margin:0px 0px 5px 0px;
	padding:0px;
	color: #9CF;
	}

/* ***** Images (Small) ***** */

#floatrightsm {
	float: right;
	width: 150px;
	margin: 6px 0px 10px 10px;
	padding: 10px;
	clear: right;
	border-top: 1px solid #DFDFDF;
	border-right: 2px solid #DFDFDF;
	border-bottom: 2px solid #DFDFDF;
	border-left: 1px solid #DFDFDF;
}

#floatrightsm img {
	margin:0px 0px 10px 0px;
	border: 1px solid #DFDFDF; 
}

#floatrightsm h3 {
	margin:2px 0px 7px;
	padding:0px;
	font-size:14px;
	line-height:20px;
	font-weight:900;
	color:#0066CC;
}

#floatrightsm p {
	font:11px/15px Verdana, Arial, Helvetica, sans-serif;
	margin:0px 0px 5px 0px;
	padding:0px;
	color: #999;
}

/* ***** Images (Medium) ***** */

#floatrightmed {
	float: right;
	width: 210px;
	margin: 6px 0px 10px 10px;
	padding: 10px;
	clear: right;
	border-top: 1px solid #DFDFDF;
	border-right: 2px solid #DFDFDF;
	border-bottom: 2px solid #DFDFDF;
	border-left: 1px solid #DFDFDF;
	}

#floatrightmed img {
	margin:4px 4px 10px 4px;
	border: 1px solid #DFDFDF; 
	}

#floatrightmed h3 {
	margin:2px 0px 7px;
	padding:0px;
	font-size:14px;
	line-height:20px;
	font-weight:900;
	color:#0066CC;
	}

#floatrightmed p {
	font:11px/15px Verdana, Arial, Helvetica, sans-serif;
	margin:0px 0px 5px 0px;
	padding:0px;
	color: #999;
	}

/* ***** Images (Full-Size) ***** */

.thumbnailmax {
	/*float: right;*/
	width: 475px;
	margin: 0px 0px 0px 0px;
	padding: 5px;
	/*clear: right;*/
	border-top: 1px solid #DFDFDF;
	border-right: 2px solid #DFDFDF;
	border-bottom: 2px solid #DFDFDF;
	border-left: 1px solid #DFDFDF;
	}

.thumbnailmax img {
	margin:0px 0px 5px 0px;
	border: 1px solid #DFDFDF; 
	}

.thumbnailmax h3 {
	margin:2px 0px 7px;
	padding:0px;
	font-size:14px;
	line-height:20px;
	font-weight:900;
	color:#0066CC;
	}

.thumbnailmax p {
	font:11px/15px Verdana, Arial, Helvetica, sans-serif;
	margin:0px 0px 5px 0px;
	padding:0px;
	color: #999;
	}


/* ***** Images (Left) ***** */

.thumbnailleft {
	float: left;
	width: 300px;
	margin: 0px 22px 6px 0px;
	padding: 6px;
	clear: left;
	}

.thumbnailleft img {
	margin:4px 4px 8px 4px;
	border: 2px solid #99CCFF; 
	}

.thumbnailleft h3 {
	margin:2px 5px 7px;
	padding:0px;
	font-size:14px;
	line-height:20px;
	font-weight:900;
	color:#FFF;
	}

.thumbnailleft p {
	font:11px/15px Verdana, Arial, Helvetica, sans-serif;
	margin:0px 5px 0px;
	padding:0px;
	color: #99CCFF;
	}

/* ***** Images 2 wide ***** */

.thumbnail {
	float: left;
	width: 330px;
	/*border: 1px dashed #99CCFF;*/
	margin: 0px 6px 6px 0px;
	padding: 12px;
	}

.thumbnail img {
	margin:4px 4px 8px 4px;
	border: 2px solid #99CCFF; 
	}

.thumbnail h3 {
	margin:0px 0px 7px 0px;
	padding:2px;
	font-size:14px;
	line-height:17px;
	font-weight:900;
	color:#FFFFFF;
	}
	
.thumbnail h5 {
	margin:0px;
	padding:2px;
	font-size:13px;
	line-height:17px;
	font-weight:600;
	color:#FFFFFF;
	}
	
.thumbnail p {
	font:11px/15px Verdana, Arial, Helvetica, sans-serif;
	margin:0px 0px 5px 0px;
	padding:2px;
	color: #99CCFF;
	}

/* ***** Images 3 wide ***** */
.thumbnail3up {
	float: left;
	width: 223px;
	border: 1px dashed #99CCFF;
	margin: 0px 6px 6px 0px;
	padding: 6px;
	}

.thumbnail3up img {
	margin:4px 4px 8px 4px;
	border: 2px solid #99CCFF; 
	}

.thumbnail3up h3 {
	margin:0px 0px 7px 0px;
	padding:2px;
	font-size:14px;
	line-height:17px;
	font-weight:900;
	color:#FFFFFF;
	}
	
.thumbnail3up h5 {
	margin:0px;
	padding:2px;
	font-size:13px;
	line-height:17px;
	font-weight:600;
	color:#FFFFFF;
	}
	
.thumbnail3up p {
	font:11px/15px Verdana, Arial, Helvetica, sans-serif;
	margin:0px 0px 5px 0px;
	padding:2px;
	color: #99CCFF;
	}

.clearboth { clear: both; }

/* ***** Footer ***** */

#footer{
	clear: both;
	margin: 10px 0px 0px 0px;
	color: #3F3F8C;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-color: #3F3F8C;/**/
	padding-top: 3px;
	padding-bottom: 5px;
	text-align: center;
	}

#afooter {
	color:#99CCFF;
	font-size:10px;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 4px;
	}
	
#afooter:link {
	color:#99CCFF;
	}

#afooter:visited {
	color:#99CCFF;
	}

#afooter:hover {
	color: #66CCFF;
	}
	
/* ***** Disclaimer ***** */

#disclamer{
	clear: both;
	margin: 10px 0px 0px 0px;
	padding-top: 2px;
	padding-bottom: 5px;
	text-align: center;
	}

#disclamer p {
	margin-top: 0px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	margin:0px 0px 0px 0px;
	padding:0px;
	color: #99CCFF;
	}
	
.bdyBld {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 600;
	color: #CCCCCC;
	}
	
/* ***** Table Boxes ***** */

.box0,.box5{
	padding:5px 0px 5px 12px;
	overflow:hidden;
	/*width:92%;ie 6 bug et ie4*/
	width:355px;/*ie 6 bug et ie4*/
	/*margin-top:-8px;nn4*/
}
.box4{
	padding:5px 0px 5px 0px;
	margin-left:12px;
	overflow:hidden;
	width:97%;/*ie 6 bug et ie4*/
	/*margin-top:-8px;nn4*/
}
.box3{
	padding:5px 0px 5px 0px;
	margin-left:12px;
	overflow:hidden;
	width:97%;/*ie 6 bug et ie4*/
	/*width:355px;ie 6 bug et ie4*/
	/*margin-top:-8px;nn4*/
}
.table_container {
	width: 100%;
	border-right:1px solid #006;
	border-bottom:1px solid #006;
	overflow:hidden;
}
.tbrow_container {
	width: 100%;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #F0F0F0;
	overflow:hidden;
	background-color: #F5F5F5;
}
.tbcol_container{
	width:50%;
	float:left;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #F0F0F0;
	white-space: nowrap;
	overflow:hidden;
	text-align:center;
	background-color: #F5F5F5;
}
.tbcol_container2{
	width:49%;
	float:left;
	border-right: 1px solid #006;
	border-bottom: 1px solid #F0F0F0;
	white-space: nowrap;
	overflow:hidden;
	text-align:center;
	background-color: #F9F9F9;
}
.tbcol_container3{
	width:33%;
	float:left;
	border-right: 1px solid #006;
	border-bottom: 1px solid #F0F0F0;
	white-space: nowrap;
	overflow:hidden;
	text-align:center;
	background-color: #F9F9F9;
}
.tbcol_container4{
	width:24.75%;
	float:left;
	border-right: 1px solid #006;
	border-bottom: 1px solid #F0F0F0;
	white-space: nowrap;
	overflow:hidden;
	text-align:center;
	background-color: #F9F9F9;
}
.tbrow_container h5 {
	margin:0 0 0 0px;
	color: #000066;
	font-size: 12px;
	font-weight: 600;
}
.tbrow_container p {
	margin:0 0 0 0px;
	color: #000066;
}
/*prÈsentation*/
pre{
	padding-bottom:10px;
	padding-left:10px;
	padding-top:10px;
	width:87%;
	overflow:auto;
}
.cb{
	font-weight:800;
	text-align:center;
}
/*.box0,.box3,.box4,.box5{*/
/*border:medium double #FAAAFF;overwrites nn4 def*/
/*margin-top:0;overwrites nn4 def
}*/
/*next rules overwrite previous rule
must be copied from nn4 stylesheet
must be below
.box3{
border-bottom:none;
}
.box4{
border-top-style:dotted;
border-top-width:thin;
}
.box5{
border-bottom:none;
border-top-style:dotted;
border-top-width:thin;
}
*/