.product-button { display: block; width:125px; height: 36px; background-repeat: no-repeat; display: block; }
.product-button.readmore { background-image:url(/Images/Phase_2/buttons/readmore.png); margin:13px 0; }
.product-button.readmore:hover { background-image:url(/Images/Phase_2/buttons/readmore-hover.png); }

.buy-button { display: block; width:194px; height: 51px; background:url(/Images/Phase_2/buttons/buynow.png) no-repeat;  display: block; margin:0 auto; }
.buy-button:hover,
.buy-button:focus { background:url(/Images/Phase_2/buttons/buynow-hover.png) no-repeat; }

/* product list */
.product-list { margin-top:46px; }
.product-list h1 { font-size: 23px; color:#eb4133; font-family: "MuseoSans-700"; font-weight: normal; margin:10px 0; }
.product-list h2 { font-size: 18px; color:#918b89; font-weight: normal; margin:13px 0; }
.product-list p { color:#8e8e8e; font-size: 14px; margin:15px 0; }
.product-list .image img { max-width: 290px; width: 100%; }

.side-controls { text-align: center; }
.side-controls.space { margin-top:28px; }
.side-controls select { width:182px; border:1px solid #aa0f05; margin:10px auto; box-shadow: 2px 2px 2px rgba(0,0,0,0.3); color:#fd9b5e; background: #e8372d; padding:6px; }

.product-divider { height: 24px; width: 100%; background: url(/Images/Phase_2/profile-divider.png) no-repeat center center; margin:40px 0; }

/* product page */

.product-page { margin-top:35px;  }
.product-page h1 { font-size: 37px; font-family: "MuseoSans-900"; margin:30px 0 20px; font-weight: normal; }
.product-page h2 { font-size: 24px; font-family: "MuseoSans-900"; margin:6px 0; font-weight: normal; }
.product-page h2.space { margin-bottom:20px; }
.product-page h3 { font-size: 24px; font-family: "MuseoSans-700"; margin:20px 0; font-weight: normal; }
.product-page h3.space {  margin:10px 0; }
.product-page h3.space-small {  margin:10px 0; }
.product-page h4 { font-size: 16px; font-family: "MuseoSans-700"; color:#918b89; margin:6px 0; font-weight: normal; }
.product-page p { font-size: 14px; color:#8e8e8e; margin:16px 0; }

.product-page.gold-theme h1,
.product-page.gold-theme h2,
.product-page.gold-theme h3 { color:#d09c62; }

.product-page.green-theme h1,
.product-page.green-theme h2,
.product-page.green-theme h3 { color:#f4bb39; }

.product-page.red-theme h1,
.product-page.red-theme h2,
.product-page.red-theme h3 { color:#eb4133; }

.product-page.blue-theme h1,
.product-page.blue-theme h2,
.product-page.blue-theme h3 { color:#24b6e7; }

.product-page.brown-theme h1 { color:#c6c2ab; }
.product-page.brown-theme h2 { color:#eac98f; }
.product-page.brown-theme h2.green { color:#63ba47; }
.product-page.brown-theme h2.red { color:#d62026; }
.product-page.brown-theme h3 { color:#c6c2ab; }

.stock-item { margin-bottom:40px; }
.stock-item img { max-width: 280px;}

/* modal */

.modal-open .modal { overflow-y: scroll; }
.modal-content { box-shadow: 0px 0px 0px 10px rgba(255,255,255,0.2);

    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    -o-border-radius: 9px;
    -ms-border-radius: 9px;
    border-radius: 9px;

}

.modal-content .teddy { width: 120px; height: 137px; background: url(/Images/Phase_2/teddy.png) no-repeat; position: absolute; top:-30px; left:10px; }
.modal-content .teddy.gold { width: 185px; height: 177px; background: url(/Images/Phase_2/teddy-gold.png) no-repeat; position: absolute; top:-56px; left:-56px; }
.modal-content .teddy.dry { width: 171px; height: 147px; background: url(/Images/Phase_2/teddy-dry.png) no-repeat; position: absolute; top:-35px; left:-30px; }
.modal-content .teddy.slip { width: 242px; height: 156px; background: url(/Images/Phase_2/teddy-slip.png) no-repeat; position: absolute; top:-35px; left:-17px; }
.modal-content .teddy.swimmer { width: 161px; height: 144px; background: url(/Images/Phase_2/teddy-swimmer.png) no-repeat; position: absolute; top:-36px; left:-8px; }
.modal-content .teddy.wipes { width: 164px; height: 148px; background: url(/Images/Phase_2/teddy-wipes.png) no-repeat; position: absolute; top:-36px; left:-26px; }

.modal-content .close-btn { background: #e94033; width:27px; height: 28px; position: absolute; top:0; right: 0; color:#FFFFFF; text-align: center; padding:4px 0; text-decoration: none;

    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -ms-border-radius-topright: 5px;
    -o-border-radius-topright: 5px;
    border-top-right-radius: 5px;

}

.modal-content .modal-body { min-height: 200px; text-align: center; }
.modal-content .modal-body h1 { font-size: 32px; color:#8e8e8e; text-align: center; color:#eb4133; font-family: "MuseoSans-900"; margin-top:50px; }
.modal-content .modal-body .select-product { margin:10px 0; }
.modal-content .modal-body .text { font-size: 14px; color:#8e8e8e; text-align: center; }

.modal-content .modal-body .buy-stores { margin-top:20px; margin-bottom:20px; }
.modal-content .modal-body .buy-button { display: block; width: 287px; height: 93px; background-repeat: no-repeat; margin:11px auto; }
.modal-content .modal-body .buy-button.kalahari { background-image: url(/Images/Phase_2/buttons/buy-kalahari.png); }
.modal-content .modal-body .buy-button.kalahari:hover { background-image: url(/Images/Phase_2/buttons/buy-kalahari-hover.png); }
.modal-content .modal-body .buy-button.woolworths { background-image: url(/Images/Phase_2/buttons/buy-woolworths.png); }
.modal-content .modal-body .buy-button.woolworths:hover { background-image: url(/Images/Phase_2/buttons/buy-woolworths-hover.png); }
.modal-content .modal-body .buy-button.dischem { background-image: url(/Images/Phase_2/buttons/buy-dischem.png); }
.modal-content .modal-body .buy-button.dischem:hover { background-image: url(/Images/Phase_2/buttons/buy-dischem-hover.png); }
.modal-content .modal-body .buy-button.bb { background-image: url(/Images/Phase_2/buttons/buy-bb.png); }
.modal-content .modal-body .buy-button.bb:hover { background-image: url(/Images/Phase_2/buttons/buy-bb-hover.png); }
.modal-content .modal-body .buy-button.takealot { background-image: url(/Images/Phase_2/buttons/buy-takealot.png); }
.modal-content .modal-body .buy-button.takealot:hover { background-image: url(/Images/Phase_2/buttons/buy-takealot-hover.png); }
.modal-content .modal-body .buy-button.pp { background-image: url(/Images/Phase_2/buttons/buy-pp.png); }
.modal-content .modal-body .buy-button.pp:hover { background-image: url(/Images/Phase_2/buttons/buy-pp-hover.png); }
.modal-content .modal-body .buy-button.makro { background-image: url(/Images/Phase_2/buttons/buy-makro.png); }
.modal-content .modal-body .buy-button.makro:hover { background-image: url(/Images/Phase_2/buttons/buy-makro-hover.png); }
.modal-content .modal-body .buy-button.babygroup { background-image: url(/Images/Phase_2/buttons/buy-babygroup.png); }
.modal-content .modal-body .buy-button.babygroup:hover { background-image: url(/Images/Phase_2/buttons/buy-babygroup-hover.png); }

.modal-dialog { margin-top:90px; width:700px; }

.modal-backdrop.in { opacity: 0.7; }


.disney-copy { margin:15px 0; }
.disney-copy .text { text-align: right; padding:25px 0;  }
.disney-copy .logo { width: 70px; height: 66px; margin-left:10px; float:right; }

img.border-image { border:8px solid #f3f3ef; box-shadow: 1px 1px 2px 0 #c6c4bc, inset 1px 1px 2px 0 #c6c4bc; width: 100%; height: auto; }

.feature-list { margin-bottom:40px; }


@media (max-width: 992px) {

    .product-list img { max-width: 318px; width:100%; }


}

@media (max-width: 768px) {

    .product-list .image { text-align: center; margin-bottom:40px; }
    .stock-item .image { text-align: center; margin-top:40px;  }

    .disney-copy .text { text-align: left; padding:17px 0;  }

    .modal-content .modal-body h1 { margin-top:100px; }
    .modal-dialog { margin:40px auto; width:350px; }

    .product-list { padding-left:10px; padding-right: 10px; }



}

@media (max-width: 480px) {

    .disney-copy .text {  padding:5px 0;  }

}

img.width-auto { width: 100%; max-width: 100%; }












/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */