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

  oscommerce vLoaded, Open Source E-Commerce Solutions by Virtual Design Media.
  http://www.virtualdesignmedia.com

  Copyright (c) 2006-2007 Virtual Design Media, Inc.

  Released under the GNU General Public License
*/

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

body {
  background: #ddddcc;
  color: #000000;
  margin: 0px;
}

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

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

form {display: inline;}
.header1 {height: 25px; background:#222 url('images/bg_h1.gif') repeat-x top left;}
tr.header {background:#111 url('images/bg_h2.gif') repeat-x top left; color:#fff; font-size:18px}
.header a {color:#fff; text-decoration:underline;}
.header a:hover {color:#fff; text-decoration:none; color:#ccc;}

tr.headerNavigation { background:#ccc url('images/bg_h3.gif') repeat-x top left; height:30px; color:#222}

td.headerNavigation {font-family:arial, verdana; font-size: 12px; font-weight : bold;}

a.headerNavigation {color: #222;}

a.headerNavigation:hover {color: #777777;}
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:#ccc url('images/bg_h3.gif') repeat-x top left; height:20px; color:#222}

td.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #656565;
  font-weight: bold;
}

//.infoBox {background: #;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
font: 11px/22px Verdana, Tahoma, Arial, sans-serif; color: #221111;
}

td.infoBoxHeading {font-family:arial, verdana; font-size:13px; color: #222; text-transform:uppercase; font-weight:bold; padding:3px}

td.infoBox, SPAN.infoBox {font-family:arial, verdana; font-size: 12px;}


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: 0px;
  border-style: solid;
  border-color: #FFFFFF;
  border-spacing: 2px;
}

.productListing-heading {font-family:arial, verdana; font-size: 10px; background: #222 url('images/bg-titles.gif') repeat-x center; color: #fff; font-weight: bold; padding:3px}


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

a.pageResults {
  color: #0000FF;
}

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

td.pageHeading, div.pageHeading {
  font-family: Arial, helvitica;
  font-size: 14px;
  font-weight: bold;
  color: #9a9a9a;
}

tr.subBar {
  background: #f4f7fd;
}

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.pr_main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
	position: absolute;
	top: 100px;
	left: 600;
	text-align: center;
	line-height: 0;
}
td.pr_price {
  font-family: Arial, helvitica;
  font-size: 14px;
  font-weight: bold;
  color: #9a9a9a;
	position: absolute;
	top: 90px;
	left: 650;
}


td.smallText, span.smallText, p.smallText {
font: 11px/22px Verdana, Tahoma, Arial, sans-serif; color: #221111; text-decoration: none;
}

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

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: Arial, helvitica;
    font-size: 12px;
  color: #ff0000;
}

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

.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: #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: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Arial, sans-serif; font-size: 10px; color: #ff0000; }
#header1 {font-size:10px; font-family: Arial, sans-serif;  color:#ff0000; text-align:right;}
#header1 p {color: #ccc; text-align:right; padding: 5px 20px 0 0;}
#header1 a {color: #ccc; font-weight:bold; padding: 0 10px 0 10px; text-decoration:none;} 
#header1 a:hover {color: #ff0000; font-weight:bold; padding: 0 10px 0 10px; text-decoration:underline;}

.inputform {font-size: 14px; color: #777; padding: 4px; border-top: 1px solid #999; border-right: 1px solid #dddddd;	border-bottom: 1px solid #dddddd;	border-left: 1px solid #999999; width:98%;background-color: #eeeeee;}
.button {width: 97px;}

.main a { color: #cc0000; text-decoration: underline; font-weight: bold;}
.main a:hover { color: #888888; text-decoration: none; font-weight: bold; }

.star-product-title {
  font-family: Verdana, Arial, sans-serif;
  text-align : center;
  font-size: 16px;
  font-weight: bold;
  color: #000000;
}
.star-product {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #000000;
}
.star-product-price{
  font-family: Verdana, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #ff0000;
}
.PriceList  { font-family: Verdana, Arial, sans-serif; color: #9a9a9a; font-size: 12px; font-weight: bold }
.oldPrice { text-decoration: line-through }

#headerbar a {
    color: #d8d8d8;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;    
}
.mws_boxTop    { font-family: Tahoma;
                 font-size: 11px;
                 text-align : center;
                 font-weight: bold;
                 background-repeat:repeat-x;
                 vertical-align: middle;
                 white-space: nowrap; }
//.mws_boxLeft   { background: url('images/infobox/left.gif'); }
//.mws_boxRight  { background: url('images/infobox/right.gif'); }
.mws_boxBottom { font-family: Verdana, Arial, sans-serif;
                 font-size: 11px;
                 text-align : center;
                 vertical-align: middle;
                 white-space: nowrap; }
.mws_boxCenter { background: #FFFFFF; }

td.noborderbox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: url('../images/blank.gif') no-repeat; /* Trick IE into showing hover */
	display: block
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('../images/prevlabel.gif') no-repeat left 15%; }
#nextLink:hover, #nextLink:visited:hover { background: url('../images/nextlabel.gif') no-repeat right 15%; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	

.horbar	{   /* Color of main horizontal menubar and border */
	color: black;
	background-color: #e6e7e6;
	border: 1px outset #525252;
}

.horizitem	{          /* Behaviour of main horizontal menu items, leave as is for proper operation */
	float: left;
	white-space: nowrap;
}

.horizitem a {              /* Font style, size of submenu items */
  font-family: Verdana, Arial, sans-serif;
	font-size: 12px;	
	text-decoration: none;
	position: relative;	
	display: block;	
}

.horizitem a:link, .horizitem a:visited 	{      /* Font style & color of main menu items */
	color: #000000;
	text-decoration: none;
}

.horizitem a:hover	{       /* Font style & color, background menu color of main menu item when hovered over */
	color: #ffffff;
	background-color: #21459c;
	text-decoration: none;
}

.horizitem a:active	{       /* Font style & color, background menu color of main menu item when clicked */
	color: #ffff00;
	background-color: #666666;	
	text-decoration: none;
}

.horizsubmenu	{       /* Behaviour of sub-menu items - leave as is for proper operation of submenus */
	position: absolute; left: 0; top: 0; visibility: hidden; }

.horizsubframe	{      /* Color of submenu item and border */
	background-color: #e6e7e6; border: 2px outset #fdfefd; position: relative; display: block;	 }

.horizsubitem	{       /* Behaviour of sub-menu items - leave as is for proper operation of submenus */
	text-align: left; white-space: nowrap; }

.horizsubitem a {            /* Font style, size of submenu items */
  font-family: Verdana, Arial, sans-serif;
	font-size: 12px;	text-decoration: none; position: relative; display: block;	 }

.horizsubitem a:link, .horizsubitem a:visited	{       /* Font color, style of submenu items */
	color: #000000; font-size: 12px; text-decoration: none; }

.horizsubitem a:hover	{      /* Font color, style, background submenu color of submenu item when hovered over */
	color: #ffffff; background-color: #21459c; text-decoration: none; }

.horizsubitem a:active	{      /* Font color, style, background submenu color of submenu item when clicked */
	color: #ffff00; background-color: #666666;	text-decoration: none; }

.horizsubitem .horizfwdarr, .horizitem .horizfwdarr	{      /* Positioning of right arrow for submenus */
	position: absolute; top: 5px; right: 8px; }

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

.horbar .dmselected {   /* Style override for selected root category */
    background-color: #999; }

a.category {
color: #554433;
text-decoration: none;
}

a.category:hover {
color: #003366;
  text-decoration: underline;
}


hr {border:0px none; color:#ccc; height:1px; background-color:#ccc}