/*
================================
COMMON STYLES 
================================
*/
.left {float:left;}
.right {float:right;}
.imgleft {float:left; padding: 0 10px 10px 0;}
.imgLeft {float:left;margin:0 28px 0 0;}
.imgright {float:right; padding: 0 0 10px 10px;}
.imgRight {float:right; padding: 0 0 10px 10px;}
.hide {display:none;}
.pointer {cursor:pointer;}
.clearBoth {clear:both;}
.proImg {display:block;height:200px; width:200px; overflow:hidden;}
.bottomLine {border-bottom:1px dotted #CCCCCC;}

a:active, a:focus
{
    outline: none;
}

a
{
    color:#0084c2;
    text-decoration:none;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;}  /* for IE/Mac */


/*
=================================================================================
Main Style
http://www.wdops.com
=================================================================================
*/

*{
margin:0px;
padding:0px
}
html{
width:100%;
height:100%;
}

body{
width:100%;
height:100%;
}

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

#header{
display:none;
}

/* wrapper */
#wrapper{
padding:25px 0;
overflow:hidden;
width:941px;
border-top:1px solid #fff;
font-family:"Microsoft YaHei","微软雅黑","Microsoft JhengHei","华文黑体", Verdana, Arial, Helvetica, sans-serif, "宋体";
font-size:12px;
color:#333333;
}

#wrapper h2{
padding:0 0 5px 0;
border-bottom:1px solid #adb5ba;
font-size:1.5em;
font-weight:normal;
font-family: "Microsoft YaHei","微软雅黑","Microsoft JhengHei","华文黑体", Verdana, Arial, Helvetica, sans-serif, "宋体";
}

#wrapper h3{
font-size:1.25em;
font-weight:normal;
font-family: "Microsoft YaHei","微软雅黑","Microsoft JhengHei","华文黑体", Verdana, Arial, Helvetica, sans-serif, "宋体";
}

#wrapper p
{
    line-height:175%;
}

#wrapper img
{
    border:0;
}

#wrapper table
{
    margin:10px 0;
}

#wrapper table td
{
    border:1px solid #BBBBBB;
    padding:6px;
    text-align:center;
    vertical-align:middle;
}

#wrapper table td p
{
    padding:0;
}

.date
{
  font-weight:bold;
  font-size:12px;
  font-family: Arial, Helvetica, sans-serif;
  padding:0 10px;
}

.separator
{
  padding: 10px 0;
  border-bottom:1px dotted #BBBBBB;
}

.background{
background-image:url(../media/images/bg.gif);
background-position:top left;
background-repeat:repeat-y;
}

/* Product List */
#productList div.info
{
  display:block;
  border-bottom:1px dotted #BBBBBB;
  padding:0 15px 15px 0;
  margin-bottom:15px;
}

/* New and Products photo gallery */
#gallery
{
  padding: 10px;
  display:inline-block;
}
#gallery ul { list-style: none; }
#gallery ul li { display: inline;}
#gallery ul li.first {float:left; position:relative;}
#gallery ul img 
{
  border-style: solid;
  border-width: 5px;
}

#gallery ul a:hover img 
{
  border-style: solid;
  border-width: 5px;
  color: #CCCCCC;
}

#gallery ul a:hover { color: #CCCCCC;}

.productsGallery
{
width: 270px;

}

.productsGallery ul img 
{
  margin:2px;
  border-color: #F2F2F2;
}
.productsGallery ul a:hover img 
{
  border-color: #CCCCCC;
}

.newsGallery
{
width: 615px;
background-color:#444444;
}

.newsGallery ul img 
{
  margin:7px;
  border-color: #3e3e3e;
}
.newsGallery ul a:hover img 
{
  border-color: #FFFFFF;
}


#items{
display:block;
width:680px;
margin-top:5px;
}

#items p{
  margin:0;
  padding:0;
}

#items .it{
text-align:center;
width:200px;
border:1px solid #BBBBBB;
margin:20px 0 0 0;
float:left;
}

#items .it p{
display:block;
line-height:23px;
background-color:#F4F8EE;
padding:0 0 0 10px;
float:left;
width:190px;  /* 136 + 54 */
height:23px;
overflow:hidden;
}

#items .price{
display:none;  /*block*/
width:54px;
float:left;
background-color:#3792AE;
text-align:center;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-weight:bold;
line-height:23px;
height:23px;
overflow:hidden;
}
#items .center{
margin:20px 20px 0 20px;
}

.about{
width:409px;
float:left;
padding:0 22px 0 16px;
}

.block{
padding:20px 0 5px 0;
overflow:hidden;
}
.block .imgAlign{
float:left;
margin:3px 25px 0 0;
}
.block p{
display:block;
float:left;
width:236px;
}
.more{
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#0F84DF;
text-decoration:underline;
margin:5px 0 0 0
}
.more:visited, .item a:visited{text-decoration:underline}
.more:hover, .item a:hover{text-decoration:none}
.news{
padding:0 21px 0 19px;
float:left;
}
.news .item{
padding:20px 0 0 0;
}
.news .item p{
width:230px;
}
.news .item span{
color:#0A5778;
font-weight:bold;
}
.news .item a{
color:#0F84DF;
text-decoration:underline;
}

.list{
display:none;
}

/* Footer */
#footer{
display:none;
}


.bigblock{
width:696px;
float:left;
padding:0 4px 0 16px;
}

.bigblock div.imgColumn{
float:left;
padding:25px 0 17px 0;
margin:0 28px 0 0;
width:200px;
overflow:hidden;
}

.bigblock div.imgColumn img{
margin:0 0 20px 0;
padding:0;
}

.bigblock div.content
{
  display:block;
  width:425px;
  padding:25px 0 17px 0;
}

.bigblock div p{
padding:0 0 17px 0;
}
.testimonial{
width:200px;
padding:12px 0 0 0
}
.pad{
padding:25px 0 0 0
}
.testimonial p{
padding:0 0 15px 0
}
.testimonial p a{
color:#0F84DF;
text-decoration:underline
}
.testimonial p a:visited{text-decoration:underline}
.testimonial p a:hover{text-decoration:none}

/*
================================
Breadcurm Nav STYLES 
================================
*/
#breadcrum
{
  font-size:9pt;
}

#breadcrum ul
{
  background:url(../media/images/Icon/icon-overview.gif) no-repeat center left;
      padding:0;
      margin:15px 0 20px 0;
  display:block;
  width:625px;
  overflow:hidden;
}

#breadcrum ul li
{
  display:inline;
  background:url(../media/Assets/arrow_right.gif) no-repeat center left;
      padding:0 0 0 7px;
  margin:0 10px 0 0;
  list-style-type:none;
}

/*
================================
File Center
================================
*/ 
.galleryGrid
{
    margin:10px 0 0 0;
}

    .galleryGrid .it
    {
        width:280px;
        margin:0 0 15px 20px;
    }
        
    .galleryGrid .it.first
    {
        margin-left:0;
    }
    
        .galleryGrid .it a
        {
            background:url(../media/Assets/arrow_right.gif) no-repeat center right;
            padding:0 7px 0 0;
        }
    
        .galleryGrid .it img
        {
            display:block;
     border:1px solid #CCCCCC;
     padding:7px;
        }
        
        .galleryGrid .it span
        {
            display:block;
        }


/*
================================
File Categories
================================
*/ 
.photoGrid
{
    margin:10px 0 0 0;
}

    .photoGrid .it
    {
        margin:0 0 15px 10px;
  width:150px;
  height:260px;
  overflow:hidden;
  background-color:#F2F2F2;
    }
                
    .photoGrid .it.first
    {
        margin-left:0;
    }
    
        .photoGrid .it a:hover img
        {
            background-color:#CCCCCC;
     border:1px solid #F2F2F2;
        }
    
        .photoGrid .it img
        {
            display:block;
     background-color:#CCCCCC;
     padding:7px;
            background:url(../media/Assets/arrow_right.gif) no-repeat center right;
        }
    
        .photoGrid .it span
        {
     font-weight:normal;
     padding: 5px 10px;
     text-align:center;
            display:block;
        }

/*
================================
FILE item
================================
*/ 
.fileItem .imgLeft a
{
  padding:10px;
  border:solid 4px #F2F2F2;
  margin: 0 10px 10px 0;
  display:block;
}

.fileItem .imgLeft a:hover
{
  background-color:#F2F2F2;
}

.fileItem ul.item
{
  list-style:none;
  border-left:1px solid #CCCCCC;
  display:inline-block;
}

.fileItem ul.item li
{
  margin:10px;
  display:inline-block;
  font-weight:bold;
}

.fileItem ul.item li span
{
  font-size:9pt;
  font-weight:normal;
}

/* news */
#newsList .box
{
  padding:20px;
  border-bottom:dotted 1px #CCCCCC;
}

#newsList .Inner
{
  padding:10px 15px 10px 0;
}

.newsItem
{
  line-height:175%;
  margin-top:10px;
}

/*
================================
Site map
================================
*/ 
#sitemap
{
  margin: 0;
  padding: 0 20px;
  font-size:12px;
  line-height:185%;
}

#sitemap ul
{
      margin:30px;
}

#sitemap ul li
{
  
  background:url(../media/Assets/arrow_right.gif) no-repeat center left;
      padding:0 0 0 7px;
  margin:10px 10px 0 0;
}

/* site function button */
ul.siteFuncton
{
  display:block;
  width:100%;
  margin:50px 0 10px 0;
}

ul.siteFuncton li
    {
        padding:6px 0 4px 24px;
  margin: 5px 10px;
  float:left;
    
    }
     
        ul.siteFuncton li a
        {
            font-size:9pt;
     font-weight:bold;
            display:inline-block;
        }

/* some Logos*/
.backtop
{
    background: url(../media/images/Icon/backtop.gif) no-repeat 0px 0px;
    width:88px;
    height:16px;
    overflow:hidden;
    float:right;
    margin-top:5px;
    display:block;
}

.watermark
{
color:#cccccc;
font-family: Verdana, Arial, Helvetica, sans-serif, "宋体";
}

.btnZoom
{
  position:absolute;
  bottom:0;
  left:0;
}

.btnPrint
{
  background:url(../media/images/Icon/printer.png) no-repeat 0px 6px;
}

.btnView
{
  background:url(../media/images/Icon/ico_view.png) no-repeat 0px 6px;
}

.icoCall
{
    background:url(../media/images/Icon/ico_phone.png) no-repeat center left;
    padding:0 0 0 36px;
  font-size:24px;
  font-weight:bold;

}






















/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
