body
{
    background-color: #FFFFFF;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    color: #000;
    min-width: 969px;
    text-align: center;
    -webkit-text-stroke: 1px transparent;
}

@media only screen and (max-device-width:480px)
{
    body
    {
        -webkit-text-stroke: 0 #666666;
    }
}

/* Fix table problems */
table
{
    font-size: 100%;
    border-collapse: collapse;
    width: 100%;
}
table td, table tr
{
    vertical-align: top;
}
input.checkbox
{
    vertical-align: middle;
}
input.radio
{
    vertical-align: middle;
}

/* Fixes alignment and spacing problems for embedded media */
object
{
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
}
embed
{
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
}
iframe
{
    margin: 0;
    padding: 0;
}

/* Clear Fix */
/* Apply the floatwrapper class to any element which acts as a container for floats. */

.floatwrapper:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.floatwrapper
{
    display: inline-block;
}
/* Hides from IE-mac \*/
.floatwrapper
{
    display: block;
}
* html .floatwrapper
{
    height: 1px;
}
/* End hide from IE-mac */

/* Old-fashioned float clear */
.clearfloat
{
    clear: both;
}


/* Holly hack fix for IE 6 problems \*/
* html .hollyfix
{
    height: 1%;
}
/* */



/* General styles */
img
{
    display: block;
    border: 0;
}
img.inline
{
    display: inline;
}
p
{
    margin: 0 0 .7em 0;
}
p.intro
{
    margin-bottom: 33px !important;
}
h1, h2, h3
{
    margin: 0;
    padding: 0;
}

h1
{
    font-size: 1.7em;
}
h2
{
    font-size: 1.4em;
}
h3
{
    font-size: 1.1em;
}

ul
{
    list-style: outside;
}
ol
{
    list-style: outside decimal;
}

a
{
    color: #3399cc;
}
a:hover
{
    color: #0370c1;
}

#contentinner a
{
    color: #0012ff;
}
#contentinner a:hover
{
    color: #0a17c6;
}

a#skipnav:link, a#skipnav:hover, a#skipnav:visited
{
    height: 1px;
    overflow: hidden;
    position: absolute;
    top: -999em;
}
a#skipnav:active, a#skipnav:focus
{
    position: relative;
    background: #FFF;
    border: 1px solid #CC0000;
    color: #CC0000;
    height: 1em;
    overflow: visible;
    padding: .3em .3em .5em .3em;
    position: fixed;
    text-align: center;
    top: 0;
    width: 7em;
    z-index: 1000;
}
.printonly
{
    display: none;
}

.centered
{
    margin-left: auto;
    margin-right: auto;
}


/* Forms */
form
{
    margin: 0;
    padding: 0;
}
fieldset
{
    border: 0;
    margin: 0;
    padding: 0;
}
fieldset.radiobuttons
{
    margin-bottom: 10px;
}
.formrow
{
    margin-bottom: 10px;
}
.formrow label
{
    float: left;
    display: inline;
    width: 75px;
    text-align: right;
    margin-top: .25em;
}
.contactcolumns .lastcolumn label
{
    width: 75px;
}
.contactcolumns .lastcolumn .stateandcountry label.country
{
    width: auto;
    margin-left: 6px;
}
.formrow input.text
{
    float: left;
    display: inline;
    margin-left: 10px;
    font-size: 12px;
    padding: 2px;
    width: 230px;
    font-family: Arial, Helvetica, sans-serif;
    border: 1px solid #909291;
}
.contactcolumns .lastcolumn input.text
{
    width: 220px;
    margin-left: 6px;
}
.contactcolumns .zipcoderow input.text
{
    width: 127px;
}
.contactcolumns .phonerow input.phoneshort
{
    width: 50px;
}
.contactcolumns .phonerow input.phonelong
{
    width: 93px;
}
.formrow select
{
    float: left;
    display: inline;
    margin-left: 10px;
    font-size: 12px;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
}
.formrow textarea
{
    width: 348px;
    height: 120px;
    margin-left: 10px;
    border: 1px solid #909291;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 2px;
}
.contactcolumns .column, .topiccolumns .column
{
    float: left;
    display: inline;
    margin-right: 34px;
    padding-bottom: 5px;
}
.contactcolumns .column
{
    width: 325px;
    margin: 5px 34px 0 0;
}
.contactcolumns .firstcolumn
{
    margin-right: 30px;
}
.contactcolumns .lastcolumn
{
    width: 460px;
    margin-right: 0;
}
.contactcolumns a.whydob
{
    font-size: 11px;
    margin-left: 6px;
    line-height: 20px;
}
.commentcolumns .column
{
    float: left;
    display: inline;
    width: 437px;
}
.commentcolumns .lastcolumn
{
    width: 210px;
    margin-left: 40px;
}
.optin
{
    margin-left: 80px;
    padding-bottom: 10px;
    padding-top: 0;
    word-spacing: -1px;
}

.column input.submit
{
    margin-left: 310px;
    margin-top: 15px;
}

/* Radio buttons */
fieldset.radiobuttons label
{
    margin-right: 24px;
}
.formrow fieldset.radiobuttons label
{
    float: none;
}


/* Structural IDs */
#container
{
    font-size: 12px;
    width: 971px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}


/* Masthead area */
#masthead
{
    height: 90px;
    position: relative;
    padding-top: 6px;
    z-index: 2;
    background: url("/UI/images/bg_masthead.jpg") no-repeat top left;
}
#utilitynav a#homelink
{
    display: block;
    width: 78px;
    height: 0;
    padding-top: 22px;
    overflow: hidden;
    background: url("/UI/images/utility_homelink.gif") no-repeat top left;
    position: absolute;
    top: 0;
    left: 5px;
}
#utilitynav div
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    background: #fff;
    display: block;
    width: auto;
    position: absolute;
    top: 0;
    right: 6px;
    padding: 4px 9px;
}
#utilitynav span
{
    color: #aeb0b3;
}
#utilitynav a
{
    color: #000;
    font-weight: bold;
    text-decoration: none;
}
#utilitynav a#smuckerslink
{
}

#utilitynav a#facebook
{
    background: url("/UI/images/utility_facebook.gif") no-repeat right;
    padding-right: 18px;
}
#logowrapper
{
    width: 312px;
    position: relative;
    margin: 0 0 0 331px;
    z-index: 2;
}
#mainnav ul
{
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    left: 6px;
    bottom: 0;
}
#mainnav li
{
    float: left;
    display: inline;
    width: 154px;
    height: 27px;
}
#mainnav li a
{
    display: block;
    width: 154px;
    height: 0;
    padding-top: 27px;
    background-position: 0 0;
    background-repeat: no-repeat;
    overflow: hidden;
}
.products #mainnav li#mnproducts a, .tips #mainnav li#mntips a, .promos #mainnav li#mnpromos a, .wheretobuy #mainnav li#mnwhere a, #mainnav li a:hover
{
    background-position: 0 -27px;
}
#mainnav li#mnproducts a
{
    background-image: url("/UI/images/mnav_products.jpg");
}
#mainnav li#mnpromos
{
    margin-left: 2px;
}
#mainnav li#mnpromos a
{
    background-image: url("/UI/images/mnav_promotions.jpg");
}

#mainnav li#mntips
{
    margin-left: 333px;
}
#mainnav li#mntips a
{
    background-image: url("/UI/images/mnav_tips.jpg");
}

#mainnav li#mnwhere
{
    margin-left: 4px;
}
#mainnav li#mnwhere a
{
    background-image: url("/UI/images/mnav_where.jpg");
}
span.st_sharethis
{
    color: #000;
    float: right;
    position: absolute;
    right: 25px;
    bottom: -35px;
    background: #fff;
}
span.sharethis
{
    color: #000;
    margin: 3px;
    font-size: 14px !important;
    font-family: Times New Roman, Times New Roman, Times, serif !important;
}
#contentcontainer
{
}
#content
{
    position: relative;
    background: url("/UI/images/bg_main.jpg") no-repeat bottom left;
    padding: 65px 0 40px 0;
}
#content #bggradient
{
    position: absolute;
    top: 0;
    left: 5px;
}
#content #contentwrap
{
    position: relative;
}

#footer
{
    font-size: 12px;
    width: 912px;
    margin: 14px auto 0 auto;
    text-align: left;
    color: #0370c1;
    padding-bottom: 18px;
}

/* Homepage */
.home #content
{
    padding-top: 39px;
    padding-bottom:65px;
}
.home #hero
{
    width: 916px;
    height: 295px;
    background: url("/UI/images/bg_homepage_hero.png") no-repeat top left;
    padding-top: 17px;
    padding-left: 20px;
    margin: 16px 0 0 25px;
}
.home #hero p
{
    margin-left: 25px;
}
.home #hero-vote
{
    background: url("/UI/images/vote-homepage-hero-bg.png") no-repeat scroll left top transparent;
    display: block;
    height: 323px;
    left: 11px;
    position: relative;
    width: 944px;
}
.home #hero-vote p
{
    margin-left: 25px;
}
.home #touts
{
    padding-left: 14px;
    width:477px;
    float:left;
}
.home #touts .tout
{
    position: relative;
    display: block;
}
.home #touts .toutinner
{
    width: 459px;
    height: 238px;
}
.home #touts .toutinner_left
{
    width: 459px;
    height: 238px;
    background: url("/UI/images/bg_readytogo_tout.png") no-repeat top left;
}
.home #touts .firsttout
{
    margin: 0 17px 0 5px;
}

.home #touts .tout img.cornerimg
{
    position: absolute;
}
.home #touts .tout .touthead
{
    padding: 31px 0 33px 25px;
}
.home #touts .tout .readytogo_touthead
{
    padding: 20px 0 20px 35px;
}
.home #touts .tout h2
{
    overflow: hidden;
    height: 0;
    margin: 0;
}
.home #touts .tout p
{
    margin: 0 55px 19px 4px;
    line-height: 1.1em;
}
.home #touts .tout img.toutimg
{
    float: left;
    display: inline;
}
a.buttonlink
{
    display: block;
    overflow: hidden;
    text-indent: -10000em;
    cursor: pointer;
}
.home #social_media {
    float:left;
    width:453px;
    height:502px;
}
.home #facebook_feed {
    width:453px;
    height:502px;
    background: url("/UI/images/bg_facebook_feed.png") no-repeat top left;
    padding-left: 13px;
    padding-top: 7px;
    _padding-top:4px;
    
}
.home #twitter_feed {
    width:453px;
    height:502px;
    background: url("/UI/images/bg_twitter_feed.png") no-repeat top left;
    padding-left: 13px;
    padding-top: 7px;
    _padding-top:4px;
}
.home #facebook_feed #find_facebook,
.home #twitter_feed #follow_twitter  {
    height: 44px;
    position: absolute;
    bottom: 12px;
    right:12px;
    width: 190px;
    text-indent: -10000em;
}
.home #facebook_feed .social_media_nav,
.home #twitter_feed .social_media_nav {
	margin: 0;
	padding: 3px 0;
	list-style: none;
	position:relative;
	top:9px;
	left:13px;
	height:44px;
	width:396px;
}
.home #facebook_feed .social_media_nav li,
.home #twitter_feed .social_media_nav li {
	float:left;
	height: 44px;
    width: 198px;
    text-indent: -10000em;
    cursor: pointer;
}

/* Homepage Tout 1 - Fan of the Week tout */
.home #touts .tout_1 .toutinner
{
    width: 459px;
    height: 238px;
    background: url("/UI/images/bg_homepage_tout_fanoftheweek.png") no-repeat top left;
}
.home #touts .tout_1 {
    margin: 1px 31px 25px 0;
}
.home #touts .tout_1 .toutcontent
{
    margin-left: 264px;
    margin-top: 21px;
    color: #FFFFFF;
}
.home #touts .tout_1 .toutcontent a
{
	color: #FFFFFF;
	font-size:0.9em;
}
.home #touts .tout_1 .touthead
{
    padding: 31px 0 18px 34px;
}
.home #touts .tout_1 h2
{
    width: 389px;
    padding-top: 18px;
    background: url("/UI/images/home_tout_head_fanoftheweek.gif") no-repeat top left;
}
.home #touts .tout_1 p
{
    margin-bottom: 10px;
    margin-right: 65px;
    line-height:1.2em;
    font-size:1.1em;
}
.home #touts a.findoutmore
{
    width: 150px;
    height: 40px;
    background: url("/UI/images/btn_findoutmore.png") no-repeat top left;
    margin-left:-5px;
    margin-top:20px;
    margin-bottom:5px;
}
/* End Homepage Tout 1 -Fan of the Week tout */

/* Product landing page */
.productlanding #content
{
    padding-top: 111px;
}
#productintro
{
    width: 320px;
    height: 95px;
    position: absolute;
    top: -34px;
    left: 330px;
}
#productintro h1
{
    width: 97px;
    height: 0;
    padding-top: 25px;
    overflow: hidden;
    background: url("/UI/images/h1_product_landing.png") no-repeat top left;
    margin: 0 auto 26px auto;
}
#productintro p
{
    width: 320px;
    height: 0;
    padding-top: 93px;
    overflow: hidden;
    background: url("/UI/images/product_landing_intro.png") no-repeat top left;
    margin: 0 0 17px 0;
}
#productintro img
{
    margin-left: 55px;
}
#productvarieties
{
    margin-left: 42px;
    padding-bottom: 50px;
}
#productvarieties .productteaser
{
    position: relative;
    float: left;
    display: inline;
}
#productvarieties .strawberry
{
    z-index: 2;
}
#productvarieties .grape
{
    margin-left: 348px;
    z-index: 2;
}
#productvarieties .strawberryww
{
    clear: left;
    margin-right: 38px;
}
#productvarieties .honeyww
{
    margin-right: 38px;
}
#productvarieties .strawberryww, #productvarieties .honeyww, #productvarieties .grapeww
{
    margin-top: -15px;
    z-index: 1;
}

#productvarieties .productteaserinner
{
    width: 273px;
    height: 274px;
    background: url("/UI/images/bg_productteaser.png") no-repeat top left;
}

#productvarieties .strawberry h2
{
    width: 127px;
    padding-top: 33px;
    background: url("/UI/images/productteaser_head_strawberry.gif") no-repeat top left;
}
#productvarieties .grape h2
{
    width: 98px;
    padding-top: 33px;
    background: url("/UI/images/productteaser_head_grape.gif") no-repeat top left;
}
#productvarieties .strawberryww h2
{
    width: 127px;
    padding-top: 44px;
    background: url("/UI/images/productteaser_head_strawberryww.gif") no-repeat top left;
}
#productvarieties .honeyww h2
{
    width: 112px;
    padding-top: 44px;
    background: url("/UI/images/productteaser_head_honeyww.gif") no-repeat top left;
}
#productvarieties .grapeww h2
{
    width: 116px;
    padding-top: 44px;
    background: url("/UI/images/productteaser_head_grapeww.gif") no-repeat top left;
}

#productvarieties .productteaser .teaserhead
{
    padding-top: 35px;
}
#productvarieties .productteaser h2
{
    height: 0;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}
#productvarieties .productteaser img
{
    float: left;
    display: inline;
    position: relative;
    margin-left: 47px;
    margin-top: 2px;
}
#productvarieties .strawberry img, #productvarieties .grape img
{
    margin-top: 11px;
}
#productvarieties .productteaser a
{
    cursor: pointer;
}
#productvarieties .productteaser a.buttonlink
{
    background: url("/UI/images/btn_viewproduct.png") no-repeat top left;
    width: 134px;
    height: 39px;
    display: block;
    text-indent: -10000em;
    overflow: hidden;
    position: absolute;
    bottom: 13px;
    left: 72px;
}


/* Product Detail pages */
.productdetail #content
{
    padding-top: 63px;
}
.productdetail h1
{
    width: 223px;
    height: 0;
    padding-top: 25px;
    overflow: hidden;
    background: url("/UI/images/h1_product_detail.png") no-repeat top left;
    margin-left: 378px;
    margin-bottom: 49px;
}

/* Tabs */
.ui-tabs .ui-tabs-hide
{
    display: none;
}
#producttabs
{
    width: 628px;
    height: 378px;
    margin-left: 280px;
    position: relative;
    margin-bottom: 82px;
}
#producttabs #producttabsinner
{
    width: 628px;
    height: 394px;
    background: url("/UI/images/bg_product_detail.png") no-repeat 0 14px;
}
#producttabs ul
{
    margin: 0 0 23px 162px;
    padding: 0;
    list-style: none;
    position: relative;
}
#producttabs ul li
{
    float: left;
    display: inline;
}
#producttabs ul li a
{
    display: block;
    width: 201px;
    padding-top: 27px;
    height: 0;
    background-repeat: no-repeat;
    background-position: 0 0;
    overflow: hidden;
}
#producttabs ul li a:hover, #producttabs ul li.ui-tabs-selected a
{
    background-position: 0 -27px;
}
#producttabs ul li#nutritiontab a
{
    background-image: url("/UI/images/bg_tab_nutrition.gif");
}
#producttabs ul li#ingredienttab a
{
    background-image: url("/UI/images/bg_tab_ingredients.gif");
}
.productdetail #productshot
{
    position: absolute;
    left: -224px;
    top: -43px;
    width: 383px;
    height: 383px;
}
.productdetail #productshot #productshotinner
{
    width: 383px;
    height: 296px;
    padding-top: 87px;
    background: url("/UI/images/bg_productdetail_productshot.png") no-repeat top left;
}
.productdetail #productshot #productshotinner img
{
    margin-left: 62px;
    margin-bottom: 12px;
}
.productdetail #productshot a.findproduct
{
    width: 164px;
    height: 39px;
    background: url("/UI/images/btn_findproduct.png") no-repeat top left;
    margin-left: 107px;
}
.productdetail .tabcontent
{
    width: 445px;
    margin-left: 164px;
}
.productdetail .tabcontent p#packaging
{
    margin-top: 15px;
    margin-bottom: 0;
    width: 423px;
}
.productdetail h2
{
    height: 0;
    overflow: hidden;
    margin-bottom: 25px;
    width: 464px;
    padding-top: 20px;
    position: relative;
    margin-left: -25px;
}
.productdetail .prod-128 h2
{
    background: url("/UI/images/productdetail_head_strawberry.gif") no-repeat top left;
}
.productdetail .prod-946 h2
{
    background: url("/UI/images/productdetail_head_strawberryww.gif") no-repeat top left;
}
.productdetail .prod-945 h2
{
    background: url("/UI/images/productdetail_head_grapeww.gif") no-repeat top left;
}
.productdetail .prod-126 h2
{
    background: url("/UI/images/productdetail_head_grape.gif") no-repeat top left;
}
.productdetail .prod-574 h2
{
    background: url("/UI/images/productdetail_head_honeyww.gif") no-repeat top left;
}
.productdetail #producttabs .nutrition
{
    font-size: 11px;
}
.productdetail #producttabs .nutrition .column
{
    width: 202px;
    border-top: 5px solid #000;
    float: left;
    display: inline;
}
.productdetail #producttabs .nutrition .firstcolumn
{
    margin-right: 18px;
}
.productdetail #producttabs .nutrition .column table td
{
    border-bottom: 1px solid #000;
    padding: 3px 2px 2px 2px;
}
.productdetail #producttabs .nutrition .column table td.dv
{
    text-align: right;
}
.productdetail #producttabs .ingredients
{
    font-size: 10px;
    line-height: 1.2em;
}
.productdetail #producttabs .ingredients h2
{
    margin-bottom: 24px;
}
.productdetail #producttabs .ingredients p
{
    width: 423px;
}
.productdetail #tabbottomnav
{
    position: absolute;
    height: 39px;
    width: 298px;
    bottom: -24px;
    left: 214px;
}
.productdetail #tabbottomnav #tabbottomnavinner
{
    background: url("/UI/images/bg_tabbottomnav.png") no-repeat top left;
    height: 39px;
    width: 298px;
}
.productdetail #tabbottomnav a
{
    float: left;
    display: inline;
    height: 39px;
    text-indent: -10000em;
    overflow: hidden;
}
.productdetail #tabbottomnav a.back
{
    width: 82px;
}
.productdetail #tabbottomnav a.producthome
{
    width: 138px;
}
.productdetail #tabbottomnav a.next
{
    width: 78px;
}

/* Contact Us Landing */
#contentinner
{
    position: relative;
    width: 942px;
    height: 566px;
    margin-left: 15px;
    margin-bottom: 50px;
}
#contentinner .inner
{
    background: url("/UI/images/bg_innercontent_contactlanding.png") no-repeat top left;
    width: 474px;
    height: 498px;
    padding: 68px 346px 0 122px;
}
#contactuncrustables
{
    position: absolute;
    bottom: 15px;
    right: 16px;
}
.contact h1
{
    height: 0;
    overflow: hidden;
}
.contact #content
{
    padding-top: 65px;
}
.contactlanding h1, .contactthanks h1
{
    width: 117px;
    padding-top: 24px;
    background: url("/UI/images/h1_contactus.png") no-repeat top left;
    margin: 0 0 19px 431px;
}
.contactlanding h2, .contactthanks h2
{
    font-size: 12px;
    margin-bottom: 0;
}
.contactlanding p
{
    margin-bottom: 1em;
}
p.disclaimer
{
    font-size: 10px;
}

/* Contact form pages (long) */
.contactform #contentinner, .legal #contentinner, .privacy #contentinner
{
    height: 788px;
    margin-left: 15px;
}
.contactform #contentinner .inner, .legal #contentinner .inner
{
    background: url("/UI/images/bg_innercontent_contactform.png") no-repeat top left;
    width: 766px;
    height: 753px;
    padding: 35px 88px 0 88px;
}
.contactform h1
{
    width: 337px;
    padding-top: 24px;
    background: url("/UI/images/h1_contactus_generalform.png") no-repeat top left;
    margin: 0 0 19px 320px;
}
.productrelated h1
{
    width: 313px;
    padding-top: 24px;
    background: url("/UI/images/h1_contactus_productform.png") no-repeat top left;
    margin: 0 0 19px 332px;
}
.contactform h2
{
    font-size: 12px;
    margin-bottom: 3px;
}

h2#specialnote
{
    width: 204px;
    height: 0;
    padding-top: 18px;
    overflow: hidden;
    background: url("/UI/images/h_special_note.gif") no-repeat top left;
    margin-bottom: 10px;
}

/* Contact form thank you */
.contactthanks .contactintro
{
    width: 395px;
    height: 0;
    padding-top: 34px;
    overflow: hidden;
    background: url("/UI/images/h2_contact_thankyou.png") no-repeat top left;
    margin-left: 295px;
    margin-bottom: 12px;
}
.contactthanks #contentinner
{
    height: 302px;
}
.contactthanks #contentinner .inner
{
    background: url("/UI/images/bg_innercontent_contactthanks.png") no-repeat top left;
    height: 218px;
    padding-top: 84px;
}

/* Where to Buy search page */
.wheretobuy #content
{
    padding-top: 65px;
}
.wheretobuy #contentinner
{
    height: 442px;
}
.wheretobuy #contentinner .inner
{
    background: url("/UI/images/bg_innercontent_wherelanding.png") no-repeat top left;
    width: 882px; /* 942 */
    height: 410px;
    padding: 32px 0 0 60px;
}
.wheretobuy h1
{
    height: 0;
    overflow: hidden;
    width: 153px;
    padding-top: 29px;
    background: url("/UI/images/h1_wheretobuy.png") no-repeat top left;
    margin: 0 0 19px 413px;
}
.wheretobuy h2
{
    height: 0;
    overflow: hidden;
    width: 620px;
    padding-top: 22px;
    background: url("/UI/images/h2_productlocator.png") no-repeat top left;
    margin: 0 0 75px 82px;
}
.wheretobuylanding h3
{
    height: 0;
    overflow: hidden;
    width: 259px;
    padding-top: 37px;
    background: url("/UI/images/h3_productlocator.png") no-repeat top left;
    margin: 0 0 20px 0;
}
.wheretobuy .starburst
{
    position: absolute;
    top: -26px;
    left: -5px;
}
.wheretobuy .map
{
    position: absolute;
    top: 65px;
    right: 20px;
}
.wheretobuy .storeform
{
    position: relative;
}
.wheretobuy label, .wheretobuy input
{
    display: block;
}
.wheretobuy label
{
    margin-bottom: 5px;
}
.wheretobuy input, .wheretobuy select
{
    margin-bottom: 10px;
}
.wheretobuy p.disclaimer
{
    width: 240px;
    padding-top: 3px;
}
.wheretobuy input.searchbutton
{
    margin-top: 5px;
}

/* Where to buy results */
.wheretobuyresults h2
{
    background-image: url("/UI/images/h2_product_locator_results.png");
    margin-bottom: 44px;
    margin-left: -88px;
    width: 646px;
}
.wheretobuyresults h3
{
    width: 288px;
    padding-top: 18px;
    background: url("/UI/images/h3_cant_find_store.gif") no-repeat top left;
    margin: 0 0 8px 0;
    overflow: hidden;
    height: 0;
}
.wheretobuyresults #contentinner .inner
{
    width: 713px; /* 942 */
    padding: 32px 116px 0 113px;
}
.wheretobuyresults .tableholder
{
    padding-bottom: 10px;
    margin-bottom: 8px;
    background: url("/UI/images/bg_table.jpg") repeat-x bottom left #fdfdfd;
}

.wheretobuyresults table th
{
    background: url("/UI/images/bg_tablehead.gif") repeat-x top left;
    font-weight: bold;
    color: #fff;
    padding: 6px 17px 10px 17px;
}
.wheretobuyresults table td
{
    padding: 6px 17px 4px 17px;
}
.wheretobuyresults table .store, .wheretobuyresults table td.address
{
    text-align: left;
}
.wheretobuyresults table .phone
{
    text-align: right;
}
.wheretobuyresults table th.address
{
    text-align: center;
}
.wheretobuyresults .searchagainbutton
{
    float: right;
    display: inline;
    width: 143px;
    height: 0;
    padding-top: 49px;
    background: url("/UI/images/btn_searchagain.gif") no-repeat top left;
    overflow: hidden;
}
.wheretobuyresults .noproductsfound
{
    display: block;
    padding: 10px 10px 0 10px;
}
.wheretobuyresults .resultsinfo
{
    float: left;
    display: inline;
    width: 395px;
}
.wheretobuyresults .paging
{
    margin-bottom: 20px;
    text-align: right;
}
.wheretobuyresults .paging span
{
    display: block;
    zoom: 1;
    width: 100%;
}
.wheretobuyresults .paging span.previous, .wheretobuyresults .paging span.next
{
    width: auto;
    color: #666;
    display: inline;
}
.wheretobuyresults .paging a
{
    text-decoration: none;
}
.wheretobuyresults .paging .previous
{
    float: left;
    display: inline;
    text-align: left;
}


/* Tips page */
.tips #contentinner
{
    position: relative;
    width: 737px;
    height: 1009px;
    margin-left: 119px;
    margin-bottom: 40px;
}
.tips #contentinner .inner
{
    background: url("/UI/images/bg_innercontent_tips.png") no-repeat top left;
    width: 565px;
    height: 774px;
    padding: 235px 84px 0 88px;
}
/* -- ONLY FOR SCHOOL TIPS PAGE -- */
.tips #contentinner_school
{
    position: relative;
    width: 737px;
    height: 1169px;
    margin-left: 119px;
    margin-bottom: 40px;
}
.tips #contentinner_school .inner_school
{
    background: url("/UI/images/bg_innercontent_tips_school.png") no-repeat top left;
    width: 565px;
    height: 934px;
    padding: 235px 84px 0 88px;
}
/* -- END FOR SCHOOL TIPS PAGE -- */

.tips .tiptop
{
    position: absolute;
    width: 270px;
    top: 47px;
    right: 52px;
}
.tips h1
{
    height: 0;
    overflow: hidden;
    width: 189px;
    padding-top: 30px;
    background: url("/UI/images/h1_tips.png") no-repeat top left;
    margin: 0 auto 18px auto;
}
.tips p.intro
{
    height: 0;
    overflow: hidden;
    width: 270px;
    padding-top: 97px;
    background: url("/UI/images/bg_tips_intro.gif") no-repeat top left;
    margin: 0 !important;
}
.tips .tipphoto
{
    position: absolute;
    top: 1px;
    left: 108px;
}
.tips .tiplist
{
    clear: right;
}
.tips .tipitem
{
    width: 565px;
    color: #fff;
    margin-bottom: 12px;
}
.tips .tipitem .tiptopcap
{
    height: 3px;
    background: url("/UI/images/bg_tip_top.gif") no-repeat top left;
    overflow: hidden;
}
.tips .tipitem .tipbotcap
{
    height: 3px;
    background: url("/UI/images/bg_tip_bot.gif") no-repeat top left;
    overflow: hidden;
}
.tips .tipitem .tipcontent
{
    zoom: 1;
    background: url("/UI/images/bg_tip_mid.gif") repeat-y top left;
    overflow: hidden;
}
.tips .tipitem .tipcontent p
{
    padding: 13px 13px 24px 73px;
    background: url("/UI/images/bg_tip_icon.jpg") no-repeat 22px 12px;
    margin-bottom: 0;
    line-height: 1.3em;
}
.tips .tipitem .tipcontent_school
{
    zoom: 1;
    background: url("/UI/images/bg_tip_mid.gif") repeat-y top left;
    overflow: hidden;
}
.tips .tipitem .tipcontent_school p
{
    padding: 5px 10px 0px 25px;
    background: none;
    line-height: 1.3em;
}
.tips .tipitem .tipcontent_school p.school_hdr
{
    padding: 10px 0px 0px 25px;
    background: none;
    line-height: 1.3em;
    text-align: center;
    font-size: 14px;
}
.tips .tipitem .tipcontent ul
{
    padding: 0px 15px 0px 50px;
    background: none;
    line-height: 1.3em;
}
.tips .tipitem .tipcontent ul li
{
    padding: 0px 0px 3px 0px;
    background: none;
    line-height: 1.3em;
}

.tips .viewmore
{
    width: 565px;
    position: absolute;
    bottom: -2px;
}
.tips .viewmore a
{
    display: block;
    height: 0;
    overflow: hidden;
    width: 123px;
    padding-top: 39px;
    margin: 0 auto;
    cursor: pointer;
}
.tips a.viewmorebutton
{
    background: url("/UI/images/btn_viewmore.png") no-repeat top left;
}
.tips a.backbutton
{
    background: url("/UI/images/btn_back.png") no-repeat top left;
}


/* Promotions */

.promos #content
{
    padding-top: 71px;
}
/*
.promos h1 {
	height:0;
	overflow:hidden;
	width:419px;
	padding-top:25px;
	background:url("/UI/images/h1_promotions.png") no-repeat top left;
	margin:0 0 19px 278px;
}
*/
.promos #hero
{
    width: 437px;
    height: 246px;
    background: url("/UI/images/bg_promotions_hero.png") no-repeat top left;
    padding: 46px 466px 0 41px;
    margin-left: 12px;
}
.promos #hero h2
{
    height: 0;
    overflow: hidden;
    width: 333px;
    padding-top: 38px;
    background: url("/UI/images/h2_promotions_hero.gif") no-repeat top left;
    margin: 0 0 5px 0;
}
.promos #hero p
{
    margin-bottom: 13px;
    margin-right: 140px;
}
.promos a.gettipsbutton
{
    display: block;
    height: 0;
    overflow: hidden;
    width: 109px;
    padding-top: 39px;
    cursor: pointer;
    background: url("/UI/images/btn_gettips.png") no-repeat top left;
}
.promos #hero #sandwichsaver
{
    position: absolute;
    top: 116px;
    left: 610px;
}
.promos #hero #sandwichsaver h3
{
    background: url("/UI/images/h3_promotions_sandwichsaver.gif") no-repeat top left;
    height: 14px;
    width: 285px;
    text-indent: -9999px;
    margin-bottom: 13px;
}
.promos #hero #sandwichsaver p
{
    line-height: 1.1em;
    width: 285px;
    margin-bottom: 15px;
}
.promos #hero #sandwichsaver a.buynow
{
    width: 119px;
    height: 39px;
    background: url("/UI/images/btn_buynow.png") no-repeat top left;
}
.promos #touts
{
    margin-left: 14px;
    margin-bottom: 20px;
}
.promos #touts .tout
{
    position: relative;
    float: left;
    display: inline;
}
.promos #touts .toutinner
{
    width: 459px;
    height: 238px;
    background: url("/UI/images/bg_homepage_tout.png") no-repeat top left;
}
.promos #touts .firsttout
{
    margin-right: 22px;
}
.promos #touts .tout .touthead
{
    padding: 31px 0 33px 25px;
}
.promos #touts .tout h2
{
    overflow: hidden;
    height: 0;
    margin: 0;
}
.promos #touts .tout p
{
    margin: 0 55px 19px 4px;
}
.promos #touts .tout img.toutimg
{
    float: left;
    display: inline;
}

/* Email Signup tout */
.promos #touts .signuptout img.toutimg
{
    position: relative;
    margin-left: 50px;
    margin-top: -25px;
}
.promos #touts .signuptout .toutcontent
{
    margin-left: 235px;
}
.promos #touts .signuptout h2
{
    width: 402px;
    padding-top: 22px;
    background: url("/UI/images/home_tout_head_signup.gif") no-repeat top left;
}
.promos #touts .signuptout p
{
    margin-right: 25px;
    margin-bottom: 31px;
}
.promos #touts .signuptout a.signupnow
{
    width: 149px;
    height: 39px;
    background: url("/UI/images/btn_signupnow.png") no-repeat top left;
}

/* Email Signup tout */
.promos #touts .productlocator img.toutimg
{
    position: relative;
    margin-left: 31px;
    margin-top: -15px;
}
.promos #touts .productlocator .toutcontent
{
    margin-left: 250px;
}
.promos #touts .productlocator h2
{
    width: 402px;
    padding-top: 22px;
    background: url("/UI/images/home_tout_head_productlocator.gif") no-repeat top left;
}
.promos #touts .productlocator p
{
    margin-right: 25px;
    margin-bottom: 31px;
}
.promos #touts .productlocator a.searchnow
{
    width: 143px;
    height: 39px;
    background: url("/UI/images/btn_searchnow.png") no-repeat top left;
}

/* Simply Delicious tout */
.promos #touts .simplyDelicious img.toutimg
{
    position: relative;
    margin-left: 31px;
}
.promos #touts .simplyDelicious .touthead
{
    padding: 22px 0 33px 25px;
}
.promos #touts .simplyDelicious h2
{
    width: 402px;
    padding-top: 33px;
    background: url("/UI/images/home_tout_head_simplyDelicious.png") no-repeat top left;
}
.promos #touts .simplyDelicious .toutcontent
{
    margin-left: 240px;
}
.promos #touts .simplyDelicious .toutcontent .button-row
{
    line-height: 40px;
    margin-top: 5px;
    overflow: hidden;
}
.promos #touts .simplyDelicious p
{
    margin: -15px 0 0;
    width: 175px;
}
.promos #touts .simplyDelicious a.enterNow
{
    width: 143px;
    height: 39px;
    margin: 5px 0 0;
    text-indent: -9999px;
    background: url("/UI/images/btn_enterNow.gif") no-repeat top left;
}
.promos #touts .simplyDelicious a.rules
{
    padding: 5px 0 0;
    width: auto;
    display: block;
    color: #fff;
    text-decoration: none;
    font-size: 11px;
}

.promos #touts .simplyDelicious a.go
{
    width: 87px;
    height: 39px;
    margin: 5px 0 0;
    text-indent: -9999px;
    background: url(/UI/images/btn_go.gif) no-repeat top left;
}
.promos #touts .simplyDelicious .button-row a
{
    float: left;
}
.promos #touts .simplyDelicious .button-row a.go
{
    margin-right: 10px;
}
/* Ready to Go Promotion */
#promocontentbody
{
    float: left;
    display: inline;
    width: 635px;
    margin-left: 15px;
}
#promolanding
{
    background: url("/UI/images/bg_rtg_landingcontent.png") no-repeat top left;
    width: 556px;
    height: 606px;
    padding: 26px 50px 0 29px;
}
#promocontentbody h2.mainhead
{
    height: 21px;
    overflow: hidden;
    width: 350px; /*padding-top:152px;*/
    background: url("/UI/images/txt-enter-your-information-step-01.png") no-repeat top left;
    margin: 0 0 0 0px;
}
#promocontentbody h2.mainhead2
{
    height: 21px;
    overflow: hidden;
    width: 438px; /*padding-top:152px;*/
    background: url("/UI/images/txt-enter-caption.png") no-repeat top left;
    margin: 0 0 10px 0px;
}
#promolanding .promolandingcontent
{
    float: right;
    display: inline;
    width: 312px;
    padding-top: 28px;
}
#promolanding .promolandingcontent p
{
    margin-bottom: 20px;
}
#promolanding .promolandingburst
{
    float: left;
    display: inline;
}
a.submittipbtn
{
    background: url("/UI/images/btn_submitatip.png") no-repeat scroll left top transparent;
    cursor: pointer;
    display: inline-block;
    height: 0;
    overflow: hidden;
    padding-top: 39px;
    width: 138px;
    vertical-align: middle;
    margin-left: 34px;
}
p.termsnote
{
    text-align: center;
    font-size: 10px;
    color: #fff;
    margin-bottom: 50px;
}
p.entrynote
{
    margin-bottom: 10px;
}
#promosidebar
{
    float: right;
    display: inline;
    width: 308px;
    margin-right: 13px;
}
#promosidebar .promosidebarcontent
{
    padding: 0 34px 0 32px;
}
#promosidebar .promosidebarhead
{
    padding: 32px 0 28px 28px;
}
#promosidebar .promosidebarhead h2
{
    height: 0;
    overflow: hidden;
    padding-top: 22px;
}
#promosidebar .couponschedule
{
    background: url("/UI/images/bg_rtg_sidebar_couponschedule.png") no-repeat top left;
    height: 386px;
}

#promosidebar .couponschedule h2
{
    width: 223px;
    background: url("/UI/images/rtg_hd_whentogetcoupons.gif") no-repeat top left;
}
#promosidebar .couponschedule table tr th, #promosidebar .couponschedule table tr td
{
    height: 27px;
    padding-top: 4px;
    font-size: 14px;
    color: #42177b;
    line-height: 1em;
}
/* @-moz-document url-prefix() {
            #promosidebar .couponschedule table tr th,
            #promosidebar .couponschedule table tr td {
                height:30px;
            }
        */

#promosidebar .couponschedule table tr th
{
    text-align: left;
    padding-left: 11px;
    background: url("/UI/images/bg_rtg_tablerowcap_lt.gif") no-repeat top left;
}
#promosidebar .couponschedule table tr td
{
    padding-right: 12px;
    text-align: right;
    background: url("/UI/images/bg_rtg_tablerowcap_rt.gif") no-repeat top right;
}
#promosidebar a.downloadpdf
{
    display: block;
    background: url("/UI/images/btn_downloadpdf.png") no-repeat top left;
    height: 0;
    overflow: hidden;
    padding-top: 27px;
    width: 141px;
    margin: 4px auto 7px auto;
    cursor: pointer;
}
#promosidebar .couponschedule p
{
    margin-bottom: 0;
    font-size: 10px;
    text-align: center;
}

#promosidebar .tipspromo
{
    background: url("/UI/images/bg_rtg_sidebar_tips.png") no-repeat top left;
    height: 246px;
}
#promosidebar .tipspromo .promosidebarhead
{
    padding-bottom: 22px;
}
#promosidebar .tipspromo .promosidebarcontent
{
    width: 180px;
    float: right;
    display: inline;
    text-align: right;
}
#promosidebar .tipspromo h2
{
    width: 179px;
    background: url("/UI/images/rtg_hd_timesavingtips.gif") no-repeat top left;
}
#promosidebar .tipspromo p
{
    width: 180px;
    text-align: right;
    margin-bottom: 15px;
}
#promosidebar .tipspromo a.gettipsbutton
{
    display: inline-block;
}

/* Ready To Go Entry Form */
p.termsandconditions
{
    clear: both;
    color: #fff;
    font-size: 12px;
    padding: 0 32px;
    position: relative;
    margin: 0 0 40px 0;
    line-height: 1.3em;
}
#promoentryform
{
    width: 556px;
    padding: 0px 50px 0 0px;
}
#promocontentbody .entrystep1
{
    background: url("/UI/images/bg_rtg_entryform.png") no-repeat top left;
    height: 680px;
}
#promocontentbody .entrystep2
{
    background: url("/UI/images/bg_rtg_entryform2.png") no-repeat top left;
    height: 600px;
}

/* #promocontentbody .entrystep3 {
        width:579px;
        padding-right:27px;
    }
   */

#promoentryform h2.mainhead
{
    margin-bottom: 10px;
}
#promoentryform h3
{
    margin-bottom: 5px;
}
#promoentrythanks h3, #promoentrysorry h3
{
    height: 0;
    overflow: hidden;
    margin-bottom: 5px;
    padding-top: 18px;
}
#promoentryform h3.step1
{
    /*background:url("/UI/images/h_rtg_enterstep1.gif") no-repeat top left;*/
    width: 500px;
}
#promoentryform h3.step2
{
    background: url("/UI/images/h_rtg_enterstep2.gif") no-repeat top left;
    width: 218px;
}
#promoentryform h3.step3
{
    background: url('/UI/images/txt-review-your-information-step-02.png') no-repeat left top;
    width: 372px;
}
#promoentryform h3.contactinfo
{
    background: url("/UI/images/txt-your-contact-info.png") no-repeat top left;
    width: 208px;
}
#promoentryform h3.youressay
{
    background: url("/UI/images/h_rtg_youressay.gif") no-repeat top left;
    width: 69px;
}
#promoentrythanks h3.thankyou
{
    background: url("/UI/images/h_rtg_thankyou.gif") no-repeat top left;
    width: 93px;
}
#promoentrysorry h3.sorry
{
    background: url("/UI/images/h_rtg_sorry.gif") no-repeat top left;
    width: 49px;
}
#promolanding h3.outofcoupons
{
    background: url("/UI/images/h_rtg_outofcoupons.gif") no-repeat top left;
    width: 211px;
    height: 0;
    overflow: hidden;
    margin-bottom: 5px;
    padding-top: 18px;
}
#promoentryform h3.termsandconditions
{
    background: url("/UI/images/h_rtg_terms.gif") no-repeat top left;
    width: 160px;
}
#promoentryform p
{
    margin-bottom: 15px;
    width: 583px;
}
#promoentryform .twocolumn .column
{
    float: left;
    display: inline;
    width: 241px;
    margin-left: 0px;
}
#promoentryform .twocolumn .firstcolumn
{
    margin-right: 14px;
}
#promoentryform .formrow .formcell
{
    display: inline;
    float: left;
}
#promoentryform .formrow label
{
    float: none;
    width: auto;
    display: block;
    text-align: left;
    font-weight: bold;
    margin-bottom: 3px;
}
#promoentryform .formrow input.text
{
    margin-left: 0;
    float: none;
    display: block;
    width: 232px;
}
#promoentryform .formrow select
{
    margin-left: 0;
    float: none;
}
#promoentryform .formrow input.phone
{
    width: 63px;
}
#promoentryform .formrow .statecell
{
    margin-right: 20px;
}
#promoentryform .formrow input.zip
{
    width: 88px;
}
#promoentryform .checkboxrow
{
    margin-left: 0px;
}
#promoentryform .checkboxrow label
{
    font-weight: normal;
    margin-left: 4px;
    width: 90%;
}
#promoentryform .checkboxrow input, #promoentryform .checkboxrow label
{
    display: inline;
    float: left;
}
#promoentryform input.button
{
    display: block;
    margin: 0 auto;
}
#promoentryform textarea
{
    width: 570px;
    height: 90px;
    margin-bottom: 20px;
}
#promoentryform p.wordcount
{
    color: #C4171F;
    text-align: right;
    margin-bottom: 5px;
    position: relative;
    margin-top: -20px;
    margin-right: -15px;
    font-weight: bold;
}
#promoentryform .buttonandlink input.button
{
    display: inline-block;
    margin: 0 15px 0 181px;
    vertical-align: middle;
}
#promoentryform .confirmationsection h3
{
    float: left;
    display: inline;
}

#promoentryform .confirmationsection a.editbutton
{
    float: right;
    display: inline;
    width: 54px;
    height: 0;
    padding-top: 21px;
    overflow: hidden;
    background: url("/UI/images/btn-edit.png") no-repeat top left;
    position: relative;
    margin-top: -3px;
}



#promoentryform .confirmationsection .reviewbox
{
    width: 579px;
    clear: both;
    padding-top: 8px;
    margin-bottom: 13px;
}
#promoentryform .confirmationsection .reviewboxinner
{
    padding-bottom: 10px;
}
#promoentryform .confirmationsection .reviewboxcontent
{
    padding: 5px 15px 5px 15px;
}
#promoentryform .confirmationsection .scroller
{
    height: 150px;
    position: relative;
    overflow: auto;
    padding-right: 10px;
}
#promoentryform .lefttable, #promoentryform .righttable
{
    float: left;
    display: inline;
    position: relative;
    margin-bottom: -10px;
}
#promoentryform .lefttable
{
    width: 50%;
}
#promoentryform .righttable
{
    width: 49%;
}
#promoentryform .lefttable th, #promoentryform .righttable th
{
    text-align: left;
    font-weight: bold;
    width: 37%;
    white-space: nowrap;
}
#promoentryform .righttable th
{
    width: 50%;
}
#promoentryform .lefttable th, #promoentryform .righttable th, #promoentryform .lefttable td, #promoentryform .righttable td
{
    padding-bottom: 10px;
}

/* Ready to go Thank You */
#promoentrythanks
{
    width: 556px;
    padding: 26px 50px 0 29px;
    background: url("/UI/images/bg_rtg_thankyou.png") no-repeat top left;
    height: 409px;
}
#promoentrythanks #thankscontent
{
    margin-left: 235px;
    padding-top: 20px;
}
#promoentrythanks #thankscontent p
{
    margin-bottom: 25px;
    margin-right: 10px;
}
#promoentrythanks a.thankstermlink
{
    font-size: 11px;
}
#promoentrythanks a.timesavingtipsbutton, #promolanding a.timesavingtipsbutton, #promoentrysorry a.timesavingtipsbutton
{
    display: inline-block;
    width: 199px;
    height: 0;
    padding-top: 39px;
    overflow: hidden;
    background: url("/UI/images/btn_gettimesavingtips.gif") no-repeat top left;
    position: relative;
    margin-right: 10px;
    margin-left: 10px;
    vertical-align: middle;
}
#promolanding a.timesavingtipsbutton
{
    margin-left: 0;
    margin-top: -5px;
}


/* Ready to go Sorry */
#promoentrysorry
{
    width: 556px;
    padding: 26px 50px 0 29px;
    background: url("/UI/images/bg_rtg_sorry.png") no-repeat top left;
    height: 364px;
}
#promoentrysorry #sorrycontent
{
    padding-top: 15px;
}
#promoentrysorry #sorrycontent p
{
    margin-bottom: 70px;
}
#promoentrysorry a.timesavingtipsbutton
{
    margin-left: 191px;
}

/* Terms and Conditions modal header */
.jqmWindowWide h3.termsandconditions
{
    overflow: hidden;
    height: 0;
    padding-top: 19px;
    width: 193px;
    background: url("/UI/images/h_terms_and_conditions_modal.gif") no-repeat top left;
}

/* Newsletter signup */
.newsletter #content
{
    padding-top: 70px;
}
.newsletter #contentinner
{
    height: 494px;
}
.newsletter #contentinner .inner
{
    width: 677px;
    height: 426px;
    padding: 68px 145px 0 122px;
    background-image: url("/UI/images/bg_innercontent_newsletter.png");
}
.newsletter h1
{
    height: 0;
    overflow: hidden;
    width: 331px;
    padding-top: 30px;
    background: url("/UI/images/h1_newsletter.png") no-repeat top left;
    margin: 0 0 8px 327px;
}
.newsletter #newsletterintro p
{
    height: 0;
    overflow: hidden;
    width: 585px;
    padding-top: 51px;
    background: url("/UI/images/bg_newsletter_intro.png") no-repeat top left;
    margin: 0 auto 5px auto;
}
.newsletter input.submit
{
    margin-left: 295px;
    margin-top: 30px;
}
.newsletter .formrow input.text
{
    width: 186px;
}
.newsletter .formrow label
{
    width: 90px;
}
.newsletter .formrow select
{
    margin-left: 10px;
}
.newsletter .formrow select#dobday, .newsletter .formrow select#dobyear
{
    margin-left: 16px;
}
.newsletter .formrow a.whydob
{
    margin-left: 10px;
}
.newsletter p.requirednote
{
    margin-bottom: 14px;
}
.newsletter #newsletterform .column
{
    float: left;
    display: inline;
    width: 330px;
}
.newsletter #newsletterform .firstcolumn
{
    width: 310px;
}

/* Newsletter Thank You */
.newsletterthanks h1
{
    margin-bottom: 29px;
}
.newsletterthanks p.thanksmessage
{
    height: 0;
    overflow: hidden;
    width: 449px;
    padding-top: 18px;
    background: url("/UI/images/bg_newsletterthanks_intro.png") no-repeat top left;
    margin: 0 auto 185px auto;
}
/* Site Map */
.sitemap h1
{
    height: 0;
    overflow: hidden;
}
.sitemap #content
{
    padding-top: 65px;
}
.sitemap h1
{
    width: 96px;
    padding-top: 28px;
    background: url("/UI/images/h1_sitemap.png") no-repeat top left;
    margin: 0 0 19px 441px;
}
.sitemap #content ul li
{
    margin-bottom: 15px;
}
.sitemap #content ul li ul li
{
    margin-bottom: 4px;
    list-style: circle;
}
/* Legal page */
.legal h1
{
    width: 609px;
    padding-top: 29px;
    background: url("/UI/images/h1_legal.png") no-repeat top left;
    margin: 0 0 19px 185px;
    overflow: hidden;
    height: 0;
}
.legal #content p
{
    margin-bottom: 29px;
}
/* Privacy page */
.privacy #contentinner .inner
{
    background: url("/UI/images/bg_innercontent_contactform.png") no-repeat top left;
    width: 766px;
    height: 741px;
    padding: 47px 88px 0 88px;
}
.privacy h1
{
    width: 609px;
    padding-top: 29px;
    background: url("/UI/images/h1_privacy.png") no-repeat top left;
    margin: 0 0 19px 185px;
    overflow: hidden;
    height: 0;
}
.privacy h2
{
    font-size: 12px;
    margin-bottom: 0;
}
/* Hiding the tracking which is showing up badly on Promotion pages in certain browsers */
.trackingwrapper
{
    position: absolute;
    left: -10000em;
}

/*START NEW STYLE: SMUCKER'S UNSCRUSTABLE PROMO */

.txt-rep
{
    text-indent: -9999px;
    font-size: 1px;
}

.pos-absolute
{
    position: absolute;
    margin-top: 0px;
    margin-bottom: 0px;
}

.clear
{
    clear: both;
    height: 0px;
    font-size: 1px;
}

.wrapper-content
{
    width: 952px;
}

.left-content
{
    float: left;
    width: 691px;
    background-image: url("/UI/images/bck-landing.png");
}

.left-content .inner
{
    width: 657px;
    margin-left: 15px;
    margin-top: 28px;
    position: relative;
}

.h1-uncrustables-logo
{
    background-image: url("/UI/images/pic-logo.png");
    width: 251px;
    height: 159px;
    left: 31px;
    top: 24px;
}

.pic-photos
{
    background-image: url("/UI/images/pic-photos.png");
    width: 310px;
    height: 237px;
    top: 12px;
    left: 330px;
}

.float-left
{
    float: left;
}

.float-right
{
    float: right;
}


/* GENERAL STYLES END */

/* RIGHT RAIL STYLES START */

.right-content
{
    float: right;
    width: 261px;
    height: 515px;
    background-image: url("/UI/images/bck-right-rail.png");
}

.right-content .inner-right
{
    width: 243px;
    height: 457px;
    margin-left: 3px;
    margin-top: 33px;
    background-image: url("/UI/images/bck-right-rail.jpg");
    position: relative;
}

.h2-prizes
{
    background-image: url("/UI/images/contest_winner.png");
    width: 198px;
    height: 86px;
    left: 15px;
    top: 17px;
}

.h3-grand-prize
{
    background-image: url("/UI/images/txt-1-grand-prize-winner.png");
    width: 201px;
    height: 19px;
    left: 17px;
    top: 120px;
}

.h3-runner-up
{
    background-image: url("/UI/images/txt-runner-up-winners.png");
    width: 198px;
    height: 19px;
    left: 17px;
    top: 235px;
}

.right-content .inner-right p
{
    margin-top: 0px;
    margin-bottom: 10px;
    line-height: 16px;
}

.p-right-rail-grand
{
    width: 200px;
    top: 145px;
    left: 17px;
}

.p-right-rail-runnerup
{
    width: 200px;
    top: 260px;
    left: 17px;
}

.p-right-rail-runnerup p
{
    line-height: 18px !important;
}

/* RIGHT RAIL STYLES END */

/* LANDING STYLES START */

#landing
{
    margin-left: -7px;
    margin-top: 6px;
}

#landing .left-content
{
    height: 800px;
    background-image: url("/UI/images/bck-landing.png");
}

#landing .inner
{
    background-image: url("/UI/images/bck-landing.jpg");
    height: 744px;
}

.h2-unstoppable
{
    background-image: url("/UI/images/txt-is-your-family-unstoppable.png");
    width: 251px;
    height: 59px;
    left: 311px;
    top: 26px;
}

.h2-judging-criteria
{
    background-image: url("/UI/images/txt-judging-criteria.png");
    width: 226px;
    height: 16px;
    left: 239px;
    top: 624px;
}

.p-landing p, .p-landing-criteria p
{
    margin-top: 0px;
    margin-bottom: 10px;
    line-height: 17px;
}

.p-landing
{
    left: 311px;
    top: 95px;
    width: 340px;
}

.p-landing-criteria
{
    left: 239px;
    top: 645px;
    width: 360px;
}

.p-landing-criteria ul
{
    margin: 0;
    padding-left: 20px;
}


.btn-enter-now
{
    background-image: url("/UI/images/btn-enter-now.png");
    display: block;
    width: 167px;
    height: 35px;
    margin: 19px auto 3px auto;
}

.lnk-rules
{
    font-size: 11px;
    margin: 0px;
    text-align: center;
}

.lnk-rules a
{
    color: #0012ff;
    text-decoration: none;
}

/* LANDING STYLES END */

/* FORM STYLES START */

#form01, #form02
{
    margin-left: 8px;
}

#form01 .left-content
{
    height: 1033px;
    background-image: url("/UI/images/bck-entry01.png");
}

#form01 .inner
{
    background-image: url("/UI/images/bck-entry01.jpg");
    height: 977px;
}

#form02 .left-content
{
    height: 801px;
    background-image: url("/UI/images/bck-entry02.png");
}

#form02 .inner
{
    background-image: url("/UI/images/bck-entry02.jpg");
    height: 747px;
}

.form-container
{
    width: 602px;
    top: 248px;
    left: 25px;
}

.form
{
    position: relative;
}

.h2-review
{
    background-image: url(/UI/images/txt-review-your-information-step-02.png);
    width: 367px;
    height: 21px;
}

p.subtitle
{
    margin-top: 8px;
    margin-bottom: 25px;
}

.h3-your-contact
{
    width: 133px;
    height: 16px;
    background-image: url(/UI/images/txt-your-contact-info.png);
}

.h3-your-photo
{
    width: 162px;
    height: 15px;
    background-image: url(/UI/images/txt-your-photo.png);
}

.btn-edit
{
    width: 38px;
    height: 19px;
    background-image: url(/UI/images/btn-edit.png);
    margin-bottom: 25px;
}

.form-column
{
    margin-left: 15px;
    width: 248px;
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative;
}

.column-right
{
    border-left: 1px solid #b2bcc3;
    padding-left: 25px;
    width: 262px;
}

.form-label
{
    width: 90px;
    margin-right: 8px;
    font-weight: bold;
}

.form-label, .form-field
{
    margin-top: 2px;
    margin-bottom: 7px;
    word-wrap: break-word;
}

.btn-submit
{
    background-image: url(/UI/images/btn-submit.png);
    width: 131px;
    height: 35px;
    display: block;
    margin: 0px auto 0 auto;
}

/* FORM STYLES END */

/* THANK YOU & ERROR STYLES START */

#form-submit
{
    margin-left: 8px;
}

#form-submit .left-content
{
    height: 808px;
    background-image: url(/UI/images/bck-finish.png);
}

#form-submit .inner
{
    background-image: url(/UI/images/bck-finish.jpg);
    height: 752px;
}

.product-box
{
    background-image: url(/UI/images/pic-box.png);
    width: 182px;
    height: 139px;
    top: 259px;
    left: 28px;
}

.h2-thank-you
{
    background-image: url(/UI/images/txt-thank-you.png);
    width: 322px;
    height: 66px;
    left: 229px;
    top: 259px;
}

.sorry .h2-thank-you
{
    background-image: url(/UI/images/txt-sorry.png);
    width: 86px;
    height: 26px;
}


.p-finish
{
    top: 333px;
    left: 229px;
    width: 280px;
    height: 250px;
    line-height: 17px;
}

.sorry .p-finish
{
    top: 295px;
    width: 400px;
}

.p-finish p
{
    margin-bottom: 18px;
    margin-top: 0px;
}

.btn-tips
{
    width: 221px;
    height: 34px;
    background-image: url(/UI/images/btn-get-tips.png);
    display: block;
    left: 229px;
    top: 453px;
}

.sorry .btn-tips
{
    top: 372px;
}

.official-rules
{
    left: 460px;
    top: 462px;
    font-size: 12px;
    text-decoration: none;
    font-color: #0012ff;
}

.sorry .official-rules
{
    top: 380px;
}

.p-social
{
    top: 702px;
    left: 315px;
    width: 330px;
    height: 30px;
}

.p-social ul
{
    list-style-type: none;
    line-height: 21px;
    margin: 0px;
    padding: 0px;
}

.p-social ul li
{
    display: inline;
    padding: 3px 0px 10px 28px;
    margin: 0px;
    background-repeat: no-repeat;
}

.p-social ul li a
{
    text-decoration: none;
    font-color: #0012ff;
    font-weight: bold;
    font-size: 12px;
}

.p-social ul li.twitter
{
    background-image: url(/UI/images/btn-twitter.png);
}

.p-social ul li.facebook
{
    background-image: url(/UI/images/btn-facebook.png);
    margin-left: 12px;
}

/* THANK YOU & ERROR STYLES END */

/* FOOTER STYLES START */

.promo-footer
{
    margin-top: 15px;
    margin-bottom: 18px;
    width: 691px;
    color: #fff;
    font-size: 11px;
    text-align: center;
    line-height: 15px;
}

.promo-footer p
{
    margin: 0;
}

/* FOOTER STYLES END */

/* OFFICIAL RULES STYLES START */

#rules
{
    background-color: #d6e7f5;
}

#rules .container
{
    width: 648px;
    margin: 25px;
}

#rules h1
{
    background-image: url(/UI/images/rules-logo.png);
    width: 188px;
    height: 120px;
    margin: 0px auto 10px;
}

#rules h2
{
    background-image: url(/UI/images/rules-title.png);
    width: 648px;
    height: 18px;
    margin: 10px auto 10px;
}
#rules.qa h1
{
    background: url(/UI/images/QandA-logo.png) no-repeat;
    width: 136px;
    height: 129px;
    margin: 0px auto 10px;
}

/* OFFICIAL RULES STYLES END */

/* ELIGIBILITY POPUP STYLES START */

.white-bg
{
    background-color: #ffffff;
    filter: alpha(opacity=50);
    opacity: 0.5;
    -moz-opacity: 0.5;
    z-index: 10;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: auto;
}

.eligibility-popup
{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -49px;
    margin-left: -146px;
    background-image: url(/UI/images/eligibility-popup.png);
    width: 293px;
    height: 98px;
    padding: 35px 25px 20px 25px;
    z-index: 15;
}

.eligibility-popup h3
{
    background-image: url(/UI/images/eligibility-title.png);
    width: 150px;
    height: 16px;
    margin-bottom: 10px;
    margin-top: 0px;
}

.eligibility-popup a
{
    background-image: url(/UI/images/eligibility-popup-close.png);
    width: 18px;
    height: 18px;
}

.eligibility-popup p
{
    margin-top: 0px;
    margin-bottom: 0px;
}
/* ELIGIBILITY POPUP STYLES START */



* #promoentryform .confirmationsection a.editbutton
{
    position: absolute;
    top: 20px;
    left: -40px;
}

/**** New Banner ******/

/* Homepage Tout 2 - Sandwich Saver */
.home #touts .tout_2 .toutinner {
background: url("/UI/images/bg_homepage_tout.png") no-repeat top left;
height: 238px;
width: 459px;
}
.home #touts .tout_2 {
margin: 0 31px 27px 0;
}
.home #touts .tout_2 .touthead {
padding: 31px 0 18px 34px;
}
.home #touts .tout_2 h2 {
width: 324px;
padding-top: 20px;
background: url("/UI/images/home_tout_head_sandwichsaver.gif") no-repeat top left;
}
.home #touts .tout_2 img.toutimg {
margin-top: 15px;
margin-left: 30px;
}
.home #touts .tout_2 .toutcontent {
margin-left: 231px;
margin-top: 3px;
}
.home #touts .tout_2 a.buynow {
width: 119px;
height: 39px;
background: url("/UI/images/btn_buynow.png") no-repeat top left;
}
.home #touts .tout_2 p {
margin-bottom:10px;
margin-right:40px;
}
.home #touts .tout_2 a.official_rules {
color: #FFFFFF;
font-size: 11px;
text-decoration:none;
}
.home #touts .tout_2 a.official_rules:hover {
text-decoration:underline;
}
/* Homepage Tout 2 - Sandwich Saver */

/*
****************************************************************
SPR
****************************************************************
*/
.margintop10_spr
{
    margin-top:10px;
}
.margintop20_spr
{
    margin-top:20px;
}
.margintop40_spr
{
    margin-top:40px;
}
.contentNewsletter_spr
{
    margin-left: -45px;
    width: 640px;
}
.indented_spr
{
    margin-left:95px;
}
.contentNewsletter_spr label
{
    width:90px;
    display: inline-block;
    *display: inline;
    zoom:1;
}
.contentNewsletter_spr .newsParticular_spr
{
    margin-left: -40px;
    width: 220px;
}
.contentNewsletter_spr .error
{
    margin-left: -41px;
}
    
    
/* Homepage Tout 1 - 140 Reasons - Official Rules */
#rules140 {
   background-color: #FFFFFF;
}
#rules140 .container {
    width: 648px;
    margin: 25px;
}
#rules140 h1 {
    background-image: url(/UI/images/140_Reasons_OfficialRules.png);
    width: 260px;
    height: 196px;
    margin: 0px auto 10px;
    color:#FFFFFF;
}
/* End Homepage Tout 1 - 140 Reasons - Official Rules */


/* Kristi Yamaguchi Updates */
.kristy-tout {
    float: right;
    width: 261px;
    height: 284px;
    background-image: url("/UI/images/unstoppable_kristy_tout.png");
    position:relative;
}
.h2-unstoppable-kristi {
    background-image: url("/UI/images/txt-unstoppable-kristi.png");
    width: 211px;
    height: 13px;
    left: 19px;
    top: 42px;
}
.p-right-rail-kristi
{
    width: 153px;
    top: 63px;
    left: 88px;
}
.kristi-read-more {
    left: 87px;
    position: absolute;
    top: 115px;
}
#kristi-page
{
    margin-left: -7px;
    margin-top: 6px;
}

#kristi-page .left-content{
    background:none;
}

#kristi-page .left-content .inner {
    margin-top:0;
}

.unstoppable-tout .inner-right {
    position:relative;
}

#kristi-page .left-content .top-section {
    background-image: url("/UI/images/kristi-bg-top.png");
    height:337px;
    width:691px;
}
.h2-unstoppable-kristi-landing {
    background-image: url("/UI/images/txt-unstoppable-kristi-landing.png");
    width: 261px;
    height: 16px;
    left: 342px;
    top: 79px;
}
.p-unstoppable-kristi
{
    width: 270px;
    top: 104px;
    left: 343px;
}
.p-kristis-story {
    width: 585px;
    top: 27px;
    left: 35px;
}
.p-kristis-story p {
    line-height:19.5px;
}
.txt-kristis-story {
    margin-top:20px;
    margin-bottom:16px;
}
.family-photo {
    float:left;
    padding-right:15px;
    padding-bottom:10px;
}
#kristi-page .left-content .middle-section {
    background-image: url("/UI/images/kristi-bg-middle.png");
    height:538px;
    width:691px;
}
#kristi-page .left-content .bottom-section {
    background: url("/UI/images/kristi-bg-bottom.png") no-repeat bottom center;
    height:600px;
    width:691px;
}
.h2-videos {
    background-image: url("/UI/images/txt-videos.png");
    width: 89px;
    height: 16px;
    left: 35px;
    top: 22px;
}
.p-videos-subtitle {
    width: 270px;
    top: 51px;
    left: 35px;
}
div.video-area {
    left: 25px;
    margin: 0 0 10px;
    padding: 0;
    position: absolute;
    top: 38px;
}
#flash-video {
}
.unstoppable-tout {
    float: right;
    width: 261px;
    height: 381px;
    background-image: url("/UI/images/bg-is-your-family-unstoppable-tout.png");
    margin-top: 4px;
}
.h2-family-unstoppable {
    background-image: url("/UI/images/txt-thanks-for-all-of-the-entries.png");
    width: 159px;
    height: 38px;
    left: 19px;
    top: 42px;
}
.family-unstoppable-enter {
    left: 19px;
    position: absolute;
    top: 143px;
}
.unstoppable-tout .tout-text {
    left: 20px;
    position: absolute;
    top: 86px;
}
.unstoppable-tout .lnk-rules {
    left: 20px;
    position: absolute;
    top: 175px;
}
ul#video-thumbnails    {
    left: 32px;
    position: absolute;
    top: 416px;
    padding:0;
    margin:0;
}
ul#video-thumbnails li {
    list-style:none;
    float:left;
    display:inline;
    margin-right: 14px;
}
.contactcolumns
{
     width: 820px;
}
.contactUnc_spr .stateContact_spr
{
    left: -60px;
    position: relative;
    top: 6px;
}

.contactUnc_spr .errorbirth
{
    margin-left: 86px;
    position: relative;
    top: -8px;
} 
.contactUnc_spr .selectBlock
{
    display:block;
    width:310;
}
.contactUnc_spr .direction
{
    margin-left: 86px;
}
.footercontact
{

    padding-left: 5px;
    width: 645px;
}

.margincheck
{
    margin-left:22px;
}
.centersubmit
{
    margin-left:305px;
    margin-top:10px;
}
.contactus_spr input
{
    margin-bottom:12px;
}
.contactus_spr input[type="text"], .contactus_spr input[type="password"]
{
    width:230px;
    margin-left:10px;
}
.contactus_spr select
{
    margin-left:10px;
    margin-bottom:12px;
}
.contactus_spr label
{
    display:inline-block;
    *display:inline;
    zoom:1;
    width:75px;
    text-align:right;
    vertical-align:top;
    line-height:20px;
}
.contactus_spr .error
{
    margin: -13px 0 2px 88px;
    min-height:10px;
}
.contactus_spr textarea
{
    margin-bottom:3px;
}


.newtext {     font-size: 11px;
    width: 242px; }
    
.blueofficial2 {        color: #3360F1;
    font-size: 12px;
    left: 3px;
    position: relative;
    top: -5px;
}