body {
    font-family: 'Montserrat' , sans-serif;
    font-size: 10pt;
    color: #666666;
    -webkit-text-size-adjust: 100%;
    max-height: 5000em;
}

.gamepanic {
    font-family: 'Lora', serif;
/*    font-family: 'Playfair Display', serif;*/
    font-size: 10pt;
    color: #666666;
    -webkit-text-size-adjust: 100%;
    max-height: 5000em;
}

.buttonaddtocart {
    color: #FFFFFF; /*background-color: #5B2783; */ /*ori purple*/
    background-color: #9900CC; /*truepurple */ /*font-weight:bold;*/ /*font-size:10pt;*/
    /*font-family: 'Montserrat' , sans-serif;*/
    border: 1px solid #9900CC;
    padding: 5px 5px 5px 5px; /*padding-left:5px;
    padding-right:5px;*/
    text-align: center;
    cursor: pointer;
}

.buttonpreorder
{
    color: #FFFFFF; 
    /*background-color: #339933; */ /*green*/
    
    background-color: #32cd32;  /*lime green*/

    /*font-weight:bold;*/ 
    /*font-size:10pt;*/    
    /*font-family: 'Montserrat', sans-serif;*/
    border:1px solid #32cd32;
    padding: 5px 5px 5px 5px;
    /*padding-left:5px;
    padding-right:5px;*/ 
    text-align:center;
    cursor:pointer;
}

.wishlist
{
    color: #FFFFFF; 
    background-color: #B00000; 
    /*color:#B00000;*/
    /*font-weight:bold;*/ 
     /*font-size:10pt;*/    
    /*font-family: 'Montserrat', sans-serif;*/
    border:1px solid #B00000;
    padding: 5px 5px 5px 5px;
    /*padding-left:5px;
    padding-right:5px;*/ 
    text-align:center;
    cursor:pointer;
}

.buttonsoldout
{
    /*color: #FFFFFF; 
    background-color: #B00000; */
    color:#B00000;
    /*font-weight:bold;*/ 
     /*font-size:10pt;*/    
    /*font-family: 'Montserrat', sans-serif;*/
    border:1px solid #B00000;
    padding: 5px 5px 5px 5px;
    /*padding-left:5px;
    padding-right:5px;*/ 
    text-align:center;
}

.buttondiscontinued
{
    /*color: #FFFFFF; 
    background-color: #CCCCCC; */
    color: #CCCCCC;
    /*font-weight:bold;*/ 
    /*font-size:10pt;*/    
    /*font-family: 'Montserrat', sans-serif;*/
    border:1px solid #CCCCCC;
    padding: 5px 5px 5px 5px;
    /*padding-left:5px;
    padding-right:5px;*/ 
    text-align:center;
}

.buttoncomingsoon
{
    /*color: #FFFFFF; 
    background-color: #CCCCCC; */
    color: #000000;
    /*font-weight:bold;*/ 
    /*font-size:10pt;*/    
    /*font-family: 'Montserrat', sans-serif;*/
    border:2px solid #000000;
    padding: 5px 5px 5px 5px;
    /*padding-left:5px;
    padding-right:5px;*/ 
    text-align:center;
}

.advancesearch {
    /*color: #FFFFFF; background-color: #339933; */ /*green*/
    background-color: #F28E10; /*orangy*/ /*font-family: 'Montserrat' , sans-serif;*/
    border: 1px solid #F28E10;

    padding: 5px 5px 5px 5px; /*padding-left:5px;
    padding-right:5px;*/
    text-align: center;
}

.buttonmultiplier
{
    color: #990099; 
    /*background-color: #5B2783; */ /*ori purple*/
    /*background-color: #FFFFFF; truepurple */
    /*font-weight:bold;*/ 
    /*font-size:10pt;*/    
    /*font-family: 'Montserrat', sans-serif;*/
    border:1px solid #990099;
    padding: 5px 5px 5px 5px;
    /*padding-left:5px;
    padding-right:5px;*/   
    text-align:center;     
}

.textbox
{
    /*font-family: 'Montserrat', sans-serif;*/
     font-size:10pt; 
}

.dropdownlist
{
    /*font-family: 'Montserrat', sans-serif;*/
     font-size:10pt; 
}

.fileupload
{
    /*font-family: 'Montserrat', sans-serif;*/
     font-size:10pt; 
}

.labelpanicpointhelp
{
    /*font-family: 'Montserrat', sans-serif;*/
     font-size:10pt; 
    cursor:help;
}

/*---Mouseover underline for hyperlink---*/
 .link { COLOR: inherit; TEXT-DECORATION: none; }
 .link:hover { TEXT-DECORATION: underline; }

.textwrap
{
    float:left; 
    margin-right: 5px;
}

/*---Mouse over tool tip (INFO)---*/
a.info{
    position:relative; /*this is the key*/
    /*z-index:24; background-color:#ccc;
    color:#000;*/
    text-decoration:none; 
    cursor:help}

a.info:hover{z-index:25; /*background-color:#ff0*/}

a.info span{display: none}

a.info:hover span
{
    /*the span will display just on :hover state*/
    display: block;
    position: absolute;
    /*top: 2em;*/
    bottom: 1em;
    left: 2em;
    width: 16em;
    border: 1px solid #69259B;
    background-color: #EEE2F5;
    color: #000;
    text-align: left;
    padding:5px 5px 5px 5px;
}

/*---Mouse over tool tip (TIPS & CLICKABLE)---*/
a.tip{
    position:relative; /*this is the key*/
    /*z-index:24; background-color:#ccc;
    color:#000;*/
    text-decoration:none; 
    cursor:pointer}

a.tip:hover{z-index:25; /*background-color:#ff0*/}

a.tip span{display: none}

a.tip:hover span
{
    /*the span will display just on :hover state*/
    display: block;
    position: absolute;
    /*top: 2em;*/
    bottom: 1em;
    left: 2em;
    width: 16em;
    border: 1px solid #69259B;
    background-color: #EEE2F5;
    color: #000;
    text-align: center;
    padding:5px 5px 5px 5px;
}

/*water mark for textbox*/
.watermark
{
    /*font-style:italic;*/
    color:gray;
    /*font-family: 'Montserrat', sans-serif;*/
    font-size:10pt;
    text-align:left;
}

/*Progress bar*/
.UpdateProgress {
    width: 300px; 
    background-color: #99CC00; 
    text-align:left;
    font-size: x-large;
    color:white;
    font-weight:bold;
    
}

/*gradient purle background for headers*/
.gradientpurple
{
    /*background-color: #00c000;*/
    background-image: url('../Image/Background/gradientpurple1pixel.jpg');
    background-repeat: repeat-x; 
    /*color:White;
    font-weight:bold;*/
    border-top-style: solid; 
    border-top-width: thin;
    border-color: #999999;
   /* padding-left:5px;
    padding-right:5px;
    height:20px;
    opacity:0.5;
    filter:alpha(opacity=50);*/
}

/*gradient purle background for headers*/
.gradientdarkerpurple
{
    background-color: #6B238E;  /*darkslateblue*/
    /*background-image: url('../Image/Background/gradientdarkerpurple1pixel.jpg');
    background-repeat: repeat-x; */
    /*color:White;*/
    /*font-weight:bold;
    border-top-style: solid; 
    border-top-width: thin;
    border-color: #999999;
    padding-left:5px;
    padding-right:5px;
    height:20px;*/
}

.roundedcorneranddropshadow 
{
/*drop shadow. First value is left/right, second value is bottom/top and third value is the blur setting. Fourth value is color of shadow*/
-moz-box-shadow: 10px 10px 10px #ccc;        /*The first 2 lines are for mozilla and webkit*/
-webkit-box-shadow: 10px 10px 10px #ccc;     
box-shadow: 5px 5px 5px #ccc;

/*rounded corners*/
-moz-border-radius: 5px;                   /*The first lines is for mozilla*/
border-radius: 5px;                        

}

.photoframe
{   
    
border:0px solid #ccc; 
padding:0px;

}


/*Style for the gridview's pager*/
.cssPager td
{
    padding-left: 5px;     
    padding-right: 5px;    
}

/*style for selected page*/
/*.cssPager span { background-color:#4f6b72; font-size:18px;}*/

#bottomCenter
{
    position: fixed;
    bottom: 0px;
    /*left: 100px;*/
    background-color: #FFFFFF;
    border-bottom:0pt;
   
}

/**CORPORATE LOOK BUTTON FOR GENERAL USE STARTS*/
section {
    /*background: black;*/
    color: white;
    border: 0.5em solid white;
    border-radius: 2em;
    padding: 2em;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    width: 50%;
    font-size: x-large;
}

.btn {
    background-color: DodgerBlue;
    border-radius: 4px;
    border: none;
    color: #FFFFFF;
    text-align: center;
    font-size: xx-large;
    padding: 20px;
    transition: all 0.5s;
    cursor: pointer;
    margin: 5px;
    box-shadow: 5px 5px 10px 1px #888888;
}

/*MOBILE VIEW*/
@media only screen and (max-width: 800px) {

    section {
        /*background: black;*/
        color: white;
        border: 0.5em solid white;
        border-radius: 2em;
        padding: 1em;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-right: 50%;
        transform: translate(-50%, -50%);
        width: 80%;
        font-size: x-large;
    }

    .btn {
        background-color: DodgerBlue;
        border-radius: 4px;
        border: none;
        color: #FFFFFF;
        text-align: center;
        font-size: medium;
        padding: 20px;
        transition: all 0.5s;
        cursor: pointer;
        margin: 5px;
        box-shadow: 5px 5px 10px 1px #888888;
    }
}

/**CORPORATE LOOK BUTTON FOR GENERAL USE ENDS*/