body{
margin:0;
font-family:Tahoma, Geneva, sans-serif;
font-size:14px;
color:#333;
/*background:#81d8f4 url(http://www.myreadyweb.com/images/front/background.jpg) center no-repeat fixed;*/
/*background:#81d8f4 url(http://www.myreadyweb.com/images/front/2014.jpg) center no-repeat fixed;*/
}
a, input{outline:none;}
a{text-decoration:none;}
img{border:0;}
form, p, h1, h2, h3, h4, h5, h6{margin:0; padding:0;}
.clear{clear:both;}
#wrap{margin:0 auto; width:1000px;}

/* header */
#header{
position:relative;
margin:0 auto;
width:1000px;
height:272px;
background:url(http://www.myreadyweb.com/images/front/header-bg-new2.jpg)  repeat-x;
/*border-bottom:3px solid #3396c6;*/
}
h1 a{
position:absolute;
display:block;
/*top:15px;*/
left:5px;
width:361px;
height:108px;
background:url(http://www.myreadyweb.com/images/front/logo-new.jpg);
text-indent:-5000px;
}
#memberbar, #memberbar-login{position:relative; top:190px;   height:80px;}
#memberbar{background:url(http://www.myreadyweb.com/images/front/login-head-10-06-2015.jpg);}
#memberbar-login{background:url(http://www.myreadyweb.com/images/front/login-head-login-10-06-2015.jpg);}
#member-manage{
margin:0;
padding:0;
list-style:none;
position:absolute;
top:5px;
left:20px;
}
#member-manage strong{color:#2488ef;}
#member-manage a{color:#4f7397;}
#member-manage a:hover{color:#6c95c0;}
.username, .password, .check{
color:#666;
padding:0;
position:absolute;
height:20px;
width:180px;
left:85px;
background:none;
border:0px;
}
.username{top:12px;}
.password{top:47px;}
.login, .forget{
position:absolute;
width:95px;
height:59px;
left:280px;
border:0;
cursor:pointer;
}
#header-logo-contact{
	list-style:none;
	margin:0;
	padding:0;	
}
#header-logo-contact li{
	display:inline-block;
	*display:inline;
}
.payment-detail02{ font-size:15px;}

.login{top:10px; background:url(http://www.myreadyweb.com/images/front/memberbar-botton.png);}
.login:hover{background-position:0 -59px;}
.forget{display:block; top:56px; background:url(http://www.myreadyweb.com/images/front/memberbar-botton.png) 0 -170px;}
.forget:hover{background-position:0 -196px;}
.check{left:295px; top:59px;}
.check-botton{
position:absolute;
border:0;
width:95px;
height:59px;
left:553px;
top:22px;
cursor:pointer;
background:url(http://www.myreadyweb.com/images/front/memberbar-botton.png);
}
.check-botton:hover{background-position:0 -59px;}

/* menu */
ul#menu{
position:absolute;
top:140px;
margin:0;
padding:0;
width:1000px;
height:55px;
white-space:nowrap;
background:url(http://www.myreadyweb.com/images/front/menu-bg.png) right no-repeat;
}
#menu li{display: inline;list-style-type: none;}
#menu a{display:block; float:left; height:55px; text-indent:-5000px;}
.home{width:118px; background:url(http://www.myreadyweb.com/images/front/menu-home.png);} 
.web{width:135px; background:url(http://www.myreadyweb.com/images/front/menu-web.png);}
.web:hover{background-position:0 -56px;}
.design{width:142px; background:url(http://www.myreadyweb.com/images/front/menu-design.png);}
.design:hover{background-position:0 -56px;}
.template{width:133px; background:url(http://www.myreadyweb.com/images/front/menu-template.png);}
.template:hover{background-position:0 -56px;}
.payment{width:116px; background:url(http://www.myreadyweb.com/images/front/menu-payment.png);}
.payment:hover{background-position:0 -56px;}
.menulogin{width:116px; background:url(http://www.myreadyweb.com/images/front/menu-login.png);}
.menulogin:hover{background-position:0 -56px;}
.contact{width:116px; background:url(http://www.myreadyweb.com/images/front/menu-contact.png);}
.contact:hover{background-position:0 -56px;}
#call{position:absolute; width:336px; height:62px; top:155px; left:662px; background:url(http://www.myreadyweb.com/images/front/call.jpg);}
#live_support{position:absolute; width:194px; height:52px; top:160px; left:2px; background:url(http://www.myreadyweb.com/images/front/live-bg.jpg);}
#page{margin:0 auto; width:1000px;}
	
/* sidebar */
#sidebar{padding:2px 0 0 2px; width:198px; float:left;}
.side-menu{margin:0; padding:0; list-style-type:none; width:194px;}
.side-menu a{display:block; width:194px; text-indent:-5000px;}
.side-signup, .side-design, .side-who, .side-step, .side-feature{margin:0 0 5px 0; height:61px;}
.side-signup{background:url(http://www.myreadyweb.com/images/front/side-menu-signup.jpg);}
.side-design{background:url(http://www.myreadyweb.com/images/front/side-menu-design.jpg);}
.side-who{background:url(http://www.myreadyweb.com/images/front/side-menu-who.jpg);}
.side-step{background:url(http://www.myreadyweb.com/images/front/side-menu-step.jpg);}
.side-feature{background:url(http://www.myreadyweb.com/images/front/side-menu-feature.jpg);}

.side-faq, .side-prepair, .side-tutorial, .side-link{margin:2px 0; height:31px; }
.side-faq{background:url(http://www.myreadyweb.com/images/front/side-menu-botton.jpg);}
.side-faq:hover{background-position:0 -31px;}
.side-prepair{background:url(http://www.myreadyweb.com/images/front/side-menu-botton.jpg) 0 -62px;}
.side-prepair:hover{background-position:0 -93px;}
.side-tutorial{background:url(http://www.myreadyweb.com/images/front/side-menu-botton.jpg) 0 -124px;}
.side-tutorial:hover{background-position:0 -155px;}
.side-link{background:url(http://www.myreadyweb.com/images/front/side-menu-botton.jpg) 0 -186px;}
.side-link:hover{background-position:0 -217px;}

.side-support{margin:5px 0; height:57px; background:url(http://www.myreadyweb.com/images/front/support-forum.jpg);}
.side-doc{margin:5px 0; height:57px; background:url(http://www.myreadyweb.com/images/front/doc.jpg);}
.side-upgrade{margin:5px 0; height:63px; background:url(http://www.myreadyweb.com/images/front/upgrade.jpg);}
.side-policy{margin:20px 0 5px 0; height:70px; background:url(http://www.myreadyweb.com/images/front/policy.jpg);}
#likebox{margin:15px 0 0 0; width:194px;}

/* content */
#content{
float:left;
padding:2px 3px 0 2px;
width:795px;
}
#hilight{width:795px; height:218px;}
#numberone{
	display:none;
	background:url(http://www.myreadyweb.com/images/front/bannernubmerone.jpg);
	height:186px;
	margin-top:5px;
}
#sounduser{
	margin-top:5px;
	margin-bottom:5px;
}
#sounduser ul{
	background:url(http://www.myreadyweb.com/images/front/banner-user.jpg);
	list-style:none;
	height:142px;
	margin:0;
	padding:0;
	padding-top:213px;
	*width:100%;
}
#sounduser ul  li.first{
	padding-left:10px;
}

#sounduser ul  li span{
	padding:5px;
	*padding:7px;
}

#sounduser ul  li{
	display:inline-block;
	*display:inline;
	width:187px;
	*width:186px;
	*height:130px;
	vertical-align:top;
	font-size:13px;	
	padding-right:10px;
	color:#ffffff;
	float:left;
}
#sounduser ul > li.last{
	padding-right:0;
}
#feature{
font-size:12px;
margin:8px 0 0 0;
width:795px;
height:479px;
background:url(http://www.myreadyweb.com/images/front/feature-bg.jpg);
}
#feature ul{
margin:0;
padding:53px 0 0 12px;
width:775px;
height:420px;
}
#feature ul li{
padding:0  10px 0 0;
float:left;
list-style-type:none;
width:248px;
height:100px;
}
#feature a.icon{
float:left;
display:block;
width:80px;
height:1px;
overflow:hidden;
padding:79px 0 0 0;
}
#feature a{color:#031625; font-weight:bold;}
#feature p{
float:left;
width:153px;
padding:0 0 0 5px;
color:#fff;
}

#template{
position:relative;
width:795px;
height:560px;
}
#template strong{
display:block;
width:795px;
height:70px;
text-indent:-5000px;
background:url(http://www.myreadyweb.com/images/front/template-head.jpg);
}
#template div{position:absolute;}
.boxgrid{  
background:#161613; 
overflow:hidden; 
position:relative; 
}
.boxgrid img{ 
position:absolute; 
top:0; 
left:0; 
}
#template p{color:#007dde; margin:0 5px 5px 5px; font-size:11px;}
#template a{
display:block;
color:#fff;
font-size:12px;
font-weight:bold;
}
#template-luxury{
width:291px;
height:208px;
position:absolute;
}
#template-luxury a{margin:142px 5px 0 5px;}
#template-beach{
width:256px;
height:154px;
left:296px;
}
#template-beach a{margin:88px 5px 0 5px;}
#template-grunge{
width:238px;
height:154px;
left:557px;
}
#template-grunge a{margin:88px 5px 0 5px;}
#template-business{
width:291px;
height:166px;
top:283px;
}
#template-business a{margin:100px 5px 0 5px;}
#template-sci-fi{
width:256px;
height:158px;
top:229px;
left:296px;
}
#template-sci-fi a{margin:90px 5px 0 5px;}
#template-lecture{
width:291px;
height:102px;
top:454px;
}
#template-lecture a{margin:35px 5px 0 5px;}
#template-minimal{
width:256px;
height:164px;
left:296px;
top:392px;
}
#template-minimal a{margin:98px 5px 0 5px;}
#template-blossom{
width:238px;
height:328px;
left:557px;
top:229px;
}
#template-blossom a{margin:260px 5px 0 5px;}

/* footer */
#footer{
margin:10px auto;
padding:15px 0 0 0;
width:996px;
height:74px;
color:#628a96;
background:url(http://www.myreadyweb.com/images/front/footer-bg.jpg);
}
.logo-footer{
display:block;
float:left;
margin:-3px 0 0 5px;
width:181px;
height:51px;
background:url(http://www.myreadyweb.com/images/front/logo-footer.jpg);
text-indent:-5000px;
}
#footer p{padding:0 0 2px 205px;}
#footer a{color:#254d58;}
.fb, .tw{
float:left;
display:block;
width:20px;
height:0px;
margin:4px 5px 0 0;
padding:20px 0 0 0;
overflow:hidden;
}
.fb{background:url(http://www.myreadyweb.com/images/front/fb.jpg);}
.tw{background:url(http://www.myreadyweb.com/images/front/tw.jpg);}
.fb:hover, .tw:hover{background-position:0 -20px;}

#page-box{
width:773px;
padding:25px 10px;
border:1px solid #b8c5c9;
border-top:0;
background:url(http://www.myreadyweb.com/images/front/page-box-bg.jpg) top repeat-x;
}
.shadow{width:795px; height:12px; background:url(http://www.myreadyweb.com/images/front/shadow.jpg) no-repeat;}

/* other page */
.form1 p{
clear:left;
margin:4px 0;
padding:5px 0;
}
.form1 label{
float:left;
margin:0;
width:240px;
height:20px;
}
.form2 p{
clear:left;
margin:4px 0;
padding:5px 0;
}
.form2 label{
float:left;
margin:0;
width:200px;
height:20px;
}
.form3 p{
clear:left;
margin:2px 0;
padding:2px 0;
}
.form3 label{
float:left;
margin:0;
width:100px;
height:20px;
}
input, textarea, select{font-family:Tahoma, Geneva, sans-serif; font-size:12px;}
.text-input, .digit-input, .textarea1, .textarea2, .form1 select{border:1px solid #aacad5; color:#333; padding:0 0 0 4px; margin:0 7px 0 0; float:left;}
.text-input{width:200px; height:20px;}
.digit-input{width:100px; height:20px;}
.textarea1{width:300px; height:120px;}
.textarea2{width:510px; height:200px;}
.submit-button{
margin:15px 0;
padding:39px 0 0 0;
width:122px;
height:39px;
border:0;
cursor:pointer;
font-size:0;
background:url(http://www.myreadyweb.com/images/front/submit.jpg);
}
.submit-button:hover{background-position:0 -39px;}
.submit-button-small{
margin:15px 0;
padding:0 0 4px 0;
width:100px;
height:32px;
border:0;
cursor:pointer;
color:#fff;
font-family:Tahoma, Geneva, sans-serif;
font-weight:bold;
font-size:14px;
background:url(http://www.myreadyweb.com/images/front/submit-small.jpg);
}
.submit-button-small:hover{background-position:0 -32px;}
.error{background:#fcd589; border:1px solid #e88c54;  }
.form1 p b.error ,.form1 p blink.error, .form1 p b.succes{ 
float:left;
display:block;
font-size:12px;
border:0px;
font-weight:bold;
}
.form1 p b.error, .form1 p blink.error{
height:18px;
padding:2px 0 0 20px;
color:#cb7575;
background:url(http://www.myreadyweb.com/images/front/warn.jpg) no-repeat;
font-weight:bold;
}
.form1 p b.succes{ 
height:24px;
padding:3px 0 0 26px;
color:#529806;
background:url(http://www.myreadyweb.com/images/front/succes.gif) no-repeat;
}
#signup, #policy, #forwho, #webdesign, #contact, #payment, #step, #tutorial, #faq, #start, #forget, #link, #news, #login, #lastupdate{
width:793px;
height:29px;
border:1px solid #91b4c0;
background:url(http://www.myreadyweb.com/images/front/page-head-bg.jpg);
}
#signup h2, #policy h2, #forwho h2, #webdesign h2, #contact h2, #payment h2, #step h2, #tutorial h2, #faq h2, #start h2, #forget h2, #link h2, #news h2, #login h2, #lastupdate h2{
height:0;
margin:0 0 0 10px;
padding:29px 0 0 0;
overflow:hidden;
}
#signup h2{background:url(http://www.myreadyweb.com/images/front/signup-head.jpg) no-repeat;}
#policy h2{background:url(http://www.myreadyweb.com/images/front/policy-head.jpg) no-repeat;}
#forwho h2{background:url(http://www.myreadyweb.com/images/front/who-head.jpg) no-repeat;}
#webdesign h2{background:url(http://www.myreadyweb.com/images/front/webdesign-head.jpg) no-repeat;}
#contact h2{background:url(http://www.myreadyweb.com/images/front/contact-head.jpg) no-repeat;}
#payment h2{background:url(http://www.myreadyweb.com/images/front/payment-head.jpg) no-repeat;}
#step h2{background:url(http://www.myreadyweb.com/images/front/step-head.jpg) no-repeat;}
#tutorial h2{background:url(http://www.myreadyweb.com/images/front/tutorial-head.jpg) no-repeat;}
#faq h2{background:url(http://www.myreadyweb.com/images/front/faq-head.jpg) no-repeat;}
#start h2{background:url(http://www.myreadyweb.com/images/front/start-head.jpg) no-repeat;}
#forget h2{background:url(http://www.myreadyweb.com/images/front/forget-head.jpg) no-repeat;}
#link h2{background:url(http://www.myreadyweb.com/images/front/link-head.jpg) no-repeat;}
#news h2{background:url(http://www.myreadyweb.com/images/front/news-head.jpg) no-repeat;}
#login h2{background:url(http://www.myreadyweb.com/images/front/login-head.jpg) no-repeat;}
#lastupdate h2{background:url(http://www.myreadyweb.com/images/front/lastupdate-head.jpg) no-repeat;}

.mark{color:#da6024;}
.block{float:left; margin:0 5px 0 0;}
#alert{
margin:0;
height:42px;
line-height:42px;
padding:0 0 0 15px;
background:url(http://www.myreadyweb.com/images/front/alert-bg.jpg);
border:1px solid #a1bd5b;
}
#alert img{vertical-align:middle;}
#under{
margin:0 auto;
width:362px;
height:66px;
background:url(http://www.myreadyweb.com/images/front/under.jpg);	
}

#faq-box{margin:0; padding:0; list-style:none;}
#faq-box li{width:385px; height:190px; float:left;}
#faq-box strong{display:block; color:#0478a1; padding:15px 0 20px 53px;}
.faq-what{background:url(http://www.myreadyweb.com/images/front/faq-what.jpg) left no-repeat;}
.faq-who{background:url(http://www.myreadyweb.com/images/front/faq-who.jpg) left no-repeat;}
.faq-free{background:url(http://www.myreadyweb.com/images/front/faq-free.jpg) left no-repeat;}
.faq-know{background:url(http://www.myreadyweb.com/images/front/faq-know.jpg) left no-repeat;}
.faq-domain{background:url(http://www.myreadyweb.com/images/front/faq-domain.jpg) left no-repeat;}
.faq-option{background:url(http://www.myreadyweb.com/images/front/faq-option.jpg) left no-repeat;}
#faq-box p{padding:5px 18px 20px 10px; color:#57676c;}

#tutorial-page{list-style:none; margin:0; padding:0;}
#tutorial-page strong{
font-weight:bold;
color: #06C;
}
#tutorial-page a{color: #06C;}
#tutorial-page img{
padding:5px;
margin:5px 0;
border:1px solid #ccc;
}

#webstart{margin:0; padding:0; list-style:none; float:left;}
#webstart li{float:left; width:353px; height:270px; padding:0 0 0 20px;}
#webstart li strong{display:block; width:353px; height:98px; text-indent:-5000px;}
#webstart li p{display:block; padding:10px 0 0 0;}

#webstart01{background:url(http://www.myreadyweb.com/images/front/webstart01.jpg);}
#webstart02{background:url(http://www.myreadyweb.com/images/front/webstart02.jpg);}
#webstart03{background:url(http://www.myreadyweb.com/images/front/webstart03.jpg);}
#webstart04{background:url(http://www.myreadyweb.com/images/front/webstart04.jpg);}

#webstart-signup{float:left; width:770px; padding:20px 0 0 0;}
#webstart-signup-botton{
display:block;
margin:0 auto;
text-indent:-5000px;
width:212px;
height:37px;
background:url(http://www.myreadyweb.com/images/front/signup.jpg);
}
#webstart-signup-botton:hover{background-position:0 -37px;}

#forwho-text{float:left; width:280px; padding:0 20px 0 0;}
#forwho-text p{display:block; padding:0 0 20px 0;}

#forwho-list{
float:left;
width:470px;
margin:0;
padding:0;
list-style:none;
}
#forwho-list li{float:left;}
#forwho-list li a{
color:#0478A1;
display:block;
float:left;
width:190px;
height:32px;
padding:0 0 0 45px;
margin:0 0 5px 0;
line-height:32px;
}
#forwho01{background:url(http://www.myreadyweb.com/images/front/forwho-icon.jpg) no-repeat;}
#forwho02{background:url(http://www.myreadyweb.com/images/front/forwho-icon.jpg) 0 -35px no-repeat;}
#forwho03{background:url(http://www.myreadyweb.com/images/front/forwho-icon.jpg) 0 -70px no-repeat;}
#forwho04{background:url(http://www.myreadyweb.com/images/front/forwho-icon.jpg) 0 -112px no-repeat;}
#forwho05{background:url(http://www.myreadyweb.com/images/front/forwho-icon.jpg) 0 -152px no-repeat;}
#forwho06{background:url(http://www.myreadyweb.com/images/front/forwho-icon.jpg) 0 -195px no-repeat;}
#forwho07{background:url(http://www.myreadyweb.com/images/front/forwho-icon.jpg) 0 -233px no-repeat;}
#forwho08{background:url(http://www.myreadyweb.com/images/front/forwho-icon.jpg) 0 -273px no-repeat;}
#forwho09{background:url(http://www.myreadyweb.com/images/front/forwho-icon.jpg) 0 -309px no-repeat;}
#forwho10{background:url(http://www.myreadyweb.com/images/front/forwho-icon.jpg) 0 -345px no-repeat;}
#forwho11{background:url(http://www.myreadyweb.com/images/front/forwho-icon.jpg) 0 -386px no-repeat;}
#forwho12{background:url(http://www.myreadyweb.com/images/front/forwho-icon.jpg) 0 -423px no-repeat;}
#forwho13{background:url(http://www.myreadyweb.com/images/front/forwho-icon.jpg) 5px -462px no-repeat;}
#forwho14{background:url(http://www.myreadyweb.com/images/front/forwho-icon.jpg) 0 -500px no-repeat;}
#forwho15{background:url(http://www.myreadyweb.com/images/front/forwho-icon.jpg) 0 -539px no-repeat;}
#forwho16{background:url(http://www.myreadyweb.com/images/front/forwho-icon.jpg) 0 -579px no-repeat;}
#forwho17{background:url(http://www.myreadyweb.com/images/front/forwho-icon.jpg) 0 -617px no-repeat;}
#forwho18{background:url(http://www.myreadyweb.com/images/front/forwho-icon.jpg) 0 -658px no-repeat;}
#forwho19{background:url(http://www.myreadyweb.com/images/front/forwho-icon.jpg) 0 -698px no-repeat;}
#forwho20{background:url(http://www.myreadyweb.com/images/front/forwho-icon.jpg) 0 -735px no-repeat;}
#forwho21{background:url(http://www.myreadyweb.com/images/front/forwho-icon.jpg) 0 -770px no-repeat;}
#forwho22{background:url(http://www.myreadyweb.com/images/front/forwho-icon.jpg) 0 -810px no-repeat;}
#forwho23{background:url(http://www.myreadyweb.com/images/front/forwho-icon.jpg) 0 -888px no-repeat;}
#forwho24{background:url(http://www.myreadyweb.com/images/front/forwho-icon.jpg) 0 -845px no-repeat;}

#link-baner{width:770px; padding:0 0 30px 0;}
#link-code{width:770px; padding:30px 0 0 0; height:125px; border-top:1px solid #aacad5;}
#link-code p{display:block; width:450px; height:50px; float:left;}
#link-code p img{float:left;}
#link-code p span{float:left; display:block; width:357px; padding:0 0 0 5px; color:#0478a1;}

/* หน้า package */
#packagecard{width:773px; height:200px; background:url(http://www.myreadyweb.com/images/front/packagecard.jpg) 15px 0 no-repeat;}
.detailhead{width:81px; height:21px; text-align:center; line-height:21px; color:#fff; font-size:14px; font-weight:bold; background:url(http://www.myreadyweb.com/images/front/detailhead.jpg);}
.detail{width:77px; height:66px; padding:2px; color:#496168; background:#cae2e9; text-align:center; vertical-align:top;}
.spechead{height:23px; padding:0 0 0 3px;}
.spechead{color:#fff; background:#50abc5; font-weight:bold;}
.spec01, .spec02{padding:5px 0 5px 3px;}
.spec01, .price2{color:#044d62; background:#cae2e9;}
.spec02{color:#044d62;}
.free, .price, .thirdyearprice01, .thirdyearprice02, .thirdyearprice03, .thirdyearprice04, .thirdyearprice05, .thirdyearprice06, .thirdyearprice07{font-size:18px; font-weight:bold; text-align:center;}
.free{color:#d41d05;}
.price{color:#f89522;}
.price2{text-align:center; font-size:14px; font-weight:bold;}
.thirdyear{height:100px; vertical-align:top;}
.thirdyear strong{display:block; color:#d41d05; background:#cae2e9; height:23px; padding:0 0 0 3px; line-height:23px;}
.thirdyearprice01, .thirdyearprice02, .thirdyearprice03, .thirdyearprice04, .thirdyearprice05, .thirdyearprice06, .thirdyearprice07{vertical-align:top; color:#d41d05;}
.thirdyearprice01{background:#cae2e9 url(http://www.myreadyweb.com/images/front/pricebg-01.jpg) no-repeat;}
.thirdyearprice02{background:#dfe7c0 url(http://www.myreadyweb.com/images/front/pricebg-02.jpg) no-repeat;}
.thirdyearprice03{background:#c8ece1 url(http://www.myreadyweb.com/images/front/pricebg-03.jpg) no-repeat;}
.thirdyearprice04{background:#e7e0e7 url(http://www.myreadyweb.com/images/front/pricebg-04.jpg) no-repeat;}
.thirdyearprice05{background:#dee5eb url(http://www.myreadyweb.com/images/front/pricebg-05.jpg) no-repeat;}
.thirdyearprice06{background:#ecdede url(http://www.myreadyweb.com/images/front/pricebg-06.jpg) no-repeat;}
.thirdyearprice07{background:#cdcdcd url(http://www.myreadyweb.com/images/front/pricebg-07.jpg) no-repeat;}
.thirdyearprice01 span, .thirdyearprice02 span, .thirdyearprice03 span, .thirdyearprice04 span, .thirdyearprice05 span, .thirdyearprice06 span, .thirdyearprice07 span{display:block; height:58px;}
.signup01, .signup02, .signup03, .signup04, .signup05, .signup06, .signup07{display:block; margin:0 auto; width:69px; height:26px; text-indent:-5000px;}
.signup01{background:url(http://www.myreadyweb.com/images/front/signup01.jpg);}
.signup02, .signup03, .signup04, .signup05, .signup06, .signup07{background:url(http://www.myreadyweb.com/images/front/signup02.jpg);}
.ph1, .ph2, .ph3, .ph4, .ph5, .ph6, .ph7{text-indent:-5000px;}
.ph1{background:url(http://www.myreadyweb.com/images/front/ph1.jpg);}
.ph2{background:url(http://www.myreadyweb.com/images/front/ph2.jpg);}
.ph3{background:url(http://www.myreadyweb.com/images/front/ph3.jpg);}
.ph4{background:url(http://www.myreadyweb.com/images/front/ph4.jpg);}
.ph5{background:url(http://www.myreadyweb.com/images/front/ph5.jpg);}
.ph6{background:url(http://www.myreadyweb.com/images/front/ph6.jpg);}
.ph7{background:url(http://www.myreadyweb.com/images/front/ph7.jpg);}
.bg1-1, .bg1-2, .bg2-1, .bg2-2, .bg3-1, .bg3-2, .bg4-1, .bg4-2, .bg5-1, .bg5-2, .bg6-1, .bg6-2, .bg7-1, .bg7-2, .bg8-1, .bg8-2, .bg9-1, .bg9-2{text-align:center;}
.bg1-1{background:#cae2e9;}
.bg1-2{background:#8cc7ee;}
.bg2-1{background:#dfe7c0;}
.bg2-2{background:#c3d28a;}
.bg3-1{background:#c8ece1;}
.bg3-2{background:#a1d3c4;}
.bg4-1{background:#e7e0e7;}
.bg4-2{background:#d3b7ce;}
.bg5-1{background:#dee5eb;}
.bg5-2{background:#b1c3cf;}
.bg6-1{background:#ecdede;}
.bg6-2{background:#d5b9b8;}
.bg7-1{background:#cdcdcd;}
.bg7-2{background:#a6a6a6;}
.bg8-1{background:#eeeccd;}
.bg8-2{background:#e7e3aa;}
.bg9-1{background:#d4d4ab;}
.bg9-2{background:#feffb8;}
.yes{display:block; width:18px; height:15px; margin:0 auto; text-indent:-5000px; background:url(http://www.myreadyweb.com/images/front/yes.png);}

/* หน้า ออกแบบเว็บไซต์ */
#designintro{width:770px; height:364px; padding:0 0 10px 0; background:url(http://www.myreadyweb.com/images/front/design-bg.jpg?) no-repeat; position:relative;}
#designintro p{display:block; width:367px; height:175px; position:absolute; right:8px; bottom:0;}
#designintro p span{color:#126ab8;}
#package-basic{width:385px; height:494px; float:left; background:url(http://www.myreadyweb.com/images/front/package-basic-bg.jpg) 9px 9px no-repeat; position:relative;}
#package-smart{width:385px; height:494px; float:left; background:url(http://www.myreadyweb.com/images/front/package-smart-bg.jpg) 9px 9px no-repeat; position:relative;}
#package-exclusive{width:385px; height:494px; float:left; background:url(http://www.myreadyweb.com/images/front/package-exclusive-bg.jpg) 9px 9px no-repeat; position:relative;}
#package-premium{width:385px; height:494px; float:left; background:url(http://www.myreadyweb.com/images/front/package-premium-bg.jpg) 9px 9px no-repeat; position:relative;}

.package-detail{width:326px; height:170px; position:absolute; top:165px; left:30px; color:#fff;}
.package-detail strong.basic{display:block; font-size:20px; color:#083c58;}
.package-detail strong.smart{display:block; font-size:20px; color:#1a2302;}
.package-detail strong.exclusive{display:block; font-size:20px; color:#3d2d01;}
.package-detail strong.premium{display:block; font-size:20px; color:#000;}
.package-detail span{display:block; padding:5px 8px; height:45px;}
.package-detail ul{padding:0; margin:0; list-style:none;}
.package-detail ul li{line-height:20px; padding:0 0 0 18px;}
.basic-list li{background:url(http://www.myreadyweb.com/images/front/package-bullet.png) 6px 2px no-repeat;}
.smart-list li{background:url(http://www.myreadyweb.com/images/front/package-bullet.png) 6px -18px no-repeat;}
.exclusive-list li{background:url(http://www.myreadyweb.com/images/front/package-bullet.png) 6px -38px no-repeat;}
.premium-list li{background:url(http://www.myreadyweb.com/images/front/package-bullet.png) 6px -58px no-repeat;}

.package-button{width:325px; height:50px; position:absolute; bottom:9px; left:30px;}
.package-button span{display:block; float:left; width:166px; height:42px; font-size:11px; color:#90a5ac;}
.basic-button, .smart-button, .exclusive-button, .premium-button{display:block; float:left; width:159px; height:42px; font-size:20px; color:#fff; text-align:center; line-height:40px; background:url(http://www.myreadyweb.com/images/front/package-button.png) no-repeat;}
.basic-button:hover{background-position:0 -42px;}
.smart-button:hover{background-position:0 -84px;}
.exclusive-button:hover{background-position:0 -126px;}
.premium-button:hover{background-position:0 -168px;}

.design-preview-head, .design-preview-body, .design-preview-footer{width:773px;}
.design-preview-head{height:53px; margin:35px 0 0 0; text-indent:-5000px; background:url(http://www.myreadyweb.com/images/front/design-preview-head.jpg); text-align:center;}
.design-preview-body{background:url(http://www.myreadyweb.com/images/front/design-preview-body.jpg); text-align:center;}
.design-preview-body ul{margin:0; padding:0 0 0 25px; width:736px; list-style:none;}
.design-preview-body ul li{width:240px; height:200px; float:left;}
.design-preview-body ul li a img{width:230px; height:140px;}

.design-preview-body ul li p{font-size:12px; padding:0 0 0 3px; color:#566670; text-align:left;}
.design-preview-body ul li p a{color:#006398; te}
.design-preview-footer{height:18px; background:url(http://www.myreadyweb.com/images/front/design-preview-footer.jpg);}

.webuser-preview-head, .webuser-preview-body, .webuser-preview-footer{width:773px;}
.webuser-preview-head{height:53px; margin:35px 0 0 0; text-indent:-5000px; background:url(http://www.myreadyweb.com/images/front/webuser-preview-head.jpg); text-align:center;}
.webuser-preview-body{background:url(http://www.myreadyweb.com/images/front/webuser-preview-body.jpg); text-align:center;}
.webuser-preview-body ul{margin:0; padding:0 0 0 25px; width:736px; list-style:none;}
.webuser-preview-body ul li{width:240px; height:200px; float:left;}
.webuser-preview-body ul li a img{width:230px; height:140px;}

.webuser-preview-body ul li p{font-size:12px; padding:0 0 0 3px; color:#566670; text-align:left;}
.webuser-preview-body ul li p a{color:#006398; te}
.webuser-preview-footer{height:18px; background:url(http://www.myreadyweb.com/images/front/webuser-preview-footer.jpg);}

/* หน้าสมัครแพคเกจ */
.step, .realstep{margin:0; padding:0; list-style:none; width:768px; text-indent:-5000px;}
.step{position:absolute; z-index:10; height:34px;}
.realstep{height:73px;}
.step li, .realstep li{float:left;}
#step1{width:150px; height:34px;}
#step2{width:159px; height:34px;}
#step3{width:156px; height:34px;}
#step4{width:156px; height:34px;}
#step5{width:147px; height:34px;}
.realstep1{width:150px; height:73px; background:url(http://www.myreadyweb.com/images/front/step1.jpg);}
.realstep1-over{width:150px; height:73px; background:url(http://www.myreadyweb.com/images/front/step1-over.jpg);}
.realstep1-3{width:150px; height:73px; background:url(http://www.myreadyweb.com/images/front/step1-3.jpg);}
.realstep2{width:159px; height:73px; background:url(http://www.myreadyweb.com/images/front/step2.jpg);}
.realstep2-over{width:159px; height:73px; background:url(http://www.myreadyweb.com/images/front/step2-over.jpg);}
.realstep2-3{width:159px; height:73px; background:url(http://www.myreadyweb.com/images/front/step2-3.jpg);}
.realstep2-4{width:159px; height:73px; background:url(http://www.myreadyweb.com/images/front/step2-4.jpg);}
.realstep3{
width:156px;
height:73px;
background:url(http://www.myreadyweb.com/images/front/step3.jpg);
}
.realstep3-over{
width:156px;
height:73px;
background:url(http://www.myreadyweb.com/images/front/step3-over.jpg);
}
.realstep3-4{
width:156px;
height:73px;
background:url(http://www.myreadyweb.com/images/front/step3-4.jpg);
}
.realstep4{
width:156px;
height:73px;
background:url(http://www.myreadyweb.com/images/front/step4.jpg);
}
.realstep4-5{
width:156px;
height:73px;
background:url(http://www.myreadyweb.com/images/front/step4-5.jpg);
}
.realstep4-over{
width:156px;
height:73px;
background:url(http://www.myreadyweb.com/images/front/step4-over.jpg);
}
.realstep5{
width:147px;
height:73px;
background:url(http://www.myreadyweb.com/images/front/step5.jpg);
}
.realstep5-over{
width:147px;
height:73px;
background:url(http://www.myreadyweb.com/images/front/step5-over.jpg);
}

#content_step2 strong, #content_step3 strong, #content_step4 strong, #signupFormstep2 p{color:#0478A1;}
.green{color:#6f8f0e;}
.blue{color:#0478A1;}
#content_step3 strong, #content_step4 strong{display:block; padding:0 0 15px 0;}
#signupFormstep2 p{display:block; padding:5px 0;}
#new_domain, #old_domain{padding:5px 0 25px 25px;}
#new_domain span, #old_domain span{display:block; float:left; color:#666; font-size:12px; padding:3px 5px 0 0;}
.regis-border-head{width:770px; height:18px; margin:25px 0 0 0; background:url(http://www.myreadyweb.com/images/front/regis-border-head.jpg);}
.regis-border-body{width:740px; padding:0 0 0 30px; background:url(http://www.myreadyweb.com/images/front/regis-border-body.jpg);}
.regis-border-footer{width:770px; height:18px; background:url(http://www.myreadyweb.com/images/front/regis-border-footer.jpg);}

.package-spec{margin:0; padding:15px 0; width:700px; list-style:none; border-top:1px solid #eee;}
.package-spec li{color:#666;}

.addspec-wrap{margin:15px 0; padding:1px; width:700px; border:1px solid #CAE2E9; clear:both;}
.addspec{margin:0; padding:0; list-style:none; width:400px; float:left;}
.addspec li{line-height:23px;}
.addspec-head{background:#50ABC5; color:#fff; padding:0 0 0 3px; font-weight:bold;}
.addspec-list{background:#CAE2E9; color:#044D62; padding:0 0 0 3px;}
.addspec-list-show{color:#666; padding:2px 0 2px 3px; border-bottom:1px solid #eee;}
.list01{display:block; float:left; width:250px;}

.addspec-design{color:#3e4a00; width:299px; float:left; margin:0 0 0 1px;}
.addspec-design1{display:block; background:#C3D28A; padding:0 0 0 3px; float:left; height:23px; width:296px; line-height:23px; font-weight:bold;}
.addspec-design2{display:block; background:#DFE7C0; padding:0 0 0 3px; float:left; height:23px; width:296px; line-height:23px;}

/* หน้า payment */
.payment-bank-detail{margin:30px 0 0 0;}