/*

	Franchise Canada - Stylesheet
	Designed by: Fallwater Creative
	www.fallwater.ca

*/

/*padding: top right bottom left*/

/* =General
---------------------------------------------------------------------------------------------------- */

body {
	margin: 15px 15px 10px 15px;
	background: #EEEEEE url(../images/wrapper/bg.gif) top center repeat;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
}

/* =Home Layout
---------------------------------------------------------------------------------------------------- */
#leftContent { 
	width: 392px; 
	float: left; 
	left: 0;
}
#rightContent { 
	width: 296px; 
	float: right; 
	top: 3px;
	left: -28px;
	*left: -13px;
	position: relative;
	text-align: left;
}

#thumbs {
	 width: 390px;
	 padding: 8px 0 5px 0;
	 background: #E8E8E8 url(../images/home/home-thmbs-btm.gif) bottom left no-repeat;
}
#thumbs p {
	font-size: 10px;
	padding: 0 12px 3px 12px;
	text-align: left;
	margin: 0;
	color: #000;
}
#thumbs .thumbInfo {
	border-top: 2px solid #000000;
	margin-bottom: 0;
	margin-top: 8px;
	padding: 8px 0 0 0;
	background: #E8E8E8;
}
.thumbRow {
	 margin: 0;
}
.thumbRow a img {
	margin: 3px;
	background: #FFF;
	border-right: #AEAEAE solid 1px;
	border-bottom: #AEAEAE solid 1px;
}
.thumbRow a:hover img {
	border-right: #666 solid 1px;
	border-bottom: #666 solid 1px;
}
#homeJumper {
	width: 390px;
	height: 35px;
	background: #990100;
	border-bottom: 2px solid #000;
}
#homeJumpLeft, #homeJumpRight {
	width: 3px;
	height: 35px;
	position: relative;
	display: inline;
	margin: 0;
}
#homeJumpLeft {
	float: left;
	background: #990100 url(../images/home/home-jump-left.gif) top left no-repeat;
}
#homeJumpRight {
	float: right;
	background: #990100 url(../images/home/home-jump-right.gif) top right no-repeat;
}
#homeJumper .go {
	position: relative;
	top: 4px;
	margin: 0 0 0 2px;
}
#homeJumper span {
	float: left;
	font-size: 1.6em;
	color: #FFF;
	font-variant: small-caps;
	font-weight: bold;
	margin: 6px 5px 0 8px;
}
#homeJumper form {
	position: relative;
	float: right;
	top: 6px;
	margin: 0 5px 0 0;
}
/* =Layout
---------------------------------------------------------------------------------------------------- */
#container {
	width: 100%;
	height: 100%;
}

#wrapper {
	border: 1px solid #666;
	background-color: #FFF;
	width: 780px;
	min-width: 780px;
	max-width: 780px;
	display: block;
	/*background: #FFF url(../images/wrapper/content-bg-y.gif) top left repeat-y;*/
}

#content {
	margin: 40px 28px 0 28px;
	text-align: left;
}
#contentBase {
	background-color: #FFF;
	/*background: #FFF url(../images/wrapper/content-base.gif) bottom left no-repeat;*/
	width: 780px;
	height: 26px;
	clear: both;
}

#header {
	width: 780px;
	height: 122px;
	background: #FFF url(../images/wrapper/header-logo.gif) 0 0 no-repeat;
}
#headerLinks {
	float: right;
	margin: 10px 15px 0 0;
	font-size: 11px;
}
#headerLinks a, #headerLinks a:link, #headerLinks a:visited:active {
	text-decoration: none;
	color: #666;
}
#headerLinks a:hover {
	text-decoration: none;
	color: #CC0000;
}
#homeLink {
	margin: 0;
}
#homeLink a {
	display: block;
	width: 82px;
	height: 75px;
	float: left;
	position: relative;
	left: 27px;
	top: 20px;
	text-indent: -99999em;
}

/* =Dynamic Franchise Containers
---------------------------------------------------------------------------------------------------- */
.fcContainer {
	width: 477px;
	background: #E8E8E8 url(../images/wrapper/fran-container-bg.gif) top left repeat-y;
	margin: 0 15px 10px 0;
	padding: 0;
}
.fcContainer .containt,
.fcContainer .containtAll,
.fcContainer .containtFran {
	margin: 13px 15px 8px 28px;
	*margin: 0 15px -10px 28px;
	padding: 0;
	/*height: 76px;*/
}
.fcContainer .containt {
	height: 76px !important;
}
.fcContainer .containtAll {
	height: 96px !important;
}
.fcContainer .containtAll a, .fcContainer .containtAll a:visited {
	text-decoration: none;
	color: #000;
}
.fcContainer .containtAll a:hover {
	text-decoration: none;
	color: #999;
}
.fcContainer .containtFran {
	font-size: 11px;
	height: 86px !important;
	*height: 80px !important;
}
div.fcContainer h1 {
	font-size: 16px;
	font-weight: bold;
	font-variant: normal;
	/*font-style: italic;*/
	color: #990000;
	margin: -4px 0 2px 0;
}
div.fcContainer p {
	margin: 0 0 4px 0;
	line-height: 1em;
}
div.fcContainer .desc {
	line-height: 1.3em;
}
/**** MORE BUTTON ****/
div.fcContainer div.more {
	position: relative;
	/*display: block;
	left: 340px;*/
	float: right;
	text-align: right;
	width: 94px;
	margin: -8px 0 0 0;
	*margin: -12px 0 -5px 0;
	!important
}

div.fcContainer div.more a,
div.fcContainer div.more a:link,
div.fcContainer div.more a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #000;
	padding: 0 15px 0 0;
	background: #E8E8E8 url(../images/wrapper/more-blk.gif) right 1px no-repeat;
}
div.fcContainer div.more a:hover {
	color: #666;
	background: #E8E8E8 url(../images/wrapper/more-blk.gif) right -16px no-repeat;
}
/*.fcContainer */img.logo {
	border-right: #AEAEAE solid 1px;
	border-bottom: #AEAEAE solid 1px;
	background-color: #FFF;
/*}
img.logo {*/
	margin: 0 8px 1px 0;
}
a img.logo:hover, 
.logo a:hover {
	border-right: #666 solid 1px;
	border-bottom: #666 solid 1px;
}
.fcContainerTop,
.fcContainerBtm {
	width: 477px;
	padding: 0;
	margin: 0;
	height: 3px;
}
.fcContainerTop {
	background: transparent url(../images/wrapper/fran-container-bg-top.gif) top left no-repeat;
	height: 3px;
}
.fcContainerBtm {
	background: transparent url(../images/wrapper/fran-container-bg-btm.gif) bottom left no-repeat;
	height: 3px;
	vertical-align: bottom;
	/*clear: both;*/
}
/* for home Frannet Listing */
.franContainerTop,
.franContainerBtm {
	width: 390px;
	padding: 0;
	margin: 0;
	height: 3px;
}
.franContainerTop {
	background: transparent url(../images/wrapper/franhome-container-bg-top.gif) top left no-repeat;
	height: 3px;
}
.franContainerBtm {
	background: transparent url(../images/wrapper/franhome-container-bg-btm.gif) bottom left no-repeat;
	height: 3px;
	vertical-align: bottom;
	/*clear: both;*/
}

/* =Dynamic Franchise Containers [HOME]
---------------------------------------------------------------------------------------------------- */
.fcContainerHome {
	width: 296px;
	background: #E8E8E8 url(../images/wrapper/feat-container-bg.gif) top left repeat-y;
	margin: 0 15px 10px 0;
	padding: 0;
}
/* info box */
.fcContainerInfo {
	width: 296px;
	background: #E8E8E8;
	margin: 25px 15px 10px 0;
	padding: 0;
	clear: right;
}
.fcContainerTopInfo, 
.fcContainerBtmInfo {
	width: 296px;
	padding: 0;
	margin: 0;
	height: 3px;
}
.fcContainerTopInfo {
	background: transparent url(../images/wrapper/info-container-bg-top.gif) top left no-repeat;
	height: 3px;
	margin: 0;
}
.fcContainerBtmInfo {
	background: transparent url(../images/wrapper/info-container-bg-btm.gif) bottom left no-repeat;
	height: 3px;
	vertical-align: bottom;
	margin: 0;
}
.fcContainerInfo .containt {
	margin: 3px 8px -4px 8px;
	*margin: 0 8px -10px 8px;
	padding: 0;
	font-size: 10px;
}
/*************/
.fcContainerHome .containt {
	margin: 13px 15px 8px 28px;
	*margin: 0 15px -10px 28px;
	padding: 0;
	/*height: 80px;*/
}
div.fcContainerHome h1 {
	font-size: 14px;
	font-weight: bold;
	font-variant: normal;
	/*font-style: italic;*/
	color: #990000;
	margin: -4px 0 2px 0;
}
div.fcContainerHome p {
	margin: 0 0 8px 0;
	line-height: 1.2em;
}
div.fcContainerHome div.more {
	position: relative;
	float: right;
	text-align: right;
	width: 94px;
	margin: 0 0 5px 0;
	*margin: 0 0 0 0;
}
div.fcContainerHome div.more a, 
div.fcContainerHome div.more a:link, 
div.fcContainerHome div.more a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #000;
	padding: 0 19px 0 0;
	margin: 0;
	background: #E8E8E8 url(../images/wrapper/more-blk.gif) 63px 2px no-repeat;
}
div.fcContainerHome div.more a:hover,
div.fcContainerHome div.more a:focus {
	color: #666;
	background: #E8E8E8 url(../images/wrapper/more-blk.gif) 63px -15px no-repeat;
}

.listingLogo {
	margin: 0 8px 10px 0;
	clear: left;
}
/*.fcContainerHome img.logo {
	border-right: #AEAEAE solid 1px;
	border-bottom: #AEAEAE solid 1px;
	background-color: #FFF;
}
 img.logo {
	margin: 0 8px 1px 0;
}*/

.fcContainerTopHome, .fcContainerBtmHome {
	width: 296px;
	padding: 0;
	margin: 0;
	height: 3px;
}
.fcContainerTopHome {
	background: transparent url(../images/wrapper/feat-container-bg-top.gif) top left no-repeat;
	height: 3px;
	margin: 0;
}
.fcContainerBtmHome {
	background: transparent url(../images/wrapper/feat-container-bg-btm.gif) bottom left no-repeat;
	height: 3px;
	vertical-align: bottom;
	margin: 0;
	clear: both;
}
/***************************************/
#rightMargin {
	width: 220px; 
	float: right; 
	left: 0;
}
#rightMargin p {
	margin: 0 3px 10px 3px;
	font-family: Arial, Helvetica, sans-serif;
}

.jumpContainer {
	background: transparent url(../images/wrapper/jumper-bg.gif) top left repeat-x;
	padding: 0; 
	margin: 5px 0 10px 0;
	width: 220px;
	height: 40px;
	/*float: right;*/
	/*clear: both;
	position: relative;*/
	left: 0;
	top: 0;
}
.jumpContainer .go {
	position: relative;
	top: 2px;
	width: 15px;
	height: 16px;
}
.jumpLeft {
	background: transparent url(../images/wrapper/jumper-left.gif) top left no-repeat;
	width: 3px;
	height: 40px;
	float: left;
}
.jumpRight {
	background: transparent url(../images/wrapper/jumper-right.gif) top left no-repeat;
	width: 3px;
	height: 40px;
	float: right;
}
.jumpContainer select {
	margin: 15px 0 0 3px;
	font-weight: normal;
}
/***************************************/
#franchiseInfo {
	width: 480px;
	font-size: 12px;
	/*float: left;**/
}
/* =Navigation
---------------------------------------------------------------------------------------------------- */

#nav {
	text-transform: uppercase;
	/*position: relative;*/
	top: 0;
	margin: 0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	clear: both;
	height: 16px;
	min-width: 780px;
	max-width: 780px;
	background: #666 url(../images/wrapper/nav-bg-x.gif) top left repeat-x;
}

#nav ul {
	width: 780px;
	padding: 0;
	margin: 0;
	color: #FFFFFF;
	float: left;
	font-weight: bold;
	background: #666 url(../images/wrapper/nav-bg-x.gif) top left repeat-x;
}

#nav ul li {
	display: inline;
}

#nav ul li a {
	padding: 5px 10px;
	background: #666 url(../images/wrapper/nav-bg-x.gif) top left repeat-x;
	color: #FFFFFF;
	text-decoration: none;
	float: left;
	border-right: 1px solid #FFFFFF;
}

#nav ul li p {
	padding: 4px 12px 0 0;
	*padding: 5px 12px 0 0;
	margin: 0;
	color: #FFFFFF;
	text-decoration: none;
	float: right;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: none;
}


#nav ul li a:hover,
#nav ul li a.selected {
	background: #BE0000;
	color: #FFFFFF;
	text-decoration: none;
}

/* =Typography
---------------------------------------------------------------------------------------------------- */

.bigger  {
	font-size: 14px;
	}

.smaller  {
	font-size: 10px;
}

h1  {
	color: #444;
	font-size: 1.8em;
	font-weight: bold;
	font-variant: small-caps;
	margin: 0 0 17px 0;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}
h2 {
	color: #333;
	font-size: 1.4em;
	font-weight: bold;
	margin: 0 0 6px 0;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}
h4 {
	color: #666;
	font-size: 1.4em;
	font-weight: bold;
	margin: -5px 0 6px 0;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}
h4 strong {
	text-transform: uppercase;
}
h5 {
	font-size: 1.0em;
	font-weight: bold;
	margin: 0 0 5px 0;
}
p {
	margin: 0 0 10px 0;
	line-height: 1.6em;
}
/* =Lists
---------------------------------------------------------------------------------------------------- */
ul,
ol {
	list-style: normal;
	margin: 0 0 15px 0;
}
ul li {
	list-style: outside square;
}
ul li,
ol li {
	padding: 2px 0;
	margin-bottom: 4px;
	margin-left: -10px;
	*margin-left: 30px;
}
ul.inline li {
	display: inline;
	margin: 0;
}

/* =Footer
---------------------------------------------------------------------------------------------------- */
#footer {
	color: #000;
	font-size: 11px;
	margin: 0 auto;
	clear: both;
	text-align: center;
	width: 780px;
}
#footer .nav li {
	margin-left: 10px;
}
#footer p {
	margin: 2px 3px 0 3px;
}
#footer a, #footer a:link:active:visited {
	color: #000;
}
#footer a:hover {
	text-decoration: none;
}

/* =Header
---------------------------------------------------------------------------------------------------- */


/* =Forms
---------------------------------------------------------------------------------------------------- */ 
#franchiseContact {
	margin: 10px 10px 10px 30px;
}
#franchiseContact td {
	padding: 3px 0 3px 0;
}
.fcContainer form input {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #333;
}
.indent  {
	text-indent: 3em;
}

.validation  {
	color: #FF0000;
	font-weight: bold;
}
	
form  {
	margin: 0;
	padding: 0;
}

form, select {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
option {
	font-weight: normal;
}
.confirm {
	color: #FF0000;
	margin: 0 0 -15px 0;
	font-weight: bold;
}
.formButtons {
	padding: 5px;
	font: bold 14px/1.2em Arial, Helvetica, sans-serif;
}
/* =Links
---------------------------------------------------------------------------------------------------- */
a, a:link {
	text-decoration: underline;
	color: #990100;
}
a:visited {
	color: #333;
}
a:hover {
	color: #666;
}
a:active {
  outline: none;
}
a:focus {
  -moz-outline-style: none;
}
#completeListings {
	text-align: right;
	font-size: 10px;
	float: right;
	margin: -6px 2px 10px 0;
	color: #990100;
}
#completeListings a, #completeListings a:link, #completeListings a:visited {
	color: #990100;
	text-decoration: none;
}
#completeListings a:hover {
	color: #333;
}
.top {
	background: none;
	position: relative;
	float: right;
	width: 30px;
	left: 270px;
	clear: none;
	margin: 0;
	*margin: -10px 0 -10px 0;
}
div.top a, div.top:active, .top a:link, .top a:visited {
	text-decoration: none;
	color: #666;
}
div.top a:hover {
	text-decoration: none;
	color: #990100;
}

div.category a, span.category a:link {
	color: #333333;
	font-weight: normal;
	text-decoration: underline;
}
div.category a:hover {
	color: #990100;
	font-weight: normal;
	text-decoration: underline;
}

/* =Misc: Print and Send
---------------------------------------------------------------------------------------------------- */
#print-send  {
	background: none;
	background-color: #FFFFFF;
	margin: 10px 0 0 0;
}
#tools {
	position: relative;
	top: -18px;
	margin-bottom: -16px;
}
a.print, a.print:link, a.print:active {
	background: transparent url(../images/print-icon.gif) 0 0 no-repeat;
	margin: 5px 5px 0 5px;
}
a.sendIt, a.sendIt:link, a.sendIt:active {
	background: transparent url(../images/send-icon.gif) 0 0 no-repeat;
	margin: 5px 5px 0 7px;
}
a.print, a.sendIt {
	/*width: 210px;*/
	height: 13px;
	/*display: block;*/
	color: #BE0000;
	padding: 0 0 0 17px;
	text-decoration: none;
}
a.print:hover, a.sendIt:hover {
	text-decoration: underline;
}

hr {
	color: #FFFFFF;
	margin: 0;
	border-bottom: 1px solid #999999;
}

/* GOOGLE ADSENSE
------------------------------------------------*/
#sb-as,
#rightMargin .instructions {
	margin: 0 auto 10px auto;
	width: 200px;
}
.content-as {
	width: 120px;
	height: 240px;
	float: left;
	clear: left;
	margin: 0 15px 5px 0;
}