body  { color: #000; font: 10pt Arial, sans-serif; background: #7c7c7c; margin: 0 }
* {
    margin: 0;
    padding: 0;
    border: 0;
}

IMG {border:none}
FORM {margin:0px}
DT {font-weight: bold}
DD {padding-bottom:10px}
HR {height:1px;background-color:gray}
 
/* ------------------------- */
/* 	Default Link Styles    */
/* ------------------------- */

a  { color: #003568; outline: none medium }
a:hover  { color: #003568; text-decoration: underline }

li a  { color: #003568; outline: none medium }
li a:hover  { color: #003568; text-decoration: underline }

#leftlist li  { color: #003568; line-height: 1.8em; list-style-type: none; outline: none medium }
#leftlist li a {text-decoration: none}
#leftlist li a:hover  { font-weight: bold }

/* ------------------------- */
/* 	Primary Navigation     */
/* ------------------------- */
 
#headNav     { color: black; font-size: larger; text-decoration: none; text-align: right; padding-top: 33px; padding-right: 20px; float: right }
#headNav a {
	color:black;
	text-decoration:none;
}

#navall    { width: 362px; height: 25px }
#navall li{margin:0;padding:0;text-decoration:none;float:left;}
#navall li,#navall li a { text-decoration: none; display: block; margin: 0; padding: 0; height: 25px }
#navall li.about,#navall li.about a { background: url("/common/images/aboutus-nav.gif") left top; width: 97px }
#navall li.experience,#navall li.experience a { background: url("/common/images/experience-nav.gif") left top; width: 110px }
#navall li.contact,#navall li.contact a { background: url("/common/images/contact-nav.gif") left top; width: 91px }
#navall li.news,#navall li.news a { background: url("/common/images/news-nav.gif") left top; width: 64px }
#navall li a:hover{background-position:left bottom;text-decoration:none;}

/* ------------------------- */
/* 	Header Area       	  */
/* ------------------------- */
 
#header    { background: white url("/common/images/header-background.gif") repeat-x; text-align: center; margin: 0 auto; width: 1000px; height: 80px }
#topBar    { margin: 0 auto; padding-top: 0; position: relative; width: 1000px; height: 66px }
#logoMain    { position: relative; float: left }
#logoMain a   { background: url("/common/images/blg-header-logo.gif") no-repeat; text-indent: -1000em; display: block; width: 580px; height: 65px }

/* ------------------------- */
/*    Navigation Bar         */
/* ------------------------- */
 
/* Nav Buttons */

#navBar {
	background: url(/images/navbg.png) repeat-x;
	width: 990px;
	height: 27px;
	text-align:left;
}
#navBar ul {
   list-style-type: none;
}
#navBar li {
	float: left;
	font-size: 11px;
	color: white;
	height:27px;
}
#navBar li a {
	display: inline-block;
}
#navBar li:hover {
	background: url(/images/navbg_hover.png) repeat-x;
}
#navBar li.on {
	background: url(/images/navbg_hover.png) repeat-x;
}
#navBar a {
	color: white;
	display: block;
	height: 27px;
	padding-left:10px;
	padding-right:10px;
	background: transparent;
	text-decoration: none;
	padding-top:7px;
}
 
#navBar a:hover  { color: silver }
#nav_login_info {
	font-size: 11px;
	color:white;
	padding-top:7px;
	padding-right:10px;
	text-align:right;
}

}
h3.modulenav {
    color: black;
}
 
h3.modulenav  a {
    color: #71A323;
    font-weight:normal;
    text-decoration:none;
}
h3.modulenav  a:hover {
    color: #71A323;
    text-decoration:underline;
}
h3.modulenav a:visited {
    color: #71A323;
    text-decoration:none;
}
h3.modulenav a:visited:hover {
    color: #71A323;
    text-decoration:underline;
}
#loading {
     visibility: visible;
     position: absolute;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     text-align:center;
     z-index: 1000;
     background-color:gray;
     filter: alpha (opacity=70);
     opacity:.70;
     -moz-opacity:0.7;
}
 
#loading div {
     width:300px;
     height: 150px;
     margin: 275px auto;
     background-color: #fff;
     border:1px solid #505050;
     padding:80px 15px 15px 15px;
     text-align:center;
     vertical-align:middle;
}

/* ------------------------- */
/* 	Main Content Divs 	  */
/* ------------------------- */

#main  { background: #ffffff; text-align: center; margin: 0 auto; height: auto; width: 1000px; min-height: 500px; overflow: hidden}
#mainmodal   { text-align: center; margin: 0 auto; width: 700px; min-width: 500px; min-height: 200px }

#contentmodal {
	background: #FFFFFF;
    width: 600px;
    margin: 0 auto;
    text-align:left;
}
#mainBtm {
    height: 18px;
    font-size: 1px;
    width: 100%;
    background: url(/images/bg_main_btm.png) repeat-x;
}
#contentFrame    { padding: 30px 20px 20px; height: auto; min-height: 100px; overflow: hidden }
body.home #contentFrame  { padding: 0 15px 4px }

#content   { text-align: left; margin: 0 auto; width: 960px; height: auto; min-height: 100px; overflow: hidden }

#page_content       { background-color: #fff; margin: 0 auto; width: 960px; height: auto; min-height: 100px }
#page_content_left         { text-align: left; width: 280px; float: left }
#page_content_right            { padding-right: 35px; width: 640px; float: right }

.loadingdata {
    height:30px;
    font-weight:bold;
    padding-left:30px;
    padding-top:5px;
    background: url(/images/spinner.gif);
    background-repeat: no-repeat;
    background-position: -5px 0;
}
DIV.code {
	background-color:#EEEEEE;
	width:90%;
	border: 1px solid dashed;
	font-family: "Courier New", Courier, monospace;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:20px;
	margin-right:-20px;
}

#buttoncustom	{ color: black; background: #ccc url("/images/btnbg_gray.png") repeat-x; cursor: pointer; width: 150px; height: 22px; border: solid 1px #ccc }
#buttoncustom a	{ color: black; text-decoration: none; background: transparent; text-align: center; display: block; padding-top: 3px; padding-right: 10px; padding-left: 10px; height: 22px }

#expertise-bar	{ background-color: #000; background-image: url("/common/images/footer-expertise.gif"); display: block; width: 1000px; height: 64px }

#aboutus-header	{ background-image: url("/common/images/aboutus_header.gif"); width: 280px; height: 60px }
#experience-header	{ background-image: url("/common/images/experience_header.gif"); width: 280px; height: 60px }
#protecting-header	{ background-image: url("/common/images/protecting_header.gif"); width: 280px; height: 60px }
#contact-header	{ background-image: url("/common/images/contactus_header.gif"); width: 280px; height: 60px }
#news-header	{ background-image: url("/common/images/news_header.gif"); width: 280px; height: 60px }
#disclaimer-header	{ background-image: url("/common/images/disclaimer_header.gif"); width: 280px; height: 60px }

/* ------------------------- */
/*    Tab Bar         */
/* ------------------------- */
 
/* Tab Bar Buttons */

#TabBar {
	background: url(/images/navbg.png) repeat-x;
	width: 710px;
	height: 22px;
	text-align:left;
}
#TabBar ul {
   list-style-type: none;
}
#TabBar li {
	float: left;
	font-size: 11px;
	color: white;
	height:22px;
}
#TabBar li a {
	display: inline-block;
}
#TabBar li:hover  { background: url("/images/navbg_hover.png") repeat-x }
#TabBar li.on  { background: url("/images/navbg_hover.png") repeat-x }
#TabBar a {
	color: white;
	display: block;
	height: 22px;
	padding-left:10px;
	padding-right:10px;
	background: transparent;
	text-decoration: none;
	padding-top:4px;
}
 
#TabBar a:hover  { color: silver }


/* ------------------------- */
/* 	Footer Area            */
/* ------------------------- */

#footBar         { display: block; padding-top: 10px; padding-bottom: 10px; width: 100%; height: 20px }
#footBar p  { background-color: white; letter-spacing: 0.1px; margin: 0 auto; padding-top: 30px; padding-bottom: 30px; width: 990px }
#copyright                 { color: #606060; font-size: 11px; line-height: 12px; font-stretch: expanded; text-align: center; vertical-align: middle }

 
/* ------------------------- */
/*    Form objects           */
/* ------------------------- */

.formtitle   {
	color: black;
	font-size: larger;
	text-decoration: none;
	text-align: left
}
.formtitle a {
	color:black;
	text-decoration:none;
}

.formtitle_sub	  { color: #339; font-size: smaller; text-decoration: none; text-align: left }

.sfcontrol {
	border: 1px solid #000; !important;
	background: #fff url( /surf/images/fade-butt.png ) repeat-x 0px 0px !important;
	color: #000000 !important;
	font-family: Verdana, sans-serif !important;
	padding: 4px;
	margin: 4px 2px 0px 0px !important;
}

TABLE.form	{
	font-size: 10pt
}

TABLE.form TD   { padding: 4px 4px 5px }

TABLE.form TR.form  {
	padding: 4px;
}

.product_form_select	{
	background: #FAFAFA;
	background-repeat: repeat-x !important;
	background-attachment: scroll !important;
	background-position: 0 0 !important;
	margin: 4px 2px 0 0;
	padding: 4px;
}

.product_form	  { background: #FAFAFA; margin: 4px 2px 0 0; padding: 4px; width: 500px; border: solid 1px #000 }
.product_form_050	   { background: #FAFAFA; margin: 4px 2px 0 0; padding: 4px; width: 50px; border: solid 1px #000 }
.product_form_100	  { background: #FAFAFA; margin: 4px 2px 0 0; padding: 4px; width: 100px; border: solid 1px #000 }
.product_form_200	  { background: #FAFAFA; margin: 4px 2px 0 0; padding: 4px; width: 200px; border: solid 1px #000 }
.product_form_300	  { background: #FAFAFA; margin: 4px 2px 0 0; padding: 4px; width: 300px; border: solid 1px #000 }
.product_form_400	  { background: #FAFAFA; margin: 4px 2px 0 0; padding: 4px; width: 400px; border: solid 1px #000 }
.product_description	   { background-color: #FAFAFA; margin: 4px 2px 0 0; padding: 4px; width: 500px; height: 250px; border: solid 1px #000 }
.product_shortdesc	   { background-color: #FAFAFA; margin: 4px 2px 0 0; padding: 4px; width: 500px; height: 40px; border: solid 1px #000 }

INPUT, TEXTAREA, SELECT {
    font-family: arial, helvetica, verdana, sans-serif;
    font-size: 12px;
    color: #333;
    padding: 2px;
    border-top: 2px solid #969696;
    border-left: 2px solid #969696;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
SELECT {
    padding: 0;
    border: 1px solid #969696;
}
INPUT[type="button"], INPUT[type="submit"], INPUT[type="reset"] {
	cursor: pointer;
	height: 22px;
	background: #ccc url(/images/btnbg_gray.png) repeat-x;
	padding: 0 1em;
	color: black;
	border:1px solid #ccc;
}
INPUT[type="radio"], INPUT[type="checkbox"] {
	border: none;
}
CODE {
	font-family: "Courier New", Courier, monospace;
}
IMG.info {cursor:help}
.required {
	color: #c00;
}
 
div.datatableSearch {
    float: right;
}
div.datatableSearch #btnGo {
    vertical-align: top;
    margin-left: 4px;
    cursor:pointer;
}
div.datatableSearch #btnCsv {
    vertical-align: top;
    margin-left: 4px;
}

/* ------------------- */
/*   Data Tables       */
/* ------------------- */
 
/* Admin Data Resultsets */
TABLE.data {background-color:white;border-color:gray;border-width:1px;border-style:solid;border-collapse:collapse;font-size:x-small}
TABLE.data TD  { padding: 2px; border-style: solid; border-width: 0 1px 1px; border-color: #cbcbcb; border-collapse: collapse }
TABLE.data TD A {color:#053263;text-decoration:underline;}
TABLE.data TD A:hover {color:#0A63C4;}
TABLE.data TR.header  {color:white;background-color:#414142;font-size:9pt;font-weight:bold;text-align:center;}
TABLE.data TR.header TD {padding: 5px;}
TABLE.data TR.subhead {color:black;background-color:#DCDCDC;font-size:8pt;font-weight:bold;text-align:center;}
.data1 {font-size:small;background-color:#FFFFFF}
.data2 {font-size:small;background-color:#EFEFEF}
TABLE.data TR.header2  {color:white;background-color:#414142;font-size:9pt;font-weight:bold;text-align:center;}
TABLE.data TR.header2 TD {padding: 3px;}
 
 
/* ------------------------- */
/*    Old Dashboard          */
/* ------------------------- */


.ChannelHead     { color: white; font-size: 12px; font-family: verdana, Arial; font-weight: bold; text-decoration: none }
.ChannelHead A:link     { color: white; font-size: 12px; font-family: verdana, Arial; font-weight: bold; text-decoration: none }
.ChannelHead A:visited           { color: white; font-size: 12px; font-family: verdana, Arial; font-weight: bold; text-decoration: none }
.ChannelHead A:active       { color: white; font-size: 12px; font-family: verdana, Arial; font-weight: bold; text-decoration: underline }
.ChannelHead A:hover        { color: white; font-size: 12px; font-family: verdana, Arial; font-weight: bold; text-decoration: underline; min-width: 990px; min-height: 27px; max-width: 990px; max-height: 27px }

.ChannelHeadChannel       { color: #202020; font-size: 12px; font-family: verdana, Arial; font-weight: bold; text-decoration: none }
.ChannelHeadChannel A:link       { color: #202020; font-size: 12px; font-family: verdana, Arial; font-weight: bold; text-decoration: none }
.ChannelHeadChannel A:visited             { color: #202020; font-size: 12px; font-family: verdana, Arial; font-weight: bold; text-decoration: none }
.ChannelHeadChannel A:active         { color: #202020; font-size: 12px; font-family: verdana, Arial; font-weight: bold; text-decoration: underline }
.ChannelHeadChannel A:hover         { color: #202020; font-size: 12px; font-family: verdana, Arial; font-weight: bold; text-decoration: underline }

.class1 { color: black; font-family: verdana, Arial; text-decoration: none }
.class1 A:link   { font-size: x-small; font-family: verdana, Arial; text-decoration: none }
.class1 A:visited       { font-size: x-small; font-family: verdana, Arial; text-decoration: underline }
.class1 A:active   { color: silver; font-size: x-small; font-family: verdana, Arial; text-decoration: underline }
.class1 A:hover  { color: silver; font-size: x-small; font-family: verdana, Arial; text-decoration: underline }
.class2 A:link  { color: #333399; font-family: verdana, Arial; text-decoration: none }
.class2 A:visited  { color: #333399; font-family: verdana, Arial; text-decoration: underline }
.class2 A:active  { color: #333399; font-family: verdana, Arial; text-decoration: underline }
.class2 A:hover  { color: #cc3333; font-family: verdana, Arial; text-decoration: underline }
.class10 { color: black; font-size: 10px; font-family: verdana, Arial; text-decoration: none; text-align: justify }
.class9 { color: #6c7176; font-size: 10px; font-family: verdana, Arial; text-decoration: none }
.class3 { color: black; font-size: 10px; font-family: verdana, Arial; text-decoration: none }
.class3 A:link { color: #333399; font-size: 10px; font-family: verdana, Arial; text-decoration: none }
.class3 A:visited { color: #333399; font-size: 10px; font-family: verdana, Arial; text-decoration: underline }
.class3 A:active { color: #333399; font-size: 10px; font-family: verdana, Arial; text-decoration: underline }
.class3 A:hover { color: #cc3333; font-size: 10px; font-family: verdana, Arial; text-decoration: underline }
.class4     { color: black; font-size: 11px; font-family: verdana, Arial; text-decoration: none }
.class4 A:link    { font-size: 11px; font-family: verdana, Arial; text-decoration: none; text-align: justify }
.class4 A:visited    { font-size: 11px; font-family: verdana, Arial; text-decoration: underline; text-align: justify }
.class4 A:active    { font-size: 11px; font-family: verdana, Arial; text-decoration: underline; text-align: justify }
.class4 A:hover    { font-size: 11px; font-family: verdana, Arial; text-decoration: underline; text-align: justify }
.class31   { color: black; font-size: 10px; font-family: verdana, Arial; text-decoration: none }
.class31 A:link  { color: black; font-size: 10px; font-family: verdana, Arial; text-decoration: none }
.class31 A:visited  { color: black; font-size: 10px; font-family: verdana, Arial; text-decoration: underline }
.class31 A:active  { color: black; font-size: 10px; font-family: verdana, Arial; text-decoration: underline }
.class31 A:hover { color: #cc3333; font-size: 10px; font-family: verdana, Arial; text-decoration: underline }
.class5 { color: black; font-size: 10px; font-family: verdana, Arial; text-decoration: none }
.class5 A:link     { font-size: 10px; font-family: verdana, Arial; text-decoration: none }
.class5 A:visited         { font-size: 10px; font-family: verdana, Arial; text-decoration: underline }
.class5 A:active     { color: silver; font-size: 10px; font-family: verdana, Arial; text-decoration: underline }
.class5 A:hover    { color: silver; font-size: 10px; font-family: verdana, Arial; text-decoration: underline }
.class6 { color: white; font-size: 10px; font-family: verdana, Arial; text-decoration: none }
.class7    { color: black; font-size: 10px; font-family: verdana, Arial; text-decoration: none }
.class7 A:link      { font-size: 10px; font-family: verdana, Arial; text-decoration: none }
.class7 A:visited    { font-size: 10px; font-family: verdana, Arial; text-decoration: none }
.class7 A:hover      { font-size: 10px; font-family: verdana, Arial; text-decoration: underline }
.store { color: black; font-size: 10px; font-family: verdana, Arial; text-decoration: none; text-align: justify }
.store_cat  { color: black; font-size: 12px; font-family: verdana, Arial; text-decoration: none; text-align: justify }
.store_cat A:link  { color: #333399; font-size: 12px; font-family: verdana, Arial; text-decoration: none; text-align: justify }
.store_cat A:visited  { color: #333399; font-size: 12px; font-family: verdana, Arial; text-decoration: underline; text-align: justify }
.store_cat A:active  { color: #333399; font-size: 12px; font-family: verdana, Arial; text-decoration: underline; text-align: justify }
.store_cat A:hover  { color: #cc3333; font-size: 12px; font-family: verdana, Arial; text-decoration: underline; text-align: justify }
.class8  { color: white; font-size: 14px; font-family: verdana, Arial; text-decoration: none }
.class8 A:link  { color: white; font-size: x-small; font-family: verdana, Arial; text-decoration: none }
.class8 A:visited      { color: white; font-size: x-small; font-family: verdana, Arial; text-decoration: underline }
.class8 A:active   { color: silver; font-size: x-small; font-family: verdana, Arial; text-decoration: underline }
.class8 A:hover  { color: silver; font-size: x-small; font-family: verdana, Arial; text-decoration: underline }

/* FLOATING THUMBS */
.floatingbox {background-color: #FFF; width: 170px; height: 226px; float: left; margin-bottom: 12px; margin-right: 0; text-align: center;}
.floatingbox table tr td {text-align: center; display: table-cell; vertical-align: bottom; height: 216px; width: 170px;}

.Tab      { color: #ababab; font-size: 11px; font-family: verdana, Arial; font-weight: bold; text-decoration: none; background-color: #202020; background-image: url("/media/tab_back.jpg"); background-repeat: repeat-x; text-align: justify }
.Tab A:link    { color: #ababab; font-size: 11px; font-family: verdana, Arial; font-weight: bold; text-decoration: none; text-align: justify }
.Tab A:visited     { color: #ababab; font-size: 11px; font-family: verdana, Arial; font-weight: bold; text-decoration: none; text-align: justify }
.Tab A:active     { color: #ababab; font-size: 11px; font-family: verdana, Arial; font-weight: bold; text-decoration: none; text-align: justify }
.Tab A:hover    { color: #ababab; font-size: 11px; font-family: verdana, Arial; font-weight: bold; text-decoration: underline; text-align: justify }

.TabFlip      { color: #ababab; font-size: 11px; font-family: verdana, Arial; font-weight: bold; text-decoration: none; background-color: #202020; background-image: url("/media/tab_back_flip.jpg"); background-repeat: repeat-x; text-align: justify }
.TabFlip A:link    { color: #ababab; font-size: 11px; font-family: verdana, Arial; font-weight: bold; text-decoration: none; text-align: justify }
.TabFlip A:visited     { color: #ababab; font-size: 11px; font-family: verdana, Arial; font-weight: bold; text-decoration: none; text-align: justify }
.TabFlip A:active     { color: #ababab; font-size: 11px; font-family: verdana, Arial; font-weight: bold; text-decoration: none; text-align: justify }
.TabFlip A:hover    { color: #ababab; font-size: 11px; font-family: verdana, Arial; font-weight: bold; text-decoration: underline; text-align: justify }

.NavTab      { color: #ababab; font-size: 11px; font-family: verdana, Arial; font-weight: bold; text-decoration: none; background-image: url("/media/tab_back.jpg"); background-repeat: repeat-x }
.NavTab A:link    { color: #ababab; font-size: 11px; font-family: verdana, Arial; font-weight: bold; text-decoration: none; text-align: justify }
.NavTab A:visited     { color: #ababab; font-size: 11px; font-family: verdana, Arial; font-weight: bold; text-decoration: none; text-align: justify }
.NavTab A:active     { color: #ababab; font-size: 11px; font-family: verdana, Arial; font-weight: bold; text-decoration: none; text-align: justify }
.NavTab A:hover    { color: #ababab; font-size: 11px; font-family: verdana, Arial; font-weight: bold; text-decoration: underline; text-align: justify; background-image: url("/media/tab_back.jpg"); background-repeat: repeat-x }

.NavTabFlip      { color: #ababab; font-size: 11px; font-family: verdana, Arial; font-weight: bold; text-decoration: none; background-image: url("/images/navbg_hover.png"); background-repeat: repeat-x }
.NavTabFlip A:link    { color: #ababab; font-size: 11px; font-family: verdana, Arial; font-weight: bold; text-decoration: none; text-align: justify }
.NavTabFlip A:visited     { color: #ababab; font-size: 11px; font-family: verdana, Arial; font-weight: bold; text-decoration: none; text-align: justify }
.NavTabFlip A:active     { color: #ababab; font-size: 11px; font-family: verdana, Arial; font-weight: bold; text-decoration: none; text-align: justify }
.NavTabFlip A:hover    { color: #ababab; font-size: 11px; font-family: verdana, Arial; font-weight: bold; text-decoration: underline; background-image: url("/images/navbg_hover.png"); background-repeat: repeat-x }

/*input.form   { font-size: 10px; padding-left: 5px }
option.form   { font-size: 10px; padding-left: 5px }
textarea.form    { font-size: 10px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px }
select.form   { font-size: 10px; padding-left: 5px }
*/
#spacer_10 { height: 10px }