* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	border: 0;
	outline: 0;
	background: transparent;
}
/*blockquote,
q {
	quotes: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}*/
img {
	display: block;
}
ul,
ol {
	list-style: none;
}

.clearer {
	clear: both;
	height: 1px;
	overflow: hidden;
}
.silent {
	display: none;
}
.noMargin {		margin: 0 !important;}
.noPadding {	padding: 0 !important;}
.noBorder {		border: none !important;}


/*body,
html {
	height: 100%;
}*/

body {
	background: #fff url(images/bg_top.gif) left top repeat-x;
	color: #555;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
}

div#container {
	position: relative;
	margin: 0 auto;
	width: 990px;
}
div#header {
	height: 125px;
	margin-bottom: 26px;
}
div#header img {
	display: none;
}
div#masthead {
	height: 83px;
	background: url(images/bg_header.gif) center top repeat-y;
}
h1 {
	margin-left: 85px;
}
h1,
h1 a {
	display: block;
	width: 275px;
	height: 83px;
}
h1 a {
	text-indent: 5000px;
	overflow: hidden;
	background: url(images/logo.png) 10px top no-repeat;
}
h1 a:hover {
	background-position: 10px -83px;
}

body.curHome h1 a:hover {
	background-position: 10px top;
	cursor: default;
}

div#locator {
	display: inline;
	float: right;
	width: 195px;
	height: 50px;
	padding-left: 15px;
	margin-top: 18px;
	margin-right: 95px;
	background: url(images/search.png) left top no-repeat;
}
div#locator form {

}
input.zip_input {
	float: left;
	width: 108px;
	font-size: 13px;
	margin-top: 24px;
}
.blur {
	color: #888 !important;
}
input.search_button {
	margin-top: 18px;
}



ul#nav {
	height: 38px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	margin: 0 20px;
	position: relative;
	background: url(images/nav.png) left top no-repeat;
}

ul#nav li {
	position: absolute;
	top: 0;
}
ul#nav li,
ul#nav li a {
	display: block;
	height: 38px;
}
ul#nav li a {
	text-indent: -5000px;
	overflow: hidden;
}

li#navWomen								{left: 0px; width: 140px;}
li#navMen								{left: 140px; width: 108px;}
li#navAquatic							{left: 248px; width: 124px;}
li#navAbout								{left: 372px; width: 110px;}
li#navCares								{left: 482px; width: 173px;}
li#navContact							{left: 655px; width: 127px;}
li#navShop								{left: 782px; width: 168px;}

li#navWomen a:hover						{background: url(images/nav.png) 0px -50px no-repeat;}
li#navMen a:hover						{background: url(images/nav.png) -140px -50px no-repeat;}
li#navAquatic a:hover					{background: url(images/nav.png) -248px -50px no-repeat;}
li#navAbout a:hover						{background: url(images/nav.png) -372px -50px no-repeat;}
li#navCares a:hover						{background: url(images/nav.png) -482px -50px no-repeat;}
li#navContact a:hover					{background: url(images/nav.png) -655px -50px no-repeat;}
li#navShop a:hover						{background: url(images/nav.png) -782px -50px no-repeat;}

li#navWomen a:active					{background: url(images/nav.png) 0px -100px no-repeat;}
li#navMen a:active						{background: url(images/nav.png) -140px -100px no-repeat;}
li#navAquatic a:active					{background: url(images/nav.png) -248px -100px no-repeat;}
li#navAbout a:active					{background: url(images/nav.png) -372px -100px no-repeat;}
li#navCares a:active					{background: url(images/nav.png) -482px -100px no-repeat;}
li#navContact a:active					{background: url(images/nav.png) -655px -100px no-repeat;}
li#navShop a:active						{background: url(images/nav.png) -782px -100px no-repeat;}

body.curWomen li#navWomen				{background: url(images/nav.png) 0px -50px no-repeat;}
body.curMen li#navMen					{background: url(images/nav.png) -140px -50px no-repeat;}
body.curAquatic li#navAquatic			{background: url(images/nav.png) -248px -50px no-repeat;}
body.curAbout li#navAbout				{background: url(images/nav.png) -372px -50px no-repeat;}
body.curCares li#navCares				{background: url(images/nav.png) -482px -50px no-repeat;}
body.curContact li#navContact			{background: url(images/nav.png) -655px -50px no-repeat;}
body.curShop li#navShop					{background: url(images/nav.png) -782px -50px no-repeat;}

div#content {
	clear: both;
	position: relative;
	padding: 0 50px;
	min-height: 450px;
}


div#homer {
	background: url(images/loading.gif) left top no-repeat;
}
div#homer img {
	display: none;
}
div#homer ul {
	clear: both;
	position: relative;
	height: 560px;
	position: relative;
	background: url(images/home.jpg) left top no-repeat;
}

div#homer ul li {
	position: absolute;
	top: 0;
}
div#homer ul li {
	display: block;
	height: 560px;
}
div#homer ul li a {
	display: block;
	height: 305px;
	padding-top: 255px;
}

li#homeWomen							{left: 0px; width: 300px;}
li#homeMen								{left: 300px; width: 340px;}
li#homeAquatic							{left: 640px; width: 350px;}

div#homer ul li a span {
	display: block;
	height: 60px;
	text-indent: -5000px;
	overflow: hidden;
}

li#homeWomen a span						{background: url(images/nav_home.png) 0px 0px no-repeat;}
li#homeMen a span						{background: url(images/nav_home.png) -300px 0px no-repeat;}
li#homeAquatic a span					{background: url(images/nav_home.png) -640px 0px no-repeat;}

li#homeWomen a:hover span				{background-position: 0px -200px;}
li#homeMen a:hover span					{background-position: -300px -200px;}
li#homeAquatic a:hover span				{background-position: -640px -200px;}

li#homeWomen a:active span				{background-position: 0px -400px;}
li#homeMen a:active span				{background-position: -300px -400px;}
li#homeAquatic a:active span			{background-position: -640px -400px;}



div#contentLeft {
	float: left;
	width: 490px;
	height: 450px;
	overflow: hidden;
}
img.imgSecondary {
	margin-left: 4px;
	border: 1px solid #ccc;
}

div.slideshowWrapper {
	position: relative;
	height: 450px;
	overflow: hidden;
	margin-bottom: 20px;
}
div.slideshow {
	width: 482px;
	height: 362px;
	overflow: hidden;
	margin-bottom: 14px;
	margin-left: 4px;
}
div.slideshow img {
	border: 1px solid #ccc;
}

ul.gallery {

}
ul.gallery li {
	display: block;
	float: left;
	width: 90px;
	height: 70px;
	margin-right: 10px;
	margin-bottom: 10px;
}
ul.gallery li.last {
	margin-right: 0 !important;
}
ul.gallery a {
	display: block;
	width: 82px;
	height: 62px;
	padding: 4px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: background 0.2s linear;
	-moz-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	transition: background 0.2s linear;
}

ul.gallery a:hover {					background-color: #ccc;}
ul.gallery a:active {					background-color: #555;}
ul.gallery a.activeSlide,
ul.gallery a.activeSlide:hover,
ul.gallery a.activeSlide:active {		background-color: #999;}


ul.gallery a img {
	border: 1px solid #ccc;
	-ms-interpolation-mode: bicubic;
}

ul.gallery a:hover img {				border-color: #ccc;}
ul.gallery a:active img {				border-color: #555;}
ul.gallery a.activeSlide img,
ul.gallery a.activeSlide:hover img,
ul.gallery a.activeSlide:active img {	border-color: #999;}



div#contentRight {
	margin-left: 510px;
}

div#browse {
	position: relative;
	padding-bottom: 15px;
	min-height: 20px;
}
div#browse ul {

}
div#browse li {
	display: inline;
	font-size: 11px;
	line-height: 20px;
}

div#browse a {
	text-decoration: none;
	color: #777;
	padding: 2px 0;
}
div#browse a:hover {
	text-decoration: underline;
	color: #222;
}

ul#back {
	float: left;
}
ul#back li a {
	background: url(images/arrow_left.gif) left 2px no-repeat;
	padding-right: 10px;
	padding-left: 21px;
}
ul#back li a:hover {
	background-position: left -98px;
}

ul#skip {
	float: right;
}
ul#skip li {
	padding: 3px 0;
}
ul#skip li.next {
	border-left: 1px solid #ccc;
}
ul#skip li.previous a {
	background: url(images/arrow_left.gif) left 2px no-repeat;
	padding-right: 7px;
	padding-left: 21px;
}
ul#skip li.previous a:hover {
	background-position: left -98px;
}

ul#skip li.next a {
	background: url(images/arrow_right.gif) right 2px no-repeat;
	padding-right: 21px;
	padding-left: 12px;
}
ul#skip li.next a:hover {
	background-position: right -98px;
}

div.hdrSecondary,
div.hdrProduct,
div.hdrMenu,
ul.menu {
	font-family: "Swiss721BT-RomanExtended", "Lucida Grande", "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
}

div.hdrSecondary,
div.hdrProduct,
div.hdrMenu {
	min-height: 62px;
}

div.hdrSecondary {
	padding-top: 41px;
}
div.hdrMenu {
	padding-top: 67px;
	padding-left: 510px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}
div.hdrProduct {
	padding-top: 6px;
}

div#hdrWomens {			background: url(images/hdr_women.jpg) 126px 100% no-repeat;}
div#hdrMens {			background: url(images/hdr_men.jpg) 217px 100% no-repeat;}
div#hdrAquatic {		background: url(images/hdr_aquatic.jpg) 110px 100% no-repeat;}


h2 {
	color: #333;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 42px;
	line-height: 40px;
	letter-spacing: 1px;
	padding-bottom: 22px;
	word-spacing: -2px;
}
h3 {
	color: #777;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 20px;
	letter-spacing: 1px;
	padding-bottom: 22px;
	word-spacing: -4px;
	margin-top: -20px;
}


ul.menu {
	padding-left: 1px;
}
ul.menu li {
	display: block;
	float: left;
	width: 222px;
	padding-bottom: 40px;
}
ul.menu li a {
	display: block;
	width: 200px;
	padding: 11px 11px 5px 11px;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #222;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-transition: background 0.2s linear;
	-moz-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	transition: background 0.2s linear;
}
ul.menu li a span {
	color: #777;
	font-size: 10px;
}

ul.menu li a:hover {		background-color: #555;}
ul.menu li a:active {		background-color: #999;}

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


ul.menu img {
	margin-bottom: 5px;
}


ul.details {
	padding-bottom: 14px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}
ul.details li {
	font-size: 13px;
	line-height: 20px;
	padding-left: 15px;
	background: url(images/bullet.gif) 0px 8px no-repeat;
	margin-bottom: 6px;
	min-height: 14px;
}

div.columnTwo {
	width: 190px;
	float: left;
}
div.columnTwo ul {
	padding-top: 10px;
	padding-bottom: 30px;
}
div.columnTwo ul li {
	font-size: 13px;
	line-height: 20px;
	padding-left: 15px;
	background: url(images/bullet.gif) 0px 8px no-repeat;
	margin-bottom: 1px;
}


h4 {
	font-weight: bold;
	font-size: 13px;
	line-height: 20px;
	text-transform: uppercase;
	margin-bottom: 0px;
}

p {
	font-size: 13px;
	line-height: 20px;
	margin-bottom: 14px;
}

p.clicker {
	font-size: 11px;
	line-height: 16px;
	color: #777;
	margin-bottom: 10px;
}
p.facebook {
	margin-bottom: 30px;
}


p a,
ul.details li a,
div.columnTwo ul li a {
	font-weight: bold;
	/*color: #339999;*/
	color: #60bccb;
	text-decoration: none;
}
p a:hover,
ul.details li a:hover,
div.columnTwo ul li a:hover {
	text-decoration: underline;
}

p.facebook a {
	color: #fff;
	background: #5476a8 url(/images/button_facebook.gif) left top no-repeat;
	padding: 2px 16px 2px 30px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #29447e;
}
p.facebook a:hover {
	background-color: #142a53;
	text-decoration: none;
}
p.facebook a:active {
	background-color: #5476a8;
}



ul#colors {
	padding-right: 80px;
}
ul#colors li {
	display: block;
	float: left;
	width: 26px;
	height: 26px;
	margin-right: 10px;
	margin-bottom: 10px;
}
ul#colors li a {
	display: block;
	width: 22px;
	height: 22px;
	padding: 2px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: background 0.2s linear;
	-moz-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	transition: background 0.2s linear;
}
ul#colors li a:hover {						background-color: #ccc;}
ul#colors li a:active {						background-color: #555;}
ul#colors li a.activeSlide,
ul#colors li a.activeSlide:hover,
ul#colors li a.activeSlide:active {			background-color: #999;}

ul#colors li span {
	display: block;
	width: 20px;
	height: 20px;
	border: 1px solid #ccc;
	text-indent: -5000px;
	overflow: hidden;
}


ul#colors li a:hover span {					border-color: #ccc;}
ul#colors li a:active span {				border-color: #555;}
ul#colors li a.activeSlide span,
ul#colors li a.activeSlide:hover span,
ul#colors li a.activeSlide:active span {	border-color: #999;}


ul#colors li span.colorBlack {			background-color: #000;}
ul#colors li span.colorWhite {			background-color: #fff;}
ul#colors li span.colorGrey {			background-color: #bbb;}
ul#colors li span.colorBrown {			background-color: #503430;}
ul#colors li span.colorNatural {		background-color: #a48858;}
ul#colors li span.colorBronze {			background-color: #7d5026;}
ul#colors li span.colorTan {			background-color: #714624;}
ul#colors li span.colorNavy {			background-color: #1b3d7e;}
ul#colors li span.colorLightBlue {		background-color: #9cd5e7;}
ul#colors li span.colorNavy {			background-color: #1b3d7e;}
ul#colors li span.colorBlue {			background-color: #3776b5;}
ul#colors li span.colorBerry {			background-color: #79d2e0;}
ul#colors li span.colorFuschia {		background-color: #d42b62;}
ul#colors li span.colorPink {			background-color: #f9bec1;}
ul#colors li span.colorGuava {			background-color: #fe8594;}
ul#colors li span.colorGreen {			background-color: #7c8035;}
ul#colors li span.colorOlive {			background-color: #868a57;}
ul#colors li span.colorTurquoise {		background-color: #4faabc;}
ul#colors li span.colorOrange {			background-color: #e26e20;}
ul#colors li span.colorTangerine {		background-color: #ff9933;}
ul#colors li span.colorYellow {			background-color: #fbed53;}
ul#colors li span.colorLemon {			background-color: #fff153;}
ul#colors li span.colorRed {			background-color: #a80000;}
ul#colors li span.colorGold {			background-color: #e0ca91;}
ul#colors li span.colorPewter {			background-color: #9b8578;}

ul#colors li span.colorBlackWhite {		background: url(images/swatch/swatch_black-white.gif) left top no-repeat;}
ul#colors li span.colorBlackGrey {		background: url(images/swatch/swatch_black-grey.gif) left top no-repeat;}
ul#colors li span.colorNavyNatural {	background: url(images/swatch/swatch_navy-natural.gif) left top no-repeat;}
ul#colors li span.colorNaturalBrown {	background: url(images/swatch/swatch_natural-brown.gif) left top no-repeat;}

ul#colors li span.colorLeopard {		background: url(images/swatch/swatch_leopard.gif) left top no-repeat;}
ul#colors li span.colorZebra {			background: url(images/swatch/swatch_zebra.gif) left top no-repeat;}

ul#colors li span.colorPeaceSign {		background: url(images/swatch/swatch_peacesign.gif) left top no-repeat;}
ul#colors li span.colorSandal {			background: url(images/swatch/swatch_sandal.gif) left top no-repeat;}
ul#colors li span.colorDaiquiri {		background: url(images/swatch/swatch_daiquiri.gif) left top no-repeat;}
ul#colors li span.colorLobster {		background: url(images/swatch/swatch_lobster.gif) left top no-repeat;}
ul#colors li span.colorLadyBug {		background: url(images/swatch/swatch_ladybug.gif) left top no-repeat;}
ul#colors li span.colorFleurDeLis {		background: url(images/swatch/swatch_fleurdelis.gif) left top no-repeat;}
ul#colors li span.colorDragonfly {		background: url(images/swatch/swatch_dragonfly.gif) left top no-repeat;}
ul#colors li span.colorSeaHorse {		background: url(images/swatch/swatch_seahorse.gif) left top no-repeat;}
ul#colors li span.colorStrawberry {		background: url(images/swatch/swatch_strawberry.gif) left top no-repeat;}
ul#colors li span.colorStarfish {		background: url(images/swatch/swatch_starfish.gif) left top no-repeat;}
ul#colors li span.colorCrab {			background: url(images/swatch/swatch_crab.gif) left top no-repeat;}
ul#colors li span.colorPinkRibbon {		background: url(images/swatch/swatch_pinkribbon.gif) left top no-repeat;}

ul.vendors {
	padding-top: 10px;
}
ul.vendors li {
	display: block;
	margin-bottom: 18px;
}
ul.vendors li a {
	display: block;
	text-indent: -5000px;
	overflow: hidden;
	background-position: left top;
	background-repeat: no-repeat;
}

ul.vendors li#shopShoeBuy a {			height: 46px; width: 153px; background-image: url(images/vendors/shoe_buy.gif);}
ul.vendors li#shopEndless a {			height: 52px; width: 151px; background-image: url(images/vendors/endless.gif);}
/*ul.vendors li#shopWayfair a {			height: 73px; width: 146px; background-image: url(images/vendors/wayfair.gif);}
ul.vendors li#shopShoesGotSole a {		height: 50px; width: 219px; background-image: url(images/vendors/shoes_got_sole.gif);}*/
ul.vendors li#shopSwimOutlet a {		height: 44px; width: 174px; background-image: url(images/vendors/swim_outlet.gif);}
ul.vendors li#shopCudas a {				height: 56px; width: 188px; background-image: url(images/vendors/cudas.gif);}

ul.vendors li a:hover {
	background-position: 0 -200px;
}

div#footer {
	clear: both;
	padding: 30px 50px 20px 50px;
}
div#footer p {
	color: #777;
	text-align: right;
	font-size: 10px;
	line-height: 18px;
	letter-spacing: 0.5px;
	margin-left: 300px;
}
div#footer p.social {
	float: left;
	text-align: left;
	margin-left: 0;
}
div#footer p.social a {
	color: #777;
	font-weight: normal;
	padding: 1px 2px 2px 20px;
	background: url(images/icon_facebook.gif) left top no-repeat;
}
div#footer p.social a:hover {
	color: #333;
	background-position: 0 -100px;
}

/*** Admin Styles  ***/

div#admin .odd {
	background-color: #dfdfdf;
}
div#admin table th {
	font-size: 14px;
	color: #683d0c;
	text-align: left;
}
div#admin table td {
	font-size: 12px;
	padding: 2px;
}
div#admin.edit_link {
	font-color: #000;
 }
#admin table td input {
    border: 1;
	outline: 1;
	cursor: hand;
}