/* ----------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;
	    background-color: #fbf9f8!important;
			background-image: url(../../image/images/cx_bgtexture2.png)!important;
    background-repeat: repeat!important;
}


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;
}

div.main-pane{
	background: none!important;
}


------------------------------------------------------ */
.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 li a
{
	color: rgba(22, 21, 19, 0.4);
font-family: "Oracle Sans", "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
font-style: normal;
font-weight: bold !important;
font-size: 14px;
}

.dropdown,
.dropdown ul, .dropdown ul li:first-child a,
{
color: rgba(22, 21, 19, 0.4);
font-family: "Oracle Sans", "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
font-style: normal;
font-weight: lighter;
font-size: 12px;
}

.dropdown{
		padding-left: 27px;
}

.dropdown ul li a {
	border: none !important;
}

.dropdown .active { 
	border:none;
	background-color: #ffffff;
	color: #161513;
}

.dropdown a:hover {
	background-color: #ffffff !important; /* Dropdown Hover Color */
}

.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;
}

.dropdown ul {
    position: absolute;
	left: -1px;
    top: auto;
    width: 23px;
    z-index: 1000;
}

		
		.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;
		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 {	
		margin-left: 0px !important;
		padding-top: 22px !important;
		margin-top: -10px;
		background-color: #ffffff;
		border-left: 1px solid #e8e8e7 !important;
    border-right: 1px solid #e8e8e7 !important;
		margin-right: 10px;
		background-image: url(../../image/images/colorstrip_cxplum_withbkgd.png)!important;
    background-repeat:  repeat-x !important;
    background-position-y: 58px; 
	}	
#wrapper:before {
	  content: 'Catalog Homepage';
		text-align: left ;
    color: #161513 !important; /* Primary Text Color  */
    font-family: "Oracle Sans", "Segoe UI", "Helvetica Neue", Arial, sans-serif; /* Primary Font  */
    font-weight: 300;
	  font-size: 21px !important;
	  background-color: #ffffff;
	margin-left: 20px;
}

#wrapper-inner {
		margin: 0px auto 0; 
		text-align: left; 
		min-height: 650px; 
		position: relative;
		border-radius: 0px;
		text-align: left; 
    padding: 0px;	
}

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

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

	.dropdown, .dropdown ul {
		width: 250px;
		line-height: 39px;
		margin-top: 0px;
		border-top: 1px solid #e8e8e7 !important;
		padding-top: 40px;
  background: #ffffff;
	}
	.dropdown {
		float: left;
		font-size: 12px;
	}
	.dropdown li { 
		position: relative; 
	}
	.dropdown li a {
		display: block;
		padding: 0px 12px;
		font-weight: lighter;
		padding-left: 20px !important;
		border-left: 3px solid #ffffff !important;
	}


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

	.dropdown .active a:hover {
		background-color: transparent;
		color: #161513;
	}
	.dropdown ul { 
		position: absolute; 
		left: 200px; 
		top: 0; 
		visibility: hidden; 
		z-index: 1000; 
		opacity: .95;
		width: 200px;
		border-style: none !important;
		background: #ffffff;
		padding-top: 0px !important;
}
	.dropdown ul a { 
		font-weight: lighter !important;
	}

	span.sf-sub-indicator {
		text-indent: -10000px;
	}
	.sf-sub-indicator {
		position: absolute;
		display: block;
		right: 8px;
		top: 50%;
		width: 6px;
		height: 12px;
		margin-top: -6px;
		text-indent: -999em;
		overflow: hidden;
	}

/* Models
------------------------------------------------------ */
	#content {
		margin: 0px;
		width: auto;
		padding: 0px 0 0px 0px;
		margin-left: 225px;
		display:none;
		background-color: #ffffff;
		min-height: 650px;
		border-top: 1px solid #e8e8e7 !important;
		margin-top: 27px;
	}

.product-line-description {
	padding-top: 10px;
	padding-left: 20px;
	margin-bottom: 10px;
	max-width: 850px;
	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;
    min-height: 245px;
    padding: 10px;
    min-width: 200px;
    flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    box-sizing: border-box;
    max-width: 350px;
    text-align: center;
}

.model-summary-wrapper { 
    padding: 10px;
}

.model h3 a {
    color: #161513!important;
    font-family: "Oracle Sans", "Segoe UI", "Helvetica Neue", Arial, sans-serif!important;
    font-style: normal;
    font-weight: 400!important;
    font-size: 14px;
    text-transform: none;
    text-decoration: none!important; 
    background-color: transparent;
    border: 1px solid rgba(22, 21, 19, 0.3);
    background-image: none;
    border-radius: 4px;
    -webkit-justify-content: center;
    justify-content: center;
    min-width: 0;
    -webkit-align-items: center;
    align-items: center;
    padding: 10px 15px;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

.model h3 a:hover {
    background: rgba(22, 21, 19, 0.04)!important;
    border: 1px solid rgba(22, 21, 19, 0.3)!important;
}

.model-summary {
    width: 200px;
	margin-top: 20px !important;
    display: inline-block;
    font-family:"Oracle Sans", "Segoe UI", "Helvetica Neue", Arial, sans-serif; /* Primary Font  */
    font-size:12px;
    color: #252525; /* Primary Text Color  */
}
	.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-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/images/bkgd.jpg) repeat scroll center bottom rgba(0, 0, 0, 0) !important;
    border-left: 1px solid rgba(255, 255, 255, 0.25);
    height: 304px;
    position: absolute !important;
    top: 0;
    width: 100%;
    z-index: 10;
}

.logged-out #login-form {
    padding-top:393px;
    padding-left: -0px;
    background: url(../../image/images/homepage_icon.png) no-repeat scroll rgba(0, 0, 0, 0);
    background-position:25% 100%;
    border: 0px solid #b5b8c8;
    height:0px;
    width: 97% !important;
    z-index: 100 !important;
	box-shadow: none;
}

#login-form-head {
    position:absolute;
    width:97%;
    height:55px;
    top: 0px;
    margin-top:249px;
}

#login-form-head img{
    margin-top: 425px;
    margin-left:20%;
    padding-bottom: 15px;
    padding-left: 50%;
    border-bottom:solid 1px #d5d5d7; /* Primary Border Style  */
    margin-bottom: 10px;
}

#login-form .product-name {
    border: 0px solid #ffffff;
    color: #FFFFFF;
    font-size: 48px;
    font-weight: 400;
    left: 48%;
    letter-spacing: 0.01em;
    position: absolute;
    right: 20%;
    text-align: left;
    top: -80px;
    width: 300px;
}

div.login-fields {
    left: 48%;
    position: absolute;
    width: 400px;
    height: 100%;
    top:350px;
}
.login-fields > b { /* Login Failure text */
    color: darkred;
    font-size: 1.1rem;
    position: absolute;
    top: -20px;
}

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

#login-form .form-input {
    line-height: 30px;
    background: #FCFDFE !important;
    border: 1px solid #dfe4e7; /* Primary Border Style  */
    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 {
    color: #757575;
    display: block;
    font-size: 14px;
    font-style: italic;
    font-weight: 300;
    line-height: 16px;
    margin: 13px 0 0;
    padding: 0 0 5px;
    width: 60px;
}

#login-form a{
    color: #145c9e; /* Link Color  */
}

#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;
    min-height: 30px; /* IE 11 */
}

#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 .button-middle a:before,
#login-form .button-middle a:after {

}

#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 - Errors
------------------------------------------------------ */
ul.error-text {
    left: 0;
    padding: 5px 5px 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 20;
}
ul.error-text li {
    background: #fFf4f4;
    border: 1px solid rgba(34, 34, 34, 0.5);
    border-radius: 3px;
    box-shadow: 2px 2px 4px rgba(34, 34, 34, 0.5);
    color: #880000;
    font-size: 1.5em;
    font-family:"Segoe UI","Helvetica",Arial,sans-serif; /* Primary Font  */
    margin: auto 25% 5px;
    padding: 5px 10px;
    text-align: center;
}
ul.error-text li:before {
    content: url('/img/error.gif');
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: 2px;
}

/*Login - Guest Access
------------------------------------------------------ */
.guest-access .extra-panes  {
    display: block;
    position: absolute;
    top: 20px;
    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;
}

.guest-access.logged-out #login-form {
    padding-top:393px;
    padding-left: -0px;
    background-position: 50% 20%;
}

.guest-access.logged-out #login-form-wrap {
    visibility: visible;
    z-index: 1000 !important;
    height: 708px;
    left: 250px;
    width: 440px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.8);
    background: #594564!important;
}

.guest-access div.login-fields {
    position:absolute;
    z-index:10;
    width:410px;
    height:280px;
    left:0px;
    top:380px;
    padding: 25px 10px 0px 20px;
    background-color: #fbf9f8!important;
			background-image: url(../../image/images/colorstrip_cxplum.png)!important;
    background-repeat:  repeat-x !important;
    background-position-y: -5px; 
}
.guest-access div.login-button{
    top:600px;
    left: 15px;
}

.guest-access div.login-links{
    top:560px;
    left: 15px;
}

.guest-access #login-form-head img{/*Oracle Logo*/
    top: -30px;
    left:-1px;
    position: absolute;
    z-index: 50;
    border: 0;
}

.guest-access #login-form .product-name {
    width: 300px;
    left: 300px;
    right: 20%;
    position: absolute;
    top: 70px;
    z-index: 200;
}

.guest-access .pipe { padding: 0 6px; }

.guest-access #login-form {
    margin: 0 0;
    padding-top:320px;
}

.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 #login-form-wrap {
    display: none;
}

/*  Homepage Styling: Toolbar and buttons - Part Search, Return to Quote, Login for guest access, Search Box popup
------------------------------------------------------ */

/* Login and Return To Quote buttons*/
/* ------------------------------------------------------ */
#search-login-toggle-wrapper a, .return-to-quote a {
    background-color: #ffffff;
    background-image: none;
    border: solid #c4ced7 1px;
    display: block;
    float: left;
    padding: 0 10px;
    margin: 0 -7px 0 3px;
    border-radius: 2px;
	-moz-border-radius: 2px; 	
	-webkit-border-radius: 2px;  
    color: #161513!important;
    font-family: "Oracle Sans", "Segoe UI", "Helvetica Neue", Arial, sans-serif!important;
    line-height: 28px;  
    text-decoration: none;
}

#search-login-toggle-wrapper a:hover {
    background-color: #f7f8f9;
    color: #0070d2!important;
}

#search-login-toggle-wrapper {
    float: right;
    padding: 0;
    margin: 1px 5px 5px;
    white-space: nowrap;
    position: relative;
    top: 3px;
    right: 3px;
    z-index: 2;
}

#search-login-toggle-wrapper span.pipe{
    display: none!important;
}

.return-to-quote,
.return-to-quote-pipe {
    display:none !important;
}

/* Search buttons */
#search-login-toggle-wrapper .parts-search-toggle,
#search-login-toggle-wrapper .serial-num-search-toggle  {
    margin: 4px;
    padding-left: 30px;
    background: #FFFFFF url(../../image/Icons/func_magnify_ena.png) no-repeat 5px;
    color: #161513!important;
    font-family: "Oracle Sans", "Segoe UI", "Helvetica Neue", Arial, sans-serif!important;
    font-style: normal;
    font-weight: 600!important;
    font-size: 14px;
    text-transform: none;
    text-decoration: none;
    border: solid #cbcccd 1px;
    -webkit-justify-content: center;
    justify-content: center;
    min-width: 0;
    -webkit-align-items: center;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    border-radius: 2px;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
	line-height: 35px;
	height: 35px;
	margin-top: 0px;
}

#search-login-toggle-wrapper .parts-search-toggle:hover,
#search-login-toggle-wrapper .serial-num-search-toggle:hover  {
    background: #f7f8f9 url(../../image/Icons/func_magnify_ena.png) no-repeat 5px;
    border-color: #c4ced7;
    color: #161513!important;
}

#search-wrapper .parts-search-toggle,
#serial-search-wrapper .serial-num-search-toggle  {
    float: right;
    height: 16px;
    width: 16px;
    background: transparent url(../../image/Icons/close_button.png) no-repeat;
    cursor: pointer;
}

#search-top-wrapper,
#serial-search-top-wrapper  {
    width: 100%;
}

#search-bottom-wrapper,
#serial-search-bottom-wrapper  {
    clear: both;
}

#search-wrapper .parts-search-toggle:hover,
#serial-search-wrapper .serial-num-search-toggle:hover {
    background-position: 0 -16px
}

div.search-button-wrapper {
    margin: 6px 4px 6px 2px;
    background-color: transparent;
    background-image: linear-gradient(#f1f3f4, #e4e8ea);
    border: 1px solid #c4ced7;
    color: #000000;
    border-radius: 2px;
    cursor: pointer;
    display: flex;
}


/* 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: 33px;
	line-height: 35px;
	color: #636973;
	margin-left: 10px;
}
	#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 "Oracle Sans", "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
	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; }







		.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 "Oracle Sans", "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
		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: 200px;
		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: 200px; 
		top: 0; 
		visibility: hidden; 
		z-index: 1000; 
		opacity: .95;
		width: 200px;
		border-style: solid;	
		border-width: 0px 0px 0px 0px;
		border-color: #d1d1d1;
	}

	span.sf-sub-indicator {
		text-indent: -10000px;
	}
	.sf-sub-indicator {
		position: absolute;
		display: block;
		right: 8px;
		top: 50%;
		width: 6px;
		height: 12px;
		margin-top: -6px;
		text-indent: -999em;
		overflow: hidden;
	}

/* Models
------------------------------------------------------ */
	#content {
		margin: 0px;
		margin-right: -10px;
		width: auto;
		padding: 0px 0 0px 0px;
		margin-left: 200px;
		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: 850px;
	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;}



/* 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,
div#model-FIT1420.model{
	display: none;
}