body
{
    background-image: url("images/carbon_fibre.png");
    background-repeat: repeat;
    background-color: #333;
    font-size: 75%;
    font-family: Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: black;
}

p, ul
{
    margin-bottom: 20px;
    line-height: 1.6em;
}
a.focus { border-color:Yellow; border-width:thick; background-color: Lime}

/* HEADINGS   
----------------------------------------------------------*/
h2
{
    padding: 0 0 10px;
    font-family: Arial,Helvetica,sans-serif; 
}

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    padding: 0 0 10px 0;
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
	border:none;
	margin:none;
	padding:0px;
	width:100%;
}
#headerlogo{box-shadow:0px 0px 20px #999; height:72px;}

.ui-corner-all-wide{-moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; -khtml-border-top-left-radius: 8px; border-top-left-radius: 8px; 
 -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; -khtml-border-top-right-radius: 8px; border-top-right-radius: 8px; 
 -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; -khtml-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px; 
 -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; -khtml-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px; }
.ecomlogo{height:72px;background-color:transparent;}
.nonheader{min-height:150px;}
#header
{
    position: relative;
    margin-bottom: 0px;
    padding: 0;
    height: 100px;
    z-index: 10000;
}

#header h1
{
    padding: 5px 0;
    margin: 0;
    line-height: 2em;
    font-size: 2em !important;
}

#main
{
    margin-bottom: 30px;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscore */
    clear: both;
    padding: 0 10px;
    border:1px solid #E8E8E8;
}
#main .logOnInfoContainer{padding:10px;margin:20px 10px 10px 10px;}

#home-services .content.link a{
    color:#b81919;
    cursor:pointer;
	
}

#home-services .content.link a:hover{
    color:black;
}

#home-services .content.link{
    float:right; 
    padding-top:0;
}


#footer
{
    text-align: center;
    line-height: normal;
    margin: 10px 0;
    font-size: .9em;
}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu
{
    padding: 0;
    position: relative;
    margin: 0;
    float: right;
}

ul#menu li
{
    float: left;
    list-style: none;
}

ul#menu li#greeting
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
}

ul#menu li a
{
    padding: 10px 20px;
    text-decoration: none;
    line-height: 2.8em;
}

ul#menu li a:hover
{
    text-decoration: none;
}

.sidebarmenu ul li a {
    display: block;
    overflow: auto;
    padding: 6px;
    text-decoration: none;
}
#menucontainer.ui-tabs .ui-tabs-nav li  
{
     list-style: none; 
     float: left; 
     position: relative; 
     top: 1px; 
     margin: 0 .2em 1px 0; 
     border-bottom: 0 !important; 
     padding: 0; 
     white-space: nowrap; 
}
#menucontainer 
{
    background:none;
    border:0;
}
#menucontainer .ui-widget-header
{
    background:transparent;
    border:none;
}
#menucontainer .ui-widget-content{background:none;border:0;}        
#menucontainer li.ui-state-active a {
    box-shadow: 0 0 0 black;
}

#menucontainer li a
{
     box-shadow: 0 -3px 5px black;
     border-top-right-radius: 5px;
     border-top-left-radius: 5px;
}
.ui-tabs {
    padding: 0em;
    position: relative;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset 
{
    padding:0 1.4em 1.4em 1.4em;
    margin:0 0 1.5em 0;
    border: 1px solid black;
}

fieldset.account
{
    margin-left: 0.2em;
    margin-right: 0.2em;
    margin-bottom: 0em !important;
}

legend 
{
    font-size:1.2em;
    font-weight: bold;
}

textarea 
{
    min-height: 75px;
}

input[type="text"] 
{
    width: 200px;
}

input[type="password"] 
{
    width: 200px;
}

/* TABLE
----------------------------------------------------------*/

table 
{
   border-collapse: collapse;
}

table td 
{
  padding: 5px;   
}

table th
{
  padding: 6px 5px;
  text-align: left;
}

/* GregO added table definitions
----------------------------------------------------------*/

.vendor, .style { width: 24%; }
.orderbytime, .orderbydate { width: 8%; }
.list, .price, .add { width: 10%; }

.previous-search, #previousQuotes a
{
    text-decoration: underline;
    
}
.previous-search:hover, #previousQuotes a:hover
{
    color: #B81919;
    cursor: pointer;
}
#quicklinks
{   
    margin-top: 10px;
    padding: 10px;
}
#quicklinks h2
{   
    color: #B81919;
    margin: 5px 0 5px 0;
    font-size: small;
}
#previousSearches, #previousQuotes
{
    float: left;
    width: 50%;
    padding: 5px;
}
#previousQuotes
{
    float: right; 
    width: 47%;
}

.unavailable-item table th{padding:2px 0px;text-align:left;}
.retrievedBlank   { width: 10%; }
.retrievedDescription {   width: 30%; }
.retrievedWarranty, .retrievedPrice, .retrievedQuantity { width: 7%} 
.retrievedItem, .retrievedExtPrice  { width: 9%; }


/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

#menucontainer
{
    margin-top:20px;
}

div#title
{
    display:block;
    float:left;
    text-align:left;
}

#loginHeader { float:right; padding:10px; }
#logindisplay 
{
    font-size:1.1em;
    float:left;
    color: #ffffff;
    display: block;
    font-size: 1.1em;
    height: 30px;
    width: 200px;
    text-align:left;
    margin: 6px 0px 0px 180px;
    padding: 3px;
}
#logindisplay a:link, #logindisplay a:visited
{
    text-decoration: underline;
    color:#ffffff;
}
#logindisplay a:hover
{
    text-decoration: none;
}
#registerlink {font-weight: bold; text-decoration: underline; cursor: pointer; zoom: 1; /* ie7 */}
#forgottenpasswordlink-landing, #forgottenpasswordlink-reset {text-decoration: underline; cursor: pointer; zoom: 1; /* ie7 */}
#mainContainer 
{
    _height: 1px; /* only IE6 applies CSS properties starting with an underscore */
    clear: both;
    padding: 30px 17px 15px;
    width: 980px; 
    margin-left: auto;
    margin-right: auto;
}
#mainContainer h1
{
    margin:15px 0px 0px 0px;
    float:left;
    width:200px;
}
/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #B81919;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #B81919;
    background-color: white;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #B81919;
}

.validation-summary-valid
{
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, .editor-label
{
    font-weight: bold;
    margin: 0.5em 0 0 0;
    zoom:1; /* ie7 */
}

.display-field, .editor-field
{
    margin:0.5em 0 0 0;

}

.text-box
{
    width: 30em;
}

.text-box.multi-line
{
    height: 6.5em;
}
.notestextarea
{
    width:200px;
    min-height:20px;
    height:30px !important;
}
.tri-state
{
    width: 6em;
}

.dialog-alert .ui-dialog-titlebar
{
    display: none;
}

/*** Application Styles ***/

div#jsnotify { position: absolute; width: 90%; height: 25px; z-index: 5; }
#StatusBar .jnotify-item.ui-state-error { left: 25%; position: fixed; right: auto; top: 0px; width: 600px; z-index: 5; }


#cartScroller
{
    color:White; 
    background: #B81919; 
    padding:5px;
    right:0px;
    background-color: #b81919;
    border: 1px solid White;
    text-align: center;
    position: fixed;
    display:block;
    cursor:pointer;
}

#cartContainer
{
    width: 200px;
    float:right;
    position:relative;
    padding: 3px;
    z-index: 30;
    
}
#expandedCart
{
    position: absolute;
    z-index: 30;
    top: -3px;
    right: -3px;
    padding: 5px 4px 8px 6px;
}


.cart-title{color:#B81919;font-weight:bold;margin-top:5px;}

#cartTable th
{
    white-space: nowrap;
}

td
{
	/*font-family: Arial, Helvetica, Sans-Serif;*/
	font-weight: normal;
	font-size: 1em;
}
.selectfocus, .link, .selectnonfocus
{
	cursor: pointer;
	white-space: nowrap;
}
.supercede-or-upgrade { text-decoration:underline; }
.select
{
	position: absolute;
}
#PartContentContainer
{
    padding: 0;
    min-height: 100px;
    *position:relative;
	*z-index:1;
}
#PartContent
{
    width: 100%;
}
#PartContent .cuc-container:first{ border-top:none; }

#divLookupTable table 
{
  border-style: none;
}

#divLookupTable table td 
{
  padding: 5px;   
  border-style: none;
}
#divLookupTable table th
{
  padding: 6px 5px;
  text-align: left;
}

.cuc-table, .items-table
{
    border: none;
    width: 100%;
    *position:relative;
}

.items-table .ui-widget-header, .items-table td.sub-header
{
    border: none;
}

.cuc-container 
{
    /*border-top: 1px solid black;*/
    position: relative;
}
.cuc-container-bottom-border{
    border-bottom:1px solid black;
}
.cuc-table tr.header th
{
    vertical-align: bottom;
    white-space: nowrap;
}

.cuc-table tr td
{
    vertical-align: top;
    border: none;
}

.items-table tr td
{
    vertical-align: middle;
    border: none;
}

.items-table tr.header, items-table tr.header th
{
    vertical-align: bottom;
    white-space: nowrap;
}

.items-table input.list
{
    width: 50px;
}
.items-table .vendor, .items-table .style
{
    width: 20%;
}
.items-table sub-header { text-indent: 5px; }
.items-table td.indent { text-indent: 10px; }
.cuc-container .more-details { font-size: 0.75em; }

.item-container
{
    padding: 0 10px 10px 10px;
    /* for ie7 animation bug*/
    zoom: 1;
}

.oem-est div
{
    width: 127px;
    height: 50px;
    background-repeat: no-repeat;
    margin: 0 auto 0 auto;
}

.oem-est div.oem-ccc
{
    background-image: url(images/ccc.jpg);
}

.oem-est div.oem-aud
{
    background-image: url(images/aud.jpg);
}

.oem-est div.oem-mit
{
    background-image: url(images/mit.jpg);
}

.oem-est div.oem-all
{
    height: 20px;
}

.cart-buttons
{       
    min-width: 260px;
    padding: 10px;
}

.expanded-cart-table td { white-space: nowrap; }


/*kit options*/
.optional { /*border-top: 2px solid #B81919; border-bottom: 2px solid #B81919;*/ cursor: pointer; }
/*.optional .image-holder, .optional .category { display: inline-block; }*/
.optional .image-holder { float:left; width: 182px; height: 112px; }
.optional .image-holder img {margin-top: 14px; /*vertical-align:middle; margin: 0 auto; border: 1px solid #999; box-shadow: 5px 5px 5px #999; */}
div[data-key="EVAPX"] .image-holder  img {margin-left:42px; }
div[data-key="AC_COND"] .image-holder  img {margin-left:10px;}
.optional .category h2 { margin: 0; }
.optional div { float:left;}
.optional .category { margin-top:22px;}
.optional .category p { font-size: 1em; font-weight: 600; }
#change-info{margin-top:-85px;}
.text-right { text-align: right; }
#billingTitle{ margin-top: 5px; margin-bottom: 10px; }
#req-fields{ float: right; margin-top: -30px; text-align: right; width: 50%; }
.invoiceLink a, #quoteList tr td[title="Retrieve"] a{ color: #B81919 !important; font-size:110%;}
.checkout-container { padding: 5px 0 5px 0; }
.checkout-container div.shipping-information, .checkout-container div.payment-information, .checkout-container div.cart-information, .checkout-container div.insurance-information { zoom: 1;; padding:0 10px; }
.checkout-container div.form-layout { float: left; padding: 15px 0 0 10px; width: 40%;}
#poNotes {padding:0;}
.payment-information fieldset, .shipping-information fieldset{margin:9px 0; padding:0 12px 12px; position: relative; display: block; }
.payment-information #saved-cc-link { position: absolute; right: 1em; font-weight: bold; white-space: nowrap; display:none; }
.checkout-container #poNotesLayout label{display: block; float: left; font-size: 1em; font-weight: bold; height: 16px; margin-bottom: 10px; padding-right: 10px;width:70px;}
.checkout-container div.form-layout br { clear: both; }
.checkout-container div.form-layout label { float: left; display: block; width: 106px; margin-bottom: 10px; height: 16px; font-weight: bold; font-size: 1em;padding-right: 10px; }
.checkout-container div.form-layout label.black { font-size: 1em; }
.checkout-container div.form-layout #floatingContent{padding:5px;}
.checkout-container #applyCoupon{margin-left:5px;}
.checkout-container div.form-layout td {font-family: Verdana,Tahoma,Arial,"Helvetica Neue",Helvetica,Sans-Serif;}
.checkout-container div.form-layout label.error { clear: left; display: inline; width: 350px; text-align: center; padding: 0; color: #B81919; font-size: 1.15em; font-weight: normal; }
.checkout-container div.form-layout input, .checkout-container div.form-layout select, .checkout-container div.form-layout input { float: left; display: block; width: 200px; margin-bottom: 0px; height: 16px; }
.checkout-container div.form-layout span.data { float: left; display: block; margin-bottom: 10px; height: 20px; margin-right: 10px; font-size: 1em; }
/*.checkout-container div.form-layout input, .checkout-container div.form-layout select { border: 1px solid #B81919; }*/
.checkout-container div.form-layout input.company { width: 200px; }
.checkout-container div.form-layout input.error { background-color: rgb(246, 208, 196); }
.checkout-container div.form-layout select.error { background-color: rgb(246, 208, 196); }
.checkout-container div.form-layout .address { width: 200px; }
.checkout-container div.form-layout .city { width: 95px; }
.checkout-container div.form-layout .state { width: 30px; }
.checkout-container div.form-layout .zip {width: 45px; }
.checkout-container div.form-layout .year { width: 55px; }
.checkout-container div.form-layout input.cvv, .checkout-container div.form-layout select.month { width: 40px; }
.checkout-container div.form-layout span.required { color: #B81919; vertical-align: super; font-size: 1.25em; padding: 0 0 0 2px; }
.checkout-container div.form-layout select { height: 20px; width:209px;}
.checkout-container div.clear { clear: both; font-size: 0px; height: 0px; width: 0px; }
.checkout-container span.required-fields { color: #B81919; font-size: 1em; padding: 0 0 0 2px; }

.checkout-container div.cart-information { position: relative; }
.checkout-container div.cart-information div.floating { position: absolute; bottom: 130px; right: 180px; padding: 10px; min-height: 0;}
.checkout-container div.cart-information div.floating label { float: left; display: block; width: 140px; margin-bottom: 10px; height: 16px; font-weight: bold; font-size: 1.15em; text-align: right; padding-right: 10px; }
.checkout-container div.cart-information div.floating input { float: left; display: block; width: 120px; margin-bottom: 10px; height: 16px; margin-right: 10px; }
.checkout-container div.cart-information div.floating br { clear: both; }
.checkout-container div.cart-information div.coupons div { color: #B81919; font-size: 1em; font-weight: bold; text-align: right; }
.checkout-container div.cart-information div.coupon-error { position: absolute; bottom: 180px; right: 180px; width: 300px; padding: 10px; color: #B81919; font-weight: bold; text-align: center; display: none; }
.checkout-container div.cart-information div.coupon-error p { color:#B81919; font-weight: bold; text-align: center; margin-bottom: 10px; }
.checkout-container div.cart-information table.items  { border: none; border-width: 0; border-style: hidden; width: 100%; border-collapse: separate; }
.checkout-container div.cart-information table.items tr.header th { border-bottom: 1px solid black; border-collapse: separate; }
.checkout-container div.cart-information table td, .checkout-container div.cart-information table th { border: none; border-width: thin; border-style: hidden; background-color: transparent; padding: 5px; }
.checkout-container div.cart-information table.totals-table { float: right; }
.checkout-container div.cart-information table.totals-table td { text-align: right; }
.checkout-container div.cart-information div.button-container { float: right; }
.checkout-container div.cart-information div.button-container button { margin-bottom: 5px; width: 120px; }

.checkout-container div#messages { display: none; }
.checkout-container div#messages div.center { width: 500px; margin: 0 auto; line-height: 1.6em; text-align: center; }

.payment-footer { padding-bottom: 10px; }
.AccountPaymentContainer { margin-top: 1em; }
.AccountPaymentContainer .amount, form .button-container { padding-bottom: 10px; }
.AccountPaymentContainer .card-form { padding-left: 26px; margin-top: 10px; position: relative; }
.AccountPaymentContainer .card-form-disabled { position: absolute; width: 100%; height: 100%; filter: alpha(opacity=75); opacity: 0.75; top: 0; left: 0; background-color: #e8e8e8; }
.AccountPaymentContainer div.form-layout { width: 50%; float: left; }
.AccountPaymentContainer div.form-layout label { width: 106px; margin-bottom: 10px; height: 16px; font-weight: bold; font-size: 1em; }
.AccountPaymentContainer div.form-layout.amount { padding-left: 2em; margin-bottom: 1em; }
.AccountPaymentContainer div.form-layout.credit-card label { display: block; float: left; padding-right: 10px; }
.AccountPaymentContainer div.form-layout.credit-card br { clear: both; }
.AccountPaymentContainer div.form-layout.credit-card input[type=text] { float: left; display: block; width: 200px; margin-bottom: 0px; height: 16px; }
.AccountPaymentContainer div.form-layout.credit-card input[type=text].short { width: 85px; }
.AccountPaymentContainer div.form-layout .edit-saved-cc { margin-left: 2em; margin-top: 3em; font-weight: bold; }
#savedccdialog .error { display: block; color: rgb(184, 21, 21); }
#savedccdialog td { vertical-align: top; }
#savedccdialog .cc-info { position: relative; }
#savedccdialog .edit-cc-info { position: absolute; right: 2px; top: 40%; display: block; }
#savedccdialog .ccv { width: 50px; }


#checkout-myaccount {cursor:pointer;text-decoration:underline;}
.coupons a.remove-coupon { font-size: 0.75em; color: #B81919; text-decoration: underline; cursor: pointer; }
.coupons a.remove-coupon:hover { text-decoration: none; }

#extraNotes { position: absolute; bottom: 15px;}
#extraNotes label { width: 140px; }
#extraNotes input { float: right; }
/*#extraNotes textarea {width: 100%; height: 150px; resize: none;}*/
table label{font-weight:bold;}

.confirmation-container .text-right { text-align: right; }

.confirmation-container { padding: 5px 0 5px 0; }
.confirmation-container div.shipping-information, .confirmation-container div.payment-information, .confirmation-container div.cart-information { margin: 10px 0;  padding: 10px; zoom: 1;}
.confirmation-container div.shipping-information, .confirmation-container div.payment-information, .confirmation-container div.cart-information, .confirmation-container div.insurance-information { margin: 10px 0; padding: 10px; }
.confirmation-container div.form-layout { float: left; padding: 10px; width: 40%;}
.confirmation-container div.form-layout br { clear: both; }
.confirmation-container div.form-layout label { float: left; display: block; width: 140px; margin-bottom: 10px; height: 16px; font-weight: bold; font-size: 1.15em; /*text-align: right;*/ padding-right: 10px; }
.confirmation-container div.form-layout label.black { font-size: 1em; font-weight: bold; }
.confirmation-container div.form-layout input, .confirmation-container div.form-layout select, .confirmation-container div.form-layout input { float: left; display: block; width: 120px; margin-bottom: 10px; height: 16px; }
.confirmation-container div.form-layout span.data { float: left; display: block; margin-bottom: 10px; height: 20px; margin-right: 10px; font-size: 1em; }
.confirmation-container div.form-layout input, .confirmation-container div.form-layout select { border: 1px solid #B81919; }
.confirmation-container div.form-layout input.company { width: 200px; }
.confirmation-container div.form-layout .address { width: 180px; }
.confirmation-container div.form-layout .city { width: 85px; }
.confirmation-container div.form-layout .state { width: 30px; }
.confirmation-container div.form-layout .zip, .confirmation-container div.form-layout .year { width: 55px; }
.confirmation-container div.form-layout input.cvv, .confirmation-container div.form-layout select.month { width: 40px; }
.confirmation-container div.form-layout span.required { color: #B81919; vertical-align: super; font-size: 1.25em; padding: 0 0 0 2px; }
.confirmation-container div.form-layout select { height: 20px; }
.confirmation-container div.clear { clear: both; font-size: 0px; height: 0px; width: 0px; }
.confirmation-container span.required-fields { color: #B81919; font-size: 1.25em; padding: 0 0 0 2px; }

.confirmation-container table td label{font-family: Verdana,Tahoma,Arial,"Helvetica Neue",Helvetica,Sans-Serif;}
.confirmation-container div.cart-information { position: relative; }
.confirmation-container div.cart-information div.floating { position: absolute; bottom: 100px; right: 180px; padding: 10px; }
.confirmation-container div.cart-information div.floating label { float: left; display: block; width: 140px; margin-bottom: 10px; height: 16px; color:#B81919; font-weight: bold; font-size: 1.15em; text-align: right; padding-right: 10px; }
.confirmation-container div.cart-information div.floating input { float: left; display: block; width: 120px; margin-bottom: 10px; height: 16px; margin-right: 10px; }
.confirmation-container div.cart-information div.floating br { clear: both; }
.confirmation-container div.cart-information div.coupons div { color: #B81919; font-size: 1em; font-weight: bold; text-align: right; }
.confirmation-container div.cart-information div.coupon-error { position: absolute; bottom: 180px; right: 180px; width: 350px; padding: 10px; color: #B81919; font-weight: bold; text-align: center; display: none; }
.confirmation-container div.cart-information div.coupon-error p { color: #B81919; font-weight: bold; text-align: center; margin-bottom: 10px; }
.confirmation-container div.cart-information table.items  { border: none; border-width: 0; border-style: hidden; width: 100%; border-collapse: separate; }
.confirmation-container div.cart-information table.items tr.header th { border-bottom: 1px solid black; border-collapse: separate; }
.confirmation-container div.cart-information table td, .confirmation-container div.cart-information table th { border: none; border-width: thin; border-style: hidden; background-color: transparent; padding: 5px; }
.confirmation-container div.cart-information table.totals-table { float: right; }
.confirmation-container div.cart-information table.totals-table td { text-align: right; }
.confirmation-container div.cart-information div.button-container { float: right; }
.confirmation-container div.cart-information div.button-container button { margin-bottom: 5px; width: 120px; }
.confirmation-container div#Confirmation div.center { width: 500px; margin: 0 auto; line-height: 1.6em; }


.hose-assembly
{
    list-style-type: none;
    margin: auto;
    padding: 0;
}
.hose-assembly li
{
    float: left;
}
.tools{width:500px;height:30px;position:relative;}
.tools a
{
    position:absolute;
    left:360px;
    top:7px;
    font-weight:bold;
}
.floatl{float:left;}
.floatr{float:right;}
.cursor{cursor:pointer;}
.ui-highlight-color{color:#B81919;}
.ui-form-fixedcolumn{clear:both;}
.ui-form-fixedcolumn div{float:left;width:220px;}
/* does not work with chrome: .ui-form-fixedcolumn input[data-val-required]:after{content: "\0026";} */
.ui-form-fixedcolumn input[id^="Phone"] {width:30px;text-align:center;}

#LogonForm .display-label,#LogonForm .editor-label {color:black;}
#LogonForm fieldset{float:right;}
#normalCheckout, #oosItems, #errorMessage {padding: 10px 0 0 0;}
#normalCheckout { width: 300px;}
#normalCheckoutText {padding: 0 0  10px 0; }
#errorMessage { width: 75%; margin: 10px auto; padding: 5px;}
.couponPadding { padding-right: 5px; }
 /* Adds standard shadow */
.shadow { box-shadow: 0 0 10px #333; }
.darkShadow { box-shadow: 0 0 15px black; }
/* changes cursor to a pointer */
.clickable { cursor:pointer; }


/* toggle class for cuc item on select, different grey to match what shadow color actually looks like */
.cuc-container-select
{
    background-color: White;
    border: none;
    margin: 15px 0;
    border: 1px solid #999; /* border for IE7 */
}
.inline-detail { padding: 0 0 0 10px; zoom:1;}

.order-error { color: Black; margin-top: 10px; zoom: 1; padding: 5px; }

/* format the 2 divs for Registering Insurance Carrier*/
/*registration*/
#registerInfo { width:50%; float:left; }
#registerInfo select, #registerInfo option { width: 204px; }
#registerInfo #staticCustomerID { margin:14px 0 0; }
#registerNote { width:25%; float:right; padding:10px !important; margin-top:17px; margin-right:175px;}
#fieldsetContainer #registerNote p{margin:0;}
#quoteListContainer div, #orderListWrapper div{ border:none; }
#registerDiv table.items {border-collapse: separate; }
#registerDiv div fieldset { margin: 10px 0px; padding:0 16px; }
#registerDiv table.items tr.header th{ border-bottom: 1px solid black; border-collapse: separate; }
#registerDiv table.totals-table { float: right; }

#fieldsetContainer{ margin:10px 0; }
#fieldsetContainer p{ margin:20px 0; }
#fieldsetContainer p.pMarginSet{ margin:12px 0; }
p#diyBenefitsMargin{ margin:0 0; }
.logOnInfoContainer{ margin:10px 0 0; padding:1px 10px 15px; /*border:1px solid black; */}

#KitHeader fieldset { margin:5px 0 0; }
#KitHeader fieldset legend { font-family: Arial,Helvetica,sans-serif; font-size:13pt; }
#KitHeader .content { margin:8px 0 0 20px; }
.kit-container { background-color: #fff; border: 1px solid #bbb; margin-top: 2em; padding: 1em;}
.kit-container table td { vertical-align: top; }
.kit-container td.label { font-weight: bold; }
.kit-container .content { margin: 0 !important; }
.kit-container .kit-content .content { margin: 10px 0 0 0 !important; }
.kit-container .kit-content .card-container { margin: 0; zoom: 1; }
.kit-container .kit-content .card-container .title { margin-top: .8em; margin-bottom: .8em; zoom: 1; }

/* Matute*/
.card-container { background-color: White; margin: 15px 0; padding: 2px 10px; border: 1px solid #bbb;}
.card-container .left-column { float: left; width: 63%; }
.card-container .description { float: left; margin: 26px 0 26px 57px; }
.card-container .description ul li{ *display: list-item; }
.card-container .full-kit-description  { width:250px;float:right;margin: -23px 0 0 57px; }
.card-container #basickitimagedesc{background-image: url("images/basickit_sample.png");background-repeat:no-repeat;width:438px;margin:0 0 15px 15px;height:170px;}
.card-container #basickitimagedesc .description{float:right;margin:0px 0px 0px 57px;}
.card-container #fullkitimagedesc{width:520px;margin:0 0 15px 20px;height: 173px;}
.card-container .AcKit {background-image: url("images/fullkit_sample.png");background-repeat:no-repeat;}
.card-container .RadKit {background-image: url("images/fullradkit_sample.png");background-repeat:no-repeat;}
.card-container .right-column  { float: right; width: 37%; }
.card-container .option  { margin: 0 0 14px; }
.card-container .availability  { margin: 14px 0 0; }
.bold { font-weight: bold !important; }
.acbutton { width: 120px; }
.cuc-container .more-details { vertical-align:middle }
.cuc-table .cucbutton.red-button { vertical-align: middle; }
.cucbutton.red-button button{ width:100%;  }
.footerDiv { background-color:#5e5e5e; color:white; font-size:1.5em; margin: 0 0px; padding: 10px 0;}

#tabs .ui-widget-header { background:none repeat scroll 0 0 transparent; border:none; padding:0; }
#tabs .ui-widget-header li{ border:1px solid black; background-color:White; margin:0 4px 0 0; }
#tabs.ui-widget-content { border:none; }
#tabs.ui-widget-content .ui-tabs-panel
{ 
    border:1px solid black;
    -moz-border-radius-topright: 6px; 
    -webkit-border-top-right-radius: 6px; 
    -khtml-border-top-right-radius: 6px;
    padding: 15px 15px;
    box-shadow: 0 0 10px #333;
}

#quicklinks h2
{
    margin: 5px 0;
    padding: 5px 0;
}
		
.sidebarmenu 
{
    left: 0px !important;
    *z-index:2;
    zoom: 1; 
    clear: both;
}

.hide
{
    display:none;
}
.show 
{
	display:block;
	
}
.lookup-table {
    border:none;
    *margin:10px 0 0 0;
    position: relative;
	*z-index:3;
}

.lookup-table .vin-search { position: absolute; right: 0px; top: 5px; }

fieldset#lookup 
{
    padding:10px 15px 0;
    margin:5px 0 0 0;
    border: 1px solid black;
    /*min-height:240px;*/
    *display:block; 
    *zoom: 1;
    *width:938px;
}
fieldset#lookup legend span, fieldset#lookup legend
{
    color:Black !important
}  
.kitOptionDiv, #NoKitContent {
	padding:10px;
	margin: 15px 0;
	background: none;
	background-color:White;
}

.kitOptionDiv table
{
    -moz-border-radius-topleft: 6px; 
    -webkit-border-top-left-radius: 6px; 
    -khtml-border-top-left-radius: 6px;
}
.kitOptionDiv .cuc-container.shadow 
{
    box-shadow:none !important;
    border: none !important;	
}
.kitOptionDiv .cuc-container 
{
    border-bottom: none !important;	
}
/*for previous orders and saved carts*/
#quoteList tr.ui-subgrid td.subgrid-cell{ border-left: 1px black solid; }
/*#quoteList td:first-child, #orderList td:first-child{ border-left: 1px black solid }*/
#orderList { table-layout: auto; }
.subgrid-data .ui-jqgrid-bdiv tr{ border-left: 1px black solid }
.subgrid-data .ui-jqgrid-sdiv .footrow { border:1px solid transparent; border-top:none !important; }
.items-table tr.ui-widget-header{ background:none; }

/* modifications to jqgrid from current jquery styling */
.ui-jqgrid .ui-widget .ui-widget-content td{background-color: white; background: white; font-weight:bold;}
.ui-jqgrid tr.footrow-ltr td, .ui-jqgrid tr.footrow-ltr, .ui-jqgrid tr.footrow td{/*border: none; border-left:1px solid transparent*/}
#gbox_orderList, .ui-jqgrid tr.jqgrow, td.subgrid-data, td.subgrid-cell, div.ui-jqgrid{border-color:Black;}/*, .ui-jqgrid tr.footrow-ltr*/
/*td.subgrid-cell tr.footrow td:last-child{border:1px solid black}*/
/*.ui-subgrid .ui-jqgrid {box-shadow: 0 0 10px #333;}*/
td.subgrid-data{padding:5px !important;}
.ui-jqgrid .ui-subgrid table { table-layout: auto !important; }
.ui-subgrid .ui-jqgrid-sdiv, .ui-subgrid .ui-jqgrid-sdiv {display:none !important;}
.ui-subgrid-state-highlight{
    background: url("images/ui-bg_flat_50_efe9c7_40x100.png") repeat-x scroll 50% 50% #EFE9C7;
    border: 1px solid black;
    color: black;
}


#PartContent table.ui-widget-header
{
    background: url("images/ui-bg_flat_50_a1a1a1_40x100.png") repeat-x scroll 50% 50% #a1a1a1;
	color:black;
}
/*#PartContent table.ui-widget-header .header th
{
	text-align:center;
}*/



/*Michael's side margin addition; for larger than 15 pxls*/
.side-pillows { margin-left: 32px; margin-right: 32px; }
.pillowl { margin-right: 32px; }

/*Michael's line height edits for MyAccount pages*/
.height-fix-alpha { line-height: 26px; }
.height-fix-beta { line-height: 1.4em; }

/*Michael's input box edits for fields not needing 200pxls*/
.phone-input-box input[type="text"], .phone-input-box input[name*="Ext"] { margin-left: auto; margin-right: auto; width: 34px;}
.phone-input-box input[name*="Ext"] { width: 76px;}
.zip-input-box input[type="text"] { width: 75px;}
.state-input-box input[type="text"] { width: 32px;}

/* Work In Progress - Michael
#logon-focus input {autofocus;}*/

/* for Admin pages */
#gbox_userlist,  #gbox_rolelist, #gbox_tempuserlist{ border:1px transparent solid; }
#userlist, #rolelist, #tempuserlist{ table-layout:inherit; }
.ui-jqgrid .admingrid tr{color:Black; }
.ui-jqgrid .admingrid tr.ui-priority-secondary{opacity:1.0;background:none;background-color:White;}
.ui-jqgrid .admingrid tr.ui-priority-secondary.ui-state-hover{opacity:1.0;background: #a1a1a1 url(images/ui-bg_flat_50_a1a1a1_40x100.png) 50% 50% repeat-x; font-weight: bold; color: #2e2e2e; }
.ui-jqgrid .admingrid tr.ui-priority-secondary.ui-state-highlight{ background: #efe9c7 url(images/ui-bg_flat_50_efe9c7_40x100.png) 50% 50% repeat-x; color: #2e2e2e; }


#main .ui-tabs{margin-top:10px;}

.contactusinfo{margin-left: auto; margin-right: auto;margin-top:30px;margin-bottom:30px; font-size: 14px;width:250px;}
.contactusmsg{margin: 10px;}

/*----------------- landing page ------------------*/
ul#services li{float:left;list-style:none;}
ul#services li a {
    background-color: #393939;
    color: white;
    display: block;
    float: left;
    height: auto;
    margin: 0;
    min-height: 200px;
    padding: 10px;
    text-decoration: none;
    width: 190px;
}
ul#services li a span {
    display: block;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 10px;
    padding-left: 25px;
    text-align: center;
}
ul#services {
    list-style: none outside none;
}
#logonfields
{
    margin: 50px 0px 20px 20px; 
    padding:15px;
    *padding-bottom: 50px;
}

#availableItems table.cuc-table {margin-left:10px; }

/*----------------- landing page ------------------*/
/*-------------------  Slide show for landing page ----------------------*/


table#player{ margin-left:25px;}
table#player td.pause.paused {
    background-color: #B23B44;
    border: 1px solid white;
}
table#player td.pause.unpaused {
    border: medium none;
}

table#player td.pause {
    padding: 3px;
    width: 13px;
}
table#player td img {
    border: medium none;
}
#hero img {
    display: block;
    margin: 0px auto;
}
table#player td#slideButtons {
    height: auto;
    width: auto;
}
table#player td {
    font-size: 10px;
    height: 16px;
    width: 24px;
}
table#player td.active {
    background: url("images/active_box.png") no-repeat scroll center center transparent;
    text-align: center;
}
table#player td.inactive {
    background: url("images/inactive_box.png") no-repeat scroll center center transparent;
    color: black;
    font-weight: bold;
    text-align: center;
}
div#dynamic_tab_1 {
    background-image: url("images/dynamic_tab_1.jpg");
}
div#dynamic_tab_2 {
    background-image: url("images/dynamic_tab_2.jpg");
}
div#dynamic_tab_3 {
    background-image: url("images/dynamic_tab_3.jpg");
}
div#dynamic_tab_4 {
    background-image: url("images/dynamic_tab_4.jpg");
}
/*Causes issues on the landing page - -  Michael*/
/*div#hero{margin: 10px 0px 10px 80px;}*/
div#dynamic_tab 
{
    margin:10px;
    height: 300px;
    position: relative;
    width: 630px;
}
div#dynamic_tab_4 a {
    cursor: pointer;
    font-size: 15px;
    left: 360px;
    position: absolute;
    text-decoration: underline;
    top: 210px;
}
#dynamic_tab div {
    height: 250px;
    margin: 0 auto;
    position: relative;
    width: 594px;
}
#dynamic_tab div div {
    height: 250px;
    margin-top: 5px;
    position: absolute;
    width: 594px;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    overflow: auto;
    visibility: hidden;
}
.largebox {
    background-color: #e8e8e8;
    box-shadow: 0 0px 10px #333;
    margin: 10px 10px;
}
.largebox .content, .largebox-noborder .content {
    padding: 10px;
}
.largebox-noborder {
    background-color: #e8e8e8;
    margin: 10px 10px;
}
.slideshow{background-color:#282624;}
.ie7shadowborder{border: 1px solid #999;}

/*-------------------  end Slide show for landing page ----------------------*/

.shopforparts {font-size: 1.5em; font-weight: bold; margin-bottom: 3px;}
.shopforpartsimg {background: url('images/arrows-ffffff.png') 11px 2px; border: 0px !important; height: 15px; margin-top: 5px; margin-left: 3px; width: 12px;}
#shopforpartsbtn {margin: 20px 0px 0px 36px;} /*margin: 100px 15px 30px 20px;*/
.notification, .notification a
{
    clear: both;
    padding: 3px;
    padding-top: 10px;
    color: Yellow;
}

/*#NoKitContent {
    /* Place holder for when a situation comes up where this DIV even shows
} */

.has-tooltip[data-hastooltip="True"] { cursor: help; }

a.redirectlink:hover
{
    color: #B81919;
}

.image-disclaimer { font-style: italic; margin-left: auto; margin-right: auto; width: 70%; text-align: center; margin-top: 10px; }
.image-cell { width: 29px; }
.image-cell img { width: 25px; height: 19px; cursor: pointer; }
.popup-image-container { width: 100%; height: 100%; }
.popup-image-container img { margin-right: auto; margin-left: auto; display: block; }


.expandable-item .main-item { width: 95%; height: 36px; padding: 3px; position: relative; margin-left: auto; margin-right: auto; margin-bottom: 10px; }
.expandable-item .main-item div { display: inline-block; }
.expandable-item .main-item .full-description,
.expandable-item .main-item .list,
.expandable-item .main-item .price { top: 38%; position: absolute; }
.expandable-item .main-item .full-description { left: 10px; }
.expandable-item .main-item .list { right: 161px; }
.expandable-item .main-item .price { right: 71px; }
.expandable-item .action-forward .ui-button { padding: 0; }
.expandable-item .main-item .action-forward { right: 3px; position: absolute; top: 3px; }

.expandable-item .card-container { width: 95%; position: relative; margin: 0px auto 10px auto; padding: 3px; }
.expandable-item .card-container .title { padding: 0px; margin-left: 0px; font-size: 1.2em; }
.expandable-item .left-column-image { float: left; width: 33%; padding-left: 10px; }
.expandable-item .left-column-image .fifty-percent { width: 138px; height: 86px; }
.expandable-item .left-column { width: 35%; }
.expandable-item .kit-fitnote { margin-top: 15px; } 
.expandable-item .availability { margin-left: 137px; margin-top: 90px; font-style: italic; }
.expandable-item .left-column ul { margin-top: 10px; list-style-type: none; padding-left: 0px; font-weight: bold; }
.expandable-item .right-column { width: 30%; position: relative; }
.expandable-item .right-column div { position: absolute; }
.expandable-item .right-column .list { left: 10px; width: 88px; top: 8px; }
.expandable-item .right-column .price { left: 103px; width: 88px; top: 8px; }
.expandable-item .right-column .action-forward,
.expandable-item .right-column .action-disabled {  right: 0px; }
.expandable-item .right-column .acbutton {  width: auto; }


/***************** CucAtt Lookup Styles ***********/
.cucattl-button { width: 205px; margin-top: 5px; margin-bottom: 5px }
.cucattl-button .ui-button-text { padding: 0.2em; }
.cucattl-drop { width: 250px; margin-top: 5px; margin-bottom: 5px; margin-right: 20px; padding: 2px }
.cucattl-droplabel { font-weight: bold; padding-right: 5px }
.cucattl-matchlabel { font-weight: bold }
/*
    ########################## > NEWLY ADDED STLYE < ##########################
*/

/* BxSlider */
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
	position: relative;
	margin: 0 auto 0px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/
.bx-wrapper .bx-viewport {
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border:  5px solid #fff;
	left: -5px;
	
    border-color: #272622;
    background: #272622;
    height:280px !important;
    border-radius:5px;

	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 75%;
}

/* PAGER */
.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
.bx-wrapper .bx-pager.bx-custom-pager a {
	background: #fff;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-custom-pager a:hover,
.bx-wrapper .bx-pager.bx-custom-pager a.active {
	background: #fd0000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
	left: 10px;
	background: url(images/arrow_left.png)  ;
}
.bx-wrapper .bx-next {
	right: 10px;
	background: url(images/arrow_right.png)  ;
} 
.bx-wrapper .bx-next:hover  {
	
}

.bx-wrapper  .bx-prev:focus {
	background-position: 0 0; 
	border: 5 ;
	border-style:solid;
	border-color: Yellow;
}
.bx-wrapper   .bx-next:focus {
	background-position: -43px 0;
	border: 5 ;
	border-style:solid;
	border-color: Yellow;
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}





.bx-controls-direction:focus{ border-left-color:Yellow; border-right-color:Yellow; }



.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
	text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	/*text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/play-button-white.png);
	margin: 0 -20px;*/
	margin: -5px 47px 2px 0px;
} 
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;

	margin: -5px 47px 2px 0px; 
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px; 
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    width: 100%;
    text-align: center;
    bottom: 3px;
    float: left; 
}

.bx-pager-link:focus, .bx-start:focus,  .bx-stop:focus	{
    border: 5 ;
	border-style:solid;
	border-color: Yellow;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0px;
/* background-position: -86px -33px; */
top: 275px;
z-index: 1;
float: right;
}

bx-slider{ list-style: none;}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}
.bxslider {
    padding:0;
    margin-top: 15px;
}
.slider-box {
    width:630px;float:left;margin-left:15px; margin-top: 10px;
}
.skiptocontent a
{
	position: absolute;
	left: -1000px;
	z-index: 2;
	margin: 0;
	padding: .5em;
	background: #fff;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
}
	
.skiptocontent a:active, .skiptocontent a:focus, .skiptocontent a:hover
{
	display: inline;
	top: 0;
	left: 0;
	left: -.1rem;
    height: auto;
    outline: 2px auto rgb(77, 144, 254) !important;
    overflow: visible;
    top: -.2rem;
    width: auto;
    z-index: 200;
}

#MainHeaderLogo:focus 
{
    border: 5 ;
	border-style:solid;
	border-color: Yellow;
}


.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

.pointclickabsolute 
{
    position: absolute;
    }
    

.applicationdiagram-header th
{
    font-weight: bold;
}

#ApplicationDiagram 
{
    /*background-color: #c2b8b9;*/
}

.ui-dialog .ui-dialog-titlebar
{
    background: none repeat scroll 0 0 #000;
    color: white;
    font-size: 1.2em;
    font-style: italic;
    font-weight: bold;
    height: 22px;
    padding: 7px 0 0 15px;
    border:0px solid black;
    
	-webkit-border-bottom-left-radius: 0 !important;
	-khtml-border-radius-bottomleft: 0 !important;	
	-moz-border-radius-bottomleft: 0 !important;
	border-bottom-left-radius: 0 !important;
    
	-webkit-border-bottom-right-radius: 0 !important;
	-khtml-border-radius-bottomright: 0 !important;	
	-moz-border-radius-bottomright: 0 !important;
	border-bottom-right-radius: 0 !important;
	margin-bottom: 2px !important;

}
.ui-dialog
{
    padding: 2px 2px 5px !important;
    border: 0px solid black !important;
    background:#ffffff !important;
    background-color:#ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
	box-shadow: 0px 0px 15px black;    
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-state-hover{
    background:none transparent;
    border:1px solid #ffffff;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-state-hover .ui-icon-closethick{
    background-image: url("themes/soft/images/ui-icons_ffffff_256x240.png");
}
.ui-dialog .ui-dialog-title { margin: 0; }
.ui-accordion .ui-accordion-content
{ 
    height:auto!important; 
}


/***************** Multi-Directional Lookup Styles ***********/
.mdl-dialog.ui-dialog { padding-right: 2px; }
.mdl-button { width: 205px; margin-top: 5px; }
.mdl-button .ui-button-text { padding: 0.2em; }
.mdl-content { padding-right: 0 !important; padding-left: 20px !important; }
.mdl-content .search-trigger, .mdl-content .clear-mdl { position: relative; top: 4px; *top: 0; display: inline-block; margin-right: 1px; zoom: 1 }
.mdl-content input { margin-top: 20px; width: 150px; }
.mdl-error { margin-right: 43px; padding: 5px; margin-top: 5px; }
.mdl-btn-container { display: block; height: 35px; padding-top: 5px; padding-right: 40px; text-align: right; }
.mdl-content .close { top: 5px; right: 5px; zoom: 1; }

.ui-widget-header{background:url("themes/flat/images/ui-bg_flat_50_000000_40x100.png") repeat-x scroll 50% 50% #000000;}    


.filter-block { margin-top: 5px; }
.filter-block .ui-button { width: auto; margin-top: 2px; margin-bottom: 2px; }
.filter-block .ui-button span.ui-button-text { padding: 0 2.05em 0 .35em; }
.filter-block .ui-button span.ui-button-icon-secondary { right: .1em; }

.filterButton .fitmentfilterButton   button
{
	background-color: #000;
} 
.fitment-notes .f6-note { color: #000; text-decoration: underline; cursor: pointer; }
.fitment-notes .f6-note:hover { text-decoration: none; }
.fitment-notes .ui-button { width: auto; margin-top: 2px; margin-bottom: 2px; }
.fitment-notes .ui-button.ui-state-default, .filter-block .ui-button.ui-state-default { background-color: #333333; !important}
.fitment-notes .ui-button.ui-state-hover, .filter-block .ui-button.ui-state-hover { background-color: #a1a1a1; }
.fitment-notes .ui-button span { padding: 0 2px 0 2px; }
.fitment-notes .ui-widget-content {color: #2e2e2e;}

.img-button {
    cursor: pointer;
    width: 16px;
    height: 16px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -khtml-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;    
    border-bottom-right-radius: 4px;
    border-top-right-radius:4px;
    border-top-left-radius: 4px;
}

/* Corner radius - Overrides! */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }


.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -khtml-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.fitmentnote-tr-underline {
    border-bottom: solid 1px #e0e0e0;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #5c5c5c;
    background: #5e5e5e 50% 50% repeat-x;
    font-weight: bold;
    color: #e8e8e8;
}


.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid black;
    background: #e8e8e8 url(images/ui-bg_flat_50_e8e8e8_40x100.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #b81919;
}

.card-container .ExhaustKit {background-image: url("images/fullexhaustkit_samplewm.png");background-repeat:no-repeat; background-position: 10px 15px;}

.container-available {
    position:relative;
    height:120px;
}
.textcontainer-available {
    position:absolute;
    bottom:0px;
    right: 9px;
}

.optional .categoryneo { margin-left:40px;}

[role*="dialog"] {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}