/* +------------------------------------------------------------+ */

/* | General XHTML Elements                                     | */

/* +------------------------------------------------------------+ */



p {

     padding: 0px;

     margin: 0px 0px 8px 0px;

     }



sup, sub {

     font-size: 8px;

     }



img {

     border: none;

     }



form {

     margin: 0px 0px 10px 0px;

     }



fieldset {

     border: none;

     padding: 0px;

     margin: 0px;

    }



legend {

     display: none;

}





label {

     display: none;

}



/* +------------------------------------------------------------+ */

/* | General XHTML Classes                                      | */

/* +------------------------------------------------------------+ */



.hidden {

     display: none;

     }



.clearboth {

     clear: both;

     height: 1px;

     overflow: hidden;

     }



.center {

     text-align: center;

     }



.strong {

     font-weight: bold;

     }



.big {

     font-weight: bold;

     font-size: 16px;

     }



.small {

     font-size: 11px;

     }



.error {

     color: #FF0000;

     border: 1px solid #FF0000;

     font-weight: bold;

     padding: 4px 6px 4px 6px;

     margin: 10px 0px 20px 0px;

     }



.confirm {

     color: #339933;

     border: 1px solid #339933;

     font-weight: bold;

     padding: 4px 6px 4px 6px;

     margin: 10px 0px 20px 0px;

     }



.imgfloatrt {

     display: inline;

     float: right;

     margin: 0px 0px 8px 8px;

     }



.imgfloatlt {

     display: inline;

     float: left;

     margin: 0px 8px 8px 0px;

     }



/* +------------------------------------------------------------+ */

/* | System Required Divs                                       | */

/* +------------------------------------------------------------+ */



#debug {

     clear: both;

     font-family: Courier, 'Courier New', monospace;

     font-size: 12px;

     color: #000000;

     background-color: #FFFFFF;

     border-top: 1px solid #000000;

     overflow: hidden;

     padding: 10px;

     margin: 20px 0px 0px 0px;

     }



#loading_overlay {

     position: absolute;

     z-index: 99000;

     filter:alpha(opacity=70);

     -moz-opacity:0.7;

     opacity: 0.7;

     text-align: center;

     background-color: #FFFFFF;

     display: none;

     }



#loading_overlay img {

     width: 36px;

     height: 36px;

     display: block;

     margin: 0px 0px 0px -18px;

     position: absolute;

     top: 100px;

     left: 50%;

     }



/* +------------------------------------------------------------+ */

/* | System Required Classes: Default Horizontal Rule           | */

/* +------------------------------------------------------------+ */



hr.defaulthr {

     color: #DEDEDE;

     background-color: #DEDEDE;

     border: 0px;

     height: 1px;

     width: 100%;

     }



/* +------------------------------------------------------------+ */

/* | System Required Classes: Default Heading                   | */

/* +------------------------------------------------------------+ */



h2.defaultheading {

     color: #000000;

     font-weight: bold;

     font-size: 16px;

     padding: 0px 0px 2px 0px;

     margin: 10px 0px 10px 0px;

     }



/* +------------------------------------------------------------+ */

/* | System Required Classes: Default Link                      | */

/* +------------------------------------------------------------+ */



.defaultlink {

     margin: 10px 0px 10px 0px;

     padding: 4px 6px 4px 6px;

     border: 1px solid #DEDEDE;

     }



.defaultlink p {

     margin: 0px;

     }



/* +------------------------------------------------------------+ */

/* | System Required Classes: Default Container                 | */

/* +------------------------------------------------------------+ */



.defaultcontainer {

     margin: 10px 0px 10px 0px;

     padding: 4px 6px 4px 6px;

     border: 1px solid #DEDEDE;

     }



/* +------------------------------------------------------------+ */

/* | Required Classes: Fancy Container                          | */

/* +------------------------------------------------------------+ */



div.fancycontainer {

     margin: 6px 0px 6px 0px;

     padding: 4px 6px 4px 6px;

     border: 1px solid #DEDEDE;

     }



/* +------------------------------------------------------------+ */

/* | System Required Classes: Default Internal Menu             | */

/* +------------------------------------------------------------+ */



.defaultinternalmenu {

     margin: 0px 0px 20px 0px;

     }



.defaultinternalmenu h2.defaultheading {

     margin: 20px 0px 10px 0px;

     }



.defaultinternalmenu ul {

     margin: 0px;

     padding: 0px;

     list-style: none;

     border: 1px solid #DEDEDE;

     }



.defaultinternalmenu ul li {

     margin: 0px;

     padding: 0px;

     list-style: none;

     border-bottom: 1px solid #DEDEDE;

     }



.defaultinternalmenu ul li:last-child {

     border-bottom: none;

     }



.defaultinternalmenu ul li a {

     color: #333333;

     font-weight: normal;

     text-decoration: none;

     display: block;

     padding: 10px 10px 10px 10px;

     line-height: 1em;

     margin: 0px;

     }



.defaultinternalmenu ul li a:hover {

     background-color: #EFEFEF;

     color: #000000;

     font-weight: normal;

     text-decoration: none;

     }



/* +------------------------------------------------------------+ */

/* | System Required Classes: Form Legends and Descriptions     | */

/* +------------------------------------------------------------+ */



.formfieldleg {

     font-weight: bold;

     font-size: 13px;

     }



.formfieldleg_rnc {

     font-weight: bold;

     color: #FF0000;

     font-size: 13px;

     }



.formfielddesc {

     font-size: 11px;

     margin: 0px 0px 10px 0px;

     }



.formfielddesc p {

     padding: 0px;

     margin: 0px 0px 5px 0px;

     }



.formfielddesc p:last-child {

     margin-bottom: 0px;

     }



/* +------------------------------------------------------------+ */

/* | System Required Classes: Form Fields                       | */

/* +------------------------------------------------------------+ */



.formfieldwysiwyg {

     background-color: #FFFFFF;

     border: 1px solid #555555;

     margin: 0px 5px 5px 0px;

     font-family: Arial, Helvetica, sans-serif;

     font-size: 12px;

     padding: 2px;

     }



.formfieldwysiwyg_rnc {

     background-color: #FAC0C2;

     border: 1px solid #FF0000;

     margin: 0px 5px 5px 0px;

     font-family: Arial, Helvetica, sans-serif;

     font-size: 12px;

     padding: 2px;

     }



.formfieldradcb {

     color: inherit;

     background-color: inherit;

     margin: 0px 0px 4px 0px;

     border: none;

     }



.formfieldradcb_rnc {

     color: inherit;

     background-color: #FAC0C2;

     border: none;

     }



.formfield {

     background-color: #FFFFFF;

     border: 1px solid #555555;

     margin: 0px 5px 5px 0px;

     font-family: Arial, Helvetica, sans-serif;

     font-size: 12px;

     padding: 2px;

     }



.formfield_rnc {

     background-color: #FAC0C2;

     border: 1px solid #FF0000;

     margin: 0px 5px 5px 0px;

     font-family: Arial, Helvetica, sans-serif;

     font-size: 12px;

     padding: 2px;

     }



select.formfield, select.formfield_rnc {

     -moz-border-radius: 6px 0px 0px 6px;

     -webkit-border-radius: 6px 0px 0px 6px;

     border-radius: 6px 0px 0px 6px;

     }



input.formfield, textarea.formfield, textarea.formfieldwysiwyg, textarea.formfieldwysiwyg_rnc, input.formfield_rnc, textarea.formfield_rnc {

     -moz-border-radius: 6px 6px 6px 6px;

     -webkit-border-radius: 6px 6px 6px 6px;

     border-radius: 6px 6px 6px 6px;

     }



.formfield:focus, .formfield_rnc:focus, .formfieldwysiwyg:focus, .formfieldwysiwyg_rnc:focus {

     background-color: #FFFFDD;

     border: 1px solid #FFCC66;

     }



textarea.formfield, textarea.formfield_rnc, textarea.formfieldwysiwyg, textarea.formfieldwysiwyg_rnc {

     width: 90%;

     }



/* +------------------------------------------------------------+ */

/* | System Required Classes: Form Buttons                      | */

/* +------------------------------------------------------------+ */



.formbutton {

     display: inline-block;

     color: #333333;

     background-color: #DEDEDE;

     padding: 3px 6px 2px 6px;

     margin: 0px 5px 5px 0px;

     font-weight: bold;

     font-size: 11px;

     border: 1px solid #555555;

     -moz-border-radius: 6px 6px 6px 6px;

     -webkit-border-radius: 6px 6px 6px 6px;

     border-radius: 6px 6px 6px 6px;

     text-decoration: none;

     text-align: center;

     font-family: Arial, Helvetica, sans-serif;

     }



.formbutton:hover {

     color: #333333;

     background-color: #F6F6F6;

     -moz-border-radius: 6px 6px 6px 6px;

     -webkit-border-radius: 6px 6px 6px 6px;

     border-radius: 6px 6px 6px 6px;

     text-decoration: none;

     }



/* +------------------------------------------------------------+ */

/* | System Required Classes: Table Displays                    | */

/* +------------------------------------------------------------+ */



td.borderbottom {

     border-bottom: 1px solid #DEDEDE !important;

     }



/* +------------------------------------------------------------+ */

/* | System Required Classes: Form Table Displays               | */

/* +------------------------------------------------------------+ */



.formtablehead {

     color: #000000;

     font-weight: bold;

     font-size: 16px;

     padding: 0px 0px 2px 0px;

     margin: 10px 0px 10px 0px;

     }



table.formtable {

     margin: 0px 0px 10px 0px;

     padding: 0px;

     width: 100%;

     border-collapse: separate;

     border-spacing: 0px;

     border: 1px solid #DEDEDE;

     }



td.formtable {

     padding: 4px 6px 4px 6px;

     vertical-align: top;

     border-bottom: 1px solid #DEDEDE;

     text-align: left;

     }



table.formtable tr:last-child td.formtable {

     border-bottom: none;

     }



td.formtable p {

     margin: 0px 0px 5px 0px;

     }



/* +------------------------------------------------------------+ */

/* | System Required Classes: Sort Table Displays               | */

/* +------------------------------------------------------------+ */



.sorttablehead {

     color: #000000;

     font-weight: bold;

     font-size: 16px;

     padding: 0px 0px 2px 0px;

     margin: 10px 0px 10px 0px;

     }



table.sorttable {

     margin: 0px 0px 10px 0px;

     padding: 0px;

     width: 100%;

     border-collapse: separate;

     border-spacing: 0px;

     border: 1px solid #DEDEDE;

     }



th.sorttable {

     padding: 4px 6px 4px 6px;

     vertical-align: bottom;

     border-bottom: 1px solid #DEDEDE;

     font-weight: bold;

     text-align: left;

     }



td.sorttable {

     padding: 4px 6px 4px 6px;

     vertical-align: top;

     border-bottom: 1px solid #DEDEDE;

     text-align: left;

     }



table.sorttable tr:last-child td.sorttable {

     border-bottom: none;

     }



td.sorttable p {

     margin: 0px 0px 5px 0px;

     }

     

/* +------------------------------------------------------------+ */

/* | System Required Classes: Regular Table Displays            | */

/* +------------------------------------------------------------+ */



.regtablehead {

     color: #000000;

     font-weight: bold;

     font-size: 16px;

     padding: 0px 0px 2px 0px;

     margin: 10px 0px 10px 0px;

     }



table.regtable {

     margin: 0px 0px 10px 0px;

     padding: 0px;

     width: 100%;

     border-collapse: separate;

     border-spacing: 0px;

     border: 1px solid #DEDEDE;

     }



td.regtable {

     padding: 4px 6px 4px 6px;

     vertical-align: top;

     border-bottom: 1px solid #DEDEDE;

     text-align: left;

     }



table.regtable tr:last-child td.regtable {

     border-bottom: none;

     }



td.regtable p {

     margin: 0px 0px 5px 0px;

     }



/* +------------------------------------------------------------+ */

/* | System Required Classes: Invisible Table Displays          | */

/* +------------------------------------------------------------+ */



table.invisible {

     margin: 0px;

     padding: 0px;

     border-collapse: collapse;

     border-spacing: 0px;

     width: 100%;

     border: none;

     }



td.invisible {

     padding: 0px;

     margin: 0px;

     vertical-align: top;

     border: none;

     text-align: left;

     }



td.invisible p {

     margin: 0px 0px 5px 0px;

     }



/* +------------------------------------------------------------+ */

/* | System Required Classes: Ajax Styles                       | */

/* +------------------------------------------------------------+ */



a.ajaxwindow_link, a.ajaxwindow_link:hover {

     font-weight: bold;

     text-decoration: none;

     font-size: 12px;

     }



a.ajaxwindow_link:hover {

     text-decoration: underline;

     }



/* +------------------------------------------------------------+ */

/* | System Required Classes: Loyalty Points                    | */

/* +------------------------------------------------------------+ */



.loyaltycontainer {

     color: #771F8D;

     margin: 0px 0px 10px 0px;

     padding: 4px 6px 4px 35px;

     border: 1px solid #771F8D;

     font-weight: bold;

     background-image: url('../../core/images/loyaltypoints_createaccount.png');

     background-repeat: no-repeat;

     background-position: left center;

     min-height: 23px;

     }



.loyalty {

     color: #771F8D;

     }



/* +------------------------------------------------------------+ */

/* | Required Classes: Ecom - Category List                     | */

/* +------------------------------------------------------------+ */



div.ecom_catlist {

     margin: 6px;

     padding: 6px;

     border: 1px solid #DEDEDE;

     }



/* +------------------------------------------------------------+ */

/* | Required Classes: Ecom - Category Detail                   | */

/* +------------------------------------------------------------+ */



div.ecom_catshow {

     margin: 0px 0px 6px 0px;

     padding: 6px;

     border: 1px solid #DEDEDE;

     }



/* +------------------------------------------------------------+ */

/* | Required Classes: Ecom - Product List                      | */

/* +------------------------------------------------------------+ */



div.ecom_prodlist {

     margin: 6px;

     padding: 6px;

     border: 1px solid #DEDEDE;

     }



/* +------------------------------------------------------------+ */

/* | Required Classes: Ecom - Product Detail                    | */

/* +------------------------------------------------------------+ */



div.ecom_prodshow {

     margin: 0px 0px 6px 0px;

     padding: 0px;

     }



div.ecom_prodshow_imgwrap {

     border: 1px solid #FFFFFF;

     }



/* +------------------------------------------------------------+ */

/* | Required Classes: Price Displays                           | */

/* +------------------------------------------------------------+ */



table.ecom_pricedisp_left {

     display: inline-block;

     margin: 0px;

     padding: 0px;

     border: none;

     border-collapse: collapse;

     font-size: 12px;

     display: inline-block;

     }



table.ecom_pricedisp_center {

     margin: 0px auto 0px auto;

     padding: 0px;

     border: none;

     border-collapse: collapse;

     font-size: 12px;

     display: inline-block;

     }



.ecom_prodlist table.ecom_pricedisp_left,

.ecom_prodlist table.ecom_pricedisp_center {

     font-size: 11px;

     }



.ecom_prodshow table.ecom_pricedisp_left,

.ecom_prodshow table.ecom_pricedisp_center {

     font-size: 13px;

     }



table.ecom_pricedisp_left td.ecom_pricedisp_name,

table.ecom_pricedisp_left td.ecom_pricedisp_quanname,

table.ecom_pricedisp_left td.ecom_pricedisp_autoname,

table.ecom_pricedisp_left td.ecom_pricedisp_loyaltyname {

     text-align: left;

     vertical-align: middle;

     padding: 0px 3px 4px 0px;

     }



table.ecom_pricedisp_center td.ecom_pricedisp_name,

table.ecom_pricedisp_center td.ecom_pricedisp_quanname,

table.ecom_pricedisp_center td.ecom_pricedisp_autoname,

table.ecom_pricedisp_center td.ecom_pricedisp_loyaltyname {

     text-align: right;

     vertical-align: middle;

     padding: 0px 3px 4px 0px;

     }



.ecom_prodshow td.ecom_pricedisp_name,

.ecom_prodshow td.ecom_pricedisp_quanname,

.ecom_prodshow td.ecom_pricedisp_autoname,

.ecom_prodshow td.ecom_pricedisp_loyaltyname {

     font-weight: bold;

     padding-right: 20px !important;

     min-width: 100px;

     }



td.ecom_pricedisp_price, td.ecom_pricedisp_pricex, td.ecom_pricedisp_volprice, 

td.ecom_pricedisp_pricer, td.ecom_pricedisp_stockin, td.ecom_pricedisp_stockout,

td.ecom_pricedisp_quaninput, td.ecom_pricedisp_autoprice, td.ecom_pricedisp_loyaltyprice { 

     text-align: left;

     vertical-align: middle;

     padding: 0px 0px 4px 3px;

     }



td.ecom_pricedisp_price {

     font-weight: bold;

     }



td.ecom_pricedisp_pricex {

     color: #FF0000;

     font-weight: bold;

     text-decoration: line-through;

     }



td.ecom_pricedisp_stockin {

     color: #339933;

     font-weight: bold;

     }



td.ecom_pricedisp_stockout {

     color: #FF0000;

     font-weight: bold;

     }



td.ecom_pricedisp_quanname,

td.ecom_pricedisp_autoname {

     font-weight: bold;

     padding: 10px 3px 8px 0px !important;

     }



td.ecom_pricedisp_quaninput,

td.ecom_pricedisp_autoprice  {

     padding: 10px 0px 8px 3px !important;

     }



td.ecom_pricedisp_review {

     padding: 6px 0px 6px 0px !important;

     }



td.ecom_pricedisp_loyaltyprice {

     color: #771F8D;

     font-weight: bold;

     }



/* +------------------------------------------------------------+ */

/* | Required Classes: Tabs                                     | */

/* +------------------------------------------------------------+ */



.tabsheaderwrap {

     height: 24px;

     z-index: 2;

     margin: 0px;

     padding: 0px;

     }



.tabsheaderitem_off {

     float: left;

     display: inline-block;

     border-top: 1px solid #DEDEDE;

     border-left: 1px solid #DEDEDE;

     border-right: 1px solid #DEDEDE;

     margin: 0px 4px 0px 0px;

     padding: 0px;

     background-color: #DEDEDE;

     }



.tabsheaderitem_off a {

     display: inline-block;

     padding: 6px 10px 6px 10px;

     color: #555555;

     text-decoration: none;

     font-weight: bold;

     font-size: 12px;

     line-height: 12px;

     }



.tabsheaderitem_off a:hover {

     color: #000000;

     }



.tabsheaderitem_on {

     float: left;

     display: inline-block;

     border-top: 1px solid #DEDEDE;

     border-left: 1px solid #DEDEDE;

     border-right: 1px solid #DEDEDE;

     margin: 0px 4px 0px 0px;

     padding: 0px;

     background-color: #FFFFFF;

     color: #000000;

     }



.tabsheaderitem_on a {

     display: inline-block;

     padding: 6px 10px 6px 10px;

     color: #000000;

     text-decoration: none;

     font-weight: bold;

     font-size: 12px;

     line-height: 12px;

     }



.tabsheaderitem_on a:hover {

     color: #000000;

     }



.tabscontentwrap {

     margin: 0px 0px 10px 0px;

     padding: 0px;

     border: 1px solid #DEDEDE;

     background-color: #FFFFFF;

     z-index: 1;

     }



.tabscontent {

     height: 200px;

     overflow: auto;

     padding: 10px;

     }



/* +------------------------------------------------------------+ */

/* | Required Classes: Skin Widget - HEADER                     | */

/* +------------------------------------------------------------+ */



.skin_widgetclass_HEADER .skin_widgettitle {

     display: none;

     }



.skin_widgetclass_HEADER .skin_widgetcontent {

     margin: 0px 0px 20px 0px;

     }



.skin_widgetclass_HEADER .skin_widgetinvisible {

     margin: 0px 0px 20px 0px;

     }



.skin_widgetclass_HEADER .skin_widgetmenu {

     margin: 0px 0px 20px 0px;

     }



.skin_widgetclass_HEADER .skin_widgetmenu ul {

     margin: 0px;

     padding: 0px;

     list-style: none;

     }



.skin_widgetclass_HEADER .skin_widgetmenu li {

     margin: 0px;

     padding: 0px;

     list-style: none;

     }



.skin_widgetclass_HEADER .skin_widgetmenu ul li a {

     color: #333333;

     font-weight: normal;

     text-decoration: none;

     display: block;

     padding: 0px 0px 5px 0px;

     }



.skin_widgetclass_HEADER .skin_widgetmenu ul li a:hover {

     color: #000000;

     font-weight: normal;

     text-decoration: underline;

     }



.skin_widgetclass_HEADER .skin_widgetmenu ul li ul {

     display: none;

     }



/* +------------------------------------------------------------+ */

/* | Required Classes: Skin Widget - NAVMENU                    | */

/* +------------------------------------------------------------+ */



.skin_widgetclass_NAVMENU .skin_widgettitle {

     display: none;

     }



.skin_widgetclass_NAVMENU .skin_widgetcontent {

     margin: 0px 0px 20px 0px;

     }



.skin_widgetclass_NAVMENU .skin_widgetinvisible {

     margin: 0px 0px 20px 0px;

     }



.skin_widgetclass_NAVMENU .skin_widgetmenu {

     margin: 0px 0px 20px 0px;

     background-color: #000000;

     padding: 0px;

     height: 32px;

     overflow: hidden;

     }



.skin_widgetclass_NAVMENU .skin_widgetmenu ul {     

     padding: 0px;

     margin: 0px;

     list-style: none;

     }



.skin_widgetclass_NAVMENU .skin_widgetmenu li {

     float: left;

     padding: 0px;

     margin: 0px;

     }



.skin_widgetclass_NAVMENU .skin_widgetmenu ul li {

     border-right: 1px solid #DEDEDE;

     padding: 0px;

     height: 32px;

     }



.skin_widgetclass_NAVMENU .skin_widgetmenu ul li:last-child {

     border-right: none;

     }



.skin_widgetclass_NAVMENU .skin_widgetmenu ul li a {

     display: block;

     color: #FFFFFF;

     font-weight: bold;

     text-decoration: none;

     padding: 10px 10px 10px 10px;

     font-size: 12px;

     line-height: 1em;

     margin: 0px;

     border: none;

     }



.skin_widgetclass_NAVMENU .skin_widgetmenu ul li a:hover {

     background-color: #333333;

     color: #FFFFFF;

     font-weight: bold;

     text-decoration: none;

     }



.skin_widgetclass_NAVMENU .skin_widgetmenu li ul {

     padding: 0px;

     background-color: #000000;

     position: absolute;

     width: 200px;

     left: -999em;

     z-index: 8000;

     margin: 0px;

     }



.skin_widgetclass_NAVMENU .skin_widgetmenu li:hover ul ul,

.skin_widgetclass_NAVMENU .skin_widgetmenu li:hover ul ul ul {

     left: -999em;

     }



.skin_widgetclass_NAVMENU .skin_widgetmenu li ul ul {

     margin: -16px 0px 0px 184px;

     }



.skin_widgetclass_NAVMENU .skin_widgetmenu li ul li {

     width: 200px;

     height: auto;

     border-right: none;

     border-bottom: 1px solid #333333;

     }



.skin_widgetclass_NAVMENU .skin_widgetmenu li ul li a {

     color: #FFFFFF;

     font-weight: normal;

     padding: 10px 10px 10px 10px;

     }



.skin_widgetclass_NAVMENU .skin_widgetmenu li ul li a:hover {

     color: #FFFFFF;

     background-color: #333333;

     font-weight: normal;

     text-decoration: none;

     }



.skin_widgetclass_NAVMENU .skin_widgetmenu li:hover ul,

.skin_widgetclass_NAVMENU .skin_widgetmenu li ul li:hover ul,

.skin_widgetclass_NAVMENU .skin_widgetmenu li ul li ul li:hover ul {

     left: auto;

     }



.skin_widgetclass_NAVMENU .skin_widgetmenu li:hover {

     position: static;

     }



.skin_widgetclass_NAVMENU .skin_widgetmenu ul li ul li:last-child,

.skin_widgetclass_NAVMENU .skin_widgetmenu ul li ul li ul li:last-child {

     border-bottom: none;

     }



.skin_widgetclass_NAVMENU .skin_widgetmenu ul li ul li ul li ul li {

     display: none;

     }



/* +------------------------------------------------------------+ */

/* | Required Classes: Skin Widget - SIDEMENU                   | */

/* +------------------------------------------------------------+ */



.skin_widgetclass_SIDEMENU .skin_widgettitle {

     color: #000000;

     font-weight: bold;

     font-size: 14px;

     padding: 0px 0px 0px 0px;

     margin: 0px 0px 10px 0px;

     }



.skin_widgetclass_SIDEMENU .skin_widgetcontent {

     margin: 0px 0px 20px 0px;

     border: 1px solid #DEDEDE;

     padding: 10px;

     }



.skin_widgetclass_SIDEMENU .skin_widgetinvisible {

     margin: 0px 0px 20px 0px;

     }



.skin_widgetclass_SIDEMENU .skin_widgetmenu {

     margin: 0px 0px 20px 0px;

     }



.skin_widgetclass_SIDEMENU .skin_widgetmenu ul {

     margin: 0px;

     padding: 0px;

     list-style: none;

     border: 1px solid #DEDEDE;

     }



.skin_widgetclass_SIDEMENU .skin_widgetmenu li {

     margin: 0px;

     padding: 0px;

     list-style: none;

     border-bottom: 1px solid #EFEFEF;

     }



.skin_widgetclass_SIDEMENU .skin_widgetmenu li:last-child {

     border-bottom: none;

     }



.skin_widgetclass_SIDEMENU .skin_widgetmenu li a {

     color: #333333;

     font-weight: normal;

     text-decoration: none;

     display: block;

     padding: 10px 10px 10px 10px;

     font-size: 12px;

     line-height: 1em;

     margin: 0px;

     }



.skin_widgetclass_SIDEMENU .skin_widgetmenu li a:hover {

     background-color: #EFEFEF;

     color: #000000;

     font-weight: normal;

     text-decoration: none;

     }



.skin_widgetclass_SIDEMENU .skin_widgetmenu li ul {

     padding: 0px;

     background-color: #FFFFFF;

     position: absolute;

     width: 200px;

     left: -999em;

     z-index: 8000;

     margin: -16px 0px 0px 184px;

     }



.skin_widgetclass_SIDEMENU .skin_widgetmenu li:hover ul ul,

.skin_widgetclass_SIDEMENU .skin_widgetmenu li:hover ul ul ul {

     left: -999em;

     }



.skin_widgetclass_SIDEMENU .skin_widgetmenu li ul li {

     width: 200px;

     height: auto;

     border-bottom: 1px solid #EFEFEF;

     }



.skin_widgetclass_SIDEMENU .skin_widgetmenu li:hover ul,

.skin_widgetclass_SIDEMENU .skin_widgetmenu li ul li:hover ul,

.skin_widgetclass_SIDEMENU .skin_widgetmenu li ul li ul li:hover ul {

     left: auto;

     }



.skin_widgetclass_SIDEMENU .skin_widgetmenu li:hover {

     position: static;

     }



.skin_widgetclass_SIDEMENU .skin_widgetmenu ul li ul li:last-child,

.skin_widgetclass_SIDEMENU .skin_widgetmenu ul li ul li ul li:last-child {

     border-bottom: none;

     }



.skin_widgetclass_SIDEMENU .skin_widgetmenu ul li ul li ul li ul li {

     display: none;

     }



/* +------------------------------------------------------------+ */

/* | Required Classes: Skin Widget - FOOTER                     | */

/* +------------------------------------------------------------+ */



.skin_widgetclass_FOOTER {

     width: 150px;

     float: left;

     margin: 0px 10px 0px 0px;

     }



.skin_widgetclass_FOOTER .skin_widgettitle {

     color: #000000;

     font-weight: bold;

     font-size: 14px;

     padding: 0px 0px 0px 0px;

     margin: 0px 0px 10px 0px;

     }



.skin_widgetclass_FOOTER .skin_widgetcontent {

     margin: 0px 0px 20px 0px;

     }



.skin_widgetclass_FOOTER .skin_widgetinvisible {

     margin: 0px 0px 20px 0px;

     }



.skin_widgetclass_FOOTER .skin_widgetmenu {

     margin: 0px 0px 20px 0px;

     }



.skin_widgetclass_FOOTER .skin_widgetmenu ul {

     margin: 0px;

     padding: 0px;

     list-style: none;

     }



.skin_widgetclass_FOOTER .skin_widgetmenu li {

     margin: 0px;

     padding: 0px;

     list-style: none;

     }



.skin_widgetclass_FOOTER .skin_widgetmenu ul li a {

     color: #333333;

     font-weight: normal;

     text-decoration: none;

     display: block;

     padding: 0px 0px 5px 0px;

     }



.skin_widgetclass_FOOTER .skin_widgetmenu ul li a:hover {

     color: #000000;

     font-weight: normal;

     text-decoration: underline;

     }



.skin_widgetclass_FOOTER .skin_widgetmenu ul li ul {

     display: none;

     }



/* +------------------------------------------------------------+ */

/* | Required Classes: Skin Widget - MOBILENAVMENU              | */

/* +------------------------------------------------------------+ */



.skin_widgetclass_MOBILENAVMENU .skin_widgettitle {

     margin: 0px 0px 5px 0px;

     font-size: 1em;

     line-height: 1em;

     }



.skin_widgetclass_MOBILENAVMENU .skin_widgettitle a {

     display: block;

     color: #FFFFFF;

     background-color: #000000;

     font-weight: bold;

     text-decoration: none;

     padding: 10px;

     font-size: 1em;

     line-height: 1em;

     margin: 0px;

     border: none;

     }



.skin_widgetclass_MOBILENAVMENU .skin_widgettitle a:hover {

     color: #FFFFFF;

     background-color: #333333;

     font-weight: bold;

     text-decoration: none;

     

     }



.skin_widgetclass_MOBILENAVMENU .skin_widgetcontent {

     margin: 0px 0px 10px 0px;

     border: 1px solid #DEDEDE;

     padding: 10px;

     background-color: #FFFFFF;

     }



.skin_widgetclass_MOBILENAVMENU .skin_widgetinvisible {

     margin: 0px 0px 10px 0px;

     }



.skin_widgetclass_MOBILENAVMENU .skin_widgetmenu {

     margin: 0px 0px 10px 0px;

     padding: 0px;

     }



.skin_widgetclass_MOBILENAVMENU .skin_widgetmenu ul {     

     padding: 0px;

     margin: 0px;

     list-style: none;

     border: 1px solid #DEDEDE;

     }



.skin_widgetclass_MOBILENAVMENU .skin_widgetmenu li ul {

     border: none;

     }



.skin_widgetclass_MOBILENAVMENU .skin_widgetmenu li {

     padding: 0px;

     margin: 0px;

     }



.skin_widgetclass_MOBILENAVMENU .skin_widgetmenu ul li {

     border-bottom: 1px solid #DEDEDE;

     }



.skin_widgetclass_MOBILENAVMENU .skin_widgetmenu ul li:last-child {

     border-bottom: none;

     }



.skin_widgetclass_MOBILENAVMENU .skin_widgetmenu li ul li,

.skin_widgetclass_MOBILENAVMENU .skin_widgetmenu li ul li ul li {

     border-top: 1px solid #EFEFEF;

     border-right: none;

     border-bottom: none;

     border-left: none;

     }



.skin_widgetclass_MOBILENAVMENU .skin_widgetmenu li a {

     display: block;

     color: #000000;

     background-color: #FFFFFF;

     text-decoration: none;

     font-weight: normal;

     padding: 10px;

     }



.skin_widgetclass_MOBILENAVMENU .skin_widgetmenu li a:hover {

     color: #000000;

     background-color: #EFEFEF;

     text-decoration: none;

     font-weight: normal;

     }



.skin_widgetclass_MOBILENAVMENU .skin_widgetmenu ul li ul li a {

     padding-left: 30px;

     }



.skin_widgetclass_MOBILENAVMENU .skin_widgetmenu ul li ul li ul li a {

     padding-left: 60px;

     }



.skin_widgetclass_MOBILENAVMENU .skin_widgetmenu ul li ul li ul li ul li {

     display: none;

     }



/* +------------------------------------------------------------+ */

/* | Required Classes: Skin Widget - MOBILEFOOTER               | */

/* +------------------------------------------------------------+ */



.skin_widgetclass_MOBILEFOOTER .skin_widgettitle {

     margin: 0px 0px 5px 0px;

     font-size: 1em;

     line-height: 1em;

     }



.skin_widgetclass_MOBILEFOOTER .skin_widgettitle a {

     display: block;

     color: #FFFFFF;

     background-color: #000000;

     font-weight: bold;

     text-decoration: none;

     padding: 10px;

     font-size: 1em;

     line-height: 1em;

     margin: 0px;

     border: none;

     }



.skin_widgetclass_MOBILEFOOTER .skin_widgettitle a:hover {

     color: #FFFFFF;

     background-color: #333333;

     font-weight: bold;

     text-decoration: none;

     

     }



.skin_widgetclass_MOBILEFOOTER .skin_widgetcontent {

     margin: 0px 0px 10px 0px;

     border: 1px solid #DEDEDE;

     padding: 10px;

     background-color: #FFFFFF;

     }



.skin_widgetclass_MOBILEFOOTER .skin_widgetinvisible {

     margin: 0px 0px 10px 0px;

     }



.skin_widgetclass_MOBILEFOOTER .skin_widgetmenu {

     margin: 0px 0px 10px 0px;

     padding: 0px;

     }



.skin_widgetclass_MOBILEFOOTER .skin_widgetmenu ul {     

     padding: 0px;

     margin: 0px;

     list-style: none;

     border: 1px solid #DEDEDE;

     }



.skin_widgetclass_MOBILEFOOTER .skin_widgetmenu li ul {

     border: none;

     }



.skin_widgetclass_MOBILEFOOTER .skin_widgetmenu li {

     padding: 0px;

     margin: 0px;

     }



.skin_widgetclass_MOBILEFOOTER .skin_widgetmenu ul li {

     border-bottom: 1px solid #DEDEDE;

     }



.skin_widgetclass_MOBILEFOOTER .skin_widgetmenu ul li:last-child {

     border-bottom: none;

     }



.skin_widgetclass_MOBILEFOOTER .skin_widgetmenu li ul li,

.skin_widgetclass_MOBILEFOOTER .skin_widgetmenu li ul li ul li {

     border-top: 1px solid #EFEFEF;

     border-right: none;

     border-bottom: none;

     border-left: none;

     }



.skin_widgetclass_MOBILEFOOTER .skin_widgetmenu li a {

     display: block;

     color: #000000;

     background-color: #FFFFFF;

     text-decoration: none;

     font-weight: normal;

     padding: 10px;

     }



.skin_widgetclass_MOBILEFOOTER .skin_widgetmenu li a:hover {

     color: #000000;

     background-color: #EFEFEF;

     text-decoration: none;

     font-weight: normal;

     }



.skin_widgetclass_MOBILEFOOTER .skin_widgetmenu ul li ul li a {

     padding-left: 30px;

     }



.skin_widgetclass_MOBILEFOOTER .skin_widgetmenu ul li ul li ul li a {

     padding-left: 60px;

     }



.skin_widgetclass_MOBILEFOOTER .skin_widgetmenu ul li ul li ul li ul li {

     display: none;

     }



/* +------------------------------------------------------------+ */

/* | Required Classes: Skin Widget - Invisible Table Links      | */

/* +------------------------------------------------------------+ */



.skin_widgetcontent td.invisible a {

     text-decoration: none;

     color: #333333;

     font-weight: normal;

     }



.skin_widgetcontent td.invisible a:hover {

     text-decoration: underline;

     color: #000000;

     font-weight: normal;

     }



/* +------------------------------------------------------------+ */

/* | Required Classes: Skin Widget - Filters                    | */

/* +------------------------------------------------------------+ */



.skin_widgetfilterheader_on {

     margin: 0px 0px 5px 0px;

     padding: 4px 6px 4px 6px;

     border: 1px solid #DEDEDE;

     font-weight: bold;

     background-image: url('../../core/images/filter_on.png');

     background-repeat: no-repeat;

     background-position: right center;

     background-color: #FFFFFF;

     }



.skin_widgetfilterheader_off {

     margin: 0px 0px 5px 0px;

     padding: 4px 6px 4px 6px;

     border: 1px solid #DEDEDE;

     font-weight: bold;

     background-image: url('../../core/images/filter_off.png');

     background-repeat: no-repeat;

     background-position: right center;

     background-color: #FFFFFF;

     }



.skin_widgetfilterheader_on a, .skin_widgetfilterheader_on a:hover,

.skin_widgetfilterheader_off a, .skin_widgetfilterheader_off a:hover {

     text-decoration: none;

     font-weight: bold;

     color: #000000;

     display: block;

     }



.skin_widgetfiltercontainer {

     margin: 0px 0px 5px 0px;

     padding: 4px 6px 4px 6px;

     border: 1px solid #DEDEDE;

     background-color: #FFFFFF;

     }



/* +------------------------------------------------------------+ */

/* | Required Classes: Qtips                                    | */

/* +------------------------------------------------------------+ */



.qtipcustom_tooltip {

     border: 2px solid #FF6600 !important;

     background-color: #F9CCB2 !important;

     padding: 0px;

     }



.qtipcustom_tooltip .ui-tooltip-content {

     padding: 4px;

     font-size: 11px;

     color: #000000;

     }



.qtipcustom_default {

     color: #333333 !important;

     background-color: #FFFFFF !important;

     border: 1px solid #DEDEDE !important;

     padding: 0px;

     margin-top: 2px;

     }



.qtipcustom_default .ui-tooltip-titlebar {

     color: #333333 !important;

     background-color: #EFEFEF !important;

     border: none;

     padding: 4px 4px 4px 4px;

     font-size: 12px;

     }



.qtipcustom_default .ui-tooltip-content {

     color: #333333 !important;

     background-color: transparent !important;

     border: none;

     padding: 0px;

     }



.qtipcustom_popup {

     color: #333333 !important;

     background-color: #FFFFFF !important;

     border: 1px solid #000000 !important;

     padding: 0px;

     margin-top: 2px;

     }



.qtipcustom_popup .ui-tooltip-titlebar {

     color: #FFFFFF !important;

     background-color: #000000 !important;

     border: none;

     padding: 4px 10px 4px 10px;

     font-size: 14px;

     }



.qtipcustom_popup .ui-tooltip-content {

     color: #333333 !important;

     background-color: transparent !important;

     border: none;

     padding: 0px;

     }



.ui-tooltip-icon {

     text-decoration: none;

     }



/* +------------------------------------------------------------+ */

/* | End                                                        | */

/* +------------------------------------------------------------+ */