html {
  overflow-y: scroll;	
}

body {
  width: 765px;
  margin: auto;
}

#contents {
  position: relative;
  overflow: hidden;
}

/* Task Pane Styles */
#taskPane {
	width: 215px;
	float: left;
	background: #F6F6F6 url(../images/quick_search_bkgd.gif) repeat-x 0 0;
	margin: 0 0 20px;
	overflow: hidden;
}
.tp_header {
  font: bold 1.2em Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #666;
  padding: 0 10px;
  width: 195px;
  line-height: 1.6em;
  display: block;
  background: #F6F6F6 url(../images/main_nav_bkgd.gif) repeat-x right top;
}
.tp_header.selected,
.tp_header:hover {
  background-position: right -60px;
  color: #039;
}
#taskPane .tp_header.disabled {
  background-position: right top;
  color: #999;
  cursor: default;
}
.tp_section {
  width: 195px;
  margin: 0 10px;
  font-size: 1.1em;
}
#taskPane h2 {
	color: #039;
	font: 2em Arial, Helvetica, sans-serif;
	border: none;
	background: url(../images/corner.gif) no-repeat 0 0;
	padding: 30px 0 10px 10px;
}
.tp_footer {
  background: #DDD url(../images/adv_search_bkgd.gif) repeat-x 0 0;
  height: 32px;
  width: 215px;
}

/* Main Panel */
.mainPanel {
  background: url(../images/h2_accent_noreflect.gif) no-repeat;
  width: 520px;
  float: right;
  margin: 0 0 10px;
  padding: 0 0 10px 20px;
  overflow: hidden;
}
.mainPanel .panelContents {
  width: 540px;
  margin-left: -20px;
  overflow: hidden;
}
.panelContents h3 {
  color: #666;
  font-size: 1.3em;
  margin: 5px 0;
}

/* Cart Panel styles */
.cartTabs {
  font-weight: bold;
  margin: 0 0 0 -20px;
  border: solid #D1D1D2;
  border-width: 0 0 2px 20px;
  overflow: hidden;
  text-transform: uppercase;
  background: #DDD url(../images/main_nav_bkgd.gif) repeat-x 0 0;
  width: 520px;
}
.cartTabs ul {
  margin: 0;
  list-style: none none outside;
}
.cartTabs .listLeft {
  float: left;
  width: 120px;
  overflow: hidden;
}
.cartTabs .listRight {
  float: right;
  max-width: 400px;
}
.cartTabs li {
  border: 1px solid #FFF;
  border-width: 0 0 1px 1px;
  float: left;
  line-height: 1.5em;
  text-align: center;
}
.cartTabs li.allItems {
  margin-right: 5px;
  border-width: 0 1px 1px;
}
.cartTabs li.static {
  padding: 0 10px;
  border: none;
}
.cartTabs li.disabled { display: none; }
.cartTabs a {
  background: #DDD url(../images/main_nav_bkgd.gif) repeat-x 0 0;
  color: #666;
  display: block;
  padding: 0 3px;
}
.cartTabs li.selected a,
.cartTabs a:hover {
  background-position: right -60px;
  color: #039;
}
.cartTabs li.disabled a {
  color: #999;
  cursor: default;
}
.cartTabs li.disabled a:hover {
  background-position: 0 0;
  color: #999;
}

.cartOptions {
	overflow: hidden;
	width: 534px;
	padding: 3px;
	background-color: #F6F6F6;
	border-bottom: 1px solid #DDD;
}
.cartOptions .right { float: right; }
.cartOptions .toolButton {
  margin-right: 5px;
  padding: 0 3px;
  border: 1px solid #F6F6F6;
}
.cartOptions .toolButton:hover,
.cartOptions .toolButton.active {
  margin: 0 5px 0 0;
  background-color: #E3E6EE;
  border: 1px solid #039;
  color: #039;
}
.cartOptions .button { margin: 4px 0 3px 5px; }

/* View Cart (Step 1) styles */
#pnl_step0 ol {
  list-style: none none outside;
}
ol.cartList {
  width: 540px;
  overflow: hidden;
  /*border-top: 1px solid #DDD;*/
  margin: 0;
}
#ie6 ol.cartList { margin-bottom: -3px; }
ol.cartList li {
  border-bottom: 1px solid #DDD;
  width: 540px;
  overflow: hidden;
  padding: 5px 0;
  position: relative;
}
ol.cartList li .title {
  font: bold 1.1em/23px Arial, Helvetica, sans-serif;
  background-color: #F6F6F6;
  margin-bottom: 5px;
  padding: 2px 0;
}
ol.cartList li .title a
ol.cartList li .title .static {
  line-height: 1.2em;
  display: block;
  float: left;
  margin: 5px 0 0 3px;
}
.itemDetails .title { width: 390px; }
.researchDetails .title { width: 540px; }
.itemDetails .title a,
.itemDetails .title .static,
.researchDetails .title .static {
  width: 357px;
  margin: 5px 0 2px 2px;
  display: block;
  float: left;
  line-height: 1.3em;
} 
ol.cartList li div { overflow: hidden; }
ol.cartList li p {
  margin: 2px 5px 5px;
  font-size: 1em;
}
.itemDetails, .researchDetails {
  padding-bottom: 23px;
}
.itemDetails {
  width: 390px;
  float: left;
}
.line {
  overflow: hidden;
  margin: 0 5px;
}
.itemDetails .line { width: 380px; }
.line span {
  display: block;
  float: left;
  margin-right: 1.5em;
}
.line .fieldName {
  font-weight: bold;
  margin-right: 1em;
}
ol.cartList .bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  clear: both;
}
ol.cartList .toolButton {
  margin-left: 8px;
}
.deliveryOptions {
  float: left;
  width: 130px;
  padding: 5px 10px;
  background-color: #E3E6EE;
}
.deliveryOptions h4 {
  margin: 5px 0 0;
  font: bold 1.1em/1.4em Arial, Helvetica, sans-serif;
}
.deliveryOptions fieldset {
  overflow: hidden;
  width: 130px;
}
.deliveryOptions .h4 {
  margin: 3px 3px 0 0;
  display: block;
  float: left;
  font-weight: bold;
  font-size: 1.1em;
}
.deliveryOptions label,
.deliveryOptions .onlyOption {
  overflow: hidden;
  margin: 2px 0;
  display: block;
  float: left;
  clear: both;
  font-size: 1em;
}
.deliveryOptions span.text {
  display: block;
  float: left;
  width: 110px;
}
.deliveryOptions .onlyOption { margin-left: 10px; }
#ie .deliveryOptions .radio label {
  line-height: 20px;
  margin: 0;
  width: 130px;
}
.deliveryOptions input {
  display: block;
  float: left;
  margin: 1px 3px;
  font-size: 0.9em;
}
.deliveryOptions .radio input { margin-top: 0; }
#ie .deliveryOptions .radio input { margin: 0; }
.deliveryOptions ul.optionList {
  margin: 0;
  list-style: none none outside;
}
.deliveryOptions ul.optionList li {
  padding: 0;
  border: none;
  width: 130px;
}

/* Still image set and collection item styles */
.stillSet .detailsContainer {
  width: 540px;
  position: relative;
}
.miniThumbSet {
  margin: 5px;
  width: 364px;
  height: 50px;
}
.miniThumb {
  float: left; 
  width: 50px;
  height: 50px;
  margin-right: 2px;
  background-position: 50% 50%;
}
ol.stills {
  overflow: hidden;
  width: 526px;
  margin-left: 14px;
  border-top: 1px dashed #DDD;
}
ol.stills li {
  float: left;
  width: 166px;
  height: 115px;
  position: relative;
  margin: 3px 0 3px 6px;
  padding: 3px 0;
  background-color: #F6F6F6;
  text-align: center;
  border: none;
}
ol.stills.showRelStatus li { height: 133px; }
ol.stills .relStatus { margin: 0 auto 2px; }
ol.stills.showRelStatus div.relStatus { display: block; }
ol.stills li a { overflow: hidden; }
ol.stills li .toolbar div { width: 46px; } /* width is 23 times num of icons */

/* Add ad hoc item styles */
#addAdHoc {
  background-color: #F6F6F6;
  border-bottom: 1px solid #DDD;
}
#addAdHoc h4 {
  color: #666;
  margin: 5px 0;
  font: bold 1.2em/1.4em Arial, Helvetica, sans-serif;
}
#addAdHoc p {
  font-size: 1.2em;
  margin: 0.2em 0;
}
#addAdHoc fieldset {
  overflow: hidden;
  width: 520px;
  padding: 0 10px;
}
#addAdHoc #fs_adHocData {
  padding-top: 5px;
  margin-top: 5px;
  border-top: 1px dashed #DDD;
}
#addAdHoc label {
  overflow: hidden;
  margin: 2px 0;
  display: block;
  float: left;
  font-size: 1.2em;
}
#addAdHoc span.label {
  display: block;
  float: left;
  margin-right: 15px;
}
#addAdHoc label.text span.label {
  margin: 0 5px;
  font-weight: bold;
}
#ipt_adHocId { width: 200px; }
#txt_adHocDesc {
  width: 400px;
  font: 1em Arial, Helvetica, sans-serif;
  height: 4em;
}
#lbl_adHocKnowId_No { clear: both; }
#ie #addAdHoc .radio label {
  line-height: 20px;
  margin: 0;
  /*width: 130px;*/
}
#addAdHoc input {
  display: block;
  float: left;
  margin: 1px 3px;
  font-size: 0.9em;
}
#addAdHoc .radio input {
	margin-top: 0;
}
#ie #addAdHoc .radio input {
	margin: 0;
}
#fs_adHocData div {
	width: 520px; 
	overflow: hidden;
}
#addAdHoc .adHocMessage {
  padding: 5px;
  margin: 10px;
  border: 1px solid #ddd;
  background-color: #fff;
  text-align: center;
}
#addAdHoc #pnl_adHocEmpty {
  background-color: #fcc;  
  border-color: #C8322D;
}
#pnl_adHocEmpty p {
	color: #000;
}
#addAdHoc .adHocMessage a {
	font: bold 1.2em/1.5em Arial, Helvetica, sans-serif;
}
#addAdHoc .toolbar {
  margin-top: 5px;
  padding: 5px 3px;
  border-top: 1px solid #DDD;
  overflow: hidden;
  width: 534px;
  position: static;
}
#addAdHoc .toolbar .right {
	float: right; 
}
#addAdHoc .toolbar .button {
	margin: 0 0 0 5px;
}

/* Customer Info (Step 2) styles */
#pnl_step1 .cartOptions {
	border-bottom: 1px solid #ddd;
}
#customerInfo fieldset {
  overflow: hidden;
  width: 540px;
  border-bottom: 1px solid #DDD;
  padding-bottom: 10px;
}
#customerInfo h3 {
	margin-left: 10px;
}
#customerInfo label,
#customerInfo div.radio {
  overflow: hidden;
  float: left;
  width: 540px;
  display: block;
  margin: 3px 0;
}
#customerInfo .radio label {
  width: auto;
  line-height: 1.7em;
  margin: 0 10px 0 0;
}
#customerInfo .radio .title {
  font: 1.1em Arial, Helvetica, sans-serif;
  color: #666;
}
#customerInfo label .title,
#customerInfo .radio .title,
#customerInfo input,
#customerInfo textarea,
#customerInfo select,
#customerInfo .star {
  display: block;
  float: left;
}
#customerInfo .star2 {
  display: block;
  float: left;
}
#customerInfo label .title,
#customerInfo .radio .title {
  text-align: right;
  width: 11em;
  line-height: 1.7em;
  margin-right: 10px;
}
#customerInfo input,
#customerInfo textarea {
	width: 380px;
}
#customerInfo textarea {
  font: 1em Arial, Helvetica, sans-serif;
  height: 5em;
  overflow: auto;
}
#customerInfo select { 
	margin: 0;
}
/*#customerInfo #contactInfo .city, 
#customerInfo #shippingInfo .city,
#customerInfo #contactInfo .state, 
#customerInfo #shippingInfo .state,
#customerInfo #contactInfo .zip, 
#customerInfo #shippingInfo .zip,*/
#customerInfo .radio input { 
	width: auto;
	overflow: hidden;
} 
#customerInfo .city input {
	width: 160px; 
}
#customerInfo .state input {
	width: 28px; 
	padding-right: 5px; 
	margin-right: 5px;
}
/*#customerInfo .state input { width: 28px; }*/
/*#customerInfo label.zip .title { width: 2.5em; }*/
#customerInfo .zip input { width: 70px; }
#customerInfo .chooseOption { color: #666; }
#customerInfo .star {
  /*background: url(../images/elements.gif) no-repeat 0 -72px;*/
  background: url(../images/required.gif) 0 0 no-repeat;
  height: 12px;
  width: 12px;
  margin: 4px 0 0 2px;
  text-indent: -2000em;
  visibility: hidden;
  overflow: hidden;
}
#customerInfo .star2 {
  background: url(../images/required.gif) 0 0 no-repeat;
  height: 12px;
  width: 12px;
  margin: 4px 0 0 2px;
  text-indent: -2000em;
  visibility: visible;
  overflow: hidden;
}
#customerInfo .alert_ok {
  background: url(../images/check.jpg) 0 0 no-repeat;
  height: 11px;
  width: 11px;
  margin: 4px 0 0 10px;
  text-indent: -2000em;
  visibility: visible;
  padding-left: 10px;
  margin-left: 10px;
  display: none;
  overflow: hidden;
}
#customerInfo .alert_err {
  background: url(../images/err.jpg) no-repeat 0 0px;
  height: 14px;
  width: 14px;
  margin: 4px 0 0 2px;
  text-indent: -2000em;
  visibility: visible;
  padding-left: 5px;
  margin-left: 5px;
  top: -20px;  
  display:none;
  overflow: hidden;
}

#customerInfo label.error .star { visibility: visible; }
#customerInfo label.error {
  /*background-color: #FFCCCC;*/
  background-color: #FFF;
  padding: 3px 0;
  width: 538px;
  /*afis custom code: 12-3-2010*/
  /*border: 1px solid #C8322D;*/
  margin-right: 1px;
}
#customerInfo .required {
	font: bold 10px Verdana, Geneva, sans-serif;
	color: #f00;
	margin: 0;
	padding: 0;
}
#validationError {
  display: none;
  padding: 10px 5px;
  margin: 10px 0;
  font-size: 1.1em;
  color: #000;
  clear: both;
}
#validationError h4 {
  font: normal 1.5em Arial, Helvetica, sans-serif;
  color: #C8322D;
  margin: 0 0 10px;
}
#validationError p {
  margin-top: 0;
  color: #000;
}
#validationError ul {
  margin: 0 0 0 10px;
  color: #000;
  list-style: none none outside;
  font-style: italic;
}
#validationError li { margin: 0 0 5px; }
#validationError a {
  display: block;
  margin-top: 15px;
}

/* Summary Table styles (Steps 3 and 4) */
table.summary {
  color: #666;
  font: 1.1em Arial, Helvetica, sans-serif;
  width: 538px;
  border: 1px solid #DDD;
  vertical-align: top;
  margin: 0 0 15px;
}
table.summary thead,
table.summary tfoot {
  background-color: #DDD;
} 
table.summary tbody tr { border-top: 1px solid #DDD; }
table.summary tr.alt { background-color: #F6F6F6; }
table.summary th,
table.summary td {
  margin: 0;
  border: none;
}
table.summary th { padding: 2px 4px; }
table.summary td {
  padding: 4px;
  vertical-align: top;
}
table.summary .sumIcon { padding: 0 0 0 3px; width: 23px; }
table.summary tfoot td {
  padding: 2px 4px;
  font-weight: bold;
  text-align: right;
}
.cmsText p {
  font-size: 1.21em;
}

/* Confirm Order (Step 3) styles */
#orderSummary .sumIcon { padding: 2px 0 2px 3px; }
#orderSummary .sumTitle { width: 210px; }
#orderSummary .sumMed { width: 110px; }
#orderSummary .sumFmt { width: 110px; }
#orderSummary .sumQty { width: 50px; }
#orderSummary tbody td { padding: 6px 4px 4px; }
#pnl_step2 .cartOptions { border-bottom: 1px solid #DDD; }
#pnl_step2 .bottomOptions { border-top: 1px solid #DDD; }
#pnl_step2 h4 {
  color: #666;
  font: bold 1.3em Arial, Helvetica, sans-serif;
  margin: 0 0 5px 5px;
}
#customerDetails {
  width: 535px;
  overflow: hidden;
  border: 1px solid #DDD;
  background-color: #F6F6F6;
  margin-bottom: 15px;
}
#customerDetails .line {
  font-size: 1.1em;
  line-height: 1.3em;
  color: #666;
  overflow: hidden;
  margin: 0 5px;
}
#sumOtherDetails {
  border-bottom: 1px solid #DDD;
  padding: 5px 0;
}
#sumOtherDetails .line { width: 525px; }
#sumOtherDetails {
  width: 535px;
  float: left;
}
#sumContactDetails,
#sumShippingDetails {
  width: 265px;
  float: left;
  padding: 5px 0;
}
#sumContactDetails .line,
#sumShippingDetails .line { width: 255px; }
#customerDetails .line span {
  display: block;
  float: left;
  margin-right: 1.5em;
}
#customerDetails .line .fieldName {
  font-weight: bold;
  margin-right: 1em;
}
#customerDetails .footer {
  font: bold 1.1em/14px Arial, Helvetica, sans-serif;
  text-align: right;
  background-color: #DDD;
  float: left;
  width: 527px;
  padding: 2px 4px;
}

/* Review and Download (Step 4) styles */
#itemDownloads { margin-bottom: 0; }
#itemDownloads .sumTitle { width: 260px; }
#itemDownloads .sumFmt { width: 114px; }
#itemDownloads .sumDownload { width: 114px; }
#linksExpireDate { font-weight: normal; }

/* Error, empty, and loading styles */
.errorMsg, .emptyMsg, .loadingMsg,
#content .error .hideLoading, #content .empty .hideLoading, #content .loading .hideLoading,
.error .cartOptions { display: none; }
.errorMsg, #validationError {
  background: #FCC none;
  border: 1px solid #C8322D;
}
.errorMsg p { color: #000; }
.emptyMsg {
  background: #F6F6F6 none;
  border: 1px solid #DDD;
}
.empty .cartOptions, .loading .cartOptions { border-bottom: 1px solid #DDD; }
.error .errorMsg, .empty .emptyMsg { display: block; }
.errorMsg, .emptyMsg {
  margin: 10px 0;
  padding: 10px 5px;
  width: 528px;
  font-size: 1.1em;
  text-align: center;
}
h5.adminLabel {
  color: #C8322D;
  margin: -8px 0 5px;
  text-align: left;
}
.loading .loadingMsg {
  display: block;
  padding: 60px 10px 10px;
  background: #F6F6F6 url(../images/ani_wait.gif) no-repeat 50% 13px;
  color: #C8322D;
  font: bold small-caps 1.7em Arial, Helvetica, sans-serif;
  text-align: center;
  width: 210px;
  margin: 15px auto;
}
.smallLoadingMsg {
  display: block;
  padding: 0 0 0 26px;
  background: #F6F6F6 url(../images/ani_wait_small.gif) no-repeat 0 50%;
  color: #C8322D;
  font: bold small-caps 1.5em/28px Arial, Helvetica, sans-serif;
  width: 150px;
  margin: 3px auto;
}

/* Image Hover styles */
.detailsHover {
	display: none;
}
.cluetip-default {
  display: none;    
  position: absolute;
  background-color: #F6F6F6;
  color: #000;
  border: 1px solid #039;
  padding: 12px;
  opacity: 0.9;
  font: 1.2em/1.3em Arial, Helvetica, sans-serif;
}
#cluetip-outer h3 { display: none; }
div.detailsMetadata {
	overflow: auto;
	width: 100%;
}

span.detailsMetadataTitle {
	display: block;
	float: left;
	font-weight: bold;
	text-transform: uppercase;
	width: 5.5em;
}
span.detailsMetadataItem {
	display: block;
	float: left;
}

/* Toolbar */
.toolbar {
  position: relative;
  overflow: hidden;
}
.toolbar .icon {
  width: 23px;
  height: 23px;
  display: block;
  float: left;
  text-indent: -2000px;
  overflow: hidden;
  background: url(../images/icons.gif) no-repeat;
}
.toolbar .toolButton {
  font: bold 1.1em/23px Arial, Helvetica, sans-serif;
  display: block;
  float: left;
}
.toolbar div {
  margin: auto;
  /*width: 46px;  equals num of icons times 23 */ 
  overflow: hidden;
}

/* Default State */
#content .defaultHidden {
  display: none;
}