/* -----------------------------------------------------------------------------------------
   $Id: stylesheet.css 1262 2006-04-14 10:00:32Z th $   

  
   Copyright (c) 2006 i3internet
   -----------------------------------------------------------------------------------------
   based on: 
   (c) 2004 XT-Commerce 
   (c) 2000-2001 The Exchange Project  (earlier name of osCommerce)
   (c) 2002-2003 osCommerce(stylesheet.css,v 1.54 2003/05/27); www.oscommerce.com 
   (c) 2003	 nextcommerce (stylesheet.css,v 1.7 2003/08/13); www.nextcommerce.org

   Released under the GNU General Public License 
   ---------------------------------------------------------------------------------------*/

.boxText { 
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}
.boxTextBG {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
color: #888;  
background-color: #f1f1f1;
}
.boxTextBGII {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
color: #888;  
background-color: #C6D8E8;
}
.boxTextPrice {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
background-color: #fff;  
color: #FF0000;
}
.errorBox {
font-family : Verdana, Arial, sans-serif;
font-size : 11px;
font-weight: bold;
background-color: #ffb3b5;
color: #FF0000;
}
.gvBox {
font-family : Verdana, Arial, sans-serif;
font-size : 14px;
font-weight: bold;
border-color: #FFFFFF;
border: 1px solid;
background-color: #ffb3b5;
}
.stockWarning { 
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
color: #cc0033;
}

.productsNotifications {
background-color: #f2fff7;
}

.orderEdit { 
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
color: #70d250;
text-decoration: underline;
}
body {
font-family: trebuchet, verdana, arial, tahoma;
font-size: 90%;
color: #888;
background-color: #fff;
line-height: 180%;
margin: 0px;
padding: 0px;
text-align: center;
}
img {
border-width: 1px;
border-color: #cccccc;
padding:1px
}
A {
color: #000000;
text-decoration: none;
}
A:hover {
color: #0000ff;
text-decoration: underline;
}
FORM {
display: inline;		   
}
TR.header {
background-color: #ffffff;
}
TR.headerNavigation {
background: #F6F6F6;
}
TD.headerNavigation {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #000000;
font-weight : bold;
border-bottom: 1px solid;
border-color: #b6b7cb;
background-color: #F6F6F6;
}
A.headerNavigation { 
color: #000000; 
}
A.headerNavigation:hover {
color: #000000;
}
TD.conditions {
background-color: #FFCCCC;
}
A.confirmationEdit {
color: #009933;
font-style: italic;
}
A.confirmationEdit:hover {
color: #009933;
font-style: italic;
text-decoration: underline;
}
TR.headerError {
background-color: #ff0000;
}
TR.headerMessage {
background-color: #ffb3b5;
}
.moduleHeading {
font-family: Verdana, Arial, sans-serif;
font-size: small;
font-weight: bold;
padding-bottom: 10px;
}
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: #bbc3d3;
}
TD.footer {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
background: #F6F6F6;
color: #000000;
font-weight : bold;
border-bottom: 1px solid;
border-color: #b6b7cb;
}
.infoBox {
}
.infoBoxContents {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}
.infoBoxNotice {
background: #FF8E90;
}
.infoBoxNoticeContents {
background: #FFE6E6;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}
TD.infoBoxHeading {
font-family: Verdana, Arial, sans-serif;
font-size: 85%;
font-weight: bold;
height:17px;
text-transform: uppercase;
margin: 1em 0 0.3em 0;
color: #5b8fbe;
font-weight: normal;
letter-spacing: 0.15em;
}
TD.infoBoxHeading_right {
font-family: Verdana, Arial, sans-serif;
font-size: 85%;
font-weight: bold;
height:17px;
text-transform: uppercase;
margin: 1em 0 0.3em 0;
color: #5b8fbe;
font-weight: normal;
letter-spacing: 0.15em;
}
TD.infoBox, SPAN.infoBox {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
border-color: #C4C4C4;
}
TD.infoBox_right, SPAN.infoBox_right {
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: #f8f8f9;
}
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: #f8f8f9;
}
TABLE.productListing {
border: 1px;
border-style: solid;
border-color: #b6b7cb;
border-spacing: 1px;
}
.productListing-heading {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
background: #b6b7cb;
color: #FFFFFF;
font-weight: bold;
}
TD.productListing-data {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}
A.pageResults {
color: #0000FF;
text-decoration: underline;
}
A.pageResults:hover {
color: #0000FF;
background: #FFFF33;
}
TD.pageHeading, DIV.pageHeading {
font-family: Verdana, Arial, sans-serif;
font-size: 16px;
font-weight: bold;
color: #000000;
}
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.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 {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #f0a480;
font-weight: bold;
}
SPAN.underline {
text-decoration: underline;
}
TABLE.formArea {
border-color: #cccccc;
border-style: solid;
border-width: 1px;
}
TD.formAreaTitle {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
}
TD.copyright {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
line-height: 1.5;
text-align:center;
}
A.copyright {
color: #000000;
}
A.copyright:hover {
color: #0000ff;
text-decoration: underline;
}
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.productOldPrice {
font-family: Verdana, Arial, sans-serif;
color: #ff0000;
text-decoration: line-through;
}
SPAN.errorText {
font-family: Verdana, Arial, sans-serif;
color: #ff0000;
}
SPAN.productDiscountPrice {
font-family: Verdana, Arial, sans-serif;
color: #ff0000;
font-weight: bold;
}
.smallHeading {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #888888;
}
.moduleRow {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
line-height: 1.5;
background-color: #E6E6E6;
border: 1px solid;
border-color: #E6E6E6;
}
.moduleRowOver { 
background-color: #D7E9F7; 
border: 1px solid;
border-color: #ffffff;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
line-height: 1.5; 
}
.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;
}

/* sitewide font classes */
/* Note: heading<Number> equals <font size="Number"> */
.heading1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 7pt;
}
.heading2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
}
.heading3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
}
.heading4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12pt;
}
.heading5 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16pt;
}
/* Sitemap Tables */
.sitemap_heading {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #FFFFFF;
background-color: #b3b2b7;
padding-top: 2px;
padding-bottom: 2px;
}
.sitemap_heading a {
color:#ffffff;
}
.sitemap_heading a:hover {
color:#CCCCCC;
text-decoration:none;
}
.sitemap_sub {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #000000;
background-color: #E6E6E6;
padding: 2px 2px;
}
.sitemap_sub a {
color:#000000;
}
.sitemap_sub a:hover {
color:#999999;
text-decoration:none;
}
/* 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: Verdana, Arial, sans-serif;
font-size: 10px;
color: #ff0000;
}
.tableShop {
background-color: #ffffff;
border-left: 1px solid;
border-right: 1px solid;
border-color: #b6b7cb;
}

.navLeft {
border-right: 1px solid;
border-color: #b6b7cb;
background-image: url(img/bg_left_column.jpg);
width: 185px;
}
.navRight {
border-color: #666666;
border-top-width: 4px;
border-top-style: solid;
border-left-width: 4px;
border-left-style: solid;
background-color: #E6E6E6;
width: 185px;
}
.contentsTopics {
font-family: Verdana, Arial, sans-serif;
font-size: 14px;
font-weight: bold;
}
.tableListingI {
background-color: #eeeeee;
}
.tableListingII {
background-color: #d0d0d0;
}
.tableBody {
padding: 5px;
}
.poweredby {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #000000;
font-weight: bold;
}
.onepxwidth {
width: 1px;
}

/* Set the page width */
#wrapper-menu-top, #header, #wrapper-content, #wrapper-footer {
width: 85%;
margin: 0 auto;
text-align: left;
}
#wrapper-menu-top {
background: white url('img/bg02-white-left.png') no-repeat left top;
height:50px;  
}
#menu-top {
float: right;
text-align:right;
width:310px;
}

#menu-top ul {
margin: 0 20px;
padding: 0 0 0 0;
list-style: none;
font-size: 85%;
float: left;
}
#menu-top li {
display: inline;
float: left;
}
#menu-top a {
float: left;
background:url(images/menuleft.png) no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
line-height: 1.5em;
}
#menu-top a span {
background: transparent url(images/menuright.png) no-repeat right top;
padding:5px 15px 4px 6px;
color:#5b8fbe;
display: block;
float: left;
cursor: pointer; /* IE doesnt display the hand when you roll over the link for some reason. This fixes it */
}
 #menu-top a:hover {
 background-position:0% -42px;
 }
 #menu-top a:hover span {
background-position:100% -42px;
}
#wrapper-header {
background: transparent url('img/bg.png') top center repeat-x;
}
#header {
background: #eee url('img/banner_mountains.jpg') no-repeat left top;
}
#wrapper-header2 {
background: transparent url('img/bg02-blue-left.png') top left no-repeat;
}
#wrapper-header3 {
background: transparent url('img/bg02-blue-right.png') top right no-repeat;
}
#header h1 {
margin: 0 20px;
padding: 0;
height: 192px;
line-height: 3em;
color: #2E6A9E;
font-size: 130%;
}
#wrapper-content {
background: white url('img/bg02-white-left.png') no-repeat left top;
}
* html #wrapper-content {
height: 1%;
}
#content {
background: transparent url('img/bg02-white-right.png') no-repeat right top;
padding: 5px 245px 5px 40px;
font-size: 60%;
width: auto;
}
#wrapper-menu-page {
float: right;
width:180px;
margin: 20px 30px 3em 2em;
background: transparent url('img/menu.png') no-repeat;
text-align: center;
line-height: 140%;
font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
}
* html #wrapper-menu-page {
margin: 15px;  
}
#menu-page {
padding-top: 5px;
}

#menu-page ul {
margin: 0;
padding: 0;
list-style: none;
font-size: 90%;
}
#menu-page h3 {
font-size: 75%;
text-transform: uppercase;
margin: 1em 0 0.3em 0;
color: #5b8fbe;
font-weight: normal;
letter-spacing: 0.15em;
}
#menu-page a:link, #menu-page a:visited {
color: #888;
}
#menu-page a:hover {
color: #5b8fbe;
}
#wrapper-footer {
margin-top: 1em;
text-align: center;
}
#footer {
margin: 0 20px;
background-color: #e5f0fc;
border: 1px solid #ccc;
border-bottom: 0;
clear: both;
}
h2 {
font-size: 110%;
}
h3 {
font-size: 100%;
}
a:link, a:visited {
color: #5b8fbe;
text-decoration: none;
}
a:hover {
color: #666;
text-decoration: none;
}