/* CSS Document */
@font-face {
    font-family: 'Comic Neue Angular';
    font-weight: 300;
    src: local('Comic Neue Angular Light'), url('/r2015_dist/fonts/ComicNeue-Angular-Light.woff') format('woff');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
    font-family: 'Comic Neue Angular';
    font-weight: 400;
    src: local('Comic Neue Angular Regular'), url('/r2015_dist/fonts/ComicNeue-Angular-Regular`.`woff') format('woff');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
    font-family: 'Comic Neue Angular';
    font-weight: 700;
    src: local('Comic Neue Angular Bold'), url('/r2015_dist/fonts/ComicNeue-Angular-Bold.woff') format('woff');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
    font-family: 'Comic Neue Angular';
    font-style: italic;
    font-weight: 400;
    src: local('Comic Neue Angular Oblique'), url('/r2015_dist/fonts/ComicNeue-Angular-Regular-Oblique.woff') format('woff');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
    font-family: 'Comic Neue Angular';
    font-style: italic;
    font-weight: 700;
    src: local('Comic Neue Angular Bold Oblique'), url('/r2015_dist/fonts/ComicNeue-Angular-Bold-Oblique.woff') format('woff');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
    font-family: 'Cabin';
    font-style: normal;
    font-weight: 400;
    src: local('Cabin Regular'), local('Cabin-Regular'), url(https://fonts.gstatic.com/s/cabin/v7/yQOMOX5hR0-6LTD879t-PQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
    font-family: 'Cabin';
    font-style: normal;
    font-weight: 700;
    src: local('Cabin Bold'), local('Cabin-Bold'), url(https://fonts.gstatic.com/s/cabin/v7/82B-3YlzWJm8zbCrVEmc_vesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

html, body {
    height: 100%;
    width: 100%;
    margin: 0;
}

body {
    font-family: "Cabin", sans-serif;
    font-weight: 400;
    color: #000;

    line-height: 1.5;
}
body > header {
    background: url(/Images/bgheader.gif) repeat-x top left;
    width: 100%;
    height: 168px;
    box-shadow: 0 0 7px;
}
body > header > div {
    position: relative;
    margin: 0 auto;
    height: 170px;
    overflow: hidden;
    font-family: "Comic Neue Angular", sans-serif;
    font-weight: 700;
}
body > header > div, #main_wrapper {
    /* width: 800px; */
    width:1000px;
}
body > header > div > * {
    position: absolute;
}
#head_logo {
    height: 168px;
    width: 220px;
    background: url(/Images/main_header/chew_chew_logo.png) no-repeat 10px 10px;
    background-size: 200px;
    cursor: pointer;
    left: 0;
}
#head_dog {
    background-size: 100% 100%;
    background-image: url(/Images/main_header/douglas.png);
    background-repeat: no-repeat;
    height: 168px;
    width: 168px;
    top: 5mm;
    right: 210px;
}
#head_trust {
    text-align: center;
    color: #CCC;
    width: 220px;
    text-shadow: 1px 1px 2px rgba(0,0,0,.2);
    left: 0;
    bottom: 7px;
}
#head_trust > span {
    color: #FDC070;
}
#head_chew {
    color: #FDC070;
    text-shadow: 1px 1px 2px rgba(0,0,0,.4);
    bottom: 20px;
    right: 20px;
}
#head_meals {
    font-family: "Comic Neue Angular", sans-serif;
    font-weight: 300;
    letter-spacing: .25rem;
    color: white;
    text-shadow: 1px 1px 3px rgba(0,0,0,.2);
    left: 270px;
    top: 24px;
}
#head_nav {
    right: 0;
    bottom: 10px;
}
#head_nav, #head_nav a {
    font-family: "Cabin", sans-serif;
    font-weight: 300;
    color: #FFF;
}
#head_nav a {
    padding: 10px;
    text-decoration: underline;
}
#head_nav a:hover {
    font-weight: 600;
    color: #EE5500;
}
#main_wrapper {
    position: relative;
    min-height: 870px;
    margin: 50px auto;
    overflow: auto;
}
.left_panel {
    position: absolute;
    width:200px;
    border-radius: 7px;
    background: #F18E00;
    padding:0 10px;
    text-align:center;
    top: 0;
    bottom: 0;
    left: 0;
}
#main_navbar {
    width: 200px;
    margin: 20px 0;
    text-align: left;
}
#main_navbar * {
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
}
#main_navbar a, #main_navbar div {
    height: 29px;
    background-color: #F18E00;
    border-bottom: 1px solid #F6B557;
    text-decoration: none;
    display: block;
}
#main_navbar a:hover, .cur_page {
    background-color: #FFC000 !important;
}
#main_navbar nav {
    height: 30px;
    box-shadow: 0 0 0 -3px rgba(0,0,0,.3);
}
#main_navbar img {
    position: absolute;
    left: 10px;
    top: 10px;
}
#main_navbar p {
    margin-top: 6px;
    padding-left: 30px;
    color: #FFF;
}
#main_navbar nav > a {
    border-left: 5px solid #F6B557;
}
#main_navbar nav > a:first-child {
    border-left-width: 0;
}
.left_panel_imgs > img {
    margin-bottom:10px;
}
.right_panel {
    width: 760px;
    float: right;
}
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}
body > footer {
    clear: both;
    color: #FFF;
    text-align: center;
    background: url(/Images/bgfooter.gif) repeat-x top left;
    padding: 20px 0 20px 0;
}
body > footer a {
    color:#ffffff;
    text-decoration:none;
}
body > footer a:hover {
    text-decoration: underline;
}
.backing_filler {
    text-align: center;
    background-color: #FAFAFA;
    box-shadow: inset 0 0 3px rgba(0,0,0,.1);
    padding: 0;
    margin: 0;
}
article.backing_filler {
    margin: 20px auto 0 auto;
    padding: 20px;
    width: 300px;
}
figure.backing_filler > * {
    box-shadow: 0 0 10px #000;
}
figure.backing_filler > div {
    overflow: auto;
}
.food_menu {
    width: 500px;
    margin: 20px auto;
    padding: 20px;
    background-color: #FAFAFA;
    box-shadow: inset 0 0 3px rgba(0,0,0,.1);
}
.food_menu__small-headers > section > h3 {
    margin-bottom: 4px;
}
.food_menu__small-headers > section > p {
    margin-top: 4px;
}
.food_menu figure {
    float: none;
    text-align: center;
}
.food_menu img {
    box-shadow: 1px 1px 13px rgba(0,0,0,.7);
    margin: 20px;
}
a.block-style {
    display: block;
    color: inherit;
    text-decoration: none;
}
a.block-style:hover { color: inherit }
.std_margin {
    margin: 20px;
}
.clearAll {
    clear: both
}
.clear_none {
    clear: none;
}
.no_float {
    float: none;
}
.float_left {
    float: left;
}
.float_right {
    float: right;
}
.clear_float_child {
    overflow: auto;
}
.no_margin {
    margin: 0;
}
.centre {
    margin: 0 auto;
}
.text_centre {
    text-align: center;
}
.text_left {
    text-align: left;
}
.text_right {
    text-align: right;
}
.req {
    color:#FF9600;
}
.item .req {
    color:#FF0000;
}
.shop-product-small .hideThis {
    display:none;
}
.shop-main {
    height: 100%
}
.cart-summary div {
    font-weight: 700;
    background:#F18E00;
    padding:2px 5px 2px 5px;
    color:#ffffff;
    text-align:right;
}
.productItem {
    vertical-align:top;
}
.productSmall td {
    vertical-align:top;
}
.relProd {
    border: 1px solid #cccccc;
    text-align: left;
    margin-top: 10px;
    padding: 10px;
}
#simplemodal-overlay {
    background-color:#000;
}
#simplemodal-container {
    padding: 16px;
    border: 8px solid #444;
    background-color: #333;
    color: #FFF;
}
.dialog_buttons {
    margin-top: 20px;
    box-sizing: content-box;
    text-align: center;
}
.dialog_buttons a {
    display: inline-block;
    margin-left: 20px;
    padding: 10px 20px;
    background: #CF6000;
    color: #FFF;
    text-decoration: none;
}
.dialog_buttons a:first-child {
    margin-left: 0;
}
.half { width: 50% }
.third { width: 33.3% }
.dialog_link {
    text-decoration: none;
    color: #FFF;
}
.prodSmall {
    border: 1px solid #cccccc;
    padding: 10px;
}
.prodImg {
    width: 200px;
    overflow: hidden;
    float: left;
}
.prodDes {
    width: 400px;
    margin-left: 15px;
    float: left;
}
.prodDes .productTextInput {
    width: 30px;
}
.prodDes  h5 {
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
}
.prodDes  .prodPrice {
    margin-bottom: 10px;
}
.catalogueitemdump {
    margin: 0;
    padding: 0;
    list-style: none;
}
.catalogueitemdump li {
    float:left;
    width:200px;
    border-bottom:1px solid #f98b1f;
    line-height:25px;
    margin:0 20px 0 0;
}
.catalogueitemdump a {
    text-decoration:none;
}
.click_href {
    cursor: pointer;
}
div.shop-checkout::before {
    content: "It looks like a lot to fill out, and we're very sorry about that. If you can, please soldier on! If you'd prefer to call however, we do take orders by phone! Call us at 02-9460-7111!";
    display: block;
    font-weight: bold;
    text-align: center;
    color: #F44;
    margin-bottom: 20px;
}
div.menu_break, div.menu_section_break {
    padding: 0;
    margin: 0 auto;
    text-align: center;
}
div.menu_break::after, div.menu_section_break::after {
    font-size: 10px;
    margin: 7px;
    display: inline-block;
}
div.menu_section_break::after {
    letter-spacing: 8px;
    content: "~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~";
}
div.menu_break::after {
    content: "* *";
}
article, aside, details, figcaption, figure, footer, header, main, mark, nav, section, summary, time { /* html5 */
    display: block;
}
h1, h2, h3, h5, h6 {
    font-family: "Comic Neue Angular", sans serif;
    margin: 7px 0;
}
h1 {
    margin:0 0 15px 0;
    font-weight: 700;
    color: #CF6000;
    text-shadow: 1px 3px 2px rgba(0,0,0,.1);
}
h2 {
    margin: 0 0 13px 0;
    font-weight: 700;
    color:#FF9600;
}
h3 {
    font-weight: 400;
    color: #CF6000;
}
h4 {
    margin: 7px;
    font-family: "Cabin", sans-serif;
    font-weight: 300;
}
h5 {
    margin: 7px 0;
    font-weight: 600;
}
header {
    text-align: center;
}
p {
    margin:24px 0;
}
ul {
    color: #FF9600;
}
li {
    margin:0 0 7px 0;
}
ul span {
    color: #000;
}
a {
    color:#0000FF;
    text-decoration: underline;
}
a:hover {
    color:#FF9600;
    text-decoration: none;
}
hr {
    color:#c2c2c2;
    background-color:#c2c2c2;
    height:1px;
    border: none;
    line-height:1px;
    clear: both;
}
figure, aside {
    margin: 0;
    float: right;
}
html
{ font-size: 62.5%; }
.font_32, h1
{ font-size: 3.2em; font-size: 3.2rem; }
.font_28
{ font-size: 2.8em; font-size: 2.8rem; }
.font_24, h2
{ font-size: 2.4em; font-size: 2.4rem; }
.font_18, h3, h4, h5
{ font-size: 1.8em; font-size: 1.8rem; }
.font_16, body, .item .req, .cart-summary div, .prodDes  h5, .prodDes strong, .catalogueitemdump, .dialog_link
{ font-size: 1.6em; font-size: 1.6rem; }
.font_15
{ font-size: 1.5em; font-size: 1.5rem; }
.font_14
{ font-size: 1.4em; font-size: 1.4rem; }
.font_13
{ font-size: 1.3em; font-size: 1.3rem; }
.font_12, .prodDes
{ font-size: 1.2em; font-size: 1.2rem; }
li li, li p, li span,
p span {
    font-size: 1em;
}
.hidden {
    display: none;
}

article.alert {
    border: 5px dotted red;
    margin: 10px;
    color: red;
}
article.good.alert {
    border-color: green;
    color: green;
}
article.alert h2 {
    margin: 0;
    padding: 10px;
    color: inherit;
}

div.c-pet-restaurant-box {
    text-align: left;
    padding: 20px 100px 50px;
}


.u-d\:n { display: none !important; }
.u-d\:b { display: block !important; }
.u-d\:ib { display: inline-block !important; }

.u-w\:1\/12 { width: 8.3333333333333% !important; }
.u-w\:2\/12 { width: 16.6666666666666% !important; }
.u-w\:3\/12 { width: 25% !important; }
.u-w\:4\/12 { width: 33.333333333333% !important; }
.u-w\:5\/12 { width: 41.666666666666% !important; }
.u-w\:6\/12 { width: 50% !important; }
.u-w\:7\/12 { width: 58.3333333333333% !important; }
.u-w\:8\/12 { width: 66.666666666666% !important; }
.u-w\:9\/12 { width: 75% !important; }
.u-w\:10\/12 { width: 83.333333333333% !important; }
.u-w\:11\/12 { width: 91.666666666666% !important; }
.u-w\:12\/12 { width: 100% !important; }
.u-w\:100p { width: 100% !important; }

.u-h\:a { height: auto !important; }

.u-lh\:n { line-height: 27px; line-height: 2.7rem; }

.u-m\:0 { margin: 0 !important; }
.u-m\:a { margin: auto !important; }
.u-m\:1r { margin: 1rem !important; }
.u-mt\:0 { margin-top: 0 !important; }
.u-m\:r-100p { margin-right: -100% !important; }
.u-mb\:0 { margin-bottom: 0 !important; }
.u-mb\:1r { margin-bottom: 1rem !important; }
.u-mb\:3r { margin-bottom: 3rem !important; }
.u-mr\:3r { margin-right: 30px !important; margin-right: 3rem !important; }
.u-ml\:1r { margin-left: 1rem !important; }
.u-ml\:3r { margin-left: 30px !important; margin-left: 3rem !important; }

.u-pr\:1r {
    padding-right: 10px !important;
    padding-right: 1rem !important;
}
.u-fl\:l {
    float: left !important;
}
.u-fl\:r {
    float: right !important;
}
.u-ta\:l {
    text-align: left !important;
}

.u-ta\:c {
    text-align: center !important;
}
.u-fz\:sm {
    font-size: 14.399px !important;
    font-size: 1.44rem !important;
}

.u-fz\:n {
    font-size: 18px !important;
    font-size: 1.8rem !important;
}
.u-fs\:i { font-style: italic; }
.u-fw\:b { font-weight: bold; }
.u-fw\:n { font-weight: normal; }
.u-clearfix { clear: both; }

.u-clearfix::before, .u-clearfix::after {
    content: '';

    display: block;

    width: 100%;
    height: 0;

    clear: both;
}
.u-c\:\#F00 {
    color: #ff0000 !important;
}

.u-c\:\#999 {
    color: #999999 !important;
}

.u-va\:m {
    vertical-align: middle !important;
}