/* Guide for In Action */
body#activity_overview.in_action #guide,
body#activity_overview.in_action_midi #guide{
	width: 200px;
	padding: 16px 20px;
	/*font-size: 1.35em;*/
}

/* 2-1 & 2-2 Catalog by Activity */

body#activity_overview #content .group,
body#category_overview #content .group {
	width: 138px;
	float: left;
	margin-left: 8px;
	padding: 0 31px 0 3px;
}

/*more top padding for category overview Brands*/
body#category_overview #content .group {
	padding-top: 20px;
	width: 136px;
}

 /*smaller width for midi section (3 cols only)*/
body#activity_overview.midi #content .group{
	width: 190px;
	}


body#activity_overview #content ul{
	list-style-type: none;
}
body#activity_overview #content h2{
	border-top: solid 1px;
	margin: 20px 0 0 0;
	padding: 1px 0 6px 15px;
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
}

body#category_overview #content h2{
	margin: 0;
	padding: 1px 0 6px 15px;
	font-family: verdana;
	font-size: 1em;
	font-weight: normal;
}

body#activity_overview #content .toggle,
body#category_overview #content .toggle {
	display: block;
	cursor: pointer;
	padding: 0 0 6px 15px;
	background: 0 3px no-repeat;
}
body#activity_overview #content .toggle a{
	text-decoration: none;
}
body#activity_overview #content .demographic,
body#category_overview #content .demographic{
	padding: 0 0 10px 15px;
}
body#activity_overview #content .demographic li {
	display: inline;
	margin-right: 8px;
}

body#category_overview #content .demographic li {
	display: inline;
	margin-right: 4px;
}
body#activity_overview #content .demographic li a:hover,
body#category_overview #content .demographic li a:hover {
	text-decoration: none;
}

/* 2-2-1 Product List */
#product_list.in_action #content {
	margin: 0 0 0 0;
}

#product_list.in_action ul#categories.panel_ref {
	display: none;
}

/* three cols */
#content #top_story {
	position: relative;
	float: left;
	width: 240px;
}
#content #top_story div {
	width: 200px;
	padding: 20px;
}
#content #top_story div h2 {
	font-family: arial, helvetica, sans-serif;
	font-size: 1.3em;
	margin: 0.25em 0;
	text-transform: uppercase;
}
#content #top_story div h3 {
	font-size: 1.1em;
	margin: 0.25em 0;
}
#content #top_story div p {
	font-size: 1.1em;
	margin: 0.25em 0;
}
#content #top_story div p a {
	font-size: 1em;
}

#content #related_informations {
	margin: 0;
}
#content #related_informations div#first {
	border-top: 0;
}
#content #related_informations div {
	position: relative;
	float: left;
	width: 220px;
	height: auto;
	padding: 10px;
	border-top: 1px solid;
}
#content #related_informations div h2 {
	font-family: arial, helvetica, sans-serif;
	font-size: 1.3em;
	margin: 0.25em 0;
	text-transform: uppercase;
}
#content #related_informations div h3 {
	font-size: 1em;
	margin: 0.25em 0;
}
#content #related_informations div p {
	font-size: 1em;
	margin: 0.25em 0 0.25em 110px;
}
#content #related_informations div a {
	font-size: 1em;
}
#content #related_informations div ul {
	font-size: 1em;
	margin: 0.25em 0 0.25em 0.5em;
	list-style-position: inside;
}
#content #related_informations div img {
	float: left;
	margin: 0 10px 10px 0;
}

/* two cols */
#middle.two_cols #content #top_story {
	float: left;
	width: 440px;
	padding: 20px 20px 0 20px;
}
#middle.two_cols #content #top_story div {
	width: 440px;
	float: left;
	clear: both;
	padding: 0 0 20px 0;
}
#middle.two_cols #content #top_story div img {
	float: left;
	margin-right: 10px;
}
#middle.two_cols #content #top_story div div {
	float: left;
	clear: none;
	width: 230px;
}
#middle.two_cols #content #top_story div div h2 {
	font-family: arial, helvetica, sans-serif;
	font-size: 1.3em;
	margin: 0.25em 0;
	text-transform: uppercase;
}
#middle.two_cols #content #top_story div div h3 {
	font-size: 1.1em;
	margin: 0.25em 0;
}
#middle.two_cols #content #top_story div div p {
	font-size: 1.1em;
	margin: 0.25em 0;
}
#middle.two_cols #content #top_story div div p a {
	font-size: 1em;
}

#secondary .seeSample{
	color: #A99977;
	font-size: 10px;
	padding: 20px 0 12px 10px;
}
#secondary h2{
	clear: both;
	text-indent: -9000px;
	height: 98px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 0 -20px;
	cursor: pointer;
	padding: 0;
	margin: 0;
}	
#secondary h2.active,
#secondary h2.visited{
	height: 20px;
	margin-bottom: 9px;
}
#secondary h2.active{
	background-position: 0 0;
}
#secondary h2.visited{
	background-position: 0 -20px;
}
#content #secondary div.scrollbar_wrapper{
	overflow: hidden;
	padding: 0;
	margin: 0;
	width: 240px;
}
#content #secondary div.scrollbar_wrapper li{
	margin: 0;
	padding: 0;
}
#content #secondary div.scrollbar_wrapper ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#content #secondary div.scrollbar_wrapper.visited{
	display: none;
}
body#product_list #secondary.panel_set ul.products.active{ /* needs to have body ID to override initial_states.css setting */
	height: 100%;
	display: block;
}

body#product_list #secondary ul.products.active li{
	padding: 0;
}

body#product_list #secondary ul.products.active li.product{
	padding: 10px 0;
}

body#product_list #primary{
	width: 480px;
}

body#product_list #content #secondary div.scrollbar{
	width: 13px;
}

body#product_list #content #secondary div.scroll_down_button,
body#product_list #content #secondary div.scroll_up_button{
	height: 14px;
	width: 13px;
}
body#product_list #content #secondary div.scroll_down_button{
	background: center center no-repeat;
}
body#product_list #content #secondary div.scroll_up_button{
	background: center center no-repeat;
}
body#product_list #content #secondary div.scroll_slide_area{
	width: 13px;
	background: center center repeat-y;
}

body#product_list #content #secondary div.scroll_slider{
	height: 1em;
	width: 11px;
	background: center center no-repeat;
	border-top: solid 1px;
	border-bottom: solid 1px;
	left: 1px;
}
#product_page #product #product_tc_if.open #product_technology_comfort #product_detail{
	top: -151px;
}
body.in_action#product_page #product #product_tc_if.open #product_technology_comfort #product_detail .wrapper{
	height: 242px;
}