/*********/
/* basic */
/*********/

body {
	padding: 0px;
	margin: 0px;
	background-color: white;
	font-family: Verdana;
	font-size: 13px;
	color: #333333;
}

td { 
	font-size: 12px;
}

/********************/
/* main page blocks */
/********************/

table#maintable {
	width: 740px;
	margin: 10px auto 0px auto;
	padding: 0px;
	border-collapse: collapse;
}

td#bannercell {
	background-image: url(http://www.derma.ee/images/banner_bg.gif);
	background-repeat: repeat-x;
	height: 85px;
	padding: 0px 20px 15px 20px;
	vertical-align: bottom;
}

td#leftmenucell {
	width: 245px;
	padding: 0px 5px 0px 0px;
	vertical-align: top;
}

td#rightmenucell {
	vertical-align: top;
	width: 240px;
	padding: 0px;
	text-align: right;
}

td#leftmenucell form, td#rightmenucell form {
	margin: 0;
	padding: 0;
}

#sitesearch {
	display: inline;
	margin: 0;
	padding: 0;
}

#sitesearch #querystring {
	font-family: Trebuchet MS;
	font-size: 13px;
	color: black;
	border: 1px solid #6f6f6f;
	height: 22px;
	width: 120px;
	margin: 0;
	padding: 0;
}

#sitesearch #sitesubmit {
	display: inline;
	font-family: Trebuchet MS;
	font-size: 13px;
	border: 1px solid #6f6f6f;
	color: black;
	width: 40px;
	text-align: center;
	height: 24px;
	background-color: #e3e3e3;
	margin: 0 0 0 5px;
}

#siteshop {
	display: inline;
	margin: 0;
	padding: 0;
}

#siteshop input {
	font-family: Trebuchet MS;
	font-size: 13px;
	border: 1px solid #6f6f6f;
	color: #FF6600;
	margin: 0 0 0 5px;
	display: inline-table;
	width: 60px;
	padding: 0;
	text-align: center;
	height: 24px;
	background-color: #e3e3e3;
	font-weight: bold;
}

/************/
/* elements */
/************/

div.hdots {
	padding: 0px;
	margin: 0px;
	width: 100%;
	background-image: url(http://www.derma.ee/images/hdot.gif);
	background-repeat: repeat-x;
}


td.pom_box {
	width: 230px;
	padding: 0px;
	vertical-align: top;
	text-align: center;
	color: black;
	font-size: 10px;
	font-weight: bold;
}

select.topmenu {
	width: 240px;
	height: 18px;
	font-family: Trebuchet MS;
	font-size: 11px;
	color: black;
	border-width: 1px;
	border-style: solid;
	border-color: #6f6f6f;
	margin: 0px;
	padding: 0px;
}

td#navbar {
	text-align: right;
	vertical-align: top;
	padding: 15px 10px 0px 0px;
	width: 110px;
	font-family: Verdana;
	font-size: 11px;
	color: #333333;
}

td#navbar a.mainlink {
	display: block;
	margin: 0px 0px 4px 0px;
	padding: 0px;
}

td#content {
	width: 515px;
	padding: 20px 15px 0px 15px;
	font-family: Verdana;
	font-size: 13px;
	line-height: 18px;
	color: #333333;
	vertical-align: top;
	background-image: url(http://www.derma.ee/images/vdot.gif);
	background-color: white;
	background-repeat: repeat-y;
}

td#forumcontent {
	padding: 20px 0px 0px 15px;
	font-family: Verdana;
	font-size: 13px;
	line-height: 18px;
	color: #333333;
	vertical-align: top;
	background-image: url(http://www.derma.ee/images/vdot.gif);
	background-color: white;
	background-repeat: repeat-y;
}
	
div#legal {
	font-size: 9px;
	color: #999999;
	margin-bottom: 5px;
	text-align: right;
}

td#sponsors {
	width: 125px;
	vertical-align: top;
	padding: 0px;
	text-align: center;
}

div#sponsorsheading {
	border-width: 1px;
	border-style: solid;
	border-color: #B5CEB5;
	background-color: #B8DB4D;
	font-family: Verdana;
	font-weight: bold;
	font-size: 10px;
	color: #666666;
	vertical-align: middle;
	text-align: center;
	padding: 0px 0px 0px 3px;
}

div.sponsorssubheading {
	border-width: 1px;
	border-style: solid;
	border-color: #B5CEB5;
	background-color: #B8DB4D;
	font-family: Verdana;
	font-weight: bold;
	font-size: 12px;
	color: black;
	vertical-align: middle;
	text-align: center;
	padding: 3px 0px 3px 3px;
	margin: 5px 0px 5px 0px;
}

div.news {
	margin-bottom: 1em;
}

legend {
	font-weight: bold;
}

fieldset {
	margin-top: 1em;
}

div.sponsor {
	margin: 20px 0px 15px 0px;
	text-align: center;
}

td#sponsorscontent {
	text-align: center;
	font-size: 11px;
}

td.productheading {
	text-align: center;
}

h1 {
	font-family: Trebuchet MS;
	font-weight: bold;
	font-size: 20px;
	color: #666666;
}

h2 {
	font-family: Trebuchet MS;
	font-weight: bold;
	font-size: 15px;
	line-height: 18px;
	/*color: #666666;*/
	/*color: #B8DB4D;*/
	color: #91c100;
}

h3 {
	font-family: Verdana;
	font-size: 13px;
	font-weight: bold;
}

a {
	color: #FF6600;
	text-decoration: none;
}

a:hover {
	color: #FF6600;
}

a.inactive {
	color: #666666;
}

a.inactive:hover {
	color: #FF6600;
}

h2 a {
	color: #666666;
}

img {
	border: 0px;
}

img.product {
	float: left;
	margin: 0px 7px 7px 0px;
	position: relative;
}

img.brand {
	float: right;
	margin: 0px 0px 7px 7px;
}

p {
	margin: 1em 0em 1em 0em;
}

div.list {
	margin: 0em 0px 0em 3em;
	padding: 0px;
	display: list-item;
}

table.striped {
	border-collapse: collapse;
	width: 100%;
}

td.th {
	background-color: #B8DB4D;
	color: black;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, sans-serif;
	height: 20px;
}

td.todd {
	font-size: 9px;
	height: 20px;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #B5CEB5;
	vertical-align: top;
	padding-right: 10px;
}

td.teven {
	font-size: 9px;
	background-color: #E1F0B3;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #B5CEB5;
	vertical-align: top;
	padding-right: 10px;
}

td.dth {
	background-color: #B8DB4D;
	color: black;
	font-weight: bold;
	font-family: Verdana, sans-serif;
	height: 20px;
}

td.dtodd {
	height: 20px;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #B5CEB5;
	vertical-align: top;
	padding-right: 10px;
	width: 50%;
}

td.dteven {
	background-color: #E1F0B3;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #B5CEB5;
	vertical-align: top;
	padding-right: 10px;
	width: 50%;
}

table.borderless {
	width: 100%;
	border-width: 0px;
	border-collapse: collapse;
}

div#adminlinks a {
	display: block;
	margin-bottom: 3px;
}

/* Banner of Month */
table.bom {
	margin: 0px;
	width: 100%;
}

td.bom_heading {
	font-size: 11px;
	font-weight: bold;
	height: 29px;
	width: 235px;
	color: rgb(255,102,0);
	text-align: left;
	vertical-align: middle;
	padding: 0px 0px 0px 7px;
}

td.bom_separator {
	width: 15px;
	padding: 0px;
}

td.bom_name {
	height: 96px;
	width: 135px;
	font-family: Times New Roman, serif;
	font-size: 20px;
	padding: 5px;
	vertical-align: middle;
}

td.bom_name a {
	color: black;
}

td.bom_article {
	background-color: rgb(255,209,179);
}

td.bom_product {
	background-color: rgb(187,216,242);
}

td.bom_image {
	text-align: center;
	vertical-align: middle;
	width: 100px;
}

img.bom_image {
	border: 1px solid rgb(153,153,153);
}

td.bom_page_heading {
	width: 235px;
	height: 125px;
	padding-right: 10px;
}

p.distributionlinks {
	font-weight: bold;
}

h2.orange {
	color: #FF6600;
}

/* h2 p */
p.postheading {
	margin-top: -0.75em;
}

/* form legend p */
p.legend {
	padding: 0em 0.75em 0em 0.75em;
	margin-top: -0.25em
}

div.businesscard {
	margin: 0px;
	padding: 0px;
	font-size: 80%;
	line-height: 1.2em;
}

div.businesscard p {
	margin: 0.2em 0px 0px 0px;
}

div.businesscard h3 {
	margin: 0px 0px 0.5em 0px;
}

a.offer {
	font-weight: bold;
	font-size: 80%;
	color: black;
}

a.offer em {
	text-decoration: none;
	font-style: normal;
	color: #FF6600;
}

a.offer span {
	color: rgb(0,105,174);
}

td.offerbullet {
	vertical-align: top;
	padding-top: 5px;
	padding-bottom: 5px;
}

td.offertext {
	vertical-align: middle;
	text-align: left;
	padding-left: 5px;
	padding-bottom: 5px;
}

p.alert {
	color: red;
}

.beautynews {
	color: rgb(0,105,174);
}

td#content a.beautynews {
	text-decoration: underline;
}

.black {
	color: black;
}

div.rb_service {
	font-size: 80%;
	text-align: left;
	margin: 0px 0px 7px 0px;
}

div.rb_service_heading {
	font-weight: bold;
	text-align: left;
}

span.orange {
	color: #FF6600;
}

div.comment {
	font-size: 80%;
	text-align: right;
}

div.comment a {
	color: blue;
	text-decoration: underline;
}

p.comment-name {
	margin: 0px;
	font-weight: bold;
}

p.comment-comment {
	margin: 0px 0px 0.5em 0px;
}

img.float-right {
	float: right;
	padding: 0em 0em 1em 1em;
}

div.institution-shortdescription {
	margin-bottom: 0.5em;
	font-style:italic;
	color: #91c100;
	font-weight: bold;
}

div.shop-link {
	margin-top: 1em;
	text-align: right;
}

div.shop-link a {
	color: blue;
	text-decoration: underline;
}

td.product-shortdescription {
	vertical-align: top;
	padding-left: 1em;
}

td.product-shortdescription h3 {
	margin-top: 0;
}
