/* CSS Document */
body {margin:0; padding:0; background:#ededed; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:11px;}

a {text-decoration:none; color:inherit}

h1, h2, h3, h4, h5, p {margin:0; padding:0 0 10px 0; font-weight: normal}
h1 {font-size:24px;}
h2 {font-size:21px;}
h3 {font-size:18px; padding:0 0 5px 0;}
h5 {font-size:14px;}
p { line-height:18px}
p a {color:#0060a8; text-decoration:underline}
p a:hover {color:#CC0000; text-decoration:none}
p a img{text-decoration:none; border:1px solid #ccc}
small {font-size:10px;}
form {padding: 0; margin: 0;}
input {background: #fff; border: 1px solid #ccc; padding: 3px; font-family: Arial; font-size: 11px; color: #666; margin: 4px 0;}
input.submit {border:none; background: #0060a8; color: #fff; font-size: 11px; font-family: Arial; padding: 2px 6px;}

.left {float:left}
.right {float:right}
.quarter {width:23%;}
.half {width:45%;}
.third {width: 30%;}
.alignright {text-align: right;}
.centre {text-align: center;}
.nomargin {margin: 0}
.pad {padding: 15px}

div.pageimageblock div.caption { font-size:10px; font-style: italic; }

div.clear { clear: both; }

#container {width:888px; margin:0 auto; padding:10px 6px; border:1px solid #dadada; background: #fff;}

.header h2 {font-weight: bold; font-size: 16px; line-height: 18px; color: #0060a8; margin-bottom: 10px;}

ul#nav { height: 23px; margin:0 0 5px 0; padding:8px 8px 0px 8px; background: #b71a02 url(web/images/navbg.jpg) repeat-x; list-style:none; font-size:13px; font-weight:bold; color: #fff; }
ul#nav li {display:inline; margin:0 6px 0 0px;  padding: 0px 0px 0 6px; border-left:2px solid #fff; }
ul#nav li.first {border-left:none; }
ul#nav li.phone { float: right; background: url(web/images/whitephone.gif) 0px 2px no-repeat; text-indent: 20px; padding-right: 0px; border:0 }
ul#nav li a {color:#fff;}
ul#nav li.on a {color:#fff;}
ul#nav li.on {color:#fff;}

ul#banner {height:55px; background:url(../images/bannerbg.jpg) repeat-x #005f95; margin:0; padding:0; color:#fff; list-style:none; width:100%}
ul#banner li {margin:0; padding:0; overflow:hidden; width:888px; display:none}
ul#banner li.education {background:url(../images/bannerEducbg.jpg) no-repeat;}
ul#banner li.health {background:url(../images/bannerHealthbg.jpg) no-repeat;}
ul#banner li.museum {background:url(../images/bannerMuseumbg.jpg) no-repeat;}
ul#banner li.police {background:url(../images/bannerPolicebg.jpg) no-repeat;}
ul#banner li.local {background:url(../images/bannerLocalbg.jpg) no-repeat;}
ul#banner li h4 {margin:0; padding:4px 15px; font-size:18px; font-weight:normal; }
ul#banner li p {margin:0; padding:0 15px; font-size:11px; font-weight:normal; }
ul#banner li a {color:#fff}

.breadcrumb {color:#666; font-size:11px; margin-bottom: 10px;}
.breadcrumb a {color:#666; font-weight:bold;}
.breadcrumb a:hover {color:#cc0000;}
.breadcrumb span.divider {margin:0 4px}
.breadcrumb span.intro { padding-right: 4px; }

.sidepanel {width:180px;}
.sidepanel h3 {background: #6b8794 url(../images/h3bg.jpg) top no-repeat; padding: 4px 8px; margin:0; color: #fff; font-weight: normal; font-size: 14px;}
.sidepanel h3.small {font-size: 12px;}
.sidepanel img {border: #ccc 1px solid; margin-bottom: 10px;}
.left .panel {padding-left: 0px;}

.panel {margin: 0 0 10px 0; border: 1px solid #ccc; border-top: none; padding: 10px;}
.panel img.icon { border: none; margin: 0px 5px 0px 10px; }
.panel form { margin-left: 10px; }
.panel.nomargin {margin:0;}
.panel ul {margin: 0; padding: 0;}
.panel ul li {list-style: none; margin: 0 0 2px 20px; padding: 0 0 5px 0; border-bottom: #ccc dotted 1px; font-size: 12px;}
.panel ul li a {color:#666;}
.panel.logos { padding-left: 15px; }
.panel.logos img { border: none; }

#maincontent {margin:10px auto; width: 500px;}
#maincontent h1 {background: #6b8691 url(web/images/h1bg.jpg) repeat-x top; padding: 4px 8px; color: #fff; font-size: 12px; font-weight: bold; }
#maincontent h2 {background: #6b8691 url(web/images/h1bg.jpg) repeat-x top; padding: 4px 8px; color: #fff; font-size: 14px;}
#maincontent h3 { font-size: 12px; color: #c00; }
#maincontent ul { padding: 0px 0px 10px 20px; }
#maincontent ul li { padding: 5px 0px 5px 0px; }
#maincontent hr { color: #999; border: none; border-top: 1px dashed #ccc; height: 1px; padding-bottom: 10px; }


.LV_invalid {font-size: 10px; color: #c00; padding: 3px;}

div.carousel {width: 477px; padding: 0; margin: 0px 0px 10px 0px; }
div.carousel div.arrow {float: left; width:12px; padding: 0; border: none; margin-top: 60px; }
div.carousel div.arrow img {border:none}
div.carousel div.container {width: 450px;float: left; }
div.carousel div.container div.slider ul li {width: 126px; float:left; padding: 0px 7px 0px 14px; border: none; height: 166px; }
div.carousel div.container div.slider ul li img {border:#ccc 1px solid;}
div.carousel div.container div.slider ul li h4 {font-size: 11px; font-weight: bold; color: #0060a8; width: 124px; margin: 0; padding: 0px 0px 3px 0px; height:30px }
div.carousel div.container div.slider ul li p {font-size: 11px; color: #333; padding: 0px; }
div.carousel div.container div.slider ul li p a {font-weight: bold; color: #cc0000; text-decoration: none; }
div.carousel div.container div.slider ul li p a:hover {text-decoration: underline; }

ul#news {margin: 0; padding: 0;}
ul#news li {list-style: none; margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: #ccc dotted 1px; font-size:11px}
ul#news li h5 {padding:3px 0; color:#333;font-size: 12px; }
ul#news p {font-weight:normal; font-size:11px; line-height:13px}
ul#news a p {color:#666;}
ul#news li img {margin: 0px;}

ul#casestudies {margin:0; padding:0}
ul#casestudies li.casestudy {padding:5px 0; margin:5px 0; border-bottom:1px dashed #ccc; list-style:none}
ul#casestudies li.casestudy img {float:right; margin-left:10px;}
ul#casestudies li.casestudy h3 {font-size:14px; color:#000;}
ul#casestudies li.casestudy p {font-size:11px;}
ul#casestudies li.casestudy a {color:#cc0000;}

#footer {color:#535152; padding: 8px 0 0 0; margin: 20px 0 0 0; border-top: 1px solid #ccc;}
ul#footernav {list-style:none; margin:0; padding:0; font-size:10px}
ul#footernav li {display:inline; margin:0 10px 0 0; padding:3px 6px}

div.tab div.tabcontent { height: 139px; overflow: hidden; padding-left: 2px; }
div.tab div.tabcontent img { float: right; }
div.tab div.tabcontent a { text-decoration: none; }
div.tab div.tabcontent.last { border-bottom: 1px solid #ddd; }
div.tab h4 { color: #C61E03; font-weight: bold; padding: 5px 0px 2px 0px; }
div.tab h1 { cursor: pointer; }
div#maincontent div.tab h1.ui-state-default { background: url(../images/h1bg_off.gif) repeat-x #ccc; color: #333; font-weight: normal; }

/* Minisite CSS */

.minisite {margin:0; padding: 0;}

/* LaCie Minisite */

.minisite .lacie {width:auto}
.minisite .lacie .header {height:402px; background: #fff url(../images/minisite_lacie_bg.jpg) repeat-x; padding: 0 0 0 20px}
.minisite .lacie .header .title {padding-top: 20px;}
.minisite .lacie .header .title h1 {font-size: 32px; font-weight: bold; color: #8b8b8b; line-height: 32px; margin: 40px 0 0 0; padding: 0}
.minisite .lacie h2 {font-size: 17px; font-weight: bold; color: #8b8b8b; margin: 0; padding: 0}
.minisite .lacie .blue {color: #013a81;}
.minisite .lacie .prodpanel {background: #fff url(../images/minisite_lacie_prodpanel_bg.jpg) repeat-x}
.minisite .lacie div.carousel {width: 790px; padding: 5px; margin: 0 0 5px 20px;}
.minisite .lacie div.arrow {width:12px; padding: 0; border: none; margin: 60px 2px 0; }
.minisite .lacie div.arrow:selected {border: none; }
.minisite .lacie div.arrow img {border:none}
.minisite .lacie div.carousel ul.jcarousel li {width: 126px; float:left; margin: 5px 24px 0px 24px; border: none; height: 166px; }
.minisite .lacie div.carousel ul.jcarousel li img {border:#ccc 1px solid;}
.minisite .lacie div.carousel ul.jcarousel li h4 {font-size: 11px; font-weight: bold; color: #0060a8; width: 136px; margin: 0; padding: 0px 0px 3px 0px; }
.minisite .lacie div.carousel ul.jcarousel li p {font-size: 11px; color: #333; padding: 0px; }
.minisite .lacie div.carousel ul.jcarousel li p a {font-weight: bold; color: #cc0000; text-decoration: none; }
.minisite .lacie div.carousel ul.jcarousel li p a:hover {text-decoration: underline; }

/* Canon Minisite */
.minisite .canon {width:auto}
.minisite .canon .header {height:390px; background: #000 url(../images/minisite_canon_mainprod.jpg) no-repeat right; padding: 0 0 0 20px; overflow:hidden;  border-bottom:1px solid #000;}
.minisite .canon .header .title {padding-top: 20px; margin:0;}
.minisite .canon .header .title h1 {font-size: 32px; font-weight: bold; color: #999; line-height: 32px; margin: 50px 0 0 0; padding: 0; text-transform:uppercase }
.minisite .canon .header .title h2 {font-size: 17px; font-weight: bold; color: #999; line-height: auto; margin:0; padding: 0; text-transform:uppercase}
.minisite .canon h2 {font-size: 17px; font-weight: bold; color: #8b8b8b; margin: 0; padding: 5px 0 0 0}
.minisite .canon .white {color: #fff;}
.minisite .canon .prodpanel {background: #000 url(../images/minisite_canon_prodpanel_bg.jpg) repeat-x;}
.minisite .canon div.carousel {width: 790px; padding: 5px; margin: 0 0 5px 20px;}
.minisite .canon div.arrow {width:12px; padding: 0; border: none; margin: 60px 2px 0; }
.minisite .canon div.arrow:selected {border: none; }
.minisite .canon div.arrow img {border:none}
.minisite .canon div.carousel ul.jcarousel li {width: 126px; float:left; margin: 5px 24px 0px 24px; border: none; height: 166px; }
.minisite .canon div.carousel ul.jcarousel li img {border:#ccc 1px solid;}
.minisite .canon div.carousel ul.jcarousel li h4 {font-size: 11px; font-weight: bold; color: #fff; width: 136px; height: 30px; margin: 0; padding: 0px 0px 3px 0px; }
.minisite .canon div.carousel ul.jcarousel li p {font-size: 11px; color: #ccc; padding: 0px; }
.minisite .canon div.carousel ul.jcarousel li p a {font-weight: bold; color: #fff; text-decoration: none; }
.minisite .canon div.carousel ul.jcarousel li p a:hover {text-decoration: underline; }