/* @override http://www.actondemo9.com/skin/frontend/ultimo/default/css/_css/_design_default.css */

/* @override http://www.actondemo9.com/skin/frontend/ultimo/default/css/_css/_design_default.css */

body {
	color: #222;
    font-size: 12px;
	background:#f4f6f5;
}
a { color: #222; }
a:hover,
.vertnav li.current > a { color: #222; }



.wrapper {
	border: none;
}
.page {
	background: none repeat scroll 0 0 #FFFFFF;
    border-top: 5px solid #222222;
    margin: 0 auto;
    width: 1000px;
}


/* Responsive Styles */
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {

	.page { width:100% }
	
}



.header-container {
	background-color: #fff;
}
.header {
	background-color: ;
	color: #333333;
}
.header a {
	color: #222;
}
.header a:hover {
	color: #fff;
}


.slideshow-banners {
    float: right !important;
    margin-right: 0 !important;
}


#nav ul.level0, /*TODO:remove,redundant selector*/
#nav ul,

#mini-cart .block-content,
.truncated .truncated_full_value .item-options,
.dropdown-button:hover .inner,
.dropdown-button ul {
	
}

#nav ul li a,
#mini-cart .block-content a,
.dropdown-button ul a
{
			color: #333333;
	}
#nav ul li a:hover,
#mini-cart .block-content a:hover,
.dropdown-button ul a:hover
{
			color: #000;
	}



#mobnav
{
	background-color: #EBEBEB;
    color: #333;
	width:100%;
}
#mobnav-trigger
{
	color: #333;
}

#mobnav-trigger:hover
{
	background-color: #EBEBEB;
	color: #f9446b;
}

#mobnav-trigger.active
{
	background-color: #EBEBEB;
	color: #f9446b;
}

#mobnav-trigger .icon .line {
	background-color: #333;
}
#mobnav-trigger:hover .icon .line {
	background-color: #333;
}
#mobnav-trigger.active .icon .line {
	background-color: #333;
}



.nav { background: #ebebeb; border-bottom: 3px solid #222;}

#nav, .vertnav-top li a {
	background-color: #ebebeb;
    color: #222;
}
#nav > li > a {}

#nav > li:hover > a, .vertnav-top li > a:hover {
	color: #222;
}
#nav > li.school:hover > a, .vertnav-top li.school > a:hover, .accordion li.school > a, .vertnav-top.mobile.show li.nav-7 a  {
	background-color: #fed883;
}
#nav > li.school.active > a { background:#fed883; }

#nav > li.early-year:hover > a, .vertnav-top li.early-year > a:hover, .accordion li.early-year > a, .vertnav-top.mobile.show li.nav-8 a  {
	background-color: #d7b39d;
}
#nav > li.early-year.active > a { background:#d7b39d; }

#nav > li.art-sup:hover > a, .vertnav-top li.art-sup > a:hover, .accordion li.art-sup > a, .vertnav-top.mobile.show li.nav-9 a {
	background-color: #e59089;
}
#nav > li.art-sup.active > a { background:#e59089; }

#nav > li.craft-mat:hover > a, .vertnav-top li.craft-mat > a:hover, .accordion li.craft-mat > a, .vertnav-top.mobile.show li.nav-10 a {
	background-color: #abd68e;
}
#nav > li.craft-mat.active > a { background:#abd68e; }

#nav > li.hobby:hover > a, .vertnav-top li.hobby > a:hover, .accordion li.hobby > a, .vertnav-top.mobile.show li.nav-11 a {
	background-color: #8cc9e8;
}
#nav > li.hobby.active > a { background:#8cc9e8; }

#nav > li.graphic:hover > a, .vertnav-top li.graphic > a:hover, .accordion li.graphic > a, .vertnav-top.mobile.show li.nav-12 a {
	background-color: #feb783;
}
#nav > li.graphic.active > a { background:#feb783; }

/*
#nav > li.needlecraft:hover > a, .vertnav-top li.needlecraft > a:hover, .accordion li.needlecraft > a {
	background-color: #d18bea;
}
#nav > li.needlecraft.active > a { background:#d18bea; }
*/

.accordion li.spring > a {
	background-color: #777;
}
#nav > li.school ul , .vertnav-top li.school ul {
	background-color: #fed883;
}
#nav > li.early-year ul, .vertnav-top li.early-year ul {
	background-color: #d7b39d;
}
#nav > li.art-sup ul, .vertnav-top li.art-sup ul {
	background-color: #e59089;
}
#nav > li.craft-mat ul, .vertnav-top li.craft-mat ul {
	background-color: #abd68e;
}
#nav > li.hobby ul, .vertnav-top li.hobby ul {
	background-color: #8cc9e8;
}
#nav > li.graphic ul, .vertnav-top li.graphic ul {
	background-color: #feb783;
}
/*
#nav > li.needlecraft ul, .vertnav-top li.needlecraft ul {
	background-color: #d18bea;
}
*/
.cms-index-index #nav #nav-home-link > a {
	background: #222 url("../../images/icon.png") no-repeat 3px -120px;
	text-indent: -9999px;
	width: 20px;
	height:45px;
	padding: 0 2px;
}
#nav > li.active > a, .vertnav-top li.current > a {
	background-color: #febd10;
	color: #222;
}

/* Opener: default */
	.vertnav-top li .opener {
		background: url(../../images/img/opener-w.png) center center no-repeat;
	}
	/* Hover */
		.vertnav-top li:hover > .opener {
			background-image: url(../../images/img/opener-w.png);
		}
		.vertnav-top li:hover > .opener:hover {
			background-image: url(../../images/img/opener-w.png);
		}

/* Opener: active */
	.vertnav-top li.active > .opener {
		background: url(../../images/img/opener-active-w.png) center center;
	}
	/* Hover */
		.vertnav-top li.active:hover > a:hover + .opener {
			background-image: url(../../images/img/opener-active-w.png);
		}
		.vertnav-top li.active:hover > a + .opener:hover {
			background-image: url(../../images/img/opener-active-w.png);
		}

/* Opener: current */
	.vertnav-top li.current > .opener,
	.vertnav-top li.current > .opener:hover {
		background-image: url(../../images/img/opener.png);
	}
	/* Active */
		.vertnav-top li.active.current > a + .opener,
		.vertnav-top li.active.current:hover > a + .opener {
			background-image: url(../../images/img/opener-active.png);
		}
		.vertnav-top li.active.current > a + .opener:hover {
			background-image: url(../../images/img/opener-active.png);
		}



.block-layered-nav {}
.block-layered-nav .main-section-title{ background:#eef0ef; padding:10px; border:none; }
.block-layered-nav .block-content{ background:#f9f9f9; }



.main-container { }
.main {
	background-color: #ffffff;
}
.footer-container {
	background: url(../../images/footer-bg.png) repeat center center;
}
.footer {
}
.footer a {
	color: #222;
}
.footer a:hover {
	color: #fff;
}



.footer-top-container {
		width: 100%;
	margin: 0 auto;
}
.footer-top {
		
}
.footer-top a {
}
.footer-top a:hover {
}

.f-right-links {
	margin-right: 30px;
}

.footer-primary-container {
	background-color: #fff;
	margin: 0 auto;
}

.footer-primary-container a:hover { color:#999; }

.footer-primary
{
			background-color: transparent;
    	
	}
.footer-primary a
{
	}
.footer-primary a:hover
{
	}



button.button span
{
	background-color: #c6c8c7;
	color: #333333;
}
button.button:hover span
{
	background-color: #dbf1ff;
	color: #333;
}

.product-view .btn-cart span,
button.btn-checkout span
{
	background-color: #333333;
	color: #ffffff;
}
.product-view .btn-cart:hover span,
button.btn-checkout:hover span
{
	background-color: #d52462;
	color: #ffffff;
}



.feature div.icon
{
	background-color: #0793ac;
}
.feature:hover div.icon
{
	background-color: #333333;
}



.links a:hover {
	background-color: #222;
    color: #ffffff;
}



.price-box .price { color:#008cd2; }



.sticker.new {
	background-color: #a9d689;
	color: #ffffff;
}
.sticker.sale {
	background-color: #f9446b;
	color: #ffffff;
}
.sticker.custom1 {
	background-color: #a9d689;
	color: #ffffff;
}
.sticker.custom2 {
	background-color: #85c9e9;
	color: #ffffff;
}
.item:hover .sticker.custom2 span {
width: 40px !important;
height: 32px !important;
}
.sticker.custom3 {
	background-color: #ffb67f;
	color: #ffffff;
}
.sticker.custom4 {
	background-color: #dcb2ef;
	color: #ffffff;
}
.sticker.custom5 {
	background-color: #ed8e8e;
	color: #ffffff;
}
.sticker.custom6 {
	background-color: #ef74b7;
	color: #ffffff;
}
.sticker.custom7 {
	background-color: #f4c862;
	color: #ffffff;
}

.social-links a {
	background-color: #555;
}
.social-links a:hover {
	background-color: #febd10;
}



h1,
h2,
.section-title,
.products-list .product-name,
.products-grid .product-name,
h3.product-name,

/* Main menu */
#mobnav-trigger,
#nav > li > a,
#nav.wide ul.level0 > li > a,
.vertnav-top li a,

/* Block headings */
.block .block-title,

/* Checkout headings */
#opc-login h3,

/* Multiple checkout */
/*.fieldset .legend,
.multiple-checkout .col2-set h2.legend,
.info-set h2.legend,*/

/* Account */
.box-account .box-head h2,
.order-items h2.table-caption,
.order-items h2.sub-title,
.order-items .order-comments h2,

/* Product page */
.product-view .box-reviews dt .heading,

/* Captions */
.slide .caption h2,
.slide .caption h3,

/* Custom content class */
.main-font
{
	/*font-family: Oswald, georgia, serif;*/
}