﻿#header							{ width:1000px; }
#header .containerRight			{ float:right; width:490px; margin: 0 auto; }
#header .containerLeft			{ float:left; width:auto; margin: 0 0 0 10px auto; }
.containerLeftInline			{ line-height: 41px; }
.imgValign						{ vertical-align:middle; }
#logoDiv						{ width:1000px; height:115px; clear:both; }
#logoDiv .gurantees				{ float:right;margin: 25px 25px 0 0; }
#logoDiv .logoimage				{ width:266px;float:left; }
#toll_free2						{ display:none;font-size:13px !important; }

#specialoffers					{ text-align:center;font-size:16px; margin-top:2px;width:350px;}

#soForm							{ margin-top:10px; }
#enter_email					{ width:150px;margin: 5px 0 5px 0; }

#topNav							{ width:1000px;   }
#topNav .button					{ padding:6px 20px 0px 20px; float:left; vertical-align: middle; }
#topNav .button a				{ text-decoration:none; color:#0D3256; font:bold 15px 'Futura-Medium', Arial, sans-serif; }
#topNav .button a:hover 		{ text-decoration:underline; color:#0D3256; font:bold 15px 'Futura-Medium', Arial, sans-serif; }
#topNav .button a:visited 		{ text-decoration:none; color:#0D3256; font:bold 15px 'Futura-Medium', Arial, sans-serif; }
#topNav .close					{ float:left; }
#topNav .search					{ float:right;margin: 14px 5px 0 0 ; }


#searchMinimal,#navMinimal		{ display:none; }
#navMinimal						{ float:left; width:85px; }
#navMinimal a					{ color: #0D3256; text-decoration: none;font-size:16px;}
#navMinimal a img				{ vertical-align:middle; }
#navMinimal a span				{ margin:0 0 0 5px; }

/* top navigation */
nav								{ margin: 0px auto; text-align: left;border-bottom:solid 1px #efefef;border-top:solid 1px #efefef;padding: 10px 0 10px 0; }
nav ul ul						{ display: none; }
nav ul li:hover > ul			{ display: block; }
nav ul							{ padding: 0; list-style: none;position: relative;display: inline-table; margin:0; }
nav ul:after					{ content: ""; clear: both; display: block;	}
/*nav ul							{ padding: 0; list-style: none; position: relative; margin:0; }
nav ul:after					{ content: "";clear: both;	}*/
nav ul li						{ float: left; }
nav ul li:hover					{ background: #789DC2; }
nav ul li:hover a				{ color: #fff; }
nav ul li a						{ display: block; padding: 8px 20.5px;color: #0D3256; text-decoration: none;font-size:20px;	}
nav ul li .greyLink				{ color: #333; text-decoration: none; }
			
/* top nav drop downs */		
nav ul ul						{ background: #285784; border-radius: 0px; padding: 0;	position: absolute; top: 100%;opacity:0.9;
filter:alpha(opacity=90); /* For IE8 and earlier */	}
nav ul ul li					{ float: none; border-top: 1px solid #fff;border-bottom: 1px solid #fff; position: relative; }
nav ul ul li a					{ padding: 10px 40px;color: #fff;font-size:16px;	 }	
nav ul ul li a:hover			{ background: #333; }
nav ul ul ul					{ position: absolute; left: 100%; top:0; }
.subLink						{ padding-left: 15px;background: #789DC2;  }

/* footer nav */
#footer							{ width:1000px; clear:both; margin-top:20px; background-color:#efefef;overflow:hidden;margin-top:50px; }
#footer .containerF				{ float:left; width:25%; }
#footer .header					{ font:normal 16px 'Futura-Medium', Arial, sans-serif; }
#footerDisclaimer				{ width:1000px; clear:both; margin-top:20px; }
.footerNavLink a, .footerLinkDiv a				{ color:#333;margin-bottom:5px; }
.footerNavLink a:hover, .footerNavLink a:hover			{ color:#efefef;margin-bottom:5px; }
.footerNavLink a:visited, .footerNavLink a:visited		{ color:#333;margin-bottom:5px; }
.footerHeader					{ color:#789DC2; font-size:18px; padding: 10px 0 5px 10px;  }
.footerBody						{ padding:0 0 0 25px;  }
	

/* left nav */
#leftNav						{ float:left;width:155px;border:solid 1px #efefef;padding:7px; }
#leftNav a						{ color:#333; text-decoration:none; }
#leftNav a:hover				{ color:#999; text-decoration:underline; }
#leftNav a:visited				{ color:#333; text-decoration:none; }
#leftNav .link					{ margin-bottom:5px;border-bottom:dashed 1px #efefef;font-size:11.5px; }
#leftNav .linkBold				{ font-weight:bold; }
#leftNav .header				{ background-color:#789DC2; color:#fff; padding:7px; font-weight:bold;}
#leftNav .items					{ height:105px; overflow:auto;background-color:#fff;padding:5px;}
#leftNav .itemsTall				{ height:325px; overflow:auto;background-color:#fff;padding:5px; }
#leftNav .collapseArrow			{ float:right;margin-top:5px; }

#filterButtonContainer			{ float:left;display:none; cursor:pointer;position:fixed;top:300px;z-index:999; }

#leftNav_close					{ display:none; background-color:#fff;padding:5px;cursor:pointer; }

#itemsNav						{ height:150px; overflow:auto;background-color:#cc9933;padding:5px; }
#itemsNav a						{ color:#fff; text-decoration:none; }
#itemsNav a:hover				{ color:#e1e1e1; text-decoration:underline; }
#itemsNav a:visited				{ color:#fff; text-decoration:none; }
#leftNav .padTop				{ margin-top:7px; }

#radio_podcast_button			{ padding:0 10px 14px 0; }

#socialNav						{ width: auto;margin-bottom:10px; }
#socialNav .snleft				{ float:left;width:50%;text-align:left; }
#socialNav .snright				{ float:right;width:50%;text-align:right;}


#sidebar						{ position: fixed; bottom: 300px; right: 0; }

@media screen and (max-width: 1000px) 
{
	#header, #logoDiv, #topNav, #footer, #footerDisclaimer
	{
		width:100%;
	}
	#header .containerRight			{ width:400px; }
	
	#top_nav_pen, #countyoforigin { display: none; }
	
	
	#filterButtonContainer, #leftNav_close			{ display:block; }
	#leftNav						{ position: fixed;float:none;top:0;left:-250px;width:230px;z-index:1000; }
	#brandFilter,#categoryFilter,#priceFilter,#fillTypeFilter,#nibSizeFilter,#nibMaterialFilter,#colorFilter,#trimColorFilter {display:none;}
	
	
}

@media screen and (max-width: 850px) 
{
	#searchMinimal { display:block;padding-right:15px; }
	#searchBox	{ position:absolute;top:65px;right:0;padding:15px;background: #fff; border:solid 1px #efefef; display: none; }
	#free_shipping, #guaranteed_authentic			{ width:auto;height:45px; }	
}


@media screen and (max-width: 725px) 
{
	#navMinimal {display:block;padding: 15px 0 0 15px;width:auto;}
	
	
	#searchBox { display:block; float:right;position:inherit;background-color: inherit; border:inherit;padding:inherit; }
	#searchMinimal { display:none; }
	
	nav {display: none;width:430px;}	
	
	nav ul li a	{ padding: 8px 8px; color: #fff; }
	
	nav ul							{ background: #285784;width:250px; }
	nav ul:after					{ display:inline; }
	nav ul li 						{ width:250px;background: #285784; border:solid 1px #fff; }
	nav ul li:hover > ul			{ display:inline; }
	nav ul li:hover					{ background: #333; }
	
	nav ul ul						{ width:250px; position:relative;display:inline; }
	nav ul ul li 					{ width:250px; background: #789DC2; border:solid 1px #fff; }
	
	.navHeader						{ background: url('/images/nav_bg_right.gif') no-repeat top left;}
	
	#logoDiv .logoimage				{ width:35%;float:left; }
	
	#topNav { height:33px; }
	
	#free_shipping, #guaranteed_authentic					{ width:auto;height:35px; }
}

/*Styles for screen 600px and lower*/
@media screen and (max-width: 600px) 
{	
	#call_us {display: none;}
	#toll_free			{ font-size:13px !important; }
	#header .containerRight
	{
		width:auto;
	}
	#header .containerLeft
	{
		width:125px;
	}
	
	#specialoffers		{ font-size:13px !important;  }
	#soffers .text		{ display:none;}
	#email_gif			{ width:50px;height:auto;}
	
	#free_shipping, #guaranteed_authentic		{ display: none;}
	#logoDiv			{ text-align:center; }
	#logoDiv .logoimage	{ width:100%;float:none; }
	
	.footerLinkDiv		{ margin-bottom:10px; }
	
	
}

@media only screen and (max-width : 525px) 
{
	#header .containerLeft			{ width:100px; }
	#socialNav .snleft				{ float:none;width:100%;text-align:center; }
	#socialNav .snright				{ float:none;width:100%;text-align:center; }
	#sidebar { display:none;}
}

/*Styles for screen 515px and lower*/
@media only screen and (max-width : 480px) 
{	
	
	#header .containerRight			{ width:auto; }
	#nav_account_button				{ width:115px }
	#nav_cart_button				{ width:88px }
	#radio_podcast_button			{ width:65px;padding:0 3px 14px 0; }
	
	
	#email_gif						{ display:none; }
	
	
	#footer .containerF				{ width:100%; }
	
	#logoDiv
	{
		width:300px;
	}
	#searchBox { width:200px; }
}
	
@media only screen and (max-width : 340px) 
{
	
	#navMinimal span {display:none; }	
	
}

/*Smartphone*/
@media only screen and (max-width : 325px) 
{
	#toll_free { display:none; }
	#toll_free2 { display:block; }
	
	#header,  #logoDiv, #footer, #footerDisclaimer
	{
		width:320px;
	}
	#header .containerRight, #header .containerLeft { width:100%;text-align:center; }
	
	
	#logo							{ width:65%;height:auto;}
	
	#topNav { width:320px }
	#navMinimal {float:none; }
	#searchBox { width:100%;float:none; }
	
	
}
