/* ============================================ */
/* deal-ermee.nl                            		*/
/* Website styles                               */
/* Medium: screen                            		*/
/* -------------------------------------------- */
/* Copyright Hic et Nunc                  	  	*/
/* www.hicetnunc.nl - info@hicetnunc.nl         */
/* ============================================ */

/* ========== common HTML styles ========== */

/* headings */
h1, h2, h3, h4, h5, h6 {
	color: #fff;
	font-weight: 400; 
	letter-spacing: 1px;	
}
h1 { font-size: 1.6em; margin-top: 2em; margin-bottom: 1em; }
h2 { font-size: 1.3em; margin-top: 2em; }
h3, h4, h5, h6 { font-size: 1.2em; font-style: italic; margin-bottom: -1em; }

/* default links */
a:link, a:visited {
	color: #fff;
	text-decoration: underline;
}
a:hover {
	color: #000;
	text-decoration: underline;
}

/* listings */
ul, ol {
	margin: 0;
	margin-left: .7em;
	padding: 0;
	padding-left: .7em;
}
li { line-height: 1.3em; }

/* form and related tag styles */
form {
	margin: 0;
	padding: 0;
}
input, textarea {
	margin: 0;
	padding: 1px 1px 1px 3px;
	font: normal 9pt Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}
select {
	margin: 0;
	padding: 0;
	font: normal 9pt Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}

/* table */
td { font-size: .9em; }

/* ========== custom styles ========== */

hr, div.hr {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	border-top: 1px solid #c1bed1; /* color1 */
}

.quote {
	margin-bottom: 1em;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.5em;
	font-weight: 200;
	font-style: italic;
}

.small {
	font-size: 90%;
	color: #c1bed1;
}

.smallRed {
	color: red;
}

a.return2list:link, a.return2list:visited {
	font-size: 1em;
	font-weight: bold;
	color: #c1bed1;
	text-decoration: none;
}
a.return2list:hover {
	color: #fff;
	text-decoration: underline;
}

/* form table */
.formTBL { 
	margin-top: 2em;
	font-size: 110%;
	border: 1px solid #c1bed1; 
}
.formTBL th { 
	padding: 2px 5px 2px 5px;
	color: #000;
	text-align: left;
	background-color: #c1bed1;
}
.formTBL td { padding: 5px; }
.formTBL td.label { font-weight: bold; }

/* misc table styles */
td.spacerLineRed {
	height: 1px;
	padding: 0px;
	margin: 0px;
	background-color: red;
}
td.spacerLineColor {
	height: 1px;
	padding: 0;
	margin: 0;
	background-color: #c1bed1;
}

td.spacer {
	height: 4px;
	padding: 0px;
	margin: 0px;
}

td.spacerColor1 {
	background-color: #c1bed1;
	height: 4px;
	padding: 0px;
	margin: 0px;
}
td.spacerColor2 {
	background-color: #464464;
	height: 4px;
	padding: 0px;
	margin: 0px;
}



td.quizAnswer {
	color: #464464;
	background-color: #fff; 
}

/* ========== drugsbase-item TOC ========== */

#drugsbaseTOC {
	margin-bottom: 1em;
	padding: 5px 0 5px 0;
	border: 1px solid #464464;
	background-color: #c1bed1;
}
#drugsbaseTOC ul {
	margin: 0;
	margin-left: 1.2em;
	padding: 0;
	padding-left: 1.2em;
}
#drugsbaseTOC li { line-height: 2em; }
#drugsbaseTOC a:link, #drugsbaseTOC a:visited {
	display: block;
	color: #464464;
	font-weight: bold;
	text-decoration: none;
}
#drugsbaseTOC a:hover {
	color: #000;
	text-decoration: underline;
}

/* ========== FAQ ========== */

ul.FAQlisting { margin-bottom: 1em; }
ul.FAQlisting li { line-height: 1.2em; }
ul.FAQlisting a:link { text-decoration: none; }
ul.FAQlisting a:hover { color: #fff; text-decoration: underline; }

.FAQanswer { line-height: 1.2em; }

/************************************************/
/* Window PopUp styles                          */
/************************************************/

td.popupContent {
	font-size: 70%;
	padding: 20px;
}

td.popupFooter {
	text-align: center;
	padding: 10px
}

/* Button */
.buttonBorder {	
	font: bold 11px Arial, sans-serif;
	color: #464464;
	letter-spacing: 1px;
	white-space: nowrap;
	text-decoration:none;
	padding: 1px;
	margin: 7px 0px 7px 0px;
	padding: 2px 3px 2px 3px;
	border: 1px solid #464464;
	background: #c1bed1;
}
a.buttonBorder:link, a.buttonBorder:visited {	
	font-size: 70%;
	font-weight: bold;
	color: #464464;
	letter-spacing: 1px;
	text-decoration:none;
	padding: 1px;
	margin: 0;
	padding: 2px 3px 2px 3px;
	border: 1px solid #464464;
	background: #c1bed1;
}
a.buttonBorder:hover {	
	color: #000;
	letter-spacing: 1px;
	text-decoration: none;
	border: 1px solid #000;
	background: #fff;
}

/* __________ right bar side info box __________ */


.sideInfo {
	margin: 0;
	padding: 0;
	font-size: .65em;
	font-weight: normal;
	line-height: 1.5em;
	color: #c1bed1;
	background-color: #464464;
	text-align: left;
}
.sideInfoHeader {
	text-transform: uppercase;
	padding-bottom: 10px;
	font-weight: bold;
	letter-spacing: 1px;
	border-bottom: 1px solid #c1bed1;
}
.sideInfo ul {
	margin-left: .9em;
	padding-left: .9em;
}
/********* SHOP Product Display *********/

.productDisplayTBL {
	padding: 0;
	margin: 0;
	margin-bottom: 1em;
	border:1px solid #c1bed1;
}

.productDisplayTBL td {
	padding: 2px 3px 2px 5px;
	margin: 0px;
}

td.productDescription {
	padding: 10px;
}

td.bgGrey {
	background-color: #c1bed1;
}

td.addToCartRow {
	font: bold 60% Verdana, Arial, Helvetica, sans-serif;
	border-top: 1px solid #c1bed1;
	border-bottom: 1px solid #c1bed1;
	background-color: #c1bed1;
}

.addToCartRow a:link, .addToCartRow a:visited {
	color: #555;
	text-decoration: none;
}
.addToCartRow a:hover {
	color: #000;
	text-decoration: none;
}

/* photo */

#fullsizePhoto {
	margin-bottom: 10px;
	padding: 10px;
	text-align: center;
	border: 1px solid #c1bed1;
}
#fullsizePhotoFooter {
	padding: 10px;
	text-align: left;
	border: 1px solid #c1bed1;
}

#photoList {
	position: relative; 
	width: 115px; 
	height: 350px; 
	margin: 0;	
	padding: 0; 
	overflow: auto; 
	text-align:center;
}
#photoList img {
	display: block;
	margin-bottom: 5px;
	border: 1px solid #666;
}
