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

body {
	margin:0px; 
	padding:0px;
	text-align:center;
	font-family:Arial,Tahoma;
	}
	
#DivMain {
	width:955px;
	margin:0px auto;
	padding:0px;
	text-align:left;	
	}
#DivTop{
	width:950px;
	margin:10px 0px 0px 0px;
	padding:0px;
	}
#DivLeft{
	width:171px;
	margin:20px 0px 0px 0px;
	padding:0px;
	text-align:left;
	float:left;
	}
#DivContent{
	width:779px;
	margin:20px 0px 0px 0px;
	padding:0px;
	float:left;
	}
#DivFooter{
	width:100%;
	margin:0px;
	padding:0px;
	margin:0px auto;
	}
#DivFooter ul{
	margin:0px;
	padding:0px;
}
#DivFooter ul li{
	margin:0px;
	padding:0px 0px 0px 10px;
	font-size:11px;
	color:#000000;
	list-style:none;
	background:url(images/bullet_menu.gif) center left no-repeat;
}
.ul_bullet{
	margin:0px;
	padding:0px;
}
.ul_bullet li{
	margin:0px;
	padding:0px 0px 0px 10px;
	list-style:none;
	background:url(images/bullet_menu2.gif) top left no-repeat;
}
.text_black_11px{
	font-size:11px;
	color:#000000;
	}
.text_topicmenu{
	font-size:13px;
	color:#00569C;
	text-decoration:none;
	font-weight:bold;
	}
.text_topicmenu:hover{
	text-decoration:underline;
	}
#DivLeft ul{
	margin:0px;
	padding:0px;
}
#DivLeft ul li{
	margin:0px;
	padding:0px 0px 0px 10px;
	font-size:11px;
	color:#000000;
	list-style:none;
	background:url(images/bullet_menu.gif) center left no-repeat;
}
#DivLeft ul li a{
	text-decoration:none;
	color:#000000;
	}
#DivLeft ul li a:hover{
	text-decoration:underline;
	}
#DivLeft ul ul{
	margin:0px;
	padding:0px;
	margin-left:10px;
}
#DivLeft ul ul li{
	margin:0px;
	padding:0px 0px 0px 10px;
	font-size:11px;
	color:#000000;
	list-style:none;
	background:url(images/bullet_menu.gif) center left no-repeat;
}
#DivLeft ul ul li a{
	text-decoration:none;
	color:#000000;
	}
#DivLeft ul li ul li a:hover{
	text-decoration:underline;
	}
.text_topicmenu_red{
	font-size:13px;
	color:#9B0000;
	text-decoration:none;
	font-weight:bold;
	}
.text_topicmenu_red:hover{
	text-decoration:underline;
	}
.text_topicmenu_blue{
	font-size:13px;
	color:#00589B;
	text-decoration:none;
	font-weight:bold;
	}
.text_topicmenu_blue:hover{
	text-decoration:underline;
	}
.text{
	font-size:13px;
	color:#000000;
	}
.text a{
	text-decoration:none;
	color:#00579F;
	}
.text a:hover{
	text-decoration:underline;
	}
.text_white{
	font-size:13px;
	color:#ffffff;
	}
.text_white a{
	text-decoration:none;
	color:#00579F;
	}
.text_white a:hover{
	text-decoration:underline;
	}
.text_red{
	font-size:13px;
	color:#FF0000;
	}
.text_small{
	font-size:11px;
	color:#000000;
	}
.text_small a{
	text-decoration:none;
	color:#000000;
	}
.text_small a:hover{
	text-decoration:underline;
	}
a.text_small{
	text-decoration:none;
	color:#000000;
	}
a:hover.text_small{
	text-decoration:underline;
	}
.text_small_blue{
	font-size:11px;
	color:#004797;
	}
.text_small_blue a{
	text-decoration:none;
	color:#004797;
	}
.text_small_blue a:hover{
	text-decoration:underline;
	}
a.text_small_blue{
	font-size:11px;
	color:#004797;
	text-decoration:none;
}
a.text_small_blue a:hover{
	text-decoration:underline;
	}
.text_gray{
	font-size:13px;
	color:#6A6A6A;
	}
.text_gray a{
	text-decoration:none;
	color:#6A6A6A;
	}
.text_gray a:hover{
	text-decoration:underline;
	}
	
.text_16px{
	font-size:16px;
	font-weight:bold;
	}
	
.text_red_20px{
	font-size:20px;
	color:#D30000;
	text-decoration:none;
	font-weight:bold;
}
.text_red_14px{
	font-size:14px;
	color:#D30000;
	text-decoration:none;
	font-weight:bold;
}
.text_blue_22px{
	font-size:22px;
	color:#11539E;
	text-decoration:none;
	font-weight:bold;
}
.text_blue_18px{
	font-size:18px;
	color:#00579F;
	text-decoration:none;
	font-weight:bold;
}
a.text_blue_18px{
	color:#00579F;
	text-decoration:none;
}
a:hover.text_blue_18px
{
	text-decoration:none;
}

.text_blue{
	color:#00579F;
	text-decoration:none;
}
a.text_blue{
	color:#00579F;
	text-decoration:none;
}
a:hover.text_blue{
	text-decoration:underline;
}
.text_18px{
	color:#000000;
	font-size:18px;
	text-decoration:none;
	font-weight:bold;
}
a.text_18px{
	color:#000000;
	text-decoration:none;
}
a:hover.text_18px
{
	text-decoration:none;
}
#slides1 .content{
	width:769px;
	padding:0px 5px 5px 5px;
}
#slides1{
	width:769px;
	padding:0px;
	margin:0px;
	margin-top:5px;
}
.bx_pager {
	PADDING-LEFT: 700px; PADDING-TOP: 15px; 
	HEIGHT: 17px;
}
.bx_pager A {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 7px; WIDTH: 14px; PADDING-RIGHT: 0px; BACKGROUND: url(images/bg_pager.png) no-repeat 0px -21px; FLOAT: left; HEIGHT: 17px;  FONT-SIZE: 11px; MARGIN-RIGHT: 6px; PADDING-TOP: 4px; font-weight:bold; color:#B2B2B2; text-decoration:none;
}
.bx_pager A:hover {
	BACKGROUND-POSITION: 0px 0px; TEXT-DECORATION: none; color:#fff;
}
.bx_pager A.active {
	BACKGROUND-POSITION: 0px 0px; TEXT-DECORATION: none; COLOR: #fff;
}
#DivPopularPlans{
	position: absolute;
	z-index: 1;
	float:left;
	PADDING-TOP: 15px;
	padding-left: 10px; 
	font-size:16px;
	font-weight:bold;
}
#DivAllPopularPlans{
	 background:url(images/packagebg.jpg) left top no-repeat;
	 width:779px;
	 height:148px;
}
#DivIntroduction{
	width:779px;
	background:url(images/bottombg.jpg) left top no-repeat;
	padding:10px;
}
.text_white_16px{
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
}
.text_topic_table{
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	background:#0069c0 url(images/graph_bg.gif) left top repeat-x;
}

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 680px;
	height:100px;

	/* custom decorations */
	
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
	
}

.items div {
	float:left;
	width:680px;
	
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:15px 5px 15px 16px;
	background-color:#fff;
	padding:2px;
	/*border:1px solid #ccc;
	width:100px;
	height:75px;*/
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(images/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:20px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(images/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

.orderstep{
	font-size:60%; 
	color:#cccccc; 
	font-weight:normal;
	text-decoration:none;
	font-family:MS Sans Serif;
}

.orderstep_ac{
	font-size:60%; 
	color:#737373; 
	font-weight:normal; 
	text-decoration:none; 
	font-family:MS Sans Serif;
}