/*----------------------------------
	Theme_# 572
	Cat 	Food and Restaurant
	Name	Bistro
----------------------------------*/

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

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

h2, h3, h4, h5, h6 {
	font-family:Arial, Helvetica, FreeSans, sans-serif;
	color:#222;	
	font-weight:normal;
}

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


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

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

.outer {
	margin:0;	
}

/** 
 * 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; /* reset the heights */
	overflow:visible;
}

.sf_header_wrapper{	
	background-position:0% 100%;
}

.sf_header_wrapper {	
	/* Min-height fast hack */
	min-height:319px;
	height:auto !important;	
	height:319px;
	/* End min-height fast hack */
}

.sf_content {  /* Stretch content area */
	clear:both;
	display:block;
	float:none;
	padding:0px;
	margin:0px;
	width:100%;
}

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

.right { 
	margin-right:-310px;
	margin-left:0px;
	width:310px;
	margin-top:-180px;
}

.content {
	padding:0px 20px;
}

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

* html .formwrap {width:65%;}

/* CATEGORY MENU BAR */

.sf_category_menubar .widget_header {
	display:none;
}

.sf_category_menubar {	
	margin: 0px;
	width:918px;
	padding:0px 15px;
	z-index:50;		
	background-color: #ccc;		
	background-repeat: repeat;	
}
 
.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;
	list-style: none;
	margin: 0px;
	padding: 0;
	white-space: nowrap;	 
	min-width:1%;
	width: auto !important; 
	width:1%;
	height: 1%;		
}
 
.sf_category_menubar ul li a {
	color: #FFFDE7;
	display: block;
	padding:8px 20px 7px 0px;
	margin:0px;
	text-decoration: none;	
	min-height:14px; 
	height: auto !important; 
	height:14px; 	
	font-size:14px;
	font-family:Arial, Helvetica, FreeSans, sans-serif;	
	font-weight:normal;
}
 
.sf_category_menubar ul li a:visited {
	color: #FFFDE7;
	text-decoration: none;	
}
 
.sf_category_menubar ul li a:hover {
 	color: #E1C482;
	text-decoration: none;	
}
 
/* Category Menu Bar Subnav */

.sf_category_menubar .subnav {
	left: -999em; 
	list-style: none;
	line-height: 1;
	margin: -2px 0px 0px;	
	padding: 1px 0px 0px;	
	position: absolute;	
	width: 142px;
	z-index:1000;
	border-bottom:1px solid #ccc;
}
 
.sf_category_menubar .subnav  li {
	float: left;
	margin:0;	
	padding:0;	
	width: 140px;
	height:auto;
    white-space:normal;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	background-color:#FFFDE7;
}
 
.sf_category_menubar .subnav li a {
	display: block;
	height:auto;
	padding: 5px 10px 5px;
	margin:0px;
	min-width:120px;
	width: 120px !important;
	white-space:normal;
	font-weight:normal;
	text-transform:none;
	color:#363636;
}

.sf_category_menubar .subnav  li a:visited {
	color:#363636;
}
 
.sf_category_menubar .subnav  li a:hover {
	background-color:#efeacf;
	color:#363636;
}
 
#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 */

/*---------------------------------
	=Header		
--------------------------------- */
.sf_header_wrapper .sf_main_header {
	padding-bottom:0.5em;
}

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

.sf_header_wrapper .sf_main_header .titles {
	overflow:hidden;
	height:1%;
}

.sf_header_wrapper .sf_main_header .titles .slogan {
	text-indent:1em;
	font-style:italic;
}

/*---------------------------------
	=Content	
--------------------------------- */
.sf_content .float-wrap #welcome {
	margin-bottom:2em;
}

.sf_content .float-wrap #welcome img {
	float:left;
	margin-right:10px;
}

.sf_content .float-wrap .category-page dd.prices ul,
.sf_content .float-wrap .product-page .product-details ul {
	list-style-type:none;
	margin-right:0;
	margin-left:0;	
}

.sf_content .float-wrap .product-page .upsell div h3.upsell-header {
	font-style:italic;
	font-size:18px;
	padding:5px 5px 0 5px;
	margin-bottom:3px;
}

.sf_content .float-wrap .main-content .member .fcontain ul {
	list-style-type:none;
	margin-right:0;
	margin-left:0;	
}

/*--------------------------------
		Navigation
---------------------------------*/

.navigation1 {
	float:right;
	font-family: Arial, Helvetica, FreeSans, sans-serif;  
	margin-right:0;
	overflow:hidden;
	width: 310px;
}

.navigation1:after {
	content: " ";
	display: block;
	clear: both;
	visibility: hidden;
	font-height: 1px;
	margin:0px;
	padding:0px;
}

.navigation1 ul {
	background-image:url(images/sidebar_bg.gif); 
	background-position:0 0;
	background-repeat:repeat-y;
	margin:0;
	overflow:hidden;
	padding:0;
	list-style-type:none;
	width:310px;
}

.navigation1 ul:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
	font-size: 1px;
	clear: both;
}

.navigation1 ul li {
	display:block;
	width:100%;
	clear:both;
}

.navigation1 ul li.sf_first_nav_item {
	background-image:url(images/sidebar_top.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	padding-top:82px;
	float:left;
	display:block;
	width:100%;
}

.navigation1 ul li.sf_last_nav_item {
	background-image:url(images/sidebar_bottom.gif); 
	background-position:0 100%;
	background-repeat:no-repeat;	
	padding-bottom:134px;
}

.navigation1 ul li a, 
.navigation1 ul li a:link {
	color:#dcdccb;
	background-image:url(images/bullet.gif);
	background-position:10px 50%;
	background-repeat:no-repeat;
	display:block;
	margin-left:70px;
	padding:.5em 0 .5em 40px;  
	width:132px;
	text-decoration:none;
}

.navigation1 ul li a:visited {
	text-decoration:none;  
	color:#dcdccb;
}

.navigation1 ul li a:hover{
	text-decoration:underline;
	color:#dcdccb;
}

/*-------------------------------------
	=Sidebar	
------------------------------------- */

.sidebaritem .cat {
	margin: 5px 5px;
	font-size:12px;
}

.category-tracker .cat li {
	padding: 0;
	list-style-type:circle;
	margin-left:1.5em;
}

.category-tracker .subcat li,
.category-tracker .subcat2 li {	
	padding: 0;
	list-style-type:none;
	margin-left: 0px;
}

.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,
.sf_sidebar a:link,
.sf_sidebar a:visited,
.sf_sidebar a:hover,
.sf_sidebar h2 a:hover {
	font-family:Arial, Helvetica, FreeSans, 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;
}


/*---------------------------------
	=Forms
--------------------------------- */
/**
 * Buttons
 */
.btn {
	background-color:#f5f5f5;	
	border:1px solid #888;
	border-top:1px solid #888;
	border-left:1px solid #888;
	color:#565656;
	cursor:pointer;
	display:block;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:12px;
	font-weight:bold;
	float:left;
	line-height:17px;           /* Safari */
	margin:2px;	
	overflow:visible;  
	padding:4px 10px 4px 7px;   /* Firefox */
	text-decoration:none;
	width:auto;	
}

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

.btn:active {
	background-color: #6299c5;
	border:1px solid #6299c5;
	color:#fff;
}

/**
 * Advanced browsers only:
 * Put space in between adjacent buttons
 */
.btn + .btn {
	margin-left:5px;	
}

* html .btn  {
	display:inline; 
	padding:4px 10px 3px 7px;   /* IE6 & 7 */
}

/**
 * Misc button alignments
 */
.category-page .btn,
.featured-item .btn {
	float:right;	
}

/**
 * General form fields
 */ 
label       { font-weight: bold; }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; }
legend      { font-weight: bold; font-size:1.2em; }

/**
 * Style all the text boxes
 * @note No Support for IE 6, styles are negligible
 */
input[type="text"], input[type="password"] {
  margin:3px 0;
  border:1px solid #bbb;
  padding:5px;   
}

input[type="text"]:focus, input[type="password"]:focus, 
select:focus, textarea:focus {
	border:1px solid #666;
}

/**
 * =Search
 */
#searchAdvancedForm input[type="text"] {	
	padding:5px 3px;
}

#searchAdvancedForm  select {
	margin:8px 0px !important;
	margin:1px 0px 8px;
} 

#searchQuickForm {
	width:130px;
	position:relative;
}

#searchQuickForm:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#searchQuickForm {display: inline-block;}

/* Hides from IE-mac \*/
* html #searchQuickForm {height: 1%;}
#searchQuickForm {display: block;}
/* End hide from IE-mac */

#searchQuickForm #searchtext {
	width:130px;
} 

#searchQuickForm li input.btn {
	position:relative;
	top:3px;
	left:-2px;	
}

#searchQuickForm li a {
	display:inline;
	display:block;
	font-size:10px;
	padding-left:2px;
	width:30px;
	padding-top:0px;
	margin-top:2px;
	line-height:1;
	position:relative;
	top:4px;
}

/**
 * ========================
 *          HACK          
 * ========================
 * 
 * Target Safari only. 
 * Relative positioning is different for Safari
 */
html[xmlns*=""] body:last-child #searchQuickForm li a { 
	top:-23px;
	left:4.5em;
}


#shoppingCartForm a, #shoppingCartForm a:link,
#shoppingCartForm a:visited, #shoppingCartForm a:hover,
.member-table a, .member-table a:link,
.member-table a:visited, .member-table a:hover,
#checkout-right-column a, #checkout-right-column a:link,
#checkout-right-column a:visited, #checkout-right-column a:hover,
.printfooter a, .printfooter a:link,
.printfooter a:visited, .printfooter a:hover {
	color:#003399;	
	font-family: Arial,Helvetica,sans-serif;
	font-weight:normal;
	font-size:1em;
} 

.loginintro {
	width:100%;
	clear:both;
}  


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

.sf_content .float-wrap .category-page .product-row  .content-product,
.sf_content .float-wrap .product-page .upsell div,
.sf_content .float-wrap .main-content dl.content-product,
fieldset {
	border:1px solid #888888;	
} 

.upsell table td {
	border-bottom:1px solid #888888;	
}

.sf_content .float-wrap .product-page .product-primary,
.sf_content .float-wrap .product-page .product-options,
.sf_content .float-wrap .product-page .imageanddetails, 
.sf_content .float-wrap .product-page .product-secondary {
	border-color:#888888;	
}

/*-------------------------------------
	=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;	
}
	
.upsell table td a:hover {
	text-decoration:underline;
}


/*-------------------------------------
	=Breadcrumbs and Messages
	* Delete when default CSS changes	
------------------------------------- */
#breadcrumbs {
	margin:.5em 0em 1em;
}

ul#messages {
	margin:0 0 2em 0;
	list-style-type:none;	
}

#messages li {
	padding:.4em;
	margin:.5em 0em;
	font-weight:bold;
}

#messages .error {
	color:#cc0000;
	background-color:#FFCFCF;
	border: 1px solid #cc0000;
}

#messages .info {
	color:#009900;
	background-color:#ccffcc;
	border: 1px solid #009900;
}


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

#siteseal {

}

* html .formwrap {
	width:65%;
}