/* LARABAR CSS */

/* LAYOUT */
body 
{
    background-image: url(../img/MuirGlen/bg_home5a.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #000000;
	margin: 0;
}
img { border-width:0; }
p { margin:10px 0; }
a { text-decoration:none; color:#dd0705;}
h2 { margin:0; font-size:16pt; font-weight:normal; color:#dd0705; }
h3 { margin:0; font-size:14pt; font-weight:normal; color:#dd0705; }
h4 { margin:0; font-size:12pt; color:#dd0705;}

#content  
{
    width:955px; 
    margin:0 auto; 
}
#header { height: 127px; }
#main  
{
    height:100%; 
    z-index:1;
    background: url('../img/MuirGlen/content_bg.png') 0 0 no-repeat;
    width: 900px;
    margin: auto;
}
#footer 
{
    width: 850px;
    font-size: 10px;
    color: #636466;
    margin:auto;
    padding-bottom:7px;
}
#footer a
{
    color: #636466;
}



.bottomNav 
{
	z-index: 50;
	bottom: 0px;
	background-color: Black;
	width: 100%;
	text-align: center;
	height: 90px;
	clear: both;
}
.NavBgWoodHome 
{
	background-color: #000000; 
    background-image: url(../img/MuirGlen/home_wood_BG_v09.jpg);
	background-position: center top;
	background-repeat: repeat-x;
	color: White;
	height: auto;
    /*overflow: hidden;*/
}
.homeFooterText
{position: relative;
 width: 100%;
 clear: both;
 padding-bottom: 6px;
}
.navPositioning
{ padding-top: 20px;
  padding-bottom: 10px;
  vertical-align: top;
}
.mainNavigationArea {
    text-align: center;
    vertical-align: middle;
    width: 100%;
}
.footerArea {
    font-size: 9px;
    line-height: 20px;
    text-align: center;
    color: #FFFDF1;
}
.footerArea a:link {
    color: #FFFDF1;
}
.footerArea a:hover {
    color: Gray; /* TBD */
}
.footerArea a:visited {
    color: #FFFDF1;
}




/* REQUEST FORM */

#requestFormContainer
{
    width: 850px;
    margin: auto;
}
#requestDirections
{
    position: relative;
    font-size:12px;
    margin-top: 10px;
    margin-bottom: 7px;
}

.fieldBoxContainer
{
    margin: 10px auto 0 auto;
    width: 405px;
    padding-bottom: 15px;
    z-index: 1;
}
.fieldBoxTop
{
    display:none;
}
.fieldBoxMain
{
    border: solid 1px #939494;
    height: 100%;
    padding: 10px 20px;
    margin-bottom: 10px;
    position: relative;
    z-index:1;
}
.fieldBoxTitle
{
    position: relative;
    top:-19px;
    left: -39px;
}
.fieldBoxBottom
{
    display:none;
}
.fieldBoxContainerWide
{
    margin: 10px auto 0 auto;
    width: 835px;
}
.fieldBoxTopWide
{
    display:none;
}
.fieldBoxMainWide
{
    height: 100%;
    border: solid 1px #939494;
    padding: 10px 20px;
    margin-bottom: 10px;
}
.fieldBoxBottomWide
{
    display:none;
}


.submitImg
{
    float:right;
    margin-top: 27px;
}
.goBackImg
{
    float:left;
    margin-top: 27px;
}


.productsContainer
{
    height: 450px;
    overflow: auto; 
    scrollbar-base-color: #ffebc9; 
    scrollbar-arrow-color:#e62400;
}
.categoryTitle
{
    background-color: #ffeac9;
    color: #dd0705;
    font-weight: bold;
    width:829px;
    padding: 2px;
    position: relative;
    left: -20px;
    text-indent: 35px;
    font-size: 14px;
}

.productTable
{
    width: 95%;
    margin: auto;
}
.productName, .brandedText
{
    color: #dd0705;
    font-weight:bold;    
}
.productSize
{
    font-size: 11px;    
}
.productSeparator
{
    height: 1px;
    color: #c7c8ca;
    background-color: #c7c8ca;
    border: 0;
}
#totalSampleCount
{
    position: absolute;
    bottom:3px;
    color: #dd0705;
    font-weight: bold;
    text-align:center;
    width: 100%;
}

.agree
{
    width: 350px;
    margin: auto;
}

#thankYouContainer
{
    width: 840px;
    margin: auto;
    position: relative;
}
#thankYouMessage
{
    width: 700px;
    margin: 55px auto;
    padding-bottom: 25px;
    font-size: 12px;
}
#thankYouMessage p
{
    margin-bottom: 25px;
}
#thankYouColumn2
{
    display:none;
}


/* PRIVACY POLICY & TERMS OF USE */
.policy
{
    border: 1px solid red;
    background: #fff;
    padding-top: 25px;
    position: relative;
}


/* CALENDAR */

.calendar .ajax__calendar_header 
{
    background-color: #DD0706;
}
.calendar .ajax__calendar_hover .ajax__calendar_day, .calendar .ajax__calendar_hover .ajax__calendar_month, .calendar .ajax__calendar_hover .ajax__calendar_year
{
    color:#DD0706;
}
.calendar .ajax__calendar_active .ajax__calendar_day
{
    color:#DD0706;  
}