/*
=PADDEDGRID
=ELEMENTS
=NEWSLETTERPROMO
=CORNERS
=IEHACKS
*/

/*/********************************************************************************/
/*=PADDEDGRID*/
/*	Grid layout based on Blueprint approach*/
/*	See:/Testing/Mseeley/grid/grid.html*/
/********************************************************************************/
/*body.padded #mid div.grid {*/
/*	clear:left;*/
/*	margin:0 auto 20px auto;*/
/*	padding:0;*/
/*	overflow:hidden; /* clearfix */
/*	text-align:left;*/
/*	width:980px;*/
/*}*/
/**/
/*body.padded #mid div.grid div.column {*/
/*	float:left;*/
/*	margin: 0 5px;*/
/*	padding: 20px;*/
/*}*/
/**/
/*body.padded #mid div.grid div.first {*/
/*	margin-left: 0;*/
/*}*/
/**/
/*body.padded #mid div.grid div.last {*/
/*	margin-right: 0;*/
/*}*/
/**/
/*body.padded #mid div.grid div.span-1 { width:20px; }*/
/*body.padded #mid div.grid div.span-2 { width:20px; }*/
/*body.padded #mid div.grid div.span-3 { width:60px; }*/
/*body.padded #mid div.grid div.span-4 { width:100px; }*/
/*body.padded #mid div.grid div.span-5 { width:140px; }*/
/*body.padded #mid div.grid div.span-5ish { width:153px; } /* ugly hack */
/*body.padded #mid div.grid div.span-6 { width:180px; }*/
/*body.padded #mid div.grid div.span-7 { width:220px; }*/
/*body.padded #mid div.grid div.span-8 { width:260px; }*/
/*body.padded #mid div.grid div.span-9 { width:300px; }*/
/*body.padded #mid div.grid div.span-10 { width:340px; }*/
/*body.padded #mid div.grid div.span-11 { width:380px; }*/
/*body.padded #mid div.grid div.span-12 { width:420px; }*/
/*body.padded #mid div.grid div.span-13 { width:460px; }*/
/*body.padded #mid div.grid div.span-14 { width:500px; }*/
/*body.padded #mid div.grid div.span-15 { width:540px; }*/
/*body.padded #mid div.grid div.span-16 { width:580px; }*/
/*body.padded #mid div.grid div.span-17 { width:620px; }*/
/*body.padded #mid div.grid div.span-18 { width:660px; }*/
/*body.padded #mid div.grid div.span-19 { width:700px; }*/
/*body.padded #mid div.grid div.span-20 { width:740px; }*/
/*body.padded #mid div.grid div.span-21 { width:780px; }*/
/*body.padded #mid div.grid div.span-22 { width:820px; }*/
/*body.padded #mid div.grid div.span-23 { width:860px; }*/
/*body.padded #mid div.grid div.span-24 { width:900px; }*/
/*body.padded #mid div.grid div.span-25 {*/
/*	width:940px;*/
/*	margin-right:0;*/
/*}*/

body {
/*	background-color: #ddd;*/
}


/**********************************************************************
=GRIDHAX
**********************************************************************/
#mid div.grid {
	padding-top: 10px;
	margin-bottom: 0;
}
body.new #mid div.grid div.newsletterPromo {
	margin-right: 0;
}

#mid div.grid div.column {
	margin-bottom: 0;
}

div#mid div.layout div#primary {
  width: 980px !important;
  padding-right: 0;
}

div.full {
  width: 980px !important;
}

div.half {
  width: 480px !important;
}

/**********************************************************************
=ELEMENTS
**********************************************************************/
body.padded #mid #primary {
	overflow: visible;
	padding-top: 0px;
}

div.layout {
  background-color: #ddd !important;
  padding-left: 0px;
}
#search {
  background: #fff none;
}
#mid {
  margin-top: 0;
  background: #ddd;
}
h2 {
  font: bold 28px/1em Arial, Helvetica, sans-serif;
  color: #373737;
  margin: 0;
  padding: 0;
}
h3 {
  font-size: 12px;
  color: #666;
  margin: 0;
  padding: 0;
}
h4 {
  font-size: 12px;
  color: #373737;
  font-style: italic;
	font-weight: bold;
  margin: 0;
  padding: 0;
}
p {
  margin: 0;
  padding: 0;
}
a:hover {
	color: #c30;
}
/**********************************************************************
=NEWSLETTERPROMO
**********************************************************************/
div.newsletterPromo {
	position: relative;
  background: #fff url(//g.foolcdn.com/img/Shop/Matrix/newsletterPromoGrad.jpg) no-repeat top;
  border: 1px solid #e0e0e0;
	margin-bottom: 10px !important;
  min-height: 180px;
  *height: 180px;
}
div.newsletterPromo div.newsletterInfo {
	padding-left: 8px;
	height: 50px;
	width: 400px;
  float: left;
  clear: left;
}
div.newsletterPromo div.newsletterInfo h2 {
	margin-top: 4px;
}
div.newsletterPromo div.newsletterInfo p {
  color: #666;
	line-height: 13px;
}
div.newsletterPromo img {
	position: absolute;
	bottom: 0;
	left: 0;
}

div.newsletterPromo div.performanceInfo {
	padding: 12px 30px 0 0;
	width: 170px;
	float: right;
	clear: right;
}
div.newsletterPromo div.performanceInfo p, div.newsletterPromo div.performanceInfo a {
	float: right;
}
div.newsletterPromo div.performanceInfo p {
	font-size: 12px;
	color: #898989;
}
div.newsletterPromo div.performanceInfo p span {
	font-size: 16px;
	font-weight: bold;
}
div.newsletterPromo div.performanceInfo a.performanceCalculated {
	float: right;
	position: relative;
}
div.newsletterPromo div.performanceInfo a.performanceCalculated img {
	position: relative;
	bottom: auto;
	left: auto;
}

div.newsletterPromo p.body {
	width: 435px;
	float: right;
	padding-right: 15px;
	margin-top: 5px;
	line-height: 16px;
}

div.newsletterPromo ul {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 430px;
	float: right;
	padding-left: 0;
	border-top: 1px solid #d1d1d1;
	margin-right: 20px;
	margin-bottom: 0;
}
div.newsletterPromo ul li {
	color: #666;
	display: inline;
	float: right;
	padding: 3px 9px 0 9px;
	font-size: 11px;
}
div.newsletterPromo ul li a {
	color: #898989;
	text-decoration: underline;
}
div.newsletterPromo ul li.risk {
	float: left;
	padding: 1px 0;
}
div.newsletterPromo ul li.price {
	background: #fff url(//g.foolcdn.com/img/Shop/Matrix/priceBorders.gif) no-repeat top;
	text-align: center;
	width: 68px;
	height: 29px;
}
div.newsletterPromo ul li.freeTrial {
	width: 40px;
}
div.newsletterPromo ul li div {
	overflow: hidden;
	text-indent: -16000px;
	position: relative;
	background: #fff url(//g.foolcdn.com/img/Shop/Matrix/riskTolerance.png) no-repeat top left;
	width: 98px;
	height: 32px;
}
div.newsletterPromo ul li div.noRiskTolerance {
	background: #fff url(//g.foolcdn.com/img/Shop/Matrix/noRiskTolerance.png) no-repeat top left;
}
div.newsletterPromo ul li div img {
	position: absolute;
	top: 13px;
}
div.newsletterPromo ul li div.disabledBuyNow {
	width: 45px;
	height: 23px;
	background: #fff url(//g.foolcdn.com/img/Shop/Matrix/inactiveButton_blank.gif) no-repeat top left;
	text-indent: 0;
	padding: 0 10px;
	font-weight: bold;
	font-size: 10px;
	line-height: 17px;
	color: #a4a4a4;
}

/* risk tolerance skinning */
div.risk-0 img { left: 0px; }
div.risk-1 img { left: 5px; }
div.risk-2 img { left: 10px; }
div.risk-3 img { left: 15px; }
div.risk-4 img { left: 20px; }
div.risk-5 img { left: 25px; }
div.risk-6 img { left: 30px; }
div.risk-7 img { left: 35px; }
div.risk-8 img { left: 40px; }
div.risk-9 img { left: 45px; }
div.risk-10 img { left: 50px; }
div.risk-11 img { left: 55px; }
div.risk-12 img { left: 60px; }
div.risk-13 img { left: 65px; }
div.risk-14 img { left: 70px; }
div.risk-15 img { left: 75px; }
div.risk-16 img { left: 80px; }
div.risk-17 img { left: 85px; }
div.risk-18 img { left: 90px; }
div.risk-19 img { left: 95px; }
div.risk-20 img { left: 100px; }

div.newsletterPromo ul li a.button {
	text-decoration: none;
	border: none;
	padding: 0;
	font-size: 10px;
	line-height: 17px;
	color: #222;
	background: #fff url(//g.foolcdn.com/img/Shop/Matrix/buyNowButton.png) no-repeat top;
	width: 65px;
	height: 23px;
}
div.testimonial, div.promoPlug {
	position: relative;
  margin: 0 0 10px 0 !important;
	background-color: #fff;
	padding: 6px 13px;
	min-height: 180px;
	*height: 180px;
}

div.testimonial p, div.promoPlug p {
	line-height: 16px;
}

div.promoPlug {
	min-height: 168px;
	*height: 168px;
	border: 1px solid #e0e0e0;
	background: #fff url(//g.foolcdn.com/img/Shop/Matrix/promoPlugBg.png) repeat-x top;
}

div.promoPlug div.plugContent{
	margin: 25px 10px 0 10px;
	color: #666;
}
div.promoPlug h4 {
	margin-bottom: 10px;
	color: #373737;
}
div.promoPlug div.plugContent a {
	text-decoration: underline;
	color: #898989;
	position: absolute;
	bottom: 15px;
	left: 25px;
}
div.promoPlug div.plugContent a:hover {
	color: #c30;
}
div.testimonial {
	overflow: visible;
}
div.testimonial div.testimonialWrap {
	position: relative;
	width: 355px;
	min-height: 180px;
	*height: 180px;
	margin: 0 0 0 -16px;
	border: 1px solid #e0e0e0;
	border-width: 1px 1px 1px 0;
	background-color: #fff;
	/*overflow:hidden;*/
}
div.testimonial div.testimonialWrap div.plugContent {
	color: #666;
	font-style: italic;
}
div.testimonial div.testimonialWrap div.plugContent h4 {
	margin: 35px 0 10px 41px;
	font-style: normal;
	color: #666;
	width: 292px;
}
div.testimonial div.testimonialWrap div.plugContent p {
	width: 292px;
	margin-left: 41px;
}
/**********************************************************************
=FEATUREDPROMO
**********************************************************************/
div.altPromo p.body {
	width: 300px;
}
div.altPromo ul {
	width:300px;
}

h1 {
	font:bold 48px arial, sans-serif;
	margin:10px 0 0;
	padding:0;
}
.subHead {
	font-size:14px;
	margin:0;
	padding:0 0 10px;
}
.subHead .neg,
.subHead .pos {
	font-size:20px;
	font-weight:bold;
}
.featuredPromo {
	min-height: 280px;
	*height: 280px;
	border: 1px solid #e0e0e0;
	background: #fff url(//g.foolcdn.com/img/Shop/Matrix/promoPlugBg.png) repeat-x top;
	position:relative;
	margin-bottom:10px;
}
.FPAlt {
	background: #fff url(//g.foolcdn.com/img/Shop/Matrix/promoPlugBg.gif) repeat-x top;
}

body.new div.FPAlt {
	background: transparent
}
.featuredPromo h3,
.FPAlt h3 {
	margin:6px 0 0 240px;
}
.featuredContent {
	margin-left:116px;
	margin-top:0px;
	width:440px;
	float:left;
}
html>body .featuredContent {
	margin-left:240px;
}
.inset {
	border:1px solid #bbb;
	padding:10px;
	background-color: #fff;
	z-index:1;
	position:absolute;
	width:424px;
}
html>body .inset {
	margin-top:-3px;
	width:416px;
}
.inset p {
	font:14px arial,sans-serif;
	line-height:20px;
	position:relative;
}
.featuredImg {
	position:absolute;
	bottom:0;
	left:0;
	z-index:0
}

div.flagshipWrapper {
	background-color: #fff;
}
div.shadow {
	height: 30px;
	background: transparent url(//g.foolcdn.com/img/Shop/Matrix/heroGradient.jpg?new) no-repeat top;
}

.featuredButtons {
	margin-left:690px;
	text-align:center;
	width:238px;
	overflow: hidden;
}
.featuredButtons h1 {
	font-weight:normal;
}
a:link.tryItOn,
a:visited.tryItOn,
a:link.buyItOn,
a:visited.buyItOn,
a:link.tryItOnSm,
a:visited.tryItOnSm,
a:link.buyItOnSm,
a:visited.buyItOnSm {
	color:#fff !important;
}
body.new a:link.tryItOn,
body.new a:visited.tryItOn,
body.new a:link.buyItOn,
body.new a:visited.buyItOn,
body.new a:link.tryItOnSm,
body.new a:visited.tryItOnSm,
body.new a:link.buyItOnSm,
body.new a:visited.buyItOnSm {
	color:#000 !important;
}
a:hover.tryItOn,
a:hover.buyItOn,
a:hover.tryItOnSm,
a:hover.buyItOnSm {
	color:#000 !important;
}
body.new a:hover.tryItOn,
body.new a:hover.buyItOn,
body.new a:hover.tryItOnSm,
body.new a:hover.buyItOnSm {
	text-decoration: underline !important;
}

a.tryItOn,
a.buyItOn,
a.tryItOnSm,
a.buyItOnSm,
body.new a.tryItOn,
body.new a.buyItOn,
body.new a.tryItOnSm,
body.new a.buyItOnSm,
a.buyItOff,
a.tryItOff {
	font-family:Arial,sans-serif;
	font-weight:bold;
	text-decoration:none !important;
	display:block;
	text-align:center;
	position:relative;
	margin:0;
}
a.tryItOn,
body.new a.tryItOn {
	background:url(//g.foolcdn.com/img/Shop/matrix/tryIt.gif) no-repeat;
	width:238px;
	height:68px;
	font-size:30px;
	padding:10px 0 0;
	margin-bottom:4px;
}
body.new a.tryItOn {
	background:url(//g.foolcdn.com/img/Shop/matrix/tryItYellow.gif) no-repeat;
}
a.buyItOn,
body.new a.buyItOn {
	background:url(//g.foolcdn.com/img/Shop/matrix/buyIt.gif) no-repeat;
	width:238px;
	height:68px;
	font-size:30px;
	padding:10px 0 0;
}
body.new a.buyItOn {
	background:url(//g.foolcdn.com/img/Shop/matrix/buyItYellow.gif) no-repeat;
}
a.tryItOnSm,
body.new a.tryItOnSm,
a.tryItOff {
	background:url(//g.foolcdn.com/img/Shop/matrix/tryIt_sm_on.gif) no-repeat;
	width:95px;
	height:27px;
	font-size:14px;
	line-height:24px;
	padding-top: 1px;
}
body.new a.tryItOnSm {
	background:url(//g.foolcdn.com/img/Shop/matrix/tryItYellow_sm_on.gif) no-repeat;
	width:97px;
	height:29px;
}
a.buyItOnSm,
body.new a.buyItOnSm,
a.buyItOff {
	background:url(//g.foolcdn.com/img/Shop/matrix/buyIt_sm_on.gif) no-repeat;
	width:95px;
	height:27px;
	font-size:14px;
	line-height:24px;
	padding-top: 1px;
}
body.new a.buyItOnSm {
	background:url(//g.foolcdn.com/img/Shop/matrix/buyItYellow_sm_on.gif) no-repeat;
	width:97px;
	height:29px;
}
a.tryItOff {
	background:url(//g.foolcdn.com/img/Shop/matrix/tryIt_sm_off.gif) no-repeat;
	cursor:default;
}
a.buyItOff {
	background:url(//g.foolcdn.com/img/Shop/matrix/buyIt_sm_off.gif) no-repeat;
	cursor:default;
}
a:hover.tryItOff,
a:hover.buyItOff {
	color:#898989 !important;
}
span.linkSubText {
	display:block;
	font-size:12px;
	line-height:18px;
}
div.newsletterPromo ul.featuredList {
	bottom:6px;
	margin-right:11px;
	width:304px;
	padding-top:2px;
}
ul.featuredList li {
	position:relative;
	font:bold 14px arial,sans-serif !important;
	float:left;
	color:#000;

}
ul.featuredList li {
	color:#000 !important;
}

/**********************************************************************
=NEWSLETTERPROMO
**********************************************************************/

body.padded #mid span.corner {
	display: block;
	position:absolute;
	font-size: 0;
	line-height: 0;
	height: 7px;
	width: 7px;
	background-image:url(//g.foolcdn.com/img/Shop/Matrix/matrixCornersDDD.gif);
}
body.padded #mid span.ne {
	top:-1px;
	right:-1px;
	background-position: 0 -7px;
}
body.padded #mid span.nw {
	left:-1px;
	top:-1px;
	background-position:-7px -7px;
}
body.padded #mid span.se {
	bottom:-1px;
	right:-1px;
	background-position:0 0;
}
body.padded #mid span.sw {
	bottom:-1px;
	left:-1px;
	background-position:-7px 0;
}
* html body.padded #mid div.testimonialWrap span.ne {
	top:-1px;
	right:-2px;
	background-position: 0 -7px;
}
* html body.padded #mid div.testimonialWrap span.se {
	bottom:-1px;
	right:-2px;
	background-position:0 0;
}