img, div, input { behavior: url("/style/iepngfix.htc"); }
.clear { clear:both; }

body { margin:0; padding:0; text-align:center; min-width:960px; background:#FFF; font:normal 12px arial; color:#333; }
.wrapper { width:960px; margin:0 auto; text-align:left; background:#FFF; position:relative; }
strong { font-weight:bold; }

div.header { background:url(/images/bg-header-gradient.gif) 0 0 repeat-x; height:99px; }
	div.header div.wrapper { background:url(/images/bg-header-texture.jpg) 0 0 no-repeat; height:99px; }
	div.header img.logo-oslo { float:left; margin:30px 0 0 0; }
	div.header img.logo-tagline { float:right; margin:45px 0 0 0; }
	
div.nav { background:#000 url(/images/bg-nav.gif) 0 0 repeat-x; height:30px; position:relative; z-index:9; }
	div.nav ul { font-family:'lucida sans', arial; background:none; }
	div.nav ul li { float:left; position:relative; }
	div.nav ul li.divider { width:2px; height:30px; background:url(/images/bg-nav-divider.gif) 0 0 no-repeat; }
	div.nav ul li a { display:block; float:left; padding:6px 18px 10px 18px; color:#FFF; text-decoration:none; }
	div.nav ul li a:hover, div.nav ul li.active a { background:url(/images/bg-nav-active.gif) 0 0 repeat-x; }
	/* second level */
	div.nav ul li ul { display:none; position:absolute; top:30px; left:0; width:200px; background:#333; }
	div.nav ul li.active ul li { float:none; }
	div.nav ul li.active ul li a { float:none; background:none; color:#FFF; height:1em; }
	div.nav ul li.active ul li a:hover,div.nav ul li.active ul li.active a { background:none; text-decoration:underline; }
	/* third level */
	div.nav ul li ul li ul { display:none; position:absolute; top:0px; left:200px; width:300px; background:#555; }
	div.nav ul li.active ul li.active ul li { float:none; }
	div.nav ul li.active ul li.active ul li a { float:none; background:none; color:#FFF; text-decoration:none; }
	div.nav ul li.active ul li.active ul li a:hover { background:none; text-decoration:underline; }
	
div.homepage { background:#000; }
	div.homepage div.rotate { margin:0 auto; text-align:left; width:960px; height:300px; position:relative; }
	div.homepage div { visibility:hidden; position:absolute; top:0; left:0; width:960px; height:300px; background:url(/images/bg-hp-rotate-01.jpg) 0 0 no-repeat; }
	div.homepage div#rotate-01 { background:url(/images/bg-hp-rotate-01.jpg) 0 0 no-repeat; }
	div.homepage div#rotate-02 { background:url(/images/bg-hp-rotate-02.jpg) 0 0 no-repeat; }
		div.homepage div.rotate h1 { margin:70px 0 0 80px; font-size:30px; height:30px; }
			div.homepage div.rotate h1 span { display:block; position:relative;top:-5px; left:30px; font-size:18px; font-weight:bold; text-transform:uppercase; }
		div.homepage div.rotate p { margin:30px 610px 10px 95px; }
			div.homepage div.rotate p strong { font-weight:bold; }
		div.homepage div.rotate ul { margin:10px 550px 10px 85px; }
		
div.banner { height:120px; background:#000 url(/images/banner-bg-01.jpg) top no-repeat; }
	div#banner-about-contact { background:#000 url(/images/banner-bg-about-contact.jpg) top no-repeat; }
	div#banner-rocker-switches { background:#000 url(/images/banner-bg-rocker-switches.jpg) top no-repeat; }
	div#banner-push-buttons { background:#000 url(/images/banner-bg-push-buttons.jpg) top no-repeat; }
	div#banner-keylocks { background:#000 url(/images/banner-bg-keylocks.jpg) top no-repeat; }
	div#banner-companion-products { background:#000 url(/images/banner-bg-companion-products.jpg) top no-repeat; }
	div#banner-resources { background:#000 url(/images/banner-bg-resources.jpg) top no-repeat; }
	div#banner-sample-quote { background:#000 url(/images/banner-bg-sample-quote.jpg) top no-repeat; }
	div#banner-custom { background:#000 url(/images/banner-bg-custom.jpg) top no-repeat; }
	
	div#banner-mini-toggles { background:#000 url(/images/banner-bg-mini-toggles.jpg) top no-repeat; }
	div#banner-mini-indicator-lights { background:#000 url(/images/banner-bg-mini-indicator-lights.jpg) top no-repeat; }
	div#banner-mini-circuit-breakers { background:#000 url(/images/banner-bg-mini-circuit-breakers.jpg) top no-repeat; }
	
	div.banner div.wrapper { background:none; width:920px; padding:40px 0 0 40px; }
	div.banner h1 { color:#980003; font-size:26px; }

div.page { background:url(/images/bg-page.gif) 0 0 repeat-x; position:relative; }
	div.page div.wrapper div.shadow-left { position:absolute; top:0; left:-14px;  width:14px; height:143px; background:url(/images/bg-page-shadow-left.gif) 0 0 no-repeat; }
	div.page div.wrapper div.shadow-right { position:absolute; top:0; right:-14px; width:14px; height:143px; background:url(/images/bg-page-shadow-right.gif) 0 0 no-repeat; }
	div.subnav { float:left; width:230px; margin:10px 0 0 0; }
		/* first level */
		div.subnav ul li { margin:4px 0; }
		div.subnav ul li a { height:14px; cursor:pointer; display:block; padding:4px 10px; background:#980003 url(/images/arrow-980003-right.gif) 215px 7px no-repeat; text-transform:uppercase; color:#FFF; font-weight:bold; text-decoration:none; }
		div.subnav ul li a:hover { color:#000; }
		/* second level */
		div.subnav ul ul { margin:0; background:#FFF; font-size:11px; }
		div.subnav ul ul li { margin:1px 0; }
		div.subnav ul ul li a { background:#e0e0e0 url(/images/arrow-e0e0e0-right.gif) 215px 7px no-repeat; color:#000; text-transform:none; font-weight:normal; }
		div.subnav ul ul li a:hover { background:#c9c9c9 url(/images/arrow-c9c9c9-right.gif) 215px 7px no-repeat; }
		div.subnav ul ul li a.active { background:#c9c9c9 url(/images/arrow-c9c9c9-down.gif) 214px 8px no-repeat; }
		/* third level */
		div.subnav ul ul ul { display:none; }
		div.subnav ul ul ul li { margin:0; background:#f0f0f0; }
		div.subnav ul ul ul li a { background:none; padding-left:20px; }
		div.subnav ul ul ul li a:hover { background:none; color:#980003; }
		
		div.subnav ul li.contact div { background:url(/images/bg-subnav-contact.gif) 0 0 repeat-x; padding:10px 20px; width:190px; }
			div.subnav ul li.contact div p { margin:0; }
			div.subnav ul li.contact div ul { background:none; font-size:12px; margin:0; }
			div.subnav ul li.contact div ul li { background:none; display:inline; }
			div.subnav ul li.contact div ul li a { background:none; display:inline; padding:0; color:#333; text-decoration:underline; }
			div.subnav ul li.contact div ul li a:hover { color:#980003; }
	
	div.page div.main { float:left; width:430px; margin:30px 0 0 35px; }
		div.page div.main h2 { font-size:20px; margin:0 0 10px 0; }
		div.page div.main h3 { font-size:14x; margin:10px 0 0 0; font-weight:bold; text-transform:uppercase; }
		div.page div.main p { margin:4px 0 10px 0; }
		div.page div.main a { color:#980003; }
		div.page div.main a:hover { color:#000; }
		div.page div.main ul { margin:5px 0 10px 20px; }
			div.page div.main ul li { list-style-image:url(/images/bg-ul-li.gif); }
				div.page div.main ul li ul{ margin:2px 0 2px 20px; }
					div.page div.main ul li ul li { list-style-image:url(/images/bg-ul-li.gif); }
	div.page div.main div.imagery { position:relative; top:-10px; float:right; width:212px; height:114px; }
		div.page div.main div.imagery div { visibility:hidden; }
		div.page div.main div.imagery div#imagery-01 { position:absolute; top:0; left:0; background:url(/images/hp-internal-01.jpg) 0 0 no-repeat; width:212px; height:114px; }
		div.page div.main div.imagery div#imagery-02 { position:absolute; top:0; left:0; background:url(/images/hp-internal-02.jpg) 70px 5px no-repeat; width:212px; height:114px; }
	
	div.page div.callouts { float:right; width:210px; margin:40px 0px 0 0; padding:0 30px 0 0; }
		div.page div.callouts h2 { text-transform:uppercase; font-weight:bold; background:url(/images/bg-callouts-h2.gif) 190px 6px no-repeat; }
			div.page div.callouts h2 a { display:block; text-decoration:none; color:#333; padding:1px 0; border:1px solid #999; border-width:1px 0; }
			div.page div.callouts h2 a:hover { color:#980003; border-color:#980003; }
		div.page div.callouts ul { font-size:11px; margin:10px 0; }
			div.page div.callouts ul li { display:none; height:54px; padding:2px 0 0px 38px; background:url(/images/bg-callouts-ul-li.gif) 0 0 no-repeat; margin:10px 0; }
			div.page div.callouts ul li.height-75 { height:75px; background:url(/images/bg-callouts-ul-li-75.gif) 0 0 no-repeat; }
			div.page div.callouts ul li.height-85 { height:85px; background:url(/images/bg-callouts-ul-li-85.gif) 0 0 no-repeat; }
			div.page div.callouts ul li a { display:block; margin:1px 0; color:#980003; text-decoration:none; text-transform:uppercase; font-weight:bold; }
			div.page div.callouts ul li a:hover, div.page div.callouts ul li.active a { color:#000; }
		
div.footer { margin:40px 0; font-size:10px; color:#666; }
	div.footer div.wrapper { border-top:1px solid #BFBFBF; padding:5px 0 0 0; }
	div.footer div.icons { position:absolute; top:10px; right:0; }
	div.footer div.icons img { float:right; margin:0 0 0 15px; }
	div.footer a { color:#666; text-decoration:none; }
	div.footer ul.contact { margin:5px 0; font-weight:bold; text-transform:uppercase;  font-size:11px; }
		div.footer ul.contact li { display:inline; margin:0 5px 0 0; }
	div.footer ul.nav { margin:5px 0; }
		div.footer ul.nav li { display:inline; margin:0 5px 0 0; }
		div.footer ul.nav li a:hover { color:#000; text-decoration:underline; }
	div.footer p { margin:5px 0; color:#909090; }
		div.footer p a { color:#666; text-decoration:none; }
		div.footer p a:hover { color:#000; text-decoration:underline; }
		
/* contact form */
form { }
	form fieldset { }
	form legend { font-weight:bold; color:#980003; text-transform:uppercase; margin:0 0 10px 0; }
	form div { padding:0 0 4px 0; }
	form label { display:block; font-size:11px; color:#333; }
		form label.mandatory { font-weight:bold; }
	form input.text { background:url(/images/bg-input.gif) 0 0 no-repeat; border:1px solid #999; padding:2px; font-family:arial; font-size:12px; width:220px; }
	form textarea { background:url(/images/bg-input.gif) 0 0 no-repeat; border:1px solid #999; padding:2px; font-family:arial; font-size:12px; width:220px; }
	form div.submit { margin:10px 0 0 0; }
		form div.submit input { cursor:pointer; background:#980003 url(/images/bg-submit.gif) 85px 9px no-repeat; border:0; color:#FFF; font-weight:bold; padding:5px; font-family:arial; text-transform:uppercase; text-align:left; font-size:12px; width:100px; }

/* common */
div.page div.main ul.buttons { margin-top:20px; margin-left:0; position:relative; left:-10px; }	
ul.buttons li { float:left; font-size:11px; font-weight:bold; text-transform:uppercase; }	
div.page div.main ul.buttons li { list-style-image:none; }	
ul.buttons a { position:relative; display:block; float:left; padding:5px 10px; color:#980003; text-decoration:none; }
ul.buttons a:hover { color:#000; }

/* extra */
table.marking-guide { width:100%; border:1px solid #980003; border-width:1px 0 0 1px; margin:10px 0; }
table.marking-guide th, table.marking-guide td { border:1px solid #980003; border-width:0 1px 1px 0; text-align:center; padding:4px; }
table.marking-guide th { font-weight:bold; }
table.marking-guide td { }

div.marking-guide { border:1px solid #980003; text-align:center; padding:10px; }

/* hide unnecessary hide/show nav
div.resources h2 { cursor:pointer; margin:5px 0; }
div.resources h2:hover { color:#980003; }
div.resources ul { display:none; }
*/

div.page div.main ul.resources { margin:10px 0; }
	div.page div.main ul.resources li { list-style-image:none; margin:5px 0 5px 0; clear:left; }
	div.page div.main ul.resources li a { display:block; float:left; padding:6px 0 6px 26px; background:url(/images/bg-pdf.gif) 0 0 no-repeat; }

div.page div.custom { padding:10px 10px 10px 200px; position:relative; border-bottom:1px solid #bfbfbe; height:120px; }
	div.page div.custom img { position:absolute; top:0px; left:0px; }
	div.page div.custom ul { margin:0; }
	div.page div.custom h2 { margin:0; text-transform:uppercase; font-weight:bold; color:#980003; font-size:12px; }
	div.page div.custom ul li { list-style-image:none; }
	div.page div.custom label { font-weight:bold; }