html,body{margin:0;padding:0}

body{
font-family: Helvetica, sans-serif;
font-size: 85%;
text-align:center;
background-color: #f4f4f4;
color:#333333;}

p{margin:0 10px 10px}

a{display:block;color: #981793;}

.crossout {
text-decoration:line-through;}

div#header {
height:60px;
width: 770px;
margin-bottom: 5px;
text-align: left;
font-size:16px;
float: left;}

div#familylogin {
float: left;
width: 100%;
height: 20px}

a {
display: inline;
text-decoration: none;
color: black;}

div#container{
font:Arial, Helvetica, sans-serif;
text-align:left;
width: 800px;
margin: 0 auto;
background-color: #ffffff;}


div#mailinglist {
padding-bottom: 5px;
padding-top: 5px;
width: 770px;
float: left;
margin-bottom: 2px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;}

div#footer{
font:Arial, Helvetica, sans-serif;
background-color: #666666;
color: #CCCCCC;
clear: both;
width: 100%;
text-align: center;}

div#creditcards {
float:left;
width:100%;
text-align:center;}

div#trust {
float:left;
font-size:14px;
width:100%;
text-align:center;}

div#trust a:hover {color:#999999;}


div#footer p{margin:0;padding:5px 10px}

#footer a{color:white;}
#footer a:hover{color:#333333;}

div#content{
font:Arial, Helvetica, sans-serif;
float:left;
width:600px;
padding-bottom:5px; }


div#content p{line-height:1.4}

div#thaitop {
float: right;
height: 20px;
width: 171px;
background-color: #69AF6B;
margin-top: 10px;
border-top: 2px solid #e1d4c0;
border-left: 2px solid #e1d4c0;
border-right: 2px solid #e1d4c0;
font-size: 16px;
font-weight: bold;
color:#FFFFFF;
text-align:center;}

#thaitop:before {
content: url(sug_top.gif);
display: block;
line-height: .01;
margin: -10px -2px -22px -2px; }

div#thaitop h2{
background: transparent url(sug_top.gif) no-repeat top;
font-size: 16px;
font-weight: bold;
color:#FFFFFF;
text-align:center;
margin: -10px -2px auto -2px;
padding: 10px 2px 0px 2px; }

div#mailtop {
float: right;
height: 20px;
width: 171px;
background-color: #68AE6B;
margin-top: 10px;
border-top: 2px solid #e1d4c0;
border-left: 2px solid #e1d4c0;
border-right: 2px solid #e1d4c0;
font-size: 16px;
font-weight: bold;
color:#FFFFFF;
text-align:center;}

div#mailtop h2{
font-size: 16px;
font-weight: bold;
color:#FFFFFF;
text-align:center;
margin: 0px 0px auto 0px; }

#mailtop:before {
content: url(sug_top.gif);
display: block;
line-height: .01;
margin: -10px -2px -22px -2px; }

div#thai {
float: right;
width: 171px;
text-align: left;
border-left: 2px solid #e1c4d0; 
border-right: 2px solid #e1c4d0;
border-bottom: 2px solid #e1c4d0;
}


div.indexmailinghead {
float: right;
width: 171px;
text-align:center;
background-color: #68AE6B;
border-left: 2px solid #e1c4d0; 
border-right: 2px solid #e1c4d0;
border-bottom: 2px solid #e1c4d0; }

div#indexmailingform {
float: right;
margin-right:5px;
margin-bottom:5px;
background-color:#FFFFFF; }

div#indexmailingform { 
  width:150px; 
} 

html>body #indexmailingform {
  width:160px;
} 


#rsslefttop{
float:left;
width: 370px;
text-align: center;
margin-left: 10px;
margin-top: 20px;
font-weight:bold;
color: white;
font-size: 14px;
border-left: 2px solid #e1c4d0; 
border-right: 2px solid #e1c4d0;
border-top: 2px solid #e1c4d0;
background-color: #DCDE85; }

html>body #rsslefttop {
  width:380px;
} 

#rsslefttop:before {
content: url(rss_top.gif);
display: block;
line-height: .01;
margin: -15px -2px -16px -2px; }

div.rssleft {
float: left;
width: 370px;
margin-left: 10px;
margin-bottom: 10px;
border-left: 2px solid #e1c4d0; 
border-right: 2px solid #e1c4d0;
border-bottom: 2px solid #e1c4d0;
 }
 
 
html>body .rssleft {
  width:380px;
} 

#rssrighttop{
float:right;
width: 370px;
text-align: center;
margin-right: 10px;
margin-top: 20px;
color: white;
font-size: 14px;
font-weight: bold;
background-color: #DCDE85;
border-left: 2px solid #e1c4d0; 
border-right: 2px solid #e1c4d0;
border-top: 2px solid #e1c4d0; }

html>body #rssrighttop {
  width:380px;
} 

#rssrighttop:before {
content: url(rss_top.gif);
display: block;
line-height: .01;
margin: -15px -2px -16px -2px; }
 
div.rssright {
float: right;
width: 370px;
margin-right: 10px;
margin-bottom: 10px;
font-weight:bold;
border-left: 2px solid #e1c4d0; 
border-right: 2px solid #e1c4d0;
border-bottom: 2px solid #e1c4d0;
 }

html>body .rssright {
  width:380px;
}

#thai a:hover {
color: #000000; }

#thaihorz {
float: left;
width: 776px;
border-bottom: 2px solid #e1c4d0;
border-left: 2px solid #e1c4d0;
border-right: 2px solid #e1c4d0;
margin-left: 10px;
}

.horzbox {
float: left;
width: 190px; 
margin-top: 4px;}

.horzhead {
float: left;
border-top: 2px solid #e1c4d0;
border-left: 2px solid #e1c4d0;
border-right: 2px solid #e1c4d0;
width:776px;
text-align: center;
background-color: #B6E387;
margin-left: 10px;
margin-top:20px;
}

.horzhead:before {
content: url(horz_top.gif);
display: block;
line-height: .01;
margin: -15px -2px -22px -2px; }

div.horzhead h2{
font-size: 16px;
font-weight: bold;
color:#FFFFFF;
text-align:center;
margin: 0px 0px 0px 0px; }

.thaipic {
float: left;
clear: left;
padding-right:5px;}

.thaihead{ 
float:left;
clear: both;
width: 150px;
padding-top: 5px;
margin-left: 5px;
margin-bottom: 3px;
border-bottom: 1px solid #6AAF71;
font-size: 16px;
font-weight:bold;
color: #40676B;}

.thaihead a{
color: #40656B;}

.thaihead h2{
font-size:16px;
font-weight: bold;
margin: 0px 0px 0px 0px;}

.thaidesc {
margin-left: 5px;
float:left;
width: 155px;}

.thaidesc a {
text-decoration:underline;
color: #666; }
/*shop additions*/
/****************/
/****************/

#smenu {
clear: left;
float: left;
width: 150px;
height: 250px;
margin: 0 0 0px 0;
padding: 0;
font-size: 0.9em;
background: #6AAF71;
}

#smenu ul {	
list-style: none;
width: 150px;
margin: 0 0 10px 0;
padding: 0;
font-size: 1.0em;
}	

#smenu li {
margin-bottom: 4px;
}

#smenu li a {
font-weight: bold;
height: 20px;
text-decoration: none;
color:#333333;
display: block;
padding: 5px 0 0 8px;
background: #ffffff;
border-left: 5px solid #DEE5B4;
}	
	
#smenu li a:hover {
background: #DEE5B4;
color: 333;
border-left: 5px solid #DEE5B4; }

#smenu li a:active {
background: #DEE5B4;
color: 333;
border-left: 5px solid #DEE5B4; }

div#sspot {
float: left; }

div.catetory { 
text-align: center;
color:#FFFFFF;
background: #41676B;
width: 580px;
margin-top: 15px;}

/*jjill style shop*/
div.heading {
float: left;
width: 580px;
padding-left: 10px;
height: 15px; }

div.hbhead {
float: left;
background-color: #B6E387;
color: #000000;
width: 200px;
text-align:left;
height: 15px;
border: #B6E387 thin solid; }

.hbhead h1{
margin: 0px 0px 0px 0px;
font-weight:bold;
font-size: 14px;
}

.hbhead a{
font-weight: bold;
color: #000000;}

div.morehead {
float: left;
width: 350px;
padding-left: 5px;
border: #ccc thin solid;
text-align: right;
height: 15px; }

.morehead a {
text-decoration:underline;
color: #333333; }

.morehead a:hover {
color: #000000; }

div.prodhead {
padding-top: 8px;
float: left;
width: 590px;
text-align:center;
padding-bottom: 5px; }

div.seeitall {
float: left;
width:590px;
text-align:center;
padding-bottom:40px; }

.seeitall a{text-decoration:underline;
color: #40656B;}

div.prodhead a {
text-decoration:underline;
color:#333333; }

div.prodhead a:hover {
text-decoration: underline;
color:#333333; }

div#shoptop {
float: left;
width: 596px;
height: 20px;
background-color: #999;
margin-top: 10px;
padding-bottom: 3px;
border-top: 2px solid #e1d4c0;
border-left: 2px solid #e1d4c0;
border-right: 2px solid #e1d4c0;
color:#FFFFFF;
display:inline;
z-index:0;}

.topfill {
float:left;
width: 80px;
display:inline;
z-index:1; }

.topmiddle{
float:left;
width: 446px;
text-align: center; 
display: inline;
z-index:1;}

div#shoptop h1{
background: transparent url(shop-top.gif) no-repeat top left;
font-size: 16px;
font-weight: blod;
padding: 10px 10px 0px 10px;
margin: -10px -10px auto -10px; }

div#shoptop a{
color: #FFFFFF;
text-decoration: underline; }

div#shoptop a:hover{
color:#333333; }

#shoptop:before {
content: url(shop-top.gif);
display: block;
line-height: .01;
margin: -11px -2px -22px -2px; }

div.shopheader {
float: left;
width: 596px;
border-left: 2px solid #e1d4c0;
border-right: 2px solid #e1d4c0;}

div#products {
float: left;
width: 596px;
border-right: 2px solid #e1d4c0;
border-left: 2px solid #e1d4c0;
border-bottom: 2px solid #e1d4c0;
text-align: center;
padding-top: 10px; }

#products a:hover {
color:#333333; }

/*Item Additions*/
/****************/
/****************/
div#thairightbar{
float: right;
text-align: center;
color:#000000;
width: 162px;
margin-top: 10px;
border: 2px solid #e1d4c0; }

#thairightbar:before {
content: url(thairighttop.gif);
width: 160px;
display: block;
line-height: .01;
margin: -10px -2px -22px -2px; }

div#productpic {
float: left;
width: 300px;
text-align:center;
margin-top:10px;}

div#swap {
float:left;
padding-right:4px;
border-right:2px solid #e1d4c0; }

div#description {
float: right;
width: 270px;
border:#333333 thin solid;
margin: 10px 10px 0px 0px;
background:#CCCCCC; }

div.desctitle {
float: left;
width: 265px;
padding-left: 5px;
background: #B6E387;
color:#333333;
font-weight: bold;
padding-top: 3px;
padding-bottom: 3px;
text-align: left; }

div.desctitle h1 {
font-weight: bold;
font-size:14px;
margin: 0px 0px 0px 0px; }

div#descdesc {
float: left;
width: 250px;
margin-left: 5px;
margin-right: 5px;
padding-left: 5px;
color:#333333;
text-align: left;
border-bottom: #666666 thin solid;}

#descdesc ul{
padding-left: 20px;
list-style-type:square;
}

ul.disc {
list-style-type:square; }

div #desccolor {
padding-top: 3px;
width: 100px;
float: left;
margin-left: 5px;
padding-left: 5px;
color:#333333;
text-align: left;}

div #descdetails {
width: 100px;
padding-top: 3px;
float: right;
margin-right: 5px;
padding-left: 5px;
padding-left: 5px;
color:#333333;
text-align: right;
line-height: 1.3; }

div#addtobag {
float: right;
width: 270px;
border:#333333 thin solid;
margin: 10px 10px 0px 0px;
background: #999999;
clear:right; }

div#atbinfo {
float: right;
width: 250px;
margin-left: 5px;
margin-right: 5px;
padding-left: 5px;
margin-top: 10px;
text-align: right; }


div#vfbox {
float: left;
padding-left: 10px;
padding-top: 10px;
width: 300px;
text-align:left; }

div#sugtop {
float: right;
width: 171px;
height: 20px;
background-color: #B6E387;
margin-top: 10px;
border-top: 2px solid #e1d4c0;
border-left: 2px solid #e1d4c0;
border-right: 2px solid #e1d4c0;
font-weight: bold;
color:#FFFFFF;
text-align:center;}


div#suggestions {
float: right;
width: 171px;
text-align: center;
border-left: 2px solid #e1c4d0; 
border-right: 2px solid #e1c4d0;
border-bottom: 2px solid #e1c4d0;
}

#suggestions h1{
font-weight: bold;
margin: 0px 0px 0px 0px; }

#suggestions a {
text-decoration:underline;
color: #666; }

#suggestions a:hover {
color: #000000; }

#sugtop:before {
content: url(sug_top.gif);
display: block;
line-height: .01;
margin: -10px -2px -22px -2px; }

/*More Views*/
/************/
/************/
div#mainpic {
float: left;
padding-bottom: 10px;
border-bottom: 1px solid #CCCCCC; }

div.altviews {
float:left;
text-align: left; }


/*AboutUS Additions*/
/****************/
/****************/
div#text {
float: left;
width: 596px;
border-right: 2px solid #e1d4c0;
border-left: 2px solid #e1d4c0;
border-bottom: 2px solid #e1d4c0; }

/*
#text a{
text-decoration:underline; }
*/
#text a:hover{
color:#333333;
text-decoration:none; }

div#contact {
float: left;
width: 566px;
border-right: 2px solid #e1d4c0;
border-left: 2px solid #e1d4c0;
border-bottom: 2px solid #e1d4c0;}

div#contact ul{
margin-left: 80px; }

div.left {
float:left;
height: 70px; }

div.right {
float: right; }


/*ThailandAdditions*/
/*******************/
/*******************/

#menu {
clear: left;
float: left;
width: 145px;
margin: 0 0 0px 0;
padding: 0;
z-index:1;
}

html>body #menu {
  width:150px;
} 

#menu ul {	
list-style: none;
margin: 0 0 10px 0;
padding: 0;
}	

#menu li {
margin-bottom: 4px;
}

#menu li a {
font-weight: bold;
height: 20px;
text-decoration: none;
color:#333333;
display: block;
padding: 5px 0 0 8px;
background: #ffffff;
border-left: 5px solid #B6E387;
}	
	
#menu li a:hover {
background: #B6E387;
color: #ffffff;
border-left: 5px solid #95976E; }

#spotlight {
float: left;
}

#spotlight a{
padding: 0px;
display:inline;}

.article{
float:left;
width: 570px;
padding-left: 12px; }

.articlehead1{
float: left;
padding-top: 10px;
padding-left: 5px;
margin-left: 5px;
margin-bottom: 5px;
width: 550px;
border-bottom: 2px solid #6AAF71; 
font-size: 18px;
text-align:left;
font-weight: bold;
color: #40676B;}

.articlehead1 h1 {
font-size: 18px;
font-weight:bold;
margin: 0px 0px 0px 0px;
}

.articlehead1 a{
font-size: 18px;
text-align:left;
font-weight: bold;
color: #40676B;
text-decoration: none; }

.article a{
text-decoration:underline; }

.article h2{
font-size: 14px;
font-weight: bold;
color: #40676B;
border-bottom: 2px solid #6AAF71; }

.article h3{
font-size: 12px;
font-weight: bold;
color: #40676B; }

.subpic{
float: left;
padding right: 10px;
padding-left: 10px; }

.articlepicright{
float: right;
padding right: 10px;
padding-left: 10px; }

.articlepicmiddle{
float:left;
text-align:center;
width:580px;
border-top: 1px solid 999;
border-bottom: 1px solid 999;
padding-top: 4px;
padding-bottom: 4px;
clear:both; }

.subtext {
float: left;
width: 420px; }

.subtext a{
text-decoration: underline; }

div#rightbox{
float: right;
text-align: center;
color:#000000;
width: 175px;
padding-top: 2px; }

#rightbox:before {
content: url(sug_top.gif);
display: block;
line-height: .01;
margin: -10px -2px -22px -2px; }

div#recepies {
float: right;
width: 171px;
text-align: left;
padding-top: 2px;
border: 2px solid #e1c4d0;
margin-top: 10px; }

#recepies h1{
font-weight: bold; }

#recepies a {
text-decoration:underline;
color: #666; }

#recepies a:hover {
color: #000000; }

#recepies:before {
content: url(sug_top.gif);
display: block;
line-height: .01;
margin: -10px -2px -22px -2px; }

#recepies:after {
 content: url(sug_bot.gif);
 display: block;
 linehight: .01;
 margin: -10px -2px -10px -2px; }

div#review {
float: right;
width: 171px;
text-align: left;
padding-top: 2px;
border: 2px solid #e1c4d0;
margin-top: 10px; }

#recepies h1{
font-weight: bold; }

#review a {
text-decoration:none;
font-weight:bold;
color:#333; }

#recepies a:hover {
color: #000000; }

#review:before {
content: url(white-top.gif);
display: block;
line-height: .01;
margin: -10px -2px -22px -2px; }

#review:after {
 content: url(sug_bot.gif);
 display: block;
 linehight: .01;
 margin: -10px -2px -10px -2px;}
 
 #furtherreading {
margin-top: 10px;
float: left;
width: 596px;
border-right: 2px solid #e1d4c0;
border-left: 2px solid #e1d4c0;
border-bottom: 2px solid #e1d4c0;
border-top: 2px solid #e1d4c0; }

/***************************************************/
/***************wholesaleBAR************************/
div#wsbar{
background-color: #CC9933;
color: #CCCCCC;
clear: both;
width: 100%;
text-align: center;
background-image:url(assets/wsbarback.gif);}

div#wsbar a{color:white;}

div#wsbar a:hover{color:#333333;}