html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;font-family:'Proxima Nova W15',Arial}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

.TradesmensContainer {
    width: 990px;
    margin:  0 auto;
}
.idl_top {
    background: #ffc324;
    margin-bottom: 0px;
}
.TrademensHeader {
    width: 100%;
    height: 85px;
    background: #ffc324;
    font-size: 140%;
    float: left;
}
.Logo {
    float: left;
    height: 56px;
    margin-top: 13px;
}
.ContinueText, .FooterText {
    color: #333333;
    font-weight: bold;
    float: right;
    text-decoration: none;
    line-height: 3.9;
}
.ContinueText i {
    font-size: 72%;
}
.ContinueText:hover {
    text-decoration: underline;
}
.TradesmenGraphicsBar {
    width: 100%;
    float: left;
}
.MarketToolboxLogo {
    float:  left;
    margin-top:  60px;
}
.TrademanCard {
    float:  right;
}
.TradesmensBannerBar { 
	width:100%;
	background:#ffc324;
	float:left;
	text-align:center;
	padding: 10px 0;
	font-weight:700;
	font-size:18px;
}
.TradesmensLeft {
    width:  600px;
    float:  left;
}
.TradesmensIntroText {
    margin:  50px 0 30px 0;
    float:  left;
    line-height:  1.3;
}
.TradesmenSnapShotBox {
    border:  solid 4px #ffc324;
    float:  left;
    width:  600px;
}
.TradesmenSnapShotTitle {
    margin:  10px;
    font-weight:  bold;
    border-bottom:  solid 2px #e3e3e3;
    padding-bottom:  5px;
}
.TrademenSnapShotItem {
    margin:  10px 10px 5px 10px;
    border-bottom:  dashed 2px #e3e3e3;
    padding-bottom:  5px;
    height:  65px;
}
.TrademenSnapShotItem img {
    float:  left;
    width:  70px;
    margin-right:  10px;
    margin-top:  5px;
}
.TrademenSnapShotItem p {
    float:  left;
    width:  500px;
    margin-top:  5px;
}
.TrademenSnapShotItem p span {
    font-weight:  bold;
}
.MoreHeight {
    margin-top: 15px!important;
}
.noDash {
    border-bottom: none;
}
.ShareText {
    font-weight: bold;
    margin-top: 29px;
    margin-right: 20px;
    float: left;
}
ul.LeftSocial {
    float: left;
}
ul.LeftSocial li {
    float: left;
    margin-top: 20px;
    font-size: 200%;
}
ul.LeftSocial li a {
    color: #333;
    margin-right: 15px;
}



/*TOOLBOX FORM*/
.TradesmenFormHolder {
    width:  320px;
    float:  right;
    border:  solid 4px #aaa;
    padding:  10px;
    background:  #f2f2f2;
    margin-top:  55px;
}
.TradesmenFormTitle {
    text-align:  center;
    font-weight:  bold;
    font-size:14px;
    margin-bottom:  15px;
}
.TradesmenToolBoxForm input {
    width:  95%;
    margin-bottom:  15px;
    padding:  10px 5px;
    border:  solid 2px #aaa;
    font-weight:  bold;
    outline:  0;
}
.TradesmenToolBoxForm input:focus {
    border: solid 2px #FFC323;
    outline:  0;
}
.TradesmenfieldNames {
    font-weight:  bold;
    font-size:  90%;
    margin-bottom:  5px;
}
.TradesmenfieldNames span {
    font-weight:  normal;
    color:  #aaa;
    font-size:  90%;
}
.ToolboxSelect {
    width:  45%;
    float:  left;
    background:  #fed875;
    border:  solid 2px #aaa;
    margin-bottom:  10px;
    height:  65px;
}
.ToolboxSelect p {
    width:  69%;
    float:  left;
    font-weight:  bold;
    font-size:  80%;
    margin:  9px;
    line-height:  1.2;
}
.ToolboxSelect p span {
    font-weight:  normal;
}
.PushRight {
    margin-right: 10px;
}
.MarketingToolbox,  .DigitalToolbox {
    width:  15px!important;
    float:  left;
    height:  15px!important;
    margin-top:  25px;
    margin-bottom:  0px!important;
    border:  none!important;
    outline:  0!important;
}
.TradesmenTermsText {
    font-size:  83%;
    float:  left;
    width:  100%;
    line-height:  1.2;
}
.TradesmenTermsText span {
    font-size: 80%;
    color: #aaa;
}
.TermsRadio {
    width:  15px!important;
    height:  15px!important;
    margin-top:  20px;
    margin-bottom:  0px!important;
    border:  none!important;
    outline:  0!important;
}
.SubmitButton {
    width:  100%;
    height:  40px;
    margin-top:  17px;
    background:  #388320;
    color:  #fefefe;
    font-weight:  bold;
    border:  none;
    cursor:  pointer;
}
.SubmitButton:hover {
    background: #296516;
}


/*FORM SUBMITTED*/
.ToolboxButton {
    width: 47%;
    float: left;
    height: 54px;
    background: #eaeaea;
    border: solid 1px #aaa;
    margin-right: 10px;
    color: #333;
    text-decoration: none;
    font-weight: bold;
}
.ToolboxButton:hover {
    background: #ffc324;
}
.ToolboxButton i {
    float:  left;
    font-size:  215%;
    margin:  10px 10px 10px 16px;
    color:  #c70000;
}
.SubmitedButtonText {
    float:  left;
    margin-top:  20px;
}
.NORightMargin {
    margin-right: 0px!important;
}
.NORightMargin p {
    margin-top: 11px;
}
.dashedBox {
    width: 100%;
    float: left;
    border-bottom: dashed 2px #e3e3e3;
    margin: 20px 0;
}
.FormHide {
    display: none;
}
.SavingsText {
    width:  100%;
    font-weight:  bold;
    text-align:  center;
    margin:  20px 0 10px 0;
    float:  left;
}
ul.SavingsList {
    width: 100%;
    float: left;
}
ul.SavingsList li a {
	width:  46%;
	text-align:  center;
	background:  #eaeaea;
	border:  solid 1px #aaa;
	margin: 0 1.5% 11px;
	float: left;
	padding: 10px 0;
	color: #333;
	text-decoration: none;
	font-weight: bold;
}
ul.SavingsList li a:hover {
    background: #ffc324;
}


/*OFFERS BAR*/
.OffersBar {
    width:  100%;
    float:  left;
    background:  #fff;
    margin-top:  30px;
}
.OffersBar p {
    color:  #222;
    font-weight:  bold;
    width:100%;
    text-align:center;
    font-size:18px;
    margin:  0 0 10px 0;
}
.OffersBar p span {
    color:  #ffc324;
}
.OffersBar ul {
    width:  990px;
    height:  75px;
    margin-bottom:  20px;
}
.OffersBar ul li {
    width:  20%;
    height:  75px;
    float:  left;
}
.OffersBar ul li img { 
	margin: 0 auto;
	display:block;
}



/*FOOTER*/
.TradesmenFooter {
    width:  100%;
    height:  100px;
    background:  #ffc324;
    float:  left;
    margin-bottom: -20px;
}
.TradesmenSocial {
    float:  left;
    width:  550px;
    height:  100%;
    margin:  12px 20px 0 20px;
}
.TradesmenSocial ul {
    float:  left;
    width:  300px;
    margin:  0 0 0px 205px;
}
.TradesmenSocial ul li {
    float:  left;
    font-size:  165%;
    margin:  0 5px;
}
.TradesmenSocial ul li a {
    color: #333;
}
.TradesmenSocial p {
    width:  100%;
    margin:  8px 0 0px 0;
    text-align:  center;
    font-weight:  bold;
    float:  left;
    color:  #333;
}
.TradesmenSocial ul li a i:hover {
    color: #000;
}
.FooterLogo {
    width:  230px;
    float: left;
    height: 56px;
    margin-top: 25px;
}
.FooterText {
    margin-top: 16px;
}
.MobileVersion {
    display: none;
}

@media screen and (max-width: 989px) {
	.TrademanCard,
	.ContinueText { display: none; }

	.TradesmensContainer,
	.TradesmensLeft,
	.TrademenSnapShotItem p,
	.ShareText,
	.TradesmenSnapShotBox,
	ul.LeftSocial,
	.TradesmensLeft,
	.OffersBar ul,
	.FooterLogo,
	.TradesmenSocial,
	.TradesmenSocial ul,
	.FooterText	 { width: 100%; }

	.TradesmensContainer,
	.ShareText,
	.TradesmenFormHolder { float: left; }

	.TradesmensLeft, 
	.TrademenSnapShotItem img,
	.TrademenSnapShotItem p,
	.Logo, 
	.MarketToolboxLogo,
	.FooterLogo { float: none; }

	.ShareText, 
	.Logo, 
	.MarketToolboxLogo,
	.FooterLogo { display: block; }

	.TrademensHeader,
	.TrademenSnapShotItem,
	.TradesmenFooter { height: auto; }

	.ShareText,
	.MarketToolboxLogo,
	.Logo,
	.TradesmensIntroText,
	.TradesmenSnapShotBox,
	ul.LeftSocial li,
	.FooterLogo,
	.TradesmenSocial ul,
	.FooterText { text-align: center; }

	.TradesmensBannerBar p,
	.TradesmensIntroText,
	.TrademenSnapShotItem,
	.TradesmenFormHolder { width: 95%; }

	.TradesmenSocial ul,
	.TradesmensBannerBar p,
	.TradesmensIntroText,
	.TradesmenSocial,
	.TradesmenSocial ul li { margin: 0  auto; }

	.Logo, 
	.MarketToolboxLogo {
		margin: 20px auto;
	}
	.MarketToolboxLogo {
		max-height:88px;
		width:90%;
		max-width:340px;
	}
	.TradesmensIntroText { 
		margin: 20px 2.5%;
	}
	.TradesmenSnapShotBox {
		border: none;
		border-top: solid 4px #ffc324;
		border-bottom: solid 4px #ffc324;
	}
	.TrademenSnapShotItem {
		margin: 10px 2.5%;
	}
	ul.LeftSocial li {
		width:25%;
	}
	.TradesmenFormHolder {
		border: none;
		border-top: solid 4px #aaa;
		border-bottom: solid 4px #aaa;
		margin: 20px 0px;
		padding:10px 2.5%;
	}
	.OffersBar ul li { width:50%; }

	.TradesmenSocial ul { margin-top:20px; }

	.TradesmenSocial ul li { 
		width:25%;
		margin-bottom:10px;
	}
	.TradesmenSocial p { margin-bottom:10px; }



}
@media screen and (max-width: 380px) {
	.OffersBar ul li { width:100%; }
}