html, body{ width: 100%; height: 100%; text-align: center; margin: 0; padding: 0;}
body{ background: #EAE8E4;}
.ContentWrapperRightTD .H1Class /*Top heading editable area*/{ padding: 1px 0 9px 0;}
.ContentWrapperRightTD h1{ padding: 3px 0 9px 0;}
.ContentWrapperRightTD h2, .ContentWrapperRightTD h5{ padding: 3px 0 3px 0;}
.ContentWrapperRightTD h4{ padding: 7px 0 3px 0;}
a{ cursor: pointer;}
.ErrorTxt{ color: #ff0000;}
.button{ background:url(/images/buttons/buttons.gif) no-repeat 0 0; }
.icon{ background:url(/images/icons.gif) no-repeat 0 0; }
.bgSprite{ background:url(/images/bg-sprite2.png) no-repeat 0 0; }
.blueArrow{ background:url(/images/white-arrow.gif) no-repeat right 5px; padding-right:13px;}
/* -----------------------------Layout Styles-------------------------- */
.HeaderWrapper{ height:63px; }
.OuterWrapper{ background: url( "/Images/nz-valley-header.jpg" ) no-repeat top center;}
.Wrapper{ width: 997px; padding-top: 34px;}
.LogoImage{ width: 183px; height: 64px; background: url("/Images/new-zealand-nature-logo.gif" ) no-repeat 0 0;}
.HeaderRightDiv{ width: 808px;}
.HeaderRightTopDiv{ height: 35px; background: #505050;}
.HeaderGreyNavDiv{ width: 333px; position: relative; top: 2px;}
.HeaderTopRightDiv{ width: 450px; position: relative; right: 8px; top: 8px;}
.HeaderRightBotDiv{ margin-top: 5px;}
.HeaderWhiteNavDiv{ width: 582px; height: 24px; background: #FFF;}
.ContentOuterWrapper{ padding-top: 6px;}
.ContentTopBG{ height: 3px; background-position: 0 -26px; }
.ContentWrapper{ background: #FFF; text-align: center;}
.ContentWrapperTable{ width: 988px;}
.ContentWrapperLeftTD{ width: 178px;}
.ContentWrapperMidTD{ width: 5px;}
.ContentWrapperRightTD{ width: 804px;}
.TopImageEditDiv{ line-height: 0px;}
.ContentBotBG{ height: 3px; background-position: 0 -29px;}
.ContentDarkOuterWrapper{ padding-top: 7px;}
.ContentDarkTopBG{ height: 4px; background-position:0 0;}
.ContentDarkBotDiv{ height: 28px; background: #505050;}
.ContentDarkBotDiv table{ line-height: 30px;}
.ContentDarkBotBG{ height: 4px; background-position:0 -4px; }
.FooterTopDiv span{ display: none;}
.FooterBotDiv{}
/* --------------------End Layout Styles------------------------- */
/* ------------------------Left Area-----------------------*/
.productFilter{ margin:8px;}
.SignUpText, .SignUpText td a, .SignUpText td a:link, .SignUpText td a:active, .SignUpText td a:hover, .SignUpText td a:visited{ color: #000000;}
.SideNavWrapper{ background: #EEE url("/Images/side-title-top.gif") no-repeat 0 0; padding-top: 4px;}
.SideTitleDiv{ width: 178px; background: #505050;}
.SideTitleDiv .ArialWhite12Bold{ width: 157px; position: relative; left: 10px; top: -1px; line-height: 21px;}
.SideNavBottomDiv{ height: 4px; background-position:-707px -22px;}
.SideNavInnerWrapper{ width: 169px; padding-top: 5px; position: relative; }
.SideNavTopDiv{ height: 3px; background-position:0 -8px;}
.SideNavBotDiv{ height: 3px; background-position:0 -11px;}
.SidePanelWrapper{ padding-top: 8px;}
.SidePanelTopDiv{ height: 5px; background-position: -169px -8px;}
.SidePanelMainDiv{ background: #F7F7F7;}
.SidePanelMainInnerDiv{ width: 152px;}
.SidePanelMainInnerDiv .ArialBlue11Bold{ line-height: 22px;}
.SidePanelSkuTable{ position: relative; left: 6px;}
.SidePanelSkuTable td{ width: 75px;}
.SidePanelSeparator{ height: 12px; background: url( "/Images/side-panel-black-dots.gif" ) no-repeat 0 8px;}
.SidePanelBotDiv{ height: 5px; background-position: -169px -13px;}
.SocialIconsDiv{ padding: 12px 0 0 0;}
.SocialIconsDiv{ position: relative; right: 7px;}
.SidePanel2Div{ padding-top: 10px;}
/* --------------------------end Left Area ------------------------*/
/* ---------------------Bottom Panel--------------------------- */
.BottomPanelTable td{ text-align: left; vertical-align: top;}
.BottomPanelTable ul, .BottomPanelTable ul li{ margin: 0; padding: 0; list-style-type: none;}
.BottomPanelTable ul li{ padding: 1px 0 2px 9px; background: url( "/Images/bullet-grey.gif" ) no-repeat 0 8px;}
.BottomPanelLeftSpacerTD, .BottomPanelRightSpacerTD{ width: 15px;}
.BottomPanelSpacerTD{ width: 30px;}
.BottomPanelLeftTD{ width: 255px;}
.BottomPanelMidTD{ width: 406px;}
.BottomPanelRightTD{ width: 246px;}
.BottomPanelHeadTR td{ height: 49px; vertical-align: middle; background: #505050;}
.BottomPanelBodyTR td{ padding: 16px 0 16px 0;}
.BottomPanelListTable td{ padding: 0;}
.BottomPanelContentDiv{ background: url( "/Images/content-dark-main-bg.gif" ) repeat-y 0 0;}
/* --------------------End Bottom Panel-------------------------- */
/* -----------------------Searchbox/Currency Selector----------------------------- */
.SearchBoxTable{ width: 214px; margin:0 3px; background: #EAE8E4; height:20px;}
.SearchBox{ width: 186px; height: 18px; max-height: 18px; border: 0; background: #EAE8E4; color: #505050; font: normal 11px Arial, Sans-Serif; padding: 2px 0 0 2px; margin:0; position:relative; left:1px;}
.SearchButton{ width: 28px; height: 18px; display: block; margin: 0; background-position:-66px -329px; cursor: pointer; border:none;}
.CurrencySelectDiv{ width: 200px; position: relative; right: 5px; bottom: 1px;}
.CurrencySelectMenuWrapper{ margin-left: 8px;}
.CurrencySelectDiv .ArialWhite11Bold{ line-height: 22px;}
/* -----------------------End Searchbox/Currency Selector--------------------------- */
/* -------------------------Side Cart-------------------------------*/
.SideCartItems{ display: block; text-align: left; padding: 0 0 0 7px;}
.SideCartDropImgTD img{}
.SideCartDropImgTD a{}
.SideCartDiv{ width: 222px; height: 24px; /*background: #0089D0;*/ position: relative; z-index: 50;}
.SideCartTextDiv{ width: 145px; position: relative; left: 1px;}
.SideCartTextDiv .ArialWhite11Bold{ line-height: 24px;}
.SideCartCheckoutButton{ position: relative; right: 8px; top: 3px;}
.SideCartDropdownDiv{ width: 222px; }
#EntireCart{background-color:#0089D0;}
#SlideCartWrap{ overflow:hidden; position:absolute; width:200px; left:0px; top:24px;}
.SideCartPanel,.SideCartEmptyPanel{ z-index:50; position:relative; background-color:#0089D0; overflow:hidden; }
.SideCartDropdownWrap{ position: absolute; top:0px; left: 0px; background: #EEE; z-index:49;}
.SideCartDropdownInner{ width: 212px; overflow:hidden; }
.SideCartDropImgTD{ width: 55px;}
.SideCartTotals{ padding: 8px 0 10px 62px; font-weight: bold;}
.SideCartPanelWrap{ overflow:hidden; }
.SideCartTotals div div{ font-weight: normal; width: 57px; text-align: right; float: left;}
.SideCartTotals .Label{ font-weight: bold; width: 91px; text-align: left; float: left;}
.SideCartDropTextTD a, .SideCartDropTextTD a:active, .SideCartDropTextTD a:link, .SideCartDropTextTD a:visited
{ color: #2B2A2A; font: bold 12px/14px Arial, Sans-Serif; text-decoration: none;}
.SideCartDropSep{ height: 2px; border-top: 1px solid #DFDFDF;}
.SideCartDropdownInner .ArialBlue12Bold{ padding-left: 3px; line-height: 32px;}
.PromotionsWrapper{ background: #0089D0; padding: 12px 0 12px 0; margin-bottom: 5px;}
.PromotionsInner{ width: 186px;}
/* -------------------------end Side Cart-------------------------------*/
/* --------------------------Default Template------------------------*/
.BreadcrumbDiv{ background: url( "/Images/page-title-bg.gif" ) repeat-x 0 0; padding-top: 8px;}
.DefaultContentWrapper{ width: 776px; padding-bottom: 7px;}
.DefaultContentWrapper img{ display: block;}
/* --------------------------end Default Template------------------------*/
/* ------------------------------Panel Template ---------------------*/
.PanelContentWrapper{ width: 987px;}
.PanelContentDiv{ width: 925px; padding: 20px 0 20px 0;}
.PanelContentDiv h1{ border-bottom: 1px solid #CCC; padding: 0 0 5px 0; margin-bottom: 12px;}
.PanelDefaultContentDiv{ width: 900px; position: relative; left: 20px;}
/* ------------------------------end Panel Template ---------------------*/
/* ------------------------------Search Results -----------------------*/
.SearchResultsDiv{ padding-left: 7px;}
.ProdListInnerImgTD{ text-align: left; vertical-align: top; width: 116px; height: 172px; padding-left: 1px;}
.ProdListInnerInfoTopTD{ text-align: left; vertical-align: top;}
.ProdListInnerInfoBotTD{ text-align: left; vertical-align: bottom;}
.ProdListItemDiv{ width: 365px;}
.ProdListInnerTable{ width: 345px;}
.TheSearchPanel .ProdListItemTop{ background: url("/Images/search-list-item-top.gif") no-repeat 0 0;}
.TheSearchPanel .ProdListItemBot{ background: url("/Images/search-list-item-bot.gif") no-repeat 0 0;}
.ContentWrapperRightTD .TheSearchPanel ul, .ContentWrapperRightTD .TheSearchPanel ul li{ margin: 0; padding: 0; background: none;}
/* ------------------------------end Search Results -----------------------*/
/* --------------------------Contact Page -----------------------------*/
.ContactFormWrapper{ width: 400px; border-right: 1px solid #EEE; padding-right: 14px;}
.ContactFormWrapper, .ContactEditWrapper{ margin-top: 20px;}
.ContactTable{ float: right;}
.ContactTable .SubmitButton{ margin-top: 12px;}
.ContactAddressDiv{ width: 300px; position: relative; left: 20px;}
.ContactEditWrapper{ width: 340px; position: relative; left: 24px;}
/* ------------------------end Contact Page ------------------------------*/
/* ---------------------------Signup Page --------------------------------*/
.PanelTopEditDiv{ width: 646px; position: relative; left: 20px; margin-bottom: 20px;}
.PanelFormTop{ height: 4px; background: url( "/Images/panel-form-top.gif" ) no-repeat 0 0;}
.PanelFormMain{ background: url( "/Images/panel-form-bg.gif" ) repeat-y 0 0; padding: 12px 0 12px 0;}
.SignupFormLeftDiv{ width: 414px;}
.SignupFormRightDiv{}
.PanelFormBot{ height: 4px; background: url( "/Images/panel-form-bot.gif" ) no-repeat 0 0;}
.PanelBotEditDiv{ width: 666px; position: relative; right: 20px; padding: 20px 0 20px 0;}
.PanelFormMainInner{ width: 848px;}
/* ---------------------------end Signup Page --------------------------------*/
/* ----------------------------Header Title Area -----------------------*/
.HeaderDarkWrapper{ width: 804px; height: 188px; position: relative;}
.HeaderDarkWrapper img{ z-index: 1;}
.HeaderDarkTitleWrapper{ width: 580px; height: 88px; position: absolute; top: 55px; left: 0px; z-index: 3;}
.HeaderDarkTitleWrapper td{ padding: 0 25px 0 25px;}
.HeaderDarkTitleBg{ width: 580px; height: 88px; position: absolute; top: 50px; left: 0px; background: url("/Images/header-dark-bg.png" ) repeat-x 0 0; z-index: 2;}
.HeaderDarkTitleLogo{ width: 223px; height: 186px; position: absolute; top: 0px; right: 178px; background: url("/Images/header-dark-logo.png" ) repeat-x 0 0; z-index: 4;}
/* ----------------------------end Header Title Area -----------------------*/
/* -------------------------Login Box---------------------------*/
.LoginTable, .LogoutTable{ margin-left: 20px;}
.LoginTable td{ height: 30px; vertical-align: middle;}
/* -------------------------end Login Box---------------------------*/
/* ---------------------------Form Styles ------------------------------*/
.FormTextBox{ width: 210px; height: 22px; max-height: 22px; margin: 0; border: 1px solid #CCC; color: #484848; font: normal 12px Arial, Sans-Serif; padding: 3px 0 0 2px;}
.FormTextarea{ width: 210px; height: 190px; max-height: 190px; margin: 0; border: 1px solid #CCC; color: #484848; font: normal 12px Arial, Sans-Serif; padding: 3px 0 0 2px;}
.FormSelectMenu{ width: 210px; min-width: 212px; height: 22px; max-height: 22px; margin: 0; color: #484848; font: normal 12px Arial, Sans-Serif; padding: 3px 0 0 2px; border: 1px solid #CCC;}
.SubmitButton{ width: 66px; height: 32px; background: url( "/Images/Buttons/submit.gif" ) no-repeat 0 0; margin: 0; border: 0; cursor: pointer; display: block;}
.SubmitButtonLong{ width: 146px; height: 22px; background: url( "/Images/Buttons/submit-long.gif" ) no-repeat 0 0; margin: 0; border: 0; cursor: pointer; display: block;}
.PayNowButtonLong{ width: 146px; height: 43px; background: url( "/Images/Buttons/pay-now.gif" ) no-repeat 0 0; margin: 0; border: 0; cursor: pointer; display: block;}
.QtyBox{ width: 20px; height: 18px; max-height: 18px; border: 1px solid #E1E2E4; color: #666; font: normal 11px Arial, Sans-Serif; padding: 1px 0 0 4px;}
.SignupLeftTable td{ height: 28px;}
.SignupLeftTable td span img{ display: none;}
.SignupLeftTable .FormTextBox{ width: 186px; border: 1px solid #DFE1E3;}
.SignupLeftTable select.FormTextBox{ width: 186px; min-width:189px; height: 24px; min-height:22px; color: #484848; font: normal 12px Arial, Sans-Serif; border: 1px solid #DFE1E3; padding: 2px 0 0 0;}
.SignupLeftTable .Arial11{ height: 40px;}
.SignupRightTable td{ height: 22px;}
.SignupRightTable label{ color: #000000; font: normal 11px/14px Arial, Sans-Serif;}
.GiftCardTable td{ padding: 3px 0 3px 7px;}
/* ---------------------------end Form Styles ------------------------------*/
/* ----------------------------List Styles----------------------------- */
.ContentWrapperRightTD ul, .ContentWrapperRightTD ul li, .DefaultContentWrapper ul, .DefaultContentWrapper ul li
{ margin: 0; padding: 0; list-style-type: none;}
.ContentWrapperRightTD ul{ display: block;}
.ContentWrapperRightTD ul li{ color: #323232; font: normal 12px/18px Arial, Sans-Serif; padding-left: 12px; background: url( "/Images/list-square-grey.gif" ) no-repeat 0 7px;}
.DefaultContentWrapper ul{ width: 690px; position: relative; left: 25px;}
/* ------------------------------end List Styles------------------------------- */
/* -----------------------Side Navigation-------------------------- */
.SideNavMainDiv{ background: #FFF;}
.SideNavMainDiv ul, .SideNavMainDiv li{ margin: 0; padding: 0; list-style-type: none;}
.SideNavMainDiv ul{ width: 160px; position: relative; left: 9px;}
.SideNavMainDiv ul li{ line-height: 13px; padding: 2px 0 2px 0;}
.SideNavMainDiv ul li a, .SideNavMainDiv ul li a:active, .SideNavMainDiv ul li a:link, .SideNavMainDiv ul li a:visited
{ color: #0089D0; font: bold 11px/14px Arial, Sans-Serif; text-decoration: none; cursor: pointer;}
.SideNavMainDiv ul li a:hover,
.SideNavMainDiv ul .Selected a, .SideNavMainDiv ul .Selected a:active, .SideNavMainDiv ul .Selected a:link, .SideNavMainDiv ul .Selected a:visited
{ text-decoration: underline;}
.SideNavMainDiv ul li ul{ width: 163px; left: -6px; top: 2px;}
.SideNavMainDiv ul li ul li ul{ width: 162px; left: 0; background: #ffffff; border-top: solid 1px #ffffff; line-height: 14px;}
.SideNavMainDiv ul li ul li{ width: 162px; background: #ffffff url( "/Images/sub-cat-nav-arrow.gif" ) no-repeat 7px 7px; line-height: 14px; padding: 2px 0 2px 0; margin: 0;}
.SideNavMainDiv ul li ul li a,
.SideNavMainDiv ul li ul li a:active, .SideNavMainDiv ul li ul li a:link, .SideNavMainDiv ul li ul li a:visited,
.SideNavMainDiv ul .Selected ul li a, .SideNavMainDiv ul .Selected ul li a:active, .SideNavMainDiv ul .Selected ul li a:link, .SideNavMainDiv ul .Selected ul li a:visited
{ color: #3F3F3F; font: normal 11px/14px Arial, Sans-Serif; position: relative; left: 13px; width:148px; display: block; text-decoration: none;}
.SideNavMainDiv ul li ul .AltMenuItem{ background: #F6F6F6 url( "/Images/sub-cat-nav-arrow.gif" ) no-repeat 7px 7px;}
.SideNavMainDiv ul li ul li a:hover, .SideNavMainDiv ul .Selected ul li a:hover,
.SideNavMainDiv ul .Selected ul .Selected a, .SideNavMainDiv ul .Selected ul .Selected a:active, .SideNavMainDiv ul .Selected ul .Selected a:link, .SideNavMainDiv ul .Selected ul .Selected a:visited
{ color: #0089D8; text-decoration: underline;}
/* --------------------------end Side Navigation------------------------- */
/* ------------------------------- Link Styles-------------------------- */
.BottomPanelTable a, .BottomPanelTable a:active, .BottomPanelTable a:link, .BottomPanelTable a:visited, .ContentWrapper a, .ContentWrapper a:active, .ContentWrapper a:link, .ContentWrapper a:visited
{ color: #0089D0; text-decoration: none; font-weight: bold;}
.HeaderGreyNavDiv, .HeaderGreyNavDiv a, .HeaderGreyNavDiv a:active, .HeaderGreyNavDiv a:link, .HeaderGreyNavDiv a:visited
{ color: #FFF; font: bold 11px/32px Arial, Sans-Serif; text-decoration: none; padding: 0 7px 0 7px;}
.BlueHeaderSmallInner a, .BlueHeaderSmallInner a:active, .BlueHeaderSmallInner a:link, .BlueHeaderSmallInner a:visited, .DarkHeaderSmallInner a, .DarkHeaderSmallInner a:active, .DarkHeaderSmallInner a:link, .DarkHeaderSmallInner a:visited
{ color: #FFF; font: bold 13px/28px Arial, Sans-Serif; text-decoration: none; padding-right: 7px; margin-right: 0;}
.BlueHeaderSmallInner a{ background: url( "/Images/white-arrow-blue.gif" ) no-repeat 95% 6px;}
.DarkHeaderSmallInner a{ background: url( "/Images/white-arrow-grey.gif" ) no-repeat 95% 6px;}
.ArrowLink:active, .ArrowLink:link, .ArrowLink:visited{ color: #0089D0;text-decoration: none;}
.FooterTopDiv a, .FooterTopDiv a:active, .FooterTopDiv a:link, .FooterTopDiv a:hover{ color: #3A3A3A; font: normal 11px/36px Arial, Sans-Serif; text-decoration: none; padding: 0 7px 0 7px;}
.FooterBotDiv, .FooterBotDiv a, .FooterBotDiv a:active, .FooterBotDiv a:link, .FooterBotDiv a:visited, .FooterBotDiv .Separator
{ color: #5E5D5B; font: normal 11px/13px Arial, Sans-Serif; text-decoration: none; padding: 0 3px 0 3px;}
.BreadcrumbDiv, .BreadcrumbDiv a, .BreadcrumbDiv a:active, .BreadcrumbDiv a:link, .BreadcrumbDiv a:visited
{ color: #505050; font: normal 11px/13px Arial, Sans-Serif; text-decoration: none;}
a.ArialBlue14, a.ArialBlue14:active, a.ArialBlue14:link, a.ArialBlue14:visited
{ color: #0089D0; text-decoration: none;}
/* ------Hover Styles-------- */
.BottomPanelTable a:hover, .ContentWrapper a:hover, .FooterTopDiv a:hover, .FooterBotDiv a:hover,
.BreadcrumbDiv a:hover, a.ArialBlue14:hover, a.Arial11:hover, .HeaderGreyNavDiv a:hover,
.BlueHeaderSmallInner a:hover, .DarkHeaderSmallInner a:hover, .ContentWrapper .ArrowLink:hover, .ArrowLink:hover
{ text-decoration: underline;}
.BlueHeaderSmallInner a:hover, .DarkHeaderSmallInner a:hover{ }
.ContentWrapper .ArrowLink:hover, .ArrowLink:hover{ }
/* --------end Hover Styles---- */
/* -----------------------------End Link Styles--------------------------------- */
/* -----------------------------Error Styles-------------------------------- */
.DetailsWrapper .ValidateError{ float:left; white-space:nowrap; }
.validationWrap{ overflow:hidden; }
.ValidateError, .ValidateError ul, .ValidateError ul li, .ErrorMessage, .errorbox, .LoginError
{ list-style-type: none; margin: 0; padding: 0; color: #F00; font: normal 12px/18px Arial, Sans-Serif; display: block; clear: both; float: none; vertical-align: middle; background: none;}
.ValidateError img, .errorbox img{ display: none;}
/* ---------------------------end Error Styles---------------------------------- */
/*----------------------------Generic Classes------------------------------ */
.BN{ border: none;}
.CB{ clear: both;}
.CB1{clear: both; height: 1px; overflow: hidden; margin-bottom: -1px;}
.CP{ cursor: pointer;}
.DB{ display: block;}
.DI{ display: inline;}
.DN{ display: none;}
.FL{ float: left;}
.FN{ font-weight: normal;}
.FR{ float: right;}
.H30{ height: 30px;}
.H50{ height: 50px;}
.LT{ text-decoration: line-through;}
.MA{ margin-left: auto; margin-right: auto;}
.OH{ overflow: hidden;}
.PA{ position: absolute;}
.PR{ position: relative;}
.TC{ text-align: center;}
.TL{ text-align: left;}
.TR{ text-align: right;}
.VB{ vertical-align: bottom;}
.VM{ vertical-align: middle;}
.VT{ vertical-align: top;}
.WNW{ white-space: nowrap;}
.W100{ width: 100%;}
/* -----------------------------End Generic Classes--------------------------- */
/* --------------------------Top Navigation------------------------------ */
.RadMenu_max{ width: 564px; position: relative; left: 11px; top: 2px;}
.RadMenu_max .item /*every */{ padding-right: 1px;}
.RadMenu_max .link, .RadMenu_max .link:active, .RadMenu_max .link:link, .RadMenu_max .link:visited /*a inside */{
color: #323232; font: normal 11px/20px Arial, Sans-Serif; text-decoration: none; cursor: pointer; padding: 0 4px 0 4px;}
.RadMenu_max .link:hover{ color: #EEE; background-color: #666;}
.TopNavSeparator{ width: 1px; height: 20px; background: url( "/Images/top-nav-sep.gif" ) no-repeat 0 6px; display: block;}
.RadMenu_max .group /*second level */{ background: url( "/Images/top-nav-expanded.gif" ) repeat 0 0; border: 1px solid #676767; margin: 0; padding: 0;}
.RadMenu_max .group .item /*second level - */{ display: block; line-height: 20px; height: 20px; margin: 0 1px 0 1px; padding: 0;}
.RadMenu_max .group .first{ padding-top: 1px;}
.RadMenu_max .group .last{ padding-bottom: 1px;}
.RadMenu_max .group .link, .RadMenu_max .group .link:visited, .RadMenu_max .group .link:link /*second level inside
- */
{ color: #EEE; font: normal 12px/20px Arial, Sans-Serif; background: url( "/Images/top-nav-white-arrow.gif" ) no-repeat 6px 9px; padding: 0 7px 0 0;}
.RadMenu_max .group .link:hover, .RadMenu_max .group .focused, .RadMenu_max .group .expanded
{ color: #EEE; background: #0089D1 url( "/Images/top-nav-white-arrow-hover.gif" ) no-repeat 6px 9px;}
.RadMenu_max .group .link span{ margin-left: 7px;}
.RadMenu_max .group .item span{ padding-left: 7px;}
/* --------------------------end Top Navigation------------------------------ */
/* ---------------------------Left Panel Sku Filter---------------------------*/
.CPFilterDL a, .CPFilterDL a:active, .CPFilterDL a:link, .CPFilterDL a:visited
{ color: #3F3F3F; font: normal 11px/14px Arial, Sans-Serif;}
/* ---------------------------end Left Panel Sku Filter---------------------------*/
/* ---------------------------Tab System---------------------------*/
#TabSystem #Menu{ height: 30px;}
#TabSystem #Menu ul{ margin: 0; padding: 0; list-style: none;}
#TabSystem #Menu ul li{ padding: 0; background: #ffffff; padding: 0 3px 0 0;}
#TabSystem #Menu li{ float: left; height: 30px;}
#TabSystem #Menu li a{ display: block; clear: both; height: 30px; line-height: 30px; vertical-align: middle; background-position: -106px -45px; font-family: Arial, Sans-Serif; color: #ffffff; font-size: 12px; text-decoration: none; font-weight: bold; text-indent: 20px; width: 106px;}
#TabSystem #Menu li a.active,#TabSystem #Menu li a:hover{ display: block; color: #484848; background-position: 0 -45px; text-indent: 20px; height: 30px; line-height: 30px; width: 106px;}
#TabSystem .tab{ background: #f0f0f0; padding: 24px; display: none; overflow: hidden;}
#TabSystem .tab iframe{ border:none;}
#TabSystem div.active{ display: block;}
#TabSystem .tab #tblActions{ clear: left;}
#TabSystem p{ margin:5px 0; padding:5px 0;}
#TabSystem h3{ padding-bottom:7px;}
/* ---------------------------end Tab System---------------------------*/
/*----------------Cart Popup Windows----------------------*/
/*#fancy_close{ display:none !important;}*/
.CartCustomisationFieldWrap textarea{ overflow:hidden;}
.LightwindowInner.ArialBlue14{ float:left;}
.LightwindowInner .SaveButton{ float:right;}
.LightwindowInner textarea{ font-family:Arial; color:#000; font-size:12px; }
.LightwindowInner .pnlPopup .SaveButton{ background:url(/images/buttons/regular.gif) no-repeat 0 0; margin-left:10px; width:120px; height:22px; line-height:22px; text-align:center; font-family:Arial; color:#000; font-size:12px; text-decoration:none; }
.LightwindowInner p.theMessage{ overflow:hidden; font-family:Arial; color:#F00; font-size:12px; }
.LightwindowInner p.theMessage span.message{ float:right;}
/* ------------------------Homepage----------------------------- */
.HomeMainWrapper{ padding-top: 7px;}
.HomeMainColumn{ width: 397px;}
.BlueHeaderSmallLeft{ width: 5px; background: url("/Images/blue-header-small-left.gif") no-repeat 0 0;}
.BlueHeaderSmallRight{ width: 5px; background: url("/Images/blue-header-small-right.gif") no-repeat 0 0;}
.BlueHeaderSmallInner{ width: 387px; background: url("/Images/blue-header-small-bg.gif") repeat-x 0 0;}
.DarkHeaderSmallLeft{ width: 3px; background: url("/Images/dark-header-small-left.gif") no-repeat 0 0;}
.DarkHeaderSmallRight{ width: 3px; background: url("/Images/dark-header-small-right.gif") no-repeat 0 0;}
.DarkHeaderSmallInner{ width: 391px; background: url("/Images/dark-header-small-bg.gif") repeat-x 0 0;}
.HomePanelWrapper{ padding-top: 4px;}
.HomePanelTopDiv{ height: 6px; background-position:0 -32px;}
.HomePanelMainDiv{ background: url("/Images/home-panel-bg.gif") repeat-y 0 0; padding: 6px 0 6px 0;}
.HomePanelBotDiv{ height: 6px; background-position:0 -38px;}
.HomeMainHeaderWrapper{ padding-top: 6px;}
.BlueHeaderLargeLeft{ width: 47px; background: url("/Images/blue-header-large-left.gif") no-repeat 0 0;}
.BlueHeaderLargeRight{ width: 5px; background: url("/Images/blue-header-large-right.gif") no-repeat 0 0;}
.BlueHeaderLargeInner{ width: 345px; background: #0089D0; overflow:visible;}
.GreenHeaderLarge{ background: url("/Images/green-fern-header.gif") no-repeat 0 0px; overflow:visible;}
.BlueHeaderLargeEdit, .GreenHeaderLargeEdit{ float: left; width: 340px; height: 44px; overflow: hidden; position: relative; left: 5px; top: 7px; overflow:visible;}
.GreenHeaderLargeEdit{ width: 342px; left: 50px; overflow:visible;}
.HomeColouredTable{ margin-top: 3px;}
.HomeColouredTableTD{ text-align: left; vertical-align: top; padding: 15px 30px 15px 12px;}
.LeftTable{ background: #F8F8F8;}
.RightTable{ background: #F6F7E7;}
.HomePanelInnerTable{ width: 333px; height: 339px;}
.HomePanelInnerTable td{ padding-top: 3px;}
.HomePanelInnerTable .ImgWrapper{ width: 100px;}
.HomePanelInnerTable .ImgWrapper .TopBG{ height: 5px; background: url("/Images/home-panel-img-top.gif") no-repeat 0 0;}
.HomePanelInnerTable .ImgWrapper .ImgBG{ background: url("/Images/home-panel-img-bg.gif") repeat-y 0 0;}
.HomePanelInnerTable .ImgWrapper .BotBG{ height: 5px; background: url("/Images/home-panel-img-bot.gif") no-repeat 0 0;}
.HomePanelInnerTable .original{ display: block; font-weight: normal; font-size: 11px;}
.HomePanelInnerTable .sale{ display: block; line-height: 15px;}
.HomePanelInnerTable .original .price{ text-decoration: line-through}
.HomePanelTextTD{ padding-left: 10px;}
.HomePanelTextTD .ArialGrey14Bold{ line-height: 30px;}
.HomeBottomListWrapper .TopLine{ height: 20px; background: #F8F8F8 url("/Images/home-bot-table-top.gif") repeat-x 0 2px;}
.HomeBottomListWrapper .BotLine{ height: 20px; background: #F8F8F8 url("/Images/home-bot-table-bot.gif") repeat-x 0 100%;}
.HomeBottomListDiv ul, .HomeBottomListWrapper ul li{ margin: 0; padding: 0; list-style-type: none;}
.HomeBottomListDiv ul li{ width: 260px; color: #484848; font: italic 12px/18px Arial, Sans-Serif; float: left; background: url("/Images/testi-list.gif") no-repeat 0 2px;}
.HomeBottomListDiv ul li p{ margin-left: 33px;}
/* home pool products */
#PoolProducts{ overflow:hidden; padding-top:5px;}
#PoolProducts div.pool { float:left; width:260px; padding-right:10px;}
#PoolProducts div.last{ padding-right:0; float:right;}
/* -------------------------Rotator---------------------------- */
#CycleWrapper{ width:708px; height:210px; overflow:hidden; }
#CycleWrapper img{ width:800px; height:210px;}
#CycleWrapper div.nav{ position:absolute; bottom:13px;right:17px; }
#CycleWrapper div.nav a { background:url(/Images/rotator-navigation2.png) no-repeat 0 0; float:left; margin-left:5px; text-indent:-100px; overflow:hidden; width:18px; height:18px; outline:none; }
#CycleWrapper div.nav a#Next{ background-position: -40px 0px; }
#CycleWrapper div.nav a#Next:hover{ background-position: -40px -18px; }
#CycleWrapper div.nav a#Pause.paused{ background-position:-20px -18px}
#CycleWrapper div.nav a#Pause { background-position:-20px -0px }
#CycleWrapper div.nav a#Prev{ background-position: 0px 0px; }
#CycleWrapper div.nav a#Prev:hover{ background-position: 0px -18px;}
#CycleWrapper{width: 804px; position:relative; }
#CycleWrapper div.item{position:relative;}
#CycleWrapper div.item h2 {display:block;position:absolute;top:30px;left:30px;color:#fff;height:100px;width:660px;line-height:100%;background:url("/data/media/images/nznature/home rotator/billboard-text-bg.png") repeat-x 0 70px; }
#CycleWrapper div.item h3 {display:block;position:absolute;top:110px;left:30px;color:#fff;width:660px;}
#CycleWrapper div.item a.more{position:absolute;display:block;top:170px;left:30px;}
#CycleWrapper div.item a.more span{display:block;background:orange;color:#fff;width:111px;height:21px;text-indent:-1000px;overflow:hidden;background:url("/data/media/images/nznature/home rotator/btn-view-more.gif")}
#CycleWrapper div.item a.more:hover span{background-position:0 -21px;}
#CycleWrapper .nav { z-index:30;}
#CycleWrapper .nav a {display:block;background:#fff;}
* html .#CycleWrapper div.item a.more{zoom:1}
/* These are standard sIFR styles... do not modify */
.sIFR-flash {visibility: visible !important;margin: 0;}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden;}
.sIFR-flash + div[adblocktab=true] {display: none !important;}
.sIFR-hasFlash .bannerContent h2 {visibility: hidden;height: 100px;width: 660px;}
/* ----------------------end Rotator -------------------------*/
/* ---------------------end Homepage--------------------------- */
/* ---------------------product display--------------------------- */
.currencySitePanel{ clear:left; padding-top:10px;}
.ProdDispWrapper .BreadcrumbDiv{ border-bottom: 1px solid #EEE; padding-bottom: 9px; margin-bottom: 14px;}
.ProdDispLeftDiv{ width: 400px;}
.ProdDispRightDiv{ width: 400px;}
.ProdDispBlueLine{ background-color:#F4F4F4; height:3px; margin-bottom:4px;}
.ProdDispTopLinks{ position: relative; top: 9px; right: 12px;}
.PrintPageLink{ position: relative; right: 12px; background-position: 0 1px; height:12px; width:66px; display:block; text-indent:-9999px; }
.ProdDispSkuArea{ width: 190px;}
.ProdDispDropDown{ width: 162px; height: 24px; color: #484848; font: normal 12px Arial, Sans-Serif; border: 1px solid #626262;}
.SkuSelectorWrapper{ background: url( "/Images/horiz-sep-grey.gif" ) repeat-x 0 0; margin-top: 14px; padding-top: 12px;}
.SkuSelectorWrapper .Arial11Bold{ line-height: 18px;}
.SkuSelectorWrapper .MA{ width: 166px;}
.ProdDispQtyDiv{ padding: 12px 0 12px 0;}
.AddToCartDiv{ position: relative; bottom: 2px; right: 9px;}
.addItemToCart{ background-position:0 -47px; width:86px; height:21px; display:block;}
.ViewCartLinkDiv{clear:right;}
.ViewCartLinkDiv a{ display:block; background-position:0 -68px; width:86px; height:21px;}
.RolloverMessageDiv{ width: 150px; position: relative; right: 49px; top: 7px;}
#ZoomIcon{ background-position:0 -383px; height:20px; width:23px; }
.RolloverMessageDiv img{ position: relative; top: 1px;}
.BackToCatLink{ position: relative; left: 25px; top: 5px;}
.RelatedProdWrapper{ width: 179px; margin: 7px 0 7px 0; position: relative; right: 2px;}
.RelProdTop{ height: 3px; background-position: -707px -18px;}
.RelProdMain{ background: #EEE; padding: 12px 0 0 0;}
.RelProdInner{ width: 160px;}
.RelProdInner p{ border-bottom: 1px solid #DCDCDC; padding-bottom: 3px; margin-bottom: 7px;}
.RelatedProductsList{ padding-top: 12px; }
.RelatedProductsList img{ margin: 5px 0 2px 0; }
.RelatedProductsList p{ text-align: center; }
.RelatedProductsList p a{ margin: 0 auto; }
.RelProdBot{ height: 3px; background-position: -707px -22px;}
.ProductTabArea{ width: 615px; margin-top: 20px;}
.NonSalePricePanel{ width: 237px;}
.SalePricePanel .PriceSpan{ display: block;}
.supplementaryLinks{ position: absolute; bottom: 9px; right: 22px; height: 18px; width:145px;}
.supplementaryLinks a:hover{ border-bottom: 1px solid #333;}
.RelatedProduct, a:link.RelatedProduct, a:active.RelatedProduct, a:hover.RelatedProduct, a:visited.RelatedProduct
{ font-weight: normal; text-decoration: none; color: #484848; cursor: pointer;}
.PersonalisationTB{ width: 100%; height: 70px; font-family: Arial, Sans-Serif; font-size: 12px; color: #5d5d5d; border: 0;}
.PersonalisationBG{ background: url( "/images/PersonalisationBG.gif" ) no-repeat 0 0; width: 183px; margin: 7px 0 0 0; position:relative; right:3px;}
.PersonalisationContainer{ width: 170px; margin: 0 0 0 5px;}
.PersonalisationBG span{ font-family: Arial, Sans-Serif; font-size: 12px; color: #ffffff; font-weight: bold; display: block; line-height: 35px; text-indent: 15px;}
.PersonalisationCountDown, .PersonalisationBG .PersonalisationCountDown{ line-height: 15px; font-size: 12px; color: #000000; font-weight: normal; font-family: Arial, Sans-Serif; text-align:right;}
.EmailPageLink{ position: relative; left: 12px; display:block; width:69px; height:12px; background-position: 0 -13px; text-indent:-9999px;}
#ProductDetails #ProductImage{width:390px;float:left; min-height:300px; }
#ProductDetails #ProductHeaderInfo{float:right;width:400px; position:relative;}
#ProductDetails #RelatedProducts {overflow:hidden;width:190px;float:right; }
#ProductDetails #SkuInfo {width:200px;float:left;padding-left:10px;}
#ProductDetails #DetailedInfo {float:left;padding:30px 0 10px 0;width:610px;}
#ProductDetails #ProductImage .MainImageTable{ width:390px; clear:both; display:block;}
#ProductDetails #ProductImage .MainImageTable .MainImageTD{ text-align:center;}
#ProductDetails #ProductImage .MainImageTable .MainImageTD .MainProductImage{ margin:0 auto;}
#ProductDetails #ProductImage .MainImageTable .MainImageTD .MagicZoom{ min-width:390px;}
#ProductDetails #Promotions p{ color:#0089D0; font-size:14px; padding-bottom:3px; margin-bottom:3px; }
#ProductDetails #PromotionsSep {background:url("/Images/horiz-sep-grey.gif") repeat-x ;height:5px;overflow:hidden;}
.SelectedPrice{ white-space:nowrap; padding:7px 0; color:#0089D0; font-weight:bold; }
.SelectedPrice .original,.SelectedPrice .original *{ color:#484848; font-weight:normal; }
.SelectedPrice .original .price{ text-decoration:line-through; }
.SelectedPrice .sale{ position:relative; left:10px;}
#PD_Pop #ProductDetails{color:#616161;font-family:Arial,Sans-Serif;font-size:12px;text-align:left;}
#PD_Pop #ProductDetails #ProductImage{width:auto;float:none;}
#PD_Pop #ProductDetails #ProductHeaderInfo{float:none;width:auto; position:relative; color:#0089D0;float:left;font-family:Arial,Sans-Serif;font-size:20px;margin-bottom:0;margin-top:40px;width:200px;}
#PD_Pop #ProductDetails #RelatedProducts {overflow:visible;width:auto;float:none; }
#PD_Pop #ProductDetails #SkuInfo {width:200px;float:left;padding-left:10px;}
#PD_Pop #ProductDetails #DetailedInfo {float:left;padding:30px 0 10px 0;width:auto;}
#PD_Pop #ProductDetails #ProductImage{ float:left;margin-top:20px;padding-top:20px;width:213px;}
#PD_Pop #ProductDetails #ProductImage .MainImageTable{ width:auto; clear:none; display:table;}
#PD_Pop #ProductDetails #ProductImage .MainImageTable .MainImageTD{ text-align:center;}
#PD_Pop #ProductDetails #ProductImage .MainImageTable .MainImageTD .MainProductImage{ margin:0 auto;}
#PD_Pop #ProductDetails #ProductImage .MainImageTable .MainImageTD .MagicZoom{ min-width:390px;}
#PD_Pop .RolloverMessageDiv{ display:none;}
.fullProductLink{ display:none;}
#fbLikeFrame {width:380px;height:34px;overflow:hidden;margin: 0 0 0 20px;position:relative;float:right;left:-20px;}
#fbLikeFrame div {float:left;}
#fbLikeFrame div.NewIn {width:10px;overflow:hidden;width:93px;line-height: 24px;}
/* ---------------------end product display--------------------------- */
/* ---------------------shopping cart--------------------------- */
.CartWrapper, .CartTopEditDiv{ width: 800px;}
.CartTopEditDiv{ padding-top: 10px; margin-top: 7px; border-top: 1px solid #EEE;}
.CartTable{ width: 100%;}
.CartTable td{ vertical-align: middle;}
.CartTableMainTR td{ height: 70px;}
.backOrder td{ background: #E7FFBB; }
.backOrder td span.backOrder{ color:#F00; font-weight:bold; display:block;}
.backOrder td.CartMainTotalTD{ background:#DCEEF8; }
.CartTableMainTR .CartFirstTD{ /*width: 28px;*/ width: 55px; background: #f7f7f7;}
.CartFirstTD a{ font-size: 10px;}
.CartSeparatorDiv{ width: 100%; height: 1px; max-height: 1px; border-top: 1px solid #CCC; overflow: hidden; display: block; clear: both;}
.CartTable .CartHeaderTR td, .CartTable .CartHeaderTR th{ height: 35px; background: url( "/Images/cart-table-header-bg.gif" ) repeat-x 0 0;}
.CartTable .CartHeaderTR .CartFirstTD{ /*width: 28px;*/ width: 55px; background: url( "/Images/cart-table-header-bg-left.gif" ) repeat-x 0 0;}
.CartTable .CartHeaderTR .CartTotalTD{ width: 97px; color: #FFF; background: #0089D1; padding-right: 10px;}
.CartTable .CartHeaderTR .CartGiftWrapTD, .CartTable .CartHeaderTR .CartGiftCardTD{ width: 76px; border-left: 1px solid #CCC;}
.CartTableImageTR td{ padding: 3px 0 3px 0;}
.CartTable .TL a, .CartTable .TL a:link, .CartTable .TL a:active, .CartTable .TL a:hover, .CartTable .TL a:visited
{ font-weight: normal; color: #484848;}
.CartImageTD{ width: 75px;}
.CartSizeTD{ width: 55px;}
.CartColourTD, .CartPriceTD{ width: 65px;}
.CartQtyTD{ width: 50px;}
.CartNetTD{ width: 60px;}
.CartMainGiftTD{ background: #F7F7F7;}
.CartMainTotalTD{ background: #DCEEF8; padding-right: 10px;}
.replaced{ text-decoration:line-through; color:#999;}
.CartBottomArea{ padding-top: 12px;}
.CartVoucherWrapper{ width: 444px; padding-bottom: 7px;}
.CartVoucherTop{ height: 4px; background-position:-347px -8px;}
.CartVoucherMain{ background: url( "/Images/cart-voucher-bg.gif" ) repeat-y 0 0; padding: 3px 0 5px 0;}
.CartVoucherInner{ width: 340px;}
.CartVoucherInner td{ height: 25px; text-align: left; vertical-align: middle;}
.CartVoucherInner img{ position: relative; right: 9px; margin-top: 2px;}
.VoucherTextBox{ width: 185px; border: 1px solid #E0E1E3;}
.CartVoucherBot{ height: 4px; background-position:-347px -12px;}
.CartTotalsTable{ width: 340px; float: right;}
div.taxInfoMessage{ float:right; clear:right; padding-right:10px; white-space:nowrap;width:340px; text-align:right;}
div.taxInfoMessage p{ font-size:80%; margin-bottom:3px; }
.CartTotalsTable td{ height: 25px; vertical-align: middle; text-align: right; padding-right: 10px;}
.CartBottomLinks{ padding-top: 12px;}
.CartBottomText{ width: 474px; position: relative; left: 7px;}
.CartContShopBut{ position: relative; top: 10px; left: 7px; width:150px; height:30px; background-position:0 -269px;}
.CartCheckoutButton{ position: relative; right: 7px; top: 10px; height:30px; width:104px; background-position:0 -299px;}
.CartCustomisationField{ width: 100%;}
.CartCustomisationFieldWrap{ margin-bottom: 15px;}
.CartDescTD{ /*width: 142px;*/}
input.updateCart{ margin-top:5px; border:none; background-position:0 -239px; width:144px; height:30px; cursor:pointer; }
.CartSizeTD, .CartColourTD, CartQtyTD{ width: 57px;}
.CartPriceTD{ width: 62px;}
.GiftWrap{ width: 57px; height: 46px; background-position:-851px -32px; position: relative;}
.GiftCard{ width: 55px; height: 46px; background-position:-795px -32px; position: relative;}
.GiftWrap span, .GiftCard span{ font-family: Arial, Sans-Serif; font-weight: bold; font-size: 11px; color: #ffffff; position: absolute; top: 11px; left: 21px;}
.CartTable .TL A:link.EditPersonalisation{ font-size: 11px; color: #0089d0;}
.promotion{ font-weight:bold; background-color:#d0e77f;}
.promotion .first{ background-color:#F7F7F7;}
.promotion .total{ background-color:#b9db3f; text-align:right; padding-right:10px;}
.ShippingDiscount{ color:#a1d000; font-weight:bold;}
.OrderDiscount{ color:#a1d000; font-weight:bold;}
.VoucherMessagesClass, .VoucherMessageSuccessClass{ display:block; padding: 0 0 0 50px; color:#ff0000; }
.PersonalisationCountDown{ color: #484848; font: normal 12px/16px Arial, Sans-Serif;
}
/* ---------------------end shopping cart--------------------------- */
/* ----------------------------Category List----------------------------*/
.CatListBreadDiv{ padding: 12px 0 14px 0; overflow:hidden;}
.CatListWrapper .H1Class{ line-height: 36px; padding-left: 3px;}
.CatListWrapper{ padding: 0 0 12px 0;}
.CatDescription{ padding: 0 30px 15px 5px; font-family: Arial, Sans-Serif; font-size: 12px; line-height: 17px; color: #484848; font-weight: normal;}
.CatListInnerTable{ width: 377px;}
.CatListInnerInfoTopTD{ width: 175px; /*padding: 11px 7px 0 0;*/}
.CatListInnerImgTD{ height: 200px; /*padding: 7px 7px 7px 0;*/}
.CatListLine{ border-bottom: solid 1px #eeeeee;}
.CatListInnerInfoBotTD{ padding: 0 0 11px 0;}
.CatListMainTable{ width: 803px;}
.CatListMainTable td{ width: 265px; text-align: left; vertical-align: top;}
.CatListMainTable .CatListItemImgTD{ text-align: center; vertical-align: middle;}
.CatListMainTable .CatListItemNameTD{ text-align: center;}
.CatListItemTop{ height: 4px; background-position: -397px -33px; margin-top: 5px;}
.CatListItemDiv{ width: 402px;}
.CatListItemTable{ height: 180px;}
.CatListItemTable td{ width: 255px;}
.CatListItemImgTD{ padding: 5px 0 0 0; height: 155px;}
.CatListItemNameTD{ padding: 5px 0 5px 0;}
.CatListItemBot{ height: 3px; background-position: -397px -36px;}
.CatListItemWrapper{ padding-bottom:6px; overflow:hidden; }
.CatListMainTable{ width: 804px;}
.CatListItemDiv{ width: 402px;}
.CatListInnerTable{ width: 377px;}
.CatListInnerImgTD{ height: 140px; padding: 7px 7px 7px 0;}
.CatListInnerInfoTopTD{ padding: 3px 7px 0 0;}
.CatListInnerInfoTopTD h3{ padding: 3px 0 5px 0;}
.CatListInnerInfoBotTD{ padding: 0 0 11px 0;}
.CatListInnerInfoBotTD a{ border-top: 1px solid #EEE; padding: 7px 0 0 0; display: block;}
.CatListItemDiv{ background: url("/Images/prod-list-item-bg.gif") repeat-y 0 0;}
/* ----------------------------end Category List----------------------------*/
/* ----------------------------Product List----------------------------*/
.ProductListPanelWrapper{ margin-top:15px;}
.ProdListWrapper{ padding: 12px 0 12px 0;}
.ProdListTopWrapper{ padding-bottom: 10px; border-bottom: 1px solid #EEE;}
.ProductListPanelWrapper{ position: relative; top: -5px;}
.ProdListPromoDiv{ width: 600px;}
.ProdListPromoRightDiv{ width: 300px;}
.ProdListPromoLeftDiv{ width: 300px; text-align: right;}
.ProdListPromoRightDiv h1{ padding-left: 0;}
.ProdListPromoRightDiv h2 a, .ProdListPromoRightDiv h2 a:link, .ProdListPromoRightDiv h2 a:active, .ProdListPromoRightDiv h2 a:hover, .ProdListPromoRightDiv h2 a:visited
{ font-family: Arial, Sans-Serif; font-weight: normal; font-size: 18px; color: #505050; line-height: 20px;}
.PromoLine{ border-bottom: solid 1px #f4f4f4; width: 290px; height: 20px; margin-bottom: 15px;}
.ProdListPromoRightDiv p{ padding: 12px 0 18px 0;}
.ProdListMainTable{ width: 804px;}
.ProdListItemDiv{ width: 402px;}
.ProdListInnerTable{ width: 377px;}
.ProdListInnerImgTD{ height: 140px; padding: 7px 7px 7px 0;}
.ProdListInnerInfoTopTD{ padding: 11px 7px 0 0;}
.ProdListInnerInfoTopTD h3{ padding: 3px 0 5px 0;}
.ProdListInnerInfoTopTD .PriceText{ font-weight: bold; font-size: 13px;}
.ProdListInnerInfoTopTD .lowInStock, #ProductDetails .lowInStock{ color:#f00; font-weight:bold; display:block; padding-top:5px; }
.ProdListInnerInfoBotTD{ padding: 0 0 11px 0;}
.ProdListInnerInfoBotTD a{ border-top: 1px solid #EEE; padding: 7px 0 0 0; display: block;}
.ProdListItemTop{ height: 4px; background: url("/Images/prod-list-item-top.gif") no-repeat 0 0; margin-top: 5px;}
.ProdListItemDiv{ background: url("/Images/prod-list-item-bg.gif") repeat-y 0 0;}
.ProdListItemBot{ height: 4px; background: url("/Images/prod-list-item-bot.gif") no-repeat 0 0;}
.CPFilterHeading{ color: #0089D0; font: bold 11px/16px Arial, Sans-Serif; text-transform: uppercase;}
.CPFilterItem{ color: #484848; font: normal 12px/16px Arial, Sans-Serif;}
.ProductListMainTable{ }
.ProdListMainTableTD .promo{ font-size:13px; margin-top:10px; background:url("/Images/horiz-sep-grey.gif") repeat-x scroll 0 0 transparent;}
.ProdListMainTableTD .promo p{ color:#569F4E; padding-top:5px; text-transform:capitalize;}
/* -------------Paging Style----------------- */
.PagingPanel{ padding-right: 9px; clear: both;}
.PagingViewAllButton, .PagingNextButton, .PagingMainDiv, .PagingBackButton
{ float: right; margin-left: 7px;}
.PagingViewAllButton, .PagingNextButton, .PagingBackButton{ padding: 3px 0 0 0;}
.PagingPanel ul, .PagingPanel ul li{ margin: 0; padding: 0; list-style-type: none; background: none; display: inline;}
.PagingPanel a, .PagingPanel a:active, .PagingPanel a:link, .PagingPanel a:visited{ color: #3F3F3F; font: bold 11px Arial, Sans-Serif;}
/* ----------------------------end Product List----------------------------*/
.SidePanelMainInnerDiv u{ font-size: 10px;}
.SidePanelMainInnerDiv .ArialBlack12Bold{ padding-bottom:5px;}
.SidePanelMainInnerDiv .CPFilterDL td{ padding:2px 0;}
.SidePanelMainInnerDiv .ProductFiltersDiv{background:url("/Images/horiz-dots-dark.gif") repeat-x 0 100%; padding-bottom:10px;}
/* ---------------------------My Details ---------------------------*/
#MyDetails .WhiteBoxInner {position:relative;width:auto; background:none; border:none;}
#MyDetails .WhiteBox{background:none; border:none;}
#MyDetails .InnerBoxWhiteMain { padding:0; background:none; text-align:left;}
#MyDetails .InnerBoxWhiteInner {width:auto;}
#MyDetails .DetailsTable1{ margin-top:0px;}
#MyDetails .DetailsTable2{ }
#MyDetails .WhiteBoxInner .H1Class{line-height:40px;}
#MyDetails .InnerTableWrapper{ background: url( "/images/MyDetails_Divider.gif" ) repeat-y left; width: 870px; display: block;}
#MyDetails .CheckoutOnlyButton{ display: none;}
.MyDetails #TabSystem #Menu{ height: 30px;}
.MyDetails #TabSystem #Menu ul{ margin: 0; padding: 0; list-style: none;}
.MyDetails #TabSystem #Menu ul li{ padding: 0; background: none; padding: 0 3px 0 0;}
.MyDetails #TabSystem #Menu li{ float: left; height: 39px; position: relative; top: 1px;}
.MyDetails #TabSystem #Menu li a{ display: block; clear: both; vertical-align: middle; background: url(/images/MyDetails_NonActiveTab.gif) no-repeat; font-family: Arial, Sans-Serif; color: #505050; font-size: 18px; text-decoration: none; font-weight: normal; text-indent: 20px; height: 39px; line-height: 39px; width: 230px;}
.MyDetails #TabSystem #Menu li a:hover{ display: block; background: url(/images/MyDetails_ActiveTab.gif) no-repeat; color: #505050; text-indent: 20px; height: 39px; line-height: 39px; width: 230px;}
.MyDetails #TabSystem #Menu li a.active{ display: block; background: url(/images/MyDetails_ActiveTab.gif) no-repeat; color: #505050; text-indent: 20px; height: 39px; line-height: 39px; width: 230px;}
.MyDetails #TabSystem .tab{ background: url( "/images/MyDetails_BG.gif" ) repeat-y 0 0; padding: 24px; display: none; overflow: hidden;}
.MyDetails #TabSystem div.active{ display: block;}
.MyDetails #TabSystem .tab table{}
.MyDetails #TabSystem .tab #tblActions{ clear: left;}
/* ---------------------------end Tab System---------------------------*/
/*------------------- Address tab --------------------------*/
/*.CheckoutSummaryWrapper{ display: none;}*/
.DetailsWrapper table{}
#MyDetails .DetailsTable1{ width: 290px; /*clear:left; */}
#MyDetails .DetailsTable2{ width: 290px; position: absolute; top: -4px; left: 450px; margin-top:0px;}
#MyDetails .DetailsWrapper table td{ padding: 2px 0 2px 0;}
#MyDetails .AddressErrors ol{ display: none;}
#MyDetails .DetailsWrapper{ float: left;}
#MyDetails .BillingHeader .H1Class{ /*position: relative; top: -14px;*/}
#MyDetails .HD{ display: none; /* hide superfluous div tag */}
#MyDetails .WhiteBoxInner .H1Class{ width: 290px;}
#MyDetails .WhiteBoxInner{ width: 870px; position: relative;}
/*.InnerBoxWhiteTop{ display: none;}*/
#MyDetails .DetailsWrapper .H1Class{ border-bottom: 1px solid #CCC; margin-bottom: 7px; padding-bottom: 7px;}
#MyDetails .DetailsBottomTable tr{ display: none;}
#MyDetails .DetailsBottomTable{ width: 870px;}
#MyDetails .DetailsBottomTable .MemberOnly{ display: inline;}
#MyDetails .GreyLineDiv{ height: 7px; border-top: 1px solid #CCC;}
#MyDetails .MDW{ width: 289px;}
#MyDetails .MemberOnlyButton{ float: right;}
/*------------------- End Address tab --------------------------*/
.TransactionHistory, .TransactionHistory a, .TransactionHistory a:active, .TransactionHistory a:link, .TransactionHistory a:hover
{ font: normal 12px/16px arial; color: #000; text-decoration: 'underline';}
.TransactionColumn{ margin: 10px; width: 100px; text-align: left;}
.TransactionItemsTable{ border-bottom: solid 1px #ededed;}
.TransactioItemDescription{ text-align: left; width: 300px;}
.TransactionHistory .Label, .TransactionHistory .Field{ width: 89px;}
.TransactionHistory .Spacer{ width: 263px;}
.SavedPanel{ margin: 2px; padding: 5px; background-color: #fff; border: solid 1px #666; display: block; clear: both; width: 350px;}
.SavedPanel img{ padding: 2px; vertical-align: middle;}
.SavedPanel span{ margin: 5px;}
/*------------------- popup product display --------------------------*/
.ProdDispWrapper .BreadcrumbDiv{ border-bottom: 1px solid #EEE; padding-bottom: 9px; margin-bottom: 14px;}
.ProdDispLeftDiv{ width: 400px; }
.ProdDispRightDiv{ width: 400px;}
.ProdDispBlueLine{ height: 7px; background: url( "/Images/page-title-bg.gif" ) repeat-x 0 0;}
.ProdDispTopLinks{ position: relative; top: 9px; right: 12px;}
.PrintPageLink{ position: relative; right: 12px;}
.ProdDispSkuArea{ width: 190px;}
.ProdDispDropDown{ width: 162px; height: 24px; color: #484848; font: normal 12px Arial, Sans-Serif; border: 1px solid #626262; padding: 0 0 0 0;}
.SkuSelectorWrapper{ background: url( "/Images/horiz-sep-grey.gif" ) repeat-x 0 0; margin-top: 14px; padding-top: 12px;}
.SkuSelectorWrapper .Arial11Bold{ line-height: 18px;}
.SkuSelectorWrapper .MA{ width: 166px;}
.ProdDispQtyDiv{ padding: 12px 0 12px 0;}
.AddToCartDiv{ position: relative; bottom: 2px; right: 9px;}
.RolloverMessageDiv{ width: 110px; position: relative; right: 49px; top: 7px;}
.RolloverMessageDiv img{ position: relative; top: 1px;}
.BackToCatLink{ position: relative; left: 25px; top: 5px;}
.RelatedProdWrapper{ width: 179px; margin: 7px 0 7px 0; position: relative; right: 2px;}
.RelProdTop{ height: 3px; background: url( "/Images/rel-prod-top.gif" ) no-repeat 0 0;}
.RelProdMain{ background: #EEE; padding: 12px 0 0 0;}
.RelProdInner{ width: 160px;}
.RelProdInner p{ border-bottom: 1px solid #DCDCDC; padding-bottom: 3px; margin-bottom: 7px;}
.RelatedProductsList{ padding-top: 12px;}
.RelProdBot{ height: 3px; background: url( "/Images/rel-prod-bot.gif" ) no-repeat 0 0;}
.ProductTabArea{ width: 415px; margin-top: 20px;}
.NonSalePricePanel{ width: 237px;}
.RelatedProduct, a:link.RelatedProduct, a:active.RelatedProduct, a:hover.RelatedProduct, a:visited.RelatedProduct
{ font-weight: normal; text-decoration: none; color: #484848; cursor: pointer;}
.PersonalisationTB{ width: 100%; height: 70px; font-family: Arial, Sans-Serif; font-size: 12px; color: #5d5d5d; border: 0;}
.PersonalisationBG{ background: url( "/images/PersonalisationBG.gif" ) no-repeat 0 0; width: 183px; height: 114px; margin: 7px 0 20px 0;}
.PersonalisationContainer{ width: 170px; margin: 0 0 0 5px;}
.PersonalisationBG span{ font-family: Arial, Sans-Serif; font-size: 12px; color: #ffffff; font-weight: bold; display: block; line-height: 35px; text-indent: 15px;}
/*
#ProductDetails { padding-left:10px; text-align:left; font-family: Arial, Sans-Serif; font-size: 12px; color: #616161}
#ProductDetails #ProductImage{float:left;padding-top:20px;margin-top: 20px}
#ProductDetails #ProductHeaderInfo{float:right;font-family: Arial, Sans-Serif;font-size: 20px;color: rgb(0, 137,208);margin-bottom:0px;margin-top:40px}
#ProductDetails #SkuInfo {width:190px;float:left;padding-left:5px;margin-bottom:20px}
#ProductDetails #DetailedInfo {clear:left;padding:30px 0 10px 0;width:410px;}
/* new */
#ProductDetails .outOfStockInfo{ font-size:11px; padding-top:5px; color:#F00; }
#ProductDetails .despatchMessage{ color:#f00; font-weight:bold; padding-top:10px; clear:both; }
#lightwindow_title_bar_inner{ overflow:visible;}
#lightwindow_data_slide{ display: none;}
#lightwindow_stage{ width: 400px; display: none;}
.ArialGrey12Bold{ font-family: Arial, Sans-Serif; font-size: 12px; color: #616161; line-height: 18px; font-weight: bold;}
.ArialGreen12Bold{ font-family: Arial, Sans-Serif; font-size: 12px; color: Green; line-height: 18px; font-weight: bold;}
.Arial11Bold{ font-family: Arial, Sans-Serif; font-size: 11px; line-height: 18px; font-weight: bold;}
/* ---------------------Generic Checkout Styles---------------------*/
.BillingHeader{ display: none;}
.CheckoutWrapper{margin-top: 12px;}
.CheckoutLoginButtonDiv input.button{ outline:none; background-position:0 -361px; height:22px; text-indent:-9999px; width:120px; border:none; cursor:pointer;}
.CheckoutWrapper table td{ vertical-align: middle;}
.WhiteBox, .CreamBox{ width: 100%; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 12px 0 12px 0; display: block; clear: both; text-align: center;}
.WhiteBox{ background: url("/Images/checkout-box-white-bg.gif") repeat-y 0 0;}
.CreamBox{ background: url("/Images/checkout-box-cream-bg.gif") repeat-y 0 0;}
.WhiteBoxInner{ width: 348px; margin: 0 auto; text-align: left;}
.WhiteBoxInner .H1Class{ border-bottom: solid 1px #cccccc; line-height: 40px; margin-bottom: 10px; position:relative;}
.CheckoutText{ line-height: 18px; margin-bottom: 10px;}
.CreamBoxInner{ width: 357px; margin: 0 auto; text-align: left;}
.InnerBoxWhiteWrapper{ width: 349px;}
.InnerBoxWhiteTop{ height: 4px; background-position:-358px -18px;}
.InnerBoxWhiteMain{ background: url("/Images/checkout-inner-white-bg.gif") repeat-y 0 0; padding: 12px 0 12px 0; text-align: center;}
.InnerBoxWhiteInner{ width: 288px; margin: 0 auto;}
.InnerBoxWhiteBot{ height: 4px; background-position:-358px -22px;}
.InnerBoxWrapper{ width: 358px; margin: 0 auto;}
.InnerBoxTop{ height: 4px; background-position:0 -18px;}
.InnerBoxMain{ background: url("/Images/checkout-grey-border-bg.gif") repeat-y 0 0; padding: 12px 0 12px 0; text-align: center;}
.InnerBoxInner{ width: 330px; margin: 0 auto;}
.InnerBoxBot{ height: 4px; background-position:0 -22px;}
.FormTextBox{ width: 185px; border: 1px solid #DFE1E3;}
.FormTextarea{ width: 185px; height: 150px; max-height: 100px; border: 1px solid #DFE1E3;}
tr.state select {border:1px solid #DFE1E3;height:22px;width:189px; color:#484848;}
tr.city select {border:1px solid #DFE1E3;height:22px;width:189px; color:#484848;}
.checkout .CheckoutWrapper{ overflow:hidden; border-radius:5px 5px 0 0; background-color:#fff; padding:26px 62px 26px 70px; }
.checkout .step1 .CheckoutWrapper{ padding-left:23px; padding-right:8px; }
.checkout #CheckoutLogin{width:443px; float:left; overflow:hidden; border:solid 1px #CCCCCC; padding:17px 50px 34px 45px; margin-bottom:20px; }
.checkout .step1 input.login{ background:url(/images/buttons/btn-login.gif) no-repeat 0 0; border:none; width:152px; height:30px; cursor:pointer; }
.checkout #CheckoutLogin .field{ width:185px; }
.checkout #CheckoutLogin .forgot{ text-align:left; padding-left:10px;}
.checkout #CheckoutLogin .forgot a{ text-decoration:none; }
.checkout #CheckoutLogin label, .checkout #CheckoutLogin .label{ color:#000; font-weight:bold; }
.checkout #CheckoutLogin h2{ font-size:20px; }
.checkout #CheckoutLogin .email{ margin-bottom:18px; }
.checkout #CheckoutLogin .email .field input{ width:238px; }
.checkout #CheckoutLogin .newCustomer,
.checkout #CheckoutLogin .returningCustomer,
.checkout #CheckoutLogin .unregistered
{ border:solid 5px #f0f0f0; padding:11px; margin-bottom:10px; }
.checkout #CheckoutLogin .returningCustomer{ margin-bottom: 10px; }
.checkout #CheckoutLogin .returningCustomer table{ margin-top:10px; }
.checkout #CheckoutLogin .action{ text-align:center;}
.checkout #CheckoutLogin input.error{ border-color:#f00;}
.checkout .step2 .catalogue{ margin-top:10px; }
.checkout .step2 .catalogue .QuestionText{ font-weight:bold; color:#000; margin-bottom:5px; }
.checkout .step2 .newsletterSignup {margin-top: 10px; float:left; clear:left; width:100%; }
.checkout .step2 .newsletterSignup .QuestionText{ font-weight:bold; color:#000; margin-bottom:5px; }
.checkout #StepIndicator{ background:#fff; height:24px; line-height:24px; margin-top:5px; overflow:hidden; padding-left:122px; }
.checkout #StepIndicator div span{ color:#505050; font-size:14px; font-weight:bold; font-family:Tahoma, Arial; display:inline-block; background:url(/images/tick-green.gif) no-repeat 0 -100px;padding-left:20px; }
.checkout #StepIndicator div.active span{ background-position:0 -22px; white-space:nowrap; color:#0089d0; }
.checkout #StepIndicator div{height:24px; line-height:24px; float:left; text-align:center; vertical-align:middle; padding-right:40px; }
.checkout #StepIndicator div.prevStep span{ background:url(/images/tick-green.gif) no-repeat 3px 7px transparent; }
.checkout .step4 .checkoutTotals{ background-color:#f7f7f7; padding:10px 0; margin-top:15px; }
.checkout .step4 .giftHelp{ font-size:14px; font-weight:bold; position:relative; border:none; }
.checkout .step4 p.help a{ position:absolute; right:-4px; top:0px; background:url(/images/icons/question.gif) no-repeat; float:right; height:26px; width:26px;}
.checkout .step4 p.helpy{ position:relative; padding-right:20px; margin-bottom:5px;}
.checkout .step4 .OrderPaymentDiv{ padding-top:15px; }
.offlineInfo{ padding-top:25px; }
.offlineInfo p{ font-weight:bold; padding:1px 0; }
/* ---------------------end Generic Checkout Styles---------------------*/
/* -------------------Summary area----------------------------*/
.SummaryProductTD{ width: 143px;}
.SummaryColour{ width: 67px;}
.SummarySize{ width: 52px;}
.CheckoutSummaryWrapper{ width: 398px; position: relative;}
.CheckoutSummaryWrapper .SummaryTitle{ border-bottom: 1px solid #CCC; margin-bottom: 7px; padding-bottom: 2px;}
.SummaryImageTD{ width: 75px; text-align: left;}
.SummaryImageTD img{ border: 1px solid #CFCFCF;}
.SummaryQtyTD{ width: 33px; text-align: center;}
.SummarySeparatorDiv{ height: 11px; background: url("/Images/summary-sep.gif") repeat-x 0 5px;}
.SummaryFooterTD div{ height: 4px; border-bottom: 1px solid #CCC;}
.CreamBoxInner .InnerBoxWrapper{ margin-top: 3px;}
.ShippingInfoTD{ width: 184px;}
.CreamBoxInner .SummaryEditButton{ padding-top: 2px;}
.SummaryEditButton{ background-position:right -47px; wdth:53px; height:21px;}
.SummaryShippingPanel{ margin-top:5px;}
.addressStep .SummaryShippingPanel{ display:none; }
.checkout .check{ display:block; text-align:left !important;}
.PaymentWrapper .btnUpdate{ border:none; cursor:pointer; background-position:0 -26px; width:53px; float:left; height:22px; text-indent:-9999px;}
.SummaryEditButton{ background-position:0 -26px; width:53px; height:22px; text-indent:-9999px;}
.OrderNotes{ margin-top:10px; }
.OrderNotes .InnerBoxWhiteMain{ padding-top:0px; }
.OrderNotes .InnerBoxWhiteInner{ width: 288px;}
.OrderNotes .DeliveryNotes { width: 288px; border: 1px solid #DFE1E3; color:#484848;font:12px Arial,Sans-Serif; height:65px;}
.GiftWrapLink{ padding-top:10px; clear:both; }
.GiftWrapLink .ArialBlack{background-position:-794px -32px; height:44px;}
.GiftWrapLink .ArialBlack span{ padding-left:125px; display:block; padding-top:5px;}
.CreamBoxInner .SummaryTitle .SummaryEditButton{ padding-top: 0;}
/* -------------------end Summary area----------------------------*/
/* ----------------------Step 1 - Login-----------------------------*/
.LoginWrapper{ width: 385px;}
.CheckoutLoginButtonDiv{ position: relative; right: 29px; padding: 7px 0 0 0;}
.LoginDiv2{ margin-top: 6px;}
.ForgotPwdLink{ padding-top: 7px;}
.Checkout1ErrorDiv{ padding-top: 10px;}
.LoginFormSepTR{ height: 10px; line-height: 10px;}
.LoginWrapper p.help a{ position:absolute; right:0; top:0px; background:url(/images/icons/question.gif) no-repeat; float:right; height:26px; width:26px;}
.LoginWrapper p.helpy{ position:relative; padding-right:20px; margin-bottom:5px;}
/* ----------------------end Step 1 - Login-----------------------------*/
/* ----------------------Step 2 - Address Details-----------------------------*/
.DetailsWrapper{ width: 385px;}
.CountryDropdown{ color: #000000; font: normal 12px Arial, Sans-Serif;border:1px solid #DFE1E3;width:189px; height:22px;}
.DetailsWrapper table td{ padding: 2px 0 2px 0;}
.DetailsWrapper .H1Class{ border-bottom: 1px solid #CCC; margin-bottom: 7px; padding-bottom: 7px;}
.DetailsTable2{ margin-top: 20px; clear: both;}
.DetailsTable1{ margin-top: 0; clear: both;}
.Checkout2BottomBox{ margin-top: 10px;}
.DetailsWrapper .InnerBoxWhiteInner{ width: 300px;}
.DetailsBottomTable td{ height: 30px; vertical-align: middle;}
.QuestionText{ position: relative; top: 2px;}
.GreyLineDiv{ height: 7px; border-top: 1px solid #CCC;}
.MemberOnlyButton{ display: none;}
.MyDetails .MemberOnlyButton{ display:block;}
.DetailsBottomTable .chk{ text-align:right;}
.DetailsBottomTable p.info{ margin-bottom:8px;}
/* ----------------------end Step 2 - Address Details-----------------------------*/
/* ----------------------Step 3 - Giftwrapping-----------------------------*/
.GiftWrapWrapper{ width: 385px;}
.GiftWrapWrapper .InnerBoxWhiteInner{ width: 300px; padding-top: 7px;}
.GiftWrapWrapper .H1Class{ border-bottom: 1px solid #CCC; margin-bottom: 7px; padding-bottom: 7px;}
.GiftWrapInputTable td{ padding: 2px 0 2px 0;}
.GiftValidMsg{ width: 243px;}
/* ----------------------end Step 3 - Giftwrapping-----------------------------*/
/* ----------------------Step 4 - Payment-----------------------------*/
.PaymentWrapper{width: 385px;}
.PaymentWrapper .Arial24{border-bottom: 1px solid #CCC; margin-bottom: 7px; padding-bottom: 7px;}
.VoucherTable .FormTextBox{ width: 217px;}
.CatalogueBit{margin-top: 10px;}
.OrderTotalsTable{ width: 225px; padding-bottom: 5px;}
.OrderTotalsTable td{text-align: left;}
.OrderTotalsTable .LeftTD{width: 140px;}
.OrderTotalsTable td.value{text-align:right;}
.OrderTotalsTable .label{font-weight: normal;}
.PaymentWrapper .ArialGrey12Bold{color: #666;}
.PaymentWrapper .Table2 td{ padding-left: 2px;}
.PaymentWrapper .VoucherLabel{display: block;margin-bottom: 7px;}
.PaymentWrapper table.splitShippingInfo{ width:100%; }
.PaymentWrapper table.splitShippingInfo table { margin-bottom:0;}
.PaymentWrapper table.splitShippingInfo p{ font-weight:normal; font-size:80%; text-indent:25px; }
.OrderPaymentDiv .Arial24, .OrderTotalsWrapper .Arial24{margin-top: 20px;}
.PaymentTypeDiv {width:320px;}
.PaymentTypeDiv .Bold{padding: 5px 0 13px 0;}
.PaymentButton{ width: 180px;}
.directCredit{ margin-top:10px; }
.paynow{ margin-top:10px; }
.PaymentButton .credit{border:none;background-position:0 -90px; display:block;width:120px;height:21px;text-indent:-9999px;cursor:pointer;}
.PaymentButton .paynow{border:none;background-position:0 -90px; display:block;width:120px;height:21px;text-indent:-9999px;cursor:pointer;}
.PaymentButton .paypal{border:none;background-position:right -384px;display:block;width:120px;height:21px;text-indent:-9999px;cursor:pointer;}
.PaymentButton .direct{border:none;background-position:0 -458px;display:block;width:120px;height:21px;text-indent:-9999px;cursor:pointer;}
.PaymentButton img{ margin: 0 auto;}
.PaymentWrapper .ValidateError{ padding: 7px 0 7px 0;}
.OrderTotalsWrapper .Arial24{margin-top: 0;}
.PaymentTypeDiv label { padding-left: 3px; float:left; line-height:1.5; white-space:nowrap; }
.PaymentTypeDiv input { float:left; }
.PaymentTypeDiv .PayNowButtonLong { margin: 35px 0 0 0;}
#PayBy{ background:url(/images/icons/icon-cards.gif) no-repeat center 0; height:36px; }
#PayBy table{ display:none;}
.PaymentWrapper p.help a{ top:0;}
/* ----------------------end Step 4 - Payment-----------------------------*/
/* Questions Form */
#QuestionsForm td{ height:22px; vertical-align:top; text-align:left;padding:3px 0; }
#QuestionsForm td.label{ padding-right:20px; white-space:nowrap; }
#QuestionsForm td.space{ width:35px; height:100px;}
#QuestionsForm td.middle{ vertical-align:middle;}
#QuestionsForm .FormTextBox,#QuestionsForm .FormTextarea{ border:solid 1px #626262; }
#QuestionsForm .FormTextarea{ width:232px; height:90px;}
#QuestionsForm table.ArialBlack{color:#484848;}
#QuestionsForm .error{ white-space:nowrap;}
#QuestionsForm .button{background-position:0 -330px; outline:none; border:none;cursor:pointer;height:30px;margin-top:5px;width:66px; text-indent:-999px; display:block;}
#TabSystem .questionIcon{ position:relative; top:4px; left:1px; }
body #TabSystem #Menu li.questions a{ background-position:-377px -45px; color:#fff; text-indent:10px; width:159px; }
body #TabSystem #Menu li.questions a:hover, body #TabSystem #Menu li.questions a.active{ background-position:-218px -45px; color:#484848; text-indent:10px; width:159px; }
body #TabSystem #Menu li.Sizing a{ background-position:-645px -45px; color:#fff; text-indent:10px; width:106px; }
body #TabSystem #Menu li.Sizing a:hover,body #TabSystem #Menu li.Sizing a.active{ background-position:-539px -45px; color:#484848; text-indent:10px; width:106px; }
/* Refine Search */
.refineSearch{ width:798px; margin-top:10px; float:left; position:relative; min-height:32px; height:auto !important; height:32px; }
.refineSearch .opened{ display:none;}
.refineSearch .opened .inner{ background-color:#d5d5d5;}
.refineSearch .opened .top{ height:4px; background-position:0 -80px;}
.refineSearch .opened .btm{ height:4px; background-position:0 -84px;}
.refineSearch .opened p.ArialBlue13Bold{ margin-left:10px; font-size:12px; padding-top:3px;}
.refineSearch .closed { position:absolute; width:798px; height:32px; /*display:none;*/}
.refineSearch .closed .inner{ background-color:#0089D0; height:24px;}
.refineSearch .closed a.button{ width:122px; height:22px; position:relative; background-position:0 -407px; float:right; text-align:center; text-decoration:none; color:#fff; right:5px; top:1px;}
.refineSearch .closed a.button span{ font-size:13px; font-weight:bold; text-transform:uppercase; position:absolute; left:14px; top:4px;}
.refineSearch .closed p {font:bold 13px/16px Arial,Sans-Serif; color:#fff; height:24px; line-height:24px; float:left; position:relative; left:10px; }
.refineSearch .closed .top{ height:4px; background-position:0 -90px;}
.refineSearch .closed .btm{ height:4px; background-position:0 -94px;}
.refineSearch table.sort{ width:100%; padding:0 0 15px 0; margin-top:10px;}
.refineSearch table.sort td.group{ width:200px; border-right: solid 1px #999; padding:0 20px; vertical-align:top; }
.refineSearch table.sort td.group p{ font-size:12px; font-weight:bold; margin-bottom:5px;}
.refineSearch table.sort td.shade{ width: 170px;}
.refineSearch table.sort td.actions{ border:none; padding-left:0; padding-right:10px; padding-top:10px;}
.refineSearch table.sort .refineMessage{ color:#000; float:right; text-align:right; position:relative; right:2px; clear:right; margin-top:10px; display:inline; width:100%;}
.refineSearch table.sort a.refine{ background-position:0 -429px; display:block; width: 120px; float:right; height:27px; line-height:27px; text-align:center; color:#fff;}
.refineSearch table.sort a.refine span{font-size:12px; font-weight:bold;}
.refineSearch table.sort .col1{ float:left; width:76px;}
.refineSearch table.sort .col2{ float:left; width:76px; }
.refineSearch table.sort #SizeChart{ clear:left; display:none; position:relative; left:4px; }
.webCustomer{background:url("/images/icons/question3.gif") no-repeat scroll 0 0 transparent;left:-20px;padding-left:52px;position:relative; padding-top:1px; width:407px;}
.webCustomer p{ margin-bottom:15px;}