/* CSS General Style */

body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background:#fff url(images/bgr_body.jpg) repeat; margin:0px; padding:0px; color:#040404;}
/* color:#001E40 */

/* Header */
#container_header {width: 100%; height:156px; background:#fff url(images/bgr_header.jpg) repeat-x;}
#container_top {width: 100%; height:123px; background:#fff url(images/bgr_top.jpg) repeat-x;}
#container_header_order {width: 100%; height:120px; background:#fff url(images/bgr_header_order.jpg) repeat-x;}
#container_header_index {width: 100%; height:195px; background:#fff url(images/bgr_header_index.jpg) repeat-x;}
#header {width: 750px; height:128px; background:#fff url(images/bdc_header.jpg); margin-left:auto; margin-right:auto;}
#header_order {width: 750px; height:120px; background:#fff url(images/bdc_header_order.jpg); margin-left:auto; margin-right:auto;}
#header_index {width: 750px; height:195px; background:#fff url(images/bdc_header_index.jpg); margin-left:auto; margin-right:auto;}
#header_top {width: 750px; height:95px; background:#fff; margin-left:auto; margin-right:auto;}
#toptitle {position:absolute; margin-left:210px; margin-top:50px;  font-size:19px; color:#67A9EC; text-align:center; z-index:1; }
#toptitle_order {position:absolute; margin-left:240px; margin-top:20px;  font-size:19px; color:#67A9EC; text-align:center; z-index:1; }
#toptitle_index {position:absolute; margin-left:80px; margin-top:120px;  font-size:19px; color:#67A9EC; text-align:center; z-index:1; }
#logo {position:absolute; margin-left:20px; margin-top:10px; }


/* Center  */
#container {width: 750px; margin-left:auto; margin-right:auto; background:#fff url(images/bgr_container.jpg) repeat-x; padding:1px;  }
.button {float:right; width:99px; height:31px; background: url(images/button.jpg); margin-right:10px;}
.button_text {float:right; color:#666666; font-size:11px; font-weight:bold; padding-top:9px; padding-right:30px;}
.button_text a {color:#686868; text-decoration:none;}
.button_text a:hover {color:#18559E;}

.button_order {float:right; color:#97C9FE; font-size:11px; font-weight:bold; padding-top:97px; padding-right:180px;}
.button_order a {color:#97C9FE; text-decoration:none;}
.button_order a:hover {color:#fff;}

.button_home {float:right; color:#97C9FE; font-size:11px; font-weight:bold; padding-top:97px; padding-right:55px;}
.button_home a {color:#97C9FE; text-decoration:none;}
.button_home a:hover {color:#fff;}

h1 { 
font-size:20px; 
font-weight: normal; 
color:#093060; 
padding-bottom: 0px;
margin-top:-10px;
margin-bottom:-5px;
}

/*Image Centre*/
.imagecentre{
    display: block;
    margin-left: 25px;
    margin-right: auto }
	
/*Image Centre-DOUBLE*/
.imagecentre1{
    display: block;
    margin-left: 65px;
    margin-right: auto }	

/*Image Centre-1.5*/
.imagecentre2{
    display: block;
    margin-left: 35px;
    margin-right: auto }

*#inside ul {
     line-height: 20px;
     list-style-image: url(images/arrow.jpg);
}


#inside {padding:40px 30px; }
.main_title {font-size:20px; color:#093060; padding-top:10px; padding-bottom:10px; }
.blue_title {font-size:16px; color:#003399; font-weight:bold; }
/*.blue_title {font-size:16px; color:#1A58A3; font-weight:bold; }*/
.blue_text {color:#003399;}
/*.blue_text {color:#0075D2;}*/
.red_title {font-size:16px; color:#C00002; font-weight:bold; padding-top:10px; }
.red_text {color:#C00002;}
.text {font-size:12px; line-height:16px;}
img {float:left; margin-right: 8px;}
a {color:#000;}
a:hover {color:#333;}

.column_big {width: 430px; float:left; margin-right:5px;}
.column_big ul {list-style-image: url(images/arrow.jpg);}
.column_small {width: 250px; float:right; background:#fff url(images/bgr_column_small.jpg) top no-repeat; }
.column_small_inside {padding:1px 10px; font-size:11px; text-align:left; text-indent: 0pt; }
.column_small ul {list-style-image: url(images/arrow_red.jpg); padding-left:10px; margin-left:10px; }
.column_empty { clear:both;}

/* Note box */
.note_box {width: 330px; float:left; background:#fff url(images/bgr_column_large.jpg) top no-repeat; }
.note_box_inside {padding:0px 10px; font-size:12px; text-align:left; text-indent: 0pt; margin-left:10px; margin-right:10px; }

/* Footer */
#container_footer {width: 100%; height: 300px; background:#093060; }
#footer {width: 754px; margin-left:auto; margin-right:auto; font-size:11px; color:#7EA3CF; clear:both;}
.footer_column {float:left; width:150px; padding-bottom:10px; }
.footer_title {font-size:10px; font-weight:bold; color:#9AC2F1; padding:5px; margin:7px 2px; background-color:#063774; }

#footer ul { margin: 0; padding-left:7px; list-style: none; font-size:10px; }
#footer ul li {padding-bottom:4px;  }
#footer ul li a{color: #7EA3CF; text-decoration:none;}
#footer ul li a:hover{color: #CAE0FA; }

#bottom {width: 100%; height:130px; background:#001E40; border-top: 1px solid #1A58A3;}
.bottom_text {color:#297EE5; font-size:10px; text-align:center; margin-top:15px; line-height:16px;}
.bottom_text a {color:#297EE5;}
.bottom_text a:hover {color:#7EA3CF;}


/* Footer FOR MAIN INDEX PAGE*/
#container_footer_index {width: 100%; height: 100px; background:#093060; }
#footer_index {width: 754px; margin-left:auto; margin-right:auto; font-size:11px; color:#7EA3CF; clear:both;}
.footer_column_index {float:left; width:150px; padding-bottom:10px; }
.footer_title_index {font-size:10px; font-weight:bold; color:#9AC2F1; padding:5px; margin:7px 2px; background-color:#063774; }


/* CSS Drop-Down Menu */

/* Container for the TOP menu. */
#menuwrapper5 {float:right; padding-right:180px;}
.clearit5 { clear: both; height: 0; line-height: 0.0; font-size: 0;}
#d5menubar, #d5menubar ul {padding: 0; margin: 0; list-style: none; font-family: Verdana, Arial, Helvetica, sans-serif;}
#d5menubar a {
	display: block;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	border-right: 1px solid #fff;
	font-size: 11px;
	font-weight:bold;
	color: #fff;}

#d5menubar a.setting5 {padding: 5px 16px 5px 10px; 
	background-image: url(images/d6_arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;}

#d5menubar li {float: left; width: 9em;}
#d5menubar li ul, #d5menubar ul li  { width: 14em; z-index:100;}
#d5menubar ul li a  {color: #565656; border-right: 0; padding: 5px 12px 5px 16px; }

#d5menubar li ul {
	position: absolute;
	display: none;
	background-color: #FFFFFF;
	background-image: url(images/d5_grad.jpg);
	background-repeat: repeat-x;}

#d5menubar li:hover a, #d5menubar a:focus,
#d5menubar a:active, #d5menubar li.d5hvr a {color: #fff; background-color: #1975BE;}
#d5menubar li:hover ul, #d5menubar li.d5hvr ul {display: block;}
#d5menubar li:hover ul a, #d5menubar li.d5hvr ul a {color: #fff; background-color: transparent; font-size: 11px;}
#d5menubar ul a:hover {	background-color: #65A8E3!important; color: #FFFFFF!important;}
#d5menubar li {width: auto;}



/* Container for the INDEX Page TOP menu. */
#menuwrapper4 {float:right; padding-right:90px;}
.clearit4 { clear: both; height: 0; line-height: 0.0; font-size: 0;}
#d4menubar, #d4menubar ul {padding: 0; margin: 0; list-style: none; font-family: Verdana, Arial, Helvetica, sans-serif;}
#d4menubar a {
	display: block;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	border-right: 1px solid #676767;
	font-size: 13px;
	font-weight:bold;
	color: #676767;}

#d4menubar a.setting4 {padding: 25px 16px 5px 10px; 
	background-image: url(images/d6_arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;}

#d4menubar li {float: left; width: 9em;}
#d4menubar li ul, #d4menubar ul li  { width: 14em; z-index:100;}
#d4menubar ul li a  {color: #565656; border-right: 0; padding: 5px 12px 5px 16px; }

#d4menubar li ul {
	position: absolute;
	display: none; 
	border-right: 1px solid #686868;
	border-bottom: 1px solid #686868;
	background-color: #FFFFFF;
	background-image: url(images/d6_grey.jpg);
	background-repeat: repeat-x;}

#d4menubar li:hover a, #d4menubar a:focus,
#d4menubar a:active, #d4menubar li.d4hvr a {color: #fff; background-color: #686868;}
#d4menubar li:hover ul, #d4menubar li.d4hvr ul {display: block;}
#d4menubar li:hover ul a, #d4menubar li.d4hvr ul a {color: #505050; background-color: transparent; font-size: 11px;}
#d4menubar ul a:hover {	background-color: #95989A!important; color: #FFFFFF!important;}
#d4menubar li {width: auto;}



/* Container for the bottom menu. */
#menuwrapper {width: 750px; background-color: #BF0101; margin-left:auto; margin-right:auto;}
.clearit { clear: both; height: 0; line-height: 0.0; font-size: 0;}
#d6menubar, #d6menubar ul {padding: 0; margin: 0; list-style: none; font-family: Verdana, Arial, Helvetica, sans-serif;}
#d6menubar a {
	display: block;
	text-decoration: none;
	padding: 7px 10px 7px 10px;
	border-right: 1px solid #fff;
	font-size: 12px;
	font-weight:bold;
	color: #fff;}

#d6menubar a.setting {padding: 7px 16px 7px 10px; 
	background-image: url(images/d6_arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;}

#d6menubar li {float: left; width: 9em;}
#d6menubar li ul, #d6menubar ul li  { width: 14.5em; z-index:100;}
#d6menubar ul li a  {color: #565656; border-right: 0; padding: 5px 12px 5px 16px; 	border-bottom: 1px solid #fff;}

#d6menubar li ul {
	position: absolute;
	display: none; 
	border-right: 1px solid #686868;
	border-bottom: 1px solid #686868;
	background-color: #FFFFFF;
	background-image: url(images/d6_grey.jpg);
	background-repeat: repeat-x;}

#d6menubar li:hover a, #d6menubar a:focus,
#d6menubar a:active, #d6menubar li.d6hvr a {color: #fff; background-color: #686868; }
#d6menubar li:hover ul, #d6menubar li.d6hvr ul {display: block;}
#d6menubar li:hover ul a, #d6menubar li.d6hvr ul a {color: #505050; background-color: transparent; font-size: 11px; }
#d6menubar ul a:hover {	background-color: #95989A!important; color: #FFFFFF!important;}
#d6menubar li {width: auto;}





/*  INFO TOOL-TIPS START */

a.Info{
	color:#56596c;
	font-size: 11px; 
	text-align:left;
	position:relative;
	text-decoration:none;
}
.Infobox{
	display:none;	
}
a.Info div.Infobox{
	display:none;	
}

a.Info:hover {	
	cursor:default;
	text-decoration:none;
	z-index:1;
}


a.Info:hover .Infobox {
	display:block; 
	position:absolute; 
	top:3px; 
	left:20px;
	width:200px; 
	border-left: 1px solid #a9c4d6; 
	cursor:default;
	padding:0px; 
	margin:0px;
	color:#56596c;
	font-size: 11px; 
	text-align:left;
	text-decoration:none;
	z-index:500;
}

a.Info:hover div.Infobox p.InfoDescription{
	padding:10px 10px 10px 10px;
	font-size: 10px; 
	text-decoration:none;
	margin:0px;
	background-color: #F4FAFB;
	border: 3px solid #2D5476;
}

a.Info:hover div.Infobox .InfoboxLink{
	cursor:pointer;
	color:#48a2c0;
	text-decoration:underline;
	padding:0px 10px 10px 10px;
	margin:0px;
	text-align:left;
}


a.Info1{
	color:#56596c;
	font-size: 11px; 
	text-align:left;
	position:relative;
	text-decoration:none;
}
.Infobox1{
	display:none;	
}
a.Info1 div.Infobox1{
	display:none;	
}

a.Info1:hover {	
	cursor:default;
	text-decoration:none;
	z-index:1;
}


a.Info1:hover .Infobox1 {
	display:block; 
	position:absolute; 
	top:3px; 
	left:20px;
	width:300px; 
	border-left: 1px solid #a9c4d6; 
	cursor:default;
	padding:0px; 
	margin:0px;
	color:#56596c;
	font-size: 11px; 
	text-align:left;
	text-decoration:none;
	z-index:500;
}

a.Info1:hover div.Infobox1 p.InfoDescription1{
	padding:10px 10px 10px 10px;
	font-size: 10px; 
	text-decoration:none;
	margin:0px;
	background-color: #F4FAFB;
	border: 3px solid #2D5476;
}

a.Info1:hover div.Infobox1 .InfoboxLink1{
	cursor:pointer;
	color:#48a2c0;
	text-decoration:underline;
	padding:0px 10px 10px 10px;
	margin:0px;
	text-align:left;
}

a:link { outline: none; }
a img { border-style: none; }
#menuwrapper { line-height: 12px; 
}

/*  INFO TOOL-TIPS FINISH */
