/* @override 
	http://visisureafrica.com/includes/styles.css */

/* 
    Document   : styles
    Created on : Aug 10, 2009, 4:08:30 PM
    Author     : rich - ta design
    Description: timeware.co.uk font styles
*/

h1
{
    font-size: 2em;
    font-weight: bold;
    color: #000000;
    padding: 0;
    margin: 0;
}

h1.specialOffers
{
    font-size: 3em;
    font-weight: bold;
    color: #000000;
    padding: 0;
    margin: 0;
}

h2
{
    font-size: 1.5em;
    color: #fec601;
    padding: 0;
    margin: 1em 0em 0em 0em;
}

h3
{
    font-size: 1.3em;
    color: #000000;
    padding: 0;
    margin: 1em 0em 0em 0em;
}

.body
{
    font-size: 1.3em;
    color: #666666;
    padding: 0;
    margin: 0.5em 0em 0.5em 0em;
}

.bodyTabbed
{
    font-size: 1.3em;
    color: #666666;
    padding: 0;
    margin: 0.5em 0em 0.5em 4em;
}

.bodyBold
{
    font-size: 1.3em;
    font-weight: bold;
    color: #404040;
    padding: 0;
    margin: 1em 0em 0.5em 0em;
}

.bodyBoldSpan
{
    font-weight: bold;
    color: #404040;
    padding: 0;
    margin: 1em 0em 0.5em 0em;
}

.bodyRight
{
    font-size: 1.3em;
    color: #666666;
    padding: 0;
    margin: 0.5em 0em 0.5em 0em;
    text-align: right;
}



.bodyIrl
{
    width: 20em;
    float: left;
    font-size: 1.3em;
    color: #666666;
    padding: 0;
    margin: 1em 0em 0.5em 0em;
}

.bodyIrlRight
{
    width: 20em;
    float: left;
    font-size: 1.3em;
    color: #666666;
    padding: 0;
    margin: 1em 0em 0.5em 0em;
}

.price
{
    font-size: 1.3em;
    color: #cc0000;
    padding: 0;
    margin: 0em 0em 0em 0em;
}

.wasPriceConsume
{
    font-size: 1.3em;
    color: #666666;
    padding: 0;
    margin: 0em 0em 2em 0em;
}


.priceConsume
{
    font-size: 1.5em;
    color: #cc0000;
    padding: 0;
    margin: 1em 0em 0em 0em;
}

.wasPrice
{
    font-size: 1.5em;
    color: #666666;
    padding: 0;
    margin: 1em 0em 0em 0em;
}

.suggestionHeading
{
    font-size: 1.4em;
    font-weight: bold;
    color: #0071B7;
    padding: 0em 0em 0em 0em;
    margin: 0;
}

.suggestionBody
{
    font-size: 1em;
    color: #000000;
    padding: 0em 0em 0.5em 0em;
    margin: 0;
}

.specialOfferBIG
{
    font-size: 3em;
    color: #fec601;
    padding: 0;
    margin: 0em 0em 0em 0em;
    font-weight: bold;
}

.specialOfferListTitle
{
    font-size: 2em;
    color: #666666;
    padding: 0;
    margin: 1em 0em 0.5em 0em;
}

.specialOffersQuote
{
    font-size: 1.3em;
    color: #666666;
    padding: 0;
    margin: 0.5em 0em 0.5em 0em;
    font-style: italic;
}


.specialOffersContact
{
    font-size: 1.5em;
    color: #000;
    padding: 0;
    margin: 0em 0em 0.5em 0em;
    font-weight: bold;
}

.specialOffersPhone
{
    font-size: 2.5em;
    color: #ffffff;
    padding: 0;
    margin: 0em 0em 0em 0em;
    font-weight: bold;
}

.specialOffersAvailable
{
    font-size: 1em;
    color: #666666;
    padding: 0;
    margin: 1em 0em 0em 0em;
    font-style: italic;
}

/* top nav links */

.NavLink
		{
			margin:0;
			padding:0;
			font-family: Arial, Verdana, Helvetica, 'Trebuchet MS', sans-serif;
			font-size: 1em;
			font-weight: bold;
			color:#ffffff;
		}

a.NavLink:visited
		{
			font-family: Arial, Verdana, Helvetica, 'Trebuchet MS', sans-serif;
			color: #ffffff;
			font-size: 1em;
			text-decoration: none;
		}

a.NavLink:hover
		{
			font-family: Arial, Verdana, Helvetica, 'Trebuchet MS', sans-serif;
			color: #000000;
			font-size: 1em;
			font-weight: bold;
			text-decoration: none;
		}



/* box text */

.topboxHeading
{
    font-size: 1.3em;
    font-weight: bold;
    color: #0071B7;
    padding: 2em 1.7em 0em 1.7em;
    margin: 0;
}

.topboxBody { font-size: 1.1em; padding: 0em 2em 3em 2em; margin: 0; }


.visisureProductsHeading { font-size: 2em; font-weight: bold; color: #0071B7; padding: 0em 2.6em 0em 6em; margin: 0; text-align: right; }

.visisureProductsBody { font-size: 1.4em; padding: 1em 4em 0em 7em; margin: 0; text-align: right; }





.topboxHeadingBIGBOX
{
    font-size: 2em;
    font-weight: bold;
    color: #000;
    padding: 0.5em 0em 0.5em 0.5em;
    margin: 0;
}

.topboxBodyBIGBOX { font-size: 1.1em; padding: 0em 12em 1em 1em; margin: 0; }

.BodyBIGBOXConfirm { font-size: 1.4em; padding: 0em 10em 0.5em 1em; margin: 0; font-weight: bold; }

.BodyBIGBOXName { font-size: 1.1em; padding: 0em 10em 3em 1em; margin: 0; float: right; }

.bottomboxHeadingLow
{
    text-align: left;
    font-size: 1.3em;
    font-weight: bold;
    color: #0071B7;
    padding: 10em 1.7em 0em 1.7em;
    margin: 0;
}

.bottomboxHeading
{
    font-size: 1.3em;
    font-weight: bold;
    color: #0071B7;
    padding: 3em 1.7em 0em 1.7em;
    margin: 0;
}

.bottomboxBody { font-size: 1.1em; padding: 0em 2em 3em 2em; margin: 0; }

.bottomboxBodyLow
{
    text-align: left;
    font-size: 1.1em;
    padding: 0em 2em 3em 2em;
    margin: 0;
}



/* column text */

.columnHeading
{
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 0em;
    color: #0071B7;
}

.columnBody { margin-top: 0em; }

.columnItems
{
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 0em;
    color: #0071B7;
}

.convertItems
{
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 0em;
    color: #0071B7;
}

.columnHeadingWhite
{
    font-size: 1.5em;
    font-weight: bold;
    margin-top: 0.8em;
    margin-bottom: 0em;
    margin-right: 1.2em;
    color: #ffffff;
}

.columnBodyWhite { font-size: 1.1em; margin-top: 0.5em; color: #ffffff; }

#columnBodyLeft
{
    float: left;
    width: 10.1em;
    height: 6.3em;
    padding: 3em 0em 0em 0.8em;
    margin: 0;
}

#columnBodyRight
{
    float: left;
    height: 6.3em;
    padding: 1.2em 0em 0em 1.5em;
    margin: 0;
}



/* images */

img.imgNoBorder { border: none; margin: 0em; }

img.imgNoBorderDownload
{
    width: 3.2em;
    height: 3.2em;
    border: none;
    margin: 0em;
}


img.imgFloatLeft { float: left; border: none; margin: 0.2em; }

img.imgFloatRight { float: right; border: none; margin: 0em 0em 0em 2em; }



img.downloadBrochure { border: none; margin: 0 0 1em 0; z-index: 1; }

img.HeaderImage
{
    border: none;
    height: 111px;
    width: 656px;
    margin: 0em;
}


/* main label */

.labelHeading
{
    font-size: 1.6em;
    font-weight: bold;
    color: #ffffff;
    padding: 2.6em 0em 0em 0em;
    z-index: 12;
}

.labelBody
{
    padding: 0em 3em 1em 3em;
    font-size: 1.4em;
    color: #000000;
    z-index: 12;
}

            #label
            {
                position: absolute;
                width: 24em;
                height: 21em;
                margin: -21em 0em 0em -2em;
                border: none;
                float: left;
                z-index: 10;
                background: url(images/question-label.png) no-repeat;
                text-align: center;
            }

            #label a
            {
              display:block;
              width:100%;
              height:100%;
              text-decoration:none;
              z-index: 10;
              color: #000000;
            }

            #label a:hover { text-decoration:none; z-index: 10; color: #000000; }

.imgYoutubeEmailMe { border:none; margin-bottom:15px; margin-top:15px; }

                      

/* main label Drill Down */

#labelDrill
{
    position: absolute;
    width: 24em;
    height: 21em;
    margin: -64em 0em 0em -11em;
    border: none;
    float: left;
    z-index: 10;
    background: url(images/question-label.png) no-repeat;
    text-align: center;
}

#labelDrill a {
  display:block;
  width:100%;
  height:100%;
  text-decoration:none;
  z-index: 10;
  color: #000000;
}

#labelDrill a:hover { text-decoration:none; z-index: 10; color: #000000; }


/* Label TV link */



/* Links */

.Links { color: #0772ba; text-decoration: none; }

a.Links:hover { color: #000000; text-decoration: none; }


.LinksBold { font-weight: bold; color: #0772ba; text-decoration: none; }

a.LinksBold:hover { font-weight: bold; color: #000000; text-decoration: none; }


.LinksColumn { font-weight: bold; color: #ffffff; text-decoration: none; }

a.LinksColumn:hover { font-weight: bold; color: #000000; text-decoration: none; }

.TVLinks { border: none; }

a.TVLinks:hover { border: none; }


.featureBoxHeading
{
    font-size: 1.4em;
    font-weight: bold;
    color: #0772ba;
    margin-bottom: 0em;
    padding-left: 15em;
}

.featureBoxBody { font-size: 1em; color: #0772ba; padding-right: 2em; }

a { text-decoration: none; margin:0; padding:0; }

a:hover { text-decoration: none; }

a:active { text-decoration: none; }


/* testimonial text */

.bodyTest
{
    text-align: right;
    font-size: 1.3em;
    color: #ffffff;
    padding: 0;
    margin: 1em 2em 0em 2em;
}

.bodyTestBold { font-weight: bold; color: #ffffff; }

.nameTest
{
    text-align: right;
    font-size: 1.1em;
    font-weight: bold;
    color: #ffffff;
    padding: 0;
    margin: 0.5em 2.4em 0em 2em;
}

.positionTest
{
    text-align: right;
    font-size: 1em;
    color: #ffffff;
    padding: 0;
    margin: 0em 2.5em 0em 2em;
}




/* main label alt */


            #labelALT
            {
                position: absolute;
                width: 24em;
                height: 21em;
                margin: -16em 0em 0em 66em;
                border: none;
                float: left;
                z-index: 10;
                background: url(images/question-label.png) no-repeat;
                text-align: center;
            }

            #labelALT a {
              display:block;
              width:100%;
              height:100%;
              text-decoration:none;
              z-index: 10;
              color: #000000;
            }

            #labelALT a:hover {
              text-decoration:none;
              z-index: 10;
              color: #000000;
            }

/* lionwreath */

            #lionwreath
            {
                position: absolute;
                width: 24em;
                height: 9.7em;
                margin: -15.5em 0em 0em 67em;
                border: none;
                float: left;
                z-index: 10;
                background: url(images/lionandwreath2.png) no-repeat;
                text-align: center;
            }

            .bodyNONE
            {
                display: none;
            }

/* address right column */
#address
{
    width: 22em;
    float: left;
    margin-left: 1em;
    margin-top: 0em;
}

.addressTextHeading
{
    font-size: 1.8em;
    font-weight: bold;
    color: #0772ba;
    margin-bottom: -0.5em;
}

.addressText
{
    font-size: 1.4em;
    color: #0772ba;
    margin-bottom: 1em;
}

.telephoneAndFax
{
    font-size: 1.4em;
    color: #0772ba;
    margin-bottom: 1em;
}

.telephoneAndFaxBold
{
    font-weight: bold;
}

.emailContact
{
    font-size: 1.4em;
    font-weight: bold;
    color: #0772ba;
    margin-bottom: 1em;
}


.emailLink
{
	color: #0772ba;
	text-decoration: none;
}

a.emailLink:hover
{
	color: #000000;
	text-decoration: none;
}

#dlbrochure1
{
    position: absolute;
    width: 24em;
    height: 9em;
    margin: 4em 0em 0em 66em;
    border: none;
    float: left;
    z-index: 10;
    text-align: center;
}


/* terminal page styles */

.terminalAddOns
{
    width: 15em;
    font-size: 1.3em;
    color: #000000;
}

img.imgAddOnsLeft
{
    float: left;
    margin: 0em;
    border: none;
}

img.imgAddOnsRight
{
    float: right;
    margin-right: 2em;
    border: none;
}

.addOnsTextRight
{
    float: right;
    margin-right: 2em;
    border: none;
}

.downloadTitle
{
    font-size: 1.3em;
    color: #000000;
    margin: 2em 1em 0em 0em;
}

.downloadVersion
{
    font-size: 1em;
    color: #000000;
    margin: 0em 1em 0em 0em;
}

/* end */

.newsTitle
{
    font-size: 1em;
    color: #0071B7;
    padding: 0;
    margin: 1em 0em 0em 0em;
}

.newsBold
{
    font-size: 1.5em;
    font-weight: bold;
    color: #0071B7;
    padding: 0;
    margin: 1em 1em 0em 0em;
}

.newsBody
{
    font-size: 1.3em;
    color: #666666;
    padding: 0;
    margin: 0.5em 0em 0.5em 0em;
}

.newsContact
{
    font-size: 1.3em;
    color: #666666;
    padding: 0;
    margin: 0em 0em 0em 0em;
}

.newsSignature
{
    float: right;
    font-size: 1.1em;
    font-weight: bold;
    color: #666666;
    padding: 0;
    margin: 0.2em 0em 0em 0em;
}

/* 2010 Box text styles */

/* box text */


.topboxHeading
{
    font-size: 1.3em;
    font-weight: bold;
    color: #fec601;
    margin: 0;
    padding: 0.6em 1.9em 0em 13em;
    margin: 0;
    text-align: left;
}

.topboxBody
{
    font-size: 1.2em;
    padding: 0.2em 1.9em 0em 14.2em;
    margin: 0;
    text-align: left;
}


/* news box text */

#newsItem
{
    width:349px;
    height: 252px;
    margin: 0px;
    padding: 15px;
}

.newsboxHeading_new
{
    font-size: 2.2em;
    font-weight: bold;
    color: #fff;
    padding: 0px;
    margin: 0px;
}

.newsboxTitle_new
{
    font-size: 1em;
    color: #ffffff;
    padding: 0;
    margin: 1em 0em 0em 0em;
}

.newsboxTitleBold_new
{
    font-size: 1.5em;
    font-weight: bold;
    color: #ffffff;
    padding: 0;
    margin: 1em 1em 0em 0em;
}

.newsboxDate_new
{
    font-size: 1.2em;
    color: #000000;
    padding: 0;
    margin: 0em 0em 0em 0em;
}

.newsboxBody_new
{
    font-size: 1.3em;
    color: #fff;
    padding: 0px;
    margin: 10px 0px 10px 0px;
}

.newsboxClick_new
{
    font-size: 1.3em;
    font-weight: bold;
    color: #ffffff;
    padding: 0;
    margin: 0.2em 0em 0em 0em;
}



.newsboxTitleSml_new
{
    font-size: 1.2em;
    color: #ffffff;
    margin: 2em 1em 0em 0em;
    font-weight: bold;
}

.ProfessionalEmploy
{
    font-size: 1.2em;
    color: #fff;
    margin-right: 4.5em;
    margin-bottom: 0em;
    text-align: right;
    padding-bottom: 0em;
}

.ProfessionalEmployBold
{
    font-size: 1.6em;
    font-weight: bold;
    color: red;
    margin: 0px;
}

.ProfessionalEmployNews
{
    font-size: 1.4em;
    color: #fff;
    margin-right: 4.5em;
    margin-bottom: 0em;
    text-align: right;
    padding-bottom: 0em;
}

.ProfessionalEmployNewsBold
{
    font-size: 1.4em;
    font-weight: bold;
    margin: 0px;
    color: #0772ba;
}

img.timewareDVDLeft
{
    float: left;
    margin-left: 1em;
    margin-top: 1.5em;
    margin-right: 4em;
    border: none;
}


#homeOffer
{
    width:379px;
    height: 86px;
    margin: 11px 0px 0px 0px;
    padding-left: 111px;
}

.homeOfferHeading
{
    font-size: 2em;
    font-weight: bold;
    color: #fff;
    padding: 0px;
    margin: 15px 0px 0px 0px;
    text-align: left;
}

.homeOfferBody
{
    font-size: 1.6em;
    padding: 0px;
    margin: 0px;
    text-align: left;
    color: #fff;
}

.homeOfferBodyBold { font-weight: bold; color: #0772ba; }


/* ta footer */

.taLink
		{
			margin:0;
			padding:0;
			font-family: Arial, Verdana, Helvetica, 'Trebuchet MS', sans-serif;
			font-size: 9px;
			color:#666666;
		}

a.taLink:visited
		{
			font-family: Arial, Verdana, Helvetica, 'Trebuchet MS', sans-serif;
			color: #666666;
			font-size: 9px;
			text-decoration: none;
		}

a.taLink:hover
		{
			font-family: Arial, Verdana, Helvetica, 'Trebuchet MS', sans-serif;
			color: #000000;
			font-size: 9px;
			text-decoration: none;
		}

 .priceHardware
{
    font-size: 2em;
    color: #cc0000;
    padding:0;
    margin-bottom: -0.5em;
}

 .priceHardwareOptions
{
    font-size: 1.6em;
    font-weight: bold;
    color: #cc0000;
    padding:0;
    margin-bottom: 0em;
}

.hardwareVariationSPAN
{
    float: left;
    font-weight: bold;
    width: 5.5em;
    color: #666666;
    margin: 0.2em 0 0 0;
    padding: 0;
}

.priceHardwareSPAN
{
    font-size: 1.2em;
    font-weight: bold;
    color: #cc0000;
    padding: 0;
    margin-bottom: 0em;
}

.priceHardwareRight
{
    font-weight:bold;
    font-size:1.5em;
    color: #cc0000;
    padding: 0;
    margin-top:0;
    margin-right: 2em;
}


.bodyOffers
{
    font-size: 1.3em;
    color: #666666;
    padding: 0;
    margin: 0.5em 0em 0.5em 0em;
}

.bodyOffersBold
{
    font-weight: bold;
    color: #404040;
    padding: 0;
    margin: 0.5em 0em 0.5em 0em;
}



/* ------------ */
/*              */
/* list styles  */
/*              */
/* ------------ */


#bullets { width:330px; font-size: 1.5em; color: #666666; }

#bullets ul { width:400px; margin: 0px 0px 30px 16px; padding: 0px; text-align: left; list-style-type: disc; list-style-position: inside; }

#bullets li { margin: 0; }


/* Ordered list */

ol { width: 190px; font-size: 1.2em; font-weight: bold; color: #999999; margin: 0 0 0 -20px; }

ol p { font-size: 1em; font-weight: normal; color: #000000; }

#ie6popup { width:930px; padding:10px; margin: 4px auto 4px auto; left: 250px; top : 50px; background-color : #000; color: #fff; font-size : 10px; border : 0px solid #666; z-index : 100; }
#ie6popup strong { color : #fff; display : block; text-align : center; }