/* General Styles Required by all pages */

body {margin:0px; padding:0px; font-size:80%;font-family:Arial;}
.Page {width:100%;margin:0px auto;padding-top:10px;}
.PageFooterBGContainer {width:100%;margin:0px auto;}
.PageInner {width:960px; margin:0px auto;background:#FFFFFF;}
.ContentContainer {padding-bottom:60px;}
.ContentContainer a {text-decoration:underline;}
p {margin:0 0 10pt 0;}
h1 {margin:0px 0px 0px 0px;}

.clear {clear:both;height:1px;}
img {border:0px;}

.ErrorMessage {display:block;padding:3px 8px; background:#DD0000;color:#FFFFFF;font-weight:bold;}
.ErrorMessage a{color:#FFFFFF;}
.Success {display:block;padding:3px 8px; background:#00DD00;color:#FFFFFF;font-weight:bold;}

.Hidden{display:none;}

a.ButtonStyle1 {padding:5px 20px;font-size:130%;font-weight:bold;text-decoration:none;display:inline-block;float:left;margin-top:20px;cursor:pointer;}
a.ButtonStyle2 {padding:5px 20px;font-size:130%;font-weight:bold;text-decoration:none;display:inline-block;float:right;margin-top:20px;cursor:pointer;}
a.ButtonStyle3 {padding:2px 20px;font-size:90%;font-weight:bold;text-decoration:none;display:inline-block;float:right;margin-top:20px;text-transform:uppercase;cursor:pointer;}
a.ButtonStyle4 {padding:2px 10px;font-size:80%;font-weight:bold;text-decoration:none;display:inline-block;float:right;margin-top:20px;cursor:pointer;}


/* Live Person hiding code */
.LiveChatProd .lpStaticButtonAddTextTD, 
.LiveChatProd .lpPoweredBy,
.LiveChatProd .lpEmtStarRating {display:none !important;height:0 !important;}


/* END */


/* Header Styles */

.Header {width:960px;height:75px;position:relative;}
.Header .Logo {position:absolute;top:10px;left:10px;}
.Header .PhoneIcon {position:absolute; left:377px; top:20px;}
.Header .PhoneDetails {position:absolute; left:420px; top:20px;}
.Header .PhoneDetails .PhoneNumber {font-size:160%;display:block;margin-bottom:0px;}
.Header .PhoneDetails .OpeningTimes {font-size:100%;text-transform:uppercase;display:block;font-weight:bold;}
.Header .LoginBasket {position:absolute; top:9px; right:16px;}
.Header .LoginBasket .Login {float:right;display:inline;padding-left:16px;margin-right:20px;}
.Header .LoginBasket .Basket {float:right;display:inline;padding-left:35px;font-weight:bold;}
.Header .LoginBasket a {text-decoration:none;}
.Header .LoginBasket a:Hover {text-decoration:underline;}
.Header .Search {position:absolute; top:38px;right:16px;width:250px;}
.Header .Search .TextInput {width:165px;height:20px;padding:5px 10px 0px 10px;border:0px;margin:0px;display:block;float:left;}
.Header .Search .SearchButton {width:45px;height:25px;margin:0px;display:block;float:left;}
.Header .LiveChatProd {position:absolute;top:21px;right:14px;}
.Header .HeaderKeyLinks {display:none;}
.Header .BasketSearchBG {display:none;}
.Header .HeaderLargeImage {display:none;}

.NavigationContainer {}
.NavigationContainer .Navigation {display:inline-block;position:inherit;left:0px;width:960px;height:30px;z-index:500;list-style:none;top:0px;}
.NavigationContainer .Navigation a {text-decoration:none;font-size:100%;font-weight:bold;display:block;padding:6px 20px 4px 20px;float:left;}
.NavigationContainer .Navigation a.HomeLink {padding:8px 20px 2px 20px;}

.NavigationContainer #NavBar {display:inline;margin:0px;padding:0px 0px 0px 0px; z-index:501;}
.NavigationContainer #NavBar li.MainLi                   {display:block; float:left;}
.NavigationContainer #NavBar li a.MainLink               {text-decoration:none;font-size:100%;font-weight:bold;display:block;padding:6px 20px 4px 20px;float:left;}

.NavigationContainer #NavBar table                       {border-collapse:collapse; padding:0; margin:0; left:0; top:0; position:absolute;}

.NavigationContainer #NavBar li:hover                    {z-index:502;position:relative;}
.NavigationContainer #NavBar a:hover                     {white-space:normal; z-index:503;position:relative;}

.NavigationContainer #NavBar :hover ul.SubLinks               {top:25px;padding:20px;white-space:nowrap;height:auto; z-index:900;left:0px;width:250px;}
.NavigationContainer #NavBar :hover ul.SubLinks li            {display:block;font-weight:bold;width:250px;}
.NavigationContainer #NavBar :hover ul.SubLinks li a          {display:block;width:235px;text-decoration:none;padding:0px 0px 0px 15px;margin-right:20px;height:30px;background:none;}
.NavigationContainer #NavBar :hover ul.SubLinks li a:Hover    {text-decoration:underline;}
.NavigationContainer #NavBar :hover ul.SubLinks li .NavTitle  {width:890px;font-weight:bold;padding-bottom:10px;margin-bottom:20px;}

.NavigationContainer #NavBar ul, 
.NavigationContainer #NavBar a:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.NavigationContainer .Navigation a.BlogLink {text-decoration:none;font-size:100%;font-weight:bold;display:block;padding:6px 0px 4px 30px;float:left;margin-left:20px;}



/* End */

/* Footer */

.Footer {height:200px;position:relative;}
.Footer .Links {position:absolute;top:30px;left:45px;}
.Footer .Links .Col {float:left;display:inline;margin-right:20px;width:140px;}
.Footer .Links .WideCol {float:left;display:inline;margin-right:20px;width:300px;}
.Footer .Links .Title {font-size:120%;font-weight:bold;height:40px;}
.Footer .Links {list-style:none;}
.Footer .Links a {display:inline-block;float:left;padding-left:16px;text-decoration:none;font-size:90%;width:130px;}
.Footer .Links a:Hover {text-decoration:underline;}
.Footer .Newsletter {position:absolute;top:30px;left:690px;}
.Footer .Visa {position:absolute;top:120px;left:691px;}

.Footer .Purenet {color:#FFFFFF;font-size:80%;position:absolute;top:180px;text-align:center;width:930px;}
.Footer .Purenet a {color:#FFFFFF;text-decoration:none;}
.Footer .Purenet a:Hover {text-decoration:underline;}

/* End */

/* Home Styles */

.HomeContent {}

/* End */

/* Left Nav Styles */

.LeftNav {width:256px;float:left;display:inline;}
.LeftNav .ContainerBox {width:256px;}
.LeftNav .ContainerBox .LeftNavTop {width:256px;height:16px;}
.LeftNav .ContainerBox .LeftNavBottom {width:256px;height:18px;}
.LeftNav .ContainerBox .Links {width:220px;margin:18px;min-height:1px;}
.LeftNav .ContainerBox .Links ul {margin:0px;padding:0px;text-indent:0px;}
.LeftNav .ContainerBox .Links ul.Level1 {}
.LeftNav .ContainerBox .Links ul.Level1 li {margin:0px 0px 0px 0px;font-weight:bold;font-size:120%;list-style:none;}
.LeftNav .ContainerBox .Links ul.Level1 li a {text-decoration:none;display:block;padding:4px 10px;}
.LeftNav .ContainerBox .Links ul.Level1 li .BlogLeftNavTitle {text-decoration:none;display:block;padding:4px 10px;}
.LeftNav .ContainerBox .Links ul.Level1 li a:Hover {text-decoration:underline;}
.LeftNav .ContainerBox .Links ul.Level2 {margin-left:10px;}
.LeftNav .ContainerBox .Links ul.Level2 li {list-style:none;font-size:80%;padding:0px;margin:10px 0px;}
.LeftNav .ContainerBox .Links ul.Level2 li a {text-decoration:none;margin:0px 10px 0px 0px; padding:0px 0px 0px 20px;display:block;}
.LeftNav .ContainerBox .Links ul.Level2 li a.Ancester {padding-bottom:4px;}
.LeftNav .ContainerBox .Links ul.Level2 li a:Hover {text-decoration:underline;}
.LeftNav .ContainerBox .Links ul.Level3 {margin-left:30px;}
.LeftNav .ContainerBox .Links ul.Level3 li {list-style:none;background:none;font-weight:normal;}
.LeftNav .ContainerBox .Links ul.Level3 li a {text-decoration:none;font-weight:normal;padding:0px 10px;margin-bottom:3px;}
.LeftNav .ContainerBox .Links ul.Level3 li a.First {margin-top:10px;}
.LeftNav .ContainerBox .Links ul.Level3 li a.Ancester {border:0px;font-weight:bold;padding:0px 10px;}
.LeftNav .ContainerBox .Links ul.Level3 li a:Hover {text-decoration:underline;}

.RecentlyViewedLeft .SimilarProducts {margin-top:30px;margin-left:20px;padding-top:10px;width:217px;}
.RecentlyViewedLeft .SimilarProducts .Title {font-weight:bold;margin-bottom:20px;padding-left:10px}
.RecentlyViewedLeft .SimilarProducts .ProductSmallSummary {float:left;display:inline;width:215px;margin-right:20px;padding-bottom:10px;margin-bottom:10px;}
.RecentlyViewedLeft .SimilarProducts .ProductSmallSummary .image {float:left;display:inline;width:100px;height:100px;}
.RecentlyViewedLeft .SimilarProducts .ProductSmallSummary .title {font-weight:bold;font-size:90%;height:60px;width:110px;overflow:hidden;}
.RecentlyViewedLeft .SimilarProducts .ProductSmallSummary .title a {text-decoration:none;}
.RecentlyViewedLeft .SimilarProducts .ProductSmallSummary .title a:Hover {text-decoration:underline;}
.RecentlyViewedLeft .SimilarProducts .ProductSmallSummary .price {font-size:160%;font-weight:bold;}
.RecentlyViewedLeft .SimilarProducts .ProductSmallSummary .price .WasPrice {color:#676767;font-size:60%;display:block;text-decoration:line-through;}
.RecentlyViewedLeft .SimilarProducts .ProductSmallSummary .price .NowPrice {color:#DD0000;display:block;font-size:60%;}

/* End */

/* Category Styles */
#ProductListAjaxLoader                  {position:absolute; top:50px; left:300px; text-align:center; z-index:1000; display:none;}
#ProductListAjaxLoader .LoadingImage    {}
#ProductListAjaxLoader .LoadingText     {color:#4479A3;font-size:120%;margin-top:20px;}


/* Inner Templates */

.BreadCrumbTrail {width:924px;padding:6px 18px;}
.BreadCrumbTrail .BreadcrumbLeft {float:left;display:inline;width:698px;}
.BreadCrumbTrail .YouAreHere {font-weight:bold;}
.BreadCrumbTrail a {}
.BreadCrumbTrail a.Current {text-decoration:none;font-weight:bold;}
.BreadCrumbTrail a:Hover {}
.BreadCrumbTrail .ButtonStyle3 {margin-top:0px;}

.BreadCrumbTrail .ProductEmailAFriend {cursor:pointer;float:right;display:inline;padding-top:2px;}
.BreadCrumbTrail .ProductEmailAFriend a.EmailAFriend {width:114px;height:11px;display:block;}

.InnerContent {width:670px;margin:16px 0px 16px 4px;float:left;display:inline;}

/* End */




/* COMPONENTS */



/* IMAGE SCROLLER */

.ImageScroller .ImagesHolder {width:100%;margin-bottom:0;height:1%;height:210px;}
.ImageScroller .ImagesHolder:after {content:".";display:block;height:0;visibility:hidden;clear:both;}   

.ImageScroller .ImagesHolder .LeftArrow	{float:left;display:inline;cursor:pointer;vertical-align:middle;width:50px;height:155px;padding:56px 0px 0px 20px;position:relative;z-index:200;}

.ImageScroller .Images {float:left;display:inline;position:relative;height:210px;}
.ImageScroller .Images .ScrollerItem {position:absolute; top:30px; margin-right:5px;width:320px;height:150px;}

.ImageScroller .ImagesHolder .RightArrow {float:right;display:inline;cursor:pointer;vertical-align:middle;width:50px;height:155px;text-align:right;padding:56px 20px 0px 0px;position:relative;z-index:200;}

/* End */

/* Prod List Component */

.ProductList .ProductSummary {width:220px;height:417px;position:relative;float:left;display:inline;}
.ProductList .ProductSummary .Title {position:absolute;top:11px;left:20px;width:180px;height:32px;overflow:hidden;}
.ProductList .ProductSummary .Title h2 {font-size:100%;margin:0px;padding:0px;}
.ProductList .ProductSummary .Title a {text-decoration:none;font-weight:bold;font-size:100%;}
.ProductList .ProductSummary .Title a:Hover {text-decoration:underline;}
.ProductList .ProductSummary .Image {position:absolute;top:54px;left:15px;width:191px;height:127px;}
.ProductList .ProductSummary .OverlayImage {position:absolute;top:54px;left:104px;width:101px;height:89px;}
.ProductList .ProductSummary .Icons {position:absolute;top:252px;left:15px;}
.ProductList .ProductSummary .Lowerpanel {position:absolute;top:302px;left:15px;clear:both;}
.ProductList .ProductSummary .Lowerpanel .Description {margin-left:2px;width:184px;font-size:90%;height:32px;overflow:hidden;}
.ProductList .ProductSummary .Lowerpanel .Price {font-weight:bold;font-size:160%;margin-top:3px;text-align:right;height:30px;width:180px;}
.ProductList .ProductSummary .Lowerpanel .Price .WasPrice {color:#676767;font-size:60%;display:block;text-decoration:line-through;}
.ProductList .ProductSummary .Lowerpanel .Price .NowPrice {color:#DD0000;font-size:80%;display:block;}
.ProductList .ProductSummary .Lowerpanel .Price .FromPrice {font-size:80%;display:block;}
.ProductList .ProductSummary .Lowerpanel .BottomLine {clear:both;}
.ProductList .ProductSummary .Lowerpanel .BottomLine .Compare {float:left;display:inline;font-weight:bold;font-size:85%;padding-top:9px;}
.ProductList .ProductSummary .Lowerpanel .BottomLine .Button {float:right;display:inline;display:block;text-align:right;width:120px;margin:6px 4px 0px 0px;}
.ProductList .ProductSummary .Lowerpanel .BottomLine .Button a {width:120px;height:43px;margin-left:2px;text-align:right;display:block;}

/* End  */

/* Tabbed Horizontal Variant Display */

.TabbedVariantDisplayContainer .TabbedVariantDisplayHeader {height:39px;padding-left:16px;clear:both;}
.TabbedVariantDisplayContainer .TabbedVariantDisplayTabOff, .TabbedVariantDisplayContainer .TabbedVariantDisplayTabOn {float:left;display:inline;cursor:pointer;height:36px;padding:3px 60px 0px 20px;font-weight:bold;margin-right:10px;}
.TabbedVariantDisplayContainer .TabbedVariantDisplayTabInner {display:block;padding:10px 0px 10px 36px;}
.TabbedVariantDisplayContainer .TabbedVariantDisplayBody {width:902px;height:192px;padding:18px 0px 0px 40px;clear:both;}
.TabbedVariantDisplayContainer .TabbedVariantDisplayBody .VariantContainer {float:left;display:inline;font-weight:bold;width:150px;margin-right:25px;}
.TabbedVariantDisplayContainer .TabbedVariantDisplayBody .VariantContainer a {border:1px solid #FFFFFF;text-decoration:none;display:block;width:140px;padding:5px;}
.TabbedVariantDisplayContainer .TabbedVariantDisplayBody .VariantContainer .VariantImage {height:100px;width:100px;margin-bottom:6px;text-align:center;margin-left:20px;position:relative;}
.TabbedVariantDisplayContainer .TabbedVariantDisplayBody .VariantContainer .VariantImage .OverlayImage {position:absolute;top:0px;right:0px;}
.TabbedVariantDisplayContainer .TabbedVariantDisplayBody .VariantContainer .VariantName {text-decoration:none;height:26px;font-size:80%;overflow:hidden;cursor:pointer;}
.TabbedVariantDisplayContainer .TabbedVariantDisplayBody .VariantContainer .VariantPrice {font-size:120%;}
.TabbedVariantDisplayContainer .TabbedVariantDisplayBody .VariantContainer .VariantPrice .WasPrice {color:#676767;font-size:70%;display:block;text-decoration:line-through;}
.TabbedVariantDisplayContainer .TabbedVariantDisplayBody .VariantContainer .VariantPrice .NowPrice {color:#DD0000;display:block;font-size:80%;}

/* End */

/* Site Map */

.SiteMap a {text-decoration:none;display:block;color:#555555;}
.SiteMap a:Hover {text-decoration:underline;}
.SiteMap a.Main {background:#F1EFB5;padding:2px 10px;margin-bottom:4px;margin-top:20px;}
.SiteMap a.SubMain {margin-left:20px;background:#F1EFB5;padding:2px 10px;margin-bottom:4px;margin-top:20px;}
.SiteMap a.Main:Hover {background:#eee;}
.SiteMap a.SubMain:Hover {background:#eee;}
.SiteMap a.SubInner2 {margin-left:40px;margin-bottom:3px;}
.SiteMap a.SubInner3 {margin-left:60px;margin-bottom:3px;}
.SiteMap a.SubInner4 {margin-left:80px;margin-bottom:3px;}

.SiteMap span {display:block;color:#769016;}
.SiteMap span.SubMain {margin-left:20px;background:#F1EFB5;padding:2px 10px;margin-bottom:4px;margin-top:20px;}


/* End */

/* Email COmponents */
.UserDetailForm .Table .Row{width:350px;  clear:both; display:inline;}
.UserDetailForm .Table .Row .Column{float:left; display:inline;margin-bottom:5px;}
.UserDetailForm .Table .Row .Column1{width:125px;}
.UserDetailForm .Table .Row .Column2{width:215px;}
.UserDetailForm .Table .Row .Column2long{width:415px;}
.UserDetailForm .Table .Row .Column2 input{width:210px;}

.TextInput .Label{font-weight:bold;margin-bottom:5px;}
.ABCForm .Question{font-weight:bold;}
.ABCForm .Answers select{margin-top:5px;}

.UploadPanel .Label{font-weight:bold;margin-bottom:5px;}
/* End Email Components */

/* Newsletter Signup Component */

.NewsletterSignupComponent .Table .Row {width:350px;}
.NewsletterSignupComponent .Table .Row .Column {width:150px;float:left;display:inline;margin-bottom:4px;}
.NewsletterSignupComponent .Table .Row .Column .Mandatory {color:#DD0000;}

/* End */



/* Product Scroller */

.ProductScroller .ImagesHolder {width:100%;margin-bottom:0;height:1%;height:170px;background:url(../Images/Layout/ProdScroller_BG.gif) repeat-x top left;}
.ProductScroller .ImagesHolder:after {content:".";display:block;height:0;visibility:hidden;clear:both;}   

.ProductScroller .ImagesHolder .LeftArrow	{float:left;display:inline;cursor:pointer;vertical-align:middle;width:40px;height:170px;position:relative;z-index:200;}

.ProductScroller .Images {float:left;display:inline;position:relative;height:170px;}
.ProductScroller .Images .ScrollerProduct {position:absolute; top:5px; margin-right:10px;width:124px;height:150px;}
.ProductScroller .Images .ScrollerProduct .Image {width:124px;height:124px;position:relative;}
.ProductScroller .Images .ScrollerProduct .Image .OverlayImage {position:absolute;top:0px;right:0px;}
.ProductScroller .Images .ScrollerProduct .Name {margin-top:2px;text-align:center;overflow:hidden;height:32px;}
.ProductScroller .Images .ScrollerProduct .Name a {text-decoration:none;}
.ProductScroller .Images .ScrollerProduct .Name a:Hover {text-decoration:underline;}

.ProductScroller .ImagesHolder .RightArrow {float:right;display:inline;cursor:pointer;vertical-align:middle;width:40px;height:170px;text-align:right;position:relative;z-index:200;}

/* End */


/* ToolTip */

#tt {position:absolute; display:block; background:url(../images/Layout/tt_left.gif) top left no-repeat;z-index:2001;}
#tttop {display:block; height:5px; margin-left:5px; background:url(../images/Layout/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(../images/Layout/tt_bottom.gif) top right no-repeat; overflow:hidden}

/* End */