/* The Feature style */
.feature-excerpt {
	width: 600px;
	line-height: 1.8em;
	background-color: #fde4f0;
	padding: 5px 25px 35px 25px;
	margin-top: 15px;
	margin-bottom: 25px;
	float: left;
	display:inline;
	border: 10px solid #deecf3;
	}

.pubsetbox{
	width: 628px;
	border: 10px solid #fde4f0;
	background-color: #deecf3;
	padding: 10px;
	margin: 20px 0;
	color: #555658;
	display: block;
	}
	
.themebooktitle {color: #004a80;}
A.themebooktitle:link {color: #004a80;}
A.themebooktitle:active {color: #004a80;}
A.themebooktitle:visited {color: #f06eaa;}
A.themebooktitle:hover {color: #f06eaa;}
	
	
.themeauthor {color: #004a80;}
A.themeauthor:link {color: #004a80;}
A.themeauthor:active {color: #004a80;}
A.themeauthor:visited {color: #f06eaa;}
A.themeauthor:hover {color: #f06eaa;}


.themeaddbasket {color: #004a80;}
A.themeaddbasket:link {color: #004a80;}
A.themeaddbasket:active{color: #004a80;}
A.themeaddbasket:visited {color: #f06eaa;}
A.themeaddbasket:hover {color: #f06eaa;}

.thememore {color: #004a80;}
A.thememore:link {color: #004a80;}
A.thememore:active {color: #004a80;}
A.thememore:visited {color: #f06eaa;}
A.thememore:hover {color: #f06eaa;}


	
h4 {font-size: 16px; color: #0076a3; margin: 15px 0 5px 0;
text-align: left;}

h4>a.main {font-size: 15px; font-style:normal;  font-weight: normal; color: #004a80; text-align: left;}
h4>a.main:link {font-size: 15px; color: #004a80;}
h4>a.main:active {font-size: 15px; color: #004a80;}
h4>a.main:visited {font-size: 15px; color: #004a80;}
h4>a.main:hover {font-size: 15px; color: #004a80;}

.clear {clear: both;}


/* ---- Required for Scroller  Picture Frame/View-able area---- */
	#fashion {padding: 0px;}
	
	#scroller-wrapper {
		overflow:hidden;
		position:relative;
		width:600px;
		height:300px;
		float:left;
		margin: 0px 0px 10px 0px;
		display:inline;
		}

/*----Behind the frame view---*/		
	#scroller-inner {
		width:3000px;
		height:300px;
		position:relative;
		list-style:none;
		background-color: #fff;
		margin: 0px;
		padding: 0px;
		}

/* ---- Motion Gallery ---- */			
		#fashion #scroller-wrapper ul {
		margin:0;
		padding:0;
		}
		
	#fashion #scroller-wrapper ul li {
		float:left;
		width:600px;
		height:300px;
		padding: 0px;
		margin: 0px;
		}
		
		/* fix spacing between images in ie */
		* html #yr #scroller-wrapper ul li {
			margin-right: 0px;
		}
		
	/* just for hovering might not be neccessary */	
	/*#screens #scroller-wrapper ul li a:hover {
		width:130px;
		position:relative;
		top: -100px;
		}*/
	
	/* ---- BUTTONS  ---- */
	#fashion .scroller {
		float:right;
		margin: 0px 0px 20px 0px;
		width:48px
		}
		
	#fashion .scroller #prev,
	#fashion .scroller #next {
		display: block;
		float: left;
		height: 18px;
		width: 24px;
		}
			
	/* button defaults */
    #fashion .scroller #prev {
        background:url('/static/images/redesign/specialinterests/hfb/cuteyummytime/scroll-left.gif') 0 -19px no-repeat;
    }
    #fashion .scroller #next {
      background: url('/static/images/redesign/specialinterests/hfb/cuteyummytime/scroll-right.gif') 0 0 no-repeat;
    }
    
    /* what buttons are changed to */
    #fashion .scroller #prev.active {
        background-position:0 0;
    }
    #fashion .scroller #next.inactive {
        background-position:0 -19px;
    }
	
	
	
		
	/* ---- End Motion Gallery ---- */