body
{
    margin: 0 0 0 0;
    padding: 0 0 10px 0;
    background-color: #fff;
    font-family: Tahoma, Verdana, sans-serif;
    width: 100%;
    background-image: url(/images/clients/hwrap1/body_bgcolor.gif);
    overflow: auto;
}
table
{
    font-size: 1em !important;
    font-family: Tahoma, Verdana, sans-serif;
    border: none;
}
table input
{
    font-size: 1em;
}
table select
{
    font-size: 1em;
}

form
{
    margin: 0;
    padding: 0;
}
img
{
    border: none;
}
a:active, a:link, a:visited
{
    color: #112837;
    text-decoration: underline;
}
a:hover
{
    color: #4776BD;
}
fieldset, form
{
    border: none;
    margin: 0;
    padding: 0;
}
h3
{
    margin: 1em 0 0.5em 0;
    padding-top: 1em;
    color: #6B6F83;
    font-size: 1.25em;
    text-align: left;
    border-bottom: solid 2px #4776BD;
}
/* Hides from IE-mac \*/
* html .clear, * html .floatform
{
    height: 1%;
}
.clear, .floatform
{
    display: block;
}
/* End hide from IE-mac */

ul.tame, ul.tame li
{
    margin: 0;
    padding: 0;
    display: list-item;
    list-style: none;
}
ul.tame li
{
    line-height: 1.25em;
}
.tameHoriz, ul.tameHoriz li
{
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1em;
}
ul.tameHoriz li
{
    display: inline;
    font-size: 1em;
}
br.cl
{
    clear: both;
}


/*PAGE SETUP*/
#userName
{
}
#loginText
{
    margin-left: 1em;
}
textarea#OrderNotes
{
    width: 99% !important;
}

#wrapper
{
    background-color: #F2F2F2;
    margin: 0px;
    width: 100%;
}
#header
{
    width: 100%;
    background-color: #000;
    border-bottom-width: thick;
    border-bottom-style: solid;
    border-bottom-color: #CCC;
    background-image: url(/upload/homepage/header_back.jpg);
    background-repeat: repeat-x;
    background-position: left 5px;
    margin: 0px;
}
#headerWrap
{
    margin: 0px auto 0px auto;
    width: 1000px;
    height: 121px;
}
#top_nav {
    float: right;
    width: 635px;
    padding: 0px;
    margin: 0px;
    position: relative;
}
#top_nav_item{
    float: left;
    display: inline;
    margin: -4px 0px 0px 0px;
    padding: 0px 5px 0px 0px;
    position: relative;
}
#navigation {
    padding: 0px;
    margin: 0px 0px 0px 15px;
    z-index: 1000;
    position: relative;
}
.dorman_logo {
    position: relative;
    top: -10px;
    margin: 0px;
    padding: 0px;
	float:left;
}

.language {display:block; padding-top:10px; margin-left:5px; color:#CCC; font-size:11px; width:200px; float:left;}
.language a {color:#CCC; margin-left:5px; margin-right:5px;font-size:14px; }
.language a:hover {color:#FFF;font-size:14px; }
.language-select {border-bottom:#FFF solid 2px; color:#FFF!important; font-weight:bold; text-decoration:none!important;font-size:14px; }

#smoothmenu1 {
    padding: 0px;
    width: 695px;
    float: right;
    position: relative;
    bottom: -7px;
    margin: 32px 0px 0px 0px;
}
#bodyWrapper
{
    padding: 0;
    margin: 0px auto 0px auto;
    height: auto;
    width: 1000px;
}

#leftWrap
{
    width: 222px;
    float: left;
    clear: both;
}

#content
{
    margin: 0 0 10px 2px;
    width: 100%; /** Changed from 504 to 510 - JVP **/
    height: auto;
    background-color: #fff;
    float: left;
}
#footer
{
    clear: both;
    margin: 0px;
    padding: 0px;
    width: 100%;
    background-image: url(/upload/homepage/dorman_footer.jpg);
    background-position: center top;
    background-repeat: repeat-x;
}
#breadcrumb
{
    float: left;
    color: #444;
}
#miniCart
{
    float: right;
}
#ML
{
    width: 650px;
    font-size: 0.85em;
}
#ML, #ML div
{
    float: right;
    vertical-align: middle;
}
#ML div select
{
    font-size: 0.88em;
    margin: 2px 0.5em 4px 0;
    vertical-align: middle;
}

#breadcrumb, #minicart, #ML
{
    height: 2em;
    line-height: 1.5em;
    color: #444;
}
#breadcrumb a, #miniCart a
{
    color: #4776BD;
}
input.submit
{
    border: 1px double #999;
    border-top-color: #ccc;
    border-left-color: #ccc;
    padding: 0.1em;
    margin: 0;
    background-color: #fff;
    background-image: url(images/background-form-element.png);
    color: #333;
    font-size: 1em;
    font-weight: bold;
    font-family: Tahoma,Verdana,Helvetica,Arial,sans-serif;
}
input.submit:active
{
    border: 1px double #ccc;
    border-top-color: #999;
    border-left-color: #999;
}


/*HEADER ELEMENTS*/


#logo
{
    float: left;
    width: 210px;
    height: 34px;
    background: url(images/logo.gif) no-repeat center center;
    margin-right: 10px;
    display: block;
}

#logo b
{
    display: none;
}


a.wishlist
{
    background: url(images/icons/wishlist.gif) no-repeat left bottom;
}
a.cart
{
    background: url(images/icons/cart.gif) no-repeat left bottom;
}
a.account
{
    background: url(images/icons/your-account.gif) no-repeat left bottom;
}
a.faq
{
    background: url(images/icons/faq.gif) no-repeat left bottom;
}
a.contact
{
    background: url(images/icons/contact-us.gif) no-repeat left bottom;
}
a.wishlist, a.cart, a.faq, a.contact, a.account
{
    padding: 3px 15px 3px 20px;
    position: relative;
}
#header u
{
    color: #000;
    text-decoration: none;
}
#login
{
    margin: 0;
    padding: 0;
    float: right;
    font-size: 0.8em;
    padding-right: 15px;
}

/* HEADER HORIZ NAV*/

#horizNav
{
    text-align: left;
    width: 760px;
    margin: 0;
    clear: left;
    line-height: 35px;
    height: 35px;
    background: #699EDC url(images/nav-bg.gif) repeat;
    border-top: solid 1px #888;
    border-bottom: solid 1px #888;
    position: relative;
    z-index: 1;
}
#horizNav a:active, #horizNav a:link, #horizNav a:visited
{
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.1em;
    font-family: Tahoma,Verdana,sans-serif;
}

#nav
{
    margin: 0;
    padding: 0;
    height: 35px;
    list-style: none;
    white-space: nowrap;
}
#nav a
{
    margin: 0;
    padding: 0.9em 15px;
    background: url(images/tab-sep.gif) no-repeat center left;
}
#nav a:hover, #nav #firstTab a:hover
{
    background: url(images/nav-bg-hover.gif) repeat-x center right;
}

#nav li
{
    float: left;
    position: relative;
    margin: 0;
    background: #4776BD url(images/nav-bg.gif) center left repeat;
}

#nav ul
{
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: solid 1px transparent;
    text-align: left;
}
#nav li ul
{
    width: 10em;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 100;
    color: #4776BD;
}
#nav li li
{
    font-size: 0.8em;
    line-height: 2em;
    margin: 0;
    background: #F8F8F8 none;
    width: 100%;
    border-bottom: solid 1px #CECECE;
}
#nav li li a
{
    display: block;
    margin: 0;
    background: none;
    padding: 0 1em;
    color: #4776BD !important;
}
#nav li li a:hover, #nav li li:hover
{
    background: #DCDFE2 none !important;
}
#nav li > ul
{
    top: auto;
    left: auto;
}
#nav li:hover ul, #nav li.over ul
{
    display: block;
}
#nav #firstTab
{
    background-image: none !important;
    margin: 0;
}
/* HORIZ NAV SUB */

#horizNav2
{
    clear: both;
    background: #EFEEEE url(images/sub-nav-fade.gif) repeat-x left center;
    width: 760px;
    height: 3em;
    line-height: 3em;
    color: #444;
    padding: 0;
    margin-top: 0px;
    border-bottom: solid 1px #F0EFEF;
}
#horizNav2 a:active, #horizNav2 a:link, #horizNav2 a:visited
{
    color: #444;
    text-decoration: underline;
}
#horizNav2 a:hover
{
    color: #444;
}
#horizNav2 span
{
    color: #444;
    font-weight: bold;
    font-size: 1.2em;
}
#horizNav2 form label
{
    color: #444;
}
#horizNav2 form
{
    float: left;
    padding: 0 2em 0 1em;
    width: auto;
}
#horizNav2 fieldset
{
    width: 210px;
}

#horizNav2 ul
{
    float: left;
    padding: 0 1em;
}
.pipe
{
    padding: 0 1em;
    font-size: 0.9em;
    font-weight: normal;
}
img.liveHelp
{
    float: right;
    padding: 0 1em;
    vertical-align: middle;
    margin-top: 4px;
}

.searchBox
{
    height: 1.5em;
    width: 13em;
    border: 1px solid #A7A6AA; /*  margin-top: 0.7em;*/
}




/* LEFT NAV */

.leftNav
{
    /*  border: 1px solid #ddd;*/ /*  border-top: 1px solid #F0EFEF;*/
    padding: 5px;
    margin-bottom: 5px; /* background: #D7D4CD url(images/left-nav-bg.gif) repeat top center;*/
}
.navHeader
{
    background: url(images/nav-header-bg.gif) no-repeat left bottom;
    width: 190px;
    height: 22px;
    line-height: 22px;
    padding-left: 5px;
    color: #4776BD;
    font-weight: bold;
}
.catMark
{
    font-size: 0.8em;
    font-weight: bold;
    color: #aaa;
    letter-spacing: -2px;
}

/* FOOTER ELEMENTS */

#footer ul li {
    display: inline;
    list-style-image: none;
    list-style-type: none;
    padding: 5px;
}

#footer ul li a {
    color: #FFF;
}

#footer ul li a:hover {
    color: #42B8FF;
}

#footerWrap
{
    margin: 0px auto 0px auto;
    width: 1000px;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #FFF;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}
.footerList
{
    text-align: left;
    width: 24%;
    height: 100%;
    display: inline;
    float: left;
    border-right: 1px dashed #ddd;
}
.topList li
{
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 0.5em 0;
    list-style: none;
}

/* CLOSER */
#closer
{
    font-size: 0.7em;
    color: #444;
    margin: 1em 0;
}
#closer a
{
    color: #444;
}


/* PRODUCT PAGE */
#productTopBox
{
    text-align: right;
    padding: 1.5em 10px 10px 10px;
}
h2
{
    margin: 0;
    font-size: 1.4em;
    text-align: left;
    border-bottom: solid 2px #4776BD;
}

#sku
{
    display: block;
}
#price
{
    font-weight: bold;
    font-size: 1.5em;
    display: block;
}
.SalePrice
{
    color: #cc0000 !important;
}
#description, #quoteBox, #otherinfo
{
    margin: 10px;
}
.prodHeader
{
    width: 99.5%;
    height: 1.2em;
    color: #6B6F83;
    clear: both;
    font-weight: bold;
    font-size: 1.2em;
    padding: 3px 5px;
    border-bottom: solid 2px #4776BD;
}
#quoteBox input, #quoteBox select
{
    font-size: 1em;
    display: block;
    margin: 5px 0;
}
#mainImg
{
    margin: 0 10px 10px 0;
    float: left;
}
.AddToCartButton, .AddToWishButton, #Quantity
{
    font-size: 1em;
}
.addToForm
{
    margin-top: 1em;
}
#shipQuoteLabels
{
    width: 10em;
    height: auto;
    float: left;
    font-weight: bold;
    text-align: right;
    padding-right: 10px;
}
#shipQuoteLabels label
{
    display: block;
    line-height: 2em;
}
#ShipQuote, #yourQuote
{
    font-weight: bold;
    line-height: 2em;
}
#shipQuoteWrapper
{
    height: auto;
    float: left;
}
#navArrows
{
    float: right;
}

/* ENTITY LANDING PAGE */

.topFeature
{
    float: left;
    width: 24.8%;
    height: auto;
    text-align: left;
}

.topFeatureP
{
    margin: 0;
    padding: 0.5em;
    text-align: left;
}
.topFeature p
{
    margin: 0;
    text-align: left;
}
.topFeatureP img
{
    margin-bottom: 0.5em;
}
.topPrice, .topName
{
    font-weight: bold;
    text-align: left;
}

#entitySep
{
    clear: both;
    margin-top: 1em;
}
.btmP
{
    clear: left;
    border-bottom: 1px solid #C6C3BA;
    float: left;
    width: 683px;
    margin: 0.5em 0;
    padding: 0.5em;
}
.btmP img
{
    float: left;
    margin-right: 1em;
}
.btmP span
{
    display: block;
}
.btmName, .btmPrice, .btmSalePrice
{
    font-size: 1.1em;
    font-weight: bold;
}
.btmDescription, .topDescription
{
    display: block;
    padding-bottom: 1em !important;
}
.btmPrice
{
}
.btmSalePrice
{
    color: #cc0000;
}
.btmInStock, .btmOutStock, .topInStock, .topOutStock
{
    display: inline !important;
    font-weight: bold;
    color: #4776BD;
}
.btmOutStock, .topOutStock
{
    color: #aaa;
}
#entityPageHeader p
{
    margin-top: 0;
}
#entityPageHeader img
{
    margin: 0 1em 0.5em 0;
    float: right;
}

.entityCategory
{
    margin: 0 0 1em 0;
    font-size: 1.1em;
}

/* OTHER SELECTORS */
.MediumCell, .LightCell
{
    border: none;
}

.error
{
    font-size: 1.25em;
    font-weight: bold;
    color: #ff0000;
    line-height: 35px;
}

.errorLg
{
    color: Red;
    font-size: 12px;
    font-weight: bold;
}

.SBProdName
{
    font-size: .7em;
}
.SBCatName
{
    font-size: .8em;
    font-weight: bold;
}

.PBCartFull
{
    font-size: .7em;
    color: Blue;
    font-weight: bold;
}



/* COMPONENT ART HORIZONTAL MENU */

.TopMenuGroup
{
    border: solid 0px #000;
    background-color: transparent;
    line-height: 35px;
}

.MenuGroup
{
    border: solid 0px #000;
    color: #000000;
    font-size: 0.8em !important;
    margin: 0;
    background: #F8F8F8 none;
}

.MenuGroup td, .MenuGroupHover td, .MenuItemHover td, td.MenuItemHover
{
    color: #4776BD;
}

.TopMenuItem, .TopMenuItemHover
{
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    cursor: hand;
    cursor: pointer;
    margin: 0;
    padding: 0 1em !important;
    line-height: 35px;
    vertical-align: middle;
    background: url(images/tab-sep.gif) no-repeat top left;
}
.TopMenuItem
{
    background: url(images/tab-sep.gif) no-repeat top left;
}


/*leaf menu items*/
.MenuItem, .MenuItemHover, .MenuItem td, .MenuItemHover td
{
    color: #4776BD;
    border: solid 0px white;
    cursor: hand;
    cursor: pointer;
    margin: 0;
    background: #F8F8F8 none;
    width: 100% !important;
}

.MenuItemHover, .MenuItemHover td
{
    background: #DCDFE2 none;
}

.ScrollItem
{
    background-color: green;
    font-size: 0.8em;
    border: solid 0px gray;
    cursor: default;
    text-align: center;
}

.ScrollItemH
{
    background-color: aqua;
    color: orange;
    font-size: 0.8em;
    border: solid 0px gray;
    cursor: default;
    text-align: center;
}

.ScrollItemA
{
    background-color: Lime;
    color: yellow;
    font-size: 0.8em;
    border: solid 0px gray;
    cursor: default;
    text-align: center;
}
/*
-----------------------------------------------------------------------
 Component Art Vertical Menu Style:
-----------------------------------------------------------------------


.VertTopMenuGroup
{
  border:solid 0px #003167;
  background-color:transparent;
}

.VertMenuGroup
{
  border:solid 0px #003167;
  background-color:transparent;
}

.VertTopMenuItem
{
  color:#FFFFFF;
  font-size:11px;
  cursor:hand;
  cursor:pointer;
  padding-top: 2px;
  padding-bottom: 2px;
}

.VertTopMenuItem td {color:#FFFFFF;}
.VertTopMenuItem td {color:#FFFFFF;}
.VertTopMenuItem td {color:#FFFFFF;}
td.VertTopMenuItem {color:#FFFFFF;}

.VertTopMenuItemHover
{
  color:#444444;
  background-color:#FEDF15;
  font-size:11px;
  cursor:hand;
  cursor:pointer;
  padding-top: 2px;
  padding-bottom: 2px;
}

td.VertMenuItem
{
  background-color:White;
  color:#444444;
  font-size:11px;
  border: solid 0px white;
  cursor:hand;
  cursor:pointer;
  padding-top: 3px;
  padding-bottom: 3px;
}

td.VertMenuItemHover
{
  background-color:#EEEEEE;
  color:#285D9F;
  font-size:11px;
  border: solid 0px white;
  cursor:hand;
  cursor:pointer;
  padding-top: 3px;
  padding-bottom: 3px;
}

.VertMenuItem
{
  background-color:White;
  color:#444444;
  font-size:11px;
  border: solid 0px white;
  cursor:hand;
  cursor:pointer;
  padding-top: 3px;
  padding-bottom: 3px;
}

.VertMenuItemHover
{
  background-color:#EEEEEE;
  color:#285D9F;
  font-size:11px;
  border: solid 0px white;
  cursor:hand;
  cursor:pointer;
  padding-top: 3px;
  padding-bottom: 3px;
}

.VertScrollItem
{
  background-color:#FBFBFB; 
  font-size:11px; 
  border:solid 0px #FBFBFB; 
  cursor:default;
  text-align:center;
}

.VertScrollItemH
{
  background-color:silver; 
  color:black; 
  font-size:11px; 
  border:solid 0px gray; 
  cursor:default;
  text-align:center;
}

.VertScrollItemA
{
  background-color: darkgray; 
  color:black; 
  font-size:11px; 
  border:solid 0px gray; 
  cursor:default;
  text-align:center;
}
*/

/*
-----------------------------------------------------------------------
 Component Art Tree Style:
-----------------------------------------------------------------------


.TreeView 
{ 
  background-color:transparent;
  border: #919191 0px solid; 
  padding-top:2px;
  cursor: default; 
  color: #FFFFFF;
  cursor: hand;
  cursor:pointer;
}

.TreeNode 
{ 
  font-size: 11px; 
  color: #FFFFFF;
  padding:0px;
  padding-left: 3px; 
  padding-right: 3px; 
  cursor: hand; 
  cursor:pointer;
}

.HoverTreeNode 
{ 
  color: #FFCC00;
  font-size: 11px; 
  padding:0px;
  padding-left: 3px; 
  padding-right: 3px; 
  text-decoration: none; 
  cursor: hand; 
  cursor:pointer;
}

.SelectedTreeNode 
{ 
  font-size: 11px; 
  padding:0px;
  padding-left: 3px; 
  padding-right: 3px; 
  background-color: #a0a0a0; 
  cursor: hand; 
  cursor:pointer;
}

.NodeEdit 
{
  border:1px silver solid;
  font-size: 11px;
}

*/

#AjaxShipping
{
    width: 99%;
    border: solid 1px #444;
    height: 100%;
    float: left;
    padding: 3px;
}
#AjaxShipping h4
{
    margin: 0 0 0.5em 0;
    font-weight: bold;
    font-size: 1.1em;
}
.AjaxShippingLabel
{
    width: 175px !important;
    float: left;
    font-weight: bold;
    clear: left;
}
#AjaxShipping input, #AjaxShipping select
{
    font-size: 1em;
    float: left;
}
#AjaxShippingCountry, #AjaxShippingState, #AjaxShippingZip, #AjaxShippingEstimate
{
    float: left;
    clear: left;
    border-top: solid 1px #eee;
    width: 99%;
    padding: 3px 0;
}
#ShipQuote
{
    float: left;
    margin: 0;
}
/* Set Visibility to :hidden and uncomment 'display' to turn off */
#AjaxShippingCountry
{
    visibility: visible; /*display:none;*/
}
#AjaxShippingState
{
    visibility: visible; /*display:none;*/
}
.OrderOptionsTitle
{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
}
.OrderOptionsRowHeader
{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
}
.OrderOptionsName
{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
}
.OrderOptionsDescription
{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
}
.OrderOptionsPrice
{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

/* Kit Specific Styles */
#KitSideBar
{
    border: solid 1px Gray;
    position: absolute;
    z-index: 99; /*999999999 !important;*/
    width: 180px;
    background-color: #FFFFE1; /*right:10px;*/
    margin-left: 10px;
}

#KitAddToCartForm
{
    padding: 5px 5px 10px 5px;
    margin: 0px 5px 0px 5px;
    border-top: solid 1px Gray;
    text-align: center;
}

#KitPlaceHolder
{
    width: 150px;
}

#KitTable
{
    width: 500px; /*border-top: solid 1px red;*/
}

#KitTable td
{
    padding: 4px 0px 4px 0px;
}

#KitAddToCartFormHeader
{
    border-bottom: solid 3px #444; /*height:15px;*/
    text-align: center;
}

#KitAddToCartFormPrice
{
    line-height: 30px;
    padding: 5px 5px 5px 5px;
    margin: 0px 5px 0px 5px;
    border-bottom: solid 1px Gray;
}

.KitAddToCartFormPrice
{
    /*line-height:30px;*/
    padding: 5px 5px 5px 5px;
    margin: 0px 5px 0px 5px;
    border-bottom: solid 1px Gray;
}

.KitAddToCartFormDetailsHeader
{
    text-align: center;
    text-decoration: underline;
}


.KitAddToCartFormDetails
{
    padding: 0px 5px 0px 5px;
    margin-left: 10px;
}

.KitTableGroup
{
    /*     border-top:solid 1px Black;         border-left:solid 1px Black;         border-right:solid 1px Black;         border-bottom:solid 5px Green;         line-height:20px;     */
    background-color: #f5f5f5;
}

.KitRowSpacer
{
    /*height:45px;*/
}

.KitSpacer
{
    /*     border:solid 1px Lime;     background-color:Aqua;     */
    height: 10px;
}



#KitAddToCartFormDetailsHeader
{
    text-align: center;
    text-decoration: underline;
}

#KitAddToCartFormDetails
{
    padding: 0px 5px 0px 5px;
    margin-left: 10px;
}

#KitSideBar input[type="button"]
{
    width: 120px;
    text-align: center;
    margin-top: 3px;
}


.KitRegularBasePrice
{
    font-style: italic;
    text-decoration: line-through;
}

.KitBasePrice
{
}

.KitBasePriceOnSale
{
}

.KitCustomizedPrice
{
}

.KitCustomizedPriceOnSale
{
}

.KitLevelPrice
{
}

.KitLevelPriceOnSale
{
}

.dhtmltooltip
{
    border: 0; /*border: 2px solid black;*/
    padding: 2px;
    font-size: 11px;
    background-color: #FFFFE0; /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
    filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
.CardCodeTooltip
{
    border: 0; /*border: 2px solid black;*/
    padding: 2px;
    background-color: #DDD; /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
    filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
.Kit2dhtmltooltip
{
    border: 0;
    margin-top: 20px; /*border: 2px solid black;*/
    padding: 2px;
    font-size: 11px;
    background-color: #FFFFE0; /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
    filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}


.ShippingAndTaxEstimateAddress
{
    border: solid 1px #aaa;
    width: 100%;
}

.ShippingAndTaxEstimateAddress .Header
{
    text-align: center;
    font-weight: bold;
    background-color: #ddd;
}

.ShippingAndTaxEstimateAddress .Caption
{
    width: 30%;
    text-align: left;
    vertical-align: top;
}

.ShippingAndTaxEstimateAddress .Value
{
    width: 70%;
    text-align: left;
    vertical-align: top;
}

.ShippingAndTaxEstimateAddress .ErrorMessage
{
    width: 100%;
    text-align: center;
    vertical-align: middle;
    color: Red;
    font-weight: bold;
}

.ShippingAndTaxEstimator
{
    border: solid 1px #aaa;
    width: 100%;
}

.ShippingAndTaxEstimator .Header
{
    text-align: center;
    font-weight: bold;
    background-color: #ddd;
}

.ShippingAndTaxEstimator .Caption
{
    font-weight: bold;
    width: 30%;
    text-align: left;
    vertical-align: top;
}

.ShippingAndTaxEstimator .Value
{
    width: 70%;
    text-align: right;
    vertical-align: top;
}

.ShippingEstimatorPanel
{
    width: 350px;
    border: dashed 1px gray;
    padding: 5px 5px 5px 5px;
}

.WishListWarning
{
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    font-weight: bold;
    color: #ff0000;
}

.ShippingEstimatorPanel
{
    width: 350px;
    border: dashed 1px gray;
    padding: 5px 5px 5px 5px;
}

#KitError
{
    text-align: center;
    vertical-align: middle;
    padding: 5px 5px 5px 5px;
}

#lblKitError
{
    color: Red;
}

/* default class for stock hint display */
.StockHint
{
    font-size: 11px;
}

.StockHint_OutOfStock
{
    color: red;
}

.StockHint_InStock
{
    color: blue;
}

/* indented class variation for stock hint display */
.StockHint_Indented
{
    text-indent: 10px;
    font-size: 11px;
}

.StockHint_Indented_OutOfStock
{
    color: red;
}

.StockHint_Indented_InStock
{
    color: blue;
}



/*********************************************/
/*************For Featured Products***********/
/*********************************************/


.featuredProductLinks
{
    color: #000000;
    font-weight: bold;
}

.featuredProductDescription
{
    padding-top: 10px;
    font-weight: normal;
}

.featuredProductPrice
{
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: normal;
}


.featuredTeaser
{
    color: #000000;
    font-weight: bold;
}



/* CSS for productratings [begin] */

.CommentHelpfulText
{
    font-family: Arial,Helvetica;
    color: #009999;
}

.CommentHelpfulYes
{
    font-family: Arial,Helvetica;
    color: #006600;
}

.CommentHelpfulNo
{
    font-family: Arial,Helvetica;
    color: #006600;
}

.CommentCell
{
    background-color: #FFFFFF;
}

.RatingCommentText
{
    color: #000000;
}

.CommentAuthor
{
    color: #000000;
}
/****** [end] ******/



/* CSS for Checkout GiftCard [begin] */

.CheckoutEmailGiftCardHeader
{
    /* default color - #cccccc */
    background-color: #cccccc;
    color: #000000;
}

/****** [end] ******/



/* CSS for Checkout Terms And Conditions [begin] */

.CheckOutTermsBorder
{
    border-style: dashed;
    border-width: 1px;
    border-color: #000000;
}
/****** [end] ******/




/* CSS for Affiliate Page [begin] */

.AffiliateHeaderTd
{
    /* -- original --     font-size: smaller;     font-weight:bold;     color: #ffffff;     background-color: #AAAAAA;     -- -- */
    font-size: smaller;
    font-weight: bold;
    color: #ffffff;
    background-color: #CCCCCC;
    padding: 3px;
}

.AffiliateTextCell
{
    background-color: #DDDDDD;
    color: #000000;
    padding: 3px;
}

.AffiliateLinks, .AffiliateLinks a:link, .AffiliateLinks a:active, .AffiliateLinks a:visited
{
    color: #000000;
}

.AffiliateLinks a:hover
{
    color: #4776BD;
}

.AffiliateForgotPasswordText
{
    color: #000000;
}

.AffiliateForgotPasswordText span
{
    color: #000000;
    font-weight: bold;
}

/****** [end] ******/


/* CSS for Multiple Shipping [begin] */
.MultiShippingAddressHeaderLeft
{
    color: #000000;
    background-color: #dddddd;
}

.MultiShippingAddressHeaderRight
{
    color: #000000;
    background-color: #dddddd;
}

/****** [end] ******/



/* CSS for Recent Comments */

.RecentCommentsHeader
{
    background-color: #CCCCCC;
    color: #000000;
    font-weight: bold;
    text-align: center;
    height: 25px;
}

.RecentCommentsHeaderBorder
{
    background-color: #FFFFFF;
}

.RecentCommentsFooter
{
    background-color: #CCCCCC;
}

.RecentCommentsBorder
{
    background-color: #CCCCCC;
}

.RecentCommentsCell
{
    background-color: #FFFFFF;
    color: #000000;
    text-align: center;
}

.pnlRecentCommentSort
{
    background-color: #FFFFCC;
}

.RecentCommentSortText
{
    color: #FF0000;
}

.RecentCommentReSortText
{
    color: #000000;
    font-weight: bold;
}

.RecentCommentIsolateHeader
{
    background-color: #009999;
}

.RecentCommentIsolateHeaderText
{
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
}

.RecentCommentIsolateCell
{
    background-color: #FFFFFF;
    color: #000000;
}

.RecentCommentsPagingTop
{
    background-color: #ffffff;
    color: #000000;
}

/** [end] **/


/* CSS for RateIt.aspx */

.rateitBG
{
    background-color: #336699;
    margin: 0px;
}

.rateittable
{
    background-color: #336699;
}

.rateitlabel
{
    font-family: arial,helvetica;
    font-weight: bold;
    color: #ffffff;
}

.rateitproductname
{
    background-color: #FFFFCC;
}

.rateitbox
{
    background-color: #FFFFFF;
}

.rateitddl
{
    font-size: 10px;
}

.rateittext
{
    font-size: 12px;
}
/**        [end]    **/
/***************************************************/
/**************TabbedUI prototype*******************/

#pagetabs
{
    width: 100%;
}

#pagetabs a
{
    background: white url(images/tab_out.gif) top left repeat-x;
    background-color: #DDDDDD;
    border-left: solid 1px black;
    border-top: solid 1px black;
    border-right: solid 1px black;
    color: #696969;
    padding: 5px 5px 0px 5px;
    position: relative;
    margin-right: 3px;
    text-decoration: none;
    vertical-align: middle;
}

#pagetabs a:hover
{
    text-decoration: underline;
    color: #ffffff;
    background: white url(images/tab_over.gif) top left repeat-x;
}

#pagetabs a.activetab
{
    padding: 5px 5px 1px 5px;
    position: relative;
    top: 1px;
    color: #ffffff;
    background-image: url(images/tab_over.gif);
    border-bottom-color: white;
}

#pagetabs a.activetab:hover
{
    text-decoration: none;
}

#tabcontent
{
    border: solid 1px gray;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 10px;
    width: 100%;
}

#tabcontent div.hiddenTab
{
    display: none;
}

#tabcontent div.selectedTab
{
    display: block;
}
.DpErrorMsg
{
    color: Red;
    font-weight: bold;
}
.DpWarningMsg
{
    color: Navy;
    font-weight: bold;
}
.LeftMenuStyle
{
    background-color: #CECECE;
    width: 0%;
}
.RightContentStyle
{
    background-color: #FFFFFF;
    min-height: 400px;
}
#search_area_wrap
{
    width: 100%;
    background-color: #00689F;
    background-image: url(/upload/homepage/dorman_search_wrap.jpg);
    background-repeat: repeat-x;
    height: 75px;
    padding: 0px;
}
#search_area
{
    width: 1000px;
    background-color: #00689F;
    margin: 0px auto 0px auto;
    padding: 0px;
    background-image: url(/upload/homepage/dorman_search.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    height: 75px;
    z-index: 100;
	position: relative;
}
.search_input
{
    color: #333;
    font-size: 12px; 
    width:225px;
    height: 18px;
}
.search_input_h
{
    color: #333;
    font-size: 12px; 
    width:225px;
    height: 23px;
}
.search_input_small
{
    color: #333;
    font-size: 12px; 
    width:202px;
    height: 18px;
	text-align:left;
}
.regular_area 
{
    float: left;
    width: 235px;
    padding: 22px 0px 0px 0px;
    margin: 0px 0px 0px 15px;
    z-index: 1;
}
.regular_area p {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    padding: 0px;
    margin: 0px 0px 3px 0px;
    font-style: normal;
}
.go_button {
    top: 5px;
    margin: 0px;
    padding: 0px;
    z-index: 1;
}
#SearchFilter
{
    margin: 0px auto 0px auto;
    padding: 0px;
    width: 220px;
}
.button_format {
    background-color: #00689F;
    margin: 5px auto 5px auto;
    padding: 0 px;
    color: White;
    font-family: Arial;
    font-size: 12px;    
    border-style: solid;
    border-color: Black;
}
.search_panel {
    background-color: #F7F7F7;   
}
.grid_format_main {
    color: #333333
}
.grid_format_header {
    background-color: #8C8D8E;
    color: White;
    font-size: 10pt; 
}
 .grid_format_row {
     background-color: #F7F7F7;
     font-size: 10pt;
 }
 .grid_format_alt_row {
     background-color: #FFFFFF;
     font-size: 10pt;
 }
 .grid_format_selected_row {
     background-color: #D1DDF1;
     color: #333333;
     font-size: 10pt;
     font-weight: bold;
 }