
/* MEDIA QUERIES // ------------------------ // */
@media handheld, only screen and (max-width: 1040px) {
body { background: #fff; }

#topPageMessage { 
	margin: 5px 20px -10px 20px;
	text-align: center; }

#mainBlock { max-width: none; margin: 10px 10px 5px 10px; }
.mainMenu li a { font: bold 12px/50px "Century Gothic", CenturyGothic, AppleGothic, sans-serif; padding: 0px 8px 0px 8px; }
#contentBlock .pagePromo { padding: 0; border: 0; background: #fff; box-shadow: none; margin: 10px 10px 0 10px; }
#contentBlock .pagePromo img { max-width: 100%; width: auto; height: auto; }

#homePromoBoxes ul li a { font: normal 14px/20px "Century Gothic", CenturyGothic, AppleGothic, sans-serif; }

#headerBlock .headerSearchBox { width: 220px; }
#headerBlock .headerSearchBox input.inputBox { width: 170px; }
#headerBlock ul.headerLinks li span { font-size: 9px; }
.mainMenu li a { font: bold 11px/42px "Century Gothic", CenturyGothic, AppleGothic, sans-serif; padding: 0px 8px 0px 8px; }

#topPageMessage { margin: 5px 20px 0px 20px; }

#mainBlock { background: #fff; max-width: none; margin: 27px 10px 5px 10px; border-radius: 0px 0px 10px 10px; }
#headerBlock { height: auto; border-bottom: 1px solid #eee; }
#headerBlock a.logoBar { width: 347px; max-width: none; }
#headerBlock button#quickLinkBtn { 
	display: block;
	position: absolute;
	top: -20px;
	right: 5px;
	z-index: 999;
	padding: 0;
	margin: 0;
	border: none;
	cursor: pointer;
	background: #fff;
	font-size: 14px; }
#headerBlock button#quickLinkBtn:hover { color: #e02385; }
#headerBlock ul.headerLinks { display: none; position: absolute; top: 0px; right: 0px; z-index: 999; padding: 10px; background: #000; margin: 0; }
#headerBlock ul.headerLinks li { border-right: none; float: none; display: block; }
#headerBlock ul.headerLinks a.hrlTrack,
#headerBlock ul.headerLinks a.hrlTime,
#headerBlock ul.headerLinks li a { color: #fff; text-decoration: none; font: normal 12px/25px "Century Gothic", CenturyGothic, AppleGothic, sans-serif; }
#headerBlock ul.headerLinks li a:hover { color: #e02385; }
#headerBlock ul.headerLinks li a span { font-size: 12px; }
#headerBlock .miniCartBar a.shoppingCart,
#headerBlock .miniCartBar a.checkoutBtn { font: bold 12px/20px "Century Gothic", CenturyGothic, AppleGothic, sans-serif; }
#navBlock { clear: both; background: #000 /* url(bg_main_menu_r.png) left top no-repeat */; position: absolute; top: -27px; width: 100%; margin: 0; height: 32px; z-index: 100; }
#navBlock ul.mainNav { display: none; }
#navBlock #mobileNav { display: block; }
#navBlock .homeBtn { 
	background: transparent;
	border: none;
	width: auto;
	height: 26px;
	margin: 0px 0px 0px 0px;
	left: 0px;
	font: bold 18px/26px "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
	letter-spacing: 0em;
	color: #fff;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	outline: none;
	display: block; }
#navBlock .homeBtn:hover { /* background: #F86EAD; */ color: #e02385; }
#navBlock ul { display: none; padding: 0; margin: 0; list-style: none; }
#navBlock ul.mobMenu { background: #e1509b; width: 300px; padding-top: 10px; }
#navBlock ul.mobMenu ul { background: #F86EAD; }
#navBlock ul.mobMenu ul ul { background: #fb89bd; }
#navBlock ul.mobMenu li { padding: 0; margin: 0; display: block; position: relative; border-bottom: 1px solid #F86EAD; }
#navBlock ul.mobMenu li li { border: none; }
#navBlock ul.mobMenu li.first { display: none; }
#navBlock ul.mobMenu li li.first { display: block; }
#navBlock ul.mobMenu li a { 
	display: block;
	color: #fff;
	padding: 15px 15px;
	font: normal 14px/14px "Century Gothic", CenturyGothic, AppleGothic, sans-serif; }
#navBlock ul.mobMenu li a:hover { text-decoration: none; background: rgba(0,0,0,0.1); }
#navBlock ul.mobMenu li li a { padding: 10px 15px 10px 20px; font: normal 14px/14px "Century Gothic", CenturyGothic, AppleGothic, sans-serif; }
#navBlock ul.mobMenu li li li a { padding: 8px 15px 8px 25px; font: normal 12px/14px "Century Gothic", CenturyGothic, AppleGothic, sans-serif; }
#navBlock ul.mobMenu span.submenuTrigger { 
	display: block;
	position: absolute;
	top: 7px;
	right: 20px;
	border: 1px solid #F86EAD;
	cursor: pointer;
	font-size: 15px;
	line-height: 25px;
	width: 25px;
	text-align: center;
	padding: 0;
	background: #F86EAD;
	color: #fff; }
#navBlock ul.mobMenu span.submenuTrigger:hover { color: #fff; background: #000; }
#navBlock ul.mobMenu li li span.submenuTrigger { line-height: 20px; width: 18px; top: 6px; padding: 0; background: #fb89bd; border: 1px solid #fb89bd; }

#shopInfoMsg p { padding: 5px; margin: 0px; font: normal 16px/1em Georgia, "Times New Roman", Times, serif; color: #fff; text-align: center; }
#contentBlock { float: none; width: auto; }
#leftBlock { float: none; width: auto; position: static; border: none; margin: 0; padding: 0px 10px 10px 10px; }
#sideMenu { display: none; }
/* minimal CSS */
#sideMobMenu {
	display: block;
	position: absolute; /* fix the sideBar to the left side of the screen */
	top: 200px;
	left: -280px; /* use a negative margin to pull the icon area of the sideBar off the edge of the page */
	color: gray;
	z-index: 99;
	width: 260px;
	min-height: 80px;
	height: auto;
	padding: 5px 5px 5px 5px;
	box-shadow: 3px 3px 4px rgba(0,0,0,0.3);
	background: #fff; }
.showSideBarMob { /* create a clickable area that triggers the slide in/out effect */
	position: absolute; /* position clickable area to consume entire right section of sideBar (add a border if you want to see for yourself) */  
	top: 0px;
	right: -40px;
	cursor: pointer;
	background: #e1509b;
	color: #fff;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
	border-radius: 0 6px 6px 0;
	width: 40px;
	height: auto;
	padding: 5px 0 5px 0;
	text-align: center;
	overflow: hidden;
	font-size: 20px;
	line-height: 20px; }
.showSideBarMob span {  }
.showSideBarMob:hover { color: #fff; }
#sideMobMenu h3 { margin: -5px -5px 0px -10px; padding: 10px 0px 10px 10px; background: #e1509b; color: #fff; }
/* #leftBlock .sideBar { float: left; width: 46%; margin: 1%; padding: 1%; background: #efefef; } */
#leftBlock ul.storeLinks { border-bottom: 2px solid #ccc; margin: 0 0 10px 0; padding: 0 0 10px 0; }
#leftBlock .sideBarBlog { width: 96%; margin: 1%; padding: 0 1%; }
#leftBlock .sideBarBlog h3 { margin: 0px -2% 10px -2%; }
#leftBlock .sideBarNewsletter { width: 96%; margin: 1%; padding: 1%; }
#leftBlock .sideBarTestimonials { display: none; }

#contentBlock ul.catItems li { min-height: 125px; }
#contentBlock .catItems a { font-size: 12px; }
#contentBlock .productListing a.buyBtn,
#contentBlock .productListing a.viewBtn { width: 66px; }

#contentBlock .productRelated .productListing .productPrice { float: none; padding: 0px; }
#contentBlock .productRelated .productListing .productRating { float: none; padding: 0px; }
#contentBlock .productRelated .productListing a.buyBtn { position: relative; top: auto; bottom: auto; left: auto; right: auto; margin: 0 auto; }
#contentBlock .pinkBox img { width: 90%; height: auto; }

}
@media handheld, only screen and (max-width: 640px) { 
#headerBlock .headerSearchBox { width: 200px; }
#headerBlock .headerSearchBox input.inputBox { width: 150px; }
.cartCurrency, .cartTotalCost { display: none; }

#homeBanner { width: 100%; float: none; }
#homePromoBoxes ul li a { font: normal 12px/20px "Century Gothic", CenturyGothic, AppleGothic, sans-serif; }

#contentBlock .categoryImgTxt { 
	font: normal 11px/1.1em "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
	padding: 2px 10px; }
#contentBlock .categoryImgTxt h1 { font-size: 19px; margin: 0px 0px 0px 0px; }
#contentBlock .topCat a { font-size: 12px; font-weight: bold; }
#contentBlock ul.catItems li { width: 21%; min-height: 110px; }
#contentBlock ul.productListing li { width: 46%; min-height: 220px; }

#contentBlock .listTools h3 { font-size: 11px; }

#contentBlock .productImages { float: none; width: 100%; }
#contentBlock .productInfo { float: none; width: 100%; padding-top: 20px; }

#contentBlock .productFlags span.flag-sale,
#contentBlock .productFlags span.flag-new,
#contentBlock .productFlags span.flag-featured { padding: 0 2px; font: normal 8px/14px "Century Gothic", CenturyGothic, AppleGothic, sans-serif; min-width: 0; }

#contentBlock ul.productTabList li { font: normal 13px/13px "Century Gothic", CenturyGothic, AppleGothic, sans-serif; }

#contentBlock .productAdded span { font: bold 13px/33px "Century Gothic", CenturyGothic, AppleGothic, sans-serif; }

#contentBlock .productDetails { float: none; width: auto; position: relative; }
#contentBlock .productRelated { float: none; width: auto; padding: 0; }
#contentBlock .productRelated ul.productListing li { 
	float: left;
	width: 28%;
	padding: 1% 1% 2% 1%;
	margin: 0 1% 10px 1%; }

#footerBlock .footerMsg { font: normal 14px/30px Georgia, "Times New Roman", Times, serif; }
#footerBlock .footerLinks { width: 48%; margin: 0 1% 3% 1%; }

#footerBlock .footerLinks li { display: inline-block; }
#footerBlock .footerLinks li a { font-weight: normal; font-size: 11px; line-height: 14px; }
#footerBlock .footerTxt { clear: both; font: normal 11px/1.2em "Century Gothic", CenturyGothic, AppleGothic, sans-serif; text-align: center; padding: 15px 0px 5px 0px; text-transform: none; }
#footerBlock h3 { font-size: 14px; line-height: 16px; }
}
@media handheld, only screen and (max-width: 520px) {
#headerBlock a.logoBar { margin: 0 auto; float: none; }
#headerBlock .miniCartBar { padding: 5px 10px 0 0; }
#headerBlock .headerSearchBox { float: left; 	margin: 5px 0 5px 10px; height: 20px; }
#headerBlock .headerSearchBox input.inputBox { height: 20px; font: normal 12px/20px "Century Gothic", CenturyGothic, AppleGothic, sans-serif; }
#headerBlock .headerSearchBox input.buTTon,
#headerBlock .headerSearchBox button.buTTon { font-size: 13px; height: 20px; line-height: 20px; }

#homePromoBoxes ul li a { 
	float: none;
	width: auto !important;
	padding: 10px 0 10px 0;
	margin: 0 0 0 0;
	height: auto;
	font: normal 12px/15px "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
	background-image: none !important; }
#homePromoBoxes ul li a em { font-size: 20px; line-height: 20px; margin: 0 5px 0px 10px; }

#homeCategories .listItem { float: left; width: 49%; margin: 0 0.5% 1% 0.5%; padding: 0; background: #fff; box-shadow: 0px 2px 4px rgba(0,0,0,0.1) }
.homeContent table { width: auto !important; }
.homeContent table td { width: 100% !important; height: auto !important; display: block; }
.homeContent img,
.homeContent table td img { max-width: 100%; width: auto; height: auto; }
#leftBlock .sideBarNewsletter { float: none; width: auto; margin: 0; padding: 2%; }

#contentBlock .categoryImgTxt { 
	position: relative;
	bottom: auto;
	border: none; }

#contentBlock ul.productListing li { min-height: 195px; }

#contentBlock .listTools h3 { margin: 2px; }
#contentBlock .listTools .toolSet.sortBy,
#contentBlock .listTools .toolSet.displayLimit { float: left; }

#contentBlock .listPagination { position: relative; }
#contentBlock .listPagination .prev { float: none; position: absolute; top: 0; left: 0; width: auto; font-size: 14px; padding: 4px; }
#contentBlock .listPagination .pages { float: none; width: 100%; text-align: center; padding: 20px 0 5px 0; }
#contentBlock .listPagination .pages a { 
	padding: 3px 7px;
	font: normal 12px/12px "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
	border: 1px solid #0f6b91;
	display: inline-block;
	margin: 1px; }
#contentBlock .listPagination .pages a:hover { background: #0f6b91; color: #ffffff; text-decoration: none; }
#contentBlock .listPagination .pages a.current { font-weight: bold; border: 1px solid #0f6b91; background: #0f6b91; color: #ffffff; }
#contentBlock .listPagination .next { float: none; position: absolute; top: 0; right: 0; float: none; width: auto; padding: 4px; }
#contentBlock .listPagination .prev a,
#contentBlock .listPagination .next a { font-weight: bold; }
#contentBlock .listPagination .entries { clear: both; text-align: center; padding: 0px; margin: 0px; }

#contentBlock .productAdded span { font: bold 14px/14px "Century Gothic", CenturyGothic, AppleGothic, sans-serif; float: none; text-align: center; margin-bottom: 8px; }
#contentBlock .productAdded a.cartView { float: left; }

#contentBlock ul.productTabList li { display: block; border-radius: 5px; margin-bottom: 1px; }

#contentBlock .productRelated ul.productListing li { width: 46%; }
#contentBlock .productTabsContent ul.productListing li { 
	width: 46%;
	padding: 1% 1% 28px 1%;
	margin: 0 1% 10px 1%; }

table.tableOptions input,
table.tableOptions textarea { width: 90%; }

}
@media handheld, only screen and (max-width: 360px) {
#headerBlock a.logoBar { width: 280px; padding: 10px 0 0 0; }
#headerBlock a.logoBar img { width: 100%; height: auto; }
#headerBlock a.logoBar span {  }

#headerBlock .miniCartBar a.shoppingCart { padding: 0px 5px; margin: 0 5px 0 5px; }
#headerBlock .miniCartBar a em { display: none; }
#headerBlock .miniCartBar a.checkoutBtn { font-size: 9px; }

#headerBlock .headerSearchBox { width: 150px; }
#headerBlock .headerSearchBox input.inputBox { width: 120px; }
#headerBlock .headerSearchBox input.buTTon,
#headerBlock .headerSearchBox button.buTTon { width: 20px; }

#contentBlock .topCat { width: 96%; }
#contentBlock ul.catItems li { width: 46%; }
#contentBlock ul.productListing li { min-height: 0; }

#contentBlock .listTools ul.sortBy { float: none; padding: 0px 0px 10px 0px; }
#contentBlock .listTools ul.displayLimit { float: none; }

#contentBlock ul.productListing li { width: 96%; height: auto !important; }
#contentBlock .productListing a.productImg { float: left; width: 45%; }
#contentBlock .productListing a.productImg img { width: 100%; height: auto; }
#contentBlock .productListing .productTitle { float: right; width: 53%; text-align: left; font: bold 11px/11px "Century Gothic", CenturyGothic, AppleGothic, sans-serif; }
#contentBlock .productListing .productPrice { float: right; width: 53%; text-align: center; }
#contentBlock .productListing .productRating { float: right; width: 53%; text-align: center; }

#contentBlock .productListing a.buyBtn,
#contentBlock .productListing a.viewBtn { clear: both; }

#contentBlock .productListing span.flag-sale,
#contentBlock .productListing span.flag-new,
#contentBlock .productListing span.flag-featured { padding: 5px 5px; }
#contentBlock .productListing span.flag-sale { top: 0; left: 0px; border-radius: 0px 0px 10px 0px; background: rgba(238,28,28,0.7); border: none; }
#contentBlock .productListing span.flag-new { top: 24px; left: 0px; right: auto; border-radius: 0px 0px 10px 0px;  background: rgba(237,176,31,0.7); border: none; }
#contentBlock .productListing span.flag-featured { 
	width: 30%;
	padding: 2px 0px;
	top: auto;
	bottom: 6px;
	left: 35%;
	right: 35%;
	border-radius: 5px; }

#contentBlock .showOptions { font: normal 14px/18px "Century Gothic", CenturyGothic, AppleGothic, sans-serif; }
#contentBlock .showOptions span { font-size: 11px; }

#contentBlock .productCart input.buTTon { 
	display: inline-block;
	width: 130px; }
#contentBlock .productCart a.wishButton { display: block; padding: 5px 0; }

#contentBlock .productRelated ul.productListing li,
#contentBlock .productTabsContent ul.productListing li { 
	width: 96%;
	float: none; }

#contentBlock .productRelated .productListing .productPrice { float: right; }
#contentBlock .productRelated .productListing .productRating { float: right; }

#contentBlock .productTabsContent ul.productListing li { padding-bottom: 5px; }

#contentBlock .productRelated .productListing a.buyBtn { position: relative; top: auto; bottom: auto; left: auto; right: auto; margin: 0 0; }
#contentBlock .productTabsContent ul.productListing a.buyBtn { position: relative; top: auto; bottom: auto; left: auto; right: auto; margin: 0 0; }
}









/* SHOPPING CART LAYOUTS */
.button {filter:none;}
.button:hover, .button:active, .button:focus {filter:none;}



ul.checkoutSteps { width: 100%; padding: 0; margin: 30px 0 30px 0; border-top: 6px double #eaeaea; font-size: 0; line-height: 0; }
ul.checkoutSteps li { display: inline-block; width: 25%; padding: 0; margin: 0; text-align: center; vertical-align: top; font: normal 11px/11px "Century Gothic", CenturyGothic, AppleGothic, sans-serif; }
ul.checkoutSteps li span { 
	display: block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	border-radius: 5em;
	margin: -20px auto 5px auto;
	padding: 0;
	background: #dadada /* #acd9cf */;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px; }
ul.checkoutSteps li.active { font-weight: bold; }
ul.checkoutSteps li.active span { background: #e02385 /* #f2c09b */; }
	.shopping-cart { position: relative; padding: 10px; }
		ul.shopping-cart-list,
		ul.shopping-cart-list ul { list-style: none; padding: 0px; margin: 0px; }
			ul.shopping-cart-list li { display: block; margin: 0px; padding: 10px 10px; border-bottom: 1px solid #e4e1dd; position: relative; overflow: hidden; }
			ul.shopping-cart-list li li { border: none; font: normal 11px/1.1em "Century Gothic", CenturyGothic, AppleGothic, sans-serif; }
			ul.shopping-cart-list li.first { background: #e4e1dd; font: normal 10px/10px "Century Gothic", CenturyGothic, AppleGothic, sans-serif; color: #787878; }
			ul.shopping-cart-list li.sc-subtotal,
			ul.shopping-cart-list li.sc-total { border: none; text-align: right; padding: 0px 10px; }
			ul.shopping-cart-list li.sc-buttons { border: none; }
			ul.shopping-cart-list li.sc-large-button { border: none; text-align: right; }
			ul.ss-cart-product-options { float: left; }
			ul.ss-cart-product-options li { padding: 2px; }
		span.sc-list-items { display: inline-block; vertical-align: top; width: 55%; }
			span.sc-list-items a img { float: left; margin-right: 5px; }
			span.sc-list-items .ss-cart-code { font: normal 10px/1.1em "Century Gothic", CenturyGothic, AppleGothic, sans-serif; color: #787878; }
		span.sc-list-price { display: inline-block; vertical-align: top; width: 15%; }
		span.sc-iist-qty { display: inline-block; vertical-align: top; width: 10%; }
			span.sc-iist-qty input { width: 30px; }
		span.sc-list-total { display: inline-block; vertical-align: top; width: 15%; text-align: center; }
			span.sc-list-total a.removeBtn { font-size: 18px; color: #787878; }
				span.sc-list-total a.removeBtn:hover { text-decoration: none; color: #c8160f; }
		span.sc-subtotal-total { display: inline-block; vertical-align: top; width: 55%; border-top: 1px solid #e4e1dd; padding: 10px 0px; text-align: right; }
		span.sc-total-total { display: inline-block; vertical-align: top; width: 55%; border-top: 1px solid #e4e1dd; padding: 10px 0px; text-align: right; color: #000000; font: normal 18px/1.2em "Century Gothic", CenturyGothic, AppleGothic, sans-serif; }
			span.sc-subtotal-total-value { display: inline-block; vertical-align: top; width: 45%; text-align: center; }
			span.sc-total-total-value { display: inline-block; vertical-align: top; width: 45%; text-align: center; }
		.shopping-cart .button.medium,
		.shopping-cart .button.large { 
			border: none;
			border-radius: 4px;
			color: #ffffff !important;
			text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
			box-shadow: none;
			curson: pointer;
			background: #0f6b91 /* #fda111 url(bg_yellow_grad.gif) left top repeat-x */;
			font: bold 12px/12px "Century Gothic", CenturyGothic, AppleGothic, sans-serif; }
		.shopping-cart .button.medium:hover { 
			background: #000 /* #fda111 */;
			color: #ffffff !important;
			text-shadow: none;
			box-shadow: none; }
		.shopping-cart .button.large { background: #e01b1d /* #08afa1 url(bg_green_grad.gif) left top repeat-x */; font: bold 16px/20px "Century Gothic", CenturyGothic, AppleGothic, sans-serif; }
		.shopping-cart .button.large:hover { 
			background: #000 /* #08afa1 */;
			color: #ffffff !important;
			text-shadow: none;
			box-shadow: none; }
		.shopping-cart .group { padding: 10px 0px; }
		.shopping-cart .group h3 { border-bottom: 1px solid #e4e1dd; padding: 5px 5px; }
		.shopping-cart .group label { float: left; min-width: 150px; clear: both; }
		.shopping-cart .group input,
		.shopping-cart .group select,
		.shopping-cart .group textarea { float: left; box-sizing: border-box; padding: 4px 5px; margin: 2px 0; }
		.shopping-cart .group input,
		.shopping-cart .group select { width: 50%; }
		.shopping-cart .group input[type='checkbox'],
		.shopping-cart .group input[type='radio'] { width: auto; }
		.shopping-cart .group.checkout-methods select { width: auto; }
		.shopping-cart .group .ss-subscriber-list { float: left; }
		.shopping-cart .group.checkout-discount input { width: 140px; font-weight: bold; border-width: 2px; }
		.shopping-cart .group.checkout-customfield1 input { width: 140px; }
		.shopping-cart .group.checkout-billing { float: left; width: 45%; border: none; }
		.shopping-cart .group.checkout-shipping { float: right; width: 45%; border: none; }
		.shopping-cart .group.checkout-billing ul,
		.shopping-cart .group.checkout-shipping ul { list-style: none; padding: 0px; margin: 0px 0px 0px 10px; }
		.cartRelatedItems h3 { border-bottom: 1px solid #e4e1dd; padding: 0px 5px 5px 5px; }
		.cartRelatedItems	.relatedItem { padding: 10px; float: left; width: 160px; min-height: 190px; text-align: center; }
				.cartRelatedItems .relatedItem hr { clear: both; }
				.cartRelatedItems .relatedImg { float: none; display: block; width: 65px; margin: 0px auto; }
				.cartRelatedItems .relatedName { display: block; font: normal 14px/1.1em "Century Gothic", CenturyGothic, AppleGothic, sans-serif; margin-bottom: 5px; }
				.cartRelatedItems .relatedPrice { display: block; color: #999999; }
					.cartRelatedItems .relatedPrice strong { font: normal 18px/1.1em "Century Gothic", CenturyGothic, AppleGothic, sans-serif; color: #000000; }
#siteTrust { padding: 10px; }
#siteTrust ul { background: #fbe3ee; padding: 20px; margin: 0; list-style: none; float: left; }
#siteTrust ul li i { color: #090; font-size: 20px; }
#siteTrust ul li { font-size: 15px; color: #333; }
#siteTrust .siteTrustLogos { float: right; padding: 20px; }

@media handheld, only screen and (max-width: 840px) {
		.shopping-cart .group.checkout-billing { float: none; width: auto; }
		.shopping-cart .group.checkout-shipping { float: none; width: auto; }
#siteTrust ul,
#siteTrust .siteTrustLogos { float: none; }
}
@media handheld, only screen and (max-width: 700px) {
		span.sc-subtotal-total { width: 100%; padding: 5px 0px; }
		span.sc-total-total { width: 100%; padding: 5px 0px; }
			span.sc-subtotal-total-value { width: 120px; text-align: center; padding: 0px 5px; }
			span.sc-total-total-value { width: 120px; text-align: center; padding: 0px 5px; }
}
@media handheld, only screen and (max-width: 500px) {
	.shopping-cart { position: relative; padding: 0px; }
			ul.shopping-cart-list li { display: block; margin: 0px; padding: 10px 10px; }
			ul.ss-cart-product-options { float: none; }
			ul.ss-cart-product-options li { padding: 2px; }
			ul.shopping-cart-list li.first { display: none; }
		span.sc-list-items { display: block; width: auto; }
			span.sc-list-items a img { display: none; }
		span.sc-list-price { width: auto; }
			span.sc-list-price:after { content: "per item"; padding-left: .5em; font-size: 9px; }
		span.sc-iist-qty { width:auto; }
		span.sc-list-total { width: auto; text-align: left; }
			span.sc-list-total:before { content: "total"; padding-right: .5em; font-size: 9px; }
		.shopping-cart .group label { float: left; min-width: 110px; clear: both; }
		.cartRelatedItems h3 { font-size: 14px; }
		.cartRelatedItems	.relatedItem { padding: 10px; float: left; width: 200px; min-height: 80px; text-align: center; }
				.cartRelatedItems .relatedImg { display: none; }
}
@media handheld, only screen and (max-width: 400px) {
		.shopping-cart .group input,
		.shopping-cart .group select,
		.shopping-cart .group textarea { width: 90%; }
		.shopping-cart .group input[type='checkbox'],
		.shopping-cart .group input[type='radio'] { width: auto; }
	.cartRelatedItems	.relatedItem { float: none; width: 200px; min-height: 0px; margin: 0px auto; }
}