/* CONTENTS
----------------------------------------------- 
Author: Rosie Sturman

01 - BASIC/HTML TAGS
02 - COLOURS
03 - STRUCTURE
04 - NAVIGATION
05 - MAINBODY
06 - SIDEBARS
07 - FOOTER
08 - BOXSTYLEONE
09 - ARTICLE LISTS
10 - FORMS
11 - MISC

*/


body {
	margin: 0;
	padding: 0;
	font-size: x-small; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small; /*for compliant browsers*/
	font-family: Arial, Helvetica, sans-serif;
	background: #FFF;
	text-align: center; /*margin: auto fix for IE6*/
}

html>body { /* be nice to Opera */
	font-size: small;
}

/* BASIC/HTML TAGS
----------------------------------------------- */
	
h1 {
	font-size: 200%;
	margin: 0;
	padding: 0 0 10px 0;
	color: #000;
	font-weight: bold;
}
	
h2 {
	font-size: 160%;
	margin: 0;
	padding: 0 0 10px 0;
	color: #000;
	font-weight: bold;
}
	
h3 {
	font-size: 140%;
	margin: 0;
	padding: 0 0 10px 0;
	color: #000;
	font-weight: bold;
}

h4 {
	font-size: 120%;
	margin: 0;
	padding: 0 0 10px 0;
	color: #000;
	font-weight: bold;
}

p {
	font-size: 100%;
	margin: 0;
	padding: 0 0 8px 0;
	color: #000;
}
	
a {	
	margin: 0;
	padding: 0;
	font-size: 90%;
	color: #9f0e14; 
	font-weight: bold;
	text-decoration: none;
}
p a{font-size: 100%;}

ul {color: #000;}
ol {color: #000;}
	
/*---------------------------------------------*/
em {font-style: normal;}
strong {font-weight: bold;}

.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.altAlign {text-align: right;}

.mini {font-size: 80%;}

a img {border: none;}

.textReplace {display: none;}

/* COLOURS
----------------------------------------------- */
.red {background: #bc151b;}
.redDark {background: #9f0e14;}
.yellow {background: #ffcc00;}
.yellowDark{background: #dbbe4c;}
.green{background: #005825;}
	
/*---------------------------------------------*/




/* STRUCTURE
------------------------------------------------ */

.wrap {
	float: left;
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 100%;
}

.wrap.one {background: #9f0e14;}
.wrap.two {background: #bc151b url(../Images/yellows.gif) repeat-x 0 bottom;}
.wrap.three {background: #FFF;}
	
.wrapInner {
	position: relative;
	margin: 0 auto;
	text-align: left;/*margin: auto fix for IE6*/
	padding: 0;
	width: 900px;
}
	
#header {
	float: left;
	margin: 0;
	padding: 0;
	width: 900px;
}

#utility {
	float: right;
	margin: 0;
	padding: 8px 10px 7px 0;
	color: #FFF;
}
#utility p {color: #FFF;}
#utility a {color: #FFF;}



#BasketStatus {float: right; margin: 0; padding: 0 0 0 10px; background: #9f0e14 url(../Images/topTabLeft.gif) no-repeat 0 bottom;}
#BasketStatus p {float: left; margin: 0; padding: 5px 10px 10px 0; color: #fff; background: #9f0e14 url(../Images/topTabRight.gif) no-repeat right bottom;}
#BasketStatus a {padding: 0 0 0 10px; color: #fff;}

/* NAVIGATION 
------------------------------------------------ */

#mainNav {
	float: right;
	margin: 24px 0 0 0;
	padding: 0 0 24px 0;
	width: 700px;
}

#mainNav ul {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}

#mainNav ul li {
	float: left;
	margin: 0 0 0 10px;
		display: inline; /*to fix double margin in IE6*/
	padding: 0;	
}

#mainNav ul li a{
	float: left;
	margin: 0;	
	padding: 0;
	height: 37px;
	border-bottom: 3px solid #ffcc00;
	text-decoration: none;
	font-weight: bold;
}

#mainNav ul li.selected a {border-bottom: 3px solid #9f0e14;}
#mainNav ul li:hover a {border-bottom: 3px solid #9f0e14;}

#mainNav ul li.item19 a {width: 77px; background: url(../Images/home.gif) no-repeat 0 0;}
#mainNav ul li.item20 a {width: 108px; background: url(../Images/whatsOn.gif) no-repeat 0 0;}
#mainNav ul li.item38 a {width: 71px; background: url(../Images/shop.gif) no-repeat 0 0;}
#mainNav ul li.item21 a {width: 74px; background: url(../Images/news.gif) no-repeat 0 0;}
#mainNav ul li.item22 a {width: 126px; background: url(../Images/comedians.gif) no-repeat 0 0;}
#mainNav ul li.item23 a {width: 120px; background: url(../Images/contactUs.gif) no-repeat 0 0;}

#mainNav ul li a em{display: none;}


/* AccountMenu
------------------------------------------------ */

#AccountMenu {
    float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	background: #9f0e14;
    }

#AccountMenu ul {
	float: left;
	margin: 0;
	padding: 10px;
}

#AccountMenu ul li {
	float: left;
	margin: 0 15px 0 0;
		display: inline; /*to fix double margin in IE6*/
	padding: 0;	
}

#AccountMenu ul li a{
	float: left;
	margin: 0;	
	padding: 0;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
}
#AccountMenu ul li a:hover{text-decoration: underline;}
/* MAINBODY
------------------------------------------------ */
	
#main-body {/*NB. all items need 20px space to the left as visually it should be 650px*/ 
	float: right;
	margin: 20px 0 0 0;
	padding: 0;
	width: 670px;
	background: #FFFFFF;
}

#sidebarOne {
	float: left;
	margin: 20px 0 0 0;
		display: inline; /*to fix double margin in IE6*/ 
	padding: 0;
	width: 230px;
	background: #FFFFFF;
}
	
/* SIDEBARS
------------------------------------------------ */
#content {
	float: left;
	margin: 0 0 0 20px;
		display: inline; /*to fix double margin in IE6*/
	padding: 0;
	width: 400px;
}
#sidebarTwo {
	float: right;
	margin: 0 0 0 20px;
		display: inline; /*to fix double margin in IE6*/
	padding: 0;
	width: 230px;
}


/* FOOTER
------------------------------------------------ */
	
#footer {
	clear: both;
	float: left;
	margin: 20px 0;
	padding: 0;
	width: 900px;
}


/* BOXSTYLEONE
------------------------------------------------ */

.boxStyleOne{
	position: relative;
	float: right;
	margin: 0 0 10px 0;
	padding: 0;
	border-top: solid 2px #9f0e14;
}

.boxStyleOne .sides{
	float: left;
	margin: 0;
	padding: 0;
	border-left: solid 2px #9f0e14;
	border-right: solid 2px #9f0e14;
	width: 646px;
}

#sidebarOne .boxStyleOne .sides{width: 228px;}
	

.boxStyleOne .sides h2,
.boxStyleOne .sides h3,
.boxStyleOne .sides h4,
.boxStyleOne .sides p {
	margin: 0;
	padding-right: 10px; 
	padding-left: 10px; 
	overflow: hidden; /*to stop box breaking for really long words*/
}

/* ------------------------------------------------ */

.boxStyleOne .cornerTL{
position: absolute; top: -2px; left: 0; z-index: 50; height: 10px; width: 10px; background: url(../Images/PNGs/cornerTL.png) no-repeat 0 0; font-size: 0.0px; /*to fix height in IE6*/}

.boxStyleOne .cornerTR{
position: absolute; top: -2px; right: 0; z-index: 50; height: 10px; width: 10px; background: url(../Images/PNGs/cornerTR.png) no-repeat 0 0; font-size: 0.0px; /*to fix height in IE6*/}

.boxStyleOne .cornerBL{
position: absolute; bottom: -2px; left: 0; z-index: 50; height: 10px; width: 100%; background: url(../Images/PNGs/cornerBL.png) no-repeat 0 bottom; font-size: 0.0px; /*to fix height in IE6*/}

.boxStyleOne .cornerBR{
position: absolute; bottom: -2px; right: 0; z-index: 50; height: 10px; width: 10px; background: url(../Images/PNGs/cornerBR.png) no-repeat 0 bottom; font-size: 0.0px; /*to fix height in IE6*/}

/*What's On Style*/

.boxStyleTwo{
	position: relative;
	float: right;
	margin: 0 0 10px 0;
	padding: 0;
	border-top: solid 2px #9f0e14;
}

.boxStyleTwo .sides{
	float: left;
	margin: 0;
	padding: 0;
	border-left: solid 2px #9f0e14;
	border-right: solid 2px #9f0e14;
	width: 646px;
}

#sidebarOne .boxStyleTwo .sides{width: 228px;}
	

.boxStyleTwo .sides h2,
.boxStyleTwo .sides h3,
.boxStyleTwo .sides h4,
.boxStyleTwo .sides p {
	margin: 0;
	padding-right: 10px; 
	padding-left: 10px; 
	overflow: hidden; /*to stop box breaking for really long words*/
}

/* ------------------------------------------------ */

.boxStyleTwo .cornerTL{
position: absolute; top: -2px; left: 0; z-index: 50; height: 10px; width: 10px; background: url(../Images/PNGs/cornerTL.png) no-repeat 0 0; font-size: 0.0px; /*to fix height in IE6*/}

.boxStyleTwo .cornerTR{
position: absolute; top: -2px; right: 0; z-index: 50; height: 10px; width: 10px; background: url(../Images/PNGs/cornerTR.png) no-repeat 0 0; font-size: 0.0px; /*to fix height in IE6*/}

.boxStyleTwo .cornerBL{
position: absolute; bottom: -2px; left: 0; z-index: 50; height: 10px; width: 100%; background: url(../Images/PNGs/cornerBL.png) no-repeat 0 bottom; font-size: 0.0px; /*to fix height in IE6*/}

.boxStyleTwo .cornerBR{
position: absolute; bottom: -2px; right: 0; z-index: 50; height: 10px; width: 10px; background: url(../Images/PNGs/cornerBR.png) no-repeat 0 bottom; font-size: 0.0px; /*to fix height in IE6*/}


/*----------------*/

/* ARTICLE LISTS 
------------------------------------------------ */
.paginator {display: block; margin: 10px 0 0 0; padding: 7px 10px 5px 10px; font-weight: bold; color: #9f0e14; background: #ffcc00;}
.paginator a{display: inline; padding: 0 5px 0 0;}
.paginator p{display: inline; padding: 0 5px 0 0;}
a.more {display: block; margin: 10px 0 0 20px; padding: 7px 10px 5px 10px; color: #9f0e14; text-align: right;  background: #ffcc00;}


/* .newsList.home
------------------------------------------------ */

.newsList {
	float: left;
	margin: 20px 0 0 0;
		display: inline; /*to fix double margin in IE6*/ 
	padding: 0 0 15px 0;
	width: 670px;
	background: url(../Images/yell5x650.gif) no-repeat bottom right;
}

.newsList .article{
	float: left;
	margin: 0;
		display: inline; /*to fix double margin in IE6*/ 
	padding: 0 0 0 20px;
	width: 315px;
}

/* newsSummariesList
------------------------------------------------ */

.newsSummariesList {
	float: left;
	margin: 0;
	padding: 0 0 15px 0;
	width: 230px;
	background: url(../Images/yell5x650.gif) no-repeat bottom right;
}

.newsSummariesList .article{
	float: left;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	width: 230px;
	border-bottom: solid 1px #ffcc00;
}

.article .boxStyleOne .sides {width:396px;}
.article .boxStyleOne .sides .pageTitle{text-align: left;}

.boxStyleOne.red .pageTitle{
	color:#FFF;
}


/* .mainEvent.home
------------------------------------------------ */
.mainEvent.home {}


.mainEvent.home .boxStyleOne .sides .doors{
	float: left; 
	position: absolute; top: 0; right: 2px; 
	z-index: 0;
	padding: 10px 0 0 0; 
	margin: 0;
	width: 200px; 
	height: 140px; 
	text-align: right; 
	background: url(../Images/yellowDiag.gif) no-repeat right 0;
}
.mainEvent.home .boxStyleOne .sides .doors h3{margin: 0 0 0 25px; display: inline; /*to fix double margin in IE6*/ font-size: 100%; width: 175px;}

.mainEvent.home  .boxStyleOne .sides .date{margin-top: 10px; width: 300px; font-size: 220%; color: #9f0e14;}
.mainEvent.home  .boxStyleOne .sides .venue{width: 300px; font-size: 140%; color: #9f0e14;}
.mainEvent.home  .boxStyleOne .sides h4.performers{padding-right: 20px; font-size: 160%; color: #ffcc00;}
.mainEvent.home  .boxStyleOne .sides h4.performers a{color: #ffcc00;}

.mainEvent.home .boxStyleOne .sides img{
	float: left;
	margin: 0 10px 10px 10px;
	display: inline; /*to fix double margin in IE6*/ 
	padding: 0;
	width: 220px;
}

.mainEvent.home .boxStyleOne .sides a.buyTickets{
	float: left;
	margin: 0;
	display: inline; /*to fix double margin in IE6*/ 
	padding: 0;
	width: 100%;
	height: 50px;
	color: #fff;
	border-top: 10px solid #9f0e14;
	border-bottom: 5px solid #9f0e14;
	background: #9f0e14 url(../Images/buyTickets.gif) no-repeat right 0;
}
.mainEvent.home .boxStyleOne .sides a.buyTickets:hover{background-position: right -50px;}

/* .mainEvent
------------------------------------------------ */
.mainEvent {}

.mainEvent .boxStyleOne .sides a.buyTickets{
	float: right;
	margin: 10px 10px 0 0;
		display: inline; /*to fix double margin in IE6*/ 
	padding: 0;
	width: 220px;
	height: 50px;
	color: #fff;
	border-top: 5px solid #FFF;
	background: #FFF url(../Images/buyTicketsOnWhite.gif) no-repeat right 0;
}
.mainEvent .boxStyleOne .sides a.buyTickets:hover{background-position: right -50px;}

.mainEvent  .boxStyleOne .sides .title{margin-top: 10px; width: 390px; font-size: 200%; color: #000;}
.mainEvent .boxStyleOne .sides .doors{font-size: 140%;}
.mainEvent  .boxStyleOne .sides .date{font-size: 220%; color: #9f0e14;}
.mainEvent  .boxStyleOne .sides .venue{font-size: 140%; color: #9f0e14;}

.mainEvent  .boxStyleOne .sides div.performers{float: left; width: 646px; background: #9f0e14;}
.mainEvent  .boxStyleOne .sides div.performers ul{float: left; margin: 0; padding: 15px 11px; list-style: none;}
.mainEvent  .boxStyleOne .sides div.performers ul li{float: left; margin: 0 10px; display: inline; /*to fix double margin in IE6*/ padding: 0; width: 136px; text-align: center; background: #FFF url(../Images/miniTray136.gif) no-repeat 0 bottom;}
.mainEvent  .boxStyleOne .sides div.performers ul li h3{margin: 0; padding: 13px 0 8px 0; font-size: 100%; color: #9f0e14;}

.mainEvent  .boxStyleOne .sides .mainImage{display: none;}
.mainEvent  .boxStyleOne .sides div.frame{display: none;}
.mainEvent  .boxStyleOne .sides div.performers ul li .performerImage{width: 136px; height: 143px; background-position: center 0; background-repeat: no-repeat;}
.mainEvent  .boxStyleOne .sides div.performers ul li div.frame{display: block; position: absolute; width: 136px; height: 159px; background: url(../Images/PNGs/frame136x159.png) no-repeat 0 0;}

/* .eventsList/productsList
------------------------------------------------ */

.eventsList {
	float: left;
	margin: 0;
	padding: 0;
	width: 670px;
	background: #FFFFFF;
}

.eventsList .paginator {margin-left: 20px;}

.eventsList  .boxStyleOne {float: left; margin: 0 0 10px 20px; display: inline; /*to fix double margin in IE6*/}
#main-body .eventsList  .boxStyleOne .sides{width: 199px;}

#comedyFestival.eventsList .boxStyleOne .sides {height: 30em;}

.eventsList  .boxStyleOne .sides .doors{display: none;}
.eventsList  .boxStyleOne .sides .date{font-size: 120%;}
.eventsList  .boxStyleOne .sides .venue{display: none;}

.eventsList .boxStyleOne .sides a.buyTickets,
.eventsList .boxStyleOne .sides a.buyNow{
	float: left;
	margin: 5px 0 0 0;
		display: inline; /*to fix double margin in IE6*/ 
	padding: 0;
	width: 179px;
	height: 40px;
	background: #fff url(../Images/buyTicketsOnWhiteMini.gif) no-repeat right 0;
}
.eventsList .boxStyleOne .sides a.buyNow{background: #fff url(../Images/buyNowOnWhiteMini.gif) no-repeat right 0;}

.eventsList .boxStyleOne .sides a.buyTickets:hover,
.eventsList .boxStyleOne .sides a.buyNow:hover{background-position: right -40px;}


.eventsList  .boxStyleOne .sides div.performers{padding: 0 0 10px 0;}
.eventsList  .boxStyleOne .sides div.performers ul{margin: 0; padding: 0; list-style: none;}
.eventsList  .boxStyleOne .sides div.performers ul li{margin: 0; padding: 0;}
.eventsList  .boxStyleOne .sides div.performers ul li h3{margin: 0; padding: 0 10px; font-size: 100%;}
.eventsList  .boxStyleOne .sides .mainImage{float: left; margin: 10px 0 10px 10px; display: inline; /*to fix double margin in IE6*/ width: 179px; height: 130px; background-position: center 0; background-repeat: no-repeat;}
.eventsList  .boxStyleOne .sides div.frame{position: absolute; top: 10px; left: 12px; width: 179px; height: 130px; background: url(../Images/PNGs/frame179x130.png) no-repeat 0 0;}
.eventsList  .boxStyleOne .sides div.performers ul li .performerImage{display: none;}
.eventsList  .boxStyleOne .sides div.performers ul li div.frame{display: none;}

/*Product List for the Whats on Page*/

.eventsList2 {
	float: left;
	margin: 0;
	padding: 0;
	width: 670px;
	background: #FFFFFF;
}

.eventsList2 .paginator {margin-left: 20px;}

.eventsList2  .boxStyleTwo {float: left; margin: 0 0 10px 20px; display: inline; /*to fix double margin in IE6*/}
#main-body .eventsList2  .boxStyleTwo .sides{width: 310px;}

#comedyFestival.eventsList2 .boxStyleTwo .sides {height: 30em;}

.eventsList2  .boxStyleTwo .sides .doors{display: none;}
.eventsList2  .boxStyleTwo .sides .date{font-size: 120%;}
.eventsList2  .boxStyleTwo .sides .venue{display: none;}

.eventsList2 .boxStyleTwo .sides a.buyTickets,
.eventsList2 .boxStyleTwo .sides a.buyNow{
	float: left;
	margin: 5px 0 0 0;
		display: inline; /*to fix double margin in IE6*/ 
	padding: 0;
	width: 179px;
	height: 40px;
	background: #fff url(../Images/buyTicketsOnWhiteMini.gif) no-repeat right 0;
}
.eventsList2 .boxStyleTwo .sides a.buyNow{background: #fff url(../Images/buyNowOnWhiteMini.gif) no-repeat right 0;}

.eventsList2 .boxStyleTwo .sides a.buyTickets:hover,
.eventsList2 .boxStyleTwo .sides a.buyNow:hover{background-position: right -40px;}


.eventsList2  .boxStyleTwo .sides div.performers{padding: 0 0 10px 0;}
.eventsList2  .boxStyleTwo .sides div.performers ul{margin: 0; padding: 0; list-style: none;}
.eventsList2  .boxStyleTwo .sides div.performers ul li{margin: 0; padding: 0;}
.eventsList2  .boxStyleTwo .sides div.performers ul li h3{margin: 0; padding: 0 10px; font-size: 100%;}
.eventsList2  .boxStyleTwo .sides .mainImage{float: left; margin: 14px 0 10px 10px; display: inline; /*to fix double margin in IE6*/ width: 285px; height: 137px; background-position: center 0; background-repeat: no-repeat;}
.eventsList2  .boxStyleTwo .sides div.frame{position: absolute; top: 10px; left: 12px; width: 285px; height: 145px; border:solid 1px #ccc;}
.eventsList2  .boxStyleTwo .sides div.performers ul li .performerImage{display: none;}
.eventsList2  .boxStyleTwo .sides div.performers ul li div.frame{display: none;}



/*==================================*/
/* .comediansList
------------------------------------------------ */

.comediansList {
	float: left;
	margin: 0;
	padding: 0;
	width: 670px;
	background: #FFFFFF;
}

.comediansList .paginator {margin-left: 20px;}

.comediansList  .boxStyleOne {float: left; margin: 0 0 10px 20px; display: inline; /*to fix double margin in IE6*/}
#main-body .comediansList  .boxStyleOne .sides{width: 199px;}
.comediansList  .boxStyleOne .sides .title{clear: left; }
.comediansList  .boxStyleOne .sides .summary{padding: 0 10px;}
.comediansList  .boxStyleOne .sides .readMore{padding: 10px;}
.comediansList  .boxStyleOne .sides .mainImage{float: left; margin: 10px 0 10px 10px; display: inline; /*to fix double margin in IE6*/ width: 179px; height: 130px; background-position: center 0; background-repeat: no-repeat;}
.comediansList  .boxStyleOne .sides div.frame{position: absolute; top: 10px; left: 12px; width: 179px; height: 130px; background: url(../Images/PNGs/frame179x130.png) no-repeat 0 0;}

.comic .boxStyleOne .sides img{
	float: left;
	margin: 0 10px 0 0;
		display: inline; /*to fix double margin in IE6*/ 
	padding: 0;
	width: 220px;
}
.comic .boxStyleOne .sides .summary{
	float: left;
	margin: 10px 20px 10px 10px;
		display: inline; /*to fix double margin in IE6*/ 
	padding: 0;
	width: 384px;
}

/* FORMS
------------------------------------------------ */
.item, .radios{clear: left; float: left; margin: 0 0 10px 0; padding: 0; width: 100%; }
.item input, .radios input {float: left; margin: 0; padding: 1px; font-size: 90%;}
.item label, .radios label  {float: left; margin: 0 10px 0 0; display: inline; /*to fix double margin in IE6*/ padding: 0; color: #9f0e14; font-size: 90%;}
.item  select, .radios  select {float: left; margin: 0 10px 0 0; padding: 0; width: 182px; border: solid 1px #9f0e14; font-size: 90%;}
.item  input.textinput, .radios  input.textinput {margin-right: 10px; display: inline; /*to fix double margin in IE6*/ width: 178px; border: solid 1px #9f0e14;}
.item  textarea, .radios  textarea {float: left; margin-right: 10px; display: inline; /*to fix double margin in IE6*/ padding: 1px; width: 178px; border: solid 1px #9f0e14; font-size: 90%;}
.item input.checkbox {}

.button {float: right; margin: 5px 10px 10px 10px; padding: 10px; color: #fff; font-weight: bold; border: none; background: #bc151b;}
input.submitbutton{float: right; margin: 5px 10px 10px 10px; padding: 10px; color: #fff; font-weight: bold; border: none; background: #bc151b;}

/* eventAttendees
------------------------------------------------ */
#eventAttendee  {float:left; margin: 0; padding: 10px;}
#eventAttendee  h2 {padding-left: 0;}
#eventAttendee p {padding-left: 0;}

/* signUp
------------------------------------------------ */
.signUp .boxStyleOne{background: #ffcc00;}

.signUp .boxStyleOne h2 em{color: #9f0e14;}	
.signUp .item  {float: left; clear: left; margin: 0; padding: 10px;}

.signUp .item  input.textinput {margin: 0; width: 202px; border: solid 2px #9f0e14;}
.signUp input.submitButton {float: right; margin: 5px 10px 10px 0; padding: 0 10px; height: 40px; color: #FFF; font-weight: bold; border: 0px; background: #bc151b;}

/* loginForm
------------------------------------------------ */
.loginForm {float: left; clear: left; margin: 0; padding: 10px;}
.loginForm label {width: 146px;}
.loginForm input {margin-bottom: 10px;}
.loginForm input.submitbutton {float: right; margin: 5px 0 10px 10px; padding: 0 10px; background: #bc151b;}
/* unsubscribeForm
------------------------------------------------ */
.unsubscribeForm {float: left; clear: left; margin: 0; padding: 10px;}
.unsubscribeForm input.submitbutton {float: right; margin: 5px 0 10px 10px; padding: 0 10px; background: #bc151b;}

/* contactForm
------------------------------------------------ */
.contactForm {float: left; clear: left; margin: 0; padding: 10px;}
.contactForm .item label {margin: 0; width: 206px;}
.contactForm input.submitbutton {float: right; margin: 5px 0 10px 10px; padding: 0 10px; background: #bc151b;}
.contactForm textarea.textinput {width: 406px; height: 100px;}


/* GeneralAccountForm
------------------------------------------------ */
#GeneralAccountForm {float: left; clear: left; margin: 0; padding: 10px;}
#GeneralAccountForm .item label {width: 166px;}
#GeneralAccountForm input.submitbutton {float: right; margin: 5px 0 10px 10px; padding: 0 10px; background: #bc151b;}


/* AccountAddressesForm
------------------------------------------------ */
#AccountAddressesForm {float: left; clear: left; margin: 0; padding: 10px;}
#AccountAddressesForm .item label {width: 166px;}
#AccountAddressesForm .submitbutton {float: right; margin: 5px 0 10px 10px; padding: 10px 10px; color: #fff; background: #bc151b;}
#AccountAddressesForm table {float: left; width: 100%;}
#AccountAddressesForm table .submitbutton {float: left; margin-left: 0;}
#AccountAddressesForm table th {padding: 5px 10px 5px 0; border-bottom: 1px solid #e1e1e1;}
#AccountAddressesForm table td {padding: 5px 10px 5px 0; border-bottom: 1px solid #e1e1e1;}


/* OrderList
------------------------------------------------ */
#OrderList {float: left; padding: 10px;}
#OrderList table {float: left; margin: 0 0 15px 0; width: 100%;}
#OrderList .submitbutton {float: right; margin: 5px 0 10px 10px; padding: 10px 10px; color: #fff; background: #bc151b;}
#OrderList table .submitbutton {float: left; margin-left: 0;}
#OrderList table th {padding: 5px 10px 5px 0; border-bottom: 1px solid #e1e1e1;}
#OrderList table td {padding: 5px 10px 5px 0; border-bottom: 1px solid #e1e1e1;}


/* OrderDetail
------------------------------------------------ */
#OrderDetail {float: left; clear: left; margin: 0; padding: 10px;}
#OrderDetail h3, #OrderDetail p {padding-left: 0;}
#OrderDetail .item label {width: 166px;}
#OrderDetail input.submitbutton {float: right; margin: 5px 0 10px 10px; padding: 0 10px; background: #bc151b;}

#OrderDetail table {float: left; margin: 0 0 15px 0; width: 100%;}
#OrderDetail table .submitbutton {float: left; margin-left: 0;}
#OrderDetail table th {padding: 5px 10px 5px 0; border-bottom: 1px solid #e1e1e1;}
#OrderDetail table td {padding: 5px 10px 5px 0; border-bottom: 1px solid #e1e1e1;}


/* Basket
------------------------------------------------ */
#Basket {float: left; clear: left; margin: 0; padding: 10px;}
#Basket .item label {width: 166px;}
#Basket .submitbutton {float: right; clear: both; margin: 5px 0 10px 10px; padding: 10px 10px; color: #fff; background: #bc151b;}
#Basket table {float: left; width: 100%;}
#Basket table .submitbutton {float: left; margin-left: 0;}
#Basket table th {padding: 5px 10px 5px 0; border-bottom: 1px solid #e1e1e1; vertical-align: top;}
#Basket table td {padding: 5px 10px 5px 0; border-bottom: 1px solid #e1e1e1; vertical-align: top;}
#Basket table td input {float: left; margin: 5px 0 10px 0; padding: 10px 10px; color: #fff; font-weight: bold; border: none; background: #bc151b;}
#Basket table td input.quantity {margin: 0; padding: 2px; color: #000; font-weight: normal; border: 1px solid #e1e1e1; background: #fff;}
#Basket table td input.removeButton {margin: 0; padding: 2px; color: #000; font-weight: normal; background: #fff; }

#Basket table .vatTotalColumn {text-align: right; padding: 5px 0 5px 10px; width: 70px;}
#Basket table .subTotalColumn {text-align: right; padding: 5px 0 5px 10px; width: 50px;}

#Basket table.totals {float: right; width: 215px;}
#Basket table.totals td.label {text-align: right; padding: 5px 0 5px 10px; width: 50px; font-weight: bold;}
#Basket table.totals td.vatValue {text-align: right; padding: 5px 0 5px 10px; width: 70px;  font-weight: bold;}
#Basket table.totals td.value {text-align: right; padding: 5px 0 5px 10px; width: 50px;  font-weight: bold;}


#Basket h2 {float: left; clear: left; margin: 15px 0 0 0; padding-left: 0; width: 100%;}
#Basket p {float: left; clear: left; margin: 0; padding-left: 0; width: 100%;}


#Basket input {float: left; margin: 0 0 10px 0; padding: 1px;}
#Basket label  {clear: left; width: 166px; float: left; margin: 0 10px 10px 0; display: inline; /*to fix double margin in IE6*/ padding: 0; color: #9f0e14; font-size: 90%;}
#Basket select {float: left; margin: 0 10px 0 0; padding: 0; width: 382px; border: solid 1px #9f0e14; font-size: 90%;}
#Basket input.textinput {margin-right: 10px; display: inline; /*to fix double margin in IE6*/ width: 178px; border: solid 1px #9f0e14;}
#Basket textarea {float: left; margin-right: 10px; display: inline; /*to fix double margin in IE6*/ padding: 1px; width: 178px; border: solid 1px #9f0e14; font-size: 90%;}




/* Competition
------------------------------------------------ */
#Competition {float: right; margin: 0; padding: 0; width: 50%;}
#Competition .radios, #Competition .item {padding-left: 10px;}
#Competition .submitbutton {float: right; margin: 10px 10px 10px 10px; padding: 10px 10px; color: #fff; background: #bc151b;}



/* Register
------------------------------------------------ */
#Register {float: left; clear: left; margin: 0; padding: 10px;}
#Register h3, #Register p {padding-left: 0;}
#Register .item label {width: 166px;}
#Register input.submitbutton {float: right; margin: 5px 0 10px 10px; padding: 0 10px; background: #bc151b;}


/* MISC
------------------------------------------------ */

.logo {
	position: absolute;
	top: -253px;
	left: -100px;
	float: left;
	margin: 0;
	padding: 0;
	height: 271px;
	width: 397px;
	background: url(../Images/PNGs/logo.png) no-repeat 0 0;
}


.tagLine {
	float: left;
	margin: 15px 0;
	padding: 15px 0 15px 0;
	width: 100%;
	border-top: 1px dotted #000;
	border-bottom: 1px dotted #000;
	text-align: center;
}


.siteBy {
	float: right;
	margin: 0;
	padding: 0;
	font-size: 90%;
}

.siteBy a{
	font-weight: bold;
	text-decoration: none;
}






/* PRODUCT
------------------------------------------------ */

.ProductInfo {float: right; margin: 0 0 10px 0; width: 400px;}
.ProductInfo h2 {padding-left: 0!important;}
.ProductInfo p {padding-left: 0!important;}

.ProductItemListItems {float: right; margin: 0; width: 400px;}

.AssociatedProduct{float: right; margin: 0 0 10px 0; width: 400px;}
.AssociatedProduct .AssociatedProductInfo {}
.AssociatedProduct .AssociatedProductItemList {}
.AssociatedProduct .AssociatedProductItemList .AssociatedProductItemListItems {}

.addtobasket {
    float: right; 
    margin: 10px 295px 20px 0; 
		display: inline; /*to fix double margin in IE6*/ 
    padding: 10px 10px; 
    color: #fff; 
    background: #bc151b;
    width: 85px;
}

.addedmessage {float: right; margin: 0 0 20px 0; width: 400px; color: #ff0000; font-weight: bold;}