body {
    background-color: black;
    background-image: url(../gfx/GSColumn.png);
    background-repeat: repeat-y;
    background-position: center;
    color: white;
    position: relative;
    font-family: arial, verdana, sans-serif;
    font-size: small;
/*    padding: 0;
    margin: 0;*/
    overflow-y: scroll;
}

#main {
    width: 960px;
    margin: 0 auto;
}

a, a:link, a:visited {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: underline;
    font-weight: normal;
    color: white;
}

h2 {
    font-size: 1.4em;
    margin: 0 0.5em;
}

hr.cleaner {
clear:both;
height:1px;
margin: -1px 0 0 0;
padding:0;
visibility: hidden;
}

.smltxt {
    font-size: 10px;
}

.courier {
	font-family: Courier New, monospace;
}

.hdrtxt {
    font-size: 16px;
    font-weight: bold;
    color: yellow;
}

.centre {
    text-align: center;
}

.yellowwarning {
	border: 3px double yellow;
	margin: 15px 0;
}

#BannerLarge {
    position: relative;
    width: 960px;
    height: 213px;
    background: url(../gfx/bannerlarge.jpg)  no-repeat;
    margin-bottom: 15px;
}

#BannerLargeButtons{
    position: absolute;
    width: 760px;
    height: 22px;
    right: 0;
    bottom: 0;
}

#BannerLargeButtons a {
    margin: 0 2px;
    padding: 0;
}

#BannerLargeButtons a img:hover {
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

#BannerLargeButtons a img {
    border: 0;
    margin: 0;
    padding: 0;
}




#BannerSmall {
    position: relative;
    width: 960px;
    height: 132px;
    background: url(../gfx/bannersmall.jpg)  no-repeat;
    margin-bottom: 15px;
}

#BannerSmallButtons {
    position: absolute;
    width: 760px;
    height: 22px;
    right: 23px;
    bottom: 0;
}

#BannerSmallButtons a {
    margin: 0 2px 0 0;
    padding: 0;
}

#BannerSmallButtons a img:hover {
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

#BannerSmallButtons a img {
    border: 0;
    margin: 0;
    padding: 0;
}

/* Page Content Area */

#Content {
    position: relative;
    text-align: left;
    width: 100%;
}

#ContentLeft {
    position: relative;
    float: left;
    width: 231px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 5px;
    z-index: 100;
}

#ContentCentre {
    position: relative;
    margin: 0;
    padding: 0 236px;
}

#ContentCentre p {
    padding: 0 0.5em;
}


#ContentRight {
    position: relative;
    float: right;
    width: 231px;
    margin-left: 0;
    margin-right: 0;
/*    padding-right: 1px;*/
    z-index: 99;
}

#ContentRightWide {
    position: relative;
    margin: 0;
    padding: 0 0 0 241px;
}

#ContentFooter {
    position:relative;
    top:1px;
    width:100%;
    clear:both;
    margin:0;
    padding:1% 0;
    text-align:center;
}

/* Box borders start here */

.Box226 {
    width: 226px;
    background: url(../gfx/borderleft.png) repeat-y left top;
    position: relative;
    margin: 0 0 10px 0;
}

.Box714 {
    width: 714px;
    background: url(../gfx/borderleft.png) repeat-y left top;
    position: relative;
    margin: 0 0 10px 0;
}

.BoxTop {
    width: 100%;
    height: 30px;
    background: url(../gfx/bordertopleftandtop.png) no-repeat left top;
}

.BoxTop a img {
	border: 0;
}

.BoxTopRight {
    display: block;
    height: 30px;
    position: relative;
    background: url(../gfx/bordertopright.png) no-repeat right top;
    padding-left: 15px;
}

.BoxBottom {
    width: 100%;
    height: 15px;
    background: url(../gfx/borderbottomleftandbottom.png) no-repeat left top;
}

.BoxBottom span {
    display: block;
    position: relative;
    height: 15px;
    background: url(../gfx/borderbottomright.png) no-repeat right top;
    overflow: hidden;
}

.boxheader {
    padding-left: 20px;
    margin-right: 20px;
    padding-top: 3px;
    height: 20px;
}

.BoxHdrTxtLeft {
    color: yellow;
    /*width: 300px;*/
    height: 25px;
    padding-top: 5px;
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
}

.BoxContent {
    position: relative;
    padding: 1px 13px 0.5em 15px;
    background: url(../gfx/borderright.png) repeat-y right top;
}

.BoxSectionBreak {
    height: 28px;
    margin: 7px 1px;
    padding-left: 2px;
    color: yellow;
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
    background: url(../gfx/DividerWithText.png);
}

.BoxSectionBreak p {
    margin: 0;
    padding-top: 5px;
    padding-left: 3px;
}

.BoxDivider {
    height: 11px;
    margin: 0 4px;
    background: url(../gfx/DividerNoText.png);
}

.BoxDividerWide {
    width: 685px;
    height: 11px;
    margin: 5px 2px 5px 0;
    background: url(../gfx/DividerNoText.png);
}

/* Control Box */
#Control {
	/* Reserved */	
}

.Control h1 {
	font-size: 16px;
    margin: 5px; 
    color: #ffff40;
}

.Control ul {
	margin: 5px 0 0 5px;
    padding: 0;
}

.Control li {
	margin: 0.4em 0;
    padding: 0;
    list-style: none;
}

.Control li a {
	color: #ffff40;
	text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    line-height: 140%;
}

.Control a:hover {
	background-color: #555;	
}

#ImageBasket {
	text-align: center;
	margin-top: 10px;
}

#ImageBasketUpdating {
	display: none;
}

#ImageBasketContents {
	display: block;
}

#ImageBasketContents table {
width: 190px;
}

#ImageBasketContents td, #ImageBasketContents th {
text-align: center;
}

/* End Control Box */

#Result {
	/* Reserved */
}

.Result {
	
}

.ResultNavigationButton {
	width: 65px;
	height: 25px;
	float: left;
}

.ResultNavigationText {
	width: 545px;
	height: 20px;
	color: #ffff40;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding-top: 3px;
	overflow: hidden;
	float: left;
}

.ResultNavigationTextFull {
	width: 675px;
	height: 20px;
	color: #ffff40;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding-top: 3px;
	overflow: hidden;
}

.Result a, .Result a:link, .Result a:visited {
	font-size: 13px;
	color: #ffff40;
	text-decoration: none;
	line-height: 140%;
}

.Result p {
	padding-left: 15px;
	margin: 0;
}

.Result h1 {
	font-size: 16px;
    margin: 5px; 
    color: #ffff40;	
}

.Result a img {
	vertical-align: middle;
	border: 0;
	margin: 0.5em;
}

. {
	/* Twinned with .Result */
}

.EventListYear {
	position: relative;
}

.EventListEvent {
	display: -moz-inline-box;
	display: inline-block;
	width: 290px;
	left: 2em;
	padding-left: 40px;
}

.EventOverview {
	/* Twinned with .Result */		
}

.EventListNumber a, .EventListNumber span {
	display: -moz-inline-box;
	display: inline-block;
	width: 12.4%;
	text-align: center;
}

.EventListDriver a, .EventListNumber span {
	display: -moz-inline-box;
	display: inline-block;
	width: 24%;
	text-align: left;	
}

.EventList a:hover, .EventListNumber a:hover, .EventListDriver a:hover {
	background-color: #555;	
}

.EventListMMS {
	/* Twinned with .Result */
}

#EventListMMSControl {
	height: 40px;
}

#EventListMMSUpdating {
	display: none;
}

.EventProducts {
	/* Twinned with .Result */
}

.EventProductsCDTable {
width: 100%;
}

col.EventProductsCDLeft {
width: 150px;
text-align: center;
}

col.EventProductsCDRight {
width: 200px;
text-align: right;
}

.EventViewThumbs {
	text-align: center;
}

.EventViewImage {
	text-align: center;
}

/* Search */
.Search {
	font-size: 11px;
}

.Search form select, .Search form input {
	font-size: 11px;
}

.SearchDriverName {
	width: 214px;
}

#SearchBoxControl select {
	width: 220px;
}

#SearchBoxControl td, #SearchBoxControl td+td+td {
	width: 80px;
}

#SearchBoxControl td+td, #SearchBoxControl td+td+td+td {
	width: 250px;
}

#SearchNotify {
	font-size: 11px;
	position: relative;
	padding: 1px 12px 0px 14px;
	visibility: hidden;
}

/* Search End */

/* Checkout */
.BasketTable {
	width:100%;
}

col.BASImage {
width: 250px;
}

col.BASPlus, col.BASMinus {
width: 20px;
text-align: center;
}

col.BASQty, col.BASUnit, col.BASTotal {
width: 6em;
text-align: right;
}

.BASTDL {
text-align: left;
}

.BASTDR {
text-align: right;
}

.BASTDC {
text-align: center;
}

/* Checkout Ends */

/* My Account */

#one, #onelower {
	width: 120px;
}

.MyAccount table {
	width: 100%;
}

.MyAccount table tbody td select {
	width: 40ex;
}

#EditUserDetailsError {
	margin-bottom: 1em;
	border: 2px solid yellow;
	display: none;
}

#EditUserDetailsError p {
	padding: 0 1em;
}

#ChangePasswordError {
	margin-bottom: 1em;
	border: 2px solid yellow;
	display: none;
}

#ChangePasswordError p {
	padding: 0 1em;
}

/* My Account Ends */

/* New User */

#NewUserBoxContent table tbody td select {
	width: 40ex;
}

#RegisterError {
	margin-bottom: 1em;
	border: 2px solid yellow;
	display: none;
}

#RegisterError p {
	padding: 0 1em;
}

/* New User Ends */



/*
.BoxContent h1 {
    font-size: 16px;
    margin: 5px; 
    color: #ffff40;
}

.BoxContent p {
    margin-top: 0;
    padding-left: 15px;
}

.BoxContent a {
	text-decoration: none;
	color: #ffff40;
	line-height: 140%;
}

.BoxContent ul {
    margin: 5px 0 0 5px;
    padding: 0;
}

.BoxContent li {
    margin: 0.4em 0;
    padding: 0;
    list-style: none;
}

.BoxContent li a {
    color: #ffff40;
    font-size: 12px;
    font-weight: bold;
    line-height: 140%;
}
*/




/* .BoxSectionBreak {
    width: 193px;
    height: 28px;
    margin-top: 7px;
    margin-bottom: 7px;
    margin-left: 0px;
    padding-left: 2px;
    color: yellow;
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
    background: url(../gfx/DividerWithText.png);
} */


/* .BoxDivider {
    width: 195px;
    height: 11px;
    margin: 5px 0 5px 0px;
    background: url(../gfx/DividerNoText.png);
}  */



/* Box borders end here */

.GenericRightBox {
    width: 701px;
    background: url(../gfx/borderleft.png) repeat-y left top;
    position: relative;
    margin-bottom: 5px;
}

.GenericRightBoxHeaderText, .GenericRightBoxHeaderText a, .GenericRightBoxHeaderText a:link, .GenericRightBoxHeaderText a:visited {
    width: 675px;
    height: 25px;
    color: yellow;
    font-size: 16px;
    font-weight: bold;
    padding-top: 5px;
    padding-left: 5px;
    overflow: hidden;
    text-decoration: none;
}


.GenericRightBoxContent {
    position: relative;
    padding: 1px 12px 0px 14px;
    background: url(../gfx/borderright.png) repeat-y right top;
}

.GenericRightBoxContent p {
    padding-left: 15px;
    margin: 0;
}

.GenericRightBoxContent a, .GenericRightBoxContent a:link, .GenericRightBoxContent a:visited {
    font-size: 13px;
    color: #ffff40;
    text-decoration: none;
    line-height: 140%;
}

.GenericRightBoxContent a img {
    vertical-align: middle;
    border: 0;
    margin: 0.5em;
}

.GenericRightBoxSectionBreak {
    width: 670px;
    height: 28px;
    margin-top: 7px;
    margin-bottom: 7px;
    margin-left: 0px;
    padding-left: 2px;
    color: yellow;
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
    background: url(../gfx/DividerWithText.png);
/*    border: 1px solid red;*/
}