/* CSS Document */ @import "reset.css"; /* GLOBAL */ body {background: #fff url(../images/bg-page.png) repeat-x; font-family:"Myriad Pro",Helvetica, Arial, sans-serif; font-size:13px; color:#333;margin:0;padding:0;height:100%; line-height:20px;} body#home {background: #fff url(../images/bg-page-home.png) repeat-x;} a, a:visited {color:#003c81; text-decoration:none; border-bottom:1px #666 dotted;} a:hover { color:#0172bf;} p { margin:0 0 18px 0;} hr { border:none; border-bottom:1px #999 dotted; margin:0 0 25px 0;} #sidebarbox hr { margin:0;} h1 { font-size:30px; line-height:30px; margin:18px 0 8px 0; font-weight:normal; color:#003c81;} h2 { font-size:24px; line-height:28px; margin:18px 0 12px 0; font-weight:normal; color:#333;} h3 { font-size:18px;color:#121212; font-weight:normal; margin:18px 0 2px 0;} h4 { font-size:17px; color:#184E8C; font-weight:normal; padding:15px 0 10px 0;} h5 { font-size:17px; color:#184E8C; font-weight:strong; display:inline;} h6 { font-size:15px; color:#121212; font-weight:strong; display:inline;} .navpreload { position:absolute; left:-10000px; top:-10000px;} /* HEADER */ #header { width:100%; background:url(../images/bg-header.png) center no-repeat; height:275px;} body#aboutus #header {background:url(../images/bg-header.png) center repeat-x;} body#business-solutions #header {background:url(../images/bg-header.png) center repeat-x;} body#home #header {background:url(../images/bg-header.png) center repeat-x;} body#locations #header {background:url(../images/bg-header.png) center repeat-x;} body#news-events #header {background:url(../images/bg-header.png) center repeat-x;} body#partners #header {background:url(../images/bg-header.png) center repeat-x;} body#privacy #header {background:url(../images/bg-header.png) center repeat-x;} body#pro-audiovisual #header {background:url(../images/bg-header.png) center repeat-x;} body#rentals #header {background:url(../images/bg-header.png) center repeat-x;} body#repairs #header {background:url(../images/bg-header.png) center repeat-x;} body#shoponline #header {background:url(../images/bg-header.png) center repeat-x;} body#sitemap #header {background:url(../images/bg-header.png) center repeat-x;} body#specials #header {background:url(../images/bg-header.png) center repeat-x;} body#tou #header {background:url(../images/bg-header.png) center repeat-x;} body#tradeins-used #header {background:url(../images/bg-header.png) center repeat-x;} #alertbar {height:55px; background:url(../images/bg-alertbar.png) center repeat-x; margin:auto;} #alertcontent {width:960px; margin:0 auto;} p#alerttext {padding-top:10px;} #logo_tagline { width:960px; height:190px;margin:0 auto 53px auto;padding-left:11px;} #logo_tagline #logo { float:left; width:180px; height:190px; margin-left:0;} #logo_tagline #logo a { border:none;} #logo_tagline #tagline { float:right;font-size:26px; color:#003c81; width:762px; padding:102px 0 0 18px;} /* Utility Navigation */ #nav-utility { width:960px; margin:0 auto; height:32px;} #nav-utility a { border:none;} #nav-utility ul li{ list-style:none; display:inline;} #nav-utility span { display:none;} #nav-utility-01, #nav-utility-02, #nav-utility-03, #nav-utility-04, #nav-utility-05, #nav-utility-06, #nav-utility-07, #nav-utility-08, #nav-utility-09, #nav-utility-10, #nav-utility-11, #nav-utility-12 {display:block; float:left;height:32px;} #nav-utility-01 {width:100px; background: url(../images/nav-utility.png);} #nav-utility-01:hover { background: url(../images/nav-utility-over.png);} #nav-utility-01:active { background: url(../images/nav-utility-hit.png);} #nav-utility-02 {width:133px; background: url(../images/nav-utility.png) -100px; margin-right:140px;} #nav-utility-02:hover { background: url(../images/nav-utility-over.png) -100px;} #nav-utility-02:active { background: url(../images/nav-utility-hit.png) -100px;} #nav-utility-03 {width:72px; background: url(../images/nav-utility.png) -373px;} #nav-utility-03:hover { background: url(../images/nav-utility-over.png) -373px;} #nav-utility-03:active { background: url(../images/nav-utility-hit.png) -373px;} #nav-utility-04 {width:85px; background: url(../images/nav-utility.png) -445px;} #nav-utility-04:hover { background: url(../images/nav-utility-over.png) -445px;} #nav-utility-04:active { background: url(../images/nav-utility-hit.png) -445px;} #nav-utility-05 {width:106px; background: url(../images/nav-utility.png) -530px;} #nav-utility-05:hover { background: url(../images/nav-utility-over.png) -530px;} #nav-utility-05:active { background: url(../images/nav-utility-hit.png) -530px;} #nav-utility-06 {width:81px; background: url(../images/nav-utility.png) -636px;} #nav-utility-06:hover { background: url(../images/nav-utility-over.png) -636px;} #nav-utility-06:active { background: url(../images/nav-utility-hit.png) -636px;} #nav-utility-07 {width:56px; background: url(../images/nav-utility.png) -717px;} #nav-utility-07:hover { background: url(../images/nav-utility-over.png) -717px;} #nav-utility-07:active { background: url(../images/nav-utility-hit.png) -717px;} #nav-utility-08 {width:57px; background: url(../images/nav-utility.png) -773px;} #nav-utility-08:hover { background: url(../images/nav-utility-over.png) -773px;} #nav-utility-08:active { background: url(../images/nav-utility-hit.png) -773px;} #nav-utility-09 {width:21px; background: url(../images/nav-utility.png) -830px;} #nav-utility-09:hover { background: url(../images/nav-utility-over.png) -830px;} #nav-utility-09:active { background: url(../images/nav-utility-hit.png) -830px;} #nav-utility-10 {width:21px; background: url(../images/nav-utility.png) -851px;} #nav-utility-10:hover { background: url(../images/nav-utility-over.png) -851px;} #nav-utility-10:active { background: url(../images/nav-utility-hit.png) -851px;} #nav-utility-11 {width:35px; background: url(../images/nav-utility.png) -872px;} #nav-utility-11:hover { background: url(../images/nav-utility-over.png) -872px;} #nav-utility-11:active { background: url(../images/nav-utility-hit.png) -872px;} #nav-utility-12 {width:53px; background: url(../images/nav-utility.png) -907px;} #nav-utility-12:hover { background: url(../images/nav-utility-over.png) -907px;} #nav-utility-12:active { background: url(../images/nav-utility-hit.png) -907px;} /* TOGGLE TEXT SIZE */ .smallview #content_main { /*CSS for "small font" setting*/ font-size:13px; } .largeview #content_main { /*CSS for "large font" setting*/ font-size: 15px; } /* MAIN NAVIGATION */ #navMain { width:960px; height:55px; display:block; margin:0 auto;} #navMain a { border:none;} #navMain ul li{ list-style:none; display:inline;} #navMain span { display:none;} #navMain01, #navMain02, #navMain03, #navMain04, #navMain05, #navMain06, #navMain07, #navMain08 {display:block; float:left;height:55px;} #navMain01 {width:100px; background: url(../images/mainnav.png);} #navMain01:hover { background: url(../images/mainnav-over.png);} #navMain01:active { background: url(../images/mainnav-hit.png);} #navMain02 {width:96px; background: url(../images/mainnav.png) -100px;} #navMain02:hover { background: url(../images/mainnav-over.png) -100px;} #navMain02:active { background: url(../images/mainnav-hit.png) -100px;} #navMain03 {width:177px; background: url(../images/mainnav.png) -196px;} #navMain03:hover { background: url(../images/mainnav-over.png) -196px;} #navMain03:active { background: url(../images/mainnav-hit.png) -196px;} #navMain04 {width:155px; background: url(../images/mainnav.png) -373px;} #navMain04:hover { background: url(../images/mainnav-over.png) -373px;} #navMain04:active { background: url(../images/mainnav-hit.png) -373px;} #navMain05 {width:99px; background: url(../images/mainnav.png) -528px;} #navMain05:hover { background: url(../images/mainnav-over.png) -528px;} #navMain05:active { background: url(../images/mainnav-hit.png) -528px;} #navMain06 {width:90px; background: url(../images/mainnav.png) -627px;} #navMain06:hover { background: url(../images/mainnav-over.png) -627px;} #navMain06:active { background: url(../images/mainnav-hit.png) -627px;} #navMain07 {width:149px; background: url(../images/mainnav.png) -717px;} #navMain07:hover { background: url(../images/mainnav-over.png) -717px;} #navMain07:active { background: url(../images/mainnav-hit.png) -717px;} #navMain08 {width:94px; background: url(../images/mainnav.png) -866px;} #navMain08:hover { background: url(../images/mainnav-over.png) -866px;} #navMain08:active { background: url(../images/mainnav-hit.png) -866px;} /* CURRENT PAGE SELECTION - Main Sections */ #shoponline a#navMain01 { background: url(../images/mainnav-current.png); } #specials a#navMain02 { background: url(../images/mainnav-current.png) -100px; } #business-solutions a#navMain03 { background: url(../images/mainnav-current.png) -196px; } #pro-audiovisual a#navMain04 { background: url(../images/mainnav-current.png) -373px; } #training a#navMain05 { background: url(../images/mainnav-current.png) -528px; } #repairs a#navMain06 { background: url(../images/mainnav-current.png) -627px; } #tradeins-used a#navMain07 { background: url(../images/mainnav-current.png) -717px; } #rentals a#navMain08 { background: url(../images/mainnav-current.png) -866px; } #aboutus a#nav-utility-03 {background: url(../images/nav-utility-current.png) -373px;} #locations a#nav-utility-04 {background: url(../images/nav-utility-current.png) -445px;} #news-events a#nav-utility-05 {background: url(../images/nav-utility-current.png) -530px;} #partners a#nav-utility-06 {background: url(../images/nav-utility-current.png) -636px;} /* BILLBOARD */ #billboard { width:%100; /*width:960px;*/ background:url(../images/bg-billboard.png) repeat-x #ddd; height:125px;} #billboard-home { width:%100; /*width:960px; */background: /*white*/url(../images/bg-billboard-home.png) repeat-x; height:276px;} #billboard div { width:960px;margin:0 auto;} #billboard div p { font-size:24px; color:#444; padding:46px 0 0 280px; } /* JFLOW CONTENT SLIDER */ /*#mySlides { margin:0 0 20px 0;}*/ #mySlides div {width:950px; height:230px; display:block; margin:0 auto; padding-top:9px; vertical-align:top;} div.sliderhidden { display:none;} #mySlides div p.bb-pic { float:left; margin:0 25px 0 2px;} #mySlides div p.bb-title { font-size:28px; color:#333; margin-top:55px;} #mySlides div p.bb-text {font-size:14px; text-align:justify;} #mySlides div p.callto-action { float:right; margin:93px 50px 0 18px;} #myController {width:747px; display:block; margin:0 auto;/* text-align:center;*/ padding-left:213px;} #myController ul li{ list-style:none; display:inline;padding:3px 6px;} #myController ul li{ color:#668ab3; background:url(../images/bg-thumb.png) no-repeat; margin-right:2px; cursor:pointer; } #myController li.jFlowSelected { background:url(../images/bg-thumb2.png) no-repeat; color:#fff; } #jFlowSlide{ } h1.h1-featured { font-size:28px; color:#333;} /* CONTENT */ #contentwrapper { width:960px; margin:0 auto;} #content_main { width:600px; margin:20px; float:left;} #content_main ul { margin:0 0 20px 0;} #content_main ul li { list-style-image:url(../images/bullet.gif); list-style-position:inside;} /* content */ #specials #content_main, #locations #content_main { width:960px;} #news-events #content_main { width:780px;} /*SECTION TAGLINE */ p.section-tagline { font-size:20px; color:#666; padding:0; } /* SIDEBAR */ #sidebarwrapper { width:267px; float:right; margin:42px 0 20px 0;} div.sidebarbox { background:url(../images/sidebar-box.gif) no-repeat; width:243px/* +24pad=total width267px */; padding:15px 12px 1px 12px;} div.sidebarbox p.sidebartitle { color:#2c5e96; font-size:14px; text-transform:uppercase; letter-spacing:1px; border-bottom:2px solid #ddd; padding:0 0 6px 0;} div.sidebarbox p.sidebartitle-callback { font-size:16px; color:#104888; letter-spacing:1px;} div.sidebarboxbottom { background:url(../images/sidebar-box-bottom.gif) no-repeat; width:267px; height:17px;} div#assistance h3 { margin-top:2px;} div#assistance ul { line-height:18px;} div#assistance ul li{ list-style-image:none; margin-bottom:20px;} iframe#iframe_newsbox { width:250px; height:260px;} body#home iframe#iframe_newsbox {height:400px;} body#newslist { background:none;} #callbackbox { background:url(../images/bg-callback.jpg) no-repeat; height:113px;} /* SUB NAVIGATION */ div.subnav {width:600px; display:block; border-bottom:1px #ccc dotted; margin:0 0 25px 0; height:20px; padding:12px 0 6px 0; color:#CC0000; font-size:13px;} div.subnav a { border:none; text-transform:uppercase; text-decoration:none; color:#003c81;} div.subnav ul { margin:0; padding:0;} div#subnav-business-solutions ul li, div#subnav-about ul li, div#subnav-proav ul li, div#subnav-training ul li { display:inline; margin:0 16px 0 0; background:url(../images/bullet-arrow.gif) no-repeat; padding:0 0 0 10px;} div#subnav-training {border-bottom:0px;} #bs-ourservices a#bs-subnav01, #bs-different a#bs-subnav02, #bs-how a#bs-subnav03, #bs-success a#bs-subnav04, #proav-audio a#proav-subnav01, #proav-graphics a#proav-subnav02, #proav-video a#proav-subnav03, #about-overview a#about-subnav01, #about-careers a#about-subnav02 , #about-community a#about-subnav03 { color:#cd3333;} /* SPECIALS PAGE */ table#specials-products { width:960px; border-spacing:9px; position:relative; left:-9px; top:-10px;} table#specials-products td { width:231px; background:url(../images/bg-specials-prod.gif) repeat-y;} table#specials-products ul li { list-style-image:none;} div.specialprod-info { padding:0 6px 0 18px; height:260px;} div.specialprod-info hr { margin:0 0 8px 0;} .specialprod-note { color:#666; font-size:11px;padding:0 6px 0 18px; margin:0;} div.specialprod-bottom { background:url(../images/border-bottom-specials-prod.gif) no-repeat; height:17px;} .newprice { color:#c00;} /* NEWS & EVENTS PAGE */ body#news-events #content_main hr { margin-bottom:25px;} .news-date { width:90px; font-size:14px;} .news-exerpt { width:510px; font-size:14px; padding-bottom:12px;} .news-exerpt a { color:#600; font-size:10px; font-weight:bold; margin-left:10px; border:none;} .newstag { vertical-align:middle;} #news_events_pages { width:300px; text-align:right;} #news_events_pages ul { margin:0;} #news_events_pages ul li { display:inline; list-style-image:none; list-style:none; padding:0 3px;} #news_events_pages a { border:none; padding:4px;} #news_events_pages ul li a.linkprev { background:url(../images/arrow-prev.gif) no-repeat 0px; padding-left:9px;} #news_events_pages ul li a.linknext { background:url(../images/arrow-next.gif) no-repeat right; padding-right:10px;} #news_categories {float:left; margin:0 0 8px 0;} #news_categories select#select_category { margin-left:10px;} div.pagination { float: right;} #navevents {width:600px; height:34px; display:block; margin:0;} #navevents {background: url(../images/nav-events.jpg);} #navevents ul li { list-style:none; display:inline;} #navevents ul li a/*#navevents01, #navevents02, #navevents03, #navevents04, #navevents05, #navevents06*/ {display:block; float:left;height:34px; color:#003c81; /*text-align:center;width:75px;*/ border:none; line-height:35px; font-size:11px; font-family:Arial, Helvetica, sans-serif; padding:0 15px;} #navevents ul li a#navevents05 {/* background:url(../images/nav-events-current.jpg); */color:#cc0000;} .event-date { width:90px; font-size:14px; color:#225691;} .event-exerpt { width:510px; font-size:14px; padding-bottom:10px;} .event-exerpt a { border:none;} .event-exerpt p { margin-bottom:6px;} body#newslist { background:#fff; line-height:16px;} .news_date { font-size:11px; color:#555; line-height:13px;} .news_shortdesc { padding-top:10px;} /* LOCATIONS */ #tbl-locations { width:960px; border-spacing:20px; position:relative; top:-20px; left:-20px;} #tbl-locations td { background:url(../images/locationbox-topborder.jpg) no-repeat; padding:20px 0 0 0;} #tbl-locations div { padding:0 20px; width:260px; background:url(../images/locationbox-sideborders.gif);} #tbl-locations h1 { font-size:16px; margin:0 0 5px 0;} #tbl-locations h3 { font-size:14px; margin:0 0 5px 0; font-weight:bold; color:#333;} #tbl-locations hr { margin:0 0 15px 0;} #tbl-locations p { margin:0; padding:0 0 18px 0;} #locations-contactinfo { width:960px;} #locations-contactinfo td { vertical-align:top;} /* WORKSHOPS PAGE */ .workshop-wrapper { width:580px; margin:0 auto; padding:10px 10px 10px 10px; background:#cfcfcf;} #workshop-body { width:570px; margin:0 auto; background:#cfcfcf;} #workshop-body img { margin-bottom:10px; } /* FOOTER */ #footerwrapper { width:100%; background:#252525; float:left; margin-top:40px;} #footer { width:960px; margin:20px auto; padding:0px; color:#bababa; font-family:Tahoma, Helvetica, sans-serif; font-size:11px;} #newsletter {border-bottom:1px #444 solid; padding:0 0 12px 0; width:360px; float:left;} form#newsletterform { margin:0; padding:0;} form#newsletterform input#id-email { width:111px; height:17px; color:#bababa; font-size:11px; line-height:11px; padding:3px 5px 0 5px; margin:0 5px 0 8px; background:#333; border:1px #aaa solid;} form#newsletterform input#id-submit { border:none; width:54px; height:22px; background:#fff; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:10px; font-weight:bold; padding:4px 0 3px 0; vertical-align:top;} #footerlinks {border-bottom:1px #444 solid; width:360px; margin:0; padding:0; float:left;} #footerlinks ul { margin:0; padding:2px 0 12px 0; float:left;} #footerlinks ul li { list-style:none; display:inline; margin-right:20px; border-left:1px #444 solid; padding:6px 20px 6px 10px;} #footerlinks a { color:#bababa; text-decoration:none; border:none;} #tollfree {border-bottom:1px #444 solid; padding:0; width:240px; float:right;} #tollfree ul { margin:0; padding:2px 0 12px 0;} #tollfree ul li { list-style:none; display:inline; margin-right:20px; border-left:1px #444 solid; padding:6px 20px 6px 12px;} #footer-locations {padding:0; width:720px; float:left; margin:20px 0 0 0; line-height:18px;} #footer-locations p { width:240px; float:left; margin:0; padding:0;} #footer-locations p span { font-weight:bold; margin:0 0 10px 0;} #footer-locations p span br { margin:12px;} #facebooktwitter { width:227px;border-left:1px #444 solid; padding:0 0 25px 12px; margin:19px 0 0 0; float:right; } #facebook { float:left; padding:0 10px 0 0;} #facebooktwitter a { border:none;} #facebooktwitter img { margin:5px 3px 0 0;} #copyright {float:left;/*border-top:1px #444 solid; */width:664px;margin:30px 0 0 0; padding:20px 0;} #freshmark {float:right;/*border-top:1px #444 solid; */width:283px;margin:30px 0 0 0; padding:8px 0 0 13px;} #freshmark a { border:none;} /* OVERLAY-POPUP CONTENT FOR FORMS */ .leightbox { display: none; position: absolute; width: 850px; height: 560px; top: 25px; /*left:25%; padding: 1em; border: px solid #B8B8B8; background-color: white; text-align: left;*/ z-index:1001; overflow: auto; } #overlay{ display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1000; background-color:#333; -moz-opacity: 0.8; opacity:.70; filter: alpha(opacity=70); } .lightbox[id]{ /* IE6 and below Can't See This */ position:fixed; }#overlay[id]{ /* IE6 and below Can't See This */ position:fixed; } #lightbox1 {width: 870px; height: 600px;} #lightbox2 {width: 870px; height: 580px;} #lightbox4, #lightbox5 {width: 870px; height: 620px;} /* CALLBACK FORMS */ form.callbackform { margin:20px 0 20px 0;} form.callbackform p.formfield { border-top:1px #ccc solid; padding:15px 0 0 0;} form.callbackform input { display:block; margin:0 0 10px 0;} form.callbackform textarea { display:block; margin:5px 0 0 0;} form.callbackform select.dropdown { display:block; margin:5px 0 0 0;} form.callbackform input.radiobutton { display:inline; margin:5px 0 0 0;} body.formpage { background:#fff;} #tbl-callbackform { width:840px;/* background:url(../images/form-borderside.png) repeat-y;*/} #tbl-callbackform td { width:260px;padding:15px; } #tbl-callbackform-wrapper td.formtopborder { background:url(../images/form-bordertop.png) no-repeat; padding:10px; text-align:right;} #tbl-callbackform-wrapper td.formbottomborder { background:url(../images/form-borderbottom.png) no-repeat; padding:0;} #id_familiarity { width:190px;} div.form-checkbox input { display:inline;} #tbl-callbackform td.formtitle { padding-bottom:0;} #tbl-callbackform td.formtitle h1 { margin:0;} /* TWITTER FEED */ ul#twitter_update_list { margin:0 0 10px 0; background: #e7f1fd; padding:12px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} ul#twitter_update_list li { list-style: none; margin: 0 0 18px 0; background:none;} ul#twitter_update_list li span { display: block;} ul#twitter_update_list li.lastTweet { margin:0;} #twitterbird { position:relative; top:6px; left:12px;} div#twitterprofile {margin-left:14px; font-size:12px;} /* OTHER */ .introtext { font-size:15px; line-height:24px;} .contenthighlight { background:url(../images/bg-bluefade.jpg) repeat-x; border-top:1px #ccc dotted;border-bottom:1px #ccc dotted; padding:20px; display:block;} #logosgrid { border-collapse:separate; border-spacing:10px; padding:0; position:relative; left:-10px;} #logosgrid td { vertical-align:middle;text-align:center;width:170px; height:100px; background:url(../images/bg-logos.gif) no-repeat; empty-cells:hide;} #logosgrid a:hover {border:none;} .tablecell-empty { empty-cells:hide;} a.imglink { border:none;} #content_main ul.list_indented li { margin:0 0 0 20px;} #tbl_partners td { vertical-align:top; padding:0 40px 40px 0;} .backtotop { text-align:right;}