﻿/*/* Author:  Oliver, Aug 2013*/
/* Last Revised: Adam Oliver, June 2015*/
/* Copyright 2015, Hollander Inc. */
/*Colors -
 *Orange:  #dc661e
 *Black: #000000
 *Light gray: #F2F2F2
 *Dark Gray: #cccccc
 *mid-range gray: #e2e2e2
 *Error: red
 *Error background: pink
 */

/*#region CSS_RESET*/
/***************************************** CSS Reset  **************************************************/
body, div, dl, dt, dd, li, pre, form, fieldset, input, textarea, p, blockquote, th, td, button {
margin: 0;
padding: 0;
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
font-weight: normal;
font-family: arial, helvetica, sans-serif;
display: block;
}
/***************************************** End CSS Reset **************************************************/
/*#endregion*/

/*#region PCSGRIDSTYLING*/
/***************************************** Begin OnePcssGrid styling **************************************/
/*One% CSS Grid - 12 Columns Fluid CSS Grid System*/
/*http://onepcssgrid.mattimling.com/*/
.onepcssgrid-1000 {margin: 0 auto;padding: 0 0 0 0%; /* THAT'S THE NAME ;) */max-width: 1020px;}
.onerow {clear: both;padding: 0 0px;}
.onepcssgrid-1000 .onerow.noLeftPadding {padding: 0px 0px 0px 0px;}
.col1, .col2, .col3, .col3_5, .col4, .col5, .col6, .col7, .col8, .col9, .col9_5, .col10, .col11, .col12 {float: left;margin: 0 7px 10px 0;}
.col1.last, .col2.last, .col3_5, .col3.last, .col4.last, .col5.last, .col6.last, .col7.last, .col8.last, .col9.last, .col9_5, .col10.last, .col11.last, .col12 {margin: 0;}
.col9.last {padding-left:18px;}
.col1 {width: 5.5%;}
.col2 {width: 14%;}
.col3 {width: 22.5%;}
.col3_5 {width: 20%;}
.col4 {width: 35%;}
.col5 {width: 39.5%;}
.col6 {width: 48%;}
.col7 {width: 56.5%;}
.col8 {width: 65%;}
.col9 {width: 73.5%;}
.col9_5 {width: 79%;}
.col10 {width: 82%;}
.col11 {width: 90.5%;}
.col12 {width: 100%;margin: 0;}
.col1 img, .col2 img, .col3 img, .col4 img, .col5 img, .col6 img, .col7 img, .col8 img, .col9 img, .col10 img, .col11 img {width: 100%;height: auto;display: inline-block;border: 0;}
.col12 img {width: 100%;height: auto;display: inline-block;border: 0;}
fieldset {border: none;}

/* Disable padding left/right 10px if I'm 1024 or bigger */
@media all and (min-width: 1024px) {
.onepcssgrid-1000 {max-width: 1000px;}
.onepcssgrid-1000 .onerow {padding: 0 0px;}
}

/***************************************** End OnePcssGrid styling *****************************************************/
/*#endregion*/

/*#region Global Rules */
body {font-size: 10pt;font-family: arial, helvetica, sans-serif;background: transparent;background:#Cccccc} /*#Cccccc*/
.mainBody {background: none repeat scroll 0 0 #ffffff;float: left;width: 100%;}
.pageTitle {height: auto;background: black;float: left;width: 100%;padding:.8em 0;}
.pageTitle h2 {font-size: 1.3em;padding: 0 .5em;   width: 100%;float: left;font-weight: bold;color:white;}
#blocker {background-color: #000000;display: none;height: 100%;left: 0;opacity: 0.5;position: fixed;top: 0;width: 100%;z-index: 1000005;}
#blocker div {color: #FFFFFF;font-weight: bold;height: 2em;left: 50%;margin: -1em 0 0 -2.5em;position: absolute;top: 50%;width: 5em;}
#blocker img {max-width: 70px;}


.ui-widget-content .lineCheck a, a {text-decoration: none;color: #C25E00;cursor: pointer;}
.ui-widget-content:hover {text-decoration: none;color: inherit;}
.ui-widget-content .lineCheck a:hover, a:hover {text-decoration: underline;color: #C25E00;}


p {padding: .4em 0;}
h1 {font-size: 1.4em;font-weight: bold;}
h2 {font-size: 1.3em;font-weight: bold;}
h3 {font-size: 1.2em;font-weight: bold;}
h4 {font-size: 1em;font-weight: bold;}
h5 {font-size: .9em;font-weight: bold;}
h6 {font-size: .8em;font-weight: bold;}

address, caption, cite, code, dfn, em, strong, var {font-style: normal;font-weight: normal;}
ol, ul {list-style: none;margin: 0;padding: 0;}
.clear {clear: both;}
.inputError {border: 1px solid red !important;background:pink;}
.orangeButton, a.orangeButton {background: linear-gradient(to bottom, #D0863F 25%, #C5670D 65%) repeat scroll 0 0 transparent;-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D0863F, endColorstr=#C5670D)";border-radius: .2em;border: 1px solid transparent;cursor: pointer;text-align: center;color: white;width:100%;padding:.3em;}
.orangeButton:hover, a.orangeButton:hover {color:white;text-decoration:none;}
.w35 {width:35%}
.w50 {width:50%}
.w75 {width:75%}
.bgBlack {background: black;}
.bgGrey {background: #666666;}
/*.bgOrange {background: #C25E00}*/

/*#endregion*/

/*#region Header*/
.logo {width:30%;min-width:180px;float:left;margin-top:1em;}
.logo .hpdcLogo {margin-left:1em;color:white;font-size:1.7em; text-transform:uppercase;}
.logo .hpdcLogo:hover {text-decoration:none; color:#c25e00}
.cartHolder {float:right;max-width:130px;margin-top:.6em;padding-bottom:.5em; margin-right:.8em;}
.textHolder {float:right;font-size:.9em;text-align:left;padding:0.3em;margin-top:.5em;color:white;}
.cartImage {width:30%;float:right;max-width:36px;}
.textHolder:hover {text-decoration:underline;}



/*BM - SHOW DESCRIPTION*/
.description{height:50%;float:left;margin:auto;font-weight:bold;font-family:Arial;font-style:italic;text-align:center;width:100%;margin-top:.55em;padding-bottom:.55em;padding-left:2.4em;text-decoration:auto;font-size:1em;line-height:28px;}
#storedescription{color:black;}
/*#storedescription:hover {border-bottom: 1px solid black;}*/
#headerbox{overflow:hidden;}
#descContainer { margin-bottom:1em; margin-top:-1em;}
.vinInput.vinInput.placeholder{color:gray;}
.vinInput.vinInput{font-size: 1em; padding-top:20px;}
#submitVin{font-size: 1em; width:80px; height:35px;}
#submitVin:hover{cursor:pointer;}
#vinSubmition{margin-left:25%; display:table; margin-bottom: 0px;}
#divOr{text-align:center; padding-bottom:30px; padding-top:20px;}
/*BM - SHOW DESCRIPTION*/
#storefrontlogo { width: 250px; border: 4.5px solid black; margin-left: auto; margin-right: 340px; display: block; position: center;}
#storefrontlogo2 { width: 340px; border: 4.5px solid black; margin-left: 240px; margin-right: 340px; display: block; position: center; border-radius:5px}
#storedescription {margin-right: 50px;}
#logodiv{margin-top:56px; margin-left: 56px; margin-right: auto; display:block; position:center;}
#storelogoa2{display:block; position:center; margin-top: -4px; padding-top:5px;}
#logobackground{background-color:white; padding-bottom: 5px; margin-bottom:12px;/*border-left: 15px solid white; border-right: 15px solid white;*/ }
#headerid{padding-bottom:0px;}
#pagetitle{margin-top:-4.4px; background-color:black !important}
.pageTitle{background-color:black !important;}
#headerbox{background-color:black;}
#footer {background: black;}
#cartphoto {background-image: url(../Images/cart-64.png); background-repeat:no-repeat; background-size:contain; height:30px; width:30px;}
/*#cartphoto:hover{background: url(../Images/cart-64-hover.png); background-repeat:no-repeat; background-size:contain; height:30px; width:30px;}*/
/*#carttext:hover{color: #c25e00}*/
#carttext:hover #cartphoto{background: url(../Images/cart-64-hover.png); background-repeat:no-repeat; background-size:contain; height:30px; width:30px;}
#cartimagetext:hover #cartphoto {background: url(../Images/cart-64-hover.png); background-repeat: no-repeat; background-size: contain; height: 30px; width: 30px;}
#cartimagetext:hover #carttext {color: #c25e00;}
#separateImage{ margin-left:-56px; height:6px; background-color:black; border: none;}
#spacer{background-color:white; margin-top:-5px;}
#loginLink:hover{background-color:black; color: #c25e00; cursor:pointer;}
#submitVin:hover{background-color:black; color: #c25e00; background:black; -msfilter:none;}
#cookiesettings:hover{color:#c25e00 !important;}
.footerLink.horiz a:hover{color:#c25e00 !important;}
.cartHolder{display:table;}
#ss_img{margin-left:15px !important}
#cartimagetext{width:120%;}
#signinarea{float:right; margin-top:19px; margin-right:-1px;}
/******************NAVIGATION******************/
.header {
    width: 100%;
    float: left;
    background: white;
    min-height: 3.5em;
    padding-bottom: 10px;
}
.header a.wide {float:left;width:auto;padding-top:1em;font-weight:bold;background:transparent;border-radius:0;border:none;color:black;text-transform:capitalize;text-decoration:none;font-size:14pt;margin:0 1em 0 1em;}
.header a.wide:first-child {margin-left:1em;}
.header .wide.active,
.header .wide.inactive:hover {border-bottom:.3em solid #c25e00;}
/*#endregion*/

/*#region join/create account links*********/
.join {display:inline-block;float:right;padding-right:1em;}
.join a {color:#c25e00;text-decoration:none;display:inline-block;}
.joinSignInHolder {float: right;line-height: 1.3em;margin: 1em 0.5em 0.5em;text-align: right; margin-top:22px;}
/*#endregion*/

/*#region Signed in context menu**********/
.joinSignInHolder div {float:left;margin:0 .2em;}
.userMenuTop {color:black;width:12em;line-height: 1em;font-weight:normal;}
.userMenuTop.active {background-color: #fff;color:black;border:1px solid #cccccc;}
#usertable {display: none;position: absolute;}
#lblQuoteUser {color: #dc661e;}
#lblQuoteUser.guestUser {color: black;}
.userMenuTop.active #lblQuoteUser {color: #dc661e;}
.joinSignInHolder div .Accountcontainer {background: #ffffff;border-bottom-left-radius: 7px;border-bottom-right-radius: 7px;width:12em;line-height:1.2em;border:1px solid #cccccc;z-index:1000;zoom:1;font-weight:normal;padding:.5em 0 1.2em 0;margin-top:3.3em;text-align:left;}
.Accountcontainer a{color:#dc661e;}
.userMenuTop:hover,
.Accountcontainer a:hover {cursor:pointer;text-decoration:none;}
.Accountheader .userMenuBody {padding:.2em 0em .2em .3em;border-bottom:1px dotted #cccccc;width:95%;}
.userContextMenu {color: #000000;font-size: 1.1em;font-weight: bold;height:3.5em;line-height: 3.5em;background:#fff;}
.userMenuBottom {font-size:1em;color:black;padding-left: 1em;}
.welcome {line-height: 1.7em;}
.manageAccount {line-height: 1.3em;font-size:1.1em;}

/*#endregion*/

/*#region Footer*/
.footercontainer {background: black;}
.footertop {width:100%;float:left;background:#F2F2F2;line-height:6em;text-align:center}
.footerLink.horiz,.footerSpacer.horiz {display:inline-block;padding:0em .2em;font-size:1.3em;}
.footerLink.horiz a {color:black;}
.footerLink.horiz a:hover {text-decoration:none;font-weight:bold;}
/*.footerbottom {background:black;color:white;width:100%;float:left;border-top:2px solid #CC6600;line-height:1.5em;}*/
.footerbottom {background:black;color:white;width:1000px;float:left;line-height:1.5em;}
.footerbottom .copyright {color:white;font-size:1em;padding-left:1em;text-align:left;}

/*#endregion*/

/*#region HOME_PAGE*/
.storeLogoHolder {width: 23%;text-align: center;float: right;float:right;margin-top: .8em;margin-right: .6em;}
.storeBannerHolder {width: 70%;float:left;margin-top: .8em;margin-right: 1em;margin-left:1.3em;}
.storeBannerHolder img, .storeLogoHolder img {padding:0;margin:0;}
#placeholderdiv {width: 100%;}
.storeDescription {font-size: 1.3em;padding: 15px 15px 15px 12px;width: 74%;}
#storedescription:hover {text-decoration:underline; -webkit-text-decoration-color: #c25e00;}
.storeDescriptionHollander {font-size: 1.3em;padding: 1em 0 1em 1em;width: 95%;}
.footerLink.horiz:hover{color:#c25e00;}
/*#endregion*/

/*#region Privacy Policy*/
.storePrivacy {font-size: 1.3em;padding: 1em 0 1em 1em;width: 95%;}
/*#endregion HOME_PAGE*/

/*#region SEARCH_CSS_FOR_HOME_AND_PART_SEARCH*/
.searchColOne, .searchColTwo, .searchColThree,.searchColFour,.searchColFive,.searchColSix,.searchColSeven {float:left;width:14%;text-align:left;}
.searchColOne:first-child {margin-left:1.5em;}
.optionOneTitle.desktop {width:87%;color:black;font-size:1.3em;padding:0.8em 0 0.8em 1em;float:left;font-weight:bold;}
.searchBreadcrumbs.fullsize span {padding:0 0 0 .8em;}
.searchBreadcrumbs a {font-weight:normal;text-decoration:none}
.searchBreadcrumbs span.bcLarge {font-weight:normal}
.searchBreadcrumbs a + span.bcLarge {font-weight:bold;}
.model, .make, .year {float:left;width:100%;margin-bottom:1em;}
.searchBreadcrumbs.desktop {background:#e2e2e2;width:100%;padding-left:0;color:black;font-size:1.3em;float:left;font-weight:bold;padding:0.8em 0;}
.searchBreadcrumbs.desktop span:first-child {padding-left:.5em;}
.or {width:90%;float:left;font-size:1.1em;padding:1.5em 0;margin-left:1em;margin-top:1.5em; border-top:0px solid #F2F2F2;}
.optionTwoInputHolder {width:90%;float:left;margin-left:1em;border:1px solid #F2F2F2;background:#F8F8F8;margin-bottom:1.5em;line-height:3em;}
.optionTwoInputHolder > div {margin:1em;float:left;width:85%;}
.optionTwoInputHolder label {font-size:1.2em;display:inline-block;}
.optionTwoInputHolder input[type=text] {margin-left:1em; padding:.2em;width:35%;display:inline-block;margin-top:.6em}
.optionTwoInputHolder input[type=button] {width:10%;display:inline-block;margin-top:.6em;margin-left:1em;}
.ymmSelection, .ymmSelectionHorizontal {padding:0.5em 0.5em 0.5em 0;}
.ymmSelection a, .ymmSelectionHorizontal a {padding: 0.5em 0.5em 0.5em 0;}
.ymmSelectionHorizontal {float:left;width:20%;min-width:180px;}
/*#endregion*/

/*#region USED-AUTO-PARTS SEARCH RESULTS (PSR2)*/
.PSRHeaderRow .pageTitle h2{width:100%}
.PSRHeaderRow .pageTitle h4.pageTitle{width:15%;float:right;text-align:right;margin-right:.5em;padding:0;margin-top:.3em;}
.col12.partsResultHolder.seo {padding-left:0;}
.psr2BreadCrumb {background:#f2f2f2;width:100%;padding:.4em 0;height:auto;float:left;}
.psr2BreadCrumb div {padding:0 1em;width:90%;float:left;font-size:1em;}
.crumbSeparator {font-weight:normal}
.PSRHeaderRow .pageTitle .filterLink {width:15%;float:right;color:white;cursor:pointer;text-align:right;margin-right:.5em;position:relative;top:.2em;font-size:1.1em;}
.PSRHeaderRow .pageTitle .filterLink a:link {color:white;}
.PSRHeaderRow .pageTitle .filterLink a:hover {text-decoration:none;}
.PSRHeaderRow .noMatchesFound {width:90%;margin:1em auto}
.PSRHeaderRow .noMatchesFound .title {font-weight:bold;}
.allPartsFitText .nextFitLevel {width:100%;float:left;}
.allPartsFitText .allPartsFit {width:90%;margin:0 auto 1em .5em;padding:.5em;float:left;background:#FFFFFF;-moz-border-radius:.2em; -webkit-border-radius:.2em; border-radius:.2em;border:1px solid #FFFFFF;}
.seoTextHolder {float:left; width:100%;margin-top:.5em;}
.seoTextHolder .seoTextPart {padding-left:.5em;width:96%;float:left;}
.seoTextHolder .seoText {width:96%;padding-left:.5em;margin-top:.5em;float:left;}
#Sort {display:none;}
.sortContainer {margin-left:1em;margin-bottom:1em;float:left;width:98%;}
.sortContainer .sortByLabel, .sortContainer select {float:left;width:35%;}
.sortContainer input {float: left;width: auto;}
.sortContainer .formline {float:left;width:60%;margin:.2em 0;}
.sortContainer .formline input,
.sortContainer .formline label,
.sortContainer .formline select {float:left;text-align:left;width:90%;padding:.2em;}
.sortContainer .formline input[type="button"] {text-align:center;width:50%;padding:.4em}


.sortContainer.ui-dialog-content.ui-widget-content {
    background:white;
    color:black;
}
#Sort .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {
    background:white;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-resizable {background:white;padding:0;-moz-border-radius:0; -webkit-border-radius:0; border-radius:0;z-index:100000}
.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {-moz-border-radius:0; -webkit-border-radius:0; border-radius:0;}
.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-dialog-titlebar-close {margin:-15px 0 0}
.ui-dialog #ui-id-1.ui-dialog-title {margin-top:.5em;}
.sortContainer .postalError {color:red;font-weight:bold;display:none;}
/*#endregion*/

/*#region PART CARDS (PSR2)*/
.individualPartHolder {float:left;width:24%;margin:1em .2em .5em .2em;min-width:240px;min-height:345px;border:1px solid #999999;cursor:pointer}
.individualPartHolder:hover {-webkit-box-shadow: 4px 4px 2px 0px rgba(0,0,0,0.1);-moz-box-shadow: 4px 4px 2px 0px rgba(0,0,0,0.1);box-shadow: 4px 4px 2px 0px rgba(0,0,0,0.1);}
.partShippingOverImage {position:absolute;float:left;z-index:1000;width:100%;color:white;background:black;text-align:center;}
.partShippingOverImage div {font-weight:bold;padding:.4em 0 .4em 3.5em;color:white;text-align:left;margin-left:3.5em;width:auto;background:black url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAaCAIAAAC/0AIsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUFDQUUyNUQxRTdBMTFFNThGMTE4RDQ4Q0JCNTg0NjQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUFDQUUyNUUxRTdBMTFFNThGMTE4RDQ4Q0JCNTg0NjQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFQUNBRTI1QjFFN0ExMUU1OEYxMThENDhDQkI1ODQ2NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFQUNBRTI1QzFFN0ExMUU1OEYxMThENDhDQkI1ODQ2NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrANZ2UAAAM7SURBVHjaxFZNSGJRFM6foqQfLcxCiopCCcFo0cZso0iBkLjMhVPRolyXLaVFQi3a2MJoIxFEFLUIXJlibWuhZElhUqA1lU6UmvY33/jqjeNfo9nMB0+u791zzz3f+c65t6jo34KCp6OjQywWl5eXU6lUyjvSzn55eSEHkUjk8PBwe3s7Fovl5vP4+Bg2r7ljb2+vv78/J19UPJWVlYgsD3LodHpZWVnO/mCWicAPkpGZ+Wz+8k8+hZIrMfRfPqmf8spisVQqVVNTE41Gw1JEap+fn4+Ojmw228nJSbJBMBjE5zz04nQ6R0dHlUpl2q/Q4NraGo/HS47vM0BMKCTy7484sHsGg1FVVdXX1/f4+Dg2NoaQfuePrKr8kJiO+fl5lHJra2tLS8vk5OTt7a1UKp2amiLnUD/bLzJI9OHhYWVlxWAwVFRUKBQKhFgYf1lwdXW1vr6+uLjI5XLHx8c7Ozu/1h/gdrtNJpPdbmez2Xq9/k0vyB/kVBAHCEUoFNbV1ZFsQ00WiwVJ7erqKoA+k/AtjiyN/mv5LHA/y6fFp9Yfcun1end2dlwuV2lpKXiXyWTo6dlPRAI4EZGts7Ozmpqa7u5uaDLNAXJ5efn09EQ0IdSN0Wjk8/mo0JKSkuLiYvyKRCKPx0POSexnGo1mcHCQaJg6nQ46hEZggv1BKWq1Gv2T+Eq0mGQ+l5eX0SM4HM7m5iY60/n5+czMzP7+/tDQkM/nSw0OC2EQjUYXFhbm5uaws93dXRgeHByMjIwgVmwiFAr9YYa34XAYu7i5uRkYGAAPGxsbZBB3d3ezs7PohyhejMn3cIbCEsdxenra1tYG5nEmENUFgNWJiQmBQLC6uooN4TLw5g/hNzY2wgBnCkgYHh5GnZLrouE6HA4039raWszhv6O5uZnJZBL9E00LA61We3FxkUj40tISDKurqxsaGiCFN73g4MBeyHBDcSSSdn19DePvcaSVDOLGIBAIIMfkeyx7f3+PpfASnzJKtr6+fnp6GtcvgjS/3y+RSCCcD7WOe5DZbCZSA+Dq1tvbm+Y+mAoQhWT09PRg41tbW0j+X5YX2JPL5e3t7RCa1WpFXor+L34KMADNFGFuUJqVQgAAAABJRU5ErkJggg==') top left no-repeat/*../Images/PartDetails/TruckIcon.png*/;}
.partImageHolder {width: 100%;text-align:center;position:relative;border-bottom:1px solid #f2f2f2;min-height:185px;}
.partImageHolder img{ width:100%; max-height:185px;}
.partImageHolder img.partimageunavailable {width:122px;height:60px; margin: 4em auto;}
.linkHolder {float:left;width:100%;}
.partCardLink {padding-left:.6em; text-align:left;}
.partPriceShippingHolder {width:100%;float:left;line-height:1.6em;margin-top:.5em;}
.partPrice {font-size:1.4em;font-weight:bold;float:left;width:auto;padding-left:.5em;}
.partShipping {color:#dc661e;font-size:.9em;float:left;width:auto;padding-left:.6em;vertical-align:bottom;}
.gradeText {width:90%;float:left;padding-left:.6em;margin:.3em 0;}
.location {width:90%;float:left;padding-left:.6em;margin:.3em 0}
.detailsLinkHolder {width:90%;float:left;padding-left:.6em;margin:.6em 0}
.detailsLinkHolder a {padding:.3em .6em .3em 0}
/*#endregion*/

/*#region PSR1 ACCORDION NAVIATION*/
#accordion {width: 100%;vertical-align:top;}
.leftNavigation {display: inline-block;width: 100%;min-width:175px;}
.leftNavHeader {background: black;border: black;margin: 0;padding: .8em .1em;width:100%;font-weight:bold;}
.leftNavHeader div {font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size: 1.3em;line-height:1.3em;color: white;margin: 0;width:auto;font-weight:normal;padding-left:.6em;}
.catName {padding-left: .6em;width: auto;margin-top:.3em;}
.subCat {border: 1px solid #BCBABC;width:100%;padding:.3em 0;color:#C86E19;background:white;}
.subCat:hover, a.subCatAnchor:hover {font-weight: bold;background: #e9e5df;color:#dc661e;}
.subCat a, a.subCatAnchor {color:#dc661e;}
a.subCatAnchor.active {	text-decoration: underline;	font-weight:bold;}
a.subCatAnchor.active .subCat {background: #e9e5df;}
.subCat div {width: auto;padding-left: 1.7em;}
.subCat.active {background: #E9E5DF;}
a.subCatA {color: white;}
a.subCatA:hover {text-decoration: underline;color: white;}
a.subCatA:first-child {	border-top: 1px solid #bcbabc;	border-bottom: 1px dashed #e0e0e0;}
a.subCatA:last-child {	border-bottom: 1px solid #bcbabc;	border-top: 1px dashed #e0e0e0;}
a.subCatA div {padding: .2em 0 .2em .9em;color:#dc661e;}
.application-links {background: none repeat scroll 0 0 #FFFFFF;border: 2px solid #CCCCCC;display: none;font-size: 1em;position: absolute;width: 15%;padding-right:1em;z-index:2000}
.application-links div {background:#e9e5df;padding-left: 15px;width:100%;padding:4px 0;border: 1px solid white;}
.application-links div:hover {font-weight: bold;text-decoration:underline;}
/*#endregion*/

/*#region PSR1 SEARCH RESULTS*/
.psr2BreadCrumbNormal {background:#f2f2f2;width:100%;padding:.4em 0;height:auto;float:left;}
.psr2BreadCrumbNormal div {padding:.5em 1em;width:90%;float:left;font-size:1em;}
.titleLocationLine {margin-bottom:1em;}
#searchResults.grid {float:left;width:100%;position:relative;left:.5em;}
#sortHolder {    width:100%;    float:left;    text-align:right;    display:inline-block;}
#sortHolder label {padding-right: 8px;font-size: 1.1em;font-weight: bold;}
#sortHolder label.labellstSortOrdinal {float:left;width:auto;}
.allPartsViewSelectionHolder {float:left;width:97%;margin:1em 0;background:#f2f2f2;padding:.5em;border-radius:.3em;}
#lstSortOrdinal {float: left;width:auto;}
.grid #divPaging {width:100%;display:inline-block;text-align:right;padding:.8em .8em .8em 0;}
.grid #divPaging label {font-weight: bold;}
.grid #divPaging .nextPage, .grid #divPaging .prevPage {font-weight: bold;}
.updateBtn {background: linear-gradient(to bottom, #D0863F 25%, #C5670D 65%) repeat scroll 0 0 transparent;-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D0863F, endColorstr=#C5670D)";-moz-border-radius: .5em;-webkit-border-radius: .5em;border-radius: .5em;border: 1px solid transparent;cursor: pointer;text-align: center;display: inline-block;color: white;font-weight: bold;font-size: 1em;line-height: 18px;padding: 0 .9em;width: 100% auto;display: inline-block;}
.updateBtn:hover {text-decoration: underline;}


/*#endregion*/

/*#region PSR1 PART CARD ADJUSTMENTS*/
.grid .individualPartHolder {float:left;width:32%;margin:.2em .2em .5em .2em;min-width:220px;min-height:350px;border:1px solid #d2d2d2}
.grid .individualPartHolder:hover {-webkit-box-shadow: 4px 4px 2px 0px rgba(0,0,0,0.1);-moz-box-shadow: 4px 4px 2px 0px rgba(0,0,0,0.1);box-shadow: 4px 4px 2px 0px rgba(0,0,0,0.1);cursor:pointer}
/*#endregion*/

/*#region AboutUs - Hollander*/
.aboutUs .textHolder {color:black;}
.aboutUs .textHolder p {padding:.5em;}
.aboutUs .textHolder:hover {text-decoration:none;}
/*#endregion*/

/*#region AboutUs - Specific Stores*/
/*About Us Styling*/
.aboutUs .pageTitle h2 {width: 90%;}
.aboutUs .storeImage {width: 22%;margin-top: 1em;float: left;min-width: 250px;margin-left: .5em;}
.aboutUs .middleHolder {float: left;margin-top:1em;padding: 0 0 15px 18px;width: 37%;max-width:200px}
.aboutUs #divMap {float: right;height: 220px;margin-top: 1em;width: 300px;}
.aboutStoreDescription {font-weight:bold;font-size:1.2em;margin-bottom:1em;width:90%;float:left;}
.storePhone {font-weight:bold;font-size:1.1em;width:100%;float:left; padding-left: 1em;}
.storeEmail {width:80%;float:left;margin-bottom:.7em;height:2.6em;line-height:3em;font-size:1em;padding-left:30px;background: url(../Images/emailBackground.gif) no-repeat 0px 12px  transparent;}
.storeAddress {width:100%;float:left;margin-top:.01em;}
.storeAddress2 {width:100%;float:left;margin-bottom:5px;}
.storeCityStateZip {width:100%;float:left;margin-bottom:5px;}
.aboutUs input[type=button], .aboutUs a.searchForParts {background: linear-gradient(to bottom, #D0863F 25%, #C5670D 65%) repeat scroll 0 0 transparent;-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D0863F, endColorstr=#C5670D)";-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px;border: 1px solid #ddd;cursor: pointer;text-align: center;display: inline-block;color: white;font-weight: bold;font-size: 1.2em;padding: 3px 15px;width: auto;margin-top: 10px;float: left;}
.aboutUs .phoneImage {padding:0 .2em 0 0;float:left;text-align:left;width:auto;}
.aboutUs .phoneImage img {display:inline-block;padding-right:.2em;max-width:21px;}
.aboutUs .clickPhoneNumberText {display:inline-block;position:relative;top:-1em;}


.questionTitle {width: 100%;float: left;font-weight:bold;font-size: 1.2em; padding: 10px;}

@media screen {
  .trustmark-gallery {
    display: table;    
    border: 1px solid #CCCCCC;
    width: 98%;
  }
  .trustmark-gallery > div {
    display: table-row;
  }
  .trustmark-gallery .trustmark-img {
    display: table-cell;
    vertical-align:top;
  }
  
  .trustmark-gallery .trustmark-title {
    vertical-align:top;font-weight:bold;font-size: 1em; padding-bottom: 10px; padding-top: 10px;
  }

  .trustmark-gallery .trustmark-img img {
    width: 100px;
  }
}
@media screen and (max-width: 540px) {
  /** reset all trustmark gallery elements to display as block and fill screen **/
  .trustmark-gallery,
  .trustmark-gallery > div,
  .trustmark-gallery .trustmark-img {
    display: block;
  }
    .trustmarkHide
  {
	display:none;
  }
      .trustmark-gallery .trustmark-img img {
    width: 100px;
  }

}


/*#endregion*/

/*#region PART DETAIL*/
.psr2BreadCrumbNormal span {font-weight:normal;}
#divShareLink {display:none;background:white;width:95%;}
#tblShareLink {width:100%;}
#tblShareLink .formline {width:95%;}
#tblShareLink .formline label {color:black;}
#tblShareLink .formline input,
#tblShareLink .formline textarea {color:black;width:85%;}
#tblShareLink .formline input[type="checkbox"] {width:5%}
#tblShareLink .formline label:hover {text-decoration:none;}
#divShareLink .ui-dialog .ui-dialog-content {padding}
.storePhoneNumber .phoneText {display:none;}
.storePhoneNumber .phoneTextHSDC {display:inline-block;vertical-align: top;margin-top:1em;}
.pdTopHolder {float:left;margin-top:1em;border:1px solid #e4e4e4;min-height:392px;}
.partDetailImageHolder {float:left;width:40%;min-width:300px;max-width:450px;background:white;min-height:412px;max-height:600px}
#part-image-gallery {float:left;width:100%;}
.partDetailImageHolder .imageHolder {width:100%;text-align:center;}
.partDetailImageHolder .imageHolder img.imagenotavailable {width:163px;height:79px; margin: 4em auto;}
.partDetailImageHolder .imageHolder img {max-width:400px;}
.slider_holder{    float: left;    min-width: 300px;    width: 100%;}
.slider_holder img {    height:80px;width:auto;}
div.slider{  float:left;  position:relative;  min-width:260px;  width:90%;  height:85px;  overflow:hidden;  list-style:none;  white-space:nowrap;}
div.slider figure{    display: inline-block;    margin: 2px 5px;    vertical-align: top;    white-space:nowrap; border-right:1px solid #f2f2f2}
div.slider figure a{  float:left;  height:80px;}
.prv, .nxt{   position:relative;   cursor:pointer;   background:white;   float:left;   min-width:15px;   width:5%;}
.prv img, .nxt img {    position:relative;    top:30px;    height:20px;    width:20px;}
.firstImage {width:100%;float:left;}

.colStorePriceShareHolder {float:left;width:28%;background:white;text-align:center;border-right:1px solid #E4E4E4;border-left:1px solid #E4E4E4;min-height:412px;min-width:255px}
.colStorePriceShareHolder .partPrice {width:100%;text-align:center;font-size:1.6em;float:none;line-height:1.6em;padding-left:0;}
.greyHolder {width:65%;margin:1em auto;-moz-border-radius:.8em; -webkit-border-radius:.8em; border-radius:.8em;background:#F2F2F2;padding:.8em; text-align:left;}
.greyHolder .typeOfPrice {text-align:center;}
.internationalRatesText {width:65%; margin: 0 auto;}
.shippingHolderGrayBox .shipTitle {font-size:1.2em;text-align:center;}
.asteriskForShipping {width:100%;float:left;}
.asteriskForShipping div {width:55%;margin:1em auto;}
.greenBtn {font-size:1.4em;color:white;width:60%;padding:.4em;margin:1em auto;background: #008000;-moz-border-radius: .4em; -webkit-border-radius: .4em; border-radius: .4em;border: 1px solid transparent;cursor: pointer;text-align: center;}
.greenBtn a {color:white;}
.grayBtn {font-size:1.4em;color:white;width:60%;padding:.4em;margin:1em auto;moz-border-radius: .4em; -webkit-border-radius: .4em; border-radius: .4em;border: 1px solid transparent;cursor: pointer;text-align: center;background: linear-gradient(to bottom, #D0863F 25%, #C5670D 65%) repeat scroll 0 0 transparent;-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D0863F, endColorstr=#C5670D)";}
.grayBtn a {color:black;}
.colStorePriceShareHolder .grayBtn a {color:white;}
.linkHolder {}
.shareLink, .contactLink, .chatLink {width:100%;text-align:center;font-size:1.2em;margin:.4em 0;}
.colStoreDetail {width:31%;float:left;text-align:center;min-height:412px;min-width:300px}
.colStoreDetail .holder {margin-left:2.2em;text-align:left;width:90%; color:black;}
.colStoreDetail h3 {font-size:1.2em;font-weight:bold;width:100%; color:black;margin-top:.5em;}
.colStoreDetail .storeAddress, .colStoreDetail .storeName, .colStoreDetail .storeImageHolder {width:100%; color:black;}
.colStoreDetail .storePhoneNumber {width:45%;margin-left:2.2em;margin-top:2.2em;}

.colStoreDetail .phoneImage {padding:.2em;border:0px solid #e4e4e4;-moz-border-radius:.4em; -webkit-border-radius:.4em; border-radius:.4em;text-align:left;width:auto;}
.colStoreDetail .phoneImage img,
.colStoreDetail .phoneImageHSDC img {display:inline-block;padding-left:.2em;padding-right:.2em;max-width:21px;}

.colStoreDetail .phoneImageHSDC {padding: 0.2em;text-align: left;width: auto;}
.colStoreDetail .clickPhoneNumberText {display:inline-block;position:relative;top:-1em;}
.colStoreDetail .storeImageHolder {margin:1em auto;max-width:300px;}
.col12 img.storeImage {max-width:250px;}

.fitmentCompatibility {margin:1.5em 0;float:left;width:100%;}
.fitmentCompatibility .questionsText {font-size:1.2em;font-weight:bold;}
.fitmentCompatibility .fitmentContactSeller {font-size:1.2em;font-weight:bold;}

.colStoreOverviewHolder {float:left;width:95%;background:white;margin:1em 0;}
.colStoreOverviewHolder .overview {float:left;width:98%;background:#666666;border:1px solid #666666;}
.colStoreOverviewHolder .overview div {padding:1em .5em;color:white;font-weight:bold;}
.colStoreOverviewHolder .item {float:left;width:49%;border:1px #e4e4e4 solid;font-size:1em;}
.colStoreOverviewHolder .item .itemLabel {float:left;width:45%;}
.colStoreOverviewHolder .item .itemValue {float:left;width:45%;}
.colStoreOverviewHolder .item .itemLabel div {font-weight:bold;}
.colStoreOverviewHolder .item .itemLabel div,
.colStoreOverviewHolder .item .itemValue div {padding:1em .5em;}
.colStoreOverviewHolder .itemLong {float:left;width:100%;}
.colStoreOverviewHolder .itemLabelShort {float:left;width:24%;border:1px #e4e4e4 solid;}
.colStoreOverviewHolder .itemValueLong {float:left;width:74%;border:1px #e4e4e4 solid;}
.colStoreOverviewHolder .itemLabelShort div {font-weight:bold;}
.colStoreOverviewHolder .itemLabelShort div,
.colStoreOverviewHolder .itemValueLong div {padding:1em .5em;}

.colStoreOverviewHolder .item:nth-child(4n+1) {background:#f2f2f2;}
.colStoreOverviewHolder .item:nth-child(4n) {background:#f2f2f2;}

.sQuoteHolder {float:left;width: 100%; min-height:500px; background-color:white; color:black;}
.sQuoteText {float:left;}
.sQuotePartUrlHolder { width:100%;float:left;line-height: 3em; border-bottom: 5px solid #E6E6E6;}
.sQuoteInputHolder {width : 48%; float:left;margin-top:1em;}
.sQuoteInputHolder .formline {margin:.4em .1em;width:95%;float:left;}
.sQuoteInputHolder .formline input[type=text],
.sQuoteInputHolder .formline select {width:90%;float:left;padding:.2em;}
.sQuoteMessageHolder {float:left;width : 48%;}
.sQuoteMessageHolder .Address { float:left;width:98%;margin-top:1em;}
.sQuoteMessageHolder .formline {margin:1em .1em;width:98%;float:left;}
.sQuoteSendCopy {margin-left:.8em;float:left;}
.sQuoteSendCheckbox {float:left;}
.sQuoteSend {float:right;}
.sQuoteCancel {float:right;margin-right:.8em;}
.sQuoteErrorMessage {float:left;}
.sQuoteErrorMessage div:first-child { float:left;background-color :#F0F0F0; border:solid 1px Gray;-moz-border-radius: .4em;-webkit-border-radius: .4em; border-radius: .4em; font-size:1em; padding:0px 1em;}
.sQuoteErrorMessage .symbol { float:left;padding-left:3.5em; color:Gray; margin-top:.5em;}
/*shaded: #F2F2F2   border:#E4E4E4*/
/*#endregion*/

/*#region QUOTE/CART */
.pageTitle.checkout {height: auto;background: black;float: left;width: 100%;padding:.8em 0;position:relative;top:-.5em}
.pageTitle.checkout .quote {top:-1.5em;}
.pageTitle.checkout h2 {font-size: 1.3em;padding: 0 1em;   width: 50%;float: left;font-weight: bold;color:white;}
.pageTitle.checkout.rightQuoteAmount h2 {width:35%;}
.pageTitle.checkout.rightQuoteAmount h3 {color:white;float:right;width:40%;text-align:right;padding-right:1em;}
.contShoppingBtn {    background: linear-gradient(to bottom, #D0863F 25%, #C5670D 65%) repeat scroll 0 0 transparent;    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D0863F, endColorstr=#C5670D)";    -moz-border-radius: 4px;    -webkit-border-radius: 4px;    border-radius: 4px;    margin: 0 1em 0 0;    border: 1px solid transparent;    cursor: pointer;    text-align: center;    color: white;    font-weight: bold;    font-size: 1.5em;    padding: 6px 10px;    width: 45%;    display: inline-block;}
.contShoppingBtn:hover {    color: white;}
.storeContShoppingBtn {    background: linear-gradient(to bottom, #666666 25%, #333333 65%) repeat scroll 0 0 transparent;    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#666666, endColorstr=#333333)";    -moz-border-radius: 4px;    -webkit-border-radius: 4px;    border-radius: 4px;    margin: 0 1em 0 0;    border: 1px solid transparent;    cursor: pointer;    text-align: center;    color: white;    font-weight: bold;    font-size: 1.5em;    padding: 6px 10px;    width: 45%;    display: inline-block;}
.storeContShoppingBtn:hover {    color: white;}

.checkoutBtn {    margin: 0;    width: 40%;background: linear-gradient(to bottom, #116038 25%, #01341a 65%) repeat scroll 0 0 transparent;    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#116038, endColorstr=#01341a)";    -moz-border-radius: 4px;    -webkit-border-radius: 4px;    border-radius: 4px;    border: 1px solid transparent;    cursor: pointer;    text-align: center;    color: white;    font-size: 1.5em;    padding: 6px 10px;    font-weight: bold;}
.storeCheckoutBtn {    margin: 0;    width: 40%;background: linear-gradient(to bottom, #666666 25%, #333333 65%) repeat scroll 0 0 transparent;    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#666666, endColorstr=#333333)";    -moz-border-radius: 4px;    -webkit-border-radius: 4px;    border-radius: 4px;    border: 1px solid transparent;    cursor: pointer;    text-align: center;    color: white;    font-size: 1.5em;    padding: 6px 10px;    font-weight: bold;}
.btnTopHolder {margin-top:1em;width:80%;padding-left:.5em;text-align:right;}
.quoteItems .cartLineItem {border-bottom:2px solid #e4e4e4;padding:1em 0 1em 0;width:80%;float:left;}
.quoteItems .yardName {width:100%;font-weight:bold;float:left;font-size:1.2em;padding:.2em .5em;}
.quoteItems .cartDescription {width:100%;float:left;font-size:1.2em;padding-bottom:.2em;padding-left:.5em;}
.quoteItems .partImageHolder {width:35%;max-width:300px;float:left;}
.quoteItems img.cartItemImage {max-width:300px;margin-top:.5em;padding-left:.5em;}
.quoteItems img.cartItemImage.imageNotAvailable {width:163px;height:79px;margin:4em auto;}

.quoteRightHolder{float:left;width:60%;margin-left:1.1em;}
.quoteItems .shipping {width:90%;float:left;margin-left:1em;margin-top:.5em}
.quoteItems .shipping div {width:100%;float:left;padding:.2em 0;border-bottom:1px #ccc solid}
.quoteItems .shipping div:last-child {border-bottom:none;}
.quoteItems .itemTotalValue, .quoteItems .quantity, .quoteItems .remove {width:60%;float:left;margin-left:15px;}
.quoteItems .itemTotalValue {font-size:1.2em;font-weight:bold;margin-top:1em;}
.quoteItems .quantity {font-size:1em;margin:.3em 0 .3em 15px;}
.quoteItems .remove {font-size:.9em;margin-left:15px}

.reviewcontainer {width:80%;float:left;margin-top:1em;text-align:right;margin-bottom:1.5em;}
.reviewcontainer .subTotal {float:right;width:90%;text-align:right;}
.reviewcontainer .subTotal .subClass {font-size:1.6em;display:block;}
.reviewcontainer .subTotal .subClasssubText {font-size:1.2em;display:block;}
.reviewcontainer .reviewheader {margin-top:1em;float:right;width:90%;text-align:right;}
.emptyCart {    width: 90%;    display: block;    text-align: left;    padding-left: 1em;    font-size: 1.5em;    font-weight:bold;    margin-top:2em;    margin-bottom:1em;    min-height:7em;}
.emptyCart div {    margin-bottom:1em;}
.emptyCart .contShoppingBtn {        background: linear-gradient(to bottom, #D0863F 25%, #C5670D 65%) repeat scroll 0 0 transparent;        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D0863F, endColorstr=#C5670D)";        -moz-border-radius: 4px;        -webkit-border-radius: 4px;        border-radius: 4px;        margin: 4px 0px;        border: 1px solid transparent;        cursor: pointer;        text-align: center;        color: white;        font-weight: bold;        font-size: .8em;  display: inline-block;        width: 90%;    }
#PleaseSignin {background:white;}
#PleaseSignin.ui-widget-content {color:black;}
#PleaseSignin .dialogFullsizeTdOne,
#PleaseSignin .dialogFullsizeTdTwo {width:45%;float:left;padding:1em;}
#PleaseSignin .dialogFullsizeTdOne {border-right:1px solid #e4e4e4;}
#PleaseSignin .forgotPassword {font-size:.8em;}
#PleaseSignin .dialogReturningTitle, #PleaseSignin .dialogGuestTitle {font-weight:bold;}
#PleaseSignin .loginButtonHolder .signIn {    background: linear-gradient(to bottom, #D0863F 25%, #C5670D 65%) repeat scroll 0 0 transparent;    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D0863F, endColorstr=#C5670D)";        border-radius: .2em;    border: 1px solid transparent;    cursor: pointer;    text-align: center;    display: inline-block;    color: white;    font-weight: bold;    font-size: 1.2em;    width:48%}
#PleaseSignin .dialogLoginControl {    width:90%;    float:left;}
#PleaseSignin .forgotPassword, #PleaseSignin .rememberMeHolder{    width: 48%;    float:left;}
#PleaseSignin .rememberMeHolder {    float: right;    text-align:right;    padding-right:0;}
#PleaseSignin input[type="text"], #PleaseSignin input[type="password"] {    width: 100%;    border: 1px solid #e0e0e0;    border-radius: 5px;    padding:3px 5px;    margin:3px 0px;}
#PleaseSignin .editor-label.rememberMe {    width:100%;}
#PleaseSignin .loginButtonHolder {    width: 100%;    margin-top:0px; float:left;}
#PleaseSignin #submitLogin, #forgotPasswordSubmit {    background: linear-gradient(to bottom, #D0863F 25%, #C5670D 65%) repeat scroll 0 0 transparent;    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D0863F, endColorstr=#C5670D)";        border-radius: 4px;    margin: 4px 0px;    border: 1px solid transparent;    cursor: pointer;    text-align: center;    display: inline-block;    color: white;    font-weight: bold;    font-size: 1em;    padding: 2px 6px;    width: auto;    float:right;    display: inline-block;}

#GuestCheckout {    background: linear-gradient(to bottom, #D0863F 25%, #C5670D 65%) repeat scroll 0 0 transparent;    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D0863F, endColorstr=#C5670D)";        border-radius: 4px;    margin: 8px 0px 4px 0px;    border: 1px solid transparent;    cursor: pointer;    text-align: center;   display: inline-block; color: white;    font-weight: bold;    font-size: 1em;    padding: 2px 6px;    width: auto;    float: left;    display: inline-block;}
.guestCheckoutHolder {    width: 90%;    padding-right: 2em;}
/*#endregion*/

/*#region Checkout*/
#spinner {display:none;}

.checkoutInfoHolder {min-width:470px;margin-left:.5em;    -webkit-border-bottom-left-radius: 10px;    border-bottom-left-radius: 10px;    -webkit-border-bottom-right-radius: 10px;    border-bottom-right-radius: 10px;    border: 1px solid #e0e0e0;    border-top: none;    padding-bottom: 1em;    width: 80%;    float:left;}
.checkoutInfoHolder fieldset {min-width:470px;width:500px;}
.checkoutInfoHolder .formline label {    color: red;    padding-left: 5px;    font-weight:bold;}
.checkoutInfoHolder .formline input {    width: 100%;    -moz-border-radius: 5px;    -webkit-border-radius: 5px;    border-radius: 5px;    padding: .2em;    border: 1px solid #cccccc;    display: block;    float: left;}
.checkoutInfoHolder .formline select {    -moz-border-radius: 5px;    -webkit-border-radius: 5px;    border-radius: 5px;    padding: .2em;    width: 100%;    border: 1px solid #cccccc;    display: block;    float: left;}
.checkoutInfoHolder .formline {width:90%;float:left;margin:.2em .5em}
.checkoutInfoHolder .formline.short {margin:.2em 1em .2em .5em;width:43%;float:left}
.checkoutInfoHolder .formline.shortCheckbox {width:5%;float:left;position:relative;top:.2em;}
.checkoutInfoHolder #divSaveAddressLbl.formline {margin:0.2em 1em 0.2em 0em;}
.checkoutInfoHolder #divSaveAddressLbl.formline label {padding-left:0}
.checkoutItems .cartLineItem {border-bottom:2px solid #e4e4e4;padding:1.5em 0 1.5em .5em;width:99%;float:left;}
.checkoutItems .yardName {width:100%;font-weight:bold;float:left;font-size:1.2em;padding:.2em 0;}
.checkoutItems .cartDescription {width:100%;float:left;font-size:1.2em;padding-bottom:.2em;}
.checkoutItems .cartItemImageHolder {min-height:210px;width:35%;float:left;max-width:300px;margin-top:.5em;border:1px solid #e2e2e2;}
.cartLineItem > .cartItemImage {width:35%;float:left;max-width:300px;margin-top:.5em;border:1px solid #e2e2e2;}
.checkoutItems .shipping.greyHolder {width:50%;float:left;margin-left:1em;margin-top:.5em;}
.checkoutItems .shipping div {width:100%;float:left;padding:.2em 0;}
.checkoutItems .shipping div:last-child {border-bottom:none;}
.checkoutItems .itemTotalValue, .checkoutItems .quantity, .checkoutItems .remove {width:60%;float:left;margin-left:15px;}
.checkoutItems .itemTotalValue {font-size:1.2em;font-weight:bold;margin-top:1em;}
.checkoutItems .quantity {font-size:1em;margin:.3em 0 .3em 15px;}
.checkoutItems .remove {font-size:.9em;margin-left:15px}
.checkoutAddressContainer, .checkoutTitleHolder {    margin-top: 1em;}
.warningsCheckout {width:60%;color:red;float:left;margin-left:1.1em;margin-top:1em;}
.ReviewShippingcontainer input {float:left;width:10%}
.ReviewShippingcontainer label {float:left;width:90%}
.ReviewShippingcontainer h3 {margin-bottom: 0.5em;margin-left: 0.8em;}
.totalsTable {float:left;width:80%}
.totalsTable .formline {float:right;width:50%;padding:.2em .5em}
.totalsTable .formline .totalLabel, .totalsTable .formline .grandTotalLabel {float:left;width:75%;text-align:right;}
.totalsTable .formline .total, .totalsTable .formline .grandTotal {float:left;width:20%;text-align:left;padding-left:1em;}
.totalsTable .formline .grandTotalLabel, .totalsTable .formline .grandTotal {font-size:1.5em;}
.totalsTable .formline .grandTotal {padding-left:.5em;}
.checkoutTitleHolder {    -webkit-border-top-left-radius: .4em;    border-top-left-radius: .4em;    -webkit-border-top-right-radius: .4em;    border-top-right-radius: .4em;    border: 1px solid #e0e0e0;    background: #e0e0e0;    border-bottom: 3px solid #cccccc;    width:80%;float:left;margin-left:.5em;}
.checkoutTitleHolder div {    font-weight: bold;    font-size: 1.2em;    padding:.5em;float:left;}
.checkoutItems {    border: 1px solid #e0e0e0; float:left;width:80%;margin-left:.5em;}
.field-validation-error {        color: red;        padding-left: 5px;        font-weight:bold;}
#submitCheckout {margin: 4px 0px 4px 0px;width: 30%;background: linear-gradient(to bottom, #116038 25%, #01341a 65%) repeat scroll 0 0 transparent;-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#116038, endColorstr=#01341a)";-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;border: 1px solid transparent;cursor: pointer;text-align: center;color: white;font-size: 1.5em;padding: 6px 10px;font-weight: bold;}
/*#endregion*/

/*#region SIGN IN PAGE styling*/
.forgotHolder {margin-top: 2em;}
.forgotHolder div {padding-left: 1em;}
.forgotHolder h2 {padding-left: .5em;margin-left:0em;}
.forgotHolder div {padding-left: 1em;margin:1em 0em;}
.loginFormHolderForgot {padding-left: 1em;}
.loginFormHolderForgot .editor-field {width: 80%;margin:.5em 0em .5em 0em;}
.loginFormHolderForgot .editor-label {display:none;width: 50%;font-weight: bold;}
.loginFormHolderForgot input[type=text],
.loginFormHolderForgot input[type=password] {padding: .5em;border:1px solid #bbb;border-radius:10px;width:300px;}
.loginFormHolderForgot input.forgotPasswordSubmit {background: linear-gradient(to bottom, #D0863F 25%, #C5670D 65%) repeat scroll 0 0 transparent;-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D0863F, endColorstr=#C5670D)";border-radius: 5px;border: 1px solid #ddd;cursor: pointer;text-align: center;display: inline-block;color: white;font-weight: bold;font-size: 1.2em;padding: 5px;width:130px;margin:1em 0em;}
.loginFormHolderForgot input.forgotPasswordSubmitWide {background: linear-gradient(to bottom, #D0863F 25%, #C5670D 65%) repeat scroll 0 0 transparent;-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D0863F, endColorstr=#C5670D)";border-radius: 5px;border: 1px solid #ddd;cursor: pointer;text-align: center;display: inline-block;color: white;font-weight: bold;font-size: 1.2em;padding: 5px;margin:1em 0em;width: 160px;}
.loginFormHolderForgot .instructions {font-size: 1.3em;font-weight: bold;color: red;margin-bottom:2em;}
.loginPageHolder {width: 97%;border: 1px solid #cccccc;border-radius: 8px;display:inline-block;margin:1.3em 0em 1.3em 1em;}
.loginFormHolder, .loginRegisterHolder {width: 45%;float:left;padding-left:1em;min-height:300px;}
.loginRegisterHolder {padding-left: 2.5em;border-left:1px solid #cccccc;}
.loginPageHeader h2 {float: left;font-size:2em;padding-left:.5em;}
.formTitle {font-size: 1.5em;margin: 1.7em 0em 1em 0em;}
.signinError {color: red;font-size: 1em;margin: .2em 0em .2em 0em;display:inline-block;width:100%;font-weight:bold;float:left;margin-left:.5em;}
.loginFormHolder .editor-field {width: 90%;margin:.5em 0em .5em 0em;}
.loginFormHolder .editor-label {display:none;width: 50%;font-weight: bold;}
.loginFormHolder input[type=text], .loginFormHolder input[type=password] {padding: .5em;border:1px solid #bbb;border-radius:10px;width:100%;}
.loginFormHolder input[type=button].signIn, .loginRegisterHolder .register,#divShareLink input[type=button] {background: linear-gradient(to bottom, #D0863F 25%, #C5670D 65%) repeat scroll 0 0 transparent;-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D0863F, endColorstr=#C5670D)";border-radius: 15px;border: 1px solid #ddd;cursor: pointer;text-align: center;display: inline-block;color: white;font-weight: bold;font-size: 1.2em;padding: 10px;width:100%}
.loginFormHolder input[type=button].signInButton, .loginRegisterHolder .register,#divShareLink input[type=button] {background: linear-gradient(to bottom, #D0863F 25%, #C5670D 65%) repeat scroll 0 0 transparent;-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D0863F, endColorstr=#C5670D)";border-radius: 15px;border: 1px solid #ddd;cursor: pointer;text-align: center;display: inline-block;color: white;font-weight: bold;font-size: 1.2em;padding: 10px;width:100%}
.editor-label.forgotPassword, .editor-label.rememberMe {display:inline-block;width:65%;float:left;font-weight:normal;color:#dc661e;margin-left:.5em;padding-top:10px;}
.editor-label.forgotPassword {margin-left: 0em;}
.loginButtonHolder {width: 90%;float: left;margin:1em 0em .7em 0em;}
.registerText {margin:1em 0em;font-size: 1.1em;width: 80%;}
/*#endregion*/

/*#region CREATE ACCOUNT FLOW*/
/*Create Account Flow Styling*/
.createAccountHolder {    display:block;    width:70%;    max-width:525px;    margin:1em auto;    background:#F1F1F1;    border:1px solid #F1F1F1;    border-radius:10px;}
.createTitle {    font-size: 1.2em;    text-align: center;    display:block;    width: 100%;    font-weight:bold;    padding:.25em 0em 0em 0em;}
.createHR{    width: 70%;    display:block;}
.createText {    text-align: center;    width: 90%;    display:block;    margin: 1em auto .5em auto;    font-size:1em;    font-weight:bold;}
.createAccountHolder .formline {    width: 85%;    margin: .8em auto;    display:block;}
.createAccountHolder .formline .errorDiv,.createAccountHolder .formline.errorDiv {    display: none;    padding-left: .5em;    color:red;    padding-top:.2em;}
.createAccountHolder .formline.errorDiv {    display: none;    margin-top: -0.5em;    padding-bottom: 1em;}
.formline.errorDiv label {    width:48%;    float:left;    color:red;    padding-left: .5em;}
.createAccountHolder .formline input, .createAccountHolder .formline select {    border-radius: 5px;    padding: .8em .4em;    width:100%;    border:1px solid #cccccc;    display:inline-block;}
.createAccountHolder .formline.shortInput input {    width: 48%;    display:inline-block;}
.createAccountHolder .formline.shortInput input:first-of-type {    margin-right: .4em;}
.createAccountHolder .formline.shortInput input:last-of-type {    margin-left: .4em;}
.termsPrivacy {    margin: .5em auto;    width: 100%;    display: block;    text-align:center;}
a.registerButton {    background: linear-gradient(to bottom, #D0863F 25%, #C5670D 65%) repeat scroll 0 0 transparent;    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D0863F, endColorstr=#C5670D)";        border-radius: 15px;    border: 1px solid #ddd;    cursor: pointer;    text-align: center;    display: inline-block;    color: white;    font-weight: bold;    font-size: 1em;    padding: 1em;    margin:0 auto;    display:block;}
a.registerButton:hover {    color: white;}

.boxHolder {    background: none repeat scroll 0 0 #000000;    border: 1px solid #000000;    border-radius: 10px 10px 10px 10px;    display: block;    margin: 2em auto;    padding: 1em;    width: 50%;}
.boxHolder .boxText {    background: none repeat scroll 0 0 #FFFFFF;    border: 1px solid #000000;    border-radius: 10px 10px 10px 10px;    display: block;    font-size: 1.2em;    margin: 0 auto;    padding: 1em;    text-align: center;    width: auto;}
.boxHolder .boxText .textHolder {color:black;text-decoration:none;}
.boxHolder .boxText .textHolder:hover {text-decoration:none;}
.createAccountHolder .formline input.createAccountError, .createAccountHolder .formline select.createAccountError {    background: #FFC0CB;    border:1px solid red;}
.errorTip {    border: 1px solid #cccccc;    display: none;    position: absolute;    top: -1.2em;    background: #FFFFCC;}
.boxText .checkImageHolder, .boxText .textHolder {    display:inline-block;}
.boxText .checkImageHolder {    width: 30%;}
.boxText .textHolder {    width: 60%;    text-align:left;}
.checkImageHolder img {    max-width: 100%;}
.congrats {    font-size: 1.2em;    padding-left:1em;    padding-bottom:.3em;}
.congratsText {    font-size: 1em;    padding-left:1em;}
.loginRegisterHolder .registerButtonHolder {    width: 70%;}
.registerButtonHolder {    text-align:left;    width:100%;    display:block;    margin-top:1em;}
.thankYouHolder {float:left;width:99%;}
.thankYouTitle {    font-size:2.5em;    font-weight:bold;    width:100%;    text-align:center;    margin-top:.8em;}
.thankYouText {    width:100%;    text-align:center;    margin:1.3em 0em;}
.thankYouOrderId {    width:100%;    text-align:center;    font-size:1.3em;    font-weight:bold;    color:#dc661e;    }
.createAccountHolder .formline:first-child {margin-top:.8em}

.storeForgotPasswordSubmitWide {    background: linear-gradient(to bottom, #666666 25%, #333333 65%) repeat scroll 0 0 transparent;    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#666666, endColorstr=#333333)";        border-radius: 4px;    margin: 4px 0px;    border: 1px solid transparent;    cursor: pointer;    text-align: center;    display: inline-block;    color: white;    font-weight: bold;    font-size: 1em;    padding: 2px 6px;    width: auto;    float:left;    display: inline-block;}

/*#endregion*/

/*#region Terms And Conditions Styling*/
.termsAndConditionsHolder {
    width:95%;
    margin:1em auto;
}
/*#endregion*/

/*#region SELLERS*/
.findBusinessSection {border: 1px solid #c2c2c2;width: 90%;float: left;margin: 2em 0 2em .5em;padding:3em;}
.findSellerNameHolder, .changeLoc, .findSellerLocationHolder {float:left;padding:1em;margin-top:-1.1em;}
.findSellerNameHolder {min-width:220px;max-width:350px;width:25%;}
.changeLoc {width:10%;text-align:center;position:relative;top:2em;}
.findSellerLocationHolder {width:30%;min-width:235px}
.sellerErrorMsg {clear: left; display:none; color:Red; padding:1em 0 1em .5em;}

.findSellerBtnHolder {width:15%;min-width: 90px;float:left;margin-left:1em;}
.findSellerBtnHolder  a.orangeButton {width:90%;float:left;margin-top:.3em;}
.findSellerBtnHolder label.findSellerChild,
.findSellerNameHolder label.findSellerChild,
.findSellerLocationHolder label.findSellerChild {font-weight:bold;display:block;float:left;font-size:1.2em;}
.findSellerNameHolder input,
.findSellerLocationHolder input{width:98%;padding:.2em .5em;margin-top:.5em;float:left;}

#colStorList {width:97.5%;float:left; border: 1px solid #c2c2c2; margin-left:8px;     }
#colStorList table {margin:1em 0 1em .5em;width:99%;}
#colStorList table tbody tr td:first-child {min-width:80px;max-width:150px;padding-top:.3em;vertical-align:top;}
#colStorList table tr td:last-child {vertical-align:top;}
#colStorList hr {width:100%; border: 1px solid #c2c2c2;}
/*#endregion*/

/*#region OrderHistoryDetails Styling*/
.summaryOrderStatus {color: black;font-weight: bold;width:95%;margin:1em 0 0 .5em;}
.checkoutTitleHolder.summary div {padding-left: .9em;font-size:1.4em;}
.summaryHolder {float: left;width: 95%;border:1px solid #e0e0e0;margin-left:.5em;}
.summaryInfoHolder  {margin-top:1em;float: left;width:100%;padding:0;}
.summaryHolder .subTitle {font-size: 1.5em;font-weight: bold;padding-top:.5em;}
.amountHolder {float:left;width:20%;padding: 0 1.5em;border-right: 1px solid #e0e0e0;}
.amountHolder .line,
.addressHolder .line,
.totalsSection .line {padding:.3em 0em;float:left;width:100%;font-size: 1em;}
.amountHolder .label {float:left;width:58%;}
.amountHolder .value {float:left;width:40%;text-align:right;}
.amountHolder .label.first,
.amountHolder .value.first {margin-top: .3em;}
.amountHolder .label.taxes,.amountHolder .value.taxes {border-bottom:1px solid #999999;}
.amountHolder .value.grandTotalValue,
.amountHolder .label.grandTotalLabel {color:#dc661e;font-weight:bold;}
.addressHolder {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #FFFFFF;-webkit-border-top-right-radius: 10px;border-top-right-radius: 10px;-webkit-border-bottom-right-radius: 10px;border-bottom-right-radius: 10px;float: left;padding-left: 1.5em;width: 55%;padding-bottom: 0;}
.orderHistoryDetail .checkoutInfoHolder {border:none;min-width:unset;}
.addressHolder .address {width:95%;}
.addressHolder .address.buyerName {margin-top:.3em;font-weight:bold;}
table.singleOrderItems {width:100%;}
table.singleOrderItems th.image {padding-left: 15px;text-align:left;}
table.singleOrderItems th.total {padding-right: .5em;}
table.singleOrderItems th {padding: 5px;text-align:right;font-size:1.2em;height:2em;border-bottom:1px solid #e0e0e0;}
table.singleOrderItems td {border-bottom:1px solid #e0e0e0;vertical-align:top;text-align:left;padding:15px;}
table.singleOrderItems td.image {width:20%;text-align:left;padding-top:5px;}
table.singleOrderItems td.description {width:60%;text-align:left;padding-top:15px;}
table.singleOrderItems td.unitPrice,
table.singleOrderItems td.qty {width:5%}
table.singleOrderItems td.total {width:10%;padding-left:.5em;}
table.singleOrderItems td.image img{max-width:100%;}
table.singleOrderItems .itemDescription {font-size: 1.1em;width:90%;float:left;margin-bottom:1.5em;}
table.singleOrderItems .detailLine {width:90%;float:left;margin:.2em 0em .2em .5em;border-bottom:1px solid #F9F0E6;}
table.singleOrderItems .detailText {float:left;width:45%;font-weight:bold;}
table.singleOrderItems .detailValue {float:left;width:50%;}
table.singleOrderItems td.totalsSection .label,
table.singleOrderItems td.totalsSection .value {float:left;width:48%;}
table.singleOrderItems td.totalsSection .label.subtotal {font-weight: bold;}
table.singleOrderItems td.totalsSection .label.taxes,
table.singleOrderItems td.totalsSection .value.taxes {border-bottom:1px solid #e0e0e0;}
table.singleOrderItems td.totalsSection .value.grandTotalValue,
table.singleOrderItems td.totalsSection .label.grandTotalLabel {font-size:1.4em;}
table.singleOrderItems td.noBorderBottom {border-bottom: none;}
.summaryFooter {margin-top: 1em;border: 1px solid #e0e0e0;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;background: #e0e0e0;margin-bottom: 2em;}
.summaryFooter .storeImage {float:left;width:15%;padding:1em 0em;}
.summaryFooter .storeImage img {float:left;padding-left: 1.5em;max-width:100%;}
.summaryFooter .storeInfo {padding:1em 0em;padding-left:3em;float:left;width:35%;}
.summaryFooter .googlemap {float: left;width:40%;padding:1em 0em;}
/*#endregion*/

/*#region MOBILE_VIEW_VS_NORMAL_VIEW_SHOW_HIDE*/
.mobile, .narrow {display:none;}
.wide, .fullsize {display:block;}
/*#endregion*/

/*#region Contact Us*/
.contactHolder .contactTitle {float: left;font-size: 2em;margin: 1em 0em;padding-left: 0.5em;}
.contactHolder .contactFormContainer {width: 90%;-moz-border-radius: .3em;-webkit-border-radius: .3em;border-radius: .3em;border: 1px solid #E0E0E0;background: #E0E0E0;margin:1em 0em 3em .5em;float:left;}
.contactHolder .storeHolder {border: 1px dotted #cccccc;width: 90%;padding:1em;margin-bottom:3em;margin-top:1em;}
.contactHolder .storeHolder .storeName, 
.contactHolder .storeHolder .storePhone, 
.contactHolder .storeHolder .storeEmail, 
.contactHolder .storeHolder .storeAddress, 
.contactHolder .storeHolder .storeAddress2, 
.contactHolder .storeHolder .storeCityStateZip, 
.contactHolder #divMap {width: 100%;display: inline-block;}
.contactHolder .storeHolder .storeName {color: black;font-size: 1.7em;}
.contactHolder .storeHolder .storePhone {color: #839FC0;}
.contactHolder .storeHolder .storeEmail, 
.contactHolder .storeHolder .storeAddress, 
.contactHolder .storeHolder .storeAddress2, 
.contactHolder .storeHolder .storeCityStateZip,
.contactHolder .storeHolder .storePhone {font-size:1.4em;}
.contactHolder .contactFormContainer .directions {font-size:1.1em;text-align: left;width: 95%;margin: 1em auto 0 .9em}
.contactHolder .contactFormContainer .formline {width: 95%;margin: .8em auto;display:block;}
.contactHolder .contactFormContainer .formline .errorDiv {background: url("../Images/left_error_triangle.gif") no-repeat scroll 0 3px;display: none;height: 28px;padding-top: 10px;position: absolute;}
.contactHolder .contactFormContainer .formline label {padding: 0.5em;}
.contactHolder .contactFormContainer .formline input[type="checkbox"] {width: 5%;display:inline-block;position:relative;top:2px;}
.contactHolder .contactFormContainer .formline input,
.contactHolder .contactFormContainer .formline select,
.contactHolder .contactFormContainer .formline textarea.noPart {-moz-border-radius: .2em;-webkit-border-radius: .2em;border-radius: .2em;padding:.3em;width: 100%;border: 1px solid #e0e0e0;display: block;margin: 0;}
.contactHolder .contactFormContainer .formline textarea {-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;width: 90%;border: none;border-top: none;display: block;margin: 0 auto;font-size: 1.2em;min-height: 300px;padding:.3em;}
.contactHolder .contactFormContainer .formline input[type="text"] {font-size: 1.2em;padding:.3em;width:90%;margin:0 auto;}
.contactHolder .contactFormContainer .formline .contactPartHolder {-webkit-border-top-left-radius: .2em;border-top-left-radius: .2em;-webkit-border-top-right-radius: .2em;border-top-right-radius: .2em;background: white;width: 90%;padding: .3em;margin: 0 auto;border-bottom: 1px dashed #cccccc;line-height: 1.6em;font-size: 1.1em;}
.contactHolder .contactFormContainer .formline .contactPartHolder div label {padding: 0;}
.contactHolder a.orangeButton {float:left;width:200px;margin-bottom:1em;}
.contactHolder .checkHolder {width:95%;margin:0 auto;}
.contactHolder #lblErrorMessage {width:95%;float:left;color:red;font-weight:bold;margin-bottom:1em;}
/*#endregion*/

/*region MY ORDERS STYLING*/
.orderLineItem {margin-left:.5em; float:left; width:90%;margin-top:1em;}
.orderItems, .orderSummary {width:48%;float:left;}
.orderSummary .orderPlaced {width:48%;float:left;font-weight:bold;}
.orderSummary .orderTotal {float:left;width:98%;}
.orderSummary .orderNumber {float:left;width:98%;}
.orderSummary .viewOrder {float:left;width:98%;}
.orderItems .purchasedItems {width:98%;float:left;font-weight:bold;}
.orderItems .purchasedItemsHolder {width:98%;float:left;}
.orderItems .purchasedItemsHolder .itemImage {float:left; width:105px;height:100px;}
.orderItems .purchasedItemsHolder .itemImage img {float:left;}

.orderItems .purchasedItemsHolder .itemDescription {float:left;margin-left:.5em;width:65%}
/*#endregion*/
@media all and (max-width: 580px) {

    .sQuoteInputHolder, .sQuoteMessageHolder {width : 95%;}


    /*#region MOBILE_VIEW_VS_NORMAL_VIEW_SHOW_HIDE*/
        .mobile, .narrow {display:block;}
        .wide {display:none;}
        .fullsize {display:none;}
    /*#endregion*/

    /*#region Header Overrides*/
    .logo {margin-top:1.5em;margin-left:.5em}
    .logo .hpdcLogo {margin-left:0;}
    .cartHolder {width:40%;}
    .textHolder {font-size: .8em;}
    /*#endregion*/

    /*#region Menu Overrides*/
    .narrow { float:left;display:block;cursor:pointer;text-align:center;height:75px;width:33%;margin-bottom:.1em;}
    .narrow:first-child {text-align:left;}
    .narrowone img, .narrowtwo img, .narrowthree img { width: auto;margin-top:.5em;}
    .narrow.active {border-bottom:.3em solid #c25e00;}
    /*#endregion*/

    /*#region FOOTER Overrides*/
    .footertop {width:100%;float:left;background:#F2F2F2;line-height:2em;text-align:left;}
    .footerLink.horiz {float:left;font-size:1.3em;width:100%;border-top:1px solid #ccc;line-height:3em;}
    .footerSpacer.horiz {display:none;}
    .footerLink.horiz a {color:black; padding-left:1em}
    .footerLink.horiz a:hover {text-decoration:none;font-weight:bold;}
    .footerLink.horiz, .footerSpacer.horiz  {padding:0}
     /*#endregion*/

    /*#region HOME SEARCH AND PART SEARCH Overrides*/
    .mobileyrmkmlheader {width:100%;padding:.5em 0;background:black;border:none;}
    .crumbLinks {color:white;font-size:1.3em;padding-left:1em;}
    .mobileOneTitle.selection {font-size:1.1em;font-weight:bold;padding-left:.4em;line-height:2em;}
    .mobileoptionOne {padding:0;margin:0;width:100%;}
    .mobileoptionOneTitle {background:#F2F2F2;font-size:1em;line-height:2em;padding:0;width:100%;float:left;margin:0;}
    .mobileoptionOneTitle.storeName {border-bottom:1px solid black;}
    .mobileoptionOneTitle span, .mobileoptionOneTitle.storeName {padding:0 0 0 .5em;font-size:1.2em;}
    .mobileoptionOneHolder .mobileoptionOneTitle {width:100%;padding:.5em 0;background:white;border:none;}
    .lookupLink {font-size:1.1em;line-height:3em;border-top:1px solid #F2F2F2;width:100%;float:left;}
    .lookupLink:last-child {border-bottom:1px solid #e2e2e2;}
    .lookupLink:active {background:#F2F2F2;}
    .lookupLink span {padding-left:.5em;}
    .mobileoptionOneTitle a {font-weight:normal;text-decoration:none;padding-left:.5em;}
    .mobileoptionOneTitle span.bcLarge {font-weight:normal;padding:0}
    .mobileoptionOneTitle a + .bcLarge {font-weight:bold;padding:0}
    /*#endregion*/

    /*#region PSR1*/
    .noLeftPadding .col9.last {padding-left:0}
    /*#endregion*/

    /*#region PSR2 RESULTS MOBILE Overrides*/
    .allPartsFitText {width:100%;margin:0 auto;float:left;}
    .individualPartHolder {float:left;width:96%;margin:1.7em 0 1.7em .5em;text-align:left;}
    .sortContainer {margin:0 0 1em 1em;float:left;text-align:center;width:98%;display:none;}
    .sortContainer select, .sortContainer input {padding:.4em .1em;font-size:1em;float:left;}
    .sortContainer .sortByLabel {float:left;padding-left:.5em;}
    .sortContainer .labelMyLocation {float:left;padding-left:.5em;}
    .col12.partsResultHolder.seo {padding-left:0;text-align:center;}
    .sortContainer .sortByLabel, .sortContainer select {float:left;width:35%;}
    .sortContainer input {float: left;width: auto;}
    .sortContainer .formline {float:left;width:100%;margin:.2em 0;}
    .sortContainer .formline input,
    .sortContainer .formline label,
    .sortContainer .formline select {float:left;text-align:left;width:30%;}
    .sortContainer .formline label {text-align:right;}
    .sortContainer .formline input[type="button"] {text-align:center}
    /*#endregion*/

    /*#region Part Details Page Overrides*/
    .colStoreOverviewHolder .item {float:left;width:100%;border:0px solid transparent;border-top:1px #e4e4e4 solid;border-bottom:0px #e4e4e4 solid;font-size:.8em;min-width:0px;}
    .colStoreOverviewHolder .item .itemLabel {float:left;width:49%;min-width:0px;font-size:.8em;font-weight:normal;}
    .colStoreOverviewHolder .item .itemValue {float:left;width:49%;min-width:0px;font-size:.8em;}
    .colStoreOverviewHolder .itemLong {float:left;width:100%;border-top:none;min-width:0px;font-size:.8em;background:#e4e4e4;}
    .colStoreOverviewHolder .itemLabelShort {float:left;width:24%;border-bottom:none;border-left:none;border-right:none;min-width:0px;font-size:.8em;font-weight:normal;}
    .colStoreOverviewHolder .itemValueLong {float:left;width:74%;border-top:none;border-bottom:none;border-right:none;border-left:none;min-width:0px;font-size:.8em;}
    .colStoreOverviewHolder .overview {font-size:.8em;font-weight:bold;padding:0;border:none;width:100%;}
    .colStoreOverviewHolder .overview div {padding:.2em .5em;}
    .colStoreDetail .holder {margin-left:1.2em;text-align:left;width:90%; color:black;}
    .colStorePriceShareHolder {border:none;text-align:center;width:99%;}
    .pdTopHolder {border:none;}
    .colStoreOverviewHolder .item:nth-child(4n+1) {background:none;}
    .colStoreOverviewHolder .item:nth-child(4n) {background:none;}
    .colStoreOverviewHolder .item:nth-child(2n) {background:#f2f2f2;}
    .yardInfo {width:100%;float:left;}
    .yardInformationHolder {padding-left:.5em;width:85%;float:left;}
    .yardInfo img {width:15px; float:left;}
    .yardName {font-weight:bold;display:block}
    .yardAddress{display:block;}
    .colStorePriceShareHolder, .partDetailImageHolder {min-height:325px}
    .partDetailImageHolder .imageHolder img {max-width:300px;}

   /*#endregion*/

    /*#region QUOTE/CART Mobile Overrides*/
    .contShoppingBtn {   display:none;}
    .pageTitle.checkout.rightQuoteAmount h3 {width:45%;}
    .checkoutBtn {width: 90%;color: white;}
    .btnTopHolder {width:95%;text-align:center;}
    .quoteItems .cartLineItem {width:95%;}
    .quoteItems .yardName {padding:.2em .5em;}
    .quoteItems .cartDescription {font-size:1em;}
    .quoteItems .partImageHolder {margin-top:1em;width:100%;max-width:300px;float:left;min-height:unset;min-width:280px;text-align:center;border:none;}
    .quoteItems img.cartItemImage {}
    .quoteItems img.cartItemImage.imageNotAvailable {width:163px;height:79px;margin:0em auto;border:1px solid #e2e2e2;}
    .quoteRightHolder{float:left;width:100%;margin-top:1em;margin-left:0}
    .quoteItems .shipping {width:55%;font-size:.8em;margin-top:.2em;}
    .quoteItems .itemTotalValue, .quoteItems .quantity, .quoteItems .remove {width:38%;margin-left:.5em;}
    .quoteItems .itemTotalValue {margin-top:.2em;width:38%;text-align:right;}
    .quoteItems .quantity {font-size:.8em;margin:.3em 0 .3em .5em;width:38%;text-align:right;}
    .quoteItems .remove {font-size:.8em;margin-left:.5em;text-align: right;width: 38%;}
    .shipping.greyHolder {background:white;padding:0}
    .reviewcontainer {width:100%;}
    .reviewcontainer .subTotal {float:left;width:93%;}
    .reviewcontainer .subTotal .subClass {font-size:1.4em;}
    .reviewcontainer .subTotal .subClasssubText {display:none;}
    .reviewcontainer .reviewheader {width:100%;text-align:center;}
    #PleaseSignin .dialogFullsizeTdOne,
    #PleaseSignin .dialogFullsizeTdTwo {width:88%;}
    #PleaseSignin .dialogFullsizeTdOne {border-right:none}
    #PleaseSignin .forgotPassword {font-size:.8em;width:30%}
    #PleaseSignin .rememberMeHolder {width:65%;}
    #PleaseSignin .loginButtonHolder {padding:0;}
    
    /*#endregion*/

    /*#region CHECKOUT PAGE Mobile Overrides*/
    .checkoutInfoHolder {min-width:300px; width: 99%;margin-left:0;}
    .checkoutInfoHolder fieldset {min-width:300px;width:99%;}
    .checkoutInfoHolder .formline {width:97%;float:left;margin:.2em .5em}
    .checkoutInfoHolder .formline.short {width:97%;float:left;margin:.2em .5em}
    .checkoutInfoHolder .formline input {    padding: .5em .2em;}
    .ReviewShippingcontainer h3 {margin-left:0;}
    .checkoutTitleHolder, .checkoutItems {width:99%;margin-left:0;}
    .checkoutItems .cartLineItem {width:95%;}
    .checkoutItems .yardName {width:95%;}
    .checkoutItems .cartDescription {width:95%;}
    .checkoutItems .cartItemImageHolder {width:100%;}
    .cartLineItem > .cartItemImage {width:100%;}
    .checkoutItems .itemTotalValue, .checkoutItems .quantity, .checkoutItems .remove {width:30%;}
    .totalsTable {width:99%}
    .totalsTable .formline {width:90%;}
    .totalsTable .formline .totalLabel, .totalsTable .formline .grandTotalLabel {width:60%;}
    .totalsTable .formline .total, .totalsTable .formline .grandTotal {width:30%;}
    #submitCheckout {width:90%;}
    /*#endregion*/

    /*#region CREATE ACCOUNT FLOW mobile overrides*/
     .createAccountHolder {        width:98%; border:none; padding-top:.8em;  }
    /*#endregion*/

    /*#region Login mobile overrides*/
    .formTitle {margin:.5em 0 .5em}
    .loginPageHolder {margin: 1em .5em;display:block;float:left;width:95%}
    .loginFormHolder {padding-left:0;margin-left:.5em;}
    .loginRegisterHolder {border-left:none;padding-left:0;margin-left:.5em;}
    .loginFormHolder input.signIn[type="button"], .loginRegisterHolder .register {width:90%;}
    .loginRegisterHolder .formTitle,
    .loginRegisterHolder .registerText,
    .loginRegisterHolder .registerButtonHolder {float:left;width:90%;}
    .registerText {margin:0}
    .loginFormHolder, .loginRegisterHolder {width:95%;border-bottom:1px solid #e2e2e2}
    /*#endregion*/

    /*#region AboutUs - Specific Stores Mobile Overrides*/
    .aboutUs .storeImage {margin-left: .5em;}
    .aboutUs .middleHolder {clear: left;float: left;margin-top: 1em;padding: 0 0 1em 0.5em;width: 90%;max-width:unset;}
    .aboutUs #divMap {margin-left:.5em;float:left;}
    /*#endregion*/

    /*#region Contact Us Store Mobile Override*/
    .col6.contactHolder {width:90%;}
    /*#endregion*/
}

/*#region mid-range screen CSS for edge cases and Seller Directory*/
@media all and (max-width: 755px) {
    /*one-off seller about us page correction*/
    .aboutUs #divMap {float:left;}

    /*#region SELLER DIRECTORY mobile overrides*/
    .findBusinessSection {border: 1px solid #c2c2c2;-moz-border-radius: 1.2em;-webkit-border-radius: 1.2em;border-radius: 1.2em;width: 85%;float: left;margin: 2em 0 2em .5em;padding: 1em;}
    .findSellerNameHolder, .changeLoc, .findSellerLocationHolder {float: left;}
    .findSellerNameHolder {min-width: 220px;max-width: 350px;width: 100%;}
    .changeLoc {width: 100%;text-align: left;top: 0em;margin: 1em 0;font-weight: bold;font-size: 1.4em;}
    .changeLoc div {float: left;margin-left: 1.5em;}
    .findSellerLocationHolder {min-width: 220px;max-width: 350px;width: 100%;}
    .sellerErrorMsg {clear: left;display: none;color: Red;padding: 1em 0 1em .5em;}
    .findSellerBtnHolder {width: 100%;top: 0em;margin-left: 0em;text-align: center;margin: 1em 0;}
    .findSellerBtnHolder a.orangeButton {width: 50%;}
    .findSellerNameHolder label.findSellerChild,
    .findSellerLocationHolder label.findSellerChild {width: 95%;padding: .2em;}
    .findSellerNameHolder input,
    .findSellerLocationHolder input {width: 95%;padding: .4em .5em;margin-top: .5em;float: left;max-width:350px;}
    .amountHolder,
    .addressHolder {width:90%;padding:0 0 0 .5em;border:none;}
    .summaryHolder {border:none;width:95%;background:white;}
    /*#endregion*/

    /*#region PSR2 mid-size override*/
    .sortContainer {margin-left:1em;margin-bottom:1em;float:left;width:98%}
    .sortContainer .sortByLabel, .sortContainer select {float:left;width:35%;}
    .sortContainer input {float: left;width: auto;}
    .sortContainer .formline {float:left;width:100%;margin:.2em 0;}
    .sortContainer .formline input,
    .sortContainer .formline label,
    .sortContainer .formline select {float:left;text-align:left;width:90%;}
    .sortContainer .formline label {text-align:left;}
    .sortContainer .formline input[type="button"] {text-align:center}
    /*#endregion*/
}

   
.sellerProfileEJK {
	font-family: Arial, Helvetica, sans-serif;
}

.sellerProfileEJK ul {
	
}

.sellerProfileEJK ul li {
	display:block;
	float:left;
	padding:5px;
}

.sellerProfileEJK ul li div {
	display:inline-block; vertical-align:top;
}

.sellerProfileEJK ul li div:target {
	display:block;
}
.sellerProfileEJK a {text-decoration: none;}

.noMatchContainer {
    display:inline-block;
    border-radius: 5px 5px 5px 5px;
    height: auto;
    margin-top: 50px;
    margin-bottom: 50px;
    width: 90%;
}

.noMatchHeader {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.noMatchContent {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 12px;
    margin-left: 75px;
    margin-top: 5px;
}


.VehiclePartSearch {float: left;margin-top:1em;padding: 0 0 15px 18px;width: 24%;max-width:180px}

.hollanderBtn {
    /*-moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select:none;*/
    /*background: none;*/
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 3px 18px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    background-color:gainsboro;
}
