@import url(/SiteData/Root/Css/styles/extras.css);
@import url(/SiteData/Root/Css/styles/jquery_calendar.css);

/* TFL DEFAULT STYLESHEET
   ----------------------------------------------------*/

/* Default.css
   Updated: Thu 04.09.08 @ 4:35 p.m.
   Author : Alan Durkan
   ----------------------------------------------------*/
   
/* Index(Organised according to control groupings)

/* TOP LEVEL         |   SHOP FORMS
   TYPOGRAPHY        |   SHOP MODULES
   COMMON ELEMENTS   |   SHOP TABLES
   SYSTEM            |   NEWS
   HEADER            |   BROWSER FIXES
   CONTENT LAYOUT    |   AJAX CALENDAR
   FOOTER            |   PRODUCT GROUP 
   MODULES           |   
*/

/* =TOP LEVEL
   ----------------------------------------------------*/

html, body, form, fieldset, select, textarea, .textbox, .dropdownlist, .dropdown, .clear-on-focus { font-family: Verdana, Arial, Helvetica, sans-serif; }
h1, ul, dl, p, hr, form, fieldset, address { margin-bottom: 19px; }
dl, dt, dd { margin: 0; padding: 0; }
body
{
	font-size: 0.625em; /* v important - this sets the default font size to 10px eqiv ems */
	/*overflow: -moz-scrollbars-vertical;*/
	background: #D7D7D7 url(/SiteData/Root/SiteImages/page-background.gif) repeat-y 50% top;
}
body * { font-size: 1em; }
#Sheet { margin: 0 auto; width: 744px; color: #565656; background-color: #FFF; text-align: left; }

/* =TYPOGRAPHY
   ----------------------------------------------------*/
   
/* Colours

/* #246CCE - Light Blue Link
   #113B92 - Dark Blue Titles * Hover Link
   Yellow  - Highlight
*/

h1, h2, h3 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; }   
h1 { border-bottom: 1px solid #CCC; padding: 5px 0; color: #565656; font-size: 2em; line-height: 20px; }
h2 { margin-bottom: 0.6em; font-size: 1.3em; }
#Content .gryTitleBlueBox, #ColumnRight .relatedProducts h2, #Content .shopSearchBox label, #Content .sideColPromoBox h2
{
	border: none !important;
	margin: 0;
	padding: 8px 8px 6px 8px;
	color: #333;
	font: bold 1.3em/normal Arial,Helvetica,Sans-serif;
	background: #F7F7F7 url(/SiteData/Root/SiteImages/tfl_gryTitleBlueBoxBg.jpg) repeat-x left top;
}
#Content .sideColPromoBox h2 { color: #666; }
#ColumnRight .relatedProducts h2 { color: #666; background: #FFF url(/SiteData/Root/SiteImages/tfl_gryWhtTitleBg.gif) repeat-x left top; }
h3
{
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #CCC;
	margin-bottom: 0;
	padding-left: 8px;
	height: 1.538em;
	color: #000;
	line-height: 1.538em;
	background-color: #E5E5E5;
}
.blueTitle { background-color: #3597D5; }
h2, h4, h5, h6 { color: #000; }
h4 { margin-bottom: 0.4em; font-weight: bold; }
h5 { font-size: 0.9em; font-weight: bold; }
#Content { line-height: 1.5em; }
p, blockquote, address, .vcard { margin-bottom: 0; padding-bottom: 1.5em; line-height: 1.5em; }
pre { display: block; margin-bottom: 1em; }
ul, ol { list-style: none; margin: 0 0 0 2em; padding-bottom: 1.5em; }
ul ul { margin-bottom: 0; }
dd, ul li 
{
	background: url(/SiteData/Root/SiteImages/grey-bullet.gif) no-repeat 0 0.5em;
	padding-left: 12px;
}
ol { margin-left: 2em; }
a { color: #246CCE; text-decoration: none; }
a:hover { color: #113B92; text-decoration: underline; }
h1 a, h2 a { color: #113B92; text-decoration: none; }
:focus, :active { outline: none; }
a:focus, a:active, input:focus { outline: none; -moz-outline: none; }
/* Typographic corrections ( TFL specific styles ) */
#branding, #global-nav-container, #corporate-links, #help-and-search { font-size: 1.12em; line-height: 1.5em; }
/* Shared typographic styles */ 
#Content { font-size: 1.1em; }
#Content h1 { font-size: 1.818em; }
#Content h2 { font-size: 1.273em; color: #000; }
#Content h3 { font-size: 1.182em; }
#Content .gryTitleBlueBox, #ColumnRight .relatedProducts h2 { font-size: 1.273em; }
#Content .shopSearchBox label { font-size: 1.4em; }
#Content .paymentTitle 
{
	border: none !important;
	margin-bottom: 0 !important;
	padding-bottom: 0;
	padding-left: 8px;
	height: 40px;
	font-family: Arial, Helvetica, sans-serif !important;
	color: #FFF;
	line-height: 40px;
	background: url(/SiteData/Root/SiteImages/tfl_paymentTitleLongBg.gif) no-repeat left top;
}
.subText, .shopForm .checkboxLabel { font-size: 0.909em; font-weight: bold; }
/* Specific to Visitor Oyster */
/* - speech bubbles */
.icoPara { padding-left: 62px; }
.speechBubble { background: url(/SiteData/Root/SiteImages/tfl_speechBubbleIcon.jpg) no-repeat left top; min-height: 48px; }
.cOOSpeechHolder { position: relative; }
.cOOSpeech, .cOORW, .prodSpeech, .buySpeech  
{
	float: left;
	width: 128px;
	padding: 8px 8px 0 22px;
	background: url(/SiteData/Root/SiteImages/tfl_hpSpeechBgSprite.gif) no-repeat left top;
	margin-bottom: 8px;
}
.prodSpeech  { float: none; width: 136px; background: url(/SiteData/Root/SiteImages/tfl_prodSpeechBgSprite.gif) no-repeat left top;	}
.buySpeech { float: none; width: 486px; background: url(/SiteData/Root/SiteImages/tfl_buySpeechBgSprite.gif) no-repeat left top; margin-bottom: 0; }
.buySpeech p { padding-bottom: 0.5em; }
.speechSpacer { float: left; width: 22px; }
.cOOSpeech h4 { border: none; background-color: Transparent; }
.cOOSpeechFoot, .prodSpeechFoot, .buySpeechFoot { margin: 0 -8px 0 -22px; padding-left: 22px; background: url(/SiteData/Root/SiteImages/tfl_hpSpeechBgSprite.gif) no-repeat left bottom; }
.prodSpeechFoot { background: url(/SiteData/Root/SiteImages/tfl_prodSpeechBgSprite.gif) no-repeat left bottom; }
.buySpeechFoot { background: url(/SiteData/Root/SiteImages/tfl_buySpeechBgSprite.gif) no-repeat left bottom; }
.cOORW { padding: 26px 0 26px 48px; width: 112px; background: url(/SiteData/Root/SiteImages/tfl_globeIcon.jpg) no-repeat left 14px; }
/* rootNavigation - a temp until we set up a module for these content pages (look to delete this) */
.rootNavigation { border: solid 1px #B3D3E6; margin-bottom: 1em; padding: 4px 8px; background-color: #D9F1FB; }
.rootNavigation ul li, .rootNavigation ul li a  { float: left; padding-right: 8px; }
.rootNavigation ul li { background: none; }
.rootNavigation ul li a { border-right: solid 1px #B3D3E6; }
.rootNavigation ul li a.active { font-weight: bold; }
.rootNavigation ul li.last a  { border: none; padding-right: 0; }
/* update 05.08.10 - nav using linklist */
.mNav .CMSColumnEdit { display: block; margin-bottom: 1em; }
.mNav .linkList { border: solid 1px #B3D3E6; margin-bottom: 1em; padding: 4px 8px 4px 0; background-color: #D9F1FB; overflow: hidden; }
.mNav .linkList ul { margin-left: -1px; }
.mNav .linkList ul li, .mNav .linkList li a { display: inline; padding: 0; background: none; }
.mNav .linkList ul li { border-left: solid 1px #B3D3E6; padding: 0 8px; }
/* bullet links */
.bulletLinksHolder a { margin-right: 20px; }
/* shopTableButton Links */
.shopTableButtonLinks { margin-top: -36px; }
.CMSColumnEdit .shopTableButtonLinks { margin-top: 0; }
/* Calendar - Don't show this without JS */
.calendarButton { display: none; }
.startDateInput { display: inline; float: left; margin: 0; padding: 0; width: 100px !important; }
.jsEnabled .calendarButton { display: inline !important; float: left; padding: 0 2px; height: 16px; width: 16px; }
.jsEnabled .startDateInput { width: 80px !important; }
/* Currency contvertor - toggle links without JS */
#CurConverter .returnLink { display: block; position: relative; float: right; margin-top: -42px; }
.basket .currencyConvertor { text-align: right; }
.conversionLink { display: none; }
.jsEnabled .conversionLink { display: inline; }
.jsEnabled .conversionLinkNJS { display: none; visibility: hidden; }
.basketPrice, .convPrice { font-weight: bold; }
.cCStringHolder { margin-bottom: 0.6em; }
.basket #CurConverter .cCStringHolder { margin-bottom: 0; }
.basket #CurConverter { float: right; border: solid 2px #B3D3E6; margin-top: 4px; padding: 8px; vertical-align: middle; }
#Content #CurConverter .button { margin-left: 4px; }
/* deliveryDetails dropdown */
.deliveryDetails { margin-bottom: 1.5em; }
.deliveryDetails .dropdown, .deliveryDetails .changeDate { margin-bottom: 1.5em; }
.deliveryDetails .changeDate p { padding-bottom: 0.5em; }
/* Content (which card?) */
#oyster-comparison { position: relative; padding-bottom: 19px; }
#oyster-comparison .left-col, #oyster-comparison .right-col { float: left; width: 50%; }
#oyster-comparison .left-col .button, #oyster-comparison .right-col .button { float: left; }
#oyster-comparison .left-col img { float: right; padding-right: 10px; }
#oyster-comparison .right-col img { float: right; }
#oyster-comparison .right-col p { padding-left: 10px; }
#oyster-comparison h2 { clear: both; border-bottom: none; margin: 10px 0 4px 0; text-align: center; }
#oyster-comparison table { border-right: 1px solid #CCC; border-top: 1px solid #CCC; margin-bottom: 1em; }
#oyster-comparison table td { vertical-align: top; }
#oyster-comparison th { text-align: center; color: #565656; font-size: 1.3em; }
#oyster-comparison td, #oyster-comparison th { border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; padding: 5px; width: 40%; }
#oyster-comparison th.oyster { background: #E1F4FD; }
#oyster-comparison th.travelcard { background: #FCE9E9; }
#oyster-comparison td.oyster { background: #E9F7FE; }
#oyster-comparison td.travelcard { background: #FFEFEF; }
#oyster-comparison table.yes-no { text-align: right; }
#oyster-comparison td span.yes, #oyster-comparison td span.no { padding-right: 20px; }
#oyster-comparison td span.yes { background: url(/SiteData/Root/Image/tick.gif) no-repeat 100% 0; }
#oyster-comparison td span.no { background: url(/SiteData/Root/Image/cross.gif) no-repeat 100% 0; }
td.td-center { text-align: center; }
#Content a.button-next-2 { display: inline; }
a.button-next-2:hover { color: #000; text-decoration: none !important; }
/* dl file types */
a.filetype-pdf { background: url(/SiteData/Root/SiteImages/filetype-pdf.gif) no-repeat left top; }
a.filetype-pdf { padding: 2px 0 2px 20px; } 
/* -introduction page */
.introBox { margin-bottom: 16px; padding: 20px 16px 0 16px; background: url(/SiteData/Root/SiteImages/tfl_introSpeechBgSprite.gif) no-repeat left top; }
#Content .introBox .button-next-2 { margin-right: 12px !important; }
.introBox h1 { border: none; margin-bottom: 0.6em; padding: 0; }
.introBoxFoot { clear: left; margin: 0 -16px; background: url(/SiteData/Root/SiteImages/tfl_introSpeechBgSprite.gif) no-repeat left bottom; }
.small-promotions { float: none !important; position: relative; border: none; margin-bottom: 0; padding-top: 0; }
.small-promotions div { width: 342px; }
.small-promotions div.clear { float: none; }
.small-promotions h2 { margin-bottom: 0.6em; }
/* Receipt page */
.tubeLineTitle { margin-bottom: 1.5em; padding-bottom: 2em; background: url(/SiteData/Root/SiteImages/tfl_tubeMapLineTop.gif) repeat-x left bottom; }
.tubeLineFooter { margin-bottom: 1.5em; padding-bottom: 4em; background: url(/SiteData/Root/SiteImages/tfl_tubeMapLineFoot.gif) repeat-x left bottom; }

/* =COMMON ELEMENTS
   ----------------------------------------------------*/

.clear, .Clear, .productPromotions, .productReviews, .relatedProducts, .shopForm br { clear: both; }
div.clear, br.clear, .shopForm br { font-size: 0; line-height: 0; } 
/* hide these elements */
.accessibility, .hide, #InternovaLogo, .printHeader, .searchResultsList .Url,
.productListing .productListingStock, #Content .productListing .productButtons, #Content .featuredProducts h3,
.payment .secureMsg, .payment .varifyMsg, .extraDeliveryDetails, #Content .featuredProducts .productListingBriefDesc,
.categoryDisplayDesc, .productCode, .productType, #ColumnRight .shopForm .blankLabel, 
.shopTable .qtyCol .validationList, .productList ol .productListingPrice, .postageRow, 
.product .backLink, .miniBasket .total, .miniBasket br, #Content .addAddressRow,
#Content .createCustomer h2, .editAddress h3, .receipt .shopAddress, .receipt .basket, .receipt p.totals,
#CurConverter h3, .basket .totalRow a, .productCode, .productPriceText, .productType, .addToFavouritesLink
{
	display: none !important;
	visibility: hidden !important;
	cursor: default;
}
/* noPadding or margins on these lists */
#global-navigation, .shopTable ul, .SiteNavigation ul,  .linkList ul, .productList ol, .rootNavigation ul, .rootNavigation li { margin: 0; padding: 0; list-style: none; }
.blankLabel { visibility: hidden; }
/* CMSModule */
.CMSModuleERROR { border: dashed 1px #F00; color: #F00; }
.CMSColumnEdit { position: relative; border: dashed 1px #003480; }
/* form elements */
.textbox, .textarea, .clear-on-focus, .dropdown, .dropdownlist { border: solid 1px #8DA8C1; }
.textbox, .textarea, .clear-on-focus { padding: 1px; }
.clear-on-focus { color: #999; }
.textarea { overflow: hidden; }
/* about security number */
.aboutSecurityCode 
{
	font-size: 1.1em;
	width: 548px;
	height: 568px;
	background-color: #FFF;
	padding: 16px;
}
.aboutSecurityCode h1 { border: none; }
.aboutSecurityCode p { padding-bottom: 2em; }
.aboutSecurityCode .cardHolder { text-align: center; margin: auto; }
.aboutSecurityCode .cardHolder img { margin-bottom: 16px; }
.aboutSecurityCode .button 
{ 
	display: inline;
	padding-left: 8px; 
	padding-right: 8px; 
}
/* button */
#Content .button, 
#Content button, 
#Content input.button
{
    display: block;
    border: solid 1px #999;
    margin: 0;
    padding: 2px 6px 3px 6px;  /* Links */
    width: auto;
	/* need to keep font ultra consistant here */
    color: #000;
    font-family: Arial, Helvetica, Sans-Serif !important;
	font-size: 13px !important;
	line-height: 13px;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
    cursor: pointer;
    overflow: visible;
	background: #F7F7F7 url(/SiteData/Root/SiteImages/tfl_btnBgTile.gif) repeat-x left 50%;   
}
/* -adjust padding for for FF */
.button::-moz-focus-inner { border: none; padding: 0; }
/* -adjust padding for for IE6 */
* html #Content .button, * html #Content input.button, * html #Content button { padding: 2px 6px; line-height: 14px; width: 0; }
/* adjust padding for IE7 */
*:first-child+html #Content .button[type], 
*:first-child+html #Content input.button[type], 
*:first-child+html #Content button[type]
{
	padding: 0 6px; 
	line-height: 16px;  
}
/* neutralise the styles of input buttons within .button class */
.button input { border: none; background: none; cursor: pointer; } 
/* button colour variations & special cases */
.shopForm .addressBtn, 
#Content .updateQuantityRow .button,
#Content #CurConverter .button,
.searchBox .button
{
	/* these buttons require an inline display */
	display: inline;
	font-weight: normal;
}
/* smaller buttons */
#Content .updateQuantityRow .button[type], 
#Content .shopForm .addressBtn[type],
#Content #CurConverter .button[type],
.searchBox .button[type]
{
	padding: 1px 6px;
    line-height: 14px; /* adjust for IE7 */
}
* html #Content .updateQuantityRow .button,
* html #Content .shopForm .addressBtn,
* html #Content #CurConverter .button,
* html .searchBox .button
{
    padding: 0 6px; /* IE6 */
    line-height: 16px;    
}
*:first-child+html #Content .updateQuantityRow .button[type],
*:first-child+html #Content .shopForm .addressBtn[type],
*:first-child+html #Content #CurConverter .button[type],
*:first-child+html .searchBox .button[type]
{
	padding: 1px 6px 0 6px;
    line-height: 14px; /* adjust for IE7 */
}
/* disabled button */
#Content .disabled, #Content .buyBtnDisabled, disabled { border: solid 1px #CCC; color: #999; background: none; background-color: #EEE; cursor: default; }
/* These buttons have the class button or are input buttons but need to be neutralised 
   to look like links for this particlar design */
#Content .productLinklist input,
#Content .featuredProducts .productListing .button,
#Content .shopTableButtons .saveBtn,
#Content .shopAddress .button  
{
	cursor: pointer;
	background: none;
	background-color: Transparent;
	border: none;
	padding: 0 !important;
	text-align: left !important;
	margin: 0 !important;
	display: block;
	font-weight: normal !important;
	font-family: Verdana, Arial, Helvetica, Sans-Serif !important;
	font-size: 11px !important;
	color: #246CCE;
}
#Content .shopAddress .button { display: inline; }
#Content .productLinklist input:hover,
#Content .shopTableButtons .saveBtn:hover,
#Content .shopAddress .button:hover 
{
  	color: #113B92;
	text-decoration: underline !important;
}
#Content .shopTableButtons .continueBtn,
#Content .shopTableButtons .saveBtn 
#Content .shopFormButtons .saveAddressBtn
{
	margin-right: 12px !important;
}
/* Visitor Oyster buttons */
#Content .button-next-1, 
#Content .button-next-2, 
#Content .button-next-3,
#Content .createCustomer .continueBtn,
#Content .deliveryDetails .continueBtn,
#Content .deliveryTypePicker .shopTableButtons .button,
#Content .product .shopTableButtons .button,
#Content .basket .shopTableButtons .checkoutBtn,
#Content .payment .shopFormButtons .button,
#Content .shopFormButtons .saveAddressBtn 
{
	font-weight: normal;
	padding-right: 19px !important;
	background: #E0E0E0 url(/SiteData/Root/SiteImages/tfl_btnBgTileArwFwd.gif) repeat-x right 50%;
}
/* - highlighted */
#Content .product .shopTableButtons .button,
#Content .deliveryDetails .continueBtn,
#Content .basket .shopTableButtons .checkoutBtn,
#Content .deliveryTypePicker .shopTableButtons .button,
#Content .createCustomer .continueBtn,
#Content .payment .shopFormButtons .button
{
	font-weight: bold;
	border: solid 2px #666; 
}
/* alignment */
.left { float: left; margin-bottom: 17px; margin-right: 19px; }
.right { float: right; margin-bottom: 17px; margin-left: 19px; }
.centre { display: block; margin: 0 auto 17px auto; }
/* image styles and border */
a img { border: 0 solid; }
.border, .white-border { border: solid 1px #CCC; padding: 2px; background-color: #FFF; }
.white-border { border: solid 1px #FFF; }
a:hover img.border, a:hover img.white-border { border: solid 1px #3497D5; }

/* =SYSTEM
   ----------------------------------------------------*/

.CMSPageControls { position: static; padding: 3px 0; height: 16px; text-align: right; }
.CMSPageControls span { color: #666; font-size: 9px; vertical-align: top; }
.CMSPageControls img, .CMSPageControls input { border: none; margin-left: 4px; }

/* =TFL SPECIFIC (based on exsisting)
   ----------------------------------------------------*/

/* Header */
#branding
{
	/*background: url(/SiteData/Root/SiteImages/tfl_logo.gif) no-repeat left top;*/
	background: url(http://visitorshop.internova.co.uk/SiteData/Root/SiteImages/logo.gif) no-repeat left top;
	padding-left: 78px;
	padding-top: 36px;
	height: 3.05em;
	margin-bottom: 16px;
	width: 294px;
	position: relative;
}
/* Revised 02 2010 --
#branding p {

  	font-size: 19px;
  	font-weight: bold;
  	line-height: 19px;
  	width: 250px;
  	font-family: Arial, Helvetica, sans-serif;
  	margin: 0;
 	padding: 0;
}
#branding p a { color: #113b92; }
#branding a 
{
	position: absolute;
	top: 26px;
	left: 0;
	display: block;
	padding:10px 5px 15px 78px;
	width: 210px;
	white-space: nowrap;
}
*/ 
#branding p 
{
  	margin: 0;
 	padding: 0;
  	font-size: 19px;
  	font-weight: bold;
  	line-height: 19px;
  	width: 250px;
  	font-family: Arial, Helvetica, sans-serif;
}
#branding p a 
{
	color: #113B92;
  	text-indent: -999px;
	width: 250px;
	overflow: hidden;
	display: block;
}
#branding img { display: none; }
/* Global navigation */
#global-navigation { background: url(/SiteData/Root/SiteImages/tfl_global-nav-bg.gif) repeat-x 58px 0; }
#global-navigation dd 
{
  	background: url(/SiteData/Root/SiteImages/tfl_global-nav-bg.gif) repeat-x 106px 0;
  	line-height: 1.2em;
  	float: left;
  	margin: 0;
  	padding: 0;
}
/* Right-most nav items background image */
#global-navigation dd#nav-business-and-partners, #global-navigation dd#nav-corporate { width: 107px; background: url(/SiteData/Root/SiteImages/tfl_global-nav-bg-dark.gif) repeat-x; }
#global-navigation dd#nav-corporate { background-position: 106px 0; }
/* Basic global nav link style */ 
#global-navigation a
{
  	color: #000;
  	text-align: center;
  	display: block;
  	width: 82px;
  	height: 27px;
  	padding: 8px 12px;
  	margin-bottom: 19px;
}
/* Adjust single-line global nav items to centre them vertically */
#nav-home a, #nav-tickets a, #nav-corporate a, #nav-road-users a { padding-top: 15px; height: 20px; } 
/* Selected global nav item styles */
.home #nav-home { background: #2F93D2 url(/SiteData/Root/SiteImages/global-nav-selected-3.gif) no-repeat; }
.home #nav-home a  { color: #FFF; font-weight: bold; }
/* All but the home page link need tweaking (sic) */
/* The selected link is one pixel wider */
/* The link to the left is one pixel narrower to compensate */
/* This is to allow the selected link to have both a left and right border */
.live-travel-news #global-navigation dd#nav-live-travel-news,
.getting-around #global-navigation dd#nav-getting-around,
.tickets #global-navigation dd#nav-tickets,
.road-users #global-navigation dd#nav-road-users,
.corporate #global-navigation dd#nav-corporate,
.business-and-partners #global-navigation dd#nav-business-and-partners
{ 
	background: #2F93D2 url(/SiteData/Root/SiteImages/tfl_global-nav-selected-4.gif) no-repeat left top !important; 
}
.live-travel-news #global-navigation dd#nav-live-travel-news a,
.getting-around #global-navigation dd#nav-getting-around a,
.tickets #global-navigation dd#nav-tickets a,
.road-users #global-navigation dd#nav-road-users a,
.corporate #global-navigation dd#nav-corporate a,
.business-and-partners #global-navigation dd#nav-business-and-partners a  
{
	width: 83px;
	font-weight: bold; 
	color: #FFF; 
}
.live-travel-news #global-navigation dd#nav-home a,
.getting-around #global-navigation dd#nav-live-travel-news a,
.tickets #global-navigation dd#nav-getting-around a,
.road-users #global-navigation dd#nav-tickets a,
.corporate #global-navigation dd#nav-road-users a
{
 	width: 81px
}
.corporate #global-navigation dd#nav-road-users { background-position: 107px 0; }
.business-and-partners #global-navigation dd#nav-corporate { background-position: 108px 0; }
/* Local navigation ( !check how this realtes to the Site Navigation module ) */
#local-navigation dd, #local-navigation li { padding-left: 0; background-image: none; }
#local-navigation ul, #local-navigation dl { padding-left: 0; list-style: none; }
#local-navigation a { display: block; border-top: 1px solid #FFF; padding-left: 19px; color: #FFF300; background: #000 url(/SiteData/Root/SiteImages/local-nav-parent.gif) no-repeat; }
#local-navigation #current-section a { color: #FFF; font-weight: bold; background: #2F93D2 url(/SiteData/Root/SiteImages/local-nav-current-section.gif) no-repeat; }
#local-navigation #current-section dl dd a
{
	border-bottom: 1px solid #E5E5E5;
	margin-bottom: 1px; /* Show all bottom borders in Firefox 1*/
	background-image: none;
	background-color: #FFF;
	color: #666;
	font-weight: normal;
}
#local-navigation #current-section dl dd.current-page a { font-weight: bold; background: url(/SiteData/Root/SiteImages/local-nav-current-page.gif) no-repeat; }
#local-navigation #current-section dl { padding-bottom: 18px; background: url(/SiteData/Root/SiteImages/panel-shadow.gif) left bottom repeat-x; }
/* Tabs */
/* Progress bars */
.progress-bar 
{
	overflow: hidden;
	background: url(/SiteData/Root/SiteImages/panel-shadow.gif) left bottom repeat-x;
	border-top: 1px solid #EBEBEB;
	padding: 4px 0 20px 0;
	margin-bottom: -5px;
}
.progress-bar ul
{
	/* seems to be the only way forcing a consistant bottom margin here */
	float: left;
	padding: 0 0 4px 0;
	margin: 0;
}
.progress-bar li
{
	float: left;
	background: #EBEBEB url(/SiteData/Root/SiteImages/progress-arrow-right.gif) right no-repeat;
	padding: 0;
	margin: 0;
	color: #000;
}
.progress-bar li span,
.progress-bar li a 
{
	text-decoration: none;
	background: url(/SiteData/Root/SiteImages/progress-arrow-left.gif) -5px no-repeat;
	padding: 3px 8px;
	display: block;
}
.progress-bar li a { color: #000; text-decoration: underline; }
.progress-bar .completed { background-color: #CCC; }
.progress-bar .current { background-color: #3497D5; }
.progress-bar .current a { color: #FFF; font-weight: bold; text-decoration: none !important; }
.progress-bar li a:hover { text-decoration: none !important; }
/* breadcrumnbs ( !check how this realtes to our Breadcrumb ) */
.breadcrumbs { float: left; margin-bottom: 8px; padding-top: 2px; }
.breadcrumbs ul, .breadcrumbs li, .breadcrumbs a { display: inline; float: left; margin-bottom: 0; }
.breadcrumbs li { background-image: none; padding-left: 0; }
.breadcrumbs a, .breadcrumb a { margin-right: 4px; padding-right: 8px; background: url(/SiteData/Root/SiteImages/arrow-breadcrumb.gif) center right no-repeat; }
/* Corporate links & help search */
#corporate-links
{
	background: url(/SiteData/Root/SiteImages/tfl_corporate-links-bg.gif) repeat-x left top;
	padding: 19px 19px 0 19px;
	clear: both;
	height: 48px;
}
#help-and-search,
#microsite-tools 
{
	padding: 8px 0;
	width: 372px;
	float: left;
	margin-left: 372px;	
	position: absolute;
	top: 0;
}
#corporate-links a, #help-and-search a { color: black; }
#corporate-links img { float: left; margin-right: 19px; }
#corporate-links dl, #help-and-search dl { float: left; margin: 0 10px 0 0; padding: 0; }
#corporate-links dd, #help-and-search dd { float: left; margin-right: 10px; background-position: 0 7px !important; }
#corporate-links p { text-align: right; }
#help-and-search dl { float: right; }
/* Search Form */
#help-and-search .globalSearch
{
  	float: right;
    padding-right: 19px;
  	padding-top: 10px;
}
#help-and-search .globalSearch .textbox,
#help-and-search .globalSearch .clear-on-focus  
{ 
	font-family: 'ms shell dlg' !important;
	padding: 2px 1px; 
}
#help-and-search fieldset
{
	margin: 0;
	padding: 0;
	border: 0 solid; /* not sure what this is? */
	text-align: right;
}
#main-search-input, #help-and-search input { font-size: 1.2em; }
/* new help and search button */
#help-and-search input.button 
{
	display: inline-block;
	border: 1px solid #999;
	padding: 0 6px;
	width: auto !important;	
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	background: #E0E0E0 url(/SiteData/Root/SiteImages/button-default.gif) left center repeat-x;
	overflow: visible;
}
#help-and-search input, #help-and-search label, #help-and-search button { vertical-align: middle; }
#help-and-search label { color: #666; }
/* -- */
#main-search-box { width: 200px; }
#Content input.viewOrderBtn, #Content .groupProductBasket .button
{
	float: left;
	display: block;
	border: none;
	padding: 0; 
	color: #246CCE;
	font: normal 1em/normal Verdana,Arial,Sans-serif !important;
	text-align: left;
	background: none;
	cursor: pointer;
}
#Content input.viewOrderBtn:hover { color: #113B92; text-decoration: underline !important; }
.linklist dd, .linklist li, .removeLink, .reviewLink, 
.backLink, .whyUpgradeLink, .shopQuickLinks a, .productListing .productListingName, 
.returnLink, .forgottenPasswordLink, #Content .shopForm .enterManuallyBtn,
#Content .featuredProducts .productListing .button,
#Content .productLinklist input, #Content .shopTableButtons .saveBtn,
#Content .pager .next, a.bulletLink, .productList ol li a, #Content .groupProductBasket .button,
a.linklist, #Content .shopAddress .button, .off, .on
{
	border: none;
	padding-left: 8px !important;
	background: url(/SiteData/Root/SiteImages/green-bullet.gif) no-repeat 0 5px;
}
/* Delete this should we revert back to plain style links */
#Content .shopTableButtons .saveBtn { margin-top: 5px !important; }
.backLink, .returnLink { cursor: pointer; background: url(/SiteData/Root/SiteImages/green-bullet-back.gif) no-repeat 0 5px;	}
.on  { padding-left: 9px !important; background: url(/SiteData/Root/SiteImages/green-bullet-down.gif) no-repeat 0 5px; }
.productLinklist ul { margin: 0; }
.productLinklist ul li { padding-left: 0; background: none; }
.external-site, .new-window, .microsite, .moreInfoBtn { padding-right: 15px; background: transparent url(/SiteData/Root/SiteImages/new-window.gif) no-repeat scroll right bottom; }
/* side col modules */
/* Position these elements off the page */
.off-left, .structural-label, #help-and-search dt,
#corporate-links dt, #local-navigation dt, #global-navigation dt, 
.searchBox .searchKeyword
{
  position: absolute;
  left: -1999px;
}

/* =CONTENT LAYOUT
   ----------------------------------------------------*/

#Content
{
	padding-bottom: 2em;
	text-align: left;
}
#LeftContainer, #MainLeft { float: left; width: 430px; }
/* - updated 2 Column - */
#Sheet .narrowLayout { }
#Sheet .narrowLayout #ColumnRight { padding-right: 20px; }
#Sheet .narrowLayout #LeftContainer { width: 370px; }
/* Shop Breadcrumb & Quick Links  */
#Content .shopBreadcrumb, #Content .shopQuickLinks { float: left; margin-bottom: 16px; }
#Content .shopBreadcrumb { padding-left: 20px; width: 514px; }
#Content .shopBreadcrumb p { padding-bottom: 0; }
#Content .shopQuickLinks 
{
	float: right;
	padding-right: 20px;
	color: #CED2D5;
	text-align: right;
}
/* Right Column */
#ColumnRight { float: right; width: 264px; }
/* Main Column(s) */
#ColumnMainHp, #ColumnMain1Col, #ColumnMain2Col, #ColumnMain3Col, #ColumnReceipt { float: left; width: 100%; background-color: #FFF; }
/* -1 Column & */
#ColumnMain1Col { position: inherit !important; }
/* -2 Column & Checkout */
#MainTop, #MainBott { clear: both; width: 100%; }
/* -2 Column (2 x 8ths) */
#Column2x8ths #LeftContainer { width: 528px; }
/* specific to products displayed in this template */
#Column2x8ths #ColumnRight { position: relative; padding-top: 50px; width: 166px; } 
#Column2x8ths .product h1  { position: relative; margin-right: -166px; width: 704px; }
/* -2 Column (6 x 8ths) */
#Column5x8ths #LeftContainer { width: 176px; }
#Column5x8ths #ColumnRight { width: 518px; }
/* -2 Column (Receipt) */
#ColumnReceipt #MainLeft { width: 524px; }
#ColumnReceipt #ColumnRight { position: relative; width: 166px; }
/* -Text */
.text { padding: 0 20px; height: auto; }

/* =FOOTER
   ----------------------------------------------------*/

#Footer {}

/* =MODULES
   ----------------------------------------------------*/

/* Site Navigation */
.SiteNavigation li, .linkList li, .productList li { background: none; padding-left: 0; }
.SiteNavigation ul li a, .linkList ul li a, .productList ol li a { padding-left: 8px; background: url(/SiteData/Root/SiteImages/green-bullet.gif) no-repeat 0 5px; }
.SiteNavigation ul li a:hover, .linkList ul li a:hover, .productList ol li a:hover { text-decoration: underline; }
.SiteNavigation ul ul li a, .linkList ul ul li a { padding-left: 0; background: none; }
/* Current Node A Styling */
.SiteNavigation li.Current a.Current, .SiteNavigation li.CurrentParent a.CurrentParent, .linkList li a.Current { font-weight: bold; }
#Content .SiteNavigation ul ul li.Current a.Current {}
/* - ColumnRight */
#ColumnRight .SiteNavigation, #ColumnRight .linkList { padding: 5px 0 14px 0; }
#ColumnRight .SiteNavigation ul, #ColumnRight .linkList ul { margin-top: 0; }
#ColumnRight .SiteNavigation ul ul, #ColumnRight .linkList ul ul { margin-bottom: 0; }
/* Site Map */
/* Search Results */
/* Pager Sorting ( CategoryDisplay & Search Results ) */
/* Note - a title should always sit above this module */
/* Breadcrumb */
/* FAQ */
.FAQ .FAQQuestion *
{
	font-weight: bold;
	text-decoration: underline;
}
.FAQ .FAQQuestion p { padding: 0 0 1em 22px; background: url(/SiteData/Root/SiteImages/tfl_faqIcon.jpg) no-repeat left 1px; }
.FAQ .FAQAnswer { margin-left: 22px; display: none; }
/* SearchBox */
/* AdminPanel */
.AdminPanel
{
	color: #000;
	border: dashed 1px #F00;
	padding: 3px;
	background-color: #FFF;
}
.AdminPanel h2 { color: #000; }
.adminPopup { border-color: #113B92 !important; }
.CheckBoxList { border: none; border-collapse: collapse; }
.CheckBoxList tr td { margin: 0; padding: 0; }
/* SWF Object */
.swfObject { text-align: center; }

/* =SHOP FORMS
   ----------------------------------------------------*/

/* Standard Forms */
.shopForm, .compactShopForm, .shopConditions { position: relative; padding: 16px 8px 8px 8px; background-color: #F7F7F7; }
.shopFormButtons { border-top: solid 1px #CCC; padding: 8px 8px 23px 8px; background: #F0F0F0 url(/SiteData/Root/SiteImages/tfl_shopBtnsDrpShdBgTile.gif) repeat-x left bottom; }
.shopConditions 
{
	padding-top: 0;
	text-align: center;
	margin-bottom: 0; 
}
/* start by assuming default One Column template */
.shopForm label
{
	float: left;
	display: block;
	width: 182px;
	padding-right: 4px;
	text-align: right;
	margin-bottom: 2px;
	cursor: default;
}
/* validation errors */ 
.shopForm label span, .shopForm span, .shopTable .dateCol span,
.shopTable .numCol span, .conditionsError, .exclam
{
	padding-left: 20px;
	background: url(/SiteData/Root/SiteImages/tfl_exclamation.png) no-repeat left top;
}
.shopTable .numCol .none { padding-left: 0; background-image:none; }
.shopTableAlert .dateCol .exclam, .shopTableAlert .numCol .exclam
{
    display: inline !important;
	background-position: right top;
	padding: 1px 0 1px 14px;
}
.shopTable .dateCol .exclam, .shopTable .numCol .exclam { display: none; }
.shopTable .numCol span, .shopTable .dateCol span { padding: 1px 0 1px 14px; background-position: right top; }
.conditionsError { padding: 2px 0 2px 20px; }
.shopTable .dateCol .dateFormat { padding: 0; background: none; }
/* -- */
.shopForm label span, .shopForm span { position: absolute; left: 430px; left: 483px; }
.shopForm .textbox, .shopForm .clear-on-focus, 
.shopForm .textarea, .shopForm .dropdown, 
.shopForm .dropdownlist, .shopForm .fileupload,
.shopForm .holder 
{
	width: 226px;
	width: 279px;
	margin-bottom: 6px;
}
.shopForm .pCode { width: 80px !important; }
.shopForm .dropdown, .shopForm .dropdownlist { width: 230px; width: 283px; }
#Content .shopForm .addressBtn { margin-bottom: 12px; width: 100px; } /*!!! match this to the new CSS !!! */
#Content .shopForm .useAddressBtn { float: right; margin-bottom: 8px; }
#Content .shopForm .enterManuallyBtn
{
	border: none;
	color: #246CCE;
	padding: 0;
	padding-left: 8px !important;
	margin-top: 4px;
	font-weight: normal;
	display: inline;
}
.PAFLookup { margin-top: 6px; }
#Content .shopForm .addressBtn { margin-bottom: 0; }
#Content .shopForm .checkbox { float: left; left: -4px; position: relative; padding: 0; background: none; }
.shopForm .checkboxLabel { float: left; margin: 2px 0 6px 0; width: 220px; }
/*.shopForm .forgottenPasswordLink { display: block; margin: 0 0 2px 228px; width: 222px; } */
.shopFormButtons { padding-left: 195px; }
/* Variation based on Layout */
#ColumnRight .shopForm { padding: 8px; }
#ColumnRight .shopForm label 
{ 
	width: 162px; 
	float: none; 
}
#ColumnRight .shopForm .textbox,
#ColumnRight .shopForm .clear-on-focus, 
#ColumnRight .shopForm .textarea, 
#ColumnRight .shopForm .dropdown,
#ColumnRight .shopForm .dropdownlist
{
	width: 162px;
}
#ColumnRight .shopForm label span,
#ColumnRight .shopForm span 
{
	position: absolute;
	left: 168px;
}
#ColumnRight .shopForm .dropdown,
#ColumnRight .shopForm .dropdownlist 
{
	width: 166px;
}
#ColumnRight .shopForm .checkboxLabel { width: 144px; }
/* Form validation */
#Content .validationList, .warningBox  
{
	border: 2px solid Red;
	font-weight: bold;
	background: #FFF url(/SiteData/Root/SiteImages/tfl_exclamation.gif) no-repeat 8px 8px;
	padding: 8px 8px 8px 28px;
	margin-bottom: 1em;
	color: #000 !important; 
}
#Content .validationList ul, #Content .validationList ol { margin: 0.5em 0 1em 1.5em; padding: 0; font-weight: normal; list-style: disc; background: none; }
#Content .validationList ol { list-style-type: decimal; margin-left: 2em; }
#Content .validationList li { padding-left: 0; background: none;  }
#Content .validationList li a { color: #000; }
/* Warnings - styled as validationList */
#Content .warningBox ul
{
	font-weight: normal;
	background: none;
	list-style-type: disc;
	padding: 0;
	margin: 0 0 1em 2.5em;
}
#Content .warningBox p { padding-bottom: 1em; }
#Content .warningBox ul li 
{
	background: none;
	padding: 0;
	margin: 0;
}
.warningTxt { color: Red; }
.discountCol .warningTxt { padding-top: 2px; }
/* - alert box */
.alertBox
{
	text-align: center;
	color: #000;
	background-color: #FFF69F;
	margin-bottom: 16px;
	padding: 4px;
}
.alertBox span { padding: 2px 0 2px 20px; background: url(/SiteData/Root/SiteImages/cross.gif) no-repeat left top; }
/* -Highlights */
.highlightBox  
{
	margin: 0 -8px;
	padding: 8px;
	border: solid 1px #CCC;
	border-left: none;
	border-right: none;
	background-color: #FFF;
	width: 688px
}
/* Edit Address Form */
.editAddress .shopForm { border-top: solid 1px #CCC; }
.editAddress .shopTableButtons { margin-bottom: 4px; }
.editAddress .returnLink 
{
	position: relative;
	margin-top: -42px;
	float: right; 
	display: block;
}
.editAddress .shopTable .btnCol  
{
	width: 80px; 
	text-align: center; 
}
#Content .editAddress .btnCol .button { margin: 0 auto 8px auto; }
#Content .editAddress .shopTable .editAddressBtn,
#Content .editAddress .shopTable .removeAddressBtn 
{
	width: 64px;
}
.editAddress .shopFormButtons .button { float: right; }
#Content .editAddress .saveAddressBtn, 
#Content .editAddress .cancelBtn
{
	padding-left: 3px;
	padding-right: 3px;	
}
#Content .editAddress .cancelBtn { margin-right: 8px; }
#Content .shopForm .useAddressBtn, 
#Content .shopForm .cancelAddressBtn
{
	float: right;
	margin-bottom: 16px;
}
#Content .shopForm .useAddressBtn { margin-left: 4px; }
/* Lost Password Form */
#Content .lostPassword .sendPasswordBtn,
#Content .lostPassword .backBtn,
#Content .lostPassword .loginBtn
{
	float: right;
	width: 120px;	
}
/* Customer Login Form (specifically for the side columns) */
.customerLogin { }
#ColumnRight .customerLogin .shopForm, 
#ColumnRight .customerLogin .shopFormButtons
{
	padding: 0;
}
#Content .customerLogin .button
{
	padding-left: 4px;
	padding-right: 4px;
	float: right;
}
#Content .customerLogin .upgradeBtn { margin-right: 4px; } 
.forgottenPasswordLink 
{ 
	display: block; 
	margin-bottom: 0.6em;
	margin-left: 186px; 
} 
#ColumnRight .customerLogin .forgottenPasswordLink 
{ 
	margin-left: 0;
	width: 120px; 
}
#ColumnRight .customerLogin ul { margin-bottom: 4px; }
#ColumnRight .customerLogin .shopFormButtons 
{
	padding-top: 6px;
	background: none;
}
#Content .customerLogin h2 
{
	padding-left: 2px;
	font-size: 1em;
}
/* Create Customer Form */
.createCustomer { border-top: solid 1px #CCC; }
.createCustomer .warningBox ol li
{
	clear: right;
	padding-bottom: 8px;
}
#Content .upgradeAccountBtn, 
#Content .continueAsGuestBtn, 
#Content .reEnterBtn, 
#Content .emailPasswordBtn 
{
	float: right;
	margin-top: -17px;
	margin-bottom: 8px;
	width: 108px;
}
#Content .createCustomer .continueBtn { float: right; width: 92px; }
/* NewsLetter Sign Up Form */
/* Edit Password Form */
#Content .changePassword .button { float: right; }
label.passwordStrengthWarning 
{
	background-color: #FFF;
	border: solid 1px #000;
	padding: 4px;
	display: block;
	color: #000;
}
/* Edit Account Form */
/* Save Basket Form */
/* Write Review Form */
/* Contact Form */
/*#Content .contactForm .button { float: right; }*/
#Content .contactForm { margin-bottom: 1em; }

/* =SHOP MODULES
   ----------------------------------------------------*/

/* Category Display Module */
.productListing { float: left; width: 125px; }
.productRow { float: left; width: 100%; margin-bottom: 1.5em; }
.productSpacer { float: left; width: 8px; }
.productListingImage
{
	display: block;
	border: solid 1px #CCC;
	margin-bottom: 0.5em;
	text-align: center;
	overflow: hidden;
}
.productListingName { word-wrap: break-word; display: block; }
.productListingPrice { padding-left: 8px; }
/* Product Listing & Feature Listing Modules */
/* Alternating Product Listings Styles */
/* Custom Category Listing (for TFL only) */
/* Featured Products Module */
/* Favourite Listing / Related Products / Recent Products Modules */
/* Related products in side column */
#Content #ColumnRight .tflMainSideColStyle
{
	margin-bottom: 1.5em;
	padding: 5px 8px 25px 8px;
	background: #F7F7F7 url(/SiteData/Root/SiteImages/tfl_sideNavBgTile.gif) repeat-x left bottom;
}
/* MiniBasket Module */
.miniBasket { position: relative; }
.miniBasket p { padding: 0; color: #666 !important; }
#Content .miniBasket .button 
{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	background: none;
	text-indent: -9999px;
	padding: 0 !important;
	margin: 0;
	border: none;
	background: url(/SiteData/Root/SiteImages/clear.gif) repeat left top;
}
* html #Content .miniBasket .button  { 	padding: 0 !important; }
/* RegisterLink Module */
/* Product Module */
.product { margin-bottom: 16px; }
.product .backLink
{
	float: right;
	margin-top: -33px;
}
.product .productImg { float: left; width: 200px; }
.product .shopTableButtons .button { float: right; }
.product .productDetails { float: right; width: 480px; }
#Content .product .buyBtn { margin-bottom: 1em; }
/* -New main image structure */
.productImg .mainImage { position: relative; margin-bottom: 2em; text-align: center; z-index: 0; }
.productImg .mainImage .preloader { display: none; position: absolute; }
/* -New thumbnail structure */
.product .productPrice { display: block; margin-bottom: 0.5em; color: #000; font: bold 1.273em/normal Arial,Verdana,Sans-serif; }
/* -quantity box & options */
/* -Popup Window */
.popupBackground  { background-color: #666; filter: alpha(opacity=60); opacity: 0.6; -moz-opacity: 0.6; }
.closeWinBtn 
{
	float: right;
	margin-bottom: 0.5em;
	padding: 0 21px 0 4px;
	height: 18px;
	color: #666;
	font: normal 1em/1.5em Verdana,Arial,Helvetica,Sans-serif;
	text-decoration: none;
	background: url(/SiteData/Root/SiteImages/tfl_closeWinBullet.gif) no-repeat right 50%;
	cursor: pointer;
}
.closeWinBtn:hover { text-decoration: none; }
/* -Pop form ( Send To A Friend - make class path explicit to avoid overwriting ) */
#Content .popForm { width: 300px; background: #FFF none; }
#Content .popForm .shopForm, #Content .popForm .shopConditions { border: none; padding: 10px; background: #FFF none; }
#Content .popForm .shopForm span { position: static; padding: 0; background: none; }
#Content .popForm label { display: block; float: none; text-align: left; }
#Content .popForm .shopForm .textbox, #Content .popForm .shopForm .textarea, #Content .popForm .shopForm .clear-on-focus { width: 274px; }
#Content .popForm .shopConditions { padding-top: 0; text-align: left; }
#Content .popForm .shopFormButtons { border: none; margin: 0; padding: 10px; background: #FFF none; }
#Content .popForm .shopFormButtons .button { float: right; }
/* -Send To A Friend & Write Review */
/* -Write Review */
/* -Product Reviews */
/* -Product Promotions */
/* -Product Reviews */
/* Payment */
.payment 
{
	border-top: none;
	margin-bottom: 16px;
	position: relative;
}
.payment .shopForm .small 
{
	background: none;
	padding: 0;
	position: absolute;
	left: 244px;
}
.payment .shopForm .moreInfoBtn  
{
	left: 264px; 
	/*background-position: 0 60%;*/ 
	height: auto;
}
.payment .rbsPaymentLink { float: right; display: block; padding-left: 10px; width: 139px; height: 33px; text-indent: -9999px; background: url(/SiteData/Root/SiteImages/tfl_poweredByWorldPay.gif) no-repeat left top; }
.payment .secureMsg {} 
.payment .varifyMsg {}
.payment .shopFormButtons .button { float: right; }
.payment p { padding: 0 8px 1.5em 8px; }
.extraDeliveryDetails {}
/* Top Sellers Module */

/* =SHOP TABLES
   ----------------------------------------------------*/

.shopTable { border-left: solid 1px #CCC; border-top: solid 1px #CCC; margin-bottom: 16px; }
#Content .totalsTable { border: none; }
.shopTable table { width: 100%; }
.tHRow { padding: 0; }
.shopTable table table td { padding: 0; }
.shopTable table table .subProductTotal { padding-left: 8px; }
.shopTable .nameCol a { font-weight: bold; }
.shopTable td, .shopAddress td 
{
    border-right: solid 1px #CCC; 
	border-bottom:  solid 1px #CCC;
	padding: 8px;
	background: url(/SiteData/Root/SiteImages/tfl_productListBg.gif) repeat-x left bottom;
	vertical-align: middle; 
}
.shopTable th, .shopAddress th
{
	border-bottom:  solid 1px #CCC;
    border-right: solid 1px #CCC; 
	padding: 0 8px;
	height: 20px;
	color: #333;
	font: bold 1.182em/20px Arial,Helvetica,Sans-serif; 
	white-space: nowrap;
	/*text-align: inherit;*/
	background-color: #E5E5E5;
}
#Content .productGroup h2 { border: none; color: #FFF; padding: 2px 8px; white-space: nowrap; font: bold 1.182em/20px Arial,Helvetica,Sans-serif; background: url(/SiteData/Root/SiteImages/tfl_gBPromoHeaderBg.jpg) no-repeat right top; }
.shopAddress .invoiceAddressTable td, .shopAddress .deliveryAddressTable td, 
.invoiceAddressTable th, .deliveryAddressTable th 
{
	border: none;
	background: none;
}
.invoiceAddressTable th, .deliveryAddressTable th { border-bottom:  solid 1px #CCC; }
#Content .shopTable .subHeadRow th
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #333;
	background-color: #F6F6F6;
	font-weight: bold;
}
.savedCarts .shopTable th { white-space: normal; }
.shopTable .imageCol { border-right: none; }
.shopTable .dateCol,
.shopTable .qtyCol,
.shopTable .numCol,
.shopTable .removeCol,
.shopTable .priceCol,
.shopTable .delvCol 
{
	text-align: center !important;
}
.shopTable .dateCol { width: 126px; }
.shopTable .numCol { width: 58px; }
.shopTable .dateCol div, .shopTable .numCol div { text-align: left !important; }
.shopTable .qtyCol { width: 118px; }
.shopTable .removeCol { width: 58px; }
.shopTable .priceCol { width: 70px; }
.shopTable td.qtyCol .textbox,
.shopTable td.numCol .textbox 
{
	float: left;
	height: 12px;
	line-height: 12px;
	padding: 4px 2px;
	vertical-align: middle;
	width: 30px;
}
.shopTable .qtyHolder { width: 55px; margin: auto; }
.shopTable span.QuantityAdjust a
{
	float: right;
	display: block;
	width: 11px;
	height: 11px;
	border: solid 1px #999;
	background-color: #F7F7F7;
	color: #999;
	text-align: center;
	line-height: 9px;
	clear: right;
	margin-bottom: 1px;
	text-decoration: none;
}
#Content .savedCarts .reloadCartBtn { padding-left: 3px; padding-right: 3px; }
#Content .shopTable .updateQuantityRow,  #Content .shopTable .discountRow { text-align: right; }
.updateQuantityRow td { background: url(/SiteData/Root/SiteImages/tfl_productListBg.gif) repeat-x left bottom; }
.shopTable .totalRow td
{
	vertical-align: top;
	text-align: right;
	background: none;
	padding: 4px 8px;
	border: none;
}
#Content .shopTable .discountRow td { background: none; }
#Content .updateQuantitiesBtn { width: 88px; }
#Content .shopTable .discountCol  
{
	text-align: center !important; 
	border-left: solid 1px #CCC;
}
#Content .shopTable .discountCol input { width: 108px; }
/* changed to avoid safari problem */
#Content .shopTable .discountCol .button 
{ 
	display: inline !important; 
	height: auto; 
	width: 40px; 
}
#Content .basketShipping, #Content .addAddressRow td { background: none; }
#Content .addAddressRow .button { float: right; }
#Content .addAddressRow .saveDefaultAddressBtn { margin-left: 8px; }
/* Basket */
.basket { margin-bottom: 16px; }
.basket table { empty-cells: hide; }
.basket .topTable { margin-bottom: 0; }
#Content #MainTop .basket { margin-bottom: 0; }
.basket .removeLink { background-position: 0 50%; }
#Content .basket .shopTableButtons .button { float: left; }
#Content .basket .shopTableButtons .checkoutBtn  
{
	float: right;
	width: 100px; 
}
#Content .shippingTitleRow td, 
#Content .shippingRow td, 
#Content .shippingRow table td 
{
	background: none;	
}
#Content .shippingTitleRow td
{
	font-weight: bold;
	padding-bottom: 0;
}
#Content .shippingRow td
{
	padding: 0;
	padding-left: 8px;
	padding-bottom: 8px;
}
#Content .shippingRow table { padding: 0; }
#Content .shippingRow table td 
{
	vertical-align: top;
	padding: 0;
	background: none;
	border: none;
}
#Content .shippingRow table input { position: relative; top: 2px; }
/* Checkout basket ( speific to VO ) */
/* some differing styling here for the basket */
.checkoutBasket .shopTable { border-right: solid 1px #CCC; }
.checkoutBasket .shopTable th, .checkoutBasket .shopTable td { border-right: none; }
.checkoutBasket td { background : none; }
#Content .dateString { font-style: italic; }
/* CustomerOrders Table */
.customerOrders {}
.customerOrders .shopTableButtons { margin-bottom: 4px; }
.customerOrders .backLink
{
	float: right; 
	display: block;
}
.customerOrders .shopTable table 
{
	/* AL - keep an eye on this not good to marginilse tables */
	margin-bottom: 1em;
}
.customerOrders .makePaymentBtn { float: right; }
.customerOrders .shopFormButtons .button { float: right; }
/* Address Table & Receipt */
.greyTitle, #Content .createCustomer h2, .shopTableTitle
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.182em !important;
	background-color: #E5E5E5;
	border-top: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	padding: 2px 8px;
	color: #333;
	margin-bottom: 0;
}
.shopAddress { margin-bottom: 32px; }
.deliveryAddressTable { margin-bottom: 16px; }
.shopAddress table  
{
	width: 100%;
	margin-bottom: 4px; 
}
#Content .shopAddress p { padding-bottom: 0; }
.addressCell { padding: 8px; }
.shopAddressButtons  { padding-left: 8px; }
/* - Reciept */
.receipt { margin-bottom: 1em; }
.receipt .addresses { width: 100%; } 
.receipt .invoiceAddressTable,
.receipt .deliveryAddressTable
{ 
	width: 341px;
	float: left; 
}
.receipt .deliveryAddressTable { float: right; }
.receipt .shopTable { margin-bottom: 0; }
.receipt .totals 
{ 
	font-weight: bold;
	text-align: right; 
}
.receipt .createFullAccount 
{
	width: 248px;
	position: relative;
	float: left;
	margin-right: 20px;
}
.receipt .createFullAccount p { padding: 0 8px 1.5em 8px; }
.receipt .totals 
{
	text-align: right;
	font-weight: bold;
}
#Content .createFullAccount .shopForm label { width: 124px !important; }
#Content .createFullAccount .shopForm .textbox { width: 100px  !important; }
#Content .createFullAccount .shopForm label span,
#Content .createFullAccount .shopForm span { left: 248px !important; }
.receipt .createFullAccount .button  { float: right; }
.receiptLinks
{
	width: 258px;
	z-index: 2;
	position: relative;
	float: left;
}
.receiptLinks .compactShopForm { height: 80px; }
/* Delivery picker */
.deliveryTypePicker { margin-bottom: 16px; }
.deliveryTypePicker .shopTableButtons .button { float: right; }

/* =NEWS
   ----------------------------------------------------*/ 

/* =BROWSER FIXES
   ----------------------------------------------------*/

/* Fixes the body background alignment issue (IE7) */
/**:first-child+html #PageContentPanel 
{
	padding-right: 0;
	padding-left: 1px;
}*/
/* Style the global search exactly as the exsisting sites (IE7) */
*:first-child+html #help-and-search label { margin-right: -4px; }
/* Height fixes (IE6 & 7 - review later) */
#Content input.button, .invoiceAddressTable, .shopTableButtons, .product,
.deliveryAddressTable, .customerLogin, .shopFormButtons, .shopConditions,
.registerLink, .searchBox, .miniBasket, .warningBox, .shopForm, .validationList,
.warningBox, .productReviews, h1, h2, .productLinklist ul li, ul li, 
#Content .validationList ul li, .shopTable .totalRow td, #Content .basketShipping, 
#Content .addAddressRow td, .productList, .productContainer, .relatedProducts,
.SiteNavigation, .linkList, .SiteNavigation li, .linkList li, .linkList a, 
#global-nav-container, .shopTable .qtyHolder, .small, .productPromotions, .promotion, .viewOrderBtn, 
.shopSearchBox, .searchResults, .shopResults, .contentResults, .imageChooserMenuBox, 
#Content .sideColPromoBox, .cOOSpeechHolder, .progress-bar, .highlightBox, .small-promotions,
#Content, #oyster-comparison, .productGroup, .productLinklist
{
	height: 1%;
}
/* For visible spacing of <br /> tag (Safari) ! Review this as it seems to be effecting chrome */
.productListing .clear
{
	content:"";
}
/* IE 8 */
.shopTable th, .shopTable td { text-align: inherit; }
/* Safari & Chrome only */
@media screen and (-webkit-min-device-pixel-ratio:0)  
{
	#Content .button[type] { padding: 1px 6px 0 6px; }
	#Content .updateQuantityRow .button[type], 
	#Content .shopForm .addressBtn[type],
	.searchBox .button[type] 
	{
		height: 20px;
	}
}
/* Misc */
.seeCheckoutReduction { font-size: 0.9em; font-style: italic; }
.ThreeDSecureIFrame { border: none; height: 600px; width: 706px; }

/* =AJAX CALENDAR
   ----------------------------------------------------*/

.ajax__calendar_container { z-index : 100001; }
.ajax__calendar { z-index: 100000; }
.ajax__calendar .cms__today_disabled, 
.ajax__calendar .cms__date_disabled .ajax__calendar_day { cursor: default; }
.ajax__calendar .cms__date_disabled { color: #666; background: none; background-color: #EEE;  }


/* =PRODUCT GROUP
   ----------------------------------------------------*/
   
.productGroup { border: solid 1px #CCC; margin-bottom: 1em; }
/* - Tab content area */
.pGBList { padding: 8px; }
.pGBListItem { float: left; margin-bottom: 1.5em; }
.pGBListItem .productName, .pGBListItem .productPrice, .pGBListItem .productSummary, .groupProductBasket .productButtons { display: block; margin-left: 120px; }
.pGBListItem .productName, .pGBListItem .productPrice { padding-bottom: 0.5em; }
.pGBListItem .productPrice { color: #333; }
.pGBListItem .productName { font-weight: bold; }
.pGBListRow { float: left; width: 100%; }
.groupProductBasket { margin-bottom: 1em; }
.groupProductBasket .productImage { float: left; display: block; }


/* =LIGHTBOX
   ----------------------------------------------------*/
/* jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.4.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.4
 * @date November 17, 2007
 * @category jQuery plugin
 * @copyright (c) 2007 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
 
#jquery-overlay, #jquery-lightbox { position: absolute; left: 0; top: 0; display: none; width: 100%; }
#jquery-overlay { z-index: 9996; height: 500px; color: #666; }
#jquery-lightbox { z-index: 9997; line-height: 0; text-align: center; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; margin: 0 auto; height: 250px; width: 250px; background-color: #FFF; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; left: 0; top: 40%; height: 25%; width: 100%; line-height: 0; text-align: center; }
#lightbox-nav { position: absolute; left: 0; top: 0; z-index: 10; height: 100%; width: 100%; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { display: block; height: 100%; width: 49%; zoom: 1; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box 
{
	margin: 0 auto;
	padding: 0 10px;
	width: 100%;
	/* Change this depending on the base font family */
	font: 11px Verdana,Arial,Helvetica,Sans-serif;
	line-height: 1.091em;
	/* -- */
	background-color: #FFF;
	overflow: auto;
}
#lightbox-container-image-data { padding: 0; color: #666; }
#lightbox-container-image-data #lightbox-image-details { float: left; width: 60%; text-align: left; }	
#lightbox-image-details-caption { display: block; padding-bottom: 1em; font-weight: bold; }
/* this just shifts the counter up a line */
#lightbox-image-details-currentNumber { clear: left; display: block; margin-top: -1em; padding-bottom: 1em; }			
#lightbox-secNav-btnClose { float: right; height: 16px; width: 101px; }
#map { position: relative; overflow: hidden; }
#zoomer { position: absolute; height: 250px; width: 250px; opacity: 0.85; overflow: hidden; }   
#imgMover { position: absolute; }
.ui-tabs-hide { display: none; }
.enlarge { z-index: 999; }