﻿body, select, input, textarea
                        { font-family: Tahoma, Arial; }
body                    { margin-top: 0; font-size: 13px; color: #000000; background-image: url(images/bg-body.png); background-repeat: repeat-x; background-position: top; background-color: #E9E9E9; }

div                     { text-align: left; }

a                       { color: #666666; text-decoration: none; }
a:hover                 { text-decoration: underline; }

h1                      { color: #0079C4; font-size: 30px; font-weight: normal; margin: 0 0 8px 0; }
h1 img                  { margin-right: 7px; position: relative; top: 2px; }
h2                      { color: #0079C4; font-size: 14px; font-weight: normal; margin: 15px 0 10px 0; }
h3                      { color: #0079C4; font-size: 13px; font-weight: normal; margin: 0 0 0 0; }

li                      { margin: 15px 0; }
hr                      { color: #CCCCCC; }

#overlay                { text-align: center; position: absolute; top: 0; left: 0; z-index: 500; background-image: url(images/bg-overlay.png); }
.overlay-outer          { width: 100%; }
.overlay-inner          { border: 1px solid #FFF; }
.overlay-close          { text-align: right; position: relative; top: 13px; right: -12px; }

#master                 { width: 962px; }

#header                 { height: 107px; background-image: url(images/bg-header.png); background-repeat: no-repeat; background-position: right; }
#header .tagline        { display: block; color: #AAAAAA; font-size: 22px; text-align: right; margin: 15px 70px 0 0; }
#header .flags          { display: block;  text-align: right; margin-top: 10px; }

#menu, #menu-admin      { color: #FFFFFF; font-size: 14px; z-index: 1; }
#menu .content, #menu-admin .content          
                        { background-color: #6BB2AC; height: 18px; }

#menu-buttons           { position: absolute; top: 111px; z-index: 2; font-size: 14px; }
#menu-buttons img       { width: 3px; height: 31px; background-color: #FFFFFF; }
#menu-buttons a         { height: 31px; line-height: 31px; white-space: nowrap; position: relative; top: -2px; color: #FFFFFF; padding: 5px 11px 10px 12px; }
#menu-buttons a:hover   { text-decoration: none; }
#menu-buttons .active
                        { text-decoration: none; background-image: url(images/bg-menu.png); background-repeat: no-repeat; background-position: center; }
#menu-buttons .home.active
                        { background-image: url(images/bg-menu-home.png); background-position: left; }
#menu-buttons .faq      { padding: 5px 12px 10px 13px; }      
#menu-buttons .faq.active
                        { background-image: url(images/bg-menu-faq.png); background-position: right; }

#menu-admin-buttons     { position: absolute; top: 175px; z-index: 2; font-size: 14px; }
#menu-admin-buttons img { width: 3px; height: 31px; background-color: #FFFFFF; }
#menu-admin-buttons a   { height: 31px; line-height: 31px; white-space: nowrap; position: relative; top: -2px; color: #FFFFFF; padding: 5px 11px 10px 12px; }
#menu-admin-buttons a:hover   
                        { text-decoration: none; }

#menu-hint              { height: 28px; line-height: 28px; background-image: url(images/bg-hint.png); background-repeat: repeat-x; }
#menu-hint .callus      { color: #FFFFFF; font-weight: bold; font-size: 14px; padding: 0 11px; background-image: url(images/bg-hint-right.png); background-repeat: no-repeat; background-position: top right; }
#menu-hint .hint        { color: #FFFFFF; font-size: 11px; padding: 0 11px; background-image: url(images/bg-hint-left.png); background-repeat: no-repeat; background-position: top left; }

#banner                 { height: 156px; background-image: url(images/bg-banner.png); background-repeat: no-repeat; }
#banner .welcome        { width: 290px; height: 156px; padding-left: 20px; color: #FFFFFF; font-size: 38px; line-height: 115%; }
#banner .stvconnect     { font-size: 45px; font-weight: bold; }
#banner .tagline        { width: 410px; height: 156px; padding: 0 5px; color: #FFFFFF; font-size: 12px; line-height: 180%; }

#main                   { display: block; }

#ctl00_mainLeft         { width: 218px; height: 100%; vertical-align: top; padding: 0 4px 0 0; }
#ctl00_mainLeft .panelOuter 
                        { background-image: url(images/bg-left-top.png); background-position: top left; background-repeat: no-repeat; padding-top: 13px; }
#ctl00_mainLeft .panelInner 
                        { background-image: url(images/bg-left-bottom.png); background-position: bottom left; background-repeat: no-repeat; padding: 0 13px 13px 13px; font-size: 12px; color: #666666; }
#ctl00_mainLeft .title  { color: #0079C4; font-size: 20px; display: block; text-align: right; margin-bottom: 10px; }
#ctl00_mainLeft .step1  { background-image: url(images/step1.gif); background-position: top left; background-repeat: no-repeat; }
#ctl00_mainLeft .step2  { background-image: url(images/step2.gif); background-position: top left; background-repeat: no-repeat; }
#ctl00_mainLeft .step3  { background-image: url(images/step3.gif); background-position: top left; background-repeat: no-repeat; }
#ctl00_mainLeft .list a { display: block; margin-bottom: 8px; }
#ctl00_mainLeft .menu   { font-size: 14px; color: #0079C4; height: 31px; line-height: 31px; display: block; padding: 0 10px; margin-bottom: 4px; background-image: url(images/bg-button-left.gif); background-repeat: no-repeat; }
#ctl00_mainLeft .menu:hover, #ctl00_mainLeft .menu.active 
                        { text-decoration: none; background-image: url(images/bg-button-left-over.gif); }

#ctl00_mainRight        { width: 740px; height: 100%; vertical-align: top; }
#content                { background-color: #FFFFFF; padding: 0 10px 5px 10px; }
.home #content          { background-color: Transparent; padding: 0; }
#content .spacing1      { line-height: 31px; position: relative; top: -6px; }
#content .title         { color: #0079C4; font-size: 20px; }
#content .step          { color: #0079C4; font-size: 16px; }
#content .large         { font-size: 16px; }
.form                   { width: 718px; }
.form td                { padding: 2px; }
.form .label            { width: 150px; }
.form .field            { }
.form .error            { width: 100px; }
.form .half             { width: 75px; }
.form select.single     { width: 155px; }
.form input.single      { width: 150px; }
.form .double           { width: 300px; }
.alert                  { color: #FF0000; display: block; }

#mainBottom             { margin-top: 4px; }
#mainBottom .panelOuter { background-image: url(images/bg-bottom-top.png); background-position: top left; background-repeat: no-repeat; padding-top: 13px; }
#mainBottom .panelInner { background-image: url(images/bg-bottom-bottom.png); background-position: bottom left; background-repeat: no-repeat; padding: 0 13px 13px 13px; font-size: 12px; color: #666666; }
#mainBottom .title      { color: #0079C4; font-size: 20px; display: block; text-align: right; margin-bottom: 10px; }

#mainLoading            { width: 962px; position: absolute; top: 175px; text-align: center; vertical-align: middle; background-image: url(images/bg-loading.png); }

#home-panels            { width: 100%; }
.home-panel             { width: 318px; height: 170px; background-image: url(images/bg-home-panel.png); background-repeat: no-repeat; vertical-align: top; }
.home-panel:hover       { background-image: url(images/bg-home-panel-over.png); }
.home-panel a           { }
.home-panel a:hover     { text-decoration: none; }
.home-panel .overlay	{ width: 317px; height: 170px; position: absolute; z-index: 2; }
.home-panel .overlay img{ width: 317px; height: 170px; }
.home-spacer            { width: 3px; height: 4px; }

#home .panel            { width: 317px; height: 170px; cursor: hand; z-index: 1; }
#home .panel .title1    { width: 288px; text-align: right; margin: 0 15px; }
#home .panel .title2    { width: 170px; max-width: 170px; color: #0079C4; font-size: 35px; vertical-align: top; text-align: right; float: right; }
#home .panel .image     { width: 288px; margin: 0 15px; }
#home .panel .text1     { width: 288px; color: #666666; font-size: 14px; vertical-align: bottom; margin: 0 15px; }

#footer1                { color: #FFFFFF; font-size: 14px; }
#footer1 .content       { background-color: #6BB2AC; text-align: center; line-height: 18px; }

#footer2                { height: 15px; color: #666666; }

.spaced                 { margin-top: 4px; }
.right                  { float: right; }
.left                   { float: left; }

.number                 { color: #0079C4; font-weight: bold; font-size: 15px; }

.follow                 { font-weight: bold; font-size: 14px; color: #943C9C; }
.purple                 { color: #943C9C; }
.blue                   { color: #0079C4; }

.exclamation            { color: #0079C4; font-size: 56px; font-weight: bold; }

.button1                { width: 100px; background-image: url(images/bg-button-purple.png); background-repeat: repeat-x; border: 0; height: 28px; color: #FFFFFF; }
.button2                { width: 100px; background-image: url(images/bg-button-green.png); background-repeat: repeat-x; border: 0; height: 28px; color: #FFFFFF; }
.dropdown-left          { width: 190px; height: 28px; border: 0; padding: 5px 7px 5px 5px; background-image: url(images/bg-formitem-left-2.gif); background-repeat: no-repeat; margin-bottom: 4px; }
.textbox-left           { width: 180px; height: 18px; border: 0; padding: 5px; background-image: url(images/bg-formitem-left-2.gif); background-repeat: no-repeat; margin-bottom: 4px; }
.radio-left             { width: 192px; height: 120px; border: 0; padding: 5px 7px 5px 5px; background-image: url(images/bg-formitem-left-3.gif); background-repeat: no-repeat; margin-bottom: 4px; }

.grid                   { width: 100%; }
.grid td                { vertical-align: top; padding: 10px 4px; border-left: none; border-right: none; }
.grid td table td       { padding: 0; }
.grid td.search-enquire { vertical-align: middle; border-left: 1px solid #FFF; }
.grid .row              {}
.grid .row:hover, .grid .alternating:hover, .grid .topresults:hover
                        { cursor: hand; background-color: #EEE; }
.grid .row:hover .search-title, .grid .row:hover a, .grid .alternating:hover .search-title, .grid .alternating:hover a, .grid .topresults:hover .search-title, .grid .topresults:hover a
                        { text-decoration: underline; }
.grid .alternating      {}
.grid .no-padding td    { padding: 2px; }
.grid .header           { background-color: #943C9C; }
.grid .header th        { text-align: left; color: #FFF; padding: 2px; }
.grid .display-none     { display: none; }
.grid .pager            { text-align: right; }
.grid .pager td         { padding: 10px 10px 10px 0; }
.grid img               { width: 125px; }
.grid .topresults       { width: 20%; }
.grid .border-right     { border-right: 1px solid #EEE; }
.grid .border-top       { border-top: 1px solid #EEE; }

.search-title           { display: block; color: #0079C4; font-size: 16px; margin-bottom: 10px; }
.search-title a         { color: #0079C4; }
.search-desc            { color: #999; }
.search-location        { display: block; margin-top: 10px; }
.search-list            { color: #999; display: block; margin-bottom: 2px; }
.search-enquire         { color: #999; text-align: center; }
/*.search-total           { width: 215px; text-align: right; font-size: 16px; display: inline-block; margin: 5px 0; }*/
.search-sort            { width: 718px; text-align: left; font-size: 16px; display: inline-block; margin: 3px 0 10px 0; }
.search-sort a          { padding: 2px 4px; }
.search-sort a.active   { background-color: #EEE; padding-right: 20px; }
.search-sort a.ASC      { background-image: url(images/search-sort-asc.gif); background-repeat: no-repeat; background-position: right; }
.search-sort a.DESC     { background-image: url(images/search-sort-desc.gif); background-repeat: no-repeat; background-position: right; }
.search-images          { width: 33px; height: 26px; float: left; margin-top: 5px; padding: 3px 0 0 8px; background-image: url(images/search-images.gif); background-repeat: no-repeat; }
.search-videos          { width: 33px; height: 26px; float: left; margin-top: 5px; padding: 3px 0 0 8px; background-image: url(images/search-videos.gif); background-repeat: no-repeat; }
.search-empty           { color: #FF0000; font-size: 20px; }

#detail td              { vertical-align: top; }
.detail-image           { text-align: center; margin-bottom: 3px; }
.detail-image img       { width: 125px; }
.detail-image input     { width: 236px; }
.detail-thumbnails      { margin-bottom: 10px; display: block; }
.detail-thumbnails input{ width: 57px; float: left; margin: 0 2px 3px 0; }
.detail-videos          { display: block; }
.detail-videos input    { width: 57px; float: left; margin: 0 2px 3px 0; }
.detail-list            { color: #999; display: block; margin-bottom: 2px; }
.detail-desc            {}
.detail-notes           {}
.detail-location        {}
.detail-price           { display: block; color: #0079C4; font-size: 16px; margin-bottom: 10px; }

.machine-delete         { float: right; position: relative; top: -2px; }

.column                 { width: 175px; display: inline-block; line-height: 20px; vertical-align: top; }

/* rGreen corners */
.rGreen {
    display: block; 
}
.rGreen * {
    display:block;
    height:1px;
    overflow:hidden;
    font-size:.01em;
    background:#6BB2AC;
}
.rGreen1 {
    margin-left: 3px;
    margin-right:3px;
    padding-left:1px;
    padding-right: 1px;
    border-left: 1px solid #bfdddb;
    border-right:1px solid #bfdddb;
    background:#90c5c0;
}
.rGreen2 {
    margin-left:1px;
    margin-right:1px;
    padding-right:1px;
    padding-left:1px;
    border-left:1px solid #f0f7f6;
    border-right:1px solid #f0f7f6;
    background:#87c0bb;
}
.rGreen3 {
    margin-left:1px;
    margin-right:1px;
    border-left:1px solid #87c0bb;
    border-right:1px solid #87c0bb;
}
.rGreen4 {
    border-left:1px solid #bfdddb;
    border-right:1px solid #bfdddb; 
}
.rGreen5 {
    border-left:1px solid #90c5c0;
    border-right:1px solid #90c5c0; 
}
/* rGreen corners end */


/* rWhite corners */
.rWhite {
    display: block; 
}
.rWhite * {
    display:block;
    height:1px;
    overflow:hidden;
    font-size:.01em;
    background:#FFFFFF;
}
.rWhite1 {
    margin-left: 3px;
    margin-right:3px;
    padding-left:1px;
    padding-right: 1px;
    border-left: 1px solid #f1f1f1;
    border-right:1px solid #f1f1f1;
    background:#f9f9f9;
}
.rWhite2 {
    margin-left:1px;
    margin-right:1px;
    padding-right:1px;
    padding-left:1px;
    border-left:1px solid #e9e9e9;
    border-right:1px solid #e9e9e9;
    background:#fafafa;
}
.rWhite3 {
    margin-left:1px;
    margin-right:1px;
    border-left:1px solid #fafafa;
    border-right:1px solid #fafafa;
}
.rWhite4 {
    border-left:1px solid #f1f1f1;
    border-right:1px solid #f1f1f1; 
}
.rWhite5 {
    border-left:1px solid #f9f9f9;
    border-right:1px solid #f9f9f9; 
}
/* rWhite corners end */