* {
	padding: 0;
	margin: 0;
	}

body {
	background: #000 url("images/bg.gif") top left repeat-x;
        background-attachment: fixed;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #898989;
	margin-bottom: 40px;
	}

h1 {
	font-size: 1.1em;
	padding: 0 0 20px 0;
	margin: 0;
	color: #FFF;
	font-family: arial, helvetica, sans-serif;
	line-height: 1.1em;
	}

h2 {
	font-size: 0.95em;
	padding: 0 0 20px 0;
	color: #c3a504;
	font-family: arial, helvetica, sans-serif;
	}

h3 {
	font-size: 0.8em;
	padding: 0 0 20px 0;
	color: #c3a504;
	font-family: arial, helvetica, sans-serif;
	}

p {
	font-size: 0.7em;
	padding: 0 0 15px 0;
	color: #898989;
	line-height: 130%;
	}

a, a:active, a:visited, a:focus {
	color: #c60b28;
	text-decoration: none;
	outline: none;
	}

a:hover {
	text-decoration: underline;
	}

a img {
	border: 0;
	}

img {

	}

ul {
	font-size: 0.7em;
	margin: 0;
  	padding: 0px 0px 15px 0px;
	list-style-type: disc;
	}
	
ol {
	font-size: 0.7em;
	margin: 0;
  	padding: 0px 0px 15px 0px;
	}

li {
	margin: 0px 0px 0px 17px;
	padding: 0;
	line-height: 150%;	
	}

em {
	font-weight: bold;
	font-style: italic;
	}

blockquote {
	border: 1px solid #EBEBEB;
	margin: 0 20px 15px 20px;
	padding: 15px 15px 0 15px;
	}
	
table {
	border: 1px solid #111;
	border-width: 1px 0 0 1px;
	font-size: 0.55em;
	margin: 0 0 15px 0;
	}

table ul {
	font-size: 1.2em;
	}

th {
	border: 1px solid #111;
	border-width: 0 1px 1px 0;
	text-align: left;
	color: #FFF;
	padding: 5px;
	background: #111;
	font-weight: normal;
	}
	
tr {
	}
	
td {
	border: 1px solid #111;
	border-width: 0 1px 1px 0;
	padding: 5px;
	}


#wrapper {
	width: 900px;
    margin: 40px auto;
	}

#menu {
	width: 253px;
	height: 318px;
	float: left;
	background: url("images/menu_bg.jpg") top left no-repeat;
	}
	
	
#navigation {
	width: 200px;
	margin: 88px auto 0 auto;
	padding: 0;
	}
	
#navigation ul {
	padding: 0;
	}
	
#navigation li {
	font-size: 1.3em;
	list-style: none;
	margin: 0;
	}

#navigation li a {
	display: block;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #000;
	padding: 0 0 0 25px;
	background: url("images/arrow_red.gif") 10px 16px no-repeat;
	font-size: 0.8em;
	color: #444;
	}
	
#navigation li a:hover {
	text-decoration: none;
	background: url("images/arrow_black.gif") 10px 16px no-repeat;
	color: #000;
	}
	
#client_login {
	border: 1px solid #111;
	padding: 10px;
	margin: 0 0 15px 0;
	text-align: left;
	}
	
#client_login label {
	float: left;
	padding: 0;
	margin: 0;
	}
	
#client_login input {
	width: 230px;
	padding: 3px;
	margin: 3px 0;
	float: left;
	}
	
#client_login .login_button {
	width: 50px;
	float: right;
	margin: 5px 0 0 0;
	padding: 0;
	}

#header {
	width: 647px;
	height: 108px;
	float: left;
	background: url("images/header.jpg") top left no-repeat;
	}
	
#header img {
	float: right;
	}

#banner {
	width: 647px;
	height: 210px;
	float: left;
	background: url("images/slide02.jpg") top left no-repeat;
	}
	
#electrical_safety_banner,
#surge_protection_banner,
#services_banner,
#kits_banner,
#safety_ppe_banner,
#safety_accessories_banner,
#simpro_mobile_banner {
	width: 647px;
	height: 210px;
	float: left;
	}
	
#simpro_mobile_banner {
	background: url("images/slide10.jpg") top left no-repeat;
	}

#electrical_safety_banner {
	background: url("images/slide02.jpg") top left no-repeat;
	}

#surge_protection_banner {
	background: url("images/slide03.jpg") top left no-repeat;
	}

#services_banner {
	background: url("images/slide04.jpg") top left no-repeat;
	}

#kits_banner {
	background: url("images/slide05.jpg") top left no-repeat;
	}

#safety_ppe_banner {
	background: url("images/slide01.jpg") top left no-repeat;
	}

#safety_accessories_banner {
	background: url("images/slide06.jpg") top left no-repeat;
	}

#content {
	width: 898px;
	padding: 40px 0 40px 0;
	float: left;
	background: #000 url("images/content_bg.gif") top left repeat-x;
	border-left: 1px solid #111111;
	border-right: 1px solid #111111;
	}
	
#content  img {
	border: 4px solid #292929;
	}
	
#main_textbox {
	width: 550px;
	min-height: 400px;
	float: left;
	display: inline;
	margin: 0 0 0 30px;
	}

#main_textbox h1 {
	float: left;
	line-height: 1.1em;
	}
	
#main_textbox h2, #main_textbox h3 {
	padding: 0 0 10px 0;
	}

.breadcrumb {
	line-height: 1.9em;
	float: right;
	font-size: 0.7em;
	}
	
#textbox1, #textbox2 {
	width: 260px;
	float: left;
	display: inline;
	margin: 0 0 0 30px;
	}
	
#enquiries_header {
	width: 550px;
	height: 124px;
	margin: 40px auto 0 auto;
	background: url("images/enquiries_header.jpg") top left no-repeat;
	}

.std_form {
	width: 520px;
	padding: 15px;
	margin: 0 auto;
	background: #111;
	}
	
.std_form label {
	float: left;
	height: 20px;
	width: 100px;
	margin: 0 0 10px 0;
	padding: 4px 0 0 0;
	clear: both;
	}
	
.std_form td p {
	font-size: 12px;
	}

.std_form td label {
	font-size: 10px;
	width: auto;
	margin: 0;
	}

.std_form input {
	float: right;
	width: 400px;
	height: 16px;
	margin: 0 0 10px 0;
	}

.std_form textarea {
	float: right;
	width: 400px;
	margin: 0 0 10px 0;
	}

.std_form select {
	float: left;
	margin: 0 0 0 12px;
	}	
	
.std_form .submit_button {
	width: 80px;
	height: 25px;
	float: right;
	margin: 0 0 0 10px;
	}

.std_form .radio_button {
	width: 20px;
	height: 10px;
	float: left;
	margin: 5px 0 0 0;
	border: none;
	}

.std_form .label_wide {
	width: 100px;
	height: 20px;
	float: left;
	clear: none;
}

.std_form .shop_item {
	width: auto;
}

.shop_dropdown {
	width: 110px; 
	margin: 10px auto 0 auto;
	}

.shop select {
	margin: 0 0 0 5px;
	padding: 0;
	}
	
#sidebar_right, #sidebar_left{
	text-align: center;
	width: 260px;
	float: right;
	display: inline;
	margin: 0 30px 0 0;
	clear: right;
	}
	
#sidebar_right img, #sidebar_left img {
	border: 4px solid #292929;
	margin: 0 0 10px 0;
	}

#sidebar_right p, #sidebar_left p {
	color: #FFF;
	}
	
#twitter_div {
	text-align: left;
	}
	
#twitter_div ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}
	
#twitter_div ul li {
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #292929;
	}
	
#twitter_div h2 {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #292929;
	}
	
#me_shop_box {
	float: right;
	margin: 0 30px 15px 0;
	}
	
#me_shop_box img {
	border: 0;
	}

#products_nav {
	width: 260px;
	float: right;
	display: inline;
	margin: 0 30px 15px 0;
	clear: none;
	}
	
#products_links {
	width: 550px;
	float: left;
	clear: both;
	border-top: 1px dotted #c60b28;
	margin: 15px 0 0 0;
	}
	
a#products_back  {
	background: url("images/products_back.gif") 0 0 no-repeat;
	width: 122px;
	height: 29px;
	display: block;
	float: left;
	margin: 15px 0;
	}
	
a:hover#products_back  {
	background: url("images/products_back.gif") 0 -29px no-repeat;
	}
	
a#products_enquire  {
	background: url("images/products_enquire.gif") 0 0 no-repeat;
	width: 103px;
	height: 29px;
	display: block;
	float: right;
	margin: 15px 0;
	}
	
a:hover#products_enquire  {
	background: url("images/products_enquire.gif") 0 -29px no-repeat;
	}
	
a#products_buy  {
	background: url("images/products_buy.gif") 0 0 no-repeat;
	width: 80px;
	height: 29px;
	display: block;
	float: right;
	margin: 15px 0;
	}
	
a:hover#products_buy  {
	background: url("images/products_buy.gif") 0 -29px no-repeat;
	}

a#download_button  {
	background: url("images/download.gif") 0 0 no-repeat;
	width: 84px;
	height: 29px;
	display: block;
	margin: 10px 0 0 0;
	}
	
a:hover#download_button  {
	background: url("images/download.gif") 0 -29px no-repeat;
	}

.products th {
	color: #c3a504;
	font-size: 1.4em;
	font-weight: normal;
	}

.products a, .products a:active, .products a:visited, .products a:focus {
	color: #999;
	text-decoration: none;
	outline: none;
	}

.products a:hover {
	text-decoration: underline;
      color: #c60b28;
	}
	
#footer {
	width: 840px;
	height: 77px;
	padding: 0 30px;
	background: url("images/footer.jpg") top left no-repeat;
	clear: both;
	}
	
#footer img {
	padding: 14px 0 0 10px;
	}

#footer p {
	padding: 56px 0 0 0;
	color: #000;
	font-size: 0.6em;
	}

label { 
	font-size: 0.7em;
	}
	
input {
	margin: 3px 0px 0px 0px;
	font-family: arial, helvetica, sans-serif;
	font-size: 0.8em;
	border: 1px solid #D7D7D7;
	padding: 3px;
	}

textarea {
	margin: 3px 0px 0px 0px;
	font-family: arial, helvetica, sans-serif;
	font-size: 0.8em;
	border: 1px solid #D7D7D7;
	padding: 3px;
	}
	
.margin_left {
	margin: 0 0 0 30px;
	}

.hr {
	height: 32px;
	background: url("images/hr.gif") center repeat-x;
	clear: both;
	}

.hr hr {
	display: none;
	}

.clear {
	clear: both;
	}

.smalltext {
	font-size: 0.7em;
	}

.strong {
	font-weight: bold;
	color: #FFF;
	}

.center {
	text-align: center;
	}

.right {
	text-align: right;
	}

.floatright {
	float: right;
	}

.floatleft {
	float: left;
	}
	
.clearleft {
	clear: left;
	}
	
.clearright {
	clear: right;
	}
	
.imgleft {
	float: left;
	margin: 0 10px 0 0;
	}
	
.imgright {
	float: right;
	margin: 0 0 0 10px;
	}

.imgpad {
	margin-bottom: 10px;
	}
	
.tableleft {
	float: left;
	margin: 0 10px 10px 0;
	}

.tableright {
	float: right;
	margin: 0 0 10px 10px;
	}
		
.alert {
	color: #EF4322;
	}
	
.yellow {
	color: #c3a504;
	}
	
.hidden {
	display: none;
	}

/* /////// Products Sidebar Flyout Menu /////// */


.float-holder-right ul { /* needs the Holly hack to avoid IE bugs */
	border-top: 1px solid #000;
      margin: 0;
      padding: 0;
	}

.float-holder-right li {
	list-style: none; /* kills the list item "bullet" markers */
	border-bottom: 1px solid #000; /* Makes side borders on flyouts */
	position: relative;
	text-align: right;
	vertical-align: bottom; /* for IE5/win */
	font-weight: bold;
	font-family: arial, sans-serif;
      margin: 0;
      padding: 0;
	background: #000 url("images/button_bg.gif") top repeat-x;
	font-size: 11px;
	}

.float-holder-right li a, .float-holder-right li a:active, .float-holder-right li a:visited {
	cursor: default;
	padding: 10px 15px;
	}

.float-holder-right li a:hover {
	background: #000 url("images/button_bg.gif") 0 -37px no-repeat;
	}

.float-holder-right li li a, .float-holder-right li li a:visited, .float-holder-right li li a:active {
	background: #000 url("images/button_bg2.gif") top repeat-x;
	cursor: pointer;
	padding: 5px;
	}

.float-holder-right li li a:hover {
	background: #111;
      color: #C60B28;
	}

.float-holder-right li li {
	text-align: left;
	font-size: 9px;
      background: #111;
}

.nav a, .nav a:visited, .nav a:active {
	display: block;
	vertical-align: bottom; /* needed for IE5/win */
	color: #d7d7d7;
	text-decoration: none;
	border: 1px solid #000;
	border-width: 0 1px; Makes side borders on flyouts */
      cursor: pointer;
	}

.nav a:hover {
	text-decoration: none;
	}

.nav a:focus, .nav a.sffocus { /* enhances the focus styling for keyboard tabbing */
	color: white;
	}

.float-holder-left {
	width: 150px;
	float: left;
	margin: 40px 20px 0 0;
	}

.float-holder-right {
	width: 260px;
	float: right;
	margin: 40px 30px 0 20px;
	display: inline;
	}

.nav div {
	width: 200px;
	position: absolute;
	left: -3000px;
	}

/* \*/
.nav div {
	width: 220px;
	wid\th: 150px;
	}

/* Box model fix for IE5.x Win */

.float-holder-left div {
	padding: 30px 60px 30px 10px;
	}

.float-holder-right div {
	padding: 30px 10px 30px 60px;
	}

.float-holder-left div.leftbox, .float-holder-right div.leftbox {
	padding: 30px 10px 30px 60px;
	}

.float-holder-left div.rightbox, .float-holder-right div.rightbox {
	padding: 30px 60px 30px 10px;
	}

.float-holder-left .nav div.zone, .float-holder-right .nav div.zone {
	padding: 0;
	width: 260px;
	height: 10px;
	left: -3000px;
	top: auto;
	bottom: -10px;
	font-size: 1px;
	}

.float-holder-left .nav li:hover div.zone, .float-holder-right .nav li:hover div.zone {
	left: 0;
	}

.float-holder-left li:hover div div,
.float-holder-left div li:hover div div,
.float-holder-right li:hover div div,
.float-holder-right div li:hover div div {
	left: -3000px;
	}

.float-holder-left li:hover div,
.float-holder-left div li:hover div,
.float-holder-left div div li:hover div.rightbox,
.float-holder-right div div li:hover div.rightbox {
	left: 126px;
	top: -28px;
  }

.float-holder-left div div li:hover div.leftbox,
.float-holder-right li:hover div,
.float-holder-right div li:hover div,
.float-holder-right div div li:hover div.leftbox {
	left: auto;
	right: 249px;
	top: -31px;
	}

.prod_menu_button1 {z-index: 6;}

.prod_menu_button1 li {}

.prod_menu_button2 {z-index: 5;}

.prod_menu_button2 li {}

.prod_menu_button3 {z-index: 4;}

.prod_menu_button3 li {}

.prod_menu_button4 {z-index: 3;}

.prod_menu_button4 li {}

.prod_menu_button5 {z-index: 2;}

.prod_menu_button5 li {}

.prod_menu_button6 {z-index: 1;}

.prod_menu_button6 li {}

.nav ul a {color: #fff;}

.nav li li li li a {
	color: #000;
	}

/* \*/ /*/

.nav div, .nav ul ul .leftbox, .nav ul ul .rightbox {
	position: relative;
	left: 5px;
	padding: 0;
	}

.nav .arrow, .nav .arrow-double {border-bottom: 1px solid #000;}

.zone {display: none;}

/* */

.classW {font-size: .6em !important;}

.classW div, .classW ul ul .leftbox, .classW ul ul .rightbox,
.classW li:hover div, .classW ul li:hover div .leftbox, .classW ul ul .rightbox {
	position: relative !important;
	left: 5px !important;
	top: 0 !important;
	padding: 0 !important;
	}

.classW .arrow, .classW .arrow-double, .classW .in-arrow-right, .classW .in-arrow-left {
	border-bottom: 1px solid #000;
	background-image: none  !important;
	}

.classW .zone {display: none;}