@CHARSET "ISO-8859-1";
/**
 * <Code modification record>
 * No.	Modified by	(GID)		Date (YYYY-DDMM)		[QC-ID]		Description
 * --------------------------------------------------------------------------------------------------------------------------
 * 1	Sandeep K (515688)		2014-27-10				[QC-XXXX]	WWW Style Updates Requested for eReturns
 * 2	Sandeep K (515688)		2014-18-12				[QC-XXXX]	overrided the production styles
 * 3    Chin (411974)           2014-23-12              [QC-1382]   Seagate logo changes
 */
 
 /**
 * NOTE : THE CHANGES MADE HERE SHOULD BE ADDED IN BOTH THE global-common.css, because its a overall site change
 */

/**
 *	BUTTON SIZE DESCRIPTION
 *	-----------------------
 *	xs - Xtra Small
 *	sm - Small
 *	md - Medium
 *	lg - Large
 */
.button {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	outline: 0 !important;
	cursor: pointer !important;
	font-weight: bold;
	display: block;
	-webkit-transition: background-color .4s;
	-moz-transition: background-color .4s;
	-ms-transition: background-color .4s;
	-o-transition: background-color .4s;
	transition: background-color .4s;
}

.button-lg {
	padding-left: 28px;
	padding-right: 28px;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 16px;
	/* line-height: 21px; */
}

.button-sm {
	padding-left: 18px;
	padding-right: 18px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 12px;
	/* line-height: 15px; */
}

.button-md {
	padding-left: 22px;
	padding-right: 22px;
	padding-top: 13px;
	padding-bottom: 13px;
	font-size: 14px;
	/* line-height: 18px; */
}

.button-xs {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 11px;
	/* line-height: 13px; */
}

/***PRIMARY BUTTON***/
.button-primary {
	color: #fff !important;
	background-color: #00a1dd;
	border: solid 1px #007aa6;
}

.button-primary:hover {
	background-color: #007aa6;
	border: solid 1px #007aa6;
}

.button-primary:active {
	background-color: #00678d;
	border: solid 1px #007aa6;
}

/***SECONDARY BUTTON***/
.button-secondary {
	color: #333;
	background-color: #ddd;
	border: solid 1px #bbb;
}

.button-secondary:hover {
	color: #333 !important;
	background-color: #bbb;
	border: solid 1px #bbb;
}

.button-secondary:active {
	color: #fff !important;
	background-color: #333;
	border: solid 1px #666;
}

/***PURCHASE BUTTON***/
.button-purchase {
	color: #fff !important;
	background-color: #e53e2f;
	border: solid 1px #b93226;
}

.button-purchase:hover {
	background-color: #b93226;
	border: solid 1px #b93226;
}

.button-purchase:active {
	background-color: #9e3226;
	border: solid 1px #d74d3b;
}

.button-primary:disabled,.button-secondary:disabled,.button-purchase:disabled
	{
	color: #bbb;
	background-color: #eee;
	border: solid 1px #ccc;
}

a.button-primary,a.button-secondary,a.button-purchase {
	text-decoration: none !important;
}

/****TEXT COLORS****/
.text-normal {
	color: #333;
}

.text-alternate-normal {
	color: #666;
}

.text-hint {
	color: #999;
}

.text-ghost {
	color: #ccc;
}

.text-white {
	color: #fff;
}

.text-links {
	color: #00a1dd;
}

.text-links:hover {
	text-decoration: underline;
}

.text-links-forced {
	color: #00a1dd !important;
}

.text-links-forced:hover {
	text-decoration: underline;
}

.text-out-of-stock {
	color: #ea1d2c;
}

.text-in-stock {
	color: #3fae49;
}

.text-caution {
	color: #ff8300;
}

.text-pre-order {
	color: #005897;
}

/*** ADDED FOR ERETURN OLD CSS MIGRATION FIX ***/
.button-primary span,.button-secondary span,.button-purchase span,.button-primary span>label,.button-secondary span>label,.button-purchase span>label
	{
	cursor: pointer !important;
}

/** EXTRA SPACE BLOCKING **/
.pull-right {
	float: right !important;
}

.pull-left {
	float: left !important;
}

.block-space-left {
	margin-left: 10px;
}

.block-space-left-forced{
	margin-left: 10px !important;
}

.block-space-right {
	margin-right: 10px;
}

.block-space-right-forced{
	margin-right: 10px !important;
}

.block-space-top {
	margin-top: 10px;
}

.block-space-top-forced{
	margin-top: 10px !important;
}

.block-space-bottom {
	margin-bottom: 10px;
}

.block-space-bottom-forced{
	margin-bottom: 10px !important;
}

.block-space-top-bottom-5 {
	padding-top: 5px;
	padding-bottom: 5px;
}

.block-space-all {
	margin: 10px;
}

.clear-both {
	clear: both;
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
	overflow: auto;
}

.clear-both-no-margin{
	clear: both;
	display: block;
}

.font-bold {
	font-weight: bold;
}

/*** PROVIDE MINIMUM WIDTH FOR THE BUTTONS ***/
.min-width-button {
	min-width: 50px;
}

/*** CONTAINER FOR TWO BUTTONS ARRAGING THEM IN THE MIDDLE ***/
.dual-button-container {
	display: table;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
}

.textBlockPad20{
	text-align: center;
	padding: 20px;
}

/****DOJO OVERRIDES - START****/
.claro .dijitAccordionTitle,.claro .dijitAccordionInnerContainer {
	background-image: none;
	color: #333;
	font-size: 12px;
}

.claro .dijitAccordionTitle{
	font-weight: bold;
}

.claro .dijitAccordionInnerContainer {
		font-weight: normal;
}

.claro .dijitAccordionContainer .dijitAccordionChildWrapper {
	background-color: #ffffff;
	border: 1px solid #888;
}

.claro .dijitAccordionInnerContainerHover .dijitAccordionTitle {
	color: #333;
}

.claro .dijitAccordionInnerContainerHover,.claro .dijitAccordionInnerContainerSelectedActive
	{
	/* color: #fff !important; */
	background-color: #bbb !important;
	border: solid 1px #666 !important;
}

.claro   .dijitAccordionInnerContainerSelected {
	background-color: #ddd !important;
	border: solid 1px #888 !important;
}

.claro .dijitAccordionInnerContainerSelected .dijitAccordionTitle {
	background-image: none;
	color: #333;
}

.claro .dijitAccordionInnerContainerActive {
	border: 1px solid #333;	
	background-color: #666 !important;
}

.claro .dijitAccordionInnerContainerActive .dijitAccordionTitle {
	background-image: none;
	color: #000;
}

.claro .dijitAccordionInnerContainerSelectedActive{
	background-color: #ddd !important;
}

.claro .dijitAccordionInnerContainerSelectedHover .dijitAccordionChildWrapper,.claro .dijitAccordionInnerContainerSelectedActive .dijitAccordionChildWrapper
	{
	background-color: #ffffff;
	border: 1px solid #888;
}

.claro .dijitAccordionInnerContainerSelectedActive .dijitAccordionChildWrapper,.claro .dijitAccordionInnerContainerSelectedActive .dijitAccordionTitle
	{
	color: #333;
}


/***DIALOG BOXES***/
.claro .dijitDialog {
	border: 2px solid #ccc !important;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.claro .dijitDialogTitle{
	color: #333;
}

.claro .dijitDialogTitleBar{
	background-image: none !important;
	border: none !important;
}

.claro .dijitDialogPaneContent{
	border-top: solid 1px #ccc !important;
	line-height: 16px;
}

.claro .dijitDialogCloseIcon {
	margin-top: 6px;
	margin-right: 2px;
	background: url("../images/eReturn_sprites.png") no-repeat scroll 0 0 transparent !important;
	background-position: 0 0;
	width: 16px !important;
	height: 16px !important;
	/* Theoretically for IE 8 & 9 (more valid) */
 	/* ...but not required as filter works too */
  	/* should come BEFORE filter */
  	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	
  	/* This works in IE 8 & 9 too */
  	/* ... but also 5, 6, 7 */
  	filter: alpha(opacity=50); 
  
  	/* Modern Browsers */
  	opacity: 0.5;
}

.claro .dijitDialogCloseIcon:hover{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100); 
	opacity:1;
}

.claro .dijitTabCloseButton{
	margin-right: 0px !important;
}

/***DROP DOWNS***/
.claro .dijitselect .dijitArrowButton, .claro .dijitComboBox .dijitButtonNode{
	background-color: #F5F5F5 !important;
}

.claro .dijitSelectMenu .dijitMenuItemSelected td,.claro .dijitComboBoxMenu .dijitMenuItemSelected
	{
	background-color: #00a1dd !important;
	background-image: none !important;
	color: #fff !important;
}

.claro .dijitMenu{
	border-color: #bbb !important;
}

.claro .dijitSelectMenu .dijitMenuItemHover td, .claro .dijitComboBoxMenu .dijitMenuItemHover{
	background-color: #00a1dd !important;
	background-image: none !important;
	color: #fff !important;
}

.claro .dijitComboBox .dijitButtonNode {
	background-color: #F5F5F5 !important;
	background-image: none !important;
}

.claro .dijitComboBox .dijitHasDropDownOpen {
	background-color: #F5F5F5 !important;
	background-image: none !important;
	padding: 0px !important;
}

.claro .dijitselectHover .dijitArrowButton {
	background-color: #F5F5F5 !important;
	background-image: none !important;
}

.claro .dijitselect .dijitArrowButton {
	background-image: none !important;
}

.claro .dijitselectFocused .dijitArrowButton {
	background-color: #F5F5F5 !important;
	background-image: none !important;
}

.claro .dijitselect .dijitDownArrowButton{
	background-color: #F5F5F5 !important;
	background-image: none !important;
}


/****CALENDAR***/
.claro .dijitCalendar{
	background-color: #F5F5F5 !important;
	font-size: 13px !important;
}

.claro .dijitCalendarHoveredDate .dijitCalendarDateLabel,.claro .dijitCalendarEnabledDate:hover .dijitCalendarDateLabel
	{
	background-color: #00a1dd !important;
	background-image: none !important;
	color: #fff !important;
}

.claro .dijitCalendarMonthMenu .dijitCalendarMonthLabelHover,.claro .dijitCalendarMonthMenu .dijitCalendarMonthLabel:hover
	{
	background-color: #00a1dd !important;
	background-image: none !important;
	color: #fff !important;
}

.claro .dijitButton .dijitButtonNode, .claro .dijitDropDownButton .dijitButtonNode, .claro .dijitComboButton .dijitButtonNode, .claro .dijitToggleButton .dijitButtonNode {
    background-color: #efefef !important;
   	border-radius: 8px 8px 8px 8px;
   	color:#ffffff;
 	text-transform: uppercase;
 	min-width:60px;
}
.claro .dijitSelectDisabled, .claro .dijitSelectDisabled .dijitButtonContents, .claro .dijitTextBoxDisabled, .claro .dijitTextBoxDisabled .dijitButtonNode{
	background-color: #eee !important;
}


/*** NAVIGATOR ***/
.createOrderNav li a{
	padding-left: 10px;
	padding-right: 10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.createOrderNav li a{
	background-color: #007aa6;
	line-height: 16px;
}

.createOrderNav li a:hover{
	background-color: #00a1dd;
}

.createOrderNav li a.currentlyHighlighted {
	background-color: #00a1dd;
}

.triangle-right {
	background-image: url("../images/eReturn_sprites.png");
	background-repeat: no-repeat;
	background-position: -20px 0;
	height: 16px;
	width: 11px;
	float: left;
}


/**** LOGIN MENU ****/
.login-name-menu{
	margin-top: 18px;
	font-size: 16px;
	margin-left: 20px;
	color: #333;
	font-family: Helvetica, Arial, sans-serif;
}

#mega-nav-container{
	height: 76px;
	margin-bottom: 0px;
}

#nav-separator{
	top:66px;
}

#userDetails{
	margin-top: 20px;
}

/****RADIO BUTTON***/
.claro .dijitRadio{
	height: 18px !important;
	margin-top: -4px;
}
/****DOJO OVERRIDES - END****/

.error-page-content{
	clear: both;
	text-align: center;
	background-color: #FFDFD5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.error-page-content h2, .error-page-content h3{
	color : #ea1d2c;
	font-size: 13px;
	padding: 5px 0;
}

/**Seagate logo**/
#mega-nav-container.light > #nav-wrapper > a#seagate-logo {
  background: url("../images/stx-staticlogo-drk.png") no-repeat;
}

#mega-nav-container.light > a#mobile-logo {
  background: url("../images/stx-staticlogo-drk-mobile.png") no-repeat;
}

a#seagate-logo {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 900;
  width: 170px;
  height: 56px;
}