html{font-size:100.01%;}
body {
padding: 0;
margin: 0;
font-family: Arial;
font-size:75%;
color: #666666;
background: url(images/bg_gradient_140.png) left top repeat-x #FFFFFF;
}
body.bg_home {
background: url(images/bg_gradient_600.png) left top repeat-x #FFFFFF;
}
.bg_home .content,.bg_home_xmas .content
{
overflow:visible;
}
/**XMAS BG**/
body.bg_home_xmas {
background: url(images/CD-Christmas-BG.jpg) center top no-repeat #FFFFFF;
}
body.bg_internal_xmas {
background: url(images/CD-Christmas-BG-internal.jpg) center top no-repeat #FFFFFF;
}
a img {
border: none;
}
img {vertical-align: middle;}
a {
color: #36c;
text-decoration: underline;
outline: 0 !important;
}
a:hover {
color: #5a8cf0;
outline: 0;
}
ul, li, h1, h2, h3, h4, h5, h6, p, form, input {
margin: 0;
padding: 0;
}
ul li {
list-style-position: outside;
list-style-type: none;
}
.aaa{visibility:hidden}
.main {
margin: 0 auto;
width: 960px;
padding: 0;
/*background: url(/images/countdown2/main_bg.jpg) repeat-y left top;*/
}
/*
select, body, div.custom div.list-wrapper {
scrollbar-base-color: #A8A8A8;
scrollbar-arrow-color: #FFFFFF;
scrollbar-3dlight-color: #A8A8A8;
scrollbar-darkshadow-color: #A8A8A8;
scrollbar-face-color: #CFCFCF;
scrollbar-highlight-color: #CFCFCF;
scrollbar-shadow-color: #CFCFCF;
scrollbar-track-color: #A8A8A8;
}
*/
/* ================= ENVIRONMENT STYLES ===============*/
/* ====================================================*/
.betatest{
background-image: url(images/environment_betatest.png);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: right top;
height: 98px;
width: 169px;
display: block;
position: absolute;
visibility: visible;
z-index: 1000;
top: 0px;
right: 0px;
}
.betastage{
background-image: url(images/environment_betastage.png);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: right top;
height: 98px;
width: 169px;
display: block;
position: absolute;
visibility: visible;
z-index: 1000;
top: 0px;
right: 0px;
}
.betalive{
background-image: url(images/environment_betalive.png);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: right top;
height: 98px;
width: 169px;
display: block;
position: absolute;
visibility: visible;
z-index: 1000;
top: 0px;
right: 0px;
}
/* ================= COMMON STYLES =================== */
/* ====================================================*/
.float_left {float: left;}
.float_right {float: right;}
.hidden {display: none;}
.hidden.always_visible {display: block;}
.novis{position:absolute;left:-1000px;top:0px;}
.fake_novis{color:#F7F6E5;}
.rel {display: block;position:relative;}
.clear {
clear: both;
height: 1px;
font-size: 1px;
}
.row {
float: left;
width: 100%;
}
.image_r, .image_r2, .RightImagePad{
float: right;
margin-left: 20px;
/*margin-top: -30px;*/
margin-bottom: 10px;
}
.image_h1{
float: right;
margin-left: 20px;
margin-bottom: 10px;}
.image_r2 {
margin: 0;
}
.line {
border-bottom: 4px solid #62bb23;
height: 1px;
font-size: 1px;
}
.spacer {
height: 20px;
float: left;
width: 100%;
}
.align_center {text-align: center;}
.thumb_r {
float: right;
margin: 0 -6px 5px 5px;
}
.thumb_l {
float: left;
margin-right: 8px;
}
.content p.col50 {
width: 50%;
float: left;
line-height: 20px;
}
.center p{ /*, .center h2, .center h3,.center h4,.center h5,.center h6 {*/
color: #666666;
font-size: 13px;
line-height: 18px;
margin: 0 0 18px 0;
}
.center ul{ /*, .center h2, .center h3,.center h4,.center h5,.center h6 {*/
color: #666666;
font-size: 13px;
line-height: 18px;
list-style: none;
margin-left: 0;
padding-left: 10px;
text-indent: -9px;
margin: 0 0 18px 0;
}
.list p{margin:0px;}
.shadow {
left: 0;
top: 0;
background: url(/images/countdown2/shadow.png) repeat left top;
width: 100%;
position: absolute;
width: 100%;
min-height: 100%;
z-index: 9;
}
/* ============== DROPDOWN ================== */
/* ====================================================*/
.menu .panel_dropdown {
display: none;
background: #FFF;
position: absolute;
left: 50%;
margin: 5px 0 0 -250px;
width: 390px;
top: 40px;
z-index: 999;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 2px solid #045831 !important;
}
.menu .dropdown_arrow {
width: 14px;
height: 7px;
background: url(images/panel_dropdown_arrow_green.png) 0 0 no-repeat;
margin: -7px 0 0 32px;
float: left;
}
/*.panel_dropdown {
display: none;
background: url(images/panel_dropdown_bg.png) 0 0 repeat;
position: absolute;
left: 50%;
margin: 5px 0 0 -230px;
width: 390px;
top: 40px;
z-index: 999;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.dropdown_arrow {
width: 10px;
height: 5px;
background: url(images/panel_dropdown_arrow.png) 0 0 no-repeat;
margin: -5px 0 0 32px;
float: left;
}*/
#shopsmarter_dropdown {margin-left: -252px;}/*-406px;*/
#onecard_dropdown {margin-left: -75px;}/*-406px;*/
#specials_dropdown {margin-left: -150px;}/*-309px*/ /*+97*/
#ourbrands_dropdown {margin-left: 10px;}/*-251px*/ /*+58*/
#ourstores_dropdown {margin-left: 80px;}/*-173px*/ /*+78*/
#inthecomm_dropdown {margin-left: -163px}/*-100px;*/ /* +73*/
#aboutus_dropdown {margin-left: -80px;} /* 0px*//*+124*/
#customerservice_dropdown {margin-left: 0px;}/*16px*/ /*+61*/
#shopsmarter_dropdown.hovered
,#onecard_dropdown.hovered
,#specials_dropdown.hovered
,#ourbrands_dropdown.hovered
,#ourstores_dropdown.hovered
,#inthecomm_dropdown.hovered
,#aboutus_dropdown.hovered
,#customerservice_dropdown.hovered
{display: block;}
/* KUNAL WAS HERE */
#customerservice_dropdown .dropdown_arrow,
#aboutus_dropdown .dropdown_arrow,
#inthecomm_dropdown .dropdown_arrow {
float: right;
margin: -7px 32px 0 0;
}
.panel_dropdown .row2 {
padding: 5px 15px 15px 15px;
}
.panel_dropdown h5 , .panel_dropdown h5 a{
font-size: 12px;/*1.2em;*/
line-height: 15px;
/*padding-bottom: 3px;*/
text-decoration:none;
padding-right:10px;
font-family: Arial, Helvetica, sans-serif;
}
.panel_dropdown h5 a:hover{
font-size: 12px;
text-decoration:underline;
font-family: Arial, Helvetica, sans-serif;
}
.panel_dropdown h5 span {margin-left: 4px; font-size: 12px; font-weight: normal;}
.panel_dropdown h4, .panel_dropdown h4 a{
font-size: 14px !important;
line-height: 14px;
font-family: Arial, Helvetica, sans-serif !important;
padding-bottom: 3px;
font-weight: bold;
}
.panel_dropdown .col50 {
float: left;
width: 170px;
padding-right: 10px;
}
.panel_dropdown .col50.last {padding-right: 0;}
.panel_dropdown .row {
padding-bottom: 10px;
}
.panel_dropdown .row.no_padding,.panel_dropdown .row2.no_padding {padding-bottom: 0;}
/* ================= POPUP BLOCK ===================== */
/* ====================================================*/
.popup_block, .popup_block2 {
background: #fff;
position: absolute;
/*top: 179px;
left: 50%;
margin-left: -220px;*/
z-index: 10;
width: 670px;
height: 480px;
}
.popup_block2 {
width: 900px;
margin-left: -450px;
height: 550px;
}
.close {
position: absolute;
right: 0;
margin: -9px -11px 0 0;
}
#map {
background-color: #FFFFFF;
padding: 10px;
}
#map #fancy_outer {
width: 920px;
height: 580px;
}
.map_menu {
width: 860px;
padding: 0 20px;
}
.popup_scroll {
height: 427px;
width: 670px;
overflow:auto;/* scroll;*/
}
.popup_inner {padding: 0 18px;}
.popup_content {
margin-top: 11px;
background: url(/images/countdown2/popup_content_bg.jpg) repeat-y left top;
min-height: 212px;
}
.right_icons {
margin-top: -24px;
width: 185px;
text-align: right;
word-spacing: 18px;
position: absolute;
z-index: 9999;
right: 35px;
}
.right_icons a, .map_menu a.float_right {
color: #666666;
text-decoration: none;
word-spacing: normal;
}
.popup_message {
background-color: #FFFFFF;
height: 100%;
padding: 10px;
}
.popup_message_text {
background-color: #F9F9F5;
padding: 10px 10px 10px 10px;
color: #666666;
}
.popup_header {padding: 0px;}
.popup_left {
width: 171px;
padding-right: 39px;
float: left;
}
.popup_right {
margin-left: 210px;
}
.popup_block h1, .popup_block2 h1 {
width: 400px;
font-size: 2em;
}
.popup_header h1 {
font-family: 'DINWebPro-Medium';
font-size: 24px;
color: #3F464C;
line-height: 30px;
padding: 5px 0 0 10px;
vertical-align: middle;
font-weight: normal;
}
div#fancy_overlay {
background-color: #003300 !important;
}
.modal_hr {
background: url(/images/Countdown2/mailer_hr.jpg) 0 0 repeat-x;
height: 1px;
width: 100%;
margin: 3px 0 10px 0;
}
.mapFind.green_button {
height: 30px;
font-size: 18px;
padding: 0px 0px 0 0px;
font-family: 'DINWebPro-Medium';
color: #FFFFFF;
float: left;
margin-top: 6px;
line-height: 30px;
vertical-align: middle;
}
.mapFindInputBtn{
background:none;
border:none;
height: 30px;
width:90px;
font-size: 18px;
font-family: 'DINWebPro-Medium';
color: #FFFFFF;
line-height: 30px;
vertical-align: middle;
}
#map_left_region, #map_right_store {
background: url(images/findstore_query_border.png) top left no-repeat;
height: 32px;
width: 262px;
padding: 5px;
float: left;
margin-right: 10px;
}
.printer {
padding-top: 10px;
}
div#fancy_close {
background: url(images/fancy_closebox.png) top left no-repeat;
top: 8px;
right: 5px;
}
/*iframe#fancy_frame {
width: 915px;
height: 510px;
}
*/
/* ================= MAP STYLES ===================== */
/* ====================================================*/
.map_menu {
width: 900px;
padding: 0 0 8px 0;
}
.map_menu div.custom input {
width: 240px;
}
.map_menu div.custom div.icon {
left: 239px;
}
.map_menu div.custom div.list-wrapper {
width: 260px;
}
.under_map_shdw {
width: 100%;
height: 7px;
position: relative;
z-index: 9999;
background: url(/images/countdown2/under_map_shdw.png) repeat-x left bottom;
}
.google_map {
margin-top: 2px;
}
.panels {
position: absolute;
z-index: 9999;
top: 84px;
left: 0;
width: 860px;
height: 444px;
padding: 13px 20px;
}
.panels a.more {
margin-bottom: 0;
padding-right: 8px;
}
.left_panels {
width: 192px;
float: left;
}
.panel p.margin {
padding: 12px 0;
}
.panel .grn_header .close { margin: 6px 11px 0 0;}
.panel .close, .panel_hol .close { margin: 10px 11px 0 0;}
.stores { padding-top: 17px;}
.left_panels .panel {
width: 192px;
float: left;
}
/* added */
.left_panels {
position:absolute;
top:130px;
z-index:20;
left:30px;
}
.panel_header, .panel_footer {
width: 192px;
float: left;
height: 7px;
}
.panel .panel_header {
position: relative;
background: url(/images/countdown2/panels_header.png) no-repeat left top;
}
.panel .grn_header {
background: url(/images/countdown2/panels_green_header.png) no-repeat left top;
height: 45px;
}
.panel_body {
background: url(/images/countdown2/panels_bg.png) repeat-y left top;
width: 172px;
float: left;
padding: 4px 10px;
}
.panel .grn_body {
padding-top: 11px;
}
.panel_body h2 {
font-size: 12px;
padding: 0;
font-weight: bold;
}
.panel .panel_footer {
background: url(/images/countdown2/panels_footer.png) no-repeat left bottom;
}
.pin {
position: absolute;
top: 96px;
left: 403px;
z-index: 9990;
}
.main_box {
position: absolute;
top: 28px;
left: 447px;
z-index: 9992;
width: 201px;
height: 206px;
background: url(/images/countdown2/adress_popup.png) no-repeat left top;
}
.main_box .panel_body {
background: none;
width: 162px;
padding: 14px 20px;
}
.main_box p.margin {
padding: 14px 0;
}
/*
.panel_hol {
position: absolute;
top: 28px;
left: 630px;
z-index: 9993;
width: 203px;
}
*/
.panel_hol {
position: absolute;
top: 30px;
left: 170px;
z-index: 9993;
width: 203px;
}
.panel_hol .panel_header {
position: relative;
background: url(/images/countdown2/panels_hol_header.png) no-repeat left top;
width: 203px;
height: 7px;
}
.panel_hol .panel_body {
background: url(/images/countdown2/panels_hol_bg.png) repeat-y left top;
width: 183px;
float: left;
padding: 4px 10px;
}
.panel_hol .panel_body h2 {
font-size: 12px;
padding: 0;
font-weight: bold;
}
.hol_table {
width: 180px;
float: left;
padding-top: 5px;
}
.panel_hol .panel_footer {
background: url(/images/countdown2/panels_hol_footer.png) no-repeat left bottom;
width: 203px;
height: 7px;
}
.tab_line {
width: 100%;
float: left;
height: 13px;
padding: 2px 0 4px;
border-top: 1px solid #d3d3d1;
}
.hol_table .last {
border-bottom: 1px solid #d3d3d1;
}
.tab_line .l_tab {
float: left;
width: 97px;
}
/* scroll */
.scroll-wrap {
width: 163px;
float: right;
padding-top: 6px;
}
.scroll-pane {
width: 160px;
height: 145px;
overflow: auto;
}
.stores_list li { padding: 2px 0 1px;}
.stores_list li a {
color: #666666;
padding-left: 10px;
text-decoration: none;
}
.stores_list li a:hover, .stores_list li a.active {
color: #009a3d;
font-weight: bold;
background: url(/images/countdown2/menu2_active.gif) no-repeat left;
text-decoration: none;
}
/* ==================== HEADER ======================= */
/* ====================================================*/
.header {
/*background: url(/images/countdown2/header_bg.jpg) no-repeat left top;*/
height: 120px;
padding: 0;/*15px 30px 0 30px*/
position:relative;
z-index:28;
}
.header .logo {float: left;}
.header .logo a {text-decoration: none;}
/* ================== HEADER > Top Search ====================*/
.top_search {
position:absolute;
width: 215px;
top: 52px;
right: 260px;
}
/* ================== HEADER > Social Media icons ====================*/
.social_media {
width: 63px;
float: right;
text-align:right;
padding-top: 17px;
}
.social_media a{
color:#ffffff;
font-size:11px;
padding-right:8px;
display: inline-block;
}
.top_search input.topsearch_query {
border: none;
background: url(/images/countdown2/topsearch_query.jpg) no-repeat left top;
height: 16px;
padding: 2px 10px;
width: 161px;
float: left;
color: #747474;
font-size: 13px;
font-family: Arial;
}
/* ================== HEADER > headerlogin + Search ====================*/
.headerlogin {
float: left;
padding: 15px 0 0 20px;
width: 760px;
position: relative;
}
.top_search_bar {
width: 241px;
height: 32px;
background: url(images/top_search_bg.png) 0 0 no-repeat;
position: relative;
top: 0px;
left: 0px;
float: left;
padding: 5px 6px 5px 5px;
}
.top_search_bar .top_search {
position: relative;
left: 0px;
top: 0px;
width: 240px;
}
.top_search_bar input[type="text"]#topsearch_query {
height: 22px;
width: 182px;
line-height: 20px;
vertical-align: middle;
padding: 5px 10px;
background: url(images/top_search_input_bg.png) 0 0 no-repeat;
font-family: 'DINWebPro';
font-size: 15px;
letter-spacing: -1px;
float: left;
}
.top_search_bar input.btn_search {
background: url("images/btn_search.png") no-repeat scroll left top transparent;
border: 0 none transparent;
cursor: pointer;
height: 30px;
overflow: hidden;
padding: 0 0px 0 0;
text-indent: -9999px;
width: 260px;
margin: 0px;
}
.top_text {
width: 18px;
height: 42px;
font-family: 'DINWebPro';
font-size: 14px;
line-height: 42px;
vertical-align: middle;
color: #7B8082;
position: relative;
text-align: center;
float: left;
}
.top_login {
width: 458px;
height: 30px;
background: url(images/top_login_bg.png) 0 0 no-repeat;
position: relative;
right: 8px;
float: right;
padding: 6px 6px 6px 18px;
}
.top_login.logged_in {
background: url(images/oc_top_login_bg.png) 0 0 no-repeat;
}
.top_login.logged_in .text {
color: #0D833F;
}
.top_login.logged_in .green_button a {
padding: 0 8px;
font-size: 14px;
}
.top_logout {
position: absolute;
top: 50px;
right: 6px;
width: 86px;
height: 20px;
text-align: center;
}
.top_logout a {
font-size: 11px;
color: #6AAE35;
text-decoration: none;
}
.top_logout a:hover {
text-decoration: underline;
}
#wobbler {
width: 150px;
height: 98px;
position: absolute;
top: 3px;
right: 108px;
background: url(images/wobbler.png) 0 0 no-repeat;
text-align: center;
}
#points_date {
font-family: 'DINWebPro-Medium';
color: #006699;
font-size: 14px;
letter-spacing: -1px;
padding: 23px 8px 0 8px;
}
#wobbler #points_balance {
height: 32px;
width: 131px;
font-family: Arial, Helvetica, sans-serif;
font-size: 30px;
line-height: 32px;
vertical-align: middle;
color: #3F464C;
font-weight: bold;
position: absolute;
bottom: 19px;
left: 10px;
}
#wobbler #points_balance_text {
height: 32px;
width: 131px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 32px;
vertical-align: middle;
color: #3F464C;
font-weight: bold;
position: absolute;
bottom: 19px;
left: 10px;
}
/* ================== HEADER > Find Store ====================*/
select {
background:transparent url(/images/countdown2/findstore_query.gif) no-repeat scroll left top;
border:0px;
font-size:11px;
color:#747474;
}
.find_region{
color: #747474;
font-size: 0.917em;
height: 64px;
width: 210px;
background: url(/images/countdown2/find_my_store-small.jpg) no-repeat left top;
float:right;
position:absolute;
right:30px;
}
#find_hidden {display:none;position:relative;top:0;left:0;}
.find_inner{
padding:35px 0px 0px 8px;
width: 195px;
height:20px;
}
#ajax_find_store div.combo{position:absolute;top:6px;left:8px;}
#ajax_right_store div.combo{position:absolute;top:41px;left:5px;}
#a_find_store{display:block;margin-top: 20px;padding-left:8px;}
.region {
color: #747474;
font-size: 0.917em;
float: left;
width: 142px;
height: 155px;
padding: 0;
margin-left: -10px;
position:relative;
/* margin-bottom: 8px;
z-index:1; */
}
/*.region2 {
color: #747474;
font-size: 0.917em;
float: left;
width: 140px;
padding: 0;
position:relative;
margin-bottom: 15px;
height: 67px;
}*/
.region .region_wrapper {
background: url(/css/countdown2/images/feature_specials_content_bg_over_long.png) left top no-repeat;
width: 142px;
height: 155px;
position: relative;
}
.featureicons .region_wrapper {
margin: 20px 0 0 20px;
}
/*.region2 .region_wrapper {background: url(/images/countdown2/region_inner_bg2.gif) repeat-y left top; }*/
.region .region_inner {
background: none;
padding: 5px;
width: 132px;
height:112px;
position: relative;
text-align: left;
}
/*.region2 .region_inner {
padding: 41px 0px 6px 0px;
width: 140px;
height:20px;
}
.region2 .region_inner {
background: url(/images/countdown2/region2_new.gif) no-repeat left top;
z-index: 9;
position: absolute;
height:67px;
}*/
/*.store_finder {
width: 132px;
height:112px;
position: absolute;
top: 40px;
}
#right_hidden {
display:none;
margin-left: -10px;
position: absolute;
width: 190px;
padding: 2px 20px 0 10px;
background: url(/images/countdown2/region_inner_bg2.gif) repeat-y left top;
top:67px;
height:55px;
}*/
/*.region_bottom, .region_bottom2 {
width: 140px;
height: 7px;
font-size: 1px;
background: url(/images/countdown2/region_bottom.gif) no-repeat left top;
}
.region_bottom2 {
background: url(/images/countdown2/region_bottom2.png) no-repeat left top;
height: 12px;
position: absolute;
top: 123px;
z-index: 1;
}
*/
.region .region_inner .mailer_hr, .change_store_container .mailer_hr {
width: 125px;
height: 40px;
margin: 0 auto;
background: url(/images/Countdown2/mailer_hr.jpg) 0 0 no-repeat;
position: absolute;
top: 80px;
}
.change_store_container .mailer_hr {
height: 1px;
}
.region .region_inner .green_button, .change_store_container .green_button {
width: 132px;
position: absolute;
bottom: 5px;
left: 5px;
}
.region .region_inner .green_button a, .change_store_container .green_button a {
font-size: 17px;
margin-left: 2px;
}
div.custom div.icon {
right: 57px;
background: url(images/arrow_down.png) 0 0 no-repeat;
width: 23px;
height: 32px;
}
.ufd.plain button, .ufd.plain button:hover, .ufd.plain button.focus {
background: url(images/arrow_down.png) 0 0 no-repeat;
width: 23px;
height: 32px;
}
div.defaultcustomdropdownstyle div.custom div.icon {
width: 34px;
height: 20px;
border: 0;
background: transparent url(/images/countdown2/arrow_down.gif) 0px 0px no-repeat;
cursor: pointer;
top: 0px;
right: 0px;
display: block;
}
div.custom input, span.ufd.plain {
width: 110px;
background: url(images/findstore_query.png) top left no-repeat;
height: 32px;
padding: 0 0px 0 10px;
font-size: 12px;
line-height: 32px;
vertical-align: middle;
color: #6F7479;
}
div.defaultcustomdropdownstyle div.custom input {
margin: 0 0 0 0;
padding: 0px 3px 0px 6px;
background: transparent url(/images/countdown2/findstore_query.png) no-repeat scroll left top;
border: 0px;
height: 20px;
line-height: 20px;
vertical-align: middle;
left: 0px;
top: 0px;
width: 161px;
font-size: 11px;
color: #747474;
}
div.custom div.icon.disabled {
right: 57px;
background: url(images/arrow_down_disabled.png) 0 0 no-repeat;
width: 23px;
height: 32px;
}
div.custom input .disabled{
width: 100px;
background: url(images/findstore_query_disabled.png) top left no-repeat;
height: 32px;
padding: 0 2px 0 8px;
font-size: 12px;
line-height: 32px;
vertical-align: middle;
color: #CCCCCC;
}
div.custom div.list-wrapper {
width: 130px;
border: 1px solid #E7E7D8;
top: 30px;
}
div.custom li {
font-size: 12px;
padding: 0 2px 0 8px;
line-height: 25px;
}
div.custom ul {
text-indent: 0px;
text-align: left;
}
.combo li {
height: 25px;
}
#specials_region{
position:relative;
top:-5px;
width:400px;
height:25px;
clear:both;
padding:0 0 10px 0;
}
#ajax_change_store{left:150px;position:relative}
#a_large_store{top:65px;position:relative;z-index:0;}
#large_region_wrapper{top:-30px;position:relative;z-index:0;}
#ajax_large_store{top:5px;position:relative;z-index:0;}
/* ========================= MENU =========================*/
/* ========================================================*/
.menu {
width: 695px;
float:left;
padding: 15px 0px 0px 20px;
height: 30px;
}
.menu li {
float: left;
display: inline-block;
height: 30px;
}
.menu li.float_right {float: right;}
.menu a {
color: #2B9D44;
/*font-family: 'DINWebPro-Medium';*/
font-size: 15px;
text-align: center;
text-decoration: none;
display: block;
height: 30px;
/*padding-left: 10px;*/
}
.menu .panel_dropdown a, .menu .panel_dropdown a:hover {
float: none;
padding: 0;
height: auto;
background: none;
text-align: left;
color: #045831;
}
.menu a span.menutext {
display:none;
}
/*.menu a.menu_home {
width: 45px;
background: url(/css/countdown2/images/menu_home.png) no-repeat;
}
.menu a.menu_home#current, .menu a.menu_home:hover {background: url(/css/countdown2/images/menu_home_over.png) no-repeat;}
*/
.menu a.menu_shopsmarter{
width: 138px;
background: url(/css/countdown2/images/menu_food_inspiration.png) no-repeat;
}
.menu a.menu_shopsmarter:hover, .menu a.menu_shopsmarter#current{background: url(/css/countdown2/images/menu_food_inspiration_over.png) no-repeat}
.menu a.menu_specials {
width: 73px;
background: url(/css/countdown2/images/menu_specials.png) no-repeat;
}
.menu a.menu_specials:hover, .menu a.menu_specials#current{background: url(/css/countdown2/images/menu_specials_over.png) no-repeat}
.menu a.menu_onecard {
width: 72px;
background: url(/css/countdown2/images/menu_onecard.png) no-repeat;
}
.menu a.menu_onecard#current, .menu a.menu_onecard:hover {background: url(/css/countdown2/images/menu_onecard_over.png) no-repeat}
.menu a.menu_ourbrands {
width: 88px;
background: url(/css/countdown2/images/menu_ourbrands.png) no-repeat;
}
.menu a.menu_ourbrands:hover, .menu a.menu_ourbrands#current{background: url(/css/countdown2/images/menu_ourbrands_over.png) no-repeat}
.menu a.menu_ourstores {
width: 57px;
background: url(/css/countdown2/images/menu_stores.png) no-repeat;
}
.menu a.menu_ourstores:hover, .menu a.menu_ourstores#current{background: url(/css/countdown2/images/menu_stores_over.png) no-repeat}
.menu a.menu_inthecomm {
width: 90px;
background: url(/css/countdown2/images/menu_community.png) no-repeat;
}
.menu a.menu_inthecomm:hover, .menu a.menu_inthecomm#current{background: url(/css/countdown2/images/menu_community_over.png) no-repeat}
.menu a.menu_aboutus {
width: 75px;
background: url(/css/countdown2/images/menu_aboutus.png) no-repeat;
}
.menu a.menu_aboutus:hover, .menu a.menu_aboutus#current{background: url(/css/countdown2/images/menu_aboutus_over.png) no-repeat}
.menu a.menu_customerservice{
width: 75px;
background: url(/css/countdown2/images/menu_talk.png) no-repeat;
}
.menu a.menu_customerservice:hover, .menu a.menu_customerservice#current{background: url(/css/countdown2/images/menu_talk_over.png) no-repeat}
.menu a.float_right {float: right;}
.menu a.float_right:hover {background: none;}
.menu a img {float: left;}
/* ======================= CONTENT ========================*/
/* ========================================================*/
.content {
padding: 0px;
float: left;
width: 960px;
overflow:hidden;
}
.content .inner {
width: 770px;
float: left;
overflow:hidden;
padding-right: 30px;
}
.content h1 {
font-size:28px;/*22px font-size: 1em;*/
color: #177738;
font-family: 'DINWebPro-Medium';
font-weight: normal;
padding-bottom: 10px;
letter-spacing: -1px;
line-height: 30px;
}
.popup_header h1 {padding-bottom: 0px;}
.content h1 span {}
.content h1.no_padding {padding-bottom: 5px; font-size: 1.5em;}
.content h2, .content h4.padded2 {
padding: 5px 10px 1px 9px;
font-size: 12px;
color: #009a3d;
}
.content h2.no_padding {padding: 0;}
.content h2 span {
color: #009a3d;
font-size: 20px;
line-height: 20px;
font-weight: normal;
padding-top: 3px;
float: left;
display:block;
}
.content h2 b {
font-weight: normal;
color: #999;
font-size: 14px;
line-height: 20px;
float: left;
padding: 7px 0 0 2px;
}
.content .list_inner h2 {padding: 5px 0 6px 0;}
.list_wide{width:auto!important}
.content .list2 h2 {padding: 0 0 0 10px;}
.content .list2 h2 span {
font-size: 1.4em;
display: block;
padding-bottom: 3px;
}
#rte h1, #rte h2,#rte h3,#rte h4,#rte h5 {
padding: 10px 0px 0px 0px;
margin: 0px;
}
#rte h4,#rte h5 {padding-bottom:5px;}
#rte h2 {
font-size: 18px;
}
#rte p {
margin:0 0 10px 0;
line-height:18px;
}
#rte table{
background:#FCFCFB none repeat scroll 0 0;
border-bottom:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
width:100%!important;
margin:10px 0;
}
#rte th{
color:#62BB23;
font-size:1em;
font-weight:bold;
padding:2px 0 3px;
}
.content h3 {
font-size: 1.333em;
color: #009a3d;
padding-bottom: 6px;
}
.content h4 {
padding: 2px 0 3px 0;
color: #62bb23;
font-weight: bold;
font-size: 1em;
}
.content h4.padded {padding: 8px 0 5px 0;}
.content h4.padded2 {padding-bottom: 10px;}
.content h5 {
color: #009a3d;
font-size: 1em;
}
.content .t_c {
color: #999;
font-size: 0.917em;
padding-top: 12px;
}
.margin_b {margin-bottom: 18px;}
.margin_b2 {margin-bottom: 12px;}
.content .banners {
float:left;
margin-top:50px;
padding:2px 0 14px;
width:910px;
}
.content .banners li {
float: left;
padding-right: 19px;
}
.content .banners li.banner_last {padding-right: 0;}
/*.content .text {line-height: 18px;}*/
.content ul.bullet li , #rte ul li {
background: url(/images/countdown2/bullet.jpg) no-repeat 5px 6px;
padding-left: 19px;
}
.content ol.numbers , #rte ol{
color: #62bb23;
font-weight: bold;
padding: 0 0 0 5px;
margin: 0 0 0 16px;
list-style-position: outside;
}
#rte ul, #rte ol{margin-bottom:5px;margin-top:5px;padding-left:20px;}
#rte ol li, #rte ul li{color:#666666;line-height: 18px;font-weight: normal;padding-bottom:10px;padding-left: 40px;text-indent:0px;}
.content ol.numbers li span, #rte ol li span{
color: #666666;
font-weight: normal;
}
/* =============== CONTENT > Breadcrumbs ==================*/
.breadcrumbs {
float: left;
color: #62bb23;
font-size: 0.917em;
float: left;
width: 100%;
word-spacing: 4px;
padding-bottom: 11px;
padding-top: 4px;
}
.breadcrumbs span, .breadcrumbs a {word-spacing: normal;}
.breadcrumbs a {color: #999; text-decoration: none;}
.breadcrumbs a:hover {color: #333;}
/* =============== CONTENT > Home Page ===============*/
.heroimage {
width: 400px;
height: 330px;
float: left;
margin-left: 10px;
overflow: hidden;
position: relative;
z-index: 0;
}
.welcome {
width: 540px;
float: right;
}
.welcome_message {
padding: 0 0 20px 0;
}
.welcome h1, .welcome h3, .welcome_logged_in h1, .welcome_logged_in h3
{
color: #3F464C;
margin: 0;
padding-bottom: 0;
}
.welcome h1, .welcome_logged_in h1 {
font-family: 'DINWebPro-Medium';
height: 100px;
font-size: 80px;
line-height: 110px;
padding-left: 10px;
letter-spacing: -5px;
}
.welcome_logged_in h1 {
margin-top: -35px;
}
.welcome_logged_in h1 {
font-size: 80px;
}
.welcome h2, .welcome_logged_in h2 {
font-family: 'DINWebPro-Medium';
height: 100px;
font-size: 45px;
line-height: 110px;
padding-left: 10px;
color: #3F464C;
margin-top:-50px;
letter-spacing: -2px;
}
.welcome h3, .welcome_logged_in h3 {
font-family: 'DINWebPro';
font-size: 24px;
line-height: 24px;
font-weight: normal;
padding-left: 20px;
letter-spacing: -1px;
}
.homepage_bars {
width: 458px;
height: 30px;
background:url(../images/bg_bar.png) 0 0 no-repeat;
margin: 0 0 8px 4px;
padding: 6px 6px 6px 18px;
}
.homepage_bars.search {
width: 471px;
height: 32px;
background: url(../images/bg_bar.png) 0 0 no-repeat;
margin: 0 0 8px 4px;
padding: 5px 6px 5px 5px;
}
.homepage_bars .text, .top_login .text {
width: 366px;
float: left;
color: #7B8082;
line-height: 30px;
vertical-align: middle;
font-family: 'DINWebPro';
font-size: 15px;
letter-spacing: -1px;
}
.green_button
{
height: 30px;
display: inline-block;
background: url(images/btn_green_mid.png) left top repeat-x;
float: right;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 0 auto;
border: none;
}
.grey_button_background
{
background-color: #FCFCFB;
}
.dark_grey_button_background
{
background-color: #EFEFEC;
}
.green_button:hover {
background-position: left bottom;
color: #FFFFFF;
}
.green_button a {
height: 30px !important;
padding: 0 20px;
color: #FFFFFF !important;
font-family: 'DINWebPro-Medium';
font-size: 18px;
line-height: 30px !important;
text-align: center;
vertical-align: middle !important;
text-decoration: none;
display: inline-block;
}
.green_button a:hover {
color: #FFFFFF;
}
#home_search .top_search {
width: 470px;
position: relative;
right: 0px;
top: 0px;
}
input[type="text"], input[type="password"]{
background-color: transparent !important;
color: #7C8185;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
border: 0 none;
}
input[type="text"]#topsearch_query, input[type="text"]#pagesearch_query {
height: 32px;
width: 360px;
line-height: 32px;
vertical-align: middle;
padding: 0px 10px;
background: url(images/input_text_bg.png) 0 0 no-repeat;
font-family: 'DINWebPro';
font-size: 15px;
letter-spacing: -1px; float: left;
}
input.btn_search {
width: 30px;
height: 30px;
background: url(images/btn_search.png) left top no-repeat;
overflow: visible;
font-size: 0;
display:block;
line-height: 0;
text-indent: -9999px;
border: 0px transparent;
cursor: pointer;
margin: 0px 23px 0px 0px;
}
input.btn_search_middle {
width: 30px;
height: 30px;
background: url(images/btn_search.png) left top no-repeat;
overflow: visible;
font-size: 0;
display:block;
line-height: 0;
text-indent: -9999px;
border: 0px transparent;
cursor: pointer;
margin: 0px 80px 0px 0px;
}
input.btn_search:hover, input.btn_search_middle:hover {
background-position: left bottom;
}
.homepage_bars .green_button {
width: 80px;
}
.featureicons ul {
width: 920px;
position:absolute;
padding: 0 20px;
/*margin: 0 auto; */
}
.featureicons ul li.featureiconlistitem
{
width: 160px;
height: 150px;
float: left;
margin: 0 10px;
display: block;
text-align: center;
}
.featureicons ul li.featureiconlistitemWithoutPromotion
{
width: 205px;
height: 150px;
float: left;
margin: 0 10px;
display: block;
text-align: center;
}
.featureicons ul li a {
/*font-family: 'DINWebPro-Medium';*/
text-decoration: none;
color: #6F7479;
font-size: 14px;
line-height: 16px;
text-align: center;
text-decoration: none;
}
.featureicons ul li a:hover {
color: #6F7479;
}
a#mymailerpromo {
font-size: 11px;
color: #6CAC38;
text-decoration: none;
display: block;
text-align: center;
}
a#mymailerpromo:hover {
text-decoration: underline;
}
.featureicons img.over {
display: none;
}
.featureicons span.feature {
width: 160px;
height: 110px;
display: block;
}
.featureicons span.text {
width: 140px;
height: 40px;
display: block;
font-family: 'DINWebPro';
letter-spacing: -1px;
font-size: 16px;
padding-left: 10px;
}
.featureicons span.textWithoutPromotion {
width: 140px;
height: 40px;
display: block;
font-family: 'DINWebPro';
letter-spacing: -1px;
font-size: 16px;
padding-left: 10px;
}
/* =============== CONTENT > Blue Box Regular ===============*/
.blue_box, .plain_box {
width: 173px;
height: 215px;
margin: 0 20px 20px 0;
float: left;
}
.blue_box_top {
background: url(/images/countdown2/blue_box_top.jpg) no-repeat left top;
float: left;
width: 210px;
}
.plain_box_top
{
width: 366px;
margin: 0 20px 20px 0;
float: left;}
.blue_box_bottom {
background: url(/images/countdown2/blue_box_bottom.jpg) no-repeat left bottom;
width: 190px;
padding: 8px 10px;
float: left;
min-height: 50px;
height: auto !important;
height: 50px;
}
.blue_box.last,.plain_box.last {margin-right: 0;}
.blue_box span.offer_date {
font-size: 0.75em;
color: #7f8386;
float: right;
white-space: nowrap;
text-align: right;
padding-bottom: 5px;
}
.blue_box p.title {margin-top: -7px; position: relative;}
.blue_box p {
font-size: 1.3em;
padding-bottom: 5px;
}
/* =============== CONTENT > Mailer Promo content ==================*/
.center .mailer_content {
width: 560px;
postion:relative;
}
.promo_hero {
width: 366px;
height: 215px;
margin: 0 20px 20px 0;
background-color: #F63;
float: left;
}
.promo_tile {
width: 173px;
height: 215px;
margin: 0 20px 20px 0;
background-color: #F63;
float: left;
}
.promo_tile.last {
width: 173px;
margin: 0 0 20px 0;
}
/* =============== CONTENT > Blue Box Large ===============*/
.blue_box_large_top, .blue_box_large_bottom {
height: 12px;
font-size: 1px;
background: url(/images/countdown2/blue_box_large_top.jpg) no-repeat left top;
}
.blue_box_large_bottom {background: url(/images/countdown2/blue_box_large_bottom.jpg) no-repeat left top;}
.blue_box_large {
background: url(/images/countdown2/blue_box_large_bg.jpg) repeat-y left top;
padding: 0 15px;
}
.blue_box_large .blue_box_large_left {
float: left;
width: 230px;
text-align: center;
}
.blue_box_large span.offer_date {
font-size: 0.833em;
color: #7f8386;
display: block;
text-align: right;
padding-bottom: 5px;
}
.blue_box_large .marg_top {
margin-top: -20px;
}
.blue_box_large .blue_box_large_right {
float: right;
width: 176px;
}
.blue_box_large .blue_box_large_right p {
font-size: 1.3em;
padding-bottom: 8px;
}
.blue_box_large .text_bottom, .blue_box .text_bottom {
font-size: 0.750em;
color: #384651;
font-weight: bold;
text-align: justify;
padding-bottom: 0;
margin-bottom:0;
}
/* =============== CONTENT > Left ==================*/
.content .left {
float: left;
width: 180px;
padding-right: 30px;
position:relative;
}
/* ================== Left Menu ========================== */
.header_left_menu {
width: 180px;
height: 89px;
background: url(images/header_left_menu_bg.png) 0 0 no-repeat;
}
.header_left_menu h3 {
font-size: 18px;
color: #177738;
font-family: 'DINWebPro-Medium';
font-weight: normal;
text-align: center;
padding: 40px 0 0 0;
}
.left .left_menu {border-top: 1px solid #eaebeb;}
.left .left_menu2 {
border-top: 1px solid #FFFFFF;
/*border-bottom: 1px solid #bbbdbe;*/
position:relative;
/*top: 10px;*/
}
.left .left_menu li {
margin-bottom: 1px;
border-bottom: 1px solid #eaebeb;
}
.left_menu2 li, .left_menu2 li a{
background-color: #EBEBE2;
border-bottom: 1px solid #FFFFFF;
}
.left_menu2 li a{border-bottom:0}
.left .left_menu2 li#list_last, .left_menu2 li.list_last, .left .left_menu2 li.sel2 a.list_last{
border-bottom: none!important;
}
.left .left_menu2 li.sel.invisible {border-bottom: 1px solid #FFFFFF;}
.left .left_menu2 li.sel.invisible ul {display: none;}
.left .left_menu2 li.visible a, .left .left_menu2 li.sel a {padding-bottom: 3px;}
.left .left_menu2 li a, .left .left_menu li a, .left .left_menu2 li form.search_section {
color: #3F464C;
text-decoration: none;
display: block;
width: 168px;
padding: 3px 0 3px 12px;
margin: 0;
}
.left .left_menu li a {padding-left: 0;}
.left .left_menu2 li form.search_section {
padding-left: 28px;
width: auto;
background: #FFFFFF;
}
.left .left_menu2 li a:hover, .left .left_menu li a:hover {
color: #5d6d76;
}
.left .left_menu2 li.sel2 {border: none;}
.left .left_menu2 li.sel a, .left .left_menu2 li.sel2 a {background: url(images/menu2_selected.gif) no-repeat center left;}
.left .left_menu2 li.sel.collapsed a, .left .left_menu2 li.sel2.collapsed a {/*background: url(/images/countdown2/menu2_sel_collapsed.gif) no-repeat 8px 8px;*/}
.left .left_menu2 li.sel2 a {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
margin-top: -1px;
}
.left .left_menu2 li a.active {
background:url(images/menu2_selected.gif) no-repeat scroll center left transparent; color: #177738; font-weight:bold;
}
.left .left_menu li a.active {font-weight: bold;}
.left .left_menu2 li a#active, .left .left_menu2 li a#active2 {
color: #86865F;
background: #FFFFFF;
}
.left .left_menu2 li a#active2 {
background: url(/images/countdown2/menu2_sel.gif) no-repeat 8px 8px #f1f1f1;
}
.left .left_menu2 li.collapsed a#active2 {background: url(/images/countdown2/menu2_sel_collapsed.gif) no-repeat 8px 8px #f1f1f1;}
.left .left_menu2 li ul li a#active {background: url(/images/countdown2/menu2_active.gif) no-repeat 19px 7px #FFFFFF;}
.left .left_menu2 li ul li ul li a#active {background: #FFFFFF;}/*url(/images/countdown2/menu2_active.gif) no-repeat 32px 7px*/
/* ======= sub ul =========== */
.left .left_menu2 li ul {display: none;}
.left .left_menu2 li.sub {
/*background: #f1f1f1;*/
margin-top: -1px;
border-top:1px solid #FFFFFF;
}
.left .left_menu2 li.sub2 {
background: #e5e5e5;
margin-top: -1px;
}
.left .left_menu2 li.sub ul, .left .left_menu2 li.sub2 ul {
border-top: 1px solid #FFFFFF;
border-bottom: none;
border-bottom: 1px solid #FFFFFF;
margin-bottom: -1px;
}
.left .left_menu2 li li a {padding-left: 20px; width: 160px;}
.left .left_menu2 li li li a {padding-left: 25px; width: 150px;}
.left .left_menu2 li.sub li a, .left .left_menu2 li.sub2 li a {
background: #F8F8F5;
}
.left .left_menu2 li.sub li li a, .left .left_menu2 li.sub2 li li a {
padding-left: 25px;
width: 155px;
}
.left .left_menu2 li.sub li.sub a {background:url(images/menu2_selected.gif) no-repeat scroll center left transparent; border-top:0px; color: #177738; }
.left .left_menu2 li.sub li.sub.collapsed a {background: url(/images/countdown2/menu2_sel_collapsed.gif) no-repeat 18px 8px;}
.left .left_menu2 li.sel ul, .left .left_menu2 li.sel2 ul, .left .left_menu2 li.visible ul {
display: block;
}
.left .left_menu2 li.sub ul.sub-tips li a{background-image:none; background:#F8F8F5; color: #86865F;}
.left .left_menu2 li.sub ul.sub-tips li a#active{background: url(images/menu2_selected_green.png) no-repeat center left; color: #FFFFFF; padding-right: 5px; }
.left .left_menu2 li ul li a.active{background: url(images/menu2_selected_green.png) no-repeat center left; color: #FFFFFF; padding-right: 5px; }
/* =============== 3rd layer menu ==================== */
.left .left_menu2 li.sub li.sub a {font-weight: normal;}
.left .left_menu2 li.sub li.sub li a {background-image: none; background:#F8F8F5; color: #86865F;}
.left .left_menu2 li.sub li.sub li a.active {background: url(images/menu2_selected_green.png) no-repeat center left; color: #FFFFFF; padding-right: 5px; }
/* =============== CONTENT > Center ==================*/
.content .center {
position:static;
float: left;
width: 560px;
overflow:hidden;
color: #666666;
padding-top: 30px;
}
.content .center .inner_text {
padding-right: 20px;
}
.content .center a {
color: #6CAC38;
text-decoration: none;
}
.content .center a:hover {
text-decoration: underline;
}
.content .center .width440 {
width: 440px;
}
.list, .list2 {
background-color:#FCFCFB;
border-top: 1px solid #ccc;
margin-bottom: 15px;
float: left;
width: 100%;
}
.list.less_margin, .list2.less_margin {margin-bottom: 10px;}
.list2 {
background: #fff;
border: none;
margin: 0;
padding: 0;
}
.list#last {margin-bottom: 0;}
.list.no_top {border-top: 0;}
.list .list_inner, .list .list_inner2, .list_inner3 {
padding: 0 6px 0 10px;
float: left;
width: 314px;
}
.list .list_inner2 {
width: 426px;
padding-right: 4px;
padding-bottom: 15px;
}
.list_inner3 {
width: 424px;
}
.list h2 img {margin-top: 4px;}
.list ul li {
border-bottom: 1px solid #eae9dc;
padding: 0 10px 8px 10px;
margin-bottom: 10px;
}
.list ul li.last {border-bottom: none;}
.list p {
padding-bottom: 6px;
text-indent: 0 !important;
}
.list .no_padding p {padding-bottom: 0;}
.list .list_inner2 p{
padding-top:10px;
padding-bottom:10px;
}
.list .list_inner2 p.linktext{padding:0;}
.pager {
text-align: right;
color: #62bb23;
font-size: 0.917em;
padding-top: 6px;
}
.pager a {
border: 1px solid #62bb23;
padding: 0 3px 0 4px;
text-decoration: none;
color: #62bb23;
margin-left:3px;
}
.pager a.active, .pager a:hover {
color: #f9f8ea;
background: #62bb23;
}
.pager span a {border: none;}
.pager span a:hover {color: #4da012; background: none;}
.center_form, .center_form2 {
padding-top: 6px;
margin-top: 10px;
border-top: 4px solid #62bb23;
color: #747474;
float: left;
width: 100%;
}
.center_form2 {border-top: none;}
.center_form .row {padding: 5px 0;}
.center_form p {font-size: 0.917em;}
.center_form input.query, .center_form2 input.query {
background: url(/images/countdown2/query_bg.jpg) no-repeat left top;
border: none;
height: 16px;
padding: 2px 8px;
width: 316px;
color: #747474;
font-size: 0.917em;
font-family: Arial;
float: right;
}
.center_form2 input.query {
width: 190px;
float: left;
background: url(/images/countdown2/query_bg2.jpg) no-repeat left top;
margin-right: 12px;
}
.center_form2_button {
margin-right: 170px;
float:right;
}
.center_form input.query.error {
background: url(/images/countdown2/query_bg_error.jpg) no-repeat left top;
color: #CC0000;
}
.center_form label {
float: left;
width: 100px;
padding-right: 8px;
}
.center_form .message {
height: 147px;
padding: 2px 8px;
border:0px;
position:relative;
width: 316px;
background: url(/images/countdown2/message_bg.jpg) no-repeat left top;
float: right;
}
#message.error {background: url(/images/countdown2/message_bg_error.jpg) no-repeat left top;}
.center_form .message textarea {
border: none;
background: none;
height: 147px;
width: 316px;
color: #747474;
font-size: 0.917em;
font-family: Arial;
overflow: hidden;
float: right;
}
.center_form .message.error textarea {color:#CC0000;}
#EmailSuccess p{color:#CC0000;font-weight:bold;font-size:18px}
#FormFeedback{display:block;position:relative;}
label.error {
color:#CC0000;
font-weight:bold;
width: 100% !important
}
.buttonCustomerFeedback{
background:none;
border:none;
height: 30px;
width:90px;
font-size: 14px;
font-family: 'DINWebPro-Medium';
color: #FFFFFF;
line-height: 30px;
vertical-align: middle;
}
.content a.more, a.morearrow {
float: left;
padding-right: 12px;
background: url(/images/countdown2/arrow_more.gif) no-repeat right 6px;
margin-bottom: 5px;
}
a.morearrow_map {
padding-right: 12px;
background: url(/images/countdown2/arrow_more.gif) no-repeat right 6px;
margin-bottom: 5px;
}
.content .share {
float: right;
top:-20px;
right:0px;
position:absolute;
}
h1 .image_r {margin-top:5px;}
.content .share a {
color: #747e83;
text-decoration: none;
}
.content .share a:hover {
color: #666666;
}
.center .col, .center .col2 {
float: left;
width: 140px;
padding-right: 10px;
padding-top: 10px;
}
.center .col2 {padding-top: 0;}
.center .col_inner {
padding: 0 10px;
}
.center .col.last, .center .col2.last {padding-right: 0;}
.left h3 {padding-bottom:3px;}
/* =============== CONTENT > Find Store Large Form ==================*/
.find_store_large {
background: url(/images/countdown2/find_store_large.jpg) no-repeat left top;
padding: 80px 228px 40px 20px;
height: 98px;
float: left;
width: 192px;
}
.find_store_large p {
margin-bottom: 6px;
float: left;
width: 100%;
clear: both;
}
.find_store_large p.margin_b {margin-bottom: 16px;}
/* =============== CONTENT > Right ==================*/
.content .right {
float: right;
width: 140px;
padding: 60px 20px 0 0;
}
.content #shop_cards {
display: none;
}
.right p {margin-bottom: 10px; float: left; width: 100%;}
.right img {vertical-align: bottom; width: 120px;}
.right p.cards {
height: 59px;
padding: 44px 17px 0 8px;
float: left;
width: 195px;
background: url(/images/countdown2/cards_bg.jpg) no-repeat left top;
}
.right .banner_box {
height: 110px;
float: left;
width: 140px;
padding: 0 0 10px 0;
}
.right .banner_box a {
text-decoration: none;
display: block;
width: 140px;
}
/*.right .banner_box a:hover {background: url(/images/countdown2/box_bg_over.jpg) no-repeat left top;}
*/
.right .banner_box a span {
display: block;
color: #6F7479;
padding: 8px 0px 0px 0px;
font-size: 15px;
line-height: 14px;
text-decoration: none;
text-align: center;
font-family: 'DINWebPro';
height: 32px;
letter-spacing: -1px;
}
.right .banner_box a img {
float: left;
padding: 0 10px 8px 10px;
}
.right .banner_box a:hover span {color: #6F7479;}
/* ====================== FOOTER =========================*/
/* =======================================================*/
.footer {
clear: both;
min-height: 34px;
height: auto !important;
height: 34px;
color: #9DA1A3;
font-size: 11px;
}
.footer .top, .footer .btm {
width: 960px;
height: 10px;
}
.footer .top {
background: url(images/footer_top.png) 0 0 no-repeat;
}
.footer .btm {
background: url(images/footer_btm.png) 0 0 no-repeat;
}
.footer .mid {
width: 950px;
padding: 10px 0px 20px 10px;
background: url(images/footer_mid.png) 0 0 repeat-y;
}
.footer a {
color: #9DA1A3;
text-decoration: none;
}
.footer a:hover {color: #747e83;}
.footer li.footer_header {
font-weight: bold;
font-size: 12px;
padding: 0 0 15px 0;
}
.footer li {
line-height: 15px;
}
.footer span {display: block;}
.footer .col, .footer .col_last {
float: left;
width: 105px;
padding: 0 20px 0 10px;
background: url(images/footer_col_border2.jpg) repeat-y right top;
min-height: 195px;
height: auto !important;
height: 195px;
}
.footer .col_last {background: none;}
/* ===================== COPYRIGHT =======================*/
/* =======================================================*/
.copyright {
clear: both;
margin: 0 auto;
width: 920px;
padding: 20px 20px 10px 20px;
font-size: 0.917em;
color: #9DA1A3;
}
.copyright span {
word-spacing: 3px;
margin-left: 5px;
}
.copyright a {word-spacing: normal;}
.copyright span, .copyright span a {
color: #9DA1A3;
text-decoration: none;
}
.copyright span a:hover {color: #747e83;}
#select_change{position:relative; top:45px; left:25px;}
#ajax_select_store {position:relative; top:70px; left:25px;}
/* ================ CAROUSEL STYLES =======================*/
.infiniteCarousel {
width: 670px;
position: relative;
height: 303px;
padding: 5px 5px 15px 5px;
margin-top: 5px;
}
.infiniteCarousel .carousel_body {
height: 330px;
width: 660px;
}
.infiniteCarousel .carousel_body .picture {
position: absolute;
}
.infiniteCarousel .carousel_body .panel {
position: absolute;
top: 95px;
width: 256px;
left: 404px;
}
.infiniteCarousel .panelItem {
padding: 1px;
width: 194px;
height: 112px;
margin: 0 2px;
}
.infiniteCarousel .highlight {
width: 194px;
height: 112px;
background: url(/images/countdown2/carousel_selected.png) no-repeat left top;
}
.infiniteCarousel .highlight img {
z-index: 0;
}
.infiniteCarousel .wrapper a {
display: block;
width: 194px;
height: 112px;
}
.infiniteCarousel .carousel_body .panel_top, .infiniteCarousel .carousel_body .panel_bottom {
height: 7px;
font-size: 1px;
background: url(/images/countdown2/panel_top.png) no-repeat left top;
}
.infiniteCarousel .carousel_body .panel_bottom {background: url(/images/countdown2/panel_bottom.png) no-repeat left top;}
.infiniteCarousel .carousel_body .panel_inner {
/* background: url(/images/countdown2/carousel_panel_bg.png) repeat left top; */
/* background-color: #d9eee6; */
padding: 15px 22px;
}
.panel_inner h1, .panel_inner h2 {
padding:0px;
color:#4B5869;
font-size:26px;
line-height:24px;
font-weight:normal!important;
}
.panel_inner p{
padding: 10px 0;
}
.infiniteCarousel .wrapper {
width: 598px;
overflow: auto;
min-height: 114px;
margin: 0 32px;
position: absolute;
top: 345px;
}
.infiniteCarousel ul a img {
}
.infiniteCarousel .wrapper ul {
width: 9999px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin: 0;
padding: 0;
position: absolute;
top: 0;
}
.infiniteCarousel ul li {
display: block;
float: left;
padding: 0 10px 0 0;
height: 110px;
width: 192px;
}
.infiniteCarousel ul li a img {
display: block;
}
.infiniteCarousel .arrow {
display: block;
height: 16px;
width: 10px;
background: url(/images/countdown2/arrow.gif) no-repeat 0 0;
text-indent: -9999px;
position: absolute;
top: 394px;
cursor: pointer;
}
.infiniteCarousel .forward {
background-position: -10px 0;
right: 16px;
}
.infiniteCarousel .back {
background-position: 0 0;
left: 16px;
}
/* star hack for ie6 carousel images */
* html .wrapper
{
height: 110px;
}
.form_row{width:440px;display:block;border-top:10px solid white;}
.form_row label{padding-top:2px;}
#share-this-page{padding-right:10px;}
hr{height:1px; border:0;border-bottom:1px solid #62BB23}
iframe{overflow:hidden;}
iframe html {overflow:hidden;}
.LeftImagePad{float:left;margin-right:15px;margin-bottom:15px;}
div.address{
background: url(/images/countdown2/address_popup_top.png) no-repeat;
margin:0;
height: 88px;
min-height: 88px;
position: relative;
}
div.address div.footer{
background: url(/images/countdown2/address_popup_bottom.png) no-repeat;
padding: 0 15px 0 20px;
margin:0;
vertical-align: top;
width:200px;
}
div.address_lid{
background-image: url(/images/countdown2/address_popup_main.png);
background-position: 0 88px;
background-repeat: no-repeat;
min-height: 100px;
padding: 12px 18px;
position: relative;
width:201px;
}
#map_canvas, #pano, div.google_map{
width: 900px; height: 460px; overflow:hidden;
}
#find_store_large_form{padding-bottom:200px;}
/*DIV#fancy_content {overflow:hidden;}*/
.shadow_bar {
background:url("/css/countdown2/images/shadow_block.png") repeat scroll left top transparent!important;
height:8px;
position:absolute;
width:898px;
z-index:2;
}
#progSearchResults .list h2 {position:relative;top:0px;left:0px;}
#progSearchResults .list h2 span{
width:350px!important;
overflow:hidden!important;
float:left;
display:block;
margin-bottom: 20px;
}
#progSearchResults .list h2 a{
float:right;
}
#progSearchResults .list h2 a img,#progSearchResults .list h2 a{
width:15px!important;
display:block;
}
div.main .left_panels {
left:10px;
position:relative;
top:-425px;
z-index:20;
}
a.top {color:#747474; padding-bottom:4px;text-decoration:none;}
a.top:hover {text-decoration:underline;}
table.featureNav{border:0px;border-collapse:collapse; margin: 5px 12px; width: 366px;}
table.featureNav td {width:50%; padding:10px 10px 10px 0; vertical-align:top; color: #045831; font-size:11px; line-height: 13px; }
table.featureNav td p {padding:10px 0px; vertical-align:top; color: #045831; font-size:11px; font-weight:normal; line-height: 13px; }
table.featureNav tr {
padding-bottom:10px;
background: url("images/hr_grey.png") repeat-x scroll left bottom transparent;
}
table.featureNav tr:last-child{
padding-bottom:10px;
background:none !important;
}
table.featureNav tr.featureNavTopRow{ border-top:0px; }
table.featureNav tr.last { border-top:0px; background:none !important; }
.noBorder{border:0px!important}
div.LeftHandMenuIcon{width:210px;border:0px!important;}
div.LeftHandMenuIcon img{display:block;margin:20px auto; border:0px;}
/* home page content rotator */
#image_holder{margin:0px; }
#bottom_nav
{
height:35px;
background: url(/images/countdown2/Carousel-Nav-Bar.png) no-repeat left top;
}
.jshowoff-play {display:none;}
.jshowoff-controls
{
height:35px;
background: url(/images/countdown2/Carousel-Nav-Bar.png) no-repeat left top;
}
p.jshowoff-controls{margin:0;padding:0;}
.jshowoff-slidelinks {display:none;}
.jshowoff-prev
{
text-decoration:none;
position:relative;
left:15px;
height:20px;
width:20px;
padding-bottom:10px;
font-size:15px;
}
.jshowoff-next
{
text-decoration:none;
position:relative;
left:20px;
position:relative;
text-decoration:none;
width:20px;
padding-bottom:10px;
font-size:15px;
}
div.news-bar
{
padding: 8px 0 8px 0;
margin:5px 0 5px 0;
}
div#news-item-1, div#news-item-2,div#news-item-3,div#news-item-4
{
display:inline;
width: 212px;
float:left;
padding:8px 18px 0 0 ;
height:180px;
margin:0;
}
div#news-item-3
{
padding-right:10px!important;
}
div.news-item
{
width:50%;
display:inline;
}
.news-text
{
font-size:11px;
overflow:hidden;
}
.with-thumb
{
width:105px;
}
div#news-item-4
{
float:left;
padding-right:0px;
padding-left:8px;
padding-top:7px;
}
div#news-item-1 h2, div#news-item-2 h2, div#news-item-3 h2, div#news-item-4 h2
{
padding:0 0 0 0!important;
}
.news-thumb
{
height:92px;
width:92px;
float:right;
margin-top:3px;
}
.news-thumb img
{
border: 1px solid #4D9E1E;
position: relative;
}
.news-wrapper
{
margin: 0 0 8px 0;
padding-top: 0;
padding-bottom:10px;
border-top:1px solid #c5c5c5;
border-bottom:1px solid #c5c5c5;
}
.news-text img
{
display: none;
}
.inner-wrapper
{
height:100px;
padding-top:4px;
padding-bottom:5px;
}
a.read-more
{
font-size:11px;
padding:0 10px 0 0;
background: url(/images/countdown2/arrow_more.gif) no-repeat 100% 50%;
}
.fp-content{margin-top:5px;}
/**Colemans page style**/
#colemans div.entry_form
{
width:900px;
padding-bottom:15px;
background:url(/images/countdown2/colemans_formfooter_bg.png) no-repeat 0 100%;
}
#colemans div.entry_form_title{
width:900px;
height:58px;
background: url(/images/countdown2/colemans_formtop_bg.png) no-repeat 0 0;
}
#colemans div.entry_form_body{
width:861px;
padding-left:24px;
padding-right:15px;
background: url(/images/countdown2/colemans_formbody_bg.png) repeat-y 0 0;
}
#colemans div.entry_form div.left{
float:left;
width:374px;
}
#colemans div.entry_form div.right{
float:right;
width:465px;
}
#colemans div.entry_form label.textLabel{
color: #62aa45;
font-size: 14px;
font-family: Arial;
font-weight:bold;
width:150px;
text-align:left;
float:left;
padding-top:6px;
}
#colemans div.entry_form input.inputText{
width:156px;
height:26px;
border:1px solid #c7c7c7;
vertical-align:middle;
!padding-top:6px;
!height:20px;
padding-top:6px\0/;
height:20px\0/;
}
#colemans div.entry_form span.asterisk{
color: #015020;
font-size: 14px;
font-family: Arial;
font-weight:bold;
}
#colemans div.entry_form span.question{
color: #62aa45;
font-size: 17px;
font-family: Arial;
font-weight:bold;
}
#colemans div.entry_form_body_inner{
padding-top:15px;
}
#colemans div.entry_form div.left_row{
padding-bottom:12px;
}
#colemans div.entry_form .answer_area{
width:270px;
padding-top:10px;
}
#colemans div.entry_form .answer_area tr td{
width:135px;
padding-bottom:7px;
}
#colemans div.entry_form .answer_area label{
color: #62aa45;
font-size: 14px;
font-family: Arial;
font-weight:bold;
padding-left:7px;
}
#colemans div.entry_form div.entry_form_top_row{
padding-bottom:25px;
}
#colemans div.entry_form div.entry_form_btm_row{
height:40px;
}
#colemans div.entry_form div.tnc_row{
float:left;
width:374px;
color: #62aa45;
font-size: 14px;
font-family: Arial;
font-weight:bold;
padding-top:10px;
}
#colemans div.entry_form div.tnc_row a{
color: #62aa45;
font-size: 14px;
font-family: Arial;
font-weight:bold;
text-decoration:underline;
}
#colemans div.entry_form div.tnc_row .tnc-cb{
vertical-align:top;
}
#colemans div.entry_form div.enter_btn_rgn{
float:right;
}
#colemans div.entry_form .enter_btn{
width:119px;
height:39px;
display:block;
background: url(/images/countdown2/colemans_enter_btn.gif) no-repeat 0 0;
}
#colemans div.flash_container{
width:900px;
margin: 10px auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-repeat: repeat-x;
background-position: left top;
}
div.confirm_body div.confirm_content{
color: #62aa45;
font-size: 14px;
font-family: Arial;
font-weight:bold;
padding:30px 20px;
}
#colemans span.alert{
clear:both;
color:red;
display:block;
font-size:11px;
margin-left:150px;
padding:5px 20px 5px 0px;
text-align:left;
width:190px;
}
#colemans span.alert2{
clear:both;
color:red;
display:block;
font-size:11px;
padding:5px 20px 5px 0px;
text-align:left;
width:300px;
}
#SmartShopperLanding div.top_intro{
font-size:18px;
line-height:20px;
color:#76725F;
}
#SmartShopperLanding div.top_intro p{
margin:0px;
margin-bottom:10px;
}
#SmartShopperLanding div.sscontent{
margin-bottom:9px;
}
#SmartShopperLanding div.sscontent_top{
background: url(/images/countdown2/ss_content_top_bg.jpg) no-repeat;
height:5px;
}
#SmartShopperLanding div.sscontent_mid{
background: url(/images/countdown2/ss_content_mid_bg.jpg) repeat-y;
height:auto !important;
min-height:100px;
}
#SmartShopperLanding div.sscontent_btm{
background: url(/images/countdown2/ss_content_btm_bg.jpg) no-repeat;
height:30px;
}
div#SmartShopperLanding {
width:440px;
}
#SmartShopperLanding div.mainvideo_title{
height:26px;
padding-left:20px;
font-size:13px;
line-height:15px;
color:#00993D;
font-weight:bold;
padding-top:4px;
padding-bottom: 10px;
}
#SmartShopperLanding div.mainvideo_note{
padding-left:13px;
font-size:13px;
line-height:15px;
color:#00993D;
font-weight:bold;
padding-top:4px;
padding-bottom: 10px;
}
#SmartShopperLanding div.contentpathregion{
background: url(/images/countdown2/video_btm.png) no-repeat 10px 100%;
height:110px;
width:440px;
margin-bottom:24px;
}
#SmartShopperLanding div.contentpath{
padding:17px 20px 5px 14px;
color:#00993D;
font-size:13px;
line-height:13px;
}
#SmartShopperLanding div.contentpath span{
color:#666666;
}
#SmartShopperLanding a.findmore{
display:block;
width:120px;
height:48px;
background: url(/images/countdown2/btn_findmore.png) no-repeat;
margin: 0 auto;
}
#SmartShopperLanding div.videotile_note{
width:410px;
padding:10px 10px 0 20px;
font-size:13px;
}
.videotile_note{
width:440px;
padding:10px 10px 0 10px;
font-size:13px;
}
#SmartShopperLanding div.videotile_row{
width:420px;
padding:0 10px 20px 10px;
}
#SmartShopperLanding div.videotile_row_left{
width:200px;
height:96px;
float:left;
}
#SmartShopperLanding div.videotile_row_right{
width:200px;
height:96px;
float:right;
}
#SmartShopperLanding div.videotilebox{
float:right;
width:116px;
height:96px;
position:relative;
}
#SmartShopperLanding div.videotilebox img{
padding-left:4px;
padding-right:4px;
}
#SmartShopperLanding div.videotilebox div.videotitle{
color:#67AA04;
font-size:13px;
line-height:15px;
font-weight:bold;
padding-left:7px;
}
#SmartShopperLanding div.videotilebox a.viewRecipe{
display:block;
background: url(/images/countdown2/btn_viewrecipe.jpg) no-repeat;
width:116px;
height:37px;
position:absolute;
bottom:0;
}
#SmartShopperLanding div.btm_search{
background: url(/images/countdown2/ss_search_bg.jpg) no-repeat;
width:441px;
height:81px;
}
#SmartShopperLanding div.btm_search div.btm_search_field
{
padding-top:11px;
padding-left:235px;
}
#SmartShopperLanding div.btm_search div.btm_search_field input.query{
height:20px;
width:160px;
border:0;
background-color: white !important;
}
#SmartShopperLanding div.btm_search div.btm_search_field input.btn_smart_shopper_search{
vertical-align:top;
}
div.featureicons
{
height: 150px;
padding: 0 0 60px 0;/*0 0 210px 0*/
}
/* remove chrome orange box around input fields */
input:focus {outline: none; }
div.specialsImageButton
{
margin-bottom:20px;
}
/*************** ONECARD STYLES ***************/
.icon_set_8 {
width: 800px;
}
.icon_set_6 {
width: 600px;
}
.welcome_logged_in {
margin: 0 auto;
padding: 60px 0 0 0;
}
.welcome_logged_in .welcome_message {
margin: 0 auto;
padding: 0 0 0 10px;
}
.icon_set_8 .welcome_message {
width: 870px;
}
.icon_set_6 .welcome_message {
width: 680px;
}
.welcome_logged_in h1 {
height: 110px;
}
.welcome_logged_in .featureicons {
padding: 0;
}
.welcome_logged_in .featureicons ul {
padding: 0px;
position: relative;
display: inline-block;
}
.welcome_logged_in .featureicons ul li.featureiconlistitem {
margin: 0 20px;
}
.welcome_logged_in .featureicons:last-child {
padding: 0 0 60px 0;
}
.mymailer_introduction_text {
padding-left: 45px;
padding-bottom: 10px;
}
.mymailer_introduction_text a {
color: #6CAC38;
text-decoration: none;
}
.mymailer_introduction_text a:hover {
color: #6CAC38;
text-decoration: underline;
}
/*************** MY MAILER STYLES ***************/
.clearfix:before,
.clearfix:after {
content:"";
display:table;
}
.clearfix:after {
clear:both;
}
.clearfix {
zoom:1; /* For IE 6/7 (trigger hasLayout) */
}
.floatRight{float:right;}
.floatLeft{float:left;}
.button{display:block;text-indent:-9999px;}
#mmailer{width:766px; overflow: visible;}
#mmailer div.publishbutton{
margin-top: 20px;
float:left;
}
#mailer_content{-position:relative;}
#mailer_nav{
width:482px;
height:42px;
background:url('images/mmailer_nav_bg.png') no-repeat;
margin:0 auto;
}
/**--- LOWER NAV ---**/
#mailer_nav a{float:left;}
.mmailer_prev{
height:31px;
width:80px;
background:url('images/mmailer_nav_prev.png?v=2') no-repeat;
margin:5px 23px 0 5px;
}
.mmailer_prev:hover, .mmailer_next:hover{background-position:left -62px;}
.mmailer_next{
height:31px;
width:80px;
background:url('images/mmailer_nav_next.png?v=2') no-repeat;
margin:5px 5px 0 23px;
}
/* mmailerInner next/prev */
.mmailerInner_prev{
left: 2px;
background:url('images/mmailer_buttons.png') left 0 no-repeat !important;
}
.mmailerInner_prev:hover{background-position:left -18px !important;}
.mmailerInner_next:hover{background-position:right -18px !important;}
.mmailerInner_next{
right: 2px;
background:url('images/mmailer_buttons.png') right 0 no-repeat !important;
}
.mmailerInner_prev, .mmailerInner_next{
position: absolute;
height:17px;
width:21px;
bottom: 20px;
/*margin:5px 23px 0 5px;*/
}
.mmailer_single_page .mmailerInner_prev, .mmailer_single_page .mmailerInner_next{
top: 340px;
}
.mmailer_single_page, .mmailer_backcover{
position: relative;
}
.mmailer_double_page .mmailerInner_prev, .mmailer_double_page .mmailerInner_next, .mmailer_specials_page .mmailerInner_prev, .mmailer_specials_page .mmailerInner_next{
top: 376px;
}
#mailer_intro h1{
text-align:center;
padding-bottom:0;
}
#mailer_intro p{
text-align:center;
color:#177738;
font-size:11px;
margin-bottom:10px;
}
#mailer_content .terms{
text-align:center;
color:#6F7479;
font-size:10px;
float: left;
}
.mmailer_full{
height: 27px;
width: 50px;
background:url('images/mmailer_page_sprite.png') -31px 3px no-repeat;
margin:5px 2px 0 0;
}
.mmailer_full:hover, .mmailer_full.selected{
background-position:-31px -28px;
}
.mmailer_lwr{clear:both;}
.mmailer_lwr p{
padding-top:10px;
text-align:center;
color:#6F7479;
font-size:11px;
}
.mmailer_lwr p.online {
font-size:13px;
}
.content .mmailer_lwr p a{
text-decoration:underline;
}
.entry .entries .addItem{
background:url('images/mmailer_addtolist.png') center top no-repeat;
width:100%;
height:25px;
margin-bottom:0;
/*visibility:hidden;*/
padding-top:4px;
}
.entry .entries .addItem:hover{
background-position:center -29px;
}
.entry_container{
float:left;
padding-top:43px;
}
.mmailer_leftbanner{
float:left;
padding-top:28px;
padding-left: 2px;
}
/*** SINGLE PAGE STYLE ***/
.mmailer_single{
height:27px;
width:27px;
background:url('images/mmailer_page_sprite.png') left 3px no-repeat;
margin:5px 2px 0 0;
}
.mmailer_single:hover, .mmailer_single.selected{background-position:left -28px;}
.mmailer_single_page{
width:386px;
margin:0 auto;
}
.mmailer_single_page .entry{
float:left;
background:url('images/mymailer_single_bg.jpg') top left repeat-y;
width:386px;
}
.mmailer_single_page .mmailer_intro{
background:url('images/mymailer_single_bg-top.jpg') no-repeat;
width:366px;
}
.mmailer_single_page .mmailer_footer{
background:url('images/mymailer_single_bg-bottom.jpg') left bottom no-repeat;
width:386px;
height:72px;
}
.mmailer_single_page .entry{float:left;}
.mmailer_single_page .entry .entries{
float:left;
width:109px;
margin-left:10px;
}
.mmailer_entry_lwr .fb-container {
padding-left: 20px;
float: left;
width: 250px;
height: 38px;
}
.mmailer_single_page .entry .entries.first{
margin-left:20px;
padding-left:0px;
}
/*** TWO PAGE STYLE ***/
.mmailer_double_page .entry .entries{
padding-left:8px;
width:109px;
float:left;
display:inline-block;
zoom:1;
}
.mmailer_double_page .entry .entries.nth6n1{
clear:left;
padding-left:27px;
}
.mmailer_double_page .entry .entries.nth3n1{
padding-left:27px;
}
.mmailer_double_page{
width:766px;
margin:0 auto;
}
.mmailer_double_page .mmailer_footer{
height:12px;
padding:0px;
background:url('images/mymailer_double_bg-bottom.jpg') left bottom no-repeat;
width:766px;
}
.mmailer_double_page .mmailer_intro{
background: url("images/mymailer_double_bg-top.jpg") no-repeat scroll 0 0 transparent;
height: 34px;
margin: 0;
padding: 5px 20px;
width: 726px;
}
.mmailer_double_page .mmailer_intro p{
color:#fff;
}
.mmailer_double_page .entry{
float:left;
background:url('images/mymailer_double_bg.jpg') top left repeat-y;
width:766px;
}
.mmailer_intro{
padding:70px 0 20px 20px;
}
.mmailer_intro p{
font-size: 14px;
color:#177738;
font-family:'DINWebPro-Medium';
margin-bottom:0px;
}
.mmailer_intro h1{
padding-bottom:0px;
}
.mmailer_footer{
float:left;
}
.mmailer_footer p{
font-size:9px;
color:#C5E485;
padding-top:42px;
padding-left:15px;
}
#mailer_content .entries .mmailer_description{
color: #3F464C;
margin: 2px 0 0 0;
font-weight:bold;
}
#mailer_content .entries p{
text-align:center;
font-size: 11px;
line-height: 13px;
}
#mmailer .entries p:last-child{
margin:0;
line-height: 13px;
font-weight:normal;
color: #3F464C;
text-align:center;
font-size: 11px;
}
#mmailer_remove_alcohol{
width:221px;
height:35px;
display:block;
text-indent:-9999px;
background:url('images/mymailer_remove_btn.jpg?v=2');
float:left;
position:absolute;
right:10px;
top:-12px;
}
.alcohol_25{
position:absolute;
left:350px;
top:9px;
}
.mmailer_entry_lwr{
clear:both;
position:relative;
}
#mmailer_nocard{
position:absolute;
background:url('images/mmailer_nocard.png') no-repeat;
width:433px;
height:170px;
top:206px;
left:160px;
}
#mmailer_vm_btn{
background:url('images/mmailer_viewmailer_btn.png') no-repeat;
height:30px;
width:90px;
margin-top:130px;
margin-right:47px;
float:right;
}
#mmailer_notavailable{
position:absolute;
background:url('images/myMailer_processing_image.png') no-repeat;
width:433px;
height:170px;
top:206px;
left:160px;
}
/*** BACKPAGE STYLE ***/
.mmailer_backcover{
width:27px;
background:url('images/mmailer_page_sprite.png') left 3px no-repeat;
margin:5px 2px 0 0;
}
.mmailer_backcover:hover, .mmailer_backcover.selected{background-position:left -28px;}
.mmailer_backcover{
width:386px;
margin:0 auto;
}
.mmailer_intro h3{
color:#76725F;
clear:both;
font-size:28px;
font-family:'DINWebPro-Medium';
float:left;
padding:0;
padding-top:38px;
width:100%;
text-align:center;
}
#mailer_content{
position:relative;
}
.mmailer_backcover h3{
font-size: 20px;
font-family: 'DINWebPro-Medium';
float:left;
clear:both;
}
.mmailer_backcover h3 span.red{
color:#CC3300;
float: none;
font-size: 20px;
line-height: 20px;
padding: 0;
}
.mmailer_backcover .entry{
float:left;
background:url('images/mymailer_backpage_bg.png') top left repeat-y;
width:386px;
}
.mmailer_backcover .mmailer_intro{
background:url('images/mymailer_backpage_bg-top.png') no-repeat;
width:386px;
padding-top:20px;
padding-left:0;
height:192px;
}
.mmailer_backcover .mmailer_footer{
background:url('images/mymailer_backpage_bg-bottom.png') left bottom no-repeat;
width:386px;
height:26px;
}
.mmailer_backcover .mmailer_intro p{
color:#A5DD4B;
margin-left:20px;
}
.mmailer_backcover .mmailer_intro h1{
color:#A5DD4B;
margin-left:20px;
}
.mmailer_backcover .entry{float:left;
}
.mmailer_backcover .entry .entries{
float:left;
width:109px;
margin-left:10px;
margin-bottom:10px;
}
.mmailer_backcover .entry .entries.first {
margin-left:20px;
padding-left:0px;
}
.mmailer_get_myspecials{
background:url('images/mmailer_gms_btn.png?v=2') left bottom no-repeat;
width:140px;
height:30px;
float:right;
margin-right:20px;
clear:both;
}
.mmailer_backcover .mmailer_intro .smaller{
font-size:22px;
font-weight:normal;
margin-bottom:5px;
font-family: 'DINWebPro';
}
.mmailer_backcover .mmailer_intro h1{
font-size:36px;
margin-bottom:5px;
font-family: 'DINWebPro';
}
.mmailer_backcover .mmailer_intro .blurb{
font-size:15px;
line-height:22px;
font-family: 'DINWebPro';
font-weight:normal;
text-align:right;
margin-right:20px;
margin-left:20px;
}
#shoponline_alertnotes_container
{
background-color:#FFFFFF;
}
#shoponline_alertnotes_container div.alertnotes
{
padding:10px;
}
#shoponline_alertnotes_container div.alertnotes p{
font-size: 13px;
line-height: 20px;
color: #666666;
font-family: Arial;
}
#shoponline_alertnotes_container .blue_button
{
float:right;
}
.mmailer_topbanner_bw{
background: url("images/mymailer_double_lbw_topBanner.png") no-repeat scroll 0 0 transparent;
height:40px;
width:766px;
position:absolute;
top:0px;
left:0px;
}
#mailer_content{
position:relative;
}
.mmailer_rspecials_page .entry{
background: url("images/mymailer_double_bg.jpg") repeat-y scroll left top transparent;
float: left;
width: 766px;
}
/*** SPECIALS LEFT ***/
.mmailer_specials_page .entry .entries{
padding-left:9px;
width:109px;
float:left;
height:162px;
}
#mmailer .entry .entries{
height:179px;
}
.mmailer_specials_page .entry .entries.nth5n_1{
clear:left;
padding-left:20px;
}
.mmailer_specials_page .entry .entries.nth5n_3{
padding-left:30px;
}
.mmailer_specials_page{
width:766px;
margin:0 auto;
}
.mmailer_specials_page .mmailer_footer{
height:12px;
padding:0px;
background:url('images/mymailer_double_lspecials_bg-bottom.jpg') left bottom no-repeat;
width:766px;
}
.mmailer_specials_page .mmailer_intro{
/*background: url("images/mmailer_double_lspecials_bg-top.jpg") no-repeat scroll 0 0 transparent;*/
height: 32px;
margin: 0;
padding: 5px 20px;
width: 726px;
}
.mmailer_specials_page .mmailer_intro p{
color:#fff;
}
.mmailer_specials_page .entry{
background: url("images/mmailer_double_bg.jpg") repeat-y scroll left top transparent;
float: left;
width: 766px;
}
.mmailer_bottombanner {
padding: 15px 0 0 0;
}
/*Onecard */
form, fieldset{margin:0; padding:0; border-style:none}
.onecard {
margin: 0 0 30px 0;
overflow: visible;
}
.left .onecard.left_menu2 li a {
width: 165px;
}
.left .onecard.left_menu2 li a.active {
background: url(images/menu2_selected_blue.png) no-repeat center left;
color: #FFFFFF;
font-weight: normal;
padding-right: 8px;
width: 165px;
}
.content .onecard a, .content .onecard a:hover {
color: #6D7276;
text-decoration: none;
}
.content .onecard .divTerms a{
color:#666;
font-weight:normal;
}
.content .onecard .divTerms a:hover{
text-decoration:underline;
}
.onecard .my-contact a:hover, .onecard .my-profile a:hover {
text-decoration: underline;
}
.blue_button
{
height: 30px;
float: left;
display: inline-block;
background: url(images/btn_blue.png) left top repeat-x;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 10px auto;
border: none;
}
.blue_button:hover {
background-position: left bottom;
color: #FFFFFF;
}
.hr_grey {
margin: 0 10px;
background: url(images/hr_grey.png) left top repeat-x;
}
.onecard .blue_button a, .blue_button a {
height: 30px !important;
padding: 0 20px;
color: #FFFFFF !important;
font-family: 'DINWebPro-Medium';
font-size: 14px;
line-height: 32px !important;
text-align: center;
vertical-align: middle !important;
text-decoration: none;
display: inline-block;
cursor: pointer;
}
.onecard .blue_button a:hover {
color: #FFFFFF;
text-decoration: none;
}
.content .onecard h1 {
color: #006699;
}
.content .onecard h4 {
color: #006699;
}
.onecard .tabset-area {
width:100%;
height: 31px;
overflow:hidden
}
.onecard .tabset-area .tabset {
height: 31px;
padding-left: 0px;
text-indent: 0px;
}
.onecard .tabset li {
float: left;
display: block;
width: 144px;
margin-left: -6px;
}
.onecard .tabset li:first-child {
margin-left: 0px;
width: 139px;
}
.onecard .tabset li a {
width: 144px;
height:17px;
display: block;
float:left;
background:url(images/bg_tabset.png) no-repeat;
position:relative;
cursor:pointer;
color: #999999;
text-align: center;
padding: 7px 0;
font-family: 'DINWebPro-Medium';
font-size: 14px;
text-decoration: none;
}
.onecard .tabset li a:hover,
.onecard .tabset li.active a {
text-decoration: none;
color:#006799;
z-index:1;
position:relative;
background:url(images/bg_tabset_over.png) no-repeat;
}
.onecard .tabset li:first-child a {
width: 129px;
background:url(images/bg_tabset_left.png) no-repeat;
text-align: left;
padding-left: 10px;
}
.onecard .tabset li:first-child a:hover,
.onecard .tabset li.active:first-child a {
background:url(images/bg_tabset_left_over.png) no-repeat;
}
.tabset a:focus {
outline:none;
}
.form_top{
width: 560px;
height: 15px;
background: url(images/bg_form_top.png) 0 0 no-repeat;
margin-top: -1px;
}
.cardInformationtitle, .divCardInformation{
background: url(images/form_top_mid.jpg) 0 0 repeat-y;
}
.onecard .cardInformationtitle h3{
padding-left:10px;
padding-bottom:0px;
padding-top:1px;
width: 200px;
float: left;
}
#divCardInformationExpandController span.button{
background:url('images/onecard_cardinfo_button.png') no-repeat;
width:22px;
height:21px;
text-indent:-9999px;
float:right;
}
#divCardInformationExpandController p{
float:left;
margin-bottom:0px;
margin-top:2px;
font-size:13px;
color:#999;
}
#divCardInformationExpandController{
width:82px;
float:right;
margin-right:7px;
}
#divCardInformationCollapseController{
background: url("images/onecard_cardinfo_button.png") no-repeat scroll left -22px transparent;
bottom: 22px;
cursor: pointer;
float: right;
height: 21px;
position: absolute;
right: 8px;
text-indent: -9999px;
width: 22px;
}
#cardInfoContainer{
position:relative;
}
.divCardInformation h4{
color:#006699;
font-family: 'DINWebPro-Medium';
font-weight:normal;
font-size:14px;
}
.divCardInformation #left_col{
float:left;
width:200px;
padding-right:20px;
padding-left:20px;
margin-top:5px;
background:url('images/vertical_hr.png') repeat-y right top transparent;
}
.divCardInformation #right_col tr td{
padding:0;
}
.divCardInformation #right_col{
float:left;
margin-left:18px;
margin-top:5px;
}
.divCardInformation .cardholders{
margin-top:6px;
}
.form_top2{
width: 560px;
height: 15px;
background: url(images/bg_form_top.png) 0 0 no-repeat;
margin-top: -1px;
background: url(images/bg_form_top_2.png) 0 0 no-repeat;
}
.form_btm {
width: 560px;
height: 15px;
background: url(images/bg_form_btm.png) 0 0 no-repeat;
}
/*My contact*/
.form-area {
clear: both;
width: 560px;
}
.my-contact, .my-profile, .form_mid {
clear: both;
width: 560px;
background: url(images/bg_form_mid.png) 0 0 repeat-y;
}
.my-profile .my-profile-content {
padding: 10px 0 0 0;
clear: both;
width: 560px;
}
.onecard .form-item, .login .form-item{
width: 550px;
overflow:hidden;
min-height: 32px;
height: auto !important;
padding: 5px 0;
z-index:4;
margin: 0 0 9px 10px;
position: relative;
color: #333333;
}
.onecard .form-item.no_asterisk{
position: static;
}
.onecard .form-item.preferences {
padding: 0;
z-index: 50px;
}
.onecard .form_bg_long {
background: url(images/bg_form_long.png) 0 0 no-repeat;
margin: 0 0 9px 13px;
}
.onecard .form_bg_med, .login .form_bg_med {
background: url(images/bg_form_med.png) 0 0 no-repeat;
}
.login .form_bg_med.admin {
background: url(images/bg_form_med_v2.png) 0 0 no-repeat;
}
.onecard .form_bg_short, .login .form_bg_short {
background: url(images/bg_form_short.png) 0 0 no-repeat;
}
.form_bg_long_top, .form_bg_long_mid, .form_bg_long_btm
{
margin-left: 2px;
width: 535px;
}
.form_bg_long_top {
background: url(images/bg_form_long_top.png) 0 0 no-repeat;
height: 10px;
}
.form_bg_long_mid {
background: url(images/bg_form_long_mid.png) 0 0 repeat-y;
width: 526px;
padding: 0px 0px 0px 9px;
}
.form_bg_long_btm {
background: url(images/bg_form_long_btm.png) 0 0 no-repeat;
height: 10px;
}
.form_bg_long_mid p {
padding-left: 5px;
margin: 0 0 10px 0;
}
.onecard span.asterisk {
width: 12px;
height: 12px;
position: absolute;
top: 15px;
right: 34px;
background: url(images/onecard_asterisk.png) 0 0 no-repeat;
display: inline-block;
}
.onecard label, .login label {
float: left;
width: 190px;
font-size: 13px;
line-height: 32px;
color: #6D7276;
padding: 0px 12px;
}
.onecard .mobilelabel {
width: 250px;
}
.onecard .form_bg_long label {
width: 250px;
}
.region-store label {
width: 192px;
}
.onecard .alcohol_free label {
width: 480px;
}
.onecard .alcohol_free input {
padding-top: 0px
}
.onecard .form_bg_long_mid label {
width: 250px;
padding: 0px 12px 0px 3px;
/*height: 18px;
line-height: 18px;*/
}
.onecard .alcohol_free input {
margin: 6px 0px 0px 10px;
float: left;
}
.onecard label.for-aaa {
display: none;
}
.onecard .title {
padding: 0px 20px;
}
.my-contact .title div{
display: inline-block;
}
.onecard h2, .onecard h3, .login h3, .onecard h4 span {
font-size: 18px;
color: #006699;
font-family: 'DINWebPro-Medium';
font-weight: normal;
line-height:18px;
display: inline-block;
padding-bottom: 10px;
}
.login h3 {
padding: 10px 0 10px 30px;
}
.login .unsubscribe h3 {
padding: 0 0 10px 0;
}
.login-details h3 {
line-height: 20px;
padding-bottom: 0px;
}
.my-contact h3 {
width: 300px;
padding-bottom: 10px;
}
.onecard input, .login input {
color: #6D7276;
height: 32px;
line-height: 32px;
vertical-align: middle;
padding: 0 6px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.onecard input[type="password"] {
background-color: transparent !important;
border: 0 none;
font-family: Arial,Helvetica,sans-serif;
font-size: 13px;
}
.onecard #tc {
height: auto;
}
.onecard .name, .onecard .checkbox_bg, .login .name {
width: 243px;
background: url(images/bg_input_3.png) 0 0 no-repeat;
}
.login .admin .name {
width: 243px;
background: url(images/bg_input_3_v2.png) 0 0 no-repeat;
}
.hardemails.checkbox_bg, .softemails.checkbox_bg {
margin: 0 0 5px 0;
}
.onecard .number3, .login .number3 {
width: 165px;
margin-left: 3px;
display: inline;
height:32px !important;
padding:0 6px !important;
line-height:32px !important;
background: url(images/bg_input_2.png) 0 0 no-repeat;
}
.onecard .number2, .login .number2 {
width:60px;
background: url(images/bg_input_1.png) 0 0 no-repeat;
}
.onecard .eg, .login .eg {
color: #6D7276;
font-size:13px;
line-height:15px;
padding:6px 20px 0 5px
}
.onecard .checkbox_bg {
display: inline-block;
padding: 6px;
height: 20px;
margin-right: 4px;
}
.onecard .checkbox_bg label {
line-height: 20px;
width: 202px;
}
.onecard .campaign-form-item {
width: 526px;
height: 38px;
}
.onecard .pref-block.checkbox_bg {
margin: 3px 4px 3px 0;
}
.onecard .pref-block {
position: relative;
float: left;
}
.onecard .pref-block input{
padding: 0 6px;
}
.onecard .checkbox_bg .pref-item {
line-height: 20px;
}
.onecard .checkbox_bg .preftext {
line-height: 20px;
width: 208px;
height: 20px;
display: inline-block;
padding: 0 5px;
text-decoration: none;
float: left;
}
/*Select drop downs*/
.onecard span.ufd.plain, span.ufd.plain{
background: url(images/findstore_query.png) top left no-repeat;
height: 32px;
padding: 0 0px 0 10px;
font-size: 12px;
line-height: 32px;
vertical-align: middle;
color: #6F7479;
}
.onecard span.ufd, span.ufd{
margin-top:0px !important;
}
.onecard select.select_med {
width: 253px;
}
#ufd-container div.list-wrapper {
position: absolute;
z-index: 20 !important;
}
.login-page #ufd-container div.list-wrapper {
z-index: 100 !important;
}
.ufd.plain input{
height: 32px;
font-size: 12px;
line-height: 32px !important;
vertical-align: middle;
color: #6F7479;
}
.ufd.plain button.disabled {
background-position: 0 0 !important;
}
.ufd.plain input.disabled {
background-color: transparent !important;
color: #6F7479;
}
span.ufd.plain {
background-color: none;
border: none;
}
.form-item.select_menus, #mobileEditSpan.select_menus {
position: relative;
overflow: visible;
}
.day, .month, .year, .select_short, .select_long {
display: block;
float: left;
height: 32px;
margin: 0 5px 0 0;
}
.day, .day select, .day div.custom div.list-wrapper { width: 72px; }
.day .ufd.plain button, .day .ufd.plain button:hover, .day .ufd.plain button.disabled {left: 7px !important; }
.day span.ufd.plain { width: 58px !important; overflow: visible; }
.day .ufd.plain input { width: 26px !important;}
.day select { width: 62px;}
.month, .month div.custom div.list-wrapper{ width: 102px; }
.month .ufd.plain button, .month .ufd.plain button:hover { left: 3px; }
.month span.ufd.plain { width: 90px !important; overflow: visible; }
.month .ufd.plain input { width: 60px !important;}
.month select { width: 92px;}
.year, .year div.custom div.list-wrapper { width: 72px; }
.year .ufd.plain button, .year .ufd.plain button:hover { left: 3px; }
.year span.ufd.plain { width: 58px !important; overflow: visible; }
.year .ufd.plain input { width: 28px !important;}
.year select { width: 62px;}
.select_short, .select_short div.custom div.list-wrapper { width: 72px; }
.select_short .ufd.plain button, .select_short .ufd.plain button:hover { left: 6px; }
.select_short span.ufd.plain { width: 58px !important; overflow: visible;}
.select_short { margin: 0 3px 0 0; }
.select_short .ufd.plain input { width: 26px !important;}
.select_short select { width: 62px;}
.select_long, .select_long div.custom div.list-wrapper { width: 255px; }
.select_long .ufd.plain button, .select_long .ufd.plain button:hover, .select_long .ufd.plain button.disabled { left: 10px !important; }
.select_long span.ufd.plain { width: 241px !important; overflow: visible;}
.select_long .ufd.plain input { width: 203px !important;}
.onecard .select_long select { width: 243px;}
.onecard .text-line p{
padding:0 0 0 20px;
margin-bottom: 0;
}
.content .onecard .text-line .tnc{
color:#006699;
text-decoration:underline;
}
.onecard div.fieldnote{
padding:0 0 3px 35px;
font-size: 13px;
}
.onecard .my-profile div.fieldnote {
padding:0 0 3px 15px;
}
.onecard div.fieldnote img {
margin-top: -2px;
}
.onecard .tick_successful, .tick_successful {
margin: -5px 5px 0 0;
}
.onecard .form_filled, .form_filled {
color: #6D7276;
font-weight: bold;
height: 20px;
padding: 6px;
width: 243px;
line-height: 20px;
display: inline-block;
}
.onecard textarea {
font: 11px Arial,Helvetica,sans-serif;
height: 269px;
width: 243px;
background: url(images/bg_form_textarea.png) 0 0 no-repeat;
padding: 6px;
border: none;
font-family: Arial,Helvetica,sans-serif;
font-size: 13px;
color: #6D7276;
resize: none;
}
.onecard .comments_textarea {
margin: -5px 0 -5px 2px;
}
.onecard .alert, .onecard .alert2, .onecard .alert3, .onecard .alert4, .onecard .alert5, .onecard .infoMsgAlert, .onecard .successMsgAlert, .my-profile .login-details label.error, .successMsgAlert{
background: url(images/bg_form_error.png) 0 0 no-repeat;
color: #CC0000;
font-family: 'DINWebPro-Medium';
font-size: 13px;
width: 455px;
height: 38px;
line-height: 38px;
padding: 10px 10px 0px 10px;
text-align: center;
float: left;
font-weight: normal;
}
.onecard .alert {
display: none;
margin: 0 0 0 10px;
}
.onecard .alert2, .my-profile .login-details label.error {
margin: 6px 0 0 0;
}
.onecard .alert3, .onecard .alert4{
background: url(images/bg_form_error_long.png) 0 0 no-repeat;
width: 512px;
margin: 0 0 0 14px;
}
.onecard .alert5{
background: url(images/bg_form_error_long2.png) 0 0 no-repeat;
width: 512px;
height: 40px;
line-height: 40px;
margin: 0 0 10px 14px;
padding: 0px 10px;
}
.onecard .alert4 {
margin: 5px 0 0 3px;
}
.onecard #txtoptions .alert4 {
margin: 2px 0 0 2px;
}
.onecard .infoMsgAlert, .onecard .successMsgAlert, .successMsgAlert{
background: url(images/bg_form_info.png) 0 0 no-repeat;
color:#006699;
height: 40px;
padding: 0 5px;
margin: 10px 0 0 2px;
width:522px;
font-size: 13px;
display: block;
line-height: 40px;
}
.onecard .successMsgAlert {
margin: 0 0 20px 13px;
}
.onecard #emailInfoMsg.infoMsgAlert {
margin: 0px 0 0 2px;
}
.onecard #prefAlertMsg .alert4 {
margin: 2px 0 10px 2px;
}
.onecard .storeAlertMsg.infoMsgAlert, .onecard .wineAlertMsg.infoMsgAlert {
margin: 0 0 10px 13px;
}
.onecard label.note {
width:170px;
font-size: 10px;
line-height: 10px;
position: absolute;
top: 28px;
left: 0px;
}
.onecard #mobileSpan {
width: 255px;
height: 32px;
line-height: 32px;
vertical-align: middle;
color: #6D7276;
}
.onecard div.readMoreWin{
border:1px solid #0079DD;
width:233px;
min-height:10px;
_height:100px;
display:none;
position:absolute;
left:0px;
top:38px;
background-color:#FFFFFF;
z-index:99999;
padding: 10px;
}
.onecard div.readMoreWin p{
padding:0;
margin:0;
font-size:11px;
line-height:13px;
}
.email-settings {
margin: 10px 0 0 0;
}
.onecard .margin_bottom10 {
margin-bottom: 10px;
}
.onecard .my-contact .blue_button, .onecard .my-profile .blue_button {
margin: 10px 0 0 10px;
}
.onecard .form-item.last {
margin-bottom: 0px;
}
.onecard img.fgfbanner {
padding-left: 10px;
}
/*Tell a Friend*/
#tellafriend .taf-intro-box {
background: url("images/hr_grey.png") repeat-x scroll left bottom transparent;
margin-bottom: 20px;
}
#tellafriend .taf-intro-box p{
width: 500px;
}
#tellafriend .taf-intro {
margin-top: 20px;
}
#tellafriend .taf-main-box.my-profile {
padding: 0 10px;
width: 540px;
}
.onecard #tellafriend .form-item {
width: 540px;
}
#tellafriend .title {
padding: 0 15px;
}
#tellafriend h3 {
color: #3F464C;
}
#tellafriend .hr_grey {
margin-top: 10px;
}
#tellafriend .text-line p {
padding: 0 0 5px 10px;
}
#tellafriend .taf-success {
/*background: url(images/tell_a_friend_success_message.png) 0 0 no-repeat;
width: 530px;
height: 31px;
padding: 15px;*/
text-align: center;
font-size: 14px;
font-family: 'DINWebPro-Medium';
margin: 0 0 10px 0;
color: #006699;
}
#tellafriend .taf-success p {
color: #006699;
}
#tellafriend .tnc-cb {
padding: 20px 0 0 0;
height: auto;
}
.error_top {
background: url(images/taf_error_top.png) 0 0 no-repeat;
height: 10px;
width: 560px;
}
.error_mid {
background: #FAE5E5;
width: 510px;
padding: 0 25px;
line-height: 18px;
}
.error_mid p {
margin-bottom: 10px;
}
.error_btm {
background: url(images/taf_error_btm.png) 0 0 no-repeat;
height: 10px;
width: 560px;
}
.blue_alert_top {
background: url(images/blue_alert_top.png) 0 0 no-repeat;
height: 10px;
width: 560px;
}
.blue_alert_mid {
background: #BFD9E5;
width: 510px;
padding: 0 25px;
line-height: 18px;
}
.blue_alert_btm {
background: url(images/blue_alert_btm.png) 0 0 no-repeat;
height: 10px;
width: 560px;
}
.error_mid p {
font-size: 14px;
font-family: 'DINWebPro-Medium';
color: #CC0000;
}
#tellafriend .error_mid p a, #tellafriend .error_mid p a:hover {
text-decoration: underline;
color: #CC0000;
}
.error_mid p:last-child {
margin: 0px;
}
/******* ONE CARD *******/
.onecard ol, .onecard .right, .onecard .left{
margin:0;
padding:0;
}
.onecard .posts ul li{
list-style:none;
margin:0;
padding-bottom:10px;
background: url("images/hr_grey.png") repeat-x scroll left bottom transparent;
padding-top:10px;
}
.onecard .faq-answer ul li{
background: none;
padding-bottom:0px;
padding-top:0px;
}
.onecard .faq-answer ul{
margin-bottom:0px;
}
.onecard .faq-answer ul li a, .onecard .faq-answer a{
padding:0px;
color:#666;
}
.onecard .faq-answer ul li a:hover, .onecard .faq-answer a:hover{
color:#666;
text-decoration:underline;
}
.onecard .posts ul a{
text-decoration:none;
font-size:13px;
padding-left:10px;
}
.onecard .odd-question, .onecard .even-question{
background: url("images/hr_grey.png") repeat-x scroll left bottom transparent;
padding-bottom:1px;
padding-top:10px;
}
.onecard .posts p, .onecard .posts p{
margin-top:10px;
margin-bottom:0px;
color: #006699;
font-size: 15px;
padding:0px;
}
.onecard .posts .faq-answer p:last-child{
margin-bottom:0px;
}
.onecard .faq-answer{
background:url('images/onecard_help_bgarrow.png') no-repeat top left #F9F9F5;
padding:20px;
}
.onecard .odd-question .faq-answer p, .onecard .even-question .faq-answer p{
line-height:15px;
font-size:13px;
margin-bottom:10px;
}
.onecard .go-back{
font-size:9px;
}
.onecard .divTerms{
margin-top:10px;
margin-bottom:10px;
}
.onecard .faq-answer ul li{
list-style:disc;
margin-left:3px;
text-indent:0px;
color:#006699;
}
.onecard .posts.faq-list ul li{
padding-top:5px;
padding-bottom:5px;
color:#999999;
}
.onecard .posts.faq-list ul li a{
color:#666666;
}
.onecard .posts h4{
font-size:13px;
color:#006699;
font-family: 'Arial';
/*font-weight:normal;*/
}
.onecard .faq-answer ul li a{
text-decoration:none;
color:#666
}
.onecard #divPromotions .hr_grey{
margin:0;
}
.onecard .text-holder h3{
font-size:18px;
}
.onecard .text-holder {
margin-top:20px;
padding-bottom:10px;
background: url("images/hr_grey.png") repeat-x scroll left bottom transparent;
overflow:auto;
}
.onecard .text-holder-last {
margin-top:0px;
padding-bottom:0px;
background: transparent;
overflow:auto;
}
.onecard .faq-list ul{
padding-left:0px;
margin-bottom:10px;
}
.onecard .text-holder p, .onecard .text-holder-last p{
color:#666666;
line-height:18px;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
}
.onecard h2{
padding-left:0px;
}
.onecard .first-post .text-holder{
padding-bottom:10px;
}
.onecard .text-holder h3{
vertical-align:top;
display:inline;
}
.onecard .first-post .text-holder p{
clear:left;
}
.onecard .text-holder .button a{
margin-top:10px;
display:block;
text-indent:0px;
}
.onecard .blue_button{
margin-bottom:0px;
}
.onecard .posts .blue_button{
float: left;
margin-top: 0px;
}
.onecard .small .text-holder p{
color:#999;
font-size:11px;
margin-bottom:10px;
}
.onecard .text-holder p{
margin-bottom:10px;
}
.content .onecard .text-holder p{
margin-bottom:10px;
}
.small .text-holder{
margin-top:10px;
background:none;
}
.onecard .onecard_lf_nav .blue_button:first-child{
margin-left:11px;
}
.onecard .onecard_lf_nav .blue_button{
margin-left:20px;
}
.onecard_lf_nav{
margin-bottom:20px;
padding-bottom:20px;
background: url("images/hr_grey.png") repeat-x scroll left bottom transparent;
}
.onecard_lf_nav_nli{
margin-left:0px;
margin-bottom:20px;
padding-bottom:20px;
background: url("images/hr_grey.png") repeat-x scroll left bottom transparent;
}
.onecard ol {
margin-left:40px;
}
.onecard ol li{
list-style:decimal;
padding-bottom:10px;
}
.onecard ol li:last-child{
padding-bottom:20px;
}
.onecard_lwr_content ul {
padding:0;
text-indent:0px;
}
.onecard_lwr_content ul li{
padding-left:20px;
padding-bottom:10px;
background: url("images/hr_grey.png") repeat-x scroll left bottom transparent;
margin-bottom:10px;
}
.onecard span.tick {
display: block;
width:28px;
height:18px;
padding-right: 10px;
background: url("images/onecard_benefits_tick.jpg") no-repeat scroll left top transparent;
vertical-align:top;
float:left;
padding-bottom:3px;
}
.content .onecard .text-holder a{
color:#006699;
}
.login-page{
background:#fff;
}
.login{
background-color: #FFFFFF;
padding: 10px;
}
body{
background: url("images/bg_gradient_140.png") repeat-x scroll left top #FFFFFF;
color: #666666;
font-family: Arial;
font-size: 75%;
margin: 0;
padding: 0;
}
.login-page .login{
width:520px;
}
.login-page #login-white-area .errorMsg{
background: url("images/bg_form_error.png") no-repeat scroll left -8px transparent;
border: medium none;
color: #CC0000;
float: left;
font-family: 'DINWebPro-Medium';
font-size: 13px;
height: 40px;
line-height: 40px;
margin-bottom: 8px;
margin-left: 19px;
padding: 0 10px 0 10px;
text-align: center;
width: 455px;
}
.login .form-item{
width:500px;
}
.login .cancel{
margin-left:20px;
}
.login fieldset{
margin:0px;
padding:0px;
border:none;
}
.login-page .login #login-header{
font-family: 'DINWebPro';
font-size: 14px;
color: #3F464C;
margin-bottom:12px;
vertical-align:bottom;
text-align:center;
}
.login-page .login #aCustomerLogin{
margin-right:20px;
font-family: 'DINWebPro';
font-size: 14px;
color: #3F464C;
text-decoration:none;
}
.login-page .login #aCardLogin{
margin-left:20px;
font-family: 'DINWebPro';
font-size: 14px;
color: #3F464C;
text-decoration:none;
}
.login-page .login #aCardLogin.selected, .login-page .login #aCustomerLogin.selected{
color:#68AC33;
}
.login-page .btn-submit{
background: none repeat scroll 0 0 transparent;
border: medium none;
color: #FFFFFF;
font-family: 'DINWebPro-Medium';
font-size: 18px;
height: 30px;
line-height: 30px;
vertical-align: middle;
width: 90px;
padding:0px;
cursor:pointer;
text-decoration: none;
}
.content .center .admin a.btn-submit:hover {
text-decoration: none;
}
.login-page #login-white-area{
padding-top:20px;
}
#login-white-area
{
background-color: #F9F9F5;
padding:10px 0;
}
#login-white-area.cardselected{
background:url("images/onecard_help_bgarrow_right.png") no-repeat scroll right top #F9F9F5 !important;
}
#login-white-area.passselected{
background:url("images/onecard_help_bgarrow.png") no-repeat scroll left top #F9F9F5 !important;
}
.login-page .admin #login-white-area {
background-color: #F9F9F5;
background:url("images/onecard_help_bgarrow.png") no-repeat scroll left top #F9F9F5
}
.login-page .login .login-links{
margin:0;
}
.login-page .login .form-item.keep-me{
padding-bottom:0px;
margin-bottom:0px;
padding-top:0px;
min-height:0px;
width:284px;
float:left;
}
#dobErrorMsg{
display:none;
}
.login-page .login .keep-me label{
padding: 0px 0px 0px 0px;
width: 228px;
margin-left:17px;
margin-top:0px;
margin-bottom:0px;
line-height:20px;
}
.login-page .login .keep-me input{
margin-left:14px;
float:left;
margin-top:0px;
margin-bottom:0px;
padding:0px;
}
.login #password-login-panel .login-area, .login #card-login-panel .login-area{
width:520px;
}
.login #card-login-panel, .login #password-login-panel{
clear:both;
}
#login-white-area .forgotten-password p{
margin: 5px 0 15px 30px;
}
.login-page #login-white-area.forgotten-password-error .errorMsg {
padding: 0 5px !important;
width: 465px !important;
}
#login-header span{
padding-top:10px;
line-height:inherit;
position:relative;
top:3px;
}
.login .lf_footer_password a, .login .lf_footer_onecard a, .login .cancel, #login-white-area a {
color:#68AC33;
text-decoration:none;
}
#login-white-area p a {
padding: 0 0 0 20px;
line-height: 18px;
}
.lf_footer_onecard.grey a{
color:#6D7276;
text-decoration:none;
}
.login .lf_footer_password.grey a {
color:#6D7276;
text-decoration:none;
}
.login .lf_footer_password.grey a:hover {
text-decoration: underline;
}
.login .lf_footer_password p, .login .lf_footer_onecard p{
padding-left:36px;
padding-bottom:5px;
}
.login .lf_footer_password, .login .lf_footer_onecard{
margin-top:10px;
clear:both;
}
.login .forgotten-details-subHeading{
padding: 0 20px;
margin: 0 0 10px 0;
}
.login .green_button{
margin-right:34px;
width: 90px;
text-align: center;
}
.login-page{
width:520px;
height:100%;
}
.login #login-white-area .form-item{
margin-left:20px;
overflow:visible;
}
.login .day, .login .month, .login .year{
float:left;
}
.login-page .errorMsg, .login-page .textNote{
margin-bottom:10px;
}
.login-page .successNote{
margin-left: 20px;
margin-bottom: 10px;
}
.login .list-wrapper{
height:150px !important;
}
.onecard-popup{
background:none repeat scroll 0 0 #FFFFFF;
}
.onecard-popup #alertnotes_container {
background-color: #FFFFFF;
padding: 10px;
width:520px;
}
.onecard-popup #alertnotes_container{
margin-bottom:0;
}
.onecard-popup #alertnotes_container .alertnotes{
padding:30px;
}
.onecard-popup #alertnotes_container .alertnotes p{
font-size:13px;
line-height:20px;
}
.onecard-popup #alertnotes_container .alertnotes p a{
color:#3F464C;
}
.onecard-popup #alertnotes_container .blue_button{
float:right;
}
.login-area .note{
clear:both;
width:100%;
}
.login-page #login-white-area .unsubscribe {
padding: 0 20px;
}
.login-page #login-white-area .unsubscribe ul li
{
float:left;
padding: 2px 2px 3px 0;
width:200px;
}
.login-page #login-white-area .unsubscribe ul li img
{
border-style:none;
margin-right:5px;
position:relative;
}
.login-page #login-white-area .unsubscribe p {
padding: 5px 0 5px 0;
}
.login-page .unsubscribe-bottom
{
float: left;
padding: 10px 20px;
width: 350px;
}
#login-top .btn-save{
color: #FFFFFF !important;
display: inline-block;
font-family: 'DINWebPro-Medium';
font-size: 14px;
height: 30px !important;
line-height: 32px !important;
text-align: center;
padding:0px 20px;
text-decoration: none;
vertical-align: middle !important;
}
.blue_button input{
background:none;
border:none;
}
.login .blue_button{
float:right;
margin: 10px 34px 0 0;
}
.main-box{width:560px}
.main-box-btm .login-page .login{padding:0;}
.main-box-btm .login-page #login-white-area{
background: url("images/form_top_mid.jpg") repeat-y scroll 0 0 transparent;
width:560px;
}
.login-page .login-header-nav #aCustomerLogin{
background: url("images/page_login_nav_bg.png") no-repeat scroll left -95px transparent;
display: block;
height: 43px;
width: 278px;
text-indent:-9999px;
float:left;
margin:0;
}
.login-page .login-header-nav #aCustomerLogin.selected{
background-position:0 0 ;
}
.login-page #login-header.login-header-nav #aCardLogin{
background:url("images/page_login_nav_bg.png ") no-repeat scroll -280px 0 transparent;
display: block;
float: left;
height: 43px;
left: 0;
margin: 0;
text-indent: -9999px;
width: 282px;
}
.login-page #login-header.login-header-nav #aCardLogin.selected{
background-position:-280px -95px;
}
.top-block .login-page, .top-block .login{
width:560px;
}
.main-box-btm .login-page #login-white-area .form-item{
margin-left:30px;
}
.main-box-btm .login-page #login-white-area .login-area{
margin-top:30px;
}
.main-box-btm .login-page #login-white-area .login-area p{
padding: 0 20px;
}
.main-box-btm .login-page #login-white-area .lf_footer{
margin-left:30px;
clear: both;
margin-top: 10px;
}
.main-box-btm .login-page #login-white-area .lf_footer a {
color:#68AC33;
}
.main-box-btm .login-page #login-white-area .lf_footer p {
margin-bottom: 10px;
}
/*MY EMAIL SETTINGS ****/
#emailSpan{
color:#6D7276;
font-weight:normal;
}
#emailSpan .changeUp, #mobileSpan .changeUp{
color:#006699;
font-weight:normal;
text-decoration:underline;
}
#EmailAddressText{
color:#6D7276;
font-weight:bold;
}
.content .onecard ol li a{
color:#006699;
}
.content .onecard ol li a:hover{
color:#006699;
text-decoration:underline;
}
.content .div{
position:relative !important;
}
.player-wrapper {
z-index: 0 !important;
}
.system_alert
{
display: none;
}
/**** SYSTEM ALERTS ****/
.system_alert .close_alert
{
color: #06599F;
padding: 5px 20px 0 0;
height: 21px;
margin: 0 0 5px 0;
font-size: 11px;
line-height: 13px;
}
.system_alert .close_alert input, .system_alert_inner .mid .reminder input {
height: 14px;
}
.icon_set_8 .system_alert .close_alert
{
width: 722px;
background: url(images/system_alert_close_home.png) 0 0 no-repeat;
}
.icon_set_6 .system_alert .close_alert, .onecard .system_alert .close_alert
{
width: 540px;
background: url(images/system_alert_close.png) 0 0 no-repeat;
}
.icon_set_8 .system_alert {
width: 742px;
padding: 0 0 0 29px;
}
.system_alert_inner {
padding: 0 0 5px 0;
}
.icon_set_8 .system_alert_inner .top {
width: 742px;
height: 10px;
background:url(images/system_alert_top_home.png) 0 0 no-repeat;
}
.icon_set_8 .system_alert_inner .mid {
width: 722px;
padding: 0 20px 0 0;
background:url(images/system_alert_mid_home.png) 0 0 repeat-y;
}
.icon_set_8 .system_alert_inner .btm {
width: 742px;
height: 10px;
background:url(images/system_alert_btm_home.png) 0 0 no-repeat;
}
.icon_set_8 .system_alert_inner .mid .text {
width: 560px;
}
.icon_set_6 .system_alert {
width: 560px;
padding: 0 0 0 29px;
}
.onecard .system_alert {
width: 560px;
padding: 20px 0 0 0;
}
.icon_set_6 .system_alert_inner .top, .onecard .system_alert_inner .top {
width: 560px;
height: 10px;
background:url(images/system_alert_top.png) 0 0 no-repeat;
}
.icon_set_6 .system_alert_inner .mid, .onecard .system_alert_inner .mid {
width: 540px;
padding: 0 20px 0 0;
background:url(images/system_alert_mid.png) 0 0 repeat-y;
}
.icon_set_6 .system_alert_inner .btm, .onecard .system_alert_inner .btm {
width: 560px;
height: 10px;
background:url(images/system_alert_btm.png) 0 0 no-repeat;
}
.icon_set_6 .system_alert_inner .mid .text, .onecard .system_alert_inner .mid .text {
width: 380px;
}
.system_alert_inner .mid .text p {
color: #06599F;
line-height: 15px;
margin: 0 0 5px 0;
padding: 0 0 0 20px;
}
.system_alert_inner .mid .text a {
color: #06599F;
}
.system_alert_inner .mid .reminder {
padding: 0;
font-size: 11px;
color: #06599F;
line-height: 13px;
}
.system_alert_inner .cb_systemalert
{
vertical-align: middle;
}
.system_alert_inner .important, .system_alert_inner .info {
width: 41px;
height: 22px;
background: url(images/system_alert_icon.png) top right no-repeat;
}
div.combo{
position:relative;
}
.content{
position:relative;
}
.promo_content .hr_grey {
margin: 10px 0 20px;
background: url(images/hr_grey.png) left top repeat-x;
height: 1px;
float: left;
width: 100%;
}
.promo_content p {
margin: 10px 0;
}
.form_mid {
padding: 0 10px;
width: 540px;
position: relative;
}
.form_mid p {
margin: 0px;
}
.form_mid h3 {
color: #177738;
font-weight: normal;
font-family: 'DINWebPro-Medium';
font-size: 18px;
}
.input_long {
color: #6D7276;
height: 27px;
padding: 6px;
background: url(images/bg_input_long.png) 0 0 no-repeat;
width: 528px;
margin: 10px 0 0 0;
}
.input_long.fb
{
width: 428px;
padding: 6px 106px 6px 6px;
}
.textarea_long {
color: #6D7276;
height: 43px;
padding: 6px;
background: url(images/bg_textarea_long.png) 0 0 no-repeat;
width: 528px;
margin: 10px 0 0 0;
font: 13px Arial,Helvetica,sans-serif;
border: none;
resize: none;
}
#facebook_like {
position: absolute;
/*top: 73px;*/
bottom: 9px;
left: 460px;
z-index: 9999;
}
.content .center .blue_button a:hover, .content .center .green_button a:hover {
text-decoration: none;
}
.promo_content .blue_alert_mid {
color: #006699;
display: block;
font-size: 13px;
text-align: center;
font-family: 'DINWebPro-Medium';
}
.promo_content .thanks, .promo_content .thanks_details {
margin: 10px 0;
}
.promo_content .thanks.blue_alert_mid {
height: 20px;
line-height: 20px;
}
.promo_content .thanks_details .blue_button {
margin: 5px 0;
float: right;
}
.promo_content .green_button {
margin: 5px 0;
float: left;
}
.promo_content .thanks_details .blue_alert_mid p {
margin: 0px;
float: left;
width: 360px;
color: #006699;
}
.promo_content .form_mid h3 {
padding: 0px;
}
.content .center.promo {
overflow:visible;
}
.mymailer_promo_img {
position: relative;
right: 80px;
}
.promo p.terms {
font-size: 10px;
color: #469147;
margin: 0;
padding: 0 0 0 275px;
}
.promo p.terms a, .promo p.terms a:hover, .content .center p.backpage_terms a, .content .center p.backpage_terms a:hover {
text-decoration: underline;
color: #469147;
}
.mmailer_single_page.promo .entry{
float:left;
background:url('images/mmailer_single_bg_promo.jpg') top left repeat-y;
width:386px;
height: 283px;
}
.mmailer_single_page.promo .mmailer_intro{
background:url('images/mmailer_single_bg-top_promo2.jpg') no-repeat;
width:386px;
padding: 0px;
height: 118px;
}
.mmailer_single_page.promo .mmailer_footer{
background:url('images/mmailer_single_bg-bottom_promo.jpg') left bottom no-repeat;
width:386px;
height:8px;
}
#mmailer_notransactions{
position:absolute;
background:url('images/mmailer_no_transactions.png') no-repeat;
width:443px;
height:243px;
top:68px;
left:160px;
}
.mmailer_notransactions_terms {
padding: 195px 0 0 0;
text-align: center;
}
#mmailer_enter_btn {
float: left;
margin: 10px 0 0 150px;
}
.content .center .mmailer_notransactions_terms label a, .content .center .mmailer_notransactions_terms label a:hover{
text-decoration: underline;
color: #666666;
}
.mmailer_backcover.promo .mmailer_intro {
background: url("images/mmailer_single_bg-top_promo_back.jpg") no-repeat scroll 0 0 transparent;
height: 113px;
width: 386px;
padding: 0px;
}
.mmailer_backcover.promo .entry{
float:left;
background:url('images/mmailer_backpage_bg.png') top left repeat-y;
width:386px;
height: 283px;
}
.mmailer_backcover .entry h4{
font-size: 14px;
text-align: center;
color: #065F2C;
font-family: 'DINWebPro-Medium';
font-weight: normal;
line-height: 15px;
padding: 10px;
}
#mmailer_btn_great, #mmailer_btn_notquite, #mmailer_btn_sorry {
display: block;
float: left;
height: 90px;
width: 120px;
margin: 0 0 0 5px;
}
#mmailer_btn_great {
margin: 0 0 0 7px;
background: url(images/mmailer_promo_great.png) 0 0 no-repeat;
}
#mmailer_btn_notquite {
background: url(images/mmailer_promo_notquite.png) 0 0 no-repeat;
}
#mmailer_btn_sorry {
background: url(images/mmailer_promo_sorry.png) 0 0 no-repeat;
}
#mmailer_rating_buttons {
margin: 0 0 0 3px;
}
#mmailer_rating_buttons .mmailer_rating_button {
margin: 0 0 0 3px;
}
p.backpage_terms {
font-size: 10px;
color: #469147;
margin: 15px 0 0 0;
text-align: center;
width: 100%;
float: left;
}
.green_button.disabled {
background: url(images/btn_disabled.jpg) left top repeat-x;
}
.content.promo_container, .content.promo_container .inner, .content.promo_container .center {
overflow: visible;
}
/**SEARCH**/
.search_top {
width: 100%;
margin: 60px 0 0 0;
position: relative;
}
.search_top_left {
background: url("images/searchpage_top_bg_short.png") no-repeat scroll 0 0 transparent;
float: left;
height: 32px;
left: 0;
padding: 5px 6px 5px 5px;
position: relative;
top: 0;
width: 360px;
float: left;
}
.search_top_left input#pagesearch_query[type="text"] {
background: url("images/input_text_bg_search_short.png") no-repeat scroll 0 0 transparent;
width: 305px;
}
.search_top_left input.btn_search_middle {
margin: 1px 3px 0 0;
}
.search_top_right {
width: 365px;
height: 42px;
float: left;
border-bottom: 1px dotted #9CA0A1;
margin: 0 0 0 45px;
}
.search_top_right p {
line-height: 20px;
color: #999999;
}
.search_top_right ul {
display: block;
margin: 0 0 0 -5px;
}
.search_top_right ul li {
display: inline;
float: left;
padding: 0 10px;
border-right: 1px solid #999999;
color: #999999;
height: 15px;
}
.search_top_right ul li a {
color: #999999;
display: block;
height: 27px;
}
.search_top_right ul li a.selected{
color: #3F464C;
}
.search_top_right ul li a:hover {
color: #5FB820;
}
.search_top_right ul li a.selected {
background: url(images/search_arrow.png) center bottom no-repeat;
}
.search_items {
padding: 15px 0 0 0;
}
.search_items_border_bottom {
border-bottom: 1px dotted #999999;
}
.product_item {
background: url(images/search_product_bg.png) 0 0 no-repeat;
height: 115px;
width: 252px;
display: inline;
float: left;
margin: 0 8px 14px 6px;
padding: 20px 11px 12px 11px;
}
.content.search {
overflow: visible;
}
.content.search .inner {
float: left;
overflow: visible;
padding-right: 10px;
width: 790px;
}
.content.search .center {
width: 580px;
padding-top: 10px;
overflow: visible;
}
.content.search .center a, .content.search a {
text-decoration: none;
}
.content.search .left {
padding-right: 28px;
}
.product_details {
width: 120px;
padding: 43px 0 0 5px;
}
.product_details .product_title {
font-weight: bold;
color: #3F464C;
}
.product_details .product_desc {
color: #999999;
}
.content.search .pagination_container {
width: 560px;
height: 18px;
margin: 0 0 0 8px;
border-top: 1px #999999;
border-bottom: 1px dotted #999999;
padding: 15px 0;
}
.content.search .pagination {
float: left;
}
.content.search .view {
float: right;
}
.pagination ul, .view ul {
display: block;
text-indent: 0px;
margin: 0px;
padding: 0px;
}
.content.search .pagination_container .pagination ul li, .content.search .pagination_container .view ul li {
display: inline;
padding: 0 3px;
border-right: 1px solid #999999;
color: #999999;
height: 15px;
}
.content.search .pagination_container .pagination ul li a, .content.search .pagination_container .view ul li a {
color: #999999;
}
.content.search .pagination_container .pagination ul li a:hover, .content.search .pagination_container .view ul li a:hover, .content.search .search_login .right a:hover {
color: #5FB820;
}
.content.search .pagination_container .pagination ul li a.selected, .content.search .pagination_container .view ul li a.selected {
color: #3F464C;
}
.content.search .pagination_container .pagination ul li.page_title, .content.search .pagination_container .view ul li.page_title {
border-right: none;
padding: 0px;
}
.content.search .pagination_container .pagination ul li.next, .content.search .pagination_container .view ul li.results, .content.search .pagination_container .view ul li.all {
border-right: none;
}
.content .search_heading {
color: #009a3d;
font-size: 20px;
line-height: 20px;
font-weight: normal;
padding: 0 0 10px 10px;
float: left;
display:block;
}
.content.search .search_login {
width: 558px;
min-height: 24px;
margin: 0 0 0 8px;
border-bottom: 1px dotted #999999;
position: relative;
}
.content.search .search_login .left {
width: 440px;
padding: 0;
}
.content.search .search_login .right {
padding: 0;
width: 100px;
color: #999999;
text-align: right;
}
.content.search .search_login .right a {
color: #999999;
}
.content.search .search_login .right .green_button {
margin: 8px 0 0 0;
}
.content.search .search_login h3 {
font-size: 15px;
font-weight: normal;
line-height: 13px;
color: #3F464C;
padding: 0 0 0 10px;
margin: 0 0 9px 0;
}
.content.search .search_login .view_reminder_hide{
width: 175px;
height: 50px;
position: absolute;
top: -26px;
left: 565px;
padding: 10px 10px 10px 20px;
visibility: hidden;
}
.content.search .search_login .view_reminder{
width: 175px;
height: 50px;
position: absolute;
top: -26px;
left: 565px;
background: url(images/search_view_reminder_bg.gif) 0 0 no-repeat;
padding: 10px 10px 10px 20px;
}
.content.search .search_login .view_reminder p{
line-height: 16px;
font-weight: bold;
color: #3F464C;
}
.content.search .search_details {
width: 560px;
border-bottom: 1px dotted #999999;
padding: 0 0 40px 0;
margin: 0 0 0 8px;
}
.content.search .search_details .search_specialText {
font-size: 11px;
-webkit-text-size-adjust: 100%;
color: #999999;
padding: 0 0 0 10px;
}
.content.search .search_details .search_id25 {
padding: 5px 16px 0 10px;
}
.content.search .left .search_results_list {
padding: 5px 0;
font-size: 13px;
line-height: 18px;
border-bottom: 1px dotted #999999;
}
.content.search .left .search_results_list li, .content.search .left .search_results_list li a {
color: #3F464C;
}
.content.search .left .search_results_list li ul {
list-style-image: url(images/search_dash.gif);
}
.content.search .left .search_results_list li ul li {
list-style-position:inside;
color: #999999;
text-indent: -10px;
padding: 0 0 0 20px;
}
.content.search .left .search_results_list li ul li ul {
list-style-image: url(images/search_dot.gif);
}
.content.search .left .search_results_list li ul li ul li {
padding: 0 0 0 15px;
list-style-position:inside;
color: #999999;
}
.content.search .left .search_results_list li ul li a, .content.search .left .search_results_list li ul li ul li a {
color: #666666;
}
.content.search .left .search_results_list li a.selected {
font-weight: bold;
}
.content.search .left .search_results_list li a:hover,
.content.search .left .search_results_list li ul li a:hover,
.content.search .left .search_results_list li ul li ul li a:hover,
.content.search .section_container a:hover {
color: #5FB820;
}
.content.search .num_results {
padding: 10px 0;
border-bottom: 1px dotted #999999;
}
.content.search .num_results .searched_item {
font-weight: bold;
width: 180px;
}
.content.search .section_container {
width: 180px;
border-bottom: 1px dotted #999999;
}
.content.search .section_container h3,
.content.search .section_container h3 a {
color: #045831;
font-family: 'DINWebPro-Medium';
font-weight: normal;
font-size: 18px;
padding-bottom: 0px;
text-indent: 0px;
}
.content.search .section_container p {
padding: 0 0 5px 0;
color: #999999;
}
.content.search .products_results .section_container p {
padding: 0;
}
.content.search .section_container p span {
color: #3F464C;
}
.content.search .section_container .whiteText {
color: white;
}
.content.search .section_container .heading {
color: #3F464C;
}
.content.search .section_container .text {
color: #999999;
}
.content.search .section a {
color: #999999;
display: block;
}
.content.search .section {
margin: 2px 0;
padding: 5px 10px 10px 10px;
}
.content.search .section.selected {
background: url(images/search_section_bg.png) left center no-repeat;
width: 162px;
height: 45px;
padding: 2px 30px 5px 10px;
}
.content.search .section.selected:hover {
background-color: transparent !important;
cursor: default;
}
.content.search .section.selected:hover h3 {
color: #045831;
}
.content.search .section.selected p {
color: #FFFFFF;
}
.content.search .section:hover {
background-color: #FAFAF7;
cursor: pointer;
}
.content.search .section:hover a, .content.search .section:hover h3 {
color: #5FB820;
}
.search_items.ros_items, .search_items.recipe_items {
padding: 0 15px 0 10px;
}
.content.search .center .ros_item {
border-bottom: 1px dotted #999999;
padding: 15px 0 5px 0;
}
.content.search .center .recipe_item {
border-bottom: 1px dotted #999999;
padding: 8px 0;
}
.content.search .center .ros_item:last-child, .content.search .center .recipe_item:last-child {
border-bottom: none;
}
.content.search .center .ros_item a.title, .content.search .center .recipe_item a.title {
font-weight: bold;
color: #045831;
font-size: 14px;
display: block;
}
.content.search .center .recipe_item a.title {
width: 555px;
}
.content.search .center .ros_item a.title:hover, .content.search .center .recipe_item a.title:hover {
color: #5FB820;
}
.content.search .center .ros_item p {
margin: 10px 0;
}
/**Change store**/
.change_store_container_hide {
width: 132px;
height: 117px;
position: absolute;
top: 20px;
padding: 0px 5px 5px 5px;
visibility: hidden;
}
.change_store_container_show{
background: url(images/search_change_store_bg.gif) 0 0 no-repeat;
width: 132px;
height: 117px;
position: absolute;
top: 20px;
left: 425px;
padding: 0px 5px 5px 5px;
}
.change_store_select {
display: block;
float: left;
height: 32px;
margin: 5px 5px 0 0;
}
.change_store_select select { width: 130px; }
.change_store_select .ufd.plain button, .change_store_select .ufd.plain button:hover, .change_store_select .ufd.plain button.disabled {left: 3px !important; }
.change_store_select span.ufd.plain { width: 119px !important; overflow: visible; }
.change_store_select .ufd.plain input { width: 95px !important; padding: 0px;}
.change_store_select div.custom div.list-wrapper { width: 130px !important; }
.ufd.plain button {
cursor: pointer;
}
#ufd-container .plain li {
padding-left: 5px;
}
.clearBoth {
clear: both;
}
.create-login .textNote p {
padding: 0 20px;
}
.reset-password p {
padding: 0 30px;
}
.login .reset-password .cancel {
margin-left: 0px;
}
.productupdatingMessage {
width: 548px;
margin: 0 0 0 18px;
position: relative;
}
.productupdatingMessage h2 {
font-size: 26px;
font-family: Arial, Helvetica, sans-serif;
color: #72B23D;
font-weight: normal;
padding: 20px 0 10px 0;
}
.productupdatingMessage h4 {
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
color: #72B23D;
font-weight: normal;
padding: 20px 0 10px 0;
}