/* ALL PAGES */

#mobileHeader{
    display: none;
}

#mobileModal{
    display: none;
}


#header {}

#topHeader {
    height: 65px;
    border-bottom: 3px solid #c48e48;
}

#logo {
    float: left;
    height: 95px;
    margin-top: 18px;
    width: 10%;
}

#logo img {
    max-height: 100%;
}

.headLinks {
    text-align: center;
    width: 90%;
    height: 62px;
    font-size: 18px;
}

.headLinks li {
    margin: 8px 1%;
}

#bottomHeader {
    text-align: center;
    height: 78px;
    border-bottom: 1px solid #000;
    font-size: 18px;
}

.bottomLinks li {
    margin: 10px 1%;
}

.body {
    min-height: 600px;
    height: auto;
}

/* FRONT PAGE */

#homeOnlineNotice{
    width: 90%;
    color: #fff;
    margin: 0 auto 15px;
    font-family: 'Roboto', sans-serif;
}


#frontBox {
    margin: 25px auto;
    width: 95%;
    height: 500px;
    border: 1px solid #c48e48;
}

#bigLeftBox {
    height: 100%;
    width: 45%;
    background-image: url(../images/tonareli_012.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-right: 1px solid #fff
}



.leftBanner {
    color: #fff;
    margin-top: 350px;
    width: 100%;
    height: 150px;
    background-color: rgba(0, 0, 0, .7);
    text-align: center;
}

.leftBanner p {
    font-size: 35px;
    color: #eef;
    padding-top: 50px;
    ;
}

#bigRightBox {
    height: 100%;
    width: 54%;
}

#topRightBox,
#midRightBox,
#botRightBox {
    height: 165px;
    margin: 0 -3px;
    border-bottom: 1px solid #c48e48
}

#topRightBox {
    background-image: url(../images/504.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

#midRightBox {
    background-image: url(../images/core.bobelock_004.jpg);
    background-position: ;
    background-size: cover;
}

#botRightBox {
    background-image: url(../images/tonareli_015.jpg);
    background-position: left;
    background-size: cover;
}

.rightBanner {
    position: relative;
    top: 30%;
    width: 100%;
    background-color: rgba(0, 0, 0, .7);
    height: 80px;
}

.rightBanner p {
    text-decoration: none;
    font-size: 25px;
    padding-top: 30px;
}

/* PRODUCT */

#bobelockNavigation{
    margin: 15px;
    text-align: center;
}

#bobelockNavigation span{
    margin: 0 5px;
}

#productHeader{
    margin: 30px;
    text-align: center;
    font-family: 'Lobster', cursive;
    font-size: 30px;
    color: #fff;
}

.productHeader{
    margin: 30px;
    text-align: center;
    font-family: 'Lobster', cursive;
    font-size: 30px;
    color: #fff;
}

.productBody{
    text-align: center;
}

.productBox{
    text-align: center;
    display: inline-block;
    vertical-align: top;
    height: 190px;
    width: 12%;
    border: 3px solid #fff;
    margin: 1%;
    padding: 1% 0;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.productBoxImage{
    height: 150px;
    width: 100%;
    border-bottom: 1px solid #fff;
    padding-bottom: 5px;
}

.productBoxImage img{
    max-height: 100%;
    max-width: 90%;
}

.productText{
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    padding-bottom: 15px;
}

.bigProductBox{
    text-align: center;
    display: inline-block;
    vertical-align: top;
    height: 190px;
    width: 12%;
    border: 3px solid #fff;
    margin: 1%;
    padding: 1% 0;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.downloadBox{
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    border-top: 1px solid #fff;
    padding-bottom: 18px;
}


/* NEW PRODUCT BODY */

#productHeader {
    margin: 0 auto;
    height: 35px;
}

.productSpot {
    margin: 30px auto 0;
    height: 700px;
    width: 80%;

}

.productSlide {
    margin: 37px auto;
    height: 80px;
}

.productBanner {
    height: 100%;
    width: 32%;
    border: 1px solid #fff;
}

.productOverlay {
    display: none;
    position: absolute;
    height: 700px;
    width: 25.5%;
    background: rgba(0, 0, 0, .9)
}

.productOverlayP {
    text-align: left;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    margin: 100px auto;
    width: 85%;
}

.selectBox {
    margin: 35px 5px;
    height: 50px;
    width: 50px;
    border: 1px solid #fff;
}

.selectBox img {
    max-height: 90%;
    margin: 2px auto;
}

.selectBox:hover {
    cursor: pointer;
}

#bannerFirst,
#banner2,
#banner3,
#banner4,
#banner5,
#bannerLast {
    background: rgb(71, 163, 129);
    background: linear-gradient(0deg, rgba(71, 163, 129, 1) 0%, rgba(42, 52, 71, 1) 29%);

}

.bannerImage {
    margin-top: 30%;
    max-width: 95%;
    max-height: 70%;
}

.productBannerHeader {
    font-family: 'Montserrat', cursive;
    color: #fffcc7;
    font-size: 30px;
    margin-top: 25px;
    letter-spacing: .7px;
    font-weight: ;
}


/* PRODUCT */

#productHeader{
    margin: 10px;
    text-align: center;
    font-family: 'Lobster', cursive;
    font-size: 30px;
    color: #fff;
}

.productHeader{
    margin: 10px;
    text-align: center;
    font-family: 'Lobster', cursive;
    font-size: 30px;
    color: #fff;
}

.productBody{
    text-align: center;
}

.productBox{
    text-align: center;
    display: inline-block;
    vertical-align: top;
    height: 150px;
    width: 18%;
    border: 3px solid #fff;
    margin: 2%;
    padding: 1% 0;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.productBoxImage{
    height: 120px;
    width: 100%;
    border-bottom: 1px solid #fff;
}

.productBoxImage img{
    max-height: 100%;
    max-width: 90%;
}

.productText{
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

/* NEW PRODUCT BODY */

#productHeader {
    margin: 10px auto;
    height: 25px;
}

.productSpot {
    margin: 10px auto 0;
    height: 500px;
    width: 95%;

}

.productSlide {
    margin: 37px auto;
    height: 80px;
}

.productBanner {
    height: 100%;
    width: 49%;
    border: 1px solid #fff;
}

.productOverlay{
    display: none;
    position: absolute;
    height: 500px; 
    width: 46.5%;
    background: rgba(0,0,0,.9)
}

.productOverlayP{
    font-size: 15px;
    text-align: left;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    margin: 10px auto;
    width: 85%;
}

.selectBox {
    margin: 5px 5px;
    height: 50px;
    width: 50px;
    border: 1px solid #fff;
}

.selectBox img {
    max-height: 90%;
    margin: 2px auto;
}

.selectBox:hover {
    cursor: pointer;
}

#bannerFirst,
#banner2,
#banner3,
#banner4,
#banner5,
#bannerLast {
background: rgb(71,163,129);
background: linear-gradient(0deg, rgba(71,163,129,1) 0%, rgba(42,52,71,1) 29%);

}

.bannerImage {
    margin-top: 10%;
    max-width: 95%;
    max-height: 70%;
}

.productBannerHeader {
    font-family: 'Montserrat', cursive;
    color: #fffcc7;
    font-size: 25px;
    margin-top: 25px;
    letter-spacing: .7px;
    font-weight: ;
}

/* SALES BLAST */

#salesSpot {
    margin: 30px auto;
    width: 99%;
    text-align: center;
}

#leftSales,
#rightSales {
    display: inline-block;
    width: 4%;
    height: 780px;
    vertical-align: top;
}

.arrow {
    margin: 725% 0;
    cursor: pointer;
    padding: 10px 0;
    font-size: 45px;
    color: #c48e48;
}

.arrow:hover {
    color: #fff;
    transition-duration: 1s;
}

.midSales {
    display: inline-block;
    height: 780px;
    width: 89%;
}

.salesBox{
    
}

.salesBox{
    height: 780px;
    width: 100%;
}

.salesImage{
    max-height: 100%;
    max-width: 100%;
}

/*CLEARANCE CORNER */

#topClearance {
    margin: 15px auto;
    height: 250px;
    width: 80%;
    border-bottom: 3px solid #fff;
}

#clearanceLogo,
#clearanceText {
    display: inline-block;
    height: 100%;
    vertical-align: top;
}

#clearanceLogo {
    margin-top: 35px;
    width: 28%;
}

#clearanceText {
    font-size: 12px;
    width: 68%;
    margin-left: 5px;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: .4px;
}

#clearanceLogo img {
    max-width: 100%;
    max-height: 100%;
}

#bottomClearance {
    margin: 5px auto;
    width: 95%;
    height: 500px;
    text-align: center;
}

.overClearanceBox {
    display: inline-block;
    width: 14%;
    height: 190px;
    vertical-align: top;
    margin: 5px;
}

.clearanceBox {
    height: 175px;
    border: 1px solid #fff;
    border-radius: 180px;
    padding-top: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.clearanceBox:hover{
    background-color: rgba(25,50,86, .4);
    transition-duration: .5s;
}

.newBox{
    cursor: pointer;
    width: 60%;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    margin: 15px auto;
    border-left: 4px solid #ff3030;
    border-right: 4px solid #ff3030;
    border-radius: 90px;
    padding: 15px;
}

#clearanceBoxOne {
    background-image: url(../coreclearancecorner/images/CS1150.png);
}

#clearanceBoxTwo {
    background-image: url(../coreclearancecorner/images/CORE-A23.png)
}

#clearanceBoxThree {
    background-image: url(../coreclearancecorner/images/HOF-4-5-AS-VC.png)
}

#clearanceBoxFour {
    background-image: url(../coreclearancecorner/images/CORE-A45.png)
}

#clearanceBoxFive {
    background-image: url(../coreclearancecorner/images/B16002PSES-1-PIGY_closed.png)
}

#clearanceBoxSix {
    background-image: url(../coreclearancecorner/images/CSB601VN.png)
}

.clearanceBoxHeader {
    background: rgba(0, 0, 0, 0.7);
    padding: 2px;
    margin-top: 50px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 25px;
}

/* PRODUCT */

#productHeader{
    margin: 10px;
    text-align: center;
    font-family: 'Lobster', cursive;
    font-size: 30px;
    color: #fff;
}

.productBody{
    text-align: center;
}

.productBox{
    text-align: center;
    display: inline-block;
    vertical-align: top;
    height: 150px;
    width: 18%;
    border: 3px solid #fff;
    margin: 2%;
    padding: 1% 0;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.productBoxImage{
    height: 120px;
    width: 100%;
    border-bottom: 1px solid #fff;
}

.productBoxImage img{
    max-height: 100%;
    max-width: 90%;
}

.productText{
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
}

/* CART TEMPLATES */

.cartBody{
    min-height: 1000px;
    background-color: #fff;
    color: #000;
}

#cartInfo{
    padding: 35px;
}

#theCart{
    width: 90%;
    margin: 25px auto;
}

#productLinkSpot{
    margin: 15px;
    text-align: right;
}

.infoSpot,
.imageSpot{
    padding-top: 5px;
    display: inline-block;
    vertical-align: top;
}

.infoSpot{
    margin-top: 20px;
    width: 35%;
    text-align: left;
}

.imageSpot{
    margin-bottom: 50px;
    width: 55%;
}

#imageBox {
    height: 600px;
    width 45%;
    margin: 3% 0 0 2%;
}

#imageBox img{
    max-height: 98%;
    max-width: 98%;
}

#topImage {
    position: relative;
    height: 350px;
    padding: 2px;
    width: 100%;
}

.leftArrow {
    position: absolute;
    left: 5px;
}

.rightArrow {
    position: absolute;
    right: 5px;
}

.leftArrow,
.rightArrow {
    top: 40%;
    z-index: 1;
    padding: 15px;
    font-size: 45px;
    opacity: .2;
    color: #fff;
}

.leftArrow:hover,
.rightArrow:hover {
    color: #c48e48;
    opacity: 1;
    transition: 1.5s;
    cursor: pointer;
    background: #000;
}

#topImage img {
    max-height: 300px;
    max-width: 98%;
    margin: auto;
    overflow: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

#bottomImage {
    text-align: center;
    height: 100px;
    width: 100%;
    border-top: 1px solid #fff;

}

#bottomImage img {
    border: 1px solid #fff;
    padding: 2px;
    height: 60px;
    width: 60px;
    margin: 5px;
}

#bottomImage img:hover {
    cursor: pointer;
}

#megaImageBox {
    display: none;
    position: absolute;
    text-align: center;
    top: 0px;
    bottom: 0;
    z-index: 2;
    height: 1300px;
    width: 100%;
    background-color: rgba(0, 0, 0, .9);
}

.megaLeftArrow,
.megaRightArrow {
    color: white;
    position: absolute;
    z-index: 5;
    padding: 15px;
    top: 10%;
    font-size: 65px;
}

.megaLeftArrow {
    left: 15px;
}

.megaRightArrow {
    right: 15px;
}

#megaImageBox img {
    position: absolute;
    top: -480px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-height: 50%;
    max-width: 70%;
}

#topRight {
    position: absolute;
    ;
    right: 0;
    text-align: right;
    margin: 5px;
    font-size: 25px;
}

#topRight:hover {
    cursor: pointer;
}

#leftArrow {
    position: absolute;
    left: 0;
}

#rightArrow {
    position: absolute;
    right: 0;
}

#leftArrow,
#rightArrow {
    top: 35%;
    padding: 5px;
    font-size: 45px;
    margin: 0 15px;
}

#leftArrow:hover,
#rightArrow:hover,
.megaLeftArrow:hover,
.megaRightArrow:hover {
    background: #c48e48;
    color: #000;
    transition: .7s;
    cursor: pointer;
}

.searchInfoCorner{
    color: #fff;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    padding: 12px;
}

.searchResultBox{
    display: inline-block;
    height: 300px;
    width: 20%;
    border: 1px solid #fff;
    margin: 5px 10px;
	vertical-align: middle;
}

.topSearchResult{
    height: 200px;
    border-bottom: 1px solid #fff;
	vertical-align: middle;
}

.topSearchResult img{
    max-height: 95%;
    max-width: 95%;
	vertical-align: middle;
}

.bottomSearchResult{
    padding: 3px;
    height: 99px;
    color: #fff;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
}

/* CHECK OUT PAGE */

.checkOutSection{
    width: 80%;
    margin: 0 auto;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    
}

.checkOutHeader{
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    margin: 10px 0 3px;
}

.leftCheckOut,
.rightCheckOut{
    display: inline-block;
    vertical-align: top;
}
.leftCheckOut{
    width: 38%;
    text-align: right;
    font-size: 14px;
}

.rightCheckOut{
    width: 60%;
    font-size: 14px;
}

.checkOutItem{
    height: 35px;
}

#line{
    margin: 5px auto;
    width: 80%;
    border: 2px solid #000;
}

#highlightedSection{
    background: #ff5;
    height: 120px;
}


/* FOOTER */

#foot {
    height: 35px;
    width: 100%;
    background-color: #332d2F;
    color: #c48e48;
    text-align: left;
    border-top: 1px solid #703030;
}

#foot p {
    padding: 10px;
    color: #c48e48;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

/* USEFUL */

.bodyText{
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    margin: 15px auto;
    width: 80%;
}