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

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

body#activity_overview.in_action #guide{
	width: 920px;
	padding: 16px 20px;
	font-size: 1.35em;
}
body#activity_overview #middle {
	background-repeat: repeat-y;
}
body#activity_overview #content {
	position: relative;
	width: 960px;
	float: right;
	clear: both;
	margin: 0;
	padding-bottom: 0;
	padding-bottom: 26px;
	top: 0;
}
body#activity_overview #content h1 {
	display: none;
}
body#activity_overview #content div#overview_nav {
	width: 322px;
	padding: 0 72px 0 566px;
	float: left;
	clear: both;
	background-position: left bottom;
	background-repeat: no-repeat;
	min-height:275px;
}

body#activity_overview #content .group{
	width: 138px;
	float: left;
	margin: 13px 0 13px 0;
	padding: 0 13px 0 2px;
}

body#activity_overview #content .right{
	padding: 0 0 0 2px;
}
body#activity_overview #content ul{
	list-style-type: none;
}


body#activity_overview #content h2{
	border-top: 0;
	margin: 10px 0 0 0;
	padding: 1px 0 6px 15px;
	font-size: 1.3em;
	font-weight: bold;
}

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


/* 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: 0 20px 20px 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;
	margin-top: -10px;
}
#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 {
	position: relative;
	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: #D3031C;
	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 *{
	margin: 0 !important;
	padding: 0 !important;
}
#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 #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;
}