/* * Oso Libre Wines * CSS Document * Copyright 2009, Oso Libre * */ body {background:#000 url(../images/bg.gif) repeat-x top left;padding:0;margin:0;font:12px/18px "Lucida Grande", Arial, Helvetica, sans-serif; color:#444;} h1,h2,h3,h4,p {margin:0 0 18px 0;padding:0;} h1,h2,h3,h4 {font-family:Georgia, Times, Serif;} h4{font-size:18px;} a{color:#ce2e2e;outline:none;} a:hover{color:#484848;} .textInput,.form_field {/*border:1px solid #777;*/ background:#FFF;padding:4px;} #wrapper {width:827px; margin:auto;padding-top:50px;} legend {font-size:13px;font-weight:bold;} form fieldset {margin-bottom:22px;border:1px solid #CCC;} p.light {background:#F8F8F8;} p.dark {background:#E8E8E8;} a#eventBack {font:12px/18px "Lucida Grande", Arial, Helvetica, sans-serif;float:right;padding:3px;background:#E8E8E8;text-decoration:none;} a.activity {padding:1px;background:#C8C8C8;text-decoration:none;display:block;margin:auto;} div.today {background:#ce2e2e; color:#FFF;padding:1px;} #eventTable td{text-align:center;} /* ---- Order Page Styles ---- */ .form_field {width:auto;} .solid_bottom {border-bottom:1px solid #AAA;} .dotted_bottom {border-bottom:1px solid #D7D7D7;vertical-align:top;} .dotted_bottom em {font-size:10px;color:#343434;} #wo_name_column {width:340px;} #wo_order_continue {text-align:right;padding-top:12px;} #wo_order_continue input {width:auto;} #wo_order_table {width:100%;} #wo_order_info_table td{height:30px;} #content_wrapper form#form_order label {width:170px;} #content_wrapper form#form_order input {width:auto;} #content_wrapper form#form_order h4{color:#CE2E2E;} #content_wrapper form#form_order span.col {width:300px; float:left;padding-bottom:12px; } #content_wrapper form#form_order p {clear:both;padding:8px;margin-bottom:3px;} #content_wrapper form#form_order ul.preorderInfo {list-style:none;} #content_wrapper form#form_order ul.preorderInfo li span.amt {float:right;margin-left:18px;width:70px;} /* ---- Sign Up Styles ---- */ #content_wrapper form#signup_form label {width:170px;} #content_wrapper form#signup_form label.error {font-weight:bold;color:red;} #content_wrapper form#signup_form input {width:auto;} #content_wrapper form#signup_form h4{color:#CE2E2E;} #content_wrapper form#signup_form span.col {width:300px; float:left;padding-bottom:12px; } #content_wrapper form#signup_form p {clear:both;padding:8px;margin-bottom:3px;overflow:hidden;} /* -- Contact Form --*/ #content_wrapper form#contactForm label {width:170px;} #content_wrapper form#contactForm input {width:auto;} #content_wrapper form#contactForm h4{color:#CE2E2E;} #content_wrapper form#contactForm span.col {width:300px; float:left;padding-bottom:12px; } #content_wrapper form#contactForm p {clear:both;padding:8px;margin-bottom:3px;} /* ---- Header Styles ---- */ #content_wrapper #left {width:250px;float:left;} #content_wrapper #right {width:271px;float:left;} #content_wrapper form label{float:left;width:100px;} #top_wrapper {width:827px; height:271px; } #top_wrapper #header_img {background:url(../images/int_header.png) no-repeat top left; width:827px;height:206px;} body#store #top_wrapper #header_img {background:url(../uploads/header_imgs/_hd_store.png) no-repeat top left; width:827px;height:206px;} body#Our_Story #top_wrapper #header_img {background:url(../uploads/header_imgs/_hd_story.png) no-repeat top left; width:827px;height:206px;} body#Our_Wines #top_wrapper #header_img {background:url(../uploads/header_imgs/_hd_wines.png) no-repeat top left; width:827px;height:206px;} body#Our_Vines #top_wrapper #header_img {background:url(../uploads/header_imgs/_hd_vines.png) no-repeat top left; width:827px;height:206px;} body#Wine_Club #top_wrapper #header_img {background:url(../uploads/header_imgs/_hd_wineclub.png) no-repeat top left; width:827px;height:206px;} body#Visit_our_Tasting_Room #top_wrapper #header_img {background:url(../uploads/header_imgs/_hd_contact.png) no-repeat top left; width:827px;height:206px;} #top_wrapper #top_logo {width:233px;height:63px;float:left;margin:0 0 0 0;background:url(../images/logo.gif) no-repeat top left;} #top_wrapper #top_logo a{width:233px;height:63px;display:block;text-indent:-9999px;} #top_wrapper #top_menu {width:594px;height:63px;float:left;margin:0 0 0 0;padding:0;background:url(../images/menu_bg.gif) no-repeat top left;} #top_wrapper #top_menu li {float:left;height:33px;list-style:none;margin-top:30px;} #top_wrapper #top_menu li a {display:block;height:33px;text-indent:-9999px;} #top_wrapper #top_menu #our_story {width:85px; background:url(../images/button_story_on.gif) no-repeat center center;} #top_wrapper #top_menu #our_story a {width:85px;background:url(../images/button_story_off.gif) no-repeat center center;} #top_wrapper #top_menu #our_story a:hover {width:85px;background:url(../images/button_story_on.gif) no-repeat center center;} #top_wrapper #top_menu #our_wines {width:88px;background:url(../images/button_ourwines_on.gif) no-repeat center center;} #top_wrapper #top_menu #our_wines a{width:88px;background:url(../images/button_ourwines_off.gif) no-repeat center center;} #top_wrapper #top_menu #our_wines a:hover{width:88px;background:url(../images/button_ourwines_on.gif) no-repeat center center;} #top_wrapper #top_menu #our_vines {width:78px;background:url(../images/button_ourvines_on.gif) no-repeat center center;} #top_wrapper #top_menu #our_vines a {width:78px;background:url(../images/button_ourvines_off.gif) no-repeat center center;} #top_wrapper #top_menu #our_vines a:hover {width:78px;background:url(../images/button_ourvines_on.gif) no-repeat center center;} #top_wrapper #top_menu #wine_club {width:87px;background:url(../images/button_wineclub_on.gif) no-repeat center center;} #top_wrapper #top_menu #wine_club a{width:87px;background:url(../images/button_wineclub_off.gif) no-repeat center center;} #top_wrapper #top_menu #wine_club a:hover{width:87px;background:url(../images/button_wineclub_on.gif) no-repeat center center;} #top_wrapper #top_menu #news {width:60px;background:url(../images/button_news_on.gif) no-repeat center center;} #top_wrapper #top_menu #news a{width:60px;background:url(../images/button_news_off.gif) no-repeat center center;} #top_wrapper #top_menu #news a:hover{width:60px;background:url(../images/button_news_on.gif) no-repeat center center;} #top_wrapper #top_menu #events {width:60px;background:url(../images/button_events_on.gif) no-repeat center center;} #top_wrapper #top_menu #events a{width:60px;background:url(../images/button_events_off.gif) no-repeat center center;} #top_wrapper #top_menu #events a:hover{width:60px;background:url(../images/button_events_on.gif) no-repeat center center;} #top_wrapper #top_menu #store {width:56px;background:url(../images/button_store_on.gif) no-repeat center center;} #top_wrapper #top_menu #store a{width:56px;background:url(../images/button_store_off.gif) no-repeat center center;} #top_wrapper #top_menu #store a:hover{width:56px;background:url(../images/button_store_on.gif) no-repeat center center;} #top_wrapper #top_menu #contact {width:77px;background:url(../images/button_contact_on.gif) no-repeat center center;} #top_wrapper #top_menu #contact a{width:77px;background:url(../images/button_contact_off.gif) no-repeat center center;} #top_wrapper #top_menu #contact a:hover{width:77px;background:url(../images/button_contact_on.gif) no-repeat center center;} /* ---- Content Styles ---- */ #content_wrapper {padding-top:34px;width:827px; background:#FFF url(../images/body_bg.gif) repeat-x top left;margin-bottom:50px;} #content_wrapper #sidebar {width:193px;float:left;padding-left:29px;} #content_wrapper #sidebar h3 {margin:0;font:16px Tahoma,Arial,sans-serif;padding-bottom:15px;background:url(../images/sb_underline.gif) no-repeat bottom left;} #content_wrapper #sidebar ul {margin:0;padding:15px 0 0 0;font:12px Tahoma,Arial,sans-serif;} #content_wrapper #sidebar ul li {padding-left:20px;background:url(../images/sb_bullet.gif) no-repeat left 3px;list-style:none;margin-top:3px;} #content_wrapper #sidebar ul li#Awards, #content_wrapper #sidebar ul li#Soil_Information{margin-top:20px;} .gallery_link {text-decoration:none;} #content_wrapper #sidebar ul li a{color:#ce2e2e;text-decoration:none;} #content_wrapper #sidebar ul li a:hover {text-decoration:underline;} #content_wrapper #copy {float:left;width:589px;padding-bottom:24px;} #content_wrapper #copy h3 {font:bold 22px Times,serif;color:#ce2e2e;} #content_wrapper #copy img {margin-left:12px;margin-bottom:18px;border:5px solid #D7D7D7;} #content_wrapper #copy img.left { margin:6px 12px 18px 0;} #content_wrapper #gallery {float:left;padding-left:24px;width:565px;padding-bottom:24px;} #content_wrapper #footer {width:827px;height:66px;display:block;clear:both;background:url(../images/footer.gif) no-repeat top center;} #content_wrapper #footer p{text-align:center;color:#FFF; font:12px Tahoma,Arial,sans-serif;padding-top:20px;} #content_wrapper #footer p span {width:22px;background:url(../images/footer_bul.png) no-repeat center center;display:inline-block;} #content_wrapper #footer p a {color:#FFF;text-decoration:none;} #content_wrapper #footer a:hover {text-decoration:underline;} a.buybtn {width:95px;height:25px;background:url(../images/btn_purchase.gif) no-repeat top left;float:right;text-indent:-9999px;margin-right:25px;} /* ---- Home Page Styles ---- */ body#home {color:#FFF;line-height:22px;} body#home #wrapper {width:827px; margin:auto;padding-top:70px;} body#home h1 {font:lighter 20px Georgia, Times, Serif;color:#D7D7D7;} body#home h3 {font:normal 18px Georgia, Times, Serif;} body#home #top_wrapper {background:none;height:125px;} body#home #top_wrapper #top_logo {width:322px; height:82px;margin:0 auto;float:none;background:none;} body#home #top_wrapper #top_logo a{width:322px; height:82px;display:block;margin:auto;float:none;background:url(../images/_home_header_logo.png) no-repeat top left;} body#home #top_wrapper #top_menu {margin-top:0;float:none;margin:auto;width:592px;height:43px;padding:0;background:none;} body#home #top_wrapper #top_menu li {float:left;height:43px;list-style:none;margin-top:0;} body#home #top_wrapper #top_menu li a {display:block;height:43px;text-indent:-9999px;} body#home #content_wrapper {background:url(../images/home_body.png) no-repeat top left;padding:0 54px 0;width:719px;} body#home #content_wrapper #homepageImage {width:827px;height:320px;background:none;margin-bottom:30px;} body#home #content_wrapper #left {width:440px;float:left;} body#home #content_wrapper #right {width:232px;float:right;} body#home #content_wrapper .textInput {border:1px solid #474747; background:#131313;margin-right:4px;color:#E4E4E4;float:left;margin-top:5px;} body#home #content_wrapper .inputbutton{float:left;margin-top:5px;} body#home #content_wrapper #footer {width:719px; height:27px; background:url(../images/_home_footer.gif) no-repeat center 30px;clear:both;padding-top:30px;} body#home .textInput {width:auto;height:auto;}