html, body, ul, h2, h3, h4, img { margin:0; padding:0; border:0; }
body { background: url("/images/bg.gif") #eeeeee repeat-x; }

/* RTE IE7-tab fix */
/* .Apple-tab-span { white-space: normal; width: 10px; overflow: hidden; background:url(/images/menu-bg.gif) no-repeat; } */

/*html, body { min-height:100%; height:100%; }*/
body { color: #6d6a6a; font: 12px verdana; }
#content { 
  margin: 0px auto; 
  width:947px;	
  min-height: 800px;
  padding-bottom:20px;
  padding: 15px;
  background: white;
  border-left: #d0d0d0 1px solid;
  border-right: #d0d0d0 1px solid;
}

.fyll_ej { display: none; }
#fyll_ej { display: none; }

.campaign { padding: 5px; }
.supplier { width: 335px; height: 240px; float: right; padding: 10px; margin: 10px; background: #dddddd; }

#slides { float: right; width: 300px; padding: 10px 5px 5px 5px; margin-top: 15px; }
#slides img { float: right; }

#topper { clear:both; float:left; }
#topper img { clear:both; float:left; padding: 5px 0px 5px 0px; }

.text { width: 700px; line-height: 150%; } 
hr { border: 0px; border-top: 1px solid #cccccc; }

.pagination { float: right; }

.product { border-bottom: 1px solid #cccccc; height: 160px; text-align: left; }
.product img { float: left; padding-right: 20px; }
.product h3 { display: block; font: bold 13px arial;}

#path_navigation { width: 944px; font: bold 12px verdana; margin: 5px 0px 10px 0px; padding-bottom: 2px; color: #b8b7b7; border-bottom: #bbbbbb 1px solid; float: left;}
#path_navigation a, #path_navigation h1 { font: bold 12px verdana; display: inline; color: #b8b7b7; text-decoration: none; }

a { color: #b8b7b7; color: #459178; text-decoration: none; }
a:hover { color: #11523C; }

#wrapper { clear:both; float:left; width:947px; }

#main #top_line { width: 695px; border-top: #bbbbbb 1px solid; margin-top: 10px; padding: 10px 0px 0px 10px; }
#main {	clear: right; float:left; width: 750px; padding: 0px 0px 0px 10px; line-height: 150% }
#main p {  margin-top:1px; margin-bottom:0; } 
#main h2 { padding-top:5px; }
#main abbr { color:#777; display:block; padding-top:5px; font: italic 11px verdana;  }
#main .softlinks { padding-right:15px; color:#666; }
#main ul { padding-left: 20px; }
#main li { padding: 5px; }

.home_image {
  padding: 10px;
  width: 240px;
  float: right;
  border: #c9d2cb 1px solid;
  background: #eef1ee;
  margin-left: 20px;
  text-align: center;
  margin-bottom: 50px;
}

h1 { font-size:18px; color:#11523c; display:block; margin: 0px; padding: 8px 0px 3px 0px;  }
h2 { font-size:16px; color:#11523c; }
h3 { font-size:15px; color:#11523c; }
h4 { font-size:12px; color:#11523c; }

#top_block { width: 746px; border-bottom: #bbbbbb 1px solid; padding: 0px 0px 10px 0px; }
#top_block img { border: red 0px solid; }

#slideshow_wrapper2 { background: url(/images/frontbox.png); width: 745px; margin-bottom: 0px; height: 190px; }
#slideshow_wrapper2 #slideshow { width: 423px; padding: 0px; margin: 0px; }
#slideshow_wrapper2 #slideshow img { display: none; padding: 0px; margin: 0px; }

#slideshow_wrapper { width: 944px; height: 255px; margin-bottom: 20px; }
#slideshow_wrapper #slideshow { width: 745px; margin: 0px; padding: 0px; }
#slideshow_wrapper #slideshow img { display: none; margin: 0px; padding: 0px; }

#nav { font: bold 12px verdana; float: right; margin-top: -14px; padding: 0px; display: inline; color: #333333; }
#nav a { font: bold 12px verdana; margin: 0px; padding: 0px; text-decoration: none; color: black; }
#nav a.activeSlide { font-weight: bold; color: #11523C; }

#images { margin-top:60px; }

address a, address a:hover { color: #11523C; font: 11px verdana; }
address {
  clear:both;
	width:947px;
  margin: 0px auto; 
  margin-bottom: 0px;
 
  height: 110px; 
	text-align:left;
  font: 11px verdana,arial;
  color: #707070;
  background: url(/images/dinsyn_footer.png) no-repeat;
  background: #CAD6D2;
  border-top: solid #707070 0px;
  padding: 15px;
  border-left: #d0d0d0 1px solid;
  border-right: #d0d0d0 1px solid;
}



#menu {
  clear: both;
  float: left;
  width: 944px;
  height: 48px;
  list-style: none;
  margin: 0px;
  padding: 0px; 
  background:url(/images/menu-bg.png) no-repeat;
}
#menu li {
  margin: 0px;
  padding: 0px;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 1px;
  float:left; 
  display:block; 
  border-right:1px solid #3e6624; 
  border-left:1px solid white; 
}
#menu li#first { border-left:none; padding-left: 10px; }
#menu li#last { border-right:none; padding-right: 10px;}
#menu li a { font: 1.4em verdana; margin: 0px; padding:5px 14px; color:#8A8A8A; text-decoration:none; display:block; text-transform: uppercase;}
#menu li:hover { background:url(/images/menu_dark.png) repeat-x; }
#menu li.active { background:url(/images/menu_dark.png) repeat-x; }



#sidebar { float:left; width:185px; padding-right:0px;}
#sidebar ul { list-style: none; padding: 0px; margin: 0px 0px 10px 0px; }
#sidebar li { list-style: none; }

#sidebar a { text-decoration: none;  font: 13px verdana; }
#sidebar .blockmenu a { width: 165px; border-bottom: #dddada 1px solid; display: block; padding: 4px 0px 4px 20px; color: #4d4a4a; margin: 0px; }
#sidebar .blockmenu a:hover { background: #dddddd; }
#sidebar .blockmenu li.active a { background: #dddddd; color: #11523C; }

#sidebar h2 { background: #11523c; color: white; text-transform: lowercase, uppercase; letter-spacing: 1px; font: bold 13px arial,verdana, arial; padding: 6px 0px 6px 15px; margin-bottom: 3px; }
#sidebar h3 { color: #11523c; padding: 0px 0px 2px 0px; }
#sidebar .box {	padding:0px 10px 10px 10px; border-bottom:1px solid #b8b7b7; margin-bottom: 10px; }
#sidebar abbr { color:#777; display: inline; }
#sidebar a { color: #4d4a4a;}
#sidebar span { width: 160px; border-bottom: #dddada 1px solid; display: block; padding: 9px 0px 9px 20px; margin: 0px; color: #4d4a4a;}
#sidebar .small { font: 10px verdana; color: #999999; padding-bottom: 4px; }
#sidebar .small a { font: 10px verdana; color: #11523C; }
#sidebar hr { border: 0px; border-top: 1px solid #cccccc; }



#blogposts { padding: 1px; float: left; }
#blogposts a:hover { color: black; }
#blogposts a { text-decoration: none; }
#blogposts .title { font: bold 2.5em arial; margin: 0px; padding: 0px; }
#blogposts .link { background: white; padding: 5px; }

#blogposts #sidebar { width:180px; float: left; border: 0px; margin: 10px; background: #eeeeee; }
#blogposts #sidebar ul { margin: 0px; padding: 0px; list-style: none; }

#blogposts .blogpost { float: left; width: 650px; margin: 0px 0px 30px 0px;}

.comments { width: 450px; background: url("/images/whitening_70.png") repeat-x; font: 11px verdana; padding: 5px; }
.blogpost_comments { width: 500px; font: 11px verdana; padding: 5px; margin: 0px auto auto 0px;}
.blogpost_comments { float: right; clear: both; display: none; width: 100%; padding: 0px; margin: 0px; padding-top: 10px; text-align: center;}
.blogpost_comments #new { width: 400px; margin: 0px auto; padding-top: 20px; padding-bottom: 20px; clear: both; }
#blogpost_comments p { margin: 0px; padding: 0px; }

.blogpost_comment #delete img { vertical-align: middle; padding-bottom: 4px; }
.blogpost_comment #delete { font: 11px verdana; float: right; margin-left: 5px; }
.blogpost_comment { width: 500px; background: url(/images/comment_bg.png); padding: 10px; text-align: left; margin: 5px auto; font: 15px verdana,comic sans; }
.blogpost_comment .title strong { font: bold 11px verdana; text-decoration: none, underline; }
.blogpost_comment .title { font: 11px verdana; margin-bottom: 3px; }

.blogpost { margin: 0px; padding-bottom: 10px; border-bottom: #bbbbbb 1px solid; line-height: 150%; }
.blogpost .title { font: bold 2.5em arial; margin: 0px; padding: 0px; }
.blogpost .date { background: blue; background: #85a2dc; text-align: center; float: right; color: #111111; font: 20px arial; height: 50px; width: 50px; }
.blogpost .edit { float: right; text-align: right; width: 140px; color: #aaaaaa; font: 10px verdana; }


.flash {
  padding: 15px;
  width: 250px;
  font: 12px verdana;
  margin: 20px auto;
  clear: both;
  text-align: center;
}
#notice {
  color: black;
  background: #F5CA53;
  border: solid 1px #93792F;
}
#error {
  color: black;
  background: #D92F2F;
  border: solid 1px #881F1F;
}
#message {
  color: black;
  background: #2D41F4;
  border: solid 1px #1C2893;
}


.comments {
  width: 100%;
  font: 11px verdana;
  text-align: left;
  display: none;
  background: #eeeeee;
  padding: 5px 5px 5px 5px;
  border-top: 1px solid #dddddd;
  margin-top: 5px;
  clear: both;
}
.comments #new {
  width: 400px;
  margin: 0px auto;
  padding-top: 20px;
  padding-bottom: 20px;
  clear: both;
}
.comments hr { border: 0px; border-top: 1px solid #dddddd; margin-top: 10px; margin-bottom: 10px; }

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

.comment #delete img {
  vertical-align: middle; 
  padding-bottom: 4px;
}
.comment #delete {
  font: 11px verdana;
  float: right;
  margin-left: 5px;
}
.comment {
  width: 400px;
  background: url(/images/comment_bg.png);
  padding: 10px;
  text-align: left;
  margin: 5px auto;
  font: 13px verdana,comic sans;
}
.comment .title strong {
  font: bold 11px verdana;
  text-decoration: none, underline;
}
.comment .title {
  font: 11px verdana;
  margin-bottom: 3px;
}



/*
 * 
 * iForm ver 2.0
 *
 *
 */
.errorExplanation {
  background: #bbbbbb;
  padding: 5px;
}
.errorExplanation p {
  display: block;
  clear: both;
}
.errorExplanation ul {
  display: block;
  color: red;
}
fieldset.iform .fieldWithErrors {
  float: left;
  display:inline;
}
fieldset.iform .fieldWithErrors input {
  color: red;
}


fieldset.iform p {
  font: 11px verdana;
  color: #888888;
  vertical-align: middle;
  text-align: left;
  float: left;
  clear: left;
  padding-bottom: 1em;
  margin: 0em;
  white-space: nowrap;
  width: 100%;
}

fieldset.iform .separator {
  border-bottom: solid 1px black;
  padding-bottom: 10px;
  clear: left;
  display: block;
}

fieldset.iform {
  position: relative;
  float: left;
  clear: both;
  width: 95%;

  margin: 2em 0 -1em 0;
  padding: 0 0 1em 0;
  padding: 8px;
  
  border-style: none;
  border: 1px solid #BFBAB0;
  background: white;
}
fieldset.iform legend {
  padding: 0;
  color: black,#545351;
  font-weight: bold;
}
fieldset.iform legend span {
  position: absolute;
  left: 0.74em;
  top: 0;
  margin-top: 0.5em;
  font-size: 155%;
}
fieldset.iform fieldset form {
  padding: 3.5em 1em 0 1em;
  list-style: none;
}

fieldset.iform #comment_submit {
  margin-left: 9em;
}
fieldset.iform fieldset.submit {
  float: none;
  width: auto;
  border-style: none;
  padding-left: 12em;
  background-color: transparent;
}
fieldset.iform label {
  white-space: nowrap;
  color: black;
  font: bold 13px verdana;
  float: left;
  width: 12em;
  margin-right: 1em;
  text-align: left;
}