/**
 * design by www.bluetinweb.com.au
 *
 * filename:    vb_extra.css
 * description: extra cascading style sheet for bluetinweb
 * version:     1.0
 * date:        07 July 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*/
}

/* ------------------- form details section -------------------- */

#our_form{
float: left;
margin: 0 0 0 70px;
padding: 0;
width: 500px;
}

#our_form_ie6{
float: left;
margin: 0 0 0 45px; /* seems to be 15px less???*/
padding: 0;
width: 500px;
}

#our_form_ie7{
float: left;
margin: 0 0 0 85px; /* seems to be 15px more???*/
padding: 0;
width: 500px;
}

#top_form{
float: right;
margin: 0;
padding: 0;
width: 80%
}

.top_LHS{
float: left;
margin: 0;
padding: 0;
}

.top_RHS{
float: right;
margin: 0 0 0 20px;
padding: 0;
}

.top_LHS label{
display: block;
margin: 5px 0;
padding: 2px 0 1px 0;
}

.top_RHS input{
display: block;
width: 250px;
margin: 5px 0;
padding: 0;
}

.top_RHS select{
display: block;
width: 255px;
margin: 5px 0 0 0;
margin: 5px 0 0 20px !ie; /* only affects ie7 and below - all other browsers ignore this*/
padding: 0;
}

#middle_form{
float: left;
margin: 0 0 0 0;
padding: 0;
}

#bottom_form{
float: left;
margin: 0;
padding: 0;
}

#bottom_form input.sbmt{
float: right;
padding: 0;
margin: 10px 0 0 0;
}

#bottom_form input.chars{
text-align: right;
}

#bottom_form label.smaller{
margin: 0;
padding: 0 0 0 25px;
font-size: smaller;
}

#bottom_form label.normal{
margin: 0;
padding: 0;
}

#bottom_form label.move_right{
margin: 0;
padding: 0 10px 0 90px;
}

/*text message box*/
.area1{
/*border: 1px solid #2897FE;*/
font-family: helvetica, sans-serif, "trebuchet ms";
width: 495px;
height: 150px;
}

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

#bus_hours{
float: left;
padding: 20px 0 25px 80px;
padding: 20px 0 5px 80px !ie; /* only affects ie7 and below - all other browsers ignore this*/
}

#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;
}

/* ------------------- email menu -------------------- */

#email_me{
margin: 0;
padding: 10px 0 0 0;
float: left;
}

#email_me span{
display: block;
}

#email_me a{
color: #777;
display: block;
padding: 50px 5px 5px;
text-align: center;
text-decoration: none;
font-family: verdana, helvetica, sans-serif, "trebuchet ms";
/*font-weight: bolder;*/
width: 100px;
background: transparent url('../images/vb_email(50x44).png') no-repeat top center;
}

#email_me a:hover{
background-color: #CFD090; /*goldish color */
color: #000;
}

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

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

#img_outer2{
float: left;
padding: 20px 0 25px 10px;
padding: 20px 0 5px 10px !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;
}

/* ------------------- product buttons -------------------- */

#prod_zoom{
margin: 0 0 0 46px;
padding: 0;
clear: both;
}

#prd_btns{
position: relative;
margin: 10px 150px 0;
padding: 0;
height: 30px;
}

.prod_btns{
/*border: 1px solid #606040;*/
margin: 0;
padding: 0;
}

.prod_btns ul{
list-style-type: none;
margin: 0;
padding: 0;
}

.prod_btns ul li{
float: left;
margin: 0;
padding: 0;
}

.prod_btns ul li a{
display: block;
color: #FF7800;
background: #F9F9F7;
padding: 5px;
text-align: center;
text-decoration: none;
width: 130px;
line-height: 15px;
border: 1px solid #606040;
margin: 3px;
}

.prod_btns ul li a:hover{
color: #FFF;
background:#8C8C73 none;
}

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

.sitemapmenu{
width: 270px; /*width of menu*/
/*padding-left: 170px;*/
margin: 0 auto;
padding: 0;
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 12px Arial;
color: #FF7800;
background: #F9F9F7;
border-left: 1px solid #606040;
border-right: 1px solid #606040;
border-bottom: 1px solid #606040;
display: block;
padding: 5px 0;
/*line-height: 18px;*/
height: 18px;
padding-left: 0px; /*link text is indented 8px*/
text-decoration: none;
}

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

.sitemapmenu ul li a:visited{
color: #FF7800;
}

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

/* ------------------- picture zoom -------------------- */

.piczm-l{
float: left; 
margin-right: 30px;
}

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

.piczm-l-ie6{
float: left; 
margin-right: 15px;
}

.piczm-r-ie6{
float: right;
margin-left: 15px; 
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;
}