@import url(../reset.css);
@import url(base.css);
@import url(typography.css);

/*
Main styles and different imported style sheets follow the order of the markup code (page, branding, search, etc.) within the pages followed by specific styles.
In order to see how all the base html elements are styled to default please refer to the html_template.html page as needed.
Global styles to specific html tags should be placed in this file.
*/

/* begin -- set color of links for whole site */
a:link { color: #c60505; text-decoration: none }
a:visited { color: #c60505; text-decoration: none }
a:hover { color: #c60505; text-decoration: underline }
a:active { color: #c60505; text-decoration: none }
/* end -- set color of links for whole site */


/* begin - classes for styling as needed
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.bold { font-weight: bold }
.italic { font-style: italic }
.underline { text-decoration: underline }
.overline { text-decoration: overline }
.strike { text-decoration: overline }
.fltlft { float: left }
.fltrgt { float: right }
.clrbth { clear: both }
.clrlft { clear: left }
.clrrgt { clear: right }

.nobrder { border: 0px !important }

.ovrflw_hdn { overflow: hidden }

.hide_ADA { position: absolute; left: -999999em } /* hide but remain usable for text readers */

/* end - classes for styling needed
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

html { background-color: #dbdbdb; font-family: Verdana, Arial, Helvetica, sans-serif }

body { background: url(/images/shared/main_background.gif) repeat-x top center; color: #040433 }

#page_wrap { width: 986px; margin: 0px auto; background: url(/images/shared/page_background.gif) no-repeat top center }

#header { position: relative; height: 111px }

#header h1 { position: absolute; top: 24px; left: 6px; z-index: 10; width: 249px; height: 53px; margin: 0px; background: url(/images/shared/logo.gif) no-repeat 0px 0px; text-indent: -99999em }
#header h1 a { display: block; width: 249px; height: 53px }
#header p.phone { position: absolute; top: 43px; left: 283px; z-index: 10; width: 203px; height: 17px; margin: 0px; background: url(/images/shared/phone.gif) no-repeat 0px 0px; text-indent: -99999em }

#main_nav { position: absolute; top: 71px; right: 0px; z-index: 10; width: 474px; height: 40px; margin: 0px; padding: 0px 0px 0px 3px; background: url(/images/shared/main_nav_background.gif) no-repeat 0px 0px }
#main_nav li { float: left; height: 37px; margin: 0px 0px 0px 1px; padding: 3px 0px 0px 0px; list-style-type: none }
#main_nav li a { display: block; height: 37px; background: url(/images/shared/main_nav_sprite.gif) no-repeat 0px 0px; text-indent: -99999em }
#main_nav li.home { width: 68px; margin-left: 0px }
#main_nav li.home a { width: 68px; background-position: 0px 0px }
#main_nav li.home a:hover { background-position: 0px -37px }
#main_nav li.home a.on { background-position: 0px -74px }
#main_nav li.products { width: 103px }
#main_nav li.products a { width: 103px; background-position: -68px 0px }
#main_nav li.products a:hover { background-position: -68px -37px }
#main_nav li.products a.on { background-position: -68px -74px }
#main_nav li.quality { width: 85px }
#main_nav li.quality a { width: 85px; background-position: -171px 0px }
#main_nav li.quality a:hover { background-position: -171px -37px }
#main_nav li.quality a.on { background-position: -171px -74px }
#main_nav li.about_us { width: 98px }
#main_nav li.about_us a { width: 98px; background-position: -256px 0px }
#main_nav li.about_us a:hover { background-position: -256px -37px }
#main_nav li.about_us a.on { background-position: -256px -74px }
#main_nav li.contact_us { width: 113px }
#main_nav li.contact_us a { width: 113px; background-position: -354px 0px }
#main_nav li.contact_us a:hover { background-position: -354px -37px }
#main_nav li.contact_us a.on { background-position: -354px -74px }

#search { position: absolute; top: 0px; right: 3px; z-index: 10; width: 211px; height: 38px; background: url(/images/shared/search_background.gif) no-repeat 0px 0px }
#search fieldset { position: relative }
#search legend { position: absolute; z-index: 0; left: -99999em; top: 99999em; height: 0px; font-size: 0px; line-height: 0px; text-indent: -99999em }
#search input.text { position: absolute; top: 11px; left: 22px; z-index: 15; border: 0px; width: 134px; font-size: 88%; color: #919191 }
#search input.submit { position: absolute; top: 4px; right: 13px; z-index: 15; width: 35px; height: 30px; border: 0px; background: url(/images/shared/search_go_button.gif) no-repeat 0px 0px; font-size: 0px; line-height: 0px; text-indent: -99999em }
#search input.submit:hover { cursor: pointer }

#content_wrap { width: 980px; margin: 0px 3px; min-height: 600px; overflow: hidden }

div.two_column { background: url(/images/shared/content_background_two_column.gif) repeat-y top center }
div.one_column { background: url(/images/shared/content_background_one_column.gif) repeat-y top center }

#left_column { width: 194px; margin-bottom: 1em; padding-bottom: 4px; float: left; background: url(/images/shared/left_col_background.gif) no-repeat bottom center }

dl.category_nav { margin: 0px }

dl.category_nav dt { height: 25px; padding: 4px 0px 0px 0px; background: url(/images/shared/category_nav_header_background.gif); text-align: center; font: bold 116% Arial, Helvetica, sans-serif; color: #2c2966 }
dl.category_nav dd { margin: 0px; font-size: 12px }
dl.category_nav dd ul { width: 194px; margin: 0px; border-right: solid 1px #f9f9f9; font-weight: bold }
dl.category_nav dd ul li { width: 194px; margin: 0px; border-bottom: solid 1px #f9f9f9; background: url(/images/shared/category_nav_item_background.gif) no-repeat bottom right }
dl.category_nav dd ul li a { width: 170px; display: block; padding: 4px 6px 5px 18px; color: #2c2966; background: url(/images/shared/category_nav_arrow01.gif) no-repeat 7px 7px; white-space: normal }
dl.category_nav dd ul li a.on { background: url(/images/shared/category_nav_arrow02.gif) no-repeat 6px 8px; color: #c60505 }
dl.category_nav dd ul li a.no_subnav { background: url(/images/shared/category_nav_arrow03.gif) no-repeat 6px 9px }

dl.category_nav dd ul li a:hover { text-decoration: none; color: #c60505 }
dl.category_nav dd ul li li a.on { color: #c60505 }

dl.category_nav dd ul ul { margin-bottom: 6px; border-right: 0px; font-size: 11px; font-weight: normal; background: url(/images/shared/category_nav_vrule.gif) repeat-y 8px 0px }

dl.category_nav dd ul ul ul { margin-bottom: 0px } 
dl.category_nav dd li li { border-bottom: 0px; background: none }

dl.category_nav dd li li a, dl.category_nav dd li li a.on { width: 170px; padding: 3px 6px 4px 18px; background: none }
dl.category_nav dd li li li a, dl.category_nav dd li li li a.on {  width: 157px; padding: 3px 6px 4px 31px; background: url(/images/shared/category_nav_hrule01.gif) no-repeat 9px 9px }
dl.category_nav dd li li li li a, dl.category_nav dd li li li li a.on { width: 142px; padding: 3px 6px 4px 46px; background: url(/images/shared/category_nav_hrule02.gif) no-repeat 9px 9px }
dl.category_nav dd li li li li li a, dl.category_nav dd li li li li li a.on { width: 127px; padding: 3px 6px 4px 61px; background: url(/images/shared/category_nav_hrule03.gif) no-repeat 9px 9px }
dl.category_nav dd li li li li li li a, dl.category_nav dd li li li li li li a.on { width: 112px; padding: 3px 6px 4px 76px; background: url(/images/shared/category_nav_hrule04.gif) no-repeat 9px 9px }

#content_wrap.two_column #content_area { width: 785px; float: right; overflow: hidden }
#content_wrap.two_column #content_area #content { float: left; width: 571px }
#content_wrap.two_column #content_area #content div.inner { padding: 0px 12px }

#content_wrap.two_column #content_area #sidebar { float: right; width: 212px }

#content_wrap.one_column #content_area { width: 785px; float: right; overflow: hidden }
#content_wrap.one_column #content_area #content { float: left; width: 785px }
#content_wrap.one_column #content_area #content div.inner { padding: 0px 12px }

#content_wrap.one_column #content_area #sidebar { display: none }


#footer { position: relative; min-height: 127px; background: url(/images/shared/footer_background.gif) no-repeat top center }

#sub_nav { margin: 0px; padding: 18px 0px 0px 22px; font: 85%/100% Verdana, Arial, Helvetica, sans-serif }
#sub_nav li { float: left; margin: 0px 0px 0px 10px;  padding: 0px 0px 0px 10px; border-left: solid 1px #000; list-style-type: none }
#sub_nav li.first-child { margin-left: 0px; padding-left: 0px; border: 0px }
#sub_nav li a { color: #5e5e5e }

#copyright { position: absolute; top: 18px; right: 22px; z-index: 10; margin: 0px; font: 85%/100% Verdana, Arial, Helvetica, sans-serif; color: #5e5e5e }


h2.page_header { color: #b80303 }


/* begin
left column modules ~~~~~~~~~~~~~~~~~~~ */

#left_column div.mod { background-color: #fafaf9; font-size: 85%; color: #0d0d5b }
#left_column div.mod p { margin: 0px }

#southco { padding: 12px 16px 16px 16px; background: url(/images/modules/southco_background.gif) no-repeat top center }
#southco a.southco { display: block; width: 127px; height: 41px; margin: 0px auto 10px auto }

#ori { width: 162px; padding: 12px 16px 16px 16px; overflow: hidden; background: url(/images/modules/ori_background.gif) no-repeat top center }
#ori a.ori { float: left; margin: 0px 12px 0px 0px }
#ori p.txt { padding: 1.6em 0px 0px 0px; text-align: right }

p.learn_more { clear: both; font-weight: bold; text-align: right }

/* end
left column modules ~~~~~~~~~~~~~~~~~~~ */


/* begin
page specific styles ~~~~~~~~~~~~~~~~~~~ */

#home h2.page_header { margin: 0.4em 0px 0.3em 0px; font-size: 170% }
#home h3 { margin: 0.4em 0px 0.3em 10px; color: #b80303; }

#home div.product_spotlight { position: relative; min-height: 210px; background: url(/images/home/spotlight_background.gif) no-repeat bottom left }
* html #home div.product_spotlight { height: 210px }
#home div.product_spotlight div.summary { padding: 0.45em 20px 0.5em 204px }
#home div.product_spotlight h3 { margin: 0px; padding: 0.7em 0.9em; background-color: #14146f; color: #fff; font-size: 120% }
#home div.product_spotlight h3 span { font-size: 90% }
#home div.product_spotlight { border-bottom: solid 2px #c60505 }
#home div.product_spotlight p.larger { margin-bottom: 0.3em; font-size: 125% }
#home div.product_spotlight ul { margin: 0px; padding: 0px }
#home div.product_spotlight ul li { margin: 0px; padding: 0.25em 0px 0.25em 20px; list-style-type: none; background:  url(/images/shared/bullet01.gif) no-repeat 6px 8px }

#home div.product_spotlight div.learn_more { position: absolute; top: 50px; left: 0px; width: 200px; text-align: center }
#home div.product_spotlight a { display: block; width: 124px; height: 32px; margin: 0.8em auto 0px auto; background: url(/images/buttons/learn_more_124x32.gif) no-repeat 0px 0px; text-indent: -99999em }
#home div.product_spotlight a:hover { background-position: 0px -32px }

#carousel { position: relative; height: 155px; margin: 1em 0px; background: url(/images/home/carousel_background.gif) no-repeat top center }
#carousel a.button { position: absolute; top: 62px; display: block; width: 23px; height: 23px; text-indent: -99999em }

#carousel a.left { left: 7px; background: url(/images/home/carousel_nav_sprite.gif) no-repeat 0px 0px }
#carousel a.left:hover { background-position: -23px 0px } 
#carousel a.right { right: 7px; background: url(/images/home/carousel_nav_sprite.gif) no-repeat 0px -23px }
#carousel a.right:hover { background-position: -23px -23px  } 

#carousel #items { position: relative; width: 500px; margin: 0px auto; overflow: hidden }
#carousel #items ul { position: relative; height: 155px; margin: 0px auto; padding: 0px; font-size: 85% }
#carousel #items ul li { display: inline; position: relative; width: 94px; height: 155px; margin: 0px 0px 0px 5px; padding: 0px; list-style-type: none; float: left; text-align: center }
* html #carousel #items ul li {  }
#carousel #items ul li a { display: block; width: 94px; height: 133px; padding: 13px 0px 0px 0px  }
#carousel #items ul li a span { display: block; width: 94px; padding: 4px 0px 0px 0px }
#carousel #items ul li a:hover { text-decoration: none }
#carousel #items ul li a:hover span { text-decoration: underline }



#clancey_slider { position: relative; width: 538px; margin: 0px auto; font-size: 85%; background: url(/images/home/slider_background02.gif) no-repeat bottom center; }
#clancey_slider div.inner_wrap { background: url(/images/home/slider_background01.gif) no-repeat top center }

#clancey_slider div.inner_wrap #items { position: relative; width: 500px; margin: 0px auto; overflow: hidden }

#clancey_slider div.inner_wrap #items ul { width: 500px; margin: 0px; padding: 0px }
#clancey_slider div.inner_wrap #items ul li { float: left; width: 94px; margin: 0px 3px 0px 3px; padding: 0px; list-style-type: none }
* html #clancey_slider div.inner_wrap #items ul li { margin: 0px 2px 0px 2px }
#clancey_slider div.inner_wrap #items ul li a { position: relative; display: block; width: 94px; padding: 0px 0px 14px 0px; text-align: center } /* 13px */
#clancey_slider div.inner_wrap #items ul li a img { display: block; margin: 6px auto 12px auto; z-index: 1000 }
#clancey_slider div.inner_wrap #items ul li a span { display: block; width: 94px; height: 44px; overflow: hidden }
#clancey_slider div.inner_wrap #items ul li a:hover span { cursor: pointer }

#clancey_slider span.scroll_buttons a { position: absolute; top: 42px; display: block; width: 23px; height: 23px; text-indent: -99999em }
#clancey_slider span.scroll_buttons span.left a { left: -9px; background: url(/images/home/carousel_nav_sprite.gif) no-repeat -23px 0px }
/* #clancey_slider a.left:hover { background-position: -23px 0px } */
#clancey_slider span.scroll_buttons span.right a { right: -9px; background: url(/images/home/carousel_nav_sprite.gif) no-repeat -23px -23px }
/* #clancey_slider a.right:hover { background-position: -23px -23px } */
#clancey_slider span.scroll_buttons span.left a.disabled { background-position: -69px 0px }
#clancey_slider span.scroll_buttons span.right a.disabled { background-position: -69px -23px }


#clancey_slider ul.section_indicator { position: absolute; top: 0px; left: 0px; z-index: 50; width: 100%; height: 12px; margin: 0px; font-size: 160%; text-align: center }
#clancey_slider ul.section_indicator li { display: inline; height: 12px; margin: 0px 4px; padding: 0px; list-style-type: none; line-height: 12px }
#clancey_slider ul.section_indicator li a { color: #ccc }
#clancey_slider ul.section_indicator li a.on { color: #666 }

/* end
page specific styles ~~~~~~~~~~~~~~~~~~~ */

/* begin
side module styles ~~~~~~~~~~~~~~~~~~~ */

#order_catalog { position: relative; width: 212px; height: 262px; background: url(/images/modules/order_catalog.jpg) no-repeat 0px 0px }
#order_catalog h3, #order_catalog p { position: absolute; top: -99999em; left: -99999em }
#order_catalog a { position: absolute; top: 103px; left: 101px; display: block; width: 83px; height: 18px; background: url(/images/buttons/order_now.gif) no-repeat 0px 0px; text-indent: -99999em }
#order_catalog a:hover { background-position: 0px -18px }

#find-a-specialist { position: relative; width: 212px; height: 146px; background: url(/images/modules/find_a_specialist.gif) no-repeat 0px 0px; font-size: 90% }
#find-a-specialist p { margin: 0px; padding: 0.5em 1em 0em 1em }
#find-a-specialist a { position: absolute; top: 90px; left: 97px; display: block; width: 91px; height: 20px; background: url(/images/buttons/locations_91x20.gif) no-repeat 0px 0px; text-indent: -99999em }
#find-a-specialist a:hover { background-position: 0px -20px }

/* end side module styles ~~~~~~~~~~~~~~~~~~~ */



div.product_node { width: 752px; margin: 0px auto; padding: 0px; overflow: hidden }
div.product_node h3 { padding: 9px 10px 8px 10px; background: url(/images/products/node_header_corners.gif) no-repeat top center #12125b }
div.product_node h3 a { color: #fff }
div.product_node a { margin: 0px }
div.product_node img { padding: 0px 7px; vertical-align: middle }

div.product_node span.products img.seperator { width: 1px; height: 80px; padding: 0px }
div.product_node span.products img.seperator_on { width: 1px; height: 80px; padding: 0px; background: url(/images/products/node_product_spacer_rule.gif) repeat-y top center }



#product_class { margin-bottom: 1em; background: url(/images/products/class_node_product_vrule.gif) repeat-y 0px 0px; border-bottom: solid 1px #c1c1c6 }
#product_class div.inner_wrap { width: 100%; overflow: hidden; background: url(/images/products/class_node_product_rule.gif) repeat-x top center }

#product_class div.product_nodes { padding: 0px 0px 25px 0px; background: url(/images/products/class_node_product_rule.gif) repeat-x bottom center #fff }
#product_class div.product_nodes span.products { display: block; text-align: center }
#product_class div.product_nodes span.products img { vertical-align: middle; padding: 0px 8px }

#product_class div.description { float: left; width: 562px; padding-top: 1em }
#product_class div.description h3 { margin-top: 0px }
#product_class div.description ul { margin: 0px 0px 0.8em 0px; padding: 0px }
#product_class div.description ul li { margin: 0px; padding: 0.2em 0px 0.3em 14px; background: url(/images/products/class_node_description_bullet.gif) no-repeat 2px 8px }

#product_class div.additional_info { float: right; width: 190px; margin: 0px 0px 1em 0px; padding: 0px; color: #4e4e4e }

#product_class div.additional_info { display: block }
#product_class div.additional_info a.southco { display: block; width: 110px; height: 36px; margin: 1em auto }





#product_detail { margin-bottom: 1em; background: url(/images/products/class_node_product_vrule.gif) repeat-y 0px 0px; border-bottom: solid 1px #c1c1c6 }
#product_detail div.inner_wrap { width: 100%; overflow: hidden; background: url(/images/products/class_node_product_rule.gif) repeat-x top center }
#product_detail div.description { float: left; width: 562px; padding-top: 1em }
#product_detail div.additional_info { float: right; width: 190px; margin: 0px 0px 1em 0px; padding: 10px 0px 0em 0px; color: #4e4e4e }

#product_detail #product_closeup { width: 100%; overflow: hidden; padding: 0.4em 0px 0.6em 0px; text-align: center }
#product_detail #product_closeup a.print { float: left; margin-top: 0.4em; padding: 0px 0px 0px 20px; background: url(/images/icons/icon_printer.gif) no-repeat 0px 0px }

#product_detail table.product_detail_summary { width: 100% }
#product_detail table.product_detail_summary th, #product_detail table.product_detail_summary td { padding: 0.3em 0px 0.3em 0px; border: 0px; vertical-align: top }
#product_detail table.product_detail_summary th { width: 35%; padding-right: 0.5em; text-align: right }
#product_detail table.product_detail_summary tr.alt th, #product_detail table.product_detail_summary tr.alt td { background-color: #f5f5fa }

#product_detail p.mod_request { text-align: right }
#product_detail p.mod_request a { text-decoration: none }
#product_detail p.mod_request a:hover span { text-decoration: underline }

#product_detail #documentation { width: 175px; margin: 0px 6px 0px 9px }
#product_detail #documentation h3 { margin-bottom: 0.5em }
#product_detail #documentation ul { margin: 0px; font-size: 85%}
#product_detail #documentation ul li { margin: 0.4em 0px; padding: 2px 0px 6px 28px; list-style-type: none; background: url(/images/icons/icon_pdf.gif) no-repeat 3px 0px }

/* begin universal sidebar styles for product detail pages ```````````` */

div.additional_info ul.product_nav { margin: 0px auto; border-top: solid 1px #f5f5fa; font-size: 85% } /* need border for IE6 shift */
div.additional_info ul.product_nav li { margin: 3px 0px 3px 0px; padding: 0px; list-style-type: none }
div.additional_info ul.product_nav li a { display: block; height: 20px; padding: 7px 4px 0px 34px; font-weight: bold; background: url(/images/products/product_nav_background.gif) no-repeat 0px 0px; color: #fff }
div.additional_info ul.product_nav li a:hover { background-position: -190px 0px; text-decoration: none }
div.additional_info p.southco_content { margin: 1em 0px 0px 0px; font-size: 85%; text-align: center }

div.additional_info div.additional_product_listing01 { width: 175px; margin: 0px 6px 0px 9px }
div.additional_info div.additional_product_listing01 h3 { margin-bottom: 0px }
div.additional_info div.additional_product_listing01 ul { margin: 0px; font-size: 85% }
div.additional_info div.additional_product_listing01 ul li { width: 175px; margin: 3px auto; padding: 0.5em 0px 0.7em 0px; border-bottom: solid 1px #c1c1c6; overflow: hidden; list-style-type: none }
div.additional_info div.additional_product_listing01 ul li img { border: solid 1px #8c8c8c; float: left }
div.additional_info div.additional_product_listing01 ul li a span { float: right; display: block; width: 100px; padding: 0px 0px 0px 8px; z-index: 100 }
div.additional_info div.additional_product_listing01 ul li a:hover span { cursor: pointer; text-decoration: underline }
div.additional_info div.additional_product_listing01 ul li a:hover img { border-color: #c70505 }

div.additional_info div.additional_product_listing01 ul li.no_results { text-align: center; font-style: italic }

/* begin universal sidebar styles for product detail pages ```````````` */



/* end product page styles ~~~~~~~~~~~~~~~~~~~ */



/* --- PartStream Model View Styles --- */
.tabBackground
{
	width: 569px;
	height: 25px;
	background-image: url(/images/partstream/Tab_Shadow_Top.jpg);
	padding: 0px 0px 0px 10px;
}

a.tabLink, a.tabLink:link, a.tabLink:visited
{
	height: 25px;
	font-family: avenir, verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #0E0E57;	
	
	padding: 5px 0px 0px 0px;
	text-decoration: none;
}

td.tabLink
{
    background-image: url(/images/partstream/Tab_Background_Off.gif);
}

a.tabOn, a.tabOn:link, a.tabOn:visited
{
	height: 25px;
	font-family: avenir, verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #C60505;
	
	padding: 5px 0px 0px 0px;
	text-decoration: none;
}

td.tabOn
{
    background-image: url(/images/partstream/Tab_Background_On.gif);
}

a.tabLink:hover, a.tabOn:hover
{
	text-decoration: underline;
}



#help-us-serve { position: absolute; width: 210px; height: 70px; margin: 1em 1px 0px 1px; border-top: solid 1px #c30600 }
#help-us-serve h3 { margin: 0px; padding: 5px 10px; border-top: solid 1px #da5357; font-size: 100% }
#help-us-serve a { position: absolute; top: 33px; right: 20px; display: block; width: 88px; height: 24px; background: url(/images/buttons/feedback_88x24.gif) no-repeat 0px 0px; text-indent: -99999em }
#help-us-serve a:hover { background-position: 0px -24px }


.numlist
{
    font-weight:bold;
}