@import 'expandedlist.css';

body {
   color:#333;
   font: 62.5% Arial, Helvetica, sans-serif;}

/* Remove or Reset Default Styles
-------------------------------------------------------------------------*/
* { margin:0; padding:0; list-style-type:none;}
hr { display: none; }
img { border: none; }

/* Clear Floats
--------------------------------------------------------------------------*/
.clear {
 clear: both;
 font-size: 0;
 height: 0;
 line-height: 0;
 overflow: hidden;}

.clearfix {display:inline-block;}
.clearfix {display: block;}
	
.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;}
  
 .inline{display:inline!important;}

/* General Form Styles 
-------------------------------------------------------------------------*/
input.txtbox, textarea, select {font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;float:left;width: 160px}
fieldset label{float:left;display:block;}
fieldset br{ clear:both;}
fieldset{ border:none;}

/* General Link Styles 
--------------------------------------------------------------------------*/
a:link, a:visited {color:#0D6FDC;}
a{outline:none;cursor:pointer !important;text-decoration:none;}


/*-------------------------------------------------------------------------
                              GENERAL PAGE STYLES
*-------------------------------------------------------------------------*/
ul#acc-links {display:none;}

.container{
  width:950px;
  margin: 0 auto;}

/*-------------------------------------------------------------------------
                              HEADER
*-------------------------------------------------------------------------*/
#header{
  padding:0 0 30px 0;
  background:#FFF !Important;}

#header h1 a{
  background:url(/images/myspecials/logo_myspecials.gif) 0 0 no-repeat;
  width:311px;
  height:63px;
  display:block;
  text-indent:-9999px;
  float:left;
  margin-top:25px;}

#header .subcontent{
  float:right;
  width:363px;
  padding:5px 0 0 0;
  position:relative;
  z-index:1000;}

#header .subcontent ul{
  text-align:right;
  padding:0 0 5px 0;}

#header .subcontent ul li{
  text-align:right;
  display:inline;
  font-size:1em;
  color:#245396;}

#header .subcontent ul li a{
  color:#245396;
  border-right:1px solid #245396;
  padding:0 5px;}

#header .subcontent ul li.last a{
  border-right:none;}

#header .blockstore{
  padding: 0 0 0 8px;
  height:75px;
  position:relative;
  z-index: 1000;
  }

#header .blockstore h2{
  background:url(/images/myspecials/foodtown/logo_foodtown.gif) 0 0 no-repeat;
  width:158px;
  height:28px;
  display:block;
  float:left;
  text-indent:-9999px;
  margin:20px 0 0 0;}

#header .blockstore .cs{
  background: #245396 url(/images/myspecials/foodtown/bg_insidestore.gif) left top no-repeat;
  height:21px;
  width:190px;
  float:right;
  position:relative;
  top:26px;
  z-index: 100;}

#header .blockstore .cs p{
  padding:3px 0 0 3px;
  font-size:1.1em;
  color:#FFF;}

#header .blockstore .cs p a{
  color:#FFF;
  text-decoration:underline;
  margin-left:5px;}

#header .blockstore p.subtext{
  text-align:right;
  color:#003472;
  padding:5px 10px 0 0;
  clear:both;}

#header p.logout{
  position:absolute;
  top:115px;
  right:0;
  padding:0 15px 0 0;
  font-size:1.1em;
  color:#0C3672;
  text-transform:uppercase;}

#header p.logout a{
  color:#0C3672;
  text-decoration:underline;}

/*-------------------------------------------------------------------------
                              MAIN-NAV
*-------------------------------------------------------------------------*/
#main-nav{
  background:#FFF;}

#main-nav ul{
  position:relative;}
  
#main-nav ul li{
  float:left;
  font-size:1.2em;
  text-transform:uppercase;
  font-family:'Lucida Grande', Arial, Verdana;
  margin:0 10px 0 0;}

#main-nav ul li a{
  display:block;
  float:left;
  height:23px;
  padding:0 10px 0 0;}

#main-nav ul a span{
  display:block;
  float:left;
  padding:5px 0 0 10px;
  height:18px;
  text-align:center;
  width:100px;}

#main-nav ul a:hover{
  background-position: right 0;
  background-repeat:no-repeat ;
  color:#FFF;}

#main-nav ul a:hover span{
  background-position: 0 0 !important;
  background-repeat:no-repeat !important;}

#main-nav ul li ul{
  position:absolute;
  background:#A2DBFB;
  width:158px;
  display:none;
  top:23px;}

#main-nav ul li:hover ul{
  display:block;}

#main-nav ul li ul li{
  font-size:1em !important;
  text-transform:none;}
  
#main-nav ul li ul li a{
  float:none !important;
  display:block;
  background:none !important;
  padding:8px 10px;
  height:auto !important;
  font-weight:bold;}

#main-nav ul li ul li a:hover{
  text-decoration:underline;}



/*-------------------------------------------------------------------------
                              MAIN-CONTENT
*-------------------------------------------------------------------------*/
#main-content .gradientbox{
  border-top:1px solid #CCC;
  background: #ADC5E4 url(/images/myspecials/foodtown/bg_gradient_block.jpg) top repeat-x;} /* 9DB8DD*/
  
#main-content .gradientbox.white{
  border-top:1px solid #CCC;
  background: #ffffff;} /* 9DB8DD*/

#main-content .nogradientbox{
  background-color:#FFF !important;
  background-image:none !important;}

#main-content .contentbox{
  width:580px;
  padding:10px 0 0 0;
  float:left;}

#main-content p.specials a{
  /* background:url(/images/myspecials/foodtown/btn_getthespecials.jpg) 0 0 no-repeat; */
  width:570px;
  height:217px;
  display:block;
  }

#main-content .gradientbox .introbox{
  padding:15px 0 0 15px;}

#main-content .gradientbox .side-tt{
  width:380px;
  float:left;
  z-index: 1200;
  margin-bottom:20px;
  }

#main-content .gradientbox .side-tt h3.main1{
  font-size:2em;
  color:#666;
  margin:0 0 5px 0;
}

#main-content .gradientbox .side-tt h3.main2{

    font-size:2em;
  color:#666;
  margin:0 0 5px 0;}

#main-content .gradientbox .side-tt p{
  font-size:1.1em;
  line-height:1.6em;
  padding-left: 1px;}

#main-content .gradientbox .side-tt p a{
  text-decoration:underline;}

#main-content .gradientbox .side-tt h3 span{
  color:#2F58AF;}

#main-content .gradientbox .side-click{
  width:163px;
  float: right;}

#main-content .gradientbox .side-click form .txtbox{
  padding:1px 3px;
  margin:2px 5px 0 0;
  width:107px;
  display:block;
  border:1px solid #8A8A8A}
fieldset.relevance
{
	
}
 /* product list */
 #main-content ul.productlist{
   padding:15px 0 15px 15px;}
 
 #main-content ul.productlist li{
   float:left;
   background:url(/images/myspecials/ui/bg_productbox.png) 0 0 no-repeat;
   width:178px;
   height:182px;
   padding:0 9px 4px 0;}
 
  #main-content ul.productlist li .insidebox{
    width:162px;
	padding:5px 0 0 10px;
	position:relative;}

 #main-content ul.productlist li .insidebox p.pn{
    font-size:1.1em;
	height: 26px;
	}

 #main-content ul.productlist li .insidebox p.pn a{
   color:#000;}

 #main-content ul.productlist li .insidebox .prodpic{
    /*float:left;*/
	padding:15px 15px 0 0;
	width: 70px;
/*
	position: absolute;
	top: 10px;
	left: 10px;
	*/
	}

 #main-content ul.productlist li .insidebox .prodpic img{
   display:block;
   margin:0 auto;}
 
  #main-content ul.productlist li .insidebox .prodpic img.plus5{
    margin:5px auto 0 auto !important;}

 #main-content ul.productlist li .insidebox a.btnadd{
   position:absolute;
   top:139px;
   right:10px;
   background:url(/images/myspecials/foodtown/btn_add.gif) 0 0 no-repeat;
   width:44px;
   height:28px;
   display:block;
   text-indent:-9999px;}
 /*
#main-content  .pricebadge{
	float:left;
	background:url(/images/myspecials/ui/bg_pricebadge_sm.png) 0 0 no-repeat !important;
	width:76px;
	height:89px;
	position:relative;
	margin:10px 0 0 0;}

#main-content  .pricebadge .amount{
  position:absolute;
  top:18px;
  left:16px;
  font-size:1.5em;
  letter-spacing:-1px !important;
  font-family:"Times New Roman", Times, serif !important;
  color:#FFF;
  text-align:right;}

#main-content  .pricebadge .amount em{
  font-size:1.8em;
  font-style:normal;
    display:block;
  float:left;
  width:33px;}

#main-content  .pricebadge .amount b{
  font-size:0.9em !important;
  color:#FFF;
  top:3px;
  left:33px;
  font-weight:bold;
  display:block;
  float:left;
  position:absolute;}

#main-content  .pricebadge .save{
  position:absolute;
  top:62px;
  left:23px;
  font-size:1.6em;
  letter-spacing:-1px !important;
  font-family:"Times New Roman", Times, serif !important;
  color:#186BB3;}

#main-content  .pricebadge .save em{
  display:block;
  float:left;
  width:20px;}

#main-content  .pricebadge .save b{
  font-size:0.7em !important;
  top:3px;
  left:20px;
  float:left;
  display:block;
  width:10px;
  position:absolute;}

 #main-content  span.limit{
    text-transform:uppercase;
	color:#1D7FBB;
	font-size:1em;
	background:#F7DD30;
	padding:4px;
	position:absolute;
	left:102px;
	top:35px;
	z-index:100;
	font-weight:bold;
	width:42px;
	display:block;}
 */
 
 /* notepad */
 
 #main-content .notepad{
   width:352px;
   float:left;
   position:relative;
   top:-12px;
   left:25px;
   }
 
 #main-content .notepad h4.myshoppinglist{
   text-transform:uppercase;
   font-size:1.9em;
   font-weight:normal;
   padding:13px 25px 0px 10px;}
 
#main-content .notepad h4.myshoppinglist a{
  background:url(/images/myspecials/ui/icon_arrowup.gif) right 5px no-repeat;
  display:block;
  color:#EC0E1C;}

 #main-content .notepad .topholder{
  background: url(/images/myspecials/foodtown/bg_notepad-top.png) 0 0 no-repeat !important;
  background: transparent url(/images/myspecials/foodtown/bg_notepad-top.gif) 0 0 no-repeat;
   width:352px;
   height:34px;}
 
#main-content .notepad .inner{
   background: url(/images/myspecials/foodtown/bg_notepad-body.png) 0 0 repeat-y !important;
   background: transparent url(/images/myspecials/foodtown/bg_notepad-body.gif) 0 0 repeat-y;
   padding-bottom: 5px;
   width:352px;}

#main-content .notepad .botholder{
  background:url(/images/myspecials/foodtown/bg_notepad-bot.png) 0 0 no-repeat !important;
  background: none;
  width:352px;
  height:10px;}

#main-content .notepad .indentcontent{
 padding:10px 25px 10px 10px;
 position:relative;}

#main-content .notepad h4{
  color:#003472;
  font-size:1.7em;
  padding:0 0 6px 0;}

#main-content .notepad h4.name{
  color:#003472;
  font-size:1.7em;}

#main-content .notepad p.topdetails
{
    display: none;  
}
#main-content .notepad p.topdetails
{
  padding: 0 0 5px 0;
  font-size:1.1em;
  color:#0457BD;}

#main-content .notepad p.topdetails span{
  padding:0 0 2px 0;
  display:block;}

#main-content .notepad p.topdetails span a{
  color:#0457BD;}

#main-content .notepad p span a:hover{
  text-decoration:underline;}

#main-content .notepad p.subdetails{
  padding:0 0 0 0;
  font-size:1.1em;
  color:#000;}

#main-content .notepad p.subdetails span{
  display:block;
  padding:0 0 4px 0;}

#main-content .notepad p span.rednote{
  color:#FF0000;
  font-weight:bold;
  font-size: 1.1em;}
  
#main-content .notepad .validperiod
{
    margin: 10px;
    
}
 
#main-content .notepad p.subdetails span.edit{
   float:left;}
 
#main-content .notepad p.subdetails span.numitems{
   float:right;}
 
#main-content .notepad .block-shoppinglist{
  width:342px;
  overflow:auto;
  overflow-x:hidden;
  height:224px;
  margin:0 0 0 1px;
  border:1px solid #5EB5D0;
  border-width:1px 0;}

#main-content .notepad .block-shoppinglist-print{
  width:342px;
  margin:0 0 0 1px;
  border:1px solid #5EB5D0;
  border-width:1px 0;}

#main-content .notepad .tblshopinglist{
  width:342px;}
 
#main-content .notepad .tblshopinglist tr td{
  border-bottom:1px solid #5EB5D0;
  vertical-align:top;}

#main-content .notepad .tblshopinglist tr td.col-itemname{
  /*width:196px;*/
  padding:5px 0px;
  font-size:1.1em;}

#main-content .notepad .tblshopinglist tr td.col-itemname a{
  display:block;
  padding-left:30px;
  color:#000;
  }

#main-content .notepad .tblshopinglist tr td.col-itemname a:hover{
  text-decoration:underline;
  color:#0457BD;}

#main-content .notepad .tblshopinglist tr td.col-price{
  /*width:69px;*/
  padding:5px 18px 5px 12px;
  font-size:1.4em;
  color:#FF0000;
  text-align:right;}

#main-content .notepad span.notes{
  font-size:0.7em;
  text-transform:uppercase;
  margin:5px 0 0 0;
  display:block;}

#main-content .notepad span.notes a{
  background:url(/images/myspecials/ui/icon_notes.gif) right 3px no-repeat;
  padding:3px 19px 3px 2px;}

#main-content .notepad p.total{
  background:#CEE0F5;
  border-bottom:2px solid #5EB5D0;
  padding:8px 26px 8px 34px;
  margin:0 0 0 1px;
  width:282px;}

#main-content .notepad p.total span{
  display:block;
  font-size:1.4em;}

#main-content .notepad p.ts{
  padding:8px 26px 8px 34px;}

#main-content .notepad p.ts span{
  font-size:1.8em !important;
  color:#006699;}

#main-content .notepad span.totalname{
  width:150px;
  float:left;}

#main-content .notepad span.totalprice{
  width:130px;
  float:right;
  text-align:right;}

#main-content .notepad .txtarea{
  width:320px;
  display: block;   
  overflow: hidden;
  font-size: 10px;
  float:none !important;
  margin:0px 0;}
 
#main-content .notepad .boxarea p{
  font-size:1.1em;
  color:#262626;}
/*
#main-content .notepad .btns{
  padding:10px 0;}
*/
#main-content .notepad .btns a{
  display:block;
  text-indent:-9999px;}

#main-content .notepad .btns a.btnquicklist{
  float:left;
  width:110px;
  height:37px;}

#main-content .notepad .btns a.btnprint{
  float:right;
   width:91px;
  height:40px;}

#main-content .notepad ul.misc{
  padding:10px 0;}

#main-content .notepad ul.misc li{
  display:block;
  float:left;
  color:#05699B;
  text-transform:uppercase;
  padding:0 68px 0 0;
  font-weight:bold;
  font-size:1em;}

#main-content .notepad ul.misc li a{
  color:#05699B;}

#main-content ul.misc li.save a{
  padding:2px 20px 2px 0;}

#main-content ul.misc li.email a{
  padding:2px 20px 2px 0;}

#main-content .notepad ul.misc li.last{
  padding-right:0 !important;
  float:right !important;}


#main-content .notepad ul.misc li.save a{
  background:url(/images/myspecials/foodtown/icon_save.gif) right no-repeat;}

#main-content .notepad ul.misc li.email a{
  background:url(/images/myspecials/foodtown/icon_email.gif) right no-repeat;}

/* flash-container */
#main-content .flashcontainer{
  margin:15px 0;}
#main-content .catcontainer{
    margin:15px 0;
    width:570px;
    height:550px;
}
/* bottom-content */
#main-content .bottom-content{
  background:#FFF;
  padding:20px;}

#main-content .bottom-content ul.promo{
  float:left;
  width:570px;}

#main-content .bottom-content ul.promo li{
  float:left;
  margin:0 8px 0 0;}
 
#main-content .bottom-content .info{
  width:326px;
  float:right;}

#main-content .bottom-content .info p.cardblock{
  padding: 0 0 5px 0;}

#main-content .bottom-content .info span.onecard{
  background:url(/images/myspecials/onecard.png) 0 0 no-repeat;
  width:97px;
  height:73px;
  display:block;
  text-indent:-9999px;
  float:left;
  margin:0 5px 0 0;}

#main-content .bottom-content .info p.cardblock span.say{
  float:left;
  width:224px;
  display:block;
  font-size:1.1em;
  padding:15px 0 0 0;}

#main-content .bottom-content .info p.biglogo {
  background:url(/images/myspecials/foodtown/logo_foodtown_big.gif) 0 0 no-repeat;
  width:301px;
  height:102px;
  display:block;
  text-indent:-9999px;}

/* Competitions List */
ul.competitionslist{
  padding:10px 0;
  width:553px;}

ul.competitionslist li{
  padding:0 0 5px 0;}

ul.competitionslist li img{
  padding:0 0 3px 0;}

ul.competitionslist li p{
  color:#262626;
  font-size:1.1em;}

ul.competitionslist li p a{
  color:#EB001D;}

ul.competitionslist li p span{
  display:block;}

ul.competitionslist li p span.duration{
  float:left;}

ul.competitionslist li p span.terms{
  float:right;}

/* Winners List */
ul.winnerslist{
  padding:10px 0;}

ul.winnerslist li{
  padding:0 0 10px 0;}

ul.winnerslist li img{
  float:left;
  padding:0 16px 0 0;}

ul.winnerslist li .details{
  float:left;
  width:282px;
  padding:5px 0 0 0;}

ul.winnerslist li .details p{
  font-size:1.2em;
  color:#262626;}

ul.winnerslist li .details p.name{
  color:#0D6FDC;
  font-size:1.3em !important;
  font-weight:bold;}

ul.winnerslist li .details p.name a{
  color:#0D6FDC;}

/* side expanded list */
.expandedcontent{
  width:360px;
  float:left;
  margin:20px 0;}

.expandedcontent h4{
  color:#333;
  font-size:1.2em;
  padding:0 0 4px 0;}

.expandedcontent p{
  font-size:1.1em;
  line-height:1.3em;
  padding:0 0 15px 0;}
 
 .expandedcontent .imageleft{
   float:left;
   padding:0 15px 15px 0;}
 
 
.pricebadge{    
	background:url(/images/myspecials/ui/bg_pricebadge_sm.png) 0 0 no-repeat;
	width:76px;
	height:89px;
	position: absolute;
	top: 36px;
	right: 4px;

	}
	
.pricebadge.smallDD{	
		background:url(/images/myspecials/ui/bg_pricebadge_DD_sm.png) 0 0 no-repeat;
 
 }
 
 .pricebadge.smallCD{	
		background:url(/images/myspecials/ui/bg_pricebadge_CD_sm.png) 0 0 no-repeat;
 
 }
 
 .pricebadge.smallDC{	
		background:url(/images/myspecials/ui/bg_pricebadge_DC_sm.png) 0 0 no-repeat;
 
 }
 
 .pricebadge.smallCC{	
		background:url(/images/myspecials/ui/bg_pricebadge_CC_sm.png) 0 0 no-repeat;
 
 }
 
.pricebadge .mainprice{
   position:absolute;
   width:87px;
   top:18px;
   left:0;
   color:#FFF;}
 
.pricebadge .mainprice span,
.pricebadge .saveprice span{
   position:relative;
   display:block;
   float:left !important;
   font-size:1.1em;}
 
.pricebadge .mainprice span.price ,
.pricebadge .saveprice span.price{
    font-size:2.4em;
	letter-spacing:-2px;
	padding:0 2px 0 0!important;}
.largeprice{font-size:1.6em !important;
letter-spacing:0.01em !important;
margin-left:4px; }
.smallcents { font-size:0.95em!important;margin-left:2px;}

.pricebadge .mainprice span.price{
  /*padding-left:4px !Important;*/}

.pricebadge .mainprice span.maincents{
  padding-top:2px;}

.pricebadge .saveprice{
   position:absolute;
   width:54px;
   left:15px;
   top:62px;}
 
.pricebadge .saveprice span{
   color:#1D80C0 !important;
   font-size:1em !Important;}
 
.pricebadge .saveprice span.price{
   font-size:1.8em !Important;}
 
.pricebadge .mainprice .maindollars,
.pricebadge .saveprice .savedollars{
   width:40px;/*width:45px;*/
   display:block;
   float:left;
   text-align:right;}

.pricebadge .saveprice .savedollars{
  width:25px !important;/*width:28px !important;*/}
  
 #main-content  span.limit{
    text-transform:uppercase;
	color:#1D7FBB;
	font-size:1em;
	background:#F7DD30;
	padding:4px;
	position:absolute;
	left:102px;
	top:35px;
	z-index:100;
	font-weight:bold;
	width:42px;
	display:block;}

 
 
 
/* pricebadge-product */
.pricebadge-product{
   /*background:url(/images/myspecials/ui/bg_pricebadge.png) 0 0 no-repeat;*/
   width:112px;
   height:132px;
   position:relative;}
   
.pricebadge-product.DD{
   background:url(/images/myspecials/ui/bg_pricebadge_DD.png) 0 0 no-repeat;
   width:112px;
   height:132px;
   position:relative;}

.pricebadge-product.CD{
   background:url(/images/myspecials/ui/bg_pricebadge_CD.png) 0 0 no-repeat;
   width:112px;
   height:132px;
   position:relative;}

.pricebadge-product.DC{
   background:url(/images/myspecials/ui/bg_pricebadge_DC.png) 0 0 no-repeat;
   width:112px;
   height:132px;
   position:relative;}

.pricebadge-product.CC{
   background:url(/images/myspecials/ui/bg_pricebadge_CC.png) 0 0 no-repeat;
   width:112px;
   height:132px;
   position:relative;}   
 
.pricebadge-product .mainprice{
   position:absolute;
   width:87px;
   top:35px;
   left:22px;
   color:#FFF;}
 
.pricebadge-product .mainprice span,
.pricebadge-product .saveprice span{
   position:relative;
   display:block;
   float:left !important;
   font-size:1.8em;}
 
.pricebadge-product .mainprice span.price ,
.pricebadge-product .saveprice span.price{
    font-size:2.8em;
	letter-spacing:-2px;
	padding:0 2px 0 0!important;}

.pricebadge-product .saveprice{
   position:absolute;
   width:54px;
   left:35px;
   top:99px;}
 
.pricebadge-product .saveprice span{
   color:#1D80C0 !important;
   font-size:1em !Important;}
 
.pricebadge-product .saveprice span.price{
   font-size:2.1em !Important;}
 
 .pricebadge-product .mainprice .maindollars,
 .pricebadge-product .saveprice .savedollars{
   width:38px;
   display:block;
   float:left;
   text-align:right;}

.pricebadge-product .saveprice .savedollars{
  width:30px !important;}

/*-------------------------------------------------------------------------
                             PRODUCTPAGE
*-------------------------------------------------------------------------*/
.productpage{
  border:1px solid #CCC;
  padding:15px;
  margin-top:10px;
  background: #FDFBFB url(/images/myspecials/ui/bg_prodpage.gif) bottom repeat-x;}

.productpage h3{
  color:#999;
  font-size:2.4em;
  font-weight:bold;
  float:left;
  padding:0 0 15px 0;}

.productpage span.close{
  float:right;
  font-size:1.1em;
  text-transform:uppercase;
  padding:5px 0 0 0;}

.productpage span a{
  color:#EB001D;}

.productpage .prodpiccontainer{
  float:left;
  width:200px;}

.productpage .prodpic{
  height:200px;
  width:200px;
  background:#FFF;}

.productpage .prodpic img{
  display:block;
  margin:0 auto;
  padding:20px 0 0 0;}

.productpage .proddesc{
  width:217px;
  float:left;
  padding:0 0 0 15px;}

.productpage .proddesc h4{
  color:#000 ;
  font-size:1.2em;
  padding:0 0 3px 0;}

.productpage .proddesc p{
  font-size:1.2em;
  padding:0 0 3px 0;
  line-height:1.6em;}

.productpage .priceside{
  float:left;
  width:111px;}
 
 .productpage .misc{
   float:right;
   width:88px;}
 
.productpage .misc span{
  display:block;
  padding:0 0 12px 0;}

.productpage p.quantity{
  padding:15px 0;}

.productpage .formproduct label{
  float:left;
  width:56px;
  font-weight:bold;
  padding:3px 10px 0 0;}

.productpage .formproduct .txttotal{
  font-weight:bold;
  border:none;
  background:none;
  color:#424242;
  font-size:1.4em;
  float:left;
  width:100px;}

.productpage .bottomcontent{
  padding:20px 0 0 0;}

.productpage .btntellafriend{
  background:url(/images/myspecials/ui/icon_tellafriend.gif) 0 0 no-repeat;
  width:122px;
  height:23px;
  display:block;
  float:left;
  text-indent:-9999px;}

.productpage .btnupdate{
  background:url(/images/myspecials/ui/btn_update.png) 0 0 no-repeat;
  width:104px;
  height:41px;
  display:block;
 
  }

.productpage .btnupdate.hide{
  display:none;
  }


.productpage .notesbox{
   padding:20px 0 0 0;
   color:#666;}
 
 .productpage .notesbox label{
   color:#666;
   font-weight:normal;
   width: auto !important;}
 
 .productpage .txtareanotes{
   background:url(/images/myspecials/ui/bg_notesbox.png) 0 0 no-repeat;
   width:405px;
   height:30px;
   border:none;
   padding:5px;}
 
.btnshowme{
  width:158px;
  height:54px;
  display:block;
  margin:0 0 0 0;
  text-indent:-9999px;}

ul.sub-category li{
  float:left;
  font-size:1.1em;
  font-weight:bold;
  padding-right:10px;}

ul.sub-category li a{
  background:url(/images/myspecials/woolworths/bul_arrowgreen-right.gif) right 2px no-repeat;
  padding:0 15px 0 0;
  color:#000 !important;}

fieldset.relevance label, fieldset.relevance select{
  float:left;} 

fieldset.relevance label{
  font-size:1.2em;
  padding:1px 3px 0 0;}

 fieldset.relevance select{
   width:97px;}
 
 /* page */
ul.pagenum-bottom{
  float:left;
  padding:3px 0 0 0;}
 
ul.pagenum-bottom li{
  display:inline;
  padding:0 10px 0 0;
  font-size:1.2em;
  font-weight:bold;}

ul.pagenum-bottom li a{
  text-decoration:underline;
  color:#000;}

ul.pagenum-bottom li.active a{
  text-decoration:none !important;}

fieldset.pagesize{
  padding:0 0 0 15px;}

fieldset.pagesize,
fieldset.pagesize label{
  float:left;}

fieldset.pagesize label{
  font-size:1.2em;
  font-weight:bold;
  padding:3px 5px 0 0;}

ul.prevnextbtns{
  padding:0 18px 0 0;}

ul.prevnextbtns li{
  font-size:1.2em;
  font-weight:bold;}

ul.prevnextbtns li a{
  color:#000;}

ul.prevnextbtns li.prev{
  float:left;}

ul.prevnextbtns li.prev a{
  padding:0 0 0 13px;}

ul.prevnextbtns li.next{
  float:right;}

ul.prevnextbtns li.next a{
  padding:0 13px 0 0;}

/* help backgrounds*/
.help-settings{
  position:absolute;
  z-index:1000;}

.help-settings p{
  width:187px;
  margin:0 auto;
  color:#003366 !important;
  font-size:1.4em !important;
  line-height:1.4em;}

#help-changestore,
#help-shoppinglist,
#help-showme,
#help-add,
#help-save{
  display:none;}
  
#help-changestore{
  background:url(/images/myspecials/ui/bg_help_changestore.png) 0 0 no-repeat;
  width:239px;
  height:99px;
  top:16px;
  left:-78px;}

#help-changestore p{
  padding:33px 0 0 0 !important;}

#help-shoppinglist{
  background:url(/images/myspecials/ui/bg_help_shoppinglist.png) 0 0 no-repeat;
  width:210px;
  height:92px;
  top:50px;}

#help-shoppinglist p{
  padding:28px 0 0 20px !important;}

#help-showme{
    background:transparent url(/images/myspecials/ui/bg_help_showme.png) no-repeat scroll 0 0;
    height:117px;
    left:400px;
    top:340px;
    width:244px;}

#help-showme p{
  padding:15px 0 0 0 !Important;}

#help-add{
    background:transparent url(/images/myspecials/ui/bg_help_add.png) no-repeat scroll 0 0;
    height:126px;
    left:450px;
    top:680px;
    width:237px;}

#help-add p{
  padding:30px 0 0 0 !Important;}

#help-save{
  background:url(/images/myspecials/ui/bg_help_save.png) 0 0 no-repeat;
  width:197px;
  height:120px;
  top:550px;
  left:30px;}

#help-save p{
  padding:15px 0 0 15px;}

/*-------------------------------------------------------------------------
                              FOOTER
*-------------------------------------------------------------------------*/
#footer{
  background:#245396;
  padding:8px 0;}

#footer ul.links{
  float:left;}

#footer ul.links li{
  display:inline;
  color:#FBFCFE;
  border-right:1px solid #FBFCFE;}

#footer ul.links li.last{
  border-right:none !Important;}
 
#footer ul.links li a{
  padding:0 13px 0 10px;
  color:#FBFCFE;}

#footer ul.misc{
  float:right;}

#footer ul.misc li{
  float:left;
  color:#F5F8FB;}

#footer ul.misc li a{
  color:#F5F8FB;}

#footer ul.misc li.textopt{
  padding:0 20px 0 0;}

#footer ul.misc li span.text{
  padding:2px 5px 10px 0;
  display:block;
  float:left;}

#footer ul.misc li.textopt a{
  padding:0 2px 0 0;}

#footer ul.misc li.print{
  background:url(/images/myspecials/ui/icon_printer.gif) 0 3px no-repeat;
  padding:2px 0 2px 20px;
  margin:0 15px 0 0;}

#footer ul.misc li.print a,
#footer ul.misc li.email a{
  text-decoration:underline;
  color:#FFF !important;}

#footer ul.misc li.email{
  background:url(/images/myspecials/ui/icon_email_white.gif) 0 3px no-repeat;
  padding:2px 0 2px 20px;
  margin:0 10px 0 0;}

/* text resize */
#footer .txtsmall{
  background:url(/images/myspecials/ui/icon_small-a.gif) 0 0 no-repeat;
  width:21px;
  height:17px;
  border:none;
  cursor:pointer;}

#footer .txtlarge{
  background:url(/images/myspecials/ui/icon_big-a.gif) 0 0 no-repeat;
  width:21px;
  height:17px;
  border:none;
  cursor:pointer;}
  




/* Slider
--------------------------------------------------------------------------*/
.ui-slider
{
    position: relative;
    text-align: left;
}
.ui-slider .ui-slider-handle
{
    cursor: default;
    height: 1.2em;
    position: absolute;
    width: 1.2em;
    z-index: 2;
}
.ui-slider .ui-slider-range
{
    border: 0 none;
    display: block;
    font-size: 0.7em;
    position: absolute;
    z-index: 1;
}
.ui-slider-horizontal
{
    height: 0.8em;
}
.ui-slider-horizontal .ui-slider-handle
{
    margin-left: -0.6em;
    top: -0.3em;
}
.ui-slider-horizontal .ui-slider-range
{
    height: 100%;
    top: 0;
}
.ui-slider-horizontal .ui-slider-range-min
{
    left: 0;
}
.ui-slider-horizontal .ui-slider-range-max
{
    right: 0;
}
.ui-slider-vertical
{
    height: 100px;
    width: 0.8em;
}
.ui-slider-vertical .ui-slider-handle
{
    left: -0.3em;
    margin-bottom: -0.6em;
    margin-left: 0;
}
.ui-slider-vertical .ui-slider-range
{
    left: 0;
    width: 100%;
}
.ui-slider-vertical .ui-slider-range-min
{
    bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max
{
    top: 0;
}

.ui-widget
{
    font-family: Verdana,Arial,sans-serif /*{ffDefault}*/;
    font-size: 1.1em /*{fsDefault}*/;
}
.ui-widget-content
{
    border: 1px solid #aaaaaa /*{borderColorContent}*/;
    background: #ffffff /*{bgColorContent}*/ url(/images/myspecials/ui-bg_glass_75_ffffff_1x400.png) /*{bgImgUrlContent}*/ 0 /*{bgContentXPos}*/ 0 /*{bgContentYPos}*/ repeat-x /*{bgContentRepeat}*/;
    color: #222222 /*{fcContent}*/;
}
/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default
{
    border: 1px solid #d3d3d3 /*{borderColorDefault}*/;
    background: #e6e6e6 /*{bgColorDefault}*/ url(/images/myspecials/ui-bg_glass_75_e6e6e6_1x400.png) /*{bgImgUrlDefault}*/ 0 /*{bgDefaultXPos}*/ 50% /*{bgDefaultYPos}*/ repeat-x /*{bgDefaultRepeat}*/;
    font-weight: normal /*{fwDefault}*/;
    color: #555555 /*{fcDefault}*/;
    outline: none;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited
{
    color: #555555 /*{fcDefault}*/;
    text-decoration: none;
    outline: none;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus
{
    border: 1px solid #999999 /*{borderColorHover}*/;
    background: #dadada /*{bgColorHover}*/ url(/images/myspecials/ui-bg_glass_75_dadada_1x400.png) /*{bgImgUrlHover}*/ 0 /*{bgHoverXPos}*/ 50% /*{bgHoverYPos}*/ repeat-x /*{bgHoverRepeat}*/;
    font-weight: normal /*{fwDefault}*/;
    color: #212121 /*{fcHover}*/;
    outline: none;
}
.ui-state-hover a, .ui-state-hover a:hover
{
    color: #212121 /*{fcHover}*/;
    text-decoration: none;
    outline: none;
}
.ui-state-active, .ui-widget-content .ui-state-active
{
    border: 1px solid #aaaaaa /*{borderColorActive}*/;
    background: #ffffff /*{bgColorActive}*/ url(/images/myspecials/ui-bg_glass_65_ffffff_1x400.png) /*{bgImgUrlActive}*/ 0 /*{bgActiveXPos}*/ 50% /*{bgActiveYPos}*/ repeat-x /*{bgActiveRepeat}*/;
    font-weight: normal /*{fwDefault}*/;
    color: #212121 /*{fcActive}*/;
    outline: none;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited
{
    color: #212121 /*{fcActive}*/;
    outline: none;
    text-decoration: none;
}
.hide
{
    display: none;
}

/* MySpecials Panel/UI
--------------------------------------------------------------------------*/
.panel
{
    width: 154px;
    height: 125px;
    background: white;
    margin: 2px;
    padding: 4px;
    border: 1px solid #979797;
    float: left;
}

#slider
{
    margin: 10px 0;
    width: 200px;
}
#sliderControls
{
    width: 580px;
    margin: 0;
}

.sliderNavLeft
{
    width: 18px;
    height: 20px;
    padding: 6px 12px 4px 0px;    
}

.sliderNavRight
{
    width: 20px;
    height: 20px;
    padding: 6px 0px 4px 8px;
}

#previousSlide{
    background: url(/images/myspecials/weeklyspecials/arrow-left.gif) no-repeat 0 0;
    width: 18px;
    height: 18px;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
a#previousSlide.disabled{
    background: url(/images/myspecials/weeklyspecials/arrow-left-disabled.gif) no-repeat 0 0;
    width: 18px;
    height: 18px;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
#nextSlide{
    background: url(/images/myspecials/weeklyspecials/arrow-right.gif) no-repeat 0 0;
    width: 18px;
    height: 18px;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
a#nextSlide.disabled{
    background: url(/images/myspecials/weeklyspecials/arrow-right-disabled.gif) no-repeat 0 0;
    width: 18px;
    height: 18px;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
#sliderIndicator
{
    display: none;
    position: absolute;
    /*top: 820px;
    left: 160px;*/
    background: white;
    border: 1px solid black;
    margin: 20px 0 0 0;
    padding: 10px;
    width: 140px;
    text-align: center;
}

#sliderInformation
{
    float: right;
    /*width: 170px;*/
    padding: 10px 30px 10px 0;
    text-align: right;
}

.pageIndex
{
    color: #000;/*#f6931f;*/
    font-weight: bold;
}

#pageSizeHolder
{
    float: left;
    /*width: 140px;
    padding: 10px;*/
    vertical-align: middle;
}
#pageSizeHolder div
{    
    padding: 10px 4px 0 14px;
    vertical-align: middle;
}
#pageSizeHolder select
{    
    margin: 8px 0;
    width: 40px;
    vertical-align: middle;
}

#pageSizeHolder #pageSize
{
    float: left;
}

#PathMenuBar .PathElement div.PathPopup {
    background: #FFFFFF;
    border: 1px solid #B8B8B8;
}

.float-left
{
    float: left;
}

#fancy_outer {
    z-index: 300;
}

#productDetails-New {
    background: #f756bd;
    color: #FFFFFF;
    font-size: 2em;
    font-weight: bold;
    display: block;
    height: 1.2em;  
    margin: 12px 0 0 0;
    padding: 5px 0;
    text-align: center;  
    vertical-align: middle;
    width: 88px;
}

#productDetails-New.hide {
    display: none;
}

#productDetails-Exclusive {
    background: #fedd11;
    color: #337fb4;
    font-size: 1.3em;
    font-weight: bold;
    display: block;
    height: 0.9em;
    margin: 12px 0 0 0;
    padding: 5px 0;
    text-align: center;
    vertical-align: middle;
    width: 88px;    
}

#productDetails-Exclusive.hide {
    display: none;
}

 #main-content ul.productlist li .insidebox a.btnadd.hide{
    display: none;
 }
 .highlight { background-color: yellow }
 
 .feature-text{
 	color:#0000EE;
	font-size:20px;
	left:10px;
	position:relative;
top:-60px;
 }
 
 
 
 #foodtown .pdflogo{
 	width: 217px;
 	height: 70px;
 	background: url(/images/myspecials/foodtown/logo_foodtown_small.gif) 0 0 no-repeat;
}

 
 #countdown .pdflogo{
 	width: 217px;
 	height: 70px;
 	background: url(/images/myspecials/countdown/logo_countdown_small.gif) 0 0 no-repeat;
}

 
 #woolworths .pdflogo{
 	width: 217px;
 	height: 70px;
 	background: url(/images/myspecials/woolworths/logo_woolworths_small.gif) 0 0 no-repeat;
}



#searchLocation
{
    display: none;
}

.store-select {
display:none;
}

#foodtown .pdffooter
{
    color: #003399;
    font-size: 13px;
    left:-120px;
    position:relative;
    width:610px;
}

#countdown .pdffooter
{
    color: #339933;
    font-size: 13px;
    left:-120px;
    position:relative;
    width:610px;
}

#woolworths .pdffooter
{
    color: #C0C0C0;
    font-size: 13px;
    left: -120px;
    position: relative;
    width: 610px;
}


#foodtown .pdfbrand
{
    color: #003399;
    font-size: 12px;
    font-weight: bold;
    text-align: right;
}

#countdown .pdfbrand
{
    color: #339933;
    font-size: 12px;
    font-weight: bold;
    text-align: right;
}
#woolworths .pdfbrand
{
    color: #C0C0C0;
    font-size: 12px;
    font-weight: bold;
    text-align: right;
}

.help-notes{
  width:239px;
  height:99px;
  position: absolute;
  z-index: 999;}
  
.help-notes .note-top{
  background:url(/images/myspecials/ui/note_top.png) 0 0 no-repeat;
  width:239px;
  height:32px;}
  
.help-notes .note-body
{
    background-position: 0 0;
    background: url(/images/myspecials/ui/note_body.png) repeat-y 0 0;
    width: 239px;
}
  
.help-notes .note-bottom{
  background:url(/images/myspecials/ui/note_bottom.png) 0 0 no-repeat;
  width:239px;
  height:32px;}
  
.help-notes .close-note
{
    left:196px;
    position:relative;
    top: 22px;
    width:13px;
    height: 13px;
    z-index:9999;
    cursor: pointer;
}  
  
.help-notes p
{
    color:#003366 !important;
    font-size:1.2em !important;
    line-height:1.2em;
    margin:0 17px;
    padding:0 0 6px;
    width:187px;
}

.store-change-note
{
    background:transparent url(/images/myspecials/ui/bg_changestore.png) no-repeat scroll 0 0;
    height:115px;
    position:relative;
    top:-20px;
    width:239px;
    z-index: 100;
    
}

.store-change-note p
{
    color:#003366 !important;
    font-size:1.4em !important;
    line-height:1.4em;
    margin:0 auto;
    width:187px;
    padding:33px 12px 0 0 !important;
}

#productDetails-Quantity
{
    width: 40px;
    margin-top: 5px;
}

optgroup.Countdown{color:#006633;}
optgroup.Foodtown{color:#003471;}
optgroup.Woolworths{color:#666666;}


#foodtown #fancy_content
{
    background-color:#003471;
}

#woolworths #fancy_content
{
    background-color:#666666;
}

#countdown #fancy_content
{
    background-color:#006633;
}

.hoverpanel
{    
    position: absolute;
    left: 10px;
    top: 20px;
    width: 290px;
}

.hoverpanel .top{
    background: transparent url('/images/myspecials/ui/hoverpanel_top.png') no-repeat 0 0 scroll;
    height: 10px;
}

.hoverpanel .body{
    background: transparent url('/images/myspecials/ui/hoverpanel_body.png') repeat-y 0 0 scroll;		
}

.hoverpanel .bottom{
	background: transparent url('/images/myspecials/ui/hoverpanel_bottom.png') no-repeat 0 0 scroll;
	height: 15px;
}

.hoverpanel .hovertext
{
    background: transparent url(/images/myspecials/ui/notepanel_text.jpg) no-repeat scroll 0 0;
    height:53px;
    margin:5px 6px 0;
    padding:5px;
    width:260px;
}

.hoverpanel p
{
    color: #3f88b5;
    font-weight:bold;
    margin:5px;
}


DIV#fancy_content
{
    top: -19px;
    width: 470px;
}


DIV#fancy_inner{
   height: 470px;
}

.load
{
    background:transparent url(/images/myspecials/ui/bg_help_changestore.png) no-repeat scroll 0 0;
    height:99px;
    left:150px;
    position:absolute;
    top:50px;
    width:239px;
}

.load p
{
    color:#003366 !important;
    font-size:1.4em !important;
    line-height:1.4em;
    margin:24px 12px;
    width:200px;
}

.onecard_special_container
{
padding: 6px 0 2px;
}

.onecard_special
{

}

#help-textarea
{
    display: none;
}

#help-textarea
{
    background:transparent url(/images/myspecials/ui/bg_help_showme.png) no-repeat scroll 0 0;
    height:117px;
    width:244px;
}

#help-textarea p
{
    padding:8px 0 0 !important;
}


#footer ul.links #turnon
{
    border-left:1px solid #FBFCFE;
    border-right: none;
}

.department-name
{
    background: #fff url(/images/myspecials/ui/sl_arrow2.png) no-repeat scroll 0 3px;
    color: #000;
    padding-left: 15px;
}

a.department-name:link
{
    color: #000;
}


a.department-name:visited
{
    color: #000;
}

.shoppinglist-cb
{
    float:left;
    margin-left:10px;
}
#categoryBrowser{
	margin-bottom:20px;
	width:565px;
}
#searchheader{
	font-size:1.5em;
}
div.side-menubar{
  width:560px;
  float:left;
  z-index: 1200;
  margin-bottom:10px;
}

a.not-available{font-size:87%; color:Black;background:url("/images/myspecials/ui/sl_arrow2.png") no-repeat scroll 0 3px #FFFFFF;padding-left:15px; }
a.not-in-store {color:#707070!important;margin:4px;}
input.not-in-store {padding-left:10px;margin:4px 4px 4px 20px;}

div.shoponlinelink
{
    padding-left:10px;
    padding-bottom:10px;
}
div.shoponlinelink a
{
    font-size:1.2em;
    text-decoration:underline;
}
/*popup box*/
.confirm-body{
	width:345px;
	height:200px;
	color: black;
	padding: 5px 10px 0 10px;
	background-color: #E0E4EC;
}
.confirm-body h1
{
	color: #0098FE;
}
.modal-white-area
{
	background-color: White;
	padding: 10px;
}
.modal-white-area p{
    font-size:12px;
	padding:0;
	margin:0;
	padding-bottom:10px;
	font-family:Helvetica, Verdana, Arial, sans-serif;
}
.confirm-body div.btnregion{
	margin-top:15px;
	height: 43px;
}
.continue_btn{
    display:block ;
    float:right;
    width:112px;
    height:43px;
    cursor:pointer;
    background:transparent url("/images/onecard/btn-continue.png") no-repeat;
}