@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}

#displayrental-mini-form {
  margin: 72px 0 0 14px;
  width: 178px; height: 17px;
}

#displayrental-mini-form input:focus {border: 1px solid #f37e00}

#displayrental-mini-form input[type="text"], #displayrental-mini-form textarea{
   width: 150px; 
}

#displayrental-mini-form .submit {height:20px; width:59px; float: right; margin: 0 14px 0 0; border: none;
	background: url(images/submit_btn.gif) no-repeat;
	text-indent: -9998px;
	margin-top: 10px;
	font-size: 0;
    color:#F37E00;
	text-align: right;
	cursor: pointer;
} 

label.error, #displayrental-main-form label.error{
    color:red;
	display:block;
}

/* ----- 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 ----- */

#displayrental-main-form{
	width: 580px; 
	padding: 10px 0 0 30px;
}

#displayrental-main-form label {
	color: #303030;
	font-size: 1.3em; 
	margin: 0 15px 5px 0; 
	padding: 5px 0 0 0;
	display: block;
}

#displayrental-main-form .textarea label{
    margin-top: 20px;
}

#displayrental-main-form input[type="text"] {
	clear: left; 
	width: 200px; 
	padding: 5px; 
	font-size: 1.5em; 
	border: 1px solid #AFAFAF; 
	margin: 0 15px 5px 0;
}

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

#displayrental-main-form select .dropdown {
	clear: none;
}

#displayrental-main-form textarea {
	width: 500px; 
	height: 70px; 
	padding: 5px;
	font-size: 1.5em; 
	font-family:Geneva, Arial, Helvetica, sans-serif;
	margin: 0 0 40px 0; 
	border: 1px solid #AFAFAF;
}

#displayrental-main-form input[type="text"]:focus, #displayrental-main-form textarea:focus {
    background: #F7EDCF; 
	border: 1px solid #F89201;
}

#displayrental-main-form input[type="text"]:hover, #displayrental-main-form textarea:hover {
	border: 1px solid #F89201;
}

#displayrental-main-form input .radio {
	clear: none; 
	border: none;
}

.requireds, .requiredtext{
	font-size: 12px;
}

.requireds{
	color: #f37e00;
	padding: 10px 0 0 30px;
}

#displayrental-main-form .submit {
	height:25px; 
	width: 65px; 
	border: none; 
	clear: left;
	color: #ffffff;
	background: #f37e00;
	margin: 10px 0 10px 150px;
	text-indent: -9998px;
	background: url(images/submitBtn.gif) no-repeat;
	cursor: pointer;
	}

#displayrental-main-form input .resetBtn {
	height: 25px; 
	width: 65px; 
	clear: none; 
	border: none;
	font-weight: bold;
}

#displayrental-main-form .checkbox span{
    font-size: 12px;
	margin-left: 20px;
}

#displayrental-main-form .checkbox span, #displayrental-main-form .checkbox input{
    margin-top: 5px;
}

/**  Begin Mr/Ms Dropdown **/
#displayrental-main-form   div.element_4dbb37d32a9e9{
   display: -moz-inline-stack;
   display: inline-block;
   zoom:1;
}
/** End Mr/Ms Dropdown **/

/** Begin Show Name **/
#displayrental-main-form div.element_4dc03bccbe0cd{
   display: -moz-inline-stack;
   display: inline-block;
   zoom:1;
   margin-left: 68px;
}
/** End Show Name **/

/**Begin First Name**/
#displayrental-main-form div.element_4dbb38465b8ad{
   display: -moz-inline-box;
   display: inline-block;
   zoom:1;
}
/**End First Name**/

/**Begin City**/
#displayrental-main-form div.element_4dc03bd6622c3{
   display: -moz-inline-box;
   display: inline-block;
   zoom:1;
   margin-left:57px;
}
/**End City**/

/**Begin Last Name**/
#displayrental-main-form div.element_4dbb38c49176b{
   display: -moz-inline-box;
   display: inline-block;
   zoom:1;
}
/**End Last Name**/

/**Begin State**/
#displayrental-main-form div.element_4dc03bd7766dd{
   display: -moz-inline-box;
   display: inline-block;
   zoom:1;
   margin-left:57px;
}
/**End State**/

/**Begin Email**/
#displayrental-main-form div.element_4dbb39082349c{
   display: -moz-inline-box;
   display: inline-block;
   zoom:1;
}
/**End Email**/

/**Begin Show Zip**/
#displayrental-main-form div.element_4dc03bd84e23c{
   display: -moz-inline-box;
   display: inline-block;
   zoom:1;
   margin-left:57px;
}
/**End Show Zip**/

/**Begin Phone**/
#displayrental-main-form div.element_4dbb3945a23e0{
   display: -moz-inline-box;
   display: inline-block;
   zoom:1;
}
/**End Phone**/

/**Begin Start Date**/
#displayrental-main-form div.element_4dc03bd902ef9{
   display: -moz-inline-box;
   display: inline-block;
   zoom:1;
   margin-left:57px;
}
/**End Start Date**/

/**Begin Company**/
#displayrental-main-form div.element_4dbb3965eb1a3{
   display: -moz-inline-box;
   display: inline-block;
   zoom:1;
}
/**End Company**/

/**Begin End Date**/
#displayrental-main-form div.element_4dc03bd9bb415{
   display: -moz-inline-box;
   display: inline-block;
   zoom:1;
   margin-left:57px;
}
/**End End Date**/

/**Begin Address**/
#displayrental-main-form div.element_4dbb39738f635{
   display: -moz-inline-box;
   display: inline-block;
   zoom:1;
}
/**End Address**/

/**Begin Booth Size**/
#displayrental-main-form div.element_4dc03bda87014{
   display: -moz-inline-box;
   display: inline-block;
   zoom:1;
   margin-left:57px;
}
/**End Booth Size**/

.getInfoBTN {background:url(images/submit_btn.gif) no-repeat; height: 20px !important; width: 59px !important; clear: left; 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}