body {margin: 0px; padding: 0px; background-image: url(../gifs/main-bg.jpg); text-align: center; }
html, div, p {font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 12px; color: #000066;}
form{	margin: 0 20px;padding: 0px;}
a:link, a:visited { color:#333333; text-decoration:none}
a:hover {color:#333333; text-decoration:underline;}
img{ border:none;} .cl{ clear:both}

.wrapper{ width:100%; position: absolute; top: 154px; left: 0;}
.headerwrapper { background:url(../gifs/header-bg.jpg) repeat-x; width:100%; position: absolute; top: 0; left: 0; z-index: 2;}
#wrapperbtm { background: url(../gifs/wrapperbtm-bg.jpg) top center no-repeat; width: 792px; margin: 0 auto; height: 8px;}


/*Header*/
.header-hold{ width:792px; height: 154px; margin: 0 auto; background: url(../gifs/head-bar.gif) bottom center no-repeat; text-align: left;}
.header-hold .leftblk{ width:381px; float:left; margin-top: 11px;}
.header-hold .rightblk{ width:402px; float:right; margin-right:9px;}

.phone {color:#105587; font-size:14px; text-align: right; height: 27px; line-height: 27px; font-family:Geneva, Arial, Helvetica, sans-serif; margin:0px; padding-top: 30px; float:right; width:392px;}
.phone img {padding-right:5px; padding-left:15px; }
.phone a:link {color:#105587; text-decoration:none;}
.phone a:visited {color:#105587; text-decoration:none;}
.phone a:hover {color:#105587; text-decoration:underline;}
.phone form { display: inline; margin: 0; padding: 0; position: relative; top: 7px;}
.phone form img {padding-left: 0; padding-right: 0; }

.innerheader {background:url(../gifs/inner-header.jpg) no-repeat; width:573px; height:170px; color:#000000 }
.innerheader p {padding:10px 150px 10px 10px;}
.innerheader p a:link {color:#ffffff; font-weight:bold;}

/*Navigation*/
.topnavs{ padding-top: 50px; }
#topnavtext{ color:#993300; font-size:13px; font-weight: bold; float:right; font-family:Geneva, Arial, Helvetica, sans-serif; }
#topnavtext ul.topmenu {margin: 0px;padding: 0px; text-align:left; padding-bottom: 6px;}
#topnavtext li {color: #993300; float: left; display:inline; list-style-type: none; }
#topnavtext li a { display: block; background: url(../gifs/menuseperator.gif) right no-repeat;}
#topnavtext li a:link{color:#9f0000; padding:0px 10px 0px 10px; text-decoration: none; line-height:27px; }
#topnavtext li a:visited{color:#9f0000; padding:0px 10px 0px 10px; text-decoration: none;  line-height:27px; }
#topnavtext li a:hover{color:#000000; padding:0px 10px 0px 10px; text-decoration: none;  line-height:27px;  }
#topnavtext li.last {background:none; }

/* drop menus */
#topnavtext ul.submenu { position: absolute; left: -999em; margin: 0; padding: 0; background-color: #E6F0F9; border-left: 1px solid #ffffff; border-top: 1px solid #ffffff; border-right: 1px solid #B0B5B8; border-bottom: 1px solid #B0B5B8; }
#topnavtext ul.submenu li { float: left; clear: both; background-image: none; margin: 0; }
#topnavtext ul.submenu li a { display: block; padding-left: 10px; background-image: none; }
#topnavtext ul.topmenu li:hover ul.submenu,
#topnavtext ul.topmenu li.ieHover ul.submenu { left: auto; }

/*contentarea*/
.mainarea-hold{	width:792px; margin:0 auto;	background: url(../gifs/content-bg.gif) top center repeat-y; }
body.home .mainarea-hold{ background-image: url(../gifs/home-content-bg.gif);}
.mainarea-hold .leftbar{width:10px;	float:left;	background-image: url(../gifs/bar-left.jpg);	background-repeat: repeat-y;	display: block;}
.mainarea-hold .rightbar{float:right;background-image: url(../gifs/bar-right.jpg);background-repeat: repeat-y;display: block;}
.mainarea-hold .navpart{float:left; width:188px; margin-left: 13px; display: inline;  text-align: left; }
.productarea{ width:330px; float:left; color:#000000;text-align:left}
.pro-block{ width:100px; float:left; color:#CC3399; margin-left:20px; text-align:center; margin-top:10px;}

.mainarea-hold .rightpart { float:right; margin-right:13px; display: inline; width:575px; text-align:left; background: url(../gifs/rightpartbg.jpg) top right no-repeat;}
body.home .mainarea-hold .rightpart { margin-right: 5px; width: 786px; background: url(../gifs/top-banner.jpg) top center no-repeat; }
.rightpanhome{width:231px; float:right; margin-right:5px; text-align:left}
.whatsnew{ width:231px; background:url(../gifs/what-new-bg.jpg) no-repeat; color:#000000; overflow:hidden;}
.whatpro-text{ width:120px ; height:102px; float:left}
.whatpro{ width:90px ; height:102px; float:left}

.innercontent {width:573px; float:left; padding-top:30px;}

.whitenav{ width:160px;line-height:30px; text-align:left; font-size:13px; font-weight:700; color:#FFFFFF; margin-left:15px; float: left; display: inline;}
.navpart ul.topmenu { margin: 0; padding: 0;}
.navpart ul.topmenu li { list-style-type: none; margin: 0; padding: 0;width:160px; border-bottom:1px dashed #ffffff; line-height:30px; text-align:left; font-size:13px; font-weight:700; color:#FFFFFF;  margin-left:5px; }
.navpart ul.topmenu li a:link, .navpart ul.topmenu li a:visited, .navpart ul.topmenu li a:hover{ color:#FFFFFF; text-decoration:none; padding-left:10px;}
.navpart form { margin: 0; clear: both;}

#footerwrapper { width: 100%; background: url(../gifs/footer-bg.jpg) repeat-x; margin-top: 5px; }
.footer{ width:792px; margin:0 auto;  height:60px; }
.footer .left{ float:left; width:560px; text-align:left; padding-left:10px; line-height:55px;}
.footer .right{ float:right; width:180px; text-align:right; padding-right:10px; line-height:55px; font-size: 11px;}

/* Search form */
input.txt { width: 125px;}

/* Applet Selectable Styles */

H1 {
color:#0066CC; font-size:18px; font-weight:bold;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 5px;
  padding-top: 5px;
  margin-bottom: 0;
  padding-bottom: 0;
  /* Page Title */
}

H2 {
color:#05129E; font-size:13px; font-weight:700;
  margin-left: 20px;
  margin-right: 20px;
  /* Section Title */
}
H3 {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
    margin-left: 20px;
  margin-right: 20px;
  /* Subsection Title */
}
p {
  margin-left: 20px;
  margin-right: 20px;
}
p.crumb { font-size: 12px; color: #000099; }
p.crumb a { color: #000099;}
p.indent1 {
  margin-left: 20px;
  /* Indented Text 1 */
}
p.indent2 {
  margin-left: 40px;
  /* Indented Text 2 */
}
p.indent3 {
  margin-left: 60px;
  /* Indented Text 3 */
}
p.indent4 {
  margin-left: 80px;
  /* Indented Text 4 */
}

table.default {
  /* No Style */
}

table.equi {
  /* Equal Spaced Table */
  width: 90%;
}

table.equi td {
  width: 25%;
}

td {
  font-size: 12px;
}
td.alignright {
  text-align: right;
  /* Align Middle Right */
}
td.aligncenter {
  text-align: center;
  /* Align Middle Center */
}
td.aligntop {
  vertical-align: top;
  /* Align Top Left */
}
td.alignbottom {
  vertical-align: bottom;
  /* Align Bottom Left */
}
td.aligntopright {
  vertical-align: top;
  text-align: right;
  /* Align Top Right */
}
td.aligntopcenter {
  vertical-align: top;
  text-align: center;
  /* Align Top Center */
}
td.alignbottomright {
  vertical-align: bottom;
  text-align: right;
  /* Align Bottom Right */
}
td.alignbottomcenter {
  vertical-align: bottom;
  text-align: center;
  /* Align Bottom Center */
}

th {
  font-size: 12px;
}

a {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-weight: bold;
  text-decoration: none;
}

ul {
  font-family: Arial, Helvetica, Verdana, sans-serif;
}
ol {
  font-family: Arial, Helvetica, Verdana, sans-serif;
}
ul.round { /* Round markers */ }
ol.norm { /* Ordered list */ }

span.sup {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 7px;
  vertical-align: super;
  /* Superscript */
}
span.sub {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 7px;
  vertical-align: sub;
  /* Subscript */
}

img.floatleft {
  float: left;
  /* Float Left */
}
img.floatleftwithmargin {
  float: left;
  margin: 3px 16px 10px 0px;
  /* Float Left with margin */
}
img.floatright {
  float: right;
  /* Float Right */
}
img.floatrightwithmargin {
  float: right;
  margin: 3px 0px 10px 16px;
  /* Float Right with margin */
}
img.noborder {
  border-width: 0px;
  /* No Border */
}
img.rollover { /* Rollover */ }
