.sIFR-flash {
	visibility: visible !important;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	letter-spacing: 0;
}

.sIFR-hasFlash h1.banner {
	visibility: hidden;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1em;
	font-size: 24px;
	font-weight: normal;
	color: #666666;
	text-align:left;
	margin: 0px;
	padding: 0px 0px 5px 0px;
}




body {
	background-image: url(../images/template/polka-dot-background.gif);
	background-position: 0px -5px;
	background-color: #f5f3e4;
	padding: 0px 0px 10px 0px;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	font-size: 11px;
	line-height:16px;
	color: #5E5E5E;
}


p{
	margin:0px 0px 5px 0px;
	padding: 0px;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:16px;
	color: #5E5E5E;
}

h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #666666;
	text-align:left;
	margin:0px 0px 10px 0px;
	padding: 0px;
}

h1.banner{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 1em;
	font-weight: normal;
	color: #666666;
	text-align:left;
	margin: 0px;
	padding: 0px 0px 5px 0px;
}


h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #333333;
	text-align:left;
	margin:0;
	margin:10px 0px 7px 0px;
	padding: 0px;
}

h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #333333;
	text-align:left;
	margin:0;
	margin:10px 0px 5px 0px;
	padding: 0px;
}

a {color: #4FA8B3}     /* unvisited link */
a:hover {
	color: #DC1921;
	text-decoration: none;
}   /* mouse over link */



/* dividing lines  - cross browser quirks! */
hr {
	color: #333333;
    height: 1px;	
	border: 0;
	border-bottom: 1px dashed #666666;
	clear: both;
	margin: 5px 0px 5px 0px;
}

/*Sale price select option strikethrough*/
span.wasnow{
	color: #ffccoo;
	background-color: #000000;
	text-decoration: line-through;
}




/*############################ WALLPAPER #####################################
the tile itself is defined based on categorry shown - css in pages.css
##############################################################################*/

.index_wallpaper{
	height: 280px;
	width: 100%;
	z-index: 1;
	position: absolute;
	top: 175px;
	left: 0px;
}

.collection_wallpaper{
	height: 200px;
	width: 100%;
	z-index: 1;
	position: absolute;
	top: 180px;
	left: 0px;
}

.product_wallpaper{
	height: 465px;
	width: 100%;
	z-index: 1;
	position: absolute;
	top: 185px;
	left: 0px;
}

.generic_wallpaper{
	height: 185px;
	width: 100%;
	z-index: 1;
	position: absolute;
	top: 180px;
	left: 0px;
}

#index_wallpaper-tile{
	height:275px;
	width:100%;
	background-repeat:repeat;
}

#collection_wallpaper-tile{
	height:195px;
	width:100%;
	background-repeat:repeat;
}

#product_wallpaper-tile{
	height: 460px;
	width:100%;
	background-repeat:repeat;
}

#generic_wallpaper-tile{
	height: 180px;
	width:100%;
	background-repeat:repeat;
}

#wallpaper-drop-shadow{
	height: 5px;
	width: 100%;
	background-image: url(../images/template/box2.png);
	background-repeat: repeat-x;
}








/*########################### SITE HOLDER ##############################*/

#holder{
	width: 790px;
	overflow: display;
	padding: 0;
	margin: 10px auto 10px auto;
	text-align: left;
	position: relative;
	z-index:2;
}



/*########################## TABS#################################*/
#tabs {
	width: 760px;
	height: 23px;
	margin: 0px;
	padding: 0px 30px 0px 0px;
	position: relative;
	top: 10px;
	text-align: right;
}
	  
#tabs a img{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: 0;
	vertical-align: middle;
}

/*############################## END TABS#############################*/


/*################################# CONTENT HOLDER ###############################*/
#daddy-top{
	background-image:url(../images/template/daddy-top.png);
	height:30px;
	padding:0px;
	margin: 0px;
	clear: both;
}

#daddy{
	width: 790px;
	padding:0px;
	margin: 0px;
	clear: both;
	background-image:url(../images/template/daddy-mid.png);
	background-repeat:repeat-y;
}

#daddy-bottom{	
	background-image:url(../images/template/daddy-bottom.png);
	height:35px;
	padding:0px;
	margin: 0px;
	clear: both;
}

/*####################################################################################*/





/*################################# HEADER ###############################*/
#header{
	width: 768px;
	clear: both;
	margin: 0;
	padding: 0;
}

#logo{
	float: left;
	clear: left;
	width: 410px;
	overflow: hidden;
	padding: 0px 0px 10px 30px;
	margin: 0px;
}

#basket{
	float: right;
	clear: right;
	margin: -2px 0px 0px 0px;
	padding: 0 10px 0 0;
	width: 300px;
}

#basket p{
	width: 300px;
	text-align: right;
	margin: 2px 0 0 0;
	padding: 0;
}
/*################################# HEADER END ###########################*/




#breadcrumbs{
	width: 728px;
	margin: 5px 31px 15px 31px;
	padding: 0px;
	float: left;
	clear: both;
	font-size: 11px;
	/*font-weight: bold;*/
	line-height: normal;
	display: inline;
}

#breadcrumbs a{
	text-decoration: underline;
}
#breadcrumbs a:hover{
	text-decoration:none;
}
#breadcrumbs a.bread_sel{
	text-decoration:none;
}







/*################################# HOMEPAGE BANNER ######################################################
banner colour defined based on category shown - .kitchenalia-banner{} etc - found in pages.css
################################################################################################*/

#banner-holder{
	width: 790px;
	height: 280px;
	clear: both;
	overflow: display;
	position: relative;
}

#banner{
	width: 768px;
	height: 275px;
	margin:0;
	padding: 0;
	position:relative;
	top: -310px;
	left: 11px;
	overflow: hidden;
}

#banner-image{
	width: 467px;
	height: 345px;
	position:relative;
	overflow: hidden;
	padding: 0;
	margin: 0;
	left: -17px;
	top: 0px;
	z-index:4;
}

#intro{
	padding: 25px 20px 0 0;
	width: 280px;
	float:right;
}	

#intro p{
	text-align: justify;
}

#intro p#introlink{
	text-align: right;
	margin-top: 20px;
}

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

#intro a:hover{
	text-decoration:underline;
}
/*################################# BANNER END ############################*/



/*################################# COLLECTIONS BANNER ######################################################
banner colour defined based on category shown - .kitchenalia-banner{} etc - found in pages.css
################################################################################################*/

#collection-banner-holder{
	width: 790px;
	height: 200px;
	clear: both;
	overflow: display;
	position: relative;
}

#collection-banner{
	width: 768px;
	height: 195px;
	margin: 0;
	padding: 0;
	position:relative;
	top: -210px;
	left: 11px;
	overflow: hidden;
}


#collection-banner-image{
	width: 307px;
	height: 220px;
	position:relative;
	overflow: hidden;
	padding: 0;
	margin: 0;
	left: -5px;
	top: 0px;
	z-index:4;
}

#generic-banner-holder{
	width: 790px;
	height: 191px;
	clear: both;
	overflow: display;
	position: relative;
}

#generic-banner-image{
	width: 790px;
	height: 191px;
	position:relative;
	overflow: hidden;
	padding: 0;
	margin: 0;
	left: 0px;
	top: 0px;
	z-index:4;
}

#collection-intro{
	padding: 25px 20px 0 0;
	width: 425px;
	float:right;
}	

#collection-intro p{
	text-align: justify;
}

#collection-intro p#introlink{
	text-align: right;
	margin-top: 20px;
}

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

#collection-intro a:hover{
	text-decoration:underline;
}
/*################################# BANNER END ############################*/

/*################################# PRODUCT BANNER ######################################################
banner colour defined based on category shown - .kitchenalia-banner{} etc - found in pages.css
################################################################################################*/

#product-banner-holder{
	width: 790px;
	height: 490px;
	clear: both;
	overflow: display;
	position: relative;
}

#product-banner{
	width: 768px;
	height: 460px;
	margin: 0;
	padding: 0;
	position:relative;
	top: -478px;
	left: 11px;
	overflow: hidden;
}

#product-banner-image{
	width: 415px;
	height: 490px;
	position:relative;
	overflow: hidden;
	padding: 0;
	margin: 0;
	left: -5px;
	top: 0px;
	z-index:4;
}


#product-intro{
	padding: 15px 20px 0 0;
	width: 330px;
	float:right;
}	

#product-intro p{
	text-align: justify;
}

#product-intro p#introlink{
	text-align: right;
	margin-top: 20px;
}

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

#product-intro a:hover{
	text-decoration:underline;
}
/*################################# BANNER END ############################*/

/*################################# PRODUCT BANNER ######################################################
banner colour defined based on category shown - .kitchenalia-banner{} etc - found in pages.css
################################################################################################*/

#news-banner-holder{
	width: 790px;
	height: 490px;
	clear: both;
	overflow: display;
	position: relative;
}

#news-banner{
	width: 768px;
	height: 460px;
	margin: 0;
	padding: 0;
	position:relative;
	top: -478px;
	left: 11px;
	overflow: hidden;
}

#news-banner-image{
	width: 350px;
	height: 490px;
	position:relative;
	overflow: hidden;
	padding: 0;
	margin: 0;
	left: -5px;
	top: 0px;
	z-index:4;
}


#news-intro{
	padding: 15px 20px 0 0;
	width: 400px;
	float:right;
}	

#newes-intro p{
	text-align: justify;
}

#news-intro p#introlink{
	text-align: right;
	margin-top: 20px;
}

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

#news-intro a:hover{
	text-decoration:underline;
}
/*################################# BANNER END ############################*/





/*################################# FOOTER ###############################*/
.footer{
	width: 728px;
	clear: both;
	margin: 0px 31px 0px 31px;
	padding: 20px 0px 0px 0px;
	border-top: 1px dashed #333333;
	background-color: #ffffff;
}

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


.footer_block{
	float: left;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background-color: #ffffff;
}

/* different size on each block */
#footer_shopping{
	width: 155px;
}
#footer_jelly{
	width: 180px;
}
#footer_collections{
	width: 155px;
}
#footer_contact{
	width: 230px;
}

.footer_block img{
	margin-right: 3px;
}

.footer ul{
	foat: left;
	clear: both;
	margin: 5px 0px 0px 29px;
	padding: 0px;
	list-style:none;
}

.footer ul li{
	margin: 0px 0px 3px 0px;
	padding: 0px;
}

.footer a{
	color:#666666 !important;
	text-decoration:none;
}

.footer a:hover{
	color:#666666 !important;
	text-decoration:underline;
}

.footer p{
	margin: 5px 0px 0px 29px;
	padding: 0px;
}
.footer form{
	margin: 5px 0px 0px 29px;
	padding: 0px;
}
.footer label{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0px;
	font-size:11px;
	font-weight:bold;
}

/*############################### END FOOTER ##############################*/


#countdown{
	width: 460px;
	height: 26px;
	margin: -10px auto 0px auto;
	padding: 5px 5px;
	/*background-color: #FFFFFF;*/
	font-weight: bold;
	text-align: center;
	background-image: url(../images/homepage/countdown.jpg);
	background-repeat: no-repeat;
	font-size: 12px;
	color: #ffffff;
}
#count{
	font-size: 18px;
}

#notice{
	width: 460px;
	margin: 0px auto 10px auto;
	padding: 0px;
	/*background-color: #FFFFFF;*/
	font-weight: bold;
	text-align: center;
	font-size: 12px;
	color: #000000;
}