﻿/* ------------------------------------------------------------------------  

    * Filename:		master.css 

    * Description:	Handles the site layout. 

    * Version:		1.0.0 (2009-05-01) YYYY-MM-DD  

    * Website:		http://www.magnerspear.com/

    * Author:		Srinivas Padma

    == STRUCTURE: ============================== 

    * Page width: 1005 px 

    * Number of columns: 2 

    ============================================ */


/* generic */

* {
	border-style: none;
	border-color: inherit;
	border-width: 0;
	padding: 0;
	margin: 0;
}
a {
	text-decoration:none;
}
.clear {
	clear:both;
	display:inline;
}
.left {
	float: left;
}
.right {
	float: right;
}
html {
	height: 100%;
	background: #ffffff;
}
body {
	font: normal 0.625em Trebuchet MS, Arial;
	color:#333300;
	height: 100%;
}
/*#BGwrapper { width: 1013px; margin: 0 auto; background: url(../Images/main-background.gif) repeat-y center top; }*/

#wrapper {
	width: 1005px;
	margin: 0 auto;
	position:relative;
}
#header {
	height:195px;
	width:1005px;
}
#header a {
	float:left;
}
#content {
	margin: 0 12px 0 11px;
}
#age-loader-container {
	margin:60px auto 0 auto;
	width:900px;
}
#gold-box-top {
	background: url(../Images/gold-top.png) no-repeat center top;
	width:982px;
	height:28px;
	position:relative;
	margin:0 0 30px 0;
}
#gold-box-bg {
	background:url('../Images/gold-bg.jpg') repeat-y center top;
	width:982px;
	position:relative;
}
#gold-box-btm {
	background: url(../Images/gold-btm.png) no-repeat center bottom;
	width:982px;
	height:27px;
}
#flashcontent {
	width:537px;
	height:300px;
	margin:5px 0 0 222px;
}
#logo {
	height:84px;
	width:190px;
	background: url(../Images/magner-pear-logo.png) no-repeat top;
	position:absolute;
	left:395px;
	top:-33px;
	text-indent:-2000px;
}
#inner-footer {
	position:relative;
	height:292px;
}
#inner-footer #bottle {
	height:320px;
	position:relative;
	bottom:55px;
}
#footer {
	width:938px;
	margin:0 48px 0 49px;
	overflow:hidden;
	position:relative;
	left:0;
	bottom:38px;
}
#footer ul li {
	color:#cccccc;
	list-style:none;
	float:left;
	display:inline;
	padding-right:5px;
	font-size:1em;
}
#footer ul li a {
	color:#cccccc;
	text-decoration:none;
}
#footer #logo-drinkAware {
	float:right;
	background: url(../Images/logo-drink-aware-co-uk.png) no-repeat right top;
	width:77px;
	height:8px;
	margin-top:4px;
	text-indent:-2000px;
}
#footer #logo-drinkAware a {
	color:#FFFFFF;
	display:block;
	position:relative;
}
.inner-padding {
	margin: 0 37px 7px 37px;
	overflow:hidden;
}
/* min height */

.minheight-340 {
	min-height:340px;
}
.minheight-200 {
	min-height:200px;
}
.minheight-213 {
	min-height:213px;
}
.minheight-194 {
	min-height:194px;
}
.minheight-217 {
	min-height:217px;
}
.minheight-245 {
	min-height:245px;
}
.minheight-120 {
	min-height:96px;
}
/*The following css has been added by pws*/
.singleWidthColumn-News {
	float:left;
	margin-right:13px;
	
}
/* ***********************/
/*  White Panel containers  */

.singleWidthColumn {
	float:left;
	margin-right:13px;
	margin-top:-5px;
}
.singleWidthColumn .last {
	float:left;
	margin:0px;
}
.singleWidthColumnVideo {
	float:left;
	margin-right:17px;
	margin-top:-4px;
}
.singleColumnInner {
	float:left;
	width:238px;
	margin-right:15px;
}
.last {
	margin:0;
}
.mr-13 {
	margin-right:13px;
}
/*  Panels  */

#content-header {
	background: url(../Images/pear-header.png) no-repeat center top;
	width:907px;
	height:83px;
	margin-bottom:10px;
}
#content-header.plain {
	background: url(../Images/pear-header-plain.png) no-repeat center top;
	width:907px;
	height:83px;
	margin-bottom:10px;
}
#content-header h2 {
	padding: 60px 55px 0 0;
	text-indent:-2000px;
}
#content-header h2#MPP {
	background: url(../Images/header-Magners-Privacy-Policy.png) no-repeat center center;
	width:223px;
	height:26px;
}
#content-header h2#ImpInt {
	background: url(../Images/header-100-percent-important-0-percent-interesting.png) no-repeat center center;
	width:320px;
	height:26px;
}
#content-header h2#faqs {
	background: url(../Images/header-faqs.png) no-repeat center center;
	width:42px;
	height:25px;
}
#content-header h2#news {
	background: url(../Images/header-Whats-new-in-the-world-of-magners.png) no-repeat center center;
	width:341px;
	height:26px;
}
#content-header h2#pear {
	background: url(../Images/header-why-make-it-100-pear.png) no-repeat center center;
	width:240px;
	height:26px;
}
#content-header h2#about {
	background: url(../Images/header-where-it-all-started.png) no-repeat center center;
	width:185px;
	height:21px;
}
#content-header h2#contact {
	background: url(../Images/header-want-to-get-hold-of-us.png) no-repeat center center;
	width:219px;
	height:26px;
}
#content-header h2#register {
	background: url(../Images/header-register.png) no-repeat center center;
	width:81px;
	height:26px;
}
#content-header h2#comedy {
	background: url(../Images/header-check-out-our-100-comedy-videos.png) no-repeat center center;
	width:343px;
	height:26px;
	float:left;
}
.white-full-width-panel-top {
	background: url(../Images/content-top-white.png) repeat-y center top;
	width:907px;
}
.white-full-width-panel-bottom {
	background: url(../Images/content-btm-white.png) no-repeat center bottom;
	width:907px;
	height:17px;
}
.content-padding {
	padding:25px 28px 12px 28px;
	overflow:hidden;
}
.content-padding h3 {
	font-size:1.4em;
	margin:0 0 10px 0;
	color:#0c8242;
	font-weight:normal;
}
.content-padding p {
	font-size:1.2em;
	margin:0 0 15px 0;
	color:#003b16;
}
.content-padding p.green {
	color:#0C8242;
}
.content-padding p.last {
	margin-bottom:0;
}
.content-padding ol {
	margin-bottom:0;
}
.content-padding ol li {
	font-size:1.2em;
	color:#0c8242;
	list-style-position:outside;
	margin:0 0 6px 20px;
}
.content-padding ol li span {
	color:#333300;
}
.content-padding-comedy {
	padding:20px 25px 4px 25px;
	overflow:hidden;
	position:relative;
	height:260px;
}
.content-padding-comedy-content {
	padding:0px 8px 0px 8px;
	overflow:hidden;
}
.content-padding-comedy-content-mask {
	overflow:auto;
	position:relative;
	width:302px;
}
content-padding-comedy-content-container {
	left:0;
	overflow:hidden;
	position:absolute;
	top:0;
}
.content-padding-comedy h3 {
	font-size:1.4em;
	margin:0 0 10px 0;
	color:#0c8242;
	font-weight:normal;
}
.content-padding-comedy p {
	font-size:1.2em;
	margin-bottom:15px;
	color:#003b16;
}
.content-padding-comedy p.last {
	margin-bottom:0;
}
.white-double-column-width-panel-top {
	background: url(../Images/content-top-547-white.png) repeat-y center top;
	width:547px;
	overflow:hidden;
}
.white-double-column-width-panel-bottom {
	background: url(../Images/content-btm-547-white.png) no-repeat center bottom;
	width:547px;
	height:17px;
}
.white-double-column-width-panel-top .padTop {
	padding-top:0;
}
.white-double-column-width-panel-top .padding {
	/* padding:0 6px; updated on 1405 */ 
	padding:0px;
}
.white-double-column-width-panel-top .paddingT {
	padding-top:12px;
}
.white-double-column-width-panel-top .paddingN {
	padding-top:0px; 
}
.white-double-column-width-panel-top #pearbanner {
	background: url(../Images/pear-cider-banner.gif) no-repeat left top;
	width:495px;
	height:137px;
	margin:30px auto 0 auto;
	color:#003b16;
	font-size:1.4em;
	font-weight:bold;
	text-indent:-2000px;
}
.white-double-column-width-panel-top #NewsVideo{
	width:499px;
	margin:12px 24px 0 24px;
}
.white-double-column-width-panel-top .NewsVideoImageBoth {
	
	margin:-12px 0px 0 0px;
}

.white-double-column-width-panel-top h3 {
	font-size:1.4em;
	margin-bottom:10px;
	color:#003b16;
	font-weight:bold;
}
.white-double-column-width-panel-top p.PL {
	padding-left:8px;
}
.white-double-column-width-panel-top p a {
	color:#0c8242;
	text-decoration:underline;
}
.white-single-column-width-panel-top {
	background: url(../Images/news-panel-top-347.png) repeat-y center top;
	width:347px;
}
.white-single-column-width-panel-bottom {
	background: url(../Images/news-panel-btm-347.png) no-repeat center bottom;
	width:347px;
	height:17px;
	margin-bottom:10px;
}
.white-single-column-width-panel-top h4 {
	background: url(../Images/latest-news.jpg) no-repeat top left;
	width:116px;
	height:21px;
	font-size:1.4em;
	margin-bottom:10px;
	text-indent:-2000px;
	color:#0c8242;
}
.white-single-column-width-panel-top h3 {
	font-size:1.4em;
	margin-bottom:2px;
	color:#0c8242;
}
.white-single-column-width-panel-top p.green {
	color:#0C8242;
	margin-bottom:6px;
}
.white-single-column-width-panel-top p.green a {
	color:#0C8242;
	text-decoration:underline;
}
.white-single-column-width-panel-top p {
	margin-bottom:10px;
}
.white-single-column-width-panel-top p.last {
	margin:0;
}
.image-panel {
	width:347px;
	height:66px;
	float:left;
}
.image-panel h5 {
	padding:0px 28px 0 0;
	color:#ffffff;
	margin:0;
	text-align:right;
	font-size:1.2em;
	font-weight:normal;
}
.white-thin-column-panel-top {
	background: url(../Images/news-panel-top-249.png) repeat-y center top;
	width:249px;
}
.white-thin-column-panel-bottom {
	background: url(../Images/news-panel-btm-249.png) no-repeat center bottom;
	width:249px;
	height:17px;
}
.white-thin-column-panel-top h3 {
	font-size:1.4em;
	margin:0 0 7px 0;
	color:#0c8242;
}
.white-thin-column-panel-top p {
	margin-bottom:10px;
}
.white-thin-column-panel-top p.last {
	margin:0;
}
.white-thin-column-panel-top p a {
	color:#0c8242;
	text-decoration:underline;
}
/*
.white-very-thin-column-panel-top {
	background: url(../Images/video-panel-top-243.png) repeat-y center top;
	width:243px;
} updated by Srinivas - 1305 */ 


.white-very-thin-column-panel-top {background:url(../Images/video-panel-top-243.png) repeat-y center top; width:243px; height:278px;}

.white-very-thin-column-panel-bottom {
	background: url(../Images/video-panel-btm-243.png) no-repeat center bottom;
	width:243px;
	height:16px;
}
.white-very-thin-column-panel-top h3 {
	font-size:1.4em;
	margin:0 0 7px 0;
	color:#0c8242;
}
.white-very-thin-column-panel-top p {
	margin-bottom:10px;
	line-height:16px;
}
.white-very-thin-column-panel-top p.last {
	margin-bottom:5px;
	line-height:16px;
}
.white-very-thin-column-panel-top p a {
	color:#0c8242;
	text-decoration:underline;
}

/* comedy panel */
.white-comedy-panel-top {
	background:url(../Images/comedy-panel-top-357.png) repeat-y center top; 
	width:357px; 
}
.white-comedy-panel-bottom {
	background: url(../Images/comedy-panel-btm-357.png) no-repeat center bottom;
	width:357px;
	height:17px;
}
.white-comedy-panel-top-top h3 {
	font-size:1.4em;
	margin:0 0 7px 0;
	color:#0c8242;
}
.white-comedy-panel-top-top p {
	margin-bottom:10px;
	line-height:16px;
}
.white-comedy-panel-top-top p.last {
	margin-bottom:5px;
	line-height:16px;
}
.white-comedy-panel-top-top p a {
	color:#0c8242;
	text-decoration:underline;
}
/*Thank you & Unsubscribed page style */

.message-container {
	width:266px;
	height:auto;
	margin:0 auto;
	padding:100px 0px 100px 0px;
	overflow:hidden;
}
/*************** The following ***************/
.divNewsimage{

            width:495px;
            margin:25px auto 0 auto;
            color:#003b16;
            font-size:1.4em;
            font-weight:bold;

        }
/*************** ***************/
.message-container-head {
	background: url(../Images/unsub-thankyou-266-top.png) repeat-y center top;
	width:266px;
	padding:0;
}
.message-container-tail {
	background: url(../Images/unsub-thankyou-266-btm.png) no-repeat center bottom;
	width:266px;
	height:16px;
}
.message-container-head h3 {
	font-size:1.4em;
	margin-bottom:7px;
	color:#0c8242;
}
.message-container-head p {
	margin-bottom:10px;
	font-size:1.2em;
	color:#003b16;
	line-height:18px;
}
.message-container-head p.last {
	margin:0px;
	line-height:18px;
}
.message-container-head a {
	color:#0c8242;
	text-decoration:underline;
}
/* buttons */
#button {
	padding: 0;
	margin: 0;
	width:491px;
}
#button ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#button ul li {
	float: left;
	display:inline;
	font-size: 1.2em;
	margin:6px 15px 0 0;
	width:238px;
}
#button ul li.last {
	margin-right:0;
}
#button li a {
	padding: 9px 7px 3px 35px;
	line-height:19px;
	text-decoration: none;
	color: #003b16;
	border: none;
	display: block;
	outline: none;
	height:24px;
}
#button .btnOrangeGreen a {
	width: 195px;
	background: url("../Images/btn-orange-green.png") 0 0 no-repeat;
}
#button .btnOrangeGreen a:hover {
	background-position: bottom left;
	color:#ffffff;
}
/* List Buttons */
#list-button {
	margin: 0;
	overflow:hidden;
}
#list-button ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width:288px;
}
#list-button ul li {
	float: left;
	display:inline;
	font-size: 1.2em;
	width:288px;
	margin:0 0 1px 0;
	list-style: none;
}
#list-button ul li.last {
	margin-right:0;
}
#list-button li a {
	padding: 3px 7px 0 28px;
	line-height:19px;
	text-decoration: none;
	color: #003b16;
	border: none;
	display: block;
	outline: none;
	height:19px;
}
#list-button a {
	width: 288px;
	background: url("../Images/list-btn.png") 0 0 no-repeat;
}
#list-button a:hover {
	background-position: bottom left;
	color:#ffffff;
}
/*    Forms   */
#register-form {
	overflow:hidden;
}
#register-form h3 {
	font-size:1.4em;
	margin-bottom:10px;
	color:#0c8242;
	font-weight:normal;
}
#register-form p {
	font-size:1.2em;
	margin-bottom:12px;
	color:#003b16;
	width:300px;
	line-height:16px;
}
#register-form p.last {
	margin-bottom:4px;
}
#register-form fieldset {
	width:332px;
	margin-bottom:10px;
	float:left;
}
#register-form label {
	display:block;
	float:left;
	margin-right:10px;
	text-align:right;
	width:86px;
	font-size:1.2em;
	color:#003b16;
	line-height:22px;
}
#register-form input, textArea {
	color:#003b16;
	width:228px;
	margin-bottom: 5px;
	border:1px solid #c3c3c3;
	background-color:#ffffff;
	font-size:1.2em;
	height:16px;
}
#register-form select {
	color:#003b16;
	margin:0 20px 5px 0;
	border:1px solid #c3c3c3;
	background-color:#ffffff;
	font-size:1.2em;
	height:20px;
}
#register-form #CB input {
	color:#003b16;
	font-size:1.2em;
	width:20px;
	border:0;
	margin-left:12px;
}
#register-form #submit input {
	color:#003b16;
	font-size:1.2em;
	width:111px;
	height:36px;
	border:0;
}
#register-form .dob select {
	color:#003b16;
	margin-right:10px;
	border:1px solid #c3c3c3;
	background-color:#ffffff;
	font-size:1.2em;
	height:20px;
}
#register-form #btm p {
	font-size:1.2em;
	margin-bottom:12px;
	color:#003b16;
	width:200px;
	line-height:16px;
}
#register-form .button {
	width: 111px;
	height: 36px;
	border: 0;
	border:0;
	float:right;
	margin:0 2px 0 0;
	text-indent:-2000px;
}
#register-form .button input {
	background:url(../Images/btn-submit.png) 0 0 no-repeat;
	cursor:pointer;
	width: 111px;
	height: 36px;
	border: 0;
	display:block;
	text-indent:-2000px;
	margin:0;
	font-size: 0px;
	line-height: 0px;
}
#register-form .button input:hover {
	background-position: bottom left;
	color:#ffffff;
}
/*    Forms - ContactUs Page  */
#contact-form {
	margin:0px 0 0px 0;
	overflow:hidden;
}
#contact-form fieldset {
	width:347px;
	margin:5px 0 0 0;
	float:left;
}
#contact-form label {
	display:block;
	float:left;
	margin-right:16px;
	text-align:right;
	width:113px;
	font-size:1.2em;
	color:#003b16;
}
#contact-form input, textArea {
	color:#003b16;
	width:212px;
	margin-bottom: 5px;
	border:1px solid #c3c3c3;
	background-color:White;
}
#contact-form select {
	color:#003b16;
	margin:0 0 5px 0;
	border:1px solid #c3c3c3;
	background-color:#ffffff;
	font-size:1.2em;
	height:20px;
	width:214px;
}
#contact-form .button {
	width: 111px;
	height: 36px;
	border: 0;
	border:0;
	float:right;
	margin:0 2px 0 0;
	text-indent:-2000px;
}
#contact-form .button input {
	background:url(../Images/btn-submit.png) 0 0 no-repeat;
	cursor:pointer;
	width: 111px;
	height: 36px;
	border: 0;
	display:block;
	text-indent:-2000px;
	margin:0;
	font-size: 0px;
	line-height: 0px;
	overflow:hidden;
}
#contact-form .button input:hover {
	background-position: bottom left;
	color:#ffffff;
}
#verfication {
	float:left;
	margin:0 5px 5px 0;
}
/*  Comedy  */
.inner-padding-video {
	padding:5px 90px 40px 38px;
	overflow:hidden;
}
#videoPanel {
	width:537px;
	height:300px;
	margin:0 12px 0 44px;
}
.inner-padding-comedy-video {
	padding:5px 40px 5px 38px;
	overflow:hidden;
}

#videoPanelComedy {
	width:530px;
	margin:0;
}
/*
#videoList {
	width:202px;
	overflow:hidden;
	min-height:156px;
} 
#videoList {min-height:130px; overflow:hidden;width:202px;}
#videoList ul li {
	list-style:none;
	float:left;
	height:52px;
	width:101px;
	font-size:1.2em;
}
#videoList ul li.last {
	margin-bottom:20px;
}
#videoList ul li a {
	color:#0c8242;
}
#videoList ul li.middle {
	height:59px;
}
#previous a {
	float:left;
	color:#0C8242;
	font-size:1.2em;
	text-decoration:none;
}
#next a {
	float:right;
	color:#0C8242;
	font-size:1.2em;
	text-decoration:none;
} updated by srinivas---16062009 */

#videoList {
	overflow:hidden;
	width:304px;height:197px;
}
.scroll-right-active{background:url(../Images/gallery_scroll_right_active.gif) 0 0 no-repeat;width:34px;height:29px; display:block}
.scroll-right-inactive{background:url(../Images/gallery_scroll_right.gif) 0 0 no-repeat;width:34px;height:29px; display:block}
.scroll-left-active{background:url(../Images/gallery_scroll_left_active.gif) 0 0 no-repeat;width:34px;height:29px; display:block}
.scroll-left-inactive{background:url(../Images/gallery_scroll_left.gif) 0 0 no-repeat;width:34px;height:29px; display:block}
.slideoutercontainer{width:304px;height:197px; position:absolute; overflow:hidden}
.sliderul{ position:absolute}
.complatewidth{width:304px !important; margin:0px !Important; padding:0px !important; float:left !Important}
#videoList ul li {
	list-style:none;
	float:left;
	width:142px;
	font-size:1.2em;
	margin:0 20px 10px 0;
}
#videoList ul li.right {
	margin-right:0;
}
#videoList ul li.last {
	margin-bottom:0;
}
#videoList ul li a {
	color:#0c8242;
}
#videoList ul li.middle {
	height:59px;
}
#previous a {
	float:left;
	color:#0C8242;
	font-size:1.2em;
	text-decoration:none;
}
#next a {
	float:right;
	color:#0C8242;
	font-size:1.2em;
	text-decoration:none;
}
/* Over 18 */
.over18Wrapper-bg {
	background: url(../Images/pear-yes-no-image.jpg) no-repeat center center;
	width:885px;
	height:509px;
	margin:60px auto 0 auto;
	padding:0;
}
.over18Wrapper {
	width:254px;
	height:auto;
	margin:0 auto 0 auto;
	padding:225px 0 0 0;
}
.over18Wrapper h1 {
	background: url(../Images/are-you-over-18.png) no-repeat center center;
	width:254px;
	height:25px;
	text-indent:-2000px;
	margin:0px 0px 9px 0px;
}
ul#buttons-over18 {
	list-style: none;
	margin: 0;
	padding:0px 0px 0px 67px;
	height: 24px;
	width: 187px;
}
ul#buttons-over18 li {
	float: left;
	display: inline;
	height: 24px;
	margin: 0 10px;
	overflow: hidden;
}
ul#buttons-over18 li a {
	display: block;
	height: 24px;
	text-indent: -999em;
}
ul#buttons-over18 li#selected a {
	background-position:left bottom;
}
ul#buttons-over18 li.yes a {
	background: url(../Images/yes.png) 0 0 no-repeat;
	width: 39px;
}
ul#buttons-over18 li.no a {
	background: url(../Images/no.png) 0 0 no-repeat;
	width: 29px;
}
ul#buttons-over18 li.yes a:hover, ul#buttons-over18 li.no a:hover {
	background-position: bottom left;
}
/* Over 18 - NoWrapper*/

.over18NoWrapper {
	width:212px;
	height:auto;
	margin:0 auto 0 auto;
	padding:215px 0px 0px 0px;
}
.over18NoWrapper h1 {
	background: url(../Images/sorry-we-cant-serve-you.jpg) no-repeat center center;
	width:212px;
	height:31px;
	text-indent:-2000px;
	margin:0px;
}
.over18NoWrapper h2 {
	background: url(../Images/18-or-over-to-enter-the-site.jpg) no-repeat center center;
	width:212px;
	height:45px;
	text-indent:-2000px;
	margin:0px;
}
.age-loader {
	width:886px;
	height:538px;
	background-color: #FFF;
	margin:150px auto 0 auto;
}
/* Thank You */

.thank-you {
	background: url(../Images/thank-you.png) no-repeat center center;
	width:113px;
	height:66px;
	text-indent:-2000px;
	margin:125px auto 147px auto;
}
/* Coming Soon */

.coming-soon {
	background: url(../Images/coming-soon.png) no-repeat center center;
	width:126px;
	height:66px;
	text-indent:-2000px;
	margin:125px auto 147px auto;
}
/* You have Unsubscribed */

.you-have-unsubscribed {
	background: url(../Images/you-have-unsubscribed.png) no-repeat center center;
	width:178px;
	height:68px;
	text-indent:-2000px;
	margin:125px auto 147px auto;
}
.de-active{ color:#cbcbcb !important; float:left; font-size:1.2em; text-decoration:none;cursor:text;
} 
.pagenation-deactive{font:bold 11px Arial, Helvetica, sans-serif; color:#cbcbcb; text-decoration:none; cursor:text;}

/*  Comedy  */

#content-header #videos {
	float:right;
 	margin:24px 19px 0 20px;
}
#content-header #videos ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#content-header #videos ul li {	
	float: left;
	display:inline;
	font-size: 1.2em;
	margin:0 6px 0 0;
	width:108px;
}
#content-header #videos ul li.last {
	margin-right:0;
}
#content-header #videos ul li a {	
	padding: 9px 7px 3px 35px;
	line-height:16px;
	text-decoration: none;
	color: #003b16;
	border: none;
	display: block;
	outline: none;
	height:24px;
}
#content-header #videos ul li a {
	width: 108px;
	background: url("../Images/btn-comedy.jpg") 0 0 no-repeat;
}
#content-header #videos ul li a:hover {
	background-position: bottom left;
	color:#ffffff;
}
#content-header #videos ul li a.selected {
	background-position: bottom left;
	color:#ffffff;
}
#videoList_controls {
	display: none;
	overflow: hidden;
	margin: 5px 0 0 0;
}
#videoList_controls a.videoList_scroller.left	{
	float:left;
	margin:0 0 0 1px;
	display:inline;
}
#videoList_controls a.videoList_scroller.right	{
	float:right;
	margin:0 3px 0 0;
	display:inline;
}
#videoList_controls .paging_container {
	float:left; 
	width:105px; 
	text-align:center;
	padding:6px 0 0 0;
	margin:0 0 0 85px;
}
#videoList_controls .paging_container ul li {
	float:left;
	list-style:none none outside;
	margin:0 5px 0 0;
	background: url("../Images/paging-dot-grey.gif") 0 0 no-repeat;
	width:18px;
	height:18px;
}
#videoList_controls .paging_container ul li.current {
	background: url("../Images/paging-dot-green.gif") 0 0 no-repeat;
}

.pop_v ul, .pop_v ul li{margin:0px; padding:0px; border:0px; list-style:none; position:absolute; z-index:10000;}

.v_pop_left{     height:29px; width:10px; background: url("../Images/v_pop_left.png") no-repeat left top; float:left;}

.v_pop_right{    height:29px; width:10px; background: url("../Images/v_pop_right.png") no-repeat left top; float:left}

.v_pop_middle{   background: url("../Images/v_pop_middle.png") repeat-x left top; 
                 font:10px Arial, Helvetica, sans-serif !important; 
                 color:#fff; float:left; height:29px; padding-top:8px !important;}
.tooltip_div {margin:0px; padding:0px; border:0px; list-style:none; position:absolute; z-index:10000;width:200px; display:none;}
.tooltip_div li{ list-style:none;}
.videoContainer{width:547px;float:left; height:308px; }