﻿<style>

	@font-face {
			font-family: 'DellRobotoBold';
			src: url('/fonts/Roboto-Bold.ttf');
	}
	@font-face {
			font-family: 'DellRobotoLight';
			src: url('/fonts/Roboto-Light.ttf');
	}
	@font-face {
			font-family: 'DellRobotoRegular';
			src: url('/fonts/Roboto-Regular.ttf');
	}

	body,html{
		width: 100%;
		height: 100%;
		border: 0;
		margin: 0;
		padding: 0;
		font-size:12px;
		/*color:rgb(68,68,68);*/
		color:#444444;
		font-family: DellRobotoRegular;
	}
	#pcc_background_img {
		width:864px;
	}
	a {
		text-decoration:none;
		color: inherit;
	}
	a:visited, a:hover {
		color: inherit;
	}
	#outer {		
		min-height: 100%;
		margin: 0 auto;
		padding: 2rem 1.5em;
		width: 864px;
		text-align:left;
		min-height:515px;
	}
	#pwform_outer {
		width:864px;
		min-width:864px;
		margin: 30px auto;
		text-align:center;

	}
	#passwordform {
		display: table;
		width: 100%;
		max-width:400px;
		text-align:left;
		float:left;
		border-color: #EEE;
		border: 1px solid #dcdcdc;
		border-radius: 1px;
		margin-bottom:10px;
		color:#222222;
		background-color: #FCFCFC;
	}
	.pwform {
		display:table-row;
	}
	#head_text {
		font-family: DellRobotoLight;
		font-size:24px;
		line-height:28px;
		font-weight:300;
		letter-spacing: 3.2px;
	}
	#pcc_main_head {
		background-color: #fff;
		padding: 10px 0 0 0;

	}
	#newhome h1 {
		text-align:left;
		font-size:14px;
		margin-top:4px;
		font-weight: 700;
		padding-left:2rem;
	}
	#newhome hr {
		margin:15px 40px;
		color:#ccc;
		border: 1px solid #d3d3d3;
	}
	#cartimg {
		position:relative;
		margin-left:80px;
	}
	#searchbar {
		clear:both;
		background-color: #fff;
		float:right;
		width:195px;
		height:21px;
		border-bottom:1px solid black;
		padding-left:5px;
		position:relative;
		top:-25px;
	}
	#searchvalue {
		font-family: DellRobotoRegular;
		font-size:9px;
		width:350px;
		margin-left:150px;
		position:relative;
		padding:6px;
		border: 1px solid #ccc;
		border-radius:1px;
	}
	#searchvalue::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	  font-size:9px;
	}
	#searchvalue::-moz-placeholder { /* Firefox 19+ */
	  font-size:9px;
	}
	#searchvalue:-ms-input-placeholder { /* IE 10+ */
	  font-size:9px;
	}
	#searchvalue:-moz-placeholder { /* Firefox 18- */
	  font-size:9px;
	}
	#searchbutton {
		cursor:pointer;
		position:relative;
		right: 3rem;
	}
	input:focus {
		outline:none;
	}
	.helper {
		display: inline-block;
		height: 100%;
		vertical-align: middle;
	}
	#front_buttons {
		position:relative;
		margin:0 auto;
		top:-300px;
		width:100%;
		text-align: center;
		

	}
	.front_button {
		display: inline-block;
		width: 152px;
		height:30.5px;
		border: 1px solid white;
		background-color:transparent;
		color:white;
		vertical-align:middle;
		margin-right:5px;
		padding:0 2px 0 4px;
		text-align:left;
		cursor:pointer;
	}
	.front_button img {
		position: relative;
		top: 50%;
		transform: translateY(-50%);
	}
	.f_button_size {
		height:22px;
	}
	#registerform {
		float:right;
		display: table;
		width: 100%;
		max-width:400px;
		text-align:left;
		color:#222222;
		background-color: #eee;
		border-color: #EEE;
		border: 1px solid #dcdcdc;
		border-radius: 1px;
	}

	/*input[type="submit"] {
		padding: 6px 12px;
		border-color: #002639;
		color:#fff;
		background-color: rgb(0,125,184);
		border-radius: 4px;
		border: 1px solid transparent;
	} */
	legend {
		font-size:20px;
	}
	fieldset {
		border:none;
	}
	label {
		font-size:14px;
		line-height:20px;
		display:inline;
	}
	label.error {
		color: #DC5034;
		padding-left:4px;
		font-size:11px;
	}
	fieldset ul, fieldset ol {
		padding: 0 1.5em 0 1.5em;
		list-style: none;
	}

	fieldset li {
		padding: 0 0 1em 0;
	}
	.caretup {
		color: #0085c3;
		font-size:1.5em;
		cursor:pointer;
	}

	.buttontext {
		font-size:11px;
		line-height:3px;
		text-align:left;
		position:relative;
		bottom:3px;
		padding-left:1px;
	}
	input.pwinput {
		padding: 2px 4px;
		height: 34px;
		border-radius: 4px;
		width:100%;
		max-width:280px;
		border: 1px solid rgb(204,204,204);
	}
	input.pwinput:focus {
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #0F6ECA;
		outline: none !important;
	}
	input.pwinput.loginerror {
		border-color: #B94A48;
		outline: none !important;
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #D59392;
	}

	h2 {
		font-size:28px;
		line-height:32px;
		font-weight:300;
	}
	h4 {
		font-size:20px;
		line-height:22px;
		font-weight:600;
	}
	.dell-orange {
		color: #EE6411;
	}
	.padding-left-micro {
		padding-left: 5px;
	}
	.pointer {
		cursor: pointer;
	}
	.dell-blue {
		color: #008cba;
	}
	#togglecaret {
		margin-left:10px;
	}
	#pccfooter {
		clear:both;
		margin:0 auto;
		text-align:center;
		padding: 20px 0;
		position:relative;
		font-size:9px;
		line-height:11px;
	}
	#pccfooter a {
		color: inherit;
	}
	#topmsg {
		color: #EE6411;
		font-size:18px;
		margin-bottom:8px;
	}
	.small_link {
		font-size:11px;
	}
	#admin_outer {
		text-align:left;
		margin:0 auto;
	}
	.input-btn {
		width:50px;
		display:inline-block;
		border: 1px solid rgb(204,204,204);
		height: 40px;
		color:#007DB8 !important;
		cursor:pointer;
		background-color: #FCFCFC;
		position:relative;
		left:-3px;
	}
	.input-btn:active {
		inset 0 3px 5px rgba(0,0,0,0.125);
	}

	#add_doc_form  {
		overflow: auto;
		background-color: #eee;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		margin: 1em 0 0 0;
		padding: .8em;
		width: auto;
		text-align: left;
	}

	#add_doc_form legend {
		font-weight:600;
	}

	.widewhite {
		heigth:1px;
		background-color:#fff;
		width:100%;
	}
	#frontbottomgrey {
		height:35px;
		width:100%;
		background-color:#4c4c4e;
		position:relative;
		bottom:35px;
	}
	.footerlink {
		cursor:pointer;
	}
	.mb_selected, .mb_selected:hover, .mb_selected:visited {
		font-size:11px;
	}
	.mb_notselected, .mb_notselected:hover, .mb_notselected:visited {
		font-size:11px;
	}
	#menubuttons {
		padding-left:50px;
		position:relative;
		bottom:22px;
	}
	#orderform_outer {
		padding-left:50px;
		padding-top:20px;
	}
	.orderform_titlebox {
		border: 1px solid black;
		display:inline-block;
		padding:5px;
		background-color:#ebebec;
		font-weight:400;
		font-size:14px;
		letter-spacing: .8px;
	}
	#orderform_inner {
		display:inline-block;
		position:relative;
		bottom:30px;
		left:10px;
	}

	#orderform_inner a {
		font-size:11px;
	}

	#orderformhrcs {
		display: inline-block; 
		height: 1px;
		border: 0; 
		border-top: 1px solid black;
		width:616px;
		position:relative;
		bottom:37px;
		left:195px;
	}
	#orderformhris {
		display: inline-block; 
		height: 1px;
		border: 0; 
		border-top: 1px solid black;
		width:566px;
		position:relative;
		bottom:37px;
		left:245px;
	}
	#orderformhrdts {
		display: inline-block; 
		height: 1px;
		border: 0; 
		border-top: 1px solid black;
		width:532px;
		position:relative;
		bottom:37px;
		left:280px;
	}
	#orderformhrclb {
		display: inline-block; 
		height: 1px;
		border: 0; 
		border-top: 1px solid black;
		width:552px;
		position:relative;
		bottom:37px;
		left:260px;
	}
	#orderformhrbyob {
		display: inline-block; 
		height: 1px;
		border: 0; 
		border-top: 1px solid black;
		width:530px;
		position:relative;
		bottom:37px;
		left:240px;
	}
	.imgview {
		min-height:80px;
		min-width:62px;
		max-height:80px;
		max-width:75px;
	}
	.doc_qty {
		position:relative;
		top:-25px;
		left:-15px;
	}
	.docinfo {
		font-size: 10px;
		padding-bottom: 18px;
		width:148.5px;
	}
	.pdftable {
		width: 100%;
	}
	.pdftable td {
		vertical-align: top;
	}
	table {
		padding: 0;
		margin: 0;
		border: 0;
		border-collapse: collapse;
	}
	form {
		background-color: inherit;
		margin: 0;
		padding: 0;
		overflow: visible;
		width: inherit;
		text-align: inherit;
	}
	.docname {
		line-height: 13px;
		font-weight: bold;
		width: inherit;
		border: 0;
		margin: 0;
		width: 125px;
		padding-bottom:3px;
	}
	.docname:hover {
		cursor: help;
	}
	.found_container {
		margin-left:60px;
		clear:both;

	}
	.catheading {
		padding-bottom:3px;
		border-bottom:1px solid black;
	}

	.ui-tooltip {
		font-size:12px;
		font-family:DellRobotoRegular, sans-serif;
	}
	#add_to_cart {
		background-color:#4c4d4f;
		color:#fff;
		border-radius:3px;
		padding:6px 20px;
		font-size:10px;
		line-height:12px;
		border:0;
	}
	#add_to_cart:hover {
		background-color: #d3d4d6;
		color:#4c4d4f;
	}
	.loggedblurb {
		color: rgb(46,94,141);
		padding-bottom:6px;
		font-weight:bolder;
	}
	#cart_container {
		padding-top:20px;
	}
	#cart {
		margin-bottom:15px;
	}
	#cart hr {
		height: 1px;
		border: 0; 
		border-top: 1px solid black;
	}
	#cart_items {
		margin-top:15px;
	}
	.form_label {
		text-align: right;
		margin-left: 5px;
		margin-right: 5px;
		font-size:11px;
		line-height:16px;
	}
	.alert {
		color: #DC5034;
	}
	input, select {
		font-size:11px;
		padding:3px;
	}
	input[type="text"] {
		width: 18em;
		padding:1px 2px;
	}
	fieldset {
		padding-bottom:15px;
	}
	fieldset p {
		padding: .25em 1.5em .5em 1.5em;
		margin: 0 0 0 0;
	}
	#cart legend {
		font-size: 11px;
		font-weight:700;
	}
	#cart_items th {
		padding-bottom:5px;
	}
	#isthisdirect {
		margin:10px 0;
	}
	.clickablelink {
		color:rgb(46,94,141);
		cursor:pointer;
	}
	#homemessage {
		font-size:14px;
		color: #DC5034;
		text-align:center;
		margin: 0 auto;
		background-color: #ebebec;
		padding-top:15px;
	}

	.adminlink {
		color:rgb(46,94,141);
	}
	a.brochure {
		color:rgb(46,94,141); 
	}
	.mainheads {
		padding:2rem 3rem 0 3rem;
	}
        .logo-container {
            width: 100px;
						height: 20px;
            position: relative;
						bottom: 1.7rem;
						float:right;

        }

        .logo {
            width: 100%;
            height: 100%;
            object-fit: contain;
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0;
            transition: opacity 1s ease-in-out;
        }

        .logo.active {
            opacity: 1;
        }

        /* Optional: Add a subtle animation */
        .logo.fade-in {
            animation: fadeIn 1s ease-in-out;
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: scale(0.95);
            }
            to {
                opacity: 1;
                transform: scale(1);
            }
        }


	
				.dds__card__media img {
						min-width: 80px;
						min-height: 80px;
						transform:none;
						
				}
</style>