/*  
Theme Name: Trace Elements
*/

/* Include Reset File */
@import url("reset.css");


body  { 
	font: 14px/24px Helvetica, Geneva, Arial, SunSans-Regular, sans-serif ;  color: #000;
}

h1, h2, h3, h4, h5, h6  { margin: 0; color: #000; }
h1  {font-size: 30px;} h2  {font-size: 24px;} h3  {font-size: 18px;} h4  {font-size: 16px;} h5  {font-size: 14px;} h6  {font-size: 12px;}

p  {margin: 0;}

textarea,input { font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif ; }

/* 1.2 Hyperlinks */

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover  {text-decoration: none;}

.upper { text-transform:uppercase; }

#navigation { background:url(images/topnavbg.jpg) top left repeat-x; font-size:11px; height:45px; }
#navigation a, #footer a { color:#fff; letter-spacing:-0.2px; }
#navigation a:hover, #footer a:hover { color:#fff; }
#navigation ul, #footer ul {list-style: none;float: left;margin-top:10px; text-transform:uppercase;}
#navigation ul li, #footer ul li {float: left;display: inline; /*For ignore double margin in IE6*/margin: 0 0px;height:22px;}
#navigation ul li a, #footer ul li a {text-decoration: none;float:left;color: #fff;cursor: pointer;font: 12px/22px Helvetica, Geneva, Arial, SunSans-Regular, sans-serif }
#navigation ul li a span, #footer ul li a span {margin: 0 10px 0 0px;padding: 0px 1px 0px 11px;position: relative; /*To fix IE6 problem (not displaying)*/float:left;}
#navigation ul li a:hover, #navigation ul li.current a, #footer ul li a:hover, #footer ul li a.current {background: url(images/button.png) no-repeat right -22px;color: #fff;}
#navigation ul li a:hover span, #navigation ul li.current a span, #footer ul li a.current span, #footer ul li a:hover span {background: url(images/button.png) no-repeat top left;}
#navigation .blue a,#footer .blue a { color:#6fbde7; text-decoration:underline }
#navigation .blue a:hover, #footer .blue a:hover { color:#6fbde7; text-decoration:underline }

#navigation2 { background-color:#30749B; top left repeat-x; font-size:11px; height:45px; }
#navigation2 a { color:#fff; letter-spacing:-0.2px; }
#navigation2 a:hover { color:#fff; }
#navigation2 ul {list-style: none;float: left;margin-top:10px; text-transform:uppercase;}
#navigation2 ul li {float: left;display: inline; /*For ignore double margin in IE6*/margin: 0 0px;height:22px;}
#navigation2 ul li a {text-decoration: none;float:left;color: #fff;cursor: pointer;font: 12px/22px Helvetica, Geneva, Arial, SunSans-Regular, sans-serif }
#navigation2 ul li a span {margin: 0 10px 0 0px;padding: 0px 1px 0px 11px;position: relative; /*To fix IE6 problem (not displaying)*/float:left;}
#navigation2 ul li a:hover, #navigation2 ul li.current a {background: url(images/button2.png) no-repeat right -22px;color: #fff;}
#navigation2 ul li a:hover span, #navigation2 ul li.current a span {background: url(images/button2.png) no-repeat top left;}
#navigation2 .blue a { color:#6fbde7; text-decoration:underline }
#navigation2 .blue a:hover { color:#6fbde7; text-decoration:underline }

/*** ESSENTIAL STYLES ***/
.sf-links, .sf-links * {margin:0;padding:0;list-style:none;}
.sf-links {line-height:1.0;}
.sf-links ul {position:absolute;top:-999em;width:20em; /* left offset of submenus need to match (see below) */}
.sf-links ul li {width:100%;}
.sf-links li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-links li {float:left;position:relative;}
.sf-links a {display:block;position:relative;}
.sf-links li:hover ul,.sf-links li.sfHover ul {left:0;top:2.5em; /* match top ul list item height */z-index:99;}
ul.sf-links li:hover li ul,ul.sf-links li.sfHover li ul {top:-999em;}
ul.sf-links li li:hover ul,ul.sf-links li li.sfHover ul {left:20em; /* match ul width */top:0;}
ul.sf-links li li:hover li ul,ul.sf-links li li.sfHover li ul {top:-999em;}
ul.sf-links li li li:hover ul,ul.sf-links li li li.sfHover ul {left:20em; /* match ul width */top:0;}



.sf-links{ text-transform:none;}
.sf-links li {}
.sf-links li ul li:hover, .sf-links li ul li.sfHover, .sf-links li ul li  a:focus,.sf-links li ul li a:hover,.sf-links li ul li a:active{ color:#b3ecf0;outline:0;background-image:none;}
.sf-menu,#navigation ul li ul, #navigation2 ul li ul { padding:15px; background:#07385a; overflow:hidden;}
#navigation2 ul li ul { padding:15px; margin-top:-3px; background:#30749B; overflow:hidden;}
.sf-menu li { padding:5px 0; }
#navigation ul li ul li, #navigation ul li ul li a:link, #navigation ul li ul li a:active, #navigation ul li ul li a:visited, #navigation ul li ul li a:focus   { font-size:12px; background-image:none; }
#navigation ul li ul li a:hover { color:#b3ecf0;background-image:none; text-decoration:underline; }

#navigation2 ul li ul li, #navigation2 ul li ul li a:link, #navigation2 ul li ul li a:active, #navigation2 ul li ul li a:visited, #navigation2 ul li ul li a:focus   { font-size:12px; background-image:none; }
#navigation2 ul li ul li a:hover { color:#b3ecf0;background-image:none; text-decoration:underline; }
/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/

/*Cart page padding stuff*/
#oTable td {
padding: 10px 5px 5px;
}

#oOrderSummary_oRatesTable td {
padding: 10px; }

#oButtonContShopping2 td {
padding: 10px; }

#oSummaryAndCCardTable td {
padding: 10px;
border: #cccccc; }

#oMainTable td {
padding: 5px;
border: #cccccc; }



	/* Links */ 
a:link, 
a:visited,
a:active {
	color: #093455;
	text-decoration:underline;
}
a:hover {
	color: #265a83;
}

/* Post h1 Links */
h2 a:link, 
h2 a:visited {
  color: #e6ebf1;
  text-decoration: none;
}
h2 a:hover {
	color: #fff;
}
h2 a:active {
	color: #e6ebf1;
}
.left { float:left;}
.right { float:right; }
img.center,img.aligncenter {display: block;margin:0 auto;overflow:hidden;padding: 4px;}
img.right {padding: 4px;margin: 2px 0 2px 7px;display: inline;}
img.left {padding: 4px;margin: 2px 7px 2px 0;display: inline;}
.right {float: right;}
.left {float: left}
#top {}

.grid { width:930px; margin:0 auto; font:Arial, Helvetica, sans-serif; font-size:12px; }

#header { background:url(images/headerbg.jpg) top left repeat-x; height:249px; }
#header .headergrid { margin:0 auto; background:url(images/header-alt.jpg) top center no-repeat; height:249px; width:100%; display:block; text-indent:-99999px; }
.home #header { background:url(images/headerbg.jpg) top left repeat-x; height:387px; }
.home #header .headergrid { margin:0 auto; background:url(images/header.jpg) top center no-repeat; height:385px; width:100%; display:block; text-indent:-99999px; }

#wrapper { overflow:hidden; margin:40px auto 30px; }

#content { width:500px; padding-right:30px; margin-right:39px; float:left; border-right:1px solid #b2b2b2;}
#content p { color:#4e5458; font-size:14px; margin-bottom:20px; text-align:justify; }
#content h2 { color:#032035; font-size:24px; margin-bottom:10px; }
#content ul { color:#4e5458; list-style: disc outside; margin-left:20px; font-size:12px;}
#content ul li { margin-bottom:10px; }

#sidebar { float:right; width:360px;}
.greybox { width:328px; height:62px; background:url(images/sidebarbox.jpg) top left no-repeat; padding:15px; margin-bottom:15px;}
.greybox h2 { font-size:16px; color:#042036; text-transform:uppercase;}
.greybox h3 { font-size:14px; color:#09415d; text-transform:uppercase;}
.greybox p { font-size:11px; color:#09415d; line-height:15px; }
.adobereader { color:#032035; font-size:9px; line-height:11px; }

#subfooter { margin-top:20px;padding:80px 0; text-align:center; border-top:1px solid #bcbcbc; clear:both;} 
#subfooter p { margin:10px 0; font-size:10px; color:#727272;}

.text-right { text-align:right; }

.about { margin-bottom:40px;}
.about h2 { font-size:24px; color:#244f68; letter-spacing:-1px; margin-bottom:20px; }
.about table { color:#4e5458; text-align:justify;}
.about table.first { font-size:14px; }
.about table.second { font-size:12px;}
.about table td { width:48%; padding-right:35px; padding-bottom:15px;}
.about ul { color:#4e5458; list-style: disc outside; margin-left:30px; font-size:12px; margin-bottom:20px;}
.about ul li { margin-bottom:5px; }

.distribution { margin-bottom:40px;}
.distribution h2 { font-size:24px; color:#244f68; letter-spacing:-1px; margin-bottom:20px; }
.distribution p { margin-bottom:20px; color:#4e5458; font-size:12px; }
.distribution ul { color:#4e5458; list-style: disc outside; margin-left:40px; font-size:12px; margin-bottom:20px;}
.distribution ul li { margin-bottom:5px; }

.labprofiles { margin-bottom:40px; color:#4e5458; font-size:12px; overflow:hidden;}
.labprofiles h2 { font-size:24px; color:#244f68; letter-spacing:-1px; margin-bottom:20px; }
.labprofiles h3 { font-size:16px; color:#244f68; letter-spacing:-1px; margin-bottom:10px;margin-top:30px; }
.labprofiles p { margin-bottom:20px; color:#4e5458; font-size:12px; }
.labprofiles ul { color:#4e5458; list-style: disc outside; margin-left:40px; font-size:12px; margin-bottom:0px;}
.labprofiles ul li { margin-bottom:5px; }

.privacypolicy { margin-bottom:40px;}
.privacypolicy h2 { font-size:24px; color:#244f68; letter-spacing:-1px; margin-bottom:20px; }
.privacypolicy p {text-align:justify; margin-bottom:20px; color:#4e5458; font-size:12px; }
.privacypolicy p.text { font-size:12px;color:#4e5458;text-transform:uppercase;  }
.privacypolicy ul,.products ul { color:#4e5458; list-style: disc outside; margin-left:40px; font-size:12px; margin-bottom:20px;}
.privacypolicy ul li,.products ul li{ margin-bottom:5px; }
.privacypolicy p.texto { color:#355467; font-size:14px; margin-bottom:40px; }
.privacypolicy .blue { color:#355467; font-size:14px; }
.privacypolicy .bold { font-weight:800; font-size:12px; }
.products .bold { font-weight:800; font-size:12px; }

.privacypolicy table { width:70%; margin-bottom:20px; }
.privacypolicy table tr td { font-size:12px; padding:5px 7px;}
.privacypolicy table tr td a { color:#4e5458; text-decoration:none;}
.privacypolicy table tr td a:hover { color:#000; text-decoration:none;}
.privacypolicy p.strong { font-weight:800;}
hr { border:0;border-bottom:1px dotted #000; margin:25px 0;}

.privacypolicy ul.firstrow { width:40%; float:left; color:#355467; list-style:none;margin:0;}
.privacypolicy ul.secondrow { width:40%; float:left; color:#355467; list-style:none;margin:0;}

.privacypolicy .bookstore { padding-left:160px; font-size:14px; color:#000; padding-bottom:20px; margin-bottom:30px;}
.privacypolicy .bookstore p { font-size:12px; color:#000; }
.privacypolicy .bookstore a { color:#000; }

.privacypolicy .bookone { background:url(images/book1.jpg) top left no-repeat; }
.privacypolicy .booktwo { background:url(images/book2.jpg) top left no-repeat; }
.privacypolicy .audio { background:url(images/audio.jpg) top left no-repeat; }
.privacypolicy .onedvd { background:url(images/onedvd.jpg) top left no-repeat; }
.privacypolicy .threedvd { background:url(images/threedvd.jpg) top left no-repeat; }

.privacypolicy .bigger { font-size:16px; }

.wresponse a { color:#4e5458; text-decoration:underline; }
.wresponse a:hover { color:#000; text-decoration:none; }

.form {}
.form small { font-size:11px;}
.form  h2 { font-size:24px; color:#244f68; letter-spacing:-1px; margin-bottom:20px; }
.form  p {text-align:justify; margin-bottom:30px; color:#4e5458; font-size:14px; }
.form .blue { color:#355467; }
.form .bold { font-weight:800; }
.form form { margin-bottom:30px; overflow:hidden; }
.form form p { color:#244f68; font-size:12px; float:left; margin:0 20px 15px 0;}
.form input,.form textarea { border:1px solid #c6c6c6; padding:10px; font-size:14px; }
.form input.submit { font-size:18px; color:#fff; background:#052c48; text-transform:uppercase; }
.elab {}
.elab form { width:100%; }
.elab span { font-size:16px;}

.contact form { width:550px; margin-right:20px; }


.links { margin-bottom:40px; }
.links  h2 { font-size:24px; color:#244f68; letter-spacing:-1px; margin-bottom:20px; }
.links  p {text-align:justify; margin-bottom:30px; color:#4e5458; font-size:12px; }
.links a { color:#4e5458; text-decoration:underline; } 
.links a:hover { color:#000; text-decoration:none; } 
.links blockquote { background:#5a5f63;color:#fff; padding:15px; margin-bottom:30px; }

.catalog { margin-bottom:40px;}
.catalog h2 { font-size:24px; color:#244f68; letter-spacing:-1px; margin-bottom:20px; }
.catalog h3 { text-transform:uppercase; color:#244f68;font-size:14px; font-weight:normal;}
.catalog p { margin-bottom:20px; color:#4e5458; font-size:12px; }
.catalog p span { font-size:14px;font-weight:bold; }
.catalog table { margin-bottom:20px; width:100%; background:#5a5f63; font-size:14px; text-transform:uppercase;  }
.catalog table tr td { padding:15px 15px; }
.catalog table tr td  a { color:#fff; text-decoration:underline; }
.catalog .blue a { color:#a5e0f4; }
.catalog .first { width:20%; }
.catalog .second { width:17%; }
.catalog .third { width:15%; }
.catalog .fourth { }

.products {}
.products h2 { font-size:24px; color:#244f68; letter-spacing:-1px; margin-bottom:20px; }
.products .anchors { background:#5a5f63; padding:15px; margin-bottom:25px;}
.products .anchors a { color:#fff; text-decoration:underline; margin-right:25px; }
.products p.text { font-size:12px;color:#4e5458;text-transform:uppercase; text-align:justify; margin-bottom:50px; }
.products p { margin-bottom:20px; color:#4e5458; font-size:12px; }
.products table { width:100%; margin-bottom:20px; }
.products table tr td { font-size:12px; padding:1px 5px;}

.anchorbox { background:#5a5f63; padding:10px 20px; margin:30px 0; overflow:hidden; line-height:40px;}
.anchorbox a { color:#fff; text-decoration:underline; margin-right:40px; text-transform:uppercase;font-size:14px; }
.terms p{ font-size:12px; }
.terms .blue { font-size:14px; }

#ultrapar,#minplex,#zmc,#calcium,#magnesium,#potassium,#iron,#copper,#manganese,
#thymus,#adrenal,#pyridox,#vitamine,#vitaminc,#parapack,#paravege,#sympack,#symvege,
#lipogest, #omega, #ncf, #nutribac, #acidophilus, #nutrivi,
#zinc,#gtformula,#hcl,#digestzyme { font-size:12px; width:415px; padding-left:145px;margin-bottom:50px}
#ultrapar { background:url(images/ultrapar.jpg) top left no-repeat; }
#minplex { background:url(images/minplex.jpg) top left no-repeat }
#zmc { background:url(images/zmcplus.jpg) top left no-repeat }
#zinc { background:url(images/zinc.jpg) top left no-repeat }
#copper { background:url(images/copper.jpg) top left no-repeat }
#iron { background:url(images/iron.jpg) top left no-repeat }
#calcium { background:url(images/calcium.jpg) top left no-repeat }
#magnesium { background:url(images/magnesium.jpg) top left no-repeat }
#potassium { background:url(images/potassium.jpg) top left no-repeat }
#gtformula { background:url(images/GTFormula.jpg) top left no-repeat }
#manganese { background:url(images/manganese.jpg) top left no-repeat }
#hcl { background:url(images/hcl.jpg) top left no-repeat }
#digestzyme { background:url(images/digestzyme.jpg) top left no-repeat }
#thymus { background:url(images/thymus.jpg) top left no-repeat }
#adrenal { background:url(images/adrenal.jpg) top left no-repeat }
#vitamine { background:url(images/vitamine.jpg) top left no-repeat }
#vitaminc { background:url(images/vitaminc.jpg) top left no-repeat }
#pyridox { background:url(images/pyridox.jpg) top left no-repeat }
#parapack { background:url(images/para-pack.jpg) top left no-repeat }
#paravege { background:url(images/para-vege.jpg) top left no-repeat }
#sympack { background:url(images/sym-pack.jpg) top left no-repeat }
#symvege { background:url(images/sym-vege.jpg) top left no-repeat }
#lipogest { background:url(images/lipogest.jpg) top left no-repeat }
#omega { background:url(images/Omega3Plus.jpg) top left no-repeat }
#ncf { background:url(images/ncf.jpg) top left no-repeat }
#nutribac { background:url(images/nutribac.jpg) top left no-repeat }
#acidophilus { background:url(images/AcidophilusPlus.jpg) top left no-repeat }
#nutrivi { background:url(images/NutriVi.jpg) top left no-repeat }

#copyright { background:url(images/footerbg.jpg) top center; height:60px; color:#fff;font-size:11px; padding-top:35px;}
#copyright .grid { padding:0 20px; overflow:hidden; width:890px;font: 12px/22px Helvetica, Geneva, Arial, SunSans-Regular, sans-serif }
#copyright a { color:#fff; }
#copyright a:hover { color:#fff; }

#footer { background:#042036; height:45px; font-size:12px;}
.black {
	color: #000;
}
.red {
	color: #F00;
}

/*additional*/
#contactform, #elabform { width:550px; margin-right:20px; }
#contactform p, #elabform p{ color:#244f68; font-size:12px; float:left; margin:0 20px 15px 0;}
#usernamelabel {width: 820px;margin: 195px auto 10px; text-align: right;}

/*client site*/
.client { margin-bottom:40px;}
.client p {line-height: 170%; margin: 0 0 15px 0;}
.client table.cat {border:1px gray;}
.client table.cat td {border:1px solid #CCC;  padding:4px;}
.client table.cat td table td {border: none}	 
.client table.htma td { padding: 4px; border:1px solid black; }

.header {    
	color:#1E4B89;
	text-decoration: bold;
}  

td.color { background-color: #eee;}
td.white { background-color: #fff;}