@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 {
	clear:both;
	float:none;
	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 */
	
	overflow:visible; /* clears floated div */
	zoom:1;
	background-color:#ffffff;
	}
	
	
/*
**********************************
Body content div 
**********************************
*/	

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

div#bodyContent2010.leftSidebar {
/* body content floats right of the left nav */	
	width:550px;
	float:right;
	margin-bottom: 20px;
	}

div#bodyContent2010.rightSidebar {
/* body content floats left of right nav */	
	width:550px;
	float:left;
	margin-bottom: 20px;
	}
	
/*
**********************************
Leftnav container.  180 pixels wide
**********************************
*/

div#leftNav2010 {
	border:0; padding:0; margin:0;
	width:180px;
	/*background-color:#dfd1e3;*/
	float:left;
	margin-right: 15px;
	margin-bottom:20px;
	}
	
/*	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;
	}	


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:Verdana, 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 {
	margin-bottom: 4px;
	text-align:left;
	font-size: 11px;
	width: 165px;
    border-color: #7D7D7D #7D7D7D #7D7D7D #A27BAF;
    border-style: solid;
    border-width: 1px 1px 1px 2px;
	color:#000;
	border-radius: 4px 4px 4px 4px;
}


/*
**********************************
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;
	}
	
/*
**********************************
Style for key code apply button
**********************************
*/
	
.quickViewBtn {
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;	
	background-position: left;
	background-color: #6F8B94;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	color: #ffffff;
	font: 10px "Arial", sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 1;
	padding: 2px;
	padding-left: 2px;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(51,51,51,1);
	text-decoration: none;
	width: 75px;
	float: left;
}
	
.quickViewBtn:hover {
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1;	
	cursor: pointer;
}
	
.quickViewBtn:active {
    -webkit-box-shadow: inset 0 0 3px 2px #5c767e, 0 1px 0 0 #eeeeee;
    -moz-box-shadow: inset 0 0 3px 2px #5c767e, 0 1px 0 0 #eeeeee;
    -ms-box-shadow: inset 0 0 3px 2px #5c767e, 0 1px 0 0 #eeeeee;
    -o-box-shadow: inset 0 0 3px 2px #5c767e, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 3px 2px #5c767e, 0 1px 0 0 #eeeeee; 
}