* {box-sizing: border-box;} /* COLUMN IDENTIFIERS */ div.column {float: left;} div.stay-column {float: left;} div.level {height:250px;} div.left {padding: 0px 15px 0px 0px;} div.right {padding: 0px 0px 0px 15px;} div.c3left {padding: 0px 20px 0px 0px;} div.c3middle {padding: 0px 10px 0px 10px;} div.c3right {padding: 0px 0px 0px 20px;} /* COLUMNS */ div.col-80 {width: 82%;} div.col-75 {width: 75%;} div.col-70 {width: 70%;} div.col-66 {width: 66.66%;} div.col-60 {width: 60%;} div.col-50 {width: 50%;} div.col-40 {width: 40%;} div.col-33 {width: 33.33%;} div.col-30 {width: 30%;} div.col-25 {width: 25%;} div.col-20 {width: 18%;} /* PADDED COLUMNS */ div.col-80-padded {width: 80%; padding: 10px 20px;} div.col-66-padded {width: 66.66%; padding: 10px 20px;} div.col-60-padded {width: 60%; padding: 10px 20px;} div.col-50-padded {width: 50%; padding: 10px 20px;} div.col-40-padded {width: 40%; padding: 10px 20px;} div.col-33-padded {width: 33.33%; padding: 10px 20px;} div.col-20-padded {width: 20%; padding: 10px 20px;} /* Clear floats after the columns */ div.row:after {content: "";display: table;clear: both;} /* SOLID BACKGROUND ROWS */ div.row-gray {background-color:#f1f1f1;} /* BORDERS FOR ROWS */ div.row-bottom-purple {border-bottom:3px solid #592c82; margin-bottom:20px;} div.row-top-purple {border-top:3px solid #592c82; margin-bottom:20px;} div.row-full-border {background-color: #fafafa; border: 1px solid #dadada; margin-bottom:20px;} /* HEAVY PADDING FOR FEATURE ROW */ div.row-heavy-padding {padding: 30px 60px;} /* BUTTONS */ a.btn-primary {padding: 8px 10px; font-weight: bold; text-align: center; text-decoration: none; display: block; cursor: pointer; border-radius: 20px; width:100%;} a.btn-limit {max-width:250px; margin:auto;} /* PRIMARY */ a.b-lime {color: #ffffff; background-color: #94c942; border: 1px solid #94c942;} a.b-lime:hover {color: #ffffff; background-color: #699900; border: 1px solid #699900;} a.b-burgundy {color: #ffffff; background-color: #72253d; border: 1px solid #72253d;} a.b-burgundy:hover {color: #ffffff; background-color: #4d1929; border: 1px solid #4d1929;} a.b-candyapple {color: #ffffff; background-color: #a82540; border: 1px solid #a82540;} a.b-candyapple:hover {color: #ffffff; background-color: #7d1c2f; border: 1px solid #7d1c2f;} a.b-pumpkin {color: #ffffff; background-color: #ff5200; border: 1px solid #ff5200;} a.b-pumpkin:hover {color: #ffffff; background-color: #cc4100; border: 1px solid #cc4100;} a.b-harvestgold {color: #ffffff; background-color: #d29031; border: 1px solid #d29031;} a.b-harvestgold:hover {color: #ffffff; background-color: #bc7f29; border: 1px solid #bc7f29;} a.b-pine {color: #ffffff; background-color: #43612d; border: 1px solid #43612d;} a.b-pine:hover {color: #ffffff; background-color: #304620; border: 1px solid #304620;} a.b-cerulean {color: #ffffff; background-color: #07938b; border: 1px solid #07938b;} a.b-cerulean:hover {color: #ffffff; background-color: #05615d; border: 1px solid #05615d;} a.b-slate {color: #ffffff; background-color: #5e7875; border: 1px solid #5e7875;} a.b-slate:hover {color: #ffffff; background-color: #4f6461; border: 1px solid #4f6461;} a.b-purple {color: #ffffff; background-color: #592c82; border: 1px solid #592c82;} a.b-purple:hover {color: #ffffff; background-color: #41215f; border: 1px solid #41215f;} a.b-blue {color: #ffffff; background-color: #007da5; border: 1px solid #007da5;} a.b-blue:hover {color: #ffffff; background-color: #006080; border: 1px solid #006080;} a.b-navy {color: #ffffff; background-color: #1b3d6d; border: 1px solid #1b3d6d;} a.b-navy:hover {color: #ffffff; background-color: #142e52; border: 1px solid #142e52;} a.b-black {color: #ffffff; background-color: #333333; border: 1px solid #333333;} a.b-black:hover {color: #ffffff; background-color: #1a1a1a; border: 1px solid #1a1a1a;} /* ALT */ a.a-lime {color:#94c942; border: 1px solid #94c942;} a.a-lime:hover {color:#ffffff; background-color: #94c942;} a.a-burgundy {color:#72253d; border: 1px solid #72253d;} a.a-burgundy:hover {color:#ffffff; background-color:#72253d;} a.a-candyapple {color:#a82540; border: 1px solid #a82540;} a.a-candyapple:hover {color:#ffffff; background-color:#a82540;} a.a-pumpkin {color:#ff5200; border: 1px solid #ff5200;} a.a-pumpkin:hover {color:#ffffff; background-color:#ff5200;} a.a-harvestgold {color:#d29031; border: 1px solid #d29031;} a.a-harvestgold:hover {color:#ffffff; background-color:#d29031;} a.a-pine {color:#43612d; border: 1px solid #43612d;} a.a-pine:hover {color:#ffffff; background-color:#43612d;} a.a-cerulean {color:#07938b; border: 1px solid #07938b;} a.a-cerulean:hover {color:#ffffff; background-color:#07938b;} a.a-slate {color:#5e7875; border: 1px solid #5e7875;} a.a-slate:hover {color:#ffffff; background-color:#5e7875} a.a-purple {color:#592c82; border: 1px solid #592c82;} a.a-purple:hover {color:#ffffff; background-color:#592c82;} a.a-blue {color:#007da5; border: 1px solid #007da5;} a.a-blue:hover {color:#ffffff; background-color: #007da5;} a.a-navy {color:#1b3d6d; border: 1px solid #1b3d6d;} a.a-navy:hover {color:#ffffff; background-color:#1b3d6d;} a.a-black {color:#333333; border: 1px solid #333333;} a.a-black:hover {color:#ffffff; background-color: #333333;} /* ARTICLES */ p.textline {width: 100%; text-align: left; border-bottom: 1px solid #dadada; line-height: 0.1em; margin: 10px 0 20px; text-transform: uppercase; font-size:12px;} p.textline span { background:#fff; padding:0 10px;} img.newstand {width:100%; border-radius: 4px;} @media only screen and (max-width: 600px) { div.column {width:100%;} div.left, div.right, div.c3left, div.c3middle, div.c3right {padding: 0px 0px 0px 0px;} div.newstand {float:left; width:33%; margin:10px 20px 10px 0;} } Genisys Blog Articles Article Title Goes Here Article Title Goes Here Article Title Goes Here Article Title Goes Here Article Title Goes Here Article Title Goes Here View All Savings Articles Helful Resources