@CHARSET "ISO-8859-1";

@import url("layout.css");
@import url("menu.css");
@import url("global_new.css"); /* should be called 'hacky override of really really old agency template' */

/*
************************************************************************************************
PLEASE NOTE: If you change any image links you will need to redirect the CSS files for Internet explorer and other browser CSS files.
************************************************************************************************
*/

/*
* ## Styling for common html tags ##
*/
body {
	margin:0;
	padding:0;
  background:#198776;
	font-family: arial, sans-serif; 
	font-size:12px;
	color:#333;
	text-align:center;
	}
p {
	margin:0;
	padding: 0;
	line-height: 16px;
}
		#left_column p{
			line-height: 16px;
		}
		#right_column p{
			line-height: 16px;
		}
p.spaced {
	line-height: 16px;
}
p.pad_top {
	margin-top: 5px;
	padding: 0;
}
p.pad_bottom {
	margin-bottom: 3px;
	padding: 0;
}
p.heading_pad {
	margin:7px 0 0 0;
	padding:0;
}
p.none {
	padding:0;
	margin:0;
}
p.sbs_shop {
	padding: 4px 0 4px 0;
	margin-bottom: 10px;
	font-size:11px; 
}
	#content_intro  p {
		margin:0;
		padding: 10px;
	}
	#bottom_line_content_text p {
		margin:0;
		padding:0 0 10px 0;
	}
	#bottom_line_content_text p.none {
		padding:0;
		margin:0;
	}
	
	/*
	Basic Colours
	*/
	span.gray {
		color: #a5a5a5;
	}
	span.white {
		color: #fff;
	}
		span.graybold {
		color: #a5a5a5;
		font-weight: bold;
		}

	/*
	Hyperlinks
	*/

	a, a:visited {color:#19548e; text-decoration:none; cursor: pointer;}
	a:hover {color:#19548e; text-decoration:underline; cursor: pointer;}
	
	#sbs_schedule a, #sbs_schedule a:visited {color:#fff; text-decoration:none; cursor: pointer;}
	#sbs_schedule a:hover {color:#fff; text-decoration:underline; cursor: pointer;}
	
	a.bold, a.bold:visited {color:#19548e; text-decoration:none; font-weight: bold;}
	a.bold:hover {color:#19548e; text-decoration:underline; font-weight: bold;}
	
	a.black, a.black:visited {color:#000; text-decoration:none; font-weight: bold;}
	a.black:hover {color:#000; text-decoration:underline; font-weight: bold;}
	
	a.green, a.green:visited {color:#51630C; text-decoration:none; font-weight: bold;}
	a.green:hover {color:#51630C; text-decoration:underline; font-weight: bold;}
	
	a.green_caption, a.green_caption:visited {color:#51630C; text-decoration:none; font-weight: bold; font-size: 12px;}
	a.green_caption:hover {color:#51630C; text-decoration:underline; font-weight: bold;}
	
	a.red, a.red:visited { font-size:12px; color:#008f84; text-decoration:none; font-weight: bold;}
	a.red:hover { font-size:12px;color:#008f84; text-decoration:underline; font-weight: bold;}
	
	a.white, a.white:visited {color:#fff; text-decoration:none;}
	a.white:hover {color:#fff; text-decoration:underline;}
	
	a.shop_box, a.shop_box:visited { font-size:12px; color:#003884; text-decoration:none; font-weight: bold;}
	a.shop_box:hover { font-size:12px;color:#003884; text-decoration:underline; font-weight: bold;}
	
	ul a, ul a:visited {color:#19548e; text-decoration:none;}
	ul a:hover {color:#19548e; /*background: #19548e;*/ text-decoration:underline;}
	
	
	/*
	Headers
	*/
	h1 {font-family:Helvetica,arial,sans-serif; font-size:18px; color: #008f84; font-weight: bold; margin: 30px 0 10px 0;}
	h2 {font-family:Helvetica,arial,sans-serif; font-size:22px; color: #666; font-weight: 400; margin: 10px 0 2px 0;}
	h3 {font-family:Helvetica,arial,sans-serif; font-size:14px; color: #19548e;font-weight: bold; margin: 8px 0 6px 0;}
	h4 {font-family:Helvetica,arial,sans-serif; font-size:12px; color: #008f84;font-weight: bold; margin: 8px 0 10px 0;}
	h5 {font-family:Helvetica,arial,sans-serif; font-size:12px; color: #000;font-weight: bold; margin: 10px 0 10px 0;}
	h6 {font-family:Helvetica,arial,sans-serif; font-size:26px; color: #008f84; font-weight: 400; margin: 0 0 0 0;}

	#boxfeature h3 {font-size:13px; margin: 8px 0 0 8px; color: #51630C;}
	#boxfeatureclose h3 {font-size:13px; margin: 8px 0 0 8px; color: #51630C;}
	#right_column h2 {font-size:14px; font-weight: bold;margin: 8px 0 0 0; padding:0; color: #4b8d90;}
	.thumb_25 h3 {font-size:12px; margin: 8px 0 0 0; color: #000;}
	.thumb_25_end h3 {font-size:12px; margin: 8px 0 0 0; color: #000;}
	
	.thumb_25_bottom, .thumb_25_bottom_end {font-size:11px; color: #000; line-height: 17px;}

	h1.h1_float_up {float: left; width: 100%; font-size:22px; margin: 0 0 0 0; padding: 0; border-bottom: 1px solid #c7d2e2; }
	h1.nopad {color: #008f84; margin: 0 0 10px 0;}
	h1.noborder{color: #008f84; margin: 10px 0 0 0;}
	h1.article_header {font-family:arial, sans-serif; color: #008f84; margin: 10px 0 2px 10px;}
	h1.sbs_schedule {font-size:22px !important; color: #fff !important; margin:0 0 5px 0 !important; padding:0 !important;}
	
	h2.sbs_schedule2 {font-size:12px !important; color: #fff !important; margin: 0 !important; padding:0 !important;}
		
	h3.top_nopad {font-size:14px; color: #19548e;font-weight: bold; margin: 0 0 6px 0; padding:0;}

	h4.bottom_smallpad {font-size:12px; color: #008f84;font-weight: bold; margin: 8px 0 2px 0;}
	h4.top_nopad {font-size:12px; color: #008f84;font-weight: bold; margin: 0 0 2px 0;}
	
	/*
	Lists
	*/
	ul {list-style-image: url('/web/images/arrow.jpg');  list-style-position: outside; margin: 15px 5px 0 15px; padding: 0;}
		ul li{margin-bottom: 3px;}

	ul.none {list-style-image: none;  list-style-type: none; list-style-position: outside; margin: 15px 5px 0 15px; padding: 0; font: 12px arial;}
		ul.none li{margin-bottom: 5px;}
	ul.selected {list-style-image: none; list-style-type: none; background: #008f84; list-style-position: outside; margin: 15px 5px 0 15px; padding: 0; font: 12px arial;}
		
	ul.nopad {list-style-image: url('/web/images/arrow.jpg');  list-style-position: outside; margin: 0 5px 0 13px; padding: 0; font: 12px arial;}
	ul.subheader_list {list-style-image: url('/web/images/arrow.jpg');  list-style-position: outside; margin: 5px 5px 0 15px; padding: 0; font: 12px arial;}/* H5 list */
	
	ul.video {list-style-image: url('../../images/buttons/video.gif'); list-style-position: outside; margin: 5px 0 0 0; padding: 0; font: 12px arial;}/* Video icon list */
		ul.video li {margin-left: 20px;}
	ul.review {list-style-image: url('../../images/buttons/reviews.gif'); list-style-position: outside; margin: 5px 0 0 0; padding: 0; font: 12px arial;}/*  Review icon list */
		ul.review li {margin-left: 20px;}
	ul.comments {list-style-image: url('../../images/buttons/comment.gif'); list-style-position: outside; margin: 5px 0 0 0; padding: 0; font: 12px arial;}/* Comments icon list */
		ul.comments li {margin-left: 20px;}

	ul.sponsored_links { color: #666;list-style: disc;  list-style-position: inside; margin: 0px 5px 0 70px; padding: 0; font: 12px arial;}/**/
		ul.sponsored_links li{margin-bottom: 3px;}
		
	/*
	Images
	*/
	img {border: none; padding:0; margin:0;}
	img.float_right {float: right; margin:0 0 5px 10px; padding:0;}
		img.temp_float_right {float: right; margin: 2px 0 2px 0; padding:0;}
	img.float_left {float: left; margin:0 10px 5px 0; padding:0;}
		img.float_left_2pxborder {float: left; margin:0 10px 0 0; padding:0; border: 2px solid #999;}
	img.shortfilm_image {float: left; margin:0 0 14px 0; padding:0;}
	img.float_header{ float:left; padding:0; margin:0;}
	
	img.h1_valign_middle {margin-bottom: -3px; padding-left: 5px;}
	
	img.video_align {margin-bottom: -1px; padding-right: 2px;}
	img.comment_align {margin-bottom: -1px; padding-right: 2px;}
	
	img.ul_float_right {float: right; margin-top: -27px; margin-right: 8px; padding: 0;}
	img.li_space {margin-right: 4px;}

	img.sponsored_links_ad {float: left; margin:0 5px 5px 0; padding:0;}
	
	/* 
	Misc.
	*/
	.ad_text {
		font: 10px Arial;
		font-weight: bold;
		color: #999;
		text-align: right;
		padding:0;
		margin-top:2px;
	}
	#q {
		background-color:#95b700;
		width: 260px;
		border: 1px solid #fff;
		line-height: 18px;
		font-size: 14px;
		padding:0;
		height: 20px;
		color: #fff;
		position: absolute;
		left:0;
		top:0;
		margin-right: 0;
	}

	#ad_tile_hammer {
    width:600px
  }
	
	
	
	
/* 2013 updates */

#right_column h2,
#left_column h2 {
  background: transparent url(../../images/sbs2/header-strips.gif) no-repeat 0 0;
  line-height:32px;
  white-space:nowrap;
  width:100%;
  padding: 0;
  margin:10px 0;
  text-indent:25px;
  font-size:14px;
  font-weight:bold;
  color:#000;
}
#right_column h2 {
  background-image: url(../../images/sbs2/rhc-header-strip.gif);
}

#left_column h2#sbs2_back2back {
  background-image: url(../../images/sbs2/back2back_header_strip.gif);
  color:#fff;
}

#left_column p {
  line-height:1.4em;
  color:#000;
}

h4,
h4 a,
h4 a:visited,
h4 a:hover {
  font-size:13px;
  color:#000;
}

#content a,
#content a:visited,
#content a:hover {
  color:#000;
  font-weight:bold;
}

#page a:hover {
  color:#018e85;
}

span.gray {
  padding:2px 0;
  display:block;
  font-size:11px;
}

#left_column .three_column {
  border:1px solid #e5e5e5;
  background: transparent url(../../images/sbs2/3-col.png) repeat-y 0 0;
}

.page_bottom:after,
#left_column .three_column:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  font-size: 0;
}

#left_column .col img.content_img {
  width:189px;
  height:106px;
}

#left_column .three_column + .three_column {
  border-top:0;
}

#left_column .three_column .col {
  float:left;
  width:189px;
  padding:10px;
}

#footer {background:transparent none;}
.footer_bg .page_bottom {
  width:990px;
  position:relative;
  margin:0 auto;
}
#outerwrapper {
  padding-bottom:30px;
}

#page {
  background-color:transparent;
  padding-top:0;
}
.bg_0 {
  padding-top:34px;
  /*background:transparent url(../../images/sbs2/background-tile.jpg) repeat-x 50% 34px;*/
}
.bg_1 {
  padding-top:125px;
  background:transparent url(../../images/sbsone/sbsone_television_background.jpg) no-repeat 50% 0;
}
.bg_2 {
  background:transparent url(../../images/sbsone/footer_bg-top.png) no-repeat 50% 100%;
}

#outerwrapper {
  background: #fff url(../../images/sbsone/footer_bg-middle.png) no-repeat 100% 100%;
}

#right_column .social {
  margin-top:20px;
}

#page .custom-group {
background: transparent url(../../images/sbs2/follow-us-bg.jpg) no-repeat 0 0;
}
#page .social {
    padding:12px 0 10px 120px;
    background: transparent url(../../images/sbs2/follow.png) no-repeat 20px 38px;
}
.social a {
  width:52px;
  height:52px;
  float:left;
  margin-right:5px;
  background: transparent url(../../images/sbs2/social_media_sprite.png) no-repeat -93px 100%;
}
.keepintheloop {
  padding:6px;
  clear:both;
  margin-bottom:20px;
}
.keepintheloop a,
.keepintheloop a:visited{
  text-indent:-99999px;
  overflow:hidden;
  width:289px;
  height:109px;
  display:block;
  background: transparent url(../../images/sbs2/sprite-sign-up.png) no-repeat 0 0;
}
.keepintheloop a:hover {
  background-position:0 100%;
}

.social a.fb:hover {

}
.social .fb {
    background-position: -145px 100%;
}
.social a.fb:hover {
    background-position: -145px 0;
}

.social a.twitter {
  background-position: -93px 100%;
}
.social a.twitter:hover {
  background-position: -93px 0;
}


/*
* Footer
*/

#footer {display:block;width:990px;position:relative;font-size:12px;padding-top:50px;}
.footer_bg {position:relative;}
.footer_mask {background:#f1f2f6 url(../../images/sbsone/footer_bg-bottom.png) no-repeat 50% 0;}
#page_bottom{margin:auto;background:transparent;width:990px;position:relative;padding-top:0;}
#fbox1,#fbox2,#fbox3,#fbox4,#fbox5,.copyright{float:left;margin-right:10px;width:180px;text-align:left;}
#fbox1 {margin-right:10px;display:block;height:100px;background:transparent url(../../images/sbsone/sbslogo_footer.jpg) no-repeat 30px 20px;}
#fbox1 img {display:none;}

h4.footer{font-size:12px;margin:10px 0 0 0;padding:6px 0;clear:both;border-bottom:1px dotted #9c9e9f; color:#616263;float:left; width:100%;}
ul.footer{margin:0;width:100%;padding:8px 0 0 0;background:transparent none;height:auto;overflow:visible;clear:both;float:left;list-style-image:none;list-style-type:none;}
ul.footer li{clear:both;}
ul.footer li a,ul.footer li a:visited,
ul.footer li a:hover{font-size:11px;line-height:18px;display:inline;padding-left:15px;width:auto;height:auto;float:left;text-decoration:none;color:#4a4b4c;}
ul.footer li a:hover {color:#008f84;}
ul.footer li {float:left;width:100%;clear:both;}
ul.footer li a, ul.footer li a:visited, ul.footer li a:hover {background: transparent url(../../images/sbsone/list-icon.jpg) no-repeat 0 5px;}
.copyright{position:relative;left:230px;padding:15px 0 10px 0;width:700px;text-align:left;font-size:12px;color:#C8CFD7;}
.copyright a{color:#4a4b4c;text-decoration:none;}



/* Carousel - flash replacement */
	
	.carousel_set {
    background:#2a2a2a;
		width:631px;
		height:345px;
		overflow:hidden;
		font-family:arial, times new roman, serif;
		font-size:12px;
	}
	.carousel_set  a,
	.carousel_set  a:visited,
	.carousel_set  a:hover {
		color:#fff;
		text-decoration:none;
	}
	.carousel_set  a:hover {
		text-decoration:underline;
	}

		.carousel_contents {
			position:relative;
			width: 478px;
			height:100%;
			float:left;
		}
		
    .carousel_tabs {
      float:left;
      width:145px;
      height:100%;
      background:#333;
      border-right:8px solid #018e85;
    }
			 .content {
				position:absolute;
				top:0;
				right:0;
				opacity:0;
				visibility:hidden;
				height:100%;
				width: 478px;
				float:left;
			 }
			.carousel_tabs .tab {
				height:68px;
				border-bottom:1px solid #fff;
				background:#f0f3f8 /*url(../../images/carousel_tab_texture.png) repeat 0 0*/;
				color:#2a2a2a;
				transition:background .3 linear;
				-moz-transition:background .3s linear; /* Firefox 4 */
				-webkit-transition:background .3s linear; /* Safari and Chrome */
				-o-transition:background .3s linear; /* Opera */
			}
			.carousel_tabs .tab:hover {
				cursor:pointer;
        color:#fff;
				background-color:#444;
				transition:all .1 linear;
				-moz-transition:all .1s linear; /* Firefox 4 */
				-webkit-transition:all .1s linear; /* Safari and Chrome */
				-o-transition:all .1s linear; /* Opera */
			}
			.content.on {
				opacity:1;
				visibility:visible;
				z-index:20;
				-moz-transition:all .2s ease-in; /* Firefox 4 */
				-webkit-transition:all .2s ease-in; /* Safari and Chrome */
				-o-transition:all .2s ease-in; /* Opera */
			 }
			.carousel_tabs .tab.on {
        border-color:#018e85;
				background-color:#018e85;
				color:#fff;
				transition:all .3 ease-in-out;
				-moz-transition:all .3s ease-in-out; /* Firefox 4 */
				-webkit-transition:all .3s ease-in-out; /* Safari and Chrome */
				-o-transition:all .3s ease-in-out; /* Opera */
			}
				.content .info {
					width:100%;
					height:69px;
					background:#2a2a2a;
					color:#fff;
					position:absolute;
					bottom:0;
					left:0;
				}
				.content .info > div {
					padding:5px 105px 0 15px;
				}
				.content .info .subtitle {
          margin-bottom:-3px;
					padding-top:5px;
					color:#888f99;
				}
        #content #feature_carousel .info a {
          background:#6e6e6e;
          color:#fff;
          right:10px;
          bottom:10px;
          padding:3px 8px;
          position:absolute;
          -moz-border-radius:3px;
          -webkit-border-radius:3px;
          border-radius:3px;
          font-weight:normal;
          opacity:.8;
          transition:all .1 linear;
          -moz-transition:all .1s linear; /* Firefox 4 */
          -webkit-transition:all .1s linear; /* Safari and Chrome */
          -o-transition:all .1s linear; /* Opera */
          text-decoration:none;
				}
        #content #feature_carousel .info a:hover {
          transition:all .1 linear;
          -moz-transition:all .1s linear; /* Firefox 4 */
          -webkit-transition:all .1s linear; /* Safari and Chrome */
          -o-transition:all .1s linear; /* Opera */
          opacity:1;
        }
				.content img {
					width:100%;
					height:276px;
				}
				.content .description {
          font-size:14px;
          line-height:18px;
          padding-top:5px;
				}
				.carousel_tabs .tab > div {
					padding:1px 10px;
				}
				.carousel_tabs .tab .title {
					padding-top:5px;
				}
				
				.tab .title {
					font-size:14px;
					/*font-weight:bold;*/
				}
				.tab .subtitle {
					font-size:12px;
					color:#888f99;
					transition:all .1 linear;
					-moz-transition:all .1s linear; /* Firefox 4 */
					-webkit-transition:all .1s linear; /* Safari and Chrome */
					-o-transition:all .1s linear; /* Opera */
				}
				
				.carousel_tabs .tab:hover .subtitle,
				.carousel_tabs .tab.on .subtitle {
					color:#fff;
					transition:all .1 linear;
					-moz-transition:all .1s linear; /* Firefox 4 */
					-webkit-transition:all .1s linear; /* Safari and Chrome */
					-o-transition:all .1s linear; /* Opera */
				}