/* Ocean Fresh Popup Styles */

* {margin:0; padding:0; border: 0;}
html {margin:0; padding:0; height:100%; width:100%;}
body {margin:0; padding:0; height:100%; width:100%; font-size:11px; font-family: Tahoma, Arial, Verdana;}

/* SITE SETTINGS */

img {border:0;}
ul, li {margin:0; padding:0;}
p {margin:0; padding:0; font-family: Tahoma, Arial, Verdana; font-size:11px;}
a {margin:0; padding:0; font-family: Tahoma, Arial, Verdana; font-size:11px; text-decoration:none;}
a:hover{ text-decoration:underline; }
fieldset {border:0; margin:0; padding:0;}
legend{ display:none; }
input, select, textarea {font-family: Tahoma, Arial, Verdana; font-size: 11px; }

.clear {clear:both;} 

#popup540{ position:relative; width:540px; }
#popup540 #header{ position:relative; height:163px; background:url(../img/popup/header_540.jpg) 0 0 no-repeat; }
#popup540 .content{ width:520px; margin:0 auto; }
#popup540 h1{ width:520px; height:38px; margin:0 auto; font-size:11px; text-indent:9px; line-height:1.6; color:#fff; background:url(../img/popup/h1_540.jpg) 0 0 no-repeat; }
#popup540 .prodImg{ width:520px; height:380px; padding:5px 0 0 0; position:relative; margin:auto; background:url(../img/popup/prodImg_bg.gif) 0 0 no-repeat; }
#popup540 .prodImg img{ display:block; margin:auto; }
#popup540 .description{ width:520px; margin:0 auto; background:url(../img/popup/desc_bg.jpg) 0 bottom no-repeat; }
#popup540 .description p{ font-size:11px; line-height:1.2; color:#000; margin:13px 40px 0 40px; padding:27px 0 33px 0; }
#popup540 .footer{ position:relative; height:29px; }
#popup540 .footer ul{ height:51px; padding:5px 57px 0 57px; margin:0 auto; text-align:center; position:relative; background:url(../img/popup/footerNav_bg.jpg) 0 0 no-repeat; }
#popup540 .footer li{ display:inline; line-height:2; margin:0 0 0 5px; padding:0 0 0 11px; color:#fff; font-weight:bold; background:url(../img/icons/arrowSmallWhite.gif) 0 3px no-repeat; }
#popup540 .footer li a{ color:#fff; margin:0 8px 0 0; font-size:10px; }
#popup540 .footer p{ position:relative; width:350px; margin:0 auto; color:#fff; padding-left:170px; background:#68727c; height:29px; line-height:1.6; }
#popup540 .footer p span{ position:absolute; top:5px; left:10px; }
#popup540 .footer p a{ margin-left:60px; }

#popup440{ position:relative; width:440px; }
#popup440 #header{ position:relative; height:163px; background:url(../img/popup/header_540.jpg) -10px 0 no-repeat; }
.forgotten, .emailForm, .securityCode{ width:426px; padding-bottom:40px; margin:auto; background:url(../img/popup/btm_bg.jpg) 0 bottom no-repeat; }
#popup440 h1{ position:relative; width:419px; height:36px; margin:0 auto; text-indent:9px; font-size:11px; line-height:1.8; color:#fff; background:url(../img/popup/h1_440.jpg) 0 0 no-repeat; }

.securityCode p{ width:347px; margin:10px auto; font-size:11px; color:#024665; line-height:1.2; }
.securityCode img{ margin-left:20px; }

.forgotten p, .emailForm p{ width:395px; margin:0 auto; font-size:11px; color:#024665; line-height:1.2; }
.emailForm p.errText, .forgotten p.errText{ width:365px; color:#ff0101; padding:0 0 0 60px; background:url(../img/popup/err_bg.jpg) 30px 0 no-repeat; }
.emailForm p{ height:22px; }
.emailForm fieldset{ margin-top:17px; }
.formField{ clear:both; float:left; display:inline; position:relative; width:426px; padding:3px 0; margin:0 0 4px 0; color:#424242; font-size:70%; line-height:1.7; }
.formField label{ display:block; float:left; display:inline; font-size:11px; margin:0 0 0 40px; color:#024665; font-weight: bold; text-align:right; width:100px; padding:0; }
.formField label em{ font-style:normal; font-weight:normal; color:#e71005; }
.formField input, .formField textarea{ display:block; float:left;display:inline; font-size:11px; width:190px; margin:0 0 0 5px; border:1px solid #7f9db9; padding:2px; color:#000; }
.formField textarea{ height:60px; }
.fieldError input{ border:1px solid #ff0000; }
.fieldError label{ color:#ff0000; }
.emailForm .reqd{ color:#ff0000; margin:0px 0 0 146px; width:150px; padding:0; font-size:10px; }
.thanks div{ text-align:center; height:183px; }
.thanks img{ display:block; margin:20px auto 0 auto; }
.emailForm.thanks img{ margin-top:45px; }
.thanks p{ color:#024665; margin:13px auto; }

.terms {position:relative; width:500px; margin: 0 auto; background: url(../img/popup/bgSlice.gif) repeat-x left top; padding: 5px 10px 1px 10px;}
.terms h2 {font-size:11px; color:#000; margin-bottom:7px;}
.terms p {font-size:11px; color:#000; line-height:14px; margin-bottom:10px;}
.terms p a {font-size:11px; color:#19B6FF; text-decoration: underline;} 
.terms p a:hover {text-decoration: none;}