/* >>>>>>>>>>>>>>>>>> RESET <<<<<<<<<<<<<<<<< */ *{margin: 0; padding: 0;} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; outline: 0; font-size: 100%;vertical-align: baseline;background: transparent;}body {}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}/* remember to define focus styles! */:focus {outline: 0;}/* remember to highlight inserts somehow! */ins {text-decoration: none;}del {text-decoration: line-through;}/* tables still need 'cellspacing="0"' in the markup */table {border-collapse: collapse; border-spacing: 0;} /*---------------------------------------------------------------------*/ /* ---------- General styles ---------- */ body { font:normal 12px Arial; color:#404040; background:#c7c7c7;} br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear floated columns */ a {text-decoration:none; color:#ff6600;} a:hover {} p { line-height:1.4em; padding:3px 0;} h1 { font-size:22px; color:#f37321;} h2 { font-size:12px; color:#f37321;} h3 { font-size:18px; color:#f37321;} .left { float:left} .right { float:right} .orange { padding:4px 11px; background:#f47321; color:#fff; border:solid 1px #cc6600; font-size:9px; font-weight:normal; text-transform:uppercase; font-weight:bold;} .gray { padding:4px 11px; background:#878787; color:#fff; border:solid 1px #717171; font-size:9px; font-weight:normal; text-transform:uppercase; font-weight:bold;} .green { padding:4px; background:#8dc63f; color:#000; border:solid 1px #66942e; font-size:9px; font-weight:normal; text-transform:uppercase; font-weight:bold;} .inp { background:url(/images/input.jpg) no-repeat; width:160px; height:16px; padding:2px 5px; border:none; font-size:11px;} form { display:inline; margin:0; padding:0; } #aspnetForm { display:inline; margin:0; padding:0; } #wrapper { width:1000px; min-height:500px; margin:auto; background:url(/images/wrapper.png) repeat-y; padding:0 0 0 4px;} #wrapper_ft { width:1000px; height:8px; margin:auto; background:url(/images/wrapper_ft.png) no-repeat;} .newsletter_input { width:160px; height:18px; border:solid 1px #7d7d7d; font:normal 11px Arial; color:#a0a0a0; padding:0 4px; vertical-align:bottom;} .newsletter_sign_up { background:url(/images/sign_up.jpg) no-repeat; width:70px; height:20px; border:none; cursor:pointer; vertical-align:bottom;} .modalBackground {background-color: Gray; filter:alpha(opacity=70); opacity:0.7; -moz-opacity:.7;} #progressBackgroundFilter { position:fixed; top:0px; bottom:0px; left:0px; right:0px; overflow:hidden; padding:0; margin:0; background-color:#000; filter:alpha(opacity=20); opacity:0.2; z-index:1000;} #processMessage { position:fixed; top:30%; left:43%; padding:10px; width:14%; z-index:1001; background-color:#fff; border:solid 1px #000; text-align: center; } /* ---------- Header styles ---------- */ #header { width:1000px; height:140px; background:#000; position:relative} #header a {color:#a0a0a0;} #header a:hover { color:#f37321;} #header .phone { padding:20px 0 0 20px; float:left} #header .logo { width:297px; height:41px; position:absolute; top:70px; left:20px;} #header .topl { float:right; padding:18px 17px 0 0; font-size:11px; color:#a0a0a0; font-weight:bold;} #header .topl .links{ float:left; width:450px; text-align:right; white-space:nowrap;} #header .topl .options {float:left; padding:0 0 0 10px; width:250px; text-align:right;} #header .topl .options p { padding:2px; float:left} #header .topl .inp { width:160px; height:18px; border:solid 1px #7d7d7d; font:normal 11px Arial; color:#a0a0a0; padding:0 4px; vertical-align:bottom; margin:0px 0px 5px 0px;} #header .topl .search { background:url(/images/search.jpg) no-repeat; width:70px; height:20px; border:none; cursor:pointer; vertical-align:bottom; margin:0px 0px 5px 0px;} #header .topl .sign_up { background:url(/images/sign_up.jpg) no-repeat; width:70px; height:20px; border:none; cursor:pointer; vertical-align:bottom;} #header .menu { clear:both; text-align:right; font:bold 11px Arial; padding:30px 20px 0 0;} #sidebar{width:150px; margin:10px 0 0 0;} #sidebar h2{margin: 10px 0 15px 0; color:#fff; background-repeat:none; height:18px; width:131px;} #sidebar ul{padding:0 0 10px 0; margin:0 0 10px 0; border-top:1px double #666 !important;} #sidebar ul li{ padding: 3px 0 3px 0; border-bottom:1px solid #666;} #sidebar ul li a{color:#000; font-weight:bold; text-decoration:none; font-size:13px;} #sidebarAd{ margin-top:10px; margin-bottom:10px; font-size:13px;} /* Featured Category 0 gets to be styled differently */ li.categoryGroup1 {padding:0; margin:0;} li.categoryGroup1 a{} li.categorySelected a{ color:#f47321 !important; } /* ---------- Home Nav/Offers Block styles ---------- */ .offers { width:1000px; height:318px; background:url(/images/offers_bg.jpg) no-repeat; position:relative; overflow:visible; } .offers ul.leftnav { float:left; clear:left; padding:10px 0 0 20px; width:150px; display:list-item; white-space:nowrap; } .offers ul.leftnav li { font-size:14px; font-weight:bold; border-bottom:dotted 1px #797979; padding:2px 0;} .offers ul.leftnav li a { color:#fff; background:url(/images/arrow.png) no-repeat left; padding:0 0 0 15px;} .offers ul.leftnav li a:hover {color:#f37321;} .offers h1 { float:right; padding:26px 118px 0 0; } .offers .spend { position:absolute; right:2px; top:155px;} .offers .spend p { padding:2px 0 0 0;} /* ---------- Sidbar styles ---------- */ .sidebar { width:140px; float:left; padding:0 20px 20px 19px;} .sidebar ul.leftnav { float:left; clear:left; padding:10px 0 0 0; width:140px; display:list-item; white-space:nowrap; } .sidebar ul.leftnav li { font-size:13px; font-weight:bold; border-bottom:dotted 1px #797979; padding:2px 0;} .sidebar ul.leftnav li a { color:#000; background:url(/images/arrow.png) no-repeat left; padding:0 0 0 15px;} .sidebar ul.leftnav li a:hover {color:#f37321;} .sidebar .sblock { width:140px; height:auto; clear:both; padding:12px 0 0 0;} .sidebar .sblock .pic { width:140px; height:100px; background:#ccc;} .sidebar .sblock h2 { line-height:32px; background:#f37321; width:140px; text-align:center; color:#fff; text-transform:uppercase;} .sidebar .sblock p { text-align:center; color:#737373; font-size:11px;} /* ---------- Center styles ---------- */ #center { width:1000px; clear:both; padding:0 0 23px 0; position:relative;} #center .block { width:240px; float:left; overflow:hidden; color:#737373; margin:0 0 0 6px; padding:15px 0 30px 0;} #center .block.first { margin-left:10px;} #center .block p { padding:3px 0 3px 5px;} #center .block .image { padding:3px 0;} #center .block h2 { text-align:center; padding:2px 0;} #center .block .title { float:left; font-weight:bold; color:#000;} #center .block .add_to_cart { float:right;} .addToCart { background:url(/images/add_to_cart.jpg) no-repeat; float:right; width:80px; height:20px; vertical-align:middle; border:none; cursor:pointer;} #center .block .price { font-size:14px; font-weight:bold; color:#f37321;} #center .bottom { width:963px; height:149px; border:solid #a0a0a0; border-width:1px 0; clear:both; margin:0 0 0 9px; padding:20px 0 20px 10px;} #center .bottom .title {color:#f37321;} #center .bottom .usda { width:327px; height:150px; float:left; background:url(/images/USDA.jpg) top left no-repeat; border-right:solid 1px #a0a0a0;} #center .bottom .usda p { padding:0 15px 0 60px;} #center .bottom .links { width:315px; height:150px; float:left; background:url(/images/thumbs.jpg) no-repeat left top; border-right:solid 1px #a0a0a0; margin:0 0 0 15px; } #center .bottom .links p { padding:3px 5px 3px 100px;} #center .bottom .follow { float:left; width:300px;} #center .bottom .follow p { padding:3px 0px 3px 15px;} #center .bottom .follow .inp { background:url(/images/input.jpg) no-repeat; width:160px; height:16px; padding:2px 5px; border:none} #center .bottom .follow #submit { background:url(/images/submit.jpg) no-repeat; width:70px; height:20px; cursor:pointer; border:none;} #center .bottom .follow .newsletter { padding:5px 0px 5px 15px;} #center .bottom .follow .twitt { padding:5px 0 5px 15px;} #center .bottom .follow .twitt p { padding:0;} #center .bottom .follow .twitt .text { padding:0 0 0 5px;} /* ---------- footer styles ---------- */ #footer { width:1000px; margin:auto; text-align:center; font-size:10px; color:#737373; padding:2px 0 20px 0;} #footer ul { clear:both; width:100%} #footer ul li { display:inline; padding:2px 1px;} #footer p { padding:10px 0 0 0; clear:both} #footer a { color:#737373;} #footer a:hover { text-decoration:underline} /* ---------- Main Content styles ---------- */ .main { width:818px; float:left; } .main .top-content { width: 400px; float:left; } .main .top-content h1 { font-size:25px; line-height:25px; font-weight:normal; padding:30px 50px;} .main .top-content p { font-size:18px; color:#737373; padding:0 100px 0 50px; line-height:22px;} .main .top-content ul { padding:30px 10px 0 50px;} .main .top-content ul li { color:#000; padding:2px 0; font-weight:bold;} .main .top-image { float:left; padding:0; } .main .promocontent {float:left; width:818px; } #catImageRight{float:left !important; width:513px !important; position:relative; z-index:5000;} #catImageRight #imageCaption{padding:5px; background:#fff; position:relative; top:240px; float:right; margin:0 10px 0 0; font-weight:bold; position:relative; z-index:5000;} #catImageRight #imageCaption span{font-size:10px; display:block; padding-top:2px; overflow:hidden;} /* ----------Testimonials Page styles ---------- */ .main .heading { width:800px; float:left; padding:20px 0;} .main .heading { padding-left:10px;} .main .heading p { padding:5px 20px; color:#000; font-size:14px; font-weight:bold;} .main .story-box { width:800px; height:570px; overflow:auto; color:#737373} .main .story-box p { padding:10px 100px 10px 20px;} .main .story-box p span {color:#f37321;} /*SEARCH*/ #searchList {margin-top:15px;} #searchList li {width:190px; height:150px; border:1px solid #fff; float:left; text-align:center;} #searchList li a{ display:block; margin:0;} #searchList li img {margin-bottom:10px;} #searchPagination {clear:both; padding:20px;text-align:center;} #searchPagination input{margin:0 10px 0 10px;} /* ---------- GrassFed Page styles ---------- */ .main .column { width:240px; border-right:solid 1px #a0a0a0; float:left; margin:0 15px 0 0; height:342px;} .main .column.last { border:none;} .main .column h3 span { color:#000;} .main .column p { padding:5px 10px 5px 0;} /* ---------- Login & Sign Up Page styles ---------- */ .main .login-block { width:300px; float:left; margin:20px 0 0 0;} .main .login-block h2 { width:300px; height:26px; line-height:26px; background:#f37321; text-align:center; color:#fff; text-transform:uppercase} .main .login-block a { float:left; } .main .login-block .content { padding:10px 0;} .main .login-block .content .tr { clear:both; overflow:hidden; padding:2px 0;} .main .login-block .content .label { width:80px; font-weight:bold; color:#000; float:left; text-align:right;} .main .login-block .content .input { float:left; margin:0 0 0 18px; } .main .login-block .orange { cursor:pointer; } .main .signup-block { width:490px; float:left; margin:20px 0 0 4px;} .main .signup-block h2 { width:490px; height:26px; line-height:26px; background:#f37321; text-align:center; color:#fff; text-transform:uppercase} .main .signup-block .content { margin:10px 0 10px -2px; border-left:solid 1px #a0a0a0;} .main .signup-block .content .tr { clear:both; overflow:hidden; padding:2px 0;} .main .signup-block .content .label { width:158px; font-weight:bold; color:#000; float:left; text-align:right;} .main .signup-block .content .label span {color:#f37321;} .main .signup-block .content .input { float:left; margin:0 0 0 18px; } .main .signup-block .content .input small { font-size:10px;} .main .signup-block .orange { cursor:pointer; } /* ----------Recipie Landing Page styles ---------- */ .main .gtr { position:absolute; top:333px; left:375px; } .main .recipe-block { width:185px; float:left; padding:15px 0; margin:0 10px 0 0;} .main .recipe-block.last { margin:0;} .main .recipe-block h2 { text-align:center; padding:5px 0; text-transform:uppercase;} .main .recipe-block .image { width:185px; height:150px; background:#ccc;} .main .recipe-block ul { padding:0 20px 0 10px} .main .recipe-block ul li { padding:5px 0; border-bottom:dotted 1px #737373;} .main .recipe-block ul li a { color:#737373} .main .recipe-block ul li a:hover { color:#f37321} /* ----------Individual Product Page styles ---------- */ .main .individual_details { width:350px; height:320px; float:left; } .main .individual_details h1 { font-size:30px; line-height:30px; font-weight:normal; padding:30px 20px 0 30px;} .main .individual_details p { font-size:18px; color:#737373; padding:10px 50px 0 30px; line-height:22px;} .main .individual_details ul { padding:10px 0 0 30px;} .main .individual_details ul li { color:#000; padding:2px 0; font-weight:bold;} .main .individual_details ul li span.price { color:#f37321;} .main .individual_details ul li .qty { width:27px; height:20px; border:solid 1px #a1a1a1; font-size:12px; text-align:center; vertical-align:middle; padding:0 5px 0 5px; background:#f5f5f5;} .main .individual_details ul li .add_to { background:url(/images/add_to_cart.jpg) no-repeat; width:80px; height:20px; vertical-align:middle; border:none; cursor:pointer;} .main .individual_details ul li .outOfStock { background:transparent; color:#fff !important; padding:2px 3px; border:1px solid #fff; text-transform:uppercase; font-weight:bold; text-decoration: none; font-size:10px;} .main .individual_image { width:360px; height:360px; float:left; padding:20px 0 0 50px; } .main .tabContainer { padding:40px 0 30px 0; overflow:hidden;} .main .tabContainer ul#tabs li { float:left; display:block; width:201px; height:26px; line-height:26px; text-align:center; font-weight:bold; background:#f37321; margin:0 5px 0 0;} .main .tabContainer ul#tabs li.last { margin:0; width:200px} .main .tabContainer ul#tabs li a { color:#fff;} .main .tabContainer ul#tabs li.active a { color:#000;} .main .tabContainer ul#tabs li a:hover { color:#000;} .main .tabContainer .container { width:818px; height:auto; padding:20px 0; clear:both; overflow:hidden;} .main .tabContainer .container .image { float:left; width:200px;} .main .tabContainer .container .specs { float:left; width:600px; padding:0 0 0 10px;} .main .tabContainer .container .specs ul { padding:5px 40px 5px 20px;} .main .tabContainer .container .specs ul li { padding:3px 0; list-style:disc; color:#f37321;} .main .tabContainer .container .specs ul li span { color:#737373;} /* ---------- Product Page styles ---------- */ .main .category_details { width:260px; float:left; } .main .category_details h1 { font-size:30px; line-height:30px; font-weight:normal; padding:30px 10px 0 5px;} .main .category_details p { font-size:18px; color:#737373; padding:10px 20px 0 5px; line-height:22px;} .main .category_image { width:819px; float:left; padding:0; } .main .product { width:200px; height:230px; position:relative; margin: 20px 4px 0 0; float:left; } .main .product .image { width:195px; height:150px; background:#ccc; text-align:center; } .main .product .details { border-right:solid 2px #a4a4a4; white-space:nowrap; margin:0 0 0 0; height:65px; width:199px; } .main .product.last .details { border-right:0; } .main .product h5 { color:#000; padding: 5px 0 2px 0; float:left;} .main .product p { padding:5px 0 0 0; float:left; clear:left; width:90px; overflow:visible;} .main .product p span { font-size:14px; color:#f37321; font-weight:bold;} .main .product .details .add { /*position:absolute; right:10px; bottom:10px;*/ float:right; padding:20px 5px 0 0; } .main .product .details .add .addToCart { background:url(/images/add_to_cart.jpg) no-repeat; width:80px; height:20px; vertical-align:middle; border:none; cursor:pointer;} /*PRODUCT*/ #productContainer{padding-top:15px;} #product #productImage{margin:0 0 10px 0;} #productDetails{width:420px; font-weight:bold;} #productDetails h2{font-size:24px; color:#000; margin:0 0 10px 0;} #productDetails h3{font-size:13px;} #productDetails ul {margin:5px 0 5px 0;} #productDetails li{padding-bottom:5px !important;} #productDetails li a{color:#000; padding-bottom:5px; font-weight:bold;} #crossSells{clear:both; background:#fff; border:1px solid #999; padding-bottom:20px; padding-top:20px; margin: 0 10px 0 10px;} #crossSells h2{margin:0 0 10px 0 !important; font-size:13px !important;} .crossSell{float:left; width:165px; height:175px; text-align:center; padding:10px;} .crossSellImage{height:105px; } .crossSell img{margin: 0 0 10px 0;} .crossSell h3{color:#ff6633 !important; font-size:13px;} #productPacks, #productRecipes {padding:10px 0 10px 0; margin:10px 0 10px 0; border-top:1px solid #666; border-bottom:1px solid #666;} .productDetailPrice{padding:10px 0 10px 0; font-size:16px;} .detailPrice{color:#000;} .productAddToCart {margin-bottom:10px;} .productAddToCart .quantity{width:15px;} .tabs{margin:0 10px 0 10px; clear:both;} .tabs li{float:left; list-style-type:none;} .tabs li a{display:block; padding:5px; background:#fff; border-right:solid 1px #000;} .tabs li a:hover{background:#000; color:#fff;} .tabs li.current a,.tabs li.current a:hover{background:#ff6633; color:#fff; cursor:default;} .tabs li.last a{} #simpleContent .tabContainer .tabContent{} #simpleContent .tabContent table, #simpleContent .tabContent table td{border:none;} #myAccount .tabs{margin:0 10px 0 10px; padding-bottom:30px; clear:both;} #myAccount .tabs li{float:left; list-style-type:none;} #myAccount .tabs li a{display:block; padding:5px; background:#fff; border-right:solid 1px #000;} #myAccount .tabs li a:hover{background:#000; color:#fff;} #myAccount .tabs li.current a,.tabs li.current a:hover{background:#ff6633; color:#fff; cursor:default;} #myAccount .tabs li.last a{} #myAccount .tabContent{float:left; clear:left; border-top:solid 1px #000; width:700px;} ul#nutritionalInfo{width:745px; padding:0 0 0 25px;} ul#nutritionalInfo li{list-style-type:disc; padding:0 0 5px 0; *list-style-position:inside;} /*CATEGORY*/ #catImageContainer{height:304px; width:785px; *width:785px;} #catImageLeft{width:267px; height:294px; float:left; background:url(images/catImageLeftBg.png); *background-image:none; *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/catImageLeftBg.png',sizingMethod='fixed'); background-repeat:none; color:#fff;} #catImageLeft .content{padding:20px;} #catImageLeft h2{font-size:40px; line-height:.1.1em; letter-spacing:-2px; margin-bottom:10px;} #catImageLeft p{font-size:12px; line-height:1.3em;} #catImageLeft p strong{display:block; font-size:15px; margin:10px 0 0 0;} #catImageLeft p strong.singleLine{display:inline;} #catImageLeft ul{margin:20px 0 0 55px;} #catImageLeft ul li{margin:0 0 5px 0; list-style:disc;} #catImageLeft ul li a{color:#fff; font-size:11px; font-weight:bold; text-decoration:underline;} #catImageRight{float:left !important; width:819px !important; position:relative; z-index:5000;} #catImageRight #imageCaption{padding:5px; background:#fff; position:relative; top:240px; float:right; margin:0 10px 0 0; font-weight:bold; position:relative; z-index:5000;} #catImageRight #imageCaption span{font-size:10px; display:block; padding-top:2px; overflow:hidden;} #catProductContainer{margin-top:10px;} .catProduct img{} .catProduct{float:left; width:190px; overflow:hidden; text-align:center; border:1px solid #fff; height:200px;} .catProduct h2{font-size:12px; margin:0 0 10px 0; color:#000; height:20px;} .catProduct .itemImage{width:125px; height:95px; padding:0 0 0 0; margin:10px auto;} .catProduct .itemDetails{font-size:11px; color:#000; margin: 0 auto;} .catProduct .itemDetails a{font-size:11px; color:#000;} .catProduct .itemDetails li{float:left; width:50%;} .catProduct .itemDetails .itemLearn {text-align:right;} .catProduct img{} .catProduct .itemCart{margin:0;} .catProduct .itemPrice, .bestItemDescription .itemPrice{text-align:left; width:33% !important; padding-top:5px; padding-bottom:5px; font-weight:bold; font-size:13px !important;} .catProduct .itemLearn{width:40% !important;} .catProduct .itemCart li{float:left; width:66%; font-size:11px;} .catProduct .itemCart li label, .bestItemDescription .itemCart li label{padding-right:5px;} .catProduct .itemQty{text-align:left;} .catProduct .itemQty label{float:left; padding-top:5px;} .catProduct .itemCartAdd{width:60%; padding-top:5px; text-align:right;} .bestItemDescription .itemCartAdd a{color:#fff;} .catProduct .itemCartAdd a, p#productQuantity a.addToCart{text-transform:uppercase; text-decoration:none; display:inline-block; background:#f97b22; color:#fff; padding:2px 3px; font-weight:bold; line-height:1.3em; margin-bottom:10px;} /*input.addToCart {cursor:pointer; background:#f97b22; color:#fff; padding:2px 0; border:1px solid #fff; text-transform:uppercase; font-weight:bold; font-size:12px;}*/ .catProduct .itemCartAdd .outOfStock, .bestItemDescription .itemCartAdd .outOfStock, .productAddToCart .outOfStock {background:transparent; color:#fff !important; padding:2px 3px; border:1px solid #fff; text-transform:uppercase; font-weight:bold; text-decoration: none; font-size:10px;} .catProduct .productWeight, .bestItemDescription .productWeight{display:block; font-weight:normal; font-size:12px; font-weight:bold; padding-top:2px;} /* ----------Individual Recipe Page styles ---------- */ .main .recipe_details { width:350px; height:250px; float:left; } .main .recipe_details h1 { font-size:30px; line-height:30px; font-weight:normal; padding:30px 20px 0 30px;} .main .recipe_details .chef { font-size:18px; color:#ccc; padding:10px 50px 0 30px; line-height:22px;} .main .individual_image { width:250px; height:250px; float:left; padding:20px 0 0 50px; } .main .ingredients { width:300px; float:left; padding:20px 0; } .main .ingredients h2 { width:300px; height:26px; line-height:26px; background:#f37321; text-align:center; color:#fff; text-transform:uppercase;} .main .ingredients h4 { color:#000; padding:20px 20px 5px 20px;} .main .ingredients ul { padding:0 30px;} .main .ingredients ul li {list-style:disc; color:#f37321; padding:3px 0;} .main .ingredients ul li span { color:#737373;} .main .ingredients ul li span.buy { font-weight:bold; text-decoration:underline;} .main .instructions { width:490px; float:left; padding:20px 0 20px 5px; } .main .instructions h2 { width:490px; height:26px; line-height:26px; background:#f37321; text-align:center; color:#fff; text-transform:uppercase;} .main .instructions h4 { color:#000; padding:20px 20px 5px 20px;} .main .instructions p {padding:5px 30px 5px 20px;} /*checkout header*/ checkoutStatus{margin:0 0 0 0; padding:0 0 0 0; } #checkoutStatus li{display:block !important; padding:0 60px 0 40px; float:left; height:34px; color:#666; font-weight:bold; font-size:18px;} #checkoutStages li span{position:relative; top:10px;} #checkoutStages li.current{color:#000; font-weight:bold;} #checkoutStatus li#step1{background:url(images/one_off.png) no-repeat; *background-image:none; *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/one_off.png',sizingMethod='crop');} #checkoutStatus li#step2{background:url(images/two_off.png) no-repeat; *background-image:none; *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/two_off.png',sizingMethod='crop');} #checkoutStatus li#step3{background:url(images/three_off.png) no-repeat; *background-image:none; *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/three_off.png',sizingMethod='crop');} #checkoutStatus li#step1.current{background:url(images/one_on.png) no-repeat; *background-image:none; *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/one_on.png',sizingMethod='crop');} #checkoutStatus li#step2.current{background:url(images/two_on.png) no-repeat; *background-image:none; *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/two_on.png',sizingMethod='crop');} #checkoutStatus li#step3.current{background:url(images/three_on.png) no-repeat; *background-image:none; *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/three_on.png',sizingMethod='crop');} /* ---------- Shopping Cart Page V2 styles ---------- */ .top-image-big { width:1000px; height:270px; background:url(/images/ShoppingCart_top_image.jpg) no-repeat; } .cart-content { width:584px; float:left; border:solid 1px #b4b4b4; margin:19px 21px 19px 18px; padding:20px;} .cart-content h1 { font-size:20px; font-weight:normal; padding:5px 0;} .cart-content .separator { border-top:solid 1px #a0a0a0; height:1px; width:100%; clear:both; margin:5px 0;} .cart-headings { width:585px; height:26px;} .cart-headings ul li { float:left; line-height:26px; background:#878787; border-right:solid 1px #a0a0a0; font-weight:bold; color:#fff; text-align:center; text-transform:uppercase;} .cart-headings ul li.item { width:159px;} .cart-headings ul li.qty { width:100px;} .cart-headings ul li.uprice { width:100px;} .cart-headings ul li.price { width:101px;} .cart-headings ul li.actions { width:120px; border:none;} .cart-row { width:585px; font-size:15px; overflow:visible;} .cart-row p { line-height:15px; padding:15px 0 0 0;} .cart-row p.remove { font-size:12px; color:#878787; line-height:13px;} .cart-row ul li { float:left; border-right:solid 1px #a0a0a0; color:#000; min-height:78px; height:auto!important; height:78px; overflow:visible;} .cart-row ul li.item { width:144px; padding:0 5px 10px 10px;} .cart-row ul li.qty { width:100px; text-align:center;} .cart-row ul li.qty .arrows { float:left; width:40px; padding:12px 0 0 0;} .cart-row ul li.qty .arrows p { padding:2px;} .cart-row ul li.qty .input { float:left; padding:12px 0 0 0;} .cart-row ul li.qty .input .small_inp { background:url(/images/small_input.jpg) no-repeat; width:36px; height:26px; padding:2px; border:none; text-align:center; line-height:30px;} .cart-row ul li.uprice { width:100px; text-align:center;} .cart-row ul li.price { width:101px; text-align:center;} .cart-row ul li.actions { width:110px; border:none; padding:0 0 0 10px} .cart-content p .gray { cursor:pointer;} .cart-content .code { width:100%; overflow:hidden} .cart-content .code div { float:right;} .cart-content .code .btn { width:120px; float:right;} .cart-content .code .inp {color:#f37321; font-weight:bold} .cart-content .code .pcode { font-size:14px; color:#f37321; padding:10px 0; float:right; } .cart-content .orange { padding:0; width:109px; height:18px; line-height:16px; display:block; text-align:center; float:right; cursor:pointer;} .cart-content .values { padding:10px 0; font-size:14px; color:#000; font-weight:bold;} .cart-content .values .vrow { overflow:hidden; width:100%; padding:5px 0;} .cart-content .values div { float:right} .cart-content .values .price { width:71px; text-align:right; font-weight:normal;} .cart-content .values .price span { font-weight:bold; color:#f37321;} .cart-content .update { width:100%;font-size:14px; color:#f37321;} .cart-content .update div { float:right; padding:10px 0;} .cart-content .update .btn { width:134px; text-align:right;} .cart-content .update .btn .gray {padding:0; width:109px; height:18px; line-height:16px; display:block; text-align:center; float:right; cursor:pointer;} .cart-content .buttons { clear:both; text-align:right;} .cart-content .buttons .gray {padding:0; width:120px; height:18px; line-height:16px; display:block; text-align:center; float:right; margin:0 10px 0 0; cursor:pointer;} #center .cart-sidebar { position:absolute; right:20px; width:315px; margin:19px 0 0 0;} #center .cart-sidebar h2 { width:315px; height:26px; line-height:26px; background:#f37321; text-align:center; color:#fff;} #center .cart-sidebar .block { float:none; padding:15px 0 0 0;} .member-information { width:586px; float:left; background:#e3e3e3; margin:8px 21px 19px 18px; display:inline; padding:15px 20px;} .member-information h3{ width:586px; float:left; color:#f37321; font-size:16px; font-weight:bold; padding-bottom:15px;} .member-information .col{ width:204px; float:left;} .member-information .col .heading{ width:100%; float:left; font-size:13px; font-weight:bold; color:#000; padding-bottom:5px;} .member-information .col .heading a{color:#f37321; font-size:11px; font-weight:normal; text-decoration:none} .member-information .col .heading a:hover{ text-decoration:underline} .member-information .col p{ width:100%; float:left; font-size:13px; color:#878787; line-height:18px;} .member-information .col p a{color:#878787; text-decoration:none} .member-information .col p a:hover{text-decoration:underline} .member-information .col.last{ width:175px; float:right;} /* ---------- General PopUp styles ---------- */ img { border: none; } #hideshow { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .fade { background: #000; position: fixed; width: 100%; height: 100%; filter:alpha(opacity=80); opacity: .80; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/ left: 0; z-index: 10; } .popup_block { background: #fff; padding: 30px; border: 1px solid #999894; float: left; position: fixed; top: 20%; left: 50%; margin: 0 0 0 -250px; z-index: 100; } .popup_block .popup { float: left; width: 100%; background: #fff; margin: 0; padding:0;} .popup h2 { padding: 5px 0; font-size: 16px; } .popup p { padding: 5px 0;} .popup .cntrl { background:url(/images/icon_close.jpg) no-repeat; width:20px; height:20px; border:none; cursor:pointer; position: absolute; right: 10px; top: 10px;} /* ---------- Send to Someone PopUp styles ---------- */ .popup_block.sts {width: 480px; font-size: 16px; color:#000;} .popup_block.sts .popup small { color:#a0a0a0; font-size:12px;} .popup_block.sts .popup select { width:200px; height:20px;} .popup_block.sts .popup .arow { overflow:hidden; width:100%; padding:10px 0;} .popup_block.sts .popup .arow .name { float:left; width:290px; padding:5px; font-weight:bold} .popup_block.sts .popup .arow .qty { float:left; width:150px;} .popup_block.sts .popup .arow .qty .text { padding:5px;} .popup_block.sts .popup .arow .qty div { float:left; padding:0 5px;} .popup_block.sts .popup .arow .qty p { padding:1px 0;} .popup_block.sts .popup .arow .qty .small_inp { background:url(/images/small_input.jpg) no-repeat; width:36px; height:26px; padding:2px; border:none; text-align:center; line-height:30px;} .popup_block.sts .popup .buttons { width:445px; clear:both; text-align:right; padding:10px 0 0 0;} .popup_block.sts .popup .buttons .gray {padding:0; width:120px; height:18px; line-height:16px; display:block; text-align:center; float:right; margin:0 10px 0 0; cursor:pointer;} .popup_block.sts .popup .buttons .orange {padding:0; width:120px; height:18px; line-height:16px; display:block; text-align:center; float:right; margin:0 10px 0 0; cursor:pointer;} /* ---------- Shopping Cart Place Order Page styles ---------- */ #center .ssteps { width:1000px; height:100px;} #center .ssteps .step { width:333px; border-right:dotted 1px #fff; background:#a0a0a0; float:left; height:100px; text-align:center} #center .ssteps .step h1 { font-size:20px; color:#737373; text-transform:uppercase; padding:20px 0 0 0;} #center .ssteps .step h2 { font-size:22px; color:#c8c8c8;} #center .ssteps .step.last { width:332px; border-right:none} #center .ssteps .step.current { background:#f37321} #center .ssteps .step.current h1 { color:#000;} #center .ssteps .step.current h2 { color:#fff;} #center .place-order { width:900px; padding:20px 0 0 25px; } #center .place-order h2 { font-size:16px;} #center .place-order .block { width:900px; height:auto; overflow:hidden; border:solid 1px #b4b4b4; padding:15px 20px; margin:0 0 20px 0;} #center .place-order .block.gray { width:900px; background:#f1f1f1; text-transform:none; } #center .place-order .block h3 { font-size:16px; color:#000;} #center .place-order .block p { padding:3px 0; font-size:12px;} #center .place-order .block li { padding:5px 0; font-size:12px;} #center .place-order .block h3 a { font-size:11px;} #center .place-order .block .bloc { float:left; width:190px; padding:0 10px 0 10px; } #center .place-order .block .bloc.subtotal { width:100px; padding:0; } #center .place-order .block .bloc.date { width:160px; padding:0; } #center .place-order .block .bloc.ref { width:200px; padding:0; margin-top:20px; } #center .order-summary { text-align:right; overflow:hidden; margin:0 0 20px 0; clear:both} #center .order-summary .values { padding:10px 0; font-size:14px; color:#000; font-weight:bold;} #center .order-summary .values .vrow { overflow:hidden; width:100%; padding:5px 0;} #center .order-summary .values div { float:right} #center .order-summary .values .price { width:71px; text-align:right; font-weight:normal;} #center .order-summary .values .price span { font-weight:bold; color:#f37321;} #center .order-summary .orange { cursor:pointer; margin:10px 0 0 0; width:120px; } #center .order-summary .orange.rec { cursor:pointer; margin:10px 0 0 0; width:200px; } #center .recurring-order { text-align:right; overflow:hidden; margin:0 0 20px 0; clear:both} #center .recurring-order h2 { color:#000;} /* ---------- Send to Someone PopUp styles ---------- */ .popup_container .popup_rc { width:800px; margin:0 auto; } .popup_container .popup_rc .popup_box { float:left; width:800px; border:1px solid #a1a09e; padding:20px 10px 10px 29px; background:#fff;} .popup_container .popup_rc .popup_box .icon{ float:right; } .popup_container .popup_rc .popup_box .icon img{ float:right;} .popup_container .popup_rc .popup_box h5{ float:left; color:#f37321; font-weight:bold; font-size:16px; margin-top:-4px; padding-bottom:20px;} .popup_container .popup_rc .popup_box .popup_details_box{ float:left; width:800px;} .popup_container .popup_rc .popup_box .popup_details_box .shipblock { width:700px; height:auto; overflow:hidden; border:solid 1px #b4b4b4; padding:15px 20px; margin:0 0 20px 0;} .popup_container .popup_rc .popup_box .popup_details_box .shipblock .check { font-size:16px;} .popup_container .popup_rc .popup_box .popup_details_box .shipblock h3 { font-size:16px; color:#000;} .popup_container .popup_rc .popup_box .popup_details_box .shipblock p { padding:3px 0; font-size:12px;} .popup_container .popup_rc .popup_box .popup_details_box .shipblock li { padding:5px 0; font-size:12px;} .popup_container .popup_rc .popup_box .popup_details_box .shipblock h3 a { font-size:11px;} .popup_container .popup_rc .popup_box .popup_details_box .shipblock .bloc { float:left; width:190px; padding:0 10px 0 10px; } .popup_container .popup_rc .popup_box .popup_details_box .shipblock .bloc.subtotal { width:100px; padding:0; } .popup_container .popup_rc .popup_box .popup_details_box .rec{ width:700px; } .popup_container .popup_rc .popup_box .popup_details_box .pat{ font-weight:bold; font-size:14px; margin-top:0; padding-bottom:20px; margin-left: 20px; } .popup_container .popup_rc .popup_box .popup_details_box .orange_btn { float:left; padding:2px 40px; background:#f47321; color:#fff; border:solid 1px #cc6600; font-size:10px; font-weight:normal; text-transform:uppercase; font-weight:bold; text-decoration:none; margin:15px 0 0 10px; cursor:pointer; } /* ---------- Product Added PopUp styles ---------- */ .popup_block.added { margin-left:100px; float:left; width: 700px; font-size: 16px; color:#000; } .popup_block.added.small {width: 400px; } .popup_block.added h2 { font-size:16px;} .popup_block.added h3 { font-size:16px; color:#000; width:200px; } .popup_block.added .popup .price { float:left; font-weight:bold; } .popup_block.added .popup .arow { float:left; overflow:hidden; margin-left:30px; width:480px; padding:10px 0; } .popup_block.added.small .popup .arow { width:200px; } .popup_block.added .popup .arow .qty { float:left; width:150px;} .popup_block.added .popup .arow .qty .text { padding:5px;} .popup_block.added .popup .arow .qty div { float:left; padding:0 5px;} .popup_block.added .popup .arow .qty p { padding:1px 0;} .popup_block.added .popup .arow .qty .small_inp { background:url(/images/small_input.jpg) no-repeat; width:36px; height:26px; padding:2px; border:none; text-align:center; line-height:30px;} .popup_block.added .popup .arow .send_to { float:left; width:300px; padding:5px 5px 5px 10px; text-align:right;} .popup_block.added .popup .arow .send_to select { width:200px; height:24px;} .popup_block.added .popup .buttons { width:400px; clear:both; text-align:right; padding:10px 0 0 0;} .popup_block.added .popup .buttons .gray {padding:0; width:120px; height:18px; line-height:16px; display:block; text-align:center; float:right; margin:0 10px 0 0;} .popup_block.added .popup .buttons .orange {padding:0; width:120px; height:18px; line-height:16px; display:block; text-align:center; float:right; margin:0 10px 0 0;} .addressPanel{background-color:#fff; border:solid 1px black; width:400px;} #calendarPopup table{border-collapse:collapse; border:1px solid #ccc !important; margin:0 !important; padding:0 !important;} #calendarPopup h3{display:block !important; } #calendarPopup p{clear:both; padding-top:10px; padding-bottom:0; margin-bottom:0 !important;} #calendarPopup table tr{border:none !important;} #calendarPopup table td{background:#fff !important; border:none !important; text-align:center !important;} #calendarPopup table table{border:none !important; border-bottom:1px solid #ccc !important;} #calendarPopup table table td{background:#ccc !important; font-weight:bold;} #calendarPopup th{font-weight:bold; background:#e8e8e8;} #calendarPopup table .CGROUNDDate, #calendarKey .CGROUNDDate, .CGROUNDDate { background:#6E7880 !important;} #calendarPopup table .C2DAYDate, #calendarKey .C2DAYDate, .C2DAYDate { background:#3D7FB1 !important;} #calendarPopup table .C1DAYDate, #calendarKey .C1DAYDate, .C1DAYDate { background:#49AA44 !important;} #calendarPopup table .CPRIORITY1DAYDate, #calendarKey .CPRIORITY1DAYDate, .CPRIORITY1DAYDate { background:#E2850C !important;} #calendarPopup table .selectedDay {background:#000 !important; color:#000 !important; border: 1px solid #000000; } #calendarContent{float:left;} #calendarKey{padding:0 10px 10px 10px; margin:0 0 10px 0; float:left;} #calendarKey h4{border-bottom:1px solid #ccc; margin-bottom:10px; padding:0 0 5px 0;} #calendarKey ul{margin:0 !important;} #calendarKey span{display:inline-block; border:1px solid #ccc; height:10px; width:10px;margin-right:10px; } #calendarPopup .setDeliveryBtn{background:green; color:#fff; border:1px solid #ccc;:} .closeBtn{background:black; color:#fff; border:1px solid #ccc; cursor:pointer;} .saveBtn{background:#ea7543; color:#fff; border:1px solid #ccc; cursor:pointer;} /* ---------- Popup styles ---------- */ .popup_container {float:left; width:100%; margin:0;} .popup_container .popup { width:548px; margin:0 auto; } .popup_container .popup .popup_box { float:left; width:509px; height:300px; border:1px solid #a1a09e; padding:10px 10px 10px 29px; background:#fff;} .popup_container .popup .popup_box .icon{ float:right; } .popup_container .popup .popup_box .icon img{ float:right;} .popup_container .popup .popup_box h5{ float:left; width:509px; color:#f37321; font-weight:bold; font-size:16px; margin-top:-4px; padding-bottom:20px;} .popup_container .popup .popup_box .popup_details_box{ float:left; width:509px;} .popup_container .popup .popup_box .popup_details_box .image{ float:left;} .popup_container .popup .popup_box .popup_details_box .image img{ float:left;} .popup_container .popup .popup_box .popup_details_box .tr { clear:both; overflow:hidden; padding:0; margin:10px 0 0 0;} .popup_container .popup .popup_box .popup_details_box .details{ float:left; width:300px; } .popup_container .popup .popup_box .popup_details_box .details ul{ float:left; width:300px; list-style:none; } .popup_container .popup .popup_box .popup_details_box .details ul li{ float:left; width:300px; color:#7c7c7c; margin-bottom:10px;} .popup_container .popup .popup_box .popup_details_box .details ul li span { width:15px;height:10px; margin:0 10px 0 10px; } .popup_container .popup .popup_box .popup_details_box .details ul li img{ float:left; margin-right:10px;} .popup_container .popup .popup_box .popup_details_box .orange_btn { float:left; padding:2px 40px; background:#f47321; color:#fff; border:solid 1px #cc6600; font-size:10px; font-weight:normal; text-transform:uppercase; font-weight:bold; text-decoration:none; margin:15px 0 0 10px; cursor:pointer; } .popup_container .popup .popup_box .popup_details_box .details span{ float:left; width:300px; color:#f37321; margin:0 0 0 10px; line-height:16px; padding-top:5px;} /* ---------- Shipping Information styles ---------- */ .ShippingBody { width:850px; float:left; padding:0 0 20px 20px; } .Shipping { width:460px; float:left; margin:20px 0 0 4px; display:inline; } .Shipping .curv{ float:left;} .Shipping-block { width:460px; float:left; background:url(/images/dotted_line.jpg) repeat-y 0 0; padding-bottom:17px; } .Shipping-block h2 { width:409px; padding:10px 0 5px 40px; font-size:20px; line-height:26px; color:#f37321;} .Shipping-block .content { margin:10px 0 10px 0;} .Shipping-block .content fieldset{ width:451px; float:left; border:none} .Shipping-block .content .tr { clear:both; overflow:hidden; padding:0; margin:15px 0 0 0;} .Shipping-block .content .label { width:158px; font-size:15px; font-weight:bold; color:#737373; float:left; text-align:right; padding-right:18px;} .Shipping-block .content .label span {color:#f47321;} .Shipping-block .content span {color:#f47321;} .Shipping-block .content .input { float:left;} .Shipping-block .content .checkbox { color:#000; float:left; margin:0 5px 0 0; display:inline} .Shipping-block .content .calender { background:url(/images/calender_icon.jpg) no-repeat; float:left; height:40px; padding:0 0 0 35px; border:none; cursor:pointer;} .Shipping-block-btn { clear:both; padding:2px 0; width:127px!important; height:20px; text-align:center; background:#f47321; color:#fff; border:solid 1px #cc6600; font-size:10px; text-transform:uppercase; font-weight:bold; margin:0; cursor:pointer; margin-right:47px;} .Shipping-block-btn2 { position:relative; padding:2px 0; width:150px!important; height:20px; text-align:center; background:#f47321; color:#fff; border:solid 1px #cc6600; font-size:10px; text-transform:uppercase; font-weight:bold; margin:0; cursor:pointer;} .Shipping-block .content .input small { font-size:10px;} .create-block {float:left; width:350px; margin-top:20px; } .create-block h2 { width:350px; height:26px; line-height:26px; background:#f37321; text-align:center; color:#fff; text-transform:uppercase} .create-block fieldset{float:left; width:350px; border:none} .create-block .tr { clear:both; overflow:hidden; padding:0; margin:15px 0 0 0;} .create-block .tr .text{float:right; width:330px; font-size:13px; color:#737373; line-height:18px;} .create-block .tr .label {width:132px; font-size:15px; font-weight:bold; color:#737373; float:left; text-align:right; padding-right:8px;} .create-block .tr .input {float:left;} .create-block .tr .checkbox {float:left; margin:2px 5px 0 0; display:inline} .inp_small {background:url(/images/small_input_bg.jpg) no-repeat; width:147px; height:16px; padding:2px 5px; border:none; font-size:11px;} .gift_box { width:280px; background:#ececec; color:#737373; padding:10px; margin:0 0 0 50px;} .gift_box p {float:left; width:280px; line-height:16px;} .gift_box p strong {line-height:18px; font-size:15px;} .gift_box .btn { padding:2px 0; width:127px!important; height:20px; text-align:center; background:#f47321; color:#fff; border:solid 1px #cc6600; font-size:10px; text-transform:uppercase; font-weight:bold; margin-top:10px; cursor:pointer;} /* 4/21 */ #header .phone{color:#fff; font:16px Verdana, Arial, Helvetica, sans-serif} .main .top-image, .main .category_image, .main {float:right;} #header .topl{font-weight:normal; padding:20px 20px 0 0;} #header .menu{font-weight:normal; padding:0 20px 0 0; position:relative; top:20px} #header .topl .inp, .newsletter_input {margin-bottom:0} #header .topl .search, .newsletter_sign_up{margin-bottom:0; position:relative; left:5px} .options div{padding:0 0 10px;} .options p{display:none} .main .individual_image{float:right; height:auto; width:410px; text-align:right; padding:0} .main .individual_image img{width:410px; height:320px} .main .individual_details h1{padding:40px 20px 0 30px;} #crossSells {width:798px} ul#nutritionalInfo{width:565px} .main .tabContainer .container .specs{width:590px; padding:1px 0 0 0; float:none} .main .individual_details{min-height:120px; height:auto; padding-left:30px} /*.main .individual_details ul li .add_to {position:absolute; bottom:0; left:30px}*/ /*.main .product {margin:20px 0 0 0; width:210px} .main .product .details{border-right:1px solid #A4A4A4; border-left:1px solid #A4A4A4;}*/ .main .individual_image img{height:auto; width:auto} .shipping{ position:relative; top:-15px;} .shipping img{float:right} .shipping table{} .shipping th{color:#fff; background-color:#999; width:20%} .shipping tr, .shipping td, .shipping th{padding:2px 1px; border:1px solid #000;} .shipping h1{font-size:26px; font-weight:normal; margin-bottom:15px} .shipping h2{padding:15px 0 4px} .shipping ul{list-style:disc; position:relative; left:12px; width:693px} .shipping ul li{ margin-bottom:6px} .shipping p strong{display:block; font-size:14px; padding-bottom:15px;} .shipping p{width:800px;} .SEOtext{position:absolute; color:#fff; font-size:20px; width:332px; left:42px; top:118px; } .top-image{position:relative} .main .gtr{left:245px; top:174px} .individual_details a.chef{color:#666; font-size:22px; display:block; margin-top:35px; font-weight:bold} .main .instructions h2, .main .ingredients h2{margin-bottom:20px} .main .instructions{line-height:20px; color:#737373;} .ingredients span a{color:#666; text-decoration:underline; font-weight:bold; padding:0 60px 0 0; background:url(/images/btn_buy.jpg) right no-repeat} .main .instructions p strong{color:#000!important} .main .login-block .content{padding:0} .main .login-block .inp {position:relative; top:-10px} .main .login-block .orange{position:relative; left:-144px; top:25px} .main .login-block .content h2{margin-bottom:20px} .main .login-block .content .input { margin:0; position:absolute; float:none; left:95px;} .main .login-block .content .input input{position:relative; left:-3px} .main .login-block .content .label{padding-bottom:10px} .main .login-block, .main .login-block a{position:relative;} .main .login-block a{top:34px; left:95px;} .addressPanel{text-align:center; position:relative; padding:10px 0 5px;} .addressPanel input{margin-bottom:3px} .addressPanel label{display:block; margin-bottom:3px} .orangeH {background-color:#f25f19; height:20px; margin-top:1px;color:#FFF; font-weight:bold; font-size:16px; text-align:center; padding-top:5px;} .itemPriceB {font-size:18px;} .addToCart {padding:5px 0 0 0px;margin-left:10px;} .orangeBrd { border:1px solid #f25f19;height:130px;padding:0 0 0 10px;} .popup_box{position:relative} /*.btn_add_card input, .btn_update input{position:absolute; text-align:center; width:120px; right:12px}*/ .btn_add_card input, .btn_update input{margin:15px 0 0 0 !important;} .popup_container .popup .popup_box .popup_details_box .orange_btn{float:none; width:165px; padding:2px 0} .btn_add_card input{bottom:39px} .btn_update input{bottom:10px} .addressPanel .closeBtn {position:absolute; top:0; right:0} .orange_box, .orange_box a{color:#fff} .orange_box{width:284px; position:relative; background-color:orange; left:-5px; background:url(/images/bg_o-box.png) repeat-y left; width:292px;} .orange_box_fotter {background:url(/images/bg_o-box_bot.png) no-repeat; width:292px; height:8px; position:absolute; bottom:-8px} .orange_box p{padding:10px 10px 16px!important; font-size:14px;text-align:center;} .orange_box a{position:absolute; bottom:2px; right:12px; padding-right:14px; background:url(/images/bg_org_arrow.gif ) no-repeat right center} .set1{} .set2{bottom:-8px} .offers ul.leftnav{position:relative; top:10px; padding:0 0 0 20px;} .columnA, .columnB, .columnC, .subcolumnA, .subcolumnB {float:right; width: 300px;} .widespacing{line-height:1.4em;} .widespacing_color{line-height:1.0em !important;color:#990000 !important;} .widespacing_font{line-height:1.4em !important; font-size:16pt !important; } .widespacing_font_color{line-height:1.4em !important; font-size:16pt !important;color:#990000 !important; } select.inp{width:170px; padding:2px 0; height:auto} .main .tabContainer .container .image{width:auto} .main .tabContainer .container .image img{/*position:relative; top:-13px*/} .tabContainer .content{padding-left:20px;} .tabContainer .content h3{font:bold 18px arial; margin-bottom:15px} ul#nutritionalInfo{position:relative; left:25px; padding:0} .sidebar ul.leftnav {position:relative; top:10px; padding:0} #crossSells{border:none} .main .individual_details h1 {padding:40px 0 0; font:bold 28px arial} .main .individual_details p {padding:10px 0 0;} .offers ul.leftnav {padding:0 0 0 20px; position:relative; top:10px;} .sidebar ul.leftnav {padding:0; position:relative; top:10px;} .sidebar .sblock {position:relative; top:20px} /*#60*/ .clearfix{position:relative;} .main .clearfix .individual_details ul{/*position: absolute; bottom:0px; left:179px; width:200px;*/ padding:0} /* 24 */ .main .signup-block .orange { float:left; left:177px; margin:5px 0; position:relative;} * html .main .signup-block .orange{left:172px;} *:first-child+html .main .signup-block .orange{left:172px;} /* 54 + 100 */ .main .product h5, .main .product p {padding:5px 0 2px 10px;} .main .product .details{border-right:1px solid #4a4a4a; height:80px} .main .product h5{width:90%; min-height:30px; height:auto!important; height:30px; white-space:normal;} html>/**/body #center .ssteps .step.last { width:331px;} .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} * html .clearfix {height: 1%;} .clearfix {display: inline-block;} html[xmlns] .clearfix {display: block;} * html .offers h1{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',src='/images/offers_heading.png', sizingMethod='size'); height:24px; width:658px; padding:0; position:relative; top:28px; left:-118px} * html .orange_box{background:#f47321 none; width:280px} * html .orange_box_fotter, * html .offers h1 img{display:none} * html ul.leftnav li a {background:url(/images/arrow_ie6.gif) no-repeat left center !important;} * html .main .login-block .content .input {top:94px} * html .main .login-block .inp{top:0px; left:14px} * html .main .login-block .orange{left:-129px} *:first-child+html .main .login-block .content .input {top:94px;} *:first-child+html .main .login-block .inp{top:0px; left:14px} *:first-child+html .main .login-block .orange{left:-129px} .main .column h3 span {display:block; float:left; padding-bottom:2px;} /*#23*/ .tabs{margin:0} .tabs li{width:24.5%; padding-right:.5%} .tabs li.last{width:25%; padding-right:0%;} .tabs li a{ text-align:center; border:0; background-color: #F77322; text-transform:uppercase; color:#fff; font:bold 11px arial} .tabs li.current a, .tabs li.current a:hover, .tabs li a:hover {color:#000; background-color: #F77322!important} /*#113*/ .top-image .main .heading{padding-left:0px;} /*#114*/ #wrapper{background:url("/images/wrapper.png") repeat-y right; padding:0 7px 0 0;} #wrapper_ft {background:url("/images/wrapper_ft.png") no-repeat bottom;} * html #wrapper_ft{background:url("/images/wrapper_ft.jpg") no-repeat top;} * html #wrapper{background:url("/images/wrapper.jpg") repeat-y right;} /*#116*/ .main .recipe-block, .main .recipe-block .image, .main .recipe-block .image img {width:195px;} .main .recipe-block .image img {height:150px} .main .recipe-block {margin:0 9px 0 0;} /*#63*/ input.gray, input.orange{cursor:pointer} /*#76*/ .shipping table, .shipping p {width:693px} .main .heading {padding-left:0px;} /*#72*/ .border_profile{padding:10px 15px; position:relative; top:20px; border:1px dashed #000; margin-bottom:20px; clear:both; width:730px} .border_profile img{float:left; padding:0 10px 10px 0} /*#103*/ #fullPageBoxMiddle .content p, #fullPageBoxMiddle .content ul{width:650px; padding-bottom:10px;} /*#124*/ .create-block{ font-size:14px; position:relative; /*left:106px*/ float:right; top:0;} .left_side{text-align:right; width:130px; padding-bottom:4px} .right_side{width:130px; padding-left:16px;} p.head1{color:#F37321; font-size:20px; line-height:26px;} .mb7{padding-bottom:8px} .Shipping-block-btn {float:right; position: relative; left:111px; top:-140px} .create_block1{position:relative; text-align:right; width:200px; left:712px; top:-156px} .create_block1 div{padding-bottom:3px} .create_block1 div.due{padding-top:4px; font-size:14px} /*#107+ #109*/ .Shipping-block .content span, .Shipping-block .content .label span{color:red} /*#60*/ .main .individual_details ul.pack { list-style:none; } .main .individual_details ul.pack li.packitem { margin:0; padding:0; clear:none; float:none; white-space:nowrap; } .main .individual_details ul.pack li.packitem a.itemlink { font-size:12px; margin:0; padding:0; clear:none; float:none; white-space:nowrap; } /*#19*/ #header .logo a{background:url(/images/logo_new.png) no-repeat; width:321px; height:40px; display:block} #header .logo img{display:none} * html #header .logo a{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',src='/images/logo_new.png', sizingMethod='size')} /*#61*/ #header a, #header .topl{color:#fff} /*87+89*/ #fullPageBoxMiddle .content #subpageLinks ul{width:auto} #subpageLinks ul{border-right:1px solid #a0a0a0; padding:0 20px; min-height:157px; height:157px; height:auto !important} #subpageLinks ul.last1{border-right:none; padding-right:0px!important} /*#154*/ #giftCardTable input{margin-bottom:10px} /*#168*/ #center .block p{min-height:33px; height:33px; height:auto!important;} #center .block div p{min-height:0px;} /*#60*/ .item_detail, .item_detail ul ul{margin-top:15px} .item_detail ul.pack{ margin-bottom:15px} /*#131*/ #center .block p.add_to_cart{display:none} /*#128*/ #vidContent{margin-top:20px} #vidContent .video { text-align:center;width:650px; } #smallVideo{position:absolute; top:128px} #smallVideo div{float:left; padding-right:20px} p.insert_vids{padding:20px 0 130px} #vidContent p{width:650px; margin-bottom:10px} h6 a{color:#000; display:block; margin-top:10px} /*#109*/ #header .topl .options input.newsletter_input, #header .topl .options input.inp{height:16px; font:normal 11px/11px Arial; padding:2px 4px 0; background:#fff none} #header .topl .options input.newsletter_input, #header .topl .options input.inp{padding:4px 4px 0\9; height:14px\9;} /*#127*/ .addressPanel .content .basicTable .normal{float:left; margin:0 0 20px 20px; width:300px;} .addressPanel .content .basicTable label{float:left; margin:0 0 20px 20px; display:block} .addressPanel .content .basicTable .saveBtn{position:relative; top:-5px; border:1px solid #CC6600; color:#FFF; cursor:pointer; font-size:10px; font-weight:bold; padding:2px 5px; text-align:center; text-transform:uppercase; width:127px} .addressPanel .content h3{margin:0 0 5px 20px; text-align:left;} .addressPanel .closeBtn{background:url(/images/icon_close.jpg) no-repeat; text-indent:-10000px; width:20px; height:20px; border:none} /*#126*/ .create-block .tr .label{width:133px} .create-block .tr span.text input{position:relative; left:-5px} .checkbox label{color:#878787} .tr .calender{font-weight:bold} .gift_box{position:relative; top:-426px; left:447px} .ship1 .Shipping-block-btn {float:none; left:200px; position:relative; top:-153px;} .ship1 .Shipping-block-btn.no-address {top:-20px;} /*#137*/ .fail {padding-top:30px; padding-left:50px; } .border_red{border:2px solid #f00} /*#69*/ #center .bottom .links p {padding:3px 5px 16px 85px;} /*#259*/ .pass_title {font-weight:bold;} /* NEW STYLES - PLEASE DO NOT DELETE */ .pricew25 {color:#000000;} .bfont13 {font-size:13px; font-weight:bold;} .bgorange { background-color:#f37321;} .bgdgray {background-color:#a0a0a0;} .bglgray {background-color:#c7c7c7;} .bgvlgray {background-color:#ebebeb;} .tpad25 td {padding:0px 3px 0px 3px;border-left:1px solid #333;border-bottom:1px solid #333;color:#000000;border-top:1px solid #333;} .forange25 {color:#f37321;} /* the internal login page */ #TabContainer{padding:30px 0 0 30px} #TabContainer .tab{margin:0 0 15px; height:25px; width:120px} #TabContainer .tab a{background-color:#F77322 !important; display:block; font-weight:bold; padding:5px; color:#fff; font-size:12px;} .ajax__tab_body{position: relative; left:3px} .ajax__tab_body label, .ajax__tab_body input, .ajax__tab_body select{margin-top:15px} .ajax__tab_body select{width:159px} .ajax__tab_body label{width:139px; display:block; text-align:right; padding-right:15px;} #ctl00_ctl00_ctl00_ctl00_ctl00_ContentPlaceHolderDefault_mainPageContent_mainPageContent_rightsideContent_MyAccountControl_10_tabContainer1_tbShippingInfo_ctrlAddressBook_chkDefault{width:auto} .ajax__tab_body input{width:153px} #TabContainer .ajax__tab_active .tab a{color:#000} .ajax__tab_body .btn_control input{width:160px; background-color:#F77322 !important; display:block; padding:3px 0; color:#fff; border:none; cursor:pointer} .order_his .headerRow{ font:bold 12px arial; color#000; text-transform:uppercase} .order_his td{padding:11px; border-top:1px solid #c9c9c9; font:normal 12px arial; color#999;} .order_his th{width:190px; padding:3px 0 3px 10px} .order_his tr, .order_his .headerRow{background-color:#fff!IMPORTANT} .pass_title{ display:block; padding-left:3px; text-align:left} .cancel_btn{ position:relative; top:38px} .change_btn{ position:relative; left:153px; } /* for the order view */ #selectedOrder { color:#666666; text-align:left; vertical-align:top } #selectedOrder h3 { padding:0 0 10px; } #selectedOrder table { width:100%; vertical-align:top } #selectedOrder b, #selectedOrder h4 { color:#000000; } #orderView { margin-bottom:20px; } #orderView .headerRow { font-weight:bold; } #orderView .row1 { width:164px; } #orderView .row2 { width:140px; } #orderView .row3 { } .table2 { border:1px solid #CDCDCD; margin-bottom:20px; } .table2 .row1 { float:left; padding:20px 0 20px 17px; width:290px; } .table2 .row1 .left p{padding-right:10px} .table2 .row2 { float:right; padding:20px 10px 20px 0; width:430px; } .table2 .row2 th, .table2 .row2 td { padding-right:35px; } .table3 { background:none repeat scroll 0 0 #F1F1F1; } .table3 .row1 { padding:20px 100px 20px 17px; width:175px; } .table3 .row2 { padding:20px 0; } .table2, .table3{width:92%!important} /* Refer a Friend Styles */ div#refer-a-friend-copy h2 { color:#e36c0a; } div#refer-a-friend-copy span.contest-title { color:#e36c0a; } div#refer-a-friend-copy ol { list-style:decimal; margin-left:30px; } p.disclaimer { font-style:italic; margin-top:20px; } /* Category Pages Image Text Styles */ div.main { position:relative; } div.main div.category_details { z-index:5001; position:absolute; width:367px; padding:0px 20px 20px 20px; overflow:hidden; height:250px; } div.main div.category_details h1 { font-size:40px; color:#fff; margin-bottom:15px; line-height:35px; } div.main div.category_details div p { font-size:14px; color:#fff; font-weight:normal; padding:0; } /* Recurring Orders Page */ div.recurring.order { width:585px; padding:20px 40px; font-family:Arial, Helvetica, sans-serif; color:#5e5e5e; font-size:13px; line-height:16px; background-color: #fff; } div.recurring.order h1, div.recurring.order h2 { color:#f47321; margin-bottom:7px; } div.recurring.order h2 { font-weight:normal; } div.recurring.order p { margin-bottom:20px; } div.recurring.order table { width:585px; margin-bottom:20px; border-collapse:separate; border-spacing:0 5px; } div.recurring.order th { background-color:#878787; color:#fff; text-transform:uppercase; text-align:center; padding:3px 0; font-size:12px; border-right:1px solid #a0a0a0; } div.recurring.order td { padding:15px 20px; border-right:1px #a0a0a0 solid; color:#5e5e5e; border-bottom:1px #a0a0a0 solid; } div.recurring.order tr { border-bottom: 1px #a0a0a0 solid; width:585px; float:none; } div.recurring.order tr.heading th.order-name { width:155px; border-left:none; } div.recurring.order tr.row td.order-name { width:115px; border-left:none; } div.recurring.order tr.heading th.ships-to { width: 160px; } div.recurring.order tr.row td.ships-to { width: 120px; } div.recurring.order tr.heading th.price { width:140px; } div.recurring.order tr.row td.price { width:100px; } div.recurring.order tr.heading th.actions { width:130px; text-align:center; border-right:none; } div.recurring.order tr.row td.actions { width:90px; text-align:center; border-right:none; } div.recurring.order a, div.recurring.order button { background-color:#f47321; color:#fff; padding:2px 25px; border:1px solid #d27920; text-transform:uppercase; font-weight:bold; } div.order.details { padding:20px; background-color: #fff; } div.recurring.order .order.details td { border:none; padding:0 20px 20px 20px; } div.recurring.order .order.details td li { line-height:26px; } div.recurring.order .order.details th { border:none; background:none; color:#000; text-align:left; padding:10px 20px; text-transform:none; font-weight:bold; } div.recurring.order .order.details span.heading { border:none; background:none; color:#000; text-align:left; text-transform:none; font-weight:bold; display:block; float:none; padding:20px 0 10px; width:135px; font-size:12px; } div.recurring.order p.total { float:right; font-weight:bold; color:#000; width:135px; } div.recurring.order button.close { clear:both; float:right; } div.recurring.order p.questions { float:left; padding-top:12px; color:#000; } div.gift_box { top:-396px; } /* Clearing Floats */ .floatgroup:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } div.recurring.order .order.details div.table-wrapper { border:dotted 1px #a0a0a0; margin:10px 0 20px 0; } div.recurring.order .order.details div.shipping.address { width:135px; float:left; padding:10px; } div.recurring.order .order.details table { width:413px; float:right; } div.recurring.order .order.details td { width:50%; } div.recurring.order p.total { float:right; font-weight:bold; color:#000; } p.checkbox-text { clear:both; display:block; font-size:14px; padding:15px; } div.popup_box h5 { padding-bottom:0; !important } /* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */