/* CSS Reset */

img { behavior: url(ie_pngfix/iepngfix.htc) }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	padding: 0;
	outline: 0;
	vertical-align: baseline;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
	}

body {
	color:#3d3d3d;
	font-size:11px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	
	}

/* Background */
body.blue {
	background:#afc7d0 url(../images/body.png) top repeat-x;
	}

body.blue .darkbg {
	padding:10px;
	}

/* Structure */
#page {
	margin:0 auto;
	position:relative;
	text-align:left;
	width:900px;
	min-height:673px;
	height:auto !important; /* fix fo IE6 issue */
	height:673px;
	background:#afc7d0 url(../images/body.png) top repeat-x;
	}

* html #page {
	height: 773px;
}

.hideoverflow {overflow: hidden;}

/* Text Styles */
a:link, a:visited {
	color:#a82365;
	text-decoration:none;
	}

a:hover {
color: #db3e90;
	text-decoration:none;
	}

p {
	margin:0 0 10px;
	}

#header-wrapper {
	width:900px;
	height:115px;	
	position:relative;
	}
	
.header {
	width:900px;
	height:82px;
	background: url(../images/header.png) no-repeat;
}

#header-left {
	width:50%;
	height:82px;
	float:left;
}

.logo {
	width:365px;
	height:82px;
	margin-left:10px;
}

#header-right {
	width:50%;
	height:82px;
	float:right;
}

.shopnow {}
.shopnow a {color: #fff !important; outline: none;}


/* Search */
#search {
	width:210px;
	height:30px;
	margin-top:6px;	
	float: right; margin-right: 20px;	
}

.search {padding: 3px;}

#mod_search_searchword {
	width:210px;
	height:21px;
	background: url(../images/searchbar.png) no-repeat;
	border:none;
	padding:0px 10px;
}
	
#searchForm .contentpaneopen {
	background:#efefef;
	border:10px solid #efefef;
	margin:10px 0;
}
	
#searchForm .searcharea {
	border-bottom:2px solid #ccc;
	padding:0 0 10px;
}
	
#searchForm .searchintro {
	margin:10px 0;
	width:100%;
}
	
.searchresult {
	border-bottom:1px dotted #ccc;
	padding:10px 0;
}

#topnav {z-index: 100;
}

.hideme {display: none;}

.item1 {display: none;}

/* Social Network Links */
#social-media {
	width:275px;
	height:40px;
	float: right;
	margin-right: 20px;
}

#locator {
	float: right;
	text-align: right;
	width: 220px;
	color: #fff;
	margin-right: 20px;
	margin-top: 10px;
}

#breadcrumb {
	width:880px;
	height:17px;	
	background:url(../images/topnav.png) repeat-x;
	padding:0 0px;
	color:#c22c7a;
	font-size: 8pt;
}

#breadcrumb a {
text-decoration: none;
}


/* Spotlight */
#spotlight {	
	width:900px;
}

#spotlight-left {
	width:574px;
	height:320px;
	float:left;
	margin-top: 6px;
	margin-right: 6px !important;
	margin-right: -8px;
}

#spotlight-right {
	width:320px;
	height:315px;
	float:left;
}

.promo1 {
	width:50%;
	height:155px;
	float:left;
	padding-top:6px;	
	
}

.promo2 {
	width:50%;
	height:155px;
	float:left;
	padding-top:6px;
}

.promo3 {
	width:50%;
	height:155px;
	float:left;
	padding-top:6px;
}

.promo4 {
	width:50%;
	height:155px;
	float:left;
	padding-top:6px;
}

#contentholder{
	clear:both;
	margin:10px 0 0 0;
	position:relative;
	width:900px;
	z-index:1;
	}

#center {
	float:left;
	font-size:1.2em;
	line-height:1.4;
	overflow:hidden;
	}

* html #center {
	display: inline;
	}

.nocolumns #center {
	margin:0;
	width:900px;
	}
	
/* Content */
#new {
position: absolute;
z-index: 1000;
}

#imlogo {
position: absolute; top: 160px; left: 0;
}


/* Bottom Spotlight1 */
#bottom-spotlight1 {
	width:900px;
	margin-top:0px;
}

#alerts {
margin-left: -4px; margin-top: -10px; margin-bottom: 16px;
width: 896px;
}

.events {
	width: 896px;
	height: 100%;
	margin-left: -4px;
	}

.news {
	width: 896px;
	height: 180px;
	margin-left: -4px;
}

#bottom-spotlight2 {
	margin-top:5px;
	width:900px;
}

.feature1 {
	width:300px;	
	float:left;
}

.feature2 {
	width:300px;	
	float:left;
}

.feature3 {
	width:300px;	
	float:left;
}

#bottom-spotlight3 {
	margin-top:5px;
	width:900px;
}

.feature4 {
	width:300px;	
	background:#99CC33;
	float:left;
}

.feature5 {
	width:300px;	
	/*background:#CC9933;*/
	float:left;
}

.feature6 {
	width:300px;	
	/*background:#FF6600;*/
	float:left;
}

/* Footer Modules */
#footer-spotlight1 {
	margin-top:5px;
	width:900px;
	/*height:200px;*/
	/*background:#006600;*/
}

.footer1 {
	width:300px;	
	/*background:#99CC33;*/
	float:left;
}

.footer2 {
	width:300px;	
	/*background:#CC9933;*/
	float:left;
}

.footer3 {
	width:300px;	
	/*background:#FF6600;*/
	float:left;
}

#footer-spotlight2 {
	margin-top:5px;
	width:900px;
	/*height:200px;*/
	/*background:#006600;*/
}

.footer4 {
	width:300px;	
	/*background:#99CC33;*/
	float:left;
}

.footer5 {
	width:300px;	
	/*background:#CC9933;*/
	float:left;
}

.footer6 {
	width:300px;	
	/*background:#FF6600;*/
	float:left;
}


/* Footer Menu*/
#footer {
	width:auto;
	height: 100%;
	min-height:180px;
	background: #afc7d0 url('../images/footer.png'); repeat-x fixed center bottom; height: 85px;
	color:#fff;
	font-size:11px;
	line-height:22px;
	position:relative;
	text-align:center;
}

#footer-menu {
	text-align:center;
	width:900px;	
	/*background:#009900;*/
	margin:0 auto;
	padding-top:30px;
}

#footer-menu a{	
	color:#FFFFFF;
	padding:0 10px;	
}

#footer-copyright {
	padding-top: 10px;
	text-align:center;
	color:#FFFFFF;
	font-size:10px;	
}

.clear {
	clear: both;
	display: block;
	height: 1px;
	overflow: hidden;
	}

#center ol, #center ul {
	margin:0 0 15px 40px;
	}

#left ol, #left ul, #right ol, #right ul {
	margin:5px 0 5px 20px;
	}

#center img {
	margin:10px;
	}

#center .buttonheading img {
	margin:0 3px;
	}

#center h1, h1 {
	font-size:18px;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;	
	font-weight:bold;
	margin:10px 0;
	color:#000;
	}

#center h2, h2 {
	font-size:16px;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;	
	font-weight:bold;
	margin:10px 0;
	color:#000;

	}

#center h3, h3 {
	font-size:14px;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;	
	font-weight:bold;
	margin:10px 0;
	color:#000;
	}

#center {
	line-height:1.3;
	}

.componentheading, .contentheading {
	font-size:16pt;
	font-family: 'Trebuchet MS', sans-serif;
	color:#000;
	/*border-bottom: 1px solid #b02269;*/
	display: block;
	text-align:center; 
	width:900px;
	background:url(../../../images/stories/title-bg.png) no-repeat bottom;
	padding-bottom:10px;
	}

.blog .contentheading {
	font-size:14pt;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	color:#000;
	/*border-bottom: 1px solid #b02269;*/
	display: block;
	margin-bottom: 10px;
	text-align:center; 
	width:900px;
	background:url(../../../images/stories/title-bg.png) no-repeat bottom;
	padding-bottom:5px;
	}

.readon { 
	background:url(../images/icons.png) 0 0 no-repeat;
	float:right;
	padding:0 0 0 20px
	}

.small {
	font-size:0.8em;
	color: #333;
	}

.createdate, .modifydate {
	font-size:0.8em;
	color: #666;
	}

.highlight {
	background:#ddd;
	}

/* Misc */
#modlgn_username, #modlgn_passwd {
  width:130px;
  }

.article_column {
	padding:0 5px 0 0;
	}

.article_column.column_separator {
	padding:0 0 0 5px;
	}

#alledia {
	opacity:0.5;
	position:absolute;
	top:0; right:10px;
	}

#alledia a {
	color:#fff;
	}

/* Modules */
#toplinks .moduletable {
	padding:0 10px;
	}

.content {
	padding:10px;
	}

#splitmenu .content {
	padding:0;
	}

.module-plain .content {
	padding:0;
	}

.module-blue h3 {
	color:#fff;
	font-weight:bold;
	height:16px;
	padding:3px 10px;
	}

.module-bluebg h3 {
	color:#fff;
	font-weight:bold;
	height:16px;
	padding:10px 10px 0;
	}

.module-blue, .module_menu {
	margin:0 0 10px;
	}
	
/* News-PR layout */
.captions {
font-family: "Arial", Helvetica, sans-serif; 
font-weight: bold; 
font-size: 8pt; 
padding-top: 5px; 
padding-bottom: 5px;
}

.inset {
float: right;
margin: 0px 20px 20px 20px;
text-align: center;
color: #336699;
}

.quote {
float: left; padding: 5px; color: #336699; margin: 10px; width: 256px; border-top: 1px solid #000; border-bottom: 1px solid #000; font-size: 14pt; font-family: serif;
}

.keypoints {
padding: 5px; background: #bcd1d9; color: #336699; margin-bottom: 10px; border-top: 1px solid #000; border-bottom: 1px solid #000; font-size: 14pt; font-family: serif; clear: both; overflow: auto;
}

.newsimage {
border: 1px solid #fff;
}

/* Rounded Modules */
#module-round {	
	margin:5px;
	/*background:#000;*/
}

#module_m h3{    
    font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;    
    font-size:14px;
    font-weight:bold;
    color:#000;
    margin-top:-10px;
    margin-bottom:0px;
    margin-left:0px;
    margin-right:0px;
}

#module-content {
}	

#module_m {
background: #bdd1d8;
padding: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;
behavior:url(../../../templates/aqualung/border-radius.htc);
border: 1px solid #fff;
postition: relative;
}

.buynow {position: absolute; right: 10px; top: -30px;}

/* Athletes Page Styles */
.athletes_container {}

.athletes_img {
float: left; width: 180px; margin-right: 10px;
}

.athletes_bio {
float: right; margin-right: 10px; margin-left: 10px; width: 660px;
}

.athletes_title {
font-family: 'Architects Daughter', cursive; color:#a82365; font-size: 18pt; margin-top: 7px; margin-bottom: -4px;
}

.socialupdates {display: block; margin-bottom: 10px;}

.socialupdates iframe {width: 100%; min-height: 68px; border: none;}



/* SPOTLIGHT
--------------------------------------------------------- */
/* Spotlight Box Style */

.ja-box-full, .ja-box-left, .ja-box-center, .ja-box-right {
	float: left;
	overflow: hidden;
}

/* Bottom spotlight */
#ja-botsl {
	clear: both;
	margin: 0;
	padding: 0;
}

#ja-botsl .ja-box-tl {
	padding: 0 15px;
}

#ja-botsl div.module h3 {
	margin: 0 -14px;
	padding: 0 0 7px 15px;
	font-size: 150%;
	border-bottom: 1px solid #DDDDDD;
}

#ja-botsl div.module {
	margin: 20px 5px;
	padding: 0;
	float: none;
	width: auto;
	background: url(../images/box-r-br.gif) no-repeat bottom right #FFFFFF;
	overflow: hidden;
}

#ja-botsl div.module div {
	background: url(../images/box-r-bl.gif) no-repeat bottom left;
}

#ja-botsl div.module div div {
	background: url(../images/box-r-tr.gif) no-repeat top right;
}

#ja-botsl div.module div div div {
	padding: 10px 15px;
	background: url(../images/box-r-tl.gif) no-repeat top left;
}

#ja-botsl div.module div div div div {
	padding: 0;
	background: none;
}


/* Menu */
ul.menu, ul.menu ul {
	list-style:none;
	}

#toplinks .menu li {
	display:inline;
	}

#toplinks .menu a {
	color:#fff;
	line-height:22px;
	padding:0 10px;
	}

#menu .menu li {
	float:left;
	position:relative;
	}

#menu a {
	color:#fff;
	display:block;
	font-size:1.1em;
	font-weight:bold;
	line-height:28px;
	padding:0 12px;
	}

#menu a:hover {
	text-decoration:none;
	}

#menu .menu li ul {
	background:#fff;
	padding:7px 0;
	position: absolute;
	width:154px;
	margin:-1px 0 0 -1px;
	left: -999em;
	}

#menu .menu li ul a {
	border:none;
	color:#000;
	width:114px;
	font-weight:normal;
	line-height:22px;
	padding:0 20px;
	text-transform:none;
	text-align:left;
	}

#menu .menu li ul a:hover {
	color:#fff;
	}

#menu .menu li:hover ul, #menu .menu li.sfhover ul {
	left: auto;
	}

#menu .menu li:hover, #menu .menu li.sfhover {
	position:static;
	}

#splitmenu ul.menu {
	padding:0 12px;
	}

#splitmenu .menu li {
	display:inline;
	}

#splitmenu .menu a {
	font-size:1.1em;
	font-weight:bold;
	line-height:24px;
	padding:5px 12px;
	}

#splitmenu .menu a:hover {
	color:#fff;
	text-decoration:none;
	}

#left .menu, #right .menu {
	list-style:disc;
	margin:0 0 0 20px;
	}

#footer .menu li {
	display:inline;
	}

#footer .menu a {
	color:#fff;
	padding:0 10px;
	}

#center ul.pagination {
  list-style:none;
  margin:5px 0px 5px 0px;
  padding:5px 0 0;
  text-transform:lowercase;
  }

ul.pagination li {
  display:inline;
  }

ul.pagination span {
  padding:0 3px;
  }

ul.pagination a {
  padding:0 3px;
  }

ul.pagination .prevnext, ul.pagination .prevnext a {
  color:#fff;
  }

ul.pagination .pagenum span {
  border-bottom:1px solid #c22c7a;
  font-weight:bold;
  }

ul.pagination a:hover {
  border-bottom:1px solid #c22c7a;
  color:#fff;
  text-decoration:none;
  }
  
/* Swim News Style */
.newsfeed {list-style: none;}

.newsfeed a {color: #000;}

/* Duplicate WYSIWYG Page Styles for frontend */
.product-container {display: inline-block; height: 300px; width: 900px;}

.primary-container {display: inline-block; float: left; width: 490px; margin-left: 25px}

.supplemental-container {display: inline-block; margin-right: 97px; width: 282px; float: right; text-align: right; clear: right;}

.supplemental-images {}

.product-bullet {width: 880px;float:left; position: relative;}


.product-bullet ul li {
	list-style: none;
	background: url(../../../images/stories/bullet.png) no-repeat center left;
	list-style-position: inside;
	font-size: 9pt;
	padding-left: 30px;
	line-height: 18pt;
	color: #3d3d3d;
	}

.product_title {
font-size: 10pt; font-weight: bold;
}

.category_title {
font-size: 10pt; font-weight: bold; display:block; border-bottom: 1px solid #868686;
}

.sizechart_title {
font-size: 14pt; color: #7d1b4d; font-weight: bold; display:block; border-bottom: 1px solid #868686;
}

/* Product Page */

#product-wrapper {
 	width:900px; 		
	min-height:436px;
	height:auto !important; /* fix fo IE6 issue */
	height:436px;
	position: relative;
}

#product-wrapper .product-image-left {
	width: 500px; 
	height: 290px; 
	float: left; 
	padding-top: 20px; 
	padding-left: 40px;
}
#product-wrapper .product-image-right {
	width: 320px; 
	height: 310px; 
	float: left; 
	padding-top: 20px;
}

#product-wrapper .product-thumbs {
	width: 320px; 
	height: 90px;
}

.crumbnav {
float: right; font-size: 8pt;  margin-right: 40px; margin-top: -45px;
}

.quicknav {
float: right; margin-right: 40px; margin-top: -30px;
}

.hidden {display: none;}

.swimoutlet {float: right; margin-right: 10px;}

/* Sticky Footer */
* {
margin:0;
padding:0; 
}
html, body {
height:100%;
}
#wrap {
min-height:136px; 
width:100%; 
margin:0 auto;
background: #afc7d0 url('../images/footer.png') repeat-x;
}
html:before, #wrap:before { /* Opera and IE8 "redraw" bug fix */
content:"";
float:left;
height:100%;
margin-top:-999em;
}
* html #wrap { /* IE6 workaround */
height:136px; 
}
#foot {
height:136px;
width:100%;
margin:-136px auto 0; /* negative margin-top equals height of #foot */
}