/* HEADERS*/ h1 { font-size: 1.4em; text-decoration: none; font-weight:bold; margin-top:4px; margin-bottom:4px; font-family : Verdana, Arial, Tahoma, Helvetica, sans-serif; color: #D6563A;} h2 { font-size: 1.2em; color:#757271; margin-top:4px; margin-bottom:4px; font-family : Verdana, Arial, Tahoma, Helvetica, sans-serif; } h3 { font-size: 1.0em; color:#005AAB; margin-top:4px; margin-bottom:0px; margin-left:10px; font-family : Verdana, Arial, Tahoma, Helvetica, sans-serif; } /* BODY*/ body { font: 0.74em/1.4 Verdana, Arial, Tahoma;color:#555; background-image: url('../img/background.jpg'); background-position:top; background-repeat: repeat-x; margin-top: 20px; background-color: #BFECFF;} body a {color: #D6563A; text-decoration: none; font-weight:bold; } body a:hover {color: #4F6050; text-decoration: underline; } /* fonts */ .small_text {font-size: 90%; font-family: Verdana, Arial, Tahoma ;} /* form button style */ .return_button { font-size: 80%; font-family: Verdana, Arial, Tahoma ; background-color: #3F86BD; border-color: #3C7EB1 #3875A4 #3875A4 #3C7EB1; color: #FFFFFF; cursor: hand; padding:1px;} .return_button_over { font-size: 80%; font-family: Verdana, Arial, Tahoma; background-color: #609DDB; border-color: #5C95CF #568BC1 #568BC1 #5C95CF; color: #FFFFFF; cursor: hand; padding:1px; } .a-z_button2 { background-color: #C5DCF4; border:0px; width:28px; height:28px;} .a-z_button { font-size: 1.2em; font-weight:bold; font-family: Verdana, Arial, Tahoma ; background-color: #3F86BD; border:0px; color: #FFFFFF; cursor: hand; width:28px; height:28px;} .a-z_button_over { font-size: 1.2em; font-weight:bold; font-family: Verdana, Arial, Tahoma ; background-color: #C5DCF4; border:0px; color: #3F86BD; cursor: hand; width:28px; height:28px; } .a-z_button2 { background-color: #C5DCF4; border:0px; width:28px; height:28px;} .a-z_button_select { font-size: 1.2em; font-weight:bold; font-family: Verdana, Arial, Tahoma ; background-color: #C5DCF4; border:0px; color: #3F86BD; cursor: hand; width:28px; height:28px; } .padding-left {margin-left:18px; } /* -------------------------------------------Add this - Amanda 1st November -------------------------*/ .clan_button { font-size: 70%; font-family: Verdana, Arial, Tahoma ; background-color: #3F86BD; border-color: #3C7EB1 #3875A4 #3875A4 #3C7EB1; color: #FFFFFF; cursor: hand; padding:0px; margin-top: 2px; width:85px;} .clan_button_over { font-size: 70%; font-family: Verdana, Arial, Tahoma ; background-color: #609DDB; border-color: #5C95CF #568BC1 #568BC1 #5C95CF; color: #FFFFFF; cursor: hand; padding:0px; margin-top: 2px; width:85px;} .clan_button2 { font-size: 70%; font-family: Verdana, Arial, Tahoma ; background-color: #3F86BD; border-color: #3C7EB1 #3875A4 #3875A4 #3C7EB1; color: #FFFFFF; cursor: hand; padding:0px; margin-top: 2px; width:75px;} .clan_button_over2 { font-size: 70%; font-family: verdana, arial, tahoma ; background-color: #609DDB; border-color: #5C95CF #568BC1 #568BC1 #5C95CF; color: #FFFFFF; cursor: hand; padding:0px; margin-top: 2px; width:75px;} /* -------------------------------------------Add this ends - Amanda 1st November -------------------------*/ /* MAIN PAGE CONTAINER - SAME ON ALL PAGES */ #container_outer {border:0px solid red; width: 949px; margin: 0 auto; padding:0px; } #container_left {float:left; border:0px solid yellow; width:98px; margin: 0px; padding:0px; } #container_left img{margin-top: 300px; padding:0px; } #container_right {float:right; border:0px solid blue; width: 98px; margin: 0px; padding:0px; } #container {float:left; border:1px solid #4F6050; width: 750px; margin:0px; padding:0px; background: #fff; } /*TOP CONTAINER - SAME ON ALL PAGES */ #container_top {float:left; background-image: url('../img/background_top.gif'); background-position:bottom; background-repeat: repeat-x; width:750px; margin:0px; margin-bottom:0px; padding:0px; border:0px solid #000060; height:105px; } #container_top #logo {float:left; margin:0px; padding:0px; border:0px solid yellow;} #container_top #small_text{float:left; font-size: 10px; color: #4F6050; margin-top:20px; margin-left:20px; width: 310px; border:0px solid green; margin-bottom:0px; } #container_top #organic_logo{float:right; font-size: 10px; ; margin-top:0px; width: 186px; border:0px solid green; margin-bottom:0px; } /*MAIN NAVIGATION 0.85em;*/ #top_main {float:left; width: 750px; margin-top:0px; border-bottom:8px solid #98BAAC;} #top_main #navigation_main {float:left; width: 200px; margin-top:0px; border:0px solid green; float:left; font-weight:normal;} #left_main #navigation_main {float:left; width: 200px; margin-top:0px; border:0px solid green; float:left; font-weight:normal;} ul#navlist {float:left; margin-left:0px; margin-top:0px; margin-bottom:0px; padding:0; white-space: nowrap; font-size:11px; font-family: Verdana, Arial, Tahoma ; font-weight:normal;} #navlist li {float:left; list-style-type: none; font-weight:normal;} #navlist li#home a{float:left; width:194px; margin-top:1px; border-right:0px solid #000060; color: #4F604F; text-decoration: none; padding: 6px 0px 6px 8px; background-color: #EDEDE7; font-weight:normal;} #navlist li#home a:hover{background-color: black; color:white;} #navlist li#home_selected a {float:left; width:194px; border-right:0px solid #000060; color: white; text-decoration: none; padding: 6px 0px 6px 8px; background-color: black; font-weight:normal;} #navlist li#boxes a{float:left; width:194px; margin-top:1px; border-right:0px solid #000060; color: #4F604F; text-decoration: none; padding: 6px 0px 6px 8px; background-color: #EDEDE7; font-weight:normal;} #navlist li#boxes a:hover{background-color: black; color:white;} #navlist li#boxes_selected a {float:left; width:194px; border-right:0px solid #000060; color: white; text-decoration: none; padding: 6px 0px 6px 8px; background-color: black; font-weight:normal;} #navlist li#fruit a{float:left; width:194px; margin-top:1px; border-right:0px solid #000060; color: #4F604F; text-decoration: none; padding: 6px 0px 6px 8px; background-color: #EDEDE7; font-weight:normal;} #navlist li#fruit a:hover{background-color: black; color:white;} #navlist li#fruit_selected a {float:left; width:194px; border-right:0px solid #000060; color: white; text-decoration: none; padding: 6px 0px 6px 8px; background-color: black; font-weight:normal;} #navlist li#about a{float:left; width:194px; margin-top:1px; border-right:0px solid #000060; color: #4F604F; text-decoration: none; padding: 6px 0px 6px 8px; background-color: #EDEDE7; font-weight:normal;} #navlist li#about a:hover{background-color: black; color:white;} #navlist li#about_selected a {float:left; width:194px; border-right:0px solid #000060; color: white; text-decoration: none; padding: 6px 0px 6px 8px; background-color: black; font-weight:normal;} #navlist li#visit a{float:left; width:194px;margin-top:1px; border-right:0px solid #000060; color: #4F604F; text-decoration: none; padding: 6px 0px 6px 8px; background-color: #EDEDE7; font-weight:normal;} #navlist li#visit a:hover{background-color: black; color:white;} #navlist li#visit_selected a {float:left; width:194px; border-right:0px solid #000060; color: white; text-decoration: none; padding: 6px 0px 6px 8px; background-color: black; font-weight:normal;} #navlist li#shop a{float:left; width:194px; margin-top:1px; border-right:0px solid #000060; color: #4F604F; text-decoration: none; padding: 6px 0px 6px 8px; background-color: #EDEDE7; font-weight:normal;} #navlist li#shop a:hover{background-color: black; color:white;} #navlist li#shop_selected a {float:left; width:194px; border-right:0px solid #000060; color: white; text-decoration: none; padding: 6px 0px 6px 8px; background-color: black; font-weight:normal;} #navlist li#shop_wholefoods a{float:left; width:194px; margin-top:1px; border-right:0px solid #000060; color: white; text-decoration: none; padding: 6px 0px 6px 8px; background-color: #8CAFA1; font-weight:normal;} #navlist li#shop_wholefoods a:hover{background-color: black; color:white;} #navlist li#shop_wholefoods_selected a {float:left; width:194px; border-right:0px solid #000060; color: white; text-decoration: none; padding: 6px 0px 6px 8px; background-color: black; font-weight:normal;} #navlist li#shop_weleda a{float:left; width:194px; margin-top:1px; border-right:0px solid #000060; color: white; text-decoration: none; padding: 6px 0px 6px 8px; background-color: #8CAFA1; font-weight:normal;} #navlist li#shop_weleda a:hover{background-color: black; color:white;} #navlist li#shop_weleda_selected a {float:left; width:194px; border-right:0px solid #000060; color: white; text-decoration: none; padding: 6px 0px 6px 8px; background-color: black; font-weight:normal;} #navlist li#shop_ecover a{float:left; width:194px; margin-top:1px; border-right:0px solid #000060; color: white; text-decoration: none; padding: 6px 0px 6px 8px; background-color: #8CAFA1; font-weight:normal;} #navlist li#shop_ecover a:hover{background-color: black; color:white;} #navlist li#shop_ecover_selected a {float:left; width:194px; border-right:0px solid #000060; color: white; text-decoration: none; padding: 6px 0px 6px 8px; background-color: black; font-weight:normal;} #navlist li#recipees a{float:left; width:194px; margin-top:1px; border-right:0px solid #000060; color: #4F604F; text-decoration: none; padding: 6px 0px 6px 8px; background-color: #EDEDE7; font-weight:normal;} #navlist li#recipees a:hover{background-color: black; color:white;} #navlist li#recipees_selected a {float:left; width:194px; border-right:0px solid #000060; color: white; text-decoration: none; padding: 6px 0px 6px 8px; background-color: black; font-weight:normal;} #navlist li#links a{float:left; width:194px; margin-top:1px; border-right:0px solid #000060; color: #4F604F; text-decoration: none; padding: 6px 0px 6px 8px; background-color: #EDEDE7; font-weight:normal;} #navlist li#links a:hover{background-color: black; color:white;} #navlist li#links_selected a {float:left; width:194px; border-right:0px solid #000060; color: white; text-decoration: none; padding: 6px 0px 6px 8px; background-color: black; font-weight:normal;} #right_main {float:right; width:520px; border:0px solid GREEN; padding-right:10px; padding-left:10px; padding-bottom:10px;} #right_main #main_image {float:left; width:550px; margin-left:-20px; margin-bottom:0px; height:224px; background:url('../img/main_box.jpg') no-repeat;} #right_main #shop_product {float:left; width:500px; border:0px solid GREEN; margin-top:20px;} #right_main #shop_product #image {float:left; width:114px;} #right_main #shop_product #desc {float:left; width:280px;} #right_main #shop_product #price {float:right; width:80px;} .price {font-size: 120%; color:#D6563A;} .amount2 {font-size: 90%; color:#D6563A;} #right_main #divide {width:500px; border-bottom:1px dashed #E7BEB2;} #shop_detail {float:left; width:650px;margin-left:20px; margin-top:10px;} #shop_detail #detail {float:left; width:650px;margin:0px;} #shop_detail #detail #image{float:left; width:250px;} #shop_detail #detail #desc{float:right; width:390px;} #top_main #main_image {float:right; width:550px; height:224px; background:url('../img/main_image2.jpg') no-repeat;} #top_main #main_image0 {float:right; width:500px;} #top_main #main_image3 {float:right; width:550px; height:224px; background:url('../img/main_image.jpg') no-repeat;} #top_main #main_image2 {float:right; width:550px; height:224px; background:url('../img/main_about.jpg') no-repeat;} /*MAIN CONTENT */ /*MAIN structure - 3 colums*/ #main_container{ float:left; width: 750px; background-color: white; border:0px solid GREEN; margin-top:0px; margin-bottom:0px; padding-bottom:0px;} #main_container #left_side_home{float:left; width:475px; font-size: 90%; color: #969A9D; border:0px solid red; margin-top: 10px; padding:0px; } #main_container #right_side_home{ float:right; width:220px; font-size: 90%; color: #969A9D; border:0px solid yellow; margin-top: 0px; padding:0px; background-color:#F6D8D1; } #main_container #right_side_home #header{ float:left; width:210px; height:20px; color: #EC9384; border-top:1px solid white; border-bottom:1px solid #EC9384; padding-left:10px; background-color:#FAEDE9; } #main_container #right_side_home #content {float:left; width:200px; padding-left:10px; padding-bottom:10px; padding-top:10px; padding-right:10px; color: #A24F3F;} /*HOME PAGE CONTENT*/ #main_container #left_side_home #left_content {float:left; margin-left:15px; width:500px; margin-right:15px; border:0px solid red;} #main_container #left_side_home #left_content0 {float:left; margin-left:5px; width:780px;} #main_container #left_side_home #home_banners {float:left; width:530px; margin-top:20px; padding:0px; border:0px solid yellow;} #main_container #left_side_home #home_banners #left {float:left; width:174px; margin-left:2px; padding:0px; border:0px solid yellow; height:290px; } #main_container #left_side_home #home_banners #left #content {float:left; padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:5px;} #main_container #left_side_home #home_banners #middle {float:left; width:174px; margin-left:2px; padding:0px; border:0px solid green; background-color:#F6D8D1; height:290px; } #main_container #left_side_home #home_banners #middle #content {float:left; padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:5px;} #main_container #left_side_home #home_banners #right {float:right; width:174px; margin-left:2px; padding:0px; border:0px solid blue; height:290px; } #main_container #left_side_home #home_banners #right #content {float:left; padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:5px;} /*BOTTOM BAR*/ #bottom_bar {color: #CED3D6; font-size: 85%; float:left; border:0px solid #4F6050; width: 740px; margin: 0 auto; padding-top:10px; padding-left:10px; background: black; height:35px; } /*CALENDAR STYLES START*/ #main_container #calendar{background:url('../img/slice.gif') left top repeat-y; width:750px; padding:0;margin:0;float:left;overflow:hidden } #next{float:left; width:600px; margin-left:50px; margin-right:50px; border-top:1px solid #4F6050; border-bottom:1px solid #4F6050; padding-top:3px; padding-bottom:3px; margin-bottom:0px; } #next #left{float:left; width:200px; border:0px solid green; margin-left:120px; } #next #right{float:right; width:200px; border:0px solid green; margin-right:10px; } #main_container #calcontent{margin:0 0 0 0px;padding:0; } .calthumbs{ border:0px solid blue; float:left; margin:15px 10px 15px 20px;padding:5px;display:inline } .calthumbs img{border:1px solid #c0c0c0;padding:1px;margin:0;width:120px; } .calthumbs p{margin:0; padding:0; } .calthumbs p a{margin:0 0 0 0 ; text-decoration:none;border:0; font: 0.84em/1.4 Georgia, Times, Serif;color:#555;padding:2px; } #main_container #calendar p{margin:0; padding:0 45px 10px 50px; } #main_container #calendar p a{color:#bb0000;text-decoration:none } #main_container #calendar p a:hover{color:#000000 } #main_container #calendar h2{margin:10px 0 10px 50px;padding:0;font: 1.7em/1.4 Georgia, Times, Serif;color:#555; } #main_container #calendar .calcover img{float:left;margin:5px 20px 0 50px;padding:5px;display:inline;border:1px solid #c0c0c0; text-decoration:none; } /*CALENDAR STYLES END*/ /*LIGHTBOX STYLES HERE*/ #lightbox{background-color:#eee;padding: 10px; border-bottom: 2px solid #666;border-right: 2px solid #666; } #lightboxDetails{font-size: 0.8em;padding-top: 0.4em; } #lightboxCaption{float: left; } #keyboardMsg{float: right; } #lightbox img{ border: none; } #overlay img{ border: none; } #overlay{ background-image: url(../img/overlay.png); } /*LIGHTBOX STYLES END*/