/* Start of CMSMS style sheet 'layout' */
/*
* Directory 1.0
* Copyright 2012, The Company Warehouse
* www.thecompanywarehouse.co.uk
* 07/12/2012
*/

/* Table of Contents
==================================================
	
	#Site Styles
	#Navigation
        #Shop
	#Page Styles
	#Page Specific Styles
	#Media Queries */


	/* #Fonts (in base.css)
================================================== */



/* #Site Styles
================================================== */

html {
overflow-y: scroll; 
}
body,a,p,span,div,ul,li,h1,h2,h3,h4,h5,h6 {
	font-family:"Open Sans",sans-serif;
}

h1,h2,h3,h4,h5,h6 {
	color:#5aa6db !important;
}

a.active {
	color: #5aa6db;
}

/* Header */

.topBar {
	margin-top:15px;
	margin-bottom:5px;
	font-size:17px;
	color:#757679;
	border-top:1px solid #cdcdcd;
	border-bottom:1px solid #cdcdcd;
	padding-top:3px;
	padding-bottom:5px;
}	

.topBar span {
	display:inline-block;
	vertical-align:middle;
}

.topBar .glyphicon {
	font-size:20px;
	color:#5aa6db;
}

.topBar a {
	color:#757679;
}

.btn.btn-small {
	min-width:100px !important;
	padding-top:10px !important;
	padding-bottom:10px !important;
	min-height:24px !important;
	border-radius:12px !important;
	font-weight:600 !important;
        line-height:14px;
}

.btn-small.btn-primary{
	color:#FFF !important;
	background-color:#5aa6db !important;
	border:none !important;
}

.btn-small.btn-white {
	color:#5aa6db!important;
	background-color:#fff !important;
	border:none !important;
}

.btn-white:hover {
        background-color:#337ab7 !important;
        color:#fff !important;
}

.header-sm{
	margin-top:25px;
}

.header-sm a:not(:first-child){
	margin-left:3px;
}

.header-search {
	margin-top:30px;
}

.footer-sm{
	margin-top:25px;
	display:inline-block;
	width:150px;
	margin-bottom:30px;
}

.footer-sm a:not(:first-child){
	margin-left:10px;
}

.img-div img {
	max-width:100%;
	display:block;
	height:auto;
}

.submit {
	padding-top:15px;
	padding-bottom:15px;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100% !important;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

/*.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}*/

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

#accordion .panel-body { padding:0px !important; }
#accordion .panel-body table tr td { padding-left: 15px !important; }
#accordion .panel-body .table {margin-bottom: 0px !important; }

.summaryImage {
      height:150px;
     background-size:contain;
     background-position:center;
     background-repeat:no-repeat;
}

.thumbnail.product .btn {
     min-width:initial !important;
}

.thumbnail h3 {
    font-size:12pt;
    height:50px;
    text-align:left;
}

.price {
	font-size:25px;
}

.detailImg {
margin-bottom:30px;
}

.detailText {
margin-top:30px;
margin-bottom:30px;
}

/* #Internet Explorer Fixes
================================================== */

.ie .flex-direction-nav a{background-color:#fff;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);}
.ie .intro .three.columns{background-color:#fff;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";filter:alpha(opacity=75);}
.ie .searchbar input[type="submit"],
.ie .searchbar input[type="submit"]:hover,
.ie .searchbar input[type="submit"]:focus,
.ie .searchbar input[type="submit"]:active{font-size:0px;filter:none;-ms-filter:none;}


/* #Navigation
================================================== */
.navbar {
margin-bottom:0px !important;
}

.navbar a {
	color:#757679;
	font-weight:500;
	font-size:18px;
}

.nav>li.active >a {
	color:#5aa6db;
}

.nav>li>a:hover {
	background:transparent !important;
}

.navbar .icon-bar {
	background-color:#cdcdcd;
}

.navbar-toggle{
	border: 1px solid #cdcdcd !important;
}


/* #Shop
================================================== */


/* #Page Styles
================================================== */

.page-side-images img {
	margin-bottom:15px;
	width:100%;
}

.page-header {
margin-top:0px !important;
}
	
	

/* #Page Specific Styles
================================================== */
#home-section-1 {
	background-color:#5aa6db;
	color:#fff;
	padding-top:15px;
	padding-bottom:15px;
}

#home-section-1 h1 {
        color:#fff !important;
}

#carousel-home{
	margin-bottom:40px;
	
}

#home-section-1 .carousel-inner .item {
	background-size:cover;
	background-repeat:none;
}

#home-section-1 .carousel-indicators {
	bottom:-35px;
}

#home-section-1 .carousel-indicators li{
	border-color:#aaa;
	background-color:#c6c6c6;
}

#home-section-1 .carousel-indicators .active{
	background-color:#fff;
}

#home-section-2 {
	padding-top:30px;
}

#home-section-2 h1 {
        color:#5aa6db;
}

#home-section-2 img {
	display:block;
	max-width:100%;
	height:auto;
	width:100%;
}

#home-section-2 h3 {
	text-align:center;
	color:#5aa6db;
}

#home-section-2 a {
	margin-top:15px;
	margin-bottom:15px;
}

.tiles {
margin-top:15px;
}

#footer {
	background-color: #006aa4;
	color: #fff;
	font-size:10pt;
       min-height:400px;
}

#footer a {
	color: #fff
}

p.footer-center{
	font-weight:300 !important;
}

#footer strong {
	font-weight:500 !important;
}

 @media only screen and (max-width : 768px) {
		.footer-center{
			text-align:center;
		}
    }
 @media only screen and (min-width : 769px) {
		.footer-right {
				text-align:right;
		}
    }

#default-section-1 {
	padding:15px 0px;
}

#default-section-1 h1 {
	margin-top:0px;
}

#default-section-2 {
	padding:15px 0px;
}

#default-section-2 h1 {
	margin-top:0px;
}

#default-section-1 h1, #default-section-1 h2, #default-section-1 h3 {
color: #5aa6db;

}

.contact-page {
    font-size:18px;
}


/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {

	}

	/* Desktop screens */
	@media only screen and (min-width: 960px) {
			/* Content */
	}
	
	/* Most screens */
	@media only screen and (min-width: 768px) {
			/* Footer */	
	}





/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) { 


}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {



}


.text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg {
    text-align: left;
}
.text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg {
    text-align: center;
}
.text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg {
    text-align: right;
}
.text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg {
    text-align: justify;
}

@media (max-width: 767px) {
    .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs {
        text-align: inherit;
    }
    .text-left-xs {
        text-align: left;
    }
    .text-center-xs {
        text-align: center;
    }
    .text-right-xs {
        text-align: right;
    }
    .text-justify-xs {
        text-align: justify;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm {
        text-align: inherit;
    }
    .text-left-sm {
        text-align: left;
    }
    .text-center-sm {
        text-align: center;
    }
    .text-right-sm {
        text-align: right;
    }
    .text-justify-sm {
        text-align: justify;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md {
        text-align: inherit;
    }
    .text-left-md {
        text-align: left;
    }
    .text-center-md {
        text-align: center;
    }
    .text-right-md {
        text-align: right;
    }
    .text-justify-md {
        text-align: justify;
    }
}
@media (min-width: 1200px) {
    .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg {
        text-align: inherit;
    }
    .text-left-lg {
        text-align: left;
    }
    .text-center-lg {
        text-align: center;
    }
    .text-right-lg {
        text-align: right;
    }
    .text-justify-lg {
        text-align: justify;
    }
} 
/* End of 'layout' */