/* CSS Document */

/****************************************Our Channels/Our Sports Panels Structure*************************************************/

.panel-header {
	float:left;
	margin:0px;
	padding:1px 4px 2px 4px;
	width:310px;
	height:19px;
	background:url(/images/pageElements/headingGrad.jpg) repeat-x top left;
}

.panel-header h2{
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	width:310px;
	color:#FFFFFF !important;
	z-index:500;
	}

.panel-header h2 a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#FFFFFF !important;
	text-decoration:none;
	}
	
.panel-header h2 a:hover{
	color:#FFDD00 !important;
	text-decoration:none;
	}
	
.panel-wrapper {
	position:relative;
	float:left;
	margin-top:-6px;
	padding:6px 0px 0px 0px;
	width:318px;
	overflow:hidden;
}

.panel-wrapper-large{
	position:relative;
	float:left;
	margin-top:-6px;
	padding:6px 0px 0px 0px;
	width:642px;
	overflow:hidden;
}

.panel-outer {
	position:relative;
	float:left;
	padding:6px 10px 0px 10px;
	margin:0px;
	width:298px;
	height:auto;
	background:url(/images/pageElements/outerpanelbg.jpg) left bottom repeat-x #FFFFFF;
}
.panel-os-rightcol .panel-outer {
	padding-bottom: 10px;
	}
.panel-inner {
	position:relative;
	float:left;
	padding:0px;
	margin:0px;
	border:0px;
	background:#FFFFFF;
}

.bcorner-left{
	position:absolute;
	width:5px;
	height:5px;
	bottom:0px;
	left:0px;
	background:url(/images/pageElements/bcorner-left.gif) left bottom no-repeat;
	z-index:300;
}

.bcorner-right{
	position:absolute;
	width:5px;
	height:5px;
	bottom:0px;
	right:0px;
	background:url(/images/pageElements/bcorner-right.gif) left bottom no-repeat;
	z-index:301;
}

.panel-footer {
	position:relative;
	float:left;
	padding:2px 0px;
	margin:0px;
	width:298px;
	height:30px;
	background:#DDDDDD;
	overflow:hidden;
}

.panel-footer-divider{
	float:left;
	margin-top:3px;
	width:13px;
	height:18px;
	background:url(/images/pageElements/vertical_grey_divide.jpg) center no-repeat;
	}

.pfooter-small{
	height:5px;
	}
	
.panel-wrapper-large .panel-header{
	width:634px;
	}
	
.panel-wrapper-large .panel-outer{
	width:622px;
	}
	
.panel-wrapper-large .panel-footer{
	padding:4px 0px;
	width:622px;
	height:26px;
}

.panel-feature{
	width:622px;
	height:17em;
}
.panel-large{
	width:298px;
	height:12em;
}
.panel-small{
	width:298px;
	height:10em;
}
.panel-smallest{
	width:298px;
	height:10em;
}

p.panel-content {
	float:left;
	margin:0px;
	padding:2px 6px;
	width:144px;
	font-size:1.1em;
}

.panel-img{
position:absolute;
top:-35px;
right:0px;
width:148px;
height:16em;
display:block;
overflow:hidden;
}

.banner-img{
float:left;
}

.panel-wrapper-large .panel-img{
	top:-35px;
	width:460px;
	height:20em;
}

.panel-os-rightcol {
	margin-top:0px;
	padding:0px;
	width:318px;
	overflow:hidden;
}

.panel-os-rightcol .panel-inner {
	height:auto;
}

.panel-os-rightcol .panel-footer{
	padding:4px 0px;
	height:60px;
}

.boxingms-link {
	float:left;
	width:298px;
	height:60px;
	background:url(/images/Ads_banners/boxing-ms-link.jpg) left top no-repeat;
	}
.boxingms-link:hover {
	background-position:left bottom;
	}

.os-fbpanel-img{
	border:0px;
	top:-6px;
}
.smalllogo {
	margin-left:6px;
	border:0px;
}

.panel-platforms {
	float:left;
	padding:3px 0px;
}
.panel-platforms img{
	float:left;
	margin:0px;
	padding:0px;
	border:0px;
}

.subsbanner{
	display:block;
	float:left;
	width:642px;
	height:85px;
	margin:0px;
	background: transparent no-repeat scroll left top;
}

.subsbanner:hover{
	background: transparent no-repeat scroll left bottom;
}
.feature-panel-link {
	display:block;
	float:left;
	padding:0px;
	width:124px;
	height:26px;
}

.feature-panel-link:hover {
	background-position:0px -26px;
}

.england-fplink {
	background-image:url(/images/buttons/england-fp-link.jpg);
}
.bpl-fplink {
	background-image:url(/images/buttons/bpl-fp-link.jpg);
}
.cbpl-fplink {
	background-image:url(/images/buttons/cbpl-fp-link.jpg);
}
.bspl-fplink {
	background-image:url(/images/buttons/bspl-fp-link.jpg);
}
.otherfb-fplink {
	background-image:url(/images/buttons/otherfb-fp-link.jpg);
}
.PGA-fplink {
	background-image:url(/images/buttons/PGA-fp-link.jpg);
}
.UFC-fplink {
	background-image:url(/images/buttons/UFC-fp-link.jpg);
}



/********************************How to subscribe panels*******************************/

.subsPanel {
	padding: 0px 8px 6px 8px;
	margin: 0px;
	width: 302px;
	background: url(/images/pageElements/outerpanelbg.jpg) left top repeat-x #DDDDDD;
	}

.hs1subsPanel{
	padding: 0px 7px 6px 5px;
	margin: 0px;
	background: url(/images/pageElements/outerpanelbg.jpg) left top repeat-x #DDDDDD;
	width:300px;
}
.subsPanelback {
	background: url(/images/pageElements/subsPanelBack.jpg) repeat-y;
	display:block;
	overflow:hidden;
	width: 302px;
	}
	
.subsPanelRight {
	padding: 0px 8px 0px 8px;
	margin: 0px;
	width: 284px;
	background: url(/images/pageElements/outerpanelbg.jpg) left top repeat-x #DDDDDD;
	}	
	
.subsPanelRightback {
	background: url(/images/pageElements/subsPanelRightBack.jpg) repeat-y;
	width: 284px;
	}
	
.subsPanelContent {
	padding: 6px 6px 6px 10px;
	}
	
.subsPanelContent img {
	padding: 0px 6px 2px 0px;
	}
	
.subsPanelContent .rightimg {
	float: right;
	padding: 0px 0px 0px 10px;
	}
	
.subsPanelSubBtn {
	float: right;
	width: 296px;
	padding: 0px 6px 6px 0px;
	background: url(/images/pageElements/subsPanelCurve.gif) bottom no-repeat;
	}
	
.subsPanelRightSubBtn {
	float: right;
	padding: 0px 6px 2px 0px;
	}
	
.subsPanelFooter {
	background: url(/images/pageElements/subsPanelFoot.jpg) bottom no-repeat;
	height: 7px;
	}
	
.subsPanelRightFooter {
	background: url(/images/pageElements/subsPanelRightFoot.jpg) bottom no-repeat;
	height: 7px;
	}
	
.subsPanelCost {
	float: left;
	font-size: 1.2em;
	font-weight: bold;
	padding: 6px 0px 0px 0px;
	}
	
.subsPanelMoreBtn {
	float: right;
	padding: 0px 6px 6px 0px;
	}

.subsPanelLayer {
	padding: 10px 10px 5px 110px;
	margin: auto;
	clear: both;
	position: relative;
	width: 176px;
	}

.subsPanelBPL {
	background: #ffffff url(/images/pageElements/subsPanelBarclays.jpg) top no-repeat;
	}
	
.subsPanelWC {
	background: #ffffff url(/images/pageElements/subsPanelWC.jpg) top no-repeat;
	}
	
.subsPanelSPL {
	background: #ffffff url(/images/pageElements/subsPanelSPL.jpg) top no-repeat;
	}
	
.subsPanelBoxing {
	background: #ffffff url(/images/pageElements/subsPanelBoxing.jpg) top no-repeat;
	}
	
.subsPanelUFC {
	background: #ffffff url(/images/pageElements/subsPanelUFC.jpg) top no-repeat;
	}
	
.subsPanelRounded {
	position:absolute;
	bottom:-1px;
	left:0px;
	background:  url(/images/pageElements/subsPanelCurves.gif) left bottom no-repeat;
	width:296px;
	height:5px;
}
.topmargin {
	margin-top:10px;
	}
.hsPanelLayer {
	background-color: #FFFFFF;
	padding: 10px 10px 10px 10px;
	margin: auto;
	clear: both;
	position: relative;
	width: 276px;
	}
	
.hsPanelPadding {
	background-color: #FFFFFF;
	padding: 10px 10px 10px 70px;
	margin: auto;
	clear: both;
	position: relative;
	width: 216px;
	}
	
.hsPanelMB {
	background: #FFFFFF url(/images/pageElements/hsPanelMB.jpg) top no-repeat;
	}
	
.hsPanelBB {
	background: #FFFFFF url(/images/pageElements/hsPanelBB.jpg) top no-repeat;
	}
	
.hslinks {
	padding: 6px;
	width: 306px;
	float: left;
	border-bottom: #666666 1px dotted;
	}
	
.hslinks .txt {
	float: left;
	width: 200px;
	}

.sportlinks {
	padding: 2px 10px;
	margin: 0px;
	width: 622px;
	height:30px;
	float: left;
	text-align: center;
	background: #DDDDDD;
}

.banner_text {
	float:right;
	width:450px;
	padding:0px 0px 6px 0px;
	font-size: 16px;
	font-weight:bold;
	color:#000000;
	text-align:right;
}
.banner_logo{
	float:left;
	padding:3px 0px;
	}
a.activate-btn {
	background: url(../howtosubscribe/freeview/activate_now_btn.jpg) no-repeat top;
	width: 108px;
	height: 24px;
	display: block;
	float: right;
	}
a.activate-btn:hover {
	background-position: bottom;
	}
a.buy-freeview-btn {
	background: url(../howtosubscribe/freeview/buy_box_btn.jpg)  no-repeat top;
	width: 114px;
	height: 24px;
	display: block;
	float: right;
	}
a.buy-freeview-btn:hover {
	background-position: bottom;
	}
a.buy-dvt-btn {
	background: url(../howtosubscribe/freeview/tvAdaptor_btn.jpg) no-repeat right top;
	width: 276px;
	height: 24px;
	display: block;
	float: right;
	}
a.buy-dvt-btn:hover {
	background-position: bottom right;
	}
a.buy-box-btn {
	background: url(../howtosubscribe/freeview/buy_box_sub_btn.jpg) no-repeat right top;
	width: 276px;
	height: 24px;
	display: block;
	float: right;
	}
a.buy-box-btn:hover {
	background-position: bottom right;
	}
a.get-card-btn {
	background: url(../howtosubscribe/freeview/get_card_btn.jpg) no-repeat top right;
	width: 276px;
	height: 24px;
	display: block;
	float: right;
	}
a.get-card-btn:hover {
	background-position: bottom right;
	}
a.howitworks-btn {
	background: url(../howtosubscribe/freeview/howitworks-btn.jpg) no-repeat top right;
	width: 129px;
	height: 24px;
	display: block;
	float: left;
	}
a.howitworks-btn:hover {
	background-position: bottom right;
	}

/******************************** FAQs *******************************/

.fvtabset{
	float:left;
	width:296px;
	background:url(/images/pageElements/tabBorder-296px.jpg) left bottom no-repeat;
	font-size:1.5em;
	font-weight:bold;
	color:#FFFFFF;
	}
		
	
.fvtab1 {
	background: url(/images/buttons/tab-130px.gif) 0px -28px no-repeat;
	padding:3px;
	width: 124px;
	height: 22px;
	float: left;
	display: block;
	color:#FFDD00;
	cursor:pointer;
	}
	
.fvtab2 {
	background: url(/images/buttons/tab-130px.gif) 0px 0px no-repeat;
	padding:3px;
	width: 124px;
	height: 22px;
	float: left;
	color:#FFFFFF;
	display: block;
	cursor:pointer;
	}
	
.fvtab1 a:hover
{
    color:#FFDD00;
}

.fvtab2 a:hover
{
    color:#FFFFFF;    
}

#fvpanel1{
	display:block;
	}
#fvpanel2{
	display:none;
	}

.faqtabset{
	float:left;
	width:642px;
	background:url(/images/pageElements/tabBorder-642px.jpg) left bottom no-repeat;
	font-size:1.5em;
	font-weight:bold;
	color:#FFFFFF;
	}
	
#faqtab1 {
	background: url(/images/buttons/tab-150px.jpg) 0px -28px no-repeat;
	padding:3px;
	width: 144px;
	height: 22px;
	float: left;
	display: block;
	color:#FFDD00;
	cursor:pointer;
	}
	
#faqtab2, #faqtab3, #faqtab4, #faqtab5, #faqtab6, #faqtab7, #faqtab8 {
	background: url(/images/buttons/tab-150px.jpg) 0px 0px no-repeat;
	padding:3px;
	width: 144px;
	height: 22px;
	float: left;
	display: block;
	color:#FFFFFF;
	cursor:pointer;
	}
#faqpanel1{
	display:block;
	}
#faqpanel2{
	display:none;
	}
.faqsContent {
	width: 628px;
	background: #FFFFFF url(/images/pageElements/faq_grad_back.jpg) repeat-x top;
	border: #CCCCCC 1px solid;
	padding: 6px;
	}

/*added by Damian */
.faqtabenabled {
	background: url(/images/buttons/tab-150px.jpg) 0px -28px no-repeat;
	padding:3px;
	width: 144px;
	height: 22px;
	float: left;
	display: block;
	cursor:pointer;
	color:#FFDD00;
	}
	
.faqtabdisabled {
	background: url(/images/buttons/tab-150px.jpg) 0px 0px no-repeat;
	padding:3px;
	width: 144px;
	height: 22px;
	float: left;
	display: block;
	color:#FFFFFF;
	cursor:pointer;
	}
.faqpanel{
	display:block;
	}

.linksContainer{
	font-size:0px;
	}

/* end */

/*******************************contact us page****************************************************/

.contactPanelBack {
	background: url(/images/pageElements/contactPanelMid.jpg) repeat-y;
	margin: 0px 0px 6px 2px;
	}
.contactPanel {
	background: url(/images/pageElements/contactPanelTopGrad.jpg) no-repeat;
	padding: 10px 10px 0px 10px;
	}
.contactPanelDark {
	background: url(/images/pageElements/contactPanelTopGradDark.jpg) no-repeat;
	padding: 10px 10px 0px 10px;
	}
.contactPanel .split {
	float: left;
	padding: 5px;
	width: 130px;
	}
.FourColPanel {
	padding: 0px 6px 6px 10px;
	margin: 0px;
	width: 626px;
	background: #DDDDDD url(/images/pageElements/outerpanelbg.jpg) left top repeat-x;
	}
.contactAnswer {
	background: #333333 url(/images/pageElements/answerPanelGrad.jpg) repeat-x;
	width: 602px;
	padding: 10px;
	color: #FFFFFF;
	position: relative;
	}
.contactAnswer a {
	color: #FFFFFF !important;
	font-weight: bold !important;
	text-decoration: underline !important;
	}
.contactAnswer a:hover {
	text-decoration:none !important;
	}
.enqInput {
	margin: 5px 0px 5px 30px;
	}
a.email-btn {
	background: url(/images/buttons/email_btn.jpg) no-repeat top;
	width: 148px;
	height: 30px;
	display: block;
	}
a.email-btn:hover {
	background: url(/images/buttons/email_btn.jpg) no-repeat bottom;
	}
a.submit-btn {
	background: url(/images/buttons/submit_btn.jpg) no-repeat top;
	width: 98px;
	height: 30px;
	display: block;
	}
a.submit-btn:hover {
	background: url(/images/buttons/submit_btn.jpg) no-repeat bottom;
	}
form span.formlabel {
	clear: left;
	float: left;
	width: 135px;
	vertical-align:middle;
	padding-left: 20px;
	font-size:11px;
	padding-top: 4px;
}
form span.formlabelWide {
	clear: left;
	float: left;
	vertical-align:middle;
	padding-left: 20px;
	font-size:11px;
	padding-top: 4px;
}
.frmInput {
	border:#666666 1px solid;
	font-size:11px;
	color:#000066;
	margin: 3px 1px 3px 1px;
	padding: 1px;
	display: block;
	}
.disclaimer-position {
	position: absolute;
	width: 300px;
	left: 320px;
	top: 50px;
	}
.emailform {
	margin-top: 20px;
	}

/****************************************Our Sports v2*************************************************/

.our-sports-wrapper { margin:10px; }
.our-sport-summary { font-size:1.3em; margin:10px 10px 20px 10px; }
.our-sport-competitions { margin:10px 10px 25px 10px; overflow:hidden; border-bottom: 1px dotted #999; padding-bottom: 10px; }
.our-sport-competitions .logo { width:150px; float:left; margin-top:0px; }
.our-sport-competitions h3 { margin-top:25px; }
.our-sport-competitions a { float:right; }
.our-sport-competitions .more-info-featured { position:absolute; bottom:0; right:0; }
.our-sport-competitions-content { margin: 3px 0px 3px 10px; padding-left:10px; font-size:1.1em; overflow:hidden; clear:right; position:relative; }
    .our-sport-competitions-content img { width:100px; }
.our-sport-competitions-events { width:75%; float:left; }

.our-sports-bar { background-image:url(/images/pageElements/grey_gradientbar.jpg); height:67px; } 
.our-sports-bar-list { margin:auto; }
.our-sports-bar li { float:left; }
.our-sports-bar li img { height:50px; }
.our-sports-bar li a { background-position:0px 0px; width:70px; height:75px; display:block; margin:0px 3px; }
.our-sports-bar li a:hover { background-position:0px -88px; }
.our-sports-bar li a.active { background-position:0px -88px; }

/****************************************Tv Picks*************************************************/

.tv-pick { margin:0px 0px 10px 0px; overflow: hidden; clear:both; }
.tv-pick img { float:left; height:100px; }
.tv-pick div { float:left; margin-left: 5px; width:240px; }
.tv-pick h3 { color:#888; font-size:10px; margin-bottom:5px; }
.tv-pick label { font-size: 12px; font-weight: bold; }
.tv-pick p { font-size: 11px; margin-top:5px; }