/* Utilites ------------------------------ */ * { margin: 0; padding: 0; } *:focus { outline: none; } .hidden { display: none; } .show { display: block!important; } .no-margin { margin: 0!important; } .no-padding { padding: 0!important; } .no-bg { background: none!important; } .no-border, img { border: none!important; } .container { overflow: hidden; } .img-repl { text-indent: -9999px; overflow: hidden; display: block; } /* Main custom rules ------------------------------ */ html { background: #cc9966; font: 12px/1.3 Arial, Helvetica, sans-serif; } body { } a { color: #900; text-decoration: none; } a:visited { } a:hover { text-decoration: underline; } a:active { } #col-right p a {color: #666;} #site .gray, #site .gray a, #site .gray strong { color: #ccc!important; } /* Demo Template ------------------------------ */ #site { width: 960px; margin: 0 auto; position: relative; background: url(/pic/site.gif) repeat-y;} .action #site { background: url(/pic/site-2.gif) repeat-y; } #site-inner { background: url(/pic/header-3.jpg) no-repeat; padding-top: 110px; } #print-back {display: none;} .action #site-inner { background: url(/pic/site-inner-2.gif) repeat-y; } #header { height: 148px; position: absolute; top: 0px; left: 0; width: 960px;} .action #header { background: url(/pic/header-2.jpg) no-repeat; } #main-menu {} #main-menu li { height: 23px; line-height: 23px; float: left; list-style: none; } #main-menu li a { color: #fff; position: absolute; top: 54px; height: 60px; text-decoration: none; text-align: center; overflow: hidden; text-indent: -9999px; } .action #main-menu li a { height: 80px; top: 52px; } #header #main-menu li a:hover { background-position: 0 -60px; } .action #header #main-menu li a:hover { background-position: 0 -80px; } #main-menu li.active a { background-position: 0 -120px; } .action #main-menu li.active a { background-position: 0 -160px; } #main-menu-1 a { left: 182px; width: 111px; background: url(/pic/main-menu/main-menu-1.gif) no-repeat; } .action #main-menu-1 a { left: 248px; width: 104px; background: url(/pic/main-menu/main-menu-1-2.gif) no-repeat; } #main-menu-2 a { left: 278px; width: 92px; background: url(/pic/main-menu/main-menu-2.gif) no-repeat; } .action #main-menu-2 a { left: 352px; width: 92px; background: url(/pic/main-menu/main-menu-2-2.gif) no-repeat; } #main-menu-3 a { left: 370px; width: 92px; background: url(/pic/main-menu/main-menu-3.gif) no-repeat; } .action #main-menu-3 a { left: 444px; width: 92px; background: url(/pic/main-menu/main-menu-3-2.gif) no-repeat; } #main-menu-4 a { left: 462px; width: 92px; background: url(/pic/main-menu/main-menu-4.gif) no-repeat; } #main-menu-5 a { left: 554px; width: 96px; background: url(/pic/main-menu/main-menu-5.gif) no-repeat; } #main-menu-6 a { left: 672px; width: 94px; background: url(/pic/main-menu/main-menu-6.gif) no-repeat; } #main-menu-7 a { left: 766px; width: 91px; background: url(/pic/main-menu/main-menu-7.gif) no-repeat; } #main-menu-8 a { left: 857px; width: 93px; background: url(/pic/main-menu/main-menu-8.gif) no-repeat; } #home { text-indent: -9999px; position: absolute; width: 181px; height: 118px; left: 0; top: 0; z-index: 1000; cursor: pointer !important; display:block;} .action #home { width: 194px; height: 118px; left: 38px; top: 6px;} #logo { text-indent: -9999px; position: absolute; width: 42px; height: 42px; right: 23px; top: 5px;} .action #logo {top: 18px; height: 65px; width: 65px; right: 18px;} #print-logo, #print-home {display: none;} #col-left { float: left; width: 173px; position: relative; z-index: 10; } #col-right { float: left; width: 277px; position: relative; z-index: 10;} #breadcrumbs { background: #fff; font-size: 11pt; font-weight: bold; color: #003F89; padding: 8px 20px; margin: 0 -10px 0 -21px; } #breadcrumbs img { vertical-align: baseline; } #content { float: left; width: 440px; padding: 0 41px 30px 20px; position: relative; z-index: 10; min-height: 1000px; } .action #content { float: none; width: auto; padding: 30px 12px 0 30px; position: relative; z-index: 10; min-height: 500px; } .minisite { background: url(/pic/minisite.gif) no-repeat; width: 890px; height: 550px; padding: 13px; } #footer { clear: both; background: url(/pic/footer.jpg) no-repeat 0 0; position: relative; padding: 83px 0 0; text-align: center;} #footer .f_wrpr { background: url(/pic/footer-repeat.jpg) repeat-y 0 0;} .action #footer {background: url(/pic/footer-2.jpg) no-repeat; padding-top: 95px;} #footer .a-center { font-size: .9em; padding: 10px 0; } #footer-menu {width: 465px; text-align: center; margin: 0 0 20px 200px; line-height: 1.9em;} .action #footer-menu {padding-bottom: 35px; margin-bottom: 0 !important;} #footer-menu li {display: inline; float: none; padding: 0; white-space: nowrap} #footer-menu li a {display: inline; padding: 0 5px 0 11px; background: url(/pic/f-arrow.gif) no-repeat 0 center; color: #666;} #footer a.toTop {display:block; height: 60px; position: absolute; right: 18px; text-indent: -5000px; top: 18px; width:60px;} #msg-email-error { top: 132px; left: -55px; } .action #msg-email-error { top: 100px; left: -19px; z-index: 1000;} .action #msg-email-error .message-text {z-index: 1000; background-color: #f5ecd6;} #col-left #msg-email-error { left: 40px; } .message { width: 126px; height: 80px; padding: 34px 8px 6px 8px; position: absolute; z-index: 1000; text-align: center; visibility: hidden;; } .message .background { background: url(/pic/message.png) no-repeat; width: 142px; height: 120px; position: absolute; left: 0; top: 0; } #col-left .message .background { background: url(/pic/message-r.png) no-repeat;} .message-text, .message-text * { position: relative; filter:alpha(opacity=100) !important; -moz-opacity:1 !important; opacity:1 !important; zoom: 1;} .message-text img { padding-bottom: 3px; } #re-menu { height: 557px; position: relative; margin: 20px 0 0 0; background: url(/pic/re-menu.jpg) no-repeat; } #re-menu li { list-style: none; } #re-menu a { height: 15px; padding: 15px 0 8px 33px; font-weight: bold; text-decoration: none; display: block; text-align: center; font-size: 12px; text-transform: uppercase; } #re-menu a:hover { color: #fff; } #re-menu-1 a { padding-top: 18px; color: #cc3333; padding-left: 35px; padding-bottom: 13px; } #re-menu-2 a { color: #006699; padding-top: 8px; padding-bottom: 12px; padding-left: 33px; } #re-menu-3 a { color: #336633; padding-bottom: 16px; padding-top: 12px; } #re-menu-4 a { color: #996633; padding-top: 12px; padding-bottom: 11px; } #re-menu-5 a { color: #cc6633; padding-top: 5px; padding-bottom: 16px; padding-left: 33px; line-height: 13px; } #re-menu-6 a { color: #990000; padding-bottom: 17px; padding-left: 35px; } #re-menu-7 a { color: #663399; padding-top: 9px; padding-bottom: 11px; } #re-menu-8 a { color: #336633; padding-top: 11px; padding-bottom: 11px; } #re-menu-9 a { color: #cc3333; padding-top: 11px; padding-bottom: 13px; } #re-menu-10 a { color: #996633; padding-top: 9px; padding-bottom: 12px; } #re-menu-11 a { color: #cc3333; padding-top: 12px; padding-bottom: 16px; } #re-menu-12 a { color: #663399; line-height: 16px; padding-top: 5px; padding-bottom: 18px; } #re-menu-13 a { color: #990000; padding-top: 10px; padding-bottom: 12px; } #re-menu-14 a { color: #006699; padding-top: 9px; padding-bottom: 17px; } #search-form { padding: 0 0 0 45px; margin-bottom: 20px; } #search-form-text, #search-form-select, .i-text { width: 117px; padding: 1px; border: 1px solid #c1d0e3; border-bottom: 1px solid #7699c3; border-left: 1px solid #7699c3; margin-bottom: 13px; background: #edf2f8; } #search-form-select { width: 121px; margin-bottom: 13px; } #mail-submit-form { background: url(/pic/mail-submit-form.gif) no-repeat; width: 173px; height: 156px; position: relative; margin-bottom: 15px; } #mail-submit-form .i-text { position: absolute; left: 27px; top: 91px; } #mail-submit-form .i-button { position: absolute; left: 41px; top: 119px; } #header #mail-submit-form { position: absolute; left: 603px; top: 0px; background: url(/pic/mail-submit-form-2.jpg) no-repeat; width: 228px; height: 113px; } #header #mail-submit-form .i-text { position: absolute; left: 20px; top: 72px; width: 168px; } #header #mail-submit-form .i-button { position: absolute; left: 64px; top: 91px; } #calculator { width: 152px; height: 203px; background: url(/pic/calculator.gif) no-repeat; position: relative; } #calc-1, #calc-2, #calc-3, #calc-4 { position: absolute; left: 54px; width: 75px; margin: 0; } #calc-1 { top: 41px; } #calc-2 { top: 76px; } #calc-3 { top: 111px; } #calc-4 { top: 146px; } #calc-enter { left: 24px; top: 174px; position: absolute; } .site-block { margin-bottom: 20px;} .site-block dt { margin-bottom: 8px; padding: 2px 20px; font-size: 18px; } .site-block dt.h-blue { background: url(/pic/site-block-h-blue.gif) repeat-y; } .site-block dt.h-red { background: url(/pic/site-block-h-red.gif) repeat-y; } .site-block dt.h-violet { background: url(/pic/site-block-h-violet.gif) repeat-y; } .site-block dt strong { font-weight: normal; color: #fff; } .site-block dt strong a { color: #fff; text-decoration: none; } .site-block dd { padding: 2px 10px 5px 9px; border-left: 1px solid #039; } #col-right .site-block dd { padding: 2px 10px 0 9px; border-left: 1px solid #039; } .site-block dd .site-block-content { border-bottom: 1px solid #039; width: 238px; padding-right: 10px; margin-top: 10px;} .hot dd, .sjournal dd, .sadv dd, .svidrec dd {padding-bottom: 0;} .hot dd .blue-hr, .sjournal dd .blue-hr, .sadv dd .blue-hr, .svidrec dd .blue-hr {margin-top: 5px;} /* .hot dd {border-bottom: 1px solid #039;} */ .hot dd .site-block-content, .sjournal dd .site-block-content, .sadv dd .site-block-content, .svidrec dd .site-block-content {border-bottom: none !important;} .red-headers h2, .red-headers h3, .red-headers h2 a, .red-headers h3 a { color: #a60f13; } #col-left .text { font-size: 8pt; color: #ccc; } #col-left .text a { color: #ccc; } .banner { background: #006699; width: 258px; margin-bottom: 20px; height: 110px;} .bigbanner55 { background: #006699; width: 440px; height: 55px; margin-bottom: 20px; } .bigbanner110 { background: #006699; width: 440px; height: 110px; margin-bottom: 20px; } .popup .h-advise {padding-top: 0;} .popup td {font-size: 9pt;} .popup td.zag_red {font-size: 11pt; font-weight: bold; color: #EC7621; } .h-reciept_tv { background: #fff url(/pic/reciept_tv.gif) no-repeat left bottom; width: 415px; height: 17px; margin-bottom: 8px; margin-left: -21px; padding-top: 16px; } .tag-cloud { line-height: 18px; text-align: justify; } .tag-cloud .red { color: #990000; font-size: 15px; } .tag-cloud a { text-decoration: none; } .tag-cloud a:hover { text-decoration: underline; } .size-0 { font-size: 9px; } .size-1 { font-size: 11px; } .size-2 { font-size: 14px; } .size-3 { font-size: 16px; } .size-4 { font-size: 17px; } .size-5 { font-size: 18px; } .size-6 { font-size: 19px; } .size-7 { font-size: 20px; } .size-8 { font-size: 21px; } .size-9 { font-size: 22px; } .size-10 { font-size: 23px; } #full-tag-cloud-view, .overlay-container-full { position: relative; } #full-tag-cloud-view-link { text-decoration: underline; cursor: pointer; padding-right: 74px; margin-top: 5px;} #full-tag-cloud, .overlay-container {visibility: hidden; position: absolute; left: -382px; top: 240px; width: 355px; padding: 22px 30px 17px 30px; /* filter:alpha(opacity=95); -moz-opacity:.95; opacity:.95; */ background: #f5ecd4; z-index: 1000; } #full-tag-cloud .tag-cloud { display: block; } #full-tag-cloud a { color: #666; } #full-tag-cloud-close, .close-button-on-overlay { position: absolute; right: 12px; top: 9px; background: url(/pic/close.gif) no-repeat; width: 14px; height: 14px; cursor: pointer; } /* sendafriend-form */ #overlay-email {left: 0; top: -260px; width: 300px; padding-right: 0;} #sendafriend-form h4 {margin: 0 0 20px; padding: 0;} #sendafriend-form input, #sendafriend-form label {display: block; margin: 0 0 20px 0; padding: 0; width: 150px; float: left; clear: none;} #sendafriend-form label {padding: 2px 0 0; width: 120px;} #sendafriend-form input.submit {width: auto; clear: none; margin: 0 0 0 120px;} /* #overlay-blog */ #overlay-blog {left: 0; top: -100px; width: 420px; padding-right: 0;} #overlay-blog input, #overlay-blog label, #overlay-blog textarea {display: block; margin: 0 0 20px 0; padding: 0; width: 270px; float: left; clear: none;} #overlay-blog textarea {width: 274px;} #overlay-blog label {padding: 2px 0 0; width: 120px;} /* advise-overlay */ #advise-overlay {left: 51px; margin-top: 1.4em;} #advise-overlay h1 {font-size: 140%; color: #990000} #advise-overlay p {margin-left: 0; padding-left: 0;} /* Recepts ------------------------------ */ .receipts { margin-left: 0!important; list-style: none; font-size: 14px; } .receipts li { padding-left: 15px; font-weight: normal; background: url(/pic/receipts-li.gif) no-repeat 0px 4px; position: relative;} .receipts li a { text-decoration: none; color: #980000; } .receipts-2 { list-style: none; color: #003f89; margin-left: 0px!important; border-left: 1px solid #7b92c1; } .receipts-2 li { padding: 0px 0 5px 10px; } .receipts-2 li h3 a { color: #8d0000; text-decoration: none; font-size: 14px; } /* Horizontal Menu ------------------------------ */ .menu-h { overflow: hidden; } .menu-h li { float: left; list-style: none; padding: 0 .8em; } /* Horizontal Drop Down Menu ------------------------------ */ .menu-h-d { min-height: 24px; border-left: 1px solid #ccc; } .menu-h-d li { float: left; display: block; position: relative; border: 1px solid #ccc; border-width: 1px 1px 1px 0px; list-style: none; } .menu-h-d a { text-decoration: none; padding: 2px 10px; display: block; } .menu-h-d ul { display: none; position: absolute; top: 22px; left: -1px; width: 160px; background: #fff; border: 0; border-bottom: 1px solid #ccc; } .menu-h-d ul ul { left: 100%; top: -1px; } .menu-h-d li li { float: none; border-width: 1px 1px 0px 1px; } .menu-h-d li:hover { background: #ccc; } .menu-h-d a:hover { color: #fff; } .menu-h-d li:hover ul ul, .menu-h-d li:hover ul li:hover ul ul { display: none; } .menu-h-d li:hover ul, .menu-h-d li:hover ul li:hover ul, .menu-h-d li:hover ul li:hover ul li:hover ul { display: block; } /* Vertical Menu ------------------------------ */ .menu-v a, .menu-h a { text-decoration: none; display: block; } .menu-v a:hover, .menu-h a:hover { text-decoration: underline; } .menu-v { border-top: 1px solid #ccc; } .menu-v li { padding: 2px 0; list-style: none; border-bottom: 1px solid #ccc; } .menu-v li ul { padding-left: 1em; margin-top: 2px; } .menu-v li li { border: none; border-top: 1px solid #ccc; } /* Vertical Drop Down Menu ------------------------------ */ .menu-v-d { border-top: 1px solid #ccc; } .menu-v-d li { padding: 2px 0; display: block; position: relative; border: 1px solid #ccc; border-width: 0px 1px 1px 1px; list-style: none; } .menu-v-d li a { display: block; position: relative; text-decoration: none; padding-left: 10px; } .menu-v-d li:hover { background: #ccc; } .menu-v-d a:hover { color: #fff; } .menu-v-d li ul { display: none; position: absolute; top: -1px; border-top: 1px solid #ccc; left: 100%; width: 100%; background: #fff; } .menu-v-d li ul li { background: #fff; } .menu-v-d li:hover ul ul, .menu-v-d li:hover ul li:hover ul ul { display: none; } .menu-v-d li:hover ul, .menu-v-d li:hover ul li:hover ul, .menu-v-d li:hover ul li:hover ul li:hover ul { display: block; } .menu-v-d ul ul { left: 100%; } /* Content elements ------------------------------ */ .padding-r-null { padding-right: 0 !important; } .padding-b-null { padding-bottom: 0 !important; } .padding-t-null { padding-top: 0 !important; } .content h1, .content h2, .content h3, .content h4 { font: normal 1.7em Arial, Helvetica, sans-serif; margin-bottom: .5em; } .content h1 { font-size: 23px; color: #000; font-weight: normal; } .content h2 { font-size: 9pt; color: #003F89; margin-bottom: 16px; } .content h2.red { color: #EC7621; background: #FCE0D2; } .content h3 { font-size: 14px; line-height: 16px; } .content h4 { font-size: 1.3em; font-weight: normal; } blockquote { margin-left: 10em; padding-left: 1em; border-left: 2px solid #ccc; } pre, code { font: 1.2em/1.8 "Courier New", Courier, monospace; border: 1px dashed #aaa; padding: 1em; background: #eee; } code { padding: .2em .5em; } .content ul, .content ol { margin-left: 3em; line-height: 1.3em; } .content ul li, .content ol li { margin-bottom: .2em; } .icons a, .icon { padding-left: 20px; background-repeat: no-repeat; background-position: left center; } .content p, .content ul, .content ol, .content table, blockquote, pre, .columns { margin-bottom: 1em; } .yellow-headers h2, .yellow-headers h3 { color: #EC7621; background: none; } .yellow-headers h2 a, .yellow-headers h3 a {color: #EC7621;} .yellow-hr { height: 2px; font-size: 2px; margin-bottom: 20px; background: #fce0d2; } .blue-hr { height: 1px; font-size: 1px; margin-bottom: 20px; background: #039; /* #7f99cc */; overflow: hidden;} .blue-hr.print-grey-hr {border-width: 0;} .blue-header h3 { color: #004480 !important; } .red-header h3 { color: #990000 !important; } .videorecipe .red-header {padding-top: 2em;} .videorecipe .rating small {line-height: 2em;} .videorecipe .rating .smoothAnchors small, .mp4link a, .recipe-one .rating .smoothAnchors small {color: #666;} .main-header { margin: 4px -22px 13px -15px; height: 50px;} .main-header img {margin: 0 0 -2px 5px; } .main-header img.print-arrow {display: none;} .main-header h1, .main-header h4 { color: #fff; padding: 11px 0 4px 67px; font-size: 23px; font-weight: normal; } .main-header h1 a, .main-header h4 a { color: #fff;} .h-green { background: url(/pic/headers/h1-green.gif) no-repeat; } .h-blue { background: url(/pic/headers/h1-blue.gif) no-repeat; } .h-viol { background: url(/pic/headers/h1-viol.gif) no-repeat; } .h-red { background: url(/pic/headers/h1-red.gif) no-repeat; } .h-grey { background: url(/pic/headers/h1-grey.gif) no-repeat; } .h-journal { background: url(/pic/headers/journal.gif) no-repeat; } #h-spices { background: url(/pic/headers/spices.gif) no-repeat; } .main-header.recipe_week h1, .main-header.recipe_week h4 { background: url(/pic/headers/recipe-week.gif) no-repeat 11px 8px; } .main-header#h-products h1, .main-header#h-products h4 { background: url(/pic/headers/products.gif) no-repeat 0 0; } .main-header#h-about h1, .main-header#h-about h4 { background: url(/pic/headers/about.gif) no-repeat 0 0; } .video-title h5 {display: block; padding: .5em 0; font-size: 100%; font-weight: normal} .video-title h5 a {color: #A60F13; font-size:14px; line-height:16px; font-weight: normal;} .recipe-main-header { width: 210px; margin-right: -10px; zoom: 1; float: left;} .recipe-header h1 { color: #996633; font-size: 20px; } .video-header h1 { color: #990000; font-size: 20px; } .recipe-header-h2 { padding: 0 0 0 15px; background: url(/pic/headers/recipe-header-2.gif) repeat-y; margin-bottom: 10px; } .recipe-header-h2 h2 { color: #fff; margin: 0; font-size: 14px; padding: 3px 0 2px; } .h2-recipe-red { background: url(/pic/headers/recipe-header-2-red.gif) repeat-y; } .icon-search h1, .icon-search h4 { background: url(/pic/icons/icon-search.gif) no-repeat; } .icon-tv h1 { background: url(/pic/icons/icon-tv.gif) no-repeat; } .main-header.no-icon h1, .main-header.no-icon h4 {padding-left: 18px;} .advise-header h2 {color: #996633; font-size: 17px;} .text-block { padding: 7px 15px; } div.text-block { margin-bottom: 1em; } .blu-border-text-block { border-left: 1px solid #7b92c1; padding: 7px 15px 7px 14px; } .tags { color: #666; } p.tags { margin-bottom: 0; } .tags a { color: #666; text-decoration: none; } .tags a:hover { text-decoration: underline; } .video-item { margin-bottom: 20px; } .video-item-video { padding: 1px; border: 1px solid #004480; float: left; } .video-item-text { margin-left: 104px; } .video-item-text h3 { font-weight: normal; color: #990000; } .video-item-text h3 a { text-decoration: none; color: #990000!important; } .video-item-text p { margin-bottom: 0!important; } .pager img { vertical-align: middle; position: relative; top: 4px; margin: 0 3px;} .pager { text-align: center; padding-bottom: 10px; } .pager a, .pager span { color: #666; font-size: 14px; padding: 0 5px; cursor: pointer; } .pager span.a {cursor: default;} .pager a.active, .pager span.active { color: #963!important; } /* .search_form */ .search_form, .search_form fieldset {display: block; margin: 0; padding: 0; position: relative;} .search_form {margin-bottom: 5px;} .search_form h3 {display: block; background-image: url(/images/heading-green1.jpg); color: #fff; width: 255px; height: 33px; padding: 3px 0 0 22px; font-weight: normal; font-size: 150%; text-indent: -10000px;} .search_form input {display: block; margin: 0; padding: 0;} .search_form .input_wrpr, .search_form select {display: block; margin: 0; padding: 0; float: left; clear: none;} .search_form select {width: 126px; margin-right: 4px;} .search_form select option {text-indent: 10px} .search_form .input_wrpr {width: 106px; height: 20px; margin-right: 2px; background-image: url(/images/search-text-input.gif); position: relative;} .search_form .input_wrpr input {width: 102px; height: 15px; padding: 3px 2px 2px; background-color: transparent; border-width: 0;} .search_form input.submit {width: 20px; height: 20px; background-image: url(/images/search-submit-icon.jpg); border-width: 0; cursor: pointer; margin: 0; padding: 0;} /* Cat ID Headers */ .cat-header { margin-bottom: 9px;} .cat-header h2 { padding: 5px 7px 5px 46px; margin: 0!important; font-size: 14px; font-weight: normal; } #cat-3 h2 { background: url(/pic/headers/cat-3.gif) no-repeat; color: #325c2e;} #cat-5 h2 { background: url(/pic/headers/cat-5.gif) no-repeat; color: #074b80; } #cat-10 h2 { background: url(/pic/headers/cat-10.gif) no-repeat; color: #325c2e; } #cat-15 h2 { background: url(/pic/headers/cat-15.gif) no-repeat; color: #dc4031; } #cat-11 h2 { background: url(/pic/headers/cat-11.gif) no-repeat; color: #dc4031; } #cat-14 h2 { background: url(/pic/headers/cat-14.gif) no-repeat; color: #652d8a; } #cat-12 h2 { background: url(/pic/headers/cat-12.gif) no-repeat; color: #875325; } #cat-9 h2 { background: url(/pic/headers/cat-9.gif) no-repeat; color: #a40f13; } #cat-19 h2 { background: url(/pic/headers/cat-19.gif) no-repeat; color: #a40f13; } #cat-4 h2 { background: url(/pic/headers/cat-4.gif) no-repeat; color: #cd4f1d; } #cat-3 h2 { background: url(/pic/headers/cat-3.gif) no-repeat; color: #875325; } #cat-13 h2 { background: url(/pic/headers/cat-13.gif) no-repeat; color: #074b80; } #cat-8 h2 { background: url(/pic/headers/cat-8.gif) no-repeat; color: #652d8a; } #cat-6 h2 { background: url(/pic/headers/cat-6.gif) no-repeat; color: #dc4031; } #cat-7 h2 { background: url(/pic/headers/cat-7.gif) no-repeat; color: #325c2e; } #cat-21 h2 { background: url(/pic/headers/cat-21.gif) no-repeat; color: #dc4031; } /* Text align & Float ------------------------------ */ .cc {clear: both;} .a-left { text-align: left; } .a-center { text-align: center; } .a-right { text-align: right; } .f-left { float: left; } .f-right { float: right; } /* Tables ------------------------------ table { border-collapse: collapse; width: 100%; } table th, table td { border: 1px solid #ccc; padding: 2px 3px; vertical-align: top; } table th { background: #f4f4f4; } table td { } */ /* Columns ------------------------------ */ .columns { width: 100%; overflow: hidden; } .w-5, .w-10, .w-15, .w-20, .w-25, .w-30, .w-35, .w-40, .w-45, .w-50, .w-55, .w-60, .w-65, .w-70, .w-75, .w-80, .w-85, .w-90, .w-95, .w-100, .w-33, .w-66, .w-38, .w-62 { float: left; overflow: hidden; } .col-content { padding: 0 6px; } .col-first { padding-left: 0!important; } .col-last { padding-right: 0!important; } .w-5 { width: 5%; } .w-10 { width: 10%; } .w-15 { width: 15%; } .w-20 { width: 20%; } .w-25 { width: 25%; } .w-30 { width: 30%; } .w-35 { width: 35%; } .w-40 { width: 40%; } .w-45 { width: 45%; } .w-50 { width: 50%; } .w-55 { width: 55%; } .w-60 { width: 60%; } .w-65 { width: 65%; } .w-70 { width: 70%; } .w-75 { width: 75%; } .w-80 { width: 80%; } .w-85 { width: 85%; } .w-90 { width: 90%; } .w-95 { width: 95%; } .w-100 { width: 100%; } .w-33 { width: 33%; } .w-66 { width: 66%; } .w-38 { width: 38%; } .w-62 { width: 62%; } /* Images ------------------------------ */ /*.content img { padding: 5px; border: 1px solid #ccc!important; margin-top: .4em; }*/ .content img.null-image { padding: 0!important; border: none!important; margin: 0!important; } img.f-left { margin-right: 1em; } img.f-right { margin-left: 1em; } /* Content Form ------------------------------ */ .content form { padding: .5em 0; } .content fieldset { margin-bottom: 1em; border: none; } .content legend { margin-top: -1px; padding-bottom: 1em; font-size: 1.1em; font-weight: bold; } .content .f-row { overflow: hidden; margin-bottom: .5em; } /*.content label { float: left; text-align: right; width: 25.99%; padding: 0 2%; }*/ .content .f-inputs { padding-left: 30%; } .f-actions { padding-top: 1em; border-top: 1px solid #ccc; } /* Inputs ------------------------------ */ input { vertical-align: middle } .i-checkbox { margin-top: 3px; } .i-text { font: 1em sans-serif; border: none; background: #fff url(/pic/i-text.gif) repeat-x; padding: 2px 1px; height: 15px; line-height: 15px; width: 128px; } .button { padding: 0 .25em; width: auto; overflow: visible; cursor: pointer; } .footerPhrase {color: #666; text-align: center; font-size: 8pt; padding: 0 0 .5em} /* sidebar fixes */ .advice-r p, .journal-r p {padding-right: 1em;} .journal-r {padding-bottom: 1em;} /* recipe_week, guests, journal, forum on HOMEPAGE */ #recipe_week div.blue-hr {margin: 0 0 15px; padding: 0;} #recipe_week h4 a, #guests h4 a, #journal h4 a, .advise li a {color: #990000;} #guests div.blue-hr, #journal div.blue-hr, #forum div.blue-hr {margin: 0; padding: 0;} #guests .text-block.blu-border-text-block.padding-r-null, #journal .text-block.blu-border-text-block.padding-r-null, #forum .text-block.blu-border-text-block.padding-r-null, #recipe_week .text-block.blu-border-text-block.padding-r-null {padding-bottom: 0;} #forum table td {padding: 4px 0;} #forum .cat-header h2, #guests .cat-header h2, #journal .cat-header h2, #advise .cat-header h2 {color: #fff; padding: 2px 0 3px 55px; font-weight: normal; font-size: 180%} #forum .cat-header h2 {background: url(/pic/headers/forum.gif) no-repeat;} #guests .cat-header h2 {background: url(/pic/headers/advises.gif) no-repeat;} #advise .cat-header h2 {background: url(/pic/headers/advises.gif) no-repeat;} #journal .cat-header h2 {background: url(/pic/headers/journal-h2.jpg) no-repeat;} /* social-block */ /* rating */ #social-block #ratings {margin: 0 0 11px; padding: 0 0 0 44px; background: #f1e4d9 url(/pic/icons/rate-icon.gif) no-repeat 0 0;} #social-block #rate-radios.rhidden {display: block; position: absolute; left: -3000px;} #social-block #ratings #ratingstatus {float: left; clear: none; padding-top: 3px; margin-right: 14px;} #social-block #ratings #ratingstatus h5 {font-size: 130%; font-weight: normal} #social-block #ratings #rate-img {background: transparent url(/pic/rating.gif) no-repeat 0 0; float: left; position: relative; margin-right: 8px;} #social-block #ratings #rate-img.cleared {width: 130px !important; height: 26px !important; } #social-block #ratings.rate1 #rate-img {background-position: 0 -26px;} #social-block #ratings.rate2 #rate-img {background-position: 0 -52px;} #social-block #ratings.rate3 #rate-img {background-position: 0 -78px;} #social-block #ratings.rate4 #rate-img {background-position: 0 -104px;} #social-block #ratings.rate5 #rate-img {background-position: 0 -130px;} #social-block #ratings #rate-img label {display: block; width: 26px; height: 0; padding: 26px 0 0; overflow: hidden; float: left; clear: none; z-index: 100 !important; position: relative; cursor: pointer;} #social-block #ratings #results {padding: 6px 0 0; margin: 0;} /* link-line */ #social-block .link-line a, #social-block .link-line span {color: #666; display: block; float: left; clear: none; background-repeat: no-repeat; margin-right: 31px; margin-bottom: 18px} #social-block .link-line a.print-link, #social-block .link-line span.print-link {background-image: url(/pic/icons/print.gif); padding: 11px 44px 5px 0; margin-right: 0px; background-position: 100% 0; cursor: pointer;} #social-block .link-line a.send-link, #social-block .link-line span.send-link {background-image: url(/pic/icons/mail.gif); padding: 11px 41px 5px 0; background-position: 100% 7px; cursor: pointer;} #social-block .link-line a.blog-link, #social-block .link-line span.blog-link {background-image: url(/pic/icons/blog.gif); padding: 11px 35px 5px 0; background-position: 100% 2px; cursor: pointer;} #social-block .link-line span:hover {text-decoration: underline;} /* sharebuts */ #social-block #sharebuts h5 {float: left; clear: none; font-size: 100%; color: #666; font-weight: normal; width: 166px;} #social-block #sharebuts .buts {float: left; clear: none;} /* journal-entry-list */ #journal-entry-list .text-block h4 a {color: #990000;} #journal-entry-list .text-block {padding-bottom: 0;} #journal-entry-list .text-block img {margin-bottom: 20px;} #journal-entry-list div.blue-hr {margin: 0; padding: 0;} /* products */ #products h2 {font-size: 120%; font-weight: normal; background-image: url(/pic/headers/product-h2.jpg); color: #fff; padding: 3px 0 3px 55px;} #products .product {padding: 0 0 0 8px; border-left: 1px solid #6265ad;} #products .product h3 {color: #916633; font-weight: normal; font-size: 120%; padding: 5px 0 0 35px; margin-bottom: 13px;} #products .product .columns {border-bottom: 1px solid #6265ad; padding-bottom: 13px;} #products .product .w-35 {text-align: center;} /* about-movies */ #about-movies div.blue-hr {margin: 0; padding: 0;} #about-movies .select-clip {border-left: 1px solid #7f99cc; padding: 0 0 0 14px; margin-bottom: 20px;} #about-movies h2 {color: #996633; font-weight: normal; font-size: 120%;} #about-movies .select-clip a {float: left; clear: none; text-align: center; margin: 0 28px 19px 0; color: #000;} #about-movies .select-clip a.last {margin-right: -20px;} #about-movies .select-clip img {display: block; margin-bottom: 4px;} #about-movies #embed-video {margin-bottom: 20px} /* list */ #about-movies .receipts-2 li {font-size: 130%; border-bottom: 1px solid #7f99cc; margin: 0 0 0 10px; padding: 0;} #about-movies .receipts-2 li.first {border-top: 1px solid #7f99cc;} #about-movies .receipts-2 a {color: #990000; display: block; padding: 18px 0; background: url(/pic/receipts-li.gif) no-repeat 100% 18px;} #friendErrors p {color: #900; margin: 0;} .bytag h5 {font-size: 1em; color: #000; padding-bottom: 1em;} .mp4link {font-weight: normal; padding: .5em 0 1em; text-align: right;} #content.content .video-recipe-item img {margin-bottom: 15px !important;} #content.content .video-recipe-item h3 a {color: #A60F13; font-size: 16px; line-height: 1.2em;} #content.content .video-recipe-item h4 {font-size: 12px; padding-top: .5em;} .advise .receipts-2 li {font-weight: normal; cursor: pointer; border-bottom: 1px solid #7f99cc; margin-left: 9px; padding-left: 0; padding-top: 3px;} .journal h4, .advise .receipts-2 li a, .fp .text-block h4, .videorecipes .video-recipe-item h3 a, .static h3 {background: transparent url(/pic/red-arrow.gif) no-repeat 100% 0; padding-right: 20px; min-width: 49%; display:block;;} .videorecipes .video-recipe-item h3 a, .journal h4.c-left {clear: left; width: 49%;} .videorecipes .video-recipe-item h3 a, .static h3 {background-position: 100% 3px;} #campaign h3.f-left {width: 160px; min-width: 100px; padding-bottom: 10px;} #campaign img.f-right {margin-bottom: 20px;} #campaign p.descr {float: left; width: 160px; color:#000 !important;} .spices h4 {color: #990000; padding-top: 10px; margin-bottom: 20px;} .spices .blue-hr {margin: 0; padding: 0;} .print-cc {clear: both;} #sendafriend-form h4, #overlay-blog h4 {background-image: none;} #forum div.blu-border-text-block {padding-right: 0 !important;} #forum table {width: 420px;} h4 small a {color: #fff;} .journal h2 { color:#996633; font-size:17px;} /* campaign */ #h-campaign {background: url(/pic/headers/campaign.gif) no-repeat} #rate-form {position:relative;;} #res-hint {position: absolute; top: 10px; right: 5px; width: 120px; height: 20px; font-size: 13px; text-align: center; color: #000;} .links a strong {font-size: 14px; font-weight: normal; width: 60%; display: block; float: left; background: transparent url(/pic/red-arrow.gif) no-repeat 100% 0; padding-right: 15px; padding-bottom: 1em;} .links p a:hover strong {text-decoration: underline;} .links .main-header h1 {margin-bottom: 1em;} .links img.f-left {float: right;} .videorecipe .recipe-main-header p strong {font-weight: normal;} .visit-one .yellow-headers h3 a, .visit .yellow-headers h3 a {font-size: 20px; color: #900; line-height: 1.3em;} .visit-one .advise-header h2 {font-size: 20px;} .main-header h4 small {font-size: 60%;} /* .advise .pager, .journal .pager {padding-left: 50%;} .advise .pager .p-float, .journal .pager .p-float {float: left; left: -50%; position: relative;} */ .advise .pager .p-float, .journal .pager .p-float, .videorecipes .p-float, .visit .p-float {text-align: center;} .advise .pager .p-float .f-left, .advise .pager .p-float .f-right, .journal .pager .p-float .f-left, .journal .pager .p-float .f-right, .videorecipes .pager .p-float .f-left, .videorecipes .pager .p-float .f-right, .visit .pager .p-float .f-left, .visit .pager .p-float .f-right {float: none; display: inline;} .advise .pager .p-float .f-left img, .advise .pager .p-float .f-right img, .journal .pager .p-float .f-left img, .journal .pager .p-float .f-right img, .videorecipes .pager .p-float .f-left img, .videorecipes .pager .p-float .f-right img, .visit .pager .p-float .f-left img, .visit .pager .p-float .f-right img {top: -1px; position: relative;} /* sIFR */ #site #content .main-header h1 {visibility: hidden; clear: none; font-size: 13px !important;} #site #content.spices .main-header h1 {visibility: hidden; clear: none; font-size: 8px !important;} #site #col-right .site-block dt strong {visibility: hidden; clear: none; height: 24px !important; font-size: 22px !important; line-height: 1;} #site .fp .cat-header h2 {visibility: hidden; clear: none; font-size: 20px !important; line-height: 1;} #site #col-right .site-block dt strong.sIFR-replaced { margin-top: 1px !important; display: block;} /* sIFR ------------------------------ */ .sIFR-flash { visibility: visible !important; margin: 0; z-index: -1; margin-right: -100px;} .sIFR-replaced { visibility: visible !important; z-index: -1;} span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; z-index: -1;} .sIFR-flash + div[adblocktab=true] { display: none !important; } #content .main-header .sIFR-alternate span { visibility: hidden; } /* .sIFR-hasFlash h2 { visibility: hidden; letter-spacing: -9px; font-size: 55px; } .sIFR-hasFlash h3 { visibility: hidden; letter-spacing: -6px; font-size: 25px; } .sIFR-hasFlash h4 { visibility: hidden; letter-spacing: -5px; font-size: 21px; } */ .advise .receipts-2 li.opened a {background-image: url(/pic/red-arrow-down.gif); background-position: 100% 3px;} .advise .receipts-2 li.opened p.text-block {color: #000; padding-left: 0; margin-bottom: 0;} .content h3.video {background: transparent url(/pic/TV.png) no-repeat 0 0; padding-left: 30px; height: 18px; padding-top: 5px;} .fp .week-recipes {margin-bottom: 1em; border-left: 1px solid #7B92C1; padding: 7px 0 0 14px !important;} .fp .week-recipes img {margin-bottom: 10px; margin-top: -5px;} .fp .week-recipes .blue-hr {clear: both;} .fp .week-recipes h4 {background-image: none;} .fp .week-recipes h4.f-left {min-width: 45%; width: 45%; float: left; background: transparent url(/pic/red-arrow.gif) no-repeat scroll 100% 0} .spicesbnr {margin-bottom: 20px;} #site .spices .blu-border-text-block img.f-right {margin-bottom: 10px;} #site .videorecipe .blu-border-text-block, #site .spices .blu-border-text-block {padding-bottom: 0;} #col-right .hot .col-first small {padding-left: 12px !important;} .loading {background: transparent url(/pic/18-1.gif) no-repeat 100% 1px;} .fp #journal .blue-hr, .fp #guests .blue-hr {clear: both;} .fp #journal img, .fp #guests img { margin-bottom: 10px;} .visit img.f-right {margin-bottom: 10px;}