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

@font-face {
 font-family: "Segoe UI";
 src: url("../fonts/segoeui.eot") ;
}
@font-face {
 font-family: "Segoe UI";
 src: url("../fonts/segoeui.ttf") format("truetype");
 
}

body   {margin:0px; padding:0px; color:#333; font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-size:11px;}
div    {margin:0px; padding:0px;}
table  {margin:0px; padding:0px;}
tr	   {margin:0px; padding:0px;}
th	   {margin:0px; padding:0px; text-align:center; vertical-align:middle;}
td	   {margin:0px; padding:0px; text-align:left; vertical-align:top;}
ol     {margin:0px; padding:0px;}
ul     {margin:0px; padding:0px;}
li     {margin:0px; padding:0px; list-style:none;} 
h1     {margin:0px; padding:0px; font-size:24px; font-weight:normal; font-family:"trebuchet MS", Arial, Helvetica, sans-serif;}
h2     {margin:0px; padding:5px 0px 10px 0; font-size:18px; font-weight:normal; font-family:"trebuchet MS", Arial, Helvetica, sans-serif;  font-size:24px; color:#13181b;}
h3     {margin:0px; padding:0px;  font-size:16px; color:#03bbe5;}
h4     {margin:0px; padding:0px; font-size:16px;}
h5     {margin:0px; padding:0px; font-size:16px;}
h6     {margin:0px; padding:5px 0px; font-size:14px; border-bottom: 1px dotted #000;}
p      {margin:0 0; padding:0 0 10px 0; text-align:left; line-height:18px; }
a      {text-decoration:none; color:#03BBE5; }
a:hover{color:#000;}
a:focus{outline:0px;}
img {border:0px;}
a img{border:0;}
.blue{color:#05619c; }
.fltleft{float:left;}
.fltright{float:right;}
.clearfloat{clear:both; height:0px; line-height:0px; font-size:1px;}
body{ font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-size:12px; text-align:left; background: url(../images/body_bg.jpg) left top repeat-x #e8e8e8; color:#333333; }
body.subpage{ background: url(../images/body_bg_sub.jpg) left top repeat-x #e8e8e8; }
#container{	margin: 0 auto; width:952px; font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-size:12px; background:url(../images/container_bg.jpg) left top no-repeat; }
#container.subpage{	background:url(../images/container_bg_sub.jpg) left top no-repeat; }
/*------------------------------------------------------end of container-------------------------------------------------------*/
#header{ border:0px solid #fff; overflow:hidden;}
.header_lt{ float:left; width:547px; border:0px solid #f00; }
.header_lt h1{ padding:15px 0px;}
.header_lt img{ border:0;}
.header_rt{ margin-left:557px; width:385px; border:0px solid #f00;}
.header_rt ul{ list-style:none; overflow:hidden; padding: 75px 0 0 210px;}
.header_rt li{ float:left; padding: 0px 5px;}
.header_rt a{ color:#02b8f4; font-weight:normal; font-size:11px;}
.header_rt a:hover{ color:#fff;}
.header_rt a.selected{ color:#fff;}
/*------------------------------------------------------end of logo-------------------------------------------------------*/
.topmenu{ height:66px; background:url(../images/topmenu.jpg) left top repeat-x; margin-top:10px; clear:both;}
.topmenu ul{ list-style:none; padding-top:13px; }
.topmenu li{ float:left; margin-left:10px;}
.topmenu a{ font-family:"trebuchet MS", Arial, Helvetica, sans-serif; color:#13181c; font-size:16px; font-weight:bold;  padding: 8px 45px; display:block; text-shadow:1px 1px 1px #fff;}
.topmenu a:hover, .topmenu a.selected{ color:#fff; background:#000; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;  text-shadow:none; }
/*------------------------------------------------------end of topmenu-------------------------------------------------------*/
#banner{ background:url(../images/loading_black.gif) 50% 50% no-repeat; height:496px; }
#banner_sub{height:200px; background:#fff url(../images/loading.gif) 50% 50% no-repeat;}
/*------------------------------------------------------end of topmenu-------------------------------------------------------*/
.top_detail{ background:#13181c; overflow:hidden; clear:both;  margin: 20px 0 0 0; padding: 20px 0;}
.top_detail li{ list-style:none; float:left; width:280px; height:140px; border-right: 1px solid #353a3e; padding:0 20px;}

.wholesale .highlight{ font-size:18px; color:#fff;}
.wholesale .blue{ font-size:16px; color:#03b0de;  }
.wholesale p{ font-size:11px; color:#ccc;}

a.more {background:#000 url(../images/more1.jpg) no-repeat; width:77px; height:29px; display:block}
a.more:hover{background-position:0 -29px;}

.more2{text-align:right; padding: 0 0 15px 0; }
.more2 a {background:#000 url(../images/more_black.jpg) no-repeat; width:50px; height:29px; display:inline-block; }
.more2 a:hover{background-position:0 -29px;}
.reset{ border:0 !important; padding:0 0 0 20px !important;}
/*------------------------------------------------------end of top_detail-------------------------------------------------------*/
.maincontent{ padding-top:15px; overflow:hidden;} 
.maincontent .left{ float:left; width: 440px; border:0px solid #000;}
.cyan{color:#03bbe5; font-size:16px; font-weight:600;}
.welcome .more{ text-align:right; padding: 0 25px 15px 0; }
.welcome .more img{ border:0; }

.left .brd{ border-top:1px solid #ccc; padding:0 0 10px 0; margin:10px 0 0 0;}

.lft{ width:210px; float:left; border:0px solid #000;}
.lft p{ font-size:12px; color:#333333;}
.lft .more{ text-align:right; padding: 0 10px 5px 0; }

.rgt{ margin-left:230px; width:210px; border:0px solid #000;}
.rgt h3{ font-size:16px; color:#03bbe5; }
.rgt p{ font-size:12px; color:#333333;}
.rgt .more{ text-align:right; padding: 0 10px 5px 0; }

.right{ margin-left:460px; width:490px; border:0px solid #000;}
.right ul{ list-style:none; overflow: hidden; width:490px;}
.right li{ float:left; border:0px solid #000; margin-left:10px; margin-bottom:10px;}
.gray{ background:#e1e1e1;  padding:20px; font-size:14px;  width:190px; height:175px;}
.gray img{margin:0 0 10px 0;}
.bl_text{ color:#03bbe5; font-size:14px; font-weight:600; padding:10px 0 0} 
.gray p{ color:#000;}
.gray .arrow{color:#03bbe5; font-size:12px;  display:block; padding:10px 0 0 0;}


.gray:hover, .black{ background:#13171a; padding:20px; width:190px; height:175px;}
.gray:hover .bl_text, .black .bl_text{ color:#03bbe5; font-size:14px; font-weight:600;}
.gray:hover p, .black p{ color:#fff;}
.gray:hover .arrow, .black .arrow{color:#03bbe5; font-size:12px;}

.application_industry{overflow:hidden;}
.application_industry li{float:left; list-style:none; text-align:center; margin:0 20px 40px 0;}
.application_industry li img{width:200px; height:150px; border:solid 1px #ccc; padding:3px;}
/*------------------------------------------------------Products-------------------------------------------------------*/
.title_head { text-align:left; font-size:12px; cursor:pointer; 
     padding:0px; margin:0 0 10px 0; margin-bottom:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background:url(../images/titlebg.jpg) repeat-x 0% 0%; }
	    
.title_head h1{margin: 0; padding: 0; text-align:left;  
    font:bold 15px AftaserifRegular, "trebuchet MS", Arial, Helvetica, sans-serif;  cursor:pointer;
    width: 97%; padding:5px 0 0 15px; color:#dfcfb9;  height:30px;	display:block; color:#fff;}

.title_body { text-align:left; font-size:13px; cursor:pointer; background-color: #fff;
    margin-bottom:10px; padding: 20px 20px;  border:solid 1px #dff9ff;
    -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;  }
.title_body h4{text-align:left;}
.title_body .imgContent { width: 98%; padding: 10px 10px; text-align: left; }
.title_body p{ line-height:18px;}
.imgContent img{ margin: 10px 10px; border: 5px solid #000; }

.title_body h3{ text-align:left; margin:0px 0px; color:#ff9933;}
.title_body li{ font-size:13px;}

.title_body td{padding:5px 10px; border:solid 1px #e6e6e6;   background:#F8F8F8;}
.title_body th{padding:5px 10px; border:solid 1px #e6e6e6; color:#0088b4; background:#F8F8F8; font-weight:bold; text-align:left;}


.title_body table{margin:0 auto; border-collapse:collapse; width:800px; margin:0 auto;}

.product_imgs{text-align:center; padding:0 0 20px 0;}
.product_imgs img{list-style:none;  margin:0 20px; border:solid 1px #ccc; padding:3px;}

.btn{background:#00aedd; border:0;  -moz-border-radius:5px; cursor:pointer; text-transform:uppercase; color:#fff; font:bold 15px AftaserifRegular, "trebuchet MS", Arial, Helvetica, sans-serif; padding:4px 20px;}
.btn:hover{background:#000; color:#fff; }

.img_fltlt{float:left; margin:0 20px 0 0;}
.list li{background:url(../images/arrow.gif) 0 4px no-repeat; margin:0 !important; padding:0 0 10px 20px !important;}

.maincontent table{font-size:14px;}
/*------------------------------------------------------end of maincontent-------------------------------------------------------*/
.footer{ border-top:1px solid #000; padding:20px 0; margin-top:10px; overflow:hidden;}

.footer_lt{float:left; width:650px;}
.copyright{padding:10px 0 10px 12px;}
.footer strong{color:#03BBE5;}

.footer_rt{float:right; width:200px; border:0px solid #f00; text-align:right; padding-right:12px;}

.footer_logo{float:right; width:140px;}
.footer_logo span{line-height:40px; float:left;}
.footer_logo a{float:right; background:url(../images/abc_designs_logo_h.png) no-repeat; width:59px; height:37px; display:inline-block; cursor:pointer; margin:0 0 0 5px;}
.footer_logo a:hover{background:url(../images/abc_designs_logo.png) no-repeat; position:relative; z-index:9999;}


/* ------ transition ------- */
a, span{
transition-property:color, text, background, img;
transition-duration: 0.2s, 0.2s;
transition-timing-function: linear, ease-in;

-webkit-transition-property:color, text, background, img;
-webkit-transition-duration: 0.2s;
-webkit-transition-timing-function: radial, ease-in;

-moz-transition-property:all;
-moz-transition-duration:0.2s;
-o-transition-duration:0.2s;
-moz-transition-timing-function: radial, ease-in;

-o-transition-property:color, text, background;
-o-transition-timing-function: linear, ease-in;
}

.no_trans a{
transition-property:none !important;
transition-property:none !important;
-moz-transition-property:none !important;
-o-transition-property:none !important;
}