/*
  $Id: stylesheet.css,v 1.13 2005/12/07 03:59:21 jackb Exp $
  
  Stylesheet for elemis.com.au
*/

.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-size : 10px; color: #7D71AC; font-weight: bold;}

body {
  margin: 0;
  padding: 0;
  text-align: center;
  background: #f6edde url(/images/bgbody.gif) repeat-y top center;
}

body, table, input, select, textarea {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px;
}

#container {
	width: 798px;
	text-align: left;
	margin: 0 auto;
}

form {
	display: inline;
	margin: 0;
	padding: 0;
}

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

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

/* left and right column are hidden when it's time to print */
@media print {
	#leftColumn { display: none; }
	#rightColumn { display: none; }
}

/*-------------------------
 * HEADER
 *------------------------*/
#header {
	clear: both;
}
#search {
	width: 315px;
}
input#searchbox {
	background: #fff;
	border: 1px solid #939598;
	width: 200px;
	padding: 2px 0 2px 3px;
	font-size: 12px;
}

ul#mainnav {
	margin: 5px 20px 10px 0;
	padding: 0;
	float: right;
	text-transform: lowercase;
	font-size: 11px;
	font-family: "Helvetica Light", Helvetica, Arial, sans-serif;
	line-height: 16px;
	letter-spacing: 1px;

	display: inline; /* IE Hack */
}

ul#mainnav li {
	display: block;
	float: left;
	border-right: 1px solid #939598;
	height: 16px;
}
ul#mainnav li.last {
	border-right: none;
}

ul#mainnav li a {
	padding: 0 5px 0 7px;
}

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

#banner { text-align: center; }

/*-------------------------
 * CATEGORIES NAV
 *------------------------*/
#categories {
	margin: 0 0 0 4px;
	padding: 100px 0 30px 0;
	font-weight: bold;
	text-transform: lowercase;
	background: url(/images/htherange.jpg) no-repeat top left;
	border-right: 1px solid #939598;
}

#categories a:hover { text-decoration: none; }

#categories a, #categories a.sub.border {
	color: #333;
	padding: 0 0 5px 1px;
	margin: 0 8px 0 0;
	display: block;
	font-family: Verdana, Arial, sans-serif !important;
	background: url(/images/dot_bg.gif) repeat-x bottom left;
}

#categories a.last { background: transparent; }
#categories a.sub { margin: 1px 0; background: transparent; font-size: 10px; }

/* selected category */
#categories b a { color: #7D71AC;  }
#categories b a.sub { color: #A097C2; }

#subcategories {
	margin: 0 0 0 5px;
}

#subcategories ul {
	line-height: 18px;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	list-style: none;
	margin: 0 0 20px 15px;
	padding: 0;
	text-transform: lowercase;
}
#subcategories ul li {
	background: url(/images/purple_dot.gif) no-repeat 1px 6px;
	padding-left: 10px;
}

#subcategories ul li a:hover {
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #000;
}

/*-------------------------
 * FOOTER
 *------------------------*/
#footer {
	margin: 0 0 7px 12px;
	width: 772px;
	border-bottom: 1px solid #939598;
}

#footer a {
	color: #000;
	text-decoration: none;
}
#footer a:hover { color: #7D71AC;}

/*-------------------------
 * PRODUCT DISPLAY
 *------------------------*/

div.product_box h3 , table#product_listing h3, #product_detail h3 {
	font-weight: bold;
	margin: 5px 5px 10px 0;
	padding: 0;
	font-size: 11px;
}
div.product_brief p { margin: 0 0 0 70px; }
div.product_brief ul.action { margin: 15px 0 0 70px; }

div.product_box {
	border-top: 1px solid #939598;
	line-height: 16px;
	padding-top: 10px;
}
div.product_box p { margin: 10px 0 0 0; }
div.product_box h3 { margin: 10px 0 0 5px; }

table#product_listing table { border-right: 1px solid #939598; line-height: 16px; height: 220px; }
table#product_listing table.noheight { height: auto; }
table#product_listing table.rowend { border-right: none; }

table#product_listing h3 { margin: 5px 5px 10px 5px; }
table#product_listing p { margin: 5px ; }

ul.action {
	margin: 0 0 5px 5px;
	padding: 0;
	list-style: none;
}

ul.action li.nolink {
	background: url(/images/bullet_minus.gif) no-repeat center left;
	padding-left: 14px;
}

ul.action li a {
	background: url(/images/bullet_plus.gif) no-repeat center left;
	padding-left: 14px;
}
ul.action li.goback a { background: url(/images/bullet_back.gif) no-repeat center left; }

ul.action li a:hover {
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #000;
}

#product_detail h3 { margin: 10px 0; }
#product_detail ul.action {
	margin: 15px 0 0 0;
	padding: 15px 0 0 0;
	background: url(/images/dot_bg.gif) repeat-x top left;
	height: 10px;
}

#product_detail ul.action li { float: left; }
#product_detail ul.action li.nolink, #product_detail ul.action li a { padding-left: 15px; }

#product_detail ul.action li a {
	margin-left: 25px;
}
#product_detail ul.action li.goback {
	float: right;
	margin-right: 15px;
}

/*-------------------------
 * SIDEBAR
 *------------------------*/

#leftColumn .infoBox { border-bottom: 1px solid #999; }
#leftColumn .infoBoxHeading {
	border-top: 1px solid #999;
	font-weight: bold;
	text-transform: lowercase;
}

#leftColumn h2 {
	font-family: Verdana, Arial, sans-serif;
	background: url(/images/dot_bg.gif) repeat-x top left;
	font-size: 11px;
	text-transform: lowercase;
	padding: 10px 0 0 0;
	margin: 0 0 5px 0;
}

.box {
	margin: 35px 0 0 0;
	border-top: 1px solid #939598;
	border-bottom: 1px solid #939598;
	line-height: 16px;
}

.box b { font-family: Verdana, Tahoma, Arial, sans-serif; 	line-height: 19px; }

/*-------------------------
 * CONTENT
 *------------------------*/

.contentHeading {
	color: #3789D6;
	font-size: 13px;
}

.button {
	text-transform: lowercase;
	padding-left: 12px;
	background-repeat: no-repeat;
	background-position: center left;
}
a.button:hover { color: #000; text-decoration: none; border-bottom: 1px solid #000; }

.button.plus { background-image: url(/images/bullet_plus.gif); }
.button.minus { background-image: url(/images/bullet_minus.gif); }
.button.back { background-image: url(/images/bullet_back.gif); }
.button.forward { background-image: url(/images/bullet_forward.gif); }

.infoBoxNotice {
  background: #FF8E90;
}

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

td.infoBox, SPAN.infoBox {
  font-size: 10px;
}

table.productListing {
}

.productListing-heading {
  background: url(/images/dot_bg.gif) repeat-x bottom left;
  padding-bottom: 4px;
  font-weight: bold;
}

.productListing-heading .button {
	font-weight: normal;
	margin-right: 25px;
}

td.productListing-data {
}

a.pageResults { color: #290c5c; }

td.pageHeading, div.pageHeading {
  font-size: 13px;
  font-weight: bold;
  color: #290c5c;
  text-transform: lowercase;
  background: url(/images/dot_bg.gif) repeat-x bottom left;
  padding: 5px 0 7px 5px;
}

td.moduleHeading {
  font-size: 13px;
  font-weight: bold;
  color: #290c5c;
  background: url(/images/dot_bg.gif) repeat-x bottom left;
  padding: 5px 0 7px 5px;
}

tr.subBar {
  background: #f4f7fd;
}

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

td.main, P.main {
}

td.smallText, span.smallText, p.smallText {
  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;
}

textarea {
  width: 99%;
  overflow: auto;
  border: 1px solid #666;
}

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

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

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

.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; }

/* 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; }

/* category descriptions */
td.category_desc {
}