@charset "utf-8";
/*@import url(initial.css);*/
/* CSS Document */

/* Element Styles */
html body {
	height: 100%;
}

a {
	color: #039;
	text-decoration: none;
}
a:hover {
	color: #666;
}

h1 {
	color: #666;
	font: 1.86em Arial, Helvetica, sans-serif;
	background: url(../images/h1_accent_noreflect.gif) no-repeat 0 0;
	height: 30px;
	padding: 5px 0 0 30px;
	margin: -1px 0 1px 0;
	clear: both;
	border: none;
	position: relative;
	top: 0;
	left: 0;
}

h2 {
	color: #666;
	font: 1.6em/21px Arial, Helvetica, sans-serif;
	height: 22px;
	padding: 0 0 0 10px;
	margin: 0;
	border: 1px solid #DDD;
	border-left: none;
}

h3 {
	color: #666;
	font: bold 1.3em Arial, Helvetica, sans-serif;
}

p {
	font: 1.1em Arial, Helvetica, sans-serif;
	color: #666;
}

label {
	font: 1.1em Arial, Helvetica, sans-serif;
	color: #666;
	cursor: pointer;
}

ul, ol {
	font-size: 1.1em;
	line-height: 1.3em;
	color: #666;
}
ul {
	list-style: square outside url(../images/bullet.gif);
}
li {
	margin: 0;
}

/* Content Blocks */
.contentBlock {
	padding: 0 0 10px 20px;
	background: url(../images/h2_accent.gif) no-repeat 0 0;
	margin: 0 0 10px 0;
}

.contentBlockLarge {
	padding: 0 0 0 20px;
	background: url(../images/h1_accent.gif) no-repeat 0 0;
	overflow: hidden;
}

.contentBlockLarge h1 {
	color: #666;
	font: 1.86em/28px Arial, Helvetica, sans-serif;
	height: 28px;
	padding: 0 0 0 10px;
	margin: 0;
	border: 1px solid #DDD;
	border-left: none;
	background: none;
}

.contentBlockContents {
	padding: 5px 0 12px 10px;
}

.contentBlockContentsReflect {
	padding: 5px 0 25px 10px;
	background: url(../images/reflect.gif) repeat-x 0 bottom;
}

/* Common page blocks */
#container {
	width: 765px;
	background-color: #FFF;
	margin: auto;
}

#main {
	background-color: #FFF;
	padding: 0 0 26px 0;
}

#header {
	width: 765px;
	overflow: hidden;
}

#brand {
	display: block;
	float: left;
	margin: 8px 0 15px 25px;
}

#headerLinks {
	float: right;
	margin: 21px 5px 0 0;
	overflow: hidden;
}
#headerLinks li {
	float: left;
	list-style: none none outside;
	background: url(../images/headerLinks_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	margin: 0 0 0 1.2em;
	padding: 0 0 0 0.7em;
	text-align: left;
	text-transform: uppercase;
}
#headerLinks li.username {
	margin: 0;
	padding: 0;
	background: none;
	font-size: 1.1em;
	text-transform: none;
	line-height: 1.1em;
}
#headerLinks a {
	color: #666;
	text-decoration: none;
	font: bold 1.1em/1.1em Arial, Helvetica, sans-serif;
}
#headerLinks li.username a { font-size: 1em; }
#headerLinks a:hover { color: #369; }

#globalActions {
	float: right;
	clear: right;
	margin: 15px 5px 2px 0;
	width: 300px;
	text-align: right;
}
#globalActions div { float: right; }
#globalActions .actionLink {
	margin-left: 15px;
	text-transform: uppercase;
	color: #369;
	font: bold 1.1em Arial, Helvetica, sans-serif;
	display: block;
	float: left;
	cursor: pointer;
}
#globalActions .actionIcon {
	width: 20px;
	height: 16px;
	margin-right: 3px;
	background: url(../images/icons_global_action.gif) no-repeat 0 0;
	display: block;
	float: left;
}
#globalActions .actionText {
	display: block;
	float: left;
}
#globalActions .actionLink:hover { color: #666; }
#globalActions .actionLink .share { background-position: 0 0; }
#globalActions .actionLink:hover .share { background-position: 0 -30px; }
#globalActions .actionLink .viewCart { background-position: 0 -59px; }
#globalActions .actionLink:hover .viewCart { background-position: 0 -88px; }
#globalActions .actionLink .globalCartItemCount { color: #CB322D; }

/* Main navigation styles */
#nav {
	height: 47px;
	width: 765px;
	overflow: hidden;
	clear: both;
	margin: 0 0 5px 0;
}
#nav div {
	background: #039;
	width: 764px;
	height: 3px;
	clear: both;
	margin: 0;
}
#nav ul {
	margin: 0;
	border-top: 3px solid #039;
}
#nav li {
	background: url(../images/reflect.gif) repeat-x right bottom;
	width: 126px; /*152px;*/
	padding: 0 0 24px 0;
	float: left;
	list-style: none none outside;
	margin: 0 1px 0 0;
	text-transform: uppercase;
}
#nav li a {
	float: left;
	display: block;
	text-align: center;
	width: 100%;
	color: #666;
	text-decoration: none;
	font: bold 1em/1.85em Arial, Helvetica, sans-serif; /* 1.1em/1.65em */
	background: #F6F6F6 url(../images/main_nav_bkgd.gif) repeat-x right top;
}
#nav li a:hover,
#nav li.active a,
#nav li.trail a {
	color: #369;
	background-position: right -60px;
	background-color: #E3E6EE;
}

#nav li ul {
	/* Hide child navigation */
	display: none;	
}

/* Quick Search styles */
#searchBar {
	height: 35px;
	width: 765px;
	margin: 0 0 15px;
	background-color: #F6F6F6;
	vertical-align: middle;
	position: relative;
	overflow: hidden;
}
#searchBar label, #searchBar input, #searchBar .button, #searchBar label span {
	display: block;
	float: left;
}
#searchBar label {
	margin: 9px 0 0 10px;
	vertical-align: middle;
}
#qsie #searchBar label { margin-left: 5px; }
#searchBar label .title {
	color: #039;
	display: block;
	float: left;
	font: bold 1.4em Arial, Helvetica, sans-serif;
	vertical-align: middle;
	margin-top: 0;
}
#qsie #searchBar label span {
	line-height: 17px;
	margin-top: 1px;
}
#searchBar .button { margin: 8px 0 0 8px; }
#qsie #searchBar .button { margin-top: 10px; }
#searchBar #ipt_search {
	width: 180px;
	margin: -2px 0 0 8px;
	font: 1.1em Arial, Helvetica, sans-serif;
}
#qsie #searchBar #ipt_search { margin-top: 0; }
#searchBar input { margin: 0 5px 0 0; }
#searchBarAdvSearch {
	position: absolute;
	right: 0;
	top: 0;
	margin: 5px 8px 5px 0;
	padding-left: 5px;
	border-left: 1px solid #DDD;
}
#searchBarAdvSearch a.arrowLink {
	font: bold 1.2em Arial, Helvetica, sans-serif;
	vertical-align: middle;
	line-height: 25px;
}

/* Breadcrumb */
#breadcrumb {
	font: 1.1em/1.5em Arial, Helvetica, sans-serif;
	color: #666;
	margin: 0 0 0.8em;
}
#breadcrumb a.active {
	color: #666;
}

#content {
	color: #000;
	text-align: left;
}

/* Footer navigation links */
#footer {
	background-image: url(../images/footer_bkgd.gif);
	background-repeat: repeat-x;
	width: 765px;
	height: 26px;
	clear: both;
	float: left;
	margin: auto;
	position: relative;
	bottom: 0;
}
#footerLinks ul {
	margin: 0.1em 0 0 0.5em;
}
#footerLinks ul li {
	color: #666;
	height: 26px;
	float: left;
	list-style: none none outside;
	margin: 0 1px 0 0;
	text-align: center;
}
#footerLinks ul li a {
	color: #039;
	text-decoration: none;
	font: 1.1em/26px Arial, Helvetica, sans-serif;
	vertical-align: middle;
	padding: 0 0.6em 0 0.6em;
	border-right: 1px solid #666;
}
#footerLinks ul li.last a {
	border-right: none;
}
#footerLinks ul li a:hover {
	color: #666;
	text-decoration: underline;
}
#footerLinks li ul {
	/* Hide child navigation */
	display: none;	
}

.captionText, .metadata {
	color: #666;
	font: 1.1em Arial, Helvetica, sans-serif;
}
.titleText {
	color: #666;
	font: bold 1.2em Arial, Helvetica, sans-serif;
}
.metadataTitle {
	font-weight: bold;
	line-height: 1.7em;
}
span.metadata {
	display: block;
}
span.icons {
	display: block;
	border-top: 1px solid #DDD ;
	border-bottom: 1px solid #DDD ;
}
a.arrowLink {
	background: url(../images/link_arrow_normal.gif) no-repeat right 50%;
	padding: 0 10px 0 0;
	display: inline-block;
}
a.arrowLink:hover {
	background-image: url(../images/link_arrow_hover.gif);
}

.metadataSection {
	border-top: 1px solid #DDD;
	margin: 10px 0;
	padding: 5px 0 0 0;
}

label.still {
	height: 20px;
	vertical-align: middle;
	background: url(../images/icons/still.gif) no-repeat 0 0;
	padding: 2px 0 4px 26px;
}
label.motion {
	height: 20px;
	vertical-align: middle;
	background: url(../images/icons/motion.gif) no-repeat 0 0;
	padding: 2px 0 4px 26px;
}
label.siteContent {
	height: 20px;
	vertical-align: middle;
	background: url(../images/icons/content.gif) no-repeat 0 0;
	padding: 2px 0 4px 26px;
}
label.products {
	height: 20px;
	vertical-align: middle;
	background: url(../images/icons/products.gif) no-repeat 0 0;
	padding: 2px 0 4px 26px;
}

#featureBlocks {
	float: right;
	width: 195px;
	margin: 15px 0 0 0;
}

.contentImage_left {
	margin: 3px 10px 10px 0;
	float: left;
}

.contentImage_right {
	margin: 3px 0 10px 10px;
	float: right;
}

/* Validation and Error Styles */
.validationError ul,
.siteError {
	background-color: #FCC;
	border: 1px solid #C8322D;
	list-style: none none outside;
	padding: 8px 8px;
	color: #000;
}

.siteError p {
	font-size: 1.2em;
	font-weight: bold;
	color: #000;
}

.submitSuccess {
	background-color: #E3E6EE;
	border: 1px solid #039;
	padding: 8px 8px;
}

.submitSuccess p {
	font-size: 1.2em;
	font-weight: bold;
	color: #000;	
}

/* Accessibility Styles */
a.skipHeader {
	position: absolute;
	left: 0;
	top: -2em;
	float: left;
}

/* Miscellaneous Modifier Classes */
.noBullet {
	list-style: none none outside;	
}

.bold {
	font-weight: bold;
}

.hidden {
	display: none;
}

.clear {
	clear: both;
}

.linksList li {
	margin: 0.6em 0;	
}

/* Modal Dialog Classes */
.dialog p { font-size: 1.2em; }
.dialog h2 { border: 1px solid #DDD; }
.dialog.redDialog { border-color: #000; background-color: #FCC; }
.dialog.redDialog p { color: #000; }
.dialog.redDialog h2 { border: 1px solid #C8322D; color: #000; }
.dialogBottom {
  width: 540px;
  overflow: hidden;
}
#dlg_loading .loadingMsg {
  display: none;
  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;
}
#dlg_loading.loadingDone .loadingMsg {
  padding: 0;
  color: #039;
  background: #F6F6F6 none;
}
#dlg_loading.loading .loadingMsg, #dlg_loading.loadingDone .loadingMsg { display: block; }
.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;
}
.loading .dialogBottom .smallLoadingMsg { display: block; }
#dlg_loading {
  width: 230px;
  margin-left: -127px;
}
#dlg_loading p {
  display: none;
  text-align: center;
}
#dlg_loading .button {
  margin: 10px auto 5px;
  float: none;
}
#dlg_loading .toolbar { display: none; }
#dlg_loading p.show, #dlg_loading div.show { display: block; }
.dialogBottom .smallLoadingMsg {
  display: none;
  float: left;
  font-size: 1.4em;
  width: 160px;
  padding-left: 29px;
  background-position: 3px 50%;
}
.dialogBottom .buttons {
  float: right;
  width: 185px;
}

#dlg_mergeCart label {
  float: none;
  display: block;
}
#dlg_mergeCart label span { font-size: 1.1em; }
#dlg_mergeCart .buttons { width: 85px; }
#dlg_mergeCart .dialogBottom .smallLoadingMsg { width: 260px; }

/* Terms and Conditions */
#div_terms {
  overflow-y: scroll;
  border: 1px dashed #DDD;
  padding: 0 5px;
  margin: 10px 0;
  height: 200px;
  background-color: #FFF;
}
#div_terms h3 { font-size: 1.4em; }
#div_terms ul { margin-left: 20px; }
#div_terms li {
  padding: 2px 0;
  font-size: 1.1em;
}
.redText { color: #C8322D; }
#dlg_terms .toolbar a { float: right; }

/* AJAX Loading Classes */
div.largeLoading {
	width: 42px;
	height: 42px;
	margin: auto;
	background: url(../images/ani_wait.gif) no-repeat top left;
}
div.largeLoading span {
	display: none;
}

/* Button Classes */
a.button {
  background: url(../images/buttons.gif) no-repeat 0 0;
  display: block;
  float: left;
  height: 16px;
  width: 58px;
  margin: 0 3px;
  overflow: hidden;
  padding: 0;
  text-indent: -2000px;
}
a.button.searchButton:hover { background-position: -79px 0; }
a.button.resetButton { background-position: 0 -16px; }
a.button.resetButton:hover { background-position: -79px -16px; }
a.button.submitButton { background-position: 0 -32px; }
a.button.submitButton:hover { background-position: -79px -32px; }
a.button.downloadButton { width: 79px; background-position: 0 -48px; }
a.button.downloadButton:hover { background-position: -79px -48px; }
a.button.continueButton { width: 79px; background-position: 0 -64px; }
a.button.continueButton:hover { background-position: -79px -64px; }
a.button.checkoutButton { width: 79px; background-position: 0 -80px; }
a.button.checkoutButton:hover { background-position: -79px -80px; }
a.button.placeOrderButton { width: 79px; background-position: 0 -96px; }
a.button.placeOrderButton:hover { background-position: -79px -96px; }
a.button.addItemButton { background-position: 0 -112px; }
a.button.addItemButton:hover { background-position: -79px -112px; }
a.button.cancelButton { background-position: 0 -128px; }
a.button.cancelButton:hover { background-position: -79px -128px; }
a.button.loginButton { background-position: 0 -144px; }
a.button.loginButton:hover { background-position: -79px -144px; }
#content a.button-disabled { cursor: default; }
#content a.search-disabled { background-position: -158px 0; }
#content a.reset-disabled { background-position: -158px -16px; }
#content a.submit-disabled { background-position: -158px -32px; }
#content a.download-disabled { background-position: -158px -48px; }
#content a.continue-disabled { background-position: -158px -64px; }
#content a.checkout-disabled { background-position: -158px -80px; }
#content a.placeOrder-disabled { background-position: -158px -96px; }
#content a.addItem-disabled { background-position: -158px -112px; }
#content a.cancel-disabled { background-position: -158px -128px; }
#content a.login-disabled { background-position: -158px -144px; }

/* Action Button Classes */
.abToolbar {
	width: 96px; /* (button count * 25) - button count */
	height: 25px;
	display: block;
	overflow: hidden;
	padding-left: 1px;
}
.abButton {
	display: block;
	width: 25px;
	height: 25px;
	overflow: hidden;
	background: url(../images/action_buttons.gif) no-repeat 0 0 transparent;
}
.abToolbar .abButton {
	float: left;
	margin-left: -1px;
}
.abButton .abOverlay {
	background: url(../images/action_buttons.gif) no-repeat -25px 0 transparent;
	display: block;
	width: 25px;
	height: 25px;
	overflow: hidden;
	text-indent: -5000em;
}
#content .abButton .stillDetails { background-position: 0 -25px; }
#content .abButton a.stillDetails:hover { background-position: -25px -25px; }
#content .abButton .download { background-position: 0 -50px; }
#content .abButton a.download:hover { background-position: -25px -50px; }
#content .abButton .share { background-position: 0 -75px; }
#content .abButton a.share:hover { background-position: -25px -75px; }
#content .abButton .addCart { background-position: 0 -100px; }
#content .abButton a.addCart:hover { background-position: -25px -100px; }
#content .abButton .cartAdded { background-position: 0 -125px; }
#content .abButton .loading {
	background: url(../images/ani_wait_icon.gif) no-repeat 0 0;
	display: block;
	width: 20px;
	height: 20px;
	margin: 2px;
	overflow: hidden;
	text-align: -5000em;
}

/* Arrow Button Classes */
a.pageArrow {
  background: url(../images/arrows.gif) no-repeat 0 0;
  display: block;
  float: left;
  height: 18px;
  width: 18px;
  margin: 0 3px;
  overflow: hidden;
  text-indent: -2000px;
}
a.pageArrow.prev:hover { background-position: 0 -18px; }
a.pageArrow.prev.disabled, #content .prev-disabled { background-position: 0 -36px; cursor: default; }
a.pageArrow.next { background-position: 0 -54px; }
a.pageArrow.next:hover { background-position: 0 -72px; }
a.pageArrow.next.disabled, #content .next-disabled { background-position: 0 -90px; cursor: default; }

/* Icon Classes */
#content .still { background-position: 0 0; }
#content .products { background-position: 0 -23px; }
#content .siteContent { background-position: 0 -46px; }
#content .motion { background-position: 0 -69px; }
#content .download { background-position: 0 -92px; }
#content .email { background-position: 0 -115px; }
#content .zoomIn { background-position: 0 -138px; }
#content .zoomOut { background-position: 0 -161px; }
#content .cart { background-position: 0 -184px; }
#content .collection { background-position: 0 -207px; }
#content .related { background-position: 0 -230px; }
#content .stillSet { background-position: 0 -253px; }
#content .delete { background-position: 0 -276px; }
#content .cartDisabled { background-position: 0 -299px; }
#content .addFacility { background-position: 0 -322px; }
#content .editFacility { background-position: 0 -345px; }
#content .deleteFacility { background-position: 0 -368px; }
#content .activateFacility { background-position: 0 -391px; }
#content .deactivateFacility { background-position: 0 -414px; }
#content .savedSearch { background-position: 0 -437px; }
#content .save { background-position: 0 -460px; }
#content .trash { background-position: 0 -483px; }
#content .loadingOverlay {
	background: url(../images/ani_wait_icon.gif) no-repeat 0 0;
	position: absolute;
	top: 0;
	left: 0;
}

/* Release Status banners */
.relStatus {
	display: block;
	background: url(../images/releaseStatus.gif) no-repeat 0 26px;
	height: 13px;
	width: 117px;
	text-indent: -3000em;
}
.relStatus.relReleased { background-position: 0 -13px; }
.relStatus.relUnreleased { background-position: 0 -39px; }
.relStatus.relSbu { background-position: 0 -26px; }
.relStatus.relUnknown { background-position: 0 0px; }
