@charset "utf-8";
/* CSS Document */
html{
height:100%;
}
body{
margin:0;
background-image:url(../images/bg_str_home.gif);
background-repeat:repeat-x;
background-color:#FFFFFF;
height:100%;
}
#home{
background-image:url(../images/background_home.gif);
background-repeat:no-repeat;
background-position:center top;
padding:0px;
margin:0px;
}
#container{
margin: 0 auto;
width:765px;
height:720px;
}
#logotype{
width:226px;
height:51px;
float:left;
margin-left:37px;
margin-top:31px;
}
#navigationbar{
text-align:center;
float:left;
padding:7px;
width:728px;
height:29px;
margin-top:14px;
background-image:url(../images/navigation_bar_bg.gif);
background-repeat:no-repeat;
}
#maincontent{
float:left;
margin-top:25px;
padding-left:30px;
}
/** Main Content Get your Virtual Phone Number**/
.maintext{
width:471px;
height:auto;
float:left;
text-align:right;
}
.checkmark{
float:right;
width:17px;
height:17px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images2/checkmark.png', sizingMethod='alpha');
}
.gecko .checkmark{
float:right;
width:17px;
height:17px;
background-image:url(../images/checkmark.png);
}
.safari .checkmark{
float:right;
width:17px;
height:17px;
background-image:url(../images/checkmark.png);
}
#signupbutton{
width:193px;
height:114px;
float:left;
margin-left:20px;
}
#tour{
float:left;
width:165px;
height:49px;
margin-left:40px;
margin-top:15px;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
}
.safari .howitworks{
float:left;
width:489px;
height:73px;
background-image:url(../images/arrows.png);
background-repeat:no-repeat;
}
.howitworks{
float:left;
width:489px;
height:21px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images2/arrows.png', sizingMethod='alpha');
}
.gecko .howitworks{
float:left;
width:489px;
height:73px;
background-image:url(../images/arrows.png);
background-repeat:no-repeat;
}
.gecko #steps{
float:left;
margin-left:-10px;
}
.safari #steps{
float:left;
margin-left:-10px;
}
#steps{
float:left;
margin-left:-10px;
}
.stepone{
float:left;
width:238px;
height:150px;
margin-top:6px;
margin-right:10px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images2/step_box1.png', sizingMethod='alpha');
}
.gecko .stepone{
float:left;
width:238px;
height:150px;
margin-top:6px;
margin-right:10px;
background-image:url(../images/step_box1.png);
background-repeat:no-repeat;
}
.safari .stepone{
float:left;
width:238px;
height:150px;
margin-top:6px;
margin-right:10px;
background-image:url(../images/step_box1.png);
background-repeat:no-repeat;
}
.steptwo{
float:left;
width:238px;
height:150px;
margin-top:6px;
margin-right:10px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images2/step_box2.png', sizingMethod='alpha');
}
.gecko .steptwo{
float:left;
width:238px;
height:150px;
margin-top:6px;
margin-right:10px;
background-image:url(../images/step_box2.png);
background-repeat:no-repeat;
}
.safari .steptwo{
float:left;
width:238px;
height:150px;
margin-top:6px;
margin-right:10px;
background-image:url(../images/step_box2.png);
background-repeat:no-repeat;
}
.stepthree{
float:left;
width:238px;
height:150px;
margin-top:6px;
margin-right:10px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images2/step_box3.png', sizingMethod='alpha');
}
.gecko .stepthree{
float:left;
width:238px;
height:150px;
margin-top:6px;
margin-right:10px;
background-image:url(../images/step_box3.png);
background-repeat:no-repeat;
}
.safari .stepthree{
float:left;
width:238px;
height:150px;
margin-top:6px;
margin-right:10px;
background-image:url(../images/step_box3.png);
background-repeat:no-repeat;
}





/*.stepbox{
float:left;
float:left;
margin-left:-17px;
}*/
.gecko .stepbox1{
float:left;
margin-left:-17px;
width:42px;
height:48px;
background-image:url(../images/step_1.png);
}
.safari .stepbox1{
float:left;
width:42px;
height:48px;
margin-left:-17px;
background-image:url(../images/step_1.png);
}
/*vertical alignment for the titles of the steps boxes/
/*.stepboxtitles{
vertical-align:super;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#005081;
}*/

#homebottombox{
float:left;
margin-top:10px;
width:732px;
height:169px;
padding-top:30px;
padding-left:33px;
background-image:url(../images/home_botton_box.gif);
background-repeat:no-repeat;
}
.bottomimg{
float:left;
position:relative;
}
.latestnewshome{
vertical-align:top;
float:left;	
margin-left:5px;
padding-top:4px;
margin-left:10px;
width:300px;
}
#footer{
float:left;
margin-top:-20px;
width:760px;
}

/*White container box for all pages with blue gradient on top*/
#containerpages{
margin: 0 auto;
width:765px;
height:720px;
}
#contentsbg{
float:left;
margin-left:18px;
margin-top:-13px;
width:703px;
height:90%;
}
#whitebackground{
float:left;
background-color:#FFFFFF;
background-image:url(../images/top_gradient.gif);
background-repeat:repeat-x;
width:683px;
margin-right:20px;
height:180px;
}
#bottomborder{
float:left;
margin-left:-5px;
width:692px;
height:24px;
background-image:url(../images/bottom_border.png);
background-repeat:no-repeat;
}
#sectiontitle{
float:left;
margin-top:75px;
margin-left:40px;
height:35px;
}
#sectionphoto{
float:right;
width:299px;
height:151px;
}
#lifenavigationbar{
padding-left:2px;
padding-right:1px;
float:left;
width:683px;
height:26px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#ffffff;
}
#lifenavigationbar A:link{
width:136px;
height:26px;
float:left;
text-decoration:none;
color:#ffffff;
text-align:center;
padding-top:6px;
background-image:url(../images/life_btn.gif);
background-repeat:no-repeat;
}
#lifenavigationbar A:visited{
width:136px;
height:26px;
float:left;
text-decoration:none;
color:#ffffff;
text-align:center;
padding-top:6px;
background-image:url(../images/life_btn.gif);
background-repeat:no-repeat;
}
#lifenavigationbar A:active{
width:136px;
height:26px;
float:left;
text-decoration:none;
color:#ffffff;
text-align:center;
padding-top:6px;
background-image:url(../images/life_btn.gif);
background-repeat:no-repeat;
}
#lifenavigationbar A:hover{
width:136px;
height:26px;
float:left;
color:#ffffff;
text-decoration:underline;
text-align:center;
padding-top:6px;
background-image:url(../images/life_btn.gif);
background-repeat:no-repeat;
}


.signupad{
float:right;
width:224px;
height:168px;
padding-left:15px;
padding-bottom:20px;
}
#inner{
float:left;
width:700px;
margin-left:-9px;
padding-top:0px;
padding-bottom:0px;
background-image:url(../images/bg_borders.png);
background-repeat:repeat-y;
}
#innercontainer{
float:left;
width:620px;
padding-left:40px;
padding-right:40px;
padding-top:0px;
padding-bottom:60px;
height:100%;
}
.innercontainer img{
float:left;
vertical-align:middle;
}
.innercontainer{
}
#innercontainer ul{
float:left;
padding:0;
margin:0;
}
#innercontainer li{
list-style-type:none;
list-style-position:outside;
float:left;
width:600px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#636363;
}
.contentstxt{
float:left;
width:364px;
margin-top:35px;
}
#footers{
float:left;
height:55px;
margin-top:20px;
margin-bottom:20px;
width:686px;
}

/*Cool Features Page*/
#coolfeatures{
float:left;
width:590px;
padding-left:20px;
padding-right:24px;
}
#coolfeatures img{
float:left;
width:107px;
height:107px;
padding-right:40px;
}
#coolfeatures ul{
padding:0;
width:590px;
margin:0;
}
#coolfeatures li{
list-style-type:none;
list-style-position:outside;
display: inline;
width:107px;
margin-right:40px;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#005081;
text-align:center;
}
.li{
float:left;
width:560px;
margin-top:10px;
}
#secondrow{
float:left;
margin-left:80px;
}
/*Cool Features Inner page*/
#coolfeaturesinner{
float:left;
width:630px;
margin-top:0px;
}
#coolfeaturesinner img{
float:left;
width:79px;
height:79px;
padding-right:10px;
}
#coolfeaturesinner ul{
padding:0;
width:630px;
margin:0;
}
#coolfeaturesinner li{
list-style-type:none;
list-style-position:outside;
display: inline;
width:79px;
margin-right:10px;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#005081;
text-align:center;
}
.liinner{
float:left;
width:560px;
margin-top:10px;
}

/*How does it work page*/
#vumbersteps{
float:left;
width:603px;
margin-left:5px;
margin-top:10px;
}
.vumberstep1{
float:left;
width:191px;
height:220px;
margin-right:15px;
}
.vumberstep2{
float:left;
width:191px;
height:220px;
margin-right:15px;
}
.vumberstep3{
float:left;
width:191px;
height:220px;
}
#additionalfeatures{
float:left;
margin-left:15px;
width:308px;
height:129px;
}
#additionalfeatures img{
float:left;
margin-right:10px;
vertical-align:middle;
}
#otherfeatures{
float:left;
margin-left:25px;
width:260px;
}
#otherfeatures img{
float:left;
margin-right:10px;
vertical-align:middle;
}
#stepsbottom{
float:left;
width:590px;
margin-left:10px;
margin-top:60px;
}
#stepsbottom img{
float:left;
margin-right:10px;
vertical-align:middle;
}

/*My Online, Dating, Everyday, Social Life pages*/
#bottombox{
float:left;
width:293px;
margin-top:10px;
padding:10px;
padding-bottom:20px;
background-color:#edf4f9;
}
#bottombox ul{
margin-top:10px;
position:relative;
}
#bottombox li{
float:left;
list-style:disc;
list-style-position:inside;
}
/** Hook Me Page**/
#hookmecontainer{
float:left;
width:620px;
padding-left:40px;
padding-right:40px;
padding-top:0px;
padding-bottom:60px;
height:100%;
}
.hookmecontainer{
}

#leftcontents{
float:left;
width:420px;
}
#leftcontents ul{
list-style-image:url(../images/checkmarkwhite.gif);
list-style-position: outside;
}
#lefcontents li{
background-color:#000000;
}
#lefcontents img{
float:left;
width:90px;
height:74px;
vertical-align:middle;
}
.lefcontentssub{
float:left;
margin-left:100px;
margin-top:-56px;
}
.gecko .lefcontentssub{
float:left;
margin-left:100px;
margin-top:-74px;
}
.safari .lefcontentssub{
float:left;
margin-left:100px;
margin-top:-74px;
}
.checkmarkhookme{
float:left;
margin-right:10px;
width:17px;
height:17px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images2/checkmark.png', sizingMethod='alpha');
}
.gecko .checkmarkhookme{
float:left;
padding-right:20px;
width:17px;
height:17px;
background-image:url(../images/checkmark.png);
background-repeat:no-repeat;
}
.safari .checkmarkhookme{
float:left;
padding-right:20px;
width:17px;
height:17px;
background-image:url(../images/checkmark.png);
background-repeat:no-repeat;
}
#signupbox{
float:right;
width:194px;
height:325px;
padding-top:85px;
background-image:url(../images/hookme_form.gif);
background-repeat:no-repeat;
}
.signupcontents{
float:left;
margin-left:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:18px;
color:#636363;
}
.textfield1{
float:left;
background-image:url(../images/textfield.png);
background-color:#EFF6FA;
margin-left:20px;
background-repeat:no-repeat;
padding-left:7px;
width:144px;
padding-bottom:2px;
padding-top:2px;
height:18px;
border:0;
}
.textfield2{
float:left;
background-image:url(../images/textfield.png);
background-color:#E5F0F7;
margin-left:20px;
background-repeat:no-repeat;
padding-left:7px;
width:144px;
padding-bottom:2px;
padding-top:2px;
height:18px;
border:0;
}
.textfield3{
float:left;
background-image:url(../images/textfield.png);
background-color:#DDECF5;
margin-left:20px;
background-repeat:no-repeat;
padding-left:7px;
width:144px;
padding-bottom:2px;
padding-top:2px;
height:18px;
border:0;
}
.textfield4{
float:left;
background-image:url(../images/textfield.png);
background-color:#D6E8F2;
margin-left:20px;
background-repeat:no-repeat;
padding-left:7px;
width:144px;
padding-bottom:2px;
padding-top:2px;
height:18px;
border:0;
}
#hookmesignup{
float:left;
margin-left:27px;
margin-top:17px;
}
.safari #hookmesignup{
float:left;
margin-left:27px;
margin-top:18px;
}
.gecko #hookmesignup{
float:left;
margin-left:27px;
margin-top:18px;
}
/** FAQs page **/
#faqscontainer{
float:left;
width:620px;
padding-left:40px;
padding-right:40px;
padding-top:0px;
padding-bottom:60px;
height:100%;
}
#leftfaqs{
float:left;
width:285px;
}
#rightfaqs{
float:left;
width:285px;
margin-left:30px;
}
#faqscontainer li{
width:285px;
list-style-type:none;
list-style-position:outside;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin-left:-40px;
line-height:18px;
color:#636363;
}
#answers{
float:left;
padding-top:30px;
width:608px;
}
#answers p{
margin-top:-10px;
margin-bottom:10px;
}
/*Contact Page*/
#contactcontainer{
float:left;
width:620px;
padding-left:40px;
padding-right:40px;
padding-top:0px;
padding-bottom:60px;
height:100%;
}
#formleft{
float:left;
width:407px;
}
#formright{
float:right;
width:180px;
margin-top:20px;
padding:15px;
padding-bottom:20px;
background-color:#edf4f9;

}
#formleft fieldset{
border:none;
border-style:none;
padding:0px;
padding-bottom:10px;
}
.submit{
float:left;
margin-left:280px;
}
#contactform{
float:left;
width:163px;
margin-left:30px;
}

/** Sign Up Page **/

#topgradientsignup{
float:left;
background-image:url(../images/top_gradient_sign_up.gif);
background-repeat:repeat-x;
width:683px;
margin-right:20px;
height:171px;
}
#innersignup{
float:left;
width:700px;
margin-left:-9px;
padding-bottom:0px;
margin-top:-50px;
background-image:url(../images/bg_borders.png);
background-repeat:repeat-y;
}
#signupcontainer{
float:left;
width:620px;
padding-left:40px;
padding-right:40px;
padding-bottom:60px;
height:100%;
}
#signuptitle{
float:left;
height:171px;
margin-left:135px;
margin-top:50px;
}
#signupbg{
float:left;
width:472px;
height:357px;
margin-left:75px;
margin-top:-79px;
background-image:url(../images/sign_up_bg.gif);
background-repeat:no-repeat;
}
#signupbg2{
float:left;
width:475px;
height:1087px;
margin-left:75px;
margin-top:-79px;
background-image:url(../images/sign_up_bg2.gif);
background-repeat:no-repeat;
}
#signupbg3{
float:left;
width:475px;
height:729px;
margin-left:75px;
margin-top:-79px;
background-image:url(../images/sign_up_bg3.gif);
background-repeat:no-repeat;
}
#signupbg4{
float:left;
width:475px;
height:729px;
margin-left:75px;
margin-top:-79px;
background-image:url(../images/sign_up_bg4.gif);
background-repeat:no-repeat;
}

#signupboxtitle{
float:left;
margin-top:80px;
margin-left:30px;
}
#signupboxtitle h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#ff7200;
height:20px;
}
#signupboxtitle h3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#005081;
padding:0px;
margin:0px;
}
#signupboxtitle p{
float:left;
margin-top:-10px;
margin-bottom:20px;
line-height:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
/*margin-bottom:20px;*/
width:415px;
}
#signupfields{
float:right;
margin-right:30px;
margin-top:100px;
width:202px;
}

.signupreviewfield{
padding-left:9px;
width:207px;
height:21px;
padding-bottom:3px;
padding-top:5px;
height:25px;
margin-bottom:9px;
border:0;
background-color:;
float:right;
margin-right:20px;
margin-top:-20px;
}

.signupfields{
background-image:url(../images/sign_up_field.png);
background-repeat: no-repeat;
padding-left:9px;
width:207px;
height:21px;
padding-bottom:3px;
padding-top:5px;
height:25px;
margin-bottom:9px;
border:0;
background-color:;
float:right;
margin-right:20px;
margin-top:-20px;
}
.selectfields{
padding-left:9px;
width:206px;
height:21px;
margin-bottom:9px;
background-color:#EEFBFE;
float:right;
margin-right:32px;
margin-top:-18px;
width:200px;
}
.verificationcode{
background-image:url(../images/verification_code.gif);
background-repeat: no-repeat;
padding-left:11px;
width:auto;
height:21px;
padding-bottom:3px;
padding-top:6px;
height:25px;
margin-bottom:9px;
border:0;
background-color:;
float:right;
margin-right:76px;
margin-top:-20px;
}
.gecko .verificationcode{
background-image:url(../images/verification_code.gif);
background-repeat: no-repeat;
padding-left:11px;
width:auto;
height:21px;
padding-bottom:3px;
padding-top:6px;
height:25px;
margin-bottom:9px;
border:0;
background-color:;
float:right;
margin-right:82px;
margin-top:-20px;
}
.safari .verificationcode{
background-image:url(../images/verification_code.gif);
background-repeat: no-repeat;
padding-left:11px;
width:auto;
height:21px;
padding-bottom:3px;
padding-top:6px;
height:25px;
margin-bottom:9px;
border:0;
background-color:;
float:right;
margin-right:82px;
margin-top:-20px;
}
.expiration{
float:right;
width:200px;
margin-right:30px;
margin-top:-17px;
}
.expirationdatefields{
padding-left:0px;
width:auto;
height:21px;
margin-bottom:9px;
background-color:#EEFBFE;
}
#cardcodeimg{
float:right;
margin-right:30px;
margin-bottom:10px;
}
#signupboxtitle select{
}
#phone{
float:right;
width:200px;
margin-right:15px;
margin-top:-20px;
}
#phone input{
background-color:#EEFBFE;
}
#nextstepbutton{
float:right;
margin-right:25px;
width:126px;
height:45px;
}

/** Classes to display Form titles and form fields correctly **/
.rowsignup{
float:left;
width:430px;
height:27px;
}
.rowsignup2{
float:left;
width:430px;
height:20px;
}
.spacer{
float:left;
width:400px;
height:20px;
}

/** Login Page **/

#loginbox{
float:left;
width:161px;
height:265px;
padding-left:35px;
padding-right:35px;
padding-top:85px;
background-image:url(../images/login_box.gif);
background-repeat:no-repeat;
}
.loginfields{
float:left;
background-image:url(../images/textfield.png);
background-color:#DBEBF4;
background-repeat:no-repeat;
padding-left:7px;
width:144px;
padding-bottom:2px;
padding-top:2px;
height:18px;
border:0;
}
.logintitlesheight{
height:25px;
}
.loginfieldsheight{
height:30px;
}
.loginforgotpass{
float:left;
margin-top:25px;
}
#logincontents{
float:left;
width:300px;
margin-top:30px;
padding-left:40px;
}
#logincontents ul{
list-style-image:url(../images/checkmarkwhite.gif);
list-style-position: outside;
}
#logincontents li{
}
#logincontents img{
float:left;
margin-left:-20px;
padding-bottom:10px;
}
#signupaccountbutton{
float:right;
margin-right:-30px;
padding-top:15px;
width:126px;
height:45px;
}

.loginerror {color: #FF0000;
padding: 9px;
padding-left: 0px;
font: 12px Arial, sans-serif;
font-weight: bold;
text-align: left;
vertical-align:middle;
text-align:left;
}