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

/* --- Australian Safe Supplies --- */


/* -- GENERAL STRUCTURE -- */
body {
	background: url(images/bg.gif);
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 9pt;
}
#container {
	width: 880px;
	margin: 0 auto;
}
#header {
	clear: both;
	/*background: #424e6a;*/

}
#header #animation {
	float: right;
	clear: none;
	height: 175px;
	overflow: hidden;
	position: absolute;
	top:0;
	width: 330px;
	margin-left: 550px;
}

#header #logo {
	text-indent: -999em;
	background: url(images/australian_safe_supplies2.png) no-repeat;
	height: 175px;
	width: 580px;
	display: block;
	z-index: 1000;
	position: relative;
	left: 5px;
	top:5px;
}
#header #menu {
	width: 880px;
	clear: both;
	overflow: hidden;
	background: #F65F12;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	margin-top: 0;
}
ul#nav { /* Main list - probably needs to be customised for positioning.*/
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 40px;
	clear: both;
	display: block;
	float: right;
}

ul#nav a  { 
	display: block;
	width: 100%;
}

ul#nav li { /* top level list item (inherited by all) */
	float: left;
	width: auto; /* width needed or else Opera goes nuts */
	list-style-type:none;
	border-left: none;
	color: #666;
	margin: 0 5px 0 10px;
	text-align: center;
	line-height: 40px;

}

ul#nav li a { /*top level list item links */
	height: 40px;
	*height: 50px;
	text-align:center;
	text-decoration:none;
	color: #000;
	font-weight: bold;
	font-size: 9pt;
	text-transform: uppercase;
	padding: 0 10px 0 5px;
	position: relative;
	z-index: 1001;
	
	}
ul#nav li.current a,
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: #FFF no-repeat;
}

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

ul#nav li ul li { /* second level list item */
	padding: 0;
	margin: 0;
	width: 240px;
	clear: both;
	line-height: 1.4;
	
}

ul#nav li ul li a { /* second level list item link */
	padding: 5px 15px;
	margin: 0;
	font-size: 8pt;
	height: auto;
	background-image:none;
	text-align:left;
	text-decoration:none;
	background: #fff;
	text-transform: none;
}
ul#nav li ul li a:hover {
	background-image:none;
	background: #F65F12;
}


/* 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;
}


#content {
	background: #fff;
	overflow: auto; 
	display: block;
	width: 840px;
	border-bottom: : 2px solid #ccc;
	padding: 20px
}

#footer {
	clear: both;
	margin: 5px 0 15px 0;
	overflow: hidden;
}

#footer #footer_nav {
	float: left;
	margin: 0;
}
#footer #footer_nav li {
	float: left;
	list-style-type: none;
	margin: 0 10px;
	padding-right: 15px;
	border-right: 2px solid #ccc;
	line-height: 1;
}
#footer #footer_nav li a {
	text-decoration: none;
	font-weight: bold;
	color: #666;
}
#footer #footer_nav li a:hover {
	color: #F65F12;
}
#footer #credits {
	float: right;
	text-align: right;
	margin-right: 1em;
}
#footer #credits p {
	font-size: 7pt;
	color: #666;
	margin: 0;
}
/* -- CONTENT STYLES -- */

h1 {
	font-size: 16pt;
	color: #000;
	line-height: 1.4;
	margin: 2pt 0 4pt 0;
}
h2 {
	font-size: 14pt;
	color: #000;
	line-height: 1.4;
	margin: 6pt 0 4pt 0;
}
h3 {
	font-size: 12pt;
	color: #000;
	line-height: 1.4;
	margin: 6pt 0 4pt 0;
}
h4, dt {
	font-size: 11pt;
	color: #000;
	line-height: 1.4;
	margin: 6pt 0 4pt 0;
}
p, li, td, dd {
	font-size: 9pt;
	color: #222;
	line-height: 1.4;
	margin: 6pt 0 4pt 0;
}
p.highlight {
	color: #f65f12;
	font-weight: bold;
}
ul, ol {
	margin: 0 2em;
}
ul li {
	list-style-type: disc;
	line-height: 1.4;
}
ol li {
	list-style-type: decimal;
	line-height: 1.4;
}
ul.pdf li {
	list-style: url(images/pdf_icon.png) inside;
	line-height: 1.6;
}
#product_categ {
	float: right;
	width:215px;
	clear: right;
	border: 2px solid #ccc;
	background: #f2f2f2;
	margin-left: 20px;
}
#product_categ ul {
	margin: 0;	
	text-align: center;

}
#product_categ ul li {
	list-style: none;
	line-height: 1.6;
	margin: 10px 0;
	font-size: 8pt;
}
#product_categ ul li a {
	text-decoration: none;
	font-weight: bold;
	color: #000;
	display: block;
	width: 195px;  
	padding: 0 10px;	
}
#product_categ ul li.current a,
#product_categ ul li a:hover {
	background: #F65F12;
}

ul.products {
	margin: 0;
	width: 650px;
}
ul.products li {
	display: block;
	width: 185px;
	height: 260px;
	list-style-type: none;
	float: left;
	margin-right: 10px;
}
.contactmap,
img.product_img {
	float: right;
	margin-left: 10px;
}

.contact {
	clear: left;
	overflow: hidden;
}
#enquiry {
	width: 600px;
	margin: 25px 0;
}
#enquiry fieldset {
	margin: 10px 0 0 30px;
	clear: left;
	display: block;
	overflow: hidden;
}
#enquiry label {
	clear: left;
	display: block;
	width: 120px;
	float: left;
	line-height: 20px;
}
#enquiry input[type="text"] {
	margin: 0 10px;
	width: 200px;	
	line-height: 20px;
	float: left;
	
}
p.error {
	line-height: 20px;
	clear: none;
	margin: 0;
	color: #F65F12;
}
#enquiry legend {
	font-weight: bold;
	margin: 10px 0 5px 0;
}
#further_information {
	margin-top: 25px!important;
}
.privacy  {
}
#further_information input[type="checkbox"],
.privacy input[type="checkbox"] {
	clear: left;
	display: block;
	line-height: 2;
	float: left!important;
	margin: 3px 10px;	
}
#further_information label,
.privacy label {
	line-height: 2;
	clear: none!important;
	display: block!important;
	font-size: 8pt;
	margin: 2px 0;
	width: auto!important;
	float: none!important;
}
.privacy p,
.captcha p,
.captcha label {
	font-size: 8pt;
	width: auto!important;
}
.privacy label {
	line-height: 1.5!important;
}
.captcha input {
	margin: 0 5px 0 0!important;
}