/**
 * @file
 * @project 733
 * @package sftheme
 * @site app1
 */

/*----------------------------------
		Typography Reset
----------------------------------*/

h1, h2, h3, h4, h5, h6 {font-weight:normal;line-height:normal}
h1 {font-size:30px;margin:10px 0;font-family: Georgia, "Nimbus Roman No9 L", serif;}
h2 {font-size:30px;margin:10px 0;font-family: Georgia, "Nimbus Roman No9 L", serif;}
h3 {font-size:24px;margin:10px 0;font-family: Georgia, "Nimbus Roman No9 L", serif;}
h4 {font-size:22px;margin:5px 0;padding:0;font-family: Georgia, "Nimbus Roman No9 L", serif;}
h5 {font-size:16px;font-weight:bold;margin:5px 0;padding: 0px;font-family: Arial, Helvetica, FreeSans, sans-serif;}
h6 {font-size:16px;font-weight:bold;margin:3px 0; padding: 0px;font-family: Arial, Helvetica, FreeSans, sans-serif;}


/*----------------------------------
		General
----------------------------------*/

body {
	margin: auto;
	color: #757575;
	font-family: Arial, Helvetica, FreeSans, sans-serif;
	font-size: 15px;
	font-weight: normal;		
}

.sf_outer_wrapper {
	width: auto;
    margin: auto;
	background-image: url(//img1.wsimg.com/isteam/ip/19a96633-f744-4d89-ad96-a78e2bc59d96/legacy/733_woodbg.jpg);
	background-repeat: repeat;
	background-position: top center;
}

.sf_wrapper {
	width: 1000px;
	height: auto;
    margin: auto;	
	position: relative;	
}

.sf_wrapper:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.sf_extra1{	
	width: 150px;
	height: 150px;
	position: absolute;
	z-index: 1006;
	float: right;
	left: 85%;
	top: 15px;
}

* html .sf_extra1 {
 behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",  this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",  this.src = "//img1.wsimg.com/isteam/ip/19a96633-f744-4d89-ad96-a78e2bc59d96/legacy/spacer.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("', '').replace('")', ''),  this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",  this.runtimeStyle.backgroundImage = "none")), this.pngSet=true));
}

/*--------------------------------
		Header
---------------------------------*/

.sf_header_wrapper {
	width: 616px;
	min-height: 100px;
	height: auto !important;
	height: 100px;	
	margin: 65px auto -75px;	
	position: relative;
	z-index: 1002;
}

* html .sf_header_wrapper {
 	background-image: none;	
}

.sf_header_wrapper:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.sf_extra2 {	
	width: 48px;
	height: 100px;
	float: left;
}

* html .sf_extra2 {
 	background-image: none;
}

.sf_region3 {
	margin-left:48px;
	width:520px;
}

.sf_main_header {	
	font-family: Georgia, "Nimbus Roman No9 L", serif;
	font-size: 42px;
	font-weight: normal;
	text-align: center;
	padding: 25px 20px;	
	margin: 0 auto;	
	margin-bottom: 20px;	
	min-height: 52px;
	height: auto !important;
	height: 52px;	
}

.sf_sub_header {
	display: none;
}

.sf_main_header p {
	margin: 0;
	padding: 0;
}

/*--------------------------
		End Header
--------------------------*/

/*--------------------------------
		Navigation
---------------------------------*/

.sf_region1 {		
	clear: both;	
	margin: auto;
	position: relative;
	z-index: 1004;	
	width: 100%;
	padding: 0 0 20px;
	.float: left;
}

.sf_region1:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.sf_navigation h3 {
	display:none;
}

.sf_navigation .widget_content {
	margin: auto;	
	padding:0;
	width:710px;
}

.sf_navigation {	
	clear:both;			
	padding:0px;		
	font-size:11px;
	width: 100%;
	padding: 10px 0 10px;
}

.sf_navigation:after {
	content: " ";
	display: block;
	clear: both;
	visibility: hidden;
	font-height: 1px;
	margin:0px;
	padding:0px;
}

.sf_navigation ul {
	list-style:none;
	float:right;
	margin:0;
	padding:0;
	position:relative;
	right:50%;
}

.sf_navigation ul:after {
	content: ".";
    display: block;
    visibility: hidden;
    height: 0;
    font-size: 1px;
    clear: both;
}

.sf_navigation ul li {
	display:block;
	padding:0;
	float:left;
	position:relative;
	left:50%;
	white-space:nowrap;
}

.sf_navigation ul li a {	
	color: #F6F4EC;
	display: block;	
	padding: 5px 20px;
	text-decoration: none;	
	font-family: Georgia, "Nimbus Roman No9 L", serif;
	font-size: 20px;
}

.sf_navigation ul li a:visited {
	color: #F6F4EC;
	text-decoration:none;
}

.sf_navigation ul li a:hover {
	color: #F6F4EC;
	text-decoration: none;	
}

.sf_navigation ul li:hover a {
	color: #F6F4EC;
	text-decoration: none;		
}

/*------------------------------------
	Flyout menu
------------------------------------*/

.sf_navigation .subnav {
	left:-999em;
	list-style:none;
	margin:0;
	padding:0 0 44px;
	position:absolute;
	right:auto; /*resets the right:50% on the parent ul */
	width:180px; /* width of the drop-down menus */		
}

* html .sf_navigation .subnav {
 	background-image:none;
	padding: 0 0 10px;
}

.sf_navigation .subnav li {
	left:auto;  /*resets the left:50% on the parent li */
	margin:0; /* Reset the 1px margin from the top menu */
	clear:left;
	min-height:1%;
	height:auto !important;
	height:1%;
	white-space:normal;
	width:100%;	
}

.sf_navigation .subnav li a {
	border:none;
	font-family:Arial, Helvetica, FreeSans, sans-serif;
	font-size:13px;
	margin:0;
	padding: 7px 25px 7px;
}

.sf_navigation .subnav li a:hover {	
}

#Nav1 li:hover ul,
#Nav1 li.sfhover ul { /* lists nested under hovered list items */ left:auto; }
#Nav1 iframe {
	position:absolute;
	left:0;
	top:0;
	z-index:0;
	filter:progid:DXImageTransform.Microsoft.Alpha(style=0, opacity=0);
}

#Nav1 li:hover,
#Nav1 li.sfhover {
	position:relative;
	z-index:500;
}

/*--------------------------------
		End Navigation
---------------------------------*/


/*--------------------------
		Content
--------------------------*/

.sf_main_wrapper {
	background-image: url(//img1.wsimg.com/isteam/ip/19a96633-f744-4d89-ad96-a78e2bc59d96/legacy/733_contentbg.gif);
	background-repeat: repeat-y;
	width: 1000px;
    margin: auto;
	position: relative;
	z-index: 1001;
	height: auto;
}

.sf_main_wrapper:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.sf_main {	
	margin-left: -35px;
	position:relative;
	top:15px;
	width:72px;
	z-index:1005;
	padding-top: 20px;
}

* html .sf_main {
 behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",  this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",  this.src = "//img1.wsimg.com/isteam/ip/19a96633-f744-4d89-ad96-a78e2bc59d96/legacy/spacer.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("', '').replace('")', ''),  this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",  this.runtimeStyle.backgroundImage = "none")), this.pngSet=true));
}

.sf_extra12 {	
	float: left;
	width: 1000px;
	height: 72px;
}

.sf_region6 {	
	width: 1035px;
	height: auto;	
	margin-bottom: 20px;
	padding-top: 20px;
}

.sf_region6:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.sf_pagetitle {		
	padding: 10px 40px 10px 90px;
	margin-top: 20px;
	text-align: left;
	float:left;
	font-weight: normal;
	font-family: Georgia, "Nimbus Roman No9 L", serif;
	font-size: 24px;	
	clear:both;
	width: 900px;
}

.sf_pagetitle h1 {
	font-size:24px;
	font-weight:normal;
	margin:0;
}

.sf_content {	
	background-image:url(//img1.wsimg.com/isteam/ip/19a96633-f744-4d89-ad96-a78e2bc59d96/legacy/733_barbershop.png);
	background-repeat: no-repeat;
	background-position: top right;
	padding:0 290px 10px 80px;	
	margin-right: 40px;
	margin-bottom: 20px;
	float: left;
	clear: both;
	line-height: 1.4;
	min-height: 350px;
	height: auto !important;
	height: 350px;
	width:620px;	
}

.sf_content:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/*--------------------------
		End Content
--------------------------*/

/*--------------------------
		 Footer
--------------------------*/

.sf_extra9 {
	clear: both;
	width: 1px;
	height: 65px;
}

.sf_region10 {
	clear: both;
	min-height:1%;
	height:auto !important;
	height:1%;
	width: 100%;	
	padding: 10px 0;
}

.sf_footer {    
	font-family: Arial, Helvetica, FreeSans, sans-serif;	
	text-align:center;	
	padding:5px 0;
	font-size:10px;		
	color: #F6F4EC;	
}

.sf_footer p {
	margin:0px;
	padding:0px;
}

.sf_banner {
	text-align:center;
	font-size: 10px;
	padding: 20px 0 10px;	
}

#bannerLink {
	padding: 5px;
	margin: 5px;
}

.sf_footer a,
.sf_footer a:visited,
.sf_banner a, 
.sf_banner a:visited {
	color: #F6F4EC !important;
}

/*--------------------------
		End Footer
--------------------------*/

/*--------------------------
		Sidebar
--------------------------*/
.widgetset {		
	float: right;
	clear: right;	
	overflow: hidden;	
	display:none;
	width: 300px;
	margin-right: 40px;
	_margin-right: 20px;
	position: relative;
	z-index: 1003;
}

.widgetset .widget_content {
	overflow:hidden;
	margin: 10px 0 20px 30px;		
}

.widgetset .widget {	
	margin-bottom:10px;	
	min-height: 1%;
	height: auto !important;
	height: 1%;
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 15px;		
}

.widgetset .widget_header {	
	margin:20px 0 0 30px;
	padding:0 0 2px 30px;
	font-size:28px;
	font-weight: normal;	
	background-position: center left;
}

.widgetset .widget_header a,
.widgetset .widget_header a:visited {
	color: #204E87;
}

.widgetset ul, .widgetset ol {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

.widgetset li {
	margin:0px;
	padding:3px 0px;	
	overflow:hidden;
}

.widgetset a:link, .widgetset a:visited {
	text-decoration:none;
	padding: 2px 0px;
}

.widgetset a:hover {
	padding: 2px 0px;
	text-decoration: underline;
}

.widgetset .form_item {
	margin:5px 0px;
}

.widgetset input, .widgetset select {	
	width:150px;
}

.widgetset .btn {
	width:auto;
	margin: 3px 0px;
}

/*--------------------------
		Other
--------------------------*/

.btn, .checkout a.button, .checkout input.button {
	margin: 3px 0;
	padding: 2px;	
	font-size: 12px;
	font-weight: normal;
	font-family: Georgia, "Nimbus Roman No9 L", serif;
	cursor: pointer;
	border-style: solid;
	border-width: 4px;	
	border-color: #bfbfbf;	
	color: #F6F4EC;
	background-color: #C12A23;	
}

.btn:hover, .checkout a.button:hover, .checkout input.button:hover {
	background-color: #A81D0B;
}

.quick-search .btn {
	padding: 1px;
}

input[type="text"], textarea {
	border-color: #555;
}
