/* CSS Document - dcm-info.com - Coded by Group de Ceuster */
/****** HTML styles ******/
body {
	background-color: #FFFFFF;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #005841;
	margin: 0px;
	padding: 0px;
}
td {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #005841;
}
p {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #005841;
	margin-top: 0px;
	margin-bottom: 10px;
}
a {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #7BC142;
	text-decoration: none;
}
a:hover {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #7BC142;
	text-decoration: none;
}
/*this avoids having image replacement sections display a dotted outline*/ 
a:focus {
	-moz-outline-style: none;
	outline-style: none;
}
h1 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #005841;
	margin-top: 0px;
	margin-bottom: 12px;
}
h1 a {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #88BA2C;
	text-decoration: none;
}
h1 a:hover {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #88BA2C;
	text-decoration: underline;
}
h2 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #005841;
}
h3 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #88BA2C;
}
h4 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 5px;
}
h5 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	text-align: center;
	margin-top: 0px;
}
hr {
	border: 0px;
	color: #7FABA0;
	height: 1px;
	width: 100%;
	font-size: 1px;
}
blockquote {
	padding-left: 15px;
	margin: 0px 0px 10px 0px;
}
ul {
	list-style-position: outside;
	padding-left: 15px;
	margin: 0px 0px 10px 0px;
}
li {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #005841;
}
a img {
	border: 0;
}
/*
input.button {
	cursor: pointer;
}
input.image {
	cursor: pointer;
}
input.text {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	border: 1px solid #005841;
}
textarea.text {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	border: 1px solid #005841;
}
select {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	border: 1px solid #005841;
}
form {
	padding: 0px;
	margin: 0px;
}
*/
span.minigran {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
/****** TYPO styles ******/
#breadcrumbs {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7FABA0;
	margin-bottom: 5px;
}
#breadcrumbs a {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #7FABA0;
	font-weight: normal;
	text-decoration: none;
}
#breadcrumbs a:hover {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #7FABA0;
	font-weight: normal;
	text-decoration: underline;
}
#TextWrap {
	float: left;
	margin-bottom: 10px;
}
/****** CUSTOM styles ******/
.red {
	color: #CC0000;
}
.printonly {
	display: none;
}
.vline {
	background: url(/images/gui/px7FABA0.gif) repeat-y center;
}
.hline {
	background: url(/images/gui/px7FABA0.gif) repeat-x center;
}
.hline_dotted {
	background: url(http://www.dcm-info.com/images/gui/px7FABA0_dotted.gif) repeat-x center;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 5px;
}
img.left {
	margin-right: 12px;
	margin-bottom: 5px;
}
img.right {
	margin-left: 12px;
	margin-bottom: 5px;
}
div.hr {
	float: left;
	height: 1px;
	width: 100%;
	background: url(/images/gui/hr_rep.gif) repeat-x center;
	margin: 0px 0px 10px 0px;
}
div.hr hr {
	display: none;
}
div.txtWrap {
	float: left;
	clear: both;
	width: 460px;
	margin-bottom: 10px;
}
div#flash {
	float: left;
	margin-bottom: 10px;
}
div#player {
	float: left;
	margin-bottom: 10px;
}
p.ref {
	font-size: 11px;
	color: #005841;
	font-style:italic;
	text-align: right;
	font-weight: bold;
	margin-top: 5px;
}
/****** GUI styles ******/
#MainFrame {
	width: 900px;
	position: relative;
	margin: 0 auto;
}
#HeaderTop {
	width: 900px;
	height: 40px;
	background: url(/images/gui/top_nav_bg.jpg) no-repeat 0px 0px;
	float: left;
}
#HeaderTop #TopNav {
	margin-top: 10px;
	float: right;
	text-align: right;
}
#RegionPickerBox {
	display: none;
	left: auto;
	right: 185px;
	position: absolute;
	top: 30px;
	width: 157px;
	z-index: 10;
}
#RegionPickerBox #Box-wrapper {
	display: block;
	float: left;
	width: 157px;
	background: url(/images/gui/box_FFFFFF_157x200.png) no-repeat 0px 0px;
	text-align: right;
}
#RegionPickerBox #Box-content {
	padding: 10px 12px 0px 10px;
}
#RegionPickerBox .list img {
	padding-bottom: 3px;
}
#RegionPickerBox #Box-bottom {
	float: left;
	width: 157px;
	height: 8px;
	background: url(/images/gui/box_FFFFFF_157x200_bot.png) no-repeat 0px 0px;
}
#PrintLogo {
	margin-left: 25px;
}
#TopNav .item {
	padding-left: 15px;
	padding-right: 16px;
	float: left;
	background: url(/images/gui/top_div.gif) no-repeat left center;
}
#TopNav .first {
	padding-left: 0px;
	background: none;
}
#TopNav .search {
	padding-right: 0px;
}
#TopNav input.text {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #005841;
	border: 1px solid #005841;
}
#HeaderImg {
	width: 900px;
	height: 128px;
	float: left;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#Nav {
	width: 500px;
	height: 21px;
	position: relative;
	left: 212px;
	top: 102px
}
#Nav .item {
	padding-left: 14px;
	padding-right: 15px;
	float: left;
	background: url(/images/gui/nav_div.gif) no-repeat left center;
}
#Nav .first {
	padding-left: 0px;
	background: none;
}
#CenterFrame {
	float: left;
	width: 900px;
	background-repeat: no-repeat;
	background-position: right top;
}
#LeftFrame {
	float: left;
	width: 195px;
	min-height: 485px;
	background: url(/images/gui/left_nav_bg.jpg) no-repeat 0px 0px;
}
#FrameWrapper {
	width: 705px;
	float: left;
	margin-top: 24px;
}
#ContentFrame {
	width: 510px;
	float: left;
	background: url(/images/gui/vr_rep.gif) repeat-y right;
	min-height: 460px;
}
#ContentBox {
	width: 460px;
	margin: 0px 0px 0px 25px;
}
#Footer {
	float: left;
	width: 900px;
	height: 170px;
	background: url(/images/gui/footer.gif) no-repeat 0px 0px;
}
#Footer p {
	margin-top: 120px;
	text-align: center;
	font-size: 11px;
}
#Footer a {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #005841;
	text-decoration: underline;
}
#Footer a:hover {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #005841;
	text-decoration: underline;
}
/****** RightFrame styles ******/
#RightFrame {
	width: 160px;
	float: left;
	padding-left: 16px;
	padding-top: 0px;
}
#BigBut01 {
	float: left;
	width: 160px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	cursor: pointer;
	margin-bottom: 6px;
}
#BigBut01 #Top {
	float: left;
	width: 160px;
	height: 5px;
	background: url(/images/gui/bigbut01.gif) no-repeat 0px 0px;
	font-size: 1px;
	cursor: pointer;
}
#BigBut01 #Con {
	float: left;
	width: 130px;
	background: url(/images/gui/bigbut01.gif) no-repeat 0px bottom;
	min-height: 43px;
	padding: 2px 15px 10px 15px;
	cursor: pointer;
}
#BigBut02 {
	float: left;
	width: 160px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	cursor: pointer;
	margin-bottom: 6px;
	margin-top: 6px;
}
#BigBut02 #Top {
	float: left;
	width: 160px;
	height: 69px;
	cursor: pointer;
}
#BigBut02 #Con {
	float: left;
	width: 120px;
	background: url(/images/gui/bigbut01.gif) no-repeat 0px bottom;
	padding: 4px 25px 6px 15px;
	cursor: pointer;
}
#BigBut03 {
	float: left;
	cursor: pointer;
	margin-bottom: 6px;
}
/****** ADMIN styles ******/
#LoginBox {
	width: 200px;
}
#LoginBox .item {
	float: none;
}
#LoginBox input {
	margin-bottom: 5px;
}
#AdminBox input.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	border: 1px solid #696969;
	width: 452px;
	height: 16px;
	padding: 3px;
	margin-bottom: 5px;
}
#AdminBox input.small {
	width: 125px;
	height: 14px;
}
#AdminBox input.med {
	width: 300px;
	height: 14px;
}
#AdminBox input.button {
	border: 1px solid #737357;
	background-color: #C7C78F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 100px;
	cursor: pointer;
}
#AdminBox div {
	margin-bottom: 5px;
}
#AdminBox #TapSelect {
	clear: both;
	width: 440px;
	padding-left: 20px;
	background: url(/images/button/admin/tap_rep.gif) repeat-x 0px 0px;
}
#AdminBox .tap {
	clear: both;
	float: left;
	width: 440px;
	padding-left: 20px;
	border-bottom: solid #7FABA0 1px;
}
#AdminBox .tap ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#AdminBox .tap li {
	float: left;
	background: #E7EFED;
	border: solid #7FABA0 1px;
	border-bottom: none;
	padding: 1px 10px;
}
#AdminBox .tap li.active {
	background: #7FABA0;
}
#AdminBox .tap a {
	text-decoration: none;
	cursor: pointer;
	color: #005841;
	font-weight: normal;
}
#AdminBox .tap a img {
	float: left;
	margin-right: 3px;
}
.ButtonWrap {
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 5px;
}
.ButtonWrap img {
	float: left;
}
.ButtonWrap .IconWrap {
	float: right;
}
#TimeStamp {
	margin-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #888888;
}
/****** ARTICLE styles ******/
#ArticleWrap {
	float: left;
	margin-bottom: 10px;
}
#ArticleWrap #Thumb {
	float: left;
	width: 130px;
}
#ArticleWrap #ThumbTxt {
	float: left;
	width: 330px;
}
#ArticleWrap #Txt {
	float: left;
	width: 460px;
}
#ArticleWrap a {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #005841;
	text-decoration: underline;
}
#ArticleWrap a:hover {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #005841;
	text-decoration: underline;
}
#ArticleWrap h1 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #005841;
	margin-top: 0px;
	margin-bottom: 8px;
}
#ArticleWrap h2 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #005841;
	margin-top: 0px;
	margin-bottom: 0px;
}
#ArticleWrap h2 a {
	font-size: 13px;
	color: #005841;
	text-decoration: none;
}
#ArticleWrap h2 a:hover {
	font-size: 13px;
	color: #005841;
	text-decoration: none;
}
/****** PRODUCT styles ******/
.rcorner {
	margin-top: 6px;
	margin-bottom: 12px;
}
#ProductHeader {
	float: left;
	width: 460px;
}
#ProductWrap {
	float: left;
	margin-bottom: 10px;
}
#ProductWrap #Thumb {
	float: left;
	width: 105px;
}
#ProductWrap #Txt {
	float: left;
	width: 355px;
}
#ProductWrap #spacer {
	height: 10px;
	width: 250px;
}
.h1list {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 0px 15px;
}
.h1list a {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}
.h1list a:hover {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
}
.h1product {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 16px;
}
.h2product {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #005841;
	margin-bottom: 10px;
}
.h2product a {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #005841;
	text-decoration: none;
}
.h2product a:hover {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #005841;
	text-decoration: underline;
}
.h3product {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #7FABA0;
}
#pImg {
	float: left;
	width: 210px;
}
#pData {
	float: left;
	width: 250px;
	margin-bottom: 10px
}
#pData #spacer {
	height: 10px;
	width: 250px;
}
#pData ul {
	margin: 0px;
	list-style-position: outside;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.productdata td {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #005841;
}
.productdata .labelrow {
	padding-left: 15px;
}
.productdata .txtrow {
	padding-left: 14px;
	padding-right: 14px;
	border-left: solid #7FABA0 1px;
	border-right: solid #7FABA0 1px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.productdata .border {
	background-image: url(/images/gui/px7FABA0.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}
#pType {
	float: left;
	width: 210px;
	margin-bottom: 10px
}
#pDate {
	float: left;
	width: 210px;
	margin-bottom: 10px
}
/****** PRODUCT medium styles ******/
#MedProductWrap {
	float: left;
	margin-bottom: 10px;
}
#MedProductHead {
	float: left;
	width: 460px;
	padding: 5px 0px 7px 0px;
	background: url(/images/gui/prodbox_head.gif) no-repeat 0px 0px;
}
#MedProductBot {
	float: left;
	width: 460px;
	background: url(/images/gui/prodbox_bot.gif) no-repeat 0px bottom;
	padding: 12px 0px;
}
#MedProductWrap #Thumb {
	float: left;
	padding: 0px 0px 5px 1px;
}
#MedProductWrap #DataWrap {
	float: left;
	width: 344px;
}
#MedProductWrap #DataBox {
	float: left;
	width: 344px;
	margin-bottom: 5px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #005841;
}
#MedProductWrap #DataBox .head {
	background: url(/images/gui/proddatabox_344.gif) no-repeat 0px 0px;
	padding: 4px 15px 5px 15px;
	color: #88BA2C;
}
#MedProductWrap #DataBox .sub {
	background: url(/images/gui/proddatabox_344.gif) no-repeat 0px -5px;
}
#MedProductWrap #DataBox .row {
	background: url(/images/gui/proddatabox_344.gif) no-repeat 0px -32px;
	padding: 4px 15px 5px 15px;
}
#MedProductWrap #DataBox .foot {
	background: url(/images/gui/proddatabox_344.gif) no-repeat 0px bottom;
	padding: 4px 15px 7px 15px;
}
#MedProductWrap #DateBox {
	float: left;
	width: 344px;
	height: 48px;
	background: url(/images/gui/proddatebox_344.gif) no-repeat 0px 0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
}
#MedProductWrap #DateBox .head {
	padding: 4px 15px 5px 15px;
	text-align: center;
}
#MedProductWrap #DateBox .date {
	padding: 0px 0px 7px 0px;
	text-align: center;
}
/****** SEARCH/INPUT styles ******/
#InputBox {
	float: left;
	margin-bottom: 10px;
}
#InputBox .item {
	float: left;
}
#SearchResult {
	float: left;
}
#SearchResult b {
	font-weight: bold;
	font-size: 14px;
}
#SearchResult a {
	font-weight: normal;
	color: #7BC142;
}
#SearchResult a:hover {
	font-weight: normal;
	color: #005841;
}
/****** SEARCH PLANT styles ******/
#PlantResult {
	float: left;
	width: 460px;
}
#PlantResult a {
	font-weight: normal;
	color: #005841;
}
#PlantResult a.active {
	color: #7BC142;
}
#PlantResult a:hover {
	font-weight: normal;
	color: #7BC142;
}
#PlantResult #SearchBox {
	float: none;
	width: 460px;
	text-align: center;
}
#PlantResult #SearchBox form {
	margin-top: 4px;
	margin-bottom: 10px;
}
/**** contact form styles ****/

#contactForm {
	width: 355px;
}
#contactForm label {
	float: left;
	width: 100px;
	font-weight: bold;
}
#contactForm input.text {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #005841;
	border: none;
	width: 244px;
	height: 16px;
	padding: 3px;
	margin-bottom: 3px;
	background-color: none;
	background-image: url(/images/gui/input_250.gif);
}
#contactForm input.button {
	margin-left: 100px;
	margin-bottom: 5px;
	outline: none;
}
#contactForm select {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #005841;
	border: none;
	width: 250px;
	padding: 3px;
	margin-bottom: 3px;
	background-color: none;
	background-image: url(/images/gui/input_250.gif);
}
#contactForm textarea {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #005841;
	border: none;
	width: 244px;
	height: 82px;
	padding: 3px;
	margin-bottom: 3px;
	background-color: none;
	background-image: url(/images/gui/textarea_250.gif);
}
#contactForm #reply h1 {
	text-align: center;
}
#contactForm #reply p {
	text-align: center;
}
#contactForm p.error {
	color: #FF0033;
	width: 250px;
	margin-left: 100px;
	padding-left: 5px;
}
/**** contact info styles ****/
#contactForm .ItemWrap {
	height: 32px;
	width: 350px;
	background: url(/images/gui/info_select.gif) no-repeat;
}
#contactForm .ItemInfo {
	color: #FFF;
	font-weight: bold;
	padding-top: 4px;
	padding-left: 35px;
	float: left;
}
#contactForm .ItemCheck {
	height: 20px;
	width: 20px;
	float: right;
	padding-top: 2px;
	padding-right: 8px;
}
#contactForm .checkbox {
	float: left;
	-moz-margin-top: 4px;
}
/******************************* content slider styles *******************************/
#SliderWrapper {
	float: left;
}
#loopedSlider {
	margin: 5px auto;
	width: 460px;
	position: relative;
}
#loopedSlider .container {
	width: 398px;
	height: 259px;
	overflow: hidden;
	position: relative;
	margin-left: 31px;
}
#loopedSlider .slides {
	position: absolute;
	top: 0;
	left: 0;
	width: 398px;
}
#loopedSlider .slides div {
	position: absolute;
	top: 0;
	display: none;
}
#loopedSlider a img {
	border-style: none;
}
#loopedSlider a.previous {
	position: absolute;
	top: 0px;
	left: 0px;
}
#loopedSlider a.next {
	position: absolute;
	top: 0px;
	right: 0px;
}
#loopedSlider a:focus {
	-moz-outline-style: none;
	outline-style: none;
}
#loopedSlider ul.pagination {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin: 9px auto;
	width: 71px;
}
#loopedSlider ul.pagination li {
	float: left;
	padding: 0;
	margin: 0 5px;
}
#loopedSlider ul.pagination a {
	display: block;
	width: 12px;
	padding-top: 12px;
	height: 0;
	overflow: hidden;
	background-image: url(/images/button/pagination.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#loopedSlider ul.pagination li.active a {
	background-position: 0 -12px
}
