@charset "utf-8";
/* CSS Document */

fieldset {
	float:left;
	margin-right:5px;
	padding:0 10px;
	}
dd {
	margin-left:150px;
	}
dd select {
	}	
dt {
	float:left;
	font-weight:bold;
	width:160px;
	}	
body{
	margin:0;
	padding:0;
	font-size:1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#c0c0c0;
}

#container {
	margin:0;
	background: url(../images/bg-top.png) repeat-x left top;
}

#sub_container{
	margin:0;
	background: url(../images/bg-bottom.png) repeat-x left bottom;
}


#mid_sub_container {
	margin:0 auto;
	width:1070px;
	background: url(../images/content-bg.png) repeat-y center bottom;
}

#mid_sub_container p{
	
}

#top_bg {
	margin:0;
	background: url(../images/mid-container-top-bg.png) no-repeat center top;
}

#content {
	margin:0;
	min-height:1100px;

}

#logo{
	width:350px;
	height:103px;
	background: url(../images/AFOX-logo.png) no-repeat left top;
}

#logIn {
	margin:0 0 0 15px;
	padding:5px;
	background-color:#990000;
	color:#DBDBDB;
	font-size:70%;
	
}

#logIn a{
	color:#DBDBDB;
	text-decoration:none;
	font-weight:bold;
	font-size:90%;

}

#logIn a:hover{
	text-decoration:underline;
}


#menu-area{
	width:987px;
	height:37px;
	margin:0 auto;
}

#menu{
	width:91%;
	height:37px;
	margin:auto;
}

#content-body{
	width:990px;
	margin:17px auto 0 auto;
}

#left-col{
	margin:0 17px 0 0;
	width:321px;
	min-height:400px;
	float:left;
}

#box{
	width:321px;
	margin-bottom:15px;
}

#box-top{
	height:7px;
	background: url(../images/box-top.png) no-repeat center top;
}

#box-middle{
	width:321px;
	background-color:#00CC99;
	background: url(../images/box-middle.png) repeat-y center top;
}

#box-middle span.h2 {
	color:#e04520;
	font-size:1em;
	font-weight:bold;
	margin:0;
}

#box-middle p{
	margin:0 0 0 0;
} 

#box-middle a img {
	border:1px solid #d1cac7;
	background-color:#FFFFFF;
	padding:4px;
	margin:0 7px 0 0;
}

#box-middle-content a{
	color:#e04520;
	text-decoration:none;
}

#box-middle-content a:hover{
	text-decoration:underline;
}

.box-bg01{
	background-color:#f2f0f0;
}

.box-bg02{
	background-color:#f2f0f0;
}

.box-bg03{
	background-color:#e0dede;
}

.box-bg03 a{
	text-decoration:none;
	color:#be3a2b;
	font-size:1.2em;
	text-align:center;
	margin:0 5px;
}

.box-bg03 a:hover{
	text-decoration:underline;
}

.box-bg03 {
	text-align:center;
	line-height:1.9em;
}


#header2 {
	margin:0 auto;
	width:307px;
	height:23px;
}

#header2 h2 {
	margin:0;
	padding:3px 0 0 10px;
	font-weight:normal;
	color:#e6f2f4;
	font-size:.8em;
	letter-spacing: .08em;
	text-transform:uppercase;

}

#header2.search-franchise {
	background: url(../images/h2-bg01.jpg) repeat-x left center;
}

#searchForm{
	padding:0;

}

#searchForm select, #searchForm input{
	font-size:1.2em;
	margin:5px 0 5px 0;

}
.input-width {
	width:200px;
}

#submit_search{
	width:52px;
	height:25px;
	padding:0 0 0 25px;
}

#box-middle-content form{
	padding:0;
	margin:0;
}


#header2.news-opp {
	background: url(../images/h2-bg02.jpg) repeat-x left center;
}

#header2.fran-alpha {
	background: url(../images/h2-bg03.jpg) repeat-x left center;
}

#box-middle-content {
	margin:0 auto;
	width:291px;
	padding:6px 8px 6px 8px;
	font-size:.65em
}

#box-middle-content img{
	margin:0 5px 0 0;
}


#box-middle-content p{
	color:#457492;
}



#box-bottom{
	width:321px;
	height:7px;
	background: url(../images/box-bottom.png) no-repeat center bottom;
}

#right-col{
	float:left;
	margin:0 0 80px 0;
	padding:0;
	width:650px;
}


#right-col-second-row{
	margin:0;
	float:left;
	width:650px;

}

#right-col a, #right-col-second-row a{
	color:#CC3333;
	text-decoration:none;
}

#right-col a:hover, #right-col-second-row a:hover{
	text-decoration:underline;

}

#right-content-top{
	height:7px;
	width:651px;
	background: url(../images/bg-right-top.png) no-repeat center top;
}

#right-content-middle{
	margin:0;
	width:651px;
	background: url(../images/bg-right-middle.png) repeat-y center top;
}

#right-content-middle-content {
	width:637px;
	margin:0 auto;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;

}

#right-content-middle-content p{
	margin:10px 0 0 0;
	padding-bottom:5px;

}

#right-content-middle-content form {
	font-size:100%;

}

#right-content-middle-content h2{
	height:23px;
	margin:-3px auto -3px auto;
	padding:7px 0 0 10px;
	font-weight:normal;
	color:#e6f2f4;
	font-size:100%;
	letter-spacing: .08em;
	text-transform:uppercase;
	background: url(../images/h2-bg-blue.jpg) repeat-x left center;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}

#right-content-middle-content h3{
	font-weight:bold;
	color:#2a8fc8;
	margin:5px 0 -6px 0;
	font-size:100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}


#right-content-bottom{
	margin:0;
	height:7px;
	width:651px;
	background: url(../images/bg-right-bottom.png) no-repeat center top;
}

#icons{
	margin:10px 8px 0 0;
	float:right;
}

#icons a img{
	border:none;
}

#franchises {
	float:left;
	width:74.1%;
	padding:0 0 0 7px;
}



#franchises h2 {
	height:23px;
	margin:-2px auto 0 auto;
	padding:4px 0 0 10px;
	font-weight:normal;
	color:#e6f2f4;
	font-size:.9em;
	letter-spacing: .08em;
	text-transform:uppercase;
	background: url(../images/h2-bg01.jpg) repeat-x left center;

}

#fran-list{
	border:1px solid #d1cac7;
	/*background: url(../images/fran-list-bg01.jpg) repeat-x left top;*/
	background-color:#fdfcfa;
	padding:5px;
	margin:4px auto 0 auto;
	font-size:70%;
	color:#878e9b;
	width:98%;
}

#fran-list h3 {
	margin:0 0 5px 0;
	color:#c05b1e;
	font-size:115%;
}

.sml-logo-preview {
	border:1px solid #d1cac7;
	background-color:#FFFFFF;
	padding:4px;
	margin:0 5px;
}

#fran-list a{
	text-decoration:none;
	color:#c05b1e;
}

#fran-list a:hover{
	text-decoration:underline;
}



#header1 {
	margin:0 auto;
	width:637px;
	height:23px;
	background: url(../images/h1-bg.jpg) repeat-x left center;

}

#header1 h1 {
	margin:0;
	padding:3px 0 0 5px;
	height:23px;
	font-weight:normal;
	color:#e6f2f4;
	font-size:.9em;
	font-weight:bold;
	letter-spacing: .08em;
	text-transform:uppercase;
}

#featured-fran{
	width:627px;
	border:1px solid #d3d3d3;
	margin:0 auto;
	padding:4px 4px 15px 4px;;
	font-size:.7em;
	color:#773b2a;
}

#featured-fran img{
	margin:7px 10px 0 0;
	border:1px solid #d1cac7;
	background-color:#FFFFFF;
	padding:4px;

}

#featured-fran img a{
	border:none;

}


#featured-fran a{
	text-decoration:none;
	color:#b5471f;
}

#featured-fran a:hover{
	text-decoration:underline;
}

#featured-fran span.head {
	color:#e04520;
	font-size:1em;
	font-weight:bold;
}

#other-content {
	width:645px;
	margin:0;
	font-size:.75em;
}

#afox-text{
	background-color:#f8fafd;
	border:1px solid #d3d3d3;
	width:460px;
	padding:10px;
	margin:5px 0 0 7px;
	font-size:80%;
	float:left;
}

#afox-text h1{
	color:#cd540b;
	font-size:.85em;
	margin:0 0 3px 0;
}

#afox-text p{
	margin-bottom:5px;
	font-size:.85em;
	color:#6e6f6c;
}

#adspace-horizontal-top{
	width:645px;
	height:90px;
	float:right;
	margin:5px 45px 0 0;
}

#adspace-horizontal-top p{
	border:none;
}

#adspace-horizontal-top a img{
	margin:0;
	border:none;
}


#adspace-horizontal-container {/** container for horizontal ads **/
	width:480px;
	margin:5px 0 0 7px;
}

#adspace-horizontal-container a img {
	border:none;
}

#adspace-horizontal{
	/*border:1px solid #D4D4D4;*/
	width:480px;
	margin:10px 0 5px 0;
}

#adspace-vertical-home {/** container for vertical ads on home page **/
	width:150px;
	margin:5px 7px 10px 0;
	float:right;	
}

#adspace-vertical-other {/** another container for vertical ads **/
	width:150px;
	margin:0 7px 0 0;
	float:right;
	
}

#adspace-vertical{
	width:150px;
	height:auto;
	margin-bottom:7px;
}

#adspace-vertical div{
	margin:0 -10px 0 0;
}

#adspace-vertical a img{
	border:none;
}


#franchise-col{
	margin:0;
	padding:0;
	width:991px;
}

#franchise-col-top{
	margin:0;
	height:7px;
	width:991px;
	background: url(../images/fran-content-top.png) no-repeat center top;
}

#franchise-col-mid{
	margin:0;
	padding:0px;
	width:991px;
	background: url(../images/fran-content-middle.png)  repeat-y center top;
}

#franchise-col-bot{
	margin:0;
	width:991px;
	height:10px;
	background: url(../images/fran-content-bot.png) no-repeat left top;
}

#franchise {
	margin:0;
	padding:20px;
	font-size:80%;

}

#franchise h2{
	background:none;
	font-size:1em;
	font-weight:bold;
	color:#2a8fc8;
	margin:0 0 -11px 0;
	padding:0;
}

#franchise h3{
	color:#b5471f;
	margin:0 0 20px 0;
}


#franchise-news {
	margin:0;
	padding:8px;
	font-size:80%;
	color:#383838;
}


#franchise-news h3{
	font-size:100%;
}

#franchise-news a{
	color:#CF3805;
	text-decoration:none;

}

#franchise-news a:hover{
	text-decoration:underline;

}

#franchise-news #fran-list{
	font-size:100%;

}


#franchise-col h2 {
	width:965px;
	height:101%;
	margin: 0 auto;
	padding:3px 0 4px 10px;
	font-weight:normal;
	color:#e6f2f4;
	font-size:.9em;
	letter-spacing: .05em;
	text-transform:uppercase;
	background: url(../images/h2-bg-blue.jpg) repeat-x left top;
	background-color:#188bc2;
}

.cat-links{
	text-transform:none;
	color:#CCFFFF;
	font-size:70%;
}

.cat-links a{
	color:#FFFF00;
	text-decoration:none;
}

.cat-links a:hover{
	text-decoration:underline;
}

#franchise a{
	color:#c15726;
	text-decoration:none;
}
#franchise h1 {
	font-size:1.4em;
	font-weight:normal;
	margin-top:20px;
	}
#franchise a:hover{
	color:#c15726;
	text-decoration:underline;
}

 #news-row{
	background-color:#f8f6f2;
	padding:15px 10px 0 10px;
	margin:4px 0 0 0;
	border: 1px solid #e9d8d1;
}

#news-row.row2{
	background-color:#EFEFEF;

}


#news-row h3{
	color:#b5471f;
	margin:0;
	
}

 #news-row img{
 	margin:0 10px 10px 0;
	border:1px solid #d1cac7;
	background-color:#FFFFFF;
	padding:4px;
 }
 
 #news-row a{
 	color:#b5471f;
	text-decoration:none;
 }
 
  #news-row a:hover{
	text-decoration:underline;
 }

#pics {
	margin-left:200px;
	}
 #pics li {
 	list-style-type:none; 
	display:inline;
 	margin:0 1.6%;
 }
 
  #pics li a img{
  	border:none;
	float:left;
	margin:0 20px;
  }

/* Register Form */

#registerForm table{
	text-align:left;
}

#registerForm ul {
	margin:2px;
	padding:0 20px 0 0;
}

#registerForm ul.errors {
	color:#CC3333;
}

#registerForm ul li{
	list-style-type:none;
	font-size:80%;

}

#captcha{
	display:none;
}

#submitbutton {
	background-color:#1c5eaf;
	color:#FFFFFF;
}

#footer{
	background: url(../images/footer.png) no-repeat center bottom;
	height:64px;
	/*height:140px;*/
	clear:both;
	color:#DFDFDF;
	margin-top: 30px;
}

#adspace-horizontal-bottom{
	margin-left:15px;
	float: left;
	background: #000032;
	width: 1025px;
}

#adspace-horizontal-bottom object embed{
	background: #000032;

}

#footer a{
	text-decoration:none;
	color:#FDCA6C;
}

#footer a:hover{
	text-decoration:underline;

}
#footer #text{
	/*padding-top:43px;*/
	padding-top:13px;
	text-align:center;
	font-size:70%;
	clear:both;
}

#fran-body h1, #fran-body h2, #fran-body h3, #fran-body h4, #fran-body h5, #fran-body h6{
	text-transform:uppercase;
	font-size:1em;
	background:url(none);
	font-weight:bold;
	color:#2a8fc8;
	margin:0;
	padding:0;
}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */

/*
#menu {font-family: verdana, arial, sans-serif; height:37px; position:relative; font-size:11px; z-index:100;}
#menu ul li a, #menu ul li a:visited {display:block; text-decoration:none; color:#000; text-align:center; color:#fff; font-size:11px; overflow:hidden; text-align:center; padding:12px 17px;}
#menu ul {padding:0; margin:0; list-style: none; margin:auto;}
#menu ul li {float:left; position:relative;}
#menu ul li ul {display: none;}


/* specific to non IE browsers */
/*
#menu ul li:hover a {color:#fff; background:#36f;}
#menu ul li:hover ul {display:block; position:absolute; left:0; width:105px;}
#menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
#menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
#menu ul li:hover ul li ul {display: none;}
#menu ul li:hover ul li a {display:block; background:#ddd; color:#000; padding:10px 0 10px 17px; width:170px; text-align:left;}
#menu ul li:hover ul li a:hover {background:#6fc; color:#000;}
#menu ul li:hover ul li:hover ul {display:block; position:absolute; left:185px; top:0;}
#menu ul li:hover ul li:hover ul.left {left:-105px;}
*/

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_drop6.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.preload1 {background: url(../images/menu/top_arrow.gif);}
.preload2 {background: url(../images/menu/top_arrow-hover.gif);}

#nav {padding:0; margin:0; list-style:none; height:38px; position:relative; z-index:200; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left;}
#nav li a.top_link {display:block; float:left; height:37px; line-height:33px; color:#ececec; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(../images/menu/top.jpg);}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(../images/menu/top.jpg) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(../images/menu/top_arrow.gif) no-repeat right top; color:#ececec;}





#nav li:hover a.top_link,
#nav a.top_link:hover
{color:#fff; background: url(../images/menu/top-hover.gif) no-repeat;}
#nav li:hover a.top_link span, 
#nav a.top_link:hover span
{background:url(../images/menu/top-hover.gif) no-repeat right top;}
#nav li:hover a.top_link span.down,
#nav a.top_link:hover span.down
{background:url(../images/menu/top_arrow-hover.gif) no-repeat right top; padding-bottom:3px;}





#nav table {border-collapse:collapse; padding:0; margin:0; position:absolute; left:0; top:0;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub
{left:1px; top:38px; background:#a14d2e; padding:3px;  border-top:1px solid #fff; border-left:1px solid #fafbf7; border-right:1px solid #a9ae94;  border-bottom:1px solid #835a4b; white-space:nowrap; width:145%; height:auto; z-index:300;}
#nav :hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:100%; font-weight:normal;}
#nav :hover ul.sub li a
{display:block; font-size:11px; height:18px; width:99.2%; line-height:18px; text-indent:5px; color:#ececec; text-decoration:none;border-bottom:1px solid #d8947c;}
#nav li ul.sub li a.fly
{background:#50b5d0 url(../images/menu/arrow.gif) 80px 6px no-repeat;}
#nav :hover ul.sub li a:hover 
{background:#3d82d2; color:#fff; border-right:1px solid #f8f7f3; border-bottom:1px solid #f8f7f3; border-left:1px solid #0d1d2e; border-top:1px solid #0d1d2e; padding:1px 0 0 1px;}
#nav :hover ul.sub li a.fly:hover
{background:#3f96a9 url(../images/menu/arrow_over.gif) 80px 6px no-repeat; color:#fff;}

#nav li b {display:block; font-size:11px; height:18px; width:88px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#ff6; border-bottom:1px solid #ff6; cursor:default;}

#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:89px; top:-4px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:90px; z-index:400; height:auto;}

#nav ul, 
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover > ul
{left:90px; top:-4px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:90px; z-index:400; height:auto;}
#nav li:hover > ul ul 
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav li:hover li:hover > a.fly
{background:#3f96a9 url(../images/menu/arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff;} 
#nav li:hover li:hover > li a.fly
{background:#50b5d0 url(../images/menu/arrow.gif) 80px 6px no-repeat; color:#000; border-color:#50b5d0;} 


