/*
File Name: minimal.css
Package: 4 Unique Pricing Table
Author: Themio
Author URI: http://themio.net/
Version: 1.0

/* Structure
-------------------------------------------------------------------*/
@import url(../_shared/reset.css);


@import url(http://fonts.googleapis.com/css?family=Open+Sans);


html {font-size: 100%;}

body {
	font-family: "Open Sans", arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5;
}

a {text-decoration: none}
.inner-content2 a{ text-decoration:underline;}
.inner-content a{text-decoration:underline;}
/* Table
-------------------------------------------------------------------*/

.minimal {width: 100%; margin: auto 0; }
.minimal .plan {width:17%; float: left; margin-left: 5px;}
.minimal .p1{width:27%;}
.minimal .plan:first-child {margin-left: 5px;}

.minimal .plan h3 {font-size: 16px; text-align: center; color: #fff; line-height: 45px; margin:0;}
.minmal .plan h3 {background: #5e923c}

.minimal .plan li:nth-child(2n) {background: #fafafa;}

.minimal .plan li {line-height: 2.4em;}
.select, .plan li {text-align: left; padding-left:6px; font:bold 11px Arial, Helvetica, sans-serif;}


.minimal .plan h3{border-radius: 4px 4px 0 0}
.minimal .plan .select {border-radius: 0 0 4px 4px}

.minimal .select {background: #e7e7e7; height: 8px; border: 1px solid #c8c8c8}
.minimal .select div {padding-top: 3px; text-shadow: 0 1px 0px #fff;}

.minimal .features {border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.minimal .features h3{background:#F2F2F2!important; color:#000; font-weight:bold; line-height:30px; border-radius:0;}
.minimal .features h3 a{color:#5F8112; text-decoration:underline;}
.minimal .features h3 a:hover{color:#5F8112; text-decoration:none;}
.minimal .features ul {margin:0; padding:0; list-style-type:none;}
.minimal .plan .features ul li{text-align:center;}
.minimal .plan .list-cat ul.list li{text-align:left;}
.minimal .features ul.list li:nth-child(even){background:#f2f2f2;}

/* specialized
-------------------------------------------------------------------*/
.minimal h4 {color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,0.2); margin:0;}

.interval {font-size: 14px; line-height:24px; padding:4px 0;}

.amount, .interval {display: block; text-align: center}
.amount {font-size: 40px; }
.amount span {vertical-align: super; font-size: 20px}

/* Top
-------------------------------------------------------------------*/
.minimal .p1 h3{
    background: #6c9e4a;
    background: -moz-linear-gradient(top, #6c9e4a 0%, #578d35 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6c9e4a), color-stop(100%,#578d35));
    background: -webkit-linear-gradient(top, #6c9e4a 0%,#578d35 100%);
    background: -o-linear-gradient(top, #6c9e4a 0%,#578d35 100%);
    background: -ms-linear-gradient(top, #6c9e4a 0%,#578d35 100%);
    background: linear-gradient(top, #6c9e4a 0%,#578d35 100%);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c9e4a', endColorstr='#578d35',GradientType=0 );
    border-bottom: 1px solid #4a7c2d;
}
.minimal .p2 h3 {
    background: #5574b1;
    background: -moz-linear-gradient(top, #5574b1 0%, #405fa3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5574b1), color-stop(100%,#405fa3));
    background: -webkit-linear-gradient(top, #5574b1 0%,#405fa3 100%);
    background: -o-linear-gradient(top, #5574b1 0%,#405fa3 100%);
    background: -ms-linear-gradient(top, #5574b1 0%,#405fa3 100%);
    background: linear-gradient(top, #5574b1 0%,#405fa3 100%);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5574b1', endColorstr='#405fa3',GradientType=0 );
    border-bottom: 1px solid #365195;
}
.minimal .p3 h3 {
    background: #ce5d26;
    background: -moz-linear-gradient(top, #ce5d26 0%, #c54716 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ce5d26), color-stop(100%,#c54716));
    background: -webkit-linear-gradient(top, #ce5d26 0%,#c54716 100%);
    background: -o-linear-gradient(top, #ce5d26 0%,#c54716 100%);
    background: -ms-linear-gradient(top, #ce5d26 0%,#c54716 100%);
    background: linear-gradient(top, #ce5d26 0%,#c54716 100%);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce5d26', endColorstr='#c54716',GradientType=0 );
    border-bottom: 1px solid #b3320f;
}
.minimal .p4 h3 {
    background: #906030;
    background: -moz-linear-gradient(top, #906030 0%, #7e4b1e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#906030), color-stop(100%,#7e4b1e));
    background: -webkit-linear-gradient(top, #906030 0%,#7e4b1e 100%);
    background: -o-linear-gradient(top, #906030 0%,#7e4b1e 100%);
    background: -ms-linear-gradient(top, #906030 0%,#7e4b1e 100%);
    background: linear-gradient(top, #906030 0%,#7e4b1e 100%);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#906030', endColorstr='#7e4b1e',GradientType=0 );
    border-bottom: 1px solid #653c18;
}

.minimal .p5 h3 {
    background: #96975d;
    background: -moz-linear-gradient(left, #96975d 0%, #8c8a50 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#96975d), color-stop(100%,#8c8a50));
    background: -webkit-linear-gradient(left, #96975d 0%,#8c8a50 100%);
    background: -o-linear-gradient(left, #96975d 0%,#8c8a50 100%);
    background: -ms-linear-gradient(left, #96975d 0%,#8c8a50 100%);
    background: linear-gradient(left, #96975d 0%,#8c8a50 100%);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96975d', endColorstr='#8c8a50',GradientType=1 );
    border-bottom: 1px solid #656D2D;
}

.minimal .p6 h3 {
    background: #5f47ad;
    background: -moz-linear-gradient(left, #5f47ad 0%, #4c39a3 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#5f47ad), color-stop(100%,#4c39a3));
    background: -webkit-linear-gradient(left, #5f47ad 0%,#4c39a3 100%);
    background: -o-linear-gradient(left, #5f47ad 0%,#4c39a3 100%);
    background: -ms-linear-gradient(left, #5f47ad 0%,#4c39a3 100%);
    background: linear-gradient(left, #5f47ad 0%,#4c39a3 100%);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f47ad', endColorstr='#4c39a3',GradientType=1 );
    border-bottom: 1px solid #382D7D;
}

.minimal .p7 h3 {
    background: #52a25a;
    background: -moz-linear-gradient(left, #52a25a 0%, #459749 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#52a25a), color-stop(100%,#459749));
    background: -webkit-linear-gradient(left, #52a25a 0%,#459749 100%);
    background: -o-linear-gradient(left, #52a25a 0%,#459749 100%);
    background: -ms-linear-gradient(left, #52a25a 0%,#459749 100%);
    background: linear-gradient(left, #52a25a 0%,#459749 100%);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52a25a', endColorstr='#459749',GradientType=1 );
    border-bottom: 1px solid #0E6216;
}

.minimal .p8 h3 {
    background: #ad4747;
    background: -moz-linear-gradient(left, #ad4747 0%, #a3393e 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ad4747), color-stop(100%,#a3393e));
    background: -webkit-linear-gradient(left, #ad4747 0%,#a3393e 100%);
    background: -o-linear-gradient(left, #ad4747 0%,#a3393e 100%);
    background: -ms-linear-gradient(left, #ad4747 0%,#a3393e 100%);
    background: linear-gradient(left, #ad4747 0%,#a3393e 100%);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad4747', endColorstr='#a3393e',GradientType=1 );
    border-bottom: 1px solid #7D2D2D;
}

.minimal .p9 h3 {
    background: #479aad;
    background: -moz-linear-gradient(left, #479aad 0%, #3995a3 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#479aad), color-stop(100%,#3995a3));
    background: -webkit-linear-gradient(left, #479aad 0%,#3995a3 100%);
    background: -o-linear-gradient(left, #479aad 0%,#3995a3 100%);
    background: -ms-linear-gradient(left, #479aad 0%,#3995a3 100%);
    background: linear-gradient(left, #479aad 0%,#3995a3 100%);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#479aad', endColorstr='#3995a3',GradientType=1 );
    border-bottom: 1px solid #4a7c2d;
}

.minimal .p10 h3 {
    background: #95ad47;
    background: -moz-linear-gradient(left, #95ad47 0%, #90a339 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#95ad47), color-stop(100%,#90a339));
    background: -webkit-linear-gradient(left, #95ad47 0%,#90a339 100%);
    background: -o-linear-gradient(left, #95ad47 0%,#90a339 100%);
    background: -ms-linear-gradient(left, #95ad47 0%,#90a339 100%);
    background: linear-gradient(left, #95ad47 0%,#90a339 100%);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95ad47', endColorstr='#90a339',GradientType=1 );
    border-bottom: 1px solid #6D7E63;
}

.minimal .plan h4 {padding:10px; min-height:315px;}
.option .plan h4{min-height:0px;}

.minimal .p1 h4 {background: #8bb371; box-shadow: 0 1px 1px #9ABE82 inset;}
.minimal .p2 h4 {background: #6179ab; box-shadow: 0 1px 1px #738ab6 inset;}
.minimal .p3 h4 {background: #d26529; box-shadow: 0 1px 1px #d8773b inset;}
.minimal .p4 h4 {background: #a06d3c; box-shadow: 0 1px 1px #ad7f4f inset;}
.minimal .p5 h4 {background: #9DA03C;box-shadow: 0 1px 1px #9DA360 inset;}
.minimal .p6 h4 {background: #6B658F;box-shadow: 0 1px 1px #3E3574 inset;}
.minimal .p7 h4 {background: #4AAD59;box-shadow: 0 1px 1px #47BC59 inset;}
.minimal .p8 h4 {background: #BA4B4B; box-shadow: 0 1px 1px #CF5858 inset;}
.minimal .p9 h4 {background: #63A3AE; box-shadow: 0 1px 1px #79B2DA inset;}
.minimal .p10 h4 {background: #9BAD6A; box-shadow: 0 1px 1px #99C44C inset;}


/* Buttons
-------------------------------------------------------------------*/

.minimal .button {
    background: #59ac2f;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU5YWMyZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZDg0MTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #59ac2f 0%, #2d8417 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#59ac2f), color-stop(100%,#2d8417));
    background: -webkit-linear-gradient(top, #59ac2f 0%,#2d8417 100%);
    background: -o-linear-gradient(top, #59ac2f 0%,#2d8417 100%);
    background: -ms-linear-gradient(top, #59ac2f 0%,#2d8417 100%);
    background: linear-gradient(top, #59ac2f 0%,#2d8417 100%);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59ac2f', endColorstr='#2d8417',GradientType=0 );
    border: 1px solid #378d20;
	font-size:14px;
	text-align:center;
    border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 0px 1px 2px #71c13c inset;

    color: #FFFFFF;
    display: block;
    font-weight: bold;
    line-height: 20px;
	min-height:58px;
    margin: 10px auto 0;
	padding:4px 8px;
    /*width: 131px;*/
    text-shadow: 0 -1px 0 #4f8926
}
.landing .button, .option .button{min-height:0px; line-height:43px;}
.landing .button{width:80%; margin:0 4px 20px; padding:4px 16px; font-size:16px; line-height:80px;}
.landing .small{font-size:13px; margin-top:20px;}
.package{margin-top:24px;}
.package .button{width:320px; line-height:28px;}

.minimal .button:hover {
    border: 1px solid #ab7108;
    background: #c1970b;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MxOTcwYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNDY3MDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #c1970b 0%, #a46705 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c1970b), color-stop(100%,#a46705));
    background: -webkit-linear-gradient(top, #c1970b 0%,#a46705 100%);
    background: -o-linear-gradient(top, #c1970b 0%,#a46705 100%);
    background: -ms-linear-gradient(top, #c1970b 0%,#a46705 100%);
    background: linear-gradient(top, #c1970b 0%,#a46705 100%);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1970b', endColorstr='#a46705',GradientType=0 );
    box-shadow: 0px 1px 2px #d2b20e inset;
}
.minimal .button:active {
    border: 1px solid #8e6e07;
    box-shadow: 0 1px 2px #af8609 inset;
    background: #be920a;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JlOTIwYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ZjYxMDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #be920a 0%, #9f6105 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#be920a), color-stop(100%,#9f6105));
    background: -webkit-linear-gradient(top, #be920a 0%,#9f6105 100%);
    background: -o-linear-gradient(top, #be920a 0%,#9f6105 100%);
    background: -ms-linear-gradient(top, #be920a 0%,#9f6105 100%);
    background: linear-gradient(top, #be920a 0%,#9f6105 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#be920a', endColorstr='#9f6105',GradientType=0 );
}


/* Highlight
-------------------------------------------------------------------*/
.minimal .highlight h3 {/*margin-top: -15px;padding: 15px 0 0;*/}

.minimal .highlight {position: relative;}

.minimal .featured {background: no-repeat scroll left top transparent;
    display: block;
    height: 50px;
    position: absolute;
    right: -2px;
    text-indent: -9999em;
   /* top: -17px;*/
    width: 82px;
}

.minimal .featured {background-image: url("images/bestvalue1.png")}
.minimal .featured.f2 {background-image: url("pricingtable_images/bestvalue2.png")}
.minimal .featured.f3 {background-image: url("pricingtable_images/bestvalue3.png")}
.minimal .featured.f4 {background-image: url("pricingtable_images/bestvalue4.png")}
.minimal .featured.f5 {background-image: url("pricingtable_images/bestvalue5.png")}


/* Design Gallery
-------------------------------------------------------------------*/
#design-gallery{clear:both; margin:24px 0;}
#design-gallery ul{list-style-type:none; margin:0; padding:0;}
#design-gallery ul li{
    list-style-type:none;
    margin:0;
    padding:0;
    float:left;
    height: 250px;
}
#design-gallery a {
    display: block;
    width: 100%;
    text-align: center;
}
#design-gallery .skin {
    background: url("../images/skin-border.png") no-repeat scroll center top transparent;
    display: block;
    margin:0 10px;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    width: 220px;
}
#design-gallery .skin img {
    border: 0 none;
    box-shadow: 0 0 7px #AAAAAA;
    margin-bottom: 10px;
    margin-top: 4px;
    padding: 0;
}
#design-gallery .skin .title{line-height:16px;}

/* Giving Landing
-------------------------------------------------------------------*/
.demoForm dl {
    clear: both;
    float: left;
    margin: 0;
    width: 100%;
}
.demoForm dt {
    float: left;
    width: 37%;
}
.demoForm dd {
    float: left;
    margin: 0;
    width: 63%;
}
.demoForm input[type="text"] {
    background:#ededed;
    border: 0 none;
    clear: both;
    display: block;
    margin: 0 0 7px;
    outline: medium none;
    padding: 6px 5%;
    width: 90%;
}
.demoForm input[type="submit"] {
    border: 0 none;
    cursor: pointer;
    float: right;
    text-transform: uppercase;
}
.punch_white {
    background: #efefef;
    border-radius: 5px 5px 5px 5px;
    padding: 15px;
}
.punch_white p{line-height:16px; margin:0; padding:0;}
.punch_white img{margin:10px 0;}
.punch_white .btn1, .punch_white .btn2{font-size:16px;}