/* Initialise */
body, form, fieldset, input, div, p, hr, h1, h2, h3, h4, h5, h6, dl, dd, dt, ol, ul, li, table, th, td, img  {margin:0px; padding:0px; border:0px;}

/* Global */
.clear {clear:both;}
.left {float:left;}
.right {float:right;}
.rightSwf {float:right; background-color:#000000;}

/* Main */
body {background-color:#000000;}
#container {margin:0px auto; width:760px;}

/* Layout */
#topbar {width:100%; height:14px; background-image:url(../images/topbar_mid.gif); background-repeat:repeat-x;}
#header {height:186px; clear:both; background-image:url(../images/logo.gif); background-repeat:no-repeat;}
#footer {height:21px; width:100%; background-image:url(../images/footer_mid.gif); background-repeat:repeat-x; clear:both;  }
#footerbox {margin:0px auto; padding-top:5px; background-color:#d4f0fe; width:90%; height:39px; clear:both; text-align:center; }
#galleryend {margin:0px auto; padding-top:5px; padding-bottom:15px; background-color:#ffffff; width:90%; height:39px;  text-align:center; }
#contentwrapper{float: left; width: 100%; background-image:url(../images/side_wood.gif); background-repeat:repeat-y;}
#contentcolumn{margin-left: 126px; background-color:#ffffff; background-image:url(../images/shading.gif); background-repeat:repeat-y;}
#leftcolumn{float: left; width: 126px; margin-left: -760px;}
.innertube{margin: 0px; text-indent:10px; }
.innertube2{margin: 0 20px 0 50px; }
#divProducts, #divGallery { background-image:url(../images/side_wood_light.gif); background-repeat:repeat-y; text-indent:10px;  }
.furniture { margin-right:30px; margin-bottom:30px; margin-left:40px;}


.image
{
	background: #fff;
	border-color: #aaa;
	border-style: solid;
	border-width: 1px;
	padding: 2px;

}

.enquiryimage
{
	background: #fff;
	border-color: #aaa;
	border-style: solid;
	border-width: 1px;
	padding: 2px;
	margin:2px;

}


/* Menu */
#nav {width:100%; height:29px; clear:both;}
.btn-left {width:19px; height:29px; background-image:url(../images/button_left.gif); float:left;}
.btn-right {width:18px; height:29px; background-image:url(../images/button_right.gif); float:left;}
.menubox {width:115px; padding-top:6px; height:23px; background-image:url(../images/button_mid.gif); float:left; text-align:center;}
#sidemenu {height:100%; background-image:url(../images/side_wood.gif); background-repeat:repeat-y;}
#products {text-indent:11px;}

/* Sidemenu */
.menu {
 position:relative;
 background-color:#990000;
 border:1px solid darkblue;
 width:106px;
 font-size:11px;
 font-family:verdana;
 font:bold;
 position:absolute;
 cursor:se-resize;
}

.navLevel2, ul { margin: 0px; list-style:none; }

/* Fonts */
p {font-family:Arial, Helvetica, sans-serif; font-size:80%; color:#3d291b; line-height:140%}
.smltext {font-size:65%; line-height:160%;}
h1 {font-family:Arial, Helvetica, sans-serif; font-size:100%; color:#3d291b; font-weight:bold;}
h2 {font-family:Arial, Helvetica, sans-serif; font-size:80%; color:#3d291b; font-weight:bold;}
h3 {font-family:Arial, Helvetica, sans-serif; font-size:70%; color:#3d291b; font-weight:bold;}
.description {font-size: 60%; font-weight:bold; text-align:center}

/* Links */

a:link, a:visited, a:active {color:#1c82b7; text-decoration:none; font-family:Arial, Helvetica, sans-serif;  font-weight:bold;}
a:hover {text-decoration:none; color:#53c2fc;}


a.nav:link, a.nav:visited, a.nav:active {color:#ffffff; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:80%; font-weight:bold;}
a.nav:hover {text-decoration:none; color:#53c2fc;}
a.sidenav:link, a.sidenav:visited, a.sidenav:active {color:#fff3dc; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:80%; font-weight:bold; text-indent:10px; }
a.sidenav:hover {text-decoration:none; color:#fff3dc;}
a.navLevel2:link, a.navLevel2:visited, a.navLevel2:active {color:#603F25; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:55%; padding-left:0px; }
a.navLevel2:hover {text-decoration:none; color:#000000;}
.smltext a { color:#3d291b;}
.smltext a:hover { color:#1c82b7;}


/* Hoverbox */

.hoverbox
{
	cursor: default;
	list-style: none;
	padding-bottom:460px;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a .previewText
{
	display: none;
}


.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox a:hover .previewText
{
	display: block;
	position: absolute;
	top: 100px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 100px;
	height: 75px;
}

.hoverbox li
{
	background: #fff;
	border: none;
	color: inherit;
	display: inline;
	float: left;
	margin: 9px;
	padding: 5px;
	position: relative;
}



.hoverbox .preview
{
	border-color: #000;
	width: 200px;
	height: 150px;
}

.hoverbox li .endlink
{
	
	color:#CC3366;

}

.hoverbox a:hover .endlink
{
	color:#CC6633;
	
}

/* Hoverbox - FOR BEECHGROVE GARDEN PAGE

/* Hoverbox */

.beechgrove
{
	cursor: default;
	list-style: none;
	padding-bottom:340px;
	padding-left:20px;
}

.beechgrove a
{
	cursor: default;
}




.beechgrove a .preview1
{
	display: block;
	position: absolute;
	top: 4px;
	left: 120px;
	z-index: 1;
}

.beechgrove a .previewText1
{
	display: block;
	position: absolute;
	top: 220px;
	left: 120px;
	z-index: 0;
	width:280px;
	font-size:70%;
	font-weight:100;
}

.beechgrove a .preview2
{
	display: none;
}

.beechgrove a .previewText2
{
	display: none;
}


.beechgrove a:hover .preview2
{
	display: block;
	position: absolute;
	top: -58px;
	left: 120px;
	z-index: 1;
}

.beechgrove a:hover .previewText2
{
	display: block;
	position: absolute;
	top: 158px;
	left: 120px;
	z-index: 1;
	background-color:#FFFFFF;
	width:280px;
	height:100px;
	font-size:70%;
	font-weight:100;
}

.beechgrove a .preview3
{
	display: none;
}

.beechgrove a .previewText3
{
	display: none;
}

.beechgrove a:hover .preview3
{
	display: block;
	position: absolute;
	top: -120px;
	left: 120px;
	z-index: 1;
}

.beechgrove a:hover .previewText3
{
	display: block;
	position: absolute;
	top: 96px;
	left: 120px;
	z-index: 1;
	background-color:#FFFFFF;
	width:280px;
	height:100px;
	font-size:70%;
	font-weight:100;
}


.beechgrove a .preview4
{
	display: none;
}

.beechgrove a .previewText4
{
	display: none;
}

.beechgrove a:hover .preview4
{
	display: block;
	position: absolute;
	top: -182px;
	left: 120px;
	z-index: 1;
}

.beechgrove a:hover .previewText4
{
	display: block;
	position: absolute;
	top: 34px;
	left: 120px;
	z-index: 1;
	background-color:#FFFFFF;
	width:280px;
	height:100px;
	font-size:70%;
	font-weight:100;
}


.beechgrove a .preview5
{
	display: none;
}

.beechgrove a .previewText5
{
	display: none;
}


.beechgrove a:hover .preview5
{
	display: block;
	position: absolute;
	top: -244px;
	left: 120px;
	z-index: 1;
	
}

.beechgrove a:hover .previewText5
{
	display: block;
	position: absolute;
	top: -28px;
	left: 120px;
	z-index: 1;
	background-color:#FFFFFF;
	width:280px;
	height:100px;
	font-size:70%;
	font-weight:100;
}

.beechgrove img
{
	background: #fff;
	border-color: #aaa;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 68px;
	height: 50px;
}

.beechgrove li
{
	background: #fff;
	border: none;
	
	color: inherit;
	display:inline;
	clear:both;
	float: left;
	margin: 1px;
	padding: 2px;
	position: relative;
}

.beechgrove .preview1
{
	border-color: #000;
	width: 280px;
	height: 207px;
}

.beechgrove .preview2
{
	border-color: #000;
	width: 280px;
	height: 207px;
}

.beechgrove .preview3
{
	border-color: #000;
	width: 280px;
	height: 207px;
}

.beechgrove .preview4
{
	border-color: #000;
	width: 280px;
	height: 207px;
}

.beechgrove .preview5
{
	border-color: #000;
	width: 280px;
	height: 207px;
}