/*
CSS for STT Public Pages
Author: Simon Smith, Create Software Limited
*/

/* Web page body element */
body {
	font-family:			Century Gothic,arial,tahoma,sans-serif;
 	color:    				#171F46;
 	background-color:		#333;		/* black background */
  	margin: 				0px; 		/* to avoid margins */
  	text-align: 			center;		/* to correct the centering IE bug*/
	padding:				0px;
	font-weight:			normal;
}

/*
-------------------------------------------
	Global HTML Styles
-------------------------------------------
*/
a:link, a:visited {
	color: #171F46;	
	text-decoration:underline;
}
a:hover {
	color: Red;
}

.arrowLink a:link, .arrowLink a:active, .arrowLink a:visited
{
	color:				#171F46;
	font-weight:		bold;
	font-size:			12pt;
	font-family:		"Century gothic",arial,tahoma,sans-serif;
	text-decoration:	none;
}

.arrowLink a:hover
{
	color:				Red;
	font-weight:		bold;
	font-size:			12pt;
	font-family:		"Century gothic",arial,tahoma,sans-serif;
	text-decoration:	none;
}

.smallLink a:link, .smallLink a:active, .smallLink a:visited
{
	color:				#171F46;
	font-weight:		bold;
	font-size:			10pt;
	font-family:		"Century gothic",arial,tahoma,sans-serif;
	text-decoration:	none;
}

.smallLink a:hover
{
	color:				Red;
	font-weight:		bold;
	font-size:			10pt;
	font-family:		"Century gothic",arial,tahoma,sans-serif;
	text-decoration:	none;
}

.packageList
{
	margin-left: 20px;
	padding:0px;
	margin-top:4px;
	margin-bottom:2px;
}

.smallPackageList
{
	margin-left: 20px;
	padding:0px;
	margin-top:4px;
	margin-bottom:2px;
	font-size:10px;
}


h1 {
	font-weight:		bold;
	font-size:			16pt;
	font-family:		"Century gothic",impact,tahoma,sans-serif;
	margin:				0px;
	margin-left:		0px;
	margin-bottom:		5px;
	padding:			0px;
	color:				#171F46;
}
h1 span{
	text-decoration: underline;	
}
h2 {
	font-weight:		bold;
	font-size:			14pt;
	font-family:		"Century gothic",impact,tahoma,sans-serif;
	margin:				0px;
	padding:			0px;
	padding-top:		10px;
	margin-bottom:		5px;
	color:				#171F46;
}
h3{
	font-weight:		bold;
	font-size:			10pt;
	font-family:		"Century gothic",arial,tahoma,sans-serif;
	margin:				0px;
	padding:			0px;
	color:				#171F46;
}
h4 
{
	font-weight:		bold;
	font-size:			12pt;
	margin:				0px;
	padding:			0px;
	color:				#171F46;
}
h5 {
	font-weight:		bold;
	font-size:			8pt;
	font-family:		"Century gothic",Verdana,Arial,sans-serif;
	margin:				0px;
	padding:			0px;
	color:				#171F46;
}



/* Page Container - Provides a horizontally centered container for the web page content */
#global {
	position: 				absolute;
	width: 					933px;
	left: 					50%;
	margin-left: 			-466.5px;
	padding:				0px;
/*	border: 				1px solid #333;		 Uncomment only for debugging */
}

/* Background Containers - 	Provides a vertically sizable background for the web page
*/
#background-header{
/*	background:				url(../../i/Main/header.gif) no-repeat center top;*/
	background-color:		#fff;
	height: 				80px;
	width: 					933px;
	margin:					0px;
	padding:				0px;
}


#background-content{
/*	 border: 				2px solid #ff0000;	/* Uncomment only for debugging */
/*	 background:			url(../../i/Main/body.gif) repeat-y center top;*/
	 background-color:		#fff;
	 width: 				933px;
	 margin:				0px;
	 padding:				0px;
}

#background-footer{
	padding:				5px 0px 0px 0px;
	background-color:		#fff;
/*	background:				url(../../i/Main/footer.gif) no-repeat center top;*/
	height: 				40px;
	width: 					933px;
	margin:					0px;
}

#call {
/*	border: 				2px solid #ff0000;	Uncomment only for debugging */
	position:				absolute;			/* position from top-left of browser */
	left: 					50%; 				/* center horizonally */
	top: 					15px;				/* center vertically */
	width: 					150px; 				/* required for horizontal centering */
	height:      			20px;
	margin-left:		 	-195px; 			/* offset from center point */
	text-align: 			left; 				/* to realign the text after IE Bug fix in 'body section below */
	padding:				0px;
 }
#call p{
	font-family:			impact,tahoma,sans-serif;
	font-size:				12pt;
	color:					red;
	margin-top: 			3px; 		
	margin-left: 			3px;	
}
#call p .spacer{
	margin-left: 	1px;
}

#phone {
/*	border: 			2px solid #ff0000;	Uncomment only for debugging */
	position:			absolute;			/* position from top-left of browser */
	left: 				50%; 				/* center horizonally */
	top: 				30px;				/* center vertically */
	width: 				300px; 				/* required for horizontal centering */
	height:      		50px;
	margin-left:		-195px;				/* offset from center point */
	text-align: 		left; 				/* to realign the text after IE Bug fix in 'body section below */
}
#phone p{
    font-family:		impact,tahoma,sans-serif;
	font-size:			30pt;
	color:				white;
    margin-top: 		3px; 		
    margin-left:	 	3px;	
}
#phone p .spacer{
	margin-left: 	3px;
}

#search {
/*	border: 			2px solid #fff;		 /*Uncomment only for debugging */
	background:			url(../../i/Main/search.gif) no-repeat center;
	position:			absolute;			/* position from top-left of browser */
    left: 				50%; 				/* center horizonally */
    top: 				20px;				/* center vertically */
    width: 				370px; 				/* required for horizontal centering */
	height:      		70px;
    margin-left: 		68px; 			    /* offset from center point */
    text-align: 		left; 				/* to realign the text after IE Bug fix in 'body section below */
    font-size:			8pt;
    /*padding-left:		8px;
    padding-top:		2px;*/
}

#news {
	background:			url(../../i/Main/news.gif) no-repeat center;
	position:			absolute;			/* position from top-left of browser */
    left: 				50%; 				/* center horizonally */
    top: 				105px;				
    width: 				880px; 				/* required for horizontal centering */
	height:      		30px;
    margin-left: 		-442px; 			/* offset from center point */
    text-align: 		left; 				/* to realign the text after IE Bug fix in 'body section below */
    color:				Yellow;
    font-family:		impact,tahoma,sans-serif;
    font-size:			14pt;
    font-style:			italic;
}

.headerBanner 
{
	/*border: 			2px solid #fff;		 /*Uncomment only for debugging */
	position:			absolute;			/* position from top-left of browser */
    left: 				50%; 				/* center horizonally */
    top: 				0px;				/* center vertically */
    width: 				640px; 				/* required for horizontal centering */
	height:      		135px;
    margin-left: 		-202px; 			    /* offset from center point */
    margin-top:			0px;
}

.categoryImage
{
	border-style:solid; 
	border-color:#333;
	border-width:2px;
}

.languageSelection
{
	margin-top:-6px;
	margin-left:520px;
	float:left;
}

.logout
{
	font-size:10pt;
	margin-top:-20px;
	padding-top:0px;
	margin-left:5px;
	text-align:left;
	float:left;
}

.siteLogo {
	position:			absolute;			/* position from top-left of browser */
    left: 				50%; 				/* center horizonally */
    top: 				5px;				/* center vertically */
    width: 				227; 				/* required for horizontal centering */
	height:      		105px;
    margin-left: 		-440px; 			/* offset from center point */
}

.myAccount {
	position:			absolute;			/* position from top-left of browser */
    left: 				50%; 				/* center horizonally */
    top: 				110px;				/* center vertically */
    width: 				227; 				/* required for horizontal centering */
	height:      		30px;
    margin-left: 		-440px; 			    /* offset from center point */
}

.registerUser {
	position:			absolute;			/* position from top-left of browser */
    left: 				50%; 				/* center horizonally */
    top: 				110px;				/* center vertically */
    width: 				115px; 				/* required for horizontal centering */
	height:      		30px;
    margin-left: 		-335px; 			    /* offset from center point */
}

.registerNow {
	position:			absolute;			/* position from top-left of browser */
    left: 				50%; 				/* center horizonally */
    top: 				110px;				/* center vertically */
    width: 				101px; 				/* required for horizontal centering */
	height:      		30px;
    margin-left: 		-443px; 			    /* offset from center point */
}

#progressWheel
{
	position:absolute;
	top:320px;
	left:60%;
	width:110px;
	height:110px;
	margin-left:-50px;
	border: solid 1px #aaaaaa;
	text-align:center;
	font-family: tahoma,verdana,sans-serif,tahoma,sans-serif;
	padding-top:4px;
	font-weight:bold;
	background: #eeeeee url("../../i/MessageBox/GeneralProgressBlue.gif") no-repeat 26px 35px;
	color:#039;
}	

.quoteRequestLink
{
	margin-top:9px;
}

/*
Content Containers - 	All content that can cause the site to grow vertically is placed within this container
*/
#content-container{
	padding-top:		65px;
/* 	border: 			2px solid #fff;		 /*Uncomment only for debugging */
	width:				908px;
	text-align:			left;
	font-weight:		normal;
	font-size:			9pt;
	font-family:		"Century gothic",arial,tahoma,sans-serif;
	/*word-spacing:		-1.5px;*/
	line-height:		1.30;
	padding-left:		25px;
	margin-left:		0px;
}

#content-left{
/*	border: 			2px solid #666;		 /*Uncomment only for debugging */
	float:				left;
	margin-left:		0px;
	width:				226px;
}
#content-left ul {
	list-style:		none;
	padding:		0px;
	margin:			0px;
}
#content-left li {
	margin:			0px;
	padding:		0px;
}
#content-left li .last {
	margin-bottom:	0px;
	margin-top:		7px;
}

#content-left .subMenuSpacer{
	margin-top:		0px;
	margin-bottom:  0px;
}

#content-left .subMenu {
	padding-left:	5px;
	padding-top:	0px;
	padding-bottom: 7px;
	margin-left:	30px;
	margin-right:	4px;
	margin-top:		-2px;
}
#content-left  li a {
	color:				#171F46;
	font-weight:		bold;
	font-size:			11pt;
	font-family:		"Century gothic",arial,tahoma,sans-serif;
	text-decoration: 	none;
}

#content-left  li a:hover {
	color:				red;
}

/* Use this block when the quote button & latest offers section is visible */
#content-center-quote{
	/*border: 			2px solid #333;	  Uncomment only for debugging */
	float:				left;
	margin-top:			37px;
	margin-left:		13px;
	width:				440px;
}


/* Use this block to span to the right-hand edge of the page (no quote button or latest offers */
#content-center-noquote{
	/* border: 			2px solid #333;	 /* Uncomment only for debugging */
	float:				left;
	margin-top:			37px;
	margin-left:		13px;
	width:				637px;
}

#content-footer{
	/*background:			url(../../i/Main/footer.gif) no-repeat center top;*/
	background-color:	White;
	clear:				both;
	margin-left:		-22px;
	margin-right:		0px;
	height:				37px;
	padding-top:		3px;
	padding-right:		22px;
	text-align:			right;
}


#content-banner-image
{
	float:				left;
	/*	border: 			2px solid red;	 /* Uncomment only for debugging */
	margin:				0px;
	margin-top:			10px;
	padding:			0px;
	margin-left:		13px;
	width:				635px;
}

/*
-------------------------------------------
 The right hand column for latest offers
 & quote button
-------------------------------------------
*/
#content-right{
/*	border: 			1px solid #333;	 Uncomment only for debugging */
	float:				left;
	top:				177px;
	left:				50%;
	margin-top:			40px;
	margin-left:		10px;
	right:				28px;
	width:				192px;
	height:				430px;
	text-align:			center;
}

#content-right-short{
/*	border: 			1px solid #333;	 Uncomment only for debugging */
	float:				left;
	top:				177px;
	left:				50%;
	margin-top:			40px;
	margin-left:		10px;
	right:				28px;
	width:				192px;
	height:				210px;
	text-align:			center;
}


/*
CSS Settings for the Quote Text & Quote Button ONLY
*/
#content-right a.QuoteLink{
	background:			url(../../i/Main/redbutton.gif) 0 0 no-repeat;
	margin-left:		48.5px;
	margin-right:		41.5px;
	display:			block;
	width:				95px;
	height:				95px;
}

#content-right a:hover.QuoteLink{
	background-position: -95px 0;
}

#content-right p.Quote{
	margin-top:			10px;
	margin-bottom:		10px;
	text-align:			center;
	color:				white;
	font-weight:		bold;
	font-size:			16pt;
	font-family:		"Century gothic",arial,tahoma,sans-serif;
}

#content-right span.Quote{
	color:				red;
}

#offers{
	font-family:		"Century gothic",arial,tahoma,sans-serif;
	font-size:			8pt;
	font-weight:		bold;
	color:				#f4f400;
 /*	border: 			2px solid #333;	/* Uncomment only for debugging */
	width:				162px;
	height:				130px;
	position:			absolute;
	top:				224px;
	margin-top:			5px;
	padding-bottom:		0px;
	padding-left:		0px;	
	padding-right:		0px;
	padding-top:		3px;
	text-align:			center;
	right:				42px;
	overflow:			hidden;
}

/*
CSS Settings for the Latest Offers box ONLY
*/
#offers a.Offer
{
	color:				Yellow;
	padding:			0px;
	margin:				0px;
	font-size:			9pt;
	font-family:		"century gothic",arial,arial,sans-serif;
}

#offers a:Hover.Offer
{
	color:				Red;
}

#offers div.Offer
{
	padding:			0px;
	margin-top:			5px;
	margin-bottom:		5px;
	text-align:			center;
	color:				white;
	font-weight:		bold;
	font-size:			8pt;
	font-family:		"Century gothic",arial,tahoma,sans-serif;
}

#offers span.Offer
{
	font-size:			9pt;
	font-family:		"Century gothic",arial,arial,sans-serif;	
}

#searchButton{
	position:			absolute;			/* position from top-left of browser */
    left: 				50%; 				/* center horizonally */
    top: 				20px;				
    width: 				43px; 				/* required for horizontal centering */
	height:      		43px;
    margin-left: 		135px; 				/* offset from center point */
}

#toDate{
	position:			absolute;			/* position from top-left of browser */
    left: 				50%; 				/* center horizonally */
    top: 				42px;				
    width: 				160px; 				/* required for horizontal centering */
	height:      		25px;
    margin-left: 		-10px; 				/* offset from center point */	
}

#fromDate{
	position:			absolute;			/* position from top-left of browser */
    left: 				50%; 				/* center horizonally */
    top: 				16px;				
    width: 				160px; 				/* required for horizontal centering */
	height:      		25px;
    margin-left: 		-10px; 				/* offset from center point */	
}

/*
-------------------------------------------
 The header navigation bar (& border)
-------------------------------------------
*/
#borderheader{
	position:			absolute;
	background:			url(../../i/Main/Top_bar.jpg) no-repeat center;
	left:				50%;
	top:				145px;
	height: 			30px;
	width:				640px;
	margin-left:		-202px;
}
#menuheader{
	position:			absolute;
	top:				145px;
	left:				50%;
	width:				660px;
	margin-left:		-220px;
	margin-right:		0px;
}
ul#navheader {
	margin-top:			0px;
	margin-right:		0px;
	list-style-type: 	none;
	text-align:			left;
}
ul#navheader  li {
	display:			inline;
	padding: 			0px 40px 0px 40px;
}
ul#navheader  li a {
	color:				white;
	font-weight:		bold;
	font-size:			11pt;
	font-family:		"Century gothic",arial,tahoma,sans-serif;
	text-decoration: 	none;
}
ul#navheader  li a:hover {
	color:				red;
}


/*
-------------------------------------------
 The footer navigation bar
-------------------------------------------
*/
ul#navfooter {
	margin: 			0px;
	margin-right:		18px;
	padding: 			0px;
	list-style-type:	none;
}
ul#navfooter  li {
	display:			inline;
	padding: 			0px 24px 0px 24px;
}
ul#navfooter  li a {
	color:				#171F46;
	font-weight:		bold; 
	font-size:			12pt;
	font-family:		"Century gothic",arial,tahoma,sans-serif;
	text-decoration: 	none;
}


ul#navfooter  li a:hover {
	color:				red;
}

/*
-------------------------------------------
 Table Style DIV elements
 For two columns, many row layouts
-------------------------------------------
*/
div.row {
/*  border: 			2px solid #fff;	/* Uncomment only for debugging */
  clear: both;
  padding-top: 10px;
  margin:0px;
  }

div.row span.label {
  float: left;
  width: 138px;
  text-align: right;
  padding-top: 4px;
}

div.row span.contactUsLabel {
  float: left;
  width: 168px;
  text-align: right;
}

div.row span.formw 
{
  margin-left :10px;
  float: left;
  width: 325px;
  text-align: left;
  } 
  
  div.row span.contactUsformw 
{
  margin-left :10px;
  float: left;
  width: 325px;
  text-align: left;
  padding-top:1px
  } 

.registerPanel
{
	float:left;
	/* border :solid 1px red;  */
	padding:5px;
	margin:1px;
}

.registerPanel td.label
{
	width:80px;
	height:27px;
}
.registerPanel td.spacer
{
	height:10px;
}

.sportCheckList td
{
	padding:5px;
	margin:2px;
}

.privacyPolicy{
	padding-top:0px;
	margin-top:0px;
	padding-right:10px;
	font-size:0.9em;
}

.loginPanel
{
	float:left;
	height:350px;
	width:600px;
	/*border :solid 1px red;*/  
	padding-left:25px;
	padding-right:20px;
	padding-top:20px;
	text-align:left;
}

.loginPanel td.Label
{
	width:45px;
	height:27px;
	padding-right:5px;
}
.loginPanel td.spacer
{
}

.existingPanel
{
	float:left;
	height:130px;
	width:230px;
	/*border :solid 1px red;  */
	padding-left:10px;
	padding-top:38px;
}

.existingPanel td.Label
{
	width:100px;
	height:27px;
}
.existingPanel td.spacer
{
	height:10px;
}

.registerButton
{
	float:left;
	padding-top:16px;
	padding-left:78px;
	/*border :solid 1px red;*/
}

.signInButton
{
	margin-left:92px;
}

/*
-------------------------------------------
 Table Style DIV elements
 For five columns, many row layouts
 ** USED FOR EVENT SEARCH ONLY **
-------------------------------------------
*/
div.row span.col1 {
  float: left;
  width: 35px;
  text-align: left;
  margin:0px;
  padding:0px;
  padding-left:3px;
  margin-top:3px;
}
div.row span.col2 {
  float: left;
  width: 105px;
  margin:0px;
  padding:0px;
  text-align: left;
}
div.row span.col3 {
  float: left;
  width: 30px;
  text-align: left;
  margin:0px;
  padding:0px;
  margin-top:3px;
}
div.row span.col4 {
  float: left;
  width: 150px;
  text-align: left;
  margin-top:-5px;
  padding:0px;
}

/*
-------------------------------------------
 Class Styles
-------------------------------------------

.arrowLink{
	color:				White;
	font-weight:		bold;
	font-size:			12pt;
	font-family:		"Century gothic",arial,tahoma,sans-serif;
	text-decoration: 	none;	
}
*/

.largeText{
	color:				#171F46;
	font-weight:		bold;
	font-size:			12pt;
	font-family:		"Century gothic",arial,tahoma,sans-serif;
}

#rectangle a{
	background:			url(../../i/Main/redrectanglebutton.gif) 0 0 no-repeat;
	width:				150px;
	height:				50px;
	display:			block;
	float:				left;
}

#rectangle a:hover{
	background-position: -150px 0;
}

#quote a.QuoteLink{
	background:			url(../../i/Main/redbutton.gif) 0 0 no-repeat;
	margin-left:		48.5px;
	margin-right:		41.5px;
	display:			block;
	width:				95px;
	height:				95px;
}
#quote a:hover.QuoteLink {
	background-position: -95px 0;
}
#quote p{
	margin-top:			10px;
	margin-bottom:		10px;
	text-align:			center;
	color:				white;
	font-weight:		bold;
	font-size:			16pt;
	font-family:		"Century gothic",arial,tahoma,sans-serif;
}
#quote span{
	color:				red;
}


/* .NET Skin Settings
----------------------------------------------- */
.DropDownList {
	font-size:			8pt;
	font-family:		"Century gothic",arial,tahoma,sans-serif;
}
.TextBox {
	font-size:			8pt;
	font-family:		"Century gothic",arial,tahoma,sans-serif;
}
.CheckBoxes {
	font-size:			8pt;
	font-family:		"Century gothic",arial,tahoma,sans-serif;
}

/* .Home Page Image Settings
----------------------------------------------- */
.HomePageImage {
	margin: 2px;	
	margin-top:15px;
}

/* Package Sold Out Banner
----------------------------------------------- */
#SoldOutBanner {
	/*border: 				2px solid #ff0000;	 Uncomment only for debugging */
	position:				absolute;			/* position from top-left of browser */
	left: 					50%; 				/* center horizonally */
	top: 					190px;				/* center vertically */
	width: 					255px; 				/* required for horizontal centering */
	height:      			255px;
	margin-left:		 	-190px; 			/* offset from center point */
	text-align: 			left; 				/* to realign the text after IE Bug fix in 'body section below */
	padding:				0px;
}

	
a.PagingText:link, a.PagingText:visited
{
	color: #171F46;	
	text-decoration:none;
}
a.PagingText:hover {
	color: Red;
	text-decoration:underline;
}
a.PagingText:active{
	color: #171F46;	
	text-decoration:none;
}

div.Pager
{
	text-align:right;	
	margin-right:25px;
}

.PagerLabels
{
	color:Gray;
}

/* culture list
----------------------------------------------- */
ul.culture, ul.culture li{
	float: right;
	list-style: none;
	margin: 0;
	padding: 2px;	
	background:none;
}


/* Brochure View - Registration / Decision Page
----------------------------------------------- */
.registeredUser
{
	float:left;
	margin-top:20px;
	margin-bottom:10px;
	padding-top:10px;
	width:485px;
}
.registeredUserLoginButton
{
	float:left;
	margin-top:20px;
	width:150px;
	text-align:justify;
}

/* MessageBox CSS
----------------------------------------------- */
.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 10px 0px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('../../i/MessageBox/info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('../../i/MessageBox/success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('../../i/MessageBox/warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('../../i/MessageBox/error.png');
}
.msgcontainer
{
}
.info p, .success p, .warning p, .error p {
padding: 0px 50px;
}
.info a, .success a, .warning a, .error a {
float: right;
padding: 10px;
cursor:pointer;
}
.msgcontainer img {
border: none;
}

#purchaseTable 
{
	margin: 0px 0px 0px 0px;
	border-collapse: collapse;
}

#purchaseTable td
{
	padding: 7px 10px 7px 10px;
}

#purchaseTable th
{
	padding: 10px 10px 7px 10px;
}

#purchaseTable t
{
	padding: 10px 10px 10px 10px;
}

#purchaseTable tbody .AltRow
{
	background: #F4F4F4;
}

#purchaseTable tfoot td
{
	border-top: 1px dashed #69c;
}


/* New jQuery Menu */
ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 15em;
  color: White;
}

ul.menu a {
  display: block;
  text-decoration: none;	
  color: White;
}

ul.menu li {
  margin-top: 1px;
  color: White;
}

ul.menu li a {
  background: #333;
  color: White;	
  padding: 0.5em;
}

ul.menu li a:hover {
  background: #000;
}

ul.menu li ul li a {
  padding-left: 40px;
  background-color:White;
}

ul.menu li ul li a:hover {
  padding-left: 40px;
  background-color:White;
}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }
.indent3 { padding-left: 3em; }
.indent4 { padding-left: 4em; }
.indent5 { padding-left: 5em; }