@charset "utf-8";
/* CSS Document */
/*
**********************************
Global Body Wrapper: Image Sprites
**********************************
*/

	/* Sprite image for global horizontal navBars and form headers */
	div#styleSelector {
	background-image:url(/sfc3/images/noText/nd2010/sprite_hbars.png);
	}
	
	/* Sprite image for global notext elements */
	div.vertNav h3 {
	background-image:url(/sfc3/images/noText/nd2010/sprite_global.png);
	}
	
	/* Sprite image for global ENGLISH elements */
	div#styleSelector form input.formImagebutton,
	div#leftNav2010 a#quickorder,
	div#leftNav2010 #shoefinderForm input.formImagebutton,
	form#OccupationSelector input.formImagebutton{
	background-image:url(/sfc3/images/en/nd2010/sprite_global_btns.png);
	}
	/* Sprite image for global SPANISH elements */
	body.uses div#styleSelector form input.formImagebutton,
	body.uses div#leftNav2010 a#quickorder,
	body.uses div#leftNav2010 #shoefinderForm input.formImagebutton,
	body.uses div#OccupationSelector form input.formImagebutton {
	background-image:url(/sfc3/images/es/nd2010/sprite_global_btns.png);
	}
	
	/* Sprite image for global ENGLISH leftnav valprop btns */
	div#leftNav2010 li#valprops,
	div#leftNav2010 a#slipchart {
	background-image:url(/sfc3/images/en/nd2010/sprite_valprops_sidebar.png);
	}

	/* Sprite image for global SPANISH leftnav valprop btns */
	body.uses div#leftNav2010 li#valprops,
	body.uses div#leftNav2010 a#slipchart {
	background-image:url(/sfc3/images/es/nd2010/sprite_valprops_sidebar.png);
	}
	
/*
********************************************************************
Global Body Wrapper: leftNav, bodyContent, rightNav
********************************************************************
*/

	div#body2010 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	/*width:755px;*/
	padding:0;
	margin:0;
	border:0;
	/* center div in non-IE browsers */
	/*    margin-left: auto;
    margin-right: auto;*/
    text-align: left; /* override global align-center */
	background-color:#ffffff;
	float:left;
		z-index: 0;
}
	
	.three-column {width:760px;} /* leftnav + content + rightnav (prod. browse) */
	
	.two-column {width:760px;} /* body + rightnav (prod. detail) */
	
	.one-column {width:100%;} /* body 100% (cart nav, off-grid) */
	
	
	
	
/*
**********************************
Body content div 
**********************************
*/	

div#bodyContent2010 {
	border:0; padding:0; margin:0 0 20px 0;
	/*background-color: #FFFFFF;*/
	text-align:left;
	
	overflow:visible;
	zoom:1;
	
	min-height:500px; /* Note: add hack for IE6 later */
	}
	
.noSidebar {
/* body content for home page.  100% width */	
	float:none;
	width:100%;
	}

.leftSidebar {
	/* body content floats right of the left nav */	
	width:550px;
	float:right;
	}

.leftSidebarWide {
	/* body content floats right of the left nav */	
	width:740px;
	float:right;
	}

.rightSidebar {
/* body content floats left of right nav */	
	}
	
/*
**********************************
Leftnav container.  180 pixels wide
**********************************
*/

div#leftNav2010 {
	border:0;
	padding:0;
	width:180px;
	/*background-color:#dfd1e3;*/
	float:left;
	margin-right: 0px;
	margin-bottom:20px;
	display: inline;
	margin-top: 0;
	margin-left: 0;
	}
	
/*	leftnav btn container UL */
	div#leftNav2010 ul.valpropcontainer {
	border:0; padding:0; margin:0;
	list-style:none;
	float:none;
	margin-bottom:20px;
	}
		/*	leftnav btn container links */
		div#leftNav2010 ul.valpropcontainer a,
		div#leftNav2010 li#valprops {
		margin:0; padding:0; border:0;
		text-align:left;
		display:block;
		outline:none;
		width:180px;
		background-repeat:no-repeat;
		background-color: #ffffff;
		}
		/*	leftnav btn container LI */
		div#leftNav2010 ul.valpropcontainer li {
		border:0; padding:0; margin:0;
		list-style:none;
/*		padding-bottom:10px;*/
		}
	
/*	quickorder btn in leftnav */
	div#leftNav2010 a#quickorder {
	height:38px;
	text-indent:-9009px;
	background-position: 0 -194px;
	}
	div#leftNav2010 a#quickorder:hover {
	background-position: 0 -242px;
	}
	
/*	valprops btn in leftnav */
	/*div#leftNav2010 a#valprops*/ 
	div#leftNav2010 li#valprops{
	height: 71px;
	text-indent:-9009px;
	background-position: 0 0;
	}
/*	div#leftNav2010 a#valprops:hover {
	background-position: 0 -94px;
	}*/
	/*	custom heigh for Spanish */
	.uses div#leftNav2010 li#valprops {
	height:81px;
	}
	
/*	slipchart btn in leftnav */
	div#leftNav2010 a#slipchart {
	height: 142px;
	text-indent:-9009px;
	background-position: 0 -188px;
	}
	div#leftNav2010 a#slipchart:hover {
	background-position: 0 -324px;
	}
	
/* left vertnav product select form */	

	div#styleSelector {
	margin:0; border: 0;
	padding: 3px;
	background-color:#9d38b4;
	/*background-image:url(/sfc3/images/noText/nd2010/sprite_hbars.png);*/
	background-repeat: repeat-x;
	background-position: 0 -106px;
	border-bottom: 2px solid #6a187c;
	padding-left:6px;
	margin-top:6px;
	position:relative;
	zoom:1;
	float:none;
	clear:both;
	}
	
	div#styleSelector form {
	margin:0; border: 0; padding:0;
	text-align:left;
	line-height:30px;
	/*background-color: #CCCCCC; */
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
	div#styleSelector form label {
	display:none;
	}
	
	div#styleSelector form select {
	text-align:left;
	font-size:12px;
	border: 1px solid #e3c9ec;
	color:#000;
	/*width: 190px;*/
	vertical-align:middle;
	}
	div#styleSelector form select .even {
	background-color:#f2ecf4;
	}
	div#styleSelector form select .odd {
	background-color:#FFFFFF;
	}
	
	div#styleSelector form input.formImagebutton{
	background-repeat:no-repeat;
	background-position: -50px -688px;
    display:inline;
	border: 0;
	line-height: 0;
    cursor: pointer;
    height: 22px;
    width: 30px;
	text-indent: -9999px;
	vertical-align:middle;
	}

	div#styleSelector form input.formImagebutton:hover {
	background-position: -50px -720px;
	}
	
div.vertNav, div.vertNavFinder {
/* same bg and bottom as: div#home2010 form */
	background-image:url("/sfc3/images/noText/nd2010/global_home_formbody_bg.png");
	background-repeat: repeat-y;
	background-position: top right;
	border-bottom: 5px solid #a27baf;
	margin-bottom: 10px;
	padding-bottom:4px;
		background: #FAF2FC;
}	


div.vertNav h3 {
/* same as: div#home2010 form h3 */
	margin:0; padding:0; border:0;
	display: block;
	width:180px;
	padding-bottom: 6px;
	margin-bottom: 6px; /*margin-bottom: 10px;*/
	
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	color: #6a187c;
	
	/*background-image:url(/sfc3/images/noText/nd2010/global_home_formheader_bg.png);*/
	background-repeat: no-repeat;
	background-position: bottom left;
	
	margin-bottom:12px;
	}
	
div.vertNav #shoefinderForm select,
div.vertNav #OccupationSelector select, 
div.vertNav #OccupationSelector input {
	width: 165px;
    border-color: #e2d8e2;
	margin-left: 7px;
	margin-right: auto;
	padding-left: 5px;
	font-size: 11px;
}


/*
**********************************
Sidebar Val-props: Image Sprites
**********************************
*/

	#sideNavValprops {
	padding: 0; border:0; margin:0;
	width:180px;
	}
	
	#sideNavValprops li {
	padding: 0; border:0; margin:0;
	display: block;
	list-style-type: none;
	}
	
	/* Sprite image for ENGLISH val-prop */
	#sideNavValprops a {
	background-image:url(/sfc3/images/en/nd2010/valprops_sidebar.png);
	}
	/* Sprite image for SPANISH val-prop */
	body.uses #sideNavValprops a {
	background-image:url(/sfc3/images/es/nd2010/valprops_sidebar.png);
	}

	/* Val-prop bg images */
	#sideNavValprops a {
	margin:0; padding:0; border:0;
	text-align:left;
	display:block;
	outline:none;
	width:180px;
	text-indent:-9009px;
	background-repeat:no-repeat;
	}
	
	/* Val-prop bg image: outsole */
	#sideNavValpropsOutsole a {
	height:184px;
	background-position: 0 0;
	}
	/* Val-prop bg image: exchanges */
	#sideNavValpropsExchange a {
	height:158px;
	background-position: 0 -184px;
	}
	/* Val-prop bg image: price */
	#sideNavValpropsPrice a {
	height:176px;
	background-position: 0 -342px;
	}
	/* Val-prop bg image: hover outsole */
	#sideNavValpropsOutsole a:hover {
	background-position: -180px 0;
	}
	/* Val-prop bg image: hover exchanges */
	#sideNavValpropsExchange a:hover {
	background-position: -180px -184px;
	}
	/* Val-prop bg image: hover price */
	#sideNavValpropsPrice a:hover {
	background-position: -180px -342px;
	}

/*
**********************************
Rightnav container.  180 pixels wide
**********************************
*/
div#rightNav2010 {
	border:0; padding:0; margin:0;
	width:180px;
	/*background-color:#dfd1e3;*/
	float:right;
	margin-left: 15px;
	margin-bottom:20px;
	}