/*----------------------------------
		Theme_#	504
		Cat 		Arts & Hobbies
		Name		Woodworking
----------------------------------*/

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

.sf_header_wrapper{

}

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

.sf_header_wrapper {display: inline-block;}

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

#logo {
	padding-right:10px;
	float:left;
}
.titles {
	text-align:left;
}

.sf_main_header div{

}

.sf_content {
  padding:10px 40px 0px;
  margin:0 auto;
  width:930px;
}


.outer, .col3 .outer {
	margin-right: 200px;
	height:1%;
}

.right {
	margin-right:-200px;
	margin-left:10px;
	width:190px;
}

.right .sf_sidebar {
	padding:0px;
	height:1%;
}

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

.sf_header_wrapper .sf_main_header .titles h3.slogan {
	margin-bottom:0px;
}

/*---------------------------------
	=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 {
	/*border-left:1px solid #000000;*/
	border-right:1px solid #000000;
  	padding:0;
  	margin:0 auto;
  	width:960px;
}

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

.navigation1 ul {
	background-color: #f8f9af;
  background-color: #f8f9af;
  background-image: url(images/navbg.gif);
  background-position: 2px 0; /* linue up the tape measure */
  background-repeat:repeat;
	margin:0px;
	padding:0px;
	white-space: nowrap;
  border-top:1px solid #000000;

  /*** START FAST HACK ***/
  /* To trigger hasLayout in IE */
  min-height:54px;
  height:auto !important;
  height:54px;
  /*** END FAST HACK ***/

}

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

.navigation1 ul li {
  display: block;
  float: left;
	line-height:24px;
  list-style-type: none;
  margin: 0;
  padding: 0;

  /*** START FAST HACK ***/
  /* To make elements collapse */
  min-width:1%;
  width:auto !important;
  width:1%;
  /*** END FAST HACK ***/
}

.navigation1 ul li.sf_last_nav_item {

}

.navigation1 ul li.sf_first_nav_item {

}

.navigation1 ul li a, .navigation1 ul li a:link {
  color:#000000;
	display: block;
  height:24px; /* don't let the tape measure get messed up */
  padding: 15px 45px;
  border-right: 1px solid #000000;
	text-decoration: none;
}

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

.navigation1 ul li a:hover{
  background-image: url(images/bullet.jpg);
  background-position: 0 50%;
  background-repeat:no-repeat;
  color:#000000;
	text-decoration: none;
}

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

.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;
	margin:2px;
	overflow:visible;
	padding:4px 10px 4px 7px;
	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 #888;
}

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

.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 {

}

/**
 * @section Category Tracker
 */
.category-tracker ul,
.category-tracker ul a {
	font-size:12px;
	font-weight:normal;
}

.category-tracker .active {
	display:block;
	font-size:12px;
	font-weight:bold;
	padding:2px 0;
}

.category-tracker ul {
	margin:0;
	padding:0;
}

.category-tracker li {
	margin:2px 3px;
}

.category-tracker .subcat {
	padding-left:15px;
}

.category-tracker .subcat2 {
	padding-left:15px;
}

.category-tracker .subcat2 .active {
	padding:2px 0;
}


/** 
 * ------------------------------------------------------------------
 * @section CATEGORY MENU BAR
 * ------------------------------------------------------------------
 */
.sf_category_menubar {
	width:940px;
	margin:0px auto;
	padding:0px 10px;
	min-height:1%;
	height:auto !important;
	height:1%;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
}
.sf_category_menubar .widget_header{
	display:none;
}
.sf_category_menubar ul {
	margin: 0px;
	padding: 0px;
	height:auto !important;
}
.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 0 0;
	white-space: nowrap;	 
	min-width:1%; 
	width: auto !important; 
	width:1%; 
}
.sf_category_menubar ul li a {
	display: block;
	margin:0px;
	padding:10px 10px 11px;
	text-decoration: none;	
	min-width:1%; 
	width: auto !important; 
	width:1%; 
	font-size:12px;
}
.sf_category_menubar ul li a:visited,
.sf_category_menubar ul li a:hover {
	display: block;
}
 
/**
 * @subsection catmenubar subnav
 */
.sf_category_menubar .subnav {
	left: -999em; 
	list-style: none;
	line-height: 1;
	margin: 0px 0px 0px -1px;
	padding: 0px;	
	position: absolute;	
	width: 180px;
	z-index:1000;	
}
.sf_category_menubar .subnav  li {
	float: left;
	margin:0;	
	padding:0;	
	width: 180px;
    white-space:normal;
}
.sf_category_menubar .subnav li a {
	display: block;
	height:auto;
	padding:5px 10px 6px;
	width: 160px !important;
	white-space:normal;
	text-transform:none;
	margin:0px;
	border:none;
	font-weight:normal;
}

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