/*#big_main_container {
margin: 0 auto auto;
padding: 0;
position: relative;
background: transparent url(/media/images/bg_shadow.png) repeat-y;
width: 1040px;
height: 100%;
}*/

#big_main_container
{
    background-position: transparent url(/media/images/bg_shadow_1.png);
    margin: 0 auto auto;
    padding: 0;
    position: relative;
    background: transparent url(/media/images/bg_shadow_1.png);
    width: 1040px;
    height: 100%;
    min-height: 600px;
    background-repeat: no-repeat;
}


html
{
    margin: 0;
    padding: 0;
}

#big_container
{
    background: #fff url('/media/images/shadow_grey_vert.jpg'); /* added repeat-y */
    background-repeat: no-repeat;
    margin: 0 auto;
    position: relative;
    width: 960px; /*	background: #FFFFFF;*/ /*	border: 1px solid #FFF;*/
    padding: 0;
}

#foot_cont
{
    margin: 0;
    padding: 0;
    width: 960px;
    position: relative;
    background: #FFF;
    height: 180px;
    color: #4c4c4c;
}

#big_foot_menu
{
}
/* NEW */

/* END NEW */
body
{
    margin: 0;
    padding: 0;
    background: #f7f7f7;
    font-size: 12px;
}

a
{
    color: #333;
    text-decoration: underline;
    font-family: Arial, Helvetica, sans-serif;
}

a img
{
    border: 0;
}

p
{
    font: normal 12px / 14px Arial, Helvetica, sans-serif;
    color: #333;
    margin: 0px;
    padding-bottom: 10px;
}
p.ingredients_p
{
    font: normal 10px Arial, Helvetica, sans-serif;
    color: #333;
    margin: 0px;
    padding-bottom: 10px;
}
p a
{
    color: #333;
    text-decoration: underline;
}

td, th, label
{
    font-family: Arial, Helvetica, sans-serif;
}

.h0
{
    font: normal 28px Arial, Helvetica, sans-serif;
    color: #333;
    margin-bottom: 2px;
    margin-top: 12px;
    padding-top: 2px;
    padding-right: 0px;
    padding-bottom: 2px;
    padding-left: 0px;
    vertical-align: middle;
    text-transform: none;
}

h1, .h1
{
    font: bold 1.43em Arial, Helvetica, sans-serif;
    color: #2b3630;
    margin-bottom: 0px;
    margin-top: 10px;
    padding-top: 2px;
    padding-right: 0px;
    padding-bottom: 2px;
    padding-left: 0px;
    vertical-align: middle;
    text-transform: none;
    font-weight: bold;
}

.searchresults h1
{
    margin-top: 0px;
}

div.searchResults p
{
    line-height: 14px;
}

div.searchResults p
{
    padding-bottom: 6px;
}

h1 a
{
    color: #000;
    text-decoration: none;
}

h2, .pageTitle
{
    font: normal 20px Arial, Helvetica, sans-serif;
    color: #333;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-top: 2px;
    padding-right: 0px;
    padding-bottom: 2px;
    padding-left: 0px;
    vertical-align: middle;
    text-transform: none;
}

h2 a
{
    color: #666666;
    text-decoration: none;
}

div#traceButton h2 a
{
    color: #fff;
}

h3
{
    font: bold 14px Arial, Helvetica, sans-serif;
    color: #2b3630;
    padding: 0;
    margin: 0;
    line-height: 18px;
}

h3 a
{
    color: #FFFFFF;
    text-decoration: underline;
}

h4
{
    font: normal 12px Arial, Helvetica, sans-serif;
    color: #333333;
    margin: 0px;
    padding-top: 0px; /* was incorectly formated */
}

h4 a, .h4 a
{
    font: normal 12px Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-decoration: none;
}

h5
{
    font: bold 13px Arial, Helvetica, sans-serif;
    color: #333333;
    margin: 0;
    padding: 4px 10px 4px 12px;
    text-align: left;
}

h5 a
{
    color: #211265;
    text-decoration: none;
}

h5.head
{
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    margin: 0;
    padding: 0;
}

h6
{
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
    color: #fff;
    margin: 0;
    padding: 10px;
}

#font_cont h6, #font_cont h6 a
{
    color: #4c4c4c;
}
h6.foot
{
    color: #4c4c4c;
}

h6 a
{
    color: #4c4c4c;
    text-decoration: underline;
}


h6.head
{
    font: bold 9px Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    margin: 0;
    padding: 0;
}

strong
{
    font-weight: bold;
}

OL
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #010000;
    font-weight: normal;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 20px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    list-style-position: outside;
    list-style-type: upper-roman;
}

UL
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #010000;
    font-weight: normal;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 20px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    list-style-position: outside;
}

UL a
{
    color: #211265;
    text-decoration: underline;
}

UL.catalog a
{
    color: #FB6C0E;
    text-decoration: underline;
}

/* class */
.error
{
    font-family: Helvetica;
    font-size: 12px;
    color: #990000;
    font-weight: bold;
    margin-top: 15px;
    text-align: left !important;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 4px;
    padding-left: -20px;
}

.submit
{
    font-family: Helvetica;
    font-weight: bold;
    font-size: 11.5px;
    color: #010000;
    background-color: #4E4B60;
    border: 1px #646C74 solid;
    margin: 0px;
    padding: 0px;
}

.strong
{
    color: #69a5db;
    font-weight: bold;
}

.text
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    font-weight: normal;
    margin: 2px 0 auto;
    padding: 5px;
}

#navigation01
{
    margin: 0px;
    height: 30px;
    background: transparent;
}

#navigation01 ul
{
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    float: left;
    margin: 0 0 0 15px;
    padding: 0;
    color: #fff;
}

#navigation01 ul a
{
    color: #555;
    text-decoration: none;
    font-size: 12px;
}

#navigation01 ul li.current a
{
    color: #fff;
}

#navigation01 ul li.current
{
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    margin-top: 1px;
    padding-top: 9px;
    padding-bottom: 5.5px;
    background-color: #333;
    color: #fff;
    text-decoration: none;
}

#navigation01 ul a:hover
{
    text-decoration: underline;
}

#navigation01 ul li
{
    float: left;
    padding: 9px 17px 5.5px;
    margin: 1px 2px 0;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    background-color: #e5e5e5;
    color: #fff;
    text-decoration: none;
}

#navigation02
{
    margin: 0px;
    height: 10px;
    font-size: 5px;
    background-color: #333;
}

#navigation02 ul
{
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    float: left;
    margin: 0 0 0 40px;
    padding: 0;
    color: #fff;
}

#navigation02 ul a
{
    color: #fff;
    text-decoration: none;
    font-size: 12px;
}

#navigation02 ul a:hover
{
    text-decoration: underline;
}

#navigation02 ul li
{
    float: left;
    padding: 8px 14px 10px;
    margin: 8px 4px 0;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    background-color: #444;
    color: #888;
    text-decoration: none;
}

#navigation02 ul li.current
{
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    margin-top: 8px;
    padding-top: 8px;
    padding-bottom: 10px;
    background-color: #fff;
    color: #888;
    text-decoration: none;
}

#navigation02 ul li.navButton
{
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    margin-top: 10px;
    padding-top: 6px;
    padding-bottom: 5px;
    background-color: #444;
    color: #888;
    text-decoration: none;
}

#navigation02 ul li.current a
{
    color: #888;
}

#navigation02 ul li.current a:hover
{
    text-decoration: none;
}

.content
{
    /*	background-image: url('/media/images/greyBack.gif');*/
    background-repeat: repeat-x;
    background-color: #fff;
    min-height: 400px; /*position: relative;  NEW - added so that I could use absolute positioning on leftcolum */
}

.non_dialog_content
{
    padding-left: 22px;
    padding-right: 22px;
}

.clear
{
    clear: both;
}

.fluid
{
}

.spacer01
{
    height: 20px;
    clear: both;
}

.spacer02
{
    height: 10px;
    clear: both;
}

.spacer03
{
    height: 1px;
    clear: both;
    line-height: 0px;
}

.spacer04
{
    height: 170px;
    clear: both;
}

.rightLink
{
    color: #11346A;
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: right;
}

.rightButton
{
    float: right;
    color: #11346A;
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: right;
    padding-left: 15px;
}

/*
.footer {
background-color: #F2F2F2;
color: #888888;
padding: 10px 24px 0;
text-align: center;
}
*/

.footerFix
{
    background-color: #F2F2F2;
    color: #888888;
    padding: 0 40px;
    height: 4px;
    margin: 0 43px;
}

#copywrite
{
    margin: 0 44px;
    padding: 20px 0;
    text-align: right;
    color: #fff;
}

.copywrite
{
    font-size: 12px;
    font-weight: normal;
    text-align: right;
    color: #fff;
}

/*
.logo {
float: left;
}

#brandSpace, .brandspace {
height: 120px;
padding: 5px 24px;
background-color: White;
overflow: hidden;
/*background-image: url('/media/images/header.jpg');
text-align: right;
position:relative;
}
*/

#brandSpace, .brandspace
{
}


#nameSpace
{
    float: left;
    padding: 0;
}

#nameSpace h1
{
    font-size: 5px;
    padding: 0;
    margin: 0 0 4px;
}

#nameSpace a
{
    font-size: 12px;
    text-decoration: none;
}

#login
{
}

.login
{
    font-size: 12px;
}

.login a
{
}

.login a:hover
{
    text-decoration: underline;
}

#big_containerTop
{
    background-image: url('/media/images/bg_top.gif');
    background-repeat: no-repeat;
    height: 20px;
    margin: 20px auto auto;
    padding: 0;
    position: relative;
    width: 1046px;
}

#traceCode p
{
    font-size: 12px;
    padding-bottom: 5px;
}

div.searchResults p
{
    line-height: 14px;
}

div.searchResults p
{
    padding-bottom: 6px;
}

.searchResults
{
}

div#brandSpace p
{
    padding-bottom: 0px;
}

a.blueButton, a.orangeButton, a.greyButton
{
    background: transparent url('/media/images/btn-blue-left.png') no-repeat top left;
    display: block;
    float: left;
    font: normal 16px Arial; /* Change 13px as desired */
    line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
    height: 42px; /* Height of button background height */
    padding-left: 10px; /* Width of left menu image */
    text-decoration: none;
    font-weight: bold;
}

a.traceOrange
{
    background: transparent url('/media/images/trace.jpg') no-repeat top left;
    display: block;
    float: left;
    font: normal 16px Arial; /* Change 13px as desired */
    line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
    height: 40px; /* Height of button background height */
    padding-left: 9px; /* Width of left menu image */
    text-decoration: none;
    font-weight: bold;
}

.brandspace .buttonwrapper a.traceOrange
{
    background: transparent url('/media/images/green_trace_left_header.jpg') no-repeat top left;
}

a.orangeButton
{
    background: transparent url('/media/images/btn-orange-left.jpg') no-repeat top left; /* changed to jpg from png */
}

a.greyButton
{
    background: transparent url('/media/images/btn-orange-left.jpg') no-repeat top left; /* changed to jpg from png */
}

a:link.blueButton, a:visited.blueButton, a:hover.blueButton, a:active.blueButton, a:link.orangeButton, a:visited.orangeButton, a:hover.orangeButton, a:active.orangeButton, a:link.traceOrange, a:visited.traceOrange, a:hover.traceOrange, a:active.traceOrange, a:link.greyButton, a:visited.greyButton, a:hover.greyButton, a:active.greyButton
{
    color: white; /*button text color*/
}

a.blueButton span, a.orangeButton span, a.greyButton span
{
    background: transparent url('/media/images/btn-blue-right.jpg') no-repeat top right; /* changed to jpg from png */
    display: block;
    padding: 7px 15px 9px 5px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a.orangeButton span
{
    background: transparent url('/media/images/btn-orange-right.jpg') no-repeat top right; /* changed to jpg from png */
}

a.traceOrange span
{
    background: transparent url('/media/images/btn-traceGreen-right.JPG') no-repeat top right;
    display: block;
    padding: 2px 16px 9px 8px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a.greyButton span
{
    background: transparent url('/media/images/btn-orange-right.jpg') no-repeat top right; /* changed to jpg from png */
}

a:hover.blueButton, a:hover.orangeButton, a:hover.traceOrange a:hover.greyButton
{
    /* Hover state CSS */
    text-decoration: underline;
}

.buttonwrapper
{
    /* Container you can use to surround a CSS button to clear float */
    overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
}



.photoContainer
{
    width: auto;
    border: 6px solid #333;
    background-color: #f2f2f2;
    padding: 7px;
}

.r0 img
{
    height: 200px;
    width: 200px;
}

.photoBottom
{
    background: transparent url('/media/images/photoBottom.png') no-repeat top left;
    height: 30px;
}

div.titleBar01
{
    background-color: #006c35;
    padding: 5px 10px;
    margin-bottom: 10px;
    height: 35px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-bottom: 4px solid #ffdf1b;
}

div.titleBar02
{
    background-color: #f2f2f2;
    padding: 5px 10px;
    height: 18px;
}

.alpha
{
    float: left;
    text-align: right;
}

.beta
{
    float: left;
}

.gamma
{
    background: green;
}

.delta
{
    background: blue;
}

.float_right
{
    float: right;
}

.float_left
{
    float: right;
}

.traceback td
{
    vertical-align: top;
    padding-left: 7px;
}

.non_dialog_content p
{
    margin-bottom: 10px;
}

.traceback h1
{
    font: normal 22px Arial, Helvetica, sans-serif;
    color: #333;
    margin-bottom: 2px;
    margin-top: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 2px;
    padding-left: 0px;
    vertical-align: middle;
    text-transform: none;
}

.center_align
{
    text-align: center;
}

.white_alpha_top
{
    width: 935px;
    height: 38px;
    margin-left: 12.5px;
    _margin-left: 0px;
    background: transparent url('/media/images/white_alpha_top.jpg') no-repeat top left;
}

.white_retry_top
{
    width: 800px;
    height: 33px;
    background: transparent url('/media/images/white_retry_top.jpg') no-repeat top left;
}


.white_alpha_middle
{
    width: 935px;
    margin-left: 12.5px;
    background: transparent url('/media/images/white_alpha_middle.jpg') repeat-y top left;
    padding-left: 20px;
    _margin-left: 0px;
}

.white_retry_middle
{
    width: 800px;
    background: transparent url('/media/images/white_retry_middle.jpg') repeat-y top left;
}


.white_alpha_bottom
{
    width: 935px;
    height: 38px;
    margin-left: 12.5px;
    _margin-left: 0px;
    background: transparent url('/media/images/white_alpha_bottom.jpg') no-repeat top left;
}

.white_retry_bottom
{
    width: 800px;
    height: 33px;
    background: transparent url('/media/images/white_retry_bottom.jpg') no-repeat top left;
}



.white_beta_top
{
    width: 426px;
    height: 38px;
    background: transparent url('/media/images/white_beta_top.jpg') no-repeat top left;
}



.white_beta_middle
{
    width: 390px;
    _width: 426px;
    background: transparent url('/media/images/white_beta_middle.jpg') repeat-y top left;
    padding-left: 20px;
    padding-right: 20px;
    _padding-left: 0px;
    _padding-right: 0px;
}



.white_beta_bottom
{
    width: 426px;
    height: 38px;
    background: transparent url('/media/images/white_beta_bottom.jpg') no-repeat top left;
}



.combo_gamma_top
{
    width: 220px;
    height: 36px;
    margin-left: 5px;
    _margin-left: 0px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    background: transparent url('/media/images/combo_gamma_top.jpg') no-repeat top left;
}

.combo_gamma_middle
{
    width: 220px;
    margin-left: 5px;
    background: transparent url('/media/images/combo_gamma_middle.jpg') repeat-y top left;
    padding-left: 20px;
    _margin-left: 0px;
}

.combo_gamma_bottom
{
    width: 240px;
    height: 16px;
    margin-left: 5px;
    _margin-left: 0px;
    background: transparent url('/media/images/combo_gamma_bottom.jpg') no-repeat top left;
}

.centered
{
    margin-left: 263px;
    margin-right: 273px;
    _margin-left: 243px;
    _margin-right: 243px;
    text-align: center;
}

.centered_retry
{
    margin-left: 80px;
    _margin-left: 80px;
}

.forgot_Pass_center
{
    margin-left: 273px;
    margin-right: 273px;
    _margin-left: 243px;
    _margin-right: 243px;
    text-align: center;
    padding-top: 50px;
    margin-bottom: 100px;
}



.vcenter
{
    text-align: left;
}

.right
{
    text-align: right;
}

.content p
{
    padding-bottom: 0px;
}

.non_dialog_content td
{
    vertical-align: top;
}

.wonky
{
    padding-top: 45px;
}

.r0_prev
{
    float: left;
}

.r0_next
{
    float: right;
}

div.B01
{
    width: 130px;
    float: left;
    margin-right: 10px;
}

div.bigB01
{
    width: 580px;
    float: left;
}

div.B01LeftColumn
{
    width: 260px;
    padding-right: 20px;
    float: left;
}

div.B02
{
    width: 130px;
    float: left;
}

.leftColumn
{
    background: url('/media/images/shadow_grey_vert.jpg');
    width: 215px;
    float: left;
    padding: 0px;
    margin: 0px;
    height: auto; /*overflow: hidden;*/
}

/* IE 6 provisional fix */
* html .leftColumn
{
    position: absolute;
    float: none;
}

.rightColumn
{
    width: 685px;
    overflow: hidden;
    background: #ffffff;
    float: right;
    padding-left: 30px;
    padding-right: 30px;
    margin: 0px;
    height: auto;
    position: relative; /* NEW - added for layer effect */
    z-index: 5; /* NEW - added for layer effect */
}


/* PHOTO WIDGET:  SLIDESHOW REVISION - added DJL 08.15.09 */

.photo-widget
{
    position: relative;
    float: left;
    width: 275px;
    height: 390px;
    -moz-user-select: none;
    -khtml-user-select: none;
}

.photo-widget img
{
    display: block;
    margin: 0 auto 0 auto;
}

.photo-widget .img-shadow
{
    width: 275px;
    height: 1px;
    background: none; /* url('images/shadow_underPhoto.jpg') no-repeat 0 0;*/
}

.photo-widget p
{
    position: absolute;
    top: 320px;
    left: 34px;
    width: 207px;
    text-align: center;
}

.photo-widget .button-prev, .photo-widget .button-next
{
    position: absolute;
    cursor: pointer;
    top: 320px;
    width: 24px;
    height: 25px;
}

.photo-widget .button-prev
{
    background: url('images/btn_slideshow_left.gif') no-repeat;
    left: 0;
}

.photo-widget .button-next
{
    background: url('images/btn_slideshow_right.gif') no-repeat;
    right: 0;
}

.photo-widget .disabled
{
    /*	opacity: 0.5; filter: Alpha(opacity=50);*/
    cursor: default;
}

/* end photo widget */



div.widget
{
    padding: 0px;
    margin-bottom: 25px;
}


.widget .image, .widget .slideshow
{
    float: left;
    clear: left;
    text-align: center;
    width: 275px;
}

.widget .image img
{
    /*	height: 275px; */
    width: 275px;
}

.widget .image a
{
    clear: left;
}

.widget .text
{
    float: left;
    margin-left: 20px;
    padding: 0px;
    max-width: 390px;
}

.picture_shadow, .widget .image .picture_shadow
{
    width: 275px;
    height: 30px;
}

.divider
{
    width: 100%;
    height: 4px;
    background: #666666;
    overflow: hidden;
}

.shadow_divider
{
    width: 100%;
    height: 15px;
    background: #fff; /* url('/media/images/shadow_header.jpg'); */
    overflow: hidden;
}

.leftColumn .divider
{
    background: #006837;
}

.leftColumn .shadow_divider
{
    background: url('/media/images/shadow_header_dark.jpg');
}

.product
{
    float: left;
    width: 130px;
    overflow: hidden;
    margin: 0 30px 15px 0;
}

.product img
{
    display: block;
    width: 130px;
    height: 130px;
}

#Xshipping_collapse
{
    display: none;
}

.collapse_button
{
    display: inline;
}

.link_top
{
    width: 230px;
    height: 24px;
    margin-left: 0px;
    _margin-left: 0px;
    padding-left: 10px;
    padding-right: 10px;
    background: transparent url('/media/images/widget_paper_green-top.gif') no-repeat top left;
}

.link_middle
{
    width: 230px;
    margin-left: 0px;
    background: transparent url('/media/images/widget_paper_green-middle.gif') repeat-y top left;
    padding-left: 20px;
    _margin-left: 0px;
}

.link_middle a
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.link_bottom
{
    width: 250px;
    height: 24px;
    margin-left: 0px;
    margin-bottom: 10px; /* NEW - added space out the green tabs apropriatly */
    _margin-left: 0px;
    _margin-bottom: 10px;
    background: transparent url('/media/images/widget_paper_green-bottom.gif') no-repeat top left;
}

.brand_link_top
{
    width: 230px;
    height: 18px;
    margin-left: 0px;
    _margin-left: 0px;
    padding-left: 10px;
    padding-right: 10px;
    background: transparent url('/media/images/widget_generic_top.gif') no-repeat top left;
}

.brand_link_middle
{
    width: 230px;
    margin-left: 0px;
    background: transparent url('/media/images/widget_generic_middle.gif') repeat-y top left;
    padding-left: 20px;
    _margin-left: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #fff;
}

.brand_link_middle a
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #fff;
}

.brand_link_bottom
{
    width: 250px;
    height: 18px;
    margin-left: 0px;
    _margin-left: 0px;
    margin-bottom: 20px;
    background: transparent url('/media/images/widget_generic_bottom.gif') no-repeat top left;
}

.link_twitter
{
    margin-left: 5px;
}

#trace_input_box
{
    text-align: left;
    position: absolute;
    top: 55px;
    left: 600px;
}

#trace_input_box p
{
    font-weight: bold;
    margin-bottom: 3px;
}

#trace_input_box a.traceOrange span
{
    background: transparent url('/media/images/green_trace_right_header.jpg') no-repeat top right;
    display: block;
    padding: 3px 16px 9px 8px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

#displaced_logo
{
    background-color: #ffffff;
    position: relative;
    left: 0;
    width: 215px;
    text-align: right;
    background: url('/media/images/white_1px.png');
    background-repeat: repeat-y;
}

#displaced_logo img
{
    margin: 15px auto;
}

.leftColumn .divider, #displaced_logo .divider
{
    background: #016435;
}

.bullets
{
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    background: url('/media/images/shadow_light_vert.jpg');
}

.bullets ul
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #016435;
}

.bullets li
{
    margin-bottom: 10px;
}

.slideshow_left_btn
{
    position: absolute;
    bottom: -28px;
    _bottom: 0px;
    left: 0px;
}

.slideshow_right_btn
{
    position: absolute;
    bottom: -28px;
    _bottom: 0px;
    right: 0px;
}

.slideshow_controls
{
    font-size: 11px;
    height: 25px;
    padding-left: 26px;
    padding-right: 26px;
}

bodyM
{
    border-width: 0px;
    padding: 0px;
    margin: 0px;
    font-size: 90%;
    background-color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
}

.headerM
{
    position: relative;
    float: left;
    left: 0.00%;
    width: 100.00%;
    height: 60px;
    background-color: #ffffff;
}

.wrapperM
{
    position: relative;
    float: left;
    left: 0.00%;
    width: 100.00%;
    background-color: #ffffff;
}

.leftM
{
    position: relative;
    float: left;
    left: 0.00%;
    width: 19.00%;
    background-color: #ffffff;
    font-size: small;
}

.rightM
{
    position: relative;
    float: right;
    right: 0.00%;
    width: 81.00%;
    background-color: #ffffff;
}

.footerM
{
    position: relative;
    float: left;
    left: 0.00%;
    width: 100.00%;
    background-color: #ffffff;
    color: #666666;
    font-size: x-small;
    text-align: center;
}

.pageTitleM
{
    background-position: 0 0;
    font-size: x-large;
    font-style: italic;
    font-weight: normal;
    color: #000066;
    border-bottom: 1px solid;
    border-bottom-color: #C0C0C0;
}

.errorMessage
{
    font: normal 12px / 14px Arial, Helvetica, sans-serif;
    color: red;
}

.centeredMaster
{
    margin-left: 100px;
    margin-right: 273px;
    _margin-left: 100px;
    _margin-right: 243px;
    text-align: center;
    margin-top: 180px;
}

.leftColumnMaster
{
    position: absolute; /* NEW - makes left col absolute so 2 columns work better */
    background: url('/media/images/shadow_grey_vert.jpg');
    width: 215px;
    float: left;
    padding: 0px;
    margin: 0px;
    height: auto; /*overflow: hidden;*/
}

.rightColumnMaster
{
    width: 770px;
    overflow: hidden;
    background: #ffffff;
    float: right;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 0px;
    margin: 0px;
    height: auto;
    position: relative; /* NEW - added for layer effect */
    z-index: 5; /* NEW - added for layer effect */
}

/* Added the below three styles to fix the bug 1633 */
.link_topMe
{
    width: 230px;
    height: 24px;
    margin-left: 0px;
    _margin-left: 0px;
    padding-left: 10px;
    padding-right: 10px;
}

.link_middleMe
{
    width: 230px;
    margin-left: 0px;
    background: transparent url('/media/images/widget_paper_green-middle.gif') repeat-y top left;
    padding-left: 20px;
    _margin-left: 0px;
}

.link_bottomMe
{
    width: 250px;
    height: 24px;
    margin-left: 0px;
    margin-bottom: 10px; /* NEW - added space out the green tabs apropriatly */
    _margin-left: 0px;
    _margin-bottom: 10px;
}

/* ADDED 08.24.09 DJL */
/*
.float-left {
float:left;
}

.vspace20 {
width:100%;
height:20px;
background: transparent;
}

.vspace10 {
width:100%;
height:10px;
background: transparent;
}

.ingredients .column1 {
width: 342px;
float:left;
margin-right:20px;
}

.ingredients .column2 {
width: 343px;
float:left;
}

.ingredients .column1 img, .ingredients .column2  img {
float:left;
margin-right:5px;
}

.ingredients .column1 div, .ingredients .column2 div {
float:left;
width: 277px;
height: 50px;
margin-bottom: 10px;
overflow:hidden;
}

.ingredients .column1 div div, .ingredients .column2 div div {
width:277px;
margin-bottom: 4px;
height:auto;
font-weight:bold;
}

.disclosable {
display: none;
}

.disclosure, .disclosure-open {
cursor: pointer;
margin-bottom: 10px;
}

.disclosure, .disclosure-open {
display:inline-block;
color: #000;
font-weight: bold;
font-size: 14px;
height: 15px;
padding-left: 20px;
background: url('/media/images/disclosure_arrow_sprite.gif') no-repeat;
}

.disclosure {
background-position: 0 0;
}

.disclosure-open {
background-position: 0 -15px;
}
*/

/* temp ADDED 08.25.09 DJL */

.customer-link-tab
{
    margin-bottom: 20px;
}

.customer-link-tab div
{
    background: #006837 url('/media/images/tab_cutout.png') no-repeat 0 0; /*#0055a5*/
    width: 215px;
    height: 50px;
    line-height: 50px;
}

* html .customer-link-tab div
{
    background: #006837;
}

.customer-link-tab div a:link, .customer-link-tab div a:visited, .customer-link-tab div a:hover, .customer-link-tab div a:active
{
    margin-left: 40px;
    font-weight: bold;
    text-decoration: underline;
    color: #fff;
}

.customer-link-aux
{
    margin-bottom: 20px;
}

.customer-link-aux div
{
    background: #006837;
    width: 195px;
    height: 30px;
    margin: 0 0 2px 20px;
    line-height: 30px;
}

.customer-link-aux p
{
    color: #006837;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}

.customer-link-aux div a:link, .customer-link-aux div a:visited, .customer-link-aux div a:hover, .customer-link-aux div a:active
{
    font-weight: bold;
    margin-left: 20px;
    text-decoration: none;
    color: #fff;
}

.kr-blue
{
    background: #006837;
}

/* Kroger bulltets*/

.dbullets
{
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    background: url('/media/images/shadow_light_vert.jpg');
}

.dbullets ul
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #0055a5;
}

.dbullets li
{
    margin-bottom: 10px;
}
.hdivider
{
    width: 100%;
    height: 4px;
    font-size: 1px;
    background: #0055a5; /*	overflow: hidden;*/
}
/* Added Now */



#ingredientsWidget .column1 img, #ingredientsWidget .column2 img
{
    float: left;
    margin-right: 5px;
}

#ingredientsWidget .column1 div, #ingredientsWidget .column2 div
{
    float: left;
    width: 220px;
    height: 50px;
    overflow: hidden;
}

#ingredientsWidget .column1 div div, #ingredientsWidget .column2 div div
{
    width: 220px;
    margin-bottom: 4px;
    height: auto;
    font-weight: bold;
}

.column-left
{
    width: 215px;
    float: left;
    margin-right: 20px;
}

.column-right
{
    width: 705px;
    float: left;
    margin-right: 20px;
}

.column-right .column1
{
    width: 280px;
    float: left;
    margin-right: 20px;
}

.column-right .column2
{
    width: 280px;
    float: left;
}
.vspace10
{
    width: 100%;
    height: 10px;
    background: transparent;
}
#rfWidget .column1 img, #rfWidget .column2 img
{
    float: left;
    margin-right: 5px;
}

#rfWidget .column1 div, #rfWidget .column2 div
{
    float: left;
    width: 550px;
    height: 50px;
    overflow: hidden;
}

#rfWidget .column1 div div, #rfWidget .column2 div div
{
    width: 600px;
    margin-bottom: 4px;
    height: auto;
    font-weight: bold;
}

.columnrf-left
{
    width: 215px;
    float: left;
    margin-right: 20px;
}

.columnrf-right
{
    width: 705px;
    float: left;
    margin-right: 20px;
}

.columnrf-right .column1
{
    width: 650px;
    float: left;
    margin-right: 20px;
}

.columnrf-right .column2
{
    width: 343px;
    float: left;
}

/*New Styles Added by Yasir*/

.label1
{
    font-size: 1.0em;
    color: #2b3630;
}


.hyper
{
    text-decoration: none !important;
    color: #d47728 !important;
}

.hyper a:hover
{
    color: #d47728;
    text-decoration: underline !important;
}
.toptab1
{
    margin-top: 50px;
}
.toptab2
{
    margin-bottom: 100px;
}

.forgot
{
    font-size: 1.4em;
    color: #2b3630;
    line-height: 50px;
}
.round
{
    border: solid 1px #d47728;
    width: 50%;
    margin-left: 200px;
    margin-bottom: 30px;
}
.email3
{
    margin-left: 20px;
}

.submitbtn
{
    margin-top: 10px;
    float: left;
}

.more
{
    color: #d47728 !important;
    float: right;
}

.more a:hover
{
    color: #d47728;
}

.loginbtn
{
    margin-right: 20px;
}
.retrytextbox
{
    float: right;
}
.retry_image
{
    float: left;
    width: 180px;
    height: 104px;
    margin-left: 45px;
    margin-top: 12px;
}
.retry_error
{
    font-family: Arial;
    font-size: 11px;
    color: #990000;
    font-weight: bold;
    float: right;
    width: 480px;
    margin-top: 15px;
}
.retry_table
{
    background: url('/media/images/wrongpassword.gif') no-repeat;
    width: 450px;
    float: left;
    height: 125px;
    margin-left: 90px;
    padding: 10px;
}

.retry_message
{
    clear: both;
    width: 750px;
    padding-top: 20px;
    text-align: left;
    font-family: Arial;
    font-size: 12px;
    margin-left: 20px;
}
.buttonwrapper1
{
    overflow: hidden;
    padding-top: 10px;
}

.style2
{
    width: 360px;
    height: 19px;
}

.style2 h3
{
    padding-left: 10px;
}
.retry_table h3
{
    padding-left: 40px;
    margin-bottom: 5px;
}

.code_hint
{
    width: 293px;
    clear: both;
    float: right;
    font-size: 10px;
}

.spacer_retry
{
    height: 1px;
    clear: both;
}

.spacer_top
{
    height: 90px;
    clear: both;
}


.retry_message ul li
{
    padding-top: 3px;
    list-style-image: url('/media/images/link_indicator.gif');
}

.retry_message ul
{
    margin-top: 8px;
    color: #333;
}
.retry_message
{
    margin-left: 40px;
}
.main_container
{
    width: 910px;
    margin-left: 20px;
    color: #2b3630 !important;
}

.main_container a
{
    color: #d47728;
    text-decoration: none;
}
.main-container a:hover
{
    text-decoration: underline;
}

.tops
{
    margin-left: 200px;
    margin-bottom: 5px;
    margin-top: 20px;
}

.updatebtn
{
    float: right;
}

.shipperstyle
{
    margin-left: 10px;
}

.shipperstyle2
{
    margin-left: 35px;
}

.topheading
{
    margin-left: 20px;
    margin-bottom: 20px;
}
.page_title
{
    margin-left: 15px;
    margin-bottom: 15px;
    margin-top: 10px;
    padding-top: 10px;
}

.white_retry_middle p
{
    margin-left: 30px;
    font-family: Arial;
    margin-bottom: 10px;
}

.white_retry_middle h3
{
    margin-left: 30px;
    margin-bottom: 15px;
}

.logohm_error
{
    cursor: pointer;
    width: 154px;
    height: 34px;
    position: absolute;
    left: 10px;
    top: 16px;
}

.main_retry
{
    width: 100%;
    border: solid 1px #333;
}

.retry_left
{
    margin-top: 80px;
    width: 425px;
    float: left;
    height: 282px;
    margin-left: 30px;
    background: url('/media/images/contain.gif') no-repeat;
    margin-bottom: 180px;
    z-index: 1px;
    position: relative;
}
.trace_tbl
{
    margin-top: 32px;
    margin-left: 30px;
    width: 85%;
}

.error_margin
{
    color: #b70000;
}

.error_treatment
{
    /* border: solid 1px #dd3c10; background-color:#ffebe8;*/
    padding-top: 7px;
    padding-bottom: 7px;
}
.seeexample
{
    padding-top: 10px;
}

.seeexample2
{
    left: 280px;
    position: absolute;
}
.seeexample2 a
{
    color: #c76321;
    text-decoration: none;
}

.seeexample2:hover
{
    color: #c76321;
    text-decoration: underline;
}
.seeexample a
{
    color: #c76321;
    text-decoration: none;
}

.seeexample:hover
{
    color: #c76321;
    text-decoration: underline;
}
.retry_right
{
    margin-top: 90px;
    width: 400px;
    height: 188px;
    float: left;
    margin-left: 20px;
    background: url('/media/images/tracefield_trial.gif') no-repeat;
    z-index: 1;
    position: relative;
}

.product_image
{
    width: 234px;
    height: 108px;
    margin-left: 65px;
    margin-top: 15px;
    background: url('/media/images/label01.gif') no-repeat;
}

.retry_input
{
    border: solid 1px #6195c1 !important;
    color: #A5A5A5;
    font-weight: normal !important;
}

.retry_tip
{
    font-family: Arial;
    font-size: 12px;
    width: 360px;
    margin-top: 20px;
    margin-left: 20px;
    border-bottom: solid 1px #ccc;
}


.imager
{
    margin-left: 80px;
    padding-top: 50px;
    font-weight: bold;
}

.tracebtn1
{
    width: 82px;
    margin-top: 2px;
    margin-left:3px;
    height: 36px;
    text-decoration: none;
    display: block;
    background-image: url('/media/images/glow_btn.gif');
    background-position: 82px 0;
}

.tracebtn1:hover
{
    width: 82px;
    height: 36px;
    text-decoration: none;
    display: block;
    background-image: url('/media/images/glow_btn.gif');
    background-position: 0px 36px;
}

.glow
{
    width: 82px;
    height: 36px;
    text-decoration: none;
    display: block;
    background-image: url('/media/images/glow_btn.gif');
    background-position: 0 36px;
}



.rstyle
{
    margin-top: 10px;
}

.retry_tip p
{
    margin-top: 8px;
}

.anexample
{
    margin-top: 15px;
}
.anexample a
{
    color: #336699;
}
.video
{
    display: none;
    z-index: 2;
    margin-left: -400px;
    margin-top: -163px;
}

.video2
{
    display: block !important;
    z-index: 2;
}
.tracecode1
{
    font-weight: bold;
    color: #333;
    border: solid 1px #d3d3d3 !important;
    border-top: solid 2px #757574 !important;
}

.newclass li
{
    margin-left: 35px;
    padding-top: 8px;
    list-style-position: outside;
    list-style-image: url(/media/images/arrows.gif);
}
.newclass ul
{
    margin-top: -23px;
}


.tiptitle
{
    font-style: italic;
}

.tblclass
{
    margin-left: 55px;
    margin-top: 20px;
    width: 75% !important;
}
.lefty
{
    float: left;
    width: 200px;
}
.righty
{
    float: left;
    width: 82px;
}

.tbldefault
{
    margin-left: 50px;
}

.watermark
{
    color: gray;
}

.dispalynone
{
    visibility: hidden;
}

#consumerTraceCloseLink
{
    float: right;
    margin-top: 5px;
    margin-bottom: 10px;
    margin-right: 10px;
}

#consumerTraceCloseLink:hover
{
    text-decoration: underline;
}

.tip_title
{
margin-bottom:15px;
}