body 
{
	background: #c7e9fb;
	background-image: url(../../Youth/images/background.gif);
	background-repeat: repeat;
	font-family:  Gill Sans, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 80%;
	color: #0F415D;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	padding-top:1em;
	margin:0px auto;
	/* width: 560px; margin-left: auto; margin-right: auto;*/ 
}
#simplemodal-container a.modalCloseImg {
	background:url(/Shorething/UserFiles/image/surveymodal/close-green.png) no-repeat; /* adjust url as required */
	width:32px;
	height:32px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:9px;
	right:10px;
	cursor:pointer;
}
h1
{
    padding: 0px 0px 10px 15px;
    margin: 0px;
}
h2
{
    padding-bottom: 10px;
    margin: 0px;
}
.quiz 
{
	background: #ffffff;
	background-image: none;
	font-family:  Gill Sans, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 80%;
	color: #000000;
}
body a
{
    color:#000000;
   /* font-size:75%;*/
}

/* BreadCrumbs Classes  ---------------------------------------------------------*/

.BreadCrumbs
{
    color: #ffffff;
    float:left;
    font-size: 10px;
    padding:0px;
    width: 780px;
    height: 15px;
    text-decoration: none;
    text-align:left;
    background: #666666;
    border:0;
    vertical-align: top;
} 
.BreadCrumbs a
{
    color: #ffffff;
    text-decoration: none;
    border-bottom: #666666;
} 

img 
{
	border: 0;
}

.eventimg 
{
	margin-left: 10px;
	margin-top:10px;
	padding:0px;
	margin-bottom: 0px;	
}
.top_bar 
{
	background: #202353;
	border:0px;
	font-family:  Gill Sans, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color: #FFFFFF; 		
}
	div#content 
{
    margin-left: 164px;
	padding-top: 1.5em;
	background: #c7e9fb;
	line-height: 120%;
	width: 440px
}

/*
*/
	
#PagePadding
{
    padding: 15px 5px 15px 10px
}
#PagePadding h1
{
    padding: 0px 0px 0px 0px;
    margin: 0px;
}
.PagePadding
{
    padding: 15px 5px 15px 10px
}
.PagePadding h1
{
    padding: 0px 0px 0px 0px;
    margin: 0px;
}
.main_intro_1 
{
	font-family:  Gill Sans, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #000000; 
	background: #c7ebfb;
	text-align:left;
	padding-left: 1em;	
}
	
.main_intro_2 
{
	font-family:  Gill Sans, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color: #FFFFFF; 
	background: #129f9f;
	padding-left: 5px;	
}

div#content h2 
{
	font-size: 2em;
	color: #3a6a9e;
	margin: 0;
	padding-top: 1em;
	font-weight: normal;
}
		
#cleardiv 
{
    clear: both;
	height: 1em;
}

#paperclip 
{
    position:relative; 
    padding:0px;
    margin:0px;
    top:30px;
    left:336px;
    display:inherit;
   /* background-image: url(/UserFiles/image/meet_crew_member/paperclip.gif);*/
} 

/*
a:after {
content: " (" attr(accesskey) ") " 
}
*/
	
div.headerlink1 
{
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    color:#FFFFFF; 
    height: 22px;
    width: 259px;
    background: #0f9f9f;
    padding-top: 3px;
    padding-bottom:0px;
    border-bottom:1px solid #000000;
    border-right: 1px solid #ffffff;
    float:left;
    text-align: center;
    text-decoration: none;
}

div.headerlink1 a
{
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    color:#FFFFFF; 
    height: 22px;
    width: 259px;
    padding-top: 0px;
    padding-bottom:0px;
    border-bottom:0px solid #000000;
    border-right: 0px solid #ffffff;
    float:left;
    text-align: center;
    text-decoration: none;
}

div.headerlinkend 
{
    height: 22px;
    width: 260px;
    background: #0f9f9f;
    float:left;
    padding-top: 3px;
    padding-bottom:0px;
    border-bottom:1px solid #000000;
    text-align: center;
}

div.headerlinkend a
{
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    color:#FFFFFF; 
    height: 22px;
    width: 260px;
    float:left;
    padding-top: 0px;
    padding-bottom:0px;
    border-bottom:0px solid #000000;
    text-align: center;
    text-decoration:none;
}

/* combined css */

*
{
	font-size:100%;
}

body
{
	font:75%/140% Arial, Helvetica, sans-serif;
	text-align:left;
	/*
	background: #c7e9fb;
	background-image: url(../../Youth/images/background.gif)!important;
	background-repeat: repeat-y;
	font-family:  Gill Sans, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 80%;
	color: #0F415D;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	margin:0px auto; */	
}

div
{
	margin:0;
	padding:0;
	/*background:#EFEFEF;*/
}

dd
{
	margin-right:0;
}

#wrap h1
{
	color:#000;
}

#header h1, h2
{
    color: #333366;
    font-size: 2em;
}

#wrap
{
	/*border:1px dashed #CCC;*/
	background:#FFF;
	background-image: url(../../Youth/images/colour_fill_2.gif)!important;
	background-repeat: repeat-y;
	margin:auto; width:780px;

	/*text-align:left;*/
}

#navigations
{
	width:155px;
	float: left;
	padding-top:20px;
	background: #ffcc2f;

}

#main-content
{
	width:472px;
	padding-top:0px;
	float: left;

}

#wrapflash
{
	/*border:1px dashed #CCC;*/
	background:#ffffff;
	margin:auto;
	width:780px;

	/*text-align:left;*/
}

#flash-content
{
	display:block;
	margin:0px 0 0 0;
	padding:0px;
	overflow:hidden;
	text-align:center;
}

#sub-content
{   float: right;
	width:145px;
	margin-left:0px;
	padding-top:20px;
	background: #8fc644;
    color: #fff;
	font-size: 10px;
	padding-top: 5px;	
	right: 0px;
	text-align:left; 
}

#footer
{
	clear:both;
}

/* events css */
	
.charity
{
    background:#ffffff;
    text-align:right;
	font-size:smaller;
}
		
#sub-content ul 
{
    list-style:none;
    list-style-image:url(../../Youth/images/navi/youth_event_bullet.gif);
    list-style-position  : outside;
	margin-left: 0px;
	padding-left: 0.1em;
	margin-top:0px;
	margin-bottom:0px;
	background: #8fc644;			
}
		
#sub-content ul li 
{
    margin-top: 5px; 	
	margin-left:20px;		
}

#sub-content ul li a  {
	font-family: Gill Sans, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color: #ffffff;
	/*margin-left: 0.2em;*/
	padding-top: 3px;
	padding-bottom: 3px;
	text-decoration: none;
	margin-top: 0.2em;
	margin-bottom: -1em;	
	line-height:120%!important;	
}
		
#sub-content ul li a:hover 
{
	color: #b4ecfa;
}

.searchBox
{
    width: 104px;
    font-family: Arial;
    font-size:larger;
    font-weight:bold;
    height: 17px;
    background-color: #ffffff;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}

.searchImage
{
    background-image: url(Youth/images/navi/search_box/search_04.gif);
    background-repeat: no-repeat;
}

.lightBackground
{
    background-color: #e6f6fe;
    padding: 5px;
}

.scattyThemedImage
{
   

}
#bluePeter
{
    width: 473px;
    padding-bottom: 20px;
    position: relative;
    
   
}
#BP_LeftContent
{
   width: 435px;
   float: left;
   margin-bottom: 20px;

}
#BP_LeftContent p
{
  padding: 0px 16px 0px 54px;
  margin-bottom: 20px;
}
#BP_RightContent
{
   width: 31px;
   height: 447px;
   float: left;

   background-image: url(/Shorething/UserFiles/Image/bluepeter/navigation.jpg);
   background-repeat:  no-repeat;
}

#BP_RightContentHome
{
   width: 31px;
   height: 447px;
   float: left;
   background-image: url(/Shorething/UserFiles/Image/bluepeter/navigation-home.jpg);
   background-repeat:  no-repeat;
}
#BP_header
{
    width: 435px;
    height: 131px;
}
#BP_LeftContentInner
{   background-image: url(/Shorething/UserFiles/Image/bluepeter/bp_main_bg.gif);
    background-repeat: repeat-y;
    padding:0px 0px 0px 0px;
    margin-top: -5px;
}
  
#BluePeterLink
  {
    position: absolute;
    top:0px;
    left: 300px;

    
    
}
#BP_LeftContentInner H2
{
   font-weight:600;
   font-size: 120%;
   margin: 0px;
   padding-left: 50px;
}
#bluePeter H3
{
   font-weight:600;
   font-size: 110%;
   margin-top: 0px;
   margin-bottom:0px;
}
#BP_footer
{
    margin-top: -25px;

}
#BPHistory
{    width:31px;
     height:180px;

}
#BPHistory a
{
   width:31px;
   height:180px;
   display: block;
}
#BPHistory a:hover
{
   background-image: url(/Shorething/UserFiles/Image/bluepeter/navigation/history_hov.gif);
   background-repeat: no-repeat;
   width:31px;
   height:180px;
   display: block;
}
#BPPhotos
{    width: 31px;
     height: 87px;
}
.BP_VideoView
{
     width:360px;
     height:340px;
     padding-left: 60px;
     padding-bottom: 30px;
}
.bpPhotocopy
{

font-size: smaller;
text-align :right;
}
#BPPhotos a
{
   width: 31px;
   height: 87px;
   display: block;
}
#BPPhotos a:hover
{
  background-image: url(/Shorething/UserFiles/Image/bluepeter/navigation/photos_hov.gif);
   background-repeat: no-repeat;
    width: 31px;
   height: 87px;
   display: block;
 }
#BPVideos
{    width: 31px;
     height: 87px;
     margin-top: -1px;
   
}
#BPVideos a
{
   width: 31px;
   height: 87px;
   display: block;
}
#BPVideos a:hover
{
   background-image: url(/Shorething/UserFiles/Image/bluepeter/navigation/videos_hov.gif);
   background-repeat: no-repeat;
   width: 31px;
   height: 87px;
   display: block;
 }
#BPRescues
{    width: 31px;
     height: 95px;
     margin-top: -1px;
 

}
#BPRescues a
{
   width: 31px;
   height: 95px;
   display: block;
}
#BPRescues a:hover
{
   background-image: url(/Shorething/UserFiles/Image/bluepeter/navigation/rescues_hov.gif);
   background-repeat: no-repeat;
   width: 31px;
   height: 95px;
   display: block;
}
.YouthLinkBlock
{
    border: 1px solid #981135;
    width: 350px;
    height: 88px;
    background-color: #fff;
    margin: 0px 5px 5px 50px;
    padding: 0px 0px 0px 0px;
}
.YouthLinkBlockcont
{
    float: left;
    width:240px;
    font-size: 90%;
   padding: 5px 0px 0px 20px;
    margin: 0px 0px 0px 0px;
}
.YouthLinkBlock h3
{
   
   padding: 5px 10px 5px 5px;
   margin: 0px 0px 0px 0px;
   background-color: #981135;
}
.YouthLinkBlock h3 a
{
   color: #fff;
   font-size: 80%;
   font-weight: 600;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
   text-decoration: none;
}
.YouthLinkBlock img
{
    float:left;
    margin: 0px;
    padding: 0px;
}
/*------Games styles -----*/

.newGame{
   
   background-image: url(/Shorething/UserFiles/Image/Games/new.gif);
   background-repeat: no-repeat;
   background-position: right;
}
.gamesHomeLeft
{
    width: 220px;
    float: left;

}
.gamesHomeRight
{
    width: 220px;
    float: right;

}

.gamesBlock
{
    width: 220px;
    border: 1px solid #981135;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
}
.gamesBlock h2
{
    width: 215px;
    display: block;
    clear: both;
    padding: 5px 0px 5px 5px;
    margin: 0px 0px 0px 0px;
    color: #fff;
    font-size: 90%;
    font-weight: 600;
    background-color: #981135;
}
.gamesBlock h2 a
{
   color: #fff;
   text-decoration: none;
}
.gamesBlock img
{
    float: left;
    margin: 0px 0px 0px 0px;
}
.gamesBlock p
{
    float: right;
    width: 125px;
    line-height:14px;
    font-size:90%;
    margin: 0px 0px 0px 0px;
    padding: 3px 3px 3px 3px;
}
.gameBtns
{
    clear: both;
    display: block;
    width: 220px;
    background-color: #981135;
    background-image: url(/Shorething/UserFiles/Image/Games/online-games/btn-expand-mid.jpg);
    background-repeat: repeat-y;

}
.gameBtns img
{
    clear: both;
    display: block;
    width: 220px;
     padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
.gameBtns a
{
    float: left;
    display: block;
    text-align: center;
    font-size: 80%;
    font-weight: 600;
    text-decoration: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
.gameBtnPlay
{
    width:110px;
    text-align:center;
    display: block;

}
.gameBtnMore
{
    width:90px;
    text-align:center;

}
.btnRight{
float:right !important;
width:115px;
text-align: center;
}

.btnLeft{

width:100px !important;
text-align: center;
}

.safetyBtns
{
    clear: both;
    display: block;
    width: 220px;
    background-color: #981135;
    background-image: url(/Shorething/UserFiles/Image/beach_safety/btn-expand-mid.jpg);
    background-repeat: repeat-y;
    

}

.right
{
    float:right;
}















.gamesIntro
{
    width: 207px;
    float:right!important;
    background-image: url(/Shorething/UserFiles/Image/Games/online-games/online-gaming-expand.jpg);
    background-repeat: repeat-y;
}
.gamesIntro p
{
    color:#0f415d;
    font-size: 100%;
    font-weight: 600;
    margin: 0px;
    padding: 6px 13px 6px 13px;
    text-align: center;
}
.gamesBottom
{
    clear: both;
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 10px 0px;
}
/*------ Game information pages ----*/

.gameIntoLink
{
   width: 400px;
    
}
.gameIntroLink a, .gameIntroBottomLink
{
   background-image: url(/Shorething/UserFiles/Image/Games/online-games/play-game-bg.gif);
   background-repeat: no-repeat;
   width: 133px;
   height: 46px;
   float: left;
   display: block;
   font-size:12pt;
   font-weight: 600;
   text-decoration: none;
   padding: 16px 0px 0px 24px;
   margin: 18px 0px 0px 0px;
   color: #fff;
  
}
.gameIntroLink p
{
   width: 290px;
   float: left;
   padding: 0px 0px 0px 0px;
   margin: 16px 0px 0px 0px;
}
.gameIntroContent
{
   clear: both;
   display: block;
   padding: 0px 0px 0px 0px;
   margin: 10px 0px 0px 0px;
}
.gameIntroContentLeft
{
   width: 300px;
   float: left;
}
.gameIntroContentLeft ul
{
 
     width: 110px;
     margin: 0px 0px 10px 10px;
     padding: 0px 0px 0px 20px;
}
.indentedGamesContent
{
    padding: 5px 15px 5px 20px;
}

.gameIntroContentRight
{
   width: 150px;
   float: right;
}
.gameIntroContentRight img
{
   margin: 10px 0px 10px 10px;
}
/*------Games styles -----*/

.spottersAdvice
{
   background-image: url(/Shorething/UserFiles/Image/cool_downloads/spotters-scatty.jpg);
   background-repeat: no-repeat;
   height: 160px;
}
.spottersAdvice p
{
  width: 170px;
  text-align: center;
  padding: 25px 0px 0px 250px;
  font-weight: 600;
  
}
.scattyAdvice 
{
   background-image: url(/Shorething/UserFiles/Image/beach_safety/scatty.jpg);
   background-repeat: no-repeat;
   height: 160px;
}
.scattyAdvice p
{
  width: 170px;
  text-align: center;
  padding: 25px 0px 0px 270px;
  font-weight: 600;
  
}
ul#flagLayout
{ 
    margin: 0px;
    padding: 0px;
}
ul#flagLayout li
{
    width: 170px;
    display: block;
    float: left;
    padding: 40px 10px 10px 20px;
    margin: 0px 0px 0px 10px;
    background-position: left top;
    background-repeat: no-repeat;
}
.redYellow
{
       background-image: url(/Shorething/UserFiles/Image/beach_safety/flags/redflag.gif);
}
.blackWhite
{
        background-image: url(/Shorething/UserFiles/Image/beach_safety/flags/blackwhiteflag.gif);
}
.red
{
       background-image: url(/Shorething/UserFiles/Image/beach_safety/flags/yellowredflag.gif);
       height: 150px;
       margin: 0px 0px 10px 0px;
}
.orange
{
       background-image: url(/Shorething/UserFiles/Image/beach_safety/flags/windsock.gif);
}
ol#beachSafe li
{
      padding: 5px 20px 5px 0px;
    margin: 0px 0px 0px 10px;

}
.optimisedContent
{
    text-indent: -460em;
    position: absolute;
    list-style-type: none;
}

/*********** COOL DOWNLOADS*******************/
.wide
{
    width: 450px !important;
    overflow: hidden;
}
.leftDsk
{
    font-weight: 600;
    float: left!important;
    width: 115px!important;
    margin: 5px 0px 8px 0px!important;
}

.rightDsk
{
    float: left!important;
    width: 170px!important;
    margin: 5px 0px 8px 0px!important;
}
.downloadLink
{
   width: 113px;
   float: left;
   margin: 5px 0px 0px 8px;
}
.downloadLink a
{
   background-image: url(/Shorething/UserFiles/Image/cool_downloads/orangebtnsmall.gif);
   background-repeat: no-repeat;
   display: block;
      width: 108px;
   height: 46px;
   font-size:12pt;
   font-weight: 600;
   text-decoration: none;
   padding: 14px 0px 0px 25px;
   margin: 0px 0px 10px 0px;
   color: #fff;
  
}

.downloadbtn
{
   width: 199px;
   float: left;
   margin: 0px 0px 0px 0px;
}
.downloadbtn a
{
   background-image: url(/Shorething/UserFiles/Image/cool_downloads/orangebtn.gif);
   background-repeat: no-repeat;
   display: block;
   width: 179px;
   height: 46px;
   font-size:12pt;
   font-weight: 600;
   text-decoration: none;
   padding: 12px 0px 0px 20px;
   margin: 0px 0px 0px 0px;
   color: #fff;
  
}
.downloadScreen
{
    display: block;
    width:450px;
    height: 80px;

}
.wideContent
{
    width:300px!important;
    margin: 15px 0px 0px 0px!important;
}

.downloadBot
{
    background-color:#f1f9fc;
    clear:both;
    overflow: hidden;
    height:80px;
}

.imgBordOrang
{
    border: 1px solid #e9661e;
}


/*------Games styles -----*/
#YouthSitemap
{
    float: left;
    width: 230px;
    padding:0px;
    margin:0px;
}
#AdultSitemap
{
     float: right;
     width: 230px;
     padding:0px;
}
#YouthSitemap a
{   color: #fff;
    text-decoration: none;
}
#YouthSitemap .header
{
    padding: 5px 0px 10px 5px;
    color: #fff;
    margin:0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 100%;  
    width: 215px; 
    background-color:#95193c; 
    display: block;
}
#YouthSitemap .headlist
{
    display: block;
    margin:5px;
    color: #fff;
    background-color: #0f9f9f;
    border: 2px solid #d4ecf9;
    list-style: none;
}
#YouthSitemap .headlist a
{
    color: #fff;
    padding: 2px 0px 2px 3px;
}
#YouthSitemap .headlist a:hover
{
 text-decoration: underline;
}
#YouthSitemap .headlist a li
{
    padding-left:10px;
}
#YouthSitemap .indent
{
    margin:0px 0px 0px 0px;
    padding: 5px 5px 5px 10px;
    background-color: #d4ecf9;
    list-style-type:none;
    color: #000;
}
#YouthSitemap .indent a
{
    color: #000;
}
#YouthSitemap .indent a:hover
{
    text-decoration: underline;
}

#AdultSitemap a
{
    text-decoration: none;
    color: #fff;
}
#AdultSitemap .headlist
{
    display: block;
    margin:5px;
    color: #fff;
    background-color: #0f9f9f;
    border: 2px solid #d4ecf9;
    list-style: none;
}

#AdultSitemap .header
{
    padding: 5px 0px 10px 5px;
    color: #fff;
    margin:0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 100%;  
    width: 215px; 
   background-color:#2c225a;
    display: block;
}
#AdultSitemap .headlist a
{
    color: #fff;
    padding: 2px 0px 2px 3px;
}
#AdultSitemap .headlist a:hover
{
 text-decoration: underline;
}
#AdultSitemap .headlist a li
{
    padding-left:10px;
}
#AdultSitemap .indent
{
    margin:0px 0px 0px 0px;
    padding: 5px 5px 5px 10px;
    background-color: #d4ecf9;
    list-style-type:none;
    color: #000;
}
#AdultSitemap .indent a
{
    color: #000;
}
#AdultSitemap .indent a:hover
{
    text-decoration: underline;
}
.snapFacts{
    background-image:url(/Shorething/UserFiles/Image/snap-facts/snap-facts-top.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    width: 130px;
    color: #000;

}
.snapFacts p{
 margin: 10px 10px 0px 10px; 
 padding: 10px 0px 0px 0px;
     font-size: 120%;  
}
.snapFacts .snapFactsBot{
    vertical-align: bottom;
}


/* STORM FORCE*/
.stormForce {
 position: relative;
 margin: 0px 0px 100px 0px;
 padding: 0px 0px 10px 0px;   
 display: block;
 clear: both;
}
.stormForce h1{
    background-image:url(/Shorething/UserFiles/Image/stormforce/new-crew-needed.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    width:472px;
    height: 183px; 
    text-indent: -98765px;
    margin: 0px;
    padding: 0px;  text-transform: uppercase;
}
.stormForce h2{
    background-color: #fff;
    color: #2FB357;
    width:98%;
    display:block;
    padding: 0px 0px 0px 10px;
    text-transform: uppercase;
    line-height:30px;
    font-size: 90%;
}
.stormForce h3
{
    text-transform: uppercase;
    line-height:20px;
    font-size: 100%;
    margin: 0px!important;
    padding: 5px 0px 0px 5px!important;
}
.stormForce div{
     background-color:#e9f3ff;
     border: 3px solid #fff;
}
.stormForce div p{
        margin: 0px!important;
        font-size: 90%;
    padding: 0px 5px 5px 5px!important;
}
.stormForce div.left{
    width: 175px;
    display: block;
    float: left;
    clear: left;
    margin: 5px 0px 0px 5px;
}
.stormForce div.right{
    width: 270px;
    display: block;
    float: right;
      margin: 5px 5px 0px 0px;
}
.stormForce a{
    background-image: url(/Shorething/UserFiles/Image/stormforce/join-now-button.png);
    background-position: 0px 0px;
    width: 141px;
    height: 48px;
    display:block;
    text-indent: -98765px;
}
.stormForce .btnTop{
    position: absolute;
    top: 150px;
    left: 140px;
}
.starOffer{
    position: absolute;
    top: -30px;
    left: 140px;
}
.stormForce .btnBot{
    position: absolute;
    top:10px;
    right: 50px;
}
.gamesLayout .left{
width: 290px;
float: left;
display: block;
margin: 20px 0px 0px 0px;

}
.gamesLayout .right{
width: 150px;
float: right;
display: block;
margin: 20px 0px 0px 0px;
}
.gamesLayout .right img{
    margin: 0px 5px 10px 0px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
a {
  -moz-outline: none 0;
  outline: none 0;
}
.comingSoon{
    display: block;
    background-color:#981135;
    height:30px;
    width: 200px;
    color: #ffcc2f;
    text-align: center;
    
    margin: 0px 0px 0px 0px;
padding:15px 0 0px 15px;
}
.comingSoon strong{
    font-weight:900;
    font-size: 140%;
       text-align: center;
}
.crafty .gamesLayout .right{
  width:165px!important;
}
.btnYouTube{
     background-image: url(/Shorething/UserFiles/Image/buttons/rnli-youtube.gif);
    width: 253px;
    height: 53px;
    cursor: pointer;
    display: block;
    border: none;
    text-indent: -98754px;
    float: left;
}
.btnPressCentre{
     background-image: url(/Shorething/UserFiles/Image/buttons/press-centre.gif);
    width: 156px;
    height: 53px;
    cursor: pointer;
    display: block;
    border: none;
    text-indent: -98754px;
    float: right;
}