/*
 * Style sheet for coloursurgemedia.co.uk
 */

body { 
background: #FFFFFF; 
color: #777777; 
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
text-align: left; 
}

A:link { color: #FF6600 }       /* unvisited link */
A:visited { color: #777777 }   /* visited links */
A:active { color: #FFFFFF }    /* active links */

a:link .watchimage { border-color: #FF6600; } /* fix for IE not giving the linkimages the nice orange border when they're FRESSSSH! */

/*
*p.currentpage {
*color: #FFFFFF;
*}
 */

h3 {
margin: 10px 0% 0% 0%;
}

h4 {
margin: 15px 10px 10px 10px;
}

p.quote {
background: #EEEEEE;
text-align: center; 
}

p {
margin: 5px 5px 5px 5px;
}

/*
*font-weight: bold; 
*font-family: Times New Roman, serif;
*font-size: 13pt;
*font-weight: bold;
}
*/

i {
color: #FFFFFF;
font-style: italic;
}

i2 {
font-weight: bold; 
}

.watchimage {
border:2px; border-thickness: 3px; border-color: #777777; border-style: solid;
}

div#logo
{
z-index: 6;
position:absolute; 
top:5px;
left:640px;
}

div#introquote {
background: #EEEEEE;
z-index: 1;
position:absolute;
left:300px;
top:190px;
width:250px;
margin: 0px 0px 0px 0px;
}

div#introtext
{
z-index: 4;
position:absolute; 
top:330px;
left:320px;
width:500px;
}

div#text
{
z-index: 3;
position:absolute; 
top:120px;
width:440px;
left:190px;
}

div#text_lifedvd
{
z-index: 3;
position:absolute; 
top:50px;
width:750px;
margin: 5px 5px 5px 5px;
}


div#contacttext
{
z-index: 3;
position:absolute; 
top:40px;
width:700px;
}

div#watchtext
{
z-index: 3;
position:absolute; 
top:40px;
width:700px;
left:100px;
}

div#promotext
{
z-index: 3;
position:absolute; 
top:120px;
width:400px;
left:190px;
}

div#promotext2
{
z-index: 3;
position:absolute; 
top:60px;
width:350px;
left:435px;
}

div#imagegrid
{
z-index: 1;
position:absolute; 
top:140px;
width:280px;
left:0px;
}

div#imagegrid_Lshape
{
z-index: 1;
position:absolute; 
top:140px;
width:350px;
left:580px;
}

div#imagegrid_horizontal
{
z-index: 1;
position:absolute; 
top:330px;
width:310px;
left:550px;
}

div#imagegrid_horizontal2
{
z-index: 1;
position:absolute; 
top:40px;
width:360px;
left:395px;
margin: 5px 5px 5px 5px;
}

div#lifequote
{
z-index: 5;
position:absolute; 
top:165px;
width:360px;
left:380px;
margin: 5px 5px 5px 5px;
}

div#imagegrid_vertical
{
z-index: 1;
position:absolute; 
top:60px;
width:310px;
left:475px;
}

div#lifelogo
{
z-index: 1;
position:absolute; 
top:490px;
left:365px;
}


div#price
{
z-index: 2;
position:absolute; 
top:400px;
left:25px;
}

div#welcome
{
z-index: 2;
position:absolute; 
top:20px;
left:15px;
width:200px;
}

div#welcome2
{
z-index: 2;
position:absolute; 
top:265px;
left:15px;
width:200px;
}

div#links_greybar {
background: #CCCCCC;
z-index: 2;
position:absolute;
top:60px;
left:190px;
width:450px;
margin: 0px 0px 0px 0px;
}

div#links_greybar2 {
background: #CCCCCC;
z-index: 2;
position:absolute;
top:600px;
width:950px;
margin: 0px 0px 0px 0px;
}


div#links_sidebar {
background: #EEEEEE;
z-index: 1;
position:absolute;
left:640px;
top:120px;
width:310px;
margin: 0px 0px 0px 0px;
}

div#pics_sidebar {
background: #EEEEEE;
z-index: 1;
position:absolute;
left:20px;
top:120px;
width:165px;
margin: 0px 0px 0px 0px;
}

div#testimonial1 {
background: #EEEEEE;
z-index: 1;
position:absolute;
left:250px;
top:300px;
width:250px;
margin: 0px 0px 0px 0px;
}

div#testimonial2 {
background: #EEEEEE;
z-index: 1;
position:absolute;
left:230px;
top:270px;
width:350px;
margin: 0px 0px 0px 0px;
}


div#watchthis {
background: #EEEEEE;
z-index: 4;
position:absolute;
left:640px;
top:120px;
width:57px;
margin: 0px 0px 0px 0px;
}

div#qtclip {
background: #EEEEEE;
z-index: 4;
position:absolute;
left:230px;
top:160px;
width:352px;
margin: 0px 0px 0px 0px;
}