@charset "utf-8";
/* CSS Document */


/* ---------------------------------------------------- */
/*    REDFINE GLOBAL TAGS - APPLIES TO ALL SCREEN SIZES       */
/* ---------------------------------------------------- */

body {
	background-color: #ffffff;
	background-image: url(images/bg.gif); 
	background-position: center top; 
	background-repeat: repeat-y;
	margin:0px;
	padding:0px;
}

img {
	height:auto;
	max-width:100%;
}

video {
	height:auto;
	max-width:100%;
}

audio {
	height:auto;
	max-width:100%;
}


/* ---------------------------------------------------- */
/*    SMALL SCREEN STYLES (BELOW 400 PX) - DEFAULT      */
/* ---------------------------------------------------- */


.ProdTop_HeaderLogo {
	content:url("images/MCM_optin_header_v3_small.jpg");	
}
.PhotoTop_HeaderLogo {
	content:url("images/MCM_header_v3_small.jpg");	
}

.PageWrapper {
	margin: auto;
	width:100%;
	max-width: 842px;
}
.FullWidth {
	max-width: 96%;
}
.HalfWidth {
	max-width: 45%;
}
.OptInBox {
	max-width: 100%;
	border-style:dashed;
	border-width:3px;
	border-color:#000;
	background-color:#FFFFCC;
	padding:10px;
}
.OrderBox {
	max-width: 100%;
	border-style:dashed;
	border-width:3px;
	border-color:#000;
	background-color:#FFFFCC;
	padding:10px;
}
.AddCartBox {
	max-width: 100%;
	border-style:dashed;
	border-width:4px;
	border-color:#F00;
	background-color:#FFF;
	padding:8px;
}
.TestimonialBox {
	max-width: 100%;
	border-style:solid;
	border-width:2px;
	border-color:#000;
	background-color:#FFFFCC;
	border-radius:5px;
	box-shadow: black 0px 0px 5px;
	padding:10px;
}

.BlueBox {
	max-width: 100%;
	border-style:solid;
	border-width:2px;
	border-color:#000;
	background-color:#E6E6FF;
	border-radius:10px;
	padding:10px;
}

#NotificationBox {
	border-style:solid;
	border-width:3px;
	border-color:#C00;
	background-color:#FFFFEA;
	border-radius:5px;
	box-shadow: black 0px 0px 5px;
	padding:10px;
	margin-top:8px;
}
	

.HeadSubjectTable {
	width: 100%;
	display:block;
}
.HeadDateTable {
	width: 100%;
	display:block;
}
.HeadSubjectText {
	text-align:left;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
}
.HeadDateText {
	text-align:left;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
}

.FloatLeft_onLarge {
	float:none;
	display:block;
	max-width: 100%;
}

.FloatRight_onLarge {
	float:none;
	display:block;
	max-width: 100%;
}

.ListIndent {
	max-width:100%;
	text-align:left;
}



/* ---------------------- SPECIAL LAYOUT AND FORMATTING ------------------------------ */
.BR_onSmall {
	display:inline-block;
}
.BR_onLarge {
	display:none;
}


.Hide_onLarge {
	display:inline-block;
}
.Hide_onMedium {
	display:inline-block;
}
.Hide_onSmall {
	display:none;
}

.Show_onSmallOnly {
	display:inline-block;
}


#Download_img {
	display:block;
	text-align:center;
	margin:0px;
}
#BooksCD_Photo {
	display:block;
	float:none; 
	margin-right:5px;
	text-align:center;
}



/* ---------------------------------------------------- */
.SmallText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

.SmallGrey {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 9pt;
}

.SmallGrey a, .SmallGrey a:visited {
	padding: 9px;
	padding-bottom: 5px;
	display: inline-block;
	margin-bottom: 5px;
	color: #666666;
}

.SmallGrey a:hover {
	color: #000000;
}



/* ---------------------------------------------------- */
.NormalText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
}
.NormalTextRed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color:#C00;
}
.NormalTextBlue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color:#006;
}


/* ---------------------------------------------------- */
.LargeText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13pt;
}
.LargeText_RedHighlight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13pt;
	color: #900;
	background-color: #FF0;
}




/* ---------------------------------------------------- */
.LargestText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
}
.LargestTextRed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color:#C00;
}
.LargestTextBlue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color:#006;
}






/* ---------------------------------------------------- */
.SmallHeadline {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
}
.SmallHeadlineRed {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color:#C00;
}
.SmallHeadlineBlue {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color:#006;
}






/* ---------------------------------------------------- */
.NormalHeadline {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 15pt;
	font-weight: bold;
}
.NormalHeadlineRed {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 15pt;
	font-weight: bold;
	color:#C00;
}
.NormalHeadlineBlue {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 15pt;
	font-weight: bold;
	color:#006;
}



/* ---------------------------------------------------- */
.MiddleHeadline {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 17pt;
	font-weight: bold;
}
.MiddleHeadlineRed {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 17pt;
	font-weight: bold;
	color:#C00;
}
.MiddleHeadlineBlue {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 17pt;
	font-weight: bold;
	color:#006;
}



/* ---------------------------------------------------- */
.LargeHeadline {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 24pt;
	font-weight: bold;
}
.LargeHeadlineRed {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 22pt;
	font-weight: bold;
	color:#C00;
}
.LargeHeadlineBlue {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 24pt;
	font-weight: bold;
	color:#006;
}


/* ---------------------------------------------------- */
.LargestHeadline {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 26pt;
	font-weight: bold;
}
.LargestHeadlineRed {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 26pt;
	font-weight: bold;
	color:#C00;
}
.LargestHeadlineBlue {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 26pt;
	font-weight: bold;
	color:#006;
}


/* BUTTONS ---------------------------------------------------- */
.SmallButton {
	height: 38px;
	font-size: 10pt;
	font-weight:bold;
}
.BigButton {
	height: 42px;
	font-size: 12pt; 
	font-weight: bold;
}

.BigGrayButton { 
	/* to be used on double div tag enclosing an anchor tag */
	font-family:Tahoma; 
	font-size:14pt; 
	font-weight:bold; 
	text-decoration:none; 
	color:#000; 
	background:#CCC;
	background-image:url(images/button_background.jpg);
	border-style:solid;
	border-width:4px;
	border-color:#F00;
	border-radius:10px;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:14px;
	padding-right:14px;
	display:inline-block;
	}
	.BigGrayButton:hover {
		border-color:#090;
	}
	.BigGrayButton a {
		color:#000; 
		text-decoration:none; 
	}
	.BigGrayButton a:hover {
		color:#00C; 
		text-decoration:underline; 
	}
	
.BigOrangeButton {
	font-family:Tahoma; 
	font-size:13pt; 
	text-decoration:underline; 
	font-weight:bold; 
	color:#009; 
	background:#FC0;
	border-style:solid;
	border-width:4px;
	border-color:#F00;
	border-radius:10px;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:14px;
	padding-right:14px;
	}
	.BigOrangeButton:hover {
		border-color:#090;
		background:#0F0;
	}





/* ---------------------- UNORDERED LIST STYLES ------------------------------ */
.ListArrow {
	list-style-image: url('images/bullet_01.gif');
}
.ListArrow li {
	margin-bottom:5px;
	text-align:left;
}

/* ---------------------------------------------------- */
.ListCheck {
	list-style-image: url('images/bullet_02.gif');
}
.ListCheck li {
	margin-bottom:3px;
	text-align:left;
}