/*** orig: styles.css ***/
/* ==================================================== */
/* GLOBAL STYLES */
/* ==================================================== */

body {
	font: .80em/1.2 "Trade Gothic", Arial, sans-serif; /*changed from 1.33 line */
	text-align:center; /* ie 5.5(-) hack */
	color:#58595b;
	margin: 0;
	padding: 0;
	background: transparent url("../images/fadetop.jpg") repeat-x left top;
}

h1, h2, h3, h4, h5, p, ul, li, ol, dt, dd {
	margin-top: 0;
}

h1{
	color: #7C7C7C;
	font-size:3.0em;
	font-weight: normal;
	font-style:italic;
	letter-spacing:-2px;
}

h2{
	color:#bdbdbd;
	font-size:1.5em;
	font-style:italic;
	font-weight: normal;
	letter-spacing:-1px;
}
/* for ie consistency -sn */
h3 {
	font-size: 115%;
	color:  #F16B21;
}

a
{
	text-decoration:none;
	color:#58595b;
}

a:hover
{
	color:#F16B21;
}

table, tr, td
{
	border: 1px solid #999;
}
th
{
	padding-right: 20px;
}

/* Shared Classes
---------------------------
*/
a img {
	border: 0;
}

div.clearleft {
	clear:left;
}
div.clearboth {
	clear:both;
}

div.greyrule {
	border-top: 2px solid #bbbdbf;
}

div.divleft {
	width: 50%;
	float:left;
	display:inline;
}

div.divright {
	width: 48%;
	float:right;
}

div.textheavy {
	margin-left: 255px;
	width: 60%;
}

a.showlink {
/*links on the page which should always be visible, not just on hover*/
	color:#F16B21;
}

/* for user response messages - not currently used */

.success {
	color:green;
	font-weight:bold;
}

.error,
.failure {
	color:red;
	font-weight:bold;
}
/* Framework
---------------------------
*/

div#backgroundwrapper {
	background: transparent url("../images/fadebottom.jpg") repeat-x left bottom;
	text-align:left;
	margin: 10px 0 0 0;
	padding: 0 0 10px 0;
}

div#positionwrapper {
	width: 750px;
	margin: 0 auto;
	position:relative;
}
div#masthead {
	display:block;
	margin: 10px 0 0 0;
	height: 43px;
	position:relative;
	width: 750px;
	margin: 0 auto;
}

/* used on final 'clearboth' div to add whitespace to bottom of image-grid pages */

div.bottompad {
	height: 120px;
}

/* Logo
---------------------------
*/

h1#logomerrell {
	width: 160px;
	height: 26px;
	margin: 0;
	padding: 0;
	font-size: 1.0em;
	position:absolute;
	top: 0;
	left: 0;
}

h1#logomerrell a {
	padding: 0;
	margin: 0;
	display:block;
	width: 160px;
	height: 26px;
}

/* Top Navbar Menus
--------------------------
*/

ul#accountnavbar
{
	padding: 0;
	margin: 0 0 0 263px;
	list-style-type:none;
}

ul#accountnavbar li {
	float:left;
	text-align:left;
	margin: 0 20px 0 0;
}
ul#accountnavbar a {
	color:#919292;
}


ul#topnavbar {
	margin: 0;
	padding: 0;
	list-style-type:none;
	background:blue;
}

ul#topnavbar li {
	float:right;
	text-align:right;
	margin-left: 20px;
}
ul#topnavbar a, ul#accountnavbar a {
	color:#f16b21;
}

ul#navbar {
	margin: 0;
	padding:0;
}

ul#navbar {
	width: 500px;
	height: 27px;
	background: transparent url("../images/navback.png") no-repeat left bottom;
	position:absolute;
	left: 250px;
	top: 30px;
	list-style: none;
	z-index: 100;
}

ul#navbar li {
	list-style: none;
	position: absolute;
	top: 0;
}

ul#navbar li,
ul#navbar a {
	height: 20px;
	display: block;
	color: #fff;
	margin: 0;
	padding: 0;
}

ul#navbar li#nb1 { width: 80px; left: 14px; top: 3px; }
ul#navbar li#nb2 { width: 100px; left: 100px;  top: 3px;}
ul#navbar li#nb3 { width: 90px; left: 210px; top: 3px; }
ul#navbar li#nb4  { width: 110px; left: 310px; top: 3px; }
ul#navbar li#nb5  { width: 80px; left: 420px; top: 3px; }


/* dropdowns */
ul#navbar li ul {
	font-size: 90%;
	position: absolute;
	left: -9999px;
	width: 100px;
	margin: 0;
	padding: 0;
}

ul#navbar li:hover ul, ul#navbar li.sfhover ul {
	background-position:0 0;
}

ul#navbar li:hover ul, 
ul#navbar li.sfhover ul {
	left: -4px;
	z-index: 100;
}

ul#navbar li ul li {
	position: relative;
	height: auto;
}
ul#navbar li ul li * {
	color:#58595b;
	height: 16px;
}
ul#navbar li ul li a {
	text-indent: 0px;
	color: #58595b;
	display: block;
	text-indent: 0px;
	background: transparent;
	padding: 0 4px;
}

ul#navbar li ul li a:hover {
	color:#fff;
	background:transparent
}

ul#navbar li ul li.navheader {
	color:#000;
	font-weight:bold;
	margin: 0;
	padding: 10px 0 0 4px;
	background:#fff;
	width:78px;
}

/* the submenus */
ul#navbar li ul li a {
	background:#fff;
}

ul#subnavproducts,
ul#subnavproducts li,
ul#subnavproducts li a {
	width: 74px;

}

ul#subnavabout,
ul#subnavabout li,
ul#subnavabout li a{
	width: 90px;

}

ul#subnavcommunity,
ul#subnavcommunity li,
ul#subnavcommunity li a {
	width: 136px;

}

ul#subnavcontact,
ul#subnavcontact li,
ul#subnavcontact li a {
	width: 136px;
}

ul#navbar li ul li a:hover {
	background:#F16B21;
}

/* Content Wrapper
---------------------------
*/

div#contentwrapper {
	width: 750px;
	margin: 0 auto;
	height: auto;
	_height: 526px;
}

div#contentarea {
	padding: 40px 0 0;
	margin-bottom: 10px;
}

/* Footer
---------------------------
*/

div#footer {
	clear:both;
	width: 750px;
	margin: 4px auto;
}

div#footernavwrapper 
{
	float: left;
	width: 60%;
}

/* Navigation Footer
---------------------------
*/

ul#navfooter {
	list-style-type:none;
	margin: 0;
	padding: 0;
}

ul#navfooter li {
	float:left;
	margin: 0 10px 0 0;
}

ul#navfooter li a {
	font-size: 10px;
}

/* Footer Registration Form
---------------------------
*/

div.frmemailregistration {
	width: 38%;
	float:right;
	padding: 0;
	margin: 0;
	text-align:right;
}

div.frmemailregistration input.emailfield {
	border: 1px solid #737475;
}

div.frmemailregistration input.emailsubmit {
	background: #F16B21;
	border: 0;
	color:#fff;
	font-weight:normal;
	font-size: 11px;
	font-style: ;
	margin: 0;
	padding: 2px 0;
	text-transform: uppercase;
}

/* random stone positions
-----------------------------
*/

div.randpos5{
	top:300px;
	left:-300px;
}

div.randpos6{
	top:300px;
	left:1000px;
}
/* These are the safe positions for the stone */

div#randomstone{
	position: absolute;
	/*width: 270px;
	height: 270px;*/
	z-index: 1;
	display: none;
}

div#stoneimg{
	position: absolute;
	z-index: 2;
	height: 70px;
	width: 70px;
	/*border: 1px solid #000;*/
}

div#funfact{
	position: absolute;
	z-index: 1;
	height: 200px;
	width: 200px;
	/*display: none;*/
	/*border: 1px solid #000;*/
}

div.funfact{
	/*Centered on stone*/
	left: -65px; /*1/2 width of funfact graphic + 1/2 width of stone graphic*/
	top: -65px; /*1/2 height of funfact graphic + 1/2 height of stone graphic*/
}

div.funfactE{
	left: -150px; /*- width of funfact graphic + 50px overlap*/
}
div.funfactW{
	left: 20px; /* 0 + width of stone graphic - 50px overlap*/
}
div.funfactS{
	top: -150px; /* - height of funfact graphic + 50px overlap*/
}
div.funfactN{
	top: 20px; /* + height of stone graphic - 50px overlap*/
}
/*** orig: topcategoryarrows.css ***/
/* ==================================================== */
/* CATEGORY LANDING PAGES STYLES */
/* ==================================================== */

/* Overrides Framework styles.css
---------------------------
*/

div#backgroundwrapper {
	padding: 0;
}

body.catwomensfootwear div#contentwrapper,
body.catmensfootwear div#contentwrapper,
body.catkidsfootwear div#contentwrapper {
	height: 525px;
}

body.catwomensapparel div#contentwrapper,
body.catmensapparel div#contentwrapper {
	height: 450px;
}
/* Shared Classes and ID's
---------------------------
*/

/* Apparel header text */
body.category h1 {
	font-size: 5em;
	color: #fff;
	font-style: italic;
	font-weight: normal;
	line-height: .9em;
	letter-spacing: -3px;
}

/* Footwear header text */
body.category h2 {
	font-size: 3.5em;
	color: #fff;
	font-style: italic;
	font-weight: normal;
	line-height: .9em;
	letter-spacing: -2px;
}

h1 a, h2 a,
h1 a:hover, h2 a:hover {
	color: #fff;
}

div#backgroundtop {
	padding: 0;
}

ul.categorylist {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.categorylist li {
	margin: 0;
	position: absolute;
	text-align: center;
}

ul.categorylist li a {
	color: #fff;
	font-style: italic;
	padding: 0 0 0 0;
}

ul.categorylist li a:hover {
	color: #ccc;
}

/* Arrows
---------------------------
*/
.arrow1,.arrow2,.arrow3,.arrow4,.arrow5,.arrow6,.arrow7,.arrow8,.arrow9,.arrow10
{
	opacity: .9;
	filter: alpha(opacity=90);
}

.arrow1 {
	background: transparent url("../images/arrows/arrow1.png") no-repeat left top;
	width: 159px;
	height: 43px; /*67px minus padding*/
	padding: 26px 0 0 0;
}

.arrow2 {
	background: transparent url("../images/arrows/arrow2.png") no-repeat left top;
	width: 122px;
	height: 45px; /*73px minus padding*/
	padding: 28px 0 0 0;
}

.arrow3 {
	background: transparent url("../images/arrows/arrow3.png") no-repeat left top;
	width: 142px;
	height: 53px; /*84px minus padding*/
	padding: 31px 0 0 0;
}

.arrow4 {
	background: transparent url("../images/arrows/arrow4.png") no-repeat left top;
	width: 93px;
	height: 47px; /*72px minus padding*/
	padding: 25px 0 0 0;
}

.arrow5 {
	background: transparent url("../images/arrows/arrow5.png") no-repeat left top;
	width: 197px;
	height: 73px; /*117px minus padding*/
	padding: 44px 0 0 0;
}

.arrow6 {
	background: transparent url("../images/arrows/arrow6.png") no-repeat left top;
	width: 97px;
	height: 47px; /*75px minus padding*/
	padding: 28px 0 0 0;
}

.arrow7 {
	background: transparent url("../images/arrows/arrow7.png") no-repeat left top;
	width: 135px;
	height: 64px; /*104px minus padding*/
	padding: 40px 0 0 0;
}

.arrow8 {
	background: transparent url("../images/arrows/arrow8.png") no-repeat left top;
	width: 93px;
	height: 47px; /*72px minus padding*/
	padding: 25px 0 0 0;
}

.arrow9 {
	background: transparent url("../images/arrows/arrow9.png") no-repeat left top;
	width: 115px;
	height: 55px; /*89px minus padding*/
	padding: 34px 0 0 0;
}

.arrow10 {
	background: transparent url("../images/arrows/arrow10.png") no-repeat left top;
	width: 180px;
	height: 44px; /*72px minus padding*/
	padding: 27px 0 0 0;
}

/* Featured Products
---------------------------
*/
p#featuredprod1,
p#featuredprod2 {
display: none;
}

ul#featuredprodlist1,
ul#featuredprodlist2 {
	background:#fff;
	margin: 0;
	padding: 4px;
	list-style-type:none;
	position:absolute;
	display:none;
}

/* IE6 fix for the "featured product" pop-up. The right side pop-up was being narrowed. */
div.divright
 {
	float: none;
	width: auto;
}
p#featuredprod1 a,
p#featuredprod2 a,
ul#featuredprodlist1 a,
ul#featuredprodlist2 a {
	color: #929292;
}

p#featuredprod1 a:hover,
p#featuredprod2 a:hover,
ul#featuredprodlist1 a:hover,
ul#featuredprodlist2 a:hover {
	color: #F16B21;
}

p#featuredprod1,
p#featuredprod2 {
	position: absolute;
	background: transparent url("../images/arrows/arrow_white.png") no-repeat right top;
	width: 123px;
	height: 51px;
	padding: 18px 0 0 0;
	text-align: center;
	font-size: .9em;
	z-index: 3;
}

/* WOMENS APPAREL
---------------------------
*/

body.catwomensapparel div#contentwrapper {
	background: transparent url("../images/categoryphoto/W_apparel_landingPage_01.jpg") no-repeat left top;
}

body.catwomensapparel div#contentwrapper h1 {
	margin: 40px 0 0 20px;
}

body.catwomensapparel p#featuredprod1
{
	left: 20px;
	top: 240px;	
}

body.catwomensapparel ul#featuredprodlist1
{
	left: 144px;
	top: 268px;
	z-index: 10;
}


body.catwomensapparel li.cat1 {
	left: 14px;
	top: 300px;
	z-index: 3;
}

body.catwomensapparel li.cat1 a {
	font-size: 1.4em
}

body.catwomensapparel li.cat2 {
	left: 100px;
	top: 336px;
	z-index: 4;
}

body.catwomensapparel li.cat2 a {
	font-size: 1.6em
}

body.catwomensapparel li.cat3 {
	left: 254px;
	top: 314px;
	z-index: 3;
}

body.catwomensapparel li.cat4 {
	left: 242px;
	top: 217px;
}

body.catwomensapparel li.cat4 a {
	font-size: 1.2em
}

/* WOMENS FOOTWEAR
---------------------------
*/

body.catwomensfootwear div#contentwrapper {
	background: transparent url("../images/categoryphoto/W_footwear_landingPage_01.jpg") no-repeat left top;
}

body.catwomensfootwear div#contentwrapper h2 {
	margin: 280px 0 0 10px;
}

body.catwomensfootwear p#featuredprod1
{
	left: 20px;
	top: 440px;	
}

body.catwomensfootwear ul#featuredprodlist1
{
	left: 144px;
	top:  468px;
	z-index: 10;
}

body.catwomensfootwear p#featuredprod2
{
	left: 400px;
	top: 440px;	
}

body.catwomensfootwear ul#featuredprodlist2
{
	z-index: 20;
	left: 523px;
	top:  468px;
}

body.catwomensfootwear li.cat1 {
	left: 280px;
	top: 436px;
}

body.catwomensfootwear li.cat2 {
	left: 200px;
	top: 494px;
}

body.catwomensfootwear li.cat3 {
	left: 200px;
	top: 320px;
}

body.catwomensfootwear li.cat3 a {
	font-size: 1.2em
}

body.catwomensfootwear li.cat4 {
	left: 20px;
	top: 480px;
}

body.catwomensfootwear li.cat5 {
	left: 558px;
	top: 310px;
}

body.catwomensfootwear li.cat5 a {
	font-size: 1.2em
}

body.catwomensfootwear li.cat6 {
	left: 400px;
	top: 478px;
}

body.catwomensfootwear li.cat7 {
	left: 600px;
	top: 490px;
}

body.catwomensfootwear li.cat7 a {
	font-size: 1.2em
}

body.catwomensfootwear li.cat8 {
	left: 450px;
	top: 294px;
}

/* MENS APPAREL
---------------------------
*/

body.catmensapparel div#contentwrapper {
	background: transparent url("../images/categoryphoto/M_apparel_landingPage_01.jpg") no-repeat left top;
}

body.catmensapparel div#contentwrapper h1 {
	margin: 40px 0 0 20px;
}

body.catmensapparel p#featuredprod1
{
	left: 20px;
	top: 240px;	
}

body.catmensapparel ul#featuredprodlist1
{
	left: 144px;
	top: 268px;
	z-index: 10;
}

body.catmensapparel li.cat1 {
	left: 30px;
	top: 310px;
	z-index: 3;
}

body.catmensapparel li.cat1 a {
	font-size: 1.4em
}

body.catmensapparel li.cat2 {
	left: 100px;
	top: 270px;
	z-index: 2;
}

body.catmensapparel li.cat2 a {
	font-size: 1.6em
}

body.catmensapparel li.cat3 {
	left: 30px;
	top: 390px;
}

body.catmensapparel li.cat4 {
	left: 280px;
	top: 200px;
}

body.catmensapparel li.cat4 a {
	font-size: 1.2em
}

/* MENS FOOTWEAR
---------------------------
*/

body.catmensfootwear div#contentwrapper {
	background: transparent url("../images/categoryphoto/M_footwear_landingPage_01.jpg") no-repeat left top;
}

body.catmensfootwear div#contentwrapper h2 {
	margin: 280px 0 0 10px;
}

body.catmensfootwear p#featuredprod1
{
	left: 20px;
	top: 440px;	
}

body.catmensfootwear ul#featuredprodlist1
{
	left: 144px;
	top:  468px;
	z-index: 10;
}

body.catmensfootwear p#featuredprod2
{
	left: 400px;
	top: 440px;	
}

body.catmensfootwear ul#featuredprodlist2
{
	left: 523px;
	top:  468px;
	z-index: 20;
}

body.catmensfootwear li.cat1 {
	left: 172px;
	top: 436px;
	font-size: 1.2em
}

body.catmensfootwear li.cat2 {
	left: 200px;
	top: 366px;
}

body.catmensfootwear li.cat3 {
	left: 20px;
	top: 480px;
}

body.catmensfootwear li.cat3 a {
	font-size: 1.2em
}

body.catmensfootwear li.cat4 {
	left: 240px;
	top: 460px;
}

body.catmensfootwear li.cat5 {
	left: 424px;
	top: 300px;
	z-index: 2;
}

body.catmensfootwear li.cat5 a {
	font-size: 1.2em
}

body.catmensfootwear li.cat6 {
	left: 400px;
	top: 265px;
	z-index: 3;
}

body.catmensfootwear li.cat7 {
	left: 525px;
	top: 438px;
}

body.catmensfootwear li.cat7 a {
	font-size: 1.2em
}

body.catmensfootwear li.cat8 {
	left: 600px;
	top: 450px;
}

/* KIDS FOOTWEAR
---------------------------
*/

body.catkidsfootwear div#contentwrapper {
	background: transparent url("../images/categoryphoto/K_footwear_landingPage_01.jpg") no-repeat left top;
}

body.catkidsfootwear div#contentwrapper h2 {
	margin: 280px 0 0 10px;
}

body.catkidsfootwear p#featuredprod1
{
	left: 20px;
	top: 440px;	
}

body.catkidsfootwear ul#featuredprodlist1
{
	left: 144px;
	top:  468px;
	z-index: 10;
}

body.catkidsfootwear p#featuredprod2
{
	left: 400px;
	top: 440px;	
}

body.catkidsfootwear ul#featuredprodlist2
{
	left: 523px;
	top:  468px;
	z-index: 20;
}

body.catkidsfootwear li.cat1 {
	left: 100px;
	top: 444px;
}

body.catkidsfootwear li.cat1 a {
	font-size: 1.2em
}

body.catkidsfootwear li.cat2 {
	top: 470px;
	left: 186px;
}

body.catkidsfootwear li.cat3 {
	left: 187px;
	top: 340px;
}

body.catkidsfootwear li.cat4 {
	left: 580px;
	top: 310px;
}

body.catkidsfootwear li.cat5 {
	left: 487px;
	top: 437px;
}

body.catkidsfootwear li.cat6 {
	left: 603px;
	top: 450px;
}

body.catkidsfootwear li.cat2 a,
body.catkidsfootwear li.cat5 a,
body.catkidsfootwear li.cat6 a
 {
	font-size: 1.2em
}
/*** orig: search.css ***/
/* ==================================================== */
/* SEARCH PAGE STYLES */
/* ==================================================== */

div#searchforms
{
	float: left;
	width: 200px;
}

div#searchforms h1
{
	color:#7c7c7c;
	font-style: italic;
	font-weight:normal;
	font-size: 3.0em;
	letter-spacing: .01em;
	line-height: .8em;
	margin: 0 0 14px 0;
}

div#searchforms h2
{
	color:#bdbdbd;
	font-weight:normal;
	letter-spacing: .01em;
	margin: 0;
}


div#searchforms p
{
	font-size: .95em;
	margin: 0 0 12px 0;
}

div#searchforms label span.searchlabel
{
	text-indent: -999em;
	display:none;
}

div#searchforms input,
div#searchforms select
{
	width: 198px;
	border: 1px solid #7c7c7d;
}

div#searchforms select
{
	background: #aeb0b3;
	color:#fff;	
}

p.btn {
	text-align: right;
}

div#searchforms input.btnsearchsubmit
{
	background:#f16b21;
	color:#fff;
	text-align: center;
	width: 50%;
	margin: 0;
	cursor: pointer;
}

div#searchforms a.popularsearch
{
	color:#7C7C7D;
}

div#searchforms a.popularsearch:hover
{
	color:#F16B21;
}

/* Search Results
---------------------------
*/

div.searchresultstitle
{
	width: 50%;
	float:left;
}

div#searchsort
{
	width: 48%;
	float:right;
	padding: 0;
	text-align: right;
	margin: 16px 0 0 auto;
}

div.searchresultstitle p
{
	color:#bcbcbc;
	font-size:2em;
	font-style:italic;
	letter-spacing:-1px;
	margin: 0 0 0 0;
}

div#searchsort a
{
	/*color:#7C7C7D;*/
}

div#searchsort a:hover
{
	/*color:#F16B21;*/
}

div#searchsort p
{
	font-size: 0.95em;
	margin: 0;
	padding: 0 3px;
}

div#searchresultswrapper
{
	float: right;
	width: 495px; /*works well divided into 3 columns and matches nav header size */

}

div#searchresults
{
	padding: 0 0 1px 0;
	background: white url("../images/grids/searchresults_grid.gif") repeat-y top left;
}

div#searchresults div.row
{
	height: 180px;

}

div#searchresults div.col
{
	width: 33%;
	padding: 0;
	margin: 0;
	float: left;
	text-align: center;
}

div#searchresults div.col a
{
	display: block;
	width: 100px;
	margin: 0 auto 0 auto;
}

div#searchresults div.col img
{
	display:block;
	width: 100px;
	margin: 20px auto 10px auto;
}

img.searchresultsimage
{
	border-style: none;
	margin-top:30px ;
}

span.searchresultstitle
{
	display: block;
	color:#69696b;
	margin-top:10px ;
}

/* random stone positions
-----------------------------
*/
div.randpos1
{
	top:270px;
	left:220px;
}

div.randpos2{
	top:560px;
	left:-35px;
}

div.randpos3{
	top:720px;
	left:185px;
}

div.randpos4{
	top:820px;
	left:550px;
}
/*** orig: gallery.css ***/
/* ==================================================== */
/* GALLERY STYLES */
/* ==================================================== */

/* Gallery table-less framework
---------------------------
*/

div#gallery
{
	clear:both;
	margin: 0;
	padding: 0 0 1px 0;
	background: white url("../images/grids/gallery_grid.gif") repeat-y top left;
}

div#gallery div.row
{
	height: 180px;
}

div#gallery div.col
{
	width: 20%;
	padding: 0;
	margin: 0;
	float: left;
	text-align: center;
}

div#gallery div.col a
{
	display: block;
	width: 100px;
	margin: 0 auto 0 auto;
}

div#gallery div.col a:hover
{
	color:#f37021;
}

div#gallery div.col img
{
	display:block;
	width: 100px;
	margin: 20px auto 10px auto;
}

a.gallerylink:hover
{
	color:#f16b21;
}

img.galleryimage
{
	border-style: none;
	margin-top:30px ;
}

span.gallerytitle
{
	display: block;
	/*color:#69696b;*/
	margin-top:10px ;
}

/* random stone positions
-----------------------------
*/
div.randpos1
{
	top:310px;
	left:-50px;
}

div.randpos2{
	top:70px;
	left:170px;
}

div.randpos3{
	top:60px;
	left:710px;
}

div.randpos4{
	top:660px;
	left:720px;
}
/*** orig: detail.css ***/
/* ==================================================== */
/* PRODUCT SPECIFIC STYLES (used by detail and gallery templates) */
/* ==================================================== */

/* Category Information
---------------------------
*/

div#categoryarrow
{
	height: 67px;
	position:absolute;
	top: 30px;
	left:0;
}

/* Category Arrows are determined by body id - can alternatively do this with a class on the categoryarrow div */

body.womensfootwear div#categoryarrow,
body.womensapparel div#categoryarrow
{
	background: transparent url("../images/arrows/arrowstem_womens.png") no-repeat left top;
}

body.mensfootwear div#categoryarrow,
body.mensapparel div#categoryarrow
{
	background: transparent url("../images/arrows/arrowstem_mens.png") no-repeat left top;
}

body.kidsfootwear div#categoryarrow
{
	background: transparent url("../images/arrows/arrowstem_kids.png") no-repeat left top;
}

body.womensfootwear p.categoryid,
body.womensapparel p.categoryid
{
	background: transparent url("../images/arrows/arrow_womens.png") no-repeat right top;
}

body.mensfootwear p.categoryid,
body.mensapparel p.categoryid
{
	background: transparent url("../images/arrows/arrow_mens.png") no-repeat right top;
}

body.kidsfootwear p.categoryid
{
	background: transparent url("../images/arrows/arrow_kids.png") no-repeat right top;
}

p.categoryid {
	font-size:10px;
	color:#fff; 	
	padding: 26px 30px 26px 10px;
}

div#categoryinfo {
	width: 640px;
	float:left;
}

div#categoryinfo * {
	margin: 0;
	padding: 0;
}

p.categoryname {
	color:#7c7c7c;
	font-size:3.0em;
	font-style:italic;
	letter-spacing:-2px;
	margin: 30px 0 0 0;
}

ul.categorytags {
	margin: 0;
	padding: 0;
	list-style:none;
}

div#categoryinfo ul.categorytags li {
	float:left;
	width: auto;
	margin: 0 10px 0 0;
}

ul.categorytags li a {
	color:#bdbdbd;
	font-size:1.5em;
	font-style:italic;
	letter-spacing:-1px;
	display:block;
}

ul.categorytags li a:hover {
	color:#F16B21;
}

/* Shopping Cart Tab
---------------------------
*/
div#shoppingcart {
	background-color:#F16B21;
	width: 100px;
	padding: 0;
	/*margin: 0 0 0 650px; */
	margin: 46px 0 0 auto;
}

div#shoppingcart p {
	color:#fff;
	font-size: 0.95em;
	margin: 0;
	padding: 0 3px;
}


div#shoppingcart p a {
	color:#fff;
	display:block;
}

div#blankshoppingcart { /* ie 6 and 7 is requiring this, without this the category id arrow does not display */
	width: 100px;
	padding: 0;
	/*margin: 0 0 0 650px; */
	margin: 46px 0 0 auto;
}

/* Product Content
---------------------------
*/

div#productleft {
	width: 310px;
	float:left;
	display:inline;
}

div#productright {
	width: 405px;
	float:right;
	background: white;
}

div#productcontent {
	clear:both;
	border-top: 2px solid #bbbdbf;
	width: 750px;

}

div#productcontent h1 {
	font-size: 2.0em;
	font-weight:normal;
}

body.mensfootwear div#productcontent h1,
body.mensapparel div#productcontent h1 {
	color:#71b7c6;
}

body.womensfootwear div#productcontent h1,
body.womensapparel div#productcontent h1 {
	color:#F0B849;
}

body.kidsfootwear div#productcontent h1 {
	color:#73A2D6;
}

/* Overview and Tech Specs Navigation
---------------------------
*/


ul.navproddetails {
	margin: 0;
	padding: 0;
	list-style-type:none;
	height: 20px;
}


ul.navproddetails li {
	background: #bdbdbd;
	width: 90px;
	height: 20px;
	margin: 0 6px 0 0;
	padding: 4px 0 0 0;
	text-align:center;
	font-size: 11px; /*fixed size to stay within tab*/
	float:left;
}
ul.navproddetails li a {
	color:#fff;
	font-weight:bold;
	display:block;
	width: 90px;
	height: 20px;
}

ul.navproddetails li.on {
	background: #e6e6e7;
}

ul.navproddetails li.on a.on {
	color:#666;
}


div#proddetailswrapper {
	clear:both;
	height: 240px; /*180px;*/
	overflow:auto;
	background:#e6e6e7;
	width: 310px;
}

div#proddetailswrapper * {
	color:#6e6e6e;
}

div#pdinnerwrapper {
	width: 90%;
	margin: 6px auto;
}

div#pdinnerwrapper ul {
	margin: 0 0 0 1em;
	padding: 0 0 0 .25em;
}

div#techspecs {
	display:none;
}

div#buynow {
	display:none;
}

ul#buyatstorelist {
	list-style-type:none;
	margin: 0;
	padding: 0;
}

ul#buyatstorelist li {
	width: 90%;
	margin: 0 1% 8px 0;
	border: 1px solid #999;
}

ul#buyatstorelist li a {
	display: block;
	padding: 5px;
}

ul#buyatstorelist li a:hover {
	color:#F16B21;
	}


/* Order Details
---------------------------
*/

p.price {
	text-align:right;
	font-size: 1.6em;
	margin: 10px 0 0 0;
}

div.addtocart {
	width: 310px;
	margin:0 0 20px 0;
}
div.addtocart label {
	width: 60px;
	float:left;
	display:block;
}

div.addtocart label span.attlbl {
	float:left;
}

div.addtocart .fldattribute{
	float:right;
	width: 250px;
	margin:3px 0;
	background:#999;
	color:#fff;
	padding: 2px 1px;
	font-size: .8em;
	border: 1px solid #999;
}

div.addtocart p {
	margin: 3px 0;
}

div.addtocart p.submitbuttons {
	text-align:right;
	margin: 0 0 10px 60px;
}

div.addtocart input.btnaddcart,
div.addtocart input.btnaddwish
{
	cursor: hand;
	display: inline;
	padding: 4px;
	width: 120px;
	border: 0;
	color:#fff;
	font-size: .75em;
	cursor: pointer;
}

div.addtocart input.btnaddcart
{
	background: #F16B21;
}

div.addtocart input.btnaddwish
{
	background: #bdbdbd;
}

div.addtocart input.btnaddcart
{
	margin: 10px 0 0 10px;
}
div.addtocart input.btnaddwish
{
	margin: 10px 0 0 0;
}

p.sizefield {
	width: 50%;
	float:left;
}

p.widthfield {
	width: 46%;
	float:right;
}

p.sizefield .fldattribute,
p.widthfield .fldattribute {
	width: 61%;
}

p.colorfield .fldattribute {
	width: 80%;
}

p.sizefield label,
p.widthfield label,
p.colorfield label {
	width: 100%;
	margin: 4px 0 0 0;
}

p.widthfield label
{
	text-indent: 10px;
}

p.colorfield {
	clear:both;
}

/* Main Product Image 
---------------------------
*/

div#mainimagewrapper {
	width: 100%;
	min-height: 200px; /* only recognized by some browsers, that's ok - it's not critical */
	margin: 60px 0 0 0;
	float: left;
}

div#mainimagewrapper img.mainimage
{
	float:left;
}

div#mainimagewrapper img.secondimage
{
	float:left;
	margin: 0 0 0 40px;
}

div#mainproddescription
{
	width: 100%;
	float: left;
}

p.enlargeimage {
	width: 46%;
	float:left;
}

p.enlargeimage a {
	font-size: 1.2em;
	color:#f16b21;
}

p.productdescription {
	width: 50%;
	float:left;
	color:#58595B;
}

/* Alternate Colors
---------------------------
*/

div#alternatecolors {
	width: 405px;
	background:#fff;
	margin: 0 0 20px 0;
}

div#alternatecolors p {
	margin: 0;
	padding: 0;
}
div#alternatecolors img {
	float:left;
	margin: 0 3px 6px 0;
	display:block;
}

div#alternatecolors p.title {
	color:#4f5055;
	font-size: .95em;
}

/* Mix and Match and Trail Running Quick View Navigation
---------------------------
*/

ul.navaltproducts {
	list-style-type:none;
	margin: 0;
	padding: 0;
}

ul.navaltproducts li {
	display:block;
	background: #bdbdbd;
	padding; 4px;
	width: 25%;
	float:left;
	margin: 0 6px 0 0;
	text-align:center;
}
ul.navaltproducts li a {
	color:#fff;
	display:block;
	width: 100%;
}

ul.navaltproducts li a:hover {
/*	background:#333; */
}

ul.navaltproducts li.on {
	background: #f16b21;
}

ul.navaltproducts li.on a.on {
	color:#fff;
}

div#quickview,
div#emailthispage {
	display:none;
}

/* Rollover Hover Blocks
---------------------------
*/

.hovertip {
	position: relative;
    display: none; /* in case javascript is disabled */

	background-color: #fff;
	z-index: 100;
	/*margin-left:6px;
	margin-top: 2px;*/
	padding: 6px;
	border: 2px solid #afb0b4;
}


/* Mix and Match
---------------------------
*/

div#mixandmatch {
	width: 750px;
	margin: 10px 0;
	clear:both;
	background: white url("../images/grids/mm_grid_4up.gif") repeat-y left top;
	padding: 0 0 1px 0;
}

div#mixandmatch div.row {
	height: 150px;
	width:750px;
	padding: 0 1px; /* take up leftover space from combined column widths below */
}

div#mixandmatch div.col {
	width: 187px; /*slightly less than one-quarter of 750px, percentages don't work well here for rounding errors in some browsers */
	height: 150px;
	margin: 0;
	padding: 0;
	float:left;
	text-align:center;
	
}

img.mmimage
{
	border-style: none;
	display:block;
	margin: 6px auto;
}
a.mmlink {
	display:block;
	color:#58595B;
}

a.mmlink:hover {
	color:#F16B21;
}


/* Trail Running Quick View
---------------------------
*/

div#quickview {
	clear:both;
	margin: 10px 0 0 0;
	background: white url("../images/grids/quickview_grid.gif") repeat-y left top;
	width: 750px;	
	padding: 0 0 1px 0;
}

div#quickview div.row {
	height: 60px;
	width: 750px;
	padding: 0 3px;
}

div#quickview div.col {
	width: 62px;/*slightly less than one-twelfth of 750px, percentages don't work well here for rounding errors in some browsers */
	height: 60px;
	float:left;
	text-align: center;
}

img.quickviewimage
{
	border-style: none;
	/*width:60px;*/
	margin: 0px auto;
}

div#quickview .prodtitle {
	font-size: .8em;
}

/* Used by the js pop-up */
.infoboxover
{
	display: none;
	position: absolute;
	width: 220px;
	text-align: left;
	border: 2px solid #86c6d4;
	padding: 10px;
	background: #fff;
}

/* Email This Page To A Friend
---------------------------
*/
div#emailfriendformwrapper {
	width: 730px;
	margin: 20px auto;
}

div#ememails {
	width:220px;
	float:left;
	display:inline;
}

div#ememails input {
	width: 200px;
	border: 1px solid black;
}

p.emnotes {
	width: 300px;
	float:left;
	display:inline;
}

p.emnotes textarea {
	width: 300px;
	height: 100px;
	border: 1px solid black;
}

div#emailfriendformwrapper input {
	border: 1px solid black;
}

div#emailfriendformwrapper input.emailbutton {
	background-color: #F16B21;
	color: #fff;
	border: 0px;
}

p.emsubmit {
	width: 130px;
	float:left;
	margin: 102px 0 0 20px;
}

/*** orig: shoppingcart.css ***/
/* ==================================================== */
/* GALLERY STYLES */
/* ==================================================== */

/* Shopping Cart Table-less framework
---------------------------
*/

div#shopcontents
{
	clear:both;
	margin: 0;
	padding: 0;
	/*border: 1px solid grey;*/
}

div#shopheader
{
	clear:both;
	margin: 0 0 10px 0;
	padding: 0;
}

p.shopname {
	color:#7c7c7d;
	font-size:3.0em;
	font-style:italic;
	letter-spacing:-2px;
	margin: 30px 0 0 0;
}

div#shopbody,div#shopdonate
{
	padding: 0 0 1px 0;
	background: transparent url("../images/grids/shop_grid.gif") repeat-y top left;
}

div#shopdonate
{
	margin: 40px 0;
}

div#shopbody div.row,
div#shopdonate div.row
{
	height: 150px;
}

div#shopbody div.shopcol1,
div#shopdonate div.shopcol1
{
	width: 150px;
	height: 150px;
	padding: 0;
	margin: 0;
	float: left;
	text-align: center;
	background: white url("../images/grids/shop_grid.gif");
	overflow: hidden;
}

div#shopbody div.shopcol2,
div#shopdonate div.shopcol2
{
	width: 340px;
	height: 110px;
	padding: 20px 0 0 20px;
	margin: 0;
	float: left;
	text-align: left;
}

div#shopbody div.shopcol3,
div#shopdonate div.shopcol3
{
	width: auto;
	height: 90px;
	padding: 20px 0 0 20px;
	margin: 0;
	float: left;
	text-align: left;
}

div#shopfooter
{
	clear: both;
	text-align:center;
}

input.shopbutton
{
	background:#F37021 none repeat scroll 0%;
	border:0;
	color:#fff;
	margin: 10px 20px;
	cursor: pointer;
}

/* Shopping Cart Internal Styles
---------------------------
*/


img.shopimage
{
	border-style: none;
	margin-top:30px ;
}

div#shopbody span.shoptitle,
div#shopdonate span.shoptitle
{
	font-size: larger;
	display: block;
	font-weight: bold;
}

ul.shopattlist li
{
	list-style-image: none;
}

div#shopbody .shopstyletag,.shopgendertag,.shopcolortag,.shopsizetag,.shopwidthtag,.shoppricetag
{
	font-weight: bold;
}

div#shopdonate p
{
	margin: 0;
}

a.shopbuttonadd,a.shopbuttonedit,a.shopbuttonremove
{
	display: block;
	margin-bottom: 10px;
	color: #F37021;
	padding: 0 2px;
}

div.prodatt { /* product attributes */
	width: 40%;
	float:left;
}

div.shopnotes { /* product notes */
	width: 55%;
	float:right;
	margin-right: 2%;
}
/*** orig: cql_override.css ***/
.SkipNav
{
	width: 0;
	height: 0;
	overflow: hidden;
	color: green;
}

div.frmemailregistration .subscriptioninfo {
	color:#f16b21;
}
div.frmemailregistration .SubscriptionThankYou 
{
	display: none;
}
p.sizefield label, p.widthfield label,
p.colorfield label 
{
	width: auto;
}
div.addtocart label 
{
	width: 55px;
}
div#emailfriendformother
{
	display: none;
	margin-top: 3em;
	text-align: center;
}
p.categoryname a
{
	color: #7c7c7c;
}
p.categoryname a:hover
{
	color: #F16B21;
}

p.categoryid a
{
	color: #FFFFFF;
}

p.categoryid a:hover
{	
	color: #FFFFFF;
}

div.frmemailregistration,
div.emailregistrationother,
div#emailfriendformwrapper,
div#emailfriendformother
{
	/* this fixes an IE font corruption on cleartype screens */
	background-color: #FFFFFF;
}

div#contentwrapper
{
	min-height: 526px;
}

body.category div#contentwrapper
{
	min-height: 450px;
}

input.ordertrackingsubmit
{
	background:#F16B21 none repeat scroll 0%;
	border:0pt none;
	color:#FFFFFF;
	font-size:11px;
	font-weight:normal;
	margin:0pt;
	padding:2px 0pt;
	text-transform:uppercase;
}

p#featuredprod1, p#featuredprod2
{
	display: block;
}

img.homeimage {
	margin-right: 4px;
}

a.homeitem, a.homeitemmiddle {
	height: 84px;
}

.fileinputs img
{
	padding-top: 2px;
	vertical-align: top;
}
div#outreachwrapper div.divleft p
{
	padding-right: 10px;
}
body.catwomensfootwear li.cat20 {
	left: 140px;
	top: 276px;
}
body.catmensfootwear li.cat20 {
	left: 59px;
	top: 317px;
}