/*-----------------------------------------------------------------------------
Apeks Marine Equipment Stylesheet

version:   1.0
author:    dave mellody
email:     david.mellody@cyber-sites.co.uk
website:   http://www.cyber-sites.co.uk/



SECTIONS
	
	1. =General Rules
    2. =Branding
	3. =Navigation


/* =General Rules
-----------------------------------------------------------------------------*/

body { 
font: 12pt normal "Arial";
      color: #2D334A;
      background-color: #FFF;
      font-size: 12px;
}
table {
       font-family: "Arial";
       font-size: 12px;
      }	  
/* =Branding
-----------------------------------------------------------------------------*/

h1    {
       font-family: "Arial";
       font-size: 14px;
	   font-weight: bold;
      }
	
h2    {
       font-family: "Arial";
       font-size: 12px;
	   font-weight: bold;
	   margin-bottom: 2;
      }
	  
.lh_header   {
       margin-top: 10;
       font-family: "Arial";
       font-size: 14px;
	   font-weight: bold;
	   color: #2D334A;
      }
	  
.rh_header   {
       font-family: "Arial";
       font-size: 14px;
	   font-weight: bold;
	   color: #FFF;
      }	
	  
.rh_table{
     margin-bottom: 10;
     } 
	  
	  
.footer   {
       font-family: "Arial";
       font-size: 12px;
	   font-weight: bold;
	   color: #FFF;
      }	 
table.matrix   {
       font-family: "Arial";
	   border-collapse: collapse;
	   font-size: 10px;
	   font-weight: bold;
	   color: #000;
      }	  
	  
/* =Navigation
-----------------------------------------------------------------------------*/
a:link{
	  color: #000096;
      }

a:hover{
      color: #CC0000;
      }

.quicklinks {
    font-family: "Arial";
    float: left;
    margin-left:1px;
    margin-bottom:20px;
	width: 146px;
	height: 20px;
	background: transparent url(../images/lh_navbut.gif) top right no-repeat;
	display: block;
	}
	
.nav_spacer{
    font-family: "Arial";
	font-size: 11px;
}
	
.quicklinks a {
	display: block;
	background: transparent url(../images/lh_navbut.gif) top left no-repeat;
	padding-left: 30px;
	font-size: 11px;
	font-weight: bold;
	color: #2D334A;
	text-decoration: none;
	line-height: 1.6;
	}
	
.quicklinks a:hover,
.quicklinks a:visited:hover,
.quicklinks.on a,
.quicklinks.on a:visited {
	color: #cc0000;
	background-image: none;
	}
		
.toplinks {
    height: 18px;
	}

.toplinks_x {
	font-size: 12px;
	font-weight: bold;
	color: #FFF500;
	}

.toplinks a {
    font-family: "Arial";
	display: block;
	padding-left: 10px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 1.6;
	}
	.toplinks a:hover{
                 color: #FFF500;
                 }

.rh_nav  {
    font-family: "Arial";
    float: left;
    margin-left:5px;
	margin-top: 5px;
	margin-bottom: 5px;
	}
	
.rh_nav  a {
	display: block;
	font-size: 11px;
	font-weight: bold;
	color: #2D334A;
	text-decoration: none;
	line-height: 1.6;
	}
	
.rh_nav  a:hover {
	color: #cc0000;
	background-image: none;
	}
	
.em_nav {
    font-family: "Arial";
    float: left;
    margin-left:1px;
	width: 125px;
	height: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	background: transparent url(../images/email_button.gif) top right no-repeat;
	}
	
.em_nav a {
	display: block;
	background: transparent url(../images/email_button.gif) top left no-repeat;
	padding-left: 35px;
	font-size: 11px;
	font-weight: bold;
	color: #2D334A;
	text-decoration: none;
	line-height: 1.6;
	}
	
.em_nav a:hover,
.em_nav a:visited:hover,
.em_nav.on a,
.em_nav.on a:visited {
	color: #cc0000;
	background-image: none;
	}
	
.local_scroll {
	width: 288px;
	height: 390px;
	overflow: scroll;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	}
	
.int_scroll_a {
	width: 588px;
	height: 50px;
	overflow: scroll;
	}
	
.int_scroll_b {
	width: 588px;
	height: 200px;
	overflow: scroll;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	}
	
.partslist_txt { 
font: 11pt normal "Arial";
      color: #000000;
      background-color: #FFF;
      font-size: 11px;
}

.partslist_scroll {
	width: 588px;
	height: 150px;
	overflow: scroll;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	}
.partspic_scroll {
	width: 588px;
	height: 300px;
	overflow: scroll;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	}
.prodlist_scroll {
	width: 450px;
	height: 170px;
	overflow: scroll;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	}
	.matrix_scroll {
	width: 585px;
	overflow: scroll;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	}
/* =Forms
-----------------------------------------------------------------------------*/

#dis_login #username,
#dis_login #password {
	width: 98px;
	border: 1px solid #ccc;
	font-size: 11px;
	}
	
#dis_login label {
	font-size: 11px;
	font-weight: bold;
	}

.dis_login.button {
	border: 0px solid #2D334A;
	background: #575B6C;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	margin-top: 5px;
	text-align: center;
	padding: 2px 0;
	cursor: hand;
	}
	
.dis_login.button:hover {
    color: #CC0000;	
    background: #FFF500;
	font-size: 11px;
	font-weight: bold;
	margin-top: 5px;
	text-align: center;
	padding: 2px 0;
	cursor: hand;
	}

#searchform #Keyword {
	width: 93px;
	border: 1px solid #ccc;
	font-size: 11px;
	}
	
#searchform label {
    color: #999999;
	font-size: 11px;
	font-weight: bold;
	}
	
.searchform.button {
	border: 0px solid #2D334A;
	background: #575B6C;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	height: 17px;
	margin-bottom: 5px;
	text-align: center;
	padding: 2px 0;
	cursor: hand;
	}
	
.language_link {
    color: #999999;
	font-size: 11px;
	font-weight: bold;
	margin-right: 8px;
	text-decoration: none;
	}
	
.language_link  a {
	display: block;
	font-size: 11px;
	font-weight: bold;
	color: #2D334A;
	text-decoration: none;
	line-height: 1.6;
	}
	
.language_link  a:hover {
	color: #cc0000;
	background-image: none;
	}