/*
  $Id: stylesheet.css,v 1.51 2003/01/20 19:46:48 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

/* added by Lauri */
body {max-width:1700px;margin:0 auto auto auto;}

.main_content {padding-top:6px;}
.main_content td, .main_content th {vertical-align:top;padding-left:}
.main_content th {text-align:left;}
.main_content table {margin-bottom:0em;}
.main_content p {margin:0 auto 1em;}
.main_content td, .main_content th {padding: 0 0.3em 0.2em}
.main_content table {margin-bottom:0.5em;border-collapse:collapse;}
.main_content table caption {text-align:left;font-weight:bold;}
table {vertical-align:top;}
td {vertical-align:top;}
tr.table_header th {border-bottom: 1px solid black !important;}

div.indent {margin-left:2em;}
table.shipping {margin:0 2em 1em 0;border-collapse:collapse;}
table.shipping td, table.shipping th {border: 1px solid #ccc;}

/* product_info */
.price {text-align:right;}
.product_image {float:right;}
h2.product_options {clear:both;}
table.radiobutton_menu td + td + td {text-align:right; }
table.radiobutton_menu td {padding:0 0.3em;}
/* end product info */

/* header */
table.header {width:100%;border:0;border-collapse:collapse;}
table.header h1 {font-weight:normal;padding:0;margin:0;font-family:"Tahoma";}
table.header td {background:#000;padding:0;}
table.header td.heading {padding:0;vertical-align:top;text-align:right;
			 background: url("/black_to_lime.jpg") repeat-y rgb(201,223,18);
			 }
table.header td.heading h1 div,
table.header td.heading .h1 div {text-align:right;}
table.header td.logo {line-height:1;padding-left:6px;width:120px;}
table.header td.heading h1,
table.header td.heading .h1 {font-size:40px;font-style:italic;padding:22px 40px 13px 80px;text-align:left;}
table.header td.heading div.heading
 				{background: url("/lime_to_black.jpg") repeat-y 100%;
			 	 font-family:"Tahoma";letter-spacing:1px;color:#353535;text-align:left;line-height:0.9;
				 height:100%;
				}
table.header .headerNavigation {padding:0 6px 0 0;line-height:1.5}

.breadcrump, .languagechange {margin:0.2em 0.2em 0 0.2em;}
.breadcrump a {margin: 0 0.2em;}
.languagechange {float:right;}
/* end header*/

div.in_cart {text-align:right;margin-bottom:1em;}
.buttons {text-align:right;}

div.error {border:red 1px solid;background:#FFE6E6;padding:0 0 0.5em 1em;}
h2.error  {font-size:100%;color:#F00;margin-bottom:0;}
.important_note {color:red;font-weight:bold;}

h1 {font-size:110%;font-family: Tahoma, Arial, sans-serif;margin-top:0;}
h2 {font-size:100%;font-family: Tahoma, Arial, sans-serif;}
h3 {font-size:100%;font-family: Tahoma, Arial, sans-serif;}

form {margin:0;}


.category_list_item {display:inline;}
.category_list_item a {display:-moz-inline-box;display:inline-block;width:10em;text-align:center;}
.category_list_item a span {display:block;width:10em;margin-top:1em;}
.category_list_item a span.specialprice {color:red;margin-top:0.5em;}

.specials_list .category_list_item a {width:17em;}
.specials_list .category_list_item a span {width:17em;}


.spamkiller {content:"@"}
.header a img {border:0;}
div.vat0price {font-size:85%;font-weight:normal;white-space:pre;}

.sizing_table {font-size: 100%;border-collapse:collapse;}
.sizing_table td {padding:0.1 0.2em;white-space:no-break;text-align:right;}
.sizing_table caption,
.sizing_table .heading {font: bold 100%;background:#fff;color:#000;text-align:center;}

.sizing_table th {	text-align:right;
		  	background:#ccc;color:#000;
		  	font-weight:normal;
		  	font-style:italic;
		}
.sizing_table tr.sizes td {font: bold;background:#ccc;}

div.middlebox {border: 1px solid #999;margin:1%;}
div.middlebox div {margin:0 1%;}

div.middlebox div.box {clear:both;}

div.middlebox h2 {	line-height: inherit; 
		  	font-weigth:bold;
		  	padding:0;
			margin:-1px -1px 0 -1px;
			background: url(images/infobox/corner_left.gif) left top no-repeat black; 
			color: #F9F400;
			line-height:1;

			border-bottom:1px solid #999;;
		}
div.middlebox h2 span {display:block;background: url(images/infobox/corner_right.gif) right top no-repeat;
			padding:0.2em 1em;

}

.left_column div.middlebox h2 {	padding:0.2em 1em;background:black;color: #F9F400;} 



.middlebox {border-collapse:collapse;}
.middlebox th {background: url(images/infobox/corner_left.gif) left top no-repeat black; color: #F9F400;line-height:1;padding:0.2em 1em;border:0;}
.middlebox th h2 {line-height: inherit; font-weigth:bold;padding:0;margin:0}
.middlebox td {border: 1px solid #999;padding:0.3em;}
.middlebox th.date {background: url(images/infobox/corner_right.gif) right top no-repeat black; color: #F9F400;vertical-align:middle;text-align:right;}
.newsimage {float:right;}

div.infoBox {border: 1px solid #b6b7cb;  background: #f8f8f9;padding:0.5em;margin-bottom:1em;}

.moduleRow:hover {background:#ddd;}
.moduleRowSelected { background-color:  rgb(236,250,80) }

a:visited, ul.navigation li ul a:visited { text-decoration: none;color:#000080; }
a:link, ul.navigation li ul a:link { 
  color: #11b; 
  text-decoration: none; 
}
a:hover { 
  text-decoration: underline; 
}

body {
  line-height:1.3
  background: #ffffff;
  color: #000000;
  padding:0;
  font-family: Arial, sans-serif;
}


.left_column {width:175px;}
ul.navigation {margin:0;padding:0;}
ul.navigation a.current  {font-weight: bold;}
ul.navigation a span {display:block;background: white;}
.left_column ul {list-style-image: url(http://www.shelby.fi/images/arrows/right.png)}
ul.navigation ul, .ul.navigation  div {padding:0;margin:-1px 0 4px 0;border: 1px solid #999;}
ul.navigation ul ul {border:0;margin:0;}
ul.navigation li {margin:0;padding:0;}
ul.navigation ul li {margin-left:20px;color:#000;}
ul.navigation li ul a {background:white;padding:0.1em 0;margin:0 0 0 -4px;font-weight:normal;}
ul.navigation li a:hover {text-decoration: none;}
ul.navigation li a {margin: 0;display:block;font-weight:bold;color:yellow;background:#000;padding:0 0 2px 16px;text-decoration:underline;}
ul.navigation > li:first-child > a {background: url(images/infobox/corner_left.gif) #000 left top no-repeat;a}

/* end by Lauri */

.errorBox { font-family : Arial, sans-serif; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Arial, sans-serif; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Arial, sans-serif; color: #70d250; text-decoration: underline; }



FORM {
    display: inline;
}

TR.header {
  background: #000000;
}

TR.headerNavigation {
  background: #000000;
}

TD.headerNavigation {
  font-weight : bold;
  background: #000000;
  color: #F9F400;
}

A.header { 	
  color: #F9F400; 
  text-decoration: none; 
}


A.header:hover { 	
  color: #F9F400; 	
  text-decoration: none; 
}

A.headerNavigation { 
  color: #F9F400; 
}
.headerNavigation a:link, ul.navigation li a:link { 
  color: #F9F400; 
}
.headerNavigation a:visited, ul.navigation li a:visited {
  color: #d5d000; 
}

A.headerNavigation:hover {
  color: #F9F400;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Arial, sans-serif;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Arial, sans-serif;
    background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #000000;
}

TD.footer {
  font-family: Arial, sans-serif;
  font-size: 95%;
  background: #000000;
  color: #F9F400;
  font-weight: bold;
}

.boxText { font-family: Arial, sans-serif; line-height:1.4}

.infoBox {
  background: #b6b7cb;
}

.infoBoxContents {
  background: #f8f8f9;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Arial, sans-serif;

}

TD.infoBoxHeading {
  font-family: Arial, sans-serif;

  font-weight: bold;
  background: #000000;
  color: #F9F400;
}

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: #f4f7fd;
}

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;
}

TR.productListing-heading {
  background: #FFFFFF;
}

TD.productListing-heading {
  font-size: 90%;
  background: #FFFFFF;
  color: #000000;
  font-weight: bold;
  font-variant: small-caps;
}

A.pageResults { 
  color: #0000FF; 
}

A.pageResults:hover { 
  color: #0000FF; 
  background: #FFFF33; 
}

TR.pageHeading, TD.pageHeading, DIV.pageHeading, SPAN.pageHeading {
  font-size: 116%;
  font-weight: bold;
  color: #000000;
}

.pageHeading h1 {font-size:100%;font-family: Tahoma, Arial, sans-serif;}

TR.subBar {
  background: black;
}

TD.subBar {
  font-family: Arial, sans-serif;
  color: white;
}

TR.main, TD.main, P.main {
  line-height: 1.25;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-size: 90%;
}



TD.accountCategory {
  color: #aabbdd;
}

TD.fieldKey {
  font-weight: bold;
}

TD.tableHeading {
  font-weight: bold;
}

SPAN.newItemInCart {
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
}

TEXTAREA {
  width: 100%;

}

SPAN.greetUser {
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: hand; }


.checkoutBarFrom, .checkoutBarTo { color: #8c8c8c; }
.checkoutBarCurrent { color: #000000; }


