/* CSS Document */
body,html{
	margin:0px;
	padding:0px;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#cccccc;
}
.home{
	background-image:url(../images/bg.png); background-repeat:repeat-x;
	background-color:#043163;
}
.product{
	background-image:url(../images/bg-product.png); background-repeat:repeat-x;
	background-color:#043163;
}
img{ border:none; }
p{ margin:0px; padding:0px; }
form{ margin:0px; padding:0px; }

#nav{ background-image:url(../images/bg-menu.png); background-repeat:repeat-x; height:37px; width:100%; min-width:980px; position:absolute; top:80px; }
.ul{ padding:0px; margin:0px; list-style:none;}
.ul li{ padding:0px; margin:0px; list-style:none; display:inline-block; color:#a4a4a4; vertical-align:middle; padding-left:8px; padding-right:8px; font-size:13px; } #nav a{ color:#a4a4a4; text-decoration:none; } #nav a:hover{ color:#0c7ba4; }
#nav .active a{ color:#0c7ba4; }

#product-nav{ margin:0px; padding:0px; }
#product-nav ul{ padding:0px; margin:0px; list-style:none; }
#product-nav li{ padding:0px; margin:0px; list-style:none; display:block;}

#container{ width:100%; height:100%; position:relative;}
#wrapper{ width:980px; margin:0 auto; position:relative; height:auto; min-height:400px;}

#footer{ clear:both; height:115px;background-color:#010b15; width:100%; }
#footer .copyright{ color:#666666; font-size:14px; width:980px; margin:0 auto; padding-top:50px; }
#footer a{ color:#666666; text-decoration:none;} #footer a:hover {text-decoration:underline; }

.cols{ width:100%; margin:0px; padding:0px;}
.cols ul{ margin:0px; padding:0px; } .cols li { display:block; float:left; width:30%; padding-right:8px; padding-left:8px; }

.input{width:97%; background-color:#6d87a4; color:#000000; border:#426184 solid 1px; height:23px; padding-left:5px;}

.bg-home-content{background-image:url(../images/bg-content-home.png); width:314px; height:147px; background-repeat:no-repeat; font-size:11px;}
.bg-home-content-img{background-color:#012145; border:#011d3d solid 1px; min-width:50px; max-width:70px; text-align:center; padding:5px; float:left; font-size:11px;}
.bg-product-content-img{background-color:#012145; border:#011d3d solid 1px; min-width:50px; max-width:214px; text-align:center; padding:5px; float:left; font-size:11px;}

.topic-home{ text-shadow:2px 1px #446a95; font-size:18px; color:#eaeaea; text-transform:uppercase;}
.topic-product{ text-shadow:1px 1px #000000; font-size:16px; color:#FFFFFF;}
.topic-product2{ text-shadow:2px 2px #000000; font-size:15px; color:#0054ff; font-size:16px; text-transform:uppercase;}

.contact_p{height:27px; width:3px; background-color:#f90000; width:100%; text-align:right;}

#xloading {
	background-color: #000;
	width: 50px;
	height: 50px;
	position: fixed;
	top: 50%;
	right: 50%;
	z-index: 1;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px;
}



.pagination {
  display: inline-block;
  padding-left: 0;
  /*margin: 20px 0;*/
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.428571429;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background-color: #eeeeee;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #428bca;
  border-color: #428bca;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999999;
  background-color: #ffffff;
  border-color: #dddddd;
  cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}