﻿<style type="text/css">
p            { font-family: verdana; font-size: 10pt; }
table        { font-family: verdana; font-size: 10pt }
h1           { font: bold 14pt 'century gothic', sans-serif; color: #ca0016; text-align: center;margin: 10px 0px 10px 0px;}
h1 a{ font: bold 14pt 'century gothic', sans-serif !important; color: #ca0016!important;}
h2 { font: bold 12pt 'century gothic', sans-serif !important; color: #fff!important;}
h3 { font: bold 12pt 'century gothic', sans-serif !important; color: #506f97!important;}
h4{height: 60px;font: bold 16pt 'century gothic',sans-serif;color: #fff;margin: 0 auto; margin-top: 20px;text-align: center;padding-top: 20px;background: url('/images/dividerheader.gif') no-repeat top left;width: 900px}
h5           { font: bold 16pt 'century gothic', sans-serif; color: #ca0016; text-align: center;margin: 0px 0px 0px 0px;}

textarea     { font-family: verdana}
td           { font-family: verdana; font-size: 10pt ; text-align: left;}
tbody        { font-family: verdana; font-size: 10pt }


html, body { margin: 0;padding: 0px;height: 100%; background: #f2ead2 } 


.center {	text-align: center!important;}
.rightalign{text-align: right!important;}

input[type="submit"], input[type="button"],.button{margin: 10px 0px 10px 0px; background: #f2ead2 url(/images/footerbg.gif) repeat-x;padding: 12px 10px 12px 10px;color: #fff !important;border: 0px;font: bold 10pt 'century gothic', sans-serif!important; text-decoration: none!important;}
input[type="submit"], input[type="button"],.button:hover{background: #f2ead2 url(/images/footerbgactive.gif) repeat-x;}

/* ----------CART--------------------- */

font, table, tr, td { border: none; background-color: transparent;}
table, td, tr { border: none; font: 10pt 'century gothic', Sans-Serif; color: #000; }
td { line-height: 20px; }
table b { color: #506f97; }
table a, tr a, td a, font a, .content table a {color: #ca0016; font: 10pt 'century gothic', Sans-Serif; }
table a:hover, tr a:hover, td a:hover, font a:hover, .content table a:hover {color: #ca0016;}
table hr {border: none; border-bottom: 1px solid #dedbdd; height: 0px;}
font img { margin-right: 10px; }

/* ----------HEADER--------------------- */
#header{width: 100%; border-collapse:collapse;padding: 0px;}


/* ----------SIGNOUT--------------------- */
#signout{height: 28px;width: 100%;padding: 0px;padding: 0px 0px 0px 50px;text-align: LEFT;}
#signout a{font: bold 10pt 'century gothic', sans-serif;color: #482c0f;}

/* ----------TABS--------------------- */

#tabs{height: 44px;width: 100%; padding: 0px 0px 0px 20px;}

#tabs ul{margin: 0px; padding: 0px;}
#tabs li{list-style: none;display: inline;margin: 0px 3px 0px 3px;}
#tabs li a{ color: #7793b9;font: 10pt 'century gothic', sans-serif; text-decoration: none;background: url(/franchisees/images/tabbg.gif) repeat-x;padding: 13px 10px 13px 10px;}
#tabs li a:hover{background: url(/franchisees/images/tabbg_active.gif) repeat-x;color: #fff;}
#tabs .selected a{ background: url(/franchisees/images/tabbghome.gif) repeat-x;color: #fff;font: bold 10pt 'century gothic', sans-serif; padding: 13px 10px 14px 38px;}
#tabs .selected a:hover{ background: url(/franchisees/images/tabbghome.gif) repeat-x;color: #fff;font: bold 10pt 'century gothic', sans-serif;}

/* ----------FOOTER--------------------- */

#footer{ text-align: center;min-height: 53px;width: 100%; background: url(/images/footerbg.gif) repeat-x;padding-top: 15px;margin-top: 50px;}
#footer ul{margin: 0px; padding: 0px;}
#footer li{list-style: none;display: inline;}
#footer li a{ color: #fff;font: bold 14pt 'century gothic', sans-serif; text-decoration: none;background: url(/images/footersep.gif) no-repeat top left;padding: 13px 11px 13px 11px;}
#footer li a:hover{background: url(/images/footerbgactive.gif) repeat-x;}



/* ----------TABS--------------------- */

#tabs{height: 44px;width: 100%; padding: 0px 0px 0px 20px;}

#tabs ul{margin: 0px; padding: 0px;}
#tabs li{list-style: none;display: inline;margin: 0px 3px 0px 3px;}
#tabs li a{ color: #7793b9;font: 10pt 'century gothic', sans-serif; text-decoration: none;background: url(/images/tabbg.gif) repeat-x;padding: 13px 10px 13px 10px;}
#tabs li a:hover{background: url(/images/tabbg_active.gif) repeat-x;color: #fff;}
#tabs .selected a{ background: url(/images/tabbghome.gif) repeat-x;color: #fff;font: bold 10pt 'century gothic', sans-serif; padding: 13px 10px 14px 38px;}
#tabs .selected a:hover{ background: url(/images/tabbghome.gif) repeat-x;color: #fff;font: bold 10pt 'century gothic', sans-serif;}


/* ----------CRITICAL ITEMS--------------------- */

#criticalitems{height: 27px;padding: 0px 0px 0px 20px;}

#criticalitems ul{margin: 0px; padding: 0px;}
#criticalitems li{list-style: none;display: inline;padding: 0px 3px 0px 3px;}
#criticalitems li a{color: #fff; text-decoration: none;font: 8pt verdana, sans-serif!important;}
#criticalitems li a:hover{text-decoration: underline;}



/* --------------TOPNAV------------------------------------------------------------- */

#swap01{ background-image: url(/images/navbilling_on.gif);  width: 136px;  height: 54px; }
#swap02{ background-image: url(/images/navmembers_on.gif); width: 152px;  height: 54px; }
#swap03 { background-image: url(/images/navsitters_on.gif); width: 127px;  height: 54px; }
#swap04 { background-image: url(/images/navmessage_on.gif); width: 157px;  height: 54px; }
#swap05 { background-image: url(/images/navdesign_on.gif); width: 144px;  height: 54px; }
#swap06 { background-image: url(/images/navweb_on.gif); width: 132px;  height: 54px; }
#swap07 { background-image: url(/images/navreports_on.gif); width: 148px;  height: 54px; }
#swap08 { background-image: url(/images/navhelp_on.gif); width: 128px;  height: 54px; }

#treemenu1 .lastmenu{margin-left: -100px;}

.active {float: left; }
.rollover { display: inline; } /* Allow setting widths and heights */
.rollover img { height: 100%; border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */

/* --------------TOPNAV FLOWOUT------------------------------------------------------------- */

.suckertreemenu {height: 54px;z-index: 1500;margin-left: 20px;}
.suckertreemenu img {border: none;height: 54px;}
.suckertreemenu ul{margin: 0;padding-left: 0px;list-style-type: none;letter-spacing: 0px;z-index: 1000;}

.suckertreemenu ul li{position: relative;display: inline;float: left;z-index: 1500;}
.suckertreemenu ul li a{display: inline;float: left;}
.suckertreemenu ul li a:hover{ visibility: visible;}
.suckertreemenu ul li a:hover img{ visibility: hidden;}

.suckertreemenu ul li ul{left: 0em;position: absolute;display: block;visibility: hidden;width: 200px; background: #869ebe; padding: 8px;}
.suckertreemenu ul li ul li{display: list-item;float: none;display: block;padding-top: 5px;color: #fff}
.suckertreemenu ul li ul li a {margin: 0px;display: block;
overflow: visible;text-align: left;color: #fff;font: bold 10pt 'century gothic', sans-serif !important;
text-decoration: none;padding: 5px;float: none;border-bottom: 1px #5d7faa solid;}
.suckertreemenu ul li ul li a:hover{text-decoration:underline;background-color: #5d7faa;}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ left: 0px;top: 0;}

* html p#iepara{ padding-top: 1em;}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */


/* ----------Centered Container Or the Layout--------------------- */

#container { 
min-height: 100%; 
height: auto !important; 
height: 100%; 
margin: 0 auto -4em; /* make sure this matches in the body footer DIV */
padding: 0px 50px 0px 50px;
} 


/* --------------MAIN CONTENT, LEFT NAVIGATION----------------*/

#main {
min-height: 100%; 
height: auto !important; 
height: 100%;
padding-top: 30px;
}

#main .content {
padding: 20px;
margin: 0px;
margin-left: 250px;
margin-right: 0px;
min-height: 170px; /* Height of Background Img */
height: auto;
font-family: century gothic;
	font-size: 10pt;
	color: #513213;
	background-color: #fff;
	border: 1px solid #506f97; 
width: 70%;
}

#main .content a{color: #ca0016; }
#main .navleft{padding: 0px 8px 5px 8px;width: 215px;float: left;}

#main .navleft .myaccount{padding: 0px 8px 8px 8px;background: #b70014 url(/images/boxbgred.gif) no-repeat;color: #fff;font: 10pt 'century gothic', sans-serif!important;width: 215px;float: left;margin-bottom: 10px;}
#main .navleft .myaccount p{font: bold 12pt 'century gothic', sans-serif!important;padding: 7px 0px 0px 0px!important;margin: 0px 0px 20px 0px;!important;}

#main .navleft .navbar{padding: 0px 8px 5px 8px;background: #506f97 url(/images/boxbg.gif) no-repeat;color: #fff;font: 10pt 'century gothic', sans-serif!important;min-height: 118px;width: 215px;float: left;}
#main .navleft .navbar p{font: bold 12pt 'century gothic', sans-serif!important;padding: 7px 0px 0px 0px!important;margin: 0px 0px 20px 0px;!important;}

#main .navleft .navbar .search{padding: 0px; color: #a1b6cd; font: bold 12pt 'century gothic', Sans-Serif; }
#main .navleft .navbar .search table p{padding: 15px 0px 0px 0px!important; color: #a1b6cd; font: bold 12pt 'century gothic', Sans-Serif; }
#main .navleft .navbar .search table{color: #fff; margin: 4px 0px 0px 0px;}
#main .navleft .navbar .search td{padding: 0px; vertical-align: middle;}
#main .navleft input[type="text"]{height: 25px;padding: 2px!important; border: 2px #a1b6cd solid; width: 100px;margin: 0px 5px 0px 5px;color: #000}
#main .navleft .navbar img{border: 0px;}





#main .navleft .navbar ul, #main .navleft .myaccount ul{
margin: 0px;
padding: 0;
list-style-type: none;
width: 190px; /* Width of Menu Items */
font: bold 10pt 'century gothic', Sans-Serif;
position: relative;
z-index:500;
}
	
#main .navleft .navbar ul li{
position: relative;
}
	

/* Sub level menu links style */
#main .navleft .navbar ul li a, #main .navleft .myaccount ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 3px 8px;
font: bold 10pt 'century gothic', Sans-Serif;

}

#main .navleft .navbar ul li a:hover{
background-color: #5d7faa;
color: #FFF;

}

#main .navleft .navbar .subfolderstyle{
}

#main .navleft .navbar ul li ul{
position: absolute;
width: 180px; /*sub menu width*/
top: 0;
visibility: hidden;
background-color: #b70014;
margin: 0px;
}

#main .navleft .navbar ul li ul li a{
border-bottom: 1px white dotted;
color: white;
}

#main .navleft .navbar ul li ul li a:hover{
background-color: #ca0016;

}



/* Holly Hack for IE \*/
* html #main .navleft .navbar ul li { float: left; height: 1%; }
* html #main .navleft .navbar li a { height: 1%; }
/* End */




.note{	color: #6986be;font: 8pt 'century gothic',sans-serif; font-style:italic;}

.smallFont {font-family: verdana; font-size: 8pt }
.largeFont {font-family: verdana; font-size: 8pt }
.white8 {font-family: verdana; font-size: 8pt; color: #ffffff; }


.generalborder{background-color: #fff; border-collapse:collapse;width: 95%;border-bottom: 3px #385984 solid;border-top: 3px #385984 solid;margin-bottom: 15px;margin: 0 auto;}
.generalborder td{padding: 5px; vertical-align:top;border: 1px #cedbea solid;}
.generalborder th{border-bottom: 1px #325076 solid;font: bold 10pt 'century gothic', sans-serif !important;padding: 5px; background: #506f97 url(/franchisees/images/headerrowbg.gif) repeat-x;height: 30px;text-align: left; vertical-align:middle !important;color: #fff;}
.generalborder th a{color: #fff!important;}
.generalborder tr:hover{ background-color:#dbe3eb;}



</style>