@font-face {

    font-family: 'oswald-l';

    src: url('../fonts/oswald-light-webfont.eot');

    src: url('../fonts/oswald-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/oswald-light-webfont.woff2') format('woff2'), url('../fonts/oswald-light-webfont.woff') format('woff'), url('../fonts/oswald-light-webfont.ttf') format('truetype'), url('../fonts/oswald-light-webfont.svg#oswaldlight') format('svg');

    font-weight: normal;

    font-style: normal;

}

body {

    font-family: 'Open Sans', sans-serif;

    color: #333;

    font-size: 13px;

}

ul {

    padding: 0px;

    margin: 0px;

}

ul,

li {

    display: block;

}

a,

li,

input,

textarea,

button {

    transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease 0s;

    -webkit-transition: all 0.3s ease 0s;

}

a:hover {

    transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease 0s;

    -webkit-transition: all 0.3s ease 0s;

}

h1,

h2,

h3,

h4,

h5,

h6 {

    font-family: 'oswald-l';

    transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease 0s;

    -webkit-transition: all 0.3s ease 0s;

}

.logo { 

	float:left;

}

.main-heading {

    display: block;

    width: 100%;

    border-bottom: 1px #bbbbbb solid;

}

.main-heading h2 {

    border-right: 1px #bbbbbb solid;

    float: left;

    position: relative;

    font-size: 24px;

    top: -12px;

    background: #fff;

    display: inline-block;

    margin: 0px;

    padding-right: 7px;

}

/*Header*/



.header-top {

    color: #333;

    font-size: 13px;

    border-top: 3px #01a0e4 solid;

    /* padding-top: 8px; */

    

    padding: 18px 0px;

}

.h-top-contant {

    float: right;

}

.h-top-contant p {

    margin: 0px;

    float: left;

    padding: 3px 9px;

}

.toll-free {

    background: #ededed;

    border: 1px #d5d5d5 solid;

}

.toll-free:hover a {

    color: #01a0e4;

}

.h-top-contant a {

    color: #333;

}

.h-top-contant a:hover {

    color: #01a0e4;

    text-decoration: none;

}

.h-t-search {

    float: left;

    position: relative;

}

.h-t-search input {

    border: 1px #bbbbbb solid;

    padding: 3px;

    width: 180px;

    font-size: 12px;

}

.h-t-search input:focus {

    border: 1px #01a0e4 solid;

}

.h-t-search a {

    position: absolute;

    background: #01a0e4;

    border: 1px #01a0e4 solid;

    color: #fff;

    padding: 2px 5px;

    right: 0px;

}

.h-t-search a:hover {

    background: #fff;

    text-decoration: none;

    color: #01a0e4;

}

.h-top-contant ul {

    margin-top: -2px;

    float: left;

}

.h-top-contant ul li {

    display: inline-block;

    margin-left: 2px;

    text-align: center;

}

.h-top-contant ul li i {

    color: #fff;

    font-size: 13px;

    width: 15px;

    height: 15px;

    vertical-align: -moz-calc;

}

.h-top-contant ul li a {

    padding: 4px 6px 4px 5px;

    border-radius: 0px;

    text-align: center;

    vertical-align: -moz-middle-with-baseline;

}

.h-top-contant ul li a:hover { border-radius: 20px;}

.fb-icon {

    background: #4f7dd4;

}

.tw-icon {

    background: #2daae2;

}

.yt-icon {

    background: #dc422b;

}

.pt-icon {

    background: #f79438;

}

.header-main {

    padding-top: 15px;

    padding-bottom: 25px;

}

.header-main .logo {

    float: left;

}

.h-wishlist {

    float: right;

    margin-top: 20px;

}

.h-wishlist i {

    color: #00a1e2;

    margin-right: 6px;

}

.h-wishlist a {

    background: #cfecfb;

    color: #333;

    border: 1px #a6d8f2 solid;

    padding: 5px 15px 5px 12px;

}

.h-wishlist a:hover {

    /*background: #fff;

    border: 1px #01a0e4 solid;*/

    

    text-decoration: none;

}

.navigation .navbar-default .navbar-nav > li > a {

    color: #333;

    text-transform: uppercase;

    font-family: 'oswald-l';

    font-size: 15px;

    padding: 0px;

}

.navigation .navbar-default .navbar-nav > li > a:hover {

    color: #01a0e4;

    /*text-decoration:underline;*/

}

.navigation .navbar-default .navbar-nav > li {

    color: #977256;

    text-transform: uppercase;

    font-size: 15px;

    padding: 0px 22px 6px 23px;

    border-right: 1px #bbbbbb solid;

}

.navigation .navbar-default .navbar-nav > li:first-child {

    padding-left: 0px;

}

.navigation .navbar-default .navbar-nav > li:last-child {

    padding-right: 0px;

    border: none;

}

.navigation .navbar-collapse {

    padding-right: 0px;

    padding-left: 0px;

    border-bottom: 1px #bbbbbb solid;

}

.navigation .navbar-default {

    background: none;

    border: none;

    margin-bottom: 0px;

    min-height: 36px;

}

.navigation .navbar-default .navbar-brand {

    color: #333;

    text-transform: uppercase;

}

/*End*/

/*Banner*/



.carousel-fade .carousel-inner .item {

    -webkit-transition-property: opacity;

    transition-property: opacity;

}

.carousel-fade .carousel-inner .item,

.carousel-fade .carousel-inner .active.left,

.carousel-fade .carousel-inner .active.right {

    opacity: 0;

}

.carousel-fade .carousel-inner .active,

.carousel-fade .carousel-inner .next.left,

.carousel-fade .carousel-inner .prev.right {

    opacity: 1;

}

.carousel-fade .carousel-inner .next,

.carousel-fade .carousel-inner .prev,

.carousel-fade .carousel-inner .active.left,

.carousel-fade .carousel-inner .active.right {

    left: 0;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

}

.carousel-fade .carousel-control {

    z-index: 2;

}

.carousel,

.carousel-inner,

.carousel-inner .item {

    height: 100%;

}

/*End*/

/*Tickers*/



.tickers {

    margin-top: 15px;

}

.ticker-contant {

    width: 100%;

    float: left;

    border: 1px #bbbbbb solid;

    background: #fff;

    padding: 10px 7px 10px 2px;

    transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease 0s;

    -webkit-transition: all 0.3s ease 0s;

    margin-bottom: 30px;

}

.ticker-contant:hover {

    border: 1px #01a0e4 solid;

}

.ticker-contant img {

    float: left;

}

.ticker-right {

    float: right;

    text-align: right;

}

.ticker-right h1 {

    font-size: 18px;

    margin: 0px 0px 37px 0px;

}

.ticker-right h1 span {

    font-size: 32px;

    display: block;

}

.ticker-right a {

    color: #d91818;

}

.ticker-right a:hover {

    color: #d91818;

    text-decoration: underline;

}

/*End*/

/*Welcome*/



.welcome {

    margin-top: 15px;

    margin-bottom: 30px;

}

.wel-contant {

    float: left;

    color: #7f7f7f;

    padding-top: 7px;

}

.wel-contant a {

    color: #d91818;

}

.wel-contant a:hover {

    color: #d91818;

    text-decoration: underline;

}

.offer-contant {

    border: 4px #bbbbbb solid;

    float: left;

    width: 100%;

    padding: 4px 9px 4px 4px;

    transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease 0s;

    -webkit-transition: all 0.3s ease 0s;

}

.offer-contant:hover {

    border: 4px #01a0e4 solid;

}

.offer-contant:hover a { background: #01a0e4;}

.offer-contant img {

    float: left;

}

.offer-contant h3 {

    float: right;

    text-align: right;

    font-size: 30px;

}

.offer-contant h3 a {

    float: right;

    display: block;

    background: #bbbbbb;

    color: #fff;

    border-radius: 50px;

    padding: 3px 14px;

    text-align: center;

    margin-top: 15px;

}

.offer-contant i {

    top: -2px;

    position: relative;

}

/*End*/

/*Brands*/



.brands {

    margin-top: 50px;

}

.brand-thumb {

    border: 1px #bbbbbb solid;

    text-align: center;

    float: left;

    width: 100%;

    padding: 10px;

    margin-top: 10px;

}

.brand-thumb:hover {

    border: 1px #01a0e4 solid;

    transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease 0s;

    -webkit-transition: all 0.3s ease 0s;

}

.brand-thumb img {

    margin: 0px auto;

}

/*End*/

/*Footer*/



footer {

    background-attachment: scroll;

    background-image: url(../img/footer-bg.jpg);

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    margin-top: 30px;

    padding-top: 25px;

}

.footer-left-contant {} .f-contact {

    width: 100%;

    float: left;

    margin-bottom: 5px;

}

.f-contact i {

    width: 66px;

}

.f-contact b {

    font-weight: normal;

    font-size: 16px;

    width: 100%;

    float: left;

    margin-top: 6px;

}

.f-contact b span {

    color: #01a0e4;

}

.f-contact b a {

    color: #333;

}

.f-contact b a:hover {

    color: #01a0e4;

    text-decoration: none;

}

.f-contact input {

    width: 100%;

    border: 1px #bbbbbb solid;

    padding: 9px 7px;

    margin-bottom: 10px;

}

.f-contact input:focus {

    border: 1px #01a0e4 solid;

}

.f-contact textarea {

    width: 100%;

    border: 1px #bbbbbb solid;

    padding: 6px 7px;

}

.f-contact textarea:focus {

    border: 1px #01a0e4 solid;

}

.f-contact button {

    border: none;

    background: #01a0e4;

    color: #fff;

    padding: 8px 21px;

}

.f-contact button:hover {

    background: #333;

}

.footer-left-contant i {

    float: left;

    color: #01a0e4;

    margin-right: 6px;

    padding-top: 4px;

    font-size: 15px;

}

.footer-left-contant h4 {

    font-size: 24px;

    width: 100%;

    margin: 0px 0px 20px 0px;

}

.footer-left-contant i {

    float: left;

    color: #01a0e4;

    margin-right: 6px;

    padding-top: 4px;

    font-size: 15px;

}

.footer-left-contant i span {

    color: #333;

    font-family: 'Open Sans', sans-serif;

    font-size: 13px;

    margin-left: 5px;

}

.footer-left-contant p {
	float: left;
	margin: 0px;
	line-height: 21px;
	width: 70%;
}

.footer-left-contant p a {

    color: #333;

}

.footer-left-contant p a:hover {

    color: #01a0e4;

    text-decoration: none;

}

.f-q-links {

    border-top: 1px #bbbbbb solid;

    border-bottom: 1px #bbbbbb solid;

    padding: 10px 0px;

    margin-top: 20px;

}

.f-q-links ul {} .f-q-links ul li {

    display: inline-block;

    border-right: 1px #bbbbbb solid;

    padding: 0px 10px;

}

.f-q-links ul li:last-child {

    border: none;

}

.f-q-links ul li a {

    color: #333;

}

.f-q-links ul li a:hover {

    color: #01a0e4;

    text-decoration: none;

}

.copyright {

    margin-top: 12px;

    margin-bottom: 12px;

    float: left;

    width: 100%;

}

.copyright img {

    float: left;

    width: 30px;

    margin-right: 8px;

}

.copyright p {

    margin: 0px;

    float: left;

    font-size: 12px;

    line-height: 20px;

}

.copyright a {

    color: #333;

}

.copyright a:hover {

    color: #01a0e4;

    text-decoration: none;

}

/*End*/

/*Inner Page*/



.inner-page {} .breadcrumb {

    padding: 4px 0px;

    margin: 0px;

    background: none;

    border-bottom: 1px #eaeaea solid;

    border-radius: 0px;

}

.breadcrumb-item a {

    color: #333;

}

.breadcrumb-item a:hover {

    color: #01a0e4;

    text-decoration: none;

}

.inner-page p {

    color: #7f7f7f;

    float: left;

    width: 100%;

}

.inner-page p strong {
color: #333;
font-size: 16px;
font-weight: normal;
margin-top: 12px;
}

.inner-page .i-top {

    margin-top: 34px;

}

.inner-sidebar {

    margin-bottom: 20px;

    margin-top: 15px;

}

.sidebar-heading {

    background: #01a0e4;

    color: #fff;

    font-family: 'oswald-l';

    font-size: 20px;

    padding: 6px 2px 6px 14px;

    /* text-transform: uppercase; */

}

.inner-sidebar ul {

    background: #ebebeb;

}

.inner-sidebar ul li {

    padding: 6px 14px;

    border-bottom: 1px #bbbbbb solid;

}

.inner-sidebar ul li:last-child {

    border: none;

}

.inner-sidebar ul li:hover {

    background: #dedede;

}

.inner-sidebar ul li i {

    margin-right: 4px;

}

.inner-sidebar ul li a {

    color: #333;

}

.inner-sidebar ul li a:hover {

    text-decoration: none;

    margin-left: 5px;

    color: #01a0e4;

}

/*End*/

/*Contact Us, Google Map*/



.contact-icons {} .contact-icons ul {

    margin: 0px;

    padding: 0px;

}

.contact-icons ul li {

    float: left;

    width: 100%;

    margin-bottom: 6px;

}

.contact-icons ul li p {

    float: left;

}

.contact-icons ul li i {
	color: #01a0e4;
	font-size: 15px;
	text-align: center;
	/* height: 7px; */
	float: left;
	width: 5%;
}

.contact-icons ul li span {
width: 94%;
float: left;
}

.contact-icons ul li a {

    color: #333;

}

.contact-icons ul li a:hover {

    color: #01a0e4;

    text-decoration: none;

}

#gmap_canvas-2 img {

    max-width: none!important;

    background: none!important

}

.google-map-2 {

    overflow: hidden;

    height: 275px;

    width: 100%;

    border: 1px #ddd solid;

    border-radius: 0px;

    margin-top: 7px;

}

.google-map-size-2 {

    height: 275px;

    width: 100%;

}

/*End*/

/*Login, Signup, Contact Forms*/



.login-form {

    width: 100%;

    float: left;

    padding-top: 10px;

    padding-bottom: 60px;

}

.login-form .login-form-row {

    width: 100%;

    float: left;

    margin-bottom: 5px;

}

.login-form .login-form-row label {

    width: 30%;

    float: left;

    font-weight: normal;

    line-height: 33px;

}

.login-form .login-form-row label span {

    color: #FF0000;

}

.login-form .login-form-row input[type="text"] {

    width: 70%;

    float: left;

    padding: 7px 10px;

    box-sizing: border-box;

    border: 1px #bbbbbb solid;

    height: 37px;

    margin-bottom: 5px;

    border-radius: 0px;

}

.login-form .login-form-row input:focus {

    border: 1px #01a0e4 solid;

}

.login-form .login-form-row input[type="password"] {

    width: 70%;

    float: left;

    padding: 7px 10px;

    box-sizing: border-box;

    border: 1px #bbbbbb solid;

    height: 37px;

    margin-bottom: 5px;

    border-radius: 0px;

}

.login-form .login-form-row textarea {

    width: 70%;

    float: left;

    padding: 7px 10px;

    box-sizing: border-box;

    border: 1px #bbbbbb solid;

    margin-bottom: 5px;

    border-radius: 0px;

}

.login-form .login-form-row textarea:focus {

    border: 1px #01a0e4 solid;

}

.login-form .login-form-row .frm-btn {

    margin-left: 30%;

    float: left;

    border: 1px #01a0e4 solid;

    background: #01a0e4;

    color: #fff;

    padding: 8px 21px;

}

.login-form .login-form-row .frm-btn:hover {

    text-decoration: none;

    background: #333;

    color: #fff;

    border: 1px #333 solid;

}

.login-form .login-form-row select {

    width: 70%;

    float: left;

    padding: 7px 10px;

    box-sizing: border-box;

    border: 1px #cccccc solid;

    height: 40px;

    margin-bottom: 5px;

    border-radius: 0px;

}

.login-form .login-form-row input[type="submit"] {

    margin-left: 30%;

    background: #2e4883;

    font-size: 13px;

    border: 1px #01a0e4 solid;

    background: #01a0e4;

    color: #fff;

    padding: 8px 21px;

}

.login-form .login-form-row input[type="submit"]:hover {

    text-decoration: none;

    color: #fff;

}

.login-form .login-form-row .bottom-link {

    margin-left: 30%;

}

.login-form-row p {

    margin: 0px;

    float: left;

    padding-top: 8px;

}

.l-forgot {

    padding: 0px 0px 5px 0px;

    margin: 0px;

    float: left;

}

.l-forgot a {

    color: #4d4d4d;

    padding-right: 20px;

}

.l-forgot a:hover {

    text-decoration: underline;

}

.form-txt {

    padding-top: 10px;

    text-align: center;

    float: left;

    width: 100%;

}

.form-txt p {

    border: 1px #cccccc solid;

    padding: 25px;

}

/*End*/



.pro-thumb {

    float: left;

    width: 100%;

    margin-bottom: 27px;

}

.product-pagination {

    text-align: center;

}

.pro-thumb-bg {

    border: 1px #bbbbbb solid;

    padding: 12px;

    width: 100%;

    float: left;

    margin-bottom: 15px;

    transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease 0s;

    -webkit-transition: all 0.3s ease 0s;

}

.pro-thumb-bg:hover {

    border: 1px #01a0e4 solid;

    /*-webkit-box-shadow: 0px 18px 21px -19px rgba(0,0,0,0.59);

-moz-box-shadow: 0px 18px 21px -19px rgba(0,0,0,0.59);

box-shadow: 0px 18px 21px -19px rgba(0,0,0,0.59);

transform: scale(1.02);*/

    

    transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease 0s;

    -webkit-transition: all 0.3s ease 0s;

}

.pro-thumb-bg b {

    transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease 0s;

    -webkit-transition: all 0.3s ease 0s;

}

.pro-thumb-bg:hover h2 {

    color: #01a0e4;

}

.pro-thumb-bg:hover b {

    color: #01a0e4;

}

.pro-img {

    float: left;

    margin-right: 15px;

}

.pro-info {

    float: left;

    width: 55%;

}

.pro-info h2 {

    margin: 0px;

    font-size: 20px;

    font-family: 'Open Sans', sans-serif;

}

.pro-info p {

    margin-top: 10px;

    line-height: 20px;

}

.pro-btn {

    float: right;

    margin-top: 7px;

}

.pro-btn a {

    margin-right: 5px;

    display: block;

    margin-bottom: 7px;

    text-align: center;

}

.pro-thumb-bg-2 {

    border: 1px #bbbbbb solid;

    padding: 8px;

    float: left;

    width: 100%;

    transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease 0s;

    -webkit-transition: all 0.3s ease 0s;

    margin-bottom: 27px;

}

.pro-thumb-bg-2:hover {

    border: 1px #01a0e4 solid;

}

.pro-thumb-bg-2:hover a {

    color: #01a0e4;

}

.pro-thumb-bg-2 p {

    margin: 0px;

    margin: 5px 0px 1px 0px;

}

.pro-thumb-bg-2 p a {

    color: #333;

}

.pro-thumb-bg-2 p a:hover {

    text-decoration: none;

}

/*Gallery*/



.gallery-thumb {

    display: block;

    border-radius: 0px;

    border: 1px #bbbbbb solid;

}

.pagination > .active > a,

.pagination > .active > span,

.pagination > .active > a:hover,

.pagination > .active > span:hover,

.pagination > .active > a:focus,

.pagination > .active > span:focus {

    background-color: #01a0e4;

    border-color: #01a0e4;

}

.pagination > li > a,

.pagination > li > span {

    color: #333;

}

.pagination > li:first-child > a,

.pagination > li:first-child > span {

    margin-left: 0;

    border-top-left-radius: 0px;

    border-bottom-left-radius: 0px;

}

.pagination > li:last-child > a,

.pagination > li:last-child > span {

    border-top-right-radius: 0px;

    border-bottom-right-radius: 0px;

}

.blue-btn {

    background: #01a0e4;

    color: #fff;

    font-size: 13px;

    padding: 5px 10px;

    border: 1px #01a0e4 solid;

}

.blue-btn:hover {

    color: #fff;

    text-decoration: none;

}

.blue-btn:focus {

    background: #01a0e4;

    color: #fff;

    border: 1px #01a0e4 solid;

    text-decoration: none;

}

.blk-btn {

    background: #333;

    color: #fff;

    font-size: 13px;

    padding: 5px 10px;

    border: 1px #333 solid;

}

.blk-btn:hover {

    color: #fff;

    text-decoration: none;

}

.blk-btn:focus {

    background: #333;

    color: #fff;

    text-decoration: none;

    border: 1px #333 solid;

}

/*Account page*/



.text-continer {

    width: 100%;

    float: left;

    line-height: 19px;

    margin-bottom: 25px;

    font-size: 13px;

}

.text-continer p {} .text-continer p strong {

    font-weight: bold;

    color: #971D1A;

    font-size: 17px;

}

.text-continer a {

    text-decoration: none;

}

.text-continer .btn {

    margin-top: 20px;

    background: #2e4883;

    padding: 15px 22px;

    color: #fff;

    font-size: 13px;

    text-transform: uppercase;

    border: 1px #2e4883 solid;

    border-radius: 0px;

}

.text-continer .btn:hover {

    color: #2e4883;

    background: #fff;

    border: 1px #2e4883 solid;

}

.add-to-cart {

    margin-top: 15px;

    width: 100%;

}

.add-to-cart table {

    border: 1px solid #cccccc;

    margin: 5px 0 0;

}

.add-to-cart button {

    margin: 0;

    padding: 0;

    float: left;

}

.add-to-cart-content table tr td button {

    border-radius: 0px;

    float: left;

    font-size: 14px;

    margin: 0;

    padding: 10px 15px 10px;

}

.add-to-cart-content table tr td input {

    font-weight: normal;

    /*height: 21px;*/

    

    margin: 0;

    padding: 0;

    width: 210px;

    border: 1px #cccccc solid;

    border-radius: 0px;

    padding: 6px 10px;

    box-sizing: border-box;

}

.add-to-cart {

    margin-top: 15px;

    width: 100%;

}

.add-to-cart select {

    border: 1px solid #d1d1d1;

    border-radius: 0px;

    float: left;

    font-size: 15px;

    height: 38px;

    margin: 10px 0 10px 0;

    padding: 0 10px 0 0;

    width: 210px;

}

.add-to-cart button {

    background: #01a0e4;

    padding: 8px 22px;

    color: #fff;

    font-size: 16px;

    text-transform: uppercase;

    border: 1px #01a0e4 solid;

    border-radius: 0px;

    font-size: 15px;

    margin: 10px 0;

    text-transform: uppercase;

}

.add-to-cart button i {

    background-color: rgba(0, 0, 0, 0.5);

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 50px;

    text-align: center;

    font-size: 22px;

    line-height: 40px;

}

.add-to-cart button:hover {

    color: #fff;

    background: #333;

    border: 1px #333 solid;

}

.hvr-fade2 {

    font-size: 22px !important;

    padding: 8px 25px !important;

}

.text-with-bg {

    width: 100%;

    padding: 10px;

    box-sizing: border-box;

    float: left;

    margin-left: 2%;

    border: 1px #cccccc solid;

    text-align: center;

    font-size: 15px;

}

.b-b {

    border-bottom: 1px solid #ccc;

}

.b2b {

    background: #01a0e4;

    color: #fff;

}

.cart-img {

    padding: 7px;

}

.payment-option {

    width: 100%;

    float: right;

}

.payment-option ul {

    width: 100%;

    float: right;

    padding: 0px;

    margin: 0px;

    text-align: right;

}

.payment-option ul li {

    /* float:left;*/

    

    display: inline-block;

}

.payment-option input {

    width: auto !important;

}

.payment-option label {

    padding-left: 5px !important;

}

.detail-area {

    width: 100%;

    float: left;

    border: 1px solid #ddd;

}

.detail-area .link-header {

    width: 100%;

    float: left;

}

.detail-area .link-header ul {

    width: 100%;

    float: left;

    padding: 0;

    margin: 0;

    background: #333;

}

.detail-area .link-header ul li {

    width: 20%;

    float: left;

    box-sizing: border-box;

    text-align: center;

    padding: 10px;

    border-left: 1px solid #fff;

}

.detail-area .link-header ul li:first-child {

    border-left: 0 solid #fff;

}

.detail-area .link-header a {

    color: #fff;

    text-decoration: none;

    font-size: 15px;

    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);

}

.detail-area .link-header a:hover {

    text-decoration: none;

}

.detail-area .link-header .active {

    color: #fff;

    background: #2e4883;

    text-decoration: none;

}

.detail-area .link-header1 {

    width: 100%;

    float: left;

    border-bottom: 1px solid rgba(0, 0, 0, 0.41);

}

.detail-area .link-header1 ul {

    width: 100%;

    float: left;

    padding: 0;

    margin: 0;

    background: #EEE;

}

.detail-area .link-header1 ul li {

    width: 33.33%;

    float: left;

    box-sizing: border-box;

    text-align: center;

    padding: 10px;

    border-left: 1px solid #fff;

}

.detail-area .link-header1 ul li:first-child {

    border-left: 0px solid #fff;

}

.detail-area .link-header1 a {

    color: #fff;

    text-decoration: none;

}

.detail-area .link-header1 a:hover {

    color: #000;

    text-decoration: none;

}

.detail-area .link-header1 .active {

    color: #fff;

    background: #333;

    text-decoration: none;

}

.detail-area .detail-body {

    width: 100%;

    float: left;

    padding: 20px;

}

.detail-area .detail-body .cart-table {

    width: 100%;

    float: left;

    border: 1px solid #ccc;

    padding: 1px;

    font-size: 15px;

}

.detail-area .detail-body .cart-table .tbl-header {

    width: 100%;

    float: left;

    background: #ccc;

    padding: 10px;

    border-bottom: 1px solid #999;

    font-size: 15px;

}

.detail-area .detail-body .tbl-header .s-n-h {

    width: 10%;

    float: left;

}

.detail-area .detail-body .tbl-header .cart-date {

    width: 15%;

    float: left;

}

.detail-area .detail-body .tbl-header .cart-code {

    width: 20%;

    float: left;

}

.detail-area .detail-body .tbl-header .cart-img {

    width: 20%;

    float: left;

}

.detail-area .detail-body .tbl-header .p-n-h {

    width: 20%;

    float: left;

}

.detail-area .detail-body .tbl-header .d-h {

    width: 15%;

    float: left;

    text-align: center;

}

.detail-area .detail-body .tbl-row {

    width: 100%;

    float: left;

    background: #fff;

    margin: 1px;

    padding: 10px;

}

.detail-area .detail-body .tbl-row:nth-child(odd) {

    background: rgba(235, 235, 235, 0.32) none repeat scroll 0% 0%;

}

.detail-area .detail-body .cart-table .tbl-row .s-n {

    width: 10%;

    float: left;

    font-size: 15px;

}

.detail-area .detail-body .cart-table .tbl-row .c-d {

    width: 15%;

    float: left;

    font-size: 15px;

}

.detail-area .detail-body .cart-table .tbl-row .cart-code {

    width: 20%;

    float: left;

}

.detail-area .detail-body .cart-table .tbl-row .cart-img {

    width: 20%;

    float: left;

}

.detail-area .detail-body .cart-table .tbl-row .cart-img img {

    height: 100px;

}

.detail-area .detail-body .cart-table .tbl-row .p-n {

    width: 20%;

    float: left;

}

.detail-area .detail-body .cart-table .tbl-row .d {

    width: 15%;

    float: left;

    text-align: center;

}

.detail-area .detail-body .cart-table .tbl-row .d .btn {

    text-align: center;

    padding: 5px 10px;

    width: 50%;

    margin: 0 auto;

    /*color: #fff;

    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);*/

}

.detail-area .detail-body .cart-table .tbl-header .pro-image {

    width: 20%;

    float: left;

}

.detail-area .detail-body .cart-table .tbl-header .pro-code {

    width: 20%;

    float: left;

}

.detail-area .detail-body .cart-table .tbl-header .pro-name-h {

    width: 40%;

    float: left;

}

.detail-area .detail-body .cart-table .tbl-header .price-h {

    width: 20%;

    float: left;

}

.detail-area .detail-body .cart-table .tbl-header .discription {

    width: 40%;

    float: left;

    text-align: center;

}

.detail-area .detail-body .cart-table .tbl-row .pro-image-r {

    width: 20%;

    float: left;

}

.detail-area .detail-body .cart-table .tbl-row .pro-image-r img {

    height: 100px;

}

.detail-area .detail-body .cart-table .tbl-row .pro-code-r {

    width: 20%;

    float: left;

}

.detail-area .detail-body .cart-table .tbl-row .pro-name-r {

    width: 40%;

    float: left;

}

.detail-area .detail-body .cart-table .tbl-row .price-r {

    width: 20%;

    float: left;

}

.detail-area .detail-body .cart-table .tbl-row .discription-r {

    width: 40%;

    float: left;

    text-align: center;

}

/*END*/

/* DivTable */



.divTable {

    display: table;

    width: 100%;

    margin-top: 15px;

    color: #7f7f7f;

}

.divTableRow {

    display: table-row;

}

.divTableHeading {

    background-color: #fff;

    display: table-header-group;

}

.divTableCell,

.divTableHead {

    border: 1px solid #bbbbbb;

    display: table-cell;

    padding: 3px 10px;

}

.divTableHeading {

    background-color: #fff;

    display: table-header-group;

    font-weight: bold;

}

.divTableFoot {

    background-color: #fff;

    display: table-footer-group;

    font-weight: bold;

}

.divTableBody {

    display: table-row-group;

}