/* CSS for Brand Landing Pages - Style Template 22 */
div#brandOutsideContainer {
	text-align: center; }
div#brandOutsideContainer div#brandLogoContainer,
div#brandOutsideContainer div#brandContentOutsideContainer,
div#brandOutsideContainer div#brandStoryOutsideContainer {
	text-align: left;
	width: 938px;
	margin: 0px auto; }
div#brandLogoContainer { }
div#brandLogo, div#brandCounterWeight {
	width: 469px;
	float: left; }
div#brandLogo h1 {
	margin: 0px;
	height: 110px;
	font-size: 18px; }
div#brandLogo h1 p.blpHeader {
	float: left;
	height: 110px;
	line-height: 110px;
	font-size: 20px;
	margin: 0px; }
.blpLogo {
	background-position: -1000px -1000px; }
div#brandLogo h1 p.blpLogo {
	display: block;
	float: left;
	margin: 0px;
	/* margin-left: 15px; */
	margin-right: 15px;
	background-image: url(//images.surffanatics.com/partners/surf/sprites/logossmall_new.gif);
	background-repeat: no-repeat;
	margin-top: 19px;
	height: 79px;
	width: 79px; }
div#brandContentOutsideContainer { }
div#brandGenderLinksContainer { }
div#brandGenderLinkLeft, div#brandGenderLinkRight, div#brandImageLeftContainer, div#brandImageRightContainer {
	float: left;
	width: 469px; }
div#brandGenderLinkLeft a, div#brandGenderLinkRight a {
	display: block; }
div#brandGenderLinkLeft { }
div#brandGenderLinkRight { }
div#brandImagesContainer { 
	margin-top: 0px;
	_margin-top: -3px; }
div#brandImageLeftContainer { }
div#brandImageRightContainer { }
div#brandLinksContainer { 
	padding-top: 15px; }
*html div#brandLinksContainer { 
	height: 65px; }
div#brandLinksContainerLeft, div#brandLinksContainerRight {
	width: 468px;
	float: left;
	min-height: 65px; }
*html div#brandLinksContainerRight {
	width: 459px; }
div#brandLinksContainerLeft { 
	border-right: 1px solid #e9e9e9; }
div#brandLinksContainerRight { }
div#brandLinkPaddingLeft {
	padding: 10px 0px 0px 15px; }
div#brandLinkPaddingRight {
	padding: 10px 0px 0px 25px; }
div#brandImageRightContainer div#brandLinkPaddingRight {
	padding: 0px 0px 0px 25px; }
div#brandContentOutsideContainer h4 {
	color: #1D8B9E;
	font-size: 22px;
	margin: 0px; }

ul.brandLinks {
	list-style-type: none;
	font-size: 14px;
	margin: 20px 0px 10px; }
ul.brandLinks li {
	display: block;
	float: left;
	width: 125px;
	margin: 0px 20px 10px 0px; }
*html ul.brandLinks li {
	margin-right: 16px; }
div#brandLinksContainerLeft ul.brandLinks li {
	margin-right: 15px; }
 ul.brandLinks li h5 {
	margin: 0px;
	font-weight: normal; }
ul.brandLinks li h5 a { }
ul.brandLinks li h5 a.brandViewAllLink {
	font-weight: bold;
	text-transform: uppercase; }
ul.brandLinks li.clear_li {
	float: none;
	clear: both;
	height: 0px;
	width: 0px;
	overflow: hidden; }
div#brandImagesContainer div.clear_div {
	display: block;
	clear: both;
	height: 0px;
	width: 0px;
	overflow: hidden; }
div#brandStoryOutsideContainer { 
	border-top: 1px solid #e9e9e9;
	margin-top: 30px;}
div#brandStoryPaddingContainer {
	padding: 10px;
	color: #999999;
	font-size: 11px; }
/* END CSS for Brand Landing Pages */

/* CSS for Brand Logo Sprites */
.aaronchangHp {
	background-position: -80px -320px; }
.theallyanceHp {
	background-position: -240px -560px; }
.arnetteHp {
	background-position: 0px 0px; }
.arnetteherHp {
	background-position: -80px -640px; }
.atwaterHp {
	background-position: -80px 0px; }
.cobianHp {
	background-position: 0px -720px; }
.dakineHp {
	background-position: -160px -320px; }
.dcHp {
	background-position: -160px -720px; }
.electricHp {
	background-position: -240px -320px; }
.elementHp {
	background-position: -160px 0px; }
.ergoHp {
	background-position: 0px -800px; }
.ezekielHp {
	background-position: -240px 0px; }
.f54Hp {
	background-position: -320px 0px; }
.fcsHp {
	background-position: 0px -80px; }
.foxHp {
	background-position: -80px -800px; }
.freestyleHp {
	background-position: -80px -80px; }
.havaianasHp {
	background-position: -320px -320px; }
.hicHp {
	background-position: -80px -720px; }
.hovenHp {
	background-position: -160px -80px; }
.hurleyHp {
	background-position: -240px -80px; }
.insightHp {
	background-position: 0px -400px; }
.jedidiahHp {
	background-position: -320px -80px; }
.koastalHp {
	background-position: -600px -800px; }
div#brandLogo .koastalHp {
	height: 0px;
	width: 0px;
	display: none; }
.lostHp {
	background-position: 0px -160px; }
.lucyloveHp {
	background-position: -80px -400px; }
.madaHp {
	background-position: -80px -160px; }
.matixHp {
	background-position: -160px -160px; }
.nixonHp {
	background-position: -160px -400px; }
.oceanearthHp {
	background-position: -240px -400px; }
.oceanmindedHp {
	background-position: -240px -160px; }
.oneillHp {
	background-position: -320px -160px; }
.oneillhimHp {
	background-position: -320px -160px; }
.oneillherHp {
	background-position: 0px -240px; }
.olukaiHp {
	background-position: -160px -800px; }
.paulfrankHp {
	background-position: -320px -400px; }
.quiksilverHp {
	background-position: -160px -640px; }
.reefHp {
	background-position: -160px -240px; }
.reefherHp {
	background-position: -80px -240px; }
.reefhimHp {
	background-position: -160px -240px; }
.ripcurlHp { 
	background-position: -240px -240px; }
.roxyHp {
	background-position: -240px -640px; }
.rustyHp {
	background-position: 0px -480px; }
.rvcaHp {
	background-position: -240px -720px; }
.sanukHp {
	background-position: -80px -480px; }
.smithopticsHp {
	background-position: -320px -240px; }
.splitHp {
	background-position: -160px -480px; }
.spyHp, .spyopticsHp {
	background-position: -240px -480px; }
.surffanaticsHp {
	background-position: 0px -560px; }
.tavikHp {
	background-position: -320px -560px; }
.vestalHp {
	background-position: 0px -320px; }
.volcomHp {
	background-position: -320px -640px; }
.vonzipperHp {
	background-position: -320px -480px; }
.zooyorkHp {
	background-position: -320px -720px; }
