/*
################################################### 
# COLOURS #
###########
Title Blue (Table Titles, Tag Strips): #8199FE
Anchor Blue #0000dd
Light Background(Forms, Panels etc.) #E9F8DB
Pale Green Background #FAFEF8
Green Borders #5D874F
Green Panel Text #7373AB

###################################################
*/

/*
   #####################
   GLOBAL STYLE ELEMENTS 
   #####################
*/

 /* Wildcard to remove default padding and margin from all styles */
*{padding:0; margin:0; font-family:verdana, arial; font-size:11px; }

p{
font-size:1em;
line-height:1.5em;
margin:0 0 1.125em;
}

img, abbr, acronym, fieldset {border:0;}

ol, ul {list-style:none;}

body
{
  background:url('/App_Themes/HogglewickW/Images/Brand/BGFill.jpg') ; background-repeat: repeat-x;
	border:0;
	margin:0;
	font-size:0.8em;
}

td
{
	vertical-align: top;
	padding: 2px; 
	border:0px none;
}

h1,h2,h3,h4,h5,div,hr,ul,li{padding:0; margin:0;}


h1{font-family:Arial Rounded MT Bold, Verdana, Arial; font-size:1.6em; color:#8199FE;}
h2{font-family:Arial Rounded MT Bold, Verdana, Arial; font-size:1.4em;color:#8199FE;}
h3{font-family:Arial Rounded MT Bold, Verdana, Arial; text-decoration: Underline; font-style: italic; font-size:1.2em;color:#8199FE;}
h4{font-family:Arial Rounded MT Bold, Verdana, Arial; text-decoration: Underline; font-size:1em;color:#8199FE;}

h2 a:link{font-family:Arial, Verdana ; font-size:20px;color:#8199FE;}
h2 a:visited{font-family:Arial, Verdana ; font-size:20px;color:#8199FE;}
h2 a:hover{font-family:Arial, Verdana ; font-size:20px;color:#ff0000;}
h2 a:active{font-family:Arial, Verdana ; font-size:20px;color:#8199FE;}

a{text-decoration:none; color: #8199FE;}
a:hover{color: #FF0000;}

/*
   #####################
   LAYOUT STYLE ELEMENTS 
   #####################
*/
#mainFrame{    background: none repeat scroll 0 0 #FFFFFF;
    text-align:left;
    border: solid 1pt #8199fe;
    min-width: 1024px;
    position: relative;
    width: 1024px;}
#pageWrapper {background:#fff; padding:0; margin:0;}
#pageContentWrapper{font-size:11px; color:#606060; }
.clear {clear:both;}
.left {float:left;}
.right {float:right;}
.InfoLabel {width:100px; font-weight:bold;}

#orderSummaryWrapper{font-size:1em;}
#shippingPanel{float:left; width:370px; font-size:.8em; color:#365B29; background:#FAFEF8; border:solid 2px #5D874F; padding:4px;}
#orderSummary{float:right; width:200px;  }
#warn{padding:4px; width:400px; border:solid 1px #ff0000; background:#FCF8E2; color:#ff0000; text-align:left}
.Msg{color:#E82A2A; font-weight:bold;}
.radOptions{color:#000000; font-size:10px;}
#loginWrapper{float:left; width:500px; padding-left:100px;}
.SignInPanel{width:350px; border:solid 1px #E6C406; padding:6px;	background:#FCF8E2;	color:#8199FE; font-size:.8em;}
.SignInPanel a:hover{color:#ff0000; text-decoration:underline; }
      
#headerPanel {width:100%; min-width:800px;}
#headerLogo {clear:both; float:left;}
#cart {float:right; font-family: verdana, arial; font-size: .7em;  padding-top:30px; padding-right:10px;}
#buttonBar {clear:both; float:left;}
#searchStrip {float:left; padding:2px; font-family: verdana, arial; font-size: .7em;}

#linkStrip {float:right;  padding-top:4px; padding-right:4px; font-family: verdana,arial ; font-size: .7em;}
#linkStrip a:link, a:visited, a:hover, a:active{text-decoration:none; font-family: verdana, arial ; font-size: 1em; color:#3aa00a;}

#headerImg {clear:both; float:left; }

#communityStrip {clear:both; float:left; width:800px; padding:6px; font-family: verdana, arial; font-size: .7em;}
#communityStrip a:link, a:visited, a:hover, a:active{text-decoration:none; font-family: verdana, arial; font-size: 1em; color:#3aa00a; }

/*Page Layout Structure*/
#mainContentWrapper{background:#fff url(Images/Brand/Faux.gif) repeat-y left top; min-width:1024px;display:inline-block;}
#lcSmall{float:left; width:200px;}
#lcLarge{float:left; width:700px;}
#rcSmall{float:right; width:200px;}
#rcLarge{float:right; width:390px;}
#innerPanel{float:left; width:70%;}
#article{float:left; width:98%; font-size:1em; line-height:1.5em;}
#article ol{padding:6px 4px 6px 4px;}
#article li{margin-left:20px; list-style-type:decimal; padding:4px; font-size:1em; line-height:1.5em;}
#article img{padding:6px;}
#articlAds{float:right; width:200px;}

/* END of Page Layout Structure*/

.formPanel{border:solid 1px #E6C406; padding:6px;	background:#FCF8E2;	color:#808080;}
.paymentPanel{border:solid 1px #447CB4; padding:6px;	background:#ffffff;	color:#808080; font-size:10px;}
.articleSearchPanel{float:right; border:solid 1px #E6C406; padding:4px;	background:#FCF8E2;	color:#808080; width:200px; font-size:10px;}
.indent {margin-left:6px;}
.mainTitle {font-family: Arial Rounded MT Bold, verdana, arial; font-size: 1em; color:#8199FE; padding-bottom:.2em;}

.leftContent
{
  float:left;
  padding-left:5px;
  width:370px;
  min-width:305px;
}
.leftContent ul{list-style-type: square; padding-left:5px; line-height:20px; }
.leftContent li{margin-left:20px; }

.rightContent
{
  position:relative;
  float:right;
  top:0;
  right:0;
  margin-left:5px;
  margin-bottom:15px;
  border:solid 1px #88d674;
  background:#ecfee6;
  padding:5px;
  width:220;
}

.noteBand 
 {
  font-family: Arial Rounded MT Bold, verdana, arial; 
  font-size  :16px;
  color:#8199FE; 
  text-align:center;
  background:#ffffff; 
  border-top:solid 1px #0099cc;    
  border-bottom:solid 1px #0099cc; 
  padding:4px;
  width:600px;
 }

#menuPanel
{
 clear:both;
 float:left;
 width:190px;
 background:#fff url(Images/Brand/Faux.gif) repeat-y right top;
}
.menuPanel
{
 width:190px;
 background:#fff url(Images/Brand/Faux.gif) repeat-y right top;
}

#menuContainer {width:180px; text-align:left; font-size: 11px;}
#menuContainer ul {margin:0; padding:0; list-style-type:none; }
#menuContainer li{display: block; padding-left:5px; width:175px; height:18px; line-height:20px;  border-bottom: solid 1px #C7DDB5; font-family: verdana, arial; color:#0099cc; }
#menuContainer a{text-decoration:none; display: block; width:175px; height:20px;  font-family: verdana, arial;  color:#909090; }
#menuContainer a:link, a:visited{text-decoration:none;}
#menuContainer a:hover{text-decoration:none; font-family: verdana, arial; background:#f186a8; color:#ffffff;}
#menuContainer a:active {text-decoration:none; color:#ffffff;}

#secContainer {width:180px; text-align:left; font-size: .8em;}
#secContainer ul {margin:0; padding:0; list-style-type:none; }
#secContainer li{display: block; padding-left:5px; width:175px; height:20px; line-height:20px;  border-bottom: solid 1px #C7DDB5; font-family: verdana, arial; color:#a0a0a0; }
#secContainer a{text-decoration:none; display: block; width:175px; height:20px;  font-family: verdana, arial;  color:#a0a0a0; }
#secContainer a:link, a:visited{text-decoration:none;}
#secContainer a:hover{text-decoration:none; font-family: verdana, arial; background:#f186a8; color:#ffffff;}
#secContainer a:active {text-decoration:none; color:#ffffff;}

.regWrapper {position:relative; width:580px; padding:10px;}
#regPanel {width:350px; background:#FCF8E2; font-size:11px; padding:10px; border:solid 1px #E6C406;}
#infoPanel {width:190px; background:#F2FDEC; border:solid 1px #6A9B4F; font-size:11px; padding:4px; color:#527440;}
#scroller{background:#ffffff; font-size:10px; border:solid 1px #a0a0a0; overflow: auto; width: 95%; height: 120px}
.highlightText{color:#0000ff; }
.Parallel{border-top:solid 1px #808080; border-bottom:solid 1px #808080;}

#primaryContainer {padding-left:10px; float:left; width:80%;}
#adminContainer {float:left; padding-left:10px; font-size:11px;}
#leftPad {padding-left:4px;}
.leftPadBig{padding-left:10px;}
.clear {clear:both;}
.left {float:left;}
.right {float:right;}

body{margin:0; padding:0; }
#headerPanel
{
position:relative;
float:left;
width:100%;
}

#wrapper
{
  background:#fff;
  width:100%; 
  min-width:800px;
}

#mainContainer
{
float:left;
 width:80%;
 text-align:left;
 padding-left:10px;
}

#contentPanel
{
float:left;
width:80%;
}

#secondaryNav
{
 text-align:center;
 width:200px;
 padding-left:5px;
 padding-right:5px;
}
.secondaryNav
{
 width:180px;
 padding-left:5px;
 padding-right:5px;
}

/* PRODUCT LIST FORMAT */

#PageListContainer
{
position:relative;
clear:both;
float:left;
width:600px;
padding-left:6px;
}

#PageListWrapper
{
position:relative;
clear:both;
float:left;
width:100%;
}

#ProdButtons
{
	position:relative;
	float:left;
}

#TandC
{
	float:right;
	width:50%;
	text-align:right;
}

#ProdWrapper
{
float:left;
width:100%;
}



#ProdPicWrapper
{
float:left;
width:200px;
}

#ProdSummary
{
position:relative;
float:left;
width:390px;
}

#ProdBuyBar
{
clear:both;
float:left;
width:100%;
text-align:right;
}


#AdPanel
{
	float:right;
	width:18%;
	text-align:left;
}

/* PROD SUMMARY BOX */
.outerBox {float:left; width:190px; margin:1px;}
.container {width:189px; border-right:solid 1px #C7DDB5; }
.containerNB {width:189px;}
.sumPanel {width:185px; padding:2px; background:#F3F9E3; font-family: verdana, arial; font-size: .55em; color:#3aa00a; font-weight:bold; border:solid 1px #C7DDB5;}
.prodImg {width:170px; height:170px; border:0; }
/*END PROD SUMMARY BOX */

.productTitle{font-size:16px; color:#627DF2;}

#ProductViewPanel{float:left; width:600px; padding-left:10px; font-size:.8em;}
.StockAdjusterPanel{float:left; width:250px; border:solid 1px #E6C406; padding:6px;	background:#FCF8E2;	color:#808080;}
.bargainsPanel{float:right; width:250px; border:solid 1px #E6C406; padding:6px;	background:#FCF8E2;	color:#808080; text-align:left;}
.infoStrip {background:#FCF8E2; padding:4px; border-top: solid 1px #7373AB; border-bottom: solid 1px #7373AB; font-size:.8em; width:98%;}
#leftWrapper{float:left; width:200px; padding-left:10px;}
#rightWrapper{float:right; padding-right:10px; width:63%;  }

#imagePanel{float:left; width:195px; background:#ffffff;}

.orderPanel
{
	border:solid 1px #5D874F;
	width:160px;
	background:#FAFEF8;
	color:#7373AB;
	text-align:left;
	padding-left:10px;
}

#orderTitleStrip{background:#5D874F; color:#ffffff; font-weight:bold; padding:2px; padding-left:10px;}
#orderBorder{border:solid 1px #c0c0c0; width:650px; padding:10px; text-align:left}


/* END OF PRODUCT LIST FORMAT */
#enquiryPanel{border:solid 1px #E6C406; padding:6px;	background:#FCF8E2;	color:#784A01; width:400px; font-size:.8em;}
#genForm{border:solid 1px #E6C406; padding:6px;	background:#FCF8E2;	color:#784A01; width:90%; font-size:10px;}
#tefPanel{border:solid 1px #E6C406; padding:6px;	background:#FCF8E2;	color:#784A01; width:465px; font-size:.8em;}
#noSpam
{
	font-size:11px;
	background-color:#ffffff;
	border:#CBDEC8 1px solid;
	width:90%;
	padding:4px;
	padding-left:10px;
	color:#4A664B;
	margin-bottom:10px;
}
.note{font-size:10px; color:#8E7753;}

#genNotes
{
	font-size:11px;
	background-color:#ffffff;
	border:#CBDEC8 1px solid;
	width:400px;
	padding:4px;
	padding-left:10px;
	color:#4A664B;
	margin-bottom:10px;
}

/* ARTICLE STYLING */
#artBody{float:left; padding-left:4px; width:400px;}
#raColumn{float:right; padding-right:4px; width:190px;}
#articleListWrapper{float:left; width:98%; padding:6px;}
.subject {float:left; font-size:10px; background:#fdf9db; padding:4px; border:solid 1px #e0daa3;}
#articleSearch{float:right; width:220px; font-size:10px; background:#fdf9db; padding:4px; border:solid 1px #e0daa3; }
.articleList{float:left; width:75%;}
#ads {float:right; width:190px;}
.content {font-size:.8em; text-align:left; color:#606060;	padding:4px;}
.content p{font-size:1em;	padding-bottom:10px; margin:0px;}
.content b{font-size:1em;}
.content h1{font-size:1.4em; color:#668646;	margin-bottom:6px;}
.content h2{font-size:1.2em;	color:#8199FE;	margin-bottom:6px;}
.content li{font-size:1em;	margin-bottom:4px;}
.content ul{font-size:1em; margin-bottom:4px;}
.content a, a:link, a:visited, a:hover, a:active{text-decoration: none;	color:#009000;}

.introBlock
{
	border-top: solid 1px #8199FE;
	border-bottom: solid 1px #8199FE;
	background-color: #FFFFF7;
	font-size: 11px;
	color:#808080;
	padding-top: 6px;
	padding-bottom: 6px;
}

.EasyRead
{
	background-color: transparent;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #555555;
	font-weight: normal;
	font-size: 11px;
}

#latestArticlesPanel
{
	text-align:center;
	padding-left:12px;
}

#channelStrip
{
	background:#fff;
	padding: 4px; 
	font-size: 1.2em;
  font-weight: 700; 
  text-align: center;
}

h1 .pageTitle{color:#8199FE; font-family:Verdana; font-size:1.2em;}

#AdminMainContent
{
	padding-left:4px;
	float: left; 
	width:98%;
    background-color: #FFFFFF;
	color: #cc3f4c;
	font-size:11px;
	text-align:left;
}

#mainHomeContent
{
	float: left; 
	width:100%;
  background-color: #FFFFFF;
	color: #AA955C;
	font-size:1em;
	text-align:left;
}

.AdminConsole
{
	font-size:1em;
}

#hdrPic
{
	width:300px;
	height:100px;
	background-image:url(Images/Brand/HdrPic.gif);
	background-repeat:no-repeat;
}

#hdrLogo
{
	width:192px;
	height:100px;
	background-image:url(Images/Brand/hdrLogo.gif);
	background-repeat:no-repeat;
}
#hdrSpacer
{
	width:125px;
	height:100px;
	background-image:url(Images/Brand/hdrSpacer.gif);
	background-repeat:no-repeat;
}

#hdrControls
{
	height:100px;
	background-image:url(Images/Brand/hdrBG.gif);
	background-repeat:repeat-x;
}

#footerPanel
{
	clear:both;
	border-top:solid 2px #8199FE;
	color: #8199FE; 
  padding:3px; color:#8199FE; font-size:.8em; font-weight:bold; text-align:center;
}

.footer{font-size:10px;}
.footer a:link {text-decoration:none; font-size:10px;}
.footer a:visited {text-decoration:none; font-size:10px;}
.footer a:hover {text-decoration:none; font-size:10px; color:#ff0000;}
.footer a:active {text-decoration:none; font-size:10px;}

#AdColumn
{
	position:relative;
	float:right;
	text-align:left;
	padding:4px;
}

#GroupColumn
{
	position:relative;
	width:330px;
	float:left;
}


#Introduction
{
	background-color:#FAFBFF;
	border:#8199FE Solid 1px ;
	padding:10px;
	text-align:left;
}

#warningPanel
{
	background:#FAFBFF;
	padding:2px;
	color:#ff0000;
	border-top:solid 1px #ff0000;
	border-bottom:solid 1px #ff0000;
	font-size:.8em;
	margin-bottom:10px;
}

#LeftColumn
{
	position:relative;
	float:left;
	width:250px;
}

#RightColumn
{
	position:relative;
	float:left;
	width:330px;
}

/*
   #####################
   CUSTOM TEXT ELEMENTS 
   #####################
*/

.Barcode
{
	font-family:IDAutomationSC128M;
	color:Black;
	font-size:12pt;
}

.TableTitle
{
	background-color: #8199FE;
	color: #ffffff;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 10px;
	font-weight: bold;
}

h2 .productTitle
{
	color:#8199FE;
	font-size:0.8em;
}

.TDsmallText
{
	font-size: .8em;
}

#listSummary
{
	border-top: solid 1px #8199FE;
	border-bottom: solid 1px #8199FE;
	background-color: #FAFDDE;
	font-size: 1em;
	padding: 4px;
}

.Overlined
{
	border-top: #c0c0c0 1px solid;
	padding-top: 2px;
	font-size: .8em;
	color: #909090;
}

.NewsArticle
{
	border:solid 1px #008800;
	padding:4px;
	color: #909090;
	font-size: 1em;
}

.FormText{font-size:11px;}

.TextBox
{
	border: solid 1px #8199FE;
	font-size:11px;
	color: #606060;
	padding: 4px ;
	margin: 4px 2px 4px 2px;
}

.TextBoxItal
{
	border: solid 1px #8199FE;
	color: #909090;
	padding: 1px 2px 1px 2px;
	font-style: italic;
	font-size: 1em;
}

.TextBoxR /* Right Aligned */
{
	border: solid 1px #8199FE;
	color: #909090;
	text-align: right;
	padding: 1px 2px 1px 2px;
}

.RequiredField
{
	border: 1px;
	background-color: #FFFF99;
	border-style: solid;
	border-color: #8199FE;
	color: #606060;
	padding: 1px 2px 1px 2px;
}

.ContentTitle
{
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left:225px;
	font-family: Arial Rounded MT Bold, Verdana, Arial;
	font-size: 1.5em;
	text-align:left;
	color: #8199FE;
	font-weight:700;
}

.labelTitle
{
	font-size:1em;
	text-align:right;
	padding-right:2px;
}
.FieldTag
{
	font-size:1em;
	padding-left:10px;
	color:#909090;
	font-weight:bold;
	font-style:italic;
}
.ErrorMsg
{
	color:#ff0000;
	font-size:.9em;
}
.OutputMsg
{
	font-size:1em;
	color:#00ff00;
}
.boldTitle
{
	font-size: 12px;
	color: #EDA202;
	font-weight: 700;
}

.SectionHead
{
	font-size: 1.1em;
	color: #808080;
	font-weight: 700;
}

.label{color:#666666; font-weight:bold; font-size:12px;}

.smallTitle
{
	padding: 1px 0 1px 0;
	font-size: 12px;
	color: #0066FF;
	font-weight: 700;
	font-family: Arial;
}
.smallText
{
	font-size: 10px;
}
.smallTextBoldRed
{
	color:#ff0000;
	font-weight:700;
	font-size: .9em;
}

.smallTitle a:link {text-decoration: none; color: #8199FE;}
.smallTitle a:visited {text-decoration: none; color: #8199FE;}
.smallTitle a:active {text-decoration: none; color: #8199FE;}
.smallTitle A:hover {text-decoration: none; color: #ff0000;}

.SubTitle
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #CA586F;
	font-weight: 600;
	padding-bottom: 6px;
}
.RSSFeed
{
    font-size: 11px;
	color: #CA586F;
	font-weight: 600;
	padding-bottom: 6px;
}
.MicroText
{
	font-size: 9px;
	color: #0040ff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
.MicroTextWht
{
	font-size: 9px;
	color: #ffffff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

.tinyText
{
 font-size: 0.8em;
 color:#808080;
}

.Basket {color:#8199FE;}

.scrollPanel
{
	OVERFLOW: auto; 
	WIDTH: 100%; 
	HEIGHT: 160px
}

.alignLeft{text-align:left}
.alignRight{text-align:right}

#BargainBox{border:solid 1px #000000; padding:4px; background:#FFFFEA; width:60%; font-size:12px; color:#006600;}
.originalPrice{color:#000000; font-size:12px; font-weight:bold; }
.offerPrice{color:#0000ff; font-size:12px; font-weight:bold; padding-top:6px;}
.saving{color:#ff3000; font-size:12px; font-weight:bold; padding-top:6px;}

.Totals
{
	color:#ff0000;
	font-weight:bold;
	border-top:solid 1px #000000;
	border-bottom:solid 2px #000000;
}

.thumbnail
{
	display:block;
	float: left;
	width: 95px;
	height:110px;
	font-size: 1em;
	margin: 0 10px 10px 0;
	text-align:center;
}

.ProdThumb
{
float: left;
width: 70px;
height:90px;
margin: 0 5px 5px 0;
text-align:center;
}

#channelStrip
{
	font-size:1em;
	font-weight:bold;
}
#channelStrip a:link {color:#8199FE;}
#channelStrip a:visited {color:#8199FE;}
#channelStrip a:hover {color:#ff0000;}
#channelStrip a:active {color:#8199FE;}

.channelBar{display:inline;}

.modalBackground
{
    position: absolute;
    filter: Alpha(Opacity=70);
    opacity: 0.7;
    width: 100%; height: 100%; background-color: #c0c0c0;
    z-index: 500;
    top: 0px; left: 0px;
}

.modalPopup
{
	background-color: #FFFFFF;
	padding: 3px;
	width: 700px;
	height: 450px;
	border: solid 2px #8199FE;
}

.threedsecurelabel
{
	border-right: #009900 1px solid;
	background-position: left center;
	border-top: #009900 1px solid;
	padding-left: 29px;
	background-image: url(Images/Icons/status-green.gif);
	border-left: #009900 1px solid;
	border-bottom: #009900 1px solid;
	background-color: #ccffcc;
	background-repeat: no-repeat;
	height: 30px;
	vertical-align: middle;
	font-weight: bold;
	font-size: 1.4em;
	color: #8199FE;
}

.banksiteframe
{
	width: 690px;
	height: 420px;
	border: solid 0px black
}

.MessageStrip
{
	padding:4px;
	border:solid 1px #009900;
	background-color:#F9FDF2;
}

.thankyou
{
	border: solid 1px #009900;
	background-color: #F9FDF2;
	padding:4px;
  font-size: 1em;
}

.OKBar
{
	border: #009900 1px solid;
	background-position: left center;
	padding-left: 29px;
	background-image: url(Images/Icons/status-green.gif);
	background-color: #ccffcc;
	background-repeat: no-repeat;
	height: 30px;
	vertical-align: middle;
	font-weight: bold;
	font-size: 1.4em;
	color: #8199FE;
	font-family: Verdana, Arial;
}


.modalPopupErr
{
	background-color: #FFEBEA;
	border: #FF0000 2px solid;
	padding: 3px;
	width: 700px;
	height: 450px;
}

.modalPopupWrn
{
	background-color: #FFF3E8;
	border: #FF6600 2px solid;
	padding: 3px;
	width: 700px;
	height: 450px;
}

.WorriedBar
{
	border-right: #ff6600 1px solid;
	background-position: left center;
	border-top: #ff6600 1px solid;
	padding-left: 29px;
	background-image: url(Images/Icons/status-yellow.gif);
	border-left: solid 1px #ff6600;
	border-bottom: solid 1px #ff6600;
	background-color: #ffffaa;
	background-repeat: no-repeat;
	height: 30px;
	vertical-align: middle;
	font-weight: bold;
	font-size: 1.4em;
	color: #ffa500;
}


.ErrorBar
{
	border-right: #ff0000 1px solid;
	background-position: left center;
	border-top: #ff0000 1px solid;
	padding-left: 29px;
	background-image: url(Images/Icons/status-red.gif);
	border-left: #ff0000 1px solid;
	border-bottom: #ff0000 1px solid;
	background-color: #ffdab9;
	background-repeat: no-repeat;
	height: 30px;
	vertical-align: middle;
	font-weight: bold;
	font-size: 1.4em;
	color: red;
}

/*
.ErrorBar
{
	border: #ff0000 1px solid;
	background-position: left center;
	padding-left: 29px;
	background-image: url(Images/Icons/status-red.gif);
	background-color: #ffdab9;
	background-repeat: no-repeat;
	height: 20px;
	font-weight: bold;
	font-size: 1em;
	color: #ff0000;
}
*/
/* ratings */
.ratingStar {
    font-size: 0em;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(Images/Icons/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(Images/Icons/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(Images/Icons/SavedStar.png);
}

.TagCloudContainer
{
	width:100%;
	position:relative;
}

.TagCloudTitle
{
	text-align:left;
	color: #8199FE;
	font-size: 1.4em;
	font-weight: 700;
	padding-bottom: 4px;
}

.TagItem 
{
	float:left;
}

.fancyButtonDefault
{
	font-weight: bold;
}
.fancyButtonHover
{
	background: url(images/buttonbackground.png) #C3E1F2 repeat-x center 50%;
	color: #00156E;
	padding: 0px 2px;
	border-right: #00156E 1px solid;
	border-top: #00156E 1px solid;
	border-left: #00156E 1px solid;
	border-bottom: #00156E 1px solid;
}
.fancyButton {
	cursor:pointer;
  background: url(images/buttonbackground.png) #C3E1F2 repeat-x center 50%;
	color: #00156E;
	padding: 0px 2px;
	border-right: #00156E 1px solid;
	border-top: #00156E 1px solid;
	border-left: #00156E 1px solid;
	border-bottom: #00156E 1px solid;
}


.fancyButtonCaution
{	cursor:pointer;
	position:relative;
	text-align:center;
	font-size:11px;
	padding:1px;
	background:#FCA51D;
	color: #ffffff;
	border: solid 1px #000000;
}
.fancyButtonCritical
{	cursor:pointer;
	position:relative;
	text-align:center;
	font-size:11px;
	padding:1px;
	background:#E80404;
	color: #ffffff;
	border: solid 1px #000000;
}

.fancyButtonInfo
{	cursor:pointer;
	position:relative;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	padding:2px;
	background:#0000ff;
	color: #ffffff;
	border: solid 1px #000000;
}

.headerPanel
{
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
}



.content
{
	font-size:1em;
	text-align:left;
	color:#808080;
	padding:4px;
}

.content p
{
	font-size:1em;
	margin:0px;
	margin-bottom:6px;
}

.content b
{
	font-size:1em;
}

.content h1
{
	font-size:1.6em;
	color:#8199FE;
	margin-bottom:6px;
}

.content h2
{
	font-size:1.4em;
	color:#8199FE;
	margin-bottom:6px;
}

.content li
{
	font-size:1em;
	margin-bottom:4px;
}

.content ul
{
	font-size:11px;
	margin-bottom:4px;
}

.content a:link
{
	text-decoration: none;
	color:#009000;
	font-weight:bold;
	border-bottom: 1px dotted #336600;
}

.content a:visited
{
	text-decoration: none;
	color:#009000;
	font-weight:bold;
	border-bottom: 1px dotted #336600;
}

.content a:hover
{
	text-decoration: none;
	font-weight:bold;
	border-bottom: 1px solid #ff0000;
}

.content a:active
{
	text-decoration: none;
	color:#009000;
	font-weight:bold;
	border-bottom: 1px dotted #336600;
}
.Price
{
	color: #ff0000;
	font-size: 1.4em;
	font-weight: 700;
	padding-bottom: 4px;
}

.PageNumber
{
	font-weight: bold;
	font-size: 0.9em;
}
.SelectedPageNumber
{
	font-size: 1.6em;
	font-weight: bold;
	color:#EA0000;
}

/*
   #####################
   PANELS AND FORMS 
   #####################
*/

#strawberry{padding:4px;}

.centre
{
	text-align:center;
}
	
.Bottom {	vertical-align:bottom; padding-bottom:3px; color:#8199FE;}

.channelpanel
{
	width:68%;
}
.homepanel
{
	width:100%;
}
.chanimg
{
	float: left;
	width: 170px;
	height:120px;
	margin:0 auto;
}

.Login
{
	width:250px;
	margin:10px;
	background-color:#E9F8DB;
	padding:10px;
	font-size:0.8em;
	color:#8199FE; 
	border:solid 1px #8199FE;
}

.loginState{color:#fff; font-size:10px;}

.searchPanel
{
  margin-top:5px;
  color:#b0b0b0;
  background:#ffffff;
  border:solid 1px #8199FE;
  width:198px;
}
	
.HighlightPanel
{
	border: solid 1px #8199FE;
	padding: 6px;
	background: #E9F8DB;
	color: #333333;
	font-size: 11px;
}

.borderedPanel{padding:10px; border:solid 1px #909090;}

.controlBorder{border:solid 1px #8199fe; width:180px;}
.controlBorder li
{
  line-height:18px;
  padding-left:4px;
}

.RedAd
{
	display:inline-table;
	min-height:120px;
	width:180px;
	padding: 2px;
	border: solid 1px #EA0000;
	font-size: 10px;
	color: #EA0000;
	background-color: #FFEAEA;
}

.RedAd a:link a:visited a:hover a:active{	color: #EA0000; font-size: 11px;}

.OrangeAd
{
	display:inline-table;
	min-height:110px;
	width:180px;
	padding: 2px;
	border: solid 1px #ff6309;
	font-size: 10px;
	color: #ff6309;
	background-color: #fff1e6;
}

.OrangeAd a:link a:visited a:hover a:active{	color: #ff6309; font-size: 11px;}

.GreenAd 
{
	display:inline-table;
	min-height:110px;
	width:180px;
	padding: 2px;
	border: #009933 1px solid;
	font-size: 10px;
	color: #009933;
	background-color: #F0FEEB;
}

.GreenAd a:link a:visited a:hover a:active{	color:#00ff00;}

.BlueAd
{
	display:inline-table;
	min-height:110px;
	width:180px;
	padding: 2px;
	border: #3366CC 1px solid;
	font-size: 10px;
	color: #3366CC;
	background-color: #FBFCFF;
}

.BlueAd a:link a:visited a:hover a:active{	color: #009933;}

.PurpleAd
{
	display:inline-table;
	background: #f6eefd;
	min-height:110px;
	width:180px;
	padding: 2px;
	border: #9966FF 1px solid;
	font-size: 10px;
	color: #9966FF;
}

.PurpleAd a:link a:visited a:hover a:active{	color: #9966FF; font-size:10px;}



.Enquiry
{
	width:550px;
	border:solid 1px #E1C68B;
	margin-left:20px;
	margin-top:20px;
	padding:10px;
	background-color:#FBF7E5;
}

.InfoPanel
{
	font-size:1em;
	background-color:#ffffff;
	border:#CBDEC8 1px solid;
	width:250px;
	padding:4px;
	padding-left:10px;
	color:#4A664B;
	margin-bottom:10px;
}

.InfoPanel h1
{
	font-size:1.6em;
  margin-bottom:6px;
	color:#4A664B;
	font-weight:bold;
}

.InfoPanel img
{
	margin-bottom:6px;
}

.InfoPanel p
{
	font-size:11px;
	margin:0px;
	margin-bottom:6px;
}

.DEPanel
{
	font-size:1em;
	background-color:#FBF7E5;
	border:#D9D47C 1px solid;
	padding:4px;
	color:#7C690E;
	margin-bottom:10px;
}
.DEPanel h1
{
	font-size:1.4em;
  margin-bottom:6px;
	color:#4A664B;
	font-weight:bold;
}

.DEPanel p
{
	font-size:1em;
	margin:0px;
	margin-bottom:6px;
}

.DEPanel img
{
	margin-bottom:6px;
}

.DEPanel ul
{
	margin-top:4px;
	margin-bottom:4px;
}

.DEPanel li
{
	margin-bottom:4px;
}

.MessagePanel
{
	border:#CBDEC8 1px solid;
	font-size:9px;
	padding:4px;
	color:#4A664B;
}

/*
   #####################
   NAVIGATION STYLES
   #####################
*/

.menuItemsAlt{background:#FCF8E2; font-size:11px;}
.menuItems{background:#ffffff; font-size:11px;}

#MenuSelector
{
	float:left;
}

#MenuSelector ul
{
	margin:0;
	padding:0;
	list-style:none;
	width:99%;
	float:left;
}

#MenuSelector ul li
{
	float:left;
	background:url(Images/Brand/tab-right.gif) no-repeat top right;
}

#MenuSelector li a
{
	display:block;
	line-height:1.5em;
	background:url(images/Brand/tab-left.gif) no-repeat top left;
	text-decoration:none;
	color:#fff;
	float:left;
}

#MenuSelector a:hover
{
	color:#333;
}

.MenuBar 
{
	padding:6px 10px 0 10px;
	background-image:url(Images/Brand/BG2.gif);
	color:#fff;
	height:24px;
	font-size: 11px;
	font-weight:bold;
}

.MenuBar a:link
{
	color:#fff;
}

.MenuBar a:visited
{
	color:#fff;
}

.MenuBar a:active
{
	color:#fff;
}

.MenuBar a:hover
{
	color:#f00;
}

.Marquee
{
	color:#ff0000;
	font-size:1.1em;
	font-weight:700;
}

.LatestList
{
	text-align:left;
	font-size:1em;
}

.LatestList A:link
{
	display:block;
	width:150px;
	height:20px;
 	background: url(Images/Brand/listbtn.gif) no-repeat left top;
  color:#8199FE;
  padding-top:3px;
	padding-left:20px;

}

.LatestList A:visited
{
	display:block;
	width:150px;
	height:20px;
  color:#8199FE;
  padding-top:3px;
	padding-left:20px;
}
.LatestList A:hover
{
	display:block;
	width:150px;
	height:20px;
  font-weight:bold;
  color:#EC0101;
  padding-top:3px;
	padding-left:20px;
}
.LatestList A:active
{
	display:block;
	width:150px;
	height:20px;
  color:#8199FE;
  padding-top:3px;
	padding-left:20px;
}

.NewsList
{
    width: 180px;
    padding: 0px;
    margin: 0px;
}
.NewsList ul
{
    border-bottom: 1px solid #c0c0c0;
}
.NewsList li
{
    text-align: left;
    margin-left: 4px;
    margin-top: 6px;
    margin-bottom: 6px;
    line-height: 10px;
}

.latestArticles
{
	background:url(Images/Brand/LatestArticles.gif);
	height:25px;
	border:0px;
}


#PrimaryNav li a
{
	margin-left:10px;
	background: url(Images/Buttons/MenuButtonRO.gif) no-repeat left top;
	display:block;
	height:25px;
	line-height:25px;
	color:#000;
	text-decoration:none;
	text-indent:25px;
}

#PrimaryNav li.first a
{
	background: url(Images/Buttons/MenuButtonRO1.gif) no-repeat left top;
	display:block;
	height:26px;
	line-height:25px;
	color:#000;
	text-decoration:none;
	text-indent:25px;
}

#PrimaryNav a:hover, .selected a
{
	background-position:right bottom;
	color:#00f;
}

.NavMenu
{
	text-align:left;
	font-size:1em;
	font-weight:bold;
}

.NavMenu A:link
{
	display:block;
	width:180px;
  padding-left: 10px;
  color:#8199FE;
  padding-top:4px;
}

.NavMenu A:visited
{
	display:block;
	width:180px;
  padding-left: 10px;
  color:#8199FE;
  padding-top:4px;
}
.NavMenu A:hover
{
	display:block;
	width:180px;
  padding-left: 10px;
  font-weight:bold;
  color:#8199FE;
  padding-top:4px;

}
.NavMenu A:active
{
  display :block;
  width:180px;
  padding-left: 10px;
  color:#8199FE;
  padding-top:4px;
}

.NavBar 
{
	float:left;
	padding:3px; 
	width:75%;
	color:#0000ff; 
	font-size:11px; 
	text-align:center;
 }
 
.NavBar A:link {text-decoration:underline; color:#0000ff;}
.NavBar A:visited {	text-decoration:underline; color:#0000ff;}
.NavBar A:hover {text-decoration:underline; color:#ff0000;}
.NavBar A:active {	text-decoration:underline; color:#0000ff;}

.SelectedDept {color:#ff0000; font-weight:600; white-space:nowrap;}
.UnselectedDept {white-space:nowrap;}

.HdrWrap
{
  width:100%;
  min-width:1024px; 
  height:100px;
  margin:0;
  background: url(Images/Brand/hdrBG.gif) #fff repeat-x top;
  border:0; 
  padding:0;
}

.HdrNav 
{
	float:right;
	background:#0;
	padding:6px;
	color:#0000dd;
	font-size:11px;
	text-align:center;
	width:60%;
	min-width:700px;
}

.HdrNav A:link {color:#0000dd;}
.HdrNav A:visited {color:#0000dd;}
.HdrNav A:hover {color:#00aa00;}
.HdrNav A:active {color:#0000dd;}

.LinkBar{padding-top:2px; color: white; font-weight:bold;}
.LinkBar A:link
{
	color: #ffffff;
	font-size: 1em;
}

.LinkBar A:visited
{
	color: #ffffff;
	font-size: 1em;
}

.LinkBar A:hover
{
	color:#ff0000;
	font-size: 1em;
}

.LinkBar A:active
{
	color: #ffffff;
	font-size: 1em;
}

/*
   #####################
   COMMUNITY STYLES
   #####################
*/
.POST_TITLES
{
	background-position: left top;
	height:24px;
	font-weight: bold;
	font-size: .9em;
	background-image:url(Images/Brand/ForumBG1.gif);
	color: #ffffff;
	padding-top: 3px;
	background-repeat: repeat-x;
}

.LIST_TITLES
{
	height: 22px;
	font-weight: bold;
	font-size: .9em;
	background-image:url(Images/Brand/ForumBG1.gif);
	color:#ffffff;
	padding-top: 2px;
	background-repeat: repeat-x;
}

.TITLE_PANEL
{
	font-weight: normal;
	font-size: .8em;
	color: #606060;
	background-color: #D4D9EC;
	padding-top:3px;
	padding-bottom:3px;
}

.TITLE_PANEL_REPLIES
{
	background-color: #fbeecb;
	font-weight: normal;
	font-size: .8em;
	padding-bottom: 3px;
	color: #606060;
	padding-top: 3px;
}

.CONTENT_PANEL
{
	background-color: #EEF5FE;
	color: #0000ff;
	font-weight: normal;
	font-size: .9em;
	padding:4px;
}

.CONTENT_PANEL_REPLIES
{
	font-weight: normal;
	font-size: .9em;
	padding-bottom: 3px;
	color: #996600;
	padding-top: 3px;
	background-color: #ffffe6;
}

.REPLY_DATA
{
	padding-top:2px;
	padding-bottom:2px;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#c0c0c0;		 
}

.REPLY_DESC
{
	background-color:#f5f8fe;
	padding-top:2px;
	padding-bottom:2px;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#c0c0c0;		 
}

.REPLY_DIV
{
	background-color:#EEF5FE;
	border: #8198f3 1px solid;

}
.REPLY_DIV_ALT
{
	background-color:#ffffe6;
	border: #deb887 1px solid;
}

.ForumsBorder
{
	border: #8198fe 1px solid;
}

.NodeText
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0000ff;
	font-weight: normal;
	font-size: .9em;
}

.ForumSummary
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #808080;
	font-weight: normal;
	font-size: .9em;
}

#ForumLinks
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-weight: normal;
	font-size: .9em;
}

.NodeTextTitle
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #3366ff;
	font-weight:700;
	text-decoration:underline;
	font-size: .9em;
	height:25px;
}

.ForumStats
{
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color:#505050;
	font-size: .8em;
}

.ToolBox
{
  padding:10px;
  width:50%;
  border: solid 1px #68a161;
  background: #ddfbda;
  color:#68a161;
}

.WarningPanel
{
	border: #ff0000 1px solid;
	padding: 6px;
	font-size: 10px;
	color: red;
	font-family: Verdana, Helvetica, sans-serif;
	background-color: #ffffcc;
}

#MoonPhase{background:#000; width:170px; font-family:arial; font-size:9px; padding-top:1px; padding-bottom:1px;}
#MoonPhaseBorder{width:160px; padding:2px; margin:2px; border:solid 1px #fff; color:#fff; min-height:70px; font-size:9px;}
.MPTitle{font-size:10px; font-weight:bold; color:#FFFF00;}
.MPTag{font-size:9px; color:#FFFF00;}
.center{text-align:center;}


.searchInputPanel
{
	border: 1px solid #6600CC;
	padding: 5px;
	background-color: #CCCCFF;
}

.searchInputPanel #q
{
	width: 200px;
}


.btn1{display:block; padding-left:10px; padding-top:10px;}
.btn2{display:block; padding-left:20px; padding-top:4px;}

.chanbtn
{
	text-decoration: none;
	font-size:12px;
	font-family: Arial Rounded MT Bold, Verdana, Arial;
  background-image:url(Images/Brand/ChanBtn.png);	
  font-size:1.2em;
	font-weight:500;
	height:30px;
	width:180px;
}

.chanbtn a:link{color:#ffffff;}
.chanbtn a:visited{color:#ffffff;}
.chanbtn a:active{color:#ffffff;}

.groupbtn
{
	height:22px;
	width:180px;
	font-family: Verdana, Arial Rounded MT Bold,  Arial;
	font-size:1.2em;
	font-weight:500;
	border-bottom:solid 1px #eb5381;
}

.groupbtn a:link{color:#606060;}
.groupbtn a:visited{color:#606060;}
.groupbtn a:hover{color:#606060;}
.groupbtn a:active{color:#606060;}

.groupbtnSelected
{
	Background:#ffe3ec;
	height:22px;
	width:180px;
	font-family: Verdana, Arial Rounded MT Bold,  Arial;
	font-size:1.2em;
	font-weight:500;
	border-bottom:solid 1px #eb5381;
}

.groupbtnSelected a:link{color:#ff0000;}
.groupbtnSelected a:visited{color:#ff0000;}
.groupbtnSelected a:hover{color:#ff0000;}
.groupbtnSelected a:active{color:#ff0000;}

.linkButton
{
	padding-top: 3px!important;
	padding-bottom: 3px!important;
	color: #00156E!important;
	font-size: small!important;
}

.productListBuyNow .WorriedBar
{
	color: Orange;
}

.productListBuyNow .ErrorBar
{
	color: Maroon;	
}

.productListBuyNow .OKBar
{
	color:#006600;
}

.imgMatte
{
  border:solid 1px #a0a0a0;
}

.AttributionPanel
{
  padding:6px; border:solid 1px #909090; width:95%;
}

.floatright
{
  float:right;
}


.showSpinner
{
    background-image: url('Images/Icons/spinner.gif');
    height: 16px;
    width: 16px;
   display:inline;
}

.hidden { display:none;}

.vertical-spacing
{ margin-top: 10px;margin-bottom:10px;}

#loginSuccessful
{
color:#006600;
}

.smallErrorNote
{
    color: #990000;
    font-size: x-small;
}

.smallErrorNote
{
    padding-top: 5px;
    color: #990000;
    font-size: x-small;
    font-weight: normal;
}

div#noLogin.ErrorBar
{
    height: 40px;
}



.checkoutUserTypeLabel
{
    font-weight:bold;
}

#confirmPasswordPanel
{
    display:none;
}

#signInRow
{

}

#TrustPanel
{
  padding:6px;
  background-color:#f6f6f6;
  border:1px solid #606060;
  text-align:left
}

.ProductPanel
{
  float:left;
  width:110px;
  height:170px;
  font-size:1em;
  border: 1px solid #c0c0c0;
  background: url(Images/Brand/FauxPanelHt.jpg);
  padding:  10px 10px 0 10px;
  margin:  0 5px 5px 0;
  text-align:center;
}

.LandPanel
{
  font-size:12px;
  padding:  10px 10px 0 10px;
  margin:   0 10px  0 10px;
}

.tweet
{
  width:400px;
  background-color:#f0f7b7;
  border:1px solid #c0c0c0;
  padding:10px;
}

.SocialNetworkPanel
{
    float:left;
    background: none repeat scroll 0 0 #F5FFEA;
    border: 1px solid #80D134;
    color: #428402;
    font-size: 0.8em;
    padding: 6px;
    margin:4px;
    width: 270px;
}
#notice
{color:#ff7800; 
 font-weight:700;
 font-size:12px;
 }

.Notify
{
    display:none;
    position:absolute;
    font-family:Arial, Helvetica, sans-serif;
    width:300px;
    background:#fefef7;
    border:2px solid #8199fe;
    padding:15px;
    color:#8199fe;
    font-size:12px;
}

.Notify h5
{
    font-size:12px;
    padding:0px;
    margin:0 0 4px 0;
    color:#f80000;
    font-weight:600;
}

.linkLabel{text-align:left; background:#ffffff; color:#009000; font-weight:600;}

.free-shipping-reminder
{
    color: #008000;
    font-weight: bold;
    font-size: x-small;
}

#today-only-header-menu
{
    font-weight:normal;
}

#view-basket-header-menu
{
    font-weight:bold;
}

#cart-subtotal { float: left; width: 90px; font-weight: bold;text-align: left; }
#cart-shipping { float: left; width: 90px; font-weight: bold;text-align: left; }
#cart-total { float: left; width: 90px; font-weight: bold;text-align: left; }
#cart-subtotal-value { float: left; width: 60px;text-align: right; }
#cart-shipping-value { float: left; width: 60px;text-align: right;  }
#cart-total-value { float: left; width: 60px;text-align: right; }

#async-cart-list-container p { font-weight: bold; text-align: left; }
#async-cart-list-container { width: 190px; }

#async-cart-content-panel { overflow-y: scroll; max-height: 400px;  text-align:left;}

#forgottenPasswordForm
{
    display:none;
    border: thin solid #CC33FF;
    background: white none repeat scroll 0 0;
    height: 252px;
    padding: 15px;
    width: 454px;
}

#forgottenPasswordForm h1
{
    color: Black;
    font-family: Arial, Helvetica, sans-serif;
}

#forgottenPasswordForm hr
{
    width: 100%;
    color: Gray;
border: 1px;
}

#forgottenPasswordForm #buttonbar
{
    padding-top: 9px;
}

#forgottenPasswordForm #forgottenPassword2
{
    display:none;
}

#forgottenPasswordForm #forgottenPassword3
{
    display:none;
}
#forgottenPasswordForm #forgottenPassword4
{
    display: none;
    color: #990000;
}