/*** WEBSITE: Grafton Shoppingworld
	 AUTHOR: David Pollitt 
	 MODIFIED BY: Lauren Markwell
	 CREATED: 04/11/2008 
	 COMMENTS: Condensed Stylesheet for Default 4.8.4 Skin  *****************************************************
    SKIN LAYOUT STYLES
***************************************************** */#bodyDiv{width:100%;height:100%;text-align:center;background:#363d6d url(images/pagebg.gif) repeat top left;margin:0;padding:0}
html>body #bodyDiv{height:auto;min-height:100%}
#frame{width:967px;text-align:left;margin:20px auto}
#branding{height:98px;background:url(images/headerbg.gif) no-repeat top left}
#logoBox{float:left;margin:6px 0 0 30px}
* html #logoBox {margin-bottom:-6px}
html>body #logoBox{float:left;margin:6px 0 0 61px}
.search{float:right;width:220px;margin:20px 50px 0 0}
.search .NormalTextBox{border:0;width:180px;float:left}
.search img{float:right;width:31px;margin-top:-15px}
*html .search img{margin-top:-33px}
@media screen and (-webkit-min-device-pixel-ratio:0){
.search img{margin-top:0}
}
#menu{float:right;margin:0;padding:0 1px}
#menuDesign{height:53px;background:url(images/menu_design_bg.gif) repeat-x top left;margin:0 1px;padding:0}
*html #menuDesign{background:url(images/menu_design_bg_ie6.gif) repeat-x top left}
#contentArea{width:100%;float:left;background:#FFF url(images/contentbg.gif) repeat-y top left}
.home #contentArea {padding-top:10px}
#enclose{width:925px;float:left;padding:5px 20px 10px}
.leftPanel{width:295px;float:left}
.leftPanelInner{width:279px;float:left;border-right:1px solid #8cc63f;background:#eef1f4 url(images/leftPanelInnerbg.gif) no-repeat bottom left;height:100%;margin-top:10px;padding-bottom:100px}
.centrePanel{width:295px;float:left}
.contentPanel{width:315px;float:right}
/*.home .contentPanel {padding-top:5px}*/
.home .contentPanel {padding-top:0px}
.contentPanelInner{width:618px}
.flashPanel{width:618px;margin-bottom:13px}
.flashPanelInner{width:618px;height:115px}
.rightPanel{width:180px;float:right;padding:10px}
.wrap{float:right;width:620px;padding-left:10px;margin-top:0}
#utilities{background:url(images/utilitiesbg.gif) no-repeat top left;width:927px;height:174px;clear:both;padding:15px 20px}
.linksLeft,.linksRight{float:left;width:184px;height:166px;background:url(images/linkPanebg.gif) no-repeat top left;margin-right:10px;padding:10px 0}
html>/**/body .linksLeft,html>/**/body .linksRight{float:left;width:184px;height:166px;background:url(images/linkPanebg.gif) no-repeat top left;margin-right:10px;padding:0}
.storeDir{float:left;width:226px;margin-right:10px}
.newsFeed{float:left;width:293px}
#footer{clear:both;width:948px;text-align:right;color:#FFF;font-size:1.2em;padding:5px 7px}
html>body #footer{width:946px}
#footer a,#footer a:link,#footer a:active,#footer a:visited,#footer a.footerMenuItem{color:#96bf0d;text-decoration:underline}
#footer a:hover{text-decoration:none}
.copyright{background:url(images/footerIcon.gif) no-repeat center right;padding-right:15px}
.breadCrumbs{text-transform:uppercase;margin:5px 0 20px}
html>/**/body .breadCrumbs{margin:0 0 20px}
/******************************************************
    DIGICON CLEAN CSS HORIZONTAL MENU STYLES              
***************************************************** **  CLEAN MENU FUNCTIONALITY STYLES - DON'T TOUCH THESE STYLES  ** */.menu,.menu ul{border:0;list-style-type:none;display:block;min-height:0;margin:0;padding:0}
.menu li{border:0;display:block;float:left;position:relative;z-index:5;white-space:normal;margin:0;padding:0}
.menu li:hover{z-index:10000;white-space:normal}
.menu li.menuHover /*IE6*/{z-index:10000}
.menu .menuHoverUL /* li:hover>ul selector */ /*IE6*/{visibility:visible}
.menu .menuHoverUL /* 1st-level submenu go below their parent item */ /*IE6*/{top:100%;left:0}
.menu .menuHoverUL .menuHoverUL /* 2nd+ levels go on the right side of the parent item */ /*IE6*/{top:0;left:100%}
.menu li li{float:none}
.menu ul{visibility:hidden;position:absolute;z-index:10;left:0;top:0;width:230px;background:url(images/dropMenubg.gif) no-repeat bottom left;padding-bottom:14px}
.menu li:hover>ul{visibility:visible;top:100%}
.menu li li:hover>ul /* 2nd+ levels go on the right side of the parent item */{top:0;left:100%}
.menu a,.menu a:link,.menu a:active,.menu a:visited,.menu a:link:hover,.menu li.active{display:block;position:relative}
.menu li li /*fix white gap problem*/ /*IE6*/{float:left;width:100%}
.menu li li /*prevent double-line between items*/ /*IE6*/{margin-top:0}
html>body .menu li li{margin-top:0}
/***  CLEAN MENU DESIGN STYLES - CHANGE ONLY THESE STYLES  ** */.menu{font-size:1.2em;float:right}
.menu,.menu li,.menu ul li{color:#FFF;text-transform:uppercase}
.menu ul li{text-align:left;width:230px;font-size:0.7em}
/* Top Level Menu Items  */.menu a,.menu a:link,.menu a:active,.menu a:visited,.menu a:hover,.menu a:link:hover,.menu li.active{text-decoration:none;color:#FFF;font-family:Verdana,Arial;border-left:1px solid #016485;border-right:1px solid #017ea8;text-align:right;float:left;display:block;margin:0;padding:7px 10px}
.menu li.active{background:#67ac23 url(images/menuActive.gif) repeat-x top left}
.menu a:hover,.menu a:link:hover,.menu li:hover>a{color:#FFF;background:#777ab8 url(images/menuHover.gif) repeat-x top left}
.menu a:hover,.menu a:link:hover,.menu .menuHoverA /* li:hover>a selector */ /*IE6*/{color:#FFF;background:#777ab8 url(images/menuHover.gif) repeat-x top left}
/* Drop Down Menu Items  */ul.menu ul a,ul.menu ul a:link,ul.menu ul a:active,ul.menu ul a:visited,ul.menu ul a:hover,ul.menu ul a:link:hover,ul.menu ul li.active{text-decoration:none;color:#FFF;background:#077dbe;border:0;text-align:left;display:block;width:210px;padding:5px 10px}
ul.menu ul li.active{background:#8cc63f}
ul.menu ul li a:hover,ul.menu ul li a:link:hover,ul.menu ul li li:hover>a{color:#FFF;background:#9a9dcf}
.menu ul a:hover,.menu ul a:link:hover,.menu ul .menuHoverA /* ul li:hover>a selector */ /*IE6*/{color:#FFF;background:#9a9dcf !important}
ul.menu ul li.active /* needs to be adjusted by hand - seems to be dropdown width minus a padding */{width:210px;background:#8cc63f}
.menu ul>li + li /*remove top border on all but first item in the list*/{border-top:0}
.menu li li:hover>ul /*position of 2nd+ submenus,overlapping*/{top:-1px;left:100%}
.menu .menuHoverUL .menuHoverUL /*position of 2nd+ submenus,overlapping*/ /*IE6*/{top:0;left:100%}
.menu ul ul a{font-size:1.2em}
/***  CLEAN MENU FIXES AND EXTRA FUNCTIONALITY STYLES - DON'T TOUCH THESE STYLES  **  special colouring for first menu item on each level  .menu>li:first-child>a, .menu li + li + li li:first-child>a {color: #567;}  float clear - force containment of floated LIs inside of UL  */.menu:after,.menu ul:after{content:".";height:0;display:block;visibility:hidden;overflow:hidden;clear:both}
/* float clear end   sticky submenu - it should not disappear when your mouse moves a bit outside the submenu YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!	if you do it, make sure you 110% know what you do   sticky submenu end   Fix for IE5/Mac \ /
.menu a {float: left;}
/* End Fix  *****************************************************
    CONTAINER STYLES
***************************************************** */.container{width:100%}
.containerContent{padding:0}
/******************************************************
    SELECTOR and COMMONLY USED DNN STYLES              
***************************************************** */html{height:auto;font-size:100.01%}
body{height:100%;font-size:62.5%;margin:0;padding:0;background:url(images/pagebg.gif) repeat top left}
body,td,ul li,p,.normal,.NormalDisabled,.blogCalendar td,.SkinObject,input{font-family:"Trebuchet MS", Tahoma, arial, verdana, helvetica;color:#373636;font-weight:500;line-height:1.5em}
.Normal,label,.Head,.SubHead,.SubSubHead,.NormalBold,.NormalRed{font-size:1.2em}
/* text style used for rendered text which should appear disabled  */.NormalDisabled{color:#D3D3D3}
/* style of item titles on edit and admin pages  */.SubHead{color:#373636;font-weight:700;text-align:left}
/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules  */.SubSubHead{font-weight:700;color:#000}
/* text style used for rendered text which requires emphasis  */.NormalBold{font-weight:700}
/* text style used for error messages  */.NormalRed{color:#880000 !important}
/* heading styles  */h1,h2,h3,h4,h5,dt,h6,.head,h2 span.head,.container h2 span.head,h3 span.SubHead,.newstitle,tfoot,thead,th{font-family:Tahoma,Trebuchet MS,arial,verdana,helvetica;color:#0274bd;font-weight:400;margin:0 0 10px;padding:0}
h1{font-size:2em;color:#0274bd}
h2,.head,h2 span.Head,.container h2 span.Head{font-size:1.8em}
#utilities h2{color:#FFF}
.flashPanel h2,.flashPanelInner h2{display:none}
h3,h3 span.SubHead{font-size:1.6em;font-weight:700}
h4{font-size:1.4em;font-weight:700;line-height:1.2em}
h5,DT{font-size:1.2em;font-weight:700}
h6{font-style:italic;font-size:1.2em}
p{font-size:1.1em;margin:5px 0 15px}
html>/**/body .home .leftPanel h2,html>/**/body .home .leftPanel p,html>/**/body .home .centrePanel p,html>/**/body .home .centrePanel h2,html>/**/body .home .contentPanel h1,html>/**/body .home .contentPanel h2{margin:0px;}
ul{font-size:1.2em;margin:0 0 10px 25px}
html>/**/body ul{margin-left:0}
ul li{margin-left:5px;list-style-type:square;padding:0}
ul li li{list-style-type:disc}
ul li li li{list-style-type:circle}
ol li{list-style-type:decimal}
ol ol li{list-style-type:lower-alpha}
ol ol ol li{list-style-type:lower-roman}
hr{color:gray;height:1px;text-align:left}
img{border:0;margin:0;padding:0}
/* link styles  */a,a:link,a:active,a:visited{color:#00acdc;text-decoration:none;margin:0;padding:0}
a:hover{text-decoration:underline;color:#00acdc}
blockquote{font-size:0.9em;font-family:"Lucida Sans Unicode";float:right}
pre{font-family:Lucida Console, monospace;color:#434343;font-size:0.9em}
address{color:#434343;font-size:0.9em;font-style:italic}
input{color:#333}
/******************************************************
    FORM STYLES              
*****************************************************  Generic Form Element classes  */.formInput{width:150px;height:18px;border:1px solid #CCC}
.formItem{clear:both}
.label{clear:both;float:left;width:120px;text-align:right;padding-right:10px;font-weight:700}
.labelDetails{width:390px}
.labelDetails p{margin:0 0 7px}
/* button style for standard buttons  */.StandardButton,input.StandardButton,a.StandardButton,a:link.StandardButton,a:active.StandardButton,a:visited.StandardButton,input.StandardButton,a.CommandButton,a:link.CommandButton,a:active.CommandButton,a:visited.CommandButton{font-family:"Trebuchet MS", Trebuchet MS, arial, verdana, helvetica;font-size:1.2em;width:0;overflow:visible;background:#0C8BC6 url(images/rssFeedbg.gif) repeat-x scroll left top;color:#FFF;text-transform:lowercase;cursor:pointer;clear:both;border:1px solid #068FB5;margin:0;padding:0 8px}
input#dnn_ctr_Login_Login_DNN_cmdLogin{font-size:1em;height:20px}
/* For some reason login button styles differently to all other buttons  */input.StandardButton[class],a.CommandButton[class],a:link.CommandButton[class],a:active.CommandButton[class],a:visited.CommandButton[class]{width:auto}
/*Non IE browsers read this */a:hover.CommandButton,input:hover.StandardButton{background:#777AB8 url(images/menuHover.gif) repeat-x scroll left top;border:1px solid #777ab8}
/* text style used for textboxes in the admin and edit pages, for Nav compatibility  */input.longTextBox{width:250px}
input.longmedTextBox{width:200px}
input.medTextBox{width:150px}
input.medshortTextBox{width:100px}
input.shortTextBox{width:60px}
/*Dropdown Boxes  Required Fields  */span.mandatory{color:#334692;font-weight:700}
/******************************************************
    GENERAL STYLES
***************************************************** */.floatLeft{float:left}
.floatRight{float:right}
/* styles to mimic auto height of div elements as per IE6  */.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:block}
/* Hides from IE-mac \ */* html .clearfix{height:1%}
/* End hide from IE-mac   Error message styling under 'SELECTOR and COMMONLY USED DNN STYLES' above *****************************************************
    DNN STYLES (Some of these we try to avoid, but are still used in some modules; Some we are unsure of what they do)
*****************************************************  styles used by Data Grids  */.DataGrid_AlternatingItem{background:#fff;color:red}
.DataGrid_Container{background:Transparent;font-size:1.1em}
.DataGrid_Footer{background:#fff}
.DataGrid_Header{background:Transparent;color:#000;font-weight:700;text-align:center}
.DataGrid_Item{background:Transparent;color:#000}
.DataGrid_SelectedItem{background:#D3D3D3;color:Blue}
SMALL{font-size:0.8em}
BIG{font-size:1.4em}
/******************************************************
    DIGICON QUICK LINK STYLES
***************************************************** */.QuickLink{padding:0;margin-bottom:10px;position:relative;border:1px solid #cdcdcd}
.QuickLink p{font-size:0.7em;color:#666;padding:0;margin:0;font-weight:700}
.QuickLink a{display:block}
.QuickLink div{background:#fff;padding:10px 9px;width:275px;position:absolute;bottom:0;left:0;z-index:10;font-size:1.8em;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90);opacity:0.9;-moz-opacity:.90}
@media screen and (-webkit-min-device-pixel-ratio:0){
.QuickLink div{width:95%}
}
.QuickLink div:hover{filter:alpha(opacity=95);opacity:.95;-moz-opacity:.95}

/** Trading Hours Table * */.tradingHours td{border-top:1px solid #175389;border-bottom:1px solid #175389;color:#FFF;padding:3px 10px}
.tradingHours h2{background:#175389;display:block;color:#00acdc;margin:0;padding:13px 0}
/** Footer Links * */.linksLeft .LinksDesignTable td,.linksRight .LinksDesignTable td{margin:0;padding:0}
.linksLeft .LinksDesignTable a,.linksLeft .LinksDesignTable a:link,.linksLeft .LinksDesignTable a:active,.linksLeft .LinksDesignTable a:visited,.linksRight .LinksDesignTable a,.linksRight .LinksDesignTable a:link,.linksRight .LinksDesignTable a:active,.linksRight .LinksDesignTable a:visited{color:#FFF;border-bottom:1px dashed #00acdc;display:block;width:160px;margin:0 3px;padding:3px 8px}
.linksLeft .LinksDesignTable a:hover,.linksRight .LinksDesignTable a:hover{background:#8cc63f;text-decoration:none}
/******************************************************
    INVENTUA SIDE MENU
*****************************************************   */.inventua_sidemenu{margin-bottom:20px;font-family:Tahoma,Trebuchet MS,Verdana,Arial;border-bottom:1px solid #8cc63f;text-transform:uppercase}
/* Top Level       */.MenuItem,.MenuItemMouseOver{padding:2px 0 2px 10px}
.MenuHdr0,.MenuHdrMouseOver0,.MenuItem0,.MenuItemMouseOver0{font-size:1.4em;cursor:default;color:#FFF;background:#8ec742 url(images/vMenuActive.gif) repeat-x top left;margin:0;padding:0 10px}
.MenuHdr0 A,.MenuHdr0 A:Active,.MenuHdr0 A:Hover,.MenuHdr0 A:Visited,.MenuHdr0 A:Link,.MenuHdrMouseOver0 A,.MenuHdrMouseOver0 A:Active,.MenuHdrMouseOver0 A:Hover,.MenuHdrMouseOver0 A:Visited,.MenuHdrMouseOver0 A:Link .MenuItem0 A,.MenuItem0 A:Active,.MenuItem0 A:Hover,.MenuItem0 A:Visited,.MenuItem0 A:Link,.MenuItemMouseOver0 A,.MenuItemMouseOver0 A:Active,.MenuItemMouseOver0 A:Hover,.MenuItemMouseOver0 A:Visited,.MenuItemMouseOver0 A:Link{text-decoration:none;color:#FFF}
.MenuHdr0 A:Hover,.MenuHdrMouseOver0 A:Hover,.MenuItem0 A:Hover,.MenuItemMouseOver0 A:Hover{color:#FFF;text-decoration:none !important}
span.CurrentItem0{color:#FFF}
/* Second Level       */.MenuItem1,.MenuHdrMouseOver1,.MenuItemMouseOver1,.MenuHdr1{cursor:default;font-size:1.2em;margin:0}
.MenuHdr1 A,.MenuHdr1 A:Active,.MenuHdr1 A:Visited,.MenuHdr1 A:Link,.MenuHdrMouseOver1 A,.MenuHdrMouseOver1 A:Active,.MenuHdrMouseOver1 A:Visited,.MenuHdrMouseOver1 A:Link .MenuItem1 A,.MenuItem1 A:Active,.MenuItem1 A:Visited,.MenuItem1 A:Link,.MenuItemMouseOver1 A,.MenuItemMouseOver1 A:Active,.MenuItemMouseOver1 A:Visited,.MenuItemMouseOver1 A:Link{text-decoration:none;cursor:pointer;color:#00acdc;display:block;background:#e3ecf5;margin-top:1px;padding:3px 0 3px 15px}
.MenuHdr1 A:Hover,.MenuHdrMouseOver1 A:Hover,.MenuItem1 A:Hover,.MenuItemMouseOver1 A:Hover,span.CurrentItem1:hover{text-decoration:none;color:#FFF !important;display:block;background:#9a9dcf}
span.CurrentItem1{color:#8cc63f;display:block;background:url(images/vmenuCurrent.gif) no-repeat center left;margin:0;padding:0 0 0 15px}
/* Third Level       */.MenuItem2,.MenuHdrMouseOver2,.MenuItemMouseOver2,.MenuHdr2{cursor:default;margin:0}
.MenuHdr2 A,.MenuHdr2 A:Active,.MenuHdr2 A:Visited,.MenuHdr2 A:Link,.MenuHdrMouseOver2 A,.MenuHdrMouseOver2 A:Active,.MenuHdrMouseOver2 A:Visited,.MenuHdrMouseOver2 A:Link .MenuItem2 A,.MenuItem2 A:Active,.MenuItem2 A:Visited,.MenuItem2 A:Link,.MenuItemMouseOver2 A,.MenuItemMouseOver2 A:Active,.MenuItemMouseOver2 A:Visited,.MenuItemMouseOver2 A:Link{cursor:pointer;text-decoration:none !important;background:#d5ddd0;display:block;color:#00acdc;padding:3px 0 3px 35px}
.MenuHdr2 A:Hover,.MenuHdrMouseOver2 A:Hover,.MenuItem2 A:Hover,.MenuItemMouseOver2 A:Hover{text-decoration:none;color:#FFF;background:#9a9dcf}
span.CurrentItem2{color:#FFF;background:url(images/vmenu3rdCurrent.gif) no-repeat center left;margin-left:-35px;display:block;padding:0 0 0 35px}
/* Fourth Level       */.MenuItem3,.MenuHdrMouseOver3,.MenuItemMouseOver3,.MenuHdr3{padding-left:30px;font-weight:400;cursor:default;height:18px;color:#04268e;border-bottom:1px solid #8a7b32;margin:0}
.MenuHdr3 A,.MenuHdr3 A:Active,.MenuHdr3 A:Hover,.MenuHdr3 A:Visited,.MenuHdr3 A:Link,.MenuHdrMouseOver3 A,.MenuHdrMouseOver3 A:Active,.MenuHdrMouseOver3 A:Hover,.MenuHdrMouseOver3 A:Visited,.MenuHdrMouseOver3 A:Link .MenuItem3 A,.MenuItem3 A:Active,.MenuItem3 A:Hover,.MenuItem3 A:Visited,.MenuItem3 A:Link,.MenuItemMouseOver3 A,.MenuItemMouseOver3 A:Active,.MenuItemMouseOver3 A:Hover,.MenuItemMouseOver3 A:Visited,.MenuItemMouseOver3 A:Link{text-decoration:none;font-weight:400;width:100%;cursor:pointer;color:#04268e}
.MenuHdr3 A:Hover,.MenuHdrMouseOver3 A:Hover,.MenuItem3 A:Hover,.MenuItemMouseOver3 A:Hover{font-weight:400;color:#250751}
span.CurrentItem3{font-weight:400;color:#250751;padding-left:0}
.ModuleTitle_SubMenu{z-index:1000;cursor:hand;filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3);background:#fff;padding:1px}
.searchResult{border-bottom:1px dashed #00ACDC;font-size:1.2em;padding:10px}
.rssBox{border:1px solid #068fb5;background:#0c8bc6 url(images/rssFeedbg.gif) repeat-x top left;margin-top:12px;padding:3px 5px}
.rssBox a,.rssBox a:link,.rssBox a:active,.rssBox a:visited{color:#FFF;font-weight:400}
.rssBox a:hover{color:#FFF}
.rssDate{color:#9a9dcf;font-weight:700}
.FCKLinkGalleryContainer,.FCKImageGalleryContainer{background:#FFF;font-size:1em}
.FCKLinkGalleryContainer .Normal,.FCKLinkGalleryContainer label,.FCKLinkGalleryContainer .Head,.FCKLinkGalleryContainer .SubHead,.FCKLinkGalleryContainer .SubSubHead,.FCKLinkGalleryContainer .NormalBold,.FCKLinkGalleryContainer .NormalRed {font-size:1em!important}
.FCKLinkGalleryContainer .StandardButton,.FCKLinkGalleryContainer input.StandardButton,.FCKLinkGalleryContainer a.StandardButton,.FCKLinkGalleryContainer a:link.StandardButton,.FCKLinkGalleryContainer a:active.StandardButton,.FCKLinkGalleryContainer a:visited.StandardButton,.FCKLinkGalleryContainer input.StandardButton,.FCKLinkGalleryContainer a.CommandButton,a:link.CommandButton,.FCKLinkGalleryContainer a:active.CommandButton,.FCKLinkGalleryContainer a:visited.CommandButton{font-size:1em!important}
iframe iframe html{background:#FFF!important;background-image:none!important}
#xEditingArea html,#xEditingArea iframe html{background:#FFF!important;background-image:none!important;width:100%!important;height:100%!important}
#xEditingArea{background:#FFF!important;background-image:none!important;width:100%!important;height:100%!important}