/*
 *  Templates
 */

#markets { margin: 3em 0; text-align: center; }
#markets .market { float: left; margin-bottom: 1.5em; width: 250px; }
#markets .market a { color: #851d20; font-size: 18px; font-weight: bold; }
#markets .market a:hover { color: #c83234; }
#markets input:hover { background-color: #c83234; }
#EmptyPage .market_headline { color: #ccc; position: absolute; right: 24px; top: 44px; }
#EmptyPage h2 { border-bottom: none; color: #fff; font-size: 27px; margin-bottom: 0; }

#FrontPage { background: #fff url(images/frontpage_bg.jpg) repeat-x top; }
#EmptyPage, #InteriorPage { background: #fff url(images/interiorpage_bg.jpg) repeat-x top; }

#FrontPage #Header { height: 140px; }
#Header { background: transparent url(images/xlpartslogo.jpg) no-repeat 2px 23px;  height: 180px; position: relative;}
#Header h1 {position: absolute; text-indent:-9999px;}

.nava { float: right; list-style-type: none; list-style-position: outside; margin: 8px 0 36px 0; padding: 0; position: relative; }
.nava li { background-image: url(images/nava_sprite.jpg); background-repeat: no-repeat; cursor: pointer; display: block; float: left; height: 28px; margin-right: 0; overflow: hidden; padding: 0; width: 90px; }
.nava a { display: block; height: 28px; outline: none; text-indent: -9999px}
#nava1 { background-position: 0 0; }
#nava2 { background-position: -90px 0; }
#nava1:hover { background-position: 0 bottom; }
#nava2:hover { background-position: -90px bottom; }

.kwicks { background: #4c4c4c url(images/kwicks_bg.jpg) repeat-x; float: right; list-style-type: none; list-style-position: outside; margin: 0 0 14px 0; padding: 0; position: relative; }
.kwicks li { background-image: url(images/kwicks_sprite.jpg); background-repeat: no-repeat; cursor: pointer; display: block; float: left; height: 54px; margin-right: 0; overflow: hidden; padding: 0; width: 88px; }
.kwicks a { display: block; height: 54px; outline: none; text-indent: -9999px; }
#kwick1 { background-position: 0 0; }
#kwick2 { background-position: -124px 0; }
#kwick3 { background-position: -248px 0; }
#kwick4 { background-position: -372px 0; }
#kwick5 { background-position: -496px 0; }
#kwick6 { background-position: -620px 0; }
#kwick1.active, #kwick1:hover { background-position: 0 bottom; }
#kwick2.active, #kwick2:hover { background-position: -124px bottom; }
#kwick3.active, #kwick3:hover { background-position: -248px bottom; }
#kwick4.active, #kwick4:hover { background-position: -372px bottom; }
#kwick5.active, #kwick5:hover { background-position: -496px bottom; }
#kwick6.active, #kwick6:hover { background-position: -620px bottom; }
#kwick1 a { background-image: url(images/end.jpg); background-repeat: no-repeat; background-position: left 0; }
#kwick1 a:hover { background-position: left -108px; }
#kwick6 a { background-image: url(images/end.jpg); background-repeat: no-repeat; background-position: right -54px; }
#kwick6 a:hover { background-position: right -162px; }

#Footer { background: transparent url(images/footer_bg.jpg) no-repeat 0 0}
#Footer p, #Footer a { color: #575757; font-size: 11px; line-height: 49px; text-decoration: none; }
#Footer a:hover { text-decoration: underline; }
#Footer .market { color: #fff; font-weight: bold; background-color: #851D20; text-transform: uppercase; padding: 1px 3px}

#Breadcrumb { position: absolute; right: 0; top: 150px; color: #C0C0C0; font-weight: bold; }
#Breadcrumb a, #Breadcrumb a:visited { color: #C0C0C0; font-weight: normal; }
#Breadcrumb ul { font-size: 0.8em; }
#Breadcrumb li { display: inline; }

#SideBar { float: right; width: 180px }
#SideNav { font-family: Verdana,Arial,san-serif; font-size: 1em; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; padding: 0; }
#SideNav ul { width: 100%; }
#SideNav .RadTabStrip .rtsLI { float: none; display: block; }
#SideNav a, #SideNav a:link, #SideNav a:visited { background: #CCCCCC url(images/sidebarnav-btn-bg.gif) repeat-x scroll center center; border-bottom: 1px solid #AAAAAA; border-top: 1px solid #FFFFFF; color: #5A1012; display: block; padding: 10px 0; text-align: center; text-decoration: none; width: 100%; }
#SideNav a:hover, #SideNav a.rtsSelected { background: #CCCCCC url(images/sidebarnav-btn-hover-bg.gif) repeat-x scroll center center; color: #5A1012; }

/*
 *  Pages
 */

#CTA { background: transparent url(images/cta_bg.jpg) no-repeat; height: 294px; width: 750px; position: relative;}
#CTA a.disabled { visibility: hidden !important; }
#CTA div.navi { margin-left: 150px; margin-top: 6px; height: 14px; }
#CTA div.navi a { width: 8px; height: 8px; float: left; margin: 0 2px 3px 2px; background: url(../../resources/images/scrollable/arrow/navigator.png) 0 0 no-repeat; display: block; font-size: 1px; }
#CTA div.navi a:hover { background-position: 0 -8px; }
#CTA div.navi a.active { background-position: 0 -16px; }
#CTA div.scrollablewrapper { margin-left: 393px; padding-top: 16px; }
#CTA .cta_actions{position:absolute;bottom: 2em;left: 3.5em;font-size:11px;font-weight:bold;text-transform:uppercase;width:275px;}
#CTA .cta_actions .learnmore{float:left; width:125px;}
#CTA .cta_actions .buyparts{float:right;width:126px}
#CTA .cta_actions a{color: #ccc;}
#CTA .cta_actions .buyparts a{background: transparent url(images/buypartsbutton.jpg) no-repeat top;display:block;width:126px;height:36px;text-indent:-9999px;outline:none;}
#CTA .cta_actions .buyparts a:hover{background-position:bottom}

#SupportingContent { background: transparent url(images/supportingcontent_bg.jpg) no-repeat; overflow: hidden; position: relative; }
#SupportingContent .column { background: transparent url(images/supportingcontent_divider.gif) repeat-y right; margin-top: 18px; }
#SupportingContent .last { background: none; }
#SupportingContent .column .box { background: none; margin-bottom: 0; padding-top: 0; }
#SupportingContent blockquote { font-style: normal; margin: 0; }
#SupportingContent blockquote b { color: #000; }
#SupportingContent h3 { color: #454545; font-size: 21px; font-weight: bold; letter-spacing: -1px; }
#SupportingContent h4 { font-size: 18px; font-weight: bold; margin-bottom: 0; }
#SupportingContent h4 a, #SupportingContent h4 a:visited { color: #851d20; text-decoration: none; }
#SupportingContent h4 a:hover { color: #c83234; }
#SupportingContent .newsDate { color: #000; font-size: 10px; }

.marketlist{background:#851D20;color:#fff;padding: 5px}
.marketlist a{color:#fff; font-weight:bold; margin: 0 2px}
.marketlist a:hover{color:#f2bf24;}
.marketlist a.selected{color:#f2bf24;text-decoration:none; cursor: default;}

#Specials .special {border-bottom: 1px dotted #CCC;padding-bottom: 1em;margin-bottom: 1em}
#Specials .special img { border: 3px solid #CCC;float: left;margin: 0 1.5em 0 0;}
#Specials .special h3 {color:#851D20;font-weight:bold;margin-bottom: 0.5em}
#Specials .special a {font-weight: bold}

#ProductLines { clear: both; }
#ProductLines #List .item a { background: transparent url(images/cog.gif) no-repeat scroll left center; display: block; padding-left: 20px; width: 350px; float: left; margin-bottom: 5px; font-size: 1.2em;}
#ProductLines img { float: left; margin: 2px; }
#ProductLines ul { list-style-image: none; list-style-position: outside; list-style-type: none; margin-bottom: 1.35em; margin-left: 0; padding: 0; }
#ProductLines ul li { float: left; padding: 3px 0; }
#ProductLines div.overlay { background-image: url(../../resources/images/overlay/white.png); width: 580px; height: 450px; display: none; padding: 55px; position: relative; }
#ProductLines div.overlay div.close { background-image: url(../../resources/images/overlay/close.png); position: absolute; right: 5px; top: 5px; cursor: pointer; height: 35px; width: 35px;}
#Manufacturers h1 { background-color: #851D20; padding: 6px; color: White; }
#Manufacturers ul { margin: 0; overflow: auto; height: 325px; }
#Manufacturers ul li { margin: 5px 10px 5px 0;padding: 1px; border: solid 5px #EEE; }
#Manufacturers ul li img { width: 112px; height: 82px; }

.sf_newsList, .sf_newsList li { margin: 0 !important; list-style-type: none; }
.sf_newsList h2.sf_newsTitle { font-size: 18px !important; font-weight: bold !important; line-height: 1.1 !important; margin: 0 !important; }
.sf_newsList h2.sf_newsTitle a { color: #851d20; text-decoration: none; }
.sf_singleNews h3.sf_NewsTitle { font-size: 16px !important; font-weight: bold !important; line-height: 1.1 !important; margin: 0 !important; }
ol.sf_pager { margin-left: 0; }
ol.sf_pager li { list-style-type: none; display: inline; }
p.sf_newsDate { font-size: 0.9em !important; }
.sf_singleNews h2.sf_NewsTitle { font-size: 18px !important; font-weight: bold !important; line-height: 1.1 !important; }


/*
 *  User Controls
 */
 
div.scrollablewrapper { width: 327px; }
div.scrollablewrapper div.scrollable { position: relative; width: 327px; height: 227px; line-height:1; overflow: hidden; float: left; }
div.scrollablewrapper div.scrollable div.items { width: 2000em; position: absolute; }
div.scrollablewrapper div.scrollable div.items div.item { background: #ccc; float: left; border: 3px solid #ccc; }
div.scrollablewrapper p.moredetailstip { clear: both; text-align: center; color: #666666; font-size: 0.8em; letter-spacing: 2px; font-weight: bold; }


/*
 *  Content
 */

#Content h1 { font-family: Impact,Arial,san-serif; }
#Content h2 { color: #343434; }
#Content img { border: 0 none; }

#InteriorPage #Content {margin-top: 40px}
.narrowTextContent { width: 550px; }
.textContent {}
.important { background-color: #F4F4F4; border: 1px solid #C52025; font-size: 118%; margin-bottom: 1.35em; padding: 1em; }
.emphasis { color: #C52026; font-family: Times New Roman,Serif; font-size: 2.35em; font-style: italic; font-weight: bold; letter-spacing: -1px; margin-bottom: 0.75em; }
.pictureframe { padding: 15px; margin: 0 0 1.35em 0; border: solid 2px #999; background: #851d20 url(images/picframe-bg.jpg) no-repeat left top; }
.pictureframe-fr { background: #851d20 url(images/picframe-bg.jpg) no-repeat scroll left top; border: 2px solid #999999; clear: right; float: right; margin: 0 0 1.35em 1.35em; padding: 15px; }
.pictureframe-fl { background: #851d20 url(images/picframe-bg.jpg) no-repeat scroll left top; border: 2px solid #999999; clear: left; float: left; margin: 0 1.35em 1.35em 0; padding: 15px; }
.pictureframe img, .pictureframe-fr img, .pictureframe-fl img { border: 4px solid #FFFFFF; }
.leftcolumn { float: left; width: 49%; }
.rightcolumn { float: right; width: 49%; }

.dialog .hd .c, .dialog .ft .c { font-size: 1px; height: 5px; }
.dialog .ft .c { height: 6px; }
.dialog .hd { background: transparent url(images/tl.png) no-repeat scroll 0 0; margin-right: 6px; }
.dialog .hd .c { background: transparent url(images/tr.png) no-repeat scroll right 0;_background-image:none !important; margin-right: -6px; }
.dialog .bd { background: transparent url(images/ml.png) repeat-y scroll 0 0; margin-right: 6px; }
.dialog .bd .c { background: transparent url(images/mr.png) repeat-y scroll right 0; margin-right: -6px; }
.dialog .bd .c .s { background: #F4F4F4 url(images/ms.jpg) repeat-x scroll 0 0; margin: 0 6px; }
.dialog .ft { background: transparent url(images/bl.png) no-repeat scroll 0 0; margin-right: 6px; }
.dialog .ft .c { background: transparent url(images/br.png) no-repeat scroll right 0; margin-right: -6px; }

/* Form customization */
/*fieldset.form { background-color: #EEE; }*/
fieldset.form legend { background-color: White; padding: 2px 10px; border: solid 1px #ccc; }

/* Fix interactions problems with Sitefinity administrative interface */
.CmsPageToolBar label { font-weight: normal;  }