/* -------------------------------------------- */
/* Andolite */
/* Designed and built by Emerald Colour Limited */
/* www.emeraldcolour.co.uk | T:01256 819788 */
/* -------------------------------------------- */



/* -------------------------------------------- */
/* zero browser settings */
/* -------------------------------------------- */

body, html, div, h1, h2, h3, h4, h5, h6, p, ul, li, img, form
{
margin: 0;
padding: 0;
border:none;
}


/* -------------------------------------------- */
/* body */
/* -------------------------------------------- */

body
{
font-size: 1px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: normal;
text-align: left;
background-color: #CCCCCC;
}


/* -------------------------------------------- */
/* links */
/* -------------------------------------------- */

a:link
{
color: #003e7e;
text-decoration: underline;
}

a:visited
{
color: #003e7e;
text-decoration: underline;
}

a:hover
{
color: #666666;
text-decoration: underline;
}

a:active
{
color: #003e7e0;
text-decoration: underline;
}


/* -------------------------------------------- */
/* lists */
/* -------------------------------------------- */

ol
{
font-size: 13px;
font-weight: normal;
line-height: 1.4em;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 15px;
list-style-type: disc;
}

ol li
{
padding: 0px 0px 6px 0px;
}


/* -------------------------------------------- */
/* wrapper */
/* -------------------------------------------- */

#wrapper
{
width: 1000px;
margin-right: auto;
margin-left: auto;
text-align: left;
background-color: #ffffff;
overflow: hidden;
}


/* -------------------------------------------- */
/* logo */
/* -------------------------------------------- */

#logo_box
{
float: left;
display: inline;
margin: 35px 53px 35px 54px;
}


/* -------------------------------------------- */
/* navigation main */
/* -------------------------------------------- */

#navigation_main_box
{
float: left;
width: 624px;
height: 20px;
display: inline;
margin: 58px 0px 0px 0px;
}

ul#navigation_main
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
float: right;
}

ul#navigation_main a
{
font-size: 13px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color: #003e7e;
text-decoration: none;
border-left: .1em solid #666666;
border-right: .1em solid #666666;
margin: 0px 5px 0px 5px;
padding: 0px 5px 0px 5px;
}
	
ul#navigation_main a:hover
{
color: #666666;
}

ul#navigation_main li
{
display: inline;
}


/* -------------------------------------------- */
/* header */
/* -------------------------------------------- */

#header_box
{
float: left;
width: 1000px;
height: 220px;
display: inline;
padding: 0px 0px 35px 0px;
}


/* -------------------------------------------- */
/* navigation vertical box */
/* -------------------------------------------- */

#navigation_vertical_box
{
float: left;
width: 200px;
display: inline;
margin: 0px 6px 0px 35px;
}

#navigation_vertical_box img
{
padding: 0px 0px 6px 0px;
}


/* -------------------------------------------- */
/* navigation vertical generic */
/* -------------------------------------------- */

ul#navigation_ver_generic
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
}

ul#navigation_ver_generic a
{
font-size: 14px;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
background: #c1c4dd;
text-decoration: none;
border-bottom: .1em solid #003e7e;
padding: 6px 0px 5px 20px;
display: block;
}

ul#navigation_ver_generic a:hover
{
background: #9095c0;
color: #000000;
}
	
ul#navigation_ver_generic li
{
display: inline;
}


/* ------------------------------------------------------------------------- */
/* product navigation */
/* ------------------------------------------------------------------------- */

/* -------------------------------------------- */
/* navigation lighting bars */
/* -------------------------------------------- */

ul#navigation_ver_lb
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
}

ul#navigation_ver_lb a
{
font-size: 14px;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
background: #d9e8ae;
text-decoration: none;
border-bottom: .1em solid #a6ce39;
padding: 6px 0px 5px 20px;
display: block;
}

ul#navigation_ver_lb a:hover
{
background: #c7de89;
color: #000000;
}

ul#navigation_ver_lb li
{
display: inline;
}


/* -------------------------------------------- */
/* navigation brackets */
/* -------------------------------------------- */

ul#navigation_ver_br
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
}

ul#navigation_ver_br a
{
font-size: 14px;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
background: #fed09f;
text-decoration: none;
border-bottom: .1em solid #f8931d;
padding: 6px 0px 5px 20px;
display: block;
}

ul#navigation_ver_br a:hover
{
background: #fcbb77;
color: #000000;
}

ul#navigation_ver_br li
{
display: inline;
}


/* -------------------------------------------- */
/* navigation patching */
/* -------------------------------------------- */

ul#navigation_ver_pa
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
}

ul#navigation_ver_pa a
{
font-size: 14px;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
background: #a5bee3;
text-decoration: none;
border-bottom: .1em solid #017dc5;
padding: 6px 0px 5px 20px;
display: block;
}

ul#navigation_ver_pa a:hover
{
background: #7ea5d7;
color: #000000;
}

ul#navigation_ver_pa li
{
display: inline;
}


/* -------------------------------------------- */
/* navigation audio panels */
/* -------------------------------------------- */

ul#navigation_ver_ap
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
}

ul#navigation_ver_ap a
{
font-size: 14px;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
background: #b3d7f2;
text-decoration: none;
border-bottom: .1em solid #01aef0;
padding: 6px 0px 5px 20px;
display: block;
}

ul#navigation_ver_ap a:hover
{
background: #8dc6ec;
color: #000000;
}

ul#navigation_ver_ap li
{
display: inline;
}


/* -------------------------------------------- */
/* navigation lighting panels */
/* -------------------------------------------- */

ul#navigation_ver_lp
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
}

ul#navigation_ver_lp a
{
font-size: 14px;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
background: #ffe0a5;
text-decoration: none;
border-bottom: .1em solid #fdba14;
padding: 6px 0px 5px 20px;
display: block;
}

ul#navigation_ver_lp a:hover
{
background: #fed27c;
color: #000000;
}

ul#navigation_ver_lp li
{
display: inline;
}


/* -------------------------------------------- */
/* navigation dip traps */
/* -------------------------------------------- */

ul#navigation_ver_dt
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
}

ul#navigation_ver_dt a
{
font-size: 14px;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
background: #bfc1e2;
text-decoration: none;
border-bottom: .1em solid #737ebe;
padding: 6px 0px 5px 20px;
display: block;
}

ul#navigation_ver_dt a:hover
{
background: #a2a8d5;
color: #000000;
}

ul#navigation_ver_dt li
{
display: inline;
}


/* -------------------------------------------- */
/* navigation rack cabinets */
/* -------------------------------------------- */

ul#navigation_ver_rc
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
}

ul#navigation_ver_rc a
{
font-size: 14px;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
background: #eca9b8;
text-decoration: none;
border-bottom: .1em solid #d9176e;
padding: 6px 0px 5px 20px;
display: block;
}

ul#navigation_ver_rc a:hover
{
background: #e4829d;
color: #000000;
}

ul#navigation_ver_rc li
{
display: inline;
}


/* -------------------------------------------- */
/* navigation signs */
/* -------------------------------------------- */

ul#navigation_ver_si
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
}

ul#navigation_ver_si a
{
font-size: 14px;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
background: #b0d8ad;
text-decoration: none;
border-bottom: .1em solid #0eb049;
padding: 6px 0px 5px 20px;
display: block;
}

ul#navigation_ver_si a:hover
{
background: #8ac98b;
color: #000000;
}

ul#navigation_ver_si li
{
display: inline;
}


/* -------------------------------------------- */
/* navigation power distros */
/* -------------------------------------------- */

ul#navigation_ver_pd
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
}

ul#navigation_ver_pd a
{
font-size: 14px;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
background: #eba58d;
text-decoration: none;
border-bottom: .1em solid #d7181f;
padding: 6px 0px 5px 20px;
display: block;
}

ul#navigation_ver_pd a:hover
{
background: #e58065;
color: #000000;
}

ul#navigation_ver_pd li
{
display: inline;
}


/* -------------------------------------------- */
/* navigation designers */
/* -------------------------------------------- */

ul#navigation_ver_de
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
}

ul#navigation_ver_de a
{
font-size: 14px;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
background: #d8dde0;
text-decoration: none;
border-bottom: .1em solid #a6b7bf;
padding: 6px 0px 5px 20px;
display: block;
}

ul#navigation_ver_de a:hover
{
background: #c6cfd4;
color: #000000;
}

ul#navigation_ver_de li
{
display: inline;
}


/* -------------------------------------------- */
/* content wrapper*/
/* -------------------------------------------- */

#content_wrapper
{
float: left;
width: 759px;
display: inline;
}


/* -------------------------------------------- */
/* content */
/* -------------------------------------------- */

#content_box
{
float: left;
width: 518px;
display: inline;
}

#content_header
{
float: left;
width: 518px;
display: inline;
margin: 0px 0px 6px 0px;
}

#content
{
float: left;
width: 478px;
display: inline;
margin: 11px 20px 0px 20px;
}

/* main heading */
#content h1
{
font-size: 32px;
font-weight: bold;
line-height: 1.3em;
padding: 0px 0px 6px 0px;
color: #003e7e;
}

/* intro text */
#content h2
{
font-size: 19px;
font-weight: bold;
line-height: 1.3em;
padding: 0px 0px 12px 0px;
color: #666666;
}

/* subhead 01 */
#content h3
{
font-size: 16px;
font-weight: bold;
line-height: 1.3em;
padding: 0px 0px 6px 0px;
color: #003e7e;
}

/* subhead 02 */
#content h4
{
font-size: 16px;
font-weight: bold;
line-height: 1.3em;
padding: 6px 0px 6px 0px;
color: #003e7e;
}

/* paragraph text */
#content p
{
font-size: 13px;
font-weight: normal;
line-height: 1.4em;
padding: 0px 0px 6px 0px;
color: #000000;
}


/* -------------------------------------------- */
/* content 2 column*/
/* -------------------------------------------- */

#content_2_col_box
{
float: left;
width: 724px;
display: inline;
margin: 16px 0px 0px 0px;
}

#content_2_col
{
float: left;
width: 300px;
height: 80px;
display: inline;
margin: 0px 30px 6px 20px;
}

/* paragraph text */
#content_2_col p
{
font-size: 13px;
font-weight: normal;
line-height: 1.4em;
padding: 0px 0px 6px 0px;
color: #000000;
}

/* image */
#content_2_col img
{
float: right;
padding: 0px 0px 0px 10px;
}


/* -------------------------------------------- */
/* images */
/* -------------------------------------------- */

#images_box
{
float: left;
width: 200px;
display: inline;
margin: 0px 35px 0px 6px;
}

#images_box img
{
margin: 0px 0px 6px 0px;
}


/* -------------------------------------------- */
/* homepage */
/* -------------------------------------------- */

#product_box_strip
{
float: left;
width: 930px;
display: inline;
margin: 0px 35px 6px 35px;
}

.product_box_01
{
float: left;
display: inline;
margin: 0px 6px 0px 0px;
}

.product_box_02
{
float: left;
display: inline;
}


/* -------------------------------------------- */
/* footer */
/* -------------------------------------------- */	

#footer_box
{
float: left;
width: 890px;
height: 120px;
display: inline;
margin: 50px 0px 0px 55px;
}

#footer_box_line
{
float: left;
width: 890px;
height: 1px;
display: inline;
margin: 0px 0px 29px 0px;
background-color: #cccccc;
}

#footer_box_text
{
float: left;
width: 481px;
display: inline;
margin: 15px 0px 0px 0px;
}

#footer_box_logo
{
float: right;
display: inline;
}

#footer_box p
{
font-size: 12px;
color: #003e7e;
margin-bottom: 5px;
}


/* -------------------------------------------- */
/* form */
/* -------------------------------------------- */	
	
#form_box
{
width: 385px;
background-color: #FFFFFF;
float: left;
display: inline;
margin: 15px 0px 0px 20px;
}

#form_box p
{
font-size: 12px;
font-weight: bold;
text-align: left;
line-height: 1.7;
padding: 0px 0px 8px 0px;
color: #000000;
}

label
{
width: 65px;
float: left;
text-align: left;
margin-right: 5px;
display: block
}

.input
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000033;
background: #ededed;
border: 1px solid #003e7e;
width: 300px;
}

.submit input
{
font-size: 10px;
font-weight: bold;
color: #ffffff;
background: #003e7e;
margin: 10px 0px 0px 70px;
border: 0px;
width: 80px;
height: 25px;
}


/* -------------------------------------------- */
/* popup image */
/* -------------------------------------------- */	

#image_box
{
width: 640px;
margin-right: auto;
margin-left: auto;
text-align: left;
background-color: #ffffff;
overflow: hidden;
}

#image_box img
{
padding: 20px 20px 20px 20px;
}

#image_box p
{
font-size: 12px;
font-weight: bold;
text-align: center;
margin-bottom: 20px;
}