/* CSS Document */

body			{font-family: sans-serif; font-size: 0.7em; color: #000000; background:#ffffff url(/thenorthface/gfx/tnf/2008B_03bg2.jpg) fixed center top repeat-y; scrollbar-arrow-color:#CC0000; scrollbar-base-color:#B6B6B6; scrollbar-darkshadow-color:#000000; scrollbar-face-color:#8e8e8e;}
td				{font-size: 0.7em;}
H1, td H1				{font-size: 1.1em; font-weight:bold;}
H2, td H2				{font-size: 1em; font-weight:bold;}
H3, td H3				{font-size: 0.9em; font-weight:bold;}
.bold				{font-weight:bold;}
#frame 			{background-color:#ffffff; border:1px solid #586976;}

A:link 			{color: #666666; font-weight:bold;}
A:visited 		{color: #666666;}
A:Hover			{color: #DD0000; text-decoration: none;}
A:active 		{color: #CC0000; text-decoration: none;}

.highlight		{color: #777777; font-weight:bold;}
.highlightRed	{color: #DC241F; font-weight:bold;}
.line			{color: #BAC8D3; height:1px; }
ul				{list-style-type: square; color:#586976; }

/* Left Nav */
#nav			{ width:120px; vertical-align:top; background-color:#B6B6B6;}

ul#menulist {width:120px; list-style-type:none; border:0; margin:0; padding:0px;}

li.menuitemOuterwear, li.menuitemBase, li.menuitemFootwear, li.menuitemPacks, li.menuitemTents, li.menuitemBags, li.menuitemGloves, li.menuitemYouth, li.menuitemEyes, li.menuitemHome { line-height:2.3em; padding:0; margin:0; background-color:#B6B6B6;  border-bottom:5px solid #ffffff; vertical-align:centre;}

li.menucurrent { line-height:2.2em; padding:none; margin:0; background-color:#DC241F; border-bottom:5px solid #ffffff;}
li.menucurrent a {color:#ffffff;}
a.menuitem:link, a.menubottom:link, a.menuitem:visited, a.menubottom:visited {font-size: 1.1em; display:block; padding-left:10px; text-decoration:none; font-weight:bold; color:#ffffff; border:1px solid #7692a7;}
a.menuitem:hover, a.menubottom:hover {font-size: 1.1em; display:block; background-color:#DC241F; height:100%; color:#ffffff;}

td.home ul#menulist li.menuitemHome	{background-color:#DC241F !important;}
td.footwear ul#menulist li.menuitemFootwear	{background-color:#DC241F !important;}
td.base ul#menulist li.menuitemBase	{background-color:#DC241F !important;}
td.outerwear ul#menulist li.menuitemOuterwear	{background-color:#DC241F !important;}
td.packs ul#menulist li.menuitemPacks	{background-color:#DC241F !important;}
td.tents ul#menulist li.menuitemTents	{background-color:#DC241F !important;}
td.bags ul#menulist li.menuitemBags	{background-color:#DC241F !important;}
td.gloves ul#menulist li.menuitemGloves	{background-color:#DC241F !important;}
td.youth ul#menulist li.menuitemYouth	{background-color:#DC241F !important;}
td.eyes ul#menulist li.menuitemEyes	{background-color:#DC241F !important;}
td.youth ul#menulist li.menuitemYouth	{background-color:#DC241F !important;}

/* Footer */
#footer			{font-size: 0.7em; font-weight:bold; color:#7692a7; text-align:right;}	
#footer a		{text-decoration:none;}
#ellis			{text-align:center;}
#footer #links	{ padding-top:3px; float:right;}
#newsletterForm		{width:240px; float:left; color:#A6BAC5; vertical-align:top; background-color:#ffffff; border:1px solid #BAC8D3;}
#newsletterForm .textField		{height:18px; width:72px; border:1px solid #DAE1E7;}

/* Header*/
#top			{ vertical-align:top; background-color:#B6B6B6; border:1px solid #7692a7;}
#top #banner	{border-left:8px solid #B6B6B6; border-top:8px solid #B6B6B6; float:left;}
#top #banner img	{border-right:8px solid #B6B6B6;}
#search			{vertical-align:top; float:left;  padding:0px; margin:0px; border-top:8px solid #B6B6B6; width:133px;   }
#innerSearch		{ height:89px; background-color:#8E8E8E; margin:0px; border:1px solid #586976;}
#top #text		{position:relative; left:0px; top:44px;}

/* forms */
#searchForm			{border:4px solid #8E8E8E; border-bottom:8px solid #8E8E8E;}
.textField		{
	height:20px;
	width:72px;
	border:1px solid #586976;
	font-variant: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF3300;
}
#icons			{color:#ffffff; padding-left:4px; border-bottom:4px solid #8E8E8E; font-size:11px;}
#icons a		{color:#ffffff; text-decoration:none; font-weight:bold;}
#basket			{color:#ffffff; padding-right:4px; border-bottom:4px solid #8E8E8E; font-weight:bold; text-align:right;}
.error	{color: #DC241F !important; font-weight:bold; font-size:1em;}


/* Home Page */
#main			{background-color:#B6B6B6; border:1px solid #7692a7; vertical-align:top;}
#mainFrame		{border:8px solid #B6B6B6;}
#rightFrame		{width:134px; voice-family: "\"}\""; voice-family:inherit; width:132px; overflow: auto; height:316px;
 float:left; background-color:#ffffff; padding:0px; margin:0px; border:1px solid #586976;}
#rightLinks		{ border:6px solid #FFFFFF; padding:0px; margin:0px;}
#rightLinks H2	{font-size: 1em; font-weight:bold; color:#586976; margin:0; padding:0;}
#rightLinks p	{margin:0 0 8px 0; padding:0; color:#666666; font-size: 0.8em;}

#product		{width:420px; float:left;}
.productItem	{background-color:#818181; text-align:center; border-right:8px solid #B6B6B6; border-bottom:6px solid #B6B6B6;}
.productItem .frame{border:4px solid #818181; }
.productItem p	{padding-bottom:6px; text-decoration:none; font-size:12px; color:#ffffff; font-weight:bold;}
.productItem p a	{color:#ffffff !important; text-decoration:none;}
.productTabs	{border-right:8px solid #B6B6B6; border-bottom:2px solid #B6B6B6; vertical-align:bottom; text-align:center;}
.tab			{background-color:#DC241F;  margin-bottom:5px; line-height:2.7em; padding:0; border:2px solid #ffffff; font-weight:bold;}
.tab a			{ color:#ffffff !important;  display:block; text-decoration:none;}			
.imgFrame		{border:1px solid #586976; padding:0 4px 0 4px; background-color:#FFFFFF;}

/* Inner section on all pages apart from Home*/
#mainlist, #mainlist2, #detail, #contact, #news, #gearlist	{width:614px; background-color:#ffffff; border-collapse: collapse; border:1px solid #818181;}
/* List page */
#mainlist td.products { border:1px solid #BABABA; width:25%; text-align:center; vertical-align:bottom;}
#mainlist th {text-align:left; font-size: 0.9em; border-bottom:1px solid #BAC8D3;}
#mainlist td.products a.prodName	{text-decoration:none; display:block; background-color:#8e8e8e; color:#ffffff ; font-weight:bold; font-size: 1.1em; padding:4px; border:0px;}
.searchTitle	{background-color:#B6B6B6; color:#FFFFFF; font-size:0.8em; font-weight:bold; border-top:1px solid #7692a7 !important; border-bottom:1px solid #7692a7;}
#mainlist .listPic, #mainlist2 .listPic	{ float:right; border:1px solid #8E8E8E;}


/* detailed list page */
#mainlist2 td.products { border:1px solid #BAC8D3; width:25%; text-align:center; vertical-align:top;}
#mainlist2 th	{text-align:left; font-size: 0.9em; border-bottom:1px solid #BAC8D3;}
#mainlist2 td.products .prodframe	{ vertical-align:top; height:4.2em;}
#mainlist2 td.products a.prodName	{text-decoration:none; display:block; background-color:#8e8e8e; color:#ffffff ; font-weight:bold; font-size: 0.9em; padding:4px; border:0px; height:4.2em;}
html>body #mainlist2 td.products a.prodName	{height:3.2em;}
#mainlist2 td.products .listframe	{position:relative;}
#mainlist2 td.products .pic	{ padding:9px;}
.listframegender	{position:absolute; top:0px; right:0px; z-index:1;}

/* detailed page */
#detail td{ vertical-align:top; }
#detail td.products a	{text-decoration:none; font-size: 0.9em; padding:4px;}
#detail td.productImage .Item	{border:1px solid #BAC8D3;}
#detail td H2 	{color:#ffffff;  display:block; background-color:#8e8e8e; padding:4px; border:1px solid #7692a7; font-size: 1.1em; margin-bottom:10px;}
#detail td H3 {font-size: 1.1em; margin:4px 0 4px 0;}
#detail td.info	{width:50% !important;}

.gender		{float:right;}

span.price		{position:absolute; top:0px; left:-72px; text-align:center; width:145px; color:#ED1C29; font-weight:bold; font-size: 1.1em; z-index:2;}
 html > body span.price {left:0px;} /*This is the REAL "left" value - IE displays it wrong. All browsers except IE will use THIS value, NOT the one above */
.price		{color:#ED1C29; font-weight:bold; font-size: 1.1em;}

.product-ref		{color:#BAC8D3; font-size: 0.8em;}
.euro	{border:1px solid #BAC8D3; padding:2px;  font-size: 0.8em; padding:6px; color:#BAC8D3;}
.euro .currency	{float:left; font-weight:bold; color:#586976; font-size: 1.1em; vertical-align:top;}
.sizeChart		{text-align:right; font-weight:bold; font-size:1.1em; color:#586976;}

/* search page */
#mainsearch th {text-align:left; font-size: 0.9em; border-top:1px solid #BAC8D3; border-left:1px solid #BAC8D3; border-right:1px solid #BAC8D3;}
/* new search */
.newsearch	{width:614px; margin-top:10px; padding:4px;}
.pages		{padding: 4px; border:1px solid #CCCCCC;}
.newsearch .background	{background-color:#E0E0E0; padding:6px;}
.newsearch .text	{color:#ffffff; font-family:arial; font-weight:bold; font-size: 0.7em; border-bottom:2px solid #ffffff;}

/* contact page */
#contact td, #gearlist td { border:1px solid #BAC8D3; border:collapse; vertical-align:top;}
#contact th, #gearlist th	{text-align:left; font-size: 0.9em; border:1px solid #BAC8D3;}
#contact table	{border-collapse: collapse;}

/* news page */
#news td	{vertical-align:middle; border:1px solid #BAC8D3; border:collapse;}
#news th	{text-align:left; font-size: 0.9em; border:1px solid #BAC8D3;}
.updated		{font-size: 0.6em; color:#A6BAC5;}

/* forms */
#gcatalogues TR		{ height: 30px; }
.fcatsfield		{ color: #666666; width: 100%; border: 1px solid #7692a7; background: #FAFAFA; font: normal x-small verdana; }
.fcatsfieldsmall		{ color: #666666; border: 1px solid #7692a7; background: #FAFAFA; font: normal x-small verdana; }
.fcatsfieldxsmall		{ width: 25px; color: #666666; border: 1px solid #7692a7; background: #FAFAFA; font: normal x-small verdana; }
.fcatssend		{ color: #7692a7; margin-bottom: 10px; font: bold x-small verdana; }
.fcatssend2		{ color: #7692a7; margin-bottom: 10px; font: bold xx-small verdana; }
.total		{background: #E4EAED;}
.printlist	{float:right;}

.chart		{background-color:#E0E0E0; border:4px solid #E0E0E0; width:100%;}
.chart td	{font-weight:normal !important; font-size:0.7em !important; text-align:left;}
.chartbg	{background-color:#E0E0E0;}
.pricespecs	{font-family: Verdana; text-decoration: none; color: #666666; font-size: xx-small; line-height: 12pt; text-align: justify; background-color:#E0E0E0;}
.pricedesc	{background-color:#E0E0E0;}



.checkoutLabel 	{ font-weight: bold; }
.darkborder 	{ border:1px solid #8E8E8E; }

.hidden {display: none;}