/* CSS Document */

/*--------------------------------------- General Structure -----------------------------------------*/
html
{
height: 100%;
}

body
{
height: 100%;
}

#wrapper
{
position: relative;
min-height: 100%;
}

*html #wrapper
{
height: 100%;
}

#container{ position:relative;   border:#000000 0px solid;  padding:0px 0px 46px 0px; margin-top:0px; margin-left:auto; margin-right:auto; width:928px;  }

#header { width:100%; height:128px; margin:0px; padding:0px; position:relative; z-index:1000;}
#adminbar {z-index:1010;}
#contact_details { width:231px; text-align:right; height:44px; position:absolute; top:0px; right:0px; background:url(../images/contact_details.jpg) no-repeat left top; padding:10px 10px 0px 0px; color:#FFF; }
#contact_details a { color:#FFF; text-decoration:none; background:url(../images/email.gif) no-repeat left 50%;  font-size:12px; padding:0px 0px 0px 23px;}
#contact_details #tel { background:url(../images/tel.jpg) no-repeat left 50%; padding:0px 0px 0px 23px; color:#fff;}
#contact_details p { margin:0px; line-height:18px;}
#logo {  width:240px; height:127px; margin:1px 0px 0px 0px; padding:0px; position:absolute; top:0px; left:0px;  }

#main {  width:100%; margin:0px 0px 0px 0px; }
#slideshow { position:relative; background:#fff; display:block; height:258px; margin:36px 0px 0px 0px;}
*html #slideshow {  margin:33px 0px 0px 0px;}
#slideshow ul { margin:0px; padding:0px;}
#slideshow ul li { list-style:none; margin:0px; padding:6px; position:absolute; top:0px; left:0px;}
#slideshow_left { width:3px; height:258px; position:absolute; left:-3px; top:0px; background:url(../images/slideshow_left.jpg) no-repeat left top;}
#slideshow_right { background:url(../images/slideshow_right.jpg) no-repeat left top; width:3px; height:258px; position:absolute; right:-3px; top:0px;}
#slideshow_below { background:url(../images/slideshow_below.jpg) no-repeat left top; height:5px; width:931px; position:absolute; bottom:0px; left:-2px;}

*html #slideshow_below  { bottom:-10px; }


#content_main  { width:614px;   margin:0px 0px 0px 0px; float:right; padding:0px; min-height:300px; height:auto !important;   height:300px;}

#footer { width:100%; position:relative; background:url(../images/footer.jpg) repeat-x left top; height:46px; margin:-46px 0px 0px 0px; padding:0px; }
#footer_inner { width:928px; display:block; margin:0px auto 0px auto; font-size:12px; color:#FFF; font-weight:bold; padding:7px 0px 0px 0px;}

#other_footer { display:block;   margin:20px auto 20px auto; text-align:right; position:relative; width:928px;}

.clear { clear:both; }

#content_textpage img {margin:10px 10px 10px 10px;}

/*------------------------------------ HomePage -----------------------------------------------------------*/

.home_block { width:279px; display:block; float:left; margin-top:20px;}
#home_table.home_block  { margin-left:45px; margin-right:45px;}
.home_block p {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;  color:#333333;}
.home_block .links {}
a.learn_more { display:block; float:right;}
.links { display:block; margin:15px 0px 0px 0px;}

/*------------------------------------ HomePage -----------------------------------------------------------*/
*html #content_completed { width:565px; display:block; float:left; margin:0px 0px 0px 1px;}
#content_completed { width:565px; display:block; float:left; margin:0px 0px 0px 3px;}
.title { font-size:14px; font-weight:bold;}

#sidebar_completed {width:274px; display:block; float:right; margin:0px 26px 0px 0px;}
*html #sidebar_completed {margin:0px 7px 0px 0px;}
#completed_main { margin:20px 0px 0px 0px; position:relative; width:260px; height:195px;}
#completed_main ul { margin:0px; padding:0px;}
#completed_main ul li { margin:0px; padding:0px; list-style:none; position:absolute; top:0px; left:0px;}
.thumb { display:block; float:left; margin:13px 13px 0px 0px;}

/*------------------------------------ Completed -----------------------------------------------------------*/

#content { width:527px; display:block; float:left; margin:0px 0px 0px 3px; position:relative;}
#sidebar { display:block; float:right; width:324px;}
.product { border-bottom:1px solid #D70000; padding:10px 0px 10px 0px;}
.product p { margin:0px 0px 0px 0px;}
.product_left { width:179px; display:block; float:left;}
.product_right { display:block; float:right; width:124px; position:relative;}
a.more_completed { display:block; float:right; margin:10px 0px 10px 0px;}

.paging { display:block; float:right; color:#333333; font-weight:bold; margin:20px 0px 10px 0px;}
.paging a { color:#333333; font-weight:bold; text-decoration:none;}
.paging_top { position:absolute; top:21px; right:0px; color:#333333; font-weight:bold;}
.paging_top a { color:#333333; font-weight:bold; text-decoration:none;}

#contact input {width:213px;}
#contact textarea {width:213px;}
#contact button { display:block; float:right;}
/*------------------------------------ Textpage -----------------------------------------------------------*/

#content_textpage { width:600px; display:block; float:left; margin:0px 0px 0px 3px;}
#sidebar_textpage { width:213px; display:block; float:right; margin:0px 39px 0px 0px;}
*html #sidebar_textpage {  margin:20px 19px 0px 0px;}
.sidebar_link { display:block; margin:0px 0px 10px 0px;}
a.link_right { display:block; float:right; margin:8px 0px 0px 0px;}

/*------------------------------------ News -----------------------------------------------------------*/

.news {border-bottom:1px solid #D70000; padding:10px 0px 10px 0px; display:block;}
.news_left { width:134px; display:block; float:left;}
.news_right { display:block; float:right; width:370px;}
a.news_title { font-size:10px; color:#333333; text-decoration:none;}
a.news_title span { font-size:14px !important; font-weight:bold;}
a:hover.news_title { text-decoration:none; color:#333;}
a.read_more { display:block; float:right; margin:-10px 0px 0px 0px;}

#news_right { width:290px; display:block; float:right; margin:0px 39px 0px 0px;}

.cats { width:190px; display:block; float:left;}
.cats h1 { margin:10px 0px 20px 0px;}
.cats a { display:block; font-size:14px; font-weight:bold; color:#333; text-decoration:none; margin:10px 0px 10px 0px; background:url(../images/news_a.jpg) no-repeat left 50%; padding:0px 0px 0px 20px;}
.cats a:hover { display:block; font-size:14px; font-weight:bold; color:#333; text-decoration:none;}

.archive { width:91px; display:block; float:right;}
.archive h1 { margin:10px 0px 20px 0px;}
.archive a { display:block; font-size:14px; font-weight:bold; color:#333; text-decoration:none; margin:10px 0px 10px 0px; background:url(../images/news_a.jpg) no-repeat left 50%; padding:0px 0px 0px 20px;}
.archive a:hover { display:block; font-size:14px; font-weight:bold; color:#333; text-decoration:none;}

/*------------------------------------ nav-----------------------------------------------------------*/
#nav ul { margin:0px; padding:0px;}
#nav ul li { position:relative; margin:0px; padding:0px; list-style:none; display:block; float:left; margin:0px 10px 0px 11px; padding:0px;}
#nav { width:623px; display:block; float:right;  margin:0px 0px 0px 65px; padding:87px 0px 0px 0px; text-align:right; }
*html #nav { width:660px; margin:0px 0px 0px 27px; padding:87px 0px 0px 0px; } 
#nav a { text-decoration:none; margin:0px 0px 0px 0px; padding:0px 0px 3px 0px;  color:#333333; display:block; float:left; font-weight:normal; font-size:12px;}
#nav a.selected {border-bottom:3px solid #006CAD;} 
#nav ul li ul { display:none; width:129px; position:absolute; background:#006CAD; margin:0px !important; padding:0px !important; top:20px; left:0px; text-align:left !important;}
#nav ul li ul li {margin:0px !important; paddin:0px !important; display:block !important; float:none !important;}
#nav ul li ul li a { color:#fff; background:none;  margin:0px !important; padding:5px 10px 5px 10px !important; width:109px;  display:block !important; float:none !important;}
#nav ul li ul li a:hover {text-decoration:none;  color:#fff; background:#0093EB !important; border:0px !important;}
#nav ul li:hover ul { display:block; }
#nav ul ul:hover { display:block;}
#nav a:hover { text-decoration:none;  border-bottom:3px solid #006CAD; } 


/*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/

button {cursor:pointer;}
body { text-align: left;  margin: 0px;  padding: 0px;  letter-spacing:normal; background:url(../images/bac.jpg) repeat-x left top;font-family: Arial, Helvetica, sans-serif; font-size:12px;}
body,p,h1,h2,h3,h4 { margin:0px;  padding: 0px; }

img { border:0px; margin:0px; padding:0px; }

h1 { font-size:22px; color:#333333; font-weight:bold;  margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h1#home { font-size:22px; color:#333333; font-weight:bold; border-bottom:1px solid #D70000; margin:10px 0px 10px 0px; padding:0px 0px 5px 0px; }
h2 { color:#006CAC; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h3 { color:#333333; font-size:15px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h4 { color:#006CAC; font-size:14px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h5 { color:#333333; font-size:13px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h6 { color:#006CAC; font-size:12px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }



ul {  }
ul li {color:#333333; font-size:12px; list-style:disc; }
ol {}
ol li {color:#333333; font-size:12px; list-style:decimal;}

address {color:#333333; font-size:12px;}

a { color:#E40000; text-decoration:underline; }
a:hover { color:#E40000; text-decoration:underline; }

p { color:#333333; font-size:12px; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; line-height:18px; }

/*hacks list remove before live

HANDY HINTS

*html IE6
*+html IE7
:root  FIREFOX
body:last-child:not(:root:root)    SAFARI
html:first-child OPERA
*/