/* --------------------------------------------------------- [ General ] */

body
   {
   padding: 0;
   margin: 0;
   text-align: center;
   }
h1 {
   margin: 0 0 0 4px;
   padding: 3px 0;
   font-size: 0.95em;
   }
h2
   {
   margin: 0 0 4px 0;
   font-size: .75em;
   }
h3
   {
   margin: 0 0 0 4px;
   padding: 3px 0;
   font-size: .65em;
   }
h4
   {
   margin: 15px 0;
   padding: 0;
   font-size: .75em;
   }
.clear
   {
   display: inline-block;  /* for IE Mac 5.2 */
   overflow: hidden;
   }

/* ---------------------------------------------------------- [ Header ] */

div.header
   {
   text-align: left;
   position: relative; /* defines a relative point for the position of the home page's slogan */
   margin: 0 auto;
   width: 775px;
   color: #000;
   }
div.header img
   {
   border: none;
   }
div#header-home
   {
   height: 97px;
   color: #000;
   background: #f6f8f8 url("../images/hp_img1.jpg") no-repeat 181px 0;
   }
div#header-about
   {
   height: 94px;
   color: #000;
   background: #fff url("../images/img_about.jpg") no-repeat 181px 100%;
   }
div#header-products
   {
   height: 94px;
   color: #000;
   background: #fff url("../images/img_products.jpg") no-repeat 181px 100%;
   }
div#header-whats-new
   {
   height: 94px;
   color: #000;
   background: #fff url("../images/img_new.jpg") no-repeat 181px 100%;   
   }
div#header-acrylic-ed
   {
   height: 94px;
   color: #000;
   background: #fff url("../images/img_ed.jpg") no-repeat 181px 100%;   
   }
div#header-faq
   {
   height: 94px;
   color: #000;
   background: #fff url("../images/img_faq.jpg") no-repeat 181px 100%;   
   }
div#header-contact
   {
   height: 94px;
   color: #000;
   background: #fff url("../images/img_contact.jpg") no-repeat 181px 100%;   
   }
a#language-link
   {
   float: right;
   color: #000;
   background-color: transparent;
   font: bold 15px verdana, sans-serif;
   text-decoration: none;
   }
a#language-link:hover
   {
   text-decoration: underline;
   }
img#slogan
   {
   position: absolute;
   left: 343px;
   top: 21px;
   }
img#masthead
   {
   position: absolute;
   right: 0;
   }
div#social-icons
   {
   position: absolute;
   right: 0px;
   top: 58px;
   margin: 0;
   width: 72px;
   height: 36px;
   }

/* ------------------------------------------------- [ Horizontal Menu ] */

div#horizontal-menu
   {
   color: #000;
   margin: 0;
   background: #d9e6ea url("../images/bgmenu_hp.gif") repeat-x;
   height: 36px;
   }
ul#horizontal-menu-list
   {
   margin: 0 auto;
   text-align: center;
   padding-left: 0;
   height: 36px;
   list-style-type: none;
   width: 775px;
   background: url("../images/hp_img3.gif") no-repeat 181px 0%;
   }
ul#horizontal-menu-list li
   {
   height: 100%; /* for IE Win 5 */
   display: inline;
   margin: 0 15px;
   font: bold 0.9em/29px verdana, sans-serif;
   }
li#current
   {
   color: #fff;
   background-color: transparent;
   }
ul#horizontal-menu-list a
   {
   text-decoration: none;
   color: #000;
   }
ul#horizontal-menu-list li a:hover
   {
   color: #c00;
   }

/* div#dropmenudiv is generated dynamically by menu.js */

div#dropmenudiv
   {
   text-align: left;
   position:absolute;
   border:1px solid #858585;
   border-bottom-width: 0;
   font: bold 0.8em verdana, sans-serif;
   line-height:18px;
   z-index:100;
   }
div#dropmenudiv a
   {
   width: 100%;
   display: block;
   text-indent: 3px;
   border-bottom: 1px solid #858585;
   padding: 1px 0;
   text-decoration: none;
   color: #000;
   }
div#dropmenudiv a:hover
   {
   color: #c00;
   background-color: #e6e6e6;
   }

/* ----------------------------------------------- [ Home Page Content ] */

div#content-home
   {
   border-bottom: 1px solid #f6f8f8; /* forces container to clear floats in Mozilla */
   margin: 0 auto;
   width: 775px;
   background: #f6f8f8 url("../images/hp_img4.jpg") no-repeat;
   }
div#content-home p
   {
   display: inline; /* for IE's doubled float-margin bug */
   float: right;
   margin: 15px 19px 14px 0;
   width: 367px;
   text-align: right;
   background-color: #f6f8f8;
   font: 12px verdana, sans-serif;
   }
div#content-home p a
   {
   color: #758dcb;
   background-color: #f6f8f8;
   text-decoration: none;
   }
div#content-home span
   {
   color: #1d4653;
   }
div#content-home p a:hover
   {
   text-decoration: underline;
   }
div#content-home strong
   {
   color: #758dcb;
   }

/* ------------------------------------------- [ Non-Home Page Content ] */

div#container
   {
   padding: 0;
   margin: 0 auto;
   width: 775px;
   background: #f7f8f9 url("../images/faux_col.gif") 0% 0%;
   }

/* Sidebar */

div#vertical-menu
   {
   text-align: left;
   float: left;
   overflow: hidden;
   color: #fff;
   background-color: #535353;
   width: 149px;
   font: bold 16px verdana, sans-serif;
   line-height: 19px;
   }
div#vertical-menu a
   {
   color: #fff;
   background-color: #535353;
   }
.on, .on a
   {
   display: block;
   color: #000 !important;
   background-color: #F7F8F9 !important;
   }
div#vertical-menu li
   {
   border: none;
   margin: 8px 0;
   }
ul#lvl-1, ul#lvl-1 ul
   {
   list-style-type: none;
   margin: 0;
   padding-left: 10px;
   }
ul#lvl-1 ul
   {
   font-size: 90%;
   line-height: 1.3em;
   }
ul#lvl-3 li /* Corrects spacing between menu items in IE Win */
   {
   width: 100%;
   }
ul#lvl-2 {border-left: 1px solid #fff;}
ul#lvl-3 {border-left: 1px solid #fefbc5;}
ul#lvl-4 {border-left: 1px solid #a5dded;}
ul#lvl-5 {border-left: 1px solid #47d6c0;}
.menu-icon
   {
   border: 0;
   }
img#book-thumbnail
   {
   margin: 0 0 5px 0;
   display: block;
   border: 0;
   }
span#author
   {
   display: block;
   font-size: 75%;
   }

/* menu links */

ul#lvl-1 a 
   {
   text-decoration: none;
   }
ul#lvl-1 a:hover
   {
   text-decoration: underline;
   }
ul#lvl-2 a
   {
   color: #fefbc5;
   background-color: #535353;
   }
ul#lvl-3 a
   {
   color: #a5dded;
   background-color: #535353;
   }
ul#lvl-4 a
   {
   color: #47d6c0;
   background-color: #535353;
   }
ul#lvl-5 a
   {
   color: #a6e29f;
   background-color: #535353;
   }

/* Content Area */

div#content
   {
   float: right;
   text-align: left;
   width: 610px;
   padding: 7px 8px;
   background-color: #f7f8f9;
   font-family: verdana, sans-serif;
   }
* html div#content /* Tan Hack for IE Win 5.x's bad box model */
   {
	width: 626px; 
	w\idth: 610px;
   }
div#content p
   {
   font-size: 11px;
   margin-left: 4px;
   margin-right: 4px;
   }
ul#breadcrumbs
   {
   margin: 0 0 10px 4px;
   padding-left: 0;
   }
ul#breadcrumbs li
   {
   display: inline;
   font-size: 14px;
   font-weight: bold;
   color: #535353;
   background-color: #F7F8F9;
   }
ul#breadcrumbs li.links
   {
   font-size: 11px;
   color: #758dcb;
   }
ul#breadcrumbs li a
   {
   color: #758dcb;
   text-decoration: none;
   }
ul#breadcrumbs li a:hover
   {
   text-decoration: underline;
   }

/* ----------------------------------------------------------- [ Boxes ] */

/* ---------------------------------- [ Products Page ] */

div#products--artnoise
   {
   margin-right: 4px;
   float: left;
   width: 200px;
   color: #fff;
   background-color: #006273;
   }
div#products--solucryl
   {
   margin-right: 4px;
   float: left;
   width: 200px;
   color: #fff;
   background-color: #622078;
   }
div#products--spectral
   {
   float: left;
   width: 200px;
   color: #fff;
   background-color: #9C0606;
   }
div#products--sludge
   {
   margin-top: 4px;
   margin-right: 4px;
   float: left;
   width: 200px;
   color: #fff;
   background-color: #333333;
   }
div#products--oilmediums
   {
   margin-top: 4px;
   margin-right: 4px;
   float: left;
   width: 200px;
   color: #fff;
   background-color: #6B3D18;
   }
div#products--accessories
   {
   margin-top: 4px;
   float: left;
   width: 200px;
   color: #fff;
   background-color: #245C13;
   }
div#products--artnoise img, div#products--solucryl img, div#products--spectral img, div#products--sludge img, div#products--oilmediums img, div#products--accessories img
   {
   margin-top: 8px;
   }
div#products--artnoise p, div#products--solucryl p, div#products--spectral p, div#products--sludge p, div#products--oilmediums p, div#products--accessories p
   {
   /* Min-Height Fast Hack for IE Win */
   min-height: 88px;
   height: auto !important;
   height: 88px;
   }

/* ---------------------------------- [ Acrylics Page ] */

div#acrylics--finest-quality
   {
   color: #fff;
   background-color: #002D73;
   }
div#acrylics--finest-quality p
   {
   /* Min-Height Fast Hack for IE Win */
   min-height: 190px;
   height: auto !important;
   height: 190px;
   }
div#acrylics--finest-quality img
   {
   float: right;
   margin: 2px 0 5px 15px;
   }
div#acrylics--true-colour, #acrylics--rheotech
   {
   float: left;
   width: 305px;
   color: #fff;
   background-color: #002d73;
   }
div#acrylics--true-colour img, #acrylics--rheotech img
   {
   margin-top: 8px;
   }
div#acrylics--finest-quality .more-link, div#acrylics--true-colour .more-link, div#acrylics--rheotech .more-link
   {
   color: #a5dded;
   background-color: #002d73;
   text-decoration: none;
   }
div#acrylics--finest-quality .more-link:hover, div#acrylics--true-colour .more-link:hover, div#acrylics--rheotech .more-link:hover
   {
   text-decoration: underline;
   }

/* ---------------------------- [ Finest Quality Page ] */

div#finest-quality--viscosity
   {
   float: left;
   width: 404px;
   margin-right: 4px;
   margin-bottom: 3px;
   color: #535353;
   background-color: #B5DAE3;
   }
div#finest-quality--viscosity img
   {
   float: right;
   margin: 2px 0 5px 15px;
   }
div#finest-quality--viscosity p
   {
   /* Min-Height Fast Hack for IE Win */
   min-height: 200px;
   height: auto !important;
   height: 200px;
   }
div#finest-quality--liquids
   {
   float: left;
   width: 200px;
   margin-bottom: 3px;
   color: #535353;
   background-color: #D4E0C1;
   }
div#finest-quality--liquids img
   {
   margin-top: 8px;
   }
div#finest-quality--liquids p
   {
   /* Min-Height Fast Hack for IE Win */
   min-height: 88px;
   height: auto !important;
   height: 88px;
   }
div#finest-quality--inks
   {
   float: left;
   margin-right: 4px;
   width: 200px;
   color: #535353;
   background-color: #E1D3C7;
   }
div#finest-quality--inks p
   {
   /* Min-Height Fast Hack for IE Win */
   min-height: 88px;
   height: auto !important;
   height: 88px;
   }
div#finest-quality--airbrush
   {
   float: left;
   margin-right: 4px;
   width: 200px;
   color: #535353;
   background-color: #D9CDE5;
   }
div#finest-quality--airbrush p
   {
   /* Min-Height Fast Hack for IE Win */
   min-height: 88px;
   height: auto !important;
   height: 88px;
   }
div#finest-quality--mediums
   {
   float: left;
   width: 200px;
   color: #535353;
   background-color: #E1E1E1;
   }
div#finest-quality--mediums p
   {
   /* Min-Height Fast Hack for IE Win */
   min-height: 88px;
   height: auto !important;
   height: 88px;
   }
div#finest-quality--inks img, div#finest-quality--airbrush img, div#finest-quality--mediums img
   {
   margin-top: 8px;
   }
div#finest-quality--viscosity h2 a, div#finest-quality--liquids h2 a, div#finest-quality--inks h2 a, div#finest-quality--airbrush h2 a, div#finest-quality--mediums h2 a
   {
   color: #535353;
   background-color: transparent;
   text-decoration: none;
   }
div#finest-quality--viscosity h2 a:hover, div#finest-quality--liquids h2 a:hover, div#finest-quality--inks h2 a:hover, div#finest-quality--airbrush h2 a:hover, div#finest-quality--mediums h2 a:hover
   {
   color: #535353;
   background-color: transparent;
   text-decoration: underline;
   }
div#finest-quality--viscosity .more-link, div#finest-quality--liquids .more-link, div#finest-quality--inks .more-link, div#finest-quality--airbrush .more-link, div#finest-quality--mediums .more-link
   {
   color: #008d77;
   }

/* ---------------------------- [ High Viscosity Page ] */

div#high-viscosity
   {
   color: #535353;
   background-color: #B5DAE3;
   }
div#high-viscosity h2
   {
   float: left;
   color: #535353;
   background-color: #B5DAE3;
   }
div#high-viscosity .mid
   {
   padding: 20px 16px 10px 16px;
   }

div#high-viscosity img
   {
   clear: both;
   margin: 3px 0 10px 0;
   }
div#high-viscosity p
   {
   margin: 0 0 10px 0 !important;
   }

/* ----------------------------------- [ Liquids Page ] */

div#liquids
   {
   color: #535353;
   background-color: #D4E0C1;
   }
div#liquids h2
   {
   float: left;
   color: #535353;
   background-color: #D4E0C1;
   }
div#liquids .mid
   {
   padding: 20px 16px 10px 16px;
   }
div#liquids img
   {
   clear: right;
   margin: 3px 0 10px 0;
   }
div#liquids p
   {
   margin: 0 0 10px 0 !important;
   }

/* -------------------------------------- [ Inks Page ] */

div#inks
   {
   color: #535353;
   background-color: #E1D3C7;
   }
div#inks h2
   {
   float: left;
   color: #535353;
   background-color: #E1D3C7;
   }
div#inks .mid
   {
   padding: 20px 16px 10px 16px;
   }
div#inks img
   {
   clear: right;
   margin: 3px 0 10px 0;
   }
div#inks p
   {
   margin: 0 0 10px 0 !important;
   }
div#inks ul
   {
   font-size: 11px;
   margin-left: 0;
   padding-left: 0;
   list-style-position: inside;
   }

/* ---------------------------------- [ Airbrush Page ] */

div#airbrush
   {
   color: #535353;
   background-color: #D9CDE5;
   }
div#airbrush h2
   {
   float: left;
   color: #535353;
   background-color: #D9CDE5;
   }
div#airbrush .mid
   {
   padding: 20px 16px 10px 16px;
   }
div#airbrush img
   {
   clear: right;
   margin: 3px 0 10px 0;
   }
div#airbrush p
   {
   margin: 0 0 10px 0 !important;
   }

/* ----------------------------------- [ Mediums Page ] */

div#mediums
   {
   color: #535353;
   background-color: #E1E1E1;
   }
div#mediums h2
   {
   float: left;
   color: #535353;
   }
div#mediums h3
   {
   color: #bc0000;
   border-bottom: 3px solid black;
   }
div#mediums .mid
   {
   padding: 20px 16px 10px 16px;
   }
div#mediums img
   {
   clear: right;
   margin: 3px 0 10px 0;
   }
div#mediums p
   {
   margin: 0 0 10px 0 !important;
   }
div#mediums table
   {
   font-size: 11px;
   }
div#mediums th
   {
   width: 220px;
   padding: 2px 4px;
   color: #fff;
   background-color: #676767; 
   }
div#mediums td
   {
   padding: 2px 4px;
   color: #000;
   background-color: #CDCDCD;
   }

/* ------------------------------- [ True Colour Page ] */

div#true-colour
   {
   color: #535353;
   background-color: #CAD7EB;
   }
div#true-colour h2
   {
   float: left;
   color: #535353;
   background-color: #CAD7EB;
   }
div#true-colour .mid
   {
   padding: 20px 16px 10px 16px;
   }
div#true-colour img
   {
   clear: right;
   margin: 3px 0 10px 0;
   }
div#true-colour p
   {
   margin: 0 0 10px 0 !important;
   }
div#true-colour ul
   {
   font-size: 11px;
   margin-left: 0;
   padding-left: 0;
   list-style-position: inside;
   }

/* ---------------------------------- [ Rheotech Page ] */

div#rheotech
   {
   color: #535353;
   background-color: #CAD7EB;
   }
div#rheotech h2
   {
   float: left;
   color: #535353;
   background-color: #CAD7EB;
   }
div#rheotech .mid
   {
   padding: 20px 16px 10px 16px;
   }
div#rheotech img
   {
   clear: right;
   margin: 3px 0 10px 0;
   }
div#rheotech p
   {
   margin: 0 0 10px 0 !important;
   }
div#rheotech span
   {
   float: right;
   font-size: .75em;
   font-weight: bold;
   }
div#rheotech span a
   {
   float: none;
   color: #758dcb;
   text-decoration: none;
   }
div#rheotech span a
   {
   text-decoration: underline;
   }

/* ---------------------------------- [ Solucryl Page ] */

div#solucryl
   {
   color: #fff;
   background-color: #622078;
   }
div#solucryl h2
   {
   float: left;
   color: #fff;
   background-color: #622078;
   }
div#solucryl .mid
   {
   padding: 20px 16px 10px 16px;
   }
div#solucryl img
   {
   clear: both;
   margin: 3px 0 10px 0;
   }
div#solucryl p
   {
   margin: 0 0 10px 0 !important;
   }
div#solucryl dt
   {
   font-weight: bold;
   font-size: .65em;
   }
div#solucryl dd
   {
   margin-left: 0;
   }

/* ------------------------------ [ Solucryl FAQ Page ] */

div#solucryl--faq
   {
   color: #fff;
   background-color: #622078;
   }
div#solucryl--faq h2
   {
   float: left;
   color: #fff;
   background-color: #622078;
   }
div#solucryl--faq .mid
   {
   padding: 20px 16px 10px 16px;
   }
div#solucryl--faq img
   {
   clear: both;
   margin: 3px 0 10px 0;
   }
div#solucryl--faq p
   {
   margin: 0 0 10px 0 !important;
   }
div#solucryl--faq ul
   {
   padding-left: .6em;
   margin-left: .7em;
   list-style-type: disc;
   list-style-position: outside;
   font-size: 11px;
   }
div#solucryl--faq ul li
   {
   margin-bottom: 3px;
   }

/* ---------------------------------- [ Spectral Page ] */

div#spectral
   {
   color: #fff;
   background-color: #9C0606;
   }
div#spectral h2
   {
   float: left;
   color: #fff;
   background-color: #9C0606;
   }
div#spectral .mid
   {
   padding: 20px 16px 10px 16px;
   }
div#spectral img
   {
   clear: both;
   margin: 3px 0 10px 0;
   }
div#spectral p
   {
   margin: 0 0 10px 0 !important;
   }
div#spectral ul
   {
   font-size: .65em;
   margin-left: 0;
   padding-left: 0;
   list-style-position: inside;
   }

/* ------------------------------------ [ Sludge Page ] */

div#sludge
   {
   color: #333333;
   background-color: #b5cc62;
   }
div#sludge h2
   {
   float: left;
   color: #333333;
   }
div#sludge .mid
   {
   padding: 20px 16px 10px 16px;
   }
div#sludge img
   {
   clear: both;
   margin: 0px 0 0px 0;
   }
div#sludge p
   {
   margin: 0 0 10px 0 !important;
   }
div#sludge dl
   {
   font-size: 11px;
   }
div#sludge dt
   {
   font-weight: bold;
   }
div#sludge dd
   {
   margin-left: 10px;
   margin-bottom: 7px;
   }

/* ------------------------------- [ Oil Mediums Page ] */

div#oil-mediums
   {
   color: #535353;
   background-color: #E7D7C1;
   }
div#oil-mediums h2
   {
   float: left;
   color: #535353;
   background-color: #E7D7C1;
   }
div#oil-mediums .mid
   {
   padding: 20px 16px 10px 16px;
   }
div#oil-mediums img
   {
   clear: both;
   margin: 3px 0 10px 0;
   }
div#oil-mediums p
   {
   margin: 0 0 10px 0 !important;
   }

/* ------------------------------- [ Accessories Page ] */

div#accessories
   {
   color: #fff;
   background-color: #245C13;
   }
div#accessories h2
   {
   float: left;
   color: #fff;
   background-color: #245C13;
   }
div#accessories .mid
   {
   padding: 20px 16px 10px 16px;
   }
div#accessories img
   {
   clear: both;
   margin: 3px 0 10px 0;
   }
div#accessories p
   {
   margin: 0 0 10px 0 !important;
   }

/* ---------------------------------- [ Acrylic Ed Pages ] */

div#acryliced
   {
   color: #000000;
   background-color: #BDC59E;
   }
div#acryliced h2
   {
   float: left;
   color: #535353;
   background-color: #BDC59E;
   }
div#acryliced h1
   {
   margin: 0;
   }
div#acryliced img
   {
   clear: right;
   margin: 3px 0 10px 0;
   }
div#acryliced p
   {
   margin: 0 0 10px 0 !important;
   }
div#acryliced span
   {
   font-size: .75em;
   font-weight: bold;
   }
div#acryliced span a
   {
   float: none;
   color: #758dcb;
   text-decoration: none;
   }
div#acryliced span a
   {
   text-decoration: underline;
   }


/* ----------------------------- [ General Box Styles ] */

.box
   {
   background-image: url("../images/midleft.gif");
   background-repeat: repeat-y;
   }

/* hide from IE Mac \*/
.row { width: 100%; clear: both; }
/* end hiding from IE Mac */

p.product-snippet
   {
   line-height: 14px;
   margin: 0 !important;
   font-size: 11px;
   }
h2 a
   {
   color: #fff;
   background-color: transparent;
   text-decoration: none;
   }
h2 a:hover
   {
   color: #fff;
   background-color: transparent;
   text-decoration: underline;
   }
a.colour-chart
   {
   color: #758dcb;
   float: right;
   font-size: .75em;
   font-weight: bold;
   text-decoration: none;
   }
a.colour-chart:hover
   {
   text-decoration: underline;
   }
.more-link
   {
   font-size: 11px;
   color: #fefbc5;
   background-color: transparent;
   text-decoration: none;
   }
.more-link:hover
   {
   text-decoration: underline;
   }
.box img
   {
   border: none;
   }
.top
   {
   height: 5px;
   background: url("../images/topright.gif") right no-repeat;
   }
.top div
   {
   height: 5px;
   background: url("../images/topleft.gif") left no-repeat;
   }
.mid
   {
   padding: 20px 20px 10px 20px;
   background: url("../images/midright.gif") right repeat-y;
   }
.btm
   {
   height: 5px;
   background: url("../images/btmright.gif") right no-repeat;
   }
.btm div
   {
   height: 5px;
   background: url("../images/btmleft.gif") left no-repeat;
   }
div.inlineimage
   {
   float: left; 
   padding: 0 15px 5px 0px; 
   margin: 0 0 0 0;
   }
img.white
   {
   border: 1px solid white;
   }

/* ---------------------------------------------------- [ Gallery ] */

.gallery {
   text-align: center;    /* centers inline paragraphs */
   margin: 1em 1%;
   border: 0px solid #999;
   padding: .5em;
}
.gallery a img {
   border: 1px solid #000;
   vertical-align: middle;
}

/* outer container for each image/caption pair */
.gallery p {
   display: inline;
}

/* For the <a> container, the best default display value is inline-table, but browser support isn't very good. Opera versions 6 and earlier totally mangle anything except display:table-cell, so that is set by default and the preferred display values are at the end of this stylesheet, within hacks that hide them from those Opera versions. No other browsers tested seemed to have any trouble with setting the different display values within a single rule. */

/* inner container for each image/caption pair */
.gallery a {
   text-decoration: none;
   background-color: #DEE2CF;
   display: table-cell;   /* default, for gecko & Opera6- */
   margin: .5em;
   padding: 3px;
   vertical-align: top;   /* aligns the img/caption container */
   width: 2em;            /* adjusts with text size */
   min-width: 220px;      /* not always honored, but that's OK */
   border: 1px solid #ccc;
}


/* image container, sets height so image can be vertically centered and the caption starts in the same vertical position regardless of image height, except WinIE does not apply line-height to images. oh well, most other browsers do... */
.gallery span {
   display: block;        /* fill container width, force a line break */
   height: 155px;         /* a bit larger than highest img */
   line-height: 155px;    /* same value as height */
   text-align: center;
/* border: 1px dashed #f00; /* uncomment to show */
}

/* caption container, sets height (for 2 lines) so each outlined image/caption pair is the same height (except in WinIE) */
.gallery i {
   display: block;
   height: 20px;         /* makes each box a consistent height */
   padding: 5px 5px 0 5px;
   text-align: center;
   font-style: normal;
   line-height: 120%;     /* standard spacing */
/* border: 1px dashed #00f; /* uncomment to show */
}

/* Owen hack, hides from WinIE, Opera versions 6- & some KHTML */
head:first-child+body .gallery a {
   display: table-cell;   /* gecko & Opera6- */
   display: inline-table; /* Safari & some other browsers */
   display: inline-block; /* WinIE & some other browsers */
}

/* star-html hack to show <a> rule(s) just to IE (Win and Mac) */
* html .gallery a {
   display: table-cell;   /* gecko & Opera6- */
   display: inline-table; /* Safari & some other browsers */
   display: inline-block; /* WinIE & some other browsers */
}
/* image is not clickable in WinIE with display:block :( \*/
* html .gallery span {
   display: inline;
}
* html .gallery a:hover i {
   cursor: hand; /* otherwise cursor doesn't change over block <i> */
} /* end WinIE hacks */

/* end hacks */



/* ---------------------------------------------------- [ Contact Form ] */

fieldset
   {
   border: none;
   padding: 0;
   }
form#contact
   {
   width: 370px;
   margin-left: 4px;
   }
form#contact label
   {
   font-size: 11px;
   }
form#contact .textbox
   {
   width: 100%;
   }
form#contact textarea
   {
   display: block;
   width: 100%;
   height: 100px;
   }
form#contact p
   {
   clear: left;
   margin: 0;
   }
form#contact input#submit
   {
   float: right;
   margin-top: 10px;
   }

/* ------------------------------------------------------------ [ News ] */


div#news
   {
   margin-top: 10px;
   }
div#news dl
   {
   font-size: 11px;
   margin: 5px 20px 15px 20px;
   }
div#news dt a
   {
   font-weight: bold;
   color: #758dcb;
   background-color: #F7F8F9;
   text-decoration: none;
   }
div#news dt a:hover
   {
   text-decoration: underline;
   }
div#news dd
   {
   margin-left: 0;
   }
div#news a
   {
   font-weight: bold;
   color: #758dcb;
   background-color: #F7F8F9;
   text-decoration: none;
   }

/* --------------------------------------------------- [ News Articles ] */

div#news-article a
   {
   color: #758dcb;
   background-color: #F7F8F9;
   text-decoration: none;
   }
div#news-article a:hover
   {
   text-decoration: underline;
   }
div#news-article h4
   {
   margin-left: 4px;
   }
div#news-article hr
   {
   margin: 12px 4px 4px 4px;
   }
/* 2006/09/08-product-label-update Article */
div#news-article span
   {
   display: block;
   text-align: center;
   margin: 40px 0;
   }
div#news-article span img
   {
   margin: 0 10px;
   }
img#semi-gloss
   {
   position: relative;
   top: -4px;
   }
img#matte
   {
   position: relative;
   top: -1px;
   }
/* 2006/05/12-product-change Article */
div#samples
   {
   text-align: center;
   }
div#mass-tone
   {
   margin: 0 auto;
   width: 440px;
   }
div#undertone
   {
   margin: 0 auto;
   width: 360px;
   }
div#samples dl
   {
   font-size: 11px;
   float: left;
   margin: 0 10px;
   text-align: center;
   }
div#samples dd
   {
   margin: 0;
   text-align: center;
   }
.highlight
   {
   color: blue;
   }
h1.highlight
   {
   padding-top: 20px;
   clear: both;
   text-align: center;
   }
div#news-article img#top-coat-label
   {
   display: block;
   margin: 0 auto;
   }

/* News Boxes */

div#art-noise
   {
   color: #fff;
   background-color: #006273;
   }
div#d-limonene
   {
   color: #fff;
   background-color: #BD4E1B;
   }
div#d-limonene .mid
   {
   /* Min-Height Fast Hack for IE Win */
   min-height: 308px;
   height: auto !important;
   height: 308px;
   }
div#rheotech-news
   {
   color: #fff;
   background-color: #043B51;
   }
div#art-noise img, div#d-limonene img, div#rheotech-news img
   {
   float: left;
   border: 1px solid #000;
   margin: 0 15px 10px 4px;
   }

/* Other What's New Pages */

div#acrylics-book img
   {
   border: 1px solid #000;
   float: right;
   margin: 6px 4px 5px 15px;
   }
div#where-to-buy a
   {
   color: #758dcb;
   background-color: #F7F8F9;
   text-decoration: none;
   }
div#where-to-buy a:hover
   {
   text-decoration: underline;
   }

/* --------------------------------------------------- [ Colour Composition ] */


#c-data {
   margin: 10px;
   font-size: .75em;
   }
#c-data div.left {
   float:left;
   width: 19em;
   }
#c-data div.left-header {
   float:left;
   padding: 5px 0px;
   width: 19em;
   color: #ffffff;
   font-weight: bold;
   background-color: #000000;
   }
#c-data div.left-two {
   float:left;
   background-color: #c0c0c0;
   width: 9em;
   }
#c-data div.left-two-header {
   float:left;
   padding: 5px 0px;
   width: 9em;
   color: #ffffff;
   font-weight: bold;
   background-color: #000000;
   }
#c-data div.right {
   float: left;
   width: 15em;
   background-color: #c0c0c0;
   }
#c-data div.right-header {
   float:left;
   padding: 5px 0px ;
   width: 15em;
   color: #ffffff;
   font-weight: bold;
   background-color: #000000;
   }
#c-data div.full-header {
   float:left;
   background-color: #c0c0c0;
   font-weight: bold;
   width: 34em;
}

#c-data span {
   }
#c-data br {
   clear: both;
   }



/* --------------------------------------------------- [ Colour Charts ] */

div#colour-chart h3
   {
   float: left;
   }
div#colour-chart-wide h3
   {
   float: left;
   }
a.back-button
   {
   margin: 0 4px 0 0;
   font-size: .65em;
   font-weight: bold;
   float: right;
   color: #758dcb;
   background-color: #F7F8F9;
   text-decoration: none;
   }
a.back-button:hover
   {
   text-decoration: underline;
   }
div#colour-chart dl
   {
   width: 99px;
   float: left;
   text-align: center;
   margin-right: 2px;
   }
div#colour-chart-wide dl
   {
   width: 145px;
   float: left;
   text-align: center;
   margin-right: 2px;
   }

div#colour-chart dd
   {
   font-size: .65em;
   margin: 0;
   }
div#colour-chart-wide dd
   {
   font-size: .65em;
   margin: 0;
   }
.cc-clear
   {
   clear: left;
   }
.cc-row
   {
   clear: both;
   overflow: hidden;
   }
.hidden-clearer
   {
   margin: 0 4px;
   clear: both;
   visibility: hidden;
   }


div#hv-colour-comp {
   margin: 0;
   padding: 0;
}

div#hv-links {
   font-size: 10px;
   padding-left: .5em;
   }

div#hv-links a {
   color: #444;
   padding-left: 1em;
   text-decoration: none;
   }

div#hv-links a:hover {
   color: #000;
   background-color: #aaa;
   text-decoration: underline;
   }

div#hv-colour-comp div.series {
   font-size: 1.3em;
   background-color: #000;
   color: #fff;
   padding-left: 4px;
   }

div#hv-colour-comp div.colour {
   font-size: .8em;
   margin-left: 1em;
   padding-left: .5em;
   background-color: #aaa;
   color: #fff;
   }

div#hv-colour-comp dl
   {
   background-color: #fff;
   color: #000;
   text-align: left;
   margin: 0;
   margin-top: 6px;
   margin-left: .8em;
   }
div#hv-colour-comp dd.left
   {
   width: 10em;
   float: left;
   font-size: .65em;
   margin: 0;
   }
div#hv-colour-comp dd.left-two
   {
   width: 5em;
   float: left;
   font-size: .65em;
   margin: 0;
   }

div#hv-colour-comp dd.right
   {
   font-size: .65em;
   margin: 0;
   }


div#hv-colour-comp table
   {
   border: 1px solid #ccc;
   border-collapse: collapse;
   }

div#hv-colour-comp td 
   {
   border: 1px solid #ccc;
   }

/* legend */

dl.legend {
   padding: .5em;
   margin: 0;
   border: 1px grey solid;
   font-size: 10px;
   color: white;
   background: black;
   }

dt.header {
   font-size: 16px;
   font-weight: bold;
   margin: .5em;
   }

dt.label {
   height:6em;
   width: 8em;
   float: left;
   padding: .5em;
   background: black;
   color:white;
   }
   
dd.values {
   height:6em;
   margin-left: 9.5em;
   padding: .5em;
   background: white;
   color: black;
   }
   
dt.spacer {
   height: .6em;
   }


/* ---------------------------------------------------------- [ Mediums ] */

div#mediums h4 {
    margin-bottom: 0px;
    }

div#mediums h3 {
   margin: 15px 0;
   padding: 0;
   font-size: .90em;
   font-weight: bold;
   }

div#mediums span#symbol img{
    border: 0px;
    margin: 0px;
    }

div#mediums div#symbol-legend img{
    border: 0px;
    margin: 0px;
    }

div#mediums span#new {
    font-size: 1.2em;
    font-weight: normal;
    font-style: italic;
    color: #FF5B00;
    margin-left: 5px;
    }


/* ---------------------------------------------------------- [ Footer ] */

div#footer
   {
   height: 24px;
   background: #d9e6ea url("../images/hp_bgbot.gif") repeat-x;
   }
div#footer p
   {
   margin: 0;
   text-align: center;
   color: #4c4c4c;
   font: 9px arial, sans-serif;
   line-height: 19px;
   }

a.newslink
   {
   color: #758dcb;
   font-size: 1.1em;
   font-weight: bold;
   }

div#mediums-links {
   font-size: 11px;
   margin-left: 1.5em;
   }

div#mediums-links a {
   color: #758dcb;
   font-weight: bold;
   text-decoration: none;
   }

div#mediums-links a:hover {
   color: #000;
   background-color: #aaa;
   text-decoration: underline;
   }