/* CSS Document */ 
#home small{ font-size:0.7em; color:#6699CC}
#home{ background:url(/imgs/bg.gif) 0 0 repeat; font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;}
input, textarea{ font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;}

.logo{ padding:20px; display:inline-block;}
.login_panel{ position:absolute; top:0; right:0; width:583px; height:37px; z-index:2;}
.login_panel ul{ overflow:hidden; zoom:1;}
.login_panel li{ float:left; padding:6px 0 0 20px;}
.login_panel label{ font-size:0.8em; display:inline-block; float:left; padding:4px 2px 0 0;}
.login_panel .input_btn{ width:49px; height:25px; padding:0 0 3px; border:0; background:url(/imgs/login_btn.gif) 0 0 no-repeat; color:#fff; cursor:pointer;}
.form_bg{ position:absolute; top:0; right:0; z-index:0;}

.nav{ float:right; padding:47px 0 0 0px;   height:35px; background:url(/imgs/nav_bg_repeat.gif) 0 bottom repeat-x;}
.nav p{ float:left; padding:7px 10px 0 0;}
.nav a{color:#666; font-weight:bold; font-size:1em; text-decoration:none; margin:0 0 0 20px ; float:left; text-transform: capitalize;}
.nav a:hover{ text-decoration:none; color: #346B98}
.nav img{ float:left; }
.nav span{ display:inline-block; padding:3px 0 0 4px;}

.home_banner{ background:url(/imgs/banner_bg.jpg) 0 0 no-repeat; height:393px; margin:10px 0 15px;  }
.promotional_rate{ position:absolute; left:570px; top:130px;}
.tag{ position:absolute; top:-9px; left:677px;}
.slogan{ position:absolute; left:40px; top:40px;}
.order_btn{ position:absolute; left:40px; top:268px;}

.home_package{ background:url(/imgs/home_packages.gif) 0 0 no-repeat; height:129px; margin:0 0 20px;}
.home_package ul{ overflow:hidden; zoom:1; padding:0 0 0 12px;}
.home_package li{ float:left; background:url(/imgs/divide-line.gif) right bottom no-repeat; padding:0 2px 0 0;}
.home_package li a{height:104px; padding:22px 10px 0; display:inline-block;}
.home_package li a:hover{ background:url(/imgs/pkg_hover.gif) 0 2px repeat-x;}
.examples {width:260px; display:inline-block; float:right; padding:20px 20px 0 0; color:#333; text-decoration:none; font-weight:bold; cursor:pointer; }
.examples img{ float:right;}
.examples span{width:140px; padding:10px 0 0; display:inline-block; font-size:1.4em; line-height:1.2em; }
.examples:hover span{ text-decoration:underline;}

.content_block{ background:url(/imgs/content_bg.gif) 0 0 repeat-y; margin:0 0 15px;}
.steps_bar{ overflow:hidden; zoom:1; margin:0 0 20px; padding:0 0 20px; border-bottom:3px dotted #efefef; }
.steps_bar a{ display:inline-block; float:left; width:33%; text-align:center; color:#ccc;} 
.steps_bar a strong{ display:block; padding:10px 0 4px;}
.steps_bar a span{ font-size:1.2em; font-weight:bold;}
.steps_bar a.current{ color:#FF9900;}
.steps_bar a.current strong{ color:#333;}
.content{ padding:0 20px 0;}
.content{}
.content p{ line-height:1.3em; margin:0 0 15px; text-align:justify;}
.content p.title{ font-size:1.3em; color:#66CCFF;}
.content p strong.title{ color: #336699;  }
.content h2{ margin:10px 0 20px;}
h1.page_title{ margin:0 0 20px; padding:10px 10px 0; text-transform:uppercase; font-weight:bold; font-size:1.1em; color: #4874A4; overflow:hidden; zoom:1;}
h1.page_title .right{ float:right;}
.option_tab{ overflow:hidden; zoom:1; background:url(/imgs/dot.gif) left bottom repeat-x;}
.option_tab li{ float:left;}
.option_tab li a{ display:inline-block; width:157px; height:34px;padding:12px 0 0; margin:0 20px 0 0; text-align:center;  font-weight:bold; text-decoration:none; color:#999; letter-spacing:-0.02em; background:url(/imgs/tab_bg2.gif) 0 0 no-repeat;}
/* #pp_01, #pp_02 { border-top:0;} */
.option_content{ padding:20px; margin:0 0 20px; background:#f0f2f4; border:2px solid #dbdbdb; font-size:0.9em; }
.option_content input.txt1{height:18px; border:2px solid #ccc;} 
 
.option_tab li.select a{ color:#333; background:url(/imgs/tab_bg.gif) 0 0 no-repeat;}
span.price{ color:#FF0000; font-weight:bold;}

/* sigun-up table */
.table_01 th{border-bottom:3px solid #E3EAEA;  font-weight:bold; line-height:1.4em; font-size:1.1em; color: #4874A4;  padding:10px; text-transform:capitalize; text-align:left; }
.table_01 tr.alt td{ background:#ECF1F4;}
tr.special td{ background: #E3EAB3}
.table_01 td{ padding:10px 20px; border-bottom:1px solid #fff; vertical-align:top} 
.table_01 td label{ color:#333; font-weight:bold; width:140px; display:inline-block;}
.table_01 td input.txt1{ width:160px;}

#account_tag  {padding-bottom: 30px ; padding-top: 15px; margin: 0px ; border:#CCCCCC solid 2px; background:#FFFFFF; -webkit-border-radius: 5px;-moz-border-radius: 5px ; }
#account_tag li { padding: 5px 0;  font-weight: bold; text-transform:capitalize; height: 26px; line-height: 26px; font-size: 16px }
#account_tag li a { color:#000000 ; text-decoration:none; padding: 0 15px}
#account_tag li a:hover, #account_tag li.select a { display: block; width: 110px; background:#999999; color:#FFFFFF; height: 26px}

#acc_info { padding: 10px 30px; border:#CCCCCC solid 2px; background:#FFFFFF; -webkit-border-radius: 7px;-moz-border-radius: 7px ; color:#333; font-size: 14px; line-height: 1.2em;}
#acc_info ul li{ padding: 2px 10px}
#acc_info h2 { color:#0066CC;padding: 5px 0; font-size: 16px; background:#f5f5f5}

#acc_info ul.noBorder li { float:left;}
#acc_info span.detail a { color:#333; font-size: 12px; font-weight: normal}

#acc_info .order_info {overflow: hidden; font-size: 13px; color: #666}
#acc_info .order_info a { color:#666}
#acc_info .order_info ul { border-bottom: #CCCCCC dashed 1px; padding: 10px 0; overflow:hidden; margin: 5px }
#acc_info .order_info li { float:left}
#acc_info .order_info ul.first  { color:#0066CC; font-size: 16px; background:#f5f5f5; font-weight:bold; padding: 10px 0}
#acc_info .order_info  .w20 { width: 20%; }
#acc_info .order_info  .w33 {width: 33%}
#acc_info .order_info  .w27 {width: 27%}
#acc_info .order_info  .w50 {width: 50%}
#acc_info .order_info  .w30 {width: 30%; }
#acc_info .order_info  .w12 {width: 12%; }

#detail_info  {padding: 20px 10px; border:#CCCCCC solid 2px; background:#FFFFFF; -webkit-border-radius: 7px;-moz-border-radius: 7px ; color:#333; font-size: 14px; line-height: 1.2em; }
#detail_info .order_info {overflow: hidden; font-size: 13px; color: #333}
#detail_info .order_info a { color:#333}
#detail_info  h2 { color:#0066CC;padding: 10px; font-size: 16px; background:#f5f5f5}
#detail_info .order_info ul { border-bottom: #aaa dashed 1px; overflow:hidden; margin: 10px 0; padding: 0 10px}
#detail_info .order_info li { float:left ; padding: 4px}
#detail_info .order_info li.w730  {width: 738px;} 
#detail_info .order_info li.w88  { width: 86%; color:#000; font-weight: bold}

#detail_info .order_info li.w20  {width: 20%;  text-transform:capitalize; font-weight:bold}
#detail_info .order_info li.w18  {float:right}
#detail_info .order_info li.w70  {width: 70%}
#detail_info .order_info li.w70 form { margin:5px 0;}
#detail_info .order_info li.w70 input { background:#f9f9f9; display:block; margin: 2px 0;  }
#detail_info .order_info p { font-size: 14px; padding: 7px 0 }
#detail_info  h3 { margin-top: 15px; font-weight: normal; }
#detail_info .order_info  .w20 { width: 20%; }
#detail_info .order_info  .w33 {width: 33%}
#detail_info .order_info  .w27 {width: 27%}
#detail_info .order_info  .w50 {width: 50%}
#detail_info .order_info  .w30 {width: 30%; }
#detail_info .order_info  .w12 {width: 12%; }

.msg {border:#CCCCCC solid 1px; padding: 20px}
 
/* pakcage table  
table.table_02{background: #999; border-collapse:separate; border-spacing:1px; border:3px solid #ccc;}
 
.table_02 td.blue{ background:#E4F3FA url(/imgs/graidan_blue.gif) left bottom repeat-x;}
.table_02 td.bronze{ background:#FFCC66 url(/imgs/graidan_bronze.gif) left bottom repeat-x;}
.table_02 td.silver{ background:#EBEBEB url(/imgs/graidan_silver.gif) left bottom repeat-x;}
.table_02 td.gold{ background:#FFFFCC url(/imgs/graidan_gold.gif) left bottom repeat-x;}
.table_02 td{ padding:10px 20px; vertical-align:middle;}

.table_02 td ul li.first{ height:100px;}

.table_02 span,.table_02 span{ display:block; text-align:center; color:#FFF; }
.col_1{ background:#3A729A;  }
.col_2{ background: #E4F3FA;}
.col_3{ background: #FFCC66;}
.col_4{ background: #EBEBEB;}
.col_5{ background: #FFFFCC;} 
*/

/* pakcage table  */
table.table_02{background: #999; border-collapse:separate; border-spacing:1px; border:3px solid #ccc; font-size:0.8em;  } 
.table_02 td{ vertical-align:middle;  } 
.table_02 span{   }
.pck_unit{  font-size:1.2em;}
.pck_unit td{ background:url(/imgs/pkg_hover2.gif) left bottom repeat-x;   padding:10px; text-align:center; width:170px; display:block; font-weight:bold;}
.pck_unit td span {display:inline-block; height:40px; text-align:center; color:#666;}

.pck_unit1 td{background:url(/imgs/graidan_silver.gif) 0 0 repeat-x;  text-align:center; display:block; height:40px; padding:20px 0 0; vertical-align:middle;   }
.pck_unit1 td span{  padding:10px; text-align:center; color:#666;}
.pck_unit1 td.ff{ font-weight:bold; display:block; height:93px; background:url(/imgs/graidan_silver.gif) 0 0 repeat-x;  vertical-align:middle;}
td.speical{background: #E8A61E; color:#000; font-weight:bold;}
td.speical div{padding:20px; border:1px solid #FFCC00; overflow:hidden; zoom:1;}

  
.banner_info{ margin:25px 0 0;}
.banner_info legend{ font-weight:bold; padding:0 0 8px;}
.banner_info p{ padding:0 0 4px; margin:0; font-size:0.9em;}
textarea.txt1{height:100px;  border:2px solid #ccc;}
fieldset textarea.txt1{ width:60%; height:100px; border:2px solid #ccc;}
input.txt1{height:22px; border:2px solid #ccc; }
input.txt2{border:2px solid #ccc; width:56px; margin: 0 2px}

input.txt3, textarea.txt3{ width:360px;border:2px solid #ccc;}
input.txt4{ width:45px;border:2px solid #ccc;}

fieldset input.txt1{width:60%;height:22px; border:2px solid #ccc; }
.important{ border:2px solid #dbdbdb; background:#f0f2f4; padding:20px; margin:20px 0;}
.important b{ color:#f00}
.total_price{ font-size:1.6em; font-weight:normal;}
.total_price .price{ font-weight:bold;}


.btn_row{ margin:20px; text-align:right; overflow:hidden; zoom:1;}
/*
.yellow_btn{ font-size:14px; display:inline-block; text-decoration:none; font-weight:bold;  text-transform:capitalize;  border-top:1px solid  #DDAA4D;border-left:1px solid #DDAA4D;border-bottom:1px solid #954F24; border-right:1px solid #954F24; background: #FFCC00 url(/imgs/yellow-btn.gif) 0 0 repeat-x;}
.yellow_btn span{ display:inline-block;height:34px!important;  color:#000!important; line-height:34px; padding:0 16px; border:1px solid #FFFFCC;}
.yellow_btn:hover{}
.yellow_btn:hover span{ border:1px solid #E8CC5E; color:#f00!important }
*/
.yellow_btn{   font-size:14px; display:inline-block; width: 90px; height: 35px; text-decoration:none; font-weight:bold;  text-transform:capitalize; text-align:center  ; background:url(../imgs/button.png) no-repeat;}
.yellow_btn span{ display:inline-block;height:34px!important;  color:#000!important; line-height:34px; padding:0 16px; }
.yellow_btn:hover{}
.yellow_btn:hover span{ color:#f00!important }

/* contact us  */
.right{float:right;}
.right_block{ overflow:hidden; zoom:1; width:200px; margin:0 0 20px; border:3px solid #A3CCDC; padding:5px; font-size:0.9em; background: #D8ECF5 url(/imgs/right_blc_bg.gif) right top no-repeat;}
.right_block p{ margin:0 0 10px; line-height:1.2em;   }
.right_block p strong.title{ color: #336699; font-size:1.1em;}
.left_icon{ float:left; padding:0 4px 0 0;  }
.right_block .email{padding:0 0 5px 60px; display:block;   text-decoration:none;}
.email:hover{ text-decoration:underline;}

.address strong, .address span{ display:block;}
.address a.map{ font-size:0.8em; font-weight:normal; margin:0 0 0 6px;}

.left_block{ float:left; width:620px; font-size:0.9em; padding:10px 10px 0 5px;}

.faq li{ border-bottom:1px dotted #ccc; margin:0 0 12px;}

.banner_examples{ overflow:hidden; zoom:1;}

.banner_examples img{ float:left; margin:0 20px 10px 0;}

/* tooltip */
div#qTip {
  border: 1px solid #666;
  border-right-width: 2px;
  border-bottom-width: 2px;
  line-height:1.4em; 
  display: none;
  background: #F9F5E8;
  color: #333333; 
  font-size:12px;
  text-align: left;
  position: absolute;
  z-index: 1000;
}
p.pop_package { width:240px; padding:2px 5px; }
p.pop { background:#F9F5E8; text-align:center; vertical-align:middle; }
p.pop strong{ display:inline; padding:0 0 8px; font-size:2em; }
p.pop span { font-size:1.2em; }

.footer{ font-size:0.8em; color:#999; padding:35px 0 20px; text-align:center; }
.footer_links a{ color:#333; text-decoration:none;}
.footer_links a:hover{ color:#3366CC}

/* ******* */
/*12/24/2009*/
/* ******* */
.banner_title{display:none;}
.option_content_billing{
padding:0px;
margin:0 0 20px;
background:#f0f2f4;
border:2px solid #dbdbdb;
font-size:0.9em;
}

.table_billing th{ }
.table_billing tr.alt td{ background:#ECF1F4;}
.table_billing tr.special td{ background: #E3EAB3}
.table_billing td{ padding:10px 5px; border-bottom:1px solid #fff; vertical-align:top} 
.table_billing td label{ color:#333; font-weight:bold; width:140px; display:inline-block;}
.table_billing td input.txt1{ width:160px;}

/** style for error.phtml page **/
#error_block{}
#error_cap{}
#error_content{padding:15% 10%;text-align:center;background:url(/imgs/content_bg.gif) repeat-y;}
#error_bottom{height:14px;}

/** style for login_panel class **/
.login_panel ul{margin-left:1em;}
.login_panel li{font:14px "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;padding-right:1em;padding-top:0.7em;}
.login_panel a{text-decoration:none;color:#000000;}

#choose_text{padding:10px 0 0 15px;}

#user_form {background:#203345; width:100%; height:40px; border-bottom:#FFFFFF solid 1px; color:#FFFFFF; vertical-align:middle;}
.login_panel_usr {right:50%; margin-right:-100px;}
.login_panel_usr .input_btn {height:23px}
.login_panel_usr label  {padding-right:5px }
#user_form .inputbox  { padding-left: 3px}
.login_panel_usr ul{margin-left:1em;}
.login_panel_usr li {padding-left: 15px; padding-right:1em; padding-top:0.7em; display:inline-block;}
.login_panel_usr a{text-decoration:none; color:#fff;}