/*
  $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
*/
 



#platta1 { background-image:url(images/platta.jpg); background-repeat:repeat-y; width:942px; position: fixed; height: 100%;  left: 50%; margin-left: -471px; padding-left:8px; padding-top:17px; z-index: 5; }
#cbox { width: 300px; height:350px; z-index:10; position: absolute; left: 50%; margin-left: -410px;}
#ibox { width: 300px; height:350px; z-index:10; position: absolute; left: 50%; margin-left: -410px;}
#vbox { width: 300px; height:350px; z-index:10; border-style:solid; border-color:red; position: absolute; left: 50%; margin-left: -410px;}
#menyplatta1 { 	z-index:7;
		background-image: url(images/menybg.jpg); background-repeat: no-repeat;
		position:absolute;
		left: 50%;
		margin-left: -415px;
		top: 56px;
		width: 224px;
		height: 200px;
		padding-left:15px;}

#menyplatta4 { 	z-index:7;
		position:absolute;
		left: 50%;
		margin-left: -415px;
		top: 190px;
		width: 224px;
		height: 50px;
font-size: 10px; font-family: Verdana, Arial, sans-serif;
padding-left:18px;}

#menyplatta2 { 	z-index:7;
		background-image: url(images/menybg.jpg); background-repeat: no-repeat;
		position:absolute;
		left: 50%;
		margin-left: -415px;
		top: 228px;
		width: 224px;
		height: 156px;
		padding-left:15px;}

#menyplatta3 { 	z-index:7;
		background-image: url(images/menybg.jpg); background-repeat: no-repeat;
		position:absolute;
		left: 50%;
		margin-left: -415px;
		top: 342px;
		width: 254px;
		height: 20 0px;
		padding-left:19px;
		padding-top:27px;
		font-size: 10px; font-family: Verdana, Arial, sans-serif;}

#menyplatta5 { 	z-index:10;
		position:absolute;
		left: 50%;
		margin-left: -415px;
		top: 352px;
		width: 254px;
		height: 60px;
		padding-left:19px;
		font-size: 10px; font-family: Verdana, Arial, sans-serif;}

#menyplatta6 { 	z-index:10;
		position:absolute;
		left: 50%;
		margin-left: -415px;
		top: 306px;
		width: 424px;
		height: 60px;
		padding-left:19px;
		font-size: 10px; font-family: Verdana, Arial, sans-serif;}

#logga3 { width: 155px; height:56px; z-index:10; position: absolute; left: 50%; top: 0px; margin-left: -410px;}
#hbox { width: 500px; z-index:30; position:absolute; left: 50%; margin-left: -230px; top: 59px; padding-bottom:40px;}
#startflash { width: 655px; height:364px;  z-index:30; position:absolute; left: -10px; top: 0px;}
#manaden { width: 655px; height:224px;  z-index:30; position:absolute; left: -13px; top: 355px;}
#botten { width: 655px; height:250px;  z-index:30; position:absolute; left: -13px; top: 338px;}
#meny1 { width: 240px; height:20px; z-index:10; position: absolute; top: 41px; left: 50%; margin-left: 188px; font-size: 10px; font-family: Verdana, Arial, sans-serif;}

#fot {display: none}
/*html #fot { width: 804px; height:34px; z-index:50; position: absolute; left: 50%; margin-left: -402px; bottom: 0px; }
#fot { position: fixed; clear: both; width: 100%; height: 34px; z-index:30; bottom: 0; border: none; padding: 13px 0 0 0; text-align: center; } */

/* fel#fot { width: 804px; height:34px; z-index:50; position: fixed; left: 50%; margin-left: -402px; bottom: 0px; }*/

#mollecontainer { width: 730px; margin-left: auto; margin-right: auto; border: none; padding: 0 20px; margin-top: 20px; margin-bottom: 34px; }

/* fel#mollecontainer {
   min-height:100%;
   position:relative;
}*/


#streck1 {	z-index:50;
		background-image: url(images/menystreck.jpg); 
		position:absolute;
		left: 50%;
		margin-left: -404px;
		top: 82px;
		width: 1px;
		height: 120px;}

#streck2 {	z-index:50;
		background-image: url(images/menystreck.jpg); 
		position:absolute;
		left: 50%;
		margin-left: -404px;
		top: 253px;
		width: 1px;
		height: 65px;}

#streck3 {	z-index:50;
		background-image: url(images/menystreck.jpg); 
		position:absolute;
		left: 50%;
		margin-left: -404px;
		top: 355px;
		width: 1px;
		height: 100px;}



.menystreck { background-image:url(images/menystreck.png); background-repeat:repeat-y; }
.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  { color: black; font-size: 10px; font-family: Verdana, Arial, sans-serif; text-decoration: underline }


html { height:100% }
BODY  { color: #000000; background-color:#FFFFFF; margin: 0px 0 0 0px; height:100%;  background-image:url(images/platta.jpg); background-repeat:repeat-y; background-attachment:fixed; background-position:center;
}

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

A:hover  { color: #9f0f0f }

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation  { background: #bbc3d3 }

TD.headerNavigation  { color: #ffffff; font-size: 10px; font-family: Verdana, Arial, sans-serif; font-weight: bold; background: #bbc3d3 }

A.headerNavigation   { color: black; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif }

A.headerNavigation:hover   { color: black; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif }

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;
}

img {
	behavior:	url("pngbehavior.htc");
}

TR.headerInfo {
  background: #00ff00;
}

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

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}

.infoBox   { background: white }

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

.infoBoxNotice {
  background: #FF8E90;
}

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

TD.infoBoxHeading  { color: #ffffff; font-size: 10px; font-family: Verdana, Arial, sans-serif; font-weight: bold; background: black }

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: white }

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: white }

TABLE.productListing  { border: solid 1px #b6b7cb; border-spacing: 1px }

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

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

A.pageResults  { color: black }

A.pageResults:hover  { color: #9f0f0f; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0 }

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

TR.subBar {
  background: #f4f7fd;
}

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

TD.main, P.main  { font-size: 11px; font-family: Verdana, Arial, sans-serif; line-height: 1.5; padding-right: 20px; padding-left: 15px }

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

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

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

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

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;
}

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

SPAN.greetUser {
  font-family: Verdana, 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: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

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

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

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

.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-size: 10px; font-family: Verdana; background: #fff6bf url(images/exclamation.png) no-repeat 19px 50%; text-align: left; padding: 5px 20px 5px 45px; border-top: 2px solid #ffd324; border-bottom: 2px solid #ffd324 }
.messageStackSuccess { font-size: 10px; font-family: Verdana; background: #65C95B url(images/exclamation.png) no-repeat 19px 50%; text-align: left; padding: 5px 20px 5px 45px; border-top: 2px solid #3A9231; border-bottom: 2px solid #3A9231 }

/* input requirement */

.inputRequirement  { color: silver; font-size: 10px; font-family: Verdana, Arial, sans-serif }
/*Vit design*/
.meny { padding-top: 9px }
.produkt    { font-size: 10px; font-family: Verdana; line-height: 20px }
.produktinfo { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; padding-top: 20px }
.produktinfo1 { font-size: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal;}
h1 {font-size: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal;}

.topp { padding-right: 23px }
.main1 { color: black; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.5; padding-right: 15px; padding-left: 15px }
.text1   { color: black; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; padding-left: 4px }
.kant { border-bottom: 1px dotteproduktd silver }
.also  {  background-position: center top; padding-top: 8px }
.text { color: black; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; padding-left: 25px }
.text2 { color: black; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; padding-top: 15px; padding-right: 5px; padding-left: 9px }
.model { color: black; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif }
.varu { color: black; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center }



/*Titel-contribute*/


.klicka {margin-top: 100px
}

#primary {
	width: 450px;
	/*_width: 500px;*/ /* IE Hack */
	float: left;
	padding: 0px 0 0px;
	margin: 0 0px 0 0px;
	/*_margin: 0 20px 0 15px;*/ /* IE Hack */
	display: inline;
	}

.secondary {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;
	padding: 10px 20px;
	margin: 0 0 20px 450px;
	width: 26%;
	color: #666;
	position: relative;
	/* The following are IE Fixes */
	/*_padding: 30px 0 10px;
	_margin-left: 0%;
	_margin-right: -4%;
	_width: 26.5%;*/ /* IE hack */
	}
	
h3 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold}
li { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height: 15px; }
ul { list-style-type: circle; list-style-type: none; margin: 0; padding: 0;}

.icon-action {border: 0px; }
.sb-latest { border-left-color:#666666; border-left-style:dotted; border-width: 1px; padding-left:8px}
.itemtext { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }


