@charset "UTF-8";
/* CSS Document */

h3 {font-family: Arial, Helvetica, sans-serif; font-size:large; color:#333333; font-weight:normal; text-align:left; margin-left: 0px; margin-top: 5px; margin-bottom:5px; font-weight:bold;}
.pic { padding-left:40px;}


#slogan {padding-left:20px; float:left;} 
#otherinfor {padding-top:10px; padding-left:40px; padding-right:10px;  float:left; width:650px; padding-bottom:15px;}

.engInfor { padding-left:40px; padding-right:10px; width:650px; margin-bottom:15px;}


/* line */

.line {background:url(../images/h_dotted.gif) repeat-x top left; margin-top:10px; margin-bottom:20px; width:716px; height:5px;}

/*table */

.cirBorder { padding-left:20px; padding-right:20px; background-color:#e8e6d9; margin-left:auto; margin-right:auto; }
.cirBorder img {padding-top:10px; padding-bottom:10px; padding-left:60px;}

.cirCorner_top { background-color:#e8e6d9; height:10px; margin-left:auto; margin-right:auto; line-height:10px;}
.cirCorner_top div { background:url(../images/corner_top_left.gif) no-repeat top left; height:10px; line-height:10px;}
.cirCorner_top div div { background:url(../images/corner_top_right.gif) no-repeat top right; height:10px; line-height:10px;}


.cirCorner_bottom { background-color:#e8e6d9; margin-left:auto; margin-right:auto; height:10px; line-height:10px;}
.cirCorner_bottom div { background:url(../images/corner_bottom_left.gif) no-repeat bottom left; height:10px; line-height:10px;}
.cirCorner_bottom div div {background:url(../images/corner_bottom_right.gif) no-repeat bottom right; height:10px; line-height:10px;}


/* site (common) elements */
#div_pagetitle {}
#div_paging div {float:left;}


.tbl_generic {width:698px; margin-left:10px; margin-top:20px; border:none; border-collapse:collapse;}


.tbl_generic th {color:#FFFFFF; padding-top:5px; padding-bottom:5px; padding-left:15px; background-color:#888075; font-weight:bold;}
.tbl_generic td {text-align:center; background-color:#E8E6D9;} 

#tbl_why td img {margin:5px 10px; vertical-align:middle;} 

#tbl_petrol .label, #tbl_elec .label {vertical-align:top; font-weight:bold; height:30px;}
#tbl_petrol .img_margin img , #tbl_elec .img_margin img { margin-top:10px; margin-bottom:10px;}

#div_categories { margin-bottom:20px;}
#div_prizes ul { padding: 15px 30px;}


.demo_hke {width:300px;margin:0px; padding-right:34px; float:right; *margin-top:15px;}
.demo_hke div {float:right;  margin-top:15px;}
.demo_hke .name {width:230px; margin:0px;}

.demo_clp {width:300px;margin:0px; padding-left:37px; float:left; *margin-top:15px;}
.demo_clp div {float:right; margin-top:15px;}
.demo_clp .name {width:230px; margin:0px;}