* {
    margin: 0;
    padding: 0;
}

html {
    box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: inherit;
}

.clear {
    clear: both;
}

a {
    color: #000;
}

@font-face {
    font-family: Avalon;
    src: local("Avalon"), 
         url("/css/Fonts/Avalon/Avalon-Medium-webfont.eot?iefix") format('embedded-opentype'), 
         url("/css/Fonts/Avalon/Avalon-Medium-webfont.woff2") format('woff2'), 
         url("/css/Fonts/Avalon/Avalon-Medium-webfont.woff") format('woff'), 
         url("/css/Fonts/Avalon/Avalon-Medium-webfont.ttf") format('truetype'), 
         url("/css/Fonts/Avalon/Avalon-Medium-webfont.svg") format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Avalon;
    src: local("Avalon"), 
         url("/css/Fonts/Avalon/Avalon-MediumOblique-webfont.eot?iefix") format('embedded-opentype'), 
         url("/css/Fonts/Avalon/Avalon-MediumOblique-webfont.woff2") format('woff2'), 
         url("/css/Fonts/Avalon/Avalon-MediumOblique-webfont.woff") format('woff'), 
         url("/css/Fonts/Avalon/Avalon-MediumOblique-webfont.ttf") format('truetype'), 
         url("/css/Fonts/Avalon/Avalon-MediumOblique-webfont.svg") format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: Avalon;
    src: local("Avalon"), 
         url("/css/Fonts/Avalon/Avalon-Demi-webfont.eot?iefix") format('embedded-opentype'), 
         url("/css/Fonts/Avalon/Avalon-Demi-webfont.woff2") format('woff2'), 
         url("/css/Fonts/Avalon/Avalon-Demi-webfont.woff") format('woff'), 
         url("/css/Fonts/Avalon/Avalon-Demi-webfont.ttf") format('truetype'), 
         url("/css/Fonts/Avalon/Avalon-Demi-webfont.svg") format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: Avalon;
    src: local("Avalon"), 
         url("/css/Fonts/Avalon/Avalon-DemiOblique-webfont.eot?iefix") format('embedded-opentype'), 
         url("/css/Fonts/Avalon/Avalon-DemiOblique-webfont.woff2") format('woff2'), 
         url("/css/Fonts/Avalon/Avalon-DemiOblique-webfont.woff") format('woff'), 
         url("/css/Fonts/Avalon/Avalon-DemiOblique-webfont.ttf") format('truetype'), 
         url("/css/Fonts/Avalon/Avalon-DemiOblique-webfont.svg") format('svg');
    font-weight: bold;
    font-style: italic;
}

body {
    font-family: Avalon, Arial,sans-serif;
    font-size: 13px;
}

input {
    font-family: Avalon, Arial, sans-serif;
}

div.content {
    width: 640px;
    min-height: 485px;
    margin: auto;
}

div.shopContent {
    min-height: 485px;
}

div.navTrail {
    font-size: 11px;
}

a.navTrail,
a.browseTrailHome,
a.browseTrailLink {
    font-size: 12px;
    text-decoration: none;
}

    a.navTrail:hover,
    a.browseTrailHome:hover,
    a.browseTrailLink:hover {
        text-decoration: underline;
    }

#browseTrail {
    font-size: 11px;
}

/*Fix for IE9 homepages*/
#homepageDiv img {
    border: none;
}

/*#region Trademarks*/
#prodPicText_heading span.tm,
#prodPicText_heading span.rtm {
    font-size: 13px;
    display: inline-block;
    position: relative;
    top: -7px;
}

#prodPicText_heading span.afterCapital span.rtm {
    top: -10px;
}

#prodPicText_heading span.tm {
    top: -5px;
}

span.tm,
span.rtm {
    font-size: 11px;
    display: inline-block;
    position: relative;
    top: -3px;
}

div.productGrid span.tm,
div.productGrid span.rtm {
    top: -3px;
}
/*#endregion*/

/*#region Static Page Controls*/
div.imageCaptionGroup.style1 div.text {
    width: 475px !important;
}
/*#endregion*/

/*#region Cart*/
td.gridHeaderLeft,
td.gridHeader,
td.gridHeaderRight {
    padding: 3px;
}

td.gridHeaderLeft,
td.gridHeader {
    border-right: 1px solid #fff;
}

td.gridItemLeft {
    border-top: 1px solid #000;
    padding: 3px;
}

td.gridItem {
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    padding: 3px;
}

tr.gridFooter td,
td.gridFooter {
    border-top: 1px solid #000;
}
/*#endregion*/

.ui-widget {
    font-size: 11px;
    font-family: Avalon, Arial, sans-serif;
}

div.uiPageHeader {
    font-weight: bold;
    font-size: 19px;
    padding-top: 4px;
}

div.shopContent div.uiPageHeader {
    font-size: 23px;
}

div.rule {
    height: 1px;
    width: 771px;
    background-color: #999;
    margin-bottom: 10px;
    clear: both;
}

td.ProductIndexInactiveLetter {
    color: #aaa;
    width: 20px;
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
}

td.ProductIndexActiveLetter {
    width: 20px;
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
}

select {
    font-family: Avalon, Arial,sans-serif;
}

#ddlState {
    width: 45px;
}

#tbZip {
    width: 45px;
}

#tbMessage {
    font-family: Avalon, Arial,sans-serif;
    font-size: 13px;
}

table.SubTitle {
    height: 25px;
}

td.SubTitleLeft, td.SubTitleLine, td.SubTitleRight {
    background-color: #fff;
    color: #000;
    font-size: 16px;
    font-weight: bold;
}

img[usemap], map area {
    outline: none;
}

@media (min-width:1260px) {
    body {
        font-size: 15px;
    }

    div.content {
        width: 720px;
    }

    td.ProductIndexInactiveLetter,
    td.ProductIndexActiveLetter {
        width: 22px;
        font-size: 18px;
    }

    td.SubTitleLeft, td.SubTitleLine, td.SubTitleRight {
        font-size: 18px;
    }
}