html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, four_equalsquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, tr, th, td, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, input, textarea, blockquote { margin:0; padding:0; border:0; outline:0; font-size:100%; font-weight:normal; vertical-align:baseline; }
body { line-height:1 }
ol, ul { list-style:none }
four_equalsquote, q { quotes:none }
four_equalsquote:before, four_equalsquote:after, q:before, q:after { content:''; content:none }
:focus { outline:0 }
a { text-decoration:none }
/*********************************************************************************/
body { background:url(../images/bodyBg.png)}
#full-width { width:100%; float:left; background:url(../images/header.png) repeat-x; }
#full-width.green { background:url(../images/greenHead.png) repeat-x}
#full-width.design { background:url(../images/designHead.png) repeat-x }
#full-width.develop { background:url(../images/developHead.png) repeat-x }
.center-align { width:940px; margin:0 auto; }
#header { width:100%; float:left; height:453px; position:relative }
#header.inner { height:96px; }
#header a.logo { width:300px; height:109px; float:left; background:url(../images/logo.png) no-repeat; margin-top:0px; margin-left:-40px }
#full-width.green .logo { background:url(../images/logo-green.png) no-repeat; margin:25px 0 0 0; position:relative; z-index:1}
#full-width.design .logo { background:url(../images/logo-design.png) no-repeat; margin:25px 0 0 0; position:relative; z-index:1}
#full-width.develop .logo { background:url(../images/logo-develop.png) no-repeat; margin:25px 0 0 0; position:relative; z-index:1}
#full-width .logoGfx { width:453px; height:97px; float:left; position:absolute; z-index:0; left:-80px; background:url(../images/logoBgGreen.png) no-repeat}
#full-width .logoGfx2 { width:453px; height:97px; float:left; position:absolute; z-index:0; left:-120px; top:8px; background:url(../images/logoBg2.png) no-repeat}
#full-width .logoGfx3 { width:432px; height:89px; float:left; position:absolute; z-index:0; left:-120px; top:8px; background:url(../images/logoBg3.png) no-repeat}
ul#menu { width:635px; float:right; background:url(../images/menu-bg.png) no-repeat; height:30px; padding:0px 1px; margin:40px -20px 0 0; }
ul#menu li { width:auto; float:left; list-style:none; position:relative }
ul#menu li a, ul#menu li a.act { width:auto; float:left; font-family: 'MyriadProBold'; color:#d6d6d6; padding:7px 17px; text-transform:uppercase; font-size:14px; }
ul#menu li:hover a, ul#menu li a.act { background:url(../images/hover-bg.png) repeat-x; color:#fff }
ul#menu li a:hover.br { -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 2px; -moz-border-radius-bottomleft: 2px; border-top-left-radius: 2px; border-bottom-left-radius: 2px; }
ul#menu li a:hover.br, ul#menu li a:hover.br a.act { -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 2px; -moz-border-radius-bottomleft: 2px; border-top-left-radius: 2px; border-bottom-left-radius: 2px; }
ul#menu li a:hover.lr { -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
ul#menu li ul { width:150px; float:left; position:absolute; left:0; top:28px; background:#0099d4; display:none}
ul#menu li ul li { border-top:#CCC solid 1px}
ul#menu li ul li { width:100%}
ul#menu li ul li a { width:100%; padding:7px 0; text-indent:17px; font-size:13px}
ul#menu li ul li:first-child { border:0}
ul#menu li:hover ul li a { background:none}
#full-width.green ul#menu li ul { background:#98ca3c }
#full-width.design ul#menu li ul { background:#2ab4c8 }
#full-width.develop ul#menu li ul { background:#f36145 }
#full-width.green ul#menu { background:url(../images/menu-greenBg.png) no-repeat}
#full-width.green ul#menu a { color:#e7e7e7}
#full-width.green ul#menu li:hover a,#full-width.green ul#menu li a.act{background:url(../images/hover-green-bg.png) repeat-x}
#full-width.green ul#menu li:hover ul li a { background:none}
#full-width.design ul#menu { background:url(../images/menu-designBg.png) no-repeat}
#full-width.design ul#menu a { color:#e7e7e7}
#full-width.design ul#menu li:hover a,#full-width.design ul#menu li a.act{background:url(../images/hover-design-bg.png) repeat-x}
#full-width.design ul#menu li:hover ul li a { background:none}
#full-width.develop ul#menu { background:url(../images/menu-developBg.png) no-repeat}
#full-width.develop ul#menu a { color:#e7e7e7}
#full-width.develop ul#menu li:hover a,#full-width.develop ul#menu li a.act{background:url(../images/hover-develop-bg.png) repeat-x}
#full-width.develop ul#menu li:hover ul li a { background:none}
#banner { width:100%; float:left; }
#banner img { width:auto; float:left; margin-top:30px; margin-left:-37px }
#content { width:100%; float:left; background:#f0f0f2 url(../images/gradient-center.png) repeat-x; }
#inner { width:100%; float:left; background:url(../images/innerCntBg.png) repeat-x}
.host-plan { width:275px; height:210px; float:left; background:url(../images/h1.png) no-repeat; margin:40px 0 0 12px; padding:12px 15px; position:relative; padding-bottom:30px; position:relative }
.host-plan:first-child { margin-left:0px; }
.host-plan img.design1 { width:auto; float:left; position:relative; z-index:100; background:url(../images/h1-img.png) no-repeat center bottom; position: absolute; bottom:0px; left:0px; }
.host-plan img.design2 { background:url(../images/h2-img.png) no-repeat; }
.host-plan img.design2 { background:url(../images/h3-img.png) no-repeat; }
.host-plan h6 { width:auto; float:left; font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#356aa0; font-weight:700px }
.host-plan h6.grn { color:#3f8c3c }
.host-plan h6.red { color:#dc3735 }
.host-plan .exp { width:272px; float:left; padding:15px; position:absolute; left:0; top:250px; background:#D3D5DB; display:none}
.host-plan .exp ul { width:100%; float:left; margin-top:-5px;}
.host-plan .exp ul li { width:85px; height:85px; float:left; margin:8px 8px 0 0;}
.host-plan .exp ul li a { width:85px; height:85px; float:left; overflow:hidden}
.host-plan .exp ul li:nth-child(3n+0) { margin-right:0;}
.host-plan .exp p {width:100%; float:left; font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#545454; line-height:18px}
ul.plan-list { width:100%; float:left; margin-top:22px; }
ul.plan-list li { width:100%; float:left; list-style:none; }
ul.plan-list li a { width:100%; float:left; font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#545454; background:url(../images/tick.png) no-repeat left; padding-left:20px; margin-top:13px; }
.host-plan a.readmore { width:132px; height:36px; float:left; background:url(../images/btn.png) no-repeat; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#fcfcfc; text-align:center; line-height:34px; margin:30px 0 0 70px; text-transform:uppercase }
#shadow { width:100%; float: left; background:url(../images/btm-shadow.png) repeat-x center bottom; padding-bottom:40px }
#footer { width:100%; float:left; background:url(../images/footer.png) repeat-x; height:205px; }
.mini-wrap { width:330px; float:left; margin-top:40px }
.mini-wrap.lesswdth { width:260px; float:right; margin-right:0 }
.mini-wrap p { width:100%; float:left; font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#8b8b8b; line-height:18px; margin-top:10px; text-align:right; }
.mini-wrap p a { color:#00b8f6; float:none }
.mini-wrap:first-child { margin-top:0px; margin-left:5px }
.mini-wrap a { width:auto; float:left; }
.mini-wrap a img { width:auto; float:left; margin-right:10px; }
#footer h4 { width:100%; float:left; font-size:17px; color:#0091d1; font-family: Tahoma, Geneva, sans-serif; margin-top:22px; font-weight:800px }
ul.service-list { width:160px; float:left; margin-top:22px }
ul.service-list.wdth { width:100px; margin-left:30px }
ul.service-list li { width:100%; float:left; list-style:none; }
ul.service-list li a { width:100%; float:left; font-family: Tahoma, Geneva, sans-serif; font-size:12px; color:#545454; margin-top:5px; }
.mini-wrap a.btmlogo { width:223px; height:62px; float:right; background:url(../images/logo2.png) no-repeat; margin-top:20px }
h3,h4 { width:100%; float:left; margin-top:28px; font-family: 'MyriadProSBdSCn'; color:#0091d1; font-size:30px; line-height:30px}
h4 { font-size:20px; margin-top:22px;}
h3 span { font-size:20px; color:#545454}
.develop h3,.develop h4 { color:#f36347}
/*Inner Page Styles*/
#inner .full { width:100%; float:left;}
#inner .left { width:613px; float:left;}
#inner .right { width:308px; float:right;}
#inner .right .lst { width:100%; float:left; margin-top:15px;}
#inner .right .lst li { width:100%; float:left; border-top:#c1c1c1 solid 1px}
#inner .right .lst li:first-child { border:0}
#inner .right .lst li:first-child a { border:0}
#inner .right .lst li a { width:100%; float:left; font-family: 'MyriadProSBdSCn'; font-size:20px; line-height:50px; color:#356AA0; border-top:#f5f5f6 solid 1px; text-indent:10px}
#inner .right .lst li + li a { color:#3F8C3C}
#inner .right .lst li + li + li a { color:#DC3735}
#inner p { width:100%; float:left; margin-top:30px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#545454; line-height:24px}
#inner p2 { width:100%; float:left; margin-top:15px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#545454; line-height:18px}
#inner .list1 { width:100%; float:left }
#inner .list1 li { width:290px; float:left; margin-top:30px; }
#inner .list1 li .imgPan { width:278px; height:218px; float:left; margin-left:-2px; padding:6px; background:url(../images/immageBg.png) no-repeat}
#inner .list1 li .imgPan img { width:auto; float:left }
#inner .list1 li .imgPan p { margin-top:15px; text-indent:5px; font-family: 'MyriadProSBdSCn'; font-size:15px}
#inner .list1 li .imgPan p span { color:#878787; float:right; margin-right:5px;}
#inner .list1 li .imgPan a { width:auto; float:left; text-indent:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0091d1; text-decoration:underline}
#inner .list1 li .imgPan a:hover { text-decoration:none}
#inner .list1 li p { margin-top:10px}
#inner .list1 li.alt { margin-left:28px}
#inner .right .testim { width:258px; float:left; margin-top:30px; padding-left:50px; background:url(../images/quotsBg.png) no-repeat 9px 7px}
#inner .right .testim p { width:100%; float:left; margin-top:0; font-style:italic}
#inner .right .testim p + p { text-align:right; font-style:normal; line-height:15px; margin-top:5px; }
#inner .right .testim p a { color:#0091d1 }
#inner h4 + p { margin-top:8px}
#inner .left .pic { width:auto; float:left; margin:64px 0 0 22px}
#tabs1 { width:943px; height:265px; float:left; margin-top:55px; position:relative; z-index:2px}
#tabs1 li { width:301px; height:245px; float:left; margin-left:15px; border:#d2d2d7 solid 1px; background:url(../images/tabs1Bg.png) repeat-x; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; position:relative}
#tabs1 li:first-child { margin-left:0}
#tabs1 li .name { width:auto; float:left; margin:20px 0 0 10px; font-family: 'MyriadProSBdSCn'; font-size:25px; color:#81ab3e; line-height:21px}
#tabs1 li .price { width:auto; float:right; margin:20px 20px 0 0; font-family: 'MyriadProSBdSCn'; color:#484848; }
#tabs1 li .price .cur { width:auto; float:left; font-size:17px; margin-top:30px;}
#tabs1 li .price .amt { width:auto; float:left; font-size:58px}
#tabs1 li .price .wrp { width:auto; float:left}
#tabs1 li .price .cent { width:auto; float:left; font-size:35px}
#tabs1 li .price .mnt { width:auto; float:left; font-size:11px; clear:left}
#tabs1 li .cnt { width:270px; float:left; margin:23px 0 0 10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#545454; line-height:20px; text-align:justify}
#tabs1 li a { width:132px; height:36px; float:left; margin:0 0 0 -66px; position:absolute; top:200px; left:50%; background:url(../images/order.png) no-repeat}
#tabs1 li:hover,#tabs1 li.active { height:265px; border-bottom:0; background:#f2f2f6}
.tbCnt {width:937px; float:left; margin-top:-2px; padding-bottom:36px; border:#d2d2d7 solid 1px; background:#f2f2f6; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px}
.tbCnt .maniCnt {width:904px; float:left; margin:0 0 0 18px}
.tbCnt .maniCnt .list2 {width:100%; float:left; margin-top:10px;}
.tbCnt .maniCnt .list2 li {width:440px; float:left; margin-top:33px;}
.tbCnt .maniCnt .list2 li.alt {margin-left:19px}
.tbCnt .maniCnt .list2 li h6 { width:100%; float:left; font-family: 'MyriadProSBdSCn'; color:#81ab3e; font-size:21px; line-height:25px}
.tbCnt .maniCnt .list2 li h6 img { width:auto; float:left; margin:-5px 20px 0 0}
#inner .tbCnt .maniCnt .list2 li p { margin-top:15px; line-height:22px}
.tbCnt .maniCnt.green h4 { color:#81ab3e}
.tbCnt .maniCnt.red h4 { color:#bb1f21}
.tbCnt .maniCnt.blue h4 { color:#1e94a9}
#tbl-1 { width:904px; float:left; margin-top:25px;}
#tbl-1 .head { width:902px; height:61px; font-family: 'MyriadProSBdSCn'; font-size:30px; color:#b6b6b6; line-height:60px; float:left; background:url(../images/gridHeaderBg.png) no-repeat}
#tbl-1 .cnt { width:100%; float:left; background:url(../images/tableCntBg1.png) repeat-y}
#tbl-1 .cnt .row { width:902px; height:40px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#475564; line-height:40px; border-left:#d7d7da solid 1px; border-right:#eaeaeb solid 1px}
#tbl-1 .wrap1 { width:250px; float:left; text-indent:25px}
#tbl-1 .wrap2 { width:216px; float:left; text-align:center}
#tbl-1 .price { font-family: 'MyriadProBold'; font-size:24px; line-height:50px}
#tbl-1 .bot { width:904px; height:66px; float:left; background:url(../images/tableCntBotBg1.png) no-repeat}
#tbl-1 .wrap2 a { width:112px; height:28px; float:left; margin:17px 0 0 55px; background:url(../images/orderSmlBtn.png) no-repeat}
#tbl-2 { width:904px; float:left; margin-top:25px;}
#tbl-2 .head { width:902px; height:61px; font-family: 'MyriadProSBdSCn'; font-size:30px; color:#b6b6b6; line-height:60px; float:left; background:url(../images/gridHeaderBg.png) no-repeat}
#tbl-2 .cnt { width:100%; float:left; background:url(../images/tableCntBg2.png) repeat-y}
#tbl-2 .cnt .row { width:902px; height:40px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#475564; line-height:40px; border-left:#d7d7da solid 1px; border-right:#eaeaeb solid 1px}
#tbl-2 .wrap1 { width:200px; float:left; text-indent:25px}
#tbl-2 .wrap2 { width:140px; float:left; text-align:center}
#tbl-2 .price { font-family: 'MyriadProBold'; font-size:24px; line-height:50px}
#tbl-2 .bot { width:904px; height:66px; float:left; background:url(../images/tableCntBotBg2.png) no-repeat}
#tbl-2 .wrap2 a { width:112px; height:28px; float:left; margin:17px 0 0 13px; background:url(../images/orderSmlBtn.png) no-repeat}
.tbl-3 { width:852px; float:left}
.tbl-3 .head { width:852px; height:51px; font-family: 'MyriadProSBdSCn'; font-size:30px; color:#b6b6b6; line-height:60px; float:left; background:url(../images/gridHeaderBg2.png) no-repeat}
.tbl-3 .cnt { width:100%; float:left; background:url(../images/tableCntBg3.png) repeat-y}
.tbl-3 .cnt .row { width:902px; height:40px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#475564; line-height:40px; border-left:#d7d7da solid 1px; border-right:#eaeaeb solid 1px}
.tbl-3 .wrap1 { width:175px; float:left; text-indent:25px}
.tbl-3 .wrap2 { width:343px; float:left; text-align:center}
.tbl-3 .wrap2 + .wrap2 { width:334px}
.tbl-3 .wrap2-4 { width:171.5px; float:left; text-align:center}
.tbl-3 .price { font-family: 'MyriadProBold'; font-size:24px; line-height:50px}
.tbl-3 .bot { width:854px; height:64px; float:left; background:url(../images/tableCntBotBg3.png) no-repeat}
.tbl-3 .wrap2 a { width:112px; height:28px; float:left; margin:17px 0 0 116px; background:url(../images/orderSmlBtn.png) no-repeat}
.tbl-3 .wrap2-4 a { width:112px; height:28px; float:left; margin:17px 0 0 29px; background:url(../images/orderSmlBtn.png) no-repeat}
#acc1 {width:891px; float:left; margin:30px 0 0 5px}
#acc1 .accBtn {width:891px; height:51px; float:left; margin-top:2px; font-family: 'MyriadProSBdSCn'; font-size:17px; color:#484848; line-height:51px; text-indent:18px; cursor:pointer; background:url(../images/accBtnBg.png) no-repeat}
#acc1 .accBtn.active {background-position:left bottom}
#acc1 .accCnt {width:855px; float:left; padding:18px; background:#d9d9dd; display:none}
#acc1 .accCnt.first {display:block}
#tabs2 { width:943px; height:78px; float:left; margin-top:55px; position:relative; z-index:2px}
#tabs2 li { width:301px; height:63px; float:left; font-family: 'MyriadProSBdSCn'; font-size:25px; line-height:63px; color:#81ab3e; margin-left:15px; text-indent:13px; cursor:pointer; border:#d2d2d7 solid 1px; background:url(../images/tabs1Bg.png) repeat-x; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px}
#tabs2 li + li { color:#bb1f21}
#tabs2 li + li + li { color:#1e94a9}
#tabs2 li:first-child { margin-left:0}
#tabs2 li:hover,#tabs2 li.active { height:78px; border-bottom:0; background:#f2f2f6}
.tbCnt .maniCnt .lft { width:449px; float:left}
.tbCnt .maniCnt .lft .imgHolder { width:428px; height:217px; float:left; margin-top:48px; background:#fafafa; border:#dddde2 solid 1px}
.tbCnt .maniCnt .lft .imgHolder img { width:auto; float:left; margin:5px 0 0 5px}
.tbCnt .maniCnt .lft .imgHolder span { width:auto; float:left; margin-top:12px; font-family: 'MyriadProSBdSCn'; font-size:15px; color:#454545; text-indent:17px; clear:left}
.tbCnt .maniCnt .lft .imgHolder a.link { width:auto; float:left; font-family: 'MyriadProSBdSCn'; font-size:15px; color:#81ab3e; line-height:19px; clear:left; margin:5px 0 0 17px;}
.tbCnt .maniCnt .lft .imgHolder a.link:hover { text-decoration:underline}
.form1 { width:433px; float:right}
.form1 .inpWrp { width:100%; float:left; margin-top:15px}
.form1 .inpWrp .title { width:104px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#545454; line-height:46px}
.form1 .inpWrp .txt { width:306px; height:26px; float:left; padding:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#545454; background:url(../images/inputBg.png) no-repeat}
.form1 .inpWrp .txt.inbg2 {width:210px; background:url(../images/inputBg2.png) no-repeat}
.form1 .inpWrp img {width:auto; float:left; margin:7px 20px 0 0}
#inner .rad { margin-top:15px}
#inner .rad label { width:auto; float:left; padding-right:45px}
#inner .rad label span { margin-right:10px}
#inner .rad .txw { width:auto; float:left; padding-right:45px}
#inner .rad .txw span { margin-right:10px}
.form1 #price { width:auto; float:left; font-family: 'MyriadProSBdSCn'; font-size:20px; color:#545454; background:none}
.form1 #price2 { width:auto; float:left; font-family: 'MyriadProSBdSCn'; font-size:20px; color:#545454; background:none}
.form1 .track {width:361px; height:35px; float:left; margin:30px -20px 0 0; clear:left; padding:0 25px 25px 15px; background:url(../images/trackBg.png) no-repeat left 0}
#inner .chk {margin-top:0}
#inner .chk .fLab {width:216px; float:left; margin-top:10px; padding:0}
.form1 textarea {width:407px; height:76px; float:left; margin-top:15px; padding:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#545454; background:url(../images/textAreaBg.png) no-repeat; resize:none}
.form1 .submit { width:160px; height:36px; float:left; margin-top:32px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fcfcfc; cursor:pointer; background:url(../images/btnBg.png) no-repeat}
.red .submit { background:url(../images/btnBg2.png) no-repeat}
#list3 { width:100%; float:left; margin-top:37px;}
#list3 li { width:344px; float:left; padding-left:117px; background:url(../images/listIco1.png) no-repeat}
#list3 li + li { background:url(../images/listIco2.png) no-repeat; margin-left:18px;}
#list3 li h4 { margin-top:0}
.list4 { width:100%; float:left}
.list4 li { width:458px; height:217px; float:left; margin-top:48px; background:#fafafa; border:#dddde2 solid 1px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px}
.list4 li.alt { margin-left:20px}
.list4 img { width:auto; float:left; margin:5px 0 0 5px}
.list4 span { width:auto; float:left; margin-top:12px; font-family: 'MyriadProSBdSCn'; font-size:15px; color:#454545; text-indent:17px; clear:left}
.list4 a.list { width:auto; float:left; font-family: 'MyriadProSBdSCn'; font-size:15px; color:#f36347; line-height:19px; clear:left; margin:5px 0 0 17px;}
.list4 a.list:hover { text-decoration:underline}
.ui-helper-hidden-accessible {
position: absolute;
left: -999em;
}
.ui-radio-state-disabled,
.ui-radio-state-checked-disabled,
.ui-radio-state-disabled-hover,
.ui-radio-state-checked-disabled-hover {
color: #999;
}
span.ui-checkbox,
span.ui-radio {
display: block;
float: left;
width: 16px;
height: 16px;
margin-right:5px;
background: url(../icon_checkbox.png) 0 -40px no-repeat;
}
span.ui-radio {
width: 16px;
height: 16px;
margin-top:5px;
background-position: 0 -159px
}
span.ui-helper-hidden {
display: none;
}
label {
padding: 2px;
}
span.ui-checkbox-state-hover {
background-position: 0 -114px;
}
span.ui-checkbox-state-checked {
background-position: 0 -1px;
}
span.ui-checkbox-state-checked-hover {
background-position: 0 -75px;
}
span.ui-radio-state-hover{
background-position: 0 -159px
}
span.ui-radio-state-checked-disabled-hover,
span.ui-radio-state-checked-disabled,
span.ui-radio-state-checked,span.ui-radio-state-checked-hover {
background-position: 0 -196px
}
.ui-radio-disabled,
.ui-checkbox-disabled {
opacity: 0.7;
}
span.ui-checkbox{
width: 16px;
height: 16px;
margin-top:5px;
}
.listitem{width:296px; height:46px; float:right; position:relative; left:0; margin:0 0 0 -1px;}
.dropdown{width:296px; height:46px; float:left; margin:0; position:relative;}
div.selectbox-wrapper {position:absolute; width:296px; height:30px; margin:0px; margin-top:0px; padding:0 0px 0 0; font-size:0.8em;text-align:left; top:38px; left:5px; z-index:10000000000000}
div.selectbox-wrapper ul {list-style-type:none; width:248px; margin:0px; padding:0px; background:#fff; border:#CCC solid 1px;}
div.selectbox-wrapper ul li.selected {background-color: #EAF2FB;}
div.selectbox-wrapper ul li.current {background-color: #CDD8E4;}
div.selectbox-wrapper ul li {list-style-type:none; display:block; margin:0; padding:0px; cursor:pointer; width:248px; height:30px; font-family: 'MyriadProSemibold',Arial, Helvetica, sans-serif; font-size:12px; color:#999; text-indent:10px; line-height:28px; background:#FFF; border-bottom:#f2f2f2 solid 1px}
div.selectbox-wrapper ul li:first-child{display:none;}
.listitem .selectbox {width:271px; height:46px; float:left; margin:0; padding:0 15px 0 10px; font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#9e9e9e; display:block; background:url(../images/ddInp.png) no-repeat; cursor: pointer; border:none; line-height:28px;}
.imgWrp,.imgWrp2{
width:100%; float:left
}
.chkval{
display:none;
}
.navWrp{
width:100%;
height:300px;
float:left;
}
.list-box
{
width:300px;
float:right;
position:relative;
}
.list-box input
{
width:286px;
height:46px;
float:left;
background:url(../images/ddInp.png) no-repeat;
font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#545454;
padding-left:10px;
cursor:pointer;
}
ul#select-list
{
width:293px;
float:left;
background:#fff;
border:#CCC solid 1px;
position:absolute;
top:46px;
display:none;
}
ul#select-list li
{
width:100%;
float:left;
border-top:#f2f2f2 solid 1px;
cursor:pointer;
font-family: 'MyriadProSemibold',Arial, Helvetica, sans-serif; font-size:12px; color:#999; text-indent:10px; line-height:28px;
}
ul#select-list li:first-child{
border-top:0;
}
ul#select-list li:hover{background-color: #CDD8E4;}