INPUT, SELECT {
      background:#FFFFFF;
      color: #000000;
      font-size: 11px;
      padding-left: 4px;
      border: solid #e7e7e7 1px;
      FONT-FAMILY: Verdana;
}

TABLE {
      font-size: 11px;
      FONT-FAMILY: Verdana;
}

.gen_id {
      font-size: 9px;
      FONT-FAMILY: Verdana;
}

.button  {
	Color: #000000; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica, sans-serif; BACKGROUND-COLOR: #e7e7e7
}

#copyright {
        FONT-SIZE: 10px; text-decoration: none; COLOR: #b5b5b5; FONT-FAMILY: Verdana;
 clear: both;
 position: relative;
        left: 45%;
        bottom: 5;
}
body { 
background: #f6f6f6;
color: black; 
font: 11px Verdana;
}
p {
font: 11px Verdana;
text-indent: 0.0em; 
}

a {
	color:#525eff;
	text-decoration:none;
}

a:hover {

	color:#000000;
	text-decoration:underline;
}


#top_logo {
	position: absolute;
	left: 45px;
	top: 20px;
}

#top {
	font: 21px Verdana;
        position: absolute; 
        left: 250px;
	top: 20px;
}

#search {
        font: 12px Verdana;
        position: absolute; 
        right: 50px;
        top: 20px;
}

#content {
	background: #ffffff; border: 1px solid #a7d7f9;
	position: absolute; top: 100px; right: 10px; padding: 10px;
	width: 80%; height: auto;
}

#cart_list {
        width: 78%; height: auto;
}

#menu {
        position: absolute; top: 100px; left: 20px;
        width: 15%; height: 80%;
}
#custom-gen ul li:before {
      content: "\00BB \0020";
      }
.nav {
	list-style:none;
	padding: 5px;
}
.nav_pod {
        list-style:none;
        padding: 5px;
}


.modalDialog {
    position: absolute;
    font-family: Arial, Helvetica, sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    z-index: 99999;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    display: none;
    pointer-events: none;
}

.modalDialog:target {
    display: block;
    pointer-events: auto;
}
 
.modalDialog > div {
    width: 400px;
    position: relative;
    margin: 10% auto;
    padding: 5px 20px 13px 20px;
    background: #fff;
    border: 1px solid #a7d7f9;
}


.close {
    background: #606061;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    right: -12px;
    text-align: center;
    top: -10px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
}
 
.close:hover { background: #00d9ff; }


.autocomplete-w1 { background:url(design/shadow.png) no-repeat bottom right; position:absolute; top:4px; left:3px; /* IE6 fix: */ _background:none; _top:1px; }
.autocomplete-w2 { padding:0 6px 6px 0; }
.autocomplete { width:200px; border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; color:#3399FF; }

div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}

div.autocomplete ul li.selected { background-color: #ffb;}

div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:32px;
  cursor:pointer;
}

@media print {
 #content {
   display:block;
   background: #ffffff; border: 0px solid #ffffff;
   position: absolute; top: 10px; left: 10px; padding: 10px;
   width: 100%; height: auto;
 }
 #print_button {
        display: none;
 }
 #copyright {
        display: none;
 }
}

.company_info {
        font: 8px Verdana;
}

.conditions {
font: 7px Verdana;
}