/* CSS for e-Catalog */ /* General Setting */ .note { color:red; margin-bottom:1em;} a{ outline:none !important;} * {margin: 0;padding: 0;} .pdf {font-weight:normal;} .pdf a{ text-decoration:none;} .pdf img{ vertical-align:middle; margin-right:5px;}@font-face{ font-family: 'simplifia'; src: url(fonts/SIMPLIFICA.ttf), url(fonts/SIMPLIFICA.eot), url(fonts/SIMPLIFICA.woff);font-display:swap;} .sic-company-name{ font-family:'simplifia'; font-size:18px; color:#9AB959;} .sic-company-name-i{ font-family:'simplifia'; font-size:18px; color: #A7A9AC;} @font-face{ font-family: 'Arial Black'; src: url(fonts/ariblk.ttf), url(fonts/ariblk.eot), url(fonts/ariblk.woff);font-display:swap;} h1, h2, h3 {color: #333;} p, blockquote, ul, ol { margin-bottom: 20px; line-height: 2em;} img {border: 0; max-width:100%;} ul, ol, li { margin: 0px; padding: 0px; } a {color: #EF8116;} #wrapper {position:relative;} #language { font-family:Arial, san-serif; letter-spacing:0.2em; font-size:0.9em; text-align:right; display:inline;} #language img { height:13px; width:auto; vertical-align:middle;} .login { margin-left:1em; margin-top:3em; text-align:right; display:inline;} .login form { margin:0 ; padding:0; display:inline;} .login input { font-size:0.9em; width:170px !important; max-width:calc(100% - 60px); display: inline !important; margin-bottom:0 !important; line-height:normal; padding:5px 10px !important; background:#f5f5f5; } .login .btn.btn-primary { margin-left:-5px; padding:5px 15px 4px 15px; border-radius:0 ; vertical-align:top; background:#222; color:#FFF; font-size:0.8em; text-transform:uppercase; letter-spacing:0.1em; } .login .btn.btn-primary:hover{ background:#FF743F; border-color:#FF743F;} /* Search */ #sidebar #search { margin-bottom:0; padding-bottom:0; } #search fieldset { margin: 0; padding: 0; border: none; } #search input { } #search-text { width: calc(100% - 52px); margin-top: 6px; margin-bottom: 1em; display: inline-block; padding: 3px 10px; height: 2.6em; border: 1px solid #ccc; background: #fff; color: #000000;} #search-submit {margin-left: 5px;border: none; background:transparent; color: #FFFFFF;} #search-submit:focus{ outline:none;} /*#content.home-content{width:100%; float:none; padding-left:0;} #content.home-content ul#nav { display:none !important; } #content.home-content #search{ padding-left:0;} #content.home-content .list2 { padding-left:0;} #content.home-content .list2 input[type=checkbox]{ display:none;} #content.home-content .list2 > li { list-style:none; color: #000; text-transform: uppercase; font-size:1.6em;} #content.home-content .list2 > li a { color:#000; } #content.home-content .list2 > li li { font-size:1.1rem; text-transform:none; font-weight:normal; list-style:none; padding-left:0; } #content.home-content .list2 > li li.has-children { border-bottom:1px solid #ddd; padding-bottom:1em; margin-bottom:1em;} #content.home-content .list2 ul { padding-left:0; margin-bottom:0;} #content.home-content .list2 ul li a{ color:#13aff0;} #content.home-content .list2 ul ul li a{ color:#999;} #content.home-content .list2 > li li li { list-style:outside; margin-left:1em;} #content.home-content .list2 > li li li label{ margin-bottom:0; } #content.home-content .cd-accordion-menu{ max-width:100%; padding-left:0; margin-left:0; margin-top:0;} #content.home-content .cd-accordion-menu label::before { right:0;} #content.home-content .cd-accordion-menu li{ list-style:none; padding-left:0;} #content.home-content .cd-accordion-menu li label{ padding-left:0;} #content.home-content .cd-accordion-menu > li { } #content.home-content .cd-accordion-menu > li a{ color:#000; font-weight:normal; font-size:1.2em; background:#eaeaea; padding:0.5em 1em;} #content.home-content .cd-accordion-menu li.has-children > label::before{ z-index:1;} #content.home-content .cd-accordion-menu ul { margin-left:1em; padding-left:0;} #content.home-content .cd-accordion-menu ul li a{ background:none; padding:0; font-size:1.1rem; text-transform:none; color:#13aff0 !important; } #content.home-content .cd-accordion-menu ul label{ padding-left:0;} #content.home-content .cd-accordion-menu ul ul { display:block !important;} #content.home-content .cd-accordion-menu ul li.has-children > label::before{ background:none;} #content.home-content .cd-accordion-menu ul ul li{ list-style:outside; margin-left:1.5em;} #content.home-content .cd-accordion-menu ul ul li a{ color:#666 !important; font-size:1em;} #content.home-content .cd-accordion-menu ul ul li label{ margin-bottom: 0;} #content.home-content .cd-accordion-menu ul ul ul{ margin-bottom:0;}*/ #passwordlogin { float:right; display: inline-block;} #passwordlogin form { margin-bottom:0;} #passwordlogin input{ border:1px solid #ddd; max-width: calc(100% - 100px); display: inline; font-size: 16px;} #passwordlogin button {padding:0.5em 1em; background: #000; color:#fff;} /* Page */ #page-bgtop {padding: 0;} /* Content */ #content {float: left; width: 70%; max-width:100%; padding-left:0em; padding-top: 30px; } #content .title {margin: 0px; margin-bottom: 20px; text-align: left; font-size:1.8em;} #content .title a {padding: 3px 0; text-decoration: none; font-weight: normal; -webkit-box-decoration-break:clone;} #content .sub-title a {padding: 3px 30px; background: #606060; text-decoration: none; font-weight: normal; color: #FFFFFF;} #content .entry-icon { vertical-align: top; text-align: center; min-height:320px; } #content .entry-icon.with-btn{ padding-bottom:1.5em; padding-top:1em;} #content .entry-icon.with-btn h3 { font-size:0.85em; padding:10px 1em 0 1em;} #content .entry-icon h3 { width: 100%; margin: 0 auto 0.5em auto; padding: 15px 8px; min-height:3.2em; font-weight: normal; line-height: 1.2em; font-size: 1.0em;} #content .entry-icon a{ text-decoration:none;} #content .entry-icon .brief { display:none; color:#333; padding:0em 1em 1.5em 1em; line-height:1.3em; min-height:5.3em; text-align:left;} #content .entry-icon .button{ border:none; display:inline-block; max-width:49%; text-align:left; border-radius:0; letter-spacing:2px; height:auto; line-height:1.5em; padding:0.5em 0.8em; text-transform: uppercase; font-size:0.65em;} #content .entry-icon .button:hover { background:#FF743F; color:#FFF !important; } #content .entry-icon .button.pdetails { background:url(images/view-icon.png) 6px center no-repeat #e4e4e4; padding-left:32px;} #content .entry-icon .button.pdetails:hover{background:url(images/view-icon-hover.png) 6px center no-repeat #cc9f0c; border-color:#cc9f0c;} #content .entry-icon .button.penquiry { background:url(images/add-enquiry-icon.png) 6px center no-repeat #e4e4e4; padding-left:32px;} #content .entry-icon .button.penquiry:hover{background:url(images/add-enquiry-icon-hover.png) 6px center no-repeat #cc9f0c; border-color:#cc9f0c;} #content .entry-icon .button span{ display:block;} #content .entry-icon figure.snip1425 { min-height:163px;} #content .entry-icon figure.snip1425 img { max-height:163px; width:auto; max-width:100%; height:auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} #content .meta {text-align: center; padding-top: 20px; /*border-bottom: 1px solid #E5E5E5;*/ margin-bottom: 20px; font-weight: bold; color: #202020;} #content .byline { float: right; margin-top: -30px; font-size: 12px; color: #5E5E5E;} #content .pageselect {text-align: right;padding-top: 20px;border-bottom: 1px solid #E5E5E5;font-weight: bold; color: #202020;} #content .categorynavigation { font-size:12px; margin-top: -10px; line-height:1.2em; } #content .categorynavigation a {font-size:12px; text-decoration: none; color:#987e31; } #productinfo { margin-bottom: 20px;} ul#productinfo {list-style-type: none;} #productinfo li {list-style-type: none;} #content .container {display: inline-block; width: 100%;margin-bottom: 40px;text-align:left;} img.product , img.category {padding: 0; border: none; max-width:100%; height:auto;} /* Sidebar */ #sidebar {float: left;width: 30%;max-width:100%; padding-right:3em;padding-top: 30px;} #sidebar ul {margin: 0px; padding: 0px 0px 40px 0px; list-style-type: none;} #sidebar ul li{ padding-left:0;} #sidebar .product {margin: 0;padding: 6px 0;border-bottom: dashed 1px #CCCCCC;} #sidebar .category-title { text-transform:uppercase; margin-top:1em;} #sidebar .category {border: 0;margin: 0px;padding: 6px 0;border-bottom: dashed 1px #CCCCCC;color: #454E55;font-size: 120%;} #sidebar h2{ font-size:1.4em;} #sidebar h3 {font-size: 77%;color: #454E55;} #sidebar p {margin: 0;line-height: normal;color: #D4C792;} #sidebar a {border: none;text-decoration: none;color: #333; } #sidebar a:hover { color:#FF743F;} #sidebar fieldset{ border:0 !important;} #content .tell.title{ font-size:1.1rem; float:left; background:#565656; color:#FFF; display:inline-block; margin-right:1em !important; padding:0.3em 1.5em; } #content .tell.title a{ background:none !important; padding:0 !important; color:#FFF !important; font-weight:normal !important;} #content .tell.title:hover{ background:#987e31;} .main-image {background: #FFF; border: 1px solid #ccc; float: left; display: inline-block; margin-right: 30px; width: 70%; height: 392px; margin-bottom: 1em;} .main-image img{ max-width: 100%;width: auto; max-height: 390px; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%);} .gallery-thumbnail{ display: flex; justify-content: flex-start; align-content: flex-start; flex-direction: column; max-height: 400px; flex-wrap: wrap; max-width:100% !important;} .gallery-icon{width: calc(70% - 30px); height: 74px; border: 1px solid #ddd !important; margin: 0 10px 1em 10px; background: #FFF; float:left;} .gallery-icon:hover { border:1px solid #13aff0 !important;} .pthumbnail { max-height: 70px; max-width: 100% ; width: auto; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); display:block;} .category-hide{ display:none;} table{margin:0 0 2em;width:auto; border-style:solid;} /* Table_0 */.table_0 {text-align:center; } .table_0 tr th { padding:10px 20px; vertical-align:middle;} .table_0 tr td{ padding:10px 20px; } /* Table_1 */.table_1 { border-collapse: inherit; text-align:center; border:1px solid #999; } .table_1 tr th { padding:10px 20px; vertical-align:middle;} .table_1 tr td{ padding:10px 20px; background:#FFF; } /* Table_2 */.table_2 { border-collapse: inherit; text-align:center; border:solid 1px #999; } .table_2 tr th { padding:10px 20px; vertical-align:middle;} .table_2 tr:first-child{ border-collapse: collapse; background:#666 !important; color:#FFF; vertical-align:middle; text-align:center; border:none; } .table_2 tr:nth-child(even){ background: #FFF;} .table_2 tr:nth-child(odd){ background: #eeeeee;} .table_2 tr td{ padding:10px 20px; } /* Table_3 */.table_3 { border-collapse: inherit; text-align:center; border:solid 1px #999; } .table_3 tr th { padding:10px 20px; vertical-align:middle;} .table_3 tr:nth-child(even){ background: #FFF;} .table_3 tr:nth-child(odd){ background: #eeeeee;} .table_3 tr td{ padding:10px 20px; } /* Table_4 */.table_4 { border-collapse: collapse; text-align:center; border:solid 1px #999; } .table_4 tr th { padding:10px 20px; vertical-align:middle;} .table_4 tr td{ padding:10px 20px; border:solid 1px #999; } /* Table_5 */.table_5 { border-collapse: collapse; text-align:center; } .table_5 tr th { padding:10px 20px; vertical-align:middle;} .table_5 tr:first-child{ border-collapse: collapse; background:#666 !important; color:#FFF; vertical-align:middle; text-align:center; border:none; } .table_5 tr:nth-child(even){ background: #FFF;} .table_5 tr:nth-child(odd){ background: #eeeeee;} .table_5 tr td{ padding:10px 20px; } /* Table_6 */.table_6 { border-collapse: collapse; text-align:center; border:solid 1px #999; } .table_6 tr th { padding:10px 20px; vertical-align:middle;} .table_6 tr:first-child{ border-collapse: collapse; background:#666 !important; color:#FFF; vertical-align:middle; text-align:center; border:none; } .table_6 tr:nth-child(even){ background: #FFF;} .table_6 tr:nth-child(odd){ background: #eeeeee;} .table_6 tr td{ padding:10px 20px; border:solid 1px #999; } /* Table_color */.table_color { border-collapse: collapse; text-align:center; border:solid 1px #999; } .table_color tr th { padding:10px 20px; vertical-align:middle;} .table_color tr:first-child{ border-collapse: collapse; background:#97be10 !important; color:#FFF; vertical-align:middle; text-align:center; border:none; } .table_color tr:nth-child(even){ background: #FFF;} .table_color tr:nth-child(odd){ background: #eeeeee;} .table_color tr td{ padding:10px 20px; border:solid 1px #999; } /* Table */#table { width: 100%; margin: 0px auto; border-collapse: collapse; border: 0px solid #356aa0; }#table .rowa { background:none; height: 20px;}#table .rowb { background:none; height: 20px;}#table .cell { padding: 0px; border: 0px solid #356aa0;} .wsmegamenu .row { margin:0 0 -1px -1.0em;} .wsmegamenu .row >*{ padding:0 0 0 1.0em;} .wsmegamenu .\32 u, .wsmegamenu .\32 u\24{ width:20%;} .table_0 ul{ margin-bottom:1em; padding-left:0; margin-left:0;} .table_0 ul li{ list-style: none; background:url(images/bullet-bg.png) left 2px no-repeat; padding-left:30px; } #producttab ul { margin-bottom:1em; padding-left:0;} #producttab ul li{list-style: none; background:url(images/bullet-bg.png) left 2px no-repeat; padding-left:30px; padding-bottom:1em;} #producttab hr{ margin:2em 0;} /* Pagination */ .pagination, .latest-product {list-style-type: none;margin: 20px 0;padding-left:0;} .pagination li, .latest-product li {display: inline-block; } .pagination #thispage {background: #DEDEDE;color: #FFFFFF;} .pagination li a , .latest-product li a{text-decoration: none;padding: 0.5em 1.5em;margin: 1px;border: 1px #CCCCCC solid;color: #000000;} .pagination li a:hover , .latest-product li a:hover{background-color: #13aff0;color: #FFFFFF !important;} /* Product Enquiry */ #productenquiry table {margin: 0 auto;} #productenquiry table { background-color: #F9FBFD; color: #000000; border: 1px solid #D7E5F2; border-collapse: collapse; } #productenquiry td {border: 1px solid #D7E5F2; padding: 12px; } #productenquiry .text { font-size:0.9em;width: 100%;background-color: #D7E5F2;color: #102132; border: 1px solid #9dafd6; margin-right: 0px; font-family: inherit;padding:0.5em 1em;} #productenquiry .submit {text-align: center; width: 300px; font-size: 1.2em;} #productenquiry .textarea { width:100%; height: 200px; background-color: #D7E5F2; color: #102132; border: 1px solid #9dafd6;font-family: inherit; padding:0.5em 1em;} #productenquiry .labelcell { background-color: transparent; vertical-align:top; clear:both; width:200px;} #productenquiry .fieldcell {background:none; color: #000000; text-align: right; margin-bottom:6px; width:calc(100% - 200px);} #productenquiry .submitcell { float:right; width:calc(100% - 200px); clear:both; margin-top:1em; } #productenquiry #captcha { border:1px solid #ccc; max-width:200px; float:left; margin-right:30px;} #productenquiry .submitcell input{ max-width:calc(100% - 230px); background:#eaeaea; border:1px solid #ccc; float:left; margin-bottom:0.5em; } #productenquiry .submitcell a{ font-size:0.9em;} #productenquiry .submitcell input.submit { margin-top:1em; padding:0.5em 2em; width:auto; height:auto; line-height:1em; background:#735f22; color:#FFF !important; border:none; border-radius:0;} #productenquiry .submitcell input.submit:hover { background:#13aff0;} /* My List Sidebar */ #mylist {margin-top: 0; padding: 0; margin-bottom: 20px; border-collapse: collapse; border-spacing: 0;width:100%;} #mylist a{ color:inherit;} #mylist .item {width: 160px; line-height:1.1em; font-size:0.9em;} #mylist .enquiry {padding-top: 10px;} #mylist .enquiry a {padding: 5px 15px;background:#13aff0 ;color: #FFFFFF;display: inherit;position: relative;} #mylist .enquiry a:hover { background:#735f22; color:#FFF !important;} #mylist tr {border: 1px solid #D7E5F2; background: #F9FBFD;} #mylist tr tr{ border:none;} #mylist tr.enquiry-bg{ background:none; border:0;} #mylist td{ padding:0; vertical-align:middle; line-height:1.2em; } #mylist .delete { width:20px;} #browse{ margin-bottom:2em; } #browse #cssmenu { padding:1em;} #mylist table { margin-bottom:0;} /* Only Phones and Tablets (Portrait) */ #content1 { overflow-x: auto;} #sidebar #nav {display: none} /*xxlarge*/ @media screen and (min-width: 1900px){.container { max-width:1140px;} #topbar #logo { font-size:21px !important;} #header nav { font-size:0.8em !important;} #search-text { font-size:1rem;} #companyquicklink { font-size:0.9em; padding:1.5em 0;} #footer { padding:1.5em 0 1em 0;} #footer .copyright { font-size:0.6em;} #footer .footer-contact .contact-details { line-height:2em;} #producttab { font-size:0.9em;} #content .tell.title { font-size:1.0rem;} #content .entry-icon .button { font-size:0.55em;} #content .entry-icon.with-btn h3 { font-size:0.8em; min-height:4em;} #mylist .item, #mylist .enquiry, #productenquiry .labelcell, #productenquiry .fieldcell , #content .desktop-only .entry-icon h3{ font-size:0.8em !important;} } /*large*/ @media screen and (max-width: 1080px) { .gallery-thumbnail {flex-direction:row; max-height:100%; max-width:616px; margin:0 auto;} .gallery-icon{ margin:0 8px 1em 8px; width:calc(20% - 16px);} .main-image { width:100%; max-width:600px; margin: 0 auto 2em auto; float:none; display:block;} } @media (max-width: 959px) { #header, #sidebar , #content { max-width: 100%; } #cssmenu, .cd-accordion-menu {display: none} #browse #cssmenu{ display:block;} #productenquiry .labelcell {max-width:100%;} #sidebar #nav {display: none} .gallery-icon { width:calc(20% - 16px);} } @media (min-width: 900px) and (max-width: 1024px) { #content .entry-icon .button.pdetails, #content .entry-icon .button.penquiry { background-position: 10px center !important; padding-left:40px;} #content .entry-icon .button.pdetails:hover , #content .entry-icon .button.penquiry:hover{ background-position: 10px center !important;} #content .entry-icon.with-btn h3 { padding:10px 1.0em 0 1.0em;} #content .entry-icon .brief { padding:0em 1.5em 1.0em 1.0em} } /* Only Tablets (Portrait) */ @media (min-width: 768px) and (max-width: 1024px) { #content .entry-icon { margin: 0 5px 5px 0px; } } /* Only Tablets (Portrait) and Phones (Landscape) */ @media (min-width: 480px) and (max-width: 959px) { .main-image {float: inherit; max-width: 100%} #header, #sidebar, #content {padding-left: 0px} } /* Only Phones and Tablets (Portrait) */ @media (max-width: 959px) { /* Layout */ #header, #sidebar , #content { width: 100%; left: auto; right: auto; } } @media (max-width: 700px) { .main-image { max-width:550px; max-height:390px; } .main-image img{ max-height:390px;} } @media (max-width: 479px) { /* Base */ body { word-wrap: break-word; font-size:20px; } #content {padding-left:0px} .main-image {width:100%; height:270px; max-width:360px; } .main-image img {max-height:260px;} .gallery-icon { width: calc(33% - 16px); } #content .entry-icon.with-btn { width:100%;} .gallery-thumbnail { display: inherit;} .pthumbnail {width: 60px;} } /* Fix Viewport for IE10 Snap Mode ----------------------------------------------------------------------------------------------------*/ @media (max-width: 400px) { @-ms-viewport{width: 320px;} } /*menu */ /* styles for desktop */ .tinynav { display: none } #nav .selected a, #nav2 .selected a { color: red } /* styles for mobile */ @media screen and (max-width: 959px) { .tinynav { display: block; background: #E9E9E9;border: 1px solid #CCCCCC; display: block; padding: 5px; margin-top: 15px; } select {width:100% } #sidebar, #logo { padding:0} } /* end menu */ /* Accordion Menu */ /*-------------------------------- */ .cd-accordion-menu { width: 100%; max-width: 600px; margin: 4em auto;} .cd-accordion-menu ul { /* by default hide all sub menus */ display: none; } .cd-accordion-menu li { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .cd-accordion-menu input[type=checkbox] { /* hide native checkbox */ position: absolute; opacity: 0; width:24px; height:24px; z-index:1;} .cd-accordion-menu ul input[type=checkbox] { width:40px; } .cd-accordion-menu ul ul input[type=checkbox] { width:50px;} .cd-accordion-menu ul ul ul input[type=checkbox] { width:60px;} .cd-accordion-menu a { position: relative; display: block; } .cd-accordion-menu label { position: relative; display: block; padding: 18px 18px 18px 64px; } .no-touch .cd-accordion-menu label:hover, .no-touch .cd-accordion-menu a:hover { background: #52565d;} .cd-accordion-menu label::before, .cd-accordion-menu label::after, .cd-accordion-menu a::after { /* icons */ content: ''; display: inline-block; width: 24px; height: 24px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);} .cd-accordion-menu label { cursor: pointer;} /*, .cd-accordion-menu label::after */ .cd-accordion-menu li.has-children > label::before { top:1.2em; background-image: url(images/sidebar-plusminus.png); background-repeat: no-repeat; background-position: top center;} .cd-accordion-menu label::before { /* arrow icon */ left: 18px; /* background-position: 0 0; -webkit-transform: translateY(-50%) rotate(-90deg); -moz-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); -o-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); */} .cd-accordion-menu label::after { /* folder icons */ left: 0; background-position: -16px 0;} .cd-accordion-menu input[type=checkbox]:checked + label::before { background-position: bottom center; /* rotate arrow */ /*-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); */} .cd-accordion-menu input[type=checkbox]:checked + label::after { /* show open folder icon if item is checked */ background-position: -32px 0; } .cd-accordion-menu input[type=checkbox]:checked + label + ul, .cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul { /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/ /* show children when item is checked */ display: block; } .cd-accordion-menu ul label,.cd-accordion-menu ul a { padding-left: 82px;} .no-touch .cd-accordion-menu ul label:hover, .no-touch.cd-accordion-menu ul a:hover { background: #3c3f45;} .cd-accordion-menu > li:last-of-type > label, .cd-accordion-menu > li:last-of-type > a, .cd-accordion-menu > li > ul > li:last-of-type label, .cd-accordion-menu > li > ul > li:last-of-type a { box-shadow: none;} .cd-accordion-menu ul label::before { left: 16px;} .cd-accordion-menu ul label::after,.cd-accordion-menu ul a::after { left: 59px;} .cd-accordion-menu ul label,.cd-accordion-menu ul a { color:#333;} .cd-accordion-menu ul ul label,.cd-accordion-menu ul ul a { padding-left: 44px; color:#333;} .cd-accordion-menu ul ul label::before { left: 25px;} .cd-accordion-menu ul ul label::after,.cd-accordion-menu ul ul a::after { left: 77px;} .cd-accordion-menu ul ul ul label,.cd-accordion-menu ul ul ul a { padding-left: 118px;} .cd-accordion-menu ul ul ul label,.cd-accordion-menu ul ul ul ul a { font-style: normal;} .cd-accordion-menu ul ul ul label::before { left: 72px;} .cd-accordion-menu ul ul ul label::after,.cd-accordion-menu ul ul ul a::after { left: 95px;} .cd-accordion-menu li.has-children li label a{ color:#ff743f !important; font-style:italic; } .cd-accordion-menu li.has-children li.has-children li label a{ color:#999 !important; font-weight:normal;} .cd-accordion-menu li.has-children li.has-children li.has-children li label a{ color:#ff743f !important;} .cd-accordion-menu li.has-children li.has-children li.has-children li.has-children li label a{ padding-left:23px; color:#333 !important; font-style:italic;} .cd-accordion-menu li.has-children li.has-children li.has-children li.has-children li.has-children li label a{ padding-left:23px; color:#999 !important; font-style: normal;} #sidebar .cd-accordion-menu ul ul{ border-bottom:0 !important;} @media only screen and (min-width: 600px) { .cd-accordion-menu label, .cd-accordion-menu a {padding: 2px 0 2px 10px;font-size: 15px;font-weight:bold; } .cd-accordion-menu label::before {left: -5px;} .cd-accordion-menu label::after {left: 0;}.cd-accordion-menu ul label,.cd-accordion-menu ul a {padding-left: 18px;} .cd-accordion-menu ul label::before { left: 12px; } .cd-accordion-menu ul label::after,.cd-accordion-menu ul a::after { left: 16px; } .cd-accordion-menu ul ul label,.cd-accordion-menu ul ul a { padding-left: 25px; line-height:1.5em; padding-bottom:5px; } .cd-accordion-menu ul ul label::before {left: 25px;} .cd-accordion-menu ul ul label::after,.cd-accordion-menu ul ul a::after { left: 101px; } .cd-accordion-menu ul ul ul label,.cd-accordion-menu ul ul ul a {padding-left: 27px; font-weight:normal;} .cd-accordion-menu ul ul ul label,.cd-accordion-menu ul ul ul ul a {padding-left: 37px; font-style:italic;} .cd-accordion-menu ul ul ul label::before {left: 33px;} .cd-accordion-menu ul ul ul label::after,.cd-accordion-menu ul ul ul a::after {left: 125px;} } .cd-accordion-menu.animated label::before { /* this class is used if you're using jquery to animate the accordion */ -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s;} #sidebar .cd-accordion-menu li.has-children > ul {padding:0em 0em 1em 0; border-bottom:1px solid #ccc;} #sidebar .cd-accordion-menu li ul{ padding:0; margin-bottom:0;} #sidebar .list input { display: none;} #sidebar ul.list ul { padding:0;display: none;} #sidebar ul.list2 ul {display: block !important; margin-left:1.5em;} #sidebar ul.list2 a{ } #sidebar ul.list2 ul li a{ color:#666;} #sidebar ul.list2 ul li{ color:#F90; list-style:outside;} .button {padding:10px; border:1px solid #ccc; background:#333333; display:block;} .button:hover { padding:10px; border:1px solid #ccc; background:#000;display:block;} #content.enquiry { } #content1 img { max-width:100%; height:auto;} #search img {margin-top: 5px;}