@charset "UTF-8";
/* CSS Document */


/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }

/* NEW: Generic styles */
p { margin: 0px; font-size: 12px; color: #666666; text-align: left; line-height: 17px; padding: 0 0 12px 0; }
p a { font-weight: bold; color: #0066FF; text-decoration: none; }
p a:hover { font-weight: bold; color: #0066FF; text-decoration: none; }

strong{ font-weight:bold; }

.intro{ color: #333333; }
.sub-head{ color: #333333; font-weight: bold; }

.clear { clear: both; }
.clearfloat { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; } /* .clearfloat: this class should be placed on a div or break element and should be the final element before the close of a container to fully contain a float */


/* FORMS */
label.block{ display:block; margin-bottom: 4px; font-size: 12px; color: #666; }
.textfield, .textarea{ border: 1px solid #ccc; padding: 2px; width: 300px; margin-bottom: 14px; background-color: #f1f1f1 !important; font-size: 11px !important; color:#000000; }
.btn_submit, .btn_submit-active{ padding: 5px 10px; cursor: pointer; color:#FFFFFF; font-size: 14px; font-weight: bold; background: #999;  }

#btn_buy_now{ width: 89px; height: 34px; }

.right{ float:right; }
.left{ float:left; }

.btn{ color:#FFFFFF !important; font-size: 14px; font-weight: bold; background: #999; padding: 5px 10px; cursor:pointer;  }
.btn:hover{ color:#FFF !important; text-decoration:none; font-size: 14px; font-weight: bold; background: #999; padding: 5px 10px; cursor:pointer; }
.btn-active{ color:#FFF; font-size: 14px; font-weight: bold; background: #999; padding: 5px 10px;  background: #999; cursor:pointer; }

.btn_checkout{ width: 70px; margin-top: 15px; }

#btn_slideshow{ margin: 20px 0; }

/* FORMS */
.column2_3 h3{ color: #333; font-size: 14px; margin-bottom: 15px; font-weight: bold; }

img { behavior: url(scripts/iepngfix.htc); border: 0; }

body  {
	color: #333333;
	background: #ffffff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	font-family: Calibri, "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 17px;
}

#container {
	width: 960px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
/* END: Generic styles */

/* NEW: One Column Container (for Header & Footer) */
#oneColumnContainer { width: 960px; display: block; clear:both; height:auto; }
#oneColumnContent { width: 960px;}
.column1_1 { width: 960px; padding: 0px; display: block; float: left; }
.paragraph1 { margin: 0; padding: 0; display: block;}
/* END: One Column Container (for Header & Footer) */

/* NEW: Two Column Container (for Home Page & Section Page ) */
#twoColumnContainer { width: 960px; display: block; clear:both; height:auto; }
#twoColumnContent { width: 960px;}
.column1_2 { width: 768px; padding: 0; display: block; display: block; float: left;}
.column2_2 { width: 192px; padding: 0; display: block; float: left; }
.homeContent { margin: 0; padding: 0; display: block;}
.homeFeeds { margin: 0; padding: 0; display: block;}
.sectionContent { margin: 0; padding: 0; display: block;}
.sectionFeeds { margin: 0; padding: 0; display: block;}
/* END: Two Column Container (for Home Page & Section Page ) */

/* NEW: Three Column Container (for Item Pages ) */
#threeColumnContainer { width: 960px; display: block; clear:both; height:auto; }
#threeColumnContent { width: 960px;}
.column1_3 { width: 192px; padding: 0; display: block; float: left; }
.column2_3 { width: 576px; padding: 0px; display: block; float: left; }
.column3_3 { width: 192px; padding: 0; display: block; float: left; }
.paragraph3 { margin: 0; padding: 0; display: block;}
/* END: Three Column Container (for Item Pages ) */

/* NEW: Header style */
#header { padding: 6px 6px 0 6px; background: url(/images/header/header.gif) no-repeat; height: 108px; width: 948px; position:relative; }
/* END: Header style */

/* NEW: Header Email */
#headerEmail { width: 145px; height: 26px; margin: 54px 0 0 434px; position: absolute; }
#headerEmail #emailBtns { margin: 0; padding: 0; }
#headerEmail #emailBtns li { display: inline; }
#headerEmail #emailBtns li a { float: left; width: 145px; height: 0;  padding-top: 26px; overflow: hidden; }
#headerEmail #emailBtns li a,
#headerEmail #emailBtns { background-image: url(/images/header/headerEmail.png); background-repeat: no-repeat; }
#headerEmail #emailBtns li#linkEmail a { background-position: 0 0px; }
#headerEmail #emailBtns li#linkEmail a:hover { background-position: 0 -26px; }
#headerEmail #emailBtns li#linkEmail a:active { background-position: 0 -52px; }

#btn_basket_header{ position:absolute; top: 60px; left: 610px; width: 104px; height: 26px; background: url(/images/header/btn_basket.png) no-repeat; display:block; text-indent: -999em; }
#btn_basket_header:hover { background-position: 0 -26px; }
#btn_basket_header:active { background-position: 0 -52px; }

#header_divider{ position:absolute; top: 66px; left: 596px; width: 2px; height: 15px; background: url(/images/header_divider.png) no-repeat; display:block; text-indent: -999em; }

/* END: Header Email */

/* NEW: Header Main Navigation */
#mainNavigation { width: 468px; height: 29px; margin: 9px 0 0 184px; position: absolute; }
#mainNavigation #navBtns { margin: 0; padding: 0; }
#mainNavigation #navBtns li { display: inline; }
#mainNavigation #navBtns li#linkHome a { float: left; width: 63px; height: 0;  padding-top: 29px; overflow: hidden; }
#mainNavigation #navBtns li#linkSection a { float: left; width: 40px; height: 0;  padding-top: 29px; margin-left: 6px; overflow: hidden; }
#mainNavigation #navBtns li#linkExhibitions a { float: left; width: 102px; height: 0;  padding-top: 29px; margin-left: 6px; overflow: hidden; }
#mainNavigation #navBtns li#linkDialogue a { float: left; width: 86px; height: 0;  padding-top: 29px; margin-left: 6px; overflow: hidden; }
#mainNavigation #navBtns li#linkNews a { float: left; width: 58px; height: 0;  padding-top: 29px; margin-left: 6px; overflow: hidden; }
#mainNavigation #navBtns li#linkAbout a { float: left; width: 89px; height: 0;  padding-top: 29px; margin-left: 6px; overflow: hidden; }
#mainNavigation #navBtns li a,
#mainNavigation #navBtns { background-image: url(/images/header/mainNavigation.png); background-repeat: no-repeat; }
/* Off states */
#mainNavigation #navBtns li#linkHome a { background-position: 0 0px; }
#mainNavigation #navBtns li#linkSection a { background-position: -69px 0px; }
#mainNavigation #navBtns li#linkExhibitions a { background-position: -115px 0px; }
#mainNavigation #navBtns li#linkDialogue a { background-position: -223px 0px; }
#mainNavigation #navBtns li#linkNews a { background-position: -315px 0px; }
#mainNavigation #navBtns li#linkAbout a { background-position: -379px 0px; }
/* Over states */
#mainNavigation #navBtns li#linkHome a:hover { background-position: 0 -29px; }
#mainNavigation #navBtns li#linkSection a:hover { background-position: -69px -29px; }
#mainNavigation #navBtns li#linkExhibitions a:hover { background-position: -115px -29px; }
#mainNavigation #navBtns li#linkDialogue a:hover { background-position: -223px -29px; }
#mainNavigation #navBtns li#linkNews a:hover { background-position: -315px -29px; }
#mainNavigation #navBtns li#linkAbout a:hover { background-position: -379px -29px; }
/* Active states */
#mainNavigation #navBtns li#linkHome a:active { background-position: 0 -58px; }
#mainNavigation #navBtns li#linkSection a:active { background-position: -69px -58px; }
#mainNavigation #navBtns li#linkExhibitions a:active { background-position: -115px -58px; }
#mainNavigation #navBtns li#linkDialogue a:active { background-position: -223px -58px; }
#mainNavigation #navBtns li#linkNews a:active { background-position: -315px -58px; }
#mainNavigation #navBtns li#linkAbout a:active { background-position: -379px -58px; }
/* On states */
#mainNavigation #navBtns li#linkHome a.active { background-position: 0 -87px;  cursor: default; }
#mainNavigation #navBtns li#linkSection a.active { background-position: -69px -87px;  cursor: default;}
#mainNavigation #navBtns li#linkExhibitions a.active { background-position: -115px -87px;  cursor: default;}
#mainNavigation #navBtns li#linkDialogue a.active { background-position: -223px -87px;  cursor: default;}
#mainNavigation #navBtns li#linkNews a.active { background-position: -315px -87px;  cursor: default;}
#mainNavigation #navBtns li#linkAbout a.active { background-position: -379px -87px;  cursor: default;}
/* END: Header Main Navigation */

/* NEW: Header Banner */
#headerBanner { margin: 0;  height: 105px; width: 180px; float: right; background:url(/images/newsletter_back.jpg) no-repeat; }
#headerBanner #searchBox{ margin-top: 37px; padding: 0 !important; }

#applesearch #newsletter_submit{
	background: url('/images/newsletter_submit.jpg') no-repeat top left;
	float: left;
	width: 19px; height: 19px;
	cursor: pointer;
}

#applesearch #filter_go{
	background: url('/images/filter_go.jpg') no-repeat top left;
	float: left;
	width: 19px; height: 19px;
	cursor: pointer;
}
/* zeroing the margin of the last element in the #header div will avoid margin collapse */
/* END: Header Banner */

/* NEW: Footer styles */
#footer { height: 60px; width: 948px; background: url(/images/footer/footer.gif) no-repeat; padding: 24px 6px 0px 6px; }
#footer .affiliates { margin: 0px; width: 184px; padding: 0px 6px 0 0; position: absolute; }
#footer .affiliates img { padding: 0px 6px 0 0; }
#footer .footerText { width: 564px; font-size: 11px; color: #666666; text-align: center; padding: 2px 192px 0 192px; line-height: 12px; }
#footer .footerText a { font-weight: bold; color: #666666; text-decoration: none; }
#footer .footerText a:hover { font-weight: bold; color: #0066FF; text-decoration: none; }
/* END: Footer styles */

/* NEW: Home Page styles */
.billboard {
	margin: 0px;
	padding: 12px 6px 6px 6px;
	height: 324px;
	width: 756px;
	float: left;
	overflow:hidden;
}
.promo {
	margin: 0px;
	padding: 6px;
	height: 132px;
	width: 372px;
	float: left;
	overflow:hidden;
}
/* END: Home Page styles */

/* NEW: Article Feeds styles (for Home Page & News Page) */
.articleFeeds {
	background-color: #ffffff;
	margin: 0px;
	padding: 0 6px 0 6px;
	height: 480px;
	margin-bottom: 0px;
	width: 180px;
	float: left;
	overflow: hidden;
}
#articleFeedSlider {
	height: 480px;
	width: 180px;
	min-height: 480px;
	max-height: 480px;
	margin: 0px;
	padding: 0px;
	position: relative;
	overflow: hidden;
	background-color: #fff;
	float: right;
}
#articleFeedSlider ul { margin: 0; padding: 0; list-style: none; width:180px }
#articleFeedSlider .drawer-handle {
	background-color: #ffffff;
	height: 23px;
	width: 180px;
	margin: 0;
	padding: 12px 0 0 0;
	border-bottom: 1px solid #999999;
	color: #333333;
	font-size: 14px;
	text-indent: 0px;
	cursor: default;
	font-weight: bold;
	text-align:left;
}
#articleFeedSlider .drawer-content {
	background-color: #ffffff;
	height: 371px;
	width: 180px;
	/*min-height: 371px;
	max-height: 371px;*/
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #999999;
	overflow: hidden;
}
/* NEW: feedDrawer */
.feedDrawer { font-size: 12px; line-height: 12px; color: #666666; padding: 0; }
.feedDrawer p { font-size: 11px; line-height: 12px; color: #666666; padding: 0; }
.feedDrawer .category { font-size: 11px; line-height: 12px; color: #666666; padding: 0; }
.feedDrawer .subcategory { font-size: 11px; line-height: 12px; color: #999999; padding: 0; font-style:italic; }
.feedDrawer .headline { font-size: 11px; line-height: 12px; color: #333333; padding: 0 0 0 0; font-weight: bold; margin: 6pt 0 0 0; }
.feedDrawer .headline a { color: #333333;text-decoration:none; font-weight:bold; }
.feedDrawer .headline a:hover{ color: #0066FF; text-decoration:none; font-weight:bold; }
.feedDrawer .excerpt { font-size: 11px; line-height: 12px; color: #666666; padding: 0 0 0 0; margin: 0 0 6pt 0; }
.feedDrawer .postdate { font-size: 11px; line-height: 12px; color: #999999; padding: 0 0 0 0; font-style:italic; text-align: right; }
.feedDrawer .morelink { font-size: 11px; line-height: 12px; color: #666666; padding: 0 0 0 0; text-align: right; }
.feedDrawer .morelink a { color: #666666; text-decoration:none; font-weight:normal; }
.feedDrawer .morelink a:hover { color: #0066FF; text-decoration:none; font-weight:normal; }
.feedDrawer .block { width: 156px; padding: 12px 0 12px 0; border-bottom: 1px dashed #999999; }
.feedDrawer .blockEnd { width: 156px; padding: 12px 0 12px 0; border-bottom: none; }
.feedDrawer .contentStatic { width: 180px; 	height: 67px; padding: 0; border-bottom: 1px dashed #999999; overflow:hidden; }
.feedDrawer .contentScroll { width: 180px; height:303px; padding: 0; border-bottom: 1px dashed #999999; overflow:auto; }
.feedDrawer .contentScrollOnly { width: 180px; height:371px; padding: 0; border-bottom: 1px dashed #999999; overflow:auto; }
/* END: feedDrawer */
/* NEW: searchDrawer */
.searchDrawer { font-size: 12px; line-height: 12px; color: #666666; padding: 0 0 0 0;  }
.searchDrawer p { font-size: 11px; line-height: 12px; color: #666666; padding: 0 0 0 0;  }
.searchDrawer .category { font-size: 11px; line-height: 12px; color: #666666; padding: 0 0 0 0;  }
.searchDrawer .subcategory { font-size: 11px; line-height: 12px; color: #999999; padding: 0 0 0 0; font-style:italic;  }
.searchDrawer .headline { font-size: 11px; line-height: 12px; color: #333333; padding: 0 0 0 0; font-weight: bold; margin: 6pt 0 0 0;  }
.searchDrawer .headline a { color: #333333; text-decoration:none; font-weight:bold;  }
.searchDrawer .headline a:hover { color: #0066FF; text-decoration:none; font-weight:bold;  }
.searchDrawer .excerpt { font-size: 11px; line-height: 12px; color: #666666; padding: 0 0 0 0; margin: 0 0 6pt 0;  }
.searchDrawer .postdate { font-size: 11px; line-height: 12px; color: #999999; padding: 0 0 0 0; font-style:italic; text-align: right;   }
.searchDrawer .morelink { font-size: 11px; line-height: 12px; color: #666666; padding: 0 0 0 0; text-align: right;  }
.searchDrawer .morelink a { color: #666666; text-decoration:none; font-weight:normal;  }
.searchDrawer .morelink a:hover { color: #0066FF; text-decoration:none; font-weight:normal;  }
.searchDrawer .block { width: 156px; padding: 12px 0 12px 0; border-bottom: dashed; border-bottom-color: #999999; border-bottom-width: 1px;  }
.searchDrawer .blockEnd{ width: 156px; padding: 12px 0 12px 0; border-bottom: none;  }
.searchDrawer .contentStatic { width: 180px; height: 67px; padding: 0; border-bottom: dashed; border-bottom-color: #999999; border-bottom-width: 0px; overflow:hidden;  }
.searchDrawer .contentScroll { width: 180px; /* height:303px; */ padding: 0; border-bottom: dashed; border-bottom-color: #999999; border-bottom-width: 0px; overflow:auto;  }
.searchDrawer .block_Search { height: 43px; padding: 12px 0 12px 0; border-bottom: solid; border-bottom-color: #999999; border-bottom-width: 1px;  }
.searchDrawer .block_Search img { height: 19px; padding: 12px 0 0 0;  }
/* END: searchDrawer */
/* NEW: archiveDrawer */
.archiveDrawer { line-height: 12px; color: #666666; padding: 0 0 0 0;  }
.archiveDrawer .contentScrollOnly { width: 180px; height:371px; padding: 0; border-bottom: dashed; border-bottom-color: #999999; border-bottom-width: 1px; overflow:auto;  }
.archiveDrawer .contentScrollOnly p { font-size: 14px; line-height: 12px; padding: 12px 0 0 0; color: #999999; font-style: normal;  }
.archiveDrawer .contentScrollOnly  a { color: #666666; text-decoration: none; font-weight: normal; font-style: italic;  }
.archiveDrawer p a { color: #333333; text-decoration: none; font-weight: normal;  }
.archiveDrawer p a:hover{ color: #0066FF; text-decoration: none; font-weight: normal;  }
.archiveDrawer .cname { color: #666666; font-style: italic; font-weight: normal;  }
/* END: archiveDrawer */
/* END: Article Feeds styles (for Home Page & News Page) */

/* NEW: Section Title Bar */
#sectionTitleContainer { width: 756px; padding: 0 6px 0 6px; display: block; clear:both; height: auto; }
#sectionTitleContent { width: 756px; border-bottom: 1px solid #999999; overflow:hidden; padding-bottom: 7px; }
.sectionTitleTitle { width: 250px; padding: 12px 0 0 0; margin: 0 0 0 0px; display: block; float: left; color: #333333; font-size: 14px; font-weight: bold;  }
.sectionTitlePages { width: 256px; padding: 12px 0 0 0; display: block; float: left; text-align: center; color: #999999; font-size: 14px;  word-spacing: 3px; }
.sectionTitlePages a { color: #999999; text-decoration: none; }
.sectionTitlePages a:hover { color: #0066FF; text-decoration: none; }
.sectionTitleFilters { width: 250px; padding: 12px 0 0 0; margin: 0 0 0 0; display: block; float: left; text-align: right; font-size: 14px; color: #999999; }
.sectionTitleFilters a { color: #999999; text-decoration: none; }
.sectionTitleFilters a:hover { color: #0066FF; text-decoration: none; }
#sectionTitle .on { color: #333333; }
.sectionTitlePages .on { color: #333333; }
.sectionTitleFilters .on { color: #333333; }
/* END: Section Title Bar */

/* NEW: Section Item Listings */
.sectionItem { margin: 0px; padding: 6px; height: 244px; width: 244px; float: left; text-align: center; font-family: Calibri, "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; }
.sectionItemBox { margin: 0px; padding: 0px; height: 242px; width: 242px; float: left; border: 1px solid #999999; background-color: #efefef; text-align: center; overflow: hidden; position:relative; }
.sectionItem img { border: 1px solid #999999; margin-bottom: 11px; padding: 0px; overflow: hidden; }
.sectionItem .snippet { width: 220px; height: 30px; position:absolute; left: 11px; bottom: 0px; overflow: hidden; }
.sectionItem .snippet .left { width: 172px; float:left; font-size:12px; font-weight:bold; color:#333333; text-align: left; line-height: 12px; display: block; }
.sectionItem .snippet .right { width: 48px; float:right; font-size:12px; font-weight:bold; color:#333333; text-align:right; line-height: 12px; }
.sectionItem .snippet .item { display: block; text-align: left;}
.sectionItem .snippet .item a { display: block; text-decoration:none; color:#333333; text-align: left;}
.sectionItem .snippet .item a:hover { display: block; text-decoration:none; color: #0066FF; text-align: left;}
.sectionItem .snippet .artist { display: block; text-align: left; font-weight:normal; padding-bottom: 3px;}
.sectionItem .snippet .artist a { display: block; text-decoration:none; color:#666666; text-align: left; font-weight:normal;}
.sectionItem .snippet .artist a:hover { display: block; text-decoration:none; color: #0066FF; text-align: left; font-weight:normal;}
.sectionItem .snippet .zoom { display: block; text-align:right;}
.sectionItem .snippet .zoom a { display: block; text-decoration:none; color:#999999; text-align:right;}
.sectionItem .snippet .zoom a:hover { display: block; text-decoration:none; color: #0066FF; text-align:right;}
.sectionItem .snippet .price { display: block; text-align:right; font-weight:normal;}
/* END: Section Item Listings */

/* NEW: Section Filters styles */
.sectionFilters {
	background-color: #ffffff;
	margin: 0px;
	padding: 0 6px 0 6px;
	height: 560px;
	width: 180px;
	float: left;
	overflow: hidden;
}
#sectionFiltersSlider {
	width: 180px;

	/*height: 560px;*/

	min-height: 560px;
	max-height: 560px;

	margin: 0px;
	padding: 0px;
	position: relative;
	overflow: hidden;
	/*background-color: #666666;
	float: right;*/
}
#sectionFiltersSlider ul { margin: 0; padding: 0; list-style: none; width:180px }
#sectionFiltersSlider .drawer-handle {
	height: 23px;
	width: 180px;
	margin: 0;
	padding: 12px 0 0 0;
	border-bottom: 1px solid #999999;
	color: #333333;
	font-size: 14px;
	text-indent: 0px;
	cursor: pointer;
	font-weight: bold;
	text-align:left;
	position:relative;
}

	.drawer-handle{
	cursor: pointer !important;
	}

	.drawer-handle:hover {
	color: #0066ff !important;
	}

#sectionFiltersSlider .drawer-content {
	background-color: #ffffff;
	width: 180px;
	height: 407px;
	/*
	min-height: 407px;
	max-height: 407px;
	*/
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #999999;
	overflow: hidden;
}

.drawers li{ clear: both; }

#btn_reset_all{ position:absolute; right: 0; top: 12px; font-size: 12px; color: #666; font-weight: normal; }
#btn_reset_all:hover{ color: #0066FF; }

/* NEW: ArtistsDrawer */
#sectionFiltersSlider .artistsDrawer { font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 12px; color: #cccccc; padding: 12px 0 0 0; font-weight: normal; height: 400px; }
#sectionFiltersSlider .artistsDrawer a { color: #333333; text-decoration: none; font-weight: normal; }
#sectionFiltersSlider .artistsDrawer a:hover{ color: #0066FF; text-decoration: none; font-weight: normal; }
#sectionFiltersSlider .artistsDrawer .cname { color: #666666; font-style: italic; font-weight: normal; }
/* END: ArtistsDrawer */
/* NEW: ArtFiltersDrawer */
#sectionFiltersSlider .artFiltersDrawer { font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 12px; color: #666666; padding: 0 0 0 0; }
#sectionFiltersSlider .artFiltersDrawer .block { height: 43px; padding: 12px 0 12px 0; background-color: #ffffff; border-bottom: solid; border-bottom-color: #999999; border-bottom-width: 1px; }
#sectionFiltersSlider .artFiltersDrawer .blockEnd{ height: 43px; padding: 12px 0 12px 0; background-color: #ffffff;  border-bottom: none; }
#sectionFiltersSlider .artFiltersDrawer img { height: 19px; padding: 12px 0 0 0; }


#colour_picker{ margin-top: 8px; position:relative; width: 180px; height: 19px; background:url(../images/common/btn_colour.gif) no-repeat; line-height: 10px; }
#colour_picker a{ position:absolute; height: 19px; width: 19px; display:block; }

#colour_picker a#c_yellow{ left: 19px; width: 15px; }
#colour_picker a#c_green{ left: 34px; width: 25px; }
#colour_picker a#c_blue{ left: 59px; width: 27px; }
#colour_picker a#c_violet{ left: 86px; width: 27px; }
#colour_picker a#c_pink{ left: 113px; width: 20px; }
#colour_picker a#c_red{ left: 133px; width: 17px; }
#colour_picker a#c_gray{ left: 150px; width: 20px; }
#colour_picker a#c_white{ left: 171px; width: 9px; height: 9px; }
#colour_picker a#c_black{ left: 171px; top: 9px; width: 9px; height: 9px !important;}

#colour_picker a.active{ background:url(../images/picker_cross_black.gif) no-repeat 50% 50%; }
#colour_picker a#c_white.active{ background-position: 0px 0px; }
#colour_picker a#c_black.active{ background:url(../images/picker_cross_white.gif) no-repeat 0px 0px; }



/* END: ArtFiltersDrawer */
/* END: Section Filters styles */

/* NEW: Item Page Artist Description */
#artistDescription { float: left; width: 192px; height: 480px; padding-bottom: 0px; overflow:hidden; }
.artistTitle {
	margin: 12px 6px 0 6px;
	padding: 0px;
	height: 23px;
	width: 180px;
	border-bottom: 1px solid #999999;
	font-size: 14px;
	color: #333333;
	font-weight: bold;
	overflow:hidden;
}
.artistDesc {
	margin: 12px 6px 12px 6px;
	padding: 0px;
	height: 431px;
	width: 180px;
	overflow:hidden;
	border-bottom: 1px solid #666;
	font-size: 12px;
	overflow:hidden;
}
/* END: Item Page Artist Description */

/* NEW: Item Page Item Title Bar */
#itemTitleContainer { width: 564px; padding: 0 6px 0 6px; display: block; clear:both; height: auto; }
#itemTitleContent { width: 564px; }
.itemTitleTitle { width: 492px; height: 23px; padding: 12px 0 0 0; margin: 0 0 0 0px; display: block; float: left; color: #333333; font-size: 14px; border-bottom: 1px solid #999999; overflow:hidden; font-weight: bold; }
.itemTitleLeafs { width: 72px; height: 23px; padding: 12px 0 0 0; margin: 0 0 0 0; display: block; float: left; text-align: right; font-size: 14px; border-bottom: 1px solid #999999; color: #999999;}
.itemTitleLeafs a { color: #999999; text-decoration: none; }
.itemTitleLeafs a:hover { color: #0066FF; text-decoration: none; }
.itemTitleContent img { margin: 0 4px 0 4px; }
/* END: Item Page Item Title Bar */

/* NEW: Item Page Item Info */
.itemInfoLeader {
	margin: 12px 0 0 0;
	padding: 0;
	width: 576px;
	float: left;
}
.itemInfoImage {
	padding: 0 0 0 6px;
	margin: 0 0 0 0;
	width: 372px;
	height: 372px;
	float: left;
}
.itemInfoImage img {
	background-color: #ffffff;
	padding: 0;
	margin: 0;

	/*border: 1px solid #999999;*/
}
.itemInfoSpec {
	margin: 0 6px 0 0;
	padding: 0 0 0 0;
	width: 180px;
	height: 371px;
	float: right;
	overflow:hidden;
	border-bottom: 1px solid #999999;
}
.itemInfoSpec .type { font-weight: bold; color: #666666; border-bottom: 1px solid #999999; line-height: 12px; margin: 0 0 12px 0; padding: 0 0 11px 0; }
.itemInfoSpec .dimensions { color: #666666; border-bottom: 1px solid #999999; line-height: 12px; margin: 0 0 12px 0; padding: 0 0 11px 0; }
.itemInfoSpec .materials { font-style: italic; color: #999999; border-bottom: 1px solid #999999; line-height: 12px; margin: 0 0 12px 0; padding: 0 0 11px 0; }
/* END: Item Page Item Info */

/* NEW: Item Page Item Utilities */
.itemUtilitiesContainer {
	margin: 0;
	padding: 12px 6px 0 6px;
	height: 48px;
	width: 564px;
	float: left;
}
.itemUtilitiesContent {
	margin: 0;
	padding: 0 0 11px 0;
	height: 36px;
	width: 564px;
	border-bottom: 1px solid #999999;
	float: left;
}
/* NEW: Thumbnails */
.itemUtilitiesContent #itemThumbnails {
	margin: 0;
	padding: 0 0 0 0;
	background: #ffffff;
	width: 384px;
	height: 36px;
	background-image: url(/images/common/blank.gif);
	background-repeat: no-repeat ;
	background-color: #ffffff;
	float: left;
	overflow:hidden;
}
.itemUtilitiesContent #itemThumbnails .thumbBox {
	margin: 0;
	padding: 0 12px 0 0;
	float: left;
	background-color: #ffffff;
}
.itemUtilitiesContent #itemThumbnails .thumbBoxIcn {
	margin: 0;
	padding: 0 12px 0 0;
	float: right;
	background-color: #ffffff;
}
.itemUtilitiesContent #itemThumbnails img {

	border: 1px solid #999999;
	}
.itemUtilitiesContent #itemThumbnails .thumbBoxIcn img {
	height: 34px;
	width: 34px;
	border: 1px solid #ffffff;
	}
/* END: Thumbnails */
/* NEW: BuyBar */
.itemUtilitiesContent #buyBar {
	margin: 0px;
	padding: 0px;
	float: right;
	height: 34px;
	width: 178px;
	border: 1px solid #999999;
	display: block;
	font-size: 14px;
	font-weight: bold;
}
.itemUtilitiesContent #buyBar #itemPrice {
	background-color: #ffffff;
	text-align: center;
	text-indent: 0px;
	float: left;
	width:89px;
	height:34px;
	line-height: 36px;
}
.itemUtilitiesContent #buyBar #buyNow {
	background-color: #999999;
	text-align: center;
	text-indent: 0px;
	float: right;
	width:89px;
	height:34px;
	line-height: 36px;
	color:#FFFFFF;
}
.itemUtilitiesContent #buyBar a { text-decoration:none; color:#FFFFFF; }
/* END: BuyBar */
/* NEW: Item Page Item Utilities */

/* NEW: Item Page Back Button */
.backBtnContainer {
	padding: 12px 6px 0 6px;
	margin: 0px;
	height: 24px;
	width: 180px;
}
.backBtn {
	height: 23px;
	width: 180px;
	border-bottom: 1px solid #999999;
	font-size: 14px;
	color: #333333;
	font-weight: bold;
	float: right;
}
.backBtn a { color: #333333; text-decoration: none; }
.backBtn a:hover { color: #0066FF; text-decoration: none; }
/* END: Item Page Back Button */

/* NEW: Item Page Filters styles */
.itemFilters {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0 6px 0 6px;
	height: 444px;
	width: 180px;
	float: right;
	overflow: hidden;
}
#itemFiltersSlider {
	height: 444px;
	width: 180px;
	min-height: 444px;
	max-height: 444px;
	margin: 0px;
	padding: 0px;
	position: relative;
	overflow: hidden;
	float: right;
}
#itemFiltersSlider ul { margin: 0; padding: 0; list-style: none; width:180px }
#itemFiltersSlider .drawer-handle {
	background-color: #ffffff;
	height: 23px;
	width: 180px;
	margin: 0;
	padding: 12px 0 0 0;
	border-bottom: 1px solid #999999;
	color: #333333;
	font-size: 14px;
	text-indent: 0px;
	cursor: default;
	font-weight: bold;
	text-align:left;
}
#itemFiltersSlider .drawer-content {
	background-color: #ffffff;
	width: 180px;

	height: 371px;/*
	min-height: 371px;
	max-height: 371px;
	*/
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #999999;
	overflow: auto;
}
/* NEW: artistsDrawer */
#itemFiltersSlider .artistsDrawer { font-size: 12px; line-height: 12px; color: #cccccc; padding: 12px 0 0 0; font-weight: normal; height: 359px; }
#itemFiltersSlider .artistsDrawer a { color: #333333; text-decoration: none; font-weight: normal; }
#itemFiltersSlider .artistsDrawer a:hover{ color: #0066FF; text-decoration: none; font-weight: normal; }
#itemFiltersSlider .artistsDrawer .cname { color: #666666; font-style: italic; font-weight: normal; }
/* END: artistsDrawer */
/* NEW: carouselDrawer */
#itemFiltersSlider .carouselDrawer { font-size: 12px; line-height: 12px; color: #666666; padding: 0 0 0 0; text-align: left; height: 370px; }
#itemFiltersSlider .carouselDrawer img { margin: 0 0 6px 0; display:block; border-width: 1px; border-style: solid; border-color: #999999; }
#itemFiltersSlider .carouselDrawer .block { padding: 12px 0 12px 12px; margin: 0 24px 0 0; border-bottom: 1px solid #999999; min-height: 90px; }

#itemFiltersSlider .carouselDrawer .archived { background: #EFEFEF; }
#itemFiltersSlider .carouselDrawer .blockEnd{ padding: 12px 0 12px 12px; margin: 0 24px 0 0; border-bottom: none; }
/* END: carouselDrawer */
/* END: Item Page Filters styles */

/* NEW: Item Page Artist Details (fold out) */
.artistDetails {
	width: 960px;
	height: 36px;
	padding: 12px 0 6px 0;
	margin: 0; /* Must stay zero use padding instead */
}
.artistDetailsTitle {
	text-align:left;
	width: 948px;
	height: 34px;
	padding: 0;
	margin: 0 6px 0 6px;
	border-top: 1px dashed #999999;
	border-bottom: 1px solid #999999;
	font-size: 14px;
	line-height: 34px;
}
.artistDetailsTitle a {
	font-size: 14px;
	color: #333333;
	text-decoration:none;
}
.artistDetailsTitle a:hover {
	font-size: 14px;
	color: #0066FF;
	text-decoration:none;
}
#artistDetailsContainer {
	width: 960px;
	padding:0;
	display:block;
	clear:both;
	height:auto;
	background: url(/images/item/vertBars.gif) repeat-y;
}
#artistDetailsContainer #artistDetailsContent {
	width: 960px;
	padding:6px 0 6px 0;
}
#artistDetailsContent #fiveColumns { width: 960px;}
.t1_5   { width: 180px;   padding-left:  6px;   padding-right: 6px;} /*width*/
.t1_5 { float: left; margin-bottom: 0px; display: block;}
.clear { overflow:auto; clear:both; }
.paragraph   { margin: 0; padding: 0 7px 0px 0px; display: block;}
.paragraph .title {font-weight:bold; color:#333333; margin-bottom:6px;}
.paragraph .subtitle {font-weight:bold; color:#333333; margin-bottom:6px;}
.paragraph .latest {font-weight:bold; color:#333333; margin-bottom:6px; margin-top:6px;}
.paragraph p a {font-weight:bold; color:#999999; font-style:italic;}
.paragraph p a:hover {font-weight:bold; color:#0066FF; font-style:italic;}
/* END: Item Page Artist Details (fold out) */

/* NEW: Article Title Container */
#articleContentContainer { width: 564px; padding: 0 6px 0 6px; display: block; clear:both; height: auto; }
#articleTitleContent { width: 564px; }
.articleTitleCategory { width: 492px; height: 23px; padding: 12px 0 0 0; margin: 0 0 0 0px; display: block; float: left; color: #333333; font-size: 14px; border-bottom: 1px solid #999999; overflow:hidden; word-spacing: 12px; font-weight: bold; }
.articleTitleSubCategory { width: 492px; height: 23px; padding: 12px 0 0 0; margin: 0 0 0 0px; display: block; float: left; color: #333333; font-size: 14px; border-bottom: 1px solid #999999; overflow:hidden; font-weight: bold; }
.articleTitleDate { color: #999999; text-decoration: none; font-style: italic; word-spacing: 0px; font-weight: normal;}
.articleTitleLeafs { width: 72px; height: 23px; padding: 12px 0 0 0; margin: 0 0 0 0; display: block; float: left; text-align: right; font-size: 14px; border-bottom: 1px solid #999999; color: #999999;}
.articleTitleLeafs a { color: #999999; text-decoration: none; }
.articleTitleLeafs a:hover { color: #0066FF; text-decoration: none; }
/* END: Article Title Container */

/* NEW: Article Leader styles */
.articleLeader {
	height: 239px;
	width: 564px;
	padding: 12px 0 0 0;
	float: left;
	border-bottom: 1px dashed #999999;
	margin: 0;
	overflow:hidden;
}
.articleLeader .leaderImage{
	padding: 0px;
	height: 228px;
	width: 372px;
	float: left;
	margin: 0px;
	background: none;
}
.articleLeader .leaderText{
	width: 180px;
	height: 179px;
	border-bottom: 1px dashed #999999;
	float: right;
	margin: 0 0 0 12px;
	padding: 0;
	color: #333333;
}
.articleLeader .leaderHeadline{
	width: 180px;
	color: #333333;
	display:block;
	font-size: 26px;
	line-height: 24px;
	padding-bottom: 12px;
}
.articleLeader .leaderThumbnails{
	margin: 12px 0 0 0;
	width: 192px;
	height: 36px;
	float: right;
}
.articleLeader .leaderThumb{
	width: 34px;
	height: 22px;
	margin: 0 0 0 9px;
	border: 1px solid #999999;
}
/* END: Article Leader styles */

/* NEW: Article Text styles */
.articleTwoCols {
	width: 564px;
	padding: 0px;
	float: left;
	background: url(/images/article/verticleDots.gif) center repeat-y;
	margin: 12px 0 12px 0;
}
.articleTwoColL {
	width: 270px;
	float: left;
	margin: 0;
	padding: 0;
}
.articleTwoColR {
	width: 270px;
	float: right;
	margin: 0;
	padding: 0;
}
.articleText { margin: 0px; width: 564px; float: left; padding: 12px 0 0 0; }
.articleText a { text-decoration:none; color: #0066FF; }
.articleText a:hover { text-decoration:none; color: #0066FF; }
.articleAuthor { color: #999999; font-size:12px; font-weight: bold; font-style:italic; font-weight:normal; line-height: 12px; }
.articleTextTitle { color: #333333; font-size:20px; font-weight: bold; font-weight:normal; line-height: 20px;}
.articleIntro { color: #333333; }
.articleQuote { color: #333333; font-size:16px; font-weight: bold; font-weight:normal; line-height: 20px; padding: 0 12px 0px 12px; margin: 0 0 12px 0; }
.articleComments { margin: 0; padding: 12px 0 0 0; width: 564px; float: left; border-top: 1px dashed #999999; font-size: 14px; color: #333333; }
.articleComments .title { color: #333333; font-size:14px; font-weight: bold; }
.articleComments .message { color: #666666; }
.articleComments a { text-decoration:none; color: #0066FF; font-weight: bold; }
.articleComments a:hover { text-decoration:none; color: #0066FF;font-weight: bold; }
/* END: Article Text styles */

/* NEW: About Page styles */
.aboutMenuContainer {
	padding: 0 6px 0px 6px;
	margin: 0px;
	width: 180px;
}
.aboutMenu {
	background-color: #FFFFFF;
	margin: 12px 0px 0px 0px;
	padding: 0px;
	height: 467px;
	width: 180px;
	border-bottom: 1px solid #999999;
}
.aboutMenuTitle {
	margin: 0 0 6px 0;
	padding: 0px;
	height: 23px;
	width: 180px;
	border-bottom: 1px solid #999999;
	font-size: 14px;
	color: #333333;
	font-weight: bold;
}
.aboutMenuList {
	margin: 0 0 18px 0;
	padding: 0;
	font-size: 12px;
	color: #666666;
	font-weight: bold;
	line-height:18px;
}
.aboutMenuList ul,li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.aboutMenuList a {
	text-decoration: none;
	color: #666666;
}
.aboutMenuList a:hover {
	text-decoration:none;
	color: #0066FF;
}
/* END: About Page styles */

/* NEW: Twitter Feed */
.twitterFeed {
	margin: 6px 0 0 0;
	padding: 42px 18px 18px 18px;
	height: 84px;
	width: 156px;
	background: url(/images/common/bkg_twitterFeed.png) no-repeat;
	float: left;
	overflow: hidden;
}
.twitterFeed p { color: #333333; font-size: 11px; line-height: 12px; }
.twitterFeed p a { color: #0066FF; font-weight: normal; text-decoration:none; }
.twitterFeed p.author { color: #666666; font-size: 14px; line-height: 12px; text-decoration:none; padding-bottom: 5px; }
.twitterFeed .author a { color: #666666; text-decoration:none; }
.twitterFeed .author a:hover { color: #0066FF; text-decoration:none; }
/* END: Twitter Feed */

/* NEW: Advertising styles */
.banner160x600 { width: 160px; height: 600px; background: url(/images/common/bkg_banner160x600.gif) no-repeat; margin: 0 0 0 0; padding: 18px 16px 6px 16px; }
.banner160x90 { width: 160px; height: 90px; background: url(/images/common/bkg_banner160x90.gif) no-repeat; margin: 12px 0 0 0; padding: 21px 16px 21px 16px; float: left; }
/* END: Advertising styles */


/*** SCROLLBAR ***/

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: url(../images/scroll_back.jpg) repeat-y;
	width: 22px;
}
.jScrollPaneDrag {
	position: absolute;
	background: url(../images/scroll_drag.jpg) no-repeat;
	cursor: pointer;
	overflow: hidden;
}
	.jScrollPaneDrag_hover{
	background-position: 0 -76px;
	}

.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}



.overlays {
	width: 960px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
/* END: Generic styles */

.overlays #overlayOneCol { width: 960px; display: block; clear:both; height:auto; }
.overlays #overlayOneColContent { width: 960px;}
.overlays .overlayOneColcolumn1_1 { width: 960px; padding: 0px; display: block; float: left; }
.overlays .overlayOneColcolumn1_1 img { margin: 0; padding: 0; display: block; border: 1px solid #999999;}

.overlays #overlayTitleContainer { width: 960px; display: block; clear:both; height:auto; }
.overlays #overlayTitleContent { width: 960px;}
.overlays #overlayTitleContent img { padding: 0 6px 0 12px; vertical-align: middle; }
.overlays .overlayTitlecolumn1_2 { width: 756px; padding: 0 12px 12px 0; display: block; display: block; float: left; }
.overlays .overlayTitlecolumn2_2 { width: 180px; padding: 0 0 12px 0; display: block; float: left; }

.overlays #overlayTwoColContainer { width: 960px; display: block; clear:both; height:auto; }
.overlays #overlayTwoColContent { width: 960px;}
.overlays .overlayColumn1_2 { width: 756px; padding: 0 12px 0 0; display: block; display: block; float: left; }
.overlays .overlayColumn1_2 img { border: 1px solid #999999;}
.overlays .overlayColumn2_2 { width: 180px; height: 480px; padding: 0 12px 0 0; display: block; float: left; }
.overlays .overlayColumn2_2 h1 { font-size:14px; font-weight:bold; color: #ffffff; padding-bottom: 12px;}
.overlays .overlayColumn2_2 p { color: #ffffff; }
.overlays .overlayColumn2_2 a{ color: #999; }
.overlays .overlayColumn2_2 a:hover{ color: #ffffff; }
.overlays .overlayColumn2_2short { width: 180px; height: 372px; padding: 0 12px 0 0; display: block; float: left; }
.overlays .overlayColumn2_2short h1 { font-size:14px; font-weight:bold; color: #ffffff; padding-bottom: 12px;}
.overlays .overlayColumn2_2short p { color: #ffffff; }
.overlays .overlayColumn2_2short a{ color: #999; }
.overlays .overlayColumn2_2short a:hover{ color: #ffffff; }
.overlays .overlayColumn2_2controls { width: 180px; height: 108px; padding: 0 12px 0 0; display: block; float: left; }


/* NEW: Item Page Item Utilities */
.overlays .itemUtilitiesContainer {
	margin: 0;
	padding: 12px 0 0 0;
	height: 48px;
	width: 948px;
	float: left;
}
.overlays .itemUtilitiesContent {
	margin: 0;
	padding: 0 0 0px 0;
	height: 36px;
	width: 948px;
	float: left;
	border-bottom: 0px !important;
}
/* NEW: Thumbnails */
.overlays .itemUtilitiesContent #itemThumbnails {
	margin: 0;
	padding: 0 0 0 0;
	width: 948px;
	height: 36px;
	background: url(../images/overlays/bkg_thumbs.gif) !important;
	background-repeat: repeat-x;
	float: left;
	overflow:hidden;
}
.overlays .itemUtilitiesContent #itemThumbnails .thumbBox {
	margin: 0;
	padding: 0 12px 0 0;
	float: left;
	background-color: #000000;
}
.overlays .itemUtilitiesContent #itemThumbnails .thumbBoxEnd {
	margin: 0;
	padding: 0;
	float: left;
	background-color: #000000;
}
.overlays .itemUtilitiesContent #itemThumbnails img {
	border: 1px solid #999999;
	}
/* END: Thumbnails */
/* NEW: Item Page Item Utilities */


/* NEW: Section Title Bar */
.overlays #sectionTitleContainer { width: 756px; padding: 0; display: block; clear:both; height: auto; }
.overlays #sectionTitleContent { width: 756px; }
.overlays .sectionTitleTitle { width: 456px; padding: 12px 0 0 0; margin: 0 0 0 0px; display: block; float: left; color: #ffffff; font-size: 14px; font-weight: bold; border-bottom: 0px solid #999999; }
.overlays .sectionTitleTitle a { color: #999999; text-decoration: none; }
.overlays .sectionTitleTitle .artist { color: #999999; font-style:italic; font-weight:normal; margin-left: 12px;}
.overlays .sectionTitleTitle .artist a { color: #999999; text-decoration: none; font-style:italic; }
.overlays .sectionTitleFilters { width: 296px; padding: 12px 0 0 0; margin: 0 0 0 0; display: block; font-weight:bold; float: left; text-align: right; font-size: 14px; border-bottom: 0px solid #999999; }
.overlays .sectionTitleFilters a { color: #999999; text-decoration: none; }
.overlays .sectionTitleFilters a:hover { color: #ffffff; text-decoration: none; }
.overlays #sectionTitle .on { color: #666666; }
/* END: Section Title Bar */

/* NEW: Item Page Artist Description */
.overlays .artistTitle {
	margin: 12px 0 0 0;
	padding: 0px;
	height: 23px;
	width: 180px;
	border-bottom: 1px solid #999999;
	font-size: 14px;
	color: #999999;
	font-weight: bold;
	text-align:right;
	overflow:hidden;
}
.overlays .artistTitle a { color: #999999; text-decoration: none; }
.overlays .artistTitle a:hover { color: #ffffff; text-decoration: none; }
.overlays .artistDesc {
	margin: 12px 0 12px 0;
	padding: 0px;
	height: 431px;
	width: 180px;
	overflow:hidden;
	border-bottom: 1px solid #999999;
	font-size: 14px;
	overflow:hidden;
}


.close_slideshow{
	margin: 12px 0 0 0;
	padding: 0px;
	display:block;
	height: 23px;
	width: 180px;
	padding-bottom: 2px;
	border-bottom: 1px solid #999999;
	font-size: 14px;
	color: #999999;
	font-weight: bold;
	text-align:right;
	overflow:hidden;
	background: url(../images/icn_close_overlay.gif) 140px -1px  no-repeat;
	padding-left: 16px;

}
	.close_slideshow:hover{ color:#fff; }

/* END: Item Page Artist Description */


/* SALES INFO OVERLAY */

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #999999;}
#TB_window a:visited {color: #999999;}
#TB_window a:hover {color: #fff;}
#TB_window a:active {color: #999999;}
#TB_window a:focus{color: #999999;}

#TB_closeWindowButton{ font-size: 14px; font-weight: bold; padding-left: 15px; background: url(../images/icn_close_overlay.gif) 0 -1px no-repeat; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(../images/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 1px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 10px;
	margin-bottom:1px;
	text-align:right;
	float:right;
	background:#000000;
}



#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#fff;
	height:29px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}


#overlay_container{ font-size: 12px; color: #666; padding: 20px; width: 590px; height: 370px; overflow:auto; }
#overlay_container .articleTitleSubCategory { width: 582px; }
#overlay_container .articleText{ text-align:left; }