/* 22 Aug 18 - Allsa.co.za
    Gold #FFD700, Yellow #ffcc00, RoyalBlue #4169E1 */
html { overflow-y: scroll; }

body {
    text-align: center;
    min-width: 720px;
    color: #444;
    background: #fff;
    font-size: 13px;
    font-family: Tahoma, Geneva, Verdana, Arial, Sans-Serif;
    margin: 1px 0;
}

ul { list-style-type: none; padding: 0; margin: 0; }

a:link, a:visited { text-decoration:none; color:#0000ff; }
a:hover { text-decoration:underline; }
a:focus { outline:none; }

@media screen and (min-width: 960px) {
    a[href*="tel:"] { pointer-events:none; cursor:default; color:#222; }
    a[href*="tel:"]:hover { text-decoration:none; }
}

/* input */
input[type="text"], input[type="password"], textarea, select { font-size:13px; border:solid 1px #ccc; border-radius:3px; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus { outline:none; border-color:#66afe9; box-shadow:0 0 4px #61C5FA; } 
input[type="text"], input[type="password"], textarea { width:300px; height:28px; padding-left:4px; }
select { width:306px; height:32px; }
input[type="checkbox"], input[type="radio"] { width:18px; height:18px; argin-left:-3px; }
span input[type="radio"] { margin-left:0; }
.RadioButtonList td { width:60px; }

textarea { height:unset; }

/* buttons */
input[type="submit"], input[type="button"], #hlkVirtualTour { cursor:pointer; text-decoration:none; color:#fff; font-size:16px; outline:none;
    background:linear-gradient(#B22222, #DC143C); padding:5px 10px; border:solid 1px #B22222; border-radius:3px; }
input[type="submit"]:hover, input[type="button"]:hover, #hlkVirtualTour:hover { background:linear-gradient(#DC143C, #B22222); }

hr { height:2px; color:#aaa; background-color:#aaa; border:0 none; }

.PageHeading { color:#000; }

/* all forms */
.AllForms div { padding-bottom:10px; }
.AllForms div.FaxNumber { display:none; }
.AllForms div strong { display:block; padding-bottom:2px; }
.AllForms .req { background:url(../Images/Required10.png) no-repeat 310px 20px; }
.AllForms input[type="submit"] { margin:5px 0 10px 0; }

div.req span, td.req span { color:#ff0000; }

.NoWrap { white-space:nowrap; font-weight:bold; }
.NoData, #pnlNoData span { color:#ff0000; font-size:16px; }
.Clear { clear:both; height:1px; }

#BG { height:25px; background:url(../Images/BG.gif) repeat-x; border-bottom:dashed 1px #aaa; }
#Container { text-align:left; width:700px; background:#fff; margin:0 auto; }
#Content { clear:both; padding:20px 0; }

/* master page */
#Header { height:65px; }

#Logo { float:left; font-family:Arial; font-weight:bold; padding-top:25px; }
#Logo b { color:#008000; font-size:32px; }
#Logo strong { color:#ff0000; font-size:42px; }
#Logo span { color:#00008b; font-size:15px; }

#Footer { background:url(../Images/Footer.gif) repeat-x; color:#333; padding:50px 0; border-top:dashed 1px #aaa; }

#Footer div { font-size:10px; padding-top:20px; }

/* navigation */
#Nav { float:right; width:320px; height:25px; background:url(../Images/Navigation.png) no-repeat 0 40px; padding-top:40px; }
#Nav li { float:right; text-align:center; }

#One {width:102px;}
#Two {width:118px; }
#Three {width:100px; }
.Spacer { background:#66ccff; }

#Nav a { display:block; cursor:pointer; text-decoration:none; height:25px; line-height:25px; color:#fff; font-size:12px; font-weight:bold; margin-bottom:1px; }

ul.Sub {
    position: absolute;
    z-index: 20;
    left: -999em;
    height: auto;
    background-color: #0099cc;
    font-weight: normal;
    border: solid 1px #0099cc;
    border-radius: 5px;
    -moz-border-radius: 5px;
    margin: 0 0 0 2px;
}

#Nav ul.Sub li { line-height: 18px; margin: 4px 0; }

#Nav ul.Sub a {
    display: block;
    text-decoration: none;
    height: 18px;
    line-height: 18px;
    color: #fff;
    padding: 0 22px;
}

#Nav li:hover ul { left: auto; }
#Nav a:hover, #Nav ul.Sub a:hover { color: #ffcc00; }

/* homepage */
#Welcome { text-align: center; font-size: 14px; }

#Services { text-align: center; width: 100%; margin-top: 40px; }
#Services a { color: #444; font: bold 20px Century Gothic; text-decoration: none; }

#Property { text-align: center; width: 50%; padding-left: 60px; }
#Property a:hover { color: #4169e1; }

#Sport { text-align: center; width: 50%; padding-right: 60px; }
#Sport a:hover { color: #ffcc00; }

/* websites */
.SubHeadings { font-weight:bold; padding-bottom:3px; }

.Websites { list-style-type:circle; margin-left:16px; }
.Websites li { padding-left: 10px; }

/* other */
.TableZero { width:100%; border-collapse:collapse; }
.TableZero th, .TableZero td { vertical-align:top; padding:0; }