@charset "utf-8";

/*---------- ---------- ---------- Landing - ePurchase ---------- ---------- ----------*/
.listing ul{list-style: disc; color: #EC1B2E; margin-left: 20px;}
.listing .left-col {border-right: 1px solid #cfcfcf; padding: 0 0 0 10px;}
.listing .left-col h3 {width: 300px; border-bottom: 1px solid #cfcfcf; margin: 0px 0px 8px 0px; font-weight: bold;}
.listing .left-col .section {margin: 20px 0px 20px 0px;}
.listing .left-col .section li {padding: 15px 0px 15px 0px; position: relative}
.medium .listing .left-col .section li {font-size: 1.1em !important;}
.large .listing .left-col .section li {font-size: 1.2em !important;}
.listing .left-col .section li p {max-width: 450px;}
.listing .left-col .section li a {text-decoration: underline; color: #25383c;}
.listing .left-col .section li .icon1 {position: absolute; top: 5px; right: 17%; width:30px;}
.listing .left-col .section li .icon2 {position: absolute; top: 5px; right: 8%; width:30px;}
.two-column .right-col .style1 p { position: relative; background-image: none; border: none; width: 109px; left: 71px;}
.two-column .right-col .style1.title p {top: 5px; padding: 7px 0px 1px 9px; width: 129px;}
.listing .left-col .listing-dropdown.wrap {display: none;}

@media handheld, only screen and (max-width: 1040px) {
	.listing .left-col {border: none;}
}
@media handheld, only screen and (max-width: 767px) {
	.listing .left-col .section {margin: 0px 0px 25px 0px;}
	.listing .left-col .section li a {width: 75%; display: block;}
	.listing .left-col .section li .icon1 {position: absolute; top: 5px; right: 12%;}
	.listing .left-col .section li .icon1 a {width: 29px; height: 28px; }
	.listing .left-col .section li .icon2 {position: absolute; top: 5px; right: 4%;}
	.listing .left-col .section li .icon2 a {width: 28px; height: 28px; }
	.listing .left-col h3 {border-bottom: none;}
	.content-container {-webkit-box-shadow: 0 8px 6px -6px #D5D5D5; -moz-box-shadow: 0 8px 6px -6px #d5d5d5; box-shadow: 0 8px 6px -6px #D5D5D5;}
}
@media handheld, only screen and (max-width: 500px) {
	.listing .left-col .section li a {width: 100%; display: block;}
	.listing .left-col .section li .icon1 {position: relative; top: 0px; right: 0px; display: inline-block;}
	.listing .left-col .section li .icon1 a {width: 29px; height: 28px; }
	.listing .left-col .section li .icon2 {position: relative; top: 0px; right: 0px; display: inline-block; margin-left: 20px;}
	.listing .left-col .section li .icon2 a {width: 28px; height: 28px; }
	
	.listing .left-col .listing-dropdown.wrap {display: block; position: relative; width: 84%; background-color: #FFF; display: block; border: 2px solid #CFCFCF; margin-left: 15px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none;
-khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
	.listing .left-col .listing-dropdown {font-size: 0.9em;}
	.listing .left-col .listing-dropdown.mobile, .listing .left-col .listing-dropdown-title {position: relative; background-color: #fff; color: #676b6e; font-size: 1.4em; padding: 5px; margin-left: 5px;}
	.listing .left-col .listing-dropdown.border {border-bottom: 2px solid #CFCFCF;}
	.listing .left-col .listing-dropdown {display: none; background-color: #fff;}
	.listing .left-col .listing-dropdown.current a {color: #ed1b2e;}
	.listing .left-col .listing-dropdown-title  { background-color: #FFF; background-image: none; color: #666; margin-top: 3px; margin-left: 0px; padding: 5px 5px 5px 10px; display: block;}
	.listing .left-col .listing-dropdown-title:after {content: url(../../images/arrow/arrow-red-down.png); display: block; height: 9px; position: absolute; right: 15px; top: 3px; width: 10px; }
	.listing .left-col .listing-dropdown a {width: 100%; display: block;}
}