/* (c) by Dave J Fox | http://www.davejfox.com */

/* xhtml tag definitions */

* { 
  margin: 0;
  padding: 0;
}

div.cb {
	clear: both;
}

.access {
	display: none;
}

body, html {
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;
	background: url(gfx/bg.gif) top repeat-x #f6f6f6;
}

div#wrapper {
	width: 752px;
	height: auto;
	margin: 0 auto;
	color: #fff;
	background: url(gfx/body-bg.png) repeat-y;
}

div#top { 
	display: block;
	height: 328px;
	width: 752px; 
	background: url(gfx/top-bg.gif) top no-repeat;
	padding: 36px 0 0 0;
}

div#top h1 { 
	margin: 20px 0 0 6px;
}

div#top h1 a { 
	display: block;
	height: 87px;
	width: 335px; 
	background: url(gfx/switch-distribution.jpg) no-repeat;
	text-indent: -9999px;
}

div#top ul {
	float: right;
	margin: -40px 26px 0 0;
}

div#top ul li {
	float: left;
	list-style: none;
	margin: 0 0 0 5px;
}

div#top ul li a {
	color: #9d9d9d;
	text-decoration: none;
	font-size: 0.8em;
	font-weight: bold;
	padding: 2px 5px 2px 5px;
}

div#top ul li a:hover {
	color: #231553;
	background: #d9d9d9;
}

body.a div#top div#pageintro {
	display: block;
	width: 355px;
	height: 220px;
	background: url(gfx/home-page-intro.jpg) no-repeat;
	margin: 0 0 0 6px;
	padding: 0 0 0 385px;
}

body.a div#top div#pageintro h2 {
	text-align: right;
	padding: 25px 50px 0 0;
	font-style: italic;
	font-size: 1.5em;
	margin: 0 0 20px 0;
}

body.a div#top div#pageintro p {
	text-align: justify;
	margin: 0 50px 0 0;
	font-size: 0.8em;
	color: #6e6e6e;
	line-height: 150%;
}

/*--content and content stylings--*/

div#content { 
	display: block;
	width: 470px;
	height: auto;
	padding: 30px 40px 0 20px;
	margin: 0 0 0 6px;
	background: url(gfx/content-bg.gif) repeat-x #fff;
	float: left;
}

div#content h2 {
	color: #231a57;
	font-size: 1.3em;
	margin: 0 0 20px 0;
}

div#content h3 {
	color: #66ced1;
	margin: 0 0 20px 0;
	padding: 15px 0 0 0;
}

div#content h3 span {
	font-size: 0.8em;
	font-style: italic;
}

div#content h4, h5, h6 {
	color: #848484;
	margin: 0 0 15px 0;
	padding: 8px 0 0 0;
}

h4.eslink a {
	display: block;
	height: 81px;
	width: 190px;
	background: url(gfx/EnergySavers.gif) no-repeat;
	text-indent: -9999px;
	margin: 0 0 40px 0;
}

div#newproducts {
	display: block;
	background: url(gfx/new-products.jpg) top right no-repeat #f3f3f3;
	display: block;
	width: 440px;
	height: auto;
	padding: 10px 15px 10px 15px;
	margin: 0 0 30px 0;
}

div#content p {
	color: #848484;
	font-size: 0.8em;
	margin: 0 0 20px 0;
	text-align: justify;
	line-height: 150%;
}

div#content p.errorh {
	margin: 0 10px 20px 10px;
}

div#content p a.vmore {
	padding: 3px 5px 3px 5px;
	background: #7ae2d7;
	color: #fff;
	font-size: 1.0em;
	border: none;
}

div#content p a.vmore:hover {
	border: none;
	text-decoration: none;
	background: #281856;
	color: #fff;
}

div#content p a, div#content ul li a {
	color: #171c44;
	text-decoration: none;
	border-bottom: 1px dotted #66ced1;
}

div#content p a:hover, div#content ul li a:hover {
	color: #66ced1;
	border-bottom: 1px dotted #171c44;
}

div#content ul {
	font-size: 0.8em;
	margin: 0 0 20px 20px;
	line-height: 150%;
}

div#content ul li {
	color: #848484;
	line-height: 150%;
	text-align: justify;
	margin: 0 0 5px 0;
}

div#content img {
	margin: 0 0 20px 0;
	border: 2px solid #6accd7;
}

div#content table.prodtable {
	width: 300px;
	float: left;
	font-size: 0.8em;
}

div#content table.prodtable th {
	background: #6ecad5;
	text-align: left;
	padding: 5px;
}

div#content table.prodtable td {
	background: #d9d9d7;
	color: #8a8985;
	padding: 5px;
}

div#content .pi {
	float: right;
	border: 2px solid #6accd7;
	margin: 0 0 15px 15px;
}

div#content .pi p {
	margin: 0;
	padding: 0;
}

div#content .pi p a {
	display: block;
	text-align: center;
	color: #fff;
	background: url(images/switch-map-sm.jpg) top no-repeat #6accd7;
	padding: 135px 42px 1px 43px;
	font-weight: bold;
	border: none;
}

div#content .pi p a:hover {
	border: none;
	color: #211d50;
}

hr {
	color: #6accd7;
	background: #6accd7;
	margin: 40px 0 20px 0;
}

div#content div.prodrange p a {
	font-size: 0.9em;
	color: #8c8c8c;
	display: block;
	width: 335px;
	height: auto;
	padding: 10px 15px 10px 120px;
	text-decoration: none;
	border-top: 1px dotted #8c8c8c;
	margin: 0 0 -20px 0;
}

div#content div.prodrange p a strong {
	font-size: 1.2em;
	color: #8c8c8c;
	line-height: 190%;
}

div#content div.prodrange p a span {
	font-size: 1.1em;
	font-weight: bold;
	color: #489fa7;
	border-bottom: 1px dotted #8c8c8c;
	line-height: 190%;
}

div.prodrange p#accessprod a {
	background: url(gfx/accessibility-products.gif) 0 0 no-repeat #fff;
}

div.prodrange p#accessprod a:hover {
	background: url(gfx/accessibility-products.gif) 0 -200px no-repeat #f3f3f3;
}

div.prodrange p#cableman a {
	background: url(gfx/cable-management.gif) 0 0 no-repeat #fff;
}

div.prodrange p#cableman a:hover {
	background: url(gfx/cable-management.gif) 0 -200px no-repeat #f3f3f3;
}

div.prodrange p#elec a {
	background: url(gfx/switches.gif) 0 0 no-repeat #fff;
}

div.prodrange p#elec a:hover {
	background: url(gfx/switches.gif) 0 -200px no-repeat #f3f3f3;
}

div.prodrange p#light a {
	background: url(gfx/lighting-products.gif) 0 0 no-repeat #fff;
}

div.prodrange p#light a:hover {
	background: url(gfx/lighting-products.gif) 0 -200px no-repeat #f3f3f3;
}

div.prodrange p#nurse a {
	background: url(gfx/nurse-call.gif) 0 0 no-repeat #fff;
}

div.prodrange p#nurse a:hover {
	background: url(gfx/nurse-call.gif) 0 -200px no-repeat #f3f3f3;
}

div.prodrange p#safety a {
	background: url(gfx/safety-products.gif) 0 0 no-repeat #fff;
	border-bottom: 1px dotted #8c8c8c;
}

div.prodrange p#safety a:hover {
	background: url(gfx/safety-products.gif) 0 -200px no-repeat #f3f3f3;
}

div.prodrange p#energysaving a {
	background: url(gfx/energy-saving.gif) 0 0 no-repeat #fff;
	border-bottom: 1px dotted #8c8c8c;
}

div.prodrange p#energysaving a:hover {
	background: url(gfx/energy-saving.gif) 0 -200px no-repeat #f3f3f3;
}

div#content form {
  border-top: 2px #6dc9d6 solid;
  border-bottom: 2px #6dc9d6 solid;
  width: 470px;
  background: url(gfx/form-bg.gif) bottom no-repeat;
  padding: 10px 0 10px 0;
}

div#content fieldset {
  border: none;
}

div#content legend {
  display: none;
}

div#content input, div#content select, div#content textarea {
  color: #848484;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  padding: 1px 2px 1px 2px;
  width: 220px;
  margin: 0 0 10px 10px;
  background: #fff;
  border: 1px #848484 solid;
}

div#content label {
  font-weight: bold;
  font-size: 0.8em;
  color: #211d50;
  margin: 0 0 10px 10px;
}

div#content textarea {
  font-size: 0.8em;
  height: 100px;
  width: 410px;
}

.mandatory {
	color: #6dc9d6;
}

div#content input#send {
  width: 100px;
  font-weight: bold;
  font-size: 0.8em;
}

div#content input#send:hover {
  color: #6dc9d6;
  border-color: #6dc9d6;
}

/*--sidebar and sidebar stylings--*/

div#sidebar { 
	display: block;
	width: 190px;
	height: auto;
	padding: 30px 20px 0 0;
	margin: 0 6px 0 0;
	background: url(gfx/content-bg.gif) repeat-x;
	float: right;
}

div#sidebar h3 {
	color: #231a57;
	font-size: 1.3em;
	margin: 0 0 20px 0;
}

div#sidebar ul#catmenu {
	margin: 0 0 30px 0;
}

div#sidebar ul#catmenu li {
	font-size: 0.9em;
	list-style: square;
	color: #deddde;
	margin: 0 0 0 14px;
}

div#sidebar ul#catmenu li a.first {
	border-top: 1px dotted #49a1aa;
}

div#sidebar ul#catmenu li a {
	color: #69c5d0;
	display: block;
	padding: 2px 10px 2px 10px;
	background: #fff;
	border-bottom: 1px dotted #49a1aa;
	text-decoration: none;
}

div#sidebar ul#catmenu li a:hover {
	color: #fff;
	background: #69c5d0;
}

div#sidebar h4 {
	color: #231553;
	font-size: 1.1em;
	margin: 0 0 10px 0;
}

div#sidebar h4.nl {
	color: #6ecad4;
	font-size: 1.3em;
	font-weight: lighter;
	margin: 0 0 -5px 7px;
}

p.testimonials {
	background: url(gfx/quote-a.gif) top left no-repeat;
	color: #848484;
	padding: 20px 10px 0 10px;
	font-size: 0.8em;
	text-align: justify;
	line-height: 150%;
}

p.auth {
	background: url(gfx/quote-b.gif) top right no-repeat;
	color: #848484;
	padding: 30px 10px 0 10px;
	margin: -15px 0 0 0;
	font-size: 0.8em;
	font-weight: bold;
}

div#wrapper div#content p.auth {
	margin: -35px 0 0 0;
}

div#sidebar p.rmt {
	margin: 10px 0 30px 10px;
	font-size: 0.8em;
}

div#sidebar p.rmt a {
	font-weight: bold;
	color: #489fa7;
	border-bottom: 1px dotted #8c8c8c;
	text-decoration: none;
}

div#sidebar p.rmt a:hover {
	color: #8c8c8c;
	border-bottom: 1px solid #489fa7;
}

div#sidebar h4.enq {
	display: block;
	width: 160px;
	height: 20px;
	background: url(gfx/get-a-quote.gif);
	text-indent: -9999px;
	margin: 0 0 0px 7px;
}

div#enquiryform {
	display: block;
	width: 160px;
	height: auto;
	background: #c2c2c2;
	padding: 15px;
	margin: 0 0 30px 0;
}

div#enquiryform p.useform {
	margin: 15px 0 0 0;	
	text-align: center;
}

div#enquiryform p.useform a {
	padding: 3px 6px 3px 6px;
	background: #fff;
	color: #c2c2c2;
	text-decoration: none;
	border-bottom: none;	
}

div#enquiryform p.useform a:hover {
	background: #848484;
	color: #fff;
}

div#newsletter {
	display: block;
	width: 160px;
	height: auto;
	background: #6ecad4;
	padding: 15px;
}

div#newsletter p, div#enquiryform p {
	color: #fff;
	font-size: 0.8em;
	text-align: justify;
}

div#newsletter p a {
	color: #fff;
	border-bottom: 1px dotted #fff;
	text-decoration: none;
}

div#newsletter p a:hover {
	color: #231553;
}

div#newsletter form {
  padding: 10px 0 10px 0;
  margin: 0 0 10px 0;
  width: 100%;
}

div#newsletter form fieldset {
  border: none;
}

div#newsletter form label {
  font-size: 0.8em;
}

input#subscribeyouremail {
	border: none;
	background: #fff;
	height: 15px;
	color: #999999;
	padding: 4px;
	font-size: 0.7em;
}

div#newsletter form input.button {
  display: block;
  width: 100%;
  height: auto;
  background: #fff;
  border: none;
  color: #489fa7;
  margin: 10px 0 0 0;
  padding: 0 10px 0 10px;
  text-align: left;
}

div#newsletter form input.button:hover {
  background: #999999;
  color: #fff;
}

div#blog {
	margin: 40px 0 0 0;
	background: #6ecad4 url(gfx/blog.jpg) top right no-repeat;
	width: 160px;
	height: auto;
	padding: 40px 15px 15px 15px;
}

div#blog h4 {
	margin: 0 0 20px 0;
}

div#blog p {
	font-size: 0.8em;
	text-align: justify;
	margin: 0 0 10px 0;
}

div#blog a {
	color: #231a57;
	text-decoration: none;
}

div#blog a:hover {
	text-decoration: underline;
}

/*--footer--*/

div#footer {
	display: block;
	height: auto;
	width: 752px;
	background: url(gfx/footer-bg.png) top no-repeat;
	margin: 0 auto;
	font-size: 0.8em;
}

div#footer a {
	color: #66ced1;
	text-decoration: none;
	border-bottom: 1px dotted #171c44;
}

div#footer a:hover {
	color: #171c44;
	border-bottom: 1px dotted #66ced1;
}

div#footer ul {
	padding: 50px 0 0 25px;
}

div#footer ul li {
	display: inline;
	color: #171c44;
}

div#footer p {
	float: right;
	padding: 0 30px 25px 0;
	margin: -15px 0 0 0;
}