﻿
/* Category Title */
div.categoryTitle .heading { background: #6c7354; width: 270px; height: 35px; }
div.categoryTitle .heading h1 { color: #f8f9f3; text-transform: uppercase; font-size: 19px; font-weight: normal; letter-spacing: 2px; padding:10px 10px;}

/*div.categoryTitle .breadcrumb { float: right; background: #625656; width: 382px; height: 15px; padding: 10px; color: #d7d1cc; letter-spacing:1px; }*/
/*div.categoryTitle .breadcrumb a { color: #d7d1cc; }
div.categoryTitle .breadcrumb a:hover { color: #fff; }*/

div.categoryTitle .search { width: 653px; background: #322336; padding: 10px; margin-top: 1px; color: #fff; padding-bottom: 3px; min-height:25px; }
div.categoryTitle .search .keyword { width: 160px; height: 20px; float: right; border-left: dotted 1px gray; padding-left: 10px; }
div.categoryTitle .search .keyword .textbox { background: #b8b6bb; float: left; margin-right: 1px; height: 13px; color: #323132; font-size: 90%; border: none; padding: 3px; padding-left: 5px; width: 120px; }
div.categoryTitle .search .new a { width: 190px; height: 20px; border-left: dotted 1px gray; padding-left: 20px; padding-right: 10px; float: right; background: url(   'Images/Bullet-gray.gif' ) no-repeat 10px 3px; color: #fff; }

div.categoryTitle .search .sub { width: 250px; }
div.categoryTitle .search .sub select { background: #c7c6c1; color: #3d3c3b; font-size: 90%; border: none; width: 180px; margin-bottom: 7px; }

/* Category Introduction */
div.categoryIntro { margin-top: 30px; margin-bottom: 4px; width: 100%; }
div.categoryIntro .image { width: 270px; height: 115px; }
div.categoryIntro .content { float: right; background: #b2af7c; height: 95px; width: 382px; padding: 10px; letter-spacing: 1px; text-align: left;  }
div.categoryIntro .content h2 { color: #fff; font-weight: normal; font-size: 22px; margin-top:0px; }

/* sectionHeader */
div.sectionHeader { width: 247px; height: 15px; background: #969787; padding: 5px 10px 15px 10px; color: #fffffb; font-size: 16px; text-transform: uppercase; }

/* Sub-categories and New arrivals */
div.newArrivals .list, div.subCategories .list { background: #f3f6e5; width: 247px; padding: 10px; border-bottom: 2px solid #969787; margin-bottom: 2px;}
.subCategories .sub { background: url(  'Images/Bullet-brown.gif' ) no-repeat 10px 10px; padding: 5px 25px 2px; }
div.newArrivals .sub a, .subCategories .sub a { color: #3d3d37; font-weight: bold; }
.newArrivals .sub { background: url(  'Images/Bullet-gray.gif' ) no-repeat 12px 7px; padding: 5px 25px 2px; }


/* subcategory Template */
div.subcategoryTemplateWrapper { float: right; }
div.subcategoryTemplate { background: #fff; padding: 10px; width: 382px; border-bottom: 2px solid #969787; padding-top: 0px; }

div.subcategoryTemplate .item { padding: 15px 0px; border-bottom: dotted 1px gray; width:375px; }
div.subcategoryTemplate .item .thumb { float: left; border: 5px solid #d7d8c6; margin-right: 10px; }
div.subcategoryTemplate .item .thumb img { height:70px; width:70px; }
div.subcategoryTemplate .item h3 { font-family: Verdana; color: #b64700; font-size: 11px; margin-bottom: 5px; margin-top: 0px; font-weight: bold; }
div.subcategoryTemplate .item p { margin: 5px; height: 40px; }
div.subcategoryTemplate .item span a { color: #329abf; font-weight: bold; padding-left: 8px; background: url( 'images/bullet-brown2.gif' ) no-repeat 0px 7px; }

/* sibling subcategories menu */
div.siblingSubcategoriesWrapper { float: right; margin-top: 30px; }
div.siblingSubcategories .list { width: 130px; padding: 10px 15px; background: #bdbca7; }
div.siblingSubcategories .list td { padding-bottom: 5px; }
div.siblingSubcategories .list a { font-weight: bold; background: url( 'images/bullet-brown.gif' ) no-repeat 0px 5px; padding-left: 15px; color: #3c3a34; }

/*Subcategory products */
div.products { background: #fff; width: 510px; margin-top: 30px; padding: 7px 0px 0px 0px; }
div.products div.item { border: 1px dotted #abada8; border-width: 0px 1px 1px 0px; width: 155px; height: 210px; float: left; padding: 0px 7px 7px 7px; }
div.products div.item div.image {width: 150px; height: 159px; text-align:center; border: 3px solid #e1e1df; margin-top:4px; display:table-cell; }

div.products div.item img { margin-bottom: 1px; margin:2px auto;  }
div.products div.item .info { background: #e1e2dd; width: 140px; height: 35px; padding: 6px 8px; }

div.products .pager { background: #6d614b; margin-top: 5px; width: 500px; text-align: right; padding: 5px; color: #fff; clear:left;}
div.products .pager a { color: #fff; }
div.products .pager a[disabled] { color: white; background: green; display: none; }

/* Home page categories*/
div.home-category { float: left; border-top: dashed 1px gray; padding-top: 15px; margin-top: 15px; }
div.home-category .item { padding: 0px 13px; border-right: dashed 1px gray; }
div.home-category .item a { color: #bdbbb5; }
div.home-category .item div { background: #282c32 url(Images/home-category-arrow.jpg) no-repeat; padding-left: 25px; margin-top: 1px; width: 120px; height: 19px; }
div.home-category .first { padding-left: 0px; }
div.home-category .last { padding-right: 0px; border-right: none; }


