/* 
==================================================
FILE: muscleaudio.css
DATE: 08.02.05
INFO: Style Sheet for Introduction and Sales Pages
==================================================
*/

/*
===========================================================
Body Elements - Set font for body tags not specifically set
===========================================================
*/

body { 	
	font: 11px/13px verdana,sans-serif;		 
	color: #000000; 	

	}
	
h1,h2,h3,h4,h5,h6 {
	font-family: Tahoma,verdana,arial,sans-serif;
	text-align: center;
	text-indent: 0px;
	color: #3333cc;    /* BLUE */
	font-weight: bold;
	}

h1 { font-size: 20pt; }
h2 { font-size: 18pt; }
h3 { font-size: 15pt; }
h4 { font-size: 14pt; }
h5 { font-size: 13pt; }
h6 { font-size: 12pt; }	

.a12 {
        font-family: arial,sans-serif;
        font-size: 12px;
        }

.a12b {
        font-family: arial,sans-serif;
        font-size: 12px;
        font-weight: bold;
        }


.v12 {
        font-family: verdana,sans-serif;
        font-size: 12px;
        }

.v12b {
        font-family: verdana,sans-serif;
        font-size: 12px;
        font-weight: bold;
        }

p {
   font: 11px/16px verdana,sans-serif;
   text-indent: 20px;  /* Indents the first line of each paragraph */
   text-align: left;
   padding-right: 5px;
   padding-left: 5px;
}



p.footer {
	font: 10px/14px verdana,san-serif;
	color: #666666;
	text-align: center;
}

input.email {
	font: 10px/12px arial,sans-serif;
	color: #000000;
}

/*
==========================
BOXES FOR LOGIN/NEWSLETTER
==========================
*/

	
	
#newsletterTitle {
	font: bold 12px/14px arial,sans-serif;
	color: #FFFFFF;
	text-align: center;
	background-color: #E58217;
	border: 1px solid #E58217;
    padding: 2px;
    width: 90%
}

#newsletterBox {
	text-align: center;
	font: 10px/12px arial,sans-serif;
	color: #0A4998;
	border: 1px solid #E58217;
	background-color: #EEEEEE;
	padding: 2px;
	width: 90%;
}

#newsletterBox form {
	padding: 2px;
	margin: 0;
}


/*
==========================
TOP ROW NAVIGATIONAL LINKS
==========================
*/

#navTop {
    font: 11px/14px arial,sans-serif;
    color: #E58217;
	text-align: right;
	padding: 5px;
	padding-right: 30px;
}

#navTop a:link, #navTop a:visited {
	font: bold 11px/14px arial,sans-serif;
	color: #E58217;
	text-decoration: none;
	background-color: transparent;
	padding: 2px;
}

#navTop a:hover {
	font: bold 11px/14px arial,sans-serif;
	color: #333333;
	text-decoration: none;
	background-color: transparent;
	padding: 2px;
}

/*
==============================
LEFT COLUMN NAVIGATIONAL LINKS
==============================
*/

#navLeft {
    font: 11px/14px arial,sans-serif;
    color: #FFFFFF;
	text-align: center;
	padding: 2px;
}

#navLeft a:link, #navLeft a:visited {
	font: bold 11px/14px arial,sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	background-color: transparent;
	padding: 2px;
}

#navLeft a:hover {
	font: bold 11px/14px arial,sans-serif;
	color: #666666;
	text-decoration: none;
	background-color: transparent;
	padding: 2px;
}


/*
============================
SALES LETTER SPECIFIC STYLES
----------------------------
Start with a wrapper that
centers a box for the center
instead of using a nested
table.
============================
*/

#sL {
	padding: 5px 20px 10px 20px; /* Top Right Bottom Left */
	margin:  5px 20px 10px 20px;
	font: 12px/16px verdana,sans-serif;
	color: #000000;
	text-align: left;
}

#sL h1 {
    font: bold 18px/21px trebuchet ms,arial,sans-serif;
    padding: 10px;             

}

#sL h2 {
    font: bold 16px/18px trebuchet ms,arial,sans-serif;
    color: #000066;
    padding: 15px 0px;    
    text-align: center;         
}

#sL h3 {
    font: bold 14px/16px trebuchet ms,arial,sans-serif;
    padding: 10px 0px 5px 0px;   
    text-align: left;          
}

#sL p {
   font: 12px/16px verdana,sans-serif;
   text-indent: 20px;  /* Indents the first line of each paragraph */
   text-align: left;
}

#sL p.noindent {
	text-indent: 0px;
	text-align: left
	}

#sL p.center {
    padding-left: 60px;
    padding-right: 60px;
    text-indent: 0px;
    text-align: center;
    font: 11px/13px arial,sans-serif;
}

#sL p.standard {
	font: 12px/16px verdana,sans-serif;
	text-align: left;
}

#sL p.left, #sL OL.left {
    padding-left: 60px;
    padding-right: 60px;
    text-indent: 0px;
    text-align: left;
    font: 11px/13px arial,sans-serif;
}

#sL p.name {
	text-indent: 0px;
	padding-left: 160px;
}

#sL blockquote {
	border: 1px solid #CECF07;
	background-color: #FFFFCC;
	padding: 10px 30px 10px 30px;
	margin:  10px 30px 10px 30px;
}

#sL blockquote.question {
	border: 1px solid #CCCCCC;
	background-color: #EEEEEE;
	padding: 10px 30px 10px 30px;
	margin:  10px 30px 10px 30px;
}

#sL hr {
	border: none;
	background-color: #CECF07;
	height: 1px;
	width: 99%;
}

#sL td {
	font: 15px/18px verdana,sans-serif;
}

#sL td.dotted {
	font: 11px/13px arial,sans-serif;
	border-bottom: 1px dotted #cccccc;
}

#sL td a, td.dotted a {
	font: 11px/15px arial,sans-serif;
	color: #0000CC;
}

#sL td.fingnormal {
       font: 10px/14px verdana,sans-serif;
}

#sL td.v12 {
	font: 12px/14px verdana,sans-serif;
}

#sL td.v12b {
	font: bold 12px/14px verdana,sans-serif;
}

#sL td.a12 {
	font: 12px/14px arial,sans-serif;
}

#sL td.a12b {
	font: 12px/14px arial,sans-serif;
}

#sL td.tbl {
	font: 10px/12px arial,sans-serif;
}

#sL td.tblb {
	font: bold 10px/12px arial,sans-serif;
}
