@charset "utf-8";

/*---------- ---------- ---------- Landing Promotion modules template ---------- ---------- ----------*/
.promotion ol { list-style: decimal; margin: 0px 0px 0px 19px;}
.promotion ul li {list-style: none; color: #25383c; }
.promotion ul li:before {content:'•'; color:#ed1b2e; font-size: 14px;}
.promotion table {position: relative; margin: 0 auto;}
.promotion td {border-right: 1px solid #cfcfcf; vertical-align:top;}
.promotion td:last-child {border-right: none;}
.promotion td {width: 220px; max-width:220px; padding: 0px 10px;}
.promotion.investment td{width:210px; max-width:210px;}
.promotion td.last-border {border-right: 1px solid #cfcfcf;}
.promotion .landing-thumb td {height: 85px;}
.promotion .landing-thumb td span {display: none;}
.promotion .landing-thumb td img { max-width:100%;}
.promotion .text td {padding: 5px 10px;}
.promotion .title td {padding: 5px 12px 5px 12px; height: 32px;}
.promotion .text td {padding: 5px 10px 5px 13px;}
.promotion .title td span {display: none;}
.promotion .title td a {color: #ed1b2e;}
.promotion .title td a:after {content: url(../../images/landing/bg-landing-arrow.png); position: relative; width: 7px; height: 8px; margin: 0px 0px 0px 4px;}
.promotion td.tool {width: 210px;}
.promotion td.tool select {width: 100%;}
.investment-section.flash h6{margin: 0px 8px;}

.promotion td ul {list-style: none; color: #ed1b2e; }
.promotion td ul li p {color: #25383c; margin:-16px 0 0 19px;}

@media handheld, only screen and (max-width: 1040px) {
	.style3 h1 {padding: 0 !important; margin: 0 !important;}
	.promotion td.tool {display: none;}
	.promotion td.last-border {border-right: none;}
	.promotion.investment td {width: 180px;}
	.promotion.investment td img {width: 100%;}
}
@media handheld, only screen and (max-width: 767px) {
	.promotion table {margin: 0 0 0 3px;}
	.promotion td {border: none;}
	.promotion .landing-thumb {display: none;}
	.promotion .text {display: none;}
	.promotion .title td {display: block; min-width: 100%; width: 100%; max-width: 100%;}
	.promotion .title td:before {content: '\2022'; color: #ed1b2e; font-size: 120%; position: absolute; }
	.promotion .title td span {display: none;}
	.promotion .title td a {color: #25383C; text-decoration: underline; position: relative;
width: 78%; left: 15px;}
	.promotion .title td a:after {content: '';}
	
	.promotion.homepage table {margin: 0 auto;}
	.promotion.homepage td {width: 85px; max-width: 85px; text-align: center; vertical-align: top;}
	.promotion.homepage .landing-thumb {display: table-row;}
	.promotion.homepage .landing-thumb img{display: none;}
	.promotion.homepage .landing-thumb td span {display: inline-block;}
	.promotion.homepage .landing-thumb span img{display: block; width:85px;}
	.promotion.homepage .title td:before {content: ''; margin: 0;}
	.promotion.homepage .title td {display: table-cell; min-width: initial;}
	.promotion.homepage .title td > a {display: none;}
	.promotion.homepage .title td span {display: block; color: #EC1B2E; font-size: 12px;}
	.promotion .title td span > a{display: block; color:#EC1B2E; text-decoration:none; font-size:12px; width: 100%; left: 0px;}
}

.promotion-description {width: 100%; margin: auto; list-style: disc; padding: 0 0 15px 10px;}
.promotion-description p {color: #25383c;}
.promotion-description li {margin: 5px 0px 5px 20px; color: #EC1B2E;}
.promotion-description li p {color: #25383c; font-size: 1em;}
.medium .promotion-description p {font-size: 1.15em;}
.large .promotion-description p {font-size: 1.25em;}
.promotion-title {font-size: 14px; position: relative; padding: 10px 15px 0px 0px;}
.promotion-title:after {content: url(../../images/landing/bg-landing-arrow.png); position: absolute;
 width: 7px; height: 8px; margin: 4px 0px 0px 5px;}
.promotion-title a { color: #EC1B2E; width: 214px; display: inline; position:relative; top: 5px;}
.medium .promotion-title a {font-size: 16px;}
.large .promotion-title a {font-size: 18px;}
.promotion-title-mob { display: none; font-size: 0.8em; text-align: center; }
.promotion-title-mob a { color: #EC1B2E; }
.promotion .grey-note {margin: 15px 0px 15px 19px;}
.promotion.investment .grey-note {margin: 15px 0px 15px 15px;}
.promotion .grey-note p {font-size: 12px;}
.middle .promotion .grey-note p {font-size: 13px;}
.large .promotion .grey-note p {font-size: 14px;}
.two-column .sidead-content {margin: 0px 0px 10px 0px; clear: both;}
.two-column .sidead-content select {width: 94%;}
.two-column .sidead-content.half {float: left; margin: 0px 5px 10px 0px; position: relative; background-image: url("../../images/bg-crosssale-004.jpg"); width: 101px; height: 120px; display: block; clear: none;}
.two-column .sidead-content.half:after {clear: both; display: block; content: '';}
.two-column .sidead-content.half a {display: block; width: 100%; height: 100%;}
.two-column .sidead-content.half .icon-wrap {position: relative; margin: 0px 0px 5px 0px; padding: 10px 0px 0px 0px; width: 100%; text-align: center;}
.two-column .sidead-content.half p {background-image: none; width: inherit; padding: 0; margin: 0; text-align: center; font-size: 0.9em; position: absolute; top: 63px;}
.two-column .sidead-content.half p:after {content: url(../../images/arrow/arrow-red-left.png); display: inline; position: relative; width: 7px; height: 8px; margin: 0px 0px 0px 5px;}

.two-column .promotion .style1.title p, .two-column .promotion-item .style1.title p { top: 5px; padding: 7px 0px 1px 9px; width: 115px; position: relative; background-image: none; border: none; left: 71px; font-size: 1em;}
.two-column .promotion-item .sidead-title.style1.banner2 { position: relative; background-image: url("../../images/contact/sidead-2.jpg"); background-repeat: no-repeat; width: 209px; height: 78px; display: block; }
.two-column .promotion p.red:after, .two-column .promotion-item p.red:after { content: url(../../images/arrow/arrow-red-left.png);
display: inline; position: relative; width: 7px; height: 8px; margin: 0px 0px 0px 5px; }
.style3 .content-tab {margin-top: 0px;}
.style3 h1 {margin: 7px 10px 10px 10px; padding: 0;}

.investment-section {width: 245px; border: 1px solid #e2e2e2; padding: 5px 0px; margin: 0 0 20px 0;}
.investment-section .chart {width: auto; margin: 0px 5px 7px 5px;}
.investment-section .title {background-image: url("../../images/bg-investment-chart-001.jpg"); background-repeat: repeat-x; padding: 5px; background-position: bottom; font-weight: bold;} 
.investment-section .title .green {color: #55a301;}
.investment-section .title .red {color: #fe0000;}
.investment-section .hsi-control {text-align: center; border-left: 1px solid #e2e2e2;; width:auto; margin: 0 0 10px 5px;}
.investment-section .hsi-control ul { margin:0;}
.investment-section .hsi-control li {float: left; padding: 1px 3px; border-right: 1px solid #e2e2e2;; border-top: 1px solid #e2e2e2;; border-bottom: 1px solid #e2e2e2;; cursor: pointer; text-align: center; list-style: none;}
.investment-section .hsi-control li.last {}
.investment-section .hsi-control li.selected {background-color: #fe0000; color: #fff; font-weight: bold;}
.investment-section .hsi-control:after {clear: both; content: ''; display: block;}
.investment-section .disclaimer {color: #25383c; font-size: 0.8em; margin: 0px 8px;}
.investment-section .disclaimer-tablet-expand {display: none;}

@media handheld, only screen and (max-width: 1040px) {
	.promotion-description li {margin: 10px 20px 10px 18px;}
	.investment .slider-img {max-width: 50%;}
	.investment .slider-img img {width: 100%;}
	.two-column.style2 .right-col {display: block;}
	.investment-section {width: 100%;}
	.investment-section .hsi-control {border: none;}
	.investment-section .disclaimer{margin:0px 0px;}
	
	.investment-section.flash .chart {display: block;}
	.investment-section.flash .disclaimer-tablet-expand {margin: 0px 5px; font-size: 1em; display: none; color: #ed1b2e; cursor: pointer;}
	.investment-section.flash .disclaimer-tablet-expand:before {margin: 30px 0px; display: block; font-size: 0.8em; content: "This content requires Adobe Flash Player, which is not supported by your device, you may view this in Desktop version."; font-weight: bold; color: #25383c;;}
	.investment-section.flash .disclaimer-tablet-expand:after {content: url(../../images/landing/bg-landing-arrow.png); position: relative; width: 7px; height: 8px; margin: 0px 0px 0px 4px;}
	.investment-section.flash .disclaimer-tablet-expand.selected:after {content: ''; position: relative; margin: 0;}
	.investment-section.flash .disclaimer {display: none;}
	.investment-section .hsi-control li {padding: 4px 11px; border: 1px solid rgb(226, 226, 226);}
	.investment-section .hsi-control li.selected {border: 1px solid #fe0000;}
	#chartFlash p{padding-left: 8px;}
}
@media handheld, only screen and (max-width: 950px) {
	.promotion-item { margin-left: 7%; }
}
@media handheld, only screen and (max-width: 850px) {
	.promotion-item { margin-left: 3%; }
}
@media handheld, only screen and (max-width: 767px) {
	.promotion .title td {padding: 3px 0px;}
	.promotion.investment .grey-note {margin: 15px 15px 15px 15px;}
	.promotion-description {display: none;}
	.promotion-title { display:none; }
	.promotion-title-mob { display:block; margin: 10px 0 0 0; }
	.promotion-item.landing .promotion-title-mob {text-align: left; width: 95%;}
	.promotion-item.landing .promotion-title-mob a {color: #25383c; font-size:1.2em; text-decoration: underline;}
	.promotion { padding: 0 0 0px 10px;}
	.promotion.homepage {padding: 0 0 15px 0;}
	.two-column.style2 .left-col {width: 100%; float: none;}
	.two-column.style2 .right-col {display: none;}
}