@font-face{
font-family:"Barcelona";
src:url("fonts/887262/c874569a-a399-48ea-945c-24faecab9f0d.eot?#iefix"); src:url("fonts/887262/c874569a-a399-48ea-945c-24faecab9f0d.eot?#iefix") format("eot"),url("fonts/887262/e82866f3-cb30-499c-a028-8852f4242dc8.woff") format("woff"),url("fonts/887262/4fec9ce5-19ce-4b7a-a586-79b8d9950192.ttf") format("truetype"),url("fonts/887262/9f01be40-894e-4256-b463-965beb9a7030.svg#9f01be40-894e-4256-b463-965beb9a7030") format("svg"); font-weight: normal; font-style: normal;
}
@font-face{
font-family:"Barcelona";
src:url("fonts/887265/e67a3b03-6112-48f5-8041-97418bc648ca.eot?#iefix"); src:url("fonts/887265/e67a3b03-6112-48f5-8041-97418bc648ca.eot?#iefix") format("eot"),url("fonts/887265/5c40dfcf-f469-44f1-8607-a7e5266945cf.woff") format("woff"),url("fonts/887265/8eaaa337-a4d8-4db8-9766-3a3cc1af3f3a.ttf") format("truetype"),url("fonts/887265/c576d3ac-cd60-46b1-99a1-f14b48cf5692.svg#c576d3ac-cd60-46b1-99a1-f14b48cf5692") format("svg"); font-weight: normal; font-style: italic;
}
@font-face{
font-family:"Barcelona";
src:url("fonts/887244/3f2105b1-dfad-41a2-acb5-a6ce9440a91e.eot?#iefix"); src:url("fonts/887244/3f2105b1-dfad-41a2-acb5-a6ce9440a91e.eot?#iefix") format("eot"),url("fonts/887244/422266e1-6090-49a9-8f48-ebab835914b7.woff") format("woff"),url("fonts/887244/a7e94bec-b27c-42e8-a7e5-5926128e1454.ttf") format("truetype"),url("fonts/887244/d9c04f6c-dd62-4a7e-8d14-edbdbaabb6b4.svg#d9c04f6c-dd62-4a7e-8d14-edbdbaabb6b4") format("svg"); font-weight: bold; font-style: normal;
}
@font-face{
font-family:"Barcelona";
src:url("fonts/887247/cb3f798b-5087-488d-a611-5ccb71e5375d.eot?#iefix"); src:url("fonts/887247/cb3f798b-5087-488d-a611-5ccb71e5375d.eot?#iefix") format("eot"),url("fonts/887247/b44c6e77-5b85-4f70-bd20-b0c913efa00d.woff") format("woff"),url("fonts/887247/9c4c8c00-b672-43f8-9033-ff241fe7db4d.ttf") format("truetype"),url("fonts/887247/747353c1-69e6-4560-a228-306681a17f08.svg#747353c1-69e6-4560-a228-306681a17f08") format("svg"); font-weight: bold; font-style: italic;
}
@font-face{
font-family:"Univers";
src:url("fonts/723815/b5c30ea8-0700-4fd2-aa12-cc45074693a9.eot?#iefix");src:url("fonts/723815/b5c30ea8-0700-4fd2-aa12-cc45074693a9.eot?#iefix") format("eot"),url("fonts/723815/7b95cb9a-a288-4405-97a0-13095f56a903.woff") format("woff"),url("fonts/723815/c7481806-4ea4-40db-a623-7bc352bbbe43.ttf") format("truetype"),url("fonts/723815/ac8280da-3de5-456d-bd77-8f01665452a9.svg#ac8280da-3de5-456d-bd77-8f01665452a9") format("svg"); font-weight: normal; font-style: normal;
}
@font-face{
font-family:"Univers";
src:url("fonts/723812/783e01cd-5eb8-41d7-a380-a18673f2983b.eot?#iefix");src:url("fonts/723812/783e01cd-5eb8-41d7-a380-a18673f2983b.eot?#iefix") format("eot"),url("fonts/723812/90c17e08-290d-4eba-ab33-77c81c1f559d.woff") format("woff"),url("fonts/723812/d93b9eab-632d-4aaf-b7fa-5c17060d62fc.ttf") format("truetype"),url("fonts/723812/caa7a31a-310f-4020-8311-89816a31472f.svg#caa7a31a-310f-4020-8311-89816a31472f") format("svg"); font-weight: normal; font-style: italic;
}
@font-face{
font-family:"Univers";
src:url("fonts/723827/db1c462f-8890-4a11-9de5-36872279e20a.eot?#iefix");src:url("fonts/723827/db1c462f-8890-4a11-9de5-36872279e20a.eot?#iefix") format("eot"),url("fonts/723827/b993da84-c1f6-474a-8f00-8aa797b3de8f.woff") format("woff"),url("fonts/723827/58403ef6-4c15-4280-b4b6-9acf50804f4f.ttf") format("truetype"),url("fonts/723827/9178e351-95c5-4913-9eeb-fd0645a18c2d.svg#9178e351-95c5-4913-9eeb-fd0645a18c2d") format("svg"); font-weight: bold; font-style: normal;
}



/* _________________________________ RESET __________________________________ */

.stripe-button-el {
	display: none !important;
}

body, html {
	width: 100%;
	height: 100%;
}


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,p,blockquote,th,td,a,form,fieldset,textarea,select,i,span {
	margin: 0;
	padding: 0;
	color: #000000;
	font-size: 13px;
	line-height: 20px;
	font-family: Univers, "Helvetica Neue", Arial, sans-serif;
	font-weight: normal; font-style: normal;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

body {
	background: #ffffff;
}

::-moz-selection {
	background: #222222;
	color: #ffffff;
}
::-webkit-selection {
	background: rgba(34,34,34,1);
	color: #ffffff;
}
::selection {
	background: rgba(34,34,34,1);
	color: #ffffff;
}

img, embed, object {
	border: 0;
	margin: 0px;
	padding: 0px;
}

img {
	vertical-align: bottom;
	display: block;
	width: 100%;
	height: auto;	
}

div {
	display: block;
}
td {
	vertical-align: top;
}
a {
	text-decoration: none;
	color: #000000;
}

a:hover, a:hover span, a:hover p {
	color: #999999;
	text-decoration: none;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

p,
.txt h2,
.txt h3,
.txt ul,
.txt iframe {
	margin-bottom: 20px;
}

.txt.confirmation h3 {
	margin-bottom: 0px;
}

.txt a, .introtext a {
	color: #000000;
	text-decoration: underline;
}
.txt h1 a, .txt h2 a {
	text-decoration: none;
}
.txt a:hover, .introtext a:hover {
	color: #999999;
}
.txt img {
	display: inline-block;
	max-width: 100%;
}
.txt .imgwrap p {
	margin-bottom: 10px;
}
.txt .imgwrap img {
	display: block;
	margin: 0 auto;
}
.txt .imgwrap .caption {
	margin-bottom: 20px;
}
.txt iframe {
	max-width: 100%;
}

ul {list-style: none;}

.b,
.b a,
li.b a {font-weight: bold;}


.black {color: #000000 !important;}


form, fieldset, input {
	border: 0;
	background: none;
}

/*
input, button, select {

	-webkit-appearance: none;
    border-radius: 0;
    border: 0px;
}
*/


input, select, textarea, button {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0;
	padding: 9px 8px 8px 8px;
	border: none;
	border-radius: 0;
	background: #e6e6e6;
	margin: 0;
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	outline: none;
	font-family: Univers, "Helvetica Neue", Arial, sans-serif;
	font-weight: normal; font-style: normal;
	font-size: 11px;
	line-height: 13px;
	color: #000000;
	vertical-align: bottom;
}

input[type='radio'],
select {
	cursor: pointer;
}


/* -------------------------------- !COMMON CLASSES -------------------------------- */
.pointer {cursor: pointer;}

.h	{width: 100%;}
.i	{font-style: italic;}
.b	{font-weight: bold;}
.up {text-transform: uppercase;}

.dn, .load {display: none;}
.db {display: block;}
.dib {display: block;}
.di {display: inline;}

.prel {position: relative;}

.fn {float: none;}
.fr {float: right;}
.fl {float: left;}
.oh {overflow: hidden;}
.cl {clear: left;}

.st, .st p, .st a, .st span, .st div {
	font-size: 11px;
	line-height: 15px;
}
.sst, .sst p, .sst a, .sst span {
	font-size: 10px;
	line-height: 12px;
}
.underline {
	text-decoration: underline;
}

.bg1 {background: #ffdcdc;}
.bg2 {background: #e5ffdc;}
.bg3 {background: #dceaff;}

.mt {margin-top: 21px;}
.mt1 {margin-top: 1px;}
.mt2 {margin-top: 2px;}
.mt3 {margin-top: 3px;}
.mt4 {margin-top: 4px;}
.mt5 {margin-top: 5px;}
.mt6 {margin-top: 6px;}
.mt7 {margin-top: 7px;}
.mt10 {margin-top: 10px;}
.mt12 {margin-top: 12px;}
.mt20 {margin-top: 20px;}
.mt40 {margin-top:40px;}
.mt100{margin-top: 100px;}
.mt-10{margin-top: -10px;}
.mt-13{margin-top: -13px;} 
.mt-6{margin-top: -6px;}

.mb {margin-bottom: 21px;}
.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb12 {margin-bottom: 12px;}
.mb19 {margin-bottom: 19px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}

.ml {margin-left: 15px;}
.ml7 {margin-left: 7px;}
.ml10 {margin-left: 10px;}
.ml14 {margin-left: 14px;}
.ml20 {margin-left: 20px;}
.ml25 {margin-left: 25px;}
.ml45 {margin-left: 45px;}
.ml201 {margin-left: 201px;}
.ml-15 {margin-left: -15px;}
.ml-14 {margin-left: -14px;}

.mr {margin-right: 15px;}
.mr5 {margin-right: 5px;}
.mr7 {margin-right: 7px;}
.mr10 {margin-right: 10px;}
.mr14 {margin-right: 14px;}
.mr16 {margin-right: 16px;}
.mr17 {margin-right: 17px;}
.mr23 {margin-right: 23px;}
.mr27 {margin-right: 27px;}
.mr30 {margin-right: 30px;}

.pr {padding-right: 15px;}
.pr0 {padding-right: 0px;}

.pl {padding-left: 15px;}
.pl14 {padding-left: 14px;}

.pt3 {padding-top: 3px;}
.pt10 {padding-top: 10px;}
.pt20 {padding-top: 20px;}

.pb5 {padding-bottom:5px}
.pb8 {padding-bottom:8px}
.pb10 {padding-bottom:10px}
.pb12 {padding-bottom:12px}
.pb14 {padding-bottom:14px}
.pb20 {padding-bottom:20px}
.pb30 {padding-bottom:30px}
.pb40 {padding-bottom:40px}
.pb70 {padding-bottom:70px}

.tar {text-align: right;}
.tac {text-align: center;}

.half {width: 50%;}

#festival a.selected,
#festival p.selected {color: #00a73f;}

.columnise_3 {
	-moz-column-count:3;
	-webkit-column-count:3;
	column-count:3;
}
.columnise_2 {
	-moz-column-count:2;
	-webkit-column-count:2;
	column-count:2;
}
.columnise_3 *,
.columnise_2 * {
	page-break-inside: avoid;
	-webkit-column-break-inside: avoid;
}

/*------------------------------------*\
   !SLIDESHOW
\*------------------------------------*/
.slidewrap {
	width: 588px;
	height: 362px;
	position: relative;
	overflow: hidden;
	margin-bottom: 10px;
}
.slide {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.slide img {
	width: 100%;
	height: auto;
}
.sbtn {
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	text-indent: -99999px;
	background: url(/css/img/dummy-bg.png) repeat;
}
.sbtn.next {
	right: 0;
	cursor: url(/css/img/lb-arrow-right.png), url(/css/img/lb-arrow-right.cur), pointer;
	
}
.sbtn.prev {
	left: 0;
	cursor: url(/css/img/lb-arrow-left.png), url(/css/img/lb-arrow-left.cur), pointer;
}

.caption {
	margin-bottom: 20px;
	font-size: 12px;
	line-height: 15px;	
	color: #999999;
}
.caption p {
	font-size: 12px;
	line-height: 15px;
	margin-bottom: 0;
}
.captiontxt,
.captiontxt p,
.captiontxt a {
	color: #999999;
}
.bullets {
	margin-top: 15px;
}
.bullets a {
	color: #787878;
}
.bullets a.activebull {
	color: #000;
}



/*------------------------------------*\
   !BORDERS
\*------------------------------------*/
hr {
	border: 0;
	border-bottom: 1px dashed #000000;
	background: none;
}
#journal hr {
	border-bottom: 1px dashed #00ff00;
}

.dashbottom {
	border-bottom: 1px dashed black;
}
.dashtop {
	border-top: 1px dashed black;
}
.dashborder {
	border: 1px dashed black;
}
.dashborder.blackhover:hover {
	border: 1px solid black;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.dashboxwrap,
.textboxwrap {
	padding: 8px;
}
.textboxwrap {
	min-height:152px
}
.dashboxinner {
	position: relative;
	width: 100%;
	height: 100%;
}



/*------------------------------------*\
   !COLOURS
\*------------------------------------*/


.wrapevents a.title24:hover, .wrapevents a:hover span.title24, .wrapevents .txt a:hover {
	color: #f00;
}
.wrapfestival a.title24:hover, .wrapfestival a:hover span.title24, .wrapfestival .txt a:hover {
	color: #00a73f;
}
.wrapjournal a.title24:hover, .wrapjournal a:hover span.title24, .wrapjournal .txt a:hover, .wrapjournal .col186 a:hover span{
	color: #00e900;
}
.wrapvisit a.title24:hover, .wrapvisit a:hover span.title24, .wrapvisit .txt a:hover {
	color: #ffa94a;
}
.wrapget-involved a.title24:hover, .wrapget-involved a:hover span.title24, .wrapget-involved .txt a:hover {
	color: #00ffff;
}

/*
.wrapfestival a:hover,
.wrapfestival a:hover span,
.wrapfestival a:hover p {
	color: #00a73f;
}
.wrapfestival .txt a {
	color: #00a73f;
}
.wrapfestival .txt a:hover {
	color: black;
}

.wrapcommissions a:hover,
.wrapcommissions a:hover span,
.wrapcommissions a:hover p {
	color: #00a73f;
}


.wrapevents a:hover,
.wrapevents a:hover span,
.wrapevents a:hover p {
	color: #ff0000;
}
*/
/*
.wrapevents a.red:hover {
	color: black;
}

.wrapevents .txt a {
	color: #ff0000;
}
.wrapevents .txt a:hover {
	color: black;
}

.wrapjournal a:hover,
.wrapjournal a:hover span,
.wrapjournal a:hover p,
.wrapjournal a:hover h4{
	color: #00e900;
}
.wrapjournal a.brightgreen:hover {
	color: black;
}

.wrapeditions a:hover,
.wrapeditions a:hover span,
.wrapeditions a:hover p {
	color: #00e900;
}
.wrapeditions h2.brightgreen:hover {
	color: black;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.wrapbooks a:hover,
.wrapbooks a:hover span,
.wrapbooks a:hover p {
	color: #00e900;
}
.wrapbooks h2.brightgreen:hover {
	color: black;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.wrapeducation a:hover {
	color: #ff00ff;
}
.wrapeducation a.pink:hover {
	color: black;
}
.wrapeducation .txt a {
	color: #ff00ff;
}
.wrapeducation .txt a:hover {
	color: black;
}

.wrapvisit a:hover,
.wrapvisit a:hover span,
.wrapvisit a:hover {
	color: #ffa94a;
}
.wrapvisit a.orange:hover {
	color: black;
}
.wrapvisit .txt a {
	color: #ffa94a;
}
.wrapvisit .txt a:hover {
	color: black;
}

.wrapget-involved a:hover,
.wrapget-involved a:hover span,
.wrapget-involved a:hover p {
	color: #00ffff;
}
.wrapget-involved a.cyan:hover {
	color: black;
}
.wrapget-involved .txt a {
	color: #00ffff;
}
.wrapget-involved.txt a:hover {
	color: black;
}
*/

.hilite {
	background: #00a73f;
}

.white,
.white a,
.white span {
	color: #ffffff;
}
.grey,
.grey a,
.grey span {
	color: #999999;
}
.greybg {
	background-color: #ccc;
}

.dtblack {
	border-top: 1px dashed #000;
}

/* Yellow: Exhibitions */
.green,
.green a,
.green span {
	color: #00a73f;
}
.greenbg {
	background-color: #00a73f;
}
.greenbg * {
	color: #fff;
}
.dtyellow {
	border-top: 1px dashed #00a73f;
}
.dbyellow {
	border-bottom: 1px dashed #00a73f;
}
.dborderyellow {
	border: 1px dashed #00a73f;
}
.dborderyellow.defaulthover:hover {
	border: 1px dashed black;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

/* Red: Events */
.red,
.red a,
.red span {
	color:#ff0000;
}
.red a:hover {
	color: black;
}
.redbg {
	background-color: #ff0000;
}
.dtred {
	border-top: 1px dashed #ff0000;
}
.dbred {
	border-bottom: 1px dashed #ff0000;
}
.dborderred {
	border: 1px dashed #ff0000;
}
.dborderbrightgreen {
	border: 1px dashed #00e900;
}
.dborderblack {
	border: 1px dashed #000;
}

/* Green: Publications */
.brightgreen,
.brightgreen a,
.brightgreen span {
	color: #00e900;}
.brightgreenunderline {
	border-bottom: 1px solid #00e900;
}
a.brightgreenunderline:hover {
	color: #00e900;}
.dtgreen {
	border-top: 1px dashed #00e900;
}
.dbgreen {
	border-bottom: 1px dashed #00e900;
}
.dbordergreen {
	border: 1px dashed #00e900;
}
.dbordergreen.defaulthover:hover {
	border: 1px dashed black;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

/* Pink: Education */
.pink,
.pink a,
.pink span {
	color: #ff00ff;
}
.dtpink {
	border-top: 1px dashed #ff00ff;
}
.dbpink {
	border-bottom: 1px dashed #ff00ff;
}
.dborderpink {
	border: 1px dashed #ff00ff;
}
.dborderpink.defaulthover:hover {
	border: 1px dashed black;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

/* Orange: Visit */
.orange,
.orange a,
.orange span {
	color: #ffa94a;
}
.orangebg,
.orangebg a,
.orangebg span {
	background-color: #ffa94a;
	color: #000;
}
.orangebg a:hover {
	color: #fff;
}
.dtorange {
	border-top: 1px dashed #ffa94a;
}
.dborange {
	border-bottom: 1px dashed #ffa94a;
}
.dborderorange {
	border: 1px dashed #ffa94a;
}

/* Cyan: Connect */
.cyan,
.cyan a,
.cyan span {
	color: #00ffff;
}
.cyanbg,
.cyanbg a,
.cyanbg span {
	background-color: #00ffff;
	color: #000;
}
.cyanbg a:hover {
	color: #fff;
}
.dtcyan {
	border-top: 1px dashed #00ffff;
}
.dbcyan {
	border-bottom: 1px dashed #00ffff;
}
.dbordercyan {
	border: 1px dashed #00ffff;
}



/*------------------------------------*\
   !GRID
\*------------------------------------*/
.colfull {
	width: 1004px;
	height: auto;
}

/* 15 column grid */
.col789 {width:789px} /* 12 columns */
.col804 {width:804px} /* 12 columns + 15 margin*/

.col655{width:655px}  /* 10 columns */
.col588 {width:588px} /* 9 columns */
.col521 {width:521px} /* 8 columns */
.col387 {width: 387px;}  /* 6 columns */
.col253 {width:253px} /* 4 columns*/
.col251 {width:251px} /* 4 columns –  with 1px border*/
.col186 {width:186px} /* 3 columns */
.col85 {width:85px} /* 1 column */

/* 10 column grid */
.col286 {width:286px} /* 3 columns - use mr17*/

/* 4 column grid */
.colfull988 {width:988px;} /* full - with 1px border */
.col488 {width:488px;} /* 2 columns  */
.col487 {width:487px;} /* 2 columns - with 1px border */
.col237 {width:237px;} /* 1 column */
.col235 {width:235px;} /* 1 column - with 1px border*/


ul#col253 li {
	width: 253px;
}

ul.col253 li {
	width: 253px;
}

.inner {
	position: relative;
	width: 100%;
	height: 100%;
}



/*------------------------------------*\
   !TYPE
\*------------------------------------*/
.title60 {
	font-size: 60px;
	line-height: 60px;
	font-family: Barcelona, Times,"Times New Roman",serif;
	font-weight: normal;
}
h1, h2, h1 a, h2 a, .title24, .title24 a, .title24 p, .st .title24, .st .title24 a, .title24 span {
	font-size: 24px;
	line-height: 30px;
	font-family: Barcelona, Times,"Times New Roman",serif;
	font-weight: normal; 
	display: block;
}
.title21,
.title21 p {
	font-size: 21px;
	line-height: 25px;
	font-family: Barcelona, Times,"Times New Roman",serif;
	font-weight: normal; 
	display: block;
}

.title18,
.title18 p {
	font-size: 18px;
	line-height: 21px;
	font-family: Barcelona, Times,"Times New Roman",serif;
	font-weight: normal;
}

h3, h3 a, .smalltitle, .smalltitle a {
	font-size: 11px;
	line-height: 15px;
	font-family: Univers, "Helvetica Neue", Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.smalltitle.di {
	display: inline;
}

.lh16 {line-height: 16px;}

.homewrap {
	height: 287px;
	padding-top: 25px;
	padding-left: 15px;
	padding-right: 25px;
	padding-bottom: 15px;
}

.homewrap2col {
	padding-top: 20px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
}

.readmore {
	position: absolute;
	bottom: 0;
}

.positionbottom {
	position: absolute;
	bottom: 0;
}



/* clearfix */
.group:before, .group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
	zoom:1;/* For IE 6/7 (trigger hasLayout) */
}



/* vertically centered text */
.area {
	width: 100%; 
	height: 100%; 
	position: relative;	
}
.bubble { 
	position: absolute; 
	left: 0;
	top: 0; 
	width: 100%; 
	height: 100%; 
	display: table;
}
.bubble p {
	display: table-cell;
	vertical-align: middle; 
}



/*------------------------------------*\
   !ICONS
\*------------------------------------*/


.arrwprev:before,
.arrwnext:after,
.ico {
	background-image: url('/css/img/lb-sprite.png');
	background-repeat: no-repeat;	
}

.arrwprev:before {
	display: inline-block;
	width: 8px;
	height: 6px;
	content: "";
	margin-right: 6px;
	background-position: -400px -0px;

}
.arrwnext:after {
	display: inline-block;
	width: 8px;
	height: 6px;
	content: "";
	margin-left: 5px;
	background-position: -400px -20px;
}

.ico {
	display: block;
	text-indent: -99999px;
}
.ico:hover {
	-moz-transition: all 0.0s;
	-webkit-transition: all 0.0s;
	transition: all 0.0s;
}

.twitterico {
	width: 14px;
	height: 13px;
	background-position: 0px 0px;
}
.twitterico:hover {
	background-position: 0px -20px;
}
.twittericog {
	width: 14px;
	height: 13px;
	background-position: 0px -40px;
}
.twittericog:hover {
	background-position: 0px -20px;
}
.twittericoc {
	width: 11px;
	height: 10px;
	background-position: 0px -60px;
}
.fbico {
	width: 13px;
	height: 13px;
	background-position: -20px 0px;
}
.fbico:hover {
	background-position: -20px -20px;
}
.fbicog {
	width: 13px;
	height: 13px;
	background-position: -20px -40px;
}
.fbicog:hover {
	background-position: -20px -20px;
}
.instaico {
	width: 12px;
	height: 12px;
	background-position: -40px 0px;
}
.instaico:hover {
	background-position: -40px -20px;
}
.aceico {
	width: 169px;
	height: 38px;
	background-position: -160px 0px;
}
.lccico {
	width: 174px;
	height: 58px;
	background-image: url('/css/img/LCC_logo.jpg');
	margin-right: 27px;
}
.erdfico {
	width: 169px;
	height: 41px;
	background-position: -160px -160px;
}
.shareico {
	width: 10px;
	height: 10px;
	background-position: -360px -20px;
}
.red .shareico {
	background-position: -360px -40px;
}
.shareico:hover {
	background-position: -360px 0px;
}

.sharelink:hover {
	color: #000;	
}
.sharelink:hover .shareico,
.sharelink.selected .shareico {
	background-position: -360px -20px;
	-moz-transition: none; -webkit-transition: none; transition: none;	
}
.wrapevents .sharelink.selected {
	color: #000;
}






.previco {
	width: 8px;
	height: 6px;
	background-position: -400px -0px;
}
.nextico {
	width: 8px;
	height: 6px;
	background-position: -400px -20px;
}
.previcobig {
	width: 15px;
	height: 13px;
	background-position: -575px -0px;
}
.previcobig:hover, .nofade a:hover {
	background-position: -575px -50px;
	-moz-transition: all 0.0s;
	-webkit-transition: all 0.0s;
	transition: all 0.0s;
}
.previcobiggrey {
	background-position: -575px -50px;
}
.nexticobig {
	width: 15px;
	height: 13px;
	background-position: -575px -26px;
}
.nexticobiggrey {
	width: 15px;
	height: 13px;
	background-position: -575px -75px;
}
.nexticobig:hover {
	background-position: -575px -75px;
	-moz-transition: all 0.0s;
	-webkit-transition: all 0.0s;
	transition: all 0.0s;
}
.shoppingico {
	width: 33px;
	height: 24px;
	background-position: -520px 0px;
	margin-top: -3px;
}
.shoppingico:hover {
	background-position: -520px -40px;
}

.nofade, .nofade a, .nofade a span {
	-moz-transition: all 0.0s !important;
	-webkit-transition: all 0.0s !important;
	transition: all 0.0s !important;
	text-indent: inherit;
}

.notxtindent {
	text-indent: inherit;
}

.vidplay {
	width: 36px;
	height: 36px;	
	background-position: -420px -140px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -18px 0 0 -18px;
	opacity: 0.8;
}
a:hover .vidplay {
	opacity: 0.6;
}

/*------------------------------------*\
   !SITE
\*------------------------------------*/
#site {
	width: 990px;
	margin: 0 auto;
	padding-top: 30px;
	padding-left: 23px;
	padding-right: 23px;
	overflow: hidden;
}

.content {
	padding-bottom: 0px;
	overflow: hidden;
}
.inlblk {
	display: inline-block;
	vertical-align: top;
	zoom: 1;
    *display: inline;	
}
.inlblk a {
	word-wrap: break-word;
}

.post {
	float: left;
	border-top: 1px dashed #000000;
	padding-top: 20px;
}
.post:first-child {
	padding-top: 0px;
	border-top: none;
}

.post .slidewrap {
	margin-bottom: 10px;
}

.post img {
	max-width: 588px;
	margin-bottom: 10px;
	height: auto;
}

.post p img {
	margin-bottom: -10px;
}

.product img {
	margin-top: 20px;
	margin-bottom: 10px;
}


/*------------------------------------*\
   !HEADER
\*------------------------------------*/
#header {
	width: 990px;
	height: 90px;
	left: 0;
	z-index: 99999;
	margin-bottom: 14px;
	position: relative;
}
#LB_Logo {
	background: url(/css/img/liverpool-biennial-logo.png) no-repeat;
	display: block;
	width: 163px;
	height: 69px;
	text-indent: -9999px;
	margin-left: 0px;
	-moz-transition: none;
	-webkit-transition: none;
	transition: none;
}
#LB_Logo:hover {
	background-position: 0px -69px;
	-moz-transition: none;
	-webkit-transition: none;
	transition: none;
}

#header .socialbox {
	position: absolute;
	right: 0;
	bottom: 20px;
}
#header .searchbox {
	margin-top: 2px;
}

/*------------------------------------*\
   !NAVIGATION
\*------------------------------------*/
ul#nav {
	display: block;
	padding-top: 4px;
	padding-bottom: 16px;

}
ul#nav li {
	float: left;
	margin-right: 20px;
	height: 17px;
}
ul#nav li a {
	font-size: 23px;
	line-height: 24px;
	font-family: Barcelona, Times,"Times New Roman",serif;
	font-weight: normal; font-style: normal;
}
ul#nav li ul {
	display: none;	
}
ul#nav ul.selected_links li a {
	color: #aaaaaa; 
}

ul#nav ul.selected_links li a.disabled {
	color: #ccc;
	border-bottom: none;
}

ul#nav li a.green,
ul#nav li a.red,
ul#nav li a.brightgreen,
ul#nav li a.pink,
ul#nav li a.orange,
ul#nav li a.cyan
{color: #000000;}

ul#nav li a.selected.green,
ul#nav li a.green:hover,
ul.nav2 li a.selected.green,
ul.nav2 li a.green:hover
{color: #00a73f;}

ul#nav li a.selected.red,
ul#nav li a.red:hover,
ul.nav2 li a.selected.red,
ul.nav2 li a.red:hover
{color:#ff0000;}

ul#nav li a.selected.brightgreen,
ul#nav li a.brightgreen:hover,
ul.nav2 li a.selected.brightgreen,
ul.nav2 li a.brightgreen:hover
{color: #00e900;}

ul#nav li a.selected.pink,
ul#nav li a.pink:hover,
ul.nav2 li a.selected.pink,
ul.nav2 li a.pink:hover
{color: #ff00ff;}

ul#nav li a.selected.orange,
ul#nav li a.orange:hover,
ul.nav2 li a.selected.orange,
ul.nav2 li a.orange:hover
{color: #ffa94a;}

ul#nav li a.selected.cyan,
ul#nav li a.cyan:hover,
ul.nav2 li a.selected.cyan,
ul.nav2 li a.cyan:hover
{color: #00ffff;}

ul.nav2 li a.green,
ul.nav2 li a.red,
ul.nav2 li a.brightgreen,
ul.nav2 li a.pink,
ul.nav2 li a.orange,
ul.nav2 li a.cyan
{color: #999999;}



input#search-box {
	width: 72px;
	height: 20px;
	padding: 5px 6px 4px 6px;
	border: 1px solid #787878;
	background: #fff;
	color: #787878;
	margin-left: 8px;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px;	
}
input#vid-search-box {
	width: 100%;
	height: 13px;
	padding: 0;
	/* 	border: 1px solid #787878; */
	background: #fff;
	color: black;
}

ul.nav2 {
	width: 736px;
	display: none;
	padding-top: 16px;
	padding-bottom: 0px;
}
ul.nav2.active {
	display: block;
}

ul.nav2 li {
	float: left;
	padding-right: 20px;
	height: 17px;
}
ul.nav2 li a {
	font-size: 23px;
	line-height: 24px;
	font-family: Barcelona, Times,"Times New Roman",serif;
	font-weight: normal; font-style: normal;
}

ul.nav2 li ul {
	display: none;	
}
ul.nav2 ul.selected_links li a {
	color: #999999; 
}

ul.nav2 ul.selected_links li a.disabled {
	color: #999999;
	border-bottom: none;
}

ul.nav2 li.fr {
	float: right;
}



ul.pagenavi li {
	display: inline;
	margin-right: 18px;
	float: left;
}
ul.pagenavi li a.slctd {
	color: #f00;
}

/*------------------------------------*\
   !CONTENT
\*------------------------------------*/
#home {
	width: 990px;
	height: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	left: 0;
}
.homealltext {
	height: 120px;
}
.homefullimg{
	height: 248px;
}
.home .submitbtn {
	margin-bottom: 0;
}

/*------------------------------------*\
   !BOXES
\*------------------------------------*/
.box {
	margin: 0 0 14px 14px;
	vertical-align: top;
	overflow: hidden;
	display: inline-block;
}
.box1 {
	width: 235px;
	height: 263px;
}
.box2 {
	width: 488px;
	height: 327px;
}
.box2.greenbg a:hover * {
	color: #fff;
}
.box4 {
	width: 988px;
	height: auto;
}
.box4.slidewrap {
	height: 385px;
}
.home .slideshow.slidewrap {
	margin-bottom: 10px;
}
.home .slidewrap {
	position: relative;
	overflow: hidden;
	margin-bottom: 0;
}
.home .box .slidewrap {
	width: 100%;
	height: 100%;	
}
.home .slidewrap.homefullimg {
	height: 250px;
}
.home input {
	margin-bottom: 8px;
}
.home p {
	margin-bottom: 0;
}
.textbox {
	margin-bottom: 85px;
}
.bannerbox {
	
}

/*------------------------------------*\
   !ANNOUNCEMENT BOXES
\*------------------------------------*/

.boxdate {
	position: absolute;
	right: 0px;
	top: 0px;
	
}

.announcementbox {
	height: 245px;
}
.announcementbox img {
	position: absolute;
	bottom: 0;
}

.box.hover:hover {
    -moz-transition: background 0.3s, border 0.3s;
    -webkit-transition: background 0.3s, border 0.3s;
    transition: background 0.3s, border 0.3s;		
}
.box.hover:hover * {
	color: #fff;
}

.defaulthover:hover,
.defaulthover:hover * {
	color: black;
	cursor: pointer;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;	
}

.blackhover:hover {
	background: black;
}

.redhover:hover {
	background: red;
}

.greenhover:hover {
	background: #00a73f;
	border: 1px solid #00a73f;
}

.redhover:hover {
	background: #ff0000;
	border: 1px solid #ff0000;
}

.orangehover:hover {
	background: #ffa94a;
	border: 1px solid #ffa94a;
}

.brightgreenhover:hover {
	background: #00e900;
	border: 1px solid #00e900;	
}
.brightgreenhover:hover * {
	color: black;
}

.nohover:hover,
.nohover span:hover {
	background: #ffffff;
	color: #000000;
	cursor: default;
}

.announcementbox .imgwrap {
	width: 217px;
	height: 145px;
}
.announcementboxinner {
	position: relative;
	width: 100%;
	height: 100%;
}

.banner {
	position: relative;
	height: auto;
	background: #000;
	margin-bottom: 14px;
}
.bannertext {
	height: 203px;
	position: absolute;
	top: 20px;
	left: 200px;
}
.smalltitlepos {
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
}
.smalltitletop {
	top: 0;
}
.smalltitlebottom  {
	bottom: 0;
}
.introtext {
	width: 645px;
	margin-bottom: 20px;
}



/*------------------------------------*\
   !EXHIBITIONS
\*------------------------------------*/
.thumbs .smalltitle {
	min-height: 15px;
}
ul.dots,
.txt ul {
	list-style: disc inside none;
	padding-left: 11px;
	text-indent: -11px;
}
ul.dots ul {
	margin-left: 20px;
}
ul.radio {
	list-style: circle inside none;
	padding-left: 11px;
	text-indent: -11px;
}
ul.radio .red {
	color: red;
}
.greenbg a:hover {
	color: #fff;
}



/*------------------------------------*\
   !MAP
\*------------------------------------*/
#map_canvas {
	width: 100%;
	height: 558px;
}
.locationinfo {
	position: absolute;
	left: -201px;
	top: 0;
}
#map .list span {
	display: block;
	float: left;
	width: 90%;
}
#map .list span.index {
	width: 10%;
}
#map .list p {
	margin-bottom: 0;
}
.locslist,
.partnerslist {
	width: 268px;
}
.listingslist {
	width: 253px;
}
.mapbubble {
	height: 200px;
}
.mapbubble .title {
	height: 30px;
	background: #000;
}
.mapbubble h4 {
	padding: 10px 10px 8px 10px;
	font-size: 12px;
	line-height: 12px;
	text-transform: uppercase;
	background: #000;
}
.mapbubble.exhi_1 h4 {
	background: #000;
	color: #fff;
}
.mapbubble.exhi_2 h4 {
	background: #ff0000;
	color: #fff;
}
.mapbubble.exhi_3 h4 {
	background: #00e900;
}
.mapbubble.exhi_4 h4 {
	background: #00a73f;
}
.mapbubble .spike {
	width: 15px;
	height: 30px;
}
.mapbubble.exhi_1 .spike {
	background: url("/css/img/lb-spike-festival.png") no-repeat;
}
.mapbubble.exhi_2 .spike {
	background: url("/css/img/lb-spike-partner.png") no-repeat;
}
.mapbubble.exhi_3 .spike {
	background: url("/css/img/lb-spike-commision.png") no-repeat;
}
.mapbubble.exhi_4 .spike {
	background: url("/css/img/lb-spike-listed.png") no-repeat;
}
.infoBox {
	min-width: 224px;
}


/*------------------------------------*\
   !EVENTS
\*------------------------------------*/
.eventsfuturetextwrap {
	min-height: 136px;
	position: relative;
}
.eventsfuturetextwrap p {
	width: 521px;
}

.archivethumbs p {
	min-height: 30px; 
	padding-top: 10px;
}



/*------------------------------------*\
   !CALLENDAR
\*------------------------------------*/
.calendarnav {
	width: 176px;
}
.calendarnav .monthnavi {
	width: 13px;
}
.calendarnav .monthyear {
	width: 150px;
}
.calendar table {
	width: 186px;
}
.calendar table td,
.calendar table th {
	width: 26px;
	height: 23px;
	text-align: center;
	vertical-align: middle;
	padding-top: 1px;
	border: 1px dotted #c8c8c8;
}
.calendar table th {
	height: 23px;
	color: red;
}
.calendar table td,
.calendar table th,
.calendar table td a,
.calendar table th a {
	font-size: 10px;
	width: 24px;
	height: 21px;
}
.dayevents {
	position: absolute;
	width: 186px;
	z-index: 100;
}
.dayevents ul {
	margin: 8px;
}
.dayarrow {
	position: absolute;
	top: -7px;
	width: 13px;
	background-image: url(/img/artwork/arrowgrey.gif);
	background-repeat: no-repeat;
}
.dayclose {
	position: absolute;
	right: 8px;
	top: 7px;
	width: 12px;
}
td.daybg {
	background-image: url(/img/artwork/calbg.gif);
	background-repeat: no-repeat;
	background: #e6e6e6;
}
td.daybg:hover {
	background: red;
	cursor: pointer;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
td.daybg:hover span,
td.daybg:hover a,
td.daybg:hover p  {
	color: white;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
td.today {
	background-color: red;	
	color: white;
}
a.daylink,
td.daybg a {
	display: block;
	text-decoration: none;
}

.sq5 {width: 186px;}
.sqm4 {width: 186px;}
.mbs {margin-bottom: 8px;}
.abs {position: absolute;}
.h5 {height: 200px;}

.lineheight20,
.lineheight20 p {
	line-height: 20px;
}



/*------------------------------------*\
   !PUBLICATIONS
\*------------------------------------*/
.journalthumbs p {
	min-height: 185px; 
	padding-top: 10px;
	font-size: 11px;
	line-height: 15px;
}
p.quote {
	font-size: 17px;
	line-height: 23px;
	font-family: Barcelona, Times,"Times New Roman",serif;
	font-weight: normal; font-style: normal;
	padding-left: 30px;
}
.superscript24 {
	font-family: Barcelona, Times,"Times New Roman",serif;
	font-weight: bold; font-style: normal;
	position: relative;
	top: -11px;
	font-size: 14px;
}
.superscript17 {
	font-family: Barcelona, Times,"Times New Roman",serif;
	font-weight: normal; font-style: normal;
	position: relative;
	top: -5px;
	font-size: 12px;
}
.superscript13 {
	font-family: Univers;
	font-weight: normal;
	position: relative;
	top: -5px;
	font-size: 10px;
}
.centered {
	display: block;
    margin-left: auto;
    margin-right: auto;
}

#journalsubnav li a:hover, #journalsubnav li a:hover span {
	color: #00e900;
}
#journalsubnav li {
	margin-bottom: 15px;
}
#journalthumbs span {
	font-size: 13px;
	line-height: 16px;
	display: block;
}
#journalthumbs a:hover span {
	color: #00e900;
}
#booksthumbs a:hover span {
	color: black;
}

.journalindex .col804 {
	margin-bottom: 80px;
}
.journalindex .inlblk a:hover span {
	color: #00e900;
}

.soldout {
	background: #000;
	color: #fff;
	width: 73px;
	height: 17px;
	padding-top: 2px;
	padding-left: 5px;
	padding-bottom: 4px;
	margin-top: 5px;	
}

.buybtn {
	background: #00e900;
	color: #000000;
	width: 70px;
	height: 17px;
	padding-top: 2px;
	padding-left: 5px;
	padding-bottom: 4px;
	margin-top: 5px;
}
.buybtn:hover {
	background: #000000;
	color: #FFFFFF;
	cursor: pointer;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.buybtn:hover span,
.buybtn:hover a,
.buybtn:hover p  {
	color: #00e900;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}



/*------------------------------------*\
   !ANNOUNCEMENT BOXES
\*------------------------------------*/
#artistthumbs a:hover span {
	color: #00a73f; -moz-transition: all 0.3s; -webkit-transition: all 0.3s;	transition: all 0.3s;
}

.bricthumbs a:hover span {
	color: #00e900;
}



/*------------------------------------*\
   !EDUCATION
\*------------------------------------*/
#subscribebox {
	height: 32px;
	margin-bottom: 42px;
	display: block;
	position: relative;
}
#subscribeform p {
	margin-bottom: 0;
}
.subscribeinput170 {
	background-color: #e6e6e6;
	height: 20px;
	padding: 5px 4px 5px 9px;
}
.subscribeinput355 {
	background-color: #e6e6e6;
	width: 342px;
	height: 20px;
	padding: 5px 4px 5px 9px;
}

.newslettercol170 {
	width: 170px;
}
.newsletter input,
.newsletter .label,
.newsletter select,
.newsletter textarea {
	display: block;
	width: 100%;
}
.newslettercol355 {
	width: 355px;
}
.newsletter select {
	background-image: url(/css/img/lb-select.png);
	background-repeat: no-repeat;
	background-position: right center;
}
input[type='radio'] {
	width: 16px;
	height: 16px;	
}
.newsletterradio input[type='radio'],
.newsletterradio label {
	display: inline-block;
}
.newsletterradio input[type='radio'] {
	margin-right: 8px;
}
.newsletterradio input[type='radio']:checked {
	background-image: url(/css/img/lb-radio.png);
	background-repeat: no-repeat;
}
.newsletterradio label {
	width: auto;
	margin-right: 16px;
}
.subscribebtn {
	display: block;
	border: 0;
	background-color: #ff00ff;
	color: #ffffff;
	width: 68px;
	height: 17px;
	padding: 0;
}
.dashboxwrapsubscribe {
	padding: 11px 0px 0px 15px;
}
.submitbtn {
	text-align: left;;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;	
	width: 100%;
	padding: 0;
	cursor: pointer;
	display: block;
	background: none;
	font-size: 11px;
	line-height: 15px;
	font-family: Univers, "Helvetica Neue", Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.submitbtn:hover {
	color: #999999;
}
.msg {
	color: #ff0000;
}


/*------------------------------------*\
   !CONNECT
\*------------------------------------*/
#connect .box {
	position: relative;
	padding-bottom: 31px;
}
#connect .positionbottom {
	left: 8px;
	bottom: 8px;
}
#connect .twittericoc {
	margin: 4px 8px 0 0;
} 
#connect .tweet {
	width: 216px;
}
#connect .tweet a {
	text-decoration: underline;
}
#connect .tweet a:hover {
	text-decoration: none;
}



/*------------------------------------*\
   !ABOUT
\*------------------------------------*/
#about .sidebar a:hover,
#about .sidebar .selected {
	font-weight: bold;
	font-style: normal;
	color: #000;
}



/*------------------------------------*\
   !ARCHIVE
\*------------------------------------*/
.col779 {
	width: 779px;
}
#archive p {
	margin-bottom: 0;
}
#archive h2 {
	line-height: 24px;
}




/*------------------------------------*\
   !CONNECT
\*------------------------------------*/
.instacol {
	width: 43px;
	height: 43px;
	background-color: black;
}



/*------------------------------------*\
   !PRESS/FUNDERS
\*------------------------------------*/
.wrappress #header,
.wrapfunders #header {
	border-bottom: 0;
	margin-bottom: 0;
}
#funders img {
	display: inline;
	margin-right: 15px;
}



/*------------------------------------*\
   !FOOTER
\*------------------------------------*/
#footer {
	width: 990px;
	height: 200px;
	left: 0;
}

.footertop, .footertop a,
.footertop span {
	font-size: 12px;
	line-height: 15px;
	text-decoration: none;
}

.footertop .smalltitle,
.footertop .smalltitle a,
.footertop .smalltitle span {
	font-size: 11px;
	line-height: 13px;
}

.footertop a:hover span {
	color: #787878;
}
.footerpt1 {
	width: 990px;
	padding-top: 10px;
	padding-bottom: 20px;
}
.footerpt1 a {
	font-size: 12px;
	line-height: 20px;
	text-decoration: none;
}

.footerpt1 li a:hover,
.footerpt1 li a.selected,
.footerpt1 ul.selected_links li a:hover,
.footerpt1 ul.selected_links li a.selected {
	color: #787878;
}

.footerpt2 {
	width: 990px;
	padding-top: 10px;
	padding-bottom: 20px;
}

.footerpt2,
.footerpt2 a,
.footerpt2 li,
.footerpt2 p {
	font-size: 11px;
	line-height: 15px;
	font-family: Univers, "Helvetica Neue", Arial, sans-serif;
	font-weight: normal; font-style: normal;
	color: #787878;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
}

.footerpt2 li a:hover,
.footerpt2 li a.selected,
.footerpt2 ul.selected_links li a:hover,
.footerpt2 ul.selected_links li a.selected {
	color: black;
}

.footerpt2 li {
	height: 15px;
}


.nextbtnmobile {
	margin-top: 0;
}











/* !------------ CHECKOUT ------------ */


#checkout {
	width: 996px;
}
#checkout .twothirds {width: 660px;}
#checkout .third {width: 324px;}
#checkout .sixth {width: 156px;}
#checkout .twlthml {margin-left: 115px;}

#checkout .ml {margin-left: 12px;}
#checkout .mr {margin-right: 12px;}
#checkout .mt {margin-top: 15px;}
#checkout .mb {margin-bottom: 15px;}

.bsk_img, .bsk_title, .bsk_price, .bsk_qty, .bsk_subtotal {
	margin-left: 12px;
}
.bsk_img {
	margin-left: 0px;
	width: 88px;
}
.bsk_title {
	margin-left: 24px;
	width: 450px;
}
.bsk_price {
	width: 152px;
	margin-left: 22px;
}
.bsk_qty {
	width: 92px;
}
.bsk_subtotal {
	width: 142px;
	text-align: right;
}
.bsk_header {
	padding: 0px 0px 0px;
	background: #fff;
	border-top: 1px dashed #000;
}

.bsk_img, .bsk_title, .bsk_price, .bsk_qty, .bsk_subtotal {
	float: left;
	overflow: hidden;
}
.bsk_optiontitle {
	color: grey;
}



.bsk_img img {
	margin-left: 0px;
	display: inline-block;
}



.bsk_title a {
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}


.mbsk_title, .mbsk_title span {
	width: 170px;
}

.mbsk_price {
	width: 70px;
	text-align: right;
}
.mbsk_pm {
	width: 50px;
	margin-top: 3px;
}


#checkout input {
	width: 100%;
}
#checkout input[type=checkbox] {
	width: auto;
	-webkit-appearance: checkbox;
	margin-right: 7px;
	margin-bottom: 5px;
}


#checkout .continueabs {
	position: absolute;
	margin-top: 0px;
	bottom: 12px;
	right: 0px;
}



#checkout {
	margin: 0px auto;
	color: #888888;
	padding-bottom: 800px;
}



#checkout .section h2 {
	padding-top: 8px;
	margin-bottom: 12px;
	border-top: 1px dashed #000;
}
#checkout .section.inactive h2 {
	color: #bbb;
	border-top: 1px dashed #bbb;
}
#checkout .section h2.nbt, #checkout .section.inactive h2.nbt {
	padding-top: 8px;
	border-top: none;
}
#checkout .section.inactive hr {
	background: #bbb;
}

#checkout .sectioncontent,
#account .sectioncontent {
	padding-bottom: 30px;
	position: relative;
}



#checkout .button, #headerbasket .button {
	padding: 7px 0 2px;
	font-size: 23px;
	line-height: 24px;
	font-family: Barcelona, Times,"Times New Roman",serif;
	font-weight: normal;
	cursor: pointer;
	background: #666666;
	color: #fff;
	text-align: center;
}
#checkout .button:hover, #headerbasket .button:hover {
	background: #999;
	color: #fff;	
}


#checkout .section.inactive .button.light {
	width: 100%;
	display: block;
	text-align: center;
	background: transparent;
	color: #999;
	border: 1px solid #999;
}
#checkout .section.inactive .button.light:hover {
	color: #565656;
	border: 1px solid #565656;
}


#checkout .item, #account .item {
	padding: 8px 0px;
	width: 100%;
	background: #fff;
	margin-bottom: 0px;
	border-top: 1px dashed #000;
}



#checkout .paa, #account .paa {padding: 8px 8px 16px;}
#checkout .paa, #account .paa {padding: 0;}
#checkout .pbt, #account .pbt {padding: 8px 0px 16px;}
#checkout .pl, #account .pl {padding-left: 0px;}


#checkout h3, #account h3 {
	color: #000000;
	margin: 8px 0px 8px;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 10px;
}

#checkout .gbg, #account .gbg {background: #fff;}
#checkout .btg, #account .btg {border-top: 1px dashed #000;}

#checkout .half {width: 148px;}


label.error {
	color: red;
	display: block;
	margin-top: 5px;
}

.totlabel {
	color: #000000;
	text-transform: uppercase;
}

#checkout .section.inactive h3, #checkout .section.inactive .totlabel {
	color: #999;
}


.editright {
	font-size: 10px;
	line-height: 10px;
	border: 1px solid #888888;
	padding: 3px 6px 2px;
	color: #666;
	text-transform: uppercase;
	position: absolute;
	right: 6px;
	top: 6px;
}
.editright:hover{
	color: #000000;
	border: 1px solid #000000;
}








.bsk_bottom {
	padding: 15px 0px 30px;
	width: 100%;
}

.totline {
	width: 100%;
	overflow: hidden;
}


#headerbasket {
	display: none;
	position: absolute;
	top: 40px;
	right: 0px;
	text-align: left;
	background: #f4f4f4;
	width: 300px;
	padding: 10px;
	z-index: 13;
}

#headerbasket .item {
	padding-bottom: 7px;
	margin-bottom: 7px;
	border-bottom: 1px dashed #000;
}

.overlay {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 12;
	top: 0;
	left: 0;
}

.addbtn, .deletebtn {
	font-size: 23px;
	line-height: 24px;
	font-family: Barcelona, Times,"Times New Roman",serif;
}

.lai {margin-bottom: 12px;text-align: left;}
.lai label {display: block; margin-bottom: 2px;}

#accountlogin .lai label {color: #fff;}
#accountlogin .lai label.error {color: #f00;}
#accountlogin .lai label.error {color: #f00;}

.checkoutbtn {
	margin: 8px;
	padding: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 211px;
	height: 40px;
}
.checkoutbtn span {
	padding-top: 15px;
}


#deliverypopup {
	position: absolute;
	width: 100%;
	max-width: 996px;
	height: auto;
	top: 100px;
	left: 50%;
	margin-left: -498px;
	background: #f5f5f5;
	z-index: 15;
}

@media screen and (max-width: 996px) {
	#deliverypopup {
		left: 0px;
		margin-left: 0px;
	}
}

.deloptions p {
	margin-bottom: 15px;
}

.deloptions table {
	border-collapse: collapse;
	border: none;
	width: 100%;
}
.deloptions td {
	border: 1px solid #e5e5e5;
	text-align: center;
	width: 14.285714285714286%;
	vertical-align: top;
	background: #e5e5e5;
	padding-bottom: 16px;
}
.deloptions tr:last-child td {
	padding-bottom: 0;
	border-bottom: none;
}

.deloptions td, .deloptions td div, .deloptions a, .deloptions span {
	text-transform: uppercase;
}
.deloptions .b {
}

.deloptions .cellblock {
	padding: 5px;
	display: block;
}
.deloptions .cellblock.bgw {
	background: white;
}
.deloptions .cellblock.grey {
	color: #999;
}
.deloptions a.cellblock.bgw:hover {
	background: #b4e6c8;
	color: #000;
}
.deloptions a.cellblock.bgw.selected {
	background: #000;
	color: #fff;
}
.deloptions .cellblock.bgg {
	background: #b4e6c8;
}
.deloptions .cellblock.bb {
	border-bottom: 1px solid #dadada;
}

/* --------- !THANK YOU --------- */
.checkout .largetxt * {
	font-size: 16px;
	line-height: 18px;
}
/*
#thankyou .heading .banner {
	background: #b4e6c8;
}
#thankyou input[type=text],
#thankyou input[type=password] {
	width: 272px;
}
#thankyou .txt {
	margin-bottom: 18px;
}
#thankyou .items {
	margin: 12px 0;
}
#thankyou .item {
	height: 43px;
	border-top: 1px solid #58595b;
}
#thankyou .total {
	border-top: 2px solid #58595b;
	padding: 10px 0 6px 0;
}
#thankyou .total p {
	line-height: 16px;
}
*/
.typad {
	padding: 12px 8px 18px 8px;
}
#registermod h4 {
	line-height: 18px;
}
#billingtxt {
	width: 308px;
}
#billingtxt .col2 {
	width: 154px;
}
#orderinfomod h3 {
	border-top: 1px dashed #666666;
	padding: 5px 0px 10px;
	text-transform: uppercase;
	width: 95%;
	margin-bottom: 5px;
}
#thankyou p {
	width: 75%;
}

.pbb {
	width: 508px !important;
	margin-left: 230px;
	text-align: center;
}

#receiptinfo h3, #receiptinfo a.view {
	font-size: 10px;
	line-height: 16px;		
	color: #000;
	text-transform: uppercase;
	letter-spacing: 2px;
}
























/*------------------------------------*\
   !MOBILE
\*------------------------------------*/
@media screen and (max-width: 480px) {
	
	#site {
	width: 100%;
	margin: 0 auto;
	padding-top: 10px;
	padding-left: 0px;
	padding-right: 0px;
	}
	#sitewrap {margin-left: 10px; margin-right: 10px;}
	#header, #footer {width: 100%; height: auto;}	
	
	.footerpt1, .footerpt2, 
	.colfull, 
	.col789,
	.col804,
	.col655,
	.col588,
	.col521,
	.col387,
	.col253,
	.col251,
	.col186,
	.col286,
	.colfull988,
	.col488,
	.col487,
	.col237,
	.col235,
	.box2, .box4,
	.introtext {width: 100%; padding-bottom: 10px;}
	
	.announcementbox .imgwrap {
		width: 100%;
		height: auto;
	}
	
	.col85 {width: 29%;}
	.col85.ml {margin-right: 4%;}
	
	img {width: 100%; height: auto;}
	
	.exhibitionbannertext {left: 20px;}
	
	.bannertext {
		height: 34px;
		position: absolute;
		top: 20px;
		left: 20px;
	}
	
	.title60 {
		font-size: 24px;
		line-height: 30px;
	}
	
	.col186.mr {
		margin-right: 0;
	}
	
	.mb20 {margin-bottom: 10px;}
	.ml-15 {margin: 0}
	.ml {margin-left: 0}
	.home .slideshow.slidewrap {margin: 0}
	
	.homewrap2col {padding: 10px 10px 0px 10px;}
	.dashboxwrap {padding: 10px;}
	.browsecont .col186 {padding-bottom: 50px;}
	
	.journalcont .col186 {border-top: 1px dashed #00ff00; padding-top: 20px;} /* green */

	.columnise_3 {-moz-column-count: 1; -webkit-column-count: 1; column-count: 1;}
		
	ul#nav {padding-bottom: 0px;}
	ul#nav li, ul.nav2 li {height: 26px;}
	ul.nav2 {padding-top: 12px; padding-bottom: 6px; border-bottom: 1px dashed black;}
	
	#header.dashbottom {border-bottom: 0px dashed black;}
	
	.box {margin: 0 0 10px 0;}
	.ml-14 {margin: 0;}
	.content {overflow: visible;}
	
	.searchbox {top: 0;position: absolute;right: 0;margin-top: 10px;margin-right: 10px;}
	input#search-box {width: 121px;height: 30px;padding: 5px 20px 4px 10px;}
	
	.dropdown .col85 {width: 48%;} /* for the artists prev/next thumbs */
	
	.exhibitionbanner {display: none;}
	#journal .sidebar {display: none;}
	#browse .sidebar {display: none;}
	
	/* footer */
	.ml201 {margin-left: 0;}
	
	.footerpt2 .col387 {
		width: 130px;
	}
	.footerpt2 p {
		margin-bottom: 0;
	}
	
	#header .searchbox {
		margin-right: 0;
	}
	#header .socialbox {
	    top: 36px;
	    bottom: auto;
	}	
	
	.aceico.m10 {
		margin-top: 23px;
	}
	
	.erdfico.mt10 {
		margin-top: 23px;
		margin-bottom: 23px;
	}
	
	.lccico {
		margin-top: 16px;
	}
	
	.locationinfo {
		position: static;
		left: 0;
		margin-top: 10px;
	}
	
	#map_canvas {
		height: 300px;
	}
	
	.nextbtnmobile {
		margin-top: -72px;
		width: 150px;
		float: right;
	}
	
	.box2 {
		height: auto;
		padding-bottom: 0px;
	}
	
}

@media screen and (min-width: 1280px) {
	
	.exhibitionbanner {display: block;}
	#journal .sidebar {display: block;}
	#browse .sidebar {display: block;}

}

@media only screen and (-webkit-min-device-pixel-ratio:2),
	only screen and (min--moz-device-pixel-ratio:2),
	only screen and (-o-min-device-pixel-ratio:2/1),
	only screen and (min-device-pixel-ratio:2),
	only screen and (min-resolution:192dpi),
	only screen and (min-resolution:2dppx) {
		.arrwprev:before,
		.arrwnext:after,
		.ico {
			background-image: url('/css/img/lb-sprite@2.png');
			background-size: 600px 260px;
		}
		.newsletter select {
			background-image: url(/css/img/lb-select@2.png);
			background-size: 33px 32px;					
		}		
		.newsletterradio input[type='radio']:checked {
			background-image: url(/css/img/lb-radio@2.png);
			background-size: 16px 16px;					
		}
	}
}