@charset "UTF-8";

/* FONTS */
@font-face {
    font-family: 'ArialBlack';
    src: url('fonts/arial-black-webfont.eot');
    src: url('fonts/arial-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/arial-black-webfont.woff') format('woff'),
         url('fonts/arial-black-webfont.ttf') format('truetype'),
         url('fonts/arial-black-webfont.svg#ArialBlack') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* CSS */
* {
    font-family: Arial;
    -webkit-text-size-adjust: none;
}
*:focus { /* Eleminates outline on focus in certain browsers */
    outline:0px;
}
body, h1, h2, h3, h4, h5, h6, div, ul, ol, li, p {
    margin:0px;
    padding:0px;
}
body {
    background:url(images/bg-body.png);
}
.wrapper {
    margin:0px auto;
    position:relative;
}
a {
    text-decoration:underline;
    color:inherit;
}
a img {   
    border:none;
    outline:none;
}
div {
    vertical-align:top;
}
table {
    width:100%;
    border-spacing:0px;
}
#content .title {
	font-family:Georgia;
	font-style:italic;
	font-size: 19px;
	line-height: 1.3;
}
.clr {
	clear: both !important;
}
#content-wrapper {
	width:100%;
	max-width: 1025px;
	background: #ffeba1;
	margin: 0 auto;
	box-shadow: 0 0 35px rgba(0,0,0,0.3);
}
.cursor-area,
.cursor-area *:hover {cursor: url(images/bg-cursor.cur), auto !important;}
.cursor-area a:hover {cursor:pointer !important;}

/*******************************
    BANNER
*******************************/
#banner-rotator {
    width:100%;
    max-height:208px;
    overflow:hidden;
}
#banner-rotator img {
    width:100%;
    padding: 0px !important;
}
#banner-rotator .wt-rotator,
#banner-rotator .screen {
    width:100% !important;
}
#banner-rotator .wt-rotator {
	height:auto !important;
}
 
/*******************************
    NAV
*******************************/
#nav {
	background:#fff9e1;
	position: relative;
	z-index: 1000;
}
#nav-wrapper {
	display:inline-block;
	width: 83%;
	position: relative;
	padding: 0 0 0 2%;
	*float:left;
}
#nav-wrapper ul {
	display:inline-block;
	width: 100%;
}
#nav-wrapper li {
	display:inline-block;
	float:left;
	white-space: nowrap;
}
#nav ul ul {
	background: url(images/bg-dropdown.png);
	width: auto;
	border: 0;
	padding: 15px 30px;
	display: none;
	position: absolute;
}
#nav ul ul li {
	display: block;
	width: 100%;
}
#nav ul ul a {
	font-size:13px;
	display: block;
	padding: 12px 14px 12px 0;
}
#nav li {border-right: 0; position:relative;}
#nav ul ul li {border-top:1px solid #0e2a6b;}
#nav .k-first {border:0;}
#nav ul ul .k-animation-container {top:-13px !important;}

#nav-wrapper a,
#mobileMenu a,
#btnMenu {
	display:inline-block;
	text-decoration: none;
    font-family:'ArialBlack';
	font-size: 15px;
	font-weight: 900;
	color: #002269;
	transition:all .25s;
	padding: 22px 11px;
	line-height: 1;
}
#btnMenu {
	padding: 15px 0;
	font-size:20px;
	width:100%;
}
#btnMenu.expanded {
	border-bottom:3px solid #002269;
}
#nav-wrapper li:hover a {color: #0072bc;}
#nav-wrapper li ul a {
    color: #002269 !important;
}
#nav-wrapper li ul a:hover {color: #0072bc !important;}
#mobileMenu ul,
#mobileMenu li {
    padding:0;
}
#mobileMenu li {
	position: relative;
	border: 0 !important;
}
.k-icon {
	position: absolute;
	background-position:center center !important;
	background-repeat: no-repeat !important;
	background-size:auto 100% !important;
	z-index: 1000;
	left:11px;
	top:11px;	
}
.k-icon.k-plus {
	background-image:url(images/bg-plus.png) !important;
}
.k-icon.k-minus {
	background-image:url(images/bg-minus.png) !important;
}
#search {
	display: inline-block;
	margin: 15px 0;
	height: 28px;
	width: 123px;
	background: url(images/bg-search.png) repeat-x center center;
	*float:left;
}
#search .RadDockZone {
	max-height: 80px;
    overflow: hidden;
}
.search-left,
.search-right {
	width:5px;
	height: 28px;
	background-repeat: no-repeat;
	background-position: center center;
	display: inline-block;
	margin: 15px 0;
	*float:left;
}
.search-left  {background-image:url(images/bg-search-left.png);}
.search-right {background-image:url(images/bg-search-right.png);}
#search .sfsearchBox {
	margin: 0;
	padding: 0;
	border: 0;
	width: 123px;
}
#search .sfsearchTxt {
	margin: 6px 1% 0 0;
	padding: 0 2%;
	border: 0;
	float: right;
	width: 66.68%;
	height: 16px;
}
#search .sfsearchSubmit {
	margin: 0;
	padding: 0;
	border: 0;
	font-size:0;
	width:28.32%;
	height: 28px;
	float: left;
	background:url(images/bg-search-btn.png) no-repeat 7px center;
}

/*******************************
    ROTATOR
*******************************/
#rotator {
	margin: 17px auto;
	width:94.15%;
	overflow: hidden;
	border-radius:10px;
}
#rotator .c-panel {
	margin:0 !important;
	top:auto !important;
	right:auto !important;
	bottom:15px !important;
	left:23px !important;
}
#rotator .c-panel li {
    border-radius:4px;
    font-family:'ArialBlack';
}
#rotator .c-panel li a {
    color:#fff !important;
	font-size:12.5px;
}

/*******************************
    BUTTONS
*******************************/
#buttons {
	margin: 0 auto;
	width:94.15%;
	text-align: center;
}
.button {
	width: 18.7%;
	display: inline-block;
	margin: 0 0 1.625% 1.625%;
	border-radius:11px;
	overflow: hidden;
	box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
}
.button.connect {margin-left:0;}
.button img {
	width: 100%;
}

/*******************************
    CONTENT
*******************************/
#content {
	margin: 0 auto;
	width:94.15%;
	padding: 20px 0 30px 0;
	color:#212e65;
	font-size: 13px;
	line-height: 1.9;
}
#content .left {
    display: inline-block;
	padding-right:3.12%;
	width: 17.43%;
	min-height: 100px;
}
#content .right {
    display: inline-block;
    width: 72.8%;
    padding-right: 6.65%;
}
#content p,
#content ul,
#content ol {
	margin:24.7px 0;
}
#content ul,
#content ol {
	padding-left:30px;
}
#content img {
	padding:2%;
	max-width:94%;
}
#content img[style*="float:left"],
#content img[style*="float:left"] {padding-left:0;}
#content img[style*="float:right"],
#content img[style*="float:right"] {padding-right:0;}

#header,
#header h1,
#header * {
	font-family:Georgia, Arial;
	font-size:47px;
	line-height: 1;
	font-weight: normal;
	color: #0072bc;
	font-style: italic;
	text-indent: 105px;
}

/* LEFT NAV */
#nav-left {
    width: 67.3%;
    padding: 35% 16.35% 10% 16.35%;
    margin: -80px 0 24.7px 0;
    display:none;
}
#nav-left ul {
	padding:0;
	margin: 0;
	position: relative;
	z-index: 1000;
}
#nav-left li:first-child {
	border-top:0;
}
#nav-left li {
	display:block;
	margin: 0 auto;
	border-top:1px solid #002269;
}
#nav-left a {
	display:block;
	text-decoration: none;
    font-family: 'ArialBlack';
	font-size: 13px;
	font-weight: 900;
	color: #002269;
	transition:all .25s;
	padding: 12px 0;
	line-height: 1.5;
	white-space: pre-wrap;
}
#nav-left a:hover {
    color:#0072bc;
}
#nav-left-bee {
	display:inline-block;
	background: url(images/bg-nav-left-bee.png);
	width:100%;
	text-align: right;
}
#nav-left-bee img {
    width:62%;    
    padding: 0;
    margin-right:10%;
}

/* QUOTE AREA */
#quote-area {
	padding-right:7%;
	padding-left:10%;
}
#quote-area,
#quote-area * {
	font-size:18px;
	font-family: Georgia, Arial;
	font-style: italic;
	color: #0072bc;
	line-height: 1.8;
}

/* BOTTOM NAV */
#bottom-nav {
	padding: 2% 0 0 0;
}
.bottom-nav-wrapper {
	display: inline-block;
    vertical-align: bottom;
}
#bottom-nav ul {
    display: inline-block;
    padding: 0;
    margin-bottom: 0;
	vertical-align: bottom;
}
#bottom-nav li {
    display: inline-block;
    float: left;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
    padding: 0 16px;
    border-left:1px solid #212e65;
}
#bottom-nav li:first-child {
	padding-left: 0;
	border:0;
}
#bottom-nav a {
    display: inline-block;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
    text-decoration: none;
}
#go-texan {
	display: inline-block;
    padding-right: 3.12%;
    width: 17.43%;
    text-align: center;
}
#go-texan a {
	width:100%;
}
#go-texan img {
    width:33.9%;
}
#spanish {
    display: inline-block;
	width:5.9%;
	padding-left:9%;
	vertical-align: bottom;
}
#spanish a {
    display: inline-block;
	background: url(images/bg-spanish.png) no-repeat center top;
	background-size:100% auto;
	width: 100%;
	padding-top:38px;
	text-align: center;
}

/* Heritage */
ul.sfHeritageList {
	padding: 0 !important;
	list-style: none;
}
li.sfHeritageItem {
	display:block;
}
.sfHeritageYear {
	font-family: Georgia, Arial;
    font-size: 18px;
    line-height: 1.3;
    font-weight: bold;
    color: #0072bc;
    font-style: italic;
	display:inline-block;
    width: 10%;
    float: left;
	padding:1.7% 0;
}
.sfHeritageDescription {
	display:inline-block;
	width: 90%;
	padding:1.7% 0;
	border-top:1px solid #212e65;
}
li.sfHeritageItem:first-child .sfHeritageDescription {
	border:0;
}

/* Generic SF list */
.sfitemsList {
	list-style:none;
}

.sfitemHierarchicalTaxon {
	
}

/*******************************
    VIDEO FRAMES
*******************************/
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.video-wrapper {
    width: 540px;
    max-width: 100%;
}
.video-container iframe, 
.video-container object, 
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*******************************
    RECIPES
*******************************/
.treeview .rtMinus ,
.treeview .rtPlus {
	display:none !important;
	position: absolute;
	z-index: 1000;
	left:0 !important;
	top:12px !important;	
	width: 16px !important;
	height: 16px !important;
	margin: 0 !important;
}
.treeview .rtPlus {display:none !important;}
.treeview .rtMinus {display:none !important;}
.treeview ul {
    margin:0 !important;
    padding:0 !important;
    font-family:Arial Black !important;
    font-size: medium !important;
}
.treeview ul ul {padding-left:13px !important;}
.treeview ul ul ul {padding-left:26px !important;}
.treeview li div {position:relative !important;}
.treeview a {
	font-style:normal !important;
	text-decoration:none;
}
.treeview .cursor-area *:hover {
    background-image: none !important;
    background-color:transparent !important;
    border:none !important;
}
.sfRecipes {list-style:none;}
.sfRecipe a {
	padding:5px 0;
	font-size:18px;
}
.RadTreeView .rtHover .rtIn,
.RadTreeView .rtSelected .rtIn {
    background: none !important;
    border: none !important;
    padding: 4px 3px 3px !important;
}
.categoryName {
	font-family: Georgia, Arial;
    font-size: 38px;
    line-height: 1;
    font-weight: normal;
    color: #0072bc;
    font-style: italic;
    display: block;
}
.sfRecipeTitle {
	font-family: Georgia, Arial;
    font-size: 25px;
    line-height: 1;
    font-weight: normal;
    color: #0072bc;
    font-style: italic;
    display: block;
    padding-top:20px;
}
.sfitemFieldLbl {
	font-family: Georgia, Arial;
    font-size: 18px;
    line-height: 1;
    font-weight: bold;
    color: #0072bc;
    font-style: italic;
    padding: 5px 0;
}
.recipeLink {
	display:inline-block;
	width: 45%;
	padding-right: 3%;
	text-decoration: none;
    font-family: 'ArialBlack';
	font-size: 14px;
	font-weight: 900;
	line-height: 1.3;
	margin: 1% 0;
	vertical-align: top !important;
}
.left a {
	white-space: normal;
}
.RadTreeView div,
.RadTreeView .rtHover .rtIn {
	padding: 0 !important;
	margin: 0 !important;
}
.RadTreeView a {
	text-decoration: none;
    font-family: 'ArialBlack' !important;
	font-size: 13px !important;
	font-weight: 900;
	color: #002269;
	line-height: 1.3 !important;
}
.RadTreeView .rtTemplate {
	margin: 3% 0 !important;
}

#btnMenu,
#mobileMenu {
    display: none\9;
}

.sf_pagerNumeric a {
	padding:3px 8px;
	margin: 0 3px;
	border:1px solid #fff;
	text-decoration: none;
}
.sf_pagerNumeric a.sf_PagerCurrent {
	background:#fff;
}

/*******************************
    CONTACT FORM
*******************************/
.contact-form * {
	box-sizing: border-box;
}

.contact-form .columns {
	margin-bottom: 0.5rem;
}

.contact-form label {
	display: inline-block;
	width: 20%;
	vertical-align: top;
}

.contact-form input[type="text"],
.contact-form textarea,
.contact-form select {
	width: 60%;
	padding: 3px;
}

.contact-form .error {
    color: #ff3333;
}

.recaptcha-row .columns,
.button-row .columns  {
    padding-left: calc(20% + 3px);
}

/*******************************
    RESPONSIVE - DESKTOP
*******************************/
@media all and (min-width:1025px) {
    
    #header {
	    padding-bottom:2%;
    }
    #btnMenu,
    #mobileMenu {
	    display: none!important;
    }
}

/*******************************
    RESPONSIVE - TABLET
*******************************/
/* iPad: Landscape Only */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
    #nav-wrapper a {
	    font-size:14px !important;
	    font-family:'ArialBlack' !important;
    }
}
@media screen and (max-width: 1025px) and (min-width: 705px) {

    #nav {
	    text-align: right;
	    margin: 17px auto 0 auto;
	    width:89.15%;
	    padding: 2.5%;
	    border-radius:11px;
    }
    #nav-wrapper {
	    display:inline-block;
	    width:100%;
	    text-align: center;
    }
    #nav-wrapper a {
	    font-size:13px;
	    font-family:Arial;
	    font-weight: bold;
    }
    #nav-wrapper ul {
	    display: block;
	    text-align: center;
    }
    #search {
	    width: 33%;
	    text-align: center;
	    margin-bottom: 0;
    }
    #search .sfsearchBox {width:100%;}
    #search .sfsearchSubmit {width:12%;}
    #search .sfsearchTxt {width:79%;margin-left:1%;}
    .search-right {
	    margin-right:2%;
    }
    #btnMenu,
    #mobileMenu {
        display: none;
    }
    #header {
	    padding-bottom:15px;
    }
    #header,
    #header h1,
    #header * {
        text-indent:0;
        text-align: center;
        font-size: 35px;
    }
    #content img {  
	    max-width: 48%
    }
    #nav-left {
        padding: 40% 16.35% 10% 16.35%;
        margin: -60px 0 24.7px 0;
    }
    #go-texan {
	    display:block;
	    margin: 0 auto;
	    padding: 0;
	    width: 100%;
	    max-width: 57px;
    }
    #go-texan img {width:100%;max-width:100%;}
    #bottom-nav ul{width:100%;}
    #bottom-nav li {
	    width:100%;
	    padding: 0;
	    border: 0;
	    text-align: center;
	    line-height: 2;
    }
    #bottom-nav li a {
	    display:inline-block;
	    line-height: 2;
    }
    .bottom-nav-wrapper {
        width:100%;
        padding:2% 0 3% 0;
    }
    #spanish {
	    display:block;
	    margin: 0 auto;
	    width:100%;
	    padding: 0;
	    max-width: 57px;
    }

	/*******************************
		CONTACT FORM
	*******************************/
	.contact-form label {
		width: 25%;
	}
	.contact-form .error[style*="display: inline"] {
		display: block !important;
		width: 100%;
		padding-left: 26%;		
	}
}

/*******************************
    RESPONSIVE - MOBILE
*******************************/
@media screen and (max-width: 705px)  {
    
    #nav {
	    text-align: center;
	    margin: 17px auto 0 auto;
	    width:89.15%;
	    padding: 2.5%;
	    border-radius:11px;
    }
    #nav-wrapper {
	    display:none;
    }
    #nav li {
        width:100%;
        display:block;
	    border-bottom:3px solid #ffeba1 !important;
    }
    #nav a {
        display:block;
	    padding: 12px;
	    border: 0 !important;
	}
	#nav span {
	    padding: 0 !important;
	    margin: 0 !important;
	    border: 0 !important;
    }
	#nav .k-animation-container {
	    position:relative !important;
	    width:100% !important;
	    height: auto !important;
	    top:0 !important;
	    left:0 !important;
	}
	#nav ul ul {
	    position:relative !important;
	    left:0 !important;
	    padding:0 30px;
    }
    #nav ul ul li {
	    border-bottom: 0 !important;
    }
    #nav ul ul a {
	    padding-right:0;
    }
    #search {
	    width: 94%;
	    text-align: center;
	    margin-bottom: 0;
    }
    #search .sfsearchBox {width:100%;}
    #search .sfsearchSubmit {width:10%;}
    #search .sfsearchTxt {width:84%;margin-left:1%;}
    #btnMenu,
    #mobileMenu {
        display: block;
    }
    .button {width:32.2%;}
    .button.email {margin-left:0;}
    #header,
    #header h1,
    #header * {
        text-indent:0;
        text-align: center;
        font-size: 35px;
    }
    #content {padding-top:10px;}
    #content .left,
    #content .right {
	    display:block;
	    margin: 17px auto;
        width: 94.15%;
        padding: 0;
        min-height: 0;
    }
    #content .left {display:none !important;}
    #content img {
	    width:88%;
	    max-width: 100% !important;
	    float: none !important;
	    padding:2% 6% 10% 6% !important;
    }
    #go-texan {
	    display:block;
	    margin: 0 auto;
	    padding: 0;
	    width: 100%;
	    max-width: 57px;
    }
    #go-texan img {width:100%;}
    #bottom-nav ul{width:100%;}
    #bottom-nav li {
	    width:100%;
	    padding: 0;
	    border: 0;
	    text-align: center;
	    line-height: 2;
    }
    #bottom-nav li a {
	    line-height: 2;
    }
    .bottom-nav-wrapper {
        width:100%;
        padding:0 0 3% 0;
    }
    #spanish {
	    display:block;
	    margin: 0 auto;
	    width:100%;
	    padding: 0;
	    max-width: 57px;
    }

	/*******************************
		CONTACT FORM
	*******************************/
	.contact-form label {
		display: block;
		width: 100%;
	}

	.contact-form input[type="text"],
	.contact-form textarea,
	.contact-form select {
		width: 99%;		
	}
	
	.contact-form .error[style*="display: inline"] {
		display: block !important;
		width: 100%;
		padding-left: 1%;		
	}

    .recaptcha-row .columns,
    .button-row .columns {
        padding-left: 0;
    }
}

#ContentPlaceHolder8_wholesaleForm_ctl00_ctl00_formControls
{
	width: 90%;
}

#ContentPlaceHolder8_wholesaleForm_ctl00_ctl00_formControls input[type=text]
{
	width: 100%;
}

#ContentPlaceHolder8_wholesaleForm_ctl00_ctl00_formControls select
{
	width: 100%;
	height: 1.8em;
}
#ContentPlaceHolder8_wholesaleForm_ctl00_ctl00_formControls textarea
{
	width: 100%;
}

#ContentPlaceHolder8_wholesaleForm_ctl00_ctl00_formControls .ruFakeInput
{
	width: auto !important;
}