/* nav menu  CSS rules */
#navmenu {
  display: block;
  padding: 0; margin: 0;
  list-style-type: none;
  background-color: #cccccc;
  border: 0;
}

#navmenu li { 
  display: block; border: 0; margin: 0; padding: .1em;
}

#navmenu li a, #navmenu li a:link, #navmenu li a:visited{
  display: block;
  padding: .5em 0px .5em 10px;
  margin: 0px;
  font-size: 0.95em;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  text-decoration:none ;
  color: black;
  border: 0;  border-left: 15px solid #0000ff;
  background: #EFEBDE url(#) no-repeat bottom right; 

}

#navmenu li a:hover {
  border-left: 15px solid #ff0000;
  background: #000000; 
  color: white;
}



#catalogmenu li a:hover {
  border-left: 15px solid #ff0000;
  background: #000000; 
}

/* overall styles */
body {
 margin: 0px;
 padding: 0px;
 font-family: arial, verdana, helvetica, sans-serif;
 color: #000000;
 background-color: #ffffff;
}
a {
 text-decoration: none;
 font-weight: bold;
 color:#0066FF;
 outline: none;
}
a:visited {
 color:  #0066FF;
}
a:active {
 color:  #0066FF;
}
a:hover {
 color:#FF0000;
 text-decoration: underline;
}

li {
 font-size: .8em;
}

p {
 font-size: .8em;
}

p#validbox {
 text-align: right;
}


h1 {
 font-size: 1.2em;
 font-weight: bold;
}
h2 {
 font-size: 1.1em;
 font-weight: bold;
}
h3 {
 font-size: .9em;
 font-weight: bold;
}

	
img {
 border: 0;
}

/* layout style */
#top {
 margin: 0px 0px 0px 0px;
 padding: 5px;
 border: 2px solid #cccccc;
 background: #000000;
 height: 70px;
}

#imgbanner {
float:left;
}

#imgbannerlogo {
float:right;
overflow: hidden;
}

#left {
 position: absolute;
 left: 0px;
 margin: 0px;
 padding: 5px;
 border-left: 1px solid #cccccc;
 border-right: 1px solid #cccccc;
 border-bottom: 1px solid #cccccc;
 background: #666666;
 width: 190px;
}

#content {
 margin: 0px 200px 0px 210px;
 padding: 5px;
 border-left: 1px solid #cccccc;
 border-right: 1px solid #cccccc;
 background: #ffffff;
 min-height:255px;
}
	
#bottom {
 margin: 5px 0px 0px 0px;
 padding: 0px;
 border: 1px solid #0000ff;
 border-left:15px solid #0000ff;
 border-right:15px solid #0000ff;
 background: #000000;
 height: 30px;
 text-align:center;
 color:#ffffff;
}
/* end layout style */

/* catalog menu */
#catalogmenu {
  display: block;
  padding: 0; margin: 0;
  list-style-type: none;
  background-color: #444444;
  border: 1px solid #cccccc;
  width: 22em;
}
#catalogmenu li { 
  display: block; border: 0; margin: 0; padding: 0px 0px 0px 5px;
}
#catalogmenu li a, #catalogmenu li a:link, #catalogmenu li a:visited{	
  display: block;
  padding: .5em 0px .5em 10px;
  margin: 0;
  border-top: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-left: 0;
  background: #444444; 
}
#catalogmenu li a:hover{	
 background: #666666; 
}

#catalogmenu img{
	border:1px solid #000000;
	margin-right: 5px;
}


.category {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 5px;
 border: 1px solid #cccccc;
 border-bottom: 1px dashed #cccccc;
 border-top: 1px dashed #cccccc;
 background: #444444; 
 width: 22em;
}
.category img{
	border:1px solid #000000;
}
.category#cattop{
 border-top: 1px solid #cccccc;
}
.category#catbottom{
 border-bottom: 1px solid #cccccc;
}


#frmNewsletter #email {
 position: relative;
 top: 0em;
 left: 0em;
 width: 16em;
 font-size: .7em;
 border: 1px solid #000000;
}

#portrait {
 border: 1px solid #000000;
 float:left;
 margin: 0px 5px 5px 0px;
}

p#evolutiontext {
 text-align:justify;
 margin-right: 15px;
}


/*
.category a {
 font-size:.9em;
} 
.category a:link, .category a:visited, .category a:active {
 color:#ffffff;text-decoration:none;
}
.category a:hover {
 background:#000066;color:#ffffff;
}
*/

/*css used to style catalog table */
#tablecatalog tr,img {
 vertical-align:middle;		
}
#tablecatalog tr.nostock {
 color:#999999;
}

#search #txtsearch {
 width: 8em;
 font-size: .7em;
 border: 1px solid #000000;
}
#search #btngo {
 font-size: .7em;
 font-weight: bold;
}

/*css used to style feedback and order form */
#frmfeedback legend, #frmorder legend {
 font-size: 1em;
 font-weight: bold;
}

#frmfeedback fieldset, #frmorder fieldset {
 border: 1px solid #FFFFFF;
 width: 470px;
}

#frmfeedback input, #frmorder input {
 position: relative;
 top: -1.8em;
 left: 12em;
 width: 16em;
 font-size: .7em;
 border: 1px solid #000000;
}
#frmfeedback textarea, #frmorder textarea {
 position: relative;
 top: -1.8em;
 left: 12em;
 width: 25em;
 font-size: .7em;
 border: 1px solid #000000;
}

#frmfeedback input.button, #frmorder input.button {
 clear: both;
 top: 0em;
 left: 0em;
 width: 8em;
 font-weight: bold;
 display:block;
 margin-bottom:10px;
 font-size: .7em;

}

#frmfeedback label, #frmorder label {
 clear: both;
 float: left;
 width: 8em;
 margin-top: 0em;
 font-weight: bold;
 font-size: .8em;
}

#frmfeedback select, #frmorder select {
 position: relative;
 top: -1.4em;
 left: 8em;
}

