/* QuickLive core CSS, please do not modify! */

/* EXO FIXES */

/* BEGIN remove padding around preview window */
.UIPortalToolPanel .Body {
  padding:0 !important
}

/* Reset */

/* css reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; text-decoration:none; }
body { line-height: 1; }
ul { list-style: none; }

.UIPortalToolPanel .Body .PageDecoratorContainer {
  background:none !important;
  padding:0 !important;
  margin:0 !important;
  border:none !important
}

.UIPortlet {
	padding:0 !important
}

.UIContainer {
	padding:0 !important
}

/* END remove padding around preview window */

/* 1.0 Clearing Values */

* {
    margin:0;
    padding:0
}

img,fieldset,abbr,acronym {
    border:0
}

table {
    border-collapse:collapse;
    border-spacing:0
}

legend {
    display:none
}

strike {
	text-decoration:line-through
}

ul {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    list-style:none
}

h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal
}

q:before,q:after {
    content:''
}


/* 2.0 Page Structure */

/* Removed for T&M
#QLCoreContainer {
	width:100%;
	float:left /* fix for exo admin page
}
*/

.QLTwoColumnLeftContent {
	float:left
}

.QLTwoColumnRightContent {
	float:left
}

/* Page default width and centerlize */

.centerContainer {
	clear:both;
	margin:0 auto
}

#Top {
    overflow:hidden;
    width:100%
}

#Content {
    float:left
}

#MiddleContent {
    overflow:hidden;
    width:942px
}

#Content_Left {
    float:left;
    width:752px
}

#Content_Right {
    float:right;
    margin-right: 20px;
    width:160px
}

#Right4 .window {
    float:left;
    width:250px
}

#Right4 .window .fragment {
    margin-right:10px
}

.windows-3 .window {
    float:left
}

.windows-3 .last-window {
    margin-right:0px
}

.windows-2 .window {
    float:left
}

#Content_2_Left {
    float:left;
    width:170px
}

/* TODO: connect .clearFloat class with element which need clear */

#Content_1, #Content_2, #ContentMiddle, #ContentBottom, #TopContent,
#Content_3, #Right1, #Right2, #Right3, #Right4, #Right5, #Right6, #Content_4 {
    clear:both
}

#Footer {
  float: none
}

#Content_2_Right {
    width:732px;
    overflow: hidden;
    float:left
}

#Content_4 div.fragment {
    float: left
}

#Left {
    float:left;
    width:140px
}

#RightTop {
    float:right;
    width:740px
}

/* Styles which are shared across the website */

.findButton {
    margin-left:10px !important;
    text-indent: 0px;
}

.orderConfirmationEmail {
    display: none;
    font-size: 11px;
}

.optionalRegInfo .orderConfirmationEmail {
    display: inline;
    margin-left: 0px;
}

.userDetails,
.userSecrets {
    margin-left: 22px;
}

.login-portlet .error_message {display:block; width:171px ; margin-left:143px}

.error_message.field_error {
	display:block;
    margin-left: 124px;
}

/* Panel for new delivery address on gift options page */
#new-customer.new-customer-address {
    width: 476px;
    padding:10px;
    background-color: #ffffff;
    margin-bottom: 10px;
    margin-top: 222px;
}
.new-customer-address h3 {
    padding-bottom: 10px;
}

/* styles for error messages on gift options page */
.message-error {
    margin-left: 24px;
    width:110px;
    font-weight: bold;
    line-height: 16px;
}
.msgDeliveryDate {
    width: 340px;
}


.gift-item-line-data{
    vertical-align: middle;
}

.giftDetailsError {
    width: 598px;
}

.msgDeliveryAddr {
    margin-left: 24px;
}

/* Basket Items */

.basket-items {position:relative;}
.basket-items th {
	font-weight:bold;
}


.basket-items .image {
	width:80px;
	text-align: left;
}

.basket-items .details {
	width:350px;
	padding-left:47px !important
}

.basket-items .dispatch {
	width:210px;
}

.basket-items .colour {
	width:150px
}

.basket-items .totalAmount {
	text-align:right;
}

.basket-items .date {
	text-align:center
}

.basket-items .colour, .basket-items .details , .basket-items .dispatch, .basket-items .size, .basket-items .total, .basket-items .price  {
	text-align:left;
	font-weight: bold;
}

.basket-items .quantity {
	width:100px;
	text-align:left;
}

.basket-items .total {
	width:50px;
	text-align:right;
}

.basket-items thead tr {
	color:black;
}

.basket-items .gift-history-listing th {
	color:black;
}

.basket-items tr {
	border-bottom:1px solid #E3E3E1;
}

.basket-gift-items tr {
	border-bottom:1px solid #000000;
}

.basket-gift-items.summary-items tr{
    border-bottom: 0 none;
}

.basket-items td {
	margin:3px 0;
	vertical-align:middle;
	padding:3px 0 6px !important;
}

.basket-items th {
	margin:3px 0;
	vertical-align:middle;
	padding:3px 0 6px !important;
}

.checkoutButton {
    height:38px;
    width:145px;
    line-height:34px;
}

.giftCheckoutButton {
    height:34px;
    width:130px;
    line-height:34px;
}

.registrationButton { margin-right: 100px; margin-top: 20px; }

.createAccountButton { margin-right: 195px; margin-top: 20px; }

.deliverySurcharge {
   display: inline-block;
   margin-right: 40px;
   width: 122px;
}

/*--- HEADINGS ---*/


/*---  SIZE ---*/
.txtSml { line-height: 14px; font-size: 11px;}
.txtStrike { text-decoration:line-through; font-size: 11.4px; }
.f11 { font-size:11px; } 
.f12, strike { font-size:12px}
.f14 {font-size:14px;}
.f18 {font-size:18px;}

/*---  LINE HEIGHT ---*/
.lh12 { line-height:12px; }

/*---  TRANSFORM ---*/
.underline { text-decoration: underline; }
.textLeft { text-align:left; }
.no-background-image { background:none !important }

.upperCaseOnly { text-transform: uppercase; }
.firstLetterUpperCase { text-transform: capitalize; }

/*---  DOM ---*/
.none { display: none; }
.block { display: block; }


/*--- BUTTONS AND LINKS ---*/
a{color:#636363; text-decoration:none}
a.textLink{text-decoration:underline}
a.textLink:hover{text-decoration:none}
.pointer { cursor: pointer}


/*--- MARGINS AND PADDINGS ---*/
.ml15 { margin-left:15px; }

/* CALENDAR and GIFTING styles */
.closeCalendarButton {
	margin: -1px -22px 0 0;
	text-decoration: underline;
}

.borderSeparate{border-collapse:separate;}
.myOrderSeparator{height:2px; margin:15px 0px 15px 0px; background-color:#F2F0EC}
.nonGiftItemSeparator{height:1px; margin:0px 0px 5px 0px; background-color:#F2F0EC}
.noWrap{white-space: nowrap;}


/* Gift Delivery Dates Calender */
.calender { padding:0 20px; }
#calendar-control { border:2px solid #d7d1c8; }
#calendar-control tbody tr { border-top:1px solid #d7d1c8; }
#calendar-control tbody td { background-color: #ede8e2; color: #1a171b; line-height:25px; width: 25px; text-align:center; border-right: 1px solid #d7d1c8; font-size:9px; padding:0px !important; }
#calendar-control tbody td:last-child { border-right: 1px none; }  
#calendar-control tbody td.available-standard { background-color: #00562c;  }
#calendar-control tbody td.available-standard  a, #calendar-control tbody td.available-standard  span {color:#ffffff!important; font-size: 9px;}
#calendar-control tbody td.available-nextday { background-color: #afc115;  }
#calendar-control tbody td.available-nextday a, #calendar-control tbody td.available-nextday span {color:#ffffff!important; font-size: 9px;}
#calendar-control tbody td.available-both { background:url('../../thompsonandmorgan/site-theme/images/calAvaiIIndicator.png') 0 0 no-repeat #00562c; color:#ffffff;}
#calendar-control tbody td.available-nextday.ui-datepicker-current-day { background:url('../../thompsonandmorgan/site-theme/images/calAvaiIIndicator.png') 0 -120px no-repeat #AFC115; color:#ffffff; }
#calendar-control tbody td.available-standard.ui-datepicker-current-day { background:url('../../thompsonandmorgan/site-theme/images/calAvaiIIndicator.png') 0 -90px no-repeat #00562c; color:#ffffff; }

.ui-datepicker-calendar { width: 100%;  }
.ui-datepicker-calendar thead tr { border-bottom: 1px solid #d7d1c8; }
.ui-datepicker-calendar th { padding:0!important; text-align: center !important;}
.ui-datepicker-header { position: relative; margin-top:2px; }
.ui-datepicker-header a { position: absolute; }
.ui-datepicker-header a { text-decoration: underline; cursor: pointer; color: #00572D !important; font-size:11px}
.ui-datepicker-header a.ui-datepicker-prev { left: 6px; background: url("../../thompsonandmorgan/site-theme/images/jquery_ui_icons.png") no-repeat scroll -60px -14px  white; padding-right: 16px;}
.ui-datepicker-header a.ui-datepicker-next { right: 6px; background: url("../../thompsonandmorgan/site-theme/images/jquery_ui_icons.png") no-repeat scroll -33px -14px white;  padding-left: 16px;} 
.ui-datepicker .ui-datepicker-title { margin: 0 20px 0 30px; text-align: center; font-weight: bold; }
.ui-datepicker .ui-datepicker-title select { display:none; }

.calendarDeliveryDescription{
    font-size: 11px;
    line-height: 14px;
    margin-top: 7px;
    margin-bottom: 7px;
    text-align: left;
    float: left;
}

.calendarIcon { background:url('../../thompsonandmorgan/site-theme/images/gift-item-calender.png') 0 0 no-repeat; height:32px; padding-right:45px; margin-top: -7px !important;}

					
/* KEY for giftOptions page */
.standard-delivery-color span.key { background-color: #00562c; width:11px; height:11px; display: inline-block; margin: 2px 5px 0px 5px; float:left;}
.nextday-delivery-color span.key { background-color: #afc115; width:11px; height:11px; display: inline-block; margin: 2px 5px 0px 5px; float:left;}
.legendMess { display: inline-block; vertical-align: top; width:85%; margin-bottom:0px; float:left;}

/* KEY for product page */
.standard-delivery-color span.keyprod { background-color: #00562c; width:11px; height:11px; display: inline-block; margin: 2px 5px 0px 5px; float:left; clear:both;}
.nextday-delivery-color span.keyprod { background-color: #afc115; width:11px; height:11px; display: inline-block; margin: 2px 5px 0px 5px; float:left; clear:both;}

.occasions { padding: 0px 10px 5px 10px; clear:both; line-height: 15px; }
.occasions > p {font-size: 11px; padding-right: 10px;}
.occasions ul li { margin-left: 15px; list-style-type:disc; font-size: 11px;}

#product-portlet .legendMess {
	font-size: 11px;
    line-height: 14px;
}

/* DATE PICKER CONTAINER - PRODUCT DETAILS PAGE*/
#calendar-display { border:1px solid #d7d1c8; border-top: 1px none; width: 250px; margin-top: 20px; }
#calendar-display .heading { color: #345E2E; text-align:center; line-height: 35px; font-weight: bold; }
#calendar-display .desc { padding:10px;}
#calendar-display .desc p {background-color:#ede8e2; padding: 5px; font-size:11px; line-height:15px; }
#calendar-display .calendar-legends { margin: 8px 0 2px 4px; }
#calendar-display .legend-standard { height: 18px}
#calendar-display .legend-nextday { height: 30px}
#calendar-display .standard-delivery-color,
#calendar-display .nextday-delivery-color {
    display: inline-block;
    width: 240px;
}
.occasions > ul {margin-top: 5px;}

/* GIFTING INDICATOR - PRODUCT DETAILS PAGE */
.gift-item-inline { background:url('../../thompsonandmorgan/site-theme/images/gift-item-inline.png') no-repeat; padding-left:60px; line-height:60px; font-size:12px; }

/* GIFTING INDICATOR - BASKET PAGE  */
.basket-portlet .giftSku { margin-left: 695px; }
.giftSku { background:url('../../thompsonandmorgan/site-theme/images/gift-item-inline-bigger.png') no-repeat; background-position:left center; font-size:11px; width:168px; border:1px solid #00562c; padding:5px 5px 5px 63px;  }
.giftSku .giftText {
	line-height: 16px;
}
.giftSku .giftText a {
    font-size: 11px;
    text-decoration:underline;
}
.heading-basket .pageTitleContent {
	margin-top: 0;
}

/* GIFTING INDICATOR - CHECKOUT PAYMENT PAGE  */
.checkout-payment .giftSku { background:url('../../thompsonandmorgan/site-theme/images/gift-item-inline-bigger.png') no-repeat; background-position:left center; font-size:11px; width:176px; border:1px solid #00562c; padding:5px 5px 5px 63px;  }
.checkout-payment .giftSku .giftText {
    width: 166px;
    margin-left: 5px;
}
.checkout-payment .giftMessageHolder { padding: 32px 0 10px 0; width: 260px; }

.checkout-payment .giftMessageHolder.floatLeft {
	margin-left: 40px;
}
.checkout-portlet .basket-items tr { border-bottom: none;}

/* GIFT DELIVERY OPTIONS PAGE*/
	.txtDarkGrey{ color:#1a171b; }
	
	.icon_arrowWhite_r { 
		background-image: url('../../thompsonandmorgan/site-theme/images/icon_arrowWhite_r.png'); 
		background-repeat: no-repeat; 
		background-position: right center;
		
		-ms-background-position-x: right;
		-ms-background-position-y: center; 
	}
	
	.helphint { color:#626161; background:url('../../thompsonandmorgan/site-theme/images/icon_helphint.png') no-repeat; padding-left:0 12px 12px 20px; }
	.add-new-address {background-color: #ffffff; border: 2px solid #c51d1e; color: #c51d1e; padding: 2px 5px; margin-left:8px; margin-right: 10px;}
	.gift-panel-margin-top {margin-top: 15px;}

	.panels h3 { background:url('../../thompsonandmorgan/site-theme/images/panelHeaderNum.png') no-repeat; padding:0 0 1px 25px; margin-bottom:10px; font-size: 15px; }
	.middle-panel { margin-left: 38px; }
	.right-panel { margin: 0 0 20px 40px; }
	
	.middle-panel h3 {background-position: 0 -20px; }
	.right-panel h3 {background-position: 0 -40px; }
	
	.gift-item-sliding-content .selectContainer > div, .delivery-dates-options li {
	    margin-bottom: 5px;
	    margin-left:15px;
        height: 30px;
    }
	.gift-item-sliding-content { background-color: #ede8e2; padding:10px; margin-bottom:20px; }
	.giftAddressPersonalize { display:none; background-color: #ede8e2;}
	.giftAddressPersonalize .panels { background-color: #FFFFFF;  height: 184px; padding: 10px; vertical-align: top; width: 250px; }
	
	
	.gift-item-parent {border-bottom:1px none !important; background-color: #ede8e2; }
	
	
	.calendar-holder { left: 50%; margin-left: -215px; margin-top: -180px; position: fixed; top: 50%; width: 430px; z-index: 100; }
	.calendar-holder .popUpMiddle { background: url("../../static-images/tandm/popupCalendar_middle.png") repeat-y scroll center center transparent; }
	
	#addBasketSuccessDIV .popUpMiddle { background: url("../../static-images/tandm/addBasketSuccessDIV_middle.png") repeat-y scroll center center transparent; }

	.ordercode .popUpMiddle { background: url("../../static-images/tandm/addBasketSuccessDIV_middle.png") repeat-y scroll center center transparent;}
	.voucher .popUpMiddle { background: url("../../static-images/tandm/addBasketSuccessDIV_middle.png") repeat-y scroll center center transparent;}

	.findAddressBox tr {
		border-bottom: none !important;
	}
	
	.tooltipbox {
		width: 170px;
	    min-height:32px;
	    left: 18px;
	    text-align:left;
	    position:relative;
	    padding: 5px 5px 5px 25px;
	    font-size: 11px;
	    color: #1a171b;
	    line-height:14px;
	    background: url('../../thompsonandmorgan/site-theme/images/icon_full_arrow.png');
	    background-position:top left;
	    background-repeat:no-repeat;
	    background-size: 100% 100%;
	    border-width: 0px 1px 0px 0px;
	    border-style: solid;
	    border-color: #ACABA6;
	    z-index: 1;
	    
	    -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/thompsonandmorgan/site-theme/images/icon_full_arrow.png', sizingMethod='scale')";
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/thompsonandmorgan/site-theme/images/icon_full_arrow.png', sizingMethod='scale');
     }
     
     .ztop {
         position: relative;
         z-index: 2;
     }
								
	.dateHint { position: relative;}
	.dateHint .tooltipbox { position: absolute; right:-270px; top: -6px; }
	
	.tooltipbox.delDateHint {
        left: 14px;
        width: 126px;
    }

	.dateRadio { display: inline-block; width: 10%; }
	.dateLabel { display: inline-block; width: 73%; }
	.dateHint  { display: inline-block; width: 10%; }
	.giftAddressPersonalize #calendar-control { width: 225px; margin: 0px auto;}
	.cutoff-message { width: 55%; color:#c51d1e; line-height:14px; font-size:11px; }
	.save-calendar-btn, .all-gift-data-process, .move-to-checkout-page { background-color: #C51D1E; font-family: arial; font-weight: bold; border: 0px solid transparent; padding: 3px 6px; color: #ffffff!important; min-width:120px; text-align: center; }
	.giftAddressPersonalize #createAddress {
		background-color: #C51D1E;
	    border: 2px solid #FFFFFF;
	    color: #FFFFFF !important;
	    font-family: arial;
	    font-size: 14px;
	    font-weight: bold;
	    margin-left: 40px;
	    margin-top: 10px;
	    padding: 4px 6px;
	    text-align: center;
	    width: 120px;
	}
	.save-calendar-btn.icon_arrowWhite_r {
		padding: 5px 9px;
	}
	.save-calendar-btn:hover, .all-gift-data-process:hover, 
	.move-to-checkout-page:hover,.giftAddressPersonalize #createAddress:hover { background-color: #00552b; }
	
	.move-to-checkout-page {padding:0; margin-right:36px;}
	
	#gifting-list { margin-bottom:25px;  }
	.gift-heading th { border-bottom:1px solid #000000; } 	
	
	p.delivery-message { margin-bottom: 0.5em; clear: both; }
	.no-personal-message { margin-right: 0.5em; margin-left: 15px; margin-top: 0.5em; }

	.giftThumb { width:80px; }
	.gift-list-header { margin-left: 24px; }
	.giftProdName { width:300px; }
	.giftDelAdd { width:124px; }
	.giftDelDate{ width:130px; }
	.giftDelDateMsg {
	    width:80px;
	    margin-left: 24px;
	}
	.giftPrice { width:55px;}
	.giftMess { width:255px; }
	.giftMessLabelTxt {
	    width: 75px;
	    margin-left: 24px;
	}

	.basket-items .findAddressBox tr td {
		border-bottom: none;
    	margin: 0;
    	padding: 0 !important;
	}

    .gift-item tr { /*border-bottom: 1px solid #000000;*/}

	.gift-page-header {
	    font-size: 15px;
	    margin-top: 0;
	}

	.gift-bottom-msg-panel {
	    padding-bottom: 20px;
	}

	.update-gift-details {
	    background:url('../../thompsonandmorgan/site-theme/images/slideoutButton.png') no-repeat;
	    width:103px;
	    height:50px;
	    margin-top: 5px;
        margin-left: 20px;
	}
	.calendar-row .dateLabel img { margin-left:20px; }
	
	input.personal-message-line[type="text"]  {width:210px; margin-bottom: 0.25em; margin-left: 15px; padding:5px 3px; border:1px solid #000000 !important; }
	
	.message { height: 60px; }
	.message-ok { background:url('../../thompsonandmorgan/site-theme/images/giftDeliveryDetailsSuccess.png') no-repeat left 15px; height:60px; width:75px; padding-left:24px}
	
	.left-panel-error { margin-left: 0px!important; }
	.left-panel-error, .middle-panel-error, .right-panel-error { vertical-align:top; height: 30px; width: 270px; margin-left: 40px;}
	.gift-item .error { font-size:11px; }
	 h3.popup-heading { font-size: 15px ;}
	 a.ui-datepicker-prev span,a.ui-datepicker-next span {font-size: 9px; background: none repeat scroll 0 0 white; color:#1a171b;} 
	.ui-datepicker-title span { font-size: 11px;}
	.ui-datepicker-calendar thead tr th span {font-size: 9px; color:#1a171b;}
	.ui-datepicker-inline .ui-datepicker-calendar tr { border-bottom: none;}
	.fixed-width-60 {width: 60px; min-width: 60px;}
	
	/*Fix the space on the gift box */
	.basket-portlet {padding-top: 10px ;}
	#go-to-checkout {
		font-size: 20px;
		letter-spacing: 1px;
		font-weight: normal;
	}
	.selectContainer .payment_address_select,
	.left-panel select.payment_address_select {
	    width: 223px;
	}

	.left-panel select.payment_address_select {
		margin-left: 17px;
	}

/* GIFT CHECKOUT PAYMENT PAGE */
	.basket-gift-items th { color: #1A171B; text-align:left;}
	.basket-gift-items.summary-items th {
	    color: #00572d;
	    text-align:left;
	    font-weight: bold;
        text-align: left;
    }
    .giftSku_payment_error a.textUnderline {color: #c51d1e !important;}
    .giftSku_payment_error2 {float:left; margin-left: 10px; width: 380px;}
    .giftSku_payment_error2 a.textUnderline {color: #c51d1e !important;}

    .placeOrderButton {width:165px; height:38px; margin-left:125px; float:left; display:inline}
    .placeOrderButton:hover {background-position:0 -38px}

/* GIFT ORDER CONFIRMATION*/
	.gift-heading > span { color: #00572D; padding: 3px 0 6px !important; }	
	.gift-properties {padding-top: 10px;}
	
	#order-non-gifting-list li.last {
		border-bottom:1px solid #404040 !important;
	}
			
	div.dis_label {
        display: inline-block;
        vertical-align: top;
        width: 125px;
    }
    .del-info-wrapper {
        display: inline-block;
        width: 585px;
    }
	.delivery-information-section > span { width:600px; }
	.order-confirmation-summary-inline { margin-left: 550px; margin-bottom:30px;margin-top: 25px;}
	.order-summary-line { border-bottom:1px solid #404040; }
	.order-summary-line span.osl_label { width:115px; color: #00562c;}
	.gift-heading h4 { margin: 1em 0 0 0; }
	#orderConfirmationPortlet .gift-item { 
		padding-bottom: 2px;
	    padding-top: 10px;
	}
	
	#order-message hr {
		margin: 7px 0px;
	}
	#order-message h5 {margin-bottom: 10px;}
	.delivery-information-section.BBB {
		margin-bottom: 15px;
	}
.	div.gift-properties {
		margin-top: 5px;
	}

	p.orderConfirmationMsg {
        width: 682px;
    }

/* GIFT ORDER HISTORY */
	.delivery-address-section { border-bottom: 1px solid #000000;  padding: 0em 1em 1em 0; }
	.gift-history-listing td { border-bottom: 1px none; } 
	.gift-history-listing td.gift-info-panel { border-bottom: 1px solid #000; }
	.gift-info-row-right {
		margin-left: 20px;
		width: 600px;
	}
	.gift-info-row-left {
		width: 110px;
	}

	.item-image-wrapper {
		width: 110px;
		display: block;
		overflow: hidden;
	}

    .gift-history-listing .item-total,
	.nongift-history-listing .item-total {
        width: 64px;
	}

    .gift-history-listing .item-quantity,
	.nongift-history-listing .item-quantity {
        width: 100px;
	}

    .gift-history-listing .item-ordered,
	.nongift-history-listing .item-ordered {
        width: 100px;
	}

    .gift-history-listing .item-price,
	.nongift-history-listing .item-price {
        width: 80px;
	}

    .gift-history-listing .item-description,
	.nongift-history-listing .item-description {
        width: 250px;
	}

    .gift-history-listing .item-image,
	.nongift-history-listing .item-image {
        width: 100px;
	}

	.orderHistoryMoreInfo span {
	    margin-left: 24px;
	}

	.account-order .orderNumber {
        font-size: 11px;
	}

/* TOOLTIP */
	/* This is the default styling for all Tooltipsters: */
	.tooltip-message { background: #efebe7; /* <- for IE */ background: rgba(239,235,231,1); color: #1f1f1f; font-family: Arial, sans-serif; font-size: 11px; line-height: 14px; position: absolute; padding: 10px; z-index: 9999999; pointer-events: none; overflow: visible; /* -moz-box-shadow:    3px 0px 5px 6px #e2e2e2; -webkit-box-shadow: 3px 0px 5px 6px #e2e2e2; box-shadow: 3px 0px 5px 6px #e2e2e2; */ }
	
	/* When you want to create a second class for your Tooltipster messages, copy (or modify) this template and add your style to it. Don't forget to refer to it in your Tooltipster settings (tooltipClass: '.my-custom-theme') */
	.my-custom-theme { position: absolute; text-align: center;  z-index: 9999999;  pointer-events: none; width: auto; /* Start styling here... */ }
	
	/* Add a slight border radius to all images inside the Tooltipsters */
	.tooltip-message img {border-radius: 2px; }
	
	/* These next classes handle the styles for the little arrow attached to the tooltip. If you need to change the color of the arrow to match a custom Tooltipster theme, set it in your Tooltipster settings (arrowColor: '#yourcolor') */
	.tooltip-arrow { display: block; text-align: center; font-size: 12px; line-height: 12px; width: 100%; height: 5px; position: absolute; left: 0px; z-index: -1; }
	.tooltip-arrow-top { bottom: -3px; margin: 0 auto; text-align: center; }
	.tooltip-arrow-top-right { bottom: -3px; margin-left: -10px; text-align: right; }
	.tooltip-arrow-top-left { bottom: -3px; margin-left: 10px; text-align: left; }
	.tooltip-arrow-bottom { top: -10px; margin: 0 auto; text-align: center; }
	.tooltip-arrow-bottom-right { top: -10px; margin-left: -10px; text-align: right; }
	.tooltip-arrow-bottom-left { top: -10px; margin-left: 10px; text-align: left; }
	.tooltip-arrow-left { top: 0px; right: -18px; margin: 0 auto; text-align: right; }
	.tooltip-arrow-right { margin:-10px; top:10px; left: -200px; width: 0;  height: 0;  border-top: 10px solid transparent; border-bottom: 10px solid transparent;  border-right:10px solid #efebe7;	 }


/* NEW CUSTOMER ADDRESS BOX */
	#new-customer {width:500px;}
	#new-customer h2 {font-size: 22px;}
	#new-customer label{
	    float:left;
	    text-align:right;
	    margin:4px 10px 0 0;
	    width:114px;
	    display:block;
	}
	#new-customer > h3 {
		font-size: 15px;
		color:#00562c;
	}
	.searchPostCode {
        width:70px !important;
        background-color:white;
        line-height: 14px;
        margin-bottom: 5px;
        text-indent: 0 !important;
    }
    .searchPostCodeLink {
        cursor: pointer;
        border: 0px none !important;
        width:80px !important;
        background-color:white;
        margin-left: 10px !important;
        text-indent: 0px !important;
    }
    /* remove the dotted-line border on search postcode button/link when the user clicks on it */
    input.searchPostCodeLink, input.searchPostCodeLink:active, input.searchPostCodeLink:focus{
        outline: 0;
        outline-style:none;
        outline-width:0;
    }
	.gift-item-sliding-content input.searchPostCode { color: #000;}
	#gifting-list tr.gift-item-sliding-content {border-bottom: none;} 
	#new-customer .emailError {
        margin-left: 120px;
    }
    
    .addressDropDownField { width:50px !important }

/* CARD DETAILS */
	.securityNumber {width:80px !important; background:white; text-indent:0;}

/* OPT-IN OPT-OUT */
.optInOptOutTitle{border-top: 1px solid #00572D; padding-top:10px}
.panelLabel { display:block; margin:6px 0 7px 48px; }
.textGroup { margin: 0 0 10px 3px; }
.textGroup label { margin-right: 10px; }
.textGroup input { margin-right: 10px; }
.btnGroup { display:inline-block !important; margin-right:15px; width:105px; }
.btnGroup input[type="radio"] { float:left; width: auto; margin: 2px 5px 10px 0; width:19px; }
.subscription-panel {
	margin-left: 5px;
}
.radio-section {
	width: 100%;
	float: left;
}
.radio-section .btnGroup.radio-group {
	width: 100%;
}
.subscription-item {
	margin: 0 0 4px 24px;
	display: inline-block;
}
.optCheckboxLabel {
    display: block;
    float: none;
    height: auto;
	width: auto !important;
}
.optCheckboxLabel.noGroupText {
    display: block;
    float: none;
    height: auto;
	width: 700px !important;
}
.radioLabel {
    display: block;
    float: none;
    height: auto;
	width: 200px !important;
}



.div-table{
  display:table;
  width:auto;
}
.div-table-row{
  display:table-row;
  width:auto;
  clear:both;
}
.div-table-col{
  /*float:left;     fix for  buggy browsers*/
  display:table-cell;
  min-height: 68px;
  vertical-align: middle;
}

.div-table-col.image{
    width: 125px;
}

.div-table-col.name{
    width: 235px;
}

.div-table-col.despatch{
    width: 155px;
}

.div-table-col.cost{
    width: 90px;
}

.div-table-col.qty{
    width: 45px;
}

.div-table-col.total{
    width: 60px;
    text-align: right;
}


.giftDeliveryDate,
.giftNameAndAddress,
.giftPersonalMsg {
    display: inline;
}

.subscription-date-field {
    width: 58px;
}

.bold {
	font-weight: bold;
}

.mailinglist-portlet {
    min-height: 215px;
}