/* Rev 1311271343 */

/*
    Main carousel wrapper.
*/
.kc-wrap {
    /* Various commands to stop items being selected when mouse-dragging/touching. */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    /* Disable IE10/11 default actions */
    -ms-touch-action: none;
    overflow:hidden;
    position:relative;
    background-image:url('background.png');
    background-position: center;
    width:100%;
    /* This makes wrapper scale vertically in proportion to width */
    padding-bottom:35%;
}
.kc-horizon {
    visibility:hidden;
}
/* 
    This wraps carousel items.
*/
.kc-item {
    position:absolute;
    /* These sizes are from the examples - change as appropriate */
    width:188px;
    height:250px;
    -webkit-tap-highlight-color:rgba(0,0,0,0); 
    visibility:hidden;
}


/*
    Item Shadows are made from three sections, bottom, left and right.
    This appears to give better performance than using CSS shadows, and minimizes the
    pixel area of shadow drawn.
    The image URLs used for the shadows will actually be copied into <img> elements.
    You can of course change the images if required.
*/

.kc-shadow-bottom {
    position:absolute !important;
    top:100% !important;
    width:100% !important;
    height:10% !important;
    background-image:url(shadow-bottom.png);
    left:0px !important;
}
.kc-shadow-left,.kc-shadow-right {
    position:absolute !important;
    top:0% !important;    
    width:10% !important;
    height:100% !important;
    left:-10% !important;
    background-image:url(shadow-left.png);
}
.kc-shadow-right {
    left:100% !important;
    background-image:url(shadow-right.png);
}

/*
    Reflection.
    This is applied to an inserted <canvas> element that is the reflection.
*/

.kc-reflection {
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:0px;
}

/* The wrapping element of navigation buttons (if used) */
.kc-nav-wrap {
    display:inline-block;
    position:absolute;
    z-index:1000;
}
/* Navigation button */
.kc-nav-button, .kc-nav-button-active {
    width:16px;
    height:16px;
    background-color: #888;
    float:left;
    margin-right:10px;
    cursor: pointer;
    border-radius: 16px;
    border:1px solid rgba(0,0,0,0.5);
}
/* Navigation button active */
.kc-nav-button.active {
    background-color: #fff;
}

/* No margin on  last one. */
.kc-nav-button.last {
    margin-right:0;
}


            body {
                font-size:16px;
                font-family: "Arvo","georgia",serif;
                background-color:#333;
                height:100%;
                
            }
            
            .band-color-1 a, .band-color-2 a, .band-color-3 a, .band-color-4 a  {
                color:#ccccff;
               
            }
            strong {
                font-weight:700;
            }
            
            .row {
                padding-bottom:40px;
            }
            
            .btn, label {
                font-family: "Exo 2",sans-serif;
            }
            .navbar, login-nav {
                font-family: "Exo 2",sans-serif; 
            }
   
            
            h1,h2,h3,h4,h5 {
                font-weight:normal;
                font-family: "Exo 2",sans-serif;
                margin-bottom:20px;
                margin-top:25px;
            }
            
         
            
            h1,h2 {
                text-shadow: -1px -1px 1px rgba(0,0,0,0.1);
                border-radius: 3px;
                color:rgba(0,0,0,0.75);
                font-weight:400;
            }
           
            
            h3, h3 small {
                font-family: "Arvo",serif;
                color:rgba(0,0,0,0.75);
                text-shadow:none;
            }
          
            
            h4 {
                font-family: "Arvo",serif;
                color:rgba(0,0,0,0.75);
                 text-shadow:none;
            }
            #footer, #footer a {
               color:#fff;
               text-align: center;
               font-size: 14px;
               height:100%;
               padding-top:15px;
               padding-bottom:15px;
            }
/*  http://css-tricks.com/responsive-data-tables/ 
  Look to implement this at some point.

*/
 .props-table {
        border-collapse: collapse;
        color:#444;
        font-size:14px;    
        background-color:#f5f5f5
    }
    .props-table th {
        text-align: center;
        padding:5px;
    }
    .props-table td {
      
        padding:5px;      
    }
    
    .props-table td,.props-table td+td+td+td {
        font-family: "Courier New",monospace;
        text-align: center;
    }
    .props-table td+td+td  {
        font-family: arial, sans-serif;
        text-align: left;
    }

/* general spacer to place between stacked images etc. */
.gen-spacer {
    margin-top:25px;
    margin-bottom:25px;
    display:block;
}

/* prices in checkout */
.price {
   
    float:right;
    font-size:20px;
}

.text-danger {
    font-family: "Exo 2", sans-serif;
    font-weight:bold;
    font-size:16px;
    color: #aa4444;
}

/* stops stretching of paypal/wallet buttons */
[type=image] {
    padding:0px;
    border:none;
    width:auto;
   height:auto;
   background:none;
}

/* bolds selected item in checkout */
input:checked + label {
    font-weight:bold;
}


 .band-color-2 a {
     color:darkblue;
   
 }
 .band-color-2 .btn {
     color:#fff;
     
 }

/* Syle for download product boxes.*/
.band-color-2 .well {
      color:#000;
    font-size:16px;
    line-height: 22px;
}

/* reddish */             
.band-color-1 {
     background-color:#D74B4B;
      color:#fff;
    padding-top:20px;
 }
 /* orangey */
.band-color-2 {
     background-color:#D8914B;
     color:#fff;
     padding-top:20px;
 }


/* Dark purple */
.band-color-3 {
    background-color:#914BD8;color:#fff;
    padding-top:20px;
}
/* pinkish */
.band-color-4 {

    background-color:#E37D7D;color:#fff;
    padding-top:20px;
}

.band-color-5 {
    background-color:#fff;color:#444;
    padding-top:20px;
}

.band-color-6 {
    padding-top:20px;
    color:#fff;
    background-color:#eeb0b0;
}
.download-box {
    color:#000;
    font-size:14px;
 }
 ul li {
     font-size:15px;
     margin-bottom:5px;
 }

/*750px	970px	1170px*/
/* Large devices (large desktops, 1200px and up) */
/*@media (min-width: 1170px) { body {font-size:18px;}  }*/

           
            #footer a {
                text-decoration: underline;
                color:#fff;
            }
            #footer a:hover {
                color:#ccc;
            }
            #footer .container {
                background-color:transparent;
                font-family:'Exo 2';
            }
            .login-nav a{
                color:#aaa;
                font-size: 14px;
            }
            .login-nav a:hover {
                color:#fff;
                text-decoration: none;
            }
            
            .login-nav a.btn {
                color:#fff;
            }
            
            .navbar {
                border-radius:0;
                margin-bottom: 0px;
            }
            
            .mainnav {
                padding-bottom:0px;
                font-family: "Exo 2";
            }
            .mainnav a {
             padding:10px;   
             padding-top:0px;
             display:block;
            }
            
            .mainnav a.first {
                padding-left:0px;
            }
            
            .logo-area {
                padding-bottom:0px;
                padding-top:10px;
                font-family: "Exo 2";
            }
            

 
 /* little adjusment to suit our font better */
 .glyphicon {
     top:3px;
 }
 .twitter-logo {
     margin-top:-3px;
 }