/*
--------------------------------
Author: Ben Gibson 
Company: Telescope Studios
Date: 3rd October 2008
--------------------------------
*/

* { margin:0; padding:0; }

body {
font: 11px/1.5em Verdana, Arial, Helvetica, sans-serif;
color:#000;
background:#dfebef;
}



/* ---- GENERAL ELEMENTS ----------------------*/

h1, h2, h3, h4, h5, h6 {
font-family:Georgia, "Times New Roman", Times, serif;
font-weight: normal;
}

h1 {
font-size: 218%;
}

h2 {
font-size: 164%;
margin:0 0 10px 0;
}

h3 {
font-size: 145%;
margin:0 0 10px 0;
}

h4 {
font-size: 118%;
}

p {
margin:0 0 20px 0;
}

a { 
text-decoration:underline; 
outline:0; 
}

a:hover { 
text-decoration:none; 
}

a img { 
border:none; 
}

.img { /* this class is for Image Replacement */
letter-spacing:-1000em;  
text-indent:-999em; 
overflow:hidden; 
display:block;
background-repeat:repeat; 
background-color:transparent; /* IE FLICKER FIX - no background position! */
}

img.right {
float:right;
}

.blue {
color:#5f9baf;
}

.green {
color:#b5bf00;
}

/* ---- STRUCTURE ----------------------*/

#container {
width:960px;
margin:0 auto;
padding:0 5px;
background:#dfebef url(../images/container_bg.jpg) 0 0 repeat-y;

}

#head {
width:880px;
height:173px;
padding:0 40px;
background:#fff url(../images/head_bg.jpg) 598px 0px no-repeat;
border: solid 0px #f30; 
}

#navigation {
width:880px;
height:70px;
padding:0 40px;
background:#fff url(../images/navigation_bg.jpg) bottom left no-repeat;
}

#primary_content {
float:left;
width:620px;
padding:40px;
background:#fff url(../images/primary_content_bg.jpg) 699px 40px no-repeat;
border:0px solid #f30;
}

#secondary_content {
float:left;
width:180px;
padding:40px;
}

#content {
float:left;
width:400px;
padding:0 40px 0 0;
border:0px solid #f30;
}

#content_full {
float:left;
width:620px;
padding:0 0px 0 0;
border:0px solid #f30;
}

#content_sidebar {
float:left;
width:180px;
border:0px solid #f30;
}

#footer {
position:relative;
float:none;
clear:both;
margin:0 auto;
padding:20px 0 0 0;
width:880px;
height:115px;
border-top:1px solid #E8E8EF;
}

/* ---- HEAD ----------------------*/

h2#company_logo {
width:537px;
height:57px;
padding:57px 0 0 0;
}

h2#company_logo a {
width:537px;
height:57px;
background:#fff url(../images/logo_topleft.jpg) 0 0 no-repeat;
}

/* ---- NAVIGATION ----------------------*/

ul#nav {
position:relative;
height:27px;
width:auto;
list-style:none;
}

ul#nav li {
float:left;
border:0px solid #f30;
}

ul#nav li a {
height:27px;
background:url(../images/navigation.gif) no-repeat;
}

ul#nav li#nav_home a {
width:84px;
background-position:0 0;
}

ul#nav li#nav_home a:hover,
ul#nav li#nav_home a.current {
background-position:0 -27px;
}

ul#nav li#nav_profile a {
width:174px;
background-position:-84px 0;
}

ul#nav li#nav_profile a:hover,
ul#nav li#nav_profile a.current {
background-position:-84px -27px;
}

ul#nav li#nav_products a {
position:relative;
width:119px;
background-position:-258px 0;
}

ul#nav li#nav_products a:hover,
ul#nav li#nav_products a.current {
background-position:-258px -27px;
}

ul#nav li#nav_catalogue a {
width:130px;
background-position:-377px 0;
}

ul#nav li#nav_catalogue a:hover,
ul#nav li#nav_catalogue a.current {
background-position:-377px -27px;
}

ul#nav li#nav_brands a {
width:104px;
background-position:-507px 0;
}

ul#nav li#nav_brands a:hover,
ul#nav li#nav_brands a.current {
background-position:-507px -27px;
}

ul#sub_nav {
float:right;
margin:9px 0 0 0;
list-style:none;
}

ul#sub_nav li {
float:right;
color:#dfebef;
}

ul#sub_nav li a {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
font-weight:bold;
font-style:italic;
color:#dfebef;
}

ul#sub_nav li a:hover,
ul#sub_nav li a.current {
color:#fff;
text-decoration:none;
}

ul.product_range {
float:left;
border-bottom:1px solid #E8E8EF;
font-size:12px;
}

ul.product_range li {
margin:0 0 10px 0;
}

ul.product_range.first {
padding:0 0 10px 0;
}

ul.product_range.first li a {
color:#5F9BAF;
list-style-image:url(../images/list_style_one.gif);
}

ul.product_range.first li {
list-style-image:url(../images/list_style_one.gif);
}

ul.product_range.second li a {
color:#B5BF00;
}

ul.product_range.second li {
list-style-image:url(../images/list_style_two.gif);
}

ul.product_range.second {
margin:20px 0 0 0;
padding:0 0 10px 0;
}

/*
-----------------------------------
the following styles are for the
dropdown menu
-----------------------------------
*/

div#navigation ul#nav li ul li a:hover { 
text-decoration:none; 
background:#5f9aae;
}

div#navigation ul li ul { 
display:none;
}
	
div#navigation ul li.off ul, ul#nav li.on ul { 
position: absolute;
top:27px; 
left:259px; 
width:230px;
height:auto;
padding:0;
background:#b5bf00; 
z-index:10000!important; 
}

div#navigation ul#nav li ul li {  
list-style-type:none; 
float:left;
width:250px;
height:auto;
margin:0 0 0 0!important;
padding:0!important;
text-align:left!important;  
border:0px solid #f30;
}
	
div#navigation ul li ul li a {
float:left;
display:block;
color:#fff;
font-size:12px;
border:0px solid #f30;
padding:6px 5px 5px 10px!important;
margin:0!important;
text-align:left;
width:230px!important;
height:auto;
background:#b5bf00;
text-decoration:none;
}
	
div#navigation ul li.on ul {
display: block;  
}
	
div#navigation ul#nav li.over ul {
display:block;
z-index:10000; 
}
	
ul#nav li.off:hover ul, 
#nav li.over ul { 
display: block; 
z-index:10000; 
}

/* ---- PRIMARY CONTENT ----------------------*/

h1.h1title {
float:left;
width:618px;
height:41px;
margin:0 0 20px 0;
}

h1#title_homepage {
background:#fff url(../images/title_homepage.jpg);
}

h1#title_profile {
background:#fff url(../images/title_profile.jpg);
}

h1#title_products {
background:#fff url(../images/title_products.jpg);
}

h1#title_brands {
background:#fff url(../images/title_brands.jpg);
}

h1#title_catalogue {
background:#fff url(../images/title_catalogue.jpg);
}

h1#title_contact {
background:#fff url(../images/title_contact.jpg);
}

h1#title_enquiries {
background:#fff url(../images/title_enquiries.jpg);
}

h1#title_links {
background:#fff url(../images/title_links.jpg);
}

#content a,
#content_sidebar a {
color:#5F9BAF;
}

#map {
float:right;
width:400px;
height:300px;
}

dl, dt, dd {
float:left;
}

dd {
width:400px;
margin:0 0 20px 0;
}

dd img {	
float:right;
}

dd a {
font-size:16px;
}

dd p {
margin:0 0 10px 0;
}

.cat_thumb {
float:left;
width:155px;
min-height:200px;
text-align:center;
}

.cat_thumb a img {
margin:0 0 5px 0;
}

/* ---- SECONDARY CONTENT ----------------------*/

h2#title_product_sidebar {
float:left;
width:180px;
height:41px;
background:#fff url(../images/title_product_sidebar.jpg) 0 0 no-repeat;
margin:0 0 20px 0;
}

blockquote {
float:left;
background:url(../images/right_quote.jpg) no-repeat right bottom;
padding-left: 18px;
margin:0 0 20px 0;
text-indent: -18px;
color:#999;
font:italic 16px/1.5em Georgia, "Times New Roman", Times, serif;
}

blockquote:first-letter {
background:url(../images/left_quote.gif) no-repeat left top;
padding-left: 18px;
font: italic 22px Georgia, "Times New Roman", Times, serif;
}

/* ---- FOOTER ----------------------*/

#copyright {
float:left;
width:300px;
color:#666;
}

#ass_logos {
float:right;
width:500px;
}

a#logo_ths {
float:right;
width:177px;
height:82px;
margin:0 0 0 20px;
background:url(../images/logo_ths.jpg);
}