@charset "UTF-8";
/* CSS Document */

* {
margin:0px;
padding:0px;
}

body {
background-color:#FFFFFF;
text-align:center;
margin:0; padding:0; /*height:100%; width:100%*/}
}

a {color:#003366; font-weight:bold;}
a:visited {color:#666666;}

#headerDefault {
height:60px;
width:102px;
position:absolute; 
top:0px;
left:0px;
/*top:66px*/
/*background:url(http://www.brancrispbread.com/images/headerBG.png) bottom;
background-repeat:repeat-x;*/
z-index:0;
}


#header {
height:126px;
width:100%;
background-image:url(../images/headerBGSmall.png);
background-repeat:repeat-x;
}

#topNav {
margin:0 auto;
padding-top:10px;
font-family: verdana, "Lucida Grande", arial, helvetica, sans-serif;
font-size:10px;
z-index:2;
}

#topNav li{
display:inline;
margin-right:20px;

}

#topNav li ul {
	position: absolute;
	width: 10em;
	top:25px;
	left: -999em;
}

#topNav li:hover ul, #nav li.sfhover ul {
	left: auto;
	background:#fff;
}

#topNav li ul li {
float:none; padding:2px; width:120px;
}

#topNav a{
color:#003366;
text-decoration:none;
font-size:12px;
font-weight:bold;
}

#topNav a:hover{
text-decoration:underline;
}

#logoLargeDefault {
position:absolute;
left: 10px; 
top:0px;
height:116px;
width:102px;
background-image:url(../images/logoLarge.png);
background-repeat:no-repeat;
*position:absolute;
*left: 10px; 
/*top:-66px;*/
*height:116px;
*width:102px;
*background-image:url(../images/logoLarge.png);
*background-repeat:no-repeat;
}

#logoLarge {
position:absolute;
left: 10px; 
top:0px;
height:116px;
width:102px;
background-image:url(../images/logoLarge.png);
background-repeat:no-repeat;
}

#articlespacing{
margin-bottom:10px;
margin-top:10px;
border-bottom: 2px dotted #003366;     
}
/*START New Site Logo RK 10.02.08*/

#NewSite {
position:absolute;
right:10px; 
top:0px;
height:116px;
width:116px;
/*background-image:url(../images/GGSprinkles.png);*/
background-repeat:no-repeat;
z-index:500;
}

/*END New Site Logo RK 10.02.08*/

#headerSlogan {
position:absolute;
left: 50%; 
top:33px;
height:61px;
width:501px;
margin-left: -250px; /* half of the width */
background-image:url(../images/slogan2.png);
background-repeat:no-repeat;
z-index:2;

}
#headerSlogan h1 {position:absolute; margin:0; padding:0; text-indent:-99999px;}

.testimonial {
position:absolute;
z-index:15;
left: 50%; 
top:60px;
height:72px;
width:650px;
margin-left: -325px; /* half of the width */
font-family: verdana, "Lucida Grande", arial, helvetica, sans-serif;
font-size:12px;
color:#663300;
}

.bigQuotes {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:22px;
color:#663300;
}

#headerImage {
height:400px/*349px*/;
width:100%;
background-image:url(../images/home2.jpg);
background-repeat:repeat-x;
}

#colorBar {
height:80px;
width:100%;
background-color:#EED265;
border-bottom:5px solid #003366;
}

#topic1 {
position:absolute;
left: 20%; 
top: 450px;
width: 195px;
height: 172px;
margin-left: -97px; 
background-image:url(../images/topic1.gif); 
z-index:5;
}

#topic2 {
position:absolute;
left: 50%; 
top: 450px;
width: 195px;
height: 172px;
margin-left: -97px; 
background-image:url(../images/topic2.gif); 
z-index:5;
}

#topic3 {
position:absolute;
left: 80%; 
top: 450px;
width: 195px;
height: 172px;
margin-left: -97px; 
background-image:url(../images/topic3.gif); 
z-index:5;
}

.topicText {
font-family: verdana, "Lucida Grande", arial, helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#663300;
margin:50px 15px 0px 15px;
}

.topicLink {
font-family: verdana, "Lucida Grande", arial, helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#006600;
text-decoration:none;
margin:15px 15px 0px 15px;
}

/* START template elements */
h4 {font-size:15px; line-height:16px; padding:0; margin:10px 6px; font-weight:normal;}
h5 {font-size:12px; line-height:16px; padding:0; margin:4px 6px;}

#mainImage {
margin:0 auto;
margin-top:0px;
}

#mainImage h1 {position:absolute; margin:0; padding:0; text-indent:-99999px;
    top: 0px;
    left: 0px;
}


#content {
width:830px;
margin:0 auto;
font-family: verdana, "Lucida Grande", arial, helvetica, sans-serif;
font-size:11px;
color:#003366;
height: auto;
}
/*START Added to control media content RK 10.02.08, rmoved java scripts*/
#contentmedia {
width:830px;
margin:0 auto;
font-family: verdana, "Lucida Grande", arial, helvetica, sans-serif;
font-size:11px;
color:#003366;
height:4130px;
*min-height:4290px;
}
/*END Added to control media content RK 10.02.08, rmoved java scripts*/
#contentTable {
font-family: verdana, "Lucida Grande", arial, helvetica, sans-serif;
font-size:11px;
color:#003366;
}

#contentTable td {
vertical-align:top;
padding:3px 3px;
}


#content p{
padding-top:15px;
}

#content h2{
padding-top:15px;
font-family: verdana, "Lucida Grande", arial, helvetica, sans-serif;
font-size:18px;
}

#content h3{
padding-top:10px;
font-family: verdana, "Lucida Grande", arial, helvetica, sans-serif;
font-size:15px;
}

#contentLeft {
width:55%;
float:left;
padding:15px;
text-align:left;
}

#contentLeft ul {margin:10px 20px;}


#contentRight {
width:40%;
float:right;
text-align:left;
margin-top:25px;
}

#ordercontentLeft {
width:620px;
float:left;
padding:5px;
text-align:left;
}

#ordercontentRight {
width:200px;
float:right;
text-align:left;
margin-top:25px;
}

#clearDiv {
clear:both;
}

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


/* END template elements  */


/* order page asp objects */

.ship {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#000066;
float:right;
background-color:#EEEEEE; padding:5px; border:1px solid #666666;
}


.totalshipping {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#000;
}

.totalorder {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#000;
font-weight:bold;
}

.style3 {
text-align:center;
}

/* end order page asp objects */



#formtext{border:1px solid #333;
          text-align:left;
          padding:10px;
          background-color:#FFFFFF;
          position:absolute;
          top:120px;
          z-index:499;
          left:25px;
          height:250px;
          /**height:385px;*/
          width:95%;
          right:25px;
          overflow:scroll;
          filter:alpha(opacity=90);
          -moz-opacity:.90;
          font-family:Verdana, Arial, Helvetica, sans-serif;}
#formtext h3 {font-size:16px; color:#990000; margin:10px; padding:0;}
#formtext p {font-size:12px; color:#990000; margin:10px; padding:0;}
#formtext ul {margin:20px; padding:0; list-style:none;}
#formtext li {font-size:13px; color:#990000; font-weight:bold; margin:5px 0px; padding:0;}          
#formtext a {color:#990000;}

.indexShow {text-align:center; font-size:10px; margin:10px 20px;}
.indexShow a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#003366; font-weight:bold; line-height:12px;}


/*BEGIN sideBar*/

.sideBar {
float:right;
}

.sideBar ul{
padding-left:10px;
}

.sideBarTop {
background-image:url(../images/sideBarTop.gif);
width:304px;
height:18px;
}

.sideBarMiddle {
background-image:url(../images/sideBarMiddle.gif);
background-repeat:repeat-y;
width:304px;
padding: 0px 15px 0px 15px;
font-size:10px;
}

.sideBarBottom {
background-image:url(../images/sideBarBottom.gif);
width:304px;
height:18px;
}

.sideBarContent {
width:90%;
}
/*.sideBarContent h3 {font-size:14px; font-weight:bold; margin:15px auto; padding:0; text-align:center;}*/
.sideBarHead {font-size:12px; font-weight:bold; margin:12px auto; margin-top:0; padding:0; text-align:center;}

/*END sideBar*/

/*BEGIN Order sideBar*/

.ordersideBar {
width:200px;
margin:0; padding:0;
}

.ordersideBar ul{
padding-left:10px;
}

.ordersideBarTop {
background-image:url(../images/ordersideBarTop.gif);
width:200px;
height:12px;
}

.ordersideBarMiddle {
background-image:url(../images/ordersideBarMiddle.gif);
background-repeat:repeat-y;
width:184px;
padding: 0px 8px 0px 8px;
font-size:10px;
}

.ordersideBarBottom {
background-image:url(../images/ordersideBarBottom.gif);
width:200px;
height:12px;
margin-bottom:20px;
}

.ordersideBarContent {
width:90%;
}
/*.sideBarContent h3 {font-size:14px; font-weight:bold; margin:15px auto; padding:0; text-align:center;}*/
.ordersideBarHead {font-size:12px; font-weight:bold; margin:12px auto; margin-top:0; padding:0; text-align:center;}

/*END order sideBar*/

/*BEGIN nutrition*/

#nutritionalFacts
{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#003366; background:#ffffff; position:absolute; top:0; left:0px; right:0px; bottom:0; z-index:5000; padding-top:100px;}


/*END nutrition*/

/*BEGIN recipes*/

#container {
width:100%;
margin-top:0px;
text-align:left;
height:460px;
}

.recipe {
	position:absolute;
	width:450px;
}
.recipe p {padding:5px 10px;}


/*END recipes*/

.mediaArticle {
position:absolute;
width:850px;
}

.mediaBooks {width:960px; margin:0px auto; text-align:center;}
.mediaBooks h2 {padding:15px 0px 15px 80px; font-family: verdana, "Lucida Grande", arial, helvetica, sans-serif; font-size:18px;}
.mediaBooks img {margin:0px 5px; border:none;}


/*BEGIN tooltip*/
a.tooltip {color:#003366;} 
a.tooltip:hover {background:#FFFFFF; text-decoration:none;} /*BG color is a must for IE6*/
a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:310px;}
a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #003366; color:#003366; padding:10px;}

/*END tooltip*/

#footer {
/*width:100%;
margin:0 auto;
font-family: verdana, "Lucida Grande", arial, helvetica, sans-serif;
font-size:10px;
text-align:center;
padding-top:25px;
float:left;
height:inherit;*/
width:830px;
margin:0 auto;
font-family: verdana, "Lucida Grande", arial, helvetica, sans-serif;
font-size:10px;
text-align:center;
padding-top:25px;
height:40px;
padding-bottom:6px;
}

#footer li{
display:inline;
margin-right:20px;

}

#footer a{
color:#006600;
text-decoration:none;
font-size:14px;
font-weight:bold;
}

#footer a:hover{
text-decoration:underline;
}

#DefaultContent {position:absolute; top:130px; width:100%;}

#DefaultWrap {position:relative; width:960px; margin:0px auto;}

#productimage {width:300px; float:left; position:relative; z-index:10;}
#productimage img {position:absolute; top:0px; left:90px; z-index:5; *left:60px;}


/* ----------------------- */
/* ----Image Rotation----- */
/* ----------------------- */

#fader {position:relative; width:433px; height:248px; margin:0; margin-top:50px; z-index:1; padding:0; float:right; *float:left; *margin-left:-15px;}

#fader p { font-size:17px; margin:13px 0px; padding:0; font-weight:normal; font-family:georgia, Times New Roman, Serif; color:#003366; text-align:left; zoom:1; z-index:15; position:absolute; top:65px; left:25px; right:25px; text-indent:-999999px; display:none;}

#fade1 {position:relative; z-index:2; width:433px; height:248px; margin:0;}
#faderimg1  {*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/default-opinion1.png", sizingMethod="scale"); width:433px; height:248px; z-index:2}
#fade2 {position:relative; z-index:2; width:433px; height:248px; margin:0;}
#faderimg2  {*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/default-opinion2.png", sizingMethod="scale"); width:433px; height:248px; z-index:2}
#fade3 {position:relative; z-index:2; width:433px; height:248px; margin:0;}
#faderimg3  {*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/default-opinion3.png", sizingMethod="scale"); width:433px; height:248px; z-index:2}

/****************Pop Up Panel****************/

#NotificationsPanel {width:620px; height:380px; margin:0; padding:10px; background:#fff; z-index:20; position:relative; background:url(../images/calendarEvent-back.png) top left no-repeat; z-index:2000; font-family:Arial; font-size:16px; color:#000;}

table.NotificationsTable {width:400px; margin:20px auto;}
table.NotificationsTable td {padding:5px; text-align:left; vertical-align:top;}

.closePanel {position:absolute; top:8px; right:8px;}


/********************************************************************/
/*************************** Retail Page ****************************/
/********************************************************************/

.RetailTable{width: 760px; margin:auto; margin-bottom:50px; text-align:left; font-family:Arial; font-size:14px; border:1px solid #ECECEC}
.RetailText{width: 200px; padding:5px}
.RetailForm{width: 560px; padding:5px}
.RetailTextAlt{width: 560px; padding:5px; background-color: #ECECEC; }
.RetailFormAlt {width: 200px; padding:5px; background-color: #ECECEC;}
#wholesaleTop {height:70px; width:760px; background:url(../images/wholesaleheading.gif) top left no-repeat; margin:10px auto;}
#wholesaleTop h1 { font-family:Arial; font-size:18px; margin:0 0 10px 0; text-indent:-99999999px;}

.RetailThankYou {width:750px; height:125px; margin:70px auto; text-align:left; font-family:Arial; font-size:14px; line-height:25px; 
                 color:#003366; background:#E7F3FF; border:1px solid #CCE6FF; padding:10px; }
.RetailThankYou h2 {text-align:center;}