/*******************************************************************************/
/* FLASH REPLACEMENTS */
.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-hasFlash #cRight h1.productPromo, .sIFR-hasFlash #products h1, .sIFR-hasFlash #promo h1, .sIFR-hasFlash #cLeft h1, .sIFR-hasFlash #cLeft h3{ visibility: hidden; }
*{padding: 0; margin: 0;}

html, body {
min-height: 100%;
height: auto !important;
height: 100%
}
/******************************************************************************/
/* HTML ELEMENTS */

body { margin: 0px; padding: 0px; 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; 
color: #FF0000;}
img { border: none; }
form { margin: 0px; padding: 0px }
/******************************************************************************/
/* HEADER ELEMENTS */
#page { width: 760px; margin: auto;  }
.logo { margin-right: 120px; }
/******************************************************************************/
/* NAV ELEMENTS */

#nav { background: #3AB7B7 url(../images/nav_off.gif) repeat-x; width: 760px; 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: 95px; font-size: 1.1em; font-weight: bold; }
#nav a:hover, #nav #navOn { background: #3AB7B7 url(../images/nav_on.gif) repeat-x; }

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

#promo { height: 270px; width: 760px; margin-bottom: 5px; }
#promo h1{ height: 270px; width: 760px; padding:0px; margin: 0px; visibility: hidden; }
#products { height: 225px; width: 760px;  }
#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: 760px;  }
#contentInside { background: url(../images/page_bg.gif) repeat-y; width: 760px;  }
#contentProducts { background: url(../images/page_bg.gif) repeat-y; width: 760px;  }
/******************************************************************************/
/* LEFT ELEMENTS */

#cLeft { float: left; width: 505px; }
#cLeft h1 { font-size: 1.6em; color: #5671a4; margin: 0px 0px 0px 0px; padding: 10px 10px; clear: both; }
#cLeft h2 { font-size: 1.4em; color: #5671a4; margin: 0px 0px 0px 0px; padding: 10px 10px; clear: both; }
#cLeft h3 { font-size: 1.2em; color: #006666; margin: 0px 0px 0px 0px; padding: 10px 10px; clear: both; }
#cLeft .content { }
#cLeft .content p { font-size: 1.1em; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 10px 10px; }
#cLeft .content p a:hover { color: blue; text-decoration: underline; }
#cLeft .content p a { color: teal;  }
#cLeft .content ul { padding-left: 40px; }
#contentShop h1 { font-size: 1.6em; color: #5671a4; margin: 5px 0px 0px 0px; padding: 10px 15px; clear: both; }


#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: 1.6em; color: #5671a4; margin: 5px 0px 0px 0px; padding: 10px 15px; clear: both; }
#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: blue; text-decoration: underline; }
#cShop .content p a { color: teal;  }


.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: 250px; background: url(../images/r_bg.gif) no-repeat top right; }
#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-left: 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: 505px; 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 */


.product { width: 480px; }
.product h2 { padding: 0px 25px; margin: 0px; color: #5570a4; font-size: 1.1em; font-weight: bold;  }
.pimage { float: left; }
.ptext1 { color: #0c85a3; padding: 0px; margin: 0px 0px 10px 0px;  }
.ptext2 { color: #903ea2; margin: 0px; padding:0px; }
.ptext3 { color: #333333; margin: 0px; padding:0px; }
.col1 { float: left; padding-left: 25px; }
.col2 { float: left; margin-left: 10px; width: 290px; }

.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%; }
.ppRight { float:right;  margin: 0px 0px 0px 5px;}
.ppLeft { float:lift;  margin: 0px 5px 0px 0px;}
.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; }

/******************************************************************************/
/* 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; }

.anylinkcss{
position:absolute;
visibility: hidden;
border-bottom-width: 0;
font:normal 1.1em Verdana;
line-height: 18px;
z-index: 100;
background-color: #32aeae;
width: 205px;
}

.anylinkcss a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #6ae3e3;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
color: #fff;

}

.anylinkcss a:hover{ /*hover background color*/
background-color: #516b9f;
color: white;
}

.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 url(http://www.biodermis.com/images/table_title_2.gif) repeat-x; color: #fff; font-weight:bold; }
.zTable .trTitleS td a.on { background: url('../images/bottom_arrow.gif') no-repeat center bottom; color: #fff; }
.zTable .trTitleS td a.off { background: url('../images/bottom_arrow_2.gif') no-repeat center bottom; 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-weight:bold; }
.zTable tr td { padding: 3px 8px; border-left: 1px solid #93E8E7; vertical-align:top; }
.zTable .trTitle { background: #58C8C7 url('http://www.biodermis.com/images/table1_selected_title.jpg') repeat-x; color: #fff; }
.zTable .trTitle td { padding: 6px 10px; }
.zTable .trTitle a { color: #fff; text-decoration: none; }
.zTable a { text-decoration:none; color: #111F44; }
.zTable .trow1 { background: #EEF9F9; }
.zTable .trow2 { background: #DEF4F4; }


/* /////////////////////////////////////////////////////// */
/*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(http://www.biodermis.com/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; }

#TB_window {  font: 12px Arial, Helvetica, sans-serif;  color: #333333;}
#TB_secondLine {  font: 10px Arial, Helvetica, sans-serif;  color:#666666;}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
#TB_overlay {  position: absolute;  z-index:100;  top: 0px;  left: 0px;  background-color:#000;  filter:alpha(opacity=60);  -moz-opacity: 0.6;  opacity: 0.6;}
#TB_window {  position: absolute;  background: #ffffff;  z-index: 102;  color:#000000;  display:none;  border: 4px solid #525252;  text-align:left;}
#TB_window img {  display:block;  margin: 15px 0 0 15px;  border-right: 1px solid #ccc;  border-bottom: 1px solid #ccc;  border-top: 1px solid #666;  border-left: 1px solid #666;}
#TB_caption{  height:25px;  padding:7px 30px 10px 25px;  float:left;}
#TB_closeWindow{  height:25px;  padding:11px 25px 10px 0;  float:right;}
#TB_closeAjaxWindow{  padding:5px 10px 7px 0;  margin-bottom:1px;  text-align:right;  float:right;}
#TB_ajaxWindowTitle{  float:left;  padding:7px 0 5px 10px;  margin-bottom:1px;}
#TB_title{  background-color:#e8e8e8;  height:27px;}
#TB_ajaxContent{  clear:both;  padding:2px 15px 15px 15px;  overflow:auto;  text-align:left;  line-height:1.4em;}
#TB_ajaxContent p{  padding:5px 0px 5px 0px;}
#TB_load{  position: absolute;  display:none;  height:100px;  width:100px;  z-index:101;}
#TB_HideSelect{  z-index:99;  position:absolute;  top: 0;  left: 0;  background-color:#fff;  border:none;  filter:alpha(opacity=0);  -moz-opacity: 0;  opacity: 0;}
#TB_iframeContent{  clear:both;  border:none;  margin-bottom:-1px;  margin-top:1px;  _margin-bottom:1px;}


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