body { font:12px/1.5 Arial,Helvetica,sans-serif; color:#222; background:#222; }

a:link { color:#222; text-decoration:underline; }
a:visited { color:#555; text-decoration:underline; }
a:hover { color:#222; text-decoration:none; }
a:active { color:#222; text-decoration:none; }

button { cursor:pointer; }

a.button { float:left; color:#FFF; font-weight:bold; text-decoration:none; padding-right:10px; background:url(/images/buttons/blue-right.png) no-repeat top right; }
a.button span { display:block; padding:1px 2px 3px 12px; background:url(/images/buttons/blue-left.png) no-repeat top left; }

a.button.orange { background-image:url(/images/buttons/orange-right.png); }
a.button.orange span { background-image:url(/images/buttons/orange-left.png); }
a.button.red { background-image:url(/images/buttons/red-right.png); }
a.button.red span { background-image:url(/images/buttons/red-left.png); }

div.inner { width:957px; margin:0 auto; position:relative; }

#header { border-bottom:#C2E1E9 1px solid; background:#222 url(/images/layout/header-bg.png) repeat-x center; }
#header div.inner { padding:20px 15px 20px 20px; height:146px; width:922px; }

h1 { color:#098BAB; font-size:1.5em; margin:40px 309px 6px 0; line-height:1.35; }
h3 { margin:12px 18px; }

ol.numbered { margin:12px 42px; list-style:decimal; }

#header p { color:#E6E6E6; margin:0 309px 0 0; }
#header p a { color:#E6E6E6; }

#logo { position:absolute; top:16px; right:15px; }

#social { position:absolute; top:21px; left:20px; overflow:hidden; }
#social img { float:left; margin-right:8px; }

#basket { position:absolute; top:91px; right:0; width:252px; color:#FFF; }
#basket h2 { font-size:1.2em; }
#basket p { margin:8px 0; font-size:0.9em; color:#FFF; }
#basket p.empty { padding-left:22px; font-weight:bold; font-size:1em; background:url(/images/layout/basket-empty.png) no-repeat left center; }
#basket p.hasfranchise { padding-left:22px; font-weight:bold; font-size:1em; background:url(/images/layout/basket-empty.png) no-repeat left center; }
#basket #open-request-list { color:#FFF; text-decoration:none; font-weight:bold; background:#0893B2; padding:1px 10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:#055D71 1px outset; font-size:0.8em; float:right; }
#basket #open-request-list:active, #basket #open-request-list:focus { border-style:inset; }

#breadcrumb { overflow:hidden; padding:8px 20px 11px 20px; margin:0 20px; background:url(/images/layout/home.png) no-repeat 0 8px; }
#breadcrumb li { float:left; }
#breadcrumb li span.quote { margin:0 6px; }
#breadcrumb a { color:#222; }

#main { padding-bottom:20px; overflow:hidden; background:#FFF; }
#left { float:left; width:224px; margin-right:10px; }
#content { float:left; width:723px; }
#content p { margin:12px 18px; }

#content.wide { float:none; width:957px; }

div.gradient-box, ul.gradient-box, ol.gradient-box, form.gradient-box { margin-bottom:20px; background:#F2F2F2 url(/images/layout/gradient-box.png) repeat-x top left; border-bottom:#DCDCDC 1px solid; }

ol.categories { width:33.3%; float:left; width:218px; margin:-5px 0 12px 18px; }
ol.categories li { margin-bottom:2px; }
ol.categories a { font-weight:bold; text-decoration:none; }
ol.categories a:before { content:'>'; font-weight:bold; padding-right:6px; }

#search { background:#222; color:#DDD; margin-bottom:10px; padding:15px 20px 12px 20px; }
#search legend { font-size:1.2em; font-weight:bold; }
#search label { display:block; margin:12px 0 3px 0; }
#search select { display:block; width:180px; border:#ABADB3 1px solid; font-family:Arial,Helvetica,sans-serif; }
#search button { display:block; margin:12px 0; background:#757575; border:0; padding:2px 6px; color:#FFF; font-family:Arial,Helvetica,sans-serif; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; }

#sidebar { background:#4599B1; padding:11px 0 20px 0; color:#FFF; }
#sidebar h2 { font-size:1.2em; padding:7px 18px; background:#26839F url(/images/layout/sidebar-heading-bg.png) repeat-x bottom left; }
#sidebar p { margin:12px 18px; }
#sidebar p.view-all { margin-bottom:35px; }
#sidebar p.events { margin-bottom:25px; margin-top:0; }
#sidebar ol { margin:12px 18px; }
#sidebar a { color:#FFF; }
#sidebar ol p { margin:12px 0; }

#sidebar ol.featured { margin-bottom:16px; }
#sidebar ol.featured li { margin-bottom:6px; }

#sidebar ol.events { margin:0; }
#sidebar ol.events li { padding:17px 18px; background:url(/images/layout/sidebar-section-bg.png) repeat-x top left; }
#sidebar ol.events li:first-child { background:none; }
#sidebar ol.events h3 { margin:0; }
#sidebar ol.events p.dates { margin-top:2px; }
#sidebar ol.events a.register { padding-left:22px; background:url(/images/layout/arrow-white.png) no-repeat left center; }

#content h2 { font-size:1.2em; color:#FFF; background-repeat:repeat-x; background-position:bottom left; position:relative; }
#content h2.browse { background-color:#FF810B; background-image:url(/images/layout/heading-orange.png); padding: 9px 18px; }
#content h2.top { background-color:#DC0B28; background-image:url(/images/layout/heading-red.png); padding: 9px 18px;}
#content h2.videos { background-color:#2F99D7; background-image:url(/images/layout/heading-blue.png); padding: 9px 18px; }
#content h2.success { background-color:#FF810B; background-image:url(/images/layout/heading-orange.png); padding: 9px 18px; }
#content h2.news { background-color:#DC0B28; background-image:url(/images/layout/heading-red.png); padding: 9px 18px; }
#content h1.franchise_news { padding-left: 10px; } 
#content h1.franchise_success_story  { padding-left: 10px; } 
#content h1.franchise_videos { padding-left: 10px; } 

#content h2 label { font-size:0.8em; font-weight:normal; position:absolute; top:9px; right:18px; }
#content h2 a.button { font-size:0.8em; position:absolute; top:9px; right:18px; }
#content h2 a.button span { padding-top:2px; }
#content h2 span.caption { font-size:0.8em; font-weight:normal; float:right; padding-top:2px; padding-right:5px; }

#content ul.franchises { overflow:hidden; padding:12px 12px 0 24px; }
#content ul.franchises.morepadding { padding:18px 2px 6px 18px; }
#content ul.franchises li { background:#FFF; width:159px; margin:0 12px 12px 0; float:left; }
#content ul.franchises li div { height:250px; }
#content ul.franchises.smaller div { height:110px; }
#content ul.franchises li div div.logo { height:auto; /*height:58px;*/ margin:11px 11px 0 11px; line-height:58px; text-align:center; }
#content ul.franchises li div div.logo img { vertical-align:middle; }
#content ul.franchises.morepadding li { margin-right:16px; margin-bottom:16px; }
#content ul.franchises.morepadding li.end { margin-right:0; }
#content ul.franchises a { color:#C60A25; }
#content ul.franchises img { max-width:135px; }
#content ul.franchises h3 { margin:11px 11px 0 11px; }
#content ul.franchises p { margin:12px 11px; }
#content ul.franchises label.checkbox { padding:4px; color:#FFF; display:block; background:#DC0B28 url(/images/layout/heading-red.png) repeat-x bottom left; cursor:pointer; }
#content ul.franchises label.checkbox * { vertical-align:middle; }

#top-franchises { position:relative; }
#top-franchises a.arrow { position:absolute; width:14px; height:14px; top:50%; margin-top:-7px; }
#top-franchises a.arrow.left { left:5px; }
#top-franchises a.arrow.right { right:7px; }

#content #top-franchises ul.franchises { width:687px; height:301px; overflow:hidden; }

#content ul.videos { overflow:hidden; padding:10px 0; }
#content ul.videos li { width:342px; float:left; margin-right:17px; margin-bottom:10px; overflow:hidden; }
#content ul.videos li.odd { clear:left; }
#content ul.videos h3 { margin:0; }
#content ul.videos img { border:#C7C7C7 1px solid; float:left; padding:5px; width:142px; height:84px; margin-right:10px; }
#content ul.videos div { float:left; width:178px; margin-bottom:10px; padding-top:6px; }
#content ul.videos p { margin:6px 0; }
#content ul.videos a { color:#2586BF; }
#content ul.videos a.view { padding-left:22px; background:url(/images/layout/arrow-blue.png) no-repeat left center; }

#content ul.franchise_videos { overflow:hidden; padding:0px 0px 10px 0px; }
#content ul.franchise_videos li { width:342px; float:left; margin-right:17px; margin-bottom:10px; overflow:hidden; }
#content ul.franchise_videos li.odd { clear:left; }
#content ul.franchise_videos h3 { margin:0; }
#content ul.franchise_videos img { border:#C7C7C7 1px solid; float:left; padding:5px; width:142px; height:84px; margin-right:10px; margin-bottom: 5px; }
#content ul.franchise_videos div { float:left; width:178px; margin-bottom:10px; padding-top:6px; }
#content ul.franchise_videos p { margin:6px 0; }
#content ul.franchise_videos a { color:#2586BF; }
#content ul.franchise_videos a.view { padding-left:22px; background:url(/images/layout/arrow-blue.png) no-repeat left center; }

#content ul.success { padding:10px 0 10px 18px; }
#content ul.success li { overflow:hidden; margin-bottom:10px; }
#content ul.success div { float:left; width:581px; }
#content ul.success div.img { width:109px; min-height:10px; margin-right:15px; }
#content ul.success div.img img { max-width:109px; display:block; margin:0 auto; }
#content ul.success p { margin:12px 16px; }
#content ul.success h3 { margin:0; padding:7px 16px; font-size:1.2em; background:#D9D9D9 url(/images/layout/heading-grey.png) repeat-x bottom left; }
#content ul.success h3 a { text-decoration:none; padding-left:22px; background:url(/images/layout/arrow-orange.png) no-repeat left center; }

#content div.success { padding:18px; }
#content div.success img.logo { float:right; margin:0 0 15px 15px; }
#content div.success p { margin:12px 0; }
#content div.success p.intro { font-size:1.2em; margin-top:0; }

#content ul.franchise_success_story { padding:10px 0 0px 10px; }
#content ul.franchise_success_story h3 { margin:0; padding:7px 16px; font-size:1.2em; background:#D9D9D9 url(/images/layout/heading-grey.png) repeat-x bottom left; }
#content ul.franchise_success_story h3 a { text-decoration:none; padding-left:22px; background:url(/images/layout/arrow-orange.png) no-repeat left center; }
#content ul.franchise_success_story p { margin:12px 16px; }
#content ul.franchise_success_story li { overflow:hidden; margin-bottom:10px; }

#content ul.news { padding:18px 18px 8px 18px; }
#content ul.news li { background:#FFF; padding:10px; margin-bottom:10px; overflow:hidden; }
#content ul.news img { float:left; margin-right:12px; max-width:119px; }
#content ul.news div { float:left; width:536px; padding-top:2px; }
#content ul.news h3 { font-weight:normal; margin:0; }
#content ul.news p { margin:4px 0; }
#content ul.news a { color:#C90B26; text-decoration:none; }
#content ul.news p.date { font-size:0.9em; font-style:italic; color:#C90B26; }

#content ul.franchise_news { padding:10px 18px 8px 10px; margin-bottom: 10px; }
#content ul.franchise_news li { background:#FFF; padding:0px; margin-bottom:20px; overflow:hidden; }
#content ul.franchise_news img { float:left; margin-right:12px; max-width:119px; }
#content ul.franchise_news div { float:left; width:560px; padding-top:2px; }
#content ul.franchise_news h3 { font-weight:normal; margin:0; }
#content ul.franchise_news p { margin:4px 0; }
#content ul.franchise_news a { color:#C90B26; text-decoration:none; }
#content ul.franchise_news p.date { font-size:0.9em; font-style:italic; color:#C90B26; }

#content div.news { padding:18px; overflow: hidden; }
#content div.news p { margin:0 0 12px 0;  }
#content div.news a { color:#DC0B28; }
#content div.news p.date { color:#666; font-style:italic; }
#content div.news img.news_image { float:right; padding:5px; background:#FFF; border:#CCC 1px solid; margin:0 0 20px 20px; max-width:300px; }

#footer { background:#222; padding:18px 0; text-align:left; height: 90px; }
#footer p { color:#7F8387; margin:12px 0; }
#footer a { color:#50A4BB; }
#footer p span { margin:0 8px; }
#footer .inner_details { width: 700px; float: left; }
#footer .handg_logo { float: right;  margin-top: 5px; color: #fff; }
#footer .handg_logo  *{ vertical-align: middle;}
#footer .handg_logo a { text-decoration: none; color: #fff; }
#footer .handg_logo_image {padding-left: 8px; }
#content ol.videos { padding:10px 0 15px 10px; overflow:hidden; margin-bottom:10px; }
#content ol.videos li { width:154px; float:left; margin-right:23px; height:255px; }
#content ol.videos li.end { margin-right:0; }
#content ol.videos li:last-child { margin-right:0; }
#content ol.videos img { width:142px; display:block; background:#FFF; border:#C7C7C7 1px solid; padding:5px; margin-top: 5px; }
#content ol.videos a { color:#EF6702; text-decoration:none; }
#content ol.videos a.view { padding:22px; background:url(/images/layout/arrow-orange.png) no-repeat left center; }
#content ol.videos h3 { margin:8px 0 4px 0; }
#content ol.videos p { margin:4px 0; }

#content ol.franchise_videos { padding:15px 0 15px 15px; overflow:hidden; margin-bottom:10px; }
#content ol.franchise_videos li { width:154px; float:left; margin-right:23px; height:255px; }
#content ol.franchise_videos li.end { margin-right:0; }
#content ol.franchise_videos li:last-child { margin-right:0; }
#content ol.franchise_videos img { width:142px; display:block; background:#FFF; border:#C7C7C7 1px solid; padding:5px; }
#content ol.franchise_videos a { color:#EF6702; text-decoration:none; }
#content ol.franchise_videos a.view { padding:22px; background:url(/images/layout/arrow-orange.png) no-repeat left center; }
#content ol.franchise_videos h3 { margin:8px 0 4px 0; }
#content ol.franchise_videos p { margin:4px 0; }

#content div.franchise { margin-top:10px; padding:16px 18px 6px 18px; overflow:hidden; margin-bottom: 10px; }
#content div.franchise div.logo { float:left; width:135px; margin-right:25px; text-align:center; }
#content div.franchise div.logo div img { max-width:123px; display:block; margin:0 auto; }
#content div.franchise div.logo div { background:#F7F7F7; border:#BBB 1px solid; text-align:center; padding:5px; }
#content div.franchise div.logo a.contact-franchise { display:block; text-align:center; color:#FFF; text-decoration:none; text-transform:uppercase; padding:4px 7px; margin:10px auto; background:#CF0B26; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; line-height:1.3; font-weight:bold; }
#content div.franchise div.logo a.more_info_button { display:block; margin:10px 0px; }
#content div.franchise div.description { float:left; width:250px; margin-right:15px; }
#content div.franchise dl.details { float:left; width:260px; }

#content div.franchise p { margin:0 0 12px 0; }
#content div.franchise p strong { color:#D90B28; }

#content div.franchise dl { overflow:hidden; }
#content div.franchise dl dt { color:#D90B28; font-weight:bold; width:120px; float:left; clear:left; margin:0 6px 6px 0; }
#content div.franchise dl dd { float:left; margin-bottom:6px; width:134px; }

#content div.franchise-description { padding:0 10px; }
#content div.franchise-description h1 { margin:20px 0; }
#content div.franchise-description ul { list-style:disc; margin:12px 22px; }
#content div.franchise-description ol { list-style:decimal; margin:12px 22px; }
#content div.franchise-description img { max-width:703px; }
#content div.franchise-description p { margin:12px 0; }

#content div.form-error { margin:10px 0; border:#CF0B26 1px solid; background:#FFEDED; padding:15px; }
#content div.form-error div { background:#FFF url(/images/layout/error-large.png) no-repeat 10px 10px; padding:10px 10px 10px 68px; }
#content div.form-error h3 { font-size:1.4em; color:#C00; margin:10px 0 0 0; }
#content div.form-error ol { margin:8px 22px; list-style:disc; line-height:1.8; }

#content form.franchise-info-request { padding:15px; margin-top:10px; }
#content form.franchise-info-request fieldset { background:#FFF; overflow:hidden; }
#content form.franchise-info-request legend { color:#CF0B26; display:block; background:#FFF; width:673px; padding:10px; font-weight:bold; font-size:1.2em; }
#content form.franchise-info-request div { float:left; width:49%; margin-bottom:6px; }
#content form.franchise-info-request div.newrow { clear:left; }
#content form.franchise-info-request div.fullwidth { width:100%; }
#content form.franchise-info-request div.buttons { background:#FFF; padding:10px 10px 20px 10px; float:none; margin:0; width:673px; }
#content form.franchise-info-request label { color:#383838; float:left; padding:4px 10px 0 10px; width:120px; }
#content form.franchise-info-request span.req { color:#CF0B26; font-weight:bold; }
#content form.franchise-info-request div.checkboxes { float:none; width:auto; background:#FFF; margin:0; padding-bottom:5px; }
#content form.franchise-info-request div.checkboxes label { float:none; display:block; margin:0 0 0 130px; width:450px; }

#content form.franchise-info-request input.textbox { float:left; width:180px; border:#999 1px solid; font-family:Arial,Helvetica,sans-serif; padding:3px; }
#content form.franchise-info-request input.textbox.error { border-color:#CF0B26; padding-right:25px; width:158px; background:#FFEDED url(/images/layout/error.png) no-repeat 165px center; }
#content form.franchise-info-request textarea { float:left; width:380px; height:100px; border:#999 1px solid; font-family:Arial,Helvetica,sans-serif; font-size:1em; padding:3px; line-height:1.5; }
#content form.franchise-info-request button { background:#CF0B26; color:#FFF; padding:4px 9px; color:#FFF; font-family:Arial,Helvetica,sans-serif; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; border:0; display:block; margin-left:130px; font-size:1em; font-weight:bold; }
#content form.franchise-info-request span.error { clear:left; padding-left:22px; padding-top:6px; display:block; margin:0 0 0 140px; font-style:italic; background:url(/images/layout/error.png) no-repeat left 7px; }

#overlay { background:#000; position:absolute; top:0; left:0; display:none; width:100%; }

#popup-list { position:absolute; top:50%; left:50%; padding:15px; width:270px; height:310px; margin-top:-170px; margin-left:-150px; z-index:99; background:#EFEFEF; display:none; }
#popup-list h2 { color:#0893B2; font-size:1.2em; }
#popup-list #close-list { position:absolute; top:15px; right:15px; }
#popup-list ol { margin:15px 0; height:240px; overflow-y:auto; }
#popup-list ol li { overflow:hidden; margin-bottom:15px; padding-bottom:6px; }
#popup-list ol li h3 { margin:0 0 5px 85px; }
#popup-list ol li img { float:left; border:#7E7E7E 1px solid; background:#FFF; padding:7px 3px; max-width:64px; max-height:43px; margin-right:13px; }

#popup-list a.remove { color:#FFF; text-decoration:none; background:#0893B2; padding:1px 7px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:#055D71 1px outset; font-size:0.9em; float:none; margin-left:85px; display:block; width:53px; }
#popup-list a.remove span { margin:0 6px 0 0; }
#popup-list a.remove:active, #popup-list a.remove:focus { border-style:inset; }

#popup-list #button { text-align:center; }
#popup-list #button a { color:#FFF; text-decoration:none; font-weight:bold; background:#0893B2; padding:4px 10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:#055D71 1px outset; }
#popup-list #button a:active, #popup-list #button a:focus { border-style:inset; }

#content div.video-container { width:520px; margin:10px auto 0 auto; padding:20px 0; }
#content div.video-container p { margin:12px 0; }

#request-more { overflow:hidden; margin:12px 18px; }
#request-more p { margin:0; }
#request-more button { background:#CF0B26; color:#FFF; padding:3px 9px; color:#FFF; font-family:Arial,Helvetica,sans-serif; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; border:#900 1px outset; float:right; margin:5px 0 0 20px; font-weight:bold; text-transform:uppercase; font-size:1em; }

#international-banner { margin-top:10px; display:block; }
#international-banner img { display:block; }

#flags { margin:20px 19px; overflow:hidden; }
#flags li { margin-bottom:15px; overflow:hidden; font-size:1.5em; width:305px; float:left; }
#flags a { text-decoration:none; }
#flags img { vertical-align:middle; margin-right:15px; }

#franchise-search-large { margin:10px 0px 10px 0px; background:#FFF; border-top:#CCC 1px solid; }
#franchise-search-large fieldset { background:#d8d8d8; overflow:hidden; padding:8px 10px 10px 8px; }
#franchise-search-large p { margin:19px 0 0 15px; float:left; }
#franchise-search-large label { float:left; margin-right:15px; text-indent:3px; }
#franchise-search-large select { display:block; border:#BBB 2px solid; padding:2px; font-family:Arial,Helvetica,sans-serif; font-size:1.2em; margin-bottom: 10px; margin-top:4px; width:190px; }
#franchise-search-large select:focus { border-color:#666; }
#franchise-search-large button { font-family:Arial,Helvetica,sans-serif; padding:3px 10px; cursor:pointer; font-size:1.2em; background:#474747; border:1px solid; border-color:#242424 #474747 #474747 #242424; color:#FFF; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; }

#content .video-container .read_more_link { color: #FF810B }

#page_links  ul { list-style-type: none; margin: 0; padding: 0; width: 723px; }
#page_links ul li { display: inline; }
#page_links a { float: left; display: block; text-decoration: none; width: 340px; font-weight: bold; font-size:1.2em; padding:9px 2px 9px 18px; margin-bottom: 20px; color:#FFF; background-repeat:repeat-x; background-position:bottom left; position:relative; }
#page_links .profile{ background:#DC0B28; background-image:url(/images/layout/heading-red.png); margin-right: 1px; }
#page_links .news { background:#DC0B28; background-image:url(/images/layout/heading-red.png); margin-right: 1px; }
#page_links .success_stories { background:#DC0B28; background-image:url(/images/layout/heading-red.png); margin-right: 1px; }
#page_links .videos { background:#DC0B28; background-image:url(/images/layout/heading-red.png); margin-right: 1px; }

#page_links li.here a.profile{ background: #2F99D7; background-image:url(/images/layout/heading-blue.png); margin-right: 1px; }
#page_links li.here a.news { background: #2F99D7; background-image:url(/images/layout/heading-blue.png); margin-right: 1px; }
#page_links li.here a.success_stories { background: #2F99D7; background-image:url(/images/layout/heading-blue.png);  margin-right: 1px; }
#page_links li.here a.videos { background: #2F99D7; background-image:url(/images/layout/heading-blue.png); margin-right: 1px; }