@charset "utf-8";

/* page layout
---------------------------------------------------------------- */
/* layout - page structure */
#content-wrap {background:url("../images/art/JPbg.jpg") no-repeat; margin:0 auto; min-height:200px; overflow:hidden; width:980px;}
#content {background:#fff; margin:0 auto; overflow:hidden; padding:10px; width:960px;}
.page-width {margin:0 auto; width:960px;}
.two-col #center-col {float:left; margin-left:10px; min-height:200px; width:750px;}
.two-col #left-col {float:left; width:200px;}
.two-col #right-col {float:left; width:200px;}


/* layout - breadcrumb */
#breadcrumbs-wrap {background:#fff; margin:0 auto; padding-left:10px; padding-right:10px; width:960px;}
#breadcrumbs {padding:0 0 10px;}
#breadcrumbs a {text-decoration:none;}
#breadcrumbs a:hover {text-decoration:underline;}
#breadcrumbs li {display:inline; padding-right:15px;}


/* search page
---------------------------------------------------------------- */
#page-search .two-col #left-col, #page-nosearchresults .two-col #left-col {margin:14px 0 0;}
#page-search h1, #page-nosearchresults h1 {font-size:24px;}


/* Featured Hero (958x273)
 ---------------------------------------------------------------- */
#featured {border:1px solid #c9c9c9; clear:both; height:271px; margin:0 0 20px; position:relative; width:958px;}
#featured .text {color:#fff;) no-repeat; height:75px; margin:20px 0 0; position:relative;}
#featured h1 {font-size:3.25em; font-weight:700; left:50px; position:absolute; text-shadow:2px 3px 2px rgba(0,0,0,1); top:2px;}
#featured h2 {font-size:1.25em; font-weight:700; left:50px; position:absolute; text-shadow:2px 3px 2px rgba(0,0,0,1); top:50px;}
#featured h2 a {color:#fff;}
#featured .flag {bottom:25px; height:100px; position:absolute; right:0; width:300px;}

/* Regular Hero (960x165) */
#hero {color:#fff; height:165px; margin:0 0 10px; position:relative; text-shadow:1px 2px 2px rgba(0,0,0,.9); width:960px;}
#hero h1 {font-size:3.25em; font-weight:700; left:20px; position:absolute; top:10px;}
#hero h2 {font-size:1.75em; font-weight:700; left:20px; position:absolute; top:60px;}


/* category page
---------------------------------------------------------------- */

/* Hero */
.cat-promo img {vertical-align:bottom;}

#cat-header {
	height:200px;
	width:750px;
	margin-top:0px;
	position:relative;
}
#cat-header_text {
	width:742px;
	height:65px;
	overflow:hidden;
	position:absolute;
	bottom:0;
	z-index:2;
	padding:0px;
}
#cat-header_text_label {
	padding:2px 4px 4px 4px;
	background-image:url("../images/art/JP_catHeaderImage_tile_black.png");
	background-repeat:repeat-x;
	background-position:top;
	float:left;
	display:inline-block;
}

#cat-header_text_fade {
	width:100px;
	float:left;
}

#cat-header_text_label h1 {
	color:#FFF;
	font-size:34px;
	font-weight:bold;
}
#cat-header_text_label h2 {
	color:#fff;
	font-size:22px;
	font-weight:normal;
	margin-top:-6px;
}

#page-category #breadcrumbs {margin:0 auto; padding:10px 0 0; width:960px;}
#page-category #left-col .buttons {margin:0 0 20px;}
p#cat-long-desc {margin:10px 0 20px; text-align: justify;}

#cat-welcome {background:#efefef; border:3px solid #ccc; margin:10px 0; min-height:180px; padding:10px;} 
#cat-welcome img.photo {border:1px solid #000; margin:0 20px 0 0;}
#cat-welcome {background:#efefef; margin:10px 0; border:3px solid #ccc; min-height:180px; padding:10px;} 
#cat-welcome img.photo {border:1px solid #000; margin:0 20px 0 0;}


#grid-control {
	margin:10px 0;
	border-bottom:1px solid #C9C9C9;
	overflow:hidden; 
	padding:3px 10px; 
	width:730px;
}

#paging {float:right; margin:0; padding:5px 0;}
#paging a {margin:0; padding:4px 7px;}
#paging a.currentpage {
	background:#C9C9C9;
	border-radius:5px;
	color:#333333;
	font-weight:bold;
}

#sorting {float:left; padding:5px 0;}
#sorting a {border-left:1px solid #ccc; margin:4px 0; padding:0 7px;}
#sorting a.first {border-left:0;}
#sorting a.currentsort {
	background:#C9C9C9;
	border-radius:5px;
	color:#333333;
	font-weight:bold;
	margin:0;
	padding:4px 7px;
}

#fac-nav {
	margin:0 0 10px;
	padding-bottom:16px;
}
#fac-nav .column-box {background:#fff; margin:0; padding:5px 3px 0;}
#fac-nav h3 {
	color:#333333;
	font-size:14px;
	font-weight:bold;
	margin-bottom:0;
	padding:5px 0 3px 5px;
}
#fac-nav div ul {border:0; list-style:none; margin:0; max-height:275px; overflow:auto; padding:6px;}
#fac-nav div ul li {font-size:12px; font-weight:700;}
#fac-nav div ul li.selected a {font-weight:700;} 
#fac-nav div ul li ul li.selected ul li a {font-weight:400;}
#fac-nav div ul li ul li.selected ul li.selected a {font-weight:700;}
#fac-nav div ul li ul {background:#fff; margin:2px 0 0; padding:0 0 0 10px;}
#fac-nav div ul li ul li {font-size:12px; font-weight:700; margin:2px 0;}
#fac-nav a, #fac-nav-selected a {font-weight:400; text-decoration:none;}
#fac-nav-selected a {font-weight:700;}
#fac-nav a:hover, #fac-nav-selected a:hover {text-decoration:underline;}

#fac-nav-selected {
	border:1px dashed #C9C9C9;
	margin-bottom:14px;
	padding:0;
}
#fac-nav-selected ul {list-style:none; margin:0; padding:0;}
#fac-nav-selected p {font-family:"Droid Sans",Arial,Helvetica,sans-serif; font-size:13px; font-weight:700; margin:0; padding:6px 8px;}
#fac-nav-selected ul li a {background:url("../images/art/icon-remove.png") 18px 50% no-repeat; padding-left:36px;}
#fac-nav-selected ul li.reset-selections {
	border-top:1px dotted #ccc;
	background-color:#f0f0f0;
	margin:6px 0 0;
	padding:4px 8px 5px;
}
#fac-nav-selected ul li.reset-selections a {background:none; font-weight:400; padding-left:0;}

.catalog-request-btn {margin:0 0 10px; padding-bottom:16px;}
.catalog-request-btn a {background:#3a7527; border-radius:5px; clear:both; color:#fff; padding:4px 8px; text-align:center; text-decoration:none;}



#page-category .articles {margin:20px 0 16px;}
#page-category .articles .heading {background:#e0ebcc; border-radius:5px 5px 0 0; font-family:"Droid Sans",Arial,Helvetica,sans-serif; font-size:13px; font-weight:700; line-height:18px; margin:0 0 12px; overflow:hidden; padding:6px 8px;}
#page-category .articles .item {margin:0 8px 20px;}

#cat-content {clear:both;}
#cat-content #breadcrumbs {margin:0 0 10px;}
#cats {clear:both; margin:0 0 20px;}
#cats .box a {background:-moz-linear-gradient(top, #fafafa 0%, #f0f0f0 100%); background:-ms-linear-gradient(top, #fafafa 0%, #f0f0f0 100%); background:-o-linear-gradient(top, #fafafa 0%, #f0f0f0 100%); background:-webkit-gradient(top, #fafafa 0%, #f0f0f0 100%); background:-webkit-linear-gradient(top, #fafafa 0%, #f0f0f0 100%); background:linear-gradient(top, #fafafa 0%, #f0f0f0 100%); border:1px solid #c9c9c9; cursor:pointer; float:left; height:110px; margin:0 10px 10px 0; position:relative; text-decoration:none; width:180px;}
#cats .last a {margin-right:0;}
#cats a:hover .icon {-moz-transition:all .5s ease; -o-transition:all .5s ease; -webkit-transition:all .5s ease; opacity:.75; transition:all .5s ease;}
#cats h3 {font-size:10pt; text-align:center; margin:5px 0;}
#cats .icon {border:1px solid #dddddd; display:block; height:60px; margin:10px auto 5px; width:150px;}

#subcat-content {clear:both; width:960px;}
#subcats {clear:both; margin:0 0 20px; width:960px;}
#subcats .box {background:-moz-linear-gradient(top, #fafafa 0%, #f0f0f0 100%); background:-ms-linear-gradient(top, #fafafa 0%, #f0f0f0 100%); background:-o-linear-gradient(top, #fafafa 0%, #f0f0f0 100%); background:-webkit-gradient(top, #fafafa 0%, #f0f0f0 100%); background:-webkit-linear-gradient(top, #fafafa 0%, #f0f0f0 100%); background:linear-gradient(top, #fafafa 0%, #f0f0f0 100%); border:1px solid #c9c9c9; float:left; height:224px; margin:0 20px 20px 0; overflow:hidden; width:174px;}
#subcats .last {margin-right:0;}
#subcats .box a {display:block; padding:20px; text-align:center; text-decoration:none;}
#subcats .icon {border:1px solid #c9c9c9; display:block; height:120px; margin:0 auto 10px; width:120px;}
#subcats .icon:hover {-moz-transition:all .5s ease; -o-transition:all .5s ease; -webkit-transition:all .5s ease; opacity:.75; transition:all .5s ease;}
#subcats .title {display:block; font-size:1em; font-weight:700; margin:0 0 5px;}
#subcats .title:hover {-moz-transition:all .5s ease; -o-transition:all .5s ease; -webkit-transition:all .5s ease; transition:all .5s ease;}
#subcats .subtext {font-size:.95em;}


/* review entry */
#review-submit h1 {font-size:24px;}
#review-submit h2 {font-size:16px; margin:15px 0 0;}
#review-submit h3 {font-size:12px; margin:15px 0 2px;}
#review-submit label {display:block; padding:10px 0 5px; text-align:left;}
#review-submit .field-radio label {display:inline; font-weight:400; padding:0 0 0 3px;}

/* cross sells - cart page */
#cross-sells {margin:10px 0 20px; font-size:12px; width:100%; overflow:hidden;}
#cross-sells a {text-decoration:none; display:block;}
#cross-sells a:hover {text-decoration:underline;}
#cross-sells .cross-sell-item {border:1px solid #ccc; margin:5px; width:161px; padding:0; text-align:center; float:left;}
#cross-sells .cross-sell-item img {border:1px solid #fff; margin:10px 10px 5px;}
#cross-sells .cross-sell-item-name {height:50px; padding:5px;}
#cross-sells .cross-sell-item-buyarea {padding:5px 5px 5px 10px; overflow:hidden; height:35px;}
#cross-sells .cross-sell-item-price {float:left; font-weight:700; font-size:14px;}
#cross-sells a.cross-sell-btn img {float:right; border:0; margin:0;}


/* review */
#review .heading {background:#e0ebcc; border-radius:5px 5px 0 0; font-family:"Droid Sans",Arial,Helvetica,sans-serif; font-size:13px; font-weight:700; line-height:18px; margin:0 0 16px; overflow:hidden; padding:6px 8px; width:304px;}
#review .heading span {float:left;}
#review .heading a {float:right; font-family:"Arial",Helvetica,sans-serif; font-size:12px; line-height:18px;}
#review .summary {margin:16px 0;}
#review .summary .title {font-size:14px; font-weight:700; margin:0 0 4px;}
#review .summary .ratings {float:left;}
#review .summary span {font-size:11px; line-height:18px; margin:0 0 0 6px;}
#review .summary a {line-height:17px; margin:0 0 0 6px;}
#review .item {margin:16px 0;}
#review .item .title {font-size:14px; font-weight:700; margin:0 0 4px;}
#review .item .meta {font-size:11px; margin:5px 0 3px;}
#review .more {margin:16px 0 6px;}

#page-product .col1 #review {margin:16px 0 20px;}
#page-product .col1 #review .summary {margin-left:8px;}
#page-product .col1 #review .item {margin-left:8px;}
#page-product .col1 #review .more {margin-left:8px;}
#page-product .ui-tabs-panel #review .summary {margin-top:6px;}


/* No Search Results Page */
#page-nosearchresults h2 {background:#e0ebcc; border-radius:5px; font-family:"Droid Sans",Arial,Helvetica,sans-serif; font-size:13px; height:30px; line-height:30px; padding:0 10px;}
#page-nosearchresults .msg-alert {background:none; border:0; clear:both; font-size:1.25em; padding:0; text-align:left;}
#page-nosearchresults .msg-alert .text {float:left; width:640px;}
#page-nosearchresults .msg-alert .text h1 {font-size:1.25em;}
#page-nosearchresults .msg-alert .image {background:url("../images/art/no-search-sprite.jpg") -1440px 0 no-repeat; float:right; height:100px; width:100px;}
#page-nosearchresults #feat-cats {clear:both; margin:0 0 20px;}
#page-nosearchresults #feat-cats ul {list-style:none; margin:0; padding:0;}
#page-nosearchresults #feat-cats a {text-decoration:none;}
#page-nosearchresults #feat-cats .box {background:url("../images/art/header-wrap-bg.png") 0 160px repeat-x; float:left; height:275px; margin:0 10px 10px 0; padding:0; width:180px;}
#page-nosearchresults #feat-cats .last {margin-right:0;}
#page-nosearchresults #feat-cats .icon {background:url("../images/art/no-search-sprite.jpg") no-repeat; display:block; height:180px; margin:0 0 5px; width:180px;}
#page-nosearchresults #feat-cats .title {display:block; font-size:1.1em; font-weight:700; margin:0 0 5px 5px; text-decoration:underline;}
#page-nosearchresults #feat-cats .title:hover {text-decoration:none;}
#page-nosearchresults #feat-cats .desc {display:block; margin:0 0 0 5px;}
#page-nosearchresults #feat-cats .img1 {background-position:0 0;}
#page-nosearchresults #feat-cats .img2 {background-position:-180px 0;}
#page-nosearchresults #feat-cats .img3 {background-position:-360px 0;}
#page-nosearchresults #feat-cats .img4 {background-position:-540px 0;}
#page-nosearchresults #feat-cats .img5 {background-position:-720px 0;}
#page-nosearchresults #feat-cats .img6 {background-position:-900px 0;}
#page-nosearchresults #feat-cats .img7 {background-position:-1080px 0;}
#page-nosearchresults #feat-cats .img8 {background-position:-1260px 0;}