/*
Theme Name: The ETF Store
Theme URI: http://www.theetfstore.com
Description: Design specifically for the ETF Store.
Version: 1.0
Author: ETF Store
*/

@import './css/reset.css';
@import './css/layout.css';
@import './css/color.css';
@import './css/type.css';

/* For modern browsers */
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}

.clearfix:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
}

.clear {clear:both;line-height:0px;font-size:0px;height:0;}
.floatLeft {float:left;}
.floatRight {float:right;}

fieldset legend {
	display:none;
}

table span.date {
	white-space:nowrap;
}

table td {
	vertical-align:top;
}

#socialLinks {
	position:fixed;
	left:10px;
	top:100px;
	padding:5px 10px;
	background:#FFF;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
	margin-left:5px;
}

#socialLinks  a {
	display:block;
	float:left;
	clear:both;
	margin-bottom:5px;
	width:30px;
}

#socialLinks  a img {
	width:30px !important;
	height:30px !important;
}

#emailAddress {
	font-size:16px;
}

#etfAdvantage {
	width:230px;
	height:112px;
	background:url(images/etfadvantage.jpg);
	display:block;
	margin-left:-5px;
	margin-bottom:10px;
}

#etfAdvantage span {
	display:none;
}

#newsLetterForm {
	color:#015CA2;
	padding:10px 0 0 0;
}

#newsLetterEmail {
	border:none;
	background:url(images/inputbkg.png);
	width:139px;
	height:23px;
	display:inline-block;
	margin-top:5px;
	padding:5px;
}

#newsLetterForm input[type="submit"] {
	display:inline-block;
	border:1px solid #CCC;
	height:32px;
	width:32px;
	margin:5px 0 0 5px;
	border-radius:4px;
}

#radioShowInfo {
	width:684px;
	height:222px;
	background:url(images/radioshowbkg.jpg);
	margin-bottom:10px;
}

#radioShowInfo .infoWrapper {
	width:453px;
	height:100%;
	background:url(images/radioshowbkg2.png) no-repeat 24px 9px;
	position:relative;
	float:left;
}

#radioShowInfo .infoWrapper .buttons {
	width:169px;
	position:absolute;
	bottom:30px;
	right:29px;
}

#radioShowInfo .infoWrapper .buttons  a {
	display:block;
	width:169px;
	height:52px;
	background:url(images/radiobuttons.png);
}

#radioShowInfo .infoWrapper .buttons  .first {
	background-position:left top;
}

#radioShowInfo .infoWrapper .buttons  .first:hover {
	background-position:left -52px;
}

#radioShowInfo .infoWrapper .buttons  .second {
	background-position:-169px top;
}

#radioShowInfo .infoWrapper .buttons  .second:hover {
	background-position:-169px -30px;
}

#radioShowInfo .infoWrapper .buttons  a span {
	display:none;
}

#radioShowInfo .infoWrapper .hosts {
	width:85px !important;
	height:127px !important;
	padding:90px 0 0 140px;
	text-align:center;
}

#radioShowInfo .infoWrapper .hosts .carousel li{
	width:85px !important;
	height:127px !important;
}

#radioShowInfo .infoWrapper .hosts span {
	font-size:11px;
	font-style:italic;
}

#radioShowInfo .showWrapper {
	width:231px;
	height:100%;
	float:right;
}

#radioShowInfo .showWrapper .wrapper {
	padding:10px;
}

#radioShowInfo .showWrapper .ep {
	padding-top:5px;
	margin-top:5px;
	border-top:1px solid #FA9F13;
}

#radioShowInfo .showWrapper .ep:first-child {
	padding-top:0;
	margin-top:0;
	border-top:none;
	width:217px;
	height:18px;
	background:url(images/hd_listen.png);
}

#radioShowInfo .showWrapper .ep.link {
	padding:9px 0 0 0;
	text-align:center;
	font-size:11px;
}

#radioShowInfo .showWrapper .ep.link a {
	color:#FCD355;
}

#radioShowInfo .showWrapper .ep:first-child span {
	display:none;
}

#radioShowInfo .showWrapper .ep .date, #radioShowInfo .showWrapper .ep .show {
	display:block;
}

#radioShowInfo .showWrapper .ep .date {
	color:#FCD355;
}

#episode-table td {
	vertical-align:middle;
}

#brochureButtons {
	margin-bottom:6px;
}

#brochureButtons a {
	display:block;
	float:left;
	width:168px;
	height:76px;
	background:url(images/buttonsbkg.png);
	margin-left:4px;
}
#brochureButtons a:first-child {
	margin-left:0;
}

#brochureButtons a span {
	display:none;
}

#brochureButtons #pdf-about-us:hover {
	background-position:left -76px;
}

#brochureButtons #pdf-client-experience {
	background-position:-168px top;
}

#brochureButtons #pdf-client-experience:hover {
	background-position:-168px -76px;
}

#brochureButtons #pdf-investment-philosophy {
	background-position:-336px top;
}

#brochureButtons #pdf-investment-philosophy:hover {
	background-position:-336px -76px;
}

#brochureButtons #pdf-etfs-explained {
	background-position:-504px top;
}

#brochureButtons #pdf-etfs-explained:hover {
	background-position:-504px -76px;
}




.T_mp3j {
	font-weight:normal;
	font-size:13px;
	color:#015CA2;
}

.showWrapper .T_mp3j {
	font-weight:normal;
	font-size:13px;
	color:#FFF;
}

#nav {
	margin-left:20px;
}

#nav li {
	margin-right:20px;
}

#utility a, #phoneNumber {
	font-size:16px;
}

#utility a:hover {
	text-decoration:underline;
}

.cform input {
	display:inline-block;
}

.cform {
	width:inherit;
}

.cform p.cf-sb {
	text-align:left;
	margin:0 0 0 93px;
}

table .buttons_mp3j, .buttons_mp3jpause {
	float:left;
}

table .posbarB_mp3j {
	margin-left:30px;
}

.showWrapper.index .indi_mp3j {
	display:none;
}

#header .quote {
	float:left;
	clear:both;
	padding:5px;
	margin-top:5px;
	font-family:'Georgia',serif;
	color:#015CA2;
	font-size:14px;
	width:913px;
}

#header .quote span {
	color:#333;
	font-style:italic;
}
