/* 
Styles Added or Changed by Pitch (pitch.net.nz) 
This file will be used until the Shift stylesheet can be cleaned.
*/

/* 
Tweaks
*/
.feature.ask-a-sexpert {clear: both;}
.feature.ask-a-sexpert h2 {background: url(../img/title-ask-sexpert.png) 0px 9px no-repeat;}


/*
Get It On TV Home Fader
*/

.tv-home-fade {
	width: 406px;
	float: right;
	margin: 0px;
	height: 264px;
	position: relative;
	padding: 7px 0 0 0;
	background: #FFFFFF url(/resources/img/tv-home-fade.jpg) bottom center no-repeat;
	}
	
	.tv-home-fade span.arrows a{
		display: block;
		width: 40px;
		height: 40px;
		top: 162px;
		position: absolute;
		}
		
		.tv-home-fade a#prev {
			left: 37px;
			background: url(/resources/img/tv-fade-left.png) top left no-repeat;
			}
			
			.tv-home-fade a#prev:hover {
				background: url(/resources/img/tv-fade-left.png) center left no-repeat;
				}
				
			.tv-home-fade a#prev:active {
				background: url(/resources/img/tv-fade-left.png) bottom left no-repeat;
				}
			
		.tv-home-fade a#next {
			left: 328px;
			background: url(/resources/img/tv-fade-right.png) top left no-repeat;
			}
			
			.tv-home-fade a#next:hover {
				background: url(/resources/img/tv-fade-right.png) center left no-repeat;
				}
				
			.tv-home-fade a#next:active {
				background: url(/resources/img/tv-fade-right.png) bottom left no-repeat;
				}
		
		#video-title {
			margin: 68px 15px 0px 15px;
			text-align: center;
			}
			
			#video-title span {
				margin: 0px auto;
				padding: 8px 0 8px 0px;
				background: url(/resources/img/tv-fade-title-right.png) top right no-repeat;	
				}
				
				#video-title span span {
					padding: 8px 15px 8px 15px;
					background: url(/resources/img/tv-fade-title-left.png) top left no-repeat;
					}
								
		#video-image {
			width: 120px;
			height: 95px;
			z-index: 100;
			top: 122px;
			left: 118px;
			position: absolute;
			text-align: center;
			}
			
		#video-link {
			width: 201px;
			height: 143px;
			left: 102px;
			top: 109px;
			z-index: 200;
			position: absolute;
			background: url(/resources/img/tv-transparent.png) top no-repeat;
			}
			
			#video-link a {
				display: block;
				width: 201px;
				height: 143px;
				left: 102px;
				top: 109px;
				cursor: pointer;
				text-indent: -9999px;
				}
				
			#video-link:hover {
				cursor: pointer;
				background: url(/resources/img/tv-transparent.png) bottom no-repeat;
				}
			
			
			
	#video-arrow {
			width: 13px;
			height: 9px;
			top: 95px;
			left: 196px;
			position: absolute;
			background: url(/resources/img/tv-fade-title-arrow.jpg) top center no-repeat;
			}
		



/*
Get It On TV
*/
div#tv-header {
	overflow: hidden;
	margin: 0 0 20px 0;
	padding: 0 0 1px 0;
	border-bottom: 1px solid #e0e0e0;
	}

	div#tv-header h2 a {
		text-indent: -9999px;
		display: block;
		float: left;
		width: 288px;
		height: 90px;
		background: url(/resources/img/tv-logo.jpg) no-repeat;
		}
		
		div#tv-header h2 a.list {
			background: url(/resources/img/tv-logo-list.jpg) no-repeat;
			}
	
	a.header-social {
		float: right;
		display: block;
		height: 25px;
		text-indent: -9999px;
		margin: 53px 0 11px 0;
		}
	
		a.tv-twitter {
			width:  181px;
			margin-left: 15px;
			background: url(/resources/img/tv-twitter.jpg) top no-repeat;
			}
		
			a.tv-twitter:hover {
				background-position: bottom;
				}
		
		a.tv-facebook {
			width: 168px;
			background: url(/resources/img/tv-facebook.jpg) top no-repeat;
			}
		
			a.tv-facebook:hover {
				background-position: bottom;
				}
				
				
		a.tv-join {
			width: 168px;
			background: url(/resources/img/tv-join-facebook.jpg) top no-repeat;
			}
		
			a.tv-join:hover {
				background-position: bottom;
				}
				
	a.tv-home {
		float: right;
		display: block;
		height: 16px;
		width: 40px;
		text-indent: -9999px;
		margin: 58px 0 0 0;
		background: url(/resources/img/tv-home.jpg) top center no-repeat;
		}
		
		a.tv-home:hover {
			background-position: center;
			}
			
		a.tv-home:active, div#tv-header a.selected {
			background-position: bottom;
			}
		
	a.tv-list {
		float: right;
		display: block;
		height: 18px;
		text-indent: -9999px;
		width: 40px;
		margin: 57px 15px 0 0;
		border-left: 1px solid #dfdfdf;
		background: url(/resources/img/tv-list.jpg) top center no-repeat;
		}
		
		a.tv-list:hover {
			background-position: center;
			}
			
		a.tv-list:active, div#tv-header a.selected {
			background-position: bottom;
			}
				
div#tv-left {
	width: 551px;
	float: left;
	margin: 0 15px 55px 0;
	}
	
div#tv-right {
	width: 275px;
	float: left;
	margin: 0 0 55px 0;
	}
	
div#tv-description-header {
	height: 17px;
	margin: 10px 0 0 0;
	background: url(/resources/img/tv-description-header.jpg) no-repeat;
	}
	
div#tv-description-footer {
	height: 9px;
	background: url(/resources/img/tv-description-footer.jpg) no-repeat;
	}
	
div#tv-description {
	padding: 3px 15px 5px 15px;
	background: #e9f8fa;
	border-left: 1px solid #d3eff1;
	border-right: 1px solid #d3eff1;
	}
	
	div#tv-description h3 {
		font-size: 18px;
		font-weight: bold;
		line-height: normal;
		text-transform: none;
		padding: 1px 0 0 23px;
		background: url(/resources/img/tv-icon.jpg) left top no-repeat;
		}
		
	div#tv-description p {
		color: #404040;
		margin: 5px 0 0 0;
		}

ul#tv-listing {
	margin: 0;
	padding: 0;	
	}
	
	ul#tv-listing li {
		overflow: hidden;
		list-style: none;
		margin: 0 0 10px 0;
		}
		
	ul#tv-listing li a {
		position: relative;
		}
		
		ul#tv-listing li img {
			float: left;
			border: 2px solid #94cbd0;
			border-radius: 2px;
			margin: 0 10px 0 0;
			}
			
		ul#tv-listing li span {
			position:absolute;
			width: 41px;
			height: 33px;
			background: url(/resources/img/play-list.png) top center no-repeat;
			left: -95px;
			top: 26px;
			text-indent: -9999px;
			}
			
			ul#tv-listing li a:hover span {
				background-position: bottom center;
				}
			
				
		ul#tv-listing li h4 {
			text-transform: none;
			}
	
a.tv-view {
	display: block;
	width: 155px;
	height: 27px;
	margin: 3px 0 10px 0;
	text-indent: -9999px;
	background: url(/resources/img/tv-view.jpg) no-repeat;
	}
	
	a.tv-view:hover {
		background-position: bottom;
		}
	
	
div#tv-large {
	
	}
	
ul#tv-large-listing {
	margin: 0;
	padding: 0;	
	overflow: hidden;
	}
	
	ul#tv-large-listing li {
		width: 385px;
		float: left;
		overflow: hidden;
		list-style: none;
		margin: 0 0 20px 0;
		}
		
		ul#tv-large-listing li a {
			position: relative;
			}
			
		
		ul#tv-large-listing li.right {
			margin-left: 70px;
			}
		
		ul#tv-large-listing li a img {
			float:  left;
			border: 2px solid #94cbd0;
			border-radius: 2px;
			margin: 0 18px 0 0;
			}
			
		ul#tv-large-listing li h4 {
			float: left;
			width: 165px;
			font-weight: bold;
			text-transform: none;
			margin: 0 0 5px 0;
			padding: 0 0 5px 0;
			border-bottom: 1px solid #dfdfdf;
			}
			
		ul#tv-large-listing li span {
			color: #727272;
			}
			
			ul#tv-large-listing li span.time {
				padding: 0 0 0 20px;
				background: url(/resources/img/tv-clock.jpg) top left no-repeat;
				}
				
				
		
		ul#tv-large-listing li a span {
			position:absolute;
			width: 41px;
			height: 33px;
			background: url(/resources/img/play-list.png) top center no-repeat;
			left: -140px;
			top: 50px;
			text-indent: -9999px;
			}
			
			ul#tv-large-listing li a:hover span {
				background-position: bottom center;
				}
		
				
			.paginate {
				margin: 0 0 20px 0;
				padding: 6px 8px;
				}
				
				.paginate a,
				.paginate strong{
					text-decoration: none;
					font-style: normal !important;
					font-weight: bold;
					display: block;
					float: left;
					padding: 3px 10px;
					border: 1px solid #adadad;
					margin-right: 4px;
					color: #adadad;
					;
				}
				
				.paginate a {
				}
				
					.paginate a:hover{
						border-color: #0c95a5;
						background-color:#0c95a5;
						color: #fff !important;
					}
				
				.paginate strong{
					color: #fff;
					background: #0c95a5;
					border: 1px solid #0c95a5; 
				}