/*
HELIANTHEMUMS.CO.UK V4
Coded by Andrew Roberts 27-Sep-09
*/

body {
	background-position: center;
	text-align: center;
	margin: 0px 0px 0px 0px;
	background-color: #EDEDED;
	background-image: url('_images/bg.jpg');
	background-repeat: repeat-y;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    body {
        margin-left: 1px;
    }
}
img {
	border:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #3C3C3C;
}

#wrapper {
	background: #FFFFFF;
	width: 956px;
	text-align: left;
	margin: 0px auto;
	padding: 0px 12px;
	border-left: 1px #949494 solid;
	border-right: 1px #949494 solid;
}

#header {
	height: 85px;
	border-bottom: 1px #949494 solid;
}

#logo {
	margin-top: 17px;
	float: left;
	width: 285px;
	height: 47px;
}

#main-menu{
	margin-top: 25px;
	float: right;
	height: 42px;
	width: 650px;
	font-family: Verdana;
	font-size: 9.5pt;
}

#img-top {
	margin: 3px 0px;
	height: 130px;
}

#content {
	overflow: hidden;
	width: 100%;
}

#shadow-top {
	border-top: 1px #949494 solid;
	height: 12px;
	background-repeat: repeat-x;
	background-image: url('_images/shadow-top.jpg');
}

#left-content {
	float: left;
	width: 740px;
	padding: 20px 0px 10px 0px;
}

#left-content p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9.5pt;
	line-height: 17px;
	margin: 22px 6px;
	color: #000000;
}

#left-content h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	line-height: 17px;
	margin: 35px 0px 22px 0px;
	color: #000000;
}

#right {
	float: right;
	width: 210px;
	height: 400px;
	margin-top: 10px;
	background-image: url('_images/right-menu-bg.jpg');
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

#shadow-footer {
	background-position: 50% bottom;
	border-bottom: 1px #949494 solid;
	height: 12px;
	background-image: url('_images/shadow-bottom.jpg');
	background-repeat: repeat-x;
}

#img-footer {
	margin-top: 3px;
	height: 130px;
	padding-bottom: 3px;
	border-bottom: 1px #949494 solid;
}

#footer {
	width: 956px;
	overflow: auto;
	margin-top: 1px;
	height: 32px;
	padding-top:12px;
	overflow:hidden;
}

#footer-left {
	padding-left: 15px;
	width: 450px;
	float: left;
	text-align: left;
}

#footer-right {
	padding-right: 5px;
	width: 330px;
	float: right;
	text-align: right;
	margin: 0px;
}

#footer-right-ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	width: 330px;
	height: 14px;
}

#footer-right-ul li {
	display: block;
	float: left;
	margin-left: 5px;
	height: 14px;
}

#breadcrumbs {
	background-image: url('_images/breadcrumbs-bg.jpg');
	background-position: left;
	background-repeat: repeat-y;
	margin-top: 23px;
	padding: 2px 15px;
}

#breadcrumbs p {
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	font-weight: bold;
	color: #000000;
}

#breadcrumbs a {
	text-decoration: none;
	color: #000000;
}

#breadcrumbs a:hover {
	text-decoration: underline;
}

#pg-title {
	margin-top: 4px;
	height: 20px;
	padding-left: 15px;
}

#pg-title h1 {
	margin: 0px 0px;
	padding: 0px 0px;
}

#content-txt {
	margin-left: 15px;
	padding-top: 5px;
}

#content-txt ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9.5pt;
	color: #000000;
	list-style: none;
}

#content-txt ul li {
	margin: 0px 0px;
	padding: 10px 0px;

}
#content-txt ul li li, #content-txt ul li li a{
	margin: 5px 0px;
	padding: 5px 0px 0px 0px;
	font-weight: normal!important;
}


#content-txt a, #content-txt a:active {
	text-decoration: none;
	font-weight: bold;
	color: #000000;
}

#content-txt a:hover{
	text-decoration: underline;
}

#content-txt ol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9.5pt;
	line-height: 17px;
	color: #000000;

}

#content-txt ol li{
	font-weight: bold;
	padding: 10px 0px;
}

#content-txt ol li span{
	font-weight: normal;
}

#main-menu-ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  position: relative;
  width: 650px;
}

#main-menu-ul li {
  display: block;
  float: left;
  padding: 0px;
  height: 42px;
}

#main-menu-ul a {
  text-indent: -900%;
  position: absolute;
  outline: none;
  float: left;
  height: 42px;
}

#main-menu-ul .about {
	width: 106px;
	background: url('_images/button-about.jpg') no-repeat;
	left: 0px;
}

#main-menu-ul .propagation {
	width: 145px;
	background: url('_images/button-propagation.jpg') no-repeat;
	left: 107px;
}

#main-menu-ul .cultivation {
	width: 136px;
	background: url('_images/button-cultivation.jpg') no-repeat;
	left: 253px;
}

#main-menu-ul .collection {
	width: 131px;
	background: url('_images/button-collection.jpg') no-repeat;
	left: 390px;
}

#main-menu-ul .mailorder{
	width: 137px;
	background: url('_images/button-mailorder.jpg') no-repeat;
	left: 517px;
}

#main-menu-ul .about-active {
	width: 106px;
	background: url('_images/button-about-active.jpg') no-repeat;
	left: 0px;
}

#main-menu-ul .propagation-active {
	width: 145px;
	background: url('_images/button-propagation-active.jpg') no-repeat;
	left: 107px;
}

#main-menu-ul .cultivation-active {
	width: 136px;
	background: url('_images/button-cultivation-active.jpg') no-repeat;
	left: 253px;
}

#main-menu-ul .collection-active {
	width: 131px;
	background: url('_images/button-collection-active.jpg') no-repeat;
	left: 390px;
}

#main-menu-ul .mailorder-active {
	width: 137px;
	background: url('_images/button-mailorder-active.jpg') no-repeat;
	left: 517px;
}

#right-menu {
	margin-top: 30px;
	padding: 6px 0px;
	float: right;
	width: 193px;
	background-color: #FFFFFF;
	border-top: 1px #949494 solid;
	border-bottom: 1px #949494 solid;
}

#right-menu dl {
	padding: 0px 0px;
	margin: 0px 0px;
}

#right-menu dl dt {
	background: url('_images/right-button-v2.jpg') no-repeat right;
	height: 37px;
	width: 193px;
	margin: 3px 0px;
}

#right-menu dl dt:hover {
	cursor: pointer;
}

#right-menu dl dt.active {
	background: url('_images/right-button-active-v2.jpg') no-repeat right;
	height: 37px;
	width: 193px;
	margin: 3px 0px;
}

#right-menu dl dt img {
	margin: 10px 0 5px 15px;
}

#right-menu dl dd {
	height: 24px;
	margin-left: 25px;
	width: 165px;
	margin-top: 0px;
	margin-bottom: 1px;
	cursor:pointer;
	padding: 1px 0px;
}

#right-menu dl dd:hover {
	background: url('_images/right-submenu-button.jpg') no-repeat;
	cursor:pointer;
}

#right-menu dl dd.active {
	background: url('_images/right-submenu-button.jpg') no-repeat;
}

#right-menu dl dd a {
	font-family: Verdana;
	font-size: 8.5pt;
	text-decoration: none;
	color: #000000;
	margin-left: 10px;
	line-height: 21px;
}


#top-img1, #bottom-img1 {
	margin-right: 2px;
}

#top-img1, #top-img4, #bottom-img1, #bottom-img4 {
	float: left;
	width: 238px;
	
}

#top-img2, #top-img3, #bottom-img2, #bottom-img3 {
	float: left;
	width: 237px;
	margin-right: 2px;
}

#top-img1-hover, #top-img2-hover, #top-img3-hover, #top-img4-hover, #bottom-img1-hover, #bottom-img2-hover, #bottom-img3-hover, #bottom-img4-hover {
	display: block;
	float: left;
	position: absolute;
	background-color: white;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
	cursor:pointer;
	padding-top: 20px;
}

#top-img1-hover p, #top-img2-hover p, #top-img3-hover p, #top-img4-hover p, #bottom-img1-hover p, #bottom-img2-hover p, #bottom-img3-hover p, #bottom-img4-hover p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	text-align: center;
	color: black;
	text-decoration: none;
}
#top-img1-hover, #top-img2-hover, #top-img3-hover, #top-img4-hover {
	height: 110px;
}

#bottom-img1-hover, #bottom-img2-hover, #bottom-img3-hover, #bottom-img4-hover {
	height: 90px;
}

#top-img1-hover, #top-img4-hover, #bottom-img1-hover, #bottom-img4-hover {
	width: 238px;
}

#top-img2-hover, #top-img3-hover, #bottom-img2-hover, #bottom-img3-hover {
	width: 237px;
}

#top-img1-hover:hover, #top-img2-hover:hover, #top-img3-hover:hover, #top-img4-hover:hover, #bottom-img1-hover:hover, #bottom-img2-hover:hover, #bottom-img3-hover:hover, #bottom-img4-hover:hover {
	opacity: 0.7!important;
	-moz-opacity: 0.7!important; 
	filter: alpha(opacity=70)!important;
	cursor: pointer;
}

#right-title{
	background-color:#FFFFFF;
	padding-bottom: 8px;
}

/*
START OF FACEBOX CSS
*/

#facebox .b {
  background:url('_scripts/b.png');
}

#facebox .tl {
  background:url('_scripts/tl.png');
}

#facebox .tr {
  background:url('_scripts/tr.png');
}

#facebox .bl {
  background:url('_scripts/bl.png');
}

#facebox .br {
  background:url('_scripts/br.png');
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}