.hideme {
	visibility: hidden;
	height: 0px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

.thumblink {
	padding: 0;
	margin: 0;
	margin-right: 4px;
	margin-top: 4px;
}

*, div{
	padding: 0;
	margin: 0;
}

html{
	Overflow-y: scroll;
}

.nounderline, .nounderline a {
	TEXT-DECORATION: none;
}

body{
	background: #FFFFFF;
	text-align: justify; /* FOR IE 5 */
	font: 10px Arial, Tahoma, Helvetica, sans-serif;	/*!SIZE!*/
	color: #000;
	line-height: 1.4em;	
}

#smaller{
	background: #FFFFFF;
	text-align: justify; /* FOR IE 5 */
	font: 70% Arial, Tahoma, Helvetica, sans-serif;
	color: #000;
	line-height: 1.4em;	
}


/* Do not show border for linked images */
img, a img { 
	border: 0;
}

/* Text Styles */
* h2, * h3, * h4, * dt, .h1style, .h2style, .h3style, .h2color, .h3color, .h4color {
	color: #81725E;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
}

* h1, .h1style {
	font-size: 20px;	/*!SIZE!*/
	margin: 8px;
	margin-bottom: 20px;
	color: #6F6754;
	font-weight: normal;
	line-height: 1.1;
	TEXT-DECORATION: none;
	text-transform: uppercase;
}

* h2, .h2style, .h2color {
	font-size: 14.5px;	/*!SIZE!*/
	font-weight: normal;
	TEXT-DECORATION: none;
}

* h2, .h2style {
	margin: 8px;
	margin-bottom: 14px;
}

* h3, .h3style, .h3color {
	font-size: 11px;	/*!SIZE!*/
	font-weight: normal;
	TEXT-DECORATION: none;
}

.h3color {
	margin-top: 3px;
}

* h3, .h3style {
	padding-top: 10px;
	margin: 4px;
}

.h1style, .h2style, .h3style {
	display: block;
	margin: 0px;
	font-weight: bold;
	margin-left: -8px;
	TEXT-DECORATION: none;
}


.optionalsave {
	font-size: 160%;
	margin: 4px;
	font-weight: bold;
	color: #BB803F;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
}

.optionalad {
color: #BB803F;
text-align: left;
}


.cashdeskad {
color: #000000;
text-align: center;
	font-weight: bold;
	background-color: #BB803F;
}

.cashdesklink {
	color: #FFFFFF;
	/*text-decoration: underline;*/
	}
a:hover.cashdesklink{
color: #000000;
}


.textWhite {
	color: #FFFFFF;
}

.textHide {
	color: #FFFFFF;
	visibility:hidden;
}

#pagecontent h3{
	margin: 8px;
}

* h4, * dt, .h4color{
	font-size: 10px;	/*!SIZE!*/
	margin: 8px;
	margin-bottom: 6px;
	font-weight: bold;
	color: #6F6754;
}

#pagecontent h4{
	margin: 8px;
	margin-bottom: 6px;
}

#page p {
	margin: 4px;
	margin-bottom: 8px;
}

#pagecontent p, #pagecontent pre , #pagecontent ul , #pagecontent td {
	margin: 14px;
	margin-bottom: 8px;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 10.5px;	/*!SIZE!*/
}

.likepagecontent {
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 10.5px;	/*!SIZE!*/
}

#pageleft p, #pagecenter p, #pageright p {
	font-size: 10.4px;	/*!SIZE!*/
}

#mainart p, #mainart pre, #mainart ul, #mainart td {
	font-size: 10px;	/*!SIZE!*/
}

#pagecontent ul, #pagecontent ol {
	margin: 14px;
	margin-left: 32px;
	margin-bottom: 8px;
}

#pagecontent dt {
	margin-left: 8px;
	font-size: 100%;
}

#pagecontent dd {
	margin-left: 44px;
	margin-top: -20px;
}

#checkout dd {
	margin-left: 105px;
}

/* More Links */
p.morelink {
	margin: 5px;
	text-align: right;
}

p.amorelikelink {
	margin: 5px;
	text-align: left;
}

p a, div a {
	font-family: Arial, Helvetica, sans-serif;
	color: #DE3A43;
	/*TEXT-DECORATION: underline;*/
}

p a:hover, div a:hover {
	color: #D82D37;
}

.colorGrey {
	color: #999999;
}

/* Wrap-Center */
#wrap {
	margin: 0 auto;
	width: 902px;
	text-align: justify;
	height: 100%;
}





/* For Ticker */
#tickerdiv {
	float: left;
	width: 773px;
	text-align: center;
	white-space:nowrap;
	font-size: 100%;
	margin: 0px;
	font-weight: bold;
	color: #6F6754;
	marquee-style: scroll;
    marquee-speed: normal;
    background: #F0F0F0;
}

.tntopscroll{
	width:13px;
	vertical-align:middle;
	border:0;
}

img:hover.tntopscroll{
	width:26px;
}




/* Header */
#header {
	float: left;
	width: 100%;
	height: 70px;
	margin-top: 0px;
	border-left:  #6F6754 1px solid;
	border-top:  #6F6754 1px solid;
	border-right:  #6F6754 1px solid;
}

/* The ART-SWITCH logo */
#logo {
	float: left;
	width: 240px;
	margin-top: 8px;
	margin-left: 13px;
}





/* The login and the pagecontent form */
#login {
	float: right;
	width: 470px;
	margin-top: 15px;
	line-height: 1em;
	overflow: visible;
	z-index:1;
}

#login label, #pagecontent label { /* space for USERNAME, PASSWORD column */
	float: left;
	width: 68px; /* original: 68 */
	margin-top: 5px;
}

#pagecontent label {
	width: 120px;  /* original: 120 */
}

#login input, #login button, #pagecontent input, #pagecontent button, select, .makeLikeInput, .makeLikeInputshort, textarea{
	font-size: 9px;
	border: #A5A094 1px solid;
	vertical-align: top;
	margin-top: 2px;
}

#login input.txt, #pagecontent input.txt, #login button.txt, #pagecontent button.txt, .makeLikeInput, .makeLikeInputshort{ /* Width Input column */
	width: 95px; /* original: 95 */
	height: 16px;

	color: #6F6754;
	background: #FFF;	
}

textarea.txt {
	font-size: 10px;
	width: 400px;
	color: #6F6754;
	background: #FFF;	
}

#pagecontent input.txt, #pagecontent button.txt, .makeLikeInput{
	width: 200px; /* original: 145 */
}

#pagecontent input.txtshort, #pagecontent button.txtshort, .makeLikeInputshort{
	width: 75px; /* original: 75 */
}

.makeLikeInput, .makeLikeInputshort{
	margin-left: 132px;
	border: #CCC5AA 1px solid;
	margin-top: 4px;
	height: 14px;
}

#login input.btn, #login button.btn, #pagecontent input.btn,  #pagecontent button.btn, .likebtnstyle, .likebtnstyleR, #pagecontent input.btnSelected, #pagecontent button.btnSelected {
	/*width: auto*/
	padding: 0px 2px 0px 2px;
	height: 16px;

	font-size: 9.4px;	/*!SIZE!*/
	color: #FFFFFF;
	background: #6F6754;

	cursor: pointer;
	TEXT-DECORATION: none;
}

#pagecontent input.btnSelected, #pagecontent button.btnSelected {
	border: 3px dotted #D82D37;
	background-color: #A6A094;
}

.likebtnstyle, a:link.likebtnstyle, a:visited.likebtnstyle, .likebtnstyleR, a:link.likebtnstyleR, a:visited.likebtnstyleR {
	padding: 1px 3px 1px 3px;
}

a:hover.likebtnstyle, a:active.likebtnstyle, a:hover.likebtnstyleR, a:active.likebtnstyleR {
	padding: 1px 3px 1px 3px;
	color: #C0B9AC;
}

.likebtnstyleR{
	background: #822A2D;
}

.firstbtn, .backbtn, .nextbtn, .lastbtn, .emptybtn, .firstbtn:link, .backbtn:link, .nextbtn:link, .lastbtn:link, .firstbtn:visited, .backbtn:visited, .nextbtn:visited, .lastbtn:visited, .firstbtn:hover, .backbtn:hover, .nextbtn:hover, .lastbtn:hover{
	height: 16px;
	display: block;
	float: left;
	text-align: center;
	margin-left: 10px;
	color:#822A2D;
	TEXT-DECORATION: none;
	font-weight: bold;
	font-size: 11.5px;
}

.firstbtn{
	width: 55px;
	background: #FFFFFF url(arrow_small_first.png) no-repeat top left;
}

.backbtn{
	width: 75px;
	background: #FFFFFF url(arrow_small_back.png) no-repeat top left;
}

.nextbtn{
	width: 55px;
	background: #FFFFFF url(arrow_small_next.png) no-repeat top right;
}

.lastbtn{
	width: 55px;
	background: #FFFFFF url(arrow_small_last.png) no-repeat top right;
}

.btnimg{
	vertical-align: top;
}

#login input.btn:hover, #pagecontent input.btn:hover, #login input.btn:focus, #pagecontent input.btn:focus, #login button.btn:hover, #pagecontent button.btn:hover, #login button.btn:focus, #pagecontent button.btn:focus{
	color: #C0B9AC;
}

.likenavibutton {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size:11px;
	TEXT-DECORATION: none;	
	display: block;
	width: 80px;
	padding: 3px 0px 0px 0px;
	height: 13px;
	text-align: center;
}

a.likenavibutton:hover, a.likenavibutton:focus {
	color: #C0B9AC;
}

.likenavi {
	position: relative;

	float: right;
	text-align: center;
	margin-right: 20px;
}


/* The head menu */
#headnavi {
	margin: 0 auto;
	width: 902px;
	text-align: justify;
	height: 100%;
}

#headnavi table{
	float: right;
	margin-top: 5px;
}

#headnavi table tr td{
	width: 31px;
	padding-left: 2px;
	padding-right: 2px;
}

#headnavi table tr td a:link, #headnavi table tr td a:visited, #headnavi table tr td a:hover, #headnavi table tr td a:active{
	text-decoration: none;
}

/* The main menu */
#navi{
	float: left;
	background: #6F6754;
	width: 100%;
	clear: left;
	border-left:  #6F6754 1px solid;
	border-right:  #6F6754 1px solid;
}



/* The AddThis menu */
#AddThis{
	width: 110px;
	position: absolute;
	top: 140px;
	margin-left: 793px;
	z-index: 1000000;
}



/* The welcomeimg */

#welcomeimgcenter {
	float: left;
	height: 300px;

	background: #FFFFFF;
}


/* The Main Start Page */
#page {
	float: left;
	/* Background big bar */
	width: 902px;
	border-left:  #6F6754 1px solid;
	border-right:  #6F6754 1px solid;
	position: absolute;
	top: 139px;
}

#pagecontent {
	float: left;
	width: 800px;
	padding-left: 100px;
	padding-top: 19px;
}

#pageblock, .whiteblock, .greyblock, .whiteblock5, .greyblock5 {
	clear: left;
	float: left;
	width: 100%;
	
	background: #E8E8DA;
}

.whiteblock, .greyblock, .whiteblock5, .greyblock5 {
	margin-left: 10px;
	width: 99%;
	margin: 3px;
}

.whiteblock, .whiteblock5 {
	background: #FFFFFF;
	/**/
}

.whiteblock5, .greyblock5 {
	margin-bottom: 14px;
}

/* The Main head */
#head {
	width: 902px;
	position: absolute;
	top: 0px;

	z-index: 900000;
}

/*Left*/
#pageleft {
	float: left;
	width: 330px;
	height: 159px;

	padding-left: 6px;
	padding-right: 6px;
	
	border-right: #D0CAB9 2px solid;
	margin: 5px;
}

/*Center*/
#pagecenter {
	float: left;

	padding-left: 6px;

	width: 250px;
	height: 159px;

	margin: 5px;
}


/*Right*/
#pageright {
	float: right;
	width: 282px;
	height: 169px;
}

/*Bottom*/
#bottompage{
	float: left;
	background: #6F6754;
	width: 100%;
/*	border-left:  #918775 1px solid;
	border-bottom:  #918775 1px solid;
	border-right:  #918775 1px solid;
*/
}

#pagebottom {
	float: left;	
}


/* The Footer */
#footer {
	float: right;
	color: #FFF;
	padding: 3px;	
}

/*CSS for the news scrollers*/

#pscroller{
	position:relative;
	width: 200px;
	height: 225px;
	margin: 0px;
	text-align: center;
}




/*browseArt*/
/*Select*/
.browseArtSelectBlock {
	float: left;
	height: 44px;

	margin-right: 0px;
	margin-left: 14px;
	margin-bottom: 4px;

}

/*Images*/
#browseArtImageBlock, .browseArtImageBlock {
	float: left;
	width: 770px;
	
	margin: 5px;
	margin-left: 14px;
	margin-bottom: 14px;
}

/*WallOfArt*/
.myFavouritesItem {
	cursor: move;
	width: 135px;
	float: left;
	margin-bottom: 15px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	background-color: white;
}


/*register*/
.registerBlock {
	float: left;
	width: 740px;
}

/*check*/
.registercheckBlock {
	float: left;
	width: 18px;
	height: 26px;
	margin-right: 8px;
	margin-left: 14px;
}

/*label*/
.registerlabelBlock {
	float: left;
	width: 75px;
	height: 26px;
	margin-right: 8px;
	margin-left: 14px;
	color: #BA9D73;
	font-weight: bold;
	margin: 5px;
}

/*help*/
.registerhelpBlock {
	float: left;
	width: 450px;
	height: 26px;
	margin-right: 8px;
	margin-left: 14px;
	margin: 5px;
}

.register, .registerBig, .registerStyle {
	color: #81725E;
	font-weight: bold;
	float: left;
}

label.register {
	width: 80px;	
}

.registerStyle {
	font-size: 12px;
}

label.registerBig, #pagecontent label.registerBig {
	font-size: 12px;
	width: 200px;
	padding-right: 20px;
}


/* Content Blocks */

.contentBlockSmall, .contentBlock, .contentBlockBig, .contentBlockBigBig, .contentBlockBigBigBig, .contentBlockBigger {
	float: left;
	width: 176px;

	margin-left: 14px;
	margin-bottom: 20px;
}

.contentBlockSmall {
	width: 135px;
}



.contentBlockBigger {
	width: 268px;
	border: #A5A094 1px solid;
	float: right;
}
/*
.contentBlockBig {
	width: 340px;
}

.contentBlockBigBig {
	width: 530px;
}

*/

.contentBlockBigBigBig {
	margin-left: 0px;
	width: 780px;
	margin-right: 20px;
}


/* .contentBlockItemH30 -> .contentBlockItemH30Center */
.contentBlockItemWallOfArt, .contentBlockItemH30Center, .contentBlockItemH50, .contentBlockItemH70, .contentBlockItemH110, .contentBlockItemH140, .contentBlockItemH170, .contentBlockItemH80Center, .contentBlockItemH195, .contentBlockItemRemember, .contentBlockItemRememberBO, .contentBlockItemRememberBODisable{
	float: left;
	width: 100%;
	text-align: left;
	margin-top: 0px;
	border: #A5A094 1px solid;
	margin: 2px;
	z-index: 100000;
}

.contentBlockBiggerBigBigBig {
	width: 780px;
	margin-right: 20px;
}

/* Remember it */
.thisisart, .thisisartDisable {
	float:left;
	margin: 0px;
	padding:0px;
}
.thisisartDisable img {
	border-bottom: 1px solid #FFCCCC;
}

.contentBlockItemRemember{
	width: 306px;
	padding: 5px;
	background-color: #F6F6F6;
	margin-bottom: 15px;
}

.contentBlockItemRememberNB{
	float:left;
	text-align:left;
	background-color:#FFFFFF;
	padding-top:2px;
	margin: 0px;
}

.contentBlockItemRememberBO, ol.contentBlockItemRememberBO, #pagecontent ol.contentBlockItemRememberBO {
	width:301px;
	background-color: transparent;
	margin: 0px;
	padding:1px;
	list-style-type: none;
}

.contentBlockItemRememberBODisable, ol.contentBlockItemRememberBODisable, #pagecontent ol.contentBlockItemRememberBODisable {
	width:301px;
	background-color: transparent;
	margin: 0px;
	padding:1px;
	background-color:#FFCCCC;
	list-style-type: none;
}

/* Blocks */
.contentBlockItemH30Center{
	height: 25px;
	padding-bottom: 8px;
	/* new (copied from .contentBlockItemH80Center) */
	margin-top: 10px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.contentBlockItemWallOfArt{
	height: 56px;
	/* new (copied from .contentBlockItemH80Center) */
	margin-top: 14px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

/*
.contentBlockItemH50{
	height: 50px;
}

.contentBlockItemH70{
	height: 70px;
}

*/

.contentBlockItemH80Center{
	height: 115px;
	margin-top: 14px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

/*

.contentBlockItemH110{
	height: 110px;
}

*/

.contentBlockItemH140{
	height: 150px;
}

/*
.contentBlockItemH170{
	height: 170px;
}

.contentBlockItemH195{
	height: 195px;
}
*/

/* Tables */
#contentBlockStyle table {
	width: 97%;
	margin-left: 14px;
	margin-bottom: 20px;
}


#contentBlockStyle td {
	text-align: center;

	border: #A5A094 1px solid;	
	margin: 2px;
}

.tdwoabreadcrumb{
	text-align: left;
	width: 240px;
	vertical-align: top;
	border: #A5A094 1px solid;	
	margin: 2px;
	font-weight: bold;
	padding: 5px;
		padding-bottom:2px;
		padding-top:3px;
}

td ul {
	text-align: left;
	vertical-align: middle;
}

td.minwidth {
	width: 120px;
}

.noborder{
   border: 0px !important;
}

.borderorange{
	border: #BC813F 1px solid !important;
}

.VoucherCode{
	width:187px !important;
	margin-right: 95px;
}

.noRegFee{
	text-decoration:line-through;
}

#forgotpw{
	text-decoration:none;
	position:absolute;
	margin-top: 5px;
	margin-left:5px;
}

/*.contenttitle {
	border-top: #FFFFFF 35px solid !important;
}*/


/* The sidebar */
#sidebarcontainer {
	position: relative;
	left: -100px;
	width: 108px;
	height: 500px;
	padding: 0 0 0 0;
}
#sidebarcontainer p {
	margin: 4px;
	margin-bottom: 6px;
	margin-left: 12px;
}


#container {
	position: relative;
	top: -500px;
}

optgroup {
	background-color: #F0F0F0;
	font: 11px Arial, Tahoma, Helvetica, sans-serif;
	color: #000;
	font-weight: bold;
	font-variant: normal;
	cursor: default;
	border-top: 1px dotted #000000;
	padding-top: 3px;
	padding-left: 3px;
	padding-bottom: 0px;
	padding-right: 0px;
}
option  {
	background-color: #FFFFFF;
	font: 10px Arial, Tahoma, Helvetica, sans-serif;
	color: #000;
	cursor: pointer;
}

.link3, a:link.link3, a:visited.link3, a:hover.link3, a:active.link3{
	color:#822A2D;
	text-decoration:none;
}

.MsoBodyText {
	text-align: justify; /* FOR IE 5 */
	font: 9px Arial, Tahoma, Helvetica, sans-serif ! important ;
}







/* The editable select box */
	.selectBoxArrow{
		margin-top:2px;
		float:left;
		position:absolute;
		right:1px;
	}	
	.selectBoxInput{
		border:0px;
		padding-left:1px;
		height:16px;
		position:absolute;
		top:0px;
		left:0px;
	}

	.selectBox{
		height:20px;
		clear: right;
	}
	.selectBoxOptionContainer{
		position:absolute;
		border:1px solid #A5A094;
		height:100px;
		background-color:#FFF;
		left:-1px;
		top:20px;
		visibility:hidden;
		overflow:auto;
	}
	.selectBoxAnOption{
		font-family:arial;
		font-size:12px;
		cursor:default;
		margin:1px;
		overflow:hidden;
		white-space:nowrap;
	}
	.selectBoxIframe{
		position:absolute;
		background-color:#FFF;
		border:0px;
		z-index:999;
	}	
	
	
/* Rounded corner div - http://www.webcredible.co.uk/user-friendly-resources/css/css-round-corners-borders.shtml */
.t {background: url(infopopup/dott.png) 0 0 repeat-x; margin:1px;}
.b {background: url(infopopup/dotb.png) 0 100% repeat-x}
.l {background: url(infopopup/dotl.png) 0 0 repeat-y}
.r {background: url(infopopup/dotr.png) 100% 0 repeat-y}
.bl {background: url(infopopup/bl.png) 0 100% no-repeat}
.br {background: url(infopopup/br.png) 100% 100% no-repeat}
.tl {background: url(infopopup/tl.png) 0 0 no-repeat}
.tr {background: url(infopopup/tr.png) 100% 0 no-repeat;}


/********** NEW JQUERY BOXES **************/
a.selected {
  background-color:#1F75CC;
  color:white;
  z-index:100;
}

.messagepop {
  background-color:#FFFFFF;
  border:1px solid #999999;
  cursor:default;
  display:none;
  margin-top: 15px;
  position:absolute;
  text-align:left;
  width:394px;
  z-index:50;
  padding: 25px 25px 20px;
}

label {
  display: block;
  margin-bottom: 3px;
  padding-left: 15px;
  text-indent: -15px;
}

.messagepop p, .messagepop.div {
  border-bottom: 1px solid #EFEFEF;
  margin: 8px 0;
  padding-bottom: 8px;
}

