/* new stylesheet for Reflex */
/* May 2007 Steve Craddock, Double-02 Limited */

/*	elements	*/

body
{
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	font-size:0.8em;
	background-color:#eeeeee
}
img
{
  border:0px;
}
a
{
	color:#ff0000;
	text-decoration:none
}
a:hover
{
	text-decoration:underline
}
a:visited
{
	color:maroon	
}
form
{
	margin-top:0;
	margin-bottom:0;
}
/*
	IDs
*/

#Content
{
	width:780px;
	margin:0 auto;
	text-align:left;
	background-color:white;
}
#Header
{
	width:100%;
	height:75px;
	background-color:#cc0000;
	background-image:url("../images/Reflex-logo.gif");
	background-repeat:no-repeat;
	background-position:center;
	margin-bottom:5px;
	color:#333333;
}
#InnerWrapper
{
	padding: 10px;
	text-align: left;
}
#InnerHeader
{
	padding: 10px;
	text-align: left;
}
#Header a
{
	color:White;
}
#LeftPanel
{
	width:130px;
	float:left;
	background-color: white;
	border:1px gray solid;
	padding:4px;
}
#Main
{
	width:460px; 
/*	margin-left:15px;
	margin-right:14px;	*/
	margin:0 10px;
	float:left;
	padding-top:5px;
	background-color:white;
}
#RightPanel
{
	width:140px;
	float:left;
	background-color: white;
}
#Footer
{
	Margin-top:6px;
	border-top:1px gray solid;
	padding-top:4px;
	text-align:center
}
#NavBar
{
	background-color: transparent;
	border-top: solid 1px grey;
	border-left: solid 1px grey;
	padding-left: 0;
	margin-left: 0;
	list-style-type: none;
	float: left;
	width: 100%;
	background-image: url(../images/NavBar.png);
	background-repeat: repeat-x;
}
ul#NavBar li
{
	float:left
}
ul#NavBar a
{
	display:block;
	text-align:center;
	color:white;
	font-weight:bold;
	font-style:italic;
	font-size:0.9em;
	width:12em;
	text-decoration:none;
	padding:5px;
}
#NavBarA2Z
{
	background-color: black;
/*	border-top:grey;
	border-left:grey;	*/
	padding-left:0;
	margin-left:0;
	list-style-type:none;
	float:left;
	width:100%
}
ul#NavBarA2Z li
{
	float:left;
	display:block;
	text-align:center;
	color:white;
	font-weight:bold;
	font-style:italic;
	font-size:0.9em;
	width:1.6em;
	text-decoration:none;
	padding:5px;
}
ul#NavBarA2Z li.Disabled
{
	float:left;
	display:block;
	text-align:center;
	color:red;
	font-weight:bold;
	font-style:italic;
	font-size:0.9em;
	width:1.6em;
	text-decoration:none;
	padding:5px;
}
ul#NavBarA2Z a
{
color:white;
}
#FeaturedThisWeek
{
	width:100%;
}
#WhatsHot
{
	border:1px red solid;
	padding:4px 4px 8px 4px;
	margin-bottom:2px;
}
#TrolleyContentPanel
{
	border:0;
	width:605px;
	margin-left:15px;
	float:left;
	padding-top:5px;
	background-color:white;
}
#TrolleyContentTable
{
	border:0;
	border-collapse:collapse;
	width:100%;
	margin:5px 0
}
#TrolleyContentTable th
{
	border-bottom:solid 1px silver;
}
#PopupContent
{
	width:98%;
	background-color:white;
	padding:10px;
}

/*
	classes
*/

.SmallText
{
	font-size:0.8em;
}
.MediumText
{
	font-size:0.9em;
}
.Inline
{
	float:left
}
.Subhead
{
	font-size:1em;
	font-weight:bold;
	font-style:italic;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:4px;
	padding-left:4px;
	background-color:Transparent
}
.Sidebar
{
	color: white;
	padding-bottom: 2px;
	background-image: url(../images/sidebar.png);
	background-repeat: repeat-x;
}
.CentreHead
{
	background-color:#dddddd;
	color:#CC0000;
	border-bottom:1px gray solid;
	border-right:1px gray solid;
	padding-left:4px;
}
.brClear {
	clear: both;
	height: 0;
	margin: 0;
	font-size: 1px;
	line-height: 0px;
}
#TrolleyContent td
{
	vertical-align:top
}
#Featured3
{
	padding-left:0;
	margin-left:0;
	margin-bottom:5px;
	list-style-type:none;
}
.Items, .Tickets, .Magazines
{
	background-color: white;
	padding:0;
	margin:3px 0; 
	list-style-type:none;
	float:left;
/*	border:dashed 1px red;	*/
	width:100%
}
ul.Items li
{
	float:left;
	display:block;
	width:140px;
	background-color:white;
	min-height:82px;
	margin-right:4px;
	padding:3px;
	border-top:1px silver solid;
	border-right:2px silver solid;
	border-bottom:2px silver solid;
	border-left:1px silver solid;
}
ul.Tickets li
{
	float:left;
	display:block;
	width:105px;
	min-height:100px;
	margin-right:4px;
	padding:3px 0 3px 3px;
	border-top:1px gray solid;
	border-right:2px gray solid;
	border-bottom:2px gray solid;
	border-left:1px gray dashed;
}
ul.Magazines li
{
	float:left;
	display:block;
	width:100px;
	min-height:58px;
	margin-right:4px;
	padding:3px 2px 3px 5px;
	border-top:1px gray solid;
	border-right:2px gray solid;
	border-bottom:2px gray solid;
	border-left:1px gray solid;
}
.A2z
{
	margin:2px 35px 2px 20px;
	list-style-type:none
}
ul#Featured3 li
{
	margin-bottom:3px;
}
/*	ul.Item a
{
	display:block;
	text-align:center;
	color:white;
	font-weight:bold;
	font-style:italic;
	font-size:0.9em;
	width:12.75em;
	text-decoration:none;
	padding:5px;
	}
*/
#Title
{
	font-style:italic;
	margin-bottom:10px
}
.Artist
{
	color: #CC0000
}
.ItemTitle
{
	margin-bottom:3px
}
.Format
{
	color: #CC0000;
	font-size:0.8em
}
.AltRow
{
	background-color:#eeeeee
}
.Featured
{
	overflow:hidden
}
.btnReflex
{
	background-color:#ff0000;
	color:white;
	font-size:0.8em;
	font-weight:bold;
	font-style:italic;
	padding: 3px;
	border-top:1px #FF9900;
	border-left:1px #FF9900 solid;
	border-right:1px black solid;
	border-bottom:1px black solid;
	margin-top: 4px;
	margin-bottom:6px;
}
.ReflexRed
{
	color:#CC0000;
}
.ReflexRule
{
	border:1px #cc0000 solid;
	width:95%
}
.Required
{
	font-weight:bold;
	color:#CC0000;
}
.txtBox
{
	margin: 2px;
	padding: 3px;
	border-top: 1px silver solid;
	border-right: 2px silver solid;
	border-bottom: 2px silver solid;
	border-left: 1px silver solid;
}
.HangLeft
{
	margin-right:5px;
	float:left
}
.HangRight
{
	margin-left:5px;
	float:right
}
.Centre
{
	text-align:center
}
.Right
{
	text-align:right;
}

.Cover
{
	/* this is the picture itself	*/
	border-bottom:2px silver solid;
	border-right:2px silver solid;
	margin-bottom:4px;
}
.CoverPic
{
	/* this is the panel that holds the image 	*/
	 width:90px;
	 float:left;
	 margin-bottom:6px;
	 border:solid 2px lime
}
.SidebarTextBox
{
	width:95%
}
.SideBarText
{
	margin-top:0px;
	margin-bottom:8px;
}
.SidebarList
{
	margin-top: 1px;
	margin-bottom: 2px;
	margin-left: -20px;
}
ol.SidebarList
{
	list-style-type: decimal;
}
ul.SidebarList
{
	list-style-type: square;
}
.AltTab
{
	font-weight:normal;
	background-color:maroon;
	color:silver
}
.Label
{
	width:28%;
	float:left;
	clear:left;
	padding-top:3px;
}
.Field
{
	width:70%;
	margin-bottom:5px;
}
.CatNo
{
	color:Black;
	font-style:italic
}
.WithBorder
{
	border:1px gray solid;
/*	padding:4px;	*/
	margin-bottom:2px;
}
.Days
{
	width:80px;
	float:left
}
.Shadow
{
	border-top: 1px silver solid;
	border-right: 2px silver solid;
	border-bottom: 2px silver solid;
	border-left: 1px silver solid;
}
.HighlightStrip
{
	background-color:#FFCEC1
}
.TopPickTitle
{
	color:#ff0000;
	font-size:1.3em;
	margin-bottom:0;
	text-align:left;
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
	font-weight:bold;
}
.TopPickPicRight
{
	float:right;
	width:185px;
	margin-left:5px;
}
.TopPickPicLeft
{
	float:left;
	width:200px;
	margin:10px 5px 0 -20px;
}
.Clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.Clearfix 
{
	display: inline-block;
}

/* Hides from IE-mac */
* html .Clearfix {height: 1%;}
.Clearfix {display: block;}
/* End hide from IE-mac */