/* ===== colors ================================================== */

.orange { color: #F60; }

.grey5 { color: #505147; }

.grey4 { color: #818272; }

.grey3 { color: #969485; }

.grey2 { color: #C8C9C0; }

.grey1 { color: #DADBD1; }

.error,
.required { color: #C00; }

.success { color: #0C0; }

/* ===== base ================================================== */

html,
body {
	background-color: #505147;
	margin: 0;
	padding: 0;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #DADBD1;
	text-align: center;
}

h1,
h2,
h3,
h4,
h5,
h6 { }

a {
	color: #505147;
	outline: none;
}

a:hover { color: #000; }

em,
strong { color: #505147; }

address { margin-bottom: 1em; }

input,
select,
textarea { background-color: #EEE; }

/* ===== containers ================================================== */

#container,
#icontainer {
	position: relative;
	width: 784px;
	margin: 15px auto;
	text-align: left;
}

#container1 {
	background: #000 url('../images/container1.jpg') no-repeat left top;
	height: 158px;
	color: #FFF;
}

#container2 { height: 1%; }

#container3 { }

/* ===== index fix ===== */



#icontainer #container1 {
	position: relative;
	width: 784px;
	height: 138px;
	margin: 0 auto;
}

#icontainer #container2 {
	width: 864px;
	color: #888;
}

#icontainer #container3 {
	position: relative;
	width: 784px;
	margin: 0 auto;
}

#icell_a {
	width: 527px;
	height: 400px;
	float: left;
	
}

.i_01 { background: #FFF no-repeat left top; }

.i_02 { background: #FFF url('../images/i_02.jpg') no-repeat left top; }

.i_03 { background: #FFF url('../images/i_03.jpg') no-repeat left top; }

#icell_b {
	background: #FFF  no-repeat left top;
	width: 198px;
	height: 400px;
	padding:0px 25px 0 35px;
	float: left;
}

#icell_b ul li {
	line-height: 0;
	font-size: 0;
}

#icell_b ul li a {
	display: block;
	height: 100px;
}

#icell_b ul li a.ibtn1 { background: transparent no-repeat left top; }

#icell_b ul li a.ibtn2 { background: transparent no-repeat left top; }

#icell_b ul li a.ibtn3 { background: transparent no-repeat left top; }

#icell_b ul li a.ibtn4 { background: transparent no-repeat left top; }

#icell_b ul li a.ibtn1:hover,
#icell_b ul li a.ibtn2:hover,
#icell_b ul li a.ibtn3:hover,
#icell_b ul li a.ibtn4:hover { background-position: left bottom }

/* ===== header ================================================== */

#header {
	width: 161px;
	float: left;
}

#header h1 a {
	display: block;
	height: 138px;
}

/* ===== utilities ================================================== */

#utilities {
	width: 223px;
	margin-top: 47px;
	padding-left: 35px;
	float: left;
}

#utilities input {
	/* background: #FFF url('../images/enterZipCode.gif') no-repeat 3px center; */
	width: 142px;
	margin-bottom: 13px;
	float: left;
}

#utilities input:focus { background-image: none; }

#utilities a.btn_go {
	display: block;
	background: transparent url('../images/btn_go.jpg') no-repeat left top;
	width: 45px;
	height: 19px;
	float: left;
}

#utilities a.btn_newsAndInformation {
	display: block;
	background: transparent url('../images/btn_newsAndInformation.jpg') no-repeat left top;
	width: 151px;
	height: 39px;
	clear: both;
}

#utilities a.btn_go:hover,
#utilities a.btn_newsAndInformation:hover { background-position: left bottom; }

/* ===== content ================================================== */
/* ===== category landing ===== */

.category {
	background-color: #FFF;
	color: #888;
}

#category {
	background-color: #FFF;
	color: #888;
	text-align: right;
}

.title_mens {
	background: #FFF url('../images/title_mens.jpg') no-repeat left top;
	padding-left: 128px;
}

.title_womens {
	background: #FFF url('../images/title_womens.jpg') no-repeat left top;
	padding-left: 192px;
}

.title_kids {
	background: #FFF url('../images/title_kids.jpg') no-repeat left top;
	padding-left: 107px;
}

.title_safety {
	background: #FFF url('../images/title_safety.jpg') no-repeat left top;
	padding-left: 151px;
}

.title_newArrivals {
	background: #FFF url('../images/title_newArrivals.jpg') no-repeat left top;
	padding-left: 188px;
}

.title_dealerExclusive {
	background: #FFF url('../images/title_dealerExclusive.jpg') no-repeat left top;
	padding-left: 365px;
}

.title_closeouts {
	background: #FFF url('../images/title_closeouts.jpg') no-repeat left top;
	padding-left: 228px;
}

.title_mens,
.title_womens,
.title_kids,
.title_safety,
.title_newArrivals,
.title_dealerExclusive,
.title_closeouts { position: relative; /* IE6 hack */ }

.categoryDescription {
	border-left: 1px solid #DADBD1;
	padding: 1px 15px;
	text-align: left;
}

.barA {
	background-color: #DADBD1;
	height: 20px;
	margin-bottom: 1px;
	font: normal 10px Arial, Helvetica, sans-serif;
	color: #505147;
}

.barA a { color: #505147; }

.barA a:hover { color: #000; }

.barB {
	background-color: #EEE;
	height: 15px;
	font: normal 10px Arial, Helvetica, sans-serif;
	color: #999;
}

.barB a {
	color: #999;
	text-decoration: none;
}

.barB a:hover { color: #000; }

/* OLD - non-dynamic

#nav2 {
	width: 350px;
	float: right;
}

#nav2 ul li { float: left; }

#nav2 ul li a {
	display: block;
	background: transparent url('../images/nav2.jpg') no-repeat left top;
	height: 20px;
}

#nav2 ul li a.nav1 {
	background-position: left top;
	width: 63px;
}

#nav2 ul li a.nav2 {
	background-position: -63px top;
	width: 65px;
}

#nav2 ul li a.nav3 {
	background-position: -128px top;
	width: 53px;
}

#nav2 ul li a.nav4 {
	background-position: -181px top;
	width: 52px;
}

#nav2 ul li a.nav5 {
	background-position: -233px top;
	width: 66px;
}

#nav2 ul li a.nav1:hover,
#nav2 ul li.on a.nav1 { background-position: left bottom; }

#nav2 ul li a.nav2:hover,
#nav2 ul li.on a.nav2 { background-position: -63px bottom; }

#nav2 ul li a.nav3:hover,
#nav2 ul li.on a.nav3 { background-position: -128px bottom; }

#nav2 ul li a.nav4:hover,
#nav2 ul li.on a.nav4 { background-position: -181px bottom; }

#nav2 ul li a.nav5:hover,
#nav2 ul li.on a.nav5 { background-position: -233px bottom; }

*/

#nav2 {
	width: 350px;
	padding: 4px 0 0 0;
	float: right;
}

#nav2 ul li {
	background: transparent url('../images/nav3_dots.gif') no-repeat left center;
	padding: 0 6px 0 12px;
	font-weight: normal;
	font-size: 11px;
	float: left;
}

#nav2 ul li.first {
	background-image: none;
	padding-left: 0;
}

#nav2 ul li:first-child 
{
	background-image: none;
	padding-left: 0;	
}


#nav2 ul li a {
	color: #818272;
	text-decoration: none;
}

#nav2 ul li.on a { color: #000; }

.pager {
	width: 404px;
	padding: 3px 15px 0 0;
	text-align: right;
	float: right;
}

#nav3 {
	width: 769px;
	padding: 1px 0 2px 0;
	float: right;
}

#nav3 ul li {
	background: transparent url('../images/nav3_dots.gif') no-repeat left center;
	padding: 0 6px 0 12px;
	font-weight: normal;
	font-size: 11px;
	float: left;
}

#nav3 ul li.first {
	background-image: none;
	padding-left: 0;
}

#nav3 ul li:first-child 
{
	background-image: none;
	padding-left: 0;	
}

#nav3 ul li.on a { color: #000; }

#thumbGrid { padding: 10px 12px; }

#thumbGrid ol li {
	display: block;
	width: 190px;
	padding: 5px 0;
	text-align: center;
	float: left;
}

#thumbGrid ol li a img { border: none; }

/* ===== category detail ===== */

.detail {
	background-color: #FFF;
	color: #505147;
}

#column1 {
	background-color: #FFF;
	width: 430px;
	float: left;
}

#column2 {
	background-color: #DADBD1;
	width: 354px;
	float: left;
}

#column1 h2,
#column1 h3 {
	display: block;
	background-color: #818272;
	height: 19px;
	padding-top: 3px;
	font: bold 12px Arial, Helvetica, sans-serif;
	float: left;
	margin: 0;
}

#column1 h2 {
	width: 205px;
	padding-right: 10px;
	border-right: 1px solid #FFF;
	color: #FFF;
	text-align: right;
}

#column1 h3 {
	width: 204px;
	padding-left: 10px;
	color: #DADBD1;
}

#column1 #productView {
	height: 344px;
	padding-top: 13px;
	text-align: center;
	clear: both;
}

#column1 .productControl { text-align: right; }

#column1 .productControl a.btn_enlarge {
	display: block;
	background: transparent url('../images/btn_enlarge.gif') no-repeat left top;
	width: 55px;
	height: 20px;
	float: right;
}

#column1 .productControl a.btn_enlarge:hover { background-position: left bottom; }

#column2 #productCopy {
	background: #DADBD1 url('../images/box.gif') no-repeat right bottom;
	height: 229px;
	border-bottom: 1px solid #DADBD1;
	padding: 20px 20px 0;
	font: normal 12px/13px Arial, Helvetica, sans-serif;
}

#column2 #productCopy h4 {
	font: bold 12px Arial, Helvetica, sans-serif;
	margin: 0;
}

#column2 #productOptions {
	background: #C8C9C0 url('../images/box.gif') no-repeat right top;
	height: 139px;
	padding: 5px 20px;
}

#column2 #productOptions ul li {
	width: 100px;
	float: left;
}

#column2 #productOptions ul li a {
	background: transparent url('../images/btn_productOptions.gif') no-repeat center -10px;
	width: 85px;
	padding-bottom: 8px;
	float: left;
}

#column2 #productOptions ul li a:hover,
#column2 #productOptions ul li.on a { background-position: center bottom; }

/* ===== generic ===== */

.generic {
	background: #FFF url('../images/dasBoot.jpg') no-repeat left top;
	color: #777;
}

.generic #content {
	background: #FFF url('../images/generic.jpg') no-repeat right bottom;
	width: 590px;
	padding: 0 20px 100px 0;
	float: right;
}

.generic #content h2 {
	display: block;
	height: 55px;
	margin: 0;
}

.generic #content h2.news { background: #FFF url('../images/title_sm_news.jpg') no-repeat left top; }

.generic #content h2.aboutHDShoes { background: #FFF url('../images/title_sm_aboutHDShoes.jpg') no-repeat left top; }

.generic #content h2.closeouts { background: #FFF url('../images/title_sm_closeouts.jpg') no-repeat left top; }

.generic #content h2.contactUs { background: #FFF url('../images/title_sm_contactUs.jpg') no-repeat left top; }

.generic #content h2.emailSignup { background: #FFF url('../images/title_sm_emailSignup.jpg') no-repeat left top; }

.generic #content h2.privacy { background: #FFF url('../images/title_sm_privacy.jpg') no-repeat left top; }

.generic #content h2.siteMap { background: #FFF url('../images/title_sm_sitemap.jpg') no-repeat left top; }

.generic #content h2.terms { background: #FFF url('../images/title_sm_terms.jpg') no-repeat left top; }

.generic #content h2.tech { background: #FFF url('../images/title_sm_tech.jpg') no-repeat left top; }

.generic #content h2.customerSurvey { background: #FFF url('../images/title_sm_customerSurvey.jpg') no-repeat left top; }

.generic #content h2.productSearch { background: #FFF url('../images/title_sm_productSearch.jpg') no-repeat left top; }

.generic #content strong { color: #F60; }

.generic #content li { margin-bottom: .5em; }

.generic #content .randomshoe {
	width: 230px;
	text-align: center;
	float: right;
}

/* ===== forms ================================================== */

legend {
	margin: 0 0 1em 0;
	padding: 0;
}

/* ===== forms: Product Search / Closeouts Login ===== */
#setContactUs legend,
#setCloseoutsLogin legend,
#setProductSearch legend,
#setEmailSignup legend {
	font-weight: bold;
	color: #F60;
	margin-left: -7px;
}

#setCloseoutsLogin li,
#setEmailSignup li,
#setContactUs li { clear: left; }

#setCloseoutsLogin label,
#setEmailSignup label,
#setContactUs label {
	width: 65px;
	padding-top: 4px;
	float: left;
}

#setCloseoutsLogin input,
#setEmailSignup input,
#setContactUs input,
#setContactUs select,
#setContactUs textarea {
	width: 175px;
	margin-bottom: 1em;
	float: left;
}

#setContactUs textarea {
	width: 350px;
	height: 100px;
}

#setCloseoutsLogin input#submit,
#setCloseoutsLogin input#ctl00_BodyContentHolder_submit,
#setEmailSignup input#submit,
#setContactUs input#submit {
	width: 65px;
	margin-left: 65px;
}

/* ===== form: Customer Survey ===== */
#set1,
#set2,
#set3,
#set4 { border-bottom: 1px solid #DADBD1; }

#set1 li,
#set2 li,
#set3 li {
	width: 295px;
	float: left;
}

#set1 li label,
#set2 li label,
#set3 li label {
	width: 115px;
	padding-top: 4px;
	float: left;
}

#set1 li input,
#set2 li input,
#set3 li input,
#set3 li select {
	width: 155px;
	float: left;
}

#set4 li { clear: left; }

#set4 li label {
	width: 410px;
	padding-top: 4px;
	float: left;
}

#set4 li select {
	width: 155px;
	margin-bottom: .5em;
	float: left;
}

#set5 li,
#set6 li {
	width: 295px;
	clear: none;
	float: left;
}

#set5 li label,
#set6 li label {
	width: 115px;
	padding-top: 4px;
	float: left;
}

#set5 li input,
#set6 li input {
	width: 155px;
	float: left;
}

#set1,
#set2,
#set3,
#set4 {
	margin-bottom: 1em;
	padding-bottom: 1em;
}

#set0 legend {
	font-size: 0px;
	margin:0;
	visibility: hidden;
}

#set5 legend,
#set6 legend {
	font-size: 12px;
	color: #777;
	margin-left: -7px;
	margin-bottom: 1em;
	visibility: visible;
}

#set1,
#set2,
#set3,
#set4,
#set5,
#set6 { clear: both; }

#set4 label { background: transparent url('../images/form_dot.gif') repeat-x left bottom; }

#set5 label,
#set6 label { background: none; }
.SectionTop
{
	padding-top:5px;
}
.SectionBottom
{
	border-bottom:1px solid #DADBD1;
}
#Survey
{
	clear:both;
}
.Question{
	width:295px;
	float:left;
}
.Question div{
	width:144px;
	float:left;
}
.QuestionLong{
	width:590px;
	float:left;
	background:transparent url(../images/form_dot.gif) repeat-x scroll left bottom;
}
.QuestionLong div.Text{
	width:432px;
	float:left;
}
.QuestionLong div.Answers input,
.QuestionLong div.Answers select{
	float:right;
	margin: 1px 0 1px 0;
}
.Answers label{
	float:left;
}
.Answers input,
.Answers select{
	float:right;
	margin: 1px 0 1px 0;
}
.MultipleText{
	width:590px;
	float:left;
	background:transparent url(../images/form_dot.gif) repeat-x scroll left bottom;
	padding:3px 0 3px 0;
}
.MultipleText div{
	margin:3px 0 3px 0;
}
.MultipleText div.Answers label{
	float:left;
	width:140px;
	margin-left:6px;
}
.MultipleText div.Answers input,
.MultipleText div.Answers select{
	float:right;
	clear:right;
	margin: 1px 0 1px 0;
}
div.Answers select
{
	width:144px;
}
div.Answers input
{
	width:140px;
}
div.Text, div.Answers
{
	margin: 3px 0 3px 0;
}
/* ===== footers ================================================== */
/* ===== footer1 ===== */

#footer1 ul li { float: left; }

#footer1 ul li a {
	display: block;
	background: transparent url('../images/footer1.gif') no-repeat left top;
	height: 40px;
}

#footer1 ul li a.nav1 {
	background-position: left top;
	width: 216px;
}

#footer1 ul li a.nav2 {
	background-position: -216px top;
	width: 153px;
}

#footer1 ul li a.nav3 {
	background-position: -369px top;
	width: 143px;
}

#footer1 ul li a.nav4 {
	background-position: -512px top;
	width: 92px;
}

#footer1 ul li a.nav5 {
	background-position: -604px top;
	width: 88px;
}

#footer1 ul li a.nav6 {
	background-position: -692px top;
	width: 92px;
}

#footer1 ul li a.nav1:hover { background-position: left bottom; }

#footer1 ul li a.nav2:hover { background-position: -216px bottom; }

#footer1 ul li a.nav3:hover { background-position: -369px bottom; }

#footer1 ul li a.nav4:hover { background-position: -512px bottom; }

#footer1 ul li a.nav5:hover { background-position: -604px bottom; }

#footer1 ul li a.nav6:hover { background-position: -692px bottom; }

/* ===== footer2 ===== */

#footer2 {
	padding: 13px 0;
	font: normal 10px Arial, Helvetica, sans-serif;
	color: #DADAD2;
}

#footer2 ul li {
	background: transparent url('../images/dots.gif') no-repeat left center;
	padding: 0 6px 0 12px;
	float: left;
}

#footer2 ul li.first {
	background: none;
	padding-left: 0;
}

#footer2 ul li a { color: #DADAD2; }

#footer2 ul li a:hover { color: #F60; }

/* ===== default ================================================== */

.left {
	margin: 0 1em 1em 0;
	float: left;
}

.right {
	margin: 0 0 1em 1em;
	float: right;
}

.clear { clear: both; }

.reduce,
#column2 #productCopy p { margin-top: 0; }

.reduced,
form,
fieldset,
fieldset ol,
#header h1,
#nav ul,
#icontainer h2,
#icontainer p,
#icell_b ul,
#nav2 ul,
#nav3 ul,
#thumbGrid ol,
#column2 #productOptions ul,
form#formCustomerSurvey ol,
#footer1 ul,
#footer2 ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border: 0;
}

.hide,
#header h1 a span,
#nav ul li a span,
#utilities label,
#utilities a.btn_go span,
#utilities a.btn_newsAndInformation span,
#icontainer h2,
#icontainer p,
#icell_b ul li a span,
.categoryDescription h2,
#column1 .productControl a.btn_enlarge span,
#column2 #productOptions h4,
.generic #content h2 span,
#footer1 ul li a span { display: none; }

#utilities form label {
	line-height: 0;
	font-size: 0;
	margin: 0;
	padding: 0;
}