@import "inc/inc_products_catalog.css";

#content.prod_cat #main h1 {
	margin: 0 0 16px 0;
}

#content.prod_cat #onpage-nav {
	border: 1px solid #ccc;	
	width: 578px;
	background: transparent url(../img/product-item-bg.gif) left bottom repeat-x;
	padding: 0 0 20px 0;
	margin-bottom: 10px;
}

.headline-background {
	height: 33px;
	float: left;
	width: 580px;
	position: absolute;
	top: -1px;
	left: -1px;
	z-index: 0;
}

* html .headline-background  {
	width: 578px;
	position: relative;
}

.blue .headline-background { background: transparent url(../img/headline-sprite_bg.gif) left -6px repeat-x; }
.yellow .headline-background { background: transparent url(../img/headline-sprite_bg.gif) left -50px repeat-x; }
.orange .headline-background { background: transparent url(../img/headline-sprite_bg.gif) left -94px repeat-x; }
.magenta .headline-background { background: transparent url(../img/headline-sprite_bg.gif) left -138px repeat-x; }
.grey .headline-background { background: transparent url(../img/headline-sprite_bg.gif) left -182px repeat-x; }
.green .headline-background { background: transparent url(../img/headline-sprite_bg.gif) left -226px repeat-x; }
.purple .headline-background { background: transparent url(../img/headline-sprite_bg.gif) left -270px repeat-x; }
.dark-blue .headline-background { background: transparent url(../img/headline-sprite_bg.gif) left -382px repeat-x; }
.theme-travel .headline-background { background: transparent url(../img/headline-sprite_bg.gif) left -754px repeat-x; }

#content.prod_cat #onpage-nav ul {
	position: relative;
	float: left;
	background: none;
	margin: 0;
	padding: 0;
}

* html #content.prod_cat #onpage-nav ul  {
	top: -17px;	
}

#content.prod_cat #onpage-nav li {
	background: none;
	margin: 0;
	padding: 0;
}

#content.prod_cat #onpage-nav ul li {
	float: left;
}

#content.prod_cat #onpage-nav ul li ul li {
	float: none;
}

#content.prod_cat #onpage-nav ul.col-1 li {
	width: 180px;
}

#content.prod_cat #onpage-nav ul.col-2 li,
#content.prod_cat #onpage-nav ul.col-3 li {
	width: 199px;
}

#content.prod_cat #onpage-nav a {
	background: transparent url(../img/arrow_link_right-grey.gif) no-repeat 22px 6px;
	margin: 0;
	padding: 0 0 0 34px;
	color: #333;
	text-decoration: none;
	line-height: 18px;	
	display: block;
}

#content.prod_cat #onpage-nav a:hover {
	color: #dd7800;
	text-decoration: underline;
}


#content.prod_cat #onpage-nav h2 {
	color: #fff;
	background: none;
	margin: 0 0 8px 0;
	padding: 0 0 0 22px;
	font-size: 12px;
	line-height: 32px;
}

#content.prod_cat #onpage-nav .col-2 h2,
#content.prod_cat #onpage-nav .col-3 h2 {
	border-style: solid;
	border-width: 0 0 0 1px;
}

#content.prod_cat #onpage-nav.blue h2 { border-color: #80bfdf; }
#content.prod_cat #onpage-nav.yellow h2 { border-color: #fff; color: #555229;}
#content.prod_cat #onpage-nav.orange h2 { border-color: #f8ab80; }
#content.prod_cat #onpage-nav.magenta h2 { border-color: #cd809d; }
#content.prod_cat #onpage-nav.grey h2 { border-color: #959595; }
#content.prod_cat #onpage-nav.green h2 { border-color: #80af80; }
#content.prod_cat #onpage-nav.purple h2 { border-color: #8480ad; }
#content.prod_cat #onpage-nav.dark-blue h2 { border-color: #809ec5; }
#content.prod_cat #onpage-nav.theme-travel h2 { border-color: #80d0ce; }


/* Teaser */

#content.prod_cat #teaser img {
	margin: 0 0 10px;
}