/* -------------------------------------------------------------- DigitalConvulsions.com For UltimateMaquiBerry.com Created: December 1st 2009 -------------------------------------------------------------- */ /* Body -------------------------------------------------------------- */ body { background:url(../images/bg.png) repeat-y center top; background-color:#e4f3fa; margin: 0; font-size:14px; line-height:21px; color: #000; font-family:Arial, Helvetica, sans-serif; } a { color:#0033FF; text-decoration: underline; font-family:Arial, Helvetica, sans-serif; } a:hover { color: #f10f6a; } a:active { color: #04466d; } .clr { clear:both;} /* Page -------------------------------------------------------------- */ #page { margin: 0 auto; width: 980px; } #wrap { padding: 0 20px; background:url(../images/rightside-bg.png) repeat-y top right; } li { padding-bottom: 10px; } .right { float: right; } .left { float: left; } .center { text-align: center; } .hot { color: red; font-weight: bold; } .note { font-size: 10px; } .cta { float: left; } /* Header -------------------------------------------------------------- */ #header { position: relative; height: 86px; background:#FFFFFF; } #logo { padding: 0; margin: 0; } #logo a { background: url(../images/logo.png) no-repeat;display: block; text-indent: -9999px; width: 260px; height: 86px; float: left; } #home #logo a { background: url(../images/logo-home.png) no-repeat;} #slogan { position: absolute; top: 15px; left: 240px; font-style: italic; color: #58afe0; font-size: 14px; font-weight: bold; width: 400px;} #phonenumber { font-weight: bold;float: right;position: absolute; top: 10px; right: 0; color: #f10f6a; } .code { position: absolute; left: 0; top: 20px; font-size: 10px;color: #002a40; font-weight: normal;} .phone { font-size: 24px; margin: 0 0 0 10px; } #topmenu {position: absolute; top: 30px; right: 0;text-align: right;display: inline;margin: 0; padding: 0; font-size: 10px; } #topmenu a { padding: 1px 8px 1px 0px; margin: 10px 5px; border-right: solid 1px #e4f3fa; } #topmenu a.last {padding-right: 0; margin-right: 0; border: none;} #header #nav, #nav li { margin: 0; padding: 0; list-style-type: none; text-transform: uppercase; font-size: 14px;} #header #nav { position: absolute; top: 54px; left: 241px;} #header #nav li { float: left; display: inline; } #header #nav li a { float: left;display: inline; background: #f10f6a; color: #fff; text-decoration: none; font-weight: bold; text-align: center; margin: 0 3px 0 0; } #header #nav li a.last { margin-right: 0; } #header #nav li a { background: url(../images/bg-nav.png) no-repeat 0 0; display: block; height: 32px; text-indent: -9999px;} #header #nav li#btn-why a { background-position: 0 0; width: 176px; } #header #nav li#btn-accreditations a { background-position: -179px 0; width: 146px; } #header #nav li#btn-testimonials a { background-position: -328px 0; width: 133px; } #header #nav li#btn-guarantee a { background-position: -464px 0; width: 106px; } #header #nav li#btn-order a { background-position: -574px 0; width: 126px; margin-right: 0; } #header #nav li#btn-why a:hover { background-position: 0 -32px; } #header #nav li#btn-accreditations a:hover { background-position: -179px -32px; } #header #nav li#btn-testimonials a:hover { background-position: -328px -32px; } #header #nav li#btn-guarantee a:hover { background-position: -464px -32px; } #header #nav li#btn-order a:hover { background-position: -574px -32px; } #header #nav li#btn-why a.active { background-position: 0 -64px; } #header #nav li#btn-accreditations a.active { background-position: -179px -64px; } #header #nav li#btn-testimonials a.active { background-position: -328px -64px; } #header #nav li#btn-guarantee a.active { background-position: -464px -64px; } #header #nav li#btn-order a.active { background-position: -574px -64px; } /* Page -------------------------------------------------------------- */ h1 { color: #f10f6a; margin-bottom: 15px; text-align: center;margin-bottom: 20px; font-weight:lighter; font-size: 26px; line-height: 1.2em; } h1 strong{ color: #f10f6a; margin-bottom: 15px; text-align: center;margin-bottom: 20px; font-weight:bold; font-size: 26px; line-height: 1.2em; } h2 { color: #f10f6a; margin-bottom: 15px; text-align: center;margin-bottom: 20px; font-weight:lighter; font-size: 26px; line-height: 1.2em; } h2 strong{ color: #f10f6a; margin-bottom: 15px; text-align: center;margin-bottom: 20px; font-weight:bold; font-size: 26px; line-height: 1.2em; } h3 { color: #064674; font-size: 20px; font-weight:lighter; } h4 { color: #f10f6a; font-size: 16px; font-weight:lighter; font-weight:bold; } #introduction { clear: both; background: url(../images/bg-introduction.jpg) no-repeat #e4f3fa; height: 181px; padding:70px 0 0 0; } #introduction a { font-size:20px; color:#000066; } #introduction h1 { padding: 35px 40px 0 240px; font-size: 30px; text-align: left; line-height: 35px; text-indent: -9999px; height: 70px;} #introduction p.intro { padding: 0 40px 0 240px; font-size: 15px; line-height: 18px; color: #062c4c;} #primarycontent { float: left; display: inline; width: 620px; padding-right: 20px; font-family:Arial, Helvetica, sans-serif;} #primarycontent p.intro { font-size: 18px; line-height:18px;font-weight: bold;color: #04466D; } #home #primarycontent { background: url(../images/bg-primarycontent-home.jpg) no-repeat; padding-top: 50px; } #innerpage #primarycontent { background: url(../images/bg-primarycontent-innerpage.jpg) no-repeat; padding-top: 30px; } #primarycontent h2 {background: url(../images/sep-content.png) no-repeat; padding-top: 40px;} #primarycontent .no-background h2 {background:none; padding-top: 20px;} #primarycontent ul { margin:0 0 10px 0; padding: 0; } .maincontent {padding: 0 40px;} .maincontent ul li { background: url(../images/bullet.png) no-repeat; list-style-type: none; padding-left: 25px; margin-bottom: 15px; } .bottom-order { background: url(../images/btn-bottom-order.gif) no-repeat 0 0; display: block; width: 620px; height:175px; position: relative; } .bottom-order a { position: absolute; top: 77px; left: 240px;text-indent: -9999px;background: url(../images/bottom-order-btn.gif) no-repeat 0 0; display: block; width: 363px; height:38px; } .bottom-order a:hover { background-position: 0 -38px; } #primarycontent .bottom-order p { font-size: 1.1em; } #primarycontent .bottom-order p strong { text-decoration: none; color: #04466d; } #secondarycontent { float: left;display: inline; width: 300px; } .sideblock { clear: both; margin-bottom: 10px;-moz-border-radius: 5px;-webkit-border-radius: 5px; background: #58afe0;} .sideblock h2 { text-align: left; color: #fff; text-indent: -9000em;font-size: 0px; display:block;line-height: 0px;} .sideblock p {text-indent: -9000em;font-size: 0px; display:block;line-height: 0px;} .sideblock a { display: block; text-indent: -9999px;font-size: 0px; display:block;line-height: 0px; } .sideblock a.box { display: block;width: 300px; height: 130px; text-indent: 0; } #innerpage .sideblock a.box { height: 85px;} #media { background: url(../images/box-media.jpg) no-repeat; height: 421px; cursor:pointer;} #win { background: url(../images/box-win.jpg) no-repeat; height: 271px; cursor:pointer; } #scam { background: url(../images/box-scam.jpg) no-repeat; height: 271px; cursor:pointer;} #ingredients { background: url(../images/box-ingredients.jpg) no-repeat; height: 271px; cursor:pointer; } #quickorderblock { background-image:url(../images/orderform-bg.jpg); -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0;-moz-border-radius-topleft:0;-moz-border-radius-topright:0; clear: both; margin-bottom: 10px;-moz-border-radius: 5px;-webkit-border-radius: 5px; } .quickorderform { border: 0; margin-bottom: 0; color: #fff; } .quickorderform fieldset { border: 0; padding: 0 20px 20px 20px; margin-bottom: 0; background: url(../images/bottom-quickform.png) no-repeat center bottom; } .quickorderform h2 { color: #ffff00; text-align: center; text-transform: uppercase; font-size: 17px; margin-bottom: 5px;} .quickorderform p.intro { padding: 0 20px;margin-bottom: 10px; font-weight: normal; text-align: center; } p.inputfield { margin-bottom: 0; } p.inputfield label { display: none; } p.inputfield input { width: 245px; padding: 5px; margin-bottom: 10px; font-size: 1em; } .quickorderform p.radio { padding: 10px; margin-bottom: 5px; border-bottom: solid 1px #f15d98;color: #fff; font-size: 1em; line-height: 1.2em; } .quickorderform p#orderone { background: url(../images/box1-quickorder.png) no-repeat top right; } .quickorderform p#ordertwo { background: url(../images/box3-quickorder.png) no-repeat top right; } .quickorderform p#orderthree { background: url(../images/box6-quickorder.png) no-repeat top right; } .quickorderform p.radio span { margin-left: 18px; font-size: 0.8em; color: #ffff00; } .submitbutton { margin: 5px 0 10px 0; padding: 0;display: block; background: url(../images/btn-quickorder.gif) no-repeat 0 0; width: 260px; height: 38px; text-indent: -9999px; border: none;} .submitbutton:hover { background-position: 0 -38px ; } label { cursor: pointer; } .centered { text-align: center; } .intro { font-weight: bold; } /* innerpage -------------------------------------------------------------- */ .testimonial, .quote { background: #FEFFE1; border: 1px solid #CCCC99; padding: 30px 30px 5px 30px; margin-bottom: 20px; color: #5a5a44; } .testimonial .sig, .quote .sig{ font-weight: bold; color: #212121; } .contestform { background: #FEFFE1; border: 1px solid #CCCC99; padding: 20px 30px 5px 30px; text-align: center; margin: 0 100px 20px 100px;} .contestform h2 { } .orderbuttons { text-align: center; margin-bottom: 20px; } .orderbuttons { padding: 0 5px; } .orderbox { background: url(../images/bg-bottom-orderbox.png) no-repeat center bottom; color: #fccfe1; margin-bottom: 20px; position: relative;} .orderbox .box { position: absolute; top: 0; left: 0; } .toporderbox { background: url(../images/bg-top-orderbox.png) no-repeat center top; padding: 13px 20px 20px 190px;} .orderbox h4 { color: #fff; font-size: 1.2em;} .orderbox h4 span { color: #ffff00; } .prices { position: relative; } .saleprice { font-size: 1.3em; font-weight: bold; color: #ffff00; } .regprice { color: #fff; text-decoration: line-through; } .orderbox a.button { text-indent: -9999px; background: url(../images/btn-ordernow-orderbox.png) no-repeat 0 0; height: 37px; width: 175px; display: block; position: absolute; top: 0; left: 230px; } .orderbox a:hover.button { background-position: 0 -37px; } .notavailable { margin-bottom: 20px; } .leaf { background: url(../images/bullet-leaf.png) no-repeat; list-style-type: none; padding: 0 0 20px 40px; margin: 0; font-family:Arial, Helvetica, sans-serif;} .leaf strong { font-size: 16px; } .thumb-down { background:url(../images/thumb-down.png) no-repeat; list-style-type: none; padding: 4px 0 10px 40px; margin: 0 0 10px 0; font-family:Arial, Helvetica, sans-serif; border-bottom:#CCCCCC 1px solid;} .thumb-down strong { font-size: 16px; color:#851c07; } .thumb-up { background:url(../images/thumb-up.png) no-repeat; list-style-type: none; padding: 4px 0 10px 40px; margin: 0 0 10px 0; font-family:Arial, Helvetica, sans-serif; border-bottom:#CCCCCC 1px solid;} .thumb-up strong { font-size: 16px; color:#006600; } .thumb-up2 { background:url(../images/thumb-up.png) no-repeat; font-size:12px; list-style-type: none; padding: 0px 0 10px 40px; margin: 0 0 10px 0; font-family:Arial, Helvetica, sans-serif;} .thumb-up2 strong { font-size: 18px; color:#006600; display:block; } .greentick { background:url(../images/green-tick.jpg) no-repeat; font-size:12px; list-style-type: none; padding: 0px 0 10px 40px; margin: 0 0 10px 0; font-family:Arial, Helvetica, sans-serif;} .greentick strong { font-size: 18px; color:#006600; display:block; } .arrow { background:url(../images/arrow.gif) no-repeat; font-size:16px; list-style-type: none; padding: 0px 0 10px 50px; margin: 0 0 10px 0; font-family:Arial, Helvetica, sans-serif;} .arrow strong { color:#006600; font-weight:bold; } .ethically { width:250px; float:right; background:#7c42a4; height:500px; margin:0 0 0 20px; padding: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;} .limited { width:520px; background:#fffebc; border:#CC0000 4px dashed; margin:0 auto 0 auto; padding:20px;} .large1 { font-size:24px;} .large2 { color:#f10f6a; font-size:24px;} .h1sub { font-size:22px; color:#990033; position:relative; top:-15px; font-family:Arial, Helvetica, sans-serif; margin:0 0 5px 0;} .h2sub { font-size:22px; color:#990033; position:relative; top:-15px; font-family:Arial, Helvetica, sans-serif; margin:0 0 5px 0;} .curvetop { background:url(../images/curve-top.png) top center no-repeat; height:15px; margin:20px auto 0 auto;} .curve { background:url(../images/curve-bg.jpg) top center repeat-y; width:611px; margin:0 auto 0 auto; padding:0 0 0 2px;} .curve .col1 { width:204px; float:left; text-align:center; padding:0; margin:0; font-family:Arial, Helvetica, sans-serif;} .curve .col2 { width:203px; float:left; text-align:center; padding:0; margin:0; font-family:Arial, Helvetica, sans-serif;} .curve .col3 { width:190px; float:left; text-align:center; padding:0; margin:0; font-family:Arial, Helvetica, sans-serif;} .curve2 { background:url(../images/curve-bg.jpg) top center repeat-y; margin:0 auto 0 auto; line-height:21px; width:571px; padding:0 20px 3px 20px;} .curvebottom { background:url(../images/curve-bottom.png) top center no-repeat; height:15px; margin:0 auto 20px auto;} .riptop { background:url(../images/rip-top.jpg) top center no-repeat; height:46px; margin:20px auto 0 auto;} .rip { background:url(../images/rip-bg.jpg) top center repeat-y; display:block; margin:0 auto 20px auto; width:611px;} .rip p { padding:0 40px 0 40px;} .rip h3 { padding:0 40px 0 40px;} .ripbottom { background:url(../images/rip-bottom.jpg) top center no-repeat; background-color:#FFFFFF; height:70px; margin:0 auto 0px auto; display:block;} .excuses { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#CC0000; font-weight:bold;} .quotes { font-size:34px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#CC0000;} .number { font-size:18px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; line-height:40px; margin:0 0 0 20px;} .order-container { width:620px; margin:0 auto 0 auto; background:url(../images/order-bg.jpg);} .order-container td { padding:3px;} .order-desciption { width:370px; padding:20px 0 0 245px;} .order-desciption li { list-style-image:url(../images/order-bullet.jpg);} .order-desciption-text { padding:0 20px 0 40px;} .order-prices { width:550px; padding:0 20px 0 50px;} .rrp { color:#666666; font-size:18px; font-family:Arial, Helvetica, sans-serif; text-decoration:line-through;} .save { font-size:18px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#990000;} .price { font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; color:#880037;} .order-footer { width:400px; height:70px; background:url(../images/order-footer.jpg) no-repeat; padding:48px 0 0 220px; color:#FFFFFF; font-size:22px;} .order-footer2 { width:400px; height:64px; background:url(../images/order-footer2.jpg) no-repeat; padding:34px 0 0 220px; color:#FFFFFF; font-size:22px;} .note { width:500px; margin:0 auto 0 auto; float:left; margin:0 auto 0 60px; background:#FFFFFF; border:#999999 1px dashed; padding:5px; font-size:11px;} .orderphone { font-size:18px; margin:0 0 0 10px;} .order-textfield { height:15px; width:200px; font-size:12px; color:#333333;} .order-input { height:15px; font-size:12px; color:#333333;} .order-note { font-size:11px;} .article_list { background:url(../images/article.png) top left no-repeat; list-style:none; padding-left:40px;} .link_list { background:url(../images/link.png) top left no-repeat; list-style:none; padding-left:40px;} .article_ul { margin:0; padding:0 10px 10px 10px;} -------------------------------------------------------------- */ .form { background: #FEFFE1; border: 1px solid #CCCC99; padding: 20px 30px 5px 30px; } form {margin:0; padding:0; display:inline} input.submitButton { background: #336699; color: #fff; border: solid 1px #1b4376;border-top: solid 1px #4480b3; border-left: solid 1px #4480b3; font-size: 1.1em; font-weight: bold; cursor: pointer; } input.submitButton:hover { background: #4480b3; } label{cursor:pointer} /* bottomnav -------------------------------------------------------------- */ #bottomnav { clear: both; padding: 10px 0; margin: 0; text-align: center; background: #f10f6a;-webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px; font-size: 17px;} #bottomnav li { text-align: center; display: inline; } #bottomnav li a { color: #fff;border-right: solid 1px #ff4c94; font-weight: bold; text-decoration: none;text-shadow: #cb0536 0px 1px 0; padding: 2px 10px;} #bottomnav li a:hover { color: #ffabcd; } #bottomnav li a.last { border: none; color: #ffeb00; } #bottomnav li a:hover.last { border: none; color: #fff99e; } /* Footer -------------------------------------------------------------- */ #footer { clear: both; background: #58afe0; margin-left: 200px; padding: 0 0 40px 0; margin: 0;text-align: center; color: #fff;} #footer a { color: #fff; padding: 1px 5px; } #footer a.last { border-right: none; } #footer a:hover { color: #fff; } #footer .links { clear: both; padding-top: 20px; } #footer .tabs a { padding: 10px 30px 10px 0;} ======= /* -------------------------------------------------------------- DigitalConvulsions.com For UltimateMaquiBerry.com Created: December 1st 2009 -------------------------------------------------------------- */