﻿/* predominanat colors are red 882A29 - gold cfb777 - dark gray 4D4948 */

@import url('font-awesome.css');
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
Added reset by Christopher Bishop
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
/* Tell the browser to render HTML 5 elements as block */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
div.repname {
    text-transform: capitalize;
    display: inline;
    position: absolute;
    font-size: 18px;
    padding-top: 5px;
    color: #fff;
    margin-top: 7px;
    margin-left: 12px;
    width: 250px;
}
.photo {
    float: left;
}
.photo img {
    display: block;
    padding: 5px;
    background: #fff;
    /* border: 1px solid #ddd8c2; */
    max-width: 30px;
    border-radius: 25px;
}
.distributor-info {
    float: left;
    width: 50px;
    margin-top: 16px;
    text-align: right;
}
#logo {
    float: left !important;
    width: 50% !important;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
/* change colours to suit your needs */
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}
/* change colours to suit your needs */
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* change border colour to suit your needs */
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}
input, select {
	vertical-align: middle;
}
ol, ul {
	list-style: none;
}
a:focus {
	outline: none;/* Removes dotted outline caused by FireFox */

}
img {
	border: none;/* Removes purple border caused by FireFox */

}
/*
-----------------------------------------
Useful LESS Mixins
-----------------------------------------
*/
/* Border Radius - All Equal */
/* Border Radius - Custom Sides */
/* Box Shadow */
/* Inner Shadow */
/* Animation */
/* Transition */
/* Linear Gradient */
/* Quick Gradient - needs background color */
/* Webkit Reflection */
/* Table Zebra Stripe */
/* List Zebra Stripe */
/* Opacity */
/* Opacity IE6-7 - Use with Opacity Mixin */
/*
-----------------------------------------
Start the Styling of your Site Here
-----------------------------------------
*/
/*
-----------------------------------------
CSS3 Background Highlights
Try to make the background match the main color of your site and make the color easy to read by contrasting the background. 
Make both sections the same.
-----------------------------------------
*/
::-moz-selection {
 background: #0066a1;
 color: #fff;
}
::selection {
	background: #0066a1;
	color: #fff;
}
/*
-----------------------------------------
HEAD TAGS
-----------------------------------------
*/
HTML {
	/* Prevents webpage zooming for mobile devices change orientation */

	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
BODY {
	font-family: "Arimo", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	/*  background: #ffffff url('../img/background-main_gradient.png') repeat-x; */
	/* background: #ffffff url('../img/hdr_bg.jpg') repeat-x; */
	/* background: #ffffff url('/hdr_bg_n.jpg') repeat-x; */
	background: white;
	border-top: 2px solid 0066a1;
	padding: 0 2.0408163265306123%;
}
/*
-----------------------------------------
CONTAINER
-----------------------------------------
*/
#container {
	max-width: 1100px;
	margin: 0 auto;
	position: relative;
	z-index: 1000;
}
#content-container {
	/* This is used for the transparent border, Could be done without, but needed browser compatiability */
	background: url('../img/background-content-border.png') repeat;
	background: rgba(255, 255, 255, 0.15);
	padding: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	position: relative;
	z-index: 10;
	clear: both;
}
#content {
	background-color: #ffffff;
	padding: 20px;
	position: relative;
	z-index: 1;
}
.content-block {
	margin-bottom: 20px;
}
.content-block-large {
	margin-bottom: 50px;
}
.content-box-focus {
	margin: 20px 0;
	padding: 1.9230769230769231%;
	border: 1px solid #ccc;
	background-color: #ffffff;
	background-image: -webkit-linear-gradient(top, #ffffff, #f3f3f3);
	background-image: -moz-linear-gradient(top, #ffffff, #f3f3f3);
	background-image: -o-linear-gradient(top, #ffffff, #f3f3f3);
	background-image: -ms-linear-gradient(top, #ffffff, #f3f3f3);
	background-image: linear-gradient(top, #ffffff, #f3f3f3);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
/*
-----------------------------------------
LAYOUT
-----------------------------------------
*/
.page-content {
	position: relative;
}
.column-container {
	margin-right: 260px;
}
.aside-left {
	width: 22.727272727272727%;
}
.aside-right {
	position: absolute;
	top: 0;
	right: 0;
	width: 240px;
	padding-top: 20px;
}
.center-column {
	float: right;
	width: 74.24242424242425%;
	padding-top: 20px;
}
/*
-----------------------------------------
HEADERS
-----------------------------------------
*/
h1 {
	color: #4C6631;
	font-size: 12px;
	border-bottom: 1px dotted #ada88a;
	padding-bottom: 5px;
	margin-bottom: 20px;
}
h2 {
	color: #4C6631;
	margin-bottom: 10px;
	font-size: 14px;
}
.enrcardsm h2 {
	border-bottom: 0px dotted #ada88a;
	padding-bottom: 5px;
	color: #4C6631;
	font-size: 18px;
}
h3 {
	color: #0066a1;
	font-size: 14px;
}
h3 img {
	vertical-align: middle;
	margin-right: 10px;
}
h4 {
	color: #4D4948;
	font-size: 13px;
	margin-bottom: 10px;
}
h5 {
	color: #4C6631;
	font-size: 12px;
}
h5 img {
	vertical-align: middle;
	margin-right: 10px;
}
/*
-----------------------------------------
BASICS
-----------------------------------------
*/
a {
	color: #4C6631;
	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	-ms-transition: all 0.15s linear;
	transition: all 0.15s linear;
}
a:hover {
	color: #0066a1;
	text-decoration: none;
}
p {
	font-size: 12px;
	line-height: 1.4em;
	color: #4D4948;
	margin-bottom: 10px;
}
/*
-----------------------------------------
SECONDARY BASICS
-----------------------------------------
*/
.hr-green {
	margin: 15px 0;
	border-bottom: 2px solid #0066a1;
}
.button2 {
	background-color: #724deb;
	background-image: -webkit-linear-gradient(top, #808080, #494949);
	background-image: -moz-linear-gradient(top, #808080, #494949);
	background-image: -o-linear-gradient(top, #808080, #494949);
	background-image: -ms-linear-gradient(top, #808080, #494949);
	background-image: linear-gradient(top, #808080, #494949);
	border: 4px solid #e5e5e5;
	color: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	text-decoration: none;
	padding: 7px 28px;
	font-size: 13px;
	display: inline-block;
	font-weight: bold;
	width: 180px;
	text-align: center;
	margin-top: 20px;
	margin-right: 10px;
}
.button3 {
	background-color: #724deb;
	background-image: -webkit-linear-gradient(top, #724deb, #4322af);
	background-image: -moz-linear-gradient(top, #724deb, #4322af);
	background-image: -o-linear-gradient(top, #724deb, #4322af);
	background-image: -ms-linear-gradient(top, #724deb, #4322af);
	background-image: linear-gradient(top, #724deb, #4322af);
	border: 4px solid #e5e5e5;
	color: #f0ebff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	text-decoration: none;
	padding: 7px 28px;
	font-size: 13px;
	display: inline-block;
	font-weight: bold;
	width: 180px;
	text-align: center;
	margin-top: 20px;
}
.button3:hover {
	background-color: #4322af;
	background-image: -webkit-linear-gradient(top, #4322af, #724deb);
	background-image: -moz-linear-gradient(top, #4322af, #724deb);
	background-image: -o-linear-gradient(top, #4322af, #724deb);
	background-image: -ms-linear-gradient(top, #4322af, #724deb);
	background-image: linear-gradient(top, #4322af, #724deb);
	color: #fff;
	cursor: pointer;
}
.button {
	width: 80px;
	padding: 5px 5px 5px 5px;
	margin-right: 10px;
	margin-top: 25px;
	border-style: none;
	border-top: none;
	background: #4C6631;
	background: -webkit-gradient(linear, left top, left bottom, from(#0066a1), to(#000000));
	background: -webkit-linear-gradient(top, #0066a1, #000000);
	background: -moz-linear-gradient(top, #0066a1, #000000);
	background: -ms-linear-gradient(top, #0066a1, #000000);
	background: -o-linear-gradient(top, #0066a1, #000000);
	box-shadow: 4px 3px 9px #000000;
	-webkit-border-radius: none;
	-moz-border-radius: none;
	border-radius: none;
	-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
	-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
	box-shadow: rgba(0,0,0,1) 0 1px 0;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	color: #ffffff;
	font-size: 14px;
/* 	font-family: "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; */
	font-family: "Arimo", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	text-decoration: none;
	vertical-align: middle;
}
.button:hover {
	background: #000000;
	color: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#4C6631), to(#000000));
	background: -webkit-linear-gradient(top, #999999, #000000);
	background: -moz-linear-gradient(top, #999999, #000000);
	background: -ms-linear-gradient(top, #999999, #000000);
	background: -o-linear-gradient(top, #999999, #000000);
}
.button:active {
	background: #000000;
	color: #ffffff;
}
.button-alt {
	text-decoration: none;
	display: inline-block;
	padding: 10px;
	border: 1px solid #ccc;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
.button-alt img {
	vertical-align: bottom;
	margin: 0 3px;
}
.clear-fix:after, .clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clear-fix, .clearfix {
	zoom: 1;
}
.align-right {
	text-align: right;
}
/*
-----------------------------------------
BRANDING
-----------------------------------------
*/
#masthead {
	height: 179px;
	position: relative;
	z-index: 20;/*  background: url('../img/hdr_bg.jpg') repeat-x; */
}
#masthead #logo {
    display: block;
    height: 40px;
    width: 150px;
    position: relative;
    top: 19px;
    /* left: 20px; */
    text-indent: -9999px;
    background: url(/cosevatextim/coseva_logo.png) no-repeat;
    background-size: contain;
    float: left;
}
/* #logo-highlight {
  background: url('../img/background-logo-highlight.png') no-repeat;
  height: 211px;
  width: 407px;
  position: absolute;
  left: -110px;
  top: 0;
  z-index: -1;
} /*
/*
-----------------------------------------
NAVIGATION
Please use the nav element in HTML5
-----------------------------------------
*/
#country-select {
	list-style: none;
	position: absolute;
	top: 42px;
	right: 0;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	z-index: 50;
}
#country-select .caret-right {
	display: inline-block;
	background: url('../img/icon-select-country-right.png') no-repeat;
	height: 15px;
	width: 13px;
	text-indent: -9999px;
	vertical-align: baseline;
	margin-right: 3px;
}
#country-select .country-dropdown {
	display: inline-block;
	margin-left: 5px;
}
#country-select .country-dropdown .selected a {
	display: block;
	height: 20px;
	line-height: 20px;
	padding: 0 35px 0 10px;
	width: 175px;
	text-decoration: none;
	color: #4D4948;
	font-size: 12px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	border: 4px solid #79aa1d;
	background-color: #ffffff;
	background-image: -webkit-linear-gradient(top, #ffffff, #e5e5e5);
	background-image: -moz-linear-gradient(top, #ffffff, #e5e5e5);
	background-image: -o-linear-gradient(top, #ffffff, #e5e5e5);
	background-image: -ms-linear-gradient(top, #ffffff, #e5e5e5);
	background-image: linear-gradient(top, #ffffff, #e5e5e5);
	position: relative;
	text-align: left;
}
#country-select .country-dropdown .selected a:hover {
	background: #fff;
}
#country-select .country-dropdown .selected a .dropdown-icon {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	height: 100%;
	width: 21px;
	background: url('../img/icon-select-country-down.png') no-repeat;
	text-indent: -9999px;
}
#country-select .country-dropdown ul {
	position: absolute;
	z-index: 10;
	right: 0;
	top: 0;
	border: 4px solid #79aa1d;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	background-color: #ffffff;
	background-image: -webkit-linear-gradient(top, #ffffff, #e5e5e5);
	background-image: -moz-linear-gradient(top, #ffffff, #e5e5e5);
	background-image: -o-linear-gradient(top, #ffffff, #e5e5e5);
	background-image: -ms-linear-gradient(top, #ffffff, #e5e5e5);
	background-image: linear-gradient(top, #ffffff, #e5e5e5);
	width: 210px;
	padding: 4px 5px;
	z-index: 25;
	display: none;
}
#country-select .country-dropdown ul li {
	border-bottom: 1px solid #cfcfcf;
	padding: 5px 0;
}
#country-select .country-dropdown ul li:first-child {
	padding-top: 0;
}
#country-select .country-dropdown ul li:last-child {
	border: none;
	padding-bottom: 0;
}
#country-select .country-dropdown ul li a {
	display: block;
	padding: 0 35px 0 5px;
	text-decoration: none;
	color: #4D4948;
	font-size: 12px;
	position: relative;
	text-align: left;
	line-height: 1.3em;
}
#country-select .country-dropdown ul li a:hover {
	background: none;
}
#country-select .country-dropdown ul li a:hover .dropdown-icon {
	background-position: bottom;
}
#country-select .country-dropdown ul li a .dropdown-icon {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	height: 15px;
	width: 13px;
	background: url('../img/icon-select-country-activate.png') no-repeat top;
	text-indent: -9999px;
}
#country-select .country-dropdown .flag {
	display: inline-block;
	height: 11px;
	width: 17px;
	vertical-align: middle;
	margin-right: 5px;
}
#country-select .country-dropdown .flag.flag-us {
	background: url('../img/flag-us.png') no-repeat;
}
.language-select {
	position: absolute;
	right: 0;
	top: 85px;
	color: #689119;
	font-size: 12px;
	text-align: right;
}
.language-select a {
	color: #496611;
	margin: 0 5px;
}
.language-select a:hover {
	color: #2a3a0a;
}
.language-select a.active {
	text-decoration: none;
	color: #2a3a0a;
}
.category-nav {
	float: left;
}
.category-nav nav {
	background-color: #87bd20;
	background-image: -webkit-linear-gradient(top, #87bd20, #ffffff);
	background-image: -moz-linear-gradient(top, #87bd20, #ffffff);
	background-image: -o-linear-gradient(top, #87bd20, #ffffff);
	background-image: -ms-linear-gradient(top, #87bd20, #ffffff);
	background-image: linear-gradient(top, #87bd20, #ffffff);
	padding: 2px 2px 0 0;
}
.category-nav nav ul {
	background: #fff;
	padding-right: 13.333333333333334%;
	padding-bottom: 70px;
}
.category-nav nav ul li {
	border-bottom: 1px solid #a1a1a1;
}
.category-nav nav ul li:last-child {
	border-bottom: none;
}
.category-nav nav ul li a {
	padding: 10px;
	display: block;
	color: #7b7979;
	text-decoration: none;
	font-size: 12px;
	line-height: 1.3em;
}
.category-nav nav ul li a:hover {
	color: #87bd20;
}
.category-nav nav ul li.active a {
	background: url('../img/icon-nav-active.png') no-repeat 2px;
	padding-left: 15px;
	color: #87bd20;
}
/*
-----------------------------------------
PAGE HEADERS (BREADCRUMBS)
-----------------------------------------
*/
.page-header {
	background-color: #fff;
	display: block;
	margin: -20px -20px 30px -20px;
	padding: 10px 20px;
}
.page-header p {
	font-size: 20px;
	color: #f5f1f9;
	margin: 0;
	font-weight: normal;
}
.page-header p i {
	margin: 0 5px;
	background: url('../img/icon-breadcrumb.png') no-repeat;
	width: 7px;
	height: 13px;
	text-indent: -9999px;
	display: inline-block;
	vertical-align: middle;
}
.page-header p a {
	color: #4C6631;
	text-decoration: none;
}
.page-header p a:hover {
	color: #0066a1;
}
/*
-----------------------------------------
SHOPPING CART
-----------------------------------------
*/
.shopping-cart-small {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #c8c9c9;
	padding: 15px 20px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
	background-color: #ffffff;
	background-image: -webkit-linear-gradient(top, #ffffff, #eaeaea);
	background-image: -moz-linear-gradient(top, #ffffff, #eaeaea);
	background-image: -o-linear-gradient(top, #ffffff, #eaeaea);
	background-image: -ms-linear-gradient(top, #ffffff, #eaeaea);
	background-image: linear-gradient(top, #ffffff, #eaeaea);
}
.shopping-cart-small .shopping-cart-small-table p {
	margin: 0 0 0 5px;
}
.shopping-cart-small .cart-list li {
	margin-bottom: 5px;
}
.shopping-cart-small .cart-list li p {
	color: #8c8c8c;
}
.shopping-cart-small .cart-list li p a {
	text-decoration: none;
	display: inline-block;
	width: 11px;
	height: 13px;
	text-indent: -9999px;
	vertical-align: middle;
}
.shopping-cart-small .cart-list li p a.item-subtract {
	background: url('../img/icon-subtract.png') no-repeat;
}
.shopping-cart-small .cart-list li p a.item-add {
	background: url('../img/icon-add.png') no-repeat;
}
.proceed-to-checkout a.button {
	display: block;
	text-align: center;
}
.enrcardsm {
	padding: 20px 0;
	border-bottom: 1px solid #a1a1a1;
}
.enrcardsm h2 select {
	margin-right: 10px;
}
.enrcardsm p {
	float: left;
	width: 55%;
}
.enrcardsm p.grey {
	float: none;
	width: auto;
}
.enrcardsm .photo {
	border: 1px solid #ddd8c1;
	width: 42.4%;
	overflow: hidden;
	float: right;
	display: block;
}
.enrcardsm .photo img {
	display: block;
	width: 100%;
	height: auto;
	padding: 5px;
	background: #fff;
}
.shopping-cart-table td {
	vertical-align: middle;
}
.shopping-cart-table td img.responsive {
	width: 100%;
	max-width: 100%;
}
.shopping-cart-table td input {
	width: 30px;
	margin-bottom: 2px;
}
.shopping-cart-table td .update-link {
	text-decoration: none;
	font-size: 11px;
}
.shopping-cart-table td.subtotal {
	text-align: right;
	font-size: 16px;
}
.address-list li {
	float: left;
	margin: 0 20px 20px 0;
	width: 240px;
}
.address-block {
	margin-bottom: 10px;
}
.address-block p {
	margin: 0;
}
.payment-card-option {
	vertical-align: middle;
	margin-right: 5px;
}
.more-payment-options li {
	padding: 1.4423076923076923% 0;
}
.more-payment-options li .option-icon {
	float: left;
	width: 11.153846153846155%;
}
.more-payment-options li .option-icon img {
	max-width: 100%;
}
.more-payment-options li .option-details {
	float: right;
	width: 81.73076923076923%;
}
.more-payment-options li .option-details p {
	margin: 0;
}
.more-payment-options li .option-details p.link {
	margin-top: 10px;
}
.more-payment-options li .option-details.option-padding {
	padding-top: 15px;
}
.checkout-content-left, .checkout-content-right {
	width: 48.62637362637363%;
}
.checkout-content-left {
	float: left;
}
.checkout-content-right {
	float: right;
}
/*
-----------------------------------------
TABLES
-----------------------------------------
*/
table {
	width: 100%;
	margin: 15px 0;
}
tfoot td {
	padding-top: 20px;
}
th {
	text-align: left;
	color: #4D4948;
	font-size: 13px;
	padding: 3px;
}
td {
	padding: 3px;
	color: #4D4948;
	font-size: 12px;
}
.td-right {
	text-align: right;
}
.shopping-cart-table tbody tr, .payment-option-table tbody tr {
	border-bottom: 1px dashed #CECECE;
}
.shopping-cart-table tbody tr:hover, .payment-option-table tbody tr:hover {
	background: #fff;
}
.shopping-cart-table tbody td, .payment-option-table tbody td {
	padding-top: 10px;
	padding-bottom: 10px;
}
.new-shipping-address-table {
	margin: 0;
}
.new-shipping-address-table tbody tr:nth-child(2n+1) {
	background: #f3f3f3;
}
.new-shipping-address-table tr {
	border-bottom: 1px dashed #CECECE;
}
.new-shipping-address-table tr td {
	padding: 7px;
}
.cell5 {
	width: 5%;
}
.cell10 {
	width: 10%;
}
.cell15 {
	width: 15%;
}
.cell20 {
	width: 20%;
}
.cell25 {
	width: 25%;
}
.cell30 {
	width: 30%;
}
.cell35 {
	width: 35%;
}
.cell40 {
	width: 40%;
}
.cell45 {
	width: 45%;
}
.cell50 {
	width: 50%;
}
.cell55 {
	width: 55%;
}
.cell60 {
	width: 60%;
}
.cell65 {
	width: 65%;
}
.cell70 {
	width: 70%;
}
.cell75 {
	width: 75%;
}
.cell80 {
	width: 80%;
}
.cell85 {
	width: 85%;
}
.cell90 {
	width: 90%;
}
.cell95 {
	width: 95%;
}
/*
-----------------------------------------
FORMS
The idea is to put the form inputs in a ul>li so your submit button doesn't inherit text input styles.
-----------------------------------------
*/
form {
	margin: 10px 0;
}
form ul {
	margin-bottom: 20px;
}
form ul li {
	padding: 10px 0;
	border-bottom: 1px dashed #CECECE;
}
form ul li.last-list {
	border: none;
}
form ul li.zebra {
	background: #F3F3F3;
}
form ul li label {
	float: left;
	width: 16.945891783567134%;
	font-size: 12px;
	color: #4D4948;
	text-align: right;
	padding-top: 5px;
}
form ul li div {
	float: right;
	width: 80.14629258517033%;
	padding-right: 10px;
	font-size: 12px;
	color: #4D4948;
}
form ul li input {
	border: 1px solid #ccc;
	width: 100%;
	max-width: 500px;
	padding: 5px;
}
form ul li input.zip {
	width: 50px;
}
form ul li .fake-input {
	padding-top: 5px;
}
form ul li input, form ul li textarea, form ul li select {
	width: 250px;
	max-width: 250px;
}
form ul li.radio label {
	float: none;
	width: auto;
	display: block;
	text-align: left;
	line-height: 1.3em;
}
form ul li.radio input {
	float: none;
	width: auto;
	vertical-align: bottom;
	border: none;
}
.form-helper {
	font-size: 11px;
	color: #7b7979;
	margin-left: 20px;
}
.shopping-cart-form {
	margin-bottom: 5px;
}
.shopping-cart-form .shopping-cart-table input {
	margin-top: 22px;
}
/*
-----------------------------------------
MOBILE ADJUSTMENTS
-----------------------------------------
*/
a:link {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0.2);
}

/*
-----------------------------------------
Responsive Web Design Queries
-----------------------------------------
*/
@media only screen and (min-width: 1382px) {
}

@media only screen and (max-width: 992px) {
.enrcardsm p {
	float: none;
	width: auto;
}
.enrcardsm .photo {
	border: 1px solid #ddd8c1;
	width: auto;
	float: none;
	margin-bottom: 10px;
}
.enrcardsm .photo img {
	width: auto;
	max-width: 100%;
	display: block;
	margin: 0 auto;
}
}

@media only screen and (max-width: 768px) {
.content-block-large {
	margin-bottom: 20px;
}
#logo-highlight {
	display: none;
}
#masthead {
	height: auto;
	padding-top: 10px;
}
#masthead #logo {
	position: static;
	margin: 0 auto;
}
#country-select {
	position: static;
	margin: 10px auto 10px;
	text-align: center;
}
#country-select .country-dropdown {
	display: block;
	position: relative;
}
#country-select .country-dropdown .selected {
	margin: 5px 10px 0;
}
#country-select .country-dropdown .selected a {
	margin: 0 auto;
	display: block;
	width: auto;
}
#country-select .country-dropdown ul {
	width: 100%;
	padding: 0;
}
#country-select .country-dropdown ul li {
	margin: 10px;
	display: block;
}
#country-select .country-dropdown ul li a {
	font-size: 13px;
}
.language-select {
	position: static;
	float: none;
	font-size: 13px;
	padding: 0 20px 20px;
	text-align: center;
	width: auto;
}
.category-nav {
	width: auto;
}
.category-nav nav {
	background: none;
	padding: 0;
}
.category-nav nav ul {
	background: #fff;
	padding: 0;
}
.category-nav nav ul li {
	border-bottom: 1px solid #a1a1a1;
}
form ul li {
	padding: 10px;
}
form ul li div {
	width: auto;
	float: none;
	display: block;
	margin-right: 2.004008016032064%;
}
form ul li input,  form ul li select,  form ul li textarea {
	width: 100%;
	display: block;
}
form ul li label {
	float: none;
	margin-bottom: 5px;
	text-align: left;
	display: block;
	width: auto;
	font-weight: bold;
}
form ul li.radio input {
	display: inline;
}
form .form-helper {
	margin: 0;
	margin-top: 5px;
	display: block;
}
.aside-left,  .aside-right,  .center-column,  .category-nav,  .column-container {
	width: auto;
	float: none;
	clear: both;
	position: static;
	margin: 0;
}
.center-column,  .aside-right {
	padding-top: 0;
}
.more-payment-options li .option-icon {
	width: 17.522658610271904%;
}
.more-payment-options li .option-details {
	float: right;
	width: 75.52870090634441%;
}
.checkout-content-left,  .checkout-content-right {
	width: auto;
	float: none;
}
.address-list li {
	border-bottom: 1px dotted #ADA88A;
}
}

@media only screen and (max-width: 480px) {
.button {
	width: auto;
	display: block;
	text-align: center;
}
.address-list li {
	width: auto;
	float: none;
	margin: 0 0 20px;
}
form ul li input,  form ul li select,  form ul li textarea {
	max-width: none !important;
}
}
