#product-copy
{

}


/* HORIZONTAL NAVIGATION BAR
/////////////////////////////////////*/

ul#navigation {	
	width:553px;
	list-style:none;
	height:36px
}

ul#navigation li {
	display:inline
}

ul#navigation li a {
	height:36px;
	float:left;
	text-indent:-9999px;
	text-decoration:none
}

ul#navigation  li a span {
	float:left;
	display:block
}

ul#navigation li#navigation-1 a {
	width:47px;
	background:url(http://www.texaspete.com/images/nav-sprite.jpg) no-repeat 0px 0
}

ul#navigation li#navigation-1 a:active,
ul#navigation li#navigation-1 a:hover {
	background-position:0px -36px
}
ul#navigation li#navigation-1 a.current {
	background-position:0px -36px
}

ul#navigation li#navigation-2 a {
	width:76px;
	background:url(http://www.texaspete.com/images/nav-sprite.jpg) no-repeat -47px 0
}

ul#navigation li#navigation-2 a:active,
ul#navigation li#navigation-2 a:hover {
	background-position:-47px -36px
}
ul#navigation li#navigation-2 a.current {
	background-position:-47px -36px
}

ul#navigation li#navigation-3 a {
	width:60px;
	background:url(http://www.texaspete.com/images/nav-sprite.jpg) no-repeat -123px 0
}

ul#navigation li#navigation-3 a:active,
ul#navigation li#navigation-3 a:hover {
	background-position:-123px -36px
}
ul#navigation li#navigation-3 a.current {
	background-position:-123px -36px
}

ul#navigation li#navigation-4 a {
	width:58px;
	background:url(http://www.texaspete.com/images/nav-sprite.jpg) no-repeat -183px 0
}

ul#navigation li#navigation-4 a:active,
ul#navigation li#navigation-4 a:hover {
	background-position:-183px -36px
}
ul#navigation li#navigation-4 a.current {
	background-position:-183px -36px
}

ul#navigation li#navigation-5 a {
	width:44px;
	background:url(http://www.texaspete.com/images/nav-sprite.jpg) no-repeat -241px 0
}

ul#navigation li#navigation-5 a:active,
ul#navigation li#navigation-5 a:hover {
	background-position:-241px -36px
}
ul#navigation li#navigation-5 a.current {
	background-position:-241px -36px
}

ul#navigation li#navigation-6 a {
	width:95px;
	background:url(http://www.texaspete.com/images/nav-sprite.jpg) no-repeat -285px 0
}

ul#navigation li#navigation-6 a:active,
ul#navigation li#navigation-6 a:hover {
	background-position:-285px -36px
}
ul#navigation li#navigation-6 a.current {
	background-position:-285px -36px
}

ul#navigation li#navigation-7 a {
	width:90px;
	background:url(http://www.texaspete.com/images/nav-sprite.jpg) no-repeat -380px 0
}

ul#navigation li#navigation-7 a:active,
ul#navigation li#navigation-7 a:hover {
	background-position:-380px -36px
}
ul#navigation li#navigation-7 a.current {
	background-position:-380px -36px
}

ul#navigation li#navigation-8 a {
	width:83px;
	background:url(http://www.texaspete.com/images/nav-sprite.jpg) no-repeat -470px 0
}

ul#navigation li#navigation-8 a:active,
ul#navigation li#navigation-8 a:hover {
	background-position:-470px -36px
}
ul#navigation li#navigation-8 a.current {
	background-position:-470px -36px
}

/* END HORIZONTAL NAVIGATION BAR
/////////////////////////////////////*/



/* HORIZONTAL NAVIGATION BAR
/////////////////////////////////////*/

ul#navigation-3 {	
	width:424px;
	list-style:none;
	height:36px
}

ul#navigation-3 li {
	display:inline
}

ul#navigation-3 li a {
	height:36px;
	float:left;
	text-indent:-9999px;
	text-decoration:none
}

ul#navigation-3  li a span {
	float:left;
	display:block
}

ul#navigation-3 li#navigation-1 a {
	width:52px;
	background:url(http://www.wakeupyourfood.com/images/nav-sprite.jpg) no-repeat 0px 0
}

ul#navigation-3 li#navigation-1 a:active,
ul#navigation-3 li#navigation-1 a:hover {
	background-position:0px -36px
}
ul#navigation-3 li#navigation-1 a.current {
	background-position:0px -36px
}

ul#navigation-3 li#navigation-2 a {
	width:71px;
	background:url(http://www.wakeupyourfood.com/images/nav-sprite.jpg) no-repeat -52px 0
}

ul#navigation-3 li#navigation-2 a:active,
ul#navigation-3 li#navigation-2 a:hover {
	background-position:-52px -36px
}
ul#navigation-3 li#navigation-2 a.current {
	background-position:-52px -36px
}

ul#navigation-3 li#navigation-3 a {
	width:132px;
	background:url(http://www.wakeupyourfood.com/images/nav-sprite.jpg) no-repeat -123px 0
}

ul#navigation-3 li#navigation-3 a:active,
ul#navigation-3 li#navigation-3 a:hover {
	background-position:-123px -36px
}
ul#navigation-3 li#navigation-3 a.current {
	background-position:-123px -36px
}

ul#navigation-3 li#navigation-4 a {
	width:95px;
	background:url(http://www.wakeupyourfood.com/images/nav-sprite.jpg) no-repeat -255px 0
}

ul#navigation-3 li#navigation-4 a:active,
ul#navigation-3 li#navigation-4 a:hover {
	background-position:-255px -36px
}
ul#navigation-3 li#navigation-4 a.current {
	background-position:-255px -36px
}

ul#navigation-3 li#navigation-5 a {
	width:74px;
	background:url(http://www.wakeupyourfood.com/images/nav-sprite.jpg) no-repeat -350px 0
}

ul#navigation-3 li#navigation-5 a:active,
ul#navigation-3 li#navigation-5 a:hover {
	background-position:-350px -36px
}
ul#navigation-3 li#navigation-5 a.current {
	background-position:-350px -36px
}

/* END HORIZONTAL NAVIGATION BAR
/////////////////////////////////////*/





/* HORIZONTAL NAVIGATION BAR 2
/////////////////////////////////////*/

ul#navigation-2 {	
	width:338px;
	list-style:none;
	height:36px
}

ul#navigation-2 li {
	display:inline
}

ul#navigation-2 li a {
	height:36px;
	float:left;
	text-indent:-9999px;
	text-decoration:none
}

ul#navigation-2  li a span {
	float:left;
	display:block
}

ul#navigation-2 li#navigation-1 a {
	width:49px;
	background:url(http://www.texaspete.com/images/nav-sprite-2.jpg) no-repeat 0px 0
}

ul#navigation-2 li#navigation-1 a:active,
ul#navigation-2 li#navigation-1 a:hover {
	background-position:0px -36px
}
ul#navigation-2 li#navigation-1 a.current {
	background-position:0px -36px
}

ul#navigation-2 li#navigation-2 a {
	width:64px;
	background:url(http://www.texaspete.com/images/nav-sprite-2.jpg) no-repeat -49px 0
}

ul#navigation-2 li#navigation-2 a:active,
ul#navigation-2 li#navigation-2 a:hover {
	background-position:-49px -36px
}
ul#navigation-2 li#navigation-2 a.current {
	background-position:-49px -36px
}

ul#navigation-2 li#navigation-3 a {
	width:78px;
	background:url(http://www.texaspete.com/images/nav-sprite-2.jpg) no-repeat -113px 0
}

ul#navigation-2 li#navigation-3 a:active,
ul#navigation-2 li#navigation-3 a:hover {
	background-position:-113px -36px
}
ul#navigation-2 li#navigation-3 a.current {
	background-position:-113px -36px
}

ul#navigation-2 li#navigation-4 a {
	width:65px;
	background:url(http://www.texaspete.com/images/nav-sprite-2.jpg) no-repeat -191px 0
}

ul#navigation-2 li#navigation-4 a:active,
ul#navigation-2 li#navigation-4 a:hover {
	background-position:-191px -36px
}
ul#navigation-2 li#navigation-4 a.current {
	background-position:-191px -36px
}

ul#navigation-2 li#navigation-5 a {
	width:82px;
	background:url(http://www.texaspete.com/images/nav-sprite-2.jpg) no-repeat -256px 0
}

ul#navigation-2 li#navigation-5 a:active,
ul#navigation-2 li#navigation-5 a:hover {
	background-position:-256px -36px
}
ul#navigation-2 li#navigation-5 a.current {
	background-position:-256px -36px
}

/* END HORIZONTAL NAVIGATION BAR
/////////////////////////////////////*/

/* FOOTER NAVIGATION BAR
/////////////////////////////////////*/

#footer ul {
	width:1046px;
	height:36px;
	font-size:11px;
	font-weight:normal;
	list-style: none;
	
	margin: -20px auto 0px auto;
	text-align:right;
	
	}
	
#footer li {
	
	
	margin: 0px 4px 0px 0px;
	padding: 0px 0px 0px 0px;
	color:#ffffff;
	

	}
	
#footer a {
	color: #ffffff;
	padding: 5px 5px;
	text-decoration: none;
	}
	
#footer a:hover {
	color: #63370D;
	}
	
#footer #currentpage a {
	color: #ffffff;
	}
	

/* END FOOTER NAVIGATION BAR
/////////////////////////////////////*/




/* RECIPE SCROLLBAR
/////////////////////////////////////*/
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	
	position:relative;
	overflow:hidden;
	width: 865px;
	height:81px;
	

}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
	
}


.items div {
	float:left;
	width:865px;
	z-index:10;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:-21px 0px 0px 0px;
	
	padding:0px;
	width:123px;
	height:115px;
	
}

.scrollable img:hover {
	background: url(../images/scribble.gif) no-repeat;
	
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
	background-color:#fff;
}



/* RECIPE SCROLL BUTTONS
/////////////*/


/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* this makes it possible to add next button beside scrollable */
.scrollable2 {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background: url(../images/recipes-arrow.png) no-repeat;
	display:block;
	width:37px;
	height:26px;
	float:left;
	margin:24px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -26px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:0px -26px; }
a.right:active 	{ background-position:0px -26px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:0px 0; }
a.left:active  	{ background-position:0px 0; }



/* disabled navigational button */

/*/////////////*/


/* RECIPE SCROLLBAR
/////////////////////////////////////*/
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable2 {

	/* required settings */
	
	position:relative;
	overflow:hidden;
	width: 525px;
	height:81px;
	

}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable2 .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
	
}


.items2 div {
	float:left;
	width:525px;
	z-index:10;
}

/* single scrollable item */
.scrollable2 img {
	float:left;
	margin:-21px 0px 0px 0px;
	
	padding:0px;
	width:120px;
	height:115px;
	
}

.scrollable2 img:hover {
	
	
}

/* active item */
.scrollable2 .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
	background-color:#fff;
}



/* RECIPE SCROLL BUTTONS
/////////////*/