/* DB Generic Reset */
@import url(http://www.digitalbridge.com.au/central/reset.css);
/* --- CLIENTNAME --- */


/* -- GENERAL STRUCTURE -- */
body {
	background-position: center bottom;
	background-attachment: fixed;
	background-image: url(images/bg.gif);
	color:#655b54;
	font-family:Verdana, Geneva, sans-serif;
}

.container {
	width:980px;
	margin: 5px auto 0 auto;
}

img, div { 
	behavior: url(scripts/iepngfix.htc);
}

/*--- Header ---*/
.header img {
	float:left;
}
img.logo {
		margin:50px auto auto 55px;
		filter:alpha(opacity=60);
		-moz-opacity:0.6;
		-khtml-opacity: 0.6;
		opacity: 0.6;
}
img.logo:hover {
		margin:50px auto auto 55px;
		filter:alpha(opacity=100);
		-moz-opacity:1;
		-khtml-opacity: 1;
		opacity: 1;		
}
.twitter_facebook {
	width: 155px;
	float:right;
	margin:85px 20px 0 0; /* Change Margin to 40px 2px 0 0 when Twitter link is reinstated*/
}
.twitter_facebook img {
		filter:alpha(opacity=70);
		-moz-opacity:0.7;
		-khtml-opacity: 0.7;
		opacity: 0.7;
}
.twitter_facebook img:hover {
		filter:alpha(opacity=100);
		-moz-opacity:1;
		-khtml-opacity: 1;
		opacity: 1;
}
/*--- Top Menu ---*/
.topnav {
	width:505px;
	float:right;
	margin-top:-30px;
}

ul#nav { /* Main list - probably needs to be customised for positioning.*/
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

ul#nav a  { 
	display: block;
	width: 165px;
	
}

ul#nav li { /* top level list item (inherited by all) */
	float: left;
	width: 165px; /* width needed or else Opera goes nuts */
	margin-left: 2px;
	list-style-type:none;
}

ul#nav li a { /*top level list item links */
	width: 165px;
	height: 25px;
	*height: 24px;
	background: #e7e1dd no-repeat;
	text-align:center;
	font-size:11pt;
	text-decoration:none;
	padding: 6px 0 0 0;
	vertical-align:middle;
	color: #655b54;
}

ul#nav li a:hover,
ul#nav li:hover a {
/* Having the styling on both the list item and the link itself means 
the parent item will keep the hover styles when child elements are hovered
as well (i.e.: it won't lose the background colour etc when unhovered) */
	background: #c2e6e1 no-repeat;
	color:#2ec0b5;
}


ul#nav li ul { /* second level list (first drop down) */
	position: absolute;
	width: 165px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	background: #e7e1dd no-repeat;
	border: 2px solid #fff;
	padding:0;
	margin:0 0 0 -2px;
	z-index:1000;
	
}

ul#nav li ul li { /* second level list item */
	width: 155px;
	padding:0 0 0 10px;
	margin:0;
	background: #e7e1dd no-repeat;
	font-size: 9pt !important;

}

ul#nav li ul li a { /* second level list item link */
	font-size: 9pt !important;
	width: 155px;
	text-align:left;
	text-decoration:none;
	color:#655b54 !important;
	background: #e7e1dd no-repeat !important;
	
}

ul#nav li ul li a:hover,
ul#nav li ul li:hover,
ul#nav li ul li:hover a {
	font-size: 9pt !important;
	width: 155px;
	text-align:left;
	text-decoration:none;
	color: #2ec0b5 !important;
	background: #c2e6e1 no-repeat !important;
}

/* hide all the lists by moving them off the screen */
ul#nav li:hover ul, 
ul#nav li.over ul 	/* .over is for IE, called by the JS */ {
	left: -999em;
}

/* but show them when their parent is hovered */
ul#nav li:hover ul, 
ul#nav li.over ul {
	left: auto;
}



/* YOU ONLY NEED BELOW THIS LINE IF YOU HAVE MORE THAN ONE LEVEL OF DROP DOWN */ 

ul#nav li ul li ul { /* third level list (second drop down) and below */
	margin: -33px 0 0 -179px;
	background: #c2e6e1;

}

ul#nav li ul li ul li,
ul#nav li ul li ul li a,
ul#nav li ul li ul a,
ul#nav li ul li:hover ul li,
ul#nav li ul li:hover ul li a,
ul#nav li ul li:hover ul a { /* third level list item and below */
	padding:2pt 0 2pt 5px;
	margin: 1px auto;
	height:auto;
	line-height:1;
	font-size:8pt !important;
	background: none !important;
	color: #655b54 !important;
}
ul#nav li ul li ul li:hover,
ul#nav li ul li ul li a:hover,
ul#nav li ul li ul a:hover,
ul#nav li ul li:hover ul li:hover,
ul#nav li ul li:hover ul li a:hover,
ul#nav li ul li:hover ul a:hover,
ul#nav li ul li ul li:hover a,
ul#nav li ul li:hover ul li:hover a { /* third level list item and below */
	color: #2ec0b5 !important;
	font-size:8pt !important;
}


/* hide all the lists by moving them off the screen */

ul#nav li:hover ul ul, 
ul#nav li.over ul ul, 
ul#nav li:hover ul ul ul, 
ul#nav li.over ul ul ul {
	left: -999em;
}

/* but show them when their parent is hovered */
ul#nav li:hover ul, 
ul#nav li li:hover ul, 
ul#nav li li li:hover ul, 
ul#nav li.over ul, 
ul#nav li li.over ul, 
ul#nav li li li.over ul { /* lists nested under hovered list items */
	left: auto;
}


/*--- Sidebar ---*/
.sidebar {
	clear:both;
	float:right;
	width:250px;
	margin: 8px 5px auto 0;
	min-height:300px;
}
.sidebar div {
	border:2px solid #655b54;
	margin-bottom: 5px;
	background-color:#FFF;
	padding: 4px 8px;
}
.sidebar h2 {
	font-size:9pt;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	padding-bottom:0;
	padding-top:4px;
}
.sidebar h3 {
	font-size:7pt;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	letter-spacing:normal;
	padding-top:0;
	padding-bottom:1px;
	}

.sidebar h4 {
	font-size:8pt;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	letter-spacing:normal;
	margin:0 0 5px 0;
	*margin:0 0 0 0;
	padding:0;
	display:block;
	float:left;
}
.sidebar h5 {
	font-size:7pt;
	font-weight: normal;
	display:block;
	float:right;
	vertical-align:bottom;
}
.sidebar p,
.sidebar label {
	font-size:8pt;
	line-height:1.2em;
}
.sidebar a,
.sidebar a:link,
.sidebar a:visited {
	color:#655b54;
	font-weight:bold;
	
}
.sidebar a:hover,
.sidebar a:active {
	color:#2ec0b5;		
}

.sidebar form {
	clear:both;
	text-align:center;
	padding-top:5px;
}
.sidebar input,
.sidebar select {
	margin:2px;
	font-size:8pt;
}
.otherproducts ul {
	padding-bottom: 5px;
	font-size:8pt;
	clear:both;
}
.otherproducts ul li {
			
}
.otherproducts ul li a,
.otherproducts ul li a:link,
.otherproducts ul li a:visited {
	color: #655b54;
	font-weight:normal;
}
.otherproducts ul li a:hover,
.otherproducts ul li a:active {
	color: #2ec0b5;
}
.otherproducts ul li.current {
		color: #2ec0b5;
		font-weight:bold;
}

.feature .thumb {
	clear:both;
	background-image: url(images/featthumb_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	border:none;
	width:110px;
	height:110px;
	display:block;
	padding:2px;
	margin:10px auto 5px auto;
	text-align:center;
}
.feature .thumb img {
		margin:auto;
}

/*--- Breadcrumbs/Search ---*/
.pagetop {
	clear:left;
	height:35px;
}
.breadcrumbs {
	font-size:7pt;
	font-weight:bold;
	line-height: 35px;
	float:left;
}

#product_search_form {
	positon: absolute;
}
.search {
	float:right;
	margin: 8px 12px 0 0;
	position: relative;
}
.search input {
	width: 160px;
	display:inline;
	margin-right: 2px;
	}
	
.search img {
	display:inline;
	vertical-align:middle;

}
/*--- Footer ---*/
.footer {
	clear:both;
	text-align:center;
	margin-top:15px;
}
.footer .nav {
	list-style:none;
	font-size:8pt;
	letter-spacing:0.1em;
}
.footer .products {
	list-style:none;
	font-size:8pt;
	margin-top:5px;
}
.footer ul li {
	display:inline;
	margin:0;
	border-left: #655b54 1px solid;
	padding:0 5px 0 10px;
	line-height:1;
}
.footer ul li:first-child {
	border-left:none;
}

.footer a, 
.footer a:link, 
.footer a:visited {
	color: #655b54;
	text-decoration:none;
}

.footer a:hover,
.footer a:active {
	color:#1cbaae;
	text-decoration:none;

}
/* --- Search Assitance --- */
.assist {
	position:relative;
	width:179px;
	overflow:hidden;
	border: 1px solid #655b54;
	margin:0;
	padding:0;
}
.assist ul {
	padding:0;
	margin: 0;
	background:#e7e1dd !important;
}
.assist a {
	padding: 1px 3px 3px 3px;
	display:block;
	_display:inline;
	text-decoration:none;
	color: #655b54;
}
.assist ul li {
	list-style-type:none;
	background:#e7e1dd !important;
	margin: 0;
	padding:0;
}
.assist li a:hover,
.assist li a:active,
.assist ul li:hover a {
	background:#c2e7e1 !important;
	text-decoration:none;
	color: #655b54;
}

.pagetop .search .assist {
	width:164px;
	position: absolute;
	z-index: 1000;
}
/* -- CONTENT STYLES -- */
p {
	font-size:9pt;
	padding: 2pt 0 4pt 0;
	line-height:1.5em;
}
a {
	color:#1cbaae;
	text-decoration:underline;
}
h2 {
	font-weight:bold;
	font-size:16pt;
	letter-spacing:0.05em;
	padding: 2pt 0 4pt 0;
}
h3 {
	font-weight:bold;
	font-size:13pt;
	letter-spacing:0.05em;
	padding: 2pt 0 4pt 0;
}

h3 a,
h3 a:link,
h3 a:visited {
	text-decoration:none;
	color:#655b54;
}
h3 a:hover,
h3 a:active{
	text-decoration:underline;
	color:#2ec0b5 !important;
}

h4 {
	font-weight:bold;
	font-size:11pt;
	padding: 2pt 0 4pt 0;
}

h4 a,
h4 a:link,
h4 a:visited {
	text-decoration:none;
	color:#655b54;
}
h4 a:hover,
h4 a:active {
	text-decoration:underline;
	color:#2ec0b5 !important;
}

h5 {
	font-weight:bold;
	font-size:9pt;
	padding: 2pt 0 4pt 0;
}
h5 a,
h5 a:link,
h5 a:visited {
	text-decoration:none;
	color:#655b54;
}
h5 a:hover,
h5 a:active {
	text-decoration:underline;
	color:#2ec0b5 !important;
}

ul, ol {
	font-size:9pt;
	padding: 0 0 0 2em;
}
ul {
	list-style:disc;
}
ol {
	list-style-type:decimal;
}
li {
	padding:1pt 0 2pt 0;
}
input, textarea {
	font-family:Verdana, Geneva, sans-serif;
	font-size:9pt;
	color:#655b54;
}
label {
	font-size:9pt;
	line-height:1.5em;
}


/*--- MainContent ---*/
.maincont {
	width:700px;
	*width:710px;
	padding: 15px 10px 0 10px;
	*padding: 15px 5px 0 0;
	clear:left;
	*clear:none;
}

/*--- Home Page ---*/
.splash {
	margin: -3px -5px 0 0;
	*margin: -7px -7px 0 0;
	_margin: -6px -2px 0 0;
	padding: 50px 255px 0 0;
	_padding: 50px 0 0 0;
	background-image: url(images/splash_bg.png);
	background-position: right top;
	background-repeat:no-repeat;
}
.splash p {
	_width: 500px;
}

.splash .searchbox {
	width:301px;
	height: 58px;
	background-image:url(images/searchbox.gif);
	background-repeat:no-repeat;
	margin:15px auto 0 45px;
	padding:26px 0 0 28px;
}
.splash img {
	margin: 10px 0 0 80px;;
}

.splash .searchbox input {
	width: 175px;
	display:inline;
	margin-right: 2px;
	}
	
.splash .searchbox img {
		margin: 0 0 0 0;
display:inline;
	vertical-align:middle;

}

/*--- Ask a Question ---*/
form.question {
	margin:20px 0 0 0 ;
}
.question label {
	width: 200px;
	display:inline-block;
	text-align: right;
	margin-right: 5px;
	
}
.question textarea {
	vertical-align:text-top;
}
.question .buttons {
	text-align: right;
	display:block;
	width: 580px;
}

/*--- Product Results ---*/
.list_category {
	clear:left;
	margin: 6px 0 8px 0;
	
}
.prod_list_item {
	width:49%;
	float: left;
	margin: 4px 0 6px 0;
	background:none;

}
.prod_list_item h4 {
	padding: 2pt 0 0 0;
}
.prod_list_item p {
	padding: 1pt 0 4pt 0;
	line-height:1.2em;
}

.prod_list_item .thumb {
	width: 65px;
	height: 65px;
	float:left;
	margin: 5px;
	text-align:center;
}
/*--- Product Page ---*/
.prodimage {
	float:left;
	width:180px;
	text-align:center;
}
.productcont {
	margin-left: 180px;
	margin-right:10px;
}
.productcont h2 {
	display:block;	
	padding-bottom: 0;
}
.productcont h5 {
text-align: left;
padding: 2pt 1em 8pt;
}
.productcont p {
	
}
/*--- Stockists: Stores List ---*/

.stockist_nav {
	width:360px;
	border: 2px solid #655b54;
	float:right;
	text-align:center;
	padding: 2px 5px;
	vertical-align:bottom;
	}
.stockist_nav ul {
	list-style:none;	
	text-align: right;
	margin: 2px;
	padding:0;
}
.stockist_nav ul li {
	display:inline;
	margin: 0;
	font-weight:bold;
	padding:0;
}
.list_category .cols {
	width: 49%;
	float:left;
}
.list_category .cols ul.store {
	list-style:none;
	padding:0;
	margin: 0 0 15px 0;
	font-size:8pt;
}
.list_category .cols ul.store li {
	padding: 1pt 0 1pt 0;
}
.stockist_nav .stockist_search {
	margin: 5px;	
}
.stockist_nav .stockist_search select {
	margin-right: 20px;
}
.stockist_nav .viewlist {
	position:absolute;
	width: 360px;
	text-align:right;
	font-size:8pt;
	font-weight:bold;
	margin-top: 1.2em;
}