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


/* ---------------------------------------------------- */
/* MEDIUM SCREEN STYLES (BETWEEN 400 AND 640 PX) */
/* ---------------------------------------------------- */

@media (min-width: 400px) and (max-width: 640px) {
	
.ProdTop_HeaderLogo {
	content:url("images/MCM_optin_header_v3_medium.jpg");	
}
.PhotoTop_HeaderLogo {
	content:url("images/MCM_header_v3_medium.jpg");	
}

	

/* ---------------------- CONTAINERS ------------------------------ */


.FullWidth {
	max-width: 90%;
}
.HalfWidth {
	max-width: 50%;
}
.OrderBox {
	max-width: 100%;
}
.OptInBox {
	max-width: 100%;
}
.AddCartBox {
	max-width: 90%;
}
.TestimonialBox {
	max-width: 90%;
}
.BlueBox {
	max-width: 100%;
}


.HeadSubjectTable {
	width: 59%;
	display:inline-block;
}
.HeadDateTable {
	width: 39%;
	display:inline-block;
}
.HeadSubjectText {
	text-align:left;
	font-size: 10pt;
}
.HeadDateText {
	text-align:right;
	font-size: 10pt;
}

.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:none;
}
.Hide_onSmall {
	display:inline-block;
}

.Show_onSmallOnly {
	display:none;
}


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



/* ---------------------------------------------------- */
.SmallText {
	font-size: 10pt;
}

.SmallGrey {
	font-size: 10pt;
}

.SmallGrey a, .SmallGrey a:visited {
	padding: 8px;
}

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



/* ---------------------------------------------------- */
.NormalText {
	font-size: 12pt;
}
.NormalTextRed {
	font-size: 12pt;
}
.NormalTextBlue {
	font-size: 12pt;
}




/* ---------------------------------------------------- */
.LargeText {
	font-size: 14pt;
}
.LargeText_RedHighlight {
	font-size: 14pt;
}


/* ---------------------------------------------------- */
.LargestText {
	font-size: 16pt;
}
.LargestTextRed {
	font-size: 16pt;
}
.LargestTextBlue {
	font-size: 16pt;
}






/* ---------------------------------------------------- */
.SmallHeadline {
	font-size: 15pt;
}
.SmallHeadlineRed {
	font-size: 15pt;
}
.SmallHeadlineBlue {
	font-size: 15pt;
}






/* ---------------------------------------------------- */
.NormalHeadline {
	font-size: 17pt;
}
.NormalHeadlineRed {
	font-size: 17pt;
}
.NormalHeadlineBlue {
	font-size: 17pt;
}



/* ---------------------------------------------------- */
.MiddleHeadline {
	font-size: 20pt;
}
.MiddleHeadlineRed {
	font-size: 20pt;
}
.MiddleHeadlineBlue {
	font-size: 20pt;
}



/* ---------------------------------------------------- */
.LargeHeadline {
	font-size: 24pt;
}
.LargeHeadlineRed {
	font-size: 24pt;
}
.LargeHeadlineBlue {
	font-size: 24pt;
}


/* ---------------------------------------------------- */
.LargestHeadline {
	font-size: 28pt;
}
.LargestHeadlineRed {
	font-size: 28pt;
}
.LargestHeadlineBlue {
	font-size: 28pt;
}


/* BUTTONS ---------------------------------------------------- */
.SmallButton {
	padding: 4px;
	margin: 4px;
	font-size: 13pt;
}
.BigButton {
	padding: 4px;
	margin: 4px;
	font-size: 14pt;
}
.BigGrayButton {
	font-size:16pt; 
}
.BigOrangeButton {
	font-size:16pt; 
}



}


