/* Tabs
----------------------------------*/
.ui-tabs { padding: 0; width: 100%; }
.ui-tabs .ui-tabs-nav { float: left; display: inline; margin: 0; list-style: none; padding: 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; height: 91px; margin: 0 33px 0 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; height: 91px; text-decoration: none; padding: 0; text-indent: -9999em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: pointer; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { clear: left; padding: 50px 20px 1em 80px; display: block; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/* Custom styling */

.ui-tabs .ui-tabs-nav li, .ui-tabs-nav li a { width: 180px; background: url(/images/sp_internet-marketing.gif) no-repeat 0 0; } /*for Internet Marketing */
.ui-tabs .ui-tabs-nav li#sn-web-dev, .ui-tabs-nav li#sn-web-dev a { width: 213px; background: url(/images/sp_web-development.gif) no-repeat 0 0; }
.ui-tabs .ui-tabs-nav li#sn-cust-prog, .ui-tabs-nav li#sn-cust-prog a { width: 220px; background: url(/images/sp_custom-programming.gif) no-repeat 0 0; }
.ui-tabs .ui-tabs-nav li#sn-web-hosting, .ui-tabs-nav li#sn-web-hosting a { width: 166px; margin: 0; background: url(/images/sp_web-hosting.gif) no-repeat 0 0; }

#content .ui-tabs-nav li.ui-state-active a, #content .ui-tabs-nav li.ui-state-hover a { background-position: 0 -91px; }