/*
	Color-specific Stylesheet
	Muir Surf and Sport
	by Marc Leglise
	
	This stylesheet handles ONLY color-specific attributes to the site, such
	that the colors can be changed for different pages, depending on their
	category.
	
	This will start off as a single file, but may need to be duplicated into
	a different one for each color.
	
	Primary Site Colors:
	  Green: #009C51	Store
	  Red: #DE2C13		Skate
	  Blue: #22B6CF		Surf
	  Purple: #803680	Apparel
	  Brown: #605040	Blog
	
	Secondary Site Colors:
	  Light Gray: #E8E8E8
	  Medium Gray: #7A7A7A
	  Dark Gray: #666666
	  Super-dark Gray: #2D2D2D
*/

/******************************************************************************
			HEADER LAYOUT PROPERTIES
******************************************************************************/

.header_box a {
    color: #009C51;
}

#header_left_color {
	background: #009C51;
}

#cart_account {
	background: #009C51 url(/images/white_cart.png) no-repeat 10px;
}





/******************************************************************************
			HEADER CATEGORY NAVIGATION PROPERTIES
******************************************************************************/

#category_nav {
    border-bottom: 15px solid #009C51;
}

#category_nav ul li#cn-home a { background-position: 0px -76px; }
#category_nav ul li#cn-home a:hover { background-position: 0px -76px; }





/******************************************************************************
			FOOTER LAYOUT PROPERTIES
******************************************************************************/

.footer-cell span {
	color: #009C51;
}

.footer-cell hr {
	color: #009C51;
	background-color: #009C51;
}

.footer-cell ul li a:hover {
	color: #009C51;
}





/******************************************************************************
			FONTS, HEADERS & LINKS
******************************************************************************/

a:hover {
	color: #009C51;
}

hr {
	color: #009C51;
	background-color: #009C51;
}

.color {
	color: #009C51;
}





/******************************************************************************
			FORM INPUT
******************************************************************************/

#header_bottom_out input[type="text"],
#footer_out input[type="text"] {
	border: 1px solid #009C51;
}

#header_bottom_out input[type="submit"],
#footer_out input[type="submit"] {
	background-color: #009C51;
	border: 1px outset #009C51;
}





/******************************************************************************
			BROWSE CONTROLLER
******************************************************************************/

#product_navigation li:hover,
#brand_navigation li:hover {
    background-color: #009C51;
}

#product_navigation .header,
#brand_navigation .header {
	background: #009C51 url(/images/title_gradient.png) repeat-x top left;
}

.product .price {
    color: #009C51;
}





/******************************************************************************
			PRODUCT IMAGE SLIDESHOW
******************************************************************************/

#product_slideshow ul li a.active {
	background: #009C51 none repeat scroll 0%;
}





/******************************************************************************
			JQUERY TABS
			Copied in and modified from flora.tabs.css
******************************************************************************/

.ui-tabs-nav .ui-tabs-selected a {
    background: #009C51;
}
.ui-tabs-nav .ui-tabs-selected a span {
    background: #009C51;
}
.ui-tabs-panel {
    border: 4px solid #009C51;
}