body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
}
h2 {
	margin: 0px;
	padding: 6px 18px;
	color: #FFFFFF;
	font-size: 1.6em;
}
h2.header {
	margin: 6px 0px;
	background: #050505 url(../../Library/images/backgrounds/headingGrad.jpg) repeat-x top left !important;
	line-height: 1em;
	font-weight: bold;
	color: #FFFFFF;
	padding: 2px 5px 0px 5px;
	position: relative;
}
h4 {
	margin: 0px;
	padding: 0px 0px 12px 0px;
	font-size: 1.4em;
	font-weight: bold;
}
p {
	margin: 0px;
	padding: 0px 0px 6px 0px;
	font-size: 1.2em;
	font-weight: bold;
}
p.introtext {
	font-weight: normal;
}
p.package 
{
    font-weight: normal;    
}
code {
	display: block;
	margin: 20px;
	padding: 20px;
	font-size: 1.4em;
	text-align: center;
	color: #666666;
	border: #999999 dotted 1px;
	background: #EEEEEE;
}
.clear
{
    clear: both;
}

.bottomMargin {
	margin-bottom: 6px;
}

.small {
	font-size: 0.6em;
	font-weight: normal;
}
/* ------ links ------- */
a.underlined {
	text-decoration: underline !important;
	font-weight: bolder;
}
a.tsandcslink:link, a.tsandcslink:visited, a.tsandcslink:active {
	text-decoration: underline;
}
a.whatsthis {
	display: block;
	float: left;
	background: url(../../Library/images/icons/question-icon.gif) left top no-repeat;
	padding: 2px 0px 0px 20px;
	height: 16px;
	font-size: 0.8em;
}
.btn {
	display: block;
	background-position: left top;
	cursor: pointer;
}
.btn:hover {
	background-position: left bottom;
}
.nextBtn {
	position: absolute;
	right: 18px;
	bottom: 0px;
	clear: left;
	display: block;
	width: 109px;
	height: 50px;
	background: url(../../images/buttons/continue-small-graybg.jpg) left top no-repeat;
}
.smallBackBtn {
	position: absolute;
	right: 18px;
	bottom: 0px;
	clear: left;
	display: block;
	width: 70px;
	height: 32px;
	background: url(../../Library/images/buttons-v2/small-back-btn.jpg) left top no-repeat;
}
.printBtn {
	position: absolute;
	right: 18px;
	bottom: 0px;
	clear: left;
	display: block;
	width: 70px;
	height: 32px;
	background: url(../../Library/images/buttons-v2/print-btn.jpg) left top no-repeat;
}
.setantaBtn {
	float: right;
	margin-right: 6px;
	width: 152px;
	height: 37px;
	background: url(../../Library/images/buttons-v2/setanta-btn.jpg) left top no-repeat;
}
.closeBtnBlackBG {
	float: right;
	margin: 3px 0px;
	clear: left;
	display: block;
	width: 70px;
	height: 32px;
	background: url(../../Library/images/buttons-v2/close-btn-blackbg.jpg) left top no-repeat;	
}
.buyBtn {
	float: right;
	margin: 10px 6px 0px 0px;
	width: 140px;
	height: 32px;
	background: url(../../Library/images/buttons-v2/buy-btn.jpg) left top no-repeat;
}

/* ------ form items ------ */
label {
	font-size: 1.2em;
	font-weight: bold;
}
input, textarea, select {
	font-size: 1em;
}
input, textarea, select {
	width: 150px;
	font-family: Arial, Helvetica, sans-serif;
}
.radio input {
	float: left;
	width: auto;
}
.radio label {
	float: left;
	padding: 2px 5px 0px 2px;
}
select.title {
	width: 80px;
}
select.day {
	width: 60px;
}
select.month {
	width: 80px;
}
select.year {
	width: 80px;
}
select.card {
    width: 70px;
}
table tr td {
	vertical-align: top;
}
.lblCol {
	padding-right: 2px;
	width: 185px;
	text-align: right;
}
.radioCol input {
	width: auto;
	margin-right: 5px;
}
.radioCol label {
	position: relative;
	top: -2px;
}
.largelbl .lblCol {
	width: 300px;
	text-align: left;
}
.marketing .lblCol {
	width: 350px;
}
.errorCol {
	padding: 0px 0px 0px 5px;
	width: 230px;
}
.largelbl .errorCol {
	width: 220px;
}

span.req {
	font-size:1.2em;
}

/*-- .NET written user feedback/errors --*/
.sportsprefs .errormsg {
	width: 20px;
}
.errorCol span {
	padding: 5px 5px 3px 20px;
	background:url(../../library/images/icons/alert-icon.gif) left top no-repeat;
	font-weight: bold;
	line-height:2em;
}
.mediaError span {
	padding: 5px 5px 3px 20px;
	background:url(../../library/images/icons/alert-icon.gif) left top no-repeat;
	font-weight: bold;
	line-height:2em;
}
.errormsg span {
	padding: 5px 5px 3px 20px;
	background:url(../../library/images/icons/alert-icon.gif) left top no-repeat;
	font-weight: bold;
	line-height:2em;
}
.errorCol span span {
	padding: 0px 5px;
	font-size: 1em;
	font-weight: bold;
}
.checkboxCol input {
	float: left;
	width: auto;
	margin-right: 5px;
}
.checkboxCol label {
	display: block;
	float: left;
	width: 90%;
}
/*----------------------------------------*/

.totalcostlabel {
	padding: 6px 3px 3px 3px;
	float: left;
}
.totalcost {
	padding: 6px 3px 3px 3px;
	float: right;
}
.dsparagraph {
	padding: 10px 20px;
	font-weight: normal;
}
.progressparagraph {
	padding: 10px 10px;
	font-weight: normal;
}
table.terms {
	width: 600px;
}

/*================================================================================================================*/
/*Panels*/
/*================================================================================================================*/
.panelWrapper {
	margin: 0px;
	padding: 5px 0px;
	width: 100%;
	background-color: #DDDDDD;
	height: 100%;
	overflow: hidden;
	zoom: 1;
}
/*================================================================================================================*/
/*Panel Type A (light grey LHS dark grey RHS)*/
/*================================================================================================================*/
.panelTypeARepeater {
	position: relative;
	height: 100%;
	background-image: url(../../Library/images/backgrounds/panel-typeA-repeater.jpg);
	background-repeat: repeat-y;
}
.panelTypeA {
	position: relative;
	float: left;
	width: 100%;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	background: url(../../Library/images/backgrounds/panel-typeA-top-untitled.jpg) left top no-repeat;
}
.panelTypeA .LHS {
	float: left;
	clear: both;
	margin: 0px;
	padding: 12px 10px 3px 28px;
	width: 698px;
	color: #222222;
}
.panelTypeA .RHS {
	float: left;
	margin: 0px;
	padding: 12px 12px 3px 12px;
	width: 170px;
	color: #FFFFFF;
}
.panelTypeABottom {
	position: relative;
	clear: both;
	margin: 0px;
	min-height: 20px;
	height: auto !important;
	height: 20px;
	background: #DDDDDD url(../../Library/images/backgrounds/panel-typeA-bottom.jpg) left top no-repeat;
	width: 100%;
}
.summary {
	padding: 0px 0px 20px 0px;
}
.summary h4 {
	padding-top: 10px;
}
.summary p {
	padding: 0px;
}

.summary .lblCol
{
    width: 300px;   
    padding-right: 20px;
}
/*================================================================================================================*/
/*Panel Type B (light grey content dark grey header )*/
/*================================================================================================================*/
.panelTypeBRepeater {
	height: 100%;
	background-image: url(../../Library/images/backgrounds/panel-typeB-repeater.jpg);
	background-repeat: repeat-y;
}
.panelTypeB {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	background: url(../../Library/images/backgrounds/panel-typeB-top-untitled.jpg) left top no-repeat;
}
.panelTypeB .content {
	padding: 6px 18px;
	color: #222222;
}
.panelTypeBBottom {
	position: relative;
	clear: both;
	margin: 0px;
	min-height: 20px;
	height: auto !important;
	height: 20px;
	background: #DDDDDD url(../../Library/images/backgrounds/panel-typeB-bottom.jpg) left top no-repeat;
}
/*================================================================================================================*/
/*Panel Type C (half width light grey panel with dark grey footer )*/
/*================================================================================================================*/
.panelTypeCRepeater {
	float: left;
	width: 50%;
	height: 100%;
	background-image: url(../../Library/images/backgrounds/panel-typeC-repeater.jpg);
	background-repeat: repeat-y;
}
.panelTypeC {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	background: url(../../Library/images/backgrounds/panel-typeC-top.jpg) left top no-repeat;
}
.panelTypeC .content {
	padding: 6px 18px;
	color: #222222;
}
.panelTypeCFooterRepeater {
	clear: both;
	margin: 0px;
	height: auto;
	background-image: url(../../Library/images/backgrounds/panel-typeC-footer-repeater.jpg);
	background-repeat: repeat-y;
}
.panelTypeCFooter {
	margin: 0px;
	padding: 15px 18px 0px 18px;
	min-height: 10px;
	height: auto !important;
	height: 10px;
	background: url(../../Library/images/backgrounds/panel-typeC-footer-top.jpg) left top no-repeat;
	color: #FFFFFF;
	font-size: 1.1em;
	font-weight: bold;
}
.panelTypeCFooterBottom {
	position: relative;
	clear: both;
	margin: 0px;
	height: 20px;
	background: #DDDDDD url(../../Library/images/backgrounds/panel-typeC-footer-bottom.jpg) left top no-repeat;
}
/*================================================================================================================*/
/*================================================================================================================*/
/*Error Sliding Panels*/
/*================================================================================================================*/
.errorWrapper {
	margin: 0px;
	padding: 0px;
	background: url(../../Library/images/backgrounds/error-repeater.jpg);
	color: #FFFFFF;
	font-size: 1.1em;
	font-weight: bold;
	height: 100%;
	display: none;
}
.errorTop {
	height: 30px;
	background: #DDDDDD url(../../Library/images/backgrounds/error-top.jpg);
}

.errorTopWide
{
	height: 30px; 
    background: #DDDDDD url(../../Library/images/backgrounds/error-top-wide.jpg);
}

.errorContent {
	padding: 0px 24px;
	text-align: left;
}
.errorContent span {
	padding: 5px;
}
.errorBottom {
	height: 20px;
	background: #DDDDDD url(../../Library/images/backgrounds/error-bottom.jpg);
}
/*================================================================================================================*/
/*Modal Window*/
/*================================================================================================================*/
.modalBackground {
	display: none;
	position: fixed;
	_position: absolute; /* hack for internet explorer 6*/
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: #000000;
	z-index: 1001;
}
.modalWindow {
	display: none;
	position: fixed;
	_position: absolute; /* hack for internet explorer 6*/
	height: auto;
	width: auto;
	background: #FFFFFF;
	border: 5px solid #000000;
	z-index: 1002;
	padding: 0px;
}
.closeCross {
	position: absolute;
	display: block;
	top: 5px;
	right: 5px;
	width: 12px;
	height: 12px;
	background: url(../../Library/images/buttons/close-cross.jpg) left top no-repeat;
}
.modalClose {
}
.modalbtn {
}
.modalWindow h2.header {
	margin: 0px;
	background: #050505 url(../../Library/images/backgrounds/headingGrad.jpg) repeat-x top left;
	line-height: 1em;
	font-weight: bold;
	color: #FFFFFF;
	padding: 2px 5px 0px 5px;
	position: relative;
}
div.marketingprefs {
	width: 350px;
}
table.marketingprefs {
	margin: 10px;
	width: 330px;
}
table.marketingprefs .lblCol {
	padding-right: 6px;
	width: 300px;
	text-align: right;
}
table.marketingprefs .checkboxCol {
	width: 30px;
}
table.marketingprefs .checkboxCol input {
	width: auto;
}
div.marketingprefs .footer {
	width: 100%;
	height: 38px;
	background: #000000;
}
table.marketingprefs label {
	font-weight:normal;
}

div.marketingprefs ul
{
    list-style-type:disc; 
    margin: 10px 10px 10px 20px;
    padding: 0px;
}

div.marketingprefs li
{
    font-size:1.2em;
    margin-bottom:20px;
}

/*================================================================================================================*/

.pageNav {
	margin: 6px 0px 12px 0px;
	width: 100%;
	height: 100%;
}

.pageNav .LHS
{
    float: left;   
}
 
.pageNav .RHS
{
    float: right;   
}

.button
{
    background-repeat: no-repeat;   
    border: 0px;
    background-color: Transparent;
    cursor: pointer;
    display: block;
}

.button.addanother
{
    background-image: url(/images/buttons/add-another.jpg);
    height: 45px;
    width: 98px;
}

.button.back
{
    display: block;
    height: 30px;
    margin-bottom: 4px;
    background: url(/images/buttons/back.jpg) no-repeat;
    width: 98;
}

.button.startover
{
    display: block;
    height: 30px;
    background: url(/images/buttons/startover.jpg) no-repeat;
    width: 98px;
}

.button.continue
{
    background-image: url(/images/buttons/continue.jpg);
    height: 64px;
    width: 139px;
}
.progressBar {
	width: 948px;
	height: 30px;
	background: url(../../Library/images/backgrounds/progress-bar.jpg) 0px 0px no-repeat;
}
.package .progressBar {
	background-position: 0px -30px;
}
.yourdetails .progressBar {
	background-position: 0px -60px;
}
.payment .progressBar {
	background-position: 0px -90px;
}
.confirmation .progressBar {
	background-position: 0px -120px;
}
/*================================================================================================================*/
/*Page Divider*/
/*================================================================================================================*/
.divider {
	background: url(../../Library/images/backgrounds/dividerMid.jpg) repeat-x;
	height: 6px;
	text-align: right;
	float: left;
	width: 100%;
}
.divider img.left {
	float: left;
}
.divider img.right {
	float: right;
}
/*================================================================================================================*/
/*JQuery Tool Tip*/
/*================================================================================================================*/
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #333333;
	background-color: #FFEECC;
	padding: 5px;
	opacity: 0.85;
}
#tooltip p, #tooltip div {
	margin: 0;
}
#tooltip p {
	font-size: 1em;
	font-weight: normal;
}
#tooltip div.url {
	display: none;
}
/*================================================================================================================*/
/*================================================================================================================*/
/*DTT Call Me*/
/*================================================================================================================*/

/*================================================================================================================*/
/*================================================================================================================*/
/*RHS Styles*/
/*================================================================================================================*/
.RHS.small {
	font-size: 0.8em;
}
.sportsprefs select {
	width: 160px;
}

.progress 
{
	position:fixed;
	background:#FFFFFF;
	left:50%; 
	top: 50%;
	margin-left:-80px; 
	margin-top:-20px; 
	border:1px solid #CCCCCC;
	width:120px; 
	padding:5px;
	z-index: 1;
}

#pendingcancellation
{
    background-color:#FDFD00;
    float:left;
    font-size:1.2em;
    font-weight:bold;
    padding:10px;
    margin-right:5px;
    border: 1px solid red;
}
.debugInfo
{
    border: 1px dashed #ffcf0f;
    background-color: #ffffde;
    padding: 10px;
    margin: 10px;
    line-height: 20px;
    overflow: auto;
}

.debugInfo label
{
    width: 220px;
    display: inline-block;
}

.debugInfo table
{
    border-collapse: collapse;
    margin-bottom: 10px;
}

.debugInfo table th, .debugInfo table td
{
    border: 1px solid #CCC;
    margin: 0px;
    padding: 4px;
}

.debugInfo .apiOutput
{
    height: 300px;
    background-color: #EEE;
}

#banner
{
    width: 180px;
    height: 130px;   
}

.activateCard
{
    height: 160px;
}

.promoCode
{
    height: 140px;
}

.contactdetails
{
    height: 210px;   
}

.addressDetails
{
    height: 250px;   
}