@import url("/css/default/OService-default.css");
@import url("/css/default/default-consumed.css");
@import url("/css/default/default-datalist.css");
@import url("/css/default/default-headers.css");



body {
	margin-left : 20px;
	margin-right : 20px;
	margin-top : 0px;
	margin-bottom : 20px;
	behavior:  url(../css/csshover.htc);
	font-family : arial;
	font-size : 12px;
}
body TD {

}
H1,H2,H3,H4,H5,H6,H7 {
	font-weight:bold;
	color : #441534;
	margin-bottom : 2px;
	font-size :14px;
}
.mainTable {
	border-collapse :collapse;
	border : solid 1px white;
/*	background-image : url(../images/farmazorg/logoapothekenfarmazorg.jpg);
*/	background-repeat : no-repeat;
	background-position : top right;
	height : 100%;
}
.lefttop {
	height : 149px;
}
.pageHeader {
	vertical-align : bottom;
	font-size :22px;
	color : #441534;
	font-style : italic;
	width : 100%;
}
div.pharmname {
	position : absolute;
	top : 25px;
	left : 20px;
	font-weight : bold;
	FONT-SIZE : 32PX;
}
.rightTop {
	border-right : solid 1px white;
}
.mainleft {
	background-color : #441534;
/*	background-image : url(../images/farmazorg/leftbg.jpg);
	background-repeat : repeat-y;
*/
}
.mainright {
	vertical-align : top;
	background-color : #441534;
	border-left : solid 1px white;
	/*border-collapse :collapse;*/
	border-top: 1px solid #441534;

}
.content_area {
	background-color : #DDDDDD;
	font-size : 12px;
	height : 100%;
	padding : 0px 0px 0px 20px;
	background-image : url(../images/farmazorg/content_areaBGongena.jpg);
	background-repeat: no-repeat;
	background-position : right top;
	vertical-align : top;
	border-top : solid 1px #441534;
	border-left : solid 1px white;
}
td.content_area {
	font-size : 12px;
}
.content_area td {
	font-size : 12px;
}
.content_area a:link,
.content_area a:active,
.content_area a:visited {
	color : #441534;
	text-decoration : none;
}
.content_area a:hover {
	color : #666666;
	text-decoration: underline;
}
.footerLeft {
	background-color : #666666;
	border : solid 1px white;

/*	background-image : url(../images/farmazorg/leftbg.jpg);
	background-repeat : repeat-y;
*/
}
.pageFooter {
	background-color : #666666;
	border : solid 1px white;	
	color :  white;
	font-size :11px;
}
.footerRight {
	background-color : #666666;
	border : solid 1px white;
	width : 250px;
}
.newsBoxPos {
	position: absolute;
	top: -3000;
	left: -3000px;
}
.newsbox_table {
	background-color : #441534;
	width : 198px;
}
td.newsbox_header {
	height : 149px;
	font-weight : bold;
	height : 20px;
	color : white;
	font-size : 16px;
	padding : 5px 10px 5px 10px;
}
.newsbox_content {
	height : 20px;
	padding : 5px 15px 5px 25px;
	background-image : url(../images/farmazorg/arrow.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}
.newsbox_content a:link,
.newsbox_content a:active,
.newsbox_content a:visited {
	color : white;
	Text-decoration : none;
	font-size : 11px;
	
}
.newsbox_content a:hover {
	color : #666666;
	Text-decoration : underline;
	font-size : 11px;
}
.newsbox_footer {
	height : 100%;
	vertical-align : bottom;
}
.newsbox_footer a:link,
.newsbox_footer a:active, 
.newsbox_footer a:visited {
	color : white;
	Text-decoration : none;
	font-size :11px;
}
.newsbox_footer a:hover{	
	color : #666666;
	Text-decoration : underline;
	font-size :11px;
}
/* Navigatie Classes ------------------------------- */ 
div#nav {
	width: 200px; 
	white-space : nowrap;
	border-top : solid 1px #441534;
	font-size : 11px;
	margin :0px;
	padding :0px;
	background-color : white;
}
div#nav ul {
	margin: 0; 
	padding: 0; 
	white-space : nowrap;
	font-size : 11px;
}
div#nav li {
	display:block;
	position: relative;
	list-style: none;
	margin: 0;
	border-bottom : solid 1px #ffffff;
	white-space : nowrap;
	padding : 7px 5px 5px 0px;
	height : 20px;
	vertical-align : center;
	text-align : left;
}
div#nav li:hover {
	padding : 7px 5px 5px 0px;
	height : 20px;
	background-color : #441534;
}
div#nav li.submenu {
	border-bottom : solid 1px #441534;
	text-align : right;
	display:block;
}
div#nav li.submenu:hover {
	display :block;
	background-color : #441534;
}
div#nav li a {
	text-decoration: none; 
}
div#nav>ul a {
	width: auto;
}
div#nav ul ul {
	background-color : #666666;
	position: absolute; 
	top: 0; 
	left: 200px;
	display: none;
	width : 200px;
	border-top : solid 1px white;
	border-left : solid 1px white;
	border-right : solid 1px white;

}
div#nav ul.level1 li.submenu:hover ul.level2, 
div#nav ul.level2 li.submenu:hover ul.level3 {
	display:block;
}
/* End Hovering Classes */ 
.lefttabs_selected {
	color : #666666;
	font-weight : bold;
	background-image : url(../images/farmazorg/arrow-lefttabs.gif);
	background-repeat : no-repeat;
	background-position: right top;
	padding : 0px 15px 0px 15px;
}
.lefttabs_notselected {
	color : #666666;
	background-image : url(../images/farmazorg/arrow-lefttabs.gif);
	background-repeat : no-repeat;
	background-position: right top;
	padding : 0px 15px 0px 15px;
}
.uppertabs_selected {
	color : white;
	font-weight : bold;
	padding : 5px 5px 5px 15px;
	background-image : url(../images/farmazorg/arrow-uppertabs.gif);
	background-repeat : no-repeat;
	background-position: left top;
}
.uppertabs_notselected {
	color : white;
	padding : 5px 5px 5px 15px;
	background-image : url(../images/farmazorg/arrow-uppertabs.gif);
	background-repeat : no-repeat;
	background-position: left top;
}
.uppertabs_footer {
	background-color : #666666;
}
.box_table {
	color : white;
	width : 100%;
	border-collapse:collapse;
}
.box_header {
	font-weight : bold;
	color : white;
	border-bottom : solid 1px black;
}
.box_content a:link,
.box_content a:active,
.box_content a:visited {
	color : white;
}
.box_content a:hover {
	color : #666666;
}


/* SHOP CLASSES ------------------------------------------------ */

.validation_error {
	height: auto;
	color: red;
	border: 1px solid red;
	background-repeat: no-repeat;
	padding: 10px 10px 10px 35px;
	margin: 10px 0px;
	background-image: url(/images/explanationmark.gif);
	background-position: 10px 10px;	
}

HR {
	height:1px;
	color:#999999;
}

.Shop_header {
	background-color:#999999;
	height: 28px;
	text-indent: 5px;
	color:#FFFFFF;
	font-weight : bold;
	font-size :11px;
	vertical-align:middle;
	width:100%;
}

.shop_subheader {
	height:28px;
	text-indent: 5px;
	background-color : #EAEAEA;
	padding : 1px 1px 1px 1px;
	vertical-align:middle;
	width:100%;	
}

.shop_table {
	border : solid 1px #E0E0E0;
	border-collapse : collapse;
	margin-right : 10px;
	width:100%;	
}

.shop_prodtable {
	width:100%;
	border:0;
	padding:0;
	border-spacing:0;
}

.shop_title {
	font-weight:bold;
}

.shop_pageNav_top {
	height:1px;
	background-color:#999999;
}

.shop_pageNav_middle {
	background-color:#EDEEED;
}

.input {
	border : solid 1px #999999;
	height: 20px;
}

.colorLight {
	
}
.shop_rightbar2 {
	background-color : #EEEFEE;
	width : 177px;
	background-image : url(/functions/app/webshop/layout/images/thiopharma/cart_bg.png);
	background-repeat : no-repeat;
	background-position: right bottom;
}

.shop_prodTable_even {
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #FF0000;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FF0000;	
}

.shop_prodTable_odd {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FF0000;
}

#fullheight { 	
	height:100%;
	min-height:100%;/*for mozilla*/
}

.shop_discountprice_old {
	background-image: url(/functions/app/webshop/layout/images/ugoa/discountstripe.gif);
	background-repeat: no-repeat;
	font-size: 12px;	
}
.shop_discountprice_new {
	color : #fe0000;
	font-size: 16px;	
	font-weight: bold;
}
.box_table {
	width : 100%;
	text-align : left;
	margin-bottom : 5px;
	font-size :11px;
	border-collapse : collapse;
	margin-left : 1px;
}
.box_table Thead TH {
	background-color : #61304E;
	padding-left : 5px;
	
    FONT-WEIGHT : bold;
	padding-top : 2px;
	color : white;
	font-size : 12px;
	height : 20px;
	vertical-align : top;
	font-weight : bold;
	border-bottom : solid 1px white;
}
.box_table TH {
	background-color : #61304E;
	padding-left : 5px;
	color : white;
	font-size : 12px;
    FONT-WEIGHT : bold;
	height : 20px;
	vertical-align : center;
	border-bottom : solid 1px white;
}
.box_table TD {
	padding-left : 5px;
	padding-top : 6px;
	padding-bottom : 6px;

    FONT-WEIGHT : bold;
}
.box_table TD a:link,
.box_table TD a:active,
.box_table TD a:visited {
	color : #ffffff;
	text-decoration : underline;
}
.box_table TD a:hover {
	color : #ffffff;
	text-decoration : none;
}



input[type="submit"]  {
    background-color: #656668;
    border: 1px solid #ffffff;
	color : white;
	font-weight : bold;
	margin-top : 3px;
	margin-bottom : 3px;
}

input[type="text"] { 	
    background-color : #dddddd;
	border : solid 1px #ffffff; 
	margin-top : 3px;
	margin-bottom : 3px;
}
input[type="password"] { 	
    background-color : #dddddd;
	border : solid 1px #ffffff; 
	margin-top : 3px;
	margin-bottom : 3px;
}

/* form classes */ 
.Form_table {
	width : 500px;
	border-collapse : collapse;
	background-color : white;
}
.Form_table TD {
	padding : 2px 5x 2px 5px;
}
.Form_label {
	font-wieght : bold;
	font-size :12px;
}
.Form_Text {
	font-size :12px;
}
.Form_Text2 {
	font-size :11px;
	color : #999999;
}
.Form_Text3 {
	font-size :10px;
	color : #676767;
}
.Form_error {
	color : red;
	font-size :10px;
}
.Form_hint {
	font-size :10px;
	color : green;
}
.form_button {
}
.form_textfield {
}
.form_checkbox {
}
.form_radio {
}
.form_select {
}
.Form_Header {
	font-weight : bold;
	background-color : #666666;
	font-size :12px;
	padding : 2px 5px 2px 5px;
	border:solid 0px #ffffff;
	border-top :  solid 5px #DDDDDD;
	border-bottom :  solid 5px #DDDDDD;
	color :#ffffff;
}
.form_subheader {
	font-weight : bold;
	background-color : #666666;
	font-size :12px;
	padding : 2px 5px 2px 5px;
	border:solid 0px #ffffff;
	border-top :  solid 5px #DDDDDD;
	border-bottom : solid 5px #DDDDDD; 
	color : #ffffff;
}
.form_footer {
	border-top : solid 1px #666666;
}
/* SHOP CLASSES */ 
.shop_table {
	border : solid 0px white;
	border-collapse : collapse;
	margin-right : 10px;
	margin-top : 5px;
}
.shop_table BUTTON {
	background-color : #dddddd;
	font-weight : bold;
	height : 18px;
	width : 90px;
	font-size :12px;
}
.shop_table HR {
	height : 1px;
	color : #666666;
}
.shop_header {
	background-color : #666666;
	color : white;
	font-weight : bold;
	text-align : left;
	text-indent : 10px;
	font-size : 16px;
	padding : 1px 5px 1px 5px;
	height : 25px;
}
.shop_subheader {
	border-top : solid 2px white;

	background-color : #EAEAEA;
	padding : 1px 5px 1px 5px;
}

shop_subheader td {
border-bottom:1px solid #C5C5C5;
border-collapse:collapse;
}

.shop_title {
	font-weight : bold;
}
.shop_prodprice {
	font-weight : bold;
	color : #666666;
	font-size : 16px;
}
.shop_proddiscountprice {
	
}
.shop_text {

}
.shop_prodimg {

}
.shop_prodorderbutton {
	border : solid 1px black;
	background-color : #dddddd;
	padding : 0px 5px 0px 5px;
	font-size : 11px;
	font-weight :bold;
}
.shop_prodorderbutton a:link,
.shop_prodorderbutton a:active,
.shop_prodorderbutton a:visited {
	color : #333333;
	text-decoration : none;
	font-size : 11px;
}
.shop_prodorderbutton a:hover{
	color : #666666;
	text-decoration : none;
	font-size : 11px;
}
.shop_footer {
	background-color : #666666;
	height : 1px;
	font-size : 8px;
}
.shop_footer TD {
	height : 1px;
}
.shop_rightbar1 {
	background-color : #666666;
	width : 10px;
	border-right : solid 2px white;
}
.shop_rightbar2 {
	background-color : #EAEAEA;
	width : 144px;
	background-image : url(/images/uao1/shop_woman.jpg);
	background-repeat : no-repeat;
	background-postition : left top;
}
.shop_prodTable {
	height: 20;
}
.shop_pageNav_middle TD{
	background-color : #EAEAEA;
}
.adresbox {
	font-size : 11px;
	color : white;
	position : relative;
	left : 0px;
	bottom : 0px;
	padding-left : 20px;
	padding-bottom : 10px;
	padding-top : 10px;
}
.adresbox a:link,
.adresbox a:active, 
.adresbox a:visited {
	color : white;
	text-decoration : none;
}
.adresbox a:hover {
	color : #cccccc;
	text-decoration : underline;
}
.news_title {
	font-weight : bold;
	color : #441534;
}
.content_header {
	font-weight : bold;
	color : #441534;
	font-size : 14px;
}


/* SHOP CLASSES ------------------------------------------------ */
body.shopbgcolor {
	/*background-color : #DDDDDD;*/
}

.shopbgcolor 
{
	background-color : #DDDDDD;
}

.shopbgcolor td
{
	font-size:12px;
}


.shopbgcolor a:link,
.shopbgcolor a:active,
.shopbgcolor a:visited {
	color : #441534;
	text-decoration : none;
}
.shopbgcolor a:hover {
	color : #666666;
	text-decoration: underline;
}




.shop_table {
	border : solid 1px #E0E0E0;
	border-collapse : collapse;
	margin-right : 10px;
	width:100%;	
}

.shop_table BUTTON {
	background-color : #dddddd;
	font-weight : bold;
	height : 18px;
	width : 90px;
	font-size :12px;
}
HR {
	height : 1px;
	color : #c5c5c5;
}
.shop_table HR {
	height : 1px;
	color : #666666;
}
.shop_header {
	background-color : #666666;
	color : white;
	font-weight : bold;
	text-align : left;
	text-indent : 2px;
	font-size : 16px;
	padding : 1px 5px 1px 5px;
	height : 25px;
	width:100%;
}

.shop_subheader {
	height:39px;
	text-indent: 5px;
	background-color : #EAEAEA;
	padding : 1px 1px 1px 1px;
	vertical-align:middle;
	width:100%;	
}

.shop_subheader td{
	border-bottom:solid 1px #c5c5c5;
	border-collapse:collapse;
}
.shop_title {
	font-weight : bold;
}
.shop_prodprice {
	font-weight : bold;
	color : #666666;
	font-size : 16px;
}
.shop_proddiscountprice {
	
}
.shop_text {

}
.shop_prodimg {

}
.shop_prodorderbutton {
	padding : 9px 0px 0px 17px;
	font-size : 11px;
	color:#FFFFFF;
	font-variant:uppercase;
	font-weight:bold;
	
	width : 88px;
	height : 31px;
	background-image : url(/images/farmazorg/bnt_order2.gif);
	background-repeat : no-repeat;
	background-postition : left top;
	text-transform: uppercase;
}
.shop_prodorderbutton a:link,
.shop_prodorderbutton a:active,
.shop_prodorderbutton a:visited {
	color : #FFFFFF;
	text-decoration : none;
	font-size : 11px;
}
.shop_prodorderbutton a:hover{
	color : #666666;
	text-decoration : none;
	font-size : 11px;
}
.shop_footer {

	background-color : #666666;
	height : 30px;
	font-size : 8px;
	color:#FFFFFF;
}
.shop_footer TD {
	border-top:solid 6px #dddddd;
	height : 30px;
}
.shop_rightbar1 {
	background-color : #666666;
	width : 10px;
	border-right : solid 2px white;
}

.shop_rightbar2 {
	background-color : #EAEAEA;
	width : 144px;
	background-image : url(/images/uao1/shop_woman.jpg);
	background-repeat : no-repeat;
	background-postition : left top;
}

.shop_prodtable {
	width:100%;
	border:0;
	margin-top:10px;
	border-spacing:0;
}
.shop_prodnamecell {
width:100%;
}
.shop_ordercell {
	vertical-align:top;
	padding-top : 9px;
	padding-left: 15px;
	padding-right: 10px;
	font-size : 11px;
	color:#FFFFFF;
	font-variant:uppercase;
	font-weight:bold;
	
	height : 31px;
	background-image : url(../images/farmazorg/btn_order.gif);
	background-position : top;
	background-repeat : no-repeat;
	text-transform: uppercase;	
}

.shop_ordercell a:link,
.shop_ordercell a:active,
.shop_ordercell a:visited {
	color : #FFFFFF;
	text-decoration : none;
	font-size : 11px;
}
.shop_ordercell a:hover{
	color : #848484;
	text-decoration : none;
	font-size : 11px;
}

.shop_ordercell_on{
	background-image : url(../images/farmazorg/btn_order_on.gif);
	background-position : top;
	background-repeat : no-repeat;
}

.shop_pageNav_middle TD{
	background-color : #EAEAEA;
}

.shop_prodrowseparator {
	height: 1px;
	background-color: #c5c5c5;
}
.BtnNext {
	/*//background-image: url(../images/hr_standard/button.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/hr_standard/button.gif', sizingMethod='scale');*/
	background-color: #441534;		
	background-repeat: no-repeat;
	width: 143px;	
	height: 20px;
	cursor: hand;
	border: 0px none;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;	
	color: #FFFFFF;	
}
/* SHOP CLASSES ORDERING STEPS ------------------------------------------------------------ */
.styOrderSteps {
	background-image: url(../images/farmazorg/bg_pix_dark.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	height: 80px;
}
.styOrderStepActive {
	background-image: url(../images/farmazorg/orderStepActive.gif);
	background-repeat: no-repeat;
	height: 42px;
	width: 34px;
}

.styOrderStepInActive {
	background-image: url(../images/farmazorg/orderStepInActive.gif);
	background-repeat: no-repeat;
	height: 42px;
	width: 34px;	
}

.styOrderStepCurrent {
	background-image: url(../images/farmazorg/orderStepCurrent.gif);
	background-repeat: no-repeat;
	height: 42px;
	width: 34px;	
}

.styOrderStepBetween {
	background-image: url(../images/farmazorg/orderStepBetween.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 32px;	
}

/* ---------------------------------------------------------------------------------- */
