/* CSS Document */

/* HTML Elements */
body {
font-family: Trebuchet MS, Arial, Verdana;
font-size: 90%;
color: #000;
background: #000;
text-align:center;
padding: 30px 0 40px 0;
margin: 0;
}

a {color: #096aa7;text-decoration: none;font-weight: bold;}
a:hover {color: #036; text-decoration: underline;}

h2 {color: #263354; font-weight: bold; font-size: 200%;}
h3 {color: #263354; font-weight: bold; font-size: 150%;}

#hidden, .hidden {display: none;}

#container
{
margin: 0 auto;
width: 760px;
text-align: left;
background: #fff;
}

#header 
{
background: url("/assets/images/header.jpg") no-repeat;
height: 215px;
}

#navigation
{
height: 40px;
padding: 0;
font-size: 110%;
background: url("/assets/images/nav.gif") no-repeat;
}

#navigation ul {margin: 0; padding: 5px 0 0 40px; list-style: none}
#navigation li {display: inline; margin-right: 30px;}
#navigation a {color: #fff;text-decoration: none}
#navigation a:hover {color: #fff;text-decoration: underline}


#main_content{clear: both;padding: 10px 20px 0px 20px;margin: 0;}
#main_content h2 {padding: 5px 0 5px 0; margin: 0;color: #263354; font-weight: bold; font-size: 200%;}
#main_content h3 {padding: 0; margin: 5px 0 5px 0;}

#contact{padding: 10px 20px 0 20px;margin: 0;}
#contact p {font-size: 80%;}
.uk {float:left; width: 300px; background: url(../images/contact_bg.jpg) no-repeat}
.usa {float:right; width: 300px;  background: url(../images/contact_bg.jpg) no-repeat}

.uk img, .usa img {float: left; margin: 10px; }
.uk p, .usa p {padding: 10px 0 10px 70px; margin: 0;}
#footer{clear: both;background: url("/assets/images/footer.gif") no-repeat #3a5793;margin: 10px 0;padding: 15px 0 5px 20px;color: #fff;font-size: 70%;}

#footer p{padding: 0; margin: 2px 20px;}
#footer img {float: left;margin-top: 4px;margin-right: 10px;}
#footer a {color: #cadaff;text-decoration: underline}
#footer a:hover {color: #a3bffa;text-decoration: none}

#footer_tat {height: 142px; background: url(/assets/images/footer_tat.gif) no-repeat bottom;}

fieldset {border: 1px solid #999;padding: 10px;}
legend {color: #000; padding: 5px; font-size: 120%; font-weight: bold;}
form p { font-size: 90%; }

#products {margin: 0 auto; width: 540px;}
.products {font-size: 90%; margin:0; padding:0;border-collapse: collapse;}
.products td {padding-bottom: 10px; }
.td_img {height: 100px; width: 150px; padding: 0; background: url("/assets/images/tables/td_img.gif") no-repeat}
.td_img img {border: none}
.td_prod {padding: 0; width: 150px; background: url("/assets/images/tables/td_prod.gif") no-repeat}
.td_prod p{margin: 0; padding: 10px 0; font-size: 90%;text-align: center}
.td_prod span{color: #F00; font-weight: bold; font-size: 120%;}
.td_ref { padding: 0; font-weight: bold; width: 100px; padding: 0; vertical-align: center; text-align: center; background: url("/assets/images/tables/td_ref.gif") no-repeat}
.td_desc { padding: 0;  vertical-align: center; background: url("/assets/images/tables/td_desc.gif") no-repeat}
.td_desc p {padding-left: 20px;}

.product_type {
float: left;
width: 270px;
}

.product_type a {
margin: 2px;
padding: 13px 0 0 70px;
height: 50px;
font-size: 120%;
display: block;
background: url("/assets/images/product_type.gif") no-repeat;
}

.product_type a:hover {
margin: 2px;
display: block;
text-decoration:none;
}

.colours {text-align: center}
.colours h3 {text-align: left}
.colours img {border: none;}


.visres {font-weight: bold; font-size: 110%; width: 70%; border: 1px solid #ccc; background: #ededed; padding: 10px; }
.back {padding: 0 0 0 22px; background: url("/assets/images/back.gif") no-repeat;}
.moreinfo {padding: 0 0 0 20px; background: url("/assets/images/moreinfo.gif") no-repeat;}
.next {padding: 0 0 0 22px; background: url("/assets/images/select_icon.gif") no-repeat;}
.contactus {padding: 0 0 0 22px; background: url("/assets/images/contactus.gif") no-repeat;}

.homehead
.contacthead
.abouthead
.producthead
.colourhead {text-indent: -2000px; background:url("/assets/images/headings/colours.gif") no-repeat; width: 300px; height: 40px;}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ededed;
padding: 5px;
left: -1000px;
border: 1px solid #666;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -138px;
left: 180px; /*position where enlarged image should offset horizontally */

}



/* SITE CONFIG AREA */
#ad_nav
{
height: 40px;
padding: 0;
font-size: 90%;
background: url("/assets/images/nav.gif") no-repeat;
}

#ad_nav ul {margin: 0; padding: 8px 0 0 40px; list-style: none}
#ad_nav li {display: inline; margin-right: 0;}
#ad_nav a {color: #fff;text-decoration: none}
#ad_nav a:hover {color: #fff;text-decoration: underline}



#status_ok {margin: 20px 0 20px 0; border: 1px solid #999;background: #acd700; width: 100%;padding: 0; font-size: 90%;}
#status_error {margin: 20px 0 20px 0; border: 1px solid #b0d2b7;background: #F30; width: 100%;padding: 0; font-size: 90%;}
#status_error h2, #status_error h3, #status_error p, #status_ok h2, #status_ok h3, #status_ok p{padding: 5px; margin: 0;}
#admin table {border: 1px solid #999; font-size: 90%; margin:0; padding:0px;border-collapse: collapse;}
#admin thead {background: url(../images/th_bg.gif);}
#admin td  {padding: 5px;}
#admin th {padding: 5px; color: #fff; text-align: left;}
.row1 {background: #FFF; border: 1px solid #999;}
.row2 {background: #EDEDED; border-left: 1px solid #999; border-right: 1px solid #999;}
.row3 {background: #CCC; border-top: 1px solid #999; font-style:italic;}
.delete, .error, .logout {color: #F00;}