﻿/***************************************
	Header
***************************************/
	#header .utilityNav {color: #999; position: relative;	}
	#header .utilityNav {height:50px;text-align:right; }
	#header .utilityNav ul {float: right;width:100%;}
	#header .utilityNav li {float:right;margin-left: 10px;}
	#header .utilityNav li a, #header .utilityNav li .block {float: left;}
	#header .utilityNav li.button a,#header .utilityNav li.button a span {display: block;}
	#header .utilityNav li.button a span 
	{
		overflow: hidden;
		line-height: 1000px;
		cursor: pointer;
		background-repeat: no-repeat;
	}
	#header .utilityNav li.myAccount a, #header .utilityNav li.myAccount a span {width:83px;height:32px;}
	#header .utilityNav li.login a, #header .utilityNav lilogin a span {width:83px;height:32px;}
	#header .utilityNav li.cart a, #header .utilityNav li.cart a span {width:37px;height:32px;}
	#header .utilityNav li.myAccount a {background-image: url(/App_/ROOT/PageFrame/StandardPartial/Images/Header/MyAccount_O.gif);}
	#header .utilityNav li.login a {background-image: url(/App_/ROOT/PageFrame/StandardPartial/Images/Header/MyAccount_O.gif);}
	#header .utilityNav li.cart a {background-image: url(/App_/ROOT/PageFrame/StandardPartial/Images/Header/Cart_O.gif);}
	#header .utilityNav li.myAccount a span {background-image: url(/App_/ROOT/PageFrame/StandardPartial/Images/Header/MyAccount_X.gif);}
	#header .utilityNav li.login a span {background-image: url(/App_/ROOT/PageFrame/StandardPartial/Images/Header/MyAccount_X.gif);}
	#header .utilityNav li.cart a span {background-image: url(/App_/ROOT/PageFrame/StandardPartial/Images/Header/Cart_X.gif);}
	#header .utilityNav li.button a span {background-position: 0 -50px;}
	#header .utilityNav li.button a:hover span {background-position: 0 0;}
	#header .utilityNav li.search {padding-top: 7px;font-size:.8em;font-weight:bold;}
	#header .utilityNav li.search input.text 
	{
		background: #000 url(/App_/ROOT/PageFrame/StandardPartial/Images/Header/SearchBox.gif) top left no-repeat;
		border: none;
		color: #000;
		width: 152px;
		font-size: .95em;
		margin:0;
		padding:6px 10px 14px 10px;
	}
	#header .utilityNav li.search .image_button, #header .utilityNav li.search .label {padding-top:8px;}
	#header .utilityNav li.search .label {padding-right:5px;}

    .sold_out { padding: 10px; font-weight: bold; }

/***************************************
	Special offers in footer
***************************************/
	.footer .special_offers { padding-left:15px;font-size:.8em;}
	.footer .special_offers .text  
	{
		width:101px;
		background: url(/App_/ROOT/PageFrame/StandardPartial/Images/Footer/SubmitBox.gif) top left no-repeat;
		border: none;
		padding: 10px 10px 20px 10px;
		margin: 0;
		color: #999;
	}
	.footer .special_offers h4  
	{
		margin-top:11px;
		padding-bottom:4px;
		font-size:1.05em;
		padding-right:30px;
		background: url(/App_/ROOT/PageFrame/StandardPartial/Images/Footer/MailIcon.gif) top right no-repeat;
		height:15px;
	}

/***************************************
	Left Navigation
***************************************/
    .left_nav {width:178px;float:left;margin:20px;  display:inline;/*ie6 margin fix*/}
	.left_nav h3 {
		background: url(/App_/ROOT/PageFrame/StandardPartial/Images/LeftNav/LeftNavHeader.gif) top left no-repeat;
		color: #fff;
		font-size: .9em;
		padding-left:11px;
		padding-right: 5px;
		padding-top: 9px;
		padding-bottom: 10px;
		margin-bottom: 4px;
	}
	.left_nav h3 a {
		text-decoration: none;
	}
	.left_nav li {padding-bottom:1px; }
	.left_nav li a {
		font-size: .75em;
		font-family: Arial, Sans-Serif;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: bold;
		
		text-decoration: none;
		color: #333;
		display: block;
		padding: 4px 10px 6px 10px;
	}
	.left_nav li a:hover, .left_nav li.selected a {
		background-color: #e4c64a;
		color: #000;
	}
	.left_nav .block { margin-bottom: 15px;}
	.left_nav .nav {
		background-color: #eee;
		background: #eee url(/App_/ROOT/PageFrame/StandardPartial/Images/LeftNav/LeftNavBGsync.gif) top left repeat-y;
	}
	.left_nav .wrapper {padding:0 0 4px 0;}
	.left_nav .nav .wrapper {background: url(/App_/ROOT/PageFrame/StandardPartial/Images/LeftNav/LeftNav_bottom.gif) bottom left no-repeat;}
	.left_nav .also_like {
		background-color: #eee;
		background: #eee url(/App_/ROOT/PageFrame/StandardPartial/Images/LeftNav/YouMayAlsoLike_BGsync.gif) top left repeat-y;
	}
	.left_nav .also_like .wrapper {background: url(/App_/ROOT/PageFrame/StandardPartial/Images/LeftNav/YouMayAlsoLike_Bottom.gif) bottom left no-repeat;}
	.left_nav .also_like .product
	{
		font-size:.7em;
		line-height:1.2em;
		padding:15px 5px 5px 5px;
	}
	.left_nav .also_like .product .image { margin-right: 10px; width: 75px; text-align: center; }
	.left_nav .also_like .product .buttons { margin-top:6px;}
	.left_nav .also_like .product .details { width: 80px; padding-top: 10px; }
	
/***************************************
	Related Products
***************************************/
	.related_products 
	{
		background: url(/App_/ROOT/PageFrame/StandardPartial/Images/RealtedProducts_TopShadow.gif) top left no-repeat;
		margin: 0 5px;
		width:890px;
	}
	.related_products .wrapper {padding:0 20px 30px 20px;}
	.related_products h4 
	{
		color: #888;
		padding: 15px 0 20px 0;
		font-size:1.1em;
	}
	.related_products .product {font-size:.8em;line-height:1.2em;}
	.related_products .product .name {color: #565656}
	.related_products .product .buttons { margin-top: 10px; }
	.related_products .product .number { font-weight:bold;}
	.related_products .product .details { margin-top:30px;width:120px;}
	.related_products .product .image img{ margin-right:8px; }
	
/***************************************
	Home Page Content
***************************************/
	.home_content {	color: #929292;}
	.home_content .tachicares_2 p {	font-size: .7em;}
	.home_content .tachicares_1 h3, .home_content .tachicares_1 h4 {text-transform: uppercase;font-weight: normal;}
	.home_content .tachicares_1 h3 {font-size: 1.5em;	color: #fff;}
	.home_content .tachicares_1 h4 {font-size: .9em;color: #e4c64a;}
	.home_content .content {padding-top:30px;}
	.home_content .tachicares_1 .content {margin-left:15px;}
	.home_content .column_tachiCares {position:relative;}
	.home_content .tachicares_2 .content { padding-top: 50px; }
	.home_content .tachicares_2 .share 
	{
		position: absolute;
		bottom: 5px;
		/*right: 5px;*/
		text-align: right;
		background: url(/App_/ROOT/PageFrame/Index/Images/ShareArrows.gif) top right no-repeat;
		height:27px;
		padding: 6px 30px 0 0;
		margin-right:5px;
	}
	.home_content .tachicares_2 .share a {
		text-decoration: none;
		text-transform: uppercase;
		color: #e4c64a;
		font-weight: bold;
		display: block;
	}
	.home_content .products .product {
		float: left;
		width: 24%;
		margin-left: 3px;
	}
	.home_content .products .product a {color:#000;text-decoration: none;font-size:.7em;display:block;text-align:center;}
	.home_content .products .product a:hover {color: #fff;}
	.home_content .products .product img {padding-top: 15px;}
	.home_content .product_teaser {position:relative;left:1px;width:960px;height:510px;}
	.home_content .product_teaser .slide_secondary {position:absolute;top:0;left:0;}
	.home_content .product_teaser .controls {position:absolute;top:70px;left:0; width: 100px; z-index: 500;}
	.home_content .product_teaser .controls li a
	{
		background-position: top right;
		background-repeat: no-repeat;
		overflow:hidden;
		text-indent:-9999px;
		display:block;
		width:28px;
		height:23px;
		margin-bottom:1px;
	}
	.home_content .product_teaser .controls li a:hover { width: 48px; background-position: 0 -23px;}
	.home_content .product_teaser .controls li.c1 a {background-image:url(/App_/ROOT/PageFrame/Index/Images/1_Sprite.gif);}
	.home_content .product_teaser .controls li.c2 a {background-image:url(/App_/ROOT/PageFrame/Index/Images/2_Sprite.gif);}
	.home_content .product_teaser .controls li.c3 a {background-image:url(/App_/ROOT/PageFrame/Index/Images/3_Sprite.gif);}
	.home_content .product_teaser .controls li.c4 a {background-image:url(/App_/ROOT/PageFrame/Index/Images/4_Sprite.gif);}
	.home_content .product_teaser .controls li.c5 a {background-image:url(/App_/ROOT/PageFrame/Index/Images/5_Sprite.gif);}
	

/***************************************
	Product Listing
***************************************/
	.list_products table {border-spacing: 5px;border-collapse: separate;}
	.list_products td 
	{
		width: 125px;
		text-align: center;
		padding-bottom:20px;
	}
	.list_products td .image 
	{
		margin: 0 auto;
		padding: 10px;
	}
	.list_products td .price { font-weight:bold;}
	.list_products td .strikePrice { text-decoration: line-through; font-weight: normal; }
	.list_products td .salePrice { font-weight: bold;}
	.list_products td .onSale { font-weight: bold; }
	.list_products td .onMember { font-weight: bold; }
	.list_products td .memberPrice { font-weight: bold; }
	.list_products .filter {padding-bottom:20px;}

	.salePrice .value, .list_products td .salePrice { color: #8b0000; }
	
/***************************************
	Product details
***************************************/
	.product_details .price {font-size:1.5em;font-weight:bold;}
	.column_productDetail .value { margin-left: 10px; }
	.productPrice .value { font-size: 1.5em; font-weight: normal; line-height: 1em; }
	.basePrice .label { text-decoration: line-through; }
	.basePrice .value { font-size: 1 em; font-weight: normal; line-height: 1em; text-decoration: line-through; }
	.productQuantity td.button { padding-left: 15px; }
	.productQuantity td.label, .productQuantity td.value { padding-bottom: 3px; }
	.productQuantity td.label { padding-right: 10px; padding-bottom: 7px; }
	.productQuantity td { vertical-align: bottom; }
	.productSpecs { line-height: 1.7em; }
	.productSpecs .label { display: inline-block; width: 113px; color: #666; }
	.productQuantity .label, .productColors .label, .productSize .label, .nhfsBlock .label { color: #565656; }
	.productColors .label { padding-top: 3px; }
	.nhfsBlock { font-size: .9em; }
	.nhfsBlock .value { line-height: 10px; display:block; padding: 0 60px 0 0; background: url(Images/NFHS-Logo.gif) center right no-repeat; }
	.nhfsBlock .value input { margin: 0 6px 0 3px; }
	.nhfsBlock .value table { border-collapse: collapse; }
	.nhfsBlock .value table td { vertical-align: middle; }
	.member_price {color:#8b0000;}
    span.tooltip
    {
	    font-size: .8em;
	    display: inline-block;
	    border-color: #ccc;
	    border-style: solid;
	    border-width: 0px;
	    padding: 1px 3px;
	    background: #FFFFFF;
    }
    span.tooltip a 
    {
	    cursor: help;
    }

    .toolTipText 
    {
        padding: 7px;
        border: 1px solid black;
        width: 400px;
        background: #FFFFFF;
        font-size: .7em;
    }
    
    .freeShippingTipText 
    {
        padding: 7px;
        border: 1px solid black;
        width: 250px;
        background: #FFFFFF;
        font-size: .7em;
    }
    .freeShippingTipText p { margin: 0 0 10px; }
/* cart summary */
	#cartSummary 
	{
		width: 230px;		
		position: absolute;
		z-index: 5000;
		top:0;
		right:0;
		top: 25px;
		right: 0;
		background: url(/App_/ROOT/PageFrame/StandardPartial/Images/Left_Shadow.png) bottom left no-repeat;
		padding: 0 0 12px 12px;
	}
	#cartSummary h3 {font-size:1.2em;width: 80%;float: left;}
	#cartSummary .titleBar { position: relative; padding-bottom: 10px;}
	#cartSummary .titleBar .btn_close_window { float: right; }
	#cartSummary .wrapperBG {border: 8px solid #222;background-color: #fff;}
	#cartSummary .wrapper 
	{
		padding: 5px;
		border-left:1px solid #000;
		border-right: 1px solid #000;
		text-align: left;
		font-size: .7em;
		line-height: 1.4em;
		color: #565656;
	}
	#cartSummary .image {float: left;width: 45%;}
	#cartSummary .details {text-align: right;float: right;width: 50%;}
	#cartSummary .details .total 
	{
		border-top: 1px solid #ccc;
		margin-top: 7px;
		padding-top: 7px;
		margin-bottom: 7px;
	}
	#cartSummary .details .name, #cartSummary .details .price {font-weight: bold;}

/***************************************
	Color Select Box
***************************************/
	.selectControlLabel, .selectControlList {cursor: pointer;}
	.selectControlLabel, .selectControlList li 
	{
		padding: 3px 25px 3px 3px;
		font-size: .85em;
		font-weight: bold;
		margin: 0; list-style-type: none;
	}
	.selectControlLabel
	{
		background-image: url(/App_/ROOT/PageFrame/StandardPartial/Images/selectArrow.gif);
		background-position: top right;
		background-repeat: no-repeat;
	}
	.selectControlLabel .selectLabelText, .selectControlList li.selected .selectLabelText
	{
		background-image: url(/App_/ROOT/PageFrame/StandardPartial/Images/Checkmark.gif);
		background-position: 0px 2px;
		background-repeat: no-repeat;
	}
	.selectControlLabel
	{
		display: block;
		width: 230px;
		border: 1px solid #ccc;
	}
	.productSize .selectControlLabel { width: 100px; }
	.selectControlList 
	{
		background-color: #fff;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		border-top: 1px solid #ccc;
		padding:0 !important;
		margin:0;
	}
	.selectLabelText {padding-left: 15px;}
	.selectControlList li.active { background-color:#eee; }
	.colorSwatch  img { width: 6px; }
	.colorSwatch1 img { width: 24px; }
	.colorSwatch2 img { width: 12px; }
	.colorSwatch3 img { width: 8px; }
	.colorSwatch4 img { width: 8px; }
	.firstSwatch img { border-left: 1px solid #ccc; }
	.colorSwatch img
	{
		height: 11px;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		border-top: 1px solid #ccc;
	}
	.colorContainer td { vertical-align: middle; }
	.inactiveSelectControlLabel 
	{
		cursor: default;
		border: 1px solid #eee;
		background: none;
		padding-right: 3px;
	}
	.inactiveSelectControlLabel .selectLabelText {background: none;padding-left: 0;}

.NetSolutionsLogoFooter 
{
    float:left;
}

div.autocomplete {
  position:absolute;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
  display: block;
  height: 250px;
  overflow-y: auto;
  width:150px !important;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:10px;
  cursor:pointer;
}

/**** Search Table ***************************************/
table.pagerFrame { border-collapse: separate; border: 1px solid #999; }
table.pagerFrame th { text-align: left; background: #999; color: #fff; padding: 5px; border-top: 1px solid #bbb; border-bottom: 1px solid #777; }
table.pagerFrame td
{
    vertical-align: middle;
    padding: 10px;
    border-top: 1px solid #ccc;    
}
table.pagerFrame .first td 
{
    border-top: 0;
}

.ErrorDiv { margin: 0 0 10px; }

/****** Online Returns ********************/
table.onlineReturnReview { width: 100%; margin-bottom: 20px; }
table.onlineReturnReview th { background: #777; color: #fff; }
table.onlineReturnReview td, table.onlineReturnReview th { padding: 5px 6px; }
table.onlineReturnReview th { text-align: left; }
table.onlineReturnReview td { border-bottom: 1px solid #ddd; }

table.onlineReturns caption { padding: 15px 0 5px; font-size: 22px; line-height: 24px; color: #666; text-align: left; }
table.onlineReturns td { padding: 5px 10px 7px; background: #f9f9f9; }
table.onlineReturns tr.alternate td { background: #eee; }
table.onlineReturns tr th { background:#666; color: #fff; text-align: left; padding: 5px 10px; }
table.onlineReturns td.label { padding-right: 10px; font-weight: bold; }

.share-links > div
{
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
}
