/* CONTAINER STYLES */

div.redContainer, .elementContainer { position: relative; height: 15px; width: 710px; margin-top: 15px; }
div.redContainer div.leftElement { width:200px;	display:inline;	float:left;} 
div.redContainer div.rightElement {	float:right; } 
div.elementContainer { width: 565px; }
div.elementContainer .leftElement { position: absolute; left: 0; width: auto;}
div.elementContainer .rightElement { position: absolute; right: 0; width: 50%; text-align: right; }  

/* END OF CONTAINER STYLES */

/* PUBLICATION RESULT STYLES */

div.result { margin-top: 15px; margin-left: 15px; margin-bottom: 15px; }
div.result .thumbnail { float: left; display: block; width: 120px; }
div.result .details { float: left; display: block; width: 370px; margin-left: 25px; }
div.result .extendedInformation { font-size: 0.9em; } 
div.result .actions { height:20px;  padding: 0 0 5px 0; }
div.result .download { height:20px; float: left; display: block; width: 99px; }
div.result .order { float: left; } 
div.result .donation { float: left; margin-left: 10px; display: block; margin-top: 3px;}
div.result .filetype { float: left; margin-left: 10px; display: block; margin-top: 3px; width: 140px;}
div.result .maximumorder { float: left; margin-left: 10px; display: block; margin-top: 3px; width: 100px;}

/* END OF PUBLICATION RESULT STYLES */

/* SITE WIDE GENERIC STYLES */

.content {float: left; width: 500px; margin-bottom: 5px;}
.content-full { float: left; width: 99%; margin-bottom: 5px;}
.content-full2 { float: left; width: 700px;	margin-bottom: 5px;	clear: both; }
.content div.row span.radio { padding-left: 0.6em; }

ul#progress-bar {list-style-type: none;position: absolute;margin-left:250px;margin-top:-5px; width: 460px;}
ul#progress-bar li{float: left;padding-right: 6px;}

/* ROW TYPES */
/* This row is used for form fields to allow a height of 17px with a padding of 4px between fields */

div.row, div.addressRow, div.autoHeightRow, div.cartRow {clear: both;padding-top: 5px; width: 100%; height: 22px;}
div.autoHeightRow { height: auto; }
div.cartRow { height: 27px; }
div.addressRow { height: 118px; }
div.redRow, div.redRowPublication, div.redContainer, div.redRowPrint{
	clear: both;width: 717px;font-size: 1em;background:#E61A2D; color:#ffffff;padding:0.3em 0 0.3em; margin:0px;font-weight:bold;
    margin-bottom:15px;margin-top:15px;}
div.advSearch{margin-top:10px;}
div.redRowPrint { width:553px; }

/* END OF ROW TYPES */


/* FORM ELEMENT LAYOUT */

div.row span.cartElement { margin-left: 245px; }
div.autoHeightRow div.cartElement { margin-left: 255px; float: left; }
div.row span.addressElement, div.row span.pubElement { margin-left: 120px; } /* Already has a margin of 10 set for a select */

div.row span.loginElement { margin-left: 100px; }
div.row span.loginElement input { margin-left: 0; }
div.row span.searchElement { margin-left: 125px; }
div.row div.txtBox {width:auto;float:left;} 
div.advSearch{margin-top:10px;}
div.row div.cartLabelLogin { width:150px; float:left;}

/* END OF FORM ELEMENT LAYOUT */

/* MYBHF PRIVACY DETAILS */
div.dataProtectionList div.autoHeightRow div.tickboxLabel { margin: 0 -20px 10px 280px; width: auto }
div.dataProtectionList { margin-left: -200px; }
div.dataProtectionList div.autoHeightRow div.cartElement input { margin-top: -0.2em; }

/* END OF PRIVACY DETAILS */

/* LABEL TYPES */

/* Set a standard label width for the cart form */
div.row span.cartLabel, div.row div.cartLabel, div.addressRow span.cartLabel, div.row span.loginLabel, div.row span.pubLabel, 
div.row div.pubLabel, div.row div.resultsLabel { display: block; float: left; width: 245px; text-align: right;margin-top:5px; }
div.autoHeightRow div.tickboxLabel { margin: 0 -20px 10px 280px; width: 24em; }
div.row span.loginLabel { width: 90px; }
div.row span.pubLabel, div.row div.pubLabel { width: 115px; }
div.row span.offsetLinks { margin-right: 15px; float: right; }
div.row div.resultsLabel { width:auto; margin-left: 45px; }

/* END OF LABEL TYPES */

/* PAYMENT DETAILS */

#paymentDetails { width:472px; }
#paymentDetails .giftAidRadio1 { margin: 10px 0 0 100px; font-weight:bold; }
#paymentDetails .giftAidRadio2 { margin-left: 10px; }
#paymentDetails .paymentImages { width:445px; margin: 10px 0 10px 0; float: left; }
#paymentDetails .singlePaymentImage {padding: 0 5px 0 5px; }

/* This is the fieldset class used that borders the two sections */
#paymentDetails .giftAid{ border: 1px solid #ccc; padding: 10px 20px 20px 20px;margin-top:30px;float:left;width: 100%;}
#paymentDetails .giftAidLabel { float:left;font-weight:bold;margin-top: 5px;position:absolute;}
#paymentDetails .giftAidCheckBox{float:left;margin: 10px 10px 0 0;}
#paymentDetails .giftAidBoxLabel{margin: 10px 10px 0 10px;}
#paymentDetails .giftAidRadio { font-size: 0.9em !important; font-weight:bold; margin-right:0.5em; }

/* END OF PAYMENT DETAILS  */

/* BILLING AND TITLE ALIGNMENT */
div.redRow span.t1, .offsetText, div.redRowPrint span.t1 { margin-left: 15px; }
div.redRow span.t2 { margin-left: 450px; }
div.redRow span.t3 { margin-left: 580px; }
div.redRow span.t3events { margin-left: 50px; }
div.redRow span.t4events { margin-left: 40px; }
div.redRowPrint span.t3 { margin-left: 430px; }
.offsetRightText { margin-right: 15px; }
#billingcontent .billingContainer { width: 500px; }
#billingcontent .leftElement {position: absolute;text-align: left;width: 50%;}
#billingcontent .rightElement { position: absolute;width: 50%;text-align: left; }
div.cartRow span.col1, div.row span.col1 { float:left; margin-left:15px;width:480px;}
div.cartRow span.col2, div.row span.col2 { float:left; width: 60px;}
div.cartRow span.col3, div.row span.col3, div.deliverTo {margin-right:15px;float:right;}
span.colevents { margin-right: 160px; float: right; }
span.col2eventstext { margin-left: 10px; }
span.col3events { margin-left: 15px; }
span.col4events { margin-left: 45px; }
div.row span.col4 {	margin-right:70px; float:right; }
div.billTo { float:left; margin-left: 15px; }
div.row span.d1 {margin-left:385px; float:left;padding: 10px 0 0 0;}
div.row span.d1events {	margin-left:585px;float:left;padding: 5px 0 0 0;}
div.row span.d2{margin-right: 15px;float: right;}
div.row span.d2 input { width: 90px; }
.radioBut {width:500px;}

/* END OF BILLING AND TITLE ALIGNMENT */

/* SIDE BAR */

.sideBar{float: right;width: 200px;padding: 10px;}
.sideBarLowered{float: right;width: 200px;padding: 10px;margin-top: 5em !important;}
.sideBar img{vertical-align:middle;margin-right:5px;}
.signin-sideBar{position: absolute;width: 17%;padding: 10px;left: 840px;top: 260px;}

/* END OF SIDE BAR */

.right {float:right;}
.donation-desc{padding-left: 15px;font-style: italic;}
.paging-links { padding: 0 2px; }
.paging-links a{ color:#FFFFFF; }
* html div.elementContainer div.rightElement {right: 0;width: 340px;text-align: right; } 
.result-list { height:100%; } 


/* REDIRECTION PAGES */
.content-redirection { float: left; width: 100%; margin: 0 5px 0 0; padding: 0; }
#redirection { position: absolute; left: 50%; width: 588px; margin-left: -290px; padding:0;}
#redirection .download { margin-top: 15px; }
#redirection h1 {font-size: 18pt; font-family: Verdana,Geneva,Arial,Helvetica,Sans-Serif; color: #EE1B2E; margin:0;}
#redirection p {font-family: Verdana,Geneva,Arial,Helvetica,Sans-Serif; font-size: 10pt;color: #000000; }
#redirection a {font-family: Verdana,Geneva,Arial,Helvetica,Sans-Serif; font-size: 10pt;color: #000000; }
#redirection .rightAlign { float:right; }
#redirection br {margin-top: 5px; }