@charset "utf-8";


.cssform {position: relative;}



.cssform p{
	margin: 0;
	padding: 5px 0 8px 0;
	height: 1%;
	padding-left: 155px;
}



.cssform label, dl.zend_form dt label {

	font-weight: bold;
	float: left;
	margin-left: -155px; /*width of left column*/
	width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	padding-bottom: 5px;
}

.cssform input[type="text"] { /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform .input {
width:180px !important;
}

.cssform textarea{
	width: 200px;
	height: 150px;
}
.cssform  img      {

	bottom: 1px;
	left: 3px;
}
.cssform  table      {
	margin-top: 30px;
	margin-bottom: 20px;
	margin-right: 90px;
}

#video{
	position:relative;
	text-align:center;
	width:500px;
	margin:0px auto;
	padding:20px 0px;
	z-index:10;
}

* html .threepxfix{
margin-left: 3px;
}
/* Style NybbleTech */

body{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#FFF;
	
}
a{text-decoration:none; color:#000;}
a:hover{text-decoration:underline; color:#004e9b;}

.clear{clear:both;}

#container{
	position:relative;
	width:999px;
	height:auto;
	background-color:#004e9b;
}

#header{
	position:relative;
	height:70px;
	width:100%;
	background-color:#FFF;
}

#main_content{
	position:relative;
	margin-top:15px;
	width:100%;
	height:auto;
}

#nav{
	position:relative;
	float:left;
	width:169px;
	height:auto;
	text-align:center;
	font-size:11px;
	font-weight:bold;
}
.but_large{
	position:relative;
	text-align:center; 
	background:url(../images/left_button.jpg) no-repeat; 
	width:143px; 
	height:18px; 
	padding-bottom:10px;
	margin:0px auto;
	line-height:18px;
	vertical-align:middle;
}
.but_small{
	position:relative;
	text-align:center; 
	background:url(../images/left_small_button.jpg) no-repeat; 
	width:128px; 
	height:15px;
	margin:0px auto;
	padding-bottom:3px;
	margin-right:15px;
	line-height:15px;
	vertical-align:middle;
}

#left_pix{
	position:absolute;
	left:0px;
	width:169px;
	height:114px;
}




#content{
	position:relative;
	float:left;
	width:830px;
	height:auto;
	background-color:#FFF;
	z-index:999;
}

#content_nav{
	position:relative;
	background-color:#b1b2b4;
	height:29px;
	font-size:11px;
	font-weight:bold;
	width:100%;
	z-index:999;
}

.but_large_gray{
	margin-top:5px;
	position:relative;
	text-align:center; 
	background:url(../images/linkmenu.jpg) no-repeat; 
	width:144px; 
	height:16px; 
	padding-right:10px;
	line-height:16px;
	vertical-align:middle;
}

#content_matter{
	position:relative;
	width:500px;
	height:auto;
	padding-left:15px;
	float:left;
}

.heading{font-weight:bold;}
.sub_heading{font-weight:bold; font-size:20px;}
#content_eco{
	position:relative;
	float:right;
	width:241px;
	height:241px;
	margin-right:20px;
	background:url(../images/pic_hybrid.jpg) no-repeat;
}


.csr_logo{padding:10px 0px 20px 20px;}


#content_full{
	position:relative;
	width:800px;
	height:auto;
	margin:0px auto;
	padding-bottom:20px;
	z-index:10;
}

#footer{
	position:relative;
	height:114px;
	width:999px;
	text-align:right;
}

#container #header img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/*menu Bar*/


ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#000; text-decoration:none}
ul.menu li {position:relative;float:right; margin-top:7px; margin-right:10px; width:148px; left:-2px;}
ul.menu ul {position:absolute;top:16px; left:0px; display:none; list-style:none; width:148px;}

ul.menu ul li{position:relative; border:none; width:148px; margin:0; background:url(../images/linkmenu.jpg) no-repeat center center #b1b2b4; }

ul.menu ul li.last_li{position:relative; background:none; height:5px; border:none; width:148px; margin:0; background:url(../images/drp_down.png) center bottom no-repeat; }

ul.menu ul li a {display:block; padding:3px 7px 5px;}
ul.menu ul li a:hover {background:url(../images/linkmenu_hover.jpg) no-repeat center center; color:#FFF;}
ul.menu ul ul {left:148px; top:-1px}
ul.menu .menulink { padding:5px 7px 7px; font-weight:bold; background:url(images/header.gif); width:134px }
ul.menu .menulink:hover, ul.menu .menuhover {background:url();}
ul.menu .sub {background:#d1d1d1 url(..images/arrow.gif) 136px 8px no-repeat}
ul.menu .topline { background-color:#b1b2b4;}


/*menu Bar*/



/* #slide height = (number of top level links - 1) * height of links + inner div height */
#slide,#slide1 {padding:0; margin:0; list-style:none; width:169px; height:auto; border:1 px solid #000;position:relative; overflow:hidden;}

#slide li.sub,#slide1 li.sub{display:block; float:left; height:24px; line-height:18px; width:169px; text-decoration:none; background:url(../images/left_button.jpg) no-repeat center top; overflow:hidden; cursor:pointer; }

#slide li.sub a,#slide1 li.sub a {text-decoration:none; color:#000; display:block;}
#slide .sub a:hover {color:#069; text-decoration:underline;}

#slide li.top,#slide1 li.top{display:block; float:left; height:24px; line-height:24px; width:169px; text-decoration:none; background:url(../images/left_small_button.jpg) no-repeat; text-indent:0px; overflow:hidden; cursor:pointer;}
#slide li.top a ,#slide1 li.top a{text-decoration:none; color:#000; display:block;}
#slide li.top a:hover,#slide1 li.top a:hover {color:#069; background:url(arrows/out-over.gif) no-repeat 5px 8px; text-decoration:underline;}

#slide li.clicked {}

/*#slide li.sub div height = (maximum sub lines * sub line height)+top level link height(variable fY in jQuery) */


#slide li ul , #slide1 li ul{padding:0; margin:0; list-style:none; height:auto; width:128px; text-align:center; padding-left:20px;}
#slide li ul , #slide1 li ul{ padding-top:8px; padding-bottom:8px;}
#slide li ul li, #slide1 li ul li {float:left; height:20px; width:128px;}

#slide li ul li a, #slide1 li ul li a {padding:0; margin:0;color:#000; text-decoration:none;  font-size:11px; display:block; height:15px; line-height:15px; width:128px;  background:url(../images/left_small_button.jpg) no-repeat;}

#slide li ul li a:hover, #slide1 li ul li a:hover {color:#069; background:url(../images/left_small_button.jpg) no-repeat;text-decoration:underline;}


#container #main_content  #content  #content_full  table th {
	background-color: #3E4B8F;
	font-weight: bold;
	color: #FFFFFF;
	border: 1px solid #000000;
}
#container #main_content #content #content_full table .bk {
	background-color: #E4E4F0;
}
#container  #main_content  #content  #content_full  table td {
	border: 1px solid #000000;
}

#container #main_content #content #content_full .red {
	color: #FF0000;
	font-weight: bold;
}
#container #main_content #content #content_full table .bold {
	font-weight: bold;

}
#container #main_content #content #content_full table {
	border: 1px solid #000000;
}
#container #main_content #content #content_full .rightimg {
	float: right;
	margin-left: 30px;
	margin-bottom: 30px;
	padding-top: 35px;
}
#container  #main_content  #content  #content_full  .rightimage {
	float: right;
	margin-left: 30px;
	margin-bottom: 10px;
	padding-top: 5px;
}

.tablecon input{margin-right:20px;}