@charset "utf-8"; /* CSS Document */ @font-face { font-family: 'FontAwesome'; src: url('fonts/fontawesome-webfont.eot'); src: url('fonts/fontawesome-webfont.woff') format('woff'), url('fonts/fontawesome-webfont.ttf') format('truetype'), url('fonts/FontAwesome.otf') format('opentype'), url('fonts/fontawesome-webfont.svg') format('svg'); } body { margin:0; padding:0; font-family:"MS Shell Dlg","open sans",Arial, Helvetica,"sans serif","monospace"; } textarea { font-family:"MS Shell Dlg","open sans",Arial, Helvetica,"sans serif","monospace"; font-size: 14px; } /* -------------------------- core.css ------------------------------ */ body{/*direction:rtl;*/background:#eef0f3;color: #666666;font-size: 14px;line-height: 1.3;margin: 0 auto;font-family:"MS Shell Dlg","open sans",Arial, Helvetica,"sans serif","monospace";overflow-x:hidden;} textarea {font-family:"MS Shell Dlg","open sans",Arial, Helvetica,"sans serif","monospace";font-size: 14px;} h1,h2,h3,h4{font-family:"open sans";margin: 0;padding: 0;font-weight: 300;} a{text-decoration: none;color: #4C5AF1;/*#666;*/} h1{ font-size:2em;letter-spacing: -1px;} h2{ font-size:2em;} h3{ font-size:1.8em;} h4{ font-size:1.5em;} ul,li{list-style: none;margin: 0;padding: 0;} .clearfix{clear: both;} .wrapper{ /*width: 85%;*/width: 90%; margin: 0 auto;padding: 0;} #contentbar .whitebox{background: none repeat scroll 0 0 #FFFFFF;border-radius: 3px 3px 3px 3px;box-shadow: 1px 1px 8px -3px #666;margin: 0 auto;padding: 10px;} #contentbar .invitesocialbox{ direction:ltr; background-position: center; background-image:url("/images/coolvesyl.jpg"); max-width: 960px; text-align: right; padding: 10px; height: 352px; } .fl{float: left; width:100%; background: #fff; margin-top: 10px;} .fr{float: right;} #topbar{background-repeat: repeat;} #topbar:before, #topbar:after{display: table;content: "";} #topbar:after {clear: both;} #topbar span.logo{float: left;} #topbar span.signin{float: right;color: #000000;transition: all ease-in 0.24s;padding: 13px 15px;} #topbar span.signin:hover{cursor: pointer;background-color: #f1f1f1;} #showbar{position: relative;width: 100%;height: auto;max-width: 1600px;margin: 0 auto;display: block;} #showbar>img{left: 0;min-width: 640px;top: 0; width: 100%;} #showbar>div.showcontent{ position: absolute;left: 0;top: 0;width: 100%;} #showbar>div.showcontent .mainbar{display: block;margin-top: 24%;background: rgba(10,10,10,0.7);padding: 5%;color: #ddd;transition:all ease-in 0.24s;} #showbar>div.showcontent .mainbar:hover{box-shadow: 0px 4px 12px -4px #000;background: rgba(10,10,10,0.8);} #showbar div.notifybox div.notifyfields{display: block;overflow: hidden;} #showbar h1.maintext{font-size: 36px;color:#ccc;text-align: right;width: 43%;font-weight: 100;display: inline-block;vertical-align: middle;margin-right: 20px;} #showbar div.mainseperator{width: 4%; text-align: center;} #showbar div.notifybox{width: 47%;text-align: left;margin-left: 20px;} #showbar .notifytext{font-size: 15px;margin-bottom: 10px;font-weight: 100;} #showbar div.notifybox div.socialbox{display: block!important;margin-top: 10px;} #showbar div.notifybox div.socialbox span img{vertical-align: middle;margin-right: 5px;} #showbar div.notifybox div.socialbox span span{vertical-align: middle;margin-right: 10px;display: inline-block;} .notifybox{overflow: hidden;} .notifybox .submit{border-radius: 3px;background-color: #ffae00;color: #fff;text-shadow:1px 1px #e09900;margin-left: 10px;float: left;font-size: 15px;padding: 6px 12px;transition:all ease-in 0.24s;text-align: center;} .notifybox .submit:hover{background-color: #e09900;box-shadow: 2px 2px 6px -4px #000;cursor: pointer;} .notifybox input{background: rgba(255,255,255,0.8);float:left;width: 200px; padding: 8px 12px;border-radius: 3px;color: #000;} .mainbar>h1, .mainbar>div{display: inline-block;vertical-align: middle;} #contentbar{ padding: 10px;padding-top: 40px;border-bottom: 1px solid #ccc;box-shadow: 0px 1px 0px #fff;margin-bottom: 10px;padding-bottom: 30px;} #contentbar span.featureimages{padding: 10px;background-color: #fff;box-shadow: 1px 1px 3px -2px #000;margin:20px;transition:all ease-in 0.2s;display: inline-block;width: 288px;position: relative;} #contentbar span.featureimages:first-child{margin-left: 0px;} #contentbar span.featureimages:hover{box-shadow: 3px 3px 4px -1px #000;cursor: pointer;background-color: #666;} #contentbar .wrapper{text-align: center;} #contentbar span.featureimages .imageinfo{position: absolute;background: rgba(10,10,10,0.7);color: #ddd;bottom: 10%;width: 288px;} #contentbar span.featureimages .imageinfo span{padding: 5px 0px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;margin:5px 0px;display: block;transition: all ease-in 0.3s;} #contentbar span.featureimages:hover .imageinfo span{color: #fff;border-color: #fff;} footer{font-size: 12px;color: #888;text-shadow:1px 1px #fff;padding-bottom: 40px; margin-top: 20px;} footer div span:first-child{float: left;} footer div span:last-child{float: right;} footer>div{overflow: hidden;} .navreshidden .linkbox1{display: none;} .navreshidden .linkbox2{display: none;} .error {display : none;color : #D64545;float:left;font-size:12px;padding-top:7px;} .wideright > div > input[type="text"] {border: 1px solid #B0B0B0;color: #979797;margin-bottom: 14px;padding: 9px 4px; width: 241px;float: left;} .check{width:auto;float:left;margin-right:10px;} .check span,.check input[type="radio"]{float:left;width:auto;margin-right:5px;} #topbar span.morebtn{float: right;color: #ccc;transition: all ease-in 0.24s;padding: 13px 15px;} #topbar span.morebtn a{color: #000000;transition: all ease-in 0.24s;padding: 0px 15px;} #topbar span.morebtn a:hover{cursor: pointer;width:115px;} #topbar span.morebtn:hover{cursor: pointer;background-color: #f1f1f1;} h1,h2,h3,h4{font-family:"open sans";margin: 0;padding: 0;font-weight: 300;} a{text-decoration: none;color: #4C5AF1;/*#666;*/} h1{ font-size:2em;letter-spacing: -1px;} h2{ font-size:2em;} h3{ font-size:1.8em;} h4{ font-size:1.5em;} /* -------------------- end Core.css ------------------------------- */ .gc_top{width:620px;height:45px;border-top-left-radius:5px;border-top-right-radius:5px;background:#f6f6f6;border-bottom:1px solid #cdcfd2;} .gc_top .gmail_contacts{width:300px;height:20px;font-family:Arial, Helvetica, sans-serif;font-size:16px;font-weight:bold;color:#444444;float:left;text-shadow:0 1px 1px #fff;margin: 0 0 0 12px;padding-top: 13px;} .close_btn{width:45px;height:45px;float:right;border-left:1px solid #cdcfd2;} .close_btn .xbtn{width:20px;height:20px;margin:14px auto 0;color:#c2c2c2;text-shadow:0 1px 1px #fff;font-family:Arial, Helvetica, sans-serif;font-size:16px;font-weight:bold;text-align:center;cursor:pointer;} .mainfield{width:620px;height:auto;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background: #fff;} .mainfield .areabg{width:572px;height:auto;margin: 0 auto;padding: 35px 0;} .invitefriends{width:570px;height:20px;color:#333;font-size:16px;font-weight:bold;} .select_the{color:#8a90a1;font-size:14px;} .searchbg{padding: 5px;background:#f2f3f4;border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;margin:25px auto 15px;} .searchmainbg{width:558px;height:26px;border:1px solid #d6d7d9;background:#fff;} .searchmainbg input[type='submit']{width:27px;height:26px;float:left;border:none;cursor:pointer;/*background:url(/images/search.png) transparent;*/} .searchmainbg input[type='text']{width:521px;height:20px;float:left;border:none;background:none;} .selectbg{border: 1px solid #D6D7D9;border-radius: 3px;height: 200px;margin: 0 auto;overflow-x:hidden;overflow-y: auto;width: 570px;-webkit-border-radius:3px;-khtml-border-radius:3px;} .sectbgitem{width:570px;height:34px;border-bottom:1px solid #d6d7d9;} .sectbgitem .select input[type="checkbox"]{width:13px;height:13px;float:left;margin:8px 0 0 5px;} .sectbgitem .emailbg{ color: #8a90a1;float: right;font-size: 12px;height: 16px;margin-top: 9px;width: 500px;} .lastsectbgitem{width:570px;height:34px;} .lastsectbgitem .select{width:13px;height:13px;float:left;margin:8px 0 0 5px;} .lastsectbgitem .emailbg{ color: #8a90a1;float: right;font-size: 12px;height: 16px;margin-top: 9px;width: 500px;} .invitebg{border-top: 1px solid #CDCFD2;height: 60px;padding-top: 10px;width: 620px;} .invitebg input{width:120px;height:31px;border:none;cursor:pointer;margin:10px 10px 10px 24px;background:url(/images/invite_btn.png) transparent;} /* Date : 01/07/2013 Designer : Raj */ .popupbody {overflow: visible;padding: 0 20px;} #main_popupbg{display:none;width:400px;margin:-221px 0 0 -221px;overflow:visible;} #popupbgtag{width:400px;margin:-221px 0 0 -221px;overflow:visible;} .pubg{position:fixed;width:680px;top:50%;left:50%;margin-left:-361px;margin-top:-200.404px;padding:20px;border:none;background-color:#fefefe;-webkit-box-shadow:rgba(0,0,0,0.1) 0 0 0 10px;-moz-box-shadow:rgba(0,0,0,0.1) 0 0 0 10px;box-shadow:rgba(0,0,0,0.1) 0 0 0 10px;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;} .textalign {text-align: center;} .popup_header {margin-bottom: 25px;text-align: left;} .modal-save-product-header h2 {font-size: 28px;font-weight: normal;font-family:Helvetica, sans-serif} .popup_container {margin-bottom: 20px;} .popup_container .dropdown-menu {max-height: 400px;} .popup_name_container{padding:20px 0;width:100%;text-align:left;background-color:#f2f2f2;color:#777;text-transform:none;font-family:"Helvetica Neue",Arial,Verdana,sans-serif;font-size:18px;border:none;letter-spacing:0;cursor:pointer;} .ubsur_name {font-weight: bold;padding-left: 20px;padding-right: 5px;} .icon-chevron-down{ font-weight:bold; width:25px; height:25px; float:right;} textarea.modal-save-product-comment {background-color: #EDEDED;border: 0 none;color: #777777;font-size: 16px;height: 40px;margin-bottom: 0px;padding: 20px;width: 320px;} .wb-primary {background-color: #0097D8;} .wb-primary:hover {background-color: #0073a5;cursor:pointer;} input.button {margin-top: 20px;width: 200px;} input.large.button[type="submit"] {padding: 12px 30px;} .large.button {font-size: 18px;padding: 14px 30px 13px;} .close {color: #AAAAAA;font-size: 25px;font-weight: normal;line-height: 30px;opacity: 1;position: absolute;right: 0;top: -15px;z-index: 1000;} button.close {background: none repeat scroll 0 0 transparent;border: 0 none;cursor: pointer;padding: 0;} input.button {margin-top: 20px;width: 200px;border:none;color:#fff;} .products-collection-dropdown {position: relative;} .products-collection-dropdown .dropdown-menu {border: 0 none;border-radius: 0 0 0 0;padding-bottom: 0;width: 100%;} .products-collection-dropdown > div {background-color: #FFFFFF;position: absolute;top: 0;} .modal-open .dropdown-menu {z-index: 2050;} .open > .dropdown-menu {display: block;} .dropdown-menu {margin-top: 1px;} .products-collection-dropdown .dropdown-menu {border: 0 none;border-radius: 0 0 0 0;padding-bottom: 0;width: 100%;} .products-collection-dropdown > div {background-color: #FFFFFF;position: absolute;top: 0;} .modal-open .dropdown-menu{z-index:2050} .open > .dropdown-menu{display:block} .dropdown-menu{margin-top:1px} .products-collection-dropdown > div ul .gifts-collection a{color:#0097D8} .products-collection-dropdown > div ul a{color:#777;padding:6px 5px 6px 20px} .dropdown-menu a{clear:both;color:#333;display:block;font-weight:400;line-height:20px;white-space:nowrap;padding:3px 20px} /*a { color: #0088CC; text-decoration: none; }*/ .products-collection-dropdown>div ul{list-style-type:none;margin:0px;text-align:left;max-height:270px;overflow-y:scroll} .products-collection-dropdown>div ul a:hover{background-color:#f2f2f2;background-image:none} .products-collection-dropdown>div ul a:hover,.products-collection-dropdown>div ul a:hover a{color:#777} .products-collection-dropdown>div ul .gifts-collection{position:relative} .products-collection-dropdown>div ul .gifts-collection a{color:#0097d8} .products-collection-dropdown>div .products-select-collection-add-collection{padding:5px;*zoom:1} .products-collection-dropdown > div ul{list-style-type:none;text-align:left;margin:0;padding:0} .products-collection-dropdown > div .products-select-collection-add-collection input{height:37px;margin-bottom:0;margin-right:0;padding-left:4px;width:283px} input[type=text],input[type=url],input[type=password],input[type=email],input[type=tel] textarea{border:1px solid #CCC;color:#333;font-size:14px;height:30px;line-height:1.5em!important} .products-collection-dropdown > div .products-select-collection-add-collection-button{border:medium none;float:right;font-size:25px;font-weight:700;height:40px;width:55px;font-style:normal} .wb-primary[disabled]{background-color:#0097D8;opacity:0.5} .button.disabled,.button[disabled]{cursor:default} .icon-plus:before{content:"+";color:#fff} .dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;float:left;min-width:160px;list-style:none;background-color:#fff;border:1px solid rgba(0,0,0,0.2);border-right-width:2px;border-bottom-width:2px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;margin:2px 0 0;padding:5px 0} .hid_ops{background:none repeat scroll 0 0 #FFF;display:none;max-height:200px;overflow-y:scroll;overflow-x:hidden;min-height:48px;position:absolute;width:348px!important;z-index:6;border-color:#CCC;border-style:solid;border-width:1px;padding:5px 5px 0} .hid_ops .suggestion:hover{background-color:#F9CAD9} .hid_ops .suggestion{background:none repeat scroll 0 0 #FFF;cursor:pointer;float:left;height:44px;margin-bottom:2px;margin-left:-2px;margin-top:-3px;padding-bottom:2px;padding-top:2px;width:353px} .hid_ops .suggestion .h_user_avatar{float:left;height:40px;width:50px;margin:1px 1px 1px 2px} .hid_ops .suggestion .h_user_avatar img{border:medium none;height:40px;outline:medium none aqua;width:40px} .hid_ops .suggestion .h_user_name{float:left;height:44px;width:234px;margin:1px 1px 1px 0} .hid_ops .suggestion .h_user_name > .title a{color:#3F729B;cursor:pointer;float:left;font-family:arial;font-size:13px;font-weight:700;height:auto;width:234px} .hid_ops .suggestion .h_user_name > .title_des{color:#333;float:left;font-family:arial;font-size:11px;height:auto;width:234px} .invite_btn input[type=button]{width:79px;height:31px;border:none;cursor:pointer;background:url(/images/invite.png) transparent} .invited_btn input[type=button]{width:79px;height:31px;border:none;cursor:pointer;background:url(/images/invited.png) transparent} .notification{width:100%;height:auto;text-align:center;font-family:"open sans";font-size:14px;padding:1em 0} .notifyinfo{background-color:#5D5E5F;color:#FFF} .sectbgitem .emailtext,.lastsectbgitem .emailtext{color:#666;float:left;font-size:14px;height:16px;margin-left:13px;margin-top:8px;width:450px;font-weight:700} .invite_btn,.invited_btn{width:79px;height:31px;float:right;margin:2px 5px 0 0} .notifyerror,.notifywarning,.notifysuccess{background-color:#B5B6B7;border:1px solid #9FC7F5;color:#FFF} /* CSS Document for claim store page ( 17-07-13 ) */ .store_bg{width:635px;height:auto;margin-bottom:10px;float:left} .store_bg .topbox{width:635px;height:74px;border-bottom:1px solid #999;border-top:1px solid #999} .your_store{color:#999;float:left;font-family:Arial,Helvetica,sans-serif;font-size:18px;height:22px;margin-top:23px;width:200px;text-align:right} .right_side{width:420px;height:38px;float:right;margin-top:15px} .store_bg .botbox{width:635px;height:55px} .your_store_text{color:#999;float:left;font-family:Arial,Helvetica,sans-serif;font-size:18px;height:22px;margin-top:15px;width:200px;text-align:right} .store_bg .botbox .right_sidein{width:420px;height:38px;float:right;margin-top:9px;font-size:12px;color:#999;font-family:Arial,Helvetica,sans-serif} .store_bg .botbox .selectright_sidein{width:420px;height:38px;float:right;margin-top:0;font-size:12px;color:#999} .store_bg .botbox .selectright_sidein select{background:none repeat scroll 0 0 #F2F2F2;border:medium none;color:#333;font-size:12px;width:421px;padding:10px 5px} .bottombox{width:635px;height:auto;border-bottom:1px solid #999;border-top:1px solid #999;float:left;padding-bottom:15px} .documatnright{width:420px;height:auto;float:right;margin-top:15px} .documatnright .textbf{font-size:14px;color:#666;font-family:Arial, Helvetica, sans-serif} .uploadbg{width:420px;height:125px;margin-top:10px} .uploadbg img{width:125px;height:125px;float:left;vertical-align:middle} .uploadbg .button{width:190px;height:22px;vertical-align:middle;background:#aaa;text-align:center;padding-top:8px;color:#fff;font-size:14px;float:left;font-family:Arial, Helvetica, sans-serif;margin:50px 0 0 15px} .uploadbg .button:hover{cursor:pointer} .uploadbg .button input[type=file]{float:left;height:30px;opacity:0;filter:alpha(opacity=0);width:190px;cursor:pointer;margin:-22px 0 0 -1px} .submit_btn{float:left;height:52px;width:110px;margin:15px 0 0 218px} .submit_btn input[type=submit]{width:110px;height:52px;background:#0097d8;color:#fff;font-size:16px;text-transform:uppercase;border:none;cursor:pointer} .vesyl_find_people{width:50%;height:auto;margin:0 auto} .vesyl_title{color:#333;float:left;font-family:Arial,Helvetica,sans-serif;font-size:30px;height:auto;text-align:center;width:100%} .all_div{width:520px;height:auto;float:left;margin-top:10px} .followall_div{height:auto;width:110px;margin:10px auto 0} .followall_div > input[type=submit]{background-color:#3B8046;border:medium none;border-radius:4px 4px 4px 4px;color:#FFF;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:16px;outline:medium none aqua;text-align:center;width:100px;padding:5px} .followall_div > input[type=submit]:hover{background-color:#0097D8;border:medium none;color:#FFF;font-family:Arial,Helvetica,sans-serif;font-size:16px;outline:medium none aqua;text-align:center;width:100px;cursor:pointer;padding:5px} .follow_gallery_div{width:100%;height:auto;float:left;border-top:1px solid #ddd;margin-top:10px;padding-top:15px;padding-bottom:15px} .follow_gallery_div > .user_image{width:60px;height:auto;float:left} .follow_gallery_div > .user_image a img{width:45px;height:45px;float:left;border:none;outline:aqua} .follow_gallery_div > .user_details{width:300px;height:auto;float:left} .follow_gallery_div > .user_details > .user_id{color:#5FB9EC;float:left;font-family:open sans;font-size:18px;font-weight:700;height:auto;width:300px} .follow_gallery_div > .user_details > .user_name{width:300px;font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#333;float:left} .follow_gallery_div > .unfollow_follow_div{width:auto;float:right} .follow_gallery_div > .unfollow_follow_div > span{color:#FAFFFF;float:left;font-family:Arial,Helvetica,sans-serif;font-size:14px;margin-top:5px;text-align:center;width:auto;cursor:pointer;padding:7px} .follow_gallery_div > .unfollow_follow_div > span.following{background:#ccc} .follow_gallery_div > .unfollow_follow_div > span.follow{background:#0097d8} .errormsg{display:none;color:red;width:200px;margin:-15px 0 0 58px} #opennotification{background:none repeat scroll 0 0 #BD362F;color:#FFF;display:none;font-family:helvetica;font-size:14px;font-weight:700;height:auto;position:fixed;text-align:center;top:0;width:100%;z-index:99;padding:10px} #opennotification > .notification_msg{width:100%;height:auto;float:left} .associate{border:1px solid #999;box-shadow:0 0 10px #999;color:#CCC;cursor:default;font-family:sans-serif;font-size:23px;margin:20% auto;padding:3%} .right_side input[type=text],.store_bg .botbox .right_sidein input[type=text]{width:400px;height:38px;border:none;background:#f2f2f2;color:#333;font-size:12px;padding:0 10px} .links_div{width:300px; height: auto; float:left;margin-top: 8px;} .links_div > ul{width:200px; height: auto; float:left; list-style: none; margin: 0; padding: 0;} .links_div > ul > li.active > a.bullets.select{background-position: 0 -13px;} .links_div > ul > li{width:13px; height: 13px; float:left;margin-right: 10px;} .links_div > ul > li > a.bullets{ cursor: pointer; background:url(../images/bullet.png) no-repeat; width:13px; height: 13px; float:left;} .links_div > ul > li > a.bullets.select{background-position: 0 0;} .error_message{border: 1px solid #EEEEEE; float: left; margin-top: 10px;padding: 15px 0;text-align: center; width: 99.8%;} .error_message > img{border:none; } .error_message > a{width:100%; float: left; text-align: center; font-family: arial; font-size: 13px; margin-top: 10px; color: #777777; font-weight: bold;} /*.thm_H{height : 220px;}*/ /*.thm_H { max-height: 100%; max-width: 100%; vertical-align: middle; }*/ .thm_H {max-height: 220px;max-width: 100%;vertical-align: middle;width: auto !important;margin: 0 auto;} .thm_maxWH{max-width: 220px;max-height: 220px;text-align: center;} .fetch {cursor: pointer;} .your_store_caption{color: #999999;float: left;font-family: Arial,Helvetica,sans-serif;font-size: 14px;height: 22px;margin-top: 20px;width: 200px;text-align: right;} .narrowleft > .text_content {float: left;height: 33px;margin-bottom: 7px;padding-top: 22px;width: 100%;} .tag_close {direction:ltl;background: none repeat scroll 0 0 #FFFFFF;border: 2px solid #EDEDED;border-radius: 18px;color: #CCCCCC;font-family: arial; font-size: 16px;font-weight: bold;height: 22px; padding-top: 4px;text-align: center;width: 25px;cursor: pointer;float:right;margin-right: -13px;margin-top: -15px;} .promotion_close {background: none repeat scroll 0 0 #5FB9ED;border-radius: 7px;color: #FFFFFF;height: 20px;margin-right: -9px;margin-top: -4px;padding-bottom: 3px;padding-top: 4px;position: absolute;right: 14px;text-align: center; width: 70px;cursor: pointer; } #imagedisabled {display: none;} .iconlist > li > span.st_plusone_large {float: left; margin-top: 24px !important;} .notifybox > .notifyfields > form#loginform > div > input::-webkit-input-placeholder { color:#f1f1f1; } .notifybox > .notifyfields > form#loginform > div > input{outline: aqua;} .checklist > span.check> input[type="radio"], .wideright.emailinvites> p>input[type="checkbox"]{border: none;} .checklist > span.check{margin-right: 2px;} .notifyfields > div > input::-webkit-input-placeholder { color:#999; } .notifyfields > div > input[type="password"]:-ms-input-placeholder { color:#999 !important; } .product-img.lazyelement > a {float: left;height: 220px;vertical-align: middle;width: 100%;} .select_lang {float: right;height: 30px;margin-top: 0px;width: 130px;position: relative;} .select_lang > .select {color: #000000;height: 28px;margin-top: -5px;padding-top: 14px;width: 70px; padding-left: 15px;} .select_lang > .select:hover,.select_lang.hover > .select{background-color:#f1f1f1; cursor: pointer;} .select_lang > .option {display:none;background: none repeat scroll 0 0 #4B525B;height: auto;left: 0px;position: absolute;width: 230px;z-index: 999;} .select_lang > .option > ul{width:95%; float:left; padding:5px; height:auto;} .select_lang > .option > ul > li{width:45%; height:auto; float:left; margin-left:5%; margin-top: 2px; } .select_lang > .option > ul > li > a{width:90%; height:auto; padding:5px; font-family:arial; font-size:13px; color:#fff; padding:5px; float: left; cursor: pointer; } .select_lang > .option > ul > li > a:hover {background: #303338;border-radius: 5px;color: #f1f1f1;} .select_lang > .select > div.drop {color: #CCCCCC;float: right;font-family: arial; margin-right: 10px; font-size: 13px; margin-top: -15px;} .select_lang.hover > .option{display:block;} .lang_selected { background: #303338; border-radius: 5px;color: #f1f1f1; } .selected_lang { font-size: 13px; } .element {position: relative;pointer-events: auto;} /*replace the content value with the corresponding value from the list below*/ .element:before {content: "\f014";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;/*--adjust as necessary--*/color: #8DAEFF;font-size: 18px;padding-right: 0.5em; position: absolute;top: 10px;left: 0;} /* --------------- css ----------------- */ .input_box_wrapper {height: auto;margin: 0 auto;width: 40%;} .txt_inputbx {float: left;height: auto;margin-top: 10px;width: 100%;} .txt_inputbx > .txt {color: #333333;float: left;font-family: arial;font-size: 15px;margin-top: 8px;width: 40%;} .txt_inputbx > .input_box {float: left;height: auto;width: 55%;} .txt_inputbx > .input_box > input {width: 100%;float: left;} .txt_inputbx > .input_box > input[type="submit"]{background-color: #83BCF9;color: #FFFFFF;font-size: 13px;padding: 10px 0;text-align: center;text-transform: uppercase; transition: all 0.2s ease-in 0s;width: 100%;border: medium none;} .txt_inputbx > .input_box > input[type="submit"]:hover{background:none repeat scroll 0 0 #999;} .collectionelement {left: -14px;} .da-thumbs li article.da-animate {pointer-events: none;} div.hrow1 span.tagcircle{pointer-events: auto;} div.hrow1 span.savecircle{pointer-events: auto;} #contentbar article > div.hrowbox .hrow2 a{pointer-events: auto;} #contentbar article > div.hrowbox .hrow2 a:hover{pointer-events: auto;} #contentbar article > div.hrowbox .hrow3 a{pointer-events: auto;} #contentbar article > div.hrowbox .hrow3 a:hover{pointer-events: auto;} #contentbar article > div.hrowbox .hrow4 a{pointer-events: auto;} #contentbar article > div.hrowbox .hrow4 a:hover{pointer-events: auto;} .userloading {background: url("../images/loader/484.gif") no-repeat scroll center center rgba(0, 0, 0, 0) !important ;color: rgba(0, 0, 0, 0) !important;} .collectionloading {background: url("../images/loader/484.gif") no-repeat scroll center center rgba(0, 0, 0, 0) !important ;color: rgba(0, 0, 0, 0) !important;} .hashloading {background: url("../images/loader/484.gif") no-repeat scroll center center rgba(0, 0, 0, 0) !important ;color: rgba(0, 0, 0, 0) !important;} .storeloading {background: url("../images/loader/484.gif") no-repeat scroll center center rgba(0, 0, 0, 0) !important ;color: rgba(0, 0, 0, 0) !important;} span#proname {color: #666;font-size: 25px;} span#proname:hover {color: #666;font-size: 25px; background: #f5f5f5;} .edit{ background:url(../images/edit.png); width: 16px; height: 16px;float: right; cursor: pointer;} span#prodesc {color: #666;} span#prodesc:hover {color: #666;background: #f5f5f5;} #popup{cursor: pointer;float: right;text-align: left;} .reporting_div{background-color: #FFFFFF;border: 10px solid #777777;border-radius: 10px 10px 10px 10px;box-shadow: 0 0 25px 5px #666666;color: #111111;display: none;max-width: 420px;padding: 25px;} .button.b-close, .button.bClose {border : 2px solid #EDEDED; border-radius: 18px 18px 18px 18px; box-shadow: none;padding: 0 6px 2px; /*position: absolute;*/right: 5px; top: 10px;width: 15px;float: right;font-weight: bold;} .button {border-radius: 10px 10px 10px 10px;box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);color: #999999; cursor: pointer;display: inline-block;font-family: arial;padding: 5px 20px;text-align: center;text-decoration: none;} .reporting_div .who_report{color: #333333;float: left;font-family: Arial,Helvetica,sans-serif;font-size: 25px;font-weight: bold;height: auto;width: 100%;} .reporting_div .checkcontent{width:100%;height:auto;margin-top: 10px;float:left;} .reporting_div .checkcontent .radio_content_div{width:100%;height:auto; margin-top:0px;float:left;} .reporting_div .checkcontent .radio_content_div input[type="radio"]{border:none;float:left;margin-right : 10px;width: 20px;} .reporting_div .checkcontent .radio_content_div span.radiocont{width:auto;float:left;font-family:Arial, Helvetica, sans-serif;margin-top: 2px;font-size:13px;color:#888;} .reporting_div .reportit_div{width:175px;height:auto;margin:0 auto;clear:right;} .reporting_div .reportit_div a{ background: none repeat scroll 0 0 #0097D8;color: #FFFFFF;float: left;font-family: Arial,Helvetica,sans-serif;font-weight: bold;margin-top: 30px;padding: 15px;text-align: center;width: auto;cursor:pointer;} .reporting_div .reportit_div span.thanks, .reportit_div span.thanks{color: #333333;float: right;font-family: Arial,Helvetica,sans-serif;font-size: 16px;margin: 8px;margin-top: 43px;width: auto;} input { width: 325px;width: 275px\0;} .hrow5{width: 85%; height: auto; float:left;} .hrow5 > a{width:100%; height:auto; float:left;} .hrow5 > a > i{float:right;} .mailinvite {margin-left: 70px;margin-top: -26px;display: none;} /* ------------------------- editprofile.css --------------------- */ .narrowleft{width: 30%;float: left;} .wideright{width: 70%;float: left;overflow: hidden;} .wideright>span{float: left;display: block;position: relative;} .wideright>span:first-child{width: 70%;} .wideright>span:first-child img{width: 100%;} .wideright>span:last-child{margin-left: 2%;width: 18%;} .greybutton{background-color: #888;color: #fff;display: block;padding: 5px 10px;margin-left: 10px;width: 90px;transition: all ease-in 0.2s;font-size: 12px;} .greybutton:hover{cursor: pointer;background-color: #555;} .column{width: 46%;padding: 0;margin: 0;overflow: hidden;} .column:first-child{/*margin-right: 8%;*/} .column .section:last-child{border-bottom: none;} .column .section{padding: 20px 0px;margin-bottom: 20px;border-bottom: 1px solid #ddd;overflow: hidden;} .invitebox .column div.checklist{margin-top: 20px;} .invitebox .column > div span.check{text-align: left;margin-right: 10px;display: inline-block;} .invitebox .column > div span.check input {width: 20px;margin-right: 0px;} .invitebox .column textarea{width: 250px;} .wideright > span.smaller {width: 70%;max-width: 60px;} .bluelink{color: #3F9ED4!important;} .bluelink:hover{cursor: pointer;} .wideright .connectwith{margin-bottom: 20px;opacity: 1;transition: all ease-in 0.2s;} .wideright .connectwith:hover{cursor: pointer;opacity: 0.8;} #contentbar .section .emailinvites p{margin:0;margin-bottom: 20px;} #contentbar .invitehead h1 {margin:0px 20px;padding: 10px 0px;background-color: #eee;text-align: left;} #contentbar .invitehead{background-color: #eee;} .section .emailinvites p input{width: 20px;margin: 0;padding: 0;margin-right: 5px;} .clear{clear: both;} .wideright > span.w200 {width: 200px;padding: 10px 0px;text-align: center;} div.saveprofile{width: 260px;padding: 15px 0px;text-align: center;color: #fff;background-color: #83BCF9;font-size: 18px;text-transform: uppercase;transition: all ease-in 0.2s;} div.saveprofile:hover{cursor: pointer;background-color: #6F90CF;} .invitebox .column > div input {/* width: 90%*/} .section .emailinvites p input {width: 20px;} .connectwith img{width: 100%;} /* --------------- end editprofile.css --------------------------- */ /* --------------- feed.css ------------------------- */ .wrapper:before, .wrapper:after{display: table;content: "";} .wrapper:after{clear: both;} .rightcolumn{float: right;width: 30%;margin-left: 5%;text-align: left;} .leftcolumn{float: left;width: 65%;text-align: left;} #contentbar .leftcolumn h2 {background:none;font-size: 18px;color: #888;margin-top: 0;} #contentbar .leftcolumn h2 span:first-child {background-color: #fff;padding: 0;} #contentbar .leftcolumn h2 span:first-child {float: left;font-size: 18px;} #contentbar .leftcolumn h2 span:last-child {float: right;font-size: 15px;color: #3F9ED4;padding: 0;} .savebox{background-color: #fff;margin-bottom: 20px;border-radius: 6px;box-shadow: 1px 1px 8px -3px #666;padding: 20px;} .save .savehead{ border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;margin-bottom: 20px;margin-top: 10px;overflow: hidden;padding: 15px 0px;} .save .savehead>span{float:left;text-align: left;} .save .savehead>span:first-child{min-width: 60px;width: 10%;margin-right: 10px;} .save .savehead>span:last-child{width: 65%;margin-left: 5%;} .save .savehead span h4{font-size: 18px;color: #888;} .save .savehead span h4>span{margin-right: 5px;} .save .savehead span h4>span:first-child{color: #3F9ED4;} .save .savehead span p{font-size: 13px;margin-top: 5px;} .save .savehead h4 span:first-child:hover{cursor: pointer;} .save .savebody{position: relative;font-size: 0;} .save .savebody span{display: inline-block;width: 30%;text-align: center;padding: 1%;} .save .savebody span>img{width: 100%;} #contentbar .rightcolumn h2 {background:none;font-size: 18px;color: #888;} #contentbar .rightcolumn h2 span:first-child {background-color: #fff;padding: 0;margin-top: 0;float: left;font-size: 18px;} #contentbar .rightcolumn h2 span:last-child {float: right;font-size: 15px;color: #3F9ED4;padding: 0;} .tofollowbox{background-color: #fff;margin-bottom: 20px;border-radius: 6px;box-shadow: 1px 1px 8px -3px #666;} .tofollow{padding: 10px;margin-top: 5px;background-color: #f4f4f4;} .tofollow .tofollowhead{padding: 10px;overflow: hidden;} .tofollow .tofollowhead span{float:left;text-align: left;} .tofollow .tofollowhead span:first-child{min-width: 40px;width: 15%;} .tofollow .tofollowhead span:last-child{width: 80%;margin-left: 5%;} .tofollow .tofollowhead span h4{font-size: 18px;color: #888;} .tofollow .tofollowhead span p{font-size: 15px;color: #3F9ED4;} .tofollow .tofollowhead span p:hover{cursor: pointer;} #contentbar .rightcolumn .tofollowbody{overflow: hidden;position: relative;} #contentbar .rightcolumn .tofollowbody span{display: inline-block;width: 32.33%;text-align: center;position: relative;} #contentbar .rightcolumn .tofollowbody span img{position: relative;width: 80%;} .savebody span img{transition:all ease-in .2s;} .savebody span img:hover{cursor: pointer;opacity: 0.7;} .tofollowbody span img{transition:all ease-in .2s;} .tofollowbody span img:hover{cursor: pointer;opacity: 0.7;} .newstory{position: absolute;top: 70px;display:block;left: 25%;box-shadow: 1px 1px 6px -3px #333;border-radius: 1px;padding: 15px 10px;font-size: 15px; font-family: "open sans";background-color: #fff;color: #5FB9EC;width: 200px;} .newstory:hover{cursor: pointer;box-shadow: 1px 1px 8px -4px #333;} .hiddenstory{display: none;} /* ------------- end feed.css ----------------------- */ /* -------------- signin.css ------------------------ */ .notifybox input{float: none;} .notifybox .notifyfields div{margin: 10px 0px;} #showbar > div.showcontent .mainbar {padding: 2%;} h1.startshopping{display: inline-block;font-size: 36px;font-weight: 100;margin-right: 20px;text-align: right;vertical-align: middle;width: 40%;} div.or2{display: none;} h1.startshopping span{display: inline-block;font-family: "open sans";font-size: 28px;height: 25px;letter-spacing: 1px;padding: 16px 24px;vertical-align: middle;} h1.startshopping span.fb{background-color: #3b5998;color: #fff;font-size: 24px;font-weight: bold;} h1.startshopping span.startshoppingtext{background-color: #658ad0;color: #fff;font-size: 18px;margin-left: -10px;} #showbar div.mainseperator {width: 10%;} #showbar div.notifybox {width: 40%;} #showbar div.notifybox input {background: none repeat scroll 0 0 rgba(255, 255, 255, 0.6); color: #fff;font-style: italic;font-size: 13px;font-weight: 100;} .notifybox .submit{background-color:#1197d4;text-shadow: 1px 1px #267fa7;} .notifybox .submit:hover{background-color:#1281b3;} input.submit{background-color:#1197d4 !important;text-shadow: 1px 1px #267fa7 !important;border:none !important;width:85px !important;float:left !important; margin-left:-0px !important;} input.submit:hover{background-color:#1281b3 !important;} #contentbar h2{background-color: #FFFFFF;background-image: url("../images/pattern.jpg");background-position: center center;background-repeat: repeat-x; padding: 10px;text-align: center;margin-bottom: 30px;margin-top: 10px;} #contentbar h2 span{background-color: #FFFFFF;color: #AAAAAA;display: inline;font-family: "open sans";font-size: 32px;font-weight: 100;padding: 15px; text-align: center;} #contentbar article>div.hrowbox .hrow1{overflow: hidden;margin: 20px 0px 10px 0px;} #contentbar article>div.hrowbox .hrow2{font-size: 14px;margin-left: 14%;text-align: left;width: 86%;margin-bottom: 6px;} #contentbar article>div.hrowbox .hrow3, #contentbar article>div.hrowbox .hrow4{margin: 0px auto;font-size: 12px;margin-top: 3px;margin-left: 14%;text-align: left;width: 86%;} /* new css for layout */ h1#startshoppingid{ display: inline-block;font-size: 36px;font-weight: 100;margin-right: 20px;text-align: right;vertical-align: middle;width: 80%;} h1#startshoppingid span{display: inline-block;font-family: "open sans";font-size: 28px;height: 25px;letter-spacing: 1px;padding: 16px 24px;vertical-align: middle;} h1#startshoppingid span.fbpop{background-color: #3b5998;color: #fff;font-size: 24px;font-weight: bold;} h1#startshoppingid span.startshoppingtextpop{background-color: #658ad0;color: #fff;font-size: 18px;margin-left: -10px;} /*div.seperatorpop { width: 10%; }*/ /*-------------- end signin.css --------------------- */ /* --------------- Reset.css ------------------------ */ table {border-collapse:collapse;border-spacing:0;} fieldset,img {border:0;} input{border:1px solid #b0b0b0;padding:3px 5px 4px;color:#979797;width:190px;} address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;} q:before,q:after {content:'';} abbr,acronym { border:0;} .popup > .popupbox > .popupfoot >span.vesylit input[type="submit"]{background: none repeat scroll 0 0 transparent;border: medium none;color: #FFFFFF; padding: 3px 5px 4px;width: 190px;} #opennotification{background: none repeat scroll 0 0 #BD362F;color: #FFFFFF;display: none;font-family: helvetica;font-size: 14px;font-weight: bold;height: auto;padding: 10px;position: fixed;text-align: center;top: 0;width: 100%;z-index: 99;} #opennotification > .notification_msg{width:100%;height: auto;float:left;} /* -------------- end reset.css --------------------- */ /* --------------- navbar.css ----------------------- */ /*@import url(bootstrap.css);*/ header#topbar{background-color: #ffffff;position:relative;background-repeat: repeat-x;box-shadow: 0px 1px 3px -1px #333;display: block;} nav a{color: #000000;} nav>div.leftsection{float: left;} nav>div.rightsection{float: left;width: 430px;} nav>div>span{display: block; display: inline-block; line-height: 49px;position: relative;vertical-align: middle;line-height: 44px;height: 45px;} nav span img{vertical-align: middle;} nav div span.logo{padding-right: 10px;} nav div span.logo:hover{cursor: pointer;} nav div{font-size:0;direction:ltr;} nav div span{font-size: 13px;padding: 0px 2px;/* border-right: 1px solid #2F343C !important;*/color: #000;transition: all ease 0.14s;} div.select_lang div.select div.drop{ font-weight:800;font-size:10px; } nav div>.mob_nav >span.topsocialicon:hover{background: rgba(255,255,255,0.2);cursor: pointer;} nav div span>span{border: none;} nav div span.toplink{ border:none; padding: 0px 10px; transition: all ease-in 0.2s; } nav div span.toplink, nav div span.topsocialicon {padding: 0 15px;/*transition: all 0.2s ease-in 0s;*/} nav div span.toplink:hover{ color: #19a7f7;background-color: #f1f1f1;cursor: pointer;/*padding: 0 15px;*/} nav div span>a.myfeedscount{padding: 0px 5px;background-color: #5fb9ec;color: #fff;border:none;cursor: pointer;text-decoration: none;vertical-align: middle;} nav div.leftsection span.featuredlink{color:#19a7f7;padding: 0px 20px;border:none;} nav div.leftsection span.featuredlink:hover{color: #63c1f7;} nav div.rightsection>span{padding: 0px 20px;} nav div.rightsection>span:last-child{padding-right: 20px;border-right: none;width: auto;display: inline-block;margin: 0;} span.searchbox>div{background-color: #fff;border-radius: 8px 8px 8px 8px; color: #777; box-shadow: 1px 1px 6px -2px #AAAAAA inset;line-height: 29px;margin-top: 5px; padding: 0 0 0 10px; border-color: #dcdcdc; border: 1px solid #bbb; border-width: 1px;} span.searchbox:hover, span.searchbox:focus, span.searchbox:active{opacity: 1;} span.searchbox>div>span{opacity: 0.7;border:none;} span.searchbox>div>span:hover{cursor: pointer;opacity: 1;} span.searchbox>div input{border: medium none;font-family: "open sans";font-size: 12px;font-weight: 100;line-height: 23px;margin-top: 3px;outline: medium none; padding: 0;width: 330px;} .fr{float: right;} nav>div.layer{display: block;background-color: #404854;border-top: 1px solid #4b535f;box-shadow: 0px 1px 0px #373c44 inset;} nav>div.layer:first-child{border:none;} nav{display: block; position:relative;} nav.navmain{} nav.navres{display: none;} nav.navres div span.searchbox{float: right;} .layer:before, .layer:after, nav.navres:before, nav.navres:after{display: table;content: "";} .layer:after, nav.navres:after {clear: both;} #userlink{padding-right: 24px;background-position: right;background-repeat: no-repeat;} .navbar-toggle{display:none;} /* -------------- end navbar.css -------------------- */ /* --------------- Product.css ---------------------- */ /*#contentbar .whitebox>div{width: 90%;margin: 0 auto;}*/ .bluelink{color:#5FB9EC;} .bluelink:hover{cursor: pointer;} .producthead{text-align: left;overflow: hidden;padding: 20px 0px;border-bottom: 1px solid #ddd;} .producthead>div>span{display: inline-block;margin: 5px;vertical-align: top;} .narrow{width: 33%;padding-right: 2%;text-align: left;} .wide{width: 60%;text-align: left;margin-left: 5%;} #contentbar .producthead h3{font-size: 15px;} #contentbar .producthead h4{font-size: 18px;margin-bottom: 5px;} #contentbar .producthead .fr span{display: inline-block;margin: 5px;position: relative;} #contentbar .producthead .fr span img{width: 100%;} #contentbar .producthead .fr span:hover{cursor: pointer;} #contentbar .productdetails{margin-top: 10px;padding: 20px 0px;overflow: hidden;} #contentbar .narrow>div{margin:20px 0px;border-bottom: 1px solid #ddd;padding-bottom: 10px;} #contentbar .narrow>div:first-child{} #contentbar .narrow>div>div>h3{color: #AAAAAA;font-size: 28px;font-weight: 100;margin: 15px 0;} #contentbar .narrow>div>div>p{font-size: 15px;color: #888;margin: 10px 0px;} #contentbar .narrow .bluecircle{background-color: #6BB1F9;border: 6px solid #FFFFFF;border-radius: 100px 100px 100px 100px;color: #FFFFFF;display: block; height: 80px;margin: 11px auto auto;padding: 2px;width: 80px;box-shadow: 1px 2px 10px -4px #333333 inset;} #contentbar .narrow .yellowcircle{border: 6px solid #FFFFFF;border-radius: 100px 100px 100px 100px;color: #FFFFFF;display: block;height: 80px;margin: 11px auto auto;padding: 2px;width: 80px;background-color: #f9b36b;box-shadow: 1px 2px 10px -4px #333333 inset;} #contentbar .narrow .yellowcircle p:first-child{margin-top: 10px;border-bottom: 1px solid #bc8b59;box-shadow: 0px 1px 0px #facea1;padding-bottom: 5px;margin-bottom: 10px;margin: 10px auto 5px;width: 75%;} #contentbar .narrow .yellowcircle p:last-child{font-size: 21px;} #contentbar .narrow .bluecircle p:last-child{font-size: 21px;} #contentbar .narrow .bluecircle p:first-child{margin-top: 10px;border-bottom: 1px solid #45719e;box-shadow: 0px 1px 0px #a3ccf7;padding-bottom: 5px; margin-bottom: 10px;margin: 10px auto 5px;width: 75%;} #contentbar .narrow .outercircle{background-color: #e6e3e3;width: 120px;height: 120px;text-align: center;border: 1px solid #ccc;display: inline-block;margin: 0px 5px;border-radius: 100px;transition: all ease-in 0.2s;} #contentbar .narrow .outercircle:hover{cursor: pointer;background-color: #d6d3d3;} #contentbar .productdetails .narrow .iwantlist{font-size: 0;} #contentbar .productdetails .narrow .iwantlist span{width: 40%;display: inline-block;margin:10px 0px;text-align: center;} #contentbar .productdetails .narrow .iwantlist span img{width: 70%;text-align: center;} #contentbar .productdetails .narrow .part3{font-size: 0;} #contentbar .productdetails .narrow .part3 span{display: inline-block;margin: 0px 10px;} #contentbar .productdetails .narrow .part4 {font-size: 0;} #contentbar .productdetails .narrow .part4 div:first-child span{display: inline-block;font-size: 15px;margin-right: 10px;} #contentbar .productdetails .narrow .part4 div:first-child{margin-bottom: 10px;} #contentbar .productdetails .narrow .part4 .follow2{background-color: #608dc9;padding: 5px 10px;display: inline-block;color: #fff;} #contentbar .productdetails .wide span.mainimage{display: block;} #contentbar .productdetails .wide span.mainimage img{width: 100%;} #contentbar .part1>div>img{vertical-align: bottom;} #contentbar .part1>div>img:hover{cursor: pointer;} .commentbox{ float: left;margin-top: 20px;width: 100%;} .entercomment,.commentrow{overflow: hidden;} .entercomment{overflow: inherit;}/*add this*/ .commentbox .commentleft{float: left;width: 10%;min-width: 50px;} .commentbox .commentleft img{width: 90%;} .commentbox .commentright{float: right;width: 90%;position:relative;/*add this*/} .commentright>div{width: 90%;margin: 10px 0px;font-size: 13px;} .commentright>div:first-child{margin-top: 0px;} .commentbox .entercomment{font-size: 0;} .commentbox .entercomment>span{font-size: 13px;} /*.commentrow{ margin: 10px 0px; padding: 10px 0px; transition: all ease-in 0.2s; }*/ .commentrow {float: left;margin: 10px 0;padding: 10px 0;transition: all 0.2s ease-in 0s;width: 100%;} .commentrow:hover{box-shadow: 10px 2px 40px -20px;-webkit-box-shadow: 10px 2px 30px -10px;} .commentrow>div{font-size: 0;} .commentrow>div.commenttext{font-size: 13px;} .commentrow>div>span{display: inline-block;font-size: 13px;margin-right: 10px;} .entercomment textarea{width: 95%;height: 43px;font-family: "open sans";font-weight: 100;padding: 2px 2%;} .commentright .commentaction>span{display: inline-block;margin-right: 10px;color: #444;vertical-align: middle;opacity: 0.7;} .commentright .commentaction>span:hover{cursor: pointer;color: #518ad6;opacity: 1;} .commenttime{margin-left: 30px;font-size: 11px;color: #aaa;} .totalcomments{margin: 10px 0px;font-size: 12px;display: block;} .owner img{vertical-align: middle;display: inline-block;margin-left: 10px;} /* ----------- product 27-06-2013 ----------- */ /*.hid_op { background: none repeat scroll 0 0 #FFFFFF; border-color: #CCCCCC; border-style: solid; border-width: 1px; display: none; min-height: 50px; padding: 5px; position: absolute; width: 530px !important; z-index: 6; }*/ .hid_op {background: none repeat scroll 0 0 #FFFFFF;border-color: #CCCCCC;border-style: solid;border-width: 1px;display: none;height: 250px;min-height: 50px;overflow-x: hidden;overflow-y: auto;padding: 5px;position: absolute;top: 39px;width: 530px !important;z-index: 6;} .hid_op .suggestion:hover {background-color: #F9CAD9;} .hid_op .suggestion {background: none repeat scroll 0 0 #FFFFFF;cursor: pointer;float: left;height: 44px;margin-bottom: 2px;margin-left: -2px;margin-top: -3px;padding-bottom: 2px;padding-top: 2px;width: 530px;} .hid_op .suggestion .h_user_avatar {float: left;height: 40px;margin: 1px 1px 1px 2px;width: 50px;} .hid_op .suggestion .h_user_avatar img {border: medium none;height: 40px;outline: medium none aqua;width: 40px;} .hid_op .suggestion .h_user_name{float: left;height: 44px;margin: 1px 1px 1px 0;width: 234px;} .hid_op .suggestion .h_user_name > .title a {color: #3F729B;cursor: pointer;float: left;font-family: arial; font-size: 13px;font-weight: bold;height: auto;width: 234px;} .hid_op .suggestion .h_user_name > .tag a {color: #3F729B;cursor: pointer;float: left;font-family: arial;font-size: 13px;font-weight: bold;height: auto;width: 234px;padding-top:18px;padding-left:20px;} .hid_op .suggestion .h_user_name > .title_des { color: #333333;float: left;font-family: arial;font-size: 11px; height: auto;width: 234px;} @media screen and (-webkit-min-device-pixel-ratio:0) { } .toppagehead > div > span {display: inline-block;margin: 5px;vertical-align: top;} /* --------------- end product.css ------------------ */ /* ---------- invite.css --------------------------- */ #contentbar .invitehead h1{background-color: #FFFFFF;background-image: none;margin: 20px;text-align: center;padding: 20px;font-size: 32px;font-weight: 300;} #contentbar .invitebox{max-width: 960px;margin: 0 auto;padding: 0px;} #contentbar .invitebox>div{padding: 20px 7%;} #contentbar > .invitebox > .invitesocialbox{background-position: center;background-image:url("../images/invitebg.jpg");max-width: 845px;text-align: left;padding: 10px;/*max-height: 180px;*/ height:auto;} #contentbar .invitebox h4{font-size: 15px;margin: 10px 0px;color: #333;font-weight: 600;} #contentbar .invitebox p{font-size: 12px;margin: 10px 0px;color: #666;} #contentbar .invitebox .invitesocialbox{font-size: 18px;margin: 10px 0px;color: #333;padding: 50px 7%;} #contentbar .invitebox .invitesocialbox ul{background-color: #fff;border:1px solid #ccc;margin: 20px 0px;} #contentbar .invitebox .invitesocialbox ul li{width: 32%;display: inline-block;padding: 20px 0px ;text-align: center;border-right:1px solid #ccc;min-width: 100px;transition: all ease-in 0.2s;font-weight: 600;} #contentbar .invitebox .invitesocialbox ul li:hover{cursor: pointer;color: #5FB9EC;} #contentbar .invitebox .invitesocialbox ul li:last-child{border-right: none;} .inviteforms{overflow: hidden;} .invitebox .column{text-align: left;} .invitebox .column>div{margin: 10px 0px;} .invitebox .column>div input{margin-right: 10px;padding: 8px 5px;width: 240px;margin-bottom: 20px;} .invitebox .column>div .invitebutton{background-color:#4c85bd;color: #fff;border-radius: 4px;padding: 8px 15px;display: inline-block;transition: all ease-in 0.2s;font-size: 12px;} .invitebox .column>div .invitebutton:hover{cursor: pointer;background-color: #4074a7;} .invitebox .column>div ul.iconlist{margin-top: 100px;} .invitebox .column>div ul.iconlist li{display: inline-block;vertical-align: middle;margin: 0px 8px;vertical-align: middle;} .invitebox .column>div ul.iconlist li span img{line-height: 20px;} .invitebox .column>div ul.iconlist li span:hover{cursor: pointer;} #contentbar .invitebox div.bonus{text-align: center;font-size: 12px;padding: 40px 10%;margin-top: 40px;border-top: 1px solid #ddd;color: #888;float: left;} /* ------------- end invite.css -------------------- */ /* ------------------ Profilepage.css -------------- */ .da-thumbs {margin-top: 40px;} .filterbar h4{font-size: 21px;font-weight: 200;} .filterbar p{font-size: 15px;} .filterbar ul li{padding:5px 0px;} .userstats h4{font-size: 18px;font-weight: 200;color: #666;text-shadow:1px 1px #fff;} .userstats p{font-size: 15px;color: #666;text-shadow:1px 1px #fff;} .userstats ul li{padding:5px 0px;} .userstats{padding: 0px;width: 93%;margin: 0 auto;background-color: #f4f4f4;margin-top: 100px;float: right;} .userstats ul{text-align: left;font-size: 0px;background-color: #f4f4f4;} .userstats ul li {display: inline-block;width: 33.33%;min-width: 80px;font-size: 13px;padding: 5px 0px;color: #aaa;transition: all ease-in 0.14s;text-align: center;float: left;} .userstats ul li.selected {background-color: #eaeaea;} .userstats ul li:hover {background-color:#eee;cursor: pointer;} .usercover{overflow: hidden;width: 93%;margin: 10px auto;padding-top: 20px;border-top: 1px solid #ccc;margin-top: 20px;padding-bottom: 10px;} .usercover>div{float: left;} .usercover>div.leftcover{width: 18%;text-align: left;position: relative;margin-right: 2%;} .usercover>div.leftcover img{width: 100%;max-width: 200px;} .usercover>div.middlecover{width: 38%;text-align: left;margin-right: 2%;} .usercover>div.middlecover span{margin: 10px 0px;display: block;max-width: 80%;} .usercover>div.middlecover span:first-child{margin-top: 0px;} .usercover>div.middlecover span.userid{color:#3F9ED4;font-size: 32px;} .usercover>div.middlecover span.name{font-size: 16px;margin-bottom: 10px;} .usercover>div.middlecover span.address{margin-top: 10px;} .usercover>div.middlecover img{margin: 0px 5px;transition:all ease-in 0.2s;} .usercover>div.middlecover img:hover{cursor: pointer;opacity: 0.7;} .usercover>div.rightcover{width: 40%; float:right;} .usercover>div.rightcover span{display: block;} .usercover .rightcover .editprofile{width: 173px;} .usercover .rightcover .newcollection{width: 173px;} .editprofile{background-color: #5FB9ED;color: #FFFFFF;float: right;font-size: 18px;letter-spacing: 0;padding: 10px 2%;text-transform: uppercase;transition: all 0.2s ease-in 0s;width: 100%;text-shadow:none; margin:2px;} .editprofile:hover{background-color:#3f9ed4;cursor: pointer;} .newcollection{background-color: #5FB9ED;color: #FFFFFF;float: left;font-size: 18px;letter-spacing: 0;padding: 10px 2%;text-transform: uppercase;transition: all 0.2s ease-in 0s;width: 100%;text-shadow:none;margin:2px;} .newcollection:hover{background-color:#3f9ed4;cursor: pointer;} .inprofile .box .inforow {padding-bottom: 10px;} .newcollectionbar{text-align: left;background-image:url("../images/pattern2.jpg");background-repeat: repeat;padding: 2%;width: 89%;margin: 20px auto; margin-bottom: 0px;} .newcollectionbar h3{background-color: #FFFFFF;font-size: 21px;overflow: hidden;padding: 20px;color: #666;text-shadow:1px 1px #fff;font-weight: 100;} .newcollectionbar span{vertical-align: middle;} .columnbox{border-top: none;} ul.taggedbylist li{display: inline-block;margin-right: 4%;width: 200px;} ul.taggedbylist{overflow: hidden;margin-left: 20px;text-align: center;margin-left: 20px;text-align: center;margin-top: 20px;} ul.taggedbylist .inforow{overflow: hidden;margin-top: 10px;border-top: 1px solid #3F9ED4;padding-top: 10px;} ul.taggedbylist .inforow span {float: left;text-align: left;vertical-align: middle;display: inline-block;} ul.taggedbylist .inforow span:first-child {width: 20%;position: relative;} ul.taggedbylist .inforow span:first-child img{width: 100%} ul.taggedbylist .inforow span:last-child {width: 75%;padding-left: 5%;} #contentbar .inprofile .box h2 {font-size: 21px;} #contentbar ul.taggedbylist .inforow p {text-transform: lowercase;} #contentbar ul.taggedbylist .inforow h2 {background: none repeat scroll 0 0 transparent;font-size: 15px;margin: 0;padding:0;text-align: left;color:#3F9ED4;} #contentbar ul.taggedbylist .inforow h2:hover {cursor: pointer;} #contentbar .newcollectionbar h3{font-size: 0;} #contentbar .newcollectionbar h3 span:first-child{width: 70%;display: inline-block;font-size: 18px;} #contentbar .newcollectionbar h3 span:last-child{width: 20%;font-size: 15px;text-align: center;} /* -------------- end profilepage.css -------------- */ /* ------------------ Toppage.css ------------------ */ #contentbar h1.toppagehead{background: none;font-size: 36px;border-top: 1px solid #ddd;padding-top: 20px;width: 93%;margin: 30px auto;font-weight: 400;margin-bottom: 20px; text-align:center;} #contentbar .box h2{background: none;font-size: 18px;margin: 0px;padding: 0px;margin-bottom: 5px;} #contentbar .box h2:hover{cursor: pointer;color: #3f9ed4;} #contentbar .box img:hover{cursor: pointer;} .whitebox{overflow: hidden;} .columnbox{margin: 0 auto;border-top: 1px solid #ddd;width: 93%;overflow: hidden;} .loading{margin: 20px auto; border-top: 1px solid #ddd;width: 93%;overflow: hidden;background-color: #938f90;color: #fff;text-align: center;font-size: 21px;padding: 10px 0px;} .column{width: 48.5%;position: relative;float: left;margin: auto;} .column:last-child{margin-left: 2.5%;} .box{width: 99.5%;margin: 20px auto;border: 1px solid #ddd;display: block;position: relative;transition:all ease-in 0.2s;} .box:hover{border: 1px solid #3F9ED4;} /*.box .imagerow{ padding: 10px 0px; border-bottom: 1px solid #ddd; position: relative; transition:all ease-in 0.2s; }*/ .box .imagerow{padding: 10px 0px;border-bottom: 1px solid #ddd;position: relative;transition:all ease-in 0.2s;height: 126px;} .box:hover .imagerow{border-bottom: 1px solid #3F9ED4;} .box .imagerow span{ display: inline-block;margin: 0 1%;min-width: 60px;position: relative;width: 22%;} .box .imagerow span:first-child{margin-left: 0px;} .box .imagerow span:last-child{margin-right: 0px;} /*.box .imagerow span img{ width: 100%; position:relative; transition: all ease-in 0.2s; }*/ .box .imagerow span img{max-height: 126px;min-height: 100%;max-width: 100%;position:relative;transition: all ease-in 0.2s;} .box .imagerow span img:hover{cursor: pointer;opacity: 0.7;} .box .inforow{overflow: hidden;padding: 10px;padding-bottom: 30px;} .box .inforow span{vertical-align: middle;float: left;text-align: left;} .box .inforow span:last-child{margin-left: 10px;} .box .inforow .follow{background-color: #5fb9ed;color: #fff;transition: all ease-in 0.2s;padding: 5px 15px;font-size: 15px;letter-spacing: 0px;} .box .inforow .follow:hover{background-color:#3f9ed4;cursor: pointer;} .box .inforow .following{background-color: #71bdb0;} .box .inforow .following:hover{background-color: #71bcbd;} .filterbar{padding: 0px;width: 93%;margin: 0 auto;background-color: #f4f4f4;} .filterbar ul{text-align: left;font-size: 0px;} .filterbar ul li {display: inline-block;width: 10%;min-width: 80px;font-size: 15px;padding: 15px 0px;color: #888;text-shadow:1px 1px #fff;transition: all ease-in 0.14s;text-align: center;} .filterbar ul li.selected {background-color: #eaeaea;} .filterbar ul li:hover {background-color:#eee;cursor: pointer;} .yesbb{border-bottom: 1px solid #ddd;} .nobb{border-bottom: none!important; } .nobt{border-top: none!important;} .column .box .inforow{font-size: 0;} .column .box .inforow span{font-size: 13px;font-family: "open sans";font-weight: 100;} /* -------------- this code is chrome and safari --------------------------- */ @media screen and (-webkit-min-device-pixel-ratio:0) {.box .imagerow span img{min-height: 85%;}} /* -------------- end Toppage.css ------------------ */ /* ----------------- Menuhover.css ----------------- */ .dropdown span:hover > a {color: #ccc;background-color: #435560;} .dropdown span>ul>li:hover > a {background-color:#2F414B;} .dropdown > ul {margin: 20px 0 0 0;_margin: 0; /*IE6 only*/opacity: 0;visibility: hidden;position: absolute;top: 45px;left: 0;z-index: 1;border-radius: 3px; transition: all .2s ease-in-out; padding: 5px 0px;} .dropdown:hover > ul {opacity: 1;visibility: visible;margin: 0;} .dropdown >ul{ background-color: #ffffff;border-radius: 0 0 0 0;box-shadow: 2px 1px 4px -2px #333333;z-index: 1000;} .dropdown >ul > li {border: 0 none;display: block;float: none;/*height: 21px;*/ height:auto; line-height: 21px;padding: 0 0 2px 10px;transition: all 0.12s ease-in-out 0s; width:95%;} .dropdown >ul > li:hover {background-color: #ff0066; color: #ffffff} .dropdown >ul > li:last-child {box-shadow: none;} .dropdown > ul a {width: 100px;_height: 10px; /*IE6 only*/display: block;white-space: nowrap;float: none;text-transform: none;} .dropdown ul >li a{display: block;float: none;text-transform: none;white-space: nowrap;width: 140px;font-size: 12px; color: #555;font-size: 13px;} .dropdown span > ul > li a{padding: 5px 0px;} .dropdown > ul > li.menuseperator{color: #aaa;line-height: 1px;height: 1px;margin-bottom:12px;margin-top: -2px} .dropdown > ul > li.menuseperator:hover{background: none;} .social_icon{width:140px; float: left;} /*------------------------------*/ .mp_dropdown span:hover > a {color: #ccc;background-color: #435560;} .mp_dropdown span>ul>li:hover > a {background-color:#2F414B;} .mp_dropdown ul {margin: 20px 0 0 0;_margin: 0; /*IE6 only*/opacity: 0;visibility: hidden;position: absolute;top: 45px;/*left: 0;*/z-index: 1; border-radius: 3px;transition: all .2s ease-in-out;padding: 5px 0px;width:145px;} .mp_dropdown:hover > ul {opacity: 1;visibility: visible;margin: 0;} .mp_dropdown >ul{background-color: #4c535d;border-radius: 0 0 0 0;box-shadow: 2px 2px 4px -2px #333333;z-index: 1000;} .mp_dropdown ul li {border: 0 none;display: block;float: none;height: 21px;line-height: 21px;padding: 0 0 2px 10px;transition: all 0.12s ease-in-out 0s;} .mp_dropdown ul li:hover {background-color: #3A3E47;} .mp_dropdown ul li:last-child {box-shadow: none;} .mp_dropdown ul a {width: 100px;_height: 10px; /*IE6 only*/display: block;white-space: nowrap;float: none;text-transform: none;} .mp_dropdown ul>li a{display: block;float: none;text-transform: none;white-space: nowrap;width: 140px;font-size: 12px; color: #ffffff !important;} .mp_dropdown span>ul>li a{padding: 5px 0px;} .mp_dropdown ul li.menuseperator{color: #aaa;line-height: 1px;height: 1px;margin-bottom:12px;margin-top: -2px} .mp_dropdown ul li.menuseperator:hover{background: none;} /* --------------- End Menuhover.css --------------- */ /* ------------- About.css ------------------------- */ /*.wrapper {max-width: 980px;}*/ nav div span {border-right: none;} #contentbar .invitehead h1{ background-color: #FFFFFF;background-image: none;margin: 20px;text-align: center;padding: 20px;font-size: 32px;font-weight: 300;} #contentbar .invitebox{max-width: 980px;margin: 0 auto;padding: 0px;} #contentbar .invitebox>div{padding: 20px 7%;} #contentbar .invitesocialbox{background-position: center;background-image:url("../images/coolvesyl.jpg");max-width: 960px;text-align: left;padding: 10px; height: 352px;} #contentbar .invitebox h4{font-size: 15px;margin: 10px 0px;color: #333;font-weight: 600;} #contentbar .invitebox p{font-size: 12px;margin: 20px 0px;color: #666;} #contentbar .invitebox .invitesocialbox{font-size: 18px;margin: 0px 0px;color: #333;padding: 50px 7%;} #contentbar .invitebox .invitesocialbox ul{background-color: #fff;border:1px solid #ccc;margin: 20px 0px;} #contentbar .invitebox .invitesocialbox ul li{width: 32%;display: inline-block;padding: 20px 0px ;text-align: center;border-right:1px solid #ccc; min-width: 100px; transition: all ease-in 0.2s;font-weight: 600;} #contentbar .invitebox .invitesocialbox ul li:hover{cursor: pointer;color: #5FB9EC;} #contentbar .invitebox .invitesocialbox ul li:last-child{border-right: none;} #contentbar .invitesocialbox_aboutus { background-position: center; background-image:url("../images/coolvesyl.jpg"); max-width: 960px; text-align: right; padding: 10px; height: 352px; } #contentbar .invitebox div.bonus{text-align: center;font-size: 12px;padding: 40px 0%;margin-top: 40px;border-top: 1px solid #ddd;color: #888; width:100%;}#contentbar .invitebox p {font-size: 13px;text-align: left;} #contentbar .invitebox .faqs p {margin: 5px 0px;} #contentbar .invitebox > div {padding: 2.5% 5% 2.5%;} #contentbar h2 {background-image: none;background-position: center center;background-repeat: repeat-x;font-size: 34px;font-weight: bold;margin-bottom: 10px;margin-top: 0;padding: 10px 0;text-align: center;} #contentbar .invitebox h4 {color: #999;font-size: 18px;font-weight: 600;margin: 10px 0 20px;text-align: left;} #contentbar .invitebox ul.phonelist li{display:inline-block;margin-right: 5px;} #contentbar .invitebox ul.phonelist li:hover{opacity: 0.85;cursor: pointer;} #contentbar .blogright h1 {background-color: none;background-image: none;background-position: center center;background-repeat: repeat-x;margin: 10px 0px;text-align: left;font-size: 32px;} #contentbar .blogright h2 {background-image: none;background-position: center center;background-repeat: repeat-x;font-size: 24px;font-weight: bold;margin-bottom: 10px;margin-top: 40px;padding: 10px 0;text-align: left;} #contentbar .questionsbox h4, #contentbar .contactbox h4{font-size: 24px;color: #555;} .inviteforms{overflow: hidden;border-bottom: 1px solid #ddd;} .invitebox .column{text-align: left;} .invitebox .column>div{margin: 10px 0px;} .invitebox .column>div input{margin-right: 10px;padding: 8px 5px;width: 240px;margin-bottom: 20px;} .invitebox .column>div .invitebutton{background-color:#4c85bd;color: #fff;border-radius: 4px;padding: 8px 15px; display:inline-block;transition: all ease-in 0.2s;font-size: 12px;} .invitebox .column>div .invitebutton:hover{cursor: pointer;background-color: #4074a7;} .invitebox .column>div ul.iconlist{margin-top: 100px;} .invitebox .column>div ul.iconlist li{display: inline-block;vertical-align: middle;margin: 0px 8px;vertical-align: middle;} .invitebox .column>div ul.iconlist li span img{line-height: 20px;} .invitebox .column>div ul.iconlist li span:hpver{cursor: pointer;} .inviteforms h3{font-size: 1.4em;font-weight: bold;margin-bottom: 20px;margin-top: 20px;} .inviteforms .column>img{width: 100%;} .inviteforms .imagefix>img{width: auto;} .inviteforms .imagefix{margin-left: 10%;margin-right: 0;overflow: visible;} nav div.rightsection{width: auto;} nav div.rightsection li{display: inline-block;font-size: 15px;line-height: 30px;margin-right: 30px; float:left;} nav div.rightsection li:last-child{margin-right: 10px;} nav div.rightsection li a.selected{color: #fff;text-shadow:1px 1px 1px #333;font-weight: bold;} nav.navsubmain{background-color: #2b3239;height: 46px;} nav.navsubmain li{height: 43px;display: inline-block;} nav.navsubmain li a{line-height: 36px;} nav.navsubmain li a{display: block;font-size: 12px;height: 32px;line-height: 32px;margin-bottom: 0;margin-top: 6px;padding: 0 15px;text-align: center;width: auto;} nav.navsubmain li a.selected{background-color: #111111;border-radius: 2px 2px 2px 2px;display: block;font-size: 12px;height: 32px;line-height: 32px;margin-bottom: 0;margin-top: 6px;min-width: 60px;text-align: center;} .column:last-child {margin-left: 6%;/*margin-right: 3%;*/} .column {width: 47%;} .blue{color: #5981ad;} div.bloghead{border-bottom: 1px solid #ccc;width: 98%;margin: 0 auto;margin-bottom: 20px;} div.blogleft{width: 28%;display: inline-block;float: left;} div.blogright{width: 68%;margin-left: 4%;display: inline-block;float: left;} div.blogright div>img{width: 99%;} div.blogright div.activitystrip{text-align: left;margin: 30px 0px;} div.blogright div.activitystrip>img{width: auto;} div.blogright div.activitystrip>img:hover{box-shadow: 1px 1px 2px -1px;cursor: pointer;} div.newsbox{padding:10px;border-bottom: 1px solid #ddd;margin: 10px 0px;} div.newsbox:first-child{margin-top: 0;padding-top: 0;} .pagenavigate span:hover{cursor: pointer;text-decoration: underline;} div.readmore{font-style: italic;color: #aaa;font-size: 13px;text-align: right;display: inline-block;float: right;overflow: hidden;} .blogright textarea{background-color: #f4f4f4;height: 160px;width: 100%;border:1px solid #eee;border-radius: 3px;outline: none;color:#555;box-shadow: 0px 0px 2px -1px #ccc inset;} .clear{clear: both;} div.readmore:hover{cursor: pointer;text-decoration: underline;} div.date{text-align:left;margin: 10px 0px;margin-left: 33%;font-size:21px;} .contactbox{text-align: left;margin-top: 60px;margin-bottom: 50px;} div.formbox{margin-top: 40px;border-bottom: 1px solid #ddd;margin-bottom: 60px;padding-bottom: 40px;} .contactbox form>div{margin: 20px 0px;} .contactbox div>input, .contactbox div>textarea{width: 320px;padding:8px;display: inline-block;vertical-align: top;border-color: #ccc;} .contactbox div>textarea{outline: none;border: 1px solid #ccc;} .contactbox div>select{width: 280px;padding:8px 0px;outline: none;border: 1px solid #ccc;} .contactbox span.label{width: 160px;text-align: left;display: inline-block;vertical-align: top;} .contactbox form div.contactsubmit{margin-left: 160px;display: inline-block;} div.contactsubmit:hover{cursor: pointer;opacity: 0.85;} .questionsbox p{max-width: 500px;} /* -------------- End About.css -------------------- */ /* -------------- menu ---------------------------- */ ul.mob_links{border: 2px solid #FFFFFF;border-radius: 5px;display: none;float: right;height: 25px;list-style: none outside none;margin: 2px 0 0;padding: 5px;width: 30px; position:absolute; right:0;z-index: 5;} ul.mob_links > li.bar{background: none repeat scroll 0 0 #666;border-radius: 5px;float: left;height: 3px;margin: 4px 0 0;padding: 0;width: 100%;} nav > div > span.mob_nav {line-height: normal;} nav>div>span.mob_nav >span{display: block;float: left;line-height: normal;position: relative;vertical-align: middle;line-height: 44px;height: 45px;} /* -------------- end menu ------------------------ */ .list-unstyled { list-style: none outside none; padding-left: 0; } .footer_cont{width:100%; float:left; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; } .footer_col{width:20%; float:left;} .footer_colspace{margin-top: 36px;} /* ------------------ gallery.css -------------------------- */ div.hrowbox>div{color: #fff;} #contentbar article img{transition: all ease-in 0.2s;} #contentbar article:hover img{box-shadow: 1px 1px 6px -2px #333;cursor: pointer;} div.hrow1>span{float: left;width: 64px;height: 64px;border-radius: 60px;border: 5px solid #fff;box-shadow: 0px 1px 14px -1px #1c1c1c inset,0px 0px 4px -1px #333;margin-left: 23px;overflow: hidden;} div.hrow1>span span{display: block;} div.hrow1>span span:first-child{color: #fff;font-weight: bold;font-size: 16px;margin-top: 14px;} div.hrow1>span span:last-child{color: #fff;font-weight: 100;font-size: 11px;} div.hrow1 span.tagcircle{background-color: #f9b36b;} div.hrow1 span.savecircle{background-color: #6bb1f9;margin-left: 10px;} .da-thumbs {text-align:center;margin-left: 20px;} .da-thumbs li.product-img{display:inline-block; margin-right:4%; margin-bottom:3%;} .da-thumbs li ,.da-thumbs li img {display: block;position: relative;} .da-thumbs li {overflow: hidden;} .da-thumbs li article {position: absolute;background:rgba(10,10,10,0.7);background-repeat:repeat;width: 100%;height: 100%;} .da-thumbs li article:hover {cursor: default;} .da-thumbs li article .hrow1>span:hover {cursor: pointer;} .da-thumbs li article.da-animate {-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} /* Initial state classes: */ .da-slideFromTop {left: 0px;top: -100%;} .da-slideFromBottom {left: 0px;top: 100%;} .da-slideFromLeft {top: 0px; left: -100%;} .da-slideFromRight {top: 0px;left: 100%;} /* Final state classes: */ .da-slideTop {top: 0px;} .da-slideLeft {left: 0px;} /* ------------- End Gallery.css --------------------------- */ /* ------------ Galleryfix.css ----------------------------- */ .da-thumbs {/*text-align:left;*/width: 93%;margin: 0 auto;font-size: 0;} /*.da-thumbs li.product-img{ display:inline-block; margin-right:3%; margin-bottom:3%; text-align: center; width: 22%; max-width: 220px; min-width: 180px; }*/ /*.da-thumbs li img {width: 100%;}*/ .da-thumbs li.product-img{display:inline-block;margin-right:1%;margin-bottom:1%;/*text-align: center;*/width: 22%;max-width: 220px;min-width: 215px;height: 280px;border-color: #DCDCDC;border-style: solid;border-width: 1px 1px 1px 1px;} /* -------------- End Galleryfix.css ----------------------- */ /* ------------------- signedin.css ------------------------ */ #contentbar h1{background-color: #FFFFFF;background-image: url("../images/pattern.jpg");background-position: center center;background-repeat: repeat-x;margin: 10px 20px;text-align: left;} #contentbar h1 span{background-color: #FFFFFF;color: #AAAAAA;display: block;font-family: "open sans";font-size: 28px;font-weight: 100;margin: 0 auto;padding: 21px;text-align: center;width: 260px;} div.choosebar{border-top: 1px solid #ddd;margin: 20px auto 10px;padding: 20px 0;text-align: left;width: 93%;} ul.choose1, ul.choose2, ul.choose1 li, ul.choose2 li{display: inline-block;} ul.choose1 li{background: none repeat scroll 0 0 #AAAAAA;color: #FFFFFF;font-size: 17px;margin: 0 5px;padding: 2px;text-align: center;width: 20px;} ul.choose2{margin-left: 100px;display: inline-block;} ul.choose2 li{margin: 0px 20px;} ul.choose1 li:hover{opacity: 0.7;cursor: pointer;} ul.choose2 li:hover img{opacity: 0.7;cursor:pointer;} ul.choose2 li img{margin-right: 5px;} ul.choose2 li img, ul.choose2 li span{vertical-align: middle;} /* ------------------- End signedin ------------------------ */ /* -------------------- Storemanage.css ---------------------- */ .usercover > div.leftcover {margin-right: 2%;position: relative;text-align: left;width: 7%;} .usercover > div.middlecover span.userid {color: #333;font-size: 28px;} .usercover > div.middlecover span.name {font-size: 15px;margin-bottom: 5px;font-weight: 100;} .bluelink{color: #3F9ED4;} .bluelink:hover{cursor: pointer;} .usercover > div.middlecover .name .bluelink{display: inline-block;} .usercover > div.middlecover span.name{margin: 0;} .usercover > div.rightcover {width: 51%;} .follow{float: right;} .follow span{background-color: #5FB9ED;color: #FFFFFF;font-size: 18px;letter-spacing: 0;padding: 10px 15px;text-shadow: none;text-transform: uppercase;transition: all 0.2s ease-in 0s;width: 120px;} .follow p{margin-top: 10px;font-size: 18px;} ul.taggedbylist li {display: inline-block;margin-bottom: 2%;margin-right: 4%;width: 200px;transition: all ease-in 0.2s;} ul.taggedbylist li:hover {opacity: 0.8;cursor: pointer;} .follow:hover{cursor: pointer;} .usercover{min-height: 145px;} /* ------------------ End Storemanage.css -------------------- */ /* ------------------ editprofile.css ----------------------- */ .narrowleft{width: 30%;float: left;} .wideright{width: 70%;float: left;overflow: hidden;} .column{overflow: hidden;} .wideright>span{float: left;display: block;position: relative;} .wideright>span:first-child{width: 70%;} .wideright>span:first-child img{width: 100%;} .wideright>span:last-child{margin-left: 2%;width: 18%;} .greybutton{background-color: #888;color: #fff;display: block;padding: 5px 10px;margin-left: 10px;width: 90px;transition: all ease-in 0.2s;font-size: 12px;} .greybutton:hover{cursor: pointer;background-color: #555;} .columnbox.nobt.lazyelement > .column .section{padding: 20px 0px;margin-bottom: 20px;border-bottom: 1px solid #ddd;overflow: hidden;} .columnbox.nobt.lazyelement > .column{width: 49%;padding: 0;} .columnbox.nobt.lazyelement > .column:first-child{margin-right: 2%;} .columnbox.nobt.lazyelement > .column:last-child{margin-left:0;} .column .section:last-child{border-bottom: none; margin-left:0;} .invitebox .column div.checklist{margin-top: 20px;} .invitebox .column > div span.check{text-align: left;margin-right: 10px;display: inline-block;} .invitebox .column > div span.check input {width: 20px;margin-right: 0px;} .invitebox .column textarea{width: 250px;} .invitebox .column > div input {/* width: 90%*/} .wideright > span.smaller {width: 70%;max-width: 60px;} .wideright .connectwith{margin-bottom: 20px;opacity: 1;transition: all ease-in 0.2s;} .wideright .connectwith:hover{cursor: pointer;opacity: 0.8;} .wideright > span.w200 {width: 200px;padding: 10px 0px;text-align: center;} .bluelink{color: #3F9ED4!important;} .bluelink:hover{cursor: pointer;} #contentbar .section .emailinvites p{margin:0;margin-bottom: 20px;} #contentbar .invitehead h1 {margin:0px 20px;padding: 10px 0px;background-color: #eee;text-align: left;} #contentbar .invitehead{background-color: #eee;} .section .emailinvites p input{width: 20px;margin: 0;padding: 0;margin-right: 5px;} .clear{clear: both;} div.saveprofile{width: 260px;padding: 15px 0px;text-align: center;color: #fff;background-color: #83BCF9;font-size: 18px;text-transform: uppercase;transition: all ease-in 0.2s;} div.saveprofile:hover{cursor: pointer;background-color: #6F90CF;} .section .emailinvites p input {width: 20px;} .connectwith img{width: 100%;} /* ----------------- End Editprofile.css -------------------- */ @media (max-width: 1080px) { .commentbox .commentleft, .commentbox .commentright {float: none;} .commentbox .commentleft img {max-width: 60px;} .fr.closeit {float: right;width: auto;} .usercover > div.rightcover {float: right;width: 55%;} .usercover > div.middlecover{width:22%;} span.searchbox > div input{ width: 170px;} } @media (max-width: 960px) { .column{float: none;width: 90%;margin: 0 auto;} .wideright > span:first-child img {max-width: 200px;} .da-thumbs li.product-img{min-width:210px;} /* ------------- core.css --------------- */ #showbar > div.showcontent {position: relative;} #showbar > div.showcontent .mainbar {margin-top: 0px;} .showmore{display: none;} #showbar h1.maintext {display: block;width: auto;text-align: center;margin-bottom: 20px;} #showbar div.mainseperator {display: none;} #showbar div.notifybox {margin-left: 20px;text-align: center;width: auto;margin: 0 auto;display: block;} .notifybox input, .notifybox .submit{float: none;display: inline-block;} .navreshidden ul{padding: 10px;} .navreshidden ul li{padding: 5px 0px;} .navreshidden ul li a{color: #aaa;} /* ------------- gallery.css ------------------------- */ h1.startshopping{width: 260px;margin: 0 auto;display: block;margin-bottom: 10px;} #showbar div.or2 {display: block;text-align: center;width: 100%;} #showbar > div.showcontent .mainbar {margin-top: -6px;} #showbar div.notifybox {width: auto;} /* ------------- editprofile.css --------------------- */ .column{float: none;width: 90%;margin: 0 auto;} .wideright > span:first-child img {max-width: 200px;} .columnbox.nobt.lazyelement > .column{float:left;} #contentbar .box h2{font-size:12px;} } @media (max-width:880px) { .book-popupbox{box-shadow: 6px 6px 20px -6px #666;background-color: #fff;overflow: hidden;margin: 7% auto;width: 100%;float:left;} /* ------------ editprofile.css ---------------- */ .columnbox.nobt.lazyelement > .column > .box{width:99.3%;} } @media (max-width: 860px) { .da-thumbs li.product-img:nth-child(3n){margin-right:2%;} .da-thumbs li.product-img{min-width:200px;} .leftcolumn,.rightcolumn{width:100%; margin-left:0;} /* --------------- menu ----------------- */ #topbar span.logo{width:100%; text-align:center;} ul.mob_links{display:block; cursor:pointer;} nav > div > span.mob_nav,nav >div.rightsection.mob_nav{display:none;} nav > div.leftsection{width:100%;} .mob_nav {background: none repeat scroll 0 0 #535960;margin-top: 3px;} span.searchbox>div input{ width:250px;} } @media (max-width: 800px) { .da-thumbs li.product-img:nth-child(3n){margin-right:0%;} .column{float: none;display: block; width: 90%;} .column:first-child{border-bottom:1px solid #ccc;} #contentbar .invitebox .invitesocialbox{padding: 10px 7%;} #contentbar .invitebox .invitesocialbox ul li {display: block;border: none;text-align: center;width: 100%;} .invitebox .column > div ul.iconlist {margin-top: 20px;} .da-thumbs li.product-img {min-width: 190px;} div.hrow1 > span{margin-left:16px;} .narrow,.wide{width:100%;} #contentbar .narrow > div{text-align:center;} nav div span{color:#fff;} nav a{color:#fff;} span.searchbox>div input{ width:250px;} /* ------------ top store ---------- */ .filterbar ul li{font-size: 13px;} /* -------------- menu --------------------------- */ nav > div > span.mob_nav > span.topsocialicon{margin-right:5px; margin-top:10px;background-image: -webkit-linear-gradient(top, #32373F, #3C4044); background-image: -moz-linear-gradient(top, #32373F, #3C4044); background-image: -ms-linear-gradient(top, #32373F, #3C4044); background-image: -o-linear-gradient(top, #32373F, #3C4044); background-image: linear-gradient(top, #32373F, #3C4044); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#32373F, endColorstr=#3C4044); margin-bottom:2px;} nav > div > span.mob_nav > span.toplink,.select_lang > .select,nav > div.rightsection > span.toplink,nav div.rightsection > span#userlink { width:95%; background-image: -webkit-linear-gradient(top, #32373F, #3C4044); background-image: -moz-linear-gradient(top, #32373F, #3C4044); background-image: -ms-linear-gradient(top, #32373F, #3C4044); background-image: -o-linear-gradient(top, #32373F, #3C4044); background-image: linear-gradient(top, #32373F, #3C4044); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#32373F, endColorstr=#3C4044); } nav > div > span.mob_nav > span.toplink:hover,.select_lang > .select:hover,nav > div.rightsection > span.toplink:hover,nav div.rightsection > span#userlink:hover { background:#757a80; } .select_lang {height: 37px;margin-top: 5px;width: 100%;} .select_lang > .select{width:96.1%;} nav > div.rightsection.mob_nav {margin-left: 2px;} .select_lang > .option{width:99%; height:auto;} nav div.rightsection > span{width:91.5%;} nav div.rightsection > span#userlink{width:95%;padding-right:20px;} .select_lang > .select {width: 95.8%;} nav > div > span.mob_nav, nav > div.rightsection.mob_nav {display: none;margin-left: 0;width: 98.5%;} } @media (max-width:768px) { .da-thumbs li.product-img:nth-child(3n){margin-right:3%;} /* -------------- Menu ------------------ */ /*.select_lang > .select {width: 95.8%;} */ nav > div > span.mob_nav, nav > div.rightsection.mob_nav {display: none;margin-left: 0;width: 99%;} /* -------------- editprofile ------------ */ .columnbox.nobt.lazyelement > .column > .box{width:99.3%;} } @media (max-width: 640px) { nav.navmain{display: block;} .da-thumbs li.product-img{min-width:210px;} div.hrow1 > span {margin-left: 23px;} .da-thumbs li.product-img:nth-child(2n) {margin-right: 3%;} .da-thumbs li.product-img:nth-child(3n) {margin-right: 3%;} #popupbgtag{margin-top:-125px;} #main_popupbg{margin-top:-160px;} .popupbox{width:90%; min-width:90%;} nav > div > span.mob_nav, nav > div.rightsection.mob_nav{width:97%;} nav > div.rightsection.mob_nav{float:left; margin-left:0;} /*.select_lang > .select {width: 95.9%;} */ } @media (max-width:560px) { .da-thumbs li.product-img {min-width: 190px;} div.hrow1 > span {margin-left: 16px;} .usercover > div.leftcover{float:left;} .usercover > div.middlecover{width:78%; float:left;} .usercover > div.rightcover {width: 100%;} .userstats{width:100%; margin-top:25px;} /* ------------- editprofile ------------------ */ .columnbox.nobt.lazyelement > .column {float: left;width: 100%;} } @media (max-width:480px) { #popupbgtag{width:85%;} textarea.modal-save-product-comment{width:90%;} #contentbar > .whitebox > .vesyl_find_people{width:95%;} .da-thumbs li.product-img:nth-child(2n){margin-right:3%;} .da-thumbs li.product-img:nth-child(3n){margin-right:3%;} .da-thumbs li.product-img {min-width: 168px;} div.hrow1 > span {margin-left: 28px;} #contentbar article > div.hrowbox .hrow2, #contentbar article > div.hrowbox .hrow3, #contentbar article > div.hrowbox .hrow4{margin-left:10%;} .fr {float: right;width: 100%;} .mainbar > span{width:40%;} /* ------------ top store ---------- */ .filterbar ul li {font-size: 10px;} .column:last-child {margin-left: 5%;} /* -------------- menu --------------------------- */ .select_lang {height: 37px;margin-top: 5px;width: 100%;} nav > div.rightsection.mob_nav {margin-left: 0px;} /*.select_lang > .option{width:99%; height:auto;} */ nav div.rightsection > span{width:91.5%;} #userlink{padding-right:10px;} nav > div > span.mob_nav > span.toplink, .select_lang > .select, nav > div.rightsection > span.toplink, nav div.rightsection > span#userlink{width:95%;} .select_lang > .select {width: 95.7%;} nav div.rightsection > span#userlink {padding-right: 20px;width: 95%;} /* ------------ Galleryfix.css ------------------ */ .da-thumbs li.product-img{min-width:220px;} /* ------------- end Galleryfix.css ------------- */ .managw{ width:50%; float:left; margin-bottom: 20px;} } @media (max-width:360px) { div.hrow1 > span {margin-left: 30px;} #popupbgtag {width: 82%;margin: -130px 0 0 -167px;} .popupbody{padding:0;} textarea.modal-save-product-comment {width: 85%; font-size:15px; height:20px;} #main_popupbg {margin: -161px 0 0 -165px; width: 290px;} .products-collection-dropdown > div .products-select-collection-add-collection input{width:170px;} .da-thumbs li.product-img {min-width: 220px;margin-top: 20px;} .da-thumbs li.product-img:nth-child(2n) {margin-right: 0;} .da-thumbs li.product-img:nth-child(3n) {margin-right: 0;} /* --------------- invite friends ----------------- */ #contentbar > .invitebox{padding:0;} #contentbar .whitebox > div.invitehead{width:90%;} #contentbar > .invitebox > .invitehead > h1{ margin: 20px 0;} #contentbar .invitebox > div.inviteforms{padding:2.5% 0;} #contentbar > .invitebox > .invitesocialbox{pading:10px 5%;width: 90%;} #contentbar .invitebox div.bonus{padding:40px 0;} .invitebox .column > div input{width:95%;} .column:last-child {margin-left: 5%;} /* -------------- menu --------------------------- */ nav > div > span.mob_nav > span.toplink, .select_lang > .select, nav > div.rightsection > span.toplink, nav div.rightsection > span#userlink{width:92%;} nav div.rightsection > span#userlink{width:92%;} /*.select_lang {height: 37px;margin-top: 5px;width: 100%;} .select_lang > .select{width:93.7%;} */ nav > div.rightsection.mob_nav {margin-left: 0;} .select_lang > .option{width:99%; height:auto;} nav div.rightsection > span{width:91.5%;} #userlink{padding-right:10px;} #contentbar .box h2{font-size:15px;} #contentbar h1.toppagehead{font-size:25px;} .box{width:99.1%;} .filterbar ul li{width:97%; text-align:left; padding-left:3%; font-size:12px;} .columnbox{width:98%;} .column{width:93%;} /* -------------- before singin -------------- */ .wrapper > .select_lang {float: right;width: 143px;} .wrapper > .select_lang > .select {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);width: 60%;} } @media (max-width:320px) { span.searchbox>div input{ width:230px;} #contentbar article > div.hrowbox .hrow2, #contentbar article > div.hrowbox .hrow3, #contentbar article > div.hrowbox .hrow4{margin-left:14%;} #main_popupbg {margin: -160px 0 0 -150px;width: 260px;} #popupbgtag {width: 82%;margin: -130px 0 0 -150px;} .reporting_div{margin-left:0;} /* --------- featured -------------------- */ ul.choose1, ul.choose2{width:100%; margin:0;} ul.choose2 li {margin: 10px 20px;} /* ------------ menu -------------------- */ .column:last-child {margin-left: 3%;} .select_lang > .select {width: 94%;} } .form-sub,a.form-sub{background:url(../images/glass-light.png) repeat-x scroll 0 50% #EA4C89;border:medium none;border-radius:6px;color:#FFF;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.9em;font-weight:700;text-decoration:none;cursor:pointer;padding:7px 12px} .form-sub-div{text-align:center;width:366px;margin-bottom:10px} .mi_bg{ width:950px; height:auto; margin:0 auto;} .mimain_bg{ width:100%; height:auto; border-bottom:1px solid #eeeeee; float:left; padding-bottom:20px; margin-bottom:20px;} .mi_text{ width:12px; color:#000; font-family:arial; font-weight:bold; width:100%; padding:10px 10px 10px 50px;} .maninamebg{ width:100%; height:auto; float:left; padding:5px 0;} .namebg{ width:30%; height:auto; float:left; font-size:12px; font-family:arial; text-align:right; padding-right:20px; margin-top:10px;} .sellererror{ float: left; font-family: arial; font-size: 12px; height: auto; margin-top: 10px; padding-left: 24px; text-align: left; color:#FF0000; width: 30%; display: none;} .sellererror-reset{font-family: arial; font-size: 12px; height: auto; margin-top: 10px; padding-left: 24px; color:#FF0000; width: auto; display: none;} .namebgmain{width:100%; float:left;} .namebg{ width:30%; height:22px; float:left; font-size:12px; font-family:arial; text-align:right; padding-right:20px; margin-top:10px;} .maninamebg input[type="text"]{ width:25%; height:30px; border:1px solid #ccc;background: #f4f4f4; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWZlZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/ background: -moz-linear-gradient(top, #f4f4f4 0%, #fefefe 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f4f4f4 0%,#fefefe 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f4f4f4 0%,#fefefe 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f4f4f4 0%,#fefefe 100%); /* IE10+ */ background: linear-gradient(to bottom, #f4f4f4 0%,#fefefe 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#fefefe',GradientType=0 ); /* IE6-8 */ padding:0 10px; border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; float:left;} .maninamebg > input[type="submit"]{ width:36px; height:30px; background:#588cc7; border:none; color:#fff; font-family:arial; color:#fff; float:left; margin-left:5px;border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; cursor:pointer;} .maninamebg > select{ width:27%; height:30px; border:1px solid #ccc;background: #f4f4f4; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWZlZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/ background: -moz-linear-gradient(top, #f4f4f4 0%, #fefefe 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f4f4f4 0%,#fefefe 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f4f4f4 0%,#fefefe 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f4f4f4 0%,#fefefe 100%); /* IE10+ */ background: linear-gradient(to bottom, #f4f4f4 0%,#fefefe 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#fefefe',GradientType=0 ); /* IE6-8 */ padding:5px 5px 5px 10px; border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; float:left;} /*.uploadphoto{ width:110px; height:80px; border:1px solid #dddddd; float:left; margin-left:20px; border-radius:2px; -webkit-border-radius:2px;-ms-border-radius:2px;}*/ .uploadphoto{ width:auto; height:auto; border:1px solid #dddddd; float:left; margin-left:20px; border-radius:2px; -webkit-border-radius:2px;-ms-border-radius:2px;} .maninamebg span{ font-size:16px; margin-left:5px; font-family:Arial, Helvetica, sans-serif; float:left; padding-top: 6px;} .maninamebg span b{ font-weight:normal; color:#64CFF4;} .maninamebg > textarea{ width:25%; height:30px; border:1px solid #ccc;background: #f4f4f4; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWZlZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/ background: -moz-linear-gradient(top, #f4f4f4 0%, #fefefe 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f4f4f4 0%,#fefefe 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f4f4f4 0%,#fefefe 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f4f4f4 0%,#fefefe 100%); /* IE10+ */ background: linear-gradient(to bottom, #f4f4f4 0%,#fefefe 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#fefefe',GradientType=0 ); /* IE6-8 */ padding:0 10px; border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; float:left; resize:none; height:100px; font-family:arial; font-size:13px;} .submitbtn{ width:auto; height:auto; float:right; margin:0 40px 20px 0;} .submitbtn input[type="submit"]{ padding:10px 30px;background:#5792c8; color:#fff; font-family:arial; font-size:12px; font-weight:bold; border:none; cursor:pointer;} /* --- Cart Start -- */ .dropdown_2columns { margin:-4px auto;float:left;position:absolute;left:-999em; /* Hides the drop down */text-align:left;padding:10px 5px 10px 5px;border-top:none;/* Gradient background */background:#414751;/* Rounded Corners */-moz-border-radius: 0px 5px 5px 5px;-webkit-border-radius: 0px 5px 5px 5px;border-radius: 0px 5px 5px 5px;} .dropdown_2columns {width: 330px;} li:hover .dropdown_2columns {left:-1px;top:auto;} .decscri{ width:300px;height:22px;border-bottom:1px solid #535963;margin:0 auto;} .des_bg{ width:210px;height:20px;float:left;color:#d4d8de;font-size:12px;} .qty_bg{ width:50px;height:20px;float:left;color:#d4d8de;text-align:center;font-size:12px;} .price_bg{ width:35px;height:20px;float:left;text-align:center;color:#d4d8de;font-size:12px;} .lisy_product_detail{ width:300px;height:auto;float:left;margin:15px auto;} .product_dtl{ width:50px;height:50px;float:left;} .pht_dtls{width:150px;height:50px;margin-left:10px;float:left;font-size:12px;color:#fff;line-height: 1.5;} .pht_dtls b{ font-size:11px;color:#a7adb7;font-weight: normal;} .qty_counter{ width:50px;height:20px;float:left;text-align:center;font-size:12px;color:#fff;} .price_counter{ width:35px;height:20px; float:left;text-align:center;font-size:12px;color:#fff;} .subtotal{height:36px;background:#535a65;float:left;margin: 15px 0 0 -5px;width: 340px;} .order_subtotal{width:180px;height:25px;margin-left:15px;padding-top:5px;font-weight:bold;font-size:13px;float:left;color:#fff;} .subtoprice_bg{width:100px;height:25px;padding-top:5px;font-weight:bold;font-size:13px;float:right;color:#fff;margin-right:30px;text-align:right;} .proced_thecheckout{width:300px;height:30px;float:left;margin:6px auto 0;} .proced_thecheckout input{width:330px;height:30px;background:#333;color:#f5f5f5;border:none;cursor:pointer;margin:o auto;} /* --- Cart End -- */ /* classes for add address popup : 30-05-13 */ #backgroundPopup{display:none;position:fixed;_position:absolute;height:100%;width:100%;top:0;left:0;background:#000;border:1px solid #cecece;z-index:1} #popupContact{display:none;position:fixed;_position:absolute;height:auto;width:654px;background:#FFF;z-index:2;font-size:13px;border:1px solid #6E6F70;border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;-khtml-border-radius:3px 3px 3px 3px;padding:10px 0 0} #popupContact h1{text-align:left;color:#6FA5FD;font-size:22px;font-weight:700;border-bottom:1px dotted #D3D3D3;padding-bottom:2px;margin-bottom:20px} #popupContactClose{font-size:14px;line-height:14px;right:6px;top:4px;position:absolute;color:#989a9c;font-weight:700;display:block;cursor:pointer} #button{color:#4A8AC8} #button a{color:#4A8AC8;text-decoration:none} #button a:hover{color:#4A8AC8;cursor:pointer;text-decoration:underline} .shipping{color:#373D49;font-size:18px;height:65px;line-height:1.6;width:624px;margin:0 auto} .shipping span{color:#91949a;font-size:12px} .popupcentrer{width:621px;height:auto;margin:5px auto} .popupcentrer .left_area{width:295px;height:auto;float:left} .popupcentrer .right_area{width:295px;height:auto;float:right} .name_bg{width:290px;height:15px;color:#373d48} .name_bg b{color:#5277ce;font-size:12px} .name_bg_bottom input{border:1px solid #D1D3D9;border-radius:3px 3px 3px 3px;color:#373D49;display:block;font-size:12px;height:17px;margin-top:3px;width:280px;margin-bottom:15px;padding:5px} .name_bg_bottom select{border:1px solid #D1D3D9;border-radius:3px 3px 3px 3px;color:#373D49;display:block;font-size:12px;height:28px;margin-bottom:15px;margin-top:3px;width:287px;padding:5px} .cartbtn{background:none repeat scroll 0 0 #F5F6F8;border-radius:0 0 3px 3px;border-top:1px solid #E9EAEF;clear:both;float:left;height:27px;margin-top:9px;width:638px;padding:12px 16px 16px 0} .cartbtn button{background:none repeat scroll 0 0 #7EBF3E;border:0 none;border-radius:5px 5px 5px 5px;color:#FFF;cursor:pointer;font-size:15px;font-weight:700;height:40px;float:right;margin:-3px 0 0 6px;padding:0 13px} /*-------------------------------------------------------*/ #content {background: none repeat scroll 0 0 #FFFFFF;border-radius: 3px 3px 3px 3px;box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.1);float:left;width:100%;} ol, ul {list-style: none outside none;} .cart-order-depth {position:absolute;float:left;border-bottom:1px solid #eceef4; margin:0; padding:0; width:975px;} .cart-order-depth li {position:relative;float:left;height:40px;padding-top:26px;font-weight:bold;font-size:13px;color:#c8ccd0;} .cart-order-depth li.current {color:#59646f;} .cart-order-depth li span {position:absolute;left:0;top:20px;display:block;width:30px;height:22px;padding-top:8px;text-align:center;font-size:14px;line-height:14px;} .cart-order-depth li.current span {background-position:100% 100%;} .cart-order-depth li.depth1 {width:188px;padding-left:117px;} .cart-order-depth li.depth2 {width:188px;padding-left:117px;} .cart-order-depth li.depth3 {width:200px;background:none;padding-left:110px;} .cart-order-depth li.depth1 span {left:74px;} .cart-order-depth li.depth2 span {left:74px;} .cart-order-depth li.depth3 span {left:66px;} .cart-list .cart-list-from {font-weight:bold;font-size:12px;color:#73777f;} .cart-list .cart-list-from a {font-size:14px;color:#4A8AC8; text-decoration:none;} .cart-list .cart-list-from a:hover {font-size:14px;color:#4A8AC8; text-decoration:underline;} .cart-list {clear: both;float: left;padding-top: 90px;width: 96%;margin:20px;} .cart-list h2 {color: #373D49;font-size: 18px;font-weight: bold;padding-bottom: 20px;} p {font-size: 13px;font-style: normal;line-height: 18px;padding: 0 0 10px;} .cart-list .cart-payment-wrap {border: 1px solid #DDDDDD;float: left;margin-bottom: 30px;position: relative;width: 100%;} .cart-list .table-cart-wrap {float: left;position: relative;width: 618px;z-index: 2;} .cart-list .table-cart {width: 618px;} table {border-collapse: collapse;border-spacing: 0;} .cart-list .table-cart thead th.product {border-radius: 5px 0 0 0;padding-left: 13px;text-align: left;} .cart-list .table-cart thead th {color: #444A55;font-size: 12px;font-weight: bold;height: 32px;text-align: center;vertical-align: middle;} .cart-list .table-cart thead th {color: #444A55;font-size: 12px;font-weight: bold;height: 32px;text-align: center;vertical-align: middle;} .cart-list .table-cart tbody td.thumnail {padding: 18px 14px 13px;text-align: center;width: 100px;} .cart-list .table-cart tbody td.thumnail a {color: #4A8AC8;display: block;text-decoration: none;width: 100px;} .cart-list .table-cart tbody td.thumnail img {margin-bottom: 12px;width: 100px;} .cart-list .table-cart tbody td.title {color: #737373;font-size: 12px;font-weight: normal;padding: 20px 0 0;vertical-align: top;} .cart-list .table-cart tbody td.title a {color: #737373;font-size: 12px;font-weight: normal;} .cart-list .table-cart tbody td.title b {color: #373D49;font-size: 14px;font-weight: bold;} .cart-list .table-cart tbody td.price {font-size: 13px;font-weight: normal;padding-top: 23px;text-align: center;width: 100px;} .cart-list .table-cart tbody td.quantity {font-size: 11px;padding-top: 16px;text-align: center;width: 57px;} .cart-list .table-cart tbody td.quantity input.text {border: 1px solid #D1D3D9;border-radius: 3px 3px 3px 3px;color: #373D49;font-size: 12px;height: 17px;margin-bottom: 4px;padding: 5px;text-align: center;width: 45px;} .cart-list .table-cart tbody td.quantity a {color: #4A8AC8;} .cart-list .table-cart tbody td.total {color: #5A5B5D;font-size: 13px;font-weight: bold;padding-top: 23px;text-align: center;width: 97px;} .cart-list .table-cart tbody td.optional {border: 0 none;padding-bottom: 15px;vertical-align: middle;} .cart-list .table-cart .optional-list {float:left;width:470px;min-height:76px;_height:76px;} .cart-list .table-cart .optional-list li {float:left;clear:both;width:470px;padding-bottom:4px;} .cart-list .table-cart .optional-list li .option-tit {float:left;width:100px;color:#737373;} .cart-list .table-cart .optional-list li .option-txt {float:left;width:360px;color:#373d49;} .cart-list .note {color: #000000;padding: 7px 14px 0;} .cart-list .note dt {font-size: 13px;height: 21px;} .cart-list .note dt small {color: #898989;font-size: 12px;} .cart-list .note textarea {color: #666666;font-size: 12px;height: 78px;padding: 7px;width: 552px;} .cart-list .cart-note .cart-payment {padding-bottom: 10px;} .cart-list .cart-payment {float: right;margin: 0 0 0 -2px;padding: 34px 0 53px;width: 281px;z-index: 1;} .cart-list .bg-cart-payment {background: -moz-linear-gradient(center top , #F5F6F8, #EEEFF1) repeat scroll 0 0 transparent;border-bottom: 1px solid #D9DADC;display: block;height: 32px;position: absolute;width: 100%;z-index: 1;} .cart-list .cart-payment dl.cart-payment-ship, .cart-list .cart-payment dl.cart-gift {border-bottom: 1px solid #D4D6DF;} .cart-list .cart-payment dl {padding: 0 0 15px 13px;} .cart-list .cart-payment dt {font-size: 14px;font-weight: bold;padding: 16px 0 5px;} .cart-list .cart-payment dl.cart-payment-ship select {margin-bottom: 12px;padding-left: 5px;} .cart-list .cart-payment .select-round {width: 202px;} .select-round {background: -moz-linear-gradient(center top , #ECECEC, #FFFFFF) repeat scroll 0 0 transparent;border: 1px solid #9A9A9A;border-radius: 3px 3px 3px 3px;color: #303030;font-size: 12px;font-weight: normal;height: 21px;line-height: 15px;margin: 0;padding: 0;} .cart-list .cart-payment dl.cart-payment-ship a {color: #4A8AC8;display: block;} .cart-list .cart-payment dl {padding: 0 0 15px 13px;} .cart-list .cart-payment .cart-gift input[type="checkbox"] {vertical-align: middle;} .cart-list .cart-payment .cart-gift span {vertical-align: middle;} .cart-list .cart-payment .cart-coupon {border-bottom: 1px solid #D4D6DF;float: left;padding: 0 14px 15px;width: 255px;} .cart-list .cart-payment .cart-coupon dt {padding-bottom: 10px;} .cart-list .cart-payment dt {font-size: 14px;font-weight: bold;padding: 16px 0 5px;} input.text[type="text"], input.text[type="password"], textarea.text {background: none repeat scroll 0 0 #FEFEFE;border-color: #B0B5BD #C1C5CB #D2D6DC;border-radius: 2px 2px 2px 2px;border:1px solid;color: #393D4D;font-size: 13px;line-height: 19px;margin: 0;padding: 5px 7px;} .cart-coupon .btn-blue-apply {background: none repeat scroll 0 0 #3A83C0;border-radius: 2px 2px 2px 2px;color: #FFFFFF;float: right;font-size: 12px;height: 30px;line-height: 30px;margin: 0 0 5px;text-align: center;width: 60px;} .cart-list .cart-payment .cart-payment-order {clear: both;} .cart-list .cart-payment dl {padding: 0 0 15px 13px;} .cart-list .cart-payment-order ul {margin-right: 13px;} .cart-list .cart-payment-order ul {margin-right:13px;} .cart-list .cart-payment-order li {background: url(img/line-dot-gray.gif) repeat-x 0 0;padding:7px;text-align:right;} .cart-list .cart-payment-order li.first {background:none;} .cart-list .cart-payment-order li .order-payment-type {float:left;font-size:12px;color:#5a5b5d;} .cart-list .cart-payment-order li .order-payment-usd {text-align:right;color:#373d49;font-size:10px;} .cart-list .cart-payment-order li .order-payment-usd b {font-weight:bold;font-size:12px;color:#5a5b5d;} .cart-list .cart-payment-order li.total {background:none;border-top:1px solid #d4d6df;padding-top:13px;} .cart-list .cart-payment-order li.total .order-payment-type {color:#373d49;font-size:14px;font-weight:bold;} .cart-list .cart-payment-order li.total .order-payment-usd {color:#373d49;font-size:12px;} .cart-list .cart-payment-order li.total .order-payment-usd b {color:#373d49;font-size:14px;} .cart-list .cart-note .cart-payment .btn {margin-top: 3px;width: 250px;} .cart-list .cart-payment .btn {background: none repeat scroll 0 0 #3A83C0;border: 0 none;border-radius: 5px 5px 5px 5px;color: #FFFFFF;cursor: pointer;font-size: 15px;font-weight: bold;height: 40px;margin: 0 0 0 12px;padding: 0;width: 210px;} * {font-family: Helvetica,Arial,sans-serif;/*font-size: 100%;*/margin: 0;padding: 0;vertical-align: baseline;} .cart-list.chept2 .card-payment {background: none repeat scroll 0 0 #FDFDFE;} .cart-list .cart-payment-wrap {border: 1px solid #DDDDDD;float: left;margin-bottom: 30px;position: relative;width: 100%;} .cart-list.chept2 .hotel-booking-left {background: none repeat scroll 0 0 #FFFFFF;padding-bottom: 101px;width: 70%;min-height: 400px;padding-bottom: 82px;} .hotel-booking-left {border-right: 1px solid #D4D6DF;clear: both;float: left;padding: 3px 0 0;} .cart-list.chept2 .card-payment .hotel-booking-left dl.payment-personal {border: 0 none;padding-bottom: 9px;padding-right: 0;width: 334px;} .hotel-booking-left dl.payment-personal {border-bottom: 1px solid #D4D6DF;padding-bottom: 14px;} .hotel-booking-left dl {clear: both;float: left;padding: 0 20px 10px;position: relative;width: 607px;} .cart-list.chept2 .card-payment .hotel-booking-left dt {padding-top: 21px;} .cart-list.chept2 .card-payment .hotel-booking-left dt {padding-top: 34px;} .hotel-booking-left dt {color: #91949A;font-size: 12px;line-height: 22px;padding: 27px 0 20px;} .hotel-booking-left dt b {color: #373D49;display: block;font-size: 18px;} .cart-list.chept2 .card-payment .hotel-booking-left dd.comment {padding: 0;position: relative;text-align: left;} .cart-list.chept2 .card-payment .hotel-booking-left dd.comment {font-size: 12px;font-weight: normal;padding: 47px 22px 0 0;position: absolute;right: 0;text-align: right;top: 0;} .cart-list.chept2 .card-payment .hotel-booking-left dd {padding-bottom: 10px;} .hotel-booking-left dd {clear: both;float: left;min-height: 39px;width: 100%;} .cart-list.chept2 .card-payment .hotel-booking-left dd label {display: block;float: none;} .hotel-booking-left dd label {color: #373D49;float: left;font-size: 12px;line-height: 22px;padding-top: 4px;width: 180px;} .cart-list.chept2 .card-payment .hotel-booking-left dd label b {color: #3077CE;font-size: 12px;font-weight: normal;position: relative;top: 2px;} .cart-list.chept2 .card-payment .hotel-booking-left dd input {float: none;margin-bottom: 0;height:30px;width: 253px;} .hotel-booking-left dd input { border: 1px solid #D1D3D9;border-radius: 4px 4px 4px 4px;float: left;height: 17px;margin-bottom: 10px;padding: 5px;width: 415px;} .cart-list.chept2 .card-payment .hotel-booking-left dd p.error {padding-left: 0;width: auto;} .hotel-booking-left dd p.error {clear: both;color: #ED1C24;display: none;font-size: 11px;padding-left: 180px;width: 425px;} .cart-list.chept2 .card-payment .hotel-booking-left dl.payment-personal {border:0;padding-bottom:9px;} .cart-list.chept2 .card-payment .hotel-booking-left .payment-save-check {padding-bottom:0;} .cart-list.chept2 .card-payment .hotel-booking-left dt {padding-top:34px;} .cart-list.chept2 .card-payment .hotel-booking-left dd.comment {position:absolute;top:0;right:0;text-align:right;padding:47px 22px 0 0;font-weight:normal;font-size:12px;} .cart-list.chept2 .card-payment .hotel-booking-left dd.comment b {position:relative;top:2px;color:#3077ce;} .cart-list.chept2 .card-payment .hotel-booking-left dd.payment-save-check {padding:0;} .cart-list.chept2 .card-payment .hotel-booking-left dd.payment-save-check input {display:inline;margin:3px 3px 3px 4px;border-radius:0;border:0;padding:0;width:13px;height:13px;} .cart-list.chept2 .card-payment .hotel-booking-left dd.payment-save-check label {display:inline;} .cart-list.chept2 .card-payment .hotel-booking-left dd label {float:none;display:block;} .cart-list.chept2 .card-payment .hotel-booking-left dd input {float:none;} .cart-list.chept2 .card-payment .hotel-booking-left dd input.input-number {width:50px;margin-right:11px;} .cart-list.chept2 .card-payment .hotel-booking-left dd label b {position:relative;top:2px;color:#3077ce;font-weight:normal;font-size:12px;} .cart-list.chept2 .card-payment .hotel-booking-left dd.select-card label {display:inline-block;width:46px;height:29px;margin-right:2px;} .cart-list.chept2 .card-payment .hotel-booking-left dd.select-card .payment-card-type1 { background:url('../images/card.png') -98px 0;} .cart-list.chept2 .card-payment .hotel-booking-left dd.select-card .payment-card-type2 {background:url('../images/card.png') 0 0;} .cart-list.chept2 .card-payment .hotel-booking-left dd.select-card .payment-card-type3 {background:url('../images/card.png') 143px 0;} .cart-list.chept2 .card-payment .hotel-booking-left dd.select-card .payment-card-type4 {background:url('../images/card.png') 46px 0;} .cart-list.chept2 .card-payment .hotel-booking-left dd.select-card input {position:absolute;top:-1000em;left:-10000em;} .cart-list.chept2 .card-payment .hotel-booking-left dd .selectBox {height:29px;} .cart-list.chept2 .card-payment .hotel-booking-left dd .select-round {background:#fff;border-color:#d1d3d9;} .cart-list.chept2 .card-payment .hotel-booking-left dd .selectBox-dropdown .selectBox-label {padding:6px 8px;} .cart-list.chept2 .card-payment .hotel-booking-left dd .selectBox-dropdown .selectBox-arrow {border-left:0;} .cart-list.chept2 .card-payment .hotel-booking-left dd .select-date {width:73px;margin-right:7px;} .cart-list.chept2 .card-payment .hotel-booking-left dd .select-state {width:290px;} .cart-list.chept2 .card-payment .hotel-booking-left dd .select-country {width:253px;} .cart-list.chept2 .card-payment .hotel-booking-left dl.payment-card {padding-bottom:67px;} .cart-list.chept2 .card-payment .hotel-booking-left dd .tooltip {background: url(../images/icon-hotel-payment.gif) no-repeat 0 0;padding-left:20px;color:#3a83c0;} .shop .list .search-frm .selectBox-dropdown {border: 1px solid #caccd0;padding: 0;line-height: 15px;border-radius: 3px;font-size: 12px;color: #393d4d;width: 134px;-moz-box-shadow: 0 1px 1px rgba(130, 137, 150, 0.05) !important;-webkit-box-shadow: 0 1px 1px rgba(130, 137, 150, 0.05) !important;box-shadow: 0 1px 1px rgba(130, 137, 150, 0.05) !important;vertical-align: middle;height: 24px;} .shop .list .search-frm .selectBox-dropdown .selectBox-label {font-weight:normal;font-size: 12px;color: #393d4d;padding:5px 8px 4px;} .shop .list .search-frm .selectBox-dropdown .selectBox-arrow {background: url(../images/jquery.selectBox-arrow.gif) no-repeat 100% 50%;border:0;} .shop .list .search-frm .search .selectBox-dropdown {margin-right:6px;} .cart-list.chept2 .card-payment .hotel-booking-left dl.payment-card {clear: none;padding: 0;width: 265px;} .hotel-booking-left .hotel-booking-noti {bottom: 0;left: 0;position: absolute;width: 64%;} .hotel-booking-left .hotel-booking-noti {background: url(../images/icon-hotel-payment.gif) no-repeat scroll 22px -102px #F5F6F8;border-top: 1px solid #E9EAEF;color: #91949A;font-size: 11px;line-height: 18px;padding: 17px 0 14px 65px;} .hotel-booking-left .hotel-booking-noti big {color: #646872;display: block;font-size: 15px;font-weight: bold;} .cart-list.chept2 .card-payment .button-complete {background: none repeat scroll 0 0 #3981BD;border: 0 none;border-radius: 3px 3px 3px 3px;bottom: 82px;color: #FFFFFF;font-size: 15px;font-weight: bold;height: 40px;margin: 0 auto;/*position: absolute;*/right: 20px;text-align: center;width: 212px;z-index: 3;} .cart-list.chept2 .card-payment .card-payment-foot {background: none repeat scroll 0 0 #FFFFFF;bottom: 0;padding-bottom: 16px;} .cart-list.chept2 .card-payment .card-payment-foot {border-top: 1px solid #E9EAEF;bottom: 13px;color: #373D49;font-size: 11px;font-style: normal;font-weight: normal;line-height: 17px;padding: 17px 12px 3px;/* position: absolute; */right: 0;width: 242px;z-index: 3;margin-top: 25px;} /* Points & Redeem css Start(Raj) */ ul.resp-tabs-list,p{margin:0;padding:0} .resp-tabs-list li{font-weight:600;font-size:16px;display:inline-block;list-style:none;cursor:pointer;float:left;color:#777;margin:0;padding:13px 15px} .resp-tabs-container{background-color:#fff;clear:left;padding:0} h2.resp-accordion{cursor:pointer;display:none;font-size:13px;border:1px solid #c1c1c1;border-top:0 solid #c1c1c1;margin:0;padding:10px 15px} .resp-tab-content{display:none;border:1px solid #c1c1c1;padding:15px} .resp-tab-active{border:1px solid #c1c1c1;margin-bottom:-1px!important;border-bottom:none;background-color:#fff;padding:12px 14px 14px!important} h2.resp-tab-active{border-bottom:0 solid #c1c1c1!important;margin-bottom:0!important;background:#DBDBDB!important;padding:10px 15px!important} h2.resp-tab-title:last-child{border-bottom:12px solid #c1c1c1!important;background:blue} .resp-easy-accordion .resp-tab-content{border:1px solid #c1c1c1} .resp-easy-accordion .resp-tab-content:last-child{border-bottom:1px solid #c1c1c1!important} .resp-jfit{width:100%;margin:0} h2.resp-accordion:first-child{border-top:1px solid #c1c1c1!important} .maintabdiv{width:760px;height:auto;margin:0 auto} .maintabdiv > .countbg{width:460px} .counter-points{height:100px;width:335px;margin:15px auto} .counter-points .title{font-size:14px;height:30px;line-height:30px;text-align:center} .large-rolling-points{float:left;margin-right:1px;width:41px;height:56px;overflow:hidden;background:url(/images/count.png);font-size:30px;line-height:55px;text-align:center;color:#777} .point{height:56px;width:41px} .points-unit{float:left;font-size:14px;margin-top:38px;text-align:center;width:40px} .friends-list{clear:both;height:140px;overflow-y:scroll;padding-top:15px} .credit-column{background-color:#FFF;clear:both;font-size:14px;text-shadow:0 1px 0 #FFF;width:100%;border:medium none;height:60px} .border-top{border-top:1px solid #ECECEC} .credit-column dt{float:left;width:340px;padding:20px 15px;text-align:left;} dt,dd{line-height:20px} .credit-column dd{border-left:1px solid #ECECEC;height:35px;margin-left:371px;width:300px;padding:10px 15px;text-align:left;} .credit-column dd p{font-size:12px;font-weight:400} .credit-column.grey{background-color:#F7F7F7} .credit-column a{color:#00B1EC} .friend{float:left;width:160px;margin:0 12px 15px 0} .friend-pic{border-radius:3px;float:left;height:34px;margin-right:5px;width:34px} img{border:0 none;height:auto;max-width:100%;vertical-align:-moz-middle-with-baseline} .friend-name{height:15px} .ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .friend-action{font-size:11px;line-height:1.5;text-align:center;width:50px;margin:3px 0 0;padding:0 4px} .btn.white{background-color:#FFF;border-color:#CDD3D6} .btn{background-color:#D7DCDE;border:1px solid rgba(0,0,0,0);border-radius:4px;color:#333;cursor:pointer;display:inline-block;font-size:13px;line-height:20px;margin-bottom:0;overflow:hidden;position:relative;text-align:center;text-shadow:none;transition:background-color .125s ease-in-out 0 border-color .125s ease-in-out 0;vertical-align:middle;padding:4px 12px} .friend a{cursor:pointer} .friend a:hover{cursor:pointer;color:#0587cd} .paypalbg{width:100%;height:auto} .paypalbg span{width:50%;height:auto} .paypalbg span a{height:auto;text-align:center;text-decoration:none;color:#777;font-size:16px;padding:8px 120px} .btn.blue{background-color:#009FE3;color:#FFF} .vcenter{float:left;width:100px;margin:10px 125px 0 0} ul{list-style:none outside none;margin:0;padding:0} .credit-column,.credit-column{background-color:#FFF;border:1px solid #ECECEC;clear:both;font-size:14px;height:55px;text-shadow:0 1px 0 #FFF;width:100%} li{line-height:normal} .credit-column p{border-right:1px solid #ECECEC;float:left;line-height:56px;text-align:center;width:181px} p.one-row{border-right:medium none;width:100%} .body-wrapper h1{font-size:22px;line-height:normal;padding-bottom:15px} .body-wrapper{text-align:center} .img-frame{background:#fff;display:inline-block;height:359px;width:359px;border:1px solid #cfcfcf;margin:0 auto} .img-frame .voucher-value{margin-top:40px} .voucher-value{color:#CF9D61;font-size:24px;font-weight:700;line-height:1.2em;margin-bottom:5px;padding-top:20px} .perk-img{max-height:147px;max-width:147px;margin:10px 60px} .img-frame img{max-height:280px;max-width:280px} .friends-wrapper{height:100px;width:415px;background-color:#FFF;border:2px solid #D0D0D0;border-radius:4px;position:relative;margin:30px auto 10px} .arrow.arrow-top.shadow{border-bottom:22px solid #D0D0D0;border-left:22px solid rgba(0,0,0,0);border-right:22px solid rgba(0,0,0,0);left:198px;top:-23px;z-index:0} .arrow.arrow-top{border-bottom:20px solid #FFF;border-left:20px solid rgba(0,0,0,0);border-right:20px solid rgba(0,0,0,0);z-index:1} .voucher-code-description{line-height:2em;margin:5px 0} .voucher-code{background:none repeat scroll 0 0 #F6EED4;box-shadow:0 0 5px rgba(0,0,0,0.35) inset;color:#A68776;font-size:1.5em;text-align:center;margin:.2em;padding:.2em .5em} .arrow{content:"?2193";display:inline-block;height:0;left:200px;position:absolute;text-indent:-99999px;top:-20px;vertical-align:top;width:0} .resp-content-active,.resp-accordion-active,.resp-easy-accordion h2.resp-accordion,.resp-tab-content-active{display:block} .title > p{font-weight:700; margin: 0 !important; text-align: center !important;} .credit-column > p{margin: 0 !important; text-align: center !important;} .border-bottom,.credit-column.title{border-bottom:1px solid #ECECEC} .feed-block-item.perk{cursor:pointer;height:auto;width:230px;padding:15px} .feed-block-item{background-color:#FFF;border-radius:5px;box-shadow:0 0 2px rgba(25,25,25,0.2);float:left;margin-bottom:15px;margin-right:15px;position:relative;width:260px} .perk-item{height:335px} .details{margin:-7px 0 0} .perk-img-wrapper{height:272px;max-height:1000px;max-width:230px;text-align:center;vertical-align:middle;z-index:5;line-height:272px;margin:0 auto 15px;padding:0 10px} .perk-img-wrapper .perk-img{margin-bottom:3px;max-height:210px;max-width:150px} .item-footer{background-color:rgba(0,0,0,0)} .redeem-button{width:230px;margin:5px 0;padding:7px 10px} .perk-item .name{font-weight:700;color:#777} .perk-status{background:url(../images/perks-status.png) no-repeat scroll left top rgba(0,0,0,0);color:#FFF;font-size:10px;line-height:normal;position:absolute;right:8px;text-align:center;top:8px;padding:12px 8px} .redeemed{background-position:0 0;height:14px;padding-top:36px;width:50px} .all-gone{background-position:0 -151px;color:#FFF;height:16px;width:48px;padding:32px 8px 14px} .unlocked{background-position:0 -76px;height:40px;width:50px} .required-score-30{background-position:0 -70px} .required-score{background:url(../images/required-badges.png) no-repeat scroll left top rgba(0,0,0,0);height:60px;position:absolute;right:8px;top:8px;width:60px} /* Points & Redeem css End */ /* commission popup css (Raj) Start */ .defaults{ width:550px; height:auto; font-family:arial; border:1px solid #d7d7d8; border-top-left-radius:5px; border-top-right-radius:5px; position: absolute; margin:1174px 0 0 253px; z-index: 9999; background: #fff;} td{ font-size:13px;} .defaults p{background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ececec)); background-image: -webkit-linear-gradient(top, #ffffff, #ececec); background-image: -moz-linear-gradient(top, #ffffff, #ececec); background-image: -ms-linear-gradient(top, #ffffff, #ececec); background-image: -o-linear-gradient(top, #ffffff, #ececec); background-image: linear-gradient(top, #ffffff, #ececec); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#ececec); border-top-left-radius:5px; border-top-right-radius:5px;padding:10px; margin:0; border-bottom:1px solid #d7d7d8;} .defaults img { float:right;} #details{ width:100%; height:auto;} table { padding:10px;} table tr{ margin:0 0 10px 0; width:100%;} th{border-bottom:1px solid #dcdcdc;border-top:1px solid #dcdcdc;padding: 5px 0; margin-bottom:5px;} /* commission popup css (Raj) End */ /* gift card css (Raj) Start */ .things-v3{width: 968px; margin:0 auto;} .wrapper-content {clear: both;padding: 0; width:100%;} .fnccontent { width:640px; background: none repeat scroll 0 0 #FFFFFF;border-radius: 3px;border-top: medium none;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 0 2px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.04), 0 -1px 0 0 rgba(0, 0, 0, 0.05);position: relative; float:left; padding:15px;} .rightsidebar{width: 270px; float:right;} p.price {padding: 0 5px;color: #8D9094; font-size: 11px;} p.price big {padding: 0 0; color: #383D48;display: block; font-size: 20px; font-weight: bold;} .giftcard {background: none repeat scroll 0 0 #FFFFFF;border-radius: 3px;border-top: medium none;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 0 2px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.04), 0 -1px 0 0 rgba(0, 0, 0, 0.05); position: relative;z-index: 0;padding: 5px 15px 15px;} .description {color: #62666F;font-size: 13px;line-height: 18px; margin-top: 15px; padding-bottom: 26px;} .frm {background: none repeat scroll 0 0 #F6F6F6;border-radius: 3px;padding: 5px;margin-top: 15px;} .frm fieldset {border-color: #E0E0E0;background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #EAEAEA;padding: 12px 10px;} .frm fieldset p label {color: #66686A;cursor: auto;font-size: 12px;color: #8D9094;cursor: pointer;display: block; font-size: 12px; font-weight: normal; padding-bottom: 5px; } form div{position:relative;} select.select{position:relative;z-index:10;width:212px !important;height:26px !important;line-height:26px;} span.select{position:absolute;bottom:0;float:left;left:0;width:212px;height:29px;line-height:26px;text-indent:10px;background:url(/images/bg_select.gif) no-repeat 0 0;cursor:default; z-index:1; font-size:13px;} div.variation1 label{display:block;line-height:26px;} div.variation2 label{float:left;width:100px;line-height:26px;} div.variation2 span.select{left:100px;} .frm { position: relative;} .frm input[type="text"] {width: 188px; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none;border-color: #D3D5D7 #D0D2D5 #C9CBCD;border-image: none;border-radius: 3px;border-style: solid; border-width: 1px;box-shadow: 0 1px 0 #F5F5F5; color: #393D4D; line-height: 17px; padding: 5px 8px;text-align: left;text-shadow: 0 1px 0 #FFFFFF;} .frm textarea {width: 188px; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none;border-color: #D3D5D7 #D0D2D5 #C9CBCD;border-image: none;border-radius: 3px;border-style: solid; border-width: 1px;box-shadow: 0 1px 0 #F5F5F5; color: #393D4D; line-height: 17px; padding: 5px 8px;text-align: left;text-shadow: 0 1px 0 #FFFFFF;resize: none;} .frm fieldset button {display: block;font-size: 14px;height: 35px;width: 100%; -moz-border-bottom-colors: none;-moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-image: linear-gradient(to bottom, #75AD5E, #639B4E); border-color: #588446 #568342 #3E6B32;border-image: none;border-left: 1px solid #568342;border-radius: 3px;border-right: 1px solid #568342; border-style: solid;border-width: 1px;box-shadow: 0 1px 0 #75AD5E inset, 0 1px 1px rgba(0, 0, 0, 0.1);color: #FFFFFF; display: inline-block;font-size: 13px;font-weight: bold;height: 30px;line-height: 28px;padding: 0 13px;text-align: center;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);} .frm fieldset p label {color: #66686A;cursor: auto; font-size: 12px;} .productimg{ width:640px; height:auto;} .figure-button {background: none repeat scroll 0 0 #FFFFFF;border-bottom: 1px solid #EBECEF; padding-bottom: 9px;text-align: left;} .comments-list-new {float: left;padding: 20px 0 0 0;width: 100%;} .comments-list{ width:100%; height:auto; float:left; margin-bottom:20px;} * {border: 0 none; /*font-size: 100%;*/ font-style: normal;list-style: none outside none;outline: medium none;padding: 0; quotes: none; vertical-align: baseline;} .photo {border-radius: 2px;font-weight: bold; height: 33px;left: 0; top: 12px;width: 33px; float:left;} .vcard {float:left; margin-left:5px;} .vcard a {color: #4775AC;cursor: pointer;text-decoration: none; font-size:15px; font-weight:bold;} .vcard .fn {color: #2A5F95;font-weight: bold;padding: 0;} .vcard img {border-radius: 3px;display: inline-block;float: none; margin-right: 0;max-height: 33px;max-width: 33px;vertical-align: top;} .c-text { font-size:13px;} .comment {line-height: 18px;min-height: 38px;padding: 0;position: relative;} .comment p {margin: 0;padding: 0;} .text {background:#FAFAFA;border: 1px solid #C9CACE;box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05) inset;display: block; float: none; padding: 7px 8px 6px;width: 97%; resize:none; font-family:arial; color:#666; font-size:13px;} .title {font-size: 16px;font-weight: bold; color: #494F59;display: block;margin-bottom: 1px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; padding-top: 8px;} a{ text-decoration:none;} .send{ width:80px; height:auto; float:right;margin-top: -31px;position: relative;} .send input[type="submit"] {display: block;font-size: 14px;height: 35px;width: 100%; -moz-border-bottom-colors: none;-moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-image: linear-gradient(to bottom, #75AD5E, #639B4E); border-color: #588446 #568342 #3E6B32;border-image: none;border-left: 1px solid #568342;border-radius: 3px;border-right: 1px solid #568342; border-style: solid;border-width: 1px;box-shadow: 0 1px 0 #75AD5E inset, 0 1px 1px rgba(0, 0, 0, 0.1);color: #FFFFFF; display: inline-block;font-size: 13px;font-weight: bold;height: 30px;line-height: 28px;padding: 0 13px;text-align: center;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); cursor:pointer;} /* gift card css (Raj) End */ /* ----- kranti 15-02-2014 -------------------- */ #country_code > option {float: left;font-size: 11px;width: 85px;} select#country_code{background: none repeat scroll 0% 0% transparent; border: medium none; height: 30px; float: left; width: 263px; margin: 6px 0px 1px;} select#expiration_month{ background:transparent; border:none; width:120px; height: 30px; margin: 10px 0 0;} .hotel-booking-left .hotel-booking-noti big{width:100%;} .hotel-booking-left .hotel-booking-noti{padding: 17px 0 14px 0;} .hotel-booking-left .hotel-booking-noti{width:100%;} .payment-personal > dd {float: left;width: 100%;} .payment-personal > dd > label {float: left;text-align: left;width: 80%;} .payment-personal > dd > input,.cart-list.chept2 .card-payment .hotel-booking-left dd input{float:left;} .cart-list.chept2 .card-payment .hotel-booking-left dd.comment{position: relative; width: 80%; padding: 0;} .cart-list.chept2 .card-payment .hotel-booking-left dd label{width:85%; text-align: left; float: left;} .cart-list.chept2 .card-payment .hotel-booking-left dd.payment-save-check input{margin:9px 3px 3px 4px;} .cart-list.chept2 .card-payment .hotel-booking-left dt{width:85%;} /* --------------------- select box drop down div --------------- */ .slc_drp_down{width: 204px; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none;border-color: #D3D5D7 #D0D2D5 #C9CBCD;border-image: none;border-radius: 0 0 3px 3px;border-style: solid; border-width: 1px;box-shadow: 0 1px 0 #F5F5F5; color: #393D4D; line-height: 17px;text-align: left;text-shadow: 0 1px 0 #FFFFFF; margin-top: -1px; float:left; overflow-x: hidden; overflow-y: auto; height: 155px; position: absolute; background: #fff;} .slc_drp_down > ul{width:100%; height:auto; float:left; margin:0; padding:0; list-style: none;} .slc_drp_down > ul > li{width:95%; height:auto; float:left; margin:0; padding: 5px 8px;} .slc_drp_down > ul > li:hover{background:#eee; cursor: pointer;} .slc_drp_down > ul > li > .img{width:20%; height:auto; float:left; margin-top: 8px;} .slc_drp_down > ul > li > .img > img{max-width:100%; border:none; outline:aqua; border-radius:5px;} .slc_drp_down > ul > li > .txt{width:76%; height:auto; float: left; margin-left:3%; } .slc_drp_down > ul > li > .txt > .title{width:100%; height:auto; float:left; font:bold 12px arial; color:#333; word-wrap:break-word;} .slc_drp_down > ul > li > .txt > p{width:100%; height:auto; float:left; font:11px arial; color:#888; word-wrap:break-word;} /* ---------------- coupon right side ---------------- */ .btn-gray{display: inline-block;font-size: 13px;border: 1px solid #959595;border-color: #b1b1b2 #b1b1b2 #a8a8aa;padding: 0 9px;line-height: 26px;width: auto;font-weight: bold !important;color: #393d4d !important;text-shadow: 0px 1px 0 #ffffff;-moz-box-shadow: inset 0 1px 0px rgb(252, 252, 252),0 1px 0px rgba(0,0,0,0.07);-webkit-box-shadow: inset 0 1px 0px rgb(252, 252, 252),0 1px 0px rgba(0,0,0,0.07);box-shadow: inset 0 1px 0px rgb(252, 252, 252),0 1px 0px rgba(0,0,0,0.07);background: #f0f0f0;background: -webkit-linear-gradient(top, #fcfcfc, #f0f0f0);background: -ms-linear-gradient(top, #fcfcfc, #f0f0f0);background: -moz-linear-gradient(top, #fcfcfc, #f0f0f0);background: -o-linear-gradient(top, #fcfcfc, #f0f0f0);border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;} .frm{float:left; width:96%; background: none;} .frm input[type="text"]{float:left; width: 153px; padding: 0 5px;} #merchant-cart-payment > .coupon > dt{border: 1px solid #EDEDF0;border-radius: 2px;color: #4978B3;cursor: pointer;line-height: 26px;text-align: center;padding: 0; width: 96%; float: left; margin-top: 10px; font-weight: normal;} /* ---------------- coupon right side ENDs ---------------- */ /*-------- gift right side -------- */ .giftcard > .frm > fieldset > p >input{width:197px;} /* ---------- end gift right side - */ /* ---------------- color Filter ---------------- */ ul.color-chips { margin: 0 0 5px; } ul.color-chips li { float: left; margin: 0 0 5px; } ul.color-chips li:last-child { margin-right: 0; } ul.color-chips li a { background-image: url("/assets/glass-light-f20568e0c371c96799e8f814fc27ff37.png"); background-position: 0 50%; background-repeat: repeat-x; float: left; height: 12px; text-indent: -9999px; width: 22px; } div.subset-colors ul.color-chips li a { width: 20px; } ul.color-chips li:first-child a { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } ul.color-chips li:last-child a { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } ul.color-chips li a:hover, ul.color-chips li.current a { background-image: none; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); transform: scale(1.5); } h3 ul.color-chips { display: inline; float: none; } h3 ul.color-chips li { display: inline; float: none; } h3 ul.color-chips li a { display: inline-block; float: none; } div.colors-explore { margin: -12px 0 20px; } div.colors-explore ul.color-chips, div.colors-explore ul.color-chips li { margin: 0; } div.colors-explore ul.color-chips li a { height: 18px; width: 25px; z-index: 1; } div.colors-explore ul.color-chips li a:hover { box-shadow: none; height: 26px; margin: -4px; position: relative; transform: none; width: 33px; } div.colors-explore ul.color-chips li.current a, div.colors-explore ul.color-chips li.current a:hover { border: 4px solid #FFFFFF; border-radius: 3px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.6); height: 18px; margin: -4px; position: relative; transform: none; width: 25px; z-index: 2; } div.secondary ul.color-chips { margin-bottom: 15px; } /* ---------------- color Filter ENDS---------------- */ .reporting_div.coll{ background-color: #fff; border: 10px solid #777777; border-radius: 10px; box-shadow: 0 0 25px 5px #666666; color: #111111; display: none; max-width: 750px; padding: 25px; } .reporting_div.coll .who_report{color: #333333;font-family: Arial,Helvetica,sans-serif;font-size: 25px;font-weight: bold;height: auto;width: 100%;text-align: center} .reporting_div.coll .checkcontent{width:100%;height:auto;margin-top: 10px;} .reporting_div.coll .checkcontent .radio_content_div{width:100%;height:auto; margin-top:15px;float:left;} .reporting_div.coll .checkcontent .radio_content_div input[type="radio"]{border:none;float:left;margin-right : 10px;width: 20px;} .reporting_div.coll .checkcontent .radio_content_div span.radiocont{width:auto;float:left;font-family:Arial, Helvetica, sans-serif;margin-top: 2px;font-size:13px;color:#888;} .reporting_div.coll .reportit_div{width:175px;height:auto;margin:0 auto;clear:right;} .reporting_div.coll .reportit_div a{ background: none repeat scroll 0 0 #0097D8;color: #FFFFFF;float: left;font-family: Arial,Helvetica,sans-serif;font-weight: bold;margin-top: 30px;padding: 15px;text-align: center;width: auto;cursor:pointer;} .reporting_div.coll .reportit_div span.thanks, .reportit_div span.thanks{color: #333333;float: right;font-family: Arial,Helvetica,sans-serif;font-size: 16px;margin: 8px;margin-top: 43px;width: auto;} .coll {width: auto;} .coll.newcoll{background-color: #eee; border: medium none; font-family: "Helvetica Neue",Helvetica,Arial,Verdana,sans-serif; font-size: 16px; font-weight: lighter; padding: 10px; width: 440px;} .collcancel{background-color: #eee !important; color: #666666 !important;} /* CSS Added by Ankit Singh * * * */ #inner { padding-top: 20px; } .stories-new-container { margin-left: auto; margin-right: auto; width: 621px; } .stories-new-header { margin-bottom: 20px; } .stories-new-header > h2 { font-size: 20px; font-weight: 800; } .control-group { margin-bottom: 10px; } .control-group textarea { background-color: #fff; border: 0 none; color: #777; font-size: 16px; height: 60px; padding: 20px; width: 580px; } stories-new-form .stories-new-product-add { float: left; margin-bottom: 10px; } .stories-new-product-add a { background-color: #f2f2f2; border: 1px solid #ccc; color: #aaa; display: block; font-size: 16px; font-weight: bold; height: 198px; text-align: center; width: 198px; } .stories-new-product-add .image-plus { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyAQMAAAAk8RryAAAABlBMVEX///+7u7vHS9/4AAAAAXRSTlMAQObYZgAAABpJREFUeAFjYGCQ/wckBh39HwwO0IoerP4GADFWewftxrGGAAAAAElFTkSuQmCC") repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; height: 50px; margin: 55px auto 14px; width: 50px; } .stories-new-share { display: block; font-size: 16px; font-weight: bold; margin-top: 15px; overflow: hidden; width: 100%; }.stories-new-share .facebook { border-right: medium none; width: 309px; }.stories-new-share .facebook, .stories-new-form .stories-new-share .twitter { border: 1px solid #ccc; float: left; }.stories-new-share .facebook a, .stories-new-form .stories-new-share .twitter a { background-color: #f2f2f2; color: #333; display: block; padding: 12px 17px; } .stories-new-share .facebook .round-selector, .stories-new-form .stories-new-share .twitter .round-selector { animation-direction: alternate; animation-duration: 300ms; animation-name: rounded-selector-pulse-in; animation-play-state: running; animation-timing-function: ease-out; background-color: #ccc; border-radius: 30px; display: block; height: 24px; padding-left: 6px; padding-top: 6px; transition: background-color 300ms ease-in-out 0s; width: 24px; } .stories-new-share .stories-new-share-icon { float: right; margin-top: -4px; } .stories-new-form-submit { margin-top: 20px; } .centered { text-align: center; }.stories-new-form-submit input.button.large, .stories-new-form .stories-new-form-submit .product-signed-out-show .container input.button.wb-minimal, .product-signed-out-show .container .stories-new-form .stories-new-form-submit input.button.wb-minimal, .stories-new-form .stories-new-form-submit .product-signed-out-show .container input.button.wb-buy, .product-signed-out-show .container .stories-new-form .stories-new-form-submit input.button.wb-buy, .stories-new-form .stories-new-form-submit .product-signed-out-show .container input.button.wb-warning, .product-signed-out-show .container .stories-new-form .stories-new-form-submit input.button.wb-warning { padding-left: 60px; padding-right: 60px; } input.large.button[type="submit"], .product-signed-out-show .container input.button.wb-minimal[type="submit"], .product-signed-out-show .container input.button.wb-buy[type="submit"], .product-signed-out-show .container input.button.wb-warning[type="submit"] { padding: 12px 30px; } .stories-new-share .twitter { width: 308px; } .stories-new-share .facebook, .stories-new-share .twitter { border: 1px solid #ccc; float: left; } .js-twitter-connect-button.twitter > a{ background-color: #f2f2f2; color: #333; display: block; padding: 12px 17px; } .selectedproduct{background-color: #f7f7f7; border: 1px solid #ccc; color: #777; font-family: "Helvetica Neue",Helvetica,Arial,Verdana,sans-serif; font-size: 18px; letter-spacing: 0; padding: 20px 0; text-align: left; text-transform: none; width: 100%;} .row.pop-images{float: left; height: 300px; overflow-y: scroll;width: 694px;} .stories-container{ float: left; width: 775px;} .user_namepost{ width:70%;} .pull-right{ float:right;} .embed-story-container{ margin-right: 10px;} .likes-count{margin-left: 10px;} .product_detail {width:100%; padding: 5px 0;} .product_detail a{ font-weight: bold; color:#666;} .day{color:#999;} .info{ background: none repeat scroll 0 0 rgb(255, 255, 255); float: left; height: 45px; padding: 10px; width: 200px;} .avatar-x45 { height: 45px; width: 45px; } .username{ float: left; font-weight: 800; margin-left: 48px; margin-top: -40px; overflow: hidden; text-align: right; text-overflow: ellipsis; white-space: nowrap; } .product-name{float: left; margin-left: 47px; margin-top: -20px;} .round-selector { width: 24px; height: 24px; border-radius: 30px; background-color: #ccc; padding-top: 7px; padding-left: 24px; background-image: url("/images/checkround-24-128.png"); margin-left:157px; } .select-img.active .round-selector{ background-image: url("/images/remove.png"); } .roundimg { width: 24px; height: 24px; border-radius: 30px; background-color: #ccc; padding-top: 7px; padding-left: 24px; background-image: url("/images/remove.png"); margin-left:157px; } .btn.btn-info.btn-large.featuredPost { font-size: 20px; width: 15%; background: #0097D8; } .button.b-close { width: 5%; } .control-group > textarea { background: none repeat scroll 0 0 #ececec !important; overflow: hidden; height :100px !important; } .reportit_div.coll > a { width :100px !important; }