/*
CSS for Divine Disposables Website
*/
/* html, body {
        height:auto !important; /* FF and compliant browsers should automatically size the body/html */
/*        height:100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */
  /*      min-height:100%; /* when FF/etc automatically size the body/html it should be AT LEAST the height of the entire browser window, but can expand based on content. */
/* }  */

body {
  font-family: "Lucide Grande", "Verdana", "Helvetica", "sans-serif";
/*  background: url(images/black_55_thumb.jpg); */
  line-height: 125%;
  padding: 0;
  margin: 0;
 /*background: white url(images/bck1.gif); */
  background-color: #F0FFF0 /*#e6e6f9;*/
/*  background: #f8f8ff url(images/background2.gif) repeat-y top left; */
}

h1, h2, h3, h4, h5 {
 /* font-family: "Times", "serif"; */
  padding-top: 0.4em;
  padding-bottom: .2em;
  padding-left: .2em;
  margin: 0;
  color: #191970; /*#000099; */
  line-height: 1.2em;
}

h1 {
  padding-top: 0.3em;
  padding-bottom: .4em;
  padding-left: .4em;
  /*margin: -10px -10px 10px -10px;*/
  font-size: 1.6em;
  background: url(images/header1-box.gif) top left no-repeat;
  margin-left: 200px;
  margin-top: 0;
  margin-bottom: 10px;
/*  margin-top: -10px;*/
/*  background: #f8f8ff url(images/headerimg2.gif) no-repeat bottom left;*/
}

h2, h3, h4 {
  font-weight: normal;
  padding-top: .2em;
  padding-bottom: .1em;
  padding-left: .1em;
}

p {
  font-size: small;
}

a:link {
  color: #191970;
}

a:visited {
  color: #191970;
}

a:hover {
  color: deeppink;
}

#bannerimage {
  width: 956px;
  height: 200px;
  margin-top: 0;
  margin-right: auto;
  margin-left: auto;
  /*background: url(images/banner_tmp18.gif) no-repeat center top; */
  background: url(images/banner_tmp23.png) no-repeat center top;
  border: 1px solid #483D8B; /*#191970; /*#6666FF;; */
}

/****************************** TOP MENU ************************************/

#topmenu {
  position: relative;
  width: 956px;
  height: 45px;
  margin-top: -7px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0;
  padding: 0;
  padding-bottom: 5px;
  background-color: #CAFF70; /*#b6b7d9; /*#ccccff;*/
/*  border-left: 2px solid #9999CC; /*#330099;*/
 /* border-right: 2px solid #9999CC; */
/*  border: 1px solid blue; */
  border-left: 1px solid #483D8B; /*#191970; /*#330099;*/
  border-right: 1px solid #483D8B; /*#191970;  */
}

#topmenu ul{
 list-style-type: none;
 margin-top: 6px;
 margin-left: 400px;
 margin-bottom: 0;
 padding: 5px;
/* border: 1px solid black; */
}

#topmenu li{
  display:block;
  float:left;
/*  background: url(images/topmenu-box.png) no-repeat center top; */
  background: url(images/button4.gif) no-repeat center top;
  /*background-color: #F0FFF0; /*#e6e6f9;*/
  margin-right: 10px;
  margin-top: 3px;
  margin-bottom: 3px;
  padding: 5px 10px;
  width: 100px;
  /*border: 1px solid #006400; /*#191970; /*#6666FF;;
  /*font-family: "Times", "serif"; */
  text-align: center;
  font-size: 90%;
  font-weight: bold;
  list-style-type: none;
}

#topmenu a:link {
  color: #191970;
}

#topmenu a:visited {
  color: #191970;
}

#topmenu li:hover {
  text-decoration: none;
  /*color: white; */
  background: url(images/button5.gif) no-repeat center top;
  /*background-color: #6495ED; /*#3D59AB; */
}

#topmenu a:active {
  color: #00ff00;
}

/******************************END TOP MENU *************************************/

#allcontent {
  width: 936px;
  height: 100%;
  background-color: #f8f8ff;
  padding: 10px;
  margin-top: 0;
  margin-right: auto;
  margin-left: auto;
  border-left: 1px solid #483D8B; /*#191970; /*#330099;*/
  border-right: 1px solid #483D8B; /* #191970;*/
}

#nav {
 float: left;
 margin: 0;
 margin-bottom: 10px;
 padding: 0;
/*background-color: white; /*#ccccff;*/
 width: 190px;
 height: 750px;
/* border: 1px solid blue; */
}

#navigation1 p {
  font-size: 100%;
/*  font-family: "Times", "serif"; */
  text-align: center;
  padding-top: 0.4em;
  padding-bottom: .2em;
  margin: 0;
  margin-top: 5px;
  color: #191970;
  background: url(images/cat-box.gif) no-repeat center top;
/*  background-color: #F0FFF0; /*#e6e6f9;*/
  font-weight: bold;
  letter-spacing: 2px;
}

#navigation1 {
 float: left;
 width: 190px;
 height: 750px;
 margin: 0;
 margin-bottom: 10px;
 padding: 0;
 background: url(images/menu-box.png) no-repeat center top;
/*background-color: #CAFF70; /*#b6b7d9; /*#ccccff;*/
/* border: 2px solid #CD3278;*/
}

#navigation1 ul{
 list-style-type: none;
 margin: 0;
 padding: 3px 10px;
/* border: 1px solid green; */
}

#navigation1 li{
  margin 5px;
  padding: 10px;
  padding-left: 25px;
  /*font-family: "Times", "serif"; */
  font-size: 80%;
  font-weight: bold;
  list-style-type: none;
  background: url(images/dot_icon.gif) left no-repeat;
}

#button-div {
 background: url(images/download-button3.gif) left no-repeat;
 margin-top: 10px;
 margin-left: 15px;
 padding-bottom: 6px;
 padding-top: 2px;
}

#button-div a{
  text-decoration:none;
  font-size:70%;
  margin: 0;
  margin-left: 9px;
  font-weight: bold;
  padding: 0;
}


#button-div a:link {
  color: #191970;
}

#button-div a:visited {
  color: #191970;
}

#button-div:hover {
 background: url(images/download-button4.gif) left no-repeat;
}


#content1 {
  margin: 0;
  margin-left: 200px;
  margin-top: -20px;
  padding: 20px;
  padding-top: 5px;
  /*width: 690px;*/
  background-color:  #e6e6f9; /*#F0FFF0; #f8f8ff; */
  /*background: url(images/content-box.gif) top left no-repeat;*/
}

#footer_nav {
  margin-left: 200px;
  background-color: #f8f8ff;
  font-size: x-small;
}

/*************************STYLE LINKS *********************************/
ul a:link, ul a:visited, ul a:hover, ul a:active {
  display: block;
  padding 2px 10px;
  text-decoration: none;
}


#navigation1 a:link {
  color: #191970;
}

#navigation1 a:visited {
  color: #191970;
}

#navigation1 a:hover {
  text-decoration: none;
  /*color: white; */
  background-color: #6495ED; /*#3D59AB; /*#3300cc;*/
}

#navigation1 a:active {
  color: #00ff00;
  background-color: #6495ED; /*#3D59AB; */
}

/*#navigation1 li:hover {
  text-decoration: none;
  color: white;
  background-color: #3D59AB;
} */

/*************************END STYLE LINKS *********************************/

.quote{
  color: #339999;
  letter-spacing: 0.05em;
}

blockquote.quote li{
  font-style: italic;
  font-size: 90%;
  color: black;
  margin-bottom: 20px;
}

/*.product_thumbnail {
  float: left;
  margin: 0 5px 5px 0;
} */

#clearleft {
   clear: left;
}

#clearright {
   clear: right;
}

.deco_img {
  float: right;
}

.sub-category {
  margin: 20px;
  margin-bottom: 50px;
  padding: 0;
}

.sub-category p{
  margin: 0;
  margin-bottom: 20px;
  padding: 0;
  font-size: 110%
}

.sub-category a.blocklink{
  display: block;
  width: 300px;
  padding 5px 10px;
  margin: 10px;
 /* border: 1px solid red;*/
}

.sub-category a:link {
  color: #000099;
}

.sub-category a:visited {
  color: #000099;
}

.piclink {
  border: 1px solid #191970;
}

.product_pic {
  margin: 5px;
  margin-left: 10px;
  border: 1px solid #AAAAAA;
}

.sampleimg {
  width: 50px;
  height: 50px;
  margin-right: 20px;
  padding: 0;
  float: left;
  border: 1px solid #191970;
}

.grpimg {
  width: 80px;
  height: 80px;
  margin: 0;
  padding: 0;
  border: 1px solid #191970;
}

/************************* PRODUCT TABLE STYLING ********************************/

table.products {
  border-collapse: collapse;
  margin: 5px 0;
}

table.products th, table.products td{
  padding: 2px 5px 0 5px;
  border: 1px solid #191970;
}

table.products th{
  text-align: left;
  height: 2em;
  background: white; /*#eeeeee url(images/tagline_bg2.png) bottom left;*/
  padding: 0 2px;
}

table.products td{
  font-size: small;
  background: white; /*#eeeeee url(images/tagline_bg3.png) repeat-x top; */
}

table.products .centertext {
  text-align: center;
}

table.products .centerpic {
 margin: 10px auto;
 padding: 0;
 width: 120px;
}

table.products .alt-heading {
  padding-top: 20px; 
  border:none;
  background-color: #e6e6f9;
}

/*This section deals with the styling of hover to display the the LARGE PRODUCT IMAGE */

.item-pic img.thumb {
 border: 1px solid gray;
 margin: 0;
 padding: 0;
}

.item-pic:hover{
  background-color: transparent;
}

.item-pic:hover img.thumb{
  border: 1px solid #CAFF70;
}

.item-pic span{ /*CSS for large image*/
/*visibility: hidden;*/
display: none;
background-color: white;
border: 1px solid gray;
color: black;
text-decoration: none;
}

/** html .item-pic span{display:block;left:-999em}*/

.item-pic:hover img.large-image{ /*CSS for large image*/
/*  visibility: visible; */
  display: block;
  padding: 2px;
  border:1px solid black;
}

.item-pic:hover span{ /*CSS for large image containing area*/
  display: block;
/*  visibility: visible; */
  z-index: 50;
  position: fixed;
  top: 20px;
  left: 20px; /*position where large image should offset horizontally */
}

/******************End of hover section**************************************/

/************************* END PRODUCT TABLE STYLING ********************************/  


/**************CONTACT DETAILS SECTION****************************************/

form.contact fieldset {
  margin-top: 20px;
  border: 2px solid #191970;
  padding: 10px 20px 10px 40px;
}

form.contact legend {
  font-weight: bold;
  font-size: 90%;
  color: black;  /*#551011; */
  padding: 5px;
}

form.contact input[type="checkbox"] {
  border: 1px solid #191970;
}

form.contact input[type='text'] {
  border: 1px solid #191970;
  width: 25em;
}

form.contact textarea {
  border: 1px solid #191970;
}

form.contact {
  padding: 0;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  line-height: 150%;
}

form.contact label {
  font-weight: bold;
  font-size: small;
  color: #191970;
}

form.contact label.fixedwidth {
  display: block;
  width: 13em;
  float: left;
}

form.contact .buttonarea input{
  margin-left: 110px;
  background-color: #b6b7d9;
  color: #191970;
  font-weight: bold;
  font-size: 100%;
  width: 100px;
  padding: 7px;
  border: 1px solid white;
  font-family: Georgia, Times, serif;
  text-align: center;
  border: 1px solid #191970;
}

form.contact .buttonarea input.reset_button {
  margin-left: 170px;
}

form.contact .buttonarea {
/* text-align: center; */
  padding: 4px;
  background-color: white;
/*  background: white url(images/tagline_bg1.png) no-repeat bottom left; */
  margin-top: 15px;
}

form.contact .enterdetails {
  margin: 10px;
}

form.contact .checkbox_list {
  line-height: 200%;
}

form.contact p {
  font-weight: bold;
/*  font-size: normal; */
  padding: 0;
  margin-top: 10px;
  margin-bottom: 0;
  margin-left: -10px;
}

span.fixedwidth {
  font-weight: bold;
  color: #191970;
  display: block;
  width: 7em;
  float: left;
}

#contact1 {
  float: left;
  margin: 0;
  padding: 5px 10px;
  border: 1px solid #191970;
}

#contact1 p, #contact2 p {
  margin:0 10px;
  padding:0;
  display:inline;
}

#contact2 {
  margin-left: 350px;
  padding: 5px 10px;
  border: 1px solid #191970;
}


/******************END OF CONTACT DETAILS SECTION****************************************/

/****************************TESTIMONIALS SECTION****************************************/


.testimonial {
  color: #339999;
  font-family: Georgia, Times, serif;
  letter-spacing: 0.05em;
}

blockquote.testimonial {
  font-style: italic;
  color: black;
  margin-bottom: 30px;
}

.testimonial_credit {
  font-weight: normal;
  color: gray;
}


/****************************END OF TESTIMONIALS SECTION*************************************/

 #goto_top {
  font-size: x-small;
  text-align: center;
  text-decoration: none;
}

#goto_top a{
  text-decoration: none;
}


.product-pages {
  margin-top: 10px;
  color: blue;
  font-size: small;
  text-align: center;
  text-decoration: none;
}

.product-pages a{
  text-decoration: none;
  margin: 5px;
}

.product-pages a:active {
  color: #00ff00;
}

.product-pages a:link {
  color: #191970;
}

.product-pages a:visited {
  color: #191970;
}

.back-button {
  float: right;
  margin-top: 10px;
  margin-right: 15px;
  color: #191970;
/*  background: url(images/back-button.gif);*/
}

.back-button input{
  color: #191970;
  font-size: 80%;
  width: 60px;
  height: 20px;
  text-align: center;
  background-color: #a8c1ed;
}

.stocktable-link {
  margin: 10px auto;
  color: blue;
  font-size: small;
  text-align: center;
  width:220px;
  background-color: #CAFF70; /*#b6b7d9; /*#ccccff;*/
  border: 1px solid black;
}

.stocktable-link a{
  margin: 5px;
}

.stocktable-link a:active {
  color: #00ff00;
}

.stocktable-link a:link {
  color: #191970;
}

.stocktable-link a:visited {
  color: #191970;
}

.stickerbox {
  width: 100px;
  margin:0 auto;
  padding:0;
}

.stickerbox p{
  font-size: 70%;
  margin:0 auto;
}

.stickerbox a{
  margin:0 auto;
}

/*****************DOWNLOAD CATALOGUES LIST *****************************/
#download-list ul{
 list-style-type: none;
 margin-top: 6px;
 margin-left: 60px;
 margin-bottom: 0;
 padding: 5px;
}

#download-list li{
  display:block;
  float:left;
  border: 1px solid #191970;;
  margin: 5px 20px 10px 10px;
  padding: 0;
  text-align: center;
  font-size: x-small;
  font-weight: bold;
  list-style-type: none;
}

#download-list li:hover {
  text-decoration: none;
  border: 1px solid #CAFF70;
  /*background-color: #6495ED; /*#3D59AB; */
}

#download-list a:link {
  color: #191970;
}

#download-list a:visited {
  color: #191970;
}

#download-list a:hover {
  color: green;
}

/*****************DOWNLOAD CATALOGUES LIST *****************************/