@charset "utf-8";
/* CSS Document */
.section.inside .content {margin-top:20px; }

#success {display:none; }
#fail {display:none; }

#top-finish {display:none; width:194px; float:left; margin-bottom:4%; }

#bottom-finish.login-form_continue {
	text-align:right;
	width:400px;
}

p {text-align:center; padding:0; margin:0; }

.header-row {display:block; }

#products-header {font-size:1.4em; }

.product-outer { }
.product-inner { }

.item-outer {float:left; width:22%; max-width:200px; height:200px; position:relative; }
.item-inner {position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:100%; font-size:1.1em; }
.item-outer_break {display:none; }
	
.plus-outer {float:left; width:15%; height:180px; position:relative; }
.plus-inner {font-size:7em; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }

.logger {float:left; width:626px; font-size:1.6em; }
.logger p {text-align:left; }

.sub-wrapper {float:left; position:relative; width:60%; height:200px; }
.sub-outer {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; }
.sub-inner {padding:15px 0;  }
.sub {float:left; width:270px; }
.sub-updates {float:left; width:220px; margin-left:5px; }
.sub-price {float:left; width:130px; }
.interval {font-size:.5em; }
.sub-select {float:left; }
.red-select-plan_btn {background:url(/img/btn/red-select-plan-btn_sm.png); width:80px; height:22px; border:0; padding:0; cursor:pointer; }
.blue-select-plan_btn {background:url(/img/btn/blue-select-plan-btn_sm.png); width:80px; height:22px; border:0; padding:0; cursor:pointer; }
.gray-select-plan_btn {background:url(/img/btn/gray-select-plan-btn_sm.png); width:80px; height:22px; border:0; padding:0; cursor:pointer; }
.orange-select-plan_btn {background:url(/img/btn/orange-select-plan-btn_sm.png); width:80px; height:22px; border:0; padding:0; cursor:pointer; }
.black-select-plan_btn {background:url(/img/btn/black-select-plan-btn_sm.png); width:80px; height:22px; border:0; padding:0; cursor:pointer; }
.black-select-logger_btn {background:url(/img/btn/black-select-logger-btn_sm.png); width:100px; height:22px; border:0; padding:0; cursor:pointer; }
.spacer {width:1px; }

#start-over-btn {background-image:url(/img/btn/red-back-to-plans-btn.png); width:194px; }
#add-to-cart-btn {background-image:url(/img/btn/red-add-to-cart-btn.png); }

#buy {display:none; width:50%; margin:0 auto; }
#add {text-align:right; }
#total {margin-bottom:10px; }
#total input {text-align:right; }
#total #totalCost {
	background:transparent;
	border:0;
	padding:0;
	font-weight:bold;
	font-size:1em;
	max-width:60px;
}
#change {margin-bottom:5px; }
#change #quantity {width:40px; }
#change #bottom-finish {float:right; margin-top:20px; }

#success {font-size:1em; margin-top:40px; }
#success.cartNames {font-size:1.2em; }
#success-btns {width:580px; margin-top:20px; }
#success-keep-shopping-btn {background-image:url(/img/btn/red-keep-shopping-btn_lg.png); width:204px; }
#success-show-cart-btn {background-image:url(/img/btn/red-show-cart-btn.png); }
#success-checkout-btn {background-image:url(/img/btn/red-checkout-btn.png); }

.button-background {background-repeat:no-repeat; background-position:center; background-color:transparent; margin-right:5px;}

#fail {margin-top:40px; }

#fail-btns {padding-top:20px; }

@media screen and (max-width:1400px){
	.plus-outer{width:12%; }	
	.sub {width:220px; }
	.sub-updates {width:160px; }
	.logger {width:516px }
}
@media screen and (max-width:1254px){
	.plus-outer {width:10%; }
	.plm10 {margin-left:1%; }	
	.sub-wrapper {width:65%; }
}
@media screen and (max-width:980px){
	.content {font-size:.8em; }
	.item-outer {width:16%; }
	.plus-outer {font-size:.5em; }
	.sub-wrapper {width:68%; }
	.sub {width:180px; }
	.sub-updates {width: 130px; }
	.logger {width:446px; }
}
@media screen and (max-width:900px){
	#top-finish {padding-top:15px; }
}
@media screen and (max-width:840px){
	.item-outer {width:12%; }
	.item-inner {width:initial; }
	.plus-outer {width:6%; }
	.sub-wrapper {width:78%; }	
}
@media screen and (max-width:738px){
	.content {font-size:.6em; }
	.sub {width:150px; }
	.sub-price {width:80px; }
	#top-finish {width:104px; }
	#add-to-cart-btn {background-image:url(/img/btn/red-add-to-cart-btn_sm.png); width:94px; height:36px; }
	#start-over-btn {background-image:url(/img/btn/red-back-to-plans-btn_sm.png); width:104px; height:36px; }
	#success-btns {width:110px; }
	#success-keep-shopping-btn {background-image:url(/img/btn/red-keep-shopping-btn_sm.png); width:109px; height:36px; }
	#success-show-cart-btn {background-image:url(/img/btn/red-show-cart-btn_sm.png); width:94px; height:36px; }
	#success-checkout-btn {background-image:url(/img/btn/red-checkout-btn_sm.png); width:94px; height:36px; }
	.logger {width:366px; }
}
@media screen and (max-width:660px){
	.sub-updates {display:none; }
	.logger {width:236px; }
}
@media screen and (max-width:600px){
	#top-finish {padding:0; }	
}
@media screen and (max-width:478px){
	.content {font-size:.4em; }
	.item-outer {height:150px; }
	.plm10 {margin-left:0; }
	.plus-outer {height:150px; }
	.sub-wrapper {height:150px; }
	.sub {width:110px; }
	.sub-inner {padding:8px 0; }
	.sub-price {width:70px; }
	.red-select-plan_btn {background:transparent url(/img/btn/red-select-plan-btn_tn.png); width:58px; height:16px; }
	.blue-select-plan_btn {background:transparent url(/img/btn/blue-select-plan-btn_tn.png); width:58px; height:16px; }
	.gray-select-plan_btn {background:transparent url(/img/btn/gray-select-plan-btn_tn.png); width:58px; height:16px; }
	.orange-select-plan_btn {background:transparent url(/img/btn/orange-select-plan-btn_tn.png); width:58px; height:16px; }
	.black-select-logger_btn {background:transparent url(/img/btn/black-select-logger-btn_tn.png); width:73px; height:16px; }
	.logger {width:181px; }
}
@media screen and (max-width:374px){
	.item-outer {height:120px; }
	.item-outer_break {display:block; }	
	.plus-outer {display:none; }
	.sub-wrapper {width:100%; height:140px; }
	.sub-outer {transform:none; top:0; left:0; }
	.sub {width:120px; }
	.logger {width:216px; }
}