body {background: #ffffff; color: black; margin: 0; padding: 0;}
body, table, a, .forms
 {font-family: arial; font-size: 10pt}
img {border: 0}
a {color: #3D0E44}
a:hover {text-decoration: none}

.leftside {background: url(images/leftshadow.jpg) repeat-y; border-right: 1px solid #3D0E44}
.rightside {background: url(images/rightshadow.jpg) repeat-y; border-left: 1px solid #3D0E44}
.leftside, .rightside {width: 25px;}

.header {border-bottom: 1px solid #3D0E44; padding: 3px}
.header.left {background: #7A5380}
.header.nopads {padding: 0;}

.menu {background: url(images/menu.jpg) repeat-x; border-bottom: 1px solid #3D0E44; height: 20px; text-align: center}

.page {height: 100%; padding: 5px}

.footer {background: url(images/footer.jpg) repeat-x; height: 50px; border-top: 1px solid #3D0E44; text-align: center; font-size: 8pt}
.footer a {font-family: verdana; text-transform: uppercase; text-decoration: none; font-size: 8pt;}
.footer a:hover {text-decoration: underline}

.subtbl {padding: 2px}
.subtbl td {border-left: 1px solid #3D0E44; border-right: 1px solid #3D0E44; border-bottom: 1px solid #3D0E44;}
.subtbl td.noborder {border: 0; width: 10px; height: 10px; font-size: 10px}
.nobordertbl, .nobordertbl td {border: 0;}
.title {background: url(images/menu.jpg) repeat-x; color: #7A5380; height: 15px; font-weight: bold; font-size: 8pt; border: 1px solid #3D0E44;}

.indent {padding-left: 25px}

.productlistside {background: #c0c0c0; width: 2px}
#sitemap {font-size: 8pt}
.sitemaptitle {font-weight: bold; font-size: 10pt; text-align: center}
.sitemaptitle a {font-size: 10pt;}

ul.sidemenu, ul.sidemenu a {width: 100%; display: block; text-decoration: none; list-style: none; margin: 0; padding: 0; border: 1px solid white;}
body > ul.sidemenu, ul.sidemenu a {width: 96%}
ul.sidemenu a {padding-left: 2px}
ul.sidemenu li {padding: 0px 1px 1px 1px;}
ul.sidemenu a:hover {background: #7A5380; border: 1px solid #3D0E44; color: white;}
ul.sidemenu a:active {background: #c0c0c0}

.arrows {list-style: url(http://www.4dv.net/images/bullet.jpg)}

.purplebox {background: url(http://www.4dv.net/images/subtbl-bg.jpg) center no-repeat #7A5380; color: white; width: 390px; height:: 100%}
.purpleside {background: white; color: black; cursor: pointer; width: 110px;}
.purpleside.over {background: #AB85B1; color: white;}
.purpleside.active {background: #7A5380; color: white;; cursor: default}
.purplediv {background: transparent; display: none}
.purplediv.active {display: inline}
.purplediv a {color: #EDD4F1}

.small, .small a, .small li {font-size: 8pt}
.small .indent {padding-left: 5px}

.hostingtable {border: 1px solid #AC83B3; padding: 5px}
.hostingtable td {border: 1px solid #AC83B3}
.hostingtable.small td {font-size: 8pt;}
.hostingtitle {background-color: #C39FC9; font-weight: bold; text-align: center;}
.hostingside {font-weight: bold; text-align: left}
.hostingnorm {text-align: center;}
.hostinggray, .txt {text-align: center; background-color: #DEC3E2;}
.hostinggray.left {text-align: left}

.forms small {font-size: 8pt}
