/*
  $Id: stylesheet.css,v 1.3 2003/09/30 16:22:42 serg 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: Verdana, Arial, sans-serif; font-size: 11px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 11px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 11px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 11px; color: #70d250; text-decoration: underline; }

.advert { font-family: Verdana, Arial, sans-serif; font-size: 11px; background-color:#FFFFFF }

BODY {
  background: rgb(240, 240, 240);
  color: #000000;
  margin: auto;
  max-width: 1280px;
  min-width: 320px;
}

.columns, TD.columns {
  background: rgb(234, 234, 234);
  padding-top: 3;
  padding-bottom: 3;
  padding-left: 0;
  padding-right: 0;
  margin: 0;
  border: 0;
}

@media screen and (max-width: 640px) {
	#left-column { display: none;  }
	.noMobile { display: none; }
}
@media screen and (max-width: 800px) {
}
@media screen and (max-width: 1024px) {
	#right-column { display: none; }
	#heading div.headerNavigationExt ul { float:left; width:100%; }
}

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

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

FORM {
	display: inline;
}

div.headerContainer {
	position: static;
	top: 0px;
	left: 0px;
	height: 110px;
	width: 100%;
}

/* Message in front of banner */
#heading div.headerMessage {
	position: absolute;
	top: 65px;
	margin: 5px;
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #ff0000;
	z-index: 1;
	height: 20px;
}

#heading div.headerNavigationExt {
  	position:static;
  	height: 24px;
  	width: 100%;
  	font-family: Verdana, Arial, sans-serif;
  	font-size: 13px;
  	background-color: rgb(42,65,95);
  	color: #ffffff;
  	line-height: normal;
	margin: auto;
	max-width: 1280px;
}
#heading #search_box{
	float: left;
	margin: 2 5 0 5;
	z-index: 1 !important;
}
#heading ul{
  	position: static;
	list-style: none;
	float: right;
	height: 20px;
	padding: 4px 0 0 0;
	margin: 0;
	line-height: normal;
    	text-align: right;
	background-color: rgb(42,65,95);
}
#heading ul li{
	float: left;
	color: #ffffff;
	text-align: left;
}
#heading ul li a{
	display: block;
	padding: 0px 10px 0px 0px;
	text-decoration: none;
	color: #ffffff;
	white-space: nowrap;
}
#heading ul li a:hover{
	color: #a0a0ff;
	text-decoration: none;
}
#heading ul li ul{
	position: relative;
	list-style: none;
	width: auto !important;
	left: 5px;
	top: -12px !important;
	height: auto;
	padding: 4px 10px 4px 10px;
	display: none;
	background-color: #ccc;
	border-radius: 5px 5px 50px 5px;
}
#heading ul li:hover ul{
	display: block; /* display the dropdown */
	z-index: 2;
}
#heading ul li:hover li{
	float: none; 
}
#heading ul li ul li {
	float: left;
	line-height: 150%;
	padding-top: 5px;
	padding-bottom: 5px;	
}
#heading ul li ul li a, #heading .dropdown{
	color: #000;
}
#heading ul li ul li a:hover{
	color: #00C;
}

div.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

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



TR.header {
  background: #ffffff;
}
TD.headertheme {
  background-image:url(images/yandfshopbanner.jpg);
  background-repeat: no-repeat;
}

.yarndetails {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: rgb(214,214,214);
  color: #000000;
  padding: 5px;
  border: groove;
  border-color:#FFFFFF;
  border-radius: 20px;
}
.yarnbuybox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: rgb(214,214,214);
  color: #000000;
  padding: 5px;
  border: none;
  border-color:#FFFFFF;
  border-radius: 10px;
}

/* Popup menus for header */
.DivMenu {position:absolute;
  left:0;
  top:-1000;
  width:180;
  z-index:100;
  background-color:rgb(214,214,214);
}
.TDDivMenu {
  color: #000000;
  font-family:verdana;
  font-size:70%;
  width:100%;
  cursor:default;
}

#purchase_options {
  text-align:center;
  padding:1px;
}
.infoBox {
  background: rgb(65,95,140);
}

.infoBoxContents {
  background: rgb(234, 234, 234);
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: rgb(234, 234, 234);
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  background: rgb(65,95,140);
  color: #ffffff;
}

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

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: rgb(234, 234, 234);
}

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: rgb(234, 234, 234);
}

table.productListing {
  border-color: rgb(65,95,140);
}
#productlisting td, div.productListing {
	background: rgb(65,95,140);
	border-radius: 10px;
	margin: 5px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  background: rgb(65,95,140);
  color: #FFFFFF;
  font-weight: bold;
}

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

A.pageResults {
  color: #0000FF;
}

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

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

TR.subBar {
  background: #f4f7fd;
}

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



.ts, table td.ts, td.ts, p.ts {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5;
}

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

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

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

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

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

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

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

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

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

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 13px;
  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: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

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

/* message box */

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

/* input requirement */

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

/* Category Listing boxes */
table.categorylist, td.categorylist, .categorylist { font-family: Verdana, Arial, sans-serif; margin: 5; }

#whats_new_img {
	max-width: 100px;
	max-height: 100px;
}

/*HOVER POPUP LINKS*/

#popup a span {
	display: none;
}

#popup a:hover { 
	background-color: #e9e9e2; 
}

/* the IE correction rule */
#popup a:hover	{
	color: #f00; 
	background-color: #e9e9e2;
	text-indent: 0; /* added the default value */
}

#popup a:hover span {
	display: block;
	position: absolute;
	top: 0px;
	left: 30px;
	width: 320px;
	margin: 0px;
	padding: 10px;
	color: #335500;
	font-weight: normal;
	background: #e5e5e5;
	text-align: left;
	border: 1px solid #666;
	z-index: 1000;	
}


/*THUMBNAIL HOVERPOPUPS*/
.thumbnail  {
	position: relative;
	float: left;
	padding: 5px;
}

.thumbnail:hover {
	background-color: #e9e9e2;
	/*z-index: 50;*/
	color: #335500;
	text-decoration: none;
}

.thumbnail span { /*CSS for enlarged image*/
	position: absolute;
	background-color: #e5e5e5;
	padding: 5px;
	/*left: -1000px;*/
	border: 1px solid #666;
	visibility: hidden;
	color: black;
	text-decoration: none;
	z-index: 1000;	
}

.thumbnail span img { /*CSS for enlarged image*/
	border-width: 0px; 
	/*padding: 2px;*/
	max-width: 400px;
	max-height: 400px;
}

.thumbnail:hover span { /*CSS for enlarged image on hover*/
	visibility: visible; 
	top: -30px; /* use IF IE6 style to correct IE6 positions of larger image relative to thumb */
	left: -100px;/*position where enlarged image should offset horizontally */
}