/* Home */
p.price { margin: 0; font-size: 1.4em; background-image: url(../images/btn-priceLeft.png); background-repeat: no-repeat; background-position: 0 50%; text-decoration: none; padding: 2px 0 2px 6px !important; display: inline-block; }
p.price a, p.price a:link, p.price a:visited { color: #333 !important; text-decoration: none; border-bottom: 0 !important; line-height: 1.65em; display: inline-block; background-image: url(../images/btn-priceRight.png); background-repeat: no-repeat; background-position: 100% 50%; padding: 2px 6px 2px 0; }
p.price a:hover { text-decoration: underline; border-bottom: 0; }

/* Body */
body#home { }
body#page #content div.inner { margin-top: 15px; }
body#page #pagecontent { float: left; width: 510px; margin-left: 15px; }
body#page #pagecontent p {line-height: 1.35em}
body#page #pagecontent h1 { line-height:1.1em; }
body#page #pagecontent h2 {line-height: 1.3em; padding: 4px 0 0 0}
body#page #pagecontent ul { margin: 0; padding: 0; }
body#page #pagecontent ul li { padding: 0; margin-left: 20px; line-height: 1.45em }
#sidenav { float: left; width: 215px; }
#spotlights { width: 215px; position: relative; top: 0; right: 0; float: right; }
.background { background-color: transparent; background-repeat: no-repeat; background-position: top right; z-index: 1; position: absolute; top: 150px; right: 1000px; width: 600px; height: 600px; }
.restore { display: none; }

/* Header */
#header { width: 100%; background: #164371 url(../images/bg-header.png) repeat-x bottom left; }
#header div.inner { overflow: hidden; position: relative; text-align: right; }
#header a { color: #fff; border-color: #fff; font-weight: normal; font-size: 1em; }
#header #quicklinks { float: right; width: 100%; }
#header #quicklinks ul { margin: 0; padding: 0; display: inline; line-height: 2.4em; }
#header #quicklinks ul li { font-size: 0.85em; color: #fff; line-height: 2em; list-style: none; display: inline; padding: 0 0.75em; background: transparent url(../images/bg-sepListWhite.png) no-repeat 0 75%; }
#header #quicklinks ul li.first { background: none; padding-left: 0; }
#header #pagetools { float: right; }

/* Header - Change fonts */
#header #changefonts { width: 28.5em; white-space: nowrap; text-align: left; height: 2.6em; background: transparent url(../images/bg-header-tabRight.png) no-repeat 100% 0; padding-right: 20px; float: left; font-size: 0.85em; margin-left: 20px; }
#header #changefonts ul { display: block; line-height: 2.25em; margin: 1px 0 0 -20px; padding: 0 0 5px 20px; height: 2.25em; background: url(../images/bg-header-tabLeft.png) no-repeat 0 0; }
#header #changefonts ul li { display: inline; margin: 0; padding: 0; list-style: none; line-height: 1em; }
#header #changefonts a { display: inline-block; margin: 0 0.25em; color: #000; border-bottom: solid 1px #000; font-size: 1em; }
#header #changefonts a:hover, #header #changefonts a:focus, #header #changefonts a:active { border-bottom: dotted 1px #000; }
#header #changefonts a.font-normal { outline: none; font-size: 1.0em; text-indent: -99999px; background: url(../images/ico-fontNormal.png) no-repeat 0 0; width: 10px; height: 13px; }
#header #changefonts a.font-large { outline: none; font-size: 1.2em; text-indent: -99999px; background: url(../images/ico-fontLarge.png) no-repeat 0 0; width: 14px; height: 17px; }
#header #changefonts a.font-largest { outline: none; font-size: 1.4em; text-indent: -99999px; background: url(../images/ico-fontLargest.png) no-repeat 0 0; width: 16px; height: 21px; }
#header #changefonts a.change-contrast { padding: 1px; background: #000; color: #fff; }
#header #changefonts a.change-contrast:hover, #header #changefonts a.change-contrast:focus, #header #changefonts a.change-contrast:active { border: 0; color: #000; background: #ccc; }

/* Header - Search */
#header #search { width: 20em; white-space: nowrap; position: relative; height: 2.2em; background: transparent url(../images/bg-header-tabRight2.png) no-repeat 100% 0; padding-right: 12px; float: left; margin-left: 17px; }
#header #search div { background: transparent url(../images/bg-header-tabLeft2.png) no-repeat 0 0; padding-left: 17px; margin-left: -17px; height: 2.2em; }
#header #search label { font-size: 1.0em; font-weight: bold; color: #000; padding: 0 5px 0; display: block; float: left; line-height: 2em; }
#header #search input.text { margin: 4px 0 0 0; border: solid 1px #97c6fe; width: 55%; height: 55%; padding: 2px 0; float: left; }
#header #search input.button { border: solid 1px #97c6fe; margin: 5px 0 0 5px; padding: 0; color: #fff; background: #000; font-size: 0.85em; width: 4.5em; height: 2em; cursor: pointer; outline: none; float: left; }

/* Banner/Logo */
#banner { clear: both; width: 100%; height: 110px; background: #fff; }
#banner div.inner { height: 100%; position: relative; }
#banner a { border: 0; }
#banner p { margin: 0; padding: 0; }
#banner img.logo { border: 0; margin: 10px 0 0 0; display: inline-block; }
#banner a.banner { outline: none; display: block; position: absolute; text-decoration: underline; right: 0; bottom: 0; width: 350px; padding-right: 300px; height: 91px; background-position: top right; background-repeat: no-repeat; font-size: 1.2em; line-height: 1.4em}
#banner a.banner:hover { text-decoration: none }

/* Top nav */
#topnav { width: 100%; height: auto; background: #89AD0A url(../images/bg-topNav.png) repeat-x 0 0; }
ul.nav { display: block; margin: 0; padding: 0 0 0 1em; position: static; float: left; }
ul.nav li { display: block; float: left; list-style: none; line-height: 2.75em; font-weight: bold; font-size: 1em; position: relative; }
ul.nav li a { outline: none; font-size: 1.0em; color: #000; text-decoration: none; line-height: 1.30em; border: 0; display: block; padding: 0.75em 14px; white-space: nowrap; }
ul.nav li ul { position: absolute; }
ul.nav li span { display: none; }
.superfish li:hover ul, .superfish li li:hover ul { top: -999em; }
ul.nav li:hover li ul, ul.nav li.sfhover li ul { top: -999em; }

/* Top nav > Hover state */
ul.nav li a:hover, ul.nav li a:focus, ul.nav li a:active, ul.nav li:hover a, ul.nav li.sfhover a { text-indent: 13px; margin-left: -13px; background: transparent url(../images/bg-topNav-overLeft.png) no-repeat left 0.5em; color: #fff; margin-right: 8px; padding-right: 2px; }
ul.nav li:hover, ul.nav li.sfhover { background: transparent url(../images/bg-topNav-overRight.png) no-repeat right 0.5em; position: relative; z-index: 1000; padding-right: 23px; margin-right: -19px; }

/* Top nav > On state */
ul.nav li.on span.on, ul.nav li.on a, ul.nav li.on a:hover, ul.nav li.on a:focus, ul.nav li.on a:active { display: block; font-size: 1.0em; line-height: 1.30em; text-indent: 13px; margin-left: -13px; background: transparent url(../images/bg-topNav-onLeft.png) no-repeat left 0.5em; color: #86000a; margin-right: 0; padding: 0.75em 2px 0.75em 14px; }
ul.nav li.on { z-index: 1; background: transparent url(../images/bg-topNav-onRight.png) no-repeat right 0.5em; padding-right: 23px; padding-left: 10px; margin-left: -10px; margin-right: -13px; }
ul.nav li.on a:hover, ul.nav li.on a:active, ul.nav li.on a:focus { text-decoration: underline; }
ul.nav li.on ul { margin-left: 0.5em; }
ul.nav li.on ul li { background-image: none; margin: 0; padding: 0; }
ul.nav li.on ul li a { background-image: none; margin: 0; padding: 0 0 0.25em 0; height: 2em; line-height: 2em; font-size:0.9em; }
ul.nav li.on ul li a:hover, ul.nav li.on ul li a:active, ul.nav li.on ul li a:focus { background-image: none; margin: 0; padding: 0 0 0 0; text-decoration: none; height: 2em; line-height: 2em; font-size:0.9em; }
ul.nav li.on ul li span { background-image: none; color: #000; margin: 0; padding: 0; }
ul.nav li.on ul li a:hover span, ul.nav li.on ul li a:active span, ul.nav li.on ul li a:focus span { color: #fff; }

/* Top nav > Flyout menu */
ul.nav li a:hover + ul li a, ul.nav li a:focus + ul li a, ul.nav li a:active + ul li a, ul.nav li:hover a + ul li a, ul.nav li.sfhover a + ul li a { background-image: none !important; margin: 0; padding: 0; height: 100%; line-height: 2em; }
ul.nav li ul { margin: 0; padding: 0 0 10px 0; }
ul.nav li ul li a:hover, ul.nav li ul li a:focus, ul.nav li ul li a:active, ul.nav li ul li:hover a, ul.nav li.sfhover ul li a { background-image: none !important; margin: 0; padding: 0; line-height: 2em; height: 2em; }
ul.nav li ul li:hover, ul.nav li ul li.sfhover { background-image: none; margin: 0; padding: 0; }
ul.nav li:hover ul, ul.nav li.sfhover ul { left: -0.7em; top: 2.80em; position: absolute; }
ul.nav li ul li { line-height: 2em; height: 2em; position: relative; }
ul.nav li ul li span { display: block; position: absolute; right: 1em; top: 0; }

/* Top nav > Flyout menu > 2nd level */
ul.nav ul { width: 18.15em; position: absolute; top: -999em; margin: 0; z-index: 50; padding-bottom: 0 !important; border-top: solid 1px #86000a; border-bottom: solid 1px #86000a; background: transparent /* url(../images/bg-topNav-bottom.png) no-repeat left bottom;*/; }
ul.nav ul li { width: 18em; padding: 0; }
ul.nav li li { height: 2.15em !important; background: #fff; background-image: none; border-left: solid 1px #86000a; border-right: solid 1px #86000a; }
ul.nav li li a { background-image: none; padding: 0; margin: 0; text-align: left; text-indent: 0em; font-size: 0.9em; color: #000 !important; font-weight: bold; display: block; height: 2em; line-height: 2em; }
ul.nav li li a:hover, ul.nav li li a:focus, ul.nav li li a:active { height: 100% !important; background: #86000a !important; }
ul.nav li li > a:hover, .nav li li > a:focus, .nav li li.sfhover > a { height: 100%; background-color: #86000a; color: #fff !important; }

/* Top nav > Flyout menu > 3rd level */
ul.nav ul ul { width: 18.15em; z-index: 100; background-image: none; padding-bottom: 0; border-top: solid 1px #164371; border-bottom: solid 1px #164371; }
ul.nav li li:hover ul, ul.nav li li.sfhover ul { left: 17em; top: -3px; position: absolute; z-index: 250; }
ul.nav li li li { background-color: #fff; width: 18em; border-left: solid 1px #164371; border-right: solid 1px #164371; }
ul.nav li li li a { background: #fff; background-image: none; display: block; padding-top: 4px; }
ul.nav li li li a:hover { background-color: #164371 !important; }

/* Footer */
#footer { clear: both; margin-top: 2em; }
#footer div.inner { height: 60px; margin-top: 0; padding: 0.75em 0 0 0; border-top: solid 1px #eee; position: relative; }
#footer #copyright { height: 35px; position: absolute; left: 0; top: 1em; font-size: 0.85em; color: #999; }
#footer #wiliam { height: 35px; position: absolute; right: 0; top: 1em; font-size: 0.85em; color: #999; font-weight: normal; text-align: right; vertical-align: middle; }
#footer #wiliam a { border-bottom: solid 1px #999999; color: #999999; font-size: 1em; font-weight: normal; margin: 0; padding: 0; }
#footer #wiliam a:hover, #footer #wiliam a:active, #footer #wiliam a:focus {border: 0}
#footer #wiliam img { border: 0; vertical-align: middle; }
#footer #wiliam span {padding-right: 5px}
#footer #wiliam span.anchor { float:left; }
#footer ul { line-height: 2.25em; margin: 0; padding: 0; text-align: center; }
#footer ul li { color: #151515; display: inline; margin: 0 0.25em; list-style: none; padding: 0; font-size: 1em; }
#footer ul li a { color: #151515; font-weight: normal; border-bottom-color: #151515; font-size: 0.85em; }
#footer p { margin: 0; padding: 0; }

/* Content */
#content { background: #fff url(../images/bg-body.png) repeat-x 0 0; min-height: 30em; height: auto !important; height: 30em; overflow: hidden; }
#content .inner { position: relative; }
#content .subcontent { clear: both; margin-left: 230px; }

/* Breadcrumbs */
#breadcrumbs { display: block; margin-left: 15px; float: left; width: 490px; }
#breadcrumbs ul { margin: 0; display: block; height: auto; padding: 0 0 0.5em 0; }
#breadcrumbs ul li { display: inline; list-style: none; }
#breadcrumbs ul li a { color: #333; font-size: 1.0em; font-weight: bold; border: 0; text-decoration: underline; padding-right: 1em; margin-right: 0.25em; background: url(../images/bullet2.png) no-repeat 100% 50%; }
#breadcrumbs ul li span { font-size: 1.0em; font-weight: normal; }
#breadcrumbs ul li a:hover, #breadcrumbs ul li a:active, #breadcrumbs ul li a:focus { text-decoration: none; }

/* Print this page / Send to a Friend */
#printpage { display: block; float: right; text-align: right; }
#printpage ul { margin: 0; padding: 0; display: block; height: 2.5em; }
#printpage ul li { display: inline; list-style: none; }
#printpage ul li a { font-size: 1.0em; font-weight: bold; border: 0; text-decoration: underline; color: #86000a; }
#printpage ul li a:hover, #printpage ul li a:focus, #printpage ul li a:active { text-decoration: none; }
#printpage ul li.print { background: url(../images/ico-print.png) no-repeat 0 0; padding-left: 20px; padding-right: 5px; border-right: solid 1px #000; }
#printpage ul li.send { background: url(../images/ico-email.png) no-repeat 0 0; padding-left: 20px; margin-left: 5px; }

/* Content > Home */
#home #content { clear: both; padding-top: 18px; }
#home .main-content { width: 665px; float: left; overflow: hidden; position: relative; z-index: 100; }
#home .side-content { width: 300px; float: right; overflow: hidden; position: relative; z-index: 100; }

/* Content > Home > Main content */
#home .main-content .description { float: left; width: 215px; height: auto; }
#home .main-content div.feature { position: relative; float: right; width: 437px; height: 233px; z-index: 1; }
#home .main-content div.feature img { width: 437px; height: 232px; }
#home .main-content div.feature h2 { display: block; font-size: 1.3em; margin: 0; padding: 5px 20px 1em 10px; position: absolute; left: 0; top: 9.5em; background: transparent url(../images/bg-home-promo-tab.png) no-repeat top right; color: #ff6633; }
#home .main-content div.feature p { font-size: 1.1em; font-family: Times New Roman, Serif; display: block; width: 417px; margin: 0; padding: 5px 10px; position: absolute; left: 0; top: 13em; background: #000; color: #fff; min-height: 2.35em; }
#home .main-content div.feature a { font-weight: normal; color: #ff6633; border-bottom-color: #ff6633; }

/* Content > Home > Feature panels */
#home .main-content div.panels { clear: both; float: none; padding-top: 1em; margin-bottom: 1em; }
#home .main-content div.panels div.panel { background: transparent url(../images/bg-homeSectionBot.png) no-repeat bottom left; position: relative; float: left; margin-left: 7px; width: 217px; }
#home .main-content div.panels div.panel div { float: left; min-height: 140px; width: 217px; height: auto !important; height: 140px; }
#home .main-content div.panels div.first { margin-left: 0; }
#home .main-content div.panels h2 { margin: 0; color: #900; padding: 10px 0 0.5em 10px; background: #fff url(../images/bg-homeSectionTop.png) no-repeat top left; }
#home .main-content div.panels div p { margin: 0; display: block; padding: 0 10px; }
#home .main-content div.panels p.link { float: left; margin: 10px 0 0 10px; padding: 0.5em 0 0 16px; background-position: 0 0.7em; width: 187px; display: block; min-height: 3em; height: auto !important; height: 3em; border-top: dotted 1px #ccc; }

/* Content > Home > Carousel */
body#home div.main-content div#carousel { height: 100%; left: 241px; overflow: hidden; position: absolute; top: 0px; width: 427px; z-index: 9; }
body#home div.main-content div#carousel div.feature { float: left; }
body#home div.main-content div#carousel div.innercarousel { width: 100000px; }
body#home div.main-content div#carousel-pages { left: 37px; position: relative; top: 155px; z-index: 99; }
body#home div.main-content div#carousel-pages a { background: url("../images/carousel-page.png") no-repeat scroll 0 0 transparent; color: #000000; display: block; float: left;  font-size: 14px; font-weight: bold; height: 23px; line-height: 23px; margin-right: 5px; text-align: center; width: 23px; }
body#home div.main-content div#carousel-pages a { color: #ffffff; border-bottom: 0px; }
body#home div.main-content div#carousel-pages a.on { color: #ff6633; }

/* Content > Home > News and Events */
#home .main-content div#news div { display: block; float: left; width: 315px; }
#home .main-content div#news div.first { border-right: dotted 1px #ccc; padding-right: 12px; }
#home .main-content div#news div.newsitem { padding: 0 0.75em 1em 0.75em; width: 310px; }
#home .main-content div#news div.newsitem h3 { font-family: Arial, Helvetica, Sans-Serif; font-size: 1em; margin: 0; padding: 0 0 0.25em 0; }
#home .main-content div#news div.newsitem h3 a { color: #333; font-weight: bold; font-size: 1em; border-bottom-color: #333; }
#home .main-content div#news div.newsitem p { margin: 0; padding: 0 0 1em 0; }
#home .main-content div#news div.newsitem p span { font-size: 0.85em; }

/* Content > Home > Spotlights */
#home .side-content a.support { border: 0; }
#home .side-content div.bequest { margin-top: 0.5em; background: transparent url(../images/btn-home-bequest.png) no-repeat left bottom; width: 280px; min-height: 8.5em; height: auto !important; height: 8.5em; padding: 0 0.65em; }
#home .side-content div.bequest h2 { margin: 0; padding: 0.25em 0 0 0; color: #000; width: 160px; }
#home .side-content div.bequest h2 span { position: absolute; top: -99999px; }
#home .side-content div.bequest p { margin: 0.25em 0; font-size: 0.8em; width: 160px; }
#home .side-content div.bequest p.link { font-size: 1.0em; padding-bottom: 0.5em; }

/* Content > Home > Products */
#home .side-content div#products { margin-top: 1em; }
#home .side-content div#products div.product { padding: 1em 0.5em 0.5em 0.5em; border-top: dotted 1px #ccc; }
#home .side-content div#products div.product.first { border: 0; padding-top: 0; }
#home .side-content div#products div.product h3 { font-family: Arial, Helvetica, Sans-Serif; font-size: 1em; margin: 0; padding: 0 0 0.25em 0; }
#home .side-content div#products div.product h3 a { color: #333; font-weight: bold; font-size: 1em; border-bottom-color: #333; }
#home .side-content div#products div.product p.desc { margin: 0; padding: 0; display: block; min-height: 3em; height: auto !important; height: 3em; }
#home .side-content div#products p.link { margin: 0 0 0 0.5em; }

/* Sidenav */
#sidenav { background: #c9def7 url(../images/bg-leftNav-top.png) no-repeat 0 0; padding-top: 22px; }
#sidenav ul { margin: 0; padding: 0; border-left: solid 1px #95b3d7; border-right: solid 1px #95b3d7; padding: 0 8px; }
#sidenav ul li { list-style: none; line-height: 2em; display: block; }
#sidenav ul li a { color: #333; font-size: 1.0em; text-decoration: none; border: 0; min-height: 2em; height: auto !important; height: 2em; display: block; width: auto; padding-left:0.5em; }
#sidenav ul li a:hover { text-decoration: underline; }
#sidenav ul li.on { background-color: #86000a; }
#sidenav ul li.on a { color: #fff; }
#sidenav ul li.on ul li a { color: #000; font-weight: normal; }
#sidenav ul ul { background: #fff url(../images/bg-leftNav-sep.png) no-repeat bottom left; padding-top: 0; padding-bottom: 9px; border: 0; }
#sidenav ul ul li.on { background-color: #fff; }
#sidenav ul li.on ul li.on a { font-weight: bold; color: #000; background: url(../images/bullet4.png) no-repeat 0.5em 0.85em; text-indent: 1em }
#sidenav ul ul ul { background-color: #fff; background-image: none; padding-top: 0; padding-bottom: 0; border: 0; }
#sidenav ul ul ul li.on { background-color: #fff; }
#sidenav ul ul ul li a { font-weight: normal !important; background-image: none !important }
#sidenav ul li.on ul li.on ul li.on a { font-weight: bold !important; color: #000; background: url(../images/bullet4.png) no-repeat 0.5em 0.85em !important;  }
#sidenav div.end { background: #fff url(../images/bg-leftNav-bottom.png) no-repeat bottom left; height: 41px; }

/* Spotlight */
#spotlights a { color: #333; border: 0; text-decoration: underline; font-size: 0.85em; }
#spotlights a:hover { text-decoration: none; }
#spotlights div.spotlight { position: relative; background: transparent url(../images/bg-spotlight-top.png) no-repeat top left; width: 217px; margin-bottom: 1.5em; }
#spotlights div.spotlight div.outer { background: transparent url(../images/bg-spotlight-bottom.png) no-repeat bottom left; padding-bottom: 0.5em; }
#spotlights h2 { display: block; color: #0a4078; font-family: Times New Roman; font-size: 1.5em; margin: 0 10px; padding: 1em 0 0.5em 0; font-weight: normal; }
#spotlights h2.sep { border-bottom: dotted 1px #ccc; }
#spotlights ul.links { padding: 10px 0 10px 10px; margin: 0; background: transparent url(../images/bg-spotlight-bottom.png) no-repeat bottom left; min-height: 6em; }
#spotlights ul.links li { font-size: 0.9em; list-style: none; background: url(../images/bullet3.png) no-repeat 0 0.65em; text-indent: 0.95em; line-height: 1.8em; }
#spotlights ul.links li a { color: #333; border-bottom-color: #333; font-size: 1em; }
#spotlights img { margin-left: 10px; width: 195px; }
#spotlights p { margin-left: 10px; width: 195px; margin-top: 0.5em }
#spotlights p.link { width: 185px; }
#spotlights div.img { width: 195px; height: 120px; }
#spotlights .errors ul {padding-left: 40px !important; margin-left: 0; margin-bottom: 1em !important}

/* Spotlight > Cart */
#spotlights div.cart { position: relative; background: transparent url(../images/bg-cart-top.png) no-repeat top left; width: 217px; margin-bottom: 1.5em; }
#spotlights div.cart div.items { clear: both; overflow: hidden; background: transparent url(../images/bg-cart-bottom.png) no-repeat bottom left; padding-bottom: 0.5em; }
#spotlights div.cart h2 { color: #000; }
#spotlights div.cart h2.sep { border-color: #000; }
#spotlights div.cart ul { margin: 1em 0 1em 1em; overflow: hidden; padding: 0; }
#spotlights div.cart ul li { text-indent: 0; margin: 0; padding: 0; list-style: none; line-height: 1.5em}
#spotlights div.cart a { float: left; font-weight: bold; background: url(../images/bullet3.png) no-repeat 0 0.65em; text-indent: 0.95em; margin-left: 10px; }
#spotlights div.cart input { float: right; background: #000; color: #fff; border: 1px solid #97C6FE; padding: 0.15em; margin-right: 10px; cursor: pointer; font-size: 0.85em; }
#spotlights div.cart div.checkout-buttons {clear: both; overflow: hidden; height: 2em }

/* Featured Products spotlight */
#spotlights div.products a.productimage:active, #spotlights div.products a.productimage:focus, #spotlights div.products a.productimage:hover, #spotlights div.products a.productimage:link, #spotlights div.products a.productimage:visited { border: 0; text-decoration: none; }
#spotlights div.products img { margin: 10px; width: auto; display: block; clear: both; }
#spotlights div.products h3 { display: block; width: 200px; margin: 0 0 0 10px; padding: 0; font-size: 1.1em; font-family: Arial, Helvetica, Sans-Serif; }
#spotlights div.products p { margin: 0.5em 0 0.25em 10px; }

/* Colour Picker */
div#cchoices { padding: 0.5em; background: #fff; color: #000; border: 3px solid #000; position: absolute; top: 17em; left: 30em; }
div#cchoices div { margin: 0; padding: 0; text-align: center; }
div#cchoices div#tooltip { padding: 0.2em; float: left; }
div#cchoices div.header { clear: both; }
div#cchoices a.close { float: right; }
div#cchoices img { border: 1px solid #000; display: inline; }
div#cchoices a { padding: 0.1em; color: #00c; background: #fff; border-bottom: 0; }
div#cchoices a:hover, div#cchoices a:focus, div#cchoices a:active { color: #00c; background: #fc0; }
div#cchoices a { text-decoration: none; }
#colourpicker { }
#colourpicker div.col { float: left; display: inline; width: 6em; }
#colourpicker div.row, form#pickerform div.submit { float: left; clear: both; width: 100%; }
#colourpicker span { padding: 0 0.3em; }
#colourpicker div.submit { padding: 1em 0; }
#colourpicker h2 { padding-top: 1em !important; clear: both; }
#colourpicker p { clear: both; padding: 1em 0 0 0; }

/* News and Events */
#newsevents #news { margin-right: 20px; width: 364px; float: left; background: url(../images/bg-heading-green-small.png) no-repeat 0 0; }
#newsevents #events { width: 364px; float: left; background: url(../images/bg-heading.png) no-repeat 0 0; }
#newsevents div.item { border-top: dotted 1px #ccc; margin-top: 1em; padding-top: 1em; }
#newsevents h2 { width: 364px; height: 59px; color: #000; font-size: 1.2em; margin: 0; padding: 0; text-indent: 10px; font-weight: bold; font-family: Arial, Helvetica, Sans-Serif; line-height: 2.5em; }
#newsevents h3 { font-family: Arial, Helventica, Sans-Serif; font-size: 1.2em; margin: 0; }
#newsevents h3 a { font-weight: bold; text-decoration: underline; border: 0; font-size: 0.85em; }
#newsevents h3 a:hover, #newsevents h3 a:focus, #newsevents h3 a:active { border-bottom: 0; text-decoration: none; }
#newsevents span { font-size: 0.85em; }
#newsevents div div div {margin-left: 8px}
#newsevents div.withimage { margin-left: 0; float: right; text-align: left; width: 250px; }

/* Listing paginated */
#listing { width: 510px; }
#listing.sep { border-top: dotted 1px #ccc; margin-top: 1em; padding-top: 1em; }
body#page div#pagecontent #listing h2 { width: 510px; height: 59px; color: #000; font-size: 1.2em; margin: 0; padding: 0; text-indent: 10px; font-weight: bold; font-family: Arial, Helvetica, Sans-Serif; line-height: 2.5em; }
#listing div.item { border-top: dotted 1px #ccc; margin-top: 1em; padding-top: 1em; }
#listing h2 { background: url(../images/bg-heading-long-top.png) no-repeat 0 0; }
#listing h3 { font-family: Arial, Helventica, Sans-Serif; font-size: 1.2em; margin: 0; }
#listing h3 a { font-weight: bold; text-decoration: underline; border: 0; font-size: 0.85em; }
#listing h3 a:hover, #newsevents h3 a:focus, #newsevents h3 a:active { border-bottom: 0; text-decoration: none; }
#listing p { margin-bottom: 0; }
#listing span { font-size: 0.85em; }
#listing div div {margin-left: 8px}
#listing div.withimage { margin-left: 0; float: right; text-align: left; width: 395px; }
#listing.blue h2 { background: url(../images/bg-heading-long-top-blue.png) no-repeat 0 0; }

/* Paging */
div.paging { clear: both; width: 510px; height: 59px; color: #000; font-size: 1.0em; margin: 1em 0 0 0; padding: 0; font-weight: bold; font-family: Arial, Helvetica, Sans-Serif; line-height: 2.5em; background: url(../images/bg-heading-long-bottom.png) no-repeat 0 0; }
div.paging ul { margin: 0 0 0 1em; padding: 0; }
div.paging ul li { list-style: none; margin: 0; padding: 0 0.5em; display: block; float: left; line-height:1.2em; margin-top:12px; }
div.paging ul li a:link, div.paging ul li a:visited { color: #333; width: 1em; height: 2.25em; border: 0; font-size: 1.0em; text-decoration: underline; }
div.paging ul li a:hover, div.paging ul li a:active, div.paging ul li a:focus { text-decoration: none; }
div.paging ul li a.on { color: #86000a; background: #fff; text-decoration: none; }
div.paging ul li.sep { background: url(../images/sep-paging.png) repeat-y 1px 55%; padding-left: 0.75em; margin-left:10px!important; }
div.paging ul li.sep a { margin-left:10px; }
div.blue div.paging { background: url(../images/bg-heading-long-bottom-blue.png) no-repeat 0 0; }

/* Offices */
div#map { border-top: dotted 1px #ccc; border-bottom: dotted 1px #ccc; padding: 1em 0; margin: 1em 0; width: 100%; }
div.office { margin-bottom: 2em; position: relative; clear: both; overflow: hidden; }
div.office h2 { border-bottom: dotted 1px #ccc; padding-bottom: 0.85em !important; margin-bottom: 1.85em; }
div.office dl { margin: 0; width: 350px; float: left; }
div.office dl dd { width: 200px; }
div.office div.areas { width: 150px; float: right; line-height: 1.25em; }
div.office div.areas ul { padding-left: 14px; margin: 1em 0; }
div.office div.areas ul li { list-style-type: square; }

/* Shop */
#shop .category { width: 250px; float: left; }
#shop .category h3 { font-family: Arial, Helvetica, Sans-Serif; }
#shop .category ul { margin: 1em 0 !important; padding-left: 1.15em; }
#shop .category ul li a {border-bottom: 0; text-decoration: underline}
#shop .category ul li a:hover {text-decoration:none}
#shop .sep { clear: both; margin-bottom: 1em }
#product-category { }
#product { border-top: dotted 1px #cdcdcd; margin-top: 0.75em; padding-top: 0.75em; }
#price { width: 100%; clear: both; height: 3em; }
#price p { display: block; width: 160px; float: left; line-height: 2em; }
#price p strong { font-size: 1.8em; }
#price select { width: 100px; }
#product div.body {float: left; display: inline}
#product div.image { width: 220px; float: right; margin: 1em 0; padding-bottom: 1em; text-align: right }
#product div.image p {float: right; padding: 1em 0 0 0; margin: 0; display: block; width: 15em}
#product div.image label { }
#product div.image img { float: right; border: solid 3px #ececec; display: block; }
#product div.image span.button { float: right }

/* Cart */
#cart h2 { border-bottom: 1px dotted #CDCDCD; margin-bottom: 0.75em; padding: 0.75em 0.5em !important; }
#cart p.link { margin-left: 0.75em; }
#cart table { width: 100%; background: #F4F4F4 url(../images/bg-form.png) repeat-x 0 0; padding: 0.5em; border-bottom: solid 1px #0a4078; }
#cart table input.textbox { font-family: Arial, Sans-Serif; border: solid 1px #666; background: #fff; font-size: 1em; line-height: 1.35em; height: 1.35em; width: 30px; }
#cart table thead th { font-size: 1.1em; padding: 0.75em 0; }
#cart table tbody td { padding: 0.25em 0; }
#cart table tbody td a { font-size: 1.0em; font-weight: normal; }
#cart table tfoot th#price-freight, #cart table tfoot td#freight-value { padding-top: 1em; border-top: dotted 1px #ccc; }
#cart table tfoot th#total-price, #cart table tfoot td#total-value { padding-top: 1em; color: #0a4078; font-size: 1.1em; font-weight: bold; }

/* Receipt */
#receipt table { width: 600px; padding: 0.5em; border: solid 1px #ccc; }
#receipt table.donation { width: 500px }
#receipt table input.textbox { font-family: Arial, Sans-Serif; border: solid 1px #666; background: #fff; font-size: 1em; line-height: 1.35em; height: 1.35em; width: 30px; }
#receipt table thead th { font-size: 1.1em; padding: 0.75em 0; }
#receipt table tbody td { padding: 0.25em 0; }
#receipt table tbody td a { font-size: 1.0em; font-weight: normal; }
#receipt table tfoot th#price-freight, #receipt table tfoot td#freight-value { padding-top: 1em; border-top: dotted 1px #ccc; }
#receipt table tfoot th#total-price, #receipt table tfoot td#total-value { padding-top: 1em; color: #0a4078; font-size: 1.1em; font-weight: bold; }

/* Support History */
#supporthistory h2 { padding-top: 1em !important; }
#supporthistory table { width: 100%; padding: 0.5em; border: solid 1px #ccc; }
#supporthistory table thead th { font-size: 1.1em; padding: 0.75em 0; }
#supporthistory table tbody td { padding: 0.25em 0; }

/* Forms */
body#page .form h2 { display: block; width: 386px; margin: 1em 0 0 0; height: 2.25em; line-height: 2.25em !important; font-size: 1.2em; color: #fff; font-weight: bold; text-indent: 15px; background: url(../images/bg-heading-green.png) no-repeat 0 0; font-family: Arial, Verdana, Helvetica, Sans-Serif; padding: 4px 0 0 0 !important }
body#page .form.contact h2 { color: #000;}
body#page .form h2.red { background-image: url(../images/bg-heading-red.png); }