﻿/* General Elements Class */
html, body
{
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}
body
{
    background-image:url('../Images/master_bg.jpg');
    background-repeat:repeat-x;
}
form
{
    padding: 0px;
    margin: 0px;
}
img
{
    border: none;
}
h2, h3, p
{
    margin: 0px;
    padding: 0px;
}
 
.subscribe_text
{
    font-family: Arial;
    font-size: 13px;
    color: #00566d;   
}


/************************************************************************/
/* Menu classes:                                                                                                           */


/******************
/* Menu changes  */
   #menu_bar
{
  width: 740px;
    padding: 0px 0px 0px 0px;
     background: url( '../images/menu_gray.gif' ) repeat-x;
     height: 25px; 
}

.MENUfront{ width:740px;}
.menu_sta
{
    height: 25px;
   /*  paading: 4px 0px 4px 4px; top right bottom left*/

}

.menu_item_sta td,.menu_item_dyn td,.menu_hover_sta,menu_selected_sta td
{
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
}

.menu_sta td a
{
height: 25px;
padding-right:6px;
padding-left:6px;
  }
.menu_item_sta td{border-right: solid 0px white; margin:0px;padding:0px; }
.menu_item_sta
{ 

color: White;
height: 25px;
 
 white-space:nowrap;
 
}

 .menu_selected_sta td
 {
     background: url( '../images/menu_blue.gif' ) repeat-x;
 }
.menu_hover_sta td a
{
    line-height:24px;
     display:block; 
     height:24px;
      background: url( '../images/menu_blue.gif' ) repeat-x;
     
      }
    

.menu_dyn{  background: url( '../images/menu_gray.gif' ); }
.menu_dyn table{ height:25px;}
.menu_dyn td a{padding-right:6px;padding-left:6px;/*height: 25px;*/
 } 
.menu_item_dyn
{
    line-height:23px;
    height: 23px;
    background: url( '../images/menu_gray.gif' ) repeat-x;
    border-bottom: solid 1px white;
    display:block; 
    
    }

.menu_hover_dyn {background: url( '../images/menu_blue.gif' ) repeat-x;}



/* Containers divs                                                                                                           */
#all
{
    margin-left: auto;
    margin-right: auto;
    width: 740px;
}


#header
{
    height: 80px;
    clear: both;
    background: url(    '../images/header.gif' ) no-repeat;
}


/*  Title                                                                                                          */
#title
{
    height: 101px;
    /*width: 100%;*/
    /*
    margin: 0px;
    padding: 0px;
*/
    background: url(    '../images/title.jpg' ) no-repeat;
}
#title h1
{
    margin: 0;
    padding-left: 10px;
    font-family: Arial;
    font-size: 38px;
    color: #FFFFFF;
    padding-top: 10px;
}
#title p
{
    display: inline;
    width: 420px;
    font-size: 16px;
    color: #FFFFFF;
    margin: 0;
    line-height: 40px;
    padding-left: 10px;
}
#title p.bold_txt
{
    font-weight: bold;
}
#title p a
{
    text-decoration: none;
    color: #FFFFFF;
}

/* Main  */
#main
{
    min-height: 455px;
    height: auto !important;
    height: 455px;
    padding-bottom:10px;
}


/* Links                                                                                                           */
table.links img.link
{
    padding-bottom: 0px;
    /*height: 40px;*/
}
table.links
{
    width: 100%;
    margin-bottom: 5px;
}
table.links td 
{
    /*border: solid 1px black;*/
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    color: #3F3D42;
    margin: 0;
    padding: 0px 0px 0px 0px;
    white-space: nowrap;
    height: 40px;
}
td.border_left
{
    border-left: solid 1px #B4B5B7;
    padding-left: 15px;
}

table.border_left
{
    border-left: solid 1px #B4B5B7;
    padding-left: 15px;
}

/**********************************************************************/


/* Home page                                                                                                           */
#title_hp
{
    height: 160px;
    background: url(    '../images/welcome.jpg' ) no-repeat;
}
#title_hp h1, #title_hp p
{
    margin: 0;
    padding-left: 10px;
}
#title_hp h1
{
    font-family: Arial;
    font-size: 38px;
    color: #FFFFFF;
    padding-top: 5px;
}
#title_hp p
{
    width: 420px;
    font-size: 14px;
    color: #FFFFFF;
    margin: 0;
    padding-top: 10px;
    line-height: 20px;
}

#left_bar
{
    height: 273px;
    
    width: 230px;

}
#search
{
    height: 24px;
    text-align: right;
    width: 213px; /*border:solid 1px black;*/
}

#search input.form
{
    width: 130px;
    margin-right: 33px;
    padding: 0;
}
#search p.search
{
    font-family: Arial;
    font-size: 13px;
    color: #00566d;
    display: block;
    padding: 0px 2px 0px 0px;
    margin: 0;
    float: left;
}
#buttonsearch input.go
{
}
#buttonsearch
{
    padding: 0px;
    margin: -20px 0px 0px 0px;
    top: 0px;
}

#left_bar img.image
{
    display: block;
    margin-top: 10px;
    clear: left;
}
#left_bar p
{
    font-family: Arial;
    padding: 0;
    padding-top: 5px;
    font-size: 11px;
    color: #6D6C71;
}
/* height:273px; */

#content
{
    width: 710px;
 /*  border:solid 1px black;*/
 padding-top:10px;
   min-height: 455px;
    height: auto !important;
    height: 455px;
    padding-bottom:10px;
}


#text_hp
{
 /*  width: 465px;*/
    margin-bottom: 7px;
   
}

/* About Us                                                                                                          */
#contenabout
{
    width: 700px;
    padding-right: 20px;
    padding-left: 10px;
    margin: 0;
    margin-top: 15px;
    margin-bottom: 7px;
    clear: both;
}
#contenabout h3, #contenabout h3 a.title
{
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    color: #00566D;
    text-decoration: none;
}
#contenabout p
{
    line-height: 18px;
    font-family: Arial;
    font-size: 13.5px;
    font-weight: normal;
    color: #3F3D42;
    padding-left: 0px;
    padding-top: 5px;
    padding-bottom: 7px;
    display: block;
}


/* General Content container                                                                        */
#content p, h2
{
    margin: 0;
    padding: 0;
}
#content h3, #content h3 a.title
{
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    color: #00566D;
    text-decoration: none;
}

#content h3.form_sub_title
{
    font-size: 13px;
}


#content p, #content p a.read_more
{
    line-height: 18px;
    font-family: Arial;
    font-size: 13px;
    font-weight: normal;
    color: #3F3D42;
    padding-left: 0px;
    padding-top: 5px;
    padding-bottom: 7px;
}


#content div.news_item, #content div.faq_item
{
    margin-bottom: 10px;
}

#content select.faq_choose
{
    margin-bottom: 15px;
}
table.contact_form td
{
    line-height: 18px;
    font-family: Arial;
    font-size: 13px;
    font-weight: normal;
    color: #3F3D42;
}

/*News */
.news_text
{
    line-height: 18px;
    font-family: Arial;
    font-size: 13px;
    font-weight: normal;
    color: #3F3D42;
    }

/*Online Catalogue                                                                   */
#online_catalogue_content
{
    margin-top: 10px;
     min-height: 455px;
    height: auto !important;
    height: 455px;
    padding-bottom:10px;
}
#online_catalogue_content h2, #faq_content h2, #content h2
{
    font-family: Arial;
    font-size: 22px;
    font-weight: bold;
    color: #00566D;
    padding-bottom: 5px;
}
#online_catalogue_content h2
{
    padding-left: 10px;
}
#online_catalogue_content table.online_catalogue
{
    text-align: left;
    font-size: 13.5px;
    font-weight: normal;
    color: #3F3D42;
    width: 100%;
    border-top: solid 1px #B4B5B7;
    margin-bottom: 10px;
}
#online_catalogue_content table.online_catalogue tr td
{
    width: 260px;
}
#online_catalogue_content table.online_catalogue td span.bold
{
    font-weight: bold;
    padding-left: 10px;
}
#online_catalogue_content table.online_catalogue td.logo
{
    text-align: center;
}
#online_catalogue_content table.online_catalogue td input.button
{
    font-size: 12px;
    color: #3F3D42;
    font-weight: bold;
    display: block;
    width: 94px;
    height: 24px;
    background-color: #EFEFEF;
    text-align: center;
    vertical-align: bottom;
    cursor: pointer;
    border-bottom: outset 2px #fafafa;
    border-right: outset 1px #fafafa;
}
#online_catalogue_content table.online_catalogue tr.alternate_row
{
    background-color: #E5E5E5;
}
#online_catalogue_content table.online_catalogue td
{
    border-bottom: solid 1px #B4B5B7;
}
#online_catalogue_content table.online_catalogue tr
{
    height: 35px;
}

table.online_catalogue tr #open_range
{
}
#open_range #p_container
{
    vertical-align: top;
    padding-top: 8px;
    padding-bottom: 25px;
    padding-left: 10px;
    padding-right: 15px;
    width: 715px;
}
table.online_catalogue div.product_range, table.online_catalogue #selected_item
{
    font-family: Verdana;
    font-size: 10px;
}
#p_container div.product_range a
{
    font-weight: bold;
    color: #9C9C9C;
    font-weight: bold;
    line-height: 18px;
    text-decoration: none; /*letter-spacing:0.5px;*/
}
table.online_catalogue div.product_range a.selected, table.online_catalogue #selected_item h3.selected
{
    font-size: 10px;
    color: #555459;
    text-decoration: underline;
    font-weight: bold;
}
table.online_catalogue div.product_range
{
    float: left;
    width: 362px;
}
table.online_catalogue #selected_item
{
    float: right;
    position: relative;
    width: 325px;
    border: solid 1px #A7A5A8;
    padding-top: 9px;
    padding-left: 9px;
    margin-bottom: 2px;
    font-weight: normal;
    line-height: 14px;
    color: #555459;
}

table.online_catalogue #selected_item img.product_image
{
    margin-right: 10px;
    padding-bottom: 20px;
}
table.online_catalogue #selected_item #description
{
    padding-left: 0px; /*white-space:pre;*/
    white-space: normal;
    padding-top: 25px;
    padding-bottom: 20px;
}

table.online_catalogue #selected_item div.buttons
{
    clear: both;
    margin-bottom: 10px;
    margin-right: 5px;
    text-align: right;
}
table.online_catalogue #selected_item div.buttons a
{
    display: inline;
    margin-left: 8px;
    text-decoration: none;
}
table.online_catalogue #selected_item div.buttons a img
{
    border: none;
}


/*FAQ                                                                               */
#faq_content
{
    margin-top: 10px;
}
#faq_content table.faq tr.alternate_row
{
    background-color: #E5E5E5;
}
#faq_content h2, #faq_content table.faq th
{
    padding-left: 10px;
}
#faq_content table.faq
{
    font-family: Arial;
    width: 100%;
    border-top: solid 1px #9E9FA3;
    margin-bottom: 5px;
}
#faq_content table.faq th
{
    font-size: 15px;
    font-weight: bold;
    color: #00566D;
    white-space: nowrap;
    padding-right: 30px;
}
#faq_content table.faq td
{
    line-height: 18px;
    font-size: 13.5px;
    font-weight: normal;
    color: #3F3D42;
    padding-right: 22px;
}
table.faq th, table.faq td
{
    text-align: left;
    vertical-align: top;
    padding-top: 7px;
    padding-bottom: 7px;
    border-bottom: solid 1px #9E9FA3;
}

/*Contacts */
/********************************************************/
.ctc_ddl
{
    font-size:10px;
}

/*footer                                                                            */
#footer
{
    /*width: 100%;*/
    height: 72px;
    clear: both;
}
#footer img
{
    margin-bottom: 5px;
}
#footer p, div, table, table th, table td
{
    font-weight: normal;
    font-size: 11px;
    font-family: Arial;
    color: #555459;
}
#footer div.privacy, #footer div table
{
    height: 47px;
    float: left;
    margin: 0;
    padding: 0;
}

#footer div.privacy p
{
    width: 236px;
    padding-left: 10px;
}
#footer div.privacy p.links
{
    margin-left: -4px;
    float: none;
    margin-top: 3px;
}
#footer div.privacy p.links a
{
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    color: #3F3D42;
    padding-right: 4px;
    padding-left: 4px;
}
#footer p div.links a:visited
{
    color: #3F3D42;
}
#footer div.contactbox1
{
    width: 186px;
    margin-left: 125px;
    padding-left: 10px;
    border-left: solid 1px #6D6C71;
    display: inline;
    float: left;
}
#footer div table
{
    border: none;
}
#footer #contactbox1 table
{
}
#footer #contactbox1 table tr th
{
    padding-right: 15px;
}
#footer div.contactbox2
{
    width: 164px;
    display: inline;
    float: left;
}
#footer #contactbox2 table
{
}
#footer div table td.email a
{
    color: #00566D;
    text-decoration: none;
}





/************************************************************************/
/* Misc
                                                                                                           */
.end_container
{
    clear: both;
}
.bold
{
    font-weight: bold;
}

.nodisp
{
    display: none;
}
.disp
{
    display:block;   
 /*   display:table;*/
}
.noborder
{
    border: 0px;
}
.hand
{
    cursor:pointer;
}
.nowrap
{
    white-space: nowrap;
}
.center
{
    margin-left: auto;
    margin-right: auto;
}
.border
{
    border: solid 1px black;
}
.underline
{
    text-decoration:underline;
}
.bg_white
{
   background-color: white;
}

/*    Padding 5                                                                                                          */
.pdt5
{
    padding-top: 5px;
}
.pdr5
{
    padding-right: 5px;
}
.pdl5
{
    padding-left: 5px;
}
.pdb5
{
    padding-bottom: 5px;
}
/*    Padding 7*/ 
.pdl7
{
    padding-left: 7px;
}
/*    Padding 10                                                                                                          */
.pdt10
{
    padding-top: 10px;
}
.pdr10
{
    padding-right: 10px;
}
.pdl10
{
    padding-left: 10px;
}
.pdb10
{
    padding-bottom: 10px;
}

/*    Padding 20                                                                                                          */
.pdt20
{
    padding-top: 20px;
}
.pdr20
{
    padding-right: 20px;
}
.pdl20
{
    padding-left: 20px;
}
.pdb20
{
    padding-bottom: 20px;
}


/*    Margin 5                                                                                                          */
.mgt5
{
    margin-top: 5px;
}
.mgr5
{
    margin-right: 5px;
}
.mgl5
{
    margin-left: 5px;
}
.mgb5
{
    margin-bottom: 5px;
}

/*    Margin 10                                                                                                          */
.mgt10
{
    margin-top: 10px;
}
.mgr10
{
    margin-right: 10px;
}
.mgl10
{
    margin-left: 10px;
}
.mgb10
{
    margin-bottom: 10px;
}

/*    Margin 20                                                                                                          */
.mgt20
{
    margin-top: 20px;
}
.mgr20
{
    margin-right: 20px;
}
.mgl20
{
    margin-left: 20px;
}
.mgb20
{
    margin-bottom: 20px;
}

/* font  */
.fs7{font-size: 7px}
.fs8{font-size: 8px}
.fs9{font-size: 9px}
.fs10{font-size: 10px}
.fs11{font-size: 11px}
.fs12{font-size: 12px}
.fs13{font-size: 13px}
.fs14{font-size: 14px}
.fs15{font-size: 15px}
.fs16{font-size: 16px}




/* Development */
.bor{border:solid 1px green}