/* CSS Document */

html, body, form { margin:0; padding:0}

#header { background:url(../images/TopBg.jpg) left top repeat-x; height:126px; overflow:hidden}
#headWrap { width:945px; margin:0 auto; padding:0 35px 0 16px; overflow:hidden}
#headWrap .logo { float:left; width:272px;}
#headWrap .menuBx { float:right; width:670px; vertical-align:middle}

#wrapper { background:#fff url(../images/Wrapper_bg.gif) left -25px repeat; border-bottom:#000 2px solid  }
#MbannerBg { background:url(../images/Banr_Bg.gif) left top repeat-x; height:440px; overflow:hidden}

#contenerBg { margin:-48px auto 0 auto; width:996px; background:url(../images/ContainShadow.png) left top no-repeat;}
#contener { margin:4px 14px 5px 14px; padding:10px 0 20px 0; background:#fff url(../images/ContainBg.png) left top repeat-x; border:#fff 2px solid; }
.ph { text-align:right; padding:15px 0 0 0; font:bold 24px "Trebuchet MS", Verdana, Arial; color:#fff}

#MbannerWrap { margin:0 auto; width:968px; overflow:hidden}
.SlidBg { background:url(../images/SlidBg.png) left top no-repeat; width:510px; height:342px; padding:37px 0 0 25px; overflow:hidden; float:left}

#MbannerTxt { float:left; width:432px; padding:30px 0 0 0; font: normal 16px  "Trebuchet MS";  color:#fff; }
#MbannerTxt span { font-size:36px; line-height:45px; font-weight:bold}
#MbannerTxt span.Title { font-size:50px;  font-weight:bold; line-height:60px}
#MbannerTxt p {font: normal 16px/21px  "Trebuchet MS", Verdana, Arial; margin:10px 0 25px; padding:0}
#MbannerTxt a.info { background:url(../images/info.png) left top no-repeat; width:190px; height:60px; display:block}
#MbannerTxt a.info:hover { background:url(../images/info_hover.png) left top no-repeat; width:190px; height:60px; display:block}

.HProduct { width:170px; padding:15px 10px 0 10px; color:#000; float:left; margin:0 0 20px 0;} 
.HProduct h2 { margin:0; padding:15px 0 10px 0; text-align:center; font:normal 22px Georgia, "Times New Roman", Times, serif}
.HProduct h2 a { text-decoration:none; color:#000;}
.HProduct h2 a:hover { color:#d75503;}
.HProduct p { margin:0; padding:0 0 15px 0; }
a.viewGall { background:url(../images/viewGall.gif) left top no-repeat; width:167px; height:28px; display:block;}
a.viewGall:hover { background:url(../images/viewGall_over.gif) left top no-repeat; width:167px; height:28px; display:block;}


/* Clearfix */
.clearfix:after {clear: both;	display: block;	content: ".";	height: 0;	visibility: hidden; }
* html > body .clearfix {	width: 100%;	display: block;}
* html .clearfix {	height: 1%;}

/* Top Menu */
.tabs{ float:right; width:460px; margin:16px 0px 0px 45px;  overflow: hidden; height:42px; font-family:"Trebuchet MS", Verdana, Arial; font-size: 16px; /*font of menu text*/}
.tabs ul{list-style-type: none; margin: 0px; padding: 0px; margin-left: 0px; /*offset of first tab relative to page left edge*/
}

.tabs li{ float:left; margin:0px; padding: 0px;}

.tabs a{float: left; position: relative; top: 8px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(../images/tab-blue-left.gif) no-repeat left 2px; margin: 0px;
margin-right: 2px; /*Spacing between each tab*/
padding: 0px 0px 0px 8px; text-decoration: none;}

.tabs a span{ float: left; position: relative; display: block; margin:0px; background: url(../images/tab-blue-right.gif) no-repeat right 2px;
padding: 10px 12px 8px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-weight: bold; color: #FFF;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabs a span {float:none;}
/* End IE5-Mac hack */

.tabs .selected a{ background-position: 0% -123px ; top: 0px;}

.tabs .selected a span{ background-position: 100% -123px; color: #000;
padding-bottom: 17px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top:0px;}

.tabs a:hover{background-position: 0% -123px; top:0px; color:#4d4d4d}

.tabs a:hover span{background-position: 100% -123px;
padding-bottom: 17px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top:0px; color:#000;}



#FottBg { margin:-25px auto 0 auto; width:928px; background:#fff url(../images/FottBg.jpg) left 6px repeat-x; padding:0 20px 15px 20px; border-bottom:#000 2px solid; overflow:hidden;}
#FottBg .copy { width:250px; float:left; padding:25px 0 0 0;}
#FottBg .copy p { margin:0; padding:5px 0; color:#9ea09f; }
#FottBg .links { width:470px; float:left; text-align:center; color:#d6d7d7;}
#FottBg .links a { font:bold 14px/30px "Trebuchet MS", Verdana, Arial; text-decoration:none; color:#d6d7d7; padding:0 6px;}
#FottBg .links a:hover, #FottBg .links a:active { color:#79c22e}
#FottBg .call { width:188px; float:left; padding:25px 0 5px 20px; color:#a4a5a5;}
#FottBg .call a {color:#a4a5a5; text-decoration:none; line-height:20px}
#FottBg .call a:hover { color:#53d5ff;}
#FottBg .call span { color:#acd068; font:bold 18px/30px "Trebuchet MS", Verdana, Arial  }
#FottBg .call a.zone {color:#889680; text-decoration:none; line-height:35px  }
#FottBg .call a.zone:hover { color:#c7a050}
body { background:#fff url(../images/bg.gif) left top repeat; font:normal 12px/18px Verdana, Arial, Helvetica, sans-serif; }


#TitleBg { background:url(../images/Title_Bg.gif) left top repeat-x; height:140px; overflow:hidden}
.PTitle { font:bold 52px "Trebuchet MS", Verdana, Arial; padding:20px 0 0 20px; color:#fff;}

#LeftArea { width:205px; overflow:hidden; float:left; padding:20px 20px 25px 20px}
#ContentArea { width:670px; overflow:hidden; float:left; margin:20px 20px 25px 20px;}
#ContentArea h2 { font:normal 24px Georgia, "Times New Roman"; color:#000; margin:0 0 15px 0; padding:0 0 10px 5px; border-bottom:#000 1px dashed;}
#ContentArea h4 { font:normal 18px Georgia, "Times New Roman"; color:#000; padding:20px 0 10px 5px; margin:0; }
#ContentArea p { padding:0 5px; margin:0}
#ContentArea a { text-decoration:none; color:#CC0000}
#ContentArea a:hover { color:#006600; text-decoration:underline}

.LMenu h3 { font:normal 24px Cambria, Verdana; margin:0 0 5px 0; padding:0 5px 10px 5px; color:#be0802; border-bottom:#ebebeb 2px solid;}

.LMenu ul { margin:0; padding:0;}
.LMenu ul li { margin:0; padding:10px 5px; list-style:none; border-bottom:#d6d6d6 1px dotted;}
.LMenu ul li a { text-decoration:none; font:bold 16px Cambria, "Trebuchet MS", Verdana; color:#025497; }
.LMenu ul li a:hover, #LMenu ul li a:active { color:#dc5020;}
.LMenu ul li a.select { color:#456007}

.QContact { border:#d8d8d8 1px solid; padding:15px 5px 15px 15px  ; margin:25px 0 0 0; font-size:11px; line-height:20px}
.QContact h3 { background:url(../images/QPh.gif) left top no-repeat; margin:0; padding:0 0 10px 35px; color:#be0802; font:normal 22px/35px Cambria, Verdana;}
.QContact a { text-decoration:none;  color:#000;}
.QContact a:hover { color:#CC0000; text-decoration:underline}

.ProList { width:190px; border:#bfbfbf 1px solid; margin:15px 25px 10px 0; float:left; padding:3px; overflow:hidden}
.ProList p { margin:0; padding: 0; font-size:11px; line-height:25px}
.ProList p span { background:url(../images/arrow.gif) right 3px no-repeat; width:8px; height:8px; padding:0 5px 0 0;}

img { border-style:none}
.brdR { border-right:#dfdfdf 1px solid}
.wBg { background:#fff}
.mT25 { margin-top:25px}
.clr { clear:both}


.textBox{ border:1px solid #aaa; background:#fff; font-size:12px; font-family:Arial, "Trebuchet MS", Tahoma, Verdana; color:#666; padding:3px;}
.textBoxFocus{ border:1px solid #258314; background:#fff; font-size:12px; font-family:Arial, "Trebuchet MS", Tahoma, Verdana; color:#666; padding:3px;}
.textBoxError{ border:2px solid #b91e00; background:#fff; font-size:12px; font-family:Arial, "Trebuchet MS", Tahoma, Verdana; color:#666; padding:3px; }
.formTD1{   border-bottom:1px solid #dedede; font:normal 15px "Trebuchet MS", Verdana, Arial}
.formTD2 {  border-bottom:1px solid #dedede;}
.formBtn {height:25px; border:1px solid #4c6316; background:#6e8e24; color:#fff; font:bold 12px Arial, "Trebuchet MS", Tahoma, Verdana; padding:0 5px;}

.mandatory{ color:#b91e00; font-weight:bold;}

.map { float:left; width:325px;}
.address { float:left; width:300px; margin:35px 0 0 0; padding:10px;  background:#fefede; border:#999 1px dotted}

.address h3 { margin:5px 0 5px 0; padding:0 0 5px 5px; border-bottom:#ede1c2 1px solid; }
.address strong { line-height:25px;} 
/*
<!--[if lte IE 6]>
<script src="ie6/warning.js"></script>
<script>window.onload=function(){e("js/ie6/")}</script>
<![endif]--> */