body {background-color:#FFFFFF; text-align:center;}

.dtnMainHdr {font: 3.0em serif; color:#345C90; border: 0px; background-color:#FFC7E0; padding-left:5px;}
.dtnBlockHdr {font: 1.2em Verdana, Arial, Helvetica, sans-serif; color:white; background-color:#345C90;  padding-left:5px; padding-top:3px; padding-bottom:3px;}
.dtnMidBlock {font: 0.8em Verdana, Arial, Helvetica, sans-serif; color:#345C90; border: 1px solid color:#345C90; background-color:#FFC7E0;  padding-left:5px;}
.dtnTitle {font: 1em Verdana, Arial, Helvetica, sans-serif; color:#345C90; background-color:white; padding-top:8px; padding-bottom:8px;}
.dtnCopyBlock {font: 0.65em Verdana, Arial, Helvetica, sans-serif; color:#345C90; background-color:white;}
.dtnCopyTD {font: 0.4em Verdana, Arial, Helvetica, sans-serif; color:#345C90; background-color:white;}
.dtnCreditsBlock {color:#222222; padding-left:5px; padding-top:6px; padding-bottom:6px;}
.dtnImageBlock {font: 0.65em Verdana, Arial, Helvetica, sans-serif; color:#345C90; border: 0px solid black; background-color:white;}
.dtnTDBorder {border:1px solid #345C90;}

.catHeadline {font: bold 1.0em Verdana, Arial, Helvetica, sans-serif; color:#4C4C4C;}
.catCopy{font: 0.65em Verdana, Arial, Helvetica, sans-serif; color:#4C4C4C;}

#minicart {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}
#minicart td.borderbg {background-color:##CFCFC2;}

.minicartBold {font: bold 0.70em Verdana, Arial, Helvetica, sans-serif; color:#FF6600;}
.minicartWhite {font: 0.70em Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;}
.minicartBg {background-color:#E8EBF4;}
a.minicartLink {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#345C90; text-decoration:none;}
a.showMeLink {font: bold 0.70em Verdana, Arial, Helvetica, sans-serif; color:#345C90; text-decoration:none;}
.minicartText {font: 0.70em Verdana, Arial, Helvetica, sans-serif; color:#345C90; text-decoration:none;}
a.minicartHeaderLink {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#FFFFFF; text-decoration:none;}
a.minicartOrangeLink {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#FF6600; text-decoration:none;}

#topLinks {font: bold 0.6em Verdana, Arial, Helvetica, sans-serif; color:#8C8C8C; padding:5px 10px 0px 0px;} 
a.catLink {color:#8C8C8C; text-decoration:none;}

#footerLinks {font: 0.6em Verdana, Arial, Helvetica, sans-serif; color:#345C90;} 
#footerLinks a {color:#345C90; text-decoration:none;}
#poweredByVenda {font: 0.6em Verdana, Arial, Helvetica, sans-serif; color:#345C90; text-decoration:none;}
#poweredByVenda a {color:#345C90; text-decoration:none;}

.searchText {font: bold 0.65em Verdana, Arial, Helvetica, sans-serif; color:#666666;}
input.blueBox {font: 0.70em Verdana, Arial, Helvetica, sans-serif; height:16px; border:inset 1px solid #345C90; background-color:#DDEBFF;}
input.whiteBox {font: 0.70em Verdana, Arial, Helvetica, sans-serif; height:16px; width:63px; border:inset 1px solid #345C90; background-color:#ffffff;}
#nav {width:160px;}
li.over {height:auto; min-height:15px; margin-left:0; border-bottom: 1px solid #345C90; list-style: none; background-color:#DDEBFF;}
li.title {height:auto; min-height:15px; margin-left:0; padding:0px 5px 0px 5px; border-bottom: 1px solid #345C90; border-top: 1px solid #345C90; list-style: none; background-color:#345C90;}
a.subNavLink:link {color:#0F218B;font: 0.90em Verdana, Arial, Helvetica, sans-serif; text-decoration:none; padding:0px 5px 0px 5px;}
a.subNavLink:visited {font: 0.90em Verdana, Arial, Helvetica, sans-serif; color:#0F218B; text-decoration:none; padding:0px 5px 0px 5px;}
a.subNavLink:hover {font: 0.90em Verdana, Arial, Helvetica, sans-serif; color:#0F218B; text-decoration:underline; padding:0px 5px 0px 5px;}

a.highlightLink:link {font: 0.70em Verdana, Arial, Helvetica, sans-serif; color:#8C8C8C; text-decoration:none;}
a.highlightLink:visited {font: 0.70em Verdana, Arial, Helvetica, sans-serif; color:#8C8C8C; text-decoration:none;}
a.highlightLink:hover {font: 0.70em Verdana, Arial, Helvetica, sans-serif; color:#FF6600; text-decoration:underline;}
a.highlightNSLink:link {font-family: Verdana, Arial, Helvetica, sans-serif; color:#8C8C8C; text-decoration:none;}
a.highlightNSLink:visited {font-family: Verdana, Arial, Helvetica, sans-serif; color:#8C8C8C; text-decoration:none;}
a.highlightNSLink:hover {font-family: Verdana, Arial, Helvetica, sans-serif; color:#FF6600; text-decoration:underline;}
.titleText {font: bold 0.70em Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#345C90;}
a.greyNav {font: bold 0.70em Verdana, Arial, Helvetica, sans-serif; color:#8C8C8C; text-decoration:none;}
a.redNav {font: bold 0.70em Verdana, Arial, Helvetica, sans-serif; color:red; text-decoration:none;}
a.orangeNav {font: bold 0.70em Verdana, Arial, Helvetica, sans-serif; color:#FF6600; text-decoration:none;}
li.shorter {height:auto; min-height:14px;margin-left:0; list-style: none;}
.promoHeaderBg {background-color:#345C90;}
.shadow {background-color:#CCCCCC;}
.promoHeader {font: bold 1em Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;}
.promoBottomBg {background-color:#DDEBFF;}
.glBottomBg {background-color:#F2E8F1;}
.rhBox {border: 1px solid #345C90;}
.glboxText {font: 0.70em Verdana, Arial, Helvetica, sans-serif; color:#F2E8F1; text-decoration:none;}
.promoTextBold {font: bold 0.85em Verdana, Arial, Helvetica, sans-serif; color:#FF6600; text-decoration:none;}
.promoTextBoldBlue {font: bold 0.85em Verdana, Arial, Helvetica, sans-serif; color:#345C90; text-decoration:none;}
.promoText {font: bold 0.70em Verdana, Arial, Helvetica, sans-serif; color:#345C90; text-decoration:none;}
.promoBox {padding:8px 6px 6px 8px; border: 1px solid #345C90; height: 103px;}
.promoBoxr {padding:2px 2px 6px 2px; border: 1px solid #345C90;}
.smallerHeader {font: bold 0.77em Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; padding:0px 0px 0px 4px;}
.smallGreyText {font: 0.65em Verdana, Arial, Helvetica, sans-serif; color:#8C8C8C;}
a.orangeLinks {font: 0.65em Verdana, Arial, Helvetica, sans-serif; color:#FF6600;}
a.orangeListLinks {color:#FF6600;}
.separator {background-color:#A3A3A3; width:179px; height:1px; float:left;}
.separatorTd {border-bottom: inset 1px solid; border-color: #A3A3A3; width:179px;}
.invtname {font: bold 0.80em Verdana, Arial, Helvetica, sans-serif; color:#345C90; text-decoration:none;}
.softWhite {font: 0.70em Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; padding:2px 2px 1px 4px; text-transform:capitalize;}
.qtyText {font: 0.70em Verdana, Arial, Helvetica, sans-serif; color:#345C90; text-decoration:none;}
.greyText {font: 0.70em Verdana, Arial, Helvetica, sans-serif; color:#8C8C8C; text-decoration:none;}
li.greyText {font: 0.70em Verdana, Arial, Helvetica, sans-serif; color:#8C8C8C; text-decoration:none;}
.greyNoText {color:#8C8C8C;}
.adviceJump {background-color:#FFD30C;}
.blueSeparator {background-color:#335B8F; height:1px; clear:both;}
#breadcrumbs {font: 0.65em Verdana, Arial, Helvetica, sans-serif; color:#8C8C8C; padding-top:10px; text-transform:capitalize;} 
#breadcrumbs a {color:#8C8C8C;}
.imageRight {float:right; padding-left:5px;}
.textLeft {float:left; font: 0.70em Verdana, Arial, Helvetica, sans-serif; color:#8C8C8C; text-decoration:none;}
.imageLeft {float:left; padding-right:5px;}
.imageCentre {text-align:center;}
.textRight {float:right; font: 0.70em Verdana, Arial, Helvetica, sans-serif; color:#8C8C8C; text-decoration:none;}
.textCentre {font: 0.70em Verdana, Arial, Helvetica, sans-serif; color:#8C8C8C; text-decoration:none;}
a.plainLink {font: 0.65em Verdana, Arial, Helvetica, sans-serif; color:#345C90;}
a.simpleLink {font: 1em Verdana, Arial, Helvetica, sans-serif; color:#345C90;}
/*a {font: 0.65em Verdana, Arial, Helvetica, sans-serif; color:#345C90;}*/
h2 {font: 600 1.5em Verdana, Arial, Helvetica, sans-serif; color:#345C90; margin-bottom:0px;}
a.orangeCatLinks {font: bold 0.8em Verdana, Arial, Helvetica, sans-serif; color:#FF6600;}
.orangeCatLinks {font: bold 0.8em Verdana, Arial, Helvetica, sans-serif; color:#FF6600; text-decoration: underline;}
.orangeCatLinksBig {font: bold 1em Verdana, Arial, Helvetica, sans-serif; color:#FF6600;}
/* styles for projectGuide and gardenGuide story templates */
.gardenGuideBg {font: bold 0.70em Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; padding:3px 8px; background-color:#85A633; border-bottom: solid #BFBFBF; border-bottom-width: 2px;}
.projectGuideBg {font: bold 0.70em Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; padding:3px 8px; background-color:#345C90; border-bottom: solid #BFBFBF; border-bottom-width: 2px;}
a.projectGuide {font: bold 1em Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none;}
.projectGuideBlueBg {font: 0.70em Verdana, Arial, Helvetica, sans-serif; color:#345C90; padding:3px 8px 3px 8px; background-color:#DDEBFF;}
.gardenGuideGreenBg {font: 0.70em Verdana, Arial, Helvetica, sans-serif; color:#336600; padding:3px 8px; background-color:#D3E4A7;}
h2.projectGuide {font: bold 1.2em Arial, Helvetica, sans-serif; color:#345C90;}
h2.projectGuideSimple {font: 1.2em Arial, Helvetica, sans-serif; color:#345C90;}
h2.gardenGuide {font: bold 1.2em Arial, Helvetica, sans-serif; color:#85A633;}
.projectGuideBody {padding:10px 0px 10px 0px; font: 0.70em Verdana, Arial, Helvetica, sans-serif; color:#345C90;}
.gardenGuideBody {padding:10px 0px 10px 0px; font: 0.70em Verdana, Arial, Helvetica, sans-serif; color:#336600;}
.imgBorder {border:inset 1px solid #013374;}
.gardenImgBorder {border:inset 1px solid #336600;}
.tdPadding {width: 160px; vertical-align:text-top; padding: 10px 10px 10px 0px;}
.listTools {list-style: disc outside; margin-left: 16px; font: 1em Verdana, Arial, Helvetica, sans-serif; color:#345C90;} 
.listGardenTools {list-style: disc outside; margin-left: 16px; font: 1em Verdana, Arial, Helvetica, sans-serif; color:#336600;} 
.contentsDiv {float:right; padding-right: 28px;}
.contentsListBg {background-color:#FFF0A8; border-top: solid #BFB47E; border-top-width: 2px;}
.contentsList {list-style: decimal outside; font: bold 0.70em Verdana, Arial, Helvetica, sans-serif; color:#FF6600; padding: 5px 6px 6px -2px;}
a.contents  {color:#FF6600; text-decoration:none; font-weight:normal; text-transform:capitalize;}

/* gardening guide styles: GH 100304 */
.garhdglight  {font: 0.9em Albert, Verdana, Arial, Helvetica, sans-serif,; color:#FFFFFF}
.garhdgdark   {font: 0.9em Albert, Verdana, Arial, Helvetica, sans-serif,; color:#222222}
.garbodylight {font:      0.7em Albert, Verdana, Arial, Helvetica, sans-serif,; color:#FFFFFF}
.garbodydark  {font:      0.7em Albert, Verdana, Arial, Helvetica, sans-serif,; color:#222222}
.garh1  {font: bold 1.2em Albert, Verdana, Arial, Helvetica, sans-serif,; color:#222222}
.garh2  {font: bold 1.0em Albert, Verdana, Arial, Helvetica, sans-serif,; color:#222222}
.garsmall  {font: italic 0.7em Albert, Verdana, Arial, Helvetica, sans-serif,; color:#222222}

/* styles needed for netscape 4. these are overwritten with styles for newer browsers @import */
.listDetail {width: 139px; font: 0.65em Verdana, Arial, Helvetica, sans-serif; color:#345C90; text-decoration:none; margin:10px 0px 10px -40px; padding-left:0px;}

/*
previously inherited 0.6em
7.5pt 	0.65em
8pt		0.70em
9pt 	0.77em
10pt 	0.85em
12pt	1em
14pt	1.2em
*/

/* redesign - remove refs to #nav except width, change to 160px and body align=left */
/* subNavLink changed */

.subNavLinkBlock {background-color:#D2D5EA}

#nav {border-left: 1px solid #CCCCCC;}
.view, .viewOver, .viewa, .viewOvera {
	font-size:11px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
}

.view {color:#0F218B;font-weight:normal;cursor:hand;height:20px;text-align:left;background:#DCDCDC;padding-left: 5px;border-right:1px solid #CFCFC2;text-decoration:none;}
.viewOver {color:#0F218B;font-weight:normal;cursor:hand;height:20px;text-align:left;background:orange;padding-left: 5px;border-right:1px solid #CFCFC2;text-decoration:none;}
.viewa {color:#0F218B;font-weight:normal;cursor:hand;height:20px;text-align:left;background:#FFFFFF;padding-left: 5px;border-right:1px solid #CFCFC2;text-decoration:none;}
.viewOvera {color:#0F218B;font-weight:normal;cursor:hand;height:20px;text-align:left;background:#8890C5;padding-left: 5px;border-right:1px solid #CFCFC2;text-decoration:none;}
td.LnL2_Over{color:#0F218B;padding:2 0 2 5;background-color:#0F218B;border-right:1px solid #CFCFC2;}

td.LnL1 {padding-left:5px;padding-bottom:3px;padding-top:3px;font-weight:bold;color:#0F218B;border-right:1px solid #CFCFC2;background:#8890C5}
td.LnL1H {padding-left:5px;padding-bottom:3px;padding-top:3px;font-weight:bold;color:#0F218B;border-right:1px solid #CFCFC2;background:#8890C5}
a.LnL1H:link,a.LnL1H:active,a.LnL1H:visited {color:#0F218B;font-weight:bold}
a.LnL1:link,a.LnL1:active,a.LnL1:visited {color:#FFF;font-weight:bold}

td.LnL2H {padding-left:5px;padding-bottom:3px;padding-top:3px;font-weight:bold;color:#0F218B;border-right:1px solid #CFCFC2;background:#8890C5}
a.LnL2H:link,a.LnL2H:active,a.LnL2H:visited {color:#0F218B;font-weight:bold}
td.LnL2 {text-decoration:none;padding-left:5px;padding-bottom:3px;padding-top:3px;font-weight:bold;color:#0F218B;border-right:1px solid #CFCFC2;background:#A5ABD3}
a.LnL2:link,a.LnL2:active,a.LnL2:visited {text-decoration:none;color:#0F218B;font-weight:bold}
a.LnL2:hover {text-decoration:none;color:#0F218B}

td.LnL3H {padding-left:5px;font-weight:bold;padding-bottom:4px;color:#f60;padding-top:4px;border-right:1px solid #CFCFC2;background:#E8EBF4}
a.LnL3H:link,a.LnL3H:active,a.LnL3H:visited {color:#f60;font-weight:bold;background:#E8EBF4}
td.LnL3 {padding-left:5px;padding-bottom:2px;padding-top:2px;color:#0F218B;border-right:1px solid #CFCFC2;background:#E8EBF4}
a.LnL3:link,a.LnL3:active,a.LnL3:visited {color:#0F218B;background:#E8EBF4}
a.LnL3:hover {text-decoration:underline;color:#F60}

td.LnL4H {font-weight:bold;padding-left:5px;padding-bottom:4px;padding-top:4px;color:#FFF;border-left:3px solid #0F218B;background:#F60}
a.LnL4H:link,a.LnL4H:active,a.LnL4H:visited {font-weight:bold;color:#FFF}
td.LnL4 {padding-left:25px;padding-bottom:2px;padding-top:2px;color:#8c8c8c;border-left:3px solid #0F218B;background:#fff}
a.LnL4:link,a.LnL4:active,a.LnL4:visited {color:#8c8c8c}
a.LnL4:hover {text-decoration:underline;color:#F60}
.navlinks {font-size:10px;font-weight:bold;color:#8c8c8c;text-decoration:none}
a.navlinks:link,a.navlinks:active,a.navlinks:visited {font-size:10px;font-weight:bold;color:#8c8c8c;text-decoration:none}
a.navlinks:hover {font-size:10px;font-weight:bold;color:#8c8c8c;text-decoration:underline}


td.LnL5_Over{padding:2 0 2 5;background-color:#0F218B;border-right:1px solid #CFCFC2;}
td.LnL5_Over{padding:2 0 2 5;background-color:#0F218B;border-right:1px solid #CFCFC2;}
td.LnL5H {padding-left:5px;padding-bottom:3px;padding-top:3px;font-weight:normal;color:#0F218B;border-right:1px solid #CFCFC2;background:#8890C5}
a.LnL5H:link,a.LnL2H:active,a.LnL2H:visited {color:#0F218B;font-weight:normal}
td.LnL5 {text-decoration:none;padding-left:5px;padding-bottom:3px;padding-top:3px;font-weight:normal;color:#0F218B;border-right:1px solid #CFCFC2;background:#A5ABD3}
a.LnL5:link,a.LnL2:active,a.LnL2:visited {text-decoration:none;color:#0F218B;font-weight:normal}

a.LnL2:hover {text-decoration:none;color:#0F218B}

.header_bg{background-image:url(focusbanner.jpg);background-repeat:repeat-y;padding-left:10px}

a.catLink:hover {color:#8C8C8C; text-decoration:underline;}
a.catLink:visited {color:#8C8C8C; text-decoration:underline;}

a.leftMenuLink:hover {color:yellow; text-decoration:underline;}
a.leftMenuLink:visited {color:#000000; text-decoration:underline;}

.sltable {margin-left:4px; margin-right:4px;}
.sltop {font: 0.65em Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; text-decoration:none; margin-left:20px; margin-right:4px; margin-top:4px;}
.slimage {font: 0.65em Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; text-decoration:none; margin-left:4px; margin-right:4px;}
.slhdg {font: 0.65em Verdana, Arial, Helvetica, sans-serif; color:darkblue; font-weight:bold; text-decoration:none; margin-left:4px; margin-right:4px;}
.slbody {font: 0.65em Verdana, Arial, Helvetica, sans-serif; color:#444444; font-weight:normal; text-decoration:none; margin-left:4px; margin-right:4px;}
.slbottom {font: 0.70em Verdana, Arial, Helvetica, sans-serif; color:darkblue; font-weight:bold; text-decoration:none; margin-left:5px; margin-right:4px;}
.slPrice {font: 1.2em Verdana, Arial, Helvetica, sans-serif; color:black; font-weight:bold; text-decoration:none;}
.slhdg A, .slbody A {text-decoration:none; color:darkblue;}
a.slhdg:hover, a.slbody:hover {color:blue;}

.promoBoxText {width:104px; height:151px;}
.promoBoxPrice {width:104px; height:25px; border-top: 1px solid #444444; }
.promoTextHdr {font: 0.65em Verdana, Arial, Helvetica, sans-serif; color:darkblue; font-weight:bold; text-decoration:none; margin-left:4px; margin-right:4px;}
.promoTextPrice {font: 0.80em Verdana, Arial, Helvetica, sans-serif; color:black; font-weight:bold; text-decoration:none; margin-left:4px; margin-right:4px;}
.promoTextBody {font: 0.65em Verdana, Arial, Helvetica, sans-serif; color:#444444; font-weight:normal; text-decoration:none; margin-left:4px; margin-right:4px;}
.promoTextBody A {color:#444444; text-decoration:none;}

#topSellers {width:180px; border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;}
.tsBox {width:180px;}
.tsPrice {font: 0.80em Verdana, Arial, Helvetica, sans-serif; color:black; font-weight:bold; text-decoration:none;}
.tsHdr {font: 0.65em Verdana, Arial, Helvetica, sans-serif; color:darkblue; font-weight:bold; text-decoration:none;}
a.tsHdr:hover {color:blue;}

.soText {width:180px; background:#FFFF00; border-bottom: 1px solid #CCCCCC;}
.soTextImgHdr {width:180px; border-right: 1px solid #CCCCCC; border-left: 1px solid #FFFFFF;}
.soTextBody, .soTextHdr {width:180px;  border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC;}
.soTextBody {font: 0.65em Verdana, Arial, Helvetica, sans-serif; color:#444444; font-weight:normal; text-decoration:none;}
.soTextHdr {font: 0.80em Verdana, Arial, Helvetica, sans-serif; color:darkblue; font-weight:bold; text-decoration:none;}
.soTextBody A, .soTextHdr A {text-decoration:none;}
.soTextBody A {color:#444444;}
.soTextHdr A {color:darkblue;}

#searchLink (cursor:hand;)

/* Tong Modified  Date : 23/9/2005 */

div#storybox-left
{
margin:0;
padding:0;
float:left;
}

div#storybox-right
{
margin:0;
padding:0;
width:180px;
background-color:#fff0a8;
float:right;
text-align:left;
}

ul#storyfont
{
margin:0;
padding:0 20px 0 10px;
color:#f60;
font: 0.70em Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
text-align:left;
list-style:none;
}

a.storylink{
	color:#f60;
	font: 0.9em Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:right;	
}

.storyfonthead
{
margin:0;
padding:0;
width:180px;
line-height:50px;
color:#fff;
font: 0.80em Verdana, Arial, Helvetica, sans-serif;
background:#003273;
}