* { font-family: helvetica, arial, sans; font-size: 11px; color: #666; } 
body {
padding: 0;
margin: 0;
text-align: left;
background-color: #D6D6D6;
}
a img { border: 0; }
a { text-decoration: none;  } 
a { text-decoration: none;  } 
a:hover { color: #333; }
a:visited { color: #666; }

/* first overall container */
#container {
width: 1020px;
border: 0px dotted yellow;
padding: 0;
margin: 0 0 0 110px;
background-color: #D6D6D6;
text-align: left;
}

/* header styles */
#main_head {
width: 803px;
height: 199px;
border: 0px solid #999;
padding: 0;
margin: 0 0 0 10px;
background-repeat: no-repeat;
}
#main_head #logo { 
height: 90px;
width: 180px;
padding: 0;
margin: 0;
border: 0px solid #666;
left: 30px;
top: 50px;
position: relative;
}
#main_head #navigation { 
height: 44px;
list-style: none;
padding: 0;
margin: 0;
border: 0px solid #666;
left: 21px;
top: 49px;
position: relative;
}
#main_head #navigation li{ 
float: left;
display: inline; /* IE double margin fix */
margin: 0 0 0 10px;
border: 0px solid #666;
}
#main_head #navigation li a
{
float: left;
display: hide; /* IE double margin fix */
width: 177px;
height:44px;
padding: 0;
display: block;
border: 0;
text-decoration: none;
text-align: center;
font-size: 0px;
}
#main_head #navigation li.product a{ background: url(/basik_images/nav/product.png) #fff top left repeat-x;}
#main_head #navigation li.information a{ background: url(/basik_images/nav/information.png) #fff top left repeat-x;}
#main_head #navigation li.clientarea a{ background: url(/basik_images/nav/clientarea.png) #fff top left repeat-x;}

#main_head #navigation li a:hover{ background-position:bottom left;}
#main_head #navigation li.activepage a{ background-position:bottom left;}




/* body styles */
#main_body {
border: 0px solid blue;
width: 803px;
padding: 0;
margin: 0 10px;
background-image: url('/basik_images/template/main_body_background.png');
background-repeat: repeat-y;
}
#main_body #lefthandcol
{
float: left;
display: inline; /* IE double margin fix */
width: 177px;
height:44px;
padding: 0;
border: 0px solid red;
text-decoration: none;
margin: 0 0 0 29px;
}
#main_body #lefthandcol .title
{
  border-bottom: 2px solid #999;
  padding: 3px 0;
  font-style: italic;
  font-weight: bold;
  font-size: 125%;
  font-family: georgia, serif;
  color: #666;
}
#main_body #lefthandcol .content
{
  padding: 5px 0;
}
#main_body #lefthandcol .content a
{
  text-decoration: none;
  font-weight: normal;
  color: #666666;
}
/* LH Column navigation ON colours*/
#main_body #lefthandcol .content a.product:hover { color: #CC9933; }
#main_body #lefthandcol .content a.selectedcategory { color: #CC9933; }
#main_body #lefthandcol .content a.information:hover { color: #996633; }
#main_body #lefthandcol .content a.selectedinformation { color: #996633; }

#main_body #maincol_all
{
float: left;
display: inline; /* IE double margin fix */
width: 551px;
padding: 0;
display: block;
border: 0px solid green;
text-decoration: none;
margin: 0 0 0 10px;
overflow: hide;
}
#main_body #maincol_all .title, h1
{
  border-bottom: 2px solid #999;
  padding: 3px 0;
  font-style: italic;
  font-weight: bold;
  font-size: 125%;
  font-family: georgia, serif;
  color: #666;
}
h2 { 
  font-weight: bold;
  font-size: 120%;
  color: #666;
 }
#main_body #maincol_all .content
{
  margin: 10px 0;
  
}
#main_bodyspacer {
border: 0px solid blue;
width: 803px;
height: 107px;
padding: 0;
margin: 0 10px;
background-image: url('/basik_images/template/main_bodyspacer_background.png');
background-repeat: repeat-y;
}

/* footer style */
#main_footer {
width: 803px;
height:54px;
border: 0px solid red;
padding: 0;
margin: 0 0 10px 10px;
background-image: url('/basik_images/template/main_footer_background.gif');
background-repeat: no-repeat;
}
#main_footer div.content{
padding: 30px 20px 0 20px;
border: 0px solid red;
color: #CC9933;
font-family: Georgia, Helvetica, Arial, Sans;
font-weight: bold;
font-style: italic;
}

/* float buster class*/
.cleardiv { clear: both; }

/******************************************************************************/
/* area specific styles for url=/product */
#products { border: 0px solid #bbb; margin-top: 0px;}
#products .backlink { border-top: 2px solid #ccc; font-style: italic; font-weight: bold; padding-top: 2px;}
#products .backlink a { text-decoration: none; }
#products .row { margin: 10px 0 0 0; }

/* container projects / videos in list mode */
#products .row .item { border: 0px solid #bbb; xheight: 178px; width: 177px; overflow: hidden; float: left; margin: 0; }

/* container projects / videos in list mode */
#products .row .item img { width: 177px; height: 99px; }
 

/* title for projects / videos in list mode */
#products .row .item h2 { color: #CC9933; font-family: georgia, serif; font-style: italic; margin: 8px 0 0 0; padding: 0px; float: left;}
/* description for projects / videos in list mode */
#products .row .item .description { padding: 16px 0 18px 0; clear: left;}

/* horizontal divider for projects / videos in list mode */
#products .dotted_separator { clear: left; height: 3px; background-image: url(/basik_images/template/dotted_separator.png); margin: 0; }
div.pagingcontrols { padding-top :3px; }
div.pagingcontrols a { color: #666; }
div.pagingcontrols a:hover { color: #CC9C3B; }
div.pagingcontrols a.currentpage     { color: #CC9C3B }

/******************************************************************************/
/* area specific styles for url=/product */
#information a:hover { color: #963; }
#information a:visited { color: #963; }

/******************************************************************************/

/* message box for upload operations in clientarea */
div.uploadmessages { border: 1px solid #bbb; width: 370px; margin: 10px 0; padding: 10px;  }
div.uploadmessages { background-image: url(/basik_images/template/uploadmessages_background.gif); background-repeat: no-repeat; background-position: bottom right;  }
div.uploadmessages div { font-weight: bold; }

/* used for upload button */
.button { border: 1px solid #666; font-weight: bold; }

COLOR="#CC9C3B"