/************************************************
* Geopharma										*
************************************************/

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	background: #666;
	color: #333;
}

img {
	border: none;
	vertical-align: middle;
}

.clearboth {
	clear: both;
}

p {
	margin: 0 0 10px 0;
}

hr { color: #ccc; background: #ccc; border: 0; Height: 1px; }

/************************************************
* Layout										*
************************************************/

#container {
	width: 800px;
	margin: 0 auto;
	background: #FFF;
}

#header_container {
	background: #F5F5F5;
}

#header_left {
	width: 34%;
	float: left;
	background: #F5F5F5;
}

#header_right {
	width: 66%;
	float: left;
	background: #F5F5F5 url(images/header_bg.jpg) left no-repeat;
	height: 98px;
}

#header_contact_container {
	margin: 26px 0 0 160px;
}

#header_contact_left {
	float: left;
	color: #4E4B81;
	width: 185px;
	font-weight: bold;
}

#header_contact_middle {
	margin-top: 15px;
	float: left;
	background: #8482A6;
	width: 1px;

}

#header_contact_right {
	float: left;
	color: #4E4B81;
	width: 130px;
	text-align: left;
	padding-top: 0px;
	margin-left: 25px;
}

#speedbar_container {
	clear: left;
	width: 100%;
	background: #4E4B81 url(images/speedbar_bg.jpg) top repeat-x;
	color: #FFF;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	margin-top: -14px;
}

#speedbar {
	padding: 17px 0px 10px 0px;
	z-index: 1000;
}

#content {
	padding: 10px;
	background: #FFF;
}

#footer {
	background: #FFF;
	text-align: center;
	font-size: 0.9em;
	padding: 10px;
}

/************************************************
* Logo Image Replacement						*
************************************************/

#logo h1 {
	background: url(images/logo.jpg) no-repeat;
	width: 240px;
	height: 98px;
	border: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
	z-index: 30;
	float: left;
}

#logo h1 a {
	display: block;
	text-indent: -3000px;
	width: 240px;
	height: 98px;
	border: 0;
}

#logo h1 a:hover {
	border: 0;
}

/************************************************
* Speedbar links								*
************************************************/

.sblink {
	color: #FFF;
	text-decoration: none;
}

a.sblink:link {
	color: #FFF;
	text-decoration: none;
}

a.sblink:visited {
	color: #FFF;
	text-decoration: none;
}

a.sblink:hover {
	color: #FFF;
	text-decoration: underline;
}

a.sblink:active {
	color: #FFF;
	text-decoration: underline;
}

.sbdiv {
	font-weight: normal;
	color: #8685A3;
}

/************************************************
* Welcome										*
************************************************/

.welcome_left {
	float: left;
	width: 48%;
}

.welcome_middle {
	float: left;
	width: 4%;
}

.welcome_right {
	float: right;
	width: 48%;
}

.welcome_header {
	padding: 10px;
	color: #FFF;
	background: #CCC;
	font-size: 1.5em;
	font-weight: bold;
	text-align: right;
	margin-bottom: 20px;
}

/************************************************
* Welcome Links									*
************************************************/

.welcome_link {
	padding: 7px;
	background: #FFF;
	border: 1px solid #E9B299;
	color: #CB480C;
	margin-bottom: 10px;
	font-weight: bold;
	cursor: pointer;
}

.welcome_link h2 {
	font-size: 1.0em;
	margin: 0;
}

.welcome_link_hover {
	padding: 7px;
	background: #E9B299;
	border: 1px solid #CB480C;
	color: #FFF;
	margin-bottom: 10px;
	font-weight: bold;
	cursor: pointer;
}

.welcome_link_hover h2 {
	font-size: 1.0em;
	margin: 0;
}

/************************************************
* Welcome Learn	Section							*
************************************************/

#learn {
	padding: 20px;
/*	background: #DFDFDF;*/
	background: #FFF;
}

.learn_left {
	float: left;
	width: 48%;
	background: #FFF;
	padding: 0px;
}

.learn_middle {
	float: left;
	width: 4%;
}

.learn_right {
	float: left;
	width: 48%;
	background: #FFF;
	padding: 0px;
}

.learn_link {
	padding: 7px;
	background: #CB480C url(images/arrow.jpg) left no-repeat;
	border: 1px solid #CB480C;
	color: #FFF;
	margin-bottom: 10px;
	padding-left: 30px;
	font-weight: bold;
}

/************************************************
* Dialogs										*
************************************************/

.dialog_title {
	padding: 10px;
	background: #CCC/*url(../images/dbg.jpg) repeat-x*/;
	font-weight: bold;
	font-size: 1.1em;
}

.dialog_content {
	padding: 10px;
	background: #FFF;
	border: 1px solid #CCC;
}


.progress { font-weight:bold; font-size: 14px; color: #FF0000; }

.hint {
	display: none;
	position: absolute;
	width: 200px;
	margin-top: -2px;
	border: 1px solid #ff0000;
	padding: 10px 12px;
	background: #ffcccc url(images/pointer.gif) no-repeat -10px 5px;
}

.hint .hint-pointer {
	position: absolute;
	left: -10px;
	top: 5px;
	width: 10px;
	height: 19px;
	background: url(images/pointer.gif) left top no-repeat;
}



/*----------------------------------------------------------------*/

img {border:0;}
.clearboth {clear:both;}

.col_left {float:left;width:350px;}
.col_right {float:left;width:430px;}

.col_cream {float:left;width:210px;}
.cream_label {float:left;width:160px;height:30px;background:#D4BF92;color:#fff;font-weight:bold;}

.col_ointment {float:left;width:210px;margin-left:10px;}
.ointment_label {float:left;width:160px;height:30px;background:#93A76A;color:#fff;font-weight:bold;}

.creambox {border:1px solid #D4C197;background:#E9DFC9;padding:9px;}
.ointmentbox {border:1px solid #99AD70;background:#CDD7B9;padding:9px;}

.cream_add {float:left;width:30px;height:30px;}
.ointment_add {float:left;width:30px;height:30px;}

.box_title {margin:0;padding:0;font-size:1.0em;color:#fff;font-weight:bold;}

.spotlight_box {border:1px solid #A83A21;background:#A83A21 url(images/welcome/spotlight.jpg) right center no-repeat;color:#fff;font-size:1.3em;font-weight:bold;padding:4px;}
.spotlight_content {border:1px solid #A83A21;border-top:none;padding:5px;margin-bottom:10px;}

.spotlight_box a:link, .spotlight_box a:visited, .spotlight_box a:hover { color: #fff; text-decoration: none; }

.cond_box {border:1px solid #A83A21;background:#A83A21;color:#fff;font-size:1.3em;font-weight:bold;padding:4px;}
.cond_content {border:1px solid #A83A21;border-top:none;padding:5px;margin-bottom:10px;}

.intro_box {border:1px solid #A83A21;background:#A83A21;color:#fff;font-size:1.3em;font-weight:bold;padding:4px;}
.intro_content {border:1px solid #A83A21;border-top:none;background:#fff;padding:5px;margin-bottom:10px;}

.intro_box a:link, .intro_box a:visited, .intro_box a:hover { color: #fff; text-decoration: none; }

.news_box {border:1px solid #93A76A;background:#93A76A;color:#fff;font-size:1.3em;font-weight:bold;padding:4px;}
.news_content {border:1px solid #93A76A;border-top:none;background:#CDD7B9;padding:5px;margin-bottom:10px;}

.cond {margin:0;padding:0;font-size:1.3em;font-weight:bold;}

form {margin:0;padding:0;}
.form_left {float:left;width:160px;font-weight:bold;}
.form_right {float:left;width:160px;}
.form_item {width:100%;margin-bottom: 5px;}
#submitbutton {margin-left:160px;margin-top:0px;width:90px;}