/**********   GENERAL STYLES   **********/

body, html {

   padding: 0px;    

   margin: 0px;

   background: #000000; 

   width: 100%;

}

body, td, h1, h2, input, textarea, select { 

   font-family: Verdana, Tahoma, Arial, Courier, sans-serif; 

   color: #000000;

   font-size: 13px;

}

a, a:hover, .menu_index a:hover, .menu a:hover, .footer a:hover {

   color: #f03c00;

   text-decoration: underline;

}

.coloured {

   color: #C80000;

}

table {

   border: 0px; 

   border-collapse: collapse;

}

table td {

   padding: 0px; 

}

img {

   border: none;

}

form, img, div {

   padding: 0px;

   margin: 0px;

   background: transparent;

   border: none;

}

p {

   padding: 0px 0px 15px 0px;

   margin: 0px;   

}



h1 {

   padding: 0px 0px 17px 20px;

   margin: 0px;

   font-weight: normal;

   font-size: 18px;

}

h2 {

   color: #C80000;

   font-family: Verdana;

   font-size: 13px;

   font-weight: bold;

   text-transform: uppercase;

   padding: 0px 0px 10px 20px;

   margin: 0px;

   letter-spacing: 0.02em;

}

h3 {

   color: #C80000;

   font-family: Verdana;

   font-size: 13px;

   font-weight: bold;

   padding: 0px 0px 10px 20px;

   margin: 0px;

}

h3 small {

   font-size: 10px;

   color: #000000;

}

h4 {

   color: #C80000;

   font-family: Verdana;

   font-size: 13px;

   font-weight: bold;

   padding: 0px 0px 10px 40px;

   margin: 0px;

}

h5 {

   color: #ce0000;

   font-family: Verdana;

   font-size: 14px;

   font-weight: bold;

   padding: 0px 0px 10px 40px;

   margin: 0px;

}

ul {

   padding: 0px 0px 15px 0px;

   margin: 0px;

   list-style: none;

}

ul li {

   background: transparent url(img/bullet.gif) no-repeat 0px 5px;

   padding: 0px 0px 4px 21px;   

}

ol {

   padding-top: 0px;

   padding-bottom: 13px;

   margin-top: 0px;

   margin-bottom: 0px;

   font-weight: bold;

}

ol li {

   padding: 0px 0px 8px 0px;

   margin: 0px 0px 0px 23px;

}

ol li span {

   font-weight: normal;

}

.illustration {

   text-align: center;   

   margin: 0px 0px 20px 0px;

   clear: both;

   width: 100%;

}

.illustration td {

   font-size: 10px;

   font-weight: bold;

   text-align: center;   

}

.illustration table {

   margin: 0 auto;

}

.illustration img {

   margin: 0px 0px 1px 0px;

   border: 1px solid #ffffff;

}

.illustration div {

   background: #ffe100;

   padding: 2px 0px 3px 0px;

}



*.fleft {float:left}

*.fright {float:right}

*.clear {clear: both}



/**********   STYLES FOR DESIGN ELEMENTS FOR INDEX PAGE   **********/

.head_index {

   height: 300px;

   width: 100%;

   background: transparent url(img/bg_top.gif) repeat-x 0px 0px;

   clear: both;

   min-width: 950px;

}

.head_index #graphic {

   float: left; 

   //margin-right: -100%; 

}

.head_index #info {

   height: 300px; 

   width: 450px; 

   float: left; 

   //margin-left: 250px;

   background: transparent url(img/bg_top_pict2.gif) no-repeat 0px 85px;

}

#version {

   position: absolute; padding: 20px 0px 0px 169px;

}

#flags {

   position: absolute;

   width: 350px;

   padding: 0px 0px 0px 0px;

   color: #ffe100;

   font: normal 11px Tahoma;   

}

#flags a {

   color: #ffffff;

}

#flags a:hover {

   color: #ffe100;

}

#flags div {

   padding: 0px 19px 0px 29px;

   float: left;

   position: relative;

   top: -44px;

}

div#eng { background: transparent url(img/flags/eng.gif) no-repeat 0px 3px; }

div#fr  { background: transparent url(img/flags/fr.gif) no-repeat 0px 3px;  }

div#esp { background: transparent url(img/flags/esp.gif) no-repeat 0px 3px; }

div#grm { background: transparent url(img/flags/grm.gif) no-repeat 0px 3px; }



#flags_inner {

   font: normal 11px Tahoma;  

   position: relative;

   height: 19px;

   bottom: -8px;

   padding: 0px 0px 0px 31px;

}

#flags_inner div {

   padding: 0px 9px 0px 9px;

   float: left;

}

#flags_inner a {

   color: #000000;

}

#flags_inner a:hover {

   color: #000000;

}

#flags_inner div {

   padding: 0px 22px 0px 24px;

   float: left;

}



.center {

   width: 100%;

   border-bottom: 1px solid #ffffff;

   background: #96c832 url(img/bg_center.gif) repeat-x 0px 0px;

}

.border {

   background: #ffffff;

   vertical-align: bottom;

}

.border img {

   margin: 280px 0px 0px 0px;

}

.menubox {

   vertical-align: top;

   background: #ffe100 url(img/menu_bg.gif) repeat-x 0% 100%;

}

.menubox table {

   width: 201px;

   position: relative;

   top: -19px;

}

.menu_index {

   width: 100%;

   vertical-align: top;

   background: transparent url(img/menu_bg_top.gif) repeat-x 0px 0px;

   padding: 16px 9px 0px 9px;

}

.menu_index a {

   color: #000000;

}

.menu_index ul {

   padding: 0px 0px 17px 0px;

   margin: 0px;

   list-style: none;

}

.menu_index ul li {

   background: transparent url(img/li.gif) no-repeat 0px 1px;

   padding: 0px 0px 9px 25px;   

}

ul.menu {

   padding: 30px 20px 21px 30px;

   margin: 0px;

   list-style: none;

   clear: both;

}

ul.menu li {

   background: transparent url(img/li_menu.gif) no-repeat 0px 1px;

   padding: 0px 0px 9px 25px;   

}

.menu a {

   color: #000000;

}

.menu a:hover {

   color: #C80000;

}

.menu li.active {

   background: transparent url(img/li_menu_a.gif) no-repeat 0px 1px;

   color: #C80000;

   font-weight: bold;

   text-transform: uppercase;

}

.menu li.active a, .menu li.active a:hover{

   color: #C80000;

   text-decoration: none;

}

.menu li.actives {

   background: transparent url(img/li_menu_a.gif) no-repeat 0px 1px;

   color: #C80000;

   font-weight: bold;

}

.menu li.actives a, .menu li.actives a:hover{

   color: #C80000;

   text-decoration: none;

}

.menu li.actives a:hover {

   text-decoration: underline;

}





.box {

   font-family: Arial;

   font-size: 12px;

   margin: 0px 20px 30px 30px;

   border: 1px solid #96C832;

   background: transparent url(img/bg_box.gif) repeat-x 0% 100%;

   padding: 20px 25px 17px 25px;

}

.box big {

   font-size: 14px;

}

.box p {

   padding: 0px 0px 4px 0px;

}



.boxGrad {

   vertical-align: top;

   padding: 20px 10px 15px 7px;

   font-size: 12px;

   font-family: Verdana;

}

.fontSmall .boxGrad {

   padding: 7px;

   font-size: 11px;

}

.boxGrad a,.boxGrad a:hover {

   text-decoration: none;

   color: #000000;

}

.boxGrad img {

   float: left;

   margin: 0px 9px 0px 0px;

   //margin: 0px 6px 0px 0px;

}

.fontSmall .boxGrad img {

   float: left;

   margin: 3px 9px 0px 0px;

   //margin: 3px 6px 0px 0px;

}

.boxGrad h2 {

   padding: 0px 0px 9px 0px;

   margin: 0px;

}

.fontSmall .boxGrad h2 {

   font-size: 11px;

}

.boxGrad p {

   padding: 0px 3px 10px 3px !important;

   margin: 0px;

}

.boxGrad h2, .boxGrad h2 a, .boxGrad h2 a:hover {

   color: #c80000;

   text-decoration: none;

}

.bgYellow {

   background: transparent url(img/grad_y.gif) repeat-x 0px 0px;

}

.bgGreen {

   background: transparent url(img/grad_g.gif) repeat-x 0px 0px;

}

.boxGrad.bgGreen a, .boxGrad.bgGreen a:hover {

   color: #ffffff;

   text-decoration: underline;   

}

.boxGrad.bgGreen {

   font-size: 11px;

}

.boxGrad h3 {

   font-size: 13px;

   padding: 0px 0px 9px 0px;

   margin: 0px;

}

.boxGrad.bgGreen h3 a, .boxGrad.bgGreen h3 a:hover {

   text-decoration: underline;

}

.boxGrad.bgGreen h3, .boxGrad.bgGreen h3 a, .boxGrad.bgGreen h3 a:hover {

   color: #ffff00;

}





.part_right, .part_left {

   width: 50%;

   vertical-align: top;   

   padding: 1px 0px 0px 0px;

}

.part_right {

   background: transparent url(img/bg_right.jpg) no-repeat 50% 100%;

}

.part_left div.shadow {

   background: transparent url(img/shadow_left.jpg) no-repeat 100% 0%;

   width: 100%;

}

.part_right div.shadow {

   background: transparent url(img/shadow_right.jpg) no-repeat 0px 0px;

   width: 100%;

}

.indent {

   padding: 19px 20px 19px 50px;

}

.address {

   padding: 20px 0px 0px 21px;

}

.address p {

   padding: 0px 0px 4px 0px;

}





/**********   STYLES FOR DESIGN ELEMENTS FOR ALL PAGES   **********/

.head {

   width: 100%;

   background: transparent url(img/bg_top2.gif) repeat-x 0px 0px;

   clear: both;

   min-width: 700px;

   height: 150px;

}

.head #head_bg {

   height: 150px;

   background: transparent url(img/bg_top_n.jpg) no-repeat 0px 0px;

   padding: 0px 0px 0px 401px;

}



.left_column {

   vertical-align: top;

   background: #FFE100 url(img/shadow_leftcolumn.jpg) no-repeat 100% 100%;

   border-bottom: 1px solid #ffffff;

}

.left_column_size {

   width: 280px;

   background: transparent url(img/logo_mirror.jpg) no-repeat 0px 170px;

}

.center_column {

   width: 100%;

   vertical-align: top;

   background: #96C832;

   border-left: 1px solid #ffffff;

   border-bottom: 1px solid #ffffff;

}

.content {

   border-top: 1px solid #ffffff;

   background: transparent url(img/bg_content_right.jpg) no-repeat 100% 0%;   

   min-height: 290px;

   padding: 0px 50px 20px 0px;

}

.content_bg {

   background: transparent url(img/bg_content_left.jpg) no-repeat 0px 0px;

   width: 100%;

   padding: 19px 0px 0px 0px;

}

.content p {

   padding: 0px 0px 14px 40px;

}

.content ul {

   padding: 0px 0px 9px 40px;

}

.content .phone {

   float: right;

   padding: 0px 0px 60px 20px;

}



.content .bot_link {margin: 10px 0 10px 20px; width: 200px; height: 40px; font: bold 16px Arial; text-align: center; background: transparent url(img/bg_button.gif) no-repeat 0 0; line-height: 40px;}

.content .bot_link a {color: #336600; text-decoration: none;}

.content .bot_link a:hover {color: #b00000; text-decoration: underline;}



.phone#page_export {

   padding: 0px 0px 300px 25px; 

   position: relative; 

   top: -10px;

}

.phone#page_decorglp {

   padding: 0px 0px 310px 25px;

}

.title {

   padding: 0px 0px 12px 20px;

}

/**********   STYLES FOR DESIGN ELEMENTS FOR COMMON ELEMENTS   **********/

.search {

   padding: 0px 50px;

}

.footer {

   width: 100%;

   height: 59px;

}

.footer, .footer td {

   font-family: Tahoma;

   font-size: 11px;

   color: #ffffff;

}

.footer a {

   color: #96c832;

}

.search input.field {

   width: 290px;

   width: 100%;

   height: 20px;

   background: #ffffff;

   border: 1px solid #34383e;

   font-family: Tahoma;

   font-size: 11px;   

}

.btn_search {

   width: 21px;

   height: 21px;

   margin: 0px 20px 0px 11px;

}

.copyright_index div {

   width: 200px; 

   text-align: center;   

}

.copyright {

   background: transparent url(img/brd_foot.gif) no-repeat 100% 0%;

   padding: 0px 51px 0px 0px;

}

.copyright div {

   width: 180px; 

   text-align: center;      

}



ul.small {

   padding: 0px 0px 0px 4px;

   margin: 0px;

   list-style: none;

   clear: both;

}

ul.small li {

   background: transparent url(img/li_small.gif) no-repeat 0px 12px;

   padding: 7px 0px 0px 15px;   

   margin: 0px;

   font-size: 11px;

   font-family: Tahoma;

   font-weight: normal;

}

ul.small a {

   color: #c80000;

}

ul.small a:hover, ul.small li, ul.small b {

   color: #000000;

}

ul.small li.actives {

   background: transparent url(img/li_small_a.gif) no-repeat 0px 12px;

   padding: 7px 0px 0px 15px;   

   margin: 0px;

   font-size: 11px;

   font-family: Tahoma;

   font-weight: normal;

   color: #000000;

   font-weight: bold;

}



.priceInfo {

   margin: 0px 0px 0px 3px;

   clear: both;

}

.priceInfo td {

   padding: 0px;

   margin: 0px;

   line-height: 1.2em;

}

.priceInfo img { 

   float: none; 

   margin: 0px; 

   height: 5px; 

   padding: 0px; 

}

.priceInfo .link {

   white-space: nowrap;

   padding: 3px 12px 3px 0px;

   font-size: 11px;

   background: #b4dc28;

}

.priceInfo .link a {

   color: #c80000;

   text-decoration: underline;

}

.priceInfo .link a:hover {

   color: #000000;

   text-decoration: underline;

}

.priceInfo .product_name {

   width: 100%;

   padding: 3px 17px 3px 10px;

   font-size: 11px;

   text-align: right;

   background: #b4dc28;

}



.shLeft {

   background: transparent url(img/sh_left.gif) repeat-y 0px 0px;

   vertical-align: top;

}

.shRight {

   background: transparent url(img/sh_right.gif) repeat-y 0px 0px;

   vertical-align: top;

}

.shBtm {

   background: transparent url(img/sh_btm.gif) repeat-x 0px 0px;

   vertical-align: top;

}

.imgBorder img {

   border: 1px solid #f8fbf1;

}

.infoBorder {

   width: 100%;

}

.infoBorder div {

   background: #ffe312 url(img/sh_yellow.gif) repeat-x 0% 100%;

   border: 1px solid #f8fbf1;

   text-align: center;

   font-family: Tahoma;

   font-size: 11px;

   color: #000000;

   line-height: 1.5em;

   padding: 2px;

}

.infoBorder a {

   color: #000000;

}

.infoBorder a:hover, .infoBorder b.red {

   color: #cb0000;

}



/* colour range page */

.range td {

   vertical-align: top;

   background: transparent url(img/sh_box.gif) no-repeat 0px 0px;

   font-family: Tahoma;

   font-size: 9px;

   text-transform: uppercase;

   text-align: center;

   padding: 0px 5px 9px 5px;

}

.range td.active {

   color: #ce0000;

}

.range img {

   border: 1px solid #ffffff;

   margin-bottom: 9px;

}

.range td.active img {

   border: 1px solid #ffff01;

}



/* colours samples */

div.colours {

   padding: 0px 0px 0px 27px;

   //padding: 0px 0px 0px 15px;

   clear: both;

   margin: 0px;

}

.colours img {

   border: 1px solid #ffff01;

   margin-bottom: 4px;

}

.colours div {

   float: left;

   position: relative;

   z-index: 3;

   width: 90px;

   font-family: Tahoma;

   font-size: 9px;

   text-align: center;

   margin: 0px 0px 0px 13px;   

   height: 100px;

}

.colours div div {

   position: absolute;

   background: red;

   width: 300px;

   height: 200px; 

}

.colours div div p {

   position: relative;

   z-index: 5;

   background: green;

   width: 300px;

   height: 200px; 

}





/* tooltip styles */

a.tooltip span {

   display:none;

   text-decoration: none;

}

a.tooltip:hover {

   cursor:pointer;

   //cursor: hand;

   text-decoration: none;

}

a.tooltip:hover span {

   display: block; 

   position: absolute;

   top:-248px; left: -210px; 

   text-align: left; 

   width: 300px;

   height: 248px;

   background: transparent url(img/arrow.gif) no-repeat 250px 100%;

   color: #ce0000;

   font-size: 11px;

   font-family: Tahoma;

   font-weight: bold;

}

a.tooltip:hover span span {

   text-align: center;

   top:0; left:0; 

   width: 300px; height:238px; 

   background: #ffff01;

}

a.tooltip:hover span span {

   display: block; 

}

a.tooltip span span img {

   margin: 8px 0px !important;

}



/* simple tooltip */

div.tooltipBox {

   margin: 0px;

   padding: 0px;

}

.tooltipBox div {

   float: left;

   position: relative;

   font-family: Tahoma;

   font-size: 9px;

   text-align: center;

   z-index: 3;

}

.tooltipBox div div {

   position: absolute;

   background: red;

   width: 296px;

   height: 296px;

   z-index: 5;

}



.tooltipBox div div p {

   position: relative;

   background: green;

   width: 296px;

   height: 296px; 

}



.tooltipBox a.tooltip span span img {

   margin: 8px !important;

}



.tooltipBox a.tooltip:hover span {

   display: block; 

   position: absolute;

   top:-298px; left: -142px; 

   text-align: left; 

   width: 296px;

   height: 306px;

   background: transparent url(img/arrow.gif) no-repeat 220px 100%;

   color: #ce0000;

   font-size: 11px;

   font-family: Tahoma;

   font-weight: bold;

   

}



table.kits .tooltipBox a.tooltip:hover span {

   display: block; 

   position: absolute;

   top:-350px; left: -300px; 

   text-align: left; 

   width: 296px;

   height: 306px;

   background: transparent url(img/arrow.gif) no-repeat 220px 100%;

   color: #ce0000;

   font-size: 11px;

   font-family: Tahoma;

   font-weight: bold;

   

}



.tooltipBox a.tooltip:hover span span {

   text-align: center;

   top:0; left:0; 

   width: 296px; height:296px; 

   background: #ffff01;

}



.tooltipBox a.tooltip span div img {

   margin: 10px !important;

}



.tooltipBox a.tooltip:hover span div {

   position: absolute;

   text-align: center;

   top:0; left:0; 

   width: 470px; height: 620px; 

   background: #000;

   z-index: 10000;

}



.tooltipBoxLink {

   clear: both; 

   text-align: center; 

   padding: 3px 10px 6px 0px; 

   font-size: 10px; 

   font-weight: bold;

   line-height: 1.0em;

}



.tooltipBoxLink a {

    text-decoration: none;

    color: #000000;

}



.tooltipBoxLink a:hover {

    text-decoration: none;

    color: #cb0000;

}



table.kits {margin: 20px 0;}

table.kits td {padding-left: 20px;}

table.kits tr td {font: bold 11px Tahoma; padding-top: 10px;}



.red {color: #c00000 !important}



.marked, .marked a, .marked a:hover {

   color: #ffffff;

}



.clear {clear: both}



p.quest {background: #87b42d; padding: 10px 0 10px 40px; color: #fff; font-weight: bold; margin-bottom: 5px;}



.img_left {margin: 0 20px 10px 40px; float: left;}

.img_right {margin: 0 40px 10px 20px; float: right;}

.img_none {margin: 0 0 10px 40px}



ul.map {

   padding: 0px 0px 15px 20px;

   margin: 0px;

   list-style: none;

}

ul.map li a { color: #202020;}

ul.map li a:hover {color: #C80000;}





.map li {background: none; padding: 0px 0px 8px 0px; font: bold 13px Verdana;}

.map ul li {background: transparent url(img/bullet.gif) no-repeat 0px 5px; padding: 0px 0px 8px 21px; font: normal 12px Verdana; }



ul.files {

   padding: 0px 0px 15px 20px;

   margin: 0px;

   list-style: none;

   margin-left: 20px;

}

.files li {background: none; padding: 0px 0px 8px 0px; font: normal 13px Verdana;}



ul.files li a { color: #202020;}

ul.files li a:hover {color: #C80000;}