/**************************************
cdsdisplays.com
***************************************/

img, div, input { behavior: url("/style/iepngfix.htc"); }
.clear { clear:both; }

body { margin:0; padding:0 0 40px 0; text-align:center; min-width:840px; background:#07182c url(/images/bg-body.jpg) 0 0 repeat-x; font:normal 12px verdana; }
	
	div.hidden { position:absolute; top:-500px; left:50%; width:800px; height:247px; margin-left:-400px; }
		div.hidden img { position:absolute; top:0; left:0; }
	
	div.wrapper { width:840px; margin:0 auto; padding:0px 0px 60px 0px; text-align:left; position:relative; background:#FFF url(/images/bg-wrapper-internal.gif) 0 bottom repeat-x; }
	body.home div.wrapper { background:#FFF url(/images/bg-wrapper-home.jpg) 0 bottom repeat-x; }
		div.wrapper div.shadow-left { width:8px; height:756px; position:absolute; top:0px; left:-8px; background:url(/images/shadow-left.png) 0 0 no-repeat; }
		div.wrapper div.shadow-right { width:8px; height:756px; position:absolute; top:0px; right:-8px; background:url(/images/shadow-right.png) 0 0 no-repeat; }
		div.wrapper div.rounded-bottom { width:840px; height:15px; position:absolute; bottom:-15px; left:0px; background:url(/images/rounded-bottom.png) 0 0 no-repeat; }

	div.wrapper2 { width:970px; margin:0 auto; padding:0px 0px 60px 0px; text-align:left; position:relative; background:#FFF url(/images/bg-wrapper-internal.gif) 0 bottom repeat-x; }
	body.home div.wrapper2 { background:#FFF url(/images/bg-wrapper-home.jpg) 0 bottom repeat-x; }
		div.wrapper2 div.shadow-left { width:8px; height:756px; position:absolute; top:0px; left:-8px; background:url(/images/shadow-left.png) 0 0 no-repeat; }
		div.wrapper2 div.shadow-right { width:8px; height:756px; position:absolute; top:0px; right:-8px; background:url(/images/shadow-right.png) 0 0 no-repeat; }
		div.wrapper2 div.rounded-bottom { width:970px; height:15px; position:absolute; bottom:-15px; left:0px; background:url(/images/rounded-bottom2.png) 0 0 no-repeat; }
	
	h1 { font-size:20px; font-weight:normal; }
	p { color:#3f464b; margin:5px 0 10px 0; }
	a { color:#162d68; cursor:pointer; }
	a:hover { color:#000; }

	div.header { position:relative; padding:20px 20px 10px 20px; border-bottom:2px solid #617a94; background:#FFF url(/images/bg-header.gif) 0 0 repeat-x; }
		div.header img { margin:0 0 10px 0; }
		div.header img.phone { position:absolute; right:20px; bottom:40px; }
		div.header img.corp { position:absolute; right:20px`; bottom:10px; }
	div.nav { position:relative; z-index:9; padding:5px 20px 0 20px; background:#FFF; }
		div.nav ul.primary { height:26px; font-size:12px; font-weight:bold; border-bottom: 1px dotted #7F7F7F; }
			div.nav ul.primary li { display:inline; float:left; width:auto; position:relative; }
			div.nav ul.primary li a { display:block; float:left; padding:5px 10px; color:#68737b; text-decoration:none; }
			div.nav ul.primary li.active a { color:#162d68; }
		div.nav ul.secondary { display:none; position:absolute; top:22px; left:0px; border:1px solid #74849b; background-color:#dbdbdb; height:auto; font-size:11px; font-weight:normal; width:120px; }
			div.nav ul.secondary li { display:block; width:100%; }
			div.nav ul.primary li.active ul.secondary li a { position:relative; z-index:8; display:block; float:none; padding:4px 8px; background-color:#dbdbdb; color:#000; border-bottom:1px dotted #6e6e6e; border-top:1px solid #FFF; }
			div.nav ul.primary li.active ul.secondary li.active a { background-color:#afb6bc; }
		div.nav ul.tertiary { display:none; position:absolute; z-index:9; top:7px; left:110px; border:1px solid #74849b; background-color:#c5d3de; height:auto; font-size:11px; font-weight:normal; width:120px; }
			div.nav ul.primary li.active ul.secondary li.active ul.tertiary li a { background-color:#c5d3de; }
			div.nav ul.primary li.active ul.secondary li.active ul.tertiary li.active a { background-color:#afb6bc; }
		div.nav ul.secondary li div.arrow { position:absolute; z-index:9; top:7px; right:8px; background:url(/images/arrow-nav.png) 0 0 no-repeat; width:8px; height:7px; }
        
         div.navhome { position:relative; z-index:9; padding:5px 20px 0 20px; background:#FFF; }
		div.navhome ul.primary { height:26px; font-size:12px; font-weight:bold; }
			div.navhome ul.primary li { display:inline; float:left; width:auto; position:relative; }
			div.navhome ul.primary li a { display:block; float:left; padding:5px 10px; color:#68737b; text-decoration:none; }
			div.navhome ul.primary li.active a { color:#162d68; }
		div.navhome ul.secondary { display:none; position:absolute; top:22px; left:0px; border:1px solid #74849b; background-color:#dbdbdb; height:auto; font-size:11px; font-weight:normal; width:120px; }
			div.navhome ul.secondary li { display:block; width:100%; }
			div.navhome ul.primary li.active ul.secondary li a { position:relative; z-index:8; display:block; float:none; padding:4px 8px; background-color:#dbdbdb; color:#000; border-bottom:1px dotted #6e6e6e; border-top:1px solid #FFF; }
			div.navhome ul.primary li.active ul.secondary li.active a { background-color:#afb6bc; }
		div.navhome ul.tertiary { display:none; position:absolute; z-index:9; top:7px; left:110px; border:1px solid #74849b; background-color:#c5d3de; height:auto; font-size:11px; font-weight:normal; width:120px; }
			div.navhome ul.primary li.active ul.secondary li.active ul.tertiary li a { background-color:#c5d3de; }
			div.navhome ul.primary li.active ul.secondary li.active ul.tertiary li.active a { background-color:#afb6bc; }
		div.navhome ul.secondary li div.arrow { position:absolute; z-index:9; top:7px; right:8px; background:url(/images/arrow-nav.png) 0 0 no-repeat; width:8px; height:7px; }
	
	div.footer { text-align:center; font-size:11px; position:absolute; bottom:5px; padding:15px 0 0 0; margin:0 100px; width:600px; /* background:url(/images/bg-footer.gif) top no-repeat; */ border-top:1px dotted #7f7f7f; }
		div.footer ul { margin:3px 0; color:#3f464b; }
			div.footer ul li { display:inline; }
			div.footer ul li a { color:#3f464b; text-decoration:none; }
			div.footer ul li a:hover { color:#000; text-decoration:underline; }
		div.footer p { margin:3px 0; color:#3f464b; }
		
		div.footer2 { text-align:center; font-size:11px; position:absolute; bottom:5px; padding:15px 0 0 0; margin:0 165px; width:600px; /* background:url(/images/bg-footer.gif) top no-repeat; */ border-top:1px dotted #7f7f7f; }
		div.footer2 ul { margin:3px 0; color:#3f464b; }
			div.footer2 ul li { display:inline; }
			div.footer2 ul li a { color:#3f464b; text-decoration:none; }
			div.footer2 ul li a:hover { color:#000; text-decoration:underline; }
		div.footer2 p { margin:3px 0; color:#3f464b; }
	
/**************************************
homepage specific
***************************************/
div.banners { position:relative; z-index:8; width:800px; margin:0 0 0 20px; height:427px; overflow:hidden; margin-bottom:25px; background-position:0 0; background-repeat:no-repeat; }
	img.banners-bg { position:absolute; z-index:6; top:0; left:0; }
	div.banners-loading { position:absolute; z-index:7; top:50%; left:50%; padding:8px; background:#FFF; border:1px solid #162d68; margin:-20px 0 0 -20px; }
	div.banners div.popup-bg { display:none; position:absolute; z-index:8; top:30px; right:30px; width:367px; height:144px; background:url(/images/bg-banners-popup.png) 0 0 no-repeat; }
	div.banners div.popup { display:none; position:absolute; z-index:9; top:30px; right:30px; width:307px; height:104px; padding:25px 30px; }
		div.banners div.popup img.arrow { position:absolute; top:20px; right:20px; }
		div.banners div.popup a { text-transform:uppercase; font-size:11px; }
		div.banners div#popup-displays h1, div.banners div#popup-displays a { color:#162d68; }
			div.banners div#popup-displays a:hover { color:#000; }
		div.banners div#popup-rentals h1, div.banners div#popup-rentals a { color:#ac7f24; }
			div.banners div#popup-rentals a:hover { color:#000; }
		div.banners div#popup-signs h1, div.banners div#popup-signs a { color:#900011; }
			div.banners div#popup-signs a:hover { color:#000; }

	div.banners div.control { position:absolute; z-index:9; bottom:0px; width:800px; height:157px; }		
		div.banners div.control div.banners-control-bg { position:absolute; z-index:8; width:800px; height:157px; background:url(/images/banners-control-bg.png) 0 0 no-repeat; }		
		div.banners div.control div#displays {  cursor:pointer; position:absolute; z-index:9; bottom:0px; left:1px; width:226px; height:75px; padding:25px 20px 5px 20px; background:url(/images/banners-displays-bg.png) 5px -9999px no-repeat; }		
		div.banners div.control div#rentals { cursor:pointer; position:absolute; z-index:9; bottom:0px; left:260px; width:241px; height:75px; padding:25px 20px 5px 20px; background:url(/images/banners-rentals-bg.png) 5px -9999px no-repeat; }		
		div.banners div.control div#signs { cursor:pointer; position:absolute; z-index:9; bottom:0px; right:1px; width:226px; height:75px; padding:25px 20px 5px 20px; background:url(/images/banners-signs-bg.png) 6px -9999px no-repeat; }		
		div.banners div.control div h1 { color:#FFF; }
		div.banners div.control div h1 img.arrow { position:relative; top:2px; left:7px; }
		div.banners div.control div a { color:#FFF; text-decoration:none; }

	div.banners div.shadow { position:absolute; bottom:-22px; width:800px; height:22px; background:url(/images/banners-shadow.png) 0 0 no-repeat; }
	
div.home { margin:10px 20px 0px 20px; width:800px; }
	div.home h1 { color:#162d68; }
	div.home div.content { float:left; width:520px; padding:0 20px 0 0; background:url(/images/bg-home-content.gif) right 0 repeat-y; }
	div.home div.callout { float:right; margin:20px 0 0 0; width:188px; height:120px; padding:15px; background:url(/images/bg-home-callout.gif) no-repeat; position:relative; }
		div.home div.callout img.arrow { position:absolute; top:15px; right:15px; }
		div.home div.callout h2 { font-size:14px; font-weight:bold; color:#900011; }
		div.home div.callout h4 { font-size:14px; font-weight:bold; color:#AC7F24; }

/**************************************
internal specific
***************************************/
div.internal { margin:10px 20px 0px 20px; color:#3f464b; }
	div.internal h1 { color:#162d68; }
	div.internal h3 { color:#000; font-size:12px; margin:10px 0 5px 0; font-weight:bold; }
	div.internal ul { list-style-type:disc; margin:10px 0 10px 20px; }
	
	div.internal div.products { margin:20px 0; padding:10px; border:1px dotted #7f7f7f; }
		div.internal div.products div.product { cursor:pointer; float:left; width:238px; padding:10px; overflow:hidden; text-align:center; border:1px dotted #7f7f7f; border-width:0 1px 1px 0; }
		div.internal div.products div.no-top-border { border-top:0; }
		div.internal div.products div.no-right-border { border-right:0; }
		div.internal div.products div.bottom-border { border-bottom:1px; }
		div.internal div.products div.product div.image { margin:10px 0; }
		div.internal div.products div.product h3 { font-size:14px; margin:10px 0 5px 0; }
		div.internal div.products div.product a { color:#7f7f7f; text-decoration:none; }
		div.internal div.products div.active a { color:#000; }
		div.internal div.products div.active a:hover { color:#000; }
		
		div.internal div.products div.product div.more-photos { height:28px; overflow:hidden; margin:4px 0; }
			a.more-photos  { background:url(/images/bg-more-photos.gif) 0 0 no-repeat; display:block; width:85px; padding:8px 40px 8px 5px; margin:0 auto; font-size:10px; color:#FFF; font-weight:bold; text-decoration:none; }
			a.more-photos:hover  { text-decoration:underline; }
		div.internal div.products div.product div.rental-available { height:28px; overflow:hidden; margin:4px 0; }
			a.rental-available { background:url(/images/bg-rental-available.gif) 0 0 no-repeat; display:block; width:102px; padding:8px 35px 8px 10px; margin:0 auto; font-size:10px; color:#162d68; font-weight:bold; text-decoration:none; }
			a.rental-available:hover { color:#000; text-decoration:underline; }
			
	div.callouts { margin:10px 0; }
		div.callouts div.callout { position:relative; float:left; width:238px; height:255px; text-align:center; margin:0 25px 0 0; }
		div.callouts div#brand { background:url(/images/displays-callout-brand.jpg) 0 0 no-repeat; }
		div.callouts div#size { background:url(/images/displays-callout-size.jpg) 0 0 no-repeat; }
		div.callouts div#type { background:url(/images/displays-callout-type.jpg) 0 0 no-repeat; }
		div.callouts div.callout h2 { position:absolute; top:10px; left:0px; width:100%; font-size:16px; font-weight:normal; color:#162d68; font-weight:bold; }
		div.callouts div.callout a { position:absolute; bottom:10px; left:50px; }
	
	div.showcase { }
		div.showcase div.left { float:left; width:350px; text-align:center; }
			div.showcase div.left img.main { width:350px; }
		div.showcase div.right { float:right; width:410px; margin:20px 10px 0 10px; }
			div.showcase div.right ul.details { margin:10px 0; width:410px; position:relative; }
				div.showcase div.right ul.details li { display:block; float:left; }
				div.showcase div.right ul.details li a { display:block; float:left; padding:5px; border:1px solid #dbdbdb; border-width:1px 0 0 1px; color:#000; background:#FFF; }
				div.showcase div.right ul.details li.last a { border-right:1px solid #dbdbdb; }
				div.showcase div.right ul.details li a:hover { color:#162d68; }
				div.showcase div.right ul.details li div { display:none; position:absolute; top:25px; left:0px; width:390px; padding:10px; border:1px solid #dbdbdb; }
		
		div.showcase div.full { position:relative; margin:20px 0; background:#e8e8e8; padding:25px 15px 5px 15px; border:1px solid #dbdbdb; }
			div.showcase div.full a.inquire-about { position:absolute; top:10px; right:10px; background:url(/images/bg-inquire-about.gif) 0 0 no-repeat; display:block; width:137px; padding:8px 35px 8px 18px; margin:0 auto; font-size:10px; color:#162d68; font-weight:bold; text-decoration:none; }
			div.showcase div.full a.inquire-about:hover { color:#000; text-decoration:underline; }

	form.contact { float:right; width:315px; padding:10px; border:1px solid #C8D4DE; margin:0 40px; }
		form.contact table td { padding:3px 0; }
		form.contact label { display:block; margin:0 15px 0 0; color:#3f464b; width:80px; }
		form.contact label.mandatory { font-weight:bold; }
		form.contact input.text { border:1px solid #C8D4DE; font-family:verdana; color:#3f464b; font-size:12px; background:url(/images/bg-input.gif) 0 0 no-repeat; width:200px; padding:3px 5px; }
		form.contact select { border:1px solid #C8D4DE; font-family:verdana; color:#3f464b; font-size:12px; background:url(/images/bg-input.gif) 0 0 no-repeat; width:200px; padding:3px 5px; }
		form.contact option { background:#FFF; color:#3f464b; }
		form.contact textarea { border:1px solid #C8D4DE; font-family:verdana; color:#3f464b; font-size:12px; background:url(/images/bg-input.gif) 0 0 no-repeat; width:295px; height:40px; padding:3px 5px; }
		form.contact div.submit { padding:5px 0; text-align:center; }
		form.contact div.submit input { border:1px solid #C8D4DE; font-family:verdana; color:#3f464b; font-size:12px; padding:3px 5px; }
		
	span.LV_valid { border:1px solid #0F1D4E; display:block; margin:4px 0; padding:3px 5px; display:none; }
	span.LV_invalid { border:1px solid red; display:block; margin:4px 0; padding:3px 5px; }
	input.LV_valid_field { }
	input.LV_invalid_field, select.LV_invalid_field { }


