/***********************************************/
/* ESF 2008.css  	             		      */
/*                                             */
/***********************************************/
/* HTML tag styles                             */
/***********************************************/


#tandc {
color: #fff;
padding: 10x !important;
width: 135px;
font-size: 11px;
text-align: left;
margin: 10px 0 0 10px;
}

#tandc h5{
text-transform: uppercase;
padding: 0;
margin: 0 0 5px 0;
}

/*---------------------------- main structural divs ---------------------------------------------------*/


body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background-color: #00284C;
	background-image: url(../images/back-rob.jpg);
	background-attachment: fixed;
	background-repeat: repeat-x;
	clear: both;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#body-wrapper {

	width: 958px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	background-image: url(../images/esf-back-repeat.png);
	background-repeat: repeat-y;
	position: relative;
margin-top: 130px;
}
#body-wrapper-lesson {
	width: 958px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	background-image: url(../images/esf-back-lessons-repeat.png);
	background-repeat: repeat-y;
	position: relative;
}
.header {
position: relative;
	height: 205px;
	width: 800px;
	float: left;
	background-color: #FFFFFF;
}

.header img{
position: absolute;
top: -129px;
left: -75px;
}


.leftcolumn {
	width: 160px;
	float: left;
	padding-top: 75px;
}
.rightcolumn {
	width: 158px;
	float: right;
	background-color:#FA281E;
/*	background-image: url(../images/white-blank.gif);
	background-repeat: no-repeat;
*/	padding-top: 205px;
}
.body-content {
	float: left;
}	
.body-indexcontent {
	float: left;
	width: 620px;
	position: relative;
	display:inline;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}	
.footer {
	text-align: left;
	color: #666666;
	padding-top: 10px;
	padding-bottom: 0px;
	clear: both;
	background-image: url(../images/ripcurl-bottom-logo.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	height:auto;
	padding-left: 170px;
	padding-right: 160px;
	margin: 0px;
}
p {
	margin:0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
a:link {
	color: #DD0026;
	text-decoration: none;
}
a:visited {
	color: #DD0026;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: underline;
}
a:active {
	color: #000;
	text-decoration: none;
}

img {
	border:none;
	}


/*---------------------------- left col links ---------------------------------------------------*/



.left-signup-wrap {
	width:160px;
	height:143px;
	padding-top: 20px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.left-signup {
	float: left;
	width: 160px;
	height: 143px;
	background: url('../images/esf-newsletter.png') no-repeat 0 -143px;
	}
.left-signup a {
	display: block;
	margin: 0;
	padding:0;
	width:100%;
	height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url('../images/esf-newsletter.png') no-repeat top left;
	}
.left-signup a:hover {
	background-image: url(none);
	}
.left-signup span {
	text-indent: -9999px;
	position: absolute;
	}



.left-look-wrap {
	width:156px;
	height:244px;
	padding-top: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	margin-left: 2px;
}
.left-look {
	float: left;
	width: 156px;
	height: 244px;
	background: url('../images/look-article-button-roll.jpg') no-repeat 0 -244px;
	}
.left-look a {
	display: block;
	margin: 0;
	padding:0;
	width:100%;
	height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url('../images/look-article-button-roll.jpg') no-repeat top left;
	}
.left-look a:hover {
	background-image: url(none);
	}
.left-look span {
	text-indent: -9999px;
	position: absolute;
	}





.left-business-wrap {
	width:156px;
	height:244px;
	padding-top: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	margin-left: 2px;
}
.left-business {
	float: left;
	width: 156px;
	height: 244px;
	background: url('../images/corporate-button-roll.jpg') no-repeat 0 -244px;
	}
.left-business a {
	display: block;
	margin: 0;
	padding:0;
	width:100%;
	height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url('../images/corporate-button-roll.jpg') no-repeat top left;
	}
.left-business a:hover {
	background-image: url(none);
	}
.left-business span {
	text-indent: -9999px;
	position: absolute;
	}

.left-acc-logos-wrap {
	background-image: url(../images/associated_logos.jpg);
	background-repeat: no-repeat;
	height: 700px;
	width: 156px;
	padding-top: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	margin-left: 2px;
}





.right-finest-wrap {
	width:158px;
	height:58px;
	padding-top: 0px;
	margin-top: 9px;
	padding-bottom: 0px;
	margin-left: 0px;
}
.right-finest  {
	float: left;
	width: 158px;
	height: 58px;
	background: url('../images/newquay_finest_logo-roll.png') no-repeat 0 -58px;
	}
.right-finest a {
	display: block;
	margin: 0;
	padding:0;
	width:100%;
	height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url('../images/newquay_finest_logo-roll.png') no-repeat top left;
	}
.right-finest a:hover {
	background-image: url(none);
	}
.right-finest span {
	text-indent: -9999px;
	position: absolute;
	}
	
ul {
	margin:20px;
	padding: 0px;
}	
li {
	margin:0px;
	padding: 0px;
}	
	
.leftcolumn h3 {
	font-size: 14px;
	font-weight: bold;
	color: #CCCCCC;
	background-color: #3E3D3D;
	margin: 0px;
	padding-top: 4px;
	padding-right: 7px;
	padding-bottom: 4px;
	padding-left: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
.buttons-side  {
	color: #fff;
	font-weight: bold;
	margin-left: 9px;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-right: 9px;
	display: block;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	padding-top: 2px;
}

.leftcolumn .buttons-side-no {
	padding-left: 18px;
	color: #fff;
	font-weight: bold;
/*	margin-left: 9px;
*/	margin-top: 2px;
	margin-bottom: 2px;
/*	margin-right: 9px;
*/	display: block;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	padding-top: 2px;
	background-color: #3E3D3D;
}



.buttons-side a:link {
	color: #fff;
	font-weight: bold;
	display: block;
	text-decoration: none;
	padding-left:9px;
}
.buttons-side a:visited {
	color: #fff;
	font-weight: bold;
	display: block;
	text-decoration: none;
	padding-left:9px;
}
.buttons-side a:hover {
	color: #FF0000;
	font-weight: bold;
	display: block;
	text-decoration: none;
	padding-left:9px;
	background-color:#031E3B;
}
.buttons-side a:active {
	color: #fff;
	font-weight: bold;
	display: block;
	text-decoration: none;
	padding-left:9px;
}

.buttons-side2  {
	color: #fff;
	font-weight: bold;
/*	margin-left: 9px;
*/	margin-top: 1px;
	margin-bottom: 1px;
/*	margin-right: 9px;
*/	display: block;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #515151;
	padding-top: 1px;
	font-size:11px;
}
.buttons-side2 a:link {
	color: #fff;
	font-weight: bold;
	display: block;
	text-decoration: none;
	padding-left:9px;
}
.buttons-side2 a:visited {
	color: #fff;
	font-weight: bold;
	display: block;
	text-decoration: none;
	padding-left:9px;
}
.buttons-side2 a:hover {
	color: #FF0000;
	font-weight: bold;
	display: block;
	text-decoration: none;
	padding-left:9px;
	background-color:#173A5F;
}
.buttons-side2 a:active {
	color: #fff;
	font-weight: bold;
	display: block;
	text-decoration: none;
	padding-left:9px;
}


/*---------------------------- right col links ---------------------------------------------------*/
.right-hen-wrap {
	width:158px;
	height:257px;
}
.right-hen {
	float: left;
	width: 158px;
	height: 257px;
	background: url('../images/esf-stag-hen.png') no-repeat 0 -257px;
	}
.right-hen a {
	display: block;
	margin: 0;
	padding:0;
	width:100%;
	height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url('../images/esf-stag-hen.png') no-repeat top left;
	}
.right-hen a:hover {
	background-image: url(none);
	}
	
	
/*	
.right-coasteer-wrap {
	width:158px;
	height:255px;
}
.right-coasteer {
	float: left;
	width: 158px;
	height: 255px;
	background: url('../images/coasteering-side-button.jpg') no-repeat 0 -255px;
	}
.right-coasteer a {
	display: block;
	margin: 0;
	padding:0;
	width:100%;
	height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url('../images/coasteering-side-button.jpg') no-repeat top left;
	}
.right-coasteer a:hover {
	background-image: url(none);
	}	
	*/
	
	
.right-coasteer-wrap {
	width:158px;
	height:209px;
	background: url('../images/offers-july-aug.png') no-repeat;
}
.right-coasteer {
	float: left;
	width: 158px;
	height: 209px;
	background: url('../images/new-location-button-roll.jpg') no-repeat 0 -209px;
	}
.right-coasteer a {
	display: block;
	margin: 0;
	padding:0;
	width:100%;
	height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url('../images/new-location-button-roll.jpg') no-repeat top left;
	}
.right-coasteer a:hover {
	background-image: url(none);
	}	
	
	
	
	
	
	
.right-voucher-wrap {
	width:158px;
	height:200px;
}
.right-voucher {
	float: left;
	width: 158px;
	height: 200px;
	background: url('../images/esf-voucher4.jpg') no-repeat 0 -200px;
	}
.right-voucher a {
	display: block;
	margin: 0;
	padding:0;
	width:100%;
	height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url('../images/esf-voucher4.jpg') no-repeat top left;
	}
.right-voucher a:hover {
	background-image: url(none);
	}
.right-voucher span {
	text-indent: -9999px;
	position: absolute;
	}


.right-winter-wrap {
	width:158px;
	height:320px;
}
.right-winter {
	float: left;
	width: 158px;
	height: 320px;
	background: url('../images/2010-russell-winter-button320.jpg') no-repeat 0 -320px;
	}
.right-winter a {
	display: block;
	margin: 0;
	padding:0;
	width:100%;
	height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url('../images/2010-russell-winter-button320.jpg') no-repeat top left;
	}
.right-winter a:hover {
	background-image: url(none);
	}
.right-winter span {
	text-indent: -9999px;
	position: absolute;
	}



.right-price-wrap {
	width:158px;
	height:79px;
}
.right-price {
	float: left;
	width: 158px;
	height: 79px;
	background: url('../images/prices-right-roll.png') no-repeat 0 -79px;
	}
.right-price a {
	display: block;
	margin: 0;
	padding:0;
	width:100%;
	height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url('../images/prices-right-roll.png') no-repeat top left;
	}
.right-price a:hover {
	background-image: url(none);
	}
.right-price span {
	text-indent: -9999px;
	position: absolute;
	}




.right-slideshow-wrap {
	width: 158px;
	height: 218px;
}
.right-slideshow {
	float: left;
	width: 158px;
	height: 218px;
	background: url('../images/gallery-button.gif') no-repeat 0 0px;
	}
	
.right-slideshow a {
	display: block;
	margin: 0;
	padding:0;
	width: 158px;
	height: 218px;
	overflow:hidden;
	text-decoration: none;
	}
	

.right-slideshow span {
	text-indent: -9999px;
	position: absolute;
	}







	
.right-hire-wrap {
	width:158px;
	height:217px;
}
.right-hire {
	float: left;
	width: 158px;
	height: 217px;
	background: url('../images/esf-boardhire-button.png') no-repeat 0 -217px;
	}
.right-hire a {
	display: block;
	margin: 0;
	padding:0;
	width:100%;
	height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url('../images/esf-boardhire-button.png') no-repeat top left;
	}
.right-hire a:hover {
	background-image: url(none);
	}
.right-hire span {
	text-indent: -9999px;
	position: absolute;
	}

.right-ad-title {
	height: 28px;
	width: 158px;
	background-image: url('../images/esf-featured-advertiser.png');
	background-repeat: no-repeat;
}

.right-sf-wrap {
	width:150px;
	height:162px;
	padding-left: 4px;
	padding-top: 4px;
}
.right-sf {
	float: left;
	width: 150px;
	height: 162px;
	background: url('../images/shopfitter-ad.jpg') no-repeat 0 -162px;
	}
.right-sf a {
	display: block;
	margin: 0;
	padding:0;
	width:100%;
	height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url('../images/shopfitter-ad.jpg') no-repeat top left;
	}
.right-sf a:hover {
	background-image: url(none);
	}
	
.rightcolumn p {
	font-size: 11px;
	color: #FFFFFF;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
}
/*---------------------------- h classes ---------------------------------------------------*/

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin: 0px;
/*	color: #FA2B24;
*/	color: #BE0022;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	color: #DD0026;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	color: #DD0026;
	font-style: italic;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}
#body-wrapper-lesson .body-indexcontent .feature-lesson h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	margin: 0px;
	/*	color: #FA2B24;
*/	color: #BE0022;
	padding-top: 5px;
	padding-right: 4px;
	padding-bottom: 5px;
	padding-left: 4px;
	border: 1px solid #666;
}
#body-wrapper-lesson .body-indexcontent .feature-lesson h1 span {
	font-size: 70%;
}
/*---------------------------- main home page ---------------------------------------------------*/
.telephone-head {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: bolder;
	color: #666666;
}

.image-right {
	margin-top: 10px;
	margin-right: 0px;
	margin-left: 0px;
	float: right;
	margin-bottom: 0px;
}
.image-right268 {
	margin-top: 10px;
	margin-right: 0px;
	margin-left: 0px;
	float: right;
	margin-bottom: 0px;
	width: 268px;
	text-align: center;
}
.image-left-home {
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 0px;
	float: left;
	margin-bottom: 5px;
}
.image-right-home {
	margin-top: 10px;
	margin-right: 0px;
	margin-left: 10px;
	float: right;
	margin-bottom: 5px;
}


.surf-link-wrap {
	width: 200px;
	height: 180px;
	margin-right: 0px;
	margin-left: 0px;
}
.surf-link {
	width: 200px;
	height: 180px;
	background: url('../images/2010-surfing-home-button.jpg') no-repeat 0 -180px;
	}
.surf-link a {
	display: block;
	margin: 0;
	padding:0;
	width:100%;
	height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url('../images/2010-surfing-home-button.jpg') no-repeat top left;
	}
.surf-link a:hover {
	background-image: url(none);
	}

	
.board-link-wrap {
	width: 200px;
	height: 180px;
	margin-left: 0px;
	float: right;
	display:inline;
}
.board-link {
	width: 200px;
	height: 180px;
	background: url('../images/2010-bodyboard-home-button.jpg') no-repeat 0 -180px;
	}
.board-link a {
	display: block;
	margin: 0;
	padding:0;
	width:100%;
	height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url('../images/2010-bodyboard-home-button.jpg') no-repeat top left;
	}
.board-link a:hover {
	background-image: url(none);
	}


	
.stag-link-wrap {
	width: 200px;
	height: 180px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: right;
	display:inline;
}
.stag-link {
	width: 200px;
	height: 180px;
	background: url('../images/2010-stag-home-button.jpg') no-repeat 0 -180px;
	}
.stag-link a {
	display: block;
	margin: 0;
	padding:0;
	width:100%;
	height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url('../images/2010-stag-home-button.jpg') no-repeat top left;
	}
.stag-link a:hover {
	background-image: url(none);
	}
	

	
.hen-link-wrap {
	width: 411px;
	height: 180px;
	margin-top: 10px;
/*	float: left;
	display:inline;
*/	margin-bottom: 10px;
}
.hen-link {
	width: 411px;
	height: 180px;
	background: url('../images/2010-hen-home-button.jpg') no-repeat top left;
	}
.hen-link a {
	display: block;
	margin: 0;
	padding:0;
	width:100%;
	height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url('../images/2010-hen-home-button.jpg') no-repeat 0 -180px;
	}
.hen-link a:hover {
	background-image: url(none);
	}
	



	
	
/*	
.carnmarth-link-wrap {
	width: 200px;
	height: 180px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 0px;
	float: right;
	margin-bottom: 0px;
}
.carnmarth-link {
	width: 200px;
	height: 180px;
	background: url('../images/esf-new-location-button.jpg') no-repeat 0 -180px;
	}
.carnmarth-link a {
	display: block;
	margin: 0;
	padding:0;
	width:100%;
	height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url('../images/esf-new-location-button.jpg') no-repeat top left;
	}
.carnmarth-link a:hover {
	background-image: url(none);
	}

*/


.coast-link-wrap {
	width: 200px;
	height: 180px;
/*	margin-top: 10px;
*/	margin-right: 10px;
	margin-left: 0px;
	float: right;
	margin-bottom: 0px;
	display:inline;
}
.coast-link {
	width: 200px;
	height: 180px;
	background: url('../images/2010-coasteering-home-button.jpg') no-repeat 0 -180px;
	}
.coast-link a {
	display: block;
	margin: 0;
	padding:0;
	width:100%;
	height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url('../images/2010-coasteering-home-button.jpg') no-repeat top left;
	}
.coast-link a:hover {
	background-image: url(none);
	}




/*
	
.kids-link-wrap {
	width: 300px;
	height: 117px;
	margin-top: 10px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
}
.kids-link {
	width: 300px;
	height: 117px;
	background: url('../images/esf-kids-button.jpg') no-repeat 0 -117px;
	}
.kids-link a {
	display: block;
	margin: 0;
	padding:0;
	width:100%;
	height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url('../images/esf-kids-button.jpg') no-repeat top left;
	}
.kids-link a:hover {
	background-image: url(none);
	}

	
.girls-link-wrap {
	width: 307px;
	height: 117px;
	margin-top: 10px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	float: right;
	clear: both;
}
.girls-link {
	width: 307px;
	height: 117px;
	background: url('../images/esf-girls-button.png') no-repeat 0 -117px;
	}
.girls-link a {
	display: block;
	margin: 0;
	padding:0;
	width:100%;
	height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url('../images/esf-girls-button.png') no-repeat top left;
	}
.girls-link a:hover {
	background-image: url(none);
	}





.hens-link-wrap {
	width: 305px;
	height: 135px;
	margin-top: 10px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
}
.hens-link {
	width: 305px;
	height: 135px;
	background: url('../images/hen-button.jpg') no-repeat 0 -135px;
	}
.hens-link a {
	display: block;
	margin: 0;
	padding:0;
	width:100%;
	height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url('../images/hen-button.jpg') no-repeat top left;
	}
.hens-link a:hover {
	background-image: url(none);
	}






.stags-link-wrap {
	width: 305px;
	height: 135px;
	margin-top: 10px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	float: right;
	clear: both;
}
.stags-link {
	width: 305px;
	height: 135px;
	background: url('../images/stags-button.jpg') no-repeat 0 -135px;
	}
.stags-link a {
	display: block;
	margin: 0;
	padding:0;
	width:100%;
	height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url('../images/stags-button.jpg') no-repeat top left;
	}
.stags-link a:hover {
	background-image: url(none);
	}

*/





/*	
.girl-header {
	background-image: url(../images/esf-surfgirl-head.png);
	background-repeat: no-repeat;
	height: 102px;
	padding-top: 54px;
	position: relative;
	clear: both;
}
.surfgirl-right {
	float: right;
}
.surfgirl-left {
	float: left;
}
.surfgirl-middle {
	float: left;
	padding-left: 70px;
}
.surfgirl-button-wrap {
	width:66px;
	height:65px;
	margin: 0px;
	position: absolute;
	top: 3px;
	left: 539px;
}
.surfgirl-button {
	float: left;
	width: 66px;
	height: 65px;
	background: url('../images/esf-surfgirl-bookbutton.jpg') no-repeat 0 -65px;
	}
.surfgirl-button a {
	display: block;
	margin: 0;
	padding:0;
	width:100%;
	height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url('../images/esf-surfgirl-bookbutton.jpg') no-repeat top left;
	}
.surfgirl-button a:hover {
	background-image: url(none);
	}

*/



	
.news-header {
	background-color: #FA2B24;
	background-image: url(../images/esf-news-title.gif);
	background-repeat: no-repeat;
	height: 27px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	background-position: 5px;
}
.body-indexcontent li {
	list-style-image: url(../images/esf-bullet.png);
	margin-bottom: 5px;
}
a.adlink:link {
	color: #FA2B24;
	text-decoration: none;
}
a.adlink:visited {
	color: #FA2B24;
	text-decoration: none;
}
a.adlink:hover {
	color: #FF0000;
	text-decoration: underline;
}
a.adlink:active {
	color: #FA2B24;
	text-decoration: none;
}
/************** .feature styles ***************/

.feature h3{
	padding: 30px 0px 5px 0px;
	text-align: center;
}

.feature-photo {
	float: right;
	width: 315px;
	position: relative;
}	
.feature-photo280 {
	float: right;
	width: 280px;
	position: relative;
	padding-left: 10px;
	padding-bottom: 10px;
}	
.feature img{
	float: right;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}

.feature-img-left{
	float:left;
	height: 110px;
	width: 122px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.feature-photo-caption{
	font-size: 80%;
	font-style: italic;
	color: #000066;
	text-align: right;
	padding-right: 20px;
}
#content .feature .feature-img-left img {
	margin: 0px;
	padding: 0px;
}
/* adjust margins to change separation between the feature image and text flowing around it */


/************** .story styles *****************/

.story-media {
	font-size: 80%;
	position: relative;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 10px;
	height: 129px;
}
.story-media-big {
	font-size: 80%;
	position: relative;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 10px;
	height: 200px;
}

.story-sub{
	clear: both;
	font-size: 90%;
	margin: 10px 50px 20px 30px;
}

.story p{
	padding: 0px 0px 10px 0px;
}

.story img{
	float: left;
	margin-top: 0;
	margin-right: 3px;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.accom-images {
	float:left;
	width:230px;
	margin-right: 10px;
	margin-top: 5px;
}

/************** .capsule styles *****************/

.capsuleLeft {
	width: 51%;
	float: left;
	padding: 4px;
}

.capsuleLeft img{
	float: right;
}


.capsuleRight {
	width: 41%;
	float: right;
	padding: 4px;
	margin-top: 20px;
}




/************** .price styles *****************/

.price{
	padding: 10px;
	font-size: 95%;
	background-color: #EEEEEE;
	margin-right: 210px;
	line-height: 150%;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 40px;
}

/************** .itinery styles *****************/

.itinery{
	padding: 10px;
	font-size: 95%;
	background-color: #FCDBD6;
	line-height: 120%;
	margin-right: 10px;
}

/************** .form heading styles *****************/

.form-section {
	font-size: 12px;
	background-color: #FA2B24;
	line-height: 120%;
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
}

/************** .hen list styles *****************/

.hen-list{
	font-size: 95%;
	background-color: #EEEEEE;
	margin-left: 10px;
	margin-right: 10px;
	list-style-type: disc;
	line-height: normal;
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-right: 50px;
	padding-bottom: 10px;
	padding-left: 10px;
	float: left;
	color:#333333;
	clear: both;
	width: 540px;
	display: inline;
}

/************** .contact styles *****************/

.contact-accom {
	padding: 10px 115px 0px 10px;
	font-size: 95%;
	text-align: right;
}

.contact{
	font-size: 95%;
	text-align: right;
	padding-top: 10px;
	padding-right: 115px;
	padding-bottom: 15px;
	padding-left: 10px;
}

.contact-comp{
	color:#FF0000;
}

.contact p{
	padding: 0px 0px 10px 0px;
}

.contact img{
	float: left;
	padding: 0px 10px 0px 0px;
	margin: 0 5px 5px 0;
}
/************** .contactleft styles *****************/

.contactleft{
	font-size: 95%;
	text-align: left;
	padding-top: 10px;
	padding-right: 115px;
	padding-bottom: 15px;
	padding-left: 10px;
}

.contactleft p{
	padding: 0px 0px 10px 0px;
}

.contactleft img{
	float: left;
	padding: 0px 10px 0px 0px;
	margin: 0 5px 5px 0;
}
/*----------------------------  email hide style ---------------------------------------------------*/
span.flipflop { unicode-bidi:bidi-override; direction: rtl; }



.rightcolumn a:link {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
.rightcolumn a:visited {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
.rightcolumn a:hover {
	font-weight: bold;
	color: #FF9393;
	text-decoration: underline;
}
.rightcolumn a:active {
	font-weight: bold;
	color: #FF9393;
	text-decoration: none;
}
.right-table {
	text-align: right;
}
.table-class {
	background-color: #EEEEEE;
	width: 400px;
	margin-left: 40px;
}
.table-class-accom {
	background-color: #EEEEEE;
	width: 97%;
	font-size:90%;
}
.sep-line {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FA2B24;
	margin-left: 100px;
	clear: both;
}
.sep-line2 {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FA2B24;
	margin-left: 100px;
	margin-right: 100px;
	clear: both;
	margin-top: 10px;
	padding-bottom: 10px;
}
.image-centre {
	text-align: center;
	padding-top: 5px;
	clear: both;
}
.image-centre img {
	float: none;
	text-align: center;

}
input {
	color: #000000;
	font-weight: normal;
}
.story {
}
.image-left {
	float:left;
	margin: 0px;
	padding: 0px;
	}
.image-left img {
	margin: 0px;
	padding: 0px;
	}
.left-feature {
	float: left;
	width: 300px;
}
.clearing {
	clear: both;
}
.photo220 {
	width: 220px;
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}
.center-image {
	margin-left: 30px;
	margin-top: 5px;
	text-align: center;
}
.goog-map {
	float: left;
	height: 485px;
	width: 355px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.top-logo {
	background-image: url(../images/ripcurl-esf-banner.gif);
	background-repeat: no-repeat;
	position: absolute;
	right: 2px;
	top: 6px;
	width:290px;
	height:190px;
}

.top-logo a {
	display: block;
	margin: 0;
	padding:0;
	width:100%;
	height:100%;
	overflow:hidden;
	text-decoration: none;
	}
	
/*.top-logo a:hover {
	background-image: url(none);
	}
*/	

.top-logo span {
	text-indent: -9999px;
	position: absolute;
	}
	


.top-contact {
	left: 0px;
	top: 0px;
	width:161px;
	height:278px;
	float: left;
	position: absolute;
	background-color:#3E3D3D;
	background-image: url('../images/esf-new-online-top-corner-website-2010.gif');
	background-repeat: no-repeat;
}
.top-book-now {
	width: 140px;
	height: 180px;
	background: url('../images/esf-top-corner-book-now.gif') no-repeat top left;
	left: 3px;
	top: 14px;
	position: absolute;
	}
.top-book-now a {
	display: block;
	margin: 0;
	padding:0;
	width:100%;
	height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url('../images/esf-top-corner-book-now.gif') no-repeat 0 -180px;
	}
.top-book-now a:hover {
	background-image: url(none);
	}
.top-book-now span {
	text-indent: -9999px;
	position: absolute;
	}


.top-contact-now {
	width: 110px;
	height: 32px;
	background: url('../images/esf-new-online-email-symbol-2010.gif') no-repeat top left;
	left: 11px;
	top: 203px;
	position: absolute;
	}
.top-contact-now a {
	display: block;
	margin: 0;
	padding:0;
	width:100%;
	height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url('../images/esf-new-online-email-symbol-2010.gif') no-repeat 0 -32px;
	}
.top-contact-now a:hover {
	background-image: url(none);
	}
.top-contact-now span {
	text-indent: -9999px;
	position: absolute;
	}



.top-promo {
	left: -3px;
	top: -3px;
	width:159px;
	height:275px;
	float: left;
	position: absolute;
}
.top-promo img {
	border: 4px solid #BE0022;
}
.top-promo a:hover img {
	border: 4px solid #FF0000;
}
.top-promo span {
	text-indent:-99999px;
	position: absolute;
	left: 5px;
	top: 5px;
}
.body-indexcontent .story .photo220 img {
	float: none;
}
.flash-banner {
	float: left;
	height: 205px;
	width: 640px;
	position: absolute;
	left: 160px;
	top: 0px;
	/*	background-image: url(../images/banner1.jpg);
	background-repeat: no-repeat;
	background-position: right top;
*/	margin: 0px;
	padding: 0px;
	background-color: #fff;
	overflow: hidden;
}
.flash-banner-coast {
	float: left;
	height: 205px;
	width: 640px;
	position: absolute;
	left: 160px;
	top: 0px;
/*	background-image: url(../images/coast1.jpg);
	background-repeat: no-repeat;
*/	margin: 0px;
	padding: 0px;
	background-color: #fff;
	overflow: hidden;
}
.panolink {
	text-align:center;
	padding: 0px;
	margin-top: 8px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 8px;
}
.panolink img {
	text-align:center;
	float:none;
	margin:0px;
	padding:0px;
	border: 1px solid #fff;
}
.panolink a:hover img {
	border: 1px solid #FF0000;
}
.feature em {
	font-weight: bold;
	color: #FF0000;
}
.feature {
	position: relative;
}
.380-right-col {
	float: left;
	width: 300px;
	padding-left: 5px;
}
.text-hold {
	float: left;
	width: 300px;
}
.lessonchoice h2 {
	background-color: #e1e1e1;
	display: block;
	font-weight: normal;
	color: #000000;
	padding:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	position: relative;
	width: 611px;
}
.lessonchoice em {
	right: 160px;
	position: absolute;
	font-style: normal;
}
.lessonchoice span {
	position: absolute;
	right: 24px;
}
.lessonchoice h2 a:link {
	background-color: #e1e1e1;
	display: block;
	padding:5px;
	color: #000;
	text-decoration:none;
	background-image: url(../images/grey-arrow.png);
	background-repeat: no-repeat;
	background-position: 590px 8px;
}

.lessonchoice h2 a:visited {
	display: block;
	color: #000;
	padding:5px;
	text-decoration:none;
	background-color:#e1e1e1;
	background-image: url(../images/grey-arrow.png);
	background-repeat: no-repeat;
	background-position: 590px 8px;
}
.lessonchoice h2 a:hover {
	display: block;
	color: #fff;
	padding:5px;
	text-decoration:none;
	background-color:#d00000;
	background-image: url(../images/pink-arrow.png);
	background-repeat: no-repeat;
	background-position: 590px 8px;
}
.lessonchoice h2 a:active {
	display: block;
	color: #fff;
	padding:5px;
	text-decoration:none;
	background-color:#d00000;
	background-image: url(../images/pink-arrow.png);
	background-repeat: no-repeat;
	background-position: 590px 8px;
}

.lessonchoice strong {
	padding: 5px;
	display: block;
}
.sep-dot {
	background-image: url(../images/sep-dot.png);
	background-repeat: repeat-x;
	clear: both;
	height: 14px;
	width:616px;
	background-position: left bottom;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
.product-list {
	border: 2px solid #989898;
	margin-bottom: 5px;
	height: 154px;
}
.cat-prod-image {
	margin: 0px;
	float: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.cat-prod-image img {
	margin: 0px;
	padding: 1px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-color: #989898;
}
.product-list select {
	font-size: 10px;
	margin-right: 10px;
}
.product-list .quantity input {
	font-size: 10px;
	color: #000000;
}
.body-indexcontent .story #products-holder-firefox .product-list .cat-prod-description {
	padding-left: 10px;
	font-size: 11px;
}
.product-list form {
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
}


.product-list .add-button {
	font-weight: bold;
	font-size: 12px;
}
.product-list .cat-prod-link {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	padding-top: 7px;
	padding-left: 10px;
}
/*************** input button ***********/
input.btn {
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	background-color: #BE0022;
	padding: 2px;
	border: 1px solid #000;
 }
input.btnhov {
	background-color:#FA2A23;
	color:#000;
	}






.cat-prod-link .more-details {
	font-size: 10px;
	color: #666666;
}
.product-list .quantity {
	font-size: 11px;
}
.product-list p {
	font-size: 11px;
}


/*---------------------------- pop up ---------------------------------------------------*/

#message-container {
	width:350px;
	height:121px;
	background-image:url(../images/pop-box.png);
	position:absolute;
	top:-141px;                             /*height value plus 20px;*/
	left:50%;
	z-index:100;
	margin-left:-175px;                     /*half the width value*/
	font-family:verdana, sans-serif;
	font-size:12px;
	background-repeat: no-repeat;
}
#message-container p {
	text-align:center;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}

input.message-button {
	color:#d80000;
	font-size: 12px;
	font-weight: normal;
	position: absolute;
	width: 130px;
	right: 17px;
	bottom: 17px;
	}
	
input.message-button2 {
	color:#d80000;
	font-size: 12px;
	font-weight: normal;
	position: absolute;
	width: 100px;
	bottom: 17px;
	left: 17px;
	}
	
/*---------------------------- pop up ---------------------------------------------------*/

#message-container-error {
	width:350px;
	height:121px;
	background-image:url(../images/pop-box-error.png);
	position:absolute;
	top:-141px;                             /*height value plus 20px;*/
	left:50%;
	z-index:100;
	margin-left:-175px;                     /*half the width value*/
	font-family:verdana, sans-serif;
	font-size:12px;
	background-repeat: no-repeat;
}
#basketmessage-error {
	text-align:center;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 110px;
}

input.message-button-error {
	color:#d80000;
	font-size: 12px;
	font-weight: normal;
	position: absolute;
	width: 100px;
	bottom: 20px;
	left: 171px;
	}
/*---------------------------- pop up opacity effect ---------------------------------------------------*/
/*#dropSheet
{
	position: absolute;
	top: 0;
	left: 0;
	z-index:99;
	width: 100%;
	height: 100%;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	
}
*/
#products-holder-firefox select {
	margin-bottom: 5px;
}
#products-holder-firefox .quantity input {
	font-size: 10px;
	color: #000000;
}
/*-------------------------------------------- Cart styles ------------------------------------------*/

.cart-checkout {
margin-left:20px;
}


.nopcart {
	width:99%;
	padding-top: 5px;
	padding-bottom: 5px;
}

.nopheader{
  padding: 5px;
}

.nopentry {
  padding: 5px;
}

.noptotal {
  padding: 5px;
}

.cart-pos {
	margin-top: 5px;
	margin-bottom: 5px;
}



.nopship a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #E10916;
	text-decoration: none;
	font-weight: normal;
}

.nopship a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #E10916;
	text-decoration: none;
	font-weight: normal;
}

.nopship a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5E5D5B;
	text-decoration: underline;
	font-weight: normal;
}

.nopship a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #E10916;
	text-decoration: none;
	font-weight: normal;
}

.noptotal select {
	font-size: 11px;
}

.nopbutton {
	color:#d80000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}
 
.nopheader {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-color: #dbdad7;
	border-bottom-color: #dbdad7;
	background-color: #FFFFFF;
	font-size: 12px;
  	padding: 5px;
}

.nopentry {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-color: #dbdad7;
	border-bottom-color: #dbdad7;
	background-color: #f3f3f3;
	font-size: 12px;
}
.noptotal {
	font-size: 12px;
	padding: 5px;
	margin: 0px;
}

.nopsub {
	border-top-width: 3px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #dbdad7;
	border-right-color: #dbdad7;
	border-bottom-color: #dbdad7;
	background-color: #f3f3f3;
}

.nopsub2 {
	border-top-width: 3px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #dbdad7;
	border-right-color: #dbdad7;
	border-bottom-color: #dbdad7;
	background-color: #EBEBEB;
}
.nopship {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-color: #dbdad7;
	border-bottom-color: #dbdad7;
	background-color: #f3f3f3;
}
.nopship2 {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-color: #dbdad7;
	border-bottom-color: #dbdad7;
	background-color: #EBEBEB;
}
.noptax {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-color: #dbdad7;
	border-bottom-color: #dbdad7;
	background-color: #f3f3f3;
}
.noptax2 {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-color: #dbdad7;
	border-bottom-color: #dbdad7;
	background-color: #EBEBEB;
}
.total {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #dbdad7;
	border-bottom-color: #dbdad7;
	background-color: #EBEBEB;
}
.nopship select {
	font-size: 11px;
}

.body-indexcontent .feature form {
	margin: 0px;
	padding: 0px;
}
.body-indexcontent .story #products-holder-firefox .add-button {
	font-weight: bold;
	line-height: 24px;
}
.body-indexcontent .story #products-holder-firefox .product-list .add-button {
	line-height: normal;
}
.body-indexcontent .story #products-holder-firefox .product-list .cat-prod-link {
	color: #FF0000;
}
.body-indexcontent .news-scroll {
	height: 300px;
	overflow-y: auto;
	padding-right:10px;
}
#products-holder-firefox form {
	text-align: right;
	display: block;
	color: #FFF;
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 8px;
}
#products-holder-firefox .quantity {
	display: block;
	margin-bottom: 0px;
	margin-top: 5px;
}
.form-right {
	float: right;
	width: 205px;
	clear: right;
	font-size: 11px;
	color: #FFF;
	margin: 0px;
	padding: 0px;
}
.form-img {
	background-color: #FFFFFF;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#products-holder-firefox .add-button {
	font-size: 120%;
	font-weight: bold;
	color: #BE0022;
}
.body-indexcontent .feature #products-holder-firefox .form-box {
	width: 180px;
	margin-bottom: 5px;
}
.body-indexcontent .feature h1 span {
	font-size: 12px;
	display:block;
	color: #DD0026;
}
.body-indexcontent .feature #products-holder-firefox .add-button {
	font-size: 16px;
	font-weight: normal;
}
.body-indexcontent .feature #products-holder-firefox .add-button .Gprice {
	font-size: 16px;
	font-weight: bold;
}
.footer-menu1 {
	float: left;
	width: 180px;
	padding-top: 15px;
}.footer-menu2 {
	float: left;
	width: 200px;
	padding-top: 15px;
}
.footer-menu1 ul {
	margin: 0px;
	padding: 0px;
}
.footer-menu1 li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.footer-menu2 ul {
	margin: 0px;
	padding: 0px;
}
.footer-menu2 li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.footer .clearing p {
	padding-top: 15px;
}



.surf-class1s {
	width: 196px;
	height: 85px;
	background: url('../images/surfing-menu-1lesson-butt-smallb.jpg') no-repeat 0 -85px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	}
.surf-class1s a {
	display: block;
	background: url('../images/surfing-menu-1lesson-butt-smallb.jpg') no-repeat top left;
	margin: 0;
	width:119px;
	height:78px;
	overflow:hidden;
	text-decoration: none;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 77px;
	color: #666;
	}
.surf-class1s a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.surf-class1s a strong {
	color: #FF0000;
	font-size:12px;
	display: block;
	text-transform: uppercase;
	line-height: 12px;
}
.surf-class1s a:hover strong {
	color: #fff;
	text-decoration: none;
}
.surf-class1s a em {
	display: block;
	font-size:12px;
	color: #666;
	font-style: normal;
	line-height: 12px;
	margin-top: 4px;
}
.surf-class1s a:hover em {
	display: block;
	font-size:12px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}




.surf-class2s {
	width: 196px;
	height: 85px;
	background: url('../images/surfing-menu-2lesson-butt-smallb.jpg') no-repeat 0 -85px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	}
.surf-class2s a {
	display: block;
	background: url('../images/surfing-menu-2lesson-butt-smallb.jpg') no-repeat top left;
	margin: 0;
	width:119px;
	height:78px;
	overflow:hidden;
	text-decoration: none;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 77px;
	color: #666;
	}
.surf-class2s a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.surf-class2s a strong {
	color: #FF0000;
	font-size:12px;
	display: block;
	text-transform: uppercase;
	line-height: 12px;
}
.surf-class2s a:hover strong {
	color: #fff;
	text-decoration: none;
}
.surf-class2s a em {
	display: block;
	font-size:12px;
	color: #666;
	font-style: normal;
	line-height: 12px;
	margin-top: 4px;
}
.surf-class2s a:hover em {
	display: block;
	font-size:12px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}




.surf-class3s {
	width: 196px;
	height: 85px;
	background: url('../images/surfing-menu-3lesson-butt-smallb.jpg') no-repeat 0 -85px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	}
.surf-class3s a {
	display: block;
	background: url('../images/surfing-menu-3lesson-butt-smallb.jpg') no-repeat top left;
	margin: 0;
	width:119px;
	height:78px;
	overflow:hidden;
	text-decoration: none;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 77px;
	color: #666;
	}
.surf-class3s a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.surf-class3s a strong {
	color: #FF0000;
	font-size:12px;
	display: block;
	text-transform: uppercase;
	line-height: 12px;
}
.surf-class3s a:hover strong {
	color: #fff;
	text-decoration: none;
}
.surf-class3s a em {
	display: block;
	font-size:12px;
	color: #666;
	font-style: normal;
	line-height: 12px;
	margin-top: 4px;
}
.surf-class3s a:hover em {
	display: block;
	font-size:12px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}



.surf-class4s {
	width: 196px;
	height: 85px;
	background: url('../images/surfing-menu-4lesson-butt-smallb.jpg') no-repeat 0 -85px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	}
.surf-class4s a {
	display: block;
	background: url('../images/surfing-menu-4lesson-butt-smallb.jpg') no-repeat top left;
	margin: 0;
	width:119px;
	height:78px;
	overflow:hidden;
	text-decoration: none;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 77px;
	color: #666;
	}
.surf-class4s a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.surf-class4s a strong {
	color: #FF0000;
	font-size:12px;
	display: block;
	text-transform: uppercase;
	line-height: 12px;
}
.surf-class4s a:hover strong {
	color: #fff;
	text-decoration: none;
}
.surf-class4s a em {
	display: block;
	font-size:12px;
	color: #666;
	font-style: normal;
	line-height: 12px;
	margin-top: 4px;
}
.surf-class4s a:hover em {
	display: block;
	font-size:12px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}




.surf-class5s {
	width: 196px;
	height: 85px;
	background: url('../images/surfing-menu-5lesson-butt-smallb.jpg') no-repeat 0 -85px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	}
.surf-class5s a {
	display: block;
	background: url('../images/surfing-menu-5lesson-butt-smallb.jpg') no-repeat top left;
	margin: 0;
	width:119px;
	height:78px;
	overflow:hidden;
	text-decoration: none;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 77px;
	color: #666;
	}
.surf-class5s a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.surf-class5s a strong {
	color: #FF0000;
	font-size:12px;
	display: block;
	text-transform: uppercase;
	line-height: 12px;
}
.surf-class5s a:hover strong {
	color: #fff;
	text-decoration: none;
}
.surf-class5s a em {
	display: block;
	font-size:12px;
	color: #666;
	font-style: normal;
	line-height: 12px;
	margin-top: 4px;
}
.surf-class5s a:hover em {
	display: block;
	font-size:12px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}




.surf-class6s {
	width: 196px;
	height: 85px;
	background: url('../images/surfing-menu-6lesson-butt-smallb.jpg') no-repeat 0 -85px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	}
.surf-class6s a {
	display: block;
	background: url('../images/surfing-menu-6lesson-butt-smallb.jpg') no-repeat top left;
	margin: 0;
	width:119px;
	height:78px;
	overflow:hidden;
	text-decoration: none;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 77px;
	color: #666;
	}
.surf-class6s a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.surf-class6s a strong {
	color: #FF0000;
	font-size:12px;
	display: block;
	text-transform: uppercase;
	line-height: 12px;
}
.surf-class6s a:hover strong {
	color: #fff;
	text-decoration: none;
}
.surf-class6s a em {
	display: block;
	font-size:12px;
	color: #666;
	font-style: normal;
	line-height: 12px;
	margin-top: 4px;
}
.surf-class6s a:hover em {
	display: block;
	font-size:12px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}




.surf-class7s {
	width: 196px;
	height: 85px;
	background: url('../images/surfing-menu-7lesson-butt-smallb.jpg') no-repeat 0 -85px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	}
.surf-class7s a {
	display: block;
	background: url('../images/surfing-menu-7lesson-butt-smallb.jpg') no-repeat top left;
	margin: 0;
	width:119px;
	height:78px;
	overflow:hidden;
	text-decoration: none;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 77px;
	color: #666;
	}
.surf-class7s a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.surf-class7s a strong {
	color: #FF0000;
	font-size:12px;
	display: block;
	text-transform: uppercase;
	line-height: 12px;
}
.surf-class7s a:hover strong {
	color: #fff;
	text-decoration: none;
}
.surf-class7s a em {
	display: block;
	font-size:12px;
	color: #666;
	font-style: normal;
	line-height: 12px;
	margin-top: 4px;
}
.surf-class7s a:hover em {
	display: block;
	font-size:12px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}


.surf-pack1s {
	width: 196px;
	height: 85px;
	background: url('../images/surfing-menu-1-to-1-lesson-butt-smallb.jpg') no-repeat 0 -85px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	}
.surf-pack1s a {
	display: block;
	background: url('../images/surfing-menu-1-to-1-lesson-butt-smallb.jpg') no-repeat top left;
	margin: 0;
	width:119px;
	height:78px;
	overflow:hidden;
	text-decoration: none;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 77px;
	color: #666;
	}
.surf-pack1s a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.surf-pack1s a strong {
	color: #FF0000;
	font-size:12px;
	display: block;
	text-transform: uppercase;
	line-height: 12px;
}
.surf-pack1s a:hover strong {
	color: #fff;
	text-decoration: none;
}
.surf-pack1s a em {
	display: block;
	font-size:12px;
	color: #666;
	font-style: normal;
	line-height: 12px;
	margin-top: 4px;
}
.surf-pack1s a:hover em {
	display: block;
	font-size:12px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}
	
	

.surf-pack2s {
	width: 196px;
	height: 85px;
	background: url('../images/surfing-menu-experience-lesson-butt-smallb.jpg') no-repeat 0 -85px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	}
.surf-pack2s a {
	display: block;
	background: url('../images/surfing-menu-experience-lesson-butt-smallb.jpg') no-repeat top left;
	margin: 0;
	width:119px;
	height:78px;
	overflow:hidden;
	text-decoration: none;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 77px;
	color: #666;
	}
.surf-pack2s a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.surf-pack2s a strong {
	color: #FF0000;
	font-size:12px;
	display: block;
	text-transform: uppercase;
	line-height: 12px;
}
.surf-pack2s a:hover strong {
	color: #fff;
	text-decoration: none;
}
.surf-pack2s a em {
	display: block;
	font-size:12px;
	color: #666;
	font-style: normal;
	line-height: 12px;
	margin-top: 4px;
}
.surf-pack2s a:hover em {
	display: block;
	font-size:12px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}
	
	

.surf-pack3s {
	width: 196px;
	height: 85px;
	background: url('../images/surfing-menu-sunday-lesson-butt-smallb.jpg') no-repeat 0 -85px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	}
.surf-pack3s a {
	display: block;
	background: url('../images/surfing-menu-sunday-lesson-butt-smallb.jpg') no-repeat top left;
	margin: 0;
	width:119px;
	height:78px;
	overflow:hidden;
	text-decoration: none;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 77px;
	color: #666;
	}
.surf-pack3s a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.surf-pack3s a strong {
	color: #FF0000;
	font-size:12px;
	display: block;
	text-transform: uppercase;
	line-height: 12px;
}
.surf-pack3s a:hover strong {
	color: #fff;
	text-decoration: none;
}
.surf-pack3s a em {
	display: block;
	font-size:12px;
	color: #666;
	font-style: normal;
	line-height: 12px;
	margin-top: 4px;
}
.surf-pack3s a:hover em {
	display: block;
	font-size:12px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}
	
	
	

.surf-pack4s {
	width: 196px;
	height: 85px;
	background: url('../images/surfing-menu-sunset-lesson-butt-smallb.jpg') no-repeat 0 -85px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	}
.surf-pack4s a {
	display: block;
	background: url('../images/surfing-menu-sunset-lesson-butt-smallb.jpg') no-repeat top left;
	margin: 0;
	width:119px;
	height:78px;
	overflow:hidden;
	text-decoration: none;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 77px;
	color: #666;
	}
.surf-pack4s a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.surf-pack4s a strong {
	color: #FF0000;
	font-size:12px;
	display: block;
	text-transform: uppercase;
	line-height: 12px;
}
.surf-pack4s a:hover strong {
	color: #fff;
	text-decoration: none;
}
.surf-pack4s a em {
	display: block;
	font-size:12px;
	color: #666;
	font-style: normal;
	line-height: 12px;
	margin-top: 4px;
}
.surf-pack4s a:hover em {
	display: block;
	font-size:12px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}
	
	

	
.surf-pack5s {
	width: 196px;
	height: 85px;
	background: url('../images/surfing-menu-4weekend-lesson-butt-smallb.jpg') no-repeat 0 -85px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	}
.surf-pack5s a {
	display: block;
	background: url('../images/surfing-menu-4weekend-lesson-butt-smallb.jpg') no-repeat top left;
	margin: 0;
	width:119px;
	height:78px;
	overflow:hidden;
	text-decoration: none;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 77px;
	color: #666;
	}
.surf-pack5s a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.surf-pack5s a strong {
	color: #FF0000;
	font-size:12px;
	display: block;
	text-transform: uppercase;
	line-height: 12px;
}
.surf-pack5s a:hover strong {
	color: #fff;
	text-decoration: none;
}
.surf-pack5s a em {
	display: block;
	font-size:12px;
	color: #666;
	font-style: normal;
	line-height: 12px;
	margin-top: 4px;
}
.surf-pack5s a:hover em {
	display: block;
	font-size:12px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}
	
	
	
.surf-pack-silver-s {
	width: 196px;
	height: 85px;
	background: url('../images/surfing-menu-silver-lesson-butt-smallb.jpg') no-repeat 0 -85px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	}
.surf-pack-silver-s a {
	display: block;
	background: url('../images/surfing-menu-silver-lesson-butt-smallb.jpg') no-repeat top left;
	margin: 0;
	width:119px;
	height:78px;
	overflow:hidden;
	text-decoration: none;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 77px;
	color: #666;
	}
.surf-pack-silver-s a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.surf-pack-silver-s a strong {
	color: #FF0000;
	font-size:12px;
	display: block;
	text-transform: uppercase;
	line-height: 12px;
}
.surf-pack-silver-s a:hover strong {
	color: #fff;
	text-decoration: none;
}
.surf-pack-silver-s a em {
	display: block;
	font-size:12px;
	color: #666;
	font-style: normal;
	line-height: 12px;
	margin-top: 4px;
}
.surf-pack-silver-s a:hover em {
	display: block;
	font-size:12px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}
	
	
	
	
	

.board-class1s {
	width: 196px;
	height: 85px;
	background: url('../images/bodyboarding-menu-1lesson-butt-smallb.jpg') no-repeat 0 -85px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	}
.board-class1s a {
	display: block;
	background: url('../images/bodyboarding-menu-1lesson-butt-smallb.jpg') no-repeat top left;
	margin: 0;
	width:119px;
	height:78px;
	overflow:hidden;
	text-decoration: none;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 77px;
	color: #666;
	}
.board-class1s a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.board-class1s a strong {
	color: #FF0000;
	font-size:12px;
	display: block;
	text-transform: uppercase;
	line-height: 12px;
}
.board-class1s a:hover strong {
	color: #fff;
	text-decoration: none;
}
.board-class1s a em {
	display: block;
	font-size:12px;
	color: #666;
	font-style: normal;
	line-height: 12px;
	margin-top: 4px;
}
.board-class1s a:hover em {
	display: block;
	font-size:12px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}




.board-class2s {
	width: 196px;
	height: 85px;
	background: url('../images/bodyboarding-menu-2lesson-butt-smallb.jpg') no-repeat 0 -85px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	}
.board-class2s a {
	display: block;
	background: url('../images/bodyboarding-menu-2lesson-butt-smallb.jpg') no-repeat top left;
	margin: 0;
	width:119px;
	height:78px;
	overflow:hidden;
	text-decoration: none;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 77px;
	color: #666;
	}
.board-class2s a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.board-class2s a strong {
	color: #FF0000;
	font-size:12px;
	display: block;
	text-transform: uppercase;
	line-height: 12px;
}
.board-class2s a:hover strong {
	color: #fff;
	text-decoration: none;
}
.board-class2s a em {
	display: block;
	font-size:12px;
	color: #666;
	font-style: normal;
	line-height: 12px;
	margin-top: 4px;
}
.board-class2s a:hover em {
	display: block;
	font-size:12px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}




.board-class3s {
	width: 196px;
	height: 85px;
	background: url('../images/bodyboarding-menu-3lesson-butt-smallb.jpg') no-repeat 0 -85px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	}
.board-class3s a {
	display: block;
	background: url('../images/bodyboarding-menu-3lesson-butt-smallb.jpg') no-repeat top left;
	margin: 0;
	width:119px;
	height:78px;
	overflow:hidden;
	text-decoration: none;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 77px;
	color: #666;
	}
.board-class3s a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.board-class3s a strong {
	color: #FF0000;
	font-size:12px;
	display: block;
	text-transform: uppercase;
	line-height: 12px;
}
.board-class3s a:hover strong {
	color: #fff;
	text-decoration: none;
}
.board-class3s a em {
	display: block;
	font-size:12px;
	color: #666;
	font-style: normal;
	line-height: 12px;
	margin-top: 4px;
}
.board-class3s a:hover em {
	display: block;
	font-size:12px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}



.board-class4s {
	width: 196px;
	height: 85px;
	background: url('../images/bodyboarding-menu-4lesson-butt-smallb.jpg') no-repeat 0 -85px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	}
.board-class4s a {
	display: block;
	background: url('../images/bodyboarding-menu-4lesson-butt-smallb.jpg') no-repeat top left;
	margin: 0;
	width:119px;
	height:78px;
	overflow:hidden;
	text-decoration: none;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 77px;
	color: #666;
	}
.board-class4s a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.board-class4s a strong {
	color: #FF0000;
	font-size:12px;
	display: block;
	text-transform: uppercase;
	line-height: 12px;
}
.board-class4s a:hover strong {
	color: #fff;
	text-decoration: none;
}
.board-class4s a em {
	display: block;
	font-size:12px;
	color: #666;
	font-style: normal;
	line-height: 12px;
	margin-top: 4px;
}
.board-class4s a:hover em {
	display: block;
	font-size:12px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}




.board-class5s {
	width: 196px;
	height: 85px;
	background: url('../images/bodyboarding-menu-5lesson-butt-smallb.jpg') no-repeat 0 -85px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	}
.board-class5s a {
	display: block;
	background: url('../images/bodyboarding-menu-5lesson-butt-smallb.jpg') no-repeat top left;
	margin: 0;
	width:119px;
	height:78px;
	overflow:hidden;
	text-decoration: none;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 77px;
	color: #666;
	}
.board-class5s a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.board-class5s a strong {
	color: #FF0000;
	font-size:12px;
	display: block;
	text-transform: uppercase;
	line-height: 12px;
}
.board-class5s a:hover strong {
	color: #fff;
	text-decoration: none;
}
.board-class5s a em {
	display: block;
	font-size:12px;
	color: #666;
	font-style: normal;
	line-height: 12px;
	margin-top: 4px;
}
.board-class5s a:hover em {
	display: block;
	font-size:12px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}




.board-class6s {
	width: 196px;
	height: 85px;
	background: url('../images/bodyboarding-menu-6lesson-butt-smallb.jpg') no-repeat 0 -85px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	}
.board-class6s a {
	display: block;
	background: url('../images/bodyboarding-menu-6lesson-butt-smallb.jpg') no-repeat top left;
	margin: 0;
	width:119px;
	height:78px;
	overflow:hidden;
	text-decoration: none;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 77px;
	color: #666;
	}
.board-class6s a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.board-class6s a strong {
	color: #FF0000;
	font-size:12px;
	display: block;
	text-transform: uppercase;
	line-height: 12px;
}
.board-class6s a:hover strong {
	color: #fff;
	text-decoration: none;
}
.board-class6s a em {
	display: block;
	font-size:12px;
	color: #666;
	font-style: normal;
	line-height: 12px;
	margin-top: 4px;
}
.board-class6s a:hover em {
	display: block;
	font-size:12px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}




.board-class7s {
	width: 196px;
	height: 85px;
	background: url('../images/bodyboarding-menu-7lesson-butt-smallb.jpg') no-repeat 0 -85px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	}
.board-class7s a {
	display: block;
	margin: 0;
	background: url('../images/bodyboarding-menu-7lesson-butt-smallb.jpg') no-repeat top left;
	margin: 0;
	width:119px;
	height:78px;
	overflow:hidden;
	text-decoration: none;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 77px;
	color: #666;
	}
.board-class7s a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.board-class7s a strong {
	color: #FF0000;
	font-size:12px;
	display: block;
	text-transform: uppercase;
	line-height: 12px;
}
.board-class7s a:hover strong {
	color: #fff;
	text-decoration: none;
}
.board-class7s a em {
	display: block;
	font-size:12px;
	color: #666;
	font-style: normal;
	line-height: 12px;
	margin-top: 4px;
}
.board-class7s a:hover em {
	display: block;
	font-size:12px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}	
	

.board-pack1s {
	width: 196px;
	height: 85px;
	background: url('../images/bodyboarding-menu-1-to-1-lesson-butt-smallb.jpg') no-repeat 0 -85px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	}
.board-pack1s a {
	display: block;
	background: url('../images/bodyboarding-menu-1-to-1-lesson-butt-smallb.jpg') no-repeat top left;
	margin: 0;
	width:119px;
	height:78px;
	overflow:hidden;
	text-decoration: none;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 77px;
	color: #666;
	}
.board-pack1s a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.board-pack1s a strong {
	color: #FF0000;
	font-size:12px;
	display: block;
	text-transform: uppercase;
	line-height: 12px;
}
.board-pack1s a:hover strong {
	color: #fff;
	text-decoration: none;
}
.board-pack1s a em {
	display: block;
	font-size:12px;
	color: #666;
	font-style: normal;
	line-height: 12px;
	margin-top: 4px;
}
.board-pack1s a:hover em {
	display: block;
	font-size:12px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}
	
	

.board-pack2s {
	width: 196px;
	height: 85px;
	background: url('../images/bodyboarding-menu-2lesson-butt-smallb.jpg') no-repeat 0 -85px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	}
.board-pack2s a {
	display: block;
	background: url('../images/bodyboarding-menu-2lesson-butt-smallb.jpg') no-repeat top left;
	margin: 0;
	width:119px;
	height:78px;
	overflow:hidden;
	text-decoration: none;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 77px;
	color: #666;
	}
.board-pack2s a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.board-pack2s a strong {
	color: #FF0000;
	font-size:12px;
	display: block;
	text-transform: uppercase;
	line-height: 12px;
}
.board-pack2s a:hover strong {
	color: #fff;
	text-decoration: none;
}
.board-pack2s a em {
	display: block;
	font-size:12px;
	color: #666;
	font-style: normal;
	line-height: 12px;
	margin-top: 4px;
}
.board-pack2s a:hover em {
	display: block;
	font-size:12px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}
	
	

.board-pack3s {
	width: 196px;
	height: 85px;
	background: url('../images/bodyboarding-menu-sunday-butt-smallb.jpg') no-repeat 0 -85px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	}
.board-pack3s a {
	display: block;
	background: url('../images/bodyboarding-menu-sunday-butt-smallb.jpg') no-repeat top left;
	margin: 0;
	width:119px;
	height:78px;
	overflow:hidden;
	text-decoration: none;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 77px;
	color: #666;
	}
.board-pack3s a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.board-pack3s a strong {
	color: #FF0000;
	font-size:12px;
	display: block;
	text-transform: uppercase;
	line-height: 12px;
}
.board-pack3s a:hover strong {
	color: #fff;
	text-decoration: none;
}
.board-pack3s a em {
	display: block;
	font-size:12px;
	color: #666;
	font-style: normal;
	line-height: 12px;
	margin-top: 4px;
}
.board-pack3s a:hover em {
	display: block;
	font-size:12px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}
	
	
	

.board-pack4s {
	width: 196px;
	height: 85px;
	background: url('../images/bodyboarding-menu-sunset-butt-smallb.jpg') no-repeat 0 -85px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	}
.board-pack4s a {
	display: block;
	background: url('../images/bodyboarding-menu-sunset-butt-smallb.jpg') no-repeat top left;
	margin: 0;
	width:119px;
	height:78px;
	overflow:hidden;
	text-decoration: none;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 77px;
	color: #666;
	}
.board-pack4s a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.board-pack4s a strong {
	color: #FF0000;
	font-size:12px;
	display: block;
	text-transform: uppercase;
	line-height: 12px;
}
.board-pack4s a:hover strong {
	color: #fff;
	text-decoration: none;
}
.board-pack4s a em {
	display: block;
	font-size:12px;
	color: #666;
	font-style: normal;
	line-height: 12px;
	margin-top: 4px;
}
.board-pack4s a:hover em {
	display: block;
	font-size:12px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}
	
	

	
.board-pack5s {
	width: 196px;
	height: 85px;
	background: url('../images/bodyboarding-menu-weekend-butt-smallb.jpg') no-repeat 0 -85px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	}
.board-pack5s a {
	display: block;
	background: url('../images/bodyboarding-menu-weekend-butt-smallb.jpg') no-repeat top left;
	margin: 0;
	width:119px;
	height:78px;
	overflow:hidden;
	text-decoration: none;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 77px;
	color: #666;
	}
.board-pack5s a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.board-pack5s a strong {
	color: #FF0000;
	font-size:12px;
	display: block;
	text-transform: uppercase;
	line-height: 12px;
}
.board-pack5s a:hover strong {
	color: #fff;
	text-decoration: none;
}
.board-pack5s a em {
	display: block;
	font-size:12px;
	color: #666;
	font-style: normal;
	line-height: 12px;
	margin-top: 4px;
}
.board-pack5s a:hover em {
	display: block;
	font-size:12px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}
	
	
	

	
.coasteering-button-s {
	width: 196px;
	height: 85px;
	background: url('../images/coasteerng-menu-lesson-butt-smallb.jpg') no-repeat 0 -85px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	}
.coasteering-button-s a {
	display: block;
	background: url('../images/coasteerng-menu-lesson-butt-smallb.jpg') no-repeat top left;
	margin: 0;
	width:119px;
	height:78px;
	overflow:hidden;
	text-decoration: none;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 77px;
	color: #666;
	}
.coasteering-button-s a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.coasteering-button-s a strong {
	color: #FF0000;
	font-size:12px;
	display: block;
	text-transform: uppercase;
	line-height: 12px;
}
.coasteering-button-s a:hover strong {
	color: #fff;
	text-decoration: none;
}
.coasteering-button-s a em {
	display: block;
	font-size:12px;
	color: #666;
	font-style: normal;
	line-height: 12px;
	margin-top: 4px;
}
.coasteering-button-s a:hover em {
	display: block;
	font-size:12px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}
	



	
.eq-hire-button-s {
	width: 196px;
	height: 85px;
	background: url('../images/eq-hiring-menu-butt-smallb.jpg') no-repeat 0 -85px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	}
.eq-hire-button-s a {
	display: block;
	background: url('../images/eq-hiring-menu-butt-smallb.jpg') no-repeat top left;
	margin: 0;
	width:119px;
	height:78px;
	overflow:hidden;
	text-decoration: none;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 77px;
	color: #666;
	}
.eq-hire-button-s a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.eq-hire-button-s a strong {
	color: #FF0000;
	font-size:12px;
	display: block;
	text-transform: uppercase;
	line-height: 12px;
}
.eq-hire-button-s a:hover strong {
	color: #fff;
	text-decoration: none;
}
.eq-hire-button-s a em {
	display: block;
	font-size:12px;
	color: #666;
	font-style: normal;
	line-height: 12px;
	margin-top: 4px;
}
.eq-hire-button-s a:hover em {
	display: block;
	font-size:12px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}
	
	

	
.stag-button-s {
	width: 196px;
	height: 85px;
	background: url('../images/stag-menu-butt-smallb.jpg') no-repeat 0 -85px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	}
.stag-button-s a {
	display: block;
	background: url('../images/stag-menu-butt-smallb.jpg') no-repeat top left;
	margin: 0;
	width:119px;
	height:78px;
	overflow:hidden;
	text-decoration: none;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 77px;
	color: #666;
	}
.stag-button-s a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.stag-button-s a strong {
	color: #FF0000;
	font-size:12px;
	display: block;
	text-transform: uppercase;
	line-height: 12px;
}
.stag-button-s a:hover strong {
	color: #fff;
	text-decoration: none;
}
.stag-button-s a em {
	display: block;
	font-size:12px;
	color: #666;
	font-style: normal;
	line-height: 12px;
	margin-top: 4px;
}
.stag-button-s a:hover em {
	display: block;
	font-size:12px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}
	
	

	
.hen-button-s {
	width: 196px;
	height: 85px;
	background: url('../images/hen-menu-lesson-butt-smallb.jpg') no-repeat 0 -85px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	}
.hen-button-s a {
	display: block;
	background: url('../images/hen-menu-lesson-butt-smallb.jpg') no-repeat top left;
	margin: 0;
	width:119px;
	height:78px;
	overflow:hidden;
	text-decoration: none;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 77px;
	color: #666;
	}
.hen-button-s a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.hen-button-s a strong {
	color: #FF0000;
	font-size:12px;
	display: block;
	text-transform: uppercase;
	line-height: 12px;
}
.hen-button-s a:hover strong {
	color: #fff;
	text-decoration: none;
}
.hen-button-s a em {
	display: block;
	font-size:12px;
	color: #666;
	font-style: normal;
	line-height: 12px;
	margin-top: 4px;
}
.hen-button-s a:hover em {
	display: block;
	font-size:12px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}
	
		

	
.family-button-s {
	width: 196px;
	height: 85px;
	background: url('../images/family-menu-lesson-butt-smallb.jpg') no-repeat 0 -85px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	}
.family-button-s a {
	display: block;
	background: url('../images/family-menu-lesson-butt-smallb.jpg') no-repeat top left;
	margin: 0;
	width:119px;
	height:78px;
	overflow:hidden;
	text-decoration: none;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 77px;
	color: #666;
	}
.family-button-s a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.family-button-s a strong {
	color: #FF0000;
	font-size:12px;
	display: block;
	text-transform: uppercase;
	line-height: 12px;
}
.family-button-s a:hover strong {
	color: #fff;
	text-decoration: none;
}
.family-button-s a em {
	display: block;
	font-size:12px;
	color: #666;
	font-style: normal;
	line-height: 12px;
	margin-top: 4px;
}
.family-button-s a:hover em {
	display: block;
	font-size:12px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}
	
	

	
.corporate-button-s {
	width: 196px;
	height: 85px;
	background: url('../images/corporate-menu-lesson-butt-smallb.jpg') no-repeat 0 -85px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	}
.corporate-button-s a {
	display: block;
	background: url('../images/corporate-menu-lesson-butt-smallb.jpg') no-repeat top left;
	margin: 0;
	width:119px;
	height:78px;
	overflow:hidden;
	text-decoration: none;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 77px;
	color: #666;
	}
.corporate-button-s a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.corporate-button-s a strong {
	color: #FF0000;
	font-size:12px;
	display: block;
	text-transform: uppercase;
	line-height: 12px;
}
.corporate-button-s a:hover strong {
	color: #fff;
	text-decoration: none;
}
.corporate-button-s a em {
	display: block;
	font-size:12px;
	color: #666;
	font-style: normal;
	line-height: 12px;
	margin-top: 4px;
}
.corporate-button-s a:hover em {
	display: block;
	font-size:12px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}
	
	

	
.armed-button-s {
	width: 196px;
	height: 85px;
	background: url('../images/armed-menu-lesson-butt-smallb.jpg') no-repeat 0 -85px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	}
.armed-button-s a {
	display: block;
	background: url('../images/armed-menu-lesson-butt-smallb.jpg') no-repeat top left;
	margin: 0;
	width:119px;
	height:78px;
	overflow:hidden;
	text-decoration: none;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 77px;
	color: #666;
	}
.armed-button-s a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.armed-button-s a strong {
	color: #FF0000;
	font-size:12px;
	display: block;
	text-transform: uppercase;
	line-height: 12px;
}
.armed-button-s a:hover strong {
	color: #fff;
	text-decoration: none;
}
.armed-button-s a em {
	display: block;
	font-size:12px;
	color: #666;
	font-style: normal;
	line-height: 12px;
	margin-top: 4px;
}
.armed-button-s a:hover em {
	display: block;
	font-size:12px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}
	
	

	
.schools-button-s {
	width: 196px;
	height: 85px;
	background: url('../images/school-menu-lesson-butt-smallb.jpg') no-repeat 0 -85px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	}
.schools-button-s a {
	display: block;
	background: url('../images/school-menu-lesson-butt-smallb.jpg') no-repeat top left;
	margin: 0;
	width:119px;
	height:78px;
	overflow:hidden;
	text-decoration: none;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 77px;
	color: #666;
	}
.schools-button-s a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.schools-button-s a strong {
	color: #FF0000;
	font-size:12px;
	display: block;
	text-transform: uppercase;
	line-height: 12px;
}
.schools-button-s a:hover strong {
	color: #fff;
	text-decoration: none;
}
.schools-button-s a em {
	display: block;
	font-size:12px;
	color: #666;
	font-style: normal;
	line-height: 12px;
	margin-top: 4px;
}
.schools-button-s a:hover em {
	display: block;
	font-size:12px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}
	
				
			
	
/*---------------------------- rollover text pushed off screen ---------------------------------------------------*/

/*
.surf-class1 {
	width: 300px;
	height: 130px;
	background: url('../images/surfing-menu-butt01roll.jpg') no-repeat 0 -130px;
	float:left;
	display: inline;
	margin: 4px;
	}
.surf-class1 a {
	display: block;
	margin: 0;
	padding:0;
	width:100%;
	height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url('../images/surfing-menu-butt01roll.jpg') no-repeat top left;
	text-indent: -9999px;
	}
.surf-class1 a:hover {
	background-image: url(none);
	background-color: transparent;
	}
	
*/
.surf-class1 {
	width: 300px;
	height: 130px;
	background: url('../images/surfing-menu-butt01rollt.jpg') no-repeat 0 -130px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:24px;
	font-family: Arial, Helvetica, sans-serif;
	}
.surf-class1 a {
	display: block;
	margin: 0;
	width:160px;
	height:120px;
	overflow:hidden;
	text-decoration: none;
	background: url('../images/surfing-menu-butt01rollt.jpg') no-repeat top left;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 125px;
	color: #666;
	}
.surf-class1 a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.surf-class1 a strong {
	color: #FF0000;
	font-size:20px;
	display: block;
	text-transform: uppercase;
	line-height: 20px;
}
.surf-class1 a:hover strong {
	color: #fff;
	text-decoration: none;
}
.surf-class1 a em {
	display: block;
	font-size:15px;
	color: #666;
	font-style: normal;
	line-height: 15px;
	margin-top: 4px;
}
.surf-class1 a:hover em {
	display: block;
	font-size:15px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}



.surf-class2 {
	width: 300px;
	height: 130px;
	background: url('../images/surfing-menu-butt02rollt.jpg') no-repeat 0 -130px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:24px;
	font-family: Arial, Helvetica, sans-serif;
	}
.surf-class2 a {
	display: block;
	margin: 0;
	width:160px;
	height:120px;
	overflow:hidden;
	text-decoration: none;
	background: url('../images/surfing-menu-butt02rollt.jpg') no-repeat top left;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 125px;
	color: #666;
	}
.surf-class2 a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.surf-class2 a strong {
	color: #FF0000;
	font-size:20px;
	display: block;
	text-transform: uppercase;
	line-height: 20px;
}
.surf-class2 a:hover strong {
	color: #fff;
	text-decoration: none;
}
.surf-class2 a em {
	display: block;
	font-size:15px;
	color: #666;
	font-style: normal;
	line-height: 15px;
	margin-top: 4px;
}
.surf-class2 a:hover em {
	display: block;
	font-size:15px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}

	


.surf-class3 {
	width: 300px;
	height: 130px;
	background: url('../images/surfing-menu-butt03rollt.jpg') no-repeat 0 -130px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:24px;
	font-family: Arial, Helvetica, sans-serif;
	}
.surf-class3 a {
	display: block;
	margin: 0;
	width:160px;
	height:120px;
	overflow:hidden;
	text-decoration: none;
	background: url('../images/surfing-menu-butt03rollt.jpg') no-repeat top left;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 125px;
	color: #666;
	}
.surf-class3 a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.surf-class3 a strong {
	color: #FF0000;
	font-size:20px;
	display: block;
	text-transform: uppercase;
	line-height: 20px;
}
.surf-class3 a:hover strong {
	color: #fff;
	text-decoration: none;
}
.surf-class3 a em {
	display: block;
	font-size:15px;
	color: #666;
	font-style: normal;
	line-height: 15px;
	margin-top: 4px;
}
.surf-class3 a:hover em {
	display: block;
	font-size:15px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}
	


.surf-class4 {
	width: 300px;
	height: 130px;
	background: url('../images/surfing-menu-butt04rollt.jpg') no-repeat 0 -130px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:24px;
	font-family: Arial, Helvetica, sans-serif;
	}
.surf-class4 a {
	display: block;
	margin: 0;
	width:160px;
	height:120px;
	overflow:hidden;
	text-decoration: none;
	background: url('../images/surfing-menu-butt04rollt.jpg') no-repeat top left;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 125px;
	color: #666;
	}
.surf-class4 a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.surf-class4 a strong {
	color: #FF0000;
	font-size:20px;
	display: block;
	text-transform: uppercase;
	line-height: 20px;
}
.surf-class4 a:hover strong {
	color: #fff;
	text-decoration: none;
}
.surf-class4 a em {
	display: block;
	font-size:15px;
	color: #666;
	font-style: normal;
	line-height: 15px;
	margin-top: 4px;
}
.surf-class4 a:hover em {
	display: block;
	font-size:15px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}
	


.surf-class5 {
	width: 300px;
	height: 130px;
	background: url('../images/surfing-menu-butt05rollt.jpg') no-repeat 0 -130px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:24px;
	font-family: Arial, Helvetica, sans-serif;
	}
.surf-class5 a {
	display: block;
	margin: 0;
	width:160px;
	height:120px;
	overflow:hidden;
	text-decoration: none;
	background: url('../images/surfing-menu-butt05rollt.jpg') no-repeat top left;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 125px;
	color: #666;
	}
.surf-class5 a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.surf-class5 a strong {
	color: #FF0000;
	font-size:20px;
	display: block;
	text-transform: uppercase;
	line-height: 20px;
}
.surf-class5 a:hover strong {
	color: #fff;
	text-decoration: none;
}
.surf-class5 a em {
	display: block;
	font-size:15px;
	color: #666;
	font-style: normal;
	line-height: 15px;
	margin-top: 4px;
}
.surf-class5 a:hover em {
	display: block;
	font-size:15px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}
	


.surf-class6 {
	width: 300px;
	height: 130px;
	background: url('../images/surfing-menu-butt06rollt.jpg') no-repeat 0 -130px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:24px;
	font-family: Arial, Helvetica, sans-serif;
	}
.surf-class6 a {
	display: block;
	margin: 0;
	width:160px;
	height:120px;
	overflow:hidden;
	text-decoration: none;
	background: url('../images/surfing-menu-butt06rollt.jpg') no-repeat top left;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 125px;
	color: #666;
	}
.surf-class6 a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.surf-class6 a strong {
	color: #FF0000;
	font-size:20px;
	display: block;
	text-transform: uppercase;
	line-height: 20px;
}
.surf-class6 a:hover strong {
	color: #fff;
	text-decoration: none;
}
.surf-class6 a em {
	display: block;
	font-size:15px;
	color: #666;
	font-style: normal;
	line-height: 15px;
	margin-top: 4px;
}
.surf-class6 a:hover em {
	display: block;
	font-size:15px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}
	


.surf-class7 {
	width: 300px;
	height: 130px;
	background: url('../images/surfing-menu-butt07rollt.jpg') no-repeat 0 -130px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:24px;
	font-family: Arial, Helvetica, sans-serif;
	}
.surf-class7 a {
	display: block;
	margin: 0;
	width:160px;
	height:120px;
	overflow:hidden;
	text-decoration: none;
	background: url('../images/surfing-menu-butt07rollt.jpg') no-repeat top left;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 125px;
	color: #666;
	}
.surf-class7 a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.surf-class7 a strong {
	color: #FF0000;
	font-size:20px;
	display: block;
	text-transform: uppercase;
	line-height: 20px;
}
.surf-class7 a:hover strong {
	color: #fff;
	text-decoration: none;
}
.surf-class7 a em {
	display: block;
	font-size:15px;
	color: #666;
	font-style: normal;
	line-height: 15px;
	margin-top: 4px;
}
.surf-class7 a:hover em {
	display: block;
	font-size:15px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}
	


.surf-pack1 {
	width: 300px;
	height: 130px;
	background: url('../images/surfing-menu-butt-package01rollt.jpg') no-repeat 0 -130px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:24px;
	font-family: Arial, Helvetica, sans-serif;
	}
.surf-pack1 a {
	display: block;
	margin: 0;
	width:160px;
	height:120px;
	overflow:hidden;
	text-decoration: none;
	background: url('../images/surfing-menu-butt-package01rollt.jpg') no-repeat top left;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 125px;
	color: #666;
	}
.surf-pack1 a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.surf-pack1 a strong {
	color: #FF0000;
	font-size:20px;
	display: block;
	text-transform: uppercase;
	line-height: 20px;
}
.surf-pack1 a:hover strong {
	color: #fff;
	text-decoration: none;
}
.surf-pack1 a em {
	display: block;
	font-size:15px;
	color: #666;
	font-style: normal;
	line-height: 15px;
	margin-top: 4px;
}
.surf-pack1 a:hover em {
	display: block;
	font-size:15px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}
	
	

.surf-pack2 {
	width: 300px;
	height: 130px;
	background: url('../images/surfing-menu-butt-package02rollt.jpg') no-repeat 0 -130px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:24px;
	font-family: Arial, Helvetica, sans-serif;
	}
.surf-pack2 a {
	display: block;
	margin: 0;
	width:160px;
	height:120px;
	overflow:hidden;
	text-decoration: none;
	background: url('../images/surfing-menu-butt-package02rollt.jpg') no-repeat top left;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 125px;
	color: #666;
	}
.surf-pack2 a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.surf-pack2 a strong {
	color: #FF0000;
	font-size:20px;
	display: block;
	text-transform: uppercase;
	line-height: 20px;
}
.surf-pack2 a:hover strong {
	color: #fff;
	text-decoration: none;
}
.surf-pack2 a em {
	display: block;
	font-size:15px;
	color: #666;
	font-style: normal;
	line-height: 15px;
	margin-top: 4px;
}
.surf-pack2 a:hover em {
	display: block;
	font-size:15px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}
	
	

.surf-pack3 {
	width: 300px;
	height: 130px;
	background: url('../images/surfing-menu-butt-package03rollt.jpg') no-repeat 0 -130px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:24px;
	font-family: Arial, Helvetica, sans-serif;
	}
.surf-pack3 a {
	display: block;
	margin: 0;
	width:160px;
	height:120px;
	overflow:hidden;
	text-decoration: none;
	background: url('../images/surfing-menu-butt-package03rollt.jpg') no-repeat top left;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 125px;
	color: #666;
	}
.surf-pack3 a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.surf-pack3 a strong {
	color: #FF0000;
	font-size:20px;
	display: block;
	text-transform: uppercase;
	line-height: 20px;
}
.surf-pack3 a:hover strong {
	color: #fff;
	text-decoration: none;
}
.surf-pack3 a em {
	display: block;
	font-size:15px;
	color: #666;
	font-style: normal;
	line-height: 15px;
	margin-top: 4px;
}
.surf-pack3 a:hover em {
	display: block;
	font-size:15px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}
	
	
	

.surf-pack4 {
	width: 300px;
	height: 130px;
	background: url('../images/surfing-menu-butt-package04rollt.jpg') no-repeat 0 -130px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:24px;
	font-family: Arial, Helvetica, sans-serif;
	}
.surf-pack4 a {
	display: block;
	margin: 0;
	width:160px;
	height:120px;
	overflow:hidden;
	text-decoration: none;
	background: url('../images/surfing-menu-butt-package04rollt.jpg') no-repeat top left;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 125px;
	color: #666;
	}
.surf-pack4 a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.surf-pack4 a strong {
	color: #FF0000;
	font-size:20px;
	display: block;
	text-transform: uppercase;
	line-height: 20px;
}
.surf-pack4 a:hover strong {
	color: #fff;
	text-decoration: none;
}
.surf-pack4 a em {
	display: block;
	font-size:15px;
	color: #666;
	font-style: normal;
	line-height: 15px;
	margin-top: 4px;
}
.surf-pack4 a:hover em {
	display: block;
	font-size:15px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}
	
	

	
.surf-pack5 {
	width: 300px;
	height: 130px;
	background: url('../images/surfing-menu-butt-weekend-rollt.jpg') no-repeat 0 -130px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:24px;
	font-family: Arial, Helvetica, sans-serif;
	}
.surf-pack5 a {
	display: block;
	margin: 0;
	width:160px;
	height:120px;
	overflow:hidden;
	text-decoration: none;
	background: url('../images/surfing-menu-butt-weekend-rollt.jpg') no-repeat top left;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 125px;
	color: #666;
	}
.surf-pack5 a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.surf-pack5 a strong {
	color: #FF0000;
	font-size:20px;
	display: block;
	text-transform: uppercase;
	line-height: 20px;
}
.surf-pack5 a:hover strong {
	color: #fff;
	text-decoration: none;
}
.surf-pack5 a em {
	display: block;
	font-size:15px;
	color: #666;
	font-style: normal;
	line-height: 15px;
	margin-top: 4px;
}
.surf-pack5 a:hover em {
	display: block;
	font-size:15px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}
	
	
	
.surf-pack-silver {
	width: 300px;
	height: 130px;
	background: url('../images/surfing-menu-butt-package-silver-rollt.jpg') no-repeat 0 -130px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:24px;
	font-family: Arial, Helvetica, sans-serif;
	}
.surf-pack-silver a {
	display: block;
	margin: 0;
	width:160px;
	height:120px;
	overflow:hidden;
	text-decoration: none;
	background: url('../images/surfing-menu-butt-package-silver-rollt.jpg') no-repeat top left;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 125px;
	color: #666;
	}
.surf-pack-silver a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.surf-pack-silver a strong {
	color: #FF0000;
	font-size:20px;
	display: block;
	text-transform: uppercase;
	line-height: 20px;
}
.surf-pack-silver a:hover strong {
	color: #fff;
	text-decoration: none;
}
.surf-pack-silver a em {
	display: block;
	font-size:15px;
	color: #666;
	font-style: normal;
	line-height: 15px;
	margin-top: 4px;
}
.surf-pack-silver a:hover em {
	display: block;
	font-size:15px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}
	
	
	
.surf-pack-combo {
	float:left;
	display: inline;
	margin: 0;
	width:160px;
	height:120px;
	overflow:hidden;
	text-decoration: none;
	background: url('../images/surfing-menu-butt-package05rollt.jpg') no-repeat top left;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 125px;
	color: #666;
	margin: 4px;
	font-size:24px;
	font-family: Arial, Helvetica, sans-serif;
	}
.surf-pack-combo strong {
	color: #FF0000;
	font-size:20px;
	display: block;
	text-transform: uppercase;
	line-height: 20px;
}
.surf-pack-combo em {
	display: block;
	font-size:15px;
	color: #666;
	font-style: normal;
	line-height: 15px;
	margin-top: 4px;
}





.surf-pack6 {
	width: 300px;
	height: 130px;
	background: url('../images/surfing-menu-butt-package06rollt.jpg') no-repeat 0 -130px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:24px;
	font-family: Arial, Helvetica, sans-serif;
	}
.surf-pack6 a {
	display: block;
	margin: 0;
	width:160px;
	height:120px;
	overflow:hidden;
	text-decoration: none;
	background: url('../images/surfing-menu-butt-package06rollt.jpg') no-repeat top left;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 125px;
	color: #666;
	}
.surf-pack6 a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.surf-pack6 a strong {
	color: #FF0000;
	font-size:20px;
	display: block;
	text-transform: uppercase;
	line-height: 20px;
}
.surf-pack6 a:hover strong {
	color: #fff;
	text-decoration: none;
}
.surf-pack6 a em {
	display: block;
	font-size:15px;
	color: #666;
	font-style: normal;
	line-height: 15px;
	margin-top: 4px;
}
.surf-pack6 a:hover em {
	display: block;
	font-size:15px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}
	
.class-text-box {
	width: 300px;
	height: 130px;
	float:left;
	display: inline;
	margin: 4px;
}



.board-class1 {
	width: 300px;
	height: 130px;
	background: url('../images/bodyboard-menu-butt01-rollt.jpg') no-repeat 0 -130px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:24px;
	font-family: Arial, Helvetica, sans-serif;
	}
.board-class1 a {
	display: block;
	margin: 0;
	width:160px;
	height:120px;
	overflow:hidden;
	text-decoration: none;
	background: url('../images/bodyboard-menu-butt01-rollt.jpg') no-repeat top left;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 125px;
	color: #666;
	}
.board-class1 a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.board-class1 a strong {
	color: #FF0000;
	font-size:20px;
	display: block;
	text-transform: uppercase;
	line-height: 20px;
}
.board-class1 a:hover strong {
	color: #fff;
	text-decoration: none;
}
.board-class1 a em {
	display: block;
	font-size:15px;
	color: #666;
	font-style: normal;
	line-height: 15px;
	margin-top: 4px;
}
.board-class1 a:hover em {
	display: block;
	font-size:15px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}


.board-class2 {
	width: 300px;
	height: 130px;
	background: url('../images/bodyboard-menu-butt02-rollt.jpg') no-repeat 0 -130px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:24px;
	font-family: Arial, Helvetica, sans-serif;
	}
.board-class2 a {
	display: block;
	margin: 0;
	width:160px;
	height:120px;
	overflow:hidden;
	text-decoration: none;
	background: url('../images/bodyboard-menu-butt02-rollt.jpg') no-repeat top left;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 125px;
	color: #666;
	}
.board-class2 a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.board-class2 a strong {
	color: #FF0000;
	font-size:20px;
	display: block;
	text-transform: uppercase;
	line-height: 20px;
}
.board-class2 a:hover strong {
	color: #fff;
	text-decoration: none;
}
.board-class2 a em {
	display: block;
	font-size:15px;
	color: #666;
	font-style: normal;
	line-height: 15px;
	margin-top: 4px;
}
.board-class2 a:hover em {
	display: block;
	font-size:15px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}



.board-class3 {
	width: 300px;
	height: 130px;
	background: url('../images/bodyboard-menu-butt03-rollt.jpg') no-repeat 0 -130px;
	float:left;
	display: inline;
	margin: 4px;
	}
.board-class3 a {
	display: block;
	margin: 0;
	width:160px;
	height:120px;
	overflow:hidden;
	text-decoration: none;
	background: url('../images/bodyboard-menu-butt03-rollt.jpg') no-repeat top left;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 125px;
	color: #666;
	}
.board-class3 a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.board-class3 a strong {
	color: #FF0000;
	font-size:20px;
	display: block;
	text-transform: uppercase;
	line-height: 20px;
}
.board-class3 a:hover strong {
	color: #fff;
	text-decoration: none;
}
.board-class3 a em {
	display: block;
	font-size:15px;
	color: #666;
	font-style: normal;
	line-height: 15px;
	margin-top: 4px;
}
.board-class3 a:hover em {
	display: block;
	font-size:15px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}



.board-class4 {
	width: 300px;
	height: 130px;
	background: url('../images/bodyboard-menu-butt04-rollt.jpg') no-repeat 0 -130px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:24px;
	font-family: Arial, Helvetica, sans-serif;
	}
.board-class4 a {
	display: block;
	margin: 0;
	width:160px;
	height:120px;
	overflow:hidden;
	text-decoration: none;
	background: url('../images/bodyboard-menu-butt04-rollt.jpg') no-repeat top left;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 125px;
	color: #666;
	}
.board-class4 a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.board-class4 a strong {
	color: #FF0000;
	font-size:20px;
	display: block;
	text-transform: uppercase;
	line-height: 20px;
}
.board-class4 a:hover strong {
	color: #fff;
	text-decoration: none;
}
.board-class4 a em {
	display: block;
	font-size:15px;
	color: #666;
	font-style: normal;
	line-height: 15px;
	margin-top: 4px;
}
.board-class4 a:hover em {
	display: block;
	font-size:15px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}



.board-class5 {
	width: 300px;
	height: 130px;
	background: url('../images/bodyboard-menu-butt05-rollt.jpg') no-repeat 0 -130px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:24px;
	font-family: Arial, Helvetica, sans-serif;
	}
.board-class5 a {
	display: block;
	margin: 0;
	width:160px;
	height:120px;
	overflow:hidden;
	text-decoration: none;
	background: url('../images/bodyboard-menu-butt05-rollt.jpg') no-repeat top left;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 125px;
	color: #666;
	}
.board-class5 a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.board-class5 a strong {
	color: #FF0000;
	font-size:20px;
	display: block;
	text-transform: uppercase;
	line-height: 20px;
}
.board-class5 a:hover strong {
	color: #fff;
	text-decoration: none;
}
.board-class5 a em {
	display: block;
	font-size:15px;
	color: #666;
	font-style: normal;
	line-height: 15px;
	margin-top: 4px;
}
.board-class5 a:hover em {
	display: block;
	font-size:15px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}



.board-class6 {
	width: 300px;
	height: 130px;
	background: url('../images/bodyboard-menu-butt06-rollt.jpg') no-repeat 0 -130px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:24px;
	font-family: Arial, Helvetica, sans-serif;
	}
.board-class6 a {
	display: block;
	margin: 0;
	width:160px;
	height:120px;
	overflow:hidden;
	text-decoration: none;
	background: url('../images/bodyboard-menu-butt06-rollt.jpg') no-repeat top left;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 125px;
	color: #666;
	}
.board-class6 a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.board-class6 a strong {
	color: #FF0000;
	font-size:20px;
	display: block;
	text-transform: uppercase;
	line-height: 20px;
}
.board-class6 a:hover strong {
	color: #fff;
	text-decoration: none;
}
.board-class6 a em {
	display: block;
	font-size:15px;
	color: #666;
	font-style: normal;
	line-height: 15px;
	margin-top: 4px;
}
.board-class6 a:hover em {
	display: block;
	font-size:15px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}


.board-class7 {
	width: 300px;
	height: 130px;
	background: url('../images/bodyboard-menu-butt07-rollt.jpg') no-repeat 0 -130px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:24px;
	font-family: Arial, Helvetica, sans-serif;
	}
.board-class7 a {
	display: block;
	margin: 0;
	width:160px;
	height:120px;
	overflow:hidden;
	text-decoration: none;
	background: url('../images/bodyboard-menu-butt07-rollt.jpg') no-repeat top left;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 125px;
	color: #666;
	}
.board-class7 a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.board-class7 a strong {
	color: #FF0000;
	font-size:20px;
	display: block;
	text-transform: uppercase;
	line-height: 20px;
}
.board-class7 a:hover strong {
	color: #fff;
	text-decoration: none;
}
.board-class7 a em {
	display: block;
	font-size:15px;
	color: #666;
	font-style: normal;
	line-height: 15px;
	margin-top: 4px;
}
.board-class7 a:hover em {
	display: block;
	font-size:15px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}

	


.board-pack1 {
	width: 300px;
	height: 130px;
	background: url('../images/bodyboard-menu-butt-package01-rollt.jpg') no-repeat 0 -130px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:24px;
	font-family: Arial, Helvetica, sans-serif;
	}
.board-pack1 a {
	display: block;
	margin: 0;
	width:160px;
	height:120px;
	overflow:hidden;
	text-decoration: none;
	background: url('../images/bodyboard-menu-butt-package01-rollt.jpg') no-repeat top left;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 125px;
	color: #666;
	}
.board-pack1 a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.board-pack1 a strong {
	color: #FF0000;
	font-size:20px;
	display: block;
	text-transform: uppercase;
	line-height: 20px;
}
.board-pack1 a:hover strong {
	color: #fff;
	text-decoration: none;
}
.board-pack1 a em {
	display: block;
	font-size:15px;
	color: #666;
	font-style: normal;
	line-height: 15px;
	margin-top: 4px;
}
.board-pack1 a:hover em {
	display: block;
	font-size:15px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}

	

.board-pack2 {
	width: 300px;
	height: 130px;
	background: url('../images/bodyboard-menu-butt-package02-rollt.jpg') no-repeat 0 -130px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:24px;
	font-family: Arial, Helvetica, sans-serif;
	}
.board-pack2 a {
	display: block;
	margin: 0;
	width:160px;
	height:120px;
	overflow:hidden;
	text-decoration: none;
	background: url('../images/bodyboard-menu-butt-package02-rollt.jpg') no-repeat top left;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 125px;
	color: #666;
	}
.board-pack2 a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.board-pack2 a strong {
	color: #FF0000;
	font-size:20px;
	display: block;
	text-transform: uppercase;
	line-height: 20px;
}
.board-pack2 a:hover strong {
	color: #fff;
	text-decoration: none;
}
.board-pack2 a em {
	display: block;
	font-size:15px;
	color: #666;
	font-style: normal;
	line-height: 15px;
	margin-top: 4px;
}
.board-pack2 a:hover em {
	display: block;
	font-size:15px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}
	
	

.board-pack3 {
	width: 300px;
	height: 130px;
	background: url('../images/bodyboard-menu-butt-package03-rollt.jpg') no-repeat 0 -130px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:24px;
	font-family: Arial, Helvetica, sans-serif;
	}
.board-pack3 a {
	display: block;
	margin: 0;
	width:160px;
	height:120px;
	overflow:hidden;
	text-decoration: none;
	background: url('../images/bodyboard-menu-butt-package03-rollt.jpg') no-repeat top left;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 125px;
	color: #666;
	}
.board-pack3 a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.board-pack3 a strong {
	color: #FF0000;
	font-size:20px;
	display: block;
	text-transform: uppercase;
	line-height: 20px;
}
.board-pack3 a:hover strong {
	color: #fff;
	text-decoration: none;
}
.board-pack3 a em {
	display: block;
	font-size:15px;
	color: #666;
	font-style: normal;
	line-height: 15px;
	margin-top: 4px;
}
.board-pack3 a:hover em {
	display: block;
	font-size:15px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}
	
	
	

.board-pack4 {
	width: 300px;
	height: 130px;
	background: url('../images/bodyboard-menu-butt-package04-rollt.jpg') no-repeat 0 -130px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:24px;
	font-family: Arial, Helvetica, sans-serif;
	}
.board-pack4 a {
	display: block;
	margin: 0;
	width:160px;
	height:120px;
	overflow:hidden;
	text-decoration: none;
	background: url('../images/bodyboard-menu-butt-package04-rollt.jpg') no-repeat top left;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 125px;
	color: #666;
	}
.board-pack4 a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.board-pack4 a strong {
	color: #FF0000;
	font-size:20px;
	display: block;
	text-transform: uppercase;
	line-height: 20px;
}
.board-pack4 a:hover strong {
	color: #fff;
	text-decoration: none;
}
.board-pack4 a em {
	display: block;
	font-size:15px;
	color: #666;
	font-style: normal;
	line-height: 15px;
	margin-top: 4px;
}
.board-pack4 a:hover em {
	display: block;
	font-size:15px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}






.board-pack5 {
	width: 300px;
	height: 130px;
	background: url('../images/bodyboard-menu-butt-weekend-rollt.jpg') no-repeat 0 -130px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:24px;
	font-family: Arial, Helvetica, sans-serif;
	}
.board-pack5 a {
	display: block;
	margin: 0;
	width:160px;
	height:120px;
	overflow:hidden;
	text-decoration: none;
	background: url('../images/bodyboard-menu-butt-weekend-rollt.jpg') no-repeat top left;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 125px;
	color: #666;
	}
.board-pack5 a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.board-pack5 a strong {
	color: #FF0000;
	font-size:20px;
	display: block;
	text-transform: uppercase;
	line-height: 20px;
}
.board-pack5 a:hover strong {
	color: #fff;
	text-decoration: none;
}
.board-pack5 a em {
	display: block;
	font-size:15px;
	color: #666;
	font-style: normal;
	line-height: 15px;
	margin-top: 4px;
}
.board-pack5 a:hover em {
	display: block;
	font-size:15px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}



		
.board-pack-combo {
	float:left;
	display: inline;
	margin: 0;
	width:160px;
	height:120px;
	overflow:hidden;
	text-decoration: none;
	background: url('../images/bodyboard-menu-butt-package05-rollt.jpg') no-repeat top left;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 125px;
	color: #666;
	margin: 4px;
	font-size:24px;
	font-family: Arial, Helvetica, sans-serif;
	}
.board-pack-combo strong {
	color: #FF0000;
	font-size:20px;
	display: block;
	text-transform: uppercase;
	line-height: 20px;
}
.board-pack-combo em {
	display: block;
	font-size:15px;
	color: #666;
	font-style: normal;
	line-height: 15px;
	margin-top: 4px;
}

	
	
	

.board-pack6 {
	width: 300px;
	height: 130px;
	background: url('../images/bodyboard-menu-butt-package06-rollt.jpg') no-repeat 0 -130px;
	float:left;
	display: inline;
	margin: 4px;
	font-size:24px;
	font-family: Arial, Helvetica, sans-serif;
	}
.board-pack6 a {
	display: block;
	margin: 0;
	width:160px;
	height:120px;
	overflow:hidden;
	text-decoration: none;
	background: url('../images/bodyboard-menu-butt-package06-rollt.jpg') no-repeat top left;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 125px;
	color: #666;
	}
.board-pack6 a:hover {
	background-image: url(none);
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	}
.board-pack6 a strong {
	color: #FF0000;
	font-size:20px;
	display: block;
	text-transform: uppercase;
	line-height: 20px;
}
.board-pack6 a:hover strong {
	color: #fff;
	text-decoration: none;
}
.board-pack6 a em {
	display: block;
	font-size:15px;
	color: #666;
	font-style: normal;
	line-height: 15px;
	margin-top: 4px;
}
.board-pack6 a:hover em {
	display: block;
	font-size:15px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}
	
	
	
	
	
	
	
	
	
	
.footer .right-footer {
	float: right;
	width: 60px;
	padding-top: 15px;
	padding-right: 180px;
}
.price-image {
	float: left;
}
.table-price-form {
	vertical-align: top;
	width: 400px;
}
.table-price {
	vertical-align: top;
	width: 550px;
}
.table-price90 {
	width: 90px;
}
.table-price130 {
	width: 130px;
}
.table-price110 {
	width: 130px;
}
.table-price160 {
	width: 160px;
}
.table-price170 {
	width: 170px;
}
.hen-list h3 {
	margin: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}
.image-left-pad {
	float: left;
	padding-right: 20px;
}
.feature-lesson {
	width: 400px;
	position: relative;
}
.feature-lesson .story .hen-list {
	width: 370px;
	clear: left;
	padding-right: 10px;
	margin-left: 0px;
	margin-right: 0px;
}
.feature-lesson .story .sep-dot {
	width: 390px;
	clear: left;
}
#booking-h {
	font-size: 220%;
	font-weight: bold;
	text-align: center;
}
#body-wrapper-lesson .body-indexcontent .feature-lesson .story .lesson-list {
	margin-top: 2px;
	margin-bottom: 6px;
}
#body-wrapper-lesson .body-indexcontent .feature-lesson .story {
	padding-top: 6px;
}
#body-wrapper-lesson .body-indexcontent .form-right #products-holder-firefox {
	background-color: #3E3D3D;
}
/*#body-wrapper-lesson .body-indexcontent .form-right #products-holder-firefox .contact {
	margin: 0px;
	padding: 0px;
}
#body-wrapper-lesson .body-indexcontent .form-right #products-holder-firefox .contact #contact-us #referred {
	font-size: 10px;
}
#body-wrapper-lesson .body-indexcontent .form-right #products-holder-firefox .contact #booking #payment_method {
	font-size: 10px;
}
#body-wrapper-lesson .body-indexcontent .form-right #products-holder-firefox .contact #booking #course {
	font-size: 10px;
}
#body-wrapper-lesson .body-indexcontent .form-right #products-holder-firefox .contact #booking #Day {
	font-size: 10px;
}
#body-wrapper-lesson .body-indexcontent .form-right #products-holder-firefox .contact #booking #Month {
	font-size: 10px;
}
#body-wrapper-lesson .body-indexcontent .form-right #products-holder-firefox .contact #booking #Year {
	font-size: 10px;
}
#body-wrapper-lesson .body-indexcontent .form-right #products-holder-firefox .contact #booking #number_in_group {
	font-size: 10px;
}
*/


#body-wrapper-lesson .body-indexcontent .form-right #products-holder-firefox .contact-right #coasteer p {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#body-wrapper-lesson .body-indexcontent .form-right #products-holder-firefox .contact-right #coasteer .form-head {
	background-color: #686666;
	display: block;
	/*	width: 195px;
*/	margin-left: -8px;
	margin-right: -8px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 3px;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 2px;
}
.form-feedback {
	color:#fff;
	font-weight:bold;
	text-align:center;
	font-size:14px;
	margin-left: -8px;
	margin-right: -8px;	
	background-color: #C2151B;
	margin-top: 2px;
	}
.form-feedback em {
	padding: 5px;
	display: block;
	font-style: normal;
	}
.form-feedback span {
	display: block;
	font-style: normal;
	background-color: #00CC66;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	}
#body-wrapper-lesson .body-indexcontent .feature-lesson .story .hen-list .center-image {
	margin-left: 10px;
	margin-right: 10px;
	width: 360px;
}
#body-wrapper-lesson .body-indexcontent .form-right #products-holder-firefox .contact-right #coasteer .spam a {
	color: #FFFFFF;
}


.back-link {
	position:absolute;
	top:34px;
	right: 8px;
	}
.back-link-photo {
	position:absolute;
	top:34px;
	right: 220px;
	}





.arrow-link a:link {
	background-image: url(../images/arrow-link.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 6px;
	color:#000000;
}
.arrow-link a:visited {
	background-image: url(../images/arrow-link.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 6px;
	color:#000000;
}
.arrow-link a:hover {
	background-image: url(../images/arrow-link.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 6px;
	color:#ff0000;
	text-decoration: none;
}
.arrow-link a:active {
	background-image: url(../images/arrow-link.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 6px;
	color:#ff0000;
	text-decoration: none;
}
.form-right #products-holder-firefox .radio-date {
	width: 80px;
	display: block;
	float: right;
	text-align: left;
	height: 22px;
}
.image-right268 a {
	font-size: 130%;
	font-weight: bold;
}
.image-right268 {
	font-size: 90%;
}
.right-events-wrap {
	background-color: #990100;
	height: 195px;
	overflow: auto;
	text-align: left;

}
.right-events-title {
	font-size: 110%;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	line-height: 100%;
}
.right-events-wrap strong {
	font-size: 110%;
}
.right-events-wrap em {
	color: #FF9393;
	font-style: normal;
	font-weight: bold;
}
#body-wrapper-lesson .rightcolumn .right-events-wrap a {
	font-weight: normal;
	text-decoration: none;
}
.rightcolumn .right-events-wrap a {
	font-weight: normal;
	text-decoration: none;
}


/*#body-wrapper .rightcolumn .right-events-wrap #EsfSurfSchoolEventste9cb68aialk3r4nls9pves63o .headline a {
	font-size: 10px;
}
#body-wrapper .rightcolumn .right-events-wrap #EsfSurfSchoolEventste9cb68aialk3r4nls9pves63o ul {
	list-style-type: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
*/

.rightcolumn .right-events-wrap .headline a {
	font-size: 10px;
}
.rightcolumn .right-events-wrap ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.rightcolumn .right-events-wrap li {
	margin: 0px;
	background-image: url(../images/pink-arrow.png);
	background-repeat: no-repeat;
	background-position: -2px 4px;
	padding-left: 10px;
	padding-bottom: 3px;
	line-height:11px;
	padding-top: 3px;
	padding-right: 0px;
}


/*#body-wrapper .rightcolumn .right-events-wrap li a:link {
	background-image: url(../images/pink-arrow.png);
	background-repeat: no-repeat;
	background-position: -2px 1px;
	padding-left: 15px;
	padding-bottom: 5px;
}
#body-wrapper .rightcolumn .right-events-wrap li a:visited {
	background-image: url(../images/pink-arrow.png);
	background-repeat: no-repeat;
	background-position: -2px 1px;
	padding-left: 15px;
	padding-bottom: 5px;
}
#body-wrapper .rightcolumn .right-events-wrap li a:hover {
	background-image: url(../images/grey-arrow.png);
	background-repeat: no-repeat;
	background-position: -2px 1px;
	padding-left: 15px;
	padding-bottom: 5px;
}
#body-wrapper .rightcolumn .right-events-wrap li a:active {
	background-image: url(../images/grey-arrow.png);
	background-repeat: no-repeat;
	background-position: -2px 1px;
	padding-left: 15px;
	padding-bottom: 5px;
}
*/