*
{
    margin: 0;
    padding: 0;
}
body
{
    line-height: 120%;
    font: 12px/23px "Segoe UI" ,Helvetica ,Arial,sans-serif; /*     font-family: Helvetica,Arial,sans-serif;*/
}
img
{
    border: 0 none;
}
h1, h2, h3, h4, h5, h6
{
    font-weight: normal;
}

h1
{
    font-size: 36px;
}
h2
{
    font-size: 29px;
}
h3
{
    font-size: 18px;
}
h4
{
    font-size: 16px;
}
h5
{
    font-size: 14px;
    font-weight: bold;
}
h6
{
    font-size: 12px;
    font-weight: bold;
}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img
{
    margin: 0;
}
.clear0px
{
    height: 0px;
    overflow: hidden;
    clear: both;
}
.clear1px
{
    height: 1px;
    overflow: hidden;
    clear: both;
}
.clear2px
{
    height: 2px;
    overflow: hidden;
    clear: both;
}
.clear3px
{
    height: 3px;
    overflow: hidden;
    clear: both;
}
.clear4px
{
    height: 4px;
    overflow: hidden;
    clear: both;
}
.clear
{
    height: 5px;
    overflow: hidden;
    clear: both;
}
.clearx2
{
    height: 10px;
    overflow: hidden;
    clear: both;
}
.clearx3
{
    height: 15px;
    overflow: hidden;
    clear: both;
}
.clearx4
{
    height: 20px;
    overflow: hidden;
    clear: both;
}
.clearx5
{
    height: 25px;
    overflow: hidden;
    clear: both;
}
.clearx6
{
    height: 30px;
    overflow: hidden;
    clear: both;
}
.clearx8
{
    height: 40px;
    overflow: hidden;
    clear: both;
}

/*Login Page*/
.login_body
{
    background: url(images/login/login_bg.gif);
    width: 100%;
    height: 100%;
}
#login_header
{
    background: url(images/login/login_header.gif) repeat-x;
    height: 61px;
    width: 100%;
}
#login_header .logo
{
    background: url(images/login/logo_bg.jpg) repeat-x;
    width: 264px;
    height: 144px;
    position: absolute;
    top: 0px;
    left: 20px;
}
#login_header .admin-info
{
    color: #3E3F40;
    position: absolute;
    right: 20px;
    top: 43px;
    width: 200px;
    font-size: 10px;
    font-family: Tahoma, Arial;
    text-align: right;
}
#login_header .cp_name
{
    font-size: 30px;
    font-family: Times New Roman, Arial, Tahoma;
    color: #BCBDBE;
    padding-left: 15px;
    padding-top: 26px;
}
#login_header .cp_des
{
    text-transform: uppercase;
    font-size: 11px;
    color: #424545;
    padding-right: 25px;
    float: right;
}
#login_content
{
    margin: 0 auto;
    width: 350px;
    color: #9EDA29;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 14px;
}
#login_content label
{
    padding-left: 5px;
}
.LoginContent
{
    width: 350px;
    padding-top: 100px;
    float: left;
}
#login_content .name
{
    float: left;
    line-height: 25px;
}
#login_content .value
{
    float: right;
}
#login_content input
{
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 4px;
    border: 0 none;
}
#login_content .warning
{
    border-radius: 6px;
    padding: 10px 10px 10px 30px;
    background: Black url(Images/Icons/information.jpg) no-repeat 10px center;
}
#login_content input[type=radio] {
    margin-left:  10px;
    cursor: pointer;
}
#login_content span.cbo_rmb
{
    float: left;
    display: block;
}
#login_content span.cbo_rmb input
{
    padding: 0px;
}
#login_content input.Button, .btn_admin, .Button
{
    text-transform: uppercase !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    cursor: pointer;
    background: url(images/login/button-element-bg.png) repeat-x;
    height: 30px;
    color: White;
}
#login_content input.Button
{
    padding: 0px 12px;
}
.btn_admin, .Button
{
    height: 22px;
}
input.Button
{
    letter-spacing: 1px;
}
.btn_admin, .Button
{
    font-size: 10px;
    font-family: Arial;
    font-weight: lighter;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 4px 9px;
    border: 0 none;
}
.required
{
    border: 1px solid red !important;
}
.btn_admin:hover, .Button:hover
{
    background: url(images/login/button-element-active-bg.png) repeat-x;
}
#login_content input.Button:hover
{
    background: url(images/login/button-element-active-bg.png) repeat-x;
}
/*Default Page*/
#pnlUpdatePanel
{
    padding: 10px 10px 30px 10px;
    display:block;
    height:100%;
}
#wrapper
{
    font-size: 12px;
}
#header
{
    color: #CCCCCC; 
    background: url(images/bg_main.jpg) repeat-x top;
    height: 75px;
    width: 100%;
    font-family: Arial;
    font-size: 12px;
    float: left;
}
#header a
{
    color: #9EDA29;
    font-size: 11px;
    text-decoration: none;
    text-transform: uppercase;
}
#header span
{
    color: #CCCCCC;
    font-size: 10px;
}
#header .logo
{
    float: left;
    background: url(images/bg_header.jpg) no-repeat;
    width: 300px;
    height: 60px;
    padding-left: 30px;
    color: White;
    font-size: 30px;
    padding-top: 20px;
    font-family: Times New Roman,Arial,Tahoma;
}
#header .meta
{
    float: right;
    padding-right: 10px;
    height: 80px;
}
#body
{
    width: 100%;
}
#footer
{
    /* background-color: #161616; background: url(images/bg_footer.gif) repeat-x;      background-color:#3E4D57; border-top: 3px solid #5D7282; color:#7E858A; padding:10px;*/
    float: left;
    background: url(images/bg_footer.gif) repeat-x;
    color: #CCCCCC;
    border-top: 1px solid black;
    height: 15px;
    width: 100%;
    position:  fixed;
    bottom: 0px;
}
#footer .content
{
    text-align: right;
    font-size: 11px;
    color: #cccccc;
    padding-top: 0px;
    padding-right: 10px;
    float: right;
    line-height: 15px;
    font-size: 10px;
}
#footer .browser
{
    text-align: right;
    font-size: 11px;
    color: #cccccc;
    padding-top: 0px;
    padding-left: 10px;
    float: left;
    line-height: 15px;
    font-size: 10px;
}
.Grid
{
    border: solid #d3e5ed 1px;
}
.Grid a
{
    color: Black;
}
.Grid_Raw1 td a, .Grid_Raw2 td a
{
    color: #3A3A3A;
    font-size: 11px;
}
.Grid .Grid_Top
{
    background-color: #e7f3f8;
    padding: 5px;
}
.Grid .Grid_Top th
{
    border: solid #d3e5ed;
    padding: 5px;
    border-width: 0 1px 1px 0;
    color: #1F476F;
}

.Grid .Grid_Raw1 td, .Grid .Grid_Raw2 td
{
    border: solid #d3e5ed;
    border-width: 0 1px 1px 0;
    padding: 5px;
}
.Grid_Raw2 td
{
    background: url("Images/td_bg2.gif") repeat-x scroll 0 0 #F3F9FB;
}
.Grid_Page, .Grid_Page td
{
    border: solid #d3e5ed 1px;
}
.Grid_Page, .Grid_Page td a, .Grid_Page td span
{
    padding: 0px 5px;
}
.Grid_Page td span
{
    font-weight: bold;
    font-size: 20px;
}
table tr
{
}
table tr td
{
    
    padding: 3px;
}
.Label
{
    font-weight: bold;
    text-align: right;
    text-transform: uppercase;
    font-size: 11px;
}

.InputBox
{
    border: 0px none;
}
table tr td input, table tr td textarea
{
    border: 1px solid #DAE2E6;
    padding: 2px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.tblForm
{
    background-color: #e7f3f8;
    border: solid 1px #D3E5ED;
    border-radius: 5px 5px 5px 5px;
}
.btn_admin
{
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 22px;
    height: 20px;
    border: solid 1px gray;
    background-color: Transparent;
    font-weight: bold;
}
.btn_ok
{
    background-image: url(Images/Common/btn_ok.png);
    width: 90px;
}
.btn_del
{
    background-image: url(Images/Common/btn_del.png);
    width: 90px;
}
.btn_add
{
    background-image: url(Images/Common/btn_add.png);
    width: 90px;
}
.btn_back
{
    background-image: url(Images/Common/btn_back.png);
    width: 90px;
}
.image_button
{
    border: 0 none;
    margin: 2px;
    width: 18px;
    width: 18px;
    height: 18px;
    display: inline-block;
}
.btn-add-image {
    background: url('/App_Themes/Admin/Images/Icons/addimage.png');
    width: 18px;
    width: 18px;
    height: 18px;
    display: inline-block;
}
.btn-edit {
    background: url('/App_Themes/Admin/Images/Icons/Edit.png');
    width: 18px;
    width: 18px;
    height: 18px;
    display: inline-block;
}
.btn-editdtc {
    background: url('/App_Themes/Admin/Images/Icons/Editdtc.png');
    width: 18px;
    width: 18px;
    height: 18px;
    display: inline-block;
}
.btn-information {
    background: url('/App_Themes/Admin/Images/Icons/information.png');
    width: 18px;
    width: 18px;
    height: 18px;
    display: inline-block;
}
.btn-delete {
    background: url('/App_Themes/Admin/Images/Icons/Delete.png');
    width: 18px;
    width: 18px;
    height: 18px;
    display: inline-block;
}
.btn-clock {
    background: url('/App_Themes/Admin/Images/Icons/alarmclock.png');
    width: 18px;
    width: 18px;
    height: 18px;
    display: inline-block;
}
.btn-ok {
    background: url('/App_Themes/Admin/Images/Icons/ok.png');
    width: 18px;
    width: 18px;
    height: 18px;
    display: inline-block;
}
.btn-up {
    background: url('/App_Themes/Admin/Images/Icons/up.png');
    width: 18px;
    width: 18px;
    height: 18px;
    display: inline-block;
}

.btn-right {
    background: url('/App_Themes/Admin/Images/Icons/right.png');
    width: 18px;
    width: 18px;
    height: 18px;
    display: inline-block;
}
.btn-undo {
    background: url('/App_Themes/Admin/Images/Icons/Undo.png');
    width: 18px;
    width: 18px;
    height: 18px;
    display: inline-block;
}
.btn-convert {
    background: url('/App_Themes/Admin/Images/Icons/convert_icon.png');
    width: 18px;
    width: 18px;
    height: 18px;
    display: inline-block;
}
.btn-save {
    background: url('/App_Themes/Admin/Images/Icons/save.png');
    width: 18px;
    width: 18px;
    height: 18px;
    display: inline-block;
}
.btn-add-balance {
    background: url('/App_Themes/Admin/Images/Icons/addbalance.png');
    width: 18px;
    width: 18px;
    height: 18px;
    display: inline-block;
}
.btn-stop {
    background: url('/App_Themes/Admin/Images/Icons/stop.png');
    width: 18px;
    width: 18px;
    height: 18px;
    display: inline-block;
}
.btn-question {
    background: url('/App_Themes/Admin/Images/Icons/Ques.png');
    width: 18px;
    width: 18px;
    height: 18px;
    display: inline-block;
}
.btn-import {
    background: url('/App_Themes/Admin/Images/Icons/db_import.png');
    width: 18px;
    width: 18px;
    height: 18px;
    display: inline-block;
}
.btn-backup {
    background: url('/App_Themes/Admin/Images/Icons/db_backup.png');
    width: 18px;
    width: 18px;
    height: 18px;
    display: inline-block;
}
.btn-role {
    background: url('/App_Themes/Admin/Images/Icons/role.png');
    width: 18px;
    width: 18px;
    height: 18px;
    display: inline-block;
}
.btn-copy {
    background: url('/App_Themes/Admin/Images/Icons/copy.png');
    width: 18px;
    width: 18px;
    height: 18px;
    display: inline-block;
}
.btn-member {
    background: url('/App_Themes/Admin/Images/Icons/member1.png');
    width: 18px;
    width: 18px;
    height: 18px;
    display: inline-block;
}
.btn-key {
    background: url('/App_Themes/Admin/Images/Icons/key.png');
    width: 18px;
    width: 18px;
    height: 18px;
    display: inline-block;
}
.btn-calendar {
    background: url('/App_Themes/Admin/Images/Icons/calendar.png');
    width: 18px;
    width: 18px;
    height: 18px;
    display: inline-block;
}

.text-center
{
    text-align: center;
}
.text-left
{
    text-align: left;
}
.text-right
{
    text-align: right;
}
.productPageView
{
    background-color: #eef4fc;
    float: left;
    width: 100%;
}
.PageViewTab
{
    border: 1px solid #D3E5ED;
    padding: 10px 10px;
    border-top: 0 none;
    display: block;
}
.Padding0px
{
    padding: 0px;
}
/*
*/
.DivRanks
{
    width: 200px;
    margin: 0 auto;
}
.divPrice
{
    width: 100%;
    margin: 0 auto;
}
.divPrice .sub_name
{
    float: left;
    width: 200px;
    font-weight: bold;
}
.divPrice .sub_value
{
    float: left;
    width: 200px;
}
.PageViewTab .name
{
    font-weight: bold;
}
.PageViewTab .value input
{
    border-radius: 4px;
    border: 1px solid #DAE2E6;
    padding: 2px;
}

.PageViewTab .value
{
}
.ConvertTab
{
    display: block;
    margin: auto;
    width: 300px;
    border: 0 none;
}
.ContentLeft
{
    float: left;
    width: 40%;
}
.ContentRight
{
    float: left;
    width: 60%;
}
/*build tooltip*/

.header_tooltip
{
    background-color: #A7CFE8;
    padding: 2px 5px;
    font-size: 15px;
    font-weight: bold;
    border-top: 4px solid #F2F2F2;
    border-left: 4px solid #F2F2F2;
    border-right: 4px solid #F2F2F2;
}
.body_tooltip
{
    padding: 2px 5px;
    background-color: #DBEFFF;
    border-bottom: 4px solid #F2F2F2;
    border-left: 4px solid #F2F2F2;
    border-right: 4px solid #F2F2F2;
}
.body_tooltip_brand
{
    padding: 2px 5px;
    background-color: White;
    border-bottom: 4px solid #F2F2F2;
    border-left: 4px solid #F2F2F2;
    border-right: 4px solid #F2F2F2;
    width: 200px;
    text-align: center;
}
#imagelist
{
    width: 100%;
    float: left;
}
#imagelist .item
{
    float: left;
    width: 10%;
}
.heading
{
    width: 100%;
    text-align: center;
}
.heading h3
{
    text-transform: uppercase;
    margin-bottom: 15px;
}
.item_wrapper
{
    float: left;
    width: 33%;
}
.RadAutoCompleteBox_Default .racTokenList
{
    border: 1px solid #DAE2E6 !important;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.textleft
{
    text-align: left;
}
.textright
{
    text-align: right;
}
.textcenter
{
    text-align: center;
}
.textuppercase{ text-transform: uppercase;}
.linedot
{
    float: left;
    width: 100%;
    clear: both;
    overflow: hidden;
    height: 1px;
    border-top: 1px dotted #ccc;
}
/*Form Input*/
.FormInput
{
    float: left;
    width: 100%;
    background-color: #e7f3f8;
    border: solid 1px #D3E5ED;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    position: relative;
    padding: 10px 0;
}
.error_wrapper
{
    float: left;
    border: solid 1px #F0C3B4;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #FFF7F4;
    width: 100%;
}
.error_wrapper .error
{
    float: left;
    width: 100%;
}
.error_wrapper .error font
{
    text-align: center;
}
.FormInput .item50
{
    float: left;
    width: 48%;
    padding-left: 2%;
}
.FormInput .item100
{
    width: 100%;
}
.FormInput .item3070
{
    width: 100%;
}
.FormInput .item4060
{
    width: 100%;
}
.FormInput .header
{
    float: left;
    text-transform: uppercase;
    min-width: 100%;
}
.FormInput .item50 .name
{
    float: left;
    width: 29%;
    padding-right: 1%;
}

.FormInput .item50 .value
{
    float: left;
    width: 70%;
}

.FormInput .item50 .value span,.FormInput .item100 .value span, 
.FormInput .item50 .value input[type='radio']{ float: left;padding-right: 10px;line-height: 25px;}
.FormInput .item50 .value,
.FormInput .item50 .name,
.FormInput .item100 .name,
.FormInput .item100 .value
{ line-height: 25px;}
.radio-button{ line-height: 28px; }
.radio-button input{ margin-top: 8px;}
.radio-button span{ float: left;}
.radio-button label{margin-left: 4px;margin-right: 12px}
.FormInput .item100 .value span{line-height: 20px;}
.FormInput .item100 .name
{
    float: left;
    width: 45%;
    padding-left: 4%;
    padding-right: 1%;
}
.FormInput .item100 .value
{
    float: left;
    width: 50%;
}
.FormInput .item3070 .name
{
    float: left;
    width: 25%;
    padding-left: 4%;
    padding-right: 1%;
}
.FormInput .item3070 .value
{
    float: left;
    width: 70%;
}

.FormInput .item2080 .name
{
    float: left;
    width: 15%;
    padding-left: 4%;
    padding-right: 1%;
}
.FormInput .item2080 .value
{
    float: left;
    width: 80%;
}
.FormInput .item4060 .name
{
    float: left;
    width: 25%;
    padding-left: 4%;
    padding-right: 1%;
}
.FormInput .item4060 .value
{
    float: left;
    width: 70%;
}
.FormInput input[type='text'], .FormInput input[type='password']
{
    width: 250px;
    float: left;
}
.FormInput textarea
{
    width: 308px;
    height: 80px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #DAE2E6;
    padding: 2px;
    float: left;
}
.FormInput select
{
    width: 260px;
    float: left;
}
.FormInput .footer
{
    float: left;
    width: 100%;
    text-align: center;
    padding: 10px 0px;
}
.fontbold
{
    font-weight: bold;
}
.FormInput .avatar
{
    position: absolute;
    top: 10px;
    left: -75px;
    width: 150px;
    height: 150px;
    text-align: center;
    border: 1px solid #ccc;
    background-color: White;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 5px;
}
.FormInput .value a
{ float:left;}
.floatleft
{
    float: left;
}
.floatright
{
    float: left;
}
.divColor
{
    float: left;
    width: 100%;
}
.divColor .left
{
    float: left;
    padding-right: 5px;
    padding-top: 12px;
    width: 33px;
}
.divColor .right
{
    float: left;
    width: 400px;
}
.w-50{ width: 50px !important;}
.w-150{width: 150px !important;}
.w-300{width: 300px !important;}
.w-400{width: 500px !important;}
.w-500{width: 500px !important;}
.w-200{width: 200px !important;}
.w-250{width: 250px !important;}
.padLeft10{ padding-left: 10px;}
.panel{ display: inline;}

/********INPUT*********/
.error{border-color:#c60005!important;border-style:solid;border-top-color:#d70005!important;border-width: 1px;
       outline-color: rgba(255, 102, 102, 0.5) !important;
     -webkit-box-shadow:0 0 8px rgba(255,102,102,0.5);
     -moz-box-shadow:0 0 8px rgba(255,102,102,0.5);
     box-shadow:0 0 8px rgba(255,102,102,0.5);
     border-color:#f66}
select.error:focus,
input.error[type="checkbox"]:focus, 
input.error[type="checkbox"]:focus, 
input.error[type="text"]:focus, 
input.error[type="radio"]:focus {
     outline-color: rgba(255, 102, 102, 0.5) !important;
     -webkit-box-shadow:0 0 8px rgba(255,102,102,0.5);
     -moz-box-shadow:0 0 8px rgba(255,102,102,0.5);
     box-shadow:0 0 8px rgba(255,102,102,0.5);
     border-color:#f66
}
input, input.text, select, textarea
{
    color: #555;
    font: 13px arial,sans-serif;
}

    input.text, textarea, input[type="email"], input[type="password"], input[type="tel"], input[type="telintl"], input[type="text"], input[type="year"], input[type="numeric"], input[type="number"], input[type="input"], input[type="work_description"]
    {
        border: 1px solid #d2d2d2;
        border-top-color: #aeaeae;
        padding: 5px 4px;
        background: #fff url('data:image/gif;base64,R0lGODlhAQACAIAAAPj7/t7t/yH5BAAAAAAALAAAAAABAAIAAAICDAoAOw==') repeat-x top left;
    }

.ie7 input.text, .ie7 textarea, .ie7 input[type="email"], .ie7 input[type="password"], .ie7 input[type="tel"], .ie7 input[type="telintl"], .ie7 input[type="text"], .ie7 input[type="year"], .ie7 input[type="numeric"], .ie7 input[type="number"], .ie7 input[type="input"], .ie7 input[type="work_description"]
{
    background-color: #fff;
}

input.text:focus, textarea:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="telintl"]:focus, input[type="text"]:focus, input[type="year"]:focus, input[type="numeric"]:focus, input[type="number"]:focus, input[type="input"]:focus, input[type="work_description"]:focus
{
    outline: 0;
    -webkit-box-shadow: 0 0 4px rgba(82,168,236,0.5);
    -moz-box-shadow: 0 0 4px rgba(82,168,236,0.5);
    box-shadow: 0 0 4px rgba(82,168,236,0.5);
    border-color: rgba(82,168,236,0.75);
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    color: black;
}

textarea
{
    min-height: 60px;
    height: 120px;
}

label, legend
{
    display: inline;
    font-size: 13px;
}

select
{
    padding: 4px;
    width: 220px;
    border: 1px solid #d2d2d2;
    border-top-color: #aeaeae;
    background: #fff url('data:image/gif;base64,R0lGODlhAQACAIAAAPj7/t7t/yH5BAAAAAAALAAAAAABAAIAAAICDAoAOw==') repeat-x top left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

    select:focus
    {
        outline: 0;
        -webkit-box-shadow: 0 0 4px rgba(82,168,236,0.5);
        -moz-box-shadow: 0 0 4px rgba(82,168,236,0.5);
        box-shadow: 0 0 4px rgba(82,168,236,0.5);
        border-color: rgba(82,168,236,0.75);
        -webkit-transition: all .25s ease-in-out;
        -moz-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
        color: black;
    }

input[type="checkbox"]
{
    display: inline;
}


/* #Buttons
================================================== */

	.button,
	button, a.price-send,
	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	.button.green,
	button.green, 
	input[type="submit"].green,
	input[type="reset"].green,
	input[type="button"].green  
	{
	    box-sizing: border-box;
	    /*
	  -moz-border-radius: 4px;
	  -webkit-border-radius: 4px;
	  border-radius: 4px;*/
	  color: #fff;
	  display: inline-block;
	  font-size: 14px;
	  text-transform: uppercase;
	  font-weight: 400;
	  font-family:"Segoe UI" ,Arial,sans-serif;;
	  text-decoration: none;
	  text-shadow: 0 -1px rgba(0, 0, 0, .29);
	  cursor: pointer;
	  
	  line-height: 1;
	  padding: 8px 17px;
	  border:1px solid #379a3a; 
	  background: #45ab48; /* Old browsers */	  
	  background: -moz-linear-gradient(top, #67c16a, #45ab48); /* FF3.6+ */
	  background: #e1e7ec -webkit-gradient(linear, left top, left bottom, color-stop(0%,#67c16a), color-stop(100%,#45ab48)); /* Chrome,Safari4+ */
	  background: -webkit-linear-gradient(top, #67c16a, #45ab48); /* Chrome10+,Safari5.1+ */		 
	  background: -ms-linear-gradient(top, #67c16a, #45ab48); /* IE10+ */
	  background: -o-linear-gradient(top, #67c16a, #45ab48); /* Opera11.10+ */
	  background: linear-gradient(top, #67c16a, #45ab48); /* W3C */	  
	  -webkit-box-shadow: 0px 0px 2px rgba(255,255,255,0.4) inset;
	  -moz-box-shadow: 0px 0px 2px rgba(255,255,255,0.4) inset;
	  box-shadow: 0px 0px 2px rgba(255,255,255,0.4) inset;
	  -moz-transition: none;
-o-transition: none;
	    transition: none;
	   }

	.button:hover,
	button:hover, a.price-send:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	
	.button.green:hover,
	button.green:hover, 
	input[type="submit"].green:hover,
	input[type="reset"].green:hover,
	input[type="button"].green:hover  {
		background: #67c16a;
		-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.2) inset;
	  -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.2) inset;
	  box-shadow: 0px 0px 4px rgba(0,0,0,0.2) inset;
		}


	.button.full-width,
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; 
		}
		
	 .button.large,
	button.large,
	input[type="submit"].large,
	input[type="reset"].large,
	input[type="button"].large {
		padding: 0;
		 }
		 
	 .button.small,
	button.small,
	input[type="submit"].small,
	input[type="reset"].small,
	input[type="button"].small {
		
		font-size: 13px;
		 }
		 
	 .button.blue,
	button.blue,
	input[type="submit"].blue,
	input[type="reset"].blue,
	input[type="button"].blue {
	  border:1px solid #1b7499; 
	  background: #128abc; /* Old browsers */	  
	  background: -moz-linear-gradient(top, #32a6d6, #128abc); /* FF3.6+ */
	  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#32a6d6), color-stop(100%,#128abc)); /* Chrome,Safari4+ */
	  background: -webkit-linear-gradient(top, #32a6d6, #128abc); /* Chrome10+,Safari5.1+ */		 
	  background: -ms-linear-gradient(top, #32a6d6, #128abc); /* IE10+ */
	  background: -o-linear-gradient(top, #32a6d6, #128abc); /* Opera11.10+ */
	  background: linear-gradient(top, #32a6d6, #128abc); /* W3C */	  
		 }
		 
	 .button.blue:hover,
	button.blue:hover, 
	input[type="submit"].blue:hover,
	input[type="reset"].blue:hover,
	input[type="button"].blue:hover {
		background: #32a6d6;
		}
		 
	 .button.red,
	button.red,
	input[type="submit"].red,
	input[type="reset"].red,
	input[type="button"].red {
	  border:1px solid #cd2336; 
	  background: #e53f51; /* Old browsers */	  
	  background: -moz-linear-gradient(top, #eb5162, #e53f51); /* FF3.6+ */
	  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eb5162), color-stop(100%,#e53f51)); /* Chrome,Safari4+ */
	  background: -webkit-linear-gradient(top, #eb5162, #e53f51); /* Chrome10+,Safari5.1+ */		 
	  background: -ms-linear-gradient(top, #eb5162, #e53f51); /* IE10+ */
	  background: -o-linear-gradient(top, #eb5162, #e53f51); /* Opera11.10+ */
	  background: linear-gradient(top, #eb5162, #e53f51); /* W3C */	  
		 }
		 
	  .button.red:hover,
	button.red:hover, 
	input[type="submit"].red:hover,
	input[type="reset"].red:hover,
	input[type="button"].red:hover {
		background: #eb5162;
		}
		 
	 .button.gray,
	button.gray,
	input[type="submit"].gray,
	input[type="reset"].gray,
	input[type="button"].gray {
	  color:#656f79;
	  text-shadow: 0 -1px #fff;
	  border:1px solid #e3e5e6; 
	  background: #f3f4f5; /* Old browsers */	  
	  background: -moz-linear-gradient(top, #fdfdfd, #e1e4e5); /* FF3.6+ */
	  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#e1e4e5)); /* Chrome,Safari4+ */
	  background: -webkit-linear-gradient(top, #fdfdfd, #e1e4e5); /* Chrome10+,Safari5.1+ */		 
	  background: -ms-linear-gradient(top, #fdfdfd, #e1e4e5); /* IE10+ */
	  background: -o-linear-gradient(top, #fdfdfd, #e1e4e5); /* Opera11.10+ */
	  background: linear-gradient(top, #fdfdfd, #e1e4e5); /* W3C */	  
		 }
		 
		 		 
	  .button.gray:hover,
	button.gray:hover, 
	input[type="submit"].gray:hover,
	input[type="reset"].gray:hover,
	input[type="button"].gray:hover {
		background: #f6f7f7;
		}
				 
	 .button.cherry,
	button.cherry,
	input[type="submit"].cherry,
	input[type="reset"].cherry,
	input[type="button"].cherry {
	  border:1px solid #804159; 
	  background: #93516a; /* Old browsers */	  
	  background: -moz-linear-gradient(top, #a45d78, #93516a); /* FF3.6+ */
	  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a45d78), color-stop(100%,#93516a)); /* Chrome,Safari4+ */
	  background: -webkit-linear-gradient(top, #a45d78, #93516a); /* Chrome10+,Safari5.1+ */		 
	  background: -ms-linear-gradient(top, #a45d78, #93516a); /* IE10+ */
	  background: -o-linear-gradient(top, #a45d78, #93516a); /* Opera11.10+ */
	  background: linear-gradient(top, #a45d78, #93516a); /* W3C */	  
		 }
		 
	 .button.cherry:hover,
	button.cherry:hover, 
	input[type="submit"].cherry:hover,
	input[type="reset"].cherry:hover,
	input[type="button"].cherry:hover {
		background: #a45d78;
		}
						 
	 .button.orchid,
	button.orchid,
	input[type="submit"].orchid,
	input[type="reset"].orchid,
	input[type="button"].orchid {
	  border:1px solid #844d9a; 
	  background: #9661ab; /* Old browsers */	  
	  background: -moz-linear-gradient(top, #a06ab5, #9661ab); /* FF3.6+ */
	  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a06ab5), color-stop(100%,#9661ab)); /* Chrome,Safari4+ */
	  background: -webkit-linear-gradient(top, #a06ab5, #9661ab); /* Chrome10+,Safari5.1+ */		 
	  background: -ms-linear-gradient(top, #a45d78, #9661ab); /* IE10+ */
	  background: -o-linear-gradient(top, #a06ab5, #9661ab); /* Opera11.10+ */
	  background: linear-gradient(top, #a06ab5, #9661ab); /* W3C */	  
		 }
		 
	 .button.orchid:hover,
	button.orchid:hover, 
	input[type="submit"].orchid:hover,
	input[type="reset"].orchid:hover,
	input[type="button"].orchid:hover {
		background: #a06ab5;
		}
								 
	 .button.pink,
	button.pink,
	input[type="submit"].pink,
	input[type="reset"].pink,
	input[type="button"].pink {
	  border:1px solid #ca2b66; 
	  background: #e64883; /* Old browsers */	  
	  background: -moz-linear-gradient(top, #ea598f, #e64883); /* FF3.6+ */
	  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ea598f), color-stop(100%,#e64883)); /* Chrome,Safari4+ */
	  background: -webkit-linear-gradient(top, #ea598f, #e64883); /* Chrome10+,Safari5.1+ */		 
	  background: -ms-linear-gradient(top, #ea598f, #e64883); /* IE10+ */
	  background: -o-linear-gradient(top, #ea598f, #e64883); /* Opera11.10+ */
	  background: linear-gradient(top, #ea598f, #e64883); /* W3C */	  
		 }
		 
	 .button.pink:hover,
	button.pink:hover, 
	input[type="submit"].pink:hover,
	input[type="reset"].pink:hover,
	input[type="button"].pink:hover {
		background: #ea598f;
		}
										 
	 .button.orange,
	button.orange,
	input[type="submit"].orange,
	input[type="reset"].orange,
	input[type="button"].orange {
	  border:1px solid #c66f09; 
	  background: #ea8005; /* Old browsers */	  
	  background: -moz-linear-gradient(top, #eb9634, #ea8005); /* FF3.6+ */
	  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eb9634), color-stop(100%,#ea8005)); /* Chrome,Safari4+ */
	  background: -webkit-linear-gradient(top, #eb9634, #ea8005); /* Chrome10+,Safari5.1+ */		 
	  background: -ms-linear-gradient(top, #eb9634, #ea8005); /* IE10+ */
	  background: -o-linear-gradient(top, #eb9634, #ea8005); /* Opera11.10+ */
	  background: linear-gradient(top, #eb9634, #ea8005); /* W3C */	  
		 }
		 
	 .button.orange:hover,
	button.orange:hover, 
	input[type="submit"].orange:hover,
	input[type="reset"].orange:hover,
	input[type="button"].orange:hover {
		background: #eb9634;
		}		
												 
	 .button.teal,
	button.teal,
	input[type="submit"].teal,
	input[type="reset"].teal,
	input[type="button"].teal {
	  border:1px solid #108c84; 
	  background: #1fa79e; /* Old browsers */	  
	  background: -moz-linear-gradient(top, #34b7ae, #1fa79e); /* FF3.6+ */
	  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#34b7ae), color-stop(100%,#1fa79e)); /* Chrome,Safari4+ */
	  background: -webkit-linear-gradient(top, #34b7ae, #1fa79e); /* Chrome10+,Safari5.1+ */		 
	  background: -ms-linear-gradient(top, #34b7ae, #1fa79e); /* IE10+ */
	  background: -o-linear-gradient(top, #34b7ae, #1fa79e); /* Opera11.10+ */
	  background: linear-gradient(top, #34b7ae, #1fa79e); /* W3C */	  
		 }
		 
	 .button.teal:hover,
	button.teal:hover, 
	input[type="submit"].teal:hover,
	input[type="reset"].teal:hover,
	input[type="button"].teal:hover {
		background: #34b7ae;
		}
		
														 
	 .button.skyblue,
	button.skyblue,
	input[type="submit"].skyblue,
	input[type="reset"].skyblue,
	input[type="button"].skyblue {
	  border:1px solid #0e90b5; 
	  background: #03acdc; /* Old browsers */	  
	  background: -moz-linear-gradient(top, #1db7e3, #03acdc); /* FF3.6+ */
	  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1db7e3), color-stop(100%,#03acdc)); /* Chrome,Safari4+ */
	  background: -webkit-linear-gradient(top, #1db7e3, #03acdc); /* Chrome10+,Safari5.1+ */		 
	  background: -ms-linear-gradient(top, #1db7e3, #03acdc); /* IE10+ */
	  background: -o-linear-gradient(top, #1db7e3, #03acdc); /* Opera11.10+ */
	  background: linear-gradient(top, #1db7e3, #03acdc); /* W3C */	  
		 }
		 
	 .button.skyblue:hover,
	button.skyblue:hover, 
	input[type="submit"].skyblue:hover,
	input[type="reset"].skyblue:hover,
	input[type="button"].skyblue:hover {
		background: #1db7e3;
		}
				
														 
	 .button.jade,
	button.jade,
	input[type="submit"].jade,
	input[type="reset"].jade,
	input[type="button"].jade {
	  border:1px solid #0c916c; 
	  background: #0aad80; /* Old browsers */	  
	  background: -moz-linear-gradient(top, #19bc8f, #0aad80); /* FF3.6+ */
	  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1db7e3), color-stop(100%,#0aad80)); /* Chrome,Safari4+ */
	  background: -webkit-linear-gradient(top, #19bc8f, #0aad80); /* Chrome10+,Safari5.1+ */		 
	  background: -ms-linear-gradient(top, #19bc8f, #0aad80); /* IE10+ */
	  background: -o-linear-gradient(top, #19bc8f, #0aad80); /* Opera11.10+ */
	  background: linear-gradient(top, #19bc8f, #0aad80); /* W3C */	  
		 }
		 
	 .button.jade:hover,
	button.jade:hover, 
	input[type="submit"].jade:hover,
	input[type="reset"].jade:hover,
	input[type="button"].jade:hover {
		background: #19bc8f;
		}


		
	a.button, .button.blue, .button.red, .button.cherry, .button.orchid, .button.pink, .button.orange, .button.teal {
		 color: #fff;
		 }
		
	  .button:active,
	button:active, a.price-send:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
		border: 1px solid #ccc;
		color: #c1d7dc;
		 }
		 

	/* Fix for odd Mozilla border & padding issues */
	button::-moz-focus-inner,
	input::-moz-focus-inner {
    border: 0;
    padding: 0;
	}
	
	.title-header {
	    float: left;
	    margin: 20px 20px 5px 13px;
	    
	}
	.title-header h3 {
	    float: left;
	    text-transform: uppercase;
	    padding: 0 4px;
	    font-size: 14px;
	}
	.nav-bar {
	    background: url(images/arrow-nav.png) no-repeat center center;
	    width: 14px;
	    height: 23px;
	    float: left;
	}
	.cBlue{ color: blue;}
	.cGray{ color: gray;}
	.cRed{ color: red;}
	.div-loading{text-align: center; width: 100%;}
	
	.img-frame {
	    float: left; width: 70px; height: 70px; border: 1px solid #D8D8D8; padding: 2px;
	}
	.img-frame-item {
	    float: left; width: 70px; height: 70px; overflow: hidden;
	}