html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background-color:#f6f6f5;
 font-family:Arial, Helvetica, sans-serif;
 font-size:14px;
 color:#00529c;
 background-image:url(../../images/life/backgrounds/pagebg.gif);
 background-repeat:repeat-x;
} 

img{
border:0;
}

img.right{
border-width:2px;
border-style:solid;
border-color:#00529c;
}
/* Links */
a:link {
text-decoration:none;
color:#00529c;
}

a:visited {
text-decoration:none;
color:#00529c;
}

a:hover {
text-decoration:underline;
color:#00529c;
}

a.pagelink
{
text-decoration:underline;
}

a.pagelink_bold
{
text-decoration:underline;
font-weight:bold;
}

a.pagelink visited
{
text-decoration:underline;
}

/* Headings */
h1{
font-size:24px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:center;
}
h2{
font-size:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:center;
}

h3{
font-size:18px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:center;
}

h3.maincopy {
font-size:18px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:left;
}
h3.cta {
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:left;
text-align:center;
vertical-align:middle;
}
h4.maincopy {
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:left;
}

h4{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
margin-top:10px;
}

/* -------------------------------------------------- */


/* Page Container */

#pagewidth{ 
 width:982px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
margin-top:15px;
margin-bottom:15px;
border-color:#00529c;
border-style:solid;
border-width:1px;
background-color:#ffffff;
} 

/* -------------------------------------------------- */

/*Header Styles*/

#header{
 position:relative; 
 height:260px;  
 width:100%;
 background-color:#ffffff;
 background-image:url(../../images/life/backgrounds/header.gif);
 background-repeat:repeat-x;
}

 
 .header-leftcol{
 width:491px; 
 float:left; 
 position:relative; 
 text-align:left;
 }
 
.header-rightcol{
 float: right; 
 display:inline; 
 position: relative; 
 width:490px; 
 text-align:right;
 }



#header-logos{
 position:relative;
 height:109px;
 width:100%;
} 

/* -------------------------------------------------- */

/*Top Navigation*/


#topnav{
 position:relative; 
 height:34px;
 background-repeat:repeat-x;  
 width:100%;
 background-image:url(../../images/life/backgrounds/topnav.gif);
} 

#topnav-tabs {
float:left;
width:100%;
line-height:normal;
border-top: 1px solid #00529c;
margin-top:0px;
padding:0;
}

* html #topnav-tabs{ /*IE only. Add 1em spacing between menu and rest of content*/
margin-bottom: 1em;
}

#topnav-tabs ul{
list-style-type: none;
margin:0;
margin-left: 10px;
padding:0;
}

#topnav-tabs li{
display:inline;
margin:0;
padding:0;
}

#topnav-tabs a {
float:left;
margin:0;
padding:0 0 0 9px;
text-decoration:none;
margin-right:5px;
}

#topnav-tabs a span {
float:left;
display:block;
height:23px;
padding-top:5px;
padding-left:5px;
padding-right:15px;
padding-bottom:0px;
font-weight:bold;
color:#3B3B3B;
}

/* Left Hand Side of Normal Tab */
#topnav-tabs a {
background-image:url(../../images/life/nav/tab-left-normal.gif);
background-position:left;
background-repeat:no-repeat;

}

/* Right Hand Side of Normal Tab */

#topnav-tabs a span {
background-image:url(../../images/life/nav/tab-right-normal.gif);
background-position:right;
background-repeat:no-repeat;
}



/* Left hand side of selected tab */

#topnav-tabs #current a {
background-image:url(../../images/life/nav/tab-left-selected.gif);
background-position:left;
background-repeat:no-repeat;
}
/* Right hand side of selected tab */

#topnav-tabs #current a span {
background-image:url(../../images/life/nav/tab-right-selected.gif);
color: #ffffff;
background-repeat:no-repeat;
}

/* Left hand side of hover tab */

#topnav-tabs a:hover {
background-image:url(../../images/life/nav/tab-left-selected.gif);
background-position:left;
background-repeat:no-repeat;
text-decoration:underline;
}

/* Right hand side of hover tab */
#topnav-tabs a:hover span {
background-image:url(../../images/life/nav/tab-right-selected.gif);
color: #ffffff;
background-repeat:no-repeat;
text-decoration:underline;
}

/* -------------------------------------------------- */


/* Main Banner Container */
#mainbanner{
position:relative;
width:100%;
margin-left:auto;
margin-right:auto;
text-align:center;
}

/* -------------------------------------------------- */

/* Main Content Area */
#maincopy{
position:relative;
width:96%;
text-align:left;
margin-left:2%;
margin-right:2%;
margin-bottom:2%;
}


#top_page_para
{
margin:20px;
}

#validation_para
{
margin:20px;
text-align:left;
font-size:110%;
}

#validation_para_big
{
margin:20px;
text-align:left;
font-size:120%;
}

/* -------------------------------------------------- */
/* Look and Book  */
#lookandbook{
position:relative;
width:96%;
text-align:center;
margin-left:2%;
margin-right:2%;
margin-bottom:2%;
}
/* -------------------------------------------------- */





/* CTA Boxes */

#cta{
position:relative;
width:982px;
text-align:left;
font-size:12px;

}

#cta img{
margin-left:auto;
margin-right:auto;
}

.cta-colmask{
width:100%;
left:0%;
clear:both;
float:left;
overflow:hidden;
position:relative;
}

.cta-colmiddle{
right:25%;
float:left;
width:100%;
position:relative;
}

.cta-colinner{
right:25%;
float:left;
width:100%;
position:relative;
}

.cta-colleft{
right:25%;
float:left;
width:100%;
position:relative;
}

.cta-col1{
width:23%;left:101%;
padding:0px 0px 1em 0px;
overflow:hidden;
float:left;
position:relative;
}

.cta-col2{
width:23%;
left:53%;
padding:0px 0px 1em 0px;
overflow:hidden;
float:left;
position:relative;
}

.cta-col3{
width:23%;
left:80%;
padding:0px 0px 1em 0px;
overflow:hidden;
float:left;
position:relative;
}

.cta-col4{
width:23%;
left:82%;
padding:0px 0px 1em 0px;
overflow:hidden;
float:left;
position:relative;
}

/* -------------------------------------------------- */

/* Footer Styles */
#footer{
 position:relative; 
 width:100%;
 background-color:#ffffff;
 margin-top:25px;
 margin-bottom:10px;
} 
#footer-sitelinks{
 background-image:url(../../images/life/backgrounds/footer.gif);
 background-repeat:no-repeat;
 height:93px;
 font-size:10px;
}
#footer-credits{
height:22px;
background-image:url(../../images/life/backgrounds/footer-credits.gif);
padding-right:10px;
padding-top:10px;
font-size:10px;
color:#000000;
text-align:right;

}

#footer-text
{
padding-10px;
text-align:center;
font-size:70%;

}

#footer-credits a:link{
font-size:10px;
color:#000000;
text-decoration:none;
}

#footer-credits a:visited{
font-size:10px;
color:#000000;
text-decoration:none;
}

#footer-credits a:hover{
font-size:10px;
color:#000000;
text-decoration:underline;
}

#footer-container5 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
}
#footer-container4 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:20%;
}
#footer-container3 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:20%;
}
#footer-container2 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:20%;
}
#footer-container1 {
	float:left;
	width:100%;
	position:relative;
	right:20%;
}
#footer-col1 {
	float:left;
	width:10%;
	position:relative;
	left:81%;
	overflow:hidden;
}
#footer-col2 {
	float:left;
	width:10%;
	position:relative;
	left:82%;
	overflow:hidden;
}
#footer-col3 {
	float:left;
	width:27%;
	position:relative;
	left:86%;
	overflow:hidden;
}
#footer-col4 {
	float:left;
	width:16%;
	position:relative;
	left:90%;
	overflow:hidden;
}
#footer-col5 {
	float:left;
	width:16%;
	position:relative;
	left:92%;
	overflow:hidden;
}




#footer-sitelinks ul{
list-style-type:none;
list-style-position:outside;
margin:0;
padding:0;
}

/* -------------------------------------------------- */

/* Stuff to make the site work in IE6 */
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

/* Promo Code Stuff */

.codestatus  {visibility:hidden;}

#validation{
position:relative;
width:100%;
text-align:left;
}
  .validation-leftcol{
 float:left;
 width:70%;
 position:relative; 
 text-align:center;

 }
 
 /*
   .validation-leftcol{
 float:left; 
 width:32%;
 position:relative; 
 text-align:center;

 }
 */
 .validation-box{
 background-repeat:none;
 }
 
.validation-rightcol{
 width:30%;
 /*margin-left:2%;
 margin-right:2%;*/
 float: right; 
 display:inline; 
 position: relative; 
 text-align:left;
  }

.validation-rightcol p
{
text-align:center;
}

#timer{
 display:none;
 font-size:18px;
 color:#0f6cb6;
}


.button_retry {
  width: 249px;
  height: 54px;
  padding: 54px 0 0;
  margin: 0;
  border: 0;
  background-image:url(../../images/life/buttons/clicktoactivate.gif);
  background-position:center;
  background-repeat:no-repeat;
	background-color: transparent;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

form:feedback
{
border:solid 1px;
border-color:#999999;
padding:5px;
}

fieldset
{
border: 1px solid #00529c;
width: 50%;
}

legend
{
color:#00529c;
background: #ffffff;
border: 1px solid #781351;
padding: 2px 6px
} 

.promocodefield{
  background-image:url(../../images/life/buttons/textinput.gif);
  background-repeat:no-repeat;
  width:249px;
  padding-left:15px;
  height:40px;
  padding-top:12px;
  border-style:none;
  font-size:16px;
  font-weight:bold;
  color:#0f6cb6;
  margin-top:10px;
} 
.promocodefield_valid{
  background-image:url(../../images/life/buttons/textinput_valid.gif);
  background-repeat:no-repeat;
  width:249px;
  padding-left:15px;
  height:40px;
  padding-top:12px;
  border-style:none;
  font-size:16px;
  font-weight:bold;
  color:#00ab39;
    margin-top:10px;

} 

.promocodefield_invalid{
  background-image:url(../../images/life/buttons/textinput_invalid.gif);
  background-repeat:no-repeat;
  width:249px;
  padding-left:15px;
  height:40px;
  padding-top:12px;
  border-style:none;
  font-size:16px;
  font-weight:bold;
  color:#ea0437;
    margin-top:10px;

} 

p.feedbackform
{
font-weight:bold;
}

p.promocode{
  color:#0f6cb6;
  font-size:16px;
  text-align:left;
  padding-left:10px;
  padding-right:10px;
}
p.codeinfo-valid{
  color:#00ab39;
  font-size:16px;
  text-align:left;
  padding-left:10px;
  padding-right:10px;
  margin-top:0px;
}
p.codeinfo-invalid{
color:#ea0437;
  font-size:16px;
  text-align:left;
  padding-left:10px;
  padding-right:10px;
}
#txtHint{
text-align:left;
}

.thankyoumessage{
 color:#00ab39;
padding:10px;
text-align:left;
}

.thankyoumessage h3{
text-align:left;
}

#toppromo_sea{
height:170px;
background-repeat:no-repeat;
background-image:url(../../images/life/banners/sea.jpg);
}