@charset "utf-8";
/* CSS Document */

* {margin: 0;   padding: 0;}
a img {border:none;}

body { margin:0; background: #c2c2c2 url(images/bg.jpg) no-repeat fixed center top; font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; color:#000; text-align:center }

.headerBg { background: url(images/home_header-bg1.png) no-repeat center center; height: 440px; width: auto; }
.header { width: 998px; height:440px; margin: 0 auto; background: url(images/home_header-1.jpg)  no-repeat center top; overflow:hidden; }
.header .p1 { position: relative; margin-top:315px; float:left; width: 228px; line-height: 13px; padding-left:31px; text-align:left;}
.header .p2 { position: relative; margin-top:339px;  float:right; width:651px; height:85px; padding-right:49px;}

/*.headerBg2 { background: url(images/step_header-bg1.jpg) no-repeat center center; height: 245px; width: auto; }*/
.headerJoin { width: 998px; height:245px; margin: 0 auto; overflow:hidden; }
.headerJoin .logo { background: url(images/step_header-logo.jpg) no-repeat; width:152px; height:157px; margin-top:22px; margin-left:66px; float:left;}
.g1 { background: url(images/step_header-2.jpg)  no-repeat center top; }
.g2 { background: url(images/step_header-1.jpg)  no-repeat center top; }
.g3 { background: url(images/submit_header-1.jpg)  no-repeat center top; }

.menu2 { height:37px; padding-left:20px; background:#06c url(images/menu_bgjoin.jpg) repeat-x; margin-bottom:20px; clear:both; }
.menu {float:right;margin-top:22px; height:35px; /*margin-left:220px;*/ padding-right:210px; }
.menu ul.links,
.menu2 ul.links{list-style-type:none;}
.links li {display:inline; line-height:35px; margin-right:40px; font-size:18px; font-weight:bold;}
.links li a {color:#fff; text-decoration:none;}
.links li a:hover { color:#F09 }
	
/*.contentBg { background: url(images/home_content-bg1.jpg) no-repeat center center; height: auto; }
.contentBg2 { background: url(images/step_content-bg1.jpg) no-repeat center top; height: auto; }*/
.content { width:940px; height:auto; margin:0 auto; text-align:left; }
/*.bluecol { background: url(images/colBg.gif) repeat-y left top;}*/

ul.steps {list-style-type:none; padding-bottom:10px; background:#fff;}
ul.steps li {display:inline; }


.leftCol {width:190px; float:left; background:#0066cc; height:auto; padding:18px; color:#fff;}
.rightCol {width:696px; float:right;/* background:#efefef;*/ height:auto;}

ul.testimonial {list-style-type:none; }
ul.testimonial li { border-bottom: 1px solid #00a5d1; padding: 25px 0; }
.testimonial strong { display: block; padding: 20px 0 0 0; }
.testimonails_step { /*background: none;*/ padding: 23px 10px; }


.siteHeader { padding: 0 0 20px 0; }
.siteBox { width:691px; height:387px; background:#fff url(images/home_main-box2-bg1.jpg); margin-bottom:50px; clear:both;}
.siteBox .screenShot {float:left; width:438px; height:376px; padding:3px 0 0 5px;}
.siteBox .screenShot img {border:1px solid #ccc;}
.siteBox .screenShot img:hover {border:1px solid #fff;}
.siteBox .siteInfo {float:right; width:220px;}
.siteInfo h2 a {font-size: 21px; line-height: 34px; color: #ff0084; text-decoration:none;}
.siteInfo h2 a:hover {text-decoration:none; color:#ff6cb8;}
.siteInfo p.desc {margin-top:20px; width:180px; height:248px;}
.siteInfo p.desc a {text-decoration:none; color:#2b2b2b;}

.siteInfo .button {/*margin-top:56px;*/ }
.siteInfo .button strong {color:#0F0;}
.siteInfo .button p.regPrice {font-size:16px; line-height:18px;  color:#ccc; margin:0; padding:0; font-weight:bold;}
.siteInfo .button p.joinLink {font-size:20px; line-height:30px; color:#fff; margin:0; padding:0; font-weight:bold;}
.siteInfo .button p.joinLink a {color:#fff; text-decoration:none;}
.siteInfo .button p.joinLink a:hover {color:#0F0; text-decoration:none;}

.footer {margin-top:40px;}
.footer .p1 { white-space: pre; font-size: 15px; line-height: 15px; color: #0063dc; text-align: center; font-weight: bold; padding: 0 0 10px 0; }
.footer .p1 a { text-decoration: underline; color: #0063dc; }
.footer .p1 a:hover { text-decoration: none; }
.footer .logo { text-align: center; }
.footer .logo img { display: inline; }
.footer .p2 { font-size: 13px; line-height: 15px; text-align: center; padding: 0 0 15px 0; }
.footer .p2 strong { display: block; }

/*JOIN*/
.screenSm { width:208px; height:auto; background: url(images/content-selectedsite-bg1.jpg) no-repeat left top; margin-left:-6px; margin-top:12px; margin-bottom:10px; /*margin-bottom:40px;*/}
.screenSm img {margin:1px 0 0 1px;}
.screenSm h2 {font-size: 21px; line-height: 24px; color: #fff; text-decoration:none; padding:10px 0 0 16px; width:183px;}
.changeSite { text-align:right; background: url(images/changeSiteBg.gif) no-repeat center top; height:24px; line-height:24px; margin-top:10px;}
.changeSite p {width:140px; height:24px; line-height:24px; font-weight:bold; font-size:16px; text-align:center; margin:0 auto;}
.changeSite p a {color:#0066cc; text-decoration:none;}
.changeSite p a:hover {color:#0F0; text-decoration:none; }

.countdown { width:199px; height:auto; margin-left:-5px; text-align:center; font-weight:bold; color:#fff; font-size:18px; margin-bottom:40px; background: #036 url(images/spoff_bg.gif) no-repeat center top; padding-top:12px;}
.offer_bottom { width:199px; height:166px; background: url(images/smpfc.jpg) no-repeat center bottom; }

.formBox { width:691px; height:auto; background:#fff; margin-bottom:30px; clear:both; }

/*.formBox div.title p { display: block; padding: 4px 0 0 3px; }*/
.formBox ul { padding: 20px 0 20px 15px; list-style-type:none; }
.formBox ul li { height: 30px; }
/*.formBox ul li.li2 { height: 60px; background:#ff3300;}*/
.formBox label { font-weight: bold; display: block; float: left; text-align: right; padding: 2px 10px 0 10px; color: #06C; }
.formBox input,
.formBox select { float: left; padding: 2px; }
.formBox label.label1 { width: 105px; }
.formBox label.label2 { width: 70px; }
.formBox input.input1 { width: 200px; }
/*.formBox input.input2 { width: 494px; }*/
/*.formBox input.input3 { width: 105px; }*/
/*.formBox select.input4 { width: 310px; background:#ff3300;}*/
/*.formBox input.input5 { width: 150px; }*/
/*.formBox select.input6 { width: 45px; }*/
/*.formBox select.input7 { width: 65px; }*/
/*.formBox input.input8 { width: 60px; }*/
/*.formBox span { float: left; font-weight: bold; font-size: 11px; padding: 2px 0 0 8px; }
.formBox span a { text-decoration: underline; }*/
/*.formBox small { font-size: 11px; line-height: 11px; padding: 3px 0 0 125px; color: #002654; display: block; }*/
/*
.submit { }
.submit div.title p { display: block; padding: 4px 0 0 3px; }
.submit ul { padding: 20px 0 20px 15px; }
.submit ul li.li1 { height: 30px; }
.submit ul li.li2 { height: 75px; }
.submit ul li.li3 { height: 30px; padding: 15px 0 0 275px; }
.submit label { font-weight: bold; display: block; float: left; text-align: right; padding: 2px 10px 0 10px; text-transform: uppercase; color: #002654 }
.submit input,
.submit select { float: left; padding: 2px; }
.submit label.label1 { width: 140px; }
.submit input.input1 { width: 356px; }
.submit input.bt1 { text-transform: uppercase; }
.submit textarea.textarea1 { width: 360px; height: 65px; }
.submit span { float: left; font-weight: bold; font-size: 11px; padding: 2px 0 0 8px; }
.submit span a { text-decoration: underline; }
*/


.faq ul { padding: 0 0 15px 0; }
.faq ul li { background:url(images/faq_box2-bg.gif) repeat-x bottom left; border: 1px solid #cdcdcd; border-bottom: 1px solid #bababa; }
.faq li .title { border-bottom: 1px solid #d4d4d4; font-weight: bold; color: #002654; padding: 6px 8px; text-transform: uppercase; }
.faq li .p1 { padding: 6px 8px; color: #f5007f; border-bottom: 1px solid #cdcdcd; }

/*SPACERS*/
.mgn {margin: 10px !important;}
.mgnLg {margin: 15px !important;}
.mgnSm {margin: 5px !important;}
.mgnTop {margin-top: 10px !important;}
.mgnRight {margin-right: 10px !important;}
.mgnBottom {margin-bottom: 10px !important;}
.mgnLeft {margin-left: 10px !important;}
.mgnTopLg {margin-top: 15px !important;}
.mgnRightLg {margin-right: 15px !important;}
.mgnBottomLg {margin-bottom: 15px !important;}
.mgnLeftLg {margin-left: 15px !important;}
.mgnLeftXLg {margin-left: 30px !important;}
.mgnTopSm {margin-top: 5px !important;}
.mgnRightSm {margin-right: 5px !important;}
.mgnBottomSm {margin-bottom: 5px !important;}
.mgnBottomXSm {margin-bottom: 2px !important;}
.mgnLeftSm {margin-left: 5px !important;}

/*padding*/
.pdgXLg {padding:30px;}
.pdgLg {padding:15px;}
.pdg {padding:10px;}
.pdgTop {padding-top: 10px !important;}
.pdgRight {padding-right: 10px !important;}
.pdgBottom {padding-bottom: 10px !important;}
.pdgLeft {padding-left: 10px !important;}
.pdgTopLg {padding-top: 15px !important;}
.pdgRightLg {padding-right: 15px !important;}
.pdgBottomLg {padding-bottom: 15px !important;}
.pdgLeftLg {padding-left: 15px !important;}
.pdgTopSm {padding-top: 5px !important;}
.pdgRightSm {padding-right: 5px !important;}
.pdgBottomSm {padding-bottom: 5px !important;}
.pdgLeftSm {padding-left: 5px !important;}

/*floats*/
.clear{clear: both;}
.left {float: left;}
.right {float: right;}
.center {margin-left:auto; margin-right:auto;}

/*TEXT ALIGN*/
.textCenter {text-align: center !important;}
.textLeft {text-align: left !important;}
.textRight {text-align: right !important;}
.textDisabled {color: #808080 !important;}
.hidden {display: none;}

.small {font-size:10px; font-weight:normal; line-height:10px; }