/*----------------------------------
	Theme_# 501
	Cat 	Business & Legal
	Name	World Trade
----------------------------------*/

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

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

/** 
 * 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;
}

.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 */
}

/**
 * ------------------------------------------------------------------
 * @section CATEGORY MENU BAR
 * ------------------------------------------------------------------
 */

.sf_category_menubar .widget_header {
	display:none;
}

.sf_category_menubar {
}

.sf_category_menubar .cat_menubar {
	background-color:#938D76;
	font-family:Arial, Helvetica, FreeSans, sans-serif;
	font-size:12px;
	padding:0;
	min-height:1%;
	height:auto !important;
	height:1%;
}

.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: 0px;
	white-space: nowrap;
	min-width:1%;
	width: auto !important;
	width:1%;
}

.sf_category_menubar ul li a {
	color:#333333;
	display: block;
	font-weight:bold;
	margin:0;
	padding:5px 10px;
	text-decoration: none;
	min-width:1%;
	width: auto !important;
	width:1%;
}

.sf_category_menubar ul li a:visited {
	color:#ffffff;
	text-decoration: none;
}

.sf_category_menubar ul li a:hover {
	text-decoration:underline;
}

/**
 * @section cat subnav
 */
.sf_category_menubar .subnav {
	background-color:#333333;
	border:solid 2px #938D76;
	left: -999em;
	list-style: none;
	position: absolute;
	width:150px;
	z-index:1000;
}

.sf_category_menubar .subnav li {
	width:150px !important;
	height:auto;
	white-space:normal;
}

.sf_category_menubar .subnav li a {
	color:#938D76;
	font-size:11px;
	min-height:1%;
	height:auto !important;
	height:1%;
	width:150px;
	padding:5px;
	margin:0px;
	width:150px;
}
 .sf_category_menubar .subnav li a:visted {
 color:#938D76;
}

.sf_category_menubar .subnav li.sf_last_nav_item_subnav,
.sf_category_menubar .subnav li.sf_last_nav_item_subnav a {
	border-bottom:none 0;
}

#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;
}

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

.category-tracker a {
	font-size:12px;
	padding:0;
	display:block;
}

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

.category-tracker .cat li {
	padding:3px 0;
}

.category-tracker .cat {
	padding-left:23px;
	list-style-type:circle;
}

.category-tracker .subcat {
	margin-left:20px;
	list-style-type:disc;
}

.category-tracker .subcat2 {
	margin-left:25px;
	list-style-type:circle;
}

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

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

.sf_sidebar a {
	font-family:Arial, Helvetica, FreeSans, sans-serif;
	color:#222222;
	text-decoration:none;
}

.sf_sidebar a:visited {
	color:#222222;
}

.sf_sidebar h2 a:hover {
	color:#222222;
}

.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:Arial, Helvetica, FreeSans, 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 .sf_main_header .qsc-site-logo img {
	float:right;
	margin:0 10px 20px;
}

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

/*---------------------------------
	=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.1em;
}

/**
 * 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;
}

.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 {
	border:1px solid #cccccc;
}

.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:#cccccc;
}

/*-------------------------------------
	=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,
.sf_footer a:link,
.sf_footer a:visited,
.sf_footer a:hover {
	color:#ffffff;
}

.categories .category,
.products .product {
	margin-right:-1px;
}