/*
File:			custom.css
Description:	Custom styles for Your Theme

HOW TO USE THIS FILE:

Override any class you want and it will change default styling to suit your needs.

    1. Open style.css file and find any clasess you want to override
	2. Copy classes to override in this file, make sure you put classes outside
	3. Activate custom.css file in theme admin panel

*/
/* START OVERRIDING / ADDING NEW CLASESS BELOW THIS LINE */
#top_menu{ background: url(images/nav_bg.gif) 0 0 repeat-x;}

#top_menu #pagenav li.current_page_item {background:url(images/nav_sub_bg.gif) 0 0 repeat-x; }
#top_menu #pagenav li.current_page_parent {background:url(images/nav_sub_bg.gif) 0 0 repeat-x; }

div.container_12 {background:#fff;}
#header #logo-spot { height:90px;width:320px; margin-left:20px; }

#breadcrumb p a{color: #666;}
#breadcrumb p a:hover{color: #222; background-color:#fff;}

#top_menu {width:918px; margin-left:20px;}

#leftBut{margin-left:35px;}
*html #leftBut{margin-left:17px;}

#rightBut{margin-right:35px;}
*html #rightBut{margin-right:17px;}

.post h2, .post h1 {margin:0 0 -10px 0}

div#header {
position:relative;
}

div#retailLink {
position:absolute;
top: 10px;
right: 22px;
}

div#retailLink a{
background: url(images/retailLink.gif) 0 0 no-repeat scroll;
display: block;
width: 317px;
height: 79px;
}

div#retailLink_alt {
position:absolute;
top: 10px;
right: 22px;
}

div#retailLink_alt a{
background: url(images/retailLink_alt.gif) 0 0 no-repeat scroll;
display: block;
width: 317px;
height: 79px;
}



#pagenav li.page-item-132 a {
border-right:none;
}

#pagenav li#bbm a {
border-right:none;
}


div#nextVideo {
position:relative;
background: url(images/nextVideoTK.jpg) 0 0 no-repeat scroll;
display: block;
width: 918px;
/*height: 121px;*/
height: 32px;
margin: 0 0 0 20px;
padding: 0 0 5px 0;
/*
border-bottom: 1px solid #ddd;
*/}

div#bottomPromo {
position:relative;
background: url(images/bottomPromo01.jpg) 0 50% no-repeat scroll;
display: block;
width: 918px;
height: 226px;
margin: -12px 0 0 20px;
padding: 0;
}

div#bottomPromo a.boxLink {
position:relative;
display: block;
width: 302px;
height: 200px;
margin: 0;
padding: 0;
float: left;
}

div#baseball {
position:relative;
background: url(images/baseball_bg.jpg) 0 50% no-repeat scroll;
display: block;
width: 918px;
height: 165px;
margin: 0 0 0 20px;
padding: 0;
}

/*SIDENAV*/

div#sideNav {
position:relative;
display: block;
float: left;
width: 220px;
margin: 7px 25px 0 0;
padding: 0 0 0 0;
background:url(images/sidenav_bg.gif) 0 100% no-repeat scroll;
}

div#sideNav h5 {
	font-size: 12px;
	color:#728b11;
	margin: 0;
	padding: 7px 0 7px 20px;
	border-bottom: 1px solid #fff;
}

div#sideNav div#cap {
position:relative;
display: block;
height: 15px
}

div#ceo {
position:absolute;
display: block;
top: 455px;
width: 220px;
margin: 7px 25px 0 0;
padding: 0 0 0 0;
}

div#ceo h5 {
	line-height: 24px;
}


#accordion {
	margin:0;
}

h4.toggler {
	cursor: pointer;
	font-size: 12px;
	font-weight:bold;
	background:url(images/nutrish_bg.gif) 0 0 repeat-x scroll;
	color: #7d0140;
	margin: 0 0 4px 0;
	padding: 5px 5px;
}

div.element {
	position:relative;
	overflow: none;
}

div.element p {
	position:relative;
	float: left;
	width: 280px;
	height: 280px;
	font-size: 11px;
	line-height: 14px;
	color: #444;
	margin: 5px 10px 0 0;
	padding: 4px;
}

div.element p span {
	font-weight:bold;
	color: #444;
}

div.element table, table.brand {
	margin-top: 10px;
	color: #333;
}

div.element table td, table.brand td {
	padding: 3px;
	border: 1px solid #666;
}



/* FIND US PAGE */

div#findUs {
	position:relative;
}

div#findUs div.group {
	position:relative;
	width: 660px;
	height: 380px;
}

div#findUs h4 {
	font-weight:bold;
	color: #728b11;
	font-size: 14px;
	line-height: 16px;
	border-bottom: 1px solid #999;
	padding: 0 0 7px 0;
	margin: 0 0 7px 0;
}

div#findUs h4 a {
	color: #728b11;
	text-decoration: none;
}


div#findUs div.biz {
	position:relative;
	width: 300px;
	text-align: center;
	float: left;
	padding: 10px 0;
}

div#findUs div.bizwide {
	position:relative;
	width: 660px;
	text-align: center;
	float: left;
	padding: 10px 0;
}

div#findUs div.bizwide p {
	position:relative;
	width: 310px;
	text-align: center;
	padding:10px 20px 0 0;
	margin: 0;
	float: left;
	font-size: 11px;
}



div#findUs h5 {
	font-size: 12px;
	line-height: 16px;
	padding: 0;
	margin: 0;
}

div#findUs h5 strong {
	color: #7d0140;
}

div#findUs .logos {
	position:relative;
	width: 300px;
	height: 100px;
}

div#findUs .logoswide {
	position:relative;
	width: 660px;
	height: 100px;
}



#art01 {
	background:url(images/findus_01.gif) 50% 50% no-repeat scroll;
}
#art02 {
	background:url(images/findus_02.gif) 50% 50% no-repeat scroll;
}
#art03 {
	background:url(images/findus_03.gif) 50% 50% no-repeat scroll;
}
#art04 {
	background:url(images/findus_04.gif) 50% 50% no-repeat scroll;
}
#art05 {
	background:url(images/findus_05.gif) 50% 50% no-repeat scroll;
}
#art06 {
	background:url(images/findus_06.gif) 50% 50% no-repeat scroll;
}
#art07 {
	background:url(images/findus_07.gif) 50% 50% no-repeat scroll;
}
#art08 {
	background:url(images/findus_08.gif) 50% 50% no-repeat scroll;
}
#art09 {
	background:url(images/findus_09.gif) 50% 50% no-repeat scroll;
}
#art10 {
	background:url(images/findus_10.gif) 50% 50% no-repeat scroll;
}
#art11 {
	background:url(images/findus_11.gif) 50% 50% no-repeat scroll;
}

div.recip {
background:url(images/recip2.jpg) 50% 50% repeat-y scroll;
padding:20px;
margin-bottom:20px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}


.sIFR-flash {
vertical-align: bottom;
}

div.pageABT p {
	line-height: 26px;
}

div.pageABT img.fab {
	vertical-align: -3px;
	padding: 0;
	margin: 0;
}

div.pageABT img.bab {
	vertical-align: -5px;
	padding: 0;
	margin: 0;
}

*html div.pageABT img.fab {
	margin: 5px 0;
}

*html div.pageABT img.bab {
	margin: 5px 0;
}

h5#jobs {
	position: relative;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	margin: -10px auto 0 auto;
	padding: 0 0 20px 0;
}