a:link {color:blue}
a:visited {color:magenta}
a:hover {color:lime}

a.bulletlink:link {color:black; text-decoration:none;}
a.bulletlink:visited {color:black; text-decoration:none}
a.bulletlink:hover {color:red; text-decoration:none}


* {
margin: 0;
padding: 0;
} 

body {margin:0px 0px 0px 0px; width: 100%; }
html {width: 100%;}

p{font-family: "Arial", "Helvetica", sans-serif; margin-top: 0; }


.copyright {color:white;
font-size: 10px;
background-color:black;}

.bodytext { font-size:16px;  font-family: Helvetica, arial; }
.blockheading { color: white; font-size:24px; text-transform: uppercase; font-family: copperplate gothic light, Helvetica, arial; }

.bodymargins {margin-left: 30px}

head {margin: 0px;
padding: 0px;}

ul.homepage {
  list-style-image: url(http://www.deep-ideas.co.uk/images/arrow_main.jpg);
align:middle;
padding:20px;
font-size:16px;  font-family: Helvetica, arial;
}


ul.sublist {
  list-style-image: url(http://www.deep-ideas.co.uk/images/subarrow.jpg);
align:middle;
padding:10px;
font-size:14px;  font-family: Helvetica, arial;
}

ul.small_list {  list-style-image: url(http://www.deep-ideas.co.uk/images/subarrow.jpg);
align:middle;
padding:0px;
font-size:12px;  font-family: Helvetica, arial;
}


#leftcontent {
position: absolute;
left:2px;
top:5px;
width:165px;
background:#fff;
	}


width:224px


float:left; 
#main { width:100%; 
margin-left: 165px;}

margin-left: 230px


html>body #main{
margin-left: 165px;}

margin-left: 230px


separator {width: 1050px; font-size:1px; margin-left:150px;  overflow: visible; border-top:4px solid #000000;}

#footer {clear: both; font-size:12px; font-family: helvetica, arial;}

#titlearea {height: 170px;
background-image: url(http://www.deep-ideas.co.uk/images/homepage/DIL_120pt.jpg);
background-repeat: no-repeat;
background-position: 10% 90%;
}  

li {padding:3px; vertical-align: middle}

#shearwater {
background-image: url(http://www.deep-ideas.co.uk/images/Shearwater_Images/SWLogo_faded.jpg);
background-repeat: repeat-x;
background-position: 90% 10%;

} 

#DiveX {background-image: url(http://www.deep-ideas.co.uk/images/DiveXImages/DiveX_biglogo.jpg);
background-repeat: no-repeat;
background-position: center right;
} 

#ostc {background-image: url(http://www.deep-ideas.co.uk/images/OSTC_Images/Logofaded.jpg);
background-repeat: no-repeat;
background-position: 25% 40%;
} 

#agir {background-image: url(http://www.deep-ideas.co.uk/images/agir/agir_logo_faded.jpg);
background-repeat: no-repeat;
background-position:30% 70%;
} 

.divexlogo{float:right; margin-right:25%; width:100px;}
.miflexlogo{float:right; margin: 5px; margin-right: 25%; width:189px;}
.agirlogo{float:right; margin: 15px; margin-right: 10%; width:200px;}
.warranty{float:right; margin-right:45%;}

.dvdbuy{float:right; margin:10px}
#linkspg{float:right; margin-right:10%; width:250px}

.imgConfirm {float:right; margin-right: 37%; margin-bottom:10px; margin-left:auto; width:350px; height: 264px;}
 
label {
 float: left;
  width:9em;
  text-align:left;
  margin-right:10px;
  }

.buttons {line-height:0px;}
.scrollbanner { font-family: Copperplate Gothic Light, helvetica, arial;
font-size: 14pt;
font-weight: bold; 

}




#leftcontent {
position: absolute;
left:2px;
top:5px;
width:165px;
background:#fff;
	}

float:left; 
#main { width:100%; 
margin-left: 165px;}

html>body #main{
margin-left: 165px}

#footer {clear: both; font-size:12px; font-family: helvetica, arial;}

#titlearea {height: 225px;
background-image: url(http://www.deep-ideas.co.uk/images/homepage/DIL_120pt.jpg);
background-repeat: no-repeat;
background-position: 10% 96%;
}  

#borderline {border-top-width:3px;
border-top-style:solid;
border-top-color:black;
border-bottom-width:3px;
border-bottom-style:solid;
border-bottom-color:black;
}