/*-----------------------------------------------------------*/
/* style.css - July 2008 - Advanced Fibreoptic Enineering ltd*/
/*-----------------------------------------------------------*/

html {
height: 100%;/*makes the html the full window height*/
}

* {
    padding: 0;
    margin: 0;
} 

body {
	background: #ffffff;
    /*background-image: url(/images/snofl3bg.gif);
	background-repeat: repeat;*/
    font: .74em Trebuchet, Verdana, Arial, sans-serif;
    line-height: 1.5em; 
    min-height: 100%;/*sets the body to the window height*/
    _height:100%;/*ie 6 hack - better in a specific stylesheet*/
    position: relative;/*tells the footer to use the body the reference when setting position*/
}

h1 {
    color: #0000bb;
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 15px;
    text-align: center;
}

h2 {
    color: #0000bb;
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 15px;
}

h3 {
    color: #ff0000;
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 15px;
}

h4 {
    color: #0000ff;
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 15px;
}


a {
    color: #0000bb;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

#wrap {
    margin: 20px auto;
    width: 724px;
    padding-bottom: 200px;/*creates space at the bottom of the main content the same height as the footer to prevent anything from disappearing behind it*/
}

.header {
    height: 100px;
}

.middle {
    float: left;
    width: 700px;
    margin: 0 0px;
    padding: 1% 1%;
    text-align: justify;
}

.left {
    float: left;
    width: 45%;
    margin: 0 0px;
    padding: 1% 1%;
}

.right {
    float: right;
    width: 45%;
    margin: 0 0px;
    padding: 1% 1%;
}

#footer {
    text-align: center;
    color: #000000;
    position: absolute;
    height: 80px;
    bottom: 0;
    width: 100%;
    left: 0;
}

#clear {
    display: block;
    clear: both;
    width: 100%;
    height:1px;
    overflow:hidden;
}

.list_no{
    color: #0000bb;
    margin-right: 5px;
}	

/* Table style */
.datatable {
    border: 1px solid;
    border-collapse: collapse;
    width: 100%;
}

.datatable td {
    padding: 4px;
}

.datatable th {
    background-color:#aaccff;
    font-weight: bold;
    text-align: left;
    padding-left: 4px;
}

.datatable caption {
}

.datatable tr.altrow {
    background-color:#d5e5ff;
}

/* Table style */
.selector {
    border: 0px solid;
    border-collapse: collapse;
    width: 100%;
}

td {
    padding: 0px;
	width: 30%;
	vertical-align: top;
}

/* Table style */
.products {
    border: 0px solid;
    border-collapse: collapse;
    width: 100%;
}


.products td {
    padding: 10px;
	width: 30%;
	vertical-align: top;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.panela {
	background-image: url(/img/part.jpg);
}

.panelb {
	background-image: url(/img/fibre.jpg);
}

.panelc {
	background-image: url(/img/module.jpg);
}

.paneld {
	background-image: url(/img/special.jpg);
}

.entryforms{
    margin:20px auto;
    width:250px;
    padding:20px;
    border:1px solid #ccc;
    background:#b4bcff;
}

.entryformstwo{
    margin:20px auto;
    width:700px;
    padding:5px;
    border:1px solid #ccc;
    background:#b4bcff;
}


label {
    display:block;
}

fieldset {
    border:0;
    margin:0;
    padding:0;
}

input.submit {
    padding:2px 5px;
    font:bold 12px/12px verdana,arial,sans-serif;
}

.dingdong {
    display:block;
	color: #ffffff;
}

#nuts label{
    display:block;
	color: #ffffff;
}