﻿/*
#6d6d6d = Grey
#0e5a72 = Blue
*/

.cartDivider					{ border-top:solid 1px #ccc; }

#cartLineitemHeader				{ border-style:solid;border-width:0 1px 0 1px;border-color:#ccc;padding:8px; }
#cartLineitemDetails			{ width:auto;border-style:solid;border-width:0 1px 1px 1px;border-color:#ccc; }
#cartColor						{ float:left; width:130px;padding: 10px 0 0 10px;}
#cartSizes						{ float:right; width:auto}
#cartSizes .headrails, .sizes, .quantity{ float:left; padding:0 5px 0 5px; }
#cartSizes .headrails			{ text-align:left;min-width:250px;line-height:22px; }
#cartPrice						{ float:right; width:250px;padding-right:8px;}
#cartButtons {min-height:35px;}
#cartButtons .btns  {border:1px solid  #ccc;color: #0e5a72;background-color:#fff;font-size: 15px;padding: 8px 20px 8px 20px;margin:8px;text-decoration: none;text-align:center;cursor:pointer;text-transform:uppercase;}
#cartButtons .btns:hover {background-color:#efefef;}
.quantity select {margin-bottom:10px;}
#cart .headerRow{border:1px solid  #ccc;background-color:#efefef;min-height:20px;padding:8px;}
#cart .items {width:65%;float:left;}
#cart .qandp {width:35%;float:left;}
#cart .q {float:left;}
#cart .p {float:right;}

#lineitems						{ width:auto;display: table; border-collapse: collapse; }

.lineitem						{ width:auto;}
.lineitemHeader					{ width:auto;font-size:18px;color:#0e5a72; }
.lineitemHeader a:link			{ font-size:18px;text-decoration:none; }
.lineitemHeader a:hover			{ font-size:18px;text-decoration:underline; }
.lineitemHeader a:visited		{ font-size:18px;text-decoration:none; }

.lineitemColor					{ width:90px;float:left;display:table-column;padding:0 5px 0 5px; }
.lineitemDetails				{ width:400px;float:left;display:table-column;padding:0 5px 0 5px; }
.lineitemQty					{ width:53px;float:left;display:table-column;padding:0 5px 0 5px; }
.lineitemPrice					{ width:190px;float:left;display:table-column;padding:0 0 0 5px;font-size:18px;color:#6d6d6d; }
.lineitemSalePrice				{ color:#6C7D21; }

.lineitemCell					{ width:100px;height:75px;float:left;}
.lineitemCellTitle				{ color:#6d6d6d;font-size:14px;text-align:center; }
.lineitemCellDetails			{ color:#0e5a72;font-size:18px;text-align:center; }
.lineitemCellTitle2				{ color:#6d6d6d;font-size:14px; }

.lineitemBorder					{ border-bottom:solid 1px #6d6d6d;margin-bottom:15px;padding-top:10px; }

#cartSubtotals					{ width:100%; padding-bottom:5px; clear:both; }
.subtotalLeft					{ float:none; text-align:right; overflow: hidden; width:auto; }
.subtotalRight					{ float:right; text-align:right; width:100px; }

#subtotal						{ width:auto;color:#333; } 
#subtotal .details				{ width:75%;padding:5px 0 5px 0;float:left;display:table-column; }
#subtotal .totals				{ width:20%;padding:5px 0 5px 0;float:left;display:table-column;text-align:right;margin-left:5%;font-size:16px; }
#subtotal .highlight			{ color:#ff9933; }

#register-login					{float:left; width:30%;}
#register-or					{float:left; width:1%; padding:0 10px 0 10px;}
#register-user					{float:left; width:65%;}

#payment-option					{ width:48%;height:125px; float:left;}
.payment-option					{ width:100%;height:75px; border:solid 1px #ccc;float:left;}
.payment-option-radio			{ width:30px;height:75px;float:left;background-color:#F2F4ED;border-right:solid 1px #ccc; line-height: 4.5em;  }
.payment-option-content			{ width:auto;height:75px;float:left; margin: 5px 0 0 10px;overflow:hidden;}
#payment-option-buffer			{ width:3%;float:left; }

#measure-disclaimers {padding:10px;}
#measure-disclaimers ol {margin:0;padding: 0 0 0 15px;}
#measure-disclaimers h3 {margin-bottom:7px;}

.braintree-heading{font-size: 18px;font-weight: normal;color: #0e5a72;}

#payment-address {width:calc(60% - 12px);float:left;margin:0 10px 0 0;}
.payment-address{padding:20px;border-radius:5px;border:solid 1px #ccc;}
#payment-card {width:calc(40% - 12px);float:right;overflow:auto;}
#payment-card-container{position:absolute;border:solid 1px #ccc;border-radius:5px;background-color:#fff;padding:10px;margin-bottom:20px;}
#payment-card-container.stick{position:fixed;top:85px;z-index:9999;}
#payment-address button{width:100%;margin-bottom:20px;}

#coupon {border:solid 1px #ccc;padding:10px;margin-bottom:15px;max-width:450px;}
#promoContainer{position:relative;margin:10px 0 10px 0;}
#promoHide{position:absolute;top:-3px;background-color:#fff;width:450px;height:30px;padding:12px 0 1px 0;text-align:center;cursor:pointer;}
#promoHide img{vertical-align:middle;}

.product_container{width:165px;min-height:275px;}
#creditDiv input{margin-top:10px;}


@media screen and (max-width: 960px) {
    #payment-option					{ width:auto; }
}

@media screen and (max-width: 850px) 
{
	#customer_favs	{ display:none; }	
}


@media only screen and (max-width : 725px) 
{
#register-login, #register-or, #register-user{float:none; width:auto; text-align:center;}
#register-or{margin-bottom:15px;}
#register-or{border-bottom:solid 1px #ccc;}
#payment-address,#payment-card{width:100%;float:none;}
#payment-card-container{position:relative;overflow:auto;}
#payment-card-container.stick{position:relative;float:none;top:0;overflow:auto;}
}

@media only screen and (max-width : 525px) 
{
#subtotal .details				{ width:60%;}
#subtotal .totals				{ width:25%; }
.product_container{width:45%;}
#coupon{width:95%;max-width:none;}#promoHide{width:98%;}#couponcode{width:100px;}
}

@media only screen and (max-width : 480px) 
{
    #payment-option{width:95%;}    
    .product_container{width:95%;}
}



