/* Guyson: Main CSS  */
/* Shannon-Rose Design 2009 */

/* Swatches
	Dark Blue: 2a2f3d
	Med (link) Blue: 465670
	Light Blue: d2e0f6
	Lightest Blue: e3ecfa
	Body Gray: dadada
	Light Border Gray: ececec
	Dark Border Gray: d4d4d4
	Med Blue Text: 7787a1
	Gray Text: a4a3a3
	Dark Gray Text: 767676
	Med Gray Text: 8c8c8c
	Red: c80203
	Light Red: f45051
	Image Bkgd: edf3fb	
*/

/* == Common Rules ============================ */
.clear { clear: both; }
div.clear {	font-size: 1px;	line-height: 1px; height: 0; visibility: hidden; }
.left { float: left; display: inline; }
.right { float: right; display: inline; }
strong { font-weight: bold; color: #414141; }
em { font-style: italic; }
a { color: #465670; text-decoration: underline; }
a:hover { color: #465670; text-decoration: none; }
h1 { font-size: 24px; line-height: 30px; margin: 0 0 0.4em; color: #465670; text-transform: uppercase; }
h2 { font-size: 18px; line-height: 22px; margin: 0 0 0.4em; color: #545454; font-weight: bold; }
h3 { font-size: 14px; line-height: 18px; margin: 0 0 0.7em; color: #414141; font-weight: bold; }
h4 { font-size: 12px; line-height: 16px; margin: 0 0 0.7em; color: #464646; font-weight: bold; }
h5 { font-size: 12px; line-height: 16px; margin: 0 0 0.7em; color: #414141; }
h6 { font-size: 11px; line-height: 16px; margin: 0 0 0.7em; color: #464646; font-weight: bold; }
p { font-size: 11px; line-height: 17px; margin: 0 0 1.1em; }
ul { list-style-type: disc; margin: 0 0 1.3em 15px; }
ol { list-style-type: decimal; margin: 0 0 1.3em 15px; }
li { margin: 0 0 4px 10px; font-size: 11px; line-height: 17px; }
.noBorder { border: none!important; }
.noMarginTop { margin-top: 0!important; }
.marginTopN7 { margin-top: -7px!important; }
.noShow { display: none; }
img.imageRight { float: right; display: inline; margin: 3px 0 10px 15px; }
/* ============================================ */
body { font-size: 62.5%; font-family: Helvetica, Arial, sans-serif; line-height: 150%; color: #838383; background: #dadada url(/imgs/bodyBkgdInterior.gif) repeat-x 0 0; }
.bodyHome { background-image: url(/imgs/bodyBkgd.gif); }
#wrapper { width: 1000px; margin: 0 auto; background: transparent url(/imgs/wrapperBkgd.png) no-repeat 50% 56px; height: 200px; }
.wrapperHome { background-position: 0 80px!important; }
#main { width: 900px; margin: 0 auto; }
img#logoHome { margin: 17px 0 0 -7px; position: relative; float: left; display: inline; width: 273px; height: 65px; }
img#logo { margin: 16px 0 0; position: relative; float: left; display: inline; width: 184px; height: 48px; }
img#taglineHome { margin: 31px 0 0; position: relative; float: left; display: inline; width: 362px; height: 11px; }
img#tagline { margin: 26px 0 0; position: relative; float: left; display: inline; width: 284px; height: 9px; }
.mastheadRight { float: right; display: inline; width: 200px; }
div.search { height: 32px; text-align: right; padding: 10px 0 0; width: 200px; }
.wrapperHome div.search { padding: 19px 0 0; }
div.search input { float: right; display: inline; }
div.search input.searchBox { width: 162px; padding-left: 3px; border: 2px solid #465670; height: 17px; color: #838383; }
input#searchSubmitIcon { width: 23px; height: 23px; }
img#accreditations { float: right; display: inline; margin: 8px 0 0; }
#navigation { width: 912px; position: relative; z-index: 999; margin: 8px 0 0 -12px; padding: 0 0 0 8px; height: 25px; }
.navigationHome { margin: 10px 0 0 -12px!important; }
#navigation ul { margin: 0; }
#navigation ul li { position: relative; float: left; display: inline; margin: 0 2px 0 0; height: 25px; }
#navigation ul li a { height: 25px; display: block; background-color: #465670; background-position: 0 0; background-repeat: no-repeat; color: #fff; font-size: 11px; line-height: 14px; text-decoration: none; }
#navigation ul li a:hover, #navigation ul li a.here { background-color: #2a2f3d; text-decoration: none; }
#navigation ul li a em { display: none; }
li#homeNav a { width: 70px; background-image: url(/imgs/navigation/home.png); }
li#aboutNav a { width: 118px; background-image: url(/imgs/navigation/aboutGuyson.png); }
li#industriesNav a { width: 99px; background-image: url(/imgs/navigation/industries.png); }
li#washNav a { width: 68px; background-image: url(/imgs/navigation/wash.png); }
li#blastNav a { width: 69px; background-image: url(/imgs/navigation/blast.png); }
li#servicesNav a { width: 87px; background-image: url(/imgs/navigation/services.png); }
li#aftermarketSupportNav a { width: 175px; background-image: url(/imgs/navigation/aftermarketAndSupport.png); }
li#whatsNewNav a { width: 105px; background-image: url(/imgs/navigation/whatsNew.png); }
li#contactNav a { width: 102px; background-image: url(/imgs/navigation/contactUs.png); }
/* Drop down menu styles */
#navigation li.sfHover a { background-color: #2a2f3d; }
#navigation li ul { position: absolute; left: 0; margin: 0; background: #2a2f3d url(/imgs/navigation/subNavBkgd.png) repeat-y 0 0; width: 185px; padding: 4px 0; border-width: 4px 0; border-style: solid; border-color: #465670; }
#navigation li ul li { display: block; padding: 0; text-align: left; margin: 0; width: 100%; float: none; height: auto; font-size: 11px; line-height: 14px; background-color: #2a2f3d; background-image: none; }
#navigation li ul li a { display: block; color: #fff; height: auto; padding: 6px 10px; background: none; width: auto; border-width: 0 4px; border-style: solid; border-color: #465670; }
#navigation li ul li a:hover { background: none; color: #fff; background-color: #c80203; border-color: #f45051; }
#navigation li:hover ul, #navigation li.over ul { display: block!important; }
.sf-sub-indicator { display: none; }
/* Sub Navigation Styles */
#subNav { height: 32px; width: 910px; margin: 0 0 0 -5px; position: relative; background: transparent url(/imgs/subnav/subNavBkgd.png) no-repeat 100% 0; }
#subNav ul { width: 910px; height: 32px; margin: 0; }
#subNav ul li { color: #fefeff; height: 32px; float: left; display: inline; margin: 0; }
#subNav ul li.subNavLeft { background: transparent url(/imgs/subnav/subNavBkgdLeft.png) no-repeat 0 0; padding: 0 10px; }
#subNav li a { color: #fefeff; padding: 5px 10px 0; height: 19px; float: left; display: block; text-decoration: none; }
#subNav li a:hover { color: #fefeff; text-decoration: none; background-color: #c80203; }
#subNav li a.subhere, #subNav li.current-cat a { color: #fefeff; text-decoration: none; background: #465670 url(/imgs/subnav/subNavBkgdHover.png) repeat-x 0 0; }
#subNav ul li.subNavLeft a:hover { background: none; }
/* Main Content Styles */
.content { margin: 27px 0 0; }
.contentWrap { margin: 10px 0 0; padding: 6px; width: 888px; background: transparent url(/imgs/interior/contentWrapBkgd.png) repeat-y 0 0; }
.contentProductWrap { background-image: url(/imgs/interior/contentWrapProductBkgd.png); }
.contentBlogWrap { background-image: url(/imgs/interior/contentWrapBlogBkgd.png); }
.contentWrap .content { margin: 0; padding: 0 0 30px; }
.contentSearch { margin: 10px 0 0; width: 888px; border: 6px solid #ececec; background-color: #fff; }
.contentWideRight { float: left; display: inline; background: transparent url(/imgs/interior/contentBkgd.png) repeat-y -6px 0; }
.contentWideLeft { float: left; display: inline; background: transparent url(/imgs/interior/contentProductBkgd.png) repeat-y 0 0; }
.contentBlogLeft { float: left; display: inline; background: transparent url(/imgs/interior/contentBlogBkgd.png) repeat-y 0 0; }
.interiorContentLeft { float: left; display: inline; width: 265px; }
.interiorContentWideLeft { width: 637px; }
.interiorContentSearchLeft { width: 888px; }
.interiorContentBlogLeft { width: 587px; }
.interiorContentLeft h1 { margin: 28px 30px 15px 28px; font-size: 24px; line-height: 30px; text-transform: uppercase; color: #465670; }
.interiorContentLeft h1.flash-replaced { margin: 28px 30px 15px 23px; }
.interiorContentLeft ul.specifications { margin: 5px 0 10px; list-style-type: none; }
.interiorContentLeft ul.specifications li { width: 185px; float: left; display: inline; font-size: 11px; line-height: 15px; margin: 0 0 5px; padding: 0 0 5px; border-bottom: 1px dotted #dadada; }
.interiorContentLeft ul.specifications li.specValues { width: 115px; }
.sectionMainLeft p { font-size: 14px; line-height: 22px; margin: 0 30px 1em 28px; }
.sectionMainLeft h3 { font-size: 16px; margin: 0 0 0.4em 28px; }
.interiorContentRight { float: left; display: inline; width: 623px; }
.interiorContentShortRight { width: 250px; padding: 28px 0; }
.interiorContentBlogRight { width: 300px; padding: 28px 0; }
.interiorContentShortRight .videoWrap { margin: 0 0 10px 25px; }
.interiorContentShortRight p { margin: 0 25px 1em; color: #7787a1; }
.interiorContentShortRight strong { color: #465670; }
.sectionNavigation p { color: #e3edfc; height: 27px; background: #c1d3f0 url(/imgs/interior/sectionNavigationBkgd.png) repeat-x 0 0; margin: 0; line-height: 27px; }
.sectionNavigation p span { background: #6c8abf url(/imgs/interior/sectionNavigationHeaderBkgd.png) repeat-x 0 0; float: left; display: block; padding: 0 15px; text-align: center; }
/* Product Page Styles */
.interiorContentImage { float: left; display: inline; width: 255px; margin: 0 0 0 28px; }
.interiorContentImage img { margin: 0 0 15px; }
.interiorContentImageWide { width: 240px; }
.interiorContentText { float: left; display: inline; width: 300px; margin: 0 0 0 25px; }
.interiorContentTextShort { margin: 0 0 30px 28px; width: 310px; }
.interiorContentTextWide { margin: 0 0 30px 28px; width: 565px; }
.interiorContentTextSearch { margin: 0 0 30px 28px; width: 825px; }
.relatedLinks { width: 200px; margin: 0 25px 20px; padding: 17px 0 0; border-top: 6px solid #c3d3eb; }
.relatedLinks h4 { font-size: 14px; line-height: 18px; text-transform: uppercase; color: #465670; position: relative; margin: 0 0 0.5em -4px; }
.relatedLinks ul { list-style-type: none; margin: 0 0 1.2em; }
.relatedLinks ul li { border-top: 1px solid #b8c4d8; margin: 0; font-weight: bold; }
.relatedLinks ul li a { width: 200px; display: block; padding: 1em 0; text-decoration: none; color: #465670; }
.relatedLinks ul li a:hover { color: #c80203; }
.relatedLinks img.sideBarLogos { margin: 15px 0 0; }
/* Product Page Navigation Styles */
.modelNavigation { width: 255px; position: relative; z-index: 499; margin: 0 0 20px; height: 26px; }
.modelNavigation ul { margin: 0; list-style-type: none; }
.modelNavigation ul li { position: relative; height: 26px; margin: 0; }
.modelNavigation li a { height: 26px; display: block; background: #a7a7a7 url(/imgs/interior/rightArrowGray.png) no-repeat 10px 8px; padding: 0 0 0 22px; color: #fff; font-size: 12px; line-height: 26px; text-decoration: none; }
.modelNavigation ul li a:hover { text-decoration: none; color: #fff; }
.modelNavigation li ul { position: absolute; left: 0; margin: 0; border-width: 4px 0; border-color: #e0e0e0; border-style: solid; width: 255px; padding: 4px 0; background: transparent url(/imgs/interior/modelNavBkgd.png) repeat-y 0 0; }
.modelNavigation li ul li { display: block; padding: 0; text-align: left; margin: 0; width: 100%; float: none; height: auto; font-size: 11px; line-height: 14px; background-color: #efefef; }
.modelNavigation li ul li a { background: none; display: block; color: #4e4e4e; height: auto; padding: 2px 10px; width: auto; border-width: 0 4px; border-style: solid; border-color: #e0e0e0; }
.modelNavigation li ul li a:hover { color: #4e4e4e; background-color: #c5d5eb; border-color: #b3c2d9; }
.modelNavigation li:hover ul, .modelNavigation li.over ul { display: block!important; }
/* Product Page Sub Navigation Styles */
.modelSubNavigation { width: 584px; position: relative; margin: 0 0 25px 30px; height: 26px; background-color: #efefef; }
.modelSubNavigation ul { margin: 0; list-style-type: none; }
.modelSubNavigation ul li { height: 26px; margin: 0; float: left; display: inline; }
.modelSubNavigation li a { padding: 0 10px; height: 26px; display: block; background-color: #efefef; font-size: 12px; line-height: 26px; color: #4e4e4e; text-decoration: none; }
.modelSubNavigation li a:hover, .modelSubNavigation li a.modelSubhere { text-decoration: none; background-color: #c5d5eb; color: #4e4e4e; }
.modelSubNavigation li.navItem a { background: #efefef url(/imgs/interior/rightArrowDarkGray.png) no-repeat 10px 9px; padding: 0 10px 0 20px; }
/* Main Level Sub Section Callouts */
.sectionNavWrap { width: 290px; margin: 10px 0 30px 15px; float: left; display: inline; }
.sectionNavWrap h3 { font-size: 11px; line-height: 18px; margin: 0; }
.sectionNavWrap h3 a { border-bottom: 1px solid #869ec4; color: #2a2f3d; text-decoration: none; padding: 13px 0 13px 18px; width: 272px; display: block; background: transparent url(/imgs/interior/rightArrowBlue.png) no-repeat 0 17px; }
.sectionNavWrap h3 a strong { font-size: 18px; line-height: 24px; font-weight: bold; }
.sectionNavWrap h3 a span { text-decoration: underline; }
.sectionNavWrap h3 a:hover { text-decoration: none; color: #c80203; }
/* Sub Section Product Callouts */
.subSectionNavWrap { width: 290px; margin: 0 0 7px; background: transparent url(/imgs/interior/productCalloutBkgdRight.png) no-repeat 100% 0; }
.subSectionNavWrap h3 { float: left; display: block; padding: 0 0 3px; width: 290px; margin: 0; background: transparent url(/imgs/interior/productCalloutBkgdBottom.png) no-repeat 100% 100%; font-size: 11px; line-height: 15px; color: #465670; font-weight: normal; }
.subSectionNavWrap h3 a { background-image: none; background-color: #e3edfc; border: 5px solid #d2e0f6; float: left; display: block; width: 261px; padding: 8px; color: #465670; text-decoration: none; }
.subSectionNavWrap h3 a img { float: left; display: inline; margin: 0 10px 0 0; width: 70px; }
.subSectionNavWrap h3 a em { font-style: normal; width: 180px; float: left; display: inline; }
.subSectionNavWrap h3 a strong { font-size: 18px; line-height: 22px; color: #2a2f3d; display: block; margin: 0 0 3px; }
.subSectionNavWrap h3 a span { color: #2a2f3d; text-decoration: underline; }
.subSectionNavWrap h3 a:hover { background-color: #fff; border-color: #e6e6e6; text-decoration: none; color: #465670; }
.subSectionNavWrap h3 a:hover strong { color: #c80203; }
.subSectionNavWrap h3 a:hover span { text-decoration: underline; color: #c80203; }
/* Home Slideshow Styles */
.homeContentLeft { float: left; display: inline; width: 596px; height: 502px; position: relative; }
.slideshowWrap { width: 596px; height: 502px; position: absolute; left: 0; top: 0; z-index: 10; }
.slideshowWrap p { width: 596px; height: 502px; }
.slideshowWrap p a, .slideshowWrap p a:hover { width: 596px; height: 502px; display: block; text-decoration: none; }
.slideshowWrap p a em { display: none; }
#slideshowBack { z-index: 5; }
.slideshowNavigation { height: 26px; position: absolute; left: -5px; top: -10px; z-index: 15; }
.slideshowNavigation a { float: left; display: inline; width: 26px; height: 26px; margin: 0 5px 0 0; }
.slideshowNavigation ul { height: 26px; float: left; display: inline; margin: 0 0 0 5px; position: relative; list-style-type: none; }
.slideshowNavigation ul li { margin: 0; width: 10px; height: 26px; padding: 0 0 0 4px; float: left; display: inline; background: transparent url(/imgs/slideshow/slideshowNavDotBkgd.png) repeat-x 0 0; }
.slideshowNavigation ul li.slideshowNavLeft { padding: 0 0 8px 8px; background: transparent url(/imgs/slideshow/slideshowNavDotBkgdLeft.png) no-repeat 0 0; }
.slideshowNavigation ul li.slideshowNavRight { background: transparent url(/imgs/slideshow/slideshowNavDotBkgdRight.png) no-repeat 100% 0; padding: 0 8px 8px 4px; }
.slideshowNavigation ul li a { width: 10px; height: 10px; margin: 8px 0 0; line-height: 10px; display: block; background: transparent url(/imgs/slideshow/slideshowNavDot.png) no-repeat 0 100%; text-decoration: none; }
.slideshowNavigation ul li a:hover, .slideshowNavigation ul li a.activeSlide { background-position: 0 0; text-decoration: none; }
/* Home Sidebar Callouts */
.homeContentRight { float: left; display: inline; width: 285px; margin: 0 0 0 18px; }
.calloutWhite { width: 273px; height: 363px; background-color: #fff; border: 6px solid #ececec; margin: 0 0 12px; position: relative; overflow: hidden; }
.calloutWhite h2 { margin: 11px 15px 4px; color: #465670; font-size: 20px; font-weight: bold; line-height: 24px; text-transform: uppercase; }
.calloutWhite h2.flash-replaced { margin: 11px 17px 0 10px; }
.calloutWhite h4 { position: absolute; right: 15px; top: 11px; text-transform: uppercase; letter-spacing: 0.05em; font-size: 11px; line-height: 14px; }
.calloutWhite h4 a {  color: #a4a3a3; text-decoration: none;	 }
.calloutWhite h4 a:hover { text-decoration: underline; color: #a4a3a3; }
.calloutWhite p { color: #a4a3a3; margin: 0 15px; padding: 9px 0; border-top: 1px solid #d4d4d4; line-height: 15px; }
.calloutWhite p a { text-decoration: none; color: #a4a3a3; display: block; }
.calloutWhite p a strong { color: #465670; }
.calloutWhite p a:hover { text-decoration: none; color: #a4a3a3; }
.calloutWhite p a:hover strong { color: #c80203; }
.calloutBlue { width: 273px; height: 103px; background-color: #d2e0f6; border: 6px solid #e3ecfa; position: relative; overflow: hidden; }
.calloutBlue h2 { margin: 9px 16px 4px; color: #465670; text-transform: uppercase; font-weight: bold; font-size: 14px; line-height: 18px; }
.calloutBlue h2.flash-replaced { margin: 11px 18px 0 11px; }
.calloutBlue p { color: #7787a1; margin: 0 15px 1em; line-height: 15px; }
.calloutBlue p a { text-decoration: none; color: #7787a1; display: block; }
.calloutBlue p a strong { color: #465670; }
.calloutBlue p a:hover { text-decoration: none; color: #7787a1; }
.calloutBlue p a:hover strong { color: #c80203; }
/* Contact Page Styles */
.contactLeft { width: 265px; margin: 0 43px 0 0; }
.contactLeft h2, .contactMiddle h2, .contactRight h2 { color: #465670; margin: 0 0 0.1em; }
.contactLeft h3 { color: #838383; font-weight: normal; }
.contactLeft p, .contactMiddle p { font-size: 12px; line-height: 16px; }
.contactMiddle { width: 210px; margin: 0 43px 0 0; }
.contactMiddle h4, .contactRight h4 { font-size: 18px; color: #000; font-weight: bold; margin: -9px 0 12px; }
.contactMiddle p strong { color: #465670; } 
.contactRight { width: 264px; }
p.contactCallout { width: 264px; height: 40px; font-size: 14px; }
p.contactCallout a { text-decoration: none; color: #596983; width: 230px; height: 23px; display: block; border: 4px solid #D2E0F6; background: #E3EDFC url(/imgs/interior/blueArrowRight.png) no-repeat 10px 10px; padding: 9px 0 0 26px; }
p.contactCallout a:hover { text-decoration: none; color: #2A2F3D; }
p.contactCallout a img { margin: -9px 0 -5px 5px; }
.formColumn { width: 392px; border: 6px solid #D2E0F6; background-color: #E3EDFC; margin: 20px 0 0; }
.formColumn h2 { color: #465670; font-size: 20px; line-height: 24px; text-transform: uppercase; margin: 15px 0 10px 15px; }
.formColumn h2.flash-replaced { margin: 14px 0 5px 10px; }
.formColumn p { margin: 0 20px 1em 15px; }
.formColumn form p { margin: 0 0 1em 15px; }
.formColumn label, span.fauxLabel { float: left; display: block; width: 100px; padding: 0 5px 0 0; text-align: right; }
.requiredField { color: #c13333; }
span.requiredField { padding: 0 0 0 5px; }
.formColumn input.textBox { width: 250px; border: 1px solid #D2E0F6; padding: 2px 0; }
span.optionsWrap { width: 250px; float: left; display: block; margin: 0 0 10px; }
.formColumn input.specify { width: 225px; margin: 0 0 0 25px; border: 1px solid #D2E0F6; padding: 2px 0; color: #838383; }
.formColumn input.button { margin: 10px 10px 15px 0; }
.formColumn input.submitButton { margin-left: 105px; }
.formColumn textarea { width: 250px; height: 200px; border: 1px solid #D2E0F6; }
.formColumn p.fieldError { background-color: #FFC1C1; border: 1px solid #C13333; margin: 0 20px 1em 15px; padding: 4px 0 2px 5px; }
.formColumn input.fieldError { background-color: #FFC1C1; border-color: #C13333; }
.formColumn p.successMessage { color: #090; border: 1px solid #090; background-color: #CF9; padding: 4px 0 2px 5px; margin: 0 20px 1em 15px; }
/* Footer Styles */
#footer { margin: 20px auto 50px; width: 900px; }
#footer h3 { font-size: 14px; line-height: 18px; color: #767676; }
#footer h3 img { display: inline; margin: 0 0 0 8px; }
#footer p { font-size: 10px; line-height: 15px; color: #8c8c8c; }
#footer p a { color: #8c8c8c; }
#footer img.footerLogo { float: right; display: inline; margin: -10px 0 0 5px; position: relative; z-index: 50; }