/**
 * design by www.bluetinweb.com.au
 *
 * filename:    btw_extra.css
 * description: extra cascading style sheet for bluetinweb
 * version:     1.0
 * date:        14 May 2010
 *
 */


/*
-------------------- breadcrumbs stylesheet components --------------------
*/ 
 
.breadcrumb {
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
margin: 0.25em 0 0 0.5em;
}

.breadcrumb a {
background: transparent url(../images/breadcrumb.gif) no-repeat center right;
text-decoration: none;
padding-right: 18px; /*adjust bullet image padding*/
color: #2897FE;   /*blue*/
}

.breadcrumb a:visited, .breadcrumb a:active {
color: #2897FE;   /*blue*/
}

.breadcrumb a:hover {
color: #FF1D1D;   /*red*/
}

/*
-------------------- sidebar stylesheet components --------------------
*/ 

.sidebarmenu ul {
margin: 0;
padding: 0;
list-style-type: none;
font: bold 15px "trebuchet ms", sans-serif, helvetica;  /* bold 13px Verdana */
width: 180px; /* Main Menu Item widths */
}
 
.sidebarmenu ul li {
position: relative;
top: 15px;
padding: 4px 0 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
text-align: center;
}

/* Top level menu links style */
.sidebarmenu ul li a {
background: transparent url('../images/menu4b.png') no-repeat top left;
padding-left: 0; /* Width of left menu image */
line-height: 43px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background */
height: 47px; /* Height of button background height */
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: black;
text-decoration: none;
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active {
background-color: #87D0FD; /* #2897FE background of tabs (default state)*/
}

.sidebarmenu ul li#active a {
background-position: bottom left;
color: red;
}

.sidebarmenu ul li a:hover {
background-position: bottom left;
color: white;
}


/*
-------------------- picture zoom stylesheet components --------------------
*/

img.picA {
position: relative;
top: 5px;
left: 10px;
background: url('../images/btw_shadow(133x102).png') no-repeat;
color: white;
width: 133px;
height: 102px;
padding: 3px 5px 5px 3px;
}

img.picB {
position: relative;
top: 5px;
right: 0;
background: url('../images/btw_shadow(133x93).png') no-repeat;
color: white;
width: 133px;
height: 93px;
padding: 3px 5px 5px 3px;
}

img.picC {
position: relative;
top: 5px;
left: 10px;
background: url('../images/btw_shadow(133x80).png') no-repeat;
color: white;
width: 133px;
height: 80px;
padding: 3px 5px 5px 3px;
}

img.picD {
position: relative;
top: 5px;
right: 12px;
background: url('../images/btw_shadow(104x116).png') no-repeat;
color: white;
width: 104px;
height: 116px;
padding: 3px 5px 5px 3px;
}

img.picE {
position: relative;
top: 5px;
right: 12px;
background: url('../images/btw_shadow(104x111).png') no-repeat;
color: white;
width: 104px;
height: 111px;
padding: 3px 5px 5px 3px;
}

img.picF {
position: relative;
top: 5px;
right: 12px;
background: url('../images/btw_shadow(104x109).png') no-repeat;
color: white;
width: 104px;
height: 109px;
padding: 3px 5px 5px 3px;
}

img.picG {
position: relative;
top: 5px;
right: 12px;
background: url('../images/btw_shadow(104x100).png') no-repeat;
color: white;
width: 104px;
height: 100px;
padding: 3px 5px 5px 3px;
}

img.picH {
position: relative;
top: 5px;
right: 12px;
background: url('../images/btw_shadow(104x97).png') no-repeat;
color: white;
width: 104px;
height: 97px;
padding: 3px 5px 5px 3px;
}

img.picI {
position: relative;
top: 5px;
right: 12px;
background: url('../images/btw_shadow(104x86).png') no-repeat;
color: white;
width: 104px;
height: 86px;
padding: 3px 5px 5px 3px;
}

img.picJ {
position: relative;
top: 5px;
right: 12px;
background: url('../images/btw_shadow(104x66).png') no-repeat;
color: white;
width: 104px;
height: 66px;
padding: 3px 5px 5px 3px;
}

/*
--------- zoom functions ------------
*/
.piczm-l {
float: left; 
margin-right: 30px;
}

.piczm-r {
float: right;
margin-left: 30px; 
direction: rtl;
}

html>/**/body .piczm-r {
position: relative;
}

.piczm-zoom {
border: 1px solid #369;
}

/*
overflow:hidden;
*/
.piczm-zoom a,.piczm-zoom a:visited {
display: block;
padding: 0px 20px 20px 0px;
text-decoration: none;
height: 100%;
width: 100%; 
}

html>/**/body .piczm-r a {
right: 0;
}

.piczm-zoom a:hover {
position: absolute;
z-index: 999; 
padding: 0px 20px 20px 0px;
background: none; 
cursor: default;
height: auto; /*leave in auto for safari*/
width: 100%;  /*leave in 100% for ie6*/
overflow: visible; 
border: 1px solid #369;
margin: -1px 0 0 -1px; 
}

html>body .piczm-zoom a:hover {
margin: -1px -1px 0 -1px; 
}

.piczm-zoom a img {
border: 0; 
height: 100%; 
width: 100%; 
}

.piczm-zoom a:hover img {
height: auto;
width: auto;
border: 0; 
}

a:hover .piczm-cap,a:hover .piczm-1cap {
display: block;
direction: ltr; 
font: 10pt verdana,sans-serif;
margin-top: -3px; 
background: #369; 
color: #fff;
text-align: left; 
}

a:hover .piczm-cap {
padding: 3px 5px;
}

.piczm-inr {
display: block;
padding: 2px 5px; 
}

.noCap a:hover .piczm-cap, .noCap a:hover .piczm-1cap {
display: none;
}

.noBdr, .noBdr a:hover {
border: 0; 
}

.Lnk a:hover {
cursor: pointer;
}

/* ------------------- contact details section -------------------- */

#contact {
width: 430px;
height: 260px;
position: relative;
font-family: helvetica, sans-serif, "trebuchet ms";
color: #0375DF; /*0A0EB2*/
top: 10px;
float: left;
border: 2px solid #2897FE;
margin-left: 50px; /*this is for ie6 and below*/
margin-bottom: 10px;
}

html > body #contact {
margin-left: 100px; /*ie6 and below do not see this*/
}

#contact ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#contact a {
text-decoration: none;
color: blue;
}

#contact a:visited {
color: blue;
}

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

#upper {
position: absolute;
top: 15px;
left: 20px;
width: 75%;
height: 70px;
}

.upr {
padding: 15px 0 0 100px;
}

.fnt_lg {
font-size: 18px;
}

.fnt_sm {
font-size: 16px;
}

.fnt_bld {
font-size: 20px;
font-weight: bolder;
}

#middle {
position: absolute;
top: 90px;
left: 40px;
width: 80%;
height: 12px;
background: url('../images/btw_line(383x11).png') no-repeat;
}

#lower {
position: absolute;
top: 110px;
left: 95px;
width: 70%;
height: 150px;
}

/* ------------------- image wrapper effects (drop shadow, border) -------------------- */

#img_outer {
float: left;
padding: 20px 0 0 180px;
padding: 20px 0 10px 180px !ie; /* only affects ie7 and below - all other browsers ignore this*/
}

.img-wrapper {
background: url('../images/shadow.gif') no-repeat right bottom;
float: left;
}

.img-wrapper div.old_ie {
background: url('../images/mask.png') no-repeat left top !important;
background: url('../images/mask.gif') no-repeat left top;
padding: 0 5px 0 0;
float: left; /* :KLUDGE: Fixes bug in IE/Mac */
}
 
.img-wrapper div.new_ie {
background: url('../images/mask.png') no-repeat left top !important;
background: url('../images/mask.gif') no-repeat left top;
padding: 0 5px 5px 0;
float: left; /* :KLUDGE: Fixes bug in IE/Mac */
}
 
.img-wrapper img {
background-color: #fff;
border: 1px solid #a9a9a9;
padding: 4px;
}

/* ------------------- sitemap navigation menu -------------------- */

.sitemapmenu {
width: 210px; /*width of menu*/
padding-left: 225px;
text-align: center;
}

.sitemapmenu ul {
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 2px; /*bottom spacing between each UL and rest of content*/
}

.sitemapmenu ul li {
padding-bottom: 2px; /*bottom spacing between menu items*/
padding: 2px 18px 0 18px;
}

.sitemapmenu ul li a {
font: normal 14px Arial;
color: black;
background: #F3F3F3;
border-left: 1px solid #87D0FD;
border-right: 1px solid #87D0FD;
border-bottom: 1px solid #87D0FD;
display: block;
padding: 5px 0;
/*line-height: 15px;*/
height: 15px;
padding-left: 0px; /*link text is indented 8px*/
text-decoration: none;
}

.sitemapmenu ul li a.first {
border-top: 1px solid #87D0FD;
}

.sitemapmenu ul li a:visited {
color: black;
}

.sitemapmenu ul li a:hover { /*hover state CSS*/
color: white;
background: #2898FE;
}