html, body { padding:0; margin:0; background: url('/images/bg_200px.jpg'); height: 100%; }
img { border: none; display: block; }

p { font-family: Arial, sans-serif; font-size: 12px; color: #646464; }
h3 { font-family: Arial, sans-serif; font-size: 12px; color: #c8c8c8; text-transform: uppercase; margin: 0px; line-height: 13px; }
h4 { font-family: Arial, sans-serif; font-size: 13px; color: #969696; text-transform: uppercase; margin: 0px; line-height: 13px; font-weight: 100;}
h5 { font-family: Arial, sans-serif; font-size: 12px; color: #c8c8c8; text-transform: uppercase; margin: 0px; line-height: 12px; font-weight: 100;}
a { font-family: Arial, sans-serif; font-size: 12px; color: #646464; text-decoration: none;}
a:hover { color: #FFFFFF; }

select { width: 100%; font-size: 10px; }

p.small { margin: 0px; font-size: 11px; }
p.small a { margin: 0px; padding: 0px; font-size: 10px; text-transform: uppercase; line-height: 10px;}

p.bigLineHeight { line-height: 17px; }

a.white { font-family: Arial, sans-serif; font-size: 12px; color: #c8c8c8; text-decoration: underline;}

.hidden { display: none; }

#page { width: 1020px; height:auto !important; height:100%; min-height:100%; margin:0 auto; background: url('/images/ds.png') repeat-y; }
#content { width: 960px; height: 100%; margin: auto; background: #141414 url('/images/hd_bg.jpg') repeat-x top left; }
#middle { width: 910px; margin: auto; padding-bottom: 5px; }
#footer { font-family: Arial, sans-serif; font-size: 9px; color: #4b4b4b; width: 910px; padding: 3px; margin: 40px auto; background: #1e1e1e; width: 910px; clear: both; text-transform: uppercase; }

.hr { width: 100%; margin: 15px 0px; background: url(/images/hr.gif) repeat-x; min-height: 20px; }
.hrx { background: url(/images/hr.gif) repeat-x; }
.hr2 { margin: 12px 0px; background: url(/images/hr2.gif) repeat-x; }
.hr2x { background: url(/images/hr2.gif) repeat-x; }

a.img { color: #141414; } /* Prevent a bug in FF3 that display a white dot over all image links*/

/* Menu */
#menu { position: absolute; top: 103px; width:960px; background:url(/images/nav_bg.jpg) }
#menu ul { list-style: none;margin: 0px 0px 0px 17px ;padding: 0;float: left; }
#menu li { display: inline; float: left; }
/* For Rollovers */
#menu li a { float: left; display:block; height: 25px; }
#menu li a img {  border:none; vertical-align:bottom; /* for IE6 */}
#menu li a:hover { visibility:visible; }
#menu li a:hover img { visibility:visible; }
#menu li a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}
/* Buttons */
#navHome { background:url(/images/en/nav_home_o.jpg) no-repeat left bottom; }
#navSystem { background:url(/images/en/nav_system_o.jpg) no-repeat left bottom; }
#navDoc { background:url(/images/en/nav_doc_o.jpg) no-repeat left bottom; }
#navColor { background:url(/images/en/nav_color_o.jpg) no-repeat left bottom; }
#navProject { background:url(/images/en/nav_project_o.jpg) no-repeat left bottom; }
#navAbout { background:url(/images/en/nav_about_o.jpg) no-repeat left bottom; }
/* End Menu */

/* Red roll over buttons */
.redBtn a { float: left; display:block;  }
.redBtn a img {  border:none; vertical-align:bottom; /* for IE6 */}
.redBtn a:hover { visibility:visible; }
.redBtn a:hover img { visibility:visible; }
.redBtn a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}

/* Home */
#homeEifOver { background: url(/images/en/home_eif_o.jpg) no-repeat left bottom; }

/* Doc Center 1 */
ul.list { display: block; list-style: none; margin: 0; padding: 0; width: 100%; }
.list li { display: block; clear: both; background-color: #1e1e1e; color: #646464; font-family: Arial, sans-serif; font-size: 10px; padding: 0; margin: 0; line-height: 10px; }
.list li a { background-color: #1e1e1e; clear: both; float: left; padding: 5px; margin: 0 0 1px 0; width: 280px; font-size: 10px; text-transform: uppercase; }
.list li a:hover { background-color: #dc000a; color: #e1e1e1; }
li.listSelectable a { background-color: #282828; color: #afafaf; }
li.listSelected a { background-color: #dc000a; color: #e1e1e1; }

/* Doc Center 2 - System */
.system1 { font-family: Arial, sans-serif; font-size: 24px; color: #c8c8c8; text-transform: lowercase; }
.system2 { font-family: Arial, sans-serif; font-size: 18px; color: #c8c8c8; font-weight: bold; text-transform: uppercase; }
.system3 { font-family: Arial, sans-serif; font-size: 18px; color: #dc000b; font-weight: bold; text-transform: uppercase; }
.systemDesc { margin-top: 0px; font-size: 12px; color: #969696; }
.systemItem { background-color: #282828; padding:0; margin: 0;}
.systemItem a { float: left; width:257px; font-family: Arial, sans-serif; font-size: 10px; color:#afafaf; text-transform: uppercase; padding: 4px 0px 4px 8px ; }
.systemItem a:hover { background-color: #dc000a; color: #e1e1e1; }
.systemItemNoHover a:hover { background-color: #282828; color: #afafaf; }

ul.textList { list-style-type: disc; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 16px;}
.textList li { font-family: Arial, sans-serif; color: #646464; font-size: 12px; }

/* Doc Center 3 - Product */
.product1 { font-family: Arial, sans-serif; font-size: 18px; color: #c8c8c8; font-weight: bold; text-transform: uppercase; }
.product2 { font-family: Arial, sans-serif; font-size: 24px; color: #c8c8c8; text-transform: lowercase; }
#productBackBtn { position:absolute; top: -29px; right: 0px; }
#productBackOver { background: url(/images/en/doc3_back_btn_o.jpg) no-repeat left bottom; }

/* Textures and colours */
#colorImportant { margin-top: 0px; font-size: 12px; }
#colorImportant a { text-decoration: underline; color: #c8c8c8; font-size: 12px; }

.colVeneerPlaster { background: url(/images/color/col_veneer_plaster-l.jpg); }
.col1mmPlaster { background: url(/images/color/col_1mm_plaster-l.jpg); }
.col15mmPlaster { background: url(/images/color/col_15mm_plaster-l.jpg); }
.col2mmPlaster { background: url(/images/color/col_2mm_plaster-l.jpg); }
.colPebbleTexFine { background: url(/images/color/col_pebbletex_fine-l.jpg); }
.colPebbleTexMedium { background: url(/images/color/col_pebbletex_medium-l.jpg); }
.colAkrilFlex { background: url(/images/color/col_akril_flex-l.jpg); }
.colMetallic { background: url(/images/color/col_metallic-l.jpg); }
.colMicatex { background: url(/images/color/col_micatex-l.jpg); }
.colPlasteneBMosaic { background: url(/images/color/col_plastene_b_mosaic-l.jpg); }
.colBrikTex { background: url(/images/color/col_brik_tex-l.jpg); }
.colVintagePlaster { background: url(/images/color/col_vintage_plaster-l.jpg); }
.colLimtestone { background: url(/images/color/col_limestone-l.jpg); }

/* EIF Systems */
.subNav { font-family: Arial, sans-serif; font-size: 11px; color: #323232; }
.subNav a { font-weight: bold; color:#646464; text-transform: uppercase; }
.subNav a:hover {  }
a.subNavSelected { font-weight: bold; text-transform: uppercase; color:#c8c8c8; }
a.subNavSelected:hover { }

/* Download */
.white { font-family: Arial, sans-serif; font-size: 12px; color:#c8c8c8; }