/* ::::: http://www.letsgettogether.co.uk/StaticHTML/_format/styles/default.css ::::: */ html, body, form, fieldset { margin: 0pt; padding: 0pt; } body { margin: 20px; color: rgb(80, 80, 80); background-color: rgb(255, 255, 255); font-size: 76%; } h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 0pt; padding: 0pt; } li, dd, blockquote { margin-left: 1em; } ul, ol { margin-left: 0em; } img { border: 0pt none ; } acronym { cursor: help; } q:before, q:after { content: ''; } address, abbr { font-style: normal; } body, input, select, textarea { font-family: arial,helvetica,sans-serif; } h1 { font-size: 2.3em; } h2 { font-size: 1.1em; } h3 { font-size: 1.1em; } h4, h5, h6 { font-size: 1em; } a:hover, a:active, a:focus { text-decoration: underline; } table { border-collapse: collapse; border-spacing: 0pt; } caption, th { text-align: left; } label { cursor: pointer; } input, select, textarea { font-size: 100%; } xxfieldset { border: 0pt none ; } body.accessibility-statment div#content { font-size: 2em ! important; } /* ::::: http://www.letsgettogether.co.uk/StaticHTML/_format/styles/layout.css ::::: */ .accessibility, li.replace span.accessibility { overflow: hidden; position: absolute; top: -5000px; left: -5000px; width: 0px; height: 0px; font-size: 0px; display: none; } body { margin: 0pt; background-color: rgb(223, 15, 11); text-align: center; } #outer { margin: 0pt auto; width: 760px; text-align: left; } #main { background: /*#DF0F0B*/ #ffffff url('../images/main-bg.gif') no-repeat scroll left bottom; float: left; } .meet #main { background: rgb(255, 255, 255) url('../images/main2-bg.png') no-repeat scroll 0px bottom; } #ingredients #main { background: rgb(255, 255, 255) url('../images/main-bg.gif') no-repeat scroll left bottom; float: left; padding-bottom: 95px; padding-right: 0px; width: 760px; } #content { padding: 20px 20px 220px; width: 720px; _width: 716px; clear: both; float: left; } #ingredients #content { padding: 20px 0pt; width: 760px; clear: both; float: left; } #home #content { background: transparent none repeat scroll 0% 0%; } #email #content { background-image: none; padding-bottom: 95px; } .bgok #content { padding-bottom: 0pt; } .short #content { padding-bottom: 50px; } .thanks #content { padding-bottom: 140px; } body.thank #indent .files { margin-top: 0pt; } #header { margin: 0pt auto; background: rgb(241, 240, 235) url('../images/bg-top.gif') no-repeat scroll left top; height: 118px; } #col-a { float: left; width: 474px; } #col-b { float: right; width: 230px; margin-left: 16px; display: inline; } #home #col-a { background: transparent none repeat scroll 0% 0%; width: 285px; } #home #col-b { width: 420px; margin-left: 15px; } #ingredients #col-a { background: transparent none repeat scroll 0% 0%; width: 190px; margin-left: -10px; } #ingredients #col-b { width: 460px; float: right; margin-right: 30px; } #email #col-a { width: 230px; } #email #col-b { width: 474px; } #full #col-a { width: 474px; } #col-a .secret { margin: 3em 0pt 0pt 0.9em; padding: 0pt; background: transparent url('../images/coke_bottle_new_bg.gif') no-repeat scroll right top; width: 192px; height: 441px; } #col-a .who { margin: 3em 0pt 0pt 0.9em; padding: 0em 0pt 0pt 4.5em; background: transparent url('../images/coke_bottle_old_bg.png') no-repeat scroll right top; width: 186px; height: 446px; } #ingredients #secretformula { margin: 0pt; padding: 0pt; overflow: hidden; width: 760px; clear: both; } .panel input.submit { cursor: pointer; } .panel h3 { padding: 20px 10px; font-family: arial; font-weight: bold; font-size: 17px; } .gallery h3, .gallery2 h3 { padding: 10px 10px 14px; } .gallery #content, .gallery2 #content { padding-top: 25px; } .panel p { font-size: 1em; padding-bottom: 14px; margin-bottom: 0pt; } .panel .small { font-size: 0.9em; } .panel img.title { margin-bottom: 10px; } .panel #left-side { width: 462px; float: left; margin-left: 10px; display: inline; padding-bottom: 120px; } .panel #right-side { width: 230px; float: right; display: inline; } #paira2, #paira3, #paira4, #paira5 { display: none; } .panel .question { width: 462px; margin-bottom: 3px; } .top, .bottom { font-size: 0.9em; } .middle p { line-height: 1.2em; } .panel .question .top { background: white url('../images/panel-question-top.gif') no-repeat scroll 0% 0%; height: 24px; } .panel .question .top p { padding: 0pt; margin-left: 34px; } .panel .question .top p a { font-weight: bold; } .panel .question .picture { margin: 0pt 0pt 0pt 10px; padding: 2px; background: transparent url('../images/panel-question-picture.gif') no-repeat scroll 0% 0%; width: 79px; height: 80px; float: left; display: inline; } .panel .question .middle { background: transparent url('../images/panel-question-middle.gif') repeat-y scroll 0% 0%; } .panel .question .middle p { margin-left: 103px; color: white; font-size: 1em; } .panel .question .bottom { background: white url('../images/panel-question-bottom.gif') no-repeat scroll 0% 0%; clear: both; height: 7px; } .panel .answer { width: 462px; } .panel .answer .top { background: white url('../images/panel-answer-top.gif') no-repeat scroll center bottom; height: 10px; } .panel .answer .picture { margin: 0pt 0pt 0pt 10px; padding: 2px; background: transparent url('../images/panel-answer-picture.gif') no-repeat scroll 0% 0%; width: 79px; height: 80px; float: left; display: inline; } .panel .answer .middle { background: transparent url('../images/panel-answer-middle.gif') repeat-y scroll 0% 0%; } .panel .answer .middle p { margin-left: 103px; font-size: 1em; } .panel .answer .bottom { background: white url('../images/panel-answer-bottom.gif') no-repeat scroll 0% 0%; clear: both; height: 24px; } .panel .answer .bottom p { margin: 10px 35px 0pt 0pt; float: right; } .panel .answer .bottom p a { font-weight: bold; } .panel .have-your-say { margin: 25px 0pt 10px; } .panel .new-comment { margin: 20px 0pt 15px; background: transparent url('../images/panel-new-comment-middle.gif') repeat-y scroll 0% 0%; width: 466px; } .panel .new-comment .top { background: transparent url('../images/panel-new-comment-top.gif') no-repeat scroll 0% 0%; height: 12px; } .panel .new-comment .nfo { background: transparent url('../images/panel-new-comment-bottom.gif') no-repeat scroll center bottom; clear: both; height: 24px; color: white; text-align: right; font-weight: bold; line-height: 2.4em; padding-right: 10px; } .panel .new-comment .comment-box .bottom { background: rgb(246, 245, 230) none repeat scroll 0% 0%; } .panel .comment-box { margin-left: 15px; width: 428px; } .panel .comment-box p { line-height: 1.2em; } .panel .comment-box .bottom { background: transparent url('../images/panel-who.gif') no-repeat scroll 0% 0%; width: 428px; height: 19px; font-weight: bold; text-indent: 5px; } .panel .comment-box .bottom .date { color: rgb(150, 188, 29); font-weight: normal; } .panel #post-comment { padding: 10px 0pt 0pt 10px; } .panel form { width: 390px; } .panel fieldset { border: 0px none ; } .panel form .nfo { margin: -10px 0pt 22px; width: 250px; float: right; clear: both; font-size: 0.85em; text-indent: 5px; } .panel form label { padding: 6px 10px 0pt 0pt; height: 26px; width: 111px; float: right; text-align: right; } .panel form span.input { padding: 6px; background: transparent url('../images/panel-text-field.png') no-repeat scroll 0% 0%; float: right; clear: both; display: block; width: 236px; height: 26px; } .panel form input { border: 0pt none ; margin: 0pt; background-color: transparent; width: 236px; height: 26px; float: right; clear: both; } .panel form span.textarea { padding: 6px; background: transparent url('../images/panel-textarea.png') no-repeat scroll 0% 0%; float: right; width: 236px; height: 106px; } .panel form textarea { border: 0pt none ; width: 236px; height: 106px; background-color: transparent; } .panel form input.submit { background: transparent url('../images/panel-submit.png') no-repeat scroll 0% 0%; width: 91px; height: 29px; text-indent: -9999px; } .panel #nfo { margin: 20px 0pt 0pt 40px; background: transparent url('../images/panel-line-gradient.gif') no-repeat scroll center top; clear: both; width: 410px; padding-top: 20px; } .panel #nfo p { font-size: 0.9em; float: left; margin-left: 10px; display: inline; width: 295px; } .panel .mp { padding-bottom: 5px; } .qaa { padding: 0pt; background: transparent url('../images/panel-qaa-middle.gif') repeat-y scroll 0% 0%; overflow: hidden; width: 229px; margin-bottom: 20px; } .panel .qaa2 { overflow: hidden; } .panel .qaa .bottom2 { padding: 0pt 10px 35px; background: transparent url('../images/panel-qaa-bottom2.gif') no-repeat scroll center bottom; } .qaa .top { background: transparent url('../images/panel-qaa-top.gif') no-repeat scroll 0% 0%; height: 11px; padding-top: 4px; } .qaa .bottom { padding: 0pt 10px 35px; background: transparent url('../images/panel-qaa-bottom.gif') no-repeat scroll center bottom; } .qaa img.more { margin-left: 30px; } .related { padding: 0pt; background: transparent none repeat scroll 0% 0%; height: auto; } .related .top { background: transparent url('../images/gallery-related-top.gif') no-repeat scroll -1px 0pt; overflow: hidden; height: 6px; } .related .middle { padding: 0pt 10px; background: transparent url('../images/gallery-related-middle.png') repeat-y scroll 0% 0%; height: 80px; } .related .bottom { padding: 0pt; background: transparent url('../images/gallery-related-bottom.png') no-repeat scroll left bottom; height: 24px; } #gallery { margin-left: 10px; } #gallery img { margin: 0pt; display: block; } .gallery #meals { margin-left: 10px; } .gallery #meals .meal { margin: 0pt 17px 21px 0pt; width: 100px; float: left; } .gallery #meals .meal img { display: block; } .gallery #meals .meal .from { background: transparent url('../images/gallery-from.png') no-repeat scroll 0% 0%; height: 19px; margin-top: 5px; text-align: center; line-height: 20px; font-size: 0.9em; } .gallery #meals .meal.last { margin: 0pt; } .add { margin-left: 10px; } .add img { float: left; clear: both; } .gallery2 .photos { background: transparent url('../images/gallery2-photos.gif') no-repeat scroll center top; width: 442px; margin-left: 10px; } .gallery2 .photos p { margin: 14px 14px 8px 0pt; padding: 0pt; float: right; display: inline; font-size: 0.9em; } .gallery2 .photos ul { margin: 0pt; height: 75px; width: 442px; clear: both; list-style-type: none; } .gallery2 .photos li { float: left; margin-left: 3px; display: inline; width: 86px; height: 75px; } .gallery2 .photos li .box { position: relative; top: -80px; } .gallery2 .photos li.first { margin: 0pt; } .gallery2 .photos li img { display: block; } .gallery2 .gradient { background: transparent url('../images/gallery2-gradient.png') no-repeat scroll center 3px; clear: both; height: 41px; padding-top: 11px; } .gallery2 .gradient .left { background: transparent url('../images/prev.png') no-repeat scroll left center; width: 55px; text-align: right; } .gallery2 .gradient .right { background: transparent url('../images/next.png') no-repeat scroll right center; width: 59px; text-align: left; } .gallery2 .gradient .left, .gallery2 .gradient .right { height: 22px; font-size: 1em; font-weight: bold; text-decoration: none; line-height: 1.6em; color: black; } .gallery2 .photo-container { margin-top: 15px; } .gallery2 .photo-container .left, .gallery2 .photo-container .right { margin-top: 153px; } .gallery2 .photo-container .photo { margin-left: 11px; float: left; display: inline; } .gallery2 .photo-container .photo h4 { font-size: 1.2em; } .gallery2 .photo-container .photo p { padding-bottom: 0.3em; font-size: 0.9em; } .gallery2 .photo-container .photo .reference { margin: 10px 0pt 20px; background: transparent url('../images/gallery2-reference.png') no-repeat scroll right center; width: 231px; height: 103px; } .panel input.submit { cursor: pointer; } .panel h3 { padding: 20px 10px; font-family: arial; font-weight: bold; font-size: 17px; } .gallery h3, .gallery2 h3 { padding: 10px 10px 14px; } .gallery #content, .gallery2 #content { padding-top: 25px; } .panel p { font-size: 1em; padding-bottom: 14px; margin-bottom: 0pt; } .panel .small { font-size: 0.9em; } .panel img.title { margin-bottom: 10px; } .panel #left-side { width: 462px; float: left; margin-left: 10px; display: inline; padding-bottom: 120px; } .panel #right-side { width: 230px; float: right; display: inline; } #paira2, #paira3, #paira4, #paira5 { display: none; } .panel .question { width: 462px; margin-bottom: 3px; } .top, .bottom { font-size: 0.9em; } .middle p { line-height: 1.2em; } .panel .question .top { background: white url('../images/panel-question-top.gif') no-repeat scroll 0% 0%; height: 24px; } .panel .question .top p { padding: 0pt; margin-left: 34px; } .panel .question .top p a { font-weight: bold; } .panel .question .picture { margin: 0pt 0pt 0pt 10px; padding: 2px; background: transparent url('../images/panel-question-picture.gif') no-repeat scroll 0% 0%; width: 79px; height: 80px; float: left; display: inline; } .panel .question .middle { background: transparent url('../images/panel-question-middle.gif') repeat-y scroll 0% 0%; } .panel .question .middle p { margin-left: 103px; color: white; font-size: 1em; } .panel .question .bottom { background: white url('../images/panel-question-bottom.gif') no-repeat scroll 0% 0%; clear: both; height: 7px; } .panel .answer { width: 462px; } .panel .answer .top { background: white url('../images/panel-answer-top.gif') no-repeat scroll center bottom; height: 10px; } .panel .answer .picture { margin: 0pt 0pt 0pt 10px; padding: 2px; background: transparent url('../images/panel-answer-picture.gif') no-repeat scroll 0% 0%; width: 79px; height: 80px; float: left; display: inline; } .panel .answer .middle { background: transparent url('../images/panel-answer-middle.gif') repeat-y scroll 0% 0%; } .panel .answer .middle p { margin-left: 103px; font-size: 1em; } .panel .answer .bottom { background: white url('../images/panel-answer-bottom.gif') no-repeat scroll 0% 0%; clear: both; height: 24px; } .panel .answer .bottom p { margin: 10px 35px 0pt 0pt; float: right; } .panel .answer .bottom p a { font-weight: bold; } .panel .have-your-say { margin: 25px 0pt 10px; } .panel .new-comment { margin: 20px 0pt 15px; background: transparent url('../images/panel-new-comment-middle.gif') repeat-y scroll 0% 0%; width: 466px; } .panel .new-comment .top { background: transparent url('../images/panel-new-comment-top.gif') no-repeat scroll 0% 0%; height: 12px; } .panel .new-comment .nfo { background: transparent url('../images/panel-new-comment-bottom.gif') no-repeat scroll center bottom; clear: both; height: 24px; color: white; text-align: right; font-weight: bold; line-height: 2.4em; padding-right: 10px; } .panel .new-comment .comment-box .bottom { background: rgb(246, 245, 230) none repeat scroll 0% 0%; } .panel .comment-box { margin-left: 15px; width: 428px; } .panel .comment-box p { line-height: 1.2em; } .panel .comment-box .bottom { background: transparent url('../images/panel-who.gif') no-repeat scroll 0% 0%; width: 428px; height: 19px; font-weight: bold; text-indent: 5px; } .panel .comment-box .bottom .date { color: rgb(128, 160, 26); font-weight: normal; } .panel #post-comment { padding: 10px 0pt 0pt 10px; } .panel form { width: 390px; } .panel fieldset { border: 0px none ; } .panel form .nfo { margin: -10px 0pt 22px; width: 250px; float: right; clear: both; font-size: 0.85em; text-indent: 5px; } .panel form label { padding: 6px 10px 0pt 0pt; height: 26px; width: 111px; float: right; text-align: right; } .panel form span.input { padding: 6px; background: transparent url('../images/panel-text-field.png') no-repeat scroll 0% 0%; float: right; clear: both; display: table; width: 236px; height: 26px; } .panel form input { border: 0pt none ; margin: 0pt; background-color: transparent; width: 236px; height: 26px; float: right; clear: both; } .panel form span.textarea { padding: 6px; background: transparent url('../images/panel-textarea.png') no-repeat scroll 0% 0%; float: right; width: 236px; height: 106px; } .panel form textarea { border: 0pt none ; width: 236px; height: 92px; background-color: transparent; } .panel form textarea.Comment { padding-bottom: 20px; } .panel form input.submit { background: transparent url('../images/panel-submit.png') no-repeat scroll 0% 0%; width: 91px; height: 29px; } .panel #nfo { margin: 20px 0pt 0pt 40px; background: transparent url('../images/panel-line-gradient.gif') no-repeat scroll center top; clear: both; width: 410px; padding-top: 20px; } .panel #nfo p { font-size: 0.9em; float: left; margin-left: 10px; display: inline; width: 295px; } .panel .mp { padding-bottom: 5px; } .qaa { padding: 0pt; background: transparent url('../images/panel-qaa-middle.gif') repeat-y scroll 0% 0%; overflow: hidden; width: 229px; margin-bottom: 20px; } .panel .qaa2 { overflow: hidden; } .panel .qaa .bottom2 { padding: 0pt 10px 35px; background: transparent url('../images/panel-qaa-bottom2.gif') no-repeat scroll center bottom; } .qaa .top { background: transparent url('../images/panel-qaa-top.gif') no-repeat scroll 0% 0%; height: 11px; padding-top: 4px; } .qaa .bottom { padding: 0pt 10px 35px; background: transparent url('../images/panel-qaa-bottom.gif') no-repeat scroll center bottom; } .qaa img.more { margin-left: 30px; } .related { padding: 0pt; background: transparent none repeat scroll 0% 0%; height: auto; } .related .top { background: transparent url('../images/gallery-related-top.gif') no-repeat scroll -1px 0pt; overflow: hidden; height: 6px; } .related .middle { padding: 0pt 10px; background: transparent url('../images/gallery-related-middle.png') repeat-y scroll 0% 0%; height: 80px; } .related .bottom { padding: 0pt; background: transparent url('../images/gallery-related-bottom.png') no-repeat scroll left bottom; height: 24px; } #gallery { margin-left: 10px; } #gallery img { margin: 0pt; display: block; } .gallery #meals { margin-left: 10px; } .gallery #meals .meal { margin: 0pt 17px 21px 0pt; width: 100px; float: left; display: inline; } .gallery #meals .meal img { display: block; } .gallery #meals .meal .from { background: transparent url('../images/gallery-from.png') no-repeat scroll 0% 0%; height: 19px; margin-top: 5px; text-align: center; line-height: 20px; font-size: 0.9em; } .gallery #meals .meal.last { margin: 0pt; } .add { margin-left: 10px; } .add img { float: left; clear: both; } .gallery2 .photos { background: transparent url('../images/gallery2-photos.gif') no-repeat scroll center top; width: 442px; margin-left: 10px; } .gallery2 .photos p { margin: 14px 14px 8px 0pt; padding: 0pt; float: right; display: inline; font-size: 0.9em; } .gallery2 .photos ul { margin: 0pt; height: 75px; width: 442px; clear: both; list-style-type: none; } .gallery2 .photos li { overflow: hidden; float: left; margin-left: 3px; display: inline; width: 86px; height: 75px; } .gallery2 .photos li .box { position: relative; top: -80px; } .gallery2 .photos li.first { margin: 0pt; } .gallery2 .photos li img { display: block; } .gallery2 .gradient { background: transparent url('../images/gallery2-gradient.png') no-repeat scroll center 3px; clear: both; height: 41px; padding-top: 11px; } .gallery2 .gradient .left { background: transparent url('../images/prev.png') no-repeat scroll left center; width: 55px; text-align: right; } .gallery2 .gradient .right { background: transparent url('../images/next.png') no-repeat scroll right center; width: 59px; text-align: left; } .gallery2 .gradient .left, .gallery2 .gradient .right { height: 22px; font-size: 1em; font-weight: bold; text-decoration: none; line-height: 1.6em; color: black; } .gallery2 .photo-container { margin-top: 15px; } .gallery2 .photo-container .left, .gallery2 .photo-container .right { margin-top: 153px; } .gallery2 .photo-container .photo { margin-left: 11px; float: left; display: inline; } .gallery2 .photo-container .photo h4 { font-size: 1.2em; } .gallery2 .photo-container .photo p { padding-bottom: 0.3em; font-size: 0.9em; } .gallery2 .photo-container .photo .reference { margin: 10px 0pt 20px; background: transparent url('../images/gallery2-reference.png') no-repeat scroll right center; width: 231px; height: 103px; } .gallery2 .photo-container .photo .reference img { margin: 9px 10px 0pt 12px; float: left; display: inline; } .gallery2 .photo-container .photo .reference p { float: left; margin-top: 10px; width: 130px; } .gallery2 .photo-container .photo .reference strong { color: red; font-size: 1.2em; } .gallery2 .add .mb30 { margin-bottom: 30px; } .gallery2 .add { margin-left: 0pt; } #indent { padding: 20px 0pt 0pt 10px; } .upload #left-side { background: transparent url('../images/gallery-upload-gradient.png') no-repeat scroll 0pt 250px; } .upload #indent { padding-top: 5px; } .upload form { width: 410px; } #indent .files { color: rgb(0, 165, 235); margin-top: 70px; float: left; } #indent .files strong { color: black; } div.fileinputs { position: relative; float: left; width: 280px; } div.fileinputs label { float: left; } div.fakefile { position: absolute; top: 0px; z-index: 1; width: 280px; left: 38px; font-size: 16px; } .panel form input.file { position: relative; text-align: right; z-index: 2; right: -35px; clear: none; } .clear { overflow: hidden; height: 0px; } .upload .fileinputs img { float: right; position: relative; left: 5px; } .upload .fileinputs .realInput { padding: 0pt 5px; background: transparent url('../images/input-file.png') no-repeat scroll 0% 0%; clear: none; width: 186px; height: 26px; color: rgb(0, 165, 235); } .upload label.clear { clear: both; display: block; float: left; color: black; } .upload #more_files { width: 100px; float: left; clear: both; margin-left: 165px; text-decoration: none; font-weight: bold; display: inline; } .upload form input.submit { margin: 10px 0pt 10px 348px; background: transparent url('../images/upload.png') no-repeat scroll 0% 0%; float: left; display: inline; width: 96px; height: 29px; text-indent: -9999px; } .upload .nfo2 { width: 300px; position: relative; float: right; font-size: 0.85em; left: 35px; margin-bottom: 30px; } .home #content { background: transparent url('../images/home-bg.png') no-repeat scroll 20px 0pt; } .home #content .top { padding-bottom: 140px; } .home #content .top img { border: 0px solid black; margin: 0pt; float: left; } .home #content .top img { margin: 0pt 15px; float: left; display: inline; } .home #content .top div { clear: both; } .home #content .top div img { padding: 0pt; margin-top: 25px; } .home #left-side { width: 330px; float: left; margin-left: 15px; display: inline; } .home #right-side { width: 350px; float: right; margin-right: 15px; display: inline; } .meet .gall a.r1 { background-image: url('../images/pic1.jpg'); } .meet .gall a.r2 { background-image: url('../images/pic1.jpg'); } .meet .gall a.r3 { background-image: url('../images/pic1.jpg'); } .meet .gall a.r4 { background-image: url('../images/pic1.jpg'); } .meet .gall a.r5 { background-image: url('../images/pic1.jpg'); } .meet .gall a.r6 { background-image: url('../images/pic1.jpg'); } .meet .gall a.r7 { background-image: url('../images/pic1.jpg'); } .meet .gall a.r8 { background-image: url('../images/pic1.jpg'); } .meet .gall a.r9 { background-image: url('../images/pic1.jpg'); } .meet .gall a.r10 { background-image: url('../images/pic1.jpg'); } .meet .gall a.g1 { background-image: url('../images/pic2.jpg'); } .meet .gall a.g2 { background-image: url('../images/pic2.jpg'); } .meet .gall a.g3 { background-image: url('../images/pic2.jpg'); } .meet .gall a.g4 { background-image: url('../images/pic2.jpg'); } .meet .gall a.g5 { background-image: url('../images/pic2.jpg'); } .meet .gall a.g6 { background-image: url('../images/pic2.jpg'); } .meet .gall a.g7 { background-image: url('../images/pic2.jpg'); } .meet .gall a.g8 { background-image: url('../images/pic2.jpg'); } .meet .gall a.g9 { background-image: url('../images/pic2.jpg'); } .meet .gall a.g10 { background-image: url('../images/pic2.jpg'); } .meet .gall a.g11 { background-image: url('../images/pic2.jpg'); } .meet .gall a { margin: 0pt 5px 5px 0pt; width: 74px; height: 74px; float: left; display: inline; } .meet .gall a.green div { width: 74px; height: 74px; display: block; background-image: url('../images/green-border.gif'); } .meet .gall a.green:hover div, .meet .gall a.green div.on { background-image: url('../images/green-border-on.gif'); } .meet .gall a.red div { width: 74px; height: 74px; display: block; background-image: url('../images/red-border.gif'); } .meet .gall a.red:hover div, .meet .gall a.red div.on { background-image: url('../images/red-border-on.gif'); } .meet div.left { width: 170px; margin-left: 30px; display: inline; } .meet div.left .title { margin-bottom: 5px; } .meet div.left p { font-size: 0.9em; } .meet div.left p strong { color: rgb(223, 15, 11); } .gallery2 .photo-container .photo .reference strong { color: red; font-size: 1.2em; } .gallery2 .add .mb30 { margin-bottom: 30px; } .gallery2 .add { margin-left: 0pt; } #indent { padding: 20px 0pt 0pt 10px; } .upload #left-side { background: transparent url('../images/gallery-upload-gradient.png') no-repeat scroll 0pt 250px; } .upload #indent { padding-top: 5px; } .upload form { width: 410px; } #indent .files { color: rgb(0, 165, 235); margin-top: 70px; float: left; } #indent .files strong { color: black; } div.fileinputs { position: relative; float: left; width: 280px; } div.fileinputs label { float: left; } div.fakefile { position: absolute; top: 0px; z-index: 1; width: 280px; left: 38px; font-size: 16px; } .panel form input.file { position: relative; text-align: right; z-index: 2; right: -35px; clear: none; } .clear { overflow: hidden; height: 0px; } .upload .fileinputs img { float: right; position: relative; left: 5px; } .upload .fileinputs .realInput { padding: 0pt 5px; background: transparent url('../images/input-file.png') no-repeat scroll 0% 0%; clear: none; width: 186px; height: 26px; color: rgb(0, 165, 235); } .upload label.clear { clear: both; display: block; float: left; color: black; } .upload #more_files { width: 100px; float: left; clear: both; margin-left: 165px; text-decoration: none; font-weight: bold; display: inline; } .upload form input.submit { margin: 10px 0pt 10px 348px; background: transparent url('../images/upload.png') no-repeat scroll 0% 0%; float: left; display: inline; width: 96px; height: 29px; } .upload .nfo2 { width: 300px; position: relative; float: right; font-size: 0.85em; left: 35px; margin-bottom: 30px; } .home #content { background: transparent url('../images/home-bg.png') no-repeat scroll 20px 0pt; padding-top: 7px ! important; } .home #content .top { padding-bottom: 140px; } .home #content .top img { border: 0px solid black; margin: 0pt; float: left; } .home #content .top img { margin: 13px 15px 0pt; float: left; display: inline; } .home #content .top div { clear: both; } .home #content .top div img { padding: 0pt; margin-top: 25px; } .home #left-side { width: 330px; float: left; margin-left: 15px; display: inline; } .home #right-side { width: 350px; float: right; margin-right: 15px; padding-top: 6px; display: inline; } .home #left-side .box { margin: 0pt 0pt 5px; background: transparent url('../images/home-box0.png') no-repeat scroll 0% 0%; width: 327px; min-height: 102px; } .home #left-side .box .cite { background: transparent url('../images/cite1.png') no-repeat scroll left 2px; width: 205px; float: left; margin-top: 8px; } .home #left-side .box .cite p { padding: 0pt 10px 0pt 12px; background: transparent url('../images/cite2.png') no-repeat scroll right 19px; margin-bottom: 10px; } .home #left-side .box img { margin: 2px 10px 0pt 12px; float: left; display: inline; } .home #left-side .box p { font-size: 0.85em; padding-left: 12px; float: left; } .m-tb { margin: 0px 0pt 20px; display: block; } .home #right-side img.title { margin-bottom: 6px; } .home #right-side div.box { padding: 0pt; background: transparent url('../images/home-box.gif') no-repeat scroll left top; width: 350px; min-height: 211px; } .home #right-side .box .title { margin: 18px 0pt 0pt 18px; float: left; display: inline; } .home #right-side .box img { float: left; display: inline; } .home #right-side .box .clear { margin: 20px 0pt 0pt 15px; height: auto; clear: both; float: left; display: inline; width: 320px; } .home #right-side .box .left { margin: 5px 0pt 0pt 15px; width: 170px; float: left; font-size: 0.9em; display: inline; } .home #right-side .box .left p { padding-bottom: 10px; } .meet .gall a.r1 { background-image: url('../images/pic1.jpg'); } .meet .gall a.r2 { background-image: url('../images/pic1.jpg'); } .meet .gall a.r3 { background-image: url('../images/pic1.jpg'); } .meet .gall a.r4 { background-image: url('../images/pic1.jpg'); } .meet .gall a.r5 { background-image: url('../images/pic1.jpg'); } .meet .gall a.r6 { background-image: url('../images/pic1.jpg'); } .meet .gall a.r7 { background-image: url('../images/pic1.jpg'); } .meet .gall a.r8 { background-image: url('../images/pic1.jpg'); } .meet .gall a.r9 { background-image: url('../images/pic1.jpg'); } .meet .gall a.r10 { background-image: url('../images/pic1.jpg'); } .meet .gall a.g1 { background-image: url('../images/pic2.jpg'); } .meet .gall a.g2 { background-image: url('../images/pic2.jpg'); } .meet .gall a.g3 { background-image: url('../images/pic2.jpg'); } .meet .gall a.g4 { background-image: url('../images/pic2.jpg'); } .meet .gall a.g5 { background-image: url('../images/pic2.jpg'); } .meet .gall a.g6 { background-image: url('../images/pic2.jpg'); } .meet .gall a.g7 { background-image: url('../images/pic2.jpg'); } .meet .gall a.g8 { background-image: url('../images/pic2.jpg'); } .meet .gall a.g9 { background-image: url('../images/pic2.jpg'); } .meet .gall a.g10 { background-image: url('../images/pic2.jpg'); } .meet .gall a.g11 { background-image: url('../images/pic2.jpg'); } .meet .gall a { margin: 0pt 5px 5px 0pt; width: 74px; height: 74px; float: left; display: inline; } .meet .gall a.green div { width: 74px; height: 74px; display: block; background-image: url('../images/green-border.gif'); } .meet .gall a.green:hover div, .meet .gall a.green div.on { background-image: url('../images/green-border-on.gif'); } .meet .gall a.red div { width: 74px; height: 74px; display: block; background-image: url('../images/red-border.gif'); } .meet .gall a.red:hover div, .meet .gall a.red div.on { background-image: url('../images/red-border-on.gif'); } .meet div.left { width: 170px; margin-left: 30px; display: inline; } .meet div.left .title { margin-bottom: 5px; } .meet div.left p { font-size: 0.9em; } .meet div.left p strong { color: rgb(223, 15, 11); } .colorGray { color: Gray; cursor: default; } .colorRed { color: Red; cursor: default; } .None { display: none; } .FileUpLoadError { border: 1px solid red ! important; background-color: Red ! important; cursor: default; } #discussionTitle p { font-size: 1.7em; font-weight: bold; } span.FileUploadExceed { color: Red; } .commentLengthExceed { visibility: visible ! important; } div.Loading { background-image: url('../images/loading.gif'); background-position: center center; background-repeat: no-repeat; min-height: 100px; } div.Loading h4, div.Loading p, div.Loading img, div.Loading div { display: none; } div.PhotoWaiting { min-width: 390px; min-height: 260px; } ul.Loading { background-image: url('../images/loading.gif'); background-position: center center; background-repeat: no-repeat; } ul.Loading li { display: none ! important; } #discussionTitle { overflow: hidden; display: block; margin-bottom: -5px; padding-top: 5px; } .panel form input#eGo { margin: auto; width: auto; float: none ! important; height: auto ! important; background-image: none; } /* ::::: http://www.letsgettogether.co.uk/StaticHTML/_format/styles/navigation.css ::::: */ /* moje nove */ /*ul#nav li.replace a.nav-cz_home { background: transparent url('../images/cz_home.jpg') no-repeat scroll 0% 0%; margin-left: 30px; width: 80px; } ul#nav li.replace a.nav-cz_otazky { background: transparent url('../images/cz_otazky.jpg') no-repeat scroll 0% 0%; margin-left: 53px; width: 179px; } ul#nav li.replace a.nav-cz_prisady { background: transparent url('../images/cz_prisady.jpg') no-repeat scroll 0% 0%; margin-left: 53px; width: 94px; } ul#nav li.replace a.nav-cz_novinky { background: transparent url('../images/cz_novinky.jpg') no-repeat scroll 0% 0%; margin-left: 53px; width: 189px; } ul#nav li.replace a.nav-cz_home:hover { background: transparent url('../images/cz_home_over.jpg') no-repeat scroll 0% 0%; margin-left: 30px; width: 80px; } ul#nav li.replace a.nav-cz_otazky:hover { background: transparent url('../images/cz_otazky_over.jpg') no-repeat scroll 0% 0%; margin-left: 53px; width: 179px; } ul#nav li.replace a.nav-cz_prisady:hover { background: transparent url('../images/cz_prisady_over.jpg') no-repeat scroll 0% 0%; margin-left: 53px; width: 94px; } ul#nav li.replace a.nav-cz_novinky:hover { background: transparent url('../images/cz_novinky_over.jpg') no-repeat scroll 0% 0%; margin-left: 53px; width: 189px; } ul#nav li.replace a.nav-cz_home-on { background: transparent url('../images/cz_home_over.jpg') no-repeat scroll 0% 0%; margin-left: 30px; width: 80px; } ul#nav li.replace a.nav-cz_otazky-on { background: transparent url('../images/cz_otazky_over.jpg') no-repeat scroll 0% 0%; margin-left: 53px; width: 179px; } ul#nav li.replace a.nav-cz_prisady-on { background: transparent url('../images/cz_prisady_over.jpg') no-repeat scroll 0% 0%; margin-left: 53px; width: 94px; } ul#nav li.replace a.nav-cz_novinky-on { background: transparent url('../images/cz_novinky_over.jpg') no-repeat scroll 0% 0%; margin-left: 53px; width: 189px; }*/ /* moje nove */ /* moje nove */ ul#nav li.replace a.nav-cz_home { background: transparent url('../images/cz_home.jpg') no-repeat scroll 0% 0%; margin-left: 23px; width: 80px; } ul#nav li.replace a.nav-cz_otazky { background: transparent url('../images/cz_otazky.jpg') no-repeat scroll 0% 0%; margin-left: 23px; width: 179px; } ul#nav li.replace a.nav-cz_prisady { background: transparent url('../images/cz_prisady.jpg') no-repeat scroll 0% 0%; margin-left: 23px; width: 94px; } ul#nav li.replace a.nav-cz_novinky { background: transparent url('../images/cz_novinky.jpg') no-repeat scroll 0% 0%; margin-left: 23px; width: 189px; } ul#nav li.replace a.nav-cz_soutez { background: transparent url('../images/cz_soutez.jpg') no-repeat scroll 0% 0%; margin-left: 23px; width: 88px; } ul#nav li.replace a.nav-cz_home:hover, ul#nav li.replace a.nav-cz_home-on { background: transparent url('../images/cz_home_over.jpg') no-repeat scroll 0% 0%; margin-left: 23px; width: 80px; } ul#nav li.replace a.nav-cz_otazky:hover, ul#nav li.replace a.nav-cz_otazky-on { background: transparent url('../images/cz_otazky_over.jpg') no-repeat scroll 0% 0%; margin-left: 23px; width: 179px; } ul#nav li.replace a.nav-cz_prisady:hover, ul#nav li.replace a.nav-cz_prisady-on { background: transparent url('../images/cz_prisady_over.jpg') no-repeat scroll 0% 0%; margin-left: 23px; width: 94px; } ul#nav li.replace a.nav-cz_novinky:hover, ul#nav li.replace a.nav-cz_novinky-on { background: transparent url('../images/cz_novinky_over.jpg') no-repeat scroll 0% 0%; margin-left: 23px; width: 189px; } ul#nav li.replace a.nav-cz_soutez:hover, ul#nav li.replace a.nav-cz_soutez-on { background: transparent url('../images/cz_soutez_over.jpg') no-repeat scroll 0% 0%; margin-left: 23px; width: 88px; } /* moje nove */ ul#nav { padding: 0px 0px 0px; background: transparent url('../images/bg-nav2.gif') no-repeat scroll left top; list-style-type: none; list-style-image: none; list-style-position: outside; float: left; height: 43px; width: 760px; _width: 756px; margin-bottom: 0pt; } ul#nav li.replace { float: left; margin-left: 0px; display: inline; } ul#nav li.replace a { display: block; height: 43px; margin-top: 0px; text-decoration: none; } ul#nav li.replace a span { overflow: hidden; position: absolute; top: -500px; left: 0px; width: 1px; height: 1px; } ul#nav li.replace a.nav-home { background: transparent url('../images/home.gif') no-repeat scroll 0% 0%; margin-left: 23px; width: 95px; } ul#nav li.replace a.nav-ingredients { background: transparent url('../images/ingredients.gif') no-repeat scroll 0% 0%; width: 248px; margin-left: 20px; } ul#nav li.replace a.nav-get-togethers { background: transparent url('../images/get-togethers.gif') no-repeat scroll 0% 0%; width: 135px; } ul#nav li.replace a.nav-people { background: transparent url('../images/people.gif') no-repeat scroll 0% 0%; width: 97px; } ul#nav li.replace a.nav-panel { background: transparent url('../images/the-panel-off.gif') no-repeat scroll 0% 0%; width: 114px; } ul#nav li.replace a.nav-qa { background: transparent url('../images/qa.gif') no-repeat scroll 0% 0%; width: 198px; margin-left: 20px; } ul#nav li.replace a.nav-news { background: transparent url('../images/news.gif') no-repeat scroll 0% 0%; margin-right: 23px; width: 113px; margin-left: 20px; } ul#nav li.replace a.nav-email { background: transparent url('../images/email.gif') no-repeat scroll 0% 0%; margin-right: 20px; width: 169px; } ul#nav li.replace a.nav-home:hover, ul#nav li.replace a.nav-home-on { background: transparent url('../images/home-on.gif') no-repeat scroll 0% 0%; } ul#nav li.replace a.nav-ingredients:hover, ul#nav li.replace a.nav-ingredients-on { background: transparent url('../images/ingredients-on.gif') no-repeat scroll 0% 0%; } ul#nav li.replace a.nav-get-togethers:hover, ul#nav li.replace a.nav-get-togethers-on { background: transparent url('../images/get-togethers-on.gif') no-repeat scroll 0% 0%; } ul#nav li.replace a.nav-people:hover, ul#nav li.replace a.nav-people-on { background: transparent url('../images/people-on.gif') no-repeat scroll 0% 0%; } ul#nav li.replace a.nav-panel:hover, ul#nav li.replace a.nav-panel-on { background: transparent url('../images/the-panel-on.gif') no-repeat scroll 0% 0%; } ul#nav li.replace a.nav-qa:hover, ul#nav li.replace a.nav-qa-on { background: transparent url('../images/qa-on.gif') no-repeat scroll 0% 0%; } ul#nav li.replace a.nav-news:hover, ul#nav li.replace a.nav-news-on { background: transparent url('../images/news-on.gif') no-repeat scroll 0% 0%; } ul#nav li.replace a.nav-email:hover, ul#nav li.replace a.nav-email-on { background: transparent url('../images/email-on.gif') no-repeat scroll 0% 0%; } ul#nav li.replace a.nav-get-togethers { background: transparent url('../images/get-togethers.gif') no-repeat scroll 0% 0%; width: 135px; } ul#nav li.replace a.nav-get-togethers:hover, ul#nav li.replace a.nav-get-togethers-on { background: transparent url('../images/get-togethers-on.gif') no-repeat scroll 0% 0%; } ul#ingredients-nav { padding: 1px 0pt 7px; list-style-type: none; list-style-image: none; list-style-position: outside; float: left; min-height: 116px; margin-bottom: 0pt; } ul#ingredients-nav li.replace { float: left; margin-left: 0px; display: inline; } ul#ingredients-nav li.replace a { display: block; min-height: 116px; margin-top: 1px; text-decoration: none; } ul#ingredients-nav li.replace a span { overflow: hidden; position: absolute; top: -500px; left: 0px; width: 1px; height: 1px; } ul#ingredients-nav li.replace a.nav-who { background: transparent url('../images/who.png') no-repeat scroll left bottom; margin-left: 0px; width: 172px; } ul#ingredients-nav li.replace a.nav-who:hover, ul#ingredients-nav li.replace a.nav-who-on { background: transparent url('../images/who-on.png') no-repeat scroll left bottom; } ul#ingredients-nav li.replace a.nav-what { background: transparent url('../images/what.png') no-repeat scroll left bottom; margin-left: 0px; width: 136px; } ul#ingredients-nav li.replace a.nav-what:hover, ul#ingredients-nav li.replace a.nav-what-on { background: transparent url('../images/what-on.png') no-repeat scroll left bottom; } ul#ingredients-nav li.replace a.nav-about { background: transparent url('../images/about.png') no-repeat scroll left bottom; margin-left: 0px; width: 169px; } ul#ingredients-nav li.replace a.nav-about:hover, ul#ingredients-nav li.replace a.nav-about-on { background: transparent url('../images/about-on.png') no-repeat scroll left bottom; } ul#nav-episodes { background: rgb(255, 255, 255) url('../images/bg-nav.gif') no-repeat scroll 20px top; list-style-type: none; list-style-image: none; list-style-position: outside; float: left; height: 40px; margin-bottom: 0pt; } ul#nav-episodes li { margin: 0pt; padding: 0pt; float: left; } ul#nav-episodes li.replace { float: left; margin-left: 8px; display: inline; } ul#nav-episodes li.replace a { display: block; height: 39px; margin-top: 1px; text-decoration: none; } ul#nav-episodes li.replace a span { display: none; visibility: hidden; } ul#nav-episodes li.replace a.nav-home { background: transparent url('../images/home.gif') no-repeat scroll 0% 0%; margin-left: 20px; width: 86px; } ul#nav-episodes li.replace a.nav-episodes { background: transparent url('../images/episodes.gif') no-repeat scroll 0% 0%; width: 111px; } ul#nav-episodes li.replace a.nav-people { background: transparent url('../images/people.gif') no-repeat scroll 0% 0%; width: 97px; } ul#nav-episodes li.replace a.nav-qa { background: transparent url('../images/qa.gif') no-repeat scroll 0% 0%; width: 210px; } ul#nav-episodes li.replace a.nav-news { background: transparent url('../images/news.gif') no-repeat scroll 0% 0%; margin-right: 27px; width: 169px; } xxul#nav-episodes li.replace a.nav-email { background: transparent url('../images/email.gif') no-repeat scroll 0% 0%; margin-right: 47px; width: 169px; } ul#nav-episodes li.replace a.nav-home:hover, ul#nav-episodes li.replace a.nav-home-on { background: transparent url('../images/home-on.gif') no-repeat scroll 0% 0%; } ul#nav-episodes li.replace a.nav-episodes:hover, ul#nav-episodes li.replace a.nav-episodes-on { background: transparent url('../images/episodes-on.gif') no-repeat scroll 0% 0%; } ul#nav-episodes li.replace a.nav-people:hover, ul#nav-episodes li.replace a.nav-people-on { background: transparent url('../images/people-on.gif') no-repeat scroll 0% 0%; } ul#nav-episodes li.replace a.nav-qa:hover, ul#nav-episodes li.replace a.nav-qa-on { background: transparent url('../images/qa-on.gif') no-repeat scroll 0% 0%; } ul#nav-episodes li.replace a.nav-news:hover, ul#nav-episodes li.replace a.nav-news-on { background: transparent url('../images/news-on.gif') no-repeat scroll 0% 0%; } ul#nav-episodes li.replace a.nav-email:hover, ul#nav-episodes li.replace a.nav-email-on { background: transparent url('../images/email-on.gif') no-repeat scroll 0% 0%; } ul#nav-panel { margin: 0pt 0pt 0pt 20px; padding: 1px 0pt 0px; background: transparent url('../images/bg-nav_001.gif') no-repeat scroll left top; list-style-type: none; list-style-image: none; list-style-position: outside; float: left; width: 739px; display: inline; } ul#nav-panel li { padding: 5px 0pt; float: left; height: 27px; display: inline; } ul#nav-panel li a span { display: none; } ul#nav-panel li a { display: block; height: 100%; } ul#nav-panel li a.meet { background: transparent url('../images/meet-the-panel.gif') no-repeat scroll 0% 0%; width: 137px; } ul#nav-panel li a.discussions { background: transparent url('../images/panel-discussions.gif') no-repeat scroll 0% 0%; width: 148px; } ul#nav-panel li a.gallery { background: transparent url('../images/photo-gallery.gif') no-repeat scroll 0% 0%; width: 137px; } ul#nav-panel li a.meet:hover, ul#nav-panel li.on a.meet { background: transparent url('../images/meet-the-panel-on.gif') no-repeat scroll 0% 0%; } ul#nav-panel li a.discussions:hover, ul#nav-panel li.on a.discussions { background: transparent url('../images/panel-discussions-on.gif') no-repeat scroll 0% 0%; } ul#nav-panel li a.gallery:hover, ul#nav-panel li.on a.gallery { background: transparent url('../images/photo-gallery-on.gif') no-repeat scroll 0% 0%; } ul#nav-numbers { margin: 0pt; background: transparent url('../images/bg-nav_002.gif') no-repeat scroll 0% 0%; height: 34px; list-style-type: none; list-style-image: none; list-style-position: outside; padding-left: 25px; } ul#nav-numbers li { float: left; height: 34px; margin-left: 0pt; } ul#nav-numbers li a { height: 100%; display: block; } ul#nav-numbers li a.a1 { background: transparent url('../images/1.gif') no-repeat scroll 0% 0%; width: 83px; } ul#nav-numbers li a.a2 { background: transparent url('../images/2.gif') no-repeat scroll 0% 0%; width: 80px; } ul#nav-numbers li a.a3 { background: transparent url('../images/3.gif') no-repeat scroll 0% 0%; width: 82px; } ul#nav-numbers li a.a4 { background: transparent url('../images/4.gif') no-repeat scroll 0% 0%; width: 82px; } ul#nav-numbers li a.a5 { background: transparent url('../images/5.gif') no-repeat scroll 0% 0%; width: 85px; } ul#nav-numbers li a.a1:hover, ul#nav-numbers li.on a.a1 { background: transparent url('../images/1-on.gif') no-repeat scroll 0% 0%; } ul#nav-numbers li a.a2:hover, ul#nav-numbers li.on a.a2 { background: transparent url('../images/2-on.gif') no-repeat scroll 0% 0%; } ul#nav-numbers li a.a3:hover, ul#nav-numbers li.on a.a3 { background: transparent url('../images/3-on.gif') no-repeat scroll 0% 0%; } ul#nav-numbers li a.a4:hover, ul#nav-numbers li.on a.a4 { background: transparent url('../images/4-on.gif') no-repeat scroll 0% 0%; } ul#nav-numbers li a.a5:hover, ul#nav-numbers li.on a.a5 { background: transparent url('../images/5-on.gif') no-repeat scroll 0% 0%; } h4.gradient { padding: 10px 20px; background: transparent url('../images/gradient.gif') no-repeat scroll 0% 0%; height: 52px; font-size: 14px; line-height: 1.5em; } .qaa ul { list-style-type: none; } .qaa li { height: 20px; font-size: 1.2em; line-height: 19px; margin-left: 10px; } .qaa li a { background: transparent url('../images/off.gif') no-repeat scroll 3px 50%; width: 175px; padding-left: 20px; text-decoration: none; color: rgb(81, 80, 80); display: block; height: 100%; } .qaa li a:hover, .qaa li.on a { background: transparent url('../images/on.gif') no-repeat scroll 0% 0%; color: white; text-decoration: none; } .qaa2 ul li { height: 35px; margin-bottom: 10px; } .qaa2 ul li a { background-position: 3px 5px; line-height: 1.2em; } .qaa2 ul li a:hover, .qaa2 ul li.on a { background: transparent url('../images/on2.png') no-repeat scroll 0% 0%; } #gallery ul { margin-top: 10px; list-style-type: none; } #gallery li { margin: 0pt 10px 10px 0pt; width: 86px; height: 75px; float: left; display: inline; } #gallery li a { display: block; width: 100%; height: 100%; } #gallery li.m2 { background: transparent url('../images/2.jpg') no-repeat scroll 0% 0%; } #gallery li.m3 { background: transparent url('../images/3.jpg') no-repeat scroll 0% 0%; } #gallery li.m4 { background: transparent url('../images/4.jpg') no-repeat scroll 0% 0%; } #gallery li.m5 { background: transparent url('../images/5.jpg') no-repeat scroll 0% 0%; } #gallery li.m6 { background: transparent url('../images/6.jpg') no-repeat scroll 0% 0%; } .gallery #nav-bar { margin: 0pt 0pt 25px; background: transparent url('../images/gallery-navbar.png') no-repeat scroll 0% 0%; float: left; width: 474px; height: 30px; } .gallery #nav-bar p { margin: 2px 0pt 0pt 10px; padding: 0pt; float: left; display: inline; } .gallery #nav-bar ul { margin: 4px 0pt 0pt; list-style-type: none; } .gallery #nav-bar ul li { width: 23px; height: 20px; line-height: 20px; float: left; font-size: 1.1em; margin-left: 0pt; } .gallery #nav-bar ul li a { display: block; width: 20px; height: 100%; text-decoration: none; color: rgb(193, 193, 193); text-align: center; font-weight: bold; } .gallery #nav-bar ul li a.on, .gallery #nav-bar ul li a:hover { background: transparent url('../images/gallery-navbar-on.gif') no-repeat scroll 1px top; color: white; } .gallery #nav-bar ul li.back img { display: none; } .gallery #nav-bar ul li.back a:hover, .gallery #nav-bar ul li.next a:hover { background-image: none; } .dropdown { position: relative; left: 1px; top: -11px; width: 178px; } .dropdown ul { margin: 0pt; padding: 10px 0pt 0pt 2px; list-style-type: none; background-color: rgb(132, 168, 17); } .dropdown ul li { padding: 0pt 0pt 3px; } .dropdown ul li a { background: transparent url('../images/home-dropdown-arrow.gif') no-repeat scroll left 3px; color: white; text-decoration: none; padding-left: 15px; width: 140px; display: block; } .dropdown ul li a:hover { background-position: 5px 3px; text-decoration: none; } .dropdown .bottom { overflow: hidden; height: 10px; background-image: url('../images/home-dropdown-bottom.png'); } /* ::::: http://www.letsgettogether.co.uk/StaticHTML/_format/styles/content.css ::::: */ #logo { margin: 21px 0pt 0pt 20px; float: left; } fieldset { border: 0pt none ; } legend { display: none; visibility: hidden; } h1 { margin: 0pt 0pt 0.4em; font-size: 1.4em; color: rgb(223, 15, 11); } #home h1 { font-size: 1.4em; } #ingredients h1, #ingredients-what h1 { margin: 1em 0pt 2em; font-size: 1.4em; } h2 { margin: 0pt 0pt 0.5em; color: rgb(223, 15, 11); } a { color: rgb(223, 15, 11); } p, ul, ol, td { font-size: 0.9em; line-height: 1.5; margin-bottom: 14px; } ol { margin-left: 6px; } ul ul { font-size: 1em; } .left { float: left; } .right { float: right; } .bold { font-weight: bold; } .clear { clear: both; } .brand-name { white-space: nowrap; } .tracking { width: 1px; height: 1px; } p#transcript { margin: 1px 0pt 12px; float: right; } #home-flash { margin: 50px 0pt 0pt 33px; } #hero-products { margin: 14px 0pt 0pt 12px; } .trailer-title { color: rgb(223, 15, 11); font-style: italic; } #qa-flash { clear: both; margin-bottom: 10px; } #qa-flash p { width: 200px; } #qa-flash { clear: both; margin-bottom: 10px; } #qa-flash p { width: 200px; } #people-header-text { float: left; width: 390px; } #people-header-img { float: right; } #people-header-img p { margin-bottom: 0pt; } ul#employees-list { list-style-type: none; list-style-image: none; list-style-position: outside; width: 100%; } ul#employees-list li { margin: 0pt 15px 20px 0pt; float: left; width: 229px; } #col-b ul#employees-list li { margin: 5px 0pt; } ul#employees-list li.alt { margin-right: 0pt; } ul#employees-list img { margin: 3px 10px 0pt 0pt; float: left; } ul#employees-list div.people-details { float: left; width: 149px; } .box { margin: 0pt 0pt 10px; overflow: hidden; clear: both; width: 100%; padding-top: 5px; } .box-content, .inner-content, .box-full-content, .box-content-small { border-right: 1px solid rgb(230, 226, 183); overflow: hidden; } .col-wide .box-top { background: transparent url('../images/box-top-mid.gif') no-repeat scroll left top; } .col-wide .box-top-graded { background: transparent url('../images/box-top-mid-graded.gif') no-repeat scroll left top; } .col-wide .box-bottom { background: transparent url('../images/box-bottom-mid.gif') no-repeat scroll left bottom; float: left; padding-bottom: 5px; } .col-wide .box-bottom-graded { background: transparent url('../images/box-bottom-mid-graded.gif') no-repeat scroll left bottom; float: left; padding-bottom: 5px; } .col-wide .box-bottom-graded-bubble { background: transparent url('../images/box-bottom-mid-bubble.gif') no-repeat scroll left bottom; float: left; padding-bottom: 25px; } .col-wide .box-content { padding: 0pt 14px; width: 445px; } .col-wide .box-content-small { padding: 0pt 14px; width: 445px; } .col-thin .box-top { background: transparent url('../images/box-top-small.gif') no-repeat scroll left top; } .col-thin .box-top-graded { background: transparent url('../images/box-top-small-graded.gif') no-repeat scroll left top; } .col-thin .box-bottom { background: transparent url('../images/box-bottom-small.gif') no-repeat scroll left bottom; float: left; padding-bottom: 5px; } .col-thin .box-bottom-graded { background: transparent url('../images/box-bottom-small-graded.gif') no-repeat scroll left bottom; float: left; padding-bottom: 5px; } .col-thin .box-bottom-graded-bubble { background: transparent url('../images/box-bottom-small-bubble.gif') no-repeat scroll left bottom; float: left; padding-bottom: 32px; } .col-thin .box-content { padding: 0pt 10px; width: 263px; } .col-thin .box-content-small { padding: 0pt 10px; width: 263px; } .box-full-top { background: transparent url('../images/box-top-full.gif') no-repeat scroll left top; padding-top: 8px; } .box-full-top-graded { background: transparent url('../images/box-top-full-graded.gif') no-repeat scroll left top; } .box-full-bottom { background: transparent url('../images/box-bottom-full.gif') no-repeat scroll left bottom; float: left; padding-bottom: 8px; } .box-full-bottom-graded { background: transparent url('../images/box-bottom-full-graded.gif') no-repeat scroll left bottom; float: left; padding-bottom: 8px; } .box-full-content { padding: 0pt 7px 0pt 14px; background: transparent url('../images/box-bg-small.gif') repeat-x scroll left bottom; width: 697px; } .inner { margin: 0pt 0pt 10px; overflow: hidden; clear: both; width: 444px; padding-top: 3px; } .inner-top { background: transparent url('../images/inner-top.gif') no-repeat scroll left top; } .inner-bottom { background: transparent url('../images/inner-bottom.gif') no-repeat scroll left bottom; float: left; padding-bottom: 3px; width: 100%; } .inner-bottom-graded { background: transparent url('../images/inner-bottom-graded.gif') no-repeat scroll left bottom; float: left; padding-bottom: 3px; width: 100%; } .inner-content { padding: 0px 10px; width: 422px; } #home .col-thin .box-top { background: transparent url('../images/box-top-home.gif') no-repeat scroll left top; } #home .col-thin .box-bottom-graded { background: transparent url('../images/box-bottom-home-graded.gif') no-repeat scroll left bottom; float: left; padding-bottom: 5px; } #home #col-a .box-content { background: rgb(255, 255, 255) url('../images/box-bg-form.gif') repeat-x scroll left bottom; width: 264px; } #qa #col-a form.box-content { background: rgb(255, 255, 255) url('../images/box-bg-form.gif') repeat-x scroll left bottom; width: 444px; min-height: 120px; } #qa #col-a div.box-content { background: rgb(255, 255, 255) url('../images/box-bg-form.gif') repeat-x scroll left bottom; width: 444px; } #qa #col-a .box-content-small { background: rgb(255, 255, 255) url('../images/box-bg-tiny.gif') repeat-x scroll left bottom; } #qa #col-b .box-content { background: rgb(255, 255, 255) url('../images/box-bg-mid.gif') repeat-x scroll left bottom; width: 209px; } #qa #col-b .box-content-small { background: rgb(255, 255, 255) url('../images/box-bg-tiny.gif') repeat-x scroll left bottom; width: 208px; } #qa #col-b #search-answers { background: rgb(255, 255, 255) url('../images/box-bg-small.gif') repeat-x scroll left bottom; } #news #col-a .box-content { background: rgb(255, 255, 255) url('../images/bg-box-subscribe.gif') repeat-x scroll left bottom; } #news #col-b .box-content { background: rgb(255, 255, 255) url('../images/box-bg-mid.gif') repeat-x scroll left bottom; width: 209px; } #news #col-b .rss-subscribe { background: rgb(255, 255, 255) url('../images/bg-box-subscribe.gif') repeat-x scroll left bottom; width: 208px; } #news #col-b #search-news { background: rgb(255, 255, 255) url('../images/box-bg-small.gif') repeat-x scroll left bottom; } #episode #col-b .box-content { background: rgb(255, 255, 255) url('../images/box-bg-mid.gif') repeat-x scroll left bottom; width: 208px; } #episode #col-b #search-answers { background: rgb(255, 255, 255) url('../images/box-bg-small.gif') repeat-x scroll left bottom; } input.text, select { border: 1px solid rgb(158, 158, 158); background-color: rgb(255, 255, 255); font-size: 0.9em; } textarea { border: 1px solid rgb(158, 158, 158); overflow: auto; height: 63px; background-color: rgb(255, 255, 255); } #home textarea { border: 1px solid rgb(158, 158, 158); overflow: auto; height: 40px; background-color: rgb(255, 255, 255); } #ingredients textarea { height: 27px; } #ingredients-what textarea { height: 27px ! important; } #home div.box-content textarea { width: 263px; } form.box-content .submit { margin: 7px 0pt 0px; float: right; } #home div.box-content p.float-l { margin: 4px 0pt 3px; width: 180px; float: left; } #home div.box-content .submit { margin: 4px 0pt 5px; float: right; } #news #col-b .box-content input.text { width: 206px; } #news #col-b .box-content input.submit { margin: 7px 0pt 0px; float: right; } #col-b .box-content textarea { width: 206px; } #ingredients form.box-content textarea { width: 442px; } form.box-content textarea { width: 263px; } form.box-content .submit { margin: 7px 0pt 0px; float: right; } div.inner p { margin-bottom: 0pt; } div.inner #helpful { background: rgb(255, 255, 255) url('../images/box-bg-small.gif') repeat-x scroll left bottom; overflow: hidden; padding-bottom: 4px; } div.inner #helpful h2 { float: left; margin-bottom: 0pt; } div.inner #helpful form { margin: 2px 0pt 8px 60px; float: left; } div.inner #helpful form input.button { margin: 4px 6px 0pt 0pt; padding: 0pt 22px; } div.inner div.helpful-bar { clear: both; } div.inner ul.links li { margin: 0pt 10px 4px 0pt; float: right; } div.inner #helpful div.helpful-bar { margin: 2px 0pt 0pt 50px; padding-bottom: 4px; display: inline; float: left; } div.box-content-small h2.rate-this { margin-bottom: 1em; color: rgb(137, 136, 116); } div.inner div.helpful-bar p.rating-box { margin: 0pt 0pt 7px; float: left; clear: both; width: 360px; } .rating-box span { float: left; } .rating-box .helpful-title { width: 50px; text-align: right; padding-right: 15px; } .rating-box .people-counter { padding-left: 15px; } .rating-box .rating-counter { background: transparent url('../images/rating-none.gif') no-repeat scroll 0% 0%; width: 182px; height: 17px; } .rating-box .rating-counter span { padding: 17px 0pt 0pt; background: transparent url('../images/rating-full.gif') no-repeat scroll 0% 0%; overflow: hidden; display: block; height: 0pt; } .helpful-bar span.width0 { width: 0px; } .helpful-bar span.width1 { width: 1px; } .helpful-bar span.width2 { width: 2px; } .helpful-bar span.width3 { width: 3px; } .helpful-bar span.width4 { width: 4px; } .helpful-bar span.width5 { width: 5px; } .helpful-bar span.width6 { width: 6px; } .helpful-bar span.width7 { width: 7px; } .helpful-bar span.width8 { width: 8px; } .helpful-bar span.width9 { width: 9px; } .helpful-bar span.width10 { width: 10px; } .helpful-bar span.width11 { width: 11px; } .helpful-bar span.width12 { width: 12px; } .helpful-bar span.width13 { width: 13px; } .helpful-bar span.width14 { width: 14px; } .helpful-bar span.width15 { width: 15px; } .helpful-bar span.width16 { width: 16px; } .helpful-bar span.width17 { width: 17px; } .helpful-bar span.width18 { width: 18px; } .helpful-bar span.width19 { width: 19px; } .helpful-bar span.width20 { width: 20px; } .helpful-bar span.width21 { width: 21px; } .helpful-bar span.width22 { width: 22px; } .helpful-bar span.width23 { width: 23px; } .helpful-bar span.width24 { width: 24px; } .helpful-bar span.width25 { width: 25px; } .helpful-bar span.width26 { width: 26px; } .helpful-bar span.width27 { width: 27px; } .helpful-bar span.width28 { width: 28px; } .helpful-bar span.width29 { width: 29px; } .helpful-bar span.width30 { width: 30px; } .helpful-bar span.width31 { width: 31px; } .helpful-bar span.width32 { width: 32px; } .helpful-bar span.width33 { width: 33px; } .helpful-bar span.width34 { width: 34px; } .helpful-bar span.width35 { width: 35px; } .helpful-bar span.width36 { width: 36px; } .helpful-bar span.width37 { width: 37px; } .helpful-bar span.width38 { width: 38px; } .helpful-bar span.width39 { width: 39px; } .helpful-bar span.width40 { width: 40px; } .helpful-bar span.width41 { width: 41px; } .helpful-bar span.width42 { width: 42px; } .helpful-bar span.width43 { width: 43px; } .helpful-bar span.width44 { width: 44px; } .helpful-bar span.width45 { width: 45px; } .helpful-bar span.width46 { width: 46px; } .helpful-bar span.width47 { width: 47px; } .helpful-bar span.width48 { width: 48px; } .helpful-bar span.width49 { width: 49px; } .helpful-bar span.width50 { width: 50px; } .helpful-bar span.width51 { width: 51px; } .helpful-bar span.width52 { width: 52px; } .helpful-bar span.width53 { width: 53px; } .helpful-bar span.width54 { width: 54px; } .helpful-bar span.width55 { width: 55px; } .helpful-bar span.width56 { width: 56px; } .helpful-bar span.width57 { width: 57px; } .helpful-bar span.width58 { width: 58px; } .helpful-bar span.width59 { width: 59px; } .helpful-bar span.width60 { width: 60px; } .helpful-bar span.width61 { width: 61px; } .helpful-bar span.width62 { width: 62px; } .helpful-bar span.width63 { width: 63px; } .helpful-bar span.width64 { width: 64px; } .helpful-bar span.width65 { width: 65px; } .helpful-bar span.width66 { width: 66px; } .helpful-bar span.width67 { width: 67px; } .helpful-bar span.width68 { width: 68px; } .helpful-bar span.width69 { width: 69px; } .helpful-bar span.width70 { width: 70px; } .helpful-bar span.width71 { width: 71px; } .helpful-bar span.width72 { width: 72px; } .helpful-bar span.width73 { width: 73px; } .helpful-bar span.width74 { width: 74px; } .helpful-bar span.width75 { width: 75px; } .helpful-bar span.width76 { width: 76px; } .helpful-bar span.width77 { width: 77px; } .helpful-bar span.width78 { width: 78px; } .helpful-bar span.width79 { width: 79px; } .helpful-bar span.width80 { width: 80px; } .helpful-bar span.width81 { width: 81px; } .helpful-bar span.width82 { width: 82px; } .helpful-bar span.width83 { width: 83px; } .helpful-bar span.width84 { width: 84px; } .helpful-bar span.width85 { width: 85px; } .helpful-bar span.width86 { width: 86px; } .helpful-bar span.width87 { width: 87px; } .helpful-bar span.width88 { width: 88px; } .helpful-bar span.width89 { width: 89px; } .helpful-bar span.width90 { width: 90px; } .helpful-bar span.width91 { width: 91px; } .helpful-bar span.width92 { width: 92px; } .helpful-bar span.width93 { width: 93px; } .helpful-bar span.width94 { width: 94px; } .helpful-bar span.width95 { width: 95px; } .helpful-bar span.width96 { width: 96px; } .helpful-bar span.width97 { width: 97px; } .helpful-bar span.width98 { width: 98px; } .helpful-bar span.width99 { width: 99px; } .helpful-bar span.width100 { width: 100px; } .helpful-bar span.width101 { width: 101px; } .helpful-bar span.width102 { width: 102px; } .helpful-bar span.width103 { width: 103px; } .helpful-bar span.width104 { width: 104px; } .helpful-bar span.width105 { width: 105px; } .helpful-bar span.width106 { width: 106px; } .helpful-bar span.width107 { width: 107px; } .helpful-bar span.width108 { width: 108px; } .helpful-bar span.width109 { width: 109px; } .helpful-bar span.width110 { width: 110px; } .helpful-bar span.width111 { width: 111px; } .helpful-bar span.width112 { width: 112px; } .helpful-bar span.width113 { width: 113px; } .helpful-bar span.width114 { width: 114px; } .helpful-bar span.width115 { width: 115px; } .helpful-bar span.width116 { width: 116px; } .helpful-bar span.width117 { width: 117px; } .helpful-bar span.width118 { width: 118px; } .helpful-bar span.width119 { width: 119px; } .helpful-bar span.width120 { width: 120px; } .helpful-bar span.width121 { width: 121px; } .helpful-bar span.width122 { width: 122px; } .helpful-bar span.width123 { width: 123px; } .helpful-bar span.width124 { width: 124px; } .helpful-bar span.width125 { width: 125px; } .helpful-bar span.width126 { width: 126px; } .helpful-bar span.width127 { width: 127px; } .helpful-bar span.width128 { width: 128px; } .helpful-bar span.width129 { width: 129px; } .helpful-bar span.width130 { width: 130px; } .helpful-bar span.width131 { width: 131px; } .helpful-bar span.width132 { width: 132px; } .helpful-bar span.width133 { width: 133px; } .helpful-bar span.width134 { width: 134px; } .helpful-bar span.width135 { width: 135px; } .helpful-bar span.width136 { width: 136px; } .helpful-bar span.width137 { width: 137px; } .helpful-bar span.width138 { width: 138px; } .helpful-bar span.width139 { width: 139px; } .helpful-bar span.width140 { width: 140px; } .helpful-bar span.width141 { width: 141px; } .helpful-bar span.width142 { width: 142px; } .helpful-bar span.width143 { width: 143px; } .helpful-bar span.width144 { width: 144px; } .helpful-bar span.width145 { width: 145px; } .helpful-bar span.width146 { width: 146px; } .helpful-bar span.width147 { width: 147px; } .helpful-bar span.width148 { width: 148px; } .helpful-bar span.width149 { width: 149px; } .helpful-bar span.width150 { width: 150px; } .helpful-bar span.width151 { width: 151px; } .helpful-bar span.width152 { width: 152px; } .helpful-bar span.width153 { width: 153px; } .helpful-bar span.width154 { width: 154px; } .helpful-bar span.width155 { width: 155px; } .helpful-bar span.width156 { width: 156px; } .helpful-bar span.width157 { width: 157px; } .helpful-bar span.width158 { width: 158px; } .helpful-bar span.width159 { width: 159px; } .helpful-bar span.width160 { width: 160px; } .helpful-bar span.width161 { width: 161px; } .helpful-bar span.width162 { width: 162px; } .helpful-bar span.width163 { width: 163px; } .helpful-bar span.width164 { width: 164px; } .helpful-bar span.width165 { width: 165px; } .helpful-bar span.width166 { width: 166px; } .helpful-bar span.width167 { width: 167px; } .helpful-bar span.width168 { width: 168px; } .helpful-bar span.width169 { width: 169px; } .helpful-bar span.width170 { width: 170px; } .helpful-bar span.width171 { width: 171px; } .helpful-bar span.width172 { width: 172px; } .helpful-bar span.width173 { width: 173px; } .helpful-bar span.width174 { width: 174px; } .helpful-bar span.width175 { width: 175px; } .helpful-bar span.width176 { width: 176px; } .helpful-bar span.width177 { width: 177px; } .helpful-bar span.width178 { width: 178px; } .helpful-bar span.width179 { width: 179px; } .helpful-bar span.width180 { width: 180px; } .helpful-bar span.width181 { width: 181px; } .helpful-bar span.width182 { width: 182px; } div.qa-box-inner { padding-bottom: 0pt; } div.qa-box h2 { color: rgb(0, 0, 0); font-size: 1em; margin-top: 5px; } div.qa-box h2#featured { color: rgb(223, 15, 11); font-size: 1.3em; margin-top: 7px; } div.qa-box h2.replace { font-size: 0.3em; } div.qa-box p.last { margin-bottom: 7px; } div.qa-box p.related-links-header { font-weight: bold; color: rgb(0, 0, 0); margin-bottom: 0pt; } div.qa-box p.answered-by { font-style: italic; } div.qa-box ul.related-links { list-style-type: none; list-style-image: none; list-style-position: outside; } div.qa-box ul.related-links li { margin-left: 0pt; } #search-answers-full { background: rgb(255, 255, 255) url('../images/box-bg-bar.gif') repeat-x scroll left bottom; } #search-answers-full input.text { margin: 2px 10px; width: 220px; } #search-answers-full h2 { margin: 1px 0pt 0pt; width: 125px; padding-bottom: 0pt; float: left; } #search-answers-wide { margin: 10px 0pt 0pt 30px; } #search-answers-wide input.text { margin: 2px 15px; width: 435px; } #search-answers-wide h2 { float: left; } #search-answers-full h2 { margin: 1px 0pt 0pt; width: 125px; padding-bottom: 0pt; } #search-answers-full span { background: transparent url('../images/search-answers.gif') no-repeat scroll 0% 0%; margin-top: -1px; } .popular-topics ul { margin: 0pt; padding: 0pt; } .popular-topics h2.replace { margin-bottom: 0pt; } ul.popular-topics-list { margin: 0pt; padding: 2px; list-style-type: none; list-style-image: none; list-style-position: outside; line-height: 1.7em; min-height: 85px; width: 200px; } ul.popular-topics-list li { margin: 0pt 5px 0px 0pt; padding: 0pt; display: inline; font-weight: bold; } ul.popular-topics-list li a { padding: 0pt; color: rgb(80, 80, 80); text-decoration: none; } ul.popular-topics-list li a.tag1 { font-size: 1.4em; font-weight: 900; } ul.popular-topics-list li a.tag2 { font-size: 1.2em; font-weight: 700; } ul.popular-topics-list li a.tag3 { font-size: 1.1em; font-weight: 400; } ul.popular-topics-list li a.tag4 { font-size: 1em; font-weight: 200; } .popular-topics { background: rgb(255, 255, 255) url('../images/topics-bg.gif') repeat-x scroll left bottom; float: left; } .explore-topics { background: rgb(255, 255, 255) url('../images/topics-bg.gif') repeat-x scroll left bottom; float: left; } .explore-topics h2.replace { margin-bottom: 0pt; } ul.explore-topics-list { list-style-type: none; list-style-image: none; list-style-position: outside; margin-bottom: 0pt; width: 208px; } ul.explore-topics-list li { display: inline; } li.topics { margin: 0pt 5px 5px 0pt; background: transparent url('../images/topics-tr.gif') no-repeat scroll right top; float: left; } li.topics div.topics-br { background: transparent url('../images/topics-br.gif') no-repeat scroll right bottom; float: left; } li.topics div.topics-bl { background: transparent url('../images/topics-bl.gif') no-repeat scroll left bottom; float: left; padding-bottom: 11px; } li.topics div.topics-tl { background: transparent url('../images/topics-tl.gif') no-repeat scroll left top; float: left; padding-top: 2px; } li.topics p.topics-content { border-left: 1px solid rgb(255, 255, 255); border-right: 1px solid rgb(255, 255, 255); padding: 0pt 0pt 1px; background-color: rgb(80, 80, 80); font-size: 1.2em; line-height: 1.3; margin-bottom: 0pt; white-space: nowrap; } li.topics p.topics-content a { padding: 0pt 9px; color: rgb(255, 255, 255); display: block; background-color: rgb(80, 80, 80); text-decoration: none; } img#tab-bottom { position: relative; top: 8px; } ul#display-bar { background: rgb(255, 255, 255) url('../images/box-bg-bar.gif') repeat-x scroll left bottom; list-style-type: none; list-style-image: none; list-style-position: outside; color: rgb(0, 0, 0); margin-bottom: 0pt; } ul#display-bar li { margin: 0pt; display: inline; padding-top: 2px; } ul#display-bar ul { padding: 1px 4px 2px 0pt; background: transparent url('../images/li-sep.gif') no-repeat scroll right 4px; margin-bottom: 0pt; } ul#display-bar ul li { padding: 0pt 4px 0pt 9px; background: transparent url('../images/li-sep.gif') no-repeat scroll left 3px; } #submit-question { background-color: rgb(255, 255, 255); } #submit-question p.form-left { margin: 10px 8px 5px 0px; clear: both; float: left; text-align: left; width: 420px; font-size: 0.8em; color: rgb(51, 51, 51); } #submit-question input.text { margin: 0pt 10px 5px 0pt; padding: 1px 0pt; float: left; width: 440px; } #submit-question input.submit { float: left; } div.pagination-bar { float: left; margin-bottom: 10px; width: 100%; } div.pagination-bar-top { border-bottom: 1px solid rgb(218, 218, 218); padding-bottom: 4px; } div.pagination-bar-bottom { border-top: 1px solid rgb(218, 218, 218); padding-top: 3px; } div.pagination-bar p { float: left; margin-bottom: 0pt; } div#photo-nav { padding-top: 10px; } ul.pagination { list-style-type: none; list-style-image: none; list-style-position: outside; float: right; margin-top: 10px; margin-bottom: 0pt; } ul.pagination li { margin: 0pt; padding: 0pt 7px; background: transparent url('../images/li-sep.gif') no-repeat scroll left 2px; display: inline; } ul.pagination li.first { padding: 0pt 17px 0pt 7px; background: transparent none repeat scroll 0% 0%; } ul.pagination li.bullet { padding: 0pt 7px; } ul.pagination li.bullet img { position: relative; top: 2px; } ul.pagination li.active { font-weight: bold; padding-left: 7px; } div.inner #answers-box { border-left: 1px solid rgb(230, 226, 183); border-right: 1px solid rgb(230, 226, 183); float: left; width: 442px; } div.inner #answers-box ol { padding: 0pt 10px 0pt 14px; clear: both; line-height: 1.3; margin-bottom: 0pt; } div.inner #answers-box ul.links { margin: 6px 0pt; } ul#answers { background: rgb(255, 255, 255) url('../images/answers-bg.gif') repeat-x scroll left bottom; list-style-type: none; list-style-image: none; list-style-position: outside; float: left; height: 50px; width: 100%; margin-bottom: 8px; } ul#answers li.replace { float: left; margin-left: 10px; display: inline; } ul#answers a { display: block; height: 48px; margin-top: 2px; text-decoration: none; } ul#answers a span { display: none; visibility: hidden; } ul#answers a.recent-answers { background: transparent url('../images/recent-answers.gif') no-repeat scroll 0% 0%; margin-left: 39px; width: 165px; } ul#answers a.hot-answers { background: transparent url('../images/hottest-answers.gif') no-repeat scroll 0% 0%; width: 170px; } ul#answers a.recent-answers:hover, ul#answers a.recent-answers-on { background: transparent url('../images/recent-answers-on.gif') no-repeat scroll 0% 0%; } ul#answers a.hot-answers:hover, ul#answers a.hot-answers-on { background: transparent url('../images/hottest-answers-on.gif') no-repeat scroll 0% 0%; } h1.replace, h2.replace { padding: 5px 0pt 12px; position: relative; font-size: 0.3em; font-weight: normal; height: 25px; margin-bottom: 10px; } h1.replace span, h2.replace span { position: absolute; top: 5px; left: 0pt; width: 100%; height: 100%; } h2.title-question-red { width: 199px; padding-bottom: 0pt; font-size: 0px; color: #ffffff; } h2.title-question-red span { background: transparent url('../images/question-red.gif') no-repeat scroll 0% 0%; } h2.title-question-last-asked { width: 199px; padding-bottom: 0pt; margin-bottom: 3px; } h2.title-question-last-asked span { background: transparent url('../images/last-question-asked.gif') no-repeat scroll 0% 0%; } h2.title-question { padding-bottom: 0px; font-size: 0px; } h2.title-question span { background: transparent url('../images/title-questions-ingredients.gif') no-repeat scroll 0% 0%; } h2.title-question-wide { width: 361px; padding-bottom: 0px; } h2.title-question-wide span { background: transparent url('../images/title-question-ingredients.wide.gif') no-repeat scroll 0% 0%; } h2.title-still-ask-question { width: 253px; padding-bottom: 0px; } h2.title-still-ask-question span { background: transparent url('../images/title-still-ask-question.gif') no-repeat scroll 0% 0%; } h2.title-search-answers { width: 125px; padding-bottom: 0pt; } h2.title-search-answers span { background: transparent url('../images/search-answers_001.gif') no-repeat scroll 0% 0%; } h2.title-search-for-answers { width: 150px; padding-bottom: 0pt; color: #fff; } h2.title-search-for-answers span { background: transparent url('../images/search-for-answers.gif') no-repeat scroll 0% 0%; } h2.title-search-qa { width: 200px; padding-bottom: 0pt; } h2.title-search-qa span { background: transparent url('../images/search-qa.gif') no-repeat scroll 0% 0%; } h2.title-explore-topics { width: 165px; } h2.title-explore-topics span { background: transparent url('../images/explore-topics.gif') no-repeat scroll 0% 0%; } h2.title-popular-topics { width: 165px; padding-bottom: 5px; font-size: 0px; color: #ffffff; } h2.title-popular-topics span { background: transparent url('../images/most-popular-topics.gif') no-repeat scroll 0% 0%; } h2.title-explore-news { width: 173px; } h2.title-explore-news span { background: transparent url('../images/related-news.gif') no-repeat scroll 0% 0%; } h2.title-helpful { width: 174px; padding-bottom: 0pt; margin-top: 4px; } h2.title-helpful span { background: transparent url('../images/helpful.gif') no-repeat scroll 0% 0%; } h2.title-our-team { width: 86px; height: 15px; padding-bottom: 0pt; } h2.title-our-team span { background: transparent url('../images/our-team.gif') no-repeat scroll 0% 0%; } h2.title-representatives { width: 181px; height: 15px; padding-bottom: 0pt; } h2.title-representatives span { background: transparent url('../images/representatives.gif') no-repeat scroll 0% 0%; } h2.title-search-news { width: 125px; height: 11px; padding-bottom: 0pt; } h2.title-search-news span { background: url('../images/search-news.gif') no-repeat scroll 0% 0%; } h1.title-news { width: 141px; height: 12px; padding-bottom: 10px; } h1.title-news span { background: transparent url('../images/coca-cola-news.png') no-repeat scroll 0% 0%; } h2.title-corp { width: 209px; height: 12px; padding-bottom: 10px; } h2.title-corp span { background: transparent url('../images/corporate_new.gif') no-repeat scroll 0% 0%; } h2.title-sport { width: 95px; height: 14px; padding-bottom: 0pt; } h2.title-sport span { background: transparent url('../images/sport_new.gif') no-repeat scroll 0% 0%; } h2.title-brand { width: 265px; height: 17px; padding-bottom: 0pt; } h2.title-brand span { background: transparent url('../images/brand_new.gif') no-repeat scroll 0% 0%; } h2.title-advert { width: 245px; height: 15px; padding-bottom: 0pt; } h2.title-advert span { background: transparent url('../images/advertising_new.gif') no-repeat scroll 0% 0%; } h2.title-lgt { width: 196px; height: 14px; padding-bottom: 0pt; } h2.title-lgt span { background: transparent url('../images/lgt_new.gif') no-repeat scroll 0% 0%; } h2.title-misc { width: 128px; height: 14px; padding-bottom: 0pt; } h2.title-misc span { background: transparent url('../images/miscellaneous.gif') no-repeat scroll 0% 0%; } h2.title-other-categories { width: 130px; height: 14px; padding-bottom: 0pt; } h2.title-other-categories span { background: transparent url('../images/other-categories.gif') no-repeat scroll 0% 0%; } h2.title-related-news { width: 106px; height: 11px; padding-bottom: 0pt; } h2.title-related-news span { background: transparent url('../images/related-news.gif') no-repeat scroll 0% 0%; } h2.title-rss-subscribe { width: 206px; height: 14px; padding-bottom: 0pt; } h2.title-rss-subscribe span { background: transparent url('../images/rss-subscribe.gif') no-repeat scroll 0% 0%; } h1.title-the-people-involved { width: 375px; height: 37px; padding-bottom: 0pt; } h1.title-the-people-involved span { background: transparent url('../images/the-people-involved.gif') no-repeat scroll 0% 0%; } h1.title-meet-cm { width: 212px; height: 15px; padding-bottom: 0pt; } h1.title-meet-cm span { background: transparent url('../images/meet-cm.gif') no-repeat scroll 0% 0%; } h1.title-meet-csleight { width: 194px; height: 15px; padding-bottom: 0pt; } h1.title-meet-csleight span { background: transparent url('../images/meet-csleight.gif') no-repeat scroll 0% 0%; } h1.title-meet-cs { width: 153px; height: 15px; padding-bottom: 0pt; } h1.title-meet-cs span { background: transparent url('../images/meet-cs.gif') no-repeat scroll 0% 0%; } h1.title-meet-kc { width: 227px; height: 15px; padding-bottom: 0pt; } h1.title-meet-kc span { background: transparent url('../images/meet-kc.gif') no-repeat scroll 0% 0%; } h1.title-meet-jd { width: 184px; height: 15px; padding-bottom: 0pt; } h1.title-meet-jd span { background: transparent url('../images/meet-jd.gif') no-repeat scroll 0% 0%; } h1.title-meet-ps { width: 149px; height: 15px; padding-bottom: 0pt; } h1.title-meet-ps span { background: transparent url('../images/meet-ps.gif') no-repeat scroll 0% 0%; } h1.title-meet-sw { width: 163px; height: 15px; padding-bottom: 0pt; } h1.title-meet-sw span { background: transparent url('../images/meet-sw.gif') no-repeat scroll 0% 0%; } h1.title-meet-sg { width: 163px; height: 15px; padding-bottom: 0pt; } h1.title-meet-sg span { background: transparent url('../images/meet-sg.gif') no-repeat scroll 0% 0%; } h1.title-meet-cg { width: 182px; height: 15px; padding-bottom: 0pt; } h1.title-meet-cg span { background: transparent url('../images/meet-cg.gif') no-repeat scroll 0% 0%; } h2.title-employee-charlotte { width: 87px; height: 15px; padding-bottom: 0pt; } h2.title-employee-charlotte span { background: transparent url('../images/profile-charlotte.gif') no-repeat scroll 0% 0%; } h2.title-employee-cathryn { width: 77px; height: 15px; padding-bottom: 0pt; } h2.title-employee-cathryn span { background: transparent url('../images/profile-cathryn.gif') no-repeat scroll 0% 0%; } h2.title-employee-chris { width: 50px; height: 15px; padding-bottom: 0pt; } h2.title-employee-chris span { background: transparent url('../images/profile-chris.gif') no-repeat scroll 0% 0%; } h2.title-employee-karen { width: 57px; height: 15px; padding-bottom: 0pt; } h2.title-employee-karen span { background: transparent url('../images/profile-karen.gif') no-repeat scroll 0% 0%; } h2.title-employee-julia { width: 47px; height: 15px; padding-bottom: 0pt; } h2.title-employee-julia span { background: transparent url('../images/profile-julia.gif') no-repeat scroll 0% 0%; } h2.title-employee-paul { width: 42px; height: 15px; padding-bottom: 0pt; } h2.title-employee-paul span { background: transparent url('../images/profile-paul.gif') no-repeat scroll 0% 0%; } h2.title-employee-sue { width: 33px; height: 15px; padding-bottom: 0pt; } h2.title-employee-sue span { background: transparent url('../images/profile-sue.gif') no-repeat scroll 0% 0%; } h2.title-employee-sanjay { width: 61px; height: 15px; padding-bottom: 0pt; } h2.title-employee-sanjay span { background: transparent url('../images/profile-sanjay.gif') no-repeat scroll 0% 0%; } h2.title-employee-claire { width: 55px; height: 15px; padding-bottom: 0pt; } h2.title-employee-claire span { background: transparent url('../images/profile-claire.gif') no-repeat scroll 0% 0%; } h1.title-episode-nutrition-label-home { width: 372px; height: 15px; padding-bottom: 0px; } h1.title-episode-nutrition-label-home span { background: transparent url('../images/nutrition-label-home.gif') no-repeat scroll 0% 0%; } h1.title-episode-nutrition-label { width: 372px; height: 15px; padding-bottom: 0pt; } h1.title-episode-nutrition-label span { background: transparent url('../images/nutrition-label.gif') no-repeat scroll 0% 0%; } h2.title-episode-watch-episode { background: transparent url('../images/watch-episode.gif') no-repeat scroll 0% 0%; } h2.title-episode-watch-other-episodes { background: transparent url('../images/watch-other-episodes.gif') no-repeat scroll 0% 0%; } ul.links { float: right; text-align: right; list-style-type: none; list-style-image: none; list-style-position: outside; } ul.links-back { margin: 10px 0pt 0pt; float: left; list-style-type: none; list-style-image: none; list-style-position: outside; } ul.links li.replace, ul.links-back li.replace { margin: 0pt; position: relative; height: 15px; } ul.links li.replace span, ul.links-back li.replace span { position: absolute; top: 0pt; left: 0pt; width: 100%; height: 100%; } ul.links li.replace a { text-decoration: none; font-size: 0.3em; vertical-align: top; } ul.links li.email-updates { width: 150px; height: 15px; } ul.links li.email-updates span { background: transparent url('../images/email-updates.gif') no-repeat scroll 0% 0%; } ul.links-back li.home-page { width: 156px; } ul.links-back li.home-page span { background: transparent url('../images/back-to-home-page.gif') no-repeat scroll 0% 0%; } ul.links-back li.back-to-qa { width: 238px; } ul.links-back li.back-to-qa span { background: transparent url('../images/back-to-qa.gif') no-repeat scroll 0% 0%; } ul.links li.see-all { width: 240px; } ul.links li.see-all span { background: transparent url('../images/see-all.gif') no-repeat scroll 0% 0%; } ul.links li.send-to { width: 143px; } ul.links li.send-to span { background: transparent url('../images/send-to-friend.gif') no-repeat scroll 0% 0%; } ul.links li.apply-to-get-involved { width: 177px; margin-top: 20px; } ul.links li.apply-to-get-involved span { background: transparent url('../images/apply-to-get-involved.gif') no-repeat scroll 0% 0%; } ul.links li.meet-more { width: 175px; height: 34px; } ul.links li.meet-more span { background: transparent url('../images/meet-more.gif') no-repeat scroll 0% 0%; } #header ul.links { margin: 73px 20px 0pt 0pt; display: inline; } .links li.sub { margin: 2px 14px 0pt 0pt; clear: both; color: rgb(113, 113, 114); display: inline; } #col-a .links li, #col-b .links li { float: right; } #col-a .links li.sub { width: 460px; } #col-b .links li.sub { width: 216px; } div#episode-people { float: left; width: 416px; } div#episode-people div#col-a { float: left; width: 200px; } div#episode-people div#col-b { float: left; width: 200px; } div#episode-people p { float: left; width: 110px; padding-left: 10px; } div#episode-people p a { width: 150px; clear: both; } div#episode-people img { float: left; width: 75px; } div#app-form .box-content { padding: 0pt; width: 473px; background-color: rgb(255, 255, 255); } div#app-form h2 { margin: 15px 0pt; padding: 5px 8px; clear: both; color: rgb(0, 0, 0); background-color: rgb(240, 237, 212); } div#app-form fieldset#form-top h2 { padding-top: 2px; margin-top: 0pt; } div#app-form .form-left { margin: 2px 16px 0pt 3px; clear: both; float: left; text-align: right; width: 160px; } div#app-form .form-right { float: left; width: 246px; padding-bottom: 5px; } div#app-form .form-right-age { width: 246px; } div#app-form .form-right-age .text { clear: right; margin-right: 100px; } div#app-form input.checkbox { margin-left: 0pt; } div#app-form input.radio { margin-left: 0pt; } div#app-form input.text { margin: 0pt 30px 5px 0pt; padding: 1px 0pt; float: left; width: 245px; } div#app-form select.select { width: 247px; margin-bottom: 5px; } div#app-form textarea { margin: 0pt 30px 0pt 100px; width: 324px; } div#app-form input.text-small { width: 77px; margin-right: 5px; } div#app-form .form-right label { margin-right: 30px; } div#app-form .form-right input.upload { margin-bottom: 3px; width: 248px; } div#app-form p.full-width { margin: 0pt 6px 6px 12px; clear: both; } div#app-form p.full-width input, div#app-form p.full-width label { display: inline; vertical-align: middle; margin-right: 5px; } div#app-form p#success { clear: both; margin-left: 20px; } div#app-form .form-right p { clear: both; margin-bottom: 5px; } div#app-form .form-right div#input-tip { text-align: right; } div#app-form fieldset#form-submit .submit { margin: 0pt 47px 15px 0pt; float: right; } div#app-form .error { color: rgb(223, 15, 11); background-color: rgb(255, 255, 255); font-weight: bold; } div#app-form fieldset#form-top-error p { margin: 6px 10px 0pt; font-weight: bold; } div#app-form fieldset#form-top-error ul { margin: 5px 3px 5px 20px; } div#app-form .app-form-optional h2 { margin-bottom: 5px; } div#app-form p.form-full { margin: 0pt 0pt 6px 15px; text-align: left; width: 430px; } div#app-form p.form-full input, div#app-form p.form-full label { display: inline; vertical-align: middle; } .watch-episodes { clear: both; } .episodes-content { border-top: 1px solid rgb(229, 229, 229); clear: both; } .episodes-content img { border: 1px solid rgb(153, 153, 153); margin: 8px 0pt 14px; float: left; } .episodes-content h3 { margin: 6px 0pt 2px; color: rgb(223, 15, 11); font-size: 1em; } .episodes-content p { margin-bottom: 5px; } .episodes-content p.news-title { font-weight: bold; font-size: 1.1em; } .episodes-content p.watch-episode { margin-bottom: 8px; text-align: right; } .episodes-content .news-content-full { margin-left: 106px; } .see-all { float: right; text-align: right; } .news-category .category { border-top: 0pt none; } .news-category img { margin: 3px 6px 6px 0pt; float: left; } .news-category p { margin-bottom: 8px; } .news-category p.read-article { margin-bottom: 6px; text-align: right; } .news-left { float: left; width: 216px; margin-right: 12px; } .news-right { float: left; width: 216px; } .news-content { clear: both; } .news-content img { margin: 14px 10px 14px 0pt; float: left; } .news-content p { margin-bottom: 8px; } .news-content p.read-article { text-align: right; } .news-content .news-content-full { margin: 12px 0pt 0pt; } .news-content-full { margin-left: 86px; } .category-corp h2 { color: rgb(223, 15, 11); } .category-corp { border-top: 1px solid rgb(223, 15, 11); overflow: hidden; clear: both; width: 100%; } .category-corp-last { border-bottom: 1px solid rgb(223, 15, 11); } .category-sport h2 { color: rgb(103, 161, 3); } .category-sport { border-top: 1px solid rgb(103, 161, 3); overflow: hidden; clear: both; width: 100%; } .category-sport-last { border-bottom: 1px solid rgb(103, 161, 3); } .category-brand h2 { color: rgb(72, 131, 228); } .category-brand { border-top: 1px solid rgb(72, 131, 228); overflow: hidden; clear: both; width: 100%; } .category-brand-last { border-bottom: 1px solid rgb(72, 131, 228); } .category-advert h2 { color: rgb(245, 86, 0); } .category-advert { border-top: 1px solid rgb(245, 86, 0); overflow: hidden; clear: both; width: 100%; } .category-advert-last { border-bottom: 1px solid rgb(245, 86, 0); } .category-lgt h2 { color: rgb(168, 125, 20); } .category-lgt { border-top: 1px solid rgb(168, 125, 20); overflow: hidden; clear: both; width: 100%; } .category-lgt-last { border-bottom: 1px solid rgb(168, 125, 20); } .category-misc h2 { color: rgb(91, 52, 84); } .category-misc { border-top: 1px solid rgb(91, 52, 84); overflow: hidden; clear: both; width: 100%; } .category-misc-last { border-bottom: 1px solid rgb(91, 52, 84); } .category-corp img { border: 1px solid rgb(223, 15, 11); } .category-sport img { border: 1px solid rgb(103, 161, 3); } .category-brand img { border: 1px solid rgb(72, 131, 228); } .category-advert img { border: 1px solid rgb(245, 86, 0); } .category-lgt img { border: 1px solid rgb(168, 125, 20); } .category-misc img { border: 1px solid rgb(91, 52, 84); } .tags-content { clear: both; } .tags-content img { margin: 4px 0pt 14px; float: left; } .tags-content h2 { margin: 6px 0pt 2px; } .tags-content p { margin-bottom: 5px; } .tags-content p.news-title { font-weight: bold; font-size: 1.1em; } .tags-content p.read-article { margin-bottom: 8px; text-align: right; } .tags-content .news-content-full { margin-left: 106px; } .news-article { clear: both; margin-top: 20px; } .news-article img { float: left; margin-top: 2px; margin-bottom: 4px; } .news-article .news-article-full { margin-left: 214px; } .category-corp .news-article-full h3 { color: rgb(223, 15, 11); } .category-sport .news-article-full h3 { color: rgb(103, 161, 3); } .news-article .category-corp { border: 0pt none ; } .news-article .category-sport { border: 0pt none ; } .news-article .category-brand { border: 0pt none ; } .news-article .category-advert { border: 0pt none ; } .news-article .category-lgt { border: 0pt none ; } .news-article .category-misc { border: 0pt none ; } #article-subscribe-to { background: transparent url('../images/icon-rss.gif') no-repeat scroll left 6px; padding-top: 4px; padding-left: 20px; } .category-corp #article-subscribe-to { border-top: 1px solid rgb(223, 15, 11); clear: both; } .category-sport #article-subscribe-to { border-top: 1px solid rgb(103, 161, 3); clear: both; } .category-brand #article-subscribe-to { border-top: 1px solid rgb(72, 131, 228); clear: both; } .category-advert #article-subscribe-to { border-top: 1px solid rgb(245, 86, 0); clear: both; } .category-lgt #article-subscribe-to { border-top: 1px solid rgb(168, 125, 20); clear: both; } .category-misc #article-subscribe-to { border-top: 1px solid rgb(91, 52, 84); clear: both; } #tag-list-title { margin: 40px 0pt 4px; overflow: hidden; clear: both; font-weight: bold; width: 474px; } #tag-list { border-top: 1px solid rgb(102, 102, 102); border-bottom: 1px solid rgb(102, 102, 102); clear: both; list-style-type: none; list-style-image: none; list-style-position: outside; } #tag-list li { padding: 3px 8px; overflow: hidden; /*width: 458px;*/ margin-left: 0pt; } .row1 { background-color: rgb(241, 239, 215); } .row2 { background-color: rgb(255, 255, 255); } .box-content p { margin-bottom: 4px; } .explore-topics p { clear: both; margin-bottom: 4px; } .rss-subscribe img { margin: 6px 0pt; } .rss-subscribe p { margin: 0pt 0pt 3px; } .other-categories ul { list-style-type: none; list-style-image: none; list-style-position: outside; margin-bottom: 4px; } .other-categories li { margin-left: 0pt; } .related-items img { margin-top: 3px; } .related-items p { margin-bottom: 2px; } .related-items .read-article { margin-bottom: 12px; } .nowrap { white-space: nowrap; } .tags-list { margin: 0pt 5px 0pt 0pt; float: left; list-style-type: none; list-style-image: none; list-style-position: outside; } .tags-list li { margin: 0pt 5px 0pt 0pt; float: left; } #sort-by { width: auto; float: right; margin-top: 2px; height: 20px; } #sort-by p { float: left; margin-top: 2px; } #sort-by form { margin: 0pt 0pt 0pt 5px; float: left; } #subscribe-to { background: transparent url('../images/icon-rss.gif') no-repeat scroll left center; margin-top: 2px; float: right; padding-left: 20px; } #sort-by form label { font-size: 0.9em; float: left; margin-right: 5px; } #sort-by select { float: left; } #sort-by form input.submit { float: left; margin-left: 5px; } table#accessibility { margin-bottom: 14px; } table#accessibility th, table#accessibility td { padding: 2px 4px; font-size: 0.9em; } ul#footer { border-top: 1px solid rgb(255, 255, 255); margin: 0pt auto 40px; padding: 2px 0pt 20px; list-style-type: none; list-style-image: none; list-style-position: outside; width: 760px; } ul#footer li { margin: 0pt 1.4em 0pt 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; float: left; color: rgb(255, 255, 255); } ul#footer li.right { float: right; margin-right: 0pt; } ul#footer li a { color: rgb(255, 255, 255); text-decoration: none; } ul#footer li a:hover { text-decoration: underline; } form#footer-form { margin-bottom: 20px; } form#footer-form select { border: 1px solid rgb(255, 255, 255); color: rgb(255, 255, 255); background-color: rgb(223, 15, 11); } form#footer-form input.submit { border: 1px solid rgb(255, 255, 255); color: rgb(223, 15, 11); background-color: rgb(255, 255, 255); font-weight: bold; } #interact { margin: 0pt 0pt 0pt 2em; padding: 0pt; clear: none; width: 760px; display: inline; } #interact .call-to-action-carousel { margin: 5.6em 1em 0pt 0pt; float: right; padding-bottom: 0px; } #ingredients-what #interact .no-margin { margin: 0em 1em 0pt 10px; float: right; padding-bottom: 0px; } #interact .interact-tools { overflow: hidden; clear: both; width: 760px; } #factbox, #factbox-who { margin: 0.2em 0pt 0pt 1em; padding: 20px 0pt 40px 10px; width: 220px; float: left; } #factbox { background: transparent url('../images/fact_box_coke.jpg') no-repeat scroll left top; } #factbox-who { background: transparent url('../images/fact_box_who.jpg') no-repeat scroll left top; } #factbox p, #factbox-who p { width: 95px; color: rgb(198, 0, 0); font-size: 1.2em; font-weight: bold; line-height: 1em; } .interact-tools #factbox p a, .interact-tools #factbox-who p a { width: 120px; text-decoration: none; display: block; } .interact-tools #factbox p a.hover, .interact-tools #factbox p a.focus, .interact-tools #factbox-who p a.hover, .interact-tools #factbox-who p a.focus { text-decoration: underline; } #interact .interact-tools .box-one { margin: 0pt 1em 0pt 0pt; float: right; width: 475px; } #ingredients #interact .interact-tools .box-top { background: transparent url('../images/box-top-mid.gif') no-repeat scroll left top; } #ingredients #interact .interact-tools .box-bottom-graded { background: transparent url('../images/box-bottom-mid-graded-greycorner.gif') no-repeat scroll left bottom; float: left; padding-bottom: 5px; } #ingredients #interact .interact-tools .box-content { padding: 0px 14px; background: transparent url('../images/box-bg-form2.gif') repeat-x scroll left bottom; width: 444px; } .getflash { padding: 0.5em 0pt 0pt 2em; float: left; } ul.pagination li.nobackground { background: transparent none repeat scroll 0% 0%; } #frmHomeIngredient { float: left; width: 475px; height: 98px; padding-left: 30px ! important; } #qa #col-b .box-content input.text { width: 206px; } #frmHomeIngredient { float: left; width: 475px; height: 98px; padding-left: 30px ! important; } #frmHomeIngredient h2 { margin-bottom: 12px; } #ingredients #frmHomeIngredient .box-content textarea { width: 442px; } #frmHomeIngredient .box-content .submit { margin: 4px 0pt 5px; float: right; } #frmHomeIngredient .box-content p.float-l { margin: 4px 0pt 3px; float: left; width: 180px; } #frmHomeIngredient h2 { margin-bottom: 12px; } #ingredients #frmHomeIngredient .box-content textarea { width: 442px; } #frmHomeIngredient .box-content .submit { margin: 4px 0pt 5px; float: right; } #frmHomeIngredient .box-content p.float-l { margin: 4px 0pt 3px; float: left; width: 180px; } #ingredients-what form.box-content textarea { width: 442px ! important; height: 27px ! important; } #ingredients-what #interact .interact-tools .box-top { background: transparent url('../images/box-top-mid.gif') no-repeat scroll left top; padding-top: 3px; } #ingredients-what #interact .interact-tools .box-bottom-graded { background: transparent url('../images/box-bottom-mid-graded-greycorner.gif') no-repeat scroll left bottom; float: left; padding-bottom: 5px; } #ingredients-what #interact .interact-tools .box-content { padding: 2px 14px; background: transparent url('../images/box-bg-form2.gif') repeat-x scroll left bottom; width: 444px; } #ingredients-what #frmHomeIngredient .box-content textarea { width: 442px; } #qa div#main-search { margin: 0px 0pt 0pt; padding: 0px 0pt 7px; background: transparent url('../images/qa-search-wide.gif') no-repeat scroll left top; width: 760px; list-style-type: none; list-style-image: none; list-style-position: outside; float: left; height: 40px; } div#questions-answered { margin: 2.5em 0pt 1em; width: 478px; float: left; height: 35px; } div#questions-answered h2 { border-bottom: 2px solid rgb(230, 226, 183); float: left; width: 250px; color: rgb(115, 99, 87); padding-left: 6px; font-size: 1.1em; font-weight: bold; _padding-top: 20px; } div#questions-answered ul { color: rgb(115, 99, 87); font-size: 1.1em; float: right; } div#questions-answered ul li { display: inline; list-style-type: none; color: rgb(115, 99, 87); float: right; } ul#recent-helpful { margin: -20px 0pt 0pt -3px; _margin-top: 0px; height: 35px; list-style-image: none; list-style-position: outside; list-style-type: none; width: 222px; } ul#recent-helpful li.replace { margin: 0pt; float: left; display: inline; } ul#recent-helpful a { display: block; height: 35px; margin-top: 3px; text-decoration: none; } ul#recent-helpful a span { display: none; visibility: hidden; } ul#recent-helpful a.most-recent { background: transparent url('../images/most-recent.gif') no-repeat scroll 0% 0%; margin-left: 0px; width: 104px; } ul#recent-helpful a.most-helpful { background: transparent url('../images/most-helpful.gif') no-repeat scroll 0% 0%; width: 102px; margin-left: 0px; } ul#answers a.most-recent-on, ul#answers a.most-recent { background: transparent url('../images/most-recent-on.gif') no-repeat scroll 0% 0%; } ul#recent-helpful a.most-recent:hover, ul#answers a.most-recent-on { background: transparent url('../images/most-recent-on.gif') no-repeat scroll 0% 0%; } ul#recent-helpful a.most-helpful:hover, ul#answers a.most-helpful-on { background: transparent url('../images/most-helpful-on.gif') no-repeat scroll 0% 0%; } ul#recent-helpful a.most-recent-on { background: transparent url('../images/most-recent-on.gif') no-repeat scroll 0% 0%; margin-left: 0px; width: 104px; height: 35px; display: block; } ul#recent-helpful a.most-helpful-on { background: transparent url('../images/most-helpful-on.gif') no-repeat scroll 0% 0%; width: 102px; margin-left: 0px; } ul#recent-helpful a.most-helpful-on:hover, ul#answers a.most-helpful-on { background: transparent url('../images/most-helpful-on.gif') no-repeat scroll 0% 0%; } #qa .question-bubble { padding: 20px 6px 0pt 0pt; width: 477px; margin-top: 0.6em; color: rgb(255, 255, 255); font-size: 1.8em; } #qa .bubble1-bottom { padding: 2px 6px 1px 10px; background: transparent url('../images/speech-bubble-blue-bottom.gif') no-repeat scroll left bottom; width: 477px; margin-top: -1px; } #qa .bubble2-bottom { padding: 2px 6px 1px 10px; background: transparent url('../images/speech-bubble-green-bottom.gif') no-repeat scroll left bottom; width: 477px; margin-top: -1px; } #qa .bubble3-bottom { padding: 2px 6px 1px 10px; background: transparent url('../images/speech-bubble-red-bottom.gif') no-repeat scroll left bottom; width: 477px; margin-top: -1px; } #qa .question-bubble.bubble1 { background: transparent url('../images/speech-bubble-blue-top.gif') no-repeat scroll left top; } #qa div.name-date { margin-bottom: -2.2em; margin-left: 3em; font-weight: bold; } #qa #answer { margin-top: 17px; } #qa #question1 .name-date span.date { color: rgb(112, 181, 223); } #qa #question2 .name-date span.date { color: rgb(150, 188, 28); } #qa #question3 .name-date span.date { color: rgb(223, 15, 11); } #qa #question4 .name-date span.date { color: rgb(112, 181, 223); } #qa .question-bubble.bubble2 { background: transparent url('../images/speech-bubble-green-top.gif') no-repeat scroll left top; } #qa .question-bubble.bubble3 { background: transparent url('../images/speech-bubble-red-top.gif') no-repeat scroll left top; } #qa .question-bubble p { width: 430px; } #qa .question-bubble p a { padding: 0px 6px 0pt 0pt; color: rgb(255, 255, 255); margin-top: 20px; font-weight: bold; text-decoration: none; cursor: auto; } #qa #col-a .box { margin: 0.2em 0pt 1.3em; } #qa #col-a .box p { font-size: 0.9em; } #qa #col-a .box p a { } ul#rating-question { margin: -1em 0pt 0pt -1em; width: 500px; padding-bottom: 0.7em; } ul.rating-question { margin: -1em 0pt 0pt -1em; width: 500px; padding-bottom: 0.7em; } ul#rating-question li { display: inline; list-style-type: none; float: left; } ul.rating-question li { display: inline; list-style-type: none; float: left; } ul#rating-question li.thumbs-up { padding: 0.3em 0pt 0.8em 2.5em; background: transparent url('../images/thumbs-up.gif') no-repeat scroll left 0px; color: rgb(57, 181, 74); } ul.rating-question li.thumbs-up { padding: 0.3em 0pt 0.8em 2.5em; background: transparent url('../images/thumbs-up.gif') no-repeat scroll left 0px; color: rgb(57, 181, 74); } ul#rating-question li.thumbs-up1 { color: rgb(57, 181, 74); padding-bottom: 5px; } ul.rating-question li.thumbs-up1 { color: rgb(57, 181, 74); padding-bottom: 5px; } ul#rating-question li.thumbs-up1 a { color: rgb(57, 181, 74); } ul.rating-question li.thumbs-up1 a { color: rgb(57, 181, 74); } ul#rating-question li.thumbs-down { padding: 0.3em 0pt 0.8em 2.5em; background: transparent url('../images/thumbs-down.gif') no-repeat scroll left 0px; color: rgb(237, 28, 36); } ul.rating-question li.thumbs-down { padding: 0.3em 0pt 0.8em 2.5em; background: transparent url('../images/thumbs-down.gif') no-repeat scroll left 0px; color: rgb(237, 28, 36); } ul#rating-question li.thumbs-down1 { color: rgb(237, 28, 36); padding-bottom: 5px; } ul.rating-question li.thumbs-down1 { color: rgb(237, 28, 36); padding-bottom: 5px; } ul#rating-question li.thumbs-down1 a { color: rgb(237, 28, 36); } ul.rating-question li.thumbs-down1 a { color: rgb(237, 28, 36); } div.voting-thanks-yes { padding: 18px 0pt 50px; background: transparent url('../images/thanks_for_voting.gif') no-repeat scroll 18px 15px; width: 193px; display: block; } div.voting-thanks-no { padding: 18px 0pt 42px; background: transparent url('../images/thanks_for_voting.gif') no-repeat scroll 58px 15px; width: 350px; display: block; } .thumbs-up1 input.unclickable, .thumbs-down1 input.unclickable { cursor: default; } ul#rating-question li input { margin-bottom: -10px; } p.clock { background: transparent url('../images/clock.gif') no-repeat scroll 2px top; color: rgb(223, 15, 11); padding-left: 26px; margin-bottom: 3px; } div.box-top ul#pagination { margin: 0pt; padding: 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; float: right; } div.box-top ul#pagination li { margin: 0pt 0pt 0pt 0.1em; padding: 0pt 0pt 0pt 0.55em; list-style-type: none; list-style-image: none; list-style-position: outside; font-weight: bold; float: left; display: block; width: 15px; min-height: 18px; } div.box-top ul#pagination li.selected { background-image: url('../images/pagination_bg.gif'); background-position: left top; background-repeat: no-repeat; } div.box-top ul#pagination li a { color: rgb(193, 193, 193); text-decoration: none; } div.box-top ul#pagination li.selected a { color: rgb(255, 255, 255); text-decoration: none; } div.box-top ul#bookmarks { margin: 0pt; padding: 0pt; float: left; list-style-type: none; list-style-image: none; list-style-position: outside; } div.box-top ul#bookmarks li { margin: 0pt 12px 0pt 0pt; padding: 0pt; float: left; list-style-type: none; list-style-image: none; list-style-position: outside; } div.box-top ul#site-functions { margin: 0pt; padding: 0pt; float: right; list-style-type: none; list-style-image: none; list-style-position: outside; } div.box-top ul#site-functions li { margin: 0pt 3px 0pt 0pt; padding: 0pt 0pt 0pt 10px; float: left; list-style-type: none; list-style-image: none; list-style-position: outside; background-image: url('../images/site-functions-li-bg.gif'); background-position: left top; background-repeat: no-repeat; } div.box-top ul#site-functions li a { color: rgb(137, 136, 116); text-decoration: none; } div.box-top ul#site-functions li a span.send-friend { margin: 0pt; padding: 0pt 0pt 0pt 22px; display: block; background-image: url('../images/sendtofriend.gif'); background-position: left top; background-repeat: no-repeat; } div.box-top ul#site-functions li a span.print { margin: 0pt; padding: 0pt 0pt 0pt 22px; display: block; background-image: url('../images/printer.gif'); background-position: left top; background-repeat: no-repeat; } #main-search-wrapper { margin: 10px 0pt 0pt 30px; } #main-search-wrapper input.text { margin: 2px 15px; width: 435px; } #main-search-wrapper h2 { float: left; } .Search { background-image: url('../images/search.gif'); background-repeat: no-repeat; width: 67px; height: 13px; display: inline-table; } .Next { width: 23px; height: 20px; } .Previous { width: 23px; height: 20px; } .Previous a:hover { background-image: none ! important; } ul#keywords { margin: 0pt 0pt 30px; width: 100%; font-weight: bold; } ul#keywords li { margin: 0pt; padding: 0px 2px 0px 4px; display: inline; list-style-type: none; font-weight: normal; } ul#keywords li a { color: rgb(102, 102, 102); } label.error { color: red; } div#content div#get-together { margin: 0pt; padding: 0pt; height: 600px; background-image: url('../images/gettogethers_bg.jpg'); background-position: left top; background-repeat: no-repeat; } div#content div#get-together-content h1 { font-size: 1.4em ! important; margin-bottom: 15px; } div#content div#get-together-content h1.tabbed { margin-left: 10px; } div#content div#get-together-content { margin: 0pt; padding: 20px 0pt 0pt; background-image: url('../images/gettogethers_content_bg.jpg'); background-position: left top; background-repeat: no-repeat; } div#content div#get-together-content div#get-together-content-inner { margin: 0pt auto; width: 694px; } div#content div.tabbed-content { border-style: none solid; border-color: -moz-use-text-color rgb(226, 226, 226); border-width: medium 1px; margin: 0pt; padding: 0pt; background-image: url('../images/tabbed-bg.gif'); background-position: left bottom; background-repeat: repeat-x; background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); } div#content div.tabbed-content em { font-style: normal; font-weight: bold; } div#content div.tabbed-content div.comment-item, div#content div.tabbed-content div.lead { border-bottom: 1px solid rgb(226, 226, 226); margin: 0pt; padding: 10px; } div#content div.tabbed-content div.lead p { width: 280px; } div#content div.tabbed-content div.lead p.full-width { width: 100%; } div#content div.tabbed-content div.comment-item { overflow: hidden; } div#content div.tabbed-content div.comment-item h2 { color: rgb(102, 153, 0); } div#content div.tabbed-content div.comment-item h2 span { color: rgb(0, 0, 0); font-weight: normal; font-size: 0.8em; } div#content div.tabbed-content div.comment-item p { width: 470px; } div#content div.tabbed-content div.comment-item p.add-comment { float: right; text-align: right; } div#content div#get-together-content p.add-comment a { background-image: url('../images/arrow-right.gif'); background-position: left 0.2em; background-repeat: no-repeat; padding-left: 14px; } div#content div.tabbed-head { overflow: hidden; width: auto; } div#content div.tabbed-wrap ul.tab-nav { margin: 0pt; padding: 0pt; overflow: hidden; list-style-type: none; list-style-image: none; list-style-position: outside; width: 480px; float: left; } div#content div.tabbed-wrap ul.tab-nav li { margin: 0pt; padding: 4px 0pt 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; background-image: url('../images/tab-item-off.gif'); background-position: left top; background-repeat: no-repeat; float: left; width: 158px; min-height: 20px; text-align: center; color: rgb(0, 0, 0); font-weight: bold; display: block; } div#content div.tabbed-wrap ul.tab-nav li.active { background-image: url('../images/tab-item-on.gif'); } div#content div.tabbed-wrap ul.tab-nav li a { color: rgb(0, 0, 0); display: block; } div#content div.tabbed-wrap fieldset { margin: 0pt 0pt 0pt 12px; padding: 2px 0pt 0pt; } div#content div.tabbed-wrap select { width: 140px; } div#content div.comment-count { border-bottom: 1px solid rgb(218, 218, 218); overflow: hidden; width: 100%; } div#content div.comment-count p { float: left; padding-left: 12px; padding-top: 5px; } div#content div.comment-count div.pagination-bar-bottom { border: medium none ; } div#content div.comment-count div.pagination-bar { width: 250px; float: right; margin-right: 10px; } div#content div.together-interact { margin: 20px 0pt 0pt; padding: 0pt; overflow: hidden; width: 100%; } div.together-interact div.have-say-wrap { margin: 0pt; padding-bottom: 6px; width: 337px; float: left; background-image: url('../images/togheter-interact-bg-foot.gif'); background-position: left bottom; background-repeat: no-repeat; } div.together-interact div.have-say { margin: 0pt; padding: 15px 12px 0pt 15px; background-image: url('../images/have-say-bg.gif'); background-position: left top; background-repeat: no-repeat; } div.together-interact div.poll-wrap { margin: 0pt; padding-bottom: 6px; width: 337px; float: right; background-image: url('../images/togheter-interact-bg-foot.gif'); background-position: left bottom; background-repeat: no-repeat; } div.together-interact div.poll { margin: 0pt; padding: 15px 12px 0pt 15px; background-image: url('../images/poll-bg.gif'); background-position: left top; background-repeat: no-repeat; } div.together-interact p { font-size: 1em; margin-bottom: 1em; line-height: 1.3em; color: rgb(0, 0, 0); } div.together-interact em { font-style: normal; font-weight: bold; color: rgb(0, 0, 0); } div.together-interact h3 { color: rgb(0, 0, 0); margin-bottom: 15px; } div.together-interact label { color: rgb(0, 0, 0); font-weight: bold; display: block; } div.together-interact div.form-field { margin-bottom: 10px; } div.together-interact textarea { width: 270px; height: 120px; } div.together-interact div.radio-input { clear: both; margin-bottom: 12px; } div.together-interact div.radio-input input.radio { float: left; width: 20px; } div.together-interact div.poll-postcode { overflow: hidden; width: 100%; height: 40px; } div.together-interact div.poll-postcode input.text { margin-top: 4px; margin-right: 10px; margin-bottom: 12px; float: left; display: block; width: 90px; } div.together-interact div.poll-postcode input.submit { float: left; display: block; width: 90px; } div#get-together-content div.coke-illustration { padding-bottom: 180px; background-image: url('../images/coke_swoosh.jpg'); background-position: left bottom; background-repeat: no-repeat; } div#get-together-content div.together-video-wrap { margin: 0pt 15px 0pt 10px; overflow: hidden; } div#get-together-content div.together-video-cont { margin: 0pt; padding: 0pt; float: left; width: 223px; } div#get-together-content div.together-video { margin: 0pt; padding: 0pt; float: right; width: 425px; } div#get-together-content div.transcript { margin: 0pt; padding: 0pt 0pt 5px; background-image: url('../images/transcript-bot.gif'); background-position: left bottom; background-repeat: no-repeat; width: 683px; } div#get-together-content div.transcript-content { margin: 0pt; padding: 20px 15px 1px; background-image: url('../images/transcript-top.jpg'); background-position: left top; background-repeat: no-repeat; background-color: rgb(241, 238, 215); } div#get-together-content div.detailed-get-together { margin: 0pt auto; padding: 0pt; overflow: hidden; width: 686px; } div#get-together-content div.detailed-get-together div.col-a { width: 425px; float: left; } div.col-a div#read-others-views { position: relative; width: 424px; height: 249px; background-image: url('../images/read-others-views.jpg'); margin-top: 20px; } div.col-a div#read-others-views div#read-others-content { position: absolute; top: 70px; left: 225px; width: 190px; } div.col-a div#related-questions { margin: 20px 0pt; background: transparent url('../images/related-questions-div-bg.gif') no-repeat scroll left bottom; width: 424px; padding-bottom: 10px; } div.col-a div#related-questions p.first { margin-top: 15px; } div.col-a div#related-questions p { margin-left: 15px; } div.col-a div#related-questions ul#related-questions-list { list-style-type: none; margin-bottom: 15px; } div.col-a div#related-questions ul#related-questions-list li { height: 26px; margin-bottom: 10px; margin-left: 10px; } div.col-a div#related-questions ul#related-questions-list li a { background: transparent url('../images/off.gif') no-repeat scroll 3px 2px; line-height: 1.2em; width: 380px; padding-left: 20px; text-decoration: none; display: block; height: 100%; } div.col-a div#related-questions ul#related-questions-list li a:hover { background: transparent url('../images/on-gettogethers-details.png') no-repeat scroll 0pt 0pt; color: white; } div.col-a div#ask-question { width: 424px; height: 125px; position: relative; background-image: url('../images/ask-div-bg.gif'); } div.col-a div#ask-question img#got-question { position: absolute; top: 15px; left: 15px; } div.col-a div#ask-question form fieldset textarea#your-question { border: 1px solid rgb(158, 158, 158); width: 325px; position: absolute; left: 15px; top: 35px; } div.col-a div#ask-question form fieldset input#submit-question { position: absolute; top: 50px; left: 348px; } div#get-together-content div.detailed-get-together div.col-b { width: 246px; float: right; } div#get-together-content div.detailed-get-together div.col-b ol#did-you-know-list { margin: 0pt; font-size: 1em; list-style-position: outside; list-style-type: none; } div#get-together-content div.detailed-get-together div.col-b ol#did-you-know-list li { margin: 0pt; overflow: hidden; list-style-position: outside; } div#get-together-content div.detailed-get-together div.col-b ol#did-you-know-list li span { display: block; padding-left: 15px; } div#get-together-content div.detailed-get-together div.col-b ol#did-you-know-list li.no1 span { background: transparent url('../images/ol-1.gif') no-repeat scroll left top; } div#get-together-content div.detailed-get-together div.col-b ol#did-you-know-list li.no2 span { background: transparent url('../images/ol-2.gif') no-repeat scroll left top; } div#get-together-content div.detailed-get-together div.col-b ol#did-you-know-list li.no3 span { background: transparent url('../images/ol-3.gif') no-repeat scroll left top; } div#get-together-content div.detailed-get-together div.col-b ol#did-you-know-list li.no4 span { background: transparent url('../images/ol-4.gif') no-repeat scroll left top; } div#get-together-content div.detailed-get-together div.col-b ol#did-you-know-list li.no5 span { background: transparent url('../images/ol-5.gif') no-repeat scroll left top; } div#get-together-content div.detailed-get-together img.related-photos-button { margin-right: 8px; } div#get-together-content div.detailed-get-together div.col-b hr { border: medium none ; color: rgb(224, 224, 224); background-color: rgb(224, 224, 224); height: 1px; margin-bottom: 20px; } div.col-a div#sharing { background: transparent url('../images/sharing-bg.gif') no-repeat scroll left top; width: 424px; height: 29px; position: relative; padding-left: 10px; padding-top: 4px; } div.col-a div#sharing img.share-link { margin-right: 10px; } a.first-share { margin-left: 80px; } div.col-a div#sharing a#stf { position: absolute; color: rgb(102, 102, 102); top: 4px; left: 340px; } div.col-b div#panel-members { background: transparent url('../images/panel-members-div-bg.gif') no-repeat scroll left bottom; width: 246px; position: relative; } div.col-b div#panel-members img#panel-title { margin: 5px; } div.col-b div#panel-members img#panel-members-div-top { position: absolute; top: -7px; left: 0pt; } div.col-b div#panel-members div.panel-comment { border-bottom: 1px solid rgb(230, 226, 183); margin: 10px; } div.col-b div#panel-members div.panel-comment img.panel-mugshot { border: 1px solid rgb(153, 153, 153); float: left; margin-right: 10px; } div.col-b div#panel-members div.panel-comment p.panel-quote { width: 150px; float: left; } div.col-b div#panel-members div.panel-comment p.panel-attrib { color: black; } div.col-b ul.related-links { list-style-image: url('../images/next_bullet.gif'); margin-top: 10px; margin-left: 10px; } div#photo-nav { margin: 0pt 10px; position: relative; } div#photo-nav div.photo-pagination-bar { position: absolute; top: 0pt; right: 0pt; } div#photo-scroller { margin: 0pt auto; position: relative; height: 112px; width: 660px; background-image: url('../images/photo-scroller-bg.gif'); } div#photo-scroller img#photo-scroller-left { position: absolute; top: 0pt; left: 0pt; } div#photo-scroller img#photo-scroller-right { position: absolute; top: 0pt; right: 0pt; } div#photo-scroller img#photo-scroller-button-left { position: absolute; top: 38px; left: 28px; } div#photo-scroller img#photo-scroller-button-right { position: absolute; top: 38px; right: 28px; } div#photo-scroller ul.photo-thumbs { position: absolute; top: 18px; left: 65px; } div#photo-scroller ul.photo-thumbs li { display: inline; list-style-type: none; padding-right: 5px; } div#photo-scroller ul.photo-thumbs li img { border: 1px solid rgb(192, 192, 192); } div#photo-scroller ul.photo-thumbs { position: absolute; top: 18px; left: 65px; } div#photo-scroller ul.photo-thumbs li { display: inline; list-style-type: none; padding-right: 5px; } div#photo-scroller ul.photo-thumbs li img { border: 1px solid rgb(192, 192, 192); } div#photo-scroller ul.photo-thumbs li.current img { border: 2px solid rgb(223, 16, 10); } div#photo-large { border: 1px solid rgb(153, 153, 153); margin: 18px auto; width: 357px; height: 267px; } div#photo-caption { margin: 18px auto; width: 357px; } div#get-together-content div.video-teaser { margin: 0pt; padding: 0pt; overflow: hidden; width: 100%; } div#get-together-content div.video-teaser div.video-item { margin: 0pt 10px 15px 0pt; padding: 0pt; width: 230px; float: left; } div#get-together-content div.video-teaser div.video-item p.video-thumb { width: 112px; float: left; } div#get-together-content div.video-teaser div.video-item-content { width: 105px; float: right; } div#get-together-content div.video-teaser div.video-item-content p { margin-bottom: 0pt; } div#get-together-content div.video-teaser div.video-item-content p a { color: rgb(102, 102, 102); } input.UnClickable { cursor: pointer; } div.ThankForVotingJSHelpFull { width: 171px; height: 45px; background-image: url('../images/thanks_for_voting.gif'); background-repeat: no-repeat; margin-left: 27px; margin-top: -4px; } div.ThankForVotingJSUnHelpFull { width: 171px; height: 45px; background-image: url('../images/thanks_for_voting.gif'); background-repeat: no-repeat; margin-left: 72px; margin-top: -4px; } p.RelatedTopic { font-weight: bold; } a.nowrap { white-space: nowrap; } li.rate-answer { margin-top: 6px; color: rgb(137, 136, 116); } a.get-flash { text-decoration: underline ! important; cursor: pointer ! important; font-size: 0.57em ! important; } a.get-flash:hover { } .marginfix-top { margin-top: 17px; } div.box-top ul#pagination li.selectedGallery { background-image: url('../images/pagination_bg.gif'); background-position: 8px top; background-repeat: no-repeat; } div.box-top ul#pagination li.Gallery { width: 25px ! important; } .FileErrorIE6 { margin-left: 165px ! important; } span.HaveYouSayPollPostcodeError { margin-top: -10px; } div#map-box div#map-box-inner { position: relative; top: 3px; left: 3px; width: 671px; height: 351px; } a#fHelp { position: absolute; top: 0pt; left: 0pt; } div#content div.tabbed-content div.lead div#map-box div.bubble h2.cc-initiatives { color: rgb(146, 183, 28); } div#map-box div.bubble p { width: auto ! important; } div#map-box div.bubble p.fine-print { font-size: 0.7em; } div#map-box div#oHelp { width: 220px; height: 351px; position: absolute; right: 0px; top: 0px; background-color: rgb(255, 255, 255); } div#map-box div#oHelp h2 { margin: 20px 10px 10px; } div#map-box div#oHelp p { width: auto; margin-left: 10px; margin-right: 10px; } div#map-box div#oHelp p.close-help-link { text-align: right; } div#map-controls { margin: 10px auto; position: relative; width: 660px; height: 36px; } div.lead div#map-controls a#fHelp { position: absolute; margin-left: 0pt; top: -415px; left: 550px; } div#map-box div.bubble { width: 300px; } div#map-controls span { font-weight: bold; position: relative; top: -11px; } div#map-controls input { position: relative; top: -8px; margin-right: 35px; } div.poll form fieldset p.view-results { margin-bottom: 0pt; } div#map-controls a { margin-left: 190px; } img#did-you-know { margin-bottom: 8px; } div.lead div#map-controls form a#fHelp { position: absolute; margin-left: 0pt; top: -415px; left: 550px; } div#map-box div.bubble { width: 300px; } div#map-controls form span { font-weight: bold; position: relative; top: -11px; } div#map-controls form input { position: relative; top: -8px; margin-right: 35px; } div.poll form fieldset p.view-results { margin-bottom: 0pt; } div#map-controls form a { margin-left: 190px; } img#did-you-know { margin-bottom: 8px; } div#map-box { margin: 0pt auto; position: relative; width: 677px; height: 357px; background-image: url('../images/map-box.jpg'); } div#map-box div#map-box-inner { position: relative; top: 3px; left: 3px; width: 671px; height: 351px; } div#map-controls { margin: 10px auto; position: relative; width: 660px; height: 36px; } .DisableMemberName { cursor: auto; text-decoration: none; } .MapHowToUse { padding: 10px 5px 10px 10px; background-color: white; float: right; height: 332px; left: 433px; position: absolute; top: 2px; width: 230px; display: none; } .MapHowToUse p { width: auto ! important; } div.MapHowToUse a#closeWindow { background-image: url('../images/arrow-right.gif'); background-position: left 0.2em; background-repeat: no-repeat; padding-left: 14px; float: right; margin-right: 10px; margin-top: 20px; } .MapItem { overflow: auto; display: block; max-width: 400px; } .MapItem h1 { font-size: 1.4em ! important; margin-bottom: 0px ! important; } .MapItem p, .MapItem ol, .MapItem li, .MapItem div { width: auto; } .MapComment h1 { color: rgb(95, 130, 40); } .MapComment span.Submitted { font-size: 0.9em; color: Gray; } .MapComment .Text { overflow: auto; margin-top: 10px ! important; font-size: 0.9em; max-width: 250px; max-height: 100px; } .MapComment p { width: auto ! important; } .MapComment a { margin-bottom: 10px; } .MapInitiative { max-width: 480px ! important; max-height: 500px; display: table; } .MapInitiative .Wrapper { clear: both; display: table ! important; } .MapInitiative li { margin-left: 0px ! important; } .MapInitiative ol, .MapInitiative p { margin-bottom: 2px ! important; } .MapInitiative h1 { font-size: 1.4em ! important; margin-bottom: 0px ! important; } .MapInitiative ol { list-style-type: none; display: inline; } .MapInitiative ol li { background-image: url('../images/initiative_li.gif'); background-repeat: no-repeat; list-style-type: none; background-position: left 5px; padding-left: 10px; } .MapInitiative p.Name { font-size: 1.2em; } .MapInitiative div.InnerContent { overflow: auto; margin-bottom: 10px; max-width: 200px; min-height: 100px; max-height: 300px; float: left; } .MapInitiative div.InnerContent p, .MapInitiative div.InnerContent ol, .MapInitiative div.InnerContent img { width: auto ! important; } .MapInitiative img.Thumbnail { top: 17px; margin-left: 5px; float: left; } .MapInitiative a { clear: both; } .PostCodeErrorMessage { } .PollMarkerWrapper { } /* ::::: http://www.letsgettogether.co.uk/StaticHTML/_format/styles/bad-tags.css ::::: */ font, b, i, u, blink, marquee, big, small, center, layer { border: 2px dashed green; background: yellow none repeat scroll 0% 0%; font-size: 30px; color: red; font-weight: bolder; } /* ::::: http://www.letsgettogether.co.uk/Resources/css/pycoStyleSheet.css ::::: */ #container { padding: 0pt; width: 100%; margin-top: 30px; margin-left: 20px; } #navigatorLeft { width: 440px; } #navigatorRight { float: right; width: 275px; margin-top: 0px; margin-right: 25px; } #askQuestion { background-color: gray; width: 275px; height: 50px; } #searchQuestion { border: 1px solid black; background-color: gray; width: 275px; height: 50px; } #inputAsk, #headerAsk { margin-left: 10px; margin-top: 2px; } #inputButton { margin-left: 145px; margin-top: -22px; } #topic { border: 1px solid black; background-color: gray; width: 275px; } #featuredQuestion { background-color: gray; width: 440px; color: Black; clear: left; } #inputYes { margin-left: 220px; margin-top: -20px; } #inputNo { margin-left: 263px; margin-top: -20px; } #recentHottest { background-color: White; width: 440px; color: Blue; clear: left; } #bottomOtherSite { float: left; margin-left: 446px; margin-top: 100px; height: 25px; } #go { margin-top: -22px; margin-left: 253px; } #progressBar { margin-top: 10px; } #page { float: left; margin-top: -17px; margin-left: 280px; } #pageBottom { float: left; margin-top: -17px; margin-left: 280px; } #progressBarHelpful { margin-top: -15px; margin-left: 60px; } #progressBarUnHelpful { margin-top: -13px; margin-left: 60px; } #peopleUnHelpful { margin-top: -13px; margin-left: 165px; } #peopleHelpful { margin-top: -13px; margin-left: 165px; } #recent { background-color: White; color: Black; clear: left; } #hottest { margin-top: -21px; margin-left: 115px; } #HelpfulOrRecent { margin-top: -21px; margin-left: 85px; } #small { font-size: 12px; } #medium { font-size: 16px; } #large { font-size: 24px; } #larger { font-size: 32px; } #none { text-decoration: none; color: Blue; } #frmQuestionsAnswers .box-content textarea { width: 206px; } #frmQuestionsAnswers .box-content .submit { margin: 12px 0pt 11px; float: right; } #submitquestion p.form-left { margin: 2px 8px 0pt 3px; clear: both; float: left; display: inline; text-align: right; width: 180px; } #submitquestion input.text { margin: 0pt 10px 5px 0pt; padding: 1px 0pt; float: left; width: 214px; } #submitquestion textarea { width: 214px; } div#app-form fieldset.form-top h2 { padding-top: 2px; margin-top: 0pt; } div#app-form fieldset.form-top-error p { margin: 6px 10px 0pt; font-weight: bold; } div#app-form fieldset.form-top-error ul { margin: 5px 3px 0pt 20px; } div#app-form fieldset.disappear { display: none; } div#app-form fieldset.appear { display: block; } div#outer fieldset#form-top-error p { margin: 6px 10px 0pt; font-weight: bold; color: rgb(223, 15, 11); } div#outer fieldset#form-top-error ul { margin: 5px 3px 5px 20px; color: rgb(223, 15, 11); font-weight: bold; } div#outer fieldset.form-top h2 { padding-top: 2px; margin-top: 0pt; } div.inner #helpful div { margin: 2px 0pt 8px 60px; float: left; } div.inner #helpful div input.button { margin: 4px 6px 0pt 0pt; padding: 0pt 22px; } #qa #col-b #search-answers { background: rgb(255, 255, 255) url('../images/box-bg-small.gif') repeat-x scroll left bottom; } #qa div.box-content .submit { margin: 12px 0pt 11px; float: right; } .helpful-bar div { margin: 0px ! important; } form#submitquestion .error { background-color: rgb(255, 255, 255); color: rgb(223, 15, 11); font-weight: bold; } /* ::::: null ::::: */ #media { visibility: hidden; } /* ::::: null ::::: */ #home-flash { visibility: hidden; } /* ::::: null ::::: */ #home-flash { width: 354px; height: 160px; } #bottom { background:#D50430 url('../images/bg_bottom.gif') repeat-x scroll 0 0; clear:both; color:#EFC5C6; display:none; height:26px; left:0; margin:0; position:absolute; width:100%; z-index:5; } #bottom .center { background:transparent url('../images/bg_bottom_menu.gif') no-repeat scroll 0 0; height:100%; margin:0 auto; width:736px; } #bottom a#cc-link { background-image:url('../images/bg_cc.gif'); margin-left:105px; width:58px; } #bottom a { background:transparent none no-repeat scroll 0 0; display:block; float:left; height:100%; margin:0 0 0 27px; text-decoration:none; } #bottom a:hover { background-position:0 -26px; } #bottom a#ccl-link { background-image:url('../images/bg_ccl.gif'); margin-left:30px; width:82px; } #bottom a#ccz-link { background-image:url('../images/bg_ccz.gif'); margin-left:30px; width:81px; } #bottom a#mcz-link { background-image:url('../images/bg_mcz.gif'); margin-left:30px; width:69px; } #bottom a#ccp-link { background-image:url('../images/bg_ccp.gif'); margin-left:30px; width:96px; } #bottom a#cchf-link { background-image:url('../images/bg_hf.gif'); margin-left:30px; width:94px; } #bottom a span { display:none; }