/* ----------CSS THEME: 2018 Fusion Alignment--------------- */
/* ---------------Homepage Stylesheet Alt------------------- */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,
kbd,q,s,samp,small,strike,strong,sub,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,table,tbody,thead,th,tr,td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	background:transparent;
}

html {
    height: 100% !important;
}

body{
	line-height:1;
}

ul{
	list-style:none;
}

blockquote,q{
	quotes:none;
}

blockquote:before,
blockquote:after,
q:before,
q:after{
	content:'';content:none;
}

:focus{
	outline:0;
}

ins{
	text-decoration:none;
}

del{
	text-decoration:line-through;
}

table{
	border-collapse: collapse;
}




/* CPQ Cloud Defaults */
/* ------------------------------------------------------ */
body {
	font: 14px/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #444;
}

pre, code, tt {
	font: 1em/1.5em 'Andale Mono', 'Lucida Console', monospace;
}

h1, h2, h3, h4, h5, h6, b, strong {
	font-weight: bold;
}

em, i, dfn {
	font-style: italic;
}

.product-content h2{
	display: none;
}


------------------------------------------------------ */
.clear{ clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; font-size: 0; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }





/* Common Customizations
------------------------------------------------------ */
	/* Dropdown Menu
	------------------------------------------------------ */
.dropdown,
.dropdown ul,
.dropdown ul li:first-child a,
.dropdown li a {
	border-color: #d1d1d1; /* Dropdown border outline color */
		color: #161513;
}

.dropdown ul li a {
	border-top-color: #eaeaea; /* Dropdown secondary link separator border color */	
	border: none;
}

.dropdown .active { 
	border-top-color: #ccc; /* Active Family/ Product Line top bar color */ 
	border:none;
	background-color: #ffffff;
	font-weight: bold;
}

.dropdown a:hover {
	background-color: #ffffff !important; /* Dropdown Hover Color */
		text-decoration: underline;
}
.dropdown li a {
    border-width: 0;
}

.dropdown .active {
    border-top-style: none;
    border-top-width: 0;
}

.dropdown a:hover {
    background-color: #ffffff;
}

.dropdown .active a:hover {
    background-color: #ffffff;
    color: #0a6daa;
	text-decoration: underline;
}

.dropdown ul {
    position: absolute;
	left: -1px;
    top: auto;
    width: 23px;
    z-index: 1000;
}
	/* Model List
	------------------------------------------------------ */
.model h3 { 
	margin:5px;
}

.model h3 a {
	color: #636973;
	font-family:verdana;
	font-size: 15px;
	text-decoration: none; 
}

.model:hover { 
	color: #636973; 
	text-decoration: underline;
}
		
		.additional-models a {
			font-style: italic;
			color: #003663; 
		}
		.associated-files {
			background-color: #e5ebef; /* Associated Files box background: 10% of primary color */
			border-color: #b2c2d0; /* Associated Files Box Border 30% of primary color */
		}
		.associated-files li a {
			border-color: #003663; /* Associated Files Bullet Color */
		}
		.associated-files li a:hover { 
			border-color: #40688a; /* Associated Files Bullet Hover Color */
		}

/* Basic
------------------------------------------------------ */
	body {
		font: 14px/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif;
		background: #fff; 
		color: #444;
	}
	a { color: #000; font-weight: bold; }
	h1,h2,h3,h4,h5,h6 { font-weight: bold; }
h3 {
	font-size: 120%;
	line-height: 130%;
	text-align: center;
}
 
/* Wrapper
------------------------------------------------------ */
	#wrapper {	
		width: 100% !important;
		margin-left: -10px !important;
		margin-top: 6px !important;
		background-color: #ffffff;
	}	
#wrapper:before {
	  content: 'Catalog Homepage';
		text-align: left ;
    color: #252525!important; 
	  font-family: Helvetica, Arial, sans-serif;
    font-weight: normal;
	  font-size: 23px;
	  background-color: #ffffff;
	margin-left: 20px;
}
#wrapper-inner {
		width: 100% !important;
		margin: 0px auto 0; 
		text-align: left; 
		min-height: 650px; 
		position: relative;
		border-radius: 0px;
		text-align: left; 
    padding: 0px;	
			background-color: #f3f3f3 !important;
}

#wrapper-inner.clearfix {
		margin-top: 18px;
}

/* Product Menu
------------------------------------------------------ */
/*#family-nav {
	margin-top: 10px;
}*/

	.dropdown, .dropdown ul {
		width: 153px;
		line-height: 39px;
	}
	.dropdown {
		float: left;
		font-size: 12px;
	}
	.dropdown li { 
		position: relative; 
	}
	.dropdown li a {
		display: block;
		padding: 0px 12px;
		font-weight: normal;
	}


	.dropdown .active {
		background-color: #ffffff;
		border-style: solid;	
		border-width: 1px 0px 1px 0px;
		border-color: #d1d1d1;
		border-left: 3px solid #d1d1d1;
		border-right: 0px solid #fff;
	}

	.dropdown .active a:hover {
		background-color: transparent;
		color: #161513;
	}
	.dropdown ul { 
		position: absolute; 
		left: 153px; 
		top: 0; 
		visibility: hidden; 
		z-index: 1000; 
		opacity: .95;
		width: 153px;
		border-style: solid;	
		border-width: 0px 0px 0px 0px;
		border-color: #d1d1d1;
		background: #ffffff;
		border: 1px solid #d1d1d1 !important;
	}

	span.sf-sub-indicator {
		text-indent: -10000px;
		background: url(../../image/images/arrow.png) no-repeat;
	}
	.sf-sub-indicator {
		position: absolute;
		display: block;
		right: 8px;
		top: 50%;
		width: 6px;
		height: 12px;
		margin-top: -6px;
		text-indent: -999em;
		overflow: hidden;
		background: url(../../image/images/arrow.png) no-repeat 0 0px;
	}

/* Models
------------------------------------------------------ */
	#content {
		margin: 0px;
		width: auto;
		padding: 0px 0 0px 0px;
		margin-right: -10px;
		margin-left: 153px;
		display:none;
		background-color: #ffffff;
		min-height: 650px;
		border: 1px solid #ccc;
	}

.product-line-description {
	padding-top: 10px;
	padding-left: 20px;
	margin-bottom: 10px;
	max-width: 950px;
	background-color: #ffffff;
	height: 120px;
}
	.row {
		margin: 0 0 15px 0;
	}
	.row:last-child {
		border: none;
	}
	.model {
		font-size: 12px;
		line-height: 1.5em;
		float: left;
		width:  150px;
		margin: 10px 15px 0px 20px;
		padding: 0 1px 0px 1px;
	}
	
	.model-summary-wrapper { 
		padding: 0 1px; 
		margin: 5px 0 15px 0; 
	}

	.model-summary { 
		display: none;
		position: absolute;
		padding-top: 10px;
		width:  160px;
		background: rgba(255, 255, 255, 0.4);
	}

.model:hover .model-summary{
display : block;
	color: #636973; 
}

	.img-wrapper {
		display: block !important!; /* IE7 */
		padding-top: 10px !important!; /* IE7 */
		height: 150px !important!; /* IE7 */ 
		display: table-cell;
		height: 150px;
		line-height: 150px;
		width: 226px;
		text-align: center;
		border: none;
	}

	.img-wrapper img {
		max-width: 150px;
		max-height: 150px;
		vertical-align: middle;
	}
	
	
	.additional-models { 
		margin-bottom: 10px; 
	}
	.additional-models li { 
		padding-left: 10px; 
	}

	.associated-files {
		border-style: solid; 
		border-width: 1px;
		margin: 10px 0;
		padding: 5px 10px;
	}
	.associated-files li a {
		border-left-style: solid; 
		border-left-width: 5px;
		padding-left: 5px;
		font-weight: normal;
	}

	/* Summary info below model name (class assigned in html description of model*/
	p.content {
		color: #4c4c4c;
		font-family:verdana;
	}

	span {
		color: #000;
	}



	.commerce-bordercolor { display: none; }
	.button-left { display: none; }
	.button-right { display: none; }
	.button-middle { visibility: hidden; }
	.button-middle div{ 
			visibility: visible;
			height: 48px;
			border: #cbcccd solid 1px;
			border-radius: 2px;
			background-color: #0572ce;
	}	
	.button-middle div:hover {
		background-color: #f4f6f9 ;
}
	.button-middle div:active {	background-color: #f4f6f9; }
	.button-middle .button-text,
	.button-middle .button-text:hover { color: #0572ce; font-size: 11px;}

/* Login screen and Homepage Header 
------------------------------------------------------ */  
.login-view > h1 {
	position: absolute;
	top: 0;
	left: 40%;
	margin: 0;
	z-index: 100;
}

/*Login Page
------------------------------------------------------ */  
body.logged-out {
	background: #ffffff !important;
/*	background-color: #035090; ----Alternative Alta Blue Background */
}

#login-logo {
	display:none;
}

.logged-out #footer img{
	display:none;
}

.logged-out .extra-panes {

	top: 0; left: 0px; bottom: 0; right: 0;
	width:1200px !important;
	height:100!important;
}

.logged-out #login-form-wrap {
	background: #38a0d0;
	background: url(../../image/Demo_Landing/bkgd.jpg) repeat scroll center bottom rgba(0, 0, 0, 0);
	border-left: 1px solid rgba(255, 255, 255, 0.25);
	height: 304px;
	position: absolute;
	top: 0;
	width: calc(100% - 2px);
	z-index: 10;
}
 
.logged-out #login-form { 
	padding-top:393px;
	padding-left: -0px;
	background: url(../../image/Demo_Landing/homepage_icon.png) no-repeat scroll rgba(0, 0, 0, 0);
	background-position:23% 100%;
    border: 0px solid #b5b8c8;
	height:0px;
	width: 97% !important;
	z-index: 100 !important;
}
	
#login-form-head {
  	position:absolute;
	width:97%;
	height:55px;
	top: 0px;
	margin-top:249px;
}

#login-form-head img{
margin-top: 425px;
margin-left:4%;
	padding-bottom: 15px;
	padding-left: 83%;
border-bottom:solid 1px #d5d5d7;
	margin-bottom: 10px;
}

#login-form .product-name {
	color: #ffffff;
	text-decoration-style: bold!important;
    font-size: 36px;
	width: 300px;
    left: 42%;
	right: 20%;
    letter-spacing: 0.01em;
    position: absolute;
    text-align: left;
    top: -80px;
	border: 0px solid #ffffff;
}



#login-form label { 
    font-size: 12px;
    font-weight: bold; 
}

div.login-fields { 
	left: 42%;
	position: absolute;
	width: 400px;
	height: 100%;
	top:350px;
}

.logged-out .login-fields { 
	background: #ffffff;
}

div.login-button { 
	position:absolute;
		left: 42%;
	z-index:15;
	top:545px;
}
div.login-links { 
	position:absolute;
		left: 42%;
	z-index:15;
	top:495px;
}
.pipe { 
    padding: 0 6px; 
}

#login-form .form-input {
	line-height: 30px; 
  background: #FCFDFE !important;
  border: 1px solid #dfe4e7;
	border-radius: 2px !important;
	width: 20%;
	font-size: 13.5px;
	color: #4f4f4f;
	padding-left: 10px;
}

#login-form-wrap .login-toggle .hide { 
    display: none; 
}

#login-form .login-button td img { 
    display: none;
}

#login-form label {
	margin: 0; padding: 0; 
	display: block;
	line-height: 16px;
	margin-top: 13px;
}

#login-form label{    
    color: #b0b2af;
	font-style:italic;
	font-size: 14px;
	font-weight: 300;
	padding-bottom: 5px;
	width: 60px;
}

#login-form a{    
	color: #008193;
}

#login-form a:hover{    
  text-decoration: underline;
}

#login-form #psword { 
	margin-bottom: 10px;
}
 
#login-form select.form-input { 
	margin-bottom: 5px; 
}

#login-form br { 
	display: none; 
}

#login-form .form-input { 
	margin: 0px; 
	width: 300px;
	clear: both; 
}

#login-form .login-links { 
    line-height: 13px; 
}

.button-text {
	text-decoration:none!important;
}

#login-form td.button-middle {
    background:  #594564; /* Primary UI Color  */
    border: 1px solid #594564; /* Primary UI Color  */
    border-radius: 2px;
    height: 48px;
    font-family:"Segoe UI","Helvetica",Arial,sans-serif; /* Primary Font  */
    font-weight: 700;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
    height:48px;
   padding-right:20px!important;
}

#login-form td.button-middle div {
    margin:0!important;
}

#login-form .button-middle a {
    text-align: center!important;
    background:  #594564; /* Primary UI Color  */
    color: #ffffff!important;
    font-family:"Segoe UI","Helvetica",Arial,sans-serif; /* Primary Font  */
    font-size: 20px!important;
    font-weight: 400!important;
    line-height: 48px!important;
    margin: 0!important;
    text-shadow: none;
	padding-right: 20px;
	padding-left: 20px;
}

#login-form td.button-middle:hover,
#login-form .button-middle a:hover{
   background: #F7F8F9!important;
   border: 1px solid #C4CED7!important;
   color: #594564!important; /* Primary UI Color  */
}

#login-form .button-middle:hover a{
   background: #F7F8F9;
   color: #594564; /* Primary UI Color  */
    border: 0px!important;
}

/*Login - Guest Access
------------------------------------------------------ */  

body.guest-access {
	background: #ffffff !important;
/*	background-color: #035090; ----Alternative Alta Blue Background */
}

.guest-access #login-form-head {
		background-color: #0467bd !important;
}

.guest-access #login-form .form-input {
	line-height: 15px; 
	width: 85%;
}

.guest-access #login-form .product-name {
	color: #FFFFFF;
    font-size: 33px;
    font-weight: 500;
	width: 200px;
    left: 4%;
	right: 20%;
    letter-spacing: 0.01em;
    position: absolute;
    text-align: left;
    top: 170px;
	border: 0px solid #ffffff;
}

.guest-access .extra-panes  {
	display: block;
	position: absolute;
	top: 0;
	width: 100% !important;
	padding: 0;
	margin: 0;
	visibility: hidden;
	z-index: 1002 !important;
	float: none;
}
.guest-access .extra-panes form {
	width: 960px;
	margin: 0 auto;
	display: block;
	visibility: hidden;
	z-index: 1001 !important;
	position: relative;
}

.guest-access .main-pane {
	margin: 0;
	background-color: #ffffff;
}

.guest-access #login-form-wrap { 
    visibility: visible;
    z-index: 1000 !important;
  	background: #0467bd;
	border: 1px solid #0467BD;
	height: 630px;
	left: 250px;
	width: 440px;
	-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.8);
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.8);
}

.guest-access #login-form-head img{
display: none;
}

.guest-access #login-form-wrap { display: none; }

.guest-access div.login-fields { 
	border: 1px solid #0572ce;
	position:absolute;
	z-index:15;
	background:#FFF; 
	width:380px;
	height:280px;
	left:20px;
	top:250px;
	padding: 30px 10px 10px 10px;
}

.guest-access div.login-button{
	margin-left: 5px;
		position:absolute;
		left: 6%;
	z-index:15;
	top:450px;
}

.guest-access div.login-links{
	margin-left: 5px;
		position:absolute;
		left: 6%;
	z-index:15;
	top:390px;
}

.guest-access #login-form-head {
	background: url(../../image/Icons/logomark.png) no-repeat scroll right top rgba(0, 0, 0, 0);
	margin-left: 0;
	padding: 0;
  	position:absolute;
	width:100%;
	height:250px;
	top: 0px;
	margin-top:0px;
}
.guest-access .pipe { padding: 0 6px; }
 
.guest-access #login-form { 
	background: transparent; 
	padding: 0;
	-moz-box-shadow: none;
    border-radius: 0px;
    box-shadow: none;
    background: url(../../image/Icons/OracleLogoWHT.png) no-repeat scroll 255px 570px rgba(0, 0, 0, 0);
    border-top: 30px solid #ffffff !important;
    margin: 0 10px 10px 0px;
	height: 600px;
	width: 440px!important;
}

.guest-access #login-form-wrap .login-toggle {
    position: absolute;
	top: 3px;
	right: 3px;
    height: 16px;
    width: 16px;
  border:5px solid #ffffff;
    background: #FFFFFF url(../../image/Icons/close_button.png) no-repeat right top;
    cursor: pointer;
	z-index:1005;
}
.guest-access #login-form-wrap .login-toggle:hover { 
	background-position: right -16px; 
}

.guest-access #login-form-wrap .login-toggle .hide { 
	display: none; 
}

.guest-access .img-wrapper {
		display: none;
	}


/* Search Box
------------------------------------------------------ */
    .guest-access 
    #search-outer-wrapper, #serial-search-outer-wrapper { 
	background: url(../../image/images/white-90.png);
	background: rgba(255,255,255,.95);
	margin: 0 -1px 0 0; 
	padding: 5px 23px 12px 10px; 
	border: solid #ccc;
	border-width: 0 1px 1px 1px;
    z-index: 100;     
    -moz-box-shadow: 5px 5px 20px rgba(0,0,0,.2);
    -webkit-box-shadow: 5px 5px 20px rgba(0,0,0,.2);
    box-shadow: 5px 5px 20px rgba(0,0,0,.2);
	}
 
	#search-login-toggle-wrapper { 
		float: right; 
		padding: 15px 15px;
		border-width: 0 1px 1px 1px;
		margin-right: 12px;
		white-space: nowrap;
		position: absolute;
		top: 0;
		right: 0;
	}
	
#search-login-toggle-wrapper a {
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	color: #636973;
}
	#search-login-toggle-wrapper a:hover { color: #98A2B1; }
	#search-outer-wrapper, #serial-search-outer-wrapper { display: none; position: absolute; right:  0; padding: 5px 7px 0px 0px; }
	#search-wrapper{ float: left; width: auto; padding-left: 10px; margin-top: 7px; position: relative; }
	#serial-search-wrapper { float: left; width: 215px; padding-left: 10px; margin-top: 7px; position: relative; }
	#search-wrapper h3, #serial-search-wrapper h3 { float: left;color: /* ----------CSS THEME: 2018 Fusion Alignment--------------- */
/* ---------------Homepage Stylesheet Alt------------------- */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,
kbd,q,s,samp,small,strike,strong,sub,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,table,tbody,thead,th,tr,td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	background:transparent;
}

html {
    height: 100% !important;
}

body{
	line-height:1;
}

ul{
	list-style:none;
}

blockquote,q{
	quotes:none;
}

blockquote:before,
blockquote:after,
q:before,
q:after{
	content:'';content:none;
}

:focus{
	outline:0;
}

ins{
	text-decoration:none;
}

del{
	text-decoration:line-through;
}

table{
	border-collapse: collapse;
}




/* CPQ Cloud Defaults */
/* ------------------------------------------------------ */
body {
	font: 14px/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #444;
}

pre, code, tt {
	font: 1em/1.5em 'Andale Mono', 'Lucida Console', monospace;
}

h1, h2, h3, h4, h5, h6, b, strong {
	font-weight: bold;
}

em, i, dfn {
	font-style: italic;
}

.product-content h2{
	display: none;
}


------------------------------------------------------ */
.clear{ clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; font-size: 0; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }





/* Common Customizations
------------------------------------------------------ */
	/* Dropdown Menu
	------------------------------------------------------ */
.dropdown,
.dropdown ul,
.dropdown ul li:first-child a,
.dropdown li a {
	border-color: #d1d1d1; /* Dropdown border outline color */
		color: #161513;
}

.dropdown ul li a {
	border-top-color: #eaeaea; /* Dropdown secondary link separator border color */	
	border: none;
}

.dropdown .active { 
	border-top-color: #ccc; /* Active Family/ Product Line top bar color */ 
	border:none;
	background-color: #ffffff;
	font-weight: bold;
}

.dropdown a:hover {
	background-color: #ffffff !important; /* Dropdown Hover Color */
		text-decoration: underline;
}
.dropdown li a {
    border-width: 0;
}

.dropdown .active {
    border-top-style: none;
    border-top-width: 0;
}

.dropdown a:hover {
    background-color: #ffffff;
}

.dropdown .active a:hover {
    background-color: #ffffff;
    color: #0a6daa;
	text-decoration: underline;
}

.dropdown ul {
    position: absolute;
	left: -1px;
    top: auto;
    width: 23px;
    z-index: 1000;
}
	/* Model List
	------------------------------------------------------ */
.model h3 { 
	margin:5px;
}

.model h3 a {
	color: #636973;
	font-family:verdana;
	font-size: 15px;
	text-decoration: none; 
}

.model:hover { 
	color: #636973; 
	text-decoration: underline;
}
		
		.additional-models a {
			font-style: italic;
			color: #003663; 
		}
		.associated-files {
			background-color: #e5ebef; /* Associated Files box background: 10% of primary color */
			border-color: #b2c2d0; /* Associated Files Box Border 30% of primary color */
		}
		.associated-files li a {
			border-color: #003663; /* Associated Files Bullet Color */
		}
		.associated-files li a:hover { 
			border-color: #40688a; /* Associated Files Bullet Hover Color */
		}

/* Basic
------------------------------------------------------ */
	body {
		font: 14px/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif;
		background: #fff; 
		color: #444;
	}
	a { color: #000; font-weight: bold; }
	h1,h2,h3,h4,h5,h6 { font-weight: bold; }
h3 {
	font-size: 120%;
	line-height: 130%;
	text-align: center;
}
 
/* Wrapper
------------------------------------------------------ */
	#wrapper {	
		width: 100% !important;
		margin-left: -10px !important;
		margin-top: -10px !important;
		background-color: #f3f3f3 !important;
	}	
	#wrapper-inner {
		width: 100% !important;
		margin: 0px auto 0; 
		margin-left: 0px;
		text-align: left; 
		min-height: 650px; 
		position: relative;
		border-radius: 0px;
		text-align: left; 
    padding: 0px;
	}

/* Product Menu
------------------------------------------------------ */
#family-nav {
	margin-top: 10px;

}

	.dropdown, .dropdown ul {
		background: #f3f3f3;
		width: 153px;
		line-height: 39px;
	}
	.dropdown {
		float: left;
		font-size: 12px;
	}
	.dropdown li { 
		position: relative; 
	}
	.dropdown li a {
		display: block;
		padding: 0px 12px;
		font-weight: normal;
	}


	.dropdown .active {
		background-color: #ffffff;
		border-style: solid;	
		border-width: 1px 0px 1px 0px;
		border-color: #d1d1d1;
		border-left: 3px solid #d1d1d1;
		border-right: 0px solid #fff;
		width: 127px;
	}

	.dropdown .active a:hover {
		background-color: transparent;
	}
	.dropdown ul { 
		position: absolute; 
		left: 153px; 
		top: 0; 
		visibility: hidden; 
		z-index: 1000; 
		opacity: .95;
		width: 153px;
		border-style: solid;	
		border-width: 0px 0px 0px 0px;
		border-color: #d1d1d1;
	}

	span.sf-sub-indicator {
		text-indent: -10000px;
		background: url(../../image/images/arrow.png) no-repeat;
	}
	.sf-sub-indicator {
		position: absolute;
		display: block;
		right: 8px;
		top: 50%;
		width: 6px;
		height: 12px;
		margin-top: -6px;
		text-indent: -999em;
		overflow: hidden;
		background: url(../../image/images/arrow.png) no-repeat 0 0px;
	}

/* Models
------------------------------------------------------ */
	#content {
		margin: 0px;
		margin-right: -10px;
		width: auto;
		padding: 0px 0 0px 0px;
		margin-left: 153px;
		display:none;
		background-color: #ffffff;
		min-height: 650px;
		border-left: 1px solid #ccc;
	}

.product-line-description {
	padding-top: 10px;
	padding-left: 20px;
	margin-bottom: 10px;
	max-width: 950px;
	background-color: #ffffff;
	height: 120px;
}
	.row {
		margin: 0 0 15px 0;
	}
	.row:last-child {
		border: none;
	}
	.model {
		font-size: 12px;
		line-height: 1.5em;
		float: left;
		width:  150px;
		margin: 10px 15px 0px 20px;
		padding: 0 1px 0px 1px;
	}
	
	.model-summary-wrapper { 
		padding: 0 1px; 
		margin: 5px 0 15px 0; 
	}

	.model-summary { 
		display: none;
		position: absolute;
		padding-top: 10px;
		width:  160px;
		background: rgba(255, 255, 255, 0.4);
	}

.model:hover .model-summary{
display : block;
	color: #636973; 
}

	.img-wrapper {
		display: block !important!; /* IE7 */
		padding-top: 10px !important!; /* IE7 */
		height: 150px !important!; /* IE7 */ 
		display: table-cell;
		height: 150px;
		line-height: 150px;
		width: 226px;
		text-align: center;
		border: none;
	}

	.img-wrapper img {
		max-width: 150px;
		max-height: 150px;
		vertical-align: middle;
	}
	
	
	.additional-models { 
		margin-bottom: 10px; 
	}
	.additional-models li { 
		padding-left: 10px; 
	}

	.associated-files {
		border-style: solid; 
		border-width: 1px;
		margin: 10px 0;
		padding: 5px 10px;
	}
	.associated-files li a {
		border-left-style: solid; 
		border-left-width: 5px;
		padding-left: 5px;
		font-weight: normal;
	}

	/* Summary info below model name (class assigned in html description of model*/
	p.content {
		color: #4c4c4c;
		font-family:verdana;
	}

	span {
		color: #000;
	}



	.commerce-bordercolor { display: none; }
	.button-left { display: none; }
	.button-right { display: none; }
	.button-middle { visibility: hidden; }
	.button-middle div{ 
			visibility: visible;
			height: 48px;
			border: #0572ce solid 1px;
			border-radius: 2px;
			background-color: #0572ce;
	}	
	.button-middle div:hover {
		background-color: #f4f6f9 ;
}
	.button-middle div:active {	background-color: #f4f6f9; }
	.button-middle .button-text,
	.button-middle .button-text:hover { color: #0572ce; font-size: 11px;}

/* Login screen and Homepage Header 
------------------------------------------------------ */  
.login-view > h1 {
	position: absolute;
	top: 0;
	left: 40%;
	margin: 0;
	z-index: 100;
}

/*Login Page
------------------------------------------------------ */  
body.logged-out {
	background: #ffffff !important;
/*	background-color: #035090; ----Alternative Alta Blue Background */
}

#login-logo {
	display:none;
}

.logged-out #footer img{
	display:none;
}

.logged-out .extra-panes {

	top: 0; left: 0px; bottom: 0; right: 0;
	width:1200px !important;
	height:100!important;
}

.logged-out #login-form-wrap {
	background: #38a0d0;
	background: url(../../image/Demo_Landing/bkgd.jpg) repeat scroll center bottom rgba(0, 0, 0, 0);
	border-left: 1px solid rgba(255, 255, 255, 0.25);
	height: 304px;
	position: absolute;
	top: 0;
	width: calc(100% - 2px);
	z-index: 10;
}
 
.logged-out #login-form { 
	padding-top:393px;
	padding-left: -0px;
	background: url(../../image/Demo_Landing/homepage_icon.png) no-repeat scroll rgba(0, 0, 0, 0);
	background-position:23% 100%;
    border: 0px solid #b5b8c8;
	height:0px;
	width: 97% !important;
	z-index: 100 !important;
}
	
#login-form-head {
  	position:absolute;
	width:97%;
	height:55px;
	top: 0px;
	margin-top:249px;
}

#login-form-head img{
margin-top: 425px;
margin-left:4%;
	padding-bottom: 15px;
	padding-left: 83%;
border-bottom:solid 1px #d5d5d7;
	margin-bottom: 10px;
}

#login-form .product-name {
	color: #ffffff;
	text-decoration-style: bold!important;
    font-size: 36px;
	width: 300px;
    left: 42%;
	right: 20%;
    letter-spacing: 0.01em;
    position: absolute;
    text-align: left;
    top: -80px;
	border: 0px solid #ffffff;
}



#login-form label { 
    font-size: 12px;
    font-weight: bold; 
}

div.login-fields { 
	left: 42%;
	position: absolute;
	width: 400px;
	height: 100%;
	top:350px;
}

.logged-out .login-fields { 
	background: #ffffff;
}

div.login-button { 
	position:absolute;
		left: 42%;
	z-index:15;
	top:545px;
}
div.login-links { 
	position:absolute;
		left: 42%;
	z-index:15;
	top:495px;
}
.pipe { 
    padding: 0 6px; 
}

#login-form .form-input {
	line-height: 30px; 
  background: #FCFDFE !important;
  border: 1px solid #dfe4e7;
	border-radius: 2px !important;
	width: 20%;
	font-size: 13.5px;
	color: #4f4f4f;
	padding-left: 10px;
}

#login-form-wrap .login-toggle .hide { 
    display: none; 
}

#login-form .login-button td img { 
    display: none;
}

#login-form label {
	margin: 0; padding: 0; 
	display: block;
	line-height: 16px;
	margin-top: 13px;
}

#login-form label{    
    color: #b0b2af;
	font-style:italic;
	font-size: 14px;
	font-weight: 300;
	padding-bottom: 5px;
	width: 60px;
}

#login-form a{    
	color: #008193;
}

#login-form a:hover{    
  text-decoration: underline;
}

#login-form #psword { 
	margin-bottom: 10px;
}
 
#login-form select.form-input { 
	margin-bottom: 5px; 
}

#login-form br { 
	display: none; 
}

#login-form .form-input { 
	margin: 0px; 
	width: 300px;
	clear: both; 
}

#login-form .login-links { 
    line-height: 13px; 
}

.button-text {
	text-decoration:none!important;
}

#login-form td.button-middle {
    background:  #0572ce;
border: 1px solid #0572ce;
    border-radius: 2px;
    height: 48px;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight; bold;
   font-size: 18px;
   color: #FFFFFF;
   text-align: center;
   height:48px;

}
#login-form td.button-middle div {
	margin:0!important;
}

#login-form .button-middle a {
	text-align: center!important;
	    background:  #0572ce;
    color: #ffffff;
    font-family: "HelveticaNeue","Helvetica Neue","HelveticaNeueRoman","HelveticaNeue-Roman","Helvetica Neue Roman",Helvetica,Arial,sans-serif;
    font-size: 20px!important;
    font-weight: 200!important;
	line-height: 48px!important;
	   padding-right:20px;
   padding-left:20px;
}

#login-form td.button-middle:hover {
    border: 1px solid #0572ce!important;
	
}

#login-form .button-middle a:hover {
	    background:  #f4f6f9 !important;
    color: #0572CE!important;
}
#login-form td.button-middle:active {
    background: #0572CE none repeat scroll 0 0!important;
    border: 1px solid #0572ce!important;
}

#login-form .button-middle a:active {
    color: #FFFFFF!important;
}

/*Login - Guest Access
------------------------------------------------------ */  

body.guest-access {
	background: #ffffff !important;
/*	background-color: #035090; ----Alternative Alta Blue Background */
}

.guest-access #login-form-head {
		background-color: #0467bd !important;
}

.guest-access #login-form .form-input {
	line-height: 15px; 
	width: 85%;
}

.guest-access #login-form .product-name {
	color: #FFFFFF;
    font-size: 33px;
    font-weight: 500;
	width: 200px;
    left: 4%;
	right: 20%;
    letter-spacing: 0.01em;
    position: absolute;
    text-align: left;
    top: 170px;
	border: 0px solid #ffffff;
}

.guest-access .extra-panes  {
	display: block;
	position: absolute;
	top: 0;
	width: 100% !important;
	padding: 0;
	margin: 0;
	visibility: hidden;
	z-index: 1002 !important;
	float: none;
}
.guest-access .extra-panes form {
	width: 960px;
	margin: 0 auto;
	display: block;
	visibility: hidden;
	z-index: 1001 !important;
	position: relative;
}

.guest-access .main-pane {
	margin: 0;
	background-color: #ffffff;
}

.guest-access #login-form-wrap { 
    visibility: visible;
    z-index: 1000 !important;
  	background: #0467bd;
	border: 1px solid #0467BD;
	height: 630px;
	left: 250px;
	width: 440px;
	-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.8);
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.8);
}

.guest-access #login-form-head img{
display: none;
}

.guest-access #login-form-wrap { display: none; }

.guest-access div.login-fields { 
	border: 1px solid #0572ce;
	position:absolute;
	z-index:15;
	background:#FFF; 
	width:380px;
	height:280px;
	left:20px;
	top:250px;
	padding: 30px 10px 10px 10px;
}

.guest-access div.login-button{
	margin-left: 5px;
		position:absolute;
		left: 6%;
	z-index:15;
	top:450px;
}

.guest-access div.login-links{
	margin-left: 5px;
		position:absolute;
		left: 6%;
	z-index:15;
	top:390px;
}

.guest-access #login-form-head {
	background: url(../../image/Icons/logomark.png) no-repeat scroll right top rgba(0, 0, 0, 0);
	margin-left: 0;
	padding: 0;
  	position:absolute;
	width:100%;
	height:250px;
	top: 0px;
	margin-top:0px;
}
.guest-access .pipe { padding: 0 6px; }
 
.guest-access #login-form { 
	background: transparent; 
	padding: 0;
	-moz-box-shadow: none;
    border-radius: 0px;
    box-shadow: none;
    background: url(../../image/Icons/OracleLogoWHT.png) no-repeat scroll 255px 570px rgba(0, 0, 0, 0);
    border-top: 30px solid #ffffff !important;
    margin: 0 10px 10px 0px;
	height: 600px;
	width: 440px!important;
}

.guest-access #login-form-wrap .login-toggle {
    position: absolute;
	top: 3px;
	right: 3px;
    height: 16px;
    width: 16px;
  border:5px solid #ffffff;
    background: #FFFFFF url(../../image/Icons/close_button.png) no-repeat right top;
    cursor: pointer;
	z-index:1005;
}
.guest-access #login-form-wrap .login-toggle:hover { 
	background-position: right -16px; 
}

.guest-access #login-form-wrap .login-toggle .hide { 
	display: none; 
}

.guest-access .img-wrapper {
		display: none;
	}


/* Search Box
------------------------------------------------------ */
    .guest-access 
    #search-outer-wrapper, #serial-search-outer-wrapper { 
	background: url(../../image/images/white-90.png);
	background: rgba(255,255,255,.95);
	margin: 0 -1px 0 0; 
	padding: 5px 23px 12px 10px; 
	border: solid #ccc;
	border-width: 0 1px 1px 1px;
    z-index: 100;     
    -moz-box-shadow: 5px 5px 20px rgba(0,0,0,.2);
    -webkit-box-shadow: 5px 5px 20px rgba(0,0,0,.2);
    box-shadow: 5px 5px 20px rgba(0,0,0,.2);
	}
 
	#search-login-toggle-wrapper { 
		float: right; 
		padding: 15px 15px;
		border-width: 0 1px 1px 1px;
		margin-right: 12px;
		white-space: nowrap;
		position: absolute;
		top: 0;
		right: 0;
	}
	
#search-login-toggle-wrapper a {
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	color: #636973;
}
	#search-login-toggle-wrapper a:hover { color: #98A2B1; }
	#search-outer-wrapper, #serial-search-outer-wrapper { display: none; position: absolute; right:  0; padding: 5px 7px 0px 0px; }
	#search-wrapper{ float: left; width: auto; padding-left: 10px; margin-top: 7px; position: relative; }
	#serial-search-wrapper { float: left; width: 215px; padding-left: 10px; margin-top: 7px; position: relative; }
	#search-wrapper h3, #serial-search-wrapper h3 { float: left;color: #0a6daa; padding: 0 0 2px 0; margin: 0 0 2px 0; }
	#search-wrapper .parts-search-toggle, #serial-search-wrapper .serial-num-search-toggle {
	    float: right;
	    height: 16px;
	    width: 16px;
	    cursor: pointer;
		background: transparent url(../../image/Icons/close_button.png) no-repeat;
	}
	
	#search-top-wrapper, #serial-search-top-wrapper { width: 100%; width: 280px !important!; /* IE 7 */ }
	#search-bottom-wrapper, #serial-search-bottom-wrapper { clear: both; }
	#search-wrapper, #serial-search-wrapper .serial-num-search-toggle:hover { background-position: 0 -20px }
	#search-wrapper .hide, #serial-search-wrapper .hide { display: none; }
	#search-wrapper div, #serial-search-wrapper div { float: left; }
	
	/* search input */
		div.search-input-wrapper { border: #d6dfe6 solid 1px; margin: 6px 0px; background: #fff; }
		#simple-search {
		    height: 20px;
		    line-height: 20px;
		    padding: 1px;
		    font-size: 12px;
		    border: none;
		    margin: 1px;
		    width: 140px;
		}
 
/* search button */
div.search-button-wrapper {
	margin: 6px 4px 6px 2px;
	background-color: transparent;
    background-image: #e4e8ea; /* For browsers that do not support gradients */
    background-image:-webkit-linear-gradient(#f1f3f4, #e4e8ea); /* For Safari 5.1 to 6.0 */
    background-image:-o-linear-gradient(#f1f3f4, #e4e8ea); /* For Opera 11.1 to 12.0 */
    background-image:-moz-linear-gradient(#f1f3f4, #e4e8ea); /* For Firefox 3.6 to 15 */
    background-image:linear-gradient(#f1f3f4, #e4e8ea); /* Standard syntax */
    border: 1px solid #c4ced7;
    color: #000000;
  border-radius:2px;
	cursor: pointer;
}

.search-button-wrapper input.button {
	background: url(../../image/Icons/func_magnify_ena.png) no-repeat center 3px;
	border: none; 
	width: 22px; 
	height: 24px;
	cursor: pointer;
}

div.search-button-wrapper input.button:hover { 
	background: #f7f8f9 url(../../image/Icons/func_magnify_hov.png) no-repeat center 3px;
}

div.search-button-wrapper input.button:active { 
    background: #0572ce url(../../image/Icons/func_magnify_act.png) no-repeat center 3px;
    border-color: #0572ce!important;
}

.search-button-wrapper input.button::-moz-focus-inner {
  padding: 0;
  border: none;
}

.multiple-search,
.advanced-search {
	font-size: 11px;		
	height: 16px;
	line-height: 16px;
	margin: 7px 8px 7px 0;
	clear: both;
	display: block;
	color: #145c9e;
}
.advanced-search:hover { 
    text-decoration: underline; 
    color: #145c9e;
}

.multiple-search:hover,
.advanced-search:hover {
    text-decoration: underline; 
}
 
		/* Advanced Search */
		.advanced-search {
			font-size: 11px;		
			text-align: right;
			height: 22px;
			line-height: 22px;
			margin: 7px 8px 7px 0;
			clear: both;
			display: block;
			color: #454545;
		}
		.advanced-search:hover { text-decoration: underline; }
		
		.multiple-search {
			margin: 5px -7px 0 -10px ;
			padding: 5px 10px;
			display: block;
			border-top: solid 1px #ccc;
			font-size: 12px;
			/*font-weight: normal;*/
		}
		
		.multiple-search:hover {
			background: url(../../image/images/black-10.png);
			background: rgba(0,0,0,.05) ;
		}
	
	#price-book { height: 20px; padding: 2px 1px 2px 0; }
	#price-book select {
		background: #fff !important;
		border: solid 1px #003366;
		margin-top: 4px;
		height: 26px;
		line-height: 26px;
		font-size: 12px;
		padding: 0 0 0 2px;
}
 
/* Return To Quote 
------------------------------------------------------ */
	.return-to-quote, .return-to-quote-pipe { display:none !important; }



/*Hide unwanted models on homepage (Specific to Vision Servers)
------------------------------------------------------ */
div#model-greenServer3500.model,
div#model-greenServer7500.model,
div#model-greenServer9560.model,
div#model-sentinelPowerServer4500.model,
div#model-sentinelPowerServer5500.model,
div#model-sentinelPowerServer7500.model,
div#model-ultraPowerServer1500.model,
div#model-ultraPowerServer3000.model,
div#model-ultraPowerServer4500.model,
div#model-partUpload.model{
	display: none;
}; padding: 0 0 2px 0; margin: 0 0 2px 0; }
	#search-wrapper .parts-search-toggle, #serial-search-wrapper .serial-num-search-toggle {
	    float: right;
	    height: 16px;
	    width: 16px;
	    cursor: pointer;
		background: transparent url(../../image/Icons/close_button.png) no-repeat;
	}
	
	#search-top-wrapper, #serial-search-top-wrapper { width: 100%; width: 280px !important!; /* IE 7 */ }
	#search-bottom-wrapper, #serial-search-bottom-wrapper { clear: both; }
	#search-wrapper, #serial-search-wrapper .serial-num-search-toggle:hover { background-position: 0 -20px }
	#search-wrapper .hide, #serial-search-wrapper .hide { display: none; }
	#search-wrapper div, #serial-search-wrapper div { float: left; }
	
	/* search input */
		div.search-input-wrapper { border: #d6dfe6 solid 1px; margin: 6px 0px; background: #fff; }
		#simple-search {
		    height: 20px;
		    line-height: 20px;
		    padding: 1px;
		    font-size: 12px;
		    border: none;
		    margin: 1px;
		    width: 140px;
		}
 
/* search button */
div.search-button-wrapper {
	margin: 6px 4px 6px 2px;
	background-color: transparent;
    background-image: #e4e8ea; /* For browsers that do not support gradients */
    background-image:-webkit-linear-gradient(#f1f3f4, #e4e8ea); /* For Safari 5.1 to 6.0 */
    background-image:-o-linear-gradient(#f1f3f4, #e4e8ea); /* For Opera 11.1 to 12.0 */
    background-image:-moz-linear-gradient(#f1f3f4, #e4e8ea); /* For Firefox 3.6 to 15 */
    background-image:linear-gradient(#f1f3f4, #e4e8ea); /* Standard syntax */
    border: 1px solid #c4ced7;
    color: #000000;
  border-radius:2px;
	cursor: pointer;
}

.search-button-wrapper input.button {
	background: url(../../image/Icons/func_magnify_ena.png) no-repeat center 3px;
	border: none; 
	width: 22px; 
	height: 24px;
	cursor: pointer;
}

div.search-button-wrapper input.button:hover { 
	background: #f7f8f9 url(../../image/Icons/func_magnify_hov.png) no-repeat center 3px;
}

div.search-button-wrapper input.button:active { 
    background: #0572ce url(../../image/Icons/func_magnify_act.png) no-repeat center 3px;
    border-color: #0572ce!important;
}

.search-button-wrapper input.button::-moz-focus-inner {
  padding: 0;
  border: none;
}

.multiple-search,
.advanced-search {
	font-size: 11px;		
	height: 16px;
	line-height: 16px;
	margin: 7px 8px 7px 0;
	clear: both;
	display: block;
	color: #161513;
}
.advanced-search:hover { 
    text-decoration: underline; 
    color: #145c9e;
}

.multiple-search:hover,
.advanced-search:hover {
    text-decoration: underline; 
}
 
		/* Advanced Search */
		.advanced-search {
			font-size: 11px;		
			text-align: right;
			height: 22px;
			line-height: 22px;
			margin: 7px 8px 7px 0;
			clear: both;
			display: block;
			color: #454545;
		}
		.advanced-search:hover { text-decoration: underline; }
		
		.multiple-search {
			margin: 5px -7px 0 -10px ;
			padding: 5px 10px;
			display: block;
			border-top: solid 1px #ccc;
			font-size: 12px;
			/*font-weight: normal;*/
		}
		
		.multiple-search:hover {
			background: url(../../image/images/black-10.png);
			background: rgba(0,0,0,.05) ;
		}
	
	#price-book { height: 20px; padding: 2px 1px 2px 0; }
	#price-book select {
		background: #fff !important;
		border: solid 1px #003366;
		margin-top: 4px;
		height: 26px;
		line-height: 26px;
		font-size: 12px;
		padding: 0 0 0 2px;
}
 
/* Return To Quote 
------------------------------------------------------ */
	.return-to-quote, .return-to-quote-pipe { display:none !important; }



/*Hide unwanted models on homepage (Specific to Vision Servers)
------------------------------------------------------ */
div#model-greenServer3500.model,
div#model-greenServer7500.model,
div#model-greenServer9560.model,
div#model-sentinelPowerServer4500.model,
div#model-sentinelPowerServer5500.model,
div#model-sentinelPowerServer7500.model,
div#model-ultraPowerServer1500.model,
div#model-ultraPowerServer3000.model,
div#model-ultraPowerServer4500.model,
div#model-partUpload.model{
	display: none;
}