/* Harmony Styles */

body {
	background-repeat: repeat-x;
	background-image: url(images/bg_y.jpg);
	background-color: #EBC750;
}
td {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 14px;line-height: 150%;}
th {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 14px;}

h1 {color: #002F52;font-weight: bold;font-size: 20px;padding-top: 5px;padding-bottom: 5px;border-bottom: 2px solid #DEDEDE}
h2 {color: #002F52;font-weight: bold;font-size: 16px;font-family: Arial, Helvetica, sans-serif;margin: 5px 5px 5px 0px;padding-top: 5px;padding-bottom: 5px;padding-left: 0px;}
h3, h4 {color: #3B3B3B;font-size: 16px;}
h5, h6 {color: #000000;font-size: 14px;}

hr{ border: 1px dashed #CCC; }

a:link,a:visited,a:active {color:#003399;font-weight: normal;}
a:hover {color:#3366CC;}

.content {background-color: #FFFFFF; margin: 0px; padding: 20px;}
.content ul {padding:0;margin-left:30px;}
.content li {padding-left:5px;margin: 0 0 0.3em 0px;list-style-image: url(images/dot.jpg);}

.small {font-family: Arial, Helvetica, sans-serif;font-size: 11px;}
.medium {font-family: Arial, Helvetica, sans-serif;font-size: 12px;}
.big {font-family: Arial, Helvetica, sans-serif;font-size: 16px;}
.xbig {font-family: Arial, Helvetica, sans-serif;font-size: 24px;}
.bluetext {font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;color: #006698;}
.expanded {font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height: 24px;letter-spacing: 2px;}
.justified {font-family: Arial, Helvetica, sans-serif;text-align: justify;}

.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: normal;
	color: #FFFFFF;
	margin-right: 10px;
	padding: 10px;
	background-color: #3B3B3B;
	height: 75px;
	width: 800px;
	background-image: url(images/footerbg.gif);
	background-repeat: repeat-x;

}
.footer a:link,.footer a:visited,.footer a:active{color:#CCCCCC;text-decoration:underline;}
.footer a:hover{color:#FFFFFF;text-decoration: underline;}
.footer p{font-size: 12px;color:#FFFFFF;}

/* form elements */
form {margin:10px; padding: 0 5px;border: 1px solid #ccc; background-color: #FAFAFA; }
label {display:block;font-weight:bold;margin:5px 0;}
input {padding: 2px;border:1px solid #ccc;font: normal 1em Verdana, sans-serif;color:#777;}
textarea {width:250px;padding:2px;font: normal 1em Verdana, sans-serif;border:1px solid #ccc;height:100px;display:block;color:#777;}
input.button {margin: 0; font: bolder 14px Arial, Sans-serif; border: 1px solid #CCC;	padding: 1px; background: #FFF;color: #FF0000;}

.border {border-right: 1px solid #272763; border-left: 1px solid #272763;}

.hseparator {background-image: url(images/hseparator.gif);background-repeat: repeat-x;height: 7px;}
.hdots {background-image: url(images/dots.gif);background-repeat: repeat-x;height: 7px;}
.vseparator {background-image: url(images/vseparator.gif);background-repeat: repeat-y;width: 7px;}
.border2 {background-color: #FFFFFF;border: 1px solid #999999;margin-right: 30px;	margin-bottom: 5px;}
.borderh {border: 2px solid #B4B4B4; margin: 5px;}

.header {
	color : #FFFFFF;
	font-size : large;
	font-family : Tahoma, Verdana, Arial;
	font-weight: bold;
	height: 181px;
	width: 800px;
	background-color: #4C67C0;
	background-image: url(images/bg_head_middle.jpg);
	background-repeat: no-repeat;
	padding-right: 25px;
}
.header2 {
	color : #FFFFFF;
	font-size : large;
	font-family : Tahoma, Verdana, Arial;
	font-weight: bold;
	height: 181px;
	width: 800px;
	background-color: #4C67C0;
	background-image: url(images/bg_head_middle_shutter.jpg);
	background-repeat: no-repeat;
	padding-right: 25px;
}
.header3 {
	color : #FFFFFF;
	font-size : large;
	font-family : Tahoma, Verdana, Arial;
	font-weight: bold;
	height: 181px;
	width: 800px;
	background-color: #4C67C0;
	background-image: url(images/bg_head_middle_awning.jpg);
	background-repeat: no-repeat;
	padding-right: 25px;
}
.menu {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	height: 56px;
	text-align: left;
	background-color: #fff;
	background-image: url(images/menu_08.jpg);
	background-repeat: repeat-x;
}
.menu a:active, .menu a:link, .menu a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
.menu a:hover {color: #002F52;}

.sidemenu{
	color: #000;
	background-color: #FFF;
	width: 180px;
	padding-left: 10px;
}

.path {
	background-color: #333;
	height: 22px;
	color: #FFF;
	background-image: url(images/footerbg.gif);
	font-size: 15px;
	padding: 5px;
	font-weight: bold;
}
.logo {
	background-image: url(images/bg_head_top.jpg);
	background-repeat: no-repeat;
	width: 800px;
	height: 23px;
	font-size: 12px;
	font-weight: bold;
	color: #1D3B53;
	padding-right: 15px;
	font-family: Arial, Helvetica, sans-serif;
}
.box {padding:10px 5px 10px 5px;border: 2px solid #EEEEEE;background-color: #FFFBEF;}
.box img{padding: 0px 10px 5px 5px;	margin-right: 25px;}

.box2 {padding: 3px;border: 1px solid #DEE1F0;}

.greybox {padding: 5px;	border: 10px solid #F1F1F1;}

.leftbox {width: 360px; padding: 5px 15px 5px 0px;}
.leftbox h2{color: #333333;}
.leftbox ul {padding:0;	margin-right: 0;list-style-image: url(images/dot.gif);}
.leftbox li {padding:5px; margin: 0px 0px 0em 40px;}

.rightbox {width: 360px; padding:5px 0px 5px 15px;}
.rightbox h2{color: #333333;}
.rightbox ul {padding:0;margin-right: 0;list-style-image: url(images/dot.gif);}
.rightbox li {padding:5px; margin:0px 0px 0em 40px;}

.feature {color:#333;padding: 15px 20px 20px;margin: 0 0 1.5em;background: #f4f4f4;border: 1px solid #d7d7d7;}
.feature p, .feature h1, .feature h2, .feature h3, .feature h4, .feature h5, .feature h6 {margin: 0 0 .3em;border-bottom: 1px solid #666666;color:#006698}
.feature p {border:none;margin: 0 0 1em;color:#444}
.feature a {font-weight:bold}

.more {
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 22px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.img {background-image: url(images/image_bg.jpg);height: 133px;width: 170px;background-repeat: no-repeat;padding-top: 10px;}
.productbox {border-bottom:1px #8499C9 solid;padding-left: 15px;width: 100%;text-align: right;padding-right: 0px;}

.text1 {font-size: 16px;font-weight: bold;color: #006698;	font-family: Arial, Helvetica, sans-serif;}
.text2 {font-size: 16px;font-weight: bold;color: #8499C9;border-bottom:1px #8499C9 solid;border-left:1px #8499C9 solid;padding-left: 15px;width: 75%;}
.text3 {font-weight: normal;color: #000099;padding-left: 15px;width: 100%;text-align: right;}
a.text3:active, a.text3:link, a.text3:visited {
	font-weight: normal;
	color: #0066FF;
	padding-left: 15px;
	width: 100%;
	padding-right: 15px;
	text-decoration: none;
}
a.text3:hover {color: #000000}
.text4 {font-weight: bold;background-color: #EEEEEE;border: 1px solid #C0C0C0;color: #000000;padding-left: 10px;line-height: 25px;}
.text6 {font-size: 14px;font-weight: bold;color: #006698;}

.product {
	font-weight: normal;
	color: #022856;
	padding-left: 20px;
	width: 100%;
	text-align: left;
	font-family: Arial;
	font-size: 12px;
	line-height: 28px;
}


.boxbottom {background-image: url(images/btm_shd.jpg);height: 25px;background-repeat: no-repeat;}

.sidetitle {margin:0; padding:0;background-color:#505457}
.sidebar {
	background-color: #FFFFFF;
	border: 1px solid #C1C1C1;
	padding: 6px;
	background-image: url(images/menu_bg.jpg);
	background-repeat: repeat-y;
}
.sidebar a:link,.sidebar a:visited,.sidebar a:active{
	color:#003399;
	text-decoration:underline;
	padding:10px 0 10px 10px;
	margin: 0px;
}
.sidebar a:hover{color:#FF0000;text-decoration: underline;}

.sidebar ul {padding:0;margin:0;list-style-image:url(images/subarrow.gif);list-style-position:inside}
.sidebar li {padding:0 0 0 15px;margin:0 0 0.3em 0;}
.sidebar li a {font-size: 13px; }
.sidebar li a:hover {font-size: 13px;color: #FF0000;}

/*
.subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	font-weight: bold;
	color: #FFFFFF;
	height: 36px;
	border-left-width: 1px;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #C1C1C1;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
*/
.subtitle a:link,.subtitle a:active,.subtitle a:visited{color: #FFFFFF;}
.slide-out-div {
		  padding: 20px;
          width: 292px;
          display: block;
          float: left;
		background: #fff;
		border:2px solid #0154a0;
          z-index: 3000;
      }
#dhtmltooltip{
	position: absolute;
	left: -300px;
	width: 150px;
	border: 1px solid black;
	padding: 2px;
	background-color: #FFFFE0;
	visibility: hidden;
	z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}
img.start {
position: relative;
left: 0;
top: 0;
border: 0;
}