@charset "utf-8";

.grid h1,
.grid h2,
.grid h3,
.grid h4,
.grid h5,
.grid h6,
.grid p,
.grid ul,
.grid ol { margin: 0; padding: 0;}

section, header, hgroup, footer, .btn { display: block;}
.grid { padding: 40px 0; -moz-border-radius:4px;font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:13px; color:#000; width:960px; height:300px; margin: 0 auto; clear:both;}
.grid > div {}
.grid section { box-shadow: 0 0 1px rgba(0,0,0,0.2);-moz-box-shadow: 0 0 1px rgba(0,0,0,0.2);-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.2);float:left; margin:0 -1px;-webkit-transition-property:-webkit-box-shadow;-webkit-transition-duration:0.5s;}
.grid .top br {display: none;}
.grid .top p {display: none;}
.grid .top, .grid .price {background: #333; text-align:center; position:relative;}
.grid .top {	border: solid 1px #000000;} 
.grid .top h1, .grid .top h2 { font-size: 18px; color:#ccc; text-shadow: 0 1px 0 #000; height:27px; line-height:27px; border-top: solid 1px #4f4f4f; border-left: solid 1px #4f4f4f;}
.grid .price { background-position: left -29px; background-color:#aadd08; border-left: solid 1px #99c609; border-right: solid 1px #99c609; border-bottom: solid 1px #88b108; }

.grid.col5 .price { background-position: left -29px; background-color:#aadd08; border-left: solid 1px #99c609; border-right: solid 1px #99c609; height: 80px; border-bottom: solid 1px #88b108; }
.grid.col3 .price { background-position: left -29px; background-color:#FE3C15; border-left: solid 1px #dc3716; border-right: solid 1px #dc3716; border-bottom: solid 1px #c43114; }
.grid.col3 .price  { font-size:14px; color:#fff; text-shadow: 0 -1px 0 #000; border-top: solid 1px #dc3716; border-left: solid 1px #c43114; padding: 7px 5px;}
.grid .price  { font-size:14px; color:#333; text-shadow: 0 -1px 0 #eee; border-top: solid 1px #aadd08; border-left: solid 1px #aadd08; padding: 7px 5px;}
.grid.col3 .price p { height: 100%;}
.grid .price label { position: absolute; font-size:0; width:74px; height:74px; overflow:hidden; text-indent:-100em;}
.col5 .price label + h2 { padding-left:25px;}
.grid footer { border: solid 1px #bbb; border-top:none; background-color:#e5e5e5;}
.grid footer ul { margin: 0; border-top: solid 1px #fff;	border-left: solid 1px #f2f2f2; padding: 6px 17px 10px; font-size:14px; list-style: none;}
.grid footer ul li { line-height: 1em; padding: 8px 0; min-height:18px; position:relative; list-style-image: none;}
.grid footer ul li + li { border-top: solid 1px #f5f5f5; box-shadow: 0 -1px 0 #d2d2d2; -webkit-box-shadow: 0 -1px 0 #d2d2d2; -moz-box-shadow: 0 -1px 0 #d2d2d2;}
.grid footer ul li.last { border:none;box-shadow:none; -webkit-box-shadow: none; -moz-box-shadow: none;}
.grid footer ul li strong { font-weight: bold; color: #333;}
.grid footer ul li a:link,
.grid footer ul li a:visited { color: #ddd;}
.grid footer ul li a:hover { color: #fff;}
.grid .btn { background: #7cc319 url(../images/bg-button.gif) repeat-x left bottom; color:#fff; font-size:18px; font-weight:bold; text-shadow: 0 1px 0 #395c09; text-align: center; line-height:40px; border: solid 1px #6aad0f; box-shadow: 1px 2px 3px #548e06;
	-moz-box-shadow: 1px 2px 2px #548e06;
	-webkit-box-shadow:1px 2px 2px #548e06;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;

}
.grid section:hover .btn,.grid section.on .btn{ background-image:url(../images/bg-button-over.gif); background-position:left top;}

.grid section:hover,.grid section.on {	box-shadow: 0 0 15px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 15px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.4); z-index:1;	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; margin: 0 -3px; cursor:pointer; position:relative; top:-10px; }

.grid section p {padding: 7px  5px;}
.grid section:hover p,.grid section.on p { padding: 10px 5px;	}
.grid .col3 section:hover p,.grid .col3 section.on p { padding: 5px;	}
.grid section:hover .btn,.grid section.on .btn { font-size:20px; padding:3px 0;}

.col3 section {width:315px; margin-bottom: 20px;	}
.col3 section.grid_4 { margin-left: 10px; margin-right: 10px;}
.col3 section.grid_4.alpha { margin-left: 0px; margin-right: 10px;}
.col3 section.grid_4.omega { margin-left: 10px; margin-right: 0px;}
.col3 section:hover,.col3 section.on { width:300px; }
.col3 section .btn, .col4 section .btn,.col4 section.on .btn { font-size:22px;}
.col3 section:hover .btn, .col4 section:hover .btn,.col3 section:on .btn, .col4 section:on .btn { font-size:26px;}
.col3 section:hover .style2, .col3 section.on .style2 { font-size:48px;}

.col4 section {width:238px;	}
.col4 section:hover,.col4 section.on { width:242px; }

.col5 section {width:190px;	}
.col5 section.on { width:190px; }


.grid section:hover { z-index: 2;}
.grid section footer ul li:hover .tooltip { display: block;}