@charset "UTF-8";
/* CSS Document
   Cowie and Fox Inc. www.cowieandfox.com
-----------------------------------------------------------------------------
RESET
-----------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,h7,pre,form,fieldset,input,p,blockquote,table,th,td {margin:0;padding:0;vertical-align:top;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr {border:0;}
address,caption,cite,code,dfn,h1,h2,h3,h4,h5,h6,h7,th,var,i,b {font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
a,u {text-decoration:none;}
ul, ol {margin-bottom:1.7em;}
p {margin:.7em 0;}
li {list-style:none;}


/*-----------------------------------------------------------------------------
OVERALL LAYOUT
-----------------------------------------------------------------------------*/

html {
    height: 100%;
}

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: .86em;
	color: #666666;
	background-image:url(../images/html/bg.jpg);
	background-position: top center;}

#container {
	width: 1007px;
	margin: 0 auto;
	margin-top: 48px;
	background-color: #FFF;
}

#socialContainer {
	width: 1007px;
	margin: 0 auto;
	text-align: right;
	padding-bottom: 10px;
	background-color: #FFF;
}

#footerContainer {
	width: 650px;
	margin: 0 auto;
	padding-bottom: 10px;
}

#flashContainer {
	font-size:0px;
	border-bottom: solid #fff 1px;
}

#flashNav {
	padding-left: 35px;
	position: absolute;
	height: 220px;
}

#subNavContainer {
	float: right;
	width: 192px;
	padding-top: 124px;
}

#contentContainer {
	float: right;
	width: 815px;
	padding-top: 120px;
}

#contentContainerFull {
	float: left;
	width: 970px;
	padding-top: 120px;
}

#home #subNavContainer {
	padding-top: 0;
}

#home #contentContainer {
	padding-top: 0;
}

#headerContainer {
	padding-left: 20px;
	padding-bottom: 5px;
}

#flashColumn {
	float:left;
	width:513px;
	margin-left:20px;
	margin-bottom:10px;
}

#flashColumnMixables {
	float:left;
	width:770px;
	height:520px;
	margin-left:20px;
	margin-bottom:10px;
}

#flashColumnStyleGuide {
	float:left;
	width:770px;
	height:600px;
	margin-left:20px;
	margin-bottom:10px;
}

#flashColumnStyleGuide {
	float:left;
	width:770px;
	height:600px;
	margin-left:20px;
	margin-bottom:10px;
}

#flashColumnHolidayGuide {
	float:left;
	width:970px;
	height:600px;
	margin-left:20px;
	margin-bottom:10px;
}

#flashColumnVacationStarters {
	float:left;
	width:770px;
	height:760px;
	margin-left:20px;
	margin-bottom:10px;
}

#flashColumnVacation {
	float:left;
	width:562px;
	margin-left:20px;
	margin-bottom:10px;
}

#imgColumn {
	float:left;
	background-image:url(../images/html/top5-right-column.jpg);
	text-align:center;
	width:253px;
	height:693px;
	margin-left:20px;
	margin-bottom:20px;
}

#imgColumn li {
	background:#5f8322;
	width:187px;
	margin-left:33px;
	margin-top:15px;
	color:#FFF;
	font-size:16px;
	padding-top:3px;
}

#imgColumn li.liImg {
	width:187px;
	margin-left:33px;
	padding-top:3px;
	margin-top:0px;
	padding-bottom:0px;
	margin-bottom:0px;
	font-size:0px;
}


#imgColumn h5 {
	padding-top:5px;
}

#imgColumnVacation {
	float:left;
	background-image:url(../images/html/top5-right-column.jpg);
	text-align:center;
	width:212px;
	height:754px;
	margin-left:10px;
	margin-bottom:20px;
}

#imgColumnVacation li {
	width:128px;
	margin-left:44px;
	font-size:0px;
	margin-top:10px;
}

#imgColumnFit {
	float:left;
	background-image:url(../images/html/top5-right-column.jpg);
	text-align:center;
	width:253px;
	height:693px;
	margin-left:20px;
	margin-bottom:20px;
}

#imgColumnFit li {
	width:187px;
	margin-left:33px;
	margin-top:15px;
	color:#FFF;
	text-align:left;
	font-size:16px;
	padding-top:3px;
	padding-bottom:3px;
}

#imgColumnFit img {
	margin-top:20px;
}

#imgColumnFit h5 {
	padding-top:15px;
	font-size: 20px;
}

#imgColumnStaff{
	float:left;
	background-image:url(../images/html/top5-right-column.jpg);
	text-align:center;
	width:253px;
	height:693px;
	margin-left:20px;
	margin-bottom:20px;
}

#imgColumnStaff li {
	width:187px;
	margin-left:33px;
	margin-top:15px;
	color:#FFF;
	text-align:left;
	font-size:16px;
	padding-top:3px;
	padding-bottom:3px;
}

#imgColumnStaff img {
	margin-top:20px;
}

#imgColumnStaff a {
	color:#FFF;
}

#imgColumnStaff a:hover {
	text-decoration:underline;
}

#imgColumnStaff h5 {
	padding-top:15px;
	font-size: 20px;
}


#imgColumnPSF {
	float:left;
	background-image:url(../images/html/personal-swimwear-fitting-right.jpg);
	text-align:center;
	width:234px;
	height:533px;
	padding-top:15px;
}

#imgColumnPSF li {
	width:180px;
	margin-top:20px;
	color:#FFF;
	text-align:left;
	font-size:16px;
	font-weight:bold;
	padding-top:3px;
	padding-bottom:3px;
}

#mapHolder {
	border:solid 1px;
	border-color:#0055a5;
	width:370px;
	height:600px;
	padding:20px;
}

#phobiaQuiz {
	border:solid 2px;
	border-color:#0055a5;
	width:480px;
	padding:20px;
	margin-left:23px;
}

.regContent {
	padding-top: 4px;
	padding-bottom: 12px;
}


/*-----------------------------------------------------------------------------
TEXT STYLES
-----------------------------------------------------------------------------*/

h1 {
	display: block;
	font-weight: normal;
	font-size: 44px;
	color: #0055a5;
	}
	
h4 {
	display: block;
	font-weight: normal;
	font-size: 34px;
	color: #0055a5;
	}
	
h5 {
	display: block;
	font-weight: normal;
	font-size: 24px;
	color: #FFFFFF;
	}
	
h7 {
	display: block;
	font-weight: normal;
	font-size: 22px;
	color: #0055a5;
	}
	
h8 {
	display: block;
	font-weight: normal;
	font-size: 18px;
	color: #0055a5;
	}
	
div.sifrPink {
	display: block;
	font-weight: normal;
	font-size: 34px;
	color: #DD24E1;
	}
	
div.sifrBlue {
	display: block;
	font-weight: normal;
	font-size: 34px;
	color: #0055a5;
	}
	
div.sifrLightBlue {
	display: block;
	font-weight: normal;
	font-size: 34px;
	color: #00ECEC;
	}	

p {
	color: #666666;
	font-size: .9em;
	line-height: 1.8em;
}

a {
	color: #00bee3;
	text-decoration: none;
}

a:hover {
	color: #0055a5;
}

.hr {
	font-size: 0px;
	padding: 0;
	height: 1px;
	background: #e9e9e9;
	margin: 10px 0 20px 30px;
}

div.regContent h3, div.regContent h2, div.regContent p, div.regContent img, div.regContent table, div.columnContainer h2, div.formContainer h2, div.formContainer p{
	margin-left: 20px;
}

div.flashcontent table {
	margin-left: 30px;
}

div.regContent h2, div.productContainer h2, h1.boxHead {
	text-transform: lowercase;
}

#contentContainer h2 {
    color: #333;
    font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 15px;
}

#contentContainer h3 {
	margin-top: 10px;
	font-size: 1.1em;
	color: #000;
}

#contentContainer p {
	color: #000;
}

div.locationsColumns {
	margin-top: 20px;
}

#subNavContainer a {
	color: #000;
	text-decoration: none;
}

#subNavContainer a:hover {
	color: #FFF;
}

/*-----------------------------------------------------------------------------
REG LIST
-----------------------------------------------------------------------------*/

ul.regList {
	margin-left: 42px;
	margin-top:	15px;
	color: #0055a5;
}

ul.regList li {
	
	margin-bottom: 10px;
	list-style: disc;
	color: #666666;
}

/*-----------------------------------------------------------------------------
FOOTER
-----------------------------------------------------------------------------*/

#footerContainer {
	/*border-top: solid #cccccc 1px;*/
	text-align: center;
	font-size: 1em;
}

#footerContainer a, p {
	color: #FFF;
}

ul#footer {
	margin: 0 auto;
	padding: 0;
	padding-top: 20px;
	width: 850px;
}

ul#footer li {
	float: left;
	margin: 0 5px 0 5px;
	display: block;
}

#copyFooter {
	margin-top: 10px;
}

#copyFooter a {
	color: #FFF;
}

#copyFooter a:hover {
	color: #333333;
}


/*-----------------------------------------------------------------------------
3 COLUMN BOX
-----------------------------------------------------------------------------*/


ul.threeColumnBox  {
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
}

ul.threeColumnBox  li {
	float: left;
	display: block;
	padding-left: 30px;
	width: 240px;
}

/*-----------------------------------------------------------------------------
5 COLUMN BOX
-----------------------------------------------------------------------------*/


ul.fiveColumnBox  {
	margin: 0;
	margin-bottom: 20px;
	margin-left: 40px;
	padding: 0;
	background-image:url(../images/html/mixables-hr.gif);
	background-repeat:no-repeat;
}

ul.fiveColumnBox  li {
	float: left;
	text-align:center;
	display: block;
	width: 150px;
}

ul.fiveColumnBox  h3 {
	padding-top:10px;
	margin-bottom:10px;
}

ul.fiveColumnBox  hr {
	color:#FFF;
}

/*-----------------------------------------------------------------------------
NEWS 3 COLUMN BOX
-----------------------------------------------------------------------------*/

ul.newsThreeColumnBox  {
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
}

ul.newsThreeColumnBox  li {
	float: left;
	display: block;
	padding-left: 30px;
	width: 190px;
}

ul.newsThreeColumnBox img {
	width: 200px;
	height: 150px;
}

/*-----------------------------------------------------------------------------
STORIES 3 COLUMN BOX
-----------------------------------------------------------------------------*/

ul.storiesThreeColumnBox  {
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
}

ul.storiesThreeColumnBox  li {
	float: left;
	display: block;
	padding-left: 30px;
	width: 190px;
}

ul.storiesThreeColumnBox img {
	width: 210px;
	height: 140px;
}



/*-----------------------------------------------------------------------------
2 COLUMN BOX
-----------------------------------------------------------------------------*/

ul.twoColumnBox {
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
}

ul.twoColumnBox li {
	float: left;
	display: block;
	padding-left: 30px;
	width: 300px;
}

/*-----------------------------------------------------------------------------
CHECKLIST 2 COLUMN BOX
-----------------------------------------------------------------------------*/

ul.twoColumnBox {
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
}

ul.twoColumnBox li {
	float: left;
	display: block;
	padding-left: 30px;
	width: 300px;
}

/*-----------------------------------------------------------------------------
SITE MAP 2 COLUMN BOX
-----------------------------------------------------------------------------*/

ul.smTwoColumnBox {
	margin: 0;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 0;
}

ul.smTwoColumnBox li {
	float: left;
	display: block;
	padding-left: 30px;
	width: 300px;
	margin-top: 10px;
	margin-bottom: 10px;
	list-style: disc;
}


/*-----------------------------------------------------------------------------
LOCATIONS 2 COLUMN BOX
-----------------------------------------------------------------------------*/

ul.locTwoColumnBox {
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
}

ul.locTwoColumnBox li {
	float: left;
	display: block;
	padding-left: 30px;
	width: 250px;
}

ul.locTwoColumnBox h2 {
	margin-left:0px;
}

ul.locTwoColumnBox h3, p {
	padding-left:20px;
	margin:0px;
}

ul.locTwoColumnBox p {
	padding-left:30px;
	margin:0px;
}

#mapTitle {
	background-color:#d4effc;
	height:40px;
	padding-top:10px;
}

ul.locTwoColumnBox a {
	color: #1183ba;
	text-decoration: none;
}

ul.locTwoColumnBox a.link {
	color: #000;
	text-decoration: none;
}


ul.locTwoColumnBox h4 {
	display: block;
	font-weight: normal;
	font-size: 25px;
	color: #0055a5;
}

ul.locThreeColumnBox {
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
}

ul.locThreeColumnBox li {
	float: left;
	display: block;
	padding-left: 30px;
	width: 190px;
}

li.infoColumnBox li {
	width: 300px;
}

/*-----------------------------------------------------------------------------
SITE MAP 3 COLUMN BOX
-----------------------------------------------------------------------------*/

ul.smThreeColumnBox {
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
}

ul.smThreeColumnBox li {
	float: left;
	display: block;
	padding-left: 30px;
	width: 190px;
}

ul.smThreeColumnBox h2 {
	margin-left:0px;
}

ul.smThreeColumnBox h3, p {
	padding-left:20px;
	margin:0px;
}

ul.smThreeColumnBox p {
	padding-left:30px;
	margin:0px;
}

p.sel {
	background-color:#d4effc;
}

ul.smThreeColumnBox a {
	color: #1183ba;
	text-decoration: none;
}

ul.smThreeColumnBox a.link {
	color: #000;
	text-decoration: none;
}


ul.smThreeColumnBox h4 {
	display: block;
	font-weight: normal;
	font-size: 25px;
	color: #0055a5;
}

/*-----------------------------------------------------------------------------
OUR STORY 2 COLUMN BOX
-----------------------------------------------------------------------------*/


ul.ourStoryTwoColumnBox {
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
}

ul.ourStoryTwoColumnBox li {
	float: left;
	display: block;
	padding-left: 30px;
	width: 300px;
}


/*-----------------------------------------------------------------------------
FLUID BOX
-----------------------------------------------------------------------------*/


ul.fluidColumnBox {
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
}

ul.fluidColumnBox li {
	float: left;
	display: block;
	padding-left: 30px;
}


/*-----------------------------------------------------------------------------
SUB NAVIGATION
-----------------------------------------------------------------------------*/

h6 {border:0; padding:0; margin:0; list-style:none;}
h6{padding:4px; font-size:14px; color:#000000; padding-left:23px; background:#d4effc;cursor:pointer;}
h6.toggler2{background:#68b5e4; padding-left:32px;}
h6:link {color:#FFFFFF;}
h6:hover {color:#FFFFFF;}
#accordion div.element2 a{margin-left:48px;}

#accordion {border-bottom:solid 8px #d4effc; border-top:solid 8px #d4effc;}
#accordion li{background:#68b5e4;}
#accordion ul{margin-bottom:0px;}
#accordion li a{padding:3px 6px; display:block; text-decoration:none; margin-left:32px;}

#subNavMain {
	position:relative;
}

/*------------------------------------------------------------------------------
Misc
------------------------------------------------------------------------------*/

.pushLeft {
	float: left;
	min-width: 50%;
	width: 50%;
}

.pushRight {
	float: right;
}

.leftPushBox {
	padding-left: 30px;
	padding-right: 30px;
	float: left; 
}


/*------------------------------------------------------------------------------
FORM CONTAINER
------------------------------------------------------------------------------*/

.formContainer {
	margin-top: 20px;
}

.formContainer label{
	display: block;
	font-weight: bold;
	margin-bottom: 10px;
	color: #0055a5;
}

.formContainer input.text, .formContainer textarea {
	margin-bottom: 20px;
	display: block;
	border-bottom:  solid #aaaaaa 1px;
	border-left:  solid #aaaaaa 1px;
	border-right:  solid #aaaaaa 1px;
	border-top: solid #333333 1px;
}



input.checkbox, input.radio, select.text {
	border:  solid #aaaaaa 1px;
	margin-bottom: 20px;
	margin-right: 10px;
}


/*------------------------------------------------------------------------------
Sifr
------------------------------------------------------------------------------*/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

li.title{
	margin: 0;
	padding: 0;
}

li.title a.sifr-ghost {
	font-weight: bold;
	font-size: 100%;
	display: block;
	position: absolute;
	z-index: 2;
	top: 15px;
	left: 0;
	overflow: hidden;
	line-height: 50%;
	letter-spacing: -0.2em;
	padding: 0;
}	


/*------------------------------------------------------------------------------
Holly Hack
------------------------------------------------------------------------------*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
  
.clearfix {display: inline-block;}  

/* Holly Hack Targets IE Win only \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End Holly Hack */