#bodyContent
{
    min-width: 320px;
    background-image: url("paper.gif");
}

#MainTable
{
    width: 100%;
    max-width: 1300px;
    table-layout: auto;
}

#NavHeader
{
    display: auto;
}

#NavHeaderMobile
{
    display: none;
}

#columnOne,#columnThree
{
    text-align: center;
}

#message
{
    display: block;
    background: white;

    padding: 1em;
    margin: auto;
    height: 90%;
    font-size: 1em;
    width: 100%;
    max-width: 100%;
}

.thanksFormInput
{
    width: 240px;
}

.prodImg
{
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    width:240px;
    display: inline-block;
}

#mobileInput
{
    display: none;
}

#blankCol
{
    display: auto;
}

.modal-title
{
    color:#75059E;
    font-family:Verdana;
    font-weight:bold;
}

#country_go, #not_now
{
    color:#ffff00;
}

.wrapper input[type="text"] {
    position: relative;
}

input { font-family: 'FontAwesome'; } /* This is for the placeholder */

.wrapper:before {
    font-family: 'FontAwesome';
    color:grey;
    position: absolute;
    top: 18px;
    left: 20px;
    content: "\f002";
}

.colorBox
{
    width: 20px;
    height: 20px;
    margin: 5px 5px 5px 5px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0,0,0,.5);
    display: inline-block;
}

#HelpTable
{
    width: 100%;
    table-layout: fixed;
    max-width: 500px;
    margin: 0 auto;
}

#contactFormLeftPad
{
    float: left;
    width: 100px;
    text-align: left;
}

#contact-email
{
    width:243px;
}

#contact-message
{
    width:243px;
}

.optionBox
{
    width:110%;
    max-width: 400px;
}


#ddProdType
{
    font-family: Verdana;
    font-size: 11px;
    background-color: #ffc0ff;
    color:#000000;
}

#mobileBox
{
    float: left;
    margin-left: 0px;
    padding-left: 10px;
}

#prepended
{
    text-decoration: none;
    color: #c00000;
    font-weight: bold;
    text-align: center;
}

.sideThumb
{
    float: right;
    background-color: #ffffff;
    z-index:3000;
    padding-right: 10px;
}

#divSideTable
{
    width: 50px;
    text-align: center;
}

#lineBreak
{
    display: none;
    padding-top: 5px;
}

#forumLogin
{
    text-align: center;
}

#stockDiv
{
    width: 110px;
}

.imgBox
{
    width:90%;
}

/* iPhone Navigation View */
@media screen and (max-width: 360px)
{
    #mobileInput
    {
        display: block;
    }

    #normalInput
    {
        display: none;
    }

    .optionBox
    {
        width:160px;
    }

    #contactFormLeftPad
    {
        float: left;
        width: 100%;
        height: 0px;
        text-align: left;
    }

    #contact-container textarea
    {
        height: 80px;
    }

    #lineBreak
    {
        display: block;
    }

    #forumLogin
    {
        text-align: left;
    }

    #stockDiv
    {
        margin-left: -10px;
        width: 80px;
    }
}

/* Mobile Navigation View */
@media screen and (max-width: 767px)
{
    #NavHeader
    {
        display: none;
    }

    #NavHeaderMobile
    {
        width: 100%;
        display: block;
        margin-bottom: -20px;
    }
}
/* For overall css of mobile */
@media screen and (max-width: 1024px)
{
    #MainTable,#LowerTable,#ProductTable
    {
        width: 100%;
        table-layout: fixed;
    }

    #LowerTable
    {
        display: none;
    }

    #ReviewTable
    {
        table-layout: fixed;
        width: 80%;
        border-spacing: 0px;
    }

    #DescTable
    {
        border-spacing: 0px;
    }

    #CheckoutTable
    {
        border-spacing: 5px;
    }

    #CheckoutTable td
    {
        padding: 0px;
    }

    #myImageFlow
    {
        float: left;
        z-index: 1; /* added to prevent navigation menu being blocked by the flash */
    }

    #topLogo
    {
        float: left;
        padding-top: 8px;
    }

    .prodImg
    {
        text-align: center;
        padding: 10px;
        width:140px;
        display: inline-block;
    }

    .textWrap
    {
        white-space: normal;
        word-wrap: break-word;
    }

    .textWrapCart
    {
        white-space: normal;
        word-wrap: break-word;
        padding-left: 5px;
    }

    #blankCol
    {
        display: none;
    }

    .colorBox
    {
        height: 20%;
        margin: 1px 1px 1px 1px;
        border-width: 1px;
        border-style: solid;
        border-color: rgba(0,0,0,.2);
        display: inline-block;
        font-size:x-small;
    }

    #contact-email
    {
        width:212px;
    }

    #contact-message
    {
        width:212px;
    }
}

/* tables */
table.tablesorter {
    font-family:arial;
    background-color: #CDCDCD;
    margin:10px 0pt 15px;
    font-size: 8pt;
    width: 100%;
    text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    background-color: #eeeeee;
    border: 1px solid #FFF;
    font-size: 8pt;
    padding: 4px;
    color: #5b6b9a;
}
table.tablesorter thead tr .header {
    background-image: url(../../images/bg.gif);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}
table.tablesorter tbody td {
    color: #3D3D3D;
    padding: 4px;
    background-color: #FFF;
    vertical-align: top;
}
table.tablesorter tbody tr.odd td {
    background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
    background-image: url(../../images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
    background-image: url(../../images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
    background-color: #8dbdd8;
}

.textAreaDiv
{
    padding-bottom: 10px;
    height: 900px;
}