/*---------------------------------------------------------------------------------------------------
     WEBZ SHOP STYLES
     Shop styles are imported by each individual shop component.
     
		NOTE - it is possible to override any of the shop styles in the theme stylesheets.
		WARNING - Any changes to this stylesheet will be lost when the shop plugin is upgraded.
----------------------------------------------------------------------------------------------------*/

.textLeft { text-align: left; }
.textRight { text-align: right;}
.textCenter { text-align: center; }

.floatLeft { float: left; }
.floatRight { float: right; }
.floatNone { float: none; }

.red { color: red; }
.strike { text-decoration: line-through; }

.hide { display: none !important; }

.shop img { border: none; }

.shop table {
	border: 1px solid #C3D0D8;
	margin-bottom: 10px;
	min-width: 410px;
	white-space: nowrap;
	width: 100%;
}

.shop tr { border-collapse: collapse; }
.shop tr a { color: #649ABE; }
.shop tr a:hover { text-decoration: underline; }
.shop th { padding: 4px; }
.shop td { border-collapse: collapse; padding: 4px; }

.shop form {
  max-width: 560px;
  min-width: 0px;
}


.shop form label {
    border: none;
    float: left;
    margin: 5px 0;
    width: 100%;
}

.shop form label:hover { border: none; }

.shop form label span { float: left; }

.shop fieldset {
  margin: 0 0 20px 0;
  padding:  10px;
  position: relative;
  min-width: 540px; 
  max-width: 560px;
  width: 540px; 
}

.shop legend { }

.shop .cancel { float: left; }
.shop .submit { float: right; }

hr.arrowUpEffect { display: none; } /* further testing req'd +++ */    

/*-----------------------------------------------------------------------
	SHOP-FRONT PAGE
	Displays Category Menu & Category List (thumbnails) in Main Content Area
------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------
	CATEGORY MENU
------------------------------------------------------------------------*/
.shop.categoryNav {
  clear: both;
  float: left;
  margin: 10px 0;
  padding: 0px;
  width: 100%;
}

.shop.categoryNav ul {
  margin: 0 !important;
  padding: 0px !important;
}

.shop.categoryNav ul.subList { }

.shop.categoryNav ul li {
  display: block;
  list-style-type: none;
  padding: 3px 10px;
}

.shop.categoryNav ul li.title {
  height: 24px;
  padding: 8px;
}
.shop.categoryNav ul li.item {
  height: auto;
  min-height: 17px;
  padding: 3px 5px;
}

.shop.categoryNav ul li.subItem { padding: 3px 20px !important; }

.shop.categoryNav ul li.item a:link,
.shop.categoryNav ul li.item a:visited { text-decoration: none; }

/*-----------------------------------------------------------------------
	CATEGORY / PRODUCTS MENU
------------------------------------------------------------------------*/
.shop.productNav {
  clear: both;
  float: left;
  margin: 0 0 10px 0;
  padding: 0px;
  width: 100%;
}

.shop.productNav ul {
  margin: 0;
  padding: 0px;
}

.shop.productNav ul li {
  display: block;
  list-style-type: none;
  padding: 10px;
}

.shop.productNav ul.catList li.title {
  height: 20px;
  width: 128px; /* req'd for IE */
}
.shop.productNav ul.catList li.item {
  height: auto;
  min-height: 17px;
  padding: 3px 5px;
  width: 138px;
}

.shop.productNav ul.prodList {
  margin-top: 5px;
}

.shop.productNav ul.prodList li.item {
  height: auto;
  min-height: 17px;
  padding: 3px 5px 3px 10px;
  width: 128px;
}

.shop.productNav ul.prodList li.item a:link,
.shop.productNav ul.prodList li.item a:visited { text-decoration: none; }

/*-----------------------------------------------------------------------
	CATEGORY LIST VIEW
------------------------------------------------------------------------*/

.shop.category { clear: both; float: left; margin: 0px; padding: 0px; width: 100%; }

.shop .catList { height: auto; float: left; margin: 0px; padding: 0; }

.shop .catList .catItem {
  margin: 0px 0px 20px 0px;
  padding: 0px 8px;
  position: relative;
  border: none;
  float: left;
  height: 166px;
  max-height: 166px;
  overflow: hidden;
  width: 140px;
}

.shop .catList .catItem h3 a {
  display: block;
  line-height: 1em;
  margin: 5px 10px;
}

.shop .catList .catItem p { display: none; }

.shop .catList .catItem .thumb {
  display: block;
  height: 120px;
  margin: 8px;
  width: 120px;
}

.shop .catList .catItem .thumb a { display: block; }

.shop .catList .catItem .description { display: none; }

/* ----------------------------------------------------------------------------------------------------
	SHOP PRODUCT SUMMARY LIST PAGE
	Displays Category Menu & Summary Product List in Main Content Area
---------------------------------------------------------------------------------------------------------*/
.productList { clear: both; float: left; width: 560px; }

h2.title { clear: both; } /* Start a fresh line for each new category */

/* further testing req'd +++                            
.productList .arrowUpEffect {
    background: transparent url('/plugins/webz_shop/images/arrow-up.gif') no-repeat scroll 0px 0px; 
    border: none;
    height: 10px;
    margin: 0px;
    padding: 0px;
    position: relative;
}
*/

.productList .overview {
  height: 170px;
  margin-bottom: 20px;
  position: relative;
  width: 560px;
}

.productList .summary,
.productList .pricing,
.productList .purchase {
  height: 160px;
  float: left;
  margin: 0px;
  padding: 5px;
  overflow: hidden;
}

.productList .overview .summary { height: 130px; padding: 20px; width: 304px; }
.productList .overview .summary a { float: left; } /* req'd for IE */
.productList .overview .pricing { width: 86px; }
.productList .overview .purchase { width: 108px; }

.productList .overview .purchase form { padding: 0 6px; min-width: 96px; width: 96px; }

.productList .overview .pricing label,
.productList .overview .purchase label {
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 10px 0;
}

.productList .overview .summary h3 { height: 25px; }

.productList .overview .summary p { clear: left; }
.productList .overview .summary .thumb { float: left; height: 120px; width: 120px; }
.productList .overview .summary .descr { float: right; height: 95px; overflow: hidden; width: 164px; }
.productList .overview .summary .descr img { display: none; }
.productList .overview .summary a.more { position: absolute; bottom: 30px; left: 160px; }

.productList .overview .purchase .inQty { float: right; width: 28px; }
.productList .overview .purchase .addToCart { float: none; margin: 10px 0; width: 93px; }

/* ----------------------------------------------------------------------------------------------------
	SHOP PRODUCT PAGE
	Displays Category Menu & Full Product View in Main Content Area
	?? may change category menu to category/product menu
---------------------------------------------------------------------------------------------------------*/
.productView { width: 560px; }

/* further testing req'd +++     
.productView .arrowUpEffect {
    background: transparent url('/plugins/webz_shop/images/arrow-up.gif') no-repeat scroll 0px 0px;
    border: none;
    height: 10px;
    margin: 0px;
    padding: 0px;
    position: relative;
}
*/

.productView .details {
  min-height: 175px;
  padding: 20px;
  width: 520px;
}

.productView .details .image { float: left; }

.productView .details .thumb {
  float: left;
  height: 120px;
  width: 120px;
  margin: 10px 0px;
}

.caption { 
  clear: both;
  float: left;
  padding-top: 10px; 
  width: 120px;
}

.productView .details .pricing {
  float: right;
  padding: 10px 20px;
  width: 190px;
}

.productView .details .pricing .amount { float: right; }
.productView .details .pricing .tax { float: right; }
.productView .details .pricing .qty { float: right; width: 88px; }
.productView .details .pricing .atc { float: right; width: 93px; }
.productView .details .pricing .instock .value { float: right; padding-top: 2px; text-align: center; width: 93px; }

.productView .description {
  clear: both;
  float: left; /* to encapsulate child items */
  height: auto;
  padding: 20px;
  width: 520px;
}

.productView .description img { margin: 0 10px; }

/*--------------------------------------------------------
  MY CART PAGE
---------------------------------------------------------*/
.cart { width: 560px; }

/* further testing req'd +++     
.cart .arrowUpEffect {
    background: transparent url('/plugins/webz_shop/images/arrow-up.gif') no-repeat scroll 0px 0px;
    border: none;
    height: 10px;
    margin: 0px;
    padding: 0px;
    position: relative;
}
*/

.cart table {
  text-align: left;
  width: 560px;
}

.cart th,
.cart td { padding: 4px; vertical-align: bottom; }

.cart .descr {}
.cart .price {}
.cart .quantity {}
.cart .quantity form { min-width: 80px; }
.cart .delete {}
.cart .subtotal {}

.cart .inQty { width: 20px; }

.emptyCart { margin: auto; width: 140px; }

/*-----------------------------------------------------------------------
    SHOP CHECKOUT PAGE
------------------------------------------------------------------------*/
.frmCustomerDetails { float: left; width: 100%; max-width: 560px; }
.frmCustomerDetails .formFields { float: left; width: 400px;}
.frmCustomerDetails #ddFreight { float: right; width: auto; }

/*--------------------------------------------------------
  REVIEW ORDER PAGE
---------------------------------------------------------*/
.form_wz_cart_review { margin-bottom: 20px; }

/*-----------------------------------------------------------------------
     SHOP SEARCH RESULTS BOX & TABLE
------------------------------------------------------------------------*/
.shop.productSearch {
  clear: both;
  float: left;
  margin: 0 0 10px 0;
  padding: 0px;
  width: 150px;
}

.shop .frmProductSearch {
  position: relative;
  clear: both;
  float: left;
  margin: 0;
  padding: 0px;
  width: 148px;
}
 
.shop .frmProductSearch h3 {   
  height: 24px;
  margin-bottom: 0px;
  padding: 8px;
  width: 132px;
}

.shop .frmProductSearch label {
  clear: both;
  float: left;
  margin: 5px auto;
  height: auto;
  min-height: 17px;
  padding: 3px 5px;
  width: 138px;
}

.shop .frmProductSearch #search_criteria { float: left; margin: 5px 0; width: 134px; }
.shop .frmProductSearch .searchSubmit { float: left; margin: 5px; width: 138px; }

.shop .searchAll {}
.shop .searchAny {}
.shop .searchPhrase {}
.shop .searchDescr { clear: left; float: left; }

.shop.productSearchResults form { max-width: inherit; width: 100%; }

/*----------------------------------------------------------------------------------------------------------------------------------------------------------
    VERTICAL RIGHT COLUMN SHOP QUICKLINKS MENU STYLES
------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.stageView {
  clear: both;
  float: left;
  margin: 0 0 10px 0;
  padding: 0px;
  width: 150px;
}

.stageView ul {
  margin: 0;
  padding: 0px;
}

.stageView ul li {
  display: block;
  list-style-type: none;
  height: auto;
  min-height: 17px;
  padding: 3px 5px;
}

.stageView ul li.title {
  height: 24px;
  padding: 8px;
}

.stageView ul li.item {
  width: 138px;
}

.stageView ul li a:link,
.stageView ul li a:visited { text-decoration: none; }

/*-----------------------------------------------------------------------
    SHOP SPECIALS SECTION
------------------------------------------------------------------------*/

.shop.specials { clear: both; float: left; margin: 0px; padding: 0px; width: 100%; }

.shop.specials .specialsCat {
  float: left; 
  height: auto;
  margin: 0 2px 20px;
  padding: 0;
  position: relative;
  /*width: 560px;*/
}

.shop.specials .specialsCat h2 {   
  height: 24px;
  padding: 5px 20px;
}

.shop.specials .specialsCat .item {
  margin: 0px 0px 20px 0px;
  padding: 0px 8px;
  position: relative;
  float: left;
  height: auto;
  max-height: 170px;
  overflow: hidden;
  text-align: center;
  width: 140px;
}

.shop.specials .specialsCat .item h3 a {
  display: block;
  margin: 5px 10px;
}

.shop.specials .specialsCat .item .thumb {
  display: block;
  height: 120px;
  margin: 8px;
  width: 120px;
}

.shop.specials .specialsCat .item .thumb a { display: block; margin: auto; }

.shop.specials .specialsCat .item .price { }
.shop.specials .specialsCat .item .description { }

/*-----------------------------------------------------------------------
    SHOP SPECIALS OVERVIEW SECTION - Default home page content for eComm
------------------------------------------------------------------------*/

.shop.specialsSummary { clear: both; float: left; margin: 0px; padding: 0px; width: 100%; }

.shop.specialsSummary .overview {
  float: left; 
  height: 180px;
  margin: 0 18px 20px 0;
  padding: 0;
  position: relative;
  width: 120px;
}

.shop.specialsSummary .overview h2 {
  height: 24px;
  padding: 5px 8px;
}

.shop.specialsSummary .overview .thumb a { margin: auto; }