footer {
 	color: #000;
	font: 11px/1.5em Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 5px 0px 15px 0px;
	padding: 0px;
}
rightbody {
  background: #fff;
  position: absolute;
  top: 100px;
left: 150px;
  width: 480px;
  height: 500px;
;	width:480px;
; 	color: #000;
;	font: 11px/1.5em Verdana, Geneva, Arial, Helvetica, sans-serif;
;	background: #fff;
;	margin: 5px 0px 15px 0px;
;	padding: 0px;
}

leftbody {
  background: #f00;
  position: absolute;
  top: 100px;
left: 0px;
  width: 220px;
  height: 500px;
;	width:220px;
;        height:400px;
; 	color: #000;
;	font: 11px/1.5em Verdana, Geneva, Arial, Helvetica, sans-serif;
;	background: #fff;
;	margin: 5px 0px 15px 0px;
;	padding: 0px;
;       float: left;
}
tablex {
	background: #faeff3;
	border: none;
}

h1 {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
}

p {
	padding: 0px;
	margin: 0px;
}

img {
	padding: 0px;
	margin: 0px;
}

input {
	border: 1px solid;
}

 

form {
	margin: 0px;
}

#wunderWrapper { /* This sets the background tile that defines the columns, used in a special div rather than body to stop it tiling all the way down the page. Did not put in normal wrapper div due to browser madness. Margins and widths required to stop IE going mad. */
	background: url(images/tile.jpg) repeat-y 50% 0;
	width: 740px;
	margin-right:auto;
	margin-left:auto;
}

#chooserPulldown {
	width: 150px;
	margin-top: 4px;
	font: 11px/1.5em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#wrapper {
	width:740px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;

}

#header {
	background: #fff url(images/splash.jpg) no-repeat right;
	width: 738px;
	height: 120px;
	border-top: 1px solid #b50042;
	margin-left: 1px;
}

#chooseCentre {
	display: inline;
	position: absolute;
	top: 6px; /* ref. 5px body margin and 1px border */
	background: #b50042 url(images/chooseBox_bg.gif) repeat-x;
	margin-left: 226px;
	color: #fff;
	height: 28px;
	padding: 0px 6px 0px 6px;
}

#sidebar {
	float: left;
	width: 200px;
}

#content {

/*	border-right: 1px solid #b50042;*/
}


#footerWrapper{
	margin-right:auto;
	margin-left:auto;
	width:738px;
}

#footer {
	clear: both;
	padding: 10px 0px 10px 15px;
	background: #b50042 url(images/chooseBox_bg.gif) repeat-x;
	text-align:left;
	color: #fff;
	height: 15px;
}

#navigation {
	width: 162px;
	margin-top: 45px;
	background: #b50042;
	font-size: 12px;
	color: #fff;
	margin-bottom: 10px;
}

ul {
	margin: 0px;
	list-style: none;
	padding: 0px;
}

li {
	border-bottom: 0px solid #da80a1;
	padding: 0px;
}

li.active {
	font-weight: bold;
	background: url(images/activeNav.gif) no-repeat 0 50%;
	padding-top: 3px; /* Helps position text */
	padding-left: 15px;
	height: 21px;
}

#shoppingBags2 {
	height: 290px;
	background: url(images/shoppingBags.jpg) no-repeat left;
}

#shoppingBags3 {
	height: 290px;
	background: url(images/shoppingBags.jpg) no-repeat left;
	width: 162px;
	margin-top: 45px;
	font-size: 12px;
	color: #fff;
	margin-bottom: 10px;
	 padding-left: 15px;
}

#Dictionary {
	height:450px;
	width: 162px;
	margin-top: 5px;
	font-size: 12px;
	color: #fff;
	margin-bottom: 10px;
	 padding-left: 15px;
}
.contentBlock {
	margin-top: 20px;
	margin-left: 0px;
	margin-right: 20px;
	padding-bottom: 15px;
}

/* START Voucher Block Styles */

#voucherQtyBlock {
	padding-left: 20px;
	margin-right: 20px;
	padding-top: 0px;
	height: 165px;
	background-image: url(images/cornerRoundedBottom.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#topVoucherQtyBlock { /* Rounded Corner */
;	background: url(images/cornerRoundedTop.gif) no-repeat right;
	height: 13px;
	margin: 0px;
	padding: 0px;
}


.voucher {
	margin: 5px 20px 0px 0px;
	padding: 0px;
	width: 117px;
	float: left;
}

.voucher50 {
	margin: 5px 20px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 117px;
	float: left;
	clear: left;
}

.voucherQtyText {
	width: 350px;
	padding-top: 20px;
	padding-bottom: 20px; /* Used to push div down on 50euro line */
	font-weight: bold;
	color: #333;
}

.voucherQtyText2 {
	padding-top: 20px;
	padding-bottom: 20px;
	margin-right: 0px;
}

/* END Voucher Block Styles */


/* START Gift Card Block Styles */

#GiftCardQtyBlock {
;
	background: #76a5d1 url(images/cornerRoundedBottom.gif) no-repeat bottom right;
	padding-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	height: 140px;
	width: 656px;
	text-align: left;
}

#topGiftCardQtyBlock { /* Rounded Corner */
;	background: url(images/cornerRoundedTop.gif) no-repeat right;
	background:

	height: 13px;
	margin: 0px;
	padding: 0px;
}


.GiftCard {
	padding: 0px;
	float: left;
	background-position: left top;
	vertical-align: top;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 560px;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
}
.GiftCardR {
	padding: 0px;
	float: right;
	background-position: top;
	vertical-align: top;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 200px;
}

.GiftCardAllDenoms {
	margin: 5px 20px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 117px;
	float: left;
	clear: left;
}

.GiftCardQtyText {
	width: 800px;
	padding-top: 20px;
	padding-bottom: 20px; /* Used to push div down on 50euro line */
	font-weight: normal;
	color: #ffffff;
}


/* END Gift Card Block Styles */

/* START Card Selection Block Styles */
#CardSelectionBlock {
;	background: #76a5d1;
	padding-left: 20px;
	margin-right: 20px;
	padding-top: 0px;
;	height: 140px;
	width: 100%;
}
#OccassionCardBox {
	padding-left: 5px;
	margin-right: 5px;
	padding-top: 15px;
	padding-bottom: 5px;
	height: 200px;
	width: 100%;
    }
#OccassionCardBoxRight {
	padding-left: 5px;
	margin-right: 5px;
	padding-top: 15px;
	padding-bottom: 5px;
	height: 100px;
	width: 40%;
	float: right;
	background-color: #76a5d1;
    }
#OccassionCardBoxLeft {
	height: 50px;
	width: auto;
	float: left;
	text-align: center;
	border: thin inset #FFFFFF;
	margin: 5px;
	padding: 5px;
	letter-spacing: normal;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	}
#OneOrFirstCard {
	float: none;
	letter-spacing: normal;
	word-spacing: normal;
	white-space: nowrap;
	font-style: normal;
	clear: both;
	background-repeat: no-repeat;
	display: inline;
	}
#cardSelection {
	background: #76a5d1;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
	padding-bottom: 15px;
}

#cardSelector {
	margin-left: 5px;
}


/* Radio buttons are used to push the next text item on the same line so as to avoid using tables. This is achived using margins. */
.radioButton {
	border: none;
	margin-right: 45px;
}

.radioButtonLast{
	border: none;
	margin-right: 0px;
}

.cardText {
	padding-right: 20px;
}

/* END Card Selection Block Styles */
 
 
 /* START Send Message Block Styles*/
#MessageBlock {
;	background: #76a5d1 url(images/cornerRoundedBottom.gif) no-repeat bottom right;
	background: #76a5d1;
	padding-left: 20px;
	margin-right: 20px;
	padding-top: 0px;
	height: 140px;
}
 #message{
 	background: #faeff3 url(images/cornerRoundedBottom.gif) no-repeat bottom right;
	padding-left: 20px;
	margin-right: 20px;
	padding-top: 0px;
	height: 120px;
	margin-top: 5px;
 }
 
 #messageTopBlock { /* Rounded Corner */
;	background: url(images/cornerRoundedTop.gif) no-repeat right;
;	background: #76a5d1;
	height: 13px;
	margin: 0px;
	padding: 0px;
}
 
.textareaCardMessage {
	margin-top: 5px;
	height: 60px;
}
 
  /* END Send Message Block Styles*/
 
 
 /* START Button Styles */
 #buttonBlock {
	margin-bottom: 15px;
 }
 
 /* END Button Styles*/
 

/* START About Styles */
 
 #shoppingCentreLogos {
 	margin-left: 20px;
 }
 
/* START About Styles */
  
/* START FAQ Styles */

h1.faq {
	margin-top: 12px;
}

/* END FAQ Styles */#cForm .rightbody .content #cardSelectionBlock #OccassionCardBoxLeft #OccassionCardBoxleft {
	font-style: normal;
}
.RGbutton { float:left; display:inline; position:relative; }

.RGbutton-row .RGbutton-left { float:left; }
.RGbutton-left { width:480px; margin:0 0px 14px 0px; }
.RGbutton-left .RGbutton-content { margin:0 20px 0 14px; }
.RGbutton-left .sep-top { margin:10px 0 0 0px; }
.RGbutton-left .h2 { margin:2px 0px 6px 0px; }
.RGbutton-left .h4 { margin:2px 0px 6px 0px; }
.RGbutton-left .text { margin:5px 0 5px 0; line-height:10px; }
.RGbutton-left img.right { float:right; margin:0 0 5px 5px; }
.RGbutton-left .inner-content { margin-right:0px; }
.RGbutton-left .list-item { margin:5px 0 5px 0; }


/* Button: right */
.RGbutton-row .RGbutton-right { float:right; }
.RGbutton-right { width:190px; margin-bottom:14px; }
.RGbutton-right h2 { margin:2px 0 6px 0px; font-size:10px; line-height:16px; letter-spacing:0px; padding:1px 0px 2px 0; }
.RGbutton-right .RGbutton-content { padding:10px 0px 20px 0px; }
.RGbutton-right .RGbutton-content .link { background-repeat:no-repeat; background-position:2px 8px; padding:4px 0px 5px 11px; margin:0px; 
	line-height:13px; font-size:10px; }
.RGbutton-right .RGbutton-content .text { color:#5f5f5f; padding:4px 0px 5px 0px; margin:0px; line-height:13px; font-size:10px; }
.RGbutton-right .RGbutton-content .link a { }
.RGbutton-right .RGbutton-content .link .p { padding:5px 0 2px 0; }
.RGbutton-right .RGbutton-content .link .more { height:14px; }
.RGbutton-right .RGbutton-content .link .more a { float:right; display:block; background-position:right 4px; background-repeat:no-repeat; padding:0 10px 0 0; }
.RGbutton-right .RGbutton-content .separator { line-height:1px; font-size:1px; height:1px; border-top:1px dotted #bfbfbf; }