/*********** G E N E R A L   S T Y L E S  ***********/
body { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#000; }
body, form, p, h1, h2, h3, h4, h5, h6 { margin:0px; padding:0px; }
body { background:#c1d96b !important; line-height:15px; }
h1, h2, h3, h4, h5, h6, form { display:inline; }
h1 { font-size:18px; }
h2 { font-size:16px; }
h3 { font-size:14px; }
table { border-collapse:collapse; }
a:link, a:visited { color: #000; text-decoration: none; }
a:hover, a:active { text-decoration: none; color: #060; }

/********** ALIGNMENT STYLES **********/
.aLeft { text-align:left; }
.aRight { text-align:right; }
.aCenter { text-align:center; }
.aJustify { text-align:justify; }
.fLeft { float:left; display:inline; }
.fRight { float:right; display:inline; }
.fOuter { width:100%; display:table; }
.fLefWithMargin { float:left; margin:0 10px 5px 0; }
.fRigWithMargin { float:right; margin:0 0 5px 10px; }
.clearBoth { clear:both; }
.margin2px { margin:2px; }
.margin5px { margin:5px; }
.margin10px { margin:10px; }
.padding2px { padding:2px; }
.padding5px { padding:5px; }
.padding10px { padding:10px; }

/********** BORDER STYLES **********/
.bdr { border:1px solid #ccc; }
.bdrTop { border-top:1px solid #ccc; }
.bdrRight { border-right:1px solid #ccc; }
.bdrBottom { border-bottom:1px solid #ccc; }
.bdrLeft { border-left:1px solid #ccc; padding:2px; }
.bdrTR { border:1px solid #ccc; border-width:1px 1px 0 0; }
.bdrTB { border:1px solid #ccc; border-width:1px 0 1px 0; }
.bdrTL { border:1px solid #ccc; border-width:1px 0 0 1px; }
.bdrRB { border:1px solid #ccc; border-width:0 1px 1px 0; }
.bdrRL { border:1px solid #ccc; border-width:0 1px 0 1px; }
.bdrBL { border:1px solid #ccc; border-width:0 0 1px 1px; }

/********** IMAGE STYLES **********/
a img { border:0px; }
img.borderNone { border:0; }
img.borderNone:hover { border:0; }
img.block2Px { display:block; width:2px; height:2px; }
img.block5Px { display:block; width:5px; height:5px; }
img.sendEnquiry { margin:10px 0 0; }
.banner { margin:15px auto; text-align:center; color:#333; }
.banner img { display:block; margin:0 auto 5px; }
img.middle, input.middle, textarea.middle, select.middle { vertical-align:middle; }

/********** BACKGROUND COLOR STYLES *********/
.bgRed { background:#ffebde; }
.bgRedDark { background:#ffb3b3; }
.bgGreen { background:#efffea; }
.bgGreenDark { background:#c1ffab; }
.bgBlue { background:#ebf3fb; }
.bgBlueDark { background:#cae5ff; }
.bgYellow { background:#ffffe6; }
.bgYellowDark { background:#ffffbf; }
.bgOrange { background:#fff0d3; }
.bgOrangeDark { background:#ffce71; }
.bgPink { background:#ffe6ff; }
.bgPinkDark { background:#ffbfff; }
.bgGray { background:#eee }
.bgGrayDark { background:#ccc }
.bgBlack { background:#000; }
.bgWhite { background:#fff; }

/********** FONTS STYLES **********/
.keywords { background:#cee08d; padding:0 2px; color:#555; }
.star { font-weight:bold; color:#c00; }
.colorWhite { color:#fff; }
.colorRed { color:#f00; }
.colorGreen { color:#060; }
.colorBlue { color:#06c; }
.colorYellow { color:#ff0; }
.colorOrange { color:#f60; }
.colorPink { color:#f0f; }
.colorGray { color:#666; }
.colorBlack { color:#000; }

/**********/
.fs10px { font-size:10px; }
.fs11px { font-size:11px; }
.fs12px { font-size:12px; }
.fs13px { font-size:13px; }
.fs14px { font-size:14px; }
.fs15px { font-size:15px; }
.fs16px { font-size:16px; }

/**********/
.lineHeight16px { line-height:16px; }
.lineHeight18px { line-height:18px; }
.lineHeight20px { line-height:20px; }
.lineHeight22px { line-height:22px; }
.lineHeight24px { line-height:24px; }
.strong { font-weight:bold; }
.normal { font-weight:normal; }
.italic { font-style:italic; }
.underline { text-decoration:underline; }
.tdNone { text-decoration:none; }



/********** FORM STYLES **********/

.bgOne {
	background:#f9f9f9;
	padding:2px 5px 2px 2px;
	text-align:right;
	border-top:1px solid #f5ecd9;
	border-bottom:1px solid #f9b50c;
	vertical-align:top;
}
.bgTwo {
	font-weight:bold;
	padding:2px;
	text-align:center;
	border:1px solid #f9b50c;
	background:#fcf7ed;
	vertical-align:top;
}
.bgThree {
	padding:5px 5px 5px 12px;
	border-top:1px solid #f5ecd9;
	border-bottom:1px solid #f9b50c;
	border-left:5px solid #600;
}

.formHead {
	font-weight:bold;
	background:#e3f5ff;
	padding:5px;
}
.formHead span { 
	font-weight:normal;
}
.formText {
	padding:2px;
}
.formInput {
	padding:0 4px;
	border:1px solid #696;
	background:#fff !important;
}
input {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
select {
	border:1px solid #ccc;
	background:#fcfcfc !important;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
textarea {
	border:1px solid #ccc;
	background:#fcfcfc !important;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:5px;
}
.button {
	border:1px solid #999999;
	background:#ece9d8;
	font-size:11px;
}

/*********** HEADER STYLES **********/
.header {
	background:url(images/header04.jpg) no-repeat 776px 0px;
	float:left;
	width:100%;
}
.header .header03 {
	height:137px;
	width:259px;
	background:url(images/header03.jpg);
	float:left;
}
.header .header03 .links {
	font-weight:bold;
	padding:3px;
	text-align:center;
	font-size:11px;
}
.header .header03 .links a:link, .header .header03 .links a:visited {
	color:#060;
}
.header .header03 .links a:hover, .header .header03 .links a:active {
	color:#090;
	text-decoration:underline;
}

/********** TOP PRODUCTS LINKS STYLES **********/
.topProLinks {
	background:url(images/topProLinBg.gif);
	border:1px solid #090;
	border-width:1px 0;
	float:left;
	width:100%;
}
.topProLinks .links {
	padding:5px 5px 0;
	float:left;
	font-weight:bold;
}
.topProLinks .links a:link, .topProLinks .links a:visited {
	color:#c00;
}
.topProLinks .links a:hover, .topProLinks .links a:active {
	color:#060;
}

/********** PAGE HEAD + TREE STYLES **********/
.welcome {
	background:url(images/pagHeaBg.gif) repeat-x bottom;
	padding:15px 0 0;
	margin:0 10px;
}
.pageHead {
	background:url(images/pagHeaBg.gif) repeat-x bottom;
	font-size:20px;
	font-weight:bold;
	color:#e30;
	padding:15px 0 5px 5px;
	margin:0 10px;
}
.pageHead h1 {
	font-size:20px;
}

/**********/
.tree {
	padding:0 0 0 30px;
	font-size:11px;
	margin:0 0 15px;
}
.tree img {
	margin:0 5px;
	vertical-align:middle;
}
.tree a:link, .tree a:visited {
	color:#070;
	font-weight:bold;
}

/**********/
.welcomeText {
	font-size:13px;
	padding:5px;
	margin:0 15px 10px;
}

/********** WIDE COLUMN STYLES **********/
.wideColumn {
	padding:0px 15px 0 5px;
	vertical-align:top;
}

/********** GARDEN DECORATIVE STYLES **********/
.gardenDecorative {
	margin:15px 0 0;
}
.gardenDecorative .top {
	background:url(images/garDecTopBg.gif);
	width:100%;
}
.gardenDecorative .contentOuter {
	background:#90c71f url(images/garDecConLefBg.gif) no-repeat left bottom;
	border:1px solid #fff;
	border-width:0 1px 1px;
	padding:10px 10px 10px 110px;
}
.gardenDecorative .contentOuter .desc {
	color:#fff;
	font-size:13px;
}

/**********/
.gardenDecorative .roundedBox {
	margin:15px 0 0;
	background:#e3f1b0;
}
.gardenDecorative .linksOuter {
	padding:0 15px 7px;
}
.gardenDecorative .fOuter {
	clear:both;
}
.gardenDecorative .linksOuter .links {
	width:30%;
	float:left;
	display:inline;
	padding:0 0 0 12px;
	background:url(images/bullet01.gif) no-repeat 0px 4px;
	margin:7px 0 0 0;
}
.gardenDecorative .linksOuter .links a:link, .gardenDecorative .linksOuter .links a:visited {
	text-decoration:underline;
}
.gardenDecorative .linksOuter .links a:hover, .gardenDecorative .linksOuter .links a:active {
	text-decoration:none;
	color:#f30;
}


/********** GARDEN FURNITURE STYLES **********/
.gardenFurniture {
	margin:15px 0 0;
}
.gardenFurniture .top {
	background:url(images/garFurTopBg.gif);
	width:100%;
}
.gardenFurniture .contentOuter {
	background:#abb41a url(images/garFurConRigBg.gif) no-repeat right bottom;
	border:1px solid #fff;
	border-width:0 1px 1px;
	padding:10px 110px 10px 10px;
}
.gardenFurniture .contentOuter .desc {
	color:#fff;
	font-size:13px;
}

/**********/
.gardenFurniture .roundedBox {
	margin:15px 0 0;
	background:#e3f1b0;
}
.gardenFurniture .linksOuter {
	padding:0 15px 7px;
}
.gardenFurniture .fOuter {
	clear:both;
}
.gardenFurniture .linksOuter .links {
	width:30%;
	float:left;
	display:inline;
	padding:0 0 0 12px;
	background:url(images/bullet02.gif) no-repeat 0px 4px;
	margin:7px 0 0 0;
}
.gardenFurniture .linksOuter .links a:link, .gardenFurniture .linksOuter .links a:visited {
	text-decoration:underline;
}
.gardenFurniture .linksOuter .links a:hover, .gardenFurniture .linksOuter .links a:active {
	text-decoration:none;
	color:#060;
}


/********** THIN COLUMN STYLES **********/
.thinColumn {
	border:1px solid #fff;
	border-width:1px 0 0 1px;
	width:233px;
	padding:0 0 15px;
	vertical-align:top;
/*	background:#a6c146;	*/
}

/***** BLOCK 01 STYLES *****/
.thinColumn .block01 {
	margin:5px 10px 0;
	border:1px solid #fff;
	background:#e4f0b8;
}
.thinColumn .block01 .head {
	background:#576f00;
	padding:3px 5px;
	color:#fff;
	font-weight:bold;
}
.thinColumn .block01 .head a:link, .thinColumn .block01 .head a:visited {
	color:#fff;
}
.thinColumn .block01 .head a:hover, .thinColumn .block01 .head a:active {
	color:#ff0;
}
.thinColumn .block01 .desc {
	padding:5px;
}

/***** BLOCK 02 STYLES *****/
.thinColumn .block02 {
	margin:5px 10px 0;
	border:1px solid #fff;
	background:#e3ecc4;
}
.thinColumn .block02 .head {
	background:#81a10c;
	padding:3px 5px;
	color:#fff;
	font-weight:bold;
}
.thinColumn .block02 .head a:link, .thinColumn .block02 .head a:visited {
	color:#fff;
}
.thinColumn .block02 .head a:hover, .thinColumn .block02 .head a:active {
	color:#ff0;
}
.thinColumn .block02 .desc {
	padding:5px;
}

/***** BLOCK 03 STYLES *****/
.thinColumn .block03 {
	margin:5px 10px 0;
	border:1px solid #fff;
	background:#dbe8aa;
}
.thinColumn .block03 .head {
	background:#98b239;
	padding:3px 5px;
	color:#fff;
	font-weight:bold;
}
.thinColumn .block03 .head a:link, .thinColumn .block03 .head a:visited {
	color:#fff;
}
.thinColumn .block03 .head a:hover, .thinColumn .block03 .head a:active {
	color:#ff0;
}
.thinColumn .block03 .desc {
	padding:5px;
}
.thinColumn .block03 .divider {
	border-bottom:1px solid #98b239;
	margin:5px;
}

/**********/
.thinColumn .block03 .links {
	margin:5px 15px 0 10px;
	padding:0 0 0 15px;
	border-bottom:1px dotted #98b239;
	background:url(images/bullet06.gif) no-repeat 5px 5px;
}
.thinColumn .block03 .links a:link, .thinColumn .block03 .links a:visited {
	color:#660;
	font-weight:bold;
}
.thinColumn .block03 .links a:hover, .thinColumn .block03 .links a:active {
	color:#f00;
	font-weight:bold;
}

/********** FOOTER STYLES **********/
.footer {
	margin:30px 0 0;
	background:url(images/footerBg.gif) repeat-x bottom;
}
.footer .divider {
	background:url(images/footerDivider.gif);
}

/**********/
.footer .botProLinks {
	margin:20px auto 0;
	padding:5px;
	text-align:center;
	background:#e3f1b0;
	width:766px;
	font-weight:bold;
	line-height:20px;
}
.footer .botProLinks a:link, .footer .botProLinks a:visited {
	color:#060;
}
.footer .botProLinks a:hover, .footer .botProLinks a:active {
	color:#f00;
}

/**********/
.footer .botGenLinks {
	padding:20px;
	text-align:center;
}
.footer .copyright {
	padding:5px;
	background:#6da200;
	font-size:11px;
	color:#fff;
	text-align:center;
}

