body { color: #666666; font:18px/1.3 'TradeGothicLTPro-Cn18', 'Arial Narrow'; }

a { color: #ee3a40; }
hr { border:0 solid #ccc;border-top-width:1px;clear:both;height:0}
strong { font-family: 'TradeGothicLTPro-BdCn20'; font-weight: normal; } 

h1, h2, h3, h4 { font-weight: normal; text-transform: uppercase; }
h1 { font: 50px/50px 'TradeGothicLTPro-BdCn20'; }
h2 { font: 36px/36px 'TradeGothicLTPro-BdCn20'; margin-bottom: 5px; }
h3 { font: 21px/21px 'TradeGothicLTPro-BdCn20'; margin-bottom: 5px; }
h4{font-size:19px}
h5{font-size:17px}
h6{font-size:15px}

ol { list-style: decimal; }
ul { list-style: disc; }
li { margin-left: 30px; }

table { width: 100%; }
th, td { border-bottom: 1px solid #e7e7e7; font-size: 14px; padding: 5px 3px 3px; text-transform: uppercase; }
th { font-family: 'TradeGothicLTPro-BdCn20'; }
.store { width: 25%; }
.address { width: 40%; }
.city { width: 20%; }
.zip { width: 15%; }

p,dl,hr,h1,ol,ul,pre,table,address,fieldset,figure { margin-bottom: 20px; }

/* NAVIGATION
------------------------------------------------------------------- */
nav { border-bottom: 1px solid #e7e7e7; height: 115px; position: relative; }
nav ul { list-style: none; position: absolute; top: 60px; right: 0; }
nav li { display: block; float: left; }
nav li a { color: #666666; font-size: 24px; text-decoration: none; text-transform: uppercase; }
nav li a:hover { border-bottom: 5px solid #ee3a40; color: #ee3a40; padding-bottom: 23px; }
nav img { margin-top: 38px; }

/* FOOTER
------------------------------------------------------------------- */	
footer { border-top: 1px solid #e7e7e7; padding: 30px 0; }
footer ul { list-style: none; float: left; margin-bottom: 0; margin-top: 5px; }
footer li { float: left; margin: 0 10px 0 0; }
footer div { overflow: auto; }
footer .logos { padding-bottom: 30px; }
footer .smallprint { border-top: 1px solid #e7e7e7; text-align: center; font-size: 14px; padding: 10px 0 0; }

footer .momdadbaby { float: right; }
footer .fourstrong { float: right; margin-left: 20px; }
footer .tomy { float: right; margin-left: 20px; }
footer .fb { background: url(../img/social_fb.png) no-repeat; display: block; width: 43px; height: 43px; }
footer .tw { background: url(../img/social_tw.png) no-repeat; display: block; width: 43px; height: 43px; }
footer .pin { background: url(../img/social_pin.png) no-repeat; display: block; width: 43px; height: 43px; }
footer .lj { background: url(../img/social_lj.png) no-repeat; display: block; width: 43px; height: 43px; }
footer .insta { background: url(../img/social_insta.png) no-repeat; display: block; width: 43px; height: 43px; }

footer .gp { background: url(../img/social_gp.png) no-repeat; display: block; width: 43px; height: 43px; }

footer .yt { background: url(../img/social_yt.png) no-repeat; display: block; width: 43px; height: 43px; }

footer .vm { background: url(../img/social_vm.png) no-repeat; display: block; width: 43px; height: 43px; }

footer .tbr { background: url(../img/social_tbr.png) no-repeat; display: block; width: 43px; height: 43px; }
footer .cm { background: url(../img/social_cm.png) no-repeat; display: block; width: 107px; height: 40px; }


/* BACKGROUND IMAGES
------------------------------------------------------------------- */
.home section, .benefits section, .wheretobuy section, .gallery section { min-height: 615px; }
.home section { background: url(../img/themommyhook_home.jpg) no-repeat right bottom; }
.benefits section { background: url(../img/themommyhook_benefits.jpg) no-repeat right bottom; }
.gallery section { background: url(../img/themommyhook_gallery.jpg) no-repeat right 60px; }	
.wheretobuy section { background: url(../img/themommyhook_buy.jpg) no-repeat right 60px; }	
.contact section { background: url(../img/themommyhook_buy.jpg) no-repeat right 60px; }	

/* HOME
------------------------------------------------------------------- */
.home nav img { display: none; }
.home .logo { margin-bottom: 60px; }
section .grid_5, section .grid_6 { margin-top: 60px; }
.copyright .grid_12 { margin-top: 60px; }

/* BENEFITS
------------------------------------------------------------------- */	
.highlights { border-top: 1px solid #e7e7e7; overflow: auto; }
.highlights .grid_5 { padding: 30px 0; }
.highlights .grid_5 img { margin-bottom: 20px; }
.highlights .grid_7 { background-color: #fafafa; height: 350px; padding: 30px 0; position: relative; }
.highlights ul { list-style: none; }
.highlights li { color: #93b315; float: left; font-size: 28px; text-transform: uppercase; }
.buy { background-color: #00a3bd; color: #fff; display: inline-block; font-size: 28px; padding: 10px 10px 6px 10px; text-decoration: none; text-transform: uppercase; }
a.buy:hover { background-color: #ee3a40; }

li.shopping { padding-left: 60px; }
li.baby { padding-left: 55px; }
li.grocery { padding-left: 30px; }

img.shopping { position: absolute; top: 80px; left: 20px; z-index: 5; }
img.baby { position: absolute; top: 80px; left: 210px; z-index: 10; }
img.grocery { position: absolute; top: 80px; left: 350px; z-index: 5; }

/* GALLERY
------------------------------------------------------------------- */	
.gallery .grid_6 ul { list-style: none; margin-bottom: 10px; overflow: auto; }
.gallery .grid_6 li { float: left; margin: 0 20px 20px 0; }
.gallery .grid_6 ul li:nth-child(even) { margin-right: 0; }

/* MISC STYLING
------------------------------------------------------------------- */	
.blue { color: #00a3bd; }
.red { color: #ee3a40; }
.green { color: #93b315; }
.small { font-size: 14px; }

.distributors { float: left; width: 50%; overflow: auto; }

/* TABS
------------------------------------------------------------------- */	
ul.tabs { list-style: none; margin-bottom: 0; margin-top: 60px; overflow: auto; }
.tabs li { float: left; margin-left: 0; }
.tabs li a { border-left: 1px solid #d2d3d5; border-top: 1px solid #d2d3d5; color: #666666; display: block; font-size: 22px; line-height: 22px; padding: 12px 12px 5px 12px; text-decoration: none; text-transform: uppercase; }
.tabs li:last-child a { border-right: 1px solid #d2d3d5; }
.tabs a.active { background-color: #ee3a40; color: #fff; }

#nationalUS, #localUS, #nationalCA, #localCA, #international { background-color: #fff; border: 1px solid #d2d3d5; margin-bottom: 30px; overflow: auto; padding: 29px 29px 19px; }

/* Tabs - National Retailers */
#nationalUS ul, #nationalCA ul { list-style: none; margin-bottom: 0; overflow: auto; }
#nationalUS li, #nationalCA li { float: left; margin: 0 20px 20px 0;  }
#nationalUS li:nth-child(even), #nationalCA li:nth-child(even) { margin-right: 0; }
#nationalUS img, #nationalCA img { background-color: #fff; border: 1px solid #d2d3d5;  }
#nationalUS img:hover, #nationalCA img:hover { background-color: #e7e7e7;}

/* Tabs - Retailers */
.retailers { border: 1px solid #d2d3d5; overflow: auto; padding: 10px; }
.retailers ul { margin-bottom: 0; }
.retailers li { list-style: none; float: left; margin-left: 0; }
.retailers li img { padding: 0 0; margin: 0 40px 0 0; }

/* FORMS
------------------------------------------------------------------- */
form { margin-bottom: 30px; }
fieldset { border-top: 1px solid #d2d3d5; margin-bottom: 20px; overflow: auto; padding: 0; }
legend { color: #00a3bd; font-weight: bold; overflow: auto; padding: 0 10px 15px 0; }
label { display: block; float: left; padding: 4px 10px 0 0; text-align: right; width: 150px; }
ol { list-style: none; margin-bottom: 0; }
ol li { margin-left: 0; overflow: auto; padding: 3px 0; }
select {
    border: 1px solid #ccc;
    padding: 8px 0;
    width: 300px;
}
input, textarea, button { border: 0; font-family: arial; 
font-size: 14px; margin: 0; padding: 8px 5px; text-indent:0; }
input[type="submit"] { border: 0; background-color: #93b315; color: #fff; margin: 5px 0 0 0; padding: 8px; width: auto; }
input[type="submit"]:hover { background-color: #00a3bd; color: #fff; }

#formStd input, #formStd textarea { border: 1px solid #d2d3d5; width: 286px; }
#formStd input[type="submit"] { border: none; margin: 0 0 0 160px; }

.success { padding: 20px; border: 1px solid #e7e7e7; margin-bottom: 20px; } 
#website { display: none; }