﻿@charset "utf-8";
/* CSS Document */
.header-wrapper{ height:179px;}
.header-wrapper .header-top{ height:118px; background:url(../images/header-bg.jpg) repeat-x;}
.header-wrapper .header-top .header-top-center{width:975px; margin:0 auto; height:118px;  position:relative;}
.header-wrapper .header-top .header-top-center .logo{ width:300px; height:68px; background:url(../images/Logo.jpg) no-repeat; display:block; text-indent:-9999px; margin:30px 0 0 0; float:left;}
.header-wrapper .header-top .header-top-center .topmenu{width: 290px; height: 36px;position: absolute;right: 0; top: 0px; background:#cdcdcd; padding:0 0 0 10px;}
.header-wrapper .header-top .header-top-center .topmenu a{ display:block; float:left; line-height:36px; margin:0 3px 0 3px; font-family: 'open_sansregular'; font-size:11px;}
.header-wrapper .header-top .header-top-center .topmenu a:hover{ text-decoration:underline;}
.header-wrapper .header-top .header-top-center .topmenu a:before{ content:'/'; margin-right:5px; text-decoration:none;}
.header-wrapper .header-top .header-top-center .topmenu a:first-child:before{ content:'';}

.header-wrapper .header-top .header-top-center .social{ width:100px; height:30px; position:absolute; right:0; bottom:10px;}
.header-wrapper .header-top .header-top-center .social a{float:left; width:25px; height:27px; display:block; text-indent:-9999px;}
.header-wrapper .header-top .header-top-center .social a.Facebook{background: url('../images/iconset.png') no-repeat 0px -303px;}
.header-wrapper .header-top .header-top-center .social a.Facebook:hover{background-position:0px -332px;}
.header-wrapper .header-top .header-top-center .social a.Twitter{background: url('../images/iconset.png') no-repeat -24px -303px;}
.header-wrapper .header-top .header-top-center .social a.Twitter:hover{background-position:-24px -332px;}
.header-wrapper .header-top .header-top-center .social a.Youtube{background: url('../images/iconset.png') no-repeat -47px -303px;}
.header-wrapper .header-top .header-top-center .social a.Youtube:hover{background-position:-47px -332px;}
.header-wrapper .header-top .header-top-center .social a.GooglePlus{background: url('../images/iconset.png') no-repeat -75px -303px;}
.header-wrapper .header-top .header-top-center .social a.GooglePlus:hover{background-position:-75px -332px;}
.header-wrapper .header-top .header-top-center .LoginBox{ width:165px; height:43px; position:absolute; right:110px; top:35px;}
.header-wrapper .header-top .header-top-center .LoginBox a{ width:80px; height:41px; float:left; text-indent:-9999px;}
.header-wrapper .header-top .header-top-center .LoginBox a.login{background: url('../images/iconset.png') no-repeat 0 0;}
.header-wrapper .header-top .header-top-center .LoginBox a.Invite{background: url('../images/iconset.png') no-repeat -80px 0;}
.header-wrapper .header-top .header-top-center .LoginBox a.login:hover{ background-position:0 -41px;}
.header-wrapper .header-top .header-top-center .LoginBox a.Invite:hover{ background-position:-80px -41px;}
.header-wrapper .header-top .header-top-center .welcome{position:absolute; right:305px; top:35px; line-height:45px; background:url(../images/drop-slice.png) no-repeat; padding-left:17px; color:#7B7B7B;}
.header-wrapper .main-menu-wrapper{background:url(../images/menu-bg.jpg) repeat-x; height:52px;}
.header-wrapper .main-menu-wrapper .main-menu{width:975px; margin:0 auto; position:relative;}
.header-wrapper .main-menu-wrapper .main-menu ul{ float:left; width:750px;}
.header-wrapper .main-menu-wrapper .main-menu ul li{ float:left; line-height:52px; margin-right:3px;}
.header-wrapper .main-menu-wrapper .main-menu ul li a{color:#FFFFFF; padding:0 20px; display:block; font-size:14px; text-transform:uppercase; font-family: 'open_sanssemibold';}
.header-wrapper .main-menu-wrapper .main-menu ul li a:hover{ background:#000; color:#fff;}
.header-wrapper .main-menu-wrapper .main-menu ul li a.active{background:#000; color:#fff;}

.header-wrapper .main-menu-wrapper .search-box{  width:215px; height:29px; float:right; margin-top:12px;}
.header-wrapper .main-menu-wrapper .search-box .search-text{float:left; border:0; color:#606060; font-family: 'open_sansitalic'; width:170px; background:#FFFFFF; padding-left:10px; height:26px; line-height:26px; }
.header-wrapper .main-menu-wrapper .search-box .find{text-indent:-9999px; border:0; background:url('../images/find.png') no-repeat; width: 31px; height:29px; float:left; cursor:pointer; }

.header-wrapper .black-red-line{background:url(../Images/top-nav-bottom-color-solid.jpg) no-repeat top center; height:9px; width:100%;}


.contentMain{background:#d5d5d5 url(../images/content-header-bg.jpg) top center no-repeat; }
.contentMain .content-inMain{ width:975px; margin:0 auto; padding:14px 0; background:#FFFFFF; overflow:hidden;}
.contentMain .content-inMain .content-top-box{ width:945px; margin:0 auto; }

.contentMain .content-inMain  .box-1{height:146px; width:945px; margin:0 auto; position:relative; overflow:hidden;  margin-top:1px;}
.contentMain .content-inMain  .box-1 span.title{ font-size:16px; color:#000; font-family: 'open_sanssemibold'; display:block; line-height:30px;}


.contentMain .content-inMain .right{ width:685px; float:right; margin-top:15px; margin-right:15px;}
.contentMain .content-inMain .right span.title{ color:#000; font-size:14px; font-family: 'open_sansbold'; line-height:35px; display:block; margin-bottom:15px; border-bottom:solid #dcdcdc 1px;}
.contentMain .content-inMain .right span.title a{ display:block; float:right; background:url(../Images/yellow-button.png); width:109px; height:25px; line-height:25px; text-align:center; color:#000000; font-family: 'open_sanssemibold'; font-size:12px; margin-top:10px;}


.contentMain .content-inMain .right a.item{ width:219px; height:245px; border:solid #dcdcdc 1px; display:block; margin:0 10px 10px 0; position:relative; float:left; text-align:center;}
.contentMain .content-inMain .right a.item img{ max-width:219px; max-height:218px; }
.contentMain .content-inMain .right a.item .productCategory{width:219px; height:25px; line-height:25px; position:absolute; bottom:36px; text-align:center; left:0; background:rgba(227, 38, 31, 0.7); color:#FFFFFF; font-size:12px; padding:0;}
.contentMain .content-inMain .right a.item .black-line{width:219px; height:35px; position:absolute; bottom:0; background:rgba(0, 0, 0, 0.7); color:#FFFFFF; font-size:14px; font-family: 'open_sanssemibold'; line-height:35px;  text-transform:uppercase;  }
.contentMain .content-inMain .right a.item:nth-child(3n+1) {
	margin-right:0px;
}
.contentMain .content-inMain .right a.item:hover{border:solid #000 1px;}



.contentMain .content-inMain .left{ width:243px; float:left; margin-top:0px; margin-left:15px; margin-top:15px; }
.contentMain .content-inMain .left .product-links{margin:0 0 10px 0; display:block;}
.contentMain .content-inMain .left .main-product-menu{width:243px;}
.contentMain .content-inMain .left .main-product-menu span{width:230px; height:51px; background:url(../Images/product-menu-name.jpg); display:block; line-height:51px; color:#FFFFFF; padding:0 0 0 13px; font-size:14px; font-family: 'open_sanssemibold';}
.contentMain .content-inMain .left .main-product-menu a{ display:block; line-height:45px; background:url(../Images/main-product-menu.png) repeat-y; padding:0 0 0 15px; font-family: 'open_sanssemibold'; font-size:12px; color:#000000; border:solid #d4d4d4 1px; border-top:none;}
.contentMain .content-inMain .left .main-product-menu a:hover{ background:url(../Images/main-product-menu-hover.png) repeat-y; }
.contentMain .content-inMain .left .main-product-menu a.active{ background:url(../Images/main-product-menu-hover.png) repeat-y; }

 .footer{ width:975px; height:203px; margin:0 auto; background:url(../images/footer-bg.jpg) top center;}
 .footer .left{ width:675px; height:203px; float:left; font-family: 'open_sansregular'; position:relative;}
 .footer .left ul{ float:left; margin:30px 40px; }
  .footer .left ul li.Head{ color:#FFFFFF;}
 .footer .left ul li a{ color:#707070; line-height:20px;}
 .footer .left ul li a:hover{ text-decoration:underline; color:#fff;}
 .footer .left .copy-right{ bottom:0; left:20px; position:absolute; color:#a3a3a3;}
 .footer .right{ width:255px;  float:right; font-family: 'open_sansregular'; color:#707070; line-height:20px; padding-top:10px;}
 .footer .right p{  font-size:11px;}
 .footer .right strong{text-transform:uppercase; }
 .footer .right hr{color: #f00; background-color: #707070; height: 1px;  border: 0; width:233px; left:0; margin-left:0; margin-top:35px;}
 .footer .right .social{ width:200px; height:37px; margin:10px auto;}
 .footer .right .social a{float:left; width:34px; height:37px; display:block; text-indent:-9999px; margin-right:5px; }
 .footer .right .social a.Facebook{background: url('../images/iconset.png') no-repeat 0 -178px;}
 .footer .right .social a.Facebook:hover{ background-position:0 -215px;}
 .footer .right .social a.Twitter{background: url('../images/iconset.png') no-repeat -39px -178px;}
 .footer .right .social a.Twitter:hover{ background-position:-39px -215px;}
 .footer .right .social a.Youtube{background: url('../images/iconset.png') no-repeat -117px -179px;}
 .footer .right .social a.Youtube:hover{ background-position:-117px -216px;}
 .footer .right .social a.GooglePlus{background: url('../images/iconset.png') no-repeat -79px -179px;}
 .footer .right .social a.GooglePlus:hover{ background-position:-79px -216px;}
