@charset "utf-8";
/* CSS Document */

/* Universal */
* { margin : 0; padding : 0; }

/* General page setup */
body { background: #5a83aa url(../images/page-background.png) repeat-x; font-family: Arial, Helvetica, sans-serif; color: #000000; text-align:center; }
div#pagecontainer { position: relative; width: 900px; margin: 0 auto; text-align: left; }

/* Branding Header */
div#branding { height: 200px; text-align: center; }

/* Main Menu */
div#menubar { color:#000000; position: absolute; width: 100%; top: 144px; }
div#menubar-l { height: 45px; background: url(../images/menu-main-base-left.png) no-repeat; }
div#menubar-r { height: 45px; background: url(../images/menu-main-base-right.png) no-repeat right top; }
div#menubar-mid { position: relative; left: 25px; height: 45px; text-align: center; background: url(../images/menu-main-base.png) repeat-x; width: 850px; }
div#menubar-center { float: left; position: relative; left: 50%; }
div#menubar-menu { height: 44px; background: url(../images/menu-main-divider.png) left no-repeat; padding-left: 2px; float: left; position: relative; right: 50%; }
div#menubar-menu ul { list-style: none; }
div#menubar-menu li { list-style: none; display: block; float: left; height: 44px; 	line-height: 44px; font-size: 18px; }
div#menubar-menu li a { text-decoration: none; color: #444444; display: block; }
div#menubar-menu li a:hover { background: url(../images/menu-main-highlight.png) repeat-x; }
div#menubar-menu li a:active { background: url(../images/menu-main-click.png) center no-repeat; }
div#menubar-menu li.active { background: url(../images/menu-main-active.png) center no-repeat; }
div#menubar-menu span{ display: block; padding: 0 15px;	background: url(../images/menu-main-divider.png) right no-repeat; }
/* Sub Menu */
div#menubar-menu li li { text-align: left; width: 225px; font-size: 16px; background: #f4f4f4; border: 1px solid #46729c; }
div#menubar-menu li li a { }
div#menubar-menu li li a:hover { background: #e0e0e0; }
div#menubar-menu li li a:active { background: #c8c8c8; }

/* Content area */
div#content-back { width: 896px; border: 2px solid #46729c; background: #e3e3e3 url(../images/content-back-fade-bottom.png) repeat-x bottom; }
div#content { background: url(../images/content-back-fade-top.png) repeat-x top; overflow: auto; }
div#content-bottombar { clear: both; margin: 0px 20px 20px 20px; }
/* Content Base*/
div#content-base-main { padding: 20px; }
/* Content Products */
div#content-prod-main { float: right; width: 645px; padding: 10px 0 0 0; }
div#content-prod-sidebar { float: left; width: 235px; padding: 0 0 0 0; }
/* Content Home specs */
div#content-home-main { float: left; width: 570px; padding: 20px 0 0 20px; }
div#content-home-sidebar { float: right; width: 290px; padding: 20px 10px 0 0; }
/* Content Welcome */
div.moduletablewelcome { width: 560px; height: 305px; background: url(../images/welcomebackground.jpg) no-repeat; padding-top: 20px; }
div.moduletablewelcome p { margin: 0px 10px 10px 165px; }
/* Content Home Callouts - Blue */
div.moduletablecalloutblue { width: 281px; height: 144px; background: url(../images/sidebar-callout-back-blue.png) no-repeat; margin-bottom: 20px; }
div.moduletablecalloutblue img { float: right; }
div.moduletablecalloutblue p { color: #d1eaf3; font-size: 16pt; padding: 14px 0 0 23px; line-height: 22pt; }
div.moduletablecalloutblue p a { color: #d1eaf3; text-decoration: none; display: block; }
div.moduletablecalloutblue p a:hover { text-decoration: underline; }
/* Content Home Callouts - Green */
div.moduletablecalloutgreen { width: 281px; height: 144px; background: url(../images/sidebar-callout-back-green.png) no-repeat; margin-bottom: 20px; }
div.moduletablecalloutgreen p { color: #d4f0e5; font-size: 16pt; padding: 14px 0 0 23px; line-height: 22pt; }
div.moduletablecalloutgreen p a { color: #d4f0e5; text-decoration: none; display: block; }
div.moduletablecalloutgreen p a:hover { text-decoration: underline; }
/* featured products */
div.featuredproducts { height: 140px; background: #c0c0c0 url(../images/featured-back-fade-top.png) repeat-x top; }
div.featuredtab { height: 140px; background: url(../images/featured-tab.png) no-repeat top left; padding-left: 100px; }
div.moduletablefeatured { float: left; padding-top: 10px; }
div.moduletablefeatured p { color: #fff; }
	
/* Content Sidebar Menu */
ul.menuprod { list-style: none; }
ul.menuprod li { font-size: 18px; color: #fff; list-style: none; display: block; height: 48px; line-height: 48px; background: url(../images/sidebar-menu-left-background.png) bottom left; }
ul.menuprod li a { display: block; text-decoration: none; color: #fff; }
ul.menuprod li a:hover { display: block; background: url(../images/sidebar-menu-left-background-hover.png) bottom left; }
ul.menuprod li.active { display: block; background: url(../images/sidebar-menu-left-background-active.png) bottom left; }

/* Footer */
div#footer { color:#abcdef; }
div#footer-left { float: left; padding-top: 10px; font-size: 14px; }
div#footer-right { float: right; }
div.moduletablefooterlogobar p img { margin-left: 5px; }

/* Used Equipment Item Frame */
div.usedeqitemframe { width: 840px; background: url(../images/productwd-frame-top.png) no-repeat top left; padding: 10px 0 0 0; }
div.usedeqitemframe div { background: url(../images/productwd-frame-bottom.png) no-repeat bottom left; padding: 0 0 10px 0; }
div.usedeqitemframe div div { background: url(../images/productwd-frame-mid.png) repeat-y; padding: 0 5px 0 10px; }
div.usedeqitemframe div div div { background: none; margin: 0px; padding: 0px; }
/* Used Equipment Item Frame Layout */
div.usedeqleft { width: 200px; float: left; }
div.usedeqright { width: 390px; float: right; }
div.usedeqbottom { clear: both; }
/* Used Equipment Item Content styling */
div.usedeqitemframe h3 { color: #46729c; font-size: 18pt; font-style: italic; }
div.usedeqitemframe h4 { color: #46729c; margin-bottom: 12px; margin-top: 10px;}
div.usedeqitemframe p { padding: 6px 0; }
div.usedeqitemframe ul { margin: 0 20px; }
div.usedeqitemframe th { background: #ddd; }
div.usedeqitemframe table {font-size: .95em; }
div.usedeqitemframe a { color: #46729c; }
div.usedeqitemframe a:hover { color: #0082ff; }
div.usedeqitemframe hr { color: #eee; background-color: #eee; height: 2px; border: 0px; margin: 10px 0 10px 0; }
div.usedeqitemframe div div div.usedeqimage { float: right; padding-right: 15px; }
div.usedeqitemframe div div div.usedeqtext { float: left; padding-left: 15px; }