/*
Green: 797B48
Purple: 9D2376
Pink: DF6FAA
*/
html
{
    border: 0;
    padding: 0;
    margin: 0;
}

body
{
	text-align: center;
	min-width: 840px;
    margin: 0px 0px 0px 0px;
    padding: 15px 0px 0px 0px;
    font-family: verdana, helvetica, sans-serif, arial;
    color: #797B48;
    background-image: url('/img/background/HolidayBackground1.jpg');
    /* background-image: url('/img/background/GreenCurlyBackground.jpg'); */
    background-repeat: repeat-x;
    background-color: #FFFFFF;
    /* background-color: #E1D5BD; */
    scrollbar-arrow-color: #333333;
    scrollbar-face-color: #EEEEEE;
    scrollbar-highlight-color: #CCCCCC;
}

#outerContainerPositionDiv
{
    margin:0 auto;
    padding: 0px;
    width: 836px;
    spacing: 0px;
    text-align: left;
    background-color:#000000;
    background-repeat:repeat;
    border: 1px solid #000000;
    overflow: hidden;
}

#innerContainerDiv
{
    /* width: 836px; */
    background-color:#FFFFFF;
    padding:5px 15px 5px 15px;
    margin: 0px;
}

#outerContainerTable
{
    width: 840px;
    /* specify min height and background image in this outer container table because we get the most cross-browser
        consistency.  setting the min height at the row or cell level isn't consistently implemented across browsers. */
    /*
    min-height:809px;
    _height: 809px;
    */
    margin: 0px;
    padding: 0px;
    spacing: 0px;
    border: 0px solid #000000;
    background-position: top, left;
    background-repeat: no-repeat;
}

#outerContainerRow
{
    margin: 0px;
    padding: 0px;
    spacing: 0px;
}

#footerCell
{
    height: 88px;
    margin: 0px;
    padding: 0px;
    spacing: 0px;
    background-position: bottom, left;
    background-repeat: no-repeat;
}

#contentTable
{
    width: 100%;
    min-height: 100%;
    _height: 100%;
    margin: 0px;
    padding: 0px;
    spacing: 0px;
}

.contentTableRow
{
    margin: 0px;
    padding: 0px;
    spacing: 0px;
}

.itemViewTable
{
    width: 95%;
    min-height: 100%;
    _height: 100%;
    /* border: 1px solid green; */
    margin: 0px;
    padding: 0px;
    spacing: 0px;
    /* background-color: #E1D5BD; */

}

.itemViewCell
{
     vertical-align: top;
     padding: 7px 7px 0px 7px;
}

.itemViewImgLarge
{
     border: 1px solid #000000;
     padding: 3px 3px 3px 3px;
}

.itemViewImgMed
{
     border: 1px solid #000000;
     padding: 3px 3px 3px 3px;
}

.itemViewImgSmall
{
    float: left;
     border: 1px solid #000000;
     padding: 1px 1px 1px 1px;
    margin: 0px 2px 25px 0px;
}

.frontPageImgLarge
{
     border: 1px solid #000000;
     padding: 2px 2px 2px 2px;
}

.frontPageImgMed
{
     border: 1px solid #000000;
     padding: 2px 2px 2px 2px;
}

#frontPageImgMedTop
{
     left:0;
     vertical-align:top;
     margin: 10px 0px 0px 0px;
}


#frontPageImgMedBottom
{
    left:0;
    vertical-align:bottom;
    align:left;
    height:140px;
    width:260px;
    background-color:black;
    padding: 0px 0px 0px 0px;
}

#frontPageImgMedBottom_FreeShipping
{
    font-size: 37px;
    font-family: Papyrus, Lucida Sans Unicode, Geneva, sans-serif;
    /* browser multiplies the em value times the font size to get the space between lines */
    line-height: 1.2em;
    color: #DDCCAA;
    padding: 5px 2px 0px 2px;

}

#frontPageImgMedBottom_StoreDescription
{
    font-size: 20px;
    font-family: Papyrus, Lucida Sans Unicode, Geneva, sans-serif;
    color: #DDCCAA;
    padding: 5px 5px 5px 5px;
}

#freeShippingMessage
{
   font-size: 12px;
   padding: 0px 0px 0px 5px;
}

.itemViewDetailedDescription
{
   font-size: 12px;
   padding: 0px 0px 0px 0px;
}

.pageHeaderNoIndent
{
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    margin-left: 0px;
    margin-top: 0;
    margin-bottom: 0;
}

#headerRow
{
    height: 40px;
}

#topMenu
{
    top: 50px;
    font-size: 12px;
    z-index: 1000;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    width: 840px;
}
#menuCell
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#companyLogo
{
    position: relative;
    top: 0px;
    left: 0px;
}

.leftCol
{
    margin: 0px;
    padding: 0px;
    spacing: 0px;
}

#contentCell
{
    margin: 0px;
    padding: 2px 0px 0px 0px;
    spacing: 0px;
}

#top
{
    z-index: 5;
    position: absolute;
    margin: 2px 2px 2px 2px;
    padding: 0px;
    width: 796px;
    height: 110px;
}

#banner
{
    position: relative;
    top: 40px; left: 250px;
    margin: 0px 0px 0px 0px;
}

#menu
{
    margin: 0px 0px 0px 0px;
    width: 100%;
}



#middle
{
    z-index: 15;
    position: absolute;
    top: 87px;
    left: 103px;
    margin:  2px 0px 0px 2px;
    padding:  0px 0px 0px 0px;
    border: 0px solid #000000;
    width: 680px;
    margin-top: 10px;
    margin-bottom: 10px;
    min-height: 602px; /* moz/FF/Opera */
    _height: 602px; /* IE-win */
    display: block;
}

#middleServices
{
    z-index: 15;
    position: absolute;
    display: inline;
    top: 87px;
    left: 103px;
    margin:  2px 0px 0px 2px;
    padding:  0px 0px 0px 0px;
    border: 0px solid #000000;
    width: 480px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#middleCalendarDetail
{
    z-index: 15;
    position: absolute;
    top: 87px;
    left: 160px;
    margin:  2px 0px 0px 2px;
    padding:  0px 0px 0px 0px;
    border: 0px solid #000000;
    width: 550px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#productType
{
    border: 1px dotted #000000;
    /* border-style: dotted; */
    width: 98%;
    font-size: 16px;
    /* line-height: 2.8em;  browser multiplies this value times the font size to get the space between lines */
    font-weight: bold;
    margin-left: 0px;
    margin-top: 0;
    margin-bottom: 0;
}

#shippingView:shippingAddressSameAsBilling
{
    align: left;
    width: 60%;
}

.borderphoto
{
    z-index: 50;
    margin: 1px 1px 1px 1px;
    padding: 1px 1px 1px 1px;
    border: 1px solid #000000;
 }

a
{
    color: #336699;
    text-decoration: none;
}

a:hover
{
    color: #DF6FAA;
    text-decoration: underline;
}

a.menuItemLight:hover
{
    color: #DF6FAA;
    text-decoration: underline;
}

a.headLineLight:hover
{
    color: #336699;
    text-decoration: underline;
}

a.menuLeftLight:hover
{
    color: #FFFFFF;
    text-decoration: underline;
}

a.imgAnchor
{
    text-decoration: none;
    border: 0px;
}
a.courseCodeLight
{
    color: #993333;
    font-weight: bold;
}

a.menuItem
{
    color:  #336699;
    font-size: 13px;
    line-height: 44px;
    font-weight: bold;
}

a.menuItemLight
{
    color:  #336699;
    font-size: 13px;
    line-height: 14px;
    font-weight: bold;
}

a.headLineLight
{
    color:  #336699;
    font-size: 14px;
    line-height: 30px;
    font-weight: bold;
}

a.menuLeftLight
{
    color:  #FFFFFF;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
}

a.downloadableFile
{
    color:  #336699;
    font-size: 13px;
    line-height: 14px;
    font-weight: bold;
}

.fieldError
{
    color:  #336699;
    font-size: 12px;
    font-weight: bold;
}

.sectionHeaderFancy
{
    background-image: url('/img/background/GreenCurlyBackground.jpg');
    border: 1px solid black;
    padding: 0pt 0pt 2px 5px;
    color: #FFFFFF;
}

a.scheduledDay
{
    font-size: 13px;
    font-weight: normal;
    text-decoration: underline;
}

.light
{
     color:  #336699;
}

.courseProperties
{
    margin: 1px 1px 1px 1px;
    padding: 0px 0px 0px 0px;
    border-collapse: separate;
    border-spacing: 2px 5px;
    width: 160px;
    color:  #993333;
    font-size: 12px;
    font-weight: 500;
}

.rightHandImages
{
    position: absolute;
    top: 0px;
    left: 493px;
    margin: 1px 1px 1px 1px;
    padding: 0px 0px 0px 0px;
}

.coursePropertyLabel
{
     font-weight: 500;
     vertical-align: top;
}

.medium_dark
{
    color: #336699;
    font-size: 12px;
    font-weight: 500;
}

.deleteImage
{
    cursor:pointer;
}

.ahem {
display: none;
}
strong, b {
font-weight: bold;
}

p {

margin-top: 10px;
margin-bottom: 10px;
}

p.bannerTextLarge
{
font-size: 24px;
}



/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/

h1 {
color:  #336699;
font-size: 14px;
font-weight: bold;
margin-top: 0;
margin-bottom: 0;
}
h2 {
color:  #336699;
font-size: 14px;
line-height: 20px;
font-weight: bold;
margin-top: 0;
margin-bottom: 0;
}

.calendarSubHeader
{
color:  #993333;
background-color: #336699;
}

h3 {
color: #336699;
font-size: 16px;
line-height: 1.8em;
text-indent: 0px;
font-weight: bold;
margin-top: 0;
margin-bottom: 0;
}
h4 {
font-size: 14px;
line-height: 1.8em; /* browser multiplies this value times the font size to get the space between lines */
font-weight: bold;
margin-left: 10px;
margin-top: 0;
margin-bottom: 0;
}
h5 {
font-size: 12px;
line-height: 1.5em; /* browser multiplies this value times the font size to get the space between lines */
font-weight: normal;
margin-top: 0;
margin-bottom: 0;
}
h6 {
font-size: 10px;
line-height: 1.5em;
font-weight: normal;
margin-top: 0;
margin-bottom: 0;
}
img {
border: 0px none;
}
.nowrap {
white-space: nowrap;
font-size: 12px;
font-weight: normal;
margin-top: 2;
margin-bottom: 2;
/* must be combined with nobr in html for ie5win */
}
.tiny {
font-size: 9px;
line-height: 16px;
margin-top: 15px;
margin-bottom: 5px;
}

pre
{
    font-size: 12px;
    line-height: 22px;
    margin-top: 20px;
    margin-bottom: 10px;
}

td.calendarHolder
{
     vertical-align: top;
     padding: 15px 15px 15px 15px;
}

table.calendarMonth
{
   border: 1px;
   cell-spacing: 2px 2px 2px 2px;
   cell-padding: 0px 0px 0px 0px;
}

.monthHeader
{
    font-size: 16px;
    color:  #993333;
    line-height: 22px;
    text-indent: 3px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0;
}

td.dayHeader
{
    vertical-align: top;
    color: #336699;
    font-size: 10px;
    font-weight: 500;
    width: 20px;
}

table.courseDetail
{
   width: 100%;
   cell-spacing: 2px 2px 2px 2px;
   cell-padding: 0px 0px 0px 0px;
}

.courseDetailColHeaderWithCode
{
    vertical-align: top;
    color: #336699;
    font-size: 13px;
    font-weight: 700;
    width: 17%;
}

.courseDetailColHeader
{
    vertical-align: top;
    color: #336699;
    font-size: 13px;
    font-weight: 700;
}

.courseDetailColHeaderEndCol
{
    vertical-align: top;
    color: #336699;
    font-size: 13px;
    font-weight: 700;
    width: 15%;
}

td.calendarCell
{
    vertical-align: top;
    text-align: center;
    color: #336699;
    font-size: 13px;
    font-weight: 500;
    width: 20px;
}

td.calendarDetailCell
{
    vertical-align: top;
    color: #336699;
    font-size: 13px;
    font-weight: 500;
}

td.calendarDetailCellWithCode
{
    vertical-align: top;
    color: #336699;
    font-size: 13px;
    font-weight: 500;
}

.list-column-left
{
    border-top: 1px dotted #CECECE;
    font-size: 12px;
    color: #797B48;
    background-color: none;
    line-height: 15px;
    text-align: left;
    vertical-align: top;
    text-indent: 0px;
    font-weight: normal;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    spacing: 0px 0px 0px 0px;
}

.list-column-left-noborder
{
    border-top: 0px;
    font-size: 12px;
    color:  #797B48;
    background-color: none;
    line-height: 22px;
    text-align: left;
    vertical-align: top;
    text-indent: 3px;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 0;
}

.list-column-center
{
    border-top: 1px dotted #CECECE;
    font-size: 12px;
    color:  #797B48;
    background-color: none;
    line-height: 22px;
    text-align: center;
    vertical-align: top;
    text-indent: 3px;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 0;
}

.list-column-right
{
    border-top: 1px dotted #CECECE;
    font-size: 12px;
    color:  #797B48;
    background-color: transparent;
    line-height: 22px;
    vertical-align: top;
    text-align: right;
    text-indent: 3px;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 0;
}

.list-header
{
    font-size: 13px;
    border: 0px;
    color:  #336699;
    /* background-color: #BBA3F3; */
    line-height: 15px;
    text-align: left;
    text-indent: 3px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0;
}

.list-header-right
{
    font-size: 13px;
    border: 0px;
    color:  #336699;
    /* background-color: #BBA3F3; */
    line-height: 15px;
    text-align: right;
    text-indent: 3px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0;
}

.list-footer
{
    font-size: 13px;
    border-top: 1px solid black;
    /* border: 0px; */
    color:  #336699;
    /* background-color: #BBA3F3; */
    line-height: 15px;
    text-align: right;
    text-indent: 3px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0;
}

.list-footnote
{
    font-size: 13px;
    border-top: 0px;
    /* border: 0px; */
    color:  #336699;
    /* background-color: #BBA3F3; */
    line-height: 15px;
    text-align: right;
    text-indent: 3px;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 0;
}

.list-footer-left
{
    font-size: 13px;
    border-top: 1px solid black;
    /* border: 0px; */
    color:  #336699;
    /* background-color: #BBA3F3; */
    line-height: 15px;
    text-align: left;
    text-indent: 3px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0;
}

.list-row-a
{
    border-bottom: 1px dotted grey;
    background-color: transparent;
    vertical-align: top;
    text-align: right;
    font-size: 10px;
}

.list-row-b
{
    border-bottom: 1px dotted grey;
    background-color: transparent;
    vertical-align: top;
    text-align: right;
    color:  #336699;
    font-size: 10px;
}

table.list-background
{
    font-size: 12px;
    padding: 0px 0px 0px 0px;
    margin: 10px 0px 0px 0px;
   background-color: transparent;
   vertical-align: top;
   text-align: right;
   width: 805px;
   cell-spacing: 0px 0px 0px 0px;
   cell-padding: 0px 0px 0px 0px;
   cell-margin: 0px 0px 0px 0px;
}

table.form-default
{
   background-color: transparent;
   vertical-align: top;
   text-align: right;
   width: 90%;
   margin: 0px 0px 0px 60px;
   cell-spacing: 0px 0px 0px 0px;
   cell-padding: 0px 0px 0px 0px;
   cell-margin: 0px 0px 0px 0px;
}

table.summaryContainer
{
   background-color: transparent;
   vertical-align: top;
   border: 0px;
   align: left;
   width: 100%;
   cell-spacing: 0px 0px 0px 0px;
   cell-padding: 0px 0px 0px 0px;
   cell-margin: 0px 0px 0px 0px;
}

table.loginContainer
{
   background-color: transparent;
   vertical-align: top;
   border: 1px;
   align: left;
   cell-spacing: 0px 0px 0px 0px;
   cell-padding: 0px 0px 0px 0px;
   cell-margin: 0px 0px 0px 0px;
}

table.summaryNested
{
   vertical-align: top;
   text-align: right;
   width: 98%;
   border: 0px solid #000000;
   cell-spacing: 0px 0px 0px 0px;
   cell-padding: 0px 0px 0px 0px;
   cell-margin: 0px 0px 0px 0px;
}

.form-column-left-summary
{
    /* border-top: 1px dotted #CECECE; */
    width: 52%;
    font-size: 12px;
    background-color: none;
    line-height: 13px;
    text-align: left;
    vertical-align: text-top;
    text-indent: 3px;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 0;
}

.form-column-left
{
    /* border-top: 1px dotted #CECECE;  */
    font-size: 12px;
    background-color: none;
    line-height: 13px;
    text-align: left;
    vertical-align: top;
    text-indent: 3px;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 0;
}

.form-column-label
{
    /* border-top: 1px dotted #CECECE;  */
    width: 28%;
    font-size: 12px;
    background-color: none;
    line-height: 13px;
    text-align: left;
    vertical-align: top;
    text-indent: 3px;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 0;
}

.form-column-label-no-width
{
    /* border-top: 1px dotted #CECECE;  */
    font-size: 12px;
    background-color: none;
    line-height: 13px;
    text-align: left;
    vertical-align: top;
    text-indent: 3px;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 0;
}

.viewFormField
{
    font-family: verdana, helvetica, sans-serif, arial;
     background-color: #FFFFFF;
     font-size: 12px;
     font-weight: normal;
     margin-left: 0px;
     margin-right: 0px;
     margin-top: 2px;
     margin-bottom: 2px;
     border: 1px solid;
     padding-left: 2px;
     padding-right: 2px;
     padding-top: 2px;
     padding-botton: 10px;
}

.formField
{
    font-family: verdana, arial, helvetica, sans-serif;
     background-color: #FFFFFF;
     font-size: 12px;
     font-weight: normal;
     margin-left: 0px;
     margin-right: 0px;
     margin-top: 10px;
     margin-bottom: 10px;
     border: 1px solid;
     padding-left: 2px;
     padding-right: 2px;
     padding-top: 2px;
     padding-botton: 10px;
}

.gridButton
{
    font-family: verdana, arial, helvetica, sans-serif;
     background-color: #E7D9CD;
     /* background-color: transparent; */
     font-size: 12px;
     font-weight: normal;
     height: 22px;
     margin-left: 0px;
     margin-right: 0px;
     margin-top: 3px;
     margin-bottom: 0px;
     border: 1px solid;
     padding: 1px 1px 4px 1px;
}

.button
{
    font-family: verdana, arial, helvetica, sans-serif;
     background-color: #E7D9CD;
     /* background-color: transparent; */
     font-size: 12px;
     font-weight: normal;
     height: 22px;
     margin-left: 0px;
     margin-right: 0px;
     margin-top: 5px;
     margin-bottom: 0px;
     border: 1px solid;
     padding-left: 1px;
     padding-right: 1px;
     padding-top: 1px;
     padding-bottom: 1px;
}

.smallbutton
{
    font-family: verdana, arial, helvetica, sans-serif;
     background-color: #CD9B8A;
     /* background-color: transparent; */
     font-size: 9px;
     font-weight: normal;
     height: 15px;
     margin-left: 0px;
     margin-right: 0px;
     margin-top: 0px;
     margin-bottom: 0px;
     border: 1px solid;
}
.naviagtionButtons_2ColForm
{
    position: relative;
    top: 0px;
    left: 87px;
}

.naviagtionButtons_shoppingCartView
{
    position: relative;
    top: 22px;
    left: 450px;
    font-size: 12px;
    color:  #CD9B8A;
    background-color: none;
    line-height: 22px;
    text-align: left;
    vertical-align: text-top;
    text-indent: 3px;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 0;
}

hr
{
  height: 1px;
  width: 99%;
}

td.catalogTableCell
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 5px 0px;
    spacing: 0px 0px 0px 0px;
    vertical-align: top;
    text-align: left;
}

#categoryMenu
{
    position: relative;
    z-index: 10000;
    top: 44px;
    left: 0px;
    width: 110px;
    margin: 2px 0px 5px 2px;
    padding: 0px 0px 0px 0px;
}

#categoryMenuBar
{
    position: relative;
    z-index: 10000;
    left: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.menuLight
{
    color:  #FFFFFF;
    font-family: verdana, arial, helvetica, sans-serif;
    background-color: #797B48;
    font-size: 12px;
    /*
    line-height: 16px;
    */
    font-weight: bold;
    border-width: 1px;
    border-color: #336699 #336699 #336699 #336699;
    border-style: solid;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 2px;
    margin-bottom: 2px;
    padding: 10px 3px 10px 3px;
}

//------------------------------------------------------
.yui-skin-sam .yuimenu {

    line-height: 2;  /* ~24px */
    *line-height: 1.9; /* For IE */

}

.yui-skin-sam .yuimenu .bd {

    border-width: 1px;
    border-color: #336699 #336699 #336699 #336699;
    border-style: solid;
    background-color: #797B48;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px 0px 0px 0px;

}



/* Define a new style for each MenuItem instance. */

.yui-skin-sam li.yuimenuitem .yuimenuitemlabel {
    padding: 2px 2px 5px 2px;
    color:#797B48;
    text-decoration:none;
    cursor:default;
}

.yui-skin-sam #yproducts li.yuimenuitem {

    /*
        For IE 7 Quirks and IE 6 Strict Mode and Quirks Mode:
        Used to collapse superfluous white space between <li>
        elements that is triggered by the "display" property of the
        <a> elements being set to "block."
    */

    _border-bottom: solid 1px #336699;

}


/* Define a new style for a MenuItem instance's "selected" state. */

.yui-skin-sam .yuimenuitem-selected {

    background-color: #797B48;

}

.yui-skin-sam .yuimenuitemlabel-selected {

    color: #000000;
}
 //--------------------------
#mainPromotion
{
    width: 400px !important;
    height: 300px !important;
}

#promotion2
{
    width: 125px !important;
    height: 125px !important;
}

.alert
{
    color: #CC0033;
    font-weight: normal;
    text-decoration: underline;
}

.alert:hover
{
    color: #CC0033;
    font-weight: bold;
    text-decoration: underline;
}
// -------------- Start Carousel -------------
.yui-carousel-element li {
    height: 158px;
}

#container {
    font-size: 13px;
}

#container a {
    text-decoration: none;
}

#container .intro {
    display: inline;
    float: left;
    margin: 0px 14px 0px 4px;
    width: 202px;
}

#container .item {
    display: inline;
    float: left;
    margin: 0 22px 0 12px;
    overflow: hidden;
    padding-right: 80px;
    width: 106px;
}

#container .item .authimg {
    bottom: 2px;
    margin-left: 61px;
    position: absolute;
    z-index: 1;
}

#container .item h3 {
    line-height: 85%;
    margin-top: 4px;
}

#container .item h3 a {
    font: 77% Arial, sans-serif;
    position: relative;
    text-transform: uppercase;
    z-index: 2;
}

#container .item h3 a:link {
    color:#35a235;
}

#container .item h4 {
    margin-top:5px;
}

#container .item h4 a {
    font: 100% Georgia, Times, serif;
    position: relative;
    z-index:2;
}

#container .item h4 a:link {
    color:#00639b;
}

#container .item cite {
    color: #888;
    display: block;
    font-size: 77%;
    line-height: normal;
    margin-bottom: 30px;
}

#container .item p.all {
    bottom: 25px;
    position: absolute;
    z-index: 2;
}

#container .item p.all a {
    font-weight: bold;
    font-size: 85%;
}

.horizontalMenuBar {
    width: 100%;
    margin: 5px 0px 5px 0px;
}

.horizontalMenuBarCell {
    vertical-align: top;
    text-align: center;
}

.currentCategory {
    border: none #000000;
    color:black;
    padding:0px 8px 0px 8px;
}

.siblingCategories {
    border:none;
    float:left;
    padding:0px 8px 0px 8px;
    text-decoration: underline;
}

.shopByPriceHeader{
    font-size: 14px;
    font-weight: bold;
}

// ---------------- Chroma Components --------------

#component_Menu
{
    margin:  10px 0px 10px 0px;
    padding:  0px 0px 0px 0px;
}

#pagePromotion {
    position: relative;
    margin:  0px 0px 0px 0px;
    padding:  0px 0px 0px 0px;
}

#promotionImage {
    margin:  0px 0px 0px 0px;
    padding:  0px 0px 0px 0px;
}

#defaultPagePromotion {
    overflow: hidden;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#component_8 {
    width: 836px;
    position: relative;
    margin:  0px 0px 0px 0px;
    padding:  0px 0px 0px 0px;
}

#policies
{
    vertical-align : bottom;
    position: relative;
    /* left: 180px; */
    text-align: center;
    margin:  0px 0px 0px 0px;
    padding:  7px 0px 7px 0px;
    font-size: 12px;
    font-weight: 500;
}

#footer
{
    position: relative;
    top: 25px;
    text-align: center;
    margin:  0px 0px 0px 0px;
    padding:  0px 0px 0px 0px;
    color: #000000;
    font-size: 12px;
    font-weight: 500;
}

#zoomLink
{
    text-decoration: none;
}