/*=============================================================
 * global css
 =============================================================*/

    html, body{
        font-family: arial, verdana, tahoma;
        font-size: 12px;
    }



    a{text-decoration: none;}
    a:hover{text-decoration: none;}


/*=======================================================================
 * Dividers
 =======================================================================*/

    .css_h_divider_solid{
        border-top: solid 1px #ccc;
        border-collapse: collapse;
    }

    .css_h_divider_dash{
        border-top: dashed 1px #aaa;
        border-collapse: collapse;
    }

    .css_divider_dash_v{
        border-left: dashed 1px #96FA96;
        border-collapse: collapse;
    }

    .css_divider_solid_hr{
        margin: 10px 0;
        height: 1px;
        border-top: solid 1px #CCC;
        border-collapse: collapse;
    }

    .css_group_border{
        /*border: solid 1px #8CFB8C;*/
    }


/*=======================================================================
 * Div
 =======================================================================*/

    .css_notification{
        padding: 10px !important;
        /*background-color: #DEEFFF;*/
        border: solid 1px #000;
        /*font-family: tahoma, arial, verdana;*/
        font-family: arial, verdana, tahoma;
        font-size: 11px;
        color: #000000;
        text-align: left !important;
    }

    .css_error{
        background-color: #FFFFCC;
    }

    .css_information{
        background-color: #FFCCCC;
    }

    .css_instruction{
        background-color: #DEEFFF;
    }

    .css_no_records{
        background-color: #FFCCCC;
    }

    .css_sidebar{
        width: 180px;
        height: 100%;
        margin: 0;
        padding: 0px;
        background-color: #ccc;
    }

    .css_sidebar_td{
        padding: 10px 5px;
    }

    .css_wrapper_auth{
        width: 600px;
        padding: 12px;
    }


/*=======================================================================
 * Form
 =======================================================================*/

    .css_dropdown{
        font-family: arial;
        font-size: 12px;
    }

    .css_textbox{
        font-family: tahoma, arial, verdana;
        padding: 0 2px;
        padding-top: 1px;
    }

    .css_textarea{
        font-family: tahoma, arial, verdana;
        padding: 0 2px;
        padding-top: 2px;
    }

    .css_confirm_save{
        font-family: verdana;
        font-size: 11px;
        font-weight: normal;
        color: #800000;
        display: inline;
    }


/*=======================================================================
 * Grid
 =======================================================================*/

    /*== grid formatting ==*/
    .css_grid{
        padding: 3px 5px 5px 5px;
        white-space: nowrap;
        font-family: verdana;
    }

    .css_grid_header{
        font-weight: bold;
        background-position: center center;
    }

    .css_grid_detail{
        font-weight: normal;
    }

    .css_grid_detail_link:hover{
        cursor: pointer !important;
        cursor: hand;
    }

    /*== grid page nav ==*/
    .css_grid_page_nav{
        font-family: verdana;
        font-size: 11px;
    }

    .css_grid_page_nav_item{
        border: solid 1px #FFFFFF;
        padding-left: 1px;
        padding-right: 1px;
        padding-bottom: 1px;
        cursor: pointer;
    }

    /*== grid form ==*/
    .css_grid_order_qty{
        font-family: verdana;
        font-size: 10px;
        color: #000000;
        width: 30px;
    }

    .css_grid_order_add{
        font-family: verdana;
        font-size: 10px;
        color: #000000;
        padding: 0;
        /*width: 30px;*/
    }

    /*== grid text ==*/
    .css_grid_price{
        font-family: arial, verdana, tahoma;
        color: #000;
    }

    /*== misc ==*/
    .company_bar_tr_1{
        padding-bottom: 3px;
    }

    .tab_text{
        position: relative;
        top: 9px;
    }


/*=======================================================================
 * Panel
 =======================================================================*/

    .panel{
        width: 100%;
        border: solid 3px #ccc;
        border-radius: 15px;
        background-color: #fff;
        padding: 10px;
        margin-bottom: 20px;
        color: #4D4D4D;
    }

    .panel-heading{
        font-size: 20px;
        font-weight: bold;
        padding-bottom: 10px;
    }

    .panel-detail{
        font-size: 16px;
    }


/*=======================================================================
 * Text
 =======================================================================*/

    a{
        text-decoration: none;
        /*color: #333;*/
        color: #365596;
    }

    a:hover{
        text-decoration: underline;
    }

    .css_page_heading{
        font-family: arial, verdana, tahoma;
        /*font-family: tahoma, arial, verdana;*/
        font-weight: bold;
        color: #000;
    }

    .css_page_content{
        font-family: arial, verdana, tahoma;
        /*color: #000;*/
    }

    .css_font_8{font-size: 8px;}
    .css_font_9{font-size: 9px;}
    .css_font_10{font-size: 10px;}
    .css_font_11{font-size: 11px;}
    .css_font_12{font-size: 12px;}
    .css_font_13{font-size: 13px;}
    .css_font_14{font-size: 14px;}
    .css_font_16{font-size: 16px;}
    .css_font_18{font-size: 18px;}
    .css_font_20{font-size: 20px;}
    .css_font_22{font-size: 22px;}
    .css_font_24{font-size: 24px;}
    .css_font_26{font-size: 26px;}
    .css_font_32{font-size: 32px;}

    .css_prd_heading{
        font-family: arial, verdana, tahoma;
        font-size: 12px;
        font-weight: bold;
        color: #4141A5;
    }

    .css_prd_description{
        font-family: arial, verdana, tahoma;
        font-size: 10px;
        font-weight: normal;
        color: #444;
    }

    .css_prd_code{
        font-family: arial, verdana, tahoma;
        font-size: 9px;
        font-weight: normal;
        color: #800000;
    }

    .css_cart_heading{
        font-family: arial, verdana, tahoma;
        font-weight: bold;
        color: #000;
    }

    .css_cart_content{
        font-family: arial, verdana, tahoma;
        color: #000;
    }

    .css_cart_remove{
        font-family: arial, verdana, tahoma;
        color: #00F;
    }

    .css_cart_remove:hover{
        cursor: pointer;
        text-decoration: underline;
    }

    .css_record_count
    {
    font-family: verdana;
    font-size: 11px;
    }

    .css_detail_price{
        font-family: arial, verdana, tahoma;
        color: #CC6600;
    }

    .css_link:hover{
        cursor: pointer !important;
        cursor: hand;
    }


/*=============================================================
 * Login
 =============================================================*/

    #css_login{
        width: 100%;
        text-align: center;
        margin: 0 auto;
        position: relative;
    }

    #css_login_table{
        text-align: center;
        width: 100%;
        padding: 0;
        border-collapse: collapse;
        border-spacing: 0;
    }

    #css_login_cell_left{
        padding-right: 50px;
    }

    #css_login_cell_right{
        padding: 12px 0 0 50px;
        vertical-align: middle;
    }

    #css_login_form{
        padding-top: 0px;
        border-collapse: collapse;
        border-spacing: 0;
        text-align: left;
    }

    #css_login_options{
        padding-top: 5px;
        text-align: left;
    }

    #username, #password{
        width: 150px;
        font-size: 12px;
        color: #777;
        padding: 3px;
    }

    #forgot_password, #show_password{
        cursor: pointer;
    }

    #forgot_password:hover, #show_password:hover{
        text-decoration: underline;
    }

    #css_login_button{
        height: 26px;
        font-size: 12px;
        padding: 0px 4px;
    }


/*=============================================================
 * Registration
 =============================================================*/

    .signup{
        font-family: arial;
    }

    .signup_h1{
        font-family: calibri;
        font-size: 36px;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .signup_h2{
        font-size: 18px;
        font-weight: bold;
        margin: 5px 0;
    }

    .signup_div{
        width: 350px;
        width: auto;
        margin-bottom: 10px;
        text-align: left;
        float: left;
    }

    .signup_box{
        background: #fff;
        border: solid 1px #aaa;
        border-radius: 5px;
        padding: 7px;
    }

    .signup_form{
        width: 350px;
        border: 0;
        font-size: 16px;
        color: #777;
    }

    .signup_dob{
        position: relative;
        left: -2px;
        width: auto;
        display: table-cell;
    }

    .signup_dob_select{
        size: 3;
        padding: 5px 5px;
        color: #777;
    }

    .signup_button{
        position: relative;
        left: -1px;
        font-family: calibri, arial;
        font-size: 22px;
        padding: 5px 55px;
    }

    .required_asterisk{
        position: relative;
        top: -5px;
        left: -15px;
        float: left;
    }

    .term_check{
        position: relative;
        top: 2px;
    }

    .level_field{
        font-family: calibri;
        font-size: 26px;
        font-weight: normal;
        color: #555;
    }


/*=======================================================================
 * Home Page
 =======================================================================*/
    #home_page{
        padding: 0px;
    }

    #home_tabs ul {
        list-style: none;
        padding: 0;
        margin-left: 10px;
    }

    #home_tabs li {
        display: inline;
        border: solid #aaa;
        border-width: 1px 1px 0 1px;
        background: #ccc;
        padding: 5px 15px;
        border-radius: 5px 5px 0 0;
    }

    #home_tabs li:hover {
        background: #f3f3f3;
        cursor: pointer;
    }

    #home_tab_content{
        margin-top: 4px;
        border: solid 1px #aaa;
        clear: both;
        padding: 10px;
        background: #fff;
        border-radius: 3px;
    }

    .home_tab_select{
        padding-bottom: 6px !important;
        background-color: #fff !important;
    }


/*=============================================================
 * Standby Spinner
 =============================================================*/
	#standby-outer{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 5;
	}

	#standby-middle{
		width: 100%;
		height: 100%;
	    display: table-cell;
	    vertical-align: middle;
	}

	#standby-inner{
		width: 100px;
		height: auto;
		padding: 30px 20px;
		border: solid 1px #bbb;
		border-radius: 5px;
		background-color: #fff;
	    margin-left: auto;
	    margin-right: auto;
	    text-align: center;
	    vertical-align: middle;
	}


/*=============================================================
 * Footer
 =============================================================*/

    .partner_logo{
        height: 40px;
    }


/*=============================================================
* Utilities
=============================================================*/


/*=============================================================
 * Misc
 =============================================================*/

    .update_button{
        position: relative;
        font-size: 9px;
        top: -2px;
        height: 23px;
        padding: 0 0 1px 0;
    }