/*
Design by Ruth John [www.ruthjohn.co.uk]
for Symbios Group

March 2008

COLOURS
old green #5b9c00
new greens xlight #b4f460
            light #8ad923
           normal #74c013
           darker #5b9c00
             dark #4c8100
            xdark #3f6800
old purple #1e1e1e
new dark grey #1e1e1e or slightly lighter (as in the header and footer) #333333

*/

body {margin:0;padding:0;background:#ffffff url('../images/navbar.gif') repeat-x;font: 13px Tahoma, "Arial", sans-serif;color: #1e1e1e;letter-spacing:0.4px;}

input, textarea {font:normal 13px Tahoma, "Arial", sans-serif;margin:2px;}
h1, h1 a, h2, h2 a, h3, h3 a {margin:0;text-decoration:none;color:#1e1e1e;}
h1 {letter-spacing:1px;font-size:1.2em;font-weight:normal;color:white;}
h2 {letter-spacing:0.4px;font-size:14px;color:white;}
h3 {margin-bottom:0.6em;font-size:1em;}
p, ol, ul {margin:0 0 1em 0;line-height:140%;}
blockquote {margin:0 0 0 2.5em;padding-left:1em;border-left:5px solid #1e1e1e;}
a {color:#5b9c00;text-decoration:none;/*border-bottom:1px dashed #5b9c00;*/font-weight:bold;}
a:hover {color:#8ad923;text-decoration:underline;border-bottom:none;}
img {border:none;}

/*GENERAL CLASSES*/
.clearright {clear:right;}
.clearleft {clear:left;}
.AlignLeft { text-align:left; }
.AlignCentre { text-align: center; }
.AlignRight { text-align: right; }

/*MAIN PAGE~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*HEADER*/
#header {width:990px;height:100px;margin:0px auto 0px auto;background-image:url('../images/headerbk.jpg');background-repeat:no-repeat;}
#header img.logo {float:left;padding:0 0 0 0;}
#rightside {margin:0;float:right;display:block;clear:none;width:270px;height:100px;text-align:right;}
#logrightside {margin:0;float:right;display:block;clear:none;width:480px;height:100px;text-align:right;}
#logrightside h1 {margin:50px 20px 0 0;padding:0px 0px 0px 0px;}

/*NAVBAR*/
#navbar {width:990px !important;width:990px;height:30px !important;height:30px;margin:0 auto;text-align:left;padding:0;border:none;background-image:url('../images/navbk.gif');background-repeat:repeat-x;}
#navbar img {float:left;clear:none;}
#navbar ul {margin:0;padding:0 30px 0 30px;list-style:none;background-image:url('../images/navright.gif');background-repeat:no-repeat;background-position:right;height:30px;}
#navbar ul li {margin:0;overflow:hidden;float:left;}
#navbar ul li.leftnav {border-left:1px solid #1e1e1e;}
#navbar ul li.rightnav {border-right:1px solid white;}
#navbar ul li a {width:100px;height:30px;text-align:center;display:block;text-decoration:none;letter-spacing:0px;color:white;line-height:28px;font-weight:bold;font-size:12px;border-right:1px solid #1e1e1e;border-left:1px solid white;border-bottom:none;}
#navbar ul li a:hover {text-decoration:underline;background-image:url('../images/navbkhover.gif');background-repeat:repeat-x;}
#navbar ul li.rightlink {float:right;}

/*MAIN*/
#page {width:990px;margin:20px auto 0 auto;background-color:white;}
#maincontent {float:right;margin:0px 0px 0px 0px;width:760px;padding:0px 0px 5px 0px;clear:none;}

/*LEFT MENU*/
#leftmenu {width:220px;clear:none;float:left;}
#leftmenu .box {padding:10px 20px 15px 20px;border-left:2px solid #1e1e1e;border-bottom:2px solid #1e1e1e;border-right:2px solid #1e1e1e;margin:0px 0px 20px 0px}
#leftmenu .box ul {margin:0;padding:0;list-style:none;}
#leftmenu .box ul li {}
#leftmenu h2 {text-align:center;height:30px;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;background:url('../images/menu-title.gif') no-repeat;font-size:14px;color:white;line-height:28px;}
#leftmenu p {padding:10px;}
#leftmenu a {text-decoration:none;font-weight:normal;border-bottom:none;}
#leftmenu a:hover {text-decoration:underline;}
/*#leftmenu .quickfind {padding:0px 20px;margin:0px 0px 20px 0px !important;/*margin:-20px 0px 20px 0px;}
#leftmenu .quickfind form {padding:0px 0px;display:block}*/

#leftmenu form {width:170px;}
#leftmenu form input {width:145px;margin:5px 0px 10px 0px;}
#leftmenu form select { width:150px;margin:5px 0px 10px 0px;}
#leftmenu form input.imagebutton {width:79px;}

/*FOOTER*/ 
#footer {clear:both;width:990px;margin:0 auto;padding:0px 0px 0px 0px;background:#1e1e1e;color:white;height:50px;background-image:url('../images/footerbarm.gif');background-repeat:repeat-x;text-align:center;}
#footer img {float:left;clear:none;}
#footer ul {margin:0px auto;padding:0px 0px 0px 180px;list-style:none;background-image:url('../images/footerbarr.gif');background-repeat:no-repeat;background-position:right;height:30px;}
#footer ul li {margin:0;overflow:hidden;float:left;}
#footer ul li a {height:30px;text-align:center;display:inline;text-decoration:none;letter-spacing:0px;color:white;line-height:28px;font-weight:bold;font-size:12px;border-bottom:none;}
#footer ul li a:hover {text-decoration:underline;}

/*SITE ELEMENTS~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*SUCCESS AND FAILURE NOTIFICATIONS*/
.successbox {width:600px;margin:0px auto 20px auto;border:2px solid #5b9c00;padding:10px;}
.failurebox {width:600px;margin:0px auto 20px auto;border:2px solid #e70e48;padding:10px;}
.successbox ul, .successbox ol, .failurebox ol, .failurebox ul {list-style:none;margin:0px;padding:0px;clear:left;margin-left:0px;}
.successbox li, .failurebox li {line-height:20px;background:url('../images/bullet1.gif') no-repeat;background-position:0 0.4em;margin:0px;padding:0 0 0 25px;}

/*COMMENTS*/
div.commentbox {width:660px;margin:10px 30px 10px 30px;padding:0px 0px 10px 0px;}
div.comment h3 {margin:0px 0px 0px 30px;font-size:13px;}
div.commentbox h3 a {color:#5b9c00;}
div.commentbox p {width:640px;margin:-5px auto 10px auto;}

/*BUTTONS*/
a.imagebutton {background:transparent url('/themes/franchise-theme/images/button-right.gif') no-repeat scroll top right;color:#444;display:block;float:right;font:normal 12px Tahoma, arial, sans-serif;height:28px;margin:5px 0px 5px 6px;padding:0px 15px 0px 0px;text-decoration:none;border-bottom:none;}
a.imagebutton span {background:transparent url('/themes/franchise-theme/images/button-main.gif') no-repeat scroll top left;display:block;line-height:20px;padding:4px 0 4px 15px;color:white;font-weight:bold;border-bottom:none;}
div.ButtonBox {text-align:right;padding:0px 0px 5px 0px;margin:0px 0px 0px 0px;width:95%;}
div.ButtonBox a {border-bottom:none;}

/*CONTENT BOXES~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*wrapper for all boxes*/
div.container {width:740px;margin:0px 0px 20px 20px;}
div.h2div {height:30px;}
div.h2div img {float:left;}
div.container h2 {height:30px;width:720px;margin:0px 0px 10px 0px;background-image:url('../images/contenttopm.gif');background-repeat:repeat-x;line-height:30px;float:left;}

/*content box (encalspulated green box)*/
div.contentbox {padding:20px 20px 10px 20px;border-left:2px solid #5da002;border-bottom:2px solid #5da002;border-right:2px solid #5da002;}
div.contentbox h3 {font-size:16px;}
div.contentbox ul, div.contentbox ol {list-style:none;margin:0px;padding:0px;clear:left;margin-left:0px;}
div.contentbox ul ul li {margin-left:20px !important;margin-left:10px;line-height:20px;}
div.contentbox ul ul ul li {margin-left:40px !important;margin-left:20px;line-height:20px;}
div.contentbox li {line-height:20px;background:url('../images/bullet1.gif') no-repeat;background-position:0 0.4em;padding:0px;padding-left:25px;margin:0px;}
div.contentbox li a {text-decoration:none;/*border-bottom:1px dashed #5b9c00;*/font-weight:bold;}
div.contentbox li a:hover {text-decoration:underline;border-bottom:none;}
div.contentbox p {padding:2px;}
/*more links etc at bottom of content boxes*/
div.contentfooter {width:660px;margin:15px auto 0px auto;/*padding:2px 10px;border-top:2px solid #1e1e1e;*/text-align:right;clear:both;}
div.contentfooter li a {color:#5b9c00;text-decoration:none;border-bottom:1px dashed #5b9c00;font-weight:bold;}
div.contentfooter li a:hover {text-decoration:underline;border-bottom:none;}

div.FranchiseAdvert {border:2px solid #5da002;padding:20px 20px 10px 10px;margin:5px 0px 10px 0px;width:710px;float:right;}
div.FranchiseAdvert div.container {width:680px;}
div.FranchiseAdvert div.container h2 {background:none;color:#5b9c00;font-size:18px;}

/*box that scrolls like TAC*/
div.scrollybox {width:630px;height: 100px; overflow:auto; padding: 5px;border:1px solid #5b9c00;margin:0px;background-color:#efefef;text-align:left;}
div.scrollybox div p { padding: 0; margin: 0;}

/*content specifics*/
.DashboardMailbox li {list-style-type: none;}
.DashboardMailbox a, .DashboardMailbox a:hover {border: 0;text-decoration: none;}

div.AdvertImageRight { float: right; padding: 5px; }
div.AdvertImageLeft { float: left; padding: 5px; }

div.pageselector {text-align:right;padding:20px 40px 0 0;}
div.pageselector a { border:none; }
div.pageselector a:hover { border:none; }

/*form .ButtonBox {border:0; padding:0; margin:0;}*/

/*TABLES~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*lists franchises with logo pics*/
table.franchisetable {clear:both;margin:20px auto 0px auto;border:none;border-bottom:none;border-collapse:collapse;width:660px;}
table.franchisetable a {font-weight:bold;border-bottom:none;}
table.franchisetable td {text-align:left;padding:5px 10px;border-bottom:none;}
table.franchisetable td img {border:1px solid #1e1e1e;}
table.franchisetable tr.odd {}
table.franchisetable tr.even {background-color:#f5f5f5;}

/*5 franchises on home page*/
table.FeaturedFranchiseTable {clear:both;margin:10px auto 10px auto;background-color:#ececed;border:1px solid #1e1e1e;height:90px;padding-left:5px;}
table.FeaturedFranchiseTable td {width:90px;padding:5px;}
table.FeaturedFranchiseTable td img {width:80px;height:80px;padding:0px;margin:0px;}
table.FeaturedFranchiseTable td a {text-decoration:none;border-bottom:none;}
table.FeaturedFranchiseTable td a:hover {text-decoration:none;}

/*dan knows*/
table.styledtable {margin:10px auto;border:none;border-collapse:collapse;width:660px;}
table.styledtable a {font-weight:bold;border-bottom:none;}
table.styledtable tr.header {border-bottom:1px solid #1e1e1e;background-color:#eceded;}
table.styledtable th {text-align:left;padding:5px 5px 5px 15px;color:#1e1e1e;}
table.styledtable td {text-align:left;padding:5px 5px 5px 15px;}
table.styledtable tr.odd {}
table.styledtable tr.even {background-color:#f5f5f5;}
table.styledtable .contentbox { padding:10px 15px 0px 15px; }

.CollapsibleStyledTable {margin:10px auto;border-collapse:collapse;width:660px;}
.CollapsibleStyledTable a {font-weight:bold;border-bottom:none;}
.CollapsibleStyledTable tr.header {border-bottom:1px solid #1e1e1e;background-color:#eceded;}
.CollapsibleStyledTable th {text-align:left;padding:5px 5px 5px 15px;color:#5b9c00;cursor: pointer;}
.CollapsibleStyledTable td {text-align:left;padding:5px 5px 5px 15px;}
.CollapsibleStyledTable tr.odd {}
.CollapsibleStyledTable tr.even {background-color:#f5f5f5;}
.TableBodyHidden {display:none;}
.TableBodyVisible {display: auto;}


#imagealign {width:300px;text-align:left;}
/* --- --- --- */

/*FRANCHISE BOX*/
/*#franchisecont {width:475px;padding:20px;}
div.franchisetop {font-size:1px;width:475px;height:12px;background:url('../images/franchise-box-top.gif') no-repeat;}
div.franchisebox {width:475px;background:url('../images/franchise-box-bk.gif') repeat-y;}
div.franchisebox h2 {margin:0px 0px 10px 30px;}
div.franchisebox h2 a {color:#5b9c00;border-bottom:none;}
div.franchisebox p {width:435px;margin:0 auto;}
div.franchisebox a.more {float:right;padding:0px 20px 0px 0px;}
div.franchisebottom {width:475px;height:13px;background:url('../images/franchise-box-bot.gif') no-repeat;}*/