@charset "UTF-8";

/*   
Theme Name: Hemloq
Theme URI: http://www.hemloq.com
Description: Going natural never looked so good™
Author: Jason R. Walker
Author URI: http://www.unleadedsoftware.com
Version: 1.0
*/

/* Begin: Reset */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { 
margin: 0;
padding: 0;
}

fieldset, img { 
border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}

ol, ul {
list-style: none;
}

caption ,th {
text-align: left;
}

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}

abbr, acronym { 
border: 0;
}

a {
outline: none;
}

/* End: Reset */
/* Note: Repetitive styles such as margin & padding are repeated for Safari fixes */

body {
margin: 0;
padding: 0;
background: #fff url(http://www.hemloq.com/images/hemloq/bg.gif) no-repeat top;
}

#layout {
width: 1011px;
margin: 0px auto;
}

#header {
width: 1011px;
height: 200px;
}

#logo {
float: left;
width: 255px;
height: 190px;
padding: 0 0 10px 0;
background: url(http://www.hemloq.com/images/hemloq/logo.gif) no-repeat top;
}

#logo h1 {
text-indent: -999em;
}

#logo h1 a {
display: block;
width: 255px;
height: 190px;
}

#logo h2 {
text-indent: -999em;
}

#nav {
float: left;
width: 756px;
height: 190px;
padding: 0 0 10px 0;
background: url(http://www.hemloq.com/images/hemloq/lineBreak.gif) no-repeat bottom right;
}

#topNavLayout {
width: 756px;
height: 26px;
}

#topNavSpace {
float: left;
width: 523px;
height: 26px;
}

#topNavBox {
float: left;
width: 218px;
height: 20px;
padding: 6px 0 0 8px;
background: #d16f1a;

color: #fff;
font: normal 11px Arial, Helvetica, sans-serif;
}

#topNavBox ul {
margin: 0;
padding: 0;
list-style: none;
}

#topNavBox li {
float: left;
padding: 0 10px 0 0;
}

#topNavBox a {
color: #fff;
text-decoration: none;
}

#topNavBox a:hover {
text-decoration: underline;
}

#mainNavLayout {
width: 756px;
height: 70px;
padding: 94px 0 0 0;
}

#mainNav {
width: 756px;
height: 40px;
background: url(http://www.hemloq.com/images/hemloq/mainNavBg.gif) no-repeat top;
}

#mainNav ul {
margin: 0;
padding: 0 0 0 370px;
list-style: none;
}

#mainNav li {
float: left;
height: 40px;
text-indent: -999em;
}

#navProducts {
width: 69px;
background: url(http://www.hemloq.com/images/hemloq/nav/products.gif) no-repeat top;
}

#navProducts a {
display: block;
width: 69px;
height: 40px;
}

#navProducts a:hover {
background: url(http://www.hemloq.com/images/hemloq/nav/productsOn.gif) no-repeat top;
}

#navProductsAlt {
width: 69px;
background: url(http://www.hemloq.com/images/hemloq/nav/productsOn.gif) no-repeat top;
}

#navProductsAlt a {
display: block;
width: 69px;
height: 40px;
}

#navIngredients {
width: 84px;
background: url(http://www.hemloq.com/images/hemloq/nav/ingredients.gif) no-repeat top;
}

#navIngredients a {
display: block;
width: 84px;
height: 40px;
}

#navIngredients a:hover {
background: url(http://www.hemloq.com/images/hemloq/nav/ingredientsOn.gif) no-repeat top;
}

#navIngredientsAlt {
width: 84px;
background: url(http://www.hemloq.com/images/hemloq/nav/ingredientsOn.gif) no-repeat top;
}

#navIngredientsAlt a {
display: block;
width: 84px;
height: 40px;
}

#navPhilosophy {
width: 81px;
background: url(http://www.hemloq.com/images/hemloq/nav/philosophy.gif) no-repeat top;
}

#navPhilosophy a {
display: block;
width: 81px;
height: 40px;
}

#navPhilosophy a:hover {
background: url(http://www.hemloq.com/images/hemloq/nav/philosophyOn.gif) no-repeat top;
}

#navPhilosophyAlt {
width: 81px;
background: url(http://www.hemloq.com/images/hemloq/nav/philosophyOn.gif) no-repeat top;
}

#navPhilosophyAlt a {
display: block;
width: 81px;
height: 40px;
}

#navWisdom {
width: 62px;
background: url(http://www.hemloq.com/images/hemloq/nav/wisdom.gif) no-repeat top;
}

#navWisdom a {
display: block;
width: 62px;
height: 40px;
}

#navWisdom a:hover {
background: url(http://www.hemloq.com/images/hemloq/nav/wisdomOn.gif) no-repeat top;
}

#navWisdomAlt {
width: 62px;
background: url(http://www.hemloq.com/images/hemloq/nav/wisdomOn.gif) no-repeat top;
}

#navWisdomAlt a {
display: block;
width: 62px;
height: 40px;
}

.navSlash {
width: 18px;
background: url(http://www.hemloq.com/images/hemloq/nav/navSlash.gif) no-repeat top;
}

#subNav {
width: 756px;
height: 30px;

color: #777;
font: normal 11px Arial, Helvetica, sans-serif;
}

#subNav ul {
margin: 0;
padding: 0 0 0 374px;
}

#subNav li {
float: left;
padding: 9px 15px 0 0;
}

#subNav a {
color: #777;
text-decoration: none;
}

#subNav a:hover {
color: #333;
text-decoration: none;
}

#lineBreak {
clear: left;
width: 1011px;
height: 10px;
background: url(http://www.hemloq.com/images/hemloq/lineBreak.gif) no-repeat top;
}

#main {
width: 1011px;
}

#mainTxt {
float: left;
width: 380px;

color: #515151;
font: normal 13px/26px Arial, Helvetica, sans-serif;
text-align: justify;
}

#mainTxt h3 {
width: 380px;
height: 60px;
margin: 0;
padding: 0;
background: url(http://www.hemloq.com/images/hemloq/healthHarmonyHemloq.gif) no-repeat top;
text-indent: -999em;
}

#mainTxt a {
color: #333;
font-weight: bold;
text-decoration: none;
}

#mainTxt a:hover {
color: #999;
}

#mainTxt em {
font-style: italic;
}

#mainTxt p {
margin: 0;
padding: 10px 7px 0 3px;
}

#mainTxt strong {
font-weight: bold;
}

#mainTxt strong em {
font-weight: bold;
}

#mainStock {
float: left;
width: 389px;
}

#subTxt {
float: left;
width: 380px;

color: #515151;
font: normal 13px/26px Arial, Helvetica, sans-serif;
text-align: justify;
}

#subTxt h3 {
width: 380px;
height: 60px;
margin: 0;
padding: 0;
text-indent: -999em;
}

#subTxt a {
color: #333;
text-decoration: underline;
}

#subTxt a:hover {
color: #515151;
}

.cleansersTitle {
background: url(http://www.hemloq.com/images/hemloq/cleansersTitle.gif) no-repeat top;
}

.facecreamsTitle {
background: url(http://www.hemloq.com/images/hemloq/facecreamsTitle.gif) no-repeat top;
}

.eyecareTitle {
background: url(http://www.hemloq.com/images/hemloq/eyecareTitle.gif) no-repeat top;
}

.scrubsmasquesTitle {background:url(http://www.hemloq.com/images/hemloq/scrubsmasquesTitle.gif) no-repeat top;
}

.ingredientsTitle {
background: url(http://www.hemloq.com/images/hemloq/ingredientsTitle.gif) no-repeat top;
}

.philosophyTitle {
background: url(http://www.hemloq.com/images/hemloq/philosophyTitle.gif) no-repeat top;
}

.contactTitle {
background: url(http://www.hemloq.com/images/hemloq/contactTitle.gif) no-repeat top;
}

.serviceTitle {
background: url(http://www.hemloq.com/images/hemloq/serviceTitle.gif) no-repeat top;
}

.privacyTitle {
background: url(http://www.hemloq.com/images/hemloq/privacyTitle.gif) no-repeat top;
}

#subTxt p {
margin: 0;
padding: 10px 7px 0 3px;
}

#subTxt strong {
font-weight: bold;
}

#wisdomTxt {
float: left;
width: 500px;

color: #515151;
font: normal 12px/14px Arial, Hevetica, sans-serif;
text-align: justify;
}

#wisdomTxt h3 {
width: 500px;
height: 60px;
margin: 0;
padding: 0;
text-indent: -999em;
}

#wisdomTxt h4 {
margin: 0;
padding: 10px 0 5px 0;
color: #d16f1a;
font: normal bold 13px/16px Arial, Helvetica, sans-serif;
text-transform: uppercase;
}

#wisdomTxt a {
color: #333;
font-weight: bold;
text-decoration: none;
}

#wisdomTxt a:hover {
color: #999;
}

#wisdomTxt em {
font-style: italic;
}

#wisdomTxt img {
margin:0; 
padding: 0 10px 10px 0;
}

#wisdomTxt p {
margin: 0;
padding: 0 7px 10px 3px;
}

#wisdomTxt strong {
font-weight: bold;
}

.wisdomTitle {
background: url(http://www.hemloq.com/images/hemloq/wisdomTitle.gif) no-repeat top;
}

#products {
float: left;
width: 389px;
}

#productBox1 {
width: 389px;
height: 354px;
background: url(http://www.hemloq.com/images/hemloq/productBox1.gif) no-repeat top;
}

#product1Title {
width: 361px;
height: 21px;
padding: 39px 0 0 28px;

color: #d16f1a;
font: normal bold 13px Arial, Helvetica, sans-serif;
}

#product1Main {
float: left;
width: 168px;
height: 286px;
padding: 8px 0 0 28px;

color: #d16f1a;
font: normal 13px Arial, Helvetica, sans-serif;
}

#product1Main form {
margin: 0;
padding: 0;
}

#product1Main img {
padding: 0 0 18px 0;
}

#product1Main p {
margin: 0;
padding: 0 0 10px 0;
}

#product1Main strong {
color: #434343;
font-weight: bold;
}

#product1Details {
float: left;
width: 151px;
height: 286px;
padding: 8px 33px 0 9px;

color: #434343;
font: normal 11px/14px Arial, Helvetica, sans-serif;
text-align: justify;
}

#product1Details p {
margin: 0;
padding: 0 0 10px 0;
}

#productBox2 {
width: 389px;
height: 354px;
background: url(http://www.hemloq.com/images/hemloq/productBox2.gif) no-repeat top;
}

#product2Title {
width: 361px;
height: 21px;
padding: 34px 0 0 28px;

color: #d16f1a;
font: normal bold 13px Arial, Helvetica, sans-serif;
}

#product2Main {
float: left;
width: 168px;
height: 286px;
padding: 8px 0 0 28px;

color: #d16f1a;
font: normal 13px Arial, Helvetica, sans-serif;
}

#product2Main form {
margin: 0;
padding: 0;
}

#product2Main img {
padding: 0 0 18px 0;
}

#product2Main p {
margin: 0;
padding: 0 0 10px 0;
}

#product2Main strong {
color: #434343;
font-weight: bold;
}

#product2Details {
float: left;
width: 151px;
height: 286px;
padding: 8px 33px 0 9px;

color: #434343;
font: normal 11px/14px Arial, Helvetica, sans-serif;
text-align: justify;
}

#product2Details p {
margin: 0;
padding: 0 0 10px 0;
}

#productBox3 {
width: 389px;
height: 354px;
background: url(http://www.hemloq.com/images/hemloq/productBox3.gif) no-repeat top;
}

#product3Title {
width: 361px;
height: 21px;
padding: 34px 0 0 28px;

color: #d16f1a;
font: normal bold 13px Arial, Helvetica, sans-serif;
}

#product3Main {
float: left;
width: 168px;
height: 286px;
padding: 8px 0 0 28px;

color: #d16f1a;
font: normal 13px Arial, Helvetica, sans-serif;
}

#product3Main form {
margin: 0;
padding: 0;
}

#product3Main img {
padding: 0 0 18px 0;
}

#product3Main p {
margin: 0;
padding: 0 0 10px 0;
}

#product3Main strong {
color: #434343;
font-weight: bold;
}

#product3Details {
float: left;
width: 151px;
height: 286px;
padding: 8px 33px 0 9px;

color: #434343;
font: normal 11px/14px Arial, Helvetica, sans-serif;
text-align: justify;
}

#product3Details em {
font-style: italic;
font-weight: bold;
}

#product3Details p {
margin: 0;
padding: 0 0 10px 0;
}

.productBox {
width: 389px;
height: 354px;
background: url(http://www.hemloq.com/images/hemloq/productBox.gif) no-repeat top;
}

.productTitle {
width: 361px;
height: 21px;
padding: 34px 0 0 28px;

color: #d16f1a;
font: normal bold 13px Arial, Helvetica, sans-serif;
}

.productMain {
float: left;
width: 168px;
height: 286px;
padding: 8px 0 0 28px;

color: #d16f1a;
font: normal 13px Arial, Helvetica, sans-serif;
}

.productMain form {
margin: 0;
padding: 0;
}

.productMain img {
padding: 0 0 18px 0;
}

.productMain p {
margin: 0;
padding: 0 0 10px 0;
}

.productMain strong {
color: #434343;
font-weight: bold;
}

.productDetails {
float: left;
width: 151px;
height: 286px;
padding: 8px 33px 0 9px;

color: #434343;
font: normal 11px/14px Arial, Helvetica, sans-serif;
text-align: justify;
}

.productDetails em {
font-style: italic;
font-weight: bold;
}

.productDetails p {
margin: 0;
padding: 0 0 10px 0;
}

#ingredients {
float: left;
width: 369px;
padding: 57px 10px 0 10px;

color: #434343;
font: normal 11px/16px Arial, Helvetica, sans-serif;
text-align: justify;
}

#ingredients p {
margin: 0;
padding: 10px 0 10px 0;
border-top: 1px solid #e0e0e0;
}

#ingredients strong {
color: #d16f1a;
font: normal bold 13px Arial, Helvetica, sans-serif;
text-transform: uppercase;
}

#wisdomLists {
float: left;
width: 249px;
padding: 57px 10px 0 10px;

color: #434343;
font: normal 11px/16px Arial, Helvetica, sans-serif;
text-align: justify;
}

#wisdomLists a {
color: #333;
text-decoration: underline;
}

#wisdomLists a:hover {
color: #999;
}

#wisdomLists p {
margin: 0;
padding: 10px 0 10px 0;
border-top: 1px solid #e0e0e0;
}

#wisdomLists strong {
color: #d16f1a;
font: normal bold 13px/16px Arial, Helvetica, sans-serif;
}

#sidebar {
float: left;
display: inline;
width: 242px;
}

#featuredBox {
width: 242px;
height: 300px;
background: url(http://www.hemloq.com/images/hemloq/featuredBox.gif) no-repeat top;
}

#featuredBoxTitle {
width: 242px;
height: 70px;
}

#featuredBoxTitle h4 {
margin: 0;
padding: 0;
text-indent: -999em;
}

#featuredStock {
width: 203px;
height: 135px;
margin: 0 19px 0 20px;
}

#featuredTxt {
width: 203px;
height: 51px;
margin: 0 19px 0 20px;

color: #5c5c5c;
font: normal 11px Arial, Helvetica, sans-serif;
}

#featuredTxt em {
font-style: italic;
}

#featuredTxt p {
margin: 0;
padding: 5px 0 0 0;
}

#featuredTxt strong {
font-weight: bold;
}

#featuredTxt span {
color: #d16f1a;
}

#featuredTxt strong {
font-weight: bold;
}

#featuredTxt strong em {
font-weight: bold;
font-style: italic;
}

#featuredGo {
width: 203px;
height: 28px;
margin: 0 19px 0 20px;
}

#featuredGo a {
display: block;
width: 28px;
height: 28px;
margin: 0 89px 0 86px;
text-indent: -999em;
}

#newsletterBox {
width: 242px;
height: 135px;
background: url(http://www.hemloq.com/images/hemloq/newsletterBox.gif) no-repeat top;
}

#newsletterBoxTitle {
width: 242px;
height: 58px;
}

#newsletterBoxTitle h4 {
margin: 0;
padding: 0;
text-indent: -999em;
}

#newsletterBoxInput {
width: 203px;
height: 52px;
margin: 0 19px 0 20px;
padding: 3px 0 0 0;
text-align: center;
}

#newsletterBoxInput form {
margin: 0;
padding: 0;
}

.newsletterInput {
width: 199px;
height: 16px;
padding: 2px 0 0 2px;
border: 1px solid #bababa;

color: #515151;
font: normal 11px Arial, Helvetica, sans-serif;
}

#footerLineBreak {
clear: left;
width: 1011px;
height: 10px;
background: url(http://www.hemloq.com/images/hemloq/footerLineBreak.gif) no-repeat top;
}

#footerLineBreakSub {
clear: left;
width: 1011px;
height: 10px;
background: url(http://www.hemloq.com/images/hemloq/footerLineBreakSub.gif) no-repeat top;
}

#footer {
width: 1011px;
height: 100px;
}

#footerNav {
float: left;
width: 664px;
padding: 10px 0 0 5px;

color: #d16f1a;
font: normal 11px Arial, Helvetica, sans-serif;
text-align: left;
}

#footerNav a {
color: #d16f1a;
text-decoration: none;
}

#footerNav a:hover {
text-decoration: underline;
}

#footerDetails {
float: left;
width: 337px;
padding: 10px 5px 0 0;

color: #515151;
font: normal 11px Arial, Helvetica, sans-serif;
text-align: right;
}

#footerDetails a {
color: #d16f1a;
text-decoration: underline;
}