body    { color: #333; font-size: 12px; font-family: Verdana, Geneva, sans-serif; line-height: 150%;  }
*       { margin: 0px; padding: 0px; }
#wrap       { width: 980px; height: auto; background-color: #FFF; margin: 0 auto; }

img { border-width: 0; }
a:hover, a:focus, a:active {outline: none; }/* to removing dotted outline on links */

#header  { height: 95px; background-image: url(https://www.miraclecord.com/images-css/MC-logo-web-tag.gif); background-repeat: no-repeat; background-position: -8px 0px; width: 980px; background-color: #FFF; margin-bottom: 7px; margin-top: 10px; }
/*#header img { float: left; padding-top: 30px; }*/


/* start phon */
#phon  { width: 600px; margin-top: 0px; padding-top: 32px; height: 60px; float: right; }
#phon p { font-size: 13px; line-height: 150%; float: right; padding-right: 25px; text-align: center; }
#phon p strong {font-size: 15px; font-weight: bold; }
/* end phon */

/* start enroll button */
#enroll a { background-image: url(../images/btn-enroll-both.gif); background-repeat: no-repeat; background-position: 0 0; width: 108px; height: 33px; float: right; margin-top: 3px; }
#enroll a:hover  { background-image: url(../images/btn-enroll-both.gif); background-repeat: no-repeat; background-position: -108px 0; width: 108px; height: 33px; float: right; }/* 
/* end enroll button */

/* start search box */
#search-box form { margin: 0; padding: 0; width: 120px; height: 25px; }
#search-box { /*outer background*/ height: 20px; float: left; padding-top: 5px; margin-left: 8px; } 
input.search { border: none; width: 107px; height:18px; background-image: url(https://www.miraclecord.com/images-css/magnifying-glass-box.jpg); background-repeat: no-repeat; background-position: left center; font-size: 11px; font-family: Verdana, Geneva, sans-serif; padding-left: 23px; padding-top: 2px; color: #666; }

.searchcontrol { width: 755px; }
.gsc-search-box { display: none; }
.gsc-resultsRoot { width: 755px; } 
/* end search box */


/* start column 1 */
#column1 { width:200px; float:left; margin-right: 10px; margin-bottom: 50px; height: 100%; }
#column1 h1 { color:#1e3e7a; background-image: url(../images-css/nav3-bkgd.gif); background-repeat: no-repeat; background-position: left top; font-size: 11px; font-weight: bold; padding-left: 10px; padding-top: 8px; padding-bottom: 7px; line-height: 125%; height:25px }

/* Free Info Kit box */
#kit-box { margin-top: 40px; }
/* begin Free Info Kit box */
#kit-box a { background-image: url(../images/btn-request-both.gif); background-repeat: no-repeat; background-position: 0 0; display: block; height: 53px; width: 132px; float: left; }
#kit-box a:hover{ background-image: url(../images/btn-request-both.gif); background-repeat: no-repeat; background-position: -132px 0; height: 53px; width: 132px; }
/* end Free Info Kit box */

/* end column 1 */


/* start content */
#maincontent { width:755px; height: auto; float:left; padding-bottom: 40px; padding-left: 15px; }

#maincontent h1 { font-size:16px; line-height: 130%; text-indent: 0px; padding-top: 5px; padding-bottom: 20px; margin-bottom: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #bbb; }

#maincontent h2 { font-size:13px; padding-bottom: 7px; padding-top: 4px; }

.line-above { border-top: solid 1px #bbb; padding-top: 4px; margin-top: 12px; }

#maincontent h3 { font-size:12px; padding-bottom: 0px; margin-bottom: 5px; margin-top: 20px; }

#maincontent h4 { font-size:12px; text-transform: uppercase; padding-top: 4px; letter-spacing: 0.1em; word-spacing: 0.1em; border-top-width: 1px; border-top-style: solid; border-top-color: #bbb; font-weight: bold; padding-bottom: 0px; margin-bottom: 5px; margin-top: 20px; }

#maincontent .intro { font-size:13px; padding-top: 5px; line-height: 140%; padding-left: 0px; padding-bottom: 15px; }
#maincontent p { padding-bottom: 7px; font-size: 12px; line-height: 160%; font-family: Arial, Helvetica, sans-serif; padding-top: 7px; }
#maincontent p strong { font-weight: bold; padding-left: 0px; margin-left: 0px; }

#column2, column2-wide { float:left; margin-top: 0px; padding-top: 0px; }
#column2 { width:549px; float: left; }
#column2-wide { width:755px; float: left; }

#maincontent .footnote, #maincontent .footnote-faq { font-size:9px; line-height: 140%; font-weight: normal; margin-top: 30px; color: #666; } 
#maincontent .footnote-faq { margin-top: 0px; margin-bottom:12px; } 

#maincontent .question-recommendation { font-style: italic; color: #2d5296; font-family: Georgia, Times New Roman, Times, serif; font-size: 14px; padding-top: 5px; padding-bottom: 3px; }

/* for 2 column/no right sidebar layout */
#col-left {margin-right:30px; }
#col-left, #col-right { width: 362px; float: left; }

/* bullet points */
#column2 ul, #column2-wide ul { padding-bottom: 0px; margin-bottom: 0px; margin-top: 0px; padding-top: 2px; margin-left: 1em; font-family: Arial, Helvetica, sans-serif; }
#column2 li, #column2-wide li { list-style-position: inside; line-height: 130%; list-style-type: disc; padding-top: 5px; padding-bottom: 5px; font-size: 12px; text-indent: -1em; padding-left: 0px; }

#column2 ul ul, #column2-wide ul ul { padding-bottom: 0px; padding-bottom: 0px; margin-bottom: 5px; margin-top: 0px; padding-top: 2px; margin-left: 1em; }
#column2 ul ul li, #column2-wide ul ul li { list-style-position: inside; line-height: 130%; list-style-type: disc; padding-top: 0px; padding-bottom: 3px; font-size: 12px; text-indent: -1em; padding-left: 0px; margin-left: 25px; }

/* start pricing  */
#price-box-wrap { background-image: url(https://www.miraclecord.com/images-css/price-box-bkgd.gif); background-repeat: no-repeat; background-position: left 0px; width:755px; height: 310px; }

#annual, #twentyone { height: 285px; float: left; padding-top: 15px; padding-left: 25px; width:325px; }
#annual h1, #twentyone h1 { font-family: Verdana, Geneva, sans-serif; color: #FFF; font-size: 13px; font-weight: bold; padding-top: 8px; padding-bottom: 12px; border-bottom-style: none; }
#annual p, #twentyone p { line-height: 140%; font-style: normal; margin-top: 9px; padding-top: 3px; padding-bottom: 0px; }
#annual p strong, #twentyone p strong { color:#333; }
#annual ul, #twentyone ul { padding-top: 0px; padding-bottom: 1px; margin-top: 0px; margin-bottom: 0px; }
#annual ul li, #twentyone ul li { font-size: 12px;  font-weight: normal; line-height: 140%; padding-top: 0px; padding-bottom: 0px; margin-left: 10px; list-style-position: inside; list-style-type: disc; }

#annual p.total, #twentyone p.total { color: #333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: bold; border-top: solid 1px #333; padding-top: 10px; margin-top: 10px; margin-right: 55px; }
#annual p.total em, #twentyone p.total em { font-size: 10px; font-style: italic; font-weight: normal; }
/* end pricing box */

.headred1 { color:red; font-size:11px; padding-top: 10px; font-weight: bold; padding-bottom: 10px; }/* for enroll error message*/

/* start sidebar */
#sidebar { background-image: url(../images-css/sidebar-bkgd-top.gif); background-repeat: no-repeat; background-position: center top; float:right; width:180px; height: auto; }
#sidebar img { margin: 0px; padding: 0px; border-bottom: solid 4px #fff; }
#bottom-spacer { background-image: url(../images-css/sidebar-bkgd-bottom.gif); background-repeat: no-repeat; background-position: center top; ; height: 10px;  width:180px;  display: block; }/*space at bot. of photo for rounded corners*/

#testimonial { background-color: #e2e8f4; font-weight: bold; width: 180px; padding-bottom: 15px; background-image: url(../images-css/sidebar-bkgd-top.gif); background-repeat: no-repeat; background-position: center top; }
#testimonial p { color:#214383; font-size: 12px; line-height: 160%; font-weight: normal; font-family: Georgia, Times New Roman, Times, serif; font-style: italic; padding: 15px 10px 0 15px; }
#testimonial .author { font-size: 11px; line-height: 140%; font-weight: normal; font-family: Verdana, Geneva, sans-serif; font-style: normal; }
#testimonial .author strong { font-weight: bold; }

#more-cells { background-color: #e2e8f4; width: 180px; padding-bottom: 15px; background-image: url(../images-css/sidebar-bkgd-top.gif); background-repeat: no-repeat; background-position: center top; }
#more-cells p { color:#214383; font-size: 16px; line-height: 150%; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; font-style: normal; padding: 15px 10px 0 15px; }

#form1 p { font-size: 11px; line-height: 150%; padding-bottom: 20px; }
#form1 strong { font-weight: bold; font-size: 12px; }

#bottomlogos img  { margin-top: 35px; margin-bottom: 40px; }

.clearfloats { clear: both; display: block; }

#footer { width: 960px; height: 50px; padding-left: 20px; display: block; margin-bottom: 30px; padding-bottom: 0px; padding-top: 6px; padding-right: 3px; background-image: url(../images-css/footer-bkgd.gif); background-repeat: no-repeat; background-position: center top; }

#footer p { color: #bbb; font-size: 9px; text-decoration: none; margin-top: 3px; line-height: 130%; letter-spacing: 0em; word-spacing: 0em; }
#footer p a { color: #fff; text-decoration: none; text-transform: uppercase; }
#footer p a:hover { color: #9EB8DC; text-decoration: none; }
#footer img { float:right; }

.spacer-10 { height:10px;}
.spacer-10 { height:15px;}
.spacer-20 { height:20px;}

a:link      { color: #333; text-decoration: underline }
a:visited      { color: #333; text-decoration: underline }
a:hover          { color: #2d5296; text-decoration: none }
a:active    { color: #333; text-decoration: none }

sup { height: 0; font-size: 7px; vertical-align: super; }
.register { font-size: 9px; vertical-align: 15%; }

.plans {
 	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #000;
	padding: 0;
	margin: 0 auto;
/*	margin-left: 45px; */
	font-family: Arial, Helvetica, Verdana, sans-serif;
	background: #fff;
	margin-top: 20px;
 }
 
 	.savings {
 		display: block;
 		color: #ac518d;
 		font-weight: 600;
 		padding-top: 5px;
		font-size: 13px;
 		font-style: italic; 
 	}
 
 	#plans_table tr.plans_header {
 		background: #2b4a7a;
 		height: 45px;
 		color: #fff;
 	}
 		
 		#plans_table tr.plans_header .header_right {
 			
 		}
 	
 		#plans_table tr.plans_header td {
 			font-size: 14px !important;
 			font-weight: 400;
 			padding-top: 0px;
 			padding-bottom: 0px;
 			vertical-align: middle;
 		}
 
 	.plans tr td {
 		border-right: 1px solid #000;
 		border-bottom: 1px solid #000;
 		padding: 0;
		margin: 0;
		padding: 15px;
		font-size: 12px;
		vertical-align: top;
 	}
 	
 	.text_right {
 		text-align: right;
 	}
 	
 		.plans tr td ul li {
 			padding: 5px 0 5px 0;
 		}
 
 	
 	
 		.plans_header td {
 			border-bottom: none !important;
 		}
 		
 		.line_height70 {
 			line-height: 12px;
 			text-align: center;
 		}