/*
PRELIMINARY COLOR KEY
  black         color:rgb(0,0,0);
  header grey   color:rgb(216,217,219);
  main grey     color:rgb(171,174,165);
  gunmetal      color:rgb(35,31,32);
  copper        color:rgb(155,100,72);
  brown         color:rgb(84,51,49);
 */

body {font-family:Helvetica, Arial, sans-serif; font-size:13px; color:#231F20;} /*main grey*/
body.wholesale{ background-color: #231F20;}


textarea {font-family:Helvetica, Arial, sans-serif;} /*ff2 and ff3 seem to need this despite the body above*/

a {text-decoration:none;}
a:link, a:visited {color:rgb(155,100,72);} /*copper*/
a:hover, a:active {color:rgb(35,31,32);} /*gunmetal*/

h1, h2, h3, h4, h5 {font-weight:normal;}

input, textarea {font-size:12px;}

img {border: 0px solid #999;} /* dear gecko, i don't like your borders */

.hidden {display:none;}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #000;
	background-color: #FFF;
	color: #000;
	padding: 0;
}
#tooltip h3{
	float: left; padding:2px 3px; border-right: 1px solid #000;}

#tooltip div {float: left; padding:2px 8px 2px 5px;}

#sending p{text-align: center;}


/* TODO - clean up aisle five */
#bigContainer {width:1000px; margin:17px auto 0px auto;}

#insideContainer {
  position: relative;
  width:998px; /* bigContainer width - (left border width + right border width) */
  margin-bottom:5px;
  border:1px solid black;
  overflow:hidden; /*needed to properly contain the flowing content*/
}

#insideContainer.collectionsPage{
	position: relative;
	height: 696px;
}

.collectionsPage #content #goShopping{
	position: absolute;
	bottom: 30px;
	right: 70px;
	color: #000;
	font-style: italic;
	font-family: "Times New Roman", serif;
	font-size: 21px;
}

#collectionsContainer{
	position: absolute;
 	width: 100%;
}

#moreCollectionsContainer{
	position: relative;
	width: 1040px;
	height: 650px;
}

#moreCollectionsContainerInner,
#collectionsContainerInner{
  position: relative;
  width:100%; /* set dynamically to fit */
  height:100%;
}

#collectionsPopup{
	position: relative;
	overflow: hidden;
}

#collectionsPopup .cancel{bottom:15px; right:20px; background: transparent url(/images/close.gif) top left no-repeat;}

#moreCollectionsContainerInner{
  background: #FFF;
}

#collectionsContainer .collectionItem{
	position: relative;
}

#moreCollectionsContainer img,
#collectionsContainer .collectionItem{
  clear: none;
  float: left !important;
}

#launch360{
	position: absolute;
	margin: 0 0 0 0;
	bottom: 15px;
	left: 20px;
	color: #000;
	font-size: 26px;
}

#launch360 .enter{
	display: block;
	font-size: 16px;
}

#launch360 .mega{
	display: block;
	font-size: 9.15px;
}

#goShopping{
	margin: 0 0 0 0;
	position: absolute;
	bottom: 15px;
	right: 130px;
	color: #000;
	font-size: 21px;
	font-family: "Times New Roman", serif;
	font-style: italic;
}

.collections {position: absolute; top: 30px; left: 300px;}
.collections .themes{float: left;}
.collections li span{display: block; float: left; margin: 0 20px 0 0;}
.collections li span a{color: #000000;}
.collections li span a:hover{color:rgb(155,100,72);}
.collections li {float: left; clear: left; margin: 0 0 5px 0; font-size: 12px !important;}
.collections li.selected a{color: #9B6448;}
.collections li.archives{margin-top: 15px; font-size: 12px;font-style: italic; font-family: Times, serif; color: #000000;}
.collections .themes li{float: left; clear: none; margin: 0 5px 0 0;}
.collections .themes li a{color:#000;}
.collections .themes li a:hover{color:rgb(155,100,72);}
.collections .themes li.selected{font-weight: bold;}
.collections #season{font-size: 12px; color: #54534A; font-style: italic; font-family: Times, serif; margin-right: 15px;}
.collections #group{font-size: 12px; color: #54534A; font-style: italic; font-family: Times, serif;}

.wholesale #insideContainer{background-color: #FFF;}
#insideContainer-single {
  width:998px; /* bigContainer width - (left border width + right border width) */
  margin-bottom:5px;
  border:1px solid black;
  overflow:hidden; /*needed to properly contain the flowing content*/
}
#insideContainer.narrow {width: 558px; margin:0 auto 5px auto;}

#content {
  float:right;
  display:inline; /*avoid IE6 float double margin, IE SKULL SKULL*/
  width:679px;
  margin:9px 20px 0 0;
}

.narrow #content{
	width: 538px;
}

#insideContainer.collectionsPage #menu{
	position: absolute;
	top: 0;
}

#menu {width:166px; height:680px; margin: 0 19px 0 114px; padding:2px 0 14px 0; background: transparent url(/images/navBG.png) top left repeat;}
#menu ul{display:block;}
#menu ul li {position:relative; float:left; clear:left;}
#menu ul li a {display:block; width:166px; text-indent: -5000em;}

#menu #mi1 a {height:55px; background:transparent url(/images/logo2.png) 0 0 no-repeat;} /*default value needed by IE7*/
#menu #mi1 a span {position:absolute; display:block; width:100%; height:100%;}

#menu #mi2 a {height:135px; background:transparent url(/images/nav-sprite.png) -166px -55px no-repeat;}
#menu #mi2 a.selected,
#menu #mi2 a:hover {background-position: 0 -55px;}

#menu #mi3 a {height:40px; background:transparent url(/images/nav-sprite.png) -166px -190px no-repeat;}
#menu #mi3 a.selected,
#menu #mi3 a:hover {background-position: 0 -190px;}

#menu #mi4 a {height:105px; background:transparent url(/images/nav-sprite.png) -166px -230px no-repeat;}
#menu #mi4 a.selected,
#menu #mi4 a:hover {background-position: 0 -230px;}

#menu #mi5 a {height:125px; background:transparent url(/images/nav-sprite.png) -166px -335px no-repeat;}
#menu #mi5 a.selected,
#menu #mi5 a:hover {background-position: 0 -335px;}

#menu #mi6 a {height:40px; background:transparent url(/images/nav-sprite.png) -166px -460px no-repeat;}
#menu #mi6 a.selected,
#menu #mi6 a:hover {background-position: 0 -460px;}

#menu #mi7 a {height:180px; background:transparent url(/images/nav-sprite.png) -166px -500px no-repeat;}
#menu #mi7 a.selected,
#menu #mi7 a:hover {background-position: 0 -500px;}

#auxMenu {width:147px; margin:63px 28px 9px 124px; font-size:14px; line-height:1.2;}
#auxMenu h3 {margin-top:34px; font-size:21px; line-height:1; color:rgb(101,102,93);} /*bonus grey*/
#auxMenu p {font-size:13px; font-weight:normal;}
#auxMenu ul li {margin-bottom:1px; margin-left:24px;}
/*special link colors (inverted) for the secondary menu*/
#auxMenu a:link, #auxMenu a:visited {color:rgb(35,31,32);} /*gunmetal*/
#auxMenu a:hover, #auxMenu a:active {color:rgb(155,100,72);} /*copper*/

#navWrapper{
	position: relative;
	overflow: hidden;
	width: 1000px;
}

#actionsNav{
	float:right;
	margin-bottom: 5px;
}

#actionsNav li{
	display: inline;
	font-size: 11px;
	color: #231F20;
}

#actionsNav li a{
	color: #231F20;
}

.wholesale #actionsNav li,
.wholesale #actionsNav li a{
	color: #FFF;
}

#storeNav{
	clear:both;
	float: right;
	border-left: 1px solid #000;
	overflow: hidden;
}

.wholesale #storeNav{
	background-color: #FFF;
}

#storeNav li{
	display: block;
	float: left;
	display: inline;
	font-size: 15px;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
}

#storeNav li a{
	display:block;
	padding: 5px 8px 3px 8px;	
	color: #231F20;
	text-transform: uppercase;
}

#storeNav li.selected a,
#storeNav li a:hover{
 	background-color: #42423A;
	color:#FFF;
}

#footer {font-size:11px; padding-bottom: 20px; color:#231F20;}
#footer a:link, #footer a:visited {color:#231F20;} /*main grey*/
#footer a:hover, #footer a:active {color:#231F20;} /*gunmetal*/  /*not sure why this needs to be here since its the base style*/
#footer #contact {float:left; width:390px; font-weight:bold;}
#footer #otherGroup {float:right; width:610px;}
#footer #otherGroup #main {float:left; font-weight:lighter;}
#footer #otherGroup #junk {float:right; font-style:italic;}
#footer img { vertical-align: middle;}

.wholesale #footer{color:#FFF;}
.wholesale #footer a,
.wholesale #footer a:link,
.wholesale #footer a:hover{color:#FFF;}

p.footer{ clear: both; text-align: center; font-size: 12px; line-height: 14px; margin-bottom: 80px; }
p.footer a{ color: #231F20;}



/*------- STYLES THAT MIGHT MOVE TO OTHER PAGES ---------------------------------- */

.soon {margin-top:40px; font-size:90px; color:#231F20;} /*header grey*/
.shoelala{margin-top:35px; color:rgb(0,0,0);font-size: 125px;}
.shoelala em{font-family: "Times New Roman", serif;}


.almostBlack {color:rgb(0,0,0);} /*black*/
.mainBrown {color:rgb(155,100,72);} /*copper*/
.darkBrown {color:rgb(84,51,49);} /*brown*/
.grey {color:#231F20;} /*header grey*/

/*.veryLargeText {font-size:138px;}*/
.largeText {font-size:61px;}
.mediumText {font-size:18px;}

input.text{color:#231F20;}
textarea.text{color:#231F20; padding: 3px 0 0 3px;}


.form-section {margin-bottom:2px;overflow: hidden;}
.form-section-group-state{width: 85px;float: left;margin-right: 4px;}
.form-section-group-zip{width:150px;float: left;}
#mediaSignup .form-section {margin-bottom:8px;}

.flash_notice_alt {font-family: "Times New Roman", Times, serif; font-size:17px; font-style:italic; color:rgb(155,100,72);} /*copper*/
.flash_error{color:rgb(155,100,72) !important;}

#about h2 {margin-bottom:18px; margin-left:-10px; font-size:154px; letter-spacing:-5px; color:#231F20;} /*header grey*/
#about #proPlay {position:relative; width:154px; height:17px; margin:-30px 0 20px 48px; background: #fff url(/images/playbutton.png) 0 0 no-repeat;}
#about #proPlay:hover {cursor:pointer;/* opacity:0.49;*/}
#about #proPlay #media {width:0; height:0;} /*firefox fails to render content if visibility:hidden is used, make it 0x0 instead*/
#about p {margin-bottom:16px; font-size:14px; line-height:1.4;}


/* poor choice for an id but footprints is already taken for the nav, needs to be reorg'ed */
#prints {margin-top:182px;}
#prints h2 {margin-bottom:4px; letter-spacing:-2px;}
#prints h4 {font-size:16px;}
#prints p {margin-top:3px; margin-bottom:7px; font-size:12px;}

/* WHERE */
#where {font-size:12px; padding-top: 13px; padding-left: 3px; position: relative; overflow: hidden; _height:1%; }
#where a{color:#231F20;}	
#where a.selected, #where a:hover{color:#9B6448;}
#where #domestic {margin-bottom: 30px; width: 150px;}
#where #domestic p{margin: 0 0 15px 0;}
#where #domestic ul:after{clear: both; display: block; visibility: hidden; height: 0; content: ".";}
#where #domestic li{float:left; line-height: 1.45; padding-right: 3px; font-size: 11px; width:26px;}
#where #domestic li a{display: block; width: 22px; float: left; text-align: center;}
#where #domestic li.row{clear:left;}
#where h2{color:#231F20; margin-bottom: 2px;}
#where #virtual {margin-bottom: 30px;}
#where #abroad {margin-bottom: 68px;}
#where #abroad p{line-height: 1.2;}
#where form button{margin-top: 5px;}
#where #tradeshows {margin-top: 30px;}

#where #where-nav{ float:left; width:155px;}
#locations{float: left; width: 510px; overflow: auto; height: 640px;}
#locations h2{margin-bottom: 15px; color: #000000; font-weight: bold; line-height: 1;}
#locations h3{color:#231F20; font-size: 11px; text-transform: uppercase;}
#locations .store-col{width:165px; float:left;}
#locations ul{width: 165px;}
#locations ul li{float:left; clear:left; width: 165px; height: 84px; line-height:1.2;}
#locations ul li p{color: #231F20; line-height: 1.3;}
#locations ul li a{color:#9B6448;}
#locations p.no-locations{line-height: 1.3;}
#locator h2{color:#543331;}
#locator input#zip{margin-top:2px; width:106px;}



/* FAQS */
#faqs {font-size: 14px; padding:0 30px 60px 0;}
#faqs h2{color: #9B6448; font-size: 40px; font-weight: normal; margin: 65px 0 15px 0;}
#faqs h3{color: #231F20; font-size: 14px; font-weight: normal; text-transform: uppercase; margin:1em 0 0 0; line-height: 1.5;}
#faqs p{line-height: 1.4;}
#faqs ul{margin-bottom: 1.5em; padding-left: 40px;}
#faqs li{line-height: 1.4; list-style-type: disc;}

#collect {margin-top:-32px;}
#collect h2 {margin-bottom:-6px;}
#collect p {line-height:1.2; color:rgb(35,31,32); font-size: 12px;} /*gunmetal*/
#collect h5 {margin-top:15px; margin-bottom:1px; font-size:12px;}
#collect h5#joinOurList {margin-top:36px;}


#tales h1 {margin-left:-6px; font-size:152px; letter-spacing:-3px; color:#231F20;}
#tales h4 {margin-top:-10px; margin-bottom:35px; font-size:14px; color:rgb(35,31,32);} /*gunmetal*/
#tales .entry {margin-bottom:38px; padding-bottom:18px; border-bottom:2px dashed rgb(94,94,97);}
#tales div.last {margin:0px; padding:0px; border-style:none;}
#tales .entry .title {margin-bottom:4px; font-size:20px; color:rgb(0,0,0);} /*black*/
#tales .entry .date {margin-bottom:14px; font-size:12px; text-transform:uppercase;}
#tales .entry .caption {margin-top:-3px; margin-bottom:3px; font-family: "Times New Roman", Times, serif; font-style:italic;}
#tales .entry .content {font-size:14px; line-height:1.4; color:rgb(101,102,93);} /*bonus grey*/
#tales .entry .content p {margin-bottom:21px;}
#tales .pagination {padding-top:18px; padding-bottom:18px; border-top:2px dashed rgb(94,94,97);}

#shopshop {margin-top:-32px;} /*should be the same as #collect*/
#shopshop h5 {margin-top:-6px; font-size:12px;}


#secretary {font-size:12px; line-height:1.2; margin-top: 13px; padding-left: 20px;}
#secretary h2{color: #231F20;}
#secretary h2.studio{margin-top: 70px;}
#secretary p{color: #231F20; margin-bottom: 30px;}


#newsletter {margin-top:8px;}
#newsletter h2 {margin-bottom:27px; font-size:139px; letter-spacing:2px; color:#231F20;} /*header grey*/
#newsletter h5 {font-size:12px; color:rgb(0,0,0);} /*black*/
#newsletter p {margin-top:2px; margin-bottom:19px; font-size:12px; line-height:1.1;}

#newsletterUnsubscribed h5 {margin-top:15px; font-family: "Times New Roman", Times, serif; font-size:20px; font-style:italic; color:rgb(0,0,0);} /*black*/
#newsletterUnsubscribed p {margin-top:12px; font-size:12px; line-height:1.2;}

#newsletterManage h5 {margin-top:10px; color:rgb(0,0,0);} /*black*/
#newsletterManage p {margin-top:3px; font-size:12px; line-height:1.2;}
#newsletterManage form h5 {margin-top:32px;}
#newsletterManage form input#email {margin-top:6px;}

#mediaSignup {position:relative; font-size:12px; padding-right: 80px;}
#mediaSignup #message {margin:20px 0 21px 0;}
#mediaSignup #message h5 {margin-bottom:3px; color:#000; font-size: 12px;}
#mediaSignup #message p {margin-bottom:12px; line-height:1.2;}
#mediaSignup #message p.last {margin-bottom:0;}
#mediaSignup #leftColumn, #mediaSignup #rightColumn {display:inline; width:250px;}
#mediaSignup #leftColumn {float:left; margin-right:19px;}
#mediaSignup legend {color:rgb(84,51,49); margin: 0 0 5px 0; font-size: 12px;}
#mediaSignup fieldset {margin-bottom:17px;}
#mediaSignup fieldset.last {margin-bottom:0;}
#mediaSignup #store_information_product_type {width:236px; /*color:black;*/}
#mediaSignup #store_information_product_type option {color:black;}
#mediaSignup p.uploadNote {width:245px; margin-top:10px; line-height:1.2;}
#mediaSignup p.note {margin-top:21px;}
#mediaSignup div.formError {margin-top:-3px; margin-bottom:5px; color:black;}
#mediaSignup input{color: #231F20;}
#mediaSignup div.fieldWithErrors input, 
#mediaSignup div.fieldWithErrors select, 
#mediaSignup div.fieldWithErrors textarea {background:red;}
#mediaSignup .hidden_default {width:0; height:0; visibility:hidden; line-height:0;/*ie6 sucks*/}
#mediaSignup select {background:rgb(255,255,254); width: 243px; padding: 2px 0 2px 2px;}
#user_information_state {width:80px;}
#user_information_postal_code{width:143px;}

#retailSignup {position:relative; font-size:12px;}
#retailSignup input{margin-bottom: 5px;}
#retailSignup #message {width:600px; margin-top:10px; margin-bottom:21px;}
#retailSignup #message h5 {margin-bottom:3px; color:rgb(0,0,0);} /*black*/
#retailSignup #message p {margin-bottom:12px; line-height:1.2;}
#retailSignup #message p.last {margin-bottom:0;}
#retailSignup #leftColumn, #retailSignup #rightColumn {display:inline; width:250px;}
#retailSignup #leftColumn {float:left; margin:0 19px 20px 0;}
#retailSignup #leftColumn textarea{padding: 3px; margin-top: 3px; width: 230px;}
#retailSignup legend {color:rgb(84,51,49)}
#retailSignup fieldset {margin-bottom:17px;}
#retailSignup fieldset.last {margin-bottom:0;}
#retailSignup #store_information_product_type {width:236px; /*color:black;*/}
#retailSignup #store_information_product_type option {color:black;}
#retailSignup p.uploadNote {width:245px; margin-top:16px; line-height:1.2;}
#retailSignup p.note {margin-top:21px;}
#retailSignup div.formError {margin-top:-3px; margin-bottom:5px; color:black;}
#retailSignup div.fieldWithErrors input, 
#retailSignup div.fieldWithErrors select, 
#retailSignup div.fieldWithErrors textarea {background:red;}
#retailSignup .hidden_default {width:0; height:0; visibility:hidden; line-height:0;/*ie6 sucks*/}
#retailSignup select {background:rgb(255,255,254);}
/* 
  oddly safari 3.1 will only display colored text if the background is non-white. 
  transparent is fine, rgb(255,255,254) is fine - just not white
  firefox displays the text color in the background if the background is trans,
  so use almost white then
*/
#retailConfirmation {margin-top:182px;}
#retailConfirmation h5 {margin-bottom:4px; font-size:16px; color:rgb(84,51,49);} /*brown*/

#legal {font-size: 20px; color: #231F20; padding-right: 30px;}
#legal h2{font-size: 40px; color: #231F20; margin: 65px 0 15px 0;}
#legal p{line-height: 1.2;}

#checkout-legal h2{font-size: 40px; color: #000000; margin: 20px 0 15px 0;}
#checkout-legal h3{margin-top:38px; margin-bottom:5px; font-size:19px;  color: #000000;}
#checkout-legal p{line-height: 1.3; font-size: 15px !important; color: #000000;}
#checkout-legal form{margin:15px 0 0 0; font-size: 15px;}
#checkout-legal label{color:#000000;}


#legals {margin-top:65px; margin-right:43px;}
#legals h2 {margin-bottom:-25px; font-size:48px; color:#231F20;} /*grey*/
#legals h4 {margin-top:38px; margin-bottom:5px; font-size:19px; color:rgb(0,0,0);} /*black*/
#legals h5 {margin-top:19px; margin-bottom:2px; font-family: "Times New Roman", Times, serif; font-size:18px; font-style:italic; color:rgb(0,0,0);} /*black*/
#legals p {margin-bottom:21px; font-size:14px; line-height:1.4;}
#legals .indent {margin-left:35px;}

#userLogin {margin-top:12px;}
#userLogin h5 {margin-bottom:5px; font-size:12px; color: #54534A;}
#userLogin h5 span{color:#9B6448;}
#userLogin input.default-value, #userLogin input#password{margin: 0 0 5px 0; width: 235px;}
#userLogin input#login{margin: 0 0 10px 0; width: 235px;}
#userLogin .new_account { margin-top: 18px; font-size:18px;}

#passwordHelp {padding: 25px 0 0 10px; font-size: 12px;}
#passwordHelp h2{color:#54534A; text-transform: uppercase; }
#passwordHelp p{color:#231F20; margin-bottom: 10px; line-height: 1.2;}
#passwordHelp form input{color:#231F20; width: 200px;}
#passwordHelp form div{margin-bottom: 5px;}

#accountLogin {font-size: 12px;}
#accountLogin h2{margin-top: 10px; line-height: 1.5; color: #54534A; font-size: 12px;}
#accountLogin h2 span{color:#9B6448;}
#accountLogin input.default-value{color:#231F20; margin-bottom: 5px; width: 235px;}
#accountLogin input.btn{color:#000;}
#accountLogin form{margin-bottom:55px;}

#loggedOut{ background: transparent url(/images/logged-out.gif) top left no-repeat; width: 523px; height: 86px; text-indent: -5000em; margin: 220px 0 0 100px;}

#thanks{background: transparent url(/images/thank-shoe.gif) top left no-repeat; width: 517px; height: 114px; text-indent: -5000em; margin:200px 0 25px 100px;}
#thankShoe p{text-align: right; padding-right: 65px; color: #54534A;}
#thankShoe strong{font-weight: normal; color: #000; font-size: 25px;}
#thankShoe p.return{color:#54534A; font-size: 15px; text-transform: uppercase; margin: 30px 0 0 0;}

#orderHistory{padding:30px 0 0 20px; width: 600px; text-align: right;}
#orderHistory .goShop{font-size: 13.5px; color: #54534A;}
#orderHistory h2{border:1px solid #231F20; padding: 15px 5px 5px 10px; margin-top:3px; color: #000; font-size: 33px; position: relative; text-align: left;}
#orderHistory h2 span{font-size: 12px; color: #54534A; position:absolute; top:16px; right:10px;}
#orderHistory h3{color:#000; font-size:28px;}
#orderHistory h4{color:#9B6448; font-size:14px;}
#orderHistory h4.notShipped{color:#231F20;}
#orderHistory p{color:#000; margin-bottom: 20px;}
#orderHistory div p{margin-bottom: 0; font-size: 14px; line-height: 1.3;}
#orderHistory div p span{color:#54534A;}
#orderHistory ul{border:1px solid #ABAEA5;border-top:none; text-align: left; margin-bottom: 0; overflow: auto; height: 520px;}
#orderHistory ul li{border-bottom:1px solid #ABAEA5;padding:20px 20px 23px 10px; position: relative; height: 115px;margin-bottom: -3px ;}
#orderHistory a.details{position: absolute; bottom:30px; right:30px; font-style: italic; font-size: 12px; font-family: "Times New Roman";}

#share {width:493px; font-size: 12px; padding-top: 15px;}
#share h2{padding-left:15px; color:#54534A; font-size:63.5px;}
#share h3{padding-left:16px; color: #54534A; margin-bottom: 8px; margin-top: -5px;}
#share #sender_name{margin-top:5px;}
#share #recipient_name{margin-top: 3px;}
#share form{border-top: 1px solid #000; padding:20px 0 40px 0; }
#share fieldset h2{color: #231F20; padding-left: 15px;}
#share fieldset#to{ margin-bottom: 20px; padding:5px 0 20px 0; border-bottom: 1px solid #000;}
#share fieldset#to h2{font-size: 132px; float: left; letter-spacing: -.025em;}
#share fieldset#from h2{font-size: 65.5px; float: left; letter-spacing: -.025em;}
#share fieldset div{width:240px; float: right; margin-right: 20px;}
#share input, #share textarea{width: 232px; margin-bottom: 5px; color: #231F20; padding-left: 5px;}
#share textarea {padding:5px; width: 227px; height: 90px;}
#share label{color:#543331; font-size: 11px;}
#share span{color: #543331; padding-left: 5px;}
#share p.checkboxgroup{float:none; margin-bottom: 15px; padding-top: 15px; color: #54534A;}
#share .checkboxgroup p{line-height: 19px;}
#share .checkboxgroup input{width: auto; margin: 0 0 5px 0;}
#share .buttonRow {margin-left: 235px; width:250px; position: relative;}

#jqibuttonCancel,
.cancel{text-indent: -5000em; width: 77px; height: 27px; background: transparent url(/images/cancel.gif) top left no-repeat; border: none; position: absolute; right: 0; cursor: pointer; margin-right: 2px;}

#changeUserInfo {width:265px; font-size: 12px; padding:60px 15px 20px; position: relative;}
#changeUserInfo .cancel{top:5px;}
#changeUserInfo h2{color:#54534A; margin-bottom: 3px;}
#changeUserInfo input{color: #231F20; width: 232px; padding-left: 5px; margin-bottom: 8px;}
#changeUserInfo select{color: #231F20; width: 232px; padding-left: 5px; margin-bottom: 8px;}
#changeUserInfo fieldset{margin-bottom: 25px;}
#changeUserInfo p{color:#54534A; margin-bottom: 5px;}
#changeUserInfo em{font-size:25px; font-style: normal;}
#changeUserInfo p.success{color: #9B6448;}

#addAddress {width:265px; font-size: 12px; padding:60px 15px 20px; position: relative;}
#addAddress .cancel{top:5px;}
#addAddress h2{color:#54534A; margin-bottom: 3px;}
#addAddress input{color: #231F20; width: 232px; padding-left: 5px; margin-bottom: 5px;}
#addAddress fieldset{margin-bottom: 25px;}
#addAddress p{color:#54534A; margin-bottom: 5px;}
#addAddress em{font-size:25px; font-style: normal;}

#sizeChart {padding:25px 20px 40px 20px; width: 550px; position: relative;}
#sizeChart .cancel{top:2px; background: transparent url(/images/close.gif) top left no-repeat;}
#sizeChart h2{color:#231F20; font-size: 20px; margin-bottom: 5px;}
#sizeChart ul{overflow:hidden; margin-bottom: 5px;}
#sizeChart ul li{float:left; font-size: 11px; color:#54534A; width:32px; padding-right: 5px; text-align: center;}
#sizeChart ul li.first{width:50px; color: #9B6448;}

#cvv {border:1px solid #000; padding:20px 20px 50px 20px; width: 375px; position: relative; font-size: 12px;}
#cvv h2{color:#000; margin: 20px 0 2px 0;}
#cvv p{color:#54534A; margin-bottom: 20px; line-height: 1.2;}
#cvv .title{position: absolute; top: 10px; left: 15px; font-size: 9px; color:#000;}
#cvv .cancel{top:0; background: transparent url(/images/close.gif) top left no-repeat;}
#cvv img{margin:20px 0 0 20px !important;}

a.cvv-popup{color:#54534A !important; font-size: 10px; float: right; margin-right: 105px;}

#basket{ padding: 40px 0 40px 20px;}
#basket .continueShopping{margin-bottom: 2px; color: #54534A; font-size: 14.5px; font-weight: normal;}
#basket #continueShoppingLink{float: right;}
.narrow #basket {padding-left: 0; padding-top: 0;}
.narrow #basket table, .narrow #basket div{margin-left: 20px;}
.narrow #basket img{margin-left: 0;}
.narrow p.message{margin:0 0 20px 20px; color: #231F20; font-size: 16px; line-height: 20px;}

#shoppingBasket td.image-thumb{padding: 5px 0 4px 0;}
#shoppingBasket td,
#shoppingBasket th{ border-left: 1px solid #000; border-bottom: 1px solid #000;}
#shoppingBasket td{ text-align: center; color: #231F20; font-size: 12.85px; vertical-align: middle;}
#shoppingBasket td.quantity{padding: 2px 0;}
#shoppingBasket th{ color: #231F20; font-weight: bold; font-size: 10px; text-align: left; padding: 5px 0 5px 10px;}
#shoppingBasket .actions th{border:none; text-align: right; padding: 0;}
#shoppingBasket .last,
#shoppingBasket .checkout{ border-bottom: none; text-align: left; padding-left: 10px;}
#shoppingBasket .last{ color: #231F20; font-size: 10px; font-weight: normal;}
#shoppingBasket .totals td{ padding: 3px 0 1px 0;}
#shoppingBasket td.grandtotal,
#shoppingBasket td.subtotal{ text-align: right; padding-right: 5px; font-size: 12px;}
#shoppingBasket .checkout{ border-left: none; text-align: right;}
#shoppingBasket a.remove{ text-indent: -5000em; background: transparent url(/images/remove.gif) top left no-repeat; display: block; width: 20px; height: 20px;}
#shoppingBasket .heading{ border-top: 1px solid #000; font-size: 29px; font-weight: normal; padding: 12px 0 7px 10px;}
#shoppingBasket.orderHistory .heading{ background-color: #ABAEA5; color: #FFF; font-size: 32px;}
#shoppingBasket.wishlist .heading{ background-color: #9B6448; color: #FFF; font-size: 22px; }
#shoppingBasket.orderHistory .heading span,
#shoppingBasket.wishlist .heading span{float:right; font-size: 12px; margin:10px 10px 0 0;}
#shoppingBasket.wishlist .heading span a{color:#FFF;}
#shoppingBasket h2,
#shoppingBasket.orderHistory .heading h2,
#shoppingBasket.wishlist .heading h2{float:left; text-transform: uppercase;}
#shoppingBasket.orderHistory .heading span a{color: #231F20; }
#shoppingBasket .footerRow td{ text-align: right; border: none;}
#shoppingBasket .footerRow td a{ color: #231F20; }
#shoppingBasket td.checkout a{ display: block; color: #FFF; font-size:17.5px; padding: 7px 10px 7px 10px; background-color: #ABAEA5; float: right; }

/* For Safari 3 and Opera 8 & 9 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #shoppingBasket td.checkout a { margin-right: -1px; }
}

#shoppingBasket td.placeorder a{ background-color: #54534A; }

#orderDetails {margin: 20px 0; overflow: hidden;}
#orderDetails p{font-size:12px; line-height: 17px; color:#; float: left; margin-right: 40px;}
#orderDetails p strong{color:#54534A; font-weight: normal;}

.narrow #orderDetails p{font-size: 10.5px; margin-right: 25px;}

#footprints{ padding: 10px 20px 0 20px; position: relative;}
#footprints #fpNav{position: absolute; top:0; right: 0;}
#footprints #fpNav li{text-align: right; font-size: 12px; line-height: 14px;}
#footprints .selected{ font-weight: bold;}
#footprints #articleBoxWrapper{margin:60px 0 50px 20px; overflow: hidden;}
#footprints #imageBox{width:465px; height: 291px; border: 1px solid #ABAEA5; float: left; margin-right: 22px;}
#footprints #bookShelf p{clear:both; border: 1px solid #54534A; color: #54534A; padding: 2px 0 2px 5px; font-size: 11px;}
#footprints #bookShelf a{margin:0 0 0 2px; color: #54534A;}
#footprints ul.bookshelf{background-color: #ABAEA5; }
#footprints #bookShelf a.selected{color: #9B6448; font-weight: bold;}
#footprints #bookShelf div{ margin-left: 20px; clear: both;}
#footprints #articleBox {color: #231F20; font-size: 11px;float: right;}
#footprints #articleBox a{color: #231F20;}
#footprints #articleBox a:hover{color: rgb(155,100,72);}
#footprints #articleBox img{margin-bottom: 10px;}
#footprints #articleBox h3{margin-bottom: 10px;}
#footprints #bookShelfNote{padding-left: 20px; color: #231F20; font-family: Times, serif; font-style: italic; font-size: 13px; padding-bottom: 3px;}

#products {position: absolute; padding: 30px 40px 0 0; width: 620px; overflow: hidden; min-height: 500px;}

#products-message{position: absolute; top: 30px; right: 0; z-index: 200; width: 340px; border: 1px solid #231F20; background-color: #FFF; padding-top: 5px;}
#products-message .cancel{background: transparent url(/images/close-copper.gif) top left no-repeat; width: 58px; right: 7px; top: 8px; }
#products-message h2{font-size: 25px; margin: 40px 0 0 0; border-bottom: 1px solid #231F20; padding: 0 0 4px 15px;}
#products-message ol{padding: 10px 0 10px 15px;}
#products-message ol li{list-style-type: none; margin-left: 0; font-size: 15px; padding: 0 0 1px 0; }
#products-message p{font-size: 10px; text-transform: uppercase; padding: 10px 15px 15px 15px; border-top: 1px solid #231F20; line-height: 1.3;}
#products-message p strong{font-weight: bold; color: #9B6448;}


#products-holder {
  position:relative;
  width:100%; /* set dynamically to fit */
  height:100%;
}
#products #products-holder ul{margin: 0 0 0 20px; float: left; clear: left; height: 200px; width: 100%; overflow: hidden;}
#products #products-holder ul li{float: left; width: 200px; height: 200px; padding-bottom: 30px;}




#account p.error{color:#9b6448; font-size:11px; margin-bottom: 5px;}
#account{border: 1px solid #000; margin: 45px 0 0 20px; width: 620px; overflow: hidden;}
form #account{margin-top: 8px;}
#account h2{border-bottom: 1px solid #000; font-size: 25px; line-height: 55px; padding-left: 24px; font-weight: normal; color: #000;}
#account h3{ color: #54534A; font-size: 11px;}
#account h3 a{ font-size:35px;}
#account h4{ color: #000; font-size: 20px;}
#account a.add,
#account a.change{color:#231F20; background: transparent url(/images/change.gif) left center no-repeat; font-size: 10px; padding: 10px 0 10px 25px; clear: both; }
#account a.add{background-image: url(/images/add.gif);}
#account #sameAsShipping {margin-top: 15px;}
#accountImage{float:left; width: 260px; padding: 4px 0 20px 0; min-height: 205px; position: relative; text-align: center; border-bottom: 1px solid #000;}
#accountImage.checkout{padding-bottom: 0; border-bottom: none;}
#accountImage label{color: #543331;}
#accountImage.accountAdmin{border-right: none;}
#accountImage h3{text-align: left; margin:0 0 20px 6px;}
#accountImage fieldset{width: 250px; border-top:1px solid #000; margin-top: 20px 20px 0 20px; padding: 15px 0 20px 10px; text-align: left; font-size: 12px;}
#account #giftc{margin-bottom: 20px;}
#accountAddresses li {padding: 0 0 5px 0; }
#accountAddresses li h4.billing-h4 {padding: 0 0 5px 0; }
#accountAddresses li.billing span {color: #000000; }
*html #accountAddresses{height: 1%;}  /* This is IE6 specific the IE6.css style sheet is not functioning correctly */
#accountDetails{float:left; width: 359px; padding-bottom: 20px; border-left: 1px solid #000;}
#accountDetails.accountAdmin{padding-bottom: 100px;}
#accountDetails div.action{padding-top:10px; clear: both; overflow: hidden ;}
#accountDetails div{ border-bottom: 1px solid #000;  padding: 4px 0 5px 6px;}
#accountDetails ul{overflow: hidden; padding: 10px 0 10px 10px;}
#accountDetails li{float:left; width: 150px; font-size: 12px; margin-right: 10px;}
#accountDetails li p{margin-bottom: 5px;}
#accountDetails #userEmail {position:relative; }
#accountDetails #userEmail h3{margin-bottom: 10px;}
#accountDetails #userEmail .change{position: absolute; top:8px; right:10px;}
#accountDetails #accountPassword {line-height: 20px;}
#accountDetails #accountPassword h3 {margin-right: 5px;}
#accountDetails #accountPassword h3, 
#accountDetails #accountPassword a{display: inline;}
#accountDetails div#selectShipping{padding:10px 0 10px 10px;}
#accountDetails div#selectShipping a{font-size: 10px; color: #54534A;}
#accountDetails div#selectShipping select{margin-right: 10px;}
#accountDetails div#selectShipping div{border: none;}
#checkout_form{padding-bottom: 15px;}

#account a{color:#000;}
#account p{color:#000;}
#shoppingAction{width:622px; margin: 0 0 0 20px;}
#shoppingAction span{float: right; display: block; padding:3px 5px 0 5px; height: 45px; background-color: #9A9F94; color: #FFF; line-height: 45px; text-align: center; font-size: 19px;}
#shoppingAction a.checkout{float: right; display: block; padding:3px 10px 0 10px; height: 45px; background-color: #9A9F94; color: #FFF; line-height: 45px; text-align: center; font-size: 19px;border:none;}
a.goShopping{float:right; display: block; padding:3px 10px 0 10px; height: 45px; background-color: #9A9F94; color: #FFF; line-height: 45px; text-align: center; font-size: 19px;border:none;}
a.goShopping:visited{color:#FFF;}

button.goShopping{margin-left:482px; display: block; width: 160px; height: 45px; background-color: #9A9F94; color: #FFF; line-height: 45px; text-align: center; font-size: 19px;border:none;}

div#accountBilling{border-bottom: none; position: relative;}
#accountBilling div{clear: both; position: relative; padding: 0 !important; border: none;}
#accountBilling fieldset{margin: 0 0 0 5px; }
#accountBilling p{padding:0 0 5px 5px;}
#accountBilling h3{margin-bottom: 10px;}
#accountBilling label{display:block; float: left; clear: both; !important width: 80px; border: 1px solid #B2B2B2; line-height: 18px; padding-left: 2px; margin-bottom;}
#accountBilling .form-section label { border: 0; }
#accountBilling input{float: left; width:237px; margin-bottom: 5px; clear: both;}
#accountBilling select{width:100px; margin-bottom: 5px; float: left; clear: none;}
#accountBilling span{font-size: 12px; color: #231F20;}

/* Gift Cards */
#gc-view{ float: left; width: 547px; }
#gc-view h2{font-size: 40px; font-weight: normal; color: #000; height: 45px; padding: 15px 0 0 20px; border-bottom: 1px solid #000;}
#gc-view img{margin: 45px 0 30px 30px;}
#gc-view p{font-family: Times, serif; color: #676863; font-size: 20px; font-style: italic; padding: 0 55px 0 30px; margin: 0 0 30px 0;}
#gc-view h3{color: #9B6448; font-size: 18px; font-family: Times, serif; padding: 0 55px 0 30px; font-style: italic; margin: 0 0 3px 0;}
#gc-view ol{margin: 0 0 0 30px; font-size: 15px; line-height: 1.1;}
#gc-view #prod-actions{ padding: 5px 0 0 30px;}

#gc-actions { float: right ; border-left: solid 1px #000; height: 698px; width: 131px; position: relative;}
#gc-actions h2{ font-size: 10px; font-weight: bold; height: 15px; padding: 45px 0 0 5px; border-bottom: 1px solid #000;}
#gc-actions li a{ display:block; width: 116px; border-bottom: 1px solid #000; padding: 20px 0 0 15px; height: 30px; font-size: 26px; color: #000;}
#gc-actions li a:hover, #gc-actions li.selected {background-color: #9B6448; color: #FFF;}
#gc-actions #productActions{position: absolute; bottom: 0; width:131px; }
#gc-actions p{background: transparent url(/images/asterix.gif) top left no-repeat; position: absolute; bottom: 120px; color: #54534A; font-size: 11px; padding: 40px 0 0 0; margin: 0 15px; line-height: 1.2;}


/* HELP */
#help{padding: 55px 0 50px 0;}
#help #helpMenu {margin: 0 0 65px 0;}
#help #helpMenu li{ margin: 0 0 3px 0;}
#help #helpMenu li a{color: #000; font-size: 15px; text-transform: uppercase;}
#help #helpMenu li a.active,
#help #helpMenu li a:hover{color: #9B6448;}
#help p{font-size: 20px; color: #9B6448; clear: both;}
#help p.note{color: #ABAEA5; margin: 0 0 5px 0;}
#help h2{color: #5C5B5A; font-size: 20px; margin: 0;}
#help.purchase h2{margin: 35px 0 0 0;}
#help.purchase p{font-size: 14px; color: #000; line-height: 1.2;}
#help p.note{color: #ABAEA5; font-size: 12px;}
#help.purchase ol{font-size: 14px; color: #000;line-height: 1.2;}
#help.purchase ol + p{margin-top: 20px;}
#help #orderReturn { padding: 0 0 0 5px; margin: 20px 0 0 0;}
#help #orderReturn label{display: block; margin: 0 0 3px 0; font-size: 12px;}
#help #orderReturn input{margin: 0 0 20px 0; width: 240px; color: #ABAEA5;}
#help #orderReturn textarea{padding:3px; width: 238px; margin: 0 0 5px 0; color: #ABAEA5;}
#help #rates{margin-left: 30px;}
#help #rates th{font-weight: bold;}
#help #rates td{padding:2px 2px 2px 0;}

#help table{margin: 20px 0 20px 0; color:rgb(155,100,72); font-size: 14px;}
#help table th{text-align: left; font-weight: normal;}
#help .list{color:rgb(155,100,72); font-size: 14px; margin: 20px 0 0 0; line-height: 1.2;}
#help .list .indent{margin: 0 0 0 20px;}
#help .countries{float: left; margin: 35px 0 25px 0; color:rgb(155,100,72); font-size: 14px; line-height: 1.2; width: 145px;}
#help .countries.first{padding: 0 0 0 75px;}

/* products */
#content-products { border-left: solid 1px #000; float:right; height: 697px; display:inline; width:679px; }

#single-prod {border-left: solid 1px #000; float: left; height: 100%;}

#prod-view { float: left;  width: 547px; position: relative;}
#prod-view h2 { font-size: 30px; color: #000; border-bottom: solid 1px #000; padding: 20px 0 0 20px; height:40px; }
#prod-view ul { margin: 0 0 0 17px ; }
#prod-view li { float: left; font-size: 10px; color: #000; padding: 5px 5px 0 5px;  }

.bow-bag #prod-view h2{font-size: 40.5px; padding-top: 18px; height: 42px;}
.bow-bag #prod-view img{float: left; clear: left; margin: 10px 0 0 30px;}
.bow-bag #prod-view #prod-details{ position: absolute; right: 30px; top: 105px; width: 180px;}
.bow-bag #prod-view #prod-details h3{color: #9B6448; font-size: 16px; text-transform: uppercase;}
.bow-bag #prod-view #prod-details p{font-size: 16px; color: #231F20; font-family: Times, serif; font-style: italic; line-height: 1.1; margin: 0 0 20px 0;}
.bow-bag #prod-view #prod-details ol li{font-size: 12px; padding-left: 0; padding-top: 3px; line-height: 1.1; display: block; float: none;}

.bow-bag #prod-thumbs p{padding-top: 114px;}

.bow-bag #prod-color p{margin-bottom: 3px;}
.bow-bag #prod-color p#price{position: absolute; bottom: 20px;}

#prod-actions {overflow: hidden;}
#prod-actions a{color: #231F20;}
#prod-image-wrapper {padding:10px; text-align: center;}
#single-prod-sidenav { float: right ; border-left: solid 1px #000; height: 698px; width: 131px; position: relative;}
#single-prod-sidenav form{border-bottom: none !important; height: 697px;}
#single-prod-sidenav ul{ float: left ; padding:0;}
#single-prod-sidenav #productActions{position: absolute; bottom: 0; width:131px; }

#prod-thumbs { color: #000; cursor: pointer; }
#prod-thumbs:after{clear: both; display: block; visibility: hidden; height: 0; content: ".";}
#prod-thumbs p { font-size: 10px; padding: 10px 10px 10px 10px ; }
#prod-thumbs h2{ font-size: 29px; width: 100px; padding: 0px 10px ; letter-spacing: -.025em;}
#prod-thumbs h3 { font-size: 19px; padding: 0 10px 0 10px ; letter-spacing: -.025em; white-space: nowrap; }
#prod-thumbs h1 { font-size: 47px; padding: 0 10px 10px 10px ; }


#prod-thumbs ul{ width: 131px; border-top: 1px solid #000;}
#prod-thumbs li{height: 65px; overflow: hidden; border-bottom: 1px solid #000;}
#prod-thumbs span {display: block; float: left; width: 65px; height: 65px; overflow: hidden; text-align: center;}
#prod-thumbs span img{width: 65px;}
#prod-thumbs span.left-thumb { border-right: 1px solid #000; width: 62px; height: 65px;}

#prod-color {padding: 10px; color: #000; height: 239px; position: relative; width: 111px; font-size: 11px; z-index: 90; }
#prod-color *{color: #000; font-size: 11px; }
#prod-color ul { padding: 0 0 8px 0;  }
#prod-color ul li { padding: 0 0 3px 0; }
#prod-color p#selectColor{font-size: 10px;}
#prod-color ul#color-swatches{overflow: hidden; width:122px;}
#prod-color ul#color-swatches li{float: left; width: 30px; height: 30px; border: 5px solid #FFF; padding: 0;}
#prod-color ul#color-swatches li img{display:block; width: 30px; height: 30px;}
#prod-color ul#color-swatches li.color1  { background: #3d2a34; }
#prod-color ul#color-swatches li.color2  { background: #93abac; }
#prod-color ul#color-swatches li.color3  { background: #9a9f94; }
#prod-color ul#color-swatches li.color4  { background: #2a2d3c; }
#prod-color ul#color-swatches li.color5  { background: #905037; }
#prod-color ul#color-swatches li.color6  { background: #fff; }

#prod-color .selected-color{font-size: 12px;}
#prod-color .selected-color span{ white-space: nowrap;}

#prod-color #sale-price strong{font-size: 13px;color: #F00;}
#prod-color #price.sale{text-decoration: line-through;}

#add-to-basket {font-size: 25px;  color: #000;  padding: 5px 0 5px 10px; display: block; text-align: center; height: 50px; border: none !important; border-top: 1px solid #000 !important; cursor: pointer;}
#add-to-basket:hover {background-color: #9B6448;}

#add-to-basket{padding: 5px 0; text-align: center}

#add-to-basket.sold-out{color: #9B6448; font-size: 21px; padding: 5px 0; text-align: center; line-height: 50px;}
#add-to-basket.sold-out:hover{color: #000;}

#select-size-run {font-size: 21px;  color: #000;  padding: 5px 0 5px 2px; display: block; text-align: center; height: 45px; border: none !important; border-top: 1px solid #000 !important; background-color: #FFF; width: 129px; cursor: pointer;}
#select-size-run em {font-size: 26px; line-height: 15px !important; font-style: normal; line-height: 1 !important;}
#select-size-run:hover {color:rgb(155,100,72);}

#checkout {  background: #000 ; font-size: 18px;  color: #fff;  padding: 15px 0 15px 10px ; height: 18px; display: block; font-weight: bold; text-align: center;  }
*html #checkout { background: #000 ; font-size: 18px;  color: #fff;     font-weight: bold; text-align: center;  }
#size-chart {  display: block; padding: 15px 0 5px 0; }
#prod-color #msrp {  display: block; margin: 0 !important;}
#prod-color #price {  display: block; margin: 0 0 5px 0 !important;}

#selectSizeRun{padding:10px; position:relative;}
#selectSizeRun form{margin-top: 5px;}
#selectSizeRun h2{color:#231F20; font-size: 20px; margin-bottom: 5px; margin-top: 2px;}
#selectSizeRun td{padding:2px !important; color: #231F20 !important; font-size:10px; text-align: center}
#selectSizeRun td.heading{font-size: 11px; color:rgb(155,100,72) !important; text-align: left;}
#selectSizeRun #add-to-basket{background-color: #9B9F94; border: none !important; color: #FFF; text-transform: uppercase; font-size:18px !important; padding: 2px 5px !important; height: auto; font-weight: normal !important;}
#selectSizeRun .cancel{background: transparent url(/images/close.gif) top left no-repeat; top: 5px;}


#panoramicView{padding: 10px; position: relative;}
#panoramicView .cancel{background: transparent url(/images/close.gif) top left no-repeat; top: 5px;}
#panoramicView h3{color: #231F20; font-size: 16px; padding: 10px 0 0 10px;}
#panoramicView h2{color: #231F20; padding: 0 0 0 10px; font-size: 45px;}
#panoramicView #animateButton{font-family: "Times New Roman", serif; font-style: italic; font-size: 26px; background-color: transparent; padding: 30px 0 5px 10px; display: block; cursor:pointer; color: #231F20 !important;}
#panoramicView #dragShoe{font-family: "Times New Roman", serif; font-style: italic; font-size: 14px; display: block; color: #231F20 !important; padding-left: 10px !important;}
#panoramicView #spinorama {width:780px; height:520px; cursor:move; background-image:url(/images/loadingicon.gif);}

#mediakits h2{ font-size: 21px; color: #231F20; text-transform: uppercase; margin: 0 0 20px 0;}
#mediakits .title{font-size: 12px; color: #231F20; text-transform: uppercase; }
#mediakits .description{font-size: 12px; color: #231F20; text-transform: uppercase; }
#mediakits a{font-size: 12px; font-family: "Times New Roman", serif; font-style: italic; }
#mediakits li{margin: 0 0 20px 0;}

.collectionsInfoBox{position: absolute; display: block; z-index: 0; top: 120px; left: 50px;}
.collectionsInfoBox .shop{float: right; border: 1px solid #000; border-bottom: none; height: 20px; background-color: #000; color: #FFF; line-height: 21px; padding: 1px 7px 0 4px; font-size: 15.5px; width: 40px; font-weight: bold;}
.collectionsInfoBox .details{clear: both; border: 1px solid #000; overflow: hidden; display: block; background-color: #FFF;}
.collectionsInfoBox .productTheme{font-size: 34px; padding: 0 5px 0 5px; display: block; float: left; height: 37px; line-height: 37px; width: 21px;}
.collectionsInfoBox .productName{font-size: 22px; display: block; float: left; border-right: 1px solid #000; border-left: 1px solid #000; height: 31px; line-height: 34px; padding: 3px 20px 2px 6px; text-transform: uppercase; min-width: 90px; text-align: left;}
.collectionsInfoBox .moreViews{font-size: 12px; display: block; float: left; height: 28px; line-height: 1; padding: 1px 0 0 6px; width:45px;}
.collectionsInfoBox .moreViews span{font-size: 13px; display: block;}
.collectionsInfoBox .moreViews a{ color: #000 !important;}
.collectionsInfoBox .moreViews a:hover{ color:rgb(155,100,72) !important;}
.collectionsInfoBox .moreViews .threesixty{font-size: 24px;}
.collectionsInfoBox .moreViews .more{position: relative; font-size: 15px; padding: 0; top: -4px;}
.collectionsInfoBox .price{border: 1px solid #000; border-top: none; font-size: 14px; width: 60px; display: block; text-align: center; padding: 3px 0 2px 0; background-color: #FFF;}
 
#more-content-slider,
#content-slider {
	position: absolute;
	left: 300px;
	bottom: 50px;
	width: 375px;
	height: 12px;
	background: #FFFFFF;
	border: 2px solid #CBCDC8;
}

#content-slider.products{
	bottom: 20px;
	left: 420px;
}

.more-content-slider-handle,
.content-slider-handle {
  width: 30px;
  height: 12px;
  position: absolute;
  top: 0;
  background: #414239;
}

#slider {
  position:absolute;
  left:300px;
  bottom:50px;
  width:375px;
  height:12px;
  background-color:#FFFFFF;
  border:2px solid #CBCDC8;
}
#track {
  position:relative;
  width:100%;
  height:100%;
  cursor:default;
}
#knob {
  position:absolute;
  width:30px;
  height:100%;
  background-color:#414239;
}
#knob.pressed {background-color:black !important;}

#scrollInstruct{
	position: absolute;
	left: 300px;
	bottom: 30px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	color: #231F20;
	font-size: 16px;
}

#cart_type_wrapper{
	position: relative;
	z-index: 1000;
	margin-top: 8px;
}


div.selectbox-wrapper {
  position:absolute !important;
  width:400px;
  left: 68px;
  background-color:#424239;
  border: 1px solid #B2B2B2 !important;
  margin:0px !important;
  padding:0px !important;
  font-size:0.8em;
  text-align:left;
  max-height:200px;
  overflow:auto;
}


div.selectbox-wrapper ul {
  width:64px; /* 68(parent width) - 2*2(padding) = 64 */
  list-style-type:none;
  margin:0px !important;
  padding:2px !important;
}
div.selectbox-wrapper ul li.selected { 
  cursor: pointer;
}
div.selectbox-wrapper ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
  color: #FFF;
}

.selectbox /* look&feel of  select box*/
{
  margin: 0px 5px 10px 0px;
  padding-left:4px;
  padding-top: 2px;
  height: 15px;
  width: 170px !important;
  clear: none !important; 
  float: left;
  background-color: #424239;
  cursor: pointer;
  border: 1px solid #B2B2B2;
  border-left: none;
  color:#FFF;
}

#prod-color div.selectbox-wrapper{width: 78px;}

#prod-color .selectbox {width: 68px !important; color: #000; border: 1px solid #B2B2B2; background: #FFF url(/images/down-arrow.gif) top right no-repeat; height: 13px; padding-top: 0;}

#size_input{width: 68px !important; float: none; margin-bottom: 0;}

#prod-color .selectbox-wrapper {
  position:absolute !important;
  left: 43px;
  background-color:#FFF;
  border: 1px solid #B2B2B2 !important;
  border-bottom: 1px solid #B2B2B2 !important;
  margin:0px !important;
  padding:0px !important;
  font-size:10px;
  text-align:left;
  max-height:200px;
  overflow:auto;
  z-index: 1000;
}

/* jpm ugly store main page handling */
#storeHome {position:absolute; text-align:right; top:108px; right:71px; font-size:25px; color:black; line-height:22px;}
#storeHome #preorderText {margin-bottom:40px; font-size:15px;}
#storeHome #exclaimation {color:rgb(155,100,72);}
#storeHome #descriptionText {font-size:17px;}
#storeHome a:link, #storeHome a:visited {color:black;}
#storeHome a:hover, #storeHome a:active {color:rgb(155,100,72);} /*copper*/
#storeHome #relatedLinkCollection {font-family:"Times New Roman", Times, serif; font-style:italic;}

#homepageNewsletter {margin-top:581px;}
#homepageNewsletter h5 {font-size:12px;}
#homepageNewsletter input {margin-top:3 px; margin-left:0; padding:0;}

/* jquery impromptu css -- the popups */
.jqiwarning .jqi{background-color: #666; }
.jqifade { background-color: #ffffff; }
div.jqi { position: absolute; background-color: #ffffff; width: 495px;}
div.jqi .jqiclose { float: right; cursor: pointer; display: none;} 
div.jqi .buttonRow {margin-left: 235px; width:250px; position: relative;}
.jqicontainer{border: 1px solid #666; padding-bottom: 10px; background-color: #FFF;}

/* bookshelf - by gsn */
/*#footprints #bookShelf p {clear: both;}
ul.bookshelf { float: left; width: 600px; text-align: center; }
ul.bookshelf li { float: left; width: 20px; height: 100px;  }
ul.bookshelf li.current { width: 40px; }*/