/*
Theme Name: Laughing Elephant
Theme URI: http://mattifesto.com/
Description: A  theme for http://laughingelephant.com
Author: Matt Calkins
Author URI: http://mattifesto.com
Template: Base
Version: 3.3.3
*/

/* --- Colors -----------------------------------------------------

accentBackgroundColor   #ebd4b6
accentBorderColor       #d5bfa3
accentTextColor         #332211
anchorColor             #831915
headingAnchorColor      #831915
htmlBackgroundColor     #eeeeee
htmlTextColor           #1a110b
infoTextColor           #888888

*/

/* --- Fonts ------------------------------------------------------

monospaceFont           "Courier New", monospace
serifFont               Georgia, serif
sansSerifFont           "Helvetica Neue", Helvetica, Arial, sans-serif

*/

code,
pre
{
    font-family: "Courier New", monospace; /* name: monospaceFont */
    font-weight: bold;
}

#pageHeader h1,
#pageHeader div.Description
{
    font-family: Georgia, serif; /* name: serifFont */
}

/* --- Elements --------------------------------------------------- */

html
{
    background-color: #eeeeee; /* name: htmlBackgroundColor */
    background-image: url('images/ArgyleBackgroundWide.jpg');
    background-position: top center;
    color: #1a110b; /* name: htmlTextColor */
    font-family: Georgia, serif; /* name: serifFont */
}

a
{
    color: #831915; /* name: anchorColor */
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

button,
a.Button
{
    height: 20px;
    background-color: #ebd4b6;
    border: 1px solid #d5bfa3;
    border-radius: 5px;
    color: #1a110b;
    font-family: Georgia, serif;
    font-size: 11px;
    padding: 0px 10px;

    -moz-transition: opacity 0.5s linear;
    -o-transition: opacity 0.5s linear;
    -webkit-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear;
}

a.Button
{
    padding: 3px 10px;
    text-decoration: none;
}

button:enabled:hover,
a.Button:hover
{
    border-color: #ac977c;
}

button:disabled
{
    opacity: 0.4;
}

h1,
h2,
h3
{
    font-weight: normal;
}

input[type=text],
textarea
{
    border: 1px solid #d5bfa3; /* name: accentBorderColor */
    font-size: 14px;
    padding: 4px;
}

input[type=text]:focus,
textarea:focus
{
    background-color: #ffffee;
    outline: 0px; /* hide browser form element highlight */
}

/* --- div.MDArticleMeta ------------------------------------------ */

div.MDArticleMeta
{
    color: #888888; /* name: infoTextColor */
    font-size: 14px;
    margin: 3px 0px 5px;
}

div.MDArticleAddress
{
    margin-bottom: 4px;
}

div.MDArticleAddress:before
{
    content: 'Author: ';
}

div.MDArticleTime
{
    font-style: italic;
}

/* --- div.MDCollection ------------------------------------------- */

div.MDCollection
{
    overflow: hidden; /* Often contains floated elements */
    width: 770px;
    /*
    770px fits two, three, or four columns with 10px gutter
    185 + 10 + 185 + 10 + 185 + 10 + 185
    250 + 10 + 250 + 10 + 250
    380 + 10 + 380
    */
    margin: 0px auto; /* Because this object is so often used to center its contents, it makes sense to make centering the default; */
}

/* --- div.MDFigureContainer -------------------------------------- */

div.MDFigureContainer *.MDFigure
{
    border: 2px solid #d5bfa3; /* name: accentBorderColor */
}

div.MDFigureCaption
{
    color: #332211; /* name: accentTextColor */
    font-size: 12px;
    font-style: italic;
    line-height: 1.4;
    margin: 3px auto 0px;
}

/* --- div.MDLinkContainer ---------------------------------------- */

div.MDLinkContainer
{
    width: 280px;
    height: 80px;
    background-image: url('images/MessageBackground.png');
    clear: both;
    font-size: 16px;
    margin: 20px auto 0px;
    padding: 20px;
}

div.MDLinkContainer > div.MDBody > a
{
    text-decoration: none;
}

div.MDLinkContainer  > div.MDBody > a:hover
{
    text-decoration: underline;
}

div.MDLinkContainer > div.MDHeader
{
    font-size: 14px;
    font-style: italic;
    margin: 0px 0px 15px;
}

div.MDLinkContainer > div.MDHeader:before
{
    content: 'link';
}

/* --- div.MDList ------------------------------------------------- */

div.MDList + div.MDList
{
    margin-left: 10px;
}

div.MDList h6
{
    margin-bottom: 5px;
}

div.MDList ul
{
    list-style-type: none;
    padding: 0px;
}

div.MDList li
{
    margin-bottom: 3px;
}

/* --- Spinner ---------------------------------------------------- */

div.Spinner
{
    background-image: url('images/spinner.gif');
    height: 16px;
    width: 16px;
}

/* --- div.MDMessage ---------------------------------------------- */

div.MDMessage
{
    width: 280px;
    height: 80px;
    background-image: url('images/MessageBackground.png');
    font-size: 16px;
    margin: 0px auto 20px;
    padding: 20px;
    text-align: center;
}

div.MDMessage > div.MDHeader
{
    font-size: 14px;
    font-style: italic;
    margin: 0px 0px 15px;
}

/* --- div.MDPageNavigation --------------------------------------- */

div.MDPageNavigation
{
    text-align: center;
}

div.MDPageNavigation > * + *
{
    margin-left: 15px;
}

div.MDPageNavigation > span > span
{
    font-weight: bold;
}

/* --- *.MDTitlePhrase -------------------------------------------- */

*.MDTitlePhrase > span.MDPreTitle,
*.MDTitlePhrase > span.MDPostTitle
{
    display: block;
    font-family: Georgia, serif; /* name: serifFont */
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
}

/* --- div.MDSearchForm ------------------------------------------- */

div.MDSearchForm button,
div.MDSearchForm label > span
{
    display: none;
}

div.MDSearchForm input[type=text]
{
    width: 250px;
}

div.MDSearchForm input[type=text].MDEmpty
{
    color: #888888; /* name: infoTextColor */
    text-align: center;
}

/* --- #page ------------------------------------------------------ */

#page
{
    width: 1050px;
    margin: 0px auto;
}

/* --- #pageHeader ------------------------------------------------ */

#pageHeader > div.Header
{
    height: 35px;
    background-image: url('images/HeaderHeader.png');
}

#pageHeader > div.Content
{
    position: relative;
    height: 240px;
    background-image: url('images/HeaderCenter.jpg');
    background-position: 35px 0px;
    background-repeat: no-repeat;
}

body.EuropeLondon #pageHeader > div.Content
{
    background-image: url('images/HeaderCenterUK.jpg');
}

#pageHeader > div.Content > div.Left
{
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 35px;
    background-image: url('images/HeaderLeft.png');
}

#pageHeader > div.Content > div.Right
{
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 35px;
    background-image: url('images/HeaderRight.png');
}

body.EuropeLondon #pageHeader > div.Content > div.Right
{
    background-image: url('images/HeaderRightUK.png');
}

#pageHeader a
{
    color: #222;
}

#pageHeader span.MDSiteName,
#pageHeader div.MDSiteDescription
{
    display: none;
}

#pageHeader h1 a
{
    position: absolute;
    bottom: 40px;
    left: 40px;
    height: 180px;
    width: 540px;
}

#pageHeader ul.LEHeaderMenu
{
    font-size: 14px;
    font-variant: small-caps;
    letter-spacing: 1px;
    padding: 0px;
}

#pageHeader ul.LEHeaderMenu > li
{
    display: inline;
}

#pageHeader ul.LEHeaderMenu > li + li
{
    margin-left: 20px;
}

#pageHeader ul.LEHeaderMenu.LETopLeft
{
    position: absolute;
    top: -3px;
    left: 50px;
}

#pageHeader ul.LEHeaderMenu.LETopRight
{
    position: absolute;
    top: -3px;
    right: 50px;
}

#pageHeader ul.LEHeaderMenu.LEBottomLeft
{
    position: absolute;
    bottom: 7px;
    left: 50px;
    width: 950px; /* safari incorrectly restricts the natural width */
}

#pageHeader ul.LEHeaderMenu.LEBottomRight
{
    position: absolute;
    bottom: 7px;
    right: 50px;
}

#pageHeader ul.LEPullDownMenu li li a
{
    color: #eeeeee;
}

#pageHeader ul.LEPullDownMenu ul
{
    padding: 0px;
    z-index: 1;
}

#pageHeader ul.LEPullDownMenu ul li.header
{
    height: 10px;
    background-image: url("images/MenuBackground.T.png");
}

#pageHeader ul.LEPullDownMenu ul li
{
    background-image: url("images/MenuBackground.M.png");
    padding: 0px 15px 6px;
}

#pageHeader ul.LEPullDownMenu ul li.footer
{
    height: 10px;
    background-image: url("images/MenuBackground.B.png");
    background-position: bottom left;
}

#pageHeader div.MDSearchForm
{
    position: absolute;
    top: 25px;
    right: 40px;
}

#headerCarlLink
{
    display: block;
    position: absolute;
    bottom: 30px;
    right: 25px;
    height: 115px;
    width: 220px;
}

#headerCarlLink > span
{
    display: none;
}

/* --- #pageContent ----------------------------------------------- */

#pageContent > div.Content
{
    position: relative; /* So that left and right content background images will be placed correctly and to anchor absolutely positioned content. */
    background-image: url('images/PageBackground.M.png');
    background-repeat: repeat-y;
    padding: 20px 50px;
}

/* --- div.WPPostSummary ------------------------------------------ */

div.WPPostSummary
{
    width: 300px; /* 300 + 15 + 300 + 15 + 300 = 930 */
    float: left;
    margin: 0px 0px 20px 15px;
}

div.WPPostSummary.NewRow
{
    clear: both;
    margin-left: 0px;
}

div.WPPostSummary h3
{
    line-height: 1.1;
}

div.WPPostSummary div.MDArticleAddress
{
    display: none;
}

div.WPPostSummary *.Thumbnail
{
    float: left;
    margin: 4px 10px 5px 0px;
}

div.WPPostSummary > div.Content
{
    line-height: 1.5;
}

/* --- #comments -------------------------------------------------- */

#comments
{
    margin: 40px 0px 0px; /* space from bottom of document */
}

/* --- div.WPComment ---------------------------------------------- */

div.WPComment
{
    width: 600px;
    border: 1px solid #d5bfa3; /* name: accentBorderColor */
    margin: 0px auto 25px;
    padding: 5px;
}

div.WPComment > div.Header
{
    overflow: hidden; /* comment number is floated */
    border-style: solid;
    border-color: #ebd4b6; /* name: accentBackgroundColor */
    border-width: 4px 4px 0px;
    padding: 3px 10px 15px 10px;
}

div.WPComment > div.Header div.MDCommentNumber
{
    float: right;
    font-size: 140%;
    font-weight: bold;
}

div.WPComment > div.Header div.MDArticleAddress,
div.WPComment > div.Header div.MDArticleTime
{
    color: #888888; /* name: infoTextColor */
}

div.WPComment > div.Content
{
    overflow: hidden; /* The theme is not in control of the content that will be inside this section. */
    border-style: solid;
    border-color: #ebd4b6; /* name: accentBackgroundColor */
    border-width: 0px 4px;
    padding: 0px 20px;
}

div.WPComment > div.Footer
{
    border-style: solid;
    border-color: #ebd4b6; /* name: accentBackgroundColor */
    border-width: 0px 4px 4px;
    padding: 5px 10px;
    text-align: right;
}

/* --- #commentForm ----------------------------------------------- */

#commentForm
{
    width: 600px;
    border: 1px solid #d5bfa3; /* name: accentBorderColor */
    margin: 0px auto;
    padding: 5px;
}

#commentForm > div.Header
{
    border-style: solid;
    border-color: #ebd4b6; /* name: accentBackgroundColor */
    border-width: 4px 4px 0px;
    padding: 10px;
    text-align: center;
}

#commentForm > div.Content
{
    border-style: solid;
    border-color: #ebd4b6; /* name: accentBackgroundColor */
    border-width: 0px 4px;
    padding: 20px 10px 5px;
}

#commentForm > div.Footer
{
    border-style: solid;
    border-color: #ebd4b6; /* name: accentBackgroundColor */
    border-width: 0px 4px 4px;
    padding: 5px 10px 10px;
    text-align: right;
}

#commentForm > div.Header h6 + div
{
    margin-top: 10px;
}

#commentForm > div.Content > div + div
{
    margin-top: 10px;
}

#commentForm label
{
    display: block;
    margin-bottom: 2px;
}

#commentForm input[type=text]
{
    width: 400px;
}

#commentForm textarea
{
    width: 100%;
    height: 200px;
}

/* --- #pageFooter ------------------------------------------------ */

#pageFooter > div.Content
{
    position: relative; /* Allow for positioning of left and right background images. */
    height: 220px;
    background-image: url('images/FooterCenter.jpg');
    background-position: 35px 0px;
    background-repeat: no-repeat;
    padding: 20px 90px 0px;
}

#pageFooter > div.Content > div.Left
{
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 35px;
    background-image: url('images/FooterLeft.png');
}

#pageFooter > div.Content > div.Right
{
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 35px;
    background-image: url('images/FooterRight.png');
}

#pageFooter div.LEFooterMenu
{
    width: 185px;
    float: left;
}

#pageFooter div.LEFooterMenu > h6
{
    font-size: 18px;
    font-weight: normal;
}

#pageFooter div.LEFooterMenu > ul
{
    list-style-type: none;
    padding: 0px;
}

#pageFooter > div.Footer
{
    height: 35px;
    background-image: url('images/FooterFooter.png');
}

#pageFooter a
{
    color: #eeeeee;
}

#pageFooter div.LEAbout
{
    overflow: hidden; /* next to floated items, should wrap under */
    line-height: 1.6;
    padding-left: 10px;
}

#pageFooter div.LEAbout span.LESpecial
{
    color: #eeeeee;
    font-size: 110%;
    letter-spacing: 1px;
    text-transform: uppercase;
}

#pageFooter div.MDList
{
    width: 185px;
    float: left;
}

#pageFooter div.MDCopyright
{
    position: relative;
    top: -10px;
    font-size: 12px;
    text-align: center;
}

/* --- div.FormattedContent --------------------------------------- */

div.FormattedContent
{
    font-size: 18px;
}

div.FormattedContent h1
{
    font-size: 28px;
}

div.FormattedContent h2
{
    font-size: 26px;
}

div.FormattedContent h3
{
    font-size: 24px;
}

div.FormattedContent h4
{
    font-size: 22px;
}

div.FormattedContent h5
{
    font-size: 20px;
}

div.FormattedContent h6
{
    font-size: 18px;
}

div.FormattedContent h1,
div.FormattedContent h2,
div.FormattedContent h3,
div.FormattedContent h4,
div.FormattedContent h5,
div.FormattedContent h6,
div.FormattedContent p
{
    margin-bottom: 10px;
}

div.FormattedContent p + h1,
div.FormattedContent p + h2,
div.FormattedContent p + h3,
div.FormattedContent p + h4,
div.FormattedContent p + h5,
div.FormattedContent p + h6
{
    margin-top: 20px;
}

div.FormattedContent blockquote,
div.FormattedContent dd,
div.FormattedContent li,
div.FormattedContent p,
div.FormattedContent pre,
div.FormattedContent td,
div.FormattedContent th
{
    line-height: 1.6;
}

/* these blocks should never be the first block of content, therefore it's okay to give them a top margin at all times */

div.FormattedContent blockquote,
div.FormattedContent dl,
div.FormattedContent ol,
div.FormattedContent pre,
div.FormattedContent table,
div.FormattedContent ul
{
    margin: 20px 40px;
}

div.FormattedContent *:last-child
{
    margin-bottom: 0px;
}

div.FormattedContent a
{
    text-decoration: underline;
}

div.FormattedContent blockquote
{
    color: #332211; /* name: accentTextColor */
    font-size: 14px;
    font-style: italic;
}

div.FormattedContent code
{
    color: #332211; /* name: accentTextColor */
    font-size: 14px;
    font-weight: bold;
}

div.FormattedContent dd
{
    font-size: 16px;
}

div.FormattedContent dt
{
    color: #332211; /* name: accentTextColor */
    font-weight: bold;
    margin-bottom: 10px;
}

div.FormattedContent dt a
{
    text-decoration: none;
}

div.FormattedContent dt a:hover
{
    text-decoration: underline;
}

div.FormattedContent dd + dd
{
    margin-top: 10px;
}

div.FormattedContent dd + dt
{
    margin-top: 20px;
}

div.FormattedContent hr
{
    height: 25px;
    background-image: url('images/hr.png');
    background-repeat: no-repeat;
    background-position: center center;
    border-width: 0px;
    margin: 20px 40px;
}

div.FormattedContent pre
{
    color: #332211; /* name: accentTextColor */
    font-size: 14px;
}

div.FormattedContent table
{
    border-collapse: collapse;
    font-size: 14px;
    margin: 20px auto;
}

div.FormattedContent th
{
    color: #332211; /* name: accentTextColor */
}

div.FormattedContent tr
{
    vertical-align: baseline;
}

div.FormattedContent tr > *
{
    padding: 5px 15px 3px;
}

div.FormattedContent thead > tr:last-child > *
{
    border-bottom: 1px solid #d5bfa3; /* name: accentBorderColor */
    padding-bottom: 0px;
}

div.FormattedContent tfoot > tr:first-child > *
{
    border-top: 1px solid #d5bfa3; /* name: accentBorderColor */
}

/* --- #document -------------------------------------------------- */

#document
{
    position: relative; /* Absolutely positioned items inside the document should be positioned relative to the document. */
    margin: 0px auto;
    padding: 0px 0px 20px;
}

#document > div.Header
{
    padding: 0px 25px 15px;
    text-align: center;
}

#document > div.Content
{
    overflow: hidden; /* The theme is not in control of the content that will be inside this section. */
}

body.FrontPage #document > div.Header > h2
{
    display: none;
}

/* --- #document.WPArchivesPage ----------------------------------- */

#document.WPArchivesPage ul
{
    overflow: hidden; /* list items are floated */
    list-style-type: none;
    margin-left: 0px;
    margin-right: 0px;
    padding: 0px;
}

#document.WPArchivesPage li
{
    width: 185px;
    float: left;
    line-height: 1.0;
    margin: 0px 0px 10px 10px;
}

#document.WPArchivesPage li.MDNewRow
{
    clear: both;
    margin-left: 0px;
}

#document.WPArchivesPage li a
{
    text-decoration: none;
}

#document.WPArchivesPage li a:hover
{
    text-decoration: underline;
}

#document.WPArchivesPage li span
{
    display: block;
    color: #888888; /* name: infoTextColor */
    font-size: 10px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; /* name: sansSerifFont */
    font-weight: bold;
    margin-top: 1px;
    text-transform: uppercase;
}

/* --- #document.WPBasicPost #document.WPBasicPage ---------------- */

#document.WPBasicPost,
#document.WPBasicPage
{
    font-family: Palatino, "Palatino Linotype", serif;
    width: 720px;
}

#document.WPBasicPost > div.Header,
#document.WPBasicPage > div.Header
{
    overflow: hidden; /* insurance for background image */
    background-image: url('images/DocumentBackgroundHeader.png');
    padding: 40px 60px 0px;
}

#document.WPBasicPost > div.Content,
#document.WPBasicPage > div.Content
{
    background-image: url('images/DocumentBackgroundBody.png');
    background-repeat: repeat-y;
    padding: 20px 60px 0px;
}

#document.WPBasicPost > div.Footer,
#document.WPBasicPage > div.Footer
{
    overflow: hidden; /* insurance for background image */
    background-image: url('images/DocumentBackgroundFooter.png');
    background-position: left bottom;
    padding: 0px 60px 45px;
}

#document.WPBasicPost > div.Header h2,
#document.WPBasicPage > div.Header h2
{
    width: 350px;
    height: 60px;
    font-size: 24px;
    margin: 0px auto 15px;
    overflow: hidden;
}

#document.WPBasicPost > div.Header div.MDArticleMeta,
#document.WPBasicPage > div.Header div.MDArticleMeta
{
    text-align: left;
}

#document.WPBasicPost > div.Footer div.Categories,
#document.WPBasicPost > div.Footer div.Tags
{
    display: none;
}

/* --- #document.WPDynamicPage ------------------------------------ */

#document.WPDynamicPage
{
    width: 800px;
    margin: 0px auto;
}

/* --- #document.WPPostSummaryList -------------------------------- */

#document.WPPostSummaryList > div.Header > h2 > span.Title
{
    display: block;
    margin-bottom: 2px;
}

#document.WPPostSummaryList > div.Content
{
    margin-bottom: 50px;
}

#document.WPPostSummaryList > div.Content > div.MDCollection
{
    width: 930px;
}

#document.WPPostSummaryList > div.Footer > div.MDCollection
{
    width: 800px;
    border-top: 3px solid #d5bfa3; /* name: accentBorderColor */
    padding: 5px 15px 0px; /* Internal width will be 770px */
}

/* --- #document.WPSearch ----------------------------------------- */

#document.WPSearch div.MDSearchForm
{
    margin: 0px 0px 10px;
    text-align: center;
}

/* --- #document.LEShoppingCart ----------------------------------- */

#document.LEShoppingCart > div.Content a
{
    text-decoration: none;
}

#document.LEShoppingCart > div.Content a:hover
{
    text-decoration: underline;
}

#document.LEShoppingCart td.SCItemProductCode,
#document.LEShoppingCart td.SCItemQuantity,
#document.LEShoppingCart td.SCItemPrice,
#document.LEShoppingCart td.SCItemTotal
{
    font-family: "Courier New", monospace; /* name: monospaceFont */
    font-weight: bold;
}

#document.LEShoppingCart *.SCItemQuantity,
#document.LEShoppingCart *.SCItemPrice,
#document.LEShoppingCart *.SCItemTotal
{
    text-align: right;
}
/* --- div.LEProductPostSummary ----------------------------------- */

div.LEProductPostSummary div.SCProductImageSmall
{
    float: left;
    margin-right: 10px;
    text-align: center;
}

div.LEProductPostSummary div.SCProductImageSmall img
{
    -ms-interpolation-mode: bicubic;
}

div.LEProductPostSummary div.SCProductImageSmall.SCProductImagePlaceHolder span
{
    border-style: solid;
    border-color: #d5bfa3;
}

/* --- div.SCItem ------------------------------------------------- */

*.SCItem.SCItemErrorHasInvalidQuantity span.SCItemQuantity,
*.SCItem.SCItemErrorHasInvalidQuantity *.SCItemTransitoryMessages
{
    color: #C00;
}

/* --- div.LEProductExcerpt --------------------------------------- */

div.LEProductExcerpt
{
    overflow: hidden; /* This block is next to a floating image and if the content flows past the bottom of the image it shouldn't wrap beneath the image. */
    border: 1px solid #d5bfa3;
    margin: 0px 0px 15px 0px;
    padding: 0px 0px 5px;
    text-align: center;
}

div.LEProductExcerpt h3
{
    border-bottom: 1px solid #d5bfa3;
    font-size: 14px;
    font-weight: normal;
    line-height: 16px;
    padding: 10px 5px;
}

div.LEProductExcerpt h3 a
{
    text-decoration: none;
}

div.LEProductExcerpt h3 a:hover
{
    text-decoration: underline;
}

div.LEProductExcerpt small
{
    font-size: 10px;
}

div.LEProductExcerpt span.SCItemPrice,
div.LEProductExcerpt span.SCItemProductCode,
div.LEProductExcerpt span.SCItemQuantity,
div.LEProductExcerpt span.SCQuantityAddend,
div.LEProductExcerpt span.SCQuantitySubtrahend
{
    font-family: "Courier New", monospace; /* name: monospaceFont */
    font-weight: bold;
}

div.LEProductExcerpt span.SCItemProductCode
{
    font-size: 12px;
}

div.LEProductExcerpt span.SCItemPrice
{
    font-size: 14px;
    margin-bottom: 10px;
}

div.LEProductExcerpt a.SCAction
{
    display: inline-block;
    height: 50px;
    width: 50px;
    background-color: transparent;
    background-image: url('images/UpDownButtons.png');
    border-width: 0px;
    color: #ac977c;
    cursor: pointer;
    margin: 5px auto;
    text-decoration: none;
}

div.LEProductExcerpt a.SCAction span.Text
{
    display: block;
    font-size: 7px;
    margin: 0px 0px -4px;
    padding: 15px 0px 0px;
    text-transform: uppercase;
}

div.LEProductExcerpt a.SCAction span.Number
{
    font-size: 20px;
}

div.LEProductExcerpt a.SCAction.SCActionDecreaseItemQuantity
{
    background-position: 50px 0px;
}

div.LEProductExcerpt a.SCAction.SCActionDecreaseItemQuantity:hover
{
    background-position: 50px 50px;
}

div.LEProductExcerpt a.SCAction.SCActionIncreaseItemQuantity:hover
{
    background-position: 0px 50px;
}

/* --- #document.LEProductPost ------------------------------------ */

#document.LEProductPost
{
    width: 900px;
}

#document.LEProductPost div.SCProductImageLarge
{
    float: left;
    margin-right: 10px;
    text-align: center;
}

#document.LEProductPost div.SCProductImageLarge img
{
    -ms-interpolation-mode: bicubic;
}

#document.LEProductPost div.SCProductImageLarge.SCProductImagePlaceHolder span
{
    border-style: solid;
    border-color: #d5bfa3;
}

#document.LEProductPost > div.Content
{
    margin-bottom: 50px;
}

#document.LEProductPost > div.Footer > div.MDCollection
{
    width: 410px; /* 200 + 10 + 200 */
    border-top: 3px solid #d5bfa3; /* name: accentBorderColor */
    padding: 5px 50px 0px;
}

#document.LEProductPost > div.Footer div.MDList
{
    width: 200px;
    float: left;
}

/* --- div.LEProductContent --------------------------------------- */

div.LEProductContent
{
    overflow: hidden; /* This is next to a floating image and we want it to maintain its width if it flows past the bottom of the image. */
    max-width: none;
    border-style: solid;
    border-color: #d5bfa3;
    margin-left: 0px;
}

div.LEProductContent > div.Header
{
    border-bottom: 1px solid #d5bfa3;
    padding: 5px 0px 0px;
    text-align: center;
}

div.LEProductContent > div.Content
{
    padding: 25px;
}

div.LEProductContent div.SCItemPriceWrapper
{
    text-align: center;
}

div.LEProductContent span.SCItemPrice,
div.LEProductContent span.SCItemProductCode,
div.LEProductContent span.SCItemQuantity,
div.LEProductContent span.SCQuantityAddend,
div.LEProductContent span.SCQuantitySubtrahend
{
    font-family: "Courier New", monospace; /* name: monospaceFont */
    font-weight: bold;
}

div.LEProductContent > div.Content table
{
    margin: 15px 0px; /* overriding default MDFormattedContent style */
}

div.LEProductContent h3.SCItemProductCode
{
    font-size: 18px;
    text-align: center;
}

div.LEProductContent div.SCQuantityControl
{
    text-align: center;
    margin-bottom: 20px;
}

div.LEProductContent div.SCQuantityButtons
{
    margin-bottom: -10px;
}

div.LEProductContent button.SCAction
{
    width: 80px;
    margin-top: 15px;
}

div.LEProductContent span.SCItemQuantity
{
    font-size: 48px;
    margin: 0px 20px;
    vertical-align: middle;
}