/* CSS Document */

body {
	margin: 0px;
	padding: 0px;

	background-image: url('../images/events/bgCurtains.jpg');
	background-position: top left;
	background-repeat: repeat;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
body.termsWin { padding: 10px; background-image: none; background-color: #ffffff; }

/* ***** Background ***** */
#spotlight {
	height: 100%;
	width: 100%;
	z-index: 0;
}

/* ***** Logo ***** */
#logoWrapper {
	position: absolute;
	left: 0px;
	top: 35px;
	width: 100%;
	z-index: 10;

	text-align: center;
}

/* ***** Main Body ***** */
#mainBody {
	position: absolute;
	left: 0px;
	bottom: 100px;
	height: 375px;
	width: 100%;

	text-align: center;
	
	background-image: url('../images/events/bgScreen.png');
	background-position: center;
	background-repeat: no-repeat;
}

#screen {
	position: relative;
	margin: 14px auto 14px auto;
	height: 361px;
	width: 740px;
	
	background-color: #ffffff;
}

div.objProduct {
	padding: 4px;
	margin: 2px;
	float: left;
	height: 117px;
	
	border: 1px solid #cccccc;
}
div.objProduct:hover { border-color: #55aaff; }
div.objProductSL {
	padding: 4px;
	margin: 2px;
	float: left;
	height: 145px;
	
	border: 1px solid #cccccc;
}

div.objProduct img, div.objProductSL img { border: 1px solid #aaaaaa; }
div.objProductSL img:hover { border-color: #55aaff; }

div.objProduct p,
div.objProductSL p {
	margin: 3px 0px 0px 0px;
	
	text-align: left;
}

div.objProduct p a {
	margin: 0px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #787878;
	text-decoration: none;
}
div.objProduct p a:hover { color: #0066CC; }

div.objProductSL p a.lnkRemove {
	margin: 0px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #a11818;
	text-decoration: none;
}
div.objProduct p a:hover { text-decoration: underline; }

/* ***** Stage ***** */
#stage {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 100px;
	
	background-color: #000000;
	background-image: url('../images/events/bgReflection.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	
	text-align: center;
}

#stage div {
	position: relative;
	margin: auto;
	width: 740px;
	
	text-align: right;
}

#stage div ul {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	
	list-style-type: none;
}

#stage div ul li {
	display: inline;
	margin-right: 15px;
}

#stage div ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}
#stage div ul li a:hover { text-decoration: underline; }

/* ***** Main Content ***** */
#mainContent {
	position:relative;
	padding: 10px;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #777777;
	
	text-align: left;
}

div.prdLinks,
div.prdLinks2 {
	float: right;
	padding-right: 10px;
	width: 150px;
	margin: 0px;
	
	text-align: right;
}
div.prdLinks2 {
	margin-top: -60px;
}

div.prdLinks p, div.prdLinks2 p { margin: 4px 0px; }

div.prdLinks p a, div.prdLinks2 p a {
	padding-left: 12px;
	
	background-image: url('../images/events/bltArrows_back.gif');
	background-position: 0px 4px;
	background-repeat: no-repeat;
	
	font-weight: bold;
	text-decoration: none;
}
div.prdLinks p a:hover, div.prdLinks2 a:hover { text-decoration: underline; }

div.prdLinks a.btnShortlist, div.prdLinks2 a.btnShortlist {
	display: block;
	width: 100px;
	padding: 0px 2px;
	margin: 0px 0px 0px auto;

	background-color: #ffffff;
	border: 1px solid #2482ca;
	
	font-weight: bold;
	color: #2482ca;
	text-transform: lowercase;
	text-decoration: none;
	text-align: center;
}
div.prdLinks a.btnShortlist:hover, div.prdLinks2 a.btnShortlist:hover { background-color: #2482ca; color: #ffffff; text-decoration: none; }

div.prdLinks a.lnkPrint, div.prdLinks2 a.lnkPrint {
	display: block;
	padding: 2px 0px 2px 20px;
	margin-top: 3px;
	
	background-image: url('../images/events/icoPrint.gif');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	
	text-align: left;
}

	/* Categories */
div.categoriesTop a {
	font-weight: bold;
	color: #676767;
	text-decoration: none;
	text-transform: lowercase;
}
div.categoriesTop a.selected { color: #000000; }
div.categoriesTop a:hover { color: #0066CC; }

	/* Results */
div.resultsTop {
	float: right;
	margin-bottom: 10px;
}
div.resultsTop div.lstResults { display: inline; }
div.resultsTop a {
	font-weight: bold;
	color: #676767;
	text-decoration: none;
}
div.resultsTop a:hover { color: #0066CC; }

/* ***** Headings ***** */
h1 {
	margin: 10px 0px 5px 0px;
	
	border-bottom: 1px solid #000000;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: normal;
	color: #000000;
	text-transform: lowercase;
}

h2 {
	margin: 0px;
	padding: 0px;
	
	font-size: 18px;
	font-weight: normal;
	font-style: italic;
}

h3 {
	margin: 15px 0px 0px 0px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

/* ***** Text ***** */
p.confirmation, span.confirmation { font-weight: bold; color: #00aa33; }
p.error, span.error { margin-top: 0px; font-weight: bold; color: #CC0000; }
p.description { margin: 0px; max-width: 240px; }

/* ***** Images ***** */
img.imgFeature {
	float: right;
	padding: 10px 10px 10px 20px;
	
	background-color: #ffffff;
}

img.imgProduct {
	float: left;
	margin: 10px 40px 10px 0px;
	padding: 0px;
}

img.imgGraphic {
	float: left;
	margin: 10px 20px 40px 0px;
	padding: 0px;
}

/* ***** Links ***** */
a {
	color: #2482ca;
	text-decoration: underline;
}
a:hover { text-decoration: none; }

a.btn {
	display: block;
	width: 80px;
	padding: 0px 2px;

	background-color: #2482ca;
	border: 1px solid #2482ca;
	
	font-weight: bold;
	color: #ffffff;
	text-transform: lowercase;
	text-decoration: none;
	text-align: center;
}
a.btn:hover { text-decoration: none; }

/* ***** Tables ***** */
table { border-collapse: collapse; }
table td { padding-right: 10px; }

/* ***** Forms ***** */
form { margin-top: 5px; }
form input {
	border: 1px solid #888888;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
form input.qty { width: 40px; }
form input.sml { width: 70px; }
form input.lrg { width: 200px; }

form input.btn {
	padding: 0px 2px;

	background-color: #2482ca;
	border: 1px solid #2482ca;
	
	font-weight: bold;
	color: #ffffff;
	text-transform: lowercase;
}

form p { margin: 1px 0px; }

form label {
	display: block;
	float: left;
	width: 70px;
	padding-right: 10px;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #777777;
}

div.msg {
	position: absolute;
	top: 150px;
	left: 340px;
	width: 100px;
}

/* ***** Additional Styles ***** */
span.clear {
	display: block;
	clear: both;
}

div.blockVideo {
	float: right;
	width: 170px;
	margin: 0px;
	padding: 0px;
}
div.blockVideo h3 { margin: 4px 0px 3px 0px; }
div.blockVideo p {
	margin-top: 3px;
	
	font-weight: bold;
	color: #eebb00;
}