/**
Homepage Redesign CSS
Requires: Bootstrap

Notes:
"pb-" = promo banner
"hp-" = homepage

**/

/* Layout */

.hp-container > .row { margin-bottom:20px; }

.hp-container .btn {font-weight:normal;}

.hp-section-header { font-size:18px; padding: 15px 0 5px 30px;}

.hp-hooklogic { width:100%; border-radius:10px; padding-bottom:20px; border:2px solid #d8d8d8;}
.hp-hooklogic .hp-sponsered-product { float:left; padding:0 10px; text-align:center;}
.hp-hooklogic .col-xs-4 { border-left:solid 1px #d8d8d8; }
.hp-hooklogic .col-xs-4:first-child { border:none; }
.hp-sponsered-product img { width:150px; margin-bottom:10px; }

.hp-sub-promotion { height:480px;border-radius:10px; border:2px solid #d8d8d8; text-align:center; }
.hp-sub-promotion img { border-top-left-radius:8px; border-top-right-radius:8px; }
.hp-sub-promotion h2 { font-family:'Source Sans Pro', arial, san-serif; font-weight:700; font-size:24px; line-height:1.3 }
.hp-sub-promotion p { font-family:'Source Sans Pro', arial, san-serif; font-weight:600; font-size:16px; padding-bottom:5px; color:#666;}
.hp-sub-promotion a { color:#333; text-decoration:none; }
.hp-see-details { font-size: 12px; text-decoration: underline;}

.hp-leaderboard-ad { height:90px; width:728px; margin:0 auto; }

.hp-square-ad { width:300px; height:250px; margin:0 auto;}

#mcBannerArea img {
	margin-left: 7px;
}

#rightCol {
	display:none;
}

.hp-container .btn.tertiary {
	border: 1px solid #007bc8;
	background: #ffffff;
	color: #007bc8;
}

.hp-container .btn.tertiary:hover {
	color:#fff;
	background-color:#007bc8;
}

.hp-container .row  {
	margin-left: -10px;
	margin-right: -10px;
}

.hp-container .col-xs-4, .hp-container .col-xs-6, .hp-container .col-xs-8, .hp-container .col-xs-12 {
	position: relative;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px;
}