html, body {
	font-family: Arial, Verdana, Helvetica, san-serif, Times, serif;
	margin: 0px;
	padding: 0px;
	background-color: white;
}

a { color: #1C5BA2; text-decoration: none; }
a:hover { color: #EE4A41; }

h1 { font-size: 12pt; margin: 0em 10px 1em 15px; }
h2 { font-size: 10pt; margin: 1em 10px 1em 15px; }
h3, p { font-size: 8pt; margin: 1em 10px 1em 15px; }
ul, ol {
	font-size: 8pt;
	line-height: 12pt;
	margin: 0.5em 10px 0.5em 30px;
	padding: 0px;
}
table { font-size: 8pt; margin: 0 0 0 15px; }
th { text-align: left; }

label { color: #1C5BA2; font-size: 8pt; font-weight: bold; }
input, select, textarea {
	font-family: Arial, Verdana, Helvetica, san-serif, Times, serif;
	font-size: 8pt;	
}

.big-text { font-size: 1.2em; }
.small-text { font-size: 0.8em; }

.left { float: left; margin: 0 15px 0 0; }
.right { float: right; margin: 0 0 0 15px; }
.text-right {text-align: right;}


.red { color: #EE4A41; }
.lt-blue { color: #00C0F3; }
.dk-blue { color: #1C5BA2; }

.site-border {
	text-align: justify;
	width: 750px;
	margin: 0px 0px 0px 0px;
}
.site-head { width: 100%; display: table; }
.site-head1 {
	width: 100%;
	height: 105px;
	background: url(../images/top-bar1.gif) no-repeat top left;
}
.site-head1-tel { width: 50%; float: left; display: block; }
.site-head1-tel p { 
	color: white;
	font-weight: bold;
	margin: 45px 0px 0px 190px;
}
.site-head1-logo { width: 250px; display: inline; }
.site-head1-logo img { margin: 25px 0px 0px 105px; border: 0px; }
.site-head2 {
	text-align: right;
	width: 100%;
	background: url(../images/top-bar2.gif) no-repeat top left;
}
.site-head2 img { float: left; margin: 30px 0px 0px 5px }
.site-head2 ul { 
	color: #1C5BA2;
	font-size: 8pt;
	list-style: none;
	margin: 0px;
	height: 75px;
	padding: 30px 0px 10px 0px;
	background: url(../images/header-link-bar.gif) no-repeat 10px 50px right;
}
.site-head2 li { display: inline; }
.site-head2 a { color: #1C5BA2; margin: 0px 5px 0px 5px; }
.site-head2 a:hover { color: #EE4A41; }

.site-border .mmhide_site-body { width: 100%; height: 500px; margin: 0; }
.mmhide_site-body td { vertical-align: top; }
.mmhide_site-body-left { text-align: left; width: 10%; border: 0px;}
.mmhide_site-body-left img { border: 0px; }
.mmhide_site-body-left ul { list-style: url(../images/bullet.gif); margin: 0 0 1em 25px; }
.mmhide_site-body-left li { margin: 1em 0 1em 0; }
.mmhide_site-body-left #left-cur a { color: #EE4A41; }
.mmhide_site-body-left p { margin: 0 0 0.5em 5px; }

.mmhide_site-body-mid { 
	font-family: Verdana, Arial, Helvetica, san-serif, Times, serif;
	text-align: justify;
	width: 80%;
}

.picture-no-border img    { border-style: none }

.picture-left { float: left; margin: 0px 12px 10px 0px; border: solid 1px #1b5ba2;}
.picture-right { float: right; margin: 0px 0px 10px 12px; border: solid 1px #1b5ba2;}
.picture-border { border: solid 1px #1b5ba2; }

.mmhide_site-body-right { text-align: right; width: 10%; }

.mmhide_site_btt { width: 100%; }

.mmhide_site_btt p {
	font-size: 8pt;
	text-align: right;
	margin: 0px 14% 0.5em 0px;
}

.mmhide_site-foot {
	text-align: right;
	width: 100%;
	background-color: #EE4A41;
	background-image: url(../images/foot-back.gif);
	background-repeat: no-repeat;
	background-position: 84% 0px;
}
.mmhide_site-foot p { font-size: 9pt; padding: 5px 40px 5px 5px; margin: 0px; }
.mmhide_site-foot a { color: white; }
.mmhide_site-foot a:hover { color: #1C5BA2; }

.mmhide_top-bar { margin: 0px 0px 1em 0px; width: 100%; }
.mmhide_top-bar-link{ width: 30%; height: 1.2em; }
.mmhide_top-bar-link a {
	font-size: 10pt;
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 15px;
	background: url(../images/bullet.gif) no-repeat center left;
}

.mmhide_breadcrumbs { text-align: right; }
.mmhide_breadcrumbs p {
	font-size: 9pt;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px 10px 25px 0px;
}
.mmhide_breadcrumbs a { color: #EE4A41; }
.mmhide_breadcrumbs a:hover { color: #1C5BA2; }
.mmhide_breadcrumbs img { border: 0px; }

.right-banner {
	width: 95px;
	height: 145px;
	background: url(../images/right-back.gif) no-repeat top left;
}
.right-banner img { border: 0px; margin: 10px 7px 0px 1px; }
.right-banner a:hover { color: #FFFFFF; }
.right-banner h1 { 
	color: white;
	font-size: 10pt;
	font-style: italic;
	margin: 0px;
	padding: 0.6em 10px 0.2em 5px;
}
.right-banner p {
	color: white;
	font-size: 8pt;
	font-style: italic;
	margin: 0px;
	padding: 0.6em 10px 0.5em 5px;
}
.right-banner-sqpicture {
	width: 95px;
	height: 145px;
	background: url(../images/right-back.gif) no-repeat top left;
}
.right-banner-sqpicture a:hover { color: #FFFFFF; }
.right-banner-sqpicture img { border: 0px; margin: 10px 7px 0px 1px; }
.right-banner-sqpicture h1 { 
	color: white;
	font-size: 10pt;
	font-style: italic;
	margin: 0px;
	padding: 0.6em 10px 0.2em 5px;
}
.right-banner-sqpicture p {
	color: white;
	font-size: 8pt;
	font-style: italic;
	margin: 0px;
	padding: 0.9em 10px 0.5em 5px;
}

.gallery-table { position: relative; left: 12px; width: 95% }

.links-table { text-align: center; position: relative; left: 12px; width: 95% }
.links-table img { border-style: none; }
.links-table-left { font-size: 14px; text-align: center; margin-top: 10px; padding-top: 10px; padding-bottom: 10px }
.links-table-right { font-size: 14px; text-align: center; padding-top: 10px; padding-bottom: 10px }
.contact-table { position: relative; left: 12px; width: 95%; }
.gallery-table td { padding-top: 8px; padding-bottom: 8px; }


.mmhide_sitemap ul { list-style: url(../images/bullet.gif); margin: 0.5em 0 2em 40px; }
.mmhide_sitemap ul ul { margin: 0.5em 0 0.5em 20px; }


/* Catagory List */
#prod-cat { list-style: none; margin: 0; }
#prod-cat:after { content: ""; height: 0px; display: block; clear: both; }
#prod-cat li {
	width: 30%;
	height: 130px;
	min-height: 130px;
	float: left;
	margin: 10px 0 0 9px;
	/*background: url(../images/dot2.gif) no-repeat 50% 95%;*/
}
html>body #prod-cat li { height: auto; margin: 10px 0 0 15px; }

#prod-cat div { margin:10px 0; }
#prod-cat div img { border: 0px; float:left; width:85px; margin:0	5px 5px 0;}
#prod-cat div p {font-size:7pt; margin:0 0 0 95px; text-align:left;}
#prod-cat a img { background: transparent; }

#prod-cat .title-link { margin: 0px; }

#prod-cat .title-link a {
	color: white;
	font-weight: bold;
	text-align: center;
	width: 100%;
	display: block;
	padding: 5px 0 5px 0;
	background: url(../images/prod-cat-corner.gif) no-repeat 100% 100%;
	background-color: #1C5BA2;
}
#prod-cat a:hover {
	color: #1C5BA2;
	background: url(../images/prod-cat-corner-o.gif) no-repeat 100% 100%;
	background-color: #00C0F3;
}



/* Main Product List */
.prod-list {
	width: 95%;
	padding: 0 0 5px 0;
	margin: 0 0 20px 20px;
	background: url(../images/dot.gif) repeat-x 50% 100%;
}
.prod-list:after { content: ""; height: 0px; display: block; clear: both; }
.prod-list h2 { color: #1C5BA2; margin: 0 15px 0 15px;  }
.prod-list img { float: right; margin: 0 15px 0 15px; border: 1px solid black; }
.prod-list form { width: 100%; text-align: center; margin: 0 15px 0 15px; padding: 0; clear: both; }
.prod-list form div { margin: 0 0 10px 0; text-align: left; }
.prod-list form input { font-size: 9pt; width: 30px; margin: 0 30px 0 0; }
.prod-list form select { color: #EE4A41; font-weight: bold; width: 180px; margin: 0 10px 0 0; }
.prod-list form #submit {
	color: #00C0F3;
	text-align: left;
	font-weight: bold;
	width: 8.5em;
	border: 0px;
	padding: 0 0 0 0;
	background: url(../images/arrow-flash.gif) no-repeat 100% 50%
}




/* Custom Board Style */
#custom-board h2 { color: #1C5BA2; }
#custom-board .right { float: right; margin: 0 80px 0 15px; }
#custom-board #you { margin: 0 0 0 15px; }
#custom-board #you div { padding: 0 0 3px 0; }
#custom-board #you label { width: 75px; float: left; }
#custom-board #board {
	width: 100%; padding: 10px;
	margin: 0 15px 0 15px;
	border: 1px dashed #00C0F3;
	background: #F8F8F8;
}
html>body #custom-board #board { width: 90%; }
#custom-board #board:after { content: ""; height: 0px; display: block; clear: both; }
#custom-board #board div { padding: 0 0 3px 0; }
#custom-board #board .stack { width: 75px; }
#custom-board #board #left { width: 41%; float: left; }
#custom-board #board #left div { margin: 0 0 13px 0; }
#custom-board #board #right { width: 50%; float: right; }
#custom-board #board #right label { width: 75px; float: left; }
#custom-board #board #right select { width: 120px; }
#custom-board .sml { width: 50px; }
#custom-board .med { width: 200px; }
#custom-board .big { width: 210px; }
#custom-board #submit, #size-table #submit {
	color: #00C0F3;
	text-align: left;
	font-weight: bold;
	width: 9em;
	border: 0px;
	padding: 0;
	margin: 10px 0 0 0;
	background: url(../images/arrow-flash.gif) no-repeat 100% 50%
}
#size-table { width: 50%; }
#size-table th, #size-table td { vertical-align: top; }
#size-table form { margin: 0; padding: 0; }
#size-table #submit { margin: 0px; }




/* Courses Style */
#course-list {
	width: 100%;
	padding: 0 0 15px 0;
	margin: 0 15px 15px 15px;
	background: url(../images/dot.gif) repeat-x 50% 100%;
}
html>body #course-list { width: 95%; }
#course-list:after { content: ""; height: 0px; display: block; clear: both; }
#course-list div { width: 68%; float: right; }
#course-list form { margin: 0; padding: 0; }
#course-list h3 { margin: 0 0 0.5em 0; }
#course-list p { margin: 0 0 0.5em 0; }
#course-list img { float: left; margin: 0 20px 0 0; border: 1px solid #EE4A41; }
#course-list label {  width: 70px; float: left; padding: 5px 0 0 0; }
#course-list select { color: #EE4A41; font-weight: bold; width: 170px; margin: 0 0 1px 0; }
#course-list #submit {
	color: #00C0F3;
	text-align: left;
	font-weight: bold;
	width: 9em;
	border: 0px;
	padding: 0;
	margin: 0 0 0 10px;
	background: url(../images/arrow-flash.gif) no-repeat 100% 50%
}




/* Vouchers Style */
#voucher-frm p { margin: 0 0 0.5em 15px; }
#voucher-frm label { width: 70px; float: left; }
#voucher-frm select { color: #EE4A41; font-weight: bold; width: 230px; }
#voucher-frm #submit {
	color: #00C0F3;
	text-align: left;
	font-weight: bold;
	width: 9em;
	border: 0px;
	padding: 0;
	margin: 0 0 0 205px;
	background: url(../images/arrow-flash.gif) no-repeat 100% 50%
}

#voucher-tb { width: 95%; margin: 0 0 0 15px; background: #F8F8F8; }
#voucher-tb th { color: #1C5BA2; text-align: left; padding: 5px 10px 10px 0; }
#voucher-tb td { width: 15%; height: 35px; padding: 0 10px 5px 5px; }
#voucher-tb form { margin: 0; padding: 0; }
#voucher-tb input { width: auto; }




/* Shopping Basket Style */
#basket { font-size: 9pt; width: 95%; margin: 20px 15px 0 15px; }
#basket th { padding: 0 0 10px 0; }
#basket td { padding: 0 0 5px 0; }
#basket .basket-1 { width: 60%; text-align: left; }
#basket .basket-1 a {
	font-size: 8pt;
	width: 60%;
	display: block;
	color: #00C0F3;
	font-weight: bold;
	margin: 10px 0 0 0;
}
#basket .basket-1 a:hover { color: #EE4A41;  }
#basket .basket-1 img { vertical-align: top; margin: 0 5px 0 0; }
#basket .basket-2 { width: 10%; text-align: center; }
#basket .basket-3 { width: 15%; text-align: right; }
#basket .basket-4 { width: 15%; text-align: right; }
#basket .basket-pad { height: 30px; }
#basket form #submit {
	color: #00C0F3;
	text-align: left;
	font-weight: bold;
	width: 6.5em;
	border: 0px;
	padding: 0 0 0 0;
	background: url(../images/arrow-flash.gif) no-repeat 100% 50%
}
#basket form #submit-voucher {
	color: #00C0F3;
	text-align: left;
	font-weight: bold;
	width: 5.5em;
	border: 0px;
	padding: 0 0 0 0;
	margin: 0 0 0 15px;
	background: url(../images/arrow-flash.gif) no-repeat 100% 50%
}



/* Order Form Styles */
#mmhide_orderform #details1 { margin: 0 10px 0 15px; }
#mmhide_orderform #details2 { margin: 0 10px 0 15px; }
#mmhide_orderform #details3 { margin: 0 10px 0 15px; }
#mmhide_orderform #details4 { margin: 0 10px 0 15px; }
#mmhide_orderform label { width: 100px; float: left; }
#mmhide_orderform input, #mmhide_orderform textarea { width: 200px; margin: 0 0 1px 0; }
#mmhide_orderform #billyesl { width: auto; float: none; }
#mmhide_orderform #billnol { width: auto; float: none; }
#mmhide_orderform #billyes { width: 30px; }
#mmhide_orderform #billno { width: 30px; }
#mmhide_orderform #submit { margin: 15px 10px 0 15px; }
#mmhide_orderform #submit {
	color: #00C0F3;
	text-align: left;
	font-weight: bold;
	width: 6.5em;
	border: 0px;
	padding: 0 0 0 0;
	margin: 10px 0 0 119px;
	background: url(../images/arrow-flash.gif) no-repeat 100% 50%;
	}
	
	
	ul.flat { margin: 0 0 0 10px; padding: 0; list-style: none; }
	ul.flat li { margin: 0; padding: 5px; }
	
	img.right_pad { display: block; margin: 0 10px; }
	
	
	ul.homeboxes { margin: 0 0 0 26px; padding: 0; list-style: none; }
ul.homeboxes li { margin: 5px; padding: 0; display: block; float: left; }
/*ul.homeboxes li.mid { margin: 5px 28px; }*/
ul.homeboxes li a { width: 160px; height: 200px; margin: 0; padding: 0; display: block; }
ul.homeboxes li a.hb_indoor { background: url(../images/homeboxes/indoor-surfing-lessons.jpg) no-repeat; }
ul.homeboxes li a.hb_private { background: url(../images/homeboxes/private-lessons.jpg) no-repeat; }
ul.homeboxes li a.hb_group { background: url(../images/homeboxes/group-courses.jpg) no-repeat; }
ul.homeboxes li a.hb_activity { background: url(../images/homeboxes/activity-weekends.jpg) no-repeat; }
ul.homeboxes li a.hb_offers { background: url(../images/homeboxes/special-offers.jpg) no-repeat; }
ul.homeboxes li a.hb_gift { background: url(../images/homeboxes/gift-vouchers.jpg) no-repeat; }
ul.homeboxes li a.hb_gear { background: url(../images/homeboxes/surf-gear.jpg) no-repeat; }
ul.homeboxes li a.hb_books { background: url(../images/homeboxes/surf-books.jpg) no-repeat; }
ul.homeboxes li a.hb_wear { background: url(../images/homeboxes/gsd-surf-wear.jpg) no-repeat; }
ul.homeboxes li a span.title {
	width: 154px; height: 20px;
	margin: 0 0 125px 0; padding: 5px 3px 0 3px;
	display: block; clear: both; text-align: left;
	color: #FFF; font-size: 12px; font-weight: bold;
}
ul.homeboxes li a span.teaser {
	width: 154px; height: 47px;
	margin: 0; padding: 3px 3px 0 3px;
	display: block; clear: both;
	color: #03274B; font-size: 11px;
	line-height: 14px; text-align: left;
}

.video { margin: 0; padding: 0 0 0 16px; }