/* Main stylesheet for Little Me Version 1.0 Colours: Black: #000 Brown text: #662907 Pink Text: #e4319a Purple Text: #8c3591 */ /* Import reset styles */ @import url("reset.css"); /* Sticky footer */ html, body, #wrapper {height: 100%;} body > #wrapper {height: auto; min-height: 100%;} body:before {content: ""; height: 100%; float: left; width: 0; margin-top: -32767px;} body {background: #fff; font: normal 62.5%/1.5em Georgia, "Times New Roman", Times, serif; color: #000;} #wrapper {margin: 0 auto; width: 1000px;} /****** GENERAL ******/ p, li, label, a {font: 13px/19px Georgia, "Times New Roman", Times, serif;} p {margin: 0 0 14px;} p.largetext {font-size: 17px; line-height: 26px; margin: 0 0 17px;} p span {color: #96338c;} a, a:visited {color: #e4319a; text-decoration: none;} a:hover {color: #96338c;} a img {border: none;} h2 {font: 30px/36px Georgia, "Times New Roman", Times, serif; color: #96338c; margin: 0 0 20px 0;} h3 {font: 18px/26px Georgia, "Times New Roman", Times, serif; color: #96338c; margin: 0 0 10px 0;} .clear {clear: both;} .hidden {display: none;} strong, .boldtext {font-weight: bold;} .italic {font-style: italic;} .uppercase {text-transform: uppercase;} .imgleft {float: left; padding: 0 5px 5px 0;} .imgright {float: right; padding: 0 0 5px 5px;} .taright {text-align: right;} /****** MODAL BOX ******/ a.modallink {outline: none;} #overlay {background-color: #000; position: absolute; top: 0; left: 0; z-index: 20000; display: none;} div.modalbox {width: 516px; position: fixed; z-index: 21000; display: none;} #rafwrapper {height: 390px;} #privacywrapper {height: 324px;} #termswrapper {height: 590px;} #rafmodal {min-height: 350px; width: 476px; margin: 20px; position: relative;} #rafformheader {background: url('../images/raf-lightbox-header-bg.png') 0 0 no-repeat; height: 70px;} #rafformmain {background: url('../images/raf-lightbox-main-bg.png') 0 bottom no-repeat;} .privacymodal {background: url('../images/privacy-lightbox-bg.png') 0 0 no-repeat; height: 204px; width: 440px; margin: 20px; position: relative; padding: 80px 18px 0;} .competition_privacymodal {background: url('../images/privacy-lightbox-bg.png') 0 0 no-repeat; height: 224px; width: 440px; margin: 20px; position: relative; padding: 60px 18px 0;} .competition_privacymodal p { margin-bottom: 5px } #termsmodal {background: url('../images/terms-lightbox-bg.png') 0 0 no-repeat; height: 470px; width: 440px; margin: 20px; position: relative; padding: 80px 18px 0;} div.modalbox h3 {position: absolute; top: 18px; left: 18px; color: #e4319a; font-size: 33px; font-family: Georgia, "Times New Roman", Times, serif;} #rafformcontainer {display: block; margin: 0 auto; width: 440px; position: relative;} #rafform fieldset {margin: 0 0 15px;} #rafform label {display: block; color: #8f3991; float: left; width: 160px; font-size: 13px; line-height: 23px;} #rafform span {color: #e4319a;} #rafform div {margin: 0 0 6px; position: relative;} #rafform input, #rafform textarea {padding: 2px 5px; width: 260px; border: 1px solid #d7d7d7; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif;} #rafform textarea {height: 80px;} input#rafsubmit {background: url('../images/raf-send-button.png') 0 0 no-repeat; position: absolute; right: 10px; bottom: -18px; width: 95px; height: 23px; border: none; cursor: pointer; text-indent: -9999px; font-size: 0; line-height: 0;} input#rafsubmit:hover {background-position: 0 -23px;} #rafform #submitbutton {padding: 0 0 0 160px;} #rafform #submitbutton p {width: 140px; float: left; color: #8f3991;} div.modalbox ul {margin: 0 0 14px;} div.modalbox ul li {list-style: disc; margin: 0 0 0 14px;} #rafmodal ul#rafform_errors {margin: 0;} #rafmodal ul#rafform_errors li {margin: 0 0 5px; list-style: none;} #rafmodal ul#rafform_errors li label {width: 100%; float: none; color: #e4319a; line-height: 19px;} div.modalbox p, div.modalbox li {font-size: 12px; font-style: italic;} .closeicon {position: absolute; height: 32px; width: 32px; top: -10px; right: 0;} .closelinkbottom {font-size: 13px; color: #e4319a; position: absolute; width: 100px; left: 18px; bottom: 15px; text-decoration: underline;} .closelinkbottom:hover {color: #333;} #frame {position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; margin: 0; border: 0; padding: 0;} /****** HEADER ******/ #headerwrapper {background: url('../images/butterfly.png') 180px 87px no-repeat; height: 190px; width: 1000px;} #header {height: 130px; position: relative; width: 940px; padding: 0 30px;} #headerlogo {position: absolute; left: 30px; top: 5px; margin: 0;} #header p {font-size: 14px; position: absolute; right: 40px; top: 10px; margin: 0; height: 28px; line-height: 28px; width: 400px; text-align: right;} #header a img {vertical-align: middle;} #header a.raflink {background: url('../images/heart.png') left center no-repeat; padding: 0 0 0 22px;} #header a.sociallink {margin: 0 0 0 5px;} #header a.twitter {margin: 0 0 0 25px;} #header span {color: #c0ab9c; font-size: 16px; margin: 0 10px;} /****** NAVIGATION ******/ #nav {height: 60px; width: 1000px;} #nav li {float: left;} #nav a, #nav a:visited {background: url('../images/navigation-sprite.png') 0 0 no-repeat; height: 60px; display: block; outline: none;} #nav a.navblog, #nav a:visited.navblog {background-position: 0 0; width: 137px;} #nav a:hover.navblog, #nav li.active a.navblog {background-position: 0 -60px;} #nav a.navstory, #nav a:visited.navstory {background-position: -137px 0; width: 167px;} #nav a:hover.navstory, #nav li.active a.navstory {background-position: -137px -60px;} #nav a.navproducts, #nav a:visited.navproducts {background-position: -304px 0; width: 162px;} #nav a:hover.navproducts, #nav li.active a.navproducts {background-position: -304px -60px;} #nav a.navingredients, #nav a:visited.navingredients {background-position: -466px 0; width: 187px;} #nav a:hover.navingredients, #nav li.active a.navingredients {background-position: -466px -60px;} #nav a.navclub, #nav a:visited.navclub {background-position: -653px 0; width: 98px;} #nav a:hover.navclub, #nav li.active a.navclub {background-position: -653px -60px;} #nav a.navcompetitions, #nav a:visited.navcompetitions {background-position: -751px 0; width: 249px;} #nav a:hover.navcompetitions, #nav li.active a.navcompetitions {background-position: -751px -60px;} /****** CONTENT ******/ #content {padding: 20px 20px 270px;} #legalcontent {width: 610px; padding: 10px 20px 30px;} #wtbcontent {width: 810px; padding: 10px 20px 30px;} #leftcolumn {float: left; width: 420px; padding: 10px 0 30px 20px;} #rightcolumn {float: right; width: 460px; padding: 10px 10px 30px 0;} body#ourstory #leftcolumn {float: left; width: 500px; padding: 10px 0 30px 20px;} body#ourstory #rightcolumn {float: right; width: 440px; padding: 10px 0 30px;} body#ingredients #leftcolumn {float: left; width: 380px; padding: 10px 0 30px 20px;} body#ingredients #rightcolumn {float: right; width: 510px; padding: 10px 10px 30px 0;} body#competitions #leftcolumn {float: left; width: 290px; padding: 10px 0 30px 20px;} body#competitions #rightcolumn{float: right; width: 340px; padding: 10px 0 30px;} body#competitions #content {background: url(../images/competition-question-bg.jpg) 290px 20px no-repeat; min-height: 542px; position: relative;} /** Home **/ #headline {border-bottom: 1px solid #ccc; position: relative; margin: 0 20px;} #headline p {color: #662907; font-size: 15px; line-height: 23px; padding: 11px 135px 11px 20px; margin: 0;} a#headlinereadon {background: url('../images/read-on-button.png') 0 0 no-repeat; position: absolute; top: 11px; right: 20px; height: 24px; width: 91px; outline: none;} a#headlinereadon.opened {background: url('../images/im-done-button.png') 0 0 no-repeat;} span.extratext {display: block; color: #662907;} div.homecolumn {float: left; width: 320px;} div.homecolumn img {padding: 13px 0;} div.homecolumn p {font-size: 14px; min-height: 135px; padding: 20px; color: #662907; margin: 0;} div.homecolumn a.productlink {background: url('../images/product-link-bg.png') 0 0 no-repeat; display: block; height: 38px; width: 220px; padding: 0 0 0 66px; line-height: 38px; color: #662907; font-size: 16px; margin: 0 0 0 10px;} div.homecolumn a.productlink:hover {color: #96338c;} span.baby {color: #00b6e4;} span.mum {color: #e4319a;} #freesamples {background: url('../images/latest-offer-bg.jpg') 0 0 no-repeat; height: 291px; position: relative;} #tips {background: url('../images/tips-bg.png') 0 0 no-repeat; height: 82px; margin: 0 0 0 10px; padding: 22px 20px 0 72px; position: relative;} #tips p {color: #fff; padding: 0; position: relative; min-height: 0; margin: 0;} #tips p a.morelink {position: absolute; right: 0; bottom: 0; text-decoration: underline;} #samplesform {position: absolute; top: 170px; left: 35px; width: 150px;} #samplesform label {display: block; margin: 0 0 5px; color: #7e0c4e; font-size: 15px;} #samplesform input {border: 1px solid #ccc; padding: 2px 3px; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; width: 144px; margin: 0 0 5px;} input#samplesubmit {background: url('../images/send-button.png') 0 0 no-repeat; float: right; width: 57px; height: 24px; border: none; cursor: pointer; text-indent: -9999px; font-size: 0; line-height: 0;} /** Blog **/ #blogcontent {float: left; width: 620px;} div.blogpost {margin: 0 0 50px 0;} div.blogpost img {display: block; margin: 0 auto 20px;} #blogcontent h3 {margin: 0 0 25px; padding: 0 10px;} #blogcontent h4 {font-size: 22px; line-height: 22px; color: #96338c; padding: 0 10px 15px; border-bottom: 1px solid #d7d7d7;} #blogcontent h4 a, #blogcontent h4 a:visited {font-size: 22px; line-height: 22px; color: #96338c; text-decoration: none;} #blogcontent h4 a:hover {color: #e4319a;} #blogcontent p {font-size: 13px; line-height: 19px; padding: 0 10px; margin: 0 0 12px;} #blogcontent ol {padding: 0 10px; margin: 0 0 0 30px;} #blogcontent ol li {list-style: decimal;} #blogcontent a, #blogcontent a:visited {color: #e4319a; text-decoration: underline;} #blogcontent a:hover {color: #96338c;} #blogcontent p.postauthor {color: #96338c; margin: 11px 0 14px;} #blogcontent .postdetails {margin: 35px 0 0 0; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; overflow: hidden; height: 35px;} #blogcontent p.tags {font-size: 11px; line-height: 20px; margin: 5px 0 0;} #blogcontent p.tags a {margin: 0 2px;} #blogcontent .postdetails p {line-height: 35px; margin: 0;} #blogcontent .commentdetails {float: left; width: 280px;} #blogcontent .sharethis {float: right; width: 320px; text-align: right;} #blogcontent .commentdetails a {margin: 0 11px 0 0;} #blogcontent a.addcomment {background: url('../images/comments-icon.png') right center no-repeat; padding: 0 25px 0 0;} #blogcontent .sharethis a {margin: 0 0 0 11px;} #blogcontent span {color: #c21258; margin: 0 4px;} #blogsidebar {float: right; width: 230px;} div.sidebarsection, div.sidebartopsection {padding: 0 5px; margin: 0 0 30px 0;} div.sidebarsection {padding: 14px 5px 0; border-top: 1px solid #d7d7d7;} #blogsidebar h5 {font-size: 17px; line-height: 17px; color: #96338c; margin: 0 0 15px;} #blogsidebar img {margin: 0 5px 0 0;} div.sidebarsection ul a, div.sidebarsection ul a:visited {font-size: 12px; line-height: 22px;} #blogsearch {height: 23px; width: 220px;} #blogsearchinput {float: left; height: 23px; width: 174px;} #blogsearchbutton {float: left; height: 23px; width: 46px; text-align: right;} #blogsearchsubmit {background: url('../images/go-button.png') 0 0 no-repeat; width: 41px; height: 23px; border: none; cursor: pointer; text-indent: -9999px; font-size: 0; line-height: 0;} #blogsearchsubmit:hover {background-position: 0 -23px;} input#s {border: 1px solid #d7d7d7; width: 166px; font-size: 12px; height: 21px; color: #000; outline: none; padding: 0 3px 0;} #commentform {width: 420px; position: relative; margin: 30px 0 0 10px;} #commentform div.formrow label{display: block; color: #8f3991; float: left; width: 110px; font-size: 14px; line-height: 24px;} #commentform span {color: #e4319a;} #commentform div {padding: 0 0 10px; position: relative;} #commentform div.formrow input, #commentform textarea {padding: 3px 5px; width: 285px; border: 1px solid #d7d7d7; font-size: 13px; font-family: Georgia, "Times New Roman", Times, serif;} #commentform textarea {height: 120px;} #commentform input#submit {background: url('../images/submit-comment-button.png') 0 0 no-repeat; width: 161px; float: right; height: 23px; border: none; cursor: pointer; text-indent: -9999px; font-size: 0; line-height: 0;} #commentform input#submit:hover {background-position: 0 -23px;} #commentform div.buttonrow {padding: 10px 13px 0 0;} #commentform div.buttonrow p {color: #8f3991; float: left; width: 200px; font-size: 13px; line-height: 23px; margin: 0; padding: 0;} #commentform div.buttonrow a {padding: 0 0 0 15px; text-decoration: none;} ol#comments_section {padding: 20px 10px; margin: 0;} ol#comments_section li {list-style: none; margin: 0 0 15px; padding: 0 0 15px; border-bottom: 1px solid #d7d7d7;} div.commentmeta {float: left; width: 190px; font-size: 12px;} #blogcontent div.commentmeta a{font-size: 12px;} div.commentmeta small {font-size: 10px;} div.commentmeta img {display: block; margin: 5px 0 0;} div.commenttext {float: right; width: 410px;} p.moderation {font-style: italic; font-weight: bold;} /** Club **/ #clubform {width: 420px; position: relative;} #clubform div.formrow label {display: block; color: #8f3991; float: left; width: 100px; font-size: 13px; line-height: 23px;} #clubform span {color: #e4319a;} #clubform div {padding: 0 0 6px; position: relative;} #clubform div.formrow input {padding: 2px 5px; width: 300px; border: 1px solid #d7d7d7; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif;} #clubform div.optionrow p, #clubform div.childrow p {color: #8f3991; float: left; width: 150px; font-size: 13px; line-height: 23px; margin: 0;} #clubform div.childrow p {width: 53px; clear: both;} #clubform div.radiowrap {float: right; width: 252px; text-align: right; padding: 0 8px 0 0; margin: 0;} #clubform div.radiowrap label {line-height: 23px; padding: 0 5px 0 18px;} #clubform div.radiowrap select, #clubform div.dobwrap select {margin: 0 0 0 3px;} #clubform div.checkrow label {color: #8f3991; font-size: 13px; vertical-align: middle; padding: 0 0 0 8px;} #clubform div.genderwrap {float: left; width: 120px;} #clubform div.genderwrap label{line-height: 23px; padding: 0 0 0 5px;} #clubform div.genderwrap label.girl {padding: 0 15px 0 5px;} #clubform div.dobwrap {float: right; width: 233px; text-align: right; padding: 0 8px 0 0; margin: 0;} #clubform div.dobwrap label {color: #8f3991; font-size: 13px; vertical-align: middle;} form div#optionaldetails {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 10px 0; padding: 10px 0;} #options {font-size: 13px; margin: 0;} #options span {color: #999; padding: 0 0 0 15px;} #optionstoggle {background: url('../images/open-arrow.png') left center no-repeat; padding: 0 0 0 15px; outline: none;} #optionstoggle.closed {background: url('../images/closed-arrow.png') left center no-repeat;} div#optionalfields {padding: 10px 0 0;} #clubform div.intervalrow p {color: #8f3991; font-size: 13px; line-height: 23px; margin: 5px 0;} #clubform div.intervalrow label {font-size: 13px; line-height: 23px; padding: 0 25px 0 5px;} #clubform input#clubsubmit {background: url('../images/join-button.png') 0 0 no-repeat; width: 95px; float: right; height: 23px; border: none; cursor: pointer; text-indent: -9999px; font-size: 0; line-height: 0;} #clubform input#clubsubmit:hover {background-position: 0 -23px;} #clubform div.buttonrow p {color: #8f3991; float: left; width: 300px; font-size: 13px; line-height: 23px; margin: 0;} #clubform div.buttonrow a {padding: 0 0 0 15px;} /** Products **/ #sidenavigation {float: left; width: 200px; padding: 10px 0 0;} #sidenavigation ul li {margin: 0;} #sidenavigation ul a, #sidenavigation ul a:visited {border-bottom: 1px solid #ccc; font-size: 16px; line-height: 32px; display: block; width: 186px; padding: 0 0 0 10px;} #sidenavigation ul a:hover, #sidenavigation ul li.active a {color: #96338c;} #productcontent {float: right; width: 710px; padding: 20px 0 0;} #content a.moreinfolink {background: url('../images/closed-arrow.png') left center no-repeat; display: block; font-size: 15px; line-height: 30px; padding: 0 0 0 15px; outline: none;} #content a.moreinfolink.open {background: url('../images/open-arrow.png') left center no-repeat;} div.product {border-top: 1px solid #ccc; padding: 25px 0 0; margin: 15px 0 0; clear: both;} div.productdescription {float: left; width: 470px; position: relative;} a.visitshop {background: url('../images/visit-our-shop-button.png') 0 0 no-repeat; float: right; display: block; width: 104px; height: 23px; text-indent: -9999px; font-size: 0; line-height: 0;} a.visitshop:hover {background-position: 0 -23px;} /** Ingredients **/ ul.contentlist {list-style: disc; margin: 15px 0 25px;} ul.contentlist li {color: #96338c; margin: 0 0 0 15px;} ul.contentlist li span {color: #000;} p.highlighttext {color: #96338c; font-size: 14px; font-style: italic;} body#ingredients #rightcolumn h2 {padding: 0 10px;} p#glossaryindex, #glossary-nav{padding: 0 5px;} p#glossaryindex a, p#glossaryindex span, #glossary-nav a {padding: 1px 3px; margin: 0 2px;} p#glossaryindex a:hover, p#glossaryindex a.active {color: #fff; background: #96338c;} p#glossaryindex span, #glossary-nav a.ln-disabled {color: #666;} #glossary {border-top: 1px solid #96338c; border-bottom: 1px solid #96338c;} div.glossaryitem, #glossary li{padding: 15px 0 5px 10px; border-bottom: 1px solid #ccc;} div.lastitem {border: none;} div.glossaryitem h3, #glossary li h3 {margin: 0 0 5px;} div.glossaryitem h3 span, #glossary li h3 span {font-style: italic; font-size: 80%;} div.glossaryitem p, #glossary li p {padding: 0 25px 0 0;} div.glossaryitem img, #glossary li img {display: block; margin: 5px 0 5px 25px; float: right; border: 1px solid #96338c;} p#pageindex, #viewalllink p {padding: 10px; color: #96338c;} p#pageindex a, p#pageindex span {padding: 0 4px;} p#pageindex a {text-decoration: underline; outline: none;} a#viewallglossary {text-decoration: none; padding: 0; outline: none;} #pagelinks {float: left; width: 360px;} #viewalllink {float: right; width: 140px; text-align: right;} /** Contact **/ #contactform {width: 420px; position: relative; margin: 50px 0 0 20px;} #contactform div.formrow label{display: block; color: #8f3991; float: left; width: 110px; font-size: 14px; line-height: 24px;} #contactform span {color: #e4319a;} #contactform div {padding: 0 0 10px; position: relative;} #contactform div.formrow input, #contactform textarea {padding: 3px 5px; width: 285px; border: 1px solid #d7d7d7; font-size: 13px; font-family: Georgia, "Times New Roman", Times, serif;} #contactform textarea {height: 120px;} #contactform input#contactsubmit {background: url('../images/raf-send-button.png') 0 0 no-repeat; width: 95px; float: right; height: 23px; border: none; cursor: pointer; text-indent: -9999px; font-size: 0; line-height: 0;} #contactform input#contactsubmit:hover {background-position: 0 -23px;} #contactform div.buttonrow {padding: 10px 13px 0 0;} #contactform div.buttonrow p {color: #8f3991; float: left; width: 300px; font-size: 13px; line-height: 23px; margin: 0;} #contactform div.buttonrow a {padding: 0 0 0 15px;} /** Competition **/ #question {position: absolute; top: 26px; left: 354px; width: 260px; height: 260px;} #question h2 {color: #fff; font: 24px/30px Arial, Helvetica, sans-serif; text-align: center; position: relative; top: 65px;} p.terms {font-size: 12px;} #competitionformwrapper {width: 331px; margin: 10px 0 0;} #competitionformtop {background: url('../images/competition-form-bg-top.png') 0 0 no-repeat; height: 20px; overflow: hidden;} #competitionformbottom {background: url('../images/competition-form-bg-bottom.png') 0 0 no-repeat; height: 20px; overflow: hidden;} #competitionform {background: url('../images/competition-form-bg-main.png') 0 0 repeat-y; padding: 0 20px;} #competitionform h5 {font: 15px/18px Georgia, "Times New Roman", Times, serif; color: #8f3991; margin: 10px 0 10px;} #competitionform div.formrow label {display: block; color: #8f3991; float: left; width: 85px; font-size: 14px; line-height: 23px;} #competitionform span {color: #e4319a;} #competitionform #options span{color: #999;} #competitionform div.formrow {padding: 0 0 5px;} #competitionform div.questionrow {padding: 0 0 12px;} #competitionform div.questionrow label {color: #8f3991; padding: 0 0 0 8px; font-size: 15px;} #competitionform div.formrow input {padding: 3px 5px; width: 193px; border: 1px solid #d7d7d7; font-size: 13px; font-family: Georgia, "Times New Roman", Times, serif;} #competitionform input#compsubmit {background: url('../images/raf-send-button.png') 0 0 no-repeat; width: 95px; float: right; height: 23px; border: none; cursor: pointer; text-indent: -9999px; font-size: 0; line-height: 0;} #competitionform input#compsubmit:hover {background-position: 0 -23px;} #competitionform div.buttonrow{padding: 10px 0 0;} #competitionform div.buttonrow p {color: #8f3991; float: left; width: 160px; font-size: 13px; line-height: 23px; margin: 0;} #competitionform div.buttonrow a {padding: 0 0 0 15px;} #competitionform div.optionrow p {color: #8f3991; float: left; width: 125px; font-size: 13px; line-height: 23px; margin: 0;} #competitionform div.radiowrap{float: right; width: 155px; text-align: right; margin: 0;} #competitionform #duedate p {width: 100px;} #competitionform div.dobwrap {float: right; width: 190px; text-align: right; margin: 0;} #competitionform div.radiowrap label {line-height: 23px; padding: 0 5px;} #competitionform div.radiowrap select, #competitionform div.dobwrap select {margin: 0 0 0 3px;} #competitionform div.intervalrow p {color: #8f3991; font-size: 13px; line-height: 23px; margin: 5px 0;} #competitionform div.intervalrow label {font-size: 13px; line-height: 23px; padding: 0 6px 0 3px;} #competitionform div.checkrow label {color: #8f3991; font-size: 13px; vertical-align: middle; padding: 0 0 0 8px;} /****** FOOTER ******/ #footerwrapper {background: url('../images/footer_bg.jpg') center bottom repeat-x; position: relative; margin: -250px 0 0; height: 250px; width: 100%; clear:both;} #footer {width: 960px; margin: 0 auto;} #awards {background: url('../images/bee.png') 35px bottom no-repeat; border-bottom: 1px solid #ccc; height: 66px;} #awards p {font-size: 14px; text-align: right; color: #8c3591; padding: 4px 0 0;} #awards img {vertical-align: middle; padding: 0 10px;} #footermenu {text-align: right; margin: 10px 10px 0 0;} #footermenu span {color: #c0ab9c; font-size: 16px; margin: 0 20px;} input.error,textarea.error {background: #ffcccc;} #errors li {color: #e4319a; margin-bottom: 5px;} #rafform_errors li {color: #e4319a; margin-bottom: 5px;} ul.sitemap li { padding-bottom: 0.5em; } ul.sitemap li ul li { padding: 0.5em 0 0 1.5em; } #wtbcontent p {width: 600px; } div.wtb_left { float: left; margin-right: 100px; } div.wtb_main { margin-bottom: 30px; } div.wtb_right { float: left; margin-right: 100px; } div.wtb_third { float: left; }