.hoverbox {
    cursor: default;
    list-style: none;
	z-index : 300;
  }


.hoverbox a {
    cursor: default;
  }


.hoverbox a .preview {
    display: none;
  }


.hoverbox a:hover .preview {
    display: block;
    position: absolute;
    top: -200px;
    left: -120px;
    z-index: 300;
  }


.hoverbox img {
    background: inherit;
    border-color: #aaa #ccc #ddd #bbb;
    border-style: none;
    border-width: 0px;
    color: inherit;
    padding: 2px;
    vertical-align: top;
    height: 150px;
  }


ul.hoverbox {
    list-style-type : none;
    margin : 0px;
    padding : 0px;
    text-align : left;
  }


.hoverbox li {
    background: inherit;
    border-color: #ddd #bbb #aaa #ccc;
    border-style: none;
    border-width: 0px;
    color: inherit;
    display: inline;
    position: relative;
    margin: 0px;
    padding: 0px;
  }


.hoverbox .preview {
    border-color: #000;
    height: 350px;
  }

/*
	HOVERBOXRIGHT - used for display on side of page vs. centered on top
*/

.hoverboxright {
    cursor: default;
    list-style: none;
	z-index : 300;
  }


.hoverboxright a {
    cursor: default;
  }


.hoverboxright a .preview {
    display: none;
  }


.hoverboxright a:hover .preview {
    display: block;
    position: absolute;
    top: -200px;
    left: -120px;
    z-index: 300;
  }


.hoverboxright img {
    background: inherit;
    border-color: #aaa #ccc #ddd #bbb;
    border-style: none;
    border-width: 0px;
    color: inherit;
    padding: 0px;
    vertical-align: top;
    height: 150px;
  }

ul.hoverboxright {
    list-style-type : none;
    margin : 0px;
    padding : 0px;
    text-align : left;
  }


.hoverboxright li {
    background: inherit;
    border-color: #ddd #bbb #aaa #ccc;
    border-style: none;
    border-width: 0px;
    color: inherit;
    display: inline;
    position: relative;
    margin: 0px;
    padding: 0px;
  }


.hoverboxright .preview {
    border-color: #000;
    height: 350px;
  }
  
  
  
/*
	HOVERCHART - used for size / color chart
*/
  
.hoverchart {
    cursor: default;
    list-style: none;
	display : inline;
	z-index : 300;
  }


.hoverchart a {
    cursor: default;
  }


.hoverchart a .preview {
    display: none;
  }


.hoverchart a:hover .preview {
    display: block;
    position: absolute;
    top: -370px;
    left: -200px;
    z-index: 300;
  }


.hoverchart img {
    background: inherit;
    border-color: #aaa #ccc #ddd #bbb;
    border-style: none;
    border-width: 0px;
    color: inherit;
    padding: 0px;
    vertical-align: top;
    height: 15px;
  }

ul.hoverchart {
    list-style-type : none;
    margin : 0px;
    padding : 0px;
    text-align : left;
  }


.hoverchart li {
    background: inherit;
    border-color: #ddd #bbb #aaa #ccc;
    border-style: none;
    border-width: 0px;
    color: inherit;
    display: inline;
    position: relative;
    margin: 0px;
    padding: 0px;
  }


.hoverchart .preview {
    border-color: #000;
    height: 593px;
  }