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

.pubsetbox{
	width: 628px;
	background-color: #f1f1f1;
	border: 1px solid #4d8fcc;
	padding: 10px;
	margin-bottom: 20px;
	color: #555658;
	display: block;
	}
	
.themebooktitle {color: #ed1b24;}
A.themebooktitle:link {color: #ed1b24;}
A.themebooktitle:active {color: #ed1b24;}
A.themebooktitle:visited {color: #ed1b24;}
A.themebooktitle:hover {color: #ed1b24;}
	
	
.themeauthor {color: #ed1b24;}
A.themeauthor:link {color: #ed1b24;}
A.themeauthor:active {color: #ed1b24;}
A.themeauthor:visited {color: #ed1b24;}
A.themeauthor:hover {color: #ed1b24;}


.themeaddbasket {color: #ed1b24;}
A.themeaddbasket:link {color: #ed1b24;}
A.themeaddbasket:active{color: #ed1b24;}
A.themeaddbasket:visited {color: #ed1b24;}
A.themeaddbasket:hover {color: #ed1b24;}

.thememore {color: #ed1b24;}
A.thememore:link {color: #ed1b24;}
A.thememore:active {color: #ed1b24;}
A.thememore:visited {color: #ed1b24;}
A.thememore:hover {color: #ed1b24;}


	
h4 {font-size: 1.2em; color: #26697a; margin: 15px 0 5px 0;
text-align: left;}


.feature-nav {text-align: center; font-weight: bold;}
.feature-nav a.main {color: #26697A; font-weight: bold;}
.feature-nav a.main:active {color: #26697A; font-weight: bold;}
.feature-nav a.main:visited {color: #ed1b24; font-weight: bold;}
.feature-nav a.main:hover {color: #ed1b24; font-weight: bold;}

.feature-excerpt .main{font-weight: bold;
			color: #751e20;
			text-decoration:underline;}
.feature-excerpt a.main:link {color: #26697A;}
.feature-excerpt a.main:active {color: #26697A;}
.feature-excerpt a.main:visited {color: #ed1b24;}
.feature-excerpt a.main:hover {color: #ed1b24;
text-decoration: none;}


.clear {clear: both;}


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

/*----Behind the frame view---*/		
	#scroller-inner {
		width:3600px;
		height:488px;
		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:488px;
		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:10px 35px 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/style-evolution/scroll-left.gif') 0 -19px no-repeat;
    }
    #fashion .scroller #next {
      background: url('/static/images/redesign/specialinterests/hfb/style-evolution/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 ---- */