/*

* Skeleton V1.1

* Copyright 2011, Dave Gamache

* www.getskeleton.com

* Free to use under the MIT license.

* http://www.opensource.org/licenses/mit-license.php

* 8/17/2011

*/



/* Table of Content

==================================================

     #Site Styles

     #Page Styles

     #Media Queries

     #Font-Face */



/* #Site Styles

================================================== */



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,

blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,

img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u,

i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,

caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details,

embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby,

section, summary, time, mark, audio, video,

input:not([type]), input[type="color"], input[type="date"], input[type="datetime"],

input[type="datetime-local"], input[type="email"], input[type="month"],

input[type="number"], input[type="password"], input[type="tel"],

input[type="text"], input[type="time"], input[type="url"], input[type="week"] {

    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;

    font-weight: 400;
	
	/*background-color: #ffffff;

	background: transparent url("../images/bg.jpg") no-repeat fixed center top / cover;*/

}



.column, .columns   {

    font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;}



p {

    font-size: 13px;

}



strong {

    font-weight: 700;

}



.red {

    color: red;

}



button {

    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;

    font-weight: 700;

}



/* #Page Styles

================================================== */



.table-header {

    background-color: #779F2F;

    color: white;

    -moz-border-radius: 10px;

    -webkit-border-radius: 10px;

    border-radius: 10px;

}



.table-row {

    border-bottom: 1px #888 solid;

}



.ribbon {

    background-color: #4f81bd;

    width: 100%;

    height: 260px;

}



.under-red{

    text-decoration: underline;

    font-weight: bold;

    color: red;

}

.under-black{

    text-decoration: underline;

    color: black;

}



.under-yellow{

    text-decoration: underline;

    color: #ffea00;

}



.huge-red {

    color: red;

    font-size: 45px;

    font-weight: 800;

    padding-top: 18px;

    margin: 0;

    text-align: center;

}



.huge-yellow {

    color: #ffea00;

    font-size: 45px;

    font-weight: 800;

    padding-top: 18px;

    margin: 0;

    text-align: center;

    text-shadow: 0.1em 0.05em #4F81BD;

}



.large-yellow {

    color: #ffea00;

    font-size: 20px;

    font-weight: 700;

    margin: 0;

}



.big-red{

    color: red;

    font-size: 25px;

    font-weight: 800;

    margin: 0;

    text-align: center;

}



.huge-black {

    color: black;

    font-size: 25px;

    font-weight: 700;

    margin: 0;

}



.big-black {

    color: black;

    font-size: 17px;

    font-weight: 700;

    margin: 0;

}



.large-black {

    color: black;

    font-size: 20px;

    font-weight: 700;

    margin: 0;

}



.large-white {

    color: white;

    font-size: 20px;

    font-weight: 700;

    margin: 0;

}



.frasco {

    margin: 10px 0px 0px 40px;

}

.big-frasco {

    margin-top: 30px;

}

.badge {

    background-image: url("../images/badge.png");

    width: 158px;

    height: 112px;

    position: absolute;

    top: 95px;

    left: 430px;

}

.inner-badge {

    width: 100%;

    text-align: center;

    color: black;

    font-weight: 800 !important;

    line-height: 15px;

    -webkit-transform: rotate(-10deg);

    -moz-transform: rotate(-10deg);

    -ms-transform: rotate(-10deg);

    -o-transform: rotate(-10deg);

    transform: rotate(-10deg);

    -webkit-backface-visibility: hidden;

}

.badge-title {

    font-size: 20px;

    padding: 25px 0px 10px 0px;

    text-shadow: #ffffff 1px 1px;

    line-height: 22px;

}

.right-banner {

    background-color: white;

    margin: 5px 0px 5px 0px;

    height: 250px;

    -moz-border-radius: 10px;

    -webkit-border-radius: 10px;

    border-radius: 10px;

    position: relative;

}

.flash {

    margin-top: 5px;

    -moz-border-radius: 10px;

    -webkit-border-radius: 10px;

    border-radius: 10px;

}



.purple-border {

    border: 2px #779F2F solid;

    -moz-border-radius: 10px;

    -webkit-border-radius: 10px;

    border-radius: 10px;

    padding: 10px 20px 10px 20px;

    width: 256px;

    float: left;

}

.blue-border {

    border: 2px #4F81BD solid;

    -moz-border-radius: 10px;

    -webkit-border-radius: 10px;

    border-radius: 10px;

    padding: 10px 20px 10px 20px;

    width: 256px;

}



.margin-tb {

    margin: -5px 0px 10px 0px;

}



.buy-button {

    -moz-border-radius: 10px;

    -webkit-border-radius: 10px;

    border-radius: 10px;

  /*  width: 256px; */

    font-size: 35px;

    font-weight: 800;

    line-height: 65px;

    text-decoration: none;

    margin-top: -10px;

}



a.buy-button:visited {

    color: white;

}



.left{

    text-align: left;

}

.blueBullet div{

    background: url('../images/blue_bullet.png') no-repeat;

    color: white;

    float: left;

    width: 20px;

    height: 20px;

    text-align: center;

    font-size:14px;

    font-weight: bold;

}



.bold-blue{

    font-weight: bold;

    font-size:15px;

    color: #779F2F;

}



.blue-container{

    background: #779F2F;

}



.red-container{

    background: red;

    color: yellow;

    padding: 5px 0px;

    margin-left: 10px;

    -moz-border-radius: 10px;

    -webkit-border-radius: 10px;

    border-radius: 10px;

}



.padd-top-thumb{

    margin-top: 5px;

}



.largeP{

    font-size: 15px;

    line-height: 20px;

}

/* SART BTN BUY NOW */



a.buy-button {

    text-decoration: none;

}



a.buy-button:visited {

    color: white;

    text-decoration: none;

}



div.buy-button {

    width: 205px;

    float:left;

    position: absolute;

    z-index: 2;

}



#go_to_form {

    top: 202px;

    left: 292px;

}



#go_to_form2{

    top: 986px;

    left: 542px;

}



div.buy-button2 {

 /*   width: 428px;  */

    float:left;

    position: absolute;

    z-index: 2;

}

.offset-by-half-one {

    padding-left: 30px;

}



.margin-top {

    margin-top: 65px;

}





.pad-bottom {

    padding-bottom: 16px; 

}



/*

.left-button-part {

     background: url('../images/btn_left.png') no-repeat;

     float: left;

     width: 11px;

     height: 65px;

}



.center-button-part {

     background: url('../images/btn_center.png') repeat-x;

     color: white;

     font-size: 35px;

     font-weight: 800;

     line-height: 65px;

     float: left;

     height: 65px;

     width: 258px;

     text-align: center;

}



.right-button-part {

     background: url('../images/btn_right.png') no-repeat;

     float: left;

     width: 11px;

     height: 65px;

}

*/



/* #Media Queries

================================================== */



/* Smaller than standard 960 (devices and browsers) */

@media only screen and (max-width: 959px) {}



/* Tablet Portrait size to standard 960 (devices and browsers) */

@media only screen and (min-width: 768px) and (max-width: 959px) {}



/* All Mobile Sizes (devices and browser) */

@media only screen and (max-width: 767px) {}



/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */

@media only screen and (min-width: 480px) and (max-width: 767px) {}



/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (max-width: 479px) {}