/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
          transition: none;
}


/**** Base styles ****/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

a img { border: none; }


/**** Isotope styles ****/

/* required for containers to inherit vertical size from window */
html,
body {
  height: 100%;
}

html {
overflow-Y: scroll;
}


#content {
  height: 100%;
}

section {
  display: block;
}

#prodContainer{
	width:750px;
	margin-left:-10px;
	display:block;
}

#imagelist {
max-height: 125px;
max-width: 125px;
}


.element {
	text-align:center;
	background:#FFF url(../images/general/product_box_btm.gif) no-repeat left bottom;
	width:140px;
	height:196px;
	margin:0 0 10px 10px;
	float: left;
	overflow: hidden;
	position: relative;
	/*--Rounded Corners--*/
	-khtml-border-radius:6px;
	-moz-border-radius:6px;	
	-webkit-border-radius:6px;
	border-radius:6px;
	/*--Box Shadow--*/
	-khtml-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);
}

.element:hover {
	-khtml-box-shadow: 0px -1px 2px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);
	box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.4);
}

/*
.element * {
  position: absolute;
  margin: 0;
}
*/

.element a {
	/*font-weight:bold;*/
	text-align:center;
	display: block;
}

.element span{
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
}

.element img {
  margin:0 auto 5px auto;
  display: block;
}

.element div{
  background:url(../images/general/product_box_top.gif) no-repeat left top;
 /* min-height:178px; */
  padding:10px 6px 6px 6px; 
}


/**** Options Filtering Buttons ****/

#options {
	min-height:30px;
	margin:0 0 10px 0;
	display:block;
}

#options h4 {
	color:#FFF;  
	font-size: 14px;
	line-height:30px;
	font-weight:bold;
	vertical-align: top;
	width:75px;
	margin-bottom: 0;
	display:inline-block;
	float:left;  
}

#options ul {
	background:url(../images/general/options_ul.gif) no-repeat left top;
	width:663px;
	height:26px;
	padding:2px 0px 2px 2px;
	margin: 0;
	list-style: none;
	display:inline-block;
	/*--Rounded Corners--*/
	-khtml-border-radius:6px;
	-moz-border-radius:6px;	
	-webkit-border-radius:6px;
	border-radius:6px;
}

#options ul ul {
  margin-left: 1.5em;
}

#options li {
  float: left;
  margin:0;
}

#options li a {
  color: #990000;
  font-size:12px;
  line-height:12px;
  font-weight: bold;
  text-decoration:none;
  text-shadow: #f9f9f9 0 1px 0px;
  background:url(../images/general/options_li_a.gif) repeat-x 0px 0px;
  padding:7px 8px;
  margin:0 2px 0 0;
  display: block;
}

#options li a:hover {
	color:#FFF;
	background-position:0px -26px;
	text-shadow: none;
}

#options li a:active {
  background-position:0px -26px;
  -webkit-box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.4 );
     -moz-box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.4 );
       -o-box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.4 );
          box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.4 );
}

#options li a {
	/*--Rounded Corners--*/
	-khtml-border-radius:5px;
	-moz-border-radius:5px;	
	-webkit-border-radius:5px;
	border-radius:5px;
}

#options li a.selected {
	background-position:0px -52px;
	text-shadow: none;
	color: white;
}

/**** END Options Filtering Buttons ****/

/* Color shapes */

.color-shape {
  width: 70px;
  height: 70px;
  margin: 5px;
  float: left;
}
 
.color-shape.round {
  -webkit-border-radius: 35px;
     -moz-border-radius: 35px;
          border-radius: 35px;
}
 
.color-shape.big.round {
  -webkit-border-radius: 75px;
     -moz-border-radius: 75px;
          border-radius: 75px;
}
 
.color-shape.red { background: red; }
.color-shape.blue { background: blue; }
.color-shape.yellow { background: yellow; }
 
.color-shape.wide, .color-shape.big { width: 150px; }
.color-shape.tall, .color-shape.big { height: 150px; }

.color-shape a {
  display: block;
  height: 100%;
}

.color-shape a:hover {
  background: white;
  background: hsla( 0, 0%, 100%, 0.5 );
}


code .s1,
code .s { color: #78BD55; } /* string */
code .mi, /* integer */
code .cp, /* doctype */
code .kc { color: #5298D4; } /*boolean*/
code .k { color: #E39B79; } /* keyword */
code .kd, /* storage */
code .na { color: #A9D866; } /* markup attribute */
code .p  { color: #EDB; } /* punctuation */
code .o  { color: #F63; }   /* operator */
code .nb { color: #AA97AC;} /* support */

/* comment */
code .c,
code .c1 { color: #666; font-style: italic; }

code .nt { color: #A0C8FC; } /* Markup open tag */

code .nf { color: #9EA8B8; } /* css id */
code .nc { color: #A78352; }  /* CSS class */
code .m  { color: #DE8E50; } /* CSS value */
code .nd { color: #9FAD7E; } /* CSS pseudo selector */



/**** Super list ****/


/**** Sites using Isotope ****/

#sites h2 {
  display: none;
  padding: 0.4em;
  line-height: 32px;
  margin-bottom: 0.4em;
  -webkit-transition: background-color 0.8s;
     -moz-transition: background-color 0.8s;
       -o-transition: background-color 0.8s;
          transition: background-color 0.8s;
}

#sites h2 img {
  display: inline-block;
  margin-right: 0.4em;
  vertical-align: bottom;
}

#sites h2.loading {
  background: white;
  color: #222;
}
#sites h2.error {
  background: red;
  color: #222;
}


#sites ul {
  margin: 0;
}

.super-list .example {
  list-style: none;
  float: left;
  width: 230px;
  margin: 5px;
}

.super-list .example a,
.super-list .example b,
.super-list .example img {
  display: block;
}

.super-list .example img { width: 100%; }

.super-list .example a {
  background: #1F1E1D;
}

.super-list .example a:hover {
  background: white;
  color: #111;
}

.super-list .example b { 
  font-weight: bold;
  line-height: 1.3em;
  padding: 3px;
  padding-top: 8px;
}

.super-list .link {
  float: left;
  position: relative;
  font-size: 24px;
  line-height: 1.2em;
  font-weight: 300;
  margin: 5px;
}

.super-list .link {
  width: 230px;
  height: 110px;
}

.super-list .link a {
  display: block;
  padding: 10px;
  padding-left: 65px;
  height: 90px;
  background: #1F1E1D;
  color: #FE5;
  -webkit-border-radius: 14px;
     -moz-border-radius: 14px;
          border-radius: 14px;
}

.super-list .link a:before {
  content: '➔';
  font-size: 70px;
  position: absolute;
  top: 30px;
  left: 5px;
  -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
       -o-transform: rotate(90deg);
          transform: rotate(90deg);
}

.super-list .link.away a:before {
  top: 25px;
  left: 0px;
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.super-list .link a:hover {
  background: #E58;
  color: white;
}

.super-list .feature .name {
  bottom: auto;
  top: 140px;
  left: 18px;
  font-size: 20px;
}

/**** Infinite Scroll ****/

#infscr-loading {
  position: fixed;
  text-align: center;
  bottom: 30px;
  left: 42%;
  z-index: 100;
  background: white;
  background: hsla( 0, 0%, 100%, 0.9 );
  padding: 20px;
  color: #222;
  font-size: 15px;
  font-weight: bold;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
}


/**** Infinite Scroll ****/


table.productListing {
	background-color:#FFF;
	padding:10px;
	margin:0 8px 20px 10px;
}

table.productListing td {
	padding:4px;
	margin:8px 8px 8px 8px;
	color:#000;
}

table.productListing tr.categories td {
	color:#FFF;
	font-weight:bold;
	background-color:#75232a;
	text-indent:4px;
	padding:5px !important;
	margin:8px 8px 8px 8px;
}

.alternate {
	color:#000;
	background-color:#CCC;
}


.single_image{
	margin: 0 0 0 40px;
}