/* 
==================================================
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
===========================================================
*/

.breakhere {page-break-after: always}
 

body {
color:#F3F3F4; 
margin:0;
background-color:#fff;
}

body, p, h1, h2, h3, table, td, th, ul, ol, textarea, input {
font-family:Arial, Verdana, Tahoma, helvetica, sans-serif; color:#06090F;font-size:12px; line-height:130%;
}
	

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

h3,h4,h5,h6 {
	font-family: trebuchet ms,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: 16pt; }
h4 { font-size: 14pt; }
h5 { font-size: 12pt; }
h6 { font-size: 10pt; }	

  .page  {font: bold 18px/21px helvetica,verdana,tahoma,serif; color: "#000000";}


.anarrow {
        font-family: "Arial Narrow", Arial, sans-serif;
        font-size: 10px;
        }


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

.a15nc {
        font-family: arial,sans-serif;
        font-size: 15px;
        }

.a18nc {
        font-family: arial,sans-serif;
        font-size: 18px;
        }

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

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

  .tbl  {font: 11px/14px arial,geneva,sans-serif; color: "#000000";}
  .tblt  {font: bold 11px/14px arial,geneva,sans-serif; color: "#404040";}
  .tblb  {font: bold 11px/14px arial,geneva,sans-serif; color: "#000000";}
  .tblb13  {font: bold 13px/15px arial,geneva,sans-serif; color: "#000000";}
  .tbl12 {font:      13px/15px arial,geneva,sans-serif; color: "#000000";}

.v12 {
        font: 13px/17px verdana,sans-serif;
        }


.v12b {
        font: 13px/17px verdana,sans-serif;
        font-weight: bold;
        }

.v12br {
        font: 13px/17px verdana,sans-serif;
        font-weight: bold;
        color: #ff0000;
        }


.likeh3 {
	font-family: trebuchet ms,arial,sans-serif;
	text-align: center;
	text-indent: 0px;
	color: #3333cc;    /* BLUE */
	font-weight: bold;
        font-size: 16pt;
	}

.likeh3red {
	font-family: trebuchet ms,arial,sans-serif;
	text-align: center;
	text-indent: 0px;
	color: #FF0000;    /* RED */
	font-weight: bold;
        font-size: 16pt;
        line-height: 24px;
	}


.likeh4 {
	font-family: trebuchet ms,arial,sans-serif;
	text-align: center;
	text-indent: 0px;
	color: #3333cc;    /* BLUE */
	font-weight: bold;
        font-size: 14pt;
	}

.likeh4red {
	font-family: trebuchet ms,arial,sans-serif;
	text-align: center;
	text-indent: 0px;
	color: #FF0000;    /* RED */
	font-weight: bold;
        font-size: 14pt;
	}

.likeh5 {
	font-family: trebuchet ms,arial,sans-serif;
	text-align: center;
	text-indent: 0px;
	color: #3333cc;    /* BLUE */
	font-weight: bold;
        font-size: 12pt;
	}

.likeh5red {
	font-family: trebuchet ms,arial,sans-serif;
	text-align: center;
	text-indent: 0px;
	color: #FF0000;    /* RED */
	font-weight: bold;
        font-size: 12pt;
	}

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

UL {
   font: 13px/16px verdana,sans-serif;
   text-indent: 0px;  /* Indents the first line of each paragraph */
   text-align: left;
   padding-right: 15px;
   padding-left: 15px;
}

OL {
   font: 13px/16px verdana,sans-serif;
   text-indent: 0px;  /* Indents the first line of each paragraph */
   text-align: left;
   padding-right: 15px;
   padding-left: 15px;
}

.noindent {
   font: 13px/16px verdana,sans-serif;
   text-indent: 0px;  /* Indents the first line of each paragraph */
   text-align: left;
   padding-right: 15px;
   padding-left: 15px;
}

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

.center {
	text-align: center;
}

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

.list {
	font-family:Tahoma,Verdana,Arial;
	font-size: 11pt;
	text-align: left;
	text-indent: 0px;
	}

.guarantee {
	font-family: Tahoma,Verdana,Arial;
	font-size: 11pt;
	text-align: left 
	}

.copyright {
	font-family: Tahoma,Verdana,Arial;
	font-size: 8pt;
	text-align: center
	}

.order {
	font-family: Tahoma,Verdana,Arial;
	font-size: 11pt;
	text-align: left;
	}

.top {
	font-family: Tahoma,Verdana,Arial;
	font-size: 11pt;
	text-indent: 0px;
	}

.highlight {
       background: #ffff66;
       padding: 1px;
}

/*
==========================
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.v12br {
	font: bold 12px/14px verdana,sans-serif;
        color: #ff0000;
}

#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;
}

/*
// JOHNSON BOXES, COUPON BOXES
// AND VARIATIONS
*/

div.johnson {
	margin: 10px;
	border: 2px solid #FF0000; 
	padding-left: 15px; 
	padding-right: 15px;
	padding-top: 2px;
	padding-bottom: 7px;
	background-color:#ffffcc;
	}

div.johnsondashed {
	margin: 10px;
	border: 2px dashed #FF0000; 
	padding-left: 15px; 
	padding-right: 15px;
	padding-top: 2px;
	padding-bottom: 7px;
	background-color:#ffffcc;
	}

div.narrowjohnson {
	margin: 10px;
	border: 2px solid #FF0000; 
	padding-left: 10px; 
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 7px;
	background-color:#ffffcc;
	}

div.johnsonwhite {
	margin: 10px;
	border: 2px solid #0000FF; 
	padding-left: 2px; 
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color:#ffffcc;
	}

/*
// JOHNSON BOX VARIATIONS
// COLOR - GREEN AND BLUE
*/

div.johnsongreen {
	margin: 10px;
	border: 2px solid #FF0000; 
	padding-left: 15px; 
	padding-right: 15px;
	padding-top: 2px;
	padding-bottom: 7px;
	background-color:#ccffcc;
	}

div.narrowjohnsongreen {
	margin: 25px;
	border: 2px solid #FF0000; 
	padding-left: 15px; 
	padding-right: 15px;
	padding-top: 2px;
	padding-bottom: 7px;
	background-color:#ccffcc;
	}

div.johnsonblue {
	margin: 10px;
	border: 2px solid #FF0000; 
	padding-left: 15px; 
	padding-right: 15px;
	padding-top: 2px;
	padding-bottom: 7px;
	background-color:#d7ebff;
	}

div.narrowjohnsonblue {
	margin: 25px;
	border: 2px solid #FF0000; 
	padding-left: 15px; 
	padding-right: 15px;
	padding-top: 2px;
	padding-bottom: 7px;
	background-color:#d7ebff;
	}

/*
// COUPON BOX
*/

div.coupon {
	margin: 10px;
	border: 3px dashed #FF0000; 
	padding-left: 15px; 
	padding-right: 15px;
	padding-top: 2px;
	padding-bottom: 7px;	
	background-color:#ffffcc;
	}
	
div.coupon p { 
	font-family: Tahoma,Verdana,Arial;
	font-size: 13pt;
	text-align: left;
	text-indent: 0px;
	}

div.couponsmall {
	margin-left: 175px;
	margin-right: 175px;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 3px dashed #FF0000; 
	padding-left: 5px; 
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;	
	background-color:#ffffcc;
      font: 13px/16px verdana,sans-serif;
      text-indent: 0px;  /* Indents the first line of each paragraph */
      text-align: center;
      padding-right: 5px;
      padding-left: 5px;
      color: #000000;
	}

#txt {
        border:none;
	font-family: trebuchet ms,arial,sans-serif;
	text-align: center;
	text-indent: 0px;
	color: #FF0000;    /* RED */
	font-weight: bold;
        font-size: 14pt;
        border-right-color:#FFFFFF
	background-color:#ffffcc;
}

 /* set the image to use and establish the lower-right position */
    .cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2{
      background: transparent url(/google/images/img.png) no-repeat bottom right}
    .cssbox{
    /* intended total box width - padding-right(next) */
      width:673px !important; /* IE Win = width - padding */
      width: 673px; 
    /* the gap on the right edge of the image (not content padding) */
      padding-right:15px; /* use to position the box */
      margin:20px auto}

    /* set the top-right image */
    .cssbox_head{background-position:top right;
    /* pull the right image over on top of border */
      margin-right:-15px; 
    /* right-image-gap + right-inside padding */
      padding-right:40px}

    /* set the top-left image */
    .cssbox_head h2{
      background-position:top left;
      margin:0; /* reset main site styles*/ 
      border:0; /* ditto */
    /* padding-left = image gap + interior padding ... no padding-right */
      padding:25px 0 15px 40px; 
      height:auto !important;
      height:1%} /* IE Holly Hack */

    /* set the lower-left corner image */
    .cssbox_body{
      background-position:bottom left;
      margin-right:25px; /* interior-padding right */ 
      padding:15px 0 15px 40px} /* mirror .cssbox_head right/left */

a.topnavLink:link, a.topnavLink:visited, a.topnavLink:active 
{color:#ffffff; background-color:transparent; font-weight:bold; text-decoration:none;font-size:14px;}
a.topnavLink:hover
{color:#ffffff; background-color:transparent; text-decoration:underline;}

optgroup {
    background-color: yellow;
    color: black;
    font-family: verdana;
}
option {
    background-color: white;
    color: black;
    font-family: arial;
}