
thead {
    background-color: #93c6fa;
    height: 50px;
    padding-left: 20px;
}

    thead td, thead td a {
        font-weight: bold;
        font-size: 15px;
        color: #fff;
        border-bottom: 1px solid #fff;
    }



.row_off {
    background-color: #b7d8fa;
    border-bottom: 1px solid #fff;
    color: #000;
}

.row_on {
    background-color: #3597fd;
    color: #fff;
    border: 1px solid #16497f;
}

    .row_on td {
        color: #
    }


    .row_off td, .row_on td {
        font-size: 10px;
        padding-left: 10px;
        color: #000;
        border-bottom: 1px solid #fff;
        height: 30px;
    }

    .row_on td {
        color: #fff;
    }

.autocomplete-w1 {
    background: url(img/shadow.png) no-repeat bottom right;
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 8px 0 0 6px; /* IE6 fix: */
    _background: none;
    _margin: 0;
}

.autocomplete {
    border: 1px solid #999;
    background: #FFF;
    cursor: default;
    text-align: left;
    max-height: 350px;
    overflow: auto;
    margin: -6px 6px 6px -6px; /* IE6 specific: */
    _height: 350px;
    _margin: 0;
    _overflow-x: hidden;
}

    .autocomplete .selected {
        background: #10497b;
        cursor: pointer
    }

    .autocomplete div {
        padding: 2px 5px;
        white-space: nowrap;
    }

    .autocomplete strong {
        font-weight: normal;
        color: #3399FF;
    }


.my-new-alert {
    background-color: #ff0000;
    border: 10px solid #fff;
}

.small {
    font-size: 7pt
}

.saved_alert {
    padding: 0px;
    margin: 0px;
    background: url('../images/saved_alert.png') no-repeat;
    width: 184px;
    height: 155px;
    float: right;
}

/ /*********alert box */
img {
    border: 0px;
}

body {
    background-color: #fff
}

.bg1 {
    padding: 5px;
    background-color: #9dcdff
}

.bdr {
    border: 1px solid #3598fd
}

.bar_off {
    border-top: 1px dotted #184e86;
    border-bottom: 1px dotted #184e86;
    background-color: #9fcfff;
}

.button {
    background: url('../images/buttonbg.gif') 0% 0% no-repeat;
    border: 0px;
    color: #fff;
    font-weight: bold;
    letter-spacing: -.5px;
    font-size: 15px;
    width: 145px;
    height: 35px;
    padding-bottom: 4px;
    cursor: pointer;
}

#product_options {
    font-size: 15px;
    width: 350px;
}

#clearer {
    clear: both;
    height: 0px;
    overflow: hidden;
}

#optiontype {
    float: left;
    width: 70px;
    font-weight: bold;
    text-align: left;
    margin-top: 5px
}

a {
    cursor: pointer;
    text-decoration: none;
    color: #000;
}

    a:hover {
        text-decoration: underline;
    }

hr {
    border-top: 1px solid #0050a3;
    height: 1px
}

.onlinetext a:hover, .onlinetext a.onlineactive {
    color: #fff;
    background: #000;
}

h1, h1 a {
    font-size: 17pt;
    color: #0dadff;
}

h2, h2 a {
    font-size: 10pt;
    color: #0050a3;
}

.inputselect {
    width: 150px;
    font-size: 8pt
}

.inputtext {
    font-size: 8pt;
    border: 1px dotted #c0c0c0;
    width: 100px;
}



.red_title, #text .red_title {
    color: #990033;
}

h2, * h2 {
    color: #757575;
    margin: 0;
    font-weight: bold;
    font-size: 18px;
    line-height: 100%;
}

h3 {
    color: #6a6a6a;
    margin: 0;
    font-weight: bold;
    font-size: 18px;
    line-height: 100%;
}



.green {
    color: #0cff00
}

    .green a {
        color: #0e7808
    }

.input {
    background: url('../images/butt_bg.gif');
    width: 86px;
    height: 20px;
    COLOR: #fff;
    FONT: 9pt, arial;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    border: 0px;
    cursor: hand;
}

.green {
    color: #00ff12;
    font-weight: bold
}

.white, .white a {
    color: #fff
}

.body1 {
    font-family: Verdana,Arial,Helvetica;
    font-size: 10px;
    background: url(images/bg8.gif);
}

.select {
    width: 250px;
}

td, td a {
    font-family: Arial,Helvetica;
    font-size: 10px;
    font-color: #394a53;
}

.input_select {
    font-family: Arial,Helvetica;
    font-size: 10px;
    font-color: #394a53;
}

.nav_text, .nav_text td {
    font-family: Arial,Helvetica;
    font-weight: bold;
    font-size: 11px;
    color: #394a53;
}

.nav_title, .nav_title a, .nav_titlebg a, #nav_titlebg handle {
    font-family: Arial,Helvetica;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    text-decoration: none
}

.title_bar_text {
    font-family: Arial,Helvetica;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
}

    .title_bar_text a {
        color: #fff;
        text-decoration: none
    }

.nav_titlebg, #nav_titlebg h2 {
    border-right: 1px solid #394a53;
    background: url('/images/title_bg.gif') 0% 0% repeat-x;
    color: #fff;
    height: 25px;
    padding-top: 5px;
    cursor: pointer;
    padding-left: 20px;
    padding-right: 10px;
    font-weight: bold"
}




.subtitle_bar_text {
    font-family: Arial,Helvetica;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
}

    .subtitle_bar_text a {
        color: #fff
    }

.title {
    font-family: Verdana,Arial,Helvetica;
    font-size: 23px;
    font-weight: bold;
    font-color: #000;
}


a {
    text-decoration: none;
    color: #000
}

    a:hover {
        text-decoration: underline;
    }

img.ImageBorder {
    border: 4px solid #FFFFFF;
}

.invoice {
    border: 0px solid #FFFFFF;
}

.links1 {
    font-family: Arial,Helvetica;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
}

.lightblueBold {
    font-weight: bold;
    color: #3399CC;
}

.f1 {
    color: #000;
    border-color: black black #009933;
    border-bottom-width: thick
}

.f2 {
    color: #990000;
    border-color: black black #009933;
    border-bottom-width: thick
}

.f3 {
    color: #CCCCCC;
    font-family: Geneva, Arial, Helvetica, san-serif;
    font-size: 8pt
}

.f4 {
    color: #000;
    border-color: black black #009933;
    border-bottom-width: thick;
    font-size: 10pt
}

.f5 {
    color: #003366;
    font-family: Geneva, Arial, Helvetica, san-serif;
    font-size: 8pt
}

.whiteCopy {
    color: #FFFFFF;
    ;
    border-color: black black #009933;
    border-bottom-width: thick
}

.whiteHeading {
    color: #FFFFFF;
    ;
    border-color: black black #009933;
    border-bottom-width: thick;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt
}

.whiteHeadingCopy {
    color: #99CC00;
    ;
    border-color: black black #009933;
    border-bottom-width: thick;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt
}

.black {
    color: #333333;
}


.page_start {
    color: #000;
    width: 20px;
    cursor: hand;
    border: 0px;
    float: left;
    margin-right: 5px;
}

.page_starton {
    width: 20px;
    background-color: #DCC8EC;
    cursor: hand;
    float: left;
    margin-right: 5px;
}

.red, .blue, .red a, .blue a, td .blue, td .red {
    color: #ff0000
}

    .red, .red a {
        color: #ff0000
    }
/*td .blue, td .blue a {color:#0dadff; text-decoration:none}*/

/******************PRODUCT*****************/

#product_options {
    line-height: 17px;
    font-size: 15px;
}


#optiontype {
    float: left;
    width: 70px;
    font-weight: bold;
    margin-top: 5px;
}


#cat_select {
    float: left;
    width: 250px;
    background: url('../../images/grey_bg.gif') 0% 0% repeat-y
}

#products {
    margin-right: 0px;
    float: right;
    width: 720px;
}

#productspage {
    margin-right: 10px;
    float: right;
    width: 720px;
}



#product {
    width: 177px;
    height: 177px;
    background: url("../images/greyproduct_box.gif") 0% 0% no-repeat;
    cursor: pointer;
    float: left;
    padding-left: 3px;
    text-align: center;
    padding-top: 3px;
}

#product_price {
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}

    #product_price a, #product_price a:visited {
        text-decoration: none;
        color: #3598fe;
    }

#productoptions {
    padding-left: 20px;
}


/******************************PRODUCT PAGE*************************/
#thumbnail_img {
    float: left;
}

#productimages {
    float: left;
    width: 450px;
}

#product_left {
    float: left;
}

#product_right {
    float: right;
    width: 170px;
    line-height: 30px;
    padding: 10px;
}

#product_right_ads {
    float: right;
    line-height: 5px;
}


.productname {
    font-weight: bold;
    font-size: 20px;
}

#productpricediv {
    font-weight: bold;
    font-size: 20px;
    color: #3598fe;
}

#sizing, #sizing a {
    color: #757575;
    text-decoration: underline
}



#apartmentbtm {
    padding: 5px;
    padding-top: 10px;
    width: 680px;
}

#tabinfo {
    border: 1px solid #d6d2cf;
}

#apartment_tabs ul {
    position: relative;
    padding: 0px;
    margin: 0px;
    left: 0px;
}


#apartment_tabs ul {
    position: relative;
    padding: 0px;
    margin: 0px;
    left: 0px;
}



    #apartment_tabs ul li {
        color: #adadaf;
        float: left;
        list-style: none;
        height: 22px;
        font-size: 13px;
        font-weight: bold;
        border-top: 1px solid #d6d2cf;
        border-right: 1px solid #d6d2cf;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 5px;
        cursor: pointer;
        z-index: 20;
        border-bottom: 0px;
    }

#tabinfo {
    border-top: 1px solid #d6d2cf;
    margin-left: 5px;
    padding: 10px;
}

#tab1, #tab2, #tab3 {
    padding: 5px;
}



/******************************PRODUCT PAGE*************************/


/*****************************CONTENT*****************************/
#page_top {
    height: 8px;
    width: 973px;
    background: url('../images/grey_top2.gif') 0% 0% no-repeat;
}

#page_content {
    padding: 10px;
    width: 1010px;
    border-left: 2px solid #adadaf;
    border-right: 2px solid #adadaf;
}

#page_btm {
    height: 8px;
    width: 973px;
    background: url('../../images/grey_btm2.gif') 0% 0% no-repeat
}

/*****************************CONTENT*****************************/

.leftside {
    padding-right: 20px
}

.inputside {
    padding: 10px;
    margin-left:10px;
    background-color: #e2e2e2;
    width: 650px
}

.inputtext {
    width: 250px;
}
.optiontype {
    float: left;
    width: 70px;
    font-weight: bold;
    margin-top: 5px;
}
.box-panel {
    border: 1px gray solid;
    width: 620px;
    height: 150px;
    background-color: white;
    padding: 5px;
    overflow-y: scroll
}

.error {
    border: 1px solid red !important;
}

.loader {
    margin: 0px;
    padding: 0px;
    position: fixed;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #66666682;
    z-index: 30001;
    opacity: 1;
    filter: alpha(opacity=70);
    display: none;
    text-align: center;
}

.p10 {
    padding: 10px;
}

#loader span {
    display: block;
    margin-top: 8px;
    font-size: 19px;
    letter-spacing: 1px;
    animation: .8s infinite beatHeart;
}

#imgLoader {
    animation: .11s infinite beatHeart;
}

.position {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0px;
    color: White;
    margin-top: -35px;
}

.img_container {
    float: left;
    width: 100px;
    /*height: 142px;*/
    margin: 20px;
    border: 1px solid #3598fd;
    padding: 10px;
}


.success {
    background: #effeb9 url(../Images/tick.png) no-repeat 15px center;
    border: 1px solid #c1d779;
    color: #3C5A01;
}

.failure {
    background: #fccac1 url(../Images/error.png) no-repeat 15px center;
    border: 1px solid #e18b7c;
    color: #AC260F;
}

.note {
    margin: 10px 5px 0px 5px;
    box-shadow: inset 0 0 1px #fff;
    -webkit-box-shadow: inset 0 0 1px #fff;
    -moz-box-shadow: inset 0 0 1px #fff;
    border-radius: 2px;
    display: none;
}

    .note p {
        font-size: 12px;
        font-weight: bold;
        padding: 7px 10px 7px 45px !important;
        margin: 0px;
        color: #565656;
    }

.add {
    float: right;
    padding-right: 4px;
}

    .add a {
        font-size: 14px;
        font-weight: 500;
        float: left;
        margin-top: 4px;
        margin-left: 5px;
    }
    .add span {
        float: left;
    }

.search {
    background-color: #1eb1de;
    color: #fff;
    padding: 7px 14px;
    cursor:pointer;
    font-size:14px;
}

.no-found {
    text-align: center;
    font-size: 16px;
    margin-top: 50px;
    line-height:26px;
}
.text-center{
    text-align:center;
}



.save_records {
    background-color: #82B8FA;
    padding: 10px;
    color: white;
    font-weight: bold;
    min-width: 100px;
    border-radius: 5px;
    margin: 5px;
    border: 0px;
}
