/* Body ------------------------------------------------------------------------------------------------------------------------------------------------------ */
body {background-color:#ffffff; text-align:center;}
#body_wrap {position:relative; margin:0 auto; text-align:left;}
.col100{padding: 0}
.col100>h1,
.col100>h2,
.col100>h3{padding:0 10px; font-weight: normal;}
.archiveTitle{ float:left;}

/* Header ---------------------------------------------------------------------------------------------------------------------------------------------------- */
#header_wrap {background-color:#fff repeat-x #2a2a2a;}
#header_wrap *{ font-family:SuperGroteskOTregular!important;}
#header {position:relative; width:940px; height:70px; margin:0 auto; padding:10px; background-color:#fff;} 
#header a:link, #header a:active, #header a:hover, #header a:visited {color:#000;}

#logo {position:relative;}
#header_title{position: absolute;padding-left: 50px;line-height: 55px;vertical-align: middle;font-size: 34px;font-weight:normal; color:#000}

/* Main Navigation */
#nav {position:absolute; right:10px; top:30px; font-size:22px; font-weight:bold;}
#nav li {display:inline-block; padding-left:15px;}
#nav a:link, #nav a:active, #nav a:hover, #nav a:visited {color:#eee;}

/* Sub Navigation */
#sub_nav_wrap {min-height:0; height:33px; padding:0; background-color: #0093A0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;/*background:url(../images/nav_wrap_blue_bg.png) repeat-x #069;*/}
#sub_nav {position:absolute; width:100%; left:0; margin:0; padding:0 10px; font-size:15px;color:#FFF; list-style:none;}
#sub_nav>li {float:left; margin:0 15px 0 0; padding:7px 0;}

#sub_nav>li>ul {position:absolute; overflow:hidden; top:35px; width:250px; margin:0; padding:0; background:#0093A0; /*opacity:0.95;*/ border-bottom-right-radius:5px; border-bottom-left-radius:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; /*box-shadow:0px 0px 8px #555; -moz-box-shadow:0px 0px 8px #555; -webkit-box-shadow:0px 0px 8px #555;*/ z-index:100;}


#sub_nav .css_nav_dropmenu>ul {left:-999em;}
#sub_nav .css_nav_dropmenu:hover>ul {left:auto; border:1px solid #222;} 
#sub_nav .js_nav_dropmenu>ul {height:0;}

#sub_nav a:link, #sub_nav a:active, #sub_nav a:hover, #sub_nav a:visited {color:#fff;}

#sub_nav >li>ul>li {padding:2px 10px 4px; display:inline-block; width:100%; font-size:14px;}
#sub_nav >li>ul>li a {display:inline-block; width:90%; font-weight:normal;}
#sub_nav >li>ul>li:before {content:"\00bb\00a0";} /* "\00bb\00a0" = "» " Characters*/
#sub_nav >li>ul>li:hover,
#sub_nav >li>ul>li:hover * {background:#fff; color: #000}
#sub_nav >li>ul>li a:hover {color: #000}
#sub_nav >li>ul>li:last-child {margin-bottom:2px;}

#sub_nav >li>ul>li.header {background:#4C4C4C; font-size:15px; box-shadow:0 2px 4px #222;}
#sub_nav >li>ul>li.header:hover{color: #fff}
#sub_nav >li>ul>li.header + li {padding-top:5px;}
/*#sub_nav >li>ul>li.header + li:hover {box-shadow:inset 1 2px 4px #0093A0;}
#sub_nav >li>ul>li.header + li.status {box-shadow:inset 1 2px 4px #0093A0;}*/
#sub_nav >li>ul>li.header small {display:block; font-size:11px; font-weight:normal; color:#fff}
#sub_nav >li>ul>li.header:before {content:"";}

#sub_nav >li>ul>li.status {padding:6px 10px; background:#0093A0; font-size:13px; font-weight:normal; color:#fff;}
#sub_nav >li>ul>li.status a {display:inline;}
#sub_nav >li>ul>li.status:before {content:"";}
#sub_nav >li>ul>li.status:last-child {padding-bottom:10px;}

/* Google Search box */
#sub_nav #user_guide_search {float:right; font-size:12px; padding:3px;}
#sub_nav #user_guide_input {width:125px; height:15px;}


/* Footer ---------------------------------------------------------------------------------------------------------------------------------------------------- */
#footer {color:#000; /*background:url(../images/footer_wrap_bg.png) repeat-x 0 100%;*/ padding: 0 10px;  width: 940px;}

/* Content Wraps --------------------------------------------------------------------------------------------------------------------------------------------- */
.w100, .w88, .w66, .w50, .w33, .w11 {float:left; margin:0 10px 0 0; padding:10px;}
.w100.float_r, .w66.float_r, .w50.float_r, .w33.float_r {float:right;}
.w100 {width:938px; margin:0 0 10px;}
fieldset.w50{float:none}
.text_r{text-align: right;}
.text_l{text-align: left;}

a.home_tiles{position:relative; display: block; margin: 0;float: left;padding: 0; }
a.home_tiles span{ position: absolute; background: -moz-linear-gradient(right,  rgba(246,243,238,1) 0%, rgba(246,243,238,0) 50%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left right, color-stop(0%,rgba(246,243,238,1)), color-stop(50%,rgba(246,243,238,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(right,  rgba(246,243,238,1) 0%,rgba(246,243,238,0) 50%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(right,  rgba(246,243,238,1) 0%,rgba(246,243,238,0) 50%); /* Opera 11.10+ */
background: -ms-linear-gradient(right,  rgba(246,243,238,1) 0%,rgba(246,243,238,0) 50%); /* IE10+ */
background: linear-gradient(to right, rgba(246,243,238,1) 0%,rgba(246,243,238,0) 50%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3ffffff',GradientType=0 ); /* IE6-9 */
font-size: 24px; line-height: 26px; width: 100%; color: black;}
a.home_tiles img{ width:100%; display: block;}
.w88 {width:798px;}
.w66 {width:656px;}
.w50 {width:441px;}
.w33 {width:250px;}
.w11 {width:79px;}
.r_margin {margin-right:0;}

.pad_10 {padding:5px 10px;}
.w100.pad_10 {width:936px; margin-bottom:0;}
.w66.pad_10 {width:608px;}
.w50.pad_10 {width:458px;}
.w33.pad_10 {width:289px;}

.position_left {float:left; width:440px; margin-right:10px; padding-right:20px;}
.position_right {float:left; width:440px;}
.w100.pad_10 .position_left {width:450px;}
.w100.pad_10 .position_right {width:450px;}

.pad_l_20 {padding-left:20px;} /* Pad cart discount/surcharge data */

.content_wrap.nav_bg {}
.content_wrap.intro_bg {}
.content_wrap.main_content_bg { background-color:#fff}
.content_wrap.footer_bg {}
.content_wrap.no_bg_overlap {background-position:0 -10px;}

.content {position:relative; width:960px; margin:0 auto; padding:0;}
.nav_search{padding:5px 0 0;}
fieldset.top_search{padding:0; border:none;margin:0 14px 0 0; width:auto; background: none; float:right}
fieldset {width:926px; margin:10px 0; padding:10px 15px; /*background-color:#f0f0f0;*/ border:1px solid #aaa; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
fieldset.top_search 
fieldset.w50 {margin:5px auto; float:none}
fieldset.w50.r_margin {margin-right:0;}
.tableForm{margin:2px; margin-bottom:20px; border:2px groove #789ecd; background-color:#FFFFFF; border:1px solid #aaa; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.tableForm fieldset {border: none!important;}
.tableForm fieldset .advsearch { margin:0 10px; line-height:19px}
.tableForm fieldset .advsearch .inputTxt,
.tableForm fieldset .advsearch .inputTxt300,
.tableForm fieldset .advsearch select{ width:auto; color:#333; border:1px solid #666; margin-top:0; margin-right: 15px;}
.tableForm fieldset .advsearch .inputTxt{width:250px;margin-right: 15px;}
.tableForm fieldset .advsearch .w100{ width:100px; height:22px; border:1px solid #666; margin-top: 5px; margin-bottom:17px; float:left}
.tableForm fieldset .advsearch .w50{ width:50px; height:22px;  border:1px solid #666}
.tableForm fieldset .advsearch .w20{ width:15px; height:15px; border:none; padding-right:5px; margin-top: 5px;}
.tableForm fieldset .advsearch,
.tableForm fieldset .advsearch *{text-align:left; vertical-align:top}
.tableForm fieldset .advsearch label{ float:none; text-align:left}
.tableForm fieldset .divButForm{ padding:3px 0px 3px 0; text-align:right; border-top:2px groove #FFC}
.advSchTitle{ background:#BBB; color:#fff; text-align:center; font-size:14px; font-weight:bold; padding:4px; border-bottom:2px groove #FFC}
.closeAdvSearch{ float:right; cursor:pointer}
#row_0{padding-left: 77px;}
.advsearchOther{ padding:15px 0;}
.advsearchOther p{ border-bottom:1px solid #f0f0f0}
a.AddFilter{ background: url(../images/browsing/icon_plus.png) 0% center no-repeat; display: inline-block; height: 22px; width: 22px;}
a.DelFilter{background: url(../images/browsing/icon_minus.png) 0% center no-repeat; display: inline-block; height: 22px; width: 22px;}
a.AddFilter span,
a.DelFilter span {display: none}


.frame {/*background-color:#f0f0f0;*/ border:1px solid #aaa; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

.frame_note {margin-top:5px; margin-bottom:15px; padding:10px; /*background-color:#e6e6e6; border:1px solid #ccc;*/}
.frame_note hr {margin-top:10px; margin-bottom:10px;}
.frame_note p:last-child {margin:0;}
.frame_note:last-child {margin-bottom:5px;}

/* Box Navigation*/
.boxNavigation {font-size: 76%;	background: #EFEFEF; padding: 0 5px 5px 5px}
/* Breadcrumbs */
.breadcrumbs{ width: 960px; margin: 0 auto;line-height: 30px; border-bottom: 1px dotted gray; /*background:url(../images/intro_wrap_bg.png) repeat-x #f0f0f0 0 0;*/}
.breadcrumbs >div{ margin: 0 10px;}
.breadcrumbs ul#crumbs{list-style:none; display: inline-block;}
.breadcrumbs ul#crumbs li{width: auto; display: inline-block; padding:0}
.breadcrumbs li:after{overflow:visible;}

/*Browsing Menu*/
.float_r .browsingCategory{text-align: right;}
.browsingCategory{text-align: left;}
.browsingCategory li{ display: inline-block; list-style: none; margin-right:28px; padding; }
.browsingCategory li a{border-bottom: 1px solid #000;}
.browsingCategory li a.curret_menu,
.browsingCategory li a:hover{text-decoration: none; border-bottom: 3px solid #000;}
.browsingCategory li.last{ margin-right: 0; padding-right:0;  }
/* Misc Elements --------------------------------------------------------------------------------------------------------------------------------------------- */
h3.heading {display:block; margin:-12px -17px 10px -17px; padding:10px 15px; border:2px solid #aaa; border-bottom:1px solid #aaa; background-color:#ccc; color:#0093A0; font-weight:bold; font-size:16px;}

/* User Guide Main Index */
.inl_block li {display:inline-block; width:225px; margin-left:-20px;}
.inl_block li:before, .inl_block li:before {content:"\2022\00a0"; font-size:17px;}

/* Item Form Examples */
.inl_list ul {margin:0; padding:5px 0; list-style:none;}
.inl_list li {display:inline-block; margin:0 50px 0 0;}
.inl_list label {width:auto;}

.bullet ul, ul.bullet {list-style-position:outside; padding-left:20px; list-style:disc;}
.pad_10 hr {margin:10px auto;}
.inline {display:inline;}

/* Toggle Content */
.toggle {font-weight:bold; font-size:12px; cursor:pointer;}
h3.toggle {margin:15px 0 5px; font-size:15px;}
label.toggle {font-weight:normal; font-size:14px; cursor:pointer;}
.hide_toggle {display:none;}

/* tooltip styling */
.tooltip_trigger {cursor:help;}
span.tooltip_trigger:after {content:"\2020"; vertical-align:7px; font-size:70%; color:#069;}

.tooltip {
	display:none; min-width:120px; max-width:250px; padding:10px; background-color:#444; border:1px solid #222; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
	color:#eee; box-shadow:0 2px 10px rgba(0,0,0,0.5); -webkit-box-shadow:0 2px 10px rgba(0,0,0,0.5); -moz-box-shadow:0 2px 10px rgba(0,0,0,0.5);
	-moz-opacity: 0.5;
	filter:alpha(opacity=5);
}
.tooltip.width_400 {max-width:400px;}
.tooltip table {color:#0093A0;}

/* Page Intro ------------------------------------------------------------------------------------------------------------------------------------------------ */
.intro_text {padding:0 5px;}

/* Site Index ------------------------------------------------------------------------------------------------------------------------------------------------ */
#home .main_banner .content {height:300px; padding:0; background:url(../images/nav_bg_ctr.png) center no-repeat;}


.anchor_nav {margin:10px 0; padding:10px; background:#e6e6e6; border:1px solid #aaa;}
.anchor_nav p {margin-bottom:15px;}
.anchor_nav p:last-child {margin:0;}



/* Messages --------------------------------------------------------------------------------------------------------------------------------------------------- */
#message {margin-bottom:10px; border:2px solid #0093A0; font-size:18px; font-weight:bold; text-align:center;}
#message .status_msg {margin:0; padding:5px; background-color:#DF7;}
#message .error_msg {margin:0; padding:5px; background-color:#FAA;}

/* List Element Result ---------------------------------------------------------------------------------------------------------------------------------------- */
.listResContainer .listElem{margin:25px 0 0 0;position:relative;font-size:14px;border-bottom:2px solid #e2e2e2;padding-bottom:25px}
.listResContainer .listElemfirst{margin:0}
.listResContainer .listElemLast{border-bottom:0}
.listResContainer .listThumb{top:0;left:0;width:180px;text-align:center;float:left}
.listResContainer .listThumb img{max-height:180px;max-width:180px}
.listResContainer .listElemInfo{float:left;margin-left:20px;width: 68%;line-height:20px}
.listResContainer .listElemInfo a{color:#000; text-decoration: underline;}
.listResContainer .listElemInfo .elemTitle h5,
.listResContainer .listElemInfo .elemTitle h5 a{color:#000; font-size: 17px; text-decoration: none;}
.listResContainer .listElemInfo .elemTitle h5 a:hover{text-decoration: underline;}
.listResContainer .listElemInfo .elemInfo{color:#000}
.listResContainer .gallery{color:#000}
.listResContainer .listElemInfo .document a,
.listResContainer .listElemInfo .gallery a{font-weight:normal}
.listResContainer .listElemInfo .document span,
.listResContainer .listElemInfo .gallery span,
.listResContainer .listElemInfo .elemInfo span{color: #0093A0}

/* Grid Element Result ---------------------------------------------------------------------------------------------------------------------------------------- */
.gridResContainer {float:left;width:687px;margin:0 0 0 27px}
.gridResContainer .grid-results-object{float:left;padding:25px 24px;border-right:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;position:relative;display:block}
.gridResContainer .grid-last-col-element{border-right:0}
.gridResContainer .grid-last-row-element{border-bottom:0}
.gridResContainer .grid-thumbnail-container{display:table;height:205px;width:180px}
.gridResContainer .grid-results-thumbnail{max-height:180px;max-width:180px;text-align:center;display:table-cell;vertical-align:middle}
.gridResContainer .grid-results-object-info{background-color:#000;padding:15px 5px 15px 15px;position:absolute;top:90px;z-index:100;left:61px;display:none;-ms-filter:"alpha(opacity=80)";opacity:.85}
.gridResContainer .grid-object-title{font-family:'UrbanoBold',arial;font-weight:normal;font-size:14px;color:#bfb8a8}
.gridResContainer .grid-object-artist{font-family:'UrbanoRegular',arial;font-size:14px;color:#fff}
.gridResContainer .grid-object-desc{font-family:'UrbanoLight',arial;font-size:14px;color:#fff}
.showsection{display:block}
.hidesection{display:none}

/* One element tab*/
.oneElem {}
.elemImage{top:0;left:0;width:300px;text-align:center;float:left}
.elemImage img{max-height:600px;max-width:300px}
.oneElemInfo{float:left;margin-left:10px;width:346px;line-height:20px}
.oneElem .listElemInfo a{color:#000; text-decoration: underline;}
.oneElem h5.elemTitle{color:#000; font-size: 17px;}
.oneElem h5.elemTitle a{text-decoration: none!important;}
.oneElem .elemInfo{color:#000}
.oneElem .document span,
.oneElem .gallery span,
.oneElem .elemInfo span,
.cardfile span{color: #0093A0}
.cardfile .lacking{color: #aaaaaa; text-transform: none}
.cardfile{margin: 5px 0; color: #000;}
.cardfile a{color: #000; text-decoration: underline;}
#tabRelated {padding: 0px; background: none;border: none;} 
#tabRelated .ui-tabs-nav {padding-left: 0px; background: transparent; border: none;} 
#tabRelated .ui-tabs-panel { background: none; border: 1px solid #0093A0;}
#tabRelated .ui-state-default, 
#tabRelated .ui-widget-content .ui-state-default, 
#tabRelated .ui-widget-header .ui-state-default{ border: none; border-bottom:1px solid #04B4C3; background-image:none; background-color: #04B4C3 }
#tabRelated .ui-state-active, 
#tabRelated .ui-widget-content .ui-state-active, 
#tabRelated .ui-widget-header .ui-state-active { background-color: #0093A0;  border-bottom:3px solid #0093A0; }
#tabRelated .ui-widget-header a{color:#fff;}
#tabRelated .ui-corner-all, 
#tabRelated .ui-corner-bottom, 
#tabRelated .ui-corner-right, 
#tabRelated .ui-corner-left,
#tabRelated .ui-corner-br{ border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-right-radius: 5px; }
#tabRelated .image-link img{ height:120px; display: block;}
#tabRelated .image-link { border:1px solid #ccc; padding:2px; margin-right:5px; display:block; float: left;}
#tabRelated .oneElemInfo{line-height:16px; width:100%; font-size: 70%; border-bottom: 1px dashed #0093A0; margin-bottom: 3px;}
#tabRelated .oneElemInfo a{text-decoration: underline;}
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {opacity: 0; -webkit-backface-visibility: hidden; /* ideally, transition speed should match zoom duration */ -webkit-transition: all 0.3s ease-out;  -moz-transition: all 0.3s ease-out;  -o-transition: all 0.3s ease-out;  transition: all 0.3s ease-out;}
.mfp-with-zoom.mfp-ready .mfp-container {  opacity: 1;}
.mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.8;}
.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0;}
.img-hide{display:none}
.seeimages span{ float:left;}
.seeimages ul{float: left; margin-left: 5px; width: 81%;}
.seeimages ul li{padding: 0;text-indent:0px;  }
.seeimages ul li:before{ content:""; position:relative; left:-5px;}

/**/
.wp100{width: 100%!important}
.wp50{width: 50%!important}
.wp66{width: 65.72%!important}
.wp33{width: 33.333%!important}
.wp22{width: 22%!important}
.wp18{width: 18%!important}
.wp62{width: 62%!important}