html, body, img, *{margin:0;padding:0;border:0;}

/*##################################
               Content 
  ##################################*/
#main .right{
        float: right;
        margin: 10px;
        clear: right}

#main .announce {
        margin: 1em auto;
        width: 600px;
        border: dashed black 1px;
        background-color: #eef;
        clear: right;
        /*-moz-border-radius: 1em;*/
}
#main .announce h2{
        text-align: center;
        margin: 10px 0;
}

#main .announce a *{
        text-decoration: none;
        margin: 0em;
}
#main .announce a:hover *{
        text-decoration: underline;
}

.inline{
        display:inline;
}

/*##################################
                 Header 
  ##################################*/
div#header div#banner-imgs{
        margin-left:392px;
        overflow:hidden;
        height:92px;
}
div#header div#banner-imgs p{
        font-size: 10px;
        display:inline;
        color: white;
}
div#header div#banner-imgs p #large{
        font-weight: bold;
        font-size: 14px;
}
div#header div#banner-imgs img{
        padding:0;
        margin:3px;
        margin-left: -1px;
        border:1px #ccc solid;
        vertical-align:middle;
}
div#header div#header-left{
        position:absolute;
        left:0px;
        width:392px;
        height:92px;
        background-image: url('imgs/style1/logo.jpg');
        background-repeat:no-repeat;
        background-position:left top;
}


/*##################################
            QUICK LOGIN
  ##################################*/
#quick_login form{
        float:right;
        background:transparent;
        width:244px;
        text-align:left;
        padding-top:47px;
        padding-right:18px;
        color:white;
        font-size:85%;
}

#quick_login input{
        margin:1px;
        border:1px #ccc solid;
        width:140px;
}

#quick_login label{
        padding-top:3px;
        margin:0px;
        width:55px;
        float:left;
}

#quick_login p{
        text-align:left;
        margin: 5px 0 5px 0;
        font-size:110%;
}

#quick_login #ql_button{
        border:0px;
        background:ccc;
        color:white;
        font-size:85%;
        background:transparent url('imgs/style1/login.gif') no-repeat 0 0;
        width:25px;
        height:20px;
}

.quicklogin_logo{
        position:absolute;
        padding-top:47px;
	padding-left:205px;
}


/*##################################
            Shopping Basket
  ##################################*/
#basket{
        background-image:url('imgs/shoppingcart.gif');
        background-repeat:no-repeat;
        background-position:right top;
        background-color:transparent;
        font-size:90%;
        padding-right:15px;
}
#basket a:link #basket a:visited #basket a{
        color:white;
}
.page_break{
        margin:10px 10px 20px 10px;
        border-top:1px solid #ccc;
}
.transactions table{
        margin:5px;
}
.transactions td{
        padding:0px 5px 0px 5px;
}
.transactions .fixed_col1{
        width:200px;
}
.transactions .fixed_col2{
        width:70px;
}
.transactions .fixed_col3{
        width:70px;
}
.transactions .fixed_col4{
        width:70px;
}
.transactions .fixed_col5{
        width:70px;
}

/*##################################
             Navigation 
  ##################################*/

/*.left_container{margin: 0px; padding: 0px;}

#left ul {float:left; list-style-type: none;padding:0px; margin:0px;}
#left li {float:left; position:relative;}
#left a, #left a:visited {display:block; width:61px; font-size:90%; color:#fff; height:20px; line-height:20px; text-decoration:none; text-indent:2px; border-bottom:1px #2a5d9c solid; background: transparent url('imgs/style1/menu-break.gif') no-repeat; background-position:right top;}
#left a:hover {border-bottom:1px yellow solid;}
#left li:hover > a{color:white; height:20px;}

#left li ul {display: none;}
#left li:hover > ul {display:block; position:absolute; top:21px; left:0px; background:#2a5d9c; border:1px #ccc solid; z-index:999;}
#left li ul a:hover, #left li ul a:visited, #left li ul a:link {border-bottom:1px transparent solid; border-right:1px transparent solid; background:transparent;}
#left ul ul a, #left ul ul a:visited {width:140px; height:20px;}
#left > li:hover > ul {left:0; top:21px;}*/





/*##################################
               Graphics 
  ##################################*/
.graph{
        border: solid #ccc 1px;
}




/*##################################
               Sidebar 
  ##################################*/

#sidebar #side_container{
        border: black 1px dashed;
}

/*##################################
              Footer 
  ##################################*/
#footer {
        padding: 10px 0px 0px 0px;
        border-top: solid #ccc 1px;
        text-align: center;
        color:#aaa;
        font-size:80%;
}
#footer table{
        margin: 0 auto;
}
#footer a{
        color: #88f;
        text-decoration: none;
}
#footer a:hover{
        text-decoration: underline;
}

/*##################################
           Inner Page Footer 
  ##################################*/
#innerfooter {
        text-align: center;
        color:#777;
        font-size:85%;
}
#innerfooter table{
        margin: 0 auto;
}
#innerfooter a{
        color: #44f;
        text-decoration: none;
}
#innerfooter a:hover{
        text-decoration: underline;
}


/*##################################
                 News 
  ##################################*/
#main .news_article{
        max-width: 880px;
        border:1px dashed #999;
        padding: 0.4em;
        margin: 10px;
}

#main .news_article p.tag{
        font-style: italic;
        font-size: 90%
}
#main .news_article td{
        vertical-align:top;
}

/*##################################
               Pagination
  ##################################*/

#main #pagination{
        /*float:center;*/
        border-top: 1px solid #aaa;
        padding-top: 5px;
        margin-top: 15px;
}

#main #pagination, #main #pagination #per_page{
        font-size:90%;    
}

#main #pagination #per_page{
        margin-left: 0em;
}
#main #pagination {
        margin-left: 0em;
        text-align: center;
}
#main #pagination b, #main #pagination a{
        border: 1px solid #ccc;
        color: #333;
        height: 1.4em;
        margin: 3px;
        padding: 0.2em 0.4em;
        text-decoration:none;
        background-color:#white;
}
#main #pagination b{
        background-color:#ccc;
}
#main #pagination a:hover{
        background-color: #ccc;
}

#main #pagination form select{
				border: 1px solid #ccc;
				height: 18px;
				font-size: 90%;
        margin-top: 0.5em;
}

/*##################################
             Form Stuff 
  ##################################*/
.form_inline{
       display:inline;  
       margin: 0px;
       padding: 0px;
}
.form_inline input{
       margin-left: -9px;
       padding: 0px;
       color: #295b9c;
       background-color: white;
       border-bottom: 1px solid transparent; 
}
.form_inline input:hover{
       border-bottom: 1px solid #295b9c;
}

.centerform{
        font-size:90%;
        margin-bottom: 5px;
        border: 1px solid #aaa;
        padding: 5px;
        width: 400px;
}

#doublewidth{  
        width: 800px;
}

#ta_fullwidth{
        width: 290px;
        height: 100px;
}

.centerform .radio{
        width:42px;
}

.centerform table tbody{
        vertical-align: top;
}
label {
        margin-right: 30px;
}

.fileupload_container input{
        position: relative;
        height:20px;
}
.fileupload_container{
        height:20px;
}

.centerform input, .centerform select, .centerform textarea{
        font-size:90%;
        border: 1px solid #ccc;
        width: 286px;
        height: 15px;
}

.centerform select, .centerform select:active {
        width: 288px;
        height: 18px;
        margin-bottom: 2px;
}


.centerform textarea, .centerform textarea:active{
        font-family: Arial, sans-serif;
        height: 57px;
        padding-bottom: 5px;
}
.form_error{
        color: red;
        display: block;
        clear: right;
}
input.btn, input.btnsmall, input.btn_large {
        text-align: center;
        position:relative;
        left: 120px;
        font-size: 85%;
        width: 80px;
        background-color: #eee;
        border: 1px solid #ccc;
        height: 20px;
        margin-top: 3px;
}
input.btnsmall {
	font-size: 77%;
	width: 40px;
}
input.btn_large {
        width: 160px;
}

input.btn:hover, input.btnsmall:hover {
	background-color: #cccccc
}
input.btn:active, input.btnsmall:active {
	background-color: #999999
}

.centerform label {
  width:100px;
	margin: 0px;
	padding: 0px;
}

/*Layout in Table: Format to standardise*/
.sql_label {
        width:100px;
        padding: 0 0 0 3px;
        margin: 0px;
}
.sql_field {
}
.table_spacer {
        height:3px;
}

/*##################################
            TABLES Stuff 
  ##################################*/

table.generic {
        margin: 3px;
	      border: 0;
	      border-collapse: collapse;
        font-size:85%;
        width:100%;
}
table.generic td {
        padding: 0 3px;
	      vertical-align: top;
	      border-top: 1px solid #ccc;
}
table.generic th {
        padding: 0 3px;
	      background: #eee url('imgs/table-header.jpg') repeat-x;
	      text-align: left;
}
table.generic tr {
	      background-color: #fff;
	      height: 1.5em;
}
table.generic tr.line_alt {
	      background-color: #fff;
}
table.generic tr.line_end {
        background-color: #fff;
}

table.generic tr:hover{
	      background-color: #fff9a1;
        background-color: #ddf;
}

.table_functions{
        position:relative;
        top:-5px;
        left:10px;
        height:18px;
        padding: 01px;
}

.imglist td{
        width:130px;
        text-align:center;
        vertical-align:top;
}


/*##################################
      MAIN PAGE RIGHT CONTENT
  ##################################*/
#main_left{
        width:600px;
        height:420px;
        float:left;
        padding-bottom:10px;
}

#main_right{
        margin-top:10px;
        margin-right:14px;
        width:257px;
        height:400px;
        float:right;
}
#main_right div{
        width:240px;
        margin: 2px;
        display:block;
        padding:5px;
}
#main_right div#teaser1{
        background: transparent url('imgs/style1/right-background.gif') no-repeat top left;
        height:170px;
}

#main_right div#teaser2{
        background: transparent url('imgs/style1/right2-background.gif') no-repeat top left;
        height:158px;
}
#main_right div#teaser2 div{
        background: transparent url('') repeat-x bottom left;
        padding:0px;
        width:232px;
}
#main_right div#teaser2 #teas_title{
        height:25px;
        font-size:120%;
        font-weight:bold;
        color:#2a5d9c;
}
#main_right div#teaser2 #teas_content{
        height:110px;
}
#main_right div#teaser2 #teas_link{
        height:20px;
        font-size:90%;
}
#main_right div#signup{
        background: transparent url('imgs/style1/right-background2.gif') no-repeat top left;
        height:40px;
        font-size:90%;
        padding-left:8px;
}
#main_right div#signup input{
        border:#ccc 1px solid;
        width:207px;
        height:18px;
}
#main_right div#signup .signup_button{
        border:0px;
        background:ccc;
        color:white;
        font-size:85%;
        background:transparent url('imgs/style1/login.gif') no-repeat 0 0;
        width:25px;
        height:20px;
}

/*##################################
       TRANSLATION FOR SITE
##################################*/
div#translate_container{
        background-image: url('imgs/translate-icon.png');
        background-position: top right;
        background-repeat: no-repeat;
        display:block;
        float:right;
        height:20px;
        left:-5px;
        top:15px;
        position:relative;
        z-index:999;
        text-align:right;
        padding-right:22px;
        padding-top:3px;
}
div#translate_container a:link, div#translate_container a:visited{
        color:#white;
}

div#google_translate_element{
        /*height:115px;*/
        background:#fff;
        border: solid #ccc 1px;
        width:135px;
        margin-bottom:-123px;
        padding: 5px;
        text-align:left;
        top: 5px;
        left:22px;
        position:relative;
        visibility:hidden;
        text-align:center;
}

div#google_translate_element .flag{
        height:15px;
        width:20px;
        border: solid #ccc 1px;
}

/*##################################
           CLIENT KEY MAP 
  ##################################*/


.client_key {
        width:400px;
        padding:5px;
        border:1px solid #999;
        font-size:90%;
        float:right;
}




















/*##################################
         Home Page Image Map
  ##################################*/
#imap {display:block; width:700px; height:700px; background:transparent url('imgs/image_map/map.png') no-repeat; position:relative; margin:10px auto 0 auto;}
/*#imap:hover {display:block; width:700px; height:700px; background:transparent url('imgs/image_map/map-hover.png') no-repeat; position:relative; margin:10px auto 0 auto;}*/

a#available_services, a#meet_the_staff, a#about_us, a#news, a#contact_us, a#location, a#client_area {
        display:block; 
        height:0; 
        padding-top:0px; 
        overflow:hidden; 
        position:absolute;
        color:transparent;}
 
 
* html a#available_services{width:218px; height:206px; he\ight:0;}
* html a#meet_the_staff    {width:192px; height:163px; he\ight:0;}
* html a#about_us          {width:195px; height:163px; he\ight:0;}
* html a#news           {width:171px; height:149px; he\ight:0;}
* html a#contact_us     {width:207px; height:217px; he\ight:0;}
* html a#location       {width:206px; height:174px; he\ight:0;}
* html a#client_area    {width:198px; height:123px; he\ight:0;}

a#available_services {width:218px; height:206px; left:445px; top:346px;}
a#meet_the_staff     {width:192px; height:163px; left:258px; top:520px;}
a#about_us           {width:195px; height:163px; left:44px; top:225px;}
a#news            {width:171px; height:149px; left:168px; top:74px;}
a#contact_us      {width:207px; height:217px; left:249px; top:9px;}
a#location        {width:206px; height:174px; left:104px; top:445px;}
a#client_area     {width:198px; height:123px; left:397px; top:142px;}
 
a#available_services:hover {width:218px; height:206px; background:transparent url('imgs/image_map/hover-available_services.png') no-repeat 0 0;}
a#meet_the_staff:hover     {width:192px; height:163px; background:transparent url('imgs/image_map/hover-meet_the_staff.png') no-repeat 0 0;}
a#about_us:hover           {width:195px; height:163px; background:transparent url('imgs/image_map/hover-about_us.png') no-repeat 0 0;}
a#news:hover            {width:171px; height:149px; background:transparent url('imgs/image_map/hover-news.png') no-repeat 0 0;}
a#contact_us:hover      {width:207px; height:217px; background:transparent url('imgs/image_map/hover-contact_us.png') no-repeat 0 0;}
a#location:hover        {width:206px; height:174px; background:transparent url('imgs/image_map/hover-location.png') no-repeat 0 0;}
a#client_area:hover     {width:198px; height:123px; background:transparent url('imgs/image_map/hover-client_area.png') no-repeat 0 0;}


#background_words{
        display:block;
        color:#ddd;
        font-style:italic;
        font-size:110%;
        position:relative;
        float:left;
        top:-110px;
        height:750px;
        overflow:hidden;
        width:890px; 
}
#background_words b{
        color:#bbb;
}


















/*.
#left a, #left a:visited {display:block; width:61px; font-size:90%; color:#fff; height:20px; line-height:20px; text-decoration:none; text-indent:2px; border-bottom:1px #2a5d9c solid; background: transparent url('imgs/style1/menu-break.gif') no-repeat; background-position:right top;}
#left a:hover {border-bottom:1px yellow solid;}
#left li:hover > a{color:white; height:20px;}

#left li ul {display: none;}
#left li:hover > ul {display:block; position:absolute; top:21px; left:0px; background:#2a5d9c; border:1px #ccc solid; z-index:999;}
#left li ul a:hover, #left li ul a:visited, #left li ul a:link {border-bottom:1px transparent solid; border-right:1px transparent solid; background:transparent;}
#left ul ul a, #left ul ul a:visited {width:140px; height:20px;}
#left > li:hover > ul {left:0; top:21px;}*/

















#left a:visited, #left a:link, #left a:hover{
  font-size:90%;
  color:white;
}

#left img {
	vertical-align: bottom;   /* prevent images from being pushed down by text */
}

#left ul {
  float:left; 
  list-style-type: none;
  padding:0px; 
  margin:0px;
	list-style-type:none;          /* we don't want to view the list as a list */
	line-height:1.5em;           /* globally set the menu's item spacing. note */
}                              /* this must be 1.0 or 1.5 or 2.0 for Mozilla */

#left li {
  background: transparent url('imgs/style1/menu-break.gif') no-repeat;
  text-indent:5px; 
  width: 61px;
	float:left;    /* this creates the side-by-side array of top-level buttons */
	position:relative;    /* create local positioning contexts for each button */
	margin:0;
}

#left ul li table {
	margin:-1px 0;              /* IE5 needs -1px top and bottom table margins */
	m\argin:0;               /* re-zero the table margins for everyone but IE5 */
	border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */
	font-size:12px;        /* this sets the base font size for our entire menu */
}




/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

#left ul li ul {
	display:none;                  /* initially hide the entire list hierarchy */
	padding:1px;                               /* this is our box border width */
}

#left ul li a,
#left ul li a:visited {                    /* unselected top-level menu items */
	display:block;
	float:left;
	text-decoration:none;
	height:21px;
}

#left ul li:hover a,
#left ul li a:hover {                        /* selected top-level menu items */
	border-top:0px solid #000;    /* these 2 lines create the push-in illusion */
	text-decoration:none;
	height:21px;
	width:61px;
	border-bottom: yellow 1px solid;
}

/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

#left ul li li{
  width:160px;
  background:transparent;
  border-collapse:collapse;
}

#left ul li:hover ul,
#left ul li a:hover ul {                           /* 2nd level drop-down box */
  text-decoration:none;
	display:block;
	position:absolute;
	margin:0;
	top:22px;              /* place us just up underneath the top-level images */
	left:-1px;       /* left-align our drop-down to the previous button border */
	height:auto;      /* the drop-down height will be determiend by line count */
	width:160px;
	color:black;                        /* this sets the unselected-text color */
	background:#ccc;         /* this sets our menu's effective "border" color */
  margin-left:0px;
  z-index: 999; /*Added by Woody to resolve a problem where other menus interfer with the dropdown menus*/
}

#left ul li:hover ul.leftbutton,
#left ul li a:hover ul.leftbutton {/* our first dropdown should not be skewed */
	left:0px;
}

#left ul li:hover ul.skinny,
#left ul li a:hover ul.skinny {             /* 2nd level skinny drop-down box */
	width:160px;
}

#left ul.rightmenu li:hover ul,
#left ul.rightmenu li a:hover ul {    /* 2nd level neighborhood drop-down box */
	left:auto;
	right:0;         /* nudge the right menu right to line up under the border */
}

* html #left ul.rightmenu li a:hover ul {         /* IE5/6 needs a tweak here */
	right:-1px;
}

#left ul li:hover ul li a,
#left ul li a:hover ul li a {                   /* 2nd level unselected items */
	border:0;
	margin:0;
	padding:0;
	height:auto;
	color:white;               /* this sets the unselected drop-down text color */
	background:#2a5d9c;       /* this sets the drop-down menu background color */
	width:160px;
}

#left ul li:hover ul li:hover a,
#left ul li a:hover ul li a:hover {                /* 2nd level selected item */
	color:black;
	background:#ddf;
}

#left ul li:hover ul.skinny li a,
#left ul li a:hover ul.skinny li a,
#left ul li:hover ul.skinny li a:hover,
#left ul li a:hover ul.skinny li a:hover {     /* 2nd level un+selected items */
	width:width:160px;
}