.jcarousel-skin-tango .jcarousel-container { } .jcarousel-skin-tango .jcarousel-direction-rtl {direction: rtl;} .jcarousel-skin-tango .jcarousel-container-horizontal { width: 860px; padding: 10px 20px;} .jcarousel-skin-tango .jcarousel-container-vertical { width: 75px; height: 245px; padding: 40px 20px;} .jcarousel-skin-tango .jcarousel-clip { overflow: hidden;} .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 720px; height: 60px; left: 60px; background:url(../../images/galleryshadow.png) no-repeat bottom center;} .jcarousel-skin-tango .jcarousel-clip-vertical { width: 75px; height: 245px;} .jcarousel-skin-tango .jcarousel-item { width: 66px; height: 60px;} .jcarousel-skin-tango .jcarousel-item-horizontal {margin-left: 0;} .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {margin-left: 10px; margin-right: 0;} .jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 10px;} .jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000;} /** * Horizontal Buttons */ .jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 21px; right: -33px; width: 32px; height: 32px; cursor: pointer; background: transparent url(../../images/next-horizontal.png) no-repeat 0 0;} .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal { left: 5px; right: auto; background-image: url(../../images/prev-horizontal.png);} .jcarousel-skin-tango .jcarousel-next-horizontal:hover,.jcarousel-skin-tango .jcarousel-next-horizontal:focus { background-position: -33px 0;} .jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: -64px 0;} .jcarousel-skin-tango .jcarousel-next-disabled-horizontal,.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -96px 0;} .jcarousel-skin-tango .jcarousel-prev-horizontal {position: absolute; top: 21px; left: 120px; width: 32px; height: 32px; cursor: pointer;background: transparent url(../../images/prev-horizontal.png) no-repeat 0 0;} .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {left: auto; right: 5px;background-image: url(../../images/next-horizontal.png);} .jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-horizontal:focus { background-position: -32px 0;} .jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: -64px 0;} .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {cursor: default;background-position: -96px 0;} /*** Vertical Buttons */ .jcarousel-skin-tango .jcarousel-next-vertical {position:absolute;bottom:5px;left:43px;width:32px;height:32px; cursor: pointer;background: transparent url(next-vertical.png) no-repeat 0 0;} .jcarousel-skin-tango .jcarousel-next-vertical:hover,.jcarousel-skin-tango .jcarousel-next-vertical:focus { background-position: 0 -32px;} .jcarousel-skin-tango .jcarousel-next-vertical:active { background-position: 0 -64px;} .jcarousel-skin-tango .jcarousel-next-disabled-vertical,.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,.jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus,.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active { cursor: default; background-position: 0 -96px;} .jcarousel-skin-tango .jcarousel-prev-vertical { position: absolute; top: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url(prev-vertical.png) no-repeat 0 0;} .jcarousel-skin-tango .jcarousel-prev-vertical:hover,.jcarousel-skin-tango .jcarousel-prev-vertical:focus {background-position: 0 -32px;} .jcarousel-skin-tango .jcarousel-prev-vertical:active { background-position: 0 -64px;} .jcarousel-skin-tango .jcarousel-prev-disabled-vertical,.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus,.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {cursor: default;background-position: 0 -96px;} /* Responsive */ @media only screen and (max-width: 1440px) { } @media only screen and (max-width: 1100px) { } @media only screen and (max-width: 900px) { .jcarousel-skin-tango .jcarousel-clip-horizontal {width: 650px;} .jcarousel-skin-tango .jcarousel-container-horizontal { width: 640px; padding: 10px ;} .jcarousel-skin-tango .jcarousel-prev-horizontal { left: 5px; } .jcarousel-skin-tango .jcarousel-next-horizontal { right: -67px; } .jcarousel-skin-tango .jcarousel-clip-horizontal { left: 31px; }} @media only screen and (max-width: 767px) { header{margin: 0 auto; padding:0 auto} } @media only screen and (max-width: 667px) { } } @media only screen and (max-width: 479px) { } @media only screen and (max-width: 320px) { } /*checkbox css*/ .has-js .label_check { padding-left: 28px; } .has-js .label_check { background: url(../../images/check-off.png) no-repeat ; } .has-js .search-box label.c_on { background: url(../../images/check-on.png) no-repeat; } .has-js .label_check input{ position: absolute; left: -9999px; } .search-box label{ display: block; cursor: pointer; float:left; line-height: 20px; padding-bottom: 9px; text-shadow: 0 -1px 0 rgba(0,0,0,.2); margin-right:20px; } .label_check input { margin-right: 5px; } .has-js .group-box label.c_on { background: url(../../images/check-on.png) no-repeat; } .group-box label{ display: block; cursor: pointer; float:left; line-height: 20px; padding-bottom: 25px; text-shadow: 0 -1px 0 rgba(0,0,0,.2); } .group-box ul{ clear:both; padding:10px 20px;} .group-box li{ float:left; width:162px;} .has-js .control-group label.c_on { background: url(../../images/check-on.png) no-repeat; } .appinfo-title{ font-size:14px; font-weight:bold;} .appinfo-title span{ font-size:12px; color:#626262; font-weight:normal;} .popuplogin{background:url(../../images/loginpopupactive.png) no-repeat top left; position:absolute; width:99px; height:32px; top:-23px; right:49px} .login-box a.signin, .login-box a.signin:hover {*background-position:18px 3px!important;} a.signin span {background-image:url("images/toggle_down_light.png");background-repeat:no-repeat;background-position:100% 50%;padding:4px 16px 6px 0;} .login-box a.menu-open {color:#fff!important;outline:none;} #small_signup {display:inline;float:none;line-height:23px;margin:25px 0 0;width:170px;} a.signin.menu-open span {background-image:url("images/toggle_up_dark.png");color:#789;} #signin_menu {display:none;background-color:#282828;position:absolute;width:397px;z-index:100;text-align:left;top: 48px;right:0px; margin-right: 0px;*margin-right: -1px;color:#fff;font-size:11px; border-radius:5px} #signin_menu input[type=text], #signin_menu input[type=password] {display:block;-moz-border-radius:4px;-webkit-border-radius:4px;border:1px solid #ACE;font-size:13px;margin:0 0 5px;padding:5px;width:203px;} #signin_menu h3{ font-size:24px; color:#fff; float:left; padding:16px 16px 0} .control-label {color: #4D4D4D; cursor: pointer; font: 12px ProximaNova,Arial,sans-serif; padding: 12px 18px; position: absolute; text-transform: uppercase; width: 73px; z-index: 1;} .control-group {margin-bottom: 10px;position: relative;} #signin .controls input {height: 40px;*height:28px; height:28px\0/;} /*16/01/13*/ .popuplogin1{background:url(../../images/login-arrow.png) no-repeat top left; position:absolute; width:38px; height:22px; top:-13px; right:75px} .login-box a.logintop, .login-box a.logintop:hover {*background-position:18px 3px!important;} a.logintop span {background-image:url("images/toggle_down_light.png");background-repeat:no-repeat;background-position:100% 50%;padding:4px 16px 6px 0;} .login-box a.menu-open {color:#fff!important;outline:none;} #small_signup {display:inline;float:none;line-height:23px;margin:25px 0 0;width:170px;} a.logintop.menu-open span {background-image:url("images/toggle_up_dark.png");color:#789;} #logintop_menu {display:none;background-color:#282828;position:absolute;width:397px;z-index:100;text-align:left;top:90px;right:0px; margin-right: 0px;*margin-right: -1px;color:#fff;font-size:11px; border-radius:5px; border:1px solid #474747} #logintop_menu input[type=text], #logintop_menu input[type=password] {display:block;-moz-border-radius:4px;-webkit-border-radius:4px;border:1px solid #ACE;font-size:13px;margin:0 0 5px;padding:5px;width:375px;} #logintop_menu h3{ font-size:24px; color:#fff; float:left; padding:16px 16px 0} .control-label1 {color: #4D4D4D; cursor: pointer; font: 12px ProximaNova,Arial,sans-serif; padding: 12px 18px; position: absolute; text-transform: uppercase; width: 73px; z-index: 1;} .control-group1 {margin-bottom: 10px;position: relative;} #logintop .controls1 input {height:32px;*height:28px; height:28px\0/;} .log-clos{width:28px;height:26px;background:url(../../images/close-login1.png) no-repeat;position:absolute;right:10px;top:10px} .log-clos:hover{width:28px;height:26px;background:url(../../images/close-login.png) no-repeat;position:absolute;right:10px;top:10px;cursor:pointer} /*News LETTER*/ .popuplogin2{background:url(../../images/login-arrow.png) no-repeat top left; position:absolute; width:38px; height:22px; top:-13px; right:15px} .newsletter-box a.logintop, .login-box a.logintop:hover {*background-position:18px 3px!important;} a.newsletter span {background-image:url("images/toggle_down_light.png");background-repeat:no-repeat;background-position:100% 50%;padding:4px 16px 6px 0;} .login-box a.menu-open {color:#fff!important;outline:none;} #small_signup {display:inline;float:none;line-height:23px;margin:25px 0 0;width:170px;} a.newsletter.menu-open span {background-image:url("images/toggle_up_dark.png");color:#789;} #newsletter_menu {display:none;background-color:#282828;position:absolute;width:397px;z-index:100;text-align:left;top:90px;right:50px; margin-right: 0px;*margin-right: -1px;color:#fff;font-size:11px; border-radius:5px; border:1px solid #474747} #newsletter_menu input[type=text], #newsletter_menu input[type=password] {display:block;-moz-border-radius:4px;-webkit-border-radius:4px;border:1px solid #ACE;font-size:13px;margin:0 0 5px;padding:5px;width:375px;} #newsletter_menu h3{ font-size:24px; color:#fff; float:left; padding:16px 9px 0} .control-label2 {color: #4D4D4D; cursor: pointer; font: 12px ProximaNova,Arial,sans-serif; padding: 12px 18px; position: absolute; text-transform: uppercase; width:105px; z-index: 1;} .control-group2 {position: relative;} #newsletter .controls2 input {height: 32px; *height:28px; height:28px\0/;} @media screen and (-webkit-min-device-pixel-ratio:0) {#newsletter .controls2 input{height:28px} #logintop .controls1 input{height:28px} } .news-text1{font-size:14px;color:#fff;padding:10px} .news-text{font-size:12px;color:#c6c6c6;padding:10px} .remb{text-transform:uppercase} .checkbox{margin:8px 5px 0px 0px!important} @media screen and (-webkit-min-device-pixel-ratio:0) {#signin .controls input{height:28px}} #signin .controls input, #signin .controls textarea {padding-left: 86px;} #signin input[type="text"], #signin input[type="password"], #signin textarea{-moz-box-sizing: border-box;border: 1px solid #B3B3B3; border-radius: 0 0 0 0; color: #808080; display: block; font-size: 14px; width: 95%; *width:74%; width:74%\0/; margin:10px; } #logintop input[type="text"], #logintop input[type="password"], #logintop textarea{-moz-box-sizing: border-box;border: 1px solid #B3B3B3; border-radius: 0 0 0 0; color: #808080; display: block; font-size: 14px; width: 95%; *width:90%; width:90%\0/; margin:10px;padding-top:0px} #newsletter input[type="text"], #newsletter input[type="password"], #newsletter textarea{-moz-box-sizing: border-box;border: 1px solid #B3B3B3; border-radius: 0 0 0 0; color: #808080; display: block; font-size: 14px; width: 95%; *width:90%; width:90%\0/; margin:10px;padding-top:0px } #logintop .checkbox {color: #fff; cursor: pointer; font-size:11px; text-transform: uppercase; float:left} #logintop .checkbox input {margin: 10px;} .forgot-password {color: #B3B3B3; text-transform: uppercase; float:right} .forgot-password:hover, .forgot-password:focus{ color:#fff} .control-group1 label {display:inline} .control-group label {display:inline} .chkalign{ margin:0 12px; line-height:30px} .control-group2 label {display:inline} @media screen and (-webkit-min-device-pixel-ratio:0) {#newsletter input[type="text"], #newsletter input[type="password"], #newsletter textarea{width:92%;padding-top:3px} #logintop input[type="text"], #logintop input[type="password"], #logintop textarea{width:92%;} #signin input[type="text"], #signin input[type="password"], #signin textarea{width:74%;} #signin .checkbox {color: #fff; cursor: pointer; font-size:11px; text-transform: uppercase; float:left} #signin .checkbox input {margin: 10px;} #newsletter .checkbox {color: #fff; cursor: pointer; font-size:11px; text-transform: uppercase; float:left} #newsletter .checkbox input {margin: 10px;} } /*** Prasad ***/ #mysetting_menu {display:none;background-color:#282828;position:absolute;width:397px;z-index:100;text-align:left;top:90px;right:130px; margin-right: 0px;*margin-right: -1px;color:#fff;font-size:11px; border-radius:5px; border:1px solid #474747} .overlay { background: #000000; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 113; opacity:0.6;} .loaderClass{ background-image:none; left:50%; top:45%; position:absolute;} .popup_block1 { display: none; background: #fff; padding: 10px; border: 8px solid #ddd; float: left; font-size: 1.2em; position: fixed; top: 30%; left: 50%; z-index: 99999; -webkit-box-shadow: 0px 0px 20px #000; -moz-box-shadow: 0px 0px 20px #000; box-shadow: 0px 0px 20px #000; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding-top:0px; } #fade { background: none repeat scroll 0 0 #000000; display: none; height: 100%; left: 0; opacity: 0.8; position: fixed; top: 0; width: 100%; z-index: 9999; } #scrollbar8 {margin: 0px 0 2px; } #scrollbar8 .viewport { width:95%; height: 270px; overflow: hidden; position: relative; } #scrollbar8 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; } #scrollbar8 .scrollbar{ background: transparent url(../../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 10px; } #scrollbar8 .track { background: transparent url(../../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:3px; position: relative; padding: 0 1px; } #scrollbar8 .thumb { background: transparent url(../../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 6px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -2px; } #scrollbar8 .thumb .end { background: transparent url(../../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 7px; } #scrollbar8 .disable { display: none; } .register_menu {display:none;background-color:#282828;position:absolute;width:175px;z-index:100;text-align:left;top:90px;right:0px; margin-right: 0px;*margin-right: -1px;color:#fff;font-size:11px; border-radius:5px; border:1px solid #474747} .register_menu ul{10px 15px 0px; font-size:14px;} .register_menu ul li{ line-height:25px;} .register_menu a{color:#45D118} .register_menu a:hover{color:#FFFFFF; text-decoration:underline}