/* CSS Document */
/*################################################################
###             Stylet for Backstage Alliance                  ###
###         Samppa von Cyborg, Bubi & Niklas Rämö              ###
################################################################*/

body {
  background-image:url(bsrs-bg.jpg); 
  background-repeat:repeat-y; 
  background-position: center top;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: #CCC;
  margin:0;
  padding:0;
  background-color: #000;
  overflow: -moz-scrollbars-vertical; 
}
table,img {
	border-style: none;
}
td, font, select, input {
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
}
form {
	margin: 0;
}
a:link, a:visited  {
  color: #CC0000;
  text-decoration: none;
  outline:none;
}
a:active, a:hover  {
  color: #CCC;
  text-decoration: none;
  outline:none;
}
h1 {
	font-size: 14pt;
	font-weight: bold;
	padding: 2px 0 7px 1px;
	text-align: left;
	margin: 0 0 15px 0;
}
h2 {
	font-size: 12pt;
	font-weight: bold;
	padding: 0px;
	margin: 8px 0 12px 0;
}
h3 {
	font-size: 12px;
	font-weight: bold;
}
.haku {
  width:210px;
  background-image: url(search2.gif);
  background-repeat:no-repeat;
  font-weight:bold;
  margin-left:8px;
}

/* SEARCH SIVU *******/

.search_kuva img { 
  height:70px;
  float:left;
 }
.prodboxsearch_head {
  font-size: 11pt;
  font-weight: bold;
  padding: 0px;
  margin: 4px 0 8px 4px;
}

/***** ***/

.toppen {
  width:100%;
  height:180px;
  padding-top:8px;
}
.vali {
        width:100%;
        height:28px;
        background-image: url(tahdet.gif);
}
#wrap {
  background-image: url(bsrs-bg-top.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  width: 1020px;
  text-align: center;
}
.left {
  padding-left:11px;
}

.main {
  font: 11px;
  padding:5px 0;
  text-align: left;
}

/* Menu Start */

#imap-menu {
  margin:0;
  padding:0;
  display:block; 
  width:433px; 
  height:120px; 
  background:transparent url(menu.png) no-repeat; 
  position:relative;
  }
#imap-menu dd {
  position:absolute; 
  padding:0; 
  margin:0;
  }

/* position*/

#imap-menu #pic-new {
  left:9px; 
  top:50px; 
  z-index:20;
  }
#imap-menu #pic-special-offers {
  left:73px; 
  top:33px; 
  z-index:20;
  }
#imap-menu #pic-top10 {
  left:230px; 
  top:24px; 
  z-index:20;
  }
#imap-menu #pic-info {
  left:10px; 
  top:90px; 
  z-index:20;
  }
#imap-menu #pic-faq {
  left:53px; 
  top:87px; 
  z-index:20;
  }
#imap-menu #pic-terms-of-delivery {
  left:94px; 
  top:70px; 
  z-index:20;
  }
#imap-menu #pic-news {
  left:231px; 
  top:65px; 
  z-index:20;
  }
  
/* button sizes */
  
#imap-menu a#menu-new {
  display:block; 
  width:44px; 
  height:29px; 
  text-decoration:none; 
  z-index:20;
  }  
#imap-menu a#menu-special-offers {
  display:block; 
  width:139px; 
  height:37px; 
  text-decoration:none; 
  z-index:20;
  }
#imap-menu a#menu-top10 {
  display:block; 
  width:62px; 
  height:30px; 
  text-decoration:none; 
  z-index:20;
  }
#imap-menu a#menu-info {
  display:block; 
  width:35px; 
  height:23px; 
  text-decoration:none; 
  z-index:20;
  }
  
#imap-menu a#menu-faq {
  display:block; 
  width:31px; 
  height:21px; 
  text-decoration:none; 
  z-index:20;
  }
  
#imap-menu a#menu-terms-of-delivery {
  display:block; 
  width:125px; 
  height:34px; 
  text-decoration:none; 
  z-index:20;
  }
  
#imap-menu a#menu-news{
  display:block; 
  width:42px; 
  height:24px; 
  text-decoration:none; 
  z-index:20;
  }

/* hover */

#imap-menu a#menu-new:hover {
  background:transparent url(menu-hover.png) -9px -50px no-repeat; 
  z-index:30;
  }

#imap-menu a#menu-special-offers:hover {
  background:transparent url(menu-hover.png) -73px -33px no-repeat; 
  z-index:30;
  }

#imap-menu a#menu-top10:hover {
  background:transparent url(menu-hover.png) -230px -24px no-repeat; 
  z-index:30;
  }

#imap-menu a#menu-info:hover {
  background:transparent url(menu-hover.png) -10px -90px no-repeat; 
  z-index:30;
  }
  
#imap-menu a#menu-faq:hover {
  background:transparent url(menu-hover.png) -53px -87px no-repeat; 
  z-index:30;
  }
  
#imap-menu a#menu-terms-of-delivery:hover {
  background:transparent url(menu-hover.png) -94px -70px no-repeat; 
  z-index:30;
  }
  
#imap-menu a#menu-news:hover {
  background:transparent url(menu-hover.png) -231px -65px no-repeat; 
  z-index:30;
  }
  
/* Menu End */

/**** OSTOSKORI ****/

.cartcontent {
  padding: 0;
  background-image: url(ostoskori_tyhja.gif);
  background-repeat: no-repeat;
}
.kori_yla {
  background-image: url(ostoskori_yla4.gif);
  background-repeat: no-repeat;
  height:75px;
}
.korin_tavarat {
  background-image: url(ostoskori_keski4.gif);
  background-repeat: repeat-y;
  text-align:left;
}
.korin_tavarat td .hinta {
 font-size:11px;
 color:#CC0000;
}
.korin_tavarat td {
  font-family:Arial,mono;
  font-size:10px;
  color:#000000;
  font-weight:bold;
  
}
.korin_ala {
  background-image: url(ostoskori_ala4.gif);
  background-repeat: no-repeat;
  background-position: bottom left;
  color:#CC0000;
}

/******** anti vanhan navin vielä olla...

ul.ProductGroupTree {
  list-style-type:none;
  margin:0;
  padding: 0 0 4px 0px;
}
ul.ProductGroupTree li a {
  font-size:14pt;
  color:#DCDCDC;
  list-style-type:none;
  font-weight: bold;
  line-height:1.5em;
  padding:0;
  margin:0;
}
***********/
ul.ProductGroupTree  {
  list-style-type:none;

  padding:0;
  margin:0;
  line-height:1.6em;
}
ul.ProductGroupTree li a {
  color:#dad2bf;
  font-weight:bold;
  margin:0;
  padding-left: 7px;
 /* background: url(nappiA.gif) -2px 2px no-repeat; */
}
ul.ProductGroupTree li a:hover {
  color:#CC0000;
}
ul.ProductGroupTree li.sel a {
  color:#CC0000;
 /* background: url(nappi.gif) -2px 2px no-repeat; */
}
.qty input{
  background-image: url(qty_bg2.gif);
  background-repeat: no-repeat;
  background-color: #1b1b1b;
  border: none;
  text-align:center;
  font-size:11pt;
  font-weight:bold;
  padding:2px;
  height:20px;
  width:34px;
  color:#9d1313;
}
.info {
	color: #4B4B4B;
	font-size: 12px;
}
.name {
	font-size: 24px;
	text-transform: uppercase;
}
.producttitle {
	font-size: 12px;
}
.more {
	font: bold 12px;
}
.back {
	background-image: url(back_arrow.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	font-size: 11px;
	background-position: 3px 3px;
}
.price {
	color: #EEE;
	font-size: 16px;
	font-weight: bold;
}

/**** LOGIN ja MEMBERS area ****/

.memberarea {
  color: #e1dbce;
  padding:0;
  margin:0;
}
.memberarea p {
  text-align:left;
}
.login {
  width: 100%;
  padding: 1px 1px 25px 0;
  background-image:url(login_bg.png);
  background-repeat:no-repeat;
  background-position: top center;
  text-align:center;
}
.log_table td {
  color: grey;
  text-align:left;
}
.log_table { 
  width:142px;
  text-align:left;
}
.LoginFormUser, .LoginFormPasswd {
  border: 0px solid #000;
  width: 110px;
  background:none;
  font-weight:bold;
}
.LoginLoginButton {
  background:none;
}
.log_ines td {
  color: #dad2bf;
  font-size: 80%;
  text-align:left;
}

.footer {
  margin-top: 10px;
}


/**** TUOTEBOKSI ****/

.productBox  {
  width: 259px;
  height:170px;
  background-image:url(pohja.gif);
  background-repeat:no-repeat;
  color:#555555;
  padding-bottom:12px;
}
.productBoxHeading  {
  position: relative;
  float: right;
  right: 8px;
  top: 20px;
  width: 134px;
  height: 120px;
  font-size: 11px;
}
.productBoxHeading  a:hover {
  color:#333;
}
.productBoxImage  {
  float: left;
  position: relative;
  left: 14px;
  top: 18px
}
.productBoxImage img  {
  width:90px;
}
.productBoxPrice  {
  padding:25px 0 0 5px;
  font-size: 13pt;
  font-weight: bold;
}
.tuotekortti_nimi {
  padding: 2px;
  color: #990000;
  font-weight: bold;
}
.ProductAmountField {
  text-align:center;
  font-weight: bold;
  font-size: 10pt;
}
.tuotekortti_hinta {
  padding: 2px;
  font-weight: bold;
  font-size: 120%;
}
.tilaustaulua #ws1, #ws2, #ws3, #ws4, #ws5, #ws6, #ws7, #ws8, #ws9, #ws10, #ws11, #ws12, #ws13, #ws14 {
  background-image:url(vaalea_tausta.gif);
  margin:0;
  padding:3px;
  font-size:9pt;
  border:0px solid black;
  color:black;
}
.tilaustaulua select, .tilaustaulua option {
  background-color:#dbdbd0;
  margin:0;
  padding:1px;
  font-size:8pt;
  border:0px solid black;
  color:black;
}

/**** REKISTR ****/

.registration  {
  width:90%;
}
.registration input {
  background-image:url(vaalea_tausta.gif);
  margin:0;
  padding:3px;
  font-size:9pt;
  border:0px solid black;
  color:black;
}
.registration select, .registration option {
  background-color:#dbdbd0;
  margin:0;
  padding:0;
  border:0px solid black;
  color:black;
}
.RegisterFormSendButton {
  background-image:none;
  margin:0;
  padding:0;
}
.tilausrivi {
  border-bottom:1px solid #666;
}
.OrderFormSendButton {
  backround-color:#000;
  border:0px solid black;
}
.ProductSearchParameter {
	border: 0px solid #a8a8a8;
	height: 15px;
	width: 90px;
  margin-top:6px;
  font-weight:bold;
  background:none;
}
.ProductOptionsField,.ProductAmountField  {
	font-size: 11px;
	border: 1px solid #2b607c;
}