/*----------------------------------------- FONT ---------- */
@font-face {
    font-family: 'RockoFLFRegular';
    src: url('rockoflf-webfont.eot');
    src: url('rockoflf-webfont.eot?#iefix') format('embedded-opentype'),
         url('rockoflf-webfont.woff') format('woff'),
         url('rockoflf-webfont.ttf') format('truetype'),
         url('rockoflf-webfont.svg#RockoFLFRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RockoFLFBold';
    src: url('rockoflf-bold-webfont.eot');
    src: url('rockoflf-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('rockoflf-bold-webfont.woff') format('woff'),
         url('rockoflf-bold-webfont.ttf') format('truetype'),
         url('rockoflf-bold-webfont.svg#RockoFLFBold') format('svg');
    font-weight: normal;
    font-style: normal;

}					
/*----------------------------------------- Contents & Typography ---------- */
.table_wrap{
font-family: 'RockoFLFRegular', Arial, sans-serif;
}		

.table_wrap h1{
font-size: 2.8em;
line-height: 130%;
}

.table_wrap h2{
font-size: 2.0em;
line-height: 130%;
}

.purple_l {
	color:#9f5691;
}

.purple_d {
	color:#701f60;
}
.white{
    color:#fff;
}
.table_wrap small{

 	font-family: Arial,sans-serif;
 	font-size: 10px;


}
.table_wrap p{
 	font-family: Arial,sans-serif;
 	font-size: 12px;
    color:#666666;
}
a.pink,
a.pink:link,
a.pink:active,
a.pink:visited{
  color:#C6F;
}


/*----------------------------------------- Styled Table 1 ---------- */
.styled_table_1 table{
border-collapse:separate;
border-spacing: 3px;
}
.styled_table_1 td{
padding:3px;

}

.styled_table_1 tr.white_ht{
background:#fff;
}
.styled_table_1 tr.l_grey{
background:#f6f6f6;
}

.styled_table_1 tr{
background:#e3e3e3;
}

.styled_table_1 tr:hover{
background:#fff;
}

.styled_table_1 th{
  background: #fff;/* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9ebff', endColorstr='#e8c9e2'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#f9ebff), to(#e8c9e2)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #f9ebff,  #e8c9e2); /* for firefox 3.6+ */ 
  background: -o-linear-gradient(#f9ebff, #e8c9e2);
  color:#fff;
  position:relative;
  padding-bottom: 5px;
}

.styled_table_1 tfoot td{
  height:64px;
  border-bottom: 4px solid #404040;
  background: #fff;/* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#d0d0d0'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#d0d0d0)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #f6f6f6,  #d0d0d0); /* for firefox 3.6+ */ 
  background: -o-linear-gradient(#f6f6f6, #d0d0d0);
  color:#fff;
  position:relative;
}


/*----------------------------------------- Styled Table 2 ---------- */
.styled_table_2 table{
border-collapse:separate;
border-spacing: 3px;

}
.styled_table_2 td{
padding:3px;

}

.styled_table_2 tr.white_ht{
background:#fff;
}
.styled_table_2 tr.l_grey{
background:#f6f6f6;
}

.styled_table_2 tr{
background:#e3e3e3;
}

.styled_table_2 tr:hover{
background:#fff;
}

.styled_table_2 th{
  background: #fff;/* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ecd7f6', endColorstr='#dab2d2'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#ecd7f6), to(#dab2d2)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #ecd7f6,  #dab2d2); /* for firefox 3.6+ */ 
  background: -o-linear-gradient(#ecd7f6, #dab2d2);
  color:#fff;
  position:relative;
  padding-bottom: 5px;  
}

.styled_table_2 tfoot td{
  height:64px;
  border-bottom: 4px solid #404040;
  background: #fff;/* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#d0d0d0'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#d0d0d0)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #f6f6f6,  #d0d0d0); /* for firefox 3.6+ */ 
  background: -o-linear-gradient(#f6f6f6, #d0d0d0);
  color:#fff;
  position:relative;

}

/*----------------------------------------- Styled Table 3 ---------- */
.styled_table_3 table{
border-collapse:separate;
border-spacing: 3px;

}
.styled_table_3 td{
padding:3px;
}

.styled_table_3 tr.white_ht{
background:#fff;
}
.styled_table_3 tr.l_grey{
background:#f6f6f6;
}

.styled_table_3 tr{
background:#e3e3e3;
}

.styled_table_3 tr:hover{
background:#fff;
}

.styled_table_3 th{
  background: #fff;/* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2b5e0', endColorstr='#c693bc'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#d2b5e0), to(#c693bc)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #d2b5e0,  #c693bc); /* for firefox 3.6+ */ 
  background: -o-linear-gradient(#d2b5e0, #c693bc);
  color:#fff;
  position:relative;
  padding-bottom: 5px;
}

.styled_table_3 tfoot td{
  height:64px;
  border-bottom: 4px solid #404040;
  background: #fff;/* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#d0d0d0'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#d0d0d0)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #f6f6f6,  #d0d0d0); /* for firefox 3.6+ */ 
  background: -o-linear-gradient(#f6f6f6, #d0d0d0);
  color:#fff;
  position:relative;
}
/*----------------------------------------- Styled Table 4 ---------- */
.styled_table_4 table{
border-collapse:separate;
border-spacing: 3px;

}
.styled_table_4 td{
padding:3px;
}

.styled_table_4 tr.white_ht{
background:#fff;
}
.styled_table_4 tr.l_grey{
background:#f6f6f6;
}

.styled_table_4 tr{
background:#e3e3e3;
}

.styled_table_4 tr:hover{
background:#fff;
}

.styled_table_4 th{
  background: #fff;/* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cea6e0', endColorstr='#b774aa'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#cea6e0), to(#b774aa)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #cea6e0,  #b774aa); /* for firefox 3.6+ */ 
  background: -o-linear-gradient(#cea6e0, #b774aa);
  color:#fff;
  position:relative;
  padding-bottom: 5px;
}

.styled_table_4 tfoot td{
  height:64px;
  border-bottom: 4px solid #404040;
  background: #fff;/* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#d0d0d0'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#d0d0d0)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #f6f6f6,  #d0d0d0); /* for firefox 3.6+ */ 
  background: -o-linear-gradient(#f6f6f6, #d0d0d0);
  color:#fff;
  position:relative;
}





/*----------------------------------------- For Service Package Page---------- */
.items{
width:220px;
float:left;
margin-right:10px;
margin-bottom:30px;
}









/*----------------------------------------- Round Corner---------- */
/*------- For Under IE 9---------- */
.tl {
left:0;
width:0px;
height: 0px;
width:18px\9;
height:16px\9;
background:url(img/tl.png) left no-repeat;
position: absolute;
top:0px;
display:block;
}

.tr {
right:0;
width:0px;
height: 0px;
width:18px\9;
height:16px\9;
background:url(img/tr.png) right no-repeat;
position: absolute;
right:-1px;
display:block;
}

/*------- For Others---------- */
.rounded_corners_topright {
-moz-border-radius-topright: 20px;
-khtml-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
border-top-right-radius: 20px;
behavior: url(border-radius.htc);
}

.rounded_corners_topleft {
-moz-border-radius-topleft: 20px;
-khtml-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
border-top-left-radius: 20px;
behavior: url(border-radius.htc);
}

.all_top_rounded {
-moz-border-radius-topright: 20px;
-moz-border-radius-topleft: 20px;
-khtml-border-radius-topright: 20px;
-khtml-border-radius-topleft: 20px;
-webkit-border-top-right-radius: 20px;
-webkit-border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-top-left-radius: 20px;
behavior: url(border-radius.htc);
}














