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

.boxText { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 11px; color: #FFFFFF}
.errorBox { font-family : Tahoma, Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Tahoma, Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #000000; }
.orderEdit { font-family : Tahoma, Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {
  background: #000000;
  color: #979797;
  margin: 0px;
}

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

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

FORM {
	display: inline;
}

TR.header {
  background-image: 
  url('images/zomerbanner.jpg');
  background-repeat: repeat
}

TR.headerNavigation {
  background: #000000;
}

TD.headerNavigation {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  background: #000000;
  color: #CC0033;
  font-weight : bold;
}

A.headerNavigation { 
  color: #CC0033; 
}

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

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: #000000;
}

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

.infoBox {
  background: #373737;
}

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

.infoBoxNotice {
  background: #000000;
}

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

TD.infoBoxHeading {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #FFFFFF;
  background-image: 
  url('images/menu_header_background.gif');
  background-repeat: repeat
  }

TD.infoBox, SPAN.infoBox {
  font-family: Tahoma, 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: #000000;
}

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: #000000;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #000000;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #FFFFFF;
  font-weight: bold;
  background-image:
  url('images/menu_header_background.gif');
  background-repeat: repeat
}

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

A.pageResults {
  color: #999999;
}

A.pageResults:hover {
  color: #999999;
}

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

TR.subBar {
  background: #f4f7fd;
}

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

TD.main, P.main {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

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

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

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

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

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

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

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #FFFFFF;
  background: #000000;
  border: #373737 solid 1px;
}

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

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

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

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

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

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

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

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

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

/* message box */

.messageBox { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 10px; color: #FF0000; background-color: #000000; }
.messageStackSuccess { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

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

/*
  $Id: dynamenu_for_osc_styles.txt,v 1.00 2006/05/07 20:04:02 nate_02631 Exp $
	
	Dynamenu for osCommerce CSS Definitions

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com
  Copyright (c) 2003 osCommerce
  
	Released under the GNU General Public License
	
	Below are styles to be included in your catalog stylesheet (stylesheet.css) for
	use with Dynamenu for osCommerce. All the CSS declarations for various menu styles
	are included below. You need only include the style for the type of menu you plan
	to use in your store template (of course feel free to paste them all in if experimenting).
	
	The plain and DHTML menus also work with a set of templates found in the
	/includes/functions/dynamenu/templates folder, but in just about all cases
	modifying the styles below should net you the results you want. 
	
*/

/*---------------------------*/
/* Tree and Plain Menu Style */
/*---------------------------*/

.treemenudiv	{     /* Behaviour of tree/plain menu item - leave as is for proper performance */
	display: block;
	white-space: nowrap;
}


.phplmbodytable { /* Class of table cells containing plain menus */

}

.phplmnormal {     /* Font size & color of unlinked menu items */
	color: #CC0033;
	font-size: 13px;	
	text-decoration: none;	
}


a.phplm:link, a.phplm:visited	{      /* Font color, style of linked & visited menu items */
	color: #CC0033;
	font-size: 13px;	
	text-decoration: none;	
}


a.phplm:hover	{      /* Font color, style of menu items when hovered over */
	color: #FFFFFF;
	background-color: #000000;
	font-size: 13px;	
	text-decoration: none;	
}

a.phplm:active	{      /* Font size & color of menu items when clicked */
	color: #FF0033;
	font-size: 13px;	
	text-decoration: none;	
}

.dmselected {   /* Style overide for selected category tree */
    background-color: #000000;
		font-weight: bold;
}

/* Header languages box style settings */

.languageboxarea {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #FFFFFF;
  vertical-align: top;
  padding-right: 5px;
  padding-top: 5px;
}

/* Header seach box style settings */

.searchboxareatext {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #FFFFFF;
  border-style: none;
  background: none;
  vertical-align: top;
  padding-top: 5px
  
}

.searchboxarea {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #FFFFFF;
  vertical-align: top;
  padding-top: 5px
}

A.topcart:link {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none
}
A.topcart:visited {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none
}
A.topcart:active {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none
}
A.topcart:hover {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none
}

TD.guestbook {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  background: #000000;
  color: #CC0033;
}

/* lightview.css
   http://www.nickstakenburg.com/projects/lightview
*/

#lightview {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 150px;
	width: 150px;
	margin: -75px 0 0 -75px;
	padding: 0;
}

/* The container that holds everything */
.lv_Container {
	position: relative;
	width: 100%;
	height: 100%;
	background: none;
	padding: 0;
	margin: 0;
}

.lv_Button {
	cursor: pointer;
	text-decoration: none;
	border: none;
	background: none;
	margin: 0;
	padding: 0;
}

/* The buttons on the side when you view a gallery */
.lv_Sides {
	position: absolute;
	top: 50%;
	left: 0;
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0;
}
.lv_Sides * { padding: 0; margin: 0; }
.lv_Sides li {
	list-style-type: none;
	position: relative;
	overflow: hidden;
}

.lv_PrevSide { float: left; }
.lv_NextSide { float: right; }
.lv_Sides .lv_Wrapper {
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.lv_Sides .lv_Button {
	float: left;
	background: none;
}

/* The frames above and below the center, that hold the corners.
   It's recommended not to change anything here, a lot is done in
   javascript to build further upon this based on your settings.
*/
.lv_Frames {
	width: 100%;
	height: 100%;
	position: relative;
	padding: 0;
	margin: 0;
}
.lv_Frames li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.lv_Frame {
	width: 100%;
	display: block;
}
.lv_Frame * { padding: 0; margin: 0; }
.lv_FrameTop {
	position: absolute;
	left: 0;
	width: 100%;
	display: block;
}
.lv_FrameBottom {
	position: relative;
	float: left;
	clear: both;
}

.lv_Liquid {
	position: relative;
	float: left;
	width: 100%;
	overflow: hidden;
	clear: both;
}
.lv_Liquid .lv_Filler {
	position: absolute;
	height: 100%;
	width: 2px;
	top: 0;
	left: 50%;
}

.lv_Half {
	display: block;
	height: 100%;
	clear: both;
	line-height: 0px;
}
.lv_Half li { list-style-type: none; }
.lv_Corner {
	float: left;
	position: relative;
}
.lv_CornerTr, .lv_CornerBr { float: right; }

.lv_Fill {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.lv_Half .lv_CornerWrapper {
	float: left;
	position: relative;
	width: 50%;
	height: 100%;
	overflow: hidden;
}
.lv_HalfRight .lv_CornerWrapper { float: right; }

.lv_Corner { position: relative; }
.lv_Corner canvas { position: relative; }
.lv_HalfLeft .lv_Corner { float: left; }
.lv_HalfRight .lv_Corner {
	position: relative;
	float: right;
}

/* To position content correctly in the center with correct
   rounded corner display we need a few wrappers.
   This is to get it right on all browsers.
*/
.lv_Center {
	position: relative;
	clear: both;
	height: 100%;
	overflow: hidden;
	background: none;
	padding: 0;
	margin: 0;
}
.lv_WrapUp {
	position: absolute;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapDown {
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapCenter {
	position: relative;
	padding: 0;
	margin: 0;
}

/* The loading indicator */
.lv_Loading {
	position: absolute;
	top: 50%;
	left: 50%;
}
.lv_Loading .lv_Button {
	float: left;
	height: 100%;
	width: 100%;
}

.lv_MediaWrapper {
	position: relative;
	width: 100%;
	display: block;
	overflow: hidden;
	clear: both;
	padding: 0;
	margin: 0;
}
.lv_MediaWrapper img {
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
}

/* The overlays on top of images that toggle the previous/next buttons */
.lv_PrevNext {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
.lv_PrevNext * { padding: 0; margin: 0; }
.lv_PrevNext .lv_Button {
	position: relative;
	height: 100%;
}
.lv_PrevButton { float: left; }
.lv_NextButton { float: right; }

/* The bar that holds title, caption, imagenumber, slideshow and closebutton */
.lv_MenuBar {
	clear: both;
	position: relative;
	width: 100%;
	float: left;
	font: 11px Arial, Helvetica, sans-serif;
	color: #808080;
	padding: 0;
	margin: 0;
}
.lv_MenuBar * { padding: 0; margin: 0; }

/* When the Menubar is at the top, on (ajax/iframe/inline) content,
   it will also have this style.
   The margins are removed here for better alignment, and since it's
   at the top we switch the inner margins to the other side.
*/
.lv_MenuTop .lv_DataText div,
.lv_MenuTop .lv_ImgNumber div { margin: 0; padding: 0; }
#lightview .lv_MenuTop .lv_Close, 
#lightview .lv_MenuTop .lv_Data { margin: 0 0 6px 0; }

.lv_Close, .lv_Data { margin: 6px 0 0 0; }
.lv_Close { float: right; overflow: hidden; }
.lv_Close .lv_Button {
	float: right;
	width: 100%;
	height: 100%;
}

.lv_Data {
	position: relative;
	float: left;
	padding-bottom: 3px;
	line-height: 13px;
}

/* simulates padding-left inside .lv_Data */
.lv_DataText div, .lv_ImgNumber div { margin-left: 3px; }

.lv_Data li {
	list-style-type: none;
	float: left;
	margin-top: 3px;
}
.lv_DataText { width: 100%; }
.lv_DataText .lv_Title {
	font-weight: bold;
	margin-bottom: 2px;
}
.lv_DataText .lv_Caption { clear: both; }
.lv_Data .lv_ImgNumber {
	color: #b8b8b8;
	margin-right: 5px;
	margin-top: 5px;
}
.lv_Data .lv_Slideshow {
	border-left: 1px solid #efefef;
	padding-left: 5px;
	margin-top: 5px;
	vertical-align: middle;
}
.lv_Data .lv_Slideshow .lv_Button { /* play and stop */
	float: left;
	background-position: center left;
	background-repeat: no-repeat;
}

/* the boxes that hold media or external content */
.lv_Media,
.lv_External {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}

#lightview iframe {
	border: 0;
	clear: both;
	padding: 0;
	margin: 0;
	background: none;
}

/* The container that hold buttons above the view, currently only topclose */
.lv_topButtons {
	position: absolute;
	left: 0;
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.lv_topcloseButtonImage { cursor: pointer; }


/* The error/warning/download message that will appear when
   a required plugin is not installed.
*/
#lightviewError p { padding: 0 0 10px 0; }
#lightviewError div {
	padding: 6px;
	font: 11px Arial, Helvetica, sans-serif;
}
#lightviewError .message {
	background: #fcb5b5;
	color: #dd1f1f;
	margin-bottom: 3px;
}
#lightviewError .type { font-weight: bold; }
#lightviewError .pluginspage {
	background: #b5fcbd;
	color: #21be30;
}
#lightviewError a,
#lightviewError a:hover,
#lightviewError a:visited {
	color: #21be30;
	text-decoration: none;
	background: none;
	font-weight: bold;
	border-bottom: 1px solid #7de689;
}
#lightviewError p {
	margin-left: 0;
	padding: 0;
}

#overlay {
  position: absolute; /* Opera will use fixed */
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}


* html #lightview { /* IE6 */
	position: absolute;
	margin-top: expression( -1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) + 'px');
	margin-left: expression( -1 * this.offsetWidth / 2 + (document.documentElement ? document.documentElement.scrollLeft : 0) + 'px');
}

/* Always cover 100% of the screen in IE6 */
html #overlay {
	position: absolute;
	height: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight].max() : document.documentElement.scrollHeight) + 'px' );
	width: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollWidth, document.documentElement.scrollWidth, document.body.offsetWidth, document.documentElement.clientHeight].max() : document.documentElement.scrollWidth) + 'px' );
}

h1 { 
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 20px;
 font-weight: bold;
 color: #CC0033;
 margin-bottom: 0;
 padding-bottom: 0;
}

h2 {
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 14px;
 font-weight: normal;
 margin-bottom: 0;
 padding-bottom: 0;
}

h3 { 
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 20px;
 font-weight: bold;
 color: #979797;
 margin-bottom: 0;
 padding-bottom: 0;
} 

.freeship{
 font-family: Tahoma, arial;
 font-size: 10px;
 font-weight: bold;
 color: #ff0000;
 text-decoration: none;
 }
 .freeship2{
 font-family: Tahoma, arial;
 font-size: 10px;
 font-weight: bold;
 color: #979797;
 text-decoration: none;
 }
 
 TD.pollBoxRow {   
font-family: Tahoma, Verdana, Arial, sans-serif;   
font-size: 10px;   border-color: #979797;   
border-style: solid;   border-width: 0px;
} 

TD.pollBoxText {   
font-family: Tahoma, Verdana, Arial, sans-serif;   
font-size: 10px;   border-color: #979797;   
border-style: solid;   
border-width: 0px;
} 

TR.pollOptRow {   
background: #000000; 
} 
TR.pollFooter { 
  background: #000000;
}  

ul.sitemap {
color: #979797;
}