/* basic CSS Document */

*
{
    margin: 0;
    padding: 0;
    font-size: 12px;
}

body
{
    margin: o auto;
}

img
{
    vertical-align: middle;
}
a img
{
    border: 0;
}
.TextAlignRight
{
    text-align: right;
}
.TextAlignLeft
{
    text-align: left;
    padding-left: 10px;
}
.left
{
    float: left;
}
.right
{
    float: right;
}
.center
{
    text-align: center;
}
.clear
{
    clear: both;
}

#body-wrap input, select
{
    vertical-align: middle;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    padding: 3px;
}
.upload-field
{
    width: 400px;
    cursor: pointer;
}
.input-btn
{
    font-weight: bold;
    cursor: pointer;
}
.text-normal
{
    color: #484848;
    display: block;
    font-size: 10pt;
    font-family: Arial, Helvetica, sans-serif;
}
.NormalText
{
    color: #484848;
    display: block;
    font-size: 10pt;
    font-family: Arial, Helvetica, sans-serif;
}
.NormalTexts
{
    color: #818080;
    font-size: 8pt;
    font-family: Arial, Helvetica, sans-serif;
}
.text-bold
{
    color: #ff6600;
    display: block;
    font-size: 13pt;
    font-family: "Century Gothic" , Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.text-bold-heading
{
    color: #ff6600;
    font-size: 18pt;
    font-family: "Century Gothic" , Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.text-title
{
    color: #617c05;
    font-size: 9pt;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}
.text-id
{
    font-size: 10pt;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}
.Note-text
{
    color: #ff0000;
    font-size: 9pt;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}
a
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: #38a326;
    outline: none;
    text-decoration: none;
}
a:visited
{
    color: #38a326;
    text-decoration: none;
}
a:hover
{
    color: #ff6600;
    text-decoration: underline;
}
p
{
    padding-top: 12px;
}
.strong
{
    color: #333333;
    display: block;
    font-size: 1.182em;
}
hr
{
    height: 1px;
    color: #e5e5e5;
}
.link01:link
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #38a326;
    text-decoration: underline;
}
.link01:visited
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #38a326;
    text-decoration: underline;
}
.link01:hover
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
}
.link02:link
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #ff7200;
    text-decoration: none;
}
.link02:visited
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #ff7200;
    text-decoration: none;
}
.link02:hover
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #38a326;
    text-decoration: underline;
}
/* HEADINGS   
----------------------------------------------------------*/
h1, h4, h5, h6
{
    /*font-size: 1.5em;*/
    color: #ff0000;
    font-family: Arial, Helvetica, sans-serif;
}

h1
{
    font-size: 1.5em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    padding: 0 0 10px 0;
    color: #ff6600;
    display: block;
    font-size: 1.3em;
    font-family: "Century Gothic" , Arial, Helvetica, sans-serif;
    font-weight: bold;
}

h3
{
    font-size: 1.1em;
    margin-top: 1em;
    margin-bottom: 0.5em;
    margin-left: 0.2em;
    font: bold 11px "Trebuchet MS" , Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}


/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #CCC;
    background:#f3f3f3;
}

fieldset p
{
    margin: 2px 12px 10px 10px;
}

legend
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 2px 8px 2px;
    color: #38a326; /*width:150px;*/
}
input[type="button"]
{
    width:120px; height:40px; background:#89b556; float:right; margin:2px 12px 0 0; font-size:16pt; color:#ffffff; font-family:Segoe UI, Arial; cursor:pointer;
}
input[type="submit"]
{
    width:180px; height:40px; background:#89b556; margin:2px 12px 0 0; font-size:16pt; color:#ffffff; font-family:Segoe UI, Arial; cursor:pointer;
}
input[type="text"]
{
    width: 215px;
    border: 1px solid #CCC;
    padding: 4px;
    font-family: Arial;
    font-size: 9pt;
    color: #666666;
    background-image: url(../images/bg_textbox.gif);
}

input[type="password"]
{
    width: 150px;
    border: 1px solid #CCC;
    padding: 4px;
    font-family: Arial;
    font-size: 9pt;
    color: #666666;
    background-image: url(../images/bg_textbox.gif);
}

select
{
    border: 1px solid #CCC;
    padding: 3px;
    font-family: Arial;
    font-size: 9pt;
    color: #666666;
    background-image: url(../images/bg_textbox.gif);
}

/* TABLE
----------------------------------------------------------*/
#grid
{
    width: 100%;
}

#grid table
{
    border: solid 1px #d9d9d9;
    border-collapse: collapse;
}

#grid table td
{
    padding: 5px;
    border-left: solid 1px #d9d9d9;
    border-bottom: solid 1px #d9d9d9;
}


#grid table th
{
    background-color: #eeeeee;
    color: #000;
    padding: 5px;
    text-align: left;
    border-right: 1px solid #d9d9d9;
    border-bottom: solid 1px #d9d9d9;
}
#grid table td ul{ margin-left:25px;}
.leftpad{padding:3px 0px; font-size:9pt; color:#818080;}
.textpad{padding:8px 0px 0px 15px;}
/* ============================= main layout ====================== */
.imgindent
{
    margin: 0 20px 0 0;
    float: left;
}
.phone
{
    float: right;
    padding-right: 76px;
}
.space1
{
    margin-left: 50px;
}
.space2
{
    margin-left: 30px;
}
.space3
{
    margin-left: 20px;
}
.space4
{
    margin-left: 27px;
}
.margin1
{
    margin-top: 10px !important;
}
.padding1
{
    padding-bottom: 7px;
}
.padding2
{
    padding-top: 12px;
}
.paddingLeft
{
    padding-left: 12px;
}
.RightAl
{
    text-align: right;
    padding-left: 520px;
}
/* ============================= header ====================== */
#header
{
    position: relative;
}
#header-top-cont .header-top-left
{
    float: left;
    width: 480px;
    margin: 4px 0px 0 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: #ffffff;
}

#searchBgLeft
{
    float: left;
    background: url(../images/bg_search_l.gif) no-repeat;
    width: 9px;
    height: 24px;
}

#searchBgMid
{
    float: left;
    padding-top: 3px;
    background: url(../images/bg_search_m.gif) repeat-x;
    width: 205px;
    height: 24px;
}
#searchBgRight
{
    float: left;
    width: 30px;
    height: 24px;
}

#searchBgLeftDashBoard
{
    float: left;
    background: url(../images/bg_search_lw.gif) no-repeat;
    width: 9px;
    height: 24px;
}

#searchBgMidDashBoard
{
    float: left;
    padding-top: 3px;
    background: url(../images/bg_search_mw.gif) repeat-x;
    width: 235px;
    height: 24px;
}
#searchBgRightDashBoard
{
    float: left;
    width: 30px;
    height: 24px;
}

#searchTextBox
{
    width: 200px;
    padding: 1px;
    font-family: Arial;
    font-size: 8pt;
    color: #666666;
    border: 1px #fafafa solid;
    background: #fafafa;
}

#searchTextBoxDashBoard
{
    width: 225px;
    padding: 1px;
    font-family: Arial;
    font-size: 8pt;
    color: #666666;
    border: 1px #fafafa solid;
    background: #fafafa;
    height:12px;
}

#header-top-cont a
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: #ffffff;
    outline: none;
    text-decoration: none;
}
#header-top-cont a:visited
{
    color: #ffffff;
    text-decoration: none;
}
#header-top-cont a:hover
{
    color: #ff6600;
    text-decoration: underline;
}
#header-top-cont .header-top-right
{
    float: left;
    width: 475px;
    margin: 7px 0px 0 0px;
    padding-right: 13px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: #ffffff;
    text-align: right;
}
#header-mid-cont .logo
{
    float: left;
    width: 470px;
    height: 56px;
    background: url(../images/signage_logo.jpg) no-repeat;
}
#header-mid-cont .client-info
{
    float: left;
    width: 488px;
    height: 48px;
    margin-top:8px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #313131;
    font-weight: bold;
    text-transform: uppercase;
    text-align: right;
}
#top-login-cont .logintext
{
    margin: 10px 0px 0 0px;
    padding-top: 35px;
    text-align: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    color: #000265;
    font-weight: bold;
}
#top-login-cont .link01:Link
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    color: #000265;
    font-weight: bold;
    outline: none;
    text-decoration: none;
}
#top-login-cont .link01:hover
{
    color: #ff6600;
    text-decoration: underline;
}
#top-login-cont .language
{
    margin: 10px 0px 0 0px;
    text-align: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: #000265;
}

/*==================== Menu ===================== */

#menu ul
{
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: normal;
}

#menu li
{
    float: right;
}

#menu a
{
    display: block;
    width: 110px;
    height: 23px;
    padding-top: 14px;
    text-decoration: none;
    text-align: center;
    font-family: "Century Gothic";
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    border: none;
}

#menu a:hover, #menu .current_page_item a
{
    background: url(../images/btn_over.png) repeat-x left bottom;
    text-decoration: none;
}
#menu .active:selected
{
    background: url(../images/btn_over.png) repeat-x left bottom;
    text-decoration: none;
}

#menu .current_page_item a
{
    background: url(../images/btn_over.png) repeat-x left bottom;
    padding-left: 0;
    color: #30476A;
}


/* ============================= footer ====================== */
#footer .copy
{
    margin-left: 10px;
    padding-top: 18px;
    width: 300px;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #ffffff;
}
#footer .designby
{
    margin-right: 10px;
    padding-top: 18px;
    width: 400px;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #ffffff;
    text-align: right;
}
#footer a
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}
#footer a:hover
{
    color: #ff6600;
    text-decoration: underline;
}


/* Styles for Upload file fiels
----------------------------------------------------------*/
.uploadfile{width:99%; margin-top:8px;}
.uploadfile .uploadFl{height:50px;}
.uploadtext{font-size:26px; color:#acacac; margin-top:9px; width:85%; float:left;}
.b-b-b{padding:1em; background:url("../images/file-input-bg.png"); background-repeat:no-repeat; cursor:pointer;}
.b-b-s{cursor:pointer; color:red; font-weight:bold;}
.text-msg{padding:5px 13px; color:#3f7500;}
.text-01{color:#388405; font-size:12px; padding:8px 0 8px 0; }
.prog-bar{float:left; width:32%; color:#3f7500;}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, .editor-label, .display-field, .editor-field, .editor-label1, .editor-field1
{
    margin: 0.5em 0;
    padding-bottom: 1px;
}
.display-label, .editor-label
{
    font-weight: bold;
    width:50px;
    display:inline-block;
}
.editor-field{width:20em; display:inline-block;}
.editor-field1{ width:100%; display:inline-block;}

.display-label, .editor-label1
{
    font-weight: bold;
    width:100%;
    display:inline-block;
}

.text-box
{
    width: 30em;
}

.text-box.multi-line
{
    height: 6.5em;
}

.tri-state
{
    width: 6em;
}


/*---------*/
div#loadingDiv.loading
{
    width: 452px;
    height: 93px;
    background: url(../images/ajax-loader-thickbox.gif) no-repeat center center;
}

.loading-image
{
    background: transparent url('../images/progress-indicator-alpha.gif') no-repeat center center;
}

/*demo page css*/
.demoHeaders
{
    margin-top: 2em;
}
/*#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}*/
ul#icons
{
    margin: 0;
    padding: 0;
}
ul#icons li
{
    margin: 2px;
    position: relative;
    padding: 4px 0;
    cursor: pointer;
    float: left;
    list-style: none;
}
ul#icons span.ui-icon
{
    float: left;
    margin: 0 4px;
}


/*Search Bg css*/

/*
@group Messages
-----------------------
   	 	Messages
-----------------------
*/
.message
{
    padding: 5px;
    position: relative;
    padding-right: 15px;
    border: dotted 1px !important;
}
.message.valid
{
    background: #E5EDC4;
}
.message.invalid
{
    background: #F6B9B9;
    color: #C32727;
}
.message.info
{
    background-color: #D9EFFF;
    color: #2E6093 !important;
}
.message.alert
{
    background-color: #FFF3BB;
    color: #9E660C !important;
}
.close
{
    position: absolute;
    right: 3px;
    top: 0px;
    font-weight: bold;
    font-size: 10px;
    padding: 5px;
    cursor: pointer;
}
/*@end*/

/* Online Order Page Index View */
/* Mini Cart */
.CartTable
{
    border: 1px #e8e8e8 solid;
}
/*@end*/

/* Indent field Div */
.editor-div-child
{
    margin-left: 25px;
    border-left: 1px solid #aaaaaa;
    padding: 5px 5px 5px 10px;
    background-color: #ebebeb;
}

.order-odd-row
{
    background-color: #ffffff;
    padding: 5px;
}

.order-even-row
{
    background-color: #f8f8f8;
    padding: 5px;
}

.order-odd-row td
{
    padding: 5px;
}

.order-even-row td
{
    padding: 5px;
}

/* ============================= Frame Dialog ===========================*/
#dialog-body-wrap input, select
{
    vertical-align: middle;
    font-size: 9pt;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    padding: 3px;
}

/* ============================= End Frame Dialog ========================*/

/* ============================= Preferer Erection Removal Date ==========*/
.PrefererErectionRemoval
{
    border-right: #c0e0ef 1px outset;
    padding-right: 5px;
    border-top: #c0e0ef 1px outset;
    padding-left: 5px;
    font-weight: bold;
    font-size: 12px;
    padding-bottom: 5px;
    margin: 0px;
    border-left: #c0e0ef 1px outset;
    color: #000000;
    padding-top: 5px;
    border-bottom: #c0e0ef 1px outset;
    font-family: Tahoma, Verdana, Arial;
    background-color: #cccc99;
}
/* ============================= End Preferer Erection Removal Date ========*/

.error,.errors {
    color: Red;
}
.dragEnter
{
    display:none;
    font-size:large;
    text-align:center;
    }