@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css); img{max-width:100%} /*GALLERY START*/ #gallery_div { width:819px; height:605px; text-align:center; float:left; } #gallery_div_inner { width:100%; height:auto; margin:0 auto } .thumbnail { border: 1px solid #d3d1d1;cursor: pointer;display:inline-block; width:85px; height:85px; text-align: center;overflow:hidden; position:relative; top:485px; margin-right: -2px;} .big_image { display:none; width:100%; height:auto; float:left; position:relative; bottom:60px;} #pic_1_start { display:table; } .thumbnail img {max-width:100%; max-height:100%;} .thumbnail:hover ~ #pic_1_start { display:none; } #img_thumb_1:hover ~ #pic_1 { display:table; } #img_thumb_2:hover ~ #pic_2 { display:table; } #img_thumb_3:hover ~ #pic_3 { display:table; } #img_thumb_4:hover ~ #pic_4 { display:table; } #img_thumb_5:hover ~ #pic_5 { display:table; } #img_thumb_6:hover ~ #pic_6 { display:table; } #img_thumb_7:hover ~ #pic_7 { display:table; } #img_thumb_8:hover ~ #pic_8 { display:table; } #img_thumb_9:hover ~ #pic_9 { display:table; } #img_thumb_10:hover ~ #pic_10 { display:table; } #img_thumb_11:hover ~ #pic_11 { display:table; } #img_thumb_12:hover ~ #pic_12 { display:table; } .big_image div { max-height: 570px;display: table-cell;vertical-align: middle;text-align: center;} .big_image img { max-height: 435px;} /*GALLERY END*/ html, body, ul, li, h1, h2, h3, h4, h5, h6, img, p { color: #777; font-family: "Open Sans", sans-serif; margin: 0; padding: 0; } .clear {clear:both} body { font-size: 14px; letter-spacing: 0.2px; ; background-color:#004487 ; background-repeat:repeat;} /*TOP BANNER*/ .topbanner {margin:0 auto; height:200px; width:1058px } /*TOP BANNER */ /*SLIDER START*/ #slider_main_div { width:1056px; margin:0 auto; background-color:#FFF;padding-top: 0px; } @keyframes slidy { 0% { left: 0%; opacity:1 } 14% { left: 0%; opacity:1 } 22% { left: -100%;opacity:1 } 36% { left: -100%;opacity:1 } 44% { left: -200%; opacity:1 } 58% { left: -200%; opacity:1 } 66% { left: -300%; opacity:1 } 80% { left: -300%; opacity:1 } 88% { left: -400%; opacity:1 } 100% { left: -400%; opacity:1 } 100% { left: -400%; } } figure { margin: 0; background: #; font-family: Istok Web, sans-serif; font-weight: 100;float:left } div#captioned-gallery { width: 100%; overflow: hidden; width:1056px; height:498px; margin:0 auto} figure.slider { position: relative; width: 500%; font-size: 0; animation: 15s slidy infinite; float:left} figure.slider figure { width: 20%; height: auto; display: inline-block; position: inherit; float:left} figure.slider img { width: 100%; height: auto; } figure.slider figure figcaption { position: absolute; bottom: 0; background: rgba(0,0,0,0.4); color: #fff; width: 100%; font-size: 2rem; padding: .6rem; } /*SLIDER END*/ /*MENU START*/ .main_manu_div {margin:0 auto; height:44px; width:1058px } .store_image { width:150px; float:left } nav { background: rgb(0,68,135); background: -moz-linear-gradient(top, rgba(0,68,135,1) 0%, rgba(0,60,107,1) 100%); background: -webkit-linear-gradient(top, rgba(0,68,135,1) 0%,rgba(0,60,107,1) 100%); background: linear-gradient(to bottom, rgba(0,68,135,1) 0%,rgba(0,60,107,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004487', endColorstr='#003c6b',GradientType=0 ); } nav ul li { margin: 0px; display:inline-block; float: left; line-height:32px; right top no-repeat; border-right: 1px solid rgba(0, 0, 0, 0.27);} nav ul li:last-child { border-right:none} nav a:hover { color:#FFF ; background-color:#02305E } .menubar_div { width:1058px; float:left } .menubar{ margin:0 auto; width:1058px; height:44px; background-color:#000;border-bottom: 0px solid #000;} .menubar-menu{ width:1058px; height:44px; background-color:#000000; float:left ;} .toggle, [id^=drop] { display: none; } nav:after { content:""; display:table; clear:both; } nav ul { float: left; padding:0; margin:0; list-style: none; position: relative; } nav ul li:last-child { background:none} nav a { display:block; padding:6px 44px; color:#FFF; font-size:15px; text-decoration:none; font-weight:normal; text-transform:uppercase } nav ul li ul li:hover { opacity:0.8 } nav ul ul { display: none; position: absolute; top: 60px; } nav ul li:hover > ul { display:inherit; } nav ul ul li { width:170px; float:none; display:list-item; position: relative; } nav ul ul ul li { position: relative; top:-60px; left:170px; } li > a:after { content: ' '; } li > a:only-child:after { content: ''; } /*MENU END*/ .content{ margin:0 auto; width:1058px; height:auto; background-color:#000; padding-top:3px; border: 0px solid #ddd;} /*TITLE STYLES START*/ .content_wrap { margin: 0 auto 3px auto; padding: 0; overflow: hidden; background: #fbfbfb; border: 0px solid #ddd; height:auto; } .content_category { width:230px; border-left: none; border-top:none} .content_pages { width:230px; border-left: none; border-top:none} .content_gallery { width:819px; } .content_description { width:819px; } .content_policies { width:819px; } .content_featured_categories { width:819px; } .content_title_outer { padding: 7px 0px 7px 0px; border-bottom: 1px solid #f0f0f0; float:left; width: 100%; background: rgb(0,68,135); background: -moz-linear-gradient(top, rgba(0,68,135,1) 0%, rgba(0,60,107,1) 100%); background: -webkit-linear-gradient(top, rgba(0,68,135,1) 0%,rgba(0,60,107,1) 100%); background: linear-gradient(to bottom, rgba(0,68,135,1) 0%,rgba(0,60,107,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004487', endColorstr='#003c6b',GradientType=0 );} .content_title { padding-left: 15; font: 400 15px "Open Sans", sans-serif; color: #f5f5f5; text-transform: uppercase; } .category_title { } .pages_title {} .description_title { } .policies_title {} .featured_categories_title {} .content_title span { color: #111; } /*TITLE STYLES END*/ /*LEFT SECTION START*/ .left_bar{ width:230px; height:auto; float:left; padding-left:3px} .left_content { display:block; padding:0px 0px 4px 0px; width:228px; height:auto; float:left } .left_content .ula { width: 230px;list-style: none;padding: 0px ;margin-top: 0px;margin-left: 0px;display: block;} .left_content .lia { position: relative;display: block;height: 30px;line-height: 30px; border-bottom:none; background-color:#fbfbfb; border-bottom: 1px solid #F4F4F4; } .left_content .lia:hover { background-color:#FAF8F8; color:#1A5997; cursor:pointer } .left_content .lia:last-child { border-bottom: 0px} .left_content .lia a img { width:24px; float:left; padding:4px 0px 0px 17px; } .left_content .aa { text-indent: 15px; text-align: left; text-decoration: none; font: 12px 'Open Sans', sans-serif; display: block; height: 28px; color:#000; text-transform:uppercase; line-height:29px; } .left_content .aa:hover { } .payment { margin:0px 10px 4px 0px; float:left; width:230px; height:303px; background-image:url(https://www.nortonshiabservices.co.uk/ebay/PIC/secure_payment.jpg) } .left1 { margin:6px 10px 4px 0px; float:left; width:230px; height:400px; background-image:url(../PIC/left1.jpg) } /*LEFT SECTION END*/ /*MIDDLE SECTION START*/ .middle_bar{ width:819px; height:auto; float:left; margin-left:3px} /*MIDDLE SECTION END*/ /*FEATURED CATEGORIES START*/ #fc_main_div { width:100%; height:auto; float:left; padding-bottom: 12px; } #img_div {width: 268px; height: 177px; float:left; } #img { float:left ;padding: 11px 0px 0px 16px; } #img:hover { opacity:0.8;} /*FEATURED CATEGORIES END*/ /*DESCRIPTION CONTENT START*/ .title_new { width:819px; height:auto; background-color:#fbfbfb;margin:0 auto; float:left; margin:0px 0px 0px 0px; border-bottom: 1px solid #f0f0f0;} .title_new .dv1 { padding:20px 10px 20px 30px} .title_new .dv1 p { font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; color:#383838; padding:5px 10px 5px 0px; text-align:center} .description_content { width:819px; height:auto; background-color:#fff;margin:0 auto; float:left; margin:0px 0px 0px 0px; border-bottom: 1px solid #f0f0f0;} .description_content .dv1 { padding:20px 20px 20px 20px} .description_content #dv1nw { padding: 15px 15px 15px 15px; } .description_content .dv1 p { font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; color:#383838; padding:5px 10px 5px 0px; text-align:center} .description_content .dv2 { background-color:#f9f9f9; margin-right:0px; border:0px; padding:0px; border:1px solid #e8e8e8 } .description_content .dv2 p { font-family:'Open Sans', sans-serif; font-size:14px; font-weight:normal; color:#666; padding:0px; text-align:left; padding:20px } .description_content .dv1 h3 { font-family:'Open Sans', sans-serif; font-size:18px; padding:20px 0px 10px 20px } .description_content .dv1 .dv3 { background-color:#; margin-left:37px; border:0px; padding:0px } .description_content .dv1 .dv3 ul li { font-family:'Open Sans', sans-serif; font-size:14px; line-height:1.7; } .dv3 ul li { font-size:14px } #des_content_nw { padding: 20px 20px 20px 20px; } #des_content_nw p { padding:0px 0px 0px 0px } /*DESCRIPTION CONTENT END*/ /*POLICIES CONTENT START*/ .policies_content { width:819px; height:auto; background-color:#FFFFFF;margin:0 auto; float:left; margin:0px 0px 0px 0px} .tabbed_content { width:799px; height:auto;background-color:#FFFFFF;margin:0 auto; padding:10px} .tabbed {margin: 0 auto; min-width: ; max-width: ; font: 16px "Open Sans", sans-serif;; margin-bottom:10px; width: 806px;} .tcontent {background: #FFFFFF; color: #111; font: 14px "Open Sans", sans-serif;; width:796px; border: 1px solid #ddd; border-top: none;} .tcontent > div {display: none; padding: 20px 25px 20px; background-color:#fff } .tcontent > div ul {list-style:none} .tabbed input {display: none;} .tabbed label {display: inline-block; padding: 12px 1px 12px 0px; font-weight: normal; text-align: center;background: #fff; color:#000; width:19%; border: 1px solid #ddd; text-transform:uppercase;} label:hover {color: #000; cursor: pointer;} input:checked + label {background: #004487; color: #fff;; width:19%; text-transform:uppercase} .tabbed label img { float:left; padding-right:5px; width:30px } #content1 ul img { position:relative; right:-2px; bottom:-10px; width:205px } #tab1:checked ~ .tcontent #content1, #tab2:checked ~ .tcontent #content2, #tab3:checked ~ .tcontent #content3, #tab4:checked ~ .tcontent #content4, #tab5:checked ~ .tcontent #content5{display: block;} .tabbed_scroll { width: 747px;height: 150px;overflow:auto;padding-right: 24px; text-align:justify; font-size: 14px; line-height: 16px;font-family:'Open Sans', sans-serif; color:#777} /*POLICIES CONTENT END*/ /*FOOTER START*/ .footer{ width:1058px; height:56px; margin:0 auto; margin-top:15px; background-color:#111 } .footer_div1 { width:235px; height:56px; background-color:#; float:left; opacity:1 } .footer_div1 .dv1_p1 { font-size:21px; color:#999; float:left; font-family:'Oswald', sans-serif; font-weight:bold; padding: 10px 0px 0px 14px; } .footer_div1 .dv1_p2 { font-size:16px; color:#999; float:left; font-family:'Oswald', sans-serif; padding:16px 7px 0px 8px; } .footer_div2 { width:408px; height:56px; background-color:#; float:left; opacity:1; margin-right: 8px; } .footer_div3 { width:218px; height:56px; background-color:#; float:left; opacity:1 } .footer_div4 { width:186px; height:56px; background-color:#; float:right; opacity:1; background-image:url() } .social-icons-bottom{display:;width:; height:auto; background-color:#; margin:0 auto; margin-top:0px; text-align:right; padding:14px 7px 0px 0px; } .social-icons-bottom a img{ display:;width:33px; } .social-icons-bottom a img:hover{ display:; opacity:0.8 } .footer-social-icons { width: 218px; display:block; float:right; position: relative; bottom: -3px;} .social-icon { color: #fff; } ul.social-icons { margin-top: 7px; } .social-icons li { vertical-align: top; display: inline; height: 100px; } .social-icons a { color: #ccc; text-decoration: none; font-size:16px } .fa-facebook { padding:10px 15px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition: .5s; background-color: #000000; } .fa-facebook:hover { background-color: #3d5b99; } .fa-twitter { padding:10px 12px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition: .5s; background-color: #000000; } .fa-twitter:hover { background-color: #00aced; } .fa-instagram { padding:10px 13px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition: .5s; background-color: #000000; } .fa-instagram:hover { background-color: #a834b1; } .fa-youtube { padding:10px 13px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition: .5s; background-color: #000000; } .fa-youtube:hover { background-color: #e64a41; } .fa-google-plus { padding:10px 9px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition: .5s; background-color: #000000; } .fa-google-plus:hover { background-color: #e25714; } .fa-skype { padding:10px 12px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition: .5s; background-color: #000000; } .fa-skype:hover { background-color: #02a6e5; } .fa-whatsapp { padding:10px 12px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition: .5s; background-color: #000000; } .fa-whatsapp:hover { background-color: #0dc143; } /*Animation*/ .scroll-right { height: 50px; overflow: hidden; position: relative; right: -px; } .scroll-right p { font-size: 13px; position: absolute; width: 100%; height: 100%; margin: 0; line-height: 54px; text-align: center; font-family:'Oswald', sans-serif; -moz-transform:translateX(100%); -webkit-transform:translateX(100%); transform:translateX(100%); -moz-animation: scroll-left 15s linear infinite; -webkit-animation: scroll-left 15s linear infinite; animation: scroll-left 15s linear infinite; } @-moz-keyframes scroll-left { 0% { -moz-transform: translateX(100%); } 100% { -moz-transform: translateX(-100%); } } @-webkit-keyframes scroll-left { 0% { -webkit-transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); } } @keyframes scroll-left { 0% { -moz-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -moz-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); } } /*Animation*/ /*FOOTER END*/ @media (max-width: 1060px) { .tabbed_scroll { width:100% } .topbanner { height:auto; width:100% } .topbanner img { height:auto; width:100% } #slider_main_div { width:100%; padding-bottom: 3px;} div#captioned-gallery { width: 100%; overflow: hidden; width:100%; height:auto } .main_manu_div { width:100% } .menubar_div { width:100% } .store_image { display:none } .homea { display: inherit; } .menubar{ width:100%; height:auto;} .menubar-menu{ width:100%; height:auto ;background-image:url(../PIC/bg1.png)} .title_new { width:100%; } .title_new .dv1 { padding:25px 20px 20px 20px} .content{ width:100%; padding-top:0px; border:0px} .left_bar{ display:none } .content_title { background: url() no-repeat right ; } .featured_categories_description { display:none } .content_wrap {border-left:none; border-right:none; background: #FFF; } .content_gallery { width:100%; } .content_description { width:100%; } .content_policies { width:100%; } .content_featured_categories { width:100%; } .content_title_outer { width:100%; } .description_title { height:auto } .middle_bar{ width:100%; margin-left:0px } .tabbed label {padding: 10px 0px 10px 0px; width:100%; border: 1px solid #f1f1f1;} .description_title{ width:100%; height:auto; margin:0 auto; margin:0px 0px 0px 0px} .description_content { width:100%; height:auto; margin:0 auto; padding:0px; border:0px} .gallery .images>span.right { margin-left:-50px } .policies_content { width:100% } .tabbed_content { width:100% } .policies_title{ width:100%; height:25px; margin:0 auto; margin:0px 0px 0px 0px} .policies_content { width:100%; height:auto; margin:0 auto; float:left; margin:10px 0px 0px 0px} .tcontent {width:100%} .tabbed_content { width:100%; height:auto; margin:0 auto; padding:0px} .tabbed label img { display:none } .tabbed { width:100% } input:checked + label {width:100%} .social-icons-bottom{display:inherit;width:100%; height:auto; } .social-icons-bottom a img{ display:inherit; } .social-icons-bottom a img:hover{ display:inherit;} .social-icons-bottom{margin:0px;} #fc_main_div { display:none } #featured_categories { width:100%;text-align:center; float:none; margin:0 auto} #hover { width:100%; height:100%; text-align:center; float:none; margin:0 auto} .cat { margin-top:24px; margin-bottom:20px;} .featured_items_new { display:none; } .featured_items_new .logo_hide{ display:none; } /*MENU*/ nav { margin: 0; background-color:#FFF } .toggle + a, .menu { display: none; } .toggle { display: block; background-color: #000; padding:12px 20px; color:#FFF; font-size:17px; text-decoration:none; border:none; background-image:url(../PIC/bg1.png) } .toggle:hover { background-color: #000; color:#FFF } [id^=drop]:checked + ul { display: block; background-color:#000} nav ul li { display: block; width: 100%; } nav ul ul .toggle, nav ul ul a { padding: 0 40px; } nav ul ul ul a { padding: 0 80px; } nav a:hover, nav ul ul ul a { background-color: #111; opacity:0.9 } nav ul li ul li .toggle, nav ul ul a, nav ul ul ul a{ padding:14px 20px; color:#FFF; font-size:17px; } nav ul li ul li .toggle, nav ul ul a { background-color: #212121; } nav ul ul { float: none; position:static; color: #ffffff; } nav ul ul li:hover > ul, nav ul li:hover > ul { display: none; } nav ul ul li { display: block; width: 100%; } nav ul ul ul li { position: static; } nav a { padding: 6px 44px 6px 20px; } /*MENU*/ .footer{ width:100%; background-image:url(); background-color:#fbfbfb; margin:0px; height:auto; float:left } .footer_div1 { display:none } .footer_div2 { width:100%; height:30px; } .scroll-right { height:30px; } .footer_div3 { width:100%; height:45px; } .footer_div4 { display:none } .scroll-right p { line-height: 28px; font-size: 13px; color:#d3d1d1 } .scroll-right { background-color: #212121; } .social-icons-bottom{display:;width:; height:auto; background-color:#; margin:0 auto; margin-top:0px; text-align:right; padding:6px 0px 0px 0px; text-align:center } .social-icons-bottom a img{ display:;width:33px; } .social-icons-bottom a img:hover{ display:; opacity:0.8 } .footer-social-icons { float:none; text-align: center; bottom: 3px; margin:0 auto} #gallery_div { width:100%; height:auto; } } @media all and (max-width : 768px) { #gallery_div { height:auto; } /*FEATURED CATEGORIES START*/ #fc_main_div { width:100%; height:auto; } #fc_img_div { width:33.33%; height:auto; margin-top:10px } #fc_main_div #fc_img_div #img_div {width: 100%; height: auto; } #fc_main_div #fc_img_div #img_div figure { width: 100%; height: auto; } #fc_main_div #fc_img_div #img_div figure #img { width:100%; height:30%} /*FEATURED CATEGORIES END*/ .preview { height:auto; padding-bottom: 10px; } .preview img { width: 98%; padding:0px 0px 0px 0px} #content1 ul img {display:none} #content4 ul img {display:none} .description_content .dv1 p { font-size:16px } } @media (max-width: 600px) { .toggle:before { font-family: FontAwesome; content: "\f0c9"; padding-right: 8px;} .featured_items_new .logo_hide{ width:100%; height:30px; background-color:#FFF; text-align:center; position:relative; top:-37px; margin:0 auto } #fc_main_div { width:100%; height:382px; background-color:#FFF; clear:both } #fc_main_div #fc_img_div { width:50%} } @media (max-width: 420px) { .image_gallery{ width:100%; height:auto; padding:0px ; margin:0 auto;} .content4 ul img{ width:100% } .toggle { text-align:center } } @media all and (max-width : 330px) { nav ul li { display:block;} } /*---GALLERY---*/ @media (max-width: 1060px) { #img_thumb_1 { margin-left: 0px;} #img_thumb_5 {margin-right: 0px;} .big_image img {max-height: 430px;} .thumbnail {height: 70px; width: 70px; top: 423px;} .big_image { bottom: 93px;} } @media all and (max-width : 760px) { .thumbnail {height: 50px; width: 50px;} .big_image { bottom: 70px;} } @media all and (max-width : 670px) { .big_image img {max-height: 360px;} .thumbnail {height: 44px; width: 44px; top: 355px;} .big_image { bottom: 65px;} } @media all and (max-width : 500px) { .big_image img {max-height: 280px;} .thumbnail {height: 79px; width: 79px; top: 277px;} .big_image { bottom: 100px;} } @media all and (max-width : 450px) { .big_image img {max-height: 222px;} .thumbnail {height: 69px; width: 69px; top: 215px;} .big_image { bottom: 90px;} } @media all and (max-width : 380px) { .big_image img {max-height: 222px;} .thumbnail {height: 58px; width: 58px; top: 215px;} .big_image { bottom: 82px;} } @media all and (max-width : 325px) { .big_image img {max-height: 180px;} .thumbnail {height: 49px; width: 49px; top: 170px;} .big_image { bottom: 75px;} } @media all and (max-width : 280px) { .big_image img {max-height: 180px;} .thumbnail {height: 41px; width: 41px; top: 170px;} .big_image { bottom: 65px;} .big_image img {width:100%} } @media all and (max-width : 240px) { .big_image img {max-height: 180px;} .thumbnail {height: 34px; width: 34px; top: 176px;} .big_image { bottom: 55px;} .big_image img {width:100%} }