/*
 
 ,---.     |                                 |
 |    ,---.|    ,---..   .,---.,---.,---.,---|
 |    |   ||    |   ||   ||    |   |,---||   |
 `---'`---'`---'`---'`---'`    |---'`---^`--
                               |    
 * @project:	CSS Framework
 * @version:	2.2 #Enthusiasm - 24/06/2011
 * @author:		Craig Thomas - www.colourpad.com
 * @license:	Colourpad CSS Framework by Craig Thomas is licensed under a Open Source Initiative OSI MIT License: http://opensource.org/licenses/mit-license.php
 * @changlog:	www.colourpad.com/framework/changelog.txt
 
 */

/*Import Framework (Remote updating. Change if you prefer not to use locally)*/
@import url("http://colourpad.com/framework/colourpadFramework-min.css");

/*Available CSS classes from framework for intellisense*/
.colourpad {} .pad1 {} .pad2 {} .pad3 {} .pad4 {} .pad5 {} .pad6 {} .pad7 {} .pad8 {} .pad9 {} .pad10 {} .pad11 {} .pad12 {} 
.first_cp {} .last_cp {} .clearfix_cp {} .grid_cp {} .optimalText_cp {} .appMode_cp {} .resize_cp {} .fluidImage_cp {}
.autoMobMode_cp {} .manualMobMode_cp {} .manualMobModeReverse_cp {} .mob_cp {} .mobShow_cp {}
 
 /*
 
 ,---.     |                                 |
 |    ,---.|    ,---..   .,---.,---.,---.,---|
 |    |   ||    |   ||   ||    |   |,---||   |
 `---'`---'`---'`---'`---'`    |---'`---^`--
                               |    
 * @Project   Colourpad
 * @version   4.0 - 24/06/2011
 * @author    Colourpad - http://colourpad.co.uk
 * @copyright Copyright (C) 2011 Colourpad
 */   

a {
	color:#E94E43;
	text-decoration: none;
	outline: none;
	font-weight:normal;
}

a:hover {
	text-decoration: underline;
}

a:active {
  outline: none;
}

body {
	font-size: 16px;
	color: #5A554E;
	font-weight:normal;
}

strong {
	color:#333;
}

/********** Top Spacer **********/

.top-spacer {
	height:57px;
	border-bottom: 3px #333 solid;
}

/********** Menu **********/

.menu {
	border-bottom:1px #ccc solid;
}
	.logo {
		margin-top:10px;
		margin-bottom:10px;
		font-size:40px;
		color:#333;
	}
	
	.contact-info {
		margin-top:15px;
		font-size:25px;
	}
	
/********** Header **********/

.header {
	border-bottom:1px #ccc solid;
}
	h1 {
		margin-top:30px;
		color:#333;
		font-size:43px;
		font-weight:normal;
	}
	
	h2 {
		color:#535353;
		font-size:35px;
		font-weight:normal;
		margin-top:-30px;
	}
	
	.header p {
		margin-top:-10px;
		font-size:17px;
		margin-bottom:30px;
	}
	
	.top-get-started-image {
		margin-top:25px;
		margin-right:-50px;
		float:right;
	}
	
	.top-get-started-button {
		margin-top:85px;
	}

/********** Header info **********/

.header-info {
	font-size:18px;
	color:#666;
}
	.margin-space {
		margin-top:20px;
		margin-bottom:20px;
	}
	
	.orange-header {
		font-size:35px;
		color:#E94E43;
		font-weight:bold;
		margin-bottom:-5px;
	}
	
	.line-header {
		font-size:30px;
		margin-left:-10px;
	}

/********** How it Works **********/

.how-it-works {
	border-bottom:1px #ccc dotted;
}
	.step-margin {
		margin-top:10px;
		margin-bottom:10px;
	}
	
	.how-it-works p {
		width:220px;
		margin-bottom:30px;
	}
	
	.how-it-works-num {
		font-size:40px;
		color:#333;
		float:left;
		margin-right:3px;
	}

/********** In Action **********/

.in-action {
	border-bottom:1px #ccc dotted;
}
	.in-action-margin-bottom {
		margin-top:30px;
		margin-bottom:30px;
	}
	
	.in-action-margin {
		margin-top:30px;
	}

/********** Who we are **********/

.who-we-are {
	border-bottom:1px #ccc dotted;
	margin-top:10px;
}

/********** Price **********/

.price-margin {
		margin-top:30px;
	}

	.yellow-box {
		background-color:#FCFBE8;
		border:1px #E1DFC4 solid;
		margin-bottom:20px;
		padding:15px;
	}
		.yellow-box p {
			margin-bottom:5px;
		}
		
		.yellow-box-header {
			font-size:30px;
			color:#333;
		}
		
		.yellow-box-price {
			font-size:16px;
			color:#FFF;
			background-color:#6CA04A;
			padding:2px 4px;
			vertical-align:middle;
		}
		
		.yellow-box-text {
			font-size:15px;
		}

.perfect-for-list {
	margin-top:-15px;
	border-bottom:1px #ccc solid;
	color:#666;
	font-size:17px;
}
	.perfect-for-list-end {
		border-bottom:none;
	}
	
	.perfect-for-header-margin {
		margin-bottom:20px;
		font-size:30px;
	}
	
	.perfect-for-list-margin {
		margin-left:20px;
	}

.get-started-bottom-button {
	margin-bottom:128px;
}


/********** Footer **********/

.footer p {
	margin-bottom:50px;
	font-size:13px;
	border-top:1px #ccc solid;
	padding-top:10px;
	text-align:center;
}



/********** Get Started Page **********/

.buy-form-background {
	background-color:#fff;
	border:20px #eee solid;
	margin-left:50px;
}

.price-basic-form-left {
	margin-top:20px;
}
	.form-margin {
		margin-left:123px;
		margin-bottom:-10px;
	}
	
	.selection-box {
		margin-bottom:20px;
	}
	
	.form-image-headers {
		margin-bottom:10px;
		margin-left:80px;
		margin-top:30px;
	}
				
		.extra-details {
			margin-bottom:-20px;
		}

input.buy-page-button {
	margin-left:295px;
	margin-top:30px;
	margin-bottom:20px;
	width:132px;
	height:50px;
	background:url(../images/submit-button.jpg) no-repeat;
	border:none;
	cursor:pointer;
}	
	.buy-message {
		margin-left:10px;
		margin-bottom:20px;
		color:#F00;
	}
	
.required-star {
	color:#F00;
	margin-bottom:0px;
}

.buy-message {
	margin-left:10px;
	margin-bottom:20px;
	color:#F00;
}

.form-field {
	width:292px;
	height:34px;
	font-size:20px;
	color:#333;
}
	.border {border:1px #AAAAAA solid;}
	.info-box {height:100px;}
	
	
/********** Contact us Page **********/	

.faqs {margin-right:90px;}
	
.contact-wrapper {
	background-color:#fff;
	border:20px #eee solid;
	padding:20px;
}
	.contact-wrapper label {
			display:block;
			float:none;
			width:auto;
			margin-top:10px;
		}
			.send-message-button {
				margin-top:10px;
				cursor:pointer;
				width:100px;
				height:34px;
				background-color:#DDD;
				border:1px #999 solid;
				color:#333;
			}
			
/********** Tabs **********/

ul.tabs {
	list-style:none;
	height:auto;
	border-bottom:1px #ccc solid;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height:auto; /*--Subtract 1px from the height of the unordered list--*/
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	margin-right:20px;
	overflow: hidden;
	position: relative;
	border:1px #ccc dotted;
	width:300px;
}
ul.tabs li a {
	margin:0 auto;
	font-size:25px;
	color:#999;
	font-weight:bold;
	padding:10px 0px;
	outline:none;
	display:block;
	text-align:center;
}

ul.tabs li a:hover {text-decoration:none;color:#E94E43;}
html ul.tabs li.active a {color:#E94E43;}

html ul.tabs li.active, html ul.tabs li.active a:active { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background:#fff;
	border:1px #ccc solid;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
	
}

html ul.tabs li.tab-space {margin-right:-20px;}


/******* Media Queries *******/
@media all and (max-width: 500px) {
	.contact-wrapper {
		border: 0px;
		padding:0px 0px 0px 4px;
	}
	
	.form-field {
		width: 263px;
	}
	
	.bottomGetStarted {
	}
	
	.top-get-started-button {
		margin: 0px 20px 20px 0px;
	}
	
	ul.tabs {
		display:none;
	}
	
	.yellow-box {
		padding: 5px;
	}
	
	.mobStep {
		border-bottom: 1px #CCC solid;
	}
	
	.form-margin {
		margin:0px;
	}
	
	.buy-form-background {
		border: 0px;
		margin-left: 5px;
	}

	.form-image-headers {
		margin-left: 0px;
	}
	
	.extra-details {
		margin-bottom: -10px;
	}
	
	input.buy-page-button {
		margin-left: 0px;
	}
	
	
}