/* Start of CMSMS style sheet 'FWK_CSS_screen' */
/* ===========================================
      General settings
    =========================================== */


html * {
    margin: 0px;
    padding: 0px;
}

html, input, textarea {
    font-size: 14px;
    line-height: 18px;
    font-family: Arial,Helvetica,sans-serif;
    color: #101010;	
}

p, h1, h2, h3, h4, h5, h6, ul, ol, table {margin-bottom: 12px;}
li {margin-bottom: 8px;}
ul,ol {margin-left: 30px;}

p, td, div {text-align: left;}

a:link, a:visited {border-bottom: dashed 1px; color: #101010;/*#16387C#0b66c9*/; text-decoration: none;}
a:hover {/*background-color: #BFE1E4;*/ border-bottom: solid 1px;}
a img {background-color: transparent; border: none !important;}

h1 {font: normal normal bold 18px/24px Arial; margin-bottom:18px;}
h2 {font: normal normal bold 16px/22px Arial;}
h3 {font: normal normal bold 14px/20px Arial;}
h4 {font: normal normal bold 13px/16px Arial;}
h5 {font: normal normal normal 13px/16px Arial;}
h6 {font: normal normal normal 13px/16px Arial;}

.ctr {text-align: center;}
.nobullets {list-style-type: none;}

.stopFloat {clear:both; height:1px; font: normal 1px/1px Arial; margin-bottom:0;}
.clear, .clearBoth {clear:both;}
.clearLeft {clear: left;}
.clearRight {clear: right;}

.mb0 {margin-bottom: 0px;}
.mb4 {margin-bottom: 4px;}
.mb6 {margin-bottom: 6px;}
.mb8 {margin-bottom: 8px;}
.mb12 {margin-bottom: 12px;}
.mb16 {margin-bottom: 16px;}
.mb18 {margin-bottom: 18px;}
.mb20 {margin-bottom: 20px;}
.mb24 {margin-bottom: 24px;}
.mb28 {margin-bottom: 24px;}
.mb30 {margin-bottom: 30px;}
.mb32 {margin-bottom: 32px;}
.mb36 {margin-bottom: 36px;}
.mb40 {margin-bottom: 40px;}
.mt0 {margin-top: 0px;}
.mt4 {margin-top: 4px;}
.mt6 {margin-top: 6px;}
.mt12 {margin-top: 12px;}
.mt18 {margin-top: 18px;}
.mt24 {margin-top: 24px;}
.mt30 {margin-top: 30px;}
.ml0 {margin-left: 0px;}
.ml10 {margin-left: 10px;}
.ml20 {margin-left: 20px;}
.w80 {width: 80px;}
.w100 {width: 100px;}
.w120 {width: 120px;}
.w150 {width: 150px;}
.w200 {width: 200px;}
.pt10 {padding-top: 10px;}
.pt25 {padding-top: 25px;}
.pl25 {padding-left: 25px;}

.Error {font-weight: bold; color: #F00000;}

#HeaderWide {width:100%; height:197px; background:url(_img/_HeaderWideBkgd2.jpg) top left repeat-x;}
#Header {width:860px; height: 197px; margin: 0px auto; background: url(_img/_HeaderBkgd4.jpg) top left no-repeat;}
#HeaderTopText {width: auto; float: right; height: 34px; text-align: right; padding-right: 75px; line-height: 34px; font-size: 15px; font-weight: bolder; color: #FFFFFF;}
#CompanyName {display: none;}

#BodyWide {width:100%; height: auto; background: url(_img/_BodyGradBkgd.jpg) top left repeat-x;}
#BodyTopGradLine {width: 100%; height: 8px; position: absolute; left:0; background: url(_img/_BodyTopGradLine.png) top center no-repeat;}
#BodyBox {width: 910px; height: auto; margin:0px auto; background:url(_img/_BodyBkgd2.png) top center repeat-y;}

#BodyBottom {width: auto; height: 45px; clear: both;}
#BodyBottomLeft {width: 49%; height: 45px; display: block; float: left;  font-size: 12px; line-height: 12px;}
#BodyBottomLeft p {margin-bottom: 0px; padding-left: 90px; padding-top:10px;}
#BodyBottomRight {width: 49%; height: 45px; display: block; float: right;}
#BodyBottomRight p {padding-right: 75px; text-align: right;}

#ContentBox {width: 500px; height: auto; margin-left: 85px; margin-top: 25px; float: left; display: inline;}
#ContentBoxWide {width: 732px; height: auto; margin-left: 65px; padding: 25px 0px 10px 0px;}

#SideBarBox {width: 270px; height: auto; margin-left:632px; padding-top: 20px;}
.SideBarBoxTop {width: 270px; height: 9px; background: url(_img/_SideBarTop2.png) top right no-repeat; font: normal 1px/1px Arial;}
.SideBarBoxBody {width: 240px; height: auto; padding: 10px 15px 10px 15px; margin-bottom: 20px; font-size: 12px; line-height: 16px; font-weight: bold; background: url(_img/_SideBarBody2.png) bottom left no-repeat;}

#FooterWide {width:100%; height:34px; background: url(_img/_FooterWideBkgd.jpg) top left repeat-x; clear: both;}
#Footer {width: 860px; height: 34px; margin: 0px auto; text-align:center; font-size:11px; line-height: 34px; font-weight: bold; color: #cdd7f6; background: url(_img/_FooterBkgd2.jpg) top left no-repeat;}
#Footer a {color: #cdd7f6;}

#tblProd {width: 100%; border-collapse: collapse;}
#tblProd tr {vertical-align: middle;}
#tblProd td {text-align: center;padding: 3px 0px 3px 0px;}
#tblProd td a {display: inline-block; border: solid 1px white;}
#tblProd td a:hover {border: dashed 1px #101010; /*border: solid 1px #6b8bef;*/}
#tblProd  a img {padding: 2px;}

.tblProd2 tr {vertical-align: top; }
.tblProd2 img {margin-bottom: 12px;}
.tblProd2 ul {margin-bottom: 16px;}



#MenuBox {width: auto; height: 36px; position:absolute; margin-top: 160px; z-index: 2;}/*160*/

/* ==================================
      First level menu
    ================================== */

ul#primary-nav {
    margin-left: 43px;
}

ul#primary-nav, ul#primary-nav ul {
    list-style-type: none;
}

ul#primary-nav li {
    height: 36px;
    float: left;
    display: block;
    text-align:  center;
    background: url(_img/_MenuSeparator.png) top right no-repeat; 
}

ul#primary-nav li.last {
    background: none;
}

ul#primary-nav li a span, ul#primary-nav li a {
    font: normal normal bold 14px/36px Arial;
    color: #101010;
}

ul#primary-nav li a {
    padding: 0px 30px 0px 30px; 
    text-decoration: none;
    display:block;
    cursor: pointer;
    border: none;
}

ul#primary-nav li a:hover {
	background-color: #6b8bef;
}


/* ==================================
      Submenus
    ================================== */

ul#primary-nav li ul {
	background: #F3F5F5;
	margin-left: 0px; /* -60px */
	position: absolute;
	margin-top: 0px;
	width: auto;
	height: auto;
	display: none; 
	z-index: 10;
	opacity: 0.90;
	border: solid 1px #DCDCDC;
	padding-top: 8px;
}

#primary-nav li ul li {
	width: 190px; 
	height: 24px;
	position: relative;
	margin-left: 0px;
	margin-top: -1px;
	float: none;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	background: none;
}

ul#primary-nav li ul a {
	height: 24px;
	text-align: left;
	margin: 0px;
	position: relative;
	padding: 0px 10px 0px 24px;
	font: normal normal bold 14px/24px Arial;
}

ul#primary-nav li li a:hover {
	/*background-color: #BFE1E4;*/
}

ul#primary-nav li ul ul {
	opacity: 95;
	margin-top: 1px;
	margin-left: -1px;
	left: 100%;
	top: 0px;
}

/* ================================
      Accessory styling for menu
    ================================ */

ul#primary-nav li a.menuactive {
/*	color: #989898; */
}
ul#primary-nav li a.menuactive {}
ul#primary-nav li a.menuactive:hover {}
#primary-nav li li a.menuparent span {}
/* Styling the appearance of menu items on hover */
#primary-nav li:hover,
#primary-nav li.menuh,
#primary-nav li.menuparenth,
#primary-nav li.menuactiveh {background-color: #6b8bef;}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited, for fourth level add
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul ul ul,
*/
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul {
	display: none;
}
/* for fourth level add
#primary-nav ul ul ul li:hover ul,
#primary-nav ul ul ul li.menuparenth ul,
*/
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul {
	display: block;
}

/* IE6 Hacks */
#primary-nav li li {
	float: left;
	clear: both;
}
#primary-nav li li a {
	height: 1%;
}





/* ================================
      Contact form styling
     ================================ */

#contactForm {}
#contactForm input, #contactForm textarea {border: solid 1px #c6c6c6; background-color: #e6e6e6; padding: 2px;}
#contactForm input {width: 200px; margin-right: 5px;}
#contactForm label.contactLabel1 {width: 140px; display: block; float: left; padding-top: 3px;}
#contactForm input.contactCapt {width: 70px;}
#contactForm textarea.contactText1 {width: 480px;}
#contactForm input.contactSubmit1 {border: solid 2px #b0b0b0; background-color: #c6c6c6; font-weight: bold; padding: 2px 12px 2px 12px; cursor: pointer;}
#contactForm p.contactDisclaimer {color: #808080; font-size: 12px; line-height: 14px;}
#contactForm input.iError,
#contactForm textarea.iError {background: #F0C0C0;}
#contactForm .Error {font-size: 12px;}

/*
#contactForm {width:300px; height:auto; padding:0px 0px 0px 10px; float: right; border-left: dotted 1px silver;}

#contactForm input.contactInput1 {width: 171px;}
#contactForm input.contactInput2 {width: 66px;}
#contactForm select.contactSelect1 {width: 177px;}
#contactForm p {text-align: justify;}
#contactForm p.contactDisclaimer {color: #929292; font-size: 11px; line-height: 14px;}

*/
#contactBox {display: block; /*width: 332px;*/ width:590px; height: auto; padding-right: 10px;}
/* End of 'FWK_CSS_screen' */