/* CSS Document */
*   {margin:0; padding:0;	}

body{
	font: normal 0.75em/1.3em  Arial, Helvetica, sans-serif; color:#333333;
	background: #FFF url(../images/layout/bg.png) top left repeat-x;
	margin:0; padding: 0;	text-align:left; }

a:link,a:visited { color: #0EB596; text-decoration: underline;}
a:hover { color:#333333; text-decoration:underline;}

.clear {clear:both; margin:0; padding:0}

p { padding:0 0px 20px 10px;}
.bp { padding:10px 20px 20px 0px; text-align:left;}
.bp ul {padding-left: 20px;}
.bp li {list-style:square;}
h3 {padding:0px 10px 10px 25px;color:#000; background:url(../images/layout/bullet.jpg) no-repeat; margin:20px 0 0 0px; text-align:left;}
h4{ padding:0 0 0 20px; font-weight:bold;  color: #000 ; font-size:105%; margin:0px 0 0 0px;background:url(../images/layout/bullet2.jpg) no-repeat; text-align:left;}
.imgcase {margin:5px;border:1px solid #CCCCCC; margin-top:0;}
img { border:1px solid #333333; }
.imgright {float:right; margin:0 0 10px 10px ;  }
.img a { border:0;padding:0;  }
.red{color: #FF0000;}
.imgright2 {float:right; margin:0 0 10px 10px ; border:0;  }
.noborder { border:none; padding:10px;border:none; }
.imgnone { border:none; padding:0px; margin:0 0 0 10px;}
.img2 { border:none;padding:0; padding-left:10px;}
.img3 { border:none; padding:0; padding-left:5px;}

.imgrightnews {float:right; margin: 0px 0 2px 10px; padding:0;}

/*- background-layout-*/
#wrapper { width:801px; margin: 0 auto; background: url(../images/layout/wrap.jpg) repeat-y; }

.header { width: 801px; height:165px; 		background:url(../images/layout/header.jpg) no-repeat;}
/*.nav 	{ width: 801px; height:114px;  		background: url(../images/layout/nav.jpg) repeat-y;}*/
.main 	{ width: 801px; min-height:381px; 	background: url(../images/layout/body.jpg) no-repeat;}
.footer { width: 801px; height:51px; 		background: url(../images/layout/footer.jpg) no-repeat; margin:0 auto; clear:both;}

/* Header content-*/
/* logo on background imagee*/
.time { float:right; color:#C3C3C3; padding:8px 37px 0 0;}
/* Footer content-*/
.footext{ width: 801px; margin:0 auto; background:#FFFFFF}
.footext ul {margin:0px 0 0 100px;}
.footext ul li {float: left; list-style:none; padding-left:5px;}
.copyright { width:727px; padding: 0 0 0 43px; text-align:center;}
/* Column position-*/
.right{ width:180px; float: left; padding-left:20px; }
.left{ width:450px; float: left; text-align:justify;padding-left:83px;  padding-bottom:0px;margin-bottom:0px; }
.left p{padding-left:0px;}

/*left contnet*/
.news h3{ margin:0 0 2px 0; padding:0 10px 0 25px; font-weight:bold; color:#000000;}
.news_title{ margin:0 0 2px 0; padding:0 10px; font-weight:bold; color:#000000; font-size:95%;}
.news_date{ margin:0 0 2px 0; padding:0 10px; color:#999999; font-size:95%; font-style:italic;}
.event_date{ margin:0 0 2px 0; padding:0 10px; color:#000;  color:#CC0000; font-size:95%; font-style:italic;}
.news_short{ margin:0; padding:0 10px; text-decoration:none; }
.news_short a{  }
.sub_cat{ margin:0 0 2px 0; padding:0 10px; font-weight:bold; color: #CC0000;  font-size:95%; margin-top:10px;}
.sub_cat2{ margin:0 0 2px 0; padding:0 0px; font-weight:bold; color: #CC0000;  font-size:105%; margin-top:10px;}
.support_data{ margin:0 0 2px 0; padding:0 10px; color:#000000; font-size:95%;}
.prod{ list-style: circle;}

.newprod{background: #F3F3F3; padding:15px 15px 5px 15px; width:425px;}
.newprod h3 {margin-top:0;}
.latest_l {float: left; width: 180px;}
.latest_r {float: left; width: 245px; }
.latest_r ul {margin-left:15px;}
.latest_r li { padding: 0 0 5px 0; list-style:square;}



.latest {margin-bottom:5px; margin-top:0; font-weight:bold; font-size:1.2em; background:none; padding-left:0px;}
.latest a:link,.latest a:visited { text-decoration:none; color:#333333;}
.latest a:hover, { text-decoration:none; color:#0EB596;}

.prodlist_left { float:left;width:100px; border:none;}
.prodlist_right {float:left;width:370px; padding-top:0px;}

.prodrow {clear:both; margin: 10px 0 0 0 ; width:470px;}
.supportpage { text-align:center;}


/*right contnet*/


.news_date{ margin:0 0 2px 0; padding:0 10px; color:#CC0000; font-size:95%; font-style:italic;}
.news_short{ margin:0; padding:0 10px}



.sub {
    font-size: x-small;
    vertical-align: baseline;
    position: relative;
    bottom: -0.25em;
}

.nav ul{ padding: 10px 0 10px 67px;  }
.nav ul li{ color:#333333;   float:left; padding-right:30px;list-style:none;}
.tease{ color:#333333;   float:left; padding:0; }
.nav ul li a{ color: #0EB596; text-decoration: underline; }
.backs { color:#CC0000;}
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }

.clearfix{display: inline;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */.add { height: 435px;}
.add a { color: #006699;}  

/* LIGHTBOX */

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	




/*tooltip*/

div.tooltip {
	width: 200px;
	color: #fff;
	text-align: center;
}

div.tooltip h4 {
	color: #fff;
	font-weight: bold;
	text-shadow: 2px 2px 1px #222;
	margin: 0;
	padding: 13px 10px 5px;
	background: url(../images/balloon.png) top left no-repeat !important;
	background: url(../images/balloon.gif) top left no-repeat;
	font-size: 11px;
}

div.tooltip p {
	margin: 0;
	padding: 0 10px 15px;
	text-shadow: 2px 2px 1px #222;
	background: url(../images/balloon.png) bottom left no-repeat !important;
	background: url(../images/balloon.gif) bottom left no-repeat;
	font-size: 10px;
}

form {width:450px;}
form h3{
	color:#535353; font-size:100%; margin:15px 0 2px 10px;
}
form h5{
	color:#535353; margin:15px 0 7px 10px;
}
fieldset{ border:none; background:#FCFCFE; border:1px solid #CCCCCC; margin:10px 10px 0px 0; padding:10px;}

label { 
	color:#454545;
	float: left;
	display: block;
	text-align: left;
	width: 120px;
	margin-left:10px; margin-bottom:5px;
	font-size:11px; padding-top:3px;
}

.txtfield {
	border:1px solid #b2dfff;
	color:#454545;
	overflow:auto;
	width:308px;
}
input{
	font-size:10px;
	height:15px;
	padding:3px 0 0 5px; margin-bottom:5px;
}
input.btn{
	height:12px;
	padding:50px 0 0 0; border:1px solid #7F9DB9
}

textarea {
	font-size:12px;
	height:95px;
	margin-right:2px;
	padding-left:5px;
	vertical-align:baseline;
}

label#msg{
	vertical-align:top;
}
.checker{ display:block; clear:both; width:200px; float:none ; vertical-align:middle}
input.button { height:auto;}
.errOutput{ border:1px solid #FFF; width:450px; height:30px; padding:3px;}
#quickjump {width:380px; margin:0 auto;}