/*
  $Id: stylesheet.css,v 1 2007/06/13 hpdl Exp $

  Monk Media
  http://www.monkmedia.com.au

  Copyright (c) 2008 Monk Media

*/


/*------------------------------------
GENERAL
------------------------------------*/
body {
  background:#ffffff;
  color: #757575;
  margin: 0px;
  font-family: arial, verdana,  sans-serif;
  font-size: 11px;
  line-height: 1.4;
}


a{
  color: #555;
  text-decoration: none;
}

a:hover {
  color: #555;
  text-decoration: underline;
}

form {
 display: inline;
}

h1, h2, h3 {
color: #555;
font-family: georgia, garamond, serif;
font-weight: normal;
}

h1 { font-size: 18px; text-transform: uppercase;}
.rightcol h1 { font-size: 18px; text-transform: uppercase;}

body * {font-size: 11px;}


/*------------------------------------
ERRORS & INFO
------------------------------------*/

tr.headerError { background: #ff0000; }

td.headerError {
  font-family:  arial, verdana, sans-serif;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family:  arial, verdana, sans-serif;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

.infoBox, .infoBoxNotice, .infoBoxNoticeContents {  background: #FFFFFF;}

.infoBoxContents {
  background: #FFFFFF;
  font-family: arial, verdana, sans-serif;
}

td.infoBoxHeading {
  background-image: url('images/infobox/corner_center.gif');
  font-family: verdana, arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
  color: #fff;
  display: none;
}


.articleHeading{
	color:#fff;
  font-size: 11px;
  padding-left: 13px;
  padding-bottom: 5px;
}

/*------------------------------------
SHOPPING CART
------------------------------------*/

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: #FFFFFF;
  //shopping-cart content color
}

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: #FFFFFF;
  //shopping-cart content color
}

table.productListing {
  border: 0px;
  border-style: solid;
  border-color: #FFFFFF;
  //shopping-cart header/footer color
  border-spacing: 1px;
}

.productListing-heading {
  font-family:  arial, verdana, sans-serif;
  font-size: 11px;
  background: #FFFFFF;
  //shopping-cart header/footer color
  color: #9F1A37;
  font-weight: normal;
  padding: 10px;
}

td.productListing-data {

  font-family:  arial, verdana, sans-serif;
  font-size: 11px;
  color: #282E3E;
  padding-left: 15px;
}

a.pageResults {
  color: #0000FF;
}

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

td.pageHeading, div.pageHeading {
  font-size: 18px;
text-transform: uppercase !important;
  color: #555;  
  height: 36px;
  width: 445px;
  background-repeat: repeat-x;
  padding: 10px;
  padding-left: 0px;
  text-transform: none;
font-family: georgia, serif;
color: 
}

TR.subBar {
  background: #f4f7fd;
}

td.subBar {
  font-family: arial, verdana, sans-serif;
  font-size: 10px;
  color: #000000;
}

td.main, p.main {  padding-left: 13px;}

td.smallText, span.smallText, p.smallText {
  font-size: 10px;
  padding-left: 13px;
  color:#555;
}

TD.accountCategory {
  font-family: arial, verdana, sans-serif;
  font-size: 11px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: arial, verdana, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: arial, verdana, sans-serif;
  font-size: 11px;
}

TD.tableHeading {
  font-family: arial, verdana, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

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

/*------------------------------------
FORMS
------------------------------------*/

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

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

SPAN.greetUser {
  font-family: arial, verdana, sans-serif;
  font-size: 11px;
  color: #f0a480;
  font-weight: bold;
}

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

TD.formAreaTitle {
  font-family:  arial, verdana, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family:  arial, verdana, sans-serif;
  font-size: 11px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: arial, verdana, sans-serif;
  color: #ff0000;
}

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

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

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

/*------------------------------------
MESSAGE BOX
------------------------------------*/

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

/* input requirement */

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

 


/*------------------------------------
?????????
------------------------------------*/
.boxText { font-family: arial, verdana, sans-serif; font-size: 10px; }
.errorBox { font-family : arial, verdana, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : arial, verdana, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : arial, verdana, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }


 .se{
  width: 128px;
  font-size: 11px;
 }

 .ml{
  font-size: 11px;
  color: #aaaaaa;
  text-decoration: none;
 }

 .ml1{
  font-size: 11px;
  color: #aaaaaa;
  text-decoration: none; 
font-family: Helvetica, verdana, sans-serif;
text-transform: uppercase;
font-size: 10px;
 }

 .ml2{
  font-size: 11px;
  color: #aaaaaa;
  text-decoration: underline; 
 }

 .bc{
  font-family: Helvetica, verdana, sans-serif;
  font-size: 11px;
  color: #555;
background-image: none;
}

 .bc1{
  font-size: 11px;
  color: #555;
  
 }

 .br{
  border-color:#D3D1D1;
  border-width:1px;
  border-style:solid;
 }

 .px2{
  font-size: 2px;
 }

 .px3{
  font-size: 3px;
 }

 .px7{
  font-size: 7px;
 }


 .th9{
  font-size: 9px;
  font-family: arial,verdana;
  font-weight: normal;
  color: #616161;
  text-decoration: none;
 }

 .th9:hover{
  font-size: 9px;
  font-weight: normal;
  font-family: arial,verdana;
  color: #616161;
  text-decoration: underline;
 }




/*------------------------------------
LEFT MENU
------------------------------------*/

.menu {
color: #fff;
width:150px;
text-align: left;
padding-right: 35px;

}

.menu a {
font-size: 10px;

}

.menu td { text-align: right;

 }

.menulist {margin: 0px; padding: 0px;
width: 122px;

}


.menulist li {list-style-type: none;
float: right;
}

.menulist a {
color: #515151;
font-family: georgia, garamond, serif;
text-transform: uppercase;
border-top: 1px dotted #CCC;
width: 126px;
display: block;
padding: 3px 0px;
float: right;
}



.menulist a:hover, .menulist li.menu1 a:hover, .menulist li.menu2 a:hover  {color: #555; text-decoration: none;}

.menu li.menu0 a {
font-size: 1.1em;
}


.menu li.menu1 a {
color: #515151;
font-family:Arial, Helvetica, sans-serif;
text-transform: lowercase;
border-top: 0px dotted #dedede;
width: 115px;
padding: 3px 5px;
float: right;
font-size: 11px;
background: #f2f2f2;
}

.menu li.menu2 a  {
color: #515151;

font-family:Arial, Helvetica, sans-serif;
text-transform: lowercase;
border-top: 0px dotted #dedede;
width: 95px;
padding: 3px 5px;
float: right;
background: #eae9e9;
}
.menu li.menu1 a:hover {background: #fff;}
.menu li.menu2 a:hover {background: #f2f2f2;}



/*------------------------------------
MAIN CONTENT TABLE
------------------------------------*/

table.main {
background: #fff;
vertical-align: top;
color: #747474;
font-size: 11px;
width:600px;
}

.main .col1 {
padding: 5px 0px 5px 5px; border: 1px solid red;}


.main td {
vertical-align: top; }

/*------------------------------------
PRODUCTS

------------------------------------*/

.title {margin-top: 20px; font-size: 18px;}

.product{ padding: 0px 10px 20px 0px;	width: 120px;
border-bottom: 1px dotted #ccc;
}

.product td {font-size: 11px !important; color: #000;}

.product img {border: 0px;}

td.productthumb {vertical-align: middle;
height: 100px;
overflow: hidden;
text-align: center; 
}

.productname {font-weight: bold; color: #000;}

.productHeading{ font-size: 11px;}

.product .price {color: #555; padding: 8px 0px;}
.product .buttons {padding-top: 10px; text-align: left;}

.product .button {
clear: both;
padding-bottom: 5px;
}


/*------------------------------------
TOP MENU
------------------------------------*/

#mainmenu {margin-top: 15px; float:right; width:350px;}

#mainmenu li {list-style-type: none;
display: inline;
font-family: georgia, garamond, serif;
text-transform: uppercase;
font-size: 10px;
font-weight: bold;
color: #aaaaaa; 
}

#mainmenu li a {font-size: 10px; color: #aaaaaa; padding: 0px 5px; font-weight: normal;}
#mainmenu li a:hover {color: #555; text-decoration: none;}


/*------------------------------------
HEADER
------------------------------------*/
.headbg {background: url(images/dots.gif) bottom repeat-x;
padding-bottom: 3px;
margin-bottom: 15px;
width: 800px;
height:80px;
}

/*------------------------------------
FOOTER
------------------------------------*/

.footer {clear: both; font-size: 10px; margin-top: 20px;}
.footer-left {width: 100px; float: left;}
.footer-right {width: 612px; float: right; }
.footer a {color: #aaaaaa;}

#manufacturers td {
width: 210px;
}
#manufacturers ul {list-style-type: none;
margin: 0px;
padding: 0px;}

#manufacturers ul li {
margin: 4px 0px;
}

#greeting{
	width:130px;
	}


.banner {border: 3px solid #eaeaea;}