@charset "utf-8";
/* CSS Document */
/*Basic info*/
body {margin:0 auto;font-family:"Arial";font-size:12px;color:#666666;background:#EEEEEE url(../../Images/Body_Bg.jpg) no-repeat left top;}
a {text-decoration: none;}
a:hover {text-decoration: none;}
img{border:0px;}
fieldset{padding: 10px; border: 2px #DDE6E9 solid;}
legend{padding: 2px 7px;color: #333;font-weight: bold;font-size: 1.5em;margin-bottom: 10px;}
.InputLine {border-style:solid; border-width:1px; border-color:#999999;}

/*page container*/
#Container {width:100%;margin:0 auto;text-align:center;}

/*Common SiteBar*/
#CommonSiteBar {width:940px;height:20px;margin:0 auto;padding:20px 0px 20px 0px;}
.SiteBarLeft {float:left;}
.SiteBarLeft a {color:#E1E1E1;}
.SiteBarLeft a:hover {color:#FFFFFF;}
.SiteBarRight {float:right;}
.SiteBarRight a {padding-right:20px;color:#E1E1E1;}
.SiteBarRight a:hover {padding-right:20px;color:#FFFFFF;}


/*Common Menu*/
#CommonMenu {width:940px;height:41px;margin:0 auto;background: url(../Images/MenuBg.png) no-repeat left top;position: relative;}
#CommonMenu a {height:41px; display:block; background-image:url(../Images/MenuBg.png); background-repeat:no-repeat;background-position:left top; position:absolute;}
#CommonMenu #Mnu_Home{background-position:-40px top; left:40px; width:125px;}
#CommonMenu #Mnu_Home:hover{background-position:-40px bottom;}
#CommonMenu #Mnu_Order{background-position:-213px top; left:213px; width:90px;}
#CommonMenu #Mnu_Order:hover{background-position:-213px bottom;}
#CommonMenu #Mnu_Pricing{background-position:-333px top;left:333px;width:90px;}
#CommonMenu #Mnu_Pricing:hover{background-position: -333px bottom;}
#CommonMenu #Mnu_Gallery{background-position:-453px top;left:453px;width:90px;}
#CommonMenu #Mnu_Gallery:hover{background-position:-453px bottom;}
#CommonMenu #Mnu_Resources{background-position:-573px top;left:573px;width:90px;}
#CommonMenu #Mnu_Resources:hover{background-position:-573px bottom;}
#CommonMenu #Mnu_Faqs{background-position:-693px top;left:693px;width:90px;}
#CommonMenu #Mnu_Faqs:hover{background-position:-693px bottom;}
#CommonMenu #Mnu_Contactus{background-position:-813px top;left:813px;width:90px;}
#CommonMenu #Mnu_Contactus:hover{background-position:-813px bottom;}


/*Common Body*/
#CommonBody {width:940px;margin:0 auto;background-color:#FFFFFF;}
#CommonBodyTop {width:940px;background:url(../../Images/CommonBodyBox.png) no-repeat 0px top;height: 30px;}

#CommonLeft {float:left;margin-left:4px !important; margin-left:2px;width:233px;min-height:500px;_height: 500px; background:url(../../Images/CommonLeft_Bg.png) no-repeat left top;overflow: hidden;_overflow: visible;padding:5px 10px !important;padding:15px 10px;}
.CommonLeft_Title {height:26px;width:215px;padding-left:25px;line-height:26px;color:#578EA5;font-size:12px;background: url(../../Images/LeftTitle_Bg.png) no-repeat left top;}
.List_Class, .List_News{margin:0px;padding:0px;list-style: none;}
.List_Class li, .List_News li{width:228px;overflow:hidden;}
.List_Class a, .List_News a{display:block;padding-left:25px;padding-top:8px;padding-bottom:8px;color:#666666;}
.List_Class a:hover, .List_News a:hover{background-color: #E6EEF0;text-decoration: none;}
.List_Class li a{background: url(../../Images/Icons/DoubleArrow.png) no-repeat 10px center;}
.List_News li a{background: url(../../Images/Icons/DotArrow.png) no-repeat 10px center;}
#CommonLeft_Pic {margin:30px;height:400px;text-align:center;position:relative;background:url(../../Images/CommonLeft_Bottom.png) no-repeat left bottom;}
#CommonLeft_Pic img{position: absolute;bottom:20px;left:20px;}

#CommonRight {float:right;width:667px;margin-right:4px !important; margin-right:2px;min-height: 500px;_height: 500px;overflow: hidden;_overflow-y: visible;_overflow-x: hidden;_zoom: 1;padding-top:0px !important;padding-top:4px;}
.CommonRight_Title {height:26px;width:652px;padding-left:15px;line-height:26px;color:#578EA5;font-size:12px;background: url(../../Images/RightTitle_Bg.png) no-repeat left top;}

.Product{margin: 0px;list-style: none;padding: 0px;}
.Product li{background: url(../Images/Product_Bg.png) no-repeat left top;height:159px;margin: 10px auto;width: 100%;position: relative;overflow: hidden;}
.Product li *{position: absolute;}
.Product li .ProImg{left: 20px;top: 30px;height: 120px;width: 210px;display: block;overflow: hidden;text-align: center;vertical-align: center;}
.Product li .ProImg img{width: 95%; position: static;}
.Product li .ProIntro{left: 265px;top: 35px;width: 280px;height: 110px;overflow: hidden;}
.Product li .Order{left: 562px;top: 44px;width: 87px;height: 23px;}
.Product li .Pricing{left: 562px;top: 94px;width: 87px;height: 25px;}

.FaqsList {marigin:0 auto;padding-left:10px;padding-right:10px;}
.FaqsList ul {list-style:none;margin:0px;padding:0px;}
.FaqsList li {border-bottom:dashed 1px #CCCCCC;}
.FaqsList li a{display:block;color:#666666;padding-left:25px;padding-top:8px;padding-bottom:8px;background: url(../../Images/Icons/DoubleArrow.png) no-repeat 8px center;}
.FaqsList li a:hover{color:#578EA5;text-decoration: none;background:url(../../Images/Icons/DoubleArrow.png) #E6EEF0 no-repeat 10px;}

/*Order Form*/
#OrderForm {margin:0;padding:0px;list-style-type: none;}
#OrderForm li {padding-top:10px;}

/*Common Footer*/
#CommonFooter {clear:both;width:940px;height:260px;margin:5px auto;color:#CCCCCC;background: url(../../Images/Footer.png) no-repeat left top;}
#CommonFooter ul {width:800px;height:120px;margin:0 auto;padding:20px 0px 15px 0px;}
#CommonFooter ul li {float:left; width:160px;height:120px; list-style:none; position:relative;}
#CommonFooter ul li a {display:block;line-height:20px;padding-left:15px;font-size:11px;background: url(../../Images/Icons/Arrow.png) no-repeat 5px 5px;color: #999999;}
#CommonFooter ul li a:hover{display:block;line-height:20px;padding-left:15px;font-size:11px;background: url(../../Images/Icons/Arrow.png) no-repeat 5px 5px;color: #FFFFFF;}
#CommonFooter div {clear:both; padding-top:5px; margin:0 auto; text-align:center;}


/* Modal Styles */
.CommonModalMask{background-color:#000000; filter: Alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;} 
.CommonModal{border-style: solid;border-width: 1px;border-color: #888888;border-right-width: 3px;border-right-color: #888888;border-bottom-width: 3px;border-bottom-color: #888888;background-color: #eeeeee;}
.CommonModalTitle{background-color: #666666;padding: 4px;border-style: solid;border-width: 0px;border-bottom-width: 1px;border-color: #D1D1E1;color:#ffffff;font-family: Arial, Helvetica;font-size: 110%;font-weight: bold;margin: 0px;height: 1.3em;position: relative;z-index: 203;cursor: move}
.CommonModalClose {width: 33px;height: 12px;background-image: url(../../Images/Close.gif);background-repeat: no-repeat;overflow: hidden;cursor: pointer;float: right;}
.CommonModalContent {background-color: #ffffff;}
.CommonModalFooter {border-style: solid;border-width: 0px;border-top-width: 1px;border-color: #cccccc;background-color: #eeeeee;padding: 2px;}
.CommonModalResize{width: 14px;height: 14px;background-image: url(../../Images/Resize.gif);background-repeat: no-repeat;overflow: hidden;float: right;cursor: se-resize;}

/* Mask Styles */
#DivPageMask{background-color:#000000; filter: Alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;left:0px;position:absolute;top:0px;}
#DivOpenLoading{background-color:#E1F4EE;position: absolute;left:0px;top:-300px;z-index:50; width:300px;height:50px;border:solid 2px #39867B;}


/*-------------------------Index Css---------------------- */
/*IndexBanner*/
#IndexBanner {width:940px;height:298px;margin:3px auto;}

/*IndexBody*/
#IndexBody {width:940px;margin:0 auto;}
.BodyTop {width:940px;height:10px;background: url(../../images/BoxBg_Black.png) no-repeat left top;}

.BodyBottom {width:940px;height:20px;background: url(../../images/BoxBg_Black.png) no-repeat left bottom;}
.IndexSearch {width:940px;background:url(../Images/Index_Search_Bg.png) no-repeat center top;height:90px;overflow: hidden;background-color:#000000;text-align:center;}
.IndexSearch p {margin-top:45px;}
.IndexSearch select {border:1px solid #999999;background-color:#7A7C7D;margin:0px 10px;padding:0px;height:20px;line-height:20px;}
.IndexSearchInput {border:1px solid #999999;background-color:#7A7C7D;margin:0px 10px;padding:0px;height:20px;line-height:20px;}
.IndexSearchButton {background:transparent url(../Images/CostBtn.gif) no-repeat left top;width:159px;height:23px;border:none;line-height: 20px; cursor:pointer;}

.IndexProducts {width:940px;background-color:#000000;margin:0 auto;}
.IndexProducts a {padding-left:2px;}