/* Theme Name: sfo Theme URI: Sharikah Fanniyah Omaniyah (Muscat) LLC Author: Nikhil Gangadharan Web Designer Author URI: http://nikhcreative.com/ Description: Sharikah Fanniyah Omaniyah (Muscat) LLC was established in 1967, specialising in the Design, Sales,Installation, Commissioning, Repairs and Maintenance of a wide range of technical equipment. Version: License: License URI: Tags: Text Domain: sfo */ /* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } :focus {outline: 0;} body {background: #fff; line-height: 1; top:0px !important;} ol, ul {list-style: none;} table {border-collapse: separate;border-spacing: 0;} caption, th, td {font-weight: normal;text-align: left;} blockquote:before, blockquote:after,q:before, q:after {content: "";} blockquote, q {quotes: "" "";} a img {border: 0;} article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;} .breadcrumb {padding:0px 0px 10px; margin:-10px 0px 0px -10px; line-height:20px; font-size:11px !important; border-bottom:1px solid #F6F6F6;} .entry-title {font-family: 'PTSans'; font-size:28px; line-height:52px; font-weight:normal; color:#024C9F; padding:0px; margin:0px; text-transform:uppercase;} .entry-meta {display:none;} #content p {color:#666666; font-size:12px; margin-top:10px; line-height:20px; text-align:justify;} #content h1{font-family: 'PTSans';font-size: 28px;line-height: 52px;font-weight: normal;color: #024C9F;padding: 0px;margin: 0px;text-transform: uppercase;} #content h2{font-family: 'PTSans';font-size: 20px;line-height: 52px;font-weight: normal;color: #666;padding: 0px;margin: 0px;text-transform: uppercase;} #content h5{color:#666666; font-size:13px; font-weight:bold; margin:0px; padding:0px;} #primary {margin: 0;} #content {margin: 0;padding:20px 0px;border-top:4px solid #F7F7F7;} #secondary {margin:0;} /************************************************************************************ RESET *************************************************************************************/ html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,strong, sub, sup, tt, var, legend, fieldset {margin: 0;padding: 0;} @font-face {font-family: 'PTSans';src: url('PTSans-Narrow.eot');src: local('PTSans'), url('PTSans-Narrow.woff') format('woff'), url('PTSans-Narrow.ttf') format('truetype');} img, fieldset { border: 0;} img {max-width: 100%;height: auto;width: auto\9;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;} :focus {outline: 0;} ::selection {background: #1C81D0; color:#fff;} ::-moz-selection {background:#1C81D0; color:#fff;} /************************************************************************************ GENERAL STYLING *************************************************************************************/ body {padding:0px;margin:0px;font-family:Arial, Helvetica, sans-serif;} a {color: #026acb;text-decoration: none;outline: none;} a:hover {text-decoration: underline;} p { margin: 0 0 1.2em;padding: 0;} ul, ol {margin: 1em 0 1.4em 24px;padding: 0;line-height: 140%;} li {margin: 0 0 .5em 0;padding: 0;} h1, h2, h3, h4, h5, h6 {line-height: 1.4em;margin: 20px 0 .4em; color: #000;} h1 {font-size: 2em;} h2 {font-size: 1.6em;} h3 {font-size: 1.4em;} h4 {font-size: 1.2em;} h5 {font-size: 1.1em;} h6 {font-size: 1em;} input[type=search] {-webkit-appearance: none;outline: none;} input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button {display: none;} img {padding:0px; margin:0px;} /************************************************************************************ STRUCTURE *************************************************************************************/ #main-wrapp {padding:0px; margin:0px;} /************************************************************************************ HEADER *************************************************************************************/ #bannner-wrapp {padding:25px 0px 0px 0px; margin:0px auto 25px; width:1095px;} #bannner-wrapp .banner-pull-left{padding:0px; margin:0px; float:left; width:200px;} #bannner-wrapp .banner-pull-right{padding:0px; margin:0px; float:right; width:895px; text-align:right;} #bannner-wrapp .banner-pull-right .social-icons-section{padding:0px; margin:0px 0px 15px 0px;} #bannner-wrapp .banner-pull-right .social-icons-section ul{padding:0px; margin:0px;} #bannner-wrapp .banner-pull-right .social-icons-section ul li{padding:0px; margin:0px 0px 0px 8px; list-style:none outside; float:right; text-align:center; line-height:26px;} #bannner-wrapp .banner-pull-right .social-icons-section ul li a{padding:0px; margin:0px; display:block; text-decoration:none; width:26px; height:26px; border:1px solid #E3E3E3;-moz-border-radius: 500px;-webkit-border-radius: 500px;border-radius: 500px;} #bannner-wrapp .banner-pull-right .social-icons-section ul li a:hover{padding:0px; margin:0px; display:block; text-decoration:none; width:26px; height:26px; border:1px solid #C7C7C7;-moz-border-radius: 500px;-webkit-border-radius: 500px;border-radius: 500px; background:#F7F7F7;} #bannner-wrapp .banner-pull-right .social-icons-section ul li a i.icon-facebook{ color:#3A589B;text-shadow:0px 1px 0px #fff;} #bannner-wrapp .banner-pull-right .social-icons-section ul li a i.icon-twitter{ color:#38A2F3;text-shadow:0px 1px 0px #fff;} #bannner-wrapp .banner-pull-right .social-icons-section ul li a i.icon-youtube{ color:#CF3427;text-shadow:0px 1px 0px #fff;} #bannner-wrapp .banner-pull-right .social-icons-section ul li a i.icon-linkedin{ color:#0077B2;text-shadow:0px 1px 0px #fff;} #bannner-wrapp .banner-pull-right .search-section{padding:0px; margin:0px 0px 15px 0px;} #bannner-wrapp .banner-pull-right .search-section .search-pull-left{padding:0px; margin:8px 0px 0px 480px; float:left; width:170px;} #bannner-wrapp .banner-pull-right .search-section .search-pull-left ul{padding:0px; margin:0px;} #bannner-wrapp .banner-pull-right .search-section .search-pull-left ul li{padding:0px; margin:0px; float:left; list-style:none outside; font:normal 12px/12px Arial, Helvetica, sans-serif; border-left:1px solid #DBDBDB;} #bannner-wrapp .banner-pull-right .search-section .search-pull-left ul li:first-child{border-left:none;} #bannner-wrapp .banner-pull-right .search-section .search-pull-left ul li a{padding:0px 15px; margin:0px; text-decoration:none; color:#233AA0;} #bannner-wrapp .banner-pull-right .search-section .search-pull-left ul li a:hover{color:#F39D36;} #bannner-wrapp .banner-pull-right .search-section .search-pull-right{padding:0px; margin:0px; float:left; width:244px; font-size:12px;} #bannner-wrapp .banner-pull-right .search-section .search-pull-right input{padding:0px 10px; margin:0px;width:222px; border:1px solid #DBDBDB; line-height:25px; height:25px; color:#999999;} #bannner-wrapp .banner-pull-right .search-section .search-pull-right input.submit{ position:relative;background:url(images/search_bu.jpg) no-repeat top center; width:40px; height:27px; cursor:pointer; border:none; text-indent:-999em; top:-27px; margin-right:-5px;} #bannner-wrapp .banner-pull-right .search-section .search-pull-right input.submit:hover{ position:relative;background:url(images/search_bu_hover.jpg) no-repeat top center; width:40px; height:27px; cursor:pointer; border:none; text-indent:-999em; top:-27px; margin-right:-5px;} #bannner-wrapp .banner-pull-right .main-nav-section {padding:0px; margin:0px;} #access {clear: both;display: block;float: left;margin: 0 auto 0px;width: 100%;} #access ul {font-size: 13px;list-style: none;margin: 0 0 0 ;padding-left: 0;} #access li {float: left;position: relative;text-align:left;margin:0px 1px 0px 0px !important;} #access a {color: #eee;font-family:'PTSans'; line-height:26px; font-weight:normal; text-transform:uppercase;display: block;padding:0px 17px 0px 16px; margin:0px; text-decoration:none; color:#444444; font-size:13px;/*background:url(images/nav_arrow.png) no-repeat right 12px !important;*/text-decoration: none;} #access ul ul {-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);box-shadow: 0 2px 4px rgba(0,0,0,0.2);display: none;background:#fff; float: left;margin: 0;position: absolute;top:26px;left: 0;width:90px;z-index: 99999;} /*#access ul ul ul:last-child {right:50%; top:0 }*/ #access ul ul ul {left: 100%;top: 0;} #access ul ul a {background: #f9f9f9;background-image:none !important;border-bottom: 1px dotted #ddd;color: #444;font-size: 12px;font-weight: normal;line-height:22px !important; padding:2px 2px;width:86px;margin:0px !important;} #access ul ul li a { margin:0px !important;} #access li:hover > a,#access ul ul :hover > a,#access a:focus {background: #efefef;} #access li:hover > a,#access a:focus {background:#233AA0 !important;color: #fff !important;} #access ul li:hover > ul {display: block;} #access .current-menu-item > a,#access .current_page_item > a{font-weight: normal;background:#233AA0 !important;color: #fff !important;} #access .current-menu-ancestor > a,#access .current_page_ancestor > a {font-weight: normal;background:url(images/nav_arrow_hover.png) no-repeat right 12px #233AA0 !important; color: #fff !important;} .main-last-menu ul.sub-menu { margin-left:-355px !important;} /************************************************************************************ CONTENT *************************************************************************************/ #content-wrapp {padding:0px; margin:0px auto 25px; width:1095px;} #content-wrapp .home-content-top{padding:0px; margin:0px; height:380px;} #content-wrapp .home-content-mid{padding:10px 25px 30px 25px; margin:0px 0px 20px 0px; background:url(images/welcomebg.jpg) repeat-x top left #F5F5F5; min-height:100px;} #content-wrapp .home-content-mid .home-welcome-pull-left{ padding:0px; margin:0px; float:left; width:210px;} #content-wrapp .home-content-mid .home-welcome-pull-left h1{ padding:0px; margin:0px; font-size:46px; font-weight:bold; color:#EF880F; font-family:'PT Sans Narrow'; text-shadow:2px 1px 0px #fff;} #content-wrapp .home-content-mid .home-welcome-pull-right{ padding:0px; margin:0px; float:left; width:800px;} #content-wrapp .home-content-mid .home-welcome-pull-right h2{ padding:0px; margin:0px; font-size:48px; font-weight:bold; color:#233AA0; font-family:'PT Sans Narrow'; text-shadow:2px 1px 0px #fff;} #content-wrapp .home-content-mid .home-welcome-pull-right p{ padding:0px; margin:0px; font-size:21px; line-height:22px; font-weight:normal; color:#4D4D4D; font-family:'PT Sans Narrow'; } #content-wrapp .home-content-foot , #content-wrapp .home-content-foot ul{padding:0px; margin:0px;} #content-wrapp .home-content-foot ul li{padding:0px; margin:0px 0px 0px 57px; float:left; list-style:none outside; width:135px;} #content-wrapp .home-content-foot ul li:first-child{margin:0px 0px 0px 0px;} #content-wrapp .home-content-foot ul li img{ width:92%; height:114px; margin-bottom:10px; padding:4px; border:1px solid #F5F5F5; -moz-box-shadow: 1px 1px 1px #E4E4E4;-webkit-box-shadow: 1px 1px 1px #E4E4E4;box-shadow: 1px 1px 1px #E4E4E4;} #content-wrapp .home-content-foot ul li h3{padding:0px; margin:0px 0px 5px; font-size:20px; line-height:22px; font-weight:normal; color:#233AA0; font-family:'PTSans'; text-align:center;} #content-wrapp .home-content-foot ul li p{padding:0px; margin:0px 0px 10px; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#666666; text-align:center;} #content-wrapp .home-content-foot ul li p a{padding:0px 10px; margin:0px; text-align:center; line-height:26px; color:#fff; background:#EF880F; display:block; text-decoration:none;} #content-wrapp .home-content-foot ul li p a:hover{background:#233AA0; } /************************************************************************************ FOOTER *************************************************************************************/ #footer-wrapp {padding:0px; margin:0px;} #footer-wrapp .footer-top{padding:0px; margin:0px; background:#F7F7F7;} #footer-wrapp .footer-top .footer-top-scroll{padding:25px 0px; margin:0px auto; width:1095px;} #footer-wrapp .footer-top .footer-top-scroll img{ border:8px solid #5D6CAF; width:144px; height:144px; background:#fff; -moz-border-radius: 500px;-webkit-border-radius: 500px;border-radius: 500px; margin-right:20px;} #footer-wrapp .footer-top .footer-top-scroll img:hover{ border:8px solid #EF880F;} #footer-wrapp .footer-middle{padding:0px; margin:0px; background:#373737;} #footer-wrapp .footer-middle .footer-top-contact{padding:25px 0px; margin:0px auto; width:1095px;} #footer-wrapp .footer-middle .footer-top-contact .contact-pull-left{ padding:0px; margin:0px 40px 0px 0px; float:left; width:330px;} #footer-wrapp .footer-middle .footer-top-contact .contact-pull-left h4 , #footer-wrapp .footer-middle .footer-top-contact .contact-pull-center h4 , #footer-wrapp .footer-middle .footer-top-contact .contact-pull-right h4{ padding:0px; margin:0px 0px 10px; color:#fff; font-family:'PTSans'; font-size:20px; font-weight:normal; text-transform:uppercase;} #footer-wrapp .footer-middle .footer-top-contact .contact-pull-left input{ padding:0px 5%; margin:0px 0px 6px; background:#5F5F5F; border:1px solid #373737; width:90%; font:normal 12px/30px Arial, Helvetica, sans-serif; color:#CCCCCC; height:30px;} #footer-wrapp .footer-middle .footer-top-contact .contact-pull-left input:hover{ border:1px solid #999999;} #footer-wrapp .footer-middle .footer-top-contact .contact-pull-left textarea{ padding:0px 5%; margin:0px 0px 6px; height:75px; background:#5F5F5F; border:1px solid #373737; width:90%; font:normal 12px/30px Arial, Helvetica, sans-serif; color:#CCCCCC;} #footer-wrapp .footer-middle .footer-top-contact .contact-pull-left textarea:hover{ border:1px solid #999999;} #footer-wrapp .footer-middle .footer-top-contact .contact-pull-left input.submit{ padding:0px; margin:0px; line-height:40px; background:#EF880F; width:100px; color:#fff; font-family:'PTSans'; text-align:center; float:right; border:none; cursor:pointer; text-transform:uppercase; font-size:18px;} #footer-wrapp .footer-middle .footer-top-contact .contact-pull-left input.submit:hover{ background:#8797E1;} #footer-wrapp .footer-middle .footer-top-contact .contact-pull-center{ padding:0px; margin:0px 40px 0px 0px; float:left; width:330px;} #footer-wrapp .footer-middle .footer-top-contact .contact-pull-right{ padding:0px; margin:0px; float:left; width:350px; font:normal 14px/24px Arial, Helvetica, sans-serif; color:#B9C5CE;} #footer-wrapp .footer-middle .footer-top-contact .contact-pull-right ul{ padding:0px; margin:0px;} #footer-wrapp .footer-middle .footer-top-contact .contact-pull-right ul li{ padding:0px 0px 0px 30px; margin:0px 0px 5px; list-style:none outside; line-height:24px;} #footer-wrapp .footer-middle .footer-top-contact .contact-pull-right ul li i{ margin-left:-30px; margin-right:10px; color:#7EBFF2;} #footer-wrapp .footer-foot{padding:0px; margin:0px; background:#1E1E1E;} #footer-wrapp .footer-foot .footer-foot-copy{padding:25px 0px; margin:0px auto; width:1095px;} #footer-wrapp .footer-foot .footer-foot-copy .copyright-pull-left{padding:0px; margin:0px 60px 0px 0px; float:left; width:300px;} #footer-wrapp .footer-foot .footer-foot-copy .copyright-pull-left ul{padding:0px; margin:0px;} #footer-wrapp .footer-foot .footer-foot-copy .copyright-pull-left ul li{padding:0px; margin:10px 0px 0px; list-style:none outside; color:#7A7A7A; font:normal 12px/20px Arial, Helvetica, sans-serif;} #footer-wrapp .footer-foot .footer-foot-copy .copyright-pull-left ul li:first-child{padding:0px; margin:0px 0px 0px;} #footer-wrapp .footer-foot .footer-foot-copy .copyright-pull-right{padding:15px 0px 0px; margin:0px; float:left; width:730px;} #footer-wrapp .footer-foot .footer-foot-copy .copyright-pull-right ul{padding:0px; margin:0px;} #footer-wrapp .footer-foot .footer-foot-copy .copyright-pull-right ul li{padding:0px; margin:0px; list-style:none outside; float:left; border-right:2px solid #000; line-height:10px;} #footer-wrapp .footer-foot .footer-foot-copy .copyright-pull-right ul li:last-child{border-right:0px solid #000;} #footer-wrapp .footer-foot .footer-foot-copy .copyright-pull-right ul li a{padding:0px 6px; margin:0px; font:normal 10px/9px Arial, Helvetica, sans-serif; color:#DEDEDE; text-decoration:none;} #footer-wrapp .footer-foot .footer-foot-copy .copyright-pull-right ul li a:hover{color:#EF880F;} #footer-wrapp .footer-foot .footer-foot-copy .copyright-pull-right .current-menu-item > a, #footer-wrapp .footer-foot .footer-foot-copy .copyright-pull-right .current_page_item > a{ font-weight: normal; background:#233AA0 !important; color: #fff !important; } #footer-wrapp .footer-foot .footer-foot-copy .copyright-pull-right .current-menu-ancestor > a, #footer-wrapp .footer-foot .footer-foot-copy .copyright-pull-right .current_page_ancestor > a { font-weight: normal; color: #fff !important; } .comments-link , .entry-summary, #nav-below {display:none;} .entry-header { padding:5px 0px 5px 25px !important; border-bottom:1px solid #CCCCCC; margin-bottom:0px;} .entry-header:hover { background:#F7F7F7;} .entry-header h1.entry-title a{ font-size:16px !important; font-weight:normal; line-height:20px;} #nav-above {margin:0px 0px 0px; padding:0px 20px; background:#E1E5F8; height:40px;}.nav-previous {float:left !important; line-height:40px;}.nav-next {float:right !important; line-height:40px;} .content_right table div { width:838px !important;} @media only screen and (max-width: 960px){.content_right table div { width:768px !important;}} @media only screen and (max-width: 768px){.content_right table div { width:524px !important;}} @media only screen and (max-width: 524px){.content_right table div { width:300px !important;}} /************************************************************************************ OTHER STYLES *************************************************************************************/ .assistive-text {display:none;} .responsiveMenuSelect {padding:0px; margin:0px; border:1px solid #DBDBDB; height:28px;} .tp-caption {font-family:'PTSans'; font-size:28px; font-weight:normal; text-transform:uppercase; text-shadow:-1px 2px 3px #000000; color:#fff !important; background-color: rgba(0, 0, 0, 0.3); background: rgba(0, 0, 0, 0.3); color: rgba(0, 0, 0, 0.3); padding:10px 20px; } /************************************************************************************ CLEARFIX *************************************************************************************/ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-block; } .clearfix { display: block; zoom: 1; } .clearfix {clear:both;} /*.contactform-contentbg{padding:15px; margin:0px;} .contactform-formbg{padding:0px; margin:0px 0px 10px 0px;font:normal 12px/22px Arial, Helvetica, sans-serif; color:#666666;} .contactform_pullleft{padding:0px; margin:0px; float:left !important; width:150px !important;} .contactform_pullright{padding:0px; margin:0px; float:left !important; width:220px !important;} .contactform_pullright input{padding:0px 10px; margin:0px; width:200px; background:#F7F7F7; border:1px solid #DFDFDF; line-height:22px;} .contactform_pullright textarea{padding:0px 10px; margin:0px; width:200px; background:#F7F7F7; border:1px solid #DFDFDF; line-height:22px; height:60px;} .submit_bu_N{padding:0px; margin:0px 10px 0px px !important; border:none !important;background:#233AA0 !important; line-height:30px !important; width:90px !important; cursor:pointer; color:#fff;} .submit_bu_N:hover{border:none !important; background:#024C9F !important ; }*/ .contactform-contentbg{padding:25px 0px; margin:0px auto;} .contactform-contentbg_left{padding:0px; margin:0px 40px 0px 0px; float:left; width:300px;} .contactform-formbg{padding:0px; margin:0px 0px 10px 0px;color:#666;font-family: 'PTSans'; font-size:16px; } .contactform_pullleft{padding:0px; margin:0px; float:left !important; width:100px !important;} .contactform_pullright{padding:0px; margin:0px; float:left !important; width:200px !important;} .contactform_pullright input{padding:0px 10px; margin:0px; width:150px; background:#F7F7F7; border:1px solid #DFDFDF; line-height:22px;} .contactform_pullright textarea{padding:0px 10px; margin:0px; width:150px; background:#F7F7F7; border:1px solid #DFDFDF; line-height:22px; height:60px;} .submit_bu_N{padding:0px; margin:0px 10px 0px px !important; border:none !important;background:#233AA0 !important; line-height:30px !important; width:90px !important; cursor:pointer; color:#fff;} .submit_bu_N:hover{border:none !important; background:#024C9F !important ; } .contactform-contentbg_center{ padding:0px; margin:0px 40px 0px 0px; float:left; width:330px;} .contactform-contentbg_right{ padding:0px; margin:0px; float:left; width:330px;} .content_left{padding:0px; margin:10px 0 0 0;float:left; width:250px;} .content_right{padding:0px; margin:10px 0 0 0;float:left; width:840px;} .content_right p {color:#666666; font-size:12px; margin-top:10px; line-height:20px; text-align:justify;} #vmenu{font-family:"PT Sans Narrow";font-size:14px;width: 190px; /* width of menu */} #vmenu ul{/*border: 1px solid #eee;*/padding: 0;margin: 0;list-style: none; background:#024C9F;} #vmenu ul li{margin:0;padding:0;} #vmenu ul li a{display:block;text-transform: uppercase; text-align:center;color: #FFF;padding: 10px 15px;text-decoration: none; border-bottom: 2px solid #FFF;/*border-right: 1px solid #cacaca; */ -moz-transition: all 0.2s ease-in-out; /* Enable CSS transition between property changes */-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} #vmenu ul li a:hover, #vmenu ul li a.selected{color: #EF880F;} #vmenu .current-menu-item > a,#vmenu .current_page_item > a{color: #EF880F;} #catmenu{width: 190px; /* width of menu */} #catmenu ul{padding: 0;margin: 0;list-style: none;} #catmenu ul li{margin:0;padding:0;} #catmenu ul li a{font-family:"PT Sans Narrow"; font-size:14px; text-decoration: none; position: relative; padding: 10px 12px; border: 1px solid #ccc; color: #666; background: #F0F0F0 url(images/tabbg.gif) 0 0 repeat-x; text-transform:uppercase; outline:none; width:190px;display:block; margin-bottom:5px; border-radius: 5px 5px 5px 5px; display:block;text-transform: uppercase; text-align:center;/*color: #FFF;padding: 10px 15px;text-decoration: none; border-bottom: 2px solid #FFF;*//*border-right: 1px solid #cacaca; */ -moz-transition: all 0.2s ease-in-out; /* Enable CSS transition between property changes */-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} #catmenu ul li a:hover, #catmenu ul li a.selected{border: 1px solid #ccc; background:#F0F0F0 url(images/tabbg.gif) 0 -36px repeat-x;} #catmenu .current-menu-item > a,#catmenu .current_page_item > a{border: 1px solid #ccc; background:#F0F0F0 url(images/tabbg.gif) 0 -36px repeat-x;} .categories_img{margin: 0px; padding: 0px; width: 250px; height: 200px; float: left;} .seating_img{margin: 0px; padding: 0px; width: 200px; height: 200px; float: left;} .water-treatment-left{ width:540px; height:auto; float:left;} .water-treatment-right{ width:540px; height:auto; float:right;} /* Tables ================================== */ .Rtable table { border-collapse: separate; background: #fff; width: 100%; margin: 30px 0 0 0; } .Rtable thead th { font-size: 16px; font-weight: 400; color: #fff; padding: 10px 5px; background: #024c9f; } &:last-child { @include border-top-right-radius(5px); } .Rtable tbody tr td { font-weight: 400; color: #333; font-size: 13px; padding: 10px 15px; text-align: left; } .Rtable tbody tr:nth-child(2n) { background: #f0f3f5; } .Rtable tbody tr:last-child td { border-bottom: none; &:first-child { @include border-bottom-left-radius(5px); } &:last-child { @include border-bottom-right-radius(5px); } } .Rtable tbody:hover > tr td { @include opacity(0.5); /* uncomment for blur effect */ /* color:transparent; @include text-shadow(0px 0px 2px rgba(0,0,0,0.8));*/ } .Rtable tbody:hover > tr:hover td { @include text-shadow(none); color: #2d2d2d; @include opacity(1.0); }