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

/* Table of Content
==================================================
	
	#Icon Fonts
	#Site Styles
	#Navigation
	#Page Styles
	#Page Specific Styles
	#Media Queries */


	/* #Internet Explorer Fixes
================================================== */
	.ie .introtext{background:transparent;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2bf1e2e,endColorstr=#b2bf1e2e);}


/* #Site Styles
================================================== */
	.page-wrap, .footer-wrapper{width:980px;margin:0 auto;background-color:#fff;}
	
	.page-wrap { min-height: 100%; border-top: 1px solid transparent; }
	.page { margin: 0 auto; overflow: visible; padding-bottom:82px; }

	/* Section Classes */
	.block { clear: both; position: relative; width: 100%; }

/* #Navigation
================================================== */
	.nav-wrapper {
		min-height: 60px;
		position: relative;
	}	
	

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

	/* Header */
	.header {
		background: #fff;
		clear: both;
		color: #fff;
		width: 100%;
		position: relative;
		z-index:10;
	}
	#top-bar a, .#top-bar a:visited {color:#bf1e2e;}
	#top-bar a:hover {color:#eb1b37; text-decoration: underline; }
	
	#top-bar{background-color:#ddd;padding:10px;margin-bottom:10px;}
	#top-bar strong{text-transform:uppercase;color:#eb1b37;}
	
	.contact-details {
		text-align: center;
		list-style: none;
		margin: 0;
		padding: 0;
		font-size: 13px;
		color: #585656;
	}
	.contact-details li {
		display:inline-block;
		margin-bottom:0;
		margin-right:15px;
	}
	.contact-details a,
	.contact-details a:visited {
		color:#bf1e2e;
	}
	.contact-details a:hover {
		color:#eb1b37;
	}

	/* Logo */
	.logo {
		max-width: 100%;
		height: auto;
	}
	.logo img{margin:0 auto;display:block;}
	
	/* nav */
	.twelve.columns.navcontainer{padding:10px;}
	
	/* Search */
	.search { position: relative; }
	.search input[type="text"], .search input[type="submit"] { max-height: 30px; }
	.search input[type="text"] { width: 100%; }
	.search input[type="image"] { background: none; border: none; padding: 7px; position: absolute; right: 0; top: 0; z-index: 100; }


	/* Footer */
	.footer-wrapper {
		margin-top: -82px;
		margin-left: auto;
		margin-right: auto;
		background-color: #fff;
		min-height: 82px;
	}
	.footer-wrapper p, .footer-wrapper br{font-size:12px;margin-bottom:0;}
	.footer-wrapper a{color:#bf1e2e;}
	
	.footer-wrap { clear: both; margin: 0 auto; width: 940px; }
	.footer {
		padding-top: 20px;
		padding-bottom: 20px;
		text-align: center;
		font-size: 12px;
	}
	/* social media links */
	ul.social {text-align:center;margin:20px 0 0;}
	ul.social li {display:inline-block;margin:0 10px;}
	
	.footer-details{text-align:left;}
	.footer-tcw-details{text-align:right;}

	/* Header Login Box */
	.login-box { background: #fff; color: #111; display: none; padding: 20px 20px 0 20px; position: absolute; right: 0; top: 100px; z-index: 101; -moz-box-shadow: 0 2px 5px #555; -webkit-box-shadow: 0 2px 5px #555; box-shadow: 0 2px 5px #555; }
	.login-box a { color: #222; }

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

	/* Home & Default - Feature Image */
	.feature-image img {width:100%;}
	
	/* Featured: introtext */
	.introtext{position:absolute;top:0;right:0;bottom:3px;background-color:rgba(191, 30, 46, 0.7);padding:10px 20px;box-sizing:border-box;}
	.introtext h1{font-size:20px;color:#fff;line-height:1;margin-bottom:15px;}
	.introtext p, .introtext ul li{color:#fff;margin-bottom:10px;}
	.introtext ul{list-style:square;padding-left:20px;margin-bottom:5px;}


	/* Basket */
	table.faux-border { background: #ccc; width: 100%; }
	table.faux-border td { background: #fff; padding: 5px; }




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

@media only screen and (min-width: 1040px) {
	/*.page, .footer-wrap{width:80%;}*/
}

	/* 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) {

		.introtext{padding-top:5px;}
		.introtext h1{font-size:16px;margin-bottom:12px;}
		.introtext p{font-size:12px;margin-bottom:8px;}
		
		.page-wrap, .footer-wrapper {width:768px;}
		.footer-wrap { width: 768px; }

	}

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

		.page-wrap, .footer-wrapper {width:440px;}
		
		/* Header */
		.contact-details {text-align:center;}
		.contact-details li{display:block;margin-right:0;margin-bottom:10px;}
		
		.logo-wrapper {text-align: center;}

		
	
		/* --------- */
		/* Featured: image */
		#feature-image{height:auto;overflow:visible;}
		/* Featured: introtext */
		.introtext{display:table;position:relative;padding:0;margin-top:10px;background-color:#bf1e2e;}
		.introtext h1{font-size:24px;}
		.introtext .four.columns{padding:10px 20px;box-sizing:border-box;}
		
		

		/* Hide second tier of navigation */
		.nav ul li:hover ul { display: none; }

		/* Take out the extra height needed to position the nav to the bottom */
		.nav-wrapper { 
			min-height: 0;
		}

		/* Take out the extra height needed to position the nav to the bottom */
		.nav {
			position: static;
		}



		/* Update footer padding to allow for multi line text */
		/* social media links */
		.footer-wrapper .eight.columns{margin-bottom:20px;}
		
		.footer-wrap { width: 420px; }
		.footer { padding-top: 20px; }
		.footer-details,.footer-tcw-details{text-align:center;}

	}

	/* 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) {


		.page-wrap, .footer-wrapper {width:100%;}
		
		/* Centrally align the logo */
		.logo { float: none; text-align: center; }

		.footer-wrap { width: 300px; }

	}
/* End of 'Consultants - 1 - Layout' */