body.mceContentBody{
	text-align:left;
}

div.article_page_break
{
	clear:both;
	color:red;
	text-align:center;
	margin: 20px 10px 10px 10px;
	background-color: #ddd;
}

.article_clearer{
	clear:both;
	font-size:3px;
}

body.mceContentBody .content_manual_chapter:before{
	content: "( ";
	color:red;
}

body.mceContentBody .content_manual_chapter:after{
	content: " )";
	color:red;
}

body.mceContentBody .content_manual_page:before{
	content: "( ";
	color:blue;
}

body.mceContentBody .content_manual_page:after{
	content: " )";
	color:blue;
}


#mm_promo_block{ padding-top:10px; }
#mm_promo_block .mm_heading{
	font-size: 13px;
	font-weight:bold;
	margin-bottom:8px;
}

#mm_promo_block .misc_button{
	width: 200px;
}

#mm-tell-me input {
	background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
    width: 200px;
}
#mm-tell-me input.fail {
    background-color: #FFEEEE;
    border-color: #BB3333;
}

#mm-tell-me .err{
	color: #b33;
	font-size:11px;
	font-weight: bold;
	display:none;
}

/*
Oops - just about EVERYTHING in this file should be in the /serato.com/webroot/css
directory (in a file called content.css that currently doesn't exist...)
Then EVERY page that references this file also needs to reference the new file.
Oh joy.
UPDATE: everything ABOVE this comment should stay in this file. Everything else
should be moved.
*/

.article_body h1{
	text-transform: none;
	font-size:16px;
}

.article_body h2{
	font-size:14px;
}

.article_body h3{
	font-weight:bold;
	font-size:12px;
}

.content_image_container_left, .content_image_container_right, .content_image_container_center
{
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 10px;
	padding: 10px;
	font-size: 7pt;
	text-align: center;
	background-color: #ddd;
	overflow: hidden;
}

.content_image_container_left .imgbox,
.content_image_container_right .imgbox,
.content_image_container_center .imgbox
{
	margin: 0;
}

.content_image_container_left
{
	float: left;
	margin: 10px 20px 10px 0;
}

.content_image_container_right
{
	float: right;
	margin: 10px 0 10px 20px;
}

.content_image_container_center
{
	margin: 10px auto;
	text-align:center;
}

.content_image_container_left a,
.content_image_container_center a,
.content_image_container_right a {
	border:none;
}

.article_footer{
	text-align:center;
	margin: 20px 0 10px 0;
}

.article_footer > a{
	padding: 0 5px;
}

/*==== PURCHASE PAGE ====*/

#purchase_page
{
	padding: 5px 0;
}

.small_heading.right,
.prod_img.right
{
	margin-left:5px;
}

#purchase_page .prod_seperator
{
	clear:both;
	font-size: 1px;
}

#purchase_page .small_heading
{
	font-size:15px;
	float: left;
	width: 305px;
	margin: 10px 0 5px 0;
}

#purchase_page .product
{
	float: left;
}

#purchase_page .prod_img
{
	float: left;
	width: 170px;
	text-align:center;
}

#purchase_page .prod_info
{
	margin-left: 5px;
	width: 125px;
	float: left;
}

#purchase_page .prod_info .avail
{
	font-weight: bold;
}

/*==== DOWNLOADS PAGES ====*/

.download_image{
	float:left;
	width: 45px;
	text-align:center;
}

.download_link{
	float:left;
	margin-top:10px;
}

.seperator{
	clear:both;
	font-size:5px;
}

#ilok_demo_auth div{
	float:left;
	padding:2px;
}

#ilok_demo_auth input[type=text]{
	width:140px;
}

#ilok_demo_auth .label{
	width: 120px;
}

/*=== PNT examples ====*/
.examples{
	margin:10px;
}

.examples .cell{
	float:left;
	width: 60px;
	padding: 3px;
	background-color:#ddd;
	margin-left: 1px;
	text-align:center;
}

.examples .row_label{
	width:100px;
	text-align:left;
}

.examples .seperator{
	clear:both;
	font-size: 1px;
}

.sse_quotes img{
	margin:10px;
	float:left;
}

.sse_quotes .seperator{
	clear:both;
}

.grey{
	background-color: #666
}

.otherright .imgbox img{ width:308px; }

#content .greybox .add_to_cart_button,
#content .greybox .remove_from_cart_button{
	bottom: 0;
	right: 90px;
}

#content.artists .buttons { background:none; }
#content.artists .buttons a { background-color:#006C99; padding: 0 10px; margin:0 0 0 5px; }
#content.artists .buttons a:hover { background-color:#000; }
#content.artists .buttons a.disabled { background-color:#bbb; }

#new-artist-profile { display:none; }

.overlay .message {
	margin:0 0 0 250px;
	width:430px;
}

.overlay .message#status,
.overlay .message#exists,
.overlay .message#invited { display:none; }

.heading {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
}

.download-products-container { margin: 0; }
.download-product { 
	float: left; 
	padding: 3px 8px; 
	width: 100%; 
	border-top: thin solid #eee;
	margin: 0 -8px;
}

.download-product:hover { background: #eee; }
.download-product .icon { 
	vertical-align: middle; 
	padding-right: 5px; 
	width: 20px; 
	height: 15px; 
}
.download-products-container .download-product > a{
	border: none;
	line-height: 1.8;
}
.download-products-container .download-product > a img{ margin-top: -4px; }

.download-product .standard{ font-weight: normal; color: #666; }

table.comparison-chart td{ text-align: center; }
table.comparison-chart td.row-label{ text-align: left; padding-left: 8px; }
table.comparison-chart th td{ width: 120px; }

.rane-interfaces table.comparison-chart{ margin-top: 10px; }

.new-serial pre {
	background:#006C99;
	color:#fff;
	font-size:16px;
	padding:3px 0;
	text-align:center;
	width:325px;
}