#message-popup-window-mask
{
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 980;
 background-color: #efefef;
 opacity: .5;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";/*IE8*/
}

.message-popup
{
 position: absolute;
 z-index: 990;
 width: 407px;
 top: -9999em;
 left: 50%;
 margin: 0 0 0 -203px;
 background: #f3bf8f;
 padding: 0 4px 4px;
}

.message-popup.show { top: 280px; }

.message-popup .message-popup-head { padding: 1px 0; }

.message-popup .message-popup-head h2
{
 padding: 0 10px;
 margin: 0;
 font: bold 12px/19px Arial, Helvetica, sans-serif;
 color: #644f3b;
}

.message-popup .message-popup-head a
{
 float: right;
 border: 1px solid #ea7601;
 padding: 0 12px 0 7px;
 background: url(images/bkg_btn-close.gif) 0 50% repeat-x !important;
 font: normal 12px/17px Arial, Helvetica, sans-serif;
 color: #fff;
 text-decoration: none !important;
 cursor: pointer;
}

.message-popup .message-popup-head a span
{
 float: left;
 background: url(images/bkg_btn-close2.gif) 0 50% no-repeat;
 padding-left: 19px;
}

.message-popup .message-popup-content
{
 background: #fdf4eb;
 padding: 21px 21px 10px;
}

.message-popup .message-popup-content .message-icon
{
 float: left;
 width: 50px;
 padding: 47px 0 0;
 background-position: 50% 0;
 background-repeat: no-repeat;
 font-size: 10px;
 line-height: 12px;
 text-transform: uppercase;
 text-align: center;
 overflow: hidden;
}

.message-popup .message-popup-content .message-critical
{
 background-image: url(images/severity_critical.gif);
 color: #e41101;
}

.message-popup .message-popup-content .message-major { /*background-image:url(images/severity_major.gif);*/ color: #f55600; }

.message-popup .message-popup-content .message-minor { /*background-image:url(images/severity_minor.gif);*/ color: #ff9e22; }

.message-popup .message-popup-content .message-notice { /*background-image:url(images/severity_notice.gif);*/ color: #659601; }

.message-popup .message-popup-content .message-text
{
 float: right;
 width: 295px;
 min-height: 4.5em;
 overflow: hidden;
 color: #644f3b;
}

.message-popup .message-popup-content .read-more
{
 margin: 7px 0 0;
 text-align: right;
}

.message-popup .message-popup-content .read-more a
{
 background: url(images/more_arrow.gif) 0 50% no-repeat;
 padding-left: 14px;
 text-decoration: underline;
}

.message-popup .message-popup-content .read-more a:hover { text-decoration: none; }

/* TABLES
*******************************************************************************/

/* Grid - General */



.grid
{
 border-bottom: 0;
 padding-bottom: .5em;
}

.grid table
{
 width: 99.9%;
 border: 1px solid #cbd3d4;
 border-bottom: none;
}

.grid table.border { border: 1px solid #cbd3d4; }

.grid tbody { background: #fff; }    /* Zebra odd-row */

.grid tr.even, .grid tr.even tr { background: #f6f6f6; } /* Zebra even-row */

.grid tr.on-mouse
{
 background: #fcf5dd;
 cursor: pointer;
} /* Rows mouse-over */

.grid tr.invalid { background-color: #f5d6c7; }

.grid th, .grid td { padding: 2px 4px 2px 4px; }

.grid th { white-space: nowrap; }

.grid td.editable input.input-text
{
 width: 50px !important;
 margin-left: 4px !important;
}

.grid td input.input-text { width: 86%; }

.grid td input.input-inactive { background: #eee; }

.grid table td
{
 border-width: 0 1px 1px 0;
 border-color: #dadfe0;
 border-style: solid;
}
.grid table td a strong{ font-weight:normal}
.grid table.border td { background: #fff !important; }

.grid table td.first, .grid table td.last { border-right: 0; }

.grid table td.product { text-align: right; }

.grid table td.empty-text { padding: 15px; }

.grid table td .action-select { width: 100%; }

.grid .separator
{
 padding: 0 4px;
 color: #b9b9b9;
}

.grid tbody.odd tr { background: #fff !important; }

.grid tbody.even tr { background: #f6f6f6 !important; }

.grid tbody.odd tr td, .grid tbody.even tr td { border-bottom: 0; }

.grid tbody.odd tr.border td, .grid tbody.even tr.border td { border-bottom: 1px solid #dadfe0; }

/* Grid - Pager and Buttons row */



table.actions
{
 width: 100%;
 margin: .5em 0;
}

table.actions td { vertical-align: top; }

.pager select
{
 width: 4em !important;
 margin: 0 4px;
}

.pager input.page
{
 width: 2em!important;
 margin: 0 4px;
}

.pager .arrow
{
 margin: 0 3px;
 vertical-align: middle;
 display: inline;
}

.actions .pager
{
 background: none;
 font-size: 12px;
 padding: 0;
 border: none;
}

/* Grid - Headings */



.grid tr.headings { background: url(../../images/advancemsg/sort_row_bg.gif) 0 50% repeat-x; }

.grid tr.headings th
{
 border-width: 1px;
 border-color: #f9f9f9 #d1cfcf #f9f9f9 #f9f9f9;
 border-style: solid;
 padding-top: 1px;
 padding-bottom: 0;
 font-size: .9em;
}

.grid tr.headings th.last { border-right: 0; }

.grid tr.headings th.no-link
{ /* Grid th with no sorting functionality */
 padding-top: 2px;
 padding-bottom: 1px;
 color: #67767e;
}

.grid tr.headings th span.nobr { display: block; /* FF3 fix */ }

.grid tr.headings th a
{
 display: block;
 padding: 2px 4px 1px 0;
 color: #2d444f;
 text-decoration: none;
}

.grid tr.headings th a:hover
{
 color: #d85909;
 text-decoration: none;
}

.grid tr.headings th a.sort-arrow-desc, .grid tr.headings th a.sort-arrow-asc
{
 background: url(../../images/advancemsg/sort_on_bg.gif) 0 0 no-repeat;
 border-bottom: 1px solid #fff;
 border-right: 1px solid #fff;
 padding-bottom: 2px;
}

.grid tr.headings th span.sort-title
{
 display: block;
 padding: 3px 12px 4px 0;
 line-height: 1;
}

.grid tr.headings th a.sort-arrow-desc span.sort-title, .grid tr.headings th a.sort-arrow-asc span.sort-title
{
 background-position: right 50%;
 background-repeat: no-repeat;
 padding: 3px 12px 2px 8px;
}

.grid tr.headings th a.sort-arrow-desc span.sort-title { background-image: url(../../images/advancemsg/grid_sort_desc.gif); }

.grid tr.headings th a.sort-arrow-asc span.sort-title { background-image: url(../../images/advancemsg/grid_sort_asc.gif); }

/* Grid - Mass Action */



.massaction
{
 width: 100%;
 height: 26px;
 border: 1px solid #d1cfcf;
 border-bottom: none;
 background: url(../../images/advancemsg/massaction_bg.gif) repeat-x 0 100% #ebebeb;
 font-size: .9em;
}

.massaction td
{
 border-top: 1px solid #fff;
 padding: 1px 8px;
 vertical-align: middle;
}

.massaction .entry-edit fieldset .select
{
 width: auto; /*width:120px;*/
 display: inline;
}

.massaction .entry-edit fieldset select.validation-failed
{
 border: 1px dashed #eb340a !important;
 background: #faebe7 !important
}

.massaction .entry-edit fieldset
{
 margin: 0;
 padding: 0;
 background: none;
 border: none;
}

.massaction .entry-edit fieldset .field-row { display: inline; }

.massaction .entry-edit .field-row label
{
 float: none;
 width: auto;
 margin-left: 13px;
}

.massaction .entry-edit
{
 margin: 0 !important;
 padding: 0;
}

.massaction .entry-edit .validation-advice { display: none !important; }

.massaction a
{
 text-decoration: none;
 color: #EA7601;
}

.massaction .entry-edit fieldset span.form_row, .massaction .entry-edit fieldset span.field-row
{
 /* clear: none !important;
 display: inline;
 float: left !important;*/
 margin: 0;
 padding: 0 5px 0 0;
}

.massaction .entry-edit .outer-span { float: left; }

/* Grid - Filter */



.grid tr.filter
{
 background: url(../../images/advancemsg/filter_row_bg.gif) repeat-x #e3eff1;
 cursor: default;
}

.grid tr.filter th
{
 padding-top: 5px;
 padding-bottom: 5px;
 border: 1px solid #bdbdbd;
 border-width: 0 1px 1px 0;
 white-space: normal;
}

.grid tr.filter th.last { border-right: 0; width:19%}

.grid tr.filter input.input-text { width: 85%; }

.grid tr.filter select { width: 100%; }

.grid tr.filter .range .range-line
{
 margin-bottom: 3px;
 width: 100px;
}

.grid tr.filter .range div.date { min-width: 121px; }

.grid tr.filter .range input
{
 float: right;
 width: 50px !important;
 margin-top: 0;
}

.grid tr.filter .range select
{
 float: right;
 width: 56px !important;
 margin-top: 0;
}

.grid tr.filter .range .label
{
 display: block;
 width: 36px;
 float: left;
 padding-left: 2px;
 margin-right: 6px;
}

.grid tr.filter .range .range-line:last-child { padding-top: 10px; }

.grid tr.filter .date img
{
 width: 15px;
 height: 15px;
 cursor: pointer;
 vertical-align: middle;
}

.grid .head-massaction select { width: 50px !important; }

/* Grid Footer */



.grid table tfoot tr { background: #D7E5EF; }

.grid table tfoot tr td
{
 border-top: 1px solid #9babb9;
 background: #e5ecf2;
 line-height: 1.7em;
}

.grid table.border tfoot tr td { background: #D7E5EF !important; }

/* Dynamic Grid */ /* Used in pages like Catalog -> Attributes */



.dynamic-grid th
{
 padding: 2px;
 width: 100px;
}

.dynamic-grid td { padding: 2px; }

.dynamic-grid td input { width: 94px; }

tr.dynamic-grid td, tr.dynamic-grid th
{
 padding: 2px 10px 2px 0;
 width: auto;
}

tr.dynamic-grid input.input-text { width: 154px; }

.available
{
 color: #080;
 font-weight: bold;
}

.not-available { color: #800; }

/* ACCORDION
*******************************************************************************/



dl.accordion .grid { margin-bottom: 0; }

dl.accordion dt, .entry-edit .entry-edit-head
{
 background: #6f8992;
 padding: 2px 10px;
}

dl.accordion dt, div.collapseable { margin-top: 1px; }

dl.accordion dt a, div.collapseable a
{
 background: url(images/entry_edit_head_arrow_down.gif) 100% 50% no-repeat;
 color: #fff;
 display: block;
 font-weight: bold;
 text-decoration: none;
}

div.disabled { background: #c6cbc9 !important; }

div.disabled a
{
 background-image: url(images/entry_edit_head_arrow_down2.gif) !important;
 color: #f6f6f6 !important;
}

.entry-edit fieldset.collapseable { margin-bottom: 10px; }

dl.accordion dt a:hover, div.collapseable a:hover
{
 color: #fff;
 text-decoration: none;
}

dl.accordion dt.open a, div.collapseable a.open { background: url(images/entry_edit_head_arrow_up.gif) 100% 50% no-repeat; }

dl.accordion dd { display: none; }

dl.accordion dd.open { display: block; }

img.accordion-btn
{
 float: right;
 margin-top: 1px;
 margin-right: 5px;
}

/* TABS
*******************************************************************************/

/* Vertical  Tabs */



ul.tabs
{
 border-top: 1px solid #bebebe;
 background-color: #e7efef;
}

ul.tabs a, ul.tabs span { display: block; }

ul.tabs a, ul.tabs a:hover { text-decoration: none; }

/* ul.tabs a.notloaded             { color:#999; } */



ul.tabs a, ul.tabs a:hover { color: #000; }

ul.tabs, ul.tabs a { background: url(images/tabs_link_bg.gif) repeat-y 100% #E7EFEF; }

ul.tabs a:hover
{
 background-color: #D8E6E6;
 background-image: url(images/tabs_link_over_bg.gif);
}

ul.tabs a.active
{
 padding: 0;
 border-bottom: 1px solid #bebebe;
 background: none;
}

ul.tabs a:hover.active { padding: 0; }

ul.tabs span
{
 background: url(images/tabs_span_bg.gif) repeat-x 0 100%;
 padding: .3em 0.5em .28em 1.5em;
 cursor: pointer;
}

ul.tabs span em { float: right; }

ul.tabs a.active span, ul.tabs a:hover.active span
{
 background: #fff;
 font-weight: bold;
}

ul.tabs a.subitem { padding-left: 2.2em; }

ul.tabs span.changed, ul.tabs span.error
{
 float: right;
 background: 0;
 padding: 0;
}

ul.tabs a.changed span.changed
{
 background: url(images/fam_bullet_disk.gif) 0 0 no-repeat !important;
 width: 16px;
 height: 16px;
}

ul.tabs a.error span.error
{
 background: url(images/fam_bullet_error.gif) 0 0 no-repeat !important;
 width: 16px;
 height: 16px;
}

ul.tabs a.changed { font-style: italic; }

/* Horizontal Tabs */



ul.tabs-horiz
{
 margin: 0 0 18px 0;
 background: url(images/horiz_tabs_ul_bg.gif) repeat-x 0 100% #f8f8f8;
 padding: 8px 0 0 5px;
}

ul.tabs-horiz li
{
 float: left;
 margin: 0 4px;
}

ul.tabs-horiz li a
{
 display: block;
 background: #e2e2e2;
 border: 1px solid #ccc;
 padding: 2px 10px;
 color: #333 !important;
 text-decoration: none !important;
}

ul.tabs-horiz li a.notloaded { color: #999 !important; }

ul.tabs-horiz li a.active
{
 border-bottom: 1px solid #fff;
 background: #fff;
}

/* MESSAGES
*******************************************************************************/



.notification-global
{
 padding: 5px 27px 5px 47px;
 background: #fff9e9 url(images/error_msg_icon.gif) 27px 5px no-repeat;
 border-bottom: 1px solid #eee2be;
 border-top: 1px solid #eee2be;
 font-size: 11px;
 line-height: 16px;
 margin: 0 0 -3px;
 color: #444;
 position: relative;
}

.notification-global-notice { background-image: url(images/note_msg_icon.gif); }

.notification-global .label { color: #eb5e00; }

.notification-global .clickable { cursor: pointer; }

.notification-global span.critical { color: #d20000; }

.notification-global a:hover { text-decoration: none; }

.error, a.error span, .required, .validation-advice { /*color:#D40707 !important; font-weight:bold !important; */ }

.notice { color: #ea7601 }

.messages ul { border: 0 !important; }

/*.messages li
{
 min-height: 23px !important;
 margin-bottom: 11px !important;
 padding: 8px 8px 8px 32px !important;
 font-size: .95em !important;
 font-weight: bold !important;
}*/




.messages li
{
 min-height: 23px !important;
 margin-bottom: 11px !important;
 padding: 8px 8px 8px 10px !important;
 font-size: .95em !important;
 font-weight: bold !important;
}

.messages ul li
{
 margin: 0 0 3px 0 !important;
 border: 0 !important;
 padding: 0 !important;
}

.error-msg
{
 border: 1px solid #f16048 !important;
 color: #df280a !important;
 background: #faebe7 url(images/error_msg_icon.gif) no-repeat 10px 10px !important;
}

.success-msg
{
 border: 1px solid #95a486 !important;
 color: #3d6611 !important;/*background:#eff5ea url(../../images/advancemsg/success_msg_icon.gif) no-repeat 10px 10px !important; */
}

.notice-msg
{
 border: 1px solid #ffd967 !important;
 background: #fffbf0 url(images/note_msg_icon.gif) no-repeat 10px 10px !important;
 color: #3d6611 !important;
}

.warning-msg
{
 border: 1px solid #666e73 !important;
 background: #e6e6e6 url(images/warning_msg_icon.gif) no-repeat 10px 10px !important;
 color: #000000 !important;
}

.validation-advice
{
 clear: both;
 min-height: 15px;
 margin: 3px 0 0 9px;
 background: url(../../images/advancemsg/validation_advice_bg.gif) no-repeat 2px 1px;
 padding-left: 16px;
 font-size: .95em; /*font-weight:bold;*/
 line-height: 1.25em;
}

.staging-datetime-advice .validation-advice
{
 background-position: right center;
 padding: 0 16px 0 0;
}

input.validation-failed, textarea.validation-failed
{
 background: #fef0ed;
 border: 1px dashed #d6340e;
}

/* Noscript Notice */



.noscript
{
 border: 1px solid #000;
 border-width: 0 0 1px;
 background: #ffff90;
 font-size: 12px;
 line-height: 1.25;
 text-align: center;
 color: #2f2f2f;
}

.noscript .noscript-inner
{
 width: 900px;
 margin: 0 auto;
 padding: 12px 0 12px;
 background: url(images/i_notice.gif) 20px 50% no-repeat;
}

.noscript p { margin: 0; }

/* For Demo store only */



.demo-notice
{
 margin: 0;
 background: #d75f07;
 padding: 5px 10px 6px 10px;
 color: #fff;
 line-height: 1em;
 text-align: center;
}

/* FORMS
*******************************************************************************/



select.countries option { background-repeat: no-repeat; }

.entry-edit .fieldset .tree li, .entry-edit .tree li { margin: 0; }

/* Entry Edit  */ /* Site-wide form fieldset */



table.form-edit { width: 100%; }

.box, .entry-edit fieldset, .entry-edit .fieldset
{
 padding: 10px 15px;
 margin-bottom: 15px;
}

.entry-edit .entry-edit-head h4
{
 float: left;
 padding: 0;
 background: none;
 margin: 0;
 color: #fff;
 font-size: 1em;
 line-height: 18px;
 min-height: 0;
}

.entry-edit .entry-edit-head .tools { float: right; }

.entry-edit .entry-edit-head strong, .entry-edit .entry-edit-head a
{
 color: #fff;
 font-size: 1em;
 line-height: 18px;
 min-height: 0;
 font-weight: bold
}

.entry-edit .content
{
 margin-left: 0 !important;
 padding: 10px 15px;
}

.entry-edit fieldset li, .entry-edit .fieldset li { margin: 4px 0; }

.entry-edit fieldset span.form_row, .entry-edit .fieldset span.form_row, .entry-edit fieldset .field-row .hint, .entry-edit .fieldset .field-row .hint
{
 float: left;
 color: #999;
 padding-left: 12em;
}

.entry-edit .form-buttons
{
 float: right;
 margin: 2px -3px 2px 0pt;
}

label.inline
{
 float: none !important;
 width: auto !important;
}

.nested-content .entry-edit { margin-left: 2em; }

.nested-content .entry-edit .entry-edit { margin-left: 0; }

/* Form Elements */



input.input-text, textarea, select
{
 border-width: 1px;
 border-style: solid;
 border-color: #aaa #c8c8c8 #c8c8c8 #aaa;
 background: #fff;
 font: 12px arial, helvetica, sans-serif;
}

select { min-height: 17px; /* to set the height for empty selects */ }

input.input-text, textarea { padding: 2px; }

input.qty { width: 40px !important; }

input.item-qty { width: 22px !important; }

input.price
{
 width: 50px !important;
 text-align: right;
}

input[type=text].disabled { background: #eee; }

select optgroup { font-style: normal; }

select optgroup option { padding-left: 10px; }

select optgroup option.even { background: #f6f6f6; } /* Zebra even-row */

select.multiselect option
{
 padding: 3px 4px;
 border-bottom: 1px solid #ddd;
}

.checkboxes li { margin: 0 0 5px !important; }

.field-100 { }

.field-100 textarea, .field-100 input.input-text
{
 float: left;
 width: 95% !important;
}

/* Form List */ /* Table for default form data */



.form-list
{
 width: auto;
 border: 0 !important;
}

.form-list td.label, .form-list td.value, .form-list td.value2, .form-list td.note, .form-list td.scope-label, .form-list td.use-default
{
 border: 0 !important;
 padding-top: 5px !important;
 padding-bottom: 5px !important;
 padding-left: 5px !important;
 background: 0 !important;
}

.form-list td.hidden
{
 border: 0 !important;
 padding: 0 !important;
 background: 0 !important;
}

.form-list td.label { width: 200px; }

.form-list td.label label
{
 display: block;
 width: 185px;
 padding-right: 15px;
}

.form-list td.value input.input-text, .form-list td.value textarea { width: 274px; }

.form-list td.value textarea { height: 15em; }

.form-list td.value select { width: 280px; }

.form-list td.note
{
 background: url(images/note_cell_bg.gif) 6px 10px no-repeat !important;
 padding-left: 18px;
}

.form-list td.scope-label
{
 padding-left: 5px;
 color: #6f8992;
 font-size: .9em;
}

.form-list p.note
{
 margin: 0;
 padding: 0 0 0 13px;
 background: url(images/note_bg.gif) 1px 6px no-repeat;
 font-size: 11px;
}

.columns .form-list { width: auto; }

.columns .form-list td.value
{
 width: 280px;
 padding-right: 5px !important;
}

.columns .form-list td.value .next-toinput
{
 width: 75px;
 display: inline;
 margin-right: 5px;
}

.columns .form-list td.value .next-toselect input.input-text
{
 width: 180px;
 display: inline;
}

.fieldset-wide .form-list { width: 100% !important; }

.fieldset-wide .form-list td.value { width: auto !important; }

.fieldset-wide .form-list td.value input.input-text, .fieldset-wide .form-list td.value textarea { width: 98% !important; }

.fieldset-wide .form-list td.value select { display: block; }

.fieldset-wide .form-list td.scope-label
{
 white-space: nowrap;
 width: 1px;
}

.fieldset-wide .form-list td.note { width: 120px; }

.multi-input { margin-bottom: 8px; } /* Example: Address fields with 2 input lines */

.grid tr .form-list tr { background: #fff !important; } /* Follows grid row background-color */

.grid tr.even .form-list tr { background: #f6f6f6 !important; } /* Follows grid row background-color */

.grid tr.on-mouse .form-list tr { background: #fcf5dd !important; } /* Follows grid row background-color */

.grid tr .form-list { margin: 8px 0; }

.field-row
{
 display: block;
 margin-bottom: 5px;
}

span.delete-image, span.delete-file
{
 display: block;
 white-space: nowrap;
 padding-left: 25px;
}

span.delete-file { padding: 0; }

/* Back compatibility with span forms */



.entry-edit .field-row { display: block; }

.entry-edit .field-row label
{
 float: left;
 width: 150px;
}

/* Form Button */



.content-buttons.form-buttons, .content-header .form-buttons
{
 text-align: right;
 margin-bottom: 0;
 white-space: nowrap;
}

.content-header .content-buttons-placeholder { display: inline !important; }

.content-header .form-buttons { float: right; }

.content-header td.form-buttons { float: none; }

.content-header .form-buttons button { margin-bottom: 3px; }

.sub-btn-set
{
 border: 1px solid #ddd;
 border-width: 0 1px;
 background: url(images/sub_button_bg.gif) repeat;
 padding: 3px 10px;
 text-align: right;
}

button, .form-button
{
 border-width: 1px;
 border-style: solid;
 border-color: #ed6502 #a04300 #a04300 #ed6502;
 padding: 0 7px 1px 7px;
 background: #ffac47 url(../../images/advancemsg/btn_bg.gif) repeat-x 0 100%;
 color: #fff;
 font: bold 12px arial, helvetica, sans-serif;
 cursor: pointer;
 text-align: center !important;
 white-space: nowrap;
}

button:hover { background: #f77c16 url(../../images/advancemsg/btn_over_bg.gif) repeat-x 0 0; }

button:active { background: #f77c16 url(../../images/advancemsg/btn_on_bg.gif) repeat-x 0 0; }

button span
{
 line-height: 1.35em;
 background-repeat: no-repeat;
 background-position: 0 50%;
}

button.delete, button.save, button.add { padding-left: 6px; }

button.cancel span, button.delete span, button.save span, button.add span, button.back span, button.add-image span, button.add-widget span { padding-left: 20px; }

button.back
{
 border-color: #ccc #aaa #aaa #ccc;
 background-color: #fff;
 background-image: url(images/btn_back_bg.gif);
 color: #555;
}

button.back span { background-image: url(images/icon_btn_back.gif); }

button.cancel, button.delete
{
 border-color: #d24403 #a92000 #a92000 #d24403;
 background-image: url(../../images/advancemsg/cancel_btn_bg.gif);
 background-color: #fcaf81;
 color: #fff;
}

button.cancel:hover, button.delete:hover { background-image: url(../../images/advancemsg/cancel_btn_over_bg.gif); }

button.cancel:active, button.delete:active
{
 background-image: url(images/cancel_btn_active_bg.gif);
 background-color: #e0612f;
}

button.cancel span, button.delete span { background-image: url(images/cancel_btn_icon.gif); }

button.add span { background-image: url(images/add_btn_icon.gif); }

button.save span { background-image: url(images/save_btn_icon.gif); }

button.show-hide span
{
 background-image: url(images/btn_show-hide_icon.gif);
 padding-left: 26px;
}

button.add-image span { background-image: url(images/btn_add-image_icon.gif); }

button.add-widget span
{
 background-image: url(images/btn_add-widget_icon2.gif);
 padding-left: 24px;
}

button.add-variable span
{
 background-image: url(images/btn_add-variable_icon.gif);
 padding-left: 26px;
}

button.go span
{
 background-image: url(images/btn_go.gif);
 padding-left: 16px;
}

button.btn-chooser
{
 display: block;
 margin: 0 0 10px;
}

button.disabled, button.disabled:hover, button.disabled:active
{
 border-color: #777 #505050 #505050 #777;
 background: #919191 url(images/btn_bg-disabled.gif) 0 0 repeat-x;
 color: #fff;
 cursor: default;
 opacity: .8;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}

button.add.disabled span { background-image: url(images/add_btn_icon-disabled.gif); }

button.icon-btn { width: 32px !important; }

button.icon-btn span
{
 text-indent: -999em;
 display: block;
 width: 16px;
 padding: 0;
 overflow: hidden;
}

.buttons-set { margin: 0 0 10px; }

.buttons-set button { margin-right: 5px; }

/* SWITCHER
*******************************************************************************/



.switcher
{
 margin-bottom: 10px;
 border: 1px solid #cddddd;
 background: #e7efef;
 padding: 10px;
}

.side-col .switcher select { width: 100%; }

/*.side-col .switcher     { margin-right:20px; margin-bottom:20px; }*/



.catalog-categories .side-col .switcher
{
 margin-right: 0;
 margin-bottom: 15px;
}

/* SPACE
*******************************************************************************/



.box-left, .box-right { width: 48.5%; }

.box-left { float: left; }

.box-right { float: right; }

.box-left .content, .box-right .content { padding: 6px 14px; }

.separator, .pipe
{
 padding: 0;
 font-size: .9em;
} /* vertical pipe */

.divider
{
 display: block;
 height: 1px;
 margin: 8px 0;
 background: #ddd;
 overflow: hidden;
}  /* horizontal pipe */

td.divider
{
 font-size: 1px;
 line-height: 0;
}

.box, .entry-edit fieldset, .entry-edit .fieldset
{
 border: 1px solid #d6d6d6;
 background: #fafafa;
}

/* SCOLLER */ /* Used primarily in Sales -> Order -> Create Order */ /*
*******************************************************************************/



.scroll-cont
{
 position: absolute;
 top: -25px;
 left: 503px;
 width: 16px;
 height: 265px;
 background: transparent url(images/db-scroll-bg.gif) no-repeat top;
 z-index: 10000;
}

.auto-scroll
{
 overflow: auto;
 height: 11em;
}

.root
{
 position: relative;
 height: 260px;
 margin: 0;
 width: 1px;
}

.thumb
{
 position: absolute;
 height: 40px;
 width: 16px;
 margin-top: -28px;
 z-index: 11000;
}

.up
{
 margin-top: 254px;
 height: 16px;
}

.dn
{
 margin-top: 0;
 padding: 0;
 height: 15px;
}

.up a, .up a img, .dn a, .dn a img, .thumb a, .thumb a img { border: 0; }

.up a:active, .dn a:active { outline: none; }

.scrollContainer
{
 position: absolute;
 left: 0;
 top: 19px;
 clip: rect(0 467px 200px 0);
 overflow: auto;
 border: 0;
}

.scrollContent
{
 position: absolute;
 left: 0;
 top: 0;
}

/* Horizontal scroll */



.hor-scroll
{
 width: 100%;
 overflow: auto;
 padding-bottom: 4px;
 margin-bottom: -4px;
} /* IE has personal style, see iestyles.css */

/**/



.note-list
{
 width: 100%;
 overflow: hidden;
}

.note-list li
{
 border-top: 1px solid #e3e3e3;
 margin-top: 9px !important;
 background: url(images/icon_note_list.gif) no-repeat 0 4px;
 padding-bottom: 9px;
 padding-left: 18px;
}

#loading-mask
{
 background:background:url(../images/blank.gif) repeat;
 position: absolute;
 color: #d85909;
 font-size: 1.1em;
 font-weight: bold;
 text-align: center;
 opacity: 0.80;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8 */
 z-index: 500;
}

#loading-mask .loader
{
 position: fixed;
 top: 45%;
 left: 50%;
 width: 120px;
 margin-left: -60px;
 padding: 15px 60px;
 background: #fff4e9;
 border: 2px solid #f1af73;
 color: #d85909;
 font-weight: bold;
 text-align: center;
 z-index: 1000;
}

.grid tr.filter .range img
{
 display: inline-block;
*margin-left: 0px;
 margin-left: 10px;
}

/*.display-single-price .error-msg span
{
 padding-left: 15px;
 vertical-align: middle;
}*/

/*.display-single-price .success-msg span
{
 padding-left: 15px;
 vertical-align: middle;
 color: #11b400;
}*/




.error-msg span
{
 padding-left: 15px;
 vertical-align: middle;
}

.success-msg span
{
 padding-left: 15px;
 vertical-align: middle;
 color: #11b400;
}

.messages li li { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; }

.display-single-price .messages li { padding-left: 10px !important; }

select { min-height: 17px !important; }

.send_item_text textarea { resize: none; }

.massaction td:first-child
{
 float: left !important;
 width: 65% !important;
}


/*27th July 2015 BY AJ*/





#messageGrid_massaction-form 
{
 float:right;
}


.massaction .entry-edit fieldset span.form_row, .massaction .entry-edit fieldset span.field-row
{
padding-right:0;
}

#messageGrid_massaction-form label
{
 margin-right:10px;
}

.grid .head-massaction select {
    width: 100% !important;
}

#messageGrid .pager
{
 float:left;
}

.filter-actions.a-right button:first-child {
margin-right: 10px;
}

.grid tr.filter .range input {
float: right;
margin-top: 0;
width: 80px !important;
}

.grid tr.filter .range div.date {
min-width: 100%;
}

#messageGrid_filter_message_id, #messageGrid_filter_message_title, #messageGrid_filter_email
{
 width:100% !important;
}


.category-cloths .skip-links
{
 position:relative;
}


.category-cloths #header-nav
{
position:absolute;
z-index:99;
}


.skip-link.skip-account.skip-active {
    position: relative;
}

.skip-link.skip-account {
    position: absolute !important;
}


.category-cloths #fancybox-outer > a
{
right: -30px;
}

.product-tshirt .plus
{
 background-repeat: no-repeat;
    left: 5px;
    position: relative;
    top: 7px;
}


/*.grid tr.filter input.input-text {
width: 100% !important;
}*/



@media (max-width:768px)
{

#header-account.skip-content.skip-active {
left: 50%;
position: absolute;
z-index: 99;
width:100%;
}

.skip-link.skip-account {
    position: relative !important;
}
}


@media (max-width:604px)
{
#header-nav
{
 width:100% !important;
}

.products-grid.products-grid--max-4-col.first.last.odd select {
    width: 100% !important;
}

.catalog-product-view .product-options
{
 width:92% !important; 

}

.catalog-product-view .product-options p.required {
    position: absolute;
    right: 0;
    top: -36px;
}

.catalog-product-view .product-options-bottom
{
 width:92% !important;
}

}



/*End Css*/













 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

.massaction td:first-child
{
 float: left !important;
 width: 50% !important;
}

.range input
{
 font-size: 11px;
 padding: 4px !important;
}
}

select
{
 
}

input
{

}
 @media only screen and (min-device-width : 320px) and (max-device-width : 640px) {

.massaction td:last-child
{
 border-top: medium none;
 float: left !important;
}

.right { margin-bottom: 10px; }
}

#messageGrid_massaction-select { height: 24px !important; }

.send-message .buttons-set
{
 border: medium none;
 display: inline-block;
 text-align: left;
}

/*Message Page Css* Starts*/


.first_td
{
 display: block;
 font-size: 16px;
 text-transform: capitalize;
}

.second_td
{
 display: block;
 font-size: 80%;
 font-weight: bold;
 margin-bottom: 10px;
}

.msg_new_table
{
 margin-top: 10px;
 width: 100%;
}

.comment_btn
{
 border: medium none !important;
 margin: 0 !important;
 padding: 0 !important;
 float: left;
}

.reply_btn { margin-top: 10px; }

.template_title { font-size: 20px; }

.template_section
{
 background: none repeat scroll 0 0 #f0f0f0;
 border: 1px solid #ccc;
 padding: 10px;
}

.customer_msgs_reply { width: 100% }

.customer_msgs_reply textarea { width: 100% }

#reply_link > a
{
 cursor: pointer;
 opacity: 0.8;
}

#reply_link > a:hover { opacity: 1; }

.template_section > a { float: left; }



/*End css*/

@media ( max-width:480px) {

#messageGrid .pager select { width: 3em !important; }

#messageGrid .actions .filter-actions.a-right
{
 display: block;
 text-align: center;
}

#messageGrid .grid tr.filter .range input { width: 100% !important; }

.product-options dd select
{
width:100% !important;
}

.product-options p.required
{
 right:0;
}

}

*, *:before, *:after
{
 box-sizing: border-box;
 margin: 0;
 padding: 0;
}

*, *:before, *:after
{
 box-sizing: border-box;
 margin: 0;
 padding: 0;
}

.send-message #messagetitle { width: 50%; }

.send-message input, textarea { font-size: 12px !important; }

.page-title h1, .page-title h2, .product-name h1, .product-name .h1
{
 font-family: inherit !important;
 font-weight: 400 !important;
}

.msg_sent_by{
text-transform :capitalize;
}
.notice-msg > span {
    margin-left: 20px;
}