#flashcontent {
  height: 100%;
}
/* end hide */

body, html {
  height:            100%;
  font-family:       Verdana;
  background-image: url(http://www.n4e1.com/n4e1-bg-tiled.jpg);
  background-repeat: repeat;
  margin:            0px;
  padding:           0px;
  color:             #000000;
  font-size:         11px;
  cursor:            default;
  scrollbar-face-color: ThreeDFace !important;
  scrollbar-shadow-color: ThreeDDarkShadow !important;
  scrollbar-highlight-color: ThreeDHighlight !important;
  scrollbar-3dlight-color: ThreeDLightShadow !important;
  scrollbar-darkshadow-color: ThreeDDarkShadow !important;
  scrollbar-track-color: Scrollbar !important;
  scrollbar-arrow-color: ButtonText !important;
}

img {
  border: 1px #000000 solid;
}

img.logo {
  border: 0px #ffffff solid;
}

img.stocklist {
  border: 1px #000000 solid;
}

/* CSS Image Pop-Up from Thumbnails */
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
border: 1px #000000 solid;
padding: 0px;
left: -1000px;
visibility: hidden;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
}

/* End of CSS Image Pop-Up */

li {
    color: #000000;
    font-size: 12px;
    font-family: Verdana;
}

table.menu {
  font-family: Century Gothic;
  font-size: 21px;
  empty-cells: hide;
  border-collapse: collapse;
  border-spacing: 5px;
  border: 0px;
  color: #000000;  
}

tr.menu {
  vertical-align: middle;
  background-color: #ffffff;
  border: 0px;
}

td.menu {
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px #EEEEEE solid;

  /* Because of IE, I need this too */
  h: expression(onmouseover=new Function("this.style.backgroundColor='#F5F5F5';"),
                onmouseout=new Function("this.style.backgroundColor='#ffffff';"));
}

td.menu:hover {
  vertical-align: middle;
  background-color: #F5F5F5;
}

table.shop {
  font-family: Arial;
  font-size: 14px;
  empty-cells: hide;
  border-collapse: collapse;
  border-spacing: 5px;
  border: 0px;
  color: #000000;
  width: 100%;
  font-weight: normal; 
}

tr.shop {
  vertical-align: middle;
  background-color: #ffffff;
  border: 0px;
}

td.shop {
  vertical-align: middle;
  background-color: #ffffff;
  border-top: 1px #000000 solid;
  border-bottom: 1px #000000 solid;
  padding: 10px 3px 10px 3px;

  /* Because of IE, I need this too */
  h: expression(onmouseover=new Function("this.style.backgroundColor='#F5F5F5';"),
                onmouseout=new Function("this.style.backgroundColor='#ffffff';"));
}

td.shop:hover {
  vertical-align: middle;
  background-color: #F5F5F5;
  border-top: 1px #000000 solid;
  border-bottom: 1px #000000 solid;
  padding: 10px 3px 10px 3px;
}

table.clothes {
  empty-cells: hide;
  border-collapse: collapse;
  border-spacing: 5px;
  border: 0px;
  color: #000000;
  width: 100%;
  font-size: 15px;
  font-family: Arial;
  font-weight: normal;
}

tr.clothes {
  vertical-align: middle;
  background-color: #ffffff;
}

td.clothes {
  vertical-align: middle;
  background-color: #ffffff;
  padding: 10px 0px 10px 0px;
  border-top: 1px #CCCCCC solid;
  border-bottom: 1px #CCCCCC solid;
  text-align: center;
}

table.clotheslist {
  font-family: Arial;
  font-size: 14px;
  empty-cells: hide;
  border-collapse: collapse;
  border-spacing: 2px;
  border: 0px;
  color: #000000;
  width: 100%;
  font-weight: normal; 
}

tr.clotheslist {
  vertical-align: middle;
  background-color: #ffffff;
  border: 0px;
}

td.clotheslist {
  vertical-align: middle;
  background-color: #ffffff;
  padding: 3px 1px 3px 1px;
}

div.author {
  margin-top: 0;
  margin-bottom: 0;
  color: #000000;
  font-size: 9px;
  font-family: Verdana;
  font-style: italic;
  font-weight: bold;
}

div.date {
  margin-top: 0;
  margin-bottom: 0;
  color: #000000;
  font-size: 11px;
  font-family: Verdana;
  font-style: normal;
  font-weight: bold;
}

div.posts {
  margin-top: 0;
  margin-bottom: 0;
  color: #000000;
  font-size: 11px;
  font-family: Verdana;
  font-style: normal;
  font-weight: normal;
}

h2.title {
  margin-top: 0;
  margin-bottom: 0;
  text-align: center;
  padding-top: 10;
  color: #CCCCCC;
  font-size: 44px;
  font-family: Century Gothic;
  font-style: normal;
  font-weight: normal;
}

h2.shoptitle {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 10;
  color: #CCCCCC;
  font-size: 44px;
  font-family: Century Gothic;
  font-style: normal;
  font-weight: normal;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  color: #000000;
  font-size: 17px;
  font-family: Verdana;
  font-style: italic;
  font-weight: bold;
}

h3.stocklists {
  margin-top: 0;
  margin-bottom: 0;
  color: #000000;
  font-size: 17px;
  font-family: Verdana; 
  font-style: normal; 
  font-weight: normal;
}

h3.posttitle {
  margin-top: 0;
  margin-bottom: 0;
  color: #000000;
  font-size: 17px;
  font-family: Verdana;
  font-style: italic;
  font-weight: bold;
  text-decoration: none;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  color: #000000;
  font-size: 12px;
  font-family: Arial;
  font-weight: bold;
}

h4.shopbottom {
  margin-top: 0;
  margin-bottom: 0;
  color: #000000;
  font-size: 14px;
  font-family: Arial;
  font-weight: normal;
}

h4.store {
  margin-top: 0;
  margin-bottom: 0;
  color: #000000;
  font-size: 15px;
  font-family: Arial;
  font-weight: normal;
}

h4.product {
  margin-top: 0;
  margin-bottom: 0;
  color: #000000;
  font-size: 9px;
  font-family: Arial;
  font-weight: bold;
}

h4.press {
  margin-top: 0;
  margin-bottom: 0;
  color: #000000;
  font-size: 9px;
  font-family: Arial;
  font-weight: bold;
}

h5 {
    margin-top: 0;
    margin-bottom: 0;
    color: #000000;
    font-size: 10px;
    font-family: Verdana;
    font-weight: bold;
}

h6 {
    margin-top: 0;
    margin-bottom: 0;
    color: #000000;
    font-size: 10px;
    font-family: Arial;
    font-weight: normal;
}

h7 {
    margin-top: 0;
    margin-bottom: 0;
    color: #000000;
    font-size: 7px;
    font-family: Verdana;
    font-weight: bold;
}

hr {
    width: 100%;
    text-align: left;
    margin: 0 0 0 0;
    margin-top: 2px !important;
    margin-top: 0px;
    margin-bottom: 3px !important;
    margin-bottom: 1px;
    height: 1px;
    border: 0;
    background-color: #000000;
    color: #000000;
}

hr.closed {
    width: 100%;
    text-align: center;
    margin: 0 0 0 0;
    margin-top: 2px !important;
    margin-top: 0px;
    margin-bottom: 3px !important;
    margin-bottom: 1px;
    height: 1px;
    border: 0;
    background-color: #000000;
    color: #000000;
}

a { 
  cursor:          pointer; 
  color:           #000000; 
  text-decoration: none; 
}    

a:hover { 
  color:           #000000;
  text-decoration: underline; 
}

a:visited {
  color: #000000;    
}

a:visited:hover {
  color:           #000000;
  text-decoration: underline; 
}

a.shop { 
  cursor:          pointer; 
  color:           #000000; 
  text-decoration: none; 
}    

a.shop:hover { 
  color:           #000000;
  text-decoration: none; 
}

a.shop:visited {
  color: #000000;    
}

a.shop:visited:hover {
  color:           #000000;
  text-decoration: none; 
}



/*div section for layout*/


div.layout#wrapper {
	position:relative; 
	margin-left:auto; 
	margin-right:auto;
	top: 0px; 
	width:980px;
	background-color: #ffffff; 
	
}

div.layout#content {
	background-color: #F5F5F5;
	width: 944px;
	position:static;
	margin-top: 0px;
	margin-left: 20px;
}

div.layout#menu {
	background-color: #ffffff;
	width: 944px;
	position:static;
	margin-top: 0px;
	margin-left: 20px;
	margin-bottom: 3px;
	font-size: 22px;
	font-family: Microsoft Sans Serif;
}

div.layout#stocklists {
	margin-left: 5px;
	margin-right: 5px;
}

div.layout#archive {
	position:static;
	margin-top: 0px;
	margin-left: 20px;
}

/* Begin Form Elements */
#searchform {
	margin: 5px auto;
	padding: 5px 3px; 
	text-align: center;
	}

#sidebar #searchform #s {
	width: 120px;
	padding: 1px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}
