#order{color:#666;text-align:left;font-size:12px;line-height:normal;width:840px;margin:0 auto;}
.left_side{float:left;width:400px}
.right_side{float:right;width:400px}
#order p{margin:0 0 10px}
#order h2{height:18px;font-size:11px;color:#888;font-weight:700;line-height:17px;background:transparent url(../images/order/h2_bg.gif) bottom left repeat-x;margin:0 0 10px}
#order h2 a:hover{color:#4495EC}
#order .order_page2 h4 {font-size:11px;color:#888;font-weight:700;line-height:normal;margin:0 0 2px;}
#order .order_page2 h4 a{color:#888;text-decoration:none;}
#order .order_page2 h4 a:hover{color:#4495EC;text-decoration:none;}
#order h3{color:#a8a8a8;font-size:11px;height:20px;line-height:19px;font-weight:700;background:transparent url(../images/order/h3_bg.gif) top left no-repeat;margin:0 0 10px;padding:0 6px}
#order h5{color:#a8a8a8;font-size:11px;height:20px;line-height:19px;font-weight:700}

#order .btn{border:1px solid #e0e0e0;color:#666;background:#fff url(../images/layout/login_btn_bg.jpg) top left repeat-x;width:50px;height:20px;padding:0 4px 2px}
.error{color:#d72626;font-size:11px}
.tooltip{width:300px;background:#e0dfdf;margin:0 0 5px 5px;padding:1px;z-index:1000}
.tt_bg{width:298px;background:#fff;padding:1px}
.tt_content{color:#999;font-size:11px;text-align:justify;background:#fff url(../images/layout/input_bg.png) top right repeat-x;padding:10px}
p.error{font-weight:normal;padding:0 0 0 2px;}
.order_steps{position:absolute;display:block;bottom:19px;right:66px;width:206px;height:58px}
.step1{background:transparent url(../images/order/pw_step1.png) top center no-repeat}
.step2{background:transparent url(../images/order/pw_step2.png) top center no-repeat}
.step3{background:transparent url(../images/order/pw_step3.png) top center no-repeat}
.step4{background:transparent url(../images/order/pw_step4.png) top center no-repeat}
.step5{background:transparent url(../images/order/pw_step5.png) top center no-repeat}
a.add_page{float:right;width:57px;height:20px;background:#fff url(../images/order/add_page_btn_bg.png) top left no-repeat;color:#999;font-size:11px;line-height:19px;text-align:center;cursor:pointer;text-decoration:none;margin:0 0 0 10px}
a.add_page:hover{color:#ffa73d}
.order_page3 dl,.order_page3 dl dt,.order_page3 dl dd{margin:0}
.order_page3 dl{overflow:hidden}
.order_page3 dl dt a.name,.order_page3 dl dt a.name:link,.order_page3 dl dt a.name:visited{float:left;color:#666;font-size:11px;line-height:13px;text-decoration:none}
.order_page3 dl dt{height:16px;background:transparent url(../images/order/dot_line_bg.gif) bottom left repeat-x}
.order_page3 dl dd{clear:both;color:#999;font-size:11px;line-height:13px;text-align:justify}
.order_page3 dl dd span{display:block;height:40px}
a.info{float:right;color:#999;font-size:0;text-decoration:none;width:45px;height:12px;line-height:12px;cursor:help;background:transparent url(../images/order/info_btn.gif) top center no-repeat}
a.info:hover{background:transparent url(../images/order/info_btn.gif) bottom center no-repeat}
a.del{float:right;color:#999;font-size:0;text-decoration:none;width:45px;height:12px;line-height:12px;cursor:help;background:transparent url(../images/order/delete_btn.gif) bottom center no-repeat}
a.del:hover{background:transparent url(../images/order/delete_btn.gif) top center no-repeat}
#order p.whats_next {text-align:center;margin:0;margin:40px 0 0;font-weight:700;color:#aaa;font-size:11px;}
#order p.whats_next span {color:#ffa73d;}
.order_nav{background:transparent url(../images/order/nav_shadow.png) top center no-repeat;margin:0;padding:20px 0 0 0;}
.order_page4 .top_nav{background:transparent url(../images/order/h2_bg.gif) bottom left repeat-x;margin:0 0 20px;padding:0 0 5px}
a.step1_btn,a.step1_btn:link,a.step1_btn:visited{display:block;width:123px;height:24px;background:transparent url(../images/order/step1_btn.gif) top center no-repeat;margin:0 auto;}
a.step1_btn:hover{background:transparent url(../images/order/step1_btn.gif) bottom center no-repeat}
a.step3_btn,a.step3_btn:link,a.step3_btn:visited{display:block;width:146px;height:24px;background:transparent url(../images/order/step3_btn.gif) top center no-repeat;margin:0 auto;}
a.step3_btn:hover{background:transparent url(../images/order/step3_btn.gif) bottom center no-repeat}
a.step4_btn,a.step4_btn:link,a.step4_btn:visited{display:block;width:118px;height:24px;background:transparent url(../images/order/step4_btn.gif) top center no-repeat;margin:0 auto;}
a.step4_btn:hover{background:transparent url(../images/order/step4_btn.gif) bottom center no-repeat}
a.step5_btn,a.step5_btn:link,a.step5_btn:visited{display:block;width:90px;height:24px;background:transparent url(../images/order/step5_btn.gif) top center no-repeat;margin:0 auto;}
a.step5_btn:hover{background:transparent url(../images/order/step5_btn.gif) bottom center no-repeat}
.template_listing{width:99%}
.template_listing td{width:33%;text-align:center}
.list_nav{width:200px;height:32px;background:transparent url(../images/order/template_btn_bg.png) top center no-repeat;margin:4px 0 0;padding:0;overflow:hidden;}
a.choose,a:link.choose,a:visited.choose,a.preview,a:link.preview,a:visited.preview{float:left;height:26px;width:100px;line-height:26px;font-size:12px;font-weight:700;text-align:center;color:#999999;text-decoration:none}
a:hover.choose,a:hover.preview{color:#4495ec}
#order h2 a, .order_page4 .top_nav a:hover, #paging_nav ul li a span{color:#999;text-decoration:none;}
#order .order_page3 table,#paging_nav table{margin:0 auto}
#order .card_icon {cursor:help;float:right;margin:0 0 0 4px;}
#order .error_box {position:relative;border:1px solid #ff6f6f;font-size:11px;margin:20px auto}
#order .error_box2 {background:#ffe5e5;border:1px solid #fff;padding:10px;}
#order .error_box h5 {color:#ff4444;font-size:12px;height:20px;line-height:19px;font-weight:700}
#order .softwares {height:80px;}
#order .softwares .icon {float:left;width:70px;height:70px;}
#order .softwares .info {float:left;width:330px;}
#order .softwares .info h2 {font-family:Verdana,sans-serif;margin:0 0 2px;line-height:15px;font-weight:700;color:#999;}
#order .softwares .info p {font-size:11px;text-align:justify;}
#order .softwares .sw_banner { background:#fff url(../images/order/software_icons/sw_banner.png) top center no-repeat;}
#order .softwares .sw_catalogue { background:#fff url(../images/order/software_icons/sw_catalogue.png) top center no-repeat;}
#order .softwares .sw_contact { background:#fff url(../images/order/software_icons/sw_contact.png) top center no-repeat;}
#order .softwares .sw_gallery { background:#fff url(../images/order/software_icons/sw_gallery.png) top center no-repeat;}
#order .softwares .sw_news { background:#fff url(../images/order/software_icons/sw_news.png) top center no-repeat;}
#order .softwares .sw_reservation { background:#fff url(../images/order/software_icons/sw_reservation.png) top center no-repeat;}
#order .softwares .sw_search { background:#fff url(../images/order/software_icons/sw_search.png) top center no-repeat;}
#order .softwares .sw_testimonial { background:#fff url(../images/order/software_icons/sw_testimonial.png) top center no-repeat;}
#order .custom .softwares .info h2 a {font-family:Verdana,sans-serif;color: #999;float:left;}
#order .custom .softwares .info h2 a.checkbox_on { width:auto;padding:0 0 0 22px;text-decoration:none;}
#order .custom .softwares .info h2 a.checkbox_off { width:auto;padding:0 0 0 22px;text-decoration:none;}
#order .hot {position:absolute;top:-20px;right:-20px;width:50px;height:50px;background:transparent url(../images/order/hot.png) top center no-repeat;}
#order .website_features {width:840px;height:86px;background:transparent url(../images/order/step3_table_bg.png) top center no-repeat;}
#order .voucher {float:left;background:transparent url(../images/order/voucher_bg.png) no-repeat scroll left top;height:21px;padding:2px 3px 0;}
#order a.voucher_btn {float:left;margin:0 0 0 4px;width:37px;height:21px;background:transparent url(../images/order/voucher_btn.png) no-repeat left top;}
#order a.voucher_btn:hover {background:transparent url(../images/order/voucher_btn.png) no-repeat left bottom;}
#order a.voucher_clr_btn {float:left;margin:0 0 0 4px;width:44px;height:21px;background:transparent url(../images/order/voucher_clr_btn.png) no-repeat left top;}
#order a.voucher_clr_btn:hover {background:transparent url(../images/order/voucher_clr_btn.png) no-repeat left bottom;}
#order .vinput {float:left;border:0;background:none;line-height:13px;font-size:11px;color:#999;height:13px;width:120px;padding:2px 2px 0;}
#order .pprice span {color:#FFA73D;}
#order .step4_price {position:relative;display:block;width:840px;height:86px;background:transparent url(../images/order/step4_price_bg.png) top center no-repeat;margin:0 0 20px;}
#order .joomla {background:transparent url(../images/order/joomla_price_bg.png) top center no-repeat;}
#order .step4_price .price1{position:absolute;top:12px;left:174px;width:100px;text-align:right;font-family:Arial,Verdana,sans-serif;font-size:16px;font-weight:700;line-height:1.2em;color:#ffa73d;}
#order .joomla .price1{position:absolute;top:26px;left:140px;width:100px;text-align:right;font-family:Arial,Verdana,sans-serif;font-size:16px;font-weight:700;line-height:1.2em;color:#ffa73d;}
#order .step4_price .price2{position:absolute;top:44px;left:174px;width:100px;text-align:right;font-family:Arial,Verdana,sans-serif;font-size:16px;font-weight:700;line-height:1.2em;color:#ffa73d;}
#order .step4_price .price3{position:absolute;top:26px;right:22px;width:100px;text-align:right;font-family:Arial,Verdana,sans-serif;font-size:16px;font-weight:700;line-height:1.2em;color:#4495ec;}
#order .joomla .price3{position:absolute;top:26px;right:40px;width:100px;text-align:right;font-family:Arial,Verdana,sans-serif;font-size:16px;font-weight:700;line-height:1.2em;color:#4495ec;}
#order .step4_price span{color:#a8a8a8;}
#order a.error_btn {position:absolute;bottom:6px;right:6px;display:block;width:44px;height:22px;background:transparent url(../images/order/step5_error_btn.gif) top center no-repeat;}
#order a.error_btn:hover {background:transparent url(../images/order/step5_error_btn.gif) bottom center no-repeat;}