/*
  $Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $

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

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/


.welcome{
position:absolute;
width:250px;
height:40px;
left:76px;
top:82px;
color:#000000;
font-family: "adage-script-1","adage-script-2", Times New Roman, Times, serif;
font-size : 32px;
/*/*font-weight: bold;*/*/
}

.magpie{
position:absolute;
width:450px;
height:30px;
left:30px;
top:110px;
color:#000000;
font-family: "adage-script-1","adage-script-2", Times New Roman, Times, serif;
font-size : 60px;
/*/*font-weight: bold;*/*/
}

.home{
position:absolute;
width:50px;
height:20px;
left:520px;
top:195px;
color:#ffffff;
font-family: "athelas-1","athelas-2", Times New Roman, Times, serif;
font-size : 26px;
/*font-weight: bold;*/
}


.info{
position:absolute;
width:50px;
height:20px;
left:660px;
top:180px;
color:#ffffff;
font-family: "athelas-1","athelas-2", Times New Roman, Times, serif;
font-size : 26px;
/*font-weight: bold;*/
}

.blog{
position:absolute;
width:50px;
height:20px;
left:777px;
top:163px;
color:#ffffff;
font-family: "athelas-1","athelas-2", Times New Roman, Times, serif;
font-size : 26px;
/*font-weight: bold;*/
}

.b{
position:absolute; width:50px; height:20px;
left:859px;
top:168px;
color:#ffffff; font-size : 26px; /*font-weight: bold;*/
font-family: "athelas-1","athelas-2", Times New Roman, Times, serif;}

.a{
position:absolute; width:50px; height:20px;
left:876px;
top:170px;
color:#ffffff; font-size : 26px; /*font-weight: bold;*/
font-family: "athelas-1","athelas-2", Times New Roman, Times, serif;}

.s{
position:absolute; width:50px; height:20px;
left:889px;
top:172px;
color:#ffffff; font-size : 26px; /*font-weight: bold;*/
font-family: "athelas-1","athelas-2", Times New Roman, Times, serif;}

.k{
position:absolute; width:50px; height:20px;
left:900px;
top:174px;
color:#ffffff; font-size: 26px; /*font-weight: bold;*/
font-family: "athelas-1","athelas-2", Times New Roman, Times, serif;}

.e{
position:absolute; width:50px; height:20px;
left:914px;
top:176px;
color:#ffffff; font-size: 26px; /*font-weight: bold;*/
font-family: "athelas-1","athelas-2", Times New Roman, Times, serif;}

.t{
position:absolute; width:50px; height:20px;
left:926px;
top:178px;
color:#ffffff; font-size: 26px; /*font-weight: bold;*/
font-family: "athelas-1","athelas-2", Times New Roman, Times, serif;}


.boxText { font-family: "athelas-1","athelas-2", Times New Roman, Times, serif; font-size: 18px; /*font-weight: bold;*/ line-height: 1.1;} /*number of products, in sidebar */

.errorBox { font-family: "athelas-1","athelas-2", Times New Roman, Times, serif; font-size: 10px; background: #ffb3b5; /*font-weight: bold;*/ }
.stockWarning { font-family: "athelas-1","athelas-2", Times New Roman, Times, serif; font-size: 16px; color: #cc0033; }
.productsNotifications { background: #ffffff; }
.orderEdit { font-family : "athelas-1","athelas-2", Times New Roman, Times, serif; font-size: 10px; color: #70d250; text-decoration: underline; }
.clear {font-size: 1px; height: 1px}


BODY {
  background: #AED1F7 url("images/trunk.png") repeat-y; 
  color: #000000; /*font colour*/
  margin: 0px;
  font-family: "cantarell-1","cantarell-2", Verdana, Geneva, sans-serif;
}

A {
  color: #000000; /*links*/
  text-decoration: none;
  font-family: "athelas-1","athelas-2", Times New Roman, Times, serif;
}

.main a:link {
font-family: "cantarell-1","cantarell-2", Verdana, Geneva, sans-serif;
text-decoration: underline;
}

H1 {
  color: #000000;
  text-decoration: none;
  font-family: "athelas-1","athelas-2", Times New Roman, Times, serif;
  text-align:left;
  font-size: 34px
}

H2 {
  color: #000000;
  text-decoration: none;
  font-family: "athelas-1","athelas-2", Times New Roman, Times, serif;
  text-align:left;
  font-size: 28px
}

A:hover {
  color: #663e1b;
  text-decoration: none;
font-family: "athelas-1","athelas-2", Times New Roman, Times, serif;
}

FORM {
	display: inline;
}

TR.header {
  background: transparent;
}

TR.headerNavigation {        /*breadcrumb navigation*/
  font-family: "athelas-1","athelas-2", Times New Roman, Times, serif;
  font-size: 18px;
  background: #333333;
  color: #000000;
  /*font-weight: bold;*/
}

TD.headerNavigation {
  font-family: "athelas-1","athelas-2", Times New Roman, Times, serif;
  font-size: 10px;
  background: transparent;
  color: #ffffff;
  /*font-weight: bold;*/
}

A.headerNavigation {      /*font colour*/
  color: #000000; 
}

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

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: "athelas-1","athelas-2", Times New Roman, Times, serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  /*font-weight: bold;*/
  text-align : center;
}

TR.headerInfo {
  background: transparent;
}

TD.headerInfo {
  font-family: "athelas-1","athelas-2", Times New Roman, Times, serif;
  font-size: 12px;
  background: transparent;
  color: #ffffff;
  /*font-weight: bold;*/
  text-align: center;
}

TR.footer {
  background: #C6DDF7;
}

TD.footer {
  font-family: "athelas-1","athelas-2", Times New Roman, Times, serif;
  font-size: 10px;
  background: #C6DDF7;
  color: #000000;
  /*font-weight: bold;*/
}

.infoBox {
  background: transparent;
}

.infoBoxContents {
  background: transparent;
  font-family: "cantarell-1","cantarell-2", Verdana, Geneva, sans-serif;
  font-size: 14px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: "athelas-1","athelas-2", Times New Roman, Times, serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: "athelas-1","athelas-2", Times New Roman, Times, serif;
  font-size: 18px;
  padding: 5px;
  background: #ffffff;
  color: #4C250C;
}

TD.infoboxheadinglink {
  font-family: "athelas-1","athelas-2", Times New Roman, Times, serif;
  font-size: 16px;
  padding: 5px;
  background: #ffffff;
  color: #4C250C;
}


TD.infoBox, SPAN.infoBox {
  font-family: "athelas-1","athelas-2", Times New Roman, Times, 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: transparent;
}

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

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

.productListing-heading {
  font-family: "athelas-1","athelas-2", Times New Roman, Times, serif;
  font-size: 18px;
  background: transparent;
  color: #000000;
  /*font-weight: bold;*/
}

TD.productListing-data {
  font-family: "athelas-1","athelas-2", Times New Roman, Times, serif;
  font-size: 20px;
  /*font-weight: bold;*/
}

A.pageResults {

  color: #0000FF;
}

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

TD.pageHeading, DIV.pageHeading {
  font-family: "athelas-1","athelas-2", Times New Roman, Times, serif;
  font-size: 28px;
  /*font-weight: bold;*/
  color: #000000;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: "athelas-1","athelas-2", Times New Roman, Times, serif;
  font-size: 10px;
  color: #000000;
}



TD.smallText, SPAN.smallText, P.smallText {     /*displaying 1 of 5 products… */
  font-family: "athelas-1","athelas-2", Times New Roman, Times, serif;
  /*font-weight: bold;*/
  font-size: 18px;
  line-height: 1.5;
}

TD.accountCategory {
  font-family: "athelas-1","athelas-2", Times New Roman, Times, serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: "athelas-1","athelas-2", Times New Roman, Times, serif;
  font-size: 12px;
  /*font-weight: bold;*/
}

TD.fieldValue {
  font-family: "athelas-1","athelas-2", Times New Roman, Times, serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: "athelas-1","athelas-2", Times New Roman, Times, serif;
  font-size: 12px;
  /*font-weight: bold;*/
}

SPAN.newItemInCart {
  font-family: "cantarell-1","cantarell-2", Verdana, Geneva, sans-serif;
  font-size: 14px;
  color: #000000;
}

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: "cantarell-1","cantarell-2", Verdana, Geneva, sans-serif;
  font-size: 18px;
  color: #000000;
/*font-weight: bold;*/
}


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

TD.formAreaTitle {
  font-family: "athelas-1","athelas-2", Times New Roman, Times, serif;
  font-size: 12px;
  /*font-weight: bold;*/
}

SPAN.markProductOutOfStock {
  font-family: "athelas-1","athelas-2", Times New Roman, Times, serif;
  font-size: 20px;
  color: #c76170;
  /*font-weight: bold;*/
}

SPAN.productSpecialPrice {
  font-family: "athelas-1","athelas-2", Times New Roman, Times, serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: "athelas-1","athelas-2", Times New Roman, Times, serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: "athelas-1","athelas-2", Times New Roman, Times, serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: "athelas-1","athelas-2", Times New Roman, Times, serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: "athelas-1","athelas-2", Times New Roman, Times, serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: "athelas-1","athelas-2", Times New Roman, Times, serif; font-size: 16px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: "athelas-1","athelas-2", Times New Roman, Times, serif; font-size: 10px; background-color: #C69C6D; }

/* input requirement */

.inputRequirement { font-family: "athelas-1","athelas-2", Times New Roman, Times, serif; font-size: 16px; color: #D30000; }



TD.main, P.main {
  font-family: "cantarell-1","cantarell-2", Verdana, Geneva, sans-serif;  /*MAIN TEXT*/
  font-size: 16px;
  line-height: 1.2;
  background-color: transparent
  
}

.left-column {
background: transparent;
padding-top:0px;
padding-bottom:10px;
padding-right:30px;
padding-left:5px;
}

.SideinfoBox {
/*background: #cccccc;*/

}

TD.SideinfoBoxHeading {
font-family: "athelas-1","athelas-2", Times New Roman, Times, serif;
font-size: 24px;
/*font-weight: bold;*/
background-color: transparent;
color: #000000;
line-height: 1.1;
}

A.SideinfoBoxHeading {
font-family: "athelas-1","athelas-2", Times New Roman, Times, serif;
font-size: 8px;
font-weight: normal;
background-color: transparent;
color: #000000;
text-decoration: none;
}

.SideinfoBoxContents {
background-color: transparent;
font-family: "athelas-1","athelas-2", Times New Roman, Times, serif;
font-size: 10px;
line-height: 1.5;
}

.main-content {
background-color: transparent;
padding-top:0px;
padding-bottom:40px;
padding-right:10px;
padding-left:10px;
}

.footerarea {
width: 960px;
height: 28px;
font-family: "athelas-1","athelas-2", Times New Roman, Times, serif;
font-size: 20px;
font-weight: normal;
color: #575757;
padding: 5px;
}









/*slideshow */

.slideshow {  
    height:  232px;  
    width:   232px;  
    padding: 0;  
    margin:  0;  
} 
 
.slideshow img {  
    padding: 15px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  200px; 
    height: 200px; 
    top:  0; 
    left: 0 
} 




/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not vertical margins (top and bottom) to add spacing, else those margins get added to total height and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {height: 100%;}

#wrap {min-height: 100%;}

#floop {overflow:auto;
	padding-bottom: 98px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -98px; /* negative value of footer height */
	height: 98px;
	clear:both;} 
	

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}



/* IMPORTANT

You also need to include this conditional style in the <head> of your HTML file to feed this style to IE 6 and lower and 8 and higher.

<!--[if !IE 7]>
	<style type="text/css">
		#wrap {display:table;height:100%}
	</style>
<![endif]-->

*/