@import url('reset.css');

@import url('style.css');

#container { 
	background: url('../en/images/productsBG.jpg') bottom left no-repeat;
	height: 80em; /*65em;	*/
	overflow: hidden;
}

.clear { clear: both; }
        
#productTabNavigation { 
    width: 655px; height: 50px; 
    background: url(/images/productTabNavigation_bg.jpg) no-repeat bottom left; 
}
#productTabNavigation a { display: block; }
#productTabNavigation li { float: left; }

#productListContainer { 
    width: 655px; height: 575px; /*425px; */
    /*min-height: 360px; _height: 360px;*/
    background: url(/images/productDisplayContainer_bg.jpg) repeat-y; 
    text-align: center; 
}
#productListContainer #productThumbContainer { 
    width: 476px; 
    margin: 0px auto 0px;
    text-align: center; 
}

#productListContainer #productThumbContainer table {
    width: 500px;
    margin: 0px auto 0px;
}

#productListContainer #productThumbContainer .productListThumb { 
    float: left;
    min-height: 90px; _height: 90px; 
    margin: 28px 13px 0px 0px; 
    padding: 2px 0 0 2px;
}

.productListCell {
    /*margin: 28px 13px 0px 0px; */
    /*padding: 2px 0 0 2px;*/
    /*padding: 30px 15px 0 0;*/
    width: 25%;
    padding-top: 30px;
}

#productListContainer #productThumbContainer .productListThumb img,
.productListCell img {
    border: 2px solid #fff;
}

#productListContainer #productThumbContainer .productListThumb a:hover img,
.productListCell a:hover img {
    border: 2px solid #532723;
}
 
.img-shadow {
  float:left;
  background: url(/images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(/images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  } 

#productDisplayContainer {
    width: 655px; height: 419px;
    /*min-height: 360px; _height: 360px;*/
    /*height: 515px;*/
    font-family: 'Times Roman', 'Times New Roman', Serif;
    font-size: 12px;
    /*line-height: 15px;*/
    color: #502824;
    background: url(/images/productDisplayContainer_bg.jpg) repeat-y; 
}

#productDisplayContainer #productId {
    display:none;
}

#productDisplayContainer #nutritionalOverlay {
    display:none;
    /*width: 187px;*/
    width: auto;
    position: absolute; 
	left: 450px;
	top: 100px;
	z-index: 10000;
}

/*** 
    nutritional popup styles, table layout version 
***/
#tblNutritional {
    border: 0px;
    border-collapse: collapse;
    border-spacing: 0px;
     
}

#tblNutritional tr,
#tblNutritional td {
    padding: 0px;
    margin: 0px;
}

#tblNutritional tr#top td#mid,
#tblNutritional tr#content td#left,
#tblNutritional tr#content td#mid
{
    background: #fff
}

#tblNutritional tr#top td#right,
#tblNutritional tr#bottom td#right
{
    text-align: right;
}

#tblNutritional tr#content td#mid {
    text-align: center;
}

#tblNutritional tr#content td#mid #nutritionalProductName
{
    display: none;
}

#tblNutritional tr#content td#right
{
    background: transparent url(/images/nutritionalOverlay_right.png) repeat-y right;
}

#tblNutritional tr#bottom td#mid
{
    background: transparent url(/images/nutritionalOverlay_bottom_bg.png) repeat-x;
}

/*** 
    end of nutritional popup styles, table layout version 
***/

/*** 
    styles for attempting nutritional popup using divs, now deprecated in favour of table 
***/
#productDisplayContainer #nutritionalOverlay #nutritionalOverlayTop {
    background: #fff;  
}

#productDisplayContainer #nutritionalOverlay #nutritionalOverlayBottom {
    height: 13px;
    /*background: transparent url(/images/nutritionalOverlay_bottom_bg.png) repeat-x;*/
}

#productDisplayContainer #nutritionalOverlay #nutritionalOverlayTop #topleft,
#productDisplayContainer #nutritionalOverlay #nutritionalOverlayBottom #bottomleft {
    float: left;
}

#productDisplayContainer #nutritionalOverlay #nutritionalOverlayTop #top {
    display: none;
    float: left;
    background: #fff;
    border: 1px solid green;
}

#productDisplayContainer #nutritionalOverlay #nutritionalOverlayTop #topright,
#productDisplayContainer #nutritionalOverlay #nutritionalOverlayBottom #bottomright {
    float: right;
}

#productDisplayContainer #nutritionalOverlay #nutritionalOverlayContent {
    height: auto;
    background: transparent url(/images/nutritionalOverlay_right.png) repeat-y right;
}

#productDisplayContainer #nutritionalOverlay #nutritionalOverlayContent #nutritionalImage {
    float: left;
    /*width: 187px;*/
    width: auto;
    text-align: center;
    /*background: transparent url(/images/nutritionalInfo_bg.png) repeat-y right;*/
    background: #fff;
    margin: 0px; 
    padding-left: 19px;
}

#productDisplayContainer #nutritionalOverlay #nutritionalOverlayContent #nutritionalImage #nutritionalProductName {
    display: none;  /* some nutritional images already have product name in them.  some don't <sigh> */
    width: 100px;
    font-family: Arial, Sans-Serif;
    font-size: 11px;
    color: #000;
    margin: 0 auto 0;
}

#productDisplayContainer #nutritionalOverlay #nutritionalOverlayContent #contentright {
    float: right;
    width: 19px; height: inherit;
}
/*** 
    end of nutritional popup div styles 
***/

#productDisplayContainer #leftColumn {
    float: left;
    width: 155px;
    margin-left: 35px;
	_margin-left: 20px;
}

#productDisplayContainer #leftColumn #image {
    margin: 15px 0 30px 0;
}

#productDisplayContainer #leftColumn #nutritional {

}

#productDisplayContainer #rightColumn {
    float: left;
    width: 425px;
}

#productDisplayContainer #rightColumn hr {
    width: 340px;
    color: #c1c1c1;
    margin-bottom: 10px;
}

#productDisplayContainer #rightColumn #title {
    font-size: 22px;
    font-weight: bold;
    color: #b40f15;
    margin: 5px 0 10px 0;
}

#productDisplayContainer #rightColumn #details .title {
    /*font-size: 18px;*/
    font-weight: bold;
    /*margin-bottom: 4px;*/
}

#productDisplayContainer #rightColumn #details p {
    line-height: 1.2em;
}

#productDisplayContainer #rightColumn #details #scrollable-details {
    width: 100%; height: 215px;
    overflow: auto;
}

#productSelectionContainer {
    margin-left: 25px;
    margin-bottom: 15px;
}

#productSelectionContainer a {
    text-decoration: none;
}

#productSelectionContainer #selectorIcon {
    float: left;
    /*width: 23px;*/
}

#productSelectionContainer #selectorDefault {
    float: left;
    width: 295px; 
	height: 24px;
    cursor: pointer;
    font-family: 'Times Roman', 'Times New Roman', Serif;
    font-size: 14px;
    color: #666; /*#8d8d8d;*/
    line-height: 1.7em;
    background: url(/images/productSelector_default_bg.jpg) no-repeat;
    padding-left: 15px;
    margin-top: 1px;
}

#productSelectionContainer #selectorList {
    /*float: left; */
    display: none;
    position: absolute;
    background: #fff url(/images/productSelector_list_bg.jpg) no-repeat;
	left: 328px;
	width: 295px;
	z-index: 10;
}

#productSelectionContainer #selectorList .productSelectorItem {
    margin-left: 15px;
    line-height: 1.5em;
}

#productSelectionContainer #selectorList a,
#productSelectionContainer #selectorList a:link,
#productSelectionContainer #selectorList a:hover,
#productSelectionContainer #selectorList a:active,
#productSelectionContainer #selectorList a:visited {
    font-family: 'Times Roman', 'Times New Roman', Serif;
    font-size: 14px;
    color: #666; /*#8d8d8d;*/
    text-decoration: none;
}
#productSelectionContainer #selectorList a:hover {
    color: #502824;
}
  
  .Scrollbar-Track { height: 150px; }
/*
#Scrollbar-Container {
	height: 175px;
}
*/

#mainContentArea {
	margin-bottom: 0;
}

#swf_products_container {
	width: 62em;
	height: 34em;
	z-index: 20;
	left:-3em;
	position:relative;	
}



.prodImg {
	float: left;
	clear: left;
	width: 75px;
	margin-right: 10px;
}

.prodDesc {
	float: left;
	width: 320px;
}

.presentation {
	margin-top: 10px;
	font-size: 12px;
	line-height: 14px;
}

#mainContentArea .prodDesc .presentation p {
font-size: 12px;
	line-height: 14px;
}

.presentation a {
	color: #5d3936;
}
/*
dl {
	margin-bottom: 2em;
	clear: left;
}

dl dt {
	float: left;
	clear: left;
	margin-right: 2em;
	margin-bottom: 2em;
	display: block;
	
}

dl dd div {
	font-size: 1.2em;
	line-height: normal;
	display: block;
	width: 100%;
	margin-top: 1em;
	
}

.prodTitle {
	color: #5d3936;
	margin-bottom: 0.75em;
	padding-top: 0.5em;
	font-weight: bold;
	font-size: 1.3em;
}

.prodImg {
	float: left;
	clear: left;
	margin-right: 2em;
}
*/



#cornerProduct img {
	right: 0.5em;
	z-index: 10;
}

#newwaysForm {
	position: absolute;
	background: url('../en/images/productsTop-trans.png');
	width: 55em;
	min-height: 35em;
	height: auto;
	left: 42em;
	top: 15em;
	z-index: 1000;
	display: none;
}

#newwaysForm p {
	margin-left: 1.6em;
	font-size: 1.2em;
	margin-bottom: 1em;
}


#closeForm {
	position: absolute;
	right: 1.5em;
	top: 1.2em;
}
#formTitle {
	margin: 2em 0 .75em 2em;
}

.floatIt {
	float: left;
}

.clearIt {
	clear: left;
}

#formBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	background: url('../en/images/productsBottom-trans.png');
	width: 49.3em;
	height: 1em;
}

.popupProd {
	float: left;
	margin: 0 1em 1em 1em;
}

#ieCornerProduct {
	background: url('../en/images/IEcornerProduct-budSingles-trans.gif') top left no-repeat;
	bottom: 0;
	height: 12em;

}

#ieCornerProduct-snacks {
		background: url('../en/images/IEcornerProduct-chewyDark-trans.gif') top left no-repeat;
	position: absolute;
	width: 27.4em;
	height: 11.5em;
	right: 0;
	bottom: 0;
	z-index:1;
	overflow: hidden;
}

#prodInfo_image img {
	float: left;
	margin: 20px;
}

#prodInfo_thumb img {
    float: left;
	
}

#prodInfo_blurb {
    display: block;
    margin-top: 20px;
}

#prodInfo_hr {
    clear: left;
    border-bottom: 1px solid #d0d0d0; 
    width: 90%; 
    margin: 0px auto 10px;
}


a { color: #5D3936 }

ul#secondNav { display: block; }