/*
Safety Gear
Author: David Gleason (http://davidgleason.com.au/)
*/

/* Begin Typography & Colors */
body { font-size: 100%; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; color: #000; line-height:20px; background: #231f20 url(../images/background/backing.gif) repeat-x; }

h1 { font-size:1.6em; }
h2 { font-size:1em; font-weight: bold; color:#666; margin-bottom:10px; }
	h2.products { margin-left:30px; background: transparent url(../images/text/sidebar-products.gif) no-repeat; width: 120px; height: 15px; text-indent: -999em; }
	h2.products a { display: block; }
	h2.all { background: transparent url(../images/text/title-products.gif) no-repeat; width: 457px; height: 19px; text-indent: -999em; }
	h2.general { background: transparent url(../images/text/title-general.gif) no-repeat; width: 421px; height: 19px; text-indent: -999em; }
	h2.kitchen { background: transparent url(../images/text/title-kitchen.gif) no-repeat; width: 364px; height: 19px; text-indent: -999em; }
	h2.industrial { background: transparent url(../images/text/title-industrial.gif) no-repeat; width: 411px; height: 19px; text-indent: -999em; }
	h2.animal { background: transparent url(../images/text/title-animal.gif) no-repeat; width: 380px; height: 19px; text-indent: -999em; }
	h2.specialty { background: transparent url(../images/text/title-specialty.gif) no-repeat; width: 226px; height: 19px; text-indent: -999em; }
	h2.vehicle { background: transparent url(../images/text/title-vehicle.png) no-repeat; width: 226px; height: 22px; text-indent: -999em; }
	h2.rubber { background: transparent url(../images/text/title-rubber.gif) no-repeat; width: 150px; height: 19px; text-indent: -999em; }

	h2.home { background: transparent url(../images/text/title-home.gif) no-repeat; width: 156px; height: 19px; text-indent: -999em; }
	h2.whats-new { background: transparent url(../images/text/title-whatsnew.gif) no-repeat; width: 269px; height: 49px; text-indent: -999em; }
	h2.contact-form { background: transparent url(../images/text/title-contact-form.gif) no-repeat; width: 149px; height: 19px; text-indent: -999em; }
	h2.contact-phone { background: transparent url(../images/text/title-contact-phone.gif) no-repeat; width: 80px; height: 19px; text-indent: -999em; }
	h2.contact-email { background: transparent url(../images/text/title-contact-email.gif) no-repeat; width: 65px; height: 19px; text-indent: -999em; }
	h2.contact-fax { background: transparent url(../images/text/title-contact-fax.gif) no-repeat; width: 45px; height: 19px; text-indent: -999em; }
	h2.contact-address { background: transparent url(../images/text/title-contact-address.gif) no-repeat; width: 108px; height: 19px; text-indent: -999em; }
h3 { font-size:0.6875em; font-weight: bold; color:#000; margin-bottom:5px; }
	.sidebar h3 { padding-left:30px; height:25px; margin-bottom:1px; background: #fff url(../images/navigation/sidebar-button-back.gif); }
	.sidebar h3 a, .sidebar h3 a:visited { color:#fde200; padding-top:3px; width:100%; height:22px; display:block; background: transparent url(../images/navigation/sidebar-button-right.gif) no-repeat right; }
	.sidebar h3 a:hover { color:#fff; }
	.sidebar h3 a:active { color:#ddd; }
	
h4 { font-size:0.875em; line-height:30px; color:#999; font-weight: normal; margin-bottom:5px; }
h5, .error, .valid { font-size:0.625em; font-weight: bold; color:#fff; margin-bottom:15px; background:#757575; padding:5px 0px 10px 10px; border:1px solid #909090; }
	.error { color:#d84b56; display: none; background:#f4c8c8; border-color:#db4949; margin-bottom:5px; }
	.valid { color:#8ad900; background:#6a725c; border-color:#8ad900; margin-bottom:5px; margin-top:20px; }
p { font-size:0.6875em; margin-bottom:15px; line-height:18px; }
span.highlight { font-size:2em; line-height:30px; color:#999; }
.contact span { display: block; }
span.bold { font-weight: bold; color:#999; }

.subtle { color:#bbb; }

a { text-decoration: none; }
a:link, a:visited { color:#999; }
a:hover { color:#fde200; }
a:active { color:#000; }
	a.download { color:#fff; height:30px; width:200px; display:block; background:#666 url(../images/icons/pdf.gif) no-repeat 8px 6px; padding:10px 0 0 40px; margin-bottom:5px; }
	a.download:visited { background:#909090 url(../images/icons/pdf.gif) no-repeat 8px 6px; }
	a.download:hover { background:#909090 url(../images/icons/pdf.gif) no-repeat 8px 6px; }
	a.download:active { background:#909090 url(../images/icons/pdf.gif) no-repeat 8px 6px; }
	
ul { font-size:0.75em; }
ul li { margin:0; }

.page .sidebar .nav ul { list-style: none; margin:5px 0 5px 0; padding-left:30px; }
.page .sidebar .nav ul li { padding: 3px 0 3px 0; }
	.page .sidebar .nav li a, .page .sidebar .nav li a:visited { color:#666; }
	.page .sidebar .nav li a:hover { color:#000; }
	.page .sidebar .nav li a.active { color:#000; font-weight: bold; }
	.page .sidebar .nav li.coming-soon { color:#999; }
	.page .sidebar .nav li.coming-soon span { color:#999; font-size:0.75em; display:block; line-height:10px; padding-bottom:5px; }

table { font-size: 0.625em; margin-bottom:15px; background: #fff; }
table ul { font-size:1em; padding:0 0 0 10px; margin-bottom:0px; }

	table td { padding:5px 10px 5px 10px; }
	table tr.group { background: #fde200 !important; font-weight: bold; }
	table tr.first, table tr.first td { background: #ddd !important; color:#666; font-weight: bold; border-bottom:none; }
	table tr td.corner { background: #ddd url(../images/table/head-corner.gif) left no-repeat; }
	table tr.alternating, table tr.alternating td { background:#fafafa; }
	table tr, table tr td { border-bottom:1px solid #eee; }

/* Begin Z-Index */

/* Begin Layout */
.space { padding-top:30px; }
.header { background: #fff; padding-bottom:5px; }

/* Begin Sidebar */
.sidebar { height:100%; }
.sidebar .nav { border-right:1px solid #999; padding-right:20px; height:100%; }

/* Begin Header */
h1.logo { background: transparent url(../images/logo/safetygear.gif) no-repeat; width: 214px; height: 52px; float:left; }
	h1.logo a{ display: block; text-indent: -999em; width: 100%; height: 100%; }
	span.headline { float:right; text-indent: -999em; width:385px; height:90px; background: transparent url(../images/text/no1-for-matting.gif) no-repeat; margin:0px 20px -5px 0;  background-position: top right;}

/* Begin Navigation */
.navigation { background: #000; padding:30px 0px 0px 30px; }
	.navigation ul { list-style: none; float:right; margin-right:10px; margin-bottom:0px; }
	.navigation ul li { float:left; width:100px; height:30px; margin-left:5px; text-align: center; }
	.navigation ul li a { width:100px; height:25px; background: transparent url(../images/navigation/nav-button.gif) no-repeat 0px 0px; display: block; padding-top:5px; }
		.navigation ul li a:link { color:#aaa; }
		.navigation ul li a:visited { color:#aaa; }
		.navigation ul li a:hover { color:#000; background-position: 0px -30px; }
		.navigation ul li a:active { background-position: 0px -60px; }
			.navigation ul li a.active { color:#000; background-position: 0px -60px !important; }

/*Begin Sections*/
.page { min-height:6px; background: #fff url(../images/other/panel-base.gif) bottom no-repeat; padding-bottom:15px; }
.page .image { margin-bottom:10px; }
.page .content .title { margin-bottom:10px; width: 250px; }

.page .content .thumb { padding-right:30px; margin-bottom:20px; }
.page .content .thumb img { border:none; margin-bottom:5px; }
.page .content .thumb a { font-size:0.6875em; font-weight: bold; }
.page .content .thumb p { margin-bottom:5px; }

.page .content .product-image { float:right; width: 250px; position:relative; right: 25px;}
.page .content .product-image img { border:1px solid #aaa; margin-bottom:20px; }
.page .content .product-image img.systemPic { border: 0px solid #ff0000; position: absolute; top: 275px; margin: 0; }

.page .content .product-image-inset { position: absolute; right: 0px; bottom: 0px; }
.page .content .product-image-inset img { border:1px solid #aaa;}

.page .content ul { padding-left:20px; font-size:0.6875em; }
.page .content ul li { margin-bottom:5px; }

.page .pad-left { padding-left:20px; }
.page .pad-all { padding:0 20px 0 20px; }
.page a.link-home { padding-right:20px; }



/*Symbols*/

ul.symbols { padding-left: 0 !important; height:50px; }
ul.symbols li { text-indent: -999em; width:46px; height:45px; display: block; padding:0 5px 0 0; float:left; }
	ul.symbols li.airports { background: #fff url(../images/icons/airports.png) no-repeat; }
	ul.symbols li.bars { background: #fff url(../images/icons/bars.png) no-repeat; }
	ul.symbols li.beautyparlours { background: #fff url(../images/icons/beautyparlours.png) no-repeat; }
	ul.symbols li.behindcounters { background: #fff url(../images/icons/behindcounters.png) no-repeat; }
	ul.symbols li.busypedestrians { background: #fff url(../images/icons/busypedestrians.png) no-repeat; }
	ul.symbols li.carpetedfloors { background: #fff url(../images/icons/carpetedfloors.png) no-repeat; }
	ul.symbols li.circuitmanufacture { background: #fff url(../images/icons/circuitmanufacture.png) no-repeat; }
	ul.symbols li.coldstorage { background: #fff url(../images/icons/coldstorage.png) no-repeat; }
	ul.symbols li.computerrooms { background: #fff url(../images/icons/computerrooms.png) no-repeat; }
	ul.symbols li.decks { background: #fff url(../images/icons/decks.png) no-repeat; }
	ul.symbols li.electricaldistribution { background: #fff url(../images/icons/electricaldistribution.png) no-repeat; }
	ul.symbols li.entrance { background: #fff url(../images/icons/entrance.png) no-repeat; }
	ul.symbols li.factory { background: #fff url(../images/icons/factory.png) no-repeat; }
	ul.symbols li.farm { background: #fff url(../images/icons/farm.png) no-repeat; }
	ul.symbols li.firehazard { background: #fff url(../images/icons/firehazard.png) no-repeat; }
	ul.symbols li.fisheries { background: #fff url(../images/icons/fisheries.png) no-repeat; }
	ul.symbols li.golftee { background: #fff url(../images/icons/golftee.png) no-repeat; }
	ul.symbols li.gymnasiums { background: #fff url(../images/icons/gymnasiums.png) no-repeat; }
	ul.symbols li.heavymaterial { background: #fff url(../images/icons/heavymaterial.png) no-repeat; }
	ul.symbols li.highvoltage { background: #fff url(../images/icons/highvoltage.png) no-repeat; }
	ul.symbols li.horsestables { background: #fff url(../images/icons/horsestables.png) no-repeat; }
	ul.symbols li.hospitals { background: #fff url(../images/icons/hospitals.png) no-repeat; }
	ul.symbols li.indoorstaircases { background: #fff url(../images/icons/indoorstaircases.png) no-repeat; }
	ul.symbols li.industrial { background: #fff url(../images/icons/industrial.png) no-repeat; }
	ul.symbols li.kitchen { background: #fff url(../images/icons/kitchen.png) no-repeat; }
	ul.symbols li.laboratories { background: #fff url(../images/icons/laboratories.png) no-repeat; }
	ul.symbols li.lockerrooms { background: #fff url(../images/icons/lockerrooms.png) no-repeat; }
	ul.symbols li.machineshop { background: #fff url(../images/icons/machineshop.png) no-repeat; }
	ul.symbols li.meatandpoultry { background: #fff url(../images/icons/meatandpoultry.png) no-repeat; }
	ul.symbols li.miningareas { background: #fff url(../images/icons/miningareas.png) no-repeat; }
	ul.symbols li.offices { background: #fff url(../images/icons/offices.png) no-repeat; }
	ul.symbols li.pigpen { background: #fff url(../images/icons/pigpen.png) no-repeat; }
	ul.symbols li.poultrypen { background: #fff url(../images/icons/poultrypen.png) no-repeat; }
	ul.symbols li.restauraunts { background: #fff url(../images/icons/restauraunts.png) no-repeat; }
	ul.symbols li.schools { background: #fff url(../images/icons/schools.png) no-repeat; }
	ul.symbols li.sensitive { background: #fff url(../images/icons/sensitive.png) no-repeat; }
	ul.symbols li.servicestations { background: #fff url(../images/icons/servicestations.png) no-repeat; }
	ul.symbols li.shoppingmall { background: #fff url(../images/icons/shoppingmall.png) no-repeat; }
	ul.symbols li.skislopes { background: #fff url(../images/icons/skislopes.png) no-repeat; }
	ul.symbols li.slopes { background: #fff url(../images/icons/slopes.png) no-repeat; }
	ul.symbols li.swimmingpool { background: #fff url(../images/icons/swimmingpool.png) no-repeat; }
	ul.symbols li.trailerute { background: #fff url(../images/icons/trailerute.png) no-repeat; }
	ul.symbols li.trainstations { background: #fff url(../images/icons/trainstations.png) no-repeat; }
	ul.symbols li.vendingmachines { background: #fff url(../images/icons/vendingmachines.png) no-repeat; }
	ul.symbols li.walkways { background: #fff url(../images/icons/walkways.png) no-repeat; }
	ul.symbols li.weldingstations { background: #fff url(../images/icons/weldingstations.png) no-repeat; }
	ul.symbols li.wetandoily { background: #fff url(../images/icons/wetandoily.png) no-repeat; }
	ul.symbols li.woodenflooring { background: #fff url(../images/icons/woodenflooring.png) no-repeat; }
	

/* Begin Footer */
.footer { margin-top:20px; color:#999; text-align: center; }

/* Start Forms */
label { color:#aaa; font-size:0.625em; padding-top:0px; }
label.check { display: block; padding-left:20px; margin-bottom:10px; }
.checkbox { float:left; margin-bottom:10px; }
.input { width:100%; height:20px; margin-bottom:5px; border: 1px solid #909090; color:#999; }
.input.text { height:200px; font: Arial, Helvetica, sans-serif; line-height:18px; padding-left: 3px; }
.input.active { background:#eee; }
.submit { width:150px; }
.error-input { border-bottom:5px solid #d84b56; }

/* Utilities */
.center { text-align: center; }
.hide { display: none; }
.break { display: block; }
.spacer { margin-top:10px; }
.push-bottom { margin-bottom:40px; }
.block { display:block; }
.float-left { float:left; }
.float-right { float:right; }


/* Misc - added by Kath at TenTwentyFour
kath@tentwentyfour.com.au */
/*.content { position: relative; } /* this is so the new sticker positioning works properly */
.newSticker {
	float: right;
	position: relative;
	top: -20px; 
	right: 175px;
	width: 100px; 
	height: 70px; 
	background-image: url(../images/other/new-sticker.jpg);
	margin-bottom: -20px;
}