@import url(//fonts.googleapis.com/css?family=Raleway:400,700);
@import url("media-query.css");
@charset "utf-8";

/* CSS Document */

/*
Theme Name: Elyk
Theme URI: http://www.elykinnovation.com
Description: Custom theme powered by TemplateSet
Version: 1.0
Author: eLYK Innovation, Inc.
Author URI: http://www.elykinnovation.com/
*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	GENERAL
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/*COLORS*/
/*Background - #538095*/
/*Orange - #F19D17*/
/*Grey - #58595B*/
/*Blue - #3E627A*/



* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 100%;
	font-family: Verdana, sans-serif;
	background-image: url('/images/bg.png');

	-webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  color: #242C52;
}

div, a {
	box-sizing: border-box;
}

a {
	font-weight: bold;
	color: #36525F;
	text-decoration: none;
}

a:hover {
	color: #57585A;
}

h1, h2, h3, h4, h5, h6 {
	
}

h1 {
    
    color: #990000;
    text-transform: uppercase;
    margin: 0.8em 0;
}

h2 {}

h3 {}

h4 {}

h5 {}

p {
	font-size: 1.125em;
    margin: 0.75em 0;
}

ul, ol {
	margin: 10px 20px;
}

li {
	margin: 0;
}

img {
	border: none;
}


hr {
	border: none 0;
	border-top: 1px solid #ddd;
	height: 1px;
	margin: 20px auto;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.cA:after {
	content:'';
	display:block;
	clear: both;
}

.cf:before, .cf:after{
    content:"";
    display:table;
}

.cf:after{
    clear:both;
}

.cf{
    zoom:1;
}



/*Helper Classes*/

.bS {
	box-sizing: border-box;
}

.strong {
    font-weight:    700;
}

.alignnone {display: block; margin: 20px 0;}

.aligncenter {display: block; margin: 20px auto;}

.alignright {float: right; margin: 0px 30px 0 20px;}

.alignleft {float: left; margin: 0px 20px 20px 0;}

.alignnone, .aligncenter, .alignright, .alignleft {}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	LAYOUT
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.wrapper {
	margin: 0 auto;
	width: 100%;
	max-width: 960px;
	position: 	relative;	
}

.wrapper:after {
  content: "";
  display: table;
  clear: both;
}

/*Header*/

.header {

    background: rgb(255,255,255);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 1%, rgba(219,219,234,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,255,255,1)), color-stop(100%,rgba(219,219,234,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(219,219,234,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(219,219,234,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(219,219,234,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 1%,rgba(219,219,234,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbdbea',GradientType=0 );
    box-shadow: 0 2px 4px #000;

}

.header .links {
    float: left;
    margin-top: 38px;
    padding: 10px 0 0 100px;
}

.header .links a {
    font-size:  0.9375em;
    color:  #990000;
        margin-right:   40px;
}

.app-logo {
    margin: 10px 0;
    padding: 0 10px;
    display: inline-block;
    max-width: 354px;
    height: auto;
	float: left;
}

.app-logo img {
    height: auto;
}

.logo {
    margin: 30px 0;
    padding: 0 10px;
    display: inline-block;
    max-width: 354px;
    width: 100%;
    height: auto;
	float: right;
    text-align: right;
}

.logo img {
    width: 100%;
    max-width: 240px;
    height: auto;
}

/*User Status*/
.user-status {
    color: #fff;
    font-size: 0.75em;
}

.user-status p {
    padding: 0;
    margin: 0;
}


.user-status .wrapper {
    padding: 9px;
}

.user-status .button {
   
}

/*Content*/

.content {
    font-size: 0.8125em;
    margin-bottom: 23px;
}

.content .body .wrapper {
    background-color: #ECECFB;
    
}



.content .body img {
    border: 1px solid #ccc;
}



.product {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 1%, rgba(219,219,234,1) 78%, rgba(185,185,215,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,255,255,1)), color-stop(78%,rgba(219,219,234,1)), color-stop(100%,rgba(185,185,215,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(219,219,234,1) 78%,rgba(185,185,215,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(219,219,234,1) 78%,rgba(185,185,215,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(219,219,234,1) 78%,rgba(185,185,215,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 1%,rgba(219,219,234,1) 78%,rgba(185,185,215,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b9b9d7',GradientType=0 );
    padding: 6px 25px 6px 10px;
    display: block;
    position:   relative;   
}

.product p.title {
    color:  #990000;
    font-weight:   700;
    margin-top:    0;
    font-family: 'Raleway', sans-serif;
    margin-bottom: 10px;
}

.product p.cost {

    position: absolute;
    bottom: 0;
    
    margin-right: 20px;
    margin-top: 0;
}

.product img {
    position:   absolute;   
    right:  10px;
    bottom: 0;
    
    height:     16px;
    width:  16px;
    margin:     0 auto 0.75em;
}

.order-details {

}

.order-details .js-masonry{
margin: 0 auto 20px;
}

.order-details .wrapper {
    
}


.question-box {
    background-color: #ECECFB ;
    
    width:  100%;
    font-size:  0.8125em;
    float:  left;   
    margin-bottom:  20px;

}

p.question {
    background-color: #8E94B4;
    padding:    6px 20px;
    color:  #fff;
    font-size: 1.07em;
    margin:     0;
}

.order-by {
    background-color: #ECECFB;
    padding: 1px 0;
    font-size:  0.8125em;
    margin-bottom:  30px;
}


.order-by .title {
    color:  #990000;
    font-weight:   700;
    
}

.order-by .row .cell {
    width:  100%;
    max-width:  320px;
    box-sizing: border-box;
    padding:  0  20px;
}

.order-by .row .cell .row {

}

.order-by .row .cell .row .cell {
    width:  50%;
    padding:    0;
}

.order-by .row .cell p {
    margin-top: 0;
    font-size: 1em;
}

.order-by p.title {
    text-transform: uppercase;  
    font-size:  1.46em;
    padding:    0 20px;
}

.order-by textarea,
.answer textarea {
    margin-bottom:  1.25em;
    height: 40px;
    padding:   4px 8px;
    border: 2px solid #242C52;
    font-family: verdana, sans-serif   ;
    box-sizing: border-box;
    width:  100%;
}


.order-not-logged-in {
    background-color: #ECECFB;
    padding: 1px 0;
    font-size:  0.8125em;
    margin-bottom:  30px;
}

.order-not-logged-in p {
    margin: 10px 20px;
}

.order-not-logged-in .title {
    color:  #990000;
    font-weight:   700;
}

.row {

}

.row:after {
    content:'';
    display:block;
    clear: both;
}




.cell-radio {
    width:  20px;
}

.cell-label {
    max-width:  240px;
}

input[type="radio"] {
        margin-right:   10px;
        position:   relative;   
        top:    2px;
        background-color: #fff;
}

input[type="password"],
input[type="text"] {
    width:  100%;
    padding:    4px 8px;
    box-sizing:border-box;
    margin:     10px 0;
    border: 2px solid #242C52;
}

textarea {
width:  100%;
    padding:    4px 8px;
    box-sizing:border-box;
    margin:     10px 0;
    border: 2px solid #242C52;
    clear: both;
    }

input[type="submit"] {
    width:  100%;
    border-radius:  5px;
    border: 2px solid #242C52;
    padding:    4px 8px;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 1%, rgba(219,219,234,1) 78%, rgba(185,185,215,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,255,255,1)), color-stop(78%,rgba(219,219,234,1)), color-stop(100%,rgba(185,185,215,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(219,219,234,1) 78%,rgba(185,185,215,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(219,219,234,1) 78%,rgba(185,185,215,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(219,219,234,1) 78%,rgba(185,185,215,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 1%,rgba(219,219,234,1) 78%,rgba(185,185,215,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b9b9d7',GradientType=0 );
    font-weight:    700;
}

input[type="text"].disabled {
        background-color: #CACAD9 ;
}

.answer {
    padding:    10px 20px;
}

/*Footer*/

.foot {
	color: #fff;
}

.foot .copyright {
    text-align: center;
    font-size: 0.6875em;
    margin:     0;
}

.foot .button {
    width: 46%;
    margin-right: 2%;
    margin-left: 2%;
}

.foot .wrapper {

}


.foot .site_footer .wrapper {
	background-color: #538095;
}

.elyk {
	float: right;
	margin: 10px 0;
	text-align: 	right;	
}

/*General Elements*/

.button {
    color: #303C6E;
    font-family: Verdana, sans-serif;
    font-size: 0.8125em;
    font-weight: 400;
    padding: 6px 12px;
    display: inline-block;
    border-radius: 5px;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 1%, rgba(219,219,234,1) 78%, rgba(185,185,215,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,255,255,1)), color-stop(78%,rgba(219,219,234,1)), color-stop(100%,rgba(185,185,215,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(219,219,234,1) 78%,rgba(185,185,215,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(219,219,234,1) 78%,rgba(185,185,215,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(219,219,234,1) 78%,rgba(185,185,215,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 1%,rgba(219,219,234,1) 78%,rgba(185,185,215,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b9b9d7',GradientType=0 );
    margin: 12px 10px;
    text-align: center;
}

.button-wrapper {
    white-space: nowrap;
}

span.title-price {
    color: #36525F;
    font-weight: bold;
}

/* -----------------------------------------------
	Information Tables
----------------------------------------------- */

.info_table {
    width: 100%;
    border-collapse: collapse;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    margin-bottom: 10px;
}

.info_table th {
    white-space: nowrap;
    text-align: left;
}

.info_table th,
.info_table td {
    border-bottom: 1px solid #999;
    padding: 5px;
    vertical-align: middle;
    min-height: 36px;
}

.info_table tr.dark {
    background-color: #EDEDED;
}

.info_table tr.light {
    background-color: #FEFEFE;
}

.info_table_header {
    text-align: left;
}

form .info_table th,
form .info_table td {
    border: none;
}

.small-heading {
    font-size: 12px;
    color: #777;
    float: right;
    margin-top: 12px;
}

.reorder-icon {
    border: none !important;
    width: 20px;
    margin-bottom: -2px;
}