@import url("bootstrap-hotfixes.css");
@import url("smartserv-account.css");
@import url("smartserv-footer.css");
@import url("smartserv-services.css");

/* 0d8fdb */

html, body { height:100%; }
body { font:11pt/13pt 'Open Sans',sans-serif; }
#wrap { min-height:100%; }
#main-content { overflow: auto; padding-bottom:217px; }
body:before { content:""; height:100%; float:left; width:0; margin-top:-32767px; }

.panel-heading { border-top-left-radius: 3px; border-top-right-radius: 3px; }
.panel-default > .panel-heading { background-image:url("../img/service-header-black.png"); background-repeat:repeat-x; text-align:left; color:#f5f5f5; }

/* Add key-value pair styling to a .panel for product highlights on homepage */
.panel p { margin:5px 0; }
.panel-body p.key { margin:0; line-height:1.6em; }
.panel-body .key { font-weight:bold; text-align:left; }
.panel-body .key > .value { font-weight:normal; float:right; }
.panel-body .key > .value:after { clear: both; }

/* Add a navbar wrapper div for containering.  */
.navbar-wrapper { margin-top:10px; }
/* Special CSS style for the homepage, overlays the navbar on top of the featured content slider. */
.navbar-wrapper-home { position:absolute; top:0; right:0; left:0; z-index:20; }
/*.navbar-wrapper a:link, .navbar-wrapper a:active, .navbar-wrapper a:visited { color:#f5f5f5; } */

/* Set height for featured content slider */
#featured-content { height:500px; }
.featured { margin:0; /*margin-bottom: 30px;*/ }

.company { background:#f5f5f5; }
.company .container { padding:10px 30px; }
.company .container .row { margin-bottom:20px;; }
.company .hosting-features { margin:10px 0; text-align:center; font-size:16px; line-height:1.2em; }
.company .hosting-features div[class*='col-md-'] { margin:0 auto; text-align:center; }
.company .hosting-features div[class*='col-md-']:last-child { margin:0 auto; }

/* CSS for product highlight boxes */
.product-highlights  { text-align:center; margin:15px 0px; }
.product-highlights .product { display:inline-block; width:20%; margin:5px; }
.product-highlights .product .order { margin-top:12px; margin-bottom:0; }