/**
* Headlines
*/
.typography h1, 
.typography h2, 
.typography h3, 
.typography h4, 
.typography h5, 
.typography h6 {
	font-size:				medium;
	font-weight:			normal;
	margin-bottom:			20px;
	clear:					both;
}

.typography h4, 
.typography h5, 
.typography h6 {
	font-size:				small;
	font-weight:			bold;
}

.typography h3.ui-accordion-header {
	background:				url(../images/bg_h3_down.gif) no-repeat 0px 3px;
	padding-left:			20px;
}

.typography h3.ui-accordion-header.selected {
	background:				url(../images/bg_h3_active.gif) no-repeat 0px 3px;
}

#content_right h1,
#content_right h2,
#content_right h3,
#content_right h4,
#content_right h5,
#content_right h6 {
	margin-bottom:			0px;
}

/**
* Paragraph
**/
.typography p {
	margin-bottom:			20px;
}

#content_right  p {
	margin-bottom:			5px;
}

.typography form p {
	clear:					both;
}

/**
* Links
*/
.typography a {
	text-decoration:		underline;
}

.typography a:hover {
}

.typography a.video_headline {
	display:				block;
	font-size:				medium;
	font-weight:			normal;
	margin-bottom:			20px;
	text-decoration:		none;
	background:				url(../images/bg_h3_down.gif) no-repeat 0px 3px;
	padding-left:			20px;
}

.typography a.video_headline:hover, .typography a.video_headline.ui-accordion-header.selected {
	background:				url(../images/bg_h3_active.gif) no-repeat 0px 3px;
}

.typography a.print_icon {
	display:				-moz-inline-block;
	display:				inline-block;
	background:				url(../images/print.gif) no-repeat;
	padding-left:			20px;
}

.typography span.product_price {
	font-weight:			bold;
}

/**
* Image alignment
*/
.typography img {
    margin:             15px 10px;
}

.typography img.right {
	float:				right;
	padding:			0px 0px 10px 10px;
}

.typography img.left {
	float:				left;
	padding:			0px 10px 10px 0px;
}

.typography img.leftAlone {
	display:			block;
	margin:				0px 0px 20px 0px;
}

.typography img.center {
	float:				none;
	margin-left:		auto;
	margin-right:		auto;
	margin-bottom:		20px;
	display:			block;
}

/**
* Other alignments used in the wysiwyg editor
*/
.typography .left {
	text-align:			left;
}
.typography .center {
	text-align:			center;
}
.typography .right {
	text-align:			right;
}

/**
* Lists
*/
.typography  ul, .typography ol {
	margin:				20px;
}

.typography ul li, .typography ol li {
	margin:				0px 10px;
}

a.more {
	margin:				10px 0px;
	display:			block;
	background:			url(../images/bg_a_more.gif) no-repeat;
	width:				70px;
	height:				15px;
	color:				white;
	text-decoration:	none;
	text-align:			center;
	font-size:			smaller;
	padding-top:		2px;
}