@font-face{   font-family:rock;   src:url(../../views/images/fonts/rock.eot);   src:local('rock'),url(../../views/images/fonts/rock.woff) format('woff'),url(../../views/images/fonts/rock.ttf) format('truetype'); } body{   font-family: 'Roboto', sans-serif;   font-size:14px;   color:#333;   overflow-x:hidden } *{   margin:0;   padding:0;   font-family: 'Roboto', sans-serif; } a{   text-decoration:none } img{   max-width:100% } ol,ul{   list-style:none } #bg{   background:url(../../views/images/bg.jpg);   padding:0!important } .headerArea{   width:100%;   top:0;   background:url(../../views/images/bg.jpg);   z-index:1 } .headerbg{   background:#F0F0F0 } #topNav{   padding:10px 0px 0px 0px } #topNav .searchHolder{   background:#fff;   height:30px;   border-radius:6px;   overflow:hidden } #topNav form{   position:relative } #topNav form .advancedSearch_form{   position:absolute;   background:#f6f7f8;   border:1px solid #ddd;   left:0;   top:0;   width:100%;   padding:5px;   display:none;   z-index:2 } .searchHolder .advancedSearch{   background:#ededed;   font-size:14px;   color:#222;   height:30px;   width:45%;   padding:0 1%;   line-height:30px;   cursor:pointer;   float:left } .advancedSearch_form .fieldHolder{   float:left;   width:32%;   margin-left:2% } .advancedSearch_form .fieldHolder:first-child{   margin-left:0 } .advancedSearch_form button{   width:100%;   background:#666;   background:-moz-linear-gradient(top,#666 0,#424242 100%);   background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#666),color-stop(100%,#424242));   height:35px;   line-height:35px;   border:1px solid #ddd;   border-radius:4px;   color:#fff;   font-size:16px;   font-weight:700 } .advancedSearch_form button:hover{   background:#424242;   background:-moz-linear-gradient(top,#424242 0,#666 100%);   background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#424242),color-stop(100%,#666)) } .button{   width:100%;   background:#666;   background:-moz-linear-gradient(top,#666 0,#424242 100%);   background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#666),color-stop(100%,#424242));   height:35px;   line-height:35px;   border:1px solid #ddd;   border-radius:4px;   color:#fff;   font-size:16px;   font-weight:700 } .button:hover{   background:#424242;   background:-moz-linear-gradient(top,#424242 0,#666 100%);   background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#424242),color-stop(100%,#666)) } .advancedSearch_form input{   border-radius:4px;   border:1px solid #ddd;   height:35px;   width:100%;   padding:0 2%;   outline:0 } .icon{   background:url(../../views/images/sprite.png) no-repeat;   display:inline-block } .searchHolder .advancedSearch i{   height:5px;   width:10px;   vertical-align:middle } .inputHolder{   float:left;   width:40% } .inputHolder input{   border:1px solid #ddd;   height:30px;   width:100%;   outline:0;   padding:0 2% } .btnHolder{   float:left;   width:15%;   height:30px } .btnHolder button{   height:30px;   line-height:30px;   background:#878a8f;   background:-moz-linear-gradient(top,#878a8f 0,#525962 100%);   background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#878a8f),color-stop(100%,#525962));   border:none;   width:100%;   text-align:center;   color:#fff;   font-size:14px;   font-family:rock } .btnHolder button:hover{   background:#525962;   background:-moz-linear-gradient(top,#525962 2%,#878a8f 98%);   background:-webkit-gradient(linear,left top,left bottom,color-stop(2%,#525962),color-stop(98%,#878a8f)) } #custom-breadcrumb{   margin:10px 0 } #topNav .rightLinks li{   float:right;   margin-left:3%;   position:relative } #topNav .rightLinks li .dropDown{   background:#fff;   border:1px solid #eee;   padding:10px;   position:absolute;   left:0;   top:20px;   width:150px;   z-index:2;   display:none } #topNav .rightLinks li .dropDown li{   float:none;   margin:0 } #topNav .rightLinks li:first-child{   margin-left:0 } #topNav .rightLinks a{   color:#4a6679;   font-size:11px;   text-transform:uppercase } #topNav .rightLinks a:hover{   color:#5da1b1;   text-decoration:none } #topNav .rightLinks li:first-child i{   height:5px;   width:10px;   background-position:0 -12px;   vertical-align:middle } #topNav .rightLinks li:first-child a:hover i{   background-position:0 -23px } #topNav .rightLinks li.basket i{   height:15px;   width:20px;   background-position:0 -36px;   vertical-align:middle } #topNav .rightLinks li.basket a:hover i{   background-position:0 -58px } header{   padding:5px 0 0;   text-align:center;   margin:0 -30px } #bannerContainer,#mainContainer,#topContainer{   padding:0 } #topContainer .categoryMenu{   position:relative;   padding-bottom:5px;   z-index:1 } .categoryMenu span:first-child{   text-transform:uppercase;   font-size:16px;   font-family:rock;   font-weight:700;   cursor:pointer;   background:#fff;   display:inline-block;   width:100%;   padding:2px 10px } .categoryMenu span:first-child i{   float:right;   margin-top:10px } .categoryMenu span:hover{   color:#5da1b1 } .categoryMenu span i{   height:5px;   width:10px;   vertical-align:middle } .categoryMenu span:hover i{   background-position:0 -23px } #topContainer .categoryMenu .menuList{   position:absolute;   left:15px;   top:26px;   background:#fff;   z-index:2;   border:1px solid #bbb;   border-radius:3px;   -webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.13);   -moz-box-shadow:0 2px 4px 0 rgba(0,0,0,.13);   box-shadow:0 2px 4px 0 rgba(0,0,0,.13);   display:none } #topContainer .categoryMenu .menuList ul.leftNav{   padding:14px 0 8px;   position:relative;   width:240px } #topContainer .categoryMenu .menuList ul.leftNav li{   white-space:nowrap;   margin:0 10px 0 14px;   text-overflow:ellipsis;   text-align:left;   font-size:13px;   line-height:16px;   padding:0 0 7px;   background:url(../../views/images/arrow.gif) right center no-repeat } #topContainer .categoryMenu .menuList ul.leftNav li a{   color:#333 } #topContainer .categoryMenu .menuList .nav-arrow{   border-style:solid;   border-width:0 9px 9px;   border-color:transparent;   border-bottom:9px solid #bbb;   width:0;   height:0;   font-size:0;   line-height:0;   position:absolute;   top:-9px;   left:40px } #topContainer .categoryMenu .menuList .arrow{   border-style:solid;   border-width:0 9px 9px;   border-color:transparent;   border-bottom:9px solid #fff;   width:0;   height:0;   font-size:0;   line-height:0;   position:absolute;   top:1px;   left:-9px } #topContainer .categoryMenu .menuList ul.leftNav li:hover{   font-weight:700;   background:url(../../views/images/active-arrow.gif) right center no-repeat } #topContainer .categoryMenu .menuList ul.leftNav li:hover a{   text-decoration:none;   color:#222 } .menu_tabs_panel{   position:absolute;   top:-1px;   left:99%;   background:#fff;   border:1px solid #bbb;   width:240px;   padding:10px;   display:none } .menu_tabs_panel h3{   font-size:20px;   color:#000;   margin:0 } .menu_tabs_panel li{   margin:0 -10px;   padding:0 10px } .menu_tabs_panel ul{   margin-top:15px } .menu_tabs_panel ul li a{   color:#666;   font-size:13px;   line-height:26px } .menu_tabs_panel ul li a:hover{   text-decoration:none;   color:#e47911 } .menu_tabs_panel .relevent_img{   text-align:center;   margin:20px 0 } #topContainer .categoryMenu:hover .menuList{   display:block } .topSearch{   font-family:rock;   margin:0px 0 0;   font-size:16px;   text-align:left;   color:#4a6679;   padding:0 } .topSearch strong{   font-size:18px;   margin-right:15px } .topSearch a{   color:#4a6679 } .topSearch a:hover{   color:#5da1b1;   text-decoration:none } .topSearch i{   background:url(../../views/images/breadcrumb_arrow.png) no-repeat;   height:7px;   width:14px;   display:inline-block;   vertical-align:middle } .follow-button_holder{   text-align:right;   padding:0px 14px 0 0 } .container-custom .follow-button_holder{   text-align:right;   padding:12px 20px 0 0 } #follow-button{   background-color:#eee;   background-image:-webkit-linear-gradient(#fff,#dedede);   background-image:linear-gradient(#fff,#dedede);   border:1px solid #ccc;   border-radius:3px;   color:#333;   font-weight:700;   text-shadow:0 1px 0 rgba(255,255,255,.5);   cursor:pointer;   height:20px;   font-size:12px;   padding:2px 5% } .follow-button_holder .fb{   background:#4864b4;   padding:5px 6px;   color:#fff;   font-size:11px;   margin-right:3px } .follow-button_holder .fb:hover{   text-decoration:none } .follow-button_holder .fb i{   background:url(../../views/images/facebook_icon.png) no-repeat;   height:12px;   width:12px;   margin-right:5px;   display:inline-block;   vertical-align:middle } #follow-button i{   height:13px;   width:18px;   background-position:0 -80px;   vertical-align:middle } #follow-button:hover{   text-decoration:none;   border-color:#bbb;   background-color:#d9d9d9;   background-image:-webkit-linear-gradient(#f8f8f8,#d9d9d9);   background-image:linear-gradient(#f8f8f8,#d9d9d9);   box-shadow:none } .num{   border:1px solid #aaa;   padding:4px;   width:24px;   height:15px;   text-align:center;   font-size:11px;   color:#333;   background:#fff;   position:relative;   margin-right:3px } .num i{   position:absolute;   left:-7px;   top:50%;   margin-top:-2.5px;   background:url(../../views/images/arrow-_icon.png) no-repeat;   width:7px;   height:5px;   display:inline-block } .contentHolder{   margin-top:10px } .contentHolder .imgHolder .row{   margin:0 } .contentHolder .imgHolder .row>div{   padding:0;   line-height:0 } .contentHolder .imgHolder .row>div a{   width:100%;   height:133px;   overflow:hidden;   display:inline-block } .contentHolder .right_col{   background:url(../../views/images/transparent.png);   border:1px solid #ddd;   padding:10px;   font-size:18px;   line-height:26px;   min-height:665px } footer .col-xs-6.custom_center{   min-height:242px } footer{   background:url(../../views/images/footer_shadow.png) top repeat-x;   font-family:rock;   font-size:14px;   padding:30px 0 } footer h2{   margin:0 0 10px;   font-size:16px;   color:#4a6679;   font-weight:700 } footer ul li{   line-height:22px } footer a{   color:#4a6679;   font-weight:400 } footer .copyRight{   text-align:center;   font-family:Arial,Helvetica,sans-serif } footer .copyRight a{   background:url(../../views/images/social_icon.png) no-repeat;   display:inline-block;   vertical-align:middle;   margin:0 5px } footer .copyRight a.facebook{   height:13px;   width:10px } footer .copyRight a.facebook:hover{   background-position:0 -21px } footer .copyRight a.google{   height:14px;   width:15px;   background-position:-21px 0 } footer .copyRight a.google:hover{   background-position:-21px -21px } footer .copyRight a.twitter{   height:14px;   width:17px;   background-position:-44px 0 } footer .copyRight a.twitter:hover{   background-position:-44px -21px } .column{   font-family:rock;   font-size:13px;   margin:15px 0;   position:relative;   padding: 0px; } .column:hover{   background:#fff } .column h2{   margin:0 0 5px;   line-height:18px } .column h2 a{   color:#000;   font-size:14px; } .column a:hover{   color:#5da1b1;   text-decoration:none } .column .rate{   color:#666 } .column .shopNow{   background:#fff;   padding:5px 15px;   text-transform:uppercase;   float:right;   margin:0 -5px -5px 0;   color:#222 } .column .shopNow:hover{   background:#eee;   color:#222 } .wish{   height:30px;   left:0;   line-height:30px;   padding:0 10px;   position:absolute;   top:8px;   z-index:1 } .wish .addtowish{   background:url(../../views/images/wish.png) no-repeat;   display:block;   height:18px;   width:22px } .wish .addedtowish{   background:url(../../views/images/wish.png) 0 -18px no-repeat;   display:block;   height:18px;   width:22px } .selectproduct{   height:30px;   right:0;   line-height:30px;   padding:0 10px;   position:absolute;   top:5px;   z-index:1 } .image a{   display:block;   overflow:hidden } .image a img{   margin:0 auto;   transition:all .5s ease 0s } .description {   margin:0 4px 0 5px;   min-height:103px;   text-align:center; } .description1{   margin:0 4px 0 5px;   min-height:103px; } .description h2, .description1 h2{   display:block;   line-height:14px;   margin:10px 0 0;   max-height:45px;   min-height:24px;   overflow:hidden;   padding:0 } .description h1, .description1 h1 {   font-size: 2em !important } .description h2, .description1 h2{   font-size: 1.5em !important } .description h3, .description1 h3 {   font-size: 1.17em !important } .description h4, .description1 h4 {   font-size: 1em !important } .description h5, .description1 h5 {   font-size: .83em !important } .description h6 .description1 h6{   font-size: .75em !important } .container{   padding-left:10px;   padding-right:10px } .container-custom{   padding-right:15px;   padding-left:15px;   margin-right:auto;   margin-left:auto } @media (min-width :300px){   .container-custom{  width:100%;  padding-right:0px;  padding-left:0px   } } @media (min-width :320px){   .container-custom{  width:100%;  padding-right:0px;  padding-left:0px   } } @media screen and (min-width :320px) and (max-width :539px){   .col-xss-6{  width:50%;  float:left;  min-height:1px;  padding-left:15px;  padding-right:15px;  position:relative   } } @media (min-width :540px){   .container-custom{  width:518px;  margin:0 auto   } } @media screen and (min-width :540px) and (max-width :768px){   .col-smm-4{  width:33.3333%;  float:left;  min-height:1px;  padding-left:15px;  padding-right:15px;  position:relative   } } @media (min-width:768px){   .container-custom{  width:518px   } } @media (min-width:958px){   .container-custom{  width:777px   } } @media (min-width:1217px){   .container-custom{  width:1036px   } } @media (min-width:1300px){   .container-custom{  width:1295px   } } @media (min-width:1490px){   .container-custom{  width:1295px   } } @media (min-width:1600px){   .container-custom{  width:1554px   } } @media (min-width:1833px){   .container-custom{  width:1813px   } } ul.display li{   list-style:none;   margin:30px 15px 0;   padding:0;   border-bottom:0 solid #CF975F;   position:relative } ul.display li a{   color:#4a6679;   text-decoration:none;   text-transform:capitalize } ul.display li .back a{   color:#fff;   text-decoration:none;   text-transform:capitalize } ul.display li .content_block{   padding:0 } ul.display li .content_block h2{   margin:0;   padding:0;   font-weight:400;   font-size:1.7em } ul.display li .content_block p{   margin:0;   font-size:1.2em } ul.display li .content_block a img{   padding:0;   border:0 solid #ccc;   background:#fff;   margin:0 20px 0 0;   float:left } ul.thumb_view li{   float:left;   width:260px;   margin:30px 15px 0;   padding:0 } ul.thumb_view li h2{   display:block } ul.thumb_view li p{   display:none } ul.thumb_view li .content_block{   padding:0 } ul.thumb_view li .content_block a img{   margin:0 } .thumb_view .flip-container .post-meta{   font-size:14px;   font-style:italic;   color:#fff } .thumb_view .flip-container .post-date,.thumb_view .flip-container post-author{   font-style:normal;   text-transform:uppercase } .content_title{   color:#4a6679;   font-family:rock;   font-size:18px;   padding:0 0 0 15px;   border-bottom:0 solid #CF975F;   text-transform:uppercase;   position:relative } a.switch_thumb{   display:block;   width:37px;   height:14px;   background:url(../../views/images/mode.png) no-repeat;   position:absolute;   bottom:0;   right:10px } a.swap{   background-position:left bottom } .flip-container{   perspective:1000;   height:220px } .flip-container.hover .flipper,.flip-container:hover .flipper{   transform:rotateY(180deg) } .back,.flip-container,.front{   width:260px } .flipper{   transition:.6s;   transform-style:preserve-3d;   position:relative } .back,.front{   backface-visibility:hidden;   position:absolute;   top:0;   left:0;   height:220px } .back{   background:#4a6679;   padding:10px 20px } .front{   z-index:2;   transform:rotateY(0deg) } .back{   transform:rotateY(180deg) } .pagination{   width:100%;   text-align:center;   padding:10px } .pagination>li>a,.pagination>li>span{   background:0 0;   border:none;   font-size:16px;   color:#666;   float:none } .pagination li:first-child a{   background:url(../../views/images/sprite.png) 0 -99px no-repeat;   padding-left:25px } .pagination li:last-child a{   background:url(../../views/images/sprite.png) 100% -175px no-repeat;   padding-right:25px } .pagination li:last-child a:hover{   background-position:100% -213px } .pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{   color:#5da1b1 } .pagination li:first-child a:hover{   background-position:0 -137px } .heading{   font-size:30px;   color:#4a6679;   font-family:rock;   text-align:left;   margin:15px 0 10px;   position:relative;   height:auto;   padding:0px 0px 10px 0px;   line-height:30px } .heading span{   background:#fff;   width:100%;   display:inline-block;   height:51px;   border:1px solid #ddd } .product_detal_heading{   text-align:left;   padding-left:0 } .product_detal_heading span{   background:0 0;   border:none } .heading i{   height:50px;   width:20px;   background-position:0 -268px;   vertical-align:middle;   position:absolute;   left:0;   top:1px } .heading .right_art{   right:3px;   background-position:0 -339px;   left:auto } .socialConnect{   border-bottom:1px solid #aaa;   padding-bottom:30px } .socialConnect h3{   font-size:18px;   color:#222;   font-weight:700;   margin-bottom:20px } .socialConnect h3 span{   font-size:14px;   color:#666;   font-weight:400 } .socialConnect a{   height:32px;   line-height:32px;   width:auto;   color:#fff;   padding:0 13px 0 0;   display:inline-block;   border-radius:4px;   white-space:normal;   position:relative;   font-weight:700;   font-size:15px } .socialConnect a:hover{   text-decoration:none } .socialConnect a.facebookBtn{   background-color:#3b5998;   border-bottom:2px solid #2b416f } .socialConnect a.facebookBtn i{   background-position:0 -408px;   height:30px;   width:40px;   vertical-align:middle;   border-right:1px solid #29447d;   margin-right:10px } .socialConnect a.googleBtn{   background-color:#d03324;   border-bottom:2px solid #98251a;   margin-left:10px } .socialConnect a.googleBtn i{   background-position:5px -438px;   height:30px;   width:40px;   vertical-align:middle;   border-right:1px solid #b72d20;   margin-right:10px } .socialConnect a.facebookBtn:hover{   background:#4c6db2 } .socialConnect a.googleBtn:hover{   background:#db3d2e } .formHolder{   background:url(../../views/images/transparent.png);   padding:15px;   font-size:16px;   color:#666 } .formHolder h4{   font-size:16px;   font-weight:700;   color:#222 } .formHolder .row>div{   border-right:0 solid #ddd;   margin-bottom:15px } .form-horizontal{   margin-top:20px } .form-horizontal .control-label{   text-align:left;   font-size:14px;   color:#666;   font-weight:400 } .form-horizontal .control-label span{   color:#ff0000 } .formHolder .form-control{   height:30px;   border:1px solid #ddd } .formHolder .form-list{   width:100%;   height:200px;   border:1px solid #ddd;   padding:12px } .formHolder textarea{   height:140px;   width:100%;   padding:12px;   border:1px solid #ddd } .formHolder #description{   height:340px } .form-horizontal .forgotPassword{   color:#3b5998;   font-size:15px;   font-weight:700 } .btn-default{   background:#878a8f;   background:-moz-linear-gradient(top,#878a8f 0,#525962 100%);   background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#878a8f),color-stop(100%,#525962));   color:#fff;   border:none;   padding:7px 25px;   font-size:15px;   font-weight:700 } .btn-default:hover{   color:#fff;   background:#878a8f;   background:-moz-linear-gradient(top,#878a8f 0,#878a8f 100%);   background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#878a8f),color-stop(100%,#878a8f)) } .click_for_sign_up{   font-style:italic } .formHolder h4{   margin-bottom:0 } .signupBtn{   position:relative } .signupBtn .btn-default{   background:#666;   background:-moz-linear-gradient(top,#666 0,#424242 100%);   background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#666),color-stop(100%,#424242)) } .signupBtn .btn-default:hover{   background:#424242;   background:-moz-linear-gradient(top,#424242 0,#666 100%);   background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#424242),color-stop(100%,#666)) } .myAccount_holder{   position:relative;   width:100%;   text-align:right } .myAccount_holder a.btn{   background:#f1f1f1;   background:-moz-linear-gradient(top,#f1f1f1 0,#fff 100%);   background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f1f1f1),color-stop(100%,#fff));   padding:7px;   display:inline-block;   font-size:11px;   color:#4a6679 } .myAccount_holder a.btn:hover{   text-decoration:none;   background:#fff;   background:-moz-linear-gradient(top,#fff 1%,#f1f1f1 100%);   background:-webkit-gradient(linear,left top,left bottom,color-stop(1%,#fff),color-stop(100%,#f1f1f1)) } .myAccount_holder i{   height:19px;   width:25px;   background-position:0 -474px;   vertical-align:middle } .dropBox{   position:absolute;   width:100%;   background:#fff;   left:0;   top:33px;   z-index:2;   border:1px solid #eee;   text-align:left;   display:none } .dropBox ul li a{   font-size:11px;   color:#4a6679;   text-transform:uppercase;   background:url(../../views/images/arrow.png) left center no-repeat;   padding-left:15px } .dropBox ul{   padding:10px } .dropBox ul li a:hover{   text-decoration:none;   color:#222;   font-weight:700 } .large_imgHolder{   background:#f0f0f0;   padding:5px } .large_imgHolder img{   width:100% } .thumbs .imgHolder{   float:left;   width:30%;   margin-left:5%;   border-color:#f0f0f0 } .thumbs .imgHolder:first-child{   margin-left:0 } .description h3, .description1 h3{   font-size:20px;   color:#4a6679;   font-weight:700;   margin:10px 0 } .description, .description1{   font-size:13px;   color:#666 } .detail{   font-size:16px;   color:#222 } .text{   color:#4a6679;   font-size:16px;   margin-bottom:0 } .text strong{   color:#4a6679 } .available_pcs{   font-size:16px;   color:#4a6679;   margin-top:15px } .available_pcs a{   font-size:14px;   font-style:italic;   color:#000 } .contentHolder .table{   margin-top:20px;   text-align:center;   border:1px solid #aaa;   font-size:16px } .contentHolder .table th{   text-align:center } .contentHolder .table1{   ;   margin-top:20px;   border:1px solid #aaa;   font-size:14px;   width:100% } .contentHolder .table1 td,.contentHolder .table1 th{   padding:10px } .contentHolder .table1 th{   text-align:center } .table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{   border:1px solid #aaa;   vertical-align:middle } .table-bordered>thead>tr>th{   background:#fff; } .contentHolder .table .imgHolder{   border:none } .buyNow{   background:#666;   background:-moz-linear-gradient(top,#666 0,#424242 100%);   background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#666),color-stop(100%,#424242)) } .buyNow:hover{   background:#424242;   background:-moz-linear-gradient(top,#424242 0,#666 100%);   background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#424242),color-stop(100%,#666)) } .relatedProduct h2.title{   font-size:20px;   padding:10px;   margin:0 } .relatedProduct .column .imgControl{   line-height:140px;   display:block } .relatedProduct .column .imgControl img{   margin:auto;   vertical-align:middle } .relatedProduct .column .imgControl table td{   vertical-align:middle;   height:100% } .relatedProduct .column .shopNow{   float:none } .breadcrumb{   margin-top:20px!important;   background:0 0;   padding:0 } .column a.img_control{   height:170px;   width:100%;   display:inline-block;   text-align:center;   background:#dedede } .column a.img_control img{   height:100%;   width:auto } #topNav .rightLinks{   margin-top:0 } #topNav .rightLinks li{   margin-top:5px } #topNav .rightLinks li .myAccount_holder{   margin-top:-5px;   height:30px;   width:115px } #topNav .rightLinks .myAccount_holder a.btn{   height:30px;   line-height:30px;   padding:0 10px } li .dropBox{   left:auto;   right:0;   top:28px;   width:200px;   border:1px solid #ddd; } #topNav .rightLinks li ul{   display:block;   position:static;   border:none;   background:0 0 } #topNav .rightLinks li ul li{   float:none;   margin:0;   display:block!important } #topNav .rightLinks .dropDown ul{   width:auto;   padding:0;   text-align:left } .dropdown.open{   border-bottom:1px solid #ddd } .dropdown.open ul li a{   color:#e47911!important } .dropdown.open ul li a:hover{   color:#000!important } .caret{   float:right;   margin-top:8px } .navbar{   display:none } .column>a{   height:219px;   background:#ccc;   line-height:283px;   text-align:center;   display:table-cell;   vertical-align:middle;   margin-left:auto;   margin-right:auto } .column table{   height:100%;   width:100%;   text-align:center } .column .shopNow{   height:auto;   width:auto;   line-height:normal;   position:absolute;   right:6px;   bottom:6px } .dropdown-menu>li{   position:relative;   -webkit-user-select:none;   -moz-user-select:none;   -ms-user-select:none;   -o-user-select:none;   user-select:none;   cursor:pointer } .dropdown-menu .sub-menu{   left:100%;   top:0;   display:none;   margin-top:-1px;   border-top-left-radius:0;   border-bottom-left-radius:0;   box-shadow:none } .left-caret:after,.right-caret:after{   content:"";   border-left:4px solid transparent;   border-right:4px solid transparent;   border-top:4px solid;   display:inline-block;   height:0;   vertical-align:middle;   width:0;   margin-left:5px } .dropdown-backdrop{   display:none } .dropdown-menu{   position:static;   float:none;   box-shadow:none;   border:none } .dropdown-menu .sub-menu{   position:static;   border:none;   width:100%;   padding-left:10px } .dropdown-menu>li>a.left-caret{   background:0 0;   color:#e47911;   font-weight:700 } .dropdown-menu>li>a{   padding-left:0 } .dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{   background:0 0 } @media only screen and (min-width:540px){   .col-custom-12{  float:left;  width:auto;  margin:0 0 0 20px;  padding:0 1px   } } @media only screen and (max-width:768px){   .myAccount_holder{  text-align:center   }   #bg{  padding:0 15px   }   .inputHolder{  width:54%   }   .btnHolder{  width:15%   }   .searchHolder .advancedSearch{  width:31%   }   footer,header{  margin:0   }   #topContainer .topSearch,.categoryMenu span{  font-size:13px   }   .follow-button_holder{  display:none   }   .contentHolder .imgHolder .row>div a{  height:auto   }   .contentHolder .right_col{  min-height:1px   }   #topNav .rightLinks li{  margin-left:3%   }   .form-horizontal .control-label,.formHolder{  font-size:13px   }   .signupBtn{  margin-top:110px   }   .formHolder .row>div{  min-height:1px   }   .contentHolder .table{  font-size:13px   }   .zoomWindow{  left:100%   }   .column h2 a{  font-size:12px   }   #topNav .rightLinks .myAccount_holder a.btn{  margin-top:10px   } } @media only screen and (max-width:767px){   .custom_center{  text-align:center   }   .product_outer .navbar{  padding:0 10px   }   #topNav .rightLinks .myAccount_holder a.btn{  margin-top:0   }   #topNav .rightLinks{  text-align:center;  margin-top:15px   }   #topNav .rightLinks li{  display:inline;  float:none   }   .contentHolder .right_col,.topSearch{  margin-top:20px   }   .signupBtn{  margin-top:20px;  text-align:left   }   .heading{  font-size:18px   }   .socialConnect h3{  font-size:14px   }   .socialConnect a.googleBtn{  margin-left:0   }   .column{  margin:1px auto;  padding: 0px;   }  .listing-page   {   padding: unset !important;   }   .large_imgHolder{  margin-bottom:10px   }   .menu_tabs_panel{  display:none!important   }   td .thumb_control{  width:50px;  display:inline-block   }   .categoryMenu{  display:none!important   }   .navbar{  display:block   }   .navbar-nav>li>a{  padding-top:5px;  padding-bottom:5px   }   .socialConnect a{  font-size:14px   }   .column>a img{  max-height:100%   }   .zoomPreload,.zoomWindow{  display:none!important   }   .relatedProduct h2.title{  text-align:center   } } @media only screen and (max-width:320px){   .inputHolder{  width:26%   }   .btnHolder{  width:15%   }   .searchHolder .advancedSearch{  width:59%   } } @media only screen and (max-width:479px){   .socialConnect{  text-align:center   }   .socialConnect h3{  text-align:left   }   .socialConnect a.googleBtn{  margin-top:15px   }   .dropBox ul li a{  font-size:12px   }   .searchHolder .advancedSearch{  font-size:10px   }   .btnHolder button{  font-size:12px   }   #bg{  padding:0 5px   }   .contentHolder .table{  font-size:12px   }   .table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{  padding:8px!important   }   .buyNow{  padding:5px;  font-size:10px   }   #topNav .rightLinks li .myAccount_holder{  margin:15px auto 0;  float:none   }   .pagination>li>a,.pagination>li>span{  padding:5px 8px;  font-size:14px   }   .pagination li:first-child a,.pagination li:last-child a{  background:0 0;  padding:0   }   .product_outer{  overflow:hidden   } } .error{   color:red;   text-align:left;   font-size:12px } .error h2{   color:red;   text-align:left;   font-size:14px;   font-weight:700 } .message{   font-size:14px;   color:green;   text-align:left } .mandatory{   color:red } .hide{   display:none } .show{   display:block } .even td{   background:#dedede } .center{   text-align:center } .right{   text-align:right } .table-responsive{   padding:0 0px } .strick{   padding-right:5px;   text-decoration:line-through;   float:left } .logo{   width:150px } .underline{   border-bottom:2px solid #d4d4d4;   margin-bottom:30px } .author{   font-size:12px;   font-weight:700 } .nospace{   padding:0!important;   margin:0!important } .nospace5{   padding:1px!important;   margin:0!important } .bold{   font-weight:700!important } .wrap{   word-wrap:break-word } .description img, .description1 img{   width:auto!important;   height:auto!important } .large{   font-size:20px } @media (max-width:540px){   .heading{  text-align:center   } } @media (min-width:768px){   .textvalue{  padding-top:7px   } } @media (max-width:958px){   .headerArea{  position:relative   }   .contentArea{  margin:0 auto   } } .sold{   color:red;   font-weight:700 } .thumbs .imgHolder {   float: left;   width: 28% !important;   margin: 0% 5% 5% 0% !important;   border-color: #F0F0F0; } .scrollup {   width: 62px;   height: 62px;   position: fixed;   bottom: 30px;   right: 10px;   display: none;   text-indent: -9999px;   background: url('../../views/images/top-scroll.png') no-repeat; } .questionanswer {   margin-top: 16px; } .thum_rating {   height: auto;   width: auto;   line-height: normal;   position: absolute;   left: 5px;   bottom: 3px; } .thum_rating span {   font-size: 18px;   color: #808080; } .prating {   margin: 0px auto; } .prating span {   font-size: 25px;   color: #808080; } .vrating {   margin: 0px auto 25px auto; } .vrating span {   font-size: 18px;   color: #4a6679; } .rating {   margin: 0px auto; } .strick1{   text-decoration: line-through; } .top10{   margin-top: 10px; } #ratemsg, #sratemsg {   height:20px;   margin: 15px auto; } .rating span {   font-size: 35px;   color: gray;   cursor: pointer; } .rating span:hover:before {   content: "\2605";   position: absolute;   color: #0066c0; } .active_rating:before{   content: "\2605";   position: absolute;   color: #FFA500; } .blue:before{   content: "\2605";   position: absolute;   color: #0066c0; } .blink_me {   animation: blinker 2s linear infinite; } .red{   color:red; } .ui-slider .ui-slider-handle {   z-index: 1 !important; } .fader {   display: inline-block; } .fader img:last-child {   position: absolute;   top: 0;   left: 0;   display: none; } .quickshop{   position: absolute;   top:180px;   left: 0;   display: none;   text-align:center;   width:100%;   padding:10px;   z-index:1; } .desktoplogo{   display:block; } .mobilelogo{   display:none; } .button3d {   box-shadow:inset 0px 1px 0px 0px #f5978e;   background:linear-gradient(to bottom, #f24537 5%, #c62d1f 100%);   background-color:#f24537;   border-radius:6px;   border:1px solid #d02718;   display:inline-block;   cursor:pointer;   color:#ffffff;   font-family:Arial;   font-size:15px;   font-weight:bold;   padding:6px 24px;   text-decoration:none;   text-shadow:0px 1px 0px #810e05;   margin-top:10px; } .button3d:hover {   background:linear-gradient(to bottom, #c62d1f 5%, #f24537 100%);   background-color:#c62d1f; } .button3d:active {   position:relative;   top:1px; } .width50{   width:50% ! important; } .width100{   width:100% ! important; } .container{   width:100% } .container-custom{   width:100% } .imgControl img{   width:100% !important; } #productcontect .column {   width: 233px; } .searchHolder{   margin-left:50px } ; @keyframes blinker {   50% {  opacity: 0.4;   } } .vheading{   font-size:30px;   color:#4a6679;   font-family:rock;   text-align:center;   margin:15px 0 10px;   position:relative;   height:31px;   padding:0;   line-height:48px } .red{   color:red !important; } .offer{   width:65px;   height:40px;   text-align:center;   right:0;   font-size:12px;   color:#ffffff;   background:url('../../views/images/offer3.png') no-repeat;   display:block;   line-height:13px;   padding:15px 11px;   position:absolute;   top:0px;   z-index:1 } .offer1{   width:65px;   height:40px;   text-align:center;   left:20px;   font-size:12px;   color:#ffffff;   background:url('../../views/images/offer3.png') no-repeat;   display:block;   line-height:13px;   padding:15px 11px;   position:absolute;   top:0px;   z-index:1 } @media screen and (max-width: 539px) and (min-width: 320px){   #productcontect .column {  width: auto;   }   .thum_rating {  position: relative;   }   .description, .description1 {  margin:0 4px 0 5px;  min-height:100px;   }   .mobilelogo{  display:block;  margin-top:10px;   }   .scrollup {  width: 62px;  height: 62px;  position: fixed;  bottom: 55px;  right: 10px;  display: none;  text-indent: -9999px;  background: url('../../views/images/top-scroll.png') no-repeat;   }   .width50{  width:100% ! important;   }   .paddingzero{  padding-left:0px !important;  padding-right:0px !important;   }   .padding5{  padding-left:0px !important;  padding-right:0px !important;   } } .mb-padding-zero{   padding:0px 25px 0px 25px; } .festival{   background:#f9be17 url('https://www.indianshelf.in/views/images/festival/bg.png?version=1.0');   padding:0px 0px 5px 0px } .festival img{   border:none; } .festival div{   text-align:center;   margin:0px 0px 80px 0px } .festival .lamp{   margin:0px 20px 80px 20px } .mob{   display:none; } @media (max-width: 991.98px){   .web{  display:none;   }   .mob{  display:block;   }   .mb-padding-zero{  padding:0px 0px 0px 0px;   } } @media (max-width: 575.98px){   .web{  display:none;   }   .mob{  display:block;   }   .mb-padding-zero{  padding:0px 0px 0px 0px;   } } .range-slider {   width: 100%;   margin: auto;   text-align: center;   position: relative;   height: 10px; } .range-slider input[type=range] {   position: absolute;   left: 0;   bottom: 0; } input[type=range] {   -webkit-appearance: none;   width: 100%; } input[type=range]:focus {   outline: none; } input[type=range]::-webkit-slider-runnable-track {   width: 100%;   height: 4px;   cursor: pointer;   animate: 0.2s;   background: #c9c9c9;   border-radius: none;   box-shadow: none;   border: 0; } input[type=range]::-webkit-slider-thumb {   z-index: 2;   position: relative;   box-shadow: none;   border: none;   height: 16px;   width: 16px;   border-radius: 25px;   background: #878a8f;   cursor: pointer;   -webkit-appearance: none;   margin-top: -7px; }  .stock-fluid { display: inline-block !important; table-layout: fixed; zoom: 1; border-collapse: collapse; } .stock-fluid .stock-main { display: table; content: ""; line-height: 0; font-size: 0; margin-top: 4px; } .stock-fluid .stock-main:before { display: table; content: ""; line-height: 0; font-size: 0; } .stock-badge { font-size: 12px !important; color: #FFF; font-weight: 700; background:#4a6679; height: 18px; text-align: center; display: inline-block; vertical-align: middle; white-space: nowrap; padding: 8px 5px; letter-spacing: 1px; } .stock-badge-out-of-stock { font-size: 12px !important; color: #FFF; font-weight: 700; background:#ff7777; height: 18px; text-align: center; display: inline-block; vertical-align: middle; white-space: nowrap; padding: 8px 5px; letter-spacing: 1px; } .rating-star {   display: flex;   float: left;   margin-top: 4px;   margin-right: 2px; } .rating-star .fa-star, .rating-star .fa-star-half-alt { color: #a7a7a7; } .rating-star .fa-star.checked, .rating-star .fa-star-half-alt.checked { color: #ffa500; } .stock-badge-min { border-right: 4px solid transparent; border-top: 18px solid #C45500; display: inline-block; position: absolute; } .stock-badge-mini { font-size: 12px!important; line-height: 16px!important; } .stocked { border-right: 4px solid transparent; border-top:18px solid #4a6679; display: inline-block; position: absolute; } .out-stocked { border-right: 4px solid transparent; border-top: 18px solid #ff7777; display: inline-block; position: absolute; } .stock-badge-sold {   font-size: 12px !important;   color: #FFF;   font-weight: 700;   background: #fabe67;   height: 18px;  text-align: center;   display: inline-block;   vertical-align: middle;   white-space: nowrap;   padding: 8px 5px;   letter-spacing: 1px; } .sold { border-right: 4px solid transparent; border-top: 18px solid #fabe67; display: inline-block; position: absolute; } .discount-price { font-size: 12px; color: #565959!important; text-decoration: line-through; } .offer { font-size: 12px!important; line-height: 16px!important; color: #565959!important; } .listing-page { padding: 0px 20px; } .column .rate { color: #2c2c2c;   font-size: 19px;   font-weight: 600; } .column .shop-now-btn { text-align: center; width: 100%; padding-top: 5px; position: relative;bottom: 46px; } .column .finbyz-button { color:#6c6c6c; text-decoration: none; background-color: #fff; -webkit-transition: .3s all ease; transition: .3s ease all; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; display: inline-block; text-align: center; font-weight: 700; padding: 10px 6px; border: 1px solid #d1d1d1; border-radius: 2px; position: relative; z-index: 2; font-weight: normal; width: 100%; } .column .finbyz-button:before { -webkit-transition: .5s all ease; transition: .5s all ease; position: absolute; top: 0; left: 50%; right: 50%; bottom: 0; opacity: 0; content: ''; background-color: #4a6679; z-index: -1; color: #fff !important; } .column:hover .finbyz-button, .column:focus .finbyz-button { color: #FFF !important; } .column:hover .finbyz-button:before, .column:focus .finbyz-button:before { -webkit-transition: 0.5s all ease; transition: 0.5s all ease; left: 0; right: 0; opacity: 1; } .column .shopNow { background: #fff; padding: 11px 15px; text-transform: uppercase; margin: 0 -5px -5px 0; color: #222; height: unset !important; width: unset !important; line-height: unset !important; position: unset !important; right: unset !important; bottom: unset !important; border: 1px solid #e5e5e5; width: 100% !important; }  .column .shopNow:hover { background: #eee; color: #222 }