/* CSS Document */

/* Structure 
html, body, #outer-top-left, #outer-top-right, #outer-bot-left, #outer-bot-right{
    min-height: 100%;
    height: 100% !important;
} */

body { 
	font-family: Helvetica, Arial, Verdana;
	color: #666666;
	font-size: .70em;  /* with some 10pt; (breadcrumbs, footer, carts)*/
	line-height: 1.5em; /*(figure out css equivalent)*/
	background:url(../graphics/tiled_bg2.jpg); 
	margin:0; 
	text-align:center;
}

#topleft-vignette{width:504px; height:347px; background: url(../graphics/bg_top_left.jpg) top left no-repeat; position:absolute; top:0px; left:0px; z-index:-1000;}

table {font-size: 100%;}
label {cursor:pointer;cursor:hand;}
.alert {color:red;}
.hpspc{display:none;}/* used to hide panels (hp), using <div> tags */
textarea{font-family: Helvetica, Arial, Verdana;}

.misc-select{height:19px; font-size:10px; border:1px solid #BFBCBC;}

.msgAlert{padding:2px 10px 2px 10px;margin:4px;border:1px solid #a1d2a3; color:#47ad54; background-color:#D1EAD3; font-size:11px; font-weight:bold;}
.rightColTxtBlock{padding:15px 10px 5px 10px;}

.hr-D9CDA8 { border-bottom:1px solid #D9CDA8; height:4px; margin-bottom:4px;}

.align-left { text-align:left; }
.align-right { text-align:right; }
.align-center { text-align:center; }

#outer-top-left { width:100%; height:100% !important; background: url(../graphics/bg_top_left.jpg) top left no-repeat; }
#outer-top-left td.top{ vertical-align:top; height:100% }
#outer-top-right { width:100%; xmin-height:100% !important; background: url(../graphics/bg_top_right.jpg) top right no-repeat; }
#outer-bot-left { width:100%; xmin-height:100% !important; background: url(../graphics/bg_bot_left.jpg) bottom left no-repeat; }
#outer-bot-right { width:100%; xmin-height:100% !important; background: url(../graphics/bg_bot_right.jpg) bottom right no-repeat; }

#container { width:993px; margin:0 auto; text-align:left;}


#nav-table { margin-left:12px; width:541px; height:19px; xborder: 1px solid black; }
#nav-table img{ border:none; }

#main-table { width:993px; padding:0; margin:0; border-collapse:collapse; }
/*#main-table td{ padding:0; margin:0; }*/

#main-top-left { width:141px;height:91px;}
#main-top-left img{border:0px;}
#main-nav-bar { width:669px;height:91px;xbackground: url(../graphics/tiled_bg.jpg); }
#main-top-right { width:183px;height:91px;border-left:1px solid #d5caa3;}

/* Home page */
#home-main { width:810px; vertical-align:top;}
#home-right-col { width:183px; border-left:1px solid #d5caa3; vertical-align:top; font-size:11px; }

/*#home-under_main_flash { vertical-align:top; width:810px; height:225px; xborder-top:1px solid #d5caa3;}
#home-artifact_flash { width:183px; height:225px; border-left:1px solid #d5caa3;}*/

#footer { margin-top:10px; }

#main-foot { width:993px; height:51px; background:url(../graphics/footbar_bg.gif) repeat-x; }
#main-foot a{ text-decoration:none; }

/* milk jug flash */
#newuser-flash{background:url(../graphics/bg_bot_right.jpg) no-repeat; background-position:bottom right;}
	

/* coupons */
.coupon-box-wrapper { width:660px; border-collapse:collapse; margin:20px 0 12px 100px; }
.coupon-box-wrapper td{ width:220px; vertical-align:top; }
.coupon-box { padding:0; width:207px; background: url(../graphics/coupon_box_bg.gif) 0 4px; margin-bottom:8px; }
.coupon-box td.cell-1{ line-height:14px;width:147px; height:85px; vertical-align:middle; font-size:11px; text-align:left; padding-left:10px; }
.coupon-box td.cell-2{ width:60px; height:85px; vertical-align:middle; text-align:center; padding-right:10px; }
.coupon-box-top{ width:207px; height:4px; background: url(../graphics/coupon_box_top.gif) no-repeat; }
.coupon-box-bot{ width:207px; height:4px; background: url(../graphics/coupon_box_bot.gif) top no-repeat; }
.coupon-box td.cell-1 a{color:#47ad54; text-decoration:none; font-size:11px; font-weight:bold;}
.coupon-box td.cell-1 a:link {color:#47ad54; text-decoration:none; font-size:11px; font-weight:bold;}
.coupon-box td.cell-1 a:visited {color:#47ad54; text-decoration:none; font-size:11px; font-weight:bold;}
.coupon-box td.cell-1 a:hover {color:#666666; text-decoration:none; font-size:11px; font-weight:bold;}
.coupon-box td.cell-1 a:active {color:#47ad54; text-decoration:none; font-size:11px; font-weight:bold;}



.coupon-img{border:0px; float:right; padding-right:8px;}

/* right column coupons */
.right-coupon-box-wrapper{margin-top:20px;width:150px;height:150px;border:1px dashed #d9cfad;background-color:#FFFFFF;}
.right-coupon-box-wrapper td.cell-1{ width:150px;line-height:14px;font-size:11px; text-align:center; vertical-align:top;}
.right-coupon-box-wrapper td.cell-1 a{color:#47ad54; text-decoration:none; font-size:11px; font-weight:bold;}
.right-coupon-box-wrapper td.cell-1 a:link {color:#47ad54; text-decoration:none; font-size:11px; font-weight:bold;}
.right-coupon-box-wrapper td.cell-1 a:visited {color:#47ad54; text-decoration:none; font-size:11px; font-weight:bold;}
.right-coupon-box-wrapper td.cell-1 a:hover {color:#666666; text-decoration:none; font-size:11px; font-weight:bold;}
.right-coupon-box-wrapper td.cell-1 a:active {color:#47ad54; text-decoration:none; font-size:11px; font-weight:bold;}



/* Sub Pages */
#sub-left { width:141px; height:auto; xbackground: url(../graphics/sub_bot_left_bg.jpg) bottom no-repeat; vertical-align:top; }
#sub-center { width:669px; height:auto; background: url(../graphics/tiled_bg.jpg); vertical-align:top; }
#sub-right { width:183px; height:auto; xbackground: url(../graphics/sub_bot_right_bg.jpg) bottom no-repeat; border-left:1px solid #d5caa3; vertical-align:top; }

.headline-img {margin-left:25px;}

.sub-center-content-top { width:620px; height:14px; background:url(../graphics/sub_content_frame_top.jpg) no-repeat;}
.sub-center-content-mid { margin-left:20px; width:620px; height:auto; background:url(../graphics/sub_content_frame_bg.jpg) repeat-y;}
.sub-center-content-mid li{ list-style:none; margin-left:-20px; padding-left:10px; background:url(../graphics/pointer_sm_left_green.gif) -1px 5px no-repeat;}

.sub-center-content-div {  width:600px; height:auto;margin-left:0px;  }
.sub-center-content-div p{ margin:5px 25px 10px 25px;}
/* About with farm background */
.sub-center-content-about {  width:620px; height:auto; background:url(../graphics/aboutus_bg.jpg) bottom no-repeat; }    
.sub-center-content-about p{ margin:15px 25px 0px 25px;}
/* Where to Buy where_to_buy.cfm */
.sub-center-content-distribution {  width:620px; height:auto; background:url(../graphics/wheretobuy_bg.jpg) bottom no-repeat; }
.sub-center-content-distribution p{ margin:15px 25px 0px 25px;}
/* Why Try Us? - benefits.cfm */
.sub-center-content-benefits {  width:620px; height:auto; background:url(../graphics/benefits_bg.jpg) bottom no-repeat; }
.sub-center-content-benefits p{ margin:15px 25px 0px 25px;}
/* Horigan Farm & St. Albans Creamery background */
.sub-center-content-fence {  width:620px; height:auto; background:url(../graphics/fence_bg.jpg) bottom no-repeat; }
.sub-center-content-fence p{ margin:15px 25px 0px 25px;}
/* Contact Us Form */
.sub-center-content-contact {  width:600px; height:auto;margin-left:20px; margin-bottom:10px;}
.sub-center-content-contact h1{ font-size:20px; line-height:22px;}
/* Delivery Map */
.sub-center-content-delivery {  width:620px; height:auto; background:url(../graphics/aboutus_bg.jpg) bottom no-repeat;}
.sub-center-content-delivery p{ margin:15px 25px 0px 25px;} 
/* Dairy Bars contnt div */
.dairybar-content {width:580px; /*background:url(../graphics/dairybar_bg.jpg) bottom no-repeat;*/ border-bottom:1px solid #D9CDA8; margin-left:24px; }
.dairybar-content p{ margin:10px 00px 0 0;}
.dairy-float{float:right;}
#dairymenu-container{width:580px;}
.dairy-menu{width:270px; float:left;}
.div-left-280 { width:280px; margin-left:24px; margin-top:10px; float:left; border-right:1px solid #D9CDA8;}
.div-left-280 table { width:100%; border-collapse:collapse; margin-top:10px; }
.div-left-280 table th{ width:45%; text-align:left; vertical-align:top; }
.div-left-280 table td{ width:55%; text-align:left; }
.div-right-290 { width:290px; margin-top:10px; float:right;}
.div-right-290 table { width:100%; border-collapse:collapse; margin-top:10px; }
.div-right-290 table th{ width:42%; text-align:left; vertical-align:top; }
.div-right-290 table td{ width:58%; text-align:left; }

.sub-center-content-bot { width:620px; height:2px; background:url(../graphics/sub_content_frame_bot.jpg) no-repeat;}
.sub-center-about-bot { width:620px; height:2px; background:url(../graphics/sub_content_about_bot.jpg) no-repeat;}

#sub-right-content { width:183px;height:auto; xmargin-bottom:225px; background:url(../graphics/sub_top_right_bg.jpg) top no-repeat;}
#sub-right-content .signUp{margin:20px 20px 0px 20px;}
#sub-right-content .refer50{margin:20px 22px 0px 22px;}
#sub-right-content .artifacts{margin:20px 29px 0px 29px;}
#sub-right-content .myLists{padding:5px 2px 5px 10px; border-bottom:1px solid #d5caa3;}
#sub-right-content-search{text-align:center;margin-top:20px;}
#sub-right-content-search input{font-size:11px; color:#666666; }
#sub-right-content-search #inputPrdSrch{width:125px; border:1px solid #CCC; border-right:0px;}
#sub-right-content-search #sbmtPrdSrch{width:28px; margin-left:0px; background-image:url(../graphics/sub_content_search_submit.jpg) no-repeat !important; border:1px solid #CCC; border-left:0px; }

.order-history-toggle{width:200px; background:url(../graphics/orderhistory_bg.gif) no-repeat;}

/* misc */
.strikethru { text-decoration: line-through; }


/* Sign Up Form */
.free-gift { width:580px;}
.free-gift td.col-1{ width:470px;}
.free-gift td.col-2{ width:110px;}
.free-gift td.col-1 select{ height:20px; font-size:10px; border:1px solid #BFBCBC; }

.signup-info { width:580px;}
.signup-info td.col-1{ width:100px;}
.signup-info td.col-2{ width:155px;}
.signup-info td.col-3{ width:110px;}
.signup-info td.col-4{ width:185px;}
.signup-info input{ width:150px; height:16px; font-size:10px; border:1px solid #BFBCBC; }
.signup-info select{height:19px; font-size:10px; border:1px solid #BFBCBC;}

.signup-address { width:580px;}
.signup-address td.col-1{ width:110px; xborder:1px solid black;}
.signup-address td.col-2{ width:220px; xborder:1px solid black;}
.signup-address td.col-2b{ width:470px; xborder:1px solid black;}
.signup-address td.col-3{ width:160px; xborder:1px solid black;}
.signup-address td.col-4{ width:90px; xborder:1px solid black;}
.signup-address td.col-2 input{ width:210px; height:16px; font-size:10px; border:1px solid #BFBCBC; }
.signup-address td.col-2b input{ width:432px; height:16px; font-size:10px; border:1px solid #BFBCBC; }
.signup-address td.col-4 input{ width:49px; height:16px; font-size:10px; border:1px solid #BFBCBC; }

/* refer a friend */
.refer { width:580px;}
.refer td.col-1{ width:90px;text-align:right;}
.refer td.col-1a{ width:290px;}
.refer td.col-2{ width:200px;}
.refer td.col-2b{ width:380px;}
.refer td.col-3{ width:90px;text-align:right;}
.refer td.col-3a{ width:290px;}
.refer td.col-4{ width:200px;}
.refer input{ height:16px; font-size:10px; border:1px solid #BFBCBC; }
.refer select{width:125px; height:19px; font-size:10px; border:1px solid #BFBCBC;}

/* delivery details */
.delivery-details { width:580px;}
.delivery-details td.col-1{ width:110px; vertical-align:top;}
.delivery-details td.col-2{ width:360px; vertical-align:top;}
.delivery-details td.col-3{ width:110px; vertical-align:top;}
.delivery-details input{ height:16px; font-size:10px; border:1px solid #BFBCBC; }
.delivery-details select{ height:20px; font-size:10px; border:1px solid #BFBCBC; }
.delivery-details textarea{ width:320px; height:50px; font-size:10px; border:1px solid #BFBCBC; }

/* cancel order form */
.cancel-order-form { width:570px;}
.cancel-order-form td.col-1{ width:190px; vertical-align:top;}
.cancel-order-form td.col-2{ width:380px; vertical-align:top;}
.cancel-order-form input{ height:16px; font-size:11px; border:1px solid #BFBCBC; }
.cancel-order-form select{ height:20px; font-size:11px; border:1px solid #BFBCBC; }
.cancel-order-form textarea{ width:320px; height:50px; font-size:11px; border:1px solid #BFBCBC; }

.op-info { width:580px;}
.op-info td.col-1{ width:110px; vertical-align:top;}
.op-info td.col-2{ width:470px; vertical-align:top;}
.op-info select{ height:20px; font-size:10px; border:1px solid #BFBCBC; }

.hist{width:500px}
.hist th{width:50px;font-weight:bold;vertical-align:top;}
.hist td{width:450px;vertical-align:top;padding-bottom:15px;}
.hist-title{font-weight:bold;}


/* from styles */
.light-btn { border:1px solid #A1D2A3; color:#47AD54; background-color:#D1EAD3; font-size:10px; font-weight:bold;cursor:pointer;cursor:hand;}
.dark-btn { border:1px solid #A1D2A3; color:#FFF; background-color:#47AD54;  line-height:20px;font-size:11px; font-weight:bold;cursor:pointer;cursor:hand;}
.text-input { border:1px solid #CCC; font-size:11px;}

.old-price { text-decoration:line-through; }

/* login box */
#login-box-container { height:95px; border-bottom:1px solid #D5CAA3;border-right:1px solid #D5CAA3;background-color:#FFFFFF;}
#login-box-container-remind { height:95px; border-bottom:1px solid #D5CAA3;border-right:1px solid #D5CAA3;background-color:#FFFFFF;}
#login-box-container-reminded { height:95px; border-bottom:1px solid #D5CAA3;border-right:1px solid #D5CAA3;background-color:#FFFFFF;}
#login-box-container-emlerr { height:95px; border-bottom:1px solid #D5CAA3;border-right:1px solid #D5CAA3;background-color:#FFFFFF;}

.login-box { width:180px; font-size:11px; xborder:1px solid black;}

.login-box th{font-weight:normal; text-align:left; vertical-align:top;}
.login-box td{ text-align:right; vertical-align:top;}

.login-box #login-box-close{width:15px; font-size:8px; margin-left:28px;}
.login-box #login-box-close-rmd{ width:15px;font-size:8px;margin-left:61px;}
.login-box #login-box-close-lgerr{width:15px;font-size:8px;margin-left:5px;}
.login-box #login-box-close-rmdd{ width:15px;font-size:8px;}
.login-box #login-box-close-emlerr{ width:15px;font-size: 8px; margin-left:19px;}
.login-box #login-box-username{width:107px;}
.login-box #login-box-password{width:107px;}
.login-box .sbmtTD{padding-left:10px;}
.login-box #login-box-submit{ width:48px; margin-left:18px; cursor:pointer;}
.login-box #login-box-submit-rmd{ width:56px; margin-left:68px; cursor:pointer;}

a.login-box:link {color:#47ad54; text-decoration:none; font-size:11px; }
a.login-box:visited {color:#47ad54; text-decoration:none; font-size:11px;}
a.login-box:hover {color:#666666; text-decoration:none; font-size:11px;}
a.login-box:active {color:#47ad54; text-decoration:none; font-size:11px;}

/* Weekly Specials */
.weekly-specials-table { width:700px; margin-left:80px;}
.weekly-specials-table td.cell-one{ width:470px; vertical-align:top; }
.weekly-specials-table td.cell-two{ width:230px; vertical-align:top; padding-left:8px; }

.ws-left-table { width:466px; background:url(../graphics/466x320dotted_bg.gif) 0 4px ;}
.top-466 { width:466px; height:4px; background:url(../graphics/466x320dotted_top.gif) no-repeat;}
.ws-left-table td.cell-1{ width:225px; text-align:center; }
.ws-left-table td.cell-2{ width:245px; vertical-align:top; }
.bot-466 { width:466px; height:4px; background:url(../graphics/466x320dotted_bot.gif) no-repeat;}
.prd-title{ font-weight:bold; font-size:12px; }

/*News Boxes*/
.news-box { width:750px; margin-left:55px; margin-bottom:20px; background:url(../graphics/tiled_bg2.jpg);}
.news-box td{ width:250px; border-top: 1px solid #D9CEA9;  border-left: 1px solid #D9CEA9;vertical-align:top;}
.news-box-hdr { text-transform:uppercase;font-weight:bold;padding:3px 5px 0px 5px;width:240px;height:20px;border-bottom: 1px solid #D9CEA9;}
.news-box-txt { padding:5px;width:240px;}

/*New User Home Page */
.new-user-content { width:750px; margin-left:62px; margin-bottom:20px; background:url(../graphics/tiled_bg2.jpg);}
.new-user-content-col1{ width:250px; border-top: 1px solid #D9CEA9;  border-left: 1px solid #D9CEA9;vertical-align:top;  border-right: 1px solid #D9CEA9;vertical-align:top;}
.new-user-content-col2{ width:250px; border-top: 1px solid #D9CEA9;  border-right: 1px solid #D9CEA9;vertical-align:top;}
.new-user-content-col3{width:250px; border-top: 1px solid #D9CEA9;}
.new-user-content-blank{ width:250px; border-top: 1px solid #D9CEA9;vertical-align:top;}
.new-user-content-hdr { text-transform:uppercase;font-weight:bold;padding:3px 5px 0px 5px;width:240px;height:20px;border-bottom: 1px solid #D9CEA9;}
.new-user-content-txt { padding:5px;width:240px;}
.new-user-content-coupon-container{margin-top:10px;margin-left:22px;}

/* contact info --------------------------------------------------------------- */
#locations{ width:580px;padding-bottom:15px;border-bottom:1px solid #D9CEA9;}
#locations .loc-title{font-weight:bold;font-size:110%;padding-left:4px;}
#locations .loc-table{width:576px;font-size:100%;margin-left:5px;}
#locations .loc-table td.loc-table-col-1{ width:192px;}
#locations .loc-table td.loc-table-col-2{ width:192px;}
#locations .loc-table td.loc-table-col-3{ width:192px;}

#contacts{ width:580px;margin-top:15px;}
#contacts .contacts-title{font-weight:bold;font-size:110%;padding-left:4px;margin-bottom:15px;}
#contacts .contacts-subtitle{font-weight:bold;font-size:100%;}
#contacts .contacts-table{width:576px;font-size:100%;margin-left:5px;}
#contacts .contacts-table p{padding-right:15px;}
#contacts .contacts-table tr{vertical-align:top;}
#contacts .contacts-table td.contacts-table_col-1{ width:192px;}
#contacts .contacts-table td.contacts-table_col-2{ width:192px;}
#contacts .contacts-table td.contacts-table_col-3{ width:192px;}

/* contact forms --------------------------------------------------------------- */
#contact-inq{ width:580px;margin-top:15px;}
#contact-inq .contact-inq-title{font-weight:bold;font-size:110%;padding-left:4px;margin-bottom:15px;}
#contact-inq .contact-inq-subtitle{font-weight:bold;font-size:100%;}
#contact-inq .contact-inq-table{width:576px;font-size:100%;margin-left:5px;}
#contact-inq .contact-inq-table p{padding-right:15px;}
#contact-inq .contact-inq-table tr{vertical-align:top;}
#contact-inq .contact-inq-table td.contacts-table_col-1{ width:192px;}
#contact-inq .contact-inq-table td.contacts-table_col-2{ width:192px;}
#contact-inq .contact-inq-table td.contacts-table_col-3{ width:192px;}

#contact-form{ width:580px;margin-top:15px;}
#contact-form .contact-form-title{font-weight:bold;font-size:110%;padding-left:4px;margin-bottom:15px;}
#contact-form .contact-form-subtitle{font-weight:bold;font-size:100%;padding-left:20px;}
#contact-form .contact-form-table{width:576px;font-size:100%;margin-left:5px;}
#contact-form .contact-form-table p{padding-right:15px;}
#contact-form .contact-form-table tr{vertical-align:top;}
#contact-form .contact-form-table th{width:150px;text-align:right;font-weight:bold;padding-right:5px;}
#contact-form .contact-form-table td{width:426px;vertical-align:middle;}
#contact-form .contact-form-table input{width:400px;height:16px; font-size:11px; border:1px solid #BFBCBC;}
#contact-form .contact-form-table input.contact-form-light-btn{width:115px;height:18px;padding-bottom:4px;border:1px solid #A1D2A3; color:#47AD54; background-color:#D1EAD3; font-size:10px; font-weight:bold;}
#contact-form .contact-form-table textarea{width:400px;height:50px; font-size:11px; border:1px solid #BFBCBC;}
#contact-form .contact-form-table td.sbmtTD{text-align:right;padding-right:46px;}

/* faqs --------------------------------------------------------------- */
#faqs{ width:580px; margin:15px 25px 0px 25px;}
#faqs .faqs-title{font-weight:bold;font-size:110%;padding-left:4px;margin-bottom:15px;}
#faqs .faqs-subtitle{font-weight:bold;font-size:100%;}
#faqs .faq-qna{padding-left:10px;margin-bottom:30px;}
#faqs .faq-q{margin-bottom:0px;padding-bottom:0px;}
#faqs .faq-a{padding:0px 55px 50px 15px;margin-top:0px;}

#faqs .faq-q a{color:#47ad54; text-decoration:none; font-size:11px; font-weight:bold; }
#faqs .faq-q a:link {color:#47ad54; text-decoration:none; font-size:11px; font-weight:bold; }
#faqs .faq-q a:visited {color:#47ad54; text-decoration:none; font-size:11px; font-weight:bold; }
#faqs .faq-q a:hover {color:#666666; text-decoration:none; font-size:11px; font-weight:bold; }
#faqs .faq-q a:active {color:#47ad54; text-decoration:none; font-size:11px; font-weight:bold; }

/* About with farm background */
#sitemap{ width:580px; margin:15px 25px 0px 25px;}
#sitemap .col-1{width:19%;vertical-align:top;}
#sitemap .col-2{width:19%;vertical-align:top;}
#sitemap .col-3{width:19%;vertical-align:top;}
#sitemap .col-4{width:24%;vertical-align:top;}
#sitemap .col-5{width:19%;vertical-align:top;}

#sitemap a.sitemap-hdr{color:#666666; text-decoration:underline; font-size:11px; font-weight:bold; }
#sitemap a.sitemap-hdr:link {color:#666666; text-decoration:underline; font-size:11px; font-weight:bold; }
#sitemap a.sitemap-hdr:visited {color:#666666; text-decoration:underline; font-size:11px; font-weight:bold; }
#sitemap a.sitemap-hdr:hover {color:#666666; text-decoration:underline; font-size:11px; font-weight:bold; }
#sitemap a.sitemap-hdr:active {color:#666666; text-decoration:underline; font-size:11px; font-weight:bold; }

#sitemap a{color:#47ad54; text-decoration:underline; font-size:11px; font-weight:normal; }
#sitemap a:link {color:#47ad54; text-decoration:underline; font-size:11px; font-weight:normal; }
#sitemap a:visited {color:#47ad54; text-decoration:underline; font-size:11px; font-weight:normal; }
#sitemap a:hover {color:#666666; text-decoration:underline; font-size:11px; font-weight:normal; }
#sitemap a:active {color:#47ad54; text-decoration:underline; font-size:11px; font-weight:normal; }