* {
    padding: 0px;
    margin: 0px;
}

body {
    font-family: 'Myriad Pro';
    color: #454545;
    background: #fff;
}



@font-face {
    font-family: 'Roboto';
    src: url('../fonts/RobotoCondensed-Regular.ttf');
    src: local('RobotoCondensed-Regular'), url('../fonts/RobotoCondensed-Regular.woff') format('woff'), url('../fonts/RobotoCondensed-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto Light';
    src: url('../fonts/Roboto-Light.ttf');
    src: local('Roboto-Light'), url('../fonts/Roboto-Light.woff') format('woff'), url('../fonts/Roboto-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/"myriad-pro".ttf');
    src: local('myriad-pro'), url('../fonts/myriad-pro.woff') format('woff'), url('../fonts/myriad-pro.ttf') format('truetype');
}

.header-top-strip {
    padding: 4px 0 0px;
    background: #f3f0f0;
    border-bottom: 1px solid #e9e9e9;
    height: auto;
}

    .header-top-strip .pull-left {
        height: 25px;
    }

    .header-top-strip .pull-right {
        height: 25px;
    }

    .header-top-strip ul li {
        padding-right: 0px;
    }

        .header-top-strip ul li a {
            color: #114b64;
            font-size: 12px;
            font-family: 'Myriad Pro';
            font-weight: 600;
            text-decoration: none;
        }


        .header-top-strip ul li span {
            color: #114b64;
            padding-left: 5px;
        }

        .header-top-strip ul li a:hover {
            color: #12739d;
        }


.header-main-sty figure img {
    margin: 12px 0;
}



.header-main-sty .search-box {
    border: 1px solid #43e0f3;
    padding: 0;
    height: auto;
    width: auto;
    margin: 22px 25px 0;
    float: left;
    background: #fff;
    font-weight: normal;
}

    .header-main-sty .search-box input {
        border: none;
        background: none;
        padding: 9px 5px 8px 15px;
        font-size: 13px;
        color: #444;
        float: left;
        width: 350px;
        font-family: Myriad Pro;
        text-shadow: none;
        transition: width 0.5s;
        outline: 0;
    }






/*.search-box input[type="text"]:focus {
      
       
        width:400px;
    }*/

.search-box ::-webkit-input-placeholder {
    color: #9c9b9b;
}



.catgory-div {
    border-image: none;
    border-radius: 4px 0 0 4px;
    border-width: 1px;
    float: left;
    margin: 6px 0 0 0;
    padding: 0px;
    overflow: hidden;
    padding-left: 5px;
    position: relative;
    border-right: 1px solid #15b5c8;
}

.search-boxi {
    color: #fff;
    font-size: 30px;
}


.nav-search-facade {
    cursor: default;
    float: left;
    overflow: hidden;
    position: relative;
    padding: 3px 23px 3px 3px;
}


#nav-search .nav-search-facade .nav-search-label {
    color: rgb(119, 119, 119);
    display: block;
    font-size: 12px;
    line-height: 33px;
    margin-left: 5px;
    margin-right: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.nav-search-facade .nav-icon {
    border-color: rgb(243, 112, 32) rgba(243, 112, 32, 0) rgba(243, 112, 32, 0);
    border-style: solid;
    border-width: 7px 5px 0;
    font-size: 0;
    height: 0;
    line-height: 0;
    position: absolute;
    right: 8px;
    top: 10px;
    width: 0;
}

.header-main-sty .catgory-div select {
    border: 0 none;
    cursor: pointer;
    display: block;
    left: 0;
    margin: 0;
    opacity: 0;
    outline: 0 none;
    padding: 0;
    position: absolute;
    visibility: visible;
    width: auto;
    background: transparent url("../images/catogery-icon.png") no-repeat scroll 82% 55%;
}


.search-btn-sty {
    background: url("../images/search-btn-icon.png") no-repeat scroll center #f37020;
    border-radius: 0;
    padding: 19px 20px 18px;
    border: none;
    height: auto;
    border-radius: 0px 0px 0px 0;
}


.header-main-sty .offer-sty-img {
    float: left;
    margin: 30px 22px 0;
}


.header-main-sty .cart-div-sty {
    margin: 17px 0px 0;
    color: #fff;
    padding: 6px 15px 4px;
    float: left;
    font-size: 16px;
    font-family: Arial;
    cursor: pointer;
}

    .header-main-sty .cart-div-sty ul {
        list-style-type: none;
    }

        .header-main-sty .cart-div-sty ul li {
            display: inline-block;
            list-style-type: none;
            text-align: center;
            margin: 0 0px 0 10px;
            position: relative;
        }

            .header-main-sty .cart-div-sty ul li i {
                color: #fff;
                font-size: 20px;
            }


            .header-main-sty .cart-div-sty ul li:hover i {
                color: #555;
            }

            .header-main-sty .cart-div-sty ul li:hover a {
                color: #444;
            }




            .header-main-sty .cart-div-sty ul li a {
                font-size: 11px;
                display: block;
                text-decoration: none;
                color: #fff;
                font-weight: normal;
            }


#spnCart {
    display: block;
    background: rgb(243, 112, 32);
    position: absolute;
    top: -6px;
    right: -5px;
    width: 16px;
    height: 16px;
    border-radius: 14px;
    color: #fff;
    text-align: center;
    padding: 0;
    font-weight: normal;
}



.navigation-sty {
    background: #0377b8;
    border-radius: 0px;
    min-height: initial;
    border: none;
    margin-bottom:30px;
    border-top: 1px solid #0686ce;
   
}

    .navigation-sty .navbar-collapse {
        padding: 0px;
    }

.navbar-nav {
    padding:0px 0;
}


.border-none {
    border: none !important;
}

.navbar-default .navbar-nav > li {
     padding:9px 0;
    
    
}

    .navbar-default .navbar-nav > li > a {
        padding: 0 17px 0 20px;
     
        color: #fff;
        font-family:Roboto;
        font-size: 15px;
        font-weight: normal;
        text-transform: uppercase;
        border-right: 1px solid rgba(255,255,255,0.20);
    }

        .navbar-default .navbar-nav > li > a:hover {
            color: #000;
        }


        .navbar-default .navbar-nav > li > a span {
            padding-left: 12px;
            opacity: 0.50;
        }

.navbar-default .navbar-nav > li ul {
    display:none;
    position:absolute;
    top:37px;
    width:220px;
    background:rgba(0,119,184,.8);
     z-index:9999999999;
}

.navbar-default .navbar-nav > li:hover ul {
    display:block;
   
   
    
    
}

    .navbar-default .navbar-nav > li:hover ul li{
        list-style-type:none;
        padding:8px 20px;
        border-bottom:1px solid #0d74ad;
    }

      .navbar-default .navbar-nav > li:hover ul li a{
       color:#fff;
    }

.firstnav{

padding-left:0px !important;

}



     

.banner-div-sty .pull-left {
    background: #dad7d4;
    width: 890px;
    
}




.banner-div-sty .pull-right {
    width: 240px;
}

.banner-right-sty {
    background: #dad7d4;
    padding: 4px;
}

    .banner-right-sty img {
        width: 100%;
    }


.banner-right-mid {
    background: #bdd855;
    height: 194px;
    margin-top: 8px;
}

    .banner-right-mid img {
        width: 100%;
    }



.product-boxes-ngc {
   
    height:auto;
    width:212px;
    margin-right:20px;
    margin-bottom:20px;
    text-align:center;
    display:inline-block;
    background:#fff;
     border:1px solid #ccc;



}

.section-div-sty .last-product-boxes-ngc{
    margin-right:0px;
}

.product-boxes-ngc h3{ 
    font-family:Roboto light;
    font-size:19px;
    color:#333;
}

.product-boxes-ngc:hover h3{
     color:rgb(243, 112, 32);
}



.product-boxes-ngc img{ 

     max-height:150px;
    max-width:210px;
    padding:1px;
   

}

.upper-bottom {
    background:#f4f4f4;
    border-top:1px solid #eaeaea;
    margin-top:30px;
    padding-bottom:30px;
    padding-top:20px;
}



.bottom-boxes {
     height:300px;
    width:24%;
    margin-right:40px;
    margin-bottom:20px;
    text-align:center;
    display:inline-block;
    background:#f37f18;
     border:1px solid #ccc;
     position:relative;
    
    
}

.bottom-boxes-second {
      background:#005d91;
}

.bottom-boxes-second img{
    margin:7px auto;
    border:1px solid #ddd;
    padding:2px;
    width:230px;
    display:block;

}



.bottom-boxes-icons {
     height:auto;
    width:24%;
    margin-right:40px;
    margin-bottom:20px;
    text-align:center;
    display:inline-block;
     margin-top:20px;
    
}


.boxes-icon{
    border-radius:100%;
    background:#f37f18;
    padding:10px;
    height:85px;
    width:85px;
    display:inline-block;
    text-align:center;
 

}

.boxes-icon img{
    width:40px;
    margin-top:10px;
}


.bottom-boxes-icons .boxes-icon2{
    	background: #005d91;

}

.bottom-boxes-icons .boxes-icon3{
     background:#0e8d46;

}

.bottom-boxes-icons .boxes-icon3 img{
   
      width:50px;

}
                     





.bottom-boxes-third {
      background:#0e8d46;
      text-align:center;
}


.bottom-boxes .triangle-up {
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #f37f18;
    position:absolute;
    top:-15px;
    left:45%;
}

.bottom-boxes-second .triangle-up {
	
	
	border-bottom: 20px solid #005d91;
   
}
	


.bottom-boxes-third .triangle-up {
	

	border-bottom: 20px solid #0e8d46;
   
}
	




.bottom-boxes-third img{
    margin: 15px auto 7px;
    border: 1px solid #ddd;
    padding: 2px;
    width: 110px;
    display: block;
}

    .bottom-boxes-third span {
        color:#fff;
        display:block;
        font-size:15px;
        text-align:center;
    }


.bottom-boxes h2{
    font-family:'Roboto Light';
    font-size:25px;
    color:#fff;
}

.bottom-boxes dt{
  border-bottom:1px #fff solid;
  margin-bottom:3px;
  width:85%;
  text-align:center;
  margin:0 auto 3px;
}

.bottom-boxes dl{
  border-bottom:1px #fff solid;
  margin-bottom:3px;
  width:65%;
  text-align:center;
  margin:0 auto 3px;
}
.bottom-boxes p {

    color:#fff;
    margin:10px 15px;
    text-align:center;
}









.section-div-sty .pull-left {
    width: 890px;
    margin-bottom: 25px;
}


.section-div-sty .pull-right {
    width: 240px;
    margin-top: 10px;
}

    .section-div-sty .pull-right img {
        margin-bottom: 10px;
        border: 1px solid #ccc;
        width: 100%;
    }


.product-main-sty {
    height: auto;
    width: auto;
}

.product-heading-sty {
    margin-top: 25px;
    text-align: center;
    margin-bottom: 4px;
}

    .product-heading-sty img {
        position: relative;
    }

.product-heading-sty2 {
    margin: 28px auto 20px;
    text-align: center;
    width: 35%;
    position: relative;
    background:url("../images/heading-bg1.png") left 10px no-repeat;
}

    .product-heading-sty2 h2 {
        color: #363335;
        font-size: 30px;
        font-family: 'Roboto Light';
        font-weight: normal;
        margin: 0px;
        text-align: center;
        background: rgba(0, 0, 0, 0) url("../images/heading-bg1.png") right 11px no-repeat;
        width: auto;
        margin: auto;
        display: inline;
        padding: 0 80px 6px 80px;
    }

        .product-heading-sty2 h2 span {
            font-weight: 600;
        }


.front-paragraph {
    font-family:Roboto light;
    font-size:15px;
    width:980px;
    text-align:center;
    margin:0 auto 30px;
    color:#111;
}



.product-div {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgb(243, 112, 32) rgb(221, 221, 221) rgb(221, 221, 221);
    border-image: none;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    float: left;
    height: auto;
    margin: 3px 19px 16px 0;
    min-height: 260px;
    text-align: center;
    width: 23.3%;
    position: relative;
    background: #fff;
}

.hoverdiv {
    display: none;
}

    .hoverdiv a {
        background: #fcc429;
        color: #444;
        padding: 7px 15px;
        margin-top: 215px;
        display: inline-block;
        border: 1px solid #e9af0e;
    }


.product-div:hover .hoverdiv {
    background: rgba(0,0,0,0.1);
    width: 100%;
    height: 260px;
    position: absolute;
    display: block;
}


.product-main-sty .last {
    margin-right: 0;
}

.product-div:hover {
    border: 1px solid #1891c5;
}



.product-div a {
    text-decoration: none;
}


.product-div:hover .price-product-div a .glyphicon-shopping-cart {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moj-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}

.product-div:hover .price-product-div a {
    background: #1891c5;
}



.product-div:hover .price-product-div {
    background: #3a3d45;
}


.product-div figure {
    min-height: 180px;
    padding-top: 12px;
}

.product-div img {
    max-height: 168px;
    max-width: 194px !important;
}



.product-div h2 {
    color: rgb(63, 54, 54);
    font-size: 15px;
    margin: 4px 0;
    padding: 8px 12px 7px;
    word-wrap: break-word;
}

.product-div p {
    font-size: 13px;
    color: #4a3c3c;
    font-family: Arial;
    font-weight: normal;
    padding: 0px 8px 10px;
    margin: 0px;
}




.price-product-div {
    font-size: 14px;
    color: #fff;
    font-family: Roboto;
    font-weight: normal;
    padding: 0px 0 0px 20px;
    background: #4e5159;
    text-align: left;
}

    .price-product-div h3 {
        font-size: 14px;
        margin: 12px 0;
        float: left;
    }

    .price-product-div a {
        margin: 0;
        float: right;
        background: #f37020;
        height: 40px;
        width: 40px;
    }

        .price-product-div a .glyphicon-shopping-cart {
            width: auto;
            margin-left: 12px;
            margin-top: 11px;
            transition: all 0.5s ease;
            -webkit-transition: all 0.4s ease;
            -moj-transition: all 0.4s ease;
            -ms-transition: all 0.4s ease;
            -o-transition: all 0.4s ease;
            font-size: 16px;
            color: #FFF;
        }

    .price-product-div span {
        color: #fff;
        font-family: Roboto Light;
        font-size: 17px;
        font-weight: 600;
        padding-left: 7px;
    }


.term-condition-sty {
    font-size: 13px;
    color: #8d8d8f;
    font-family: Arial;
    margin-top: 20px;
}

    .term-condition-sty .pull-left {
        float: left;
        width: 70%;
        text-align: justify;
    }

    .term-condition-sty .pull-right {
        float: right;
        width: 26%;
    }

        .term-condition-sty .pull-right h3 {
            color: #fff;
            font-size: 18px;
            font-family: Roboto Light;
        }




    .term-condition-sty span {
        font-size: 12px;
        font-weight: normal;
        margin-top: 6px;
    }


.footer-div-sty {
    background: #3f4248;
    height: auto;
    padding: 20px 0 30px;
}


    .footer-div-sty .col-sm-3 {
        padding: 0px;
        width: 22%;
        margin-right: 30px;
    }


        .footer-div-sty .col-sm-3 h2 {
            color: #fff;
            font-family: Roboto Light;
            font-size: 22px;
            font-weight: normal;
            padding-bottom: 10px;
            border-bottom: 1px dotted #737377;
        }


        .footer-div-sty .col-sm-3 ul {
            padding: 0px;
        }

            .footer-div-sty .col-sm-3 ul li {
                list-style: none;
            }

                .footer-div-sty .col-sm-3 ul li a {
                    text-decoration: none;
                    font-family: Arial;
                    color: #b7b7b8;
                    font-size: 13px;
                    font-weight: normal;
                }

        .footer-div-sty .col-sm-3 p {
            text-decoration: none;
            font-family: Arial;
            color: #b7b7b8;
            font-size: 13px;
            font-weight: normal;
        }

.newsletter-sty {
    display: block;
    width: 100%;
    height: auto;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}


    .newsletter-sty input[type="text"] {
        background: no-repeat;
        border: none;
        padding: 7px;
        width: 65%;
        outline: none;
        border: none;
    }


.footer-newsl-btn {
    background: #f58211;
    /*padding: 4px 14px;*/
    color: #fff;
    font-family: Roboto;
    font-size: 15px;
    float: right;
    border-radius: 0;
}


    .footer-newsl-btn:hover {
        background: #f68d26;
        color: #fff;
    }

.footer-copy-div {
    border-top: 1px solid #5c5e66;
    margin-top: 0px;
    background: #303236;
    font-weight: normal;
}

    .footer-copy-div p {
        color: #fff;
        font-size: 13px;
        padding: 20px 0 10px;
        float: left;
        font-family: Arial;
        font-weight: 100;
    }


    .footer-copy-div .pull-right img {
        margin: 15px 0px 0 10px;
    }

.social-div ul li {
    margin-bottom: 8px;
}

.footer-div-sty .col-sm-3 dt {
    background: #E3E4E4 none repeat scroll 0% 0%;
    border-radius: 4px;
    color: #094B67;
    font-size: 14px;
    float: left;
    height: 20px;
    width: 20px;
    text-align: center;
    margin-right: 7px;
}



.footer-div-sty .col-sm-3 ul li a:hover {
    color: #fff;
}




/*product page start*/


.inner-banner {
    height: auto;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    padding: 2px;
    width: 1137px;
}


    .inner-banner img {
        width: 100%;
        height: 280px;
    }


.product-section .product-catogry-side {
    width: 20%;
    height: auto;
    background: #fff;
    border: 1px solid rgb(237, 237, 237);
    padding: 2px;
    margin-bottom: 12px;
}

.product-section .product-listing-side {
    width: 78%;
    height: auto;
    margin-left: 2%;
}

.product-listing-side .product-div {
    width: 23.3%;
    margin: 10px 19px 16px 0;
}

.product-div dd {
    color: #333;
    font-weight: bold;
    padding-bottom: 11px;
    min-height: 31px;
    font-size:12px;
}

.product-main-sty .product-div {
    height: auto;
    min-height: 0px;
}

.product-listing-side .product-last {
    margin: 10px 0px 16px 0;
}

.product-listing-side .product-main-sty {
    margin-bottom: 20px;
}

.product-listing-side .product-div img {
    width: auto;
    height: 152px;
}

.product-listing-side .product-div img {
    width: auto;
    height: 152px;
}

.price-product-div dt img {
    height: auto !important;
}

.two-cols-holder .sidebar {
    text-transform: capitalize;
}

.two-cols-holder .sidebar {
    float: left;
    width: 270px;
}

.two-cols-holder .sidebarBox {
    background: rgb(251, 251, 251) none repeat scroll 0 0;
    border: 1px solid rgb(237, 237, 237);
    padding: 2px;
    width: 264px;
}

.boundary-top {
    bottom: auto;
    position: static;
    top: 0;
}

.filter-container.first {
    margin-top: 0;
}

.filter-container {
    border: medium none;
    line-height: 20px;
    margin: 4px 0 0;
}

    .filter-container .head {
        background: #14c5aa;
        border: 0 none;
        margin: 0 0 5px;
        padding: 0;
    }


        .filter-container .head .close, .oosRail .close, #srh-tv-tab .close, .toggle-close span, .box-opener-tv.close {
            float: right;
            height: 12px;
            margin: 9px 15px 0 0;
            text-indent: -99999px;
            width: 12px;
        }

        .filter-container .head .title {
            font-size: 18px;
            padding-left: 10px;
        }

        .filter-container .head .title, .border_black_bottom {
            color: #fff;
            margin: 2px 0 0;
            padding: 7px 0 7px 10px;
            text-transform: capitalize;
            border-bottom: 1px solid #dad7d4;
        }



    .filter-container.first {
        margin-top: 0;
    }


    .filter-container .input {
        float: none;
        height: auto;
        margin: 5px 9px;
        padding: 4px 6px;
        width: 200px;
        color: #c0c0c0;
        border-radius: 3px;
    }

.form .input-r input, .tab-content .input-r input, .input, .hs18-form textarea, .hs18-form input[type="text"], .hs18-form input[type="password"] {
    background-color: rgb(255, 255, 255);
    border: 1px solid #ccc;
    border-radius: 4px;
    color: rgb(51, 51, 51);
    font-size: 12px;
    margin: 0;
    padding: 7px 10px;
}

.jspContainer {
    overflow: hidden;
    position: relative;
}

.filter-container .list li {
    color: rgb(153, 153, 153);
    font-size: 12px;
    font-weight: normal;
    padding: 7px 0 7px 10px;
    border-bottom: 1px solid #ddd;
    list-style-type: none;
}

.filter-container .list .ez-checkbox {
    height: 18px;
    vertical-align: middle;
    width: 16px;
}

.ez-checkbox {
    display: inline-block;
}

.custom-checkboxes {
    margin-left: 0px;
    margin-bottom: 0px;
}

.ez-checkbox input {
    margin: 2px 0;
}

.custom-checkboxes a {
    color: #454545;
    text-decoration: none;
    font-size: 13px;
    background: url("../images/categories-arrow.png") left 6px no-repeat;
    padding-left: 15px;
    display: inline-block;
}

.jspContainer {
    margin-top: 5px;
}


.catogry-sub-sty {
    width: 224px;
    height: auto;
}

.box-opener {
    background: url("../images/product-open-icon.png") no-repeat;
}

.close {
    opacity: 0.95;
}

    .close:hover {
        opacity: 0.80;
    }

.heading-pro-sty {
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 10px;
    padding-bottom: 4px;
}

    .heading-pro-sty h2 {
        float: left;
        font-size: 13px;
        margin: 3px 0px 0;
        font-weight: 600;
    }

    .heading-pro-sty ul {
        padding: 0;
        float: left;
        margin: 0;
    }

        .heading-pro-sty ul li {
            list-style: none;
            font-size: 12px;
            float: left;
            border-right: 1px solid #ccc;
            padding: 0 7px 0;
            font-weight: normal;
            font-family: Arial;
            margin-top: 2px;
        }

    .heading-pro-sty input[type="submit"] {
        background: none;
        margin-top: 3px;
    }

.active-sort {
    color: #db6720;
}

/*product page end*/


/*product-detaling page start*/


.root-navigation {
    margin: 0px 0 10px;
    padding: 6px;
}

    .root-navigation ul {
        padding: 0;
    }

        .root-navigation ul li {
            float: left;
            list-style: none;
            margin-right: 6px;
        }

            .root-navigation ul li a {
                text-decoration: none;
                font-size: 12px;
                color: #544646;
                font-family: Arial;
            }

    .root-navigation .active-root {
        color: #e22834;
    }

    .root-navigation .arrow-sty {
        font-size: 9px;
        margin-left: 1px;
    }


.detaling-left {
    width: 33%;
    height: auto;
}


.detaling-right {
    width: 63%;
    margin-left: 25px;
    margin-bottom: 20px;
}

.screen-view {
    border: 1px solid #d7d7da;
    height: 280px;
    padding: 2px;
    text-align: center;
    margin-bottom: 10px;
    background: #fff;
    display: table-cell;
    vertical-align: middle;
    width: 376px;
}

    .screen-view img {
        max-height: 220px;
        max-width: 370px;
    }

.screen-sub-part {
    margin: 5px 0;
}

    .screen-sub-part ul {
        padding: 0;
        margin: 0;
    }

        .screen-sub-part ul li {
            border: 1px solid #ccc;
            float: left;
            list-style: outside none none;
            margin: 0 7px 0 0px;
            text-align: center;
            width: 88px;
            height: 70px;
            background: #fff;
            cursor: pointer;
        }

            .screen-sub-part ul li a {
                text-decoration: none;
            }

            .screen-sub-part ul li img {
                /*height: auto;*/ /*changes by amit*/
                max-height: 57px;
                max-width: 57px;
                margin: 4px 0;
            }

.detaling-heading-sty {
    border-bottom: 1px dotted #d7d7d7;
    padding-bottom: 4px;
}

    .detaling-heading-sty h1 {
        font-size: 22px !important;
        margin: 0 0 4px;
        color: #f53a46;
        font-family: Roboto Light;
        font-weight: normal;
    }

.review-detailing-sty {
    margin-top: 8px;
}


    .review-detailing-sty ul {
        margin: 0;
        padding: 0;
        float: left;
    }

        .review-detailing-sty ul li {
            list-style: none;
            float: left;
            margin-right: 4px;
            margin-bottom: 3px;
        }

            .review-detailing-sty ul li span {
                font-size: 13px;
                color: #818182;
            }

            .review-detailing-sty ul li .glyphicon-star {
                color: rgb(243, 112, 32);
                font-size: 13px;
            }

            .review-detailing-sty ul li .glyphicon-star-empty {
                color: #909091;
                font-size: 13px;
            }

    .review-detailing-sty a {
        text-decoration: none;
        float: left;
        font-size: 13px;
        margin-left: 10px;
        color: #79797a;
        font-weight: normal;
    }

        .review-detailing-sty a:hover .glyphicon-pencil, .glyphicon-heart {
            color: rgb(243, 112, 32);
        }


        .review-detailing-sty a:hover {
            color: rgb(243, 112, 32);
        }


        .review-detailing-sty a .glyphicon-pencil {
            font-size: 11px;
            margin-right: 2px;
            color: #8e8e8e;
            margin-right: 5px;
        }

        .review-detailing-sty a .glyphicon-heart {
            font-size: 13px;
            margin-right: 2px;
            top: 4px;
            position: relative;
            top: 2px;
            color: #8e8e8e;
        }

        .review-detailing-sty a:hover .glyphicon-heart {
            color: rgb(243, 112, 32);
        }


.deatling-left-descri-sty {
    border-right: 1px dotted #d7d7d7;
    padding: 0;
    min-height: 272px;
}

    .deatling-left-descri-sty p {
        color: #463b3b;
        font-size: 13px;
        font-family: Arial;
        font-weight: normal;
        padding: 12px 5px 4px 0;
    }


.key-feature-sty {
    border-top: 1px dotted #838282;
    border-bottom: 1px dotted #838282;
    padding: 8px 0 10px;
    margin: 10px 10px 10px 0;
    max-height: 100px;
}

    .key-feature-sty ul {
        padding: 0;
        margin: 0 0 0 15px;
    }

        .key-feature-sty ul li {
            float: left;
            width: 47%;
            color: #544646;
            font-size: 13px;
            font-family: Arial;
            font-weight: normal;
            margin-bottom: 2px;
            list-style-type: square;
        }

    .key-feature-sty h2 {
        font-size: 16px;
        color: #544646;
        font-weight: 600;
        margin: 4px 0 5px;
    }

.catlog-option {
    padding: 5px 0;
    margin: 7px 0;
}

    .catlog-option h2 {
        margin: 0;
        color: #544646;
        font-size: 16px;
        font-family: Roboto;
        font-weight: normal;
    }

    .catlog-option .catlog-chng-sty {
        border: 1px solid rgb(204, 204, 204);
        float: left;
        margin-top: 6px;
        padding: 3px;
    }

        .catlog-option .catlog-chng-sty dt {
            background: #343434;
            margin: 0;
            padding: 12px;
        }

.detail-social-sty {
    margin: 15px 0 0 0;
}

    .detail-social-sty dt {
        font-size: 17px;
        font-family: Roboto;
        font-weight: normal;
        float: left;
        margin-right: 15px;
        margin-top: 5px;
    }

    .detail-social-sty dd {
        margin: 0 4px 0 0;
        float: left;
    }

        .detail-social-sty dd a {
            text-decoration: none;
        }

            .detail-social-sty dd a:hover img {
                opacity: 0.80;
            }

.deatling-right-descri-sty .buy-div-sty {
    height: auto;
    margin: 0;
}



.deatling-right-descri-sty .buyimage {
    background: rgb(243, 112, 32) none repeat scroll 0 0;
    border: none;
    margin: 17px 0 0;
}

.deatling-right-descri-sty .buyimage {
    background: rgb(243, 112, 32) none repeat scroll 0 0;
}

.deatling-right-descri-sty .buy-image-sty {
    animation: 0.2s linear 0s normal none 1 running animatedBackgroundReverse;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1px;
    padding: 8px 10px;
    text-align: left;
    color: #fff;
    width: 222px;
    transition: all 0.2s ease;
    font-family: Roboto;
}

.deatling-right-descri-sty .buy-btn-img {
    background: rgba(0, 0, 0, 0) url("../images/add-car-img.jpg") no-repeat scroll -6px 0;
}

.deatling-right-descri-sty .buy-btn-express {
    background: rgba(0, 0, 0, 0) url("../images/buy-btn-img.jpg") no-repeat scroll -6px 0;
    padding: inherit 10px !important;
    padding: 8px 10px 2px !important;
}

.deatling-right-descri-sty .buy-image-sty:hover {
    animation: 0.2s linear running animatedBackground;
    background-position: 0 0;
}


.deatling-right-descri-sty .buy-image-sty .glyphicon {
    float: right;
    margin: auto 8px 0;
}

.deatling-right-descri-sty .buy-image-sty .buy-btn-icon {
    font-size: 30px;
    padding-top: 0;
    position: relative;
    top: -8px;
}


.deatling-right-descri-sty .price-detail-sty {
    font-size: 14px;
    color: #463c3c;
    font-family: Roboto Light;
    margin-top: 10px;
}

    .deatling-right-descri-sty .price-detail-sty strike {
        display: block;
        float: left;
        margin-top: 7px;
        font-size: 16px;
    }

    .deatling-right-descri-sty .price-detail-sty span {
        font-size: 24px;
        color: rgb(245, 58, 70);
        display: inline-block;
        font-weight: 600;
        padding-left: 10px;
        float: left;
    }

    .deatling-right-descri-sty .price-detail-sty p {
        font-size: 12px;
        color: #6b6b6c;
        font-family: Arial;
    }

.detail-quantity-sty {
    border: 1px solid #ececec;
    padding: 3px 5px;
    box-shadow: initial;
    font-size: 13px;
}

.deatling-right-descri-sty h3 {
    font-size: 16px;
    font-family: Roboto;
    margin-bottom: 6px;
}

.cart-empty {
    min-height: 500px;
    background-color: #fff;
    text-align: center;
}

    .cart-empty img {
        margin: 20px 0 10px 0;
    }




    .cart-empty p {
        font-family: 'Roboto Light';
        font-size: 25px;
    }

    .cart-empty a {
        background: rgb(243, 112, 32);
        padding: 8px 12px;
        color: #fff;
        display: inline-block;
        margin-top: 10px;
    }



.contact-page {
    background: #fff;
    border: 1px#eaeaea solid;
    margin-bottom: 20px;
    padding: 20px 0;
}

    .contact-page .pull-left {
        float: left;
        width: 60%;
        padding-left: 15px;
    }

    .contact-page h4 {
        border-bottom: 1px dotted #ddd;
        padding-bottom: 10px;
        float: left;
        width: 100%;
        margin-bottom: 20px;
    }


    .contact-page .pull-left input[type="text"] {
        border: #ddd solid 1px;
        padding: 8px 10px;
        width: 450px;
        margin: 5px;
        float: left;
    }

    .contact-page .pull-left label {
        padding: 6px 10px;
        width: 120px;
        margin: 5px 0 0;
        float: left;
        text-align: right;
    }



    .contact-page .pull-left input[type="text"]:focus {
        border: 1px#14c5aa solid;
    }


    .contact-page .pull-left textarea {
        border: #ddd solid 1px;
        padding: 6px 10px;
        width: 450px;
        margin: 5px;
        height: 90px;
        float: left;
    }

        .contact-page .pull-left textarea:focus {
            border: 1px#14c5aa solid;
        }




    .contact-page .pull-right {
        float: right;
        width: 27%;
        margin-right: 15px;
    }




.tab-contant {
    border-bottom: 1px solid #cac8c8;
    border-right: 1px solid #cac8c8;
    border-top: 1px solid #cac8c8;
    margin-top: 2px;
    min-height: 350px;
}

.tab-nav-sty {
    margin: 0;
    padding: 0;
}

    .tab-nav-sty ul {
        border-right: #cac8c8 1px solid;
        margin-top: 1px;
    }

        .tab-nav-sty ul li {
            border-top: #cac8c8 1px solid;
            /*border-left:#969494 1px solid;*/
            margin: 0 -1px 0 0;
        }

    .tab-nav-sty .active {
        border: #969494 1px solid;
        border-right: 0;
        border-bottom: 0;
    }

        .tab-nav-sty .active a {
            border-radius: 0;
            color: rgb(243, 112, 32) !important;
            font-size: 16px;
            background: #fff !important;
        }

    .tab-nav-sty .active {
        border-radius: 0;
        border-left: 2px solid rgb(243, 112, 32);
    }

.tabs-left > li > a:hover {
    color: rgb(243, 112, 32) !important;
    font-size: 16px;
    background: #fff !important;
    border-left: 2px solid rgb(243, 112, 32);
    border-radius: 0px;
}


.tab-nav-sty a {
    border-right: #969494 1px solid;
    font-size: 16px;
    color: #454545;
}

.tab-nav-sty .tabs-left {
    height: 350px;
    margin: 2px 0;
    padding: 0;
}




.tabing-main-sty .row {
    width: 98%;
    margin-bottom: 20px;
    margin-top: 20px;
}

.tab-contant {
    background: #fff;
}

input {
    outline: none;
}

textarea {
    outline: none;
}

select {
    outline: none;
}




.tab-contant input:focus {
    border: 1px solid #14c5aa;
}

.tab-contant textarea:focus {
    border: 1px solid #14c5aa;
}




.tab-contant h2 {
    color: #454545;
    font-family: Roboto Light;
    font-size: 23px;
    float: left;
    border-bottom: 1px dashed#ddd;
    padding-bottom: 7px;
    width: 100%;
}

.tab-contant p {
    color: #797979;
    font-size: 14px;
    text-align: justify;
    font-weight: normal;
}

.review-detail-div {
    margin-left: 15px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

    .review-detail-div span {
        color: #474646;
        font-size: 13px;
        font-family: 'Myriad Pro';
    }

    .review-detail-div .date {
        color: #f36f00;
        font-size: 12px;
        font-family: 'Myriad Pro';
    }


    .review-detail-div p {
        color: #797979;
        font-size: 15px;
        font-family: 'Myriad Pro';
        margin: 0;
    }

    .review-detail-div ul {
        margin: 0;
        padding: 0;
    }

        .review-detail-div ul li {
            list-style: none;
            float: left;
            margin-right: 7px;
        }

            .review-detail-div ul li .glyphicon-star {
                color: rgb(243, 112, 32);
                font-size: 13px;
            }


.video-div-sty {
    border: 1px solid rgb(204, 204, 204);
    float: left;
    height: 155px;
    margin: 10px 15px 0;
    width: 29%;
    padding: 2px;
}

    .video-div-sty iframe {
        width: 100%;
    }

.related-product-sty {
    margin: 0px;
}

    .related-product-sty .product-div {
        width: 22.9%;
        margin-bottom: 20px;
        margin-top: 10px;
    }

    .related-product-sty h4 {
        border-bottom: 1px solid #adadad;
        padding-bottom: 10px;
        font-size: 22px;
        font-family: Roboto Light;
        font-weight: 600;
        color: #302e2c;
        width: 96.5%;
    }

/*product-detaling page end*/


/*Cart page start*/

.cart-section-sty {
    border: 1px solid #ddd;
    margin: 15px 0;
    background: #fff;
}


.cart-heading-sty {
    background: #f7f7f7;
    border-bottom: 1px solid #ddd;
}

    .cart-heading-sty h2 {
        font-size: 16px;
        color: #fff;
        font-family: Roboto;
        margin: 0;
        background: #fd9229;
        width: 13%;
        padding: 10px;
        border-right: 1px solid #d9d9d9;
        position: relative;
    }

        .cart-heading-sty h2:hover {
            background: #f88b22;
        }



.cart-table-part {
    border: 1px solid #e6e6e6;
    width: 98%;
    margin: 20px 0 15px 12px;
    border-right: 0;
}

.cart-tbl select {
    border: 1px solid #ddd;
    outline: none;
    padding: 4px 12px;
}

    .cart-tbl select:focus {
        border: 1px solid #14c5aa;
    }



.cart-tbl tr th {
    text-align: center;
    font-size: 16px;
    color: #454545;
    font-family: 'Myriad Pro';
    font-weight: normal;
    text-transform: uppercase;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    padding: 6px 0;
    background: #f5f5f5;
}

.cart-tbl tr td {
    text-align: center;
    font-size: 14px;
    color: #454545;
    padding: 20px 15px;
    border-right: 1px solid #e6e6e6;
    font-weight: normal;
}

    .cart-tbl tr td span {
        font-size: 12px;
    }

.price-cart-sty {
    font-weight: 600 !important;
    font-size: 16px !important;
}

.cart-tbl tr td input[type="number"] {
    border: 1px solid #ddd;
    width: 50px;
    height: 30px;
    padding-left: 5px;
    font-size: 13px;
}

.cart-heading-sty h2 .glyphicon-triangle-bottom {
    color: rgb(253, 146, 41);
    left: 65px;
    position: absolute;
    top: 33px;
    z-index: 999999;
}


.cart-footer {
    position: relative;
}

.cart-item-summary {
    background: #f5f5f5;
    border-bottom: 1px solid rgb(221, 221, 221);
    border-top: 1px solid rgb(221, 221, 221);
}


.cartpage .cart_light_grey {
    color: rgb(153, 153, 153);
}

.lmargin80 {
    margin-left: 80px;
}

.cart-item-summary {
    background: #f3f3f3;
    border: 1px solid rgb(221, 221, 221);
    border-left: 0;
    padding: 5px;
}

.txt-right {
    text-align: right;
}

.cart-item-summary {
    font-size: 18px;
    color: #6f6f6f;
    font-family: Roboto Light;
    padding: 5px 15px 2px 0;
}

    .cart-item-summary .cart-main-price {
        color: rgb(245, 58, 70);
        font-size: 20px;
    }

.delivery-charges-sty {
    font-style: italic;
    font-size: 11px;
    font-family: Arial;
    margin-bottom: 4px;
}


.cart-footer .cart-btn-sty {
    background: #fff;
    text-align: right;
    border-right: 1px solid rgb(221, 221, 221);
}

.continue-btn {
    border: 1px solid #1192cb;
    color: #fff;
    font-size: 14px;
    padding: 6px 18px 8px;
    border-radius: 0;
    margin: 15px 0;
    background: #1299d4;
    -webkit-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
    -moz-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
    box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
    font-size: 16px;
    margin-right: 10px;
}


    .continue-btn:hover {
        background: #22a8e3;
        color: #fff;
    }

.place-order-btn {
    border: 1px solid #f8821f;
    color: #fff;
    font-size: 14px;
    padding: 6px 30px 8px;
    border-radius: 0;
    margin: 15px 0;
    background: #f36f00;
    -webkit-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
    -moz-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
    box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
    font-size: 16px;
    margin-right: 15px;
}

    .place-order-btn:hover {
        background: #f57b14;
        color: #fff;
    }

.btn:focus {
    color: #fff;
}


.cart-footer .pull-left {
    margin: 10px 7px 8px;
}



/*Cart page end*/

/*shiping page start*/

.payment-shiping-sty {
    margin: 20px 0;
    border: 1px solid #e6e6e6;
}


.shipping-address-sty {
    width: 52%;
    margin: 15px;
    border: 1px solid #e3e3e3;
}

    .shipping-address-sty h2 {
        font-size: 18px;
        color: #515050;
        font-family: Roboto;
        margin: 0;
        border-bottom: 1px solid #ccc;
        padding: 8px 7px 7px 10px;
        background: #f3f3f3;
    }

.shipping-detail {
    height: auto;
    margin-left: 22px;
    padding: 4px 0 17px;
}

    .shipping-detail .form-group {
        margin: 17px 15px 0px 0;
        width: 47%;
        float: left;
    }

    .shipping-detail label {
        float: left;
        font-family: "Myriad Pro";
        font-size: 14px;
        font-weight: normal;
        margin-right: 20px;
        text-align: right;
        width: 30%;
    }

    .shipping-detail input[type="text"] {
        border: 1px solid #ccc;
        padding: 5px;
        width: 96%;
        color: #767676;
        font-size: 13px;
    }


    .shipping-detail textarea {
        border: 1px solid #ccc;
        padding: 5px;
        width: 100%;
        height: 80px;
        color: #767676;
        font-size: 13px;
    }


.shipping-select-div {
    width: 98%;
    border: 1px solid #ccc;
    overflow: hidden;
    position: relative;
    color: #767676;
    font-size: 13px;
}


.shipping-detail select {
    border: none;
    padding: 5px;
    width: 182px;
    background: none;
}

.shipping-select-div .nav-icon {
    border-color: #a9a9a9 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 8px 7px 0;
    font-size: 0;
    height: 0;
    line-height: 0;
    position: absolute;
    right: 12px;
    top: 12px;
    width: 0;
}


.shipping-detail button {
    margin: 0;
}

.shipping-detail .form-group2 {
    width: 30%;
    float: left;
    margin: 17px 15px 0px 0;
}

.shipping-detail .form-group3 {
    width: 50%;
    float: left;
    margin: 17px 15px 0px 0;
}



.order-sumery-sty {
    margin: 15px 0 0 15px;
    width: 43.8%;
}




    .order-sumery-sty h2 {
        border-bottom: 2px solid rgb(69, 69, 69);
        color: rgb(69, 69, 69);
        font-family: Roboto;
        font-size: 18px;
        margin: 0 0 14px;
        padding: 8px 7px 7px 0px;
        width: 98%;
    }


    .order-sumery-sty .cart-table-part {
        margin: 0;
    }

    .order-sumery-sty img {
        width: 106px;
    }


    .order-sumery-sty .cart-tbl tr td {
        border-bottom: 1px solid #e6e6e6;
        padding: 15px 17px;
    }


        .order-sumery-sty .cart-tbl tr td span {
            border: 1px solid #ddd;
            padding: 4px 12px;
            font-size: 13px;
        }


/*shiping page end*/

/*payment count page start*/


.paymew-address-sty {
    width: 52%;
    margin: 15px;
    border: 1px solid #e3e3e3;
}

.shipping-address-sty h2 {
    font-size: 18px;
    color: #515050;
    font-family: Roboto;
    margin: 0;
    border-bottom: 1px solid #ccc;
    padding: 8px 7px 7px 10px;
    background: #f3f3f3;
}


/*payment count page end*/


/*login sty start*/
.cart-section-sty {
    border: 1px solid #e5e5e5;
    margin-left: 12px;
    width: 98%;
}

.left-login-sty {
    background-color: #029d47;
    margin-top: 20px;
    padding-top:20px;
    margin-bottom: 30px;
    text-align: center;
}
.left-login-contain {
    padding: 12px 0;
}
.left-login-sty h2 {
    color: #ffffff;
    font-size: 24px;
    margin-top: 20px;
    text-align: center;
    font-weight: normal;
}
.left-login-contain p {
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    font-weight: normal;
}

.right-login-sty {   
    margin-top: 20px;
    background: #fff;
    border: 1px solid #eae9e9;
    min-height: 455px;
}


    .right-login-sty label {
        /*float: left;
        display: block;
        width: 150px;*/
        text-align: right;
        margin-right: 20px;
        padding: 9px;
        margin: 15px 0 0 0px;
		font-size:13px;
    }

    .right-login-sty input[type="text"] {
        /*float: left;
        outline: none;
        padding: 9px;*/
        /*width: 248px;*/   
        margin: 15px 0 0 0px;
        border: 1px solid rgb(221, 221, 221);
        color: #8f8f8e;
    }

    .right-login-sty select {
        /*float: left;
        outline: none;
        padding: 9px;
        width: 334px;*/
        margin: 15px 0 0 0px;
        border: 1px solid rgb(221, 221, 221);
        color: #8f8f8e;
    }

    .right-login-sty textarea {
        /*float: left;
        outline: none;
        padding: 9px;
        width: 334px;*/
        margin: 15px 0 0 0px;
        border: 1px solid rgb(221, 221, 221);
        color: #8f8f8e;
    }


    .right-login-sty input[type="password"] {
        /*float: left;
        outline: none;
        padding: 9px;
        width: 334px;*/
        margin: 15px 0 0 0px;
        border: 1px solid rgb(221, 221, 221);
        color: #8f8f8e;
    }

    .right-login-sty input:focus {
        border: 1px solid #14c5aa;
    }



.clear {
    clear: both;
}


.login-form-area {
    border-right: 1px dotted #ddd;
    margin-top: 15px;
}

.login-form-area img {
    margin-right: 10px;
}



.right-login-sty h2 {
    font-size: 30px;
    margin: 20px 20px 0px;
    font-family: Roboto light;
    border-bottom: dashed 1px #eae9e9;
    font-weight: normal;
    padding-bottom: 10px;
}

    .right-login-sty h2 i {
        font-weight: 100;
        margin-right: 10px;
        margin-top: 5px;
        color: #969494;
    }


#email {
    margin: 40px 0 0 52px;
    color: #999;
    font-size: 19px;
}

/*.emailcont {
    padding: 9px;
    width: 500px;
    margin: 20px 0 0 0px;
    border: 1px solid rgb(221, 221, 221);
    color: #8f8f8e;
}*/

.loginbutton {
    background-color: #f78828;
    color: #ffffff;
    padding: 6px 30px;
    margin: 20px 0 0 0px;
    font-size: 20px;
    border: none;
    font-weight: normal;
}

    .loginbutton:hover {
        background-color: #ec8124;
    }

.password {
    margin: 0 0 0 20px;
    font-family: roboto light;
    font-weight: normal;
}

    .password a {
        font-size: 15px;
        color: #454545;
    }
#spmember {
    margin-left:150px;
    
}
.two-input input[type="text"]{
    float:left;
    width:49%;
}

.new-customer {
    text-align: center;
}


.resgister-link {
    text-align: center;
    margin: 50px auto 0;
    font-family: roboto light;
    font-weight: normal;
    font-size:18px;
}

.resgister-para {
    font-size: 15px;
    margin: 10px auto 0;
    text-align: center;
    font-family: roboto light;
    font-weight: normal;
}



.new-customer a {
    text-decoration: none;
    color: #f37020;
    font-weight: normal;
    font-size: 23px;
    margin-top: 20px;
    display: inline-block;
}

    .new-customer a:hover {
        text-decoration: underline;
    }


.login-or-style {
    width: 88%;
    margin: 50px auto 20px;
    background: url(../images/login-or-bg.jpg) repeat-x center;
}

    .login-or-style dt {
        background: #fff;
        padding: 0 15px 0 2px;
        width: 6%;
        margin: auto;
        font-size: 15px;
        color: #777;
        font-family: 'Comic Sans MS';
    }


/*login sty end*/

/*-------------------------------------css for alert popup--------------------*/
.alertPopupBody {
    opacity: 1;
    position: fixed;
    left: 33%;
    right: 23%;
    top: 20%;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.32);
    font-family: sans-serif;
    height: auto;
    width: 32% !important;
    z-index: 99999999999;
    border-left: 3px solid #f57b6a;
    border-right: 3px solid #f57b6a;
    border-bottom: 3px solid #f57b6a;
}

.tdALertHeader {
    background-color: #f57b6a;
    border-radius: 7px 7px 0px 0px;
    height: 20px;
    padding: 1px 0 3px;
}

.errorCss {
    padding-left: 13px;
    /*padding-top: 4px;*/
    font-size: 19px;
    color: #fff;
    float: left;
}

    .errorCss span {
        font-size: 18px;
        color: #fff;
    }

    .errorCss:before, .errorCss:before {
        content: "\26A0"; /*alert icone*/
        font-family: sans-serif;
    }

.tdALertHeader span {
    color: #fff;
}


.tdALertBody {
    height: auto;
    background-color: #fff;
    vertical-align: top;
    border-radius: 0 0 4px 4px;
    padding: 16px 0;
}

    .tdALertBody span {
        color: rgb(85, 85, 85);
        font-size: 15px;
        font-weight: 500 !important;
        font-family: Roboto;
    }

    .tdALertBody h3 {
        font-weight: normal;
        margin-left: 15px;
        padding-right: 12px;
    }

.tdCloseButton {
    height: 30px;
    background-color: #fff;
    border-radius: 0px 0px 7px 7px;
    text-align: right;
    padding-right: 20px;
    padding-bottom: 10px;
}

.closeAlertButton {
    color: #f4f4f4;
    background: #4683B2;
    font-weight: bold;
    padding: 8px 18px 8px 18px;
    margin-left: 5px;
    margin-top: 2px;
    font-family: Arial,sans-serif;
    border-radius: 2px;
    border: solid 0 #e3edf4;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
}


.closeAlertpopsty {
    color: #f4f4f4;
    font-weight: bold;
    padding: 8px 18px 20px;
    font-family: Arial,sans-serif;
    float: right;
    cursor: pointer;
    background: rgba(0, 0, 0, 0) url("../images/cros-img-pop.png") no-repeat scroll 13px 8px;
}

.closeAlertButton:hover {
    text-decoration: none;
}



.successPopupBody {
    opacity: 1;
    position: fixed;
    left: 35%;
    right: 23%;
    top: 20%;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.32);
    font-family: sans-serif;
    height: auto !Important;
    width: 33% !important;
    z-index: 99999999999;
    border-left: 3px solid rgb(41, 182, 166);
    border-right: 3px solid rgb(41, 182, 166);
    border-bottom: 3px solid rgb(41, 182, 166);
}

.tdSuccessHeader {
    background-color: #29b6a6;
    border-radius: 7px 7px 0px 0px;
    height: auto;
    padding-left: 20px;
    padding: 7px 0 4px;
}

.cssSuccessHeaderContent {
    background-image: url("../Images/cong-img.png");
    background-repeat: no-repeat;
    font-size: 12px;
    color: #fff;
    margin-left: 16px;
    padding-left: 22px;
    height: auto;
    vertical-align: middle;
    float: left;
}


.ConfirmCss {
    width: 250px;
    float: left;
    padding-left: 20px;
}



.tdSuccessBody {
    background-color: #fff;
    vertical-align: top;
    color: #488948;
    padding: 20px 0 20px 20px;
    font-size: 16px;
    border-radius: 0 0 4px 4px;
}

    .tdSuccessBody p {
        padding-top: 3px;
    }


.tdCloseConfirmButton {
    height: 30px;
    background-color: #fff;
    border-radius: 0px 0px 7px 7px;
    text-align: right;
    padding-right: 20px;
    padding-bottom: 10px;
}


.closeConfirmButton {
    border-radius: 5px;
    padding: 8px 50px;
    font-size: 16px;
    text-decoration: none;
    margin: 10px;
    color: #fff;
    position: relative;
    display: inline-block;
    background-color: #E74949;
    box-shadow: 0px 1px 0px 1px #E74949;
    cursor: pointer;
}

    .closeConfirmButton:hover {
        text-decoration: none;
    }

.closeSuccessButton {
    color: #f4f4f4;
    font-weight: bold;
    padding: 8px 18px 20px;
    font-family: Arial,sans-serif;
    float: right;
    cursor: pointer;
    background: rgba(0, 0, 0, 0) url("../images/cros-img-pop.png") no-repeat scroll 13px 8px;
}

    .closeSuccessButton:hover {
        text-decoration: none;
    }

.forgot-div {
    display: none;
}


/*responsive css start*/
@media (max-width: 1199px) {

    /*.left-login-sty { width:260px }*/

}

@media (max-width: 1024px) {

    .newsletter-sty input {
        width: 63%;
    }

    .banner-div-sty .pull-left {
        width: 100%;
    }

    .section-div-sty .pull-left {
        width: auto;
    }

    .navbar-default .navbar-nav > li > a {
        color: rgb(255, 255, 255);
        font-family: Roboto;
        font-size: 15px;
        font-weight: normal;
        padding: 0 14px 0 13px;
    }

    .banner-div-sty .pull-left {
        width: 70%;
    }

    .carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
        display: block;
        width: 100%;
        height: 327px;
    }

    .container {
        padding: 0;
    }

    .product-div {
        margin: 3px 18px 16px 9px;
        min-height: 260px;
        text-align: center;
        width: 29.3%;
    }

    .product-main-sty .last {
        margin: 3px 18px 16px 9px;
    }

    .section-div-sty .pull-left {
        width: 686px;
    }
}



@media (max-width: 768px) {

.container {
    padding: 0 15px;
}
.header-main-sty .search-box {
    margin: 30px 22px;
}
.section-div-sty .pull-left {
    width: auto;
}
.firstnav{
    padding-left:20px !important;
}
.navbar-default .navbar-nav > li ul {
    position:relative;
    top:0px;
    width:auto;
}
.banner-div-sty .pull-left {
    width: 100%;
}
.section-div-sty .pull-right {
    display: none;
}
.navbar-default .navbar-nav > li > a {
    margin: 10px 6px 0px 5px;
}
.navbar-default .navbar-nav > li > a {
    border-bottom: 1px solid #2f84af;
    margin: 0px 6px 0 5px;
    padding: 10px 15px;
}
.navbar-default .navbar-nav > li:hover {
    background: #1390c7;
}
.navbar-default .navbar-toggle {
    background: #fff;
}
.newsletter-sty input {
    width: 52%;
}
.newsletter-sty .btn {
    padding: 6px 5px;
}
.banner-div-sty .pull-left {
    float: none;
}
.banner-div-sty .pull-right {
    width: auto;
    background: none;
    margin-top: 14px;
    float: none;
}

.banner-right-sty {
    background: rgb(218, 215, 212) none repeat scroll 0 0;
    float: left;
    padding: 4px;
    width: 48%;
}

.banner-right-mid {
    background: rgb(218, 215, 212) none repeat scroll 0 0;
    float: left;
    height: auto;
    margin: 0 0 0 32px;
    padding: 4px;
    width: 47.5%;
}

.product-div {
    margin: 3px 11px 16px 5px;
    width: 31%;
}

.product-main-sty .last {
    margin: 3px 11px 16px 5px;
}

/*header sty start*/

.header-main-sty .search-box input {
    width: 360px;
}

}

@media (max-width: 767px) {


    .right-login-sty {
        margin-bottom:20px;
        padding-bottom:20px;
        min-height:inherit;
    }
    .right-login-sty h2 {
        font-size:22px;
    }
    .right-login-sty label {
        margin:0 0 0 15px;
        padding:0;    
    }
    .right-login-sty input[type="text"], .right-login-sty input[type="password"], .right-login-sty select, .right-login-sty textarea  {
        margin:10px 0 0;
    }
    .loginbutton {
        margin:0;
        font-size:17px;
    }
    .password {
        margin:0 0 0 15px;
    }
    .resgister-link {
        font-size:16px;
    }
    .resgister-para {
        font-size:14px;
        margin:10px 14px 0;
    }
    .new-customer a {
        font-size:20px;
    }
    .left-login-sty h2 {
        font-size:22px;
    }
    .two-input input[type="text"]{
        float:left;
        width:100%;
    }
}

@media (max-width: 640px) {



    .section-div-sty .pull-right {
        background: none;
        margin-top: 0;
        width: auto;
        text-align: center;
        display: none;
    }

        .section-div-sty .pull-right img {
            width: 50%;
        }




    .header-main-sty .search-box {
        margin: 30px 18px;
    }

        .header-main-sty .search-box input {
            width: 255px;
        }

    .header-main-sty .container {
        padding: 0;
    }




    .banner-div-sty .pull-right {
        width: auto;
        background: none;
        margin-top: 14px;
    }

    .banner-right-sty {
        background: rgb(218, 215, 212) none repeat scroll 0 0;
        float: left;
        padding: 4px;
        width: 47.5%;
    }

    .banner-right-mid {
        background: rgb(218, 215, 212) none repeat scroll 0 0;
        float: left;
        height: auto;
        margin: 0 0 0 30px;
        padding: 4px;
        width: 47.5%;
    }

    .product-div {
        margin: 3px 9px 16px 5px;
        width: 31%;
    }

    .product-main-sty .last {
        margin: 3px 9px 16px 5px;
        ;
    }


    /*footer sty start*/

    .footer-copy-div .pull-right {
        float: left;
    }

        .footer-copy-div .pull-right p {
            margin-right: 10px;
            margin-top: 5px;
        }


    .footer-div-sty .col-sm-3 {
        float: left;
        width: 50%;
    }

    .footer-div-sty .container {
        padding: 0;
    }

    .footer-copy-div .pull-right img {
        margin: 0 0 10px 0;
    }

    .footer-copy-div {
        padding-top: 15px;
    }


        .footer-copy-div p {
            padding: 0;
        }



    .term-condition-sty {
        margin-top: 15px;
    }

    .newsletter-sty .btn {
        padding: 6px 12px;
    }
}


@media (max-width: 480px) {

    .banner-right-sty {
        width: 46.5%;
    }

    .banner-right-mid {
        width: 46.5%;
    }




    .newsletter-sty input {
        width: 62%;
    }

    /*footer sty end*/


    .section-div-sty .pull-right img {
        width: 70%;
    }

    .product-div {
        margin: 3px 7px 15px 11px;
        min-height: 255px;
        width: 46%;
    }


    .banner-div-sty .pull-left {
        float: none;
    }

    .banner-div-sty .pull-right {
        float: none;
        margin: 20px auto;
    }


    .header-main-sty figure img {
        margin: 17px 0 10px;
    }

    .header-main-sty .search-box {
        margin: 7px 0 14px 44px;
        float: none;
        width: 82.3%;
    }


    .header-main-sty .cart-div-sty {
        float: none;
        margin: 0 auto 14px;
        width: 106px;
    }



    .header-main-sty .search-box input {
        width: 305px;
    }

    .header-main-sty {
        padding: 0;
    }

        .header-main-sty .pull-left {
            float: none;
            text-align: center;
        }


        .header-main-sty .pull-right {
            float: none;
        }

    .header-top-strip .pull-left {
        float: none;
    }

    .header-top-strip .pull-right {
        float: none;
    }


    .section-div-sty .pull-right {
        display: block;
    }

   .product-boxes-ngc {
         width:100%;
    }

    .product-boxes-ngc img {
        max-height: none;
        max-width: 100%;
    }
    

    .bottom-boxes {
        width:100%;
    }

    .bottom-boxes-icons {
        display:none;
    }
    


}



@media (max-width: 360px) {


    /*product page start*/

    .product-section .product-catogry-side {
        width: 100%;
    }

    .product-section .product-listing-side {
        width: 100%;
    }

    .product-listing-side .product-div {
        width: 87.3%;
        margin: 10px 19px 16px 14px;
    }

    /*product page end*/



    .banner-div-sty .pull-right {
        width: auto;
        background: none;
    }

    .banner-right-sty {
        background: none;
        float: none;
        padding: 4px;
        width: auto;
    }

    .banner-right-mid {
        background: none;
        float: none;
        height: auto;
        margin: 20px 0 0 0px;
        padding: 4px;
        width: auto;
    }

    .banner-right-sty {
        float: none;
    }

    .banner-right-mid {
        float: none;
    }


    /*footer sty start*/


    .width-at-360 {
        width: auto !important;
    }

    .footer-div-sty .col-sm-3 {
        float: left;
        width: 50%;
    }


    .footer-div-sty .container {
        padding: 0;
    }

    .footer-copy-div .pull-right img {
        margin: 0 0 10px 0;
    }

    .footer-copy-div {
        padding-top: 15px;
    }


        .footer-copy-div p {
            padding: 0;
        }



    .term-condition-sty {
        margin-top: 15px;
    }


    .newsletter-sty input {
        width: 67%;
    }

    /*footer sty end*/

    .section-div-sty .pull-right {
        background: none;
        margin-top: 0;
        width: auto;
    }

    .product-div {
        width: 80%;
        margin: 3px 0px 15px 34px;
        min-height: 255px;
    }


    .banner-div-sty .pull-left {
        float: none;
    }

    .banner-div-sty .pull-right {
        float: none;
        margin: 20px auto;
    }


    .header-main-sty figure img {
        margin: 17px 0 10px;
    }

    .header-main-sty .search-box {
        margin: 7px 15px 14px;
        float: none;
        width: auto;
    }




        .header-main-sty .search-box input {
            width: 239.5px;
        }

    .header-main-sty {
        padding: 0;
    }

        .header-main-sty .pull-left {
            float: none;
            text-align: center;
        }


        .header-main-sty .pull-right {
            float: none;
        }

    .header-top-strip .pull-left {
        float: none;
    }

    .header-top-strip .pull-right {
        float: none;
    }
}

@media (max-width: 320px) {

    /*product page start*/

    .product-section .product-catogry-side {
        width: 100%;
    }

    .product-section .product-listing-side {
        width: 100%;
    }

    .product-listing-side .product-div {
        width: 96.3%;
        margin: 10px 19px 16px 0px;
    }

    /*product page end*/




    .header-main-sty .offer-sty-img {
        margin: 0 20px 0 42px;
    }

    .header-main-sty .search-box input {
        width: 199.8px;
    }




    .footer-div-sty .social-div {
        width: auto;
    }

    .product-div {
        width: 100%;
        margin: 3px 19px 15px 0;
        min-height: 255px;
    }
}


/*responsive css End*/

/*css for layout page username Start*/

.fty {
    height: 16px;
    padding-bottom: 5px;
    width: auto;
    display: block;
    float: right;
    position: relative;
    margin-left: 0px;
    color: green;
    font-size: 12pt;
}

    .fty:hover .mty {
        display: block;
    }

.mty {
    display: none;
    position: absolute;
    z-index: 999999999999;
    text-align: left;
}

    .mty:after {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        top: 10px;
    }

    .mty:after {
        border-color: rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) #fff;
        border-width: 15px;
        margin-left: -20px;
        margin-top: -16px;
    }

.drop_style {
    background: #fff;
    border-radius: 3px !important;
    cursor: pointer;
    height: 125px;
    margin-top: 20px;
    padding: 20px 5px 0 20px;
    width: 150px;
    margin-left: -30px;
}


.header-main-sty .cart-div-sty ul li .drop_style a {
    line-height: 22px;
    font-size: 12px;
}

    .header-main-sty .cart-div-sty ul li .drop_style a:hover {
        color: #f37020;
    }



.header-main-sty .cart-div-sty ul li .drop_style dd {
    font-weight: normal;
    padding-bottom: 3px;
    color: #0a8b9a;
}




.post_btn:hover {
    background: #20a293;
    cursor: pointer;
}

.mty-icon1 {
    /*background: url(../Images/logout.png) left center no-repeat;*/
    border: none;
    color: #fff;
}

.mty-icon2 {
    /*background: url(../Images/myaccount.png) left center no-repeat;*/
    border: none;
    color: #fff;
}


.foot_heading {
    color: #9dffff !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
}

/*css for layout page username Start*/


.ourtertext-page {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #26d8c4 #ddd #ddd;
    border-image: none;
    border-style: solid;
    border-width: 3px 1px 1px;
    height: auto;
    margin-top: 50px;
    padding: 20px 15px 15px;
    position: relative;
    width: 1070px;
}

.content_area {
    background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
    height: auto;
    min-height: 300px;
    margin: 10px auto 0;
    width: 1100px;
}

.ourtertext-page h2 {
    background: #f7f9f9 none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 0 50px 50px 0;
    color: #4275b8;
    font-size: 20px;
    font-style: italic;
    font-weight: normal;
    padding: 4px 40px 4px 15px;
    position: absolute;
    top: -20px;
    width: auto;
}

.content_area p {
    font-size: 13px;
    line-height: 22px;
    margin: 0;
}

.ourtertext-page p {
    margin-top: 12px !important;
}