/* RESET.css */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{ 
    display:block;
}

nav ul{ list-style:none; }

blockquote, q{ quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after{ content:''; content:none; }

a{ margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }

ins{ background-color:#ff9; color:#000; text-decoration:none; }

mark{ background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del{ text-decoration:line-through; }

abbr[title], dfn[title]{ border-bottom:1px dotted; cursor:help; }

/* tables still need cellspacing="0" in the markup */
table{ border-collapse:collapse; border-spacing:0; }

hr{ display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select{ vertical-align:middle; }

/* END RESET CSS */


/* fonts.css from the YUI Library:developer.yahoo.com/yui/
   Refer to developer.yahoo.com/yui/3/cssfonts/ for font sizing percentages

  There are three custom edits:
   * remove arial, helvetica from explicit font stack
   * we normalize monospace styles ourselves
   * table font-size is reset in the HTML5 reset above so there is no need to repeat
*/
body{ font:62.5%/1.231 sans-serif; *font-size:small; } /* hack retained to preserve specificity 13px */

select, input, textarea, button{ font:99% sans-serif; }

/* normalize monospace sizing 
 * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome
 */
pre, code, kbd, samp{ font-family:monospace, sans-serif; }
 

/* 
 * minimal base styles 
 */


body, select, input, textarea{ 
  /* #444 looks better than black:twitter.com/H_FJ/statuses/11800719859 */ 
  color:#222; 
  /* set your base font here, to apply evenly */
  font-family:'lucida grande', arial, tahoma, verdana, sans-serif;   
}

/* Headers (h1,h2,etc) have no default font-size or margin,
   you'll want to define those yourself. */ 
h1,h2,h3,h4,h5,h6{ font-weight:bold; }

/* always force a scrollbar in non-IE */ 
html{overflow-y:scroll;}

 
/* Accessible focus treatment:people.opera.com/patrickl/experiments/keyboard/test */
a{ color:#803506; }
a:hover{ color:#c60313; }
a:hover, a:active{ outline:none; }

ul, ol{ margin-left:1.8em; }
ol{ list-style-type:decimal; }

/* Remove margins for navigation lists */
nav ul, nav li{ margin:0; } 

small{ font-size:85%; }
strong, th{ font-weight:bold; }

td, td img{ vertical-align:top; } 

sub{ vertical-align:sub; font-size:smaller; }
sup{ vertical-align:super; font-size:smaller; }

pre{ 
  padding:15px; 
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space:pre; /* CSS2 */
  white-space:pre-wrap; /* CSS 2.1 */
  white-space:pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap:break-word; /* IE */
}
 
textarea{ overflow:auto; } /* thnx ivannikolic! www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */

.ie6 legend, .ie7 legend{ margin-left:-7px; } /* thnx ivannikolic! */

/* align checkboxes, radios, text inputs with their label
   by:Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"]{ vertical-align:text-bottom; }
input[type="checkbox"]{ vertical-align:bottom; }
.ie7 input[type="checkbox"]{ vertical-align:baseline; }
.ie6 input{ vertical-align:text-bottom; }

/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button{ cursor:pointer; }
 
/* webkit browsers add a 2px margin outside the chrome of form elements */  
button, input, select, textarea{ margin:0; }

/* colors for form validity */
input:valid, textarea:valid{  }
input:invalid, textarea:invalid{ 
      border-radius:1px;
    -moz-box-shadow:0px 0px 5px red; 
 -webkit-box-shadow:0px 0px 5px red; 
         box-shadow:0px 0px 5px red;
}
.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid{ background-color:#f0dddd; }


/* These selection declarations have to be separate.
   No text-shadow:twitter.com/miketaylr/status/12228805301 
   Also:hot pink. */
::-moz-selection{ background:#777; color:#fff; text-shadow:none; }
::selection{ background:#777; color:#fff; text-shadow:none; } 

/*  j.mp/webkit-tap-highlight-color */
a:link{ -webkit-tap-highlight-color:#FF5E99; } 

/* make buttons play nice in IE: 
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button{  width:auto; overflow:visible; }
 
/* bicubic resizing for non-native sized IMG:
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img{ -ms-interpolation-mode:bicubic; }


/* 
 * Non-semantic helper classes 
 */

/* for image replacement */
.ir{ display:block; text-indent:-999em; overflow:hidden; background-repeat:no-repeat; text-align:left; direction:ltr; }

/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden{ display:none; visibility:hidden; } 

/* Hide only visually, but have it available for screenreaders 
   www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden  */
.visuallyhidden{ position:absolute !important;    
  clip:rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip:rect(1px, 1px, 1px, 1px); }

/* Hide visually and from screenreaders, but maintain layout */
.invisible{ visibility:hidden; }
.visible{ visibility:visible; }

/* >> The Magnificent CLEARFIX:Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix{ zoom:1; }
.clearfix:before, .clearfix:after{
  content:"\0020"; display:block; height:0; visibility:hidden;	
} 
.clearfix:after{ clear:both; }
.floatwrap{width:100%; overflow:hidden;}

/* doubleclick clicktags */
.clicktag{
    position:absolute;
    width:1px;
    height:1px;
    top:0px;
    right:0px;
    margin-top:-1px;
    margin-left:-1px;
    visibility:hidden;
}

 /* Primary Styles
    Author:
 */
html{
    background:#e5e5e5;
}
body{
    background:#fff url(../images/bg/body.gif) repeat-x;
}
form.layout{
    background:transparent url(../images/bg/layout.gif) repeat-x 0 100%;  
}
#wrapper{
    position:relative;
    width:1000px;
    margin:0 auto;
    background:transparent url(../images/bg/wrapper.jpg) no-repeat 0 100%;
}
a{text-decoration:none}
span.symbol{vertical-align:super; padding:2px;}

/*
 * HEADER
 */
header{height:98px; position:relative; background:transparent url(../images/bg/header.png) no-repeat;}
	header h1,
	header h2,
	header nav{
		position:absolute;
	}
	header h1{
		left:62px;
		top:18px;
		width:170px;
		height:80px;
	}
	header h2{
	    left:178px;
	    top:52px;
	}
	header nav{
		top:23px;
		left:678px;
		width:298px;
	}
	header nav li{
		float:left;
		display:inline;
	}
	    header nav a{
	        display:block;
	        height:33px;
	        text-indent:-999em;
	        overflow:hidden;
	        background-color:Transparent;
	        background-repeat:no-repeat;
	    }
	    header nav a:hover,
	    header nav a.hover{
	        background-position:0 -33px;
	    }
	    header nav a.current,
	    header nav a.current:hover{
	        cursor:default;
	        background-position:0 -66px;
	    }
	        #nav-home{
	            width:78px;
	            background-image:url(../images/bg/nav-home-sprite.gif);
	        }
	        #nav-products{
	            width:102px;
	            background-image:url(../images/bg/nav-products-sprite.gif);
	        }
	        #nav-products.current:hover,
	        #nav-products.hover{
	            background-position:0 -33px;
	        }
	        #nav-offers{
	            width:118px;
	            background-image:url(../images/bg/nav-offers-sprite.gif);
	        }
	#products-dropdown{
	    display:none;
	    width:445px;
	    height:190px;
	    overflow:hidden;
	    position:absolute;
	    top:56px;
	    left:403px;
	    padding-left:150px;
	    padding-top:50px;
	    font-weight:bold;
	    background:transparent url(../images/bg/products-dropdown.png) no-repeat;
	}
	    #products-dropdown section,
	    #products-dropdown tbody td{
	        border-color:#c9c4bf;
	        border-style:solid;
	    }
	    #products-dropdown section{
	        float:left;
	        display:inline;
	        width:144px;
	        border-right-width:1px;
	    }
	    #products-dropdown section h3{
	        border-bottom-width:1px;
	    }
	    #products-dropdown #ddHomestyle .last{
	        border-bottom-width:0;
	    }
	    #products-dropdown #ddDryDogFood{
	        border-right-width:0;
	    }
	        #products-dropdown table{
	            width:100%;
	        }
	        #products-dropdown td{
	            height:49px;
	            border-top-width:1px;
	            padding-left:7px;
	            vertical-align:middle;
	        }
	        #products-dropdown .last{
	            border-bottom-width:1px;
	        }
	            #products-dropdown td a{
	                display:block;
	                font-size:11px;
	                line-height:1.25em;
	            }
	            #products-dropdown td span{
	                font-size:13px;
	                display:block;
	            }
	    #products-dropdown #ddAllProducts{
	        position:absolute;
	        bottom:15px;
	        right:20px;
	        height:13px;
	        line-height:13px;
	        padding-left:15px;
	        font-size:12px;
	        text-transform:uppercase;
	        background:transparent url(../images/bg/all-products-sprite.gif) no-repeat;
	    }
	    #products-dropdown #ddAllProducts:hover{
	        background-position:0 -13px;
	    }
/*
 * MAIN
 */
#main,
#flashwrapper,
.promobucket{
    position:relative;
}
    .promobucket a{
	    position:absolute;
	    background:transparent none no-repeat 0 0;
	    text-indent:-999em;
    }
/* Old css for #realdogs with coupon -  9/21/11
#realdogs{left:315px; top:-9px; width:197px; height:99px; background-image:url(../images/buckets/realdogs-sprite.gif); }
*/
/* New css for #realdogs - coupon removed */
#realdogs{left:530px; top:-9px; width:197px; height:99px; background-image:url(../images/buckets/realdogs-sprite.gif); }
    #realdogs:hover{ background-position:0 -99px; }

/* display:none removes the coupon on the home page */
#coupon{display:none; left:550px; top:-26px; width:184px; height:95px; background-image:url(../images/buckets/coupon-sprite.gif); }
    #coupon:hover{ background-position:0 -95px; }
#fb{left:765px; top:-40px; width:191px; height:96px; background-image:url(../images/buckets/facebook-sprite.gif); }
    #fb:hover{ background-position:0 -96px; }
    
/*
 * FOOTER
 */
footer{ padding:0 20px 15px 60px; font-size:10px; }
footer, footer a{color:#595959;}
	footer fieldset{
		float:right;
		display:inline;
	}
	    footer label{
	        font-size:12px;
	    }
	    footer .txt{
            width:126px;
            height:15px;
            border:0;
            padding:1px 8px;
            background:transparent url(../images/bg/searchfield.gif) no-repeat;
	    }
	    footer input:focus{
	        outline:none;
	    }
	footer nav{ }
		footer nav li{float:left; display:inline; border-left:1px solid #595959; padding:0 15px;}
		footer nav li.first{ border-width:0; padding-left:0; }
	#purinalinks{ font-size:12px;}
	#policylinks{ float:right; clear:right; display:inline; margin-left:0; margin-right:-15px;}
	footer #legal{
	    width:100%;
	    clear:both;
	    padding-top:12px;
	}
	footer a:hover{
	    color:#c60313;
	}
        	
/*
 * HOME PAGE
 */

#flashcontent{width:1000px;height:427px;}
#facebookfeed{
    position:absolute;
    overflow:hidden;
    width:450px;
    height:220px;
    display:none;
    top:110px;
    left:63px;
    border:none;
    background:#fff;
}
#homeBucket{ height:115px; }
    #homeBucket #fb{}

/*
 * PRODUCTS LANDING PAGE
 */
#product-hero{
    background:transparent url(../images/products/product-hero-banner.png) no-repeat; 
    height:320px;
}
.prod-details{
    position:relative;
    clear:both;
    padding-bottom:20px;
    background-color:transparent;
    background-repeat:no-repeat;
}   
    .prod-details .call-out{
         position:absolute;
         width:400px;
         left:75px;
    }
#homestyle{
    background-image:url(../images/products/homestyle-product-images.jpg); 
    background-position:50px 110px;
    margin-top:-80px;
    border-bottom:1px solid #BABABA;
   
}
.ie6 #homestyle{
    height:823px;
}
    #homestyle .call-out{
         top:200px;
         left:80px;
    }
#chophouse{
    background-image:url(../images/products/chophouse-product-images.jpg); 
    background-position:50px 40px;
    padding-bottom:0;
}
.ie6 #chophouse{
    height:440px;
}
    #chophouse .call-out{
         top:140px;
    }
#dryfood{
    background-image:url(../images/products/dry-food-product-image2.jpg);
    background-position:-25px 0;
    margin-bottom:5px;
    height:319px;
    padding-top:30px;
  
}
    #dryfood .call-out{
         top:165px;
    }
.prod-details table{
    width:550px; 
    margin-left:395px;
    margin-top:20px;
    } 
.prod-details td{
    color:#777777;  
    font-size:11px;
    vertical-align:middle;
    text-align:left;
    }
.prod-details thead th{
    color:#fff;
    font-weight:bold;
    padding:5px 0 0 45px;
    height:30px;
    vertical-align:bottom;
    text-align:left;
    vertical-align:middle;
    width:275px;
    font-size:9px;
}
.prod-details tbody th{
    color:#874115;
    font-size:12px;
    font-weight:bold;
    padding-right:20px;
    padding-left:75px;
    text-align:left;
    vertical-align:middle;
    width:255px;
    height:40px;
}
    .prod-details thead th span.emphasis{font-size:16px;}
    .prod-details tfoot td{height:3px;}

.prod-details a{
    font-size:11px;
    font-weight:bold;
    }
.prod-details table tfoot{height:5px; }

.prod-details table{background:transparent url(../images/products/products-snippet.png) no-repeat;}
.ie6 .prod-details table{background:transparent url(../images/products/products-snippet-ie6.gif) no-repeat;}

.prod-details table.primecut{ 
    background-position:-20px -30px; 
    height:343px; 
    }
.prod-details table.primeslices{ 
    background-position:-20px -383px; 
    height:220px; 
    }
.prod-details table.hiddengoodness{
    background-position:-20px -603px; 
    height:190px;
    }
.prod-details table.originals{
    background-position:-20px -823px; 
    height:222px;
    }
.prod-details table.gourmetgravy{
    background-position:-20px -1063px; 
    height:169px;
    }
.prod-details table.drydogfood{
    background-position:-20px -1268px; 
    height:140px;
    }
    
#productBucket{
    height:130px;
}
    #productBucket #fb{ top:-10px; }
/*
 * PRODUCT DETAILS
 */
#products,
#product-details{
    float:left;
    display:inline;
    margin-top:22px;
}
#products{
    width:215px;
    margin-left:85px;
    padding-top:15px;
}
    #products a.current,
    #categories a.current{
        color:#c70313;
    }
    #products a.current,
    #categories a.current{
        font-weight:bold;
        cursor:default;
    }
    #products .navwrapper{
        padding-top:10px;
        background:transparent url(../images/bg/products-nav.gif) repeat-y 15px bottom;
    }
    #products ul{
        margin-left:10px;
        background:transparent url(../images/bg/products-nav-list.gif) no-repeat 5px 100%;
    }
        #products ul li{
            padding:0 0 20px 15px;
        }
#product-details{
    position:relative;
    width:650px;
    height:400px;
    background-color:transparent;
    background-position:100% 0;
    background-repeat:no-repeat;
}
#product-details details{
    position:absolute;
    left:20px;
    top:210px;
    width:225px;
    font-weight:bold;
}
    #product-details details p{
        font-size:13px;
        line-height:1.5em;
        padding-left:5px;
    }
    #product-details details a{
        display:block;
        height:15px;
        line-height:15px;
        margin-top:10px;
        padding:5px 0 5px 35px;
        font-size:12px;
        color:#777;
        background:transparent url(../images/bg/btn-nutrition-sprite.gif) no-repeat 0 0;
    }
    #product-details details a:hover{
        color:#C60313;
        background-position:0 -26px;
    }
#nutrition{
    display:none;
    overflow:auto;
    width:480px;
    padding-bottom:10px;
    font-size:11px;
}
    #nutrition h3{
        margin:0;
    }
    #nutrition h4,
    #nutrition h5,
    #nutrition h6{
        margin:2em 0 0;
    }
    #nutrition h4{
        font-size:13px;
        font-weight:normal;
        color:#c70313;
    }
    #nutrition h5,
    #nutrition h6{
        font-size:11px;
        font-weight:bold;
    }
    #nutrition h4,
    #nutrition h5{
        text-transform:uppercase;
    }
    #nutrition h6{
        margin-bottom:2em;
    }
    #nutrition ul{
        margin:0;
        width:100%;
        overflow:hidden;
        list-style-type:none;
    }
    #nutrition li{
        float:left;
        display:inline;
        width:165px;
        padding-right:60px;
        text-align:right;
    }
        #nutrition li p{
            float:left;
            display:inline;
            text-align:left;
        }
        #nutrition .ingredientTitle{
        }
#categories{
    margin-left:70px;
    width:930px;
    clear:both;
    overflow:hidden;
    background:transparent url(../images/bg/categories.jpg) no-repeat 50% 47px;
}
    #categories h3{
        padding-left:30px;
    }
    #categories section{
        height:185px;
        background:transparent url(../images/bg/categories-section.jpg) no-repeat 5px 81px;
    }
    #categories section.first{
        background-image:none;
    }
    #categories section.last{
        background-position:-150px 81px
    }
    #categories section,
    #categories li{
        float:left;
        display:inline;
    }
    #categories ul{
        overflow:hidden;
    }
    #categories li{
        width:140px;
        padding-left:10px;
        font-size:10px;
    }
    #categories li.big{
        width:170px;
    }
        #categories li a,
        #categories li a img{
            display:block;
            text-align:center;
            text-transform:uppercase;
            white-space:nowrap;
        }
            #categories li a img{
                margin:0 auto;
            }
            #categories li a span{
                font-size:12px;
            }
    #categories section.last h3{
        padding-left:15px;
    }
    #categories section.last li{
        width:100px;
    }
.alism{
    position:absolute;
    left:75px;
    top:-20px;
    width:425px;
}
#productDetailBucket{
    height:160px;
}
    #productDetailBucket #fb{ left:690px; top:15px; }

/*
 * MODAL Styling
 */
#modalOverlay,
#modalContent{
	position:fixed;
	display:none;
}
.ie6 #modalOverlay,
.ie6 #modalContent{
     position:absolute;
}
#modalOverlay{
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:#000;
	z-index:100;
}
#modalContent{
	top:50%;
	left:50%;
	color:#444;
	text-align:left;
	border:2px solid #fff;
	background:#fff url(../images/modal/bg-content.gif) repeat-x 0 100%;
	z-index:101;
    /*rounded-corners*/
    -moz-border-radius:4px;
    border-radius:4px;
    /*drop-shadow*/
    -moz-box-shadow:3px 3px 4px #111;
    -webkit-box-shadow:3px 3px 4px #111;
    box-shadow:3px 3px 4px #111;
    -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#111111')";/* For IE 8 */
    filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#111111');/* For IE 5.5 - 7 */
}
.ie6 #modalOverlay{
     height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px');
}
.ie6 #modalContent{
    margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#modalClose,
#modalBack{
    display:block;
    overflow:hidden;
    text-indent:-999em;
}
#modalClose{
    position:absolute;
    width:24px;
    height:24px;
    top:-12px;
    right:-13px;
    background:transparent url(../images/modal/btn-close-sprite.gif) no-repeat;
}
#modalClose:hover{
    background-position:0 -24px;
}
#modalBack{
    width:109px;
    height:28px;
    margin:0 auto;
    background:transparent url(../images/modal/btn-back-sprite.gif) no-repeat;
}
#modalBack:hover{
    background-position:0 -28px;
}

/*
 * DOGGIE BAG / OFFERS
 */
#offer-hero{
    background:transparent url(../images/offers/offer-hero-banner.jpg) no-repeat top; 
    display:block;
    width:100%;
    height:440px;
}
.facebook-link{
    width:400px; 
    height:200px;
    padding-left:224px;
    padding-top:230px;
}
.facebook-link p{  
    color:#000000;
    font:bold 15px arial;
    width:350px;
    line-height:20px;
}

.facebook-link .emphasis{color:#803506;}    
.facebook-link iframe{padding-left:50px; padding-top:25px; }
#doggie-bag-items{
    margin-bottom:5spx;
}
    #doggie-bag-items ul{
        list-style-type:none;
        font-size:16px;
        font-weight:bold;
    }   
    #doggie-bag-items span{
        font-weight:normal; 
        font-size:12px; 
        vertical-align:top;
    }
    
.call-out{  
    font-size:15px;
    font-weight:bold;
    visibility:visible;
}

#doggie-bag-items li{
    position:relative;
    height:300px;
    background-position:left bottom;
    background-repeat:no-repeat;
}
    #doggie-bag-items .offer-details,
    #doggie-bag-items .clickable-area{
        position:absolute; 
    }
    #doggie-bag-items .clickable-area{
        display:block;
        text-indent:-999em;
        overflow:hidden;
    }

#doggie-bag-items #offer1{
	display:none; /* removes the coupon from Offers page */
    background-image:url(../images/offers/doggiebag-offer1.jpg); 
    border-bottom:1px solid #BABABA;
}
    #offer1 .offer-details{
        top:165px; 
        left:600px;
    }
    #offer1 .clickable-area{
        top:70px;
        left:110px;
        width:300px;
        height:215px;
    }
   
#doggie-bag-items #offer2{
    background-image:url(../images/offers/doggiebag-offer2.jpg);
    border-bottom:1px solid #BABABA;
}
    #offer2 .offer-details{
        top:180px; 
        left:240px;
    }    
        
#doggie-bag-items #offer3{
    background-image:url(../images/offers/doggiebag-offer3.jpg);
}
    #offer3 .offer-details{
        top:180px; 
        left:635px;
    }
    #offer3 .clickable-area{
        top:50px;
        left:130px;
        width:300px;
        height:230px;
    }

.offer-details p{margin-bottom:10px; }
.offer-details a{
    display:block;
    background:transparent url(../images/offers/offer-buttons.png) no-repeat top left;
    width:190px;
    height:50px;
    }
.ie6 .offer-details a{
    background:transparent url(../images/offers/offer-buttons-ie6.gif) no-repeat top left;
}

#offer1 .offer-details p{margin-left:20px; }

#offer1 .offer-details a{
    background-position:0 0;
    } 
    #offer1 .offer-details a:hover{
        background-position:-200px 0;
    }
#offer2 .offer-details a{
    background-position:0 -95px;
    margin-left:60px;
} 
    #offer2 .offer-details a:hover{
        background-position:-202px -96px;
        margin-left:60px;
    } 
#offer3 .offer-details a{
    background-position:0 -200px;
} 
   #offer3 .offer-details a:hover{
        background-position:-201px -200px;
    } 
#offerBucket{
    height:185px;
}
    #offerBucket #fb{ left:735px; top:40px; }

/*
 * COUPONS
 */
#couponsinc{
    margin-top:20px;
    margin-bottom:60px;
}
h4.help{
    font-size:16px;
    text-align:center;
}
/*
 * THANK YOU
 */
#thankyou{
    position:relative;
    margin:50px auto 120px;
    width:1000px;
    height:360px;
    background:transparent url(../images/bg/thankyou.jpg) no-repeat;
}
    #thankyou h3,
    #thankyou p,
    #thankyou a{
        position:absolute;
    }
    #thankyou p{
        width:365px;
        top:145px;
        left:335px;
        font-size:12px;
        font-weight:bold;
        line-height:1.33em;
    }
    #thankyou a{
        display:block;
        width:170px;
        height:97px;
        top:225px;
        left:570px;
    }

/*
 * ERROR
 */
details#errorcontent{
    margin:40px auto;
    width:650px;
    font-size:14px;
}
    #errorcontent h2{
        font-size:18px;
        margin-bottom:1em;
    }
    #errorcontent p{
        margin-bottom:1em;
    }
/*
 * ALTERNATE STYLESHEET
 */
html.alt{
    background-color:#fff;
}
html.alt body{
    background-image:url(../images/bg/body-alt.gif);
}
html.alt form.layout,
html.alt #wrapper{
    background:none;  
}


/*
 * Media queries for responsive design
 * These follow after primary styles so they will successfully override. 
 */

@media all and (orientation:portrait){ 
  /* Style adjustments for portrait mode goes here */
  
}

@media all and (orientation:landscape){ 
  /* Style adjustments for landscape mode goes here */
  
}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
   Consider this:www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width:480px){
  
  
  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you
     j.mp/textsizeadjust 
  html{ -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}

/* 
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ 
 */
@media print{
  *{ background:transparent !important; color:#444 !important; text-shadow:none !important; }
  a, a:visited{ color:#444 !important; text-decoration:underline; }
  a:after{ content:" (" attr(href) ")"; } 
  abbr:after{ content:" (" attr(title) ")"; }
  .ir a:after{ content:""; }  /* Don't show links for images */
  pre, blockquote{ border:1px solid #999; page-break-inside:avoid; }
  thead{ display:table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ 
  tr, img{ page-break-inside:avoid; }
  @page{ margin:0.5cm; }
  p, h2, h3{ orphans:3; widows:3; }
  h2, h3{ page-break-after:avoid; }
}