/* EMPTY BOX LAYOUT STYLES */
#empty-box { background: url(../images/middle-empty-bg.jpg) repeat-y; float: left; width: 768px; margin: 0px 14px 15px 13px; }
* html #empty-box { width: 768px; margin: 0px 7px 15px 7px; }
#empty-box-top { background: url(../images/middle-empty-top.jpg) no-repeat; float: left; width: 768px; height: 16px; }
#empty-box-text { margin: 17px 30px 12px 30px; width: 478px; float: left; }
* html #empty-box-text { margin: 17px 15px 12px 15px; }
#empty-box-bottom { background: #ffffff url(../images/middle-empty-bottom.jpg) no-repeat; float: left; width: 768px; height: 17px; }
#right-addition { float: left; width: 169px; padding: 17px 30px 12px 30px; border-left: solid 1px #666666; }
* html #right-addition { padding: 17px 30px 12px 30px; }
#empty-box-text .p { font-size: .71em; line-height: 1.4em; font-weight: normal; }

/* STYLES THAT TAKE CARE OF ANY ISSUES WITH THE MAIN CSS DOC. for files made with empty.dwt */
#inside-options ul.page-links { border-bottom: 1px solid #C1C1C1; padding-bottom: 10px; }
#inside-options ul.page-links { border-bottom: none; padding-bottom: 0px }
.text ul { width: 380px; padding-right: 20px; }

/* DIAGRAM LAYOUT STYLES */
#diagram-box-text { margin: 17px 30px 12px 30px; width: 707px; float: left; }
* html #diagram-box-text { margin: 17px 30px 12px 30px; }
#diagram-holder { float: left; width: 600px; height: 350px; margin: 0px 52px 0px 52px; }
* html #diagram-holder { margin: 0px 15px 0px 15px; }

/* DIAGRAMS NAVIGATION LAYOUT */
#diagrams { float: left; width: 768px; margin: 0px 14px 15px 13px; }
* html #diagrams { float: left; width: 768px; margin: 0px 7px 15px 7px; }
ul#diagram-nav { background: url(../images/diagram-nav-bg.jpg) repeat-x; float: left; width: 768px; height: 64px; }
ul#diagram-nav li { list-style: none; float: left; height: 64px; }
ul#diagram-nav li a { list-style: none; float: left; height: 64px; }
ul#diagram-nav li#left-end { background: url(../images/diagram-nav-left.jpg) no-repeat; width: 11px; }
ul#diagram-nav li#outside a { background: url(../images/diagram-nav-outside.jpg) no-repeat; width: 172px; margin-left: 6px; }
ul#diagram-nav li#outside a:hover { background: url(../images/diagram-nav-outside-over.jpg) no-repeat; }
ul#diagram-nav li#outside a.highlight { background: url(../images/diagram-nav-outside-over.jpg) no-repeat; }
ul#diagram-nav li#inside a { background: url(../images/diagram-nav-inside.jpg) no-repeat; width: 156px; margin-left: 20px; }
ul#diagram-nav li#inside a:hover { background: url(../images/diagram-nav-inside-over.jpg) no-repeat; }
ul#diagram-nav li#inside a.highlight { background: url(../images/diagram-nav-inside-over.jpg) no-repeat; }
ul#diagram-nav li#roi-but a { background: url(../images/diagram-nav-roi.jpg) no-repeat; width: 142px; margin-left: 20px; }
ul#diagram-nav li#roi-but a:hover { background: url(../images/diagram-nav-roi-over.jpg) no-repeat; }
ul#diagram-nav li#roi-but a.highlight { background: url(../images/diagram-nav-roi-over.jpg) no-repeat; }
ul#diagram-nav li#rebates a { background: url(../images/diagram-nav-rebates.jpg) no-repeat; width: 188px; margin-left: 20px; }
ul#diagram-nav li#rebates a:hover { background: url(../images/diagram-nav-rebates-over.jpg) no-repeat; }
ul#diagram-nav li#rebates a.highlight { background: url(../images/diagram-nav-rebates-over.jpg) no-repeat; }
ul#diagram-nav li#right-end { background: url(../images/diagram-nav-right.jpg) no-repeat; width: 13px; margin-left: 20px; }

/* DEALER LIST LAYOUT */
ul#dealer-logos { float: left; width: 478px; padding: 0px; margin: 15px 0px 0px 0px; }
ul#dealer-logos li { float: left; width: 125px; list-style: none; background: none; padding: 0px; margind: 0px; }

/* ROI CALCULATOR FORM */

/* ADMIN AND DEALER MODEL PAGES */
#portal-box-text { margin: 17px 30px 12px 30px; width: 707px; float: left; }
* html #portal-box-text { margin: 17px 15px 12px 15px; }
#portal-box-text .empty-box-text { margin: 0px; width: 478px; float: left; }
.spacer { float: left; width: 229px; }

/* CONTACT LAYOUT AND MAP*/
#inquires { float: left; width: 250px; }
#contact-info { float: right; width: 190px; }
#map { float: left; width: 490px; height: 300px; margin: 10px 0px 0px 0px; }