﻿<Style>/* Default CSS Stylesheet for a new Web Application project */{}
/* General */

*{
	margin:0;
	padding:0;
}
img{
	border:0;
}
i{
	display:none;
}
body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:62%;
	line-height:1.25em;
	color:black;
	background:#5B6428;
	text-align:center;
}
p{
	text-align:left;
}
a {
	font-weight:bold;
	color:#8CC63E;
	text-decoration:none;
}
a:hover {
	color:#000;
	text-decoration:underline;
}
.clear{
	clear:both;
	height:1px;
}

/* Layout */

#layout{
	margin:0 auto;
	width:790px;
	height:400px;
}
#header{
	width:790px;
	height:85px;
	border-bottom:1px solid #666;
}
#searchbox{
	float:right;
	margin-top:8px;
		font-size:8px;
}
#searchbox a{
	margin-right:10px;
	font-weight:normal;
	color:#AFB974;
	font-size:8px;
}

#searchbox p{
	margin-right:10px;
	font-weight:normal;
	color:#AFB974;
	font-size:8px;
}
.input{
	border:1px solid #999;
	width:70px;
	height:13px;
	font-size:90%;
}
.goSearch{
	width:15px;
	height:13px;
	margin-bottom:-2px;
}
#logo{
	float:left;
	width:367px;
	height:57px;
	margin-top:10px;
	margin-left:10px;

}
* html #logo{
	margin-left:5px;
}

#menuetop{

	width:790px;
	height:1px;
	margin-top:78px;
	margin-left:0px;
	
}


#slogan{
	clear:right;
	float:right;
	width:145px;
	height:22px;
	background:url('http://www.thespicetrader.ca/ui/media/images/slogan.gif') no-repeat left top;
	margin-top:15px;
		
}

#searchheader{color:#EDE977;clear:right;float:right;font-size:10px;}
#searchheader a{color:#EDE977;font-size:10px;}

/* Sup Menu */



#menu2{height:22px;width:790px;margin-top:5px;border-bottom:0px solid #000000;border-top:1px solid #000000;background:#5B6428; color:#EDE977;}

#menu2 ul{margin-top:0px;padding:0;list-style-type:none;}
#menu2 li{float:left;margin-top:4px;margin-right:5px;margin-left:9px;white-space:nowrap;font-size:10px;}
#menu2 a{color:#EDE977;}
* html #menu2{\/*IE 5.x hack*/	width:750px;}

#menu3 {height:25px;width:790px;margin-top:79px;border-bottom:1px solid #000000;border-top:1px solid #000000;background:#EDE977; color:#aaaaaa;}
#menu3 ul{margin-top:0px;padding:0;list-style-type: none;}
#menu3 li{float:left;margin-top:5px;margin-right:5px;margin-left:9px;white-space:nowrap;font-size:10px;font-weight:800;color:#000000;}
#menu3 a{color:#000000;font-weight:800;font-size:12px;}
/*#menu3 a:hover{text-decoration:none;}*/
* html #menu3{\/*IE 5.x hack*/width:750px;}

/* Menu */

#menu {
	height:29px;
	width:790px; /* added */
	border-bottom:1px solid #006930;
	background:#8CC63E; color:#FFFFFF
}
#menu ul {
	margin-left:5px;
	list-style-type:none;
	padding:0; /*!important;*/
}
#menu li {
	float:left;
}
#menu a {
	display:block;
	height:29px;
}



#menu a.m01 {
	width:42px;
	background:url('http://www.thespicetrader.ca/ui/media/images/menu/01.gif') no-repeat left top;
	color:#FFFFFF
}
#menu a.m02 {
	width:60px;
	background:url('http://www.thespicetrader.ca/ui/media/images/menu/02.gif') no-repeat left top;
	color:#FFFFFF
}
#menu a.m03 {
	width:54px;
	background:url('http://www.thespicetrader.ca/ui/media/images/menu/03.gif') no-repeat left top;
	color:#FFFFFF
}
#menu a.m04 {
	width:46px;
	background:url('http://www.thespicetrader.ca/ui/media/images/menu/04.gif') no-repeat left top;
	color:#FFFFFF
}
#menu a.m05 {
	width:57px;
	background:url('http://www.thespicetrader.ca/ui/media/images/menu/05.gif') no-repeat left top;
	color:#FFFFFF
}
#menu a.m06 {
	width:88px;
	background:url('http://www.thespicetrader.ca/ui/media/images/menu/06.gif') no-repeat left top;
	color:#FFFFFF
}
#menu a.m07 {
	width:125px;
	background:url('http://www.thespicetrader.ca/ui/media/images/menu/07.gif') no-repeat left top;
	color:#FFFFFF
}
#menu a.m08 {
	width:46px;
	background:url('http://www.thespicetrader.ca/ui/media/images/menu/08.gif') no-repeat left top;
	color:#FFFFFF
}
#menu a.m09 {
	width:58px;
	background:url('http://www.thespicetrader.ca/ui/media/images/menu/09.gif') no-repeat left top;
	color:#FFFFFF
}
#menu a.m10 {
	width:110px;
	background:url('http://www.thespicetrader.ca/ui/media/images/menu/10.gif') no-repeat left top;
	color:#FFFFFF
}
#menu a.m11 {
	width:53px;
	background:url('http://www.thespicetrader.ca/ui/media/images/menu/11.gif') no-repeat left top;
	color:#FFFFFF
}
#menu a:hover {
	background-position:left bottom;
}

/* Homepage */

#photo{
	float:left;
	width:270px;
	height:201px;
	background:url('http://www.thespicetrader.ca/ui/media/images/homepage.jpg') no-repeat left top;
}
#quote{
	float:right;
}

h1#homepage{
	width:480px;
	height:201px;
	background:url('http://www.thespicetrader.ca/ui/media/images/the_perfect_gift.gif') no-repeat left top;
}
* html h1#homepage{
	margin-left:0px;
}
.continue{
	float:left;
	margin-left:30px;
	margin-top:15px;
}
#content{
	margin-top:20px;
	/*width:750px; */
	background:url('http://www.thespicetrader.ca/ui/media/images/background.gif') repeat-y left top;
}
#content a{
	color:#AFB974;
}
#hp0{width:630px;height:20px;}
#hp1{
	float:left;
	width:330px;
	height:175px;
	margin-left:10px;
	border-right:1px solid #000;
}
#hp2{
	float:left;
	width:210px;
	height:175px;
}
#hp3{
	float:left;
	width:190px;
	height:175px;
	padding-top:20px;
}
#teaware_image{
	float:left;
	width:163px;
	height:137px;
	background:url('http://www.thespicetrader.ca/ui/media/images/spice_history.jpg') no-repeat left top;
	margin-right:15px
}

#hp1 p{
	display:block;
	width:180px;
	font-size:120%;
	float:right;
	margin-right:20px;
}
* html #hp1 p{
	margin-right:10px;
}
.tea{
	float:left;
	width:195px;
	margin-left:15px;
	margin-bottom:15px;
}
* html .tea{
	margin-left:8px;
}
.more{
	margin-left:3px;
	margin-bottom:1px;
}
#hp2 h3{
	float:left;
	margin-top:0px;
	font-family:Verdana, Arial, sans-serif;
	font-size:12px;
	color:#4D4D4D;
	margin-bottom:2px;
}
#hp2 p{
	font-size:11px;
	color:#4D4D4D;
}
.sample{
	float:left;
	width:55px;
	margin-right:15px;
}
h2#find_your_tea_head{
	float:left;
	width:97px;
	height:20px;
	background:url('http://www.thespicetrader.ca/ui/media/images/title/find_your_tea.gif') no-repeat left top;
	margin-left:10px
}
* html h2#find_your_tea_head{
	margin-left:8px;
}
#find_tea{
	float:left;
	width:61px;
	height:65px;
	background:url('http://www.thespicetrader.ca/ui/media/images/find_tea.gif') no-repeat left top;
	margin-left:15px;
	margin-top:10px;
	margin-right:12px
}
* html #find_tea{
	margin-left:8px;
}
#hp3 p{
	float:right;
	margin-top:10px;
	width:100px;
}
.find{
	float:left;
	margin-top:10px;
	margin-left:2px;
}

/* Left */

#left{
	width:140px;
	float:left;
}
h2{
	float:left;
	width:140px;
	height:15px;
	margin-bottom:15px;
}
#left ul{
	clear:left;
	width:140px;
	list-style-type:none;
	padding:0;
	text-align:left;
	margin-left:0px;
}
#left li{
	width:140px;
	margin-top:5px;
	padding-left:12px;
}
#left li.active{
	width:140px;
	background:url('http://www.thespicetrader.ca/ui/media/images/active.gif') no-repeat 0px 3px;
}
#left li.active a{
	color:#666;
}
.find_tea{
	margin-left:12px;
	margin-top:20px;
	background:url('http://www.thespicetrader.ca/ui/media/images/find_your_tea.gif') no-repeat left top;
	padding-top:15px;
	margin-bottom:50px
}

/* Middle */

#middle{
	float:left;
	width:385px;
	margin-left:20px;
}
* html #middle{
	margin-left:10px;
}
#middle_left{
	float:left;
	width:230px;
}
#middle_right{
	float:right;
	width:140px;
}
* html #middle_right{
	margin-right:-10px;	
}
.bigPicture{
	width:230px;
	height:142px;
}
h3{
	color:#333;
	font-size:140%;
	margin-top:20px;
	margin-bottom:10px;
}
ul#categories{
	float:left;
	width:140px;
	list-style-type:none;
	border-bottom:0px solid #999;
	border-right:0px solid #CCC;
	margin-top:15px;
	margin-right:0;
	padding:0;
	text-align:left; bord:0px solid #999
}
.description{
	float:left;
	width:60px;
	line-height:15px;
	font-weight:bold;
	color:#999;
	margin-top:2px;
	margin-right:-10px;
}
#prices{
	width:140px;
	background:#FBFCDE;
	border:1px solid #999;
	text-align:left;

}
#prices td{
	font-family:Verdana, Arial, sans-serif;
	font-size:10px;
	padding:4px;
	padding-left:10px;
}
#prices tfoot th{
	float:left;
	padding-left:10px;
	font-family:Verdana, Arial, sans-serif;
	font-weight:normal;
	color:#999;
	font-size:9px;
	height:30px;
}
ul#tea_links{
	width:140px;
	list-style-type:none;
	padding:0;
	margin-top:25px;
	text-align:left;
}
ul#tea_links li{
	width:140px;
	padding-left:12px;
}
ul#tea_links a{
	font-weight:normal;
	color:#AFB974;
}
ul#tea_links li.active{
	width:140px;
	background:url('http://www.thespicetrader.ca/ui/media/images/active.gif') no-repeat 0px 3px;
}
ul#tea_links li.active a{
	color:#666;
}
.tea_description{
	color:#333;
	font-size:107%;
	line-height:14px;
}

/* Right */

#right{
	width:140px;
	float:right;

}
#right p{
	background:#EEF7E2;
	margin:10px 12px;
}
h4#shopping{
	float:left;
	width:180px;
	height:20px;
	background:url('http://www.thespicetrader.ca/ui/media/images/shopping_cart.gif') no-repeat left top;
	margin-bottom:10px
}

h4#satisfaction{
	float:left;
	width:180px;
	height:20px;
	background:url('http://www.thespicetrader.ca/ui/media/images/satisfaction_guarantee.gif') no-repeat left top;
	margin-bottom:10px
}
#shopping_cart{
	float:left;
}
#shopping_cart input{
	width:20px;
	border:1px solid #7F7F7F;
	margin-left:10px;
}
#shopping_cart td{
	font-family:Verdana, Arial, sans-serif;
	font-size:10px;
}
#shopping_cart label{
	margin-left:5px;
}
#shopping_cart .update{
	margin-top:10px;
	height:15px;
	width:76px;
	border:0px;
}	
#shopping_cart .checkout{
	height:15px;
	width:66px;
	border:0px;
}
hr{
	margin-top:10px;
	width:180px;
	bord:1px solid #D2D5D0
}

/* Footer */

#footer{
	clear:both;
	width:790px;
	height:30px;
	border-bottom:1px solid #000; border-top:1px solid #000;
	background:#5B6428; 
}
#footer p{
	float:left;
	margin-left:15px;
	margin-top:6px;
	margin-bottom:5px;
}
* html #footer p{
	margin-left:8px;
}
#footer a{
	float:left;
	margin-right:15px;
	font-weight:normal;
	color:#AFB974;
}

.copyright{color:AFB974;float:left;margin-left:100px;}
.GeneralPage
{
background-color: #5B6428; /* Background Color */
margin-bottom: 0px; /* Margins */
margin-left: 0px; /* Margins */
margin-right: 0px; /* Margins */
margin-top: 0px; /* Margins */
}

.GeneralTable
{
background-color: #5B6428; /* Background Color */
}

.TopBanner
{
font-family: Arial; /* Font Face */
font-size: 28pt; /* Font Size */
color: #666666; /* Font Color */
font-weight: Bold; /* Font Style */
text-decoration: none;
font-style: normal; /* FontStyle */
background-color: #5B6428; /* Background color */
text-align: Left; /* Align Text */
}


.LeftColumn
{
font-family: Arial; /* Font Face */
font-size: 9pt; /* Font Size */
color: #709B32; /* Font Color */
font-weight: Bold; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none;
background-color: White; /* Background color */
text-align: Left; /* Align Text */
vertical-align: Top; /* Align Text */
width: 140px;}

.LeftColumnText
{
font-family: Arial; /* Font Face */
font-size: 10pt; /* Font Size */
color: #414141; /* Font Color */
font-weight: Bold; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none; /* Font Style */
text-align: Left; /* Align Text */

}

.LeftColumnSubText
{
font-family: Arial; /* Font Face */
font-size: 9pt; /* Font Size */

color: #709B32; /* Font Color */
font-weight: Bold; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none;
/*text-align: Left;  Align Text */

}



.LeftColumnSubTextSelected
{
font-family: Arial; /* Font Face */
font-size: 9pt; /* Font Size */

color: #656565; /* Font Color */
font-weight: Bold; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none;
/*text-align: Left;  Align Text */

}

.RightColumnGreen
{
font-family: Arial; /* Font Face */
font-size: 9pt; /* Font Size */

color: #709B32; /* Font Color */
font-weight: 500; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none;
/*text-align: Left;  Align Text */

}


.warningText
{
font-family: Arial; /* Font Face */
font-size: 9pt; /* Font Size */
color: #A81C05; /* Font Color */
font-weight: 500; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none;
text-align: Left; /* Align Text */
vertical-align: Top; /* Align Text */
}


.TopSubBanner
{
font-family: Arial; /* Font Face */
font-size: 9pt; /* Font Size */
color: #CCFFCC; /* Font Color */
font-weight: Bold; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none;
background-color: #666666; /* Background color */
text-align: Center; /* Align Text */
}

.TopSubBannerText
{
font-family: Arial; /* Font Face */
font-size: 9pt; /* Font Size */
color: #CCFFCC; /* Font Color */
font-weight: Bold; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none;
text-align: Center; /* Align Text */
}


.RightColumn
{
font-family: Arial; /* Font Face */
font-size: 9pt; /* Font Size */
color: #CCFFCC; /* Font Color */
font-style: normal; /* Font Style */
font-weight: Bold; /* Font Style */
text-decoration: none;
background-color: White; /* Background color */
text-align: Left; /* Align Text */
vertical-align: Top; /* Align Text */
width: 140px;}

.RightColumnText
{
font-family: Arial; /* Font Face */
font-size: 8pt; /* Font Size */
color: #666666; /* Font Color */
font-style: normal; /* Font Style */
font-weight: Bold; /* Font Style */
text-decoration: none;
text-align: Left; /* Align Text */
vertical-align: Top; /* Align Text */
width: 140px;}

.Footer
{
font-family: Arial; /* Font Face */
font-size: 8pt; /* Font Size */
color: White; /* Font Color */
font-weight: Bold; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none;
background-color: White; /* Background color */
text-align: Center; /* Align Text */
vertical-align: Top; /* Align Text */
border-top:1px solid #999999;
}

.FooterText{font-family:Arial;font-size:9pt;color:AFB974;font-weight:Bold;font-style:normal;text-decoration:none;text-align:Center;vertical-align:Top;}

.Instructions
{
font-family: Arial; /* Font Face */
font-size: 9pt; /* Font Size */
color: #000000; /* Font Color */
font-weight: Bold; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none; /* Font Style */
background-color: #fff; /* Background color */
text-align: Left; /* Align Text */
margin-left:15px;
}

.ErrorMessages
{
font-family: Arial; /* Font Face */
font-size: 9pt; /* Font Size */
color: Red; /* Font Color */
font-weight: Bold; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none; /* Font Style */
background-color: #FFf; /* Background color */
text-align: Center; /* Align Text */
}

.Messages
{
font-family: Arial; /* Font Face */
font-size: 9pt; /* Font Size */
color: 000; /* Font Color */
font-weight: Bold; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none; /* Font Style */
background-color: #fff; /* Background color */
text-align: Center; /* Align Text */
}

.Headings
{
font-family: Arial; /* Font Face */
font-size: 10pt; /* Font Size */
color: #414141; /* Font Color */
font-weight: Bold; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none; /* Font Style */
background-color: #FFFFFF; /* Background color */
text-align: Center; /* Align Text */
}

.Content
{
font-family: Arial; /* Font Face */
font-size: 9pt; /* Font Size */
color: #666666; /* Font Color */
font-weight: Normal; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none; /* Font Style */
background-color: #FFFFFF; /* Background color */
text-align: Left; /* Align Text */
margin-left:15px;
}

.Content02
{
font-family: Arial; /* Font Face */
font-size: 9pt; /* Font Size */
color: #666666; /* Font Color */
font-weight: Normal; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none; /* Font Style */
}

.ContentAttribute
{
font-family: Arial; /* Font Face */
font-size: 9pt; /* Font Size */
color: black; /* Font Color */
font-weight: bold; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none; /* Font Style */
}



.WhiteContent
{
font-family: Arial; /* Font Face */
font-size: 9pt; /* Font Size */
color: #ffffff; /* Font Color */
font-weight: Normal; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none; /* Font Style */
text-align: Left; /* Align Text */
}


.ContentTableHeader
{
font-family: Arial; /* Font Face */
font-size: 10pt; /* Heading Font Size */
color: #444444; /* Heading Font Color */
font-weight: Bold; /* Heading Font Style */
font-style: normal; /* Heading FontStyle */
text-decoration: none; /* Heading Font Style */
background-color: White; /* Background color */
text-align: Left; /* Align Text */
}

.ContentTable
{
background-color: White;
}

.ContentTableHorizontal
{
background-color: White;
}

.customerf01{ width: 120px; font-family: Arial; font-size: 8pt; color: #666666; font-weight: Normal; font-style: normal;  }
.customerf02{ width: 180; font-family: Arial; font-size: 8pt; color: #666666; font-weight: Normal; font-style: normal;  }

</Style>