/* Stylesheet for Kosters Plastics... */

/* For W3C browsers: make sure the entire window is filled. */
html { margin:0; padding:0; width:100%; height:100%; font-family: Arial, Helvetica, sans-serif;}

.site_body {
  width:100%;
  height:100%;
  margin:0px;
  padding:0px;

  overflow-x:hidden;
  background-color:#FFFFFF;
  color:#000000;
  z-index:1;
  font-family: Arial, Helvetica, sans-serif;
}

/* The appearance of the content iframe */
/* Here it can be choosen if the frameset has scrollbars, or the iframe.
 *   scrollbars in the iframe:   content_frame needs either a height or a bottom spec.
 *   scrollbars in the frameset: NO height or a bottom spec for content_frame
 *   DO NEVER SPECIFY height FOR content_body
 */

.content_frame {
  position:relative;
  width:100%;
  top:0px;
  padding:0px;
  margin:0px;
  visibility:hidden;
  z-index:1;
}

.content_body {
  margin:0px;
  padding:0px;
  padding-top:10px;
  padding-right:10px;
  color:#143D8D;
  font-size:11px;
  font-family: Arial, Helvetica, sans-serif;
  /*overflow:hidden;*/
}

a       { color:#143D8D; text-decoration:none; font-family: Arial, Helvetica, sans-serif; }
a:hover { text-decoration:underline; font-family: Arial, Helvetica, sans-serif; }

p  { color:#143D8D; font-size:13px; padding:0px; line-height:130%; font-family: Arial, Helvetica, sans-serif; }
h1 { color:#57B7DF; padding:0px; font-size:20px; font-style:normal; font-weight:normal; }
.h1_style { color:#143D8D; padding:0px; font-size:16px; font-style:normal; font-weight:normal; }

.cms_titel { color:#57B7DF; padding:0px; font-size:20px; font-style:normal; font-weight:normal; line-height:130%;}
h2   { font-size: 13px; }
h3   { font-size: 14px; }
h4   { font-size: 15px; }

hr { color:#CCCCCC; height:1px; padding:0px; margin:0px; }

ul, ul p {
  font-size: 12px;
  margin:0px;
  list-style-image:url(/p-httpd/_style/images/menu/bullet.gif);
  padding:10px;
  padding-top:5px;
  padding-bottom:5px;
  background-color:#E2F3FA;
  font-family: Arial, Helvetica, sans-serif;
}
ul li {
  font-size: 12px;
  margin-left:15px;
  list-style-image:url(/p-httpd/_style/images/menu/bullet.gif);
  font-family: Arial, Helvetica, sans-serif;
}
ol, ol p {
  font-size: 12px;
  margin:0px;
  padding:10px;
  padding-top:5px;
  padding-bottom:5px;
  background-color:#E2F3FA;
}
ol li {
  font-size: 12px;
  margin-left:20px;
  _margin-left:25px;
}

/* Nieuws - Used for news in the subpage... */
.nieuws      { padding:0px; margin:0px; }
.nieuws td p { padding-left:10px; }
.nieuws li   { padding:0px; }

.img_righttop { margin:0px; padding:0px; margin-left:10px; margin-bottom:5px; }
.img_lefttop  { margin:0px; padding:0px; margin-right:10px; margin-bottom:5px; }

.hallmark_img  { padding:0px; margin-left:5px; margin-right:5px; margin-bottom:10px; }
.page_pic      { padding:0px; margin:0px; }

/* QbSite specific... */
.response_form { font-size:12px; }

.colofon_frame   {
  position:relative;
  overflow:hidden;
  width:190px;
  margin:0px;
  padding:0px;
}

.subpage_frame   {
  position:relative;
  overflow:hidden;
  width:233px;
  margin:0px;
  padding:0px;
}

.subpage_body    {
  margin:0px;
  margin-right:10px;
  padding:0px;
  color:#143D8D;
  align:top left;
  font-size:14px;
  font-family: Arial, Helvetica, sans-serif;
}
.subpage_body a  { color:#143D8D; }

/* more class for the user to use in the WYSIWYG editor... */
.cms_more {
  text-decoration: none;
  color:#143D8D;
  font-weight: bold;
  font-size: 12px;
  padding-left: 10px;
  background-image:url(/p-httpd/_style/images/menu/bullet.gif);
  background-repeat: no-repeat;
  background-position: 0px 4px;
}
a.cms_more      { color:#143D8D; }
.cms_more:hover { color:#143D8D; }

/* Disclaimer popup... */
.disclaimer        { position:absolute; visibility:hidden; width:150px; color:#57B7DF; background-color:#FFFFFF; border: 1px solid #57B7DF; border-spacing: 0; font-size:10px; padding:4px; margin:0; z-index:10; }
.disclaim_text     { color:#57B7DF; font-size:11px; font-family: Arial, Helvetica, sans-serif;}
.disclaim_text a   { text-decoration:underline; }

.footer_info  {  height:20px; padding:0px; margin:0px; padding-top:0px; padding-bottom:5px;}
.nieuws_tag    { padding:0px; font-size:12px; font-weight:bold; }

/* Buttons in forms, e.g. mail response form... */
.cms_input    { height:20px; font-weight:bold; font-size:12px; background-color:#FFFFFF;}
.cms_subtitel { color:#143D8D; font-size:13px; font-style:normal; font-weight:bold; }
.cms_meer     { color:#143D8D; font-size:13px; font-style:bold; }
.cms_meer a, .cms_meer a:hover  { text-decoration:none; }

/* Additional standard colors... */
.cms_rood  { color:#FF0000; }
.cms_wit   { color:#FFFFFF; }
.cms_zwart { color:#000000; }
.cms_9px_font { font-size:9px; }
.cms_10px_font { font-size:10px; }
.cms_11px_font { font-size:11px; }
.cms_12px_font { font-size:12px; }
.cms_14px_font { font-size:14px; }
.cms_16px_font { font-size:16px; }
.cms_18px_font { font-size:18px; }

/* E-mail forms... */
.email_response_div             { width:100%; margin-left:0px; margin-right:0px; }
.email_response_required_fields { font-size:9px; font-style:italic; color:#444444; padding-right:10px; }

.mini_response_form    { width:95%; background-color:#EFEFEF; padding:0px; margin:0px; border: 1px solid #143D8D; border-collapse: separate; border-spacing:3;}
.mini_response_form tr td { padding:2px; padding-left:7px; padding-right:7px; margin:0px; font-size:11px; }
.mini_response_form tr th { text-align:left; padding:0px; margin:0px; padding-left:4px; font-size:12px; color:#FFFFFF; background-color:#143D8D; }
.mini_response_input   { color:#000000; width:100%; font-size:11px; border: 1px solid #7A7A7A; }
.mini_response_button  {
   font-size:11px;
   color: #FFFFFF;
   background-color: #143D8D;
   border: 1px solid #143D8D;
   margin:2px;
   margin-right:-4px;
   padding-left:15px;
   padding-right:15px;
}

.email_response_form       { width:95%; background-color:#EFEFEF; padding:0px; margin:0px; border: 1px solid #143D8D; }
.email_response_form tr td { padding:2px; padding-left:7px; padding-right:7px; margin:0px; font-size:11px; }
.email_response_form tr th { text-align:left; padding:0px; margin:0px; padding-left:4px; font-size:12px; color:#FFFFFF; background-color:#143D8D; }
.email_response_input   { color: #000000; width:100%; font-size:11px; border: 1px solid #7A7A7A; }
.email_response_button  {
   font-size:11px;
   color:#FFFFFF;
   background-color: #143D8D;
   border:1px solid #143D8D;
   margin:2px;
   margin-right:-4px;
   padding-left:15px;
   padding-right:15px;
}

.shadow_left {
  background-color:#EFEFEF;
  background-image:url(images/shadow_left.gif);
  background-position: top right;
  background-repeat: repeat-y;
}

.shadow_right {
  background-color:#EFEFEF;
  background-image:url(images/shadow_right.gif);
  background-position: top left;
  background-repeat: repeat-y;
}

.header {
  margin:0px;
  padding:0px;
  width:983px;
  height:130px;
}

.header_image {
  margin:0px;
  padding:0px;
  background-image:url(images/header.jpg);
  background-position: top left;
  background-repeat: no-repeat;
}

.menu_strip {
  padding:0px;
  margin:0px;
  height:25px;
  background-color:#FFFFFF;
  background-image:url(images/menu_strip.jpg);
  background-position: top left;
  background-repeat: repeat-x;
}

/* Disclaimer popup... */
.disclaim_text         { color:#CCCCCC; font-size:12px; font-family: Arial, Helvetica, sans-serif; }
.disclaim_text a       { color:#CCCCCC; text-decoration:none; }
.disclaim_text a:hover { color:#CCCCCC; text-decoration:underline; }
.disclaim_box          { position:relative; margin-left:10px; bottom:2px; }

.submenu         { color:#CCCCCC; padding:0px; margin:0px; font-size:11px; font-family: Arial, Helvetica, sans-serif; }
.submenu_divider { padding:0px; margin:0px; padding-left:7px; padding-right:4px; margin-bottom:-1px; }
.submenu a       { text-decoration:none; }

.kolom1 { width:190px; border-right: 1px solid #CCCCCC; padding-left:15px; padding-top:15px; }
.kolom2 { width:560px; padding-left:10px; padding-top:10px; }
.kolom3 { width:233px; padding:0px; margin:0px; padding-top:10px; }

/* Additional stuff... */
.normal    { background-color:#FFFFFF; }
.alt       { background-color:#EFEFEF; }
.var       { background-color:#FFFFFF; }
.inv       { background-color:#FFFFFF; }
.capt      { background-color:#FFFFFF; color:#333333; }
.NoteStyle { color:#143D8D; background-color:#FFFFFF; border: solid 1px #143D8D; font-size:10; padding:4px;}
.PopStyle  { z-index:20; top:0px;left:0px; position:absolute; visibility:hidden; width:200; }

.img_right      { margin:0px; padding:0px; margin-right:0px; margin-bottom:-3px;}
.img_center     { margin:0px; padding:0px; margin-right:0px; margin-bottom:-3px;}

/* Par styles... */
.par_normal                { background-color:transparent; padding:0px; margin:0px; }
/*table.par_normal tr td p   { background-color:transparent; padding:0px; margin:0px; }*/
.par_normal .par_title,
.nieuws .par_title         { color:#143D8D; font-size:16px; font-weight:bold; }
.par_normal .par_subtitle,
.nieuws .par_subtitle      { color:#57B7DF; font-size:13px; font-style:normal; font-weight:bold; }
.par_normal p              { color:#143D8D; margin:0px; }

.par_gray                  { background-color:#F2F2F2; }
.par_gray td               { background-color:#F2F2F2; padding:10px; padding-bottom:0px; padding-top:3px;}
.par_gray .par_title       { color:#143D8D; font-size:16px; font-weight:bold; }
.par_gray .par_subtitle    { color:#57B7DF; font-size:13px; font-style:normal; font-weight:normal; }
.par_gray p                { color:#143D8D; margin:0px; }

.par_box                  { background-color:#F2F2F2; margin:10px; margin-right:0px; border: solid 1px #143D8D; }
.subpage_body .par_box    { margin-left:0px; }
.par_box td               { background-color:#F2F2F2; padding:10px; padding-bottom:0px; padding-top:3px;}
.par_box .par_title       { color:#143D8D; font-size:16px; font-weight:bold; margin:0px; }
.par_box .par_subtitle    { color:#57B7DF; font-size:13px; font-style:normal; margin:0px; font-weight:normal; }
.par_box p                { color:#143D8D; margin:0px; margin-bottom:10px; }

.img_button_l { margin-left:10px; margin-bottom:5px; }
.img_button   { _margin-bottom:5px; }

.paragraph_style       { font-size:12px; margin:0px; padding:0px; padding-left:5px; padding-right:5px; }
.paragraph_style td    { margin:0px; padding:0px; }
.paragraph_bg_style    { margin:0px; padding:0px; padding-left:5px; padding-right:5px; background-color:#143D8D; }
.paragraph_bg_style td { margin:0px; padding:0px; background-color:#143D8D; }

.normal_row td { background-color: #EFEFEF; }
.alt_row    td { background-color: #F6F2F6; }

/* Flash popup - Yellow Note Flash movie... */
div.flash_popup_div {
height:200px;
width:200px;
  visibility:show;
  position:absolute;
  top:25px;
  margin-left:325px;
  z-index:10;
}

.message_box {
  width:100%;
  position:absolute;
  visibility:show;
  top:65px;
  line-height:1px; /* Just for IE... */
  z-index:10;

  color:#143D8D;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
}

/* Search */
.search_menu {
  position:absolute;
  visibility:show;
  top:95px;
  width:100%;
  line-height:1px; /* Just for IE... */
  z-index:10;
}
.search_table  { padding:0px; margin:0px; margin-right:10px; border: 2px solid #375F93; background-color:#B0DDF0; }
.search_block  { padding-left:10px; }
.search_input  { margin-left:5px; width:170px; height:18px; font-size:13px; border:0px; background-color:transparent; color:#143D8D; }
.search_button { height:18px; font-weight:bold; font-size:10px; background-color:#E2F3FA; color:#375F93; }

table.boektip   { margin-bottom:5px; width:220px; background-color: #E2F3FA; border: 1px solid #375F93; }
.boektip_number { font-size:19px; margin-right:15px; color:#143D8D; background-color:#E2F3FA; }

table.productstrip    { margin-bottom:5px; width:526px; background-color: #E2F3FA; border: 1px solid #375F93; margin-top:10px; }
table.productstrip th { color:#FFFFFF; background:#1d3f67; font-size:14px; }
table.productstrip td { font-size:12px; padding:4px; width:33%; }

/* Optional diap-blockcolors for Newsletter plug-in, can be overrulled with config of plug-in */
.newsletter p.par_title { font-size:12px; margin-top:8px; }
.newsletter td.diap  { background-color:#EFEFEF; }

/* ************* Some general column colors *************** */
.webshop_icon_cell    { }
.webshop_products_table .webshop_cat_cell        { font-size:11px; background-color: #FFFFFF; padding-left: 5; padding-right: 5; padding-top: 5; padding-bottom: 5; }
.webshop_products_table .webshop_cat_altcell     { font-size:11px; background-color: #E2F3FA; padding-left: 5; padding-right: 5; padding-top: 5; padding-bottom: 5; }
.webshop_products_table .webshop_cat_controls    { padding:0px; margin:0px; }
.webshop_products_table .webshop_cat_pagenumbers { padding:0px; margin:0px; }

.webshop_detail_infoblock { border: 1px solid #375F93; }

body.content_body table.webshop_view_footer { width:100%; height:45px; background-color: #375F93;  }
body.content_body table.webshop_view_footer tr { text-align:center; background-color: #375F93; }
body.content_body table.webshop_view_footer tr td { padding-bottom:10px; }
.content_body form { margin-bottom:10px; }
.webshop_view_display { background-color: #E2F3FA;}

/* ************* webshop_groups_table *************** */
.webshop_groups_table { width: 100%; align: center; border: outset 0pt; border-collapse: separate; border-spacing: 4; }
.webshop_groups_table TH { }
.webshop_groups_table TR { }
.webshop_groups_table TD { background-color: #E2F3FA; border: 1px solid #375F93; }

/* ************* webshop_groups_table INNER *************** */
.webshop_groups_inner { width: 100%; align: center; border: outset 0pt; border-collapse: separate; border-spacing: 4; }
.webshop_groups_inner TH { }
.webshop_groups_inner TR { }
.webshop_groups_inner TD { background-color: #E2F3FA; border: 0px solid #375F93; }
td.webshop_icon_cell { font-size:13px; }
td.webshop_text_cell { font-size:13px; }

.webshop_cat_cell ul { background:transparent; }

/* ************* webshop_products_table *************** */
.webshop_products_table { width: 100%; align: center; border: outset 0pt; border-collapse: separate; border-spacing: 5; }
.webshop_products_table TH {padding:5px; }
.webshop_products_table TR { }
.webshop_products_table TD { font-size:11px; border: 0px solid #375F93; padding-left: 8; padding-right: 8; }

/* ************* webshop_product_grouptable *************** */
.webshop_product_grouptable { width: 100%; align: center; border: 1px solid #375F93; border-collapse: collapse; border-spacing:0; }
.webshop_product_grouptable TH { font-size:11px; color:#FFFFFF; background-color:#375F93; padding:3px; }
.webshop_product_grouptable TR { }
.webshop_product_grouptable TD { font-size:11px; border: 0px solid #375F93; padding-left: 8; padding-right: 8; }

/* ************* webshop_order_table *************** */
.webshop_order_table { width: 90%; font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif; border: 1px solid #143D8D; border-collapse: separate; border-spacing: 0; }
.webshop_order_table TH { font-size:9px; color:#FFFFFF; background:#143D8D; padding:2px;}
.webshop_order_table TR { }
.webshop_order_table TD { background-color: #E2F3FA; padding: 5; padding-top: 5; padding-bottom: 5; padding-left: 8; padding-right: 8; }
.webshop_order_table TD.sumline { border-top: 1px solid #375F93; }


/* ************* product detail table *************** */
.webshop_detail_table { color:#000000; font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif; border: outset 0pt; border-collapse: separate; border-spacing: 0; }
.webshop_detail_table TH { }
.webshop_detail_table TR { }
.webshop_detail_table TD { border: 0px solid #375F93; padding: 5; padding-top: 5; padding-bottom: 5; padding-left: 8; padding-right: 8; }

.basket_img { margin-left:10px; margin-bottom:-5px; _margin-bottom:-2px; }

#webshop_menu {
  width:166px;
  margin:0px;
  padding:0px;
  /*margin-left:2px;*/
  text-indent:0px;
  background-color:transparent;

  border-bottom: 1px solid #143D8D;
  border-left: 1px solid #143D8D;
  border-right: 1px solid #143D8D;
}
#webshop_menu a.head {
  width:166px;
  height:25px;
  cursor:pointer;
  background-image:url(images/prodgroup_btn.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  color:#143D8D;
  display:block;
  font-size:14px;
  font-weight:bold;
  margin:0px;
  padding:0px;
  text-indent:8px;
  line-height:25px;
  text-decoration: none;
  border-top: 1px solid #143D8D;
}
#webshop_menu a.head:hover {
  color:#57B7DF;
}
#webshop_menu a.selected {
  background-image: url(images/expanded.gif);
  background-repeat: no-repeat;
}
#webshop_menu a.current {
  color:#57B7DF;
}
#webshop_menu ul {
  width:100%;
  border-width:0px;
  margin:0px;
  padding:0px;
  text-indent:0px;
}
#webshop_menu li {
  margin:0px;
  padding:0px;
  width:100%;
  list-style:none outside none;
  display:inline;
}
#webshop_menu li li a {
  height:20px;
  line-height:20px;
  color:#143D8D;
  display:block;
  /*text-indent:10px;*/
  text-decoration: none;
  text-align:right;
  padding-right:10px;
  border-top: 1px solid #143D8D;
}
#webshop_menu li li a:hover {
  color:#57B7DF;
  background-color:#FFFFFF;
}

table.topper   { margin-bottom:5px; width:220px; background-color: #E2F3FA; border: 1px solid #143D8D; }
.topper_number { font-size:14px; color:#143D8D; background-color:#E2F3FA; }