@import url('bootstrap.min.css') screen;
@import url('style-light.css') screen;
@import url('/site/rs-plugin/css/settings.css') screen;
@import url('http://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,900') screen;
@import url('/site/scripts/highslide/highslide.css') screen;

/* Visreal Customisation */
hr { border:none; border-bottom:1px solid #ccc;}

.image_frame { padding:1px; border:1px solid #CCC; }

.slider-banner {background: url(/resources/images/banner_4.jpg) no-repeat bottom center; background-size:100% }
.banner-overlay {background: url(/site/images/overlay.png) 4px 4px repeat }

.header.affix h2 a {position: absolute; top: 50%; transform: translate(0,-50%); width: 200px; margin-left: -100px; height:36px}
.page-background { background-color: #f3f3ff; background-attachment: fixed; background-image: url(/site/images/handmadepaper.png); background-repeat: repeat;  }
.dropdown-menu {background-color: #5a5a5a; border-radius: 0 0 0.5em 0.5em;}

.header.affix h2 a {position: absolute; top: 50%; transform: translate(0,-50%); width: 200px; margin-left: -100px; height:36px}
.padding-20 { padding: 20px 0px; }
.padding-40 { padding: 40px 0px; }
.padding-60 { padding: 60px 0px; }
.divide-40 { width: 100%; height: 40px; clear: both; }
.divide-60 { width: 100%; height: 60px; clear: both; }
.margin-btm20 { margin-bottom: 20px; }
.margin-btm40 { margin-bottom: 40px; }
.text-small { font-size: 12px; line-height: 1em; }

.table tbody > tr > td { border-top: none; }
.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {background-color: #fafafa;}

.image-sec { position: relative; }
.image-overlay { position: absolute; text-align: center; background: rgba(245, 67, 37, 0.8); top: 0; bottom: 0; left: 0; right: 0; opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;  }
.image-overlay p { position: absolute; top: 50%; color: #fff; margin-top: -10px; width: 100%; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.image-overlay p i { font-size: 44px; color: #fff; }
.image-sec:hover .image-overlay { opacity: 1; }

#map-canvas { width: 100%; height: 400px; }
#map-container { overflow: hidden; }
#map { float: left; width: 60%; height: 500px; margin: 0px auto; border-radius: 10px; border: 1px solid #ccc; }
#map-directions { float: right; width: 38%; padding-left: 1%;  height: 500px; overflow: auto;}

/* Product Listings */
.table td { padding: 2px; border-top: 0px solid #dddddd; }
.details p { background-color:#EBEBEB; color: #000; font-size: 12px; font-style: italic; margin: auto 95px; max-width: 600px; border: 2px dotted #ffb76f; padding: 3px 5px; }
.more-details { font-size: 12px; font-style: italic; float: right; margin-right: 20px; }
.more-details a:hover { text-decoration: none; }

.product-listing {background-color:#F0F0F0; padding:0 20px; border-radius:10px; margin-top:-30px; }
.product-listing p {color:#999; font-size:11px; line-height:1.2em;}
.product-listing li {margin-left:20px; font-size:11px;}


.btn-mini [class^="icon-"],
.btn-mini [class*=" icon-"] {  margin-top: -1px;}
.btn-mini {  padding: 0 6px;  font-size: 10.5px; -webkit-border-radius: 3px; -moz-border-radius: 3px;  border-radius: 3px; }

/* Portfolio */
#grid .mix { display: none; opacity: 1; }
.portfolio-filters { margin-bottom: 30px; list-style-type: none; }
.portfolio-filters { margin-left: 0px; width: 100%; padding-left: 0px; }
.portfolio-filters li { display: inline-block; padding: 6px 12px; cursor: pointer; margin-right: 8px; margin-bottom: 5px; background-color: #eee; color: #222; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.portfolio-filters li:hover { background-color: #F54325; color: #fff; }
.portfolio-filters li.active { color: #fff; background-color: #F54325; }
.port-single-desc strong { font-weight: 700; color: #555; }
.port-single-desc { margin-bottom: 10px !important; padding: 10px 20px !important; }
.port-single-desc p { margin: 0px; }
.port-single-desc a { display: block; }
/*portflio no margin no padding*/
.portfolio-no-margin { margin: 0px; padding: 0px; margin-bottom: 0px !important; }
/*  Portflio and blog image hover overlay  */
.portfolio-item { margin-bottom: 20px; min-height:200px; }
.image-sec { position: relative; }
.image-overlay { position: absolute; text-align: center; background: rgba(245, 67, 37, 0.8); top: 0; bottom: 0; left: 0; right: 0; opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.image-overlay p { position: absolute; top: 50%; color: #fff; margin-top: -10px; width: 100%; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.image-overlay p i { font-size: 44px; color: #fff; }
.image-sec:hover .image-overlay { opacity: 1; }

/* Smart Select */
div.ss-wrap * { margin: 0; padding: 0; border: none; background: none; background-color: transparent; background-image: none; background-position: 0 0; text-decoration: none; font-size: 1em; }
input.ss-input { display: block; }
input.ss-input-thinking { background-image: url(/site/images/indicator.gif); background-repeat: no-repeat; background-position: center right; }
ul.ss-box { /* Will be absolutely positioned in the JavaScript */
margin: 0 !important; padding: 0 !important; width: 304px; z-index: 999999; border: 1px solid #919191; font-size: 11px; background: #fff; -moz-box-shadow: 2px 2px 5px 0 #c5c5c5; list-style: none;}
ul.ss-box li { float: left; width: 100%; clear: both; }
ul.ss-box li,  ul.ss-box li * { cursor: pointer; }
ul.ss-box li.ss-header { height: 28px; overflow: hidden; padding: 5px 0; color: #fff; background: transparent url(/site/images/search-header-bg.gif) repeat-x bottom; }
ul.ss-box li.ss-header p.ss-header-text { margin: 0 !important; padding: 0 0 0 10px !important; float: left; font-size: 12px; font-weight: bold; }
ul.ss-box li.ss-header p.ss-header-limit { margin: 0 !important; padding: 0 10px 0 0 !important; float: right; font-size: 11px; font-weight: normal; }
ul.ss-box li.ss-result { margin: 0 !important; padding: 0 !important; border-bottom: 1px solid #c5c5c5; }
ul.ss-box li.ss-result a { display: block; padding: 5px 10px; text-decoration: none !important; background: #fff; }
ul.ss-box li.ss-result a:hover { background: #cde0ff url(/site/images/search-item-hover.gif) repeat-x top; /* Also is set in JavaScript file for IE6 compatibility */ }
ul.ss-box li.ss-result img { margin-right: 12px; }
ul.ss-box li.ss-result p { margin: 0 !important; padding: 0 !important; color: #444; font-weight: normal; font-size: 10px; line-height:12px; }
ul.ss-box li.ss-result p span.ss-result-title { display: inline !important; margin: 0 !important; padding: 0 !important; font-size: 11px; font-weight: bold; color: #222; }
.search { padding: 7px 7px 7px 30px; border: 2px solid #d0d0d0; background: #fff url(/site/images/search.png) 8px center no-repeat; font-family: Helvetica, Arial, sans-serif; font-size: 16px; color: #666; }