@charset "utf-8";

body {
        font-family:Helvetica, Arial, sans-serif;
        margin:0;
        padding:0;
        font-size: 14px;
}

img, object, embed, video {
        max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
        width: 100%;
}

.fluid {
        clear: both;
        margin-left: 0;
        width: 100%;
        display: block;
}

.fluidList {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}
.text_bold {
        font-weight: bold;
}
.date {
        font-weight: bold;
}
.clear_right {
        clear: right
}
.clear-float {
        clear: both
}

/* Mobile Layout: 480px and below. */
@media only screen and (max-width : 480px) {
.mobile_hide {
	display: none;
}  
.banner1 {
	width: 100%;
}
.banner1_container {
	width: 100%;
	height: 60px;
	margin: 0 auto;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}
.banner1_logo {
	width: 100%;
	height: 60px;
	text-align: center;
	padding: 20px 0px;
}
.banner2 {
	width: 100%;	
}
.banner2_container {
	width: 100%;	
	height: 20px;
	margin: 0 auto;
	padding: 5px 0px;
}
.banner2_shopName {
	width: 100%;
	float: left;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	padding-top: 2px;
}
.banner2_logout {
	width: 10%;
	float: right;
	text-align: right;
	font-size: 10px;
	z-index: 2;
	display: none;
}
.actions {
	width: 98%;
	padding: 10px;
	text-align: center;
	font-size: 9px;
}
.footer1 {
	width: 100%;
	height: 130px;
	border-top-style: solid;
	border-top-width: 1px
}
.footer1_container {
	width: 75%;
	margin: 0 auto;
	margin-top: 0px;
	padding: 0px 0px;	
}
.footer1_email {
	width: 100%;
	padding: 20px 0px;
	margin: 0 auto;
	text-align: center;
	font-size: 12px;	
}
.footer1_email a {
	text-decoration: none
}
.footer1_phone {
	width: 100%;
	padding: 25px 20px;
	font-size: 16px;	
	text-align: center;
	float: left;
	clear: right;
}
.footer1_phone a {
}
.footer1_logo {
	width: 100%;
	height: 50px;
	padding: 10px 0px 20px 0px;	
	text-align: center;
	display: block;
	float: left;
	clear: right;	
}
#footer {
	border-top: 1px solid #CFCFCF;	
	padding: 10px 0px 10px 0px;
	color: #ACACAC;
	font-size: 11px;	
	text-align: center;	
}
#privacy {
	padding-top: 10px;
	color: #ACACAC;
	font-size: 12px;	
	text-align: center;	
}
#privacy a {
	color: #ACACAC;
	text-decoration: none
}
#privacy a:hover {
	color: #2F5A85;
	text-decoration: underline
}
.zeroMargin_mobile {
    margin-left: 0;
}
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen 
and (min-width: 481px)
and (max-width: 768px) {
.mobile_hide {
	display: none;
}  
.banner1 {
	width: 100%;
}
.banner1_container {
	width: 480px;
	height: 60px;
	margin: 0 auto;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}
.banner1_logo {
	width: 100%;
	height: 60px;
	padding: 10px 10px;
}
.banner2 {
	width: 100%;	
}
.banner2_container {
	width: 480px;	
	height: 20px;
	margin: 0 auto;
	padding: 5px 0px;
	color: #2f5a85;	
}
.banner2_shopName {
	width: 100%;
	float: left;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	padding-top: 2px;
}
.banner2_logout {
	width: 10%;
	float: right;
	text-align: right;
	font-size: 10px;
	z-index: 2;
	display: none;
}
.actions {
	width: 98%;
	padding: 10px;
	text-align: center;
	font-size: 12px;
}
.actions a {
	color: #2F5A85
}
.actions a:hover { 
	color: #06e
}
.footer1 {
	width: 100%;
	height: 130px;
	border-top-color: #2F5A85;
	border-top-style: solid;
	border-top-width: 1px
}
.footer1_container {
	width: 75%;
	margin: 0 auto;
	margin-top: 0px;
	padding: 0px 0px;	
	font-size: 14px;
}
.footer1_email {
	width: 100%;
	padding: 25px 10px;
	color: #2F5A85;
	font-size: 12px;	
	text-align: center;
	float: left;	
}
.footer1_email a {
	text-decoration: none
}
.footer1_phone {
	width: 100%;
	padding: 25px 10px;
	font-size: 16px;	
	text-align: center;
	float: left;	
	clear: right;
}
.footer1_logo {
	width: 100%;
	height: 50px;
	padding: 10px 0px 20px 0px;	
	text-align: center;
	float: left;
}
#footer {
	border-top: 1px solid #CFCFCF;	
	padding: 10px 0px 10px 0px;
	font-size: 11px;	
	text-align: center;	
}
#privacy {
	padding-top: 10px;
	font-size: 12px;	
	text-align: center;	
}
#privacy a {
	text-decoration: none
}
#privacy a:hover {
	text-decoration: underline
}
.zeroMargin_mobile {
  margin-left: 0;
}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen 
and (min-width: 769px) {
.mobile_hide {
	display: block;
}
.banner1 {
	width: 100%;
}
.banner1_container {
	width: 980px;
	height: 75px;
	margin: 0 auto;	
}
.banner1_logo {
	width: 100%;
	height: 75px;
	text-align: center;
	padding: 20px 0px;
}
.banner2 {
	width: 100%;
}
.banner2_container {
	width: 980px;
/*	height: 20px;*/
	margin: 0 auto;
	padding: 10px 0px;
}
.banner2_shopName {
	width: 980px;
	line-height: 0.8;
	text-align: center;
	font: 'Lato', Helvetica, Arial, sans-serif;
	font-size: 32px;
	font-weight: 300;
}
.actions {
	width: 100%;
}
.action_container {
	width: 980px;
	margin: 0 auto;
	padding: 10px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}
.actions a {
	text-decoration: none;
	color: #2F5A85
}
.actions a:hover { 
	color: #06e
}
.banner2_logout {
	width: 980px;
	text-align: right;
	font-size: 10px;
	z-index: 2;
	display: inline;
}
.banner2_logout a {
}
.footer1 {
	width: 100%;
	height: 60px;
	border-top-color: #2F5A85;
	border-top-style: solid;
	border-top-width: 1px
}
.footer1_container {
	width: 980px;
	margin: 0 auto;
	margin-top: 0px;
	padding: 0px 0px;	
	font-size: 14px;
}
.footer1_email {
	padding: 20px 10px 10px 10px;
	font-size: 12px;	
	text-align: left;
	float: left;	
	clear: right
}
.footer1_email a {
	text-decoration: none
}
.footer1_phone {
	padding: 0px 10px;
	font-size: 16px;	
	text-align: center;
	float: left;	
	clear: left;
}
.footer1_logo {
	width: 20%;		
	padding: 40px 10px 10px 10px;
	text-align: right;
	float: right;
	display: block;
}
#footer {
	padding-top: 40px;
	padding-bottom: 10px;
	font-size: 11px;	
	text-align: center;	
}
#privacy {
	padding-top: 10px;
	padding-bottom: 20px;		
	font-size: 12px;	
	text-align: center;	
}
#privacy a {
	text-decoration: none
}
#privacy a:hover {
	text-decoration: underline
}
.zeroMargin_desktop {
    margin-left: 0;
}
}


/* Other */

h1, .BoldHeader
{
  font: 'Lato', Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 32px;
  text-align: center;
}

h2
{
  font: 'Lato', Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 24px;
  text-align: center;
}

#null { }

#content {
  padding: 25px;
}

#content-wide {
  padding: 25px;
}

#error_message {
    color: #FF0000;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

.discount {
    color: #FF0000;
}

.error_box {
    border: solid 1px #FF0000;
}

/* Form and buttons */

form {
    margin-left:auto;
    margin-right:auto;
/*  max-width: 500px; */
/*    background: #FFF; */
    padding: 20px 30px 20px 30px;
    font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
/*    text-shadow: 1px 1px 1px #FFF; */
/*  color: #888; */
/*  border:1px solid #DDD;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; */
}

form h1 {
    font: 25px "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 0px 0px 10px 40px;
    display: block;
    border-bottom: 1px solid #DADADA;
    margin: -10px -30px 30px -30px;
    color: #000000;
}

form h1>span {
    display: block;
    font-size: 11px;
}

form label {
    display: block;
    margin: 0px 0px 5px;
}

form label>span {
    float: left;
/*  width: 20%; */
    text-align: right;
    padding-right: 10px;
    margin-top: 10px;
    color: #333;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
}
form input[type="password"], input[type="text"], form input[type="email"], form textarea, form select{
    border: 1px solid #CCC;
    color: #000000;
}
form select {
/*
    background: #FFF url('images/down-arrow.png') no-repeat right;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    width: 100%;
*/
}
form textarea{
    padding: 5px 0px 0px 5px;
/*    width: 100%; */
}

.button {
    border: 0;
    background: #FFF;
    border: 1px solid #CCC;
    padding: 6px 16px 6px 16px;
    color: #333;
    -webkit-border-radius: 4;
    -moz-border-radius: 4;
    border-radius: 4px;
    border-radius: 4px;
    margin-top: 12px;
    text-decoration: none;
}

.button:hover {
    border: 0;
    background-color: #EBEBEB;
    border: 1px solid #CCC;
    padding: 6px 16px 6px 16px;
    color: #333;
    -webkit-border-radius: 4;
    -moz-border-radius: 4;
    border-radius: 4px;
    border-radius: 4px;
    margin-top: 12px;
    text-decoration: none;
}

form table td
{
/*  padding-left: 20px; */
}

.disabledButton {
    cursor:pointer; 
    background-color: #EBEBEB;
    border: 1px solid #CCC
}