/* ============================================================================= Joda Template ========================================================================== */ body{font-family:Arial, sans-serif; padding:0px; margin:0px; color:#707070; font-size:16px; } h1,h2,h3,h4,h5,#enquiry,#menubar,#footermenu, .gform_wrapper .gform_button{font-family:'Oxygen', Helvetica, sans-serif;} h1{color:#707070; font-size:28px;} h2{color:#707070; font-size:24px;} h3{color:#707070; font-size:22px;} h4{color:#707070; font-size:20px;} h5{color:#707070; font-size:18px;} p{color:#707070; font-size:16px;} a{text-decoration:none !important;} a:hover{color:#707070} img{max-width:100% !important; height:auto;} select{ -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; text-indent: 0.01px; text-overflow: ''; background: url(../images/ddarrow.jpg) no-repeat 99% 5px #fff !important; /* add your own arrow image */ *background-image:none; /* turn bg image for IE7 */ } select::-ms-expand { display: none; } select option { background: #fff; /* style the dropdown bg color */ } select,input,textarea{color:#707070; text-transform:uppercase; font-size:12px;} .gform_wrapper .gfield_checkbox li label{display:inline-block !important; margin-left:10px !important;} #input_1_7{text-transform:none;} #field_1_7{ padding-bottom:10px; border-bottom:1px solid #D9D9D9;} .gform_wrapper .gsection {border-bottom: none !important;} #field_1_31 label{display:none;} .rwst_customfield_6 .icheckbox_minimal{margin-right:10px;} /***FEEDBACK FORM***/ .rwst_customfield_label_1, .rwst_customfield_label_2, .rwst_customfield_label_3, .rwst_customfield_label_4, .rwst_customfield_label_5, .rwst_customfield_label_6, .rwst_customfield_label_7, .rwst_customfield_label_8, .rwst_customfield_label_9, .rwst_customfield_label_10, .rwst_message_label{text-transform:uppercase;} .rwst_customfield_label_1 label, .rwst_customfield_label_2 label, .rwst_customfield_label_3 label, .rwst_customfield_label_4 label, .rwst_customfield_label_5 label, .rwst_customfield_label_6 label, .rwst_customfield_label_7 label, .rwst_customfield_label_8 label, .rwst_customfield_label_9 label, .rwst_customfield_label_10 label, .rwst_message_label label{font-weight:normal;} .rwst_customfield_6 label{font-weight:normal;} #submit_button{background: url("../images/enquirysubmit.png") no-repeat !important; background-size:100% !important; width:250px; height:41px; border:none; font-size:20px; color:#FFFFFF;} #field_1_32 .gfield_description{margin:0px; width:auto;} .middle2cols.enquiryform .gform_wrapper h2.gsection_title{color:#ed1c24;} .rws_testimonial_full{background:url(../images/quote.png) no-repeat; padding-left:50px; padding-top:19px;} .rws_testimonial_full .full_before, .rws_testimonial_full .full_after{border: 1px solid #D9D9D9;} .rws_testimonial_full .full_before p, .rws_testimonial_full .full_after p{text-align:center;} .rws_testimonial_full .full_before p.full_before_title, .rws_testimonial_full .full_after p.full_after_title{text-align:center; margin:0px;} .rws_testimonial_full p.rwsname, .rws_testimonial_full p.rwscomsub, .rws_testimonial_full p.rwsservices{clear:both; margin:0px;} .rws_testimonial_full p.rwsservices{font-size:14px;} h1.title{margin-top:0px; padding:0px; margin-bottom:30px; color:#0067B0; text-transform:capitalize;} .wrapper{-webkit-box-shadow: 0px 0px 10px 5px rgba(112, 112, 112, .50); -moz-box-shadow: 0px 0px 10px 5px rgba(112, 112, 112, .50); box-shadow: 0px 0px 10px 5px rgba(112, 112, 112, .50); margin-bottom:25px;} #header{background:url(../images/header-background.jpg); height:197px; position:relative; overflow:visible;} #header #account{height:40px; width:100%; background:#014373; overflow:hidden;} #header ul.submenu_account{float:left; width:260px; padding-left:30px;} #header #search{float:left; width:295px; background:url(../images/bkg.png) no-repeat left;} #header ul.shopping_account{float:right; width:250px; padding-right:30px;} #header ul.submenu_account li, #header ul.shopping_account li{height:20px; color:#FFFFFF; margin-top: 10px;} #header ul.submenu_account li{float:left;} #header ul.submenu_account li#submenu_li_logout, #header ul.submenu_account li#submenu_li_login{border:none;} #header ul.shopping_account li{float:right;} #header ul.submenu_account li a, #header ul.shopping_account li a{color:#FFFFFF;} #header ul.submenu_account li a:hover, #header ul.shopping_account li a:hover{color:#B4B4B4;} #header ul.shopping_account li.cartoverview{border:none; text-align:right; margin-top: 10px; font-size:13px;} #header #search #searchBox{padding:0px; float:none; margin-left:22px;} #header #search #s{background:#0a345d; border-radius:20px; height:20px; width:180px; padding:0px 10px;border:none; color:#FFFFFF; margin-right:20px; margin-top:10px;} #header #search .searchBtn{background:url(../images/searchbutton.png) no-repeat; width:50px; height:40px; margin:0px; border:none;} #header #logo{width:300px !important; margin-top:10px;} #header #basket{background:url(../images/shoppingcart.png) no-repeat left; padding:0px 30px; height:20px; display:inline-block;} #header #enquiry{position:absolute; right:20px; top:80px;} #header #enquiry a{color:#f1d104; font-size:28px; background:url(../images/enquiry.png) no-repeat right; padding-right:50px; text-align:right; } #header #enquiry a:hover{color:#B4B4B4; background:url(../images/enquiry-hover.png) no-repeat right;} #menubar{position:relative; height:40px; padding-left:30px; background:url(../images/menu-background.png) no-repeat; z-index:999999;} h3.nav-trigger{display:none;} #menubar li{background:none; width:auto !important; min-width:0 !important; height:29px; padding:10px 0px 0px 55px;} #menubar li:first-child{padding-left:0px;} #menubar li a{color:#FFFFFF; font-size:18px; font-weight:normal; padding:0px; width:auto !important; min-width:50px !important;} #menubar li ul.sub-menu{top:39px;} #menubar li ul.sub-menu li{ float:none; position:relative; z-index:999999; padding:0px; height:auto;} #menubar li ul.sub-menu li:hover{background:none ;} #menubar li ul.sub-menu li a{background:#014373 !important; padding:10px 15px; color:#FFFFFF !important; border:none; font-size:14px;} #menubar li ul.sub-menu li a:hover{background:#0083b5 !important; text-shadow:none;} #menubar li a:hover{color:#014373;} #slideshow{height:349px; width:960px; overflow:hidden; position:relative;} #slideshow .cycle-slideshow{position:absolute; top:0px;} #slideshow img { width:100%; height:auto; position:absolute; display:none; top:0px; z-index:1; -ms-interpolation-mode: bicubic; image-rendering: optimizeQuality; } #slideshow img { transform: translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); } #PPTGalleryPage #slideshow{display:none;} .breadcrumbs{height:37px; border-bottom:1px solid #d9d9d9; padding-left:20px; padding-top:20px;} .breadcrumbs ul{margin:0px; padding:0px;} .breadcrumbs ul li{float:left; margin-right:5px; font-size:12px; text-transform:capitalize;} #PPTSinglePage-article_type .breadcrumbs{display:none;} #features{height:375px;} #features div.widget_black_studio_tinymce{width:239px; height:375px; float:left; border-bottom:1px solid #d9d9d9;} #features div.widget_black_studio_tinymce h3{height:55px; font-size:21px; color:#FFFFFF; margin:0px; padding:10px 60px 10px 20px; letter-spacing:0px;} #features div#black-studio-tinymce-2{width:241px; } #features div#black-studio-tinymce-2 .textwidget{border-right:1px solid #d9d9d9;} #features div#black-studio-tinymce-2 h3{background:url(../images/home-arrow.png) no-repeat 200px 40px #ff0909;} #features div#black-studio-tinymce-3 .textwidget{border-right:1px solid #d9d9d9;} #features div#black-studio-tinymce-3 h3{background:url(../images/home-arrow.png) no-repeat 200px 40px #ff8c05;} #features div#black-studio-tinymce-4 .textwidget{border-right:1px solid #d9d9d9;} #features div#black-studio-tinymce-4 h3{background:url(../images/home-arrow.png) no-repeat 200px 40px #f1d104;} #features div#black-studio-tinymce-5{width:241px;} #features div#black-studio-tinymce-5 h3{background:url(../images/home-arrow.png) no-repeat 200px 40px #15d501;} #features div.widget_black_studio_tinymce .textwidget{padding:20px 20px 1px 20px;} #features div.widget_black_studio_tinymce .textwidget p{font-family:Arial, sans-serif; font-size:12px;} #features div.widget_black_studio_tinymce .textwidget a.hcart img{display:none;} #features div#black-studio-tinymce-2 .textwidget a.hcart{background:url(../images/home-cart-red.png) no-repeat; width:20px; height:20px; display:inline-block;} #features div#black-studio-tinymce-2 .textwidget a.hreadmore{background:url(../images/home-arrow-red.png) no-repeat right; padding-right:30px; color:#ff0909; height:20px; display:inline-block; float:right;} #features div#black-studio-tinymce-3 .textwidget a.hcart{background:url(../images/home-cart-orange.png) no-repeat; width:20px; height:20px; display:inline-block;} #features div#black-studio-tinymce-3 .textwidget a.hreadmore{background:url(../images/home-arrow-orange.png) no-repeat right; padding-right:30px; color:#ff8c05; height:20px; display:inline-block; float:right;} #features div#black-studio-tinymce-4 .textwidget a.hcart{background:url(../images/home-cart-yellow.png) no-repeat; width:20px; height:20px; display:inline-block;} #features div#black-studio-tinymce-4 .textwidget a.hreadmore{background:url(../images/home-arrow-yellow.png) no-repeat right; padding-right:30px; color:#f1d104; height:20px; display:inline-block; float:right;} #features div#black-studio-tinymce-5 .textwidget a.hcart{background:url(../images/home-cart-green.png) no-repeat; width:20px; height:20px; display:inline-block;} #features div#black-studio-tinymce-5 .textwidget a.hreadmore{background:url(../images/home-arrow-green.png) no-repeat right; padding-right:30px; color:#15d501; height:20px; display:inline-block; float:right;} #features div#black-studio-tinymce-2 .textwidget a.hcart:hover, #features div#black-studio-tinymce-3 .textwidget a.hcart:hover, #features div#black-studio-tinymce-4 .textwidget a.hcart:hover, #features div#black-studio-tinymce-5 .textwidget a.hcart:hover{background:url(../images/home-cart-hover.png) no-repeat right; color:#b4b4b4;} #features div#black-studio-tinymce-2 .textwidget a.hreadmore:hover, #features div#black-studio-tinymce-3 .textwidget a.hreadmore:hover, #features div#black-studio-tinymce-4 .textwidget a.hreadmore:hover, #features div#black-studio-tinymce-5 .textwidget a.hreadmore:hover{background:url(../images/home-arrow-hover.png) no-repeat right; color:#b4b4b4;} .feature{background:url(../images/shadow.png) no-repeat bottom; width:203px; height:154px; display:block;} .view { width: 203px; height: 140px; overflow: hidden; position: relative; text-align: center; box-shadow: 1px 1px 2px #e6e6e6; cursor: default; } .view .mask, .view .content { width: 203px; height: 140px; position: absolute; overflow: hidden; top: 0; left: 0} .view img {display: block;position: relative} .view h4 {color: #fff; text-align: center; position: relative; font-size: 18px; padding:20px 20px;} .view p {} .view a.info {display: inline-block; text-decoration: none; color: #fff;} .view a.info:hover {} .view img {transform: scaleY(1,1); -webkit-transition: all 0.7s ease-in-out 0s; -moz-transition: all 0.7s ease-in-out 0s; -ms-transition: all 0.7s ease-in-out 0s; -o-transition: all 0.7s ease-in-out 0s; transition: all 0.7s ease-in-out 0s;} .view .mask {background:url(../images/bgimg.jpg); -webkit-transition: all 0.5s linear 0s; -moz-transition: all 0.5s linear 0s; -ms-transition: all 0.5s linear 0s; -o-transition: all 0.5s linear 0s; transition: all 0.5s linear 0s; opacity: 0; width: 203px; height: 140px} .view a.info {opacity: 0; transform: scale(0,0); -webkit-transition: all 0.5s linear 0s; -moz-transition: all 0.5s linear 0s; -ms-transition: all 0.5s linear 0s; -o-transition: all 0.5s linear 0s; transition: all 0.5s linear 0s; } .view:hover img {-moz-transform:scale(10,10); -ms-transform:scale(10,10); -o-transform:scale(10,10); -webkit-transform:scale(10,10); transform: scale(10,10); opacity: 0;} .view:hover .mask {opacity: 1;} .view:hover h4, .view:hover p, .view:hover a.info{transform: scale(1,1); opacity: 1;} .innercontact{padding:0px 20px 20px 20px;} .itembox{border:none;} .itembox h1{background:none; border:none; color:#0067b0; font-size:28px; padding:0px; margin-bottom:25px;} .itembox h2{background:none; border:none; color:#0067b0; font-size:20px; padding-left:0px; } .itembox h2.title{font-size:28px; padding-left:40px;} .itemboxinner{padding:0px;} .left2cols{width:205px; padding:20px 15px 0px 20px; margin:0px;} .middle2cols{border-left:1px solid #d9d9d9; width:679px; min-height:460px; padding:20px 20px 20px 20px; margin:0px; } .greybg{background:none;} .middle2cols p, .middle2cols li{letter-spacing:0.05em;} #content .full{padding:10px;} #BackGroundWrapper{border:none;} .middle2cols #galleryblock{width:340px; padding:0px; margin:0px;} .middle2cols #galleryblock #gallery{width:340px !important; height:470px !important; } .etalage_thumb_active img{margin:0px !important; border:none !important; box-shadow:none; } li.etalage_small_thumbs{margin-top:10px !important;} .etalage_small_thumbs ul{width:100% !important;} .etalage_small_thumbs li{margin-left:10px !important;} .etalage_small_thumbs li:first-child{margin-left:0px !important;} .etalage_small_thumbs li img{height:100px !important; width:100px !important;} .middle2cols #descriptionBlock{width:310px; padding:0px; margin-left:20px;} .pb1{border:none;} .pb2{float:none; width:100%; font-size:28px; text-align:right; color:#ed1c24;} .gform_footer{display:none;} #PPTHomePage ul.thumb_view li, #PPTHomePage .middle2cols ul.thumb_view li, ul.thumb_view li, ul.thumb_view li.featured{border:1px solid #b4b4b4; margin-right:33px; min-height:160px;} ul.thumb_view li:hover{border:1px solid #0083b5; margin-right:33px; min-height:160px; color:#0083b5;} ul.thumb_view li.last{margin-right:0px;} ul.thumb_view li .img-box{height:90px; position:relative; overflow:hidden; border:none;} ul.thumb_view li .img-box img{max-width:100%; height:auto;} ul.thumb_view li h3{font-family:Arial, sans-serif; font-size:12px !important; font-weight:normal; height:auto; min-height:30px; margin:0px; padding:10px 0px; letter-spacing:normal; text-transform:capitalize;} ul.thumb_view li h3 a{color:#707070;} ul.thumb_view li h3 a:hover{color:#0083b5;} ul.thumb_view li .actions{min-height:20px; background:none;} ul.thumb_view li .price-box{width:135px; padding:0px;} ul.thumb_view li .price-box .price{font-family:Arial, sans-serif; font-size:12px !important; font-weight:normal;} ul.thumb_view li a.add-to-cart{background:url(../images/addtocart.png) no-repeat; display:inline-block; width:20px; height:20px;} ul.thumb_view li a.add-to-cart:hover{background:url(../images/addtocart-hover.png) no-repeat;} ul.thumb_view li a.link-wishlist{background:url(../images/wishlist.png) no-repeat; display:inline-block; width:20px; height:20px; text-decoration:none; margin-right:10px;} ul.thumb_view li a.link-wishlist:hover{background:url(../images/wishlist-hover.png) no-repeat;} ul.paginationD {background:none; border:none; padding: 0px;} .navigation{ float:right; position:relative; left:-50%; text-align:left; margin-top:20px;} .navigation ul{ list-style:none; position:relative; left:50%;} .navigation li {display: inline; float:left;position:relative;} .navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled {text-decoration:none; font-family:Arial, sans-serif; color:#707070; font-size:12px; padding:0px 5px;} .navigation li a:hover, .navigation li.active a {} .navigation li.prev a{background:url(../images/nav-prev.png) no-repeat; width:20px; height:20px; display:inline-block; padding:0px; margin-right:10px;} .navigation li.next a{background:url(../images/nav-next.png) no-repeat; width:20px; height:20px; display:inline-block; padding:0px; margin-left:10px;} #taxonomy-2 h2, #taxonomy-3 h2, #taxonomy-4 h2{background:url(../images/shoponline.png) no-repeat left; padding:0px 0px 0px 40px; margin-bottom:30px;} #taxonomy-2 ul li, #taxonomy-2 ul li ul li, #taxonomy-3 ul li, #taxonomy-3 ul li ul li, #taxonomy-4 ul li, #taxonomy-4 ul li ul li{margin-left:0px;} #taxonomy-2 ul li a, #taxonomy-3 ul li a, #taxonomy-4 ul li a{margin:10px 0px; width: 175px; height:18px; padding-top:2px; padding-right:30px; display:block; font-size:12px; text-transform:uppercase; background:url(../images/arrow-hoverblue.png) no-repeat right; color:#0067b0;} #taxonomy-2 ul li a:hover, #taxonomy-3 ul li a:hover, #taxonomy-4 ul li a:hover{ background:url(../images/arrow.png) no-repeat right; color:#707070;} #ppt-categories-2 h2{background:url(../images/category.png) no-repeat left; padding:0px 0px 0px 40px; margin-bottom:30px;} #ppt-categories-2 ul li{margin-left:0px; border:none;} #ppt-categories-2 ul li:hover{background:none;} #ppt-categories-2 ul li a{margin:10px 0px; width: 175px; height:18px; padding:2px 30px 0px 0px; display:block; font-size:12px; text-transform:uppercase; background:url(../images/arrow-hoverblue.png) no-repeat right; color:#0067b0;} #ppt-categories-2 ul li a:hover{ background:url(../images/arrow.png) no-repeat right; color:#707070;} .order_box{margin-bottom:20px;} .galbit1 span.sortbytitle{display:inline-block; float:left; text-transform:uppercase;} .galbit1 #sporderby{display:inline-block; float:left; border:1px solid #b4b4b4;} .dropdown dd ul, .dropdown1 dd ul, .dropdown2 dd ul { background: #FFFFFF; border: 1px solid #b4b4b4; color: #707070; left: -1px !important; list-style: none outside none; min-width: 150px; padding:0; position: absolute; top: 0px; width: auto; z-index: 101; } .dropdown2 dd ul li{padding-left:10px;} .dropdown2 dd ul li a, .dropdown2 dt a span{text-transform:uppercase;} #articlepage #acontent h2{font-weight:normal; font-size:20px;} #articlepage #acontent .wp-post-image{margin-top:-30px; padding-left:10px;} #footer{background:#707070; color:#FFFFFF;} #footer .left3cols, #footer .middle3cols, #footer .right3cols{display:none;} #footer .widget{float:left; width:200px; padding:20px !important;} #footer .widget h3{color:#FFFFFF; margin:0px; padding:20px 0px;} #footer .widget p{color:#FFFFFF;} #footer .advanced_recent_posts_widget ul li{border:none;} #footer .advanced_recent_posts_widget .recent-post-item{margin:0px; padding:0px;} #footer .advanced_recent_posts_widget .post-title{color:#FFFFFF; text-transform:uppercase; font-weight:normal; padding-bottom:15px; display:block;} #footer .advanced_recent_posts_widget .post-entry p{font-size:12px; line-height:normal;} #footer .advanced_recent_posts_widget .post-entry p.arpw-readmore{padding:auto; text-align:right;} #footer .advanced_recent_posts_widget .post-entry p.arpw-readmore a{background:url(../images/arrow.png) no-repeat right; text-align:left; padding-left:0px; padding-right:30px; height:30px; min-width:150px; display:block; color:#b4b4b4; padding-top:15px; text-align:right;} #footer .advanced_recent_posts_widget .post-entry p.arpw-readmore a:hover{background:url(../images/arrow-hover.png) no-repeat right; color:#FFFFFF;} #footer .newsletters-subscribe-form br{display:none;} #footer .newsletters-subscribe-form label{display:none;} #footer .widget_newsletters .newsletters-fieldholder{margin: 0 0 15px 0 !important;} #footer .widget_newsletters .newsletters-fieldholder.products, #footer .widget_newsletters .clearfix{display:none !important;} #footer .newsletters-subscribe-form input.wpmltext{background:#b4b4b4; border-radius:20px; border:none; box-shadow:none; padding:2px 10px !important; color:#FFFFFF !important; text-transform:uppercase; width:180px !important; text-shadow: none !important;} #footer .newsletters-subscribe-form input.ui-button, #footer .newsletters-subscribe-form button.ui-button, #footer .newsletters-subscribe-form a.ui-button{background:url(../images/arrow-subscribe.png) no-repeat right #b4b4b4 !important; border-radius:20px; border:none; box-shadow:none; text-shadow: none !important; padding:2px 10px !important; color:#FFFFFF !important; font-weight:normal; font-size:12px; text-shadow:none; width:200px; text-align:left; height:20px; line-height:normal !important; text-transform:uppercase;} #footer .newsletters-subscribe-form input.ui-button:hover, #footer .newsletters-subscribe-form button.ui-button:hover, #footer .newsletters-subscribe-form a.ui-button:hover{background:url(../images/arrow-subscribe-hover.png) no-repeat right #FFFFFF !important; color:#707070 !important;} #footer #rws_testimonial_manager_widget-2 h3{display:none;} #footer .widget .menu li{background:url(../images/arrow.png) no-repeat right; text-align:left; padding-left:0px; height:30px; min-width:180px;} #footer .widget .menu li a{color:#b4b4b4; padding-top:7px; font-weight:normal;} #footer .widget .menu li:hover{background:url(../images/arrow-hover.png) no-repeat right;} #footer .widget .menu li:hover a{color:#FFFFFF;} #footer .rwstm-widget-quote{background:url(../images/quote.png) no-repeat; padding-left:50px; padding-top:19px; font-size:16px; font-style:italic;} #footer .rwstm-widget-description a{background:url(../images/arrow.png) no-repeat right; text-align:left; padding-left:0px; padding-right:30px; height:30px; min-width:150px; display:block; color:#b4b4b4; padding-top:10px; text-align:right; font-size:12px;} #footer .rwstm-widget-description a:hover{background:url(../images/arrow-hover.png) no-repeat right; color:#FFFFFF;} #footerbottom{height:65px; padding-top:35px; background:#000000;} #footermenu{width:70%;} #footermenu ul li{float:left; border-left:1px solid #b4b4b4; padding:0px 10px;} #footermenu ul li:first-child{border-left:none; padding-left:20px;} #footermenu ul li a{color:#b4b4b4; font-size:18px;} #footermenu ul li a:hover{color:#FFFFFF;} #copyright{width:30%; font-family:Arial, sans-serif; font-weight:normal;} #copyright p{font-size:12px; margin:0px; padding:0px; text-align:right; margin-right:20px;} #copyright p span{display:block; clear:both;} #copyright p a{color:#b4b4b4;} #copyright p a:hover{color:#FFFFFF;} /* iPhone3/4/5, Samsung Galaxy S2/S3/S4*/ @media only screen and (min-width: 320px) and (max-width: 478px), (min-device-width: 320px) and (max-device-height: 480px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 1), (min-device-width: 320px) and (max-device-height: 534px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 1.5), (min-device-width: 320px) and (max-device-height: 640px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 2), (min-device-width: 320px) and (max-device-height: 640px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 3){ body{min-width:320px; max-width:478px;} .w_960 {width: 100%;} .wrapper{margin-bottom:0px;} #slideshow{display:block; width:100%; height:116px;} #content{padding:0px 15px;} .left2cols{width:auto; padding:20px 0px; margin:0px;} .middle2cols{border-left:none; width:100%; padding:20px 0px; margin:0px; } /* HEADER */ #header{height:auto;} #header ul.submenu_account { float: left; padding-left: 15px; width:auto; max-width: 185px;} ul.submenu_account li {font-size: 10px; margin-right: 5px; padding-right: 5px;} #header ul.submenu_account li#submenu_li_username, #header ul.submenu_account li#submenu_li_logout{display:none;} ul.submenu_account li{border:none;} #header ul.submenu_account li#submenu_li_account a, #header ul.submenu_account li#submenu_li_login a{color: transparent; line-height: 0; font-size: 0; background:url(../images/Joda-My-Account-Icon.png) top left no-repeat; background-size:100%; width:20px; height:20px; display:block; margin-right:5px;} #header #search { width: 180px;} #header #search #searchBox { margin-left:10px;} #header #search #s { width: 80px; font-size: 10px; margin-right:10px;} #header ul.shopping_account { padding-right: 15px; width: 60px;} #header #basket{color: transparent; line-height: 0; font-size: 0; width:20px; padding:0px 10px 0px 0px; display:inline-block; background-position:top;} #header #basket, #header .cartqty{float:left;} #header #cartitems{display:none;} #header #logo{width:160px !important; margin-top:10px; float:left;} #header #logo img{width:100%; height:auto;} #header #enquiry {position: relative;float:left; width:160px; top:38px; right:10px; text-align:right;} #header #enquiry a { background: url("../images/enquirymp.png") no-repeat scroll right center rgba(0, 0, 0, 0); font-size: 11px; padding-right: 16px;} #header #enquiry a:hover{background:url(../images/enquirymp-hover.png) no-repeat right;} h3.nav-trigger{display:block; margin:0px; padding-left:20px; color:#FFFFFF; background:url(../images/home-arrow.png) no-repeat 280px 8px;} #menubar { height: auto; padding-left: 0px;} #menubar ul{display:none; background:#014373} #menubar ul li{padding:0px; clear:both; float:none;min-height:29px; height:auto; text-align:left;} #menubar ul li a{ width:auto; padding:10px 20px;} #menubar ul li a:hover{background:#0083b5; color:#FFFFFF; } #menubar ul li ul.sub-menu { left: auto; top:auto; margin-left: 0px; position: relative; width: 100%; z-index: 100; box-shadow:none; display:none !important; } #menubar ul li:hover ul.sub-menu {display:block !important;} #menubar ul li ul.sub-menu li a{padding:10px 20px 10px 30px;} /* BLOGS */ #articlepage #acontent .wp-post-image{margin-top:0px; padding-left:0px; margin:auto; float:none; width:100%;} #articlepage #acontent .date{height:50px;} /* FEATURES */ #features{height:auto;} #features div.widget_black_studio_tinymce, #features div#black-studio-tinymce-2, #features div#black-studio-tinymce-5{width:100%; height:auto;} #features div.widget_black_studio_tinymce h3{height:35px; padding:10px 20px 10px 20px; font-size:18px; cursor:pointer;} #features div.widget_black_studio_tinymce .feature{margin:auto;} #features div#black-studio-tinymce-2 h3{background:url(../images/home-arrow.png) no-repeat 280px 15px #ff0909;} #features div#black-studio-tinymce-3 h3{background:url(../images/home-arrow.png) no-repeat 280px 15px #ff8c05;} #features div#black-studio-tinymce-4 h3{background:url(../images/home-arrow.png) no-repeat 280px 15px #f1d104;} #features div#black-studio-tinymce-5 h3{background:url(../images/home-arrow.png) no-repeat 280px 15px #15d501;} /***FEEDBACK FORM***/ .rwst_customfield_label_1, .rwst_customfield_label_2, .rwst_customfield_label_3, .rwst_customfield_label_4, .rwst_customfield_label_5, .rwst_customfield_label_6, .rwst_customfield_label_7, .rwst_customfield_label_8, .rwst_customfield_label_9, .rwst_customfield_label_10{width:95px; height:40px; margin-bottom:14px; float:left; font-size:12px;} .rwst_customfield_1, .rwst_customfield_2, .rwst_customfield_3, .rwst_customfield_4, .rwst_customfield_5, .rwst_customfield_6, .rwst_customfield_7, .rwst_customfield_8, .rwst_customfield_9, .rwst_customfield_10{width:170px; height:40px; margin-bottom:14px; float:left; clear:right;} .rwst_customfield_1 input, .rwst_customfield_2 input, .rwst_customfield_3 input, .rwst_customfield_4 input, .rwst_customfield_5 input, .rwst_customfield_6 input, .rwst_customfield_7 input, .rwst_customfield_8 input, .rwst_customfield_9 input, .rwst_customfield_10 input{ width:165px;} .rwst_customfield_label_6{width:240px; clear:left;} .rwst_customfield_6{clear:right; width:100%; height:auto; } .rwst_customfield_6 label{width:50%; float:left;} .rwst_customfield_6 input{width:auto; margin-right:10px;} .rwst_message_label{width:100%; clear:both;} .rwst_message{margin-bottom:10px;} .rwst_message #rws_testimonial_message{width:95%;} .rwst_before_image{width:295px; height:75px; float:left;} .rwst_after_image{width:295px; height:75px; float:left; clear:right;} .rwst_captcha{width:100%; height:165px; float:left;} /***GALLERY***/ .middle2cols #galleryblock{width:100%;} .middle2cols #galleryblock #gallery{width:100% !important; height:150px !important; } .middle2cols #descriptionBlock {width: 100% !important; padding: 0px; margin:0px;} /***ENQUIRY FORM***/ .gform_wrapper{max-width:100% !important;} .gform_wrapper h2.gsection_title, .gfield_label{font-weight:normal !important;} .gform_wrapper .gform_button{background:url(../images/enquirysubmit.png) no-repeat; background-size:100%; display:block; float:right; color:#FFFFFF; border:none; width:100%; height:47px; font-size:20px; font-weight:normal; margin-top:150px;} #field_1_31{top:-226px !important; position:relative;} .gform_wrapper .gsection {border-top: none !important; border-bottom:none !important; padding: 0 0 8px;} .gfield{width:100%;} /*GENERAL*/ #field_1_1, #field_1_2, #field_1_3, #field_1_4, #field_1_5, #field_1_6, #field_1_32, #field_1_33{float:left; width:100%; clear:none; margin-right:0px;} #field_1_1 .gfield_label, #field_1_2 .gfield_label, #field_1_3 .gfield_label, #field_1_4 .gfield_label, #field_1_5 .gfield_label, #field_1_6 .gfield_label, #field_1_32 .gfield_label, #field_1_33 .gfield_label{width:100px;} #field_1_1 input, #field_1_2 input, #field_1_3 input, #field_1_4 input, #field_1_5 input, #field_1_6 input, #field_1_32 input, #field_1_33 input{width:168px;} #field_1_7 .gfield_label{width:100%; margin-right:0px;} #field_1_7 select{width:99%;} /*SITE SURVEY*/ #field_1_10 .gfield_label, #field_1_11 .gfield_label{width:100%; margin:0px;} #field_1_10 select{width:99%;} #input_1_1`{clear:both;} #input_1_11 li{float:left; width:50%;} #input_1_11 li label{font-weight:normal !important; font-size:10px;} #input_1_11 li.gchoice_11_12{width:100%;} #field_1_12 .gfield_label{width:100%; margin:0px;} #field_1_12 textarea{width:99%;} /*CCTV*/ #field_1_22 .gfield_label, #field_1_23 .gfield_label, #field_1_24 .gfield_label, #field_1_25 .gfield_label, #field_1_26 .gfield_label, #field_1_27 .gfield_label{width:100%; margin:0px;} #field_1_22 select, #field_1_23 select, #field_1_24 select, #field_1_25 select, #field_1_26 select, #field_1_27 select{width:100%; margin:0px;} #field_1_28 .gfield_label{width:100%; margin:0px;} #field_1_28 textarea{width:99%;} /*INTERCOM*/ #field_1_15 .gfield_label, #field_1_16 .gfield_label, #field_1_17 .gfield_label, #field_1_18 .gfield_label{width:100%; margin:0px;} #field_1_15 select, #field_1_16 select, #field_1_17 select, #field_1_18 select{width:100%; margin:0px;} #field_1_19 .gfield_label{width:100%; margin:0px;} #field_1_19 textarea{width:99%;} /* SIDEBAR */ #sidebar-left{display:none;} /* FOOTER */ #footer .widget{float:left; width:100%; padding:0px !important;} #footer .widget .menu li{width:auto; min-width:260px;} #footer .widget h3{padding:20px; border-top:1px solid #b4b4b4; background:url(../images/downarrow.png) no-repeat 265px; cursor:pointer;} #footer #rws_testimonial_manager_widget-2 h3{display:block;} #footer #nav_menu-2 .menu-services-menu-container{padding:0px 20px;} #footer #advanced-recent-posts-2 ul{padding:0px 20px;} #footer .newsletters-subscribe-form .newsletters-widget-wrapper{padding:0px 20px;} #footer .newsletters-subscribe-form input.wpmltext{width:230px !important;} #footer .newsletters-subscribe-form input.ui-button, #footer .newsletters-subscribe-form a.ui-button{width:250px !important; margin-bottom:20px;} #footer #rws_testimonial_manager_widget-2 .rwstestwid{padding:0px 20px;} #footermenu{width:100%;} #footermenu ul li{padding:0px 5px;} #footermenu ul li a{color:#b4b4b4; font-size:9px;} #copyright{width:100%;} #copyright p{font-size:8px; margin:0px; padding:0px; text-align:right; margin:0px 20px;} #copyright p span{display:inline-block; clear:none;} #copyright p span.credit{float:right; width:55%; text-align:right;} #copyright p span.copy{float:left; width:45%; text-align:left;} } /*HTC one*/ @media only screen and (min-width: 360px) and (max-width: 478px), (min-device-width: 360px) and (max-device-height: 480px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 1), (min-device-width: 360px) and (max-device-height: 534px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 1.5), (min-device-width: 360px) and (max-device-height: 640px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 2), (min-device-width: 360px) and (max-device-height: 640px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 3){ /* HEADER */ #menubar {background: url("../images/menu-background.png") repeat;} h3.nav-trigger{display:block; margin:0px; padding:5px 20px; color:#FFFFFF; background:url(../images/home-arrow.png) no-repeat 325px 8px;} #header #enquiry {position: relative;float:left; width:200px; top:38px; right:10px; text-align:right;} #header #enquiry a { background: url("../images/enquirysamtab.png") no-repeat scroll right center rgba(0, 0, 0, 0); font-size: 14px; padding-right: 25px; padding-bottom:2px; padding-top:2px;} #header #enquiry a:hover{background:url(../images/enquirysamtab-hover.png) no-repeat right;} #slideshow{display:block; width:100%; height:131px;} /* FEATURES */ #features div.widget_black_studio_tinymce h3{height:28px; padding:20px 40px 20px 20px;} #features div#black-studio-tinymce-2 h3{background:url(../images/downarrow.png) no-repeat 310px 15px #ff0909;} #features div#black-studio-tinymce-3 h3{background:url(../images/downarrow.png) no-repeat 310px 15px #ff8c05;} #features div#black-studio-tinymce-4 h3{background:url(../images/downarrow.png) no-repeat 310px 15px #f1d104;} #features div#black-studio-tinymce-5 h3{background:url(../images/downarrow.png) no-repeat 310px 15px #15d501;} /***FEEDBACK FORM***/ .rwst_customfield_label_1, .rwst_customfield_label_2, .rwst_customfield_label_3, .rwst_customfield_label_4, .rwst_customfield_label_5, .rwst_customfield_label_6, .rwst_customfield_label_7, .rwst_customfield_label_8, .rwst_customfield_label_9, .rwst_customfield_label_10{width:95px; height:40px; margin-bottom:14px; float:left; font-size:12px;} .rwst_customfield_1, .rwst_customfield_2, .rwst_customfield_3, .rwst_customfield_4, .rwst_customfield_5, .rwst_customfield_6, .rwst_customfield_7, .rwst_customfield_8, .rwst_customfield_9, .rwst_customfield_10{width:210px; height:40px; margin-bottom:14px; float:left; clear:right;} .rwst_customfield_1 input, .rwst_customfield_2 input, .rwst_customfield_3 input, .rwst_customfield_4 input, .rwst_customfield_5 input, .rwst_customfield_6 input, .rwst_customfield_7 input, .rwst_customfield_8 input, .rwst_customfield_9 input, .rwst_customfield_10 input{ width:205px;} .rwst_customfield_label_6{width:240px; clear:left;} .rwst_customfield_6{clear:right; width:100%; height:auto; } .rwst_customfield_6 label{width:50%; float:left;} .rwst_customfield_6 input{width:auto; margin-right:10px;} .rwst_message_label{width:100%; clear:both;} .rwst_message{margin-bottom:10px;} .rwst_message #rws_testimonial_message{width:95%;} .rwst_before_image{width:295px; height:75px; float:left;} .rwst_after_image{width:295px; height:75px; float:left; clear:right;} .rwst_captcha{width:100%; height:165px; float:left;} /* ENQUIRIES */ .gform_wrapper .gform_button {width:330px; height:54px;} /* FOOTER */ #footer .widget h3{padding:20px; border-top:1px solid #b4b4b4; background:url(../images/downarrow.png) no-repeat 310px; cursor:pointer;} #footermenu ul li{padding:0px 6px;} #footermenu ul li a{color:#b4b4b4; font-size:10px;} } /* Mobile Layout: 480px and below. */ @media only screen and (min-width: 480px) and (max-width: 599px), (min-device-width: 320px) and (max-device-height: 480px) and (orientation:landscape) and (-webkit-device-pixel-ratio: 1), (min-device-width: 320px) and (max-device-height: 534px) and (orientation:landscape) and (-webkit-device-pixel-ratio: 1.5), (min-device-width: 320px) and (max-device-height: 640px) and (orientation:landscape) and (-webkit-device-pixel-ratio: 2), (min-device-width: 320px) and (max-device-height: 640px) and (orientation:landscape) and (-webkit-device-pixel-ratio: 3) { body{min-width:480px; max-width:640px;} .w_960 {width: 100%;} .wrapper{margin-bottom:0px;} #slideshow{display:block; width:100%; height:175px;} #content{padding:0px 15px;} .left2cols{width:auto; padding:20px 0px; margin:0px;} .middle2cols{border-left:none; width:100%; max-width:100%; padding:20px 0px; margin:0px; } /* HEADER */ #header{height:auto;} #header ul.submenu_account { float: left; padding-left: 15px; width:auto; max-width: 185px;} ul.submenu_account li {font-size: 10px; margin-right: 5px; padding-right: 5px;} #header #search { width: 200px;} #header #search #searchBox { margin-left:10px;} #header #search #s { width: 80px; font-size: 10px; margin-right:10px;} #header ul.shopping_account { padding-right: 15px; width: 120px;} #header ul.submenu_account li#submenu_li_username, #header ul.submenu_account li#submenu_li_logout{display:none;} ul.submenu_account li{border:none;} #header ul.submenu_account li#submenu_li_account a, #header ul.submenu_account li#submenu_li_login a{color: transparent; line-height: 0; font-size: 0; background:url(../images/Joda-My-Account-Icon.png) top left no-repeat; background-size:100%; width:20px; height:20px; display:block; margin-right:5px;} #header #basket{color: transparent; line-height: 0; font-size: 0; width:20px; padding:0px 10px 0px 0px; display:inline-block; background-position:top;} #header #basket, #header .cartqty{float:left;} #header #cartitems{display:none;} #header #logo{width:160px !important; margin-top:10px; float:left; margin-left:15px;} #header #logo img{width:100%; height:auto;} #header #enquiry {position: relative;float:right; width:160px; top:38px; right:15px; text-align:right;} #header #enquiry a { background: url("../images/enquirymp.png") no-repeat scroll right center rgba(0, 0, 0, 0); font-size: 11px; padding-right: 16px;} #header #enquiry a:hover{background:url(../images/enquirymp-hover.png) no-repeat right;} h3.nav-trigger{display:block; margin:0px; padding-left:20px; margin-right:15px; color:#FFFFFF; background:url(../images/home-arrow.png) no-repeat right 8px;} #menubar { height: auto; padding-left: 0px;} #menubar ul{display:none; background:#014373} #menubar ul li{padding:0px; clear:both; float:none;min-height:29px; height:auto; text-align:left;} #menubar ul li a{ width:auto; padding:10px 20px;} #menubar ul li a:hover{background:#0083b5; color:#FFFFFF; } #menubar ul li ul.sub-menu {left: auto; top:auto; margin-left: 0px; position: relative; width: 100%; z-index: 100; box-shadow:none; display:none !important;} #menubar ul li:hover ul.sub-menu {display:block !important;} #menubar ul li ul.sub-menu li a{padding:10px 20px 10px 30px;} /* FEATURES */ #features{height:auto;} #features div.widget_black_studio_tinymce, #features div#black-studio-tinymce-2, #features div#black-studio-tinymce-5{width:100%; height:auto;} #features div.widget_black_studio_tinymce h3{height:35px; padding:10px 20px 10px 20px; font-size:18px;} #features div.widget_black_studio_tinymce .feature{margin:auto;} #features div#black-studio-tinymce-2 h3{background:url(../images/home-arrow.png) no-repeat 97% 15px #ff0909;} #features div#black-studio-tinymce-3 h3{background:url(../images/home-arrow.png) no-repeat 97% 15px #ff8c05;} #features div#black-studio-tinymce-4 h3{background:url(../images/home-arrow.png) no-repeat 97% 15px #f1d104;} #features div#black-studio-tinymce-5 h3{background:url(../images/home-arrow.png) no-repeat 97% 15px #15d501;} /***FEEDBACK FORM***/ .rwst_customfield_label_1, .rwst_customfield_label_2, .rwst_customfield_label_3, .rwst_customfield_label_4, .rwst_customfield_label_5, .rwst_customfield_label_6, .rwst_customfield_label_7, .rwst_customfield_label_8, .rwst_customfield_label_9, .rwst_customfield_label_10{width:105px; height:40px; margin-bottom:14px; float:left; font-size:12px;} .rwst_customfield_1, .rwst_customfield_2, .rwst_customfield_3, .rwst_customfield_4, .rwst_customfield_5, .rwst_customfield_6, .rwst_customfield_7, .rwst_customfield_8, .rwst_customfield_9, .rwst_customfield_10{width:350px; height:40px; margin-bottom:14px; float:left; clear:right;} .rwst_customfield_1 input, .rwst_customfield_2 input, .rwst_customfield_3 input, .rwst_customfield_4 input, .rwst_customfield_5 input, .rwst_customfield_6 input, .rwst_customfield_7 input, .rwst_customfield_8 input, .rwst_customfield_9 input, .rwst_customfield_10 input{ width:345px;} .rwst_customfield_label_6{width:240px; clear:left;} .rwst_customfield_6{clear:right; width:100%; height:auto; } .rwst_customfield_6 label{width:50%; float:left;} .rwst_customfield_6 input{width:auto; margin-right:10px;} .rwst_message_label{width:100%; clear:both;} .rwst_message{margin-bottom:10px;} .rwst_message #rws_testimonial_message{width:95%;} .rwst_before_image{width:295px; height:75px; float:left;} .rwst_after_image{width:295px; height:75px; float:left; clear:right;} .rwst_captcha{width:100%; height:165px; float:left;} /***ENQUIRY FORM***/ .gform_wrapper{max-width:100% !important;} .gform_wrapper h2.gsection_title, .gfield_label{font-weight:normal !important;} .gform_wrapper .gform_button{background:url(../images/enquirysubmit.png) no-repeat; background-size:100%; display:block; margin:auto; color:#FFFFFF; border:none; width:345px; height:56px; font-size:20px; font-weight:normal;margin-top:150px;} #field_1_31{top:-226px !important; left:auto !important; margin:auto !important; width:318px !important; position:relative;} .gform_wrapper .gsection {border-top: 1px dotted #CCCCCC; border-bottom:none !important; padding: 0 0 8px;} .gfield{width:100%;} /***GALLERY***/ .middle2cols #galleryblock{width:100%;} .middle2cols #galleryblock #gallery{width:100% !important; height:150px !important; } .middle2cols #descriptionBlock {width: 100% !important; padding: 0px; margin:0px;} /*GENERAL*/ #field_1_1, #field_1_2, #field_1_3, #field_1_4, #field_1_5, #field_1_6, #field_1_32, #field_1_33{float:left; width:100%; clear:none; margin-right:0px;} #field_1_1 .gfield_label, #field_1_2 .gfield_label, #field_1_3 .gfield_label, #field_1_4 .gfield_label, #field_1_5 .gfield_label, #field_1_6 .gfield_label, #field_1_32 .gfield_label, #field_1_33 .gfield_label{width:30%;} #field_1_1 input, #field_1_2 input, #field_1_3 input, #field_1_4 input, #field_1_5 input, #field_1_6 input, #field_1_32 input, #field_1_33 input{width:65%;} #field_1_7 .gfield_label{width:100%; margin-right:0px;} #field_1_7 select{width:99%;} /*SITE SURVEY*/ #field_1_10 .gfield_label, #field_1_11 .gfield_label{width:100%; margin:0px;} #field_1_10 select{width:99%;} #input_1_11{clear:both;} #input_1_11 li{float:left; width:50%;} #input_1_11 li label{font-weight:normal !important;} #input_1_11 li.gchoice_11_12{width:100%;} #field_1_12 .gfield_label{width:100%; margin:0px;} #field_1_12 textarea{width:99%;} /*CCTV*/ #field_1_22 .gfield_label, #field_1_23 .gfield_label, #field_1_24 .gfield_label, #field_1_25 .gfield_label, #field_1_26 .gfield_label, #field_1_27 .gfield_label{width:100%; margin:0px;} #field_1_22 select, #field_1_23 select, #field_1_24 select, #field_1_25 select, #field_1_26 select, #field_1_27 select{width:100%; margin:0px;} #field_1_28 .gfield_label{width:100%; margin:0px;} #field_1_28 textarea{width:99%;} /*INTERCOM*/ #field_1_15 .gfield_label, #field_1_16 .gfield_label, #field_1_17 .gfield_label, #field_1_18 .gfield_label{width:100%; margin:0px;} #field_1_15 select, #field_1_16 select, #field_1_17 select, #field_1_18 select {width:100%; margin:0px;} #field_1_19 .gfield_label{width:100%; margin:0px;} #field_1_19 textarea{width:99%;} /* SIDEBAR */ #sidebar-left{display:none;} /* FOOTER */ #footer .widget{float:left; width:100%; padding:0px !important; border-top:1px solid #b4b4b4;} #footer .widget .menu li{width:95%; min-width:260px;} #footer .widget h3{padding:20px; background:url(../images/downarrow.png) no-repeat right; cursor:pointer; margin-right:20px;} #footer #rws_testimonial_manager_widget-2 h3{display:block;} #footer #nav_menu-2 .menu-services-menu-container{padding:0px 20px;} #footer #advanced-recent-posts-2 ul{padding:0px 20px;} #footer .newsletters-subscribe-form .newsletters-widget-wrapper{padding:0px 20px;} #footer .newsletters-subscribe-form input.wpmltext{width:230px !important;} #footer .newsletters-subscribe-form input.ui-button, #footer .newsletters-subscribe-form a.ui-button{width:250px !important; margin-bottom:20px;} #footer #rws_testimonial_manager_widget-2 .rwstestwid{padding:0px 20px;} #footermenu{width:100%;} #footermenu ul li{padding:0px 8px;} #footermenu ul li a{color:#b4b4b4; font-size:14px;} #copyright{width:100%; padding-top:10px;} #copyright p{font-size:12px; margin:0px; padding:0px; text-align:right; margin:0px 20px;} #copyright p span{display:inline-block; clear:none;} #copyright p span.credit{float:right; width:55%; text-align:right;} #copyright p span.copy{float:left; width:45%; text-align:left;} } /* Samsung Galaxy (portrait and landscape) ----------- */ @media only screen and (min-width : 600px) and (max-width : 767px){ body{min-width:600px; max-width:767px;} .w_960 {width: 100%;} #slideshow{height:auto; width:100%; overflow:hidden;} .wrapper{margin-bottom:0px;} #slideshow{display:block; width:100%; height:218px;} #content{padding:0px 15px;} .left2cols{width:100%; padding:20px 0px; margin:0px;} .middle2cols{border-left:none; width:100%; padding:20px 0px; margin:0px; } /* HEADER */ #header{height:auto;} #header ul.submenu_account { float: left; padding-left: 15px; width:auto; max-width: 185px;} ul.submenu_account li {font-size: 10px; margin-right: 5px; padding-right: 5px;} #header #search { width: 280px;} #header #search #searchBox { margin-left:10px;} #header #search #s { width: 180px; font-size: 12px; margin-right:10px;} #header ul.shopping_account { padding-right: 15px; width: 240px;} #header ul.submenu_account li#submenu_li_username, #header ul.submenu_account li#submenu_li_logout, #header ul.submenu_account li#submenu_li_register{display:none;} ul.submenu_account li{border:none;} #header ul.submenu_account li#submenu_li_account a, #header ul.submenu_account li#submenu_li_login a{color: transparent; line-height: 0; font-size: 0; background:url(../images/Joda-My-Account-Icon.png) top left no-repeat; background-size:100%; width:20px; height:20px; display:block; margin-right:5px;} #header #logo{width:271px !important; margin-top:10px; float:left; margin-left:15px;} #header #logo img{width:100%; height:auto;} #header #enquiry {position:absolute; right:20px; top:107px;} #header #enquiry a {color:#f1d104; font-size:18px; background:url(../images/enquirysamtab.png) no-repeat right; padding-right:30px; text-align:right; } #header #enquiry a:hover{background:url(../images/enquirysamtab-hover.png) no-repeat right;} h3.nav-trigger{display:block; margin:0px; padding-left:20px; margin-right:15px; color:#FFFFFF; background:url(../images/home-arrow.png) no-repeat right 8px;} #menubar { height: auto; padding-left: 0px;} #menubar ul{display:none; background:#014373} #menubar ul li{padding:0px; clear:both; float:none;min-height:29px; height:auto; text-align:left;} #menubar ul li a{ width:auto; padding:10px 20px;} #menubar ul li a:hover{background:#0083b5; color:#FFFFFF; } #menubar ul li ul.sub-menu {left: auto; top:auto; margin-left: 0px; position: relative; width: 100%; z-index: 100; box-shadow:none; display:none !important;} #menubar ul li:hover ul.sub-menu {display:block !important;} #menubar ul li ul.sub-menu li a{padding:10px 20px 10px 30px;} /* FEATURES */ #features{height:auto;} #features div.widget_black_studio_tinymce, #features div#black-studio-tinymce-2, #features div#black-studio-tinymce-5{width:100%; height:auto;} #features div.widget_black_studio_tinymce h3{height:25px; padding:20px; font-size:22px;} #features div.widget_black_studio_tinymce .feature{margin:auto;} #features div#black-studio-tinymce-2 h3{background:url(../images/downarrow.png) no-repeat 97% 15px #ff0909;} #features div#black-studio-tinymce-3 h3{background:url(../images/downarrow.png) no-repeat 97% 15px #ff8c05;} #features div#black-studio-tinymce-4 h3{background:url(../images/downarrow.png) no-repeat 97% 15px #f1d104;} #features div#black-studio-tinymce-5 h3{background:url(../images/downarrow.png) no-repeat 97% 15px #15d501;} /***FEEDBACK FORM***/ .rwst_customfield_label_1, .rwst_customfield_label_2, .rwst_customfield_label_3, .rwst_customfield_label_4, .rwst_customfield_label_5, .rwst_customfield_label_6, .rwst_customfield_label_7, .rwst_customfield_label_8, .rwst_customfield_label_9, .rwst_customfield_label_10{width:105px; height:40px; margin-bottom:14px; float:left; font-size:12px;} .rwst_customfield_1, .rwst_customfield_2, .rwst_customfield_3, .rwst_customfield_4, .rwst_customfield_5, .rwst_customfield_6, .rwst_customfield_7, .rwst_customfield_8, .rwst_customfield_9, .rwst_customfield_10{width:470px; height:40px; margin-bottom:14px; float:left; clear:right;} .rwst_customfield_1 input, .rwst_customfield_2 input, .rwst_customfield_3 input, .rwst_customfield_4 input, .rwst_customfield_5 input, .rwst_customfield_6 input, .rwst_customfield_7 input, .rwst_customfield_8 input, .rwst_customfield_9 input, .rwst_customfield_10 input{ width:465px;} .rwst_customfield_label_6{width:240px;} .rwst_customfield_6{clear:right; width:330px; height:auto; } .rwst_customfield_6 label{width:50%; float:left;} .rwst_customfield_6 input{width:auto; margin-right:10px;} .rwst_message_label{width:100%; clear:both;} .rwst_message{margin-bottom:10px;} .rwst_message #rws_testimonial_message{width:565px;} .rwst_before_image{width:295px; height:75px; float:left;} .rwst_after_image{width:295px; height:75px; float:left; clear:right;} .rwst_captcha{width:100%; height:165px; float:left;} /***ENQUIRY FORM***/ .gform_wrapper{max-width:100% !important;} .gform_wrapper h2.gsection_title, .gfield_label{font-weight:normal !important;} .middle2cols.enquiryform{padding:20px 0px;} .middle2cols.enquiryform h1.title{padding-left:15px; padding-right:15px;} .gform_wrapper form li.gfield{padding-left:15px !important; padding-right:15px !important;} #field_1_7{margin-left:0px !important; margin-right:0px !important; padding-left:15px; padding-right:15px;} .gform_wrapper .gform_button{background:url(../images/enquirysubmit.png) no-repeat; background-size:100%; display:block; margin:auto; color:#FFFFFF; border:none; width:345px; height:56px; font-size:20px; font-weight:normal; margin-right:15px;margin-top:150px;} #field_1_31{top:-226px !important; float:right; width:318px; position:relative;} .gfield{width:98%;} /*GALLERY*/ .middle2cols #galleryblock {width:49%;} .middle2cols #galleryblock #gallery{width:100% !important; height:150px !important;} .middle2cols #descriptionBlock {width:49%; margin-left: 2%;} /*GENERAL*/ #field_1_1, #field_1_2, #field_1_3, #field_1_4, #field_1_5, #field_1_6, #field_1_32, #field_1_33{float:left; width:95%; clear:none;} #field_1_1 .gfield_label, #field_1_2 .gfield_label, #field_1_3 .gfield_label, #field_1_4 .gfield_label, #field_1_5 .gfield_label, #field_1_6 .gfield_label,#field_1_32 .gfield_label, #field_1_33 .gfield_label{width:30%;} #field_1_1 input, #field_1_2 input, #field_1_3 input, #field_1_4 input, #field_1_5 input, #field_1_6 input, #field_1_32 input, #field_1_33 input{width:65%;} #field_1_7 .gfield_label{width:95%; margin-right:0px;} #field_1_7 select{width:95%;} /*SITE SURVEY*/ #field_1_10 .gfield_label, #field_1_11 .gfield_label{width:95%; margin:0px;} #field_1_10 select{width:95%;} #input_1_11{clear:both;} #input_1_11 li{float:left; width:50%;} #input_1_11 li label{font-weight:normal !important;} #input_1_11 li.gchoice_11_12{width:95%;} #field_1_12 .gfield_label{width:95%; margin:0px;} #field_1_12 textarea{width:95%;} /*CCTV*/ #field_1_22 .gfield_label, #field_1_23 .gfield_label, #field_1_24 .gfield_label, #field_1_25 .gfield_label, #field_1_26 .gfield_label, #field_1_27 .gfield_label{width:95%; margin:0px;} #field_1_22 select, #field_1_23 select, #field_1_24 select, #field_1_25 select, #field_1_26 select, #field_1_27 select{width:95%; margin:0px;} #field_1_28 .gfield_label{width:95%; margin:0px;} #field_1_28 textarea{width:95%;} /*INTERCOM*/ #field_1_15 .gfield_label, #field_1_16 .gfield_label, #field_1_17 .gfield_label, #field_1_18 .gfield_label{width:95%; margin:0px;} #field_1_15 select, #field_1_16 select, #field_1_17 select, #field_1_18 select{width:95%; margin:0px;} #field_1_19 .gfield_label{width:95%; margin:0px;} #field_1_19 textarea{width:95%;} /* SIDEBAR */ #sidebar-left{display:none;} /* FOOTER */ #footer .widget{float:left; width:100%; padding:0px !important; border-top:1px solid #b4b4b4;} #footer .widget .menu li{width:95%; min-width:260px;} #footer .widget h3{padding:20px; background:url(../images/downarrow.png) no-repeat right; cursor:pointer; margin-right:20px;} #footer #rws_testimonial_manager_widget-2 h3{display:block;} #footer #nav_menu-2 .menu-services-menu-container{padding:0px 20px;} #footer #advanced-recent-posts-2 ul{padding:0px 20px;} #footer .newsletters-subscribe-form .newsletters-widget-wrapper{padding:0px 20px;} #footer .newsletters-subscribe-form input.wpmltext{width:230px !important;} #footer .newsletters-subscribe-form input.ui-button, #footer .newsletters-subscribe-form a.ui-button{width:250px !important; margin-bottom:20px;} #footer #rws_testimonial_manager_widget-2 .rwstestwid{padding:0px 20px;} #footermenu{width:100%;} #footermenu ul li{padding:0px 10px;} #footermenu ul li a{color:#b4b4b4; font-size:18px;} #copyright{width:100%; padding-top:10px;} #copyright p{font-size:12px; margin:0px; padding:0px; text-align:right; margin:0px 20px;} #copyright p span{display:inline-block; clear:none;} #copyright p span.credit{float:right; width:55%; text-align:right;} #copyright p span.copy{float:left; width:45%; text-align:left;} } /* Tablet Layout Portrait ----------- */ @media only screen and (min-width : 768px) and (max-width : 959px), (min-device-width: 768px) and (max-device-height: 1024px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 1), (min-device-width: 768px) and (max-device-height: 1024px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 2){ body{min-width:768px; max-width:959px;} .w_960 {width: 760px} .left2cols { margin: 0; padding: 20px 10px 0 10px; width: 169px;} .middle2cols { min-height: 460px; padding: 10px; width: 550px;} /*MENU*/ #menubar{padding-left:20px;} #menubar li{height:29px; padding:10px 0px 0px 44px;} #menubar li a{font-size:16px; font-weight:normal; min-width:50px !important;} /*SLIDESHOW*/ #slideshow{height: 276px; width: 760px; position:relative;} #slideshow img{height: 276px !important; width: 760px !important;} /*FEATURES*/ #features div.widget_black_studio_tinymce{width:190px; height:375px;} #features div#black-studio-tinymce-2{width:190px; } #features div#black-studio-tinymce-5{width:190px;} #features div.widget_black_studio_tinymce h3{height:65px; font-size:18px; padding:5px 40px 0px 10px; letter-spacing:0px;} #features div#black-studio-tinymce-2 h3{background:url(../images/home-arrow.png) no-repeat 155px 40px #ff0909;} #features div#black-studio-tinymce-3 h3{background:url(../images/home-arrow.png) no-repeat 155px 40px #ff8c05;} #features div#black-studio-tinymce-4 h3{background:url(../images/home-arrow.png) no-repeat 155px 40px #f1d104;} #features div#black-studio-tinymce-5 h3{background:url(../images/home-arrow.png) no-repeat 155px 40px #15d501;} #features div.widget_black_studio_tinymce .textwidget{padding:10px 10px 1px 10px; min-height:295px;} .feature{width: 170px; height: 127px; } .view { width: 170px; height: 117px; } .view .mask, .view .content { width: 170px; height: 117px;} .view .mask{background-size:100%;} .view img{width:100%; height:auto;} .view h4 {font-size: 16px; padding:10px 10px;} /***FEEDBACK FORM***/ .rwst_customfield_label_1, .rwst_customfield_label_2, .rwst_customfield_label_3, .rwst_customfield_label_4, .rwst_customfield_label_5, .rwst_customfield_label_6, .rwst_customfield_label_7, .rwst_customfield_label_8, .rwst_customfield_label_9, .rwst_customfield_label_10{width:95px; height:40px; margin-bottom:14px; float:left; font-size:12px;} .rwst_customfield_1, .rwst_customfield_2, .rwst_customfield_3, .rwst_customfield_4, .rwst_customfield_5, .rwst_customfield_6, .rwst_customfield_7, .rwst_customfield_8, .rwst_customfield_9, .rwst_customfield_10{width:180px; height:40px; margin-bottom:14px; float:left;} .rwst_customfield_1 input, .rwst_customfield_2 input, .rwst_customfield_3 input, .rwst_customfield_4 input, .rwst_customfield_5 input, .rwst_customfield_6 input, .rwst_customfield_7 input, .rwst_customfield_8 input, .rwst_customfield_9 input, .rwst_customfield_10 input{ width:155px;} .rwst_customfield_label_6{width:240px; clear:left;} .rwst_customfield_6{clear:right; width:300px; height:auto; } .rwst_customfield_6 label{width:50%; float:left;} .rwst_customfield_6 input{width:auto; margin-right:10px;} .rwst_message_label{width:100%; clear:both;} .rwst_message{margin-bottom:10px;} .rwst_message #rws_testimonial_message{width:530px;} .rwst_before_image{width:265px; height:75px; float:left;} .rwst_after_image{width:265px; height:75px; float:left; clear:right;} .rwst_captcha{width:100%; height:165px; float:left;} /***ENQUIRY FORM***/ .gform_wrapper{max-width:100% !important;} .gform_wrapper h2.gsection_title, .gfield_label{font-weight:normal !important; font-size:12px;} .middle2cols.enquiryform{padding:10px 0px; width: 570px;} .middle2cols.enquiryform h1.title{padding-left:10px; padding-right:10px;} .gform_wrapper form li.gfield{margin-left:10px !important;} #field_1_7{margin-left:0px !important; padding-left:10px;} #field_1_2, #field_1_4, #field_1_6 {margin-left:0px !important;} .gform_wrapper .gform_button{background:url(../images/enquirysubmit.png) no-repeat; display:block; float:right; color:#FFFFFF; border:none; width:345px; height:56px; font-size:20px; font-weight:normal; margin-right:10px; margin-top:150px;} #field_1_31{top:-226px !important; float:right; width:318px; position:relative; margin-right:10px;} /*GENERAL*/ #field_1_1, #field_1_2, #field_1_3, #field_1_4, #field_1_5, #field_1_6, #field_1_33{float:left; width:270px; clear:none;} #field_1_32{float:left; width:auto; clear:none;} #field_1_32 input{width:155px;} #field_1_32 .ginput_container{width:175px; float:left;} #field_1_32 .gfield_description{float:left; width:265px; padding:0px; margin:0px; clear:none;} #field_1_1, #field_1_3, #field_1_5, #field_1_8, #field_1_33{margin-right:10px;} #field_1_1 .gfield_label, #field_1_2 .gfield_label, #field_1_3 .gfield_label, #field_1_4 .gfield_label, #field_1_5 .gfield_label, #field_1_6 .gfield_label, #field_1_32 .gfield_label, #field_1_33 .gfield_label{width:90px;} #field_1_1 input, #field_1_2 input, #field_1_3 input, #field_1_4 input, #field_1_5 input, #field_1_6 input, #field_1_33 input{width:155px;} #field_1_7 .gfield_label{width:260px;} #field_1_7 select{width:270px;} /*SITE SURVEY*/ #field_1_11{margin-right:10px !important;} #field_1_10 .gfield_label, #field_1_11 .gfield_label{width:290px;} #field_1_10 select{width:240px;} #input_1_11 li{float:left; width:50%;} #input_1_11 li label{font-weight:normal !important; font-size:9px; margin-left:5px !important; } #input_1_11 li.gchoice_11_12{width:100%;} #field_1_12 .gfield_label{width:100%; margin:0px;} #field_1_12 textarea{width:543px;} /*CCTV*/ #field_1_22 .gfield_label, #field_1_23 .gfield_label, #field_1_24 .gfield_label, #field_1_25 .gfield_label, #field_1_26 .gfield_label, #field_1_27 .gfield_label{width:340px;} #field_1_28 .gfield_label{width:100%; margin:0px;} #field_1_28 textarea{width:543px;} /*INTERCOM*/ #field_1_15 .gfield_label, #field_1_16 .gfield_label, #field_1_17 .gfield_label, #field_1_18 .gfield_label{width:340px;} #field_1_19 .gfield_label{width:100%; margin:0px;} #field_1_19 textarea{width:543px;} /*SIDEBAR*/ #taxonomy-2 ul li a, #taxonomy-3 ul li a, #taxonomy-4 ul li a{width: 140px;} #ppt-categories-2 ul li a{width: 140px;} /*FOOTER*/ #footer .widget {padding: 10px !important; width: 170px;} #footer .widget h3{padding:10px 0px 20px;} #footer .widget .menu li {min-width:150px;} #footer .advanced_recent_posts_widget .post-entry p.arpw-readmore a {min-width:140px;} #footer .newsletters-subscribe-form input.wpmltext{width:150px !important;} #footer .newsletters-subscribe-form input.ui-button, #footer .newsletters-subscribe-form a.ui-button{width:170px;} #footer .rwstm-widget-quote{background:url(../images/quote-tab.png) no-repeat; padding-left:40px; padding-top:19px; font-size:14px; font-style:italic;} #footer .rwstm-widget-description a {min-width:140px;} #footermenu {width: 68%;} #footermenu ul li:first-child {padding-left:10px;} #footermenu ul li a {font-size:15px;} #footerbottom {height: 65px; padding-top: 20px;} #copyright{width:32%;} #copyright p{margin:0px 10px 0px 0px;} } /* Tablet Layout Landscape ----------- */ @media (min-device-width: 768px) and (max-device-height: 1024px) and (orientation:landscape) and (-webkit-device-pixel-ratio: 1), (min-device-width: 768px) and (max-device-height: 1024px) and (orientation:landscape) and (-webkit-device-pixel-ratio: 2){ body{width:1024px;} .w_960 {width: 960px} /*SLIDESHOW*/ #slideshow{height:349px; width:960px;} #slideshow img{height:349px !important; width:960px !important;} } /* Desktop Layout: 960px to a max of 1232px. Inherits styles from: Mobile Layout and Tablet Layout. */ @media only screen and (min-width: 960px){ body{min-width:960px;} .w_960 {width: 960px} /***TESTIMONIALS***/ .rws_testimonial_full .full_before, .rws_testimonial_full .full_after{width:30%; margin:0px 5%; padding:20px; float:left;} /***FEEDBACK FORM***/ .rwst_customfield_label_1, .rwst_customfield_label_2, .rwst_customfield_label_3, .rwst_customfield_label_4, .rwst_customfield_label_5, .rwst_customfield_label_6, .rwst_customfield_label_7, .rwst_customfield_label_8, .rwst_customfield_label_9, .rwst_customfield_label_10{width:105px; height:40px; margin-bottom:14px; float:left; } .rwst_customfield_1, .rwst_customfield_2, .rwst_customfield_3, .rwst_customfield_4, .rwst_customfield_5, .rwst_customfield_6, .rwst_customfield_7, .rwst_customfield_8, .rwst_customfield_9, .rwst_customfield_10{width:230px; height:40px; margin-bottom:14px; float:left;} .rwst_customfield_1 input, .rwst_customfield_2 input, .rwst_customfield_3 input, .rwst_customfield_4 input, .rwst_customfield_5 input, .rwst_customfield_6 input, .rwst_customfield_7 input, .rwst_customfield_8 input, .rwst_customfield_9 input, .rwst_customfield_10 input{ width:200px;} .rwst_customfield_label_6{width:300px; clear:left;} .rwst_customfield_6{clear:right; width:360px; height:auto; } .rwst_customfield_6 label{width:50%; float:left;} .rwst_customfield_6 input{width:auto; margin-right:10px;} .rwst_message_label{width:100%; clear:both;} .rwst_message{margin-bottom:10px;} .rwst_message #rws_testimonial_message{width:640px;} .rwst_before_image{width:335px; height:75px; float:left;} .rwst_after_image{width:335px; height:75px; float:left; clear:right;} .rwst_captcha{width:100%; height:165px; float:left;} /***ENQUIRY FORM***/ .middle2cols.enquiryform{padding:20px 0px; width: 719px;} .middle2cols.enquiryform h1.title{padding-left:20px; padding-right:20px;} .gform_wrapper form li.gfield{margin-left:20px !important;} #field_1_7{margin-left:0px !important; padding-left:20px;} #field_1_2, #field_1_4, #field_1_6 {margin-left:0px !important;} .gform_wrapper{max-width:100% !important;} .gform_wrapper h2.gsection_title, .gfield_label{font-weight:normal !important;} .gform_wrapper .gform_button{background:url(../images/enquirysubmit.png) no-repeat; display:block; float:right; color:#FFFFFF; border:none; width:345px; height:56px; font-size:20px; font-weight:normal; margin-right:20px; margin-top:150px;} #field_1_31{top:-226px !important; float:right; width:318px; position:relative; margin-right:20px;} /*GENERAL*/ #field_1_1, #field_1_2, #field_1_3, #field_1_4, #field_1_5, #field_1_6, #field_1_33{float:left; width:330px; clear:none;} #field_1_32{float:left; width:auto; clear:none;} #field_1_32 input{width:200px;} #field_1_32 .ginput_container{width:225px; float:left;} #field_1_32 .gfield_description{float:left; width:330px; padding:0px; margin:0px; clear:none;} #field_1_1, #field_1_3, #field_1_5, #field_1_33{margin-right:15px;} #field_1_1 .gfield_label, #field_1_2 .gfield_label, #field_1_3 .gfield_label, #field_1_4 .gfield_label, #field_1_5 .gfield_label, #field_1_6 .gfield_label, #field_1_32 .gfield_label, #field_1_33 .gfield_label{width:105px;} #field_1_1 input, #field_1_2 input, #field_1_3 input, #field_1_4 input, #field_1_5 input, #field_1_6 input, #field_1_33 input{width:200px;} #field_1_7 .gfield_label{width:360px;} #field_1_7 select{width:295px;} /*SITE SURVEY*/ #field_1_11{margin-right:20px !important;} #field_1_10 .gfield_label, #field_1_11 .gfield_label{width:360px;} #field_1_10 select{width:295px;} #input_1_11 li{float:left; width:50%;} #input_1_11 li label{font-weight:normal !important;} #input_1_11 li.gchoice_11_12{width:100%;} #field_1_12 .gfield_label{width:100%; margin:0px;} #field_1_12 textarea{width:669px;} /*CCTV*/ #field_1_22 .gfield_label, #field_1_23 .gfield_label, #field_1_24 .gfield_label, #field_1_25 .gfield_label, #field_1_26 .gfield_label, #field_1_27 .gfield_label{width:420px;} #field_1_28 .gfield_label{width:100%; margin:0px;} #field_1_28 textarea{width:669px;} /*INTERCOM*/ #field_1_15 .gfield_label, #field_1_16 .gfield_label, #field_1_17 .gfield_label, #field_1_18 .gfield_label{width:420px;} #field_1_19 .gfield_label{width:100%; margin:0px;} #field_1_19 textarea{width:669px;} }