/*********************************************
*                                            *
*  Coversure Franchise Micro Site            *
*  © DataMatters Ltd 2009                    *
*  Author Lee Jeffery - 04.12.09             *
*  ----------------------------------------  *
*  Layout                                    *
*                                            *
*********************************************/


#container {
	margin: 				0px auto;
	width: 					940px;
	padding: 				15px 20px 30px 20px;
}

#content-bg {
	width: 					940px;
	background: 			#ffffff url(../images/content-main.jpg) repeat-y 0px 0px;
}

#content-top {
	padding: 				10px 15px 0px 15px;
	width: 					910px;
	background: 			transparent url(../images/content-top.jpg) no-repeat 0px 0px;
}


/*********************************************
* Top Section                                *
*********************************************/

#top-container {
	margin: 				0px auto;
	height: 				80px;
	position: 				relative;
	padding-left: 			20px;
}

.top-left {
	padding-top: 			5px;
	padding-left: 			10px;
	float:					left;
}

#top-left-1 {
	float:					left;
}

#top-left-2 {
	float:					left;
	margin-left: 			70px;
}

.top-right {
	float:					right;
	padding-top: 			5px;
}

.top-right-section {
	padding: 				10px 0px 0px 0px;
	background-image: 		url(../images/login-background.png);
	background-position: 	center top;
	background-repeat: 		no-repeat;
	width: 					260px;
	height: 				90px;
}


/*********************************************
* Orange Welcome                             *
*********************************************/

#intro {
	margin: 				20px auto;
	padding-top: 			5px;
	padding-left: 			15px;
	width: 					860px;
	background: 			#fdab0b url(../images/intro_bg.gif) repeat-x 0px 0px;
	font-size: 				11px;
	line-height: 			1.5em;
	border: 				1px dotted #fe8503;
	margin-bottom: 			0px;
}

.intro {
	float: 					left;
	padding: 				0px 10px 10px 10px;
	width: 					400px;
	margin-right: 			5px;
}

/*********************************************
* Home Page Sub Stories                      *
*********************************************/

#sub-intro {
	margin: 				0px auto;
	padding-top: 			20px;
	padding-left: 			0px;
	min-height: 			200px;
	width: 					876px;
	font-size: 				11px;
	line-height: 			1.5em;
	background-image: 		url(../images/shade2.gif);
	background-position: 	center top;
	background-repeat: 		repeat-x;
	overflow: 				hidden;
}

.sub-intro {
	float: 					left;
	padding: 				10px 10px 0px 10px;
	width: 					267px;
	margin-right: 			5px;
	background-image: 		url(../images/box.png);
	background-position: 	center top;
	background-repeat: 		no-repeat;
	min-height: 			200px;
}

.sub-intro p {
	padding: 				0px 10px 0px 10px;
}

.sub-img {
	float: 					right;
	margin: 				-20px 0px 0px 10px;
}

.apply {
	float: 					none;
	text-align: 			center;
	margin: 				10px 0px 0px 60px;
}


/*********************************************
* Other                                     *
*********************************************/

.comment {
	float: 					right;
	margin: 				0px 10px 20px 20px;
	padding: 				10px;
	width: 					300px;
	color: 					#317023;
}

.menu-links ul {
	margin: 				0px;
	padding: 				0px;
	list-style: 			none;
}

.menu-links li {
	margin: 				0px;
	padding: 				5px 0px 5px 20px;
	display: 				block;
	font-size: 				13px;
	list-style: 			none;
	background-image: 		url(../images/arrow.png);
	background-position: 	left;
	background-repeat: 		no-repeat;
}

.graph {
	float: 					right;
	margin: 				0px 0px 30px 20px;
	width: 					240px;
	color: 					#317023;
	font-size: 				13px;
	font-weight: 			bold;
}

.franchisee-image {
	float: 					right;
	z-index: 				2;
	margin: 				0px 0px 10px 0px;
}

.franchisee-image2 {
	float: 					right;
	z-index: 				2;
	margin: 				0px 0px 10px 10px;
}

.franchisee-image3 {
	float: 					right;
	margin: 				0px 0px 10px 10px;
	padding:				2px;
	border:					1px solid #666666;
}

.testimonial-image {
	float: 					right;
	margin: 				0px 20px 20px 20px;
}

.branch-image {
	margin: 				20px 20px 20px 0px;
}

.main-img {
	float: 					right;
	margin: 				10px 0px 20px 40px;
}

.r-img {
	float: 					right;
}

.content-img {
	float: 					right;
	margin:					0px 20px 20px 20px;
}

.franchise-image {
	margin: 				10px 20px 20px 10px;
	float: 					right;
}

#franchise-content {
	margin: 				10px auto;
	padding-left: 			15px;
	padding-bottom: 		40px;
	width: 					860px;
	font-size: 				11px;
	line-height: 			1.5em;
	margin-bottom: 			0px;
}

#franchise-content p {
	line-height:			1.7em;
	font-size:				12px;
}

#franchise-content h1 {
	margin-top: 20px;
}

#franchise-content h3 {
	margin: 20px 0px 20px 0px;
}

#franchise-content li {
	font-size:				12px;
}

#franchise-content a.button {
	display: block;
	padding-left: 15px; 
	padding-right: 15px;
	font-size: 13px; 
	font-weight: bold;
	background-color: #fece5a;
	margin-bottom: 20px;
	margin-right: 20px;
	color: #333333;
	line-height: 25px;
	height: 25px;
	text-decoration: none;
	float: right;
}

#franchise-content a.button:hover {
	text-decoration: underline; color: #333333;
}

.reg-form {
	margin-top: 			10px;
	margin-left: 			20px;
}

.fr-image {
	float: 					right;
	z-index: 				2;
	margin: 				0px 0px 20px 10px;
	border: 				1px solid #317023;
	padding: 				2px;
}

.fr-section {
	margin: 				0px 0px 30px 0px;
	clear:					both;
	background-color: 		#fff;
	padding: 				10px 10px 10px 10px;
}

.sub-info {
	margin: 				20px 20px 20px 20px;
	clear:					both;
	padding: 				10px 10px 10px 10px;
	border-top:				1px dotted #317023;
}

.hide-info {
	margin: 				0px 20px 20px 20px;
	clear:					both;
	padding: 				10px 10px 20px 10px;
	border-bottom:			1px dotted #317023;
}

.cost {
	margin-top: 20px;
	float: left;
	width: 360px;
}

.award-image {
	margin: 				0px;
	border: 				1px solid #cccccc;
	padding: 				2px;
}

/*********************************************
* FOOTER                                     *
*********************************************/

#footer {
	margin: 				0px auto;
	color: 					#ffffff;
	font-size: 				12px;
	background-color: 		#234f19;
	padding: 				10px;
	line-height: 			1.7em;
	width: 					920px;
}

#footer .heading {
	font-size: 				16px;
	color: 					#fb9e0b;
	font-weight: 			bold;
	padding: 				10px 0px 10px 0px;
}

.footer-section {
	float: 					left;
	width: 					170px;
	overflow: 				hidden;
	margin-right: 			14px;
	padding: 				10px;
}

#footer a, #footer a:visited {
	color: 					#ffcd63;
	text-decoration:		none;
}

#footer a:hover {
	color: 					#ffcd63;
	text-decoration: 		underline;
}

#bottom {
	margin: 				10px auto;
	text-align: 			left;
	text-align: 			center;
	color: 					#8cfe72;
}

#bottom a, #bottom a:visited {
	color: 					#8cfe72;
	text-decoration: 		none;
}

#bottom a:hover {
	color: 					#8cfe72;
	text-decoration: 		underline;
}

/*********************************************
* MEET OUR FRANCHISEES                       *
*********************************************/

#slider {
	text-align: 			left;
}

#slider ul, #slider li {
	margin:					0;
	padding:				0;
	list-style:				none;
}
	
#slider li {
	width: 					400px;
	height: 				180px;
}

span#prevBtn{}
span#nextBtn{}

#prevBtn, #nextBtn { 
	display:				block;
	width:					30px;
	height:					77px;
	position:				absolute;
	left:					670px;
	top:					345px;
}	

#nextBtn { 
	left:					1015px;
}						
								
#prevBtn a, #nextBtn a {  
	display:				block;
	width:					40px;
	height:					40px;
	background:				url(../images/slider/left.png) no-repeat 0 0;
}	

#nextBtn a { 
	background:				url(../images/slider/right.png) no-repeat 0 0;	
}

#nextBtn a:hover { 
	background:				url(../images/slider/right2.png) no-repeat 0 0;	
}

#prevBtn a { 
	display:				none;
}

#test { 
	margin: 0px auto;
	text-align: center;
	padding-right: 20px;
}