body { 	background: #5f0a33 url('site/body-bg.jpg') repeat-x left bottom fixed;
	margin: 0;
	padding: 0;
	font-family: verdana, arial, sans serif;
	font-size: 12px;
	line-height: 1.7em;
	letter-spacing: .1em;
	color: #faf4e1;
	text-align: center;
}
#banner img {   
	border: 0;
	padding: 0;
	margin: 0;
}
p { margin: 0;
	padding: 2px 0;
	font-size: 1em; 
	}
img { 
	border: 0;
	margin: 0;
	padding: 0 0  1px 1px;
}
table { border-collapse: collapse; }

#user input[type='text'], #user input[type='password'] {
    margin: 2px 0;
    padding: 1px 2px;
    font-size: 1.1em;
    color: #7d0140;
    background: #ccc url(site/login-bg.gif);
    border: 0;
}  
input[type='submit'], input[type='button']  {
    margin: 0;
    padding:1px 4px 2px 4px;
    font-size: 1em;
    background: #7d0140 url(site/topnav-bg.gif);
    border: 1px solid #82cec2;
    color: #82cec2;
} 
  
#user select {
    margin: 0;
    padding: 1px 2px;
    font-size: 1em;
    background: #fff url(site/login-bg.gif);
    border: 0;
    height: 16px;
} 
#user textarea { font-family: verdana, sans serif;
    margin: 0;
    padding: 1px 2px;
    font-size: 1.1em;
    background: #fff url(site/login-bg.gif);
    background-repeat: no-repeat;
    border: 0;
    height: 100px;
    width: 380px;
} 

#container { 	background: #5e0a32 url('site/container-bg.jpg') repeat-y;
  width: 980px;
  margin: auto;
  border: solid #8c1f53;
  border-width: 0px;
  }

#banner { 
	background: #7c0040;
	/*background: #000;	*/
	margin: auto;
	margin-top: 0px;
	margin-bottom: 3px;
	width: 914px;
	height: 150px;
	padding: 0;
	border: solid yellow;
	border-width: 0px;
}

#main { 
	margin: auto;
	width: 912px;
	background: #7d0040;
	padding: 0;
	border: 1px solid #8c1f53;
}

 h3 { font-size: 1.4em;
  margin: 0 0 5px 8px;
	padding: 0px;
	color: #faf4e1;
	border: 0px solid #000;
}
 h4 {  font-size: 1.2em;
  margin: 5px 0 0 8px;
	padding: 0px;
	color: #82cec2;
	border: 0px solid #000;
}
#top-nav { 
	font-family: "trebuchet ms", arial, sans serif;
  font-size: 1.2em;
  letter-spacing: .2em;
  text-align: right;
  height: 22px;
  padding: 2px 0 0 7px;
	background: url(site/topnav-bg.gif);
	border-bottom: 1px solid #5e0a32;
}
a.topnav { 
	color: #82cec2;
	border-left: 1px solid #8c1f53;
	padding: 2px 5px 4px 6px;
	margin: 3px 0px 0px -7px;
	text-decoration: none;
}
a:hover.topnav, a:active.topnav {
	background:  url(site/topnav-bg2.gif);
	text-decoration: none;
	color: #eee;
}
a:visited.topnav { 
	color: #82cec2;
	/*border-right: 1px solid #8c1f53;*/
	text-decoration: none;
}
/*******products page****************/
/*
.prodbox {
  margin: 0px 15px 15px 5px;
  padding: 4px;
  border: #8c1f53 solid;
  width: 192px;
  height: 211px;
  overflow:hidden;
  background: url(site/prod-bg.gif);
  background-repeat: no-repeat;
  border-width: 0px; 
  float:left; 
  text-align:left;
	font-size: .9em;
  color: #666;
}
*/
.prodbox {
  margin: 0px 10px 15px 5px;
  padding: 4px;
  border: #82cec2 solid;
  width: 330px;
  height: 215px;
  overflow:hidden;
  background: #8f1653 url(site/table-bg.gif);
  background-repeat: no-repeat;
  border-width: 1px; 
  float:left; 
  text-align:left;
	font-size: .9em;
  color: #666;
}
.detailbox {
  margin: 0px 15px 15px 5px;
  padding: 4px;
  border: #82cec2 solid;
  background: #8f1653 url(site/table-bg.gif);
  border-width: 1px; 
  float:left; 
  text-align:left;
/*	font-size: .9em;*/
  color: #faf4e1;
}
.products-head { color: #faf4e1;
  font-weight: bold;
  font-size: 1.3em;
  margin: 0 0 5px -3px;
}
.prod-text { color: #faf4e1;
  font-weight: normal;
  font-size: 1em;
  margin: 0 0 15px 0;
}
.detail-text { color: #faf4e1;
  font-weight: normal;
  font-size: 1.1em;
  margin: 0;
}
.option {  color: #faf4e1;
  font-weight: bold; 
  font-size: 1em;
  margin: 3px 0 0 0;
}
.price { float: right; 
  font-weight: bold; 
  font-size: 1.1em;
	color: #82cec2;
	padding: 0 8px 0 0;
  margin:  0;
}
/*******products page end****************/

tr.header { background: url(site/topnav-bg.gif);
	font-size: 1.2em;
	color: #82cec2;
	border-bottom: 0px dotted #999;
	height:25px;
}

.middle-cell { border-left: 3px solid #70123f;
  padding: 10px 0;
  }
.middle-cell img { 
	border: 0;
	margin: 0 8px 0 0;
	padding: 0;
}  
 /* */
.paragraph img { margin: 8px 8px 8px 0; 
}  

.main-descr { font-size: 1em;
	line-height: 1em;
	margin: 0;
	padding: 3px;
}
.line-height2 {
	line-height: 1.3em;
}	
.paragraph { font-size: 1em;
  color: #faf4e1;
	line-height: 1.3em;
	margin: 0 15px 0 8px;
	padding: 0;
	clear: both;
}
.dotted-border {
	border-top: 1px dotted #8c1f53;
	text-align: center;
	margin: 1px 3px;
}
table p { margin: 0;
	padding: 3px 3px 1px 8px;
	font-size: 1em; 
	}

td h1 { font-size: 1.2em;
  margin: 0 5px;
  }
#bar { border: 0px solid #000;
	margin: 7px 0; 
	text-align: left;
	width: 190px;
	background:#7d0040;
}
/*---------------here comes the pop-out-boxes-----------------*/

.ulTopNav {
	padding:0px;
	margin:0;
	width: 190px;
	border-top: 1px solid #8c1f53;
}
      /*formats the initial links*/
a.topnavlink:link,
a.topnavlink:visited { background: url(site/nav-bg1.gif);
	color: #faf4e1;
  font-size: 1.2em;
	margin: 0px;
	display: block;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 0em;
	padding: 4px 0px 4px 10px;
	border: solid #8c1f53;
	border-width: 0 0 1px 0;
	width: 178px;
	overflow: hidden;
	white-space: nowrap;
}
a.topnavlink:hover,
a.topnavlink:active,
a.topnavlink:visited:hover {
	margin:0px;
	color: #82cec2;
	padding: 4px 0px 4px 10px;
	width: 178px;
	display: block;	
	border-top: 0px solid #ccc;
	background:  url(site/topnav-bg2.gif);	
}
      /*formats initial links end*/

      /*formats the initial list and the box*/
.ulTopNav li {
	font-size: 1em;
	line-height: 1.3em;
	list-style-type: none;
	margin:0px;
	margin-right:0px;
	padding:0px;
	position:relative;
}
      /*this one sticks them in a box and hides them*/
#nav li ul.pullout {
	/*display: none;*/
	padding: 0px;
	margin:0;
	top: 0;
	left: -5000px;
	position:absolute;
}
      /*this one makes the box pop out*/
#nav li:hover ul.pullout { 	top: -1px;
	left: 160px;
	position:absolute;
	width: 150px;
	background-color: #fff;
	border: solid #8c1f53;
	border-width: 1px 1px 0 1px;
	z-index: 10;
}
      /*formats the box links*/
#nav li li a {
  background: url(site/topnav-bg2.gif);
  	color: #eee;
  font-size: 1.2em;
	margin: 0px;
	display: block;
	text-decoration: none;
	font-weight: normal;
	padding: 4px 0px 4px 10px;
	border: solid #8c1f53;
	border-width: 0 0 1px 0;
	/*
	padding: 0;
	font-weight: normal;
	color:#666;
	display: block;
	border: solid #fff;
	border-width: 1px 1px 1px 8px;
	margin: 1px;*/
}
#nav li li a:hover { 
	margin:0px;
	color: #82cec2;
	padding: 4px 0px 4px 10px;
	display: block;	
	border-top: 0px solid #ccc;
	background:  url(site/nav-bg1.gif);
	/*
font-weight: normal;
	color: orange;
	background-color: #eee;
	border: solid #ccc;
	border-width: 1px 1px 1px 8px;
	margin: 1px;*/
}
/*---------------here comes the pop-out-boxes END-----------------*/

/*------------formats the copyright line-----------*/
a.bar {
	text-decoration: none;
	border: 0px;
	/*color: #42718F;*/
	color: #82cec2;
}
a:hover.bar  {
	text-decoration: none;
	background: none;
	border: 0px;
	color: #000000;
} 
a:active.bar  {
	text-decoration: none;
	border: 0px;
	color: #000000;
}
a:visited.bar {
	text-decoration: none;
	border: 0px;
	color: #82cec2;
}
#footer { width: 980px;
  background: #5f0a33 url('site/footer-bg.jpg');
  margin: auto;
	padding: 6px 0;
	font-size: .7em;
  color: #82cec2;
	border: 0px solid white;
	clear:both;
}
/*------------formats the copyright line end-----------*/

/*--------------admin specific---------------*/

#menu { margin: 60px 0 10px 0;
	padding: 1px;
	font-size: .8em;
	border: 0px solid white;
	/*text-align: left;*/
}
.addbox {
  margin: 0px 5px 5px 5px;
  padding: 4px;
  border: #ccc solid;
  background: #fff;
  border-width: 1px; 
  float:left; 
  text-align:left;
	font-size: .9em;
  color: #666;
}
tr.d1 { background: #e8e8e8;
}
a.addbox-img {
  margin:0;
  padding:0;
	text-decoration: none;
	border: 0px;
	color: #42718F;
}
a:hover.addbox-img  {
	text-decoration: none;
	background: none;
	border: 0px;
	color: #000000;
}

#logo { border: 1px solid #999; }

h1 { font-size: 1em;
	margin: 0;
	padding: 0 0;
	color: #455C7E;
	border:0px solid yellow;
}
table {	font-size: .9em; }
table .head { font-size: 1.1em;
  font-weight: bold;
  border: solid #ccc;
  border-width: 0 0 1px 0;
}

.error-text { color: #82cec2;
  font-weight:bold;
  font-size: .9em;
}

a.top {	margin: 3px 6px;
	padding: 2px;
	text-decoration: none;
	background: #eee;
	border: 1px solid #ccc;
	color: #42718F;
}
a:hover.top  {
	text-decoration: none;
	background: #fff;
	color: #000000;
} 
a .img {	margin: 0;
	padding: 0;
	text-decoration: none;
	background: 0;
	border: 1px solid #7d0040;
}
a:hover .img { margin: 0;
	padding: 0;
	text-decoration: none;
	background: 0;
	border: 1px solid red;
}