/******************************************************************************/
/* HTML ELEMENTS */
html, body { min-height: 100%; height: auto !important; height: 100% }
*,body  { margin: 0; padding: 0; }
body    { color: #666666; font-family: Arial, Geneva, Helvetica, sans-serif; font-size: 62.5%; background: #2cabab url("/_images/bg.jpg") repeat-y center center; }
a       { text-decoration:none; outline: none; }
img     { border: none; }
form    { margin: 0px; padding: 0px }
td      { vertical-align: top; }
ul      { list-style: none; }

/******************************************************************************/
/* HEADER ELEMENTS */
#page   { background: #fff; width: 970px; margin: auto; position: relative; padding-bottom: 25px;  }
#header { text-align: right; padding: 10px 5px; }
.logo   { padding-left: 5px; float: left; }

/******************************************************************************/
/* NAV ELEMENTS */

#nav    { background: #3AB7B7 url("/_images/nav.jpg") repeat-x; width: 970px; clear:both; height: 36px; }
#nav ul { margin: 0px; padding: 0px; list-style: none; }
#nav li { float: left; text-align: center; }
#nav a  { color: #ebf8f8; display: block; padding: 1em 0em; width: 121px; font-size: 1.1em; font-weight: bold; text-transform: uppercase; }
#nav a:hover, #nav #navOn,  #nav a.selectedanchor { background: #3b4d85 url("/_images/nav.jpg") repeat-x 0px -36px; }

.subNav            { padding: 15px; width: 210px; background: #3b4d85; position: absolute; left: 0; top: 0; display: none;  z-index: 100; }
.subNav li a       { display: block; padding: 5px 5px; border-bottom: 1px solid #4964b7; color: #fff; font-weight: bold; font-size: 1.1em; }
.subNav li a:hover { color: #fff; text-indent: 5px; background: #13224f; }
.subNavShadow      { position: absolute; left: 0; top: 0; z-index: 99; background: black; visibility: hidden; }

/******************************************************************************/
/* PROMO ELEMENTS */

#promo      { height: 270px; width: 970px; margin-bottom: 5px; }
#products   { height: 225px; width: 970px;  }
#products h1{ padding:0px 0px 0px 0px; margin: 0px; visibility: hidden;height: 225px; width: 760px;  }

/******************************************************************************/
/* CONTENT ELEMENTS */

#contentHome      { background: url("/_images/page_bg.gif") repeat-y; width: 970px;  }
#contentInside    { background: url("/_images/page_bg.gif") repeat-y; width: 970px;  }
#contentInside2   { padding: 20px;   }
#contentInside2 p { font-size: 14px; margin: 8px 0px;   }
#contentProducts  { background: url(/_images/page_bg.gif) repeat-y; width: 760px;  }



/******************************************************************************/
/* LEFT ELEMENTS */

#cLeft              { float: left; width: 710px; }
#cLeft h1           { background: url("/_images/bcontent_top.gif") no-repeat; font-size: 2.4em; color: #5671a4; margin: 5px 0px 0px 0px; padding: 10px 25px; clear: both; font-weight: normal; letter-spacing: .1px; }
#cLeft h3           { font-size: 2.0em; color: #006666; margin: 10px 0px; padding: 5px 20px; }
#cLeft .content     { background: url("/_images/bcontent_bg.gif") repeat-y; }
#cLeft .content p   { font: 14px/20px Arial, Helvetica, sans-serif; padding: 5px 25px 10px; }
#cLeft .content p a:hover { color: #5570a4;  }
#cLeft .content p a { color: teal;  }
#cLeft .content ul  { padding-left: 40px; font: 14px/18px Arial, Helvetica, sans-serif; }
#contentShop h1     { font-size: 2.4em; color: #5671a4; margin: 5px 0px 0px 0px; padding: 10px 25px; clear: both; font-weight: normal; letter-spacing: .1px; }

#cLeft .ptext1 img, #cLeft .ptext2 img { float: right; }
#cLeft .product p { }
#cLeft .product em { font-style: normal; color: #699; font-size: 16px; }


#cLeft .productImages .top, #cLeft .content .top { background: url("/_images/bcontent_bottom.gif") no-repeat bottom left; padding: 0px 50px 20px 0px; margin: 0px; text-align: right; clear:both; }
#cLeft .productImages .top a, #cLeft .content .top a { color: #666; font-weight: bold; font-size: 1em; }
#cLeft .productImages .top a:hover, #cLeft .content .top a:hover { color: blue; text-decoration: underline; }

#cShop              { float: left; }
#cShop h1           { background: url("/_images/bcontent_top.gif") no-repeat; font-size: 2.4em; color: #5671a4; margin: 5px 0px 0px 0px; padding: 10px 25px; clear: both; font-weight: normal; letter-spacing: .1px; }
#cShop h3           { font-size: 2.0em; color: #006666; margin: 10px 0px; padding: 5px 20px; }
#cShop .content     { background: url("/_images/bcontent_bg.gif") repeat-y; }
#cShop .content p   { font-size: 1.1em; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0px 25px; margin-top: 0px; }
#cShop .content p a:hover { color: #5570a4;  }



.productImages strong  { margin: 0px; background:url("/_images/icon_arrow_2.gif") no-repeat 10px center; display: block; padding: 2px 0px 2px 20px; }
.productImages a       { display: block; float: left; width: 140px; margin: 3px; font-weight: bold; color: #30A6C9; font-size: 1.1em; text-decoration:none; }
.productImages a:hover { color:#6a4d82; }
.productImages         { background: url("/_images/bcontent_bg.gif") repeat-y;  }

.productImages:after   { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.productImages { display: inline-table; }
* html .productImages  { height: 1%; }

/******************************************************************************/
/* RIGHT ELEMENTS */

#cRight { float: right; width: 255px; }
#contentProducts #cRight { background-position: 0px 7px; }
#cRight ul { margin: 0px; padding: 0px; list-style: none; }
#cRight li { background: url(/_images/icon_arrow.gif) no-repeat 10px center; }
#cRight li a { color: #0c85a3; display: block; height: 22px; padding: 3px 0px 3px 25px; line-height: 2em; font-size: 1.1em; border-bottom: 1px solid #fff; }
#cRight li a:hover { background: #d7faf5 url(/_images/icon_arrow.gif) no-repeat 12px center; padding-left: 27px; }
#cRight h1.productPromo { font-size: 1.2em; color: #5671a4; margin: 0px; padding: 0px; height: 255px;  visibility: hidden; }
#cRight h1.products { font-size: 1.2em; color: #5671a4; margin: 0px; padding: 0px; height: 225px; visibility: hidden;  }

/******************************************************************************/
/* FOOTER ELEMENTS */

#footer           { background: url("/_images/footer_bottom.gif") repeat-x bottom right; clear: both; }
#footer ul        { background: url("/_images/footer_nav_bg.gif"); width: 715px; height: 88px; margin: 0px; padding:0px; }
#footer li        { list-style: none; display: block; float: left; margin: 27px 10px 0px 20px; }
#footer a         { color: #d5dded; font-size: 1.1em; font-weight: bold; }
#footer a:hover   { color: #fff; }
#footer p         { margin: -25px 0px 0px 0px ; float: left; padding: 0px 70px; }
#footer p a       { color: #5570a4; font-size: 1em; }
#footer p a:hover { color: purple; text-decoration: underline; }

/******************************************************************************/
/* MISC ELEMENTS */
object { outline: none; }

.product { width: 700px; }
.product h2 { padding: 0px 25px; margin: 0px; color: #5570a4; font-size: 1.4em; font-weight: bold;  }

h2 { color: #5570a4; }
h2 a { color: #5570a4; }
p a { color: #5570a4; } 


.pimage { float: left; }
.ptext1 { color: #0c85a3; padding: 0px; margin: 0px 0px 10px 0px;  }
.ptext2 { color: #903ea2; margin: 0px; padding:0px; }
#cRight .ptext1 a { color: #0c85a3; }
#cRight .ptext2 a { color: #903ea2; }


.col1 { float: left; padding-left: 25px; width: 150px; }
.col2 { float: left; margin-left: 10px; width: 440px; }

.hr hr { display: none; }
.hr { padding: 8px; width: 90%; margin: auto; clear: both; background: url("/_images/spacer_1.gif") repeat-x center center; }


.pLeft           { float:left; width:49%;}
.pRight          { float:right; width:49%; }
.pRight strong   { color: #095454; text-transform:uppercase; }
.pLeft strong    { color: #095454; text-transform:uppercase; }
#cLeft .pRight p { padding: 2px 0px 12px; margin: 0px; }
.addCart a       { display: block; height: 23px; background:url(/_images/button_add_to_cart.gif) no-repeat; font-weight: bold; padding-left: 29px; line-height: 19px; color: #095454; }
#cLeft .addCart a:hover { background-position: 2px -27px; text-decoration: none; }

#faq { }
#faq .question { width: 450px; margin: 0px auto;  }
#faq .category { padding: 0px; margin: 0px 0px 1px 0px; }
#faq .category a { border-bottom: 1px solid #fff; display: block; color: #489696; background-color: #ebf3f2; padding: 4px; margin: 0px;}
#faq .question a {padding: 5px 5px 5px 25px; color: #489696; font-weight: bold; background: #ebf3f2 url(/_images/icon_question.gif) no-repeat; display: block; border-bottom: 1px solid #eeeeee;  }
#faq .answer { width: 425px; margin: auto; padding: 0px 0px 0px 25px; background: #d4ebe9 url(/_images/icon_answer.gif) no-repeat; display: block;  }
#faq .answer p { padding: 5px; margin: 0px 0px 15px 0px; }
#faq a:hover { color: #489696; }


/******************************************************************************/
/* ARTICLES ELEMENTS */
.articleBody { background: #e5f6f6; padding: 5px 5px; width: 90%; display: block; font-size: 1.1em; font-weight:bold; margin: auto; border: 1px solid #ffffff; color: #0c85a3; }
#cLeft .content .articleBody p { padding: 0; }

#feed                  { width: 229px; background: url("/_images/Biodermis-News-Bottom.gif") no-repeat center bottom; clear: both; padding-bottom: 15px; margin: auto;  }
#feedContent           {  background: url("/_images/Biodermis-News-Top.gif") no-repeat center top; padding: 0px 25px 25px; }
#feedContent h1 { padding: 25px 0px 8px; color: #903ea2; font-size: 18px; }
#feedContent h1 a { color: #903ea2; } 
#feedContent p a       { font-size: 12px;  color: #666 }
#feedContent p a:hover { color: blue; }
#feedContent p         { padding-bottom: 5px; border-bottom: 1px solid #CCC; }
#feedContent .title    {  font-size: 1.5em; font-weight: bold; color: #489696; }

#sProduct { width: 165px; margin: 0 0 7px 15px; float: right; font-size: 1.2em; background: #FFF; padding: 8px; border: 1px solid #c7e1e1; }
#sProduct h2 { font-size: 14px; }
#sProduct a { color: #489696; }
#sProduct img { display: block; }

/******************************************************************************/
/* MISC ELEMENTS */

#dhtmltooltip{ color: #23304d; position: absolute; left: -300px; width: 150px; border: 1px solid #138c8b; padding: 5px; background-color: #d6f7f3; visibility: hidden; z-index: 100; filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); font-size: 1.2em; }
#dhtmlpointer{ position:absolute; left: -300px; z-index: 101; visibility: hidden; }

.clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearFix { display: inline-table; }
* html .clearFix { height: 1%; }

/******************************************************************************/
/* TABLES (THE ZEBRA KIND) */

.zTable .trTitle, .zTable .trTitleS { background: #8693B6; color: #fff; font-weight:bold; }
.zTable .trTitleS td a.on {  color: #fff; }
.zTable .trTitleS td a.off { color: #8f9dc0; }
.zTable .trTitleS td { border-bottom: 1px solid #546184; padding: 6px 10px 0px; border-bottom: 4px solid #fff; }
.zTable .trTitleS td a { display: block; width: 100px; height: 22px; float: left; text-align: center; font-size: 1.3em; font-weight: bold; border-right: 1px solid #8f9dc0; cursor: pointer; }

/* /////////////////////////////////////////////////////// */
/* TABLES (THE ZEBRA KIND) */
.zTable { border: 1px solid #71C6C6; border-collapse:collapse; width: 95%; margin: auto; color: #098F94; font-size: 12px; }
.zTable tr td { padding: 3px 8px; border-left: 1px solid #93E8E7; vertical-align:top; }
.zTable .trTitle { background: #58C8C7; color: #fff; }
.zTable .trTitle td { padding: 6px 10px; }
.zTable input { padding: 3px; }
.zTable .trTitle a { color: #fff; text-decoration: none; }
.zTable a { text-decoration:none; color: #111F44; }
.zTable .trow1 { background: #EEF9F9; }
.zTable .trow2 { background: #DEF4F4; }
.zTable p { margin-bottom: 10px; }

/* /////////////////////////////////////////////////////// */
/*Forms defaults*/
form { margin: 0px; padding: 0px; }
input, textarea { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#404040; }
label { color:#999; cursor:pointer; padding-left:2px; line-height:15px; vertical-align:top; }
label.chosen { color:#333; }

/*Text inputs*/
.textinput, .textinputHovered { width:95%; height:15px; background:url('/_images/form1_textinput.gif') repeat-x left top; border:none; padding:4px 8px; border-right: 1px solid #66D4D3; }
.textinputHovered { background-position:left bottom; }

/*Text areas*/
.textarea, .textareaHovered { width:95%; height:168px; background:url('/_images/form1_textarea.gif') no-repeat left top; border:none; padding:4px 8px; border-right: 1px solid #66D4D3; }
.textareaHovered { background-position:left bottom; }

/*Selects*/
.selectArea { width:200px; height:21px; background:url(/_images/select_bg.gif) repeat-x left top; }


/*Button*/
.buttonSubmit, .buttonSubmitHovered { width:141px; height:30px; color:#FFF; font-weight:bold; padding:2px 5px; background:url('/_images/form1_input.jpg') no-repeat left top; cursor:pointer; border:none; }
.buttonSubmitHovered { background-position:left bottom; }


.question { cursor:hand; cursor:pointer; background: #e5f6f6; padding: 5px 5px; width: 90%; display: block; font-size: 1.1em; font-weight:bold; margin: auto; border: 1px solid #ffffff; color: #0c85a3; }
.answer { background: #ffffff; padding: 10px 5px 20px; width: 90%;  margin: auto;} 

#flags             { padding: 15px; clear: both; }
#flags a span      { visibility: hidden; }
#flags a           { display: block; float: left; width: 30px; height: 19px; margin: 3px; }
#flags a.spanish1  { background: url("/_images/flags/flag_spanish1.gif") no-repeat;  }
#flags a.spanish2  { background: url("/_images/flags/flag_spanish2.gif") no-repeat;  }
#flags a.english1  { background: url("/_images/flags/flag_english1.gif") no-repeat;  } 
#flags a.french1   { background: url("/_images/flags/flag_french1.gif") no-repeat;  } 
#flags a.french2   { background: url("/_images/flags/flag_french2.gif") no-repeat;  } 
#flags a.deutsch   { background: url("/_images/flags/flag_deutsch.gif") no-repeat;  } 
#flags a.italian   { background: url("/_images/flags/flag_italian.gif") no-repeat;  } 
#flags a.japanese  { background: url("/_images/flags/flag_japanese.gif") no-repeat;  } 
#flags a.korean    { background: url("/_images/flags/flag_korean.gif") no-repeat;  } 
#flags a.portuges1 { background: url("/_images/flags/flag_portuges1.gif") no-repeat;  } 
#flags a.portuges2 { background: url("/_images/flags/flag_portuges2.gif") no-repeat;  } 
#flags a.chinese   { background: url("/_images/flags/flag_chinese.gif") no-repeat;  } 
#flags a.viet      { background: url("/_images/flags/flag_viet.gif") no-repeat;  } 
#flags a.nz        { background: url("/_images/flags/flag_nz.gif") no-repeat;  } 
#flags a.argentina { background: url("/_images/flags/flag_argentina.gif") no-repeat;  }
#flags a.chile { background: url("/_images/flags/flag_chile.gif") no-repeat;  }
#flags a.peru { background: url("/_images/flags/flag_peru.gif") no-repeat;  }


#flags a:hover     { background-position: 0px -32px; }

#sexyBG  { display: none; position: absolute; background: #000; opacity: 0.4; -moz-opacity: 0.6; -khtml-opacity: 0.6; filter: alpha(opacity=60); top: 0; left: 0; width: 100%; height: 100%; z-index: 99; }
#sexyBOX { display: none; position: absolute; text-align: center; top: 40px; z-index: 100; padding: 10px; background: #ffffff; font-size: 1.2em; font-weight: bold; color: #333333; width: 502px;  }
.sexyX   { font-size: 12px; color: #ddd; padding: 4px 0; border-top: 1px solid #666666; background: #284da3; margin-top: 10px; display: block; cursor: pointer;     }