
	/* Quick method for clearing floats */
	.clearfix:before,
	.clearfix:after 																	{
																					      content: " "; /* 1 */
																					      display: table; /* 2 */
																						}

	.clearfix:after 																	{ clear: both; }
	/* For IE 6/7 only: Include this rule to trigger hasLayout and contain floats */
	.clearfix 																			{ *zoom: 1; }	


	/* Layout section: debug */
	pre { font: 12px Edlo; color: #fff; margin: 0px 0px 5px 0px; padding: 10px; background: purple; border-radius: 4px; }
	pre.debug																			{ font: 10px Consolas; color: #009FDA; padding: 10px; border: 1px dotted #009FDA; margin-left: 10%; width: 80%; overflow: auto; }
	a.dead-link																			{ color: red !important; font-style: italic; }
	div#container-wrapper {background: #fff;}
	/* Layout section: Algemeen */
	body 																				{ background: url('http://www.triplep-steppingstones.net/themes/steppingstones/images/sstp-wallpaper-eng.gif') left top; }
	#crawler-urls																		{ display: none; }
	div#container-wrapper																{ margin: 0px auto 30px auto; width: 1008px; position: relative; }
	div#container																		{ margin: 0px 22px 0px 22px; zoom: 1; }
	div.clearer																			{ clear: both; }
	
	div.col-1																			{ float: left; width: 215px; padding: 0px 15px 0px 0px; }
	div.col-1.min-height																{ min-height: 510px; }
	div.col-2																			{ float: left; width: 215px; padding: 0px 15px 0px 15px; }
	div.col-3																			{ float: left; width: 215px; padding: 0px 15px 0px 15px; }
	div.col-4																			{ float: right; width: 215px; padding: 0px 15px 0px 0px; }
	
	div.col-123																			{ float: left; width: 600px; }
	div#blanco-home.col-123																{ width: 720px; }
	div.col-23																			{ float: left; width: 460px; padding: 0px 15px 0px 15px; }
	div.col-23 div.col-2																{ width: 215px; padding: 0px 15px 0px 0px; }
	div.col-23 div.col-3																{ width: 215px; padding: 0px 0px 0px 15px; }
	
	div.block.img-right p																{ width: 100%; overflow: hidden; }
	div.block.img-right img																{ float: right; padding: 0px 0px 0px 10px; }
	div.block.img-normal img															{ /*margin-top: 10px;*/ }
	div.block.video-carousel,
	div.block.light-blue																{ background: #E0F2FB; }
	div.block.dark-blue																	{ background: #5EC7ED; }
	div.block.placeholder																{ background: #E7E7E7; height: 200px; }
	div.block																			{ margin-bottom: 15px; padding: 15px; background: #fff; }
	div.block.last																		{ margin-bottom: 2px; }
	div.block.parenting-help 															{ margin-top:15px; margin-left: 180px; padding:0px;}
	
	
	div#content	div.block.light-blue.title-small h2,
	div#content	div.block h2															{ font: bold 15px/18px Arial, Helvetica, sans-serif; border-bottom: 4px solid #009FDA; margin: 0px 0px 10px 0px; padding: 0px 0px 5px 0px; }
	div#content	div.block.light-blue h2													{ font: bold 21px/18px Arial, Helvetica, sans-serif; border-bottom: 4px solid #009FDA; margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; }
	div#content	div.block.dark-blue h2													{ font: bold 15px/18px Arial, Helvetica, sans-serif; color: #fff; border-bottom: 4px solid #009FDA; margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; }
	div#content	div.block.parenting-help h2												{
																						  background: url('http://www.triplep-steppingstones.net/themes/steppingstones/images/img-sstp-nav-potlood-167x10.png') right bottom no-repeat;
																						}
	div#content	div.block.parenting-help ul												{ border-top: none; margin-top:0px; margin-bottom:0px; padding:15px 0px 15px 20px; }
	div#content	div.block.parenting-help li												{ padding: 0px;}
	div#content div.block p																{ font: bold 13px/19px Arial, Helvetica, sans-serif; color: #009FDA; font-weight: bold; }
	
	div.block.light-blue.title-small ul,
	div.block ul																		{ border-top: 4px solid #009FDA; margin: 10px 0px 0px 0px; padding: 10px 0px 0px 0px; }
	div.block.img-normal ul																{ margin-top: 0px; }
	div.block.img-right ul,
	div.block.light-blue ul																{ border-top: 4px solid #009FDA; margin: 0px 0px 0px 0px; padding: 10px 0px 0px 0px; }
	div#content div.block ul li															{ line-height: 18px; }
	div#content div.block ul li a														{
																						  background: url(http://www.triplep-steppingstones.net/themes/steppingstones/images/icon-arrow-right-end.gif) right bottom no-repeat;
																						  padding: 0px 11px 0px 0px;
																						  font: 13px/17px Arial, Helvetica, sans-serif; color: #000;
																						}
	div#content div.block.parenting-help ul li a 										{ padding:0px; font: bold 20px/24px Arial, Helvetica, sans-serif; background-image: none;  }																						
	div#content div.block.parenting-help ul li span									    { margin:0px 0px 15px 5px; padding:5px 10px 0px 0px; background-image: url('http://www.triplep-steppingstones.net/themes/steppingstones/images/icon-arrow-right-end-14x17.png'); background-repeat:no-repeat;  }																						
	div#content div.block.parenting-help ul li a:hover 									{ color: #fff; }																						
																						 
	div#content div.block ul li a:hover													{ color: #A4A4A4;}
	/* JH: this style is only used for IE7 */
	div#content div.block ul li span.arrow-right										{
																						  padding: 0px 5px;
																						  background: url(http://www.triplep-steppingstones.net/themes/steppingstones/images/icon-arrow-right-end.gif) 3px 5px no-repeat;
																						}
	
	div#blanco-home div#introduction div.col-23 h1,
	div#blanco-home div#introduction div.col-23 p										{ margin-left: 15px;  }
	
	div#content
	div.image-tool																		{
/*																						  background: url(http://www.triplep-steppingstones.net/themes/steppingstones/images/bg-line-hor-dotted.gif) right bottom no-repeat;*/
																						  margin: 0px 0px 0px 0px;
																						  padding: 0px 0px 3px 0px;
																						}
	div.image-tool img																	{ display: block; }
	div.block.talk-about p																{ color: #009FDA; }

	/* Layout section: Header */
	div#header																			{ height: 110px; }
	div#pay-off																			{ float: left; }
	div#top-bar-wrapper																	{ float: right; max-width: 460px; }
	div#top-bar																			{ float: left; background: #E0F2FB; padding: 7px 15px 5px 10px; }
	img#icon-login																		{ padding: 0px 2px 0px 0px; }
	img#icon-search																		{ padding: 0px 1px 0px 2px; }
	div#logo																			{ float: left; }

	/* Layout section: Nav Main */
	div#nav-main																		{
																						  background: url(http://www.triplep-steppingstones.net/themes/steppingstones/images/bg-header-double-dotted.gif) center top no-repeat;
																						  padding: 10px 0px 0px 0px;
																						  font: bold 12px/18px Arial, Helvetica, sans-serif;
																						  position: relative;
																						  height: 25px;
																						  height: 30px;
																						}
	/* Level 1 */
	div#nav-main ul																		{ list-style-type: none; margin: 0px; padding: 0px 15px 0px 0px; float: right; }
	div#nav-main ul li																	{ float: left; display: inline; position: relative; z-index: 10; }
	div#nav-main ul li a																{ float: left; display: block; margin-left: 5px; padding: 2px 10px 1px 10px; color: #fff; background: #009FDA; }
	div#nav-main ul li a.nav-selected,
	div#nav-main ul li a.nav-path-selected,
	div#nav-main ul li a.level-1:hover													{ color: #000; }
	div#nav-main ul li.submenu:hover a.level-1,
	div#nav-main ul li.submenu a.level-1:hover											{ /*height: 22px;*/ height: 27px; }
	
	/* Home is a special case; it gets an icon. Check megamenu.js for the jQuery code. We use a sprite here to prevent preloading. */
	#nav-main ul li a.nav-home:link,
	#nav-main ul li a.nav-home:visited													{
																						  background: #009FDA url(http://www.triplep-steppingstones.net/themes/steppingstones/images/sprite-home.gif) 4px 2px no-repeat;
																						  padding-left: 0;
																						  padding-right: 0;
																						  text-indent: -20000px;
																						  width: 23px;
																						}
	div#nav-main ul li a.nav-home:hover,
	div#nav-main ul li a.nav-home:active												{
																						  background: #009FDA url(http://www.triplep-steppingstones.net/themes/steppingstones/images/sprite-home.gif) 4px -31px no-repeat;
																						  height: auto;
																						}

	/* Level 2 */
	div#nav-main ul li ul																{ display: none; }
	/* Level 3 */
	div#nav-main ul li ul li ul															{ }
	
	/* Megamenu */
	div#nav-main ul li div.megamenu-wrapper												{ visibility: hidden; position: absolute; z-index: 20; right: 0px; top: 24px; }
	div#nav-main ul li:hover div.megamenu-wrapper										{ visibility: visible; }
	div.megamenu																		{ border: 4px solid #009FDA; background: #fff; overflow: hidden; width: 200px; padding: 0px 15px 0px 0px; }
	div.megamenu div.col																{ float: left; width: 200px; margin: 20px 0px 20px 0px; padding: 0px; }
	div#nav-main ul li div.megamenu a													{ display: block; float: none; background: #fff; margin: 0px; padding: 0px 0px 0px 15px; }
	
	div#nav-main ul li div.megamenu a.level-2											{ font: bold 14px/20px Arial, Helvetica, sans-serif; color: #000; }
	div#nav-main ul li div.megamenu a.level-3											{ font: bold 12px/20px Arial, Helvetica, sans-serif; color: #009FDA; background: #fff url(http://www.triplep-steppingstones.net/themes/steppingstones/images/icon-arrow-megamenu.gif) 5px 5px no-repeat; }
	div#nav-main ul li div.megamenu a.level-2.nav-selected,
	div#nav-main ul li div.megamenu a.level-2:hover 									{ color: #A4A4A4; }
	div#nav-main ul li div.megamenu a.level-3.nav-selected,
	div#nav-main ul li div.megamenu a.level-3:hover										{ color: #A4A4A4; background: #fff url(http://www.triplep-steppingstones.net/themes/steppingstones/images/icon-arrow-megamenu-hover.gif) 5px 5px no-repeat; }
	div#nav-main ul li div.megamenu a span												{ display: block; background: url(http://www.triplep-steppingstones.net/themes/steppingstones/images/bg-megamenu-item-line.gif) right bottom no-repeat; margin-bottom: 8px; padding-bottom: 8px; }

	/* Layout section: Breadcrumbs */
	div#breadcrumbs																		{ font: 11px/20px Arial, Helvetica, sans-serif; color: #A4A4A4; padding: 0px 0px 0px 15px; }
	div#container div#breadcrumbs a,
	div#breadcrumbs span																{ color: #5EC5ED; }
	
	/* Layout section: Content */
	div#content-wrapper																	{  }
	div#content																			{
																						  background: url(http://www.triplep-steppingstones.net/themes/steppingstones/images/bg-line-ver-dotted.gif) 719px top repeat-y;
																						  border-top: 20px solid #fff;
																						}
	div#blanco-text																		{ padding: 0px 0px 0px 15px; }

	/* Layout section: More Info Navigation */
	div#blanco-text div.more-info-navigation											{ margin: 8px 0 20px; width: 675px; }
	div#blanco-text div.more-info-navigation div.heading-more-info-navigation			{
																						  background: url(http://www.triplep-steppingstones.net/themes/steppingstones/images/sstp-bg-h2-more-info-navigation.jpg) 0 0 no-repeat;
																						  height: 65px;
																						  border-bottom: 4px solid #009FDA;
																						  margin: 0px 0px 18px;
																						  padding: 0px;
																						}
	body.son-es div#blanco-text div.more-info-navigation div.heading-more-info-navigation {
																						  background-image: url(http://www.triplep-steppingstones.net/themes/steppingstones/images/son-es/bg-heading-more-info-navigation.jpg);
																						}

	div#blanco-text div.more-info-navigation div 										{ padding: 0 36px 16px 0; }
	div#blanco-text div.more-info-navigation div h2 									{ font: bold 12px/16px Arial,Helvetica,sans-serif; color: #009FDA; margin: 0; padding: 0 0 0 13px; }
	div#blanco-text div.more-info-navigation div p										{
																						  background: url("http://www.triplep-steppingstones.net/themes/steppingstones/images/icon-arrow-right.gif") 0px 3px no-repeat;
																						  font: 12px/16px Arial,Helvetica,sans-serif; padding: 0 0 0 13px;
																						}
	div#blanco-text div.more-info-navigation div p a									{ color: #000; font-weight: normal; }
	div#blanco-text div.more-info-navigation div p a:link,
	div#blanco-text div.more-info-navigation div p a:visited							{  }
	div#blanco-text div.more-info-navigation div p a:hover,
	div#blanco-text div.more-info-navigation div p a:active								{ color: #A4A4A4; }
	
	/* Layout section: Kids */
	div#kids																			{ margin: 55px 0px 0px 0px; }
	div#kids img																		{ display: block; padding: 0px 0px 3px 0px; }
	
	/* Layou section: Footer */
	div#footer																			{
																						  background: url(http://www.triplep-steppingstones.net/themes/steppingstones/images/bg-line-hor-dotted.gif) center top no-repeat;
																						  width: 100%; overflow: hidden; padding: 21px 0px;
																						}
	div#footer div.col-1 div															{ padding: 0px 0px 0px 0px; }
	div#footer div.col-2 div															{ padding: 0px 0px 0px 0px; }
	div#footer div.col-3 div															{ padding: 0px 0px 0px 0px; }
	div#footer div.col-4 div															{ padding: 0px 0px 0px 0px; }
	div#footer h2																		{ font: bold 16px/19px Arial, Helvetica, sans-serif; color: #009FDA; padding: 0px 0px 2px 15px; }
	div#container div#footer a															{ font: 12px/20px Arial, Helvetica, sans-serif; color: #009FDA; display: block; }
	div#container div#footer a															{ padding: 0px 0px 0px 15px; }
	div#container div#footer a:hover													{
																						  background: url("http://www.triplep-steppingstones.net/themes/steppingstones/images/icon-arrow-right.gif") 3px 5px no-repeat;
																						  color: #000;
																						}
	

	/* Layout section: Footer Sub */
	div#footer-sub																		{
																						  background: url(http://www.triplep-steppingstones.net/themes/steppingstones/images/bg-line-hor-dotted.gif) center top no-repeat;
																						  width: 100%; overflow: hidden;
																						  padding: 21px 0px 40px 0px;
																						}
	div#footer-sub a																	{ display: block; }
	ul#footer-sub-left																	{ float: left; padding: 0px 0px 0px 15px; }
	ul#footer-sub-right																	{ float: right; padding: 0px 15px 0px 0px; }
	ul#footer-sub-left li,
	ul#footer-sub-right li																{ float: left; }
	ul#footer-sub-left a																{ padding: 0px 5px 0px 0px; }
	div#footer-sub ul#footer-sub-left a													{ color: #009FDA; padding: 0px 5px; }
	div#footer-sub ul#footer-sub-left a:hover											{ color: #5EC5ED; }
	div#footer-sub ul#footer-sub-right a												{ color: #A4A4A4; padding: 0px 5px; }
	div#footer-sub ul#footer-sub-right a:hover											{ color: #000; }
	ul#footer-sub-left a.border-left													{ border-left: 1px solid #009FDA; padding: 0px 5px; }
	ul#footer-sub-right a.border-right													{ border-left: 1px solid #A4A4A4; }
	div#footer-sub ul#footer-sub-right a.no-hover:hover									{ color: #A4A4A4; cursor: auto; }

	/* Typography */
	div#container																		{ font: 12px/1.5 Arial, Helvetica, sans-serif; }
	div#container strong																{ font-weight: bold; }
	div#container a																		{ text-decoration: none; color: #009FDA; }
	
	div#content h1																		{
																						  font: bold 19px/24px Arial, Helvetica, sans-serif; color: #000;
																						  background: url(http://www.triplep-steppingstones.net/themes/steppingstones/images/bg-h1-dobby.gif) 0 0 no-repeat;
																						  height: 65px;
																						  position: relative;
																						}
	div#content h1 span																	{ position: absolute; bottom: 0px; left: 72px; width: 385px; }
	div#content div#introduction h1 span												{ width: auto; }
	div#content h2																		{ font: bold 13px/21px Arial, Helvetica, sans-serif; color: #000; margin-top: 21px; }
	div#content h3																		{ font: italic bold 12px/21px Arial, Helvetica, sans-serif; color: #5EC5ED; margin-top: 21px; }
	div#content h2 + h3																	{ margin-top: 0px; }
	div#content																			{ font: 12px/21px Arial, Helvetica, sans-serif; color: #000; }
	div#content p.intro																	{ line-height: 19px; font-weight: bold; color: #009FDA; margin-top: 19px; }
	div#content p.intro a																{ color: #000; }
	div#content p.intro a:hover															{ color: #A4A4A4; }
	div#content a																		{ font-weight: bold; }
	div#content a:hover																	{ color: #5EC5ED; }
	div#blanco-text ul li																{
																						  background: url(http://www.triplep-steppingstones.net/themes/steppingstones/images/icon-bullet-ul.gif)  0 9px no-repeat;
																						  padding: 0 0 0 10px;
																						}
	div#blanco-text ol																	{ list-style: none inside none; margin: 0 0 0 21px; padding: 0px; }
	html.ie7 div#blanco-text ol															{ margin-left: 5px; }
	
	div#blanco-text ol li																{ text-indent: -21px; }
	div#blanco-text ol li strong														{ color: #009FDA; font-weight: bold; }
	
	div#blanco-text h2,
	div#blanco-text h3																	{ clear: both; }

	/* Section: AAA */
	img#aaa-small,
	img#aaa-medium,
	img#aaa-large																		{ cursor: pointer; }
	
	/* Section: AAA medium */
	div#blanco-text.medium																{ font-size: 14px; }
	div#blanco-text.medium input.ccm-search-block-text									{ font-size: 14px; }
	div#blanco-text.medium input.ccm-search-block-submit								{ font-size: 14px; }
	div#blanco-text.medium div#bb-form-contact label									{ font-size: 15px; }
	div#blanco-text.medium div#bb-form-contact p#required-field							{ font-size: 13px; }
	div#blanco-text.medium div#bb-form-contact p#privacy								{ font-size: 13px; left: 414px; }
	div#blanco-text.medium h2															{ font-size: 15px; }
	div#blanco-text.medium h3															{ font-size: 14px; }
	div#blanco-text.medium div#video-detail-title a.one-level-up,
	div#blanco-text.medium div#news-overview-title a.one-level-up						{ font-size: 15px; }
	div#blanco-text.medium div.newslist-item p											{ font-size: 16px; }
	div#blanco-text.medium div.newslist-item h2											{ font-size: 20px; }
	div#blanco-text.medium div#news-detail-title a.one-level-up							{ font-size: 15px; }
	div#blanco-text.medium div#news-detail-content p									{ font-size: 16px; }
	div#blanco-text.medium div#news-detail-content h2									{ font-size: 20px; }
	div#content.video-overview div#blanco-text.medium div.video-category h2				{ font-size: 16px; }
	div#content.video-overview div#blanco-text.medium div.video-category p				{ font-size: 14px; }
	div#content.video-detail div#blanco-text.medium p.intro								{ font-size: 14px; }
	div#content.video-detail div#blanco-text.medium div#video-player p					{ font-size: 14px; }
	div#content.video-detail div#blanco-text.medium div.video-item h2					{ font-size: 16px; }
	div#content.video-detail div#blanco-text.medium div.video-item p					{ font-size: 14px; }
	div#breadcrumbs.medium																{ font-size: 13px; }
	div#nav-main.medium																	{ font-size: 14px; }

	div#nav-main.medium ul li div.megamenu a.level-2									{ font-size: 16px; }
	div#nav-main.medium ul li div.megamenu a.level-3									{ font-size: 14px; }

	div#footer.medium h2																{ font-size: 18px; }
	div#container div#footer.medium a,
	div#container div#footer-sub.medium a												{ font-size: 14px; }
	div#blanco-text.medium
	div.more-info-navigation h2															{ font-size: 14px; }
	div#blanco-text.medium
	div.more-info-navigation p															{ font-size: 14px; }
	div#sidebar.medium div.block h2														{ font-size: 17px; }
	div#sidebar.medium div.block p,
	div#sidebar.medium div.block a,
	div#sidebar.medium div.block a.video-link											{ font-size: 14px; }
	div#blanco-home.medium div.block.light-blue p,
	div#blanco-home.medium div.block.light-blue a										{ font-size: 15px; }
	div#introduction.medium p,
	div#introduction.medium a.video-link												{ font-size: 15px; }
	div#container div#news-navigation-slider.medium h2									{ font-size: 16px; }
	div#container div#news-navigation-slider.medium p									{ font-size: 16px; }
	div#blanco-home.medium  div.video-carousel h2										{ font-size: 17px; }
	div#blanco-home.medium  div.video-carousel a.video-link								{ font-size: 15px; }
	div#blanco-text.medium div#booking-category-wrapper h2								{ font-size: 14px; }
	div#blanco-text.medium table th														{ font-size: 14px; }
	div#blanco-text.medium table td														{ font-size: 14px; }
	div#blanco-text.medium table td.col-1												{ font-size: 16px; }
	div#blanco-text.medium div#sessions_wrapper label									{ font-size: 14px; }

	/* Section: AAA large */
	div#blanco-text.large																{ font-size: 16px; }
	div#blanco-text.large input.ccm-search-block-text									{ font-size: 16px; }
	div#blanco-text.large input.ccm-search-block-submit									{ font-size: 16px; }
	div#blanco-text.large div#bb-form-contact label										{ font-size: 17px; }
	div#blanco-text.large div#bb-form-contact p#required-field							{ font-size: 15px; }
	div#blanco-text.large div#bb-form-contact p#privacy									{ font-size: 15px; left: 374px; }
	div#blanco-text.large h2															{ font-size: 17px; }
	div#blanco-text.large h3															{ font-size: 16px; }
	div#blanco-text.large div#video-detail-title a.one-level-up,
	div#blanco-text.large div#news-overview-title a.one-level-up						{ font-size: 17px; }
	div#blanco-text.large div.newslist-item p											{ font-size: 18px; }
	div#blanco-text.large div.newslist-item h2											{ font-size: 22px; }
	div#blanco-text.large div#news-detail-title a.one-level-up							{ font-size: 17px; }
	div#blanco-text.large div#news-detail-content p										{ font-size: 18px; }
	div#blanco-text.large div#news-detail-content h2									{ font-size: 22px; }
	div#content.video-overview div#blanco-text.large div.video-category h2				{ font-size: 18px; }
	div#content.video-overview div#blanco-text.large div.video-category p				{ font-size: 16px; }
	div#content.video-detail div#blanco-text.large p.intro								{ font-size: 16px; }
	div#content.video-detail div#blanco-text.large div#video-player p					{ font-size: 16px; }
	div#content.video-detail div#blanco-text.large div.video-item h2					{ font-size: 18px; }
	div#content.video-detail div#blanco-text.large div.video-item p						{ font-size: 16px; }
	div#breadcrumbs.large																{ font-size: 15px; }
	div#nav-main.large																	{ font-size: 16px; }

	div#nav-main.large ul li div.megamenu a.level-2										{ font-size: 16px; }
	div#nav-main.large ul li div.megamenu a.level-3										{ font-size: 14px; }

	div#footer.large h2																	{ font-size: 20px; }
	div#container div#footer.large a,
	div#container div#footer-sub.large a												{ font-size: 16px; }
	div#blanco-text.large
	div.more-info-navigation h2															{ font-size: 16px; }
	div#blanco-text.large
	div.more-info-navigation p															{ font-size: 16px; }
	div#sidebar.large div.block h2														{ font-size: 19px; }
	div#sidebar.large div.block p,
	div#sidebar.large div.block a,
	div#sidebar.large div.block a.video-link											{ font-size: 16px; }
	div#blanco-home.large div.block.light-blue p,
	div#blanco-home.large div.block.light-blue a										{ font-size: 17px; }
	div#introduction.large p,
	div#introduction.large a.video-link													{ font-size: 17px; }
	div#container div#news-navigation-slider.large h2									{ font-size: 18px; }
	div#container div#news-navigation-slider.large p									{ font-size: 18px; }
	div#blanco-home.large  div.video-carousel h2										{ font-size: 19px; }
	div#blanco-home.large  div.video-carousel a.video-link								{ font-size: 17px; }
	div#blanco-text.large div#booking-category-wrapper h2								{ font-size: 16px; }
	div#blanco-text.large table th														{ font-size: 16px; }
	div#blanco-text.large table td														{ font-size: 16px; }
	div#blanco-text.large table td.col-1												{ font-size: 18px; }
	div#blanco-text.large div#sessions_wrapper label									{ font-size: 16px; }




	
	/* Section: Home */
	div#content.home																	{
																						  background: url(http://www.triplep-steppingstones.net/themes/steppingstones/images/bg-line-ver-dotted-home.gif) 229px top repeat-y;
																						}
	div#introduction																	{
																						  background: #fff url(http://www.triplep-steppingstones.net/themes/steppingstones/images/bg-line-hor-dotted.gif) right bottom no-repeat;
																						  margin: 0px 15px 0px 0px;
																						  padding: 0px 0px 0px 0px;
																						  position: relative;
																						  /* This div gets a border bottom so the left vertical dotted line begins at the right y position */
																						  border-bottom: 15px solid #fff;
																						}
	div#introduction p																	{ font: bold 13px/19px Arial, Helvetica, sans-serif; color: #009FDA; padding: 9px 0px; }

	div#content div.video-carousel a.video-link,
	div#video-carousel-1 a.video-link,
	div#video-carousel-2 a.video-link													{
																						  background: url(http://www.triplep-steppingstones.net/themes/steppingstones/images/icon-video-30x30.gif) 0 0 no-repeat;
																						  font: 13px/17px Arial, Helvetica, sans-serif; color: #000;
																						  margin-top: 8px;
																						  padding: 0px 0px 0px 40px;
																						  min-height: 30px;
																						  display: block;
																						}
	div#introduction a.video-link,
	div#content div.block ul li a.video-link											{
																						  background: url(http://www.triplep-steppingstones.net/themes/steppingstones/images/icon-video-30x30.gif) 0 0 no-repeat;
																						  font: 13px/17px Arial, Helvetica, sans-serif; color: #000;
																						  padding: 0px 0px 0px 40px;
																						  min-height: 30px;
																						  display: block;
																						}
	div#introduction a.video-link:hover,
	div#content div.block ul li a.video-link:hover										{ color: #A4A4A4; }
		
	div#introduction div.col-1 img														{ position: absolute; left: 5px; bottom: 5px; }
	div#introduction div.col-23															{ float: right; width: 445px; padding:0 0 15px;}





	/* Section: News Navigation Slider */
	div#news-navigation-slider-wrapper													{
																						  background: url(http://www.triplep-steppingstones.net/themes/steppingstones/images/bg-line-hor-dotted.gif) left bottom no-repeat;
																						  margin-bottom: 20px;
																						  padding-bottom: 20px;
																						}
	div#news-navigation-slider															{ padding: 0px 15px 0px 0px; background: #fff; }
	div#news-navigation-slider-container												{ position: relative; width: 460px; height: 280px; }
	div#news-navigation-slider-container div.up											{ position: absolute; right: 2px; top: 15px; }
	div#news-navigation-slider-container div.down										{ position: absolute; right: 2px; bottom: 0px; }
	div#news-navigation-slider-container div.pause										{ position: absolute; left: 76px; bottom: 10px; width: 23px; height: 23px; cursor: pointer; }
	div#news-navigation-slider-container div.up a										{ display: block; width: 15px; height: 132px; background: url(http://www.triplep-steppingstones.net/themes/steppingstones/images/icon-arrow-up.gif) center bottom no-repeat; }
	div#news-navigation-slider-container div.down a										{ display: block; width: 15px; height: 132px; background: url(http://www.triplep-steppingstones.net/themes/steppingstones/images/icon-arrow-down.gif) center top no-repeat; }
	div#news-navigation-slider-container div.slider										{
																							background: url(http://www.triplep-steppingstones.net/themes/steppingstones/images/bg-news-navigation-slider-items.gif) 0 0 no-repeat;
																							position: absolute; left: 110px; top: 15px; width: 334px; height: 265px; overflow: hidden;
																						}
	div#news-navigation-slider-container div.slider ul									{ position: absolute; left: 0px; top: 0px; width: 334px; }
	div#news-navigation-slider-container div.slider ul li a								{
																						  display				: 		block;
																						  font 				: 		10px/16px Verdana, Arial, Helvetica, sans-serif;
																						  text-decoration 	:		none;
																						  color 				:		#000;
																						  border-bottom 		: 		1px solid #009FDA;
																						  margin 				:		0px 15px 0px 15px;
																						  padding 			:		10px 4px 10px 0px;
																						  width				:		315px;
																						  overflow			:		hidden;
																						}
	div#news-navigation-slider-container div.slider ul li a div.col-left				{
																						  float: left;
																						  width: 195px;
																						}																						
	div#news-navigation-slider-container div.slider ul li a h2							{
																						  margin: 0;
																						  padding: 0;
																						  font: 14px/17px Arial, Helvetica, sans-serif;
																						  color: #009FDA;
																						}
	div#news-navigation-slider-container div.slider ul li a p							{
																						  font: 14px/17px Arial, Helvetica, sans-serif;
																						  color: #5EC5ED;
																						}
	div#news-navigation-slider-container div.slider ul li a p.date						{
																						  font: 14px/17px Arial, Helvetica, sans-serif;
																						  color: #000;
																						  text-transform: uppercase;

																						}
	div#news-navigation-slider-container div.slider ul li a:hover p						{ color: #000; }
	div#news-navigation-slider-container div.slider ul li a:hover p.date				{ color: inherit; }
	div#news-navigation-slider-container div.slider ul li a img							{
																						  float: right;
																						  padding: 0px 0px 0px 10px;
																						}





	/* Section: News Overview */
	div#content.news-overview div.col-123												{ width: 675px; }
	div#content.news-overview h1														{
																						  background: url(http://www.triplep-steppingstones.net/themes/steppingstones/images/sstp-bg-h1-news.jpg) 0 0 no-repeat;
																						  height: 130px;
																						  text-indent: -20000px;
																						  border-bottom: 4px solid #009FDA;
																						}
	
	div#news-overview-title																{ position: relative; }
	div#content.news-overview a.one-level-up											{
																						  background: url(http://www.triplep-steppingstones.net/themes/steppingstones/images/icon-arrow-left.gif) 0px 4px no-repeat;
																						  padding: 0px 0px 0px 10px;
																						  position: absolute;
																						  right: 0px;
																						  bottom: 8px;
																						  font: 13px/17px Arial, Helvetica, sans-serif;
																						  color: #000;
																						  float: right; }
	div#content.news-overview a.one-level-up:hover										{ color: #A4A4A4; }
	div#news-categories																	{ height: 34px; }
	
	div#content.news-overview div.newslist-item											{
																						  background: url(http://www.triplep-steppingstones.net/themes/steppingstones/images/bg-line-hor-dotted.gif) left bottom no-repeat;
																						  width: 100%;
																						  overflow: hidden;
																						  padding: 17px 0px;
																						}
	div#content.news-overview div.newslist-item:last-child,
	div#content.news-overview div.newslist-item.last									{ background-image: none; }
	div#content.news-overview div.newslist-item div.col-left							{ float: left; width: 490px; padding: 0px 5px 0px 0px; }
	div#content.news-overview div.newslist-item div.col-right							{ float: right; }
	div#content.news-overview div.newslist-item div.col-right img						{ padding: 0px 0px 0px 5px; }
	div#content.news-overview div.newslist-item h2										{ clear: none; font: bold 17px/20px Arial, Helvetica, sans-serif; color: #009FDA; margin: 0px 0px 5px 0px; }
	div#content.news-overview p.date													{ font: 14px/19px Arial, Helvetica, sans-serif; color: #000; text-transform: uppercase; }
	div#content.news-overview p															{ font: 14px/20px Arial, Helvetica, sans-serif; color: #5EC5ED; }
	div#content.news-overview div.newslist-item a:hover p								{ color: #000; }
	div#content.news-overview div.newslist-item a:hover p.date							{ color: #000; }
	div#content.news-overview div.newslist-item span.read-more							{
																						  background: url(http://www.triplep-steppingstones.net/themes/steppingstones/images/icon-arrow-right-end.gif) 5px 4px no-repeat;
																						  padding: 0 10px 0 10px;
																						  zoom: 1;
																						}





	/* Section: News Detail */
	div#content.news-detail div.col-123													{ width: 675px; }
	div#content.news-detail div#news-detail-title h1									{
																						  background: url(http://www.triplep-steppingstones.net/themes/steppingstones/images/sstp-bg-h1-news-detail.jpg) 0 -1px no-repeat;
																						  height: 50px;
																						  text-indent: -20000px;
																						  border-top: 4px solid #009FDA;
																						  border-bottom: 4px solid #009FDA;
																						}
	div#news-detail-title																{ position: relative; }
	div#content.news-detail a.one-level-up												{
																						  background: url(http://www.triplep-steppingstones.net/themes/steppingstones/images/icon-arrow-left.gif) 0px 4px no-repeat;
																						  padding: 0px 0px 0px 10px;
																						  position: absolute;
																						  right: 0px;
																						  bottom: 8px;
																						  font: 13px/17px Arial, Helvetica, sans-serif;
																						  color: #000;
																						  float: right; }
	div#content.news-detail a.one-level-up:hover										{ color: #A4A4A4; }
	div#news-detail-content																{ padding: 35px 0px 0px 0px; width: 100%; overflow: hidden; }
	div#content.news-detail div.col-left												{ float: left; width: 390px; padding: 0px 5px 0px 0px; }
	div#content.news-detail div.col-right												{ float: right; }
	div#content.news-detail div.col-right img											{ padding: 0px 0px 0px 0px; }
	div#content.news-detail h1															{ clear: none; font: bold 18px/20px Arial, Helvetica, sans-serif; color: #009FDA; margin: 0px 0px 5px 0px; background-image: none; height: auto; position: static; }
	div#content.news-detail p.date														{ font: 14px/19px Arial, Helvetica, sans-serif; color: #000; text-transform: uppercase; }
	div#content.news-detail p.intro														{ font: 14px/20px Arial, Helvetica, sans-serif; color: #5EC5ED; margin-top: 0px; padding-bottom: 20px; }





	/* Section: Video Overview */
	div#content.video-overview div.col-123												{ width: 675px; }
	div#content.video-overview h1														{
																						  background: url(http://www.triplep-steppingstones.net/themes/steppingstones/images/sstp-bg-h1-video.jpg) 0 0 no-repeat;
																						  height: 130px;
																						  text-indent: -20000px;
																						  border-bottom: 4px solid #009FDA;
																						}
	div#video-overview-introduction														{ border-bottom: 4px solid #009FDA; padding-bottom: 19px; }
	div#video-category-wrapper															{ margin: 15px 0px; }
	div#category-col-1																	{ width: 215px; float: left; padding-right: 15px; }
	div#category-col-2																	{ width: 215px; float: left; padding-right: 15px; }
	div#category-col-3																	{ width: 215px; float: left; }
	div.video-category																	{ border: 2px solid #5EC5ED; margin: 15px 0px; }
	div#video-category-wrapper a div.video-category										{ display: block; padding: 15px; min-height: 265px; }
	div#video-category-wrapper a:hover div.video-category								{ background: #5EC5ED; }
	div#content.video-overview div.video-category h2 									{ margin: 0px; font: bold 14px/18px Arial, Helvetica, sans-serif; color: #000; }
	div#content.video-overview a:hover div.video-category h2 span,
	div#content.video-overview a:hover div.video-category p								{ color: #fff; }
	div#content.video-overview div.video-category h2 span								{ color: #009FDA; }
	div#content.video-overview div.video-category p										{ font: 12px/18px Arial, Helvetica, sans-serif; color: #A4A4A4; }
	div#content.video-overview div.video-category img									{ border: 1px solid #5EC5ED; padding: 2px; background: #fff; }

	/* Section: Video Detail */
	div#content.video-detail div.col-123												{ width: 675px; }
	div#video-detail-title																{
																						  background: url(http://www.triplep-steppingstones.net/themes/steppingstones/images/sstp-bg-h1-video-detail.jpg) 0 -1px no-repeat;
																						  height: 50px;
																						  border-top: 4px solid #009FDA;
																						  border-bottom: 4px solid #009FDA;
																						  position: relative;
																						}
	div#content.video-detail div#video-detail-title h1									{
																						  background-image: none;
																						  position: relative;
																						  padding-left: 130px;
																						  padding-right: 100px;
																						  height: 50px;
																						  display: table-cell;
																						  vertical-align: middle;
																						}
	div#content.video-detail a.one-level-up												{
																						  background: url(http://www.triplep-steppingstones.net/themes/steppingstones/images/icon-arrow-left.gif) 0px 4px no-repeat;
																						  padding: 0px 0px 0px 10px;
																						  position: absolute;
																						  right: 0px;
																						  bottom: 4px;
																						  font: 13px/17px Arial, Helvetica, sans-serif;
																						  color: #000;
																						  float: right; }
	div#content.video-detail a.one-level-up:hover										{ color: #A4A4A4; }
	div#content.video-detail p.intro													{ font: 12px/18px Arial, Helvetica, sans-serif; color: #A4A4A4; border-bottom: 4px solid #009FDA; margin-bottom: 30px; padding-bottom: 18px; }
	div#video-player																	{ background: #E0F2FB; padding: 9px 11px; margin-bottom: 30px; }
	div#video-player-wrapper															{ border: 1px solid #009FDA; padding: 5px; background: #E0F2FB; }
	div#video-player iframe																{  }
	div#video-player h2																	{ font: bold 14px/17px Arial, Helvetica, sans-serif; color: #000; }
	div#video-player p																	{ font: 12px/17px Arial, Helvetica, sans-serif; color: #009FDA; margin-bottom: 17px; }
	
	
	div.video-item																		{ padding: 15px; margin: 2px 0px; }
	div.video-item.last																	{ }
	div.video-item div.col-left															{ float: left; width: 122px; }
	div.video-item div.col-right														{ float: right; width: 523px; }
	div#content a.video-item-wrapper													{ border-top: 1px solid #5EC5ED; display: block; }
	div#content a.video-item-wrapper.last												{ border-bottom: 1px solid #5EC5ED; }
	div.video-item img.still															{ border: 1px solid #5EC5ED; background: #fff; padding: 2px; float: left; }
	div#content.video-detail div.video-item h2											{ font: bold 14px/17px Arial, Helvetica, sans-serif; color: #000; margin-top: 0px; }
	div#content.video-detail div.video-item p											{ font: 12px/17px Arial, Helvetica, sans-serif; color: #009FDA; }
	
	div#content.video-detail a.active div.video-item,
	div#content.video-detail a:hover div.video-item										{ background: #5EC5ED; }
	div#content.video-detail a.active div.video-item p,
	div#content.video-detail a:hover div.video-item p									{ color: #fff; }
	
	/* Section: Video Navigation Carousel */
	div#video-carousel-1																{  }
	div#content div.block.video-carousel h2												{ margin-bottom: 0px; }
	div#content div.video-carousel p img,
	div#video-carousel-1 p img,
	div#video-carousel-2 p img															{ border: 1px solid #5EC5ED; padding: 2px; }
	
	a.bx-prev																			{ position: absolute; left: -10px; top: 82px; }
	a.bx-next																			{ position: absolute; right: -10px; top: 82px; }
	div.bx-pager																		{ text-align: right; }
	div.bx-pager a.pager-link															{
																						  background: transparent url(http://www.triplep-steppingstones.net/themes/steppingstones/images/icon-bullet-video.gif) 2px 2px no-repeat;
																						  padding: 1px 5px 1px 6px;
																						  text-decoration: none;
																						  cursor: auto;
																						}
	div.bx-pager a.pager-link.pager-active												{
																						  background-image: url(http://www.triplep-steppingstones.net/themes/steppingstones/images/icon-bullet-video-active.gif);
																						}
	
	/* Section: Front-Office Video Tool Dialog */
	div#video-tool div.video-item														{}
	div#video-tool div.video-item.selected												{ background: #009FDA; }
	div#video-tool div.video-item div.col-left											{ float: left; width: 122px; text-align: center; }
	div#video-tool div.video-item div.col-right											{ float: right; width: 323px; }
	div#video-tool div.video-item h2													{ font: bold 14px/17px Arial, Helvetica, sans-serif; color: #000; margin-top: 0px; }
	div#video-tool div.video-item p														{ font: 12px/17px Arial, Helvetica, sans-serif; color: #009FDA; }
	div#video-tool div.video-item.selected p											{ color: #fff; }

	/* Section: Front-End Video Tool */
	div.video-tool-header																{
																						  background: url(http://www.triplep-steppingstones.net/themes/steppingstones/images/sstp-bg-h2-video-tool.jpg) left top no-repeat;
																						  width: 675px;
																						  height: 65px;
																						  border-bottom: 4px solid #009FDA;
																						  margin: 30px 0px 0px 0px;
																						  text-indent: -20000px; 
																						}
	div.video-tool																		{ width: 653px; background: #E0F2FB; padding: 9px 11px; margin-top: 13px; }
	div.video-tool-wrapper																{ border: 1px solid #009FDA; padding: 5px; background: #E0F2FB; }
	div.video-tool iframe																{  }
	div#content div.video-tool h2														{ font: bold 14px/17px Arial, Helvetica, sans-serif; color: #000; }
	div#content div.video-tool p														{ font: 12px/17px Arial, Helvetica, sans-serif; color: #009FDA; margin-bottom: 17px; }

	/* Section: Booking Overview */
	div#content.booking-overview div.col-123											{ width: 675px; }
	div#content.booking-overview h1														{
																						  background: url(http://www.triplep-steppingstones.net/themes/steppingstones/images/sstp-bg-h1-booking.jpg) 0 0 no-repeat;
																						  height: 130px;
																						  text-indent: -20000px;
																						}
	div#content.booking-overview a:hover												{ color: #009FDA; }
	div#booking-category-wrapper														{ margin: 0px 0px 0px 0px; padding: 15px 0px 15px 0px; border-top: 4px solid #009FDA; border-bottom: 4px solid #009FDA; }
	div.booking-category																{ border: 1px solid #009FDA; margin: 5px 0px 5px 0px; }
	div#booking-category-wrapper a div.booking-category									{ display: block; padding: 4px 15px; min-height: 16px; background: #E0F2FB; }
	div#booking-category-wrapper a.active div.booking-category,
	div#booking-category-wrapper a:hover div.booking-category							{ background: #5EC5ED; }
	div#content.booking-overview div.booking-category h2 								{ margin: 0px; font: bold 12px/18px Arial, Helvetica, sans-serif; color: #000; }
	div#content.booking-overview div.booking-category h2 span.num-categories			{ color: #009FDA; }
	div#content.booking-overview div.booking-category p									{ font: 12px/18px Arial, Helvetica, sans-serif; color: #A4A4A4; }
	div#content.booking-overview a.active div.booking-category h2 span.filter-text,
	div#content.booking-overview a:hover div.booking-category h2 span.filter-text		{ color: #fff; }
	div#content.booking-overview a.active div.booking-category span,
	div#content.booking-overview a:hover div.booking-category span						{ color: #000; }
	div#content.booking-overview td.what												{ font-weight: bold; color: #009FDA; }
	div.dataTables_wrapper																{ position: relative; }
	div#sessions_wrapper																{ position: relative; }
	div#sessions_info																	{  }

	/* Section: Booking Detail */
	div#content.booking-detail div.col-123												{ width: 675px; }
	div#content.booking-detail div#booking-detail-title h1								{
																						  background: url(http://www.triplep-steppingstones.net/themes/steppingstones/images/sstp-bg-h1-booking-detail.jpg) 0 -1px no-repeat;
																						  height: 50px;
																						  text-indent: -20000px;
																						  border-top: 4px solid #009FDA;
																						  border-bottom: 4px solid #009FDA;
																						}
	div#booking-detail-title															{ position: relative; }
	div#content.booking-detail a.one-level-up											{
																						  background: url(http://www.triplep-steppingstones.net/themes/steppingstones/images/icon-arrow-left.gif) 0px 4px no-repeat;
																						  padding: 0px 0px 0px 10px;
																						  position: absolute;
																						  right: 0px;
																						  bottom: 8px;
																						  font: 13px/17px Arial, Helvetica, sans-serif;
																						  color: #000;
																						  float: right; }
	div#content.booking-detail a.one-level-up:hover										{ color: #A4A4A4; }

	table#booking-detail-table															{ width: 675px; margin-top: 15px; }
	table#booking-detail-table td														{ padding: 15px 0px; font: 12px/17px Arial, Helvetica, sans-serif; color: #000; border-bottom: 1px solid #009FDA; }
	table#booking-detail-table td.col-1													{ width: 130px; padding: 15px 20px 15px 0; font: bold 14px/17px Arial, Helvetica, sans-serif; color: #000; }
	table#booking-detail-table td.what													{ color: #009FDA; font: bold 12px/17px Arial, Helvetica, sans-serif; }
	table#booking-detail-table tr.row-1 td,
	table#booking-detail-table tr.row-1 td.col-1										{ padding-bottom: 5px; }
	
	/* Auto-generated classes by dataTables plugin */
	div.dataTables_length																{ float: left; width: 190px; border-right: 2px solid #009FDA; margin: 3px 0px; padding: 7px 5px 5px 15px; }
	div.dataTables_filter																{ float: right; width: 450px; text-align: right; padding: 10px 0 8px 0; }
	div.dataTables_length label,
	div.dataTables_filter label															{ color: #A4A4A4; font: 12px/16px Arial, Helvetica, sans-serif; }
	div.dataTables_info																	{ color: #A4A4A4; font: bold 10px/13px Arial, Helvetica, sans-serif; position: absolute; bottom: -20px; }

	table.booking-tool,
	table.booking																		{ font: 12px/16px Arial, Helvetica, sans-serif; border-collapse: collapse; clear: both; border-top: 4px solid #009FDA; border-bottom: 1px solid #009FDA; margin-top: 15px; }

	table.booking-tool tr,
	table.booking tr																	{  }
	table.booking-tool td,
	table.booking td																	{ margin: 5px 0px; }
	table.booking-tool tr.link-to-detail:hover td,
	table.booking tr.link-to-detail:hover td											{ background: #BDE4F7; cursor: pointer; }

	table.booking-tool th,
	table.booking-tool td,
	table.booking th,
	table.booking td																	{ text-align: left; vertical-align: top; padding: 3px 5px; }
	table.booking-tool td.what															{ font-weight: bold; color: #009FDA; }
	table.booking-tool th,
	table.booking th																	{ font: bold 14px/17px Arial, Helvetica, sans-serif; cursor: pointer; padding: 19px 5px 8px 15px; }
	table.booking-tool th.sorting_desc span,
	table.booking th.sorting_desc span													{
																						  padding-right: 15px;
																						  background: url(http://www.triplep-steppingstones.net/themes/steppingstones/images/icon-sort-desc.gif) right 5px no-repeat;
																						}
	table.booking-tool th.sorting_asc span,
	table.booking th.sorting_asc span													{
																						  padding-right: 15px;
																						  background: url(http://www.triplep-steppingstones.net/themes/steppingstones/images/icon-sort-asc.gif) right 5px no-repeat;
																						}
	table.booking-tool th.sorting_disabled,
	table.booking th.sorting_disabled													{ cursor: auto; }
	

	table.booking-tool td,
	table.booking td																	{ border-top: 1px solid #009FDA; }
	table.booking-tool td.what,
	table.booking-tool td.when,
	table.booking-tool td.where,
	table.booking td.what,
	table.booking td.when,
	table.booking td.where																{ padding: 8px 15px; }
	table.booking-tool td.what,
	table.booking td.what																{ }
	table.booking-tool td.when,
	table.booking td.when																{ /*white-space: nowrap;*/ }
	table.booking-tool td.where,
	table.booking td.where																{ }
	table.booking-tool td.register,
	table.booking td.register															{ text-align: right; padding-top: 8px; }
	p.fully-booked,
	table.booking-tool td.when p.fully-booked,
	table.booking td.when p.fully-booked												{ padding-top: 3px; }
	p.fully-booked span,
	table.booking-tool td.when p.fully-booked span,
	table.booking td.when p.fully-booked span											{ padding: 3px 5px; background: #BDE4F7; color: #009FDA; font: 10px/13px Arial, Helvetica, sans-serif; text-transform: uppercase; }
	
	tfoot																				{ display: none; }
	
	/* Section: Booking Tool */
	div.booking-tool																	{ width: 675px; }
	div#content div.booking-tool h2														{
																						  border-bottom: 4px solid #009FDA;
																						  background: url(http://www.triplep-steppingstones.net/themes/steppingstones/images/sstp-bg-h2-booking-tool.jpg) 0 0 no-repeat;
																						  height: 66px;
																						  text-indent: -20000px;
																						}
	div#content div.booking-tool h2														{ margin-top: 23px; }
	div#content div.booking-tool a:hover												{ color: #009FDA; }

	/* Section: Search */
	div.search div.col-123																{ width: 668px; }
	
	div#content.search h1																{
																						  background: url(http://www.triplep-steppingstones.net/themes/steppingstones/images/icon-search-42x42.jpg) left bottom no-repeat;
																						  height: 65px;
																						}
	div#content.search h1 span															{ left: 57px; width: auto; bottom: -4px; }
	div#content.search h2 a																{ color: #000; }
	div#content.search p.intro															{ margin-bottom: 15px; width: 475px; }
	div#content.search div.search-nothing-found-msg										{ margin-top: 50px; }
	div#content.search div.search-nothing-found-msg p									{ font: bold 18px/25px Arial, Helvetica, sans-serif; color: #9C9C9C; }
	
	form.ccm-search-block-form															{
																						  background: url(http://www.triplep-steppingstones.net/themes/steppingstones/images/bg-line-hor-dotted.gif) left bottom no-repeat;
																						  padding-bottom: 15px;
																						  position: relative;
																						}
	/* N.B. We use !important here, because we don't want the text wrapping JavaScript to overwrite the values for this particular image */
	form.ccm-search-block-form img														{ position: absolute; right: 0px; bottom: 5px; float: none !important; padding: 0 !important; }
	div#content.search a.page-link														{ display: block; }





	/* Section: pager */
	div.dataTables_paginate																{ text-align: center; background: #E0F2FB; margin: 3px 0px 31px 0px; padding: 3px 0px 4px 0px; }
	div#pager																			{ text-align: center; background: #E0F2FB; margin: 33px 0px 0px 0px; padding: 3px 0px 4px 0px; }
	div#pager div.first,
	div#pager div.prev,
	div#pager div.next,
	div#pager div.last,
	div#pager div.page-numbers															{ display: inline; }
	div#pager span																		{  }
	div#content div.dataTables_paginate a:hover											{ color: #009FDA; }
	div#content div.dataTables_paginate a.paginate_active,
	div#pager div.page-numbers span.currentPage											{ color: #fff; background: #009FDA; padding: 4px; }
	div.dataTables_paginate a.paginate_button,
	div#pager div.page-numbers a														{ color: #009FDA; padding: 4px; cursor: pointer; }
	div.dataTables_paginate a.paginate_button.first,
	div.dataTables_paginate a.paginate_button.previous,
	div.dataTables_paginate a.paginate_button.next,
	div.dataTables_paginate a.paginate_button.last,
	div#pager div.first a,
	div#pager div.last a,
	div#pager div.prev a,
	div#pager div.next a																{ background: #fff; margin: 0px 2px; padding: 4px; }
	div.dataTables_paginate a.paginate_button_disabled									{ display: none; }	
	
	div#content.video-overview div#pager												{ margin-top: 15px; }





	/* Section: Blanco Sitemap */
	div#content.sitemap h1																{
																						  background: url(http://www.triplep-steppingstones.net/themes/steppingstones/images/icon-sitemap-42x42.jpg) left bottom no-repeat;
																						  height: 65px;
																						}
	div#content.sitemap h1 span															{ left: 57px; width: auto; bottom: -4px; }

	div#content.sitemap ul.nav															{
																						  background: url(http://www.triplep-steppingstones.net/themes/steppingstones/images/bg-line-hor-dotted.gif) left top no-repeat;
																						  list-style-type: none;
																						  margin-top: 15px;
																						  padding-top: 15px;
																						}
	div#content.sitemap ul.nav > li														{ margin: 19px 0px 0px 0px; }
	div#content.sitemap div#blanco-text ul li											{ padding: 0px 0px 0px 0px; background-image: none; }
	div#content.sitemap div#blanco-text ul li a											{
																						  background: url(http://www.triplep-steppingstones.net/themes/steppingstones/images/icon-bullet-ul.gif) 3px 8px no-repeat;
																						  padding: 0px 0px 0px 10px;
																						  display: block;
																						}
	div#content.sitemap div#blanco-text ul li a:hover									{
																						  background: url(http://www.triplep-steppingstones.net/themes/steppingstones/images/icon-arrow-right.gif) 0px 6px no-repeat;
																						}
	div#content.sitemap a.level-1														{ color: #009FDA; margin-left: 0px; width: 585px; }
	div#content.sitemap a.level-2														{ color: #5EC5ED; margin-left: 30px; width: 555px; }
	div#content.sitemap a.level-3														{ color: #000000; margin-left: 60px; width: 525px; }
	div#content.sitemap a.level-4														{ color: #6E6E6E; margin-left: 90px; width: 495px;}
	div#content.sitemap a.level-5														{ color: #A4A4A4; margin-left: 120px; width: 465px; }





	/* Section: Form Tool */
	div#bb-form-contact																	{
																						  background: url(http://www.triplep-steppingstones.net/themes/steppingstones/images/img-form.jpg) right 42px no-repeat;
																						  width: 675px;
																						  border-top: 1px solid #5EC5ED;
																						  border-bottom: 1px solid #5EC5ED;
																						  margin: 42px 0px;
																						}
	div#bb-form-contact-success															{ margin: 42px 0px; }
	div#bb-form-contact.rsvp															{
																						  background-image: url(http://www.triplep-steppingstones.net/themes/steppingstones/images/img-register-form.jpg);
																						  margin: 0px 0px 20px 0px;
																						}
	div#bb-form-rsvp-not-posted															{  }
	div#bb-form-rsvp-not-posted h2														{
																						  background: url(http://www.triplep-steppingstones.net/themes/steppingstones/images/icon-register-30x30.gif) 0 0 no-repeat;
																						  position: relative;
																						  height: 40px;
																						  font: bold 14px Arial, Helvetica, sans-serif;
																						  color: #000;
																						  margin-top: 30px;
																						}
	div#bb-form-rsvp-err h2																{
																						  background: url(http://www.triplep-steppingstones.net/themes/steppingstones/images/icon-error-30x30.gif) 0 0 no-repeat;
																						  position: relative;
																						  height: 42px;
																						  font: bold 19px Arial, Helvetica, sans-serif;
																						  color: #5EC5ED;
																						  margin-top: 30px;
																						}
	div#bb-form-rsvp-success h2															{
																						  background: url(http://www.triplep-steppingstones.net/themes/steppingstones/images/icon-register-30x30.gif) 0 0 no-repeat;
																						  position: relative;
																						  height: 42px;
																						  font: bold 19px Arial, Helvetica, sans-serif;
																						  color: #5EC5ED;
																						  margin-top: 30px;
																						}
	div#bb-form-rsvp-success h2 span,
	div#bb-form-rsvp-not-posted h2 span,
	div#bb-form-rsvp-err h2 span														{ bottom: 8px; left: 40px; position: absolute; }

	div#bb-form-contact.form-err														{ background-image: url(http://www.triplep-steppingstones.net/themes/steppingstones/images/img-form-error.jpg); }
	div#bb-form-contact.rsvp.form-err													{ background-image: url(http://www.triplep-steppingstones.net/themes/steppingstones/images/img-register-form-error.jpg); }
	div#bb-form-contact-err + div														{ margin-top: 0px; }
	div#bb-form-contact p#required-field												{ float: right; width: 200px; font: 11px/14px Arial, Helvetica, sans-serif; color: #009FDA; padding-top: 5px; text-align: right; }
	div#bb-form-contact p#privacy														{ font: 11px/15px Arial, Helvetica, sans-serif; color: #009FDA; float: right; width: 230px; }
	
	div#bb-form-contact input,
	div#bb-form-contact textarea,
	div#bb-form-contact label															{ font: 13px/15px Arial, Helvetica, sans-serif; color: #000; }
	div#bb-form-contact label															{ float: left; width: 150px; display: inline; }
	div#bb-form-contact input[type=checkbox]											{ float: left; width: 30px; margin-left: 120px; display: inline; }
	div#bb-form-contact label.checkbox 													{ float: left; width: 280px; }
	div#bb-form-contact input[type=text]												{ height: 26px; }
	div#bb-form-contact textarea														{ height: 105px; margin: 0px; padding-top: 5px; }
	div#bb-form-contact input[type=text],
	div#bb-form-contact textarea														{ border: none; background: #E0F2FB; width: 287px; padding-left: 4px; overflow: auto; }
	div#bb-form-contact input#submit													{ padding-left: 8px; font: 14px/21px Arial, Helvetica, sans-serif; color: #fff; background: #009FDA; margin-left: 150px; border: none; width: 96px; height: 26px; text-align: left; cursor: pointer; }
	div#bb-form-contact select 															{ border: none; padding: 6px 5px; width: 140px; background: #E0F2FB; }
	div#bb-form-contact input#submit:hover												{ color: #000; }
	
	div#bb-form-contact label.err,
	div#bb-form-contact select.err,
	div#bb-form-contact input.err,
	div#bb-form-contact textarea.err													{ background: #F8C9DF; }
	div#bb-form-contact div#bb-form-contact-err											{  }
	div#bb-form-contact div.row															{ width: 675px; padding: 7px 0px; position: relative; }
	div#bb-form-contact div.narrow														{ width: 443px; }
	div#bb-form-contact div.right														{  }
	div#bb-form-contact div.border-bottom												{ border-bottom: 1px solid #5EC5ED; }
	
	div#bb-form-contact-err h2															{
																						  background: url(http://www.triplep-steppingstones.net/themes/steppingstones/images/icon-error-30x30.gif) 0px 7px no-repeat;
																						  font: 19px/24px Arial, Helvetica, sans-serif;
																						  color: #5EC5ED;
																						  padding: 18px 0px 5px 40px;}
	div#bb-form-contact-success h2														{
																						  background: url(http://www.triplep-steppingstones.net/themes/steppingstones/images/icon-mail-30x30.gif) 0px 7px no-repeat;
																						  font: 19px/24px Arial, Helvetica, sans-serif;
																						  color: #5EC5ED;
																						  padding: 18px 0px 5px 40px;
																						  border-bottom: 1px solid #5EC5ED;
																						  width: 635px;
																						}




	
	
	/* Section: Maps */
	div#content.maps div.col-123														{ width: 675px; }

	div#content.maps h1																	{
																						  background: url(http://www.triplep-steppingstones.net/themes/steppingstones/images/sstp-bg-h1-maps.jpg) 0 0 no-repeat;
																						  height: 130px;
																						  text-indent: -20000px;
																						  border-bottom: 4px solid #009FDA;
																						}


	div#address-wrapper																	{ margin-top: 20px; padding: 15px 0px; border-top: 4px solid #009FDA; border-bottom: 4px solid #009FDA; text-align: right; }
	div#address-wrapper label															{ color: #A4A4A4; font: 12px/16px Arial,Helvetica,sans-serif; padding-right: 5px; }
	input#address																		{  }

	div#map_canvas_outer_wrapper														{ margin: 15px 0px 30px; padding: 9px 11px; background: #E0F2FB; }
	div#map_canvas_inner_wrapper														{ padding: 5px; border: 1px solid #5EC5ED; }
	div#map_canvas																		{ width: 640px; height: 460px; }

	div.cluster																			{ color: #fff; padding: 20px; font: bold 12px/15px Arial, Helvetica, sans-serif; }
	div.cluster00																		{ cursor: pointer; background: url(http://www.triplep-steppingstones.net/themes/steppingstones/images/markers/cluster-store.png) center center no-repeat; }
	div.cluster10																		{ background: url(http://www.triplep-steppingstones.net/themes/steppingstones/images/markers/cluster-store.png) center center no-repeat; }
	div.cluster20																		{ background: url(http://www.triplep-steppingstones.net/themes/steppingstones/images/markers/cluster-store.png) center center no-repeat; }
	div.cluster30																		{ background: url(http://www.triplep-steppingstones.net/themes/steppingstones/images/markers/cluster-store.png) center center no-repeat; }

	div.infowindow-wrapper																{ margin: 0px; padding: 0px; width: 375px; max-height: 170px; min-height: 170px; overflow: auto; }
	div.infowindow-data																	{ background: #E0F2FB; margin: 0px 10px 8px 0px; padding: 6px 15px 10px; }
	div.infowindow-wrapper div.infowindow-data p										{ font: 12px/15px Verdana; color: #000; }
	div.infowindow-wrapper div.infowindow-data p.what									{ font: bold 12px/15px Verdana; color: #009FDA; border-bottom: 1px solid #009FDA; margin-bottom: 9px; padding: 0px 0px 9px; }
	div.infowindow-wrapper div.infowindow-data p.levels									{ font-weight: bold; padding: 15px 0px; }
	div.infowindow-wrapper div.infowindow-data p.additional								{ padding-top: 15px; }
	div#content div.infowindow-wrapper div.infowindow-data a							{ color: #5EC5ED; }
	div#content div.infowindow-wrapper div.infowindow-data a:hover						{ color: #009FDA; }


	div#content div.infowindow-links													{ padding: 5px 0px 0px 15px; }
	div#content div.infowindow-links a													{ font: normal 12px/15px Arial, Helvetica, sans-serif; color: #009FDA; text-decoration: none; }
	div#content div.infowindow-links a:hover											{ color: #009FDA; }

	/* Section: Instances :: for instance-specific background images */
																						
	/*
	 	CSS3PIE section
	 	
	 	N.B.
	 	- Position:relative is crucial, or it won't work in IE7/8
	 	- Only shorthand CSS supported!
	 	- Check: http://css3pie.com/documentation/known-issues/

	 */
	div#nav-main a.level-1																{
																						  -webkit-border-radius: 0px 0px 4px 4px;
																						  border-radius: 0px 0px 4px 4px;
																						  position: relative;
																						  behavior: url(http://www.triplep-steppingstones.net/themes/steppingstones/js/pie.htc);
																						}

	/* 
	 * N.B. Eerst stond de z-index rechtstreeks op deze div, maar dat bleek problemen op te leveren met css3pie.
	 * Het probleem was dat div.megamenu doorzichtig bleef en dat de rounded corners niet werkten.
	 * Daarom zit er nu een wrapper div om div.megamenu heen. De position absolute en de z-index en de visibility
	 * zitten op die wrapper div. De blauwe rand met de ronde hoeken zit op div.megamenu. Zo werkt het ook in IE7 
	 */
	div.megamenu																		{
																						  -webkit-border-radius: 7px 7px 7px 7px;
																						  border-radius: 7px 7px 7px 7px;
																						  position: relative;
																						  behavior: url(http://www.triplep-steppingstones.net/themes/steppingstones/js/pie.htc);
																						}
	html.ie8 div.megamenu																{ behavior: none; }

	div#news-navigation-slider,
	div.block																			{
																						  box-shadow: 3px 3px 3px #999;
																						  -webkit-border-radius: 7px 7px 7px 7px;
																						  border-radius: 7px 7px 7px 7px;
																						  position: relative;
																						  behavior: url(http://www.triplep-steppingstones.net/themes/steppingstones/js/pie.htc);
																						}
	div.booking-category,
	div.video-category																	{
																						  -webkit-border-radius: 7px 7px 7px 7px;
																						  border-radius: 7px 7px 7px 7px;
																						  position: relative;
																						  behavior: url(http://www.triplep-steppingstones.net/themes/steppingstones/js/pie.htc);
																						}
	
	ul#home-navigation-buttons li a														{
																						  -webkit-border-radius: 7px 7px 0px 0px;
																						  border-radius: 7px 7px 0px 0px;
																						  position: relative;
																						  behavior: url(http://www.triplep-steppingstones.net/themes/steppingstones/js/pie.htc);
																						}
	div#container-wrapper																{
																						  box-shadow: 0px 0px 9px #666;
																						  -webkit-border-radius: 0px 0px 7px 7px;
																						  border-radius: 0px 0px 7px 7px;
																						  position: relative;
																						  behavior: url(http://www.triplep-steppingstones.net/themes/steppingstones/js/pie.htc);
																						}
	
	/* Internet Explorer Section */
	html.ie7 div#container-wrapper,
	html.ie8 div#container-wrapper														{ background: #fff; }
	html.ie7 form.ccm-search-block-form													{ zoom: 1; }

	html.ie7 div.block.video-carousel													{  }
	/*
		http://stackoverflow.com/questions/9670309/text-overlapping-items-in-dropdown-items/9670942#9670942
		IE7 interpreteert de stacking order verkeerd. In elke tak van het DOM begint hij een nieuwe stack en
		dan wordt de source order bepalend. Oplossing: vind de gemeenschappelijk parent en geef de children
		van die parent de juiste z-index.
	*/
	html.ie7 div#nav-main,
	html.ie8 div#nav-main																{ position: relative; z-index: 200; }
	html.ie7 div#content,
	html.ie8 div#content																{ position: relative; z-index: 100; }

	/*
		After initializing the video carousels, in IE7 all div.block elements jumped to the left.
		Setting their container divs (col-1, col-2, etc) to position: relative fixes this problem.
	*/
	html.ie7 div.col-1,
	html.ie7 div.col-2,
	html.ie7 div.col-23,
	html.ie7 div.col-3,
	html.ie7 div.col-4																	{ position: relative; }

	/* This overflow: hidden solves the problem with the background image being not visible */
	html.ie7 div#introduction			 												{ overflow: hidden;	}
	
	/* Reset the div.col-1 to position: static, to get the campaign image in the right position */
	html.ie7 div#introduction div.col-1 												{ position: static; }
	html.ie7 div#introduction div.col-23 												{ margin-bottom: 20px; }

	html.ie8 div.col-1,
	html.ie8 div.col-2,
	html.ie8 div.col-3,
	html.ie8 div.col-4																	{  }
	
	html.ie7 div#content.news-overview div.newslist-item								{ padding: 17px 0px 0px 0px; }
	html.ie7 div#blanco-home div.video-carousel a.video-link							{ margin-top: 13px; }

	/* Adjustments for vertical cursor alignment in text inputs in IE */
	html.ie7 div#bb-form-contact input[type=text]										{ line-height: 26px; }
	html.ie8 div#bb-form-contact input[type=text]										{ line-height: 26px; }

	/* Adjustments for medium size AAA in IE8 */
	html.ie8 div#blanco-text.medium div#bb-form-contact p#privacy						{ font-size: 13px; left: 410px; }

	/* Adjustments for Booking table in IE7 */
	html.ie7 div#category-col-1,
	html.ie7 div#category-col-2,
	html.ie7 div#category-col-3,
	html.ie7 div.booking-category,
	html.ie7 table.booking-tool,
	html.ie7 table.booking																{ position: relative; }

	html.ie7 div.col-3 div.block														{ height: auto; }

	html.ie7 div.col-4 div,
	html.ie7 div.block.video-carousel,
	html.ie7 div.dataTables_info,
	html.ie7 div.dataTables_wrapper														{ overflow: hidden; position: relative; }
	html.ie7 div.dataTables_info														{ bottom: -50px; }

	html.ie7 table.booking																{ margin-top: 0px; }

	/* Strange IE7 bug: by changing the width 1px the redraw for inactive divs is forced */
	html.ie7 div#booking-category-wrapper a div.booking-category,
	html.ie8 div#booking-category-wrapper a div.booking-category						{ width: 182px; }

	html.ie7 div#booking-category-wrapper a.active div.booking-category,
	html.ie7 div#booking-category-wrapper a:hover div.booking-category,
	html.ie8 div#booking-category-wrapper a.active div.booking-category,
	html.ie8 div#booking-category-wrapper a:hover div.booking-category					{ width: 183px; }

	/* IE7 bullets in video navigation carousel */
	html.ie7 div.bx-pager																{ padding: 5px 0px 3px 0px; }
	html.ie7 div.bx-pager a.pager-link													{ zoom: 1; }

	/* IE7 columns in Mega menu bottom space fix */
	html.ie7 .megamenu .col																{ padding-bottom: 20px; }

	/*
	 	Strange behavior in Chrome & Safari: fading scrollbars. Has to do with OSX Lion settings.
	 	Code below prevents it
	 	https://gist.github.com/2573411
	 */
	::-webkit-scrollbar 																{ width: 8px; background-color: rgba(0, 0, 0, 0); -webkit-border-radius: 100px; }
	::-webkit-scrollbar:hover 															{ background-color: rgba(0, 0, 0, 0.09); }
	::-webkit-scrollbar-thumb:vertical 													{ background: rgba(0,0,0,0.5); -webkit-border-radius: 100px; }
	::-webkit-scrollbar-thumb:vertical:active 											{ background: rgba(0,0,0,0.61); -webkit-border-radius: 100px; }

	
	
	



