/**********   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;}