/*----------------------------------
	Theme_# 563
	Name	Thai Food
----------------------------------*/

/*---------------------------------
	=Hide
	* Hide WST-related items			
--------------------------------- */
.sf_pagetitle, .sf_navigation,
.navigation h2.listitemheader {
	display:none;
}


/*---------------------------------
	=Structure		
--------------------------------- */

/* CATEGORY MENU BAR */

.sf_category_menubar .widget_header {
	display:none;
}

.sf_category_menubar {
	clear:both;		
	margin:0;
	z-index:50;
	min-height:1%;
	height:auto !important;
	height:1%;
	border-bottom:1px solid #F3EEE1;		
}
 
.sf_category_menubar ul {
	margin: 0;
	padding: 0;
}
 
.sf_category_menubar ul:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height:0px;
}
 
.sf_category_menubar ul li {	
	float:left;
	min-height:1%;
	height:auto !important;
	height:1%;
	padding:0px;
	white-space:nowrap;
}
 
.sf_category_menubar ul li a {	
	color: #ffffff;
	padding:4px 10px 4px;
	text-decoration:none;		
	display: block;
	font-size:14px;
	font-weight: normal;
	font-family:Verdana,Arial,Helvetica,sans-serif;
}
 
.sf_category_menubar ul li a:visited {	
	color: #ffffff;
	text-decoration: none;	
}
 
.sf_category_menubar ul li a:hover { 	
	color: #444444;
	text-decoration: none;			
}
 
/* Category Menu Bar Subnav */

.sf_category_menubar .subnav {
	left: -999em; 
	list-style: none;
	margin: 0;	
	padding: 0;	
	position: absolute;	
	width: 170px;
	z-index:1000;
	border: 1px solid #efefef;	
}
 
.sf_category_menubar .subnav  li {
	float: left;
	margin:0;	
	padding:0;	
	width: 170px;
	height:auto;
    white-space:normal;		
	border-bottom: 1px solid #efefef;	
}
 
.sf_category_menubar .subnav li a {
	width: 150px;
	display: block;
	height:auto;
	padding: 3px 10px;	
	white-space:normal;
	font-weight: normal;	
	color: #ffffff;
	font-size: 12px;	
}

.sf_category_menubar .subnav  li a:visited {
	color: #ffffff;
}
 
.sf_category_menubar .subnav  li a:hover {
	text-decoration: none;
	color: #ffffff;	
	background-image: none;	
}

.sf_category_menubar .subnav .sf_last_nav_item_subnav {
	border-bottom: none;
}
 
#menubar1 li:hover ul, 
#menubar1 li.sfhover ul {
	left: auto;
}
 
#menubar1 iframe {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}

#menubar1 li:hover, 
#menubar1 li.hover {  
    position: static;  
} 

/* END CATEGORY MENU BAR */

/** 
 * Allow header height to expand
 * 
 * @note Header content is editable by the user
 */
h1, 
.sf_header_wrapper,
.sf_header_wrapper .sf_main_header,
.sf_header_wrapper .sf_main_header div {
	height:auto !important;
	overflow:visible;
}

/**
 * Stretch content area
 *  
 * @note The content area wraps the QSC navigation and content sections 
 */	
.sf_content { 
	clear:both;
	display:block;
	float:none;
	padding:0px;
	margin:0px;
	width:100%;
}

.content {
	padding:20px;
}

.outer, .col3 .outer {
	margin-left: 215px; /*** Critical left col width value ***/
	height:1%;
}

.left { 
	margin-left:-215px;
	width:215px;
	margin-top:-240px;	
	float:left;
	display:inline;
}

.sf_sidebar {
	padding:0px 0px 20px; /* This is a contemplayout.css override */
	position:relative; /* IE6 - To show content above .sf_content  */
	height:1%; /* IE6 - Sidebar background chopped on scroll */
}

/*-------------------------------------
	=Sidebar	
------------------------------------- */
/* CATEGORY TRACKER */


.category-tracker .cat li,
.category-tracker .subcat li,
.category-tracker .subcat2 li {
	padding: 0 5px;
}

.category-tracker a {
	padding:2px 10px 2px 0px;
	display:block;
}

.category-tracker a.active {
	font-weight:bold;
	text-decoration:none;
}

.category-tracker .subcat a {
	padding:2px 10px 2px 10px;
}

.category-tracker .subcat a.active {
	padding:2px 10px 2px 10px;
}

.category-tracker .subcat2 a {
	padding:2px 10px 2px 20px;
}

.category-tracker .subcat2 a.active {
	padding:2px 10px 2px 20px;
}

/* END CATEGORY TRACKER */

.sf_sidebar .content-block {
	padding:10px;
}

.sf_sidebar .content-block h2 {
	border-bottom:1px solid #222;
	margin-bottom:5px;
}

/* .sf_sidebar a:link, */
.sf_sidebar a,
.sf_sidebar a:visited,
.sf_sidebar a:hover,
.sf_sidebar h2 a:hover {
  	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#222;
	text-decoration:none;		
}

.sf_sidebar a:hover {
	text-decoration:underline;
}

.sf_sidebar .content-block.navigation {
	padding:0;	
}

.sf_sidebar .list {
	margin-top:.5em;
}

.sf_sidebar .featured-item-button {
	margin-top:.8em;
}


/*---------------------------------
	=Categories
--------------------------------- */

.sf_sidebar ol#categories {
	list-style-type:circle;
	margin-left:1.5em;
}

.sf_sidebar ol#categories .category {
	padding:3px 0;
}

.sf_sidebar ol#categories .category a,
.sf_sidebar ol#categories .category a:visited,
.sf_sidebar ol#categories .category a:hover {
	font-size:12px;
	display:block;
}

.sidebaritem {
	min-height:1%;
	height:auto !important;
	min-height:1%;
}

/*---------------------------------
	=General
--------------------------------- */

/**
 * Remove bottom margin on Company Name (h1)
 * 
 * @note Allow a normal leading between the tagline and company name
 */
h1 {
	margin-bottom:0;
}

/**
 * @TODO Set heading font sizes
 */
h2, h3, h4, h5, h6 {
  	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#222;	
	font-weight:normal;
}

h1 {font-size:36px;}
h2 {font-size:18px;}
h3 {font-size:14px;}
h4 {font-size:12px;font-weight:bold}


/*---------------------------------
	=Header		
--------------------------------- */

.sf_header_wrapper {
		width:100%;
}

.sf_header_wrapper .sf_main_header .qsc-site-logo img{
	float:right;
	margin:0 10px 20px;
}

.sf_header_wrapper h3.slogan {
	text-indent:.5em;
}

/*---------------------------------
	=Forms
--------------------------------- */

.btn {
	background-color:#f5f5f5;
	border:1px solid #888888;
	color:#565656;	
	margin-right:4px;
	margin-top:3px;		
	cursor:pointer;
}

.btn:hover {
	background-color:#dff4ff;
	border:1px solid #c2e1ef;
	color:#336699;
}

#searchtext {width:130px;}


/*-------------------------------------
	=Content
	* Use standard border colors	
------------------------------------- */

fieldset,
.content-product,
.product-primary,
.product-secondary,
.imageanddetails,
.product-options,
.member{
	border-color:#ddd;
}


/*-------------------------------------
	=Products	
------------------------------------- */



/*-------------------------------------
	=Upsell and related items	
------------------------------------- */
.sf_content .float-wrap .product-page .upsell div {
	border-bottom:0px;	
}

.upsell h3 {
	border-bottom:1px solid #666;	
	font-weight:normal;
	padding:3px;
	margin-bottom:5px;		
}

.upsell table td {
	padding:5px;
	border-bottom:1px solid #ccc;	
}
	
.upsell table td a:hover {
	text-decoration:underline;
}


/*-------------------------------------
	=Footer	
------------------------------------- */
.footer {
	font-size:12px;
	margin-bottom:5px;	
}

/**
 * @TODO: Set the footer link color
 */
/* .sf_footer a:link, */
.sf_footer a,
.sf_footer a:visited,
.sf_footer a:hover {
	color:#ffffff;	
}

* html .formwrap {width:65%;}
.categories .category, .products .product {margin-right:-1px;}





.options-table td {
	border-color:#cccccc;
}

.subtotal-row td, .total-row td {
	border-color:#cccccc;
}

div.controls{
	clear:left;
}

div.member, div#checkout-right-column {
	font-size:11px;
}

table#cart-table tr {
	border-bottom:1px solid #cccccc;
}