/*-------------------------------------------------------------------
Herefordshire Arts Market
version: 1.0
author: Herefordshire Council
email: webmaster@herefordshire.gov.uk
website: www.herefordshire.gov.uk
-------------------------------------------------------------------*/
*{margin: 0; padding: 0;}/* global reset */
img{border: 0 none;}/* remove linked img border */
body{font-size: 62.5%;}/* set 1em = 10px */
fieldset{border: 0 solid transparent;}/* remove form fieldset borders */
abbr, acronym{cursor: help; letter-spacing: 1px; border-bottom: 1px dashed;}/* set acronym and abbr cursor and border */
.bold{font-weight: bold;}
.italic{font-style: italic;}
.floatLeft{float: left;}
.floatRight{float: right;}
.clear{clear: both;}
.block{display: block;}
.hide{margin-left: -1000px; position: absolute;}
body{color: #404041; font-family: Futura, Myriad, Tahoma, Arial, Helvetica, Verdana, sans-serif;}
h1{margin: -24px 0 0 -10000px; position: absolute;}
#mainContainer{margin: 0 auto; padding: 40px 0; text-align: center; width: 900px;}
/* left content */
#secondaryContent{width: 170px; padding: 0 10px; float: left; text-align: left;}
#newsItems{margin: 50px 0 20px 0;}
#newsItems h2{margin: 20px 0 8px 0; font-size: 1.2em; font-weight: bold;}
#newsItems h3{margin: 10px 0 5px 0; font-size: 1.1em; font-weight: bold;}
#newsItems p{font-size: 1.1em; font-weight: normal; line-height: 1.5em; text-align: justify; padding: 0 0 5px 0}
#newsItems a:link, #newsItems a:visited{color: #fe6500; text-decoration: underline;}
#newsItems a:hover{text-decoration: none;}
/* right content */
#mainContent{width: 624px; margin: 20px 0 30px 0; padding: 0 10px; float: right;}
.introductionText{font-size: 1.1em; font-weight: normal; line-height: 1.5em; text-align: justify; padding: 10px 0;}
.introductionText a:link, .introductionText a:visited{color: #fe6500; text-decoration: underline;}
.introductionText a:hover{text-decoration: none;}
.priceRange{clear: both; width: 624px; padding: 11px 0 5px 0; border-top: 1px solid #f60; text-align: right;}
.priceRange a{color: #fe6500; font-size: 2.2em; font-weight: normal; text-decoration: none;}
.priceRange.priceRangeTop{border-top: 0 none!important;}
.priceRange p a{float: left; width: 150px; padding: 30px 0 0 0; text-align: left;}
.priceRange a img{background: #f7f7f7; margin: 5px 12px; padding: 6px; border: 1px solid #ccc;}
.priceRange a:hover img{border-color: #666;}
.priceRangeImg{font-size: .3em!important;}
/* main menu */
ul#mainNavigation{background: #fff url(/artsmarket/content/images/structure/menuBar.png) no-repeat; width: 624px; height: 32px; margin: 0 auto;}
ul#mainNavigation a{color: #404041; font-size: 1.3em; font-weight: normal; text-decoration: none;}
ul#mainNavigation a:first-letter {color: #fe6500; font-weight: bold;} /* add a space so we don't worry IE6's little head */
ul#mainNavigation a:hover{text-decoration: underline;}
#mainNavigation, #mainNavigation ul{margin: 0; padding: 6px 0 0 0; list-style: none; text-align: left;}
#mainNavigation a{display: block; padding: 0 0 0 55px;}
#mainNavigation li{float: left; width: 155px; height: 20px; margin: 2px 0 0 0;}
#mainNavigation li ul{position: absolute; width: 155px; left: -1000px;}
#mainNavigation li:hover ul{left: auto;}
#mainNavigation li:hover ul, #mainNavigation li.sfhover ul{left: auto;}
.topLevel{border-right: 1px solid #ccc;}
.topLevelLast{border-right: 0 none; margin-left: -1px!important;}
.secondLevel{width: 154px!important; background: #f7f7f7; border: 1px solid #ccc; border-top: 0 none;}
.secondLevelLast{width: 157px!important;}
.align{margin-left: -1px!important;}
* html .align{margin-left: -1px!important;}
/* login */
form#loginForm{margin: 20px 0 20px 0; font-size: 1.1em; font-weight: normal;}
input#usernameField{margin: 0 0 10px 0;}
#username label, #password label{line-height: 1.7em;}
input#usernameField, input#passwordField{width: 162px; border: 1px solid #7f7f80; font-size: 1.1em;}
#login input{margin: 10px 0 0 0; border: 1px solid #7f7f80; cursor: pointer; font-size: 1.1em;}
p.passwordReminder{margin: 10px 0 0 0;}
p.register{margin: 10px 0 0 0; font-size: 1.1em; font-weight: normal; line-height: 1.5em;}
p.register a:link, p.register a:visited, p.passwordReminder a:link, p.passwordReminder a:visited{color: #fe6500; text-decoration: underline;}
p.register a:hover, p.passwordReminder a:hover{text-decoration: none;}
ul.error{list-style-type: none; width: 50%; margin: 10px 25%; padding: 5px 0; color: #f00; font-size: 1.1em; font-weight: bold;}
/* artist */
#mainImage{float: left; width: 288px; margin: 20px 0;}
#secondaryImages{float: left; margin: 20px 0; width: 145px;}
#artworkSlideBar{width: 145px; height: 212px; margin: 0 0 5px 0; overflow: auto;}
#artistDetails{float: right; width: 186px; margin: 20px 0; text-align: left;}
img.activeImage{background: #f7f7f7; padding: 5px; border: 1px solid #ccc;}
a.moreInfo{float: left; font-size: 1.1em;}
a:link.moreInfo , a:visited.moreInfo{color: #404041; text-decoration: none; padding: 10px 0 10px 39px; background: transparent url(/artsmarket/content/images/structure/bigButtonOff.png) no-repeat;}
a:hover.moreInfo{color: #fe6500; text-decoration: underline; background-image: url(/artsmarket/content/images/structure/bigButtonOn.png);}
a img.slideBarImage{background: #f7f7f7; padding: 5px; border: 1px solid #ccc;}
a:hover img.slideBarImage{border-color: #666;}
#artworkNavigation{margin: 0 auto; width: 80%; font-size: 1.1em;}
.previous{float: left;} .next{float: right;}
a:link.previous, a:visited.previous, a:link.next, a:visited.next{color: #404041; display: block; text-decoration: none; padding: 2px 0 2px 18px; background: transparent url(/artsmarket/content/images/structure/smallButtonOff.png) no-repeat;}
a:hover.previous, a:hover.next{color: #fe6500; text-decoration: underline; background-image: url(/artsmarket/content/images/structure/smallButtonOn.png);}
#artistDetails h3{color: #fe6500; margin: 0 0 5px 0; font-size: 1.1em; font-weight: bold;}
#artistDetails h4{font-size: 1.1em;}
#artistDetails p{font-size: 1.1em; font-weight: normal; line-height: 1.5em; text-align: justify; padding: 0 0 5px 0;}
#artistDetails a:link, #newsItems a:visited{color: #fe6500; text-decoration: underline;}
#artistDetails a:hover{text-decoration: none;}
ul#artistDetailsList{list-style-type: none; font-size: 1.1em; font-weight: normal; margin: 5px 0;}
/* artist new */
#mainImage{float: left; width: 288px; margin: 20px 0;}
#secondaryImages{float: left; margin: 20px 0; width: 145px;}
#artworkSlideBarNew{width: 390px; height: 335px; margin: 0 0 5px 0; overflow: auto;}
#artistDetailsNew{float: right; width: 220px; margin: 20px 0; text-align: left;}
img.activeImage{background: #f7f7f7; padding: 5px; border: 1px solid #ccc;}
a.moreInfo{float: left; font-size: 1.1em;}
a:link.moreInfo, a:visited.moreInfo{color: #404041; text-decoration: none; padding: 10px 0 10px 39px; background: transparent url(/artsmarket/content/images/structure/bigButtonOff.png) no-repeat;}
a:hover.moreInfo{color: #fe6500; text-decoration: underline; background-image: url(/artsmarket/content/images/structure/bigButtonOn.png);}
a img.slideBarImage{background: #f7f7f7; padding: 5px; border: 1px solid #ccc;}
a:hover img.slideBarImage{border-color: #666;}
#artworkNavigation{margin: 0 auto; width: 80%; font-size: 1.1em;}
.previous{float: left;} .next{float: right;}
a:link.previous, a:visited.previous, a:link.next, a:visited.next{color: #404041; display: block; text-decoration: none; padding: 2px 0 2px 18px; background: transparent url(/artsmarket/content/images/structure/smallButtonOff.png) no-repeat;}
a:hover.previous, a:hover.next{color: #fe6500; text-decoration: underline; background-image: url(/artsmarket/content/images/structure/smallButtonOn.png);}
#artistDetailsNew h3{color: #fe6500; margin: 0 0 5px 0; font-size: 1.1em; font-weight: bold;}
#artistDetailsNew h4{font-size: 1.1em; margin: 10px 0 0 0;}
#artistDetailsNew h5{font-size: 1.1em; font-weight: normal; margin: 10px 0 0 0;}
#artistDetailsNew p{font-size: 1.1em; font-weight: normal; line-height: 1.5em; text-align: justify; padding: 0 0 5px 0;}
#artistDetailsNew a:link, #artistDetailsNew a:visited{color: #fe6500; text-decoration: underline;}
#artistDetailsNew a:hover{text-decoration: none;}
/* gallery */
#galleryContainer{float: left; width: 624px; margin: 20px 0 0 0;}
#gallerySlideBar{width: 620px; height: 400px; margin: 0 2px; overflow: auto;}
.galleryImage{display: block; float: left; width: 122px; margin: 0 20px 1em 0;}
ul.mainGalleryList{list-style-type: none; float: left; margin: 5px 0 0 0; text-align: left; color: #fe6500; font-size: 1em; line-height: 1.5em; font-weight: bold;} 
a.galleryInfo{font-size: 1em;}
a:link.galleryInfo, a:visited.galleryInfo{color: #404041; text-decoration: none;}
a:hover.galleryInfo{color: #fe6500; text-decoration: underline;}
#gallerySort{clear: both; padding: 10px 0 0 0;}
#gallerySort a:link, #gallerySort a:visited{color: #fe6500; text-decoration: underline;}
#gallerySort a:hover{color: #404041; text-decoration: none;}
/* item */
#itemDetails{float: right; width: 320px; margin: 20px 0 0 15px; text-align: left;}
a:link.previousItem, a:visited.previousItem, a:link.nextItem, a:visited.nextItem{color: #404041; display: block; text-decoration: none; padding: 10px 0 10px 39px; 
background: transparent url(/artsmarket/content/images/structure/bigButtonOff.png) no-repeat;}
a:hover.previousItem, a:hover.nextItem{color: #fe6500; text-decoration: underline; background-image: url(/artsmarket/content/images/structure/bigButtonOn.png);}
#itemDetails h3{color: #fe6500; margin: 0 0 5px 0; font-size: 1.1em; font-weight: bold;}
#itemDetails p{font-size: 1.1em; font-weight: normal; line-height: 1.5em; text-align: justify; padding: 0 0 5px 0;}
#itemDetails a:link, #newsItems a:visited{color: #fe6500; text-decoration: underline;}
#itemDetails a:hover{text-decoration: none;}
ul#itemCategory{margin: 10px 0 10px 0; list-style-type: none; font-size: 1.1em; line-height: 1.5em;}
ul#itemPurchaseDetails{margin: 10px 0 10px 0; list-style-type: none; font-size: 1.1em; line-height: 3em;}
a:link#purchaseItem, a:link#backToGallery, a:visited#purchaseItem, a:visited#backToGallery{color: #404041; display: inline; text-decoration: none; padding: 2px 0 2px 25px; 
background: transparent url(/artsmarket/content/images/structure/smallButtonOff.png) no-repeat;}
a:hover#purchaseItem, a:hover#backToGallery{color: #fe6500; text-decoration: underline; background-image: url(/artsmarket/content/images/structure/smallButtonOn.png);}
/* az */
#aZContainer{width: 624px; margin: 20px auto;}
#aZContainer h3{font-size: 1.1em; font-weight: bold; line-height: 1.5em;}
#aZContainer ol{list-style-type: none; font-size: 1.1em; padding: 5px 0;}
* html ol#aZContainer li a{width: 100%;} /* force ie6 to enjoy brandon block */
#aZContainer ol li a:link, #aZContainer ol li a:visited{display: block; width: 580px; margin: 2px 22px; padding: 5px 0; color: #404041; background: #f7f7f7; border: 1px solid #ccc; text-decoration: underline;}
#aZContainer ol li a:hover{color: #fe6500; border-color: #404041; text-decoration: none;}
/* az select */
ol#aZSelect{margin: 0 4em 20px 4em; list-style-type: none;}
ol#aZSelect li{float: left; width: 2em; margin: 8px; font-size: 3.5em; font-weight: normal;}
* html ol#aZSelect li a{width: 60%;} /* force ie6 to enjoy new kids on the block */
ol#aZSelect li a:link, ol#aZSelect li a:visited{display: block; padding: 4px 16px; color: #404041; background: #f7f7f7; border: 1px solid #ccc; text-decoration: none;}
ol#aZSelect li a:hover{color: #fe6500; border-color: #404041; text-decoration: underline;}
/* artform select */
ol#artformSelect{margin: 0 5em 20px 5em; list-style-type: none;}
ol#artformSelect li{float: left; width: 8em; margin: 8px; font-size: 1.1em; font-weight: normal;}
* html ol#artformSelect li a{width: 70%;} /* force ie6 to enjoy bloc party */
ol#artformSelect li a:link, ol#artformSelect li a:visited{display: block; padding: 24px 12px; color: #404041; background: #f7f7f7; border: 1px solid #ccc; text-decoration: none;}
ol#artformSelect li a:hover{color: #fe6500; border-color: #404041; text-decoration: underline;}
/* price select */
ol#priceSelect{margin: 0 3em 20px 2em; list-style-type: none;}
ol#priceSelect li{width: 100%; margin: 8px; font-size: 3em; font-weight: normal;}
* html ol#priceSelect li a{width: 90%;} /* force ie6 to enjoy block rockin' beats */
ol#priceSelect li a:link, ol#priceSelect li a:visited{display: block; padding: 12px; color: #404041; background: #f7f7f7; border: 1px solid #ccc; text-decoration: none;}
ol#priceSelect li a:hover{color: #fe6500; border-color: #404041; text-decoration: underline;}
/* text page */
#textPage{margin: 20px 0; text-align: left;}
#textPage h2{color: #fe6500; margin: 0 0 5px 0; font-size: 1.1em; font-weight: bold;}
#textPage h3{font-size: 1.1em; margin: 0 0 5px 0;}
#textPage h4{font-size: 1.1em; margin: 0 0 5px 0;}
#textPage h5{font-size: 1.1em; font-weight: normal; margin: 10px 0 0 0;}
#textPage p{padding: 0 0 5px 0; font-size: 1.1em; line-height: 1.5em; text-align: justify;}
#textPage ul{margin: 0 15px; padding: 5px 0;}
#textPage ul li{padding: 5px 0; font-size: 1.1em; line-height: 1.5em;}
#textPage a:link, #textPage a:visited{color: #fe6500; text-decoration: underline;}
#textPage a:hover{text-decoration: none;}
/* achieve forms remastered */
.bws.wide{margin: 0;}
.wide form{font-size: 1.1em; font-weight: normal;}
.renderdisplaytable{width: auto; margin: 20px auto;}
h2.bws{color: #fe6500; margin: 0 0 10px 0; font-size: 1.1em; font-weight: bold; text-align: left; float: left; position: relative; clear: both; width: 400px;}
/* h2.bws{color: #fe6500; margin: 0 0 10px 0; font-size: 1.1em; font-weight: bold; text-align: left;} */
.eformstext{margin-left: -2000px !important;}
ol.bws.nowt{list-style-type: none;}
li.bws.nowt.formitem.like2{width: 100%; clear: both; padding: 10px 0 0 0!important;}
label.leftlabel{display: block; width: 30%; float: left; text-align: right; line-height: 1.5em;}
li.bws.nowt.formitem.like2 div{float: right; width: 68%; padding: 0 0 0 2%; text-align: left;}
div.bws.control{padding-right: 32%!important;}
input.text, textarea.text{border: 1px solid #7f7f80;}
input.text{width: 162px;} textarea.text{width: 300px; font-family: Futura, Myriad, Tahoma, Arial, Helvetica, Verdana, sans-serif; font-size: 1.2em;}
p.bws.field{width: 300px; margin: 0 0 0 15px; text-align: left; line-height: 1.5em;}
.bws.mandatory, .bws.note{color: #f00;}
.bws.note{font-weight: bold;}
.textarealength{clear: both; width: 154px!important; margin-right: 260px; padding: 5px!important; color: #fff; background: #7f7f80;}
* html .textarealength{float: left!important; margin-right: 0!important;}
.genericsubmit, input#btnSubmit, form table input[type="submit"]{margin: 5px 20px 0 0; padding: 5px 10px; font-family: Futura, Myriad, Tahoma, Arial, Helvetica, Verdana, sans-serif; font-size: 1em; color: #404041; background: #f7f7f7; border: 1px solid #ccc; cursor: pointer;}
.genericsubmit, input#btnSubmit, form table input[type="submit"]{margin-top: 20px!important;}
.genericsubmit:hover, input#btnSubmit:hover, form table input[type="submit"]:hover{color: #fe6500; border-color: #666;}
/* forms table */
form table{margin: 0 auto; font-size: 1.1em;}
form table tr td{padding: 5px; text-align: left;}
form table tr td label{display: block; text-align: right;}
form table tr td input{display: block; text-align: left; width: 162px; border: 1px solid #7f7f80;}
form table tr td select{display: block; text-align: left!important;}
input#termsAccept{width: auto; border: 0 none;}
input#btnSubmit, form table input[type="submit"]{width: auto; margin-left: 10px; text-align: center;}
form table a:link, form table a:visited{color: #fe6500; text-decoration: underline;}
form table a:hover{text-decoration: none;}
/* replace achieve default help icon - needs updating before go-live
background-image:url(/artsmarket/content/images/structure/helptext.png)important;width:0!important}
*/
img[src="/AF3/Images/AF3/formhelptext.gif"]{
height:12px!important;
padding-left:12px!important;
background-image: url("/artsmarket/content/images/structure/helptext.png")!important; width: 0!important;}
/* lightbox */
#jquery-overlay{position: absolute; top: 0; left: 0;z-index: 90; width: 100%; height: 500px;}
#jquery-lightbox{position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: right; line-height: 0;}
#jquery-lightbox a img{border: none;}
#lightbox-container-image-box{position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}
#lightbox-container-image{padding: 10px;}
#lightbox-loading{position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#lightbox-nav{position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
#lightbox-container-image-box > #lightbox-nav{left: 0;}
#lightbox-nav a{outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext{width: 49%; height: 100%; zoom: 1; display: block;}
#lightbox-nav-btnPrev{left: 0; float: left;}
#lightbox-nav-btnNext{right: 0; float: right;}
#lightbox-container-image-data-box{font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0;}
#lightbox-container-image-data{padding: 0 10px; color: #666;}
#lightbox-container-image-data #lightbox-image-details{width: 70%; float: left; text-align: left;}    
#lightbox-image-details-caption{font-weight: bold;}
#lightbox-image-details-currentNumber{display: block; clear: left; padding-bottom: 1.0em;}            
#lightbox-secNav-btnClose{width: 66px; float: right; padding-bottom: 0.7em;}
/* search */
#resultsHeader h2{color: #fe6500; padding: 5px; font-size: 1.3em;}
#resultsWrapper{margin-top: 20px;}
.resultPager{margin: 15px 0; text-align: center; font-size: 1em; font-weight: bold;}
.resultPager a:link, .resultPager a:visited, .resultPager a.pagerBtn, .highlight{text-decoration: none; margin: 0 .2%; padding: .6% 2%; color: #404041; background-color: #f7f7f7; display: inline-block; border: 1px solid #ccc;}
.resultPager a:hover, .resultPager a:hover.pagerBtn{color: #fe6500; border:1px solid #404041;}
.resultPager ul,.resultPager li{display:inline; list-style:none;}
.highlight{color:#999; font-weight:bold; background-color: #eee; margin-right: .4% !important;}
.resulthead{font-size: 1.2em; font-weight: bold; text-align: left; border-bottom: 1px solid #ccc; padding:4px 10px;}
.result{font-size: 1.1em; background-color:transparent; text-align:left; border-bottom:1px solid #ccc; margin:10px 0 0 0; padding:0 10px 10px 10px; clear:both;}
.Result_Url a:link, .Result_Url a:visited{color: #fe6500; text-decoration: underline;}
.Result_Url a:hover{text-decoration: none;}
/* i'll get you he-man */
/* Herefordshire Council Branding */
#hcHeader{width: 100%; height: auto; min-height: 30px; color: #000; background-color: #999; border-bottom: 1px solid #000;}
#hcHeader img{float: left; position: relative; padding: 0 0 0 10px;}
#hcHeader fieldset{float: right; color: #fff; background-color: #999; margin: 5px 0;}
#search, #thisSite, #council, #submit{float: left; position: relative; margin: 0 5px 0 0;}
#hcHeader input[type="radio"]{margin: 3px 0 0 0;}
#hcHeader label{font: normal 1.2em Verdana, Arial, Helvetica, sans-serif}
#submit input{background-color: #ccc; color: #000; border: 1px solid #000;}
#submit input:hover{cursor: pointer;}
#hcTextLink{float: right; padding: 5px 10px 0 0;}
#hcTextLink a:link, #hcTextLink a:visited{color: #404041; text-decoration: none;}
#hcTextLink a:hover{text-decoration: underline;}
#hcFooterLight{clear: both; color: #fff; background-color: #999; border-top: 1px solid #000; border-bottom: 1px solid #000; font: normal 1.2em Verdana, Arial, Helvetica, sans-serif; text-align: center; margin: 0 0 10px 0; padding: 3px 10px 3px 10px;}
#hcFooterLight a:link, #hcFooterLight a:visited{color: #fff; text-decoration: none;}
#hcFooterLight a:hover{text-decoration: underline;}
/* RedDot styleeeees */
li .redDotArtsMarket{font-size: .4em!important;}
li .redDotArtsMarket{display: inline!important; text-align: left!important;}
/* .redDotArtsMarketText, */ li .redDotArtsMarket a{display: compact!important; background-color: #fff!important; border: 0 none!important; width: 10px!important; height: 8px!important; margin: 0!important; padding: 0 none!important;}
* html .redDotArtsMarket a{width: 10px!important; height: 8px!important; display: inline!important;}
* html .redDotArtsMarketText{font-size: 1em!important;}