/* 
    Document   : style.css
    Created on : 24 July 2009
    Description: Stylesheet for temporary Protilit Ltd website
*/

body {
    background-color : rgb(255,255,255);
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color: rgb(60,60,60);
}

#body-container {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    text-align: left;
}

a,
a:active,
a:visited {
    text-decoration: none;
    color: rgb(60,60,60);
}

a:hover {
    text-decoration: underline;
}

div.text {
    text-align: justify;
}

div.form-item {
    margin-bottom: 10px;
}

h1 {
    font-size: 3em;
    margin-top: 0px;
}

h2 {
    font-size: 2em;
    margin-top: 0px;
}

h3 {
    font-size: 1.4em
    border: 0px;
    margin: 0px;
}

iframe {
    border: 1px solid rgb(60,60,60);
}

input[type=text] {
    width: 290px;
}

input.text-field {
    border: 1px solid rgb(60,60,60);
}

input.error-field {
    border: 1px solid red;
}

textarea {
    width: 290px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
}

textarea.text-field {
    border: 1px solid rgb(60,60,60);
}

textarea.error-field {
    border: 1px solid red;
}

.form-required {
    color: red;
    font-size: 1.5em;
}

#error-message {
    border: 1px solid red;
    color: rgb(80,0,0);
    background-color: rgb(255,220,220);
}

#error-message ul {
    margin: 2px 2px 2px 5px;
    padding: 0;
    list-style-position: inside;
}

#confirm-message {
    border: 1px solid green;
    color: rgb(0,80,0);
    background-color: rgb(220,255,220);
    padding: 4px;
}

/*****
 * content container
 *****/

#container-topleftcorner {
    float: left;
    background: url("assets/corner_top_left.png");
    width: 16px;
    height: 16px;
}

#container-top {
    float: left;
    border-top: 2px solid rgb(60,60,60);
    width: 928px;
    height: 14px;
}

#container-toprightcorner {
    float: left;
    background: url("assets/corner_top_right.png");
    width: 16px;
    height: 16px;
}

#container-main {
    border-left: 2px solid rgb(60,60,60);
    border-right: 2px solid rgb(60,60,60);
    width: 924px;
    padding: 0px 16px 0px 16px;
    clear: both;
}

#container-bottomleftcorner {
    float: left;
    background: url("assets/corner_bottom_left.png");
    width: 16px;
    height: 16px;
    clear:both;
}

#container-bottom {
    float: left;
    border-bottom: 2px solid rgb(60,60,60);
    width: 928px;
    height: 14px;
}

#container-bottomrightcorner {
    float: left;
    background: url("assets/corner_bottom_right.png");
    width: 16px;
    height: 16px;
}


/*****
 * title header area
 *****/
 
#header-area {
    width: 928px;
    height: 50px;
    border-bottom: 1px solid rgb(120,120,120);
    margin-bottom: 10px;
}

#title {
    float: left;
}

#telno {
    float: right;
    font-size: 1.5em;
}

/*****
 * main content area
 *****/

#content-area {
    clear: both;
}

#col-left {
    float: left;
    width: 297px;
    padding-right: 10px;
}

#col-centre {
    float: left;
    width: 288px;
    border-left: 1px solid rgb(60,60,60);
    border-right: 1px solid rgb(60,60,60);
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
}

#col-right {
    float: left;
    width: 297px;
    padding-left: 10px;
}


/*****
 * footer area
 *****/

#footer {
    border-top: 1px solid rgb(60,60,60);
    padding: 3px 0px 3px 0px;
    width: 928px;
    height: 15px;
    clear: both;
}

#copyright {
    float: left;
}

#footer-links {
    float: right;
}