/* CSS Document */

body {
	margin: 0 auto; 
	padding: 0;
	font: .75em/1.5em Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	background: url(franchises/franchise-background.jpg) 0 0 repeat-x;
	color:#535261;
}
.c clear_children .pc cc_tallest form {
	margin: 0;
	padding: 0;
}


.c { 
	width: 1031px; 
	position: relative;
	margin: 0 auto; 
	padding: 5px 0; 
	margin-top: 0;
	background: url(franchises/franchise-opportunities-mid.png) 0 0 repeat-y;
}


 .pc,.sc { 
	position: absolute; 
	top: 0; 
	left: 12px;
	z-index: 20;
} 

.pc	{
	width: 590px; 
	padding: 20px 10px 5px 10px;
	margin: 5px 0;
	background: #FFFFFF;
} 
.sc	{ 
	width: 333px;
	left: 634px; 
	padding: 20px 0 5px 0;
	background: #FFFFFF;
}

 .pc2,.sc2 { 
	position: absolute; 
	top: 0; 
	left: 12px;
	z-index: 20;
} 

.pc2	{
	width: 460px; 
	padding: 20px 10px 5px 10px;
	margin: 5px 0;
	background: #FFFFFF;
} 
.sc2	{ 
	width: 460px;
	left: 547px; 
	padding: 20px 0 5px 0;
	background: #FFFFFF;
}

.clear_children,.cc_tallest { position: relative; } /*\*/* html .clear_children { display: inline;}/**/
.cc_tallest:after { content: ''; } /* PREVENTS A REDRAW BUG IN SAFARI */

/* ]]> */

/* wfa styles: layout */

.header { 
	width: 1031px;
	height: 160px;
	position: relative;
	margin: 0 auto;
	background: url(franchises/franchise-opportunities-top.png) 0 0 no-repeat;

}
h1 {
	width: 1010px;
	height: 146px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 13px;
	left: 10px;
	background: url(franchises/new-franchising-opportunities.png) 0 0 no-repeat;
	text-indent: -9999px;
	background-image: url(franchises/new-franchising-opportunities.png);
}
h1 a { 
	position: absolute;
	top: 0;
	left: 435px;
	width: 140px;
	height: 120px;
	display: block;
}
.contactus a { 
	position: absolute;
	top: 26px;
	left: 860px;
	width: 120px;
	height: 50px;
	display: block;
	text-indent: -9999px;
	}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
li {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#main_nav {
	width: 969px;
	height: 34px;
	position: absolute;
	top: 103px;
	left: 32px;
	background: url(franchises/2010-navigation-menu.png) 0 0 no-repeat;
}

ul#main_nav li {
	font-size: 80%;
	color: #FFFFFF;
	padding: 0;
	margin: 0;
	list-style-type:none;
}
ul#main_nav li#homepage a{
position: absolute;
 width: 98px;
 height: 34px;
 background: url(franchises/2010-navigation-menu.png) 0 0 no-repeat;
 top: 0;
 left: 8px;
 text-indent: -9999px; 
}

ul#main_nav li#services a{
position: absolute;
 width: 115px;
 height: 34px;
 background: url(franchises/2010-navigation-menu.png) -98px 0 no-repeat;
 top: 0;
	left: 98px;
 text-indent: -9999px; 
}
ul#main_nav li#forums a{
position: absolute;
 width: 166px;
 height: 34px;
 background: url(franchises/2010-navigation-menu.png) -213px 0 no-repeat;
 top: 0;
	left: 213px;
 text-indent: -9999px; 
}
ul#main_nav li#news a{
position: absolute;
 width: 95px;
 height: 34px;
 background: url(franchises/2010-navigation-menu.png) -583px 0 no-repeat;
 top: 0;
	left: 583px;
 text-indent: -9999px; 
}

ul#main_nav li#features a{
position: absolute;
 width: 170px;
 height: 34px;
 background: url(franchises/2010-navigation-menu.png) -678px 0 no-repeat;
 top: 0;
	left: 678px;
 text-indent: -9999px; 
}
ul#main_nav li#legal a{
position: absolute;
 width: 127px;
 height: 34px;
 background: url(franchises/2010-navigation-menu.png) -848px 0 no-repeat;
 top: 0;
	left: 848px;
 text-indent: -9999px; 
}

ul#main_nav li#homepage a:hover { background: url(franchises/2010-navigation-menu.png) 0 -34px no-repeat;
 }
ul#main_nav li#services a:hover { background: url(franchises/2010-navigation-menu.png) -98px -34px no-repeat;
 }
ul#main_nav li#forums a:hover { background: url(franchises/2010-navigation-menu.png) -213px -34px no-repeat;
 }
ul#main_nav li#news a:hover { background: url(franchises/2010-navigation-menu.png) -583px -34px no-repeat;
 }
ul#main_nav li#features a:hover { background: url(franchises/2010-navigation-menu.png) -678px -34px no-repeat;
 }
ul#main_nav li#legal a:hover { background: url(franchises/2010-navigation-menu.png) -848px -34px no-repeat;
 }
 
.txtlst li{
	margin: 0 40px;
	list-style-position:inside;
	list-style-image:url(franchises/franchise-list.png);
}

a:link {
	color:#535261;
}
a:visited {
	text-decoration:none;
	color:#535261;
}
a:hover {
	text-decoration:underline;
	color:#535261;
}
h2 {
	font-size: 1.2em;
	}
	
h3 {
	font-size: 1em;
	margin-left: 30px;
	margin-right: 15px;
	}
.legal {
	font-size: 1.2em;
	margin: 30px 15px 1px 30px;
	}
#news p {
	font-size: 0.8em;
}
.pc p {
	margin-left: 30px;
	margin-right: 15px;
	margin-top: 1em;
	margin-bottom: 3px;
	text-align:justify;
}
.pc2 p {
	margin-left: 30px;
	margin-right: 15px;
	margin-top: 1em;
	margin-bottom: 3px;
	text-align:justify;
}
.pc2 h2 {
	margin-top:0;
	padding-top: 0;
}
.pc cite  {
	margin-top: 0;
	margin-bottom: 10px;
	margin-left: 30px;
	margin-right: 15px;
	font-size: 0.8em;
}
.pc dt {
	margin: 0;
	padding: 0 0 0 30px;
}

.pc table h4 {
	font-size: 0.8em;
	margin-left: 30px;
	margin-right: 15px;
	margin-top: 1em;
	margin-bottom: 3px;
	text-align:centre;
	font-weight: normal;
}

.af-form-wrapper {
	position: absolute;
	top: 72px;
	left: 405px;
	width: 170px;
	height: 295px;
	padding: 5px;
	font-size: 0.8em;
	border: #CCCCCC 1px solid;
}
.af-form-wrapper p {
 margin-left: 5px;
}
.af-form-wrapper2 {
	margin: 30px auto;
	width: 150px;
	padding: 5px;
	font-size: 0.8em;
}
.af-form-wrapper3 {
	position: absolute;
	top: 253px;
	left: 217px;
	width: 162px;
	height: 235px;
	padding: 5px;
	font-size: 0.8em;
	border: #CCCCCC 1px solid;
}

.af-form-wrapper4 {
	position: absolute;
	top: 236px;
	left: 217px;
	width: 162px;
	height: 235px;
	padding: 5px;
	font-size: 0.8em;
	border: #CCCCCC 1px solid;
}
.events {
	width: 170px;
	height: 446px;
	float: right;
	border: #CCCCCC 1px solid;
	margin: 32px 0 0 15px;
	background: url(franchises/activities.png) 0 0 repeat-x;

}
/* SLIDER CSS SLIDER CSS SLIDER CSS SLIDER CSS SLIDER CSS SLIDER CSS SLIDER CSS */
#slider {

	/* You MUST specify the width and height */
	width:895px;
	height:388px;
	position:relative;	
	overflow:hidden;
	margin-left: 44px;
	margin-top: 0px;
	margin-bottom: 30px;
	border: #ccc solid 1px;
}

#mask-gallery {
	
	overflow:hidden;	
}

#gallery {
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	
	z-index:0;
	
	/* width = total items multiply with #mask gallery width */
	width:5370px;
	overflow:hidden;
}

	#gallery li {

		
		/* float left, so that the items are arrangged horizontally */
		float:left;
	}


#mask-excerpt {
	
	/* Set the position */
	position:absolute;	
	top:0;
	left:0;
	z-index:500px;
	
	/* width should be lesser than #slider width */
	width:295px;
	height: 328px;
	overflow:hidden;	
	

}
	
#excerpt {
	/* Opacity setting for different browsers */
	filter:alpha(opacity=80);
	-moz-opacity:0.8;  
	-khtml-opacity: 0.8;
	opacity: 0.8;  
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	
	/* Set the position */
	z-index:10;
	position:absolute;
	top:0;
	left:0;
	
	/* Set the style */
	width:295px;
	background-color:#2856AC;
	overflow:hidden;
	font-family:arial;
	font-size:16px;
	color:#fff;	
}

	#excerpt li {
		padding:30px 30px;
	}
	#excerpt span {
		font-weight: bold;
		font-size: 20px;
		}
	
#mask-more {
	
	/* Set the position */
	position:absolute;	
	top:0;
	left:171px;
	z-index:500px;
	
	/* width should be lesser than #slider width */
	width:114px;
	overflow:hidden;	
	

}
	
#more {
		
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	
	/* Set the position */
	z-index:100;
	position:absolute;
	top:328px;
	left:0px;
	
	/* Set the style */
	width:104px;
	height: 38px;
	text-align: center; 
	background-color:#003399;
	overflow:hidden;
	font-family:arial;
	font-size:16px;
	color:#fff;	
}

	#more li {
		padding:10px 12px;
	}
#more a:link { color: #FFFFFF; text-decoration: none; }	
#more a:visited { color: #FFFFFF; text-decoration: none; }	
#more a:hover { color: #FFFFFF; text-decoration: underline; }	

.clear {
	clear:both;	
}
#button1 {
	position:absolute;	
	top:411px;
	left:878px;
	width:41px;
}
#button2 {
	position:absolute;	
	top:411px;
	left:925px;
	width:41px;
}
.hometitle {
width: 896px;
height: 20px;
text-indent: -9999px;
background: url(franchise-opportunities/serving-franchisors.png) 0 0 no-repeat;
	
}
.hometitleold {
	font-weight: normal;
	margin-top: 10px;
	margin-right: -530px;
	text-align: center;
	
}
/* SLIDER END SLIDER END SLIDER END SLIDER END SLIDER END SLIDER END SLIDER END */

.events p {
	margin-left: 10px;
	margin-right: 10px;
	font-size: 0.8em;
	text-align:left;
}
.sc h2 {
	margin-top: 25px;
	text-align: center;
}
.sc p {
	font-size: 1em;
	text-align:justify;
}
.sc2 h2 {
	margin-top: 22px;
	text-align: center;
}
.sc2 p {
	margin-left: 30px;
	margin-right: 15px;
	margin-top: 1em;
	margin-bottom: 3px;
	text-align:justify;
}
.nrwpara {
	margin-right: 170px;
}
.wfcbtn {
	margin-top: 8px;
	width: 162px;
	height: 245px;
	border: #CCCCCC 1px solid;
}
.features dt {
	font-size: 0.8em;
	font-weight: bold;
	margin: 10px 0 0 0;
}
.features dd {
	font-size: 0.8em;
	margin: 0;
}
 .siteinfo {
	width: 1031px;
	height: 240px;
	margin: 0 auto;
	padding: 0px 0 10px 0;
	text-align: center;
	font-size: 0.8em;
	background: url(franchises/franchise-opportunities-mid.png) 0 0 repeat-y;
}
.sliderx {
	width: 986px;
	margin-left: 20px;
	padding-top: 4px;
	border-top: 1px #333333 solid;

}
 .foot {
	width: 1031px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font-size: 0em;
}
.ft h5 {
	width: 1031px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font-size: 0.8em;
}

/* ---------------------------------------BOTTOM  MENU CLASSES */
.subnav {
	width: 990px;
	height: 240px;
	position: relative;
	background-color: #FFFFFF;
}

ul.subnav li {
	font-size: 80%;
	color: #FFFFFF;
	padding: 0;
	margin: 0;
	list-style-type:none;
}
ul.subnav li.franforums a{
position: absolute;
 width: 198px;
 height: 120px;
 background: url(franchises/franchise-menu.jpg) 0 0 no-repeat;
 top: 0;
 left: 0;
 text-indent: -9999px; 
}

ul.subnav li.franmarketing a{
position: absolute;
 width: 198px;
 height: 120px;
 background: url(franchises/franchise-menu.jpg) -198px 0 no-repeat;
 top: 0;
 left: 198px;
 text-indent: -9999px; 
}

ul.subnav li.websites a{
position: absolute;
 width: 198px;
 height: 120px;
 background: url(franchises/franchise-menu.jpg) -396px 0 no-repeat;
 top: 0;
 left: 396px;
 text-indent: -9999px; 
}

ul.subnav li.franservices a{
position: absolute;
 width: 198px;
 height: 120px;
 background: url(franchises/franchise-menu.jpg) -594px 0 no-repeat;
 top: 0;
 left: 594px;
 text-indent: -9999px; 
}

ul.subnav li.buyers a{
position: absolute;
 width: 198px;
 height: 120px;
 background: url(franchises/franchise-menu.jpg) -792px 0 no-repeat;
 top: 0;
 left: 792px;
 text-indent: -9999px; 
}


ul.subnav li.aboutus a{
position: absolute;
 width: 198px;
 height: 120px;
 background: url(franchises/franchise-menu.jpg) 0 -120px no-repeat;
 top: 120px;
 left: 0;
 text-indent: -9999px; 
}

ul.subnav li.wfapartners a{
position: absolute;
 width: 198px;
 height: 120px;
 background: url(franchises/franchise-menu.jpg) -198px -120px no-repeat;
 top: 120px;
 left: 198px;
 text-indent: -9999px; 
}

ul.subnav li.frannews a{
position: absolute;
 width: 198px;
 height: 120px;
 background: url(franchises/franchise-menu.jpg) -396px -120px no-repeat;
 top: 120px;
 left: 396px;
 text-indent: -9999px; 
}

ul.subnav li.clients a{
position: absolute;
 width: 198px;
 height: 120px;
 background: url(franchises/franchise-menu.jpg) -594px -120px no-repeat;
 top: 120px;
 left: 594px;
 text-indent: -9999px; 
}

ul.subnav li.wfacontacts a{
position: absolute;
 width: 198px;
 height: 120px;
 background: url(franchises/franchise-menu.jpg) -792px -120px no-repeat;
 top: 120px;
 left: 792px;
 text-indent: -9999px; 
}
/* ---------------------------------------SLIDING MENU CLASSES */

div.hoverscroll {
	position:relative;
}


/* List container */
div.hoverscroll div.listcontainer {
	overflow:hidden;
}
/* Items contained in the list */
div.hoverscroll ul.list li.item {
	display:block;
	padding:0;
}
div.hoverscroll.horizontal ul.list li.item {
	float:left;
}
#my-list {
margin-left: 20px;
}

#my-list li {
	display: block;
		width: 198px;
		height: 120px;
		background: #fff;
	color: #FFFFFF;
	padding: 0;
	margin: 0;
	list-style-type:none;
}



/* Arrows */
div.hoverscroll div.arrow {
	position:absolute;
	float:none;
	background-color:#ccc;
	background-position:center;
	background-repeat:no-repeat;
	opacity:0.8;
	filter:alpha(opacity=80);
}

div.hoverscroll div.arrow.left,
div.hoverscroll div.arrow.right {
	top:0px;
	width:40px;
	height:100%;
}
div.hoverscroll div.arrow.left {
	left:0px;
	background-image:url('jq/gfx/arrow-left-small.png');
}
div.hoverscroll div.arrow.right {
	right:0px;
	background-image:url('jq/gfx/arrow-right-small.png');
}

div.hoverscroll div.arrow.top,
div.hoverscroll div.arrow.bottom {
	left:0px;
	width:100%;
	height:40px;
}
div.hoverscroll div.arrow.top {
	top:0px;
	background-image:url('jq/gfx/arrow-up-small.png');
	
}
div.hoverscroll div.arrow.bottom {
	bottom:0px;
	background-image:url('jq/gfx/arrow-down-small.png');
}
/* Hover Zones */
/*
div.hoverscroll div.hoverZoneLeft,
div.hoverscroll div.hoverZoneRight,
div.hoverscroll div.hoverZoneTop,
div.hoverscroll div.hoverZoneBottom {
	position:absolute;
}
div.hoverscroll div.hoverZoneLeft {
	cursor: url('jq/gfx/mouse-arrow-left.cur'), w-resize;
	top:0px;
	left:0px;
	width:40%;
	height:100%;
}
div.hoverscroll div.hoverZoneRight {
	cursor: url('jq/gfx/mouse-arrow-right.cur'), w-resize;
	top:0px;
	right:0px;
	width:40%;
	height:100%;
}
div.hoverscroll div.hoverZoneTop {
	cursor: url('jq/gfx/mouse-arrow-up.cur'), n-resize;
	top:0px;
	left:0px;
	width:100%;
	height:40%;
}
div.hoverscroll div.hoverZoneBottom {
	cursor: url('jq/gfx/mouse-arrow-down.cur'), n-resize;
	bottom:0px;
	left:0px;
	width:100%;
	height:40%;
}
*/
/* NEWS TICKER */
/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
width: 986px; 
height: 27px; 
margin: 0 auto; 
padding: 0
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 946px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
font: 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 
.mainnews {
	font-size: 1em;
	
}
.briefs {
	padding-left: 35px;
	font-size: 0.8em;
	}
	
/* SUPPLIER PARTNERS */

.suppliers {
	position: relative;
	width: 352px;
	padding: 5px 0 5px 299px;
	
}
.suppliers h3 {
	font-size: 1.1em;

}
.suppliers li {
height: 125px;
padding: 5px;
margin: 0px;
}

.suppliers img {
	position:absolute;
	height: 120px;
	width: 231px;
}
.adgiants img{
	
	top: 0px;
	left: 40px;
}
.andrade img{
	
	top: 135px;
	left: 40px;
}
.c3b img{
	
	top: 270px;
	left: 40px;
}
.delovoy img{
	
	top: 415px;
	left: 40px;
}

.desita img{
	
	top: 540px;
	left: 40px;
}
.dps img{
	
	top: 675px;
	left: 40px;
}
.europg img{
	
	top: 810px;
	left: 40px;
}
.frs img{
	
	top: 945px;
	left: 40px;
}

.franexcel img{
	
	top: 1080px;
	left: 40px;
}

.thepva img{
	
	top: 1215px;
	left: 40px;
}

.intellevue img{
	
	top: 1350px;
	left: 40px;
}
.javelin img{
	
	top: 1485px;
	left: 40px;
}
.mallexpo img{
	
	top: 1620px;
	left: 40px;
}
.midamr img{
	
	top: 1755px;
	left: 40px;
}
.nairestore img{
	
	top: 1890px;
	left: 40px;
}
.power img{
	
	top: 2025px;
	left: 40px;
}
.pseintl img{
	
	top: 2160px;
	left: 40px;
}
.rfadf img{
	
	top: 2295px;
	left: 40px;
}
.specops img{
	
	top: 2430px;
	left: 40px;
}
.which img{
	
	top: 2565px;
	left: 40px;
}
.wray img{
	
	top: 2700px;
	left: 40px;
}
.xegy img{
	
	top: 2835px;
	left: 40px;
}
.xtra1 img{
	
	top: 2970px;
	left: 40px;
}
.xtra2 img{
	
	top: 3105px;
	left: 40px;
}
/* STRATEGIC PARTNERS */

.partners {
	position: relative;
	width: 352px;
	padding: 5px 0 5px 299px;
	
}
.partners h3 {
	font-size: 1.1em;

}
.partners li {
height: 125px;
padding: 5px;
margin: 0px;
}

.partners img {
	position:absolute;
	height: 120px;
	width: 231px;
}
.midamar img{
	
	top: 0px;
	left: 40px;
}




.subnavh {
	list-style: none;
	font-size: .75em;
	line-height: 1.9em;
	text-align: center;
	padding: 0;
	z-index: 20;
}
.subnavh li {
	list-style: none;
	display: inline;
	padding: 0;
	margin: 0 4px;
	z-index: 20;
	}
/* REGISTRATION FORM FOR THE IFFF */
#ifffreg {
	width:564px;
	margin: 0 auto;

}
.red {
	color: #990000;
	margin-left: 30px;
	margin-right: 15px;
	}
	
.numbered {
	list-style: decimal;
	margin-left: 25px;
}
.formformat input {
	margin: 4px 20px;

}
.announcements {
	margin-left: 80px;
	margin-top: 0;
	margin-bottom: 15px;
	}
hr {
	width: 560px;
	
}

.featurebox {
	position: relative;
	width: 966px;
	height: 230px;
	margin-left: 9px;
	margin-top: 15px;
}
.quickcontact {
	position: absolute;
	top: 5px;
	left: 0px;
	width: 225px;
	height: 235px;
	text-align: center;
}

.af-form-wrapper5 {
	position: absolute;
	top: 4px;
	left: 235px;
	width: 170px;
	height: 215px;
	padding-top: 15px;
	padding-bottom: 5px;
	padding-left: 30px;
	padding-right: 30px;
	margin-top: 0;
	font-size: 0.8em;
	background: url(international-franchising/franspeak.png) 15px 16px no-repeat;

}

.wfcbtn2 {
	position: relative;
	width: 929px;
	height: 65px;
	text-align: center;
	margin: 0;
	padding-left: 12px;
}

.evnts2 {
    color:#000066;
	width: 236px;
	height: 235px;
	float: right;
	margin: 4px 0 0 5px;
	padding-top: 25px;
	background: url(international-franchising/associate-program.png) 15px 16px no-repeat;

}
.evnts2 p {
	margin: 15px 30px 5px 30px;
	font-size: 0.8em;
	text-align:left;
}
.evnts2 a:link {
	color:#000066;
}
.evnts2 a:visited {
	color:#000066;
}

