/* BusinessBalls 
(c) alan chapman 1995-2009  */

html {overflow-y:scroll;}
body {font-family:Tahoma, sans-serif; padding: 0; margin: 0;}
#topContent {border-bottom: 1px dashed #ccc;}
#logo {margin: 0px 0px 8px 10px}
#topMenu {float: right; padding: 10px 10px 0px 10px}
#leftMenu {float: left; width: 200px; font-size: 80%; padding: 0px 20px}
#container {background-image: url(../images/bg01.gif); background-repeat: repeat-y; background-position: 235px 0;}
#mainContent {margin-left: 250px; padding: 1px 20px 6px 12px}
.spacer {font-size: 1px; clear: both}
p {margin: 12px 0px}
.gray {color: #828286}
.red {color: #FF0000}
table {width: auto}
h1 {color: #ff0000}
h2 {color: #ff0000}
h3 {color: #000000; font-size: 150%}
form {margin: 0px}

table.borders {border-collapse: collapse; border: 1px solid black;}
table.borders td, table.borders th {border: 1px solid black; padding: 6px 8px;}
table.borders th {background-color: #ddd}

table.borders1 {border-collapse: collapse; border: 1px solid black;}
table.borders1 td, table.borders1 th {border: 1px solid black; padding: 6px 8px; width: 100px}

table ul li {margin-left: -15px}
table ol li {margin-left: 0px}

table.padding td {padding: 16px 30px 0px 0px}
table.padding th {padding: 0px 30px 0px 0px; text-align: left; font-weight: normal;}
table.padding th h3 {margin-top: 8px}
p.more {text-align: right; padding-right: 10px; margin-top: 28px; }
ul li, table.padding li {margin-top: 8px; list-style-type: none; margin-left: -30px; padding-left: 16px; background: url('../images/bullet.gif') 0px .5em no-repeat;}

.breadcrumb {margin-top: 20px; font-size: 80%}

#leftMenu h1 {border-bottom: 1px solid #ccc; padding-bottom: 2px; margin: 12px 0px; font-size: 100%; color: #000}

.small {font-size: 80%}

.yellowBox {border: 1px solid #666; float: right; width: 200px; margin: 30px 20px 30px 30px; padding: 13px 18px 15px 18px; background: #FEDE00}
.aquaBox {float: right; background-color: #ccffff; width: 190px; padding: 10px 16px; margin: 0px 0px 0px 30px}

hr {border: 1px solid #999; border-width: 0px 0px 1px 0px; color: #fff; background-color: #fff; height: 1px;}

.googleAds {float: right; margin-left: 20px; margin-bottom: 10px; border: 1px solid #ccc; padding: 6px 4px}
.floatRight {float: right; margin-left: 10px; margin-bottom: 10px}
.floatLeft {float: left; margin-right: 15px; margin-bottom: 10px}

.egSearch {font-size: 80%; color: #666; margin-top: 2px}
.searchBox {border: 1px solid #ccc; background: #E2E2E2; padding: 0px 10px 10px 10px}
.searchBoxH3 {margin-top: 10px; margin-bottom: 8px}
.browseCategoriesH3 {margin-bottom: 4px; margin-top: 30px}
.browseCategoriesTable {margin-left: -15px;}

.grayBoxWide {clear: right; border: 1px solid #666; float: right; width: 170px; margin: 0px 0px 30px 20px; padding: 13px 18px 15px 18px; background: #E2E2E2;}
.grayBox {clear: right; border: 1px solid #666; float: right; width: 132px; margin: 0px 0px 60px 20px; padding: 13px 18px 15px 18px; background: #E2E2E2;}

.floatRightContainer {float: right; width: 200px;}
.floatRightContainerWide {float: right; width: 220px;}