@charset "utf-8";
/* WonderWebs-XHTML 2.1 template rev. 2.3.0 - Website stylesheet - Copyright 2010 WonderWebs.com */

/* Tags, fonts & colours */
body, .Normal{color:#777;font:15px/130% "Century Gothic",Helvetica,Arial}/* Apply a default font and  colour here - This will be inherited by most other tags*/
h1{color:#638191;font-size:27px;font-weight:normal;line-height:100%}/* Apply mainly colours for the rest of these items */
h2{color:#638191;font-size:24px;}
h3{color:#638191;}
h4{}
h5{}
h6{}
.StandardButton{}
.StandardButton:hover{}
hr{}
img{}
blockquote{}
.Head{}/* Common admin headings */
.SubHead{}/* Common admin labels */
/* input[type=text],input[type=file],select,textarea{background:#F2F2F2}This colours all text areas and input fields in one go */
.Description ul{margin-top:6px;margin-bottom:12px}
.Description ul li{margin-left:-30px;margin-top:9px;list-style-type:none;background-image:url(/images/Coolbits/Bullet-001.gif); background-repeat:no-repeat; background-position:0 5px;padding-left:20px}
.Bullets li{background-position:0 4px;}

/* Default hyperlink and CommandButton colours */
a, a:link, a:visited{color:#8ba7b6}
a:active, a:hover{color:#E3A926}

/* Webbit Edit Links */
.WebbitEdit,a.WebbitEdit:link,a.WebbitEdit:visited,a.WebbitEdit:active{font:normal 11px Tahoma !important;color:Blue !important}/* Set color:#00FF00 on dark sites */
a.WebbitEdit:hover{color:Red !important}/* Set color:#FFFFFF on dark sites */

/* Grouped template link colours - Can also be styled or removed individually - See docs for additional class names  */
.SigninPane,.SigninPane a:link,.SigninPane a:visited{}
.SigninPane a:active,.SigninPane a:hover{}
.BreadCrumbPane,.BreadCrumbPane a:link,.BreadCrumbPane a:visited{}
.BreadCrumbPane a:active,.BreadCrumbPane a:hover{}
.Footer,.Footer a:hover .FooterDivider,.Footer a:link,.Footer a:visited{color:#AAA}
.Footer a:active,.Footer a:hover{color:#8ba7b6}

/* Individual template links - Can be used to hide, restyle or move them individually */
.BreadCrumbs{}
.Account{}/* The registration link */
.SigninTop{}/* The first sign-in link at top of page */
.SigninBottom{}/* The second sign-in link at bottom of page */
.Terms{}
.Privacy{}
.Copyright{}
.Producer{}/* The reseller link */

/* Content areas - Generally for visiblity and background colours */
/* Not normally used for fonts or text colours and not used for gaps between columns! */
.Outer{}/* The outer div - Can be used as an additional background */
.Wrapper{}/* Same as the Outer div, but with a unique class per page - Important usage note: If page name is "Contact Us", change this class to .WrapperContact */
.Page{background:url("Logo-blue.png") no-repeat scroll center 0 #FFFFFF}
.Placement{}
.Above{}
.Above .BannersContent{float:right}
.Shadow{}
.PaperBorder{border:none}
.Paper{background:transparent}/* Paper includes header and logo - Mainly for background colour */
.Paper,.LogoPane,.Footer{width:950px} /* Type the width of the logo graphic here */
.LogoPane,.LogoLink{height:124px} /* Type the height of the logo graphic here */
.LogoPane{} /* The file name of the Logo graphic - Must be in Web Root or must specify absolute path */
.LogoLink{width:400px} /* An invisble link to the site homepage. To make room for a Webbit in place of the logo, set this to display:none */
.LogoLink:focus{outline:none}
.Logo{float:right;margin-right:-20px;margin-top:-125px;}/* This is the Logo Content area when it contains a Webbit */
.MenuBar{background-image:none;padding:0;float:left;margin-top:-123px;margin-left:14px}/* Style this in the relevant Menu section below */
.SigninPane .ContainerHead,.SigninPane .ContainerBody,.SigninPane .ContainerFoot{}/* Special SigninPane class for Vertical rounded template */
.SigninPane{display:none}/* SigninPane for all other templates */
.Header{display:none}
.SearchBar{display:none}
.BreadCrumbPane{}
.SearchPane{}
.SearchInput{}/* Change this width when column widths have been changed - Is usually column width minus 74px */
.Top{display:none}
.ContentRow{}/* Table row containing Left, ContentPane and Right areas - Use when applying a special background covering all three */
.Left{}
.Content{}/* Has a default minimum height of 400px */
.Right{}
.Bottom{display:none}
.Foot{display:none}
.PaperBottomEdge{}/* An empty div at the bottom edge of the Paper for graphics or colours */
.Footer{display:none;position:absolute;width:100%;top:auto;bottom:0}
.Below{}

.Page2362 .SplashPlacement {padding:24px;vertical-align:top}
.Page2356 .SplashPlacement {vertical-align:top}

/* Default Light container - Some other containers are: .Dark .HighLight .Transparent .Blank */
.Left .Container a,.Left .Container  a:link,.Left .Container  a:visited{color:#FFFFFF}
.Left .Container a:active,.Left .Container a:hover{text-decoration:underline}
.Left .Container,.Left .Container .Normal{font:13px/130% "Century Gothic",Helvetica,Arial;color:#FFFFFF}

.Left .ContainerHead{padding-top:8px;background:Transparent;border-bottom:none}
.Left .ContainerTitle{display:none;line-height:22px;font-size:12px;font-weight:bold;}
.Left .ContainerBody{padding:8px 20px;background:Transparent}
.Left .Normal{}
.Left .ContainerFoot{background:Transparent}
.Left .LightContainer,.Left .DarkContainer,.Left .HighLightContainer{height:175px;min-height:175px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;position:relative;z-index:1;behavior:url(/js/PIE.htc)}

.Left .DarkContainer{background:#869197;}
/* .Left .LightContainer{background:#8ba7b6;} */
.Left .LightContainer{background:#a2bf75;}
/* .Left .HighLightContainer{background:#a2bf75;} */
.Left .HighLightContainer{background:#8ba7b6;}
.Left .TransparentContainer{height:80px;min-height:80px;background:#EAEAEA}

.Left .NoPadding .ContainerBody{padding:0}

.Light a,.Light a:link,.Light a:visited{}/* Content link colours */
.Light a:active,.Light a:hover{}

.Page1807 .Left .Dark .ContainerBody{padding:14px 20px}
.Page1807 .Left .Dark .Container{line-height:100%}

.Left .Light .StandardButton{width:130px;background:#8FA968;height:24px;margin-top:6px;padding:0 6px 3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;/*position:relative;z-index:1;behavior:url(/js/PIE.htc)*/}
.Left .Light .StandardButton:hover{background:#B0D07D;}

/* Container margins. These determine the gaps between the content panels and between containers */
/* Defaults for square templates are listed. Round templates increase the 6px values to 12px */
.Header .Container{}/* {margin:0} */
.Top .Container{}/* {margin:6px 0 0 0} */
.Content .Container{margin:10px 6px 0 6px}/* {margin:6px 6px 0 6px} */
.Left .Container{margin:10px 0 0 6px}/* {margin:6px 0 0 6px} */
.Right .Container{margin:10px 6px 0 0}/* {margin:6px 6px 0 0} */
.Bottom .Container{}/* {margin:6px 6px 0 6px} */
.Foot .Container{}/* {margin:6px 6px 0 6px} */

/* Left and right content area column widths in Vertical menu template */
.Left .Container,.Left .NoContainer,.MenuBar,.SearchPane{}/* Left column width */
.Right .Container,.Right .NoContainer{}/* Right column width */

/* Left and right content area column widths in Horizontal menu template */
.Left .Container,.Left .NoContainer{width:208px}/* Left column width */
.Right .Container,.Right .NoContainer,.SearchPane{width:150px}/* Right column width */

/* SubMenu width and displacement relative to Menu */
ul.lvl1,ul.lvl2,ul.lvl3{}/* SubMenu widths for three levels. Default is {width:180px}. SubMenus do not stretch to fit width of content */
ul.lvl2 li,ul.lvl3 li{}/* SubSubMenu displacement should match SubMenu width above. Default is {left:180px;top:-26px}. Vertical menu has top:0 */

/* Menu font */
ul.Menu a{font-size:12px;font-weight:normal;text-transform:lowercase}/* Menu font. Use long-hand CSS i.e. font-size, font-weight etc */
ul.Menu .sub a{}/* Sub Menu font, if different */

/* Menu Wrappers */
.MenuBar{background:none}/* Outer menu wrapper. Includes SigninPane. Displays a background graphic. Set background:none to remove */
.MenuPane{}/* Inner menu wrapper. Does not include SigninPane. Has a left and right border in Horizontal menu*/

/* Menu item borders and separators. Set border:none to remove defaults. Note that root items cascade to Sub Menus*/
ul.Menu a.first{border:none}/* First menu item */
ul.Menu a{border:none}/* Root separator */
ul.Menu a.last{border:none}/* Last menu item */
ul.Menu .sub a.first{}/* First submenu item */
ul.Menu .sub a{}/* Remaining submenu items */
ul.Menu .sub a.last{}/* Last submenu item */

/* Menu colours - See MenuBar for default background graphic - Note that some root items cascade to SubMenus */
/* Every menu item also has a dynamic ID. Example: Page title "About Us" has dynamic ID "#item_AboutUs" */
ul.Menu a,ul.Menu a:visited,.VerticalMenu .ContainerHead,.VerticalMenu .ContainerFoot{color:#ddd;background:Transparent}/* Menu */
ul.Menu a.branch{background:Transparent}/* Menu Branch */
ul.Menu a.current,ul.Menu a.breadcrumb{color:#ddd;background:Transparent}/* Menu Active */
ul.Menu a:hover,ul.Menu a:focus{color:#fff;background:Transparent}/* Menu Hover */

/* SubMenu colours */
ul.Menu .sub a,ul.Menu .sub a:visited{color:#777;background:#F2F2F2}/* Sub Menu */
ul.Menu .sub a.branch{}/* Sub Menu Branch */
ul.Menu .sub a.current,ul.Menu .sub a.breadcrumb{color:#777;background:#F2F2F2}/* Sub Menu Active */
ul.Menu .sub a:hover,ul.Menu .sub a:focus{color:#8ba7b6;background:#FAFAFA}/* Sub Menu Hover */

/* Individual menu item height and padding. Apply height like this {height:36px;line-height:36px} */
ul.Menu a{height:22px;line-height:22px}/* Menu */
ul.Menu .sub a{}/* Sub Menu */

/* Eight 24x24px shadows are applied to corners and sides - example: {background:url('/Images/ShadowLightTL.png')} */
/* Change "Light" to "Medium" or "Dark" for square shadow variations, or to "RoundWhite" or "RoundBlack" in round templates */
.SL,.SR,.ST,.SB,.STL,.STM,.STR,.SLM,.SRM,.SBL,.SBM,.SBR{display:none}

/* Splash page template */
.SplashPage{}/* Background colours and graphics for Splash template */
.SplashPlacement{}/* Splash content vertical placement */
.SplashContent{}/* Splash content horizontal placement */
.Page2366{height:1000px;}
.Page2366 .MenuBar{display:none}

/* Secrets page and container background colour */
.SecretsPage .Paper{}
.Secrets .ContainerBody{}

/* Webbits - Place Webbit styles here */

/* jQuery lightBox plugin */
#jquery-overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;}
#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#jquery-lightbox a img{border:none;}
#lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}
#lightbox-container-image{padding:10px;}
#lightbox-loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}
#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#lightbox-container-image-box > #lightbox-nav{left:0;}
#lightbox-nav a{outline:none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext{width:49%;height:100%;display:block;}
#lightbox-nav-btnPrev{left:0;float:left;}
#lightbox-nav-btnNext{right:0;float:right;}
#lightbox-container-image-data-box{font:10px Verdana, Helvetica, sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;padding:0 10px 0;}
#lightbox-container-image-data{padding:0 10px;color:#666;}
#lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left;}
#lightbox-image-details-caption{font-weight:bold;}
#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1.0em;}
#lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:0.7em;}


/* Timer */
.hasCountdown{background:Transparent;color:#FFFFFF;font-family:"Century Gothic",Helvetica,Arial;font-size:28px;line-height:126%;font-weight:normal;padding:0;border:0;width:150px !important;height:40px;text-align:left;}
#TimeUpShow{background:Transparent;color:#FFFFFF;font-family:"Century Gothic",Helvetica,Arial;font-size:28px;line-height:126%;font-weight:normal;padding:0;border:0;width:150px !important;height:40px;text-align:left;}
.countdown_amount {padding-right:6px}

/* Referrals Form */
.DynamicForms_SaveFormDiv input{padding:0 5px 2px 5px;margin:0;font-weight:normal;font-size:11px;background:#98A1AA;color:#FFFFFF;font-family:Verdana,Arial;height:22px;border:none}
.DynamicForms_SaveFormDiv input:hover{background:#8097B0}
/* Assistance Form */
.DynamicForms_SaveFormDiv {padding-left:171px;}
#SaveForm_6623{padding-left:0;}

/* Buttons - Set background colours as desired */
a.Button,a.NBright_RecalcButton,a.NBright_ClientButton{color:#FFF;font-size:10px;font-weight:bold;text-decoration:none;line-height:18px;padding:0;margin-right:12px;margin-bottom:12px;display:inline-block;width:110px;text-align:center;border:none}
a.Button{background:#809CB0 url("/DesktopModules/NB_Store/img/GlossyButtons.png") repeat-x}
a.Button:hover,a.NBright_ClientButton:hover{background:#71A5CB url("/DesktopModules/NB_Store/img/GlossyButtons.png") repeat-x}
a.BuyButton,a.Checkout,a.NBright_ClientButton{background:#FF9000 url("/DesktopModules/NB_Store/img/GlossyButtons.png") repeat-x}
a.BuyButton:hover,a.Checkout:hover,a.NBright_ClientButton:hover{background:#FFB200 url("/DesktopModules/NB_Store/img/GlossyButtons.png") repeat-x}
a.RemoveWishList,a.NBright_RecalcButton,a.CancelOrderButton{background:#9F0000 url("/DesktopModules/NB_Store/img/GlossyButtons.png") repeat-x}
a.RemoveWishList:hover,a.NBright_RecalcButton:hover,a.CancelOrderButton:hover{background:#C40000 url("/DesktopModules/NB_Store/img/GlossyButtons.png") repeat-x}
a.AddWishList{}
a.ViewWishList{}
a.ViewPrevious{}
a.ViewStorefront{}
a.Checkout{}

/* overrides */
.NBright_ClientButton,.NBright_RecalcButton{padding:0;border:none}
a.NBright_ClientButton:hover,a.NBright_RecalcButton:hover{padding:0;border:none}


/* Checkout */
.AddressCollector{}
.AddressCollector .Label{white-space:nowrap;font-weight:normal;width:120px}
.AddressCollector .Value{}
.AddressCollector .NormalTextBox{width:200px}

span[id*="ProductList_lblMsg"]{display:none}/* Hide legacy Out of Stock message */

.NBright_ClientButtonDivRight{text-align:right}/* Move checkout stage buttons to right */
a.NBright_ClientButton,a.NBright_RecalcButton{margin-right:0}/* Remove margin on checkout stage buttons */

/* CSS3 rounded corner and shadow effects - Works with browsers higher than IE8 */
.ListItem{-moz-box-shadow:1px 2px 6px #B8B8B8;-webkit-box-shadow:1px 2px 6px #B8B8B8;box-shadow:1px 2px 6px #B8B8B8;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}
.ListItem a.Add,.ListItem a.Remove{font-weight:bold;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px}
.Detail .GalleryInner{-moz-box-shadow:1px 2px 6px #B8B8B8;-webkit-box-shadow:1px 2px 6px #B8B8B8;box-shadow:1px 2px 6px #B8B8B8}
a.Button,a.NBright_RecalcButton,a.NBright_ClientButton{-moz-box-shadow:1px 2px 6px #B8B8B8;-webkit-box-shadow:1px 2px 6px #B8B8B8;box-shadow:1px 2px 6px #B8B8B8;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}

/* Buttons - Additional styles for IE6 compatibility */
a.Button:hover,a.NBright_ClientButton:hover{color:#FFF;font-size:10px;font-weight:bold;text-decoration:none}
.MiniCart li a.Checkout{margin-top:8px}
a.Button,a.NBright_RecalcButton,a.NBright_ClientButton,a.Button:hover,a.NBright_RecalcButton:hover,a.NBright_ClientButton:hover{_background-image:none}

.Checkout{width:680px;margin:0}
.ExpiryMessage{width:680px}