/* $Id: local-sample.css,v 1.1.2.1 2010/01/11 00:08:12 sociotech Exp $ */ /****************************/ /* LOCAL CSS - SoyKaasV1.2 */ /****************************/ html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;} /* body {line-height: 1;} */ a:link, a:visited {color: #253e8c;} ol, ul {list-style: none;} blockquote, q {quotes: none;} /* remember to define focus styles! */ :focus {outline: 0;} #main-wrapper div.content-tabs { display:none; } /* remember to highlight inserts somehow! */ ins {text-decoration: none;} del {text-decoration: line-through;} /* tables still need 'cellspacing="0"' in the markup */ body {background: #fffae3 url(../images/body-bg.jpg) repeat-x 0 top; color: #666;font-size: 110%; margin: 0 auto; padding: 0;} #page {margin: 0 auto; width: 970px; } #page-inner { background: #fff url(../images/blue-fade-bg.png) repeat-x 0 bottom; float: left; margin: 0px auto; position: relative;} #header-group-wrapper {background-color: transparent; height: 102px; margin: 0 auto; position: relative; width: 950px;} #header-group-inner {background-color: #fff; margin: 0 auto; padding-left: 0; width: 950px;} #header-site-info {float: left; width: 415px;} .header-site-info span {display: none;} #header-site-info-inner {margin: 0;} #main-group {margin-top: 40px; padding: 0 10px;} .front #main-group {margin-left: 0px; padding: 0;} #site-name {font-size: 300%; line-height: 150%; display: none;} #logo {background: url(../images/logo.jpg) no-repeat 0 0; cursor: pointer; display: block; float: left; height: 102px; margin: 0; padding: 0; width: 415px; /* position: absolute; float: left; */} #logo a {text-indent: -999px; width: 415px;height: 102px; float: left; } span.site-name {display: none;} #primary-menu {display: none;} #search-box,#search-box .block {float: right; margin: 0; width: 300px;text-align: right;} .search-box-inner {float: right; text-align: right; font-variant: small-caps;font-size: 1.1em;color: #143791;padding: 10px 10px 0 0; width: 300px;} .search-box-inner input#search_header {float: left; display: block; position: relative; background: url(../images/search.png) no-repeat right 0; width: 56px; height: 24px; border: none !important; cursor: pointer; text-indent: 9999px; margin-left: 50px;} .search-box-inner input#edit-search-theme-form-header {margin-left: 10px;vertical-align: middle; width: 173px; height: 24px; border: none; background: url(../images/search-box.png) no-repeat 0 0;} /* .front #main-group {margin-top: 40px;} */ #main-wrapper, #main, .full-width, .grid16-16 {margin: 0 auto;} #content-inner {line-height: 120%; font-size: 110%;} #main {background: #fff; min-height: 300px; margin: 0 5px; } h1 {font-size: 130%; color: #253e8c; margin: 5px 0px;} #main p {line-height: 150%; margin: 7px 0px;} /* Fix Front / Site Float */ .front .sidebar-first {float:left;position:absolute;} .front #content-tabs {margin-left: 250px;} .front h1.title {text-indent: -999px;/* background: url(../images/text-just-be-kaas.jpg) no-repeat 0 0; */float:left;height: 51px;margin-left: 250px;} #main.grid16-16 {background-color: #fff; width: 950px;} .grid16-11 {width:630px;} .front .grid16-12 {margin-right:-10px; width: 950px;} .front .jointhekaas_intro {display: none;} .grid16-12 {width:690px;} /* .grid16-12 {width:940px;} */ #content-inner.block .inner {margin-left:4px;margin-right:0px;} div.node {margin-bottom:0em;} .content-inner {margin-bottom:4px;} /* Side Menu */ #block-menu-primary-links ul.menu {/* margin-bottom: 20px; */} #block-menu-primary-links, .block-user {float: left;font-size: 1.5em;font-weight:400;padding: 20px 0 0 10px; margin-bottom: 0;} ul.menu {list-style: none;margin: 0;padding: 0;/* float: right; LTR */position: relative;z-index: 4;font-family:Arial, Helvetica, sans-serif !important;} ul.menu li {background: url(../images/menu-underline.jpg) no-repeat 0 28px; display: block; margin: 0; line-height: 200%;} /* ul.menu li.first {background: none !important;} */ ul.menu li a, ul.menu li a:link, ul.menu li a:visited {color: #1c3e95;display: block;text-decoration: none; list-style: none; list-style-image: none;} #block-menu-primary-links.block .content ul.menu li.leaf a:hover, #block-menu-primary-links.block .content ul.menu li.leaf a.active {color: #ed1c24!important;} ul.menu li a:hover, ul.menu li a.active {color: #1c3e95!important; } ul.menu li.last {background-image: none !important;height: 30px;list-style: none; list-style-image: none;} ul.menu li.expanded ul.menu li {padding-left: 15px; font-size: 95%; background: none;} #block-menu-secondary-links ul.menu {margin: 0 0 0 20px;} #block-menu-secondary-links ul.menu li {float: left; display: inline;} #block-menu-secondary-links ul.menu li a {color: #fff; } #block-menu-secondary-links ul.menu li a:hover {color: #fef0b8;} #postscript-bottom {width: 944px; margin-top: 6px;} #postscript-bottom .block {background: #fef0b8; height: 167px;} #postscript-bottom-inner {height: 167px;background: #ffffff; padding: 5px;} #postscript-bottom-inner .first {width: 315px !important; margin-right: 10px;} #postscript-bottom-inner.block {padding: 10px 0;} #block-block-1 img{margin-bottom:-10px;} #block-block-1{padding-bottom:10px;} #block-block-12 #node-18 h2.title {background: url(../images/ribbon-join-the-kaas.png) no-repeat 0 0; height: 61px; width: 307px; margin-left: -19px; text-indent: -999px;} #block-block-12 #node-18 p {color: #999; padding: 5px 0 5px 0;} #block-block-12 #node-18 .signup {margin: 0px 0 0 20px} #block-block-12 #node-18 .signup .form-row {padding: 3px 0;text-align:center;} #block-block-12 #node-18 input[type=text] {line-height: 90%;width: 180px; height: 10px;} #block-block-12 #node-18 input[type=submit] {border:0;background:#143791;color:#fff;width: 220px;padding: 3px 0;text-align:center;margin-left: 30px;border: 2px outset #eaeaea;} #block-block-12 #node-18 .form-item label {width: 80px; display: inline; float: left;} #block-block-17 {background: #fff1ba; padding-bottom: 7px;} #block-block-17 #node-18 h2.title {background: url(../images/ribbon-join-the-kaas_sm.png) no-repeat 0 0; height: 61px; width: 307px; margin-left: -19px; text-indent: -999px;} #block-block-17 #node-18 p {color: #999; padding: 5px 0 5px 0;} #block-block-17 #node-18 .signup {margin: 0px 0 0 10px} #block-block-17 #node-18 .signup .form-row {padding: 3px 0;text-align:center;} #block-block-17 #node-18 input[type=text] {line-height: 90%;width: 180px; height: 10px;} #block-block-17 #node-18 input[type=submit] {border:0;background:#143791;color:#fff;width: 200px;padding: 3px 0;text-align:center;margin: 0 0 5px -5px;border: 2px outset #eaeaea;} #block-block-17 #node-18 .form-item label {width: 80px; display: inline; float: left;} #block-block-19 #node-18 .ointhekaas_intro {display: none;} #block-block-19 {background: #fff1ba; padding-bottom: 7px;} #block-block-19 #node-18 h2.title {background: url(../images/ribbon-join-the-kaas_sm.png) no-repeat 0 0; height: 61px; width: 307px; margin-left: -19px; text-indent: -999px;} #block-block-19 #node-18 p {color: #999; padding: 5px 0 5px 0;} #block-block-19 #node-18 .signup {margin: 0px 0 0 10px} #block-block-19 #node-18 .signup .form-row {padding: 3px 0;text-align:center;} #block-block-19 #node-18 input[type=text] {line-height: 90%;width: 180px; height: 10px;} #block-block-19 #node-18 input[type=submit] {border:0;background:#143791;color:#fff;width: 200px;padding: 3px 0;text-align:center;margin: 0 0 5px -5px;border: 2px outset #eaeaea;} #block-block-19 #node-18 .form-item label {width: 80px; display: inline; float: left;} #block-block-19 #node-18 .ointhekaas_intro {display: none;} #block-block-18 {margin: 0;} #block-block-18 .coupleSideBlock {background: url(../images/lowerleft.couple.png) no-repeat 0 bottom; width: 228px; height: 389px;} #footer-wrapper {background-color: #143791; width: 950px; margin-left: 0; padding-top: 10px;} #footer-wrapper .inner {margin: 0;} #block-block-9 {margin-bottom: 5px;width: 400px;} #block-block-1 {font-family: Arial, Helvetica, sans-serif;color: #fff; margin: 0 0 10px 23px;} #block-block-1 #copywrite {font-size: 80%;font-weight:bold;} ul#footer-links {margin-top: 0px; } ul#footer-links li {display: inline; color: #ffffff;margin:0 5px 0 0;} ul#footer-links li a{color: #ffffff;font-family: Arial, Helvetica, sans-serif;font-size: 100%;font-weight:bold;} ul#footer-links li a:hover {color: #cccccc; text-decoration: none;} #block-addtoany-0 { float: right; width: 200px;margin: 10px 20px 0 0;} #block-block-10 .block_recipes {background: url(../images/block_recipesBG.png) no-repeat 0 0; width: 300px; height: 167px;} #block-block-10 .block_recipes p {color: #999999; width: 290px; margin: 27px auto 0 auto;} #block-block-11 .block_hpproducts {background: url(../images/block_productsBG.png) no-repeat 0 0; width: 300px; height: 167px;} #block-block-11 .block_hpproducts a {width: 300px; height: 167px; display: block;} #block-block-15 .block_recipes_side {background: #fef0b8 url(../images/block_recipesBG.png) no-repeat -7px 0; width: 225px; height: 167px; margin-top: 0; border: 1px solid #ccc;} #block-block-15 .field-field-recipe-ingredients .field-label {} #block-block-15 .block_recipes_side p {color: #999999; width: 210px; margin: 35px 15px 0 auto;} #block-block-16 {margin: 0;} #block-block-16 .block_kaasGirl {background: url(../images/JustBeKaas_girl.jpg) no-repeat 0 11px; width: 240px; height: 256px; margin: 0;} /************************ TABS *******************************/ #hpPeople {width: 934px; height: 447px; /*padding: 14px 0 0 6px; margin-left: -250px; */ margin-top: 0px;} #hpPeople.hpPeople-inner {position: relative;} #hpPeople ul.tabs {position: absolute; background-color: transparent; list-style-type: none!important; list-style-image: none !important; margin: 0 0 0 0px !important; padding: 0; height: 360px; width: 934px; top: 100px;} #hpPeople ul.tabs li {display: inline; float: left; text-indent: 0; padding: 0; margin: 0 !important; list-style-type: none!important; list-style-image: none !important; background-image: none;} #hpPeople ul.tabs a {display: inline; line-height: 30px; width: 111px; text-align: center; text-decoration: none; padding: 0px; margin: 0px; list-style: none;} #hpPeople ul.tabs a:active {outline: none!important; border: none;} #hpPeople ul.tabs a:hover {} #hpPeople ul.tabs a.current, #hpPeople ul.tabs a.current:hover, #hpPeople ul.tabs li.current a {} #hpPeople ul.tabs a#aTab0, #hpPeople ul.tabs a#aTab1,#hpPeople ul.tabs a#aTab2,#hpPeople ul.tabs a#aTab3 {float: left; display: inline; list-style: none; list-style-image: none; height: 360px;} #hpPeople ul.tabs li a#aTab0 {width: 360px; height: 300px; cursor: pointer;} #hpPeople ul.tabs li a#aTab1 {height: 344px; width: 260px; cursor: pointer;/* background-color: #123456 */} #hpPeople ul.tabs li a#aTab2 {height: 344px; width: 150px;cursor: pointer;/* background-color: #242323 */} #hpPeople ul.tabs li a#aTab3 {height: 344px; width: 160px; cursor: pointer; /* background-color: #786878 */} #hpPeople div.panes div.pane, #hpPeople div.panes div.pane #pane1 {display: none!important;} #hpPeople div.panes div {display: none; padding: 15px 10px; border-top: 0; height: 447px; position: absolute;} #hpPeople div.panes {background: url(../images/hps_tab-default.png) no-repeat 0 0; height: 447px; width: 950px;position: absolute;} #hpPeople div.panes #pane0 {background: transparent; height: 0px; width: 0px; display: none;} #hpPeople div.panes #pane1 {background: url(../images/hps_momkids-color.png) no-repeat 0 0; height: 447px; width: 950px;} #hpPeople div.panes #pane2 {background: url(../images/hps_single-color.png) no-repeat 0 0; height: 447px; width: 950px;} #hpPeople div.panes #pane3 {background: url(../images/hps_couple-color.png) no-repeat 0 0; height: 447px; width: 950px;} /****************** Product Page ************************/ /*hiding title on this page only*/ #pid-products h1.title {display:block; float:left; text-indent: -999px;} #view-id-our_products-page_1 .productHeader {background: url(../images/produtcsHeader-bubble.png) no-repeat top right; height: 147px; width: 650px; float: right; } #view-id-our_products-page_1 .productHeader h1 {color: #143791; font-size: 130%;margin-bottom: 3px;font-weight: 300;} #view-id-our_products-page_1 .productHeader p {width: 350px;color: #666;font-size: 110%;line-height: 150%;} #view-id-our_products-page_1 table.views-view-grid {width: 460px; margin: 0 0 30px 40px;} #view-id-our_products-page_1 table.views-view-grid tr td {text-align: left; vertical-align: bottom; padding: 5px 10px;} #view-id-our_products-page_1 .views-field-title a {color: #143791; font-weight: bold;font-size: 95%; margin: 0 10px 0 15px; white-space: nowrap;} #view-id-our_products-page_1 .views-field-field-subheading-value a {color: #db1f27; font-size: 95%; margin-left: 15px;} .node-type-products #main-group {float:right;} .node-type-products #content-inner-inner h1 {display: none;} .node-type-products {width:100%;font-family: Arial, Helvetica, sans-serif;} .node-type-products p {color: #404041;font-size: 110%;line-height: 150%;margin: 10px 0;padding: 10px 0 5px 0;} .node-type-products .field-field-product-title {float: left;width: 321px;} .node-type-products .field-field-subheading {clear:left;color:#EE1E1E;font-size:1.8em;font-weight:bold;margin: 0 0 20px 0;padding: 5px 0 0 0;} .node-type-products .field-field-product-large {float:right;width:180px;margin: 0 30px 0 0;} /* .node-type-products .field-field-nutrition {display:block;} */ .node-type-products .field-field-nutrition .nutrition-info {height: 27px; width: 192px; background: url(../images/nutrition-info-button.gif) no-repeat 0 0; display: block;} .node-type-products .field-field-nutrition .nutrition-info:hover {background: url(../images/nutrition-info-button.gif) no-repeat 0 -29px;} .node-type-products .field-field-beauty-shot {clear:both;float:right;} .node-type-products .views-field-field-product-large-fid {float: left; clear: left;} #pid-products .view-header {height: 120px;} /* .node-type-products #block-block-13 {margin: 20px 0 0 0;} */ #block-views-our_products-block_1 {background: #fff1ba url(../images/product_block_learnmore.png) no-repeat -2px 0;padding-top: 50px;} #block-views-our_products-block_1 .view-id-our_products table.views-view-grid tr, #block-views-our_products-block_1 .view-id-our_products table.views-view-grid tr td {padding: 0;} /* #block-views-our_products-block_1 .view-id-our_products table.views-view-grid .row-last td.col-4 {width: 1px!important;} */ /* #webform-client-form-24 .webform-component-textarea, #webform-client-form-24 .webform-component-textfield {width: 300px; float: left; clear: left;} #webform-client-form-24 #webform-component-address {float: right; clear: right; display: block;} #webform-client-form-24 #webform-component-address_2 {float: right; clear: right; display: block;} */ /* #webform-client-form-49 #webform-component-newsletter {height: 20px; margin: -4px 0 0 0;} #webform-client-form-49 #webform-component-newsletter label {float:left;width:95px;} #webform-client-form-49 #webform-component-newsletter #edit-submitted-comment-or-question-wrapper.form-item label {clear: left;} #webform-client-form-49 #webform-component-newsletter label.option {width: 100px; margin-left: -16px;} #webform-client-form-49 #webform-component-newsletter .form-radios {height: 20px; float: left; display: inline; width: 200px; margin-top:-4px;} #webform-client-form-49 #webform-component-newsletter #webform-component-comment_or_question.webform-component-textarea {} */ /****************** Recipe Page ************************/ .node-type-recipes {} .node-type-recipes .meta {display: none;} .node-type-recipes h2.title, .node-type-recipes h1.title a {color: #ed1c24; font-size: 120%;margin-left: 30px;/* float: left; */} .node-type-recipes .field-field-recipebody {width: 290px;float: left; font-size: 130%; line-height: 120%; margin-left: 25px;} .node-type-recipes .field-field-recipe-image {float: right; display: inline; /* margin-right: -60px; */ /* width: 340px; */ /* position: absolute; */} #pid-recipes .field-field-recipe-image {margin-top: -250px;} .node-type-recipes .field-field-recipe-ingredients {clear: left; width: 350px;} .node-type-recipes .field-field-recipe-ingredients p, .node-type-recipes .field-field-recipe-directions p {line-height: 150%; padding: 0 20px;} .node-type-recipes .field-field-recipe-ingredients .field-label, .node-type-recipes .field-field-recipe-directions .field-label {text-transform: uppercase; font-size: 120%; padding: 10px 20px;} .node-type-recipes .field-field-recipe-image .field-label {display: none;} .node-type-recipes .field-field-recipe-directions {margin: 20px 0 0 0;} .node-type-recipes .field-field-recipe-servings {margin: 10px 20px;} .field-field-recipe-ingredients {/* float: left; */} .node-type-recipes a.vegytimes {display: block; text-indent: -999px; background: url(../images/VTLogo.jpg) no-repeat 0 0; width: 273px; height: 50px;} /* Print Recipies */ /* #pid-recipes h1.title {background: url(../images/h_question.jpg) no-repeat 0 0; width: 390px; height: 115px; text-indent: -999px; } */ .node-type-recipes #print-page {width: 200px; height: 110px; display: block; margin: 20px 0 10px 0; float: left; } .node-type-recipes #print-page a.print-recipe {background: url(../images/soykaas.RecipesSHARE2.gif) no-repeat 0 0; width: 175px; height: 27px; display: block; float: left; clear: left;text-indent: -999px; margin: 0 0 7px 20px;} .node-type-recipes #print-page a.print-recipe:hover {background: url(../images/soykaas.RecipesSHARE2.gif) no-repeat -173px 0px; } .node-type-recipes #print-page a.print-fullpage-recipe {background: url(../images/soykaas.RecipesSHARE2.gif) no-repeat 0px -24px; width: 175px; height: 27px; display: block; float: left; clear: left; text-indent: -999px; margin: 0 0 5px 20px;} .node-type-recipes #print-page a.print-fullpage-recipe:hover {background: url(../images/soykaas.RecipesSHARE2.gif) no-repeat -173px -24px; } .node-type-recipes #print-page a.email-recipe {background: url(../images/soykaas.RecipesSHARE2.gif) no-repeat 0px -48px; width: 175px; height: 27px; display: block; float: left; clear: left; text-indent: -999px; margin: 0 0 4px 20px;} .node-type-recipes #print-page a.email-recipe:hover {background: url(../images/soykaas.RecipesSHARE2.gif) no-repeat -173px -48px; } .node-type-recipes div.links ul.links .print_html, .node-type-recipes div.links ul.links .print_mail {display: none;} .node-type-recipes .field-field-recipe-servings {margin-bottom: 50px; clear: left;} .node-type-recipes .field-field-recipe-servings h3.field-label {float: left;} .node-type-recipes .field-field-recipe-servings .field-item, .node-type-recipes .field-field-recipe-servings .field-item .field-item {display: inline;float:left;} .node-type-recipes ul.links li.print_mail {margin: 20px; display: block;} .node-type-recipes ul.links li.print_mail a {color: } /* .node-type-recipes {margin: 20px 0 0 0;} */ /* .node-type-recipes .content {margin-left: 39px;} */ #block-views-featured_recipe-block_1 {background: #fef0b8; padding: 10px; margin: 0px 0 0 0; width: 240px;} #block-views-featured_recipe-block_1 .view-featured-recipe {margin-left: -10px;} #block-views-featured_recipe-block_1 a{color: #71706c;font-size:130%;line-height:150%;} #block-views-featured_recipe-block_1 a:hover {color: #860f19;} #block-views-featured_recipe-block_1 a:active {color: #ed1c24;} #block-user-1 {margin: 0 0 20px 0;} /****************** FAQ Page ************************/ #pid-faq h1.title {background: url(../images/h_question.jpg) no-repeat 0 0; width: 390px; height: 115px; text-indent: -999px; } #pid-faq h3 {color: #EE1E1E; font-size: 120%;} #pid-faq #node-8 {padding: 0 20px;} /****************** Health Page ************************/ #soykaasFamily img {margin-left: -10px;} /****************** Health Page ************************/ #pid-health h1.title {background: url(../images/h_health.jpg) no-repeat 0px -14px; width: 390px; height: 80px; text-indent: -999px;} /****************** Promotins Page ************************/ #pid-promotions h1.title {background: url(../images/h_promotions.jpg) no-repeat 0 0; width: 390px; height: 115px; text-indent: -999px;} /****************** Promotins Page ************************/ #pid-about-soy-kaas h1.title {background: url(../images/h_aboutsoykaas.jpg) no-repeat 0 0; width: 390px; height: 115px; text-indent: -999px;} /****************** Where To Buy Page ************************/ #partnersLogos {} #partnersLogos img {display: inline; vertical-align: middle; text-align: center; padding: 0; margin: 0;} .view-Sitemap ul li.views-row {list-style: none; list-style-image: none; list-style-type: none; margin: 0 0 0 -10px;} .view-Sitemap h3 {color: #143791; font-weight: bold;font-size: 135%; margin: 0 10px 0 15px; white-space: nowrap;} /* ADMIN */ body.front #content-messages {margin-left: 250px; width: 590px;} .front .addAnother {display: none;} .addAnother {display: block; width: 150px; border: 1px #feffd5 solid; font-size: 90%; color: #2c1c04; background: #ebebeb; padding: 5px 6px 7px 6px; margin: 40px 0 20px 0;} .addAnother:hover {border: 1px #d2d0cd solid; color: #2b2c2b; background: #e3d6a8;} /*NUTRITION INFO*/ #imageDetails #caption { display:block; float:left; font-weight:normal; margin-bottom:20px; width:260px; } #imageData #imageDetails { float:left; text-align:left; width:260px; } #imageData { padding-left: 28px; } #imageContainer img { float: left; }