/* ---------- General ---------- */
.clear { clear: both; }
a img { border: none; }

body {
	background: #333;
	color: #fff;
	font: normal 11px Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	height:100%;
}
#page {
	width:960px;
	height:600px;
	overflow:hidden;
	margin:25px auto 0px;
	background:#505050;
}
a {
	text-decoration:none;
	color:#ff3333;
}
a:hover {
	text-decoration:underline;
}
p { margin: 0em 0 1.2em 0;line-height:125%; }

ul { margin:5px 0; padding:0 25px; }
ul li span { color:#fff !important; }

h3 { font-size:12px; margin:5px 0; }

/* ---------- Header ---------- */

#container_left {
	height:600px;
	width:320px;
	background:#fff url(/_inc/img/pattern.gif) repeat-y top right;
	position:relative;
	float:left;
}
#header {
	position:absolute;
	top:40px;
	left:50px;
	width:200px;
	color:#333;
}
#header h2 { font-weight:bold; font-size:18px;margin:10px 0px;width:176px;height:18px;text-indent:-9999px; overflow:hidden;background:url(/_inc/img/cover-it-with-bradys.gif) no-repeat; }
#header h1 a{
	display:block;
	width:173px;
	height:52px;
	background:url('/_inc/img/logo.gif') no-repeat;
	text-indent:-9999px;
	outline:none;
}
#header h1 {
	margin:0px;
	padding:0;
}
#container_left img {
	position:absolute;
	bottom:25px;
	left:50px;
}
#container_left #nav img {
	position: relative;
	bottom: auto;
	left: auto;
}

/* ---------- Navigation ---------- */
ul#nav {
	position:absolute;
	top:160px;
	left:0;
	width:100%;
}
ul#nav, #nav li {
	margin:0;
	padding:0;
	list-style:none;
}
#nav a {
	font-size:18px;
	color:#333;
	text-decoration:none;
	background:#fff;
	outline:none;
}
#nav li { width:252px; text-align:right; padding: 1px 0px 2px 0; position:relative; background:#fff; }

#nav li ul { padding:0;margin:0; }
#nav li ul li a { font-size:12px; }

.nav_arrow { width:15px; height:30px; background:url(/_inc/img/nav_arrow.gif) no-repeat; position:absolute; left:270px; top:-2px; display:none; }
.open .nav_arrow { display:block; }

/* ---------- Main Content ---------- */

#main {
	width: 637px;
	height:600px;
	background:#505050;
	position:relative;
	overflow: hidden;
	float:left;
}
#content {
	width: 637px;
	height:600px;
	background:url(/_inc/img/corner.gif) no-repeat bottom right #505050;
}
#bottom_content {
	position:absolute;
	top:440px;
	left:35px;
	width:580px;
}
#banner, .banner {
	position:absolute;
	top:0;
	left:0;
	height:70px;
	width:580px;
	background:url(/_inc/img/banner_bg.gif) repeat-x top left;
}
#banner h2, .banner h2 { margin:30px 0 0 15px; text-transform:uppercase; font-size:18px; }
#banner h3, .banner h3 { top:30px; right:15px; text-transform:uppercase; font-size:18px; position:absolute;letter-spacing:1px;margin:0; }
.dental-ultrafine-plaster #banner h3 { top:5px; }

#text {
	width:270px;
	max-height:395px;
	overflow:auto;
	position:absolute;
	left:35px;
	bottom:175px;
}
#text sup { font-size:10px; }
#page.company #text, #page.contact #text, #page.distributors #text, #page.terms #text, #page.warranty #text, #page.enews #text, #page.news-events #text {
	height:525px;
	max-height:525px;
	top:40px;
	line-height:140% !important;
}
#page.company #text p, #page.contact #text p, #page.distributors #text p, #page.terms #text p {	line-height:140%; }

#page.contact #text { font-size:12px; }

#right_content {
	position:absolute;
	top:15px;
	left:325px;
	width:310px;
	height:555px;
	border-left:1px solid #fff;
}
#right_content .right_image {
	position:absolute;
	top:25px;
	left:16px;
}

#top_content {
	position:absolute;
	top:15px;
	left:325px;
	width:310px;
	height:555px;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
	z-index:200;
}

#top_content .bag_image {
	position:absolute;
	width:279px;
	height:207px;
	top:265px;
	left:20px;
}

#bottom_content a.brochure {
	position:absolute;
	top:100px;
	left:0;
	width:150px;
	cursor:pointer;
	display:block;
	height:22px;
	outline:none;
	background: url(/_inc/img/banner_bg.gif) repeat-x;
}
#bottom_content a.brochure span {
	background:url(/_inc/img/download_brochure.png) no-repeat;
	width:150px;
	height:22px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
#bottom_content a.brochure:hover span {
	background-position:0 -22px;
}

#top_content #bags {
	width:280px;
	height:40px;
	position:absolute;
	top:506px;
	left:20px;
}

#top_content #bags a {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	outline:none;
	float:left;
	width:54px;
	height:40px;
}
.specialty-range #bags a:hover, .specialty-range #top_content #bags { background:url(/_inc/img/specialty-products.gif) no-repeat top left; }
.specialty-range #top_content #bags a.active { background:url(/_inc/img/specialty-products.gif) no-repeat; height:50px; }

.specialty-range #bags a#lightgreen:hover, .specialty-range #bags a#lightgreen.active  { background-position: 0 -51px; }
.specialty-range #bags a#lightblue:hover, .specialty-range #bags a#lightblue.active { background-position: -54px -51px; }
.specialty-range #bags a#green:hover, .specialty-range #bags a#green.active { background-position: -108px -51px; }

.product-range #bags a:hover, .product-range #top_content #bags { background:url(/_inc/img/product-range.gif) no-repeat top left; }
.product-range #top_content #bags a.active { background:url(/_inc/img/product-range.gif) no-repeat; height:50px; }

.product-range #bags a#blue:hover, .product-range #bags a#blue.active  { background-position: 0 -51px; }
.product-range #bags a#magenta:hover, .product-range #bags a#magenta.active { background-position: -54px -51px; }
.product-range #bags a#purple:hover, .product-range #bags a#purple.active { background-position: -108px -51px; }
.product-range #bags a#red:hover, .product-range #bags a#red.active { background-position: -162px -51px; }
.product-range #bags a#darkgreen:hover, .product-range #bags a#darkgreen.active { background-position: -216px -51px; }

/* ---------- Colours ---------- */
#nav .blue:hover, #nav .active .blue, ul.blue{ color:#0093d0; }
#nav .magenta:hover, #nav .active .magenta, ul.magenta  { color:#b03f72; }
#nav .purple:hover, #nav .active .purple, ul.purple { color:#622b7f; }
#nav .lightgreen:hover, #nav .active .lightgreen, ul.lightgreen { color:#c3ce20; }
#nav .red:hover, #nav .active .red, ul.red { color:#f15c22; }
#nav .green:hover, #nav .active .green, ul.green { color:#009b83; }
#nav .lightblue:hover, #nav .active .lightblue, ul.lightblue { color:#5db1e0; }
#nav .darkgreen:hover, #nav .active .darkgreen, ul.darkgreen { color:#1d5545; }
#nav .bradyblue:hover, #nav .active .bradyblue, ul.bradyblue { color:#333399; }

#bottom_content .bradyblue { background-position: 0 0 !important; }
#bottom_content .blue { background-position: 0 -91px !important; }
#bottom_content .magenta { background-position: 0 -172px !important; }
#bottom_content .purple { background-position: 0 -253px !important; }
#bottom_content .lightgreen { background-position: 0 -334px !important; }
#bottom_content .red { background-position: 0 -415px !important; }
#bottom_content .green { background-position: 0 -496px !important; }
#bottom_content .lightblue { background-position: 0 -577px !important; }
#bottom_content .darkgreen { background-position: 0 -658px !important; }
#bottom_content .black { background-position: 0 -740px !important; }

/* ---------- Backgrounds ---------- */

#page.home #main {	background:#505050 url(/_inc/img/home_bg.jpg) no-repeat bottom right; }
#page.specialty-range #main {	background:#505050 url(/_inc/img/specialty_bg.jpg) no-repeat bottom right; }
#page.product-range #main {	background:#505050 url(/_inc/img/products_bg.jpg) no-repeat bottom right; }
#page.company #main {	background:#505050 url(/_inc/img/company_bg.jpg) no-repeat bottom right; }
#page.contact #main, #page.terms #main {	background:#505050 url(/_inc/img/contact_bg.jpg) no-repeat bottom right; }
#page.distributors #main {	background:#505050 url(/_inc/img/distributors_bg.jpg) no-repeat bottom right; }

/* ---------- Home ---------- */
#page.home #content h1 {
	background: url(/_inc/img/home_headline.gif) no-repeat; 
	width:576px;
	height:134px;
	text-indent:-9999px;
	overflow:hidden;
	outline:none;
	position:absolute;
	top:75px;
	left:35px;
}
#page.home #top_content {
	width:492px;
	height:185px;
	position:absolute;
	top:257px;
	left:75px;
	z-index:100;
	border:none;
}
#page.home #bags {
	width:492px;
	height:190px;
	background:url(/_inc/img/bags.png) no-repeat top left;
	position:static;
}
#page.home #bags a {
	width:123px;
	height:95px;
	z-index:200;
}

#page.home #bags a#blue { background:url(/_inc/img/home_bags/blue.png) no-repeat 0 0; }
#page.home #bags a#magenta { background:url(/_inc/img/home_bags/magenta.png) no-repeat 0 0; }
#page.home #bags a#purple { background:url(/_inc/img/home_bags/purple.png) no-repeat 0 0; }
#page.home #bags a#lightgreen { background:url(/_inc/img/home_bags/lightgreen.png) no-repeat 0 0; }
#page.home #bags a#red { background:url(/_inc/img/home_bags/red.png) no-repeat 0 0; }
#page.home #bags a#green { background:url(/_inc/img/home_bags/green.png) no-repeat 0 0; }
#page.home #bags a#lightblue { background:url(/_inc/img/home_bags/lightblue.png) no-repeat 0 0; }
#page.home #bags a#darkgreen { background:url(/_inc/img/home_bags/darkgreen.png) no-repeat 0 0; }

#page.home #bags a:hover, #page.home #bags a.hover  { background-position:0 -95px !important; }

#page.home .top { z-index:20; }
/* ---------- Footer ---------- */

#footer {
	width:930px;
	text-align:right;
	overflow:hidden;
	margin:0px auto;
	padding:3px 15px;
}
#footer a { color:#ccc;font-size:9px; }

#prod01, #prod02, #prod03, #prod04, #prod05, #prod06, #prod07, #prod08 { margin: -10px 0 0 10px; }

#page #main #contact-page #text { height: 300px; }
#page #main #contact-page #right_content { height: 300px; left: 300px; }
#page #main #contact-page #map_canvas { width: 597px; height: 250px; top: 330px; left: 20px; position: absolute; }

#page #main #contact-page form, #page #main #contact-page div.form { padding: 20px 0 0 20px; }
#page #main #contact-page form ul { margin: 0; padding: 0; list-style: none; }
#page #main #contact-page form ul li { margin: 0; padding: 2px 0; list-style: none; }
#page #main #contact-page form ul li label { float: left; width: 80px; padding: 4px 0; }
#page #main #contact-page form ul li input { background: #222; color: #aaa; border: 1px solid #555; width: 140px; padding: 3px; font: normal 11px Arial, Helvetica, sans-serif; }
#page #main #contact-page form ul li textarea { background: #222; color: #aaa; border: 1px solid #555; width: 280px; height: 120px; padding: 6px; font: normal 11px Arial, Helvetica, sans-serif; }
#page #main #contact-page form .buttons { text-align: right; }

#page #main #contact-page ul li span.errormsg, #page #main #contact-page ul li span.required { color: #f33 !important; }

form ul.form { margin: 0; padding: 0; list-style: none; }
form ul.form li { margin: 0; padding: 2px 0; list-style: none; }
form ul.form li label { float: left; width: 80px; padding: 4px 0; }
form ul.form li input { background: #222; color: #aaa; border: 1px solid #555; width: 140px; padding: 3px; font: normal 11px Arial, Helvetica, sans-serif; }
form ul.form li textarea { background: #222; color: #aaa; border: 1px solid #555; width: 280px; height: 120px; padding: 6px; font: normal 11px Arial, Helvetica, sans-serif; }
form .buttons { text-align: right; margin-right: 42px; }
form ul.form li span.required { color: #f33 !important; }

.cols { width: 100%; overflow: hidden; }
.cols .col { width: 50%; float: left; }

/*************************** 
	fancybox hide
***************************/

a.iframe { display:none; }

#content h2.title { margin: 0; padding: 0; position: absolute; top: 20px; left: 35px; }
#content-left, #content-right { width: 270px; height: 505px; overflow: hidden; position: absolute; top: 60px; }
#content-left { left: 35px; }
#content-right { right: 35px; }
#content-left .winners, #content-right .winners { background: url(/_inc/img/win-100.png) no-repeat top right; }