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

body {
	font-family: Trebuchet MS,Helvetica,Jamrul,sans-serif;
	font-size: 12px;
	background: url(../images/body_bg3.gif) fixed center;
}

.bodystyle {
	font-size: 12px;
}

.small {
	font-size: 9px;
}

.medium {
	font-size: 12px;
}

.H1 {
	font-size: 20px;
	font-weight: bold;
	
}

.midbig	{
	font-size: 14px;

}

.big {
	font-size: 15px;
}

.xbig {
	font-size: 24px;
}

.suppliersheading {
	font-size: 18px;
}

.xxbig {
	font-size: 52px;
}

.expanded {
	font-size: 12px;
	line-height: 24px;
	letter-spacing: 2px;
}

.justified {
	text-align: justify;
}

.footer {
	font-family:"Trebuchet MS", Helvetica, Jamrul, sans-serif;
	font-size:12px;
	font-weight:700;
	color: #fff;
	background-color: #333;
    display: inline-block;
    width: 100%;
	/*margin:10px;*/
}

.box1 {
	padding: 3px;
	border-width: medium;
	border-style: solid;
	border-color: #CCCCCC #666666 #666666 #CCCCCC;
}

.box2 {
	font-style: italic;
	word-spacing: 2pt;
	padding: 3px;
	border: 1px solid;
}

.newsheadlines {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #000000;

}

.newstext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;

}

.newsdate {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.newstextBIG {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}
a:link {
	color: #54B4FF;
}
a:visited {
	color: #54B4FF;
}
a:hover {
	color: #007BDC;
}
a:active {
	color: #54B4FF;
}
.container2{max-width: 900px; margin-left: auto; margin-right: auto; }
.tableFrame {padding:20px; background-color: #fff;}
.domainHeader {font-family:"Trebuchet MS", Helvetica, Jamrul, sans-serif; font-size:16px;font-weight:700; color: #ffffff; background-color: #000; margin-bottom: 10px;  padding: 10px; text-align:center; line-height: 24px;}
.domainHeader a {color: #54B4FF;}
.domainfooter {margin-bottom: 0px;}
.ft-block {display:inline;}
.ft_domain {display:inline; font-family:"Trebuchet MS", Helvetica, Jamrul, sans-serif; font-size:24px;font-weight:700; color:#FAFA1E;}
.subHeading { background-color:#646464; padding: 20px;color: #FFFF00; font-weight: bold;    font-family: Trebuchet MS,Helvetica,Jamrul,sans-serif;  font-size: 18px; text-align:center;}
.telephone{color: #54B4FF;}
.tableCol {width: 33%; float:left;}
.tableItem {width: 100%; padding: 2px;}
.tableItem a {text-decoration: none; color: #333;}
.tableItem a:hover {text-decoration: underline;}
.subFooter {display:inline; padding: 10px; position: absolute;}
.footerRight {float:right;display:inline;padding: 10px;}
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 200px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.6);
}
/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}
.modalHolder { max-width: 500px; margin-left: auto; margin-right: auto; background-color: #fff; padding: 20px;}
ormHolder, .ThankyouHolder, .ContactHolder {display:none;}
.form-header{ font-family: "Trebuchet MS", Helvetica, Jamrul, sans-serif; font-size: 16px; font-weight: 700; color: #ffffff; background-color: #000;    margin-bottom: 10px; padding: 10px; text-align: center;  line-height: 24px;}
.highlight{ display: inline; font-family: "Trebuchet MS", Helvetica, Jamrul, sans-serif; font-size: 24px; font-weight: 700; color: #FAFA1E;}
label {min-width: 150px; display: inline-block;}
.form-input {padding-bottom: 5px;    padding-left: 10px;}
input, select, textarea {
	background-color: #e9e9e9;
	color: #999;
	float: none;
	height: 30px;
	padding-left: 15px;
	text-transform: uppercase;
	font-family: "Trebuchet MS", Helvetica, Jamrul, sans-serif;  
	font-size: 12px;
	border: 1px solid #bbb;
	margin-bottom: 5px;
	min-width: 310px;
}
.puppet-field, .puppet-field input{
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        height: 0;
        width: 0;
        z-index: -1;
    }
.txtareaFix {top: -30px; position:relative;}
.btn2 {
	
	background-color: #0066cc;
	width: 100%;
	height: 49px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-family: "Trebuchet MS", Helvetica, Jamrul, sans-serif; 
	font-size: 16px;
	line-height: 24px;
	color: #ffffff;
	text-align: center;
	margin: 2px 0px;
	font-weight: 400;
	border:none;
}
.btn2:hover {
	background-color: #002b39;/*#3d4045;*/
}
.rbRequiredField {	font-family: "Trebuchet MS", Helvetica, Jamrul, sans-serif;  
	font-size: 12px; color: #999; padding-bottom: 10px;}
.Page-Menu {     background-color: #fff;
    font-family: Trebuchet MS,Helvetica,Jamrul,sans-serif; font-size: 14px; text-transform: uppercase; padding: 15px 15px 0px 15px; font-weight: 700;}
.Page-Menu a {}
.privacy {font-family: Trebuchet MS,Helvetica,Jamrul,sans-serif; padding: 0px 10px;}
.privacy h2 {font-size: 24px; font-weight: 700;}	
.privacy h3 {font-size: 16px; font-weight: 700;}	
.privacy p {font-size: 14px;}
.privacy .divder {border-bottom: solid 1px #000;}	
@media only screen and (max-width:668px) {
	.deviceHide {display:none!important;}
	.container2 img { width:100% !important; height:auto !important;}
	div {max-width:100%!important;}
	.tableCol {width: 100%!important;}
	.modalHolder.container2 {width: 100%!important;}
	.modal {padding-top: 10px;}
	.tableItem ,.tableItem a{text-align: center; font-size: 150%; padding: 10px; background: rgba(235,235,235,0.4); border-bottom: solid 2px #efefef;}
}
@media only screen and (max-width:414px) {
	label, input, select, textarea {width: 90%1important;}
	.tableItem ,.tableItem a{text-align: center; font-size: 120%; padding: 10px; background: rgba(235,235,235,0.4); border-bottom: solid 2px #efefef; max-width: 90%!important;}
	.tableFrame {padding-left: 10px; padding-right: 10px;}
}