#wpadminbar { position: fixed !important; } body, p, li, address, dd, blockquote {  }
h1, h2, h3, h4, h5, h6, p, dl { margin:0.8em 0 0.8em; }
a, a:hover { text-decoration:none; outline: none !important; }
h1, h2, h3, h4, h5, h6 { font-weight: 800; }
h1, h1 a { font-size:22px; line-height: 22px; }
h2, h2 a { font-size:20px; line-height: 20px; }
h3, h3 a { font-size:17px; line-height: 17px; }
h4, h4 a { font-size:16px; line-height: 16px; }
h5, h5 a { font-size:15px; line-height: 15px; }
h6, h6 a { font-size:14px; line-height: 14px; }
.content ul { margin-left:20px; list-style:square }
.content ol { margin-left:40px; }
i, em { font-style:italic; }
strong { font-weight:bold; }
.content blockquote { background:url(https://thetradingco.co.za/wp-content/themes/room09/core/assets/images/cite.png) no-repeat 45px 25px; padding:35px; }
.content blockquote p { padding-left: 45px; }
.border-line { height:1px; background:#CFCFCF; width:100%; clear:both; margin:1.2em 0; }
dt { font-weight:bold; }
mark { background: transparent !important; }
a { color: #9A6614; }
a:hover { color: #815207; }
.sidebar a { color: #575858; }
.sidebar a:hover { color: #9A6614; }
a:hover .title-highlight { color: #6C6D03; }
.line { border-top:1px solid #CFCFCF }
.space { height:30px }
body .last, body .widget-last { margin-right:0; padding-right:0 !important; border-right:0; }
body .last-row { margin-bottom:0; }
.for-mobile { display:none !important; }
.not-logged-in .not__logged_in { display:none !important; }
p, li, address, dd, blockquote, td, th, a,
body, h1, h2, h3, h4, h5, h6, p, dl, ul, ol,
.paragraph-links a, #respond input, #respond textarea, #respond p label, #search_mini {
color: #666767;
font-family: 'Monda', 'Verdana', 'Arial', sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 20px;
}
code, pre { background-color: #E8EBEC; border: 1px dotted #CFCFCF; color: #333333; font: 13px/18px Consolas,"Courier New",Courier,monospace; padding: 0 5px; }
pre { margin-bottom: 10px; margin-top: 10px; }
.margin-top { margin-top: 10px; }
.margin-bottom { margin-bottom: 20px; } .sidebar-left .sidebar, .sidebar-right .content { float: left; }
.sidebar-right .sidebar, .sidebar-left .content { float: right; } h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-size: 12px;
}
h1 span.highlight, h2 span.highlight, h3 span.highlight, h4 span.highlight, h5 span.highlight, h6 span.highlight { color: #c27d05; background-color: transparent !important; }
#primary .content .hentry > h1:first-child,
#primary .content .hentry > h2:first-child,
#primary .content .hentry > h3:first-child,
#primary .content .hentry > h4:first-child,
#primary .content .hentry > h5:first-child,
#primary .content .hentry > h6:first-child,
#primary .content .hentry > p:first-child { } body {
position: relative;
overflow-x: hidden;
}
.boxed #wrapper {
padding: 0px 20px;
background: #fff;
position:relative;
}
.boxed #header, .boxed #footer, .boxed #copyright {
margin-right: -20px;
margin-left: -20px;
}
.boxed #map {
margin-right: 0px;
margin-left: 0px;
}
.stretched #wrapper.container {
overflow: hidden;
width: 100%;
height: 100%;
}
.boxed .wrapper-border { position: absolute; width: 100%; height: 100%; border: 8px solid rgba(0, 0, 0, 0.04); left: -8px; top: -8px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; z-index:-1; } #supersized { margin:0; }
#supersized img { max-width:none; }
.boxed.background-slider #wrapper { overflow:hidden; background:none; }
.boxed.background-slider #wrapper, .boxed.background-slider .bg-shadow { height:100%; }
.boxed.background-slider #supersized, .boxed.background-slider #supersized li { position:absolute; }
div.bg-shadow{height: 100%;} #header, #header-container {
position: relative;
}
#header-container {
margin-bottom: 30px;
}
#header-container .span12 > div.border,
#header-container .span10> div.border,
#header-container .span2> div.border {
border: 1px solid #d3d2d2;
border-width: 0 1px 1px 1px;
margin: 0 5px 5px 5px;
}
.home-full-screen #header { background:none; }
.border .innerborder { margin: 0 -6px -6px -6px; }
.border + .row { z-index: 1; position: relative }
#header .span10 .innerborder,
#header .span12 .innerborder,
#header-cart {
-moz-box-shadow: 3px 3px 0 rgba(0,0,0,.05);
-webkit-box-shadow: 3px 3px 0 rgba(0,0,0,.05);
box-shadow: 3px 3px 0 rgba(0,0,0,.05);
}
#header .span10 .innerborder.no-shadow,
#header .span12 .innerborder.no-shadow,
#header-cart.no-shadow {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#header-container .span12, #header-container .span10, #header-container .span2 {
display:inline-block;
} .slider-full-width #header-container {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 100;
}
.slider-fixed .slider {
margin-bottom: 20px;
} #logo {
padding: 0;
margin-bottom: 13px;
}
#logo > div { margin-left: 23px; }
#header #logo #textual { line-height: 1em; }
#textual, #logo-img, a.custom-logo-link { display: inline-block; margin: 0; padding-top: 24px; max-width:100%; }
#logo-img, a.custom-logo-link { padding-top: 19px }
#tagline { margin: 13px 0 0 0; }
#header #logo #tagline span.special-font { font-size: 2em !important; } #nav-topbar {
vertical-align: top;
}
#topbar { padding: 0; }
#topbar .topbar-left, #topbar .topbar-right { background-color: transparent; }
.topbar-border { height: 0px; border-bottom: 1px solid #d3d2d2; margin-right: 13px }
#topbar .topbar-left > * {
margin-top: 12px;
margin-bottom: 15px;
}
#header-container #topbar .topbar-right {
margin-left: 0px;
padding-left: 7px;
background: none;
}
div.welcome_username {
display: inline-block;
margin-right: 15px;
}
#topbar ul[id*="-top-bar"], #topbar .menu {
display: inline-block;
list-style: none;
margin: 0;
}
#topbar ul[id*="-top-bar"] li, #topbar .menu li { display: inline-block }
#topbar ul[id*="-top-bar"] li:after, #topbar .menu li:after { content: " / "; font-size: 0.8em; }
#topbar ul[id*="-top-bar"] li:last-child:after, #topbar .menu li:last-child:after { content: ""; }
#topbar ul[id*="-top-bar"] li.last-child:after, #topbar .menu li.last-child:after { content: ""; }
#topbar .menu li a {
border: none;
background: none;
border-bottom: none;
color: #7b7979;
display: inline;
padding: 0;
} #topbar .widget, #topbar #yith-ajaxsearchform { display: inline-block }
#topbar .widget_search_mini, #topbar #yith-ajaxsearchform {
border-left: 1px solid #d3d2d2;
padding: 9px;
margin-left: 29px;
}
#topbar .widget_search_mini form,
#topbar #yith-ajaxsearchform,
#topbar .widget_search_mini input,
#topbar #yith-ajaxsearchform input { margin: 0; padding: 0 }
#topbar #yith-ajaxsearchform {
padding: 9px;
}
#topbar .widget_search_mini input, #topbar #yith-ajaxsearchform input {
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0;
background-color: #f7f6f6;
background-image: url(//thetradingco.co.za/wp-content/themes/room09/images/sprite.png);
background-position: -10px -150px;
background-repeat: no-repeat;
padding: 4px 32px 4px 9px;
width: 72px;
}
#topbar #yith-ajaxsearchform input {
width: 100%;
background-position: 5px -150px;
padding: 4px 6px 4px 9px;
}
#topbar #yith-ajaxsearchform .screen-reader-text, #topbar #yith-ajaxsearchform #yith-searchsubmit {
display: none;
}
#topbar .widget {
margin: 0 0 0 15px;
position: relative;
}
#topbar div.socials-default-small {
position: relative;
vertical-align:top;
top: 6px
}
.autocomplete-suggestion.autocomplete-selected {
background: #f2f2f2;
}
body .woocommerce .autocomplete-suggestion div.badges,body .autocomplete-suggestion div.badges {
display: none;
} #header-cart {
margin-left: 5px;
padding-left: 15px;
}
#header-container .span2> div.border {
margin-left: -10px
}
#header-container .span2> div.border .innerborder {
margin: 0 5px 5px 5px;
padding: 0 6px;
}
.boxed #header-container .innerborder {
border: 1px solid #cccccc;
margin: 0 -7px -7px;
}
.boxed #header-cart .innerborder {
border: 0;
}
.boxed #header-cart {
position: relative;
}
.boxed #header-cart:after {
border: 1px solid #CCCCCC;
bottom: -1px;
content: "";
display: block;
height: 100%;
left: -1px;
position: absolute;
right: -1px;
top: -1px;
z-index: 0;
}
#ie8 .boxed #header-container .innerborder, #ie8 .boxed #header-cart {
border: 0 !important;
}
.yit_cart_widget.widget_shopping_cart .cart_list.product_list_widget {
list-style: none outside none;
margin-left: 0;
}
#header-cart span.cart-label {
color: #353333;
display: inline-block;
float: left;
padding: 14px 0 15px 0;
text-transform: uppercase;
}
#header-cart .topbar-border { clear: both; width: 100% }
::-webkit-input-placeholder { color: #7b7979 !important; }
:-moz-placeholder, ::-moz-placeholder { color: #7b7979 !important; }
:-ms-input-placeholder { color: #7b7979 !important; } #menu .menu { }
#menu .menu ul.sub-menu{ z-index: 10000; }  #nav { margin-top: -1px; }
#nav .container {
border:1px solid #dfdcdc;
border-width: 1px 0 0 0;
}
#nav ul {
list-style: none;
margin: 0px;
margin-left: -15px;
font-size: 11px;
text-align: center;
}
#nav ul li{ display:inline-block;
float: left;
}
#nav ul li a {
color: #666767;
display: block;
letter-spacing:1px;
font-family: 'Monda', sans-serif;
line-height: 22px;
position: relative;
padding: 12px 6px 7px 15px;
}
#nav ul.level-1 > li > a {
font-size:85% !important;
} #nav ul li li a:hover, #nav ul li li a, #nav li .current-menu-item > a, #nav li .current-menu-ancestor > a, #nav li .current_page_ancestor > a, div#nav ul li .current_page_item > a {
background: transparent !important;
}
#nav > ul li a, #nav .menu > ul li a {
}
#nav ul li:first-child a{
border-left: 0px;
}  #nav ul.sub-menu, #nav ul.children {
display: none;
margin-top: -2px;
margin-left: 5px;
position:absolute;
font-size: 14px;
left:auto;
padding:0 0 14px;
min-width:200px;
z-index: 99999;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}
#ie8 #nav ul.sub-menu, #ie8 #nav ul.children { border: 1px solid #666767; }
#ie8 #nav .megamenu ul.sub-menu ul, #ie8 #nav .megamenu ul.children ul { border: 0; }
#nav ul.sub-menu li, #nav ul.children li {
border-left: 0px;
padding:2px 10px 1px;
margin-right: 0;
float:none;
font-size:0.9em;
display:block;
position: relative;
text-align: left;
white-space: nowrap;
}
#nav ul.sub-menu li a, #nav ul.children li a {
border: none;
padding: 5px 0;
line-height: 12px;
}
#nav ul.sub-menu li:first-child, #nav ul.children li:first-child {
border-top: none;
padding-top: 6px;
}
#nav ul.sub-menu li:last-child, #nav ul.children li:last-child {
border-bottom: none;
} #nav ul.sub-menu li ul, #nav ul.children li ul {left: 170px; top:-21px; margin: 17px 0 0 0; } #nav .megamenu ul.sub-menu { padding: 8px 0 15px 10px; left: auto; max-width: 100%; margin-left: 5px; }
#nav .megamenu ul.sub-menu li { font-weight: normal; padding: 0 15px;}
#nav .megamenu ul.sub-menu li, #nav .megamenu ul.sub-menu li ul { min-width:93px !important; max-width: 180px; }
#nav .megamenu ul.sub-menu li { padding-bottom:0; float:left; border-top: none; }
#nav .megamenu ul.sub-menu li:first-child, #nav .megamenu ul.sub-menu li ul li { white-space: normal; border-left:none; border-top: none; margin-left: 0; padding-left: 0; } #nav .megamenu ul.sub-menu li { border-left: 1px solid #e6e4e4; }
#nav .megamenu ul.sub-menu li ul li:last-child { border: 0px; }
#nav .megamenu ul.sub-menu li ul li.last-child { border: 0px; }
#nav .megamenu ul.sub-menu li ul { margin-left: 0; border:none; display:block; position:static; background:none; -webkit-box-shadow:none; -moz-box-shadow: none; box-shadow:none; padding:0; margin-top:14px; }
#nav .megamenu ul.sub-menu li ul li { padding:0; float:none; font-weight: normal; border-left:none; padding-right: 10px }
#nav .megamenu ul.sub-menu li.no-link a { cursor:default; outline:none; }
#nav .megamenu ul.sub-menu li.no-link li a { cursor:pointer; }
#nav .megamenu ul.sub-menu li.menu-item-custom-content { width: 170px !important; text-align: center }
#nav .megamenu ul.sub-menu li.menu-item-custom-content p { color: #121212 }
#nav .megamenu ul.sub-menu li.menu-item-custom-content span.highlight { background: transparent; }
#nav .megamenu ul.sub-menu li ul li:first-child { padding-top: 0 }
#nav .megamenu ul.sub-menu li a { line-height: 16px } #nav a.sf-with-ul{ min-width:1px; padding-right: 15px; }
#nav .sf-sub-indicator{display:block; width:11px; height:9px; text-indent:-999em; background: url(//thetradingco.co.za/wp-content/themes/room09/images/sprite.png) -64px -176px; position:absolute; top:45%; right:7px; }
#nav a:focus >.sf-sub-indicator,
#nav a:hover >.sf-sub-indicator,
#nav a:active >.sf-sub-indicator,
#nav li:hover >a >.sf-sub-indicator,
#nav li.sfHover >a >.sf-sub-indicator{background: url(//thetradingco.co.za/wp-content/themes/room09/images/sprite.png) -64px -189px;}
#nav .current-menu-item > a > .sf-sub-indicator, #nav .current_page_ancestor > a > .sf-sub-indicator,
#nav .current-menu-ancestor > a > .sf-sub-indicator, div#nav ul .current_page_item > a > .sf-sub-indicator {
background: url(//thetradingco.co.za/wp-content/themes/room09/images/sprite.png) -64px -189px;
}
#nav ul.sub-menu .sf-sub-indicator, #nav ul.children .sf-sub-indicator{ display:block; background: url(//thetradingco.co.za/wp-content/themes/room09/images/sprite.png) -80px -176px; width: 7px; height: 11px; left: 85% !important; top: 0;}
#nav ul.sub-menu a >.sf-sub-indicator, #nav ul.children a >.sf-sub-indicator{ display:block; background: url(//thetradingco.co.za/wp-content/themes/room09/images/sprite.png) -80px -203px; width: 7px; height: 13px; left: 85% !important; top: 1px; margin-top: 3px; }
#nav ul.sub-menu a:focus >.sf-sub-indicator,
#nav ul.sub-menu a:hover >.sf-sub-indicator,
#nav ul.sub-menu a:active >.sf-sub-indicator,
#nav ul.sub-menu li:hover >a >.sf-sub-indicator,
#nav ul.sub-menu li.sfHover >a >.sf-sub-indicator,
#nav ul.children a:focus >.sf-sub-indicator,
#nav ul.children a:hover >.sf-sub-indicator,
#nav ul.children a:active >.sf-sub-indicator,
#nav ul.children li:hover >a >.sf-sub-indicator,
#nav ul.children li.sfHover >a >.sf-sub-indicator{background: url(//thetradingco.co.za/wp-content/themes/room09/images/sprite.png) -80px -192px; top: 3px }
#nav ul.sub-menu .current-menu-item > a > .sf-sub-indicator, #nav ul.sub-menu .current_page_ancestor > a > .sf-sub-indicator,
#nav ul.sub-menu .current-menu-ancestor > a > .sf-sub-indicator, div#nav ul.sub-menu .current_page_item > a > .sf-sub-indicator {
background: url(//thetradingco.co.za/wp-content/themes/room09/images/menu-arrow.png) right 12px;
}
#nav .megamenu ul.sub-menu .sf-sub-indicator { display: none; background: none; }
#nav .megamenu a.sf-with-ul { padding: 0;}
#nav .megamenu.dropdown { position: static !important; }
#nav .megamenu img { max-width: none; }
#nav .megamenu ul.sub-menu li.menu-item-custom-content p { font-size: 12px !important; margin:0; } #ie7 #nav ul li { display: inline }
#ie7 .sf-sub-indicator { top: 3px; } body.no_js #nav ul li:hover > ul { display:block }
body.no_js #nav ul li ul.submenu li:hover > ul, body.no_js #nav ul li ul.children li:hover > ul { display:block } #topbar_login { float: right; position: relative }
#topbar_login a.topbar_login {
margin-top: 4px;
font-size: 8px;
font-weight: 600;
display: block;
padding: 4px 11px 3px 30px;
color: #fff;
background: #102438 url(//thetradingco.co.za/wp-content/themes/room09/images/topbar_login_user.png) no-repeat 12px 6px;
border: 1px solid #19344e;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#topbar_login.not_logged_in a.topbar_login {
padding: 4px 26px 3px 30px;
}
#topbar_login a.topbar_login:hover { color: #E5F99A }
#topbar_login a.topbar_login .sf-sub-indicator { top: 17px }
#fast-login {
position:absolute;
right:1px;
top:30px;
display:none;
z-index:100;
background: rgb(16,36,56); background: rgba(16,36,56,.89);
padding: 0 13px 10px;
color: #fff;
font-size: 11px;
-moz-border-radius: 10px 0 10px 10px;
-webkit-border-radius: 10px 0 10px 10px;
border-radius: 10px 0 10px 10px;
}
#fast-login form { margin: 0 }
#fast-login label, #fast-login input { font-size: 10px; color: #fff; }
#fast-login input { background-color: #0d2033; border: 1px solid #1b3754; width: 139px; margin-bottom: 0 }
#fast-login input:focus {
border-color: white !important;
border-color: rgba(255,255,255,.5) !important;
-moz-box-shadow: 0 0 3px rgba(255, 255, 255, 0.2) !important;
-webkit-box-shadow: 0 0 3px rgba(255, 255, 255, 0.2) !important;
box-shadow: 0 0 3px rgba(255, 255, 255, 0.2) !important;
}
#fast-login input.input-submit { background-color: #29435e; border: 1px solid #17324e; width: 50px ; height: 22px; text-transform: uppercase; float: right; font-size: 10px; font-weight: normal; margin-top: 10px; }
#fast-login a { font-size: 10px; color: #E5F99A }
#fast-login a:hover { color: #304e6d }
#fast-login p { margin-bottom: 0 }
#fast-login a.lostpassword { margin-top: 10px; }
#fast-login .align-left {float: left; margin: 0 }
#fast-login .align-right { float: right; margin: 0 }
#topbar_login a.topbar_login .sf-sub-indicator { display: none }
#topbar_login.not_logged_in a.topbar_login .sf-sub-indicator { display: inline } .menu-select { overflow:hidden; position:relative; width:75%; margin:20px auto 30px; }
.menu-select select { width:100%; height:auto; border:1px solid #ddd; background:none; -webkit-appearance: none; padding:8px 10px; margin:0; line-height:16px; cursor:pointer; font-family: 'Monda', 'Verdana', 'Arial', sans-serif; color:#373636; font-size:14px; position:relative; z-index:1; }
.gecko .menu-select select { width:120%; }
.menu-select select option { background:none; width:100%; }
.menu-select .arrow-icon { position:absolute; height:100%; width:100%; background:#d8dbdb url(//thetradingco.co.za/wp-content/themes/room09/images/menu-select-arrow.png) no-repeat 95% center; top:0; } .slider-space { height:40px; }
.mobile-slider { display: none; }
#primary .slider.alignleft { float:left; margin-right:20px !important; margin-left:0px !important; }
#primary .slider.alignright { float:right; margin-left:20px !important; margin-right:0px !important; }
#primary .slider.aligncenter { margin:0 auto !important; float:none; }
#ie8 .flex-direction-nav .flex-next, #ie8 .flex-direction-nav .flex-prev { display: block !important; } .slider.fixed-image { text-align: center;}
.slider.fixed-image .fixed-image-wrapper { margin: -20px auto 0;}
.slider.fixed-image img {
width: auto;
height: auto;
max-width: 100%;
border: 5px solid #ffffff;
}
#header .sub-menu .sub-indicator, #header .children .sub-indicator {
font-size: 13px;
} #primary { margin-top: 20px }
.slider + h1, .slider + h2, .slider + h3, .slider + h4, .slider + h5, .slider + h6
.slider + script + h1, .slider + script + h2, .slider + script + h3, .slider + script + h4, .slider + script + h5, .slider + script + h6
{ margin-top: 0 } .home-row { margin-top:20px; }
.home-full-screen .home-row { position:absolute; bottom:45px; left:0; right:0; }
.home-row .home-widget { background:#fff; background:rgba(255,255,255,0.80); min-height:100px; }
.home-row .home-widget .widget-wrap, .home-row .home-widget .widget-wrap.widget-last,
.sidebar .widget.text-image .widget-wrap, .sidebar .widget.text-image .widget-wrap.widget-last { position:relative; margin:5px; padding:10px !important; padding-top:0 !important; border:1px solid #c5c1be; }
.home-row .home-widget h3, .sidebar .widget.text-image h3 { font-size:13px; color:#985d14; margin-bottom:6px; margin-top:10px !important; }
.home-row .home-widget p, .sidebar .widget.text-image p { font-size:12px; color:#5e5c5c; }
.home-row .home-widget h3, .home-row .home-widget p, .sidebar .widget.text-image h3, .sidebar .widget.text-image p { position:relative; z-index:1; padding-right:36%; }
.home-row .home-widget .text-image, .sidebar .widget.text-image .text-image { position:absolute; right:5px; top:10px; z-index:3; max-width:40%; }
.home-row .home-widget.cta .widget-wrap, .home-row .home-widget.cta .widget-wrap.widget-last,
.sidebar .widget.text-image.cta .widget-wrap, .sidebar .widget.text-image.cta .widget-wrap.widget-last { padding-bottom:5px !important; }
.home-row .home-widget .widget-link, .sidebar .widget.text-image .widget-link, #footer .widget.text-image .widget-link { position:absolute; right:0px; top:0; left:0; bottom:0; z-index:3; display:block; }
.gecko .home-row .home-widget.cta .widget-wrap, .gecko .home-row .home-widget.cta .widget-wrap.widget-last,
.gecko .sidebar .widget.text-image.cta .widget-wrap, .gecko .sidebar .widget.text-image.cta .widget-wrap.widget-last { padding-bottom:8px !important; }
.page-template-home-php .home-row .home-widget .widget-wrap:before, .page-template-home-php .home-row .home-widget .widget-wrap.widget-last:before, .sidebar .widget.text-image .widget-wrap:before {
content: "";
border: 1px solid #d4d4d4;
position: absolute;
top: -5px;
bottom: -5px;
left: -5px;
right: -5px;
z-index: 0;
}
.page-template-home-php .home-row .home-widget {
background-color: transparent;
}   .page-with-map #header-container {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 100;
}
#map {}
#map .border {
height: 330px;
}
#map .border iframe {
width: 100%;
height: 330px;
}
#map .view-map {
position: relative;
bottom: -1px;
height: 27px;
float: right;
background-color: #ffffff;
padding:4px;
}
#ie8 #map .view-map, #ie10 #map .view-map {
bottom: -2px;
}
#map .view-map a {
border: 1px solid #D3D2D2;
border-bottom: none;
padding: 5px 12px 6px 12px;
font-size: 12px;
color: #b27b06;
line-height: 31px;
}
#map .container {
margin-top: -42px;
} .extra-content { clear:both; } .woocommerce-ordering select, .faq-filters select, .sbHolder .sbSelector, .woocommerce-page .chzn-container .chzn-single { display:block; width:200px; height:auto !important; font-size:11px; color:#949494; line-height:15px !important; background:url(//thetradingco.co.za/wp-content/themes/room09/images/sprite.png) no-repeat 86px -103px; cursor:pointer; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; }
.woocommerce-page .checkout #billing_country_field .chzn-container .chzn-single,
.woocommerce-page .checkout #shipping_country_field .chzn-container .chzn-single { background-position: 126px -103px; }
.woocommerce-page .checkout .multistep_step #billing_country_field .chzn-container .chzn-single,
.woocommerce-page .checkout .multistep_step #shipping_country_field .chzn-container .chzn-single { background-position: 406px -103px; }
.woocommerce-ordering select:hover, .faq-filters select:hover, .select-wrap:hover, .sbHolder .sbSelector:hover, .woocommerce-page .chzn-container .chzn-single:hover { background-position: 86px -127px; }
.select-wrap { position:relative; overflow:hidden; }
.select-wrap select { width:112%; border:0; background:0; height:auto; float:none !important; padding:0; margin:0 !important; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
.ie .select-wrap select { width:115%; }
.woocommerce-ordering select, .faq-filters select, .sbHolder .sbSelector, .sbHolder .sbOptions, .woocommerce-page .chzn-container .chzn-single, .woocommerce-page .chzn-container .chzn-drop {
padding:6px 12px;
border:1px solid #dadada;
-webkit-box-shadow:1px 1px 6px rgba(0, 0, 0, 0.09) inset;
-moz-box-shadow:1px 1px 6px rgba(0, 0, 0, 0.09) inset;
box-shadow:1px 1px 6px rgba(0, 0, 0, 0.09) inset;
}
.sbHolder { position:relative; }
.sbHolder .sbOptions, .woocommerce-page .chzn-container .chzn-drop { margin:19px 0 0; list-style:none; position:absolute; background:#fff; left:0; right:0; z-index:100; padding:6px 0 12px; }
.sbHolder .sbOptions li, .woocommerce-page .chzn-container .chzn-drop li { margin:0; }
.sbHolder .sbOptions a { font-size:11px; color:#949494; display:block; padding:2px 12px; }
.woocommerce-page .chzn-container-single .chzn-single div { display:none; }
.woocommerce-page .chzn-container .chzn-single { width:auto; }
.woocommerce-page .chzn-container .chzn-drop { margin-top:6px; }
.woocommerce-page .chzn-container .chzn-drop li { font-size:12px; }
.woocommerce-page .chzn-container .chzn-drop .chzn-results { margin-top:5px; }
.faq-filters .sbHolder { float:right; margin-top:3px; } #page-meta { padding-bottom: 20px; padding-top: 10px; margin-top: 0; }
#page-meta h1.product-title, #page-meta h1.product-title span { font-size:18px; text-transform: uppercase; float:left; padding-top:0; }
#page-meta .breadcrumbs {  }
#page-meta h1, #page-meta h2 { margin:0; padding:5px 0; }
#page-meta h1 span.special-font, #page-meta h2 span.special-font { font-size: 2em; }
p#yit-breadcrumb { font-size:12px; margin-top: 0px; }
.slogan { margin-bottom: 40px; }
.slogan h2, .slogan h3 { color: #373736; text-align: center; }
.slogan h2 { font-size: 30px; margin-bottom: 0px; margin-top: 55px; letter-spacing: -0.9px; }
.slogan h3 { font-size: 18px; margin: 15px 0px 0px 0px; }
.slogan h3 span { color: #848484; }
.slogan .border { width:570px; height:2px; padding: 0px; margin: 0px auto; }
.slogan .border.margin-top { margin-top: 20px; }
.slogan h2 span.special-font, .slogan h3 span.special-font { font-size: 2em; } .sidebar ul, .sidebar ol {
list-style: none;
margin-left: 0px;
} .sticky { } .bypostauthor { } #footer {
background-color: #fff;
margin-top: 20px;
margin-bottom: 0px;
}
#footer .container {
padding-top: 13px;
padding-bottom: 20px;
}
#footer h3 {
margin-top: 10px;
margin-bottom: 25px;
}
#footer a { color: #D98004; }
#footer a:hover { color: #fcd29a; }
#footer .widget ul, #footer .widget ol { margin-top: -10px; }
#footer .widget li { list-style:none } #copyright {
background-color: #fff;
margin-top: 20px;
position: relative;
z-index: 1;
}
#footer + #copyright { margin-top: 0px; }
#copyright .container { border-top: 1px solid #aa9d82; padding: 20px 0 20px 0; }
#copyright .center,
#copyright .centered { text-align: center; }
#copyright .left { text-align: left; }
#copyright .right { text-align: right; }
#copyright div p { color: #959494; font-size: 12px;  }
#copyright div p:first-child { margin-top: 0px; }
#copyright div p:last-child { margin-bottom: 0px; }
#copyright div p a { color: #575858; font-size: 12px; }
#copyright div p a:hover { color: #000; } .error404 .border-img {
max-width: 530px;
margin: 0px auto !important;
padding: 3px;
}
.error404 .error-404-image {
width: 100%;
height: auto;
text-align: center;
}
.error404 .border-img-bottom {
border-bottom: 1px solid #e9e9e8;
margin-bottom: 4px;
}
.error404 .error-404-text {
border-top: 1px solid #e9e9e8;
border-bottom: 1px solid #e9e9e8;
margin-bottom: 4px;
padding-top: 10px;
padding-bottom: 20px;
}
.error404 .error-404-text p {
line-height: 1em;
text-align: center;
margin-top: 10px;
margin-bottom: 0px;
}
.error404 .error-404-search {
border-top: 1px solid #e9e9e8;
padding-top: 30px;
text-align: center;
}
.error404 .error-404-text #searchform {
margin: 28px 0;
}
.error-404-search input#s {
width: 215px;
height: 30px;
color: #949494;
border: 1px solid #d1d1cf;
padding: 0px 5px 0px 15px;
margin: 0px 5px 0px 0px;
font-family: 'Monda';
font-weight: normal;
vertical-align: top;
font-size: 12px;
}
.error-404-search input#s:-moz-placeholder, .error-404-search input#s::-moz-placeholder {
line-height: 30px;
}
.error-404-search input#searchsubmit {
width: auto;
height: 30px;
background-color: #605f5e;
color: #fff;
border: 0px;
padding: 0px 12px;
margin: 1px 0px;
font-size: 10px;
text-transform: uppercase;
vertical-align: top;
font-weight: normal;
box-shadow: 3px 3px #dedede;
}
@media (min-width: 768px) {
.error404 .no-margin { margin-left: -30px; }
}
@media (max-width: 767px) {
.error404 .error-404-text { width: 100% !important; padding: 0px !important; border: 0px !important; }
}  .general-pagination { height:29px; margin: 20px auto; text-align:center; clear:both; }
.general-pagination ul, .general-pagination li { display:inline; padding:0; }
.general-pagination span { display:none; }
.general-pagination a, .general-pagination span.current { display:inline-block; font-weight:bold; margin-right:5px; line-height:28px; width:29px; height:29px; text-align:center; background:url(//thetradingco.co.za/wp-content/themes/room09/images/sprite.png) -49px 1px repeat-x; font-family:Arial, Helvetica, sans-serif; color:#999999; font-size:11px; text-align:center; }
.general-pagination a.selected, .general-pagination span.current { background-position:-49px -57px; color:#ffffff; }
.general-pagination a:hover { background-position:-49px -28px; color:#999999; text-decoration:none; }
.general-pagination a, .general-pagination span { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.woocommerce .general-pagination { margin-top:0; } .hentry img { max-width:100%; height:auto; }
#ie8 .hentry img { width: auto; }
img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img{max-width:100%; height:auto; }
.alignleft, img.alignleft{display:inline;float:left;margin-right:24px;margin-top:4px;}
.alignright, img.alignright{display:inline;float:right;margin-left:24px;margin-top:4px;}
div.aligncenter, img.aligncenter {display: block; margin-left: auto !important; margin-right: auto !important; float:none;}
img.alignleft, img.alignright, img.aligncenter{margin-bottom:12px;}
.wp-caption{background:#f1f1f1;line-height:18px;margin-bottom:20px;max-width:558px !important; padding:4px;text-align:center;}
.wp-caption img{margin:5px 5px 0;width:98%;}
.wp-caption p.wp-caption-text{color:#888;font-size:12px;margin:5px;}
.wp-smiley{margin:0;}
.gallery{margin:0 auto 18px;}
.gallery .gallery-item{float:left;margin-top:0;text-align:center;width:33%;}
.gallery-columns-2 .gallery-item{width:50%;}
.gallery-columns-4 .gallery-item{width:25%;}
.gallery img{border:2px solid #CFCFCF;}
.gallery-columns-2 .attachment-medium{max-width:92%;height:auto;}
.gallery-columns-4 .attachment-thumbnail{max-width:84%;height:auto;}
.gallery .gallery-caption{color:#888;font-size:12px;margin:0 0 12px;}
.gallery dl{margin:0;}
.gallery img{border:10px solid #CFCFCF;}
.gallery br+br{display:none;}
.content .attachment img{display:block;margin:0 auto;}
.hentry .post_video {position: relative; padding-bottom:56.25%; padding-top:25px; height:0;margin-bottom:20px;max-width:100%;}
.hentry .post_video.vimeo {padding-top:0;}
.hentry .post_video.dailymotion embed, .hentry .post_video.youtube embed, .hentry .post_video.vimeo object, .hentry .post_video iframe {position: absolute; top: 0;left: 0;width: 100%;height: 100%; } .content .archive-list ul { border-top:1px solid #CFCFCF; clear:both; margin:0 0 20px; list-style:none; }
.content .archive-list ul li { border-bottom:1px solid #CFCFCF; }
.content .archive-list ul li a { color:#8B9091; display:block; margin:0; padding:7px 0 7px 0.5em; }
.content .archive-list ul li a:hover { color:#444; background-color:#EFEFEF; text-decoration:none; }
.content .archive-list ul li a span { display:block; text-align:right; }
.content .archive-list ul li a span.comments_number { color:#777777; float:right; margin-right:20px; width:3em; }
.content .archive-list ul li a span.archdate { color:#8B9091; float:left; letter-spacing:1px; margin-right:2em; padding:0 0 1em; width:3em; }
.content .archive-list ul li ul.children { margin:0 0 -1px; padding-left:20px; } #trackbacks { }
ol.trackbacklist {margin:20px 35px;}
ol.trackbacklist li {padding:10px 0;} #portfolio a.zoom { background:#000 url(//thetradingco.co.za/wp-content/themes/room09/images/icons/zoom.png) center no-repeat; text-indent: 0 }
#portfolio a.video a.zoom { background:#000 url(//thetradingco.co.za/wp-content/themes/room09/images/icons/play.png) center no-repeat }
#portfolio a.project a.zoom { background:#000 url(//thetradingco.co.za/wp-content/themes/room09/images/icons/project.png) center no-repeat }
#portfolio a.onlytitle a.zoom { background:#000 }
#portfolio a.zoom span, .section a.zoom span { position: absolute; bottom: 25%; color: white; text-align: center; display: block; width: 100%; font-family: 'Monda',sans-serif; font-size: 16px; line-height: 15px; text-indent: 0;}
#portfolio a.zoom span.subtitle, .section a.zoom span.subtitle { bottom: 12%; font-size: 11px; }
.work-thumbnail .extra-images-slider ul.flex-direction-nav { bottom: 20px }
.work-thumbnail .extra-images-slider ul.flex-direction-nav li { margin-bottom: auto } #portfolio .read-more, #portfolio .more-link {
box-shadow: 3px 3px #ededed;
-webkit-box-shadow: 3px 3px #ededed;
-moz-box-shadow: 3px 3px #ededed;
text-shadow: none;
background-color: #c58408;
background-image: none;
border: 0px;
color: #ffffff;
padding: 9px 8px;
text-transform: uppercase;
font-family: 'Monda' !important;
font-size: 12px !important;
font-weight: normal;
display: inline-block;
}
#portfolio .read-more:hover, #portfolio .more-link:hover { background-color: #DA8B00; }
#ie8 .picture_overlay .overlay div p, #ie8 .picture_overlay .overlay div p { text-align: center; min-width: 100px; }  form input[type="text"], form textarea { border: 1px solid #CFCFCF; -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;-moz-transition: border linear 0.2s, box-shadow linear 0.2s;-ms-transition: border linear 0.2s, box-shadow linear 0.2s;-o-transition: border linear 0.2s, box-shadow linear 0.2s;transition: border linear 0.2s, box-shadow linear 0.2s; }
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus { border-color: #cecece;
outline: 0;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 3px rgba(0, 0, 0, 0.2) !important;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 3px rgba(0, 0, 0, 0.2) !important;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 3px rgba(0, 0, 0, 0.2) !important;
border-color: rgba(0, 0, 0, 0.2) !important
}
textarea.error:focus,
input.error[type="text"]:focus,
input.error[type="password"]:focus,
input.error[type="datetime"]:focus,
input.error[type="datetime-local"]:focus,
input.error[type="date"]:focus,
input.error[type="month"]:focus,
input.error[type="time"]:focus,
input.error[type="week"]:focus,
input.error[type="number"]:focus,
input.error[type="email"]:focus,
input.error[type="url"]:focus,
input.error[type="search"]:focus,
input.error[type="tel"]:focus,
input.error[type="color"]:focus,
.error.uneditable-input:focus { border-color: rgb(215,118,118);
outline: 0;
-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgb(215,118,118) !important;
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgb(215,118,118) !important;
box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgb(215,118,118) !important;
} .testimonial-page {
margin-bottom: 60px;
margin-top: 0px;
margin-left: 10px;
position: relative;
}
.testimonial-page .thumbnail {
background: none;
right: -5px;
padding-top: 0;
position: relative;
top: 35px;
float: right;
border: none;
box-shadow: none;
}
.testimonial-page .thumbnail img {
border-radius: 0 0 0 0;
height: auto;
padding-top: 11px;
width: auto;
float: right;
}
.testimonial-page .testimonial-text-full {
margin-left: 0px;
margin-bottom: 10px;
}
.testimonial-page .testimonial-text-full blockquote {
padding-left: 0px;
padding-bottom: 0px;
background-position: 0 25px;
}
.testimonial-page .testimonial-text-full blockquote p:last-child{
margin-bottom: 0px;
}
.testimonial-page .testimonial-text-full.testimonial-thumb {
margin-bottom: 85px !important;
}
.testimonial-page .testimonial-text-full p {
margin: 0px 0px 30px 0px;
}
.testimonial-page .testimonial-name {
float: right;
height: 20px;
text-align: right;
margin-top: 10px;
margin-right: -20px;
}
.testimonial-page .testimonial-name p, .testimonial-page .testimonial-name a, .testimonial-page .testimonial-name span {
clear: both;
display: block;
padding-right: 25px;
z-index: 1000;
}
.testimonial-page .testimonial-name p.name, .testimonial-page .testimonial-name a.name { float: right;
padding-left: 10px;
color: #AB5705;
}
.testimonial-page .testimonial-name p.name {
margin-bottom: 0px;
}
.testimonial-page .testimonial-name a.name:hover {
color: #1F1F1F;
}
.testimonial-page .testimonial-name a.website, .testimonial-page .testimonial-name span.website {
color: #1C1C1C;
font-size: 12px;
}
.testimonial-page .testimonial-name a.website:hover {
color: #1f1f1f;
}
.testimonial-post-page .wp-post-image {
border-radius: 15px 15px 15px 15px;
height: auto;
max-width: 100%;
width: auto;
} .services h1.post-title {
border-bottom: 1px solid #eeeeee;
padding-bottom: 10px;
} .picture_overlay {
position: relative;
cursor: pointer;
border:6px solid #cdcfd0;
box-shadow:
inset 0 0 0 0 rgba(0,0,0, 0.4) ;
}
.picture_overlay.js_loaded {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.picture_overlay:hover {
border-color: #d98104;
}
.picture_overlay_empty:hover {
border-color: #dfdcdc;
}
.picture_overlay.picture_overlay_empty {
cursor: default !important;
}
.picture_overlay .overlay {
position: absolute;
top: 0;
height: 0;
width: 100%;
height: 100%;
box-shadow:
inset 0 0 0 0 rgba(0,0,0, 0.4) ;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.picture_overlay .overlay div {
position: absolute;
top: 50%;
left: 50%;
opacity: 0;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-backface-visibility: hidden; }
.picture_overlay .overlay div img {
width: auto;
height: auto;
padding: 2px;
display: inline !important;
}
#ie8 .picture_overlay .overlay div a {
}
.picture_overlay .overlay div p {
color: #fff;
font-family: 'Monda',sans-serif;
padding: 0 !important;
margin: 0 !important;
text-align: center;
text-shadow:
0 0 1px #fff,
0 1px 2px rgba(0,0,0,0.3);
}
.picture_overlay .overlay div p.title { font-size: 16px; margin-top: 15% !important; margin-bottom: 0 !important; overflow: hidden }
.picture_overlay .overlay div p.subtitle { font-size: 11px; }
#ie8 .picture_overlay .overlay div { display: none }
#ie8 .picture_overlay:hover .overlay {
background-color: #000;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
}
.picture_overlay:hover, .picture_overlay:hover .overlay {
box-shadow:
inset 0 0 20px 450px rgba(0,0,0, 0.4) ;
}
.picture_overlay:hover .overlay div {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
} .faq-filters-container, .faq-filters {
border: 1px solid #d3d2d2;
padding: 2px;
}
.faq-filters-container { margin-bottom: 38px }
.faq-filters { padding: 11px 12px 7px 12px }
.faq-filters p { float: left; }
.faq-filters select, .faq-filters .select-wrap { float: right; margin-top: 3px; }
ul.filters.faq { float: right; display: none;}
ul.filters.faq li, ul.filters.faq li a { font-family: 'Monda'; font-size: 12px }
.faq-title {
margin-bottom: 10px;
cursor: pointer;
min-height: 26px;
padding-bottom: 0px;
border-bottom: 1px solid #e8eaeb;
}
.faq-title.active {  }
.faq-title .plus,
.faq-title .minus,
#sidebar-shop-sidebar .widget .plus,
#sidebar-shop-sidebar .widget .minus {
width: 16px;
height: 16px;
float: left;
text-align: center;
font-size: 30px;
color: #ffffff;
display: inline;
margin-top: 2px;
}
.faq-title .plus,
#sidebar-shop-sidebar .widget .plus
{
background-color: #2c2b2b;
background-image: url(//thetradingco.co.za/wp-content/themes/room09/images/sprite.png);
background-position: -100px -14px;
}
.faq-title .minus,
#sidebar-shop-sidebar .widget .minus {
background-color: #c58408;
background-image: url(//thetradingco.co.za/wp-content/themes/room09/images/sprite.png);
background-position: -100px 0;
}
.faq-title h4 {
color: #373736;
margin: 0px;
padding-left: 30px;
font-weight: normal;
text-transform: uppercase;
font-size: 14px;
}
.features-tab-container .features-tab-wrapper .features-tab-content .faq-title h4 {
font-weight: normal;
text-transform: none;
}
.features-tab-container .features-tab-wrapper .features-tab-content ul.filters.faq li, ul.filters.faq li a { font-size: 12px }
.faq-title, .faq-item, .faq-title.active { background: none }
.faq-item { display: none; margin-bottom: 10px; position:relative; overflow:hidden; }
.faq-item.active { display: block; }
.faq-item-content .icon {
display: inline !important;
margin: 0 10px;
}
.faq-item-content {
padding-bottom: 10px;
}
.faq-item-content p {
color: #4f4d4d;
font-size: 13px;
}
.faq-wrapper {
width: 100%;
}
.filters.faq li {
margin-right: 5px;
padding-left: 0;
}
.filters.faq li a {
padding-left: 0px;
background-color: #ececec;
color: #545151;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 0px 7px;
line-height: 30px;
display: inline-block;
height: 30px;
}
.filters.faq li a:hover {color: #d98104}
.filters.faq li a.active {
background-color: #787777;
color: #ffffff;
}
.filters.faq li a.all {
-moz-border-radius: 0 5px 5px 0;
-webkit-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
margin-left: 15px;
}
.filters.faq li.all {
position: relative;
}
.filters.faq li a .prepend {
background-image: url(https://thetradingco.co.za/wp-content/themes/room09/images/faq-prepend.png);
left: 0;
min-height: 30px;
min-width: 16px;
position: absolute;
}
.filters.faq li a.active .prepend {
background-image: url(https://thetradingco.co.za/wp-content/themes/room09/images/faq-prepend-active.png);
left: 0;
min-height: 30px;
min-width: 16px;
position: absolute;
}  .not-btn.more-link, .not-btn.read-more,
.section-services-bandw .service-wrapper .service .read-more a,
.gform_button {
background-color: #605f5e;
background-image: none;
border: 0px;
color: #ffffff;
padding: 4px 8px 4px 6px;
text-transform: uppercase;
font-family: 'Monda' !important;
font-size: 10px !important;
font-weight: normal;
display: inline-block;
position: relative;
margin-top: 25px;
-webkit-box-shadow: 3px 3px 0 rgba(0,0,0,.13);
-moz-box-shadow: 3px 3px 0 rgba(0,0,0,.13);
box-shadow: 3px 3px 0 rgba(0,0,0,.13);
}
.not-btn.more-link:before , .not-btn.read-more:before,
.section-services-bandw .service-wrapper .service .read-more a:before {
content:"+ ";
float:left;
font-size:24px;
line-height:16px;
padding-right:4px;
}
.not-btn.more-link:hover, .not-btn.read-more:hover,
.section-services-bandw .service-wrapper .service .read-more a:hover,
.gform_button:hover {
text-shadow: 2px 2px 3px #856642;
background-color: #bc7f3e;
}  .content ul li,
.content ol li { margin-bottom: 10px; }  #home-sidebar { float: none; }  #back-top {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 1000;
padding: 5px 10px;
background-color: #ff0000;
}
#back-top a {}  #nav-topbar {
float: right;
margin-right: -1px;
} input[type=number] {
-moz-appearance:textfield;
} input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}