* { margin: 0; padding: 0; }
body { font-family: Arial, Helvetica, sans-serif; background: url(../images/hl_sing_background.jpg) repeat-y center top; }
.clear { clear: both; }
a { outline: 0; text-decoration:none; }
a img { border: 0; }
p,h1,h2,h3 { padding-left:5px; }
.white { color:#ffffff; }
.black { color: #000000; }
.blue { color: #1168b1; }
.darkblue { color: #17365d; }
.red { color:#ff0000;  }
.green { color: #408f3a; }
.center { text-align: center; }
.linespace { line-height:35px; }
.left { float:left; }
.right { float:right; }
.bold { font-weight:bold; }
.italic { font-style:italic;}
.highlight { background-color: #FEFFBF; }
.highlightyellow { background-color: #FFFF00; }
.hidden { display:none; }
.decor { text-decoration:underline; }
.smimage { vertical-align:middle; }

#wrapper { width: 954px; margin: 0 auto;font-size:13px; }

/**header**/
#top-head { height:30px; border-top: 2px #1A4788 solid;}
#top-head ul{line-height:30px;}
#top-head li { display:inline;padding: 0 5px;}
#header { height:176px; }
#header ul { list-style:none; }
#header li { display:inline;padding: 0 1px; }
#header li img { border: 0px; }
#top-nav { height:35px; color:#ffffff;background-color:#1a4788;margin-top:1px;}
#top-nav h1 { line-height:35px; font-size:18px; }
#top-nav span { line-height:35px; }
#top-nav ul { /*margin-top:5px;*/ margin-right:25px;font-size:12px;text-align:right;line-height:35px; }
#top-nav li{ display:inline;padding: 0 10px; }
#top-nav li a { color:#ffffff; }
#links { /*height:35px;*/width:420px;margin: 0 auto; }
/*#links li { padding-top: 10px;}*/

#totalNav { text-align:center;margin-top:-5px;margin-bottom:10px; }
#toalNav ul { list-style:none; }
#totalNav li { display:inline; padding:10px; /*border: 2px solid #1A4788; background-color:#408f3a;*/ }

/**content**/

/**left side**/
#left-side { width:191px;min-height:466px;height:auto !important; float:left;background-color:#e8e8f0;  }
#left-side h2 { padding-top: 10px; }
#menulinks { margin:0 auto;margin-top:10px;min-height:388px;height:auto !important;}
#menulinks ul { list-style:none;margin-left:5px; }
#menulinks li { padding: 3px 0; }
#menulinks li:hover { background-color: #d4dce6;}
#menulinks a:hover { color:#ffffff;}

#main-content { width:568px; min-height:895px;height:auto !important; float:left; border-right: 2px solid #e8e8f0; border-left: 2px solid #e8e8f0; }
#main-widecontent { width:750px; min-height:730px;height:auto !important; float:left; border-left: 2px solid #e8e8f0; }
#page-content { margin: 15px 5px 0 10px; }
#page-content p, #page-content2 p, #page-content ul, #page-content ol { font-size: 13px; line-height: 18px; padding-bottom: 15px; }
#page-content ol, #page-content ul { padding-left: 30px;}
#page-content h1 { margin-bottom: 10px; padding-top: 5px; line-height: 120%; text-align: center; font-size: 216%; font-family: Georgia, Times New Roman,serif; color: #07366F;}
#page-content h2.section_header, #page-content2 h2.section_header { clear: both; margin: 4px 0 9px 0; padding: 8px 8px 2px 28px; font-size: 125%; font-weight: 400; font-family:georgia,times,serif; color: #45464F; background: url('../ionx_images/pages/sectionHeader.png') left 10px no-repeat; border-bottom: 3px double #ddd}
#page-content h2.new_header { font-size: 18px; font-weight: normal; color: #0d3c6f; padding-bottom: 15px; }
#page-content h3 { padding: 2px 2px 6px 2px; font-size: 13px; line-height: 18px;}
#page-content h6 { color: #000080; font-size: 19px; font-family: Georgia;}
#bottle { float:left;width:115px;min-height:215px;height:auto !important;padding-bottom:10px; }

.editorial { background: #f2f2f2; padding: 15px 15px 0; border: 1px dotted #999; margin-bottom: 15px; }


/*popup text*/
p.pop-up a { text-decoration: none; position: relative; }
p.pop-up a span { display: none; }
p.pop-up a:hover span { font-style: normal; font-weight: normal; font-size: 11px; display: block; position: absolute; top: -85px; left: -100px; background: white; border: 1px solid navy; width: 300px; padding: 15px; line-height: 13px; }

/* Quickfact */
.quickfact { margin: 0px 0px 15px 17px; width: 490px; text-align: center;}
.quickfact p { width: 425px; padding: 15px 15px 5px 50px; background: url(../images/quickfact.jpg) left top no-repeat;}
.quickfact .quickfactbottom { display: block; width: 490px; height: 13px; background: url(../images/quickfact.jpg) 0px -367px no-repeat;}

/* CGMP SECTION (On products without new ingredient section) */
.cgmp { background: url(../images/product/cgmp_sm.jpg) no-repeat; width:371px; height:201px; margin:10px 0px 10px 77px;}
.cgmp ul { width: 240px; font-size: 13px; line-height: 18px; list-style-type: none;}
.cgmp ul li { margin: 0px 0px 8px 20px;}


/* INGREDIENTS */
.supplement-facts-container { width: 344px; float: right; padding-right: 10px; }
.supplement-facts-container .facts-top { height: 54px; padding-top: 55px; text-align: center; font-size: 11px; background: url(../images/ingredients/supplement-facts-top.png) no-repeat left top; }
.supplement-facts { width: 344px; padding: 0 10px; background: url(../images/ingredients/supplement-facts-bottom.png) no-repeat left bottom; font-size: 11px; margin-bottom: 15px; }
.supplement-facts tr td.daily-value { text-align: right; width: 70px; }
.supplement-facts tr td.ing-name { width: 180px; #padding-left: 9px; }
.supplement-facts tr td.amount { font-weight: bold; text-align: right; }
.supplement-facts tr td.per-serving { text-align: right; width: 50px; }
.supplement-facts tr td.content-cell { padding: 2px 0 5px 0; #padding-left: 9px; }
.supplement-facts .rule div { width: 323px; height: 2px; margin: 2px auto 5px; background: url(../images/ingredients/supplement-facts-hr.png) no-repeat left bottom; }
.supplement-facts div.spacer { height: 30px; }
.supp-desc { width: 540px; height: 440px; }
* html .supplement-facts tr td.ing-name, * html .supplement-facts tr td.content-cell { padding-left: 9px; }
.supplement-facts a { color: #064c87; text-decoration: none; }
.supplement-facts a:hover { color: #648eb1; text-decoration: underline; }

.relieve-ing { width: 506px; margin: 0 auto 3px; position: relative; padding: 60px 15px 35px; background: url(../images/ingredients/relieve-ing.png) no-repeat left top; }
.relieve-ing .relieve-bottom { position: absolute; left: 0; bottom: 0; }


/* Pictures with Captions */
.picture {margin-bottom: 15px; text-align: center;}
.rightPicture { float: right; margin: 5px 0px 10px 10px;}
.leftPicture { float: left; margin: 4px 10px 10px 0px; display: inline;}
.rightPicture .caption, .leftPicture .caption, .picture .caption { padding: 3px; font-size: 11px; text-align: center; line-height: 13px;}
.rightPicture .caption2, .leftPicture .caption2, .picture .caption2 { padding: 3px; font-size: 13.6px; text-align: center; line-height: 14px;}

.page-nav { text-align: center; font-weight: bold; }
.page-nav a { color: blue; text-decoration: none; }
.page-nav a:hover { text-decoration: underline; }

/* Testimonials */	
.testimonialLeft, .testimonialRight { font-family: Arial; padding: 15px 15px 0; margin: 0px 30px 20px 30px; border: 1px dotted #dad02c; background: #fcfbe5; }
.testimonialLeft h3, .testimonialRight h3 { padding: 0 0 20px 0; text-align: center; font-size: 18px; line-height: 22px; font-family: Georgia; font-weight: normal; }
.testimonialLeft p, .testimonialRight p { text-align: justify; font-size: 12px; line-height: 18px; padding: 0 0 20px 0; }
.testimonialLeft img, .testimonialRight img { cdisplay: none; }
.testimonialRight img { float: right; margin: 5px 0px 5px 10px;}
.testimonialLeft img { float: left; margin: 5px 10px 5px 0px;}

.exploreSpecs { height: 500px; width: 525px; overflow-x: hidden; overflow-y: auto; }
h3.explore-popup { font-weight: bold; font-size: 24px; color: #1A4788; padding: 12px 10px; height: 16px; width: 480px; background: url(../images/explore/explore-header.jpg); margin-bottom: 15px; }

/**right side**/
#right-side { width:191px;height:466px; float:left;  }
.featured { margin-top:10px;margin-left:3px;min-height:235px; height: auto !important;border: 2px dotted #cccccc; }
.featured h3 { text-decoration:underline;padding:15px 5px 5px 5px;font-size:14px; }
.featured li a { color: #1168b1; }

.downlinks { margin-top:10px;margin-left:3px;height:131px;width:186px;border: 1px solid #1a4788; }
.downlinks h3 { padding-top:5px;padding-bottom:5px; }
.downlinks li a { color: #1168b1; }
.boxHeader { background-color:#d9eeff; }

/* Contact Page */
div.errordiv{background-color:#f9acc3;border: 1px solid;border-color: #d4d4d4;width: 540px;font-weight:bold; font-size: 12px;color:red;margin-bottom:5px;}
div.errordiv img{vertical-align:middle;height:16px;width:16px;}
div.correctdiv{background-color:#e5eecc;border: 1px solid;border-color: #d4d4d4;width: 540px;font-weight:bold;font-size: 12px;color:#676666;margin-bottom:5px;}
div.correctdiv img{vertical-align:middle;height:16px;width:16px;}
div.mydiv{background-color:#e5eecc;border:1px solid;border-color:#d4d4d4;width:500px;text-align:center;font-weight:bold;font-size: 14px;}
.myfont{font-family:"Cursive",Comic Sans MS;font-size:16px;font-weight:bold;/*border:1px solid #8e8f8f;background-color:#d4d7db;*/padding: 0 3px;height:18px;line-height:18px;float:left;margin-right:2px;}

/**order section**/
#order-options { min-height:175px;height:auto !important;margin-top:2px;}
#order-back { height:136px; width:800px; background-color:#0c5f57;margin:0 auto;border-bottom:3px solid #05314a;border-right:3px solid #05314a;border-left:1px solid #05314a; border-top:1px solid #05314a; }

/**shopping cart**/
#progress { margin-top:-25px; }

#footer { min-height:130px;height:auto !important; border-top: 1px dotted #999; }
#footer .disclaimer p { color #444; font-size: 11px; line-height: 14px; text-align: left;padding-bottom: 15px; }
#footerlinks { height: 65px; width:600px;margin:0 auto;margin-top:32px; }
#footerlinks  li { display:inline;padding: 0;}
#footerlinks  li a { color:#1168b1; }