body {font-family: Arial, Helvetica, sans-serif; text-align: center;}
h1.the_index {font-size:60px; color:#696969;}
a.header:link {text-decoration: none; color:#696969;}
a.header:visited {text-decoration: none; color:#696969;}
a.header:hover {text-decoration: underline; color:#5c5353;}
a.header:active {text-decoration: none; color:#696969;}


.container {width:80%; text-align:center; margin-left: auto; margin-right: auto;}
.goLeftPlease {text-align:left;}
.line {width:80%; border: 1px solid #898989; margin-left: auto; margin-right: auto;  margin: 15px auto 15px auto;}

.index_price {font-size:24px; margin-bottom: 15px;}

.yellowBox {background-color: yellow; padding:8px; margin:8 0 8 0px; text-align: left; font-size: 22px; font-weight: bold; font-style: italic; }
.redBox {text-align: left; font-family: Arial; font-size: 20px; color:white; text-align:left; padding:7px; background-color: red; font-style: italic; }
.redBoxHeader {font-family: Arial; font-size: 35px; text-align:center; margin-bottom: 10px;}
br.redBoxBrake {margin-bottom: 15px;}

.demoSounds {margin-bottom: 10px; font-size: 21px; color: red; font-weight: bold;}
.soundList {font-size: 19px; font-weight: bold; margin-bottom: 8px;}
.underline {text-decoration: underline;}

.collectionColor {font-size:26px; margin-bottom: 6px; font-weight: bold;}

.ORANGE {color: #FF9936;}
.GREEN {color: #C3D680;}
.WHITE {color: #D1D1D1;}
.BLUE  {color: #6499E9;}

.bonus {margin-top: 10px; font-size: 22px; font-weight: bold; color: #0080BC;}
.redText {color: red;}

.mainImage  {display: inline-block; width: 150px;}
.clear {clear: both;}

/* index grid settings */
.gridBoxHead {font-weight: bold; font-size:16px;}
img.imageBox {width:150px; margin: 7px 0 8px 0; border:0px;}
.boxBorder {display: inline-block; width: 32%; border-bottom: 2px solid gray; margin-bottom: 20px;}

a.grid:link {text-decoration: none; color: black;}
a.grid:visited {text-decoration: none; color: black;}
a.grid:hover {text-decoration: underline; color: blue;}
a.grid:active {text-decoration: none; color: black;}

/*cart*/
.packBox {display: inline-block; width: 21%; height:auto; border: 1px solid #C1C1C1;}
.cartPackHead {color: #2e6b30; font-size: 15px; margin:3 0 3 0px; font-weight: bold;}
img.imgPck {width: 90%; margin-bottom: 8px;}
.cartDeleteButton {width: 75%; background-color: #C62E00; text-align: center; color: white; font-size: 14px; font-weight: bold; padding: 4px;     border: none; border-radius: 6px; text-decoration: none; margin:auto;}
.kenakiTwo {margin-top:10px;}
.kenakiOne {margin-top:20px;}
.total {margin-top:15px; margin-bottom:15px; padding: 8 0 8 0px; border-top: 2px solid #C1C1C1; border-bottom: 2px solid #C1C1C1; font-size: 22px;  width:45%; margin-left:auto; margin-right:auto;}
.submitStyle {
    width: 20%;
    display: inline-block;
    background-color: #F69202;
    color: white;
    padding: 14px 20px;
    margin: 0 8px 24px 8px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 23px;
    font-weight: bold;
    text-align: center;
}
.submitStyleTwo {width: 30%; background-color: #4CAF50; text-decoration: none; padding: 10px 15px;}
.submitStyleThree {width: 19%; font-size: 17px; background-color: #C62E00; text-decoration: none;}
.cartDeleteButton {width: 75%; background-color: #C62E00; text-align: center; color: white; font-size: 14px; font-weight: bold; padding: 4px;     border: none; border-radius: 6px; text-decoration: none; margin:auto;}
.addTocart {background-color: #4CAF50;}

/* Import form Contact Form */

/*body {text-align:center; font-family: Arial, Helvetica, sans-serif;}*/
    .kenaki {margin-top:50px;}
    /*.mainKmn {text-align:left; width:850px; margin-left: auto; margin-right: auto;}*/
    /*.smallDiv {width:561; margin-left: auto; margin-right: auto; text-align:center; font-size:28px;}*/
    .footMain { width:450px; float:right; font-size: 13px; font-style: italic; font-family: Arial; padding: 0px; margin: 6px 0px 6px 12px; text-align: left;}
.footNote { float:left; font-weight: bold; font-size: 20px; font-style: italic; font-family: Arial; padding: 0px; margin: 0px 0px 0px 70px; text-align: left;}
.footer {width: 100%; border-top: solid #306001 2px; background-color: #C8D9C5; padding: 10px 0 50px 0; margin-top:30px;}
/*.clear {clear:both;}*/
.insideBlock {padding:10px; width:60%; text-align:center; margin-left: auto; margin-right: auto;}
input[type=text], select {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 19px;
}
textarea {
    width: 100%;
    height: 150px;
    padding: 12px 20px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    background-color: #f8f8f8;
    font-size: 19px;
    
}

input[type=submit] {
    font-weight: bold; font-size: 20px;
    width: 32%;
    background-color: #6A8A6B;
    color: white;
    padding: 14px 20px;
    margin: 20px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

input[type=submit]:hover {
    background-color: #45a049;
}
.formLeft {width:29%; float:left; text-align:right; font-size: 21px; padding: 12px 10px 0 0;}
.formRight {width:66%; float:right; }