/*-----------------------------------------------------------
Elements 
-----------------------------------------------------------*/
html, body{height:100%;}

body{font:normal 76%/1.5 "Lucida Sans", Arial, Helvetica, sans-serif; background-color:#edeeee;}

body, div, img{padding:0; margin:0;}

h1,h2,h3,h4,h5,h6, dt{font-family:Helvetica, Arial, sans-serif;}

a:link, a:visited{color:#f60; outline:none;}

a:hover, a:active{color:#f00; outline:none;}

dd, dt, dl{padding:0; margin:0;}

fieldset{border:none; padding:0; margin:0;}

h2{font-size:2em; line-height:1.2; font-weight:normal; margin:1.5em 0 0 0; padding:0;}

h3{font-size:1.5em; line-height:1.2; font-weight:normal; margin:1em 0 5px 0; padding:0;}

h4{font-size:1.167em; font-weight:bold; margin:0.75em 0 -7px 0; padding:0;}

dt{font-size:1.167em; margin:5px 0 0 0; padding:0; font-weight:bold;}

blockquote{margin:20px 0; padding:25px 0 0 20px; background-image:url(../images/quotes-top.gif); background-repeat:no-repeat; clear:both;}

cite{font-size:0.87em; display:block; font-style:normal; margin-left:40px; line-height:1.3em;}

hr{border:none; margin:0; padding:0; height:1px; color:#cecece; background-color:#cecece}

address{padding:10px 35px 25px 10px;margin:5px 0 0 0; background-color:#f6f7f7; font-style:normal; font-family:"Lucida Sans", sans-serif; font-size:0.95em}
address span{font-weight:bold; clear:left; display:block; float:left; padding-right:10px;}

img{border:none; outline:none;}

input.text, textarea{border:1px solid #000; background-color:#f9f9f9}

input.text:focus, textarea:focus{background-color:#fff; border:1px solid #d96d09}

.alert{color:#F00;}

.center{text-align:center;}

ol#demo{list-style: none; padding-left: 0; margin-left: 25px;}

/*-----------------------------------------------------------
Header
-----------------------------------------------------------*/
#header{background:transparent url(/images/header-corners.png) no-repeat top center; height:100px; border-bottom:2px #9de04d solid; position:relative; width:925px; margin:0 auto; padding:0; z-index:100;}
#popup #header{background:#fff none; height:85px; width:100%;}

#branding{padding: 18px 0 0 18px; margin: 0;}
#branding a{display: block;width: 360px; height: 60px; background: url(/images/baragarLogo.png) no-repeat 0 0; text-indent: -999em;padding: 0}

#header h2{display: none;}

#loginFormWrapper{background:transparent url(/images/login-bg.png) repeat; width:100%; height:100%;position:absolute; top:0; left:0;z-index:200; display:none;}
#loginForm{padding:10px 10px;margin:125px auto 0; background:transparent url(/images/extranetLogin-bg.png) no-repeat top left; width:235px; height:215px; position:relative;}
#loginForm a#loginCancel{position:absolute; top:5px; right:18px; z-index:300;}
#loginForm h2{margin:0; padding:0; color:#FFF; font:normal 14px Georgia, Times, serif; }
#loginForm h2 span{color:#b0e57a}
#loginForm p{color:#f00; font-weight:bold; text-align:left; margin:-10px 0 0 0; padding:0;}
#loginForm ul{list-style:none; padding:0; margin-top:40px; margin-left:0;}
#loginForm li{height:35px; width:215px; margin:5px;}
#loginForm li input{ float:right; margin:0 4px;}
#loginForm li input.text{width:125px; margin:0;}
#loginForm li label{ float:left;}
.loginBox{color:#989898; background-color:#262626; border:solid 1px #3b3b3b; font-weight:bold; margin:0 5px;}
#loginFormWrapper #userName, #loginFormWrapper #password{width:155px;}

#topLinks{position:absolute; top:1px; right:20px; background-repeat:no-repeat;}
#topLinks ul{list-style:none; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; text-transform:uppercase; color:#e3e3e3;}
#topLinks ul li{float:left; margin-left:3px; text-align:center;}

#topLinks #extranetLink{float:left; padding:3px 9px 3px 12px;}

#topLinks a{color:#7d8280; text-decoration:none;}
#topLinks li a, #topLinks li span{padding:3px 3px 3px 5px;}
#topLinks a#changelink{position:absolute; text-transform:uppercase; color:#7d8280; top:30px; right:120px; padding:2px 3px; font-size:11px; display:none;}

#topLinks #countrytab a{padding:3px 0 3px 18px; margin:0 5px; background-repeat:no-repeat; background-position:0 3px;}
#topLinks #countrytab a.cdnSite{background-image:url(/images/cdnFlag.gif);}
#topLinks #countrytab a.usaSite{background-image:url(/images/usaFlag.gif);}
#topLinks #countrytab a.cdnSiteAlternate{background-image:url(/images/cdnFlagAlternate.gif); text-decoration:underline;}
#topLinks #countrytab a.usaSiteAlternate{background-image:url(/images/usaFlagAlternate.gif); text-decoration:underline;}
#topLinks #countrytab a.cdnSiteAlternate:hover{background-image:url(/images/cdnFlag.gif); text-decoration:none;}
#topLinks #countrytab a.usaSiteAlternate:hover{background-image:url(/images/usaFlag.gif); text-decoration:none;}
#topLinks img{margin-bottom:-2px; margin-right:2px; }

#topLinks [alt="Change Country"]{margin:0;}


/*-----------------------------------------------------------
Spotlight
------------------------------------------------------------*/

#spotlight{background:#68cd03 ; width:925px; margin:0 auto; border-top:3px #f4f4f4 solid; border-bottom:3px #f4f4f4 solid;}
#spotlight h1{color:#fff; font-size:2.33em; line-height:1.25em; font-family:Helvetica, Arial, sans-serif; font-weight:normal;}

#index #spotlight{text-align:center;}
#index #spotlight h1{width:650px; margin:0px auto; padding:30px 0; color:#fff;}

#subpage #spotlight{height:35px;}

/*-----------------------------------------------------------
Content
-----------------------------------------------------------*/

#wrapper {margin:0 auto; background-color:#edeeee; background-image:url(../images/content-bg.gif); background-position:top; background-repeat:repeat-x; padding:10px 0;}
#popup #wrapper {width:100%;}

#contentBlock{padding:0; margin:0 auto; width:925px; min-height:560px; background-color:#fff;}
#popup #contentBlock{min-height: 0; width: auto;}
#popup #contentBlock h3{margin-top: 0;}

#success{background: url('/images/homepage_bg.jpg') no-repeat 0 0;}
#success, #news, .testimonials, #productDemo, #pageContent{float:left; min-height:375px; padding:5px 20px 20px 20px}
#success, #news{border-left:none;}
.testimonials{width:260px;}
.testimonials{display:none;}
#success, #news{width:554px;}
#success h2{margin-top:2.25em}
#success h2 a:link, #success h2 a:visited, #success h2 a:hover, #success h2 a:active{text-decoration:none; color:#000;}
#successul, #newsul{list-style:url(/images/square.gif); padding-left:18px; margin-left:0;}
#successul li, #newsul li{padding-left:5px; text-align:left;	margin-bottom:25px;}

.testimonials img.quote{float:right;}
.testLinks{display:block; float:right; font-size:0.95em; margin-top:24px;}

#productDemo{width:290px;}
#productDemo h3{margin:3.25em 0 0.75em 0;}
#productDemo input{margin-bottom:10px;}
#productDemo input#email,#productDemo input#demokey{width:75%;}

#demologin fieldset{margin-bottom:0.75em;}
#demologin {margin-bottom:2em;}

#subnav{float:left; width:235px; background:#beea94 url(../images/subnav.gif) no-repeat top left; padding-top:15px; position:relative;}
#subnav ul{list-style:none; padding:0; margin:0;}
#subnav ul li{padding:0; margin:0 0 -1px 0; border-bottom:1px #fff solid; border-top:1px #fff solid; width:100%;}
#subnav li a,
#subnav li span{display:block; padding:3px 20px 3px 20px;}
#subnav li span{font-weight: bold;}
#subnav li.product a{padding-left: 35px;}
#subnav li strong{display:block; padding:0px 20px 3px 20px;}
#subnav ul a:link, #subnav ul a:visited, #subnav ul a:hover, #subnav ul a:active{color:#333333; text-decoration:none; font-weight:lighter;}
#subnav ul a:hover{color:#f60; background-color:#d5f1ba}
#subnav li:hover, #subnav li#active{background-color:#d5f1ba}

#subnav ul li#active a{font-weight:bold; background:#d5f1ba url(../images/subnav_arrow.gif) no-repeat 9px 9px;}
#subnav ul li#active.product a{background-position:24px 9px;}
#subnav ul li#active ul{background:#d5f1ba; display:block;}
#subnav ul li#active li{border:none;}
#subnav ul li#active li a{font-weight:normal; padding-left:40px; background:#d5f1ba none no-repeat 9px 9px;}
#subnav ul li#active #activesub a{color:#f60;}

#subnav address{padding-top:45px; padding-left:20px; white-space:pre; background-color:#fff;}

#pageContent{width:629px; min-height:560px; border-left:1px solid #f5fced;}

#productCol1{float:left; width:300px;}
#productCol2{float:right; width:300px;}
#productCol2 ul{margin:0 0 0 15px; padding:0;}
#request{float:right; clear:right;width:300px; background-color:#d5f1ba; text-align:center;}
#request a{display:block; color:#333; padding:10px 0; font-weight:bold; text-decoration:none;}
#request a:hover{color:#f60;}

#productImages{ width: 300px; height: 245px; }/* position:relative; */

#productImagesFull{position:relative; float:left; clear:both;}

#map{width:600px; height:300px;}

.sideLink{display:inline; padding-right:20px; margin-top:20px;}

#subtitle{font-style:italic; font-size:1.15em}

.stats{font-weight:bold; color:#173dcb;}

.eventReg{list-style:none; padding:0; margin:2px 0 2px 25px;}
.eventReg li{padding:6px 0; color:#f00;}
.eventReg li span.fstField{display:inline-block; width:275px;}
.eventReg li label{display:inline-block; width:90px; color:#000;}
.eventReg li.specialField label{width:auto;}
.eventReg textarea{width:510px;}
.eventReg #addPerson{float:right; margin-right:60px;}
#comments{display:block; margin-bottom:10px;}

#pageContent blockquote{width:75%; margin:0 auto;}
#pageContent cite{padding:20px 0 20px 70px; border-bottom:1px #dedede solid; margin:0 40px 20px 40px}
#pageContent .quote{float:right; margin-right:50px;}

#pdtOverviewContainer{width:570px; margin:0 auto; clear:both;}
.pdtOverview{margin:0; width:270px; float:left; margin-right:15px; background-repeat:no-repeat;}
.pdtOverview img{float:left; margin-right:5px; margin-bottom:10px;}
.pdtOverview h4{margin-bottom:-12px;}
div#allocator{float:none; clear:both; margin:20px auto; width:275px;}

#contactForm ul{list-style:none; float:left; margin-right:50px;}
#contactForm fieldset{border-top:1px solid #d7d7d7; padding-top:10px; clear:both;}
#contactForm label{display:block; margin:8px 0 1px 0;}
#contactForm textarea{display:block; margin-bottom:10px;}
.formError{ border:2px dashed #f00; padding:5px; font-weight:bold; color:#111; width:250px; background-color:#D5F1BA; margin-bottom:10px;}
.formSubmit{font-weight:bold; clear:both;}
#captchaIMG{border:1px solid #000; display:block;}

#whyBaragar table {border:1px solid #d7d7d7; width:100%; border-collapse:collapse;}
#whyBaragar thead th{background:transparent url(/images/whyBaragar-bg.png) repeat-x; height:74px; text-align:center; font-size:1.1em; padding:5px; border-bottom:2px #fff solid;}
#whyBaragar tbody{background-color:#e9f4de;}
#whyBaragar td{padding:5px; border-bottom:2px #eff7e6 solid;}
#whyBaragar tr:hover{background-color:#daf0c5;}
#whyBaragar tbody td img{padding-left:40px;}
#whyBaragar ol li{margin-bottom:1.5em;}

#clientList{border-collapse:collapse; width:475px;}
#clientList th{background-image:url(/images/content-bg1.gif); background-repeat:repeat-x; background-position:top; height:30px; border-bottom:1px solid #000; text-align:left;}
#clientList td, #clientList th{padding:3px;}

#clientmap{width:625px; height:600px; border:1px solid #000; margin:0 auto; position:relative;}
#clientmap.us{width:496px; height:300px}
#clientmap img{position:absolute;}
#clientmap img.provincemap{display:none;}
#clientmap ul{list-style:none; position:absolute; top:47px; left:31px; margin:0; padding:0; font-size:12px;}
#clientmap ul li{padding:0; margin: 1px 0;line-height: 21px;background: #d5f0b9; padding: 1px 5px; width: 155px;-moz-box-shadow: 2px 2px 2px #808080;}
#clientmap.us ul{top:39px; left:18px;font-size:11px;}
#clientmap.us ul li{line-height: 17px;width: 126px;}
#clientmap a{text-decoration:none; font-weight:bold;}
#clientmap a#back{position:absolute; bottom:10px; right:10px; display:none;}

.serviceDates{border-collapse:collapse; width:550px; margin-bottom:20px;}
.serviceDates th{background-image:url(/images/content-bg1.gif); background-repeat:repeat-x; background-position:top; height:30px; border-bottom:1px solid #000; text-align:left;}
.serviceDates td, #clientList th{padding:10px 3px 3px 3px;}
.serviceDates fieldset{display:inline; padding:0; margin:0;font-size:0.9em; margin-left:50px;}
.serviceDates fieldset select{border:1px solid #000;}
.hide{display:none;}

#route{display:none;}
#clearing, .clearing{clear:both;}

p.q{font-weight:bold; color:#173dcb;}
p.a{margin-left:20px;}
p.a:first-letter{font-weight:bold; color:#173dcb;}

.groupphoto, .staff img{border:1px solid #000;}
.photoCaption{margin-top:3px; padding-top:0; font-weight:bold; font-size:0.9em;}
.staff{width:165px; padding:5px; margin:0;font-size:0.9em; float:left;}
.staff h5{font-weight:bold; font-size:13px; margin:0; padding:0;}

.staff:hover #howard-bio2{display:block;}
.staffBio {width:auto; padding:0 20px 20px;}
.staffBio img{float:left; border:1px solid #000; margin:10px 10px 2px 0px;}
.staffBio h3{margin-bottom:0;}
.staffBio p{margin-top:0; padding:5px 0 0 165px;}
.staffBio a{display:block; margin:0 0 0 165px;}

div#images img{border:1px solid #000; margin-right:6px;}

img.history{float:left; border:1px solid #000; margin:15px 10px 2px 0px;}


#rss{float:right; margin-top:-40px;}


#requestForm form{width: 290px; float: left;margin-right: 10px;}
#requestForm ul{list-style:none; float:left; margin-right:50px;}
#requestForm fieldset{border-top:1px solid #d7d7d7; padding-top:10px; clear:both;}
#requestForm label{display:block; margin:8px 0 1px 0;}
#requestForm input.text{width: 220px;}
#requestForm input#demokey{display: block; margin-bottom: 10px;}
#requestForm textarea{display:block; margin-bottom:10px;width: 220px;}


/*-----------------------------------------------------------
Footer
-----------------------------------------------------------*/

#clearing{height:0;}

#push{height:41px;}

#footer{height:41px; background:transparent none; border-top:1px solid #9de04d; margin:0 auto; padding-top:0.5em; width:925px;}

#footerContent{width:900px; margin:0 auto; color:#7d8280;clear: both;}
#footerLinks, #copyright{margin:0; padding:0; text-align:center;}

#footerLinks a:link, #footerLinks a:visited, #footerLinks a:hover, #footerLinks a:active{color:#7d8280; text-decoration:underline;}
#footer address{display:none;}