.Bold {font-weight: bold;}
.Italic {font-style: italic;}
.Underlined {text-decoration: underline;}
.Monospaced {font-family: monospace;}
.BodyTextColour {color: #013646;}
.DarkerColour {color: #000033;}
.LighterColour {color: #008093;}
.BulletPoint {display: list-item; list-style-type: none; background: url(../images/bullet.gif) 0em 0.5em no-repeat scroll; margin: 3px 0 3px 16px; padding-left: 16px;} /* re-named from ListItem */
.BulletPoint_First {display: list-item; list-style-type: none; background: url(../images/bullet.gif) 0em 0.5em no-repeat scroll; margin: 10px 0 3px 16px; padding-left: 16px;} /* new style */
.BulletPoint_Last {display: list-item; list-style-type: none; background: url(../images/bullet.gif) 0em 0.5em no-repeat scroll; margin: 0 0 10px 16px; padding-left: 16px;} /* new style */

/*.ListItemSquare {display: list-item; list-style-type: square; margin-left: 16px; padding-left: 16px;}
.ListItemCircle {display: list-item; list-style-type: circle; margin-left: 16px; padding-left: 16px;}*/

.NumberedList {display: list-item; list-style-type: none; margin: 3px 0 3px 16px; padding-left: 16px;}

.SectionHeadNormal {display: block; margin: 0; padding: 0 0 1em; font-size: 140%; font-weight: bold; color: #013646; letter-spacing: -0.02em;}
.SectionHeadLighter {display: block; margin: 0; padding: 0 0 1em; font-size: 140%; font-weight: bold; color: #008093; letter-spacing: -0.02em;}
.SectionHeadDarker {display: block; margin: 0; padding: 0 0 1em; font-size: 140%; font-weight: bold; color: #000033; letter-spacing: -0.02em;}
.TextHeadNormal {display: block; margin: 0; padding: 0 0 1em; font-size: 100%; font-weight: bold; color: #013646;}
.TextHeadLighter {display: block; margin: 0; padding: 0 0 1em; font-size: 100%; font-weight: 100; color: #008093;}
.TextHeadDarker {display: block; margin: 0; padding: 0 0 1em; font-size: 100%; font-weight: 100; color: #000033;}
.Blockquote {display: block; font-style: italic; padding-left: 1.2em;}
.SmallCaps {font-variant: small-caps;}
.paragraphHeadings {font-size: 1.8em; font-weight: bold; margin: 20px 0 9px 12px; display: block; color:#000;}
.paragraphBody {font-size: 1em; line-height: 16px; clear:both;}
.paragraphBody img.ctaBanner {margin:0 0 15px -12px;}
.paragraphBody a {font-weight: bold; white-space: nowrap; color: #005aab; text-decoration: underline;}
.paragraphWithQuote {width:255px!important; float:right; font-size: 0.75em; line-height: 16px; margin:0 0 20px 0!important; padding:0!important; clear:none!important;}
.imgGroup {float:right; margin:0 0 10px 10px; display:inline;}
.buyersQuote {float:left; margin:0 10px 10px 12px; display:inline; width:235px; padding:0; color:#005AAB;}
.paraRuler {background: url(../images/blue-divider.gif) repeat-x left bottom; padding: 0 0 0 13px; display: block; margin:0;}
.bullet {background: url(../images/pos/black-bullet.gif) 1em 0.5em no-repeat scroll; padding: 0 0 0 25px; display: block; margin: 0; clear: both;}
.bullet a {color: #005aab; text-decoration: underline;}
.bullet.logo {background: url(../images/bullet.gif) 6.5em 0.5em no-repeat scroll; padding: 0 0 0 92px; display: block; margin: 0; }
.paragraphWithQuoteSEO {width:255px!important; float:right; font-size: 0.75em; line-height: 16px; margin:0 0 20px 0!important; padding:0!important; clear:none!important;}
.imgGroupSEO {float:right; margin:0 0 10px 10px; display:inline;}
.imgGroupLeft {float: left; margin: 0 10px 10px 12px; display: inline; width: 250px; padding: 0;}
h3.seoHeader {color: #0054a6!important; font-size: 14px!important; width: 255px!important; float:right; margin:0 0 10px 0!important; padding:0!important; clear:none!important;}
h3.seoHeaderLeft {color: #0054a6!important; font-size: 14px!important; width: 505px!important; float:left; margin: 0 16px 10px 12px!important; padding:0!important; clear:none!important;}
span.callToAction {display: inline-block; width: 227px; padding: 15px 10px; text-align: center; margin: 10px 0 0;}
span.callToAction.left {float: left; background: #0054a6; margin-right: 10px;}
span.callToAction.right {float: right; background: #eb6620;}
span.callToAction a {text-decoration: none; display: inline-block;}



/* Left Nav */
div#content #leftcolumn {float: left; display:inline; margin: 0 25px 0 20px; padding:0; width: 163px;}
div#content #leftcolumn #sidenavigation {float:left; background:#FFF;}
div#content #leftcolumn #sidenavigation h4 {float:left; margin:4px 0; padding:0; display:inline; background:#0054a6; width:163px; color: #FFF; text-transform:uppercase; }
div#content #leftcolumn #sidenavigation h4 a {color:#FFF; text-decoration:none; padding:10px 0 7px 10px; margin:0; float:left; width:153px; display:block;}

div#content #leftcolumn #sidenavigation .page_198, 
div#content #leftcolumn #sidenavigation .page_199, 
div#content #leftcolumn #sidenavigation .page_93 {height:33px;text-indent:-9999px;}
div#content #leftcolumn #sidenavigation .page_198 {background: url(/_includes/images/pos/buying-department.gif) no-repeat;}
div#content #leftcolumn #sidenavigation .page_199 {background: url(/_includes/images/pos/bag-a-bargain.gif) no-repeat;}
div#content #leftcolumn #sidenavigation .page_93 {background: url(/_includes/images/pos/cg-finance.gif) no-repeat;}

/*div#content #leftcolumn #sidenavigation h4 span {float:left; margin:0; padding:0;}
div#content #leftcolumn #sidenavigation h4 span {float:left; margin:0; padding:0; background: url(../_images/leftNavBottom.jpg) bottom left no-repeat scroll; width:179px; height:11px;}*/
div#content #leftcolumn #sidenavigation h4.bottom {margin:20px 0 4px 4px; display:inline;}

div#content #leftcolumn ul {width:163px; padding-bottom: 15px; float:left;}
div#content #leftcolumn li {margin: 0; background: url(../images/global/left-btn-back-bottom.gif) left bottom no-repeat scroll; display:inline;}
div#content #leftcolumn li a {text-decoration: none; display: block; margin: 0; padding: 7px 12px 7px 24px; width: 127px; font-size: 14px; color: #000; background:url(../images/pos/bullet-black-arrow.gif) 12px 11px no-repeat scroll #FFF; border-bottom:1px solid #e5e5e5; outline:none;}
div#content #leftcolumn li a:hover {color: #000; background:url(../images/pos/bullet-black-arrow.gif) 12px 11px no-repeat scroll #e5e5e5;}

div#content #leftcolumn li.selected_level1 {color:#000;}
div#content #leftcolumn li.selected_level1 a {color: #000; background:url(../images/pos/bullet-black-arrow.gif) 12px 11px no-repeat scroll #e5e5e5;}
div#content #leftcolumn li.selected_level1 a:hover {color: #000;}

div#content #leftcolumn li.selected_level1.expand {background:#e5e5e5;}
div#content #leftcolumn li.selected_level1.expand a {color: #000; background:url(../images/pos/bullet-black-arrow.gif) 12px 11px no-repeat scroll #e5e5e5;}

div#content #leftcolumn li.selected_level1.expand ul {color:#000; float:left!important; padding:5px 0 10px;}
div#content #leftcolumn li.selected_level1.expand li {background: none; margin: 0 0 2px 0; width:163px;}

div#content #leftcolumn li.selected_level1.expand li.selected_level2.expand {float:left!important;}
div#content #leftcolumn li.selected_level1.expand li a {font-size: 12px; color: #000; background:url(../images/pos/bullet-black-arrow.gif) 20px 7px no-repeat scroll #e5e5e5; padding: 2px 10px 2px 30px; display:block; width:123px;}
div#content #leftcolumn li.selected_level1.expand li a:hover {color: #000; text-decoration:underline; background:url(../images/pos/bullet-black-arrow.gif) 20px 7px no-repeat scroll #e5e5e5;}

/*div#content #leftcolumn li.selected_level1.expand ul ul {width: 169px; margin: 4px 0 0;}
div#content #leftcolumn li.selected_level1.expand li li {background: none; padding-left: 12px;}
div#content #leftcolumn li.selected_level1.expand li li a {width:131px;}
div#content #leftcolumn li.selected_level1.expand li.selected_level2 li.selected_level3 {background: url(../images/global/left-menu-arrow-right.gif) 0em 0.25em no-repeat scroll;}
div#content #leftcolumn li.selected_level1.expand li li a {font-size: 0.9em; font-weight: normal; color: #fff; background: none;} */



/* Template styles */
div.textAreaOne p {font-size:1em!important; font-weight:normal!important; line-height: 16px!important; color:#000;}
div.textAreaTwo ul {margin-bottom:20px;}
div.textAreaTwo ul li {margin-left:25px; padding-left:15px; background:url(../images/pos/black-bullet.gif) left 0.5em no-repeat scroll; /*font-size:0.75em;*/ font-size: 1em; padding-bottom:0.8em; color:#000;}
div.textAreaTwo ol {list-style-type:decimal; margin-left:25px; padding-left:15px; margin-bottom:20px;}
div.textAreaTwo ol li { font-size:1em; padding-bottom:0.8em; color:#000;}
div.textAreaTwo a {color:#000; font-weight:bold; text-decoration:underline; outline:none;}

span.quote {display:block; float:left; font-size:1.2em; width:200px; margin:0 40px 20px 0; background:url(../images/franchise/quote-end.gif) right bottom no-repeat scroll; padding:0 0 30px 0; line-height:1.4em;}
span.quote span.title {display:block; background:url(../images/franchise/quote-start.gif) left top no-repeat scroll; padding:40px 0 0;}

/*span.service {display:block; width:204px; float:left; display:inline; background:#eaf1f8 url(../images/franchise/services-back.gif) left top no-repeat scroll; margin:0 8px 8px 0; height:83px; padding:15px 20px; font-size:0.9em;}
span.service.first {clear:left;}
span.service span.title {font-size:1.2em; display:block; margin-bottom:0.5em;}*/

/* Template 1 */
div.Template1 #rightColumn #leftContent .textAreaOne h2 {line-height: 30px!important;}

/* Template2 */
div.Template2 div.textAreaTwo h3.paragraphHeadings {margin: 30px 0 15px 12px; padding: 0; clear: left;}


/* Template3 - FAQs */
div.Template3 div.textAreaTwo h3.paragraphHeadings {position: relative; /* new before this point */ background:#eaf1f8 url(../images/templates/t3-h3-top.gif) left top no-repeat scroll; margin:0; padding:12px 15px 0; width:503px;}
div.Template3 div.textAreaTwo p.paragraphBody {background:url(../images/templates/t3-h3-bottom.gif) left top no-repeat scroll; margin:0!important; width:502px!important; padding:31px 15px;}

div.Template3 div.textAreaTwo h3.paragraphHeadings span.subhead {position: absolute; top: -35px; left: 12px;}

/* Template4 - 10 steps */
div.Template4 div.textAreaTwo {background:url(../images/templates/t4-first-top.gif) left top no-repeat scroll; padding-top:15px;}
div.Template4 div.textAreaTwo div {background:url(../images/templates/t4-middle.gif) left bottom no-repeat scroll;}
div.Template4 div.textAreaTwo div h3.paragraphHeadings {float:left; display:inline; background:#eaf1f8; margin:0 0 0 22px!important; padding:0 15px 0.3em; width:451px; text-align:center;}
div.Template4 div.textAreaTwo div p.paragraphBody {text-align:center; margin:0!important; display:block; padding:0 50px 70px; width:432px!important; }
div.Template4 div.textAreaTwo div.last {background:url(../images/templates/t4-last-bottom.gif) left bottom no-repeat scroll;}


/* Template 5 - Intro */
div.Template5 div.textAreaTwo p.paragraphBody {float:left; display:inline; width:236px!important; margin-right:10px;}
div.Template5 div.textAreaTwo p.paragraphBody span {display:block; font-size:1.5em; padding-bottom:0.5em;}

/* Template 6 - Support, Store Services */
div.Template6 #rightColumn #leftContent {width:540px;}
div.Template6 #rightColumn #leftContent img.topImage {/*margin:1px 0 5px 1px;*/ margin: -15px 0 5px 0; position: relative; display:inline;}
div.Template6 #rightColumn div.textAreaOne {margin:0!important; width:540px!important; padding:1px 0 15px 14px;}
div.Template6 #rightColumn div.textAreaOne h2 {font-size: 1.8em; width: 518px; margin: 0; padding: 0;}
div.Template6 #rightColumn div.textAreaOne p {font-weight: normal!important; font-size: 1em!important; width: 490px; line-height: 16px!important; padding: 20px 0 10px; margin: 0;}
div.Template6 #rightColumn #rightContent p {padding:0; padding-bottom:20px;}
/*div.Template6 #rightColumn #rightContent img {margin-top:62px;}*/

div.Template6 div.textAreaTwo div {float:left; font-size:0.9em; margin:0 0 10px 0; display:inline; padding:0;}
div.Template6 div.textAreaTwo div h3 {padding:0; float:left; margin:0; display:inline; /*margin:0 0 0 13px;*/ margin: 0; font-weight:normal!important;}

div.Template6 div.textAreaTwo div h3 span.serviceBoxH3Long {color: #fff; padding:7px 0 0 12px; line-height: 16px; font-size: 16px;  /*width:488px;*/ width: 521px; float:left; height:24px!important; text-decoration:none; clear:left; background:#0054a6; font-weight:bold; margin:15px 0 0; display:inline;}
div.Template6 div.textAreaTwo div h3 span.serviceBoxH3Long.orangeHeader {background:#eb6620;}
div.Template6 div.textAreaTwo div h3 span.serviceBoxH3Long.purpleHeader {background:#542d8f;}

div.Template6 div.textAreaTwo div h3 a.serviceBoxH3 {padding:18px 0 0 30px; line-height: 17px; font-size: 14px; margin:0; width:229px; float:left; height:21px!important; text-decoration:none; font-weight:bold; display:block;}
div.Template6 div.textAreaTwo div h3 a.orangeBorderTop {background: url(../images/pos/our-services-orange-top.gif) left top no-repeat scroll; margin: 0 11px 0 0; display:inline;}
div.Template6 div.textAreaTwo div h3 a.blueBorderTop {background: url(../images/pos/our-services-blue-top.gif) left top no-repeat scroll; margin: 0 11px 0 0; display:inline;}
div.Template6 div.textAreaTwo div h3 a.purpleBorderTop {background: url(../images/pos/our-services-purple-top.gif) left top no-repeat scroll; margin: 0 11px 0 0; display:inline;}

div.Template6 div.textAreaTwo div p.paragraphBody {float:left; font-size:12px; padding: 0!important; width:auto!important; display:inline; background:yellow; margin:0!important;}
div.Template6 div.textAreaTwo div p.paragraphBody a.serviceBoxP {background:yellow; float:left; font-size: 12px; margin:0!important; padding: 5px 25px 0 30px!important; width:204px!important; height:85px!important; text-decoration:none; font-weight:normal; white-space:normal; line-height:16px;}
div.Template6 div.textAreaTwo div p.paragraphBody a.orangeBorderBottom {background:url(../images/pos/our-services-orange-bottom.gif) top left no-repeat scroll; margin: 0 11px 0 0; display:inline;}
div.Template6 div.textAreaTwo div p.paragraphBody a.blueBorderBottom {background:url(../images/pos/our-services-blue-bottom.gif) top left no-repeat scroll; margin: 0 11px 0 0; display:inline;}
div.Template6 div.textAreaTwo div p.paragraphBody a.purpleBorderBottom {background:url(../images/pos/our-services-purple-bottom.gif) top left no-repeat scroll; margin: 0 11px 0 0; display:inline;}

div#content #rightColumn #leftContent a.ctaBanner {display:block; position:relative; margin-left:-20px; outline:none;}
div#content #rightColumn #leftContent a.ctaBanner img.prePaidImg {position: absolute; top:-315px; left:268px;}

#rightColumn #leftContent div.textAreaTwo div table {display:inline; margin:0 0 0 15px;}
#rightColumn #leftContent div.textAreaTwo div table td {height:30px; font-size:12px; padding:0 0 0 10px;}
#rightColumn #leftContent div.textAreaTwo div table td.header {font-weight:bold; background:#EAF1F8;}

/* case studies */
div#content #rightColumn #leftContent h1.caseStudies {margin: 0 0 10px;}
div.caseStudies #rightColumn div.textAreaOne,
div.caseStudies .rightColumn2 div.textAreaOne {margin:0!important; width:540px!important; padding:1px 0 0; padding-bottom:15px;}
div.caseStudies #rightColumn div.textAreaOne p,
div.caseStudies .rightColumn2 div.textAreaOne p {padding:0; float:right;}
div.caseStudies #rightColumn #rightContent p.caseStudiesBanner,
div.caseStudies .rightColumn2 #rightContent p.caseStudiesBanner {padding:0; padding-bottom:20px; margin-top:57px!important; overflow: hidden;}
div.caseStudies div.textAreaTwo dl {width: 525px; margin: 20px 0 0 ; float: left; padding-left: 13px;}
div.caseStudies div.textAreaTwo dl dt {font-weight: bold; font-size: 1.5em;}
div.caseStudies div.textAreaTwo dl dd.photo {float: left; width: 118px; margin: 10px 10px 0 0;}
div.caseStudies div.textAreaTwo dl dd.text {float: right; width: 377px; margin: 10px 20px 0 0; font-size: 1em; line-height: 16px;}
div.caseStudies div.textAreaTwo dl dd.author {float: right; width: 377px; margin: 5px 20px 0 0; font-size: 1em; line-height: auto;}

/* press releases */
div.caseStudies div.textAreaTwo div.pressReleases {float: left; clear: both;}
div.caseStudies div.textAreaTwo div.pressReleases h2 {background: url(../images/press-releases/press-releases-bg.gif) left top no-repeat scroll; width: 553px; height: 113px; margin:0 0 -20px 0; padding: 40px 0 0 15px; color: #fff; font-size: 1.75em;}
div.caseStudies div.textAreaTwo div.pressReleases h2 span {font-size: 0.55em; font-weight: normal;}
div.caseStudies div.textAreaTwo div.pressReleases dl {width: 525px; position: relative; min-height: 105px; margin: 0 0 10px 13px; border-bottom: 1px solid #eaf1f8; padding: 10px 0;}
div.caseStudies div.textAreaTwo div.pressReleases dt {padding-left: 85px;}
div.caseStudies div.textAreaTwo div.pressReleases dt a {font-size: 0.75em; text-decoration: underline; color: #005aab;}
div.caseStudies div.textAreaTwo div.pressReleases dd.photo {position: absolute; top: 10px; left: 0; margin: 0; width: 75px;}
div.caseStudies div.textAreaTwo div.pressReleases dd.text {float: right; width: 409px; margin: 10px 31px 0 0; font-size: 1em; line-height: 16px;}
div.caseStudies div.textAreaTwo div.pressReleases dd.link {float: right; clear: both; width: 110px; margin: 0 20px 0 0;}
div.caseStudies div.textAreaTwo div.pressReleases dd.link a {font-size: 1em; text-decoration: underline; color: #005aab; font-weight: bold;}
div.caseStudies div.textAreaTwo div.pressReleases dd.link a img {vertical-align: middle;}


/* fee summary */
div.feeSummary div.textAreaTwo table {font-size: 0.75em; margin-left: 15px; width: 520px;}
div.feeSummary div.textAreaTwo table th {text-align: left;}
div.feeSummary div.textAreaTwo table td.smallText {font-size: 0.9em;}

/* franchisee seminars */
div.textAreaTwo p.franchiseEvents {font-size: 1em!important;}
div.seminarListing {width: 479px; height: 83px; background: url(../images/franchise/seminar-bg.gif) left top no-repeat scroll; margin: 0 0 10px 15px; padding: 15px;}
div.seminarListing.first {margin: 30px 0 10px 15px;!important}
div.seminarListing h3 {font-size: 16px;}
div.seminarListing p {font-size: 14px!important; margin: 10px 0 0!important; width: 280px!important; float: left; }
div.seminarListing p span {font-weight: bold;}
div.seminarListing p.seminarButtons {float: right; width: 190px!important; text-align: right; margin-top: 0!important;}
div.seminarListing p.seminarButtons img {margin-top: 5px;}

/* Become a Franchisee */
div#content #rightColumn #leftContent h1.franchise {margin: 0 0 10px;}
div.becomeFranchisee .rightColumn2 div.textAreaOne {margin:0!important; width:540px!important; padding:1px 0 0; padding-bottom:15px;}
div.becomeFranchisee .rightColumn2 div.textAreaOne p {padding:0; float:right;}
div.becomeFranchisee .rightColumn2 #rightContent p.franchiseBanner {padding:0; padding-bottom:20px; margin-top:57px!important; overflow: hidden;}
div.becomeFranchisee div.textAreaTwo {margin: 20px 0 0; float: left; width: 525px; padding: 0;}
div.becomeFranchisee div.textAreaTwo h2.paragraphHeadings {margin: 0 0 15px 12px; padding: 0; font-size: 1.5em; width: 505px;}
div.becomeFranchisee div.textAreaTwo div.franchiseQuote {display: block; /*font-size: 1.1em;*/ font-size: 1.35em; width: 535px; margin-bottom: 30px;}
div.becomeFranchisee div.textAreaTwo div.franchiseQuote.nickBourne {width: 410px; background: url(../images/franchise/nick-bourne-banner.jpg) left top no-repeat scroll; height: 80px; padding: 42px 0 0 125px;}
div.becomeFranchisee div.textAreaTwo div.franchiseQuote.nickBourne p {width: 370px!important; text-align: right; margin: 0!important; padding: 0!important;}
div.becomeFranchisee div.textAreaTwo div.franchiseQuote.nickBourne p span,
div.becomeFranchisee div.textAreaTwo div.franchiseQuote.graemeMulheron p span {/*font-size: 0.8em;*/ font-size: 0.7em; line-height: 30px;}
div.becomeFranchisee div.textAreaTwo div.franchiseQuote.graemeMulheron {width: 490px; background: url(../images/franchise/graeme-mulheron-banner.jpg) left top no-repeat scroll; height: 83px; padding: 42px 0 0 45px;}
div.becomeFranchisee div.textAreaTwo div.franchiseQuote.graemeMulheron p {width: 400px!important; text-align: left; margin: 0!important; padding: 0!important;}