/* ==========================================================================
   NEW CSS Styles to be added to the main.css on David Completion
   ========================================================================== */
   
/* 
   General Content
   -------------------------------------------------------------------------- */
   
#content-wide {float: left; width: 100% !important; margin: 0;}
h1{line-height:1.3;}
   

/* 
   Menu Items
   -------------------------------------------------------------------------- */
   
.port { width:301px; float:left; padding:10px 20px 10px 0; margin:0;}
.port.last { padding:10px 0;}

.port h2 {font-size: 18px;}
.port img {margin: 0 0 10px 0;}

.port p {width: 275px; float:left; margin: 5px 0 !important; font-size:12px;}
.port a img {float: right; margin: 10px 0 0 10px;}

/* 
   Nutritional FancyBoxPopup
   -------------------------------------------------------------------------- */

#nutritional-pop {width: 360px;}
#nutritional-pop table {margin-left: 10px;}


/* 
   Contact
   -------------------------------------------------------------------------- */
   
form#contact tbody tr:nth-child(even) td,tbody tr.even td{background:none;}
form#contact input.error, form#contact textarea.error {border:#C30 1px solid !important; padding:0em !important;}
form#contact label.error {display:none !important;}
form#contact input[type="radio"] {margin-right: 5px;}
form#contact input#usa, form#contact input#other {margin-left:20px;}

/* 
   Booster Nation
   -------------------------------------------------------------------------- */
   
h3#birthday { background: url(../images/birthday-icon.png) no-repeat top left; cursor:pointer; padding: 2px 0 3px 30px;}
#birthdayText {margin: 0 0 20px 0;}
h3#privacyPolicy {cursor:pointer}
#privacyPolicyText {display:none;}
.agreeToTerms {font-size:12px; margin-right: 10px;}
#bottomButton a {display:block; cursor: pointer; background:url(../images/send.gif) top left no-repeat; height:39px; width: 81px;}
#bottomButton a span {display:none;}
#subscribeForm input, #subscribeForm select {width: 300px;}
#subscribeForm select#birthdayMonth, #subscribeForm select#birthdayDay {width: 100px !important;}
#subscribeForm input#agreeToTerms {width:auto !important;}
#subscribeForm tbody tr:nth-child(even) td,tbody tr.even td{background:none;}
#subscribeForm input.input-validation-error, 
#subscribeForm select.input-validation-error {border:#C30 1px solid !important; padding:0em !important;}
span.field-validation-error {font-weight:bold; color:#C30;}
#subscribeForm label.error {display:none !important;}

/* 
   Blog
   -------------------------------------------------------------------------- */

#facebook-feed {border: 1px solid #653366; margin: 91px 0 20px 0;}

.news-list-item img {float:left; margin: 0 20px 10px 0;}
.news-list-item p a {color:#ca006c; text-decoration: none;}
.news-list-item p a:hover {text-decoration: underline;}
.news-list-item p {font-size: 14px; margin:0;}
.news-list-item h3 {margin-bottom:100px !important;}
.news-list-item p em {font-size: 18px; font-weight:bold; line-height: 150%;}
.news-list-item header {background: none;}
.news-list-item header h1 {font-size: 24px; line-height: 30px; margin: 0; padding:0;}
.news-list-item header h1 a {color:#ca006c; text-decoration: none;}
.news-list-item header p {color: #333; font-size: 12px; margin: 5px 0;}
.news-list-item footer {margin: 8px 0 0 0; padding:0; background: none; clear:both;}
.news-list-item hr {height: 1px;border: 0; margin: 20px 0; }
#paginate {color:#333; text-align:center; margin: 25px 0;}
#paginate a {color:#ca006c; text-decoration: none;}
#paginate a:hover {text-decoration: underline;}



/* GMAP Info Boxes */

.info-box-container {
	margin: 0;
	padding: 0;
}
	

.info-box {
	background: #fff url(../images/info-box-back.png);
	border: 1px solid #999;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.25);
	-moz-box-shadow:    7px 7px 5px rgba(50, 50, 50, 0.25);
	box-shadow:         7px 7px 5px rgba(50, 50, 50, 0.25);
	padding: 10px;
	width: 435px;
}

.inner-info-box {
	padding: 0;
}

.header-info-box {
	background:#fef3f9;
	border: 1px solid #CCC;
	overflow:hidden;
	padding: 10px;
}

.header-info-box h4 {margin: 0; padding: 0;}
.header-info-box p {margin: 5px 0 0 0; padding: 0; font-size: 12px;}
.header-info-box p.address {color:#666; font-style: italic; font-size: 11px;}
.header-info-box h4 a {text-decoration:none !important; color:#ca006c}
.header-info-box h4 a:hover {text-decoration:underline !important}
.header-info-box a.btn-gmap {color:#ca006c;font-size: 12px; text-decoration:none; }
.header-info-box a:hover.btn-gmap {text-decoration:underline;}


.header-info-box img.gmapthumb {float: left; margin: 0 15px 0 0; border:1px solid #999;}

.arrow-info-box {
	background:url(/images/arrow-info-box.png) top center no-repeat;
	height: 20px;
	width: 27px;
	margin: -1px 0 0 20px;
}


/* 
   Side Nav
   -------------------------------------------------------------------------- */

div#side-nav {margin: 68px 0 20px 25px;}
div.blog-nav {margin: 0 0 20px 0 !important;}
div#side-nav h1 {color:#663366; font-size: 1.5em; line-height: 30px; margin: 0; padding:0;}
div#side-nav ul {list-style:none; padding: 0 0 0 0;}

div#side-nav ul li {font-weight:bold; font-size: 18px;}
div#side-nav ul li a {border-bottom: 1px solid #f3e5f3; display:block; text-decoration:none; color: #ca006c;}
div#side-nav ul li a.lvl1link {height: 30px; padding: 10px 0 2px 47px;}
div#side-nav ul li#join-a-store a.lvl1link {background:url('../images/join-a-store-icon.png')no-repeat 10px 7px;}
div#side-nav ul li#own-a-franchise a.lvl1link {background:url('../images/own-a-franchise-icon.png') no-repeat 10px 7px;}
div#side-nav ul li a.lvl1link:hover, div#side-nav ul li.parent-selected a.lvl1link, div#side-nav ul li.selected a.lvl1link {border-left: 5px solid #e8d1e8; padding-left: 42px; background-color:#faf6fa !important; background-position:5px 7px !important;}

div#side-nav ul li li {font-weight:bold; font-size: 14px;}
div#side-nav ul li li a {height: 18px; padding: 3px 0 3px 47px;}
div#side-nav ul li li a:hover, div#side-nav ul li li.selected a.lvl2link {background: url('../images/side-nav-arrow.png') #faf6fa 0px 0px no-repeat !important;}

div#side-nav ul li li li {font-weight:normal; font-style:italic; text-indent:10px;}
div#side-nav ul li li li.selected a.lvl3link {background: url('../images/side-nav-arrow.png') #faf6fa 0px 0px no-repeat !important;}


/* 
	FAQs
	-------------------------------------------------------------------------- */

dl.faqs dt {cursor:pointer; padding: 0 0 10px 30px; background: url(/images/icons/faqs.png) 0px 3px no-repeat; ;
			font-weight:400;color:#222;text-shadow: 0px 1px 1px #fff;font-family: 'Oswald', sans-serif; color: #CA006C;
			font-size:1.5em;line-height:1.25;margin-bottom:10px;}
dl.faqs dd {border-left:5px solid #ccc; padding-left: 7px; margin: 5px 0 20px 30px; font-style:italic; color: #444;}


/* New Navigation Test */

/* main Navigation */
div.main_nav_3 ul.sf-menu li {background:none; border-top:none; transition:none; -webkit-transition: none;}
div.main_nav_3 ul.sf-menu li a {padding: 10px;/*padding: 8px 10px;*/ float: left;color: #FFFF00; font-family: 'Oswald', sans-serif; font-size: 18px; font-weight: 300; letter-spacing: 1px;}

div.main_nav_3 ul.sf-menu li a:hover, div.main_nav_3 ul.sf-menu li a:active {background: #CA006C;}

div.main_nav_3 ul.sf-menu {margin-bottom: 0;}
div.main_nav_3 ul.sf-menu a {border-top: none !important;}

div.main_nav_3 ul.sf-menu ul {background:#663366;}
div.main_nav_3 ul.sf-menu li a span {font-size: 11px;display: block; color: #fff;font-weight: normal;font-family: sans-serif; letter-spacing:normal;}div.main_nav_3 ul.sf-menu li:first-child a {border-left:none}
div.main_nav_3 ul.sf-menu li:last-child a {border-right: none}
div.main_nav_3 ul.sf-menu li ul li a {border-left: 1px solid #fff !important; border-bottom: 1px solid #fff; width: 150px;  font-size: 12px; font-weight: normal; }

.sf-menu a.sf-with-ul {
	padding-right: 30px !important;
	min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}