/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/
.clear:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}.clear {display: inline-block;}html[xmlns] .clear {display: block;}* html .clear {height: 1%;}
#asus{background:url(images/asus.gif)}
#logitech{background:url(images/logitech.png) repeat left -40px}
#msi{background:url(images/msi.png) repeat left -40px}
#antec{background:url(images/antec.png) repeat left -40px}
#intel{background:url(images/intel.png) repeat left -40px}
#amd{background:url(images/amd.png) repeat left -40px}
#buffalo{background:url(images/buffalo.png) repeat left -40px}
#gigabyte{background:url(images/gigabyte.png) repeat left -40px}
#acer{background:url(images/acer.png) repeat left -40px}
#benq{background:url(images/benq.png) repeat left -40px}


#wrapper{width:960px; margin:0 auto; background: #000; border:solid 1px #222; text-align:left;}
#header{width:960px; margin:10px auto 0; text-align:left;}
.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }
#logo{display:block;float:left;margin:10px 10px 10px 30px;overflow:hidden; width:250px;}
.topbanner{padding:0 0 10px 0;}
.arrow{}
.arrow img{padding:10px;}
.round {-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
html{background: #0c0100 url(images/body_bg.jpg) repeat;}
body {color: #BDBDBD;margin: 0px;font-family:Arial,sans-serif;font-size:12px;text-align:center;}

#pakettilaskuri{position:relative;height:100px; background:none;padding:10px 0 0;}
#pakettilaskuri a{position:absolute; left:-27px; background:none;}
ul, li, ol{margin: 0;padding: 0;border: 0;outline: 0;}
ul li ul li{margin: 0;padding: 0;}
ol, ul{list-style:none;}
#cart{width:940px;height:32px;background:#F15D22 url(images/cart2.gif) no-repeat 920px center;color:#FFFFFF;font-family:Tahoma;font-size:10px;font-weight:bold;padding:8px 10px 0 10px;text-align:right;}
#cart .infoBox{background:none;text-align:right;color:#fff;}
#cart .boxText{color:#fff;text-align:right;padding:3px 10px 0 0;}
#cart select{float:left;margin:3px 20px 0;}
#cart p{float:left;margin:0px 0 0px;}
#cart p.empty{float:right;margin:5px 0 0px;}
#cart a.gocart{display:block; float:right;height:34px;width:34px;}
.imgprodinfo{float:right;width:100px;}
.infoprod{float:none;width:400px;}
div.terve{padding:10px 10px 0; font-size:11px;}
div#brands {
background:#fff;
width:960px;
margin:5px 0 ;
}
.ylos{padding:10px 0;}
#huoltotable table tr{border:solid 1px #E9CFC2;}
#huoltotable table td{border-bottom:solid 1px #E9CFC2;padding:8px 0;}
.viiva{border-top:solid 1px #444;}
.infoBoxContents a b{display:block;width:100px;white-space:normal;}
#footerdiv{width:920px;margin:10px auto 0; background:#000000;padding:20px;border-top:solid 1px #404040}
#footerdiv div{float:left;}
#footerdiv .alppila td,#footerdiv .campus td{font-size:12px;padding:0 30px 0 0;}
#footerdiv .alppila td.otsikko,#footerdiv .campus td.otsikko{font-size:12px;font-weight:bold;color:#fff;}
#footerdiv .alppila{margin:0 0 0 50px;width:460px;}
#footerdiv .campus{width:400px;}
.tableborder{border-top:solid 1px #222;border-bottom:solid 1px #222}
.tableborder td{padding:5px 0}
#paketti td.main{border-bottom:dotted 1px #666;padding:10px 0px;}
div#brands img {
 margin: 2px 0px 0;
 border: none;
 opacity: 1;
 filter: alpha(opacity=100);
}
.tarjousdiv{margin:2px 0;background:#fff url(images/vasentarjous.gif) no-repeat left center;width:185px;float:left;}
.tarjousdiv div{width:155px;padding:0 5px 0; text-align:right;float:left;}
.tarjousdiv s{font-size:9px;color:#3078ab;}
.col1{margin:2px 5px;}

#tarjousbox{background:none;margin:0; padding:0;}
#tarjousbox .infoBox {
background:none;
color:#3078ab;
}
#tarjousbox .smallText{}
#tarjousbox .infoBox a {
color:#222;
}
#tarjousbox a.katsolisa {
float:right;
display:block;
overflow:hidden;
width:20px;height:100%;
}
#tarjousbox span.productSpecialPrice {
font-size:14px;
color:#c5211d;
text-align:right;
font-weight:bold;
font-family:Tahoma, Arial, sans-serif;
}
#tarjousbox .infoBoxContents{border-spacing:0}
.productListing{color:#222;}
#reviews td{font-size:11px;}
#reviews td.pageHeading{font-size:20px;}
.imgspecial{display:block;padding:0 0 5px 10px;width:60px; height:60px;float:left;overflow:hidden;}
#tarjousbox .infoBox td.smallText{
border-left:none;
border-bottom:none;
color:#222;
}
.katsolisa{}
.tarjoush{height:37px;padding:3px 0 0; display:block;font-size:10px;text-align:center;font-weight:bold;color:#000;}
#tarjousbox .infoBox td.col0{
border-left:none;
border-bottom:none;
color:#222;
}
#leftnavi .infoBox{margin:0 padding:0;}
#nav{list-style:none;padding:0;margin:0;}
#nav {color:#F15D22;}
#nav .selected{font-weight:bold;}
#nav li ul li.cat_lev_1{font-weight:normal;color:#b23300;list-style:none;margin:0; padding:0 0 0 10px; background: url(images/dot.gif) no-repeat left 6px;}
#nav li ul{padding:0 0 0 15px;}
#nav li ul li ul{padding:0 0 0 5px;}
#nav li ul li.selected, #nav li ul li ul li.selected .link_lev_2{font-weight:bold;}
.link_lev_2{font-weight:normal;}
#nav li ul li.selected a{color:#F15D22;padding:2px 2px 2px 10px}
#nav li ul li a:hover{color:#F15D22;padding:2px 2px 2px 10px}
#nav li.cat_lev_0 a{color:#F15D22;padding:8px 3px;display:block;border-bottom:solid 1px #515153;background: url(images/bullet.png) no-repeat right center;}
#nav li.cat_lev_1 a{border-bottom:none; background: none; color:#b23300;padding:2px;height:20px;display:block;}
#nav li.cat_lev_1 a:hover{background: none;}

#nav a:hover{text-decoration:none; background:#222;}

#nav li.selected a{
background:none;
}
#nav li.selected {background:#000000 url(images/infobox/boxes.gif) repeat-x scroll left top}
#nav li.selected li{background:none;}
#nav li.selected a.link_lev_0{background:#F15D22;color:#fff;}

#catmenu .infoBox a img{
border:none;
float:right;
padding:0 7px 0 0;
}
.infobox a.imgbox{display:block;width:100px; height:100px; overflow:hidden; background:#fff;position:relative}
/* .infobox a.imgbox img{left:50%;margin:-40px 0 0 -40px;position:absolute;top:50%;} */
.infobox .linktxt a{color:#F15D22}

a {
  color: #F15D22;
  text-decoration: none;
}

a:hover {
  color: #F15D22;
  text-decoration: underline;
}

a.bookmark {
  color: #fff;
}
a.bookmark:hover {
  color: #fff;
  text-decoration: none;
}

form {
	display: inline;
}

tr.header {
  background: none;
}

table.topNavigation {
  margin: 0;
}

tr.topNavigation {
   background: #000000 url(images/infobox/box_bg.gif) repeat-x scroll 0 0;
}

td.topNavigation {
  font-family: Arial, sans-serif;
  font-size: 11px;
  background: #000000 url(images/infobox/box_bg.gif) repeat-x scroll 0 0;
  color: #fff;
  font-weight: bold;
}

a.topNavigation { 
  color: #fff;
  padding:5px 10px;
  margin:0 10px 0 0;
display:block;
float:left;
}

a.topNavigation:hover, .topNavigation a#current {
  color: #fff;
  background:#F15D22;
text-decoration:none;
}

td.topNavigation2 {
  font-family: Arial, sans-serif;
  font-size: 10px;
  background: #000;
  color: #fff;
  font-weight: normal;
height:35px;
}

a.topNavigation2 { 
  color: #fff;
}

a.topNavigation2:hover {
  color: #fff;
}

TR.headerNavigation {
  background: #222;
}

INPUT.topLoginBox {
  font-family: Arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  border-top: none;
  border-left: 3px solid #F15D22;
  border-bottom: none;
  padding: 4px 3px;
  background: #ffffff;
  width: 120px;

}

INPUT.topSearchBox {
  font-family: Arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
border:none;
  border-left: 3px solid #F15D22;
  padding: 4px 3px;
  background: #ffffff;
  width: 180px;

}

INPUT.topSearchBtn {
  font-family: Arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  border: none;
  background: #F15D22;
  color: #fff;
  padding:3px 10px;
  margin:0 0 0 10px;
  cursor:pointer;
}

INPUT.topSearchBtn:hover {
  
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #222;
  color: #F15D22;
  font-weight : bold;
height:30px;
}

A.headerNavigation { 
  color: #ffffff; 
}

A.headerNavigation:hover {
  color: #ffffff;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #F15D22;


}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #F15D22;
  color: #ffffff;
  font-weight: bold;
height:45px;
border-top:solid 10px #000;
}
.tarjouslink{margin:3px 0 0;}
.infoBox {
  background: #000 url(images/infobox/boxes.gif) repeat-x left top;  
 color:#bdbdbd;
}
.infoBox a{
   color:#bdbdbd;
}
#catmenu .infoBox a{
   color:#F15D22;
padding:5px 3px;
display:block;
border-bottom:solid 1px #515153;

}
#catmenu .infoBox a img{
border:none;
float:right;
padding:0 7px 0 0;
}


.infoBoxContents {
  background: ;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #000 url(images/infobox/box_bg.gif) repeat-x;
  color: #ffffff;
}
TD.infoBoxHeading2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #000 url(images/infobox/box_bg2.gif) repeat-x;
  color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #ffffff;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #ffffff;
}

table.productListing {
  border-spacing: 1px;
  background: #f9f4f0;

}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #F15D22;
  color: #FFFFFF;
  font-weight: bold;
}

td.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
word-wrap: break-word;
break-word: break-all;

}
td.productListing-data a{
word-wrap: break-word;
break-word: break-all;

}
td.productListing-data s{
  display:block;
}

a.pageResults {
  color: #F15D22;
}

a.pageResults:hover {
  color: #F15D22;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main DIV.main, td.main table {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  color: #000000;
background:#fff;
padding:10px;

}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  background: #f7f7f7;
}
form#computer .main table{padding:0;}
form#computer select {
	font-family: "Lucida Console";
	font-size: 11px;
  width: 554px;
 background: #222;
color:#fff;
padding:0;
line-height:14px;
}
form#computer optgroup {
	font-family: "Lucida Console";
	font-size: 11px;
	background-color: #222;
line-height:14px;
	
}
form#computer option {
	font-family: "Lucida Console";
	font-size: 11px;
	background-color: #222;
	padding:2px 0 2px 5px;
	margin:0;
	display:block;
	line-height:14px;}

TEXTAREA {
  width: 100%;
  font-family: Arial, sans-serif;
  font-size: 11px;
  border: 1px solid #d9a992;
  background: #f7f7f7;
}

SPAN.greetUser {
  font-family:Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #df0000;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #f9f4f0; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #f9f4f0; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #FBE3E4;color:#8A1F11;padding:10px;}
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

TABLE.productInfo {
  border: 1px solid #e9cfc2;
  border-collapse: collapse; 
  width: 546px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #f9f4f0;
  font-weight: normal;

}

TABLE.productInfo th {
  background: #F15D22;
  color: #FFFFFF;
  border: 1px solid #e9cfc2;
}

TABLE.productInfo td {
  border: 1px solid #e9cfc2;
}

TD.productInfoName {
  vertical-align: top;
  /*background: #f9f4f0;*/
background: #f7f7f7;
  color: #F15D22;
  width: 180px;
}

TD.productInfoValue {
  /*background: #f9f4f0;*/
  background: #ffffff;
  color: #000000;
}

option.special {
	color: #e00;
}