/* ===== Smiths 2009 Group Stylesheet - Bluesky Interactive ====== */
html {
	background-color: #66696a;
	margin: 0;
	padding: 0;
}
body {
	margin: 0; 
	padding: 0;
	background: #FFF url(/images/body-bg.jpg) top left repeat-x;
}
img {
	margin: 0; 
	padding: 0;
	border: 0 
}
.notes {
	font: normal 10px "Century Gothic", Arial, Helvetica, sans-serif, serif; color: #7b7b7b; 
}
.clear {
	clear: both;
	height: 0px;
	overflow: hidden; 
}
#pages { 
	width: 976px;
	padding: 0;
	margin: 0 auto;
}

/* ==== header ==== */
#groupheader {
	width: 976px;
	padding: 0;
	margin: 0 auto;
	height: 124px;
	background:url(/images/header/group-header.jpg) top no-repeat;
}
#groupheader .logo {
	float: left;
}
#topheader {
	width: 976px;
	height: 89px;
	float: right;
	font: 11px "Century Gothic", Arial, Tahoma, Helvetica, sans-serif, serif; 
	color: #000;
	margin: 0;
	padding: 0;
}
#topheader a:link, #topheader a:visited, #topheader a:active {
	font-weight: bold;
	color: #0067aa;
	text-decoration: none; 
}
#topheader a:hover {
	color: #0067aa;
	text-decoration: underline;
	font-weight: bold;
}
.topheaderleft {
	float: left;
	width: 260px;
	margin: 0;
	padding: 24px 0 0 18px;
}
.topheaderright {
	float: right;
	width: 370px;
	margin: 0;
	padding: 0;
}
.topslogan {
	float: right;
	text-align: right;
	margin: 0;
	padding: 24px 20px 0 0;
}
.franchiselogo {
	float: right;
}

/* ====  headings ==== */
#content h1 {
	font: 22px "Century Gothic", Arial, Tahoma, Helvetica, sans-serif, serif; 
	color: #333333; 
	margin: 0;
	padding: 0 0 14px 0;
}
#content h2 {
	font: 15px "Century Gothic", Arial, Tahoma, Helvetica, sans-serif, serif; 
	color: #333333; 
	margin: 0; 
	padding: 0 0 18px 0;
}
#content h3 {
	font: 13px "Century Gothic", Arial, Tahoma, Helvetica, sans-serif, serif; 
	color: #333333; 
	margin: 0; 
	padding: 0 0 18px 0;
}
#content h1.blue {
	font: 22px "Century Gothic", Arial, Tahoma, Helvetica, sans-serif, serif; 
	color: #0067aa; 
	margin: 0;
	padding: 0 0 14px 0;
}
#content h1.grey {
	font: 22px "Century Gothic", Arial, Tahoma, Helvetica, sans-serif, serif; 
	color: #a0a0a0; 
	margin: 0;
	padding: 10px 0 14px 0;
}
#content h1.yellow {
	font: 22px "Century Gothic", Arial, Tahoma, Helvetica, sans-serif, serif; 
	color: #fdb414; 
	margin: 0;
	padding: 10px 0 14px 0;
}
#content h1.red {
	font: 22px "Century Gothic", Arial, Tahoma, Helvetica, sans-serif, serif; 
	color: #9c0a0d; 
	margin: 0;
	padding: 10px 0 14px 0;
}

/* ==== home ==== */
#content .franchise {
	margin: 0;
	padding: 0 4px 0 0;
}
.homeleft {
	float: left;
	width: 460px;
	margin: 0;
	padding: 0;
}
.homeright {
	float: right;
	width: 470px;
	margin: 0;
	padding: 0;
}
/* ==== content ==== */

#content {
	width: 940px;
	margin: 0 auto;
	padding: 15px 15px;
	background: #FFF url(/images/main/content-top.jpg) top no-repeat;
}
#content p {
	font: normal 12px/20px "Century Gothic", Arial, Tahoma, Helvetica, sans-serif, serif; 
	margin: 0;
	padding: 0 0 12px 0; 
	color: #333333
}

/* ==== main content ==== */
#fullleft {
	float: right;
	width: 700px;
	padding: 0;
	margin: 0;
}
#fullleft p {
	font: 12px/20px "Century Gothic", Arial, Tahoma, Helvetica, sans-serif, serif; color: #202020; 
	margin: 0;
	padding: 0 0 10px 0;
}
#fullright {
	float: right;
	width: 620px;
	padding: 0;
	margin: 0;
}
#fullright p {
	font: 12px/20px "Century Gothic", Arial, Tahoma, Helvetica, sans-serif, serif; color: #202020; 
	margin: 0;
	padding: 0 0 10px 0;
}
#mainleft  {
	float: left;
	width: 310px;
	padding: 0;
	margin: 0;
	color: #202020;
}
#mainright  {
	float: left;
	width: 390px;
	padding: 0;
	margin: 0;
	background-color:#FFF;
}
#mainright ul, #fullleft ul  {
	font: 12px/20px "Century Gothic", Arial, Tahoma, Arial, Helvetica, sans-serif;
	margin: 0 0 10px 10px; 
	padding: 0 0 0 5px;
	list-style-type: disc; 
	color: #202020;
}
#mainright ul li, #fullleft ul li {
	font: 12px/20px "Century Gothic", Arial, Tahoma, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 0 0 5px;
}
#mainright h1 {
	font: 22px "Century Gothic", Arial, Tahoma, Helvetica, sans-serif, serif; 
	color: #333333; 
	margin: 0;
	padding: 0;
}
#mainright p {
	font: 12px/20px "Century Gothic", Arial, Tahoma, Helvetica, sans-serif, serif; 
	color: #202020; 
	margin: 0;
	padding: 0 0 10px 0;
}
.mainrightcms  {
	float: left;
	width: 390px;
	padding: 0;
	margin: 0;
}
#right {
	float: left;
	margin: 0;
	padding: 0;
	width: 230px;
}

/* ==== find us ==== */
#right img.findus {
	float: right;
	margin: 0 0 160px 0;
	padding: 0;
}
#tabs {
	font-size: 90%;
	margin: 0 0 10px 0;
}
#tabs ul {
	float: left;
	background: #fff;
	width: 220px;
	padding-top: 4px;
}
#tabs li {
	margin-left: 8px;
	list-style: none;
	font: 14px "Century Gothic", Arial, Tahoma, Helvetica, sans-serif, serif; 
	color: #bfbfbf; 
	margin: 0;
	padding: 0;	
	border-top: 2px solid #e5e5e5;
	background: #f3f3f3;
}
* html #tabs li {
	display: inline;
}
#tabs li, #tabs li a {
	float: left;
}
#tabs ul li.active {
	border-top: 2px solid #6c6c6c;
	background: #cacaca;
}
#tabs ul li.active a {
	color: #333333;
}
#tabs div {
	background: #e8e8e8;
	clear: both;
	padding: 8px;
	min-height: 200px;
}
#tabs div h3 {
	margin-bottom: 12px;
}
#tabs div p {
	line-height: 150%;
}
#tabs ul li a {
	text-decoration: none;
	padding: 8px;
	color: #bfbfbf;
	font-weight: bold;
}
.thumbs {
	float:left;
	border:#000 solid 1px;
	margin-bottom:20px;
	margin-right:20px;
}


/* ==== data tables - finance ==== */
#datatablefinance {
	font: 12px "Century Gothic", Arial, Helvetica, sans-serif; 
	color: #333333;
	border-collapse: collapse;
	margin: 0 0 10px 0;
	padding: 0;  
}
#datatablefinance td {
	border-bottom: 1px solid #e5e5e5;
	padding: 0;
	margin: 0 
}
.motabilityvalue {
	font: 24px "Century Gothic", Arial, Helvetica, sans-serif; 
	color: #333333;
	margin: 0;
	padding: 0;
	text-align: right;
}
.businessvalue {
	font: 24px "Century Gothic", Arial, Helvetica, sans-serif; 
	color: #0073b2;
	margin: 0;
	padding: 0;
	text-align: right;
}
/* ==== data tables - finance ==== 
#datatableoffers {
	font: 12px "Century Gothic", Arial, Helvetica, sans-serif; 
	color: #333333;
	margin: 0 0 10px 0;
	padding: 0;
}
#datatableoffers td.odd {
	padding: 4px;
	margin: 0;
	border: 1px solid #e3e3e3;
	background-color: #efefef;
}
#datatableoffers td {
	padding: 4px 4px 10px 4px;
	margin: 0;
}
#datatableoffers tr {
	padding: 0;
	margin: 0;
	background-color: #FFF
}
#datatableoffers .model {
	padding: 0;
	margin: 0;
	font: 15px "Century Gothic", Arial, Helvetica, sans-serif; 
	color: #333333;*/
}
/* ====== Style for AutoComplete text box ====== */
.daCSSDropDown {
border: 2px solid #4d4e52;
width: 350px !important;
padding: 2px 2px 2px 2px !important;
background-color: #FFFFFF;}

.daCSSDropDown li {
margin: 0px !important; }

.daCSSDropDownItem li {
margin: 0px !important;
padding: 0px !important;}

.daCSSDropDownItem {
color: #262424;
border-bottom: 0px solid #96c7fd;
font-size: 14px;
list-style:none;}

.daCSSDropDownItemHighLight {
background-color: #367ed0;
color: #ffffff;
cursor: pointer;
border-bottom: 0px solid #96c7fd;
font-size: 14px;
list-style:none;}

.DaSearch {
font: 12px "Century Gothic", Arial, Helvetica, sans-serif; color: #5f6164;
width: 257px;
padding: 3px 0 3px 1px;}


/* ====== contact form ====== */

#contactform {
width: 720px;
margin: 0;
padding: 14px 10px 10px 10px;
background-color:#f3f3f3;
border: solid 1px #cccccc;
color:#262424;}
#contactform table {
margin: 0;}
#contactform form {
margin: 0;
padding: 0; }
#contactform td {
margin: 0;
padding: 0 0 5px 0; }
#contactform p {
margin: 0 0 0 0;
padding: 0; }
#contactform input {
margin-top: 5px;}
#contactform select {
width: 455px;
margin: 0 0 0 0;
padding: 3px 0;
font: 12px "Century Gothic", Arial, Helvetica, sans-serif;
color:#464646;}
#contactform input.chkbox {
margin: 0 6px 0 0;
padding: 0;
font: normal 11px "Century Gothic", Arial, Helvetica, sans-serif;  color:#464646;
border: 0; }
#contactform .contactwidth {
width: 453px;
margin: 0 60px 0 0;
padding: 2px 0 2px 0;
font: normal 12px "Century Gothic", Arial, Helvetica, sans-serif;  color:#464646; }
#contactform textarea {
font: normal 12px "Century Gothic", Arial, Helvetica, sans-serif;  color:#464646;
width: 451px;
height: 60px;
margin: 0 60px 0 0;
padding: 2px 0; }
#contactform .contactsubmit {
font: normal 17px "Century Gothic", Arial, Helvetica, sans-serif; color: #fff;
width: 154px;
margin: 11px 0 0 0;
height: 38px;
padding: 0;
background: url(/images/contact-submit.jpg) top no-repeat;
border:none;
cursor:pointer;}

/* ==== footer ==== */
#footercontainer {
width: 100%;
background-color: #66696a;
margin: 0 auto;
padiing: 0;
}
#footer {
width: 976px;
padding: 15px 0 20px 0;
color: #aeb0b0;
margin: 0 auto;}
#footer p {
margin: 0 0 11px 0;
font: 12px/20px "Century Gothic", Arial, Tahoma, Helvetica, sans-serif, serif; }
#footer a:link, #footer a:visited, #footer a:active {
font-weight: normal;
color: #aeb0b0; 
text-decoration: none; }
#footer a:hover {
font-weight: normal;
color: #FFF; 
text-decoration: underline;}
#footerleft {
width: 234px;
float:left;
padding: 0 12px 0 12px;
margin: 0}
#footerright {
float: left;
width: 670px;
border-left: 1px solid #858788;
padding: 0 12px 0 12px;
margin: 0;
}
/* ========================================
                 T & C's 
===========================================*/

#terms {
	padding: 2px 0 0 0;
	font: normal 12px/20px "Century Gothic", Arial, Helvetica, sans-serif; color: #999; 
	background-color: #FFF;
	}

#terms p {
	margin: 0 5px 10px 6px;
	}

#terms h2 {
	font: bold 16px/20px "Century Gothic", Arial, Helvetica, sans-serif; color: #999; 
	margin: 0 0 2px 6px;
	}

#terms a {
	color: #0073b2; text-decoration: none; font-weight: bold;
	}

#terms a:hover {
	color: #004890;
	text-decoration: none;
	}