/*$Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $
osCommerce, Open Source E-Commerce Solutionshttp://www.oscommerce.com
Copyright (c) 2003 osCommerce
Released under the GNU General Public License
*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #cc0033; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #C9E4FF; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #2F88E6; text-decoration: underline; }

html { height: 100%; margin-bottom: 1px;}

A {color: #000000; text-decoration: none; }
A:hover {color: #000000; text-decoration: underline; }

FORM {display: inline; }
h1 {font-family: Verdana, Arial, sans-serif; font-size: 14px; color: #cc3300; font-weight : bold; text-align:center;}
TR.header {background: #1C1550; }
TR.headerNavigation {background: #1B60C8; }
TD.headerNavigation {font-family: Verdana, Arial, sans-serif; font-size: 11px; background: #1B60C8; color: #FFE15A; font-weight : bold;}
TD.sisselsheaderNavigation {font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #FFE15A; font-weight : bold; }
TD.sisselsblack {font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #000000; font-weight : bold; }
A.headerNavigation {color: #FFE15A; }
A.headerNavigation:hover {color: #7da8e9; }

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

TR.headerInfo {background: #ED1818; }
TD.headerInfo {font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; background: #FF0303; color: #e11c1c; font-weight: bold; text-align: center; }

TR.footer {background: #1C1550; }
TD.footer {font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #1C1550; color: #FFE15A; font-weight: bold; }

.infoBox {background: #1C1550; }
.infoBoxContents {background: #FFFFFF; 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: #1B60C8; color: #FFE15A; }
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: 1px; border-style: solid; border-color: #1C1550; border-spacing: 1px; }

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

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

A.pageResults {color: #1B60C8; }
A.pageResults:hover {color: #ffe46b; background: #1b60c8; }

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

TR.subBar {background: #e11c1c; }

TD.subBar {font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }
TD.main, P.main {font-family: Verdana, Arial, sans-serif; font-size: 11px; line-height: 1.5; }
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: 12px; color: #1B60C8; }
TD.fieldKey {font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight: bold; }
TD.fieldValue {font-family: Verdana, Arial, sans-serif; font-size: 11px; }
TD.tableHeading {font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight: bold; }

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

CHECKBOX, INPUT, RADIO, SELECT {font-family: Verdana, Arial, sans-serif; font-size: 11px; }

TEXTAREA {width: 100%; font-family: Verdana, Arial, sans-serif; font-size: 11px; }

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

TABLE.formArea {background: #f1f9fe; border-color: #1B60C8; 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: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; color: #c76170; font-weight: bold; }
SPAN.productSpecialPrice {font-family: Verdana, Arial, sans-serif; color: #e11c1c; }
SPAN.errorText {font-family: Verdana, Arial, sans-serif; color: #e11c1c; }

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

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #1C1550; }
.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: #ffb3b5; }
.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: #e11c1c; }


/*css kopplat med scriptet från första sidan */
/* body { overflow:hidden; }  Remove this line if your document requires scrolling  */

body, td  { font: 14px verdana, arial, helvetica, sans-serif;}
th	{ font-size:1.3em; text-align:left; }	
td { font-family: Verdana, Arial, sans-serif; font-size: 11px; line-height: 1.5; vertical-align:top; }


td#scroller1 { width:143px; height:180px }
td#scroller2 { width:143px; height:120px }

/* holder div contains scroller. set height and width */
#holder1 { position:relative; width:143px; height:180px;  }
#holder2 { position:relative; width:143px; height:120px;  }

div#wn1 { 
  position:absolute; 
  width:143px; height:180px; z-index:1000;
  clip:rect(0, 143px, 180px, 0); overflow:hidden;
  }
div#cnt1 { position:absolute; z-index:1 }
/* remove gaps for mozilla, etc 
   see http://devedge.netscape.com/viewsource/2002/img-table/ */
div#cnt1 td img { display:block }

div#wn2 { 
  position:absolute; 
  width:143px; height:120px; z-index:1000;
  clip:rect(0, 143px, 120px, 0); overflow:hidden;
  }
div#cnt2 { position:absolute; z-index:1 }
div#cnt2 div.item {
  width:143px; height:120px; 
  font-size:11px; color:#black;
  padding-right:0px; padding-left:0px
  }
/* box-model hack needed because padding added to div.item */
*html div#cnt2 div.item {
  width:138px;
  w\idth:143px
}