/* CSS Document */

/* EDIT:2007.07.23
   Guan Ming Teo

   Adding buttons for menu links */
a.button { display: block;
	width: 180px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: 0 0;
	outline: 0;
	font-size: 1px;
	text-indent: -888em;
	text-decoration: none; }
a#button-gift-voucher { background-image: url('/images/button-gift-voucher.png'); }
a#button-full-product-list { background-image: url('/images/button-full-product-list.png'); }
a#button-wholesalers-login { background-image: url('/images/button-wholesalers-login.png'); }
a#button-wholesalers-history { background-image: url('/images/button-wholesalers-history.png'); }
a#button-wholesalers-order { background-image: url('/images/button-wholesalers-order.png'); }
a#button-wholesalers-logout { background-image: url('/images/button-wholesalers-logout.png'); }
a#button-view-photos { position: absolute;
	left: 35px;
	background-image: url('/images/button-view-photos.png'); }
a#button-stockist-list { position: absolute;
	left: 35px;
	margin-top: 60px;
	background-image: url('/images/button-stockist-list.png'); }
a#button-links { position: absolute;
	left: 35px;
	margin-top: 120px;
	background-image: url('/images/button-links.png'); }
a.button:focus, 
a.button:hover, 
a.button:active { background-position: 0 100%;
	text-decoration: none; }

p#button-bottom { margin-bottom: 190px; }
/* EDIT:2007.07.23 */

/* HOME:2007.06.05
   Guan Ming Teo
   
   Adding Login for Wholesalers, and Featured Products */

h1#home { margin: 0; }

h2#wholesaler-login { position: absolute;
	left: 50%;
	top: 280px;
	width: 120px;
	margin: 0 0 0 230px; }
h2#wholesaler-login a { display: block;
	width: 120px;
	height: 165px;
	background-color: #93d41e;
	color: #000;
	font-size: 18px;
	text-decoration: none; }
h2#wholesaler-login a span { position: absolute;
	display: block;
	width: 120px;
	height: 165px;
	background: url('/images/wholesalers-login.png') no-repeat 0 0; }
h2#wholesaler-login a:focus span,
h2#wholesaler-login a:hover span, 
h2#wholesaler-login a:active span { background-position: 0 100%; }

div#featured-product { position: absolute;
	left: 50%;
	top: 175px;
	width: 175px;
	margin: 0 0 0 -380px;
	color: #02275f;
	cursor: pointer; }
div#featured-product h2 { margin: 0;
	height: 85px;
	background: #93d41e url('/images/something-interesting.png') no-repeat 15px 0;
	font-size: 1px;
	text-indent: -888em; }
div#featured-product p a#read-more { display: block;
	width: 140px;
	height: 95px;
	background: #93d41e url('/images/something-interesting-read-more.png') no-repeat 0 0;
/*	width: 132px;
	height: 131px;
	background: #93d41e url('/images/home/Christmas.jpg') no-repeat 0 0;*/
	outline: 0;
	font-size: 1px;
	text-indent: -888em;
	text-decoration: none; }
	div#featured-product p a#read-more:focus, 
	div#featured-product p a#read-more:hover, 
	div#featured-product p a#read-more:active, 
	div#featured-product p a#read-more.hover { background-position: 0 100%; }

.frame { /* float: right;
	clear: right;
	margin: 0 0 5px 10px; */
	border: 2px solid #78b60a;
	vertical-align: bottom; }
.frame img { border-width: 0;
	vertical-align: bottom; }

/*div#featured-product dl { margin: 0; }
div#featured-product dl dt a { display: block;
	font: 14px Tahoma, 'Trebuchet MS', Geneva, Arial, Helvetica, sans-serif; }
div#featured-product dl dt a:focus, 
div#featured-product dl dt a:hover, 
div#featured-product dl dt a:active { color: #222; }
div#featured-product dl dd { margin: 5px 0 0;
	color: #02275f;
	font-family: Tahoma, 'Trebuchet MS', Geneva, Arial, Helvetica, sans-serif; }
div#featured-product dl dd img { border: 2px solid #78b60a;
	vertical-align: bottom; }

div#featured-product dl dd.frame { margin-top: 10px;
	text-align: center; }
 EO.HOME:2007.06.05 */

/* WHOLESALERS:2007.06.06 */
div#content { margin: 0 55px;
	text-align: left; }
div#content h1 { text-transform: uppercase; }
div#content form#form-login { width: 25em;
	padding: 15px 25px 120px;
	background-image: url('/images/wholesalers-bg.jpg');
	background-repeat: no-repeat;
	background-position: 53px 0; }
div#content form#form-login dl dt { float: left;
	display: inline;
	width: 8em;
	padding-bottom: 3px;
	font-weight: 800; }
div#content form#form-login dl dt label { display: block;
	cursor: pointer; }
div#content form#form-login dl dd { margin-left: 8.5em;
	padding-bottom: 3px; }
div#content form#form-login dl dd input, 
div#content form#form-order input { padding: 1px;
	border: 1px solid #ff8327;
	color: #02275f;
	font: 1.0909em Tahoma, Geneva, 'Trebuchet MS', Arial, Helvetica, sans-serif; }
div#content form#form-order textarea { padding: 1px;
	border: 1px solid #ff8327;
	color: #02275f;
	font: 1.0909em Tahoma, Geneva, 'Trebuchet MS', Arial, Helvetica, sans-serif; }
div#content form#form-login dl dd input:focus, 
div#content form#form-login dl dd input:active, 
div#content form#form-order input:focus, 
div#content form#form-order input:active { border-color: #e20000; }

div#content form #form-navigation { margin: 5px 0;
	list-style-type: none;
	text-align: center; }
div#content form #form-navigation li { display: inline; }
div#content form #form-navigation input { overflow: visible;
	padding: 2px 10px 3px;
	background-color: #ffbf27;
	border: 1px solid #ff8327;
	font: 800 1.0909em Tahoma, Geneva, 'Trebuchet MS', Arial, Helvetica, sans-serif;
	cursor: pointer; }
div#content form #form-navigation input:hover, 
div#content form #form-navigation input:active { background-color: #fccf63; }

div#content dl#total-price { margin: 10px 0; }
div#content dl#total-price dt { font-size: 1.1667em; }
div#content dl#total-price dd { margin: 4px 0 16px;
	font-size: 1.3334em;
	font-weight: 800; }
/* EO.WHOLESALERS:2007.06.06 */

/* STOCKISTS Layout */
table#stockists {
	margin: 10px auto;
	border-collapse: collapse;
	text-align: left; }
table#stockists tr th, 
table#stockists tr td { padding: 3px 5px;
	border: solid #ffbf27;
	border-width: 1px 0;
	vertical-align: top;
	font-size: 12px; }
table#stockists thead tr th { padding: 5px;
	background-color: #ff8327;
	color: #fff;
	text-align: center; }
table#stockists tbody tr th { text-align: left; }
table#stockists tbody tr th.area { padding: 5px;
	background-color: #f9dfa1; }

table#stockists colgroup col.left { text-align: left; }
table#stockists colgroup col.center { text-align: center; }

table#stockists tbody tr th+td, 
table#stockists tbody tr th+td+td { text-align: center; }

table#stockists tbody tr td table#details { margin: 10px auto;
	border-collapse: collapse; }
table#stockists tbody tr td table#details tr th, 
table#stockists tbody tr td table#details tr td {  }
/* EO.STOCKISTS Layout */

body {
	background-color: #93D41E;
	margin: 0px;
	background-image: url(images/home/bottomBg.gif);
	background-repeat: repeat-y;
	background-position: center;
}

.center {
	text-align: center;	
}

.secure {
	background-color: #B6EC4D;
	margin: 10px;
	background-image: none;
}

.content {
	background-color: #ffffff;
	margin: 0px;
	background-image: none;
}

.whiteBg {
	background-color: #ffffff;
}

.homelightBg {
	background-color: #BAED56;
}

.GreenBrightBG {
	background-color: #B6EC4E;
}

.HomeContent {
	font-family: Tahoma, Geneva, 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #02275F;
	text-align: center;
	padding: 10px;
}

.bottomSpacer {
	background-image: url(images/bottom_spacer.gif);
	background-repeat: repeat-y;
}

.contentborder {
	background-image: url(images/right_content_spacer.gif);
	background-repeat: repeat-y;
}

.GreenDarkBG {
	background-color: #A4E035;
}

.NAVContent {

	font-family: Tahoma, Geneva, 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: 02275F;
}

.orangeButton {
	background-color: #FFBF27;
	border: 1px solid #FF8327;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
	font-family: Tahoma, Geneva, 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	cursor: pointer;
}

p, body, td {
	font-family: Tahoma, Geneva, 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: 064DB7;
	font-size: 12px;
}

h1 {
	font-family: Tahoma, Geneva, 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #E17501;
}

.greenText {
	font-family: Tahoma, Geneva, 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4C7202;
	font-weight: bold;
}

a {
	font-family: Tahoma, Geneva, 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #064DB7;
	font-weight: bold;
	text-decoration: underline;
	cursor: pointer;
}

a:hover {
	font-family: Tahoma, Geneva, 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0099FF;
	font-weight: bold;
	text-decoration: underline;
	cursor: pointer;
}

.shoppingcartBG {
	background-color: #FEF1D3;
}

.shoppingcartTotalBG {
	background-color: #FFCC52;
	font-family: Tahoma, Geneva, 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #032C69;
}

.addbutton {
	cursor: pointer;
}


hr {
	color: #FFBE21;
    background-color: #FFBE21;
    height: 2px;
	width: 100%;
	margin-top: 10px;
}