/*------------------------------------*\
	GROWING UP
	
	By Simon Wiffen
	NORTHERN CONTRAST LTD
	
	http://www.northerncontrast.com
\*------------------------------------*/




/*------------------------------------*\
	RESET
\*------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ 
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img{ 
	border:0;
}
address,caption,cite,dfn,th,var{
	font-style:normal;
	font-weight:normal;
}
caption,th{
	text-align:left;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}
q:before,q:after{
	content:'';
}
abbr,acronym{
	border:0;
}
header, nav, article, section, aside, footer{
	display:block;
}





/*------------------------------------*\
	@FONT-FACE
\*------------------------------------*/
@font-face {
    font-family: 'comic_zine_otregular';
    src: url('fonts/comic_zine_ot-webfont.eot');
    src: url('fonts/comic_zine_ot-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/comic_zine_ot-webfont.woff') format('woff'),
         url('fonts/comic_zine_ot-webfont.ttf') format('truetype'),
         url('fonts/comic_zine_ot-webfont.svg#comic_zine_otregular') format('svg');
    font-weight: normal;
    font-style: normal;

}






/*------------------------------------*\
	MAIN
\*------------------------------------*/
html{
	background:#f6eec1 url(../img/bg-main.jpg);
	color:#5d4f49;
	font-family: 'PT Sans', sans-serif;
	font-size:87.5%; /* 14px base font size */
	-webkit-font-smoothing: antialiased;
}
body{
	width:100%;
	min-width:1210px;
}
.wrapper{
	width:1170px;
	margin:0 auto;
	overflow:hidden;
	padding:0 20px;
}
section.main{
	width:770px;
	float:left;
	position:relative;
	z-index:2;
}
section.main .subnav{
	width:180px;
	float:left;
}
section.main .content{
	width:570px;
	float:right;
}
aside{
	width:336px;
	float:right;
}





/*------------------------------------*\
	BASIC TYPOGRAPHY
\*------------------------------------*/
h1, h2{
	margin-bottom:20px;
}
h2, h3, h4, h5, h6{
	font-weight:bold;
	color:#35997b;
	margin-bottom:15px;	
}
h1{
	font-family:'Gotham Cond A', 'Gotham Cond B';
	font-weight:400;
	font-style:normal;
	font-size:3.57em;
	color:#672456;
	padding-bottom:10px;
	background:url(../img/title-fadeline.png) bottom left no-repeat;
}
h2{
	font-size:1.57em;
}
h3{
	font-size:1.14em;	
}
h4, h5, h6{
	font-size:1em;
}
.intro{
	font-size:1.14em;
}
p, ul, ol, iframe{
	margin-bottom:25px;
}
section.main ul,
section.main ol{
	display:table; /* Fixes IE bug when list is floated against an image */
	position:relative;
	left:30px;
	margin-right:30px;
}
section.main ul ul{
	margin-top:10px;
}
section.main .content li,
section.main .content ul ul,
section.main .content ol ol{
	margin-bottom:10px;
}
a{
	font-weight:bold;
	color:#e3761d;
	text-decoration:none;
}
a:hover,
a:focus{
	color:#d44817;	
}

/* Lexicon styling - links */
a.lexicon-term{
	color:inherit;
	font-weight:normal;
	border-bottom:1px dashed #e3771f;
	background:url(../img/icons/icon-lexicon.png) right no-repeat;
	padding-right:15px;
	cursor:pointer;
}
.ui-tooltip, .arrow:after {
	 background:#fff;
}
.ui-tooltip {
	padding:20px;
	border:none;	
	color:#616161;
	font-family: 'PT Sans', sans-serif;
	font-size:0.9em;
	font-style:italic;
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.arrow {
	width: 70px;
	height: 16px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -35px;
	bottom: -16px;
}
.arrow.top {
	top: -16px;
	bottom: auto;
}
.arrow.left {
	left: 20%;
}
.arrow:after {
	content: "";
	position: absolute;
	left: 20px;
	top: -20px;
	width: 25px;
	height: 25px;

	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
tranform: rotate(45deg);
}
.arrow.top:after {
	bottom: -20px;
	top: auto;
}

/* Lexicon styling - glossary page */
.lexicon-links{
	padding:10px;
	margin-bottom:25px;
	text-transform:uppercase;
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.lexicon-links a{
	font-size:1em;
}
.lexicon-alphabar-instructions{
	margin-bottom:25px;
}
.lexicon-extralinks a{
	background:#eef;
	padding:5px;
	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.lexicon-list dt{
	font-size:1.2em;
	margin-bottom:10px;	
}

/* Text highlights */
section.main blockquote{
	border-top:1px solid #dacaaf;
	border-bottom:1px solid #dacaaf;
	padding-top:20px;
	margin-bottom:35px;
}
section.main blockquote p{
	font-size:1.36em;
	font-weight:bold;
	font-style:italic;
	color:#4ca383;
}





/*------------------------------------*\
	TABLES
\*------------------------------------*/
section.main table{
	margin-bottom:20px;
	width:100%!important;
	border-collapse:collapse;
	clear:both;
}
section.main table caption{
	font-size:0.8em;
	margin-bottom:20px;
}
section.main table thead th{
	text-align:left;
	padding:10px;
	font-size:1em;
	font-weight:bold;
	background:#e74e0f;
	border:1px solid #bcb2aa;
	color:#fff;
}
section.main table td{
	padding:10px;
	border:1px solid #bcb2aa;
	vertical-align:middle;
	text-align:left;
	font-size:1em;
}
section.main table tbody{
	border:none;
}





/*------------------------------------*\
	IMAGES/VIDEOS
\*------------------------------------*/
section.main img{
	display:block;
	margin:0 auto;
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:3px 3px 3px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow:3px 3px 3px rgba(0, 0, 0, 0.15);
	box-shadow:3px 3px 3px rgba(0, 0, 0, 0.15);
}
section.main img[style*="left"]{
	margin:0 30px 20px 0;
}
section.main img[style*="right"]{
	margin:0 0 20px 30px;
}
section.main iframe{
	max-width:100%;
}



/*------------------------------------*\
	RATE THIS CONTENT
\*------------------------------------*/
.rate-content{
	clear:both;
	margin:20px 0;
	border-top:1px solid #d3d6cc;
	border-bottom:1px solid #d3d6cc;
	padding:10px 0;
	position:relative;
}
.rate-content form{
	margin:0;
}
.rate-content h2{
	display:inline-block;
	font-family:'Gotham Cond A', 'Gotham Cond B';
	font-size:1.73em;
	font-weight:400;
	color:#672456;
	margin:0 15px 0 0;
}
.rate-content .form-item{
	display:inline-block;
	margin:0;
	position:relative;
	top:-3px;
}
.rate-content .fivestar-widget,
.rate-content .fivestar-widget div{
	display:inline-block;
	vertical-align:middle;
}
.rate-content .fivestar-widget .star{
	width:20px;
	height:20px;
	margin-right:3px;
	background:none;
}
.rate-content .fivestar-widget .star a{
	display:block;
	width:20px;
	height:20px;
	background:url(../img/icons/star.png);
	text-indent:-999999em;
}
.rate-content .fivestar-widget .star a:hover,
.rate-content .fivestar-widget .star a:focus{
	background:url(../img/icons/star-hover.png);
}
.rate-content .fivestar-widget .on a{
	background:url(../img/icons/star-on.png);
}
.rate-content .fivestar-widget div.cancel{
	float:right;
	margin-left:15px;
	background:none;
	text-indent:0;
	width:auto;
	height:auto;
	border-right:1px solid #9eaaa9;
	padding-right:10px;
}
.rate-content .fivestar-widget div.cancel a{
	background:none;
	font-weight:400;
}
.rate-content .description{
	display:inline-block;
	vertical-align:top;
	margin-left:7px;
	font-size:0.93em;
	font-weight:bold;
}
.rate-content .clearfix::after{
	clear:none;
	display:none;
}
.rate-content .ajax-progress{
	font-size:0.85em;
	position:absolute;
	left:0;
	top:-40px;
}
.rate-content .ajax-progress .throbber{
	background-image:url(../img/icons/ajax-loader.gif);
	background-size:16px 16px;
	width:16px;
	height:16px;
}
.rate-content .ajax-progress .message{
	padding-left:10px;
}
section.main .rate-content input.form-submit{
	display:none;
}





/*------------------------------------*\
	BASE COLUMNS
\*------------------------------------*/
.cols{
	clear:both;
	margin-left:-30px;
}
.col{
	float:left;
	margin-left:30px;
}
section.main .col-2 .col{
	width:370px;
}





/*------------------------------------*\
	HEADER
\*------------------------------------*/
header{
	background:#e84e0f;
	color:#652206;
	padding-bottom:70px;
	
	background: -moz-linear-gradient(top,  #e74e0f 0%, #cf450d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e74e0f), color-stop(100%,#cf450d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e74e0f 0%,#cf450d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e74e0f 0%,#cf450d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e74e0f 0%,#cf450d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e74e0f 0%,#cf450d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e74e0f', endColorstr='#cf450d',GradientType=0 ); /* IE6-9 */
}

/* Top band */
header .country-search{
	border-bottom:1px solid #c6440f;	
	margin-bottom:12px;
	font-family: 'PT Sans Narrow', sans-serif;
}
header .country-search .wrapper{
	position:relative;
	width:920px;
	padding-right:250px;
}
header .disclaimer{
	font-size:0.85em;
	display:table-cell;
	vertical-align:middle;
	padding:15px 10px 15px 0;
}

/* Select your country */
header .country-search .country-select{
	display:table-cell;
	vertical-align:middle;
	margin-bottom:0;
	min-width:125px;	
	padding:0 0 0 55px;
	background-color:#d0460d;
	background-image:url(../img/icons/globe.png);
	background-position:left center;
	background-repeat:no-repeat;
	
	background-image:url(../img/icons/globe.png), -moz-linear-gradient(top,  #d0460d 0%, #be400c 100%); /* FF3.6+ */
	background-image:url(../img/icons/globe.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0460d), color-stop(100%,#be400c)); /* Chrome,Safari4+ */
	background-image:url(../img/icons/globe.png), -webkit-linear-gradient(top,  #d0460d 0%,#be400c 100%); /* Chrome10+,Safari5.1+ */
	background-image:url(../img/icons/globe.png), -o-linear-gradient(top,  #d0460d 0%,#be400c 100%); /* Opera 11.10+ */
	background-image:url(../img/icons/globe.png), -ms-linear-gradient(top,  #d0460d 0%,#be400c 100%); /* IE10+ */
	background-image:url(../img/icons/globe.png), linear-gradient(to bottom,  #d0460d 0%,#be400c 100%); /* W3C */
}
header .country-search .country-select a{
	display:block;	
	color:#efc593;
	font-weight:normal;
	background:url(../img/icons/arrow-country.png) right center no-repeat;
	margin-right:15px;
}
header .country-search .country-select a:hover,
header .country-search .country-select a:focus{
	color:#fee557;
}

/* Search form */
header .country-search form{
	position:absolute;
	right:0;
	top:0;
	width:175px;
	padding:3px 0 7px 15px;
}
header .country-search .text,
header .country-search .form-text{
	background:#ef8052;
	color:#9e3422;
	border:none;
	padding:5px 10px;
	width:145px;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:1em;
	outline:none;	
	
	-webkit-appearance:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.15);	
	box-shadow:1px 1px 1px rgba(0, 0, 0, 0.15);
}
header .country-search label{
	color:#9e3422;
	position:absolute;
	top:15px;
	margin-left:10px;
	opacity:1;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:1em;
	font-weight:normal;
	
	-moz-transition:0.15s linear opacity;
	-webkit-transition:0.15s linear opacity;
	transition:0.15s linear opacity;
}
header .country-search .submit,
header .country-search .form-submit{
	width:32px;
	height:32px;
	margin-top:5px;
	margin-left:-28px;
	border:none;
	text-indent:-999999em;
	cursor:pointer;
	background-color:transparent;
	background-image:url(../img/icons/search.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
}
header .country-search .submit:hover,
header .country-search .submit:focus,
header .country-search .form-submit:hover,
header .country-search .form-submit:focus{
	background-position:-32px 0px;
}

header .logo{
	float:left;	
	width:234px;
	height:78px;
}

/* Main navigation */
.mobile-menu{
	display:none;
}
header nav ul{
	display:block;
	list-style:none;
	text-align:right;
	margin:40px 0 0 0;
}
header nav ul.menu{
	text-align:right;
}
header nav li{
	display:inline;
	margin-left:15px;
}
header nav li ul{
	display:none!important;
}
header nav a{
	color:#efc593;
	font-family:'Gotham Cond A', 'Gotham Cond B';
	font-weight:500;
	font-style:normal;
	font-size:1.3em;
}
header nav a:hover,
header nav a:focus{
	color:#fee557;
}
header nav li.active-trail a{
	color:#fee557;
	border-bottom:1px solid #b33e1e;
}
.clouds{
	height:80px;
	background:url(../img/bg-clouds.png) bottom repeat-x;
	margin-top:-80px;
	margin-bottom:40px;
	position:relative;
	z-index:1;
}





/*------------------------------------*\
	MASTHEAD
\*------------------------------------*/
.masthead{
	background:#e84e0f url(../img/masthead-arrows.jpg) bottom center no-repeat;
	color:#fff;
	padding-bottom:80px;
	margin-top:-50px;
	position:relative;
	z-index:1;
}
.masthead .wrapper{
	padding-top:40px;
	padding-right:500px;
	width:670px;
}
.masthead h1{
	background:none;
	padding:0;
	margin-bottom:10px;
}
.masthead p{
	font-size:1.14em;
}
.masthead a{
	color:#3befba;
}





/*------------------------------------*\
	SUB-NAVIGATION
\*------------------------------------*/
section.main .subnav ul,
footer .subnav ul{
	list-style:none;
	margin-left:0;
	left:0;
}

/* Level 1 */
.subnav li{
	margin-bottom:15px;
}
.subnav li a{
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	color:#827772;
}
.subnav li span{
	font-size:0.79em;
	text-transform:uppercase;
}
section.main .subnav .current > a,
.main .subnav li.active-trail > a{
	border-bottom:1px solid #e3761d;
}
section.main .subnav li.active-trail li > a{
	border-bottom:none;
}

/* Level 2 */
section.main .subnav ul ul,
footer .subnav ul ul{
	margin-top:5px;
	margin-left:0;
}
section.main .subnav ul ul li,
footer .subnav ul ul li{
	margin-bottom:5px;
}
section.main .subnav ul ul li a,
footer .subnav ul ul li a{
	font-weight:normal;
	font-size:1em;
	text-transform:none;
	color:#827772;
}
.subnav ul ul li a:before{
	content:"> ";
}
section.main .subnav ul ul li.current > a,
.main .subnav ul ul li a.active{
	border-bottom:none;
	padding-bottom:0;
	color:#da490e;
}

/* Level 3 */
section.main .subnav ul ul ul{
	margin:5px 0 15px 10px;
}
.subnav ul ul ul li a{
	font-size:0.93em;
	color:#796963;
}
.subnav ul ul ul li a:before{
	content:"- ";
}
.subnav a:hover,
.subnav a:focus{
	color:#d44817;
}






/*------------------------------------*\
	MAIN PAGE FEATURES BASE STYLES
\*------------------------------------*/
.feature{
	width:320px;
	height:268px;
	background:#fff;
	margin-bottom:30px;
	position:relative;
	padding:25px;
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:3px 3px 3px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow:3px 3px 3px rgba(0, 0, 0, 0.15);
	box-shadow:3px 3px 3px rgba(0, 0, 0, 0.15);
}
section.main .feature ul{
	list-style:none;
	margin:0;
	position:absolute;
	left:25px;
	bottom:10px;
}
.feature li{
	margin-bottom:15px;
}
.feature li a{
	font-weight:bold;
	font-style:italic;
	color:#585757;	
	padding-bottom:2px;
	border-bottom:2px solid #cec8bc;
	border-bottom:2px solid rgba(0,0,0,0.15);
}
.feature li a:hover,
.feature li a:focus{
	color:#d44817;
}





/*------------------------------------*\
	MAIN PAGE FEATURES SPECIFIC STYLES
\*------------------------------------*/

/* Worried about your child's height or growth? */
.feature-worried-about-growth{
	background:url(../img/features/bg-worried-about-growth.jpg) no-repeat;
}
.feature-worried-about-growth h2{
	width:175px;
	font-family: 'comic_zine_otregular';
	font-size:2.5em;
	font-weight:normal;
	line-height:0.9em;
	color:#35997b;
}
.feature-worried-about-growth h2 span{
	color:#6a2859;
}

/* Growth disorders explained */
.feature-growth-disorders-explained{
	background:url(../img/features/bg-growth-disorders-explained.jpg) no-repeat;
}
.feature-growth-disorders-explained h2{
	font-family:'Gotham Cond A', 'Gotham Cond B';
	font-weight:400;
	font-style:normal;
	font-size:2.3em;
	color:#e84e0f;
	text-align:center;
	margin-top:70px;
}
.feature-growth-disorders-explained h2 span{
	display:block;
	font-family: 'comic_zine_otregular';
	font-size:0.8em;
	font-weight:normal;
	color:#35997b;
}
.feature-growth-disorders-explained li a{
	color:#f3f3f3;
}
.feature-growth-disorders-explained li a:hover,
.feature-growth-disorders-explained li a:focus{
	color:#fee557;
}

/* Treatments to help growth */
.feature-treatments{
	background:url(../img/features/bg-treatments.jpg) no-repeat;
}
.feature-treatments h2{
	font-family:'Gotham Cond A', 'Gotham Cond B';
	font-weight:400;
	font-style:normal;
	font-size:1.93em;
	color:#612251;
	margin-right:90px;	
}
.feature-treatments li a{
	color:#fff;
}
.feature-treatments li a:hover,
.feature-treatments li a:focus{
	color:#7ffbfa;
}

/* How to help your child */
.feature-help-your-child{
	background:url(../img/features/bg-help-your-child.jpg) no-repeat;
}
.feature-help-your-child h2{
	width:120px;
	font-family: 'comic_zine_otregular';
	font-size:2.5em;
	font-weight:normal;
	line-height:0.9em;
	color:#6a2859;
}





/*------------------------------------*\
	PERSONAL STORIES
\*------------------------------------*/
.personal-stories-header{
	background:url(../img/personal-stories/personal-stories-header.png) bottom no-repeat;
	padding:95px 320px 0 0;
	border-bottom:1px solid #dacaaf;
	margin-top:-95px;
	margin-bottom:45px;
	min-height:225px;
}




/*------------------------------------*\
	QUOTE/PERSONAL STORIES
\*------------------------------------*/
.quote{
	border-bottom:1px solid #dacaaf;
	margin-bottom:40px;
}
section.main .quote{
	width:370px;
}
.quote .header{
	height:105px;
	background:url(../img/promos/bg-personal-stories.png) no-repeat;
	border-bottom:1px solid #dacaaf;
	padding:45px 0 0 20px;	
	margin-bottom:20px;
}
.quote h2{
	width:120px;
	text-align:center;
	font-family: 'comic_zine_otregular';
	font-size:2em;
	font-weight:normal;
	line-height:0.9em;
	margin:0;
}
.quote h2 span{
	display:block;
}
.quote blockquote{
	font-size:1.36em;
	font-style:italic;
	margin-bottom:15px;
}
.quote .open-quote{
	display:block;
	width:55px;
	height:39px;
	float:left;
	margin:0 13px 5px 0;
	background-image:url(../img/icons/open-quote.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
}
.quote .open-quote.quote2{
	background-position:-55px 0px;
}
.quote .open-quote.quote3{
	background-position:-110px 0px;
}
.quote .open-quote.quote4{
	background-position:-165px 0px;
}
.quote .more{
	margin-bottom:0;
	text-align:right;
}
.quote .more a{
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight:normal;
	font-size:1.14em;
	display:inline-block;
	background-color:#fec957;
	background-image:url(../img/icons/quote-read-more.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding:10px 0 10px 50px;
	color:#5d4f49;
	
	background-image:url(../img/icons/quote-read-more.png), -moz-linear-gradient(top,  #fec957 0%, #eab950 100%); /* FF3.6+ */
	background-image:url(../img/icons/quote-read-more.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fec957), color-stop(100%,#eab950)); /* Chrome,Safari4+ */
	background-image:url(../img/icons/quote-read-more.png), -webkit-linear-gradient(top,  #fec957 0%,#eab950 100%); /* Chrome10+,Safari5.1+ */
	background-image:url(../img/icons/quote-read-more.png), -o-linear-gradient(top,  #fec957 0%,#eab950 100%); /* Opera 11.10+ */
	background-image:url(../img/icons/quote-read-more.png), -ms-linear-gradient(top,  #fec957 0%,#eab950 100%); /* IE10+ */
	background-image:url(../img/icons/quote-read-more.png), linear-gradient(to bottom,  #fec957 0%,#eab950 100%); /* W3C */
	-moz-border-radius:5px 5px 0px 0px;
	-webkit-border-radius:5px 5px 0px 0px;
	border-radius:5px 5px 0px 0px;
}
.quote .more a span{
	display:block;
	background:url(../img/icons/quote-read-more-arrow.png) right center no-repeat;
	margin-right:15px;
	padding-right:17px;
}
.quote .more a:hover,
.quote .more a:focus{
	color:#e95312;
}

/* Full quotes */
section.main .quote-full{
	width:auto;
	border-bottom:none;
}
.quote-footer{
	overflow:hidden;
	margin-top:-20px;
}
.quote-footer .quote-end{
	width:695px;
	height:39px;
	float:left;
	border-bottom:1px solid #dacaaf;
}
.quote-footer .close-quote{
	display:block;
	width:55px;
	height:39px;
	float:right;
	background-image:url(../img/icons/close-quote.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
}
.back a{
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight:normal;
	font-size:0.93em;
	text-transform:uppercase;
	display:inline-block;
	background-color:#e1d8ac;
	background-image:url(../img/icons/arrow-back.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding:10px 15px 10px 30px;
	color:#796963;
	border:1px solid #cdcac4;
	
	background-image:url(../img/icons/arrow-back.png), -moz-linear-gradient(top,  #e1d8ac 0%, #cbc49c 100%); /* FF3.6+ */
	background-image:url(../img/icons/arrow-back.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1d8ac), color-stop(100%,#cbc49c)); /* Chrome,Safari4+ */
	background-image:url(../img/icons/arrow-back.png), -webkit-linear-gradient(top,  #e1d8ac 0%,#cbc49c 100%); /* Chrome10+,Safari5.1+ */
	background-image:url(../img/icons/arrow-back.png), -o-linear-gradient(top,  #e1d8ac 0%,#cbc49c 100%); /* Opera 11.10+ */
	background-image:url(../img/icons/arrow-back.png), -ms-linear-gradient(top,  #e1d8ac 0%,#cbc49c 100%); /* IE10+ */
	background-image:url(../img/icons/arrow-back.png), linear-gradient(to bottom,  #e1d8ac 0%,#cbc49c 100%); /* W3C */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.back a:hover,
.back a:focus{
	color:#e95312;
}


/* Sidebar quotes */
aside .quote{
	margin-right:4px;
	margin-bottom:20px;
}
aside .quote blockquote{
	font-size:1.26em;
}



/*------------------------------------*\
	ASK AN EXPERT
\*------------------------------------*/
.ask-an-expert-header{
	background:url(../img/ask-an-expert/ask-an-expert-header.png) bottom no-repeat;
	padding:30px 320px 0 0;
	overflow:hidden;
	margin-top:-60px;
	margin-bottom:45px;
	min-height:256px;
}
.ask-an-expert-header h1{
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:3.36em;
}
.ask-an-expert-header p{
	font-size:1.14em;
	color:#616161;
}
.ask-an-expert-submit-question{
	border-bottom:1px dashed #d2cacf;
	margin-bottom:30px;
	padding-bottom:20px;
}
.ask-an-expert-submit-question form{
	margin-bottom:20px;
}
.ask-an-expert-submit-question form label{
	font-weight:normal;
}
section.main .ask-an-expert-submit-question .text-short{
	width:50%;
}
.ask-an-expert-faqs h2{
	color:#449f81;
}
.ask-an-expert-faqs h3{
	font-size:1.14em;
	color:#46a081;
	margin-bottom:10px;
}



/*------------------------------------*\
	PROMOTIONS
\*------------------------------------*/
.promo{
	background:#fdfdfd;
	color:#616161;
	border:1px solid #e8e3d8;
	margin-bottom:20px;
	margin-right:4px;
	
	background: -moz-linear-gradient(top,  #ffffff 0%, #ebebeb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#ebebeb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */
	-moz-box-shadow:3px 3px 3px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow:3px 3px 3px rgba(0, 0, 0, 0.15);
	box-shadow:3px 3px 3px rgba(0, 0, 0, 0.15);
}
.promo h2{
	font-family:'Gotham Cond A', 'Gotham Cond B';
	font-weight:400;
	font-style:normal;
	font-size:2.14em;
	color:#672456;
	border-bottom:1px solid #e8e3d8;
	padding:11px 15px;
	margin-bottom:0;
}
.promo .content{
	padding:15px 15px 0 15px;
}
.promo .content p:last-of-type{
	margin-bottom:15px;
}
.promo .more a{
	font-weight:bold;
	font-style:italic;
	border-bottom:2px solid #cec8bc;
	padding-bottom:2px;
}

/* Promo icons */
.promo-systems h2{
	background:url(../img/icons/promo-icon-systems.png) right center no-repeat;
	padding-right:90px;
	
}
.promo-facts h2{
	background:url(../img/icons/promo-icon-facts.png) right center no-repeat;
	padding-right:90px;
}

/* Graphic promos */
.promo-help-your-child{
	height:183px;
	background:url(../img/promos/bg-help-your-child.jpg) no-repeat;
	position:relative;
	border:none;
	filter:none;
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.promo-help-your-child h2{
	width:150px;
	font-family: 'comic_zine_otregular';
	font-size:2.07em;
	font-weight:normal;
	color:#6a2859;
	border-bottom:0;
	line-height:0.9em;
}
.promo-help-your-child .more{
	position:absolute;
	left:15px;
	bottom:0;
}

.promo-treatments{
	height:183px;
	background:url(../img/promos/bg-treatments.jpg) no-repeat;
	position:relative;
	border:none;
	filter:none;
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.promo-treatments h2{
	font-family:'Gotham Cond A', 'Gotham Cond B';
	font-weight:400;
	font-style:normal;
	font-size:2.14em;
	color:#612251;
	width:150px;
	border-bottom:none;
}
.promo-treatments .more{
	position:absolute;
	left:15px;
	bottom:0;
}
.promo-treatments a{
	color:#fff;
}
.promo-treatments a:hover,
.promo-treatments a:focus{
	color:#7ffbfa;
}

.promo-needle-free-explained{
	height:207px;
	background:url(../img/promos/bg-needle-free-explained.jpg) no-repeat;
	position:relative;
	border:none;
	filter:none;
}
.promo-needle-free-explained h2{
	font-family: 'PT Sans', sans-serif;
	font-weight:bold;
	font-style:italic;
	font-size:1.07em;
	color:#fff;
	border:none;
	text-align:center;
	background:#5d6064;
	background:rgba(0,0,0,0.55);
	padding:15px;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
}
.promo-needle-free-explained .more{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:none;
}
.promo-needle-free-explained .more a{
	display:block;
	width:100%;
	height:100%;
	padding:0;
	border:none;
	text-indent:-999999em;
}

/* Quick links */
.promo-quick-links{
	border:1px solid #d7d5d4;
	padding-bottom:20px;
	background:#fcfbf7;
	background:-moz-linear-gradient(top,  #fcfbf7 0%, #ecebe6 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfbf7), color-stop(100%,#ecebe6));
	background:-webkit-linear-gradient(top,  #fcfbf7 0%,#ecebe6 100%);
	background:-o-linear-gradient(top,  #fcfbf7 0%,#ecebe6 100%);
	background:-ms-linear-gradient(top,  #fcfbf7 0%,#ecebe6 100%);
	background:linear-gradient(to bottom,  #fcfbf7 0%,#ecebe6 100%);
	border-radius:10px;
	margin-bottom:30px;
}
.promo-quick-links h2{
	font-family: 'PT Sans Narrow', sans-serif;
	color:#783d89;
	background:url(../img/icons/promo-icon-quick-links.png) 100% 20px no-repeat;
	margin:0 20px;
	padding:20px 60px 15px 0;
	border-bottom:1px dashed #d4cdcf;
}
section.main .promo-quick-links ul,
.promo-quick-links ul{
	display:block;
	list-style:none;
	left:0;
	margin:0 20px;
}
.promo-quick-links a{
	font-weight:normal;
	display:block;
	padding-right:20px;
	background:url(../img/icons/quick-link-arrow.png) right no-repeat;
}
.promo-quick-links a:hover h3,
.promo-quick-links a:focus h3{
	color:#d44817;
}
.promo-quick-links li{
	padding:15px 0;
	background:url(../img/quick-links-divider.png) bottom center no-repeat;
	background-size:100% auto;
	margin-bottom:0!important;
}
.promo-quick-links li:last-of-type{
	background:none;
	padding-bottom:0;
}
.promo-quick-links li h3{
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:1.21em;
	font-weight:bold;
	text-transform:uppercase;
	color:#e5873b;
	margin:0;
}
.promo-quick-links li p{
	font-size:1em;
	color:#727272;
	margin-bottom:0;
}

/* Star content */
.promo-star-content{
	padding:20px;
	overflow:hidden;
	margin-bottom:40px;
	border:1px solid #e1e1e1;
	background:#edeae1;
	background:-moz-linear-gradient(top,  #faf6ed 0%, #edeae1 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#faf6ed), color-stop(100%,#edeae1));
	background:-webkit-linear-gradient(top,  #faf6ed 0%,#edeae1 100%);
	background:-o-linear-gradient(top,  #faf6ed 0%,#edeae1 100%);
	background:-ms-linear-gradient(top,  #faf6ed 0%,#edeae1 100%);
	background:linear-gradient(to bottom,  #faf6ed 0%,#edeae1 100%);
	border-radius:5px;
}
.promo-star-content .star-content-info{
	width:52%;
	float:right;
}
section.main .promo-star-content img{
	width:40%;
	float:left;
	padding-top:6px;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	border-radius:0;
}
.promo-star-content h3{
	font-family:'Gotham Cond A', 'Gotham Cond B';
	font-size:1.79em;
	font-weight:normal;
	color:#949494;
	line-height:56px;
	margin-bottom:30px;
	padding-left:65px;
	background:url(../img/promos/bg-star-video-header.png) left no-repeat;
}
.promo-star-content h4{
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:1.57em;
	color:#46a186;
}
.promo-star-content p:last-of-type{
	margin:0;
}


.promo-ask-an-expert{
	background:url(../img/promos/bg-ask-an-expert.png) bottom left no-repeat;
	position:relative;
	border:none;
	filter:none;
	height:192px;
	
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
}
.promo-ask-an-expert h2{
	font-family: 'comic_zine_otregular';
	font-size:3em;
	border:none;
	padding-right:190px;
	margin-top:35px;
	line-height:0.8em;
}
.promo-ask-an-expert h2 span{
	color:#f07517;
	display:block;
}
.promo-ask-an-expert .more{
	position:absolute;
	bottom:15px;
}
.promo-thanks p{
	padding:11px 15px 0 15px;
}



/*------------------------------------*\
	VIDEO BUTTONS
\*------------------------------------*/
a.button-video{
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight:bold;
	font-size:1.14em;
	text-transform:uppercase;
	display:inline-block;
	background-color:#fec957;
	background-image:url(../img/icons/video-button-play.png);
	background-position:right center;
	background-repeat:no-repeat;
	padding:10px 40px 10px 15px;
	color:#5d4f49;
	background-image:url(../img/icons/video-button-play.png), -moz-linear-gradient(top,  #fec957 0%, #eab950 100%);
	background-image:url(../img/icons/video-button-play.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fec957), color-stop(100%,#eab950));
	background-image:url(../img/icons/video-button-play.png), -webkit-linear-gradient(top,  #fec957 0%,#eab950 100%);
	background-image:url(../img/icons/video-button-play.png), -o-linear-gradient(top,  #fec957 0%,#eab950 100%);
	background-image:url(../img/icons/video-button-play.png), -ms-linear-gradient(top,  #fec957 0%,#eab950 100%);
	background-image:url(../img/icons/video-button-play.png), linear-gradient(to bottom,  #fec957 0%,#eab950 100%);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
a.button-video:hover,
a.button-video:focus{
	color:#e84e0f;
}



/*------------------------------------*\
	VIDEO MODAL WINDOWS
\*------------------------------------*/
.popup{
  	position:relative;
  	background:#000;
  	padding:20px;
  	padding-bottom:47%;
  	width:auto;
  	max-width:900px;
  	margin:20px auto;
}
.popup iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	margin:0;
	padding:20px;
	box-sizing:border-box;
}




/*------------------------------------*\
	SHARING LINKS
\*------------------------------------*/
.share-icons{
	border-top:1px dashed #c7bb9b;
	border-bottom:1px dashed #c7bb9b;
	padding:13px 0 7px 0;
	overflow:hidden;
	margin-bottom:20px;
}
.share-icons h2{
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight:400;
	font-style:normal;
	font-size:1.5em;
	color:#682557;
	margin-top:2px;
	margin-bottom:0;
	float:left;
}
.share-icons .addthis_sharing_toolbox{
	float:right;
	clear:none!important;
}
.share-icons .addthis_sharing_toolbox a{
	margin-right:6px;	
}





/*------------------------------------*\
	FEEDBACK LINKS
\*------------------------------------*/
.feedback{
	width:220px;
	height:45px;
	position:fixed;
	z-index:10;
	right:-92px;
	bottom:20%;
	-moz-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
	transform:rotate(-90deg);
	display:none;
}
.feedback a{
	font-family: 'PT Sans', sans-serif; /* Should be PT Sans Narrow but that causes Firefox to crash due to a bug with CSS rotation */
	font-size:1.15em;
	text-transform:uppercase;
	display:inline-block;
	background-color:#fec957;
	background-image:url(../img/icons/arrow-feedback.png);
	background-position:right center;
	background-repeat:no-repeat;
	padding:10px 50px 10px 10px;
	color:#5d4f49;
	
	background-image:url(../img/icons/arrow-feedback.png), -moz-linear-gradient(top,  #fec957 0%, #eab950 100%); /* FF3.6+ */
	background-image:url(../img/icons/arrow-feedback.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fec957), color-stop(100%,#eab950)); /* Chrome,Safari4+ */
	background-image:url(../img/icons/arrow-feedback.png), -webkit-linear-gradient(top,  #fec957 0%,#eab950 100%); /* Chrome10+,Safari5.1+ */
	background-image:url(../img/icons/arrow-feedback.png), -o-linear-gradient(top,  #fec957 0%,#eab950 100%); /* Opera 11.10+ */
	background-image:url(../img/icons/arrow-feedback.png), -ms-linear-gradient(top,  #fec957 0%,#eab950 100%); /* IE10+ */
	background-image:url(../img/icons/arrow-feedback.png), linear-gradient(to bottom,  #fec957 0%,#eab950 100%); /* W3C */
	-moz-border-radius:5px 5px 0px 0px;
	-webkit-border-radius:5px 5px 0px 0px;
	border-radius:5px 5px 0px 0px;
}
.feedback a:hover,
.feedback a:focus{
	color:#e95312;
}





/*------------------------------------*\
	FORM STYLES
\*------------------------------------*/
form{
	margin-bottom:25px;
}

/* Top error reporting */
div.error{
	background-color:#d7785e;
	background-image:url(../img/icons/error.png);
	background-repeat:no-repeat;
	background-position:10px 5px;
	border:1px solid #9c441d;
	color:#fff;
	font-size:1.14em;
	padding:15px 15px 15px 70px;
	margin-bottom:40px;
	
	background-color:rgba(215,120,94,0.9);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
div.error p:last-of-type{
	margin-bottom:0;
}
div.error ul{
	margin:0;
	color:#fff;
	left:0;
}

/* Inline error reporting */
.form-error .error{
	color:#cb6942;
}
section.main .form-error .text, 
section.main .form-select.error, 
section.main .form-text.error, 
section.main .form-email.error, 
section.main .form-textarea.error{
	border:1px solid #e48c68;
	background:#f2d9d4;
}
.form-item,
.check-item{
	clear:both;
	margin-bottom:25px;
}
label{
	display:block;
	font-size:1.14em;
	color:#672456;
	margin-bottom:10px;
}
select{
	width:100%;
	padding:10px;
	font-family: 'PT Sans', sans-serif;
	font-size:1.21em;
	border:1px solid #cdcac4;
	
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
section.main .text,
section.main .form-text{
	width:100%;
	padding:10px;
	font-family: 'PT Sans', sans-serif;
	font-size:1.21em;
	border:1px solid #dad4ab;
	
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:inset 2px 2px 3px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow:inset 2px 2px 3px rgba(0, 0, 0, 0.15);
	box-shadow:inset 2px 2px 3px rgba(0, 0, 0, 0.15);
}
textarea{
	height:150px;
}
.check-item{
	position:relative;
}
.check-item input{
	position:absolute;
	top:5px;
	left:0;
}
.check-item label{
	display:inline;
}

/* Style our checkboxes */
:root input[type=checkbox] {
  /* original check box are push outside the viexport */
  position: absolute;
  left: -1000em;
}
:root input[type=checkbox] + label:before {
  content:"";
  display:inline-block;
  width :22px;
  height:21px;
  margin-right:10px;
  background:url("../img/forms/sprite.png") no-repeat 0 -419px;

/* The following is used to adjust the position of 
   the check boxes on the text baseline */
  vertical-align:bottom;
  position:relative;
  bottom:2px;
}
:root input[type=checkbox]:checked + label:before {
  background-position:-96px -419px;
}
:root input[type=checkbox]:disabled + label:before {
  background-position:-192px -419px;
}
:root input[type=checkbox]:checked:disabled + label:before {
  background-position:-216px -419px;
}

/* Style our radios */
:root input[type=radio] {
  /* original radio buttons are push outside the viexport */
  position: absolute;
  left: -1000em;
}
:root input[type=radio] + label:before {
  content:"";
  display:inline-block;
  width :22px;
  height:21px;
  margin-right:10px;
  background:url("../img/forms/sprite.png") no-repeat 0 -451px;

/* The following is used to adjust the position of 
   the check boxes on the text baseline */
  vertical-align:bottom;
  position:relative;
  bottom:2px;
}
:root input[type=radio]:checked + label:before {
  background-position:-96px -451px;
}
:root input[type=radio]:disabled + label:before {
  background-position:-192px -451px;
}
:root input[type=radio]:checked:disabled + label:before {
  background-position:-216px -451px;
}

input.button,
section.main input.form-submit{
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight:normal;
	font-size:1.14em;
	display:inline-block;
	background-color:#fec957;
	background-image:url(../img/icons/more-arrow.png);
	background-position:right center;
	background-repeat:no-repeat;
	padding:10px 30px 10px 10px;
	color:#5d4f49;
	border:none;
	cursor:pointer;
	
	background-image:url(../img/icons/more-arrow.png), -moz-linear-gradient(top,  #fec957 0%, #eab950 100%); /* FF3.6+ */
	background-image:url(../img/icons/more-arrow.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fec957), color-stop(100%,#eab950)); /* Chrome,Safari4+ */
	background-image:url(../img/icons/more-arrow.png), -webkit-linear-gradient(top,  #fec957 0%,#eab950 100%); /* Chrome10+,Safari5.1+ */
	background-image:url(../img/icons/more-arrow.png), -o-linear-gradient(top,  #fec957 0%,#eab950 100%); /* Opera 11.10+ */
	background-image:url(../img/icons/more-arrow.png), -ms-linear-gradient(top,  #fec957 0%,#eab950 100%); /* IE10+ */
	background-image:url(../img/icons/more-arrow.png), linear-gradient(to bottom,  #fec957 0%,#eab950 100%); /* W3C */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
input.button:hover,
input.button:focus,
section.main input.form-submit:hover,
section.main input.form-submit:focus{
	color:#e95312;
}





/*------------------------------------*\
	SEARCH RESULTS
\*------------------------------------*/
fieldset.search-advanced{
	display:none;
}
section.main .container-inline div, .container-inline label{
	display:block;
}
section.main #search-form{
	border-bottom:1px solid #dacaaf;
	padding-bottom:20px;
}
section.main ol.search-results{
	left:0;
	width:100%;
}
section.main .search-results .search-snippet-info{
	padding-left:0;
}
section.main .search-results .search-info{
	display:none;
}
section.main .search-results li.search-result{
	border-bottom:1px dotted #dacaaf;
	margin-bottom:20px;
}





/*------------------------------------*\
	FOOTER
\*------------------------------------*/
footer{
	clear:both;
	background:#e5d6ad url(../img/bg-footer.jpg);
}
footer .title{
	border-bottom:1px solid #bcb2aa;
	margin-bottom:20px;
}
footer .title h2{
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight:normal;
	font-size:1.64em;
	margin:15px 0;
	color:#796a63;
}

/* Columns */
footer .cols{
	margin-bottom:10px;
}
footer .col{
	width:270px;
}

/* Navigation styles */
footer .subnav li a{
	color:#796963;
}
footer .subnav ul ul{
	margin-left:0;
}
footer .subnav ul ul li a:before{
	content:"";
}
footer .subnav ul ul li a{
	color:#8d5450;
}
footer .subnav ul ul ul li a{
	color:#796963;
}
footer .subnav ul ul ul li a:before{
	content:"- ";
}

/* Footnote */
footer .footnote{
	background:#d2b794 url(../img/bg-footer02.jpg);
	color:#6f584e;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight:normal;
	font-size:0.93em;
	padding:25px 0;
}
footer .footnote img{
	float:left;
	margin:0 20px 20px 0;
}
footer .footnote p{
	margin:0;
}
footer .footnote span{
	color:#f6eec1;
	margin:0 5px;
}





/*------------------------------------*\
	MISCELLANEOUS STYLES
\*------------------------------------*/
.accessibility{
	position:absolute;
	left:-999999em;
}
.overflow{
	overflow:visible;
}





/*------------------------------------------------------------*\
	RESPONSIVE LAYOUTS
\*------------------------------------------------------------*/
/*@media screen and (max-width: 1120px){
.masthead .wrapper{
	width:500px;
	padding-right:670px;
}

}*/


@media screen and (max-width: 810px){

/* Reset widths */
body{
	min-width:100%;
}
.wrapper{
	width:95%;
}
section.main{
	width:100%;
}
section.main .content{
	width:530px;
}
section.main ul,
section.main ol{
	width:auto;
}
iframe{
	width:100%;
}
section.main .col-2 .col{
	width:345px;
}
div.fixedWidth{
	width:710px!important;
}
div.selector span{
	width:700px!important;
}
.col-2 div.fixedWidth{
	width:335px!important;
}
.col-2 div.selector span{
	width:325px!important;
}
section.main .quote{
	width:340px;
}
section.main .quote-full{
	width:auto;
}
.quote-footer .quote-end{
	width:660px;
}

/* Resize features */
.feature{
	width:290px;	
}
.feature-growth-disorders-explained h2{
	margin-left:30px;
}


/* Reformat header */
header .logo{
	float:none;
	display:block;
	margin:0 auto;
}
header .wrapper{
	overflow:visible;
	width:100%;
	padding:0;
}
header .disclaimer{
	padding:10px;
}
header .country-search .wrapper{
	width:100%;
	padding-right:0;
}
header .country-search form{
	margin-bottom:0;
	vertical-align:middle;
	position:relative;
	display:table-cell;
}

/* Responsive navigation */
.mobile-menu{
	display:block;
	background:url(../img/icons/menu-arrow@2x.png) right bottom no-repeat;
	background-size:118px 11px;
	margin-top:20px;	
	overflow:hidden;
}
.mobile-menu a{
	float:right;
	padding-bottom:10px;
	padding-right:50px;
	display:block;
	width:70px;
	background:url(../img/icons/menu@2x.png) right no-repeat;
	background-size:37px 29px;
}
header nav{
	border-top:1px solid #c6440f;
	margin:20px 0 0 0;
	padding:0 5%;
}
header nav ul{
	display:none;
	margin-top:10px;
}
header nav li{
	display:block;
	margin:0;
	text-align:center;
	background:#fee557;
	border-bottom:1px solid #b33e1e;
	padding:3px;
}
header nav li a,
header nav li.active-trail a{
	color:#e74e0f;
}
header nav li a:hover,
header nav li a:focus{
	color:#652206;
}
header nav li.active-trail{
	background:#fec957;
}
header nav li.active-trail a{
	border-bottom:0;
}

/* Reformat masthead */
.masthead{
	padding-bottom:60px;
}
.masthead .wrapper{
	width:386px;
	padding-top:20px;
	padding-right:370px;
}

/* Center aside */
aside{
	float:none;
	margin:0 auto;
	clear:both;
}

/* Reduce footer columns */
footer .col{
	width:210px;
}


}




@media screen and (max-width: 480px){

body{
	-webkit-animation-name:page-fade;
	-webkit-animation-duration:0.25s;
	-webkit-animation-iteration-count:1;
	-webkit-animation-timing-function:linear;
}
@-webkit-keyframes page-fade{
  0%{
	opacity:0;
  }
  100%{
	opacity:1;
  }
}

/* Reset widths */
.wrapper{
	width:90%;
}
iframe{
	width:100%;
	height:auto;
}
section.main img{
	max-width:100%!important;
	height:auto!important;
}

/* Linearise content */
section.main,
section.main .subnav,
section.main .content,
section.main .quote,
section.main .col-2 .col,
aside{
	width:100%;
	float:none;
}
.cols{
	margin-left:0;
}
.col{
	float:none;
	margin-left:0;
}

/* Basic typography */
h1{
	font-size:2.5em;
}
section.main ul,
section.main ol{
	left:8%;
	width:92%;	
}

/* Rework header */
header .country-search .wrapper{
	position:relative;
	padding-top:10px;
}
header .disclaimer{
	display:block;
	padding:15px 10px 0 10px;
	margin:0;
	font-size:0.6em;
}
header .country-search .country-select{
	display:block;
	width:100px;
	width:100px;
	margin:20px auto 10px auto;
	padding:10px 0 10px 50px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	/* Temporarily remove country selection links */
	/*display:none;*/
}
header .country-search .country-select a{
	margin-right:10px;
}
header .country-search form {
	width:205px;
	clear:both;
	display:block;
	margin:20px auto 5px auto;
	padding-left:0;
}
header .country-search .form-text{
	width:170px;
}
header .country-search .submit{
	background-image:url(../img/icons/search@2x.png);
	background-size:64px 32px;
}
header .logo{
	float:none;
	display:block;
	margin:0 auto;
}
header .wrapper{
	overflow:visible;
}

/* Homepage masthead */
.masthead{
	background:url("../img/masthead-arrows-mobile.jpg") no-repeat scroll center bottom #e84e0f;
	background-size:300px 134px;
	padding-bottom:120px;
}
.masthead .wrapper{
	padding:40px 0 0 0;
	width:90%;
}

/* Rework sharing links */
.share-icons{
	margin-bottom:20px;
}
.share-icons h2{
	float:none;
	margin-bottom:10px;
}
.share-icons .addthis_sharing_toolbox{
	float:none;
}

/* Features */
.feature{
	width:260px;
	height:221px;
	padding:10px;
	background-size:280px 241px;
	margin:0 auto 30px auto;
}
.feature-growth-disorders-explained h2{
	margin-left:0;
}
section.main .feature ul{
	left:10px;
}
.feature li{
	margin-bottom:10px;
}
.feature-worried-about-growth h2{
	font-size:2em;
}
.feature-growth-disorders-explained h2{
	font-size:2em;
	margin-top:60px;
}

.promo-star-content .star-content-info{
	float:none;
	width:100%;
	margin-bottom:20px;
}
section.main .promo-star-content img{
	float:none;
	width:100%;
	height:auto;
}

/* Rework personal stories header */
.personal-stories-header{
	background-size:300px 125px;
	padding:95px 0 100px 0;
}

/* Rework ask an expert elements */
.ask-an-expert-header{
	background-size:100% auto;
	padding:30px 0 100px 0;
}
section.main .ask-an-expert-submit-question .text-short{
	width:100%;
}

/* Tweak uniform styled select widths */
section.main div.fixedWidth{
	width:280px!important;
}
section.main .col-2 div.fixedWidth{
	width:280px!important;
}
section.main div.selector span{
	width:270px!important;
}
section.main .col-2 div.selector span{
	width:270px!important;
}

/* Reposition feedback link */
.feedback{
	position:relative;
	width:100%;
	right:auto;
	bottom:auto;
	text-align:center;
	height:auto;
	padding:10px 0;
	margin:0;
	background:#d2b794;
	
	-moz-transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
}
.feedback a{
	background-image:url(../img/icons/arrow-feedback-mobile.png);

	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

section.main .subnav{
	border-top:1px solid #dacaaf;
	padding-top:20px;
}

/* Reformat rate this content */
.rate-content h2{
	margin-bottom:10px;
}

/* Rework footer */
footer{
	text-align:center;
}
footer .cols{
	margin-left:0;
}
footer .col{
	width:100%;
	float:none;
	margin:0;
}
footer .subnav ul{
	margin-bottom:0;
}
footer .subnav ul ul{
	display:none;
}