@import url(/SiteData/Root/Css/visitbritain.css);

/* VB EXCEL (ROW)
   ----------------------------------------------------*/

/* -- NOTE! Replace all local strings with /@@@/Image/ when complete -- */

/* =TOP LEVEL
   ----------------------------------------------------*/

/* Strong typing here - need to see if the preview overide is doing something untoward */   
body { background: #000 none !important; }
#Sheet { margin: 0 auto 1em auto; width: 762px; }
#Outer { padding: 2px; width: 758px; background-color: #FFF; }

/* =TYPOGRAPHY
   ----------------------------------------------------*/

h1 { border: none; padding-bottom: 0; margin-bottom: 1em; color: #222; }
h1 a { color: #222; text-decoration: none; }
/* Shared typographic styles */
#Content h3 { color: #59636E; }
a { color: #25A0D5; }
/* process titles */
.orange { color: #3CF; }
#Content h1.accountTitle, #Content h1.processTitle { color: #222; }
#Content .processTitle { background: url(/SiteData/excel-world/Image/Site/xl_processTitleNumIcon.gif) no-repeat left top; }
h2.paymentTitle { background: url(/SiteData/excel-world/Image/Site/xl_paymentTitleHeaderBg.gif) no-repeat left top; }
/* Table & table-like titles */
#Content .shopTableTitle, .shopTable th, .invoiceAddressTable th, 
.deliveryAddressTable th, #Content .createFullAccount h3, #Content .receiptCreateFullAccount h3
{
	border-bottom: solid 1px #CCC;
	color: #FFF;
	background-color: #25A0D5;
}

/* =COMMON ELEMENTS
   ----------------------------------------------------*/

/* hide these elements */
#lightbox-secNav-btnClose img
{
	display: none !important;
	visibility: hidden !important;
}
/* button */
.button, button, input.button
{
	font-weight: normal;
	color: #333;   
}
/* 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 .viewOrderBtn { color: #25A0D5; }
/* common styles */
/* bulleted links */
#Content .productLinklist input, .backLink, .next, .previous, .returnLink { background: url(/SiteData/excel-world/Image/Site/xl_bulletIcon.gif) no-repeat left 55%; }
/* -bullet reversed */
.backLink, .previous, .returnLink { background: url(/SiteData/excel-world/Image/Site/xl_bulletRevIcon.gif) no-repeat left 55%; }
/* -- special buttons (consider moving this) */
.sideColumn .miniBasket .button,
.accountLink, .printLink, .basketLink, .backToShopLink,
.product .buyBtn, .basket .checkoutBtn, .basket .continueBtn,
.createCustomer .continueBtn, .payment .button,
.categorySlider .buyBtn, .product .addAllToBasket,
.product .buyNowBtn, .catDBody .buyBtn, .product .showMapBtn,
.shopResults .buyBtn, .sideColumn .customerLogin .button,
.sideColumn .currencyLinkBtn   
{
	border: solid 1px #055AD0;
	width: 178px;
	color: #FFF;
	font-weight: bold;
	text-align: left;
	background: #25A0D5 url(/SiteData/excel-world/Image/Site/xl_arwBtnBlueBg.gif) no-repeat right 50%;
}
.basket .continueBtn, .basket .checkoutBtn, .product .addAllToBasket, .product .buyNowBtn, .sideColumn .customerLogin .button, .createCustomer .continueBtn, .payment .button { width: 200px; }
.basket .checkoutBtn, .createCustomer .continueBtn, .payment .button { float: right; }
.basket .checkoutBtn { font-size: 12px !important; background: #25A0D5 url(/SiteData/excel-world/Image/Site/xl_arwBtnBlueBg.gif) no-repeat right 50%; }
.basket .continueBtn { color: #FFF; text-align: right; background: #25A0D5 url(/SiteData/excel-world/Image/Site/xl_arwBtnRevBlueBg.gif) no-repeat left 50%; }
.sideColumn .customerLogin .button { position: static;  float: right !important; margin: 0; padding: 2px 24px 4px 10px; width: 136px; color: #FFF; background: #25A0D5 url(/SiteData/excel-world/Image/Site/xl_arwBtnBlueBg.gif) no-repeat right 50%; }
.product .addAllToBasket, .product .buyNowBtn { line-height: 1em; background: #25A0D5 url(/SiteData/excel-world/Image/Site/xl_arwBtnBlueBg.gif) no-repeat right 50%; }
.product .showMapBtn, .product .buyBtn { padding-bottom: 5px; padding-top: 4px; width: 130px; line-height: 1em; background: #25A0D5 url(/SiteData/excel-world/Image/Site/xl_arwBtnBlueBg.gif) no-repeat right 50%; }
.categorySlider .buyBtn { float: none; padding-right: 28px; width: 125px; color: #FFF; text-align: right; text-decoration: none; background: #25A0D5 url(/SiteData/excel-world/Image/Site/xl_arwBtnBlueBg.gif) no-repeat right 50%; }
.catDBody .buyBtn, .shopResults .buyBtn { float: none; width: 62px; padding-right: 24px; line-height: 1em; background: #FEFF00 url(/SiteData/excel-world/Image/Site/xl_arwBtnBlueBg.gif) no-repeat right 50%; text-decoration: none; }
.printLink, .accountLink, .backToShopLink, .basketLink { padding-bottom: 5px; padding-top: 3px; font-size: 1.1em; }
#Content .currencyLinkBtn { background: #25A0D5 url(/SiteData/excel-world/Image/Site/xl_arwBtnBlueBg.gif) no-repeat right 50%; }
#Header .accountLink, #Header .basketLink, #Header .backToShopLink { border-color: #000; padding-bottom: 4px; padding-top: 2px; color: #FFF; background: #25A0D5 url(/SiteData/excel-world/Image/Site/xl_arwBtnBlueBg.gif) no-repeat right 50%;  }
/* Specifically for VB */
/* progress bar for payment */
.progressBar { border: solid 1px #FFF; border-left: none; border-right: none; background-color: #FFF; }
.progressBar ul li  { color: #222; font-weight: bold; background: url(/SiteData/excel-world/Image/Site/xl_progressBarBg.gif) no-repeat right 50%; }
.progressBar ul li.activeFirst, .progressBar ul li.activeSecond, .progressBar ul li.activeThird { color: #FFF; }
.progressBar ul li.activeFirst { background: url(/SiteData/excel-world/Image/Site/xl_progressBarActiveBg.gif) no-repeat right 0; }
.progressBar ul li.activeSecond { background: url(/SiteData/excel-world/Image/Site/xl_progressBarActiveBg.gif) no-repeat right -23px; }
.progressBar ul li.activeThird { background: url(/SiteData/excel-world/Image/Site/xl_progressBarActiveBg.gif) no-repeat right -46px; }
/* bulleted list */
.bulletList a, .conversionLink, .conversionLinkNJS { background: url(/SiteData/excel-world/Image/Site/xl_roundBulletIcon.gif) no-repeat left 70%; }
/* side col modules */
.sideColumn .customerLogin, .sideColumn .searchBox,
.sideColumn .shopSearchBox, .sideColumn .registerLink,
.sideColumn .archiveDateTree, .sideColumn .curSelHolder, 
.sideColumn .contentHolder, .sideColumn .featuredProducts,
.sideColumn .relatedProducts, .sideColumn .linkList,
.sideColumn .tabContent, #Header .contentHolder
{
	padding: 10px;
	background: #FFF none;
}
#Header .contentHolder { border-color: #333; padding-bottom: 7px; margin-bottom: 0;  }
.sideColumn .customerLogin .linkList { border: none; margin: 0; padding: 0; background: none; }
.subColumn .payment { border: solid 1px #004FCF; border-top: none; }
.subColumn .warningBox { border-top: none; }
/* welcome banner (for excel) */
.welcomeBanner { border: solid 1px #CCC; }
.welcomeBanner img { display: block; }
   
/* =HEADER
   ----------------------------------------------------*/

/* SiteQuicklinks */
#SiteQuickLinks  
{
	padding: 4px 0;
	color: #7A7A7A;
	background-color: #000;
}
#SiteQuickLinks a { color: #3CF; }
#SiteQuickLinks .accountLinks li { border-left: solid 1px #7A7A7A; }
/* Header */
#Header 
{
	margin: 0;
	padding: 6px 5px 5px 0;
	height: 109px;
	width: 753px;
	background: #000 url(/SiteData/excel-world/Image/Site/xl_headerBg.gif) no-repeat left top;
}
#Header .homeLink { left: 22px; top: 16px; width: 178px; height: 94px; text-indent: -9999px; }
#Header .headerNav { width: 502px; width: 497px; }
/* -Header searchbox */
#Header .searchBox .button { text-indent: -9999px; background: url(/SiteData/excel-world/Image/Site/xl_hSearchBtnBg.gif) no-repeat left top; }
/* -Header miniBasket */
#Header .miniBasket { background: #FFF none; border: solid 1px #333; border-top: none; height: 37px; }
/* -Header proceessLinks */
#Header .processLinkHolder .contentHolder { height: 25px; margin-bottom: 8px; }
#Header .processLinkHolder .contentHolder a { color: #222; }
/* Navigation */
#Navigation { border-top: solid 1px #7A7A7A; border-bottom: solid 1px #000; margin-bottom: 0; background: #7A7A7A url(/SiteData/excel-world/Image/Site/xl_navBgTile.gif) repeat-x left top;  }
#Navigation a { color: #FFF; }
/* -Tabs within navigation */ 
#Navigation td { border-right: solid 1px #666; height: 44px; }
/* --variations for ENCORE & CREST */
.encore #Navigation, .crest #Navigation { background-image: url(/SiteData/excel-world/Image/Site/xl_navBgTile.gif); }
/* -Tab hover states */
#Navigation td.over, #Navigation td.firstover, #Navigation td.lastover { background: #000 url(/SiteData/excel-world/Image/Site/xl_navTileActive.jpg) repeat-x left top; }
#Navigation td.firstover { background-position: left top; }
#Navigation td.lastover { background-position: left top; }
/* -Sub navigation */
#Navigation .subNav { top: 44px; border: solid 2px #075CD0; }
#Navigation .subNav li a { color: #222 !important; }
#Navigation .subNav li a:hover { color: #FFF !important; background-color: #25A0D5; }
/* --For side columns */
#Header .modTitle, #ColumnRight .modTitle, #Content #ColumnRight .productGroup h2, #Content .processSubTitle, #Content .createCustomer h2 { color: #FFF; background: #3CF none; }
#Header .mbTitle, #Header .pLTitle  { color: #FFF; background: #000 none; }
/* Sub navigation */
#SubNavigation { border-top: solid 2px #FFF; color: #BBB; background-color: #6C7986; }
#SubNavigation a { color: #FFF; text-decoration: none; }

/* =CONTENT LAYOUT
   ----------------------------------------------------*/

#Content { margin-bottom: 2px; color: #222; background-color: #6C7986; }
/* Hp & 3 Column */
#MMT, #MB, #MRB  { padding-bottom: 1em; margin-bottom: 2em; background: #FFF none; }
/* text */
#ColumnMain1Col #MMW .text { border: solid 1px #CCC; border-bottom: none; padding: 10px 9px 0 9px; background-color: #FFF; }
#ColumnMainHp div .text, #MRB .text { padding: 10px 9px 0 9px; }
#ColumnMainHp #MMB .text { padding: 0; }

/* =FOOTER
   ----------------------------------------------------*/
   
/* Footer navigation */
.footerNavigation { color: #FFF; background-color: #171717; }
.footerNavigation h3 { color: #FFF; }
.footerNavigation ul li a, .footerNavigation .uLList a, .footerNavigation .fPList .productListingName { color: #25A0D5; }

/* =SHOP FORMS
   ----------------------------------------------------*/

/* Currency Selector Form */
.sideColumn .curSelHolder .button { background: url(/SiteData/excel-world/Image/Site/xl_hSearchBtnBg.gif) no-repeat left top; }
/* Customer Login Form (specifically for the side columns) */
.sideColumn .customerLogin .shopForm { border: none; padding: 0 0 10px 0; }
.customerLogin .linkList ul li { color: #27404F; }
/* - special case for the buying process */
.processContent #ML .createCustomer { background: #FFF none;  }

/* =MODULES
   ----------------------------------------------------*/

/* -Parent of current node styling (top level) */
#Content .SiteNavigation li.CurrentParent a.CurrentParent, #Content .SiteNavigation li.Current a.Current { color: #142634; }
/* --Left and right columns */
.sideColumn .SiteNavigation li.CurrentParent a.CurrentParent, .sideColumn .SiteNavigation li.Current a.Current { color: #FFF; background: #004FCF url(/SiteData/excel-world/Image/Site/xl_siteNavActiveBg.gif) no-repeat right top; }
.sideColumn .SiteNavigation li a { background: #333 url(/SiteData/excel-world/Image/Site/xl_siteNavBg.gif) no-repeat right top; }
#Content .sideColumn .SiteNavigation li.CurrentParent a.CurrentParent, #Content .sideColumn .SiteNavigation li.Current a.Current { color: #FFF; }
/* link list */
.linkList { color: #27404F; }

/* =SHOP MODULES
   ----------------------------------------------------*/
   
.categorySlider .productContainer { border: solid 1px #CCC; border-bottom: none; padding: 6px 5px 0 5px; height: 174px; background: none; }
.categorySlider .productListing .productButtons { bottom: 0; left: -1px; }
/* -Product details */
.product .productType, .product .productCode, .product .productPrice { color: #142634; }
/* Alternating Product Listings Styles + Shop Results */
.alternateFirst .productListingDesc, .alternateSecond .productListingDesc, .shopResults .productListingDesc { padding-bottom: 0.5em; }
.alternateFirst .productListingPrice, .alternateSecond .productListingPrice, .shopResults .productListingPrice   { margin-right: 108px; }
#Content .alternateFirst .productButtons, #Content .alternateSecond .productButtons, .shopResults .productButtons { float: right; width: 98px; }
/* -Popup Window */
.closeWinBtn { background: url(/SiteData/excel-world/Image/Site/xl_closeBtnIcon.gif) no-repeat right 50%; }

/* =SHOP TABLES
   ----------------------------------------------------*/
   
.shopTable span.QuantityAdjust a { background-color: #25A0D5; }
.shopTable .totalRow td { color: #222; }


/* =LIGHTBOX
   ----------------------------------------------------*/
			
#lightbox-secNav-btnClose { float: right; background: url(/SiteData/excel-world/Image/Site/xl_closeBtnIcon.gif) no-repeat left top; height: 16px; width: 16px; }
/* Product Group Styles */
.productGroup { margin-bottom: 1em; }
.tabBar table { width: 100%; }
.tabBar th, #Content .productGroup h2.tabTitle { background: #222 url(/SiteData/excel-world/Image/Site/xl_prodGrpTabBg.gif) no-repeat 50% -56px; }
.tabBar th { border-left: solid 1px #333; border-right: solid 1px #111; cursor: pointer; }
#Content .productGroup h2.tabTitle { color: #27404F; font-size: 1em; background-position: 0 0; }
#Content .sideColumn .productGroup h2.tabTitle { font-size: 1.2em; }
.tabBar th a { color: #FFF; }
.tabBar th.active a, .tabBar th.firstactive a, .tabBar th.lastactive a { color: #25A0D5; } 
/* - Tab content area */
.tabContent  { display: none; border-color: #FFF; border-bottom: solid 1px #FFF; padding: 12px 10px 11px 10px; }
.tabContent .shopTable th { color: #FFF; background: #25A0D5 none;  }
/* - for the side columns -*/
#ColumnRight .tabContent { border: none; }
/* - for the Main Column HP -*/
#Sheet .mainColumn .productGroup { padding-bottom: 0; background: none; }
/* TabbedProduct */
.product .productHead, .staticProduct, .categoryDisplay .catDBody, .shopResults, .contentResults { border: none; padding: 12px 11px 0 11px; background-color: #FFF; }
