@import url("xstandard.css");
@import url("menu-h.css");
@import url("forms.css");
@import url("jquery.lightbox-0.5.css");
@import url("../corners/corners.css");

/* All styles that the user can add via Xstandard should appear in xstandard.css */
body {font-size:0.8em; color:#2A2A2A;}

/* xStandard resets */

body ul li { background:none; padding:0; }
#content ul li { background:url(/cms/outertemplates/images/bg/listBG.gif) no-repeat 0 5px; padding:0 0 0 12px; }

/* Page building styles */
div#wrapper { width:980px; padding:10px 0 0; position:relative; margin:0 auto; }
div#header { height:140px; width:980px; z-index:4; background:#FFF; position:relative; }
	a#logo { float:left; margin:0 0 0 20px; }
	div#fixedLinks { float:right; font-size:10px; }
	    div#fixedLinks ul {margin:5px;}
	    div#fixedLinks li {display:inline;}
	    div#fixedLinks a {padding:5px; display:block; float:left; color:#aaa;}
	div#headerContact { clear:right; float:right; padding:8px 0; }
	    div#headerContact p { font-size:1.9em; font-weight:bold; margin:0 0 0.2em; }
	div#searchBox { background:url(/cms/outertemplates/images/input/searchInput.png) no-repeat; float:right; height:33px; clear:right; width:288px; padding:3px 0 0; }
        div#searchBox input { float:left; }
        div#searchBox input.textbox { background:none; border:none; font-family:Arial, Sans-Serif; font-size:1em; padding:7px 0 0 10px; width:245px; }

div#banner { background:url(/cms/outertemplates/images/bg/carouselBG.png) no-repeat; width:660px; height:280px; overflow:hidden; position:relative; z-index:2; float:left;}
div#banner div.boxContent { height:280px; width:660px; }
div#banner div.corner { background-image:url(/cms/outertemplates/images/corners/white-trans-2.png); }

div.bannerBG { height:280px; width:660px; }
div.bannerContent { background:url(/cms/outertemplates/images/bg/carouselContentBG.png) no-repeat top right; bottom:0; color:#FFF; display:none; height:140px; left:0; padding:10px; position:absolute; width:414px; }
div.bannerContent h2 { font-size:1.5em; font-weight:bold; position:relative; top:100px; }
div.bannerContent h2 a { color:#FFF; text-decoration:none; }
div.bannerContent p { font-weight:bold; position:relative; top:100px; }

div#bannerLinks { left:0; position:absolute; top:10px; width:980px; z-index:8; }
div#bannerLinks ul { display:block; list-style:none; margin:0; text-align:center; width:980px; }
div#bannerLinks ul li { display:inline-block; text-align:left; }
div#bannerLinks ul li a { background:url(/cms/outertemplates/images/btn/linkBanner.png) no-repeat; color:#FFF; display:block; font-weight:bold; height:27px; line-height:27px; padding:0 24px 0 14px; text-decoration:none; text-transform:uppercase; width:178px; }

div#banner div.carouselMask { float:left; height:280px; left:0; overflow:hidden; position:absolute; top:0; width:660px; z-index:4; }
div#banner div.carouselMask ul { list-style:none; margin:0; position:absolute; }
div#banner div.carouselMask ul li { float:left; height:280px; width:660px; }
div#banner div.carouselMask ul li div.bannerBG { background:#CCCCCC; }
div#carouselPager { background:url(/cms/outertemplates/images/bg/carouselPagerBG.png) no-repeat top left; bottom:0; padding:4px 8px; position:absolute; right:0; z-index:8; }
div#carouselPager ul { list-style:none; margin:0; }
div#carouselPager ul li { color:#FFF; float:left; height:24px; line-height:24px; margin:0 2px; text-align:center; width:24px; }
div#carouselPager ul li.acpActive { background:url(/cms/outertemplates/images/bg/carouselPagerActive.gif) no-repeat; }

div#newsletterForm {width:298px; height:281px; background:url(/cms/outertemplates/images/bg/newsletterFormBG.png) no-repeat; float:right;}
div#newsletterForm .top {height:99px; color:#803803; padding:14px;}
div#newsletterForm .top a {width:258px; height:51px; background:url(/cms/outertemplates/images/btn/freeQuoteBtn2.png) no-repeat; display:block; text-indent:-999em; overflow:hidden; margin:14px 0 0;}
div#newsletterForm .bottom {color:#FFF; padding:14px 13px;}
div#newsletterForm .bottom div.formRow input.textBox {width:252px;}
div#newsletterForm .bottom div.formRow input.txtEmail {float:left; width:222px;}
div#newsletterForm .bottom div.formRow input.btn {float:right; margin:0 1px;}

div#offerBanner { background:url(/cms/outertemplates/images/bg/stripesBG-1.png) repeat-x; margin:15px 0 0; padding:12px 5px; width:970px; height:77px; }
    div#offerBanner h2 { font-size:1.6em; margin:0; /*width:660px;*/ float:left; }
    div#offerBanner p { font-size:1em; margin:0; /*width:660px;*/ float:left; font-weight:bold; }
    div#offerBanner a { background:url(/cms/outertemplates/images/btn/freeQuoteBtn.png); display:block; float:right; height:71px; margin:0 5px 0 0; overflow:hidden; text-indent:-999em; width:305px; }

div#contentHeader { background:url(/cms/outertemplates/images/bg/stripesBG-2.gif) repeat-x; height:67px; margin:0 0 10px 0; width:980px; }
div#contentHeader p { color:#2A2A2A; height:67px; line-height:67px; margin:0 12px; font-size:2em; font-weight:bold; clear:both; }

div#middleWrap { width:980px; margin:0 auto; overflow:hidden; position:relative; z-index:2; }
    div#homeContent { width:960px; margin:0 10px 10px; overflow:hidden; }
        div.homeCol { float:left; margin:10px 10px 0; padding:0; position:relative; width:300px; }
            div.homeColMid { background:#E1E1E1 url(/cms/outertemplates/images/bg/colMid1.jpg) no-repeat top; margin:0; }
            div.homeColMid2 { background:#E1E1E1 url(/cms/outertemplates/images/bg/colMid1.jpg) no-repeat bottom; margin:0 0 10px; position:relative; }
            div.homeColMid2:last-child { margin:0; }
            div.homeColMid div.homeColBtm { min-height:160px; }
                div.homeColTop { background:url(/cms/outertemplates/images/bg/colHeader1.png) no-repeat top; height:45px; width:300px; }
                    div.homeColTop a {color: #fff;text-decoration:none;}
                    	div.homeColTop a:hover {text-decoration:underline;}
                    div.homeColTop div { background:url(/cms/outertemplates/images/bg/headerBGR.png) no-repeat right center; float:left; height:25px; margin:10px 0 0 7px; padding:0 5px 0 0; }
                        div.homeColTop div p { background:url(/cms/outertemplates/images/bg/headerBGL.png) no-repeat left center; color:#FFF; float:left; font-size:1.1em; font-weight:bold; height:25px; line-height:25px; padding:0 0 0 5px; text-transform:uppercase; }
                	
                div.homeColBtm { background:url(/cms/outertemplates/images/bg/colBottom1.png) no-repeat bottom; padding:0; position:relative; }
    div#customerCarousel { height:51px; padding:12px; position:relative; width:276px; z-index:6; }
    div#customerCarousel div.carouselMask { background:#FFF; height:51px; overflow:hidden; position:relative; width:276px; }
    div#customerCarousel div.carouselMask div.boxContent { overflow:visible; }
    div#customerCarousel div.carouselMask div.corner { background-image:url(/cms/outertemplates/images/corners/grey-white-1.gif); }
    div#customerCarousel div.carouselHolder { height:51px; left:0; position:absolute; top:0; width:276px; }
    div#customerCarousel ul { list-style:none; margin:0; position:absolute; }
    div#customerCarousel ul li { float:left; height:51px; width:276px; }
    div#customerCarousel ul li img { float:left; height:51px; margin:0 10px; width:118px; }
    #customerCarouselNext, #customerCarouselPrev { display:block; height:34px; position:absolute; top:66px; width:34px; z-index:8; }
    #customerCarouselNext { background:url(/cms/outertemplates/images/btn/carouselNext.png) no-repeat; right:-12px; }
    #customerCarouselPrev { background:url(/cms/outertemplates/images/btn/carouselPrev.png) no-repeat; left:-12px; }
    
    div#newsCarousel { margin:12px; overflow:hidden; width:276px; }
    div#newsCarousel div.carouselMask { overflow:hidden; position:relative; width:276px; }
    div#newsCarousel ul { list-style:none; margin:0; position:absolute; left:0; }
    div#newsCarousel ul li { float:left; padding:0 18px; width:240px; }
    div#newsCarousel ul li p { font-size:0.9em; margin:0; overflow:hidden; }
    div#newsCarousel ul li p.date { font-size:0.8em; font-weight:normal; text-align:right; text-transform:uppercase; }
    div#newsCarousel ul li h3 { font-size:1em; font-weight:bold; margin:0 0 4px; text-transform:uppercase; }
    div#newsCarousel ul li h3 a { color:#2A2A2A; text-decoration:none; }
  	div#newsCarousel ul li h3 a:hover {text-decoration:underline;}
  	#newsCarouselNext, #newsCarouselPrev { display:block; height:34px; position:absolute; top:65px; width:34px; }
    #newsCarouselNext { background:url(/cms/outertemplates/images/btn/carouselNext.png) no-repeat; right:-12px; }
    #newsCarouselPrev { background:url(/cms/outertemplates/images/btn/carouselPrev.png) no-repeat; left:-12px; }
    
    div.homeCol div.flashVideo { padding:0 12px 12px; position:relative; width:276px; }
    div.homeCol div.flashVideo a.btnFlashNext, div.homeCol div.flashVideo a.btnFlashPrev { display:block; height:34px; margin:-17px 0 0; overflow:hidden; position:absolute; text-indent:-999em; top:50%; width:34px; z-index:8; }
    div.homeCol div.flashVideo a.btnFlashNext { background:url(/cms/outertemplates/images/btn/carouselNext.png) no-repeat top left; right:-12px; }
    div.homeCol div.flashVideo a.btnFlashPrev { background:url(/cms/outertemplates/images/btn/carouselPrev.png) no-repeat top left; left:-12px; }
    span#homeVideoTitle {display:block; text-align:center; margin:12px; white-space:nowrap; overflow:hidden;}
    div#flashVideoFeed { display:none; }
    
    a.btnLarger { background:url(/cms/outertemplates/images/btn/applicationView.png) no-repeat right; color:#222; display:inline-block; line-height:20px; margin:0 12px 0 0; padding:0 24px 0 0; }
    
    #applications { list-style:none; margin:0; }
    #applications li { border-bottom:1px solid #FFF; border-top:1px solid #CBCBCB; padding:4px 12px 2px; }
    #applications li.first { border-top:none; }
    #applications li.last { border-bottom:none; }
        #applications li a { background:url(/cms/outertemplates/images/btn/applicationView.png) no-repeat right; color:#2A2A2A; display:block; height:20px; line-height:20px; text-decoration:none; overflow:hidden; padding:0 26px 0 0; }
            #applications li a:hover {text-decoration:underline;}
            #applications li a span.title { float:left; }
            #applications li a span.view { float:right; font-size:0.8em; }
            
                
    div#news ul {margin-top:0;}            
    div#news p { margin:0 12px 6px; overflow:hidden; }
        div#news p a.more { background:url(/cms/outertemplates/images/btn/arrowLnk1.gif) no-repeat right center; color:#2A2A2A; float:right; font-size:0.8em; margin:6px 0 0; padding:0 12px 4px 0; text-decoration:underline; }
        div#news p.hyp a {color:#2A2A2A; text-decoration:none;}
            div#news p.hyp a:hover {text-decoration:underline;}
            
    ul.events { list-style:none; margin:0; }
        ul.events li { border-bottom:1px solid #FFF; border-top:1px solid #CBCBCB; overflow:hidden; padding:10px 12px 9px; }
        ul.events li.first { border-top:none; }
        ul.events li.last { border-bottom:none; }
            ul.events li p { overflow:hidden; margin:0; }
                ul.events li p a { color:#2A2A2A; float:left; font-size:1.2em; text-decoration:underline; }
                ul.events li p span.date { float:right; font-size:0.8em; line-height:1.8em; }

    div#events ul { list-style:none; margin:0; }
        div#events ul li { border-bottom:1px solid #FFF; border-top:1px solid #CBCBCB; overflow:hidden; padding:10px 12px 9px; }
        div#events ul li.first { border-top:none; }
        div#events ul li.last { border-bottom:none; }
            div#events ul li p { overflow:hidden; margin:0; }
                div#events ul li p a { color:#2A2A2A; float:left; font-size:0.9em; text-decoration:none; }
                	div#events ul li p a:hover { text-decoration:underline; }
                div#events ul li p span.date { float:right; font-size:0.8em; line-height:1.8em; }
    
div#leftCol { float:left; width: 220px; }

div.leftColTop { background:url(/cms/outertemplates/images/bg/leftColHeader1.png) no-repeat; height:45px; width:220px; }
    div.leftColTop div { background:url(/cms/outertemplates/images/bg/headerBGR.png) no-repeat right; float:left; height:25px; margin:10px 0 0 7px; padding:0 5px 0 0; }
        div.leftColTop div p { background:url(/cms/outertemplates/images/bg/headerBGL.png) no-repeat left; color:#FFF; float:left; font-size:1em; font-weight:normal; height:25px; line-height:25px; padding:0 0 0 5px; text-transform:uppercase; }
            div.leftColTop div p a { color:#FFF; text-decoration:none; }
div.leftColMid { background:#E1E1E1 url(/cms/outertemplates/images/bg/leftColMid.jpg) no-repeat top; margin:0 0 10px; width:220px; }
    div.leftColMid div.formRow { margin:0; padding:0; }
    div.leftColMid div.formRow label { display:block; font-size:0.8em; margin:0; padding:0 0 0 10px; text-align:left; width:210px; }
    div.leftColMid div.formRow div.textbox { background:url(/cms/outertemplates/images/input/leftColTextBox.png) no-repeat; height:33px; overflow:hidden; width:220px; }
    div.leftColMid div.formRow div.textbox input { background:none; border:none; padding:8px 0 0 17px; width:186px; }
    div.leftColMid div.formRow div.textbox select { background:none; border:none; padding:8px 0 0 17px; width:202px; }
    div.leftColMid div.formRow div.textarea { background:url(/cms/outertemplates/images/input/leftColTextArea.png) no-repeat; height:78px; overflow:hidden; width:220px; }
    div.leftColMid div.formRow div.textarea textarea { background:none; border:none; height:62px; margin:8px 0 0 17px; width:186px; }
    div.leftColMid div.formRow div.btn { background:url(/cms/outertemplates/images/input/submitL.png) no-repeat left; float:right; margin:8px 12px; padding:0 0 0 4px; }
    div.leftColMid div.formRow div.btn input { background:url(/cms/outertemplates/images/input/submitR.png) no-repeat right; border:none; color:#FFF; font-weight:bold; height:20px; padding:0 17px 0 0; text-transform:uppercase; }
div.leftColBtm { background:url(/cms/outertemplates/images/bg/leftColBtm.png) no-repeat bottom; width:220px; }

div#mainCol { float:left; margin:0 0 0 20px; padding:0; position:relative; width: 720px; }
div#rightCol { width: 190px; float:left; padding:5px;}

div#content { font-size:1.1em; }

table#contentTable { border:none; }

table.tblCustomers { background:#E9E9E9; border:1px solid #A9A9A9; width:480px; }
table.tblCustomers tr { background:#FFF; }

div.loadEstimator { border-bottom:1px solid #DDD; margin:25px 0; }
div.loadEstimator div.header { background:url(/cms/outertemplates/images/bg/formHeaderBG.png) no-repeat; height:32px; overflow:hidden; width:720px; }
div.loadEstimator div.header h2 { color:#DDD; float:left; font-size:1.2em; line-height:32px; margin:0; }
div.loadEstimator div.header h2.equip { padding:0 0 0 10px; width:250px; }
div.loadEstimator div.header h2.va { text-align:center; width:150px; }
div.loadEstimator div.header h2.units { text-align:center; width:150px; }
div.loadEstimator div.header h2.total { text-align:center; width:150px; }
div.loadEstimator div.ratingRow { border-left:1px solid #DDD; border-right:1px solid #DDD; padding:8px 10px; width:698px; }
div.loadEstimator div.ratingRow h2 { color:#2A2A2A; font-size:1em; }
div.loadEstimator div.ratingRow p {  }
div.loadEstimator div.ratingRow div.rating { overflow:hidden; padding:5px 0 0; width:698px; }
div.loadEstimator div.ratingRow div.rating div { float:left; width:150px; }
div.loadEstimator div.ratingRow div.rating div input { border:1px solid #2A2A2A; font-size:1em; height:18px; margin:0 25px 5px; width:98px; }
div.loadEstimator div.ratingRow div.rating div input.sub-total,
div.loadEstimator div.ratingRow div.rating div span { background:#CCC; display:block; height:20px; line-height:20px; margin:0 25px 5px; width:100px; border:none; }
div.loadEstimator div.ratingRow div.rating p { float:left; height:65px; line-height:65px; text-align:right; width:248px; }
div.loadEstimator div.alt { background:#DDD; }
div.loadEstimator div.total { border-left:1px solid #DDDDDD; border-right:1px solid #DDDDDD; overflow:hidden; width:718px;}
div.loadEstimator div.total p { font-weight:bold; height:30px; line-height:30px; margin:0; padding-left:8px;}
div.loadEstimator div.total p.label { float:left; text-align:right; }
div.loadEstimator div.total p.total { float:left; width:150px; }
div.loadEstimator div.total p.total input { border:none; padding:2px;}

div.productSelector { margin:25px 0; }
div.productSelector div.a { clear:both; overflow:hidden; }
div.productSelector div.a p {  }
div.productSelector div.a p a { display:block; }
div.productSelector div.q { clear:both; overflow:hidden; }
div.productSelector p { float:left; }
div.productSelector p.help { clear:both; padding:0 0 0 40px; }
div.productSelector p.label { width:40px; }

div#breadcrumb { clear:both; left:0; overflow:hidden; position:absolute; top:0; width:480px; font-size:0.8em;}
div#breadcrumb p { float:left; margin:5px; }
div#breadcrumb ul { float:left; margin:0; }
div#breadcrumb li { display:inline; margin:0 0 0 4px; padding:0 0 0 12px; background:url(/cms/outertemplates/images/bg/breadcrumb.gif) left no-repeat; text-transform:uppercase; }
div#breadcrumb li.first { background:none; margin:0; padding:0; }
div#breadcrumb li a { color:#2A2A2A; }

div#footer { font-size:0.9em; width:960px; background:#CCC; padding:10px; }
div#footer div.footerCol { float:left; margin:0 10px; width:220px; }
div#footer div.footerCol p { color:#2A2A2A; font-size:1.1em; font-weight:bold; }
div#footer div.footerCol ul { border-bottom:1px solid #FFF; border-top:1px solid #FFF; list-style:none; margin:0; padding:8px 0 39px; width:220px; }
div#footer div.footerCol ul li { padding:4px 0 3px; }
div#footer div.footerCol ul li a { background:url(/cms/outertemplates/images/btn/footerLnk.gif) no-repeat right; display:block; height:12px; padding:0 16px 0 0; }
div#footer p.ftlnk { clear:both; margin:0; padding:0.8em 0 0; overflow:hidden; text-align:center; width:960px; }
div#footer a { color:#000; }

div#footer div.formNewsletter {border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; padding:5px 0;}
div#footer div.formRow {padding:0;margin:0;}
div#footer div.formRow div.textbox {background:url("/cms/outertemplates/images/input/leftColTextBox.png") no-repeat scroll 0 0 transparent; height:33px; overflow:hidden; width:220px;}
div#footer input.textBox {background:none repeat scroll 0 0 transparent; border:medium none; padding:8px 0 0 17px; width:186px;}
div#footer div.btnRow {text-align:right; margin-top:5px; padding-right:12px;}


div#skipLinks {position:absolute; left:-9999px;}

div.left, input.left { float:left; }
div.right, input.right { float:right; }

div.clear { clear:both; }

div.left2Col { float:left; width:50%; }
div.right2Col { float:right; width:50%; }

/* Clearfix for non ie browsers */
	.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}
	.clearfix { display: inline-block; }
	html[xmlns] .clearfix { display: block; }
/* End of Clearfix */

.hidden {display:none;}

.hover {cursor:pointer;}