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

/* Tags, fonts & colours */
body, .Normal{}/* Apply a default font and  colour here - This will be inherited by most other tags*/
h1{font:normal 28px arial;color:#357196}/* Apply mainly colours for the rest of these items */
h2{font:normal 20px arial;color:#357196}
h3{color:#357196}
h4{}
h5{}
h6{}
.StandardButton{}
.StandardButton:hover{}
hr{border-style:dashed}
img{}
.Head{}/* Common admin headings */
.SubHead{}/* Common admin labels */
input[type=text],input[type=file],select,textarea{}/* This colours all text areas and input fields in one go */

/* Default hyperlink and CommandButton colours */
a, a:link, a:visited{color:#467C95}
a:active, a:hover{color:#F1B917}

/* Webbit Edit Links */
.WebbitEdit,a.WebbitEdit:link,a.WebbitEdit:visited,a.WebbitEdit:active{}/* Set color:#00FF00 on dark sites */
a.WebbitEdit:hover{}/* 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{color:#FFFFFF}
.BreadCrumbPane, .BreadCrumbPane a:link, .BreadCrumbPane a:visited{color:#35576C}
.BreadCrumbPane a:active, .BreadCrumbPane a:hover{color:#F1B917}
.Footer, .Footer a:link, .Footer a:visited{}
.Footer a:active, .Footer a:hover{color:#F1B917}

/* Content area layout and background colours only */
/* Not used for fonts or text colours and not used for gaps between columns! */
/* Certain content panels can be moved around at will - See main stylesheet */
.Page{background-image:url(colinkirk_background.png)}
.Above{}
.PaperBorder{border:1px solid #000000}
.Paper{}/* The left and right padding of the Paper - Defaults to {padding:0 6px} for the square templates and 0px for round ones */
.Paper,.LogoPane,.Footer{width:950px} /* Type the width of the logo graphic here */
.LogoPane,.LogoLink{_height:128px;min-height:128px} /* Type the height of the logo graphic here - height is for IE6 */
.LogoPane{background:#000000 url(Logo.png) no-repeat} /* The file name of the Logo graphic - Must be in Web Root to work */
.LogoLink{} /* To make room for a Webbit in place of the logo, set this to display:none */
.Logo{}/* This is the legacy logo graphic if it has been applied in site settings */
.MenuBar{height:30px;padding-left:0;background:#F1B917;}/* Style this in the relevant Menu section below */
.MenuPane{}
.SigninPane{line-height:30px;display:none}
.SigninPane .ContainerHead,.SigninPane .ContainerBody,.SigninPane .ContainerFoot{}/* SigninPane for Vertical rounded template*/
.Header{}
.SearchBar{}
.BreadCrumbPane{}
.SearchPane{display:none}
.SearchInput{}/* Change width when column widths have been changed - Is usually column width minus 74px */
.Top{}
.Left{}
.Content{padding:14px 19px 10px}
.Right{}
.Bottom{}
.Foot{}
.Footer{}
.Below{}

/* Splash page template */
.SplashPage{}/* Background colours and graphics for Splash template */
.SplashPlacement{}/* Splash content vertical placement */
.SplashContent{}/* Splash content horizontal placement */

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

/* Default Light container - See docs for other containers */
.Light .ContainerHead{background-color:#35576C}/* Head section background color */
.Light .ContainerTitle{font-weight:bold;font-size:13px;color:#FFFFFF;line-height:22px}/* Title font and colour */
.Light .ContainerBody{}/* Body section background color*/
.Light .Normal{}/* Content font and colour */
.Light .ContainerFoot{}/* Foot section background color*/

/* Default HighLight container - See docs for other containers */
.HighLight .ContainerHead{background-color:#35576C}/* Head section background color */
.HighLight .ContainerTitle{font-weight:bold;font-size:13px;color:#FFFFFF;line-height:22px}/* Title font and colour */
.HighLight .ContainerBody{background-color:#FFC423}/* Body section background color*/
.HighLight .Normal{}/* Content font and colour */
.HighLight .ContainerFoot{}/* Foot section background color*/
.HighLight li{color:#000000}
.HighLight a:hover{color:#000000}

.OptionsPanel .ContainerHead{background-color:#EBEBEB}
.OptionsPanel .ContainerBody{background:#EBEBEB url(Buy.png) no-repeat scroll right bottom;}

/* 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:6px 6px 0 6px} */
.Left .Container{}/* {margin:6px 0 0 6px} */
.Right .Container{}/* {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{}/* Left column width */
.Right .Container,.Right .NoContainer,.SearchPane{}/* 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{}/* 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{}/* Outer menu wrapper. Includes SigninPane. Displays a background graphic. Set background:none to remove */
.MenuPane{border:none}/* 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-left:1px solid #F6BE20}/* First menu item */
ul.Menu a{border-left:1px solid #F6BE20;border-right:1px solid #CE9D16}/* Root menu separator */
ul.Menu a.last{border-right:1px solid #F6BE20}/* Last menu item */
ul.Menu .sub a.first{border:none}/* First submenu item */
ul.Menu .sub a{border:none}/* 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:#000000}/* Menu */
ul.Menu a.branch{}/* Menu Branch */
ul.Menu a.current,ul.Menu a.breadcrumb{background:#F1B917}/* Menu Active */
ul.Menu a:hover,ul.Menu a:focus{color:#FFFFFF;background:#F1B917}/* Menu Hover */

/* SubMenu colours */
ul.Menu .sub a,ul.Menu .sub a:visited{color:#000000;background:#F1B917}/* Sub Menu */
ul.Menu .sub a.branch{}/* Sub Menu Branch */
ul.Menu .sub a.current,ul.Menu .sub a.breadcrumb{background:#FFC62F}/* Sub Menu Active */
ul.Menu .sub a:hover,ul.Menu .sub a:focus{color:#FFFFFF;background:#F1B917}/* Sub Menu Hover */

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

/* Eight 24x24px shadows are applied to corners and sides - example: {background:url('/Images/Shadows/Light/ShadowTopLeft.png')} */
/* Change "Light" to "Medium" or "Dark" for square shadow variations, or to "RoundWhite" or "RoundBlack" in round templates */
.SL,.SR{width:24px}
.ST,.SB{height:24px}
.STL{background:url('/Images/ShadowMediumTL.png') no-repeat}
.STM{background:url('/Images/ShadowMediumTM.png') repeat-x}
.STR{background:url('/Images/ShadowMediumTR.png') no-repeat}
.SLM{background:url('/Images/ShadowMediumLM.png') repeat-y}
.SRM{background:url('/Images/ShadowMediumRM.png') repeat-y}
.SBL{background:url('/Images/ShadowMediumBL.png') no-repeat}
.SBM{background:url('/Images/ShadowMediumBM.png') repeat-x}
.SBR{background:url('/Images/ShadowMediumBR.png') no-repeat}

/* Webbits - Place Webbit styles here */
.accordionHeaderSelected {background-color:#F1B917}
.accordionHeader {border-bottom:1px solid #F1B917}
.nb_store_cartheader {background-color:#F1B917}
.nb_store_HeaderStyle {background-color:#F1B917;color:black}
.Category{}
.SelectedCategory{font-weight:bold;}
.AddToBasket{float:right}
.ProductListItem{border:1px solid #FFF}
.ProductListItem:hover{border:1px solid #DDD}
#jquery-overlay{background-color:#222222 !important}

.DetailImage{width:310px;height:auto;}
.DetailExtraImage{width:300px;float:right;}
.PurchasingPanel{width:300px;float:right;}
.OptionsPanel{width:240px;min-width:240px;margin-top:10px;float:left;}
.OptionName{float:left;}
.OptionValue{float:right;clear:right}
.OptionValue{margin-bottom:3px;}
.DetailDescription{clear:both;}
.Quantity{clear:both;height:29px;line-height:29px;padding-top:4px;}
.QuantityField{text-align:center}
.Attachments{}
.Attachment{float:left;clear:left;padding:3px}
.AttachmentIcon{float:left;padding:3px}
.Downloads{}
.Download{float:left;clear:left;padding:3px}
.DownloadIcon{float:left;padding:3px}

.RadWindow{top:152px !important}