/* CSS Document */
.mycontainer { padding:10px 10px; background: url("../images/bg_top.jpg") no-repeat scroll left top;}
p { margin:0 10px;}
.steptab { height:49px; }
.steptab ul { margin:0; }
.steptab ul li { list-style-type:none; width:190px; margin:0;}
.steptab .tab1_detail { background:url(../images/tabsteb1.png) no-repeat left top; height:49px;}
.steptab .tab1_detail.past { background-position:0px -49px;}
.steptab .tab1_detail.active { background-position:0px -98px;}

.steptab .tab2_select {  background:url(../images/tabsteb1.png) no-repeat -190px 0;    height:49px;}
.steptab .tab2_select.past { background-position:-190px -49px;}
.steptab .tab2_select.active { background-position:-190px -98px;}

.steptab .tab3_checkout {background:url(../images/tabsteb1.png) no-repeat -380px 0; height:49px;}
.steptab .tab3_checkout.past { background-position:-380px -49px;}
.steptab .tab3_checkout.active { background-position:-380px -98px;}

.steptab .tab4_confirm { background:url(../images/tabsteb1.png) no-repeat -570px 0; height:49px;}
.steptab .tab4_confirm.past { background-position:-570px -49px;}
.steptab .tab4_confirm.active { background-position:-570px -98px;}

.order { background:url(../images/box_shoppingcart.png) no-repeat top right; width:405px; height:160px; float:right;}

.package { margin:0; height:auto;}
.package:after { display:block; content: " "; text-indent: -999em; overflow: hidden; background:url(../images/dotline.png) no-repeat left top; height:10px; margin:20px 0;}
.title_package { font-family:'psl_kandamodern_probold'; font-size:1.7em; margin:20px 0;}
.tabpackage { height:73px;}
.tabpackage ul { margin:0;}
.tabpackage ul li { list-style-type:none; float:left;}
.tabpackage a.student { display:block; background:url(../images/tab_package1.png) no-repeat left top; width:110px; height:60px;}
.tabpackage a:hover.student { display:block; background-position:0 -73px; }
.tabpackage a.student.active { display:block; background-position:0 0; height:73px; }

.tabpackage a.standard { display:block; background:url(../images/tab_package1.png) no-repeat -110px 0; width:110px; height:60px;}
.tabpackage a:hover.standard { display:block; background-position:-110px -73px; }
.tabpackage a.standard.active { display:block; background-position:-110px 0; height:73px; }

.tabpackage a.business { display:block; background:url(../images/tab_package1.png) no-repeat -220px 0; width:110px; height:60px;}
.tabpackage a:hover.business { display:block; background-position:-220px -73px; }
.tabpackage a.business.active { display:block; background-position:-220px 0; height:73px; }

.tabpackage a.luxury { display:block; background:url(../images/tab_package1.png) no-repeat -330px 0; width:110px; height:60px;}
.tabpackage a:hover.luxury { display:block; background-position:-330px -73px; }
.tabpackage a.luxury.active { display:block; background-position:-330px 0; height:73px; }

.tabpackage a.exclusive { display:block; background:url(../images/tab_package1.png) no-repeat -440px 0; width:110px; height:60px;}
.tabpackage a:hover.exclusive { display:block; background-position:-440px -73px; }
.tabpackage a.exclusive.active { display:block; background-position:-440px 0; height:73px; }

.tabpackage a.platinum { display:block; background:url(../images/tab_package1.png) no-repeat -550px 0; width:110px; height:60px;}
.tabpackage a:hover.platinum { display:block; background-position:-550px -73px; }
.tabpackage a.platinum.active { display:block; background-position:-550px 0; height:73px; }

.tabpackage a.platinumplus { display:block; background:url(../images/tab_package1.png) no-repeat -660px 0; width:108px; height:60px;}
.tabpackage a:hover.platinumplus { display:block; background-position:-660px -73px; }
.tabpackage a.platinumplus.active { display:block; background-position:-660px 0; height:73px; }

.package_box { height:auto;}
.package_title.student { background:url(../images/top_package.png) no-repeat left top; height:110px;}
.package_title.standard { background:url(../images/top_package.png) no-repeat; height:110px; background-position:0 -110px;}
.package_title.business { background:url(../images/top_package.png) no-repeat; height:110px; background-position:0 -220px;}
.package_title.luxury { background:url(../images/top_package.png) no-repeat; height:110px; background-position:0 -330px;}
.package_title.exclusive { background:url(../images/top_package.png) no-repeat; height:110px; background-position:0 -440px;}
.package_title.platinum { background:url(../images/top_package.png) no-repeat; height:110px; background-position:0 -550px;}
.package_title.platinumplus { background:url(../images/top_package.png) no-repeat; height:110px; background-position:0 -660px;}

.newcustomers { height:90px;}
.newcustomers ul { margin:0;}
.newcustomers ul li { list-style-type:none; float:left;}
.newcustomers .customers_title { font-family:'psl_kandamodern_probold'; text-align:right; width:177px; height:auto; padding:25px 0; }
.newcustomers .blue_arrow { display:block; background:url(../images/arrow_blue.png) no-repeat left; width:21px; padding:25px 0;}
.newcustomers .rates { display:block; background-color:#f5f5f5; width:142px; text-align:center; padding:25px 0; font-size: 14px;}
.customers { height:90px;}
.customers ul { margin:0;}
.customers ul li { list-style-type:none; float:left;}
.customers .customers_title { font-family:'psl_kandamodern_probold';; text-align:right; width:177px; padding:25px 0; }
.customers .blue_arrow { display:block; background:url(../images/arrow_blue.png) no-repeat left; width:21px; padding:25px 0;}
.customers .rates { display:block; background-color:#f5f5f5; width:142px; text-align:center; padding:25px 0; font-size: 14px;}

.viewbutton { height:50px; display: none;}
.viewbutton ul { margin:0;}
.viewbutton ul li {list-style-type:none; float:right; margin:10px 5px;}

.domainname { margin:0; height:auto;}
.domainname:after { display:block; content: " "; text-indent: -999em; overflow: hidden; background:url(../images/dotline.png) no-repeat left top; height:10px; margin:10px 0;}
.domainname_box { height:auto;}
.domainname_title { background:url(../images/tab_domainname.png) no-repeat left top; height:50px;}


.design { margin:0; height:auto;}
.design:after { display:block; content: " "; text-indent: -999em; overflow: hidden; background:url(../images/dotline.png) no-repeat left top; height:10px; margin:10px 0;}
.tabdesign { height:73px;}
.tabdesign ul { margin:0;}
.tabdesign ul li { list-style-type:none; float:left;}
.tabdesign a.design0 { display:block; background: url(../images/tab_design.png) no-repeat left top; width:110px; height:60px;}
.tabdesign a:hover.design0 { display:block; background-position:0 -73px; }
.tabdesign a.design0.active { display:block; background-position:0 0; height:73px; }

.tabdesign a.design1 { display:block; background:url(../images/tab_design.png) no-repeat -110px 0; width:110px; height:60px;}
.tabdesign a:hover.design1 { display:block; background-position:-110px -73px; }
.tabdesign a.design1.active { display:block; background-position:-110px 0; height:73px; }

.tabdesign a.design2 { display:block; background:url(../images/tab_design.png) no-repeat -220px 0; width:110px; height:60px;}
.tabdesign a:hover.design2 { display:block; background-position:-220px -73px; }
.tabdesign a.design2.active { display:block; background-position:-220px 0; height:73px; }

.tabdesign a.design3 { display:block; background:url(../images/tab_design.png) no-repeat -330px 0; width:110px; height:60px;}
.tabdesign a:hover.design3 { display:block; background-position:-330px -73px; }
.tabdesign a.design3.active { display:block; background-position:-330px 0; height:73px; }

.tabdesign a.design4 { display:block; background:url(../images/tab_design.png) no-repeat -440px 0; width:110px; height:60px;}
.tabdesign a:hover.design4 { display:block; background-position:-440px -73px; }
.tabdesign a.design4.active { display:block; background-position:-440px 0; height:73px; }

.tabdesign a.design5 { display:block; background:url(../images/tab_design.png) no-repeat -550px 0; width:110px; height:60px;}
.tabdesign a:hover.design5 { display:block; background-position:-550px -73px; }
.tabdesign a.design5.active { display:block; background-position:-550px 0; height:73px; }

.tabdesign a.design6 { display:block; background:url(../images/tab_design.png) no-repeat -660px 0; width:108px; height:60px;}
.tabdesign a:hover.design6 { display:block; background-position:-660px -73px; }
.tabdesign a.design6.active { display:block; background-position:-660px 0; height:73px; }

.design_box { height:auto;}
.design_title.design1 { background: url(../images/design_package.png) no-repeat left top; height:110px;}
.design_title.design2 { background: url(../images/design_package.png) no-repeat; height:110px; background-position:0 -110px;}
.design_title.design3 { background: url(../images/design_package.png) no-repeat; height:110px; background-position:0 -220px;}
.design_title.design4 { background: url(../images/design_package.png) no-repeat; height:110px; background-position:0 -330px;}
.design_title.design5 { background: url(../images/design_package.png) no-repeat; height:110px; background-position:0 -440px;}
.design_title.design6 { background: url(../images/design_package.png) no-repeat; height:110px; background-position:0 -550px;}

.designcustomers { height:90px;}
.designcustomers ul { margin:0;}
.designcustomers ul li { list-style-type:none; float:left;}
.designcustomers .design_detail { font-family:'psl_kandamodern_probold';; text-align:right; width:177px; padding:25px 0;}
.designcustomers .blue_arrow { display:block; background:url(../images/arrow_blue.png) no-repeat left; width:21px; padding:25px 0;}
.designcustomers .rates { display:block; background-color:#f5f5f5; width:190px; padding:25px 0; text-align:center; font-size: 14px;}

.contact {height:auto; background:url(../images/bg_contact.jpg) repeat-x; padding:15px; text-align:center;}
.contact p { margin: 5px 0;}

p:first-child red { color:#ea3131;}
p:first-child ora { color:#fc6a1b;}
p:first-child blu { color:#1ca6d9;}
p:first-child gre { color:#098569;}
p:first-child t1 { font-size:1.3em;}
p:first-child t2 { font-size:0.5em;}