@charset "utf-8";
/* CSS Document */

body {
	background: url(../images/page_bg.gif) repeat-x top left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
	line-height: 140%;
}

.footer {
	background:#2b2c31;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:9px;
	color:#FFFFFF;
	}
.footer a:link, .footer  a:visited{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	color:#FFFFFF;
}
	
.footer a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:underline;
	color:#ffffcc;
}

.warn_v{
	color:#FF0000;
	visibility:hidden;
	font-size: 9px;
}
/*.search {
    width:                  190px;
    text-align:             right;
}

.search form {
    margin:                 0;
    padding:                0;
    padding-top:            0.2em;
}

 /*Style the search field like the other navigation elements 
.search input {
    text-align:             center;
    background-color:       #EDEADF;
    border:                 1px solid #EDEADF;
    color:                  #2B2C31;
	font-family:			verdana, helvetica, arial, sans;
	font-size:				11px;

}


.search input:focus, .search input:hover {
	text-align:             center;
    background-color:       #2B2C31;
    border:                 1px solid #40501F;
    color:                  #EDEADF;
	font-family:			verdana, helvetica, arial, sans;
	font-size:				11px;

    
}

.search button {
    font-weight:            normal;
}



 Stuff for the live search */
.header_pad{
	padding-left: 			20px;
	background:				url(../images/header_bg.gif);
	}
p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
	line-height: 200%;
	}
.news{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
	}
a:link, a:visited{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	color:#006699;
	font-weight:bold;
}
	
a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:underline;
	color:#632a39;
	font-weight:bold;

	
}
a.other:link, a.other:visited{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	color:#000;
	font-weight:bold;
	background:#EDEADF;
	padding:5px 10px 5px 10px;
	}
	
a.other:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:underline;
	color:#fff;
	font-weight:bold;
	background:#6699cc;
	padding:5px 10px 5px 10px;
}
.white_left{
	background:url(../images/white_left.jpg)
}
.white_right{
	background:url(../images/white_right.jpg)
}
h1	{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#336699;
	line-height: 20px;
	margin-bottom: 6px;
	background: url(../images/db.gif) repeat-x bottom !important;
	background: url(../images/db.gif) repeat-x bottom;
}

h2	{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#336699;
	line-height: 20px;
	margin-bottom: 6px;
	background: url(../images/db.gif) repeat-x bottom !important;
	background: url(../images/db.gif) repeat-x bottom;
}

h3	{
	font-family: Verdana, Trebuchet MS, Arial, Helvetica, Tahoma;
	font-size: 11px;
	font-weight: bold;
	color:#990000;
	line-height: 20px;
	margin-bottom: 6px;
}
ol{
	margin: 0px;
	padding: 0px;
	margin-left:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
	line-height: 140%;
	}
ol li{
	margin: 5px;
	padding: 5px;
	margin-left:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
	line-height: 140%;
	}

ul.arr{
	margin: 0px;
	padding: 0px;
	list-style: none;
	margin-left:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
	line-height: 140%;
}

ul.arr li{
	margin-top:5px;
	padding-left:20px;
	background: url(../images/marker_list.gif) no-repeat;
	background-position: 3px 6px !important;
	background-position: 3px 5px;
}

ul.arr ul{
	list-style: none;
}

.box {
	background-color:#EDEADF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
	margin: 0px;
	padding: 10px;
	text-align:left;
	}
.right_part{
	padding-left: 15px;
	margin-left: 10px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #cccccc;
	}
.divider_horz {
	background: url(../images/db.gif) repeat-x center;
	}
.divider_vert {
	background: url(../images/db.gif) repeat-y center;
	}
ul.vert-one{margin:0;padding:0;list-style-type:none;display:block;font:bold 16px Helvetica, Verdana, Arial, sans-serif;line-height:165%;width:100%;}
ul.vert-one li{margin:0;padding:0;border-top:1px solid #999999;border-bottom:1px solid #EDEADF;}
ul.vert-one li a, ul.vert-one li a:visited{display:block;text-decoration:none;color:#000;background:#CCCCCC;padding:0 0 0 20px;width:180px;}
ul.vert-one li a:hover{background:#632a39 url("../images/vert-one_arrow.gif") no-repeat 0 9px;color:#fff;}
ul.vert-one li a.current-vert,ul.vert-one li a.current-vert:hover{background:#632a39 url("../images/vert-one_arrow.gif") no-repeat 0 9px; color:#fff;}

ul.left_menu{margin:0;padding:0;list-style-type:none;display:block;font:bold 16px Helvetica, Verdana, Arial, sans-serif;line-height:200%;}
ul.left_menu li{margin:0;padding:0;border-top:1px solid #999999;border-bottom:1px solid #EDEADF;}
ul.left_menu li a, ul.left_menu li a:visited{display:block;text-decoration:none;color:#000;background:#EDEADF;padding:0 0 0 20px;width:180px;}
ul.left_menu li a:hover{background:#6699cc url("../images/vert-one_arrow.gif") no-repeat 0 9px;color:#fff;}
ul.left_menu li a.current,ul.left_menu li a.current:hover{background:#6699cc url("../images/vert-one_arrow.gif") no-repeat 0 9px; color:#fff;}

ul.arr a:link, ul.arr a:visited{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	color:#333333;
	font-weight:normal;
	}
ul.arr a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:underline;
	color:#990000;
	font-weight:normal;
}

/* FORM STYLES */
form {width: 450px;}

fieldset{
	padding:10px;
	border:1px solid #003366;
	margin-bottom:15px;
	width: 450px;
}


input,textarea{
	background-color:#EDEADF;
	background-image:url(../images/shadeform.jpg);
	border: 1px solid #333300;
	margin: 4px;
	font: 11px Verdana,Geneva,Arial,Helvetica,sans-serif;
}
/*styles the input fields*/
/*styles the form fields*/
label{
	color:#000000;
	font-weight: normal;
	font: 11px Verdana,Geneva,Arial,Helvetica,sans-serif;
}
legend{
	padding:10px;/*gives a bit of padding between the border and the test*/
	font-family: Trebuchet MS, Arial, Helvetica, Tahoma, Verdana;
	font-size: 18px;
	font-weight: bold;
	color: #336699;
}
.submitbutton {
	border: 1px solid #003366;
	background-image:none;
	background-color:#006699;
	color:#FFFFFF;
}

/*end of form styles */
.tablestyles { 
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
}

#maintable {
	width: 80%;
	margin: auto auto;
}
.product 
{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	padding-bottom: 12px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
}
.product_right
{
	float: right;
	width: 240px;
	vertical-align: bottom;
	padding-left: 20px;
	margin-left: 10px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #cccccc;
	margin-top: 20px;
	padding-top: 20px;
}

.case_right
{
	float: right;
	width: 180px;
	vertical-align: bottom;
	padding-left: 20px;
	margin-left: 10px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #cccccc;
	margin-top: 20px;
	padding-top: 20px;
}



.product_left
{
	float: left;
	margin-top: 5px;
	padding-top: 5px;
	/*width: 80px;*/
}

.product_middle
{
	line-height: 150%;
	padding-left: 120px;
}
.services_middle
{
	line-height: 150%;
	padding-left: 20px;
}
.services_right
{
	float: right;
	width: 240px;
	vertical-align: bottom;
	padding-left: 20px;
	margin-left: 10px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #cccccc;
	margin-top: 10px;
	padding-top: 10px;
}