/* Page: Hobart: Chain Restaurant Resource Center Author: Jason Webb (GyroHSR) Date: 06-23-09 */ * {margin: 0; padding: 0;} a {text-decoration: none; outline: none; color: #005293;} p a:hover {text-decoration: underline;} input {outline: none;} a img {border: none;} ul {list-style-type: none;} body {letter-spacing: -0.04em; font-size: 11px; background: transparent url(/chain-restaurants/assets/images/bg_body.jpg) repeat-x; font-family: Arial, Verdana, San-Serif;} p, label, input, dt, dd {letter-spacing: normal;} /* STRUCTURE (TOP LEVEL) ************************************/ #container {background: transparent url(/chain-restaurants/assets/images/bg_container.png) repeat-y !important; background: transparent; width: 920px; margin: 0 auto; padding: 0 4px 0 4px;} #wrapper {border-left: 1px solid #B2B2B2; background: #FFFFFF; border-right: 1px solid #B2B2B2; width: 918px;} #header {height: 107px; background: #FFF url(/chain-restaurants/assets/images/bg_header.png) repeat-x; border-bottom: 1px solid #FFFFFF;} #nav-holder {height: 36px; background: #333333; border-bottom: 1px solid #FFFFFF;} #feature-holder {width: 918px;} .article-doc {width: 918px; background: #FFFFFF url(/chain-restaurants/assets/images/bg_articledoc.png) repeat-y;} #footer {background: #F4F4F4; height: 107px; width: 918px;} #bottom {background: #FFFFFF url(/chain-restaurants/assets/images/bg_bottom.png) no-repeat 0 -2px !important; background: transparent; width: 928px !important; width: 920px; border-top: 0 !important; border-top: 1px solid #B2B2B2; margin: 0 auto; height: 18px;} /* HEADER ************************************/ #header #logo {width: 224px; float: left;} #header #logo h1.print {display: none;} #header #logo a {display: block;} #header #logo-title {width: 195px; height: 77px; float: left; text-align: right; padding-top: 30px;} #header #header-menu {float: left; width: 498px; height: 107px;} #header-menu ul {float: right; width: 325px; height: 38px; margin-top: 41px; margin-right: 5px;} #header-menu li {float: left; height: 38px;} #header-menu li a {height: 38px; display: block;} #header-menu li a span {text-indent: -9999px; display: block;} #header-menu li#home a {width: 80px; background: #FFF url(/chain-restaurants/assets/images/sprite_topmenu.jpg) no-repeat 0 -38px;} #header-menu li#contactus a {width: 121px; background: #FFF url(/chain-restaurants/assets/images/sprite_topmenu.jpg) no-repeat -80px -38px;} #header-menu li#receiveupdates a {width: 124px; background: #FFF url(/chain-restaurants/assets/images/sprite_topmenu.jpg) no-repeat -201px -38px;} /* hovers */ #header-menu li#home a:hover {background: #FFF url(/chain-restaurants/assets/images/sprite_topmenu.jpg) no-repeat 0 0;} #header-menu li#contactus a:hover {width: 121px; background: #FFF url(/chain-restaurants/assets/images/sprite_topmenu.jpg) no-repeat -80px 0;} #header-menu li#receiveupdates a:hover {width: 124px; background: #FFF url(/chain-restaurants/assets/images/sprite_topmenu.jpg) no-repeat -201px 0;} /* NAV-HOLDER/MAIN NAV ************************************/ #main-nav {padding: 5px 0 0 3px;} #main-nav li {float: left; height: 26px; margin-right: 4px;} #main-nav li a {display: block; height: 26px;} #main-nav li a span {display: block; text-indent: -9999px;} #main-nav li#customerint a {background: #333333 url(/chain-restaurants/assets/images/sprite_mainmenu.png) no-repeat 0 0; width: 197px;} #main-nav li#sustainability a {background: #333333 url(/chain-restaurants/assets/images/sprite_mainmenu.png) no-repeat -197px 0; width: 174px;} #main-nav li#foodsafety a {background: #333333 url(/chain-restaurants/assets/images/sprite_mainmenu.png) no-repeat -371px 0; width: 132px;} #main-nav li#prodconsist a {background: #333333 url(/chain-restaurants/assets/images/sprite_mainmenu.png) no-repeat -503px 0; width: 211px;} #main-nav li#culcolumn a {background: #333333 url(/chain-restaurants/assets/images/sprite_mainmenu.png) no-repeat -714px 0; width: 180px;} /** HOVERS **/ #main-nav li#customerint a:hover, #main-nav li#customerint.on a {background: #333333 url(/chain-restaurants/assets/images/sprite_mainmenu.png) no-repeat 0 -26px;} #main-nav li#sustainability a:hover, #main-nav li#sustainability.on a {background: #333333 url(/chain-restaurants/assets/images/sprite_mainmenu.png) no-repeat -197px -26px;} #main-nav li#foodsafety a:hover, #main-nav li#foodsafety.on a {background: #333333 url(/chain-restaurants/assets/images/sprite_mainmenu.png) no-repeat -371px -26px;} #main-nav li#prodconsist a:hover, #main-nav li#prodconsist.on a {background: #333333 url(/chain-restaurants/assets/images/sprite_mainmenu.png) no-repeat -503px -26px;} #main-nav li#culcolumn a:hover, #main-nav li#culcolumn.on a {background: #333333 url(/chain-restaurants/assets/images/sprite_mainmenu.png) no-repeat -714px -26px;} #main-nav li.last {margin-right: 0;} /* FEATURES (CENTER STAGE | BIG BANNERS) ************************************/ #feature-L1 {height: 266px; width: 918px;} #feature-L1 .panel {background: #005293;} #feature-L1 .panel .panel-content {font-weight: normal; padding: 5px 10px 18px 15px; line-height: 18px;} .panel-content .panel-cat {font-size: 11px; color: #7AB0DA; text-transform: uppercase;} .panel-content .panel-title {font-size: 16px; color: #FFFFFF;} .panel-content .panel-excerpt {font-size: 12px; color: #FFFFFF; font-weight: normal; padding: 0 0 25px 0;} .panel-content .panel-readlnk {display: block; font-size: 12px; font-weight: bold; margin-top: 12px; padding: 4px 0 0 11px; width: 102px; height: 19px; background: #004276; color: #FFFFFF; line-height: normal;} .panel-content a.panel-readlnk:hover {color: #004276; background: #FFFFFF;} #feature-L1 #panel-left {float: left; width: 305px; margin-right: 3px;} #feature-L1 #panel-mid {float: left; width: 303px; margin-right: 3px;} #feature-L1 #panel-right {float: left; width: 304px;} #feature-L2 {width: 918px; height: 130px;} #feature-L2 .feature-copy {height: 130px; width: 439px; position: relative; float: left; color: #FFFFFF;} #feature-L2 .feature-copy h2 {font-size: 24px; font-weight: normal; position: absolute; left: 30px; top: 50px;} #feature-L2 .feature-copy .copy {padding-bottom: 7px; width: 313px; position: absolute; bottom: 0; right: 0;font-size: 13px;} #feature-L2 #feature-img {height: 130px; float: left; width: 479px;} /** DIFFERENT COLOR BG'S **/ #feature-L2 #feature-custint {background: #C78800;} #feature-L2 #feature-custint .copy {color: #70510D; border-bottom: 10px solid #DDB800;} #feature-L2 #feature-sustainability {background: #A8C545;} #feature-L2 #feature-sustainability .copy {color: #546222; border-bottom: 10px solid #CBDC61;} #feature-L2 #feature-sustainability h2 {top: 64px;} #feature-L2 #feature-culcolumn {background: #9664A2;} #feature-L2 #feature-culcolumn .copy {color: #4B3251; border-bottom: 10px solid #C08CC7;} #feature-L2 #feature-foodsafety {background: #0092B2;} #feature-L2 #feature-foodsafety .copy {color: #004E5F; border-bottom: 10px solid #00BED1;} #feature-L2 #feature-prodconsistency {background: #990033;} #feature-L2 #feature-prodconsistency .copy {color: #000000; border-bottom: 10px solid #C20047;} #feature-L3 {width: 918px; height: 175px;} #feature-L3 .feature-bg {width: 918px; height: 175px;} #feature-L3 .feature-copy {height: 175px; width: 269px; position: relative; float: left; color: #FFFFFF;} #feature-L3 .feature-copy h2 {font-size: 18px; text-transform: uppercase; position: absolute; left: 28px; bottom: 9px;} #feature-L3 #feature-img {height: 170px; float: left; width: 649px;} /** DIFFERENT COLOR BG'S **/ #feature-custint {background: #C78800;} #feature-foodsafety {background: #0092B2;} #feature-sustainability {background: #A8C545;} #feature-culcolumn {background: #9664A2;} /* FOOTER ************************************/ #footer h6 {color: #6D6B6B; background: #D1D1D1; padding: 3px 0 4px 20px; margin-bottom: 8px; font-size: 10px;} #footer p {padding-left: 20px; font-size: 10px; width: 500px; color: #6D6B6B;} #footer p a {text-decoration: underline; color: #6D6B6B;} /* HOME CONTENT ************************************/ #home-left {float: left; width: 425px; padding: 14px 0 30px 15px;} #home-left .article-excerpt, #home-right .article-excerpt {padding: 0 0 15px 0; border-bottom: 1px dotted #999999;} .article-excerpt h4 {font-size: 11px; text-transform: uppercase; margin-bottom: 10px;} .article-excerpt h4.green a {background: #A7C545;} .article-excerpt h4.orange a {background: #C78800;} .article-excerpt h4.pink a {background: #990033;} .article-excerpt h4.purple a {background: #9563A1;} .article-excerpt h4.blue a {background: #0091B1;} .article-excerpt h4 a:hover {background: #004276;} .article-excerpt h4 a {color: #FFFFFF; width: 416px; padding: 2px 0 2px 5px; display: block; position: relative;} .article-excerpt h4 a span {position: absolute; right: 0; top: 0; background: transparent url(/chain-restaurants/assets/images/arrow_dbl_sm.gif) no-repeat 7px 6px; width: 21px; height: 18px; border-left: 2px solid #FFFFFF;} .article-excerpt h5 {font-size: 14px; color: #005293; margin-bottom: 5px;} .article-excerpt h5 a:hover {text-decoration: underline;} .article-excerpt .sub-title {font-weight: bold; color: #333333; font-size: 12px;} .article-excerpt .article-link {display: block; font-size: 11px; font-weight: bold; margin-top: 10px; padding: 5px 0 5px 15px; width: 102px; height: 14px; background: #F3F2F0; color: #004276; line-height: normal;} .article-excerpt a.article-link:hover {color: #FFFFFF; background: #004276;} #home-left .same-art, #home-right .same-art {padding: 23px 0 15px 0; border-bottom: 0;} #home-left .same-art-border, #home-right .same-art-border {padding: 23px 0 15px 0;} #home-left .last-art, #home-right .last-art {border-bottom: 0;} #home-right {float: left; width: 422px; padding: 14px 16px 30px 40px;} /* CONTACT US CONTENT ************************************/ #singleton {position: relative; padding: 62px 36px 60px 150px; width: 732px;} #singleton .big-icon {position: absolute; top: 55px; left: 57px;} #singleton h2 {font-size: 22px; margin-bottom: 12px; font-weight: normal; color: #454545; padding-bottom: 15px; border-bottom: 1px solid #ABABAB;} #singleton p {color: #8F8F8F; font-size: 12px; line-height: 19px;} #singleton #form-holder {padding: 6px 24px 20px 24px; margin-top: 20px; width: 422px; float: left; height: 524px; background: #FFFFFF url(/chain-restaurants/assets/images/bg_formholder_big.png) no-repeat;} #form-holder p.req-note {font-size: 10px; font-weight: bold; margin-bottom: 17px;} #form-holder div.clearfix {margin-bottom: 11px; width: 422px;} #form-holder label {color: #636363; font-weight: bold; display: block; float: left;} #form-holder label input {margin-right: 4px;} /* Labels */ #form-holder .single label {width: 420px;} #form-holder .double label {width: 206px;} #form-holder label.city {width: 206px;} #form-holder label.state {width: 55px;} #form-holder label.postalcode {width: 150px;} /* Inputs */ #form-holder .single input {width: 396px;} #form-holder .double input {width: 190px;} #form-holder label.postalcode input {width: 135px;} #form-holder label.city input {width: 190px;} #form-holder label.telephone input {width: 45px; float: left;} #form-holder label.telephone span {width: 6px; float: left; padding: 2px 3px 0 0;} /* Selects */ #form-holder select {margin-right: 4px;} #form-holder .single select {width: 400px;} /* Textarea */ #form-holder div.textarea label {width: 420px;} #form-holder textarea {width: 415px; height: 90px; margin-top: 3px;} #form-holder .btn-submit {padding-top: 10px;} #form-holder .btn-submit a.bigsubmit {width: 138px; height: 34px; margin: 0 auto; display: block; text-indent: -9999px; background: #FFFFFF url(/chain-restaurants/assets/images/sprite_submit.png) no-repeat 0 -34px;} #form-holder .btn-submit a.bigsubmit:hover {background: #FFFFFF url(/chain-restaurants/assets/images/sprite_submit.png) no-repeat 0 0;} #singleton #thankyou-holder {position: relative; padding: 40px 24px 0 107px; margin-top: 20px; width: 339px; float: left; height: 130px; background: #FFFFFF url(/chain-restaurants/assets/images/bg_formholder_sm.png) no-repeat;} #thankyou-holder .big-icon {top: 47px; left: 17px;} #thankyou-holder h1 {padding-bottom: 4px; margin-bottom: 7px; font-weight: normal; font-size: 20px; color: #454545; border-bottom: 1px solid #C7C7C7;} #thankyou-holder p {color: #8F8F8F; line-height: 20px; font-size: 14px;} #singleton #contact-info {float: left; width: 212px; padding-left: 50px; padding-top: 28px;} #singleton #contact-info .section {margin-bottom: 20px;} #contact-info .section p {color: #464646;} #contact-info .section p a {color: #004B9B; font-weight: bold;} #contact-info .section p a:hover {text-decoration: underline;} #contact-info .section h3 {font-size: 14px; color: #464646;} #contact-info .section h4 {font-size: 12px; color: #464646;} /* LEVEL 2's ************************************/ #previews-content {padding: 10px 0px 50px 20px; width: 620px; border-right: 1px solid #EBEBEB; float: left;} #previews-content .featured{background: #f7f7de;} previews-content .nobotmargin{margin-bottom: 0; padding-bottom: 19px;} #previews-content .featured .article-link{background: #f1ebac;} #previews-content .featured .article-link:hover{background: #004276;} #previews-content .article-preview {line-height: 17px; margin-bottom: 19px; padding: 10px 88px 10px 10px;} #previews-content .nobotmargin{margin-bottom: 0; padding-bottom: 19px;} .article-preview p.season {text-transform: uppercase; font-weight: bold; font-size: 10px; color: #727272;} .article-preview h3 {color: #005293; font-size: 14px;} .article-preview h3 a:hover {text-decoration: underline;} .article-preview h4 {color: #333333; font-size: 11px; font-weight: bold; margin-bottom: 15px;} .article-preview p {color: #333333;} .article-preview .article-link {display: block; font-size: 11px; font-weight: bold; margin-top: 13px; text-transform: uppercase; padding: 4px 0 0 11px; width: 118px; height: 19px; background: #F3F2F0; color: #004276; line-height: normal;} .article-preview a.article-link:hover {color: #FFFFFF; background: #004276;} #related-inf {width: 199px; float: left; padding: 30px 20px 0 30px;} #related-inf p {line-height: 17px; color: #333333;} #related-inf ul {margin-top: 10px;} #related-inf ul li {line-height: 16px; padding-left: 48px; width: 125px; height: 40px; background: transparent url(/chain-restaurants/assets/images/icon_email.png) no-repeat 10px 3px;} #related-inf ul li a {color: #234C8A; font-weight: bold;} #related-inf ul li a:hover {text-decoration: underline;} #related-inf #uptodate {margin-bottom: 110px;} #related-inf h5 {font-size: 12px; font-weight: bold;} #related-inf dl {padding-bottom: 25px; border-bottom: 1px solid #CFD0D4; margin-bottom: 7px;} #related-inf dl dd a {text-transform: uppercase; font-weight: bold; color: #005293;} #related-inf dl dd a:hover {text-decoration: underline;} #related-inf dl dt {line-height: 16px; margin-top: 18px;} /* LEVEL 3's ************************************/ #article-index {width: 240px; padding: 30px 0 0 29px; background: #F7F7F7; float: left;} #article-index h3 {color: #6A6A6E; font-size: 14px; font-weight: normal; margin-bottom: 7px; padding-left: 25px; background: transparent url(/chain-restaurants/assets/images/icon_sm_article.png) no-repeat; line-height: 19px;} #article-index ul#article-list {width: 240px;} #article-index #article-list li {font-size: 11px; font-weight: bold; margin-bottom: 7px;} ul#article-list li a {color: #005293; display: block; width: 220px; padding: 4px 0 4px 20px; background: transparent url(/chain-restaurants/assets/images/arrow_sngl_xsmall_blue.png) no-repeat 2px 50%;} ul#article-list li.on a {cursor: default; color: #6A6A6E; background: #FFFFFF url(/chain-restaurants/assets/images/arrow_sngl_xsmall.png) no-repeat 2px 50%;} ul#article-list li a:hover {background: #FFFFFF url(/chain-restaurants/assets/images/arrow_sngl_xsmall_blue.png) no-repeat 2px 50%;} #article-full {width: 621px; float: left; padding: 25px 0 50px 28px;} #article-full h4 {font-size: 16px; color: #6A6A6E; margin-bottom: 2px;} #article-full .jumpto {margin-bottom: 15px;} #article-full .jumpto p {color: #333333; line-height: 16px;} #article-full .jumpto p a {font-weight: bold; padding: 0 3px; color: #005293;} #article-full .jumpto p a:hover {text-decoration: underline;} #article-full .controls {background: #EBEBEB; margin-top: 14px; margin-bottom: 14px; width: 621px;} #article-full .controls span {display: block; float: left; padding: 5px 0 5px 7px; width: 90px; border-right: 3px solid #FFFFFF; margin-right: 11px;} #article-full .controls span a {color: #333333; font-weight: bold; color: #333333;} #article-full .controls span a span {display: inline; float: none; padding: 0; width: auto; border-right: 0; margin-right: 0;} #article-full .controls a.printthis {float: left; color: #333333; font-weight: bold; padding-left: 22px; height: 18px; margin-top: 6px; background: transparent url(/chain-restaurants/assets/images/icon_print.png) no-repeat;} #article-full p.sub-head {font-weight: bold; color: #000000; font-size: 11px;} #article-full .article-item a {color: #005293;} #article-full .article-item a:hover {text-decoration: underline;} #article-full .article-item p {color: #333333; line-height: 16px; padding: 0 75px 21px 10px;} #article-full .article-item p.quote {padding-right: 130px; padding-left: 30px; font-style: italic;} #article-full .article-item h5 {position: relative; background: #F3F3F3; padding: 4px 75px 6px 10px; line-height: 16px; font-size: 11px; font-weight: bold; color: #333333; margin-bottom: 13px; clear:right; } #article-full .article-item h5 span {position: absolute; top: 0; right: 0; padding: 5px 15px; display: block; border-left: 3px solid #FFFFFF;} .article-item h5 span a {text-transform: uppercase; font-size: 10px;} .article-item h5 span a:hover {text-decoration: underline;} #article-full .article-item .img-right {float: right; padding: 0 75px 15px 0; margin-left: 25px;} #article-full .article-item .img-left {float: left; padding: 0 0 15px 10px; margin-right: 25px;} #article-full .article-item .img-mid { padding: 0 0 0 10px;} #article-full .article-item ul.basic {padding: 0 145px 0 25px; margin-top: -20px;} #article-full .article-item ul.basic li {color: #333333; margin-bottom: 17px;} .article-item ul{list-style-type: disc; margin-left: 30px;} /** PRODUCT CONSISTENCY **/ .imgfeaturette {padding-left: 20px; float: left; width: 308px; padding-top: 17px;} .imgfeaturette p.faux-caption {font-style: italic; color: #6A6A6E; line-height: 16px; padding: 10px 70px 0 15px;} .imgfeaturette .box{background:#f2f2f2; display: block; margin-top: 20px; padding: 2px; width: 240px;} .imgfeaturette .box img{margin-bottom: 10px;} .imgfeaturette .box a.arrow{background: url(/chain-restaurants/assets/images/smbluearrow.jpg) no-repeat left 2px; display: inline-block; font-size: 12px; font-weight: bold; margin-bottom: 10px; padding-left: 7px;} .imgfeaturette .box .padding{padding: 0px 30px 10px 5px;} .article-partial {float: left; width: 590px; padding-top: 17px;} .article-partial .faux-breadcrumb {text-align: right; padding-right: 10px; margin-bottom: 10px;} .faux-breadcrumb a {color: #005293; font-size: 12px; font-weight: bold; padding-left: 15px; background: transparent url(/chain-restaurants/assets/images/arrow_dbl_lft_xsmall_blue.png) no-repeat 0 5px;} .faux-breadcrumb a:hover {text-decoration: underline;} .article-partial .faux-header {background: #990033; margin-bottom: 12px; text-transform: uppercase; color: #FFFFFF; padding: 3px 3px 3px 8px; font-weight: bold;} .article-partial h3 {color:#6A6A6E; font-size: 24px; margin-bottom: 3px;} .article-partial h4 {color: #333333; font-size: 16px;} .article-partial .controls {background: #EBEBEB; margin-top: 14px; margin-bottom: 14px; width: 100%;} .article-partial .controls span {display: block; float: left; height: 17px; padding: 5px 0 5px 7px; width: 90px; border-right: 3px solid #FFFFFF; margin-right: 11px;} .article-partial .controls span a {color: #333333; font-weight: bold; color: #333333;} .article-partial .controls span a span {display: inline; float: none; padding: 0; width: auto; border-right: 0; margin-right: 0;} .article-partial .controls a.printthis {float: left; color: #333333; font-weight: bold; padding-left: 22px; height: 18px; margin-top: 6px; background: transparent url(/chain-restaurants/assets/images/icon_print.png) no-repeat;} .article-partial .jumpto {margin-bottom: 15px;} .article-partial .jumpto p {color: #333333; line-height: 16px;} .article-partial .jumpto p a {font-weight: bold; padding: 0 3px; color: #005293;} .article-partial .jumpto p a:hover {text-decoration: underline;} .article-partial .faux-article {padding: 0 55px 21px 0;} .article-partial .faux-article p {color: #333333; line-height: 16px; margin-bottom: 20px;} .article-partial .list-holder p {font-size: 13px;} .article-partial .list-holder ul {margin-right: 20px; list-style-type: disc; width: 200px; float: left; padding-left: 15px;} .article-partial .list-holder ul li {font-size: 12px; font-weight: bold; margin-bottom: 20px; color: #333333;} .midsplitter {padding-left: 20px;} .section-head {margin-top: 15px; width: 888px; text-transform: uppercase; font-size: 14px; background: #F3F3F3; line-height: 16px; position: relative; padding: 4px 0 6px 10px; font-weight: bold; color: #990033;} .section-head span {position: absolute; top: 0; right: 0; padding: 5px 12px; display: block; border-left: 3px solid #FFFFFF;} .section-head span a {font-size: 11px; color: #005293;} .section-head span a:hover {text-decoration: underline;} .section-head span.backtoarticles {right: 105px; text-transform: none;} .section-head span.backtotop {text-transform: uppercase;} .midsplitter .left {width: 403px; padding-right: 30px; float: left; margin-top: 17px;} .midsplitter .right {border-left: 1px dotted #B4B4B6; width: 464px; float: left; margin-top: 17px;} .midsplitter .right .top {padding: 0 25px 7px 25px; border-bottom: 1px dotted #B4B4B6; margin-right: 13px;} .midsplitter .right .bottom {margin-right: 13px; padding: 16px 25px 7px 25px;} .midsplitter p {line-height: 16px; color: #333333; margin-bottom: 20px;} .midsplitter p.sub {font-size: 14px; font-weight: bold; margin-bottom: 10px; color: #333333;} .midsplitter p.sub-head {font-size: 14px;font-weight: bold; margin-bottom: 10px; line-height: 17px;} .midsplitter p.sub-head span {color: #990033;} .midsplitter p.quote {padding-right: 70px; padding-left: 30px; font-style: italic;} .midsplitter p.video-link {background: #F7F7F7; padding: 5px 8px; width: 255px;} .midsplitter p.video-link a {color: #005293; text-transform: uppercase; font-size: 10px; font-weight: bold; padding-bottom: 3px; padding-left: 25px; background: transparent url(/chain-restaurants/assets/images/video_grey.png) no-repeat 0 -1px;} .midsplitter p.long {width: 300px;} .midsplitter p a:hover {text-decoration: underline;} .midsplitter .img-right, .faux-article .img-right {float: right; padding: 0 0 15px 0; margin-left: 12px;} .midsplitter .img-left, .faux-article .img-left {float: left; padding: 0 0 10px 0; margin-right: 12px;} .midsplitter .img-mid, .faux-article .img-mid { padding: 0 0 0 10px;} .endsplitter .section-head {margin-left: 20px;} .endsplitter .left {width: 221px; margin-right: 30px; float: left; padding-left: 31px; padding-top: 17px;} .endsplitter .left p {line-height: 16px; color: #333333; margin-bottom: 20px;} .endsplitter .right {padding-bottom: 50px; float: left; width: 636px; padding-top: 17px;} .endsplitter .right p.results-head {width: 609px; margin-bottom: 2px; color: #6A6A6E; font-weight: bold; text-transform: uppercase; background: #E7E6E1; padding: 2px 2px 2px 5px;} .endsplitter .right .usage {float: left; margin-right: 2px;} .endsplitter .right .usage p.results-sub {background: #F3F2F0; margin-bottom: 20px; padding: 7px; color: #333333; font-weight: bold;} .endsplitter .right .usage p {padding-left: 7px; line-height: 16px;} /* LEVEL 3's ************************************/ #modal-body {background: transparent; position: relative;} #transparency-bg {background: #FFFFFF; width: 542px; height: 312px; filter:alpha(opacity=40); opacity:0.4;} #modal-container {width: 400px; background: #FFFFFF; padding-left: 130px; position: absolute; top: 6px; left: 6px; height: 300px;} #modal-container div.close {text-align: right; position: relative;} #modal-container .big-icon {position: absolute; top: 100px; left: 25px;} #modal-container #form-holder {width: 383px;} #modal-container #form-holder h1 {font-size: 14px; color: #333333; font-weight: normal; padding-bottom: 6px; margin-bottom: 13px; border-bottom: 1px solid #DDDDDD;} #modal-container #form-holder h1 span {font-size: 18px;} #modal-container #form-holder p.req-note {color: #ACACAC; font-weight: normal; font-size: 11px; margin-bottom: 0;} #modal-container #form-holder div.clearfix {margin-bottom: 5px; width: 381px;} #modal-container #form-holder label {color: #636363; font-weight: bold; display: block; float: left;} #modal-container #form-holder input {margin-right: 4px; margin-top: 3px; height: 17px; padding: 1px 0 1px 1px;} #form-holder .modal-double label {width: 190px;} #form-holder .modal-single label {width: 381px;} #form-holder .modal-single input {width: 361px;} #form-holder .modal-double input {width: 171px;} #modal-container form-holder .btn-submit {padding-top: 10px;} #modal-container #form-holder .btn-submit a.smsubmit {width: 114px; height: 29px; margin: 0 auto; display: block; text-indent: -9999px; background: #FFFFFF url(/chain-restaurants/assets/images/sprite_submit_sm.png) no-repeat 0 -29px;} #modal-container #form-holder .btn-submit a.smsubmit:hover {background: #FFFFFF url(/chain-restaurants/assets/images/sprite_submit_sm.png) no-repeat 0 0;} #modal-container #thankyou {padding-top: 70px; width: 343px;} #modal-container #thankyou h1 {padding-bottom: 4px; margin-bottom: 7px; font-weight: normal; font-size: 24px; color: #454545; border-bottom: 1px solid #C7C7C7;} #modal-container #thankyou p {color: #8F8F8F; line-height: 20px; font-size: 14px;} #modal-container #thankyou a.close-link {display: block; width: 94px; font-size: 12px; font-weight: bold; margin-top: 15px; background: #EEEEEE; padding: 4px 0 0 11px; color: #005293; height: 19px;} #modal-container #thankyou a:hover {background: #005293; color: #FFFFFF;} /**** CLEARFIX ****/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /*** General Video Lightbox ***/ #lightboxBG { display: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #000000; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; z-index: 15; } #lightboxBorder { display: none; z-index: 300; background: #ffffff; position: absolute; top: 50%; left: 50%; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; } #lightboxContainer { display: none; z-index: 301; background: #ffffff; overflow: hidden; position: absolute; top: 50%; left: 50%; padding: 20px; padding-top: 10px; } #lightboxHead { border-bottom: 1px solid #8f8f8f; height: 52px; } #lightboxTitle { float: left; height: 100%; } #lightboxTitle h4 { font-size: 12pt; color: #454545; font-weight: bold; line-height: normal; } #lightboxHead a { display: block; float: right; background: #e7e7e7; color: #005293; font-size: 9pt; font-weight: bold; margin: 10px 0 15px 0; padding: 6px 9px; text-transform: uppercase; text-decoration: none; }