@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Oxygen:400,300,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);
@import url("/css/HelveticaNeueCondensedBold/font.css");
@import url("/css/helveticaneuewebfont/font.css");
html { 
   /* background: url(/images/design/1.jpg) no-repeat center center fixed #000; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; */
}
body{
    margin-top:0;
    margin-left:0;
    margin-right:0;
    margin-bottom:10px;
    background-color:#000;
   /* background-image:url("/images/design/1.jpg");
    background-position: top center;
	width:100%;
    background-attachment:fixed;
    background-repeat:no-repeat;*/
    font-family: 'Oxygen', sans-serif;
    font-size:12px;
    color:#222;
}
#sitearea { width:1024px;  
height:768px; margin-left:auto; margin-right:auto;  margin-top:0;

}

a {color:#333333; }
h1,h2,h3,h4 { margin:0; font-family:'Oxygen', sans-serif; font-weight:700;}
div#boder{height:auto; width:1021px; overflow:auto; background-color:#FDFCFC; margin-left:auto; margin-right:auto; padding-top:0; padding-bottom:5px;  padding-top:5px; border:solid 1px #E2E2FC;}


div#content{width:970px;overflow:auto; position:relative; left:60px; padding-top:0; padding-bottom:10px; color:#333; text-align:justify; -moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px; border-radius: 5px; }

div.column720{float: left; width: 660px; height: auto; padding-left: 10px; padding-right:10px; font-family:'Oxygen', sans-serif; font-size:13px; text-align:justify; overflow:auto; }
div.column240{float: left; width: 240px; height: auto; padding-left: 5px; padding-right:5px; font-family:'Oxygen', sans-serif; font-size:12px; text-align:justify; overflow:hidden;}
div.column700{float: left; width: 700px; height: auto; padding-left: 10px; padding-right:10px; font-family:'Oxygen', sans-serif; font-size:13px; text-align:justify;}
div.column280_2{float: left; width: 260px; height: auto; padding-left: 5px; padding-right:5px; font-family:'Oxygen', sans-serif; font-size:12px; text-align:justify; color:#eee; min-height:50px; padding-bottom:40px;}
div.column280_2_home{float: left; width: 260px; height: auto; padding-left: 5px; padding-right:5px; font-family:'Oxygen', sans-serif; font-size:12px; text-align:justify; color:#eee; min-height:50px; }
div.column280{float: left; width: 271px; height: auto; padding-left: 5px; padding-right:5px; font-family:'Oxygen', sans-serif; font-size:12px; text-align:justify; background: url(/images/design/bfslogobg.png); color:#eee; min-height:700px; padding-bottom:40px;}
div.column291{float: left; width: 291px; height: auto; padding-left: 5px; padding-right:5px; font-family:'Oxygen', sans-serif; font-size:12px; text-align:justify; background: url(/images/design/bfslogobg.png); color:#eee; min-height:700px; padding-bottom:40px;}
div.column280nobg{float: left; width: 271px; height: auto; padding-left: 5px; padding-right:5px; font-family:'Oxygen', sans-serif; font-size:12px; text-align:justify; color:#eee;  padding-bottom:0;}
div.column360{float: left; width: 360px; height: auto; padding-left: 5px; padding-right:5px; font-family:'Oxygen', sans-serif; font-size:13px; text-align:justify;}
div.fullview{float: left; width: 900px; height: auto; padding-left: 5px; padding-right:5px; font-family:'Oxygen', sans-serif; font-size:13px; text-align:justify;}

/*-----------------footer style goes here----------------------------------------------*/
#footer { width:1010px; margin-left:auto; margin-right:auto; overflow:auto; margin-top:20px; color:#fff;}
#footer #flayer1 { overflow:auto; font-size:12px;}
#footer #flayer1 #brief { width:500px;; float:left; text-align:justify; padding-left:5px; padding-right:5px;}
#footer #flayer1 #iconarea { float:left; text-align:justify; padding-left:10px; padding-right:5px;}
#footer #flayer1 #linksarea {float:left; text-align:justify; padding-left:10px; padding-right:5px; width:210px;} 
#footer #flayer1 #linksarea ul { list-style:none;}
#footer #flayer1 #linksarea ul li a {  text-decoration:none; font-weight:bold;}
#footer #copy { text-align:center; font-size:11px; width:950px; padding-top:5px; padding-bottom:5px; margin-left:auto; margin-right:auto; }
#socialicon { padding-top:0px; padding-right: 10px;}
#socialicon h2 { margin:0; font-family:'Oxygen', sans-serif; font-size:16px; font-weight:bold;}
#socialicon ul { list-style:none; margin:0; padding:0;}
#socialicon ul li{float:left; display:inline-block;}


/*-----------------------header style-------------------------------------------------- */
#header { margin-top:10px; width:100%; overflow:auto; height:120px; margin-bottom:0px;}
#header_home { margin-top:10px; width:100%; overflow:auto; height:50px; margin-bottom:0}
#header #searchbox {width:150px; overflow:auto; height:auto;float:right; margin-top:15px; margin-right:15px}
#logo { margin-bottom:10px; margin-top:20px;}
#menu { width:450px; float:left; margin-top:12px;}
.divider {position : absolute; top : 120px; width:270px; text-align: center; margin: 0 0 0 0; border-bottom : 1px solid #333;}
.divider2 {position : absolute; top : 120px; left:320px; width:580px; text-align: center; margin: 0 0 0 0; border-bottom : 1px solid #333;}  
/*----------------------------------------------menu------------------------------------ */
.title {font-family: 'Oxygen', sans-serif; font-size:20px; color:#fff;} 
.title2 {font-family: 'Oxygen', sans-serif; font-size:40px; color:#fff; font-weight:normal} 
hr.style-six { border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
#catalogue {background:rgba(0,23,43,0.7); padding-top:10px; margin-right:15px;}
#category { list-style:none; overflow:hidden; width:500px; margin-top:70px;} 
#category  li { float:left; padding:0;}
#category  li a { text-decoration:none; font-weight:700; padding:10px; color:#22E200; }
#category  li a:hover { text-decoration:none; font-weight:700; padding:10px; color:#ffffff}

#sub_categories { list-style:none; } 
#sub_categories  li { padding:2px;}
#sub_categories  li a { text-decoration:none; padding:4px; display:block; color:#333; }
#sub_categories  li a:hover { }

#pro_categories { list-style:none; } 
#pro_categories  li { padding:2px;}
#pro_categories  li a { text-decoration:none; padding:4px; display:block; color:#333}
#pro_categories  li a:hover { background-color:#34003D; color:#ffffff }

#list { width:600px; overflow:auto; height:auto;}
#list  #subcat { width:250px; float:left; overflow:auto; height:auto;}
#list  #procat { width:300px; float:left; overflow:auto; height:auto;}

#products tr td{ padding:5px; color:#333}
#products tr td a { text-decoration:none; width:100%; line-height:25px; display:block; color:#333}
#products tr.odd{ background:rgba(0,0,0,0.05)}
#products tr.even{}
#products tr:hover {background:rgba(30,144,255,0.2); }
#products tr td img{ float:left;}

#summary_table tr td{ padding:5px; }
#summary_table  tr:hover {background:rgba(0,0,0,0.1); }

#short_product_details { height:auto; overflow:auto; }
#short_product_details  #basic_info  {float:left; padding:10px 10px 0 10px; width:auto;}

#quote_product_details { height:auto; overflow:auto; font-family: 'Open Sans Condensed', 'sans-serif'; font-size:16px;}
#quote_product_details h3 {font-family: 'Open Sans Condensed', 'sans-serif'; font-weight:normal; font-size:16px;}
#quote_product_details h2 {font-family: 'Open Sans Condensed', 'sans-serif'; font-weight:normal; font-size:20px;}
#quote_product_details .style1 { color:#8e0000; font-size:16px;}
#quote_product_details .style2 { font-family: 'Open Sans Condensed', 'sans-serif'; font-weight:normal; font-size:16px;}

#product_details { width:100%; height:auto; overflow:auto;}
#product_details #product_image {float:left; width:100%; overflow:auto; text-align:center;}
#product_details  #basic_info  {float:left; width:100%; overflow:auto;}
#confirm_quote  a{ margin-left:10px; width:50px;}

#quataion_form {font-family: 'Open Sans Condensed', 'sans-serif'; font-weight:normal; font-size:14px;}

#product_information { border: 1px solid #333; width:80%; margin-left:auto; margin-right:auto;}
#pd { list-style:none; margin:180px 0 0 0; padding:0; margin-left:40px;}
#pd  li { float:left; width:120px; height:80px; text-align:center; font-size:13px; cursor:pointer; margin:0 30px 0 0; padding:0 ; color:#fff;
-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px; border-radius: 5px; background:rgba(0,0,0,0.4)}
#pd  li:hover { background: url(/images/design/green.png); }
#dt { width:auto; overflow:auto; height:auto; background: url(/images/design/productinfobg.png); color:#333; padding:10px; padding-bottom:20px; max-height:200px;}

#tabsdata { display:none}

#more_details { width:100%; padding-top:10px;}
/*------------------------------------end of menu--------------------------------- */
#menucontainer { width:100%; height:36px;}
#menucontainer #menudiv {width:100%; margin-left:auto; margin-right:auto;}
ul.menubar {
    list-style: none;
    padding: 0 0 0 20px;	
    margin: 0;
    float: left;
    font-size: 10px;
    /* background: url(menu/menubar_b.gif) repeat-x; */
}
ul.menubar li {
    float: left;
    margin: 0;	
    padding: 0 10px 0 0;
    position: relative; /*--Declare X and Y axis base--*/
}
ul.menubar li a{
    padding: 10px 5px;
    color: #ffffff;
    display: block;
    text-decoration: none;
    float: left;
	font-weight:normal;
}
ul.menubar li a:hover{
    
	
}
ul.menubar li span { /*--Drop down trigger styles--*/
    width: 17px;
    height: 35px;
    float: left;
    background: url(menu/subnav_b.gif) no-repeat center top;
}
#search {

}
.listtitle { color:#ffffff;}

#search input[type="text"] {
    background: url(/images/icons/search-white.png) no-repeat 10px 6px #444;
    border: 0 none;
    font: bold 12px Arial,Helvetica,Sans-serif;
    color: #d7d7d7;
    width:100px;
    padding: 6px 15px 6px 35px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); 
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    }

#search2 input[type="text"]:focus {
    background: url(/images/icons/search-dark.png) no-repeat 10px 6px #fcfcfc;
    color: #6a6f75;
    width: 200px;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    }

a.smartbtn {
    margin-top:5px;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    padding: 5px  10px;
    text-shadow: 0px 1px 0px rgba(255,255,255, 0.75);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family:Tahoma, Geneva, sans-serif;
    font-size:11px;
    line-height:130%;
}
a.smartbtn:link, a.smartbtn:visited { 
    text-decoration: none;
    background: #ccc;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc)); 
    background-image: -moz-linear-gradient(top, #eee, #ccc);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee", endColorstr="#cccccc");
    color: #333; 
    border: 1px solid #bbb;
    border-bottom: 1px solid #aaa;
}
a.smartbtn:hover, a.smartbtn:active {
    text-decoration: none; 
    background: #bbb;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#bbb));
    background-image: -moz-linear-gradient(top, #ddd, #bbb);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dddddd", endColorstr="#bbbbbb");
    color: #111;
    border: 1px solid #999;
    border-bottom: 1px solid #888;
}

.msggreybox{background-color: #f7f7f7; border: 1px solid #cccccc; color: #333333; padding: 10px; font-size: 11px; font-weight: bold; line-height:15px;}
.msgbluebox{background-color: #eceff6; border: 1px solid #d4dae8; color: #333333; padding: 10px; font-size: 11px; font-weight: bold; line-height:15px;}
.msginfobox{background-color: #fff9d7; border: 1px solid #e2c822; color: #333333; padding: 10px; font-size: 11px; font-weight: bold; line-height:15px;}
.msgerrorbox{background-color: #ffebe8; border: 1px solid #dd3c10; color: #333333; padding: 10px; font-size: 11px; font-weight: bold; line-height:15px;}

.roundedcorners30 {-moz-border-radius: 30px;-webkit-border-radius: 30px;-khtml-border-radius: 30px; border-radius: 30px;padding:5px;}
.roundedcorners20 {-moz-border-radius: 18px;-webkit-border-radius: 18px;-khtml-border-radius: 18px; border-radius: 18px;padding:5px;}
.roundedcorners15 {-moz-border-radius: 15px;-webkit-border-radius: 15px;-khtml-border-radius: 15px; border-radius: 15px;padding:5px;}
.roundedcorners10 {-moz-border-radius: 10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px; border-radius: 10px;padding:5px;}
.roundedcorners5 {-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px; border-radius: 5px;padding:5px;}
.roundedcorners3 {-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px; border-radius: 3px;padding:3px;}
.roundedcorners5nopad {-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px; border-radius: 5px;}

.stetchFill{
-moz-background-size:100% 100%;
-webkit-background-size:100% 100%;
background-size:100% 100%;
}
.RoyalBlue {color:#6661fd;}
.Fuchsia { color:#FF33CC;}
.White { color:#FFFFFF;}
.Tshadow {}
.light_blue {color: rgba(46,255,255,1.0);}
.meroon { color:#8e0000}
.red {color:Red;}
.aqua {color:#00FFFF}
.cat_color {color:#808101}
#fade { 
	display: none; /* Hidden as default */
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}

#order_request {
	width:500px; padding:10px;
	height:auto;
	background:rgba(255,255,255,1.0);
	color:#000;
	display: none; /* Hidden as default */
	float: left;
	position: fixed;
	top:15%; left: 50%;
	z-index: 99999;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
}
#order_request { float:left; font-family: 'Open Sans Condensed', 'sans-serif'; font-weight:bold;}
#order_request #productimg { width:100px; float:left; }
#order_request #product_details { width:290px; padding-left:10px; float:left;}
#order_request #product_details div { padding-bottom:5px;}
#order_request h3,table {font-family: 'Open Sans Condensed', 'sans-serif'; font-weight:bold;}
.btn_yellow {
  -webkit-border-radius: 15;
  -moz-border-radius: 15;
  border-radius: 15px;
  font-family: Arial;
  color: #000080;
  font-size: 10px;
  padding: 4px 8px;
  background: #ff8c00;
  text-decoration: none;
  font-weight: bold;
  display: inline-block;
  margin-top:5px;
}

.btn_yellow:hover {
  background: #ff8c00;
  text-decoration: none;
}
.btn_pink {
  -webkit-border-radius: 15;
  -moz-border-radius: 15;
  border-radius: 15px;
  font-family: Arial;
  color: #000080;
  font-size: 10px;
  padding: 4px 8px;
  background: #8f00ff;
  text-decoration: none;
  font-weight: bold;
  display: inline-block;
  margin-top:5px;
}

.btn_pink:hover {
  background: #8f00ff;
  text-decoration: none;
}



#slide-link-list {
border: 2px solid rgba(58,58,26,1); font-family:Arial; font-size:14px; font-weight:bold; color:#FF1493; margin-left:auto; margin-right:auto; margin-top:45px; width:65%; padding:20px;
min-height:325px;
}

#slide-link-list ul { list-style:none; margin:0; padding:0;}
#slide-link-list ul li { padding-bottom:15px;}
#slide-link-list ul li a { text-decoration:none; color:#ddd; font-size:12px; font-weight:bold;}
#slide-link-list ul li a.current { color:#FFFF00;} 
#slide-link-list-portal { font-family:'helveticaneuewebfont'; font-size:14px; color:#FF1493; margin-left:auto; margin-right:auto; margin-top:200px; 
min-height:325px;}
#slide-link-list-portal  ul { list-style:none; margin:0; padding:0;}
#slide-link-list-portal  ul li { padding-bottom:15px;}
#slide-link-list-portal  ul li a { text-decoration:none; color:#ff007b; font-size:13px; }
#slide-link-list-portal  ul li a.current { color:#FFFF00;} 
.slogan { font-size:18px; font-family:arial; color:#407696; }

#info-area{
background:rgba(0,23,43,0.5); padding:30px 50px 40px 50px; color:#ffffff; font-family: 'Open Sans Condensed', 'sans-serif'; font-size:16px;
position:relative; top:0; height:auto;  font-weight:normal; width:475px;
left:32px; margin-top:47px; line-height:20px; 

}
#info-area h1 { font-family: 'HelveticaNeueCondensedBold'; font-size:32px; font-weight:normal;}
.HelveticaNeue { font-family: 'HelveticaNeueCondensedBold'; font-size:32px}
.HelveticaNeue18 { font-family: 'HelveticaNeueCondensedBold'; font-size:16px}

#contactmsg td { color:#ffffff;}
#contactmsg table { font-family: 'Open Sans Condensed', 'sans-serif'; font-size:14px; font-weight:normal;}

.portal_signin {
	background-color:#4ba2d4;
	-webkit-border-top-left-radius:32px;
	-moz-border-radius-topleft:32px;
	border-top-left-radius:32px;
	-webkit-border-top-right-radius:32px;
	-moz-border-radius-topright:32px;
	border-top-right-radius:32px;
	-webkit-border-bottom-right-radius:32px;
	-moz-border-radius-bottomright:32px;
	border-bottom-right-radius:32px;
	-webkit-border-bottom-left-radius:32px;
	-moz-border-radius-bottomleft:32px;
	border-bottom-left-radius:32px;
	text-indent:0px;
	border:1px solid #4ba2d4;
	display:inline-block;
	color:#000000;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:20px;
	line-height:20px;
	width:70px;
	text-decoration:none;
	text-align:center;
}.portal_signin:hover {
	background-color:#4ba2d4;
}.portal_signin:active {
	position:relative;
	top:1px;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

#product_portfolio {}
#product_portfolio #pptitle {color:rgba(102,102,102,1); font-weight:normal; font-size:18px; font-family: 'Open Sans Condensed', 'sans-serif';}
#product_portfolio table tr td { font-size:14px; color:rgba(255,0,0,1); font-weight:bold; font-family: Arial, Helvetica, sans-serif}
#product_portfolio table tr td .timer{ font-size:22px; color:rgba(64,118,151,1); font-weight:bold; font-family: Arial, Helvetica, sans-serif}