.item {
   /* width:270px;  height:270px;*/
    background:#FFF;
    margin: 10px;
    padding: 1px;
    position:relative;
    float: left;
}

.item .image {
    position: relative;
/*  width: 270px;    height: 190px; */
/*  border: 1px solid red; */
    padding: 2px 0px 0px 0px;   /* pad top by a few px because camelot image export pads bottom! */

    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.item .details {
    position: absolute;
    bottom: 1px;
/*  height: 72px;    width: 262px; */
    padding: 4px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.item .details .buttons:before,
.item .details .buttons:after {
    content: " ";
    display: table;
}

.item .details .buttons:after {
    clear: both;
}

.item .details .content {

  	font-family: 'Open Sans', sans-serif;
		font-weight: 300;
		font-size: 13px;
		line-height:100%;
    padding: 2px;  
}

.item .details .buttons {
    position: absolute;
  /*  width: 262px; */
    bottom: 4px;
}

.item .details .buttons .grey{
    /*
    width: 60px;
    text-align: center;
    */
    display:none; 
    float: left;
    margin-right: 5px;
    cursor: pointer;
    border-color:#888C90;border-width: 0px 0px 1px 0px;border-style: solid; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;font-size:13px;font-family:arial, helvetica, sans-serif; padding: 4px 10px 4px 10px; text-decoration:none; display:inline-block; color: #000000;
    background-color: #E2E6EA; background-image: -webkit-gradient(linear, left top, left bottom, from(#E2E6EA), to(#C6CACE));
    background-image: -webkit-linear-gradient(top, #E2E6EA, #C6CACE);
    background-image: -moz-linear-gradient(top, #E2E6EA, #C6CACE);
    background-image: -ms-linear-gradient(top, #E2E6EA, #C6CACE);
    background-image: -o-linear-gradient(top, #E2E6EA, #C6CACE);
    background-image: linear-gradient(to bottom, #E2E6EA, #C6CACE);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E2E6EA, endColorstr=#C6CACE);
}

.item .details .buttons .grey:hover{
    border-color:#ACAEB1;border-width: 0px 0px 1px 0px;border-style: solid;color: #66686b;
    background-color: #EBEDF0; background-image: -webkit-gradient(linear, left top, left bottom, from(#EBEDF0), to(#d7dadd));
    background-image: -webkit-linear-gradient(top, #EBEDF0, #d7dadd);
    background-image: -moz-linear-gradient(top, #EBEDF0, #d7dadd);
    background-image: -ms-linear-gradient(top, #EBEDF0, #d7dadd);
    background-image: -o-linear-gradient(top, #EBEDF0, #d7dadd);
    background-image: linear-gradient(to bottom, #EBEDF0, #d7dadd);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#EBEDF0, endColorstr=#d7dadd);
}

.item .details .buttons .blue {
    /*
    width: 60px;
    text-align: center;
    */
    display:none; 
    float: right;
    margin-left: 5px;
    cursor: pointer;
    border-color:#4C7EAF;border-width: 0px 0px 1px 0px;border-style: solid; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 4px 10px 4px 10px; text-decoration:none; display:inline-block; color: #000000;
    background-color: #8AC4FD; background-image: -webkit-gradient(linear, left top, left bottom, from(#8AC4FD), to(#61B0FC));
    background-image: -webkit-linear-gradient(top, #8AC4FD, #61B0FC);
    background-image: -moz-linear-gradient(top, #8AC4FD, #61B0FC);
    background-image: -ms-linear-gradient(top, #8AC4FD, #61B0FC);
    background-image: -o-linear-gradient(top, #8AC4FD, #61B0FC);
    background-image: linear-gradient(to bottom, #8AC4FD, #61B0FC);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#8AC4FD, endColorstr=#61B0FC);
}

.item .details .buttons .blue:hover {
    border-color:#82A5C7;border-width: 0px 0px 1px 0px;border-style: solid;color: #66686b;
    background-color: #ADD5FD; background-image: -webkit-gradient(linear, left top, left bottom, from(#ADD5FD), to(#90c7fd));
    background-image: -webkit-linear-gradient(top, #ADD5FD, #90c7fd);
    background-image: -moz-linear-gradient(top, #ADD5FD, #90c7fd);
    background-image: -ms-linear-gradient(top, #ADD5FD, #90c7fd);
    background-image: -o-linear-gradient(top, #ADD5FD, #90c7fd);
    background-image: linear-gradient(to bottom, #ADD5FD, #90c7fd);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ADD5FD, endColorstr=#90c7fd);
}

.item .details .buttons .green{
    /*
    width: 60px;
    text-align: center;
    */
    display:none; 
    float: right;
    margin-left: 5px;
    cursor: pointer;
    border-color:#55833B;border-width: 0px 0px 1px 0px;border-style: solid; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 4px 10px 4px 10px; text-decoration:none; display:inline-block; color: #000000;
    background-color: #C7FEA7; background-image: -webkit-gradient(linear, left top, left bottom, from(#C7FEA7), to(#94DA6C));
    background-image: -webkit-linear-gradient(top, #C7FEA7, #94DA6C);
    background-image: -moz-linear-gradient(top, #C7FEA7, #94DA6C);
    background-image: -ms-linear-gradient(top, #C7FEA7, #94DA6C);
    background-image: -o-linear-gradient(top, #C7FEA7, #94DA6C);
    background-image: linear-gradient(to bottom, #C7FEA7, #94DA6C);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#C7FEA7, endColorstr=#94DA6C);
}

.item .details .buttons .green:hover{
    border-color:#88A876;border-width: 0px 0px 1px 0px;border-style: solid;color: #66686b;
    background-color: #D8FEC1; background-image: -webkit-gradient(linear, left top, left bottom, from(#D8FEC1), to(#b4e598));
    background-image: -webkit-linear-gradient(top, #D8FEC1, #b4e598);
    background-image: -moz-linear-gradient(top, #D8FEC1, #b4e598);
    background-image: -ms-linear-gradient(top, #D8FEC1, #b4e598);
    background-image: -o-linear-gradient(top, #D8FEC1, #b4e598);
    background-image: linear-gradient(to bottom, #D8FEC1, #b4e598);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#D8FEC1, endColorstr=#b4e598);
}

.item .details .buttons .red{
    /*
    width: 60px;
    text-align: center;
    */
    display:none; 
    float: right;
    margin-left: 5px;
    cursor: pointer;
    border-color:#FF1919;border-width: 0px 0px 1px 0px;border-style: solid; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 4px 10px 4px 10px; text-decoration:none; display:inline-block; color: #000000;
    background-color: #FF1919; background-image: -webkit-gradient(linear, left top, left bottom, from(#FF1919), to(#FF704D));
    background-image: -webkit-linear-gradient(top, #FF1919, #FF704D);
    background-image: -moz-linear-gradient(top, #FF1919, #FF704D);
    background-image: -ms-linear-gradient(top, #FF1919, #FF704D);
    background-image: -o-linear-gradient(top, #FF1919, #FF704D);
    background-image: linear-gradient(to bottom, #FF1919, #FF704D);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FF1919, endColorstr=#FF704D);
}

.item .details .buttons .red:hover{
    border-color:#FF1919;border-width: 0px 0px 1px 0px;border-style: solid;color: #FF1919;
    background-color: #FF1919; background-image: -webkit-gradient(linear, left top, left bottom, from(#FF1919), to(#FFC6B8));
    background-image: -webkit-linear-gradient(top, #FF1919, #FFC6B8);
    background-image: -moz-linear-gradient(top, #FF1919, #FFC6B8);
    background-image: -ms-linear-gradient(top, #FF1919, #FFC6B8);
    background-image: -o-linear-gradient(top, #FF1919, #FFC6B8);
    background-image: linear-gradient(to bottom, #FF1919, #FFC6B8);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FF1919, endColorstr=#FFC6B8);
}

.item-message {
		left:50%;
		top:50%;
		position:absolute;
		margin-left:-70px;
    text-align: center;
}

.menu {
		display:none;
    margin: -70px 0 0 65px;
    position:relative;
    z-index:102;
}
.arrow {
		margin-left: 50px;
		position: absolute;
		z-index:100;
		background: url(../img/menu-arrow.png) no-repeat 0px 0px transparent;
		width:12px;
		height:9px;
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 2dppx) { 
	.arrow {
			margin-left: 50px;
			position: absolute;
			z-index:100;
			background: url(../img/menu-arrow@2x.png) no-repeat 0px 0px transparent;
			width:12px;
			height:9px;
			background-size: 12px 9px;
	}
}

.tooltip_menu {
		margin-top:7px;
		position:absolute;
		background-image: -webkit-gradient(
			linear,
			left top,
			left bottom,
			color-stop(0, #7A7A7A),
			color-stop(1, #4C5054)
		);
		background-image: -o-linear-gradient(bottom, #7A7A7A 0%, #4C5054 100%);
		background-image: -moz-linear-gradient(bottom, #7A7A7A 0%, #4C5054 100%);
		background-image: -webkit-linear-gradient(bottom, #7A7A7A 0%, #4C5054 100%);
		background-image: -ms-linear-gradient(bottom, #7A7A7A 0%, #4C5054 100%);
		background-image: linear-gradient(to bottom, #7A7A7A 0%, #4C5054 100%);
		background-color: #7A7A7A;
    color:#fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 13px;
    line-height:100%;
    text-shadow:0 1px 0 rgba(0,0,0,0.3);
    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 110px;
    text-align:center;
    -webkit-box-shadow: 1px 2px 4px rgba(0,0,0,.3);
    -moz-box-shadow: 1px 2px 4px rgba(0,0,0,.3);
    box-shadow: 1px 2px 4px rgba(0,0,0,.3);
    padding: 0;
    z-index:100;
}
.tooltip_menu a {
    padding: 5px;
    display: block;
    text-decoration: none;
    color: #fff;
    border-bottom: 1px rgba(255,255,255,.1) solid;
    z-index:102;
    cursor:pointer;
}
.tooltip_menu a:hover {
    background: #87b5e1;
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
}
.tooltip_menu a img {
    position: relative;
    top: 5px;
    border: 0;
}
.tooltip_menu a:first-child {
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}
.tooltip_menu a:last-child {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    border-bottom:0px;
}
.tooltip_menu a:only-child {
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}