@charset "iso-8859-1";
div#catalog_splash_grad{
	position:absolute;
	left:26px;
	top:17px;
	width:788px;
	height:197px;
	background: url(../img/landing_plash_b_grad.png) repeat-x bottom left;
}
img#splash_img{
	position:absolute;
}
body.mats img#splash_img, body.bags img#splash_img{
	left:-2px;
	top:16px;
}
body.gifts img#splash_img{
	left:3px;
	top:16px;
}
body.clothing img#splash_img, body.clothing_sections img#splash_img{
	left:30px;
	top:5px;
}
body.meditation img#splash_img{
	left:37px;
	top:5px;
}
body.props img#splash_img{
	left:2px;
	top:0px;
}


#plash{
	position:relative;
	width:100%;
	background: url(../img/plash_bg_tr.png) top right no-repeat;
}
#plash #blurb{
	height:213px;
	margin:0;
	padding:0;
}
#blurb h1{
	margin:0;
	padding:103px 0 0 278px;
	font:28px/34px arial, helvetica, verdana, sans-serif;
	color:#f6a200;
	text-transform:lowercase;
	font-weight: normal;
}
#blurb p{
	width:265px;
	margin:0 0 0 535px;
	padding:0;
	font-size:11px;
	line-height:14px;
}
/*jms added #plash object so that I could a line flash movie*/
#plash a{
	width: 750px;
	 height: 165px;
	position:absolute;
	left: 45px;
	top: 25px;
	overflow: visible;
}
/* Clothing landing page section navigation */
#clothingSections{
	position:absolute;
	top:40px;
	left:508px;
}
#clothingSections ul{
	margin:0;padding:0;
	position:relative;
	list-style:none;
}
#clothingSections ul li{
	float:left;
	margin:0; padding:0 16px 0 8px;
	background: url(../img/cat_arrow_r_big_gray.png) no-repeat center left;
}
#clothingSections ul li a, #clothingSections ul li a:link, #clothingSections ul li a:visited #clothingSections ul li a:active {
	display:block;
	padding:3px;
	color: #848484;
	border: none;
	font-size:18px;
	line-height:18px;
	text-decoration:none;
}
#clothingSections ul li a.selected{
	display:block;
	padding:2px;
	color: #f6a200;
	border: 1px solid #f6a200;
	font-size:18px;
	line-height:18px;
	text-decoration:none;
}
#catalog{
	position:relative;
	clear:left;
	top:0;left:0;
	width:100%;
	padding:0 0 0 0;
	margin: 0px;
	background: url(../img/cat_bg_r.png) repeat-y top right;
}
/* Sets up formating for the products, and sections of products (for clothing) */
#catalog div.products, #catalog div.sections{
	position:relative;
	top:0;left:0;
	width:100%;
	padding-bottom:250px;
	background: url(../img/cat_bg_l.png) repeat-y top left;
}
.pageNav{
	position:absolute;
	height:20px;
	top:-19px;
	left:442px;
	background: url(../img/landing_page_nav_r.png) no-repeat bottom right;
}
.pageNav h3{
	float:left;
	height:20px;
	margin:0;
	padding:0 18px 0 20px;
	line-height:20px;
	font-size:10px;
	font-weight:normal;
	color:#676767;
	text-transform:uppercase;
}
.pageNav h3 a, .pageNav h3 a:link, .pageNav h3 a:visited, .pageNav h3 a:active{
	text-decoration:underline;
	color:#676767;
}
.pageNav h3.showPageView{
	background: url(../img/landing_page_nav_l.png) no-repeat bottom left;
	padding-right:67px;
}
.pageNav h3.pages{
position:relative;
	background: url(../img/landing_page_nav_l.png) no-repeat bottom left;
	padding-right:67px;
}
h3.pages label{
	float:left;
}
.pageNav h3.pages a, .pageNav h3.pages a:link, .pageNav h3.pages a:visited, .pageNav h3.pages a:active{
	float:left;
	margin-top:4px;
	height:10px;
	line-height:10px;
	padding:2px 2px 1px 2px;
	margin-right:4px;
	color:#676767;
	text-decoration:none;
}
.pageNav h3.pages a.selected{
	border:1px solid #F6A200;
	padding:1px 1px 0px 1px;
}
.pageNav h3.totalItems{
	margin-left:30px;
}
.pageNav h3.seeAll{
	margin:0 0 0 -10px;
	padding-left:0;
}
span.bar{
	font-weight:bold;
	position:relative;
	top:-2px;
	margin-left:8px;
}
.scrollback {
	position:absolute;
	left:10px;
	top:39px;
}
.scrollforward{
	position:absolute;
	left:804px;
	top:39px;
}
img.catHeader{
	position:absolute;
	padding:39px 0 0 57px;
}
/* The .sections and .section styles are only for the clothing landing, but can be used elsewhere should the occasion arise */
#catalog div.products ul, #catalog div.sections ul{
	position: absolute;
	width:735px;
	margin:0 0 0 26px;
	padding:39px 0 0 50px;
	border-top:1px solid #d1d1d1;
	background: url(../img/safari_fix.png) repeat-x top left;
}
#catalog div.sections ul{
	padding-left:127px;
}
#catalog div.products ul * ul{
	width:150px;
	margin:0;
	padding:0;
	border-top:none;
}
li.product, li.section{
	float:left;
	display:inline;
	padding:0;
	margin:0;
	border: 1px solid #d1d1d1;
}
li.section{
	width:152px;
	margin-right:27px;
}
#catalog div.products ul ul.colors{
	clear:left;
	padding-left:6px;
	width:144px;
	border-top:1px solid #d1d1d1;
}
ul.colors li.selected{
	background:url(../../images/ui/img/color_arrow_b.png) no-repeat top center;
}
li.product{
	text-align:center;
	vertical-align:middle;
	margin:0 40px 25px 0;
}
h2.prodTitle, h2.sectionTitle{
	font-size:11px;
	line-height:11px;
	color:#8a8a8a;
	text-transform:uppercase;
	margin:2px 0 4px 7px;
	text-align:right;
	white-space: nowrap;
}
/* positioned relative so the image can be floated right within */
h2.sectionTitle{
	position:relative;
	width: 100%;
	line-height:20px;
	vertical-align:middle;
	height:22px;
	border-bottom:1px solid #D1D1D1;
	margin:3px 0 0 0;
	padding:0;
	text-indent:7px;
}
h2.sectionTitle a{
	float:right;
	display:inline;
	position:relative;
	display:block;
	height:21px;
	margin:0;
	padding:0 0 0 4px;
}
h2.sectionTitle img.sectionGo{
	padding:0 6px 4px 6px;
	margin:0;
	border:0;
	vertical-align:middle;
}
h2.prodTitle a, h2.prodTitle a:link, h2.prodTitle a:visited, h2.prodTitle a:active,
h2.sectionTitle a, h2.sectionTitle a:link, h2.sectionTitle a:visited, h2.sectionTitle a:active{
	color:#8a8a8a;
	text-decoration:none;
}

h2.prodTitle a:hover{
	text-decoration:underline;
}
.sections .section a.sectionThumb{
display:block;
	clear:left;
}
ul.colors li{
	float:left;
	display:inline;
	padding:13px 2px 8px 2px;
	border:none;
}
#catalog div.products ul ul.itemNav{
	clear:left;
	width:150px%;
	border-top:1px solid #D1D1D1;
}
ul.itemNav li{
	float:left;
	display:inline;
	padding:2px 3px 2px 4px;
	border-right:1px solid #D1D1D1;
}
.itemNav li a, .itemNav li a:link, .itemNav li a:visited, .itemNav li a:active{
	font-size:11px;
	line-height:11px;
	font-weight:bold;
	color:#009CFF;
	text-transform:lowercase;
	text-decoration:none;
}
.itemNav li a:hover{
	text-decoration:underline;
}
ul.itemNav li.price{
	border-right:none;
	font-size:10px;
	line-height:10px;
	padding-top:4px;
	padding-right:0;
}