@import url(main-style.css);

div#prodIdDisplay {
  margin: 0;
  padding: 3px;
  border: 1px solid #DDD;
  display: inline;

}

div#widgetTopTen {
  border: 1px solid red;
  display: inline;
  float: right;
  width: 240px;
  margin-top: 20px;
}

div#widgetTopTenHead {
  background: red;
  color: white;
  font-weight: bold;
  font-size: 11pt;
  text-align: center;
}


div#widgetTopTen td {
  text-align: center;
  font-size: 6pt;
}

div.descp {
  font-size:9pt;
  height: 45px;
  padding-top:5px;
  padding-bottom:10px;
  text-align:center;
  line-spacing:160%
}

div.optionsBar {
  background: #EEEEEE;
  padding: 3px;
}

/*******************************/
/* CATALOG ITEMS PAGES SECTION */

div.catalogItem {
  border: 2px solid #DFDFDF;
  width: 185px;
  float: left;
  font-size: 8pt;
  padding: 5px;
  margin-bottom: 10px;
  min-height: 320px;
  max-height: 320px;
}
 
div.catalogPageNav {
  margin: 10px 0px 10px 0px;
  padding: 4px;
  background: #EFEFEF;
  border: 1px solid #FFDD00;
  clear: both;
  height: 17px;
}

div#catalogDisplayPage {
  float: left;
  margin-bottom: 10px;
  clear: both;
  width: 1000px;
  padding-left: 3px;
} 

div#catalogSortResults {
  float: right;
  margin: 0px;
  width: 160px;
  clear: right;
  padding: 0px;
} 

/*********************************/
/* COLLECTION NAVIGATION SECTION */

div#collectionNavContainer {
  float: right;
  width: 195px;
  margin: 0;
  padding: 0px;
  background: #BBB;
  text-align: center;
}

div#collectionNavContainer  p{
  background: #EEE;
  color: #888;
  font-weight: bold;
  margin: 0;
  padding: 10px 0px 0px 10px;
  font-size: 9pt;
  text-align: center;
  
}

div#collectionNav {
  width: 175px;
  margin: 0;
  padding: 5px;
  border: 2px solid #BBB;
  background: #FFF;
  text-align: center;
  overflow: auto;
}

div#collectionNav div{
  margin: 20px 5px 20px 5px;
  font-size: 8pt;
  text-align: center;
}



/*****************************/
/* PAGE CONTINUATION SECTION */

div.continuation {
  background: #EFEFEF;
  border: 1px solid #FFDD00;
  font-size: 9pt;
  padding: 5px;
  clear: both;
  margin: 0;
  font-weight: bold;
}

span.continueLastButton {
  margin-right: 20px;
  border: 1px solid #FFEE22;
  background: #FFF;
  padding: 3px;
}

span.continueLastButton:hover {
  margin-right: 20px;
  border: 1px solid #FFEE22;
  background: #FFEE22;
  padding: 3px;
}

span.continueLastButtonOff {
  margin-right: 20px;
  border: 1px solid #FEFEFE;
  background: #FEFEFE;
  padding: 3px;
  color: #C0C0C0;
}

span.continueNextButton {
  margin-left:20px;
  border: 1px solid #FFEE22;
  background: #FFF;
  padding: 3px;
}

span.continueNextButtonOff {
  margin-right: 20px;
  border: 1px solid #FEFEFE;
  background: #FEFEFE;
  padding: 3px;
  color: #C0C0C0;
}

span.continueNextButton:hover {
  margin-left:20px;
  border: 1px solid #FFEE22;
  background: #FFEE22;
  padding: 3px;
}

span#currentPage {
  font-size: 11pt;
  font-weight: bold;
  padding: 2px 5px;
  background: #FFEE22;
}

div#pageSelect {
  background: #FFF;
  border: 1px solid #FFEE22;  
  padding: 0 5px 5px 5px;
  display: inline;
  width: 500px;
  margin-left: 105px;
  margin-right: 105px;
}



/***************************/
/* PRODUCT FILTERS SECTION */

div#filters {
  font-size: 8pt;
  font-weight: normal;
  border: 2px solid #CCC;
  margin: 10px 0px 0px 10px;
  padding: 10px 5px;
  float: right;
  width: 220px;
  background: #DADADA;

}

div#filters div {
  font-size: 9pt;
  font-weight: bold;
  border: 2px solid #CCC;
  margin: 0px 0px 20px 0px;
  padding: 5px 5px;
  background: #FEFEFE;
  text-align: center;
  letter-spacing: 120%;

}

div#filtersToolbox {
  font-size: 8pt;
  font-weight: normal;
  border: 2px solid #CCC;
  margin: 10px 10px 10px 20px;
  padding: 0px 0px 5px 5px;
  background: #DADADA;
  float: left;
  min-width: 700px;
  clear: both;
  
}

div#filtersToolbox div {
  font-size: 9pt;
  font-weight: bold;
  border: 0px;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  background: #DEDEDE;
  float: left;
  width: 230px;
  letter-spacing: 120%;

}

div#filtersToolbox div.filterHead {
  color: #000;
  font-size: 8pt;
  font-weight: bold;
  margin: 0px 0px 0px 0px;
  padding: 3px 3px;
  background: #FFF;
  text-align: left;
  background: url(/img/filtersmenu-back.gif) no-repeat;  
}

div#filtersToolbox span {
  font-size: 9pt;
  font-weight: bold;
/*  border-bottom: 2px solid #CCC; */
  margin: 0px 0px 0px -5px;
  padding: 5px 2px;
  background: #FEFEFE;
  text-align: left;
  width: 700px;
  letter-spacing: 130%;
  display: block;

}

div#filters ul {
  list-style: none;  
  margin: 0px;
  padding: 0px;  

}

div#filters ul ul {
  background: #EFEFEF; 
  position: absolute; 
  top: 20;
  left: 15%;
  margin: 0;
  padding: 0;
  width: 200px;
    max-height: 300px;
  overflow: auto;
}
  
div#filters ul li{
  width: 200px;
  height: 25px;
  background: url(/img/filtersmenu-back.gif) no-repeat;  
  border: 0px 0px 1px 0px solid #CCC;
  padding-left: 5px;
  padding-top: 3px;
  margin: 0px 0px 50px 5px;
  padding-bottom: 0;
  letter-spacing: .25em;
  font-weight: bold;

}

div#filters ul ul li{
  background: #EFEFEF;  
  padding-left: 5px;
  margin: 0px;
  letter-spacing: 0;
  font-weight: normal;
  border: 0;
  display: block;
  z-index: 100;

}

div#filters li {
  position: relative;
}

div#filters ul ul li a:hover {
  font-weight: normal;
  background: #FFDD00;

}


div#filters ul ul,
div#filters ul li:hover ul ul {
  display: none;
}

div#filters ul li:hover ul, 
div#filters ul ul li:hover ul {
  display: block;
}

.filterInput {
  font-size: 11px;
  min-width: 200px;
  max-width: 200px;
  padding: 0px 0px;
  line-height: 125%;
}
  
/*******************************/
/* ITEM GROUP SECTION */

#groupItemContainer {
  padding: 0;
  margin: 0;
  width: 980px;

}

#groupItemInfo {
  background: url(/img/group-item-back-top.jpg) repeat-x;
  padding: 10px;
  padding-top: 0;
  float: left;
  width: 510px;
  border-left: 1px solid #FEFEFE;
  border-top: 10px solid #FEFEFE;
}

#groupItemContainer h1 {
  padding-bottom: 0px;
  margin-bottom: 0px;
  font-size: 15pt;
  font-weight: bold;
}

#groupItemContainer h1 span {
  padding-left: 10px;
  font-size: 15pt;
  font-weight: bold;
}

#groupItemContainer h2 {
  padding-top: 10px;
  font-size: 13pt;
  font-weight: bold;
}

#groupItemContainer h2 span {
  padding-left: 10px;
  font-size: 13pt;
  font-weight: bold;
}

#groupItemContainer h3 {
  padding-top: 10px;
  font-size: 10pt;
  font-weight: bold;
}

#groupItemContainer h3 span {
  padding-left: 10px;
  font-size: 10pt;
  font-weight: normal;
}

#groupItemInfo ul{
  margin: 0 0 0 10px;
  padding: 0 0 0 5px;
  max-width: 400px;
}

#groupItemInfo ul li {
  margin: 0 0 0 10px;
  padding: 0;
  font-size: 8pt;

}

#groupItemImageArea {
  padding: 0;
  margin: 0;
  float: left;
/*  position: relative; */
  width: 440px;  
/*  height: 300px; */
  border: 2px solid #EEE; 
}

#groupItemImage {
  width: 340px;
/*  position: absolute;
  right: 0;
  top 0; */
  text-align: center;
  float: left;
}

div.groupItemImageThmb {
  width: 70px;
  margin: 0px 20px 20px 0px;
  text-align: center;
  float: left;
}

div#groupItemImageThmbs {
  width: 70px;
  text-align: center;
  float: left;
}

div.groupItemImageThmb img {
  width: 100px;

}

#groupMultImageArea {
  width: 100px;
  height: 300px;
/*  position: absolute;
  left 0;
  top 0; */
  border: 0 1px 0 0 solid #EEE;
  overflow: auto;
  font-size: 8pt;
  font-weight: bold;
  text-align: center; 
  float: left;
}

.groupMultImage {
  font-size: 7pt;
  text-align: center;
  padding-bottom: 10px;
}

.groupMultImage img {
  border: 0;
  width: 50px;

}

#groupItemExtras {
  padding: 0;
  margin: 0;
  width: 400px;
  float: left;

}


#groupItemExtraInfo {
  padding-top: 10px;
  width: 410px;

}

#groupItemExtraInfo ul{
  margin: 0 0 0 10px;
  padding: 0;
  width: 400px;
  float: left;
}

#groupItemExtraInfo ul li{
  list-style: none;
  font-size: 8pt;
  line-height: 175%;
}

div#groupItemHelpBox {
  width: 160px;
  float: left;
  border: 1px solid #843E2D;
  padding: 5px;
  background: #F2DED9;
  margin-top: 10px;
  margin-left: 10px;
}

div#groupItemHelpBox h6 {
  font-size: 10pt;
  font-weight: bold;
  padding: 3px;
  text-align: center;
  margin: 0;
  background: #FCF0ED;
}

div#groupItemHelpBox ul {
  margin: 0 0 0 10px;
  padding: 0;

}

div#groupItemHelpBox div {
  margin: 0;
  padding: 0;
  background: #FFF;

}

div#groupItemHelpBox ul li{
  list-style: none;
  font-size: 9pt;
  line-height: 175%;

}

div#alsoBought {
  width: 523px;
  margin-top:10px;
  float: left;
}

div#alsoBought div#header {
  width:100%;
  border: 2px solid linen;
  padding:5px;
  margin-top:10px;
  font-size:9pt;
  font-weight:bold;
  clear: both;
}
 
div.alsoBought {
  width: 60px;
  margin: 10px 15px 10px 10px;
  padding: 5px;
  float: left;
  font-size: 7pt;
  text-align: center;
}  

/************************************/
/******** PROD INFO PANEL ***********/


div#itemInfoPanelTabsContainer {
  width: 523px;
  height: auto;
  font-size: 10pt;
  float: left;

}

div#itemInfoPanelTabsContainer ul li {
  font-size: 10pt;

}

div.itemInfoPanelTab {
  border-top: 2px solid #D90000;
  border-right: 2px solid #D90000;
  border-bottom: 2px solid #D90000; 
  width: 88px;
  padding: 10px 5px 10px 5px;
  font-size: 10pt;
  text-align: center;
  color: #C0C0C0;
  float: left;
}



/***********************************/
/******** CUSTOM ITEM PAGE  ********/
div#customItemPageMain {
  width:940px;
  padding: 10px;
  margin:10px;
}


/***********************************/
/******** SELECTIVE SEARCH ********/

div.searchDept {
  float: left;
  clear: both;
  width: 980px;
  min-height: 80px;
  margin: 10px 0px 50px 10px;
  padding: 0px;
  background: url(/img/search-back.jpg) repeat-x;
  border-top: 1px solid #000;
}

div.searchDept h1{
  font-size: 11pt;
  margin: 0px;
  padding: 5px;
  border-bottom: 1px solid #FFF;
}


div.searchDept div{
  min-width: 220px;
  float: left;
  font-size: 16pt;
  margin: 0px 0px 0px 50px;
  padding: 0px;

}

div.searchDept div div {
  font-size: 9pt;
  font-weight: bold;
  float: none;
  margin: 0px;
  padding: 2px;
  background: #FFFFFF;
  letter-spacing: 125%;

}

span.inputLabel {
  font-size: 16pt;
  font-weight: bold;
  margin: 0px 10px 0px 20px;
}

.searchInput {
  font-size: 12px;
  font-weight: bold;
  min-width: 240px;
  color: #DD3300;
}



.hidden {
  display: none;
}

h1 {
  font-size: 16pt;
  font-weight: bold;
}

div.testimonial {
  text-align: justify;
  font-size: 8pt;
  padding: 7px;
  float: right;
  width: 220px;
  max-height: 75px;
  overflow: hidden;
  border: 2px solid #0000E8;
  background-color: #F0F0FF;
  margin-right: 10px;
}

div.testimonial span {
  font-family: Arial, Arnprior;
  font-weight: bold;
}

div.testimonial div {
  font-family: Arial, Arnprior;
  text-align: center;
  font-weight: bold;
  font-size: 11pt;
  font-variant: small-caps;
  background-color: #B1BEFC;
  margin: -8px -10px 3px -10px;
  font-style: italic;
  
}