/*
html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
v1.4 2009-07-27 | Authors:Eric Meyer & Richard Clark
html5doctor.com/html-5-reset-stylesheet/
*/
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic);
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } article, aside, figure, footer, header, hgroup, nav, section { display:block; } nav ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; } ins { background-color:#ff9; color:#000; text-decoration:none; } mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del { text-decoration:line-through; } abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; } table { border-collapse:collapse; border-spacing:0; } /* tables still need cellspacing="0" in the markup */
:focus { outline:0; }
/* /RESET */
/* HTML */
html, body { text-align:center; height: 100%; }
html { overflow:auto; -webkit-font-smoothing:antialiased; }
body,div,dd,dl,dt,h1,h2,h3,h4,h5,h6,li,ol,span,td,th,ul { /*font:15px arial,verdana,sans-serif;*/ font-family: 'PT Sans', sans-serif; font-size:15px; line-height:1.22; } /* changed */
a { color:#f47a4d; text-decoration:none; }
a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color:#c01339; text-decoration:none; }
img { border:none; }
strong, b { font-weight:bold; }
em, i { font-style:italic; }
h1, h2, h3, h4, h5, h6 { color:#000; font-weight:bold; padding:10px 0; text-rendering:optimizeLegibility; }
h1, h1 a { font-size:26px; padding-top:0; }
h3, h3 a { font-size:22px; }
h4, h4 a { font-size:18px; }
h5, h5 a { font-size:16px; }
h6, h6 a { font-size:14px; }
table { padding:10px 0;  width:100%; }
th { font-weight:bold; }
td, th { padding:5px; }
ul, ol { padding:10px 10px 10px 30px; }
ol { font-size:13px; }
ol li { list-style:decimal; margin:0 0 0 10px; padding:0 0 8px 0; }
ul li { list-style:inherit; }
blockquote { color:#76888a; font-size:16px; font-style:italic; line-height:1.22; padding:10px 0; }
blockquote p { padding:0 }
hr { border:0 #e2e6e6 solid; border-top-width:2px; clear:both; display:block; height:2px; margin:10px 0; }
code, pre { font-family:"Courier New", monospace, serif; font-size:1em; }
sub { vertical-align:sub; font-size:smaller; }
sup { vertical-align:super; font-size:smaller; }
/* inputs/form fields */
select, input, textarea { font:99% arial,helvetica,sans-serif; }
input, select { vertical-align:middle; }
button { overflow:visible; width:auto; }
button, input[type='button'], input[type='submit'], label, select { cursor:pointer; }
input[type='text'], input[type='password'], input.input-field { border:1px solid #bccccd; margin-bottom:8px; padding:2px; width:450px; }
input[type="radio"] { vertical-align:text-bottom; }
input[type="checkbox"] { vertical-align:bottom; *vertical-align:baseline; }
textarea { border:1px solid #bccccd; display:block; margin-bottom:8px; overflow:auto; }
select { border:1px solid #bccccd; display:block; margin-bottom:8px; padding:2px; width:200px; }
fieldset { margin-bottom:8px; }
label { font-size:13px; display:block; margin:0 0 2px 0; }
label.radio { display:inline; font-size:13px; padding-left:3px; }

::-moz-selection { background:#c01339; color:#fff; }
a:focus, button:focus, input:focus, label:focus, select:focus, textarea:focus { outline:1px dotted #c01339; }

/* /HTML */
/* CLASSES */

/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display:none; visibility:hidden; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

.clear, .clear-left, .clear-right { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }

.clearfix:after, .clearfix-left:after, .clearfix-right:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix, .clearfix-left:after, .clearfix-right:after { display:inline-block; }
* html .clearfix, * html .clearfix-left:after, * html .clearfix-right:after { height:1%; } /* Hides from IE-mac \*/
.clearfix, .clearfix-left:after, .clearfix-right:after { display:block; }
.clearfix-left:after, .clear-left { clear:left; }
.clearfix-right:after, .clear-right { clear:right; }

.align-left { text-align:left; }
.align-center { text-align:center; }
.align-right { text-align:right; }
.float-left { float:left; }
.float-right { float:right; }
.inline { display:inline; }
.alert, .required { color:#ff0000; }
.rounded10 {  }
/* /CLASSES */
/* LAYOUT */
.container { background:#fff; height:auto !important; height:500px; margin:0 auto; min-height:500px; text-align:left; width:960px; }
.layout {  }


/* changes begin */


header { padding:0; position: relative; height: 188px; z-index: 100; }
header h1 { margin:0; padding:0; position:absolute; top:92px; left:18px; }


/* font PT Sans was added from google on the top of the css file - you can remove commented font property */
header nav { z-index: 100; /*font-family: PTSansBold, Arial, Helvetica, sans-serif; */ font-family: 'PT Sans', sans-serif; font-weight:700; color: #005baa; position: absolute; top:30px; left:18px; }
header nav ul { margin:0; padding:0; z-index:100; list-style:none; }
header nav ul li { display:block; float: left; position:relative; padding:0 14px; }
header nav ul li:first-child { font-size: 12px; padding:0 14px 0 0; }
header nav ul li:after { display:block; content:""; position:absolute; top:50%; left:100%; margin:-2px 0 0 -2px; width:4px; height:4px; border-radius:10px; background-color:#d1d6da; }
header nav ul li:last-child:after { display:none; }
header nav ul li a { display:block; font-size: 12px; color: #5699e5;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}
header nav ul li a:hover, header .top-sections li a:hover, footer nav ul li a:hover { color: #005baa; }
header nav ul li a:active, footer nav ul li a:active { text-decoration: underline; color: #005baa; }

/*header nav ul .porta-nav { position: relative; z-index: 100; padding: 0px 6px 0px 10px; background:transparent url(../images/icons/gray_bullet.png) 0 7px no-repeat;} */
/* not needed class */

header ul.top-links { position: absolute; top: 25px; right: 183px; border: 0; z-index: 1; margin:0; padding:0; list-style:none; }
header ul.top-links li { float:left; font-size:22px; margin:0 6px; }
header ul.top-links li a { text-decoration:none; color:#015aaa;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}
header ul.top-links li a.icon-facebook:hover { color:#3b5998; }
header ul.top-links li a.icon-twitter:hover { color:#00aced; }
header ul.top-links li a.icon-youtube-play:hover { color:#de2925; }
header ul.top-links li a.icon-pinterest-p:hover { color:#cb2026; }

header ul.top-links li a.icon-instagram{display:inline-block; width:22px; height:22px; float:left;}
header ul.top-links li a.icon-instagram::before{ position:absolute; content:""; width:22px; height:22px; background: url('../images/icons/LBB_Instagram_blue.png');}
header ul.top-links li a.icon-instagram:hover {opacity:0.8;}

header .dropdown { width: 117px; overflow: visible; z-index: 100; display: none; position: absolute; top: 15px; left: 10px; } /* Removed duplicated position property*/



header .dropdown .top-dropdown { width: 117px; height: 10px; background: url('../images/backgrounds/top_menu_bg.png') no-repeat; }
header .dropdown .bottom-dropdown { width: 117px; height: 6px; background: url('../images/backgrounds/bottom_menu_bg.png') no-repeat; }
header .dropdown .middle-dropdown { width: 117px; background: #e6eaed; }
header .dropdown .middle-dropdown a { display: block; border-top: 1px dashed #FFF; padding: 5px 5px 5px 10px; }
header .dropdown .middle-dropdown a:first-child { border-top: 0px; }

header .top-sections { position: absolute; top: 112px; right:10px; z-index: 5; }
header .top-sections li { display: block; float:left; padding:0 20px 0 20px; position:relative; }
header .top-sections li:last-child { padding:0 0px 0 25px; }
header .top-sections li a { font-family: PTSansBold, Arial, Helvetica, sans-serif; font-size: 21px; color: #5699e5; display: block; }
header .top-sections li:before { display:block; position:absolute; top:50%; left:100%; margin:-5px 0 0 -5px; height:10px; width:10px; line-height:10px; font-size:13px; color:#ced7dc; }
header .top-sections li:last-child:before { display:none; }

/* header nav ul .first-item .porta-nav, header .top-sections li.first-item a { background: none; } */
/* not needed property */



.slider-tools { position: relative; }
.slider-tools .more-slider { position: absolute; font-size: 12px; font-family: PTSansRegular, Arial, Helvetica, sans-serif; right: 50px; top: 63px; }
.slider-tools #prev-tools { position: absolute; right: 24px; top: 60px; }
.slider-tools #next-tools { position: absolute; right: 0px; top: 60px; }

header form.top-search-box { z-index: 2; top: 22px; right: 23px; height: 30px; position: absolute; }
header .top-search-box input { outline: 0; background: none; width:94px; height:24px; padding:0 40px 0 5px; border:1px solid #d0d7df; color:#81919e; /*font-family: PTSansRegular, Arial, Helvetica, sans-serif;*/ font-family: 'PT Sans', sans-serif; font-weight:400; font-size: 14px; z-index: 5; }
header .top-search-box button { z-index: 10; display:block; background:none; height:24px; width:40px; border: 0; position: absolute; top: 1px; right: 1px; color:#005ca7; text-align:left; font-size:14px; line-height:24px; }
::-webkit-input-placeholder {color:#005bac;}
::-moz-placeholder {color:#005bac;}
:-moz-placeholder {color:#005bac;}
:-ms-input-placeholder {color:#005bac;}

/* changes End */



article {  }
section { float:left; padding:0 10px 25px 10px; position: relative; z-index: 50; }
section .col { padding-top: 30px; padding-bottom: 10px; }
section header { padding:10px 0; }
section p { color: #42596B; font-family: PTSansRegular, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 21px; margin: 0px; padding: 0px 0px 20px 0px; }
section h1 { color: #E40E8C; font-family: OmnesBold, Arial, Helvetica, sans-serif; font-size: 48px; line-height: 48px; margin: 0px; padding: 30px 0px; }
.default section h1, .default section h2 { color: #005baa; font-family: OmnesBold, Arial, Helvetica, sans-serif; font-size: 48px; line-height: 48px; margin: 0px; padding: 30px 0px; }
.clipart section h1, .rally section h1, .faq section h1 { color: #2773bb; font-family: OmnesBold, Arial, Helvetica, sans-serif; font-size: 48px; line-height: 48px; margin: 0px; padding: 30px 0px; }
section .cookie-landing h1 { font-family: OmnesBold, Arial, Helvetica, sans-serif; font-size: 48px; line-height: 48px; margin: 0px; padding: 10px 0px 30px; }

section ul { color: #42596b; padding: 0px; margin: 0px 0px 30px 0px; }
section ul li.title-no-bullet { margin-left: 0px; list-style-type: none; }

section span.caption { color: #42596b; font-size: 12px; font-family: PTSansItalic, Arial, Helvetica, sans-serif; margin-bottom: 20px; display: block; }

section h2 { clear: left; color: #E40E8C; font-family: PTSansBold, Arial, Helvetica, sans-serif; font-size: 18px; line-height: 21px; margin: 0px; padding: 0px 0px 5px; }
section .result h2 { clear: none; }
section h3 { padding: 0px; font-family: OmnesBold, Arial, Helvetica, sans-serif; font-size: 24px; color: #005baa; margin: 0px 0px 0px 0px; }
section h4 { font-family: OmnesBold, Arial, Helvetica, sans-serif; font-size: 24px; margin: 0px 0px 0px 0px; padding: 0px; }
section h4.green { color: #00a94f; }
section h4.pink { color: #eb4498; }
section h4.purple { color: #8d288f; }
section h4.red { color: #e51a40; }
section h4.blue { color: #005BAA; }
section p i { font-family: PTSansItalic, Arial, Helvetica, sans-serif; font-size: 16px; font-style:normal; color: #42596b; margin: 0px 0px 10px 0px; }
section img.image-left { float: left; margin: 0px 20px 20px 0px; clear: left; }
p.intro { color: #42596b; font-size: 16px; line-height: 24px; margin-top: 10px; margin-left: 10px; margin-bottom: 30px; padding: 0px; }
p.main_intro { color: #42596b; font-size: 16px; line-height: 24px; margin-top: 10px; margin-left: 40px; margin-bottom: 30px; padding: 0px; }
p img {margin-right: 20px;}
p.quote { margin-bottom: 30px; color: #a0adb7; font-family: PTSansItalic, Arial, Helvetica, sans-serif; font-size: 21px; padding: 0px 20px; line-height: 28px; }
p.quote span { color: #a0adb7; font-family: PTSansItalic, Arial, Helvetica, sans-serif; font-size: 21px; display: block; text-align:right; line-height: 28px; }

section .article-content ul { color: #42596b; padding: 0px; margin: 0px 0px 30px 0px; }
section .article-content ul li { margin-bottom: 5px; font-size: 14px; font-family: PTSansRegular, Arial, Helvetica, sans-serif; margin-left: 50px; }
section .article-content ul li.title-no-bullet { margin-left: 0px; list-style-type: none; }

section .cookie-landing.cookie-mints h1, section .cookie-landing.cookie-mints h2 { color: #00a654; }
section .cookie-landing.cookie-samoas h1, section .cookie-landing.cookie-samoas h2{ color: #7d4199; }
section .cookie-landing.cookie-tagalongs h1, section .cookie-landing.cookie-tagalongs h2 { color: #e51a40; }
section .cookie-landing.cookie-dosidos h1, section .cookie-landing.cookie-dosidos h2 { color: #fad31a; }
section .cookie-landing.cookie-trefoils h1, section .cookie-landing.cookie-trefoils h2 { color: #005baa; }
section .cookie-landing.cookie-savannah h1, section .cookie-landing.cookie-savannah h2 { color: #eddf3e; }
section .cookie-landing.cookie-dulce h1, section .cookie-landing.cookie-dulce h2 { color: #00cabe; }
section .cookie-landing.cookie-berry h1, section .cookie-landing.cookie-berry h2{ color: #c21566; }

body.faq section h2, body.faq section h2 a { color: #2773bb; }
body.faq section h2 a:hover { color: #5699E5; }

.tools-slider { margin-top: 10px; height: 181px; }

.image-with-caption { height: 175px; margin-top: 5px; position: relative; overflow: hidden; }
.image-with-caption .porta-overlay { height: 175px; position: absolute; top: 135px; left: 0px; padding: 0px; }
.image-with-caption .porta-overlay a { position: relative; z-index: 10; display: block; font-family: PTSansRegular, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF; padding: 10px; }
.image-with-caption .porta-overlay a span { font-family: PTSansBold, Arial, Helvetica, sans-serif; font-size: 14px; color: #FFF; display: block; margin-bottom: -5px; padding: 0px; }
.image-with-caption .overlay-bg { width: 220px; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 5; background-color: #000; zoom: 1; filter: alpha(opacity=80); opacity: 0.8; }

/* .porta-countdown { background: url('img/bg_countdown_national-day.jpg') no-repeat 0 0; height: 108px; } */
.countdown-wrap{padding-top:20px !important;}
.porta-countdown { background: url('../images/NGSCW_CountdownClock.jpg') no-repeat -20px -17px; height:80px;}
.porta-countdown span { color: #0c9a17; font-family: OmnesBold, Arial, Helvetica, sans-serif; font-size: 14px; padding: 0px; }
.countdown  { margin: 7px 0px 0px 5px; width:324px; padding:0 0 0 25px !important;  }
.countdown .countdown_section { padding-top: 20px; padding-bottom: 1px; font-family: PTSansNarrow, Arial, Helvetica, sans-serif; font-size: 13px; color: #FFF; width: 75px; float: left; display: block; border-left: 0px; text-align: center;background: none; }
.countdown .countdown_section:first-child { width: 75px; float: left; border: 0; }
.countdown .countdown_section .countdown_amount { margin-bottom: -1px; height: 20px; display: block; font-family: PTSansBold, Arial, Helvetica, sans-serif; font-size: 32px; color: #FFF; }

.h2asCountdown { width:324px; height:79px; padding:0 119px 0 17px; background:url(img/bg_countdown.png);}
.countdown_rtl { direction:rtl;}
.countdown_row { clear:both; width:100%; text-align:center;}
.countdown_show1 .countdown_section { width:100%;}
.countdown_show2 .countdown_section { width:50%;}
.countdown_show3 .countdown_section { width:33.3%;}
.countdown_show4 .countdown_section { width:25%;}
.countdown_show5 .countdown_section { width:20%;}
.countdown_show6 .countdown_section { width:16.6%;}
.countdown_show7 .countdown_section { width:14.2%;}
.countdown_section {
    display:block; float:left; height:54px;
    font:13px PTSansNarrow,Arial,Helvetica,sans-serif;
    text-align:center; color:#fff;
    background:url(img/bg_countdown_national-day_border.gif) 100% 2px no-repeat;
}
.countdown_section:last-child {background:transparent none;}

footer { padding:25px 10px 0px; .padding:10px 10px 0px; border-top: 2px dashed #d7e7f8; margin: 0px 10px; }
footer nav { background:none; height:auto; width:auto; }

body { height: 100%; min-width: 990px; }
/*body.home{  background: url('../images/backgrounds/drawing_bg.png') repeat-y top #72a9e7; }*/
body.home{  background: url('../images/backgrounds/bg_body_home.jpg') repeat-y top #72aae7; }
/*body.girls{  background: url('../images/backgrounds/drawing_2_bg.png') no-repeat top #ef6eba; }*/
body.girls{  background: url('../images/backgrounds/bg_body_girls.jpg') no-repeat top #f06db9; }
/*body.families { background: url('../images/backgrounds/drawing_2_bg.png') no-repeat top #7d4396;}*/
body.families { background: url('../images/backgrounds/bg_body_famlies.jpg') no-repeat top #aa83bc;}
/*body.volunteers { background: url('../images/backgrounds/drawing_2_bg.png') no-repeat top #00a654;}*/
body.volunteers { background: url('../images/backgrounds/bg_body_volunteers.jpg') no-repeat top #59ca92;}
/*body.teens {background: url('../images/backgrounds/drawing_2_bg.png') no-repeat top #000;}*/
body.teens {background: url('../images/backgrounds/bg_body_teens.jpg') no-repeat top #393a3c;}
/*body.cookies, body.default {  background: url('../images/backgrounds/drawing_2_bg.png') no-repeat top #73AAE1; }*/
body.cookies, body.rally, body.default {  background: url('../images/backgrounds/bg_body_cookies.jpg') no-repeat top #73a9e7; }
body.cookies.bg_magenta {  background: url('../images/backgrounds/bg_body_cookies_berrymunch.jpg') no-repeat top #d7669a; }
body.cookies.bg_yellow-orange {  background: url('../images/backgrounds/bg_body_cookies_dodidos.jpg') no-repeat top #fcc56a; }
body.cookies.bg_teal {  background: url('../images/backgrounds/bg_body_cookies_dulchedeleche.jpg') no-repeat top #5acccc; }
body.cookies.bg_pink{  background: url('../images/backgrounds/bg_body_cookies_berrymunch.jpg') no-repeat top #f06db9; }
body.cookies.bg_purple {  background: url('../images/backgrounds/bg_body_cookies_samoas.jpg') no-repeat top #aa83bc; }
body.cookies.bg_yellow {  background: url('../images/backgrounds/bg_body_cookies_savannahsmilies.jpg') no-repeat top #feea65; }
body.cookies.bg_red {  background: url('../images/backgrounds/bg_body_cookies_tagalongs.jpg') no-repeat top #ee6a82; }
body.cookies.bg_green {  background: url('../images/backgrounds/bg_body_cookies_thinmints.jpg') no-repeat top #59ca92; }
body.cookies.bg_blue {  background: url('../images/backgrounds/bg_body_cookies_trefoils.jpg') no-repeat top #73a9e7; }
body.cookies.bg_brown {  background: url('../images/backgrounds/bg_body_cookies_smores.jpg') no-repeat top #8f4a2d; }
body.pressroom, body.clipart, body.faq{  background: url('../images/backgrounds/drawing_2_bg.png') no-repeat top #72a9e7; }

body.girls .girls-menu a { color: #eb4498; }
body.families .families-menu a { color: #7d4199; }
body.volunteers .volunteers-menu a {color: #00a654;}
body.cookies .cookies-menu a { color: #005baa; }
body.teens .teens-menu a { color: #000; }
body.clipart #clip-art a { text-decoration: underline; }

.main-container { overflow: hidden; background: url('../images/backgrounds/page_bg.png') repeat-y top; }
.page-separator { background: url('../images/backgrounds/separator.png') no-repeat top; height: 5px; overflow:hidden; }

header hgroup h1 a { display: block; text-indent: -9999px; width: 306px; height: 56px; background: url('../images/headers/main_title.png') no-repeat top left; margin: 0; }
section p { font-family: PTSansRegular, Arial, Helvetica, sans-serif; }

.grid_3.omega .add-this-box {
	margin:40px 0 60px;
	}
.grid_3.omega .add-this-box2 {
	margin:40px 0 46px;
	}
.module { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #e6e9ec; background: #e6e9ec; padding: 15px 20px;  margin: 0px 0px 30px; } /*behavior: url('border-radius.htc');*/
div.module.module2 { background-color: white; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border: 0; padding: 0; margin: 0px 0px 30px; } /*behavior: url('border-radius.htc');*/
.module:hover { background: #c7cace; border: 1px solid #c7cace; }
.module h5.module-title { padding: 0px; margin: 0px 0px 15px; font-size: 18px; color: #80919f; font-family: PTSansBold, Arial, Helvetica, sans-serif; }
.module img { padding: 0px; margin: 0px 0px 5px; }
.module span.module-desc { display: block; padding: 0px; margin: 0px 0px 0px; color: #80919f; font-size: 14px; line-height: 18px; font-family: PTSansRegular, Arial, Helvetica, sans-serif; }
.module a { display: block; padding: 0px; margin: 0px 0px 0px; color: #5699e5; font-size: 14px; line-height: 24px; font-family: PTSansBold, Arial, Helvetica, sans-serif; }
.module a:hover { text-decoration: underline; color: #5699e5; }

.bottom-widgets { padding: 30px 0px; margin: 20px 0px 0px 0px; border-top: 2px dashed #d7e7f8; margin-bottom: -25px; }
.bottom-widgets h5 { padding: 0px; color: #005baa; font-size: 19px; font-family: OmnesBold, Arial, Helvetica, sans-serif; margin-bottom: 3px; }
.bottom-widgets .date-news { color: #000; display: block; margin-bottom: 4px; font-size: 12px; font-family: PTSansRegular, Arial, Helvetica, sans-serif; }
.bottom-widgets .title-news { display: block; margin-bottom: 13px; }
.bottom-widgets .title-news span { color: #80919f; font-size: 14px; font-family: PTSansRegular, Arial, Helvetica, sans-serif; }
.bottom-widgets .title-news:hover span { color: #5699e5; text-decoration: underline; }
.bottom-widgets .title-news span b { color: #5699e5; font-size: 14px; font-family: PTSansBold, Arial, Helvetica, sans-serif; }
.bottom-widgets .see-all-news { color: #5699e5; font-size: 14px; font-family: PTSansBold, Arial, Helvetica, sans-serif; display: block; text-align: right; padding-top: 2px; }

.data-box { width: 460px; position: relative; height: 179px; background: url('../images/backgrounds/data_bg.png') no-repeat 0px 0px; overflow: visible; }
.data-box .qty-sold { position: absolute; top: 20px; left: 60px; z-index: 100;color: #FFF; }
.data-box .qty-sold div { font-family: OmnesBlack, Arial, Helvetica, sans-serif; font-size: 72px; }
.data-box .info-text { position: absolute; top: 95px; left: 60px; font-family: PTSansRegular, Arial, Helvetica, sans-serif; font-size: 24px; color: #81919e; }
.data-box .order-now { position: absolute; top: 125px; left: 62px; font-family: PTSansBold, Arial, Helvetica, sans-serif; font-size: 14px; color: #72a9e7; }
.data-box .order-now:hover, .bottom-widgets .see-all-news:hover { color: #005BAA; }

.find-out-box { width: 220px; position: relative; height: 179px; background: url('../images/backgrounds/form_bg.png') no-repeat 0px 0px; overflow: visible; }
.find-out-box .porta-label { position: absolute; top: 137px; left: 13px; width: 200px; }
.find-out-box .porta-label label { cursor: text; position: absolute; top: 5px; left: 4px; z-index: 10; color: #81919e; font-size: 14px; font-family: PTSansRegular, Arial, Helvetica, sans-serif; }
.find-out-box .porta-label input{ border: 0; background: transparent; outline: 0; line-height: 24px; position: absolute; top: 0px; left: 0px; z-index: 5; width: 140px; color: #81919e; font-size: 14px; font-family: PTSansRegular, Arial, Helvetica, sans-serif; }
.find-out-box button{ position: absolute; top: 135px; left: 168px; z-index: 10; width: 44px; height: 32px; border: 0; background: url('../images/buttons/empty.gif') repeat; }
.find-out-box span { font-size: 21px; color: #FFF; display: block; padding: 10px 15px; line-height: 22px; font-family: OmnesBold, Arial, Helvetica, sans-serif; }

footer { padding-bottom: 40px; position: relative; }
footer nav ul { margin: 0px; padding: 0px; }
footer nav ul li { display: inline; }
footer nav ul li a { color: #5699e5; font-size: 12px; font-family: PTSansBold, Arial, Helvetica, sans-serif; display: block; float: left; padding-left: 26px; background: url('../images/icons/dark_bullet.png') no-repeat 12px 5px; }
footer nav ul li:first-child a { padding: 0px; background: 0; }
footer .copyright { padding: 20px 0px 0px 0px; width: 685px; display: block; clear: both; font-family: PTSansRegular, Arial, Helvetica, sans-serif; color: #81919e; font-size: 12px;  }
footer .girl-scouts-logo { text-indent: -9999px; width: 175px; height: 80px; display: block; position: absolute; right: 10px; bottom: 35px; background: url('../images/scouts_logo.png') no-repeat; }
footer .girl-scouts-logo-granola { font-size: 12px; font-family: PTSansBold, Arial, Helvetica, sans-serif; text-indent: 0px; width: 219px; height: 172px; display: block; position: absolute; right: 10px; bottom: -10px; text-align: center;}
.girl-scouts-logo-granola img { padding-left: 35px; }

.clearer { clear: both; }
.container { background: #FFF; }

.btn_slider {
    display:block;
    width:39px;
    height:45px;
    font-size:0;
    text-indent:-9999px;
    background:url("../images/buttons/sprite_sliders.png") 0 0 no-repeat;
    }
    body.volunteers .btn_slider.prev {background-position:0 -45px;}
    body.volunteers .btn_slider.next {background-position:-40px -45px;}
    body.families .btn_slider.prev {background-position:0 -90px;}
    body.families .btn_slider.next {background-position:-40px -90px;}
    body.cookies .btn_slider.prev {background-position:0 0;}
    body.cookies .btn_slider.next {background-position:-40px 0;}
    body.teens .btn_slider.prev,
    body.girls .btn_slider.prev {background-position:0 -135px;}
    body.teens .btn_slider.next,
    body.girls .btn_slider.next{background-position:-40px -135px;}

.single-slide { height: 393px; position: relative; }
.porta-girl-slide { position: relative; width: 700px; height: 394px; float: left; }
.porta-slider { position: relative; width: 940px; height: 390px; padding: 0px; z-index: 50; }
.porta-slider #slideshow { position: absolute; z-index: 5; top: 0px; left: 0px; }
.porta-slider #prev { position: absolute; z-index: 10; bottom: 30px; right: 80px; outline: 0; }
.porta-slider #next { position: absolute; z-index: 10; bottom: 30px; right: 39px; outline: 0; }
.porta-slider #caption { font-family: PTSansBold, Arial, Helvetica, sans-serif; font-size: 14px; color: #FFF; position: absolute; z-index: 10; bottom: 13px; right: 39px; outline: 0; }
.slide-info-bg { z-index: 5; position: absolute; bottom: 0px; left: 0px; padding: 0px 0px; height: 100%; background-color: #005baa; width: 100%; zoom: 1; filter: alpha(opacity=80); opacity: 0.8; }
.girls-slide .slide-info-bg { bottom: -1px; background-color: #eb4498; }
.families-slide .slide-info-bg { bottom: -1px; background-color: #7d4396; }
.cookies-slide .slide-info-bg { bottom: -1px; background-color: #005BAA; }
.volunteers-slide .slide-info-bg {background-color: #00A654;}
.slide-info { position: absolute; bottom: 0px; padding: 0px 0px 20px; width: 100%; left: 0px; }
.girls-slide .slide-info { position: absolute; bottom: 0px; padding: 10px 0px 20px; width: 700px; left: 0px; }
.slide-info h5, .slide-info span { position: relative; z-index: 10; }
.slide-info h5 { font-family: OmnesBold, Arial, Helvetica, sans-serif; font-size: 48px; color: #FFF; margin: 0px 0px -10px 40px; line-height: 50%;}
.slide-info h5 a {color: #fff; font-size: 48px;}
.girls-slide .slide-info h5 { font-family: OmnesBold, Arial, Helvetica, sans-serif; font-size: 36px; color: #FFF; margin: 0px 0px -10px 40px; }
.slide-info span { font-family: PTSansRegular, Arial, Helvetica, sans-serif; font-size: 18px; color: #FFF; margin: 0px 0px 10px 40px; }
.footer-shadow { background: url('../images/backgrounds/footer_shadow.png') no-repeat top; height: 50px; min-width: 990px; }

h2.menu-title a,
h2.menu-title a:link,
h2.menu-title a:hover,
h2.menu-title a:active {
	color:#fff;
	}

/* Girls */
.promo { margin-top: 20px; margin-bottom: 20px; }
.girls-menu-1 { width: 240px; float: left; }
.girls-menu-2 { width: 220px; }
.girls-menu-1 ul, .girls-menu-2 ul { margin-bottom: 10px; padding: 10px; }
.girls-menu-1 ul li, .girls-menu-2 ul li { background: none; list-style-type: none; padding: 0px; }
.girls-menu-1 ul li a { display: block; font-family: PTSansBold, Arial, Helvetica, sans-serif; font-size: 16px; color: #FFF; width: 159px; padding: 18px 10px 18px 20px; border-bottom: 1px dotted #FFF;  }
.girls-menu-2 ul li a { display: block; font-family: PTSansBold, Arial, Helvetica, sans-serif; font-size: 16px; color: #FFF; width: 169px; padding: 18px 10px 18px 20px; border-bottom: 1px dotted #FFF;  }
.girls-menu-1 ul li:first-child a, .girls-menu-2 ul li:first-child a { border-top: 1px dotted #FFF;  }
.girls-menu-1 ul li a:hover { padding: 18px 10px 18px 35px; width: 174px; background: url('../images/icons/rollover_girls.png') 17px 22px no-repeat; }
.girls-menu-2 ul li a.girls-selected { padding: 18px 10px 18px 35px; width: 154px; background: url('../images/icons/selected_girls.png') 17px 22px no-repeat; }
.girls-menu-1.blue-menu ul li a.girls-selected { padding: 18px 10px 18px 35px; width: 154px; background: url('../images/icons/selected_blue.png') 17px 22px no-repeat; }
.girls-menu-2.blue-menu ul li a.girls-selected { padding: 18px 10px 18px 35px; width: 154px; background: url('../images/icons/selected_blue.png') 17px 22px no-repeat; }
.girls-menu-2 ul li a:hover { padding: 18px 10px 18px 35px; width: 154px; background: url('../images/icons/rollover_girls.png') 17px 22px no-repeat; }
.girls-menu-2 ul li.current a { padding: 18px 10px 18px 35px; width: 174px; background: url('../images/icons/girls_on.gif') 17px 22px no-repeat; }
.girls-menu-2.blue-menu ul li.current a { padding: 18px 10px 18px 35px; width: 174px; background: url('../images/icons/girls_on2.gif') 17px 22px no-repeat; }
.girls-menu-1.blue-menu ul li a:hover { padding: 18px 10px 18px 35px; width: 15in 4px; background: url('../images/icons/rollover_blue.png') 17px 22px no-repeat; }
.girls-menu-2.blue-menu ul li a:hover { padding: 18px 10px 18px 35px; width: 154px; background: url('../images/icons/rollover_blue.png') 17px 22px no-repeat; }
section .girls-menu-1 h2.menu-title, section .girls-menu-2 h2.menu-title {  font-family: OmnesBold, Arial, Helvetica, sans-serif; font-size: 32px; color: #FFF; margin: 18px 0px 16px 30px; padding: 0px; }
.top-girls-menu-1 { width: 240px; height: 27px; padding: 0px; margin: 0px; background: url('../images/backgrounds/top_menu_girls_1.png')  no-repeat left top; }
.top-girls-menu-2 { width: 220px; height: 5px; padding: 0px; margin: 0px; background: url('../images/backgrounds/top_menu_girls_2.png')  no-repeat left top; }
.blue-menu .top-girls-menu-1{ width: 240px; height: 5px; padding: 0px; margin: 0px; background: url('../images/backgrounds/top_menu_blue_1_240.png')  no-repeat left top; }
.blue-menu .top-girls-menu-2{ width: 220px; height: 5px; padding: 0px; margin: 0px; background: url('../images/backgrounds/top_menu_blue_1.png')  no-repeat left top; }
.middle-girls-menu-1 { overflow: hidden; width: 240px; padding: 0px; margin: 0px; background: url('../images/backgrounds/middle_menu_girls_1.png')  repeat-y left top; }
.middle-girls-menu-2 { overflow: hidden; width: 220px; padding: 0px; margin: 0px; background: url('../images/backgrounds/middle_menu_girls_2.png')  repeat-y left top; }
.blue-menu .middle-girls-menu-1{ overflow: hidden; width: 240px; padding: 0px; margin: 0px; background: url('../images/backgrounds/middle_menu_blue_1_240.png')  repeat-y left top; }
.blue-menu .middle-girls-menu-2{ overflow: hidden; width: 220px; padding: 0px; margin: 0px; background: url('../images/backgrounds/middle_menu_blue_1.png')  repeat-y left top; }
.bottom-girls-menu-1 { width: 240px; height: 5px; padding: 0px; margin: 0px; background: url('../images/backgrounds/bottom_menu_girls_1.png')  no-repeat left top; }
.bottom-girls-menu-2 { width: 220px; height: 5px; padding: 0px; margin: 0px; background: url('../images/backgrounds/bottom_menu_girls_2.png')  no-repeat left top; }
.blue-menu .bottom-girls-menu-1{ width: 240px; height: 5px; padding: 0px; margin: 0px; background: url('../images/backgrounds/bottom_menu_blue_1_240.png')  no-repeat left top; }
.blue-menu .bottom-girls-menu-2{ width: 220px; height: 5px; padding: 0px; margin: 0px; background: url('../images/backgrounds/bottom_menu_blue_1.png')  no-repeat left top; }
.girls-slide { width: 700px; float: left; height: 394px; }
.porta-girl-slide #prev { position: absolute; z-index: 10; bottom: 30px; .bottom: 30px; right: 75px; outline: 0; }
.porta-girl-slide #next { position: absolute; z-index: 10; bottom: 30px; .bottom: 30px; right: 34px; outline: 0; }
.porta-girl-slide #caption { font-family: PTSansBold, Arial, Helvetica, sans-serif; font-size: 14px; color: #FFF; position: absolute; z-index: 10; bottom: 10px; right: 39px; outline: 0; }
.girls h1, .girls h2, .girls h3, .girls h4, .girls h5 {color: #eb4498}
.cols-3-background .container_12 { background: url('../images/backgrounds/article_bg.png') repeat-y 10px; margin-bottom: 25px; }
.faq .cols-3-background .container_12 { background: none; }
/*End Girls*/

/* Families */
.families-menu-1 { width: 240px; float: left; }
.families-menu-2 { width: 220px; }
.families-menu-1 ul, .families-menu-2 ul { margin-bottom: 10px; padding: 10px; }
.families-menu-1 ul li, .families-menu-2 ul li { background: none; list-style-type: none; padding: 0px; }
.families-menu-1 ul li a { display: block; font-family: PTSansBold, Arial, Helvetica, sans-serif; font-size: 16px; color: #FFF; width: 189px; padding: 18px 10px 18px 20px; border-bottom: 1px dotted #FFF;  }
.families-menu-2 ul li a { display: block; font-family: PTSansBold, Arial, Helvetica, sans-serif; font-size: 16px; color: #FFF; width: 169px; padding: 18px 10px 18px 20px; border-bottom: 1px dotted #FFF;  }
.families-menu-1 ul li:first-child a, .families-menu-2 ul li:first-child a { border-top: 1px dotted #FFF;  }
.families-menu-1 ul li a:hover { padding: 18px 10px 18px 35px; width: 174px; background: url('../images/icons/rollover_families.png') 17px 22px no-repeat; }
.families-menu-2 ul li a.families-selected { padding: 18px 10px 18px 35px; width: 154px; background: url('../images/icons/rollover_families.png') 17px 22px no-repeat; }
.families-menu-2 ul li a:hover { padding: 18px 10px 18px 35px; width: 154px; background: url('../images/icons/rollover_families.png') 17px 22px no-repeat; }
.families-menu-2 ul li.current a { padding: 18px 10px 18px 35px; width: 174px; background: url('../images/icons/families-on.gif') 17px 22px no-repeat; }
.families-menu-2.blue-menu ul li a:hover { padding: 18px 10px 18px 35px; width: 154px; background: url('../images/icons/rollover_families.png') 17px 22px no-repeat; }
section .families-menu-1 h2.menu-title, section .families-menu-2 h2.menu-title {  font-family: OmnesBold, Arial, Helvetica, sans-serif; font-size: 32px; color: #FFF; margin: 18px 0px 16px 30px; padding: 0px; }
.top-families-menu-1 { width: 240px; height: 27px; padding: 0px; margin: 0px; background: url('../images/backgrounds/top_menu_families.png')  no-repeat left top; background-position: bottom left; }
.top-families-menu-2 { width: 220px; height: 5px; padding: 0px; margin: 0px; background: url('../images/backgrounds/top_menu_families.png')  no-repeat left top; }
.middle-families-menu-1 { overflow: hidden; width: 240px; padding: 0px; margin: 0px; background: url('../images/backgrounds/middle_menu_families.png')  repeat-y left top; }
.middle-families-menu-2 { overflow: hidden; width: 220px; padding: 0px; margin: 0px; background: url('../images/backgrounds/middle_menu_families.png')  repeat-y left top; }
.bottom-families-menu-1 { width: 240px; height: 5px; padding: 0px; margin: 0px; background: url('../images/backgrounds/bottom_menu_families.png')  no-repeat left top; }
.bottom-families-menu-2 { width: 220px; height: 5px; padding: 0px; margin: 0px; background: url('../images/backgrounds/bottom_menu_families.png')  no-repeat left top; }
.families h1, .families h2, .families h3, .families h4, .families h5 {color: #7d4396}
/*End Families*/

/* Volunteers */
.promo { margin-top: 20px; margin-bottom: 20px; }
.volunteers-menu-1 { width: 240px; float: left; }
.volunteers-menu-2 { width: 220px; }
.volunteers-menu-1 ul, .volunteers-menu-2 ul { margin-bottom: 10px; padding: 10px; }
.volunteers-menu-1 ul li, .volunteers-menu-2 ul li { background: none; list-style-type: none; padding: 0px; }
.volunteers-menu-1 ul li a { display: block; font-family: PTSansBold, Arial, Helvetica, sans-serif; font-size: 16px; color: #FFF; width: 189px; padding: 18px 10px 18px 20px; border-bottom: 1px dotted #FFF;  }
.volunteers-menu-2 ul li a { display: block; font-family: PTSansBold, Arial, Helvetica, sans-serif; font-size: 16px; color: #FFF; width: 169px; padding: 18px 10px 18px 20px; border-bottom: 1px dotted #FFF;  }
.volunteers-menu-1 ul li:first-child a, .volunteers-menu-2 ul li:first-child a { border-top: 1px dotted #FFF;  }
.volunteers-menu-1 ul li a:hover { padding: 18px 10px 18px 35px; width: 174px; background: url('../images/icons/rollover_volunteers.png') 17px 22px no-repeat; }
.volunteers-menu-1 ul li.current a { padding: 18px 10px 18px 35px; width: 174px; background: url('../images/icons/volunteers-on.gif') 17px 22px no-repeat; }
.volunteers-menu-2 ul li a.volunteers-selected { padding: 18px 10px 18px 35px; width: 154px; background: url('../images/icons/selected_volunteers.jpg') 17px 22px no-repeat; }
.volunteers-menu-2.blue-menu ul li a.volunteers-selected { padding: 18px 10px 18px 35px; width: 154px; background: url('../images/icons/selected_volunteers.jpg') 17px 22px no-repeat; }
.volunteers-menu-2 ul li a:hover { padding: 18px 10px 18px 35px; width: 154px; background: url('../images/icons/rollover_volunteers.png') 17px 22px no-repeat; }
.volunteers-menu-2.blue-menu ul li a:hover { padding: 18px 10px 18px 35px; width: 154px; background: url('../images/icons/rollover_volunteers.png') 17px 22px no-repeat; }
section .volunteers-menu-1 h2.menu-title, section .volunteers-menu-2 h2.menu-title {  font-family: OmnesBold, Arial, Helvetica, sans-serif; font-size: 32px; color: #FFF; margin: 18px 0px 18px 30px; padding: 0px; }
.top-volunteers-menu-1 { width: 240px; height:27px; padding: 0px; margin: 0px; background: url('../images/backgrounds/top_menu_volunteers.png')  no-repeat left top; background-position: bottom left; }
.top-volunteers-menu-2 { width: 220px; height: 5px; padding: 0px; margin: 0px; background: url('../images/backgrounds/top_menu_volunteers.png')  no-repeat left top; }
.middle-volunteers-menu-1 { overflow: hidden; width: 240px; padding: 0px; margin: 0px; background: url('../images/backgrounds/middle_menu_volunteers.png')  repeat-y left top; }
.middle-volunteers-menu-2 { overflow: hidden; width: 220px; padding: 0px; margin: 0px; background: url('../images/backgrounds/middle_menu_volunteers.png')  repeat-y left top; }
.blue-menu .top-volunteers-menu-2{ width: 220px; height: 5px; padding: 0px; margin: 0px; background: url('../images/backgrounds/top_menu_volunteers.png')  no-repeat left top; }
.blue-menu .middle-volunteers-menu-2{ overflow: hidden; width: 220px; padding: 0px; margin: 0px; background: url('../images/backgrounds/middle_menu_volunteers.png')  repeat-y left top; }
.bottom-volunteers-menu-1 { width: 240px; height: 5px; padding: 0px; margin: 0px; background: url('../images/backgrounds/bottom_menu_volunteers.png')  no-repeat left top; }
.bottom-volunteers-menu-2 { width: 220px; height: 5px; padding: 0px; margin: 0px; background: url('../images/backgrounds/bottom_menu_volunteers.png')  no-repeat left top; }
.blue-menu .bottom-volunteers-menu-2{ width: 220px; height: 5px; padding: 0px; margin: 0px; background: url('../images/backgrounds/bottom_menu_volunteers.png')  no-repeat left top; }
.volunteers-slide { width: 700px; float: left; height: 394px; }
.porta-volunteers-slide #prev { position: absolute; z-index: 10; bottom: 30px; .bottom: 30px; right: 75px; outline: 0; }
.porta-volunteers-slide #next { position: absolute; z-index: 10; bottom: 30px; .bottom: 30px; right: 34px; outline: 0; }
.porta-volunteers-slide #caption { font-family: PTSansBold, Arial, Helvetica, sans-serif; font-size: 14px; color: #FFF; position: absolute; z-index: 10; bottom: 10px; right: 39px; outline: 0; }
.cols-3-background .container_12 { background: url('../images/backgrounds/article_bg.png') repeat-y 10px; margin-bottom: 25px; }
.faq .cols-3-background .container_12 { background: none; }
.volunteers h1, .volunteers h2, .volunteers h3, .volunteers h4, .volunteers h5 {color: #00A654}
/*End Girls*/

/*Cookies*/
section .cookies-menu-1 h2.menu-title { background: #FFF; font-family: OmnesBold, Arial, Helvetica, sans-serif; font-size: 30px; line-height: 38px; color: #005baa; padding-bottom: 20px; }
.cookies-menu-1 ul { margin-bottom: 10px; padding: 0px; }
.cookies-menu-1 ul li{ background: none; list-style-type: none; padding: 0px; }
.cookies-menu-1 ul li a { display: block; font-family: PTSansBold, Arial, Helvetica, sans-serif; font-size: 16px; color: #005baa; padding: 15px 10px 15px 18px;  }
.cookies-menu-1 ul li {border-top: 1px dotted #42596b; margin-right: 10px;}
.cookies-menu-1 ul li li {border:0 !important;}
.cookies-menu-1 ul li a:hover { text-decoration: underline; color: #5699E5; }
.cookies-container { height: 140px; position: relative; margin-top: 11px; }
.cookies-container .single-cookie { width: 75px; height: 140px; position: relative; float: left; margin-left: 14px; cursor: pointer; }
.cookies-container .single-cookie:first-child { margin-left: 0px; }
.cookies-container .single-cookie img { position: absolute; top: 0px; left: 0px; z-index: 10; }
.cookies-container .single-cookie a {
    position:absolute;
    bottom:21px;
    left:0;
    z-index:5;
    display:block;
    padding:0 5px;
    height:34px;
    width:65px;
    color:#fff;
    text-align:center;
    }
.cookies-container .single-cookie a span {
    display:table-cell;
    vertical-align:middle;
    height:34px;
    width:65px;
    font:12px PTSansBold, Arial, Helvetica, sans-serif;
    }
.cookies-container .single-cookie a.two-lines { height: 26px; width: 65px; font-family: PTSansBold, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF; position: absolute; bottom: 21px; left: 0px; z-index: 5; display: block; text-align: center; padding: 3px 5px 5px; }
.cookies-container .single-cookie a.selected { height: 19px; width: 65px; font-family: PTSansBold, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF; position: absolute; bottom: 10px; left: 0px; z-index: 5; display: block; text-align: center; padding: 70px 5px 16px; }
.cookies-container .single-cookie a.two-lines.selected { height: 19px; width: 65px; font-family: PTSansBold, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF; position: absolute; bottom: 10px; left: 0px; z-index: 5; display: block; text-align: center; padding: 70px 5px 23px; }
.cookies-container .single-cookie a sup { font-size: 5px; }
.cookies-container .single-cookie a.mints { background-color: #00a654; }
.cookies-container .single-cookie a.samoas { background-color: #7d4199; }
.cookies-container .single-cookie a.tagalongs { background-color: #e51a40; }
.cookies-container .single-cookie a.dosidos { background-color: #fad31a; }
.cookies-container .single-cookie a.trefoils { background-color: #005baa; }
.cookies-container .single-cookie a.savannah { background-color: #eddf3e; }
.cookies-container .single-cookie a.dulce { background-color: #00cabe; }
.cookies-container .single-cookie a.berry { background-color: #c21566; }
.container-image-with-caption { overflow: hidden; }

.cookie-sample { margin-bottom: 30px; }
.cookies .cookie-name { font: 24px/24px OmnesBold, Arial, Helvetica, sans-serif; display: block; margin:0 0 12px 20px; }
.cookies .cookie-motto { font-family: OmnesBold, Arial, Helvetica, sans-serif; font-size: 28px; display: block; margin: -6px 0px 0px 0px; .margin: -2px 0px 0px 20px; }
.cookies .cookie-info { color: #42596b; font-family: PTSansRegular, Arial, Helvetica, sans-serif; font-size: 12px; display: block; margin: 7px 0px 0px 20px; }
.cookies .cookie-info b { font-family: PTSansBold, Arial, Helvetica, sans-serif; }
.cookies .cookie-samoas .cookie-name, .cookies .cookie-samoas .cookie-motto { color: #7d4199; }

table.nutritional { width: 100%; margin: 0px 0px 30px; padding: 0px; }
table.nutritional td { border-bottom: 1px solid #a0acb5; margin: 0px; padding: 2px 0px; color: #42596b; font-family: PTSansRegular, Arial, Helvetica, sans-serif; font-size: 14px; }
table.nutritional th { font-family: PTSansBold, Arial, Helvetica, sans-serif; font-weight: 100; }
table.nutritional th, table.nutritional tr.border-bottom td { border-bottom: 2px solid #a0acb5; margin: 0px; padding: 0px; color: #42596b; font-size: 14px; }
table.nutritional th{ border-bottom:0px solid transparent; }
table.nutritional td span { font-family: PTSansRegular, Arial, Helvetica, sans-serif; font-size: 14px; }
table.nutritional td b { font-size: 14px; }
table.nutritional td span { display: block; padding-left: 35px; }

table .nutritional-title-big, table .nutritional-title-big b{font-size:50px !important; font-weight:bold !important; line-height:50px; margin:0; padding:0; } 	
.nutritional-title{font-size:26px !important; color:#42596b !important; }
.nutritional-subtitle{font-size:19px !important; font-weight:bold !important;}
table .border-bottom{border-bottom:5px solid #42596b !important;}
table .border-bottom-big{border-bottom:10px solid #42596b !important;}
table .no-border-bottom{border-bottom: 1px solid transparent !important ;}
table .font-s{font-size:12px !important; }

.top-quality { border-top: 1px dotted #748592; padding-top: 30px; clear: both; margin-top: 20px;}
.top-quality span { display: block; float: left; color: #748592; font-family: OmnesBold, Arial, Helvetica, sans-serif; font-size: 18px; margin: 39px 30px 0px 0px; }
.top-quality img { margin-left: 28px; }
.top-quality img.first { margin-left: 0px; }
/*End Cookies*/

/*Clipart*/
.normal-button  { outline: 0; background: url('../images/buttons/bg_button_right.png') no-repeat right top; padding: 0; margin: 0; border: 0; height: 22px; }
.normal-button:hover { background-position: right center; }
.normal-button:active { background-position: right bottom; }
.normal-button:hover span { background-position: left center; }
.normal-button:active span { background-position: left bottom; }
.normal-button span  { color: #FFF; font-family: PTSansBold, Arial, Helvetica, sans-serif; font-size: 14px; background: url('../images/buttons/bg_button_left.png') no-repeat left top; padding: 0; margin: 0; border: 0; height: 22px; display: block; }
.normal-button.see-more { width: 700px; }
.normal-button.see-more-small { width: 470px; }
.single-clipart { width: 100px; float: left; height: 180px; margin-right: 50px; position: relative; }
.single-clipart span { display: block; margin: 5px 0px; color: #42596b; font-size: 14px; font-family: PTSansRegular, Arial, Helvetica, sans-serif; }
.single-clipart p { color: #42596b; font-size: 14px; font-family: PTSansBold, Arial, Helvetica, sans-serif; }
.single-clipart a { color: #5699e5; }
.single-clipart a:hover { color: #005BAA; }
/*End Clipart*/

.faq-list { color: #2773BB; margin: 0px; padding: 0px 0px 40px 30px; }
.faq-list li { margin-bottom: 10px; }
.faq-list a { color: #5699e5; font-family: PTSansBold, Arial, Helvetica, sans-serif; font-size: 16px;  }
.faq-list a:hover { color: #2773BB; }
.result { clear: both; margin-bottom: 10px; }
.result img { float: left; margin: 0px 20px 20px 0px; }
.result img + h2 + p { margin-left: 240px; }
/* /LAYOUT */


/* color coding */
.bg_green { background-color: #00a654 !important; }
.bg_purple { background-color: #7d4199 !important; }
.bg_red { background-color: #e51a40 !important; }
.bg_yellow-orange { background-color: #FCC56A !important; }
.bg_blue { background-color: #005baa !important; }
.bg_yellow { background-color: #eddf3e !important; }
.bg_teal { background-color: #00cabe !important; }
.bg_magenta { background-color: #c21566 !important; }
.bg_pink {background-color: #eb4498 !important;}
.bg_black {background-color: black !important;}
.bg_brown { background-color: #8f4a2d !important; }

.cookie-light-blue h1, .cookie-light-blue h2, .cookie-light-blue .cookie-name, .cookie-light-blue .cookie-motto {color:#73AAE1;}
.cookie-green h1, .cookie-green h2, .cookie-green .cookie-name, .cookie-green .cookie-motto {color:#00a654;}
.cookie-purple h1, .cookie-purple h2, .cookie-purple .cookie-name, .cookie-purple .cookie-motto {color:#7d4199;}
.cookie-red h1, .cookie-red h2, .cookie-red .cookie-name, .cookie-red .cookie-motto {color:#e51a40;}
.cookie-yellow-orange h1, .cookie-yellow-orange h2, .cookie-yellow-orange .cookie-name, .cookie-yellow-orange .cookie-motto {color:#f47a16;}
.cookie-blue h1, .cookie-blue h2, .cookie-blue .cookie-name, .cookie-blue .cookie-motto {color:#005baa;}
.cookie-yellow h1, .cookie-yellow h2, .cookie-yellow .cookie-name, .cookie-yellow .cookie-motto {color:#eddf3e;}
.cookie-teal h1, .cookie-teal h2, .cookie-teal .cookie-name, .cookie-teal .cookie-motto {color:#00cabe;}
.cookie-magenta h1, .cookie-magenta h2, .cookie-magenta .cookie-name, .cookie-magenta .cookie-motto {color:#c21566;}
.cookie-pink h1, .cookie-pink h2, .cookie-pink .cookie-name, .cookie-pink .cookie-motto {color:#E40E8C;}
.cookie-brown h1, .cookie-brown h2, .cookie-brown .cookie-name, .cookie-brown .cookie-motto {color:#8f4a2d;}

a.rollover-families:hover {color:#7d4199 !important;}
a.rollover-volunteers:hover {color:#00a654 !important;}
a.rollover-cookies:hover {color:#005baa !important;}
a.rollover-girls:hover {color:#eb4498 !important;}
a.rollover-teens:hover {color:#000 !important;}

/* Lists */
.grid_6 ul {
    font-family: PTSansRegular, Arial, Helvetica, sans-serif;
    font-size: 14px;
    padding-left: 20px;
    }
.grid_6 em {
    font-family: PTSansRegular, Arial, Helvetica, sans-serif;
    font-size: 14px;
    }

.grid_6 .intro {
    font-family: PTSansRegular, Arial, Helvetica, sans-serif;
    font-size: 14px;
    }



/* cookiesupplyupdates CSS */
.cookiesupplyupdates section h1,
.cookiesupplyupdates section h2,
.cookiesupplyupdates section h3,
.cookiesupplyupdates section h4,
.cookiesupplyupdates section h5,
.cookiesupplyupdates section h6 {
	color: #005baa;
}

.cookiesupplyupdates section h5 {
	background-color: #2773bb;
	color: white;
	padding: 5px 8px;
}

.cookiesupplyupdates section h6 {
	padding-bottom: 0;
}

.cookiesupplyupdates strong {
	color: #005baa;
}

.cookiesupplyupdates a {
	color: #fe6a6a;
}

/**********************/
/* Custom CSS */
/*********************/

#KSTL-ContactUs-tbox {
    top:0 !important;
    left: 0 !important;
    z-index:100;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.3);
}

#KSTL-ContactUs-tbox .tinner {
    position:relative;
    max-width:760px !important;
    margin:30px auto;
    padding:30px;
    background:#fff;
}

#KSTL-ContactUs-tbox .tclose {
    position:absolute;
    right:0;
    top:0;
    z-index:100;
    width:20px;
    height:20px;
    color:#000;
    cursor:pointer;
}

#KSTL-ContactUs-tbox .tclose:after {
    content:"X";
}

.list_140x {
    margin-left:-20px;
}
.list_140x:after {
    content:"";
    display:table;
    clear:both;
}
.list_140x .item {
    float:left;
    width:140px;
    height:220px;
    margin-left:20px;
    color:#5699e5;
    font:14px/21px PTSansBold, Arial, Helvetica, sans-serif;
}
.list_140x .item a {
    color:#5699e5;
}
.list_140x .item img {
    display:block;
    margin: 0 0 15px;
}