/* Body */
html{margin:0 auto;padding:0;height:100%;margin-bottom: 1px;}
body{font: 12px verdana,helvetica,arial,sans-serif;background-color:#fff;text-align:center;margin:0 auto;} /* background-image: url(images/grd-grey.jpg); background-attachment: fixed; background-repeat: repeat-x; background-position: left top; */
a{border:0}
img{border:0;margin:0 0 0 0;padding:0 0 0 0} 


/* Page Container */
.container{position:relative;width:700px;margin:10px auto 10px auto;border:1px solid #000;text-align:left;background-color:#fff}  /* min-height: 300px; */
.container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Border */
.border {}
.border:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Content Old colour - #808285 */
div#content {position:relative;float:left;width:660px;margin:10px 20px 10px 20px}
/* Hack for IE6 Note: display: inline; can help with left margin problem but need twice... */
* html div#content {margin:10px 10px 5px 10px} 
div#content h1{font: 24pt Arial; font-weight: bold; margin:0 0 15px 0; color: #cc0000;text-align:center}
div#content h2{font: 14pt Verdana; font-weight:bold; margin:15px 0 12px 0; color: #cc0000;text-align:center} /* h1 margin:0 0 5px 0; h2 adn h3 margin:15px 0 5px 0;*/
div#content h3{font: 12pt Verdana; font-weight:bold; margin:15px 0 0 0; color: #cc0000;text-align:center} 
div#content p{font: 12pt Arial;line-height:1.4em;color:#000000;margin:0px 0px 12px 0px} /* line-height:1.4em; */
div#content ol{font: 12pt Arial;line-height:1.4em;color:#000000;margin-top:12px;margin-bottom:12px;line-height:1.4em}
div#content ul{font: 12pt Arial;line-height:1.4em;color:#000000;margin-top:12px;margin-bottom:12px;line-height:1.4em}
div#content li{font: 12pt Arial;line-height:1.4em;color:#000000;line-height:1.4em}
div#content td{font: 12px verdana,helvetica,arial,sans-serif;color:#000000}
div#content a{color:#0000cc;font-weight:bold;text-decoration:none}
div#content a:hover{text-decoration:underline}
#ltscolour {color:#a8af3e;font-size:12pt;font-weight:bold}
#gtscolour {color:#a8af3e;font-size:10pt;font-weight:bold}

ul.square_red { margin: 0 0 0 10px; list-style: square;  }
ul.square_red li { list-style-image: url('images/ico-square_red.gif'); list-style-type: square; list-style-position: outside; margin: 7px 0;  }

/* Multimedia */
div#multimedia {position:relative;float:right;width:320px;margin:10px 20px 10px 0}
div#multimedia p{color:#000000;margin:0;padding:10px 10px 10px 10px}
div#multimedia a{color:#0000cc;font-weight:bold;text-decoration:none}
div#multimedia a:hover{text-decoration:underline;color:#cc0000}
div#multimedia img{border:solid #6d6f71 1px}
div#multimedia form{margin:10px 0 0 0;padding:0}


/* Boxes */

blockquote.testimonial { font-size: 1em; font-weight: normal; margin: .25em; padding: 0em 1em .25em 0em; overflow: hidden;  }
blockquote.testimonial p { font-style: italic; font-size: 1.05em; text-align: justify; }
blockquote.testimonial p span { font-style: normal; font-weight: bold; font-size: 1.25em; }
blockquote.testimonial dl { width: 200px; padding: 1em .5em; font-size: 1.05em; }
blockquote.testimonial dl dt { font-weight: bold; }
blockquote.testimonial dl dd { font-size: 1.25em; font-weight: bold; color: rgb(204,0,0); letter-spacing: -1px; }

blockquote.box { background-color: rgb(225,250,200); border: 2px solid #CC0000; padding: 0 1em 1em 1em; margin: 1.25em auto; text-align: left; width: 70% }

blockquote.guarantee { background-color: rgb(225,250,200); border: 2px solid #CC0000; padding: 0 1em 1em 1em; margin: 1.25em auto; text-align: left; width: 80% }

blockquote.register { background-color: rgb(225,250,200); border: 4px dashed #CC0000; padding: 0 1em 1em 1em; margin: 1.25em auto; text-align: left; width: 70% }
blockquote.register:hover { background-color: rgb(200,250,175); }
blockquote.register h3 { color: rgb(204,0,0); text-transform:capitalize; font-size: 1.25em;  }
blockquote.register a { font-weight: bold; }


.takeawaybox {color:#000000;position:absolute;left:0px;width:320px;border:solid #6d6f71 1px;margin:0;padding:0}
.emailbox {background-color:#E1FAC8;color:#000000;position:absolute;left:0px;width:310px;border:solid #6d6f71 1px;padding:5px 5px 5px 5px;font-weight:bold;margin-top:5px;}
.emailbox:hover { background-color: #C8FAAF; }
.emailbox h2 {font: 14pt Verdana; font-weight:bold; margin:5px 0 0 0; color: #cc0000;text-align:center}
.emailbox p {line-height:1.4em;margin:0;padding:0;font-weight:normal;}
.emailbox-end {background-color:#E1FAC8;color:#000000;position:relative;width:460px;border:solid #6d6f71 1px;padding:0px 5px 10px 5px;font-weight:bold}
.emailbox-end:hover { background-color: #C8FAAF; }
.emailbox-end table {margin-left:20px}
.emailbox-end h2 {font: 14pt Verdana; font-weight:bold; margin:0px 0 12px 0; color: #cc0000;text-align:center}
.articletextbox {color:#000000;border:solid #6d6f71 1px;padding:10px 10px 0 10px;margin:15px 0 15px 0}

/* Footer */
div#footer{color:#000000;font:normal 11px arial,sans-serif;text-align:center; margin:1em auto;}
div#footer a{color: #0000cc;text-decoration:none}
div#footer a:hover{color: #cc0000;text-decoration:underline}
div#footerMenu {font: 12px verdana,helvetica,arial,sans-serif}
div#footerMenu a{color: #0000cc;font-weight:bold;margin-right:10px}
div#footerMenu a:hover{color: #cc0000;text-decoration:none}