/********************************** Basic Style Sheet for IE7, Firefox, and Safari Version: 2.0 Author: Greg@nsighdevelopment.com Website: www.nsightdevelopment.com ***********************************/ /* =Typography */ body { font-family:Arial, Helvetica, sans-serif; font-size: 62.5%; color:#54462d; } #header #nav { font-size:1.2em; line-height:2.5em;} #nav ul li a, #admin_nav, #admin_nav a, #footer p, #address, #hours { color: #c3d692; text-decoration:none;} #header #nav ul li a {font-style:italic; } #nav a:hover, #admin_nav a:hover, #content #news_events, #content #select label,#content #market_select label, #index_container_a #specials h3, .badges, #news_events_bg h3, #news_events_bg ul, #news_events_bg ul a, #specials {color:#fff;} .lighter {font-weight:lighter;} .bolder {font-weight:bold;} .italic {font-style:italic;} dt, dd a {color:#5c7335; font-style:italic;} #index_container_a #specials h3 span {font-weight:lighter;} #index_container_a p span {font-style:italic; font-weight:bold; font-size:1.3em;} #market_container_a h2, #product_container_a h2 {color:#4b3c23; font-size:1.59em; font-weight:lighter;} #market_container_a .cafe_font {color:#656501; font-weight:lighter;} #market_container_a h1.cafe_font {font-size:2.5em;} #market_container_a #market {color:#000; font-size:1.95em; font-style:italic; font-weight:bold;} #market_container_a p {line-height:1.3em;} #market_container_a p span {font-size:2em; font-style:italic; line-height:1.5em;} #market_container_b h2, #contact_container_b h2, #product_container_b h2 {color:#859563; line-height:2em;} #featured_item_a, #featured_item_b, #content #featured_item_a h1, #content #featured_item_b h1, #content #specials_a h1 {color:#859563;} #market_container_b p {line-height:1.5em;} #market_container_b #daily_special p {line-height:1.2em;} #market_container_b #daily_special h3 {font-size:16px; font-weight:lighter;} #market_container_b #daily_special .special_price {font-size:16px; font-weight:bold;} #contact_container_b p {font-size:1.1em; line-height:2em;} #contact_form #submit_to .radio_label {font-size:1.2em;} .news_events_container_a dt {font-size:2em; font-weight:bold;} .news_events_container_a a {font-size:10px;} #admin_container table th {font-size:1.2em;} #content {font-size:1.2em;} h1 { font-size:18px; } h2 { font-size:16px; } h3 { font-size:14px; } h4 { font-size:10px; } /*#content h1 { color: #009; }*/ #content h1 { color:#54462D; } #content ul { font-size: 1.1em; line-height: 1.5em; } #content ul span {font-size:.9em; padding:0 5px;} #content #main3 dt { font-size:1.5em; } #content #main3 dd { font-size: 1.4em; } .pix12 {font-size: 1.2em;} .pix13 {font-size:1.3em;} .pix14 {font-size:1.4em;} .pix15 {font-size:1.5em;} /* =Layout */ /* =Containers */ #content {clear:both; width:980px; height:100%; margin:0 auto;} #footer {clear:both; height:200px;} #index_container_a, #market_container_a, .news_events_container_a, #markets_container_a, #contact_container_a, #featured_item_a, #specials_a, #specials_b, #menu_a, #menu_b, #product_container_a {float:left;} #index_container_b, #market_container_b, #news_events_container_b, #markets_container_b, #contact_container_b, #featured_item_b, #specials_c, #menu_c, .floated_edit, #product_container_b {float:right;} /* padding added for IE7 */ #market_container_a, .news_events_container_a, #market_container_b, #news_events_container_b, #product_container_a, #product_container_b {padding-top:20px;} #product_container_b {width:291px;} #index_container_a {margin-left:70px;} #index_container_b {margin-right:65px;} #index_container_c {clear:both; margin-left:70px;} #market_container_a {margin:10px 0 0 60px;} #product_container_a {margin:10px 0 0 70px; width:300px;} #market_container_b {clear:right; margin:10px 15px 0 0;} #product_container_b {clear:right; margin:10px 110px 0 0;} .news_events_container_a {margin:10px 0 0 70px;} #markets_container_a {margin:0px 0 0 70px;} #markets_container_b {margin:25px 30px 0 0px;} #admin_container, #menu_container {margin:30px 0 0 20px;} #contact_container_a {margin:20px 0 10px 60px; width:550px;} #featured_item_a, #featured_item_b {margin:20px 0;} #featured_item_a {margin-left:0px;} #specials_a, #specials_b, #specials_c {margin:20px 0;} #specials_a, #specials_c {height:500px;} #specials_a {width:265px;} #specials_c {width:210px;} #menu_a, #menu_b, #menu_c {width:305px; margin-bottom:20px;} #menu_b {margin-left:20px;} #menu_container {text-align:center;} #menu_container h1 {margin-bottom:10px;} #menu_container h3 {margin-bottom:5px;} #menu_container p {margin-bottom:10px;} #global_admin_nav {clear:both; margin:20px auto 5px; text-align:center; width:630px; padding:10px; } #global_admin_nav h3 {margin-bottom:5px;} #global_admin_nav ul li {display:inline; margin-right:3px;} #header {height:74px;} #header_logo {float:left; width:242px;} #header_logo a img { float:right;} #header_info {float:left; width:730px; padding-left:15px;} #header #store_info {float:left; width:720px;} #header #nav {clear:left; float:left; width:730px; margin-top:5px;} #header #address, #header #hours { width:270px; margin-top:5px;} #header #address {float:left;} #header #hours {float:left;} #admin_nav { float:right;} #header #admin_nav img {float:right; padding:0;} #nav ul li { display:inline; } #header #nav ul li a { display:inline-block; height:38px; padding:0 7px;} #footer #nav {width:980px; margin:0 auto; text-align:center;} #footer #nav {height:100px;} #footer #nav ul {padding-top:60px} /* 288 is from (1000(window width) - 424(nav width))/2 */ #footer #nav ul li {border-right:thin solid #c3d692; padding:0 3px;} #footer #nav #last {border:none;} #footer p {padding-top:5px;} #footer #social_media {float:left; padding-left:10px;} #footer #social_media a {padding-left:10px;} #content .tagline span, #content .hidden { display:none; } #content .tagline {width:980px; height:90px; padding-top:20px; } #index_container_a #specials {width:526px; height:301px; margin:0px 0 0 0px;} #index_container_a p, #market_container_a p {width:506px; margin:20px 10px 0 10px;} #index_container_a #specials #specials_image {margin:40px 0 0 18px;} #index_container_a #specials h3 {position:absolute; height:40px; width:214px; margin:220px 0 0 262px; padding:6px 0 0 10px;} #index_container_a #select {width:518px; height:64px; margin:30px 0 0 0px; padding:12px 0 0 10px;} #index_container_a #select select, #market_container_b #market_select select {margin-top:5px;} #index_container_b #news_events {width:275px; height:30px; padding:10px 0 0 15px;} #index_container_b dl, #markets_container_b dl {width:280px; padding-left:10px;} #index_container_b dt, #index_container_b dd, #markets_container_b dt, #markets_container_b dd {margin-top:5px;} #index_container_b .dd_last, #markets_container_b .dd_last {padding-bottom:10px;} #index_container_c .badges { float:left; width:246px; height:75px; margin:20px 0 20px 0px; padding:105px 10px 0 10px;} #index_container_c #cafe_bakery, #index_container_c #featured_items {margin-right:26px;} #associations_brands { float:right; margin:-300px 400px 0 0;} #associations_categories { float:right; margin:-300px 0 0 0;} #markets_container_a .no_image {padding-left:55px; width:145px;} #markets_container_b #specials {width:395px; height:30px; padding:10px 0 0 15px; margin-top:15px;} #market_container_a #market_image {width:526px; height:401px;} #product_container_a #market_image {width:326px; height:401px;} #market_container_a h2 {margin:0px 0 0 160px; padding-top:35px;} #product_container_a h2 {margin-top:5px; text-align:center; width:326px;} #market_container_a h1.cafe_font {margin:0px 0 0 50px; padding-top:30px;} #market_container_a h2.cafe_font {clear:both; margin:0px 0 0 80px; padding-top:8px;} #market_container_a #market { margin:0 0 0 180px;} #market_container_a #flag { float:left; margin:-365px 0 0 10px;} #market_container_a #products {float:left; margin:10px 0 0 18px;} #market_container_a p {width:506px; margin:20px 10px 0 10px;} #market_container_b #market_countries td.no_image {padding-left:45px; width:100px;} #market_container_b h2, #contact_container_b h2, #product_container_b h2 {width:291px; border-bottom:thin solid #4B3C23; margin-bottom:10px;} #market_container_b p {width:290px; padding:10px 5px 5px 5px;} #market_container_b .market_brands_cats {margin-top:10px;} #market_container_b #oval_flag {position:absolute; margin:-2px 0 0 210px;} #market_container_b .market_brands_cats tr td { padding-left:0;} /*Does this line affect anywhere else? Was -21px margin, but changed to 30 for cafe-bakery page, menu link.*/ #market_container_b #cafe_menu, #market_container_b #cafe_specials {float:right; position:absolute; margin:-30px 0 0 0;} #market_container_b #cafe_menu {margin-left:60px;} #market_container_b #cafe_specials {margin-left:182px;} #market_container_b #daily_special {margin:20px 0 0 13px;} #market_container_b #cafe_group {margin:20px 0 0 13px;} #market_container_b #cafe_bakery_logos {margin:0 0 0 39px;} #market_container_a p span {vertical-align:text-top; padding-left:7px;} #content #market_select { width:300px; height:106px; padding:32px 0 0 15px;} #content #market_edit {float:right; padding-bottom:10px;} #market_container_b table tr td {padding:10px 0 0 0; width:112px;} .news_events_container_a dt {margin-top:10px;} .news_events_container_a dd {margin:10px 0 0 10px;} .news_events_container_a .separator {margin-left:0; padding-left:10px; padding-bottom:10px;} /*strip margin off and padd so bg separator positions properly */ .news_events_container_a dt, .news_events_container_a dd {width:520px;} .news_events_container_a p {width:500px;} #news_events_container_b #news_events_bg {width:315px; height:190px;} #news_events_container_b #news_events_bg h3 {padding:30px 0 0 10px;} #news_events_container_b #news_events_bg ul {margin:10px 0 0 20px;} #news_events_container_b #rss {margin-top:20px;} #markets_container_a h2 {width:405px; margin:20px 0 -10px 0; padding-bottom:10px; border-bottom:thin solid #4B3C23;} #markets_container_a #regions {padding-top:10px;} #markets_container_a td {width:200px; padding-top:25px; height:40px;} #markets_container_b img {border-top:thin solid #4B3C23; border-bottom:thin solid #4B3C23; padding:10px 5px 10px 5px;} #market_container_b a {display:block;} #market_container_b #market_countries td {width:145px; padding-bottom:20px;} #market_container_b #market_countries img, #markets_container_a img { margin:0 10px -10px 0;} #product_container_a img {margin:45px 0 0 26px;} #market_container_b #daily_special {width:268px; height:125px;} #market_container_b #daily_special h3 {padding-top:40px; text-align:center;} #market_container_b #daily_special p {width:248px; height:40px; padding:5px 10px 0 10px;} #market_container_b #daily_special .special_price {float:right; margin-right:10px;} #product_container {margin:30px 0;} #gbox_products {margin:10px auto;} #admin_container h1, #admin_container p {padding-bottom:10px;} #admin_container table {margin-top:10px;} #admin_container table tr td {padding:0 0 0 10px; height:20px;} #admin_container table th, #admin_container table tr .nowrap {white-space:nowrap;} #admin_container li {padding:0 0 5px 10px;} #admin_container p label {display:inline-block; padding-bottom:3px;} #contact_container_a #contact_form {margin:30px 0 5px 15px;} #contact_container_a ul {margin:10px 0 0 5px;} #contact_container_b p, #market_container_b a {margin:10px 0 5px 10px;} #contact_container_b iframe {border:2px solid #594335;} #contact_form input.field, #contact_form textarea, #brain_buster_captcha input {background-color:#e7e3c6; border:thin solid #949c77; width:520px;} #contact_form textarea {height:300px;} #contact_form label, #brain_buster_captcha label {margin:15px 0 -7px 0px; display:block;} #contact_form input.submit {float:right; margin:25px 12px 0 0;} #contact_form #submit_to {float:left;} #contact_form #submit_to span span {margin:0 20px;} #featured_item_a img, #featured_item_b img {margin-top:10px;} #featured_item_a a, #featured_item_b a {float:right;} #specials_a h1 {margin:5px 0;} #specials_b ul { padding-bottom:10px; height:160px;} #specials_b ul li {display: -moz-inline-stack; display:inline-block; margin-left:10px; width:235px; zoom: 1; *display: inline;} #menu_dl {display:block; margin:20px 0;} .floated_edit {margin:-20px 10px 0 0;} table th, table tr td {padding:2px 10px 0 10px;} .clearfix:after { clear: both; display: block; visibility: hidden; content: "."; height: 0; } /* =../images/Color/Decoration */ body {background-color:#f5f3df;} #header { background: url(../images/header_slice.gif) repeat-x; } #header #nav a:hover { background:#350a12 url(../images/nav_hover.gif) no-repeat center bottom} #content {background: url(../images/content_bg.gif) no-repeat center top} #footer {background:#516A2A url(../images/footer_bg.png) repeat-x;} #footer #nav {background: url(../images/footer_globe.png) no-repeat center top;} #content .tagline { background: url(../images/index_gsaw.gif) no-repeat center bottom;} #index_container_a #specials {background: url(../images/index_specials_bg.gif) no-repeat;} #index_container_a #specials h3 {background: url(../images/index_specials_badge_lg.png) no-repeat;} #index_container_a #select {background: url(../images/home_countries_select.gif) no-repeat;} #index_container_b #news_events {background: url(../images/index_news_events.gif) no-repeat center top;} #markets_container_b #specials {background: url(../images/markets_news_events.png) no-repeat center top;} #index_container_b .dd_last {background: url(../images/index_news_events_divider.gif) no-repeat left bottom;} #index_container_c #cafe_bakery {background: url(../images/cafe_bakery_badge.jpg) no-repeat;} #index_container_c #featured_items {background: url(../images/featured_items_badge.jpg) no-repeat;} #index_container_c #ifc_specials {background:url(../images/specials_badge.jpg) no-repeat;} #product_container_a #market_image {background: url(../images/Product-Holder.png) no-repeat;} #market_container_a #market_image {background: url(../images/market_pic_bg.gif) no-repeat;} #market_container_b #daily_special {background: url(../images/daily_special_mod.gif) no-repeat;} #content #market_select {background:url(../images/markets_select_sm.gif) no-repeat center top;} .news_events_container_a .separator {background:url(../images/news_events_separator.gif) no-repeat left bottom;} #news_events_container_b #news_events_bg {background:url(../images/news_events_cats.gif) no-repeat center top;} .row_highlight {background-color:#ccc;} /* --------------AdminTools-------------*/ .admin_edit {float:right; margin-bottom:5px; font-size:10px; line-height:1em;} #specials_b .admin {height:170px;} /* --------------ToolTip-------------*/ .tool_tip_image {float:left;} .tool_tip_p {float:right; width:100px;} .tool_tip_p p {padding:0 0 8px 5px;} /* --------------SandBox-------------*/ .clear_both { clear:both; } .clear_right { clear:right; } .clear_left { clear:left; } .border { border:thin solid #4B3C23; } /* --------------Scaffold styles----------*/ .fieldWithErrors {padding: 2px; background-color: red; display: table;} #errorExplanation {width: 400px; border: 2px solid red; padding: 7px; padding-bottom: 12px; margin-bottom: 20px; background-color: #f0f0f0;} #errorExplanation h2 {text-align: left; font-weight: bold; padding: 5px 5px 5px 15px; font-size: 12px; margin: -7px; background-color: #c00; color: #fff;} #errorExplanation p {color: #333; margin-bottom: 0; padding: 5px;} #errorExplanation ul li { font-size: 12px; list-style: square;} div.flash.notice, div.flash.error { border:2px solid; font-size:1.3em; margin-bottom:12px; margin:20px 0 20px 20px; padding:4px 4px 4px 30px; } div.flash.notice { background:#DFFFDF url(../images/true.png) no-repeat scroll 8px 3px; border-color:#9FCF9F; color:#005F00; } div.flash.error { background:#FFE3E3 url(../images/false.png) no-repeat scroll 8px 5px; border-color:#DD0000; color:#550000;} /*--------ToDo: check into renaming market_containers as they are reused in cafe-bakery and wine-beer -------*/