@charset "utf-8";

#art-main { background-image: -webkit-linear-gradient(top, rgba(201, 201, 201, 0.12) 0px, rgba(201, 201, 201, 0.12) 400px), url("/web/20250816123226im_/https://www.csworkx.co.za/wp-content/themes/csw/images/page.png"), -webkit-linear-gradient(top, rgb(214, 214, 214) 0px, rgb(214, 214, 214) 400px), initial; background-position-x: initial, initial, initial, initial; background-position-y: initial, initial, initial, initial; background-repeat: no-repeat, initial, no-repeat, initial; background-attachment: initial, initial, initial, initial; background-origin: initial, initial, initial, initial; background-clip: initial, initial, initial, initial; background-color: rgb(250, 250, 250); margin: 0px auto; font-size: 13px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; position: relative; width: 100%; min-height: 100%; left: 0px; top: 0px; cursor: default; overflow: hidden; background-size: 100% 400px, auto, 100% 400px, auto !important; }

table, ul.art-hmenu { font-size: 13px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

h1, h2, h3, h4, h5, h6, p, a, ul, ol, li { margin: 0px; padding: 0px; }

.art-button { border: 0px; border-collapse: separate; background-image: -webkit-linear-gradient(top, rgb(140, 140, 140) 0px, rgb(128, 128, 128) 36%, rgb(105, 105, 105) 100%); background-position: initial; background-size: initial; background-repeat: no-repeat; background-attachment: initial; background-clip: initial; background-color: initial; border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 2px 1px; padding: 0px 20px; margin: 0px auto; height: 31px; background-origin: border-box !important; }

.art-postcontent, .art-postheadericons, .art-postfootericons, .art-blockcontent, ul.art-vmenu a { text-align: left; }

.art-postcontent, .art-postcontent li, .art-postcontent table, .art-postcontent a, .art-postcontent a:link, .art-postcontent a:visited, .art-postcontent a.visited, .art-postcontent a:hover, .art-postcontent a.hovered { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

.art-postcontent p { margin: 12px 0px; }

.art-postcontent h1, .art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:visited, .art-postcontent h1 a:hover, .art-postcontent h2, .art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:visited, .art-postcontent h2 a:hover, .art-postcontent h3, .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:visited, .art-postcontent h3 a:hover, .art-postcontent h4, .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:visited, .art-postcontent h4 a:hover, .art-postcontent h5, .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:visited, .art-postcontent h5 a:hover, .art-postcontent h6, .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:visited, .art-postcontent h6 a:hover, .art-blockheader .t, .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited, .art-blockheader .t a:hover, .art-vmenublockheader .t, .art-vmenublockheader .t a, .art-vmenublockheader .t a:link, .art-vmenublockheader .t a:visited, .art-vmenublockheader .t a:hover, .art-headline, .art-headline a, .art-headline a:link, .art-headline a:visited, .art-headline a:hover, .art-slogan, .art-slogan a, .art-slogan a:link, .art-slogan a:visited, .art-slogan a:hover, .art-postheader, .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a:hover { font-size: 32px; font-family: "Century Gothic", Arial, "Arial Unicode MS", Helvetica, sans-serif; font-weight: bold; font-style: normal; text-decoration: none; }

.art-postcontent a, .art-postcontent a:link { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration: none; color: rgb(252, 111, 3); }

.art-postcontent a:visited, .art-postcontent a.visited { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration: none; color: rgb(156, 156, 156); }

.art-postcontent a:hover, .art-postcontent a.hover { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration: underline; color: rgb(186, 186, 186); }

.art-postcontent h1 { color: rgb(128, 128, 128); margin: 12px 0px 10px; font-size: 24px; font-family: "Century Gothic", Arial, "Arial Unicode MS", Helvetica, sans-serif; font-weight: normal; font-style: normal; }

.art-blockcontent h1 { margin: 12px 0px 10px; font-size: 24px; font-family: "Century Gothic", Arial, "Arial Unicode MS", Helvetica, sans-serif; font-weight: normal; font-style: normal; }

.art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:hover, .art-postcontent h1 a:visited, .art-blockcontent h1 a, .art-blockcontent h1 a:link, .art-blockcontent h1 a:hover, .art-blockcontent h1 a:visited { font-size: 24px; font-family: "Century Gothic", Arial, "Arial Unicode MS", Helvetica, sans-serif; font-weight: normal; font-style: normal; }

.art-postcontent h2 { color: rgb(128, 128, 128); margin-top: 19px; margin-bottom: 19px; font-size: 24px; font-family: "Century Gothic", Arial, "Arial Unicode MS", Helvetica, sans-serif; }

.art-blockcontent h2 { margin-top: 19px; margin-bottom: 19px; font-size: 24px; font-family: "Century Gothic", Arial, "Arial Unicode MS", Helvetica, sans-serif; }

.art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:hover, .art-postcontent h2 a:visited, .art-blockcontent h2 a, .art-blockcontent h2 a:link, .art-blockcontent h2 a:hover, .art-blockcontent h2 a:visited { font-size: 24px; font-family: "Century Gothic", Arial, "Arial Unicode MS", Helvetica, sans-serif; }

.art-postcontent h3 { color: rgb(156, 156, 156); margin: 19px 0px; font-size: 19px; font-family: "Century Gothic", Arial, "Arial Unicode MS", Helvetica, sans-serif; font-weight: normal; font-style: normal; }

.art-blockcontent h3 { margin: 19px 0px; font-size: 19px; font-family: "Century Gothic", Arial, "Arial Unicode MS", Helvetica, sans-serif; font-weight: normal; font-style: normal; }

.art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:hover, .art-postcontent h3 a:visited, .art-blockcontent h3 a, .art-blockcontent h3 a:link, .art-blockcontent h3 a:hover, .art-blockcontent h3 a:visited { font-size: 19px; font-family: "Century Gothic", Arial, "Arial Unicode MS", Helvetica, sans-serif; font-weight: normal; font-style: normal; }

.art-postcontent h4 { color: rgb(105, 105, 105); margin: 10px 0px; font-size: 15px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; text-transform: uppercase; }

.art-blockcontent h4 { margin: 10px 0px; font-size: 15px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; text-transform: uppercase; }

.art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:hover, .art-postcontent h4 a:visited, .art-blockcontent h4 a, .art-blockcontent h4 a:link, .art-blockcontent h4 a:hover, .art-blockcontent h4 a:visited { font-size: 15px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; text-transform: uppercase; }

.art-postcontent h5 { color: rgb(41, 41, 41); margin-top: 26px; margin-bottom: 26px; font-size: 13px; font-family: "Century Gothic", Arial, "Arial Unicode MS", Helvetica, sans-serif; }

.art-blockcontent h5 { margin-top: 26px; margin-bottom: 26px; font-size: 13px; font-family: "Century Gothic", Arial, "Arial Unicode MS", Helvetica, sans-serif; }

.art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:hover, .art-postcontent h5 a:visited, .art-blockcontent h5 a, .art-blockcontent h5 a:link, .art-blockcontent h5 a:hover, .art-blockcontent h5 a:visited { font-size: 13px; font-family: "Century Gothic", Arial, "Arial Unicode MS", Helvetica, sans-serif; }

.art-postcontent h6 { color: rgb(97, 97, 97); margin-top: 35px; margin-bottom: 35px; font-size: 11px; font-family: "Century Gothic", Arial, "Arial Unicode MS", Helvetica, sans-serif; }

.art-blockcontent h6 { margin-top: 35px; margin-bottom: 35px; font-size: 11px; font-family: "Century Gothic", Arial, "Arial Unicode MS", Helvetica, sans-serif; }

.art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:hover, .art-postcontent h6 a:visited, .art-blockcontent h6 a, .art-blockcontent h6 a:link, .art-blockcontent h6 a:hover, .art-blockcontent h6 a:visited { font-size: 11px; font-family: "Century Gothic", Arial, "Arial Unicode MS", Helvetica, sans-serif; }

header, footer, article, nav, #art-hmenu-bg, .art-sheet, .art-hmenu a, .art-vmenu a, .art-slidenavigator > a, .art-checkbox::before, .art-radiobutton::before { background-origin: border-box !important; }

header, footer, article, nav, #art-hmenu-bg, .art-sheet, .art-slidenavigator > a, .art-checkbox::before, .art-radiobutton::before { display: block; box-sizing: border-box; }

ul { list-style-type: none; }

ol { list-style-position: inside; }

html, body { height: 100%; }

body { padding: 0px; margin: 0px; min-width: 900px; color: rgb(105, 105, 105); }

.art-header::before, #art-header-bg::before, .art-layout-cell::before, .art-layout-wrapper::before, .art-footer::before, .art-nav::before, #art-hmenu-bg::before, .art-sheet::before { width: 100%; content: " "; display: table; }

.art-header::after, #art-header-bg::after, .art-layout-cell::after, .art-layout-wrapper::after, .art-footer::after, .art-nav::after, #art-hmenu-bg::after, .art-sheet::after, .cleared, .clearfix::after { clear: both; font: 0px / 0 serif; display: block; content: " "; }

form { padding: 0px !important; margin: 0px !important; }

table.position { position: relative; width: 100%; table-layout: fixed; }

li h1, .art-postcontent li h1, .art-blockcontent li h1 { margin: 1px; }

li h2, .art-postcontent li h2, .art-blockcontent li h2 { margin: 1px; }

li h3, .art-postcontent li h3, .art-blockcontent li h3 { margin: 1px; }

li h4, .art-postcontent li h4, .art-blockcontent li h4 { margin: 1px; }

li h5, .art-postcontent li h5, .art-blockcontent li h5 { margin: 1px; }

li h6, .art-postcontent li h6, .art-blockcontent li h6 { margin: 1px; }

li p, .art-postcontent li p, .art-blockcontent li p { margin: 1px; }

.art-shapes { position: absolute; inset: 0px; overflow: hidden; z-index: 0; }

.art-slider-inner { position: relative; overflow: hidden; width: 100%; height: 100%; }

.art-slidenavigator > a { display: inline-block; vertical-align: middle; outline-style: none; font-size: 1px; }

.art-slidenavigator > a:last-child { margin-right: 0px !important; }

.art-headline { display: inline-block; position: absolute; min-width: 50px; top: 163px; left: 6.27%; line-height: 100%; transform: rotate(0deg); z-index: 101; margin-left: -22px !important; }

.art-headline, .art-headline a, .art-headline a:link, .art-headline a:visited, .art-headline a:hover { font-size: 36px; font-family: "Century Gothic", Arial, "Arial Unicode MS", Helvetica, sans-serif; font-weight: normal; font-style: normal; text-decoration: none; text-shadow: rgba(23, 23, 23, 0.3) 0px 2px 1px; padding: 0px; margin: 0px; white-space: nowrap; color: rgb(255, 154, 31) !important; }

.art-slogan { display: inline-block; position: absolute; min-width: 50px; top: 206px; left: 5.86%; line-height: 100%; transform: rotate(0deg); z-index: 102; white-space: nowrap; margin-left: -20px !important; }

.art-slogan, .art-slogan a, .art-slogan a:link, .art-slogan a:visited, .art-slogan a:hover { font-size: 40px; font-family: "Century Gothic", Arial, "Arial Unicode MS", Helvetica, sans-serif; font-weight: bold; font-style: normal; text-decoration: none; text-shadow: rgba(23, 23, 23, 0.5) 0px 2px 1px; padding: 0px; margin: 0px; color: rgb(255, 255, 255) !important; }

.art-sheet { background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.07) 0px 0px 3px 2px; border-width: medium 1px 1px; border-style: none solid solid; border-color: currentcolor rgb(194, 194, 194) rgb(194, 194, 194); border-image: none; margin: 0px auto; position: relative; cursor: auto; width: 900px; z-index: auto !important; }

.art-header { margin: 0px auto; height: 400px; background-image: url("/web/20250816123226im_/https://www.csworkx.co.za/wp-content/themes/csw/images/object393502860.png"), url("/web/20250816123226im_/https://www.csworkx.co.za/wp-content/themes/csw/images/header.jpg"); background-position: 11px 3px, 0px 0px; background-repeat: no-repeat; position: relative; z-index: auto !important; }

.responsive .art-header { background-image: url("/web/20250816123226im_/https://www.csworkx.co.za/wp-content/themes/csw/images/header.jpg"); background-position: center center; }

.art-header > .widget { position: absolute; z-index: 101; }

.art-nav { background: -webkit-linear-gradient(top, rgba(209, 209, 209, 0.6) 0px, rgba(237, 237, 237, 0.6) 100%) no-repeat; border-bottom: 1px solid rgb(217, 217, 217); position: absolute; margin: 0px; bottom: 0px; width: 100%; z-index: 100; text-align: left; }

ul.art-hmenu a, ul.art-hmenu a:link, ul.art-hmenu a:visited, ul.art-hmenu a:hover { outline: none; position: relative; z-index: 11; }

ul.art-hmenu, ul.art-hmenu ul { display: block; margin: 0px; padding: 0px; border: 0px; list-style-type: none; }

ul.art-hmenu li { position: relative; z-index: 5; display: block; float: left; background: none; margin: 0px; padding: 0px; border: 0px; }

ul.art-hmenu li:hover { z-index: 10000; white-space: normal; }

ul.art-hmenu::after, ul.art-hmenu ul::after { content: "."; height: 0px; display: block; visibility: hidden; overflow: hidden; clear: both; }

ul.art-hmenu, ul.art-hmenu ul { min-height: 0px; }

ul.art-hmenu { display: inline-block; vertical-align: bottom; }

.art-nav::before { content: " "; }

nav.art-nav { border-top-left-radius: 0px; border-top-right-radius: 0px; }

.art-hmenu-extra1 { position: relative; display: block; float: left; width: auto; height: auto; background-position: center center; }

.art-hmenu-extra2 { position: relative; display: block; float: right; width: auto; height: auto; background-position: center center; }

.art-hmenu { float: left; }

.art-menuitemcontainer { margin: 0px auto; }

ul.art-hmenu > li { margin-left: 0px; }

ul.art-hmenu > li:first-child { margin-left: 0px; }

ul.art-hmenu > li:last-child, ul.art-hmenu > li.last-child { margin-right: 0px; }

ul.art-hmenu > li > a { padding: 0px 50px; margin: 0px auto; position: relative; display: block; height: 56px; cursor: pointer; text-decoration: none; color: rgb(110, 110, 110); line-height: 56px; text-align: center; }

.art-hmenu > li > a, .art-hmenu > li > a:link, .art-hmenu > li > a:visited, .art-hmenu > li > a.active, .art-hmenu > li > a:hover { font-size: 16px; font-family: "Century Gothic", Arial, "Arial Unicode MS", Helvetica, sans-serif; font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; text-align: left; }

ul.art-hmenu > li > a.active { background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0px, rgb(214, 214, 214) 100%) no-repeat; padding: 0px 50px 1px; margin: 0px auto -1px; color: rgb(102, 102, 102); text-decoration: none; }

ul.art-hmenu > li > a:visited, ul.art-hmenu > li > a:hover, ul.art-hmenu > li:hover > a { text-decoration: none; }

ul.art-hmenu > li > a:hover, .desktop ul.art-hmenu > li:hover > a { background: -webkit-linear-gradient(top, rgb(254, 177, 119) 0px, rgb(253, 140, 53) 100%) no-repeat; padding: 0px 50px; margin: 0px auto; }

ul.art-hmenu > li > a:hover, .desktop ul.art-hmenu > li:hover > a { color: rgb(255, 255, 255); text-decoration: none; }

ul.art-hmenu > li > a.active:hover { padding-bottom: 0px; margin-bottom: 0px; }

ul.art-hmenu li li a { background: rgb(222, 222, 222); border: 1px solid rgb(194, 194, 194); padding: 0px 17px; margin: 0px auto; }

ul.art-hmenu li li { float: none; width: auto; margin-top: 0px; margin-bottom: 0px; }

.desktop ul.art-hmenu li li ul > li:first-child { margin-top: 0px; }

ul.art-hmenu li li ul > li:last-child { margin-bottom: 0px; }

.art-hmenu ul a { display: block; white-space: nowrap; height: 25px; min-width: 7em; border: 1px solid transparent; text-align: left; line-height: 25px; color: rgb(96, 42, 1); font-size: 12px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration: none; margin: 0px; }

.art-hmenu li li a { border-top-width: 0px !important; }

.art-hmenu li li:hover > a { border-top-width: 1px !important; }

.art-hmenu ul > li:first-child > a { border-top-width: 1px !important; }

.art-hmenu ul a:link, .art-hmenu ul a:visited, .art-hmenu ul a.active, .art-hmenu ul a:hover { text-align: left; line-height: 25px; color: rgb(96, 42, 1); font-size: 12px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration: none; margin: 0px; }

ul.art-hmenu ul li a:hover, .desktop ul.art-hmenu ul li:hover > a { background: rgb(194, 194, 194); border: 1px solid rgb(105, 105, 105); margin: 0px auto; }

.art-hmenu ul a:hover { color: rgb(26, 26, 26); }

.art-hmenu ul li a.art-hmenu-before-hovered { border-bottom-width: 0px !important; }

.desktop .art-hmenu ul li:hover > a { color: rgb(26, 26, 26); }

ul.art-hmenu ul::before { background: rgb(89, 89, 89); margin: 0px auto; display: block; position: absolute; content: " "; z-index: 1; }

.desktop ul.art-hmenu li:hover > ul { visibility: visible; top: 100%; }

.desktop ul.art-hmenu li li:hover > ul { top: 0px; left: 100%; }

ul.art-hmenu ul { visibility: hidden; position: absolute; z-index: 10; left: 0px; top: 0px; background-image: url("/web/20250816123226im_/https://www.csworkx.co.za/wp-content/themes/csw/images/spacer.gif"); }

.desktop ul.art-hmenu > li > ul { padding: 10px 30px 30px; margin: -10px 0px 0px -30px; }

.desktop ul.art-hmenu ul ul { padding: 30px 30px 30px 10px; margin: -30px 0px 0px -10px; }

.desktop ul.art-hmenu ul.art-hmenu-left-to-right { right: auto; left: 0px; margin: -10px 0px 0px -30px; }

.desktop ul.art-hmenu ul.art-hmenu-right-to-left { left: auto; right: 0px; margin: -10px -30px 0px 0px; }

.desktop ul.art-hmenu li li:hover > ul.art-hmenu-left-to-right { right: auto; left: 100%; }

.desktop ul.art-hmenu li li:hover > ul.art-hmenu-right-to-left { left: auto; right: 100%; }

.desktop ul.art-hmenu ul ul.art-hmenu-left-to-right { right: auto; left: 0px; padding: 30px 30px 30px 10px; margin: -30px 0px 0px -10px; }

.desktop ul.art-hmenu ul ul.art-hmenu-right-to-left { left: auto; right: 0px; padding: 30px 10px 30px 30px; margin: -30px -10px 0px 0px; }

.desktop ul.art-hmenu li ul > li:first-child { margin-top: 0px; }

.desktop ul.art-hmenu li ul > li:last-child { margin-bottom: 0px; }

.desktop ul.art-hmenu ul ul::before { border-radius: 0px; inset: 30px 30px 30px 10px; }

.desktop ul.art-hmenu > li > ul::before { inset: 10px 30px 30px; }

.desktop ul.art-hmenu > li > ul.art-hmenu-left-to-right::before { right: 30px; left: 30px; }

.desktop ul.art-hmenu > li > ul.art-hmenu-right-to-left::before { right: 30px; left: 30px; }

.desktop ul.art-hmenu ul ul.art-hmenu-left-to-right::before { right: 30px; left: 10px; }

.desktop ul.art-hmenu ul ul.art-hmenu-right-to-left::before { right: 10px; left: 30px; }

.art-layout-wrapper { position: relative; margin: 0px auto; z-index: auto !important; }

.art-content-layout { display: table; width: 100%; table-layout: fixed; }

.art-content-layout-row { display: table-row; }

.art-layout-cell { display: table-cell; vertical-align: top; }

.art-postcontent .art-content-layout { border-collapse: collapse; }

.art-block { margin: 10px; }

div.art-block img { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; margin: 0px; }

.art-blockheader { padding: 6px 5px; margin: 0px auto; }

.art-blockheader .t, .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited, .art-blockheader .t a:hover { color: rgb(126, 55, 1); font-size: 14px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0px 10px 0px 5px; }

.art-blockcontent { padding: 5px; margin: 0px auto; color: rgb(41, 41, 41); font-size: 13px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

.art-blockcontent table, .art-blockcontent li, .art-blockcontent a, .art-blockcontent a:link, .art-blockcontent a:visited, .art-blockcontent a:hover { color: rgb(41, 41, 41); font-size: 13px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

.art-blockcontent p { margin: 6px 0px; }

.art-blockcontent a, .art-blockcontent a:link { color: rgb(128, 128, 128); font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration: underline; }

.art-blockcontent a:visited, .art-blockcontent a.visited { color: rgb(184, 184, 184); font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration: none; }

.art-blockcontent a:hover, .art-blockcontent a.hover { color: rgb(184, 184, 184); font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration: none; }

.art-block ul > li::before { content: url("/web/20250816123226im_/https://www.csworkx.co.za/wp-content/themes/csw/images/blockbullets.png"); margin-right: 6px; bottom: 2px; position: relative; display: inline-block; vertical-align: middle; font-size: 0px; line-height: 0; margin-left: -12px; }

.opera .art-block ul > li::before { bottom: 0px; }

.art-block li { font-size: 13px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 125%; color: rgb(20, 20, 20); }

.art-block ul > li, .art-block ol { padding: 0px; }

.art-block ul > li { padding-left: 12px; }

.art-breadcrumbs { margin: 0px auto; }

a.art-button, a.art-button:link, a:link.art-button:link, body a.art-button:link, a.art-button:visited, body a.art-button:visited, input.art-button, button.art-button { text-decoration: none; font-size: 14px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; position: relative; display: inline-block; vertical-align: middle; white-space: nowrap; text-align: center; color: rgb(222, 222, 222); overflow: visible; cursor: pointer; text-indent: 0px; line-height: 31px; box-sizing: content-box; margin: 0px 5px 0px 0px !important; }

.art-button img { margin: 0px; vertical-align: middle; }

.firefox2 .art-button { display: block; float: left; }

input, select, textarea, a.art-search-button span { vertical-align: middle; font-size: 14px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

.art-block select { width: 96%; }

input.art-button { float: none !important; }

.art-button.active, .art-button.active:hover { background: -webkit-linear-gradient(top, rgb(74, 74, 74) 0px, rgb(33, 33, 33) 100%) no-repeat; border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 2px 1px; border-width: 0px; padding: 0px 20px; margin: 0px auto; }

.art-button.active, .art-button.active:hover { color: rgb(212, 212, 212) !important; }

.art-button.hover, .art-button:hover { background: -webkit-linear-gradient(top, rgb(254, 180, 124) 0px, rgb(253, 137, 48) 100%) no-repeat; border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 2px 1px; border-width: 0px; padding: 0px 20px; margin: 0px auto; }

.art-button.hover, .art-button:hover { color: rgb(28, 28, 28) !important; }

input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea { background: rgb(249, 250, 251); border: 1px solid rgba(173, 173, 173, 0.2); margin: 0px auto; }

input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea { width: auto; padding: 8px 0px; font-size: 13px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; text-shadow: none; color: rgb(61, 61, 61) !important; }

input.art-error, textarea.art-error { background: rgb(249, 250, 251); border: 1px solid rgb(226, 52, 29); margin: 0px auto; }

input.art-error, textarea.art-error { font-size: 13px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; color: rgb(61, 61, 61) !important; }

form.art-search input[type="text"] { background: rgb(249, 250, 251); border-radius: 0px; border: 1px solid rgb(204, 214, 224); margin: 0px auto; width: 100%; padding: 0px; box-sizing: border-box; font-size: 13px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; color: rgb(61, 61, 61) !important; }

form.art-search { background-image: none; border: 0px; display: block; position: relative; top: 0px; padding: 0px; margin: 5px; left: 0px; line-height: 0; }

form.art-search input, a.art-search-button { top: 0px; right: 0px; }

form.art-search > input, a.art-search-button { bottom: 0px; left: 0px; vertical-align: middle; }

form.art-search input[type="submit"], input.art-search-button, a.art-search-button { background: rgb(122, 122, 122); margin: 0px auto; }

form.art-search input[type="submit"], input.art-search-button, a.art-search-button { position: absolute; inset: 1px 1px 1px auto; display: block; border: 0px; padding: 0px 6px; font-size: 13px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; cursor: pointer; color: rgb(255, 255, 255) !important; }

a.art-search-button span.art-search-button-text, a.art-search-button::after { vertical-align: middle; }

a.art-search-button::after { display: inline-block; content: " "; height: 100%; }

a.art-search-button, a.art-search-button span, a.art-search-button:visited, a.art-search-button.visited, a.art-search-button:hover, a.art-search-button.hover { text-decoration: none; font-size: 13px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; }

label.art-checkbox::before { background: rgb(249, 250, 251); border-radius: 1px; border-width: 0px; margin: 0px auto; width: 16px; height: 16px; }

label.art-checkbox { cursor: pointer; font-size: 13px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; line-height: 16px; display: inline-block; color: rgb(64, 64, 64) !important; }

.art-checkbox > input[type="checkbox"] { margin: 0px 5px 0px 0px; }

label.art-checkbox.active::before { background: rgb(254, 192, 144); border-radius: 1px; border-width: 0px; margin: 0px auto; width: 16px; height: 16px; display: inline-block; }

label.art-checkbox.hovered::before { background: rgb(255, 235, 220); border-radius: 1px; border-width: 0px; margin: 0px auto; width: 16px; height: 16px; display: inline-block; }

label.art-radiobutton::before { background: rgb(249, 250, 251); border-radius: 3px; border-width: 0px; margin: 0px auto; width: 12px; height: 12px; }

label.art-radiobutton { cursor: pointer; font-size: 13px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; line-height: 12px; display: inline-block; color: rgb(64, 64, 64) !important; }

.art-radiobutton > input[type="radio"] { vertical-align: baseline; margin: 0px 5px 0px 0px; }

label.art-radiobutton.active::before { background: rgb(254, 192, 144); border-radius: 3px; border-width: 0px; margin: 0px auto; width: 12px; height: 12px; display: inline-block; }

label.art-radiobutton.hovered::before { background: rgb(255, 235, 220); border-radius: 3px; border-width: 0px; margin: 0px auto; width: 12px; height: 12px; display: inline-block; }

.art-comments { border-top: 1px dotted rgb(253, 157, 83); margin: 25px auto 0px; }

.art-comments h2 { color: rgb(81, 35, 1); }

.art-comment-inner { background: transparent; border-radius: 2px; padding: 5px; margin: 0px auto 0px 94px; }

.art-comment-avatar { float: left; width: 80px; height: 80px; padding: 1px; background: rgb(255, 255, 255); border: 1px solid rgb(226, 232, 238); }

.art-comment-avatar > img { margin: 0px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }

.art-comment-content { padding: 10px 0px; color: rgb(64, 64, 64); font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

.art-comment { margin-top: 6px; }

#comment-list > li:first-child > .art-comment { margin-top: 0px; }

.art-comment-header { color: rgb(81, 35, 1); font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 100%; }

.art-comment-header a, .art-comment-header a:link, .art-comment-header a:visited, .art-comment-header a.visited, .art-comment-header a:hover, .art-comment-header a.hovered { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 100%; }

.art-comment-header a, .art-comment-header a:link { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: rgb(253, 119, 18); }

.art-comment-header a:visited, .art-comment-header a.visited { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: rgb(253, 119, 18); }

.art-comment-header a:hover, .art-comment-header a.hovered { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: rgb(253, 119, 18); }

.art-comment-content a, .art-comment-content a:link, .art-comment-content a:visited, .art-comment-content a.visited, .art-comment-content a:hover, .art-comment-content a.hovered { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

.art-comment-content a, .art-comment-content a:link { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: rgb(105, 105, 105); }

.art-comment-content a:visited, .art-comment-content a.visited { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: rgb(84, 84, 84); }

.art-comment-content a:hover, .art-comment-content a.hovered { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: rgb(105, 105, 105); }

.art-pager { background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0px, rgb(147, 168, 190) 100%) no-repeat; border-radius: 2px; border: 1px solid rgb(253, 157, 83); padding: 5px; }

.art-pager > :last-child { margin-right: 0px !important; }

.art-pager > span { cursor: default; }

.art-pager > * { background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0px, rgb(253, 157, 83) 100%) no-repeat; border-radius: 2px; border: 1px solid rgb(255, 235, 220); padding: 7px; margin: 0px 4px 0px 0px; line-height: normal; position: relative; display: inline-block; }

.art-pager a:link, .art-pager a:visited, .art-pager .active { line-height: normal; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration: none; color: rgb(71, 31, 1); }

.art-pager .active { background: -webkit-linear-gradient(top, rgb(229, 232, 235) 0px, rgb(135, 150, 166) 100%) no-repeat; border: 1px solid rgb(255, 235, 220); padding: 7px; margin: 0px 4px 0px auto; color: rgb(255, 255, 255); }

.art-pager .more { background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0px, rgb(253, 157, 83) 100%) no-repeat; border: 1px solid rgb(255, 235, 220); margin: 0px 4px 0px auto; }

.art-pager a.more:link, .art-pager a.more:visited { color: rgb(36, 36, 36); }

.art-pager a:hover { background: -webkit-linear-gradient(top, rgb(255, 238, 225) 0px, rgb(253, 145, 63) 100%) no-repeat; border: 1px solid rgb(255, 235, 220); padding: 7px; margin: 0px 4px 0px auto; }

.art-pager a:hover, .art-pager a.more:hover { color: rgb(81, 35, 1); }

.art-pager > ::after { margin: 0px 0px 0px auto; display: inline-block; position: absolute; content: " "; top: 0px; width: 0px; height: 100%; right: 0px; text-decoration: none; }

.art-pager > :last-child::after { display: none; }

.art-commentsform { background: transparent; padding: 10px; margin: 25px auto 0px; color: rgb(81, 35, 1); }

.art-commentsform h2 { padding-bottom: 10px; margin: 0px; color: rgb(81, 35, 1); }

.art-commentsform label { display: inline-block; line-height: 25px; }

.art-commentsform input:not([type="submit"]), .art-commentsform textarea { box-sizing: border-box; width: 100%; max-width: 100%; }

.art-commentsform .form-submit { margin-top: 10px; }

a img { border: 0px; }

.art-article img, img.art-article, .art-block img, .art-footer-text img { margin: 0px; }

.art-metadata-icons img { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; vertical-align: middle; margin: 2px; }

.art-article table, table.art-article { border-collapse: collapse; margin: 1px; }

.art-post .art-content-layout-br { height: 0px; }

.art-article th, .art-article td { padding: 2px; border: 1px solid rgb(156, 156, 156); vertical-align: top; text-align: left; }

.art-article th { text-align: center; vertical-align: middle; padding: 7px; }

pre { overflow: auto; padding: 0.1em; }

.preview-cms-logo { border: 0px; margin: 1em 1em 0px 0px; float: left; }

.image-caption-wrapper { padding: 0px; box-sizing: border-box; }

.image-caption-wrapper img { box-sizing: border-box; margin: 0px !important; }

.image-caption-wrapper div.art-collage { box-sizing: border-box; margin: 0px !important; }

.image-caption-wrapper p { font-size: 80%; text-align: right; margin: 0px; }

.art-postheader { color: rgb(64, 64, 64); margin: 20px 0px 0px 15px; font-size: 22px; font-family: "Century Gothic", Arial, "Arial Unicode MS", Helvetica, sans-serif; font-weight: normal; font-style: normal; text-transform: uppercase; }

.art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a.visited, .art-postheader a:hover, .art-postheader a.hovered { font-size: 22px; font-family: "Century Gothic", Arial, "Arial Unicode MS", Helvetica, sans-serif; font-weight: normal; font-style: normal; text-transform: uppercase; }

.art-postheader a, .art-postheader a:link { font-family: "Century Gothic", Arial, "Arial Unicode MS", Helvetica, sans-serif; text-decoration: none; text-align: left; color: rgb(140, 140, 140); }

.art-postheader a:visited, .art-postheader a.visited { font-family: "Century Gothic", Arial, "Arial Unicode MS", Helvetica, sans-serif; text-decoration: none; text-align: left; color: rgb(158, 158, 158); }

.art-postheader a:hover, .art-postheader a.hovered { font-family: "Century Gothic", Arial, "Arial Unicode MS", Helvetica, sans-serif; text-decoration: none; text-align: left; color: rgb(184, 184, 184); }

.art-postheadericons, .art-postheadericons a, .art-postheadericons a:link, .art-postheadericons a:visited, .art-postheadericons a:hover { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: rgb(84, 84, 84); }

.art-postheadericons { padding: 1px; }

.art-postheadericons a, .art-postheadericons a:link { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration: none; color: rgb(28, 28, 28); }

.art-postheadericons a:visited, .art-postheadericons a.visited { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; font-style: italic; text-decoration: none; color: rgb(89, 89, 89); }

.art-postheadericons a:hover, .art-postheadericons a.hover { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; font-style: italic; text-decoration: underline; color: rgb(117, 117, 117); }

.art-postpdficon::before { content: url("/web/20250816123226im_/https://www.csworkx.co.za/wp-content/themes/csw/images/postpdficon.png"); margin-right: 6px; position: relative; display: inline-block; vertical-align: middle; font-size: 0px; line-height: 0; bottom: auto; }

.opera .art-postpdficon::before { bottom: 0px; }

.art-postprinticon::before { content: url("/web/20250816123226im_/https://www.csworkx.co.za/wp-content/themes/csw/images/postprinticon.png"); margin-right: 6px; bottom: 2px; position: relative; display: inline-block; vertical-align: middle; font-size: 0px; line-height: 0; }

.opera .art-postprinticon::before { bottom: 0px; }

.art-postemailicon::before { content: url("/web/20250816123226im_/https://www.csworkx.co.za/wp-content/themes/csw/images/postemailicon.png"); margin-right: 6px; position: relative; display: inline-block; vertical-align: middle; font-size: 0px; line-height: 0; bottom: auto; }

.opera .art-postemailicon::before { bottom: 0px; }

.art-postcontent ul > li::before, .art-post ul > li::before, .art-textblock ul > li::before { content: url("/web/20250816123226im_/https://www.csworkx.co.za/wp-content/themes/csw/images/postbullets.png"); margin-right: 6px; bottom: 2px; position: relative; display: inline-block; vertical-align: middle; font-size: 0px; line-height: 0; }

.opera .art-postcontent ul > li::before, .opera .art-post ul > li::before, .opera .art-textblock ul > li::before { bottom: 0px; }

.art-postcontent li, .art-post li, .art-textblock li { font-size: 13px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: rgb(64, 64, 64); margin: 0px 0px 0px 6px; }

.art-postcontent ul > li, .art-post ul > li, .art-textblock ul > li, .art-postcontent ol, .art-post ol, .art-textblock ol { padding: 0px; }

.art-postcontent ul > li, .art-post ul > li, .art-textblock ul > li { padding-left: 11px; }

.art-postcontent ul > li::before, .art-post ul > li::before, .art-textblock ul > li::before { margin-left: -11px; }

.art-postcontent ol, .art-post ol, .art-textblock ol, .art-postcontent ul, .art-post ul, .art-textblock ul { margin: 1em 0px 1em 6px; }

.art-postcontent li ol, .art-post li ol, .art-textblock li ol, .art-postcontent li ul, .art-post li ul, .art-textblock li ul { margin: 0.5em 0px 0.5em 6px; }

.art-postcontent li, .art-post li, .art-textblock li { margin: 0px; }

.art-postcontent ol > li, .art-post ol > li, .art-textblock ol > li { overflow: visible; }

.art-postcontent ul > li, .art-post ul > li, .art-textblock ul > li { overflow: visible hidden; }

blockquote { background: url("/web/20250816123226im_/https://www.csworkx.co.za/wp-content/themes/csw/images/postquote.png") no-repeat scroll rgb(194, 194, 194); padding: 0px 0px 0px 28px; margin: 10px 10px 10px 50px; color: rgb(13, 13, 13); font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; font-style: italic; text-align: left; overflow: auto; clear: both; }

blockquote a, .art-postcontent blockquote a, .art-blockcontent blockquote a, .art-footer-text blockquote a, blockquote a:link, .art-postcontent blockquote a:link, .art-blockcontent blockquote a:link, .art-footer-text blockquote a:link, blockquote a:visited, .art-postcontent blockquote a:visited, .art-blockcontent blockquote a:visited, .art-footer-text blockquote a:visited, blockquote a:hover, .art-postcontent blockquote a:hover, .art-blockcontent blockquote a:hover, .art-footer-text blockquote a:hover { color: rgb(13, 13, 13); font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; font-style: italic; text-align: left; }

blockquote p, .art-postcontent blockquote p, .art-blockcontent blockquote p, .art-footer-text blockquote p { margin: 2px 0px 2px 15px; }

.art-postfootericons, .art-postfootericons a, .art-postfootericons a:link, .art-postfootericons a:visited, .art-postfootericons a:hover { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: rgb(105, 105, 105); }

.art-postfootericons { padding: 1px; }

.art-postfootericons a, .art-postfootericons a:link { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration: none; color: rgb(28, 28, 28); }

.art-postfootericons a:visited, .art-postfootericons a.visited { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration: none; color: rgb(89, 89, 89); }

.art-postfootericons a:hover, .art-postfootericons a.hover { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration: none; color: rgb(148, 148, 148); }

.art-footer { background: rgb(105, 105, 105); padding: 25px; margin: 0px auto; position: relative; color: rgb(227, 227, 227); font-size: 11px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-align: left; }

.art-footer-text a, .art-footer-text a:link, .art-footer-text a:visited, .art-footer-text a:hover, .art-footer-text td, .art-footer-text th, .art-footer-text caption { color: rgb(227, 227, 227); font-size: 11px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

.art-footer-text p { padding: 0px; text-align: left; }

.art-footer-text a, .art-footer-text a:link { color: rgb(253, 136, 93); font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration: none; }

.art-footer-text a:visited { color: rgb(254, 209, 174); font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration: none; }

.art-footer-text a:hover { color: rgb(214, 214, 214); font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration: underline; }

.art-footer-text h1 { color: rgb(253, 122, 23); font-family: "Century Gothic", Arial, "Arial Unicode MS", Helvetica, sans-serif; }

.art-footer-text h2 { color: rgb(253, 157, 83); font-family: "Century Gothic", Arial, "Arial Unicode MS", Helvetica, sans-serif; }

.art-footer-text h3 { color: rgb(173, 173, 173); font-family: "Century Gothic", Arial, "Arial Unicode MS", Helvetica, sans-serif; }

.art-footer-text h4 { color: rgb(122, 122, 122); font-family: "Century Gothic", Arial, "Arial Unicode MS", Helvetica, sans-serif; }

.art-footer-text h5 { color: rgb(122, 122, 122); font-family: "Century Gothic", Arial, "Arial Unicode MS", Helvetica, sans-serif; }

.art-footer-text h6 { color: rgb(122, 122, 122); font-family: "Century Gothic", Arial, "Arial Unicode MS", Helvetica, sans-serif; }

.art-footer-text img { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; margin: 0px; }

.art-rss-tag-icon { background: url("/web/20250816123226im_/https://www.csworkx.co.za/wp-content/themes/csw/images/footerrssicon.png") left center no-repeat scroll; margin: 0px auto; min-height: 32px; min-width: 32px; display: inline-block; text-indent: 35px; }

.art-rss-tag-icon:empty { vertical-align: middle; }

.art-facebook-tag-icon { background: url("/web/20250816123226im_/https://www.csworkx.co.za/wp-content/themes/csw/images/footerfacebookicon.png") left center no-repeat scroll; margin: 0px auto; min-height: 32px; min-width: 32px; display: inline-block; text-indent: 35px; }

.art-facebook-tag-icon:empty { vertical-align: middle; }

.art-twitter-tag-icon { background: url("/web/20250816123226im_/https://www.csworkx.co.za/wp-content/themes/csw/images/footertwittericon.png") left center no-repeat scroll; margin: 0px auto; min-height: 32px; min-width: 32px; display: inline-block; text-indent: 35px; }

.art-twitter-tag-icon:empty { vertical-align: middle; }

.art-footer-text li { font-size: 13px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 125%; color: rgb(235, 235, 235); }

.art-page-footer, .art-page-footer a, .art-page-footer a:link, .art-page-footer a:visited, .art-page-footer a:hover { font-family: Arial; font-size: 10px; letter-spacing: normal; word-spacing: normal; font-style: normal; font-weight: normal; text-decoration: underline; color: rgb(227, 100, 2); }

.art-page-footer { position: relative; padding: 1em; text-decoration: none; color: rgb(115, 115, 115); z-index: auto !important; text-align: center !important; }

.art-lightbox-wrapper { background: rgba(0, 0, 0, 0.8); inset: 0px; padding: 0px 100px; position: fixed; text-align: center; z-index: 1000000; }

.art-lightbox, .art-lightbox-wrapper .art-lightbox-image { cursor: pointer; }

.art-lightbox-wrapper .art-lightbox-image { border: 6px solid rgb(255, 255, 255); border-radius: 3px; display: none; max-width: 100%; vertical-align: middle; }

.art-lightbox-wrapper .art-lightbox-image.active { display: inline-block; }

.art-lightbox-wrapper .lightbox-error { background: rgb(255, 255, 255); border: 1px solid rgb(180, 180, 180); border-radius: 10px; box-shadow: rgb(51, 51, 51) 0px 2px 5px; height: 80px; opacity: 0.95; padding: 20px; position: fixed; width: 300px; z-index: 100; }

.art-lightbox-wrapper .loading { background: url("/web/20250816123226im_/https://www.csworkx.co.za/wp-content/themes/csw/images/preloader-01.gif") center center no-repeat rgb(255, 255, 255); border: 1px solid rgb(180, 180, 180); border-radius: 10px; box-shadow: rgb(51, 51, 51) 0px 2px 5px; height: 32px; opacity: 0.5; padding: 10px; position: fixed; width: 32px; z-index: 10100; }

.art-lightbox-wrapper .arrow { cursor: pointer; height: 100px; opacity: 0.5; position: fixed; width: 82px; z-index: 10003; }

.art-lightbox-wrapper .arrow.left { left: 9px; }

.art-lightbox-wrapper .arrow.right { right: 9px; }

.art-lightbox-wrapper .arrow:hover { opacity: 1; }

.art-lightbox-wrapper .arrow.disabled { display: none; }

.art-lightbox-wrapper .arrow-t, .art-lightbox-wrapper .arrow-b { background-color: rgb(255, 255, 255); border-radius: 3px; height: 6px; left: 26px; position: relative; width: 30px; }

.art-lightbox-wrapper .arrow-t { top: 38px; }

.art-lightbox-wrapper .arrow-b { top: 50px; }

.art-lightbox-wrapper .close { cursor: pointer; height: 22px; opacity: 0.5; position: fixed; right: 39px; top: 30px; width: 22px; z-index: 10003; }

.art-lightbox-wrapper .close:hover { opacity: 1; }

.art-lightbox-wrapper .close .cw, .art-lightbox-wrapper .close .ccw { background-color: rgb(255, 255, 255); border-radius: 3px; height: 6px; position: absolute; left: -4px; top: 8px; width: 30px; }

.art-lightbox-wrapper .cw { transform: rotate(45deg); }

.art-lightbox-wrapper .ccw { transform: rotate(-45deg); }

.art-lightbox-wrapper .close-alt, .art-lightbox-wrapper .arrow-right-alt, .art-lightbox-wrapper .arrow-left-alt { color: rgb(255, 255, 255); display: none; font-size: 2.5em; line-height: 100%; }

.ie8 .art-lightbox-wrapper .close-alt, .ie8 .art-lightbox-wrapper .arrow-right-alt, .ie8 .art-lightbox-wrapper .arrow-left-alt { display: block; }

.ie8 .art-lightbox-wrapper .cw, .ie8 .art-lightbox-wrapper .ccw { display: none; }

.art-content-layout .art-content { margin: 0px auto; }

#comment { width: 99%; }

#comments-list, #comments-list .comment { background: none; padding: 0px; margin: 0px; overflow: visible; }

#comments-list .comment::before, #comments-list .comment::after { display: none; }

#comments-list .comment .comment { margin-left: 20px; }

span.page-navi-outer, span.page-navi-inner { position: relative; display: block; float: left; margin: 0px; padding: 0px; }

span.page-navi-outer { margin: 1px; border: 1px solid rgb(170, 170, 170); }

span.page-navi-inner { padding: 1px; min-width: 14px; line-height: 18px; text-align: center; border: 2px solid rgb(255, 255, 255); font-weight: bold; }

a span.page-navi-inner, span.page-navi-caption span.page-navi-inner { border-width: 1px; font-weight: normal; }

a span.page-navi-outer, span.page-navi-caption { margin: 2px 1px; }

ul#comments-list li cite { font-size: 1.2em; }

#commentform textarea { width: 100%; }

#commentform { text-align: left; }

.rtl #commentform { text-align: right; }

img.wp-smiley { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; margin: 1px; vertical-align: middle; padding: 0px; }

.navigation { display: block; text-align: center; }

.aligncenter, div.aligncenter, .art-article .aligncenter img, .aligncenter img.art-article, .aligncenter img, img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

p.aligncenter, p.center { text-align: center; }

.alignleft { float: left; }

.alignright { float: right; }

.wp-caption { border: 1px solid rgb(221, 221, 221); background-color: rgb(243, 243, 243); padding-top: 4px; margin: 10px; }

.wp-caption img { margin: 0px; padding: 0px; border: 0px; }

.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0px 4px 5px; margin: 0px; }

.wp-caption, .wp-caption p { text-align: center; }

.gallery { margin: 0px auto 18px; clear: both; overflow: hidden; }

.gallery .gallery-item { float: left; margin-top: 0px; text-align: center; width: 33%; }

.gallery img { border: 2px solid rgb(207, 207, 207); }

.gallery .gallery-caption { color: rgb(136, 136, 136); font-size: 12px; margin: 0px 0px 12px; }

.gallery dl { margin: 0px; }

.gallery img { border: 10px solid rgb(241, 241, 241); }

.gallery br + br { display: none; }

.hidden { display: none; }

#wp-calendar { empty-cells: show; margin: 10px auto 0px; width: 155px; }

#wp-calendar #next a { padding-right: 10px; text-align: right; }

#wp-calendar #prev a { padding-left: 10px; text-align: left; }

#wp-calendar a { display: block; }

#wp-calendar caption { text-align: center; width: 100%; }

#wp-calendar td { padding: 3px 0px; text-align: center; }

.gallery { letter-spacing: normal; }

.art-content { position: relative; z-index: 1; }

#todays-events { position: relative; z-index: 11; }

#upcoming-events { position: relative; z-index: 10; }

img.wp-post-image { margin: 0px 5px 5px 0px !important; }

ul#comments-list li { list-style-image: none; background: none; list-style-type: none; }

div.art-footer div.art-content-layout { margin: 0px auto; width: 100%; }

div.art-layout-cell-size1 { width: 100%; }

div.art-layout-cell-size2 { width: 50%; }

div.art-layout-cell-size3 { width: 33%; }

div.art-layout-cell-size4 { width: 25%; }

.art-widget-title { padding: 0px 0px 0px 24px; margin-bottom: 0px; }

div.art-center-wrapper { position: relative; float: right; right: 50%; }

div.art-center-inner { position: relative; float: left; left: 50%; }

.firefox2 div.art-center-inner { float: none; }

.art-hmenu-extra1, .art-hmenu-extra2 { font-size: 12px; }

div.breadcrumbs h4, div.breadcrumbs p, li.pingback p, #respond p, h3#reply-title, h4#comments, h4.box-title { margin: 0px; }

#respond .comment-notes { margin-bottom: 1em; }

.form-allowed-tags { line-height: 1em; }

#comments-list #respond { margin-left: 20px !important; }

#cancel-comment-reply-link { font-size: 12px; font-weight: normal; line-height: 18px; }

#respond .required { color: rgb(255, 75, 51); font-weight: bold; }

#respond label { font-size: 12px; }

#respond input { margin: 0px 0px 9px; width: 98%; }

#respond textarea { width: 98%; }

#respond .form-allowed-tags { font-size: 12px; line-height: 18px; }

#respond .form-allowed-tags code { font-size: 11px; }

#respond .form-submit { margin: 12px 0px; }

#respond .form-submit input { width: auto; }

.art-footer .art-widget-title { font-size: 1.2em; padding: 0px; }

.art-footer .art-widget, .art-footer .art-widget a, .art-footer .art-widget a:link, .art-footer .art-widget a:visited, .art-footer .art-widget a:hover { text-align: left; }

div[id^="GMPmap"] img { margin: 0px; }

.art-blockheader .t, .art-vmenublockheader .t { white-space: nowrap; }