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

/* colors
orange: #f37e00
grey: #8e8e8e
light grey: #303030

*/

* {margin: 0px; padding:0px}

a {outline: none;}

body {font-size: 62.5%; line-height: 1.5em; background: #efe7d0; font-family:Geneva, Arial, Helvetica, sans-serif}

#container {width: 902px; margin: 20px auto;}
body.home #header {background:url(images/header_bkg.jpg) no-repeat; height: 322px; width: 902px;}
#header {background:url(images/header_sm.jpg) no-repeat; height: 209px; width: 902px;}
#header h1 {height: 100px; width: 350px; float: left; position: absolute; z-index: 50}
#header h1 a {display: block; height: 100%; width: 100%; text-indent: -9999px;}

/* ----- main navigation ----- */

#nav_main {height: 40px; width: 902px; background:url(images/nav_main_bkg.jpg) repeat-x;}

/* adds left black border to nav main bar */
#nav_main_left {background:url(images/nav_main_left.jpg) no-repeat; height: 40px; width: 4px; float:left:}

#nav_main ul {height: 40px; width: 668px; list-style: none; float: right}
#nav_main ul li {height: 40px; display: block; float: left;}
#nav_main ul li a {display: block; height: 100%; width: 100%; text-indent: -9999px;}

#nav_main ul li.rent {background:url(images/nav_main_rent_displays.jpg) no-repeat; width: 137px;}
#nav_main ul li.exhibit {background:url(images/nav_main_exhibit_services.jpg) no-repeat; width: 239px;}
#nav_main ul li.graphics {background:url(images/nav_main_graphics_production.jpg) no-repeat; width: 161px;}
#nav_main ul li.purchase {background:url(images/nav_main_purchase_options.jpg) no-repeat; width: 131px;}
#nav_main ul li.home {display: none}

#nav_main ul li.rent a:hover {background:url(images/nav_main_rent_displays_over.jpg) no-repeat; width: 137px;}
#nav_main ul li.exhibit a:hover {background:url(images/nav_main_exhibit_services_over.jpg) no-repeat; width: 239px;}
#nav_main ul li.graphics a:hover {background:url(images/nav_main_graphics_production_over.jpg) no-repeat; width: 161px;}
#nav_main ul li.purchase a:hover {background:url(images/nav_main_purchase_options_over.jpg) no-repeat; width: 131px;}

/* ----- sub navigation ----- */

#nav_sub {width: 182px; float: left;}

#nav_sub ul.nav { width: 182px; list-style: none; margin: 15px 0 0 22px; float: left;}
*html body #nav_sub ul.nav {margin: 15px 0 0 11px}
#nav_sub ul.nav li {height: 29px; width: 182px; display: block; float: left; font-weight: normal}
#nav_sub ul.nav li a {display: block; height: 100%; width: 100%; text-indent: -9999px;}

#nav_sub ul.nav li.about {background:url(images/nav_sub_about.jpg) no-repeat; height: 32px;}
/* #nav_sub ul.nav li.why {background:url(images/nav_sub_why.jpg) no-repeat;} */
#nav_sub ul.nav li.why {display: none}
#nav_sub ul.nav li.steps {background:url(images/nav_sub_steps.jpg) no-repeat;}
#nav_sub ul.nav li.faq {background:url(images/nav_sub_faq.jpg) no-repeat;}
#nav_sub ul.nav li.knowledge {background:url(images/nav_sub_knowledge.jpg) no-repeat;}
#nav_sub ul.nav li.get_started {background:url(images/nav_sub_get_started.jpg) no-repeat;}
#nav_sub ul.nav li.rent_to_own {background:url(images/nav_sub_rent_to_own.jpg) no-repeat;}
#nav_sub ul.nav li.contact {background:url(images/nav_sub_contact.jpg) no-repeat;}
#nav_sub ul.nav li.home2 {background:url(images/nav_sub_home.jpg) no-repeat;}
#nav_sub ul.nav li.testimonials {display: none}
#nav_sub ul.nav li.sitemap {display: none}


#nav_sub ul.nav li.about a:hover {background:url(images/nav_sub_about_over.jpg) no-repeat; height: 32px;}
/* #nav_sub ul.nav li.why a:hover {background:url(images/nav_sub_why_over.jpg) no-repeat;} */
#nav_sub ul.nav li.steps a:hover {background:url(images/nav_sub_steps_over.jpg) no-repeat;}
#nav_sub ul.nav li.faq a:hover {background:url(images/nav_sub_faq_over.jpg) no-repeat;}
#nav_sub ul.nav li.knowledge a:hover {background:url(images/nav_sub_knowledge_over.jpg) no-repeat;}
#nav_sub ul.nav li.get_started a:hover {background:url(images/nav_sub_get_started_over.jpg) no-repeat;}
#nav_sub ul.nav li.rent_to_own a:hover {background:url(images/nav_sub_rent_to_own_over.jpg) no-repeat;}
#nav_sub ul.nav li.contact a:hover {background:url(images/nav_sub_contact_over.jpg) no-repeat;}
#nav_sub ul.nav li.home2 a:hover {background:url(images/nav_sub_home_over.jpg) no-repeat;}
#nav_sub #hack {margin: 0 0 0 22px}
*html body #nav_sub #hack {margin: 0 0 0 11px}

/* ----- content ----- */

#content {background:url(images/content_bkg.gif) repeat-y; width: 902px; padding: 0 0 50px 0}

#main {width: 635px; float: right; margin: 15px 22px 0 0; clear: none}
*html body #main {margin: 15px 11px 0 0 }
#main h1 {font-size: 2.2em; margin: 0 0 9px 15px}
#main h1 a {text-decoration:none; color:#000000;}
#main h1 a:hover {text-decoration:none; color:#000000;}
#main h3 {font-size: 2.4em; line-height: 1em; margin: 0 0 9px 15px}
#main h4 {font-size: 1.8em; color: #f37e00; margin: 0 0 3px 0}
#main p {font-size: 1.4em;  line-height: 1.5em; margin: 5px 10px 7px 15px; clear: none !important}
#main a {color:#f37e00; text-decoration: none}
#main a:hover{color: #303030}

#main ul {font-size: 1.4em; margin: 0 0 0 60px; list-style: square; }
#main ul li {margin: 7px 0; color: #303030}

/* ----- home page blocks ----- */

#islandWrapper {height: 200px; width: 310px; background:url(images/home_displays_island.jpg) no-repeat; float: right; margin: 13px 13px 13px 0}
#island {height: 200px; width: 310px; background:url(images/home_displays_island.jpg) no-repeat;position: absolute }
#peninsulaWrapper {height: 200px; width: 310px; background:url(images/home_displays_peninsula.jpg) no-repeat;float: right; margin: 13px 0 0 0}
#peninsula {height: 200px; width: 310px; background:url(images/home_displays_peninsula.jpg) no-repeat; position: absolute}
#inlineWrapper {height: 200px; width: 310px; background:url(images/home_displays_inline.jpg) no-repeat;float: right; margin: 0 13px 0 0}
#inline {height: 200px; width: 310px; background:url(images/home_displays_inline.jpg) no-repeat; position: absolute}
#kiosksWrapper {height: 200px; width: 310px; background:url(images/home_displays_kiosks.jpg) no-repeat;float: right;}
#kiosks {height: 200px; width: 310px; background:url(images/home_displays_kiosks.jpg) no-repeat; position: absolute;}

/* old version -- redone with individual links to secions
#island a {display: block; height: 100%; width: 100%; text-indent: -9999px}
#peninsula a {display: block; height: 100%; width: 100%; text-indent: -9999px}
#inline a {display: block; height: 100%; width: 100%; text-indent: -9999px}
#kiosks a {display: block; height: 100%; width: 100%; text-indent: -9999px}*/

/* no longer hover */
/*#island:hover {background:url(images/home_displays_island_over.jpg) no-repeat; }
#peninsula:hover {background:url(images/home_displays_peninsula_over.jpg) no-repeat;}
#inline:hover {background:url(images/home_displays_inline_over.jpg) no-repeat; }
#kiosks:hover {background:url(images/home_displays_kiosks_over.jpg) no-repeat;}*/

body.home #main div#island ul {margin: 177px 0 0 172px}
body.home #main div#peninsula ul {margin: 177px 0 0 190px}
body.home #main div#inline ul {margin: 177px 0 0 152px}
body.home #main div#kiosks ul {margin: 177px 0 0 24px}

body.home #main div ul {list-style:none;}
body.home #main div ul li {display: block; float: left; margin: 0 3px 0 0}
body.home #main div ul li a {display: block; text-indent:-9999px; height: 100%; width: 100%;}
body.home #main div ul li a:hover {border: 1px solid #ffffff}

body.home #main div ul li.x10 {height: 16px; width: 36px;}
body.home #main div ul li.x20 {height: 16px; width: 36px;}
body.home #main div ul li.larger {height: 16px; width: 46px;}
body.home #main div ul li.kiosks {height: 16px; width: 57px;}
body.home #main div ul li.table {height: 16px; width: 69px;}
body.home #main div ul li.counter {height: 16px; width: 63px;}
body.home #main div ul li.flooring {height: 16px; width: 63px;}


/* ----- questions ideas box ----- */

#questions {background: url(images/questions_bkg.gif) no-repeat; height:63px; width: 183px; float: left; margin: 7px 0 0 22px; text-indent: -9999px}
*html body #questions {margin: 7px 0 0 11px}


/* ----- home page form ----- */

#mini_form {background:url(images/mini_form_bkg.jpg) no-repeat; height: 327px; width: 208px; float: left; margin: 26px 0 0 11px}
*html body #mini_form {margin: 26px 0 0 6px}

#mini_form form {margin: 72px 0 0 14px}
#mini_form form input {width: 178px; height: 17px; margin: 0 0 6px 0; border: 1px solid #8e8e8e }
#mini_form form input:focus {border: 1px solid #f37e00}
#mini_form form #submit {height:20px; width:59px; float: right; margin: 0 14px 0 0; border: none} 
*html body #mini_form form #submit {margin: -3px 14px 0 0}
*+html body #mini_form form #submit {margin: -3px 14px 0 0}
#captcha_div{margin:3px 0 !important;}

/* ----- site info -----*/

.separate {background: url(images/separate.gif) no-repeat; height: 90px; width: 2px; float: left; margin: 9px 0px 0 20px}

#site_info {background:url(images/site_info_bkg.jpg) no-repeat; height: 154px; width: 902px; position: relative; z-index: 100}

#site_info ul.nav {font-size: 1.2em; color: #ffffff; float: left;  margin: 10px 0 0 22px; position: relative; z-index: 999} 
*html body #site_info ul.nav {margin: 10px 0  0 11px}
#site_info ul.nav li {list-style: none; margin: 0 0 4px 0}
#site_info ul.nav li a {color: #ffffff; text-decoration: none; display: block}
*html body #site_info ul.nav li a {display: inline}
#site_info ul.nav li a:hover {color: #f37e00}

#site_info ul.nav li.plain {font-weight:normal}
#site_info ul.nav li.bigger {font-size: 1.3em; font-weight: normal}
#site_info ul.nav li.home2 {display: none}

#site_info ul#bold {font-weight: bold; font-size: 1.3em}

#slide_show {position: absolute; bottom: 25px; right: 2px; z-index: 0}
*html body #slide_show {margin: -16px 2px 0 0}

#site_info .legalInfo {position: absolute; top: -30px; left: 245px; z-index:9999}
#site_info .legalInfo p {font-size: .9em;}

p.credits {clear: both; text-align:center; font-size: 1.2em; position: relative; top: 18px} 
*html body p.credits {bottom: -15px}
p.credits a {color: #000000; text-decoration: none; }
p.credits a:hover {color: #f37e00}

/* ----- slide out box ----- */

#display_slide_btn {background:url(images/display_slide_button.png) no-repeat; height: 249px; width: 24px; float: right; clear: none; position: relative; z-index: 100; margin: 64px 0 0 0} 
#display_slide_btn a {display: block; height: 100%; width: 100%; text-indent: -9999px;}
#display_slide_btn a:hover {background: url(images/display_slide_button_over.png)}

#displayBox {background:url(images/display_slide_bkg.png); height: 249px; width: 525px; float: right; position:absloute; margin: 64px 0 0 0; z-index: 100 }
#displayBox ul {color: #ffffff; font-size: 1.7em; font-weight:bold; float: left; list-style: none; margin: 18px 0 0 25px}
#displayBox ul li {margin: 0 0 13px 0}
*html body #displayBox ul li {margin: 0 0 0px 0}
#displayBox ul li a {display: block; color: #ffffff; text-decoration: none;}
#displayBox ul li a:hover {color:#f37e00}
#displayBox ul.close {margin: 5px 5px 0 0; float: right; font-size: 1.1em}

#display_slide_btnInt {background:url(images/display_slide_button_sm.png) no-repeat; height: 132px; width: 24px; float: right; clear: none; position: relative; z-index: 100; margin: 64px 0 0 0} 
#display_slide_btnInt a {display: block; height: 100%; width: 100%; text-indent: -9999px;}
#display_slide_btnInt a:hover {background: url(images/display_slide_button_sm_over.png)}

#displayBoxInt {background:url(images/display_slide_bkg.png); height: 132px; width: 800px; float: right; position:absloute; margin: 64px 0 0 0; z-index: 100}
#displayBoxInt ul {color: #ffffff; font-size: 1.5em; font-weight:bold; float: left; list-style: none; margin: 18px 0 0 25px}
*html  body #displayBoxInt ul {margin: 18px 0 0 12px}
#displayBoxInt ul li {margin: 0 0 13px 0}
*html body #displayBoxInt ul li {margin: 0 0 0px 0}
#displayBoxInt ul li a {display: block; color: #ffffff; text-decoration: none;}
#displayBoxInt ul li a:hover {color:#f37e00}
#displayBoxInt ul.close {margin: 5px 5px 0 0; float: right; font-size: 1.1em}

/* ----- extras ----- */
.highlight {color:#f37e00}

/* ===== portfolio sections ===== */

#contentTop {background:url(images/portfolio_top.gif) no-repeat; height: 55px; width: 639px;}
#contentBottom {background:url(images/portfolio_bottom.gif) no-repeat; height: 23px; width: 639px}

#contentMain {background:url(images/portfolio_bkg.gif) repeat-y; width: 639px; padding: 0px 0}
#contentTop h1 {float:right; width:265px; font-size: 2.2em; padding: 4px 20px 4px 42px;  line-height:1.1em;}
#contentTop h1 a {text-decoration:none; color:#000000;}
#contentTop h1 a:hover {text-decoration:none; color:#000000;}
#contentTop h3 {color: #ffffff; padding: 13px 0 0px 10px; margin: 0px !important}
#contentTop h4 {color: #ffffff; padding: 8px 0 5px 10px; margin: 0px !important; float: left}
#contentTop h5 {float:right; width:265px; font-size: 2.3em; padding: 4px 0px 4px 42px;  line-height:1.1em;}

#contentMain h4 {padding: 3px 25px 0 25px; line-height: 1.4em; width: 75%}
#contentMain h6 {font-size: 1.5em; color:#202020; width: auto; float: none;}
#contentMain p {font-size: 1.4em;  line-height: 1.5em; padding: 5px 25px 7px 25px !important; margin: 0 !important}
#contentMain p a{color:#000000;text-decoration:none;}
#contentMain hr {border: none; background: #f37e00; width: 80%; margin: 22px auto; } 


/* ----- orderform ----- */
form#orderForm {width: 580px; margin: 0px auto ; padding: 30px 0 0 0}
form#orderForm label {color: #303030; width: auto; float: left; clear: left; text-align: left; font-size: 1.3em; margin: 0 15px 5px 0; padding: 5px 0 0 0}
form#orderForm label.radioLabel {padding: 0; clear: none; width: 500px; float: left;}
form#orderForm label.radio {width: 25px;  padding: 0}

form#orderForm input {float: left; clear: left; width: 200px; height: 17px; padding: 5px; font-size: 1.5em; border: 1px solid #AFAFAF; margin: 0 15px 5px 0}

form#orderForm select {float: left; clear: left; width: 200px;  padding: 3px; font-size: 1.5em; margin: 0 15px 5px 0}

form#orderForm select.dropdown {clear: none}

*html body form#orderForm input {margin: 0 0 10px 0}
*+html body form#orderForm input {margin: 0 0 10px 0}
form#orderForm textarea {width: 200px; height: 70px; padding: 5px;font-size: 1.5em; font-family:Geneva, Arial, Helvetica, sans-serif;  float: left; margin: 0 0 40px 0; border: 1px solid #AFAFAF}

form#orderForm input:focus, form#orderForm textarea:focus { background: #F7EDCF; border: 1px solid #F89201}
form#orderForm input:hover, form#orderForm textarea:hover {border: 1px solid #F89201}
form#orderForm input.radio {width: 30px; clear: none; border: none}

form#orderForm .required {color: #f37e00}

form#orderForm h3 {margin: 0 0 8px 0; font-size: 1.7em}

form#orderForm .column {width: 280px; float: left}

form#orderForm input.submitBtn {background:url(images/submitBtn.gif) no-repeat; height:25px; width: 65px; border: none; clear: left;margin: 0 20px 0 200px}

form#orderForm input.resetBtn {background:url(images/resetBtn.gif) no-repeat; height: 25px; width: 65px; clear: none; border: none}

.getInfoBTN {background:url(images/submit_btn.gif) no-repeat; height: 20px !important; width: 59px !important; clear: left; float: right; border:none !important; margin-right:11px !important;}

/* random styles (some hacks too ) */

.moveUp {position: relative; bottom: 20px}

.text {color:#000000 !important; text-decoration: none !important}