@charset "utf-8";

/*----- basic styling start -----------*/
@font-face
{
    font-family: Enter Sansman;
    src: url('Fonts/entsani-webfont.eot');
    src: local(bassfont), url("Fonts/entsani-webfont.ttf") format('OpenType');
}

* {
	margin: 0px;
	padding: 0px;
}
.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(background_bubbles.png);
	background-attachment: scroll;
	line-height: 1.4em;
	}
#maincontent   a {
	color: #11E821;
}
#endfooter, #endfooter2 {
	font-size: 10px;
	text-align: center;
}

#clear {
	clear: both;	
}

.clear {
	clear: both;
}
.clearleft {
	clear: left;
}
h1#non {
	margin: -9000px;
	float:left
}
h2 {
	font-size: 21px;
	font-style: italic;
	font-weight: bolder;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 10px;
	line-height: 1.2em;
}
h3 {
	font-size: 18px;

}
#paragraph1 h3 {
	margin-bottom: 20px;
}

.question {
	background-image: url(icons/Cute-Ball-Help-icon48.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: 55px;
	height: 48px;
	line-height: 48px;
}

p {
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: justify;

}
#paragraph1 {
	width: 537px;
	padding-right: 10px;
}


h4 {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 17px;
}
.boldit {
	font-weight: bold;
}
#maincontent  #sidebar a.brochuredownload {
	display: block;
	width: 112px;
	height: 48px;
	font-size: 17px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	font-style: italic;
	background-image: url(icons/folder-down-icon48.png);
	background-repeat: no-repeat;
	background-position: 112px;
	line-height: 48px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-right: 46px;
}
a.brochuredownload {
	display: block;
	width: 210px;
	height: 40px;
	font-size: 17px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	font-style: italic;
	background-image: url(icons/download_brochure_145.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 140px;
	text-align: center;
}
#wrapper #maincontent #paragraph1 p a.brochuredownload {
		color:#FFF;
}
#wrapper p.brochuredownloadCentre a.brochuredownload { 
 text-align:center;
 margin-left:auto;
 margin-right:auto;
}
#maincontent  #sidebar a.brochuredownload:hover {
	color:#000000
}

.centreit {
 text-align:center;
}
/*----- basic styling Finish -----------*/

/*----- Header and Nav styling start -----------*/

#navbar {
	width:100%;
	background-image:url(navbar_repeater.png);
	background-repeat:repeat-x;
	height:46px;
	top: 210px;
	position: absolute;
	z-index: 2;
}
#header {
	background-image:url(header_02.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	height:210px;
	position: relative;
	background-color: #4E4E4E;
	width: 100%;
}
#phone {
	color: #FFFFFF;
	font-weight: bold;
	position: absolute;
	right: 0px;
	font-size: 20px;
	top: 10px;
}
#header  #logo .socialmediabuttons {
	position: absolute;
	right: -150px;
	top: 35px;
}


#logo  {
	padding: 0px;
	width: 626px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	z-index: 4;
	position: relative;

}


#navigationdiv {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 950px;
	position: relative;
}
ul#navigation {
	list-style-image: none;
	list-style-type: none;
	padding: 0px;
	height: 46px;
}
#navigation li {
	float:left;
	
}
#navigation a {
	text-decoration: none;
	font-size:16px;
	line-height:2.4em;
	color: #FFFFFF;
	font-weight: bolder;
	display:block;
	padding-top: 0px;
	padding-bottom: 0px;
	background-image: url(navbar_divider.gif);
	background-repeat: no-repeat;
	background-position: right;
	float: left;
	padding-right: 2.6em;
	padding-left: 2.6em;
}
#navigation   li#highlight a {
	color: #fdf401;

}

#navigation li a.last {
	background:none;
}
#navigation li a:hover {
	color:#000000;
}
/*----- Header and Nav styling finish -----------*/

/*------------------------------- Main Content styling start ----------------------------------*/

#wrapper {
	width:930px;
	background-image: url(body_background_18.png);
	background-repeat: repeat-y;
	background-position: center top;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	margin-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-top: 39px;
	position: relative;
	z-index: 1;
}
#maincontent {
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
#bulletpoints {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

#bulletpoints li {
	margin-left: 40px;
	list-style-image: url(Tick.png);
	list-style-position: outside;
}
/*-------bullet point list in sidebar start -------*/
h2.bullets

  {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 15px;
	padding-bottom: 5px;
	padding-top: 10px;
	background-image: url(white_bullet.png);
	background-repeat: no-repeat;
	background-position: 0em 1.05em;
	padding-left: 10px;

}
/*-------bullet point list in sidebar end -------*/

/*-------plain bullet point in paragraph start -------*/
p.bullets

  {
	color: #FFFFFF;
	padding-bottom: 0px;
	padding-top: 3px;
	background-image: url(white_bullet.png);
	background-repeat: no-repeat;
	background-position: 0em 0.65em;
	padding-left: 12px;
	margin-left: 50px;

}
/*-------plain bullet point in paragraph end -------*/


/*-----------course details pages subnavigation icons start ---------------*/
#sidebar #subnav {
	list-style-type: none;
	margin-top: 10px;
	list-style-image: none;
}
#sidebar #subnav a {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: bold;
	text-indent: 30px;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 30px;
	padding-top: 5px;
	padding-left: 5px;
}
#sidebar #subnav a:hover {
	color:#000000;

}
#sidebarleftcolumn a#diveCourses {
	background-image: url(dive_course_graphic.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 166px;
	width: 181px;
	margin-left: -5px;
	text-decoration: none;
	color: #000000;
	padding-top: 10px;
	text-align: center;
}
#sidebarrightcolumn a#skiCourses {
	background-image: url(ski_course_graphic.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 166px;
	width: 181px;
	margin-left: -5px;
	text-decoration: none;
	color: #000000;
	padding-top: 10px;
	text-align: center;
}
#sidebarleftcolumn a#diveCourses:hover {
	color: #11E821;
	background-image: url(dive_course_graphic_over.jpg);
	background-repeat: no-repeat;
}
#sidebarrightcolumn a#skiCourses:hover {
	color: #11E821;
	background-image: url(ski_course_graphic_over.jpg);
	background-repeat: no-repeat;
}

#maincontent .socialmediabuttons {
	height: 32px;
	width: 160px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}


#subnav .dive {
	background-image: url(subnav_icons/bag-icon.png);
	background-repeat: no-repeat;
	background-position: -0.3em -0.1em;
}

#subnav .calender {
	background-image: url(subnav_icons/calendar-date-icon.png);
	background-repeat: no-repeat;
	background-position: 0em 0.2em;
}
#subnav .training {
	background-image: url(subnav_icons/Memo-icon.png);
	background-repeat: no-repeat;
	background-position: -0.1em 0.2em;
}
#subnav .accom {
	background-image: url(subnav_icons/Property-icon.png);
	background-repeat: no-repeat;
	background-position: -0.01px 0.1em;
}
#subnav .book {
	background-image: url(subnav_icons/Favorites-icon.png);
	background-repeat: no-repeat;
	background-position: 0em 0.2em;
}
h3.accom {
	text-indent: 50px;
	background-image: url(icons/bed-blue-icon42.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	line-height: 42px;
	font-size: 17px;
}
h3.food {
	background-image: url(icons/food-icon42.png);
	background-repeat: no-repeat;
	text-indent: 50px;
	line-height: 42px;
	font-size: 17px;
}

h2.phone {
	background-image: url(icons/contact-icon42.png);
	background-repeat: no-repeat;
	line-height: 50px;
	text-align: center;
}

h2.email {
	line-height: 42px;
	background-image: url(icons/user-has-new-email-icon42.png);
	background-repeat: no-repeat;
	text-align: center;
}
#maincontent    a.download  h2 {
	text-decoration: none;
	color: #FFFFFF;
	display: block;
	background-image: url(icons/folder-down-icon42.png);
	background-repeat: no-repeat;
	line-height: 45px;
	padding: 0px;
	margin-bottom: 10px;
	height: 45px;
	text-align: center;
	background-position: 70px 0px;
}
#maincontent  a.download:hover  h2 {
	color:#11E821;
	display: block;
}




/*-----------course details pages subnavigation icons finish ---------------*/

#flashbanner {
	margin: 0px;
	width: 548px;
	height: 230px;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	background-image: url(../banner_asset/PIC_0236.jpg);
	background-repeat: no-repeat;
}
#maincontent  p a.skifaqbutton   {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 24px;
	font-weight: bold;
	font-style: italic;
	background-image: url(icons/question_mark_skitracks_icon.png);
	background-repeat: no-repeat;
	background-position: 150px -5px;
	display: block;
	line-height: 155px;
	height: 155px;
	text-align: center;
}
#maincontent a.skifaqbutton:hover   {
	color:#11E821
}

#maincontent a.divefaqbutton   {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 24px;
	font-weight: bold;
	font-style: italic;
	background-image: url(icons/question_mark_in_bubbles_icon.png);
	background-repeat: no-repeat;
	background-position: 150px 0px;
	display: block;
	line-height: 130px;
	height: 130px;
	text-align: center;
}
#maincontent a.divefaqbutton:hover   {
	color:#11E821
}
#skicourseinfoIcon {
	margin-left: 45px;
}
#skicourseinfoIcon, #divecourseinfoIcon {
	margin-bottom: 20px;
}

a h1.sidebarheading1 {
	text-decoration: none;
	background-image: url(icons/next-icon32.png);
	background-repeat: no-repeat;
	background-position: 130px;
	display: block;
	padding-top: 8px;
	margin-bottom: 5px;

}

a:hover h1.sidebarheading1 {
	color:#000000
}

h1.sidebarheading1 {
	font-style: italic;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 20px;
}
h2.sidebarheading2 {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 15px;
	padding-bottom: 5px;
	padding-top: 10px;
}

#sidebar p {
	font-size: 13px;
	line-height: 1.3em;
	padding-right: 0px;
	padding-left: 0px;
}
/*------------------------------------- Main Content styling start ---------------------------------*/


/*------------------content footer styling start----------------*/
p#footerboxtop {
	background-image: url(content_footer__rounded_corners_top_31.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 6px;
	width: 930px;
}
#pagefooterbox {
	background-color: #FFFFFF;
	padding-top: 4px;
	padding-right: 20px;
	padding-bottom: 4px;
	padding-left: 20px;
	text-align: justify;
}
a.gobutton {
	background-image: url(icons/next-icon32.png);
	background-repeat: no-repeat;
	text-indent: 35px;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	display: block;
	background-position: 0px 0px;
	line-height: 35px;
	float: left;
	height: 35px;
}
a.gobutton:hover {
	color:#11E821;
}
.earlybooking {
	float: right;
	margin-left: 50px;
	margin-bottom: 20px;
	margin-right: 40px;
	margin-top: 20px;
}
#BASIlogo {
	float: right;
	margin-left: 20px;
	margin-right: 10px;
}

.pressedPhonenumber {
	margin-top: 15px;
	margin-bottom: 10px;
}

#pagefooterbox  img.floatleft {
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}
#pagefooterbox  img.floatright {
	margin-left: 10px;
	margin-bottom: 10px;
	float: right;
}

p#footerboxbottom {
	background-image: url(content_footer__rounded_corners_bottom_34.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 6px;
	width: 930px;
	}
object.videobox {
	margin-right: 5px;
	margin-left: 5px;
	float: left;
}
#videobox {
	width: 612px;
	height: 261px;
	position: relative;
	left: 150px;
}
.footcontentdividertop {
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.footcontentdividerbottom {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
	margin: 0px;
	padding: 0px;
	clear: both;
}
/*-------- content footer styling end ---------*/
.pound {
	background-image: url(icons/pound.png);
	background-repeat: no-repeat;
	display: block;
	text-indent: 30px;
	line-height: 28px;
	padding-top: 3px;
	background-position: 0px 3px;
	font-weight: bold;
}
.infopack .centreit a {
	font-size: 18px;
	background-image: url(icons/download-server-icon48.png);
	background-repeat: no-repeat;
	width: 400px;
	height: 48px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	line-height: 42px;
	margin-bottom: 2px;
}
.contactpageNumber {
	margin-bottom: 15px;
}

/*------scroller styling-------*/
#Scroller-1 {
	position: relative;
	width: 750px;
	height: 343px;
	overflow: hidden;
}
.Scroller-Container {
  position: absolute;
}
#Scrollbar-Container {
	position: absolute;
	top: 170px;
	left: 860px;
	z-index:0;
}
.Scrollbar-Up {
	width: 29px;
	height: 25px;
	margin-left:20px;
	cursor: pointer;
	position: absolute;
	background: transparent url(up_scroll_68.png);
}
.Scrollbar-Track {
	width: 3px;
	height: 297px;
	position: absolute;
	left: 33px;
	background-color: transparent;
	background-image: url(scroll_bar_81.gif);
	background-repeat: no-repeat;
	background-position: center center;
	top: 25px;
}
.Scrollbar-Handle {
	position: absolute;
	width: 44px;
	height: 41px;
	background-color: transparent;
	background-image: url(scroller_85.png);
	background-repeat: no-repeat;
	left: -13px;
}
.Scrollbar-Down {
	width: 29px;
	height: 25px;
	margin-left:20px;
	cursor: pointer;
	position: absolute;
	top: 323px;
	background: transparent url(down_scroll_105.png);
}
/*------scroller styling-------*/

