.contact_show{ display: block; } .contact_hide{ display: none; } .g-recaptcha{ display: inline-block; } .contact-panel-form-submit, .contact-panel-form-cancel{ background-color: #2388b1 !important; color:#ffffff; transition: all 0.5s ease; padding: 10px !important; font-size: 12pt; font-weight: 700; } .contact-panel-form-submit:hover{ background-color: #1bbbff !important; } .contact-panel-form-cancel{ background-color: #ff4800 !important; } .contact-panel-form-cancel:hover{ background-color: #F49F00 !important; } .contact-panel-form-message{ width:100%; height: 150px; } #contact_clicker{ position: absolute; top: 10px; right: 10px; } #contact-panel-form input ,#contact-panel-form textarea{ background-color: #cccccc; border: 0px; padding: 5px; } /* #contact-panel-form th{ font-weight: 300; }*/ #contact-panel-form h2{ margin: 0px; padding: 0px; font-family: oswald, sans-serif; font-weight: 300; padding-bottom: 5px; font-size: 18pt; border-bottom: solid 1px #4b4d50; color: #4b4d50; margin-bottom: 20px; } /*#contact-panel-form table{ width: 100%; }*/ /*#contact-panel-form th, #contact-panel-form td{ text-align: left; color:#4b4d50; padding: 5px; } #contact-panel-form td{ width: 300px; }*/ #name, #email,#subject,#organization{ width: 180px; } /**dynamics*/ #contact-panel-form{ transition: all 0.5s ease; position: fixed; /*left: 50%;*/ left: 50%; /*margin-left: auto; margin-right: auto; */ padding: 20px; display: fixed; font-size: 11pt; color:#808080; background-color: white; overflow: hidden; } .contact-panel-form-show{ top:20%; width: 600px; margin-left: -300px; /* Half of the width */ opacity: 1; } .contact-panel-form-hide{ top:100%; width: 0px; margin-left: 0px; /* Half of the width */ border: solid 0px; border-color:#cccccc; opacity: 0; } #contact-panel{ /* background-image: url('/images/opacity60.png');*/ background: rgba(0,0,0,0.60); left:0px; position: fixed; transition: all 0.75s ease; z-index: 999; } .contact-panel-hide{ width: 100%; margin-left: 0%; height:0%; top:0%; opacity: .5; }.contact-panel-show{ width: 100%; margin-left: 0%; height:100%; top:0%; opacity: 1; } #contact-user-details{ width:275px; display: inline-block; } #contact-user-details div{ margin-bottom: 28px; }label{ color:#000000; } #contact-buttons{ vertical-align: top; text-align: right; } #form-items-left{ display: flex; margin-top: 15px; } #form-items-right{ display: inline-block;margin-left:15px; width: 300px; } .form-float-right{ float: right !important; } .form-align-right{ text-align: right; } #contact-cover{ visibility: hidden; display: none; } a{ transition: all 0.5s ease; text-decoration: none; } body{ background-image: url(/images/border_top.png), url(/images/border_bottom.png),url(/images/shadow.png) ,url(/images/guidex.png); background-position: center top, center bottom,center ,center top; background-repeat: repeat-x, repeat-x, repeat-y, no-repeat; margin: 0 !important; padding: 0 !important; } #maincontent, #nav, .maincontent{ width:1300px; left: 0; right: 0; margin: auto; } #nav{ height:65px; /*background-color: #121212;*/ background-image: url(/images/logo.png); background-position: left top; background-repeat: no-repeat; } #menu1{ height:65px; padding: 0px; margin-left: 240px; /*border: solid 1px;*/ display: block; float: left; margin-top: 0px; margin-bottom: 0px; } #menu2{ height:65px; padding: 0px; /*border: solid 1px;*/ display: block; float: right; margin-top: 0px; margin-bottom: 0px; } #menu3{ height:65px; padding: 0px; /*border: solid 1px;*/ display: block; float: right; margin-top: 0px; } .menuitem, .menuitem-selected{ display:inline-block; } #icons{ float: right; display: inline-block; height:65px; margin-left: 0px; } .icon{ margin-top: 17px; margin-left: 6px; } .menuitem a, .menuitem-selected a{ height:65px; line-height:65px; display:inline-block; font-family: 'Oswald', sans-serif; font-size: 13pt; transition: all 0.5s ease; } .menuitem a{ padding-left:10px; padding-right: 10px; } .menuitem-selected a, #menu2 .menuitem a{ padding-left:20px; padding-right: 20px; } .menuitem a{ color: #cccccc; text-decoration: none; } .menuitem-selected a{ background-color: #4d4d4d; color: #ffffff; text-decoration: none; } .menuitem-selected a:hover, .menuitem a:hover { background-color: #666666; color:#cccccc; } /*Banner*/ #banner{ left: 0; right: 0; margin: auto; width:1300px; height: 460; /*background-color: white; opacity: .4; */ } #bottom-footer{ height:60px; background-color: #151616; /* 2d2e2f */ } .bottom-footer-links{ text-decoration: none; font-family: 'Oswald', sans-serif; font-weight:400; color:white; padding-left: 14px; font-size: 14pt; background-image: url(/images/footer/bottom_arrow.png); background-position:0px 25px; background-repeat: no-repeat; height:60px; display: inline-block; line-height: 60px; color:#808080; margin-left: 50px; transition: all 0.5s ease; } .bottom-footer-links:hover{ color:#cccccc; background-image: url(/images/footer/bottom_arrow_hover.png); } #copyright{ display: inline-block; float: right; padding-right: 15px; height: 60px; line-height: 60px; font-size: 9pt; color:#808080; } #top-footer{ height:250px; background-color:#1e1f21; background-color:#303030; /*1e1f21*/ background-image: url("/images/footer/footer_logo.png"); background-position: 1060px 170px; background-repeat: no-repeat; } .top-footer-services{ color:white; padding: 0px; margin:0px; margin-bottom: 6px; font-family: 'PT Sans', sans-serif; font-size: 11pt; } .top-footer-services a{ transition: all 0.5s ease; text-decoration: none; color:#2388b1; } .top-footer-services a:hover{ color: white; } .top-footer-segment{ float: left; margin-left: 20px; height:250px; background-image: url(images/footer/segment2.png); background-position: 639px 26px ; background-repeat: no-repeat; width:640px; }.top-footer-segment-services{ background-image: url("/images/footer/segment1.png"); background-position: 279px 16px ; background-repeat: no-repeat; width:280px; } .top-footer-segment-merchandise{ background-image: url(/images/footer/segment2.png); background-position: 639px 26px ; background-repeat: no-repeat; width:640px; }.top-footer-segment-about{ background-image: url(/images/footer/segment3.png); background-position: 99px 26px ; background-repeat: no-repeat; width:100px; } .top-footer-segment-like-us{ position: relative; margin-left: 30px; width:170px; } .top-footer-segment-socail-network-text{ margin: 0px; padding: 0px; font-family: 'PT Sans', sans-serif; font-weight: 400; color: #808080; font-size: 12px; }.top-footer-segment-socail-networks{ position: absolute; top: 80px; left: 0px; } .top-footer-heading{ padding-top: 15px; font-family: 'Oswald', sans-serif; font-weight:400; font-size: 20pt; color:#4b4d50; color:#7F7F7F; } .top-footer-merchandise{ float: left; width: 160px; } .top-footer-merchandise-link a,.top-footer-merchandise-more-link{ font-family: 'PT Sans', sans-serif; font-weight: 700; color: #808080; text-decoration: none; font-size: 9pt; } .top-footer-merchandise-link a:hover{ color: #ffffff; } .top-footer-merchandise-link{ margin: 0px; margin-bottom: 5px; } .top-footer-merchandise-heading{ color:#cccccc; margin-bottom: 10px; font-family: 'Oswald', sans-serif; font-weight:400; font-size: 13pt; } #top-footer-about-heading,#top-footer-social-media-heading{ color:#cccccc; margin-bottom: 10px; font-family: 'Oswald', sans-serif; font-weight:300; font-size: 13pt; margin-top: 45px; } #top-footer-social-media-heading{ margin-bottom: 0px; } .top-footer-merchandise-more-link{ color:#2388b1; padding-right: 15px; background-image: url("/images/footer/more_arrow.png"); background-position: right; background-repeat: no-repeat; }.top-footer-merchandise-more-link:hover{ color: #ffffff; background-image: url("/images/footer/more_arrow_hover.png"); } /* *links */ .orange-link-arrow-reverse, .orange-link-arrow{ font-size:13pt; color:#ff4800; text-decoration: none; min-height: 14px; padding-right: 20px; background-image: url("/images/arrow_orange.png"); background-position: center right; background-repeat: no-repeat; } .orange-link-arrow-reverse:hover, .orange-link-arrow:hover{ color:#F49F00; background-image: url("/images/arrow_orange_hover.png"); } .orange-link-arrow-reverse{ padding-left: 20px; padding-right: 0px; background-image: url("/images/arrow_orange_reverse.png"); background-position: center left ; } .orange-link-arrow-reverse:hover{ background-image: url("/images/arrow_orange_hover_reverse.png"); } .orange-link{ font-size:13pt; color:#ff4800; text-decoration: none; }.orange-link:hover{ color:#F49F00; } .gray-link{ font-size:13pt; color:#4d4d4d; text-decoration: none; }.gray-link:hover{ color:#808080; color:#F49F00; color:#ff4800; } .blue-link-arrow{ font-size:13pt; color:#2388b1; text-decoration: none; min-height: 14px; padding-right: 20px; background-image: url("/images/arrow_blue.png"); background-position: center right; background-repeat: no-repeat; } .blue-link-arrow:hover{ color:#1bbbff; background-image: url("/images/arrow_blue_hover.png"); } .blue-link{ font-size:13pt; color:#2388b1; text-decoration: none; }.blue-link:hover{ color:#1bbbff; } .services-title{ padding: 0px; margin:0px; font-family: 'Oswald', sans-serif; font-weight:400; font-size: 24pt; color:#2a2d32; }.services-panel{ margin-top: 75px; margin-left: 100px; margin-right: 100px; } #last-panel, .services-panel,.services-panel-1,.services-panel-2,.services-panel-3{ color:#4b4d50; position: relative; font-size: 14pt; } .services-panel-1{ background-color: #f2f2f2; height: 440px; } .services-panel-2,.services-panel-3{ height: 440px; } .services-panel-3{ background-color: #f9f9f9; } .services-panel-desc{ font-size: 14pt; } .t10{ margin-top: 10px; padding-top: 0px; } .t20{ margin-top: 20px; padding-top: 0px; } .t30{ margin-top: 30px; padding-top: 0px; } .t40{ margin-top: 40px; padding-top: 0px; } #last-panel{ background-color: #f2f2f2; padding-top: 70px; padding-bottom: 70px; } #last-panel div{ text-align: center; margin: auto; width:620px; } .mb-18{ margin-bottom: 18px; } .mb-12{ margin-bottom: 12px; } .w140{ width: 140px; } .ml180{ margin-left: 180px; } .ml15{ margin-left: 15px; } .desktop_hide{ display: none; visibility: hidden; } #current-detail-panel-picture{ width:460px; }/*@font-face { font-family: Delicious; src: url('/css/fonts/BebasNeue.otf'); } @font-face { font-family: 'Bebas Neue'; src: url('/css/fonts/BebasNeue.otf'); }*/ @font-face { font-family: 'BebasNeue'; src: url('/fonts/BebasNeue.eot'); src: url('/fonts/BebasNeue.eot?#iefix') format('embedded-opentype'), url('/fonts/BebasNeue.otf') format("opentype"); } .left-col-catalog{ width: 240px; float: left; background-color: #f2f2f2; display: table-cell; overflow: auto; } .right-col-catalog{ width:1060px; float: right; background-color:#ffffff; display: table-cell; } .maincontent-catalog{ /*display: flex; display: -webkit-flex; *//* Safari 6.1+ */ /*display:-ms-flex; /* IE 10 */ background-image: url('/images/catalog/maincontent-catalog.png'); background-color: #f2f2f2; } #breadcrub{ font-family: 'Oswald', sans-serif; font-weight:400; color:#4d4d4d; font-size:21pt; margin-top:25px; margin-left: 20px; float: left; margin-bottom: 0px; padding-bottom: 0px; } .pagation{ float: right; margin-right: 35px; margin-top: 40px; margin-bottom: 0px; padding-bottom: 0px; color: #808080; font-size: 12pt; }.pagation-bottom{ margin-bottom: 40px; } .hidden-label{ display: none; visibility: hidden; } .desktop_hide, #page-controls2{ display: none; visibility: hidden; } #main-results-panel{ width:1000px; padding-left: 20px; margin-left: auto; margin-right: auto; margin-top: 60px; } .results-panel{ width: 216px; height: 276px; margin-left: 20px; margin-bottom: 20px; float: left; border: solid 2px; border-color:#ffffff; display: block; cursor: pointer; overflow: hidden; color:#2388b1; }.results-panel:hover{ width: 216px; height: 276px; border: solid 2px; border-color:#ff4800; } .results-panel-picture{ height: 196px; width: 216px; background-position: center bottom; background-repeat: no-repeat; } .results-panel-label{ transition: all 0.25s ease; height: 80px; width: 216px; text-align: center; display: table-cell; vertical-align: middle; font-family: 'Oswald', sans-serif; font-weight:400; color:#2388b1; font-size:17pt; line-height: 20pt; padding-top:15px; /*background-image: url(/uploads/bracelet.png); background-repeat: no-repeat; background-position: 0px 80px ; */ } .results-panel:hover .results-panel-label{ padding-top:0px; color:#ff4800; /*background-position: 0px 0px ; */ } .searchbox{ width:1020px; margin-left: auto; margin-right: auto; height: 60px; background-color: #e6e6e6; margin-top: 10px; } .searchbox form{ margin: 0px; padding: 0px; } #searchbox-submit-btn, #searchbox-sort-btn, #searchbox-category, #searchbox-sortby{ cursor: pointer; } #searchbox-category, #searchbox-sortby,#searchbox-query{ font-family: 'PT Sans', sans-serif; font-weight:400; font-size: 12pt; } #searchbox-category, #searchbox-sortby{ transition: all 0.5s ease; height: 30px; color: #ffffff; width: 190px; border: none; background-color: #808080; outline:none; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-left: 10px; background-image: url(/images/select_btn.png); ; background-position: right 10px center; background-repeat: no-repeat; padding-right: 30px; }#searchbox-category:hover, #searchbox-sortby:hover{ background-color: #666666; color:#cccccc; } #searchbox-category, #searchbox-sortby{ /* Removes firefox dotted borders color: transparent !important; text-shadow: 0 0 0 #ffffff !important; */ border:0; } #searchbox-submit-btn, #searchbox-sort-btn{ transition: all 0.5s ease; color: #ffffff; height: 30px; width: 70px; border: none; background-color: #ff4800; border: 0; padding: 0; font-family: 'PT Sans', sans-serif; font-weight:700; font-size: 12pt; }#searchbox-submit-btn:hover, #searchbox-sort-btn:hover{ background-color: #F49F00; } #searchbox-sort-controls{ transition: all 0.5s ease; margin-top: 15px; margin-left: 20px; background-color: #ffffff; display: inline-block; width: 260px; position: relative; }#searchbox-sortby{ position: absolute; right: 0px; }#searchbox-sortby{ position: absolute; left: 0px; }#searchbox-sort-btn{ position: absolute; right: 0px; } #searchbox-search-controls{ margin-top: 15px; margin-right: 20px; background-color: #ffffff; display: inline-block; float: right; position: relative; width:680px; }#searchbox-category{ position: absolute; width: 170px; left: 0px; } #searchbox-query{ height: 30px; width: 420px; border: 0px; padding-left: 10px; padding-right: 10px; position: absolute; left: 170px; } #searchbox-submit-btn{ position: absolute; right: 0px; width: 90px; } .catalog-category-title{ padding: 0px; margin: 0px; background-image: url(/images/catalog/catalog-category-title-bg.png); background-position: right; background-size: 30px 100%; background-repeat: no-repeat; height:50px; line-height: 50px; background-color: #0097d4; color:#ffffff; font-size: 19pt; padding-left: 20px; font-weight: normal; font-family: BebasNeue, sans-serif; text-transform: uppercase; } .catalog-links{ /*UL*/ padding: 0px; margin-top: 20px; margin-left: 40px; list-style-type: none; margin-bottom: 40px; } .catalog-link{ /*li*/ margin-bottom: 12px; } .catalog-links a{ font-size:11pt; } #item-something-special{ width: 200px; margin-left: 20px; padding-right: 20px; border-right: solid 1px #cccccc; padding-top: 20px; margin-bottom: 20px; float: left; } #item-share{ margin-left: 20px; padding-right: 20px; padding-top: 20px; margin-bottom: 20px; float: left; } #searchbox-search-controls-details{ margin-top: 15px; margin-right: 20px; background-color: #ffffff; display: inline-block; float: right; position: relative; width:980px; } #searchbox-query-details{ height: 30px; width: 720px; border: 0px; padding-left: 10px; padding-right: 10px; position: absolute; left: 170px; } #main-details-panel{ width:900px; margin-left: auto; margin-right: auto; margin-top: 40px; border: solid 1px; border-color:#cccccc; display: flex; padding-bottom: 35px; } #main-specs-panel{ width:900px; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 60px; border: solid 1px; border-color:#cccccc; display: flex; font-size: 11pt; color:#808080; } /**************/ /* next deailts */ /**************/ .detail-panel-thumbnail{ text-align: center; margin-bottom: 20px; } .detail-panel-thumbnail a{ display: inline-block; border: solid 2px; border-color: #ffffff; } .detail-panel-thumbnail a:hover{ border-color:#ff4800; } #detail-panel-text{ float: left; width: 200px; padding-top: 25px; padding-right: 40px; color:#808080; font-size: 11pt; } #detail-panel-text h1{ font-family: oswald, sans-serif; font-weight: 300; margin: 0px; padding: 0px; padding-bottom: 5px; font-size: 22pt; border-bottom: solid 1px #4b4d50; color: #4b4d50; } #detail-panel-text p{ margin-top: 15px; } #detail-inquire-item{ display: block; height: 60px; font-size: 14pt; font-weight: 700; padding-left: 10px; background-color: #ff4800; margin-top: 75px; color: #ffffff; background-image: url('/images/catalog/details-arrow.png'); background-repeat: no-repeat; background-position: center right 10px; } #detail-inquire-item span{ display: table-cell; vertical-align: middle; height: 60px; } #detail-inquire-item:hover{ background-color: #F49F00; } #detail-inquire-customization1{ display: block; height: 60px; font-size: 14pt; font-weight: 700; padding-left: 10px; background-color: #2388b1; margin-top: 20px; color: #ffffff; background-image: url('/images/catalog/details-arrow.png'); background-repeat: no-repeat; background-position: center right 10px; } #detail-inquire-customization1 span{ display: table-cell; vertical-align: middle; height: 60px; } #detail-inquire-customization1:hover{ background-color: #1bbbff; } #detail-panel-thumbnails{ padding-top: 40px; width: 160px; float: left; } #detail-panel-picture{ width: 500px; xdisplay: table-cell; text-align: left; vertical-align: middle; } #detail-panel-picture img{ margin-bottom: 20px; } #detail-panel-details{ display: table; } #detail-panel-picture{ padding-top: 40px; display: inline-block; } #detail-panel-text{ float: right; } #detail-panel-thumbnails{ float: left; } /**************/ /* next deailts */ /**************/ #overview-specs-panel{ width: 350px; margin-left: 20px; padding-right: 50px; border-right: solid 1px #cccccc; margin-top: 20px; margin-bottom: 20px; float: left; } #overview-specs-panel h2, #item-specs-panel h2, #item-contents-panel h2{ margin: 0px; padding: 0px; } #overview-specs-panel p, #item-specs-panel p{ margin-top: 15px; } #item-specs-panel p{ margin: 0px; margin-top: 15px; } /**/ #item-specs-panel{ width: 200px; margin-left: 20px; padding-right: 20px; border-right: solid 1px #cccccc; margin-top: 20px; margin-bottom: 0px; float: left; } #detail-inquire-customization2 { margin-left: 10px; margin-top: 10px; } #detail-inquire-customization2 a{ font-size: 14pt; font-weight: 700; margin-top: 20px; line-height: 15pt; color: #0097d4; padding-right: 20px; background-image: url('/images/catalog/details-arrow-blue-small.png'); background-repeat: no-repeat; background-position: center right; } #detail-inquire-customization2 a:hover{ background-image: url('/images/catalog/details-arrow-blue-small-hover.png'); background-image: url('/images/catalog/details-arrow-orange-small-hover.png'); color: #1bbbff; color:#F49F00; } #detail-we-manufacture { margin-left: 10px; margin-top: 15px; } #detail-we-manufacture a{ font-size: 14pt; font-weight: 700; margin-top: 20px; line-height: 15pt; color: #cb0751; padding-right: 20px; background-image: url('/images/catalog/details-arrow-purple-small.png'); background-repeat: no-repeat; background-position: center right; } #detail-we-manufacture a:hover{ background-image: url('/images/catalog/details-arrow-orange-small-hover.png'); color: #F7429D; color:#F49F00; } #item-contents-panel p{ margin: 0px; margin-top: 15px; } /**/ #item-contents-panel{ margin-left: 20px; padding-right: 20px; margin-top: 20px; margin-bottom: 0px; float: left; } .icon-details{ margin-top: 10px; margin-left: 0px; margin-right: 6px; cursor: pointer; } #mobile_images_table,#mobile_images_table_tr{ display: inline-block; }