body {margin: 0; padding: 0; font-family: Arial; font-size: 12px; color: #4c4c4c; background-color: #f8f8f9;}
a {color: #00a4e6; text-decoration: none}
a:hover {color: #00a4e6; text-decoration:underline }
h3 {color: #00a4e6; font-size:14px; text-decoration:none; padding:0px; margin:0px}
h2 {color: #00a4e6; font-size:18px; font-weight:normal}
img{ border:none}

/* MAIN CONTAINER */

.main_container
{ width:902px; margin-left:auto; margin-right:auto;
}


.main_top_div {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 191px;
  background: url(img/top_bg.png) repeat-y;
}
.main_div {
  margin-left: auto;
  margin-right: auto;
  width: 902px;
  height: 100%;
 }

/* LOGO */
.logo {
  float: left;
  margin: 40px 0 0 30px;
  border: none;
}

/* TOP MENU */
.top_menu {
  float: right;
  width: 230px; 
  padding: 20px 0px 0px 0px;
  color: white;
  font-size:12px
}

.top_menu a {
  color: white;
}


/* MAIN MENU */
.main_menu {
  float: left;
  margin-top: 25px;
  position: relative;
  z-index: 1;
  width:100%;
  margin-left:25px;

}
.main_menu a {
  float: left;
  height:100%;
  font-family: Arial,helvetica;
  font-size: 16px;
  color: white;
  margin-right:20px;
  margin-top:10px
 }
.main_menu a:hover {
  text-decoration: none;
  cursor: pointer;
  color:#4dbfee
}
.main_menu a.active {
  text-decoration: none;
  cursor: pointer;
  color:#4dbfee
}


/* CONTENT */
.content {
  float: left;
  width: 862px;
  padding: 20px 20px 20px 20px;
  background: url(img/main_content_bg.png) repeat-y;
}

.right_tabs{
	float:left;
	width:185px;
	list-style:none; margin:0px; padding:0px

}

.right_tabs li{
	float:left;
	width:175px;
	height:46px;
	background-color:#eeeeee;
	margin:0px; padding:0px;
	padding:20px 0px 0px 10px;
	margin-bottom:9px; cursor:pointer
}
.right_tabs li a{
	float:left;
	color:#3e6fb3;
	font-size:18px;
	font-weight:bold
}
.right_tabs li .arrow{
	float:left;
	background:url(img/arrow_right_tabs.gif) no-repeat;
	width:10px; height:10px; margin:8px 5px 0px 0px
}


.right_tabs li.active{
	background:url(img/right_tab_bg.png) repeat-y;
}
.right_tabs li.active a{
	float:left;
	color:#FFF;
}
.right_tabs li.active .arrow{
	float:left;
	background:url(img/active_arrow_right_tabs.png) no-repeat;
	width:19px; height:20px; margin:3px 3px 0px 0px
}


.right_tabs li:hover{
	background:url(img/right_tab_bg.png) repeat-y;
}
.right_tabs li:hover a{
	float:left;
	color:#FFF; text-decoration:none
}
.right_tabs li:hover .arrow{
	float:left;
	background:url(img/active_arrow_right_tabs.png) no-repeat;
	width:19px; height:20px; margin:3px 3px 0px 0px
}

.index_mid_box{
	float:left; width:250px; height:135px; background-color:#eeeeee; padding:10px
}

.title{
	float:left;
	font-size:20px; color:#00a4e6
}

.title1{
	float:left;
	font-size:18px; color:#00a4e6;
	font-weight:500;
	margin-bottom:10px;
	width:100%
}

.more{
	float:left; font-size:18px; color:#fd5300
}
.more:hover{
	 color:#fd5300
}

.more_arrow{
	float:left; background:url(img/more_arrow.gif); width:20px; height:21px; margin-left:10px
}
.orange_arrow{
	float:left; background:url(img/orange_arrow.png); width:20px; height:20px; margin-left:10px
}
.white_arrow{
	float:left; background:url(img/white_arrow.png); width:20px; height:20px; margin-left:10px
}

.back_arrow{
	float:left; background:url(img/back_arrow.png); width:20px; height:20px; margin-right:10px
}

.order{
	float:left; font-size:14px; color:#fd5300; font-weight:bold
}

.index_news{
	float:left;
	margin-top:10px;
	width:135px
}
.index_news a {
	color:#666666; font-size:12px;
	float:left; margin-bottom:10px
}

.about_list{
	float:left; list-style:none; margin:0px; padding:0px;
	margin-top:5px; font-size:11px
}
.about_list li{
	float:left; width:100%; margin-bottom:5px; overflow:hidden; 
}
.about_list li div{
	background:url(img/blue_circle.png) no-repeat; width:12px; height:17px; color:#FFF;
	float:left;
	padding:2px 0px 0px 5px;
	font-weight:bold;
	margin-right:10px;
}
.about_list li span{
	 display:table-cell;
	*float:left; 
}


.arrow_list{
	float:left; list-style:none; margin:0px; padding:0px;
	font-size:12px; margin-top:20px;width:100%
}
.arrow_list li{
	float:left; margin-bottom:7px;
	width:100%; overflow:hidden; 
}
.arrow_list li div.arrow{
	background:url(img/arrow_list.png) no-repeat; width:20px; height:20px;float:left;
	margin-right:10px; 
}
.arrow_list li a{
	color:#00a4e6; font-weight:bold; float:left
}
.arrow_list li span{
	 display:table-cell;
	*float:left; 
}

/* LEFT INNER MENU */
.left_menu_div{
	float:left; width:165px; background-color:#eeeeee; padding:10px;
}

ul.left_menu{
	float:left;
	list-style:none;
	border-top:1px solid #00a4e6;
	width:165px;
	margin:0px; padding:0px;
	height:485px
}
ul.left_menu li{
	float:left;
	width:165px;
	border-bottom:2px solid #77c9ea;
	padding:20px 0px 20px 0px
}
ul.left_menu li a{
	color:#00a4e6; font-size:18px;
}

ul.left_menu .sub_left_menu{
	float:left;
	list-style:none;
	margin:0px; padding:0px; 
}
ul.left_menu .sub_left_menu li{
	float:left;
	padding:5px 0px 0px 0px;
	border:none
}
ul.left_menu .sub_left_menu li .arrow{
	float:left; margin:0px 5px 5px 0px; padding:0px;
	font-size:15px;
}

ul.left_menu .sub_left_menu li a{
	color:#4c4c4c; font-size:15px; margin:0px; padding:0px
}

div.inner_content{
	float:right;
	width:615px;
	margin:0px;
	background-color:#eeeeee;
	padding:30px 20px 20px 20px;
}
.inner_title{
	float:left; width:100%;
	color:#00a4e6;
	font-size:18px;
	padding-bottom:20px
}

ul.reg_options{
	float:left;
	width:655px;
	list-style:none;
	margin:0px; padding:0px
}
ul.reg_options li{
	list-style:none;
	list-style-type:none;
	display:inline;
}
ul.reg_options li a{
	float:left;
	width:124px;
	height:55px;
	background-color:#eeeeee;
	margin-left:26px;
	color:#333333;
	font-size:13px;
	padding:20px 0px 0px 20px; 
	cursor:pointer
}
ul.reg_options li a:hover{
	text-decoration: none;
}
ul.reg_options li a b{
	font-size:15px
}
ul.reg_options li a#active{
	float:left;
	width:124px;
	height:71px;
	background: url(img/active_reg_option.png) no-repeat;
	color:#FFF
}

ul.pg_plans{
	float:left;
	width:655px;
	list-style:none;
	margin:0px; padding:0px
}
ul.pg_plans li{
	float:right;
	width:655px;
	background:url(img/option_items_bg.png) repeat-y;
	color:#FFF;
	font-size:14px;
	padding:10px 0px 0px 0px
}


.button{
background:url(img/button.jpg) no-repeat;
color:#FFFFFF;
font-weight:bold;
font-size:11px;
font:tahoma;
text-align:center;
height:19px;
width:77px;
padding-top:3px;
cursor:pointer;
float:left

}
.sitemap{
	float:left; width:100%; font-size:14px; margin-bottom:20px
}
.sitemap a{
	color:#4c4c4c
}

/* BOT LINE */
.bot_line {
  float: left;
  width: 862px;
  height: 35px;
  background: url(img/footer_bg.png) repeat-y;
  text-align: left;
  font-size: 10px;
  font:Arial;
  color: #FFF;
  padding:10px 20px 0px 20px;
  line-height:15px;
}
.bot_line a {
  color: #FFF;
}
/* ===== */




/* ===== */
