@charset "UTF-8";
/* CSS Document */
*{margin:0; padding:0;}
body {text-align: center; font: 62.5% Verdana, Arial, Helvetica, sans-serif; background: #e6e4d1;} 
img {border: 0;}
p {font-size: 1.2em; margin-bottom: 15px;}
h1 {font-size: 2.1em; margin-bottom: 10px;}
h2 {font-size: 1.6em; margin-bottom: 5px; color: #011b7c;}
h3 {font-size: 1.3em; margin-bottom: 5px;}
h4 {font-size: 1.2em; margin-bottom: 5px;}
ul, ol {margin-left: 30px; margin-bottom: 15px; font-size: 1.2em;}
li a {text-decoration: none;}
li a:hover {text-decoration: underline;}
a {color: #011b7c;}

.left {float: left; margin: 0 15px 15px 0;}
.right {float: right; margin: 0 0 15px 15px;}

.moreLink {text-align: right; margin-bottom: 10px;}

#wrapper {margin: 0 auto; width: 1100px;}
#content {margin: 0 auto; text-align: left; width: 1000px;}
#contentPageWrapper {background: url(../images/contentWrapper_bg.gif) repeat-y;}

/* HEADER */
#loginBar {background: #bbbaa3;}
#loginContent {margin: 0 auto; padding: 5px 0; text-align: left; width: 1000px;}

#header {background: url(../images/head_bg.jpg) no-repeat; height: 155px;}
#headerContent {margin: 0 auto; width: 1000px; text-align: left;}
#logo {padding-top: 18px; text-align: left;}
#nav {position: absolute; left: 50%x; margin-left: 340px; top: 155px;}
#nav ul {list-style: none;}
#nav li {display: inline; font-size: 1.1em; font-weight: bold; letter-spacing: .1em; padding: 0 10px;}
#nav a {color: #022d8f;}

/* HOMEPAGE */
#homeHeader {background: #fff;}
#homeIntro {background: #fff; float: left; padding: 20px 15px 15px 15px; width: 303px;}
* html #homeIntro {\width: 300px; /* for IE5 and IE6 in quirks mode */} 
#homeIntro img {margin-top: 4px;}
#homeIntro h1 {color: #a39f7c; line-height: 1.2em;}
.homeRotator {width: 667px; padding:0; margin:0; overflow: hidden; text-align: right;}
#homeRotatorImages {height: 278px;}
#homeButton {color: #fff; height: 100px; left: 50%; margin-left: 420px; position: absolute; top: 385px; width: 100px; z-index: 999999;}

#homeBoxes {background: url(../images/home_boxes_bg.jpg) repeat-y; margin: 10px 0;}
#homeBoxes h2 {color: #fff;}
#homeBoxes h2 a {text-decoration: none;}
#homeBoxes h2 a:hover {text-decoration: underline;}
#homeBoxes a {color: #fff; text-decoration: underline;}
#homeBoxes .moreLink a {color: #f7c154; text-decoration: none;}
#homeBoxes a:hover {text-decoration: underline;}
#homeBoxes ul {margin-left: 15px;}
#homeBoxes li {margin-bottom: 4px;}
.homeBox {color: #fff; float: left; padding: 15px; width: 293px;}
.homeBoxCenter {margin: 0 15px;}
.homeBoxLeft p {margin-left: 67px;}
.homeBoxLeft img {padding-top: 4px;}

/* MAIN PAGE */
#contentBoxes {float: left; width: 328px;}
#contentBox1 {background: #bbbba3; border-bottom: 5px solid #ece9da; padding: 15px; margin-bottom: 5px;}
#contentBox1 h1 {color: #fff;}
#contentBox1 #mountbuilderText {color: #fff; letter-spacing: .4em;}
#contentBox1 h2 {color: #696969; font-size: 1.4em;}
#contentBox1 ul {margin-left: 15px;}
#contentBox1 li {margin: 5px 0;}
#contentBox1 li a {color: #000;}
#contentBox1 #socialLinks {margin-left: 0;}
#contentBox1 #socialLinks li {list-style: none;}
#contentBox1 #socialLinks li a {padding-left: 5px; color: #011b7c;}
#contentBox2 {background: #696969; color: #fff; padding: 15px;}
#contentBox2 h3 {color: #fff; font-size: 1.6em;}
#contentBox2 a {color: #f7c154;}
#contentBox2 li {margin: 5px 0;}
#mainContent {background: #fff; margin-left: 332px; padding: 15px;}

/* PRODUCT PAGE */
#productPage {}
#productNav {background: #011b7c; color: #fff; font-size: 1.2em; margin-left: 332px; padding: 5px 15px;}
#productNav a {color: #fff;}
#productImage {float: left;}
#productText {margin: 0 0 10px 220px;}
#productText h1 {color: #696969; margin-bottom: 0;}
#productText li {padding: 3px 0;}
#productLinks {text-align: right;}
#productLinks li {display: inline; list-style:none; margin-left:10px;}
#productLinks a {color: #333;}
#productPage #productColors {width: 625px; margin-bottom: 20px;}
#productPage #colors {padding: 0 0 5px 0; margin-bottom: 20px;}
#productPage #colors p {font-weight: bold;  color: #000; margin-bottom: 4px;}
#productPage #colors img {padding-right: 10px;}
#productPage #certifications {text-align: right; padding: 10px 15px;}
#productPage #certifications img {padding-left: 10px;}

a.printIcon {padding: 0 0 0 20px; background: url(../images/icon_printer.gif) no-repeat left;}
a.videoIcon {padding: 0 0 0 20px; background: url(../images/icon_video.gif) no-repeat left;}
a.zoomIcon {padding: 0 0 0 20px; background: url(../images/icon_zoom.gif) no-repeat left;}
a.downloadIcon {padding: 0 0 0 20px; background: url(../images/icon_downloads.gif) no-repeat left;}
a.edrawingsIcon {padding: 10px 0 10px 20px; background: url(../images/icon_edrawings.gif) no-repeat left;}

#productTabs {float: left; width: 630px; background: url(../images/tabProd_bg.gif) repeat-x bottom; display: inline;}
#productTabs ul {margin: 0; padding: 0; list-style: none;}
#productTabs li {float: left; background: url(../images/tabProd_right.gif) no-repeat right top; padding: 0; margin: 0; height: 25px;}
#productTabs span {background: url(../images/tabProd_left.gif) no-repeat left top; color: #000; cursor:pointer; display: block; font-size: 1em; font-weight: bold; padding: 4px 10px;}
#productTabs .currentTab {background: url(../images/tabProd_right_on.gif) no-repeat right top;}
#productTabs .currentTab span {color: #6a6a6a; background: url(../images/tabProd_left_on.gif) no-repeat left top;}
#tab1, #tab2, #tab3, #tab4, #tab5 {border: 0px solid #ccc;  margin: 0 20px; height: 1%; border-top: 0; min-height: 250px;}
#tab1 h2, #tab2 h2, #tab3 h2, #tab4 h2, #tab5 h2 {margin-top: 40px;}
#tab1 p, #tab2 p, #tab3 p, #tab4 p, #tab5 p {margin-left: 20px;}
#tab1 ul, #tab2 ul, #tab3 ul, #tab4 ul, #tab4 ol, #tab5 ol {margin: 0 0 20px 40px;}
#tab1 {display: block;}
#tab2, #tab3, #tab4, #tab5 {display:none;}

/* SEARCH PAGE */
#searchFilters {background: #bbbaad; margin-left: 332px; padding: 5px 15px;}
.searchFIltersType {margin: 0 auto; width: 550px;}
.searchFIltersType td {font-weight: bold; text-align: center;}
#searchFilterDescription {height: 45px; text-align: center;}
#pCeiling, #pSecurity, #pAutomated, #pKits, #pAccessories, #fFixed, #fTilt, #fCeiling, #fSwing, #fInwall, #fAccessories, #fDesk, #fWall, #fAccessories, #mDesk, #mWall, #mPole, #mWalltrack, #mAccessories {display: none;}

.productList {margin-bottom: 2px;}
.productList td {padding: 3px 15px;}
.productType {background-color: #bbbba3;}
.productType h3 {font-size: 1em; margin-bottom: 0;}
.productList .lineDivider {background: #e6e4d1; height: 1px; margin:0; padding: 0;}
.productList h1 {font-size: 1.3em; font-weight:700; line-height:1.2em; margin:0; padding:2px 0;}
.productList h1 a {color:#666; text-decoration:underline;}
.productList h2 {font-size:1.4em; line-height: 1.2em;}
.productList p {line-height:13px; margin: 5px 0; padding:5px 0;}
.productListDetails {width: 320px;}
.productListOptions {vertical-align: top; width: 125px;}
.productListOptions table {padding-bottom: 20px;}
.productListOptions td {padding: 0;}

.downloadsDropBox {padding: 2px; color: blue; text-decoration: underline; }
.downloadsDropDownPopup {border: 1px solid #000; padding: 5px; background: #fff;}
.downloadsDropDownPopup a:hover {color: #990000;}

/* LOGIN */
#dialogBox {display: none; top: 160px; opacity: 1; left: 50%; margin-left: -270px; position: absolute; width: 542px; z-index: 10000;}
#dialogBody {background: url(../images/form_bg.png) repeat scroll 0 0; padding: 25px 25px 5px 25px; text-align: left;}
* html #dialogBody {background: #9f9c93; /* for IE5 and IE6 in quirks mode */} 
#dialogBody h1 {color: #fff; font-size: 1.8em;}

.loginForm {background: #eeeee4; margin: 15px 0; padding: 15px;}
.loginForm h2 {border-bottom: 1px solid #9f9c93; color: #9f9c93 !important; font-size: 1.4em; margin-bottom: 5px;}
.loginForm h4 {font-size: 1.1em;}
.registerTable {font-weight: bold; margin-bottom: 10px;}
.loginForm td {padding: 5px 0;}
.loginQuestion {min-width: 115px;}
.loginForm input[type="text"] {width: 220px;}
.loginForm input[type="radio"] {margin: 0 5px 0 10px;}
.loginForm input[type="checkbox"] {margin: 0 5px 0 10px;}
.loginForm select {margin: 0 5px 0 10px;}
#loginBottom {background: url(../images/form_bg.png) 0 100%; color: #fff; padding: 0 23px;}


/* FOOTER */
#footer {padding-top: 10px;}
#footerNav ul {font-weight: bold; list-style: none; margin-bottom: 2px;}
#footerNav li {display: inline; padding: 0 5px;}
#footerNav a:hover {text-decoration: underline;}
#footerLogos a {margin: 0 20px;}

.clear {clear: both;}

/* Float containers fix: */
.clearfix:after, .listedItem:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
 
.clearfix, .listedItem{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix, *html .listedItem{height: 1%;}
.clearfix, .listedItem{display: block;}
/* End hide from IE-mac */
