/*
  $Id: stylesheet.css,v 1.52 2003/02/13 13:54:41 project3000 Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

body, html {
background: url(images/background-original.jpg);
color: #000000;
margin: 0px;
padding:0px;
text-align: center;
}

#centerpage{
width: 1004px;
margin: 0px auto 0px auto;
background: url(images/background-main.jpg);
text-align: left;
}

#footerpage{
width: 1004px;
height: 10px;
margin: auto -10px auto -10px;
background: url(images/background-bottom.jpg);
text-align: left;
}

.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 { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }
.categorydescription { font-family : Verdana, Arial, sans-serif; font-size : 11px; color: #2a2a2a; }

BODY      { color: #2a2a2a; margin: 0px }

A      { color: #2a2a2a; font-weight: normal; text-decoration: none; margin-right: 1pt; margin-left: 1pt }

A:hover   { color: #f78000; font-weight: normal; text-decoration: underline }


.headerorangelarge  { color: #fefcf5; font-weight: normal; font-style: Italic; font-size: 16px; font-family: Gill Sans MT, verdana, Arial, Helvetica, sans-serif; text-decoration: none; margin-right: 1pt; margin-left: 1pt }
.headerorangelarge:hover  { color: #fbf1d3; font-weight: normal; font-style: Italic; font-size: 16px; font-family: Gill Sans MT, verdana, Arial, Helvetica, sans-serif; text-decoration: underline; margin-right: 1pt; margin-left: 1pt }


.headerorangesmall  { color: #fce5a2; font-weight: normal; font-style: none; font-size: 10px; line-height: 11px; font-family: verdana, Arial, Helvetica, sans-serif; text-decoration: none }
.headerorangesmall:hover  { color: #faecc5; font-weight: normal; text-decoration: none }



.topfooterorange  { color: #fce5a2; font-weight: normal; font-style: none; font-size: 12px; line-height: 11px; font-family: Gill Sans MT, verdana, Arial, Helvetica, sans-serif; text-decoration: none }
.topfooterorange:hover  { color: #faecc5; font-weight: normal; font-style: none; font-size: 12px; line-height: 11px; font-family: Gill Sans MT, verdana, Arial, Helvetica, sans-serif; text-decoration: underline }


.header  { text-align: left; color: #FF9900; font-weight: normal; font-size: 20px; line-height: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none  }
.header2  { text-align: left; color: #70142c; font-weight: normal; font-size: 18px; line-height: 18px; font-family: Century Gothic, sans-serif; text-decoration: none;  }
.sub-header2  { text-align: left; color: #de3e62; font-weight: normal; font-size: 10px; line-height: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none;  }
.sub-header  { text-align: left; color: #FF9900; font-weight: normal; font-size: 15px; line-height: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none  }
.text1  { text-align: left; color: #2a2a2a; font-weight: normal; font-size: 11px; line-height: 18px; font-family: verdana, Arial, Helvetica, sans-serif;  text-decoration: none }
.text2  { text-align: left; color: #2a2a2a; font-weight: normal; font-size: 12px; line-height: 18px; font-family: verdana, Arial, Helvetica, sans-serif;  text-decoration: none }
.text3  { text-align: left; color: #999999; font-weight: normal; font-size: 9px; line-height: 10px; font-family: verdana, Arial, Helvetica, sans-serif;  text-decoration: none }
.text-small  { text-align: left; color: #2a2a2a; font-weight: normal; font-size: 9px; line-height: 14px; font-family: verdana, Arial, Helvetica, sans-serif;  text-decoration: none }
.text4  { font-family: verdana, Arial, Helvetica, sans-serif;  font-size: 9px; color: #848484; font-weight: normal; font-size: 10px; line-height: 16px; text-decoration: none; margin-right: 1pt; margin-left: 1pt }
.text-purple-lrg  { text-align: left; color: #790a34; font-weight: normal; font-size: 18px; line-height: 18px; font-style: italic; font-family: Gill Sans MT, verdana, Arial, Helvetica, sans-serif; text-decoration: none }
.text-grey  { text-align: left; color: #2a2a2a; font-weight: normal; font-size: 15px; line-height: 17px; font-style: none; font-family: Gill Sans MT, verdana, Arial, Helvetica, sans-serif; text-decoration: none }
.small-grey-text  { text-align: left; color: #2a2a2a; font-weight: normal; font-size: 12px; line-height: 18px; font-family: Gill Sans MT, verdana, Arial, Helvetica, sans-serif;  text-decoration: none }

.red-text  { text-align: left; color: #cc0000; font-weight: bold; font-size: 11px; line-height: 18px; font-family: verdana, Arial, Helvetica, sans-serif;  text-decoration: none }

.link  { text-align: left; color: #f78000; font-weight: normal; font-size: 14px; line-height: 18px; font-family: verdana, Arial, Helvetica, sans-serif;  text-decoration: none }
.link:hover  { text-align: left; color: #2a2a2a; font-weight: normal; font-size: 11px; line-height: 18px; font-family: verdana, Arial, Helvetica, sans-serif; text-decoration: none }


.purple-link      { color: #2a2a2a; font-weight: normal; font-size: 18px; line-height: 18px; font-style: italic; font-family: Gill Sans MT, verdana, Arial, Helvetica, sans-serif; text-decoration: none }

.purple-link:hover   { color: #8f1029; font-weight: normal; font-size: 18px; line-height: 18px; font-style: italic; font-family: Gill Sans MT, verdana, Arial, Helvetica, sans-serif; text-decoration: none }


.menulinks  { color: #f78000; font-family: verdana, Arial, Helvetica, sans-serif; }

.menulinks:hover { color: #ab6024; font-family: verdana, Arial, Helvetica, sans-serif; }

.sub-menu  { text-align: left; color: #333333; font-weight: normal; font-size: 12px; line-height: 16px; font-family: Gill Sans MT, verdana, Arial, Helvetica, sans-serif; text-decoration: none; font style: italic;  }

.menufooter      { color: #70142c; font-weight: normal; text-decoration: none; margin-right: 2pt; margin-left: 2pt text-decoration: underline; }

.menufooter:hover   { color: #a40035; font-weight: normal; text-decoration: underline; }


.menufooter1      { color: #333333; font-weight: normal; font-size: 10px; line-height: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; margin-right: 1pt; margin-left: 1pt }

.menufooter1:hover   { color: #a40035; font-weight: normal; font-size: 10px; line-height: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; }


.menufooter2      { font-family: verdana, Arial, Helvetica, sans-serif; color: #c5c5c5; font-weight: normal; font-size: 11px; line-height: 18px; text-decoration: none; margin-right: 1pt; margin-left: 1pt }

.menufooter2:hover   { color: #c5c5c5; font-weight: normal; font-size: 11px; text-decoration: none; }

A.menufooter3      { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #848484; font-weight: normal; font-size: 10px; line-height: 16px; text-decoration: none; margin-right: 1pt; margin-left: 1pt }

A.menufooter3:hover   { color: #c5c5c5; font-weight: normal; line-height: 16px; text-decoration: none; }


.footer  { 
	font-family: Arial, Helvetica, sans-serif;
	color: #999999; 
	font-weight: normal; 
	font-size: 11px; 
	line-height: 16px; 
	text-decoration: none; 
	padding-left: 10px;
	padding-right: 0px;
}

.footer:hover   { 
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff; 
	font-weight: normal; 
	font-size: 11px; 
	line-height: 16px; 
	text-decoration: underline; 
	padding-left: 10px;
}

.footerheader   { 
	font-family: Arial, Helvetica, sans-serif;
	color: #cccccc; font-weight: normal; 
	font-size: 12px; 
	font-weight:bold;
	text-decoration: none; 
	line-height: 38px; 
	padding-left: 10px;
}


.footerheader:hover   { 
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff; font-weight: normal; 
	font-size: 12px; 
	font-weight:bold;
	text-decoration: none; 
	line-height: 38px; 
	padding-left: 10px;
}

.footerheader2   { 
	font-family: Arial, Helvetica, sans-serif;
	color: #cccccc; font-weight: normal; 
	font-size: 12px; 
	font-weight:bold;
	text-decoration: none; 
	line-height: 38px; 
	padding-left: 10px;
}


FORM {
	display: inline
}

TR.header { 
  background: #ffffff
}

TR.headerNavigation   { }

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

A.headerNavigation  { font-weight: bold; color: #edd195 }

A.headerNavigation:hover { font-weight: bold; color: #ffffff; text-decoration: none; }

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-color: #f78000 }

TD.footer    { color: #edd195; font-weight: bold; font-size: 10px; font-family: Verdana, Arial, sans-serif; background: url(images/header_bar_background.jpg)  }

.info    { margin-left: 0pt; margin-right: 0pt; margin-bottom: 0pt; background: url(images/boxes/white_background.jpg) }

.infoBox3    { margin-left: 0pt; margin-right: 0pt; margin-bottom: 0pt; background: url(images/boxes/white_background.jpg) }

.infoBox    { margin-left: 0pt; margin-right: 0pt; margin-bottom: 5pt; background: url(images/boxes/category_background.jpg) }

.infoBox2    { margin-left: 0pt; margin-right: 0pt; margin-bottom: 5pt; background: url(images/boxes/category_background_2.jpg) }

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

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

.infoBoxNotice {
  background: #FF8E90;
}

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

TD.infoBoxHeading     { color: #d4d4d4; font-weight: bold; font-size: 11px; font-family: Verdana, Arial, sans-serif; background-color: #f78000 }

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: url(images/table_background_light_orange.jpg); 
}

TR.productListing-odd2, {
  background: url(images/table_background_light_orange2.jpg); 
}

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: url(images/table_background_light_orange.jpg); 
}

TR.productListing-heading {
  background: #d2e9fb;
}

TD.productListing-heading      { color: #fff; font-variant: small-caps; font-weight: none; font-size: 10px; font-family: Verdana, Arial, sans-serif; background-color: #edd59d }

TD.productListing-heading2      { color: #fff; font-variant: small-caps; font-weight: none; font-size: 10px; font-family: Verdana, Arial, sans-serif; background-color: #f1e5c4 }


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

A.pageResults  { color: #fff }

A.pageResults:hover  { color: #fff; background-color: #f78000 }

TD.pageHeading, DIV.pageHeading        { color: #5a5959; font-weight: bolder; font-size: 18px; font-family: Arial, Verdana, sans-serif }

TR.subBar {
  background: #f4f7fd;
}

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

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

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

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

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

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;
}
TD.productPriceInListing { font-size: 10px; font-family: Verdana, Arial, sans-serif; background-color: #d2e9fb }
TD.productPriceInBox { font-weight: bolder; font-size: 12px; font-family: Verdana, Arial, sans-serif; background-color: #eedbac }
TD.productPriceInProdInfo { font-size: 12px; font-family: Verdana, Arial, sans-serif; background-color: #cfc }
.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo    { color: #f78000; font-size: 10px; font-family: Verdana, Arial, sans-serif }
.checkoutBarCurrent     { color: #f78000; font-size: 10px; font-family: Verdana, Arial, sans-serif }
.messageBox { font-size: 10px; font-family: Verdana, Arial, sans-serif }
.messageStackError, .messageStackWarning { font-size: 10px; font-family: Verdana, Arial, sans-serif; background-color: #ffb3b5 }
.messageStackSuccess { font-size: 10px; font-family: Verdana, Arial, sans-serif; background-color: #99ff00 }
.inputRequirement { color: #ff0000; font-size: 10px; font-family: Verdana, Arial, sans-serif }


/* ---------------------------------------------------- css for drop down menus -------------------------------------------------*/

#mainmenucontainer {
width:1000px;
height:78px;
margin-left:0px;
/*border: 1px solid #FFFF00;*/
}

/* ######### Shared basic style for mega drop down menu DIV ######### */

.mega{
width:354px; /*default width of mega menu*/
padding:0px;
background-image:url(menu/menu_overlay-final.png);
background-repeat:no-repeat;
min-height:320px;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:14px;
color:#D1D1D1;
text-decoration:none;

}

.mega .column{ /*each link column within a mega menu*/
float:left;
width:50%;
margin-top:-300px;
}

.mega a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:14px;
color:#D9D9D9;
text-decoration:none;
}

.mega a:hover{
text-decoration:underline;
color:#FFFFFF;
}

.mega a[rel]:after{ /*add "down.png" to anchor links, or those with a rel attribute */
content:" " url(down.png);
}

.mega .column ul{
margin:0;
margin-left:5px;
padding:0;
list-style:none;
}

.mega .column ul li{
margin-bottom:5px;
}

.mega .ulmenu{ /*style any UL within mega menu with class="ulmenu"*/
margin:0;
padding:0;
border:1px solid gray;
border-bottom-width:0;
list-style:none;
}

.mega .ulmenu a{
display:block;
border-bottom:1px solid gray;
padding:5px;
}

.mega .ulmenu a:hover{
background:lightyellow;
text-decoration:underline;
}

/* ######### Style for Solid Block Mega Menu ######### */

.solidblocktheme{ /*additional mega drop down menu style for this theme*/

padding:0; /*remove default padding inside mega menu*/
}

.solidblocktheme p, .solidblocktheme .column{
padding:5px; /*add padding inside p and .column elements within mega menu*/
width:auto;
}

.solidblockmenu{
width:1000px;
height:78px;
margin:auto;
padding-left:5px;
background-image:url(menu/bg-menu.jpg);
/*border: 1px solid #FF0000;*/
}

.solidblockmenu li{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
color:#f1f8fd;
display: inline;

}

.solidblockmenu li a{
float: left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
color:#f1f8fd;
padding: 0px 0px 0px 0px;
text-decoration: none;

/*border-right: 1px solid white; */
}

.solidblockmenu li a:visited{
color:#f1f8fd;
}

.solidblockmenu li a:hover, .solidblockmenu li a.selected{ /*Selected Tab style*/
color:#f1f8fd;
text-decoration:underline;
}

.dropmenuheaders {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#F78035;
text-align:left;
}

#overlayimage1 {
background-image:url(menu/overlay-image-1.png);
background-repeat:no-repeat;
width:150px;
height:95px;
margin-left:180px;
margin-top:210px;

}

#overlayimage2 {
background-image:url(menu/overlay-image-2.png);
background-repeat:no-repeat;
width:150px;
height:95px;
margin-left:180px;
margin-top:210px;}

#overlayimage3 {
background-image:url(menu/overlay-image-3.png);
background-repeat:no-repeat;
width:150px;
height:95px;
margin-left:180px;
margin-top:210px;

}