/* CSS Document */

#contentContainer
{
	height:313px;
	position:relative;
}



* {margin:0; padding:0;}
body { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#00539f; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; background-color:#f5f5f5;}
.cleardiv { clear:both; }
.nowrap {white-space:nowrap;}
sup { text-decoration:none; }

#container { width:780px; margin:0 auto;}

h1 
{
    font-size:20px;
    font-weight:normal;
    margin:0 0 15px 0; 
}

h2 
{
    font-size:18px; 
    font-weight:normal;
    margin-bottom:13px;
}

h3
{
    font-size:16px;
}

/* form navigation */

#form_button_1 {
	text-indent:-9000px;
	display:block;
	overflow:hidden;
	width:144px;
	height:25px;
	background-image:url(../img/form_tab_1_on.jpg);
	background-repeat:no-repeat;
}

#form_button_2 {
	text-indent:-9000px;
	display:block;
	overflow:hidden;
	width:113px;
	height:25px;
	background-image:url(../img/form_tab_2_off.jpg);
	background-repeat:no-repeat;
}

#form_button_3 {
	text-indent:-9000px;
	display:block;
	overflow:hidden;
	width:249px;
	height:25px;
	background-image:url(../img/form_tab_3_off.jpg);
	background-repeat:no-repeat;
}

#header { width:780px; }
#headerWrap 
{
    background-color:#ffffff; 
    height:71px;
}
#menu_left { width:620px; float:left; background-color:#ffffff;}
#menu_right { width:128px; float:right; }

#contentHP a,
#contentSub a
{
    color:#00539f;
    text-decoration:underline;
}

#contentHP a:hover,
#contentSub a:hover
{
    text-decoration:none;
}

/*Landing*/
#contentHP
{
    background:#ffffff url(../img/bgLanding.jpg) no-repeat 0 71px; 
    width:780px;
    height:723px;
}

#trial2010
{
	position:absolute;
	bottom:0px;
	left:40px;
}

#contentHP div.copyGetMore
{
    margin-left:30px; 
    margin-top:35px; 
    width:480px; 
    color:#ffffff;
}
/*
#contentHP div.copyGetMore h1 
{
    margin:0 0 15px 0; 
}*/

#contentHP div.copyGetMore p 
{
    margin:0 0 10px 0;
}

#contentHP div.copyGetMore div.iPhone 
{
    float:left; 
    width:171px; 
    background:url(../img/imgIphone.jpg) no-repeat; 
    padding-top:112px; 
    margin-right:42px;
	padding-bottom:21px;
}

#contentHP div.copyGetMore div.iPhone span.buttonAcuvueEyeSuite a 
{
    background:url(../img/btn_iPhone.jpg) no-repeat; 
    width:159px; 
    height:22px; 
    display:block; 
    text-indent:-900000px; 
    margin:0 auto;
}

#contentHP div.copyGetMore div.facebook 
{
    float:left; 
    width:162px; 
    background:url(../img/imgtShirt.jpg) no-repeat; 
    padding-top:113px;
}

#contentHP div.copyGetMore div.facebook span.buttonAcuvueFacebook a
{
    background:url(../img/btn_TShirt.jpg) no-repeat; 
    width:196px; 
    height:21px; 
    display:block; 
    text-indent:-900000px; 
    margin:0 auto;
}

#contentHP div.copyGetMore div.iTunes
{
    float:left; 
    width:140px; 
    background:url(../img/imgiTunes.jpg) no-repeat; 
    padding-top:112px; 
    margin-right:42px;
}

#contentHP div.copyGetMore div.iTunes span.buttonClaim a 
{
    background:url(../img/buttonClaim.gif) no-repeat; 
    width:140px; 
    height:21px; 
    display:block; 
    text-indent:-900000px; 
    margin:0 auto;
}




#contentSub
{
    background:#ffffff url(../img/bgSub.gif) repeat-x left bottom;
    width:780px;
    /*height:600px;*/
}

#contentSub div.container 
{
    margin:0 0 0 18px;
}

/*product Info*/
#contentSub div.container div.productIntro 
{
    float:left; 
    width:430px;
}

#contentSub div.container div.productIntro h1.titleAcuvue 
{
    background:url(../img/logoAcuvueMoist.gif) no-repeat; 
    width:286px; 
    height:86px; 
    text-indent:-900000px;
}

#contentSub div.container div.productIntro p 
{
    margin:30px 20px 0 0;
}

#contentSub div.container div.packshotAcuvue 
{
    float:left; 
    width:288px; 
    height:187px; 
    background:url(../img/imgPackshot.jpg) no-repeat; 
    text-indent:-900000px;
}

#contentSub div.container div.lacreonTech 
{
    background:url(../img/imgLacreon.jpg) no-repeat; 
    width:294px; 
    height:225px; 
    text-indent:-900000px; 
    float:left; 
    margin-top:15px;
}

#contentSub div.container div.whyYouLikeInfo
{
    float:left; 
    width:380px; 
    margin:0 0 30px 30px;
}

#contentSub div.container div.whyYouLikeInfo ul 
{
    color:#00539b; 
    margin:0 0 0 20px;
}

#contentSub div.container div.whyYouLikeInfo ul li 
{
    font-weight:bold;
}

#contentSub div.container div.whyYouLikeInfo ul li p 
{
    margin:0 0 12px -14px; 
    color:#00539f; 
    font-weight:normal;
}

#contentSub div.container div.faqs 
{
    width:698px; 
    background-color:#0675ba; 
    padding:21px 23px 0 23px; 
    color:#ffffff;
}

#contentSub div.container div.faqs a 
{
    color:#ffffff;
}

#contentSub div.container div.faqs a:hover 
{
    color:#ffffff;
    text-decoration:underline;
}

#contentSub div.container div.faqs div.faqCopyLeft 
{
    width:337px; 
    padding-right:23px; 
    float:left;
}

#contentSub div.container div.faqs div.faqCopyRight 
{
    width:333px; 
    float:left;
}

#contentSub div.container div.faqs div.faqCopyLeft p.faqQuestion,
#contentSub div.container div.faqs div.faqCopyRight p.faqQuestion 
{
    color:#ffffff; 
    font-weight:bold; 
    margin:0 0 10px 0;
}

#contentSub div.container div.faqs div.faqCopyLeft p.faqAnswer,
#contentSub div.container div.faqs div.faqCopyRight p.faqAnswer 
{
    margin:0 0 17px 0;
}

#contentSub div.imgUVBlocking 
{
    background:url(../img/logoUVBlocking.gif) no-repeat; 
    width:68px; 
    height:49px; 
    position:absolute; 
    margin:41px 0 0 694px;
    text-indent:-900000px;
}

#container div.footerProduct 
{
	padding-top:10px;
   	margin-left:18px;
    color:#666666; 
    font-size:10px;
    width:630px;
}

/*Try Now*/
#contentSub div.container p.tryNowIntro,
#contentSub div.container p.mailListIntro,
#contentSub div.container p.offersIntro
{
    margin-bottom:15px; 
    width:440px;
}

#contentSub div.container div.tryNowFormL,
#contentSub div.container div.mailListDetailL,
#contentSub div.container div.offersDetailL
{
    width:232px; 
    float:left;
}

#contentSub div.container div.tryNowFormL div.field,
#contentSub div.container div.tryNowFormR div.field,
#contentSub div.container div.tryNowFormVision div.field,
#contentSub div.container div.tryNowFormHear div.field,
#contentSub div.container div.mailListIntro div.mailListDetailL div.field,
#contentSub div.container div.mailListIntro div.mailListDetailR div.field,
#contentSub div.container div.mailListFormHear div.field,
#contentSub div.container div.offersDetailL div.field,
#contentSub div.container div.offersDetailR div.optom div.field,
#contentSub div.container div.offersDetailR p.field
{
    margin-bottom:8px;
}

#contentSub div.container div.tryNowFormL div.field2,
#contentSub div.container div.mailListIntro div.mailListDetailL div.field2,
#contentSub div.container div.offersDetailL div.field2
{
    width:81px; 
    float:left;
    margin-bottom:8px;
}

#contentSub div.container div.tryNowFormHear div.field3,
#contentSub div.container div.mailListFormHear div.field3
{
    margin-bottom:50px;
}

#contentSub div.container div.tryNowFormR,
#contentSub div.container div.mailListIntro div.mailListDetailR
{
    width:212px; 
    float:left;
}

#contentSub div.container div.tryNowPackshot 
{
    background:url(../img/imgTryMoist.jpg) no-repeat; 
    width:269px; 
    height:241px; 
    float:left; 
    margin-top:-55px;
    text-indent:-900000px;
}

#contentSub div.container div.tryNowFormVision 
{
    width:288px; 
    height:310px; 
    margin-right:2px; 
    background-color:#6f9ac1; 
    padding:20px 20px 0px 20px; 
    float:left; 
    color:#ffffff;
}

#contentSub div.container div.tryNowFormVision a,
#contentSub div.container div.tryNowFormHear a,
#contentSub div.container div.mailListFormHear a
{
    color:#ffffff;
    text-decoration:underline;
}

#contentSub div.container div.tryNowFormVision a:hover,
#contentSub div.container div.tryNowFormHear a:hover,
#contentSub div.container div.mailListFormHear a:hover
{
    color:#ffffff;
    text-decoration:none;
}

#contentSub div.container div.tryNowFormVision p,
#contentSub div.container div.tryNowFormHear p,
#contentSub div.container div.mailListFormHear p
{
    color:#ffffff; 
    font-weight:bold; 
    margin-bottom:10px;
}

#contentSub div.container div.tryNowFormHear 
{
    width:387px; 
    height:310px; 
    background-color:#6f9ac1; 
    padding:20px 8px 0px 15px; 
    float:left; 
    color:#ffffff;
}

#contentSub div.container div.mailListFormHear div.privacy 
{
    margin-bottom:20px; 
    font-weight:bold;
}

#contentSub div.container div.mandatoryCopy 
{
    margin-top:20px; 
    width:490px;
}

#contentSub div.container div.mandatoryCopy p 
{
    margin-bottom:13px;
}

/*Mailing List*/
#contentSub div.container div.mailListIntro
{
    float:left; 
    width:444px; 
    margin-bottom:20px;
}

#contentSub div.container div.mailListIntro div.recieveInfo 
{
    width:285px; 
    margin-bottom:8px;
}

#contentSub div.container div.mailListFormHear 
{
    width:387px; 
    height:200px; 
    background-color:#6f9ac1; 
    padding:20px 8px 20px 15px; 
    float:left; 
    color:#ffffff;
}

#contentSub div.container div.mailListFormSubmit
{
    width:288px; 
    height:200px; 
    margin-left:2px; 
    background-color:#6f9ac1; 
    padding:20px 20px 20px 20px; 
    float:left; 
    color:#ffffff;
}

.mailListAgree 
{
    width:25px; 
    float:left;
}

.mailListAgreeCopy 
{
    width:263px; 
    float:left; 
    margin-bottom:30px;
    font-weight:bold;
}

#contentSub div.container div.mailListFormSubmit span.signUp 
{
    margin-left:25px;
}

/*offers*/
#contentSub div.container div.offersIntro 
{
    float:left; 
    width:680px; 
    margin-bottom:20px;
}

#contentSub div.container div.offersDetailL p.title,
#contentSub div.container div.offersDetailR p.title
{
    font-weight:bold; margin-bottom:15px;
}

#contentSub div.container div.offersDetailR 
{
    width:370px; 
    float:left;
}

#contentSub div.container div.offersDetailR div.optom 
{
    width:226px; 
    float:left; 
    margin-bottom:12px;
}

#contentSub div.container div.offersDetailR div.optomPcode 
{
    width:120px; 
    float:left; 
    margin-bottom:12px;
}

#contentSub div.container div.offersDetailR div.boxCode 
{
    /*width:360px; */
    margin-bottom:8px;
}

#contentSub div.container div.tryNowFormVision div.field div.radioBtn 
{
    float:left; 
    width:20px;
}

#contentSub div.container div.tryNowFormVision div.field div.radioBtnCopy 
{
    float:left; 
    width:260px;
}

#contentSub div.container div.tryNowFormHear div.privacySec 
{
    font-weight:bold; 
    margin-bottom:20px;
}

.privacyCheck 
{
    float:left; 
    width:25px;
}

.privacyCheckCopy 
{
    float:left; 
    width:360px;
}

/*terms*/


#contentSub div.container div.tc 
{
    width:700px
}

#contentSub div.container div.tc a 
{
    color:#00539f;
    text-decoration:underline;
}

ol.terms,
ul.terms
{
    margin-left:30px;
}

ol.terms li 
{
    margin-bottom:10px;
}




#content_bg { width:780px; height:723px; float:left; /*background-image:url(../img/bgLanding.jpg);*/ background-position:top; background-repeat:no-repeat; /*background-color:#D7ECF2;*/ }
#content_bg2 { width:780px; float:left; background-color:#D7ECF2; }
#content { width:630px; text-align:left; }
#content p { margin-top:5px; margin-bottom:5px; }
#content .text12_121967 { font-size:12px; color:#121967; font-weight:normal; }
#content .text12b_BF1238 { font-weight:bold; color:#BF1238; }
#content .text12_BF1238 { font-size:12px; color:#BF1238; }
#content .text18_BF1238 { font-size:18px; color:#BF1238; }
#content a { color:#BF1238; text-decoration:underline; }
#content ul { padding-left:335px; margin-left:0px; }
#contentList ul { padding-left:15px; margin-left:0px; }
#home {text-align:left;}
#home a { color:#BF1238; text-decoration:underline; }

#footer 
{
    width:465px; 
    margin:40px 0 10px 18px; 
    color:#666666; 
    font-size:10px;
}

#footer a 
{
    color:#666666;
    text-decoration:underline;
}

#footer a:hover 
{
    text-decoration:none;
}

#footer p 
{
    margin:0 0 15px 0;
}

#footer span.logoJJ
{
    background:url(../img/logoJJ.gif) no-repeat; 
    height:28px; 
    display:block; 
    text-indent:-900000px; 
    padding-bottom:4px;
}
#footer_logo { width:157px; height:28px; float:left; margin-top:10px; margin-left:8px; background:url(../img/logoJJ.gif) no-repeat; text-indent:-900000px;}
#footer_middle { color:#666666; width:323px; font-size:10px; float:left; padding-top:10px; padding-left:10px; padding-right:10px; }
#footer_right { color:#666666; width:280px; font-size:10px; float:left; padding-top:10px; text-align:right; }
#footer_right a { color:#666666; text-decoration:underline; }

.small_footer { font-size:10px; }
.input { font-family:Arial, Helvetica, sans-serif; font-size:12px; width:200px; }
.input_lotno { font-family:Arial, Helvetica, sans-serif; font-size:12px; width:15px; text-align:center; }
.postcode {width:80px;}
.listbox { font-family:Arial, Helvetica, sans-serif; font-size:12px; width:200px; }
.textarea { font-family:Arial, Helvetica, sans-serif; font-size:12px; width:560px; }
.input_generic { font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.box { width:12px; margin-right:1px;}



.test 
{
    width:440px; margin-bottom:15px;
}