@import url(fonts/ionicons.min.css);

input,select  {padding:8px;}
.wrapper {width:98%; max-width:1200px !important; margin:0px auto;}
footer { display:block; float:left; width:100%;}

@media screen and (max-width:768px) {
.wrapper {width:100%;}
}

.cart-header-return {display:block; width:100%; float:left; text-align:left; margin-top:10px; margin-bottom:20px;}
.cart-header-return .back {display:inline-block;}
.cart-header-return .back::before {content:"\f3d5"; font-family:"Ionicons"; display:inline-block; margin-right:8px; position:relative; top:6px; font-size:2.75rem;}

.cart-title {display:block; margin-top:10px; margin-bottom:20px; width:100%; float:left; text-align:left;}
.cart-title > h1 {margin-bottom:0px;}
.cart-title > .cart-reference-number {font-size:1.90rem;}

#cart-alerts {display:block; width:97.50%; margin-right:1.25%; margin-left:1.25%; margin-bottom:20px; border-radius:4px; float:left; background-color:#fdf9d4;}

#cart-navigation {display:block; width:20%; float:left; margin:0px auto 25px auto;}
#cart-navigation .menu {display:block; width:100%; float:left; text-align:left; border-bottom:none; position:relative; text-indent:0px; margin:0px; padding:0px;}
#cart-navigation .menu .menu-item {display:block; text-align:left; list-style-type:none; text-indent:0px; margin:0px 10px; padding:8px 5px; border-bottom:solid 1px #ccc;}
#cart-navigation .menu .menu-item:last-child{border-bottom:none;}
#cart-navigation .menu .menu-item > a {color: #1845ab;
    font-family: "Open Sans", "Open Sans Semibold", sans-serif;
    font-size: 13px;}

#cart-navigation .menu .menu-item > a:hover {}

#cart-navigation .menu .menu-item.current-item {/*border-left:solid 5px #2680bc;*/ color:#1845ab;}
#cart-navigation .menu .menu-item.current-item > a {color:#2a6496 ;}
#cart-navigation .menu .menu-item > a:hover {color:#2a6496 ;}

@media screen and (max-width:768px) {
    #cart-navigation {border:none; width:100%;}
    #cart-navigation .menu .menu-item {width:100%; box-sizing:border-box; margin:0px; padding-left:10px; padding-top:10px; padding-bottom:10px; border-bottom:solid 1px #ccc;}
    #cart-navigation .menu .menu-item:first-child {border-top:solid 1px #ccc;}
    #cart-navigation .menu .menu-item.current-item { padding-left:5px; border-bottom:solid 1px #ccc; border-left:solid 5px #9d1314;}
    
}


#pricing > div {width:100%; box-sizing:border-box; padding:6px; border-radius:4px;}

#pricing p { box-sizing:border-box; margin:8px 3% 8px 0px; padding:0px; font-weight:bold; text-align:right;}
#pricing p > .pricing-label {display:inline-block; margin-right:10px; text-align:right; font-size:inherit; }
#pricing p > .pricing-value {display:inline-block; vertical-align:bottom; text-align:right; font-size:inherit;}

#pricing .pricing-total { background-color:#f4f4f4; border-radius:3px; box-sizing:border-box; margin-top:10px; padding:8px; position:relative; left:8px;}

#pricing {display:block; float:right; width:25%; margin-right:3%; margin-bottom:20px;}
/*#cart, #order-history, #account-information, #save-carts, #saved-carts*/ #cart-content {display:block; float:left; width:72%;}

#rfq-contact-wrapper{max-width:1024px;margin-bottom:20px;}
#rfq-contact-wrapper select{padding:10px;width:250px;}
#rfq-contact-wrapper input{width:250px}
.rfq-contact-information{float:left;text-align:right;padding:10px;}
#cart .cart-item {display:block; width:100%; float:left; box-sizing:border-box; margin:0px; padding:20px 15px; padding-bottom:0px; position:relative; border-bottom:solid 1px #ccc; }

.cart-header {border-bottom:solid 1px #ccc; padding:5px 15px !important;}
.cart-header, .cart-header > li {background-color:transparent !important; color:#aaa !important; font-weight:600; margin:0px; padding:0px;}


.cart-item:nth-child(even) {background-color:#fcfcfc;}
.cart-item:nth-child(odd) {background-color:#fff;}

.cart-item li {display:block; float:left; text-align:left; list-style-type:none; text-indent:0px; margin:0px; padding:0px;}

.cart-item li.item-quantity {display:block; width:15%;  text-align:left;}

.cart-item li > .label {font-weight:bold; display:none;}

.cart-item li.item-description {width:55%; margin-left:5%; margin-bottom:10px;}

.cart-item li.item-price {width:25%; box-sizing:border-box; padding-right:3%; text-align:right;}


.cart-item li:first-child input {width:75%; padding:8px; border-radius:3px; border:solid 1px #ccc; text-align:left;}
.cart-item li p a.item-remove-icon {display:block; width:100%; text-align:left; margin-left:8px;}
.cart-item li p a.item-remove-icon:before {font-family:"FontAwesome"; content:"\f1f8"; display:inline-block; margin-right:3px; position:relative; top:-1px; font-size:89%;}

.cart-item li.item-comment {margin-top:15px;}
.cart-item li.item-comment > p  {margin-bottom:5px; font-weight:bold;}

.cart-instructions {display:block; width:100%; float:left; margin-top:20px;}
.cart-instructions > .cart-instructions-title {display:block; width:100%; float:left; margin:3px 0px; padding:0px; font-size:0.95em; font-weight:bold; text-align:left;}
.cart-instructions > .cart-instructions-field {display:block; width:100%; float:left; box-sizing:border-box; margin:0px; padding:10px; font-size:0.95em; font-weight:200; text-align:left;}


@media screen and (max-width:768px) {
    #pricing, #cart {display:block; width:96%; margin-left:2%; margin-right:2%; float:left;}
}

/*
#account-information {display:block; width:80%; float:left; margin-left:10%; margin-right:10%; text-align:left;}
#account-information > h1 { margin-top:10px; margin-bottom:20px;}
*/
#account-information .grid-18 .span-9 .label, #account-information .grid-18 .span-9 .field {display:block; width:90%; text-align:left;}

#account-information .grid-18 .span-9 .label{margin-bottom:7px; font-weight:bold; font-size:0.95em;}
#account-information .grid-18 .span-9 .label .red, .red {color:#9d1314; display:inline-block; margin-left:3px;}

#account-information .grid-18 .span-9 .field input {padding:8px;}

.mobile-label {display:none;}


#save-carts {display:block; width:97.70%; float:left; position:relative; margin-right:1.25%; margin-left:1.25%; margin-bottom:20px;}
#save-carts:empty {margin-top:-50px;}

#save-carts .section-title {font-size:1.10em; font-weight:bold; text-align:left; margin-bottom:10px;}

#save-carts .save-cart {background-color:#e9e9e9; padding:15px; box-sizing:border-box; border-radius:4px; margin-bottom:10px;}

#save-carts .save-cart .label {font-weight:bold; text-align:left; margin:3px 0px;}
#save-carts .save-cart .field {font-weight:normal; text-align:left; margin:5px 0px;}

.save-cart-alert {display:block; width:100%; height:100%; background-color:#fff; position:absolute; top:0px; left:0px; z-index:999;}

#saved-carts {display:block; width:97.50%; float:left; margin: 30px 1.25%; margin-top:0px;}

#saved-carts .table-head {background-color:#e9e9e9; padding:10px; box-sizing:border-box;}
#saved-carts .table-head > p {margin:0px; font-weight:bold;}

#saved-carts .table-row {padding:15px 10px; box-sizing:border-box; border-top:solid 1px #e9e9e9;}
#saved-carts .table-row:last-child {border-bottom:solid 1px #e9e9e9;}
#saved-carts .table-row:nth-child(odd) {background-color:#f8f8f8;}


#saved-carts .table-row > p {margin:0px;}


@media screen and (max-width:768px) {
    #saved-carts .table-head {display:none;}
    
}



#order-history .table-header {width:100%; box-sizing:border-box; padding:10px; text-align:left;}
#order-history .table-header th, .tablesorter-filter-row td {padding:10px; text-align:left;}
 .tablesorter-filter-row td {vertical-align:top ;}
.tablesorter-filter-row td label, .tablesorter-filter-row td:last-child {display:none;}

#results tbody td {padding:10px 10px 0px 10px;}


#cart-wrapper {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; width:100%; max-width:1200px !important; margin-top:30px;}
#cart, #order-history, #saved-carts, #save-carts, account-information{flex-grow:1;}

.account-center {margin:0px auto; padding:0px 10px;}
.account-center > li {display:inline-block; margin:0px 5px; padding:0px 10px; text-indent:0px; list-style-type:none;}
.account-center > li > i {display:inline-block; margin-right:8px; font-size:90%; color:#aaa;}


.back_action > a {display:inline-block; padding:5px;}
.contentHeading1
{ 
	width: 100%;
    padding: 10px 20px;
    box-sizing:border-box;
	font-size: 18px;
	color: #000;
	font-weight: bold;
	border-bottom: 1px solid #c1c1c1;
	margin: 0;
	text-align: left !important;
	background:#fbfafb;	
}




.blind
{
	display:none;
}
.spec_desc_part_no{
	display:none;
}
table.layout td.right .right {
background: white !important;
}

#frmShopCart table td{
	padding:4px;
}

.cart-header, .box-title
{ 
    font-size: 13px;
    color:#808080 !important;
    font-weight: normal !important;
    padding:10px 0;
    font-weight:600;
}



	
.cart-row2, .cartRowOdd
{
  background-color: #f5f5f5;
  font-size:12px;
  color:Black;
  padding:5px;
}

.cart-row1, .cartRowEven
{
  background-color: white;
  font-size:12px;
  color:Black;
  padding:5px;
}

div.hr {
    border-bottom: 1px solid #ccc;
	height:1px;
}

fieldset {
    border: 1px solid #ccc;
    padding-bottom: 30px;
}
fieldset legend {
    font-size: 13px;
    color: #0d3880;
    font-weight: bold !important;
	padding:10px;
}

.breadcrumb
{
	margin-top:60px;
}

.formPlain td
{
	padding:5px;
}
.button_wrapper{
	padding:5px;	
}

.sidebar td {
    padding-top: 10px;
}

#Table4 td {
    padding: 10px;
}

.emptyCart {
    background: #fbfafb;
    padding: 70px !important;
    font-weight: normal !important;
}

select, input[type="text"], input[type="password"], select {
    font-family: Arial !important;
}



.login_wrapper{
	float:right;
	padding-right:10px;
	font-size:14px;
	
	
}
.login_wrapper a{
	text-decoration:none !important;
	color:#0d3880 !important;
}
.login_wrapper a:hover {
	text-decoration:underline !important;
    color: #f00 !important;
}


section.configurator-header {
	text-align: left;
	border-bottom: 1px solid #999;
	margin-left: -14px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left:10px;
	width: 1000px;
}

.resetPassword_wrapper{
	background:white;
	padding:10px;
}
.resetPassword_action{
	padding-top:10px;
}
.username_lbl,.username_ipt{
	display:inline-block;
}

.icon.forward:after {display: inline-block;margin: 0px;margin-left: 8px;font-family: "Ionicons";content: "\f3d1";}
.icon.back:before {display: inline-block;margin: 0px; margin-right: 8px; font-family: "Ionicons";content: "\f3cf";}

.form-label {font-weight:500; color:#808080;}
.form-label, .form-field, .form-text {max-width:95%; margin:5px 5% 8px 0px;}
.form-field {margin-bottom:22px;}
.form-field input, .form-field select {width:100%; font-size:14px;}
span.required {color:#ff0000;}

.table-row:nth-child(even) {background-color:#fafafa;}
.table-row {margin:0px; padding-top:15px; padding-bottom:15px; border-bottom:solid 1px #eee;}

.mobile-label {display:none; font-weight:500; color:#808080; margin-right:10px;}


.account_actions {display:block; width:auto; margin:0px 0px 10px 0px; border-bottom:2px solid #cbcacb; float:right;}
.account_actions > ul {display:block; width:auto; padding:5px; margin:0px auto; text-indent:0px; text-align:center;}
.account_actions > ul > li {list-style-type:none;display:inline-block; margin:3px 5px; padding:0px 8px; vertical-align:middle; color:#808080; text-align:center;}
.account_actions > ul > li:first-child {border-left:none;}
.account_actions > ul * {font-size:14px;}

@media (max-width:1023px) {
    .table-head {display:none !important;}
    .mobile-label {display:inline-block;}
}


.account_actions {display:block; width:auto; margin:0px 0px 10px 0px; border-bottom:2px solid #cbcacb; float:right;}
.account_actions > ul {display:block; width:auto; padding:5px; margin:0px auto; text-indent:0px; text-align:center;}
.account_actions > ul > li {list-style-type:none;display:inline-block; margin:3px 5px; padding:0px 8px; vertical-align:middle; color:#808080; text-align:center;}
.account_actions > ul > li:first-child {border-left:none;}
.account_actions > ul * {font-size:14px;}


@media (max-width:768px) {
    .account_actions {display:block; width:100%; float:left;}
}