﻿/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl 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: Arial, Helvetica, sans-serif; font-size: 10px; }
.errorBox {  font-family: Arial, Helvetica, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning {  font-family: Arial, Helvetica, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit {  font-family: Arial, Helvetica, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

/* page template */
#position-page { width:100%; text-align:center;
}
#fixed-width {

	text-align:left;

	background-color:#ffffff; 

	width:760px; padding:0px;border:0px;

	margin-left: auto; margin-right: auto;

	color:#444444;

}

/* logo & navs */

.logo {padding:43px 0px 0px 27px;}

.top-nav-a {padding: 0px 68px 30px 0px;}

.top-nav-b {padding: 0px 109px 0px 0px;}

.nav-buttons-b td {padding: 0px 4px 0px 4px;}





.sub-nav { margin: 32px 0px 0px 0px; background-image:url("../images/nav_sub_bg.jpg");}

.sub-nav-contents {margin: 15px; width:150px; line-height: 100%;}

.sub-nav-contents td {vertical-align:middle;}

.sub-nav-contents h2 {font-size:11px; padding:0px 0px 3px 0px;}

.sub-div {background:#E9E9E9;height:1px; width:100%;margin:14px 0px 14px 0px;}

.icon {width:33px;}

.icon img { margin:0px 0px 0px 10px;}



.testimonial {color:#444444; padding:25px 20px 10px 20px;}

.author {color:#444444; padding:0px 20px 0px 20px;text-align:right;}



.errortext {color:#C00000; font-weight: bold;}

ul {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;        font: 12px tahoma #2383dd;}

li {font: 12px tahoma #2383dd;}

.special li {	
		list-style: none; 
		margin: 0px 0px 0px 0px;
		padding: 3px 3px 3px 23px;
		background-image:url("http://www.maxon.com.au/images/bullet.gif");
		background-position: 10px 7px;
        background-repeat: no-repeat;

        }	
        
/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_a{
position:absolute;
top: 0;
border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/
font:normal 12px Arial;
line-height:18px;
z-index:100;
/* background-color: #76A240; */
width: 171px;
visibility: hidden;
}

.dropmenudiv_a a{
width: auto;
display: block;
text-indent: 12px;
padding: 5px;
text-decoration: none;
color: #2383dd;
background: url(../images/nav_middle.gif) repeat-y;
}
.dropmenudiv_a a.sub_bottom{
width: auto;
display: block;
text-indent: 12px;
padding: 5px;
text-decoration: none;
color: #2383dd;
background: transparent url(../images/nav_bottom-rounded.gif) bottom left no-repeat;
}

.dropmenudiv_a a.subtop{
width: auto;
display: block;
text-indent: 12px;
padding: 5px;
text-decoration: none;
color: #2383dd;
background: transparent url(../images/nav_top-rounded.gif) top left no-repeat;
}

* html .dropmenudiv_a a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/
text-decoration:underline;
color: #2383dd;
}
.dropmenudiv_a a:hover.subtop{ /*THEME CHANGE HERE*/
background: url(../images/nav_top-rounded.gif) top left no-repeat;
color: #2383dd;
}
.dropmenudiv_a a:hover.sub_bottom{ /*THEME CHANGE HERE*/
background: url(../images/nav_bottom-rounded.gif) bottom left no-repeat;
color: #2383dd;
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */


#pointermenu2{
margin: 0;
padding: 0;
}

#pointermenu2 ul{
margin: 0;
margin-left: 15px; /*menu offset from left edge of window*/
float: left;
padding-left: 0px;
font: 13px "Lucida Sans Unicode";
/* background: #8DC63F; optional left round corner*/
}

* html #pointermenu2 ul{ /*IE6 only rule. Decrease ul left margin and add 1em bottom margin*/
margin-bottom: 1em;
margin-left: 7px; /*menu offset from left edge of window in IE*/
}

#pointermenu2 ul li{
display: inline;
}

#pointermenu2 ul li a{
float: left;
}




/* NAV ROLLOVER STATES */
#pointermenu2 ul li a.nava,
#pointermenu2 ul li a.nava:active{
width:63px;
height:31px;
float: left;
background: url(../images/b_home-onoff.gif) no-repeat;
background-position:0px 0px;
}

#pointermenu2 ul li a.nava:hover{
width:63px;
height:31px;
float: left;
background: url(../images/b_home-onoff.gif) no-repeat;
background-position:0px -31px;
}

#pointermenu2 ul li a.navb,
#pointermenu2 ul li a.navb:active{
width:90px;
height:31px;
float: left;
background: url(../images/b_company-onoff.gif) no-repeat;
background-position:0px 0px;
}

#pointermenu2 ul li a.navb:hover{
width:90px;
height:31px;
float: left;
background: url(../images/b_company-onoff.gif) no-repeat;
background-position:0px -31px;
}

#pointermenu2 ul li a.navc,
#pointermenu2 ul li a.navc:active{
width:86px;
height:31px;
float: left;
background: url(../images/b_products-onoff.gif) no-repeat;
background-position:0px 0px;
}

#pointermenu2 ul li a.navc:hover{
width:86px;
height:31px;
float: left;
background: url(../images/b_products-onoff.gif) no-repeat;
background-position:0px -31px;
}

#pointermenu2 ul li a.navd,
#pointermenu2 ul li a.navd:active{
width:79px;
height:31px;
float: left;
background: url(../images/b_support-onoff.gif) no-repeat;
background-position:0px 0px;
}

#pointermenu2 ul li a.navd:hover{
width:79px;
height:31px;
float: left;
background: url(../images/b_support-onoff.gif) no-repeat;
background-position:0px -31px;
}

#pointermenu2 ul li a.nave,
#pointermenu2 ul li a.nave:active{
width:85px;
height:31px;
float: left;
background: url(../images/b_how-to-buy-onoff.gif) no-repeat;
background-position:0px 0px;
}

#pointermenu2 ul li a.nave:hover{
width:85px;
height:31px;
float: left;
background: url(../images/b_how-to-buy-onoff.gif) no-repeat;
background-position:0px -31px;
}







#pointermenu2 ul li a:hover, #pointermenu2 ul li a#selected{ /*hover and selected link*/
color: lightyellow;
}

#pointermenu2 ul li a#rightcorner{
padding-right: 0;
padding-left: 2px;
/* background: url(../images/rightround2.gif) bottom right no-repeat; optional right round corner*/
}

.navmenuheader, a.navmenuheader, a:hover.navmenuheader, a:active.navmenuheader, a:visited.navmenuheader	{
	color: #000000;
	text-decoration:none;
	font-weight:bold;
	cursor:default;
}



/* logo & navs */



.breadcrumb {padding:0px 11px 0px 0px;}

table {padding:0px; margin:0px;border:0px;border-collapse: collapse;}

.maxontd {padding:0px; margin:0px;}

.logo {padding:43px 0px 0px 27px;}   

.logo a img { border: 0; padding: 0; margin: 0; display:block; }

.top-nav-a {

			padding: 0px 68px 30px 0px;

			font-family: Arial, Helvetica, sans-serif;

	    	}			

.top-nav-b {

			padding: 0px 109px 0px 0px;

			font-family: Arial, Helvetica, sans-serif;

	    	}

.nav-buttons-b td {

				padding: 0px 4px 0px 4px;

				font-family: Arial, Helvetica, sans-serif;

	    		}





.sub-nav { margin: 32px 0px 0px 0px; background-image:url("../images/nav_sub_bg.jpg");}

.sub-nav-contents {margin: 15px; width:150px; line-height: 100%;}

.sub-nav-contents td {vertical-align:middle;}
.sub-nav-contents h2 {font-size:11px; padding:0px 0px 3px 0px;}
.sub-div {background:#E9E9E9;height:1px; width:100%;margin:14px 0px 14px 0px;}
.icon {width:33px;}
.icon img { margin:0px 0px 0px 10px;}

.testimonial {color:#444444; padding:25px 20px 10px 20px;}
.author {color:#444444; padding:0px 20px 0px 20px;text-align:right;}


BODY {
  background: #ffffff;
  color: #000000;
  margin: 0px;
}

A {
  color: #2383DD;
  text-decoration: none;
}

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

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  /*background: #bbc3d3;*/
	  background: #2383DD;
}

TD.headerNavigation {
   font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
 /* background: #bbc3d3;*/
 	  background: #2383DD;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

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

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: #bbc3d3;*/
	background: #2383DD;
}

TD.footer {
   font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
/*  background: #bbc3d3;*/
	background: #2383DD;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
/*  background: #b6b7cb; */
}

.infoBoxContents {
  background: #f8f8f9;
   font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

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

TD.infoBoxHeading {
   font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
/*  background: #bbc3d3;*/
	background: #2383DD;
  color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
   font-family: Arial, Helvetica, 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: 0px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.productListing-heading {
   font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  background: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold;
}

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

A.pageResults {
  color: #0000FF;
}

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

TD.pageHeading, DIV.pageHeading {
   font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

TR.subBar {
  background: #f4f7fd;
}

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

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

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

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

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

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

TD.tableHeading {
   font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

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

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

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

SPAN.greetUser {
   font-family: Arial, Helvetica, 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, Helvetica, sans-serif;
  color: #ff0000;
}

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

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

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

/* message box */

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

/* input requirement */

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

        
/* footer */
#footer {		clear:both;
				background-color:#F5F4F4;
				padding:0px 0px 0px 0px;
				margin:15px 0px 0px 0px;
				width:760px;
				color:#000000;

 }
 
#footer a {
        color: #2383DD;
        text-decoration: none;
        }
#footer a:active {
        color: #2383DD;
        text-decoration: none;
        }
#footer a:visited {
        color: #2383DD;
        text-decoration: none;
        } 
#footer a:hover {
        color: #2383DD;
        text-decoration: underline;
        }

.footer-links p {padding:0px 0px 0px 0px; margin:0px;}
.footer-top {padding: 0px 0px 0px 0px; border: 0;}
.footer-bottom {vertical-align:top; padding:10px 0px 0px 242px; height:78px; font-size: 11px;}
.footer-bottom td {padding: 0px 0px 0px 0px; font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    voice-family: "\"}\"";
    voice-family: inherit;
    }
/* BOF: Additional Images */
.imagesBoxContents {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
/* EOF: Additional Images */

