body {
background: #d7d7d7; /* page background around wrapper */
padding: 0 0 0 0;
 /* margin: 0 0 0 0; */



background-image: url('page-background1024.gif');
background-repeat: repeat-y;
background-position: center;
}

.menu {
margin-left: 29px;
width: 900px; /* was 950px*/
background: white;
font-size:1.3em;

font-family: verdana, arial;
position:relative;
z-index:100;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin: 0px;
list-style-type:none;
}

.menu ul ul {
width:130px;   /* was 130px. width of main menu buttons in IE7 */
}


.menu li {
float:left;
font-weight: bold;
width:125px; /* was 130px spacing between main menu boxes*/
position:relative;
}

/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-weight: bold;
font-famil : verdana;
font-size:10px; /* main menu text size */
text-decoration:none; 
color:#fff; 
width:120px; /* was 119px. width of main menu boxes */
height:30px; 
border:1px solid #fff; 
border-width:1px 1px 0 0; 
background: #00489b; /* Menu bar background */ 
padding-left:4px; /* was 10px. Effects main menu text left padding and main menu box width */
line-height:31px;
}

/* a hack so that IE5.5 faulty box model is corrected. Main Menu box width in IE6 */
* html .menu a, * html .menu a:visited {
width:106px; /* was 130px*/
w\idth:109px; /*was 139px*/
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#CCFF66 ;
}

/* style the second level hover */
.menu ul ul a.drop:hover{
background:#5BA51E ;
}

.menu ul ul :hover > a.drop {
background:#5BA51E url(../../graphics/drop.gif) bottom right no-repeat;
}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#CCFF66;
}

/* style the third level hover */
.menu ul ul ul a:hover {
background:#5BA51E;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:31px;
left:0; 
width:115px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:30px;
t\op:31px;
}

/* position the third level flyout menu */
.menu ul ul ul{
left:120px; 
top:0;
width:126px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:144px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#CCFF66; 
color:#000; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:124px

/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:135px;
w\idth:124px;
}


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#fff; 
background:#5BA51E;
}
.menu :hover > a, .menu ul ul :hover > a {
color:#fff;
background:#5BA51E;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}

/* ############   END OF MENU ######################### */

.wrapper {

  width:929px; /*was 929px  was 83% was 910px*/
 
  font-family: sans-serif, verdana;
  background: white;
 /* margin-top: -14px; */
  margin-left: auto;
  margin-right: auto;



 /* padding: 12px 12px 12px 12px; */
  border: 0px solid gray;
  




}

.banner {
   
   margin-top: -10px; /* space above oscrete logo */
   margin-left: 15px;  /* space to left of oscrete logo */
   margin-bottom:5px; /* space below oscrete logo */
   margin-right: 25px;
   height:85px;
   border: 0px solid white;
   background: url( 'oscrete_web.gif' ) 15px 13px no-repeat;
}


.content {   
  font-family: verdana, arial; 
  width: 835px;
  background: white;
  padding: 2% 2% 2% 2%;
  margin-top: 42px; /* was 15px */
  margin-bottom: 10px;
  margin-left:28px;
  font-size:0.73em;
  text-decoration: none;
  border: 1px solid #c4c4c4;

  
}

.footer {   
  width: 878px;
  margin-left: 24px;
  margin-right: 4px;
  background: white;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 0px 0px 0px 0px;
  font-size: 0.7em;
  text-decoration: none;
  color: black;
  text-align: right;
  border: 0px solid #c4c4c4;
}


.sub-footer1 {
background: #00489b;
min-height:15px;
margin-left: 3px;
margin-top:5px;
margin-bottom: 8px;

height:5px;
width:100%;
padding: 0 0 0 0;
}

div.search {
	color: black;
        width:490px;
        position: relative;
        float: right;
	font-size:0.8em;
        line-height: 1.5em;
        margin-top:-80px;
        margin-right:-70px;
	padding:8px;
	z-index:999;
}

.brand_box {
width:95%;
padding: 18px 18px 18px 18px;
}

.brand_text {
width: 500px;
color: white;
position: relative;
float: left;
}

.brand_logo {
position: relative;
margin-top: 15px;
float:right;
}

.product_box {
width:95%
background: yellow;
padding: 5px 5px 5px 5px;
}

.product_text {
width: 600px;
float: left;
}

.product_image {
float:right;
margin-top:25px;
}

.image_border {
border: 1px solid #00489b;
padding: 2px 2px 2px 2px;
}




.about_left {
float: left;
width:68%;
}

.about_right {
float: right;
margin-right: 5px;
}


h1 {
font-family: verdana, arial;
margin-top: 0px;
font-size:1.8em;
margin-bottom:0px;
padding: 0 0 0 0;

}

h2 {
font-family: verdana, arial;
margin-top: 0px;
font-size:1.2em;
margin-bottom:0px;
padding: 0 0 0 0;

}

h3 {
font-family: verdana, arial;
font-size:1em;
}

p {
color: black;
}