@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #808285;
}

img {
	border: 0;
	vertical-align: top;
}

a {
	color: #008fd1;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1, h2, h3, p {
	margin-top: 0;
}
h1 {
	color:#666666;
	font-size: 15px;
	line-height:140%;
}

h2 {
	color:#888;
	font-size: 13px;
}

h3 {
	color: #008fd1;
	font-size: 12px;
}

/*########## start of class style ##########*/

.bold {
	font-weight: bold;
}

.left {
	float: left;
}

.right {
	float: right;
}

.imgLeft {
	margin: 0;
	padding: 0 10px 10px 0;
	float: left;
}

.imgRight {
	margin: 0;
	padding: 0 0 10px 30px;
	float: right;
}

.required {
	color: #ff0000;
}

.captcha {
	border:1px solid #d6d6d6;
	width: 136px;
	height: 26px;
	padding:4px;
	padding-left: 16px;
	margin-top:4px;
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
}

.border {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 1px;
	border-top: 1px solid #ccc;
}

/*########## end of class style ##########*/

#container {
	margin: 0 auto;
	padding: 0;
	width: 960px;
}

#leftContainer {
	margin: 0;
	padding: 57px 0 0 0;
	width: 220px;
	float: left;
}

/*########## start of leftContainer style ##########*/

#logoMiltrade {
	margin: 0;
	padding: 0;
	width: 135px;
	height: 81px;
	float: left;
	background-image: url(../images/main_images/miltrade_logo.jpg);
	background-repeat: no-repeat;
}

#leftNav {
	margin: 34px 0 0 0;
	padding: 0;
	width: 190px;
	float: left;
}

#leftNav ul {
	margin: 0;
	padding: 0;
	width: 190px;/*170*/
	list-style: none;
}

#leftNav ul li ul li {
	margin: 0;
	padding: 0 0 0 15px;
	font-size: 13px;
}

#leftNav ul li ul li ul li {
	font-size: 11px;
}

#leftNav ul li a.active {
	color: #008fd1;
	font-weight: bold;
}

#leftNav ul li.first {
	margin: 0;
	padding: 5px 0 5px 0;
	width: 190px;/*170*/
	height: 18px;
	border-top: 2px solid #f1f0f0;
	border-bottom: 2px solid #f1f0f0;
}

#leftNav ul li.child {
	margin: 0;
	padding: 8px 0 8px 0;
	width: 190px;/*170*/
	border-bottom: 2px solid #f1f0f0;
}

#leftNav ul li ul li ul li.childfirst {
	margin: 0;
	padding: 5px 0 5px 20px;
	width: 170px;/*170*/
	height: 18px;
}

#leftNav ul li ul li ul li.childchild {
	margin: 0;
	padding: 8px 0 8px 20px;
	width: 170px;/*170*/
}

#leftNav ul li.topborder {
	margin: 0;
	padding: 5px 0 5px 0;
	width: 190px;/*170*/
	height: 18px;
	border-top: 2px solid #f1f0f0;
}

#leftNav ul li.childborder {
	margin: 0;
	padding: 8px 0 8px 0;
	width: 190px;/*170*/
	border-bottom: 2px solid #f1f0f0;
}

/*########## end of leftContainer style ##########*/

#rightContainer {
	margin: 0;
	padding: 57px 0 0 30px;
	width: 710px;
	min-height: 700px;
	height:auto !important;
	height: 700px;
/*	height: 500px; remove after entering contents*/
	float: left;
	background-image: url(../images/main_images/rightContainer_bg.gif);
	background-repeat: no-repeat;
}

/*########## start of rightContainer style ##########*/

#breadcrumbs {
	margin: 0;
	padding: 0;
	width: 710px;
	height: 19px;
	color: #808285;
	float: left;
	border-bottom: 2px solid #ebebea;
}

#breadcrumbs ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#breadcrumbs ul li {
	margin: 0;
	padding: 0;
	float: left;
}

#breadcrumbs ul li.right {
	margin: 0 0 2px 0;
	padding: 0;
	vertical-align: top;
	float: right;
	width: 66px;
	height: 16px;
}

#breadcrumbs ul li a {
	color: #008fd1;
}

#breadcrumbs ul li ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#breadcrumbs ul li ul li {
	margin: 0;
	padding: 0;
	float: left;
}

#content {
	margin: 20px 0 0 0;
	padding: 0;
	width: 710px;
	float: left;
}

#contentheader {
	margin: 0;
	padding: 0;
	width: 710px;
	height: 40px;
	float: left;
}

#contenttext {
	margin: 25px 0 0 0;
	padding: 0;
	width: 710px;
	float: left;
	line-height: 1.5em;
	text-align: justify;
}

#contenttext a {
	color: #008fd1;
	text-decoration: none;
}

#contenttext a:hover {
	text-decoration: underline;
}

#contenttext ul {
	margin: 0;
	padding: 0 0 0 30px;
}

#contenttext ul li {
	margin: 0;
	padding: 0 0 10px 0;
	list-style-type: disc;
}

#partnersandproducts {
	margin: 50px 0 0 0;
	padding: 0;
	width: 710px;
	float: left;
}

#partnersandproducts table {
	margin: 20px 0 0 0;
	padding: 0 0 0 25px;
	width: 681px;
	float: left;
}

#partnersandproductsheader {
	margin: 0;
	padding: 0;
	width: 710px;
	height: 21px;
	float: left;
}

#partnersandproducts .thumbnail{
	clear: both;
	margin: 0 0 10px 0;
	padding: 0 10px 0 0;
	width: 710px;
	float: left;
}

#partnersandproductscontent {
	margin: 20px 0 0 0;
	width: 706px;
	float: left;
/*	min-height: 200px;
	height:auto !important;
	height: 200px;*/
	border-right: 2px solid #ebebea;
}

.partnersandproductsfirst {
	margin: 0;
	padding: 10px 25px 10px 25px;
	float: left;
	min-height: 100px;
	height:auto !important;
	height: 100px;
	border-left: 2px solid #ebebea;
	border-right: 2px solid #ebebea;
}

.partnersandproductschild {
	margin: 0;
	padding: 10px 20px 10px 20px;
	float: left;
	border-right: 2px solid #ebebea;
	min-height: 100px;
	height:auto !important;
	height: 100px;
}

.partnersandproductslast {
	margin: 0;
	padding: 10px 20px 10px 20px;
	float: left;
	border-right: none;
	min-height: 100px;
	height: auto !important;
	height: 100px;
}

#prodbrochures {
	margin: 0;
	padding: 0;
	width: 710px;
	float: left;
	line-height: 1.5em;
	text-align: justify;
}

#prodbrochurecola {
	margin: 0;
	padding: 0 20px 0 0;
	width: 220px;
	float: left;
}

#prodbrochurecola ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#prodbrochurecola ul li {
	margin: 0;
	padding: 10px 0 10px 0;
	list-style: none;
}

#prodbrochurecolb {
	margin: 0;
	padding: 0;
	width: 235px;
	float: left;
}

#prodbrochurecolb ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#prodbrochurecolb ul li {
	margin: 0;
	padding: 10px 0 10px 0;
	list-style: none;
}

#prodbrochurecolc {
	margin: 0;
	padding: 0;
	width: 235px;
	float: left;
}

#prodbrochurecolc ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#prodbrochurecolc ul li {
	margin: 0;
	padding: 10px 0 10px 0;
	list-style: none;
}

/*########## end of rightContainer style ##########*/

#footer {
	margin: 20px 0 20px 0;
	padding: 0;
	width: 960px;
	height: 120px;
	float: left;
	font-size: 10px;
	border-top: 2px solid #ebebea;
}

#affiliates {
	margin: 10px 0 0 0;
	padding: 0;
	width: 192px;
	height: 109px;
	float: left;
}

#affiliateslogo {
	margin: 0;
	padding: 0;
	width: 192px;
	height: 95px;
	float: left;
}

.rotatinglogo {
	margin: 5px 0 0 0;
	padding: 0;
	width: 192px;
	height: 95px;
	float: left;
}

#footercontent {
	margin: 10px 0 0 0;
	padding: 0;
	width: 712px;
	height: 52px;
	float: right;
}

#footercopyright {
	margin: 0;
	padding: 10px 0 0 0;
	width: 220px;
	height: 42px;
	float: left;
}

#footercertification {
	margin: 0;
	padding: 0;
	width: 250px;
	height: 52px;
	float: left;
}

#footermembership {
	margin: 0;
	padding: 0;
	width: 242px;
	height: 52px;
	float: left;
}

#footermembership p {
	margin: 10px 0 0 0;
	padding: 0;
	float: left;
}

/*#####################################################################################################################################*/

#main { 
	padding: 1em; 
}

#banner { 
	padding: 15px; 
	background-color: #06b; 
	color: white; 
	font-size: large; 
	border-bottom: 1px solid #ccc;
    background: url(bg.gif) repeat-x;
	text-align: center; 
}

#banner a { 
	color: white; 
}

legend { 
	font-weight: bold; 
}

pre { 
	margin-bottom: 1em; 
}
    
.jscom, .mix htcom { 
	color: #4040c2; 
}

.com { 
	color: green; 
}

.regexp { 
	color: maroon; 
}

.string { 
	color: teal; 
}

.keywords { 
	color: blue; 
}

.global { 
	color: #008; 
}

.numbers { 
	color: #880; 
}

.comm { 
	color: green; 
}

.tag { 	
	color: blue; 
}

.entity { 
	color: blue; 
}

.string { 
	color: teal; 
}

.aname { 
	color: maroon; 
}

.avalue { 
	color: maroon; 
}

.jquery { 
	color: #00a; 
}

.plugin { 
	color: red; 
}

li { 
	list-style-type: none; 
}

.basic, #list2, #list3, #navigation { 
	width: 180px; 
}

#list3 { 
	margin: 29px 0 0 0;
	padding: 0;
	width: 190px;
	float: left;
}

.list3border {
	margin: 5px 0 5px 0;
	padding: 0;
	width: 190px;
	border-bottom: 2px solid #f1f0f0;
}

#list3 ul {
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
}

#list3 ul li {
	margin: 0;
	padding: 0 0 5px 20px;
	font-size: 12px;
	font-weight: bold;
/*	background-image: url(../images/main_images/leftNav_arrow.gif);
	background-position: left center;
	background-repeat: no-repeat;*/

}

#list3 ul li a {
	color: #636466;
}

#list3 ul li a.active {
	color: #008fd1;
}

#list3 ul li a:hover {
	color: #008fd1;
}

#list3 ul li ul {
	margin: 0;
	padding: 0;
	list-style: none; 
}

#list3 ul li ul li.first {
	margin: 0;
	padding: 5px 0 5px 20px;
	font-size: 11px;
	font-weight: normal;
	background-image: none;
}

#list3 ul li ul li.child {
	margin: 0;
	padding: 0 0 5px 20px;
	font-size: 11px;
	font-weight: normal;
	background-image: none;
}

#list3 div.selected .title { 
	font-weight: bold; 
}

#list3 div div {
	border-left: none;
	padding: 0;
}

#list3 div.title {
	border: none;
	padding: 0;
	cursor: pointer;
}

#list3 div.selected {
	border-bottom: none;
}

@media print {
	.basic div, #navigation ul, #list2 dd, #list3 div{
		display: block!important;
		height: auto!important;
	}
}

/*##### start of new menu #####*/
.menu_list {	
	width: 150px;
}
.menu_head {
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
	margin:1px;
    font-weight:bold;
/*    background: #eef4d3 url(left.png) center right no-repeat;*/
}
.menu_body {
	display:none;
}
.menu_body a{
  display:block;
  color:#006699;
  background-color:#EFEFEF;
  padding-left:10px;
  font-weight:bold;
  text-decoration:none;
}
.menu_body a:hover{
  color: #000000;
  text-decoration:underline;
  }


/*##### end of new menu #####*/

/*##### styles for highlights listing #####*/

@charset "utf-8";
/* CSS Document */

ul.highlights {
	width:90%;
	margin:0 0 15px 15px;
	padding:0;
	list-style-type:none;
}

ul.highlights li {
	margin:0 0 0 15px;
	padding:0;
	list-style-type:none;
	display:block;
}

ul.highlights li a img {
	margin:0 10px 20px 0;
	padding:0;
	width:80px;
	border:1px #008FD1 solid;
	float:left;
	display:block;
}

ul.highlights li div {
	padding:0;
	float:left;
	display:block;
	width:525px;
}
#highlightsgallery {
	margin: 50px 0 0 0;
	padding: 0;
	width: 710px;
	float:left;
}
#highlightsgalleryheader {
	margin: 0;
	padding: 0;
	width: 710px;
	height: 21px;
	float:left;
}

.accordion_toggle {
	width:300px;
	display: block;
	background: url(../images/accordion_toggle.gif) no-repeat left center;
	padding: 0 10px 0 20px;
	color: #666666;
	text-decoration: none;
	outline: none;
	font-size: 18px;
	font-weight:bold;
	cursor: pointer;
	line-height:100%;
}

.accordion_toggle_active {
	background: url(../images/accordion_toggle_active.gif) no-repeat left center;
	color: #333333;
	width:300px;
	line-height:100%;
}

.accordion_content {
	overflow: hidden;
}
	
.vertical_accordion_toggle {
	width:300px;
	display: block;
	background: url(../images/accordion_toggle.gif) no-repeat 10px center;
	padding: 0 10px 0 30px;
	font-size: 13px;
	color: #666666;
	cursor: pointer;
	margin: 0 0 20px 0;
	line-height:100%;
}

.vertical_accordion_toggle_active {
	background: url(../images/accordion_toggle_active.gif) no-repeat 10px center;
	color: #333333;
	width:300px;
	line-height:100%;
}

.vertical_accordion_content {
	overflow: hidden;
}