BODY {background:URL(images/bg.gif) repeat-x;margin:10px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#35271C;line-height:17px}

p {margin:10px 0 10px 0;padding:0px;font-size:90%;}
.clear {clear:both;height:1px}
.borderline {border-bottom:1px solid #356CAC;width:100%;margin:5px 0 15px 0;height:1px}

H1 {color:#7B057A;font-size:170%;font-weight:100;margin:15px 0 0 0;padding:0px;font-family:Times New Roman, Times, serif;padding:0px}
H2 {color:#7B057A;font-size:120%;font-weight:bold;margin:10px 0 0 0;padding:0px;}

.purple {color:#7B057A}
.lightblue {color:#356CAC}
.white {color:#FFFFFF}
.paleblue {color:#E3F1FD}
.black {color:#000000}

A {color:#7B057A;font-size:90%;}
A:Hover {text-decoration:underline;color:#7B057A;}
A {text-decoration: none;color:#FFFFFF;}

.email {color:#7B057A;font-size:100%;}
.email a:hover{text-decoration:underline;color:#7B057A;}
.email a{text-decoration:underline;color:#356CAC;}

.fluid {color:#7B057A;font-size:90%;float:right;padding:10px 20px 0 0}
.fluid a:hover{text-decoration:underline;color:#7B057A;}
.fluid a{text-decoration:none;color:#FFFFFF;}

#canvas {margin-left:auto; margin-right:auto; width:818px;height:387px;padding:0 9px 0 9px;}
#circuit {background:URL(images/circuit.jpg) no-repeat;height:23px;width:800px;float:left;}

#container {float:left; width:800px; margin:0 0 0 0;background-color:#FFFFFF;}
#col1 {float:left;width:209px;margin:0 0px 10px 0}
#col2 {float:left;width:535px;margin:0 0 20px 20px}
#strap {background-color:#7B057A;height:55px;width:205px;float:left;border-left:2px solid #FFFFFF;border-bottom:2px solid #FFFFFF;}
#links {background:URL(images/quick_link_bg.gif) no-repeat #356CAC left 10px;height:35px;width:205px;float:left;border-left:2px solid #FFFFFF;border-bottom:2px solid #FFFFFF;font-size:90%}
#telephone {background-color:#356CAC;height:70px;width:205px;float:left;border-left:2px solid #FFFFFF;border-bottom:2px solid #FFFFFF;}
#content {float:left;width:589px;padding-bottom:20px;background-color:#E3F1FD}
#content_inner {float:left;width:535px;margin:0 0 0 20px}

/* bottom footer Nav Bar */
#footer {background:URL(images/base.gif) no-repeat;height:34px;padding:0 0 12px 0;}


/* bottom footer Main Nav Bar */
DIV#mainnav_bar UL.mainmenu {padding:0 0 0 0;margin:0px;position:relative;height:130px;}
DIV#mainnav_bar UL.mainmenu LI {LIST-STYLE-TYPE: none;position:absolute;TOP:0px}
DIV#mainnav_bar UL.mainmenu LI A {text-indent:-9999px;text-decoration:none;}

UL.mainmenu LI {display:block;height:130px}
UL.mainmenu A {display:block;height:130px}

#trapped {left:0px;width:161px;background:url(images/trapped.jpg) no-repeat}
#trapped A:hover {background: url(images/trapped-over.jpg) no-repeat}
#displays {left:181px;width:161px;background:url(images/displays.jpg) no-repeat}
#displays A:hover {background: url(images/displays-over.jpg) no-repeat}
#refrigerant {left:362px;width:161px;background:url(images/refrigerant.jpg) no-repeat}
#refrigerant A:hover {background:url(images/refrigerant-over.jpg) no-repeat}
#warning {left:0px;width:161px;background:url(images/warning.jpg) no-repeat}
#warning A:hover {background:url(images/warning-over.jpg) no-repeat}
#probes {left:181px;width:161px;background:url(images/probes.jpg) no-repeat}
#probes A:hover {background:url(images/probes-over.jpg) no-repeat}
#controllers {left:362px;width:161px;background:url(images/controllers.jpg) no-repeat}
#controllers A:hover {background:url(images/controllers-over.jpg) no-repeat}
#annunciators {left:0px;width:161px;background:url(images/annunciators.jpg) no-repeat}
#annunciators A:hover {background: url(images/annunciators-over.jpg) no-repeat}
#aclogic {left:181px;width:161px;background:url(images/aclogic.jpg) no-repeat}
#aclogic A:hover {background:url(images/aclogic-over.jpg) no-repeat}
#catalogue {left:362px;width:161px;background:url(images/catalogue.jpg) no-repeat}
#catalogue A:hover {background:url(images/catalogue-over.jpg) no-repeat}

/* small product pages */
.productsm {float:left;width:262px;background-color:#FFFFFF;padding:6px;margin:0 5px 5px 0;}
.productsm A {color:#7B057A;text-decoration:underline}
.productsm A:Hover {color:#356CAC;text-decoration:underline}
.productsm P {margin:0px;padding:2px 0 2px 0}
h2.producthead {color:#7B057A;font-size:105%;font-weight:100;margin:3px 0 2px 0;padding:0px}
.code {color:#356CAC;}

/* large product pages */
.productbg {float:left;background-color:#FFFFFF;margin:0 0 10px 0;}
.tablehead {background-color:#356CAC;text-align:center;text-transform:uppercase;font-weight:bold;font-size:100%;color:#FFFFFF}
.tablecode {background-color:#E3F1FD;width:70px;font-size:85%;color:#356CAC;vertical-align:top}
.tabledescription {color:#000000;font-size:85%;}
.code2 {color:#000000;font-size:90%;}
h3.producthead {color:#7B057A;font-size:110%;font-weight:bold;margin:5px 0 5px 0;padding:0px;text-decoration:underline;}

.back {font-size:90%:float:right;padding:10px 0 0 0;color:#7B057A;}
.back A {color:#7B057A;text-decoration:underline}
.back A:hover {color:#356CAC;text-decoration:underline}

.back2 {font-size:90%;float:right;color:#7B057A;margin:0 10px 0 0}
.back2 A {color:#7B057A;text-decoration:underline}
.back2 A:hover {color:#356CAC;text-decoration:underline}

/* signup form */
#contentinner {float:left;padding:0px 20px 0px 0px}
.signup1 {font-size:90%;color:#000000;padding:4px 6px 4px 6px;line-height:14px;width:100px;font-family:Arial, Helvetica, sans-serif;}
.signup2 {background-color:#FFFFFF;font-family:Arial, Helvetica, sans-serif;}
.signup3 {background-color:#EAEAEA; padding:2px;font-family:Arial, Helvetica, sans-serif;}
.signup4 {font-size:90%;color:#000000; border:0px;margin-bottom:2px;margin-top:2px;font-family:Arial, Helvetica, sans-serif;}

SELECT.quicklinks {border:1px #EAEAEA solid;font-size:90%;width:150px;margin-top:8px}
TEXTAREA {border:1px #EAEAEA solid;font-size:90%;font-family:Arial, Helvetica, sans-serif;}

/* bullets */
UL.bullet {margin:0 0 20px 0;padding:0 0 0 0; font-family:Arial, Helvetica, sans-serif;font-size:90%;font-weight:bold;}
UL.bullet LI {color:#35271C;background:URL('images/smarrow.jpg') no-repeat left 11px;padding:5px 0 0 20px;list-style-type:none;border-bottom:1px dotted #356CAC}

UL.bullet2 {margin:0 0 0 0;padding:0 0 0 0; font-family:Arial, Helvetica, sans-serif;font-size:90%;font-weight:bold;}
UL.bullet2 LI {color:#356CAC;background:URL('images/smarrow.jpg') no-repeat left 11px;padding:5px 0 0 20px;list-style-type:none;border-bottom:1px dotted #356CAC}

/* left nav */
.main_left_nav {margin:0 0 0 13px;padding:0 0 0 0;list-style-type:none}
LI.Nav_products A {background:URL(images/products.gif) no-repeat left top;width:170px;border-bottom:1px #cccccc solid;text-indent:-9999px;margin:10px 0 0 0}
LI.Nav_products A:Hover {background:URL(images/products-over.gif) no-repeat left top;width:170px;border-bottom:1px #cccccc solid;text-indent:-9999px;margin:10px 0 0 0}

LI.NavHome A {background:URL(images/home.gif) no-repeat left top;width:170px;border-bottom:1px #cccccc solid;text-indent:-9999px;margin:15px 0 10px 0}
LI.NavHome A:Hover {background:URL(images/home-over.gif) no-repeat left top;width:170px;border-bottom:1px #cccccc solid;text-indent:-9999px;margin:15px 0 10px 0}
LI.NavNews A {background:URL(images/news.gif) no-repeat left top;width:170px;border-bottom:1px #cccccc solid;text-indent:-9999px;margin:10px 0 10px 0}
LI.NavNews A:Hover {background:URL(images/news-over.gif) no-repeat left top;width:170px;border-bottom:1px #cccccc solid;text-indent:-9999px;margin:10px 0 10px 0}
LI.NavMan A {background:URL(images/manufacturing.gif) no-repeat left top;width:170px;border-bottom:1px #cccccc solid;text-indent:-9999px;margin:15px 0 10px 0}
LI.NavMan A:Hover {background:URL(images/manufacturing-over.gif) no-repeat left top;width:170px;border-bottom:1px #cccccc solid;text-indent:-9999px;margin:15px 0 10px 0}
LI.NavDesign A {background:URL(images/design.gif) no-repeat left top;width:170px;border-bottom:1px #cccccc solid;text-indent:-9999px;margin:10px 0 10px 0}
LI.NavDesign A:Hover {background:URL(images/design-over.gif) no-repeat left top;width:170px;border-bottom:1px #cccccc solid;text-indent:-9999px;margin:10px 0 10px 0}
LI.NavProfile A {background:URL(images/profile.gif) no-repeat left top;width:170px;border-bottom:1px #cccccc solid;text-indent:-9999px;margin:10px 0 10px 0}
LI.NavProfile A:Hover {background:URL(images/profile-over.gif) no-repeat left top;width:170px;border-bottom:1px #cccccc solid;text-indent:-9999px;margin:10px 0 10px 0}
LI.NavClients A {background:URL(images/clients.gif) no-repeat left top;width:170px;border-bottom:1px #cccccc solid;text-indent:-9999px;margin:10px 0 10px 0}
LI.NavClients A:Hover {background:URL(images/clients-over.gif) no-repeat left top;width:170px;border-bottom:1px #cccccc solid;text-indent:-9999px;margin:10px 0 10px 0}
LI.NavContact A {background:URL(images/contact.gif) no-repeat left top;width:170px;border-bottom:1px #cccccc solid;text-indent:-9999px;margin:10px 0 10px 0}
LI.NavContact A:Hover {background:URL(images/contact-over.gif) no-repeat left top;width:170px;border-bottom:1px #cccccc solid;text-indent:-9999px;margin:10px 0 10px 0}

.subnav {list-style-type:none}
.subnav A {padding:0 0 0 10px;text-decoration:none;color:#666666;}
.subnav A:Hover {background:URL(images/sm_arrow.gif) no-repeat left 2px;color:#9E489D}
UL#thesub {margin:5px 0 0 28px;padding:0px;color:#666666;display:none;font-size:90%;list-style-type:none}
.nav_link {display:block;width:70px;height:17px}