/* CSS Document */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
  clear: both;
  height: 0;
  font-size: 1px;
  line-height: 0px;
}
#PageHeader {
	height:75px;
	width:100%;
	background-color: #FFFFFF;
}
#QuizHeader {
	height:75px;
	width:100%;
	background-color: #FFFFFF;
}
#BlueBanner {
	height:250px;
	width:100%;
	background-color:#23A1ED;
}
#PageContainer {
	width:100%;
}
#navPanel {
	width:140px;
	/* background-color:#23A1ED;*/
	float:left;
	margin-right: 1px;
	text-align: left;
	z-index: 600;
	height: 400px;
}
#pagePanel {
	float:left;

}
#menuPanel {
	float:left;
	width: 600px;
	height: 310px;
}
#newsPanel {
	width: 240px;
}
#InvestPanel {
}
#PageHeader #divLogo {
	padding-top: 10px;
	padding-left: 140px;
	font-family: "Trebuchet MS";
	font-size: 36px;
	font-variant: small-caps;
	color: #333333;
	width: 600px;
	float: left;
	background-image: url(../images/cariescanlogo2.gif);
	background-repeat: no-repeat;
	background-position: 140px 10px;
	height: 65px;
}
#QuizHeader #divLogo {
	padding-top: 10px;
	padding-left: 140px;
	font-family: "Trebuchet MS";
	font-size: 36px;
	font-variant: small-caps;
	color: #333333;
	width: 400px;
	float: left;
	background-image: url(../images/cariescanlogo2.gif);
	background-repeat: no-repeat;
	background-position: 140px 10px;
	height: 65px;
}
#PageHeader #divLogo3D {
	padding-top: 10px;
	padding-left: 140px;
	font-family: "Trebuchet MS";
	font-size: 36px;
	font-variant: small-caps;
	color: #333333;
	width: 600px;
	float: left;
	background-position: 140px 10px;
	height: 65px;
}
.tblMenuHeader1,.tblMenuHeader2,.tblMenuHeader3,.tblMenuHeader4,.tblMenuHeader5,.tblMenuHeader6,.tblMenuHeader7, .tblNewsHeader, .tblInvestHeader {
	font-family:Arial, Helvetica, sans-serif;
	height:20px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #999999;
	border-bottom-color: #CCCCCC;
	border-left-color: #999999;
	font-size: large;
}
.tblMenuHeader1 a {
	color: #000000;
	text-decoration: none;
}
.tblMenuHeader1 a, .tblMenuHeader2 a {
	color: #CCFFFF;
	text-decoration: none;
}
.tblMenuHeader3 a, .tblMenuHeader4 a {
	color: #333300;
	text-decoration: none;
}
.tblMenuHeader5 a, .tblMenuHeader6 a, .tblNewsHeader a, .tblInvestHeader a {
	color: #000000;
	text-decoration: none;
}
.tblMenuHeader1 a:visited, .tblMenuHeader2 a:visited {
	color: #CCFFFF;
	text-decoration: none;
}
.tblMenuHeader3 a:visited, .tblMenuHeader4 a:visited { 
	color: #003333;
	text-decoration: none;
}
.tblMenuHeader5 a:visited, .tblMenuHeader6 a:visited, .tblNewsHeader a:visited, .tblInvestHeader a:visited {
	color: #000000;
	text-decoration: none;
}

.tblMenuHeader1 {background-color:#0099FF;}
.tblMenuHeader2 {background-color:#0099FF;}
.tblMenuHeader3 {background-color:#00CC99;}
.tblMenuHeader4 {background-color:#00CC99;}
.tblMenuHeader5 {background-color: #FFCC66;}
.tblMenuHeader6 {background-color:#FFCC66;}
.tblMenuHeader7 {background-color:#66CCFF;}
.tblNewsHeader {background-color: #FF6600; color: #000000;}
.tblInvestHeader {background-color: #6699CC; color: #000000;}

.tblMenuPanel, .tblNewsPanel, .tblInvestPanel {
	background-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #666666;
	vertical-align: top;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
.tblMenuBottom {
	height:1px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
}
#Flashbits {
	float: left;
	padding-left: 140px;
}
#LayerTest {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	overflow: hidden;
	height: 250px;
	color: #FFFFFF;
	width: 235px;
	font-size: small;
}
#srch {
	float:left;
	text-align: right;
	width: 235px;
}
#divFontSize {
	float: none;
	height: 25px;
	text-align: right;
	width: 125px;
}
.font-xs a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;
	text-decoration: none;
}
.font-sm a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	text-decoration: none;
}
.font-med a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: medium;
	text-decoration: none;
}
.font-lg a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: large;
	text-decoration: none;
}
.font-xl a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: x-large;
	text-decoration: none;
}
#RightPanel {
	float: left;
	width: 240px;
}
#footer {
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: x-small;
	color: #000000;
	vertical-align: middle;
	/*height: 25px;*/
	width: 100%;
}
#footer a, #footer a:visited {
	color:#000000;
	text-decoration:none;
}
#BlueBanner_Footer {
	width:100%;
	background-color:#23A1ED;
	bottom: 0px;
}
#WholePage {
	width: 100%;
	overflow: visible;
	text-align:left;
}
#PageContent {
	background-color: #FFFFFF;
	width: 100%;
	text-align: left;
	left: 0px;
}
.tblInvestHeader1 {background-color: #6699CC; color: #000000;}
#BreadCrumbs {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: medium;
	font-variant: small-caps;
	font-weight: bold;
	color: #000000;
	padding-left: 144px;
}
#BreadCrumbs a {
	text-decoration: none;
	color:#000000;
}
.tblPanel {
	background-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #666666;
	vertical-align: top;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	padding-left: 10px;
	padding-right: 10px;
}
.tblPanelNoPad {
	background-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #666666;
	vertical-align: top;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
#Banner_SubPage_Product {
	height:25px;
	width:100%;
}
.tblHeader2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:large;
	height:35px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #999999;
	border-bottom-color: #CCCCCC;
	border-left-color: #999999;
	vertical-align: bottom;
	padding-left: 10px;
}
.RightPanelHeader {
	font-weight: bold;
	padding-left: 2%;
	height: 25px;
	padding-top: 2px;
	width: 98%;
}
.RightPanelLink {
	width: 98%;
	padding-left: 2%;
	text-decoration: none;
	color: #000000;
}
#divRightPanels {
	border: 1px none #CCCCCC;
	padding: 0px;
	background-color: #CCCCCC;
}
#ContentPanel {
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	width: 590px;
	overflow: visible;
}
#rightPanel {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	background-color: #FFFFFF;
	width: 200px;
}
#rightPanel {
	width: 20%;
}
.GoLink {
	float: right;
	clear: both;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-decoration: none;
	color: #000000;
}
#rightPanel {
}
#footer #FooterLeft {
	float: left;
	padding-left: 150px;
}
#footer #FooterRight {
	float: right;
	padding-right: 150px;
}
#newstable {
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: none;
	border-bottom-style: none;
	border-right-color: #CCCCCC;
	border-bottom-color: #999999;
	border-left-color: #CCCCCC;
	border-right-style: solid;
	border-left-style: solid;
}
#newstable td {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: none;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #999999;
	border-left-color: #CCCCCC;
	border-right-style: solid;
	border-left-style: solid;
}
#dial {
	text-align: center;
}
#WholePage #BlueBannerExtranet {
	height:25px;
	width:100%;
	background-color:#23A1ED;
}
#Welcome {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
#Welcome #Header {
	padding-left: 5px;
	margin-top: 15px;
}
#Welcome #News {
	margin-top: 15px;
	padding-left: 5px;
}
#extraPanel {
	float:left;
	background-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #666666;
	vertical-align: top;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
#WholePage #PageContent #RightPanel #newsPanel #LatestNews {
	display: none;
}

.priceup {color: #00CC33}
.pricedown {color: #FF0033}
.styleprice {font-size: larger}
#ShowCase {
	background-color: #23A1ED;
	height: 85px;
}
#NewUser {
	height: 85px;
	background-color: #FFFFFF;
}
#NewUser h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	padding-left: 5px;
	text-align: center;
}
#NewUser p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
}
#CntrySelect {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	text-align: right;
}
p {
}
.siteselectPanel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #333333;
	text-align:left;
}
.siteselect_r1_c1 {background:url(../images/siteselect_r1_c1.gif)}
.siteselect_r2_c1 {background:url(../images/siteselect_r2_c1.gif)}
.siteselect_r2_c4 {background:url(../images/siteselect_r2_c4.gif)}
.siteselect_r6_c1 {background:url(../images/siteselect_r6_c1.gif)}
.siteselect_r6_c4 {background:url(../images/siteselect_r6_c4.gif)}
.siteselect_r7_c1 {background:url(../images/siteselect_r7_c1.gif)}
.siteselect_r7_c2 {background:url(../images/siteselect_r7_c2.gif)}
.siteselect_r7_c4 {background:url(../images/siteselect_r7_c4.gif)}