/* CSS Document */
/* rgb(209,172,91) : start of gradient */
/* rgb(102,102,102) : menu border */
/* rgb(140,140,140) : footer text */
/* rgb(208,171,89) 151,137,94 : subNav menu / border */
/* rgb(143,0,0) : red bar */
/* rgb(203,214,199) : results table border */

*{margin:0px; border:0px; padding:0px; font-family: 'Arial', 'sans-serif';  text-shadow: 0 0 0 #000;}
a {text-decoration: none; outline:none;}
body {background: rgb(255,255,255) url('../sprites/mainBG.jpg') no-repeat fixed top right;}
body {behavior:url("../htc/csshover.htc"); }
img, input { behavior:	url(css/png_behavior.htc);}
ul {list-style-type: none;}

.hidden {display:none;}
.padded {padding-top: 22px; padding-right: 7px;}
.pointer {cursor: pointer;}

#bodyContainer {margin-left:auto; margin-right:auto; width: 751px; position: relative; overflow: hidden; }
#logo {float: left;margin-top: 56px; margin-bottom: 26px;}
#logo img {width:159px; height:39px;}

#topNav {float:right; margin-top: 0px; display: block; position: relative; z-index: 100;}
#topNav a {float: left; height: 22px;}

#homeLink {width: 65px; height: 22px;}
#companyLink {width: 107px; height: 22px;}
#searchLink {width: 143px; height: 22px;}
#findLink {width: 110px; height:22px;}
#demosLink {width: 79px; height: 22px;}
#linksLink {width: 70px; height: 22px;}
#ourBrandsLink {width: 103px; height: 22px;}

#subHolder {background: url('../sprites/subHolderBG.png') repeat; width: 100%; height: 84px; position: relative; clear: both; overflow: visible; z-index: 0;}
#subLine {background: rgb(143,0,0); color: rgb(255,255,255);position: absolute; bottom: 0px; line-height: 22px; height: 22px; font-size: 12px; padding-left: 22px; font-weight: bold;}

#subNavTop {background: rgb(208,171,89) url('../sprites/subNavBG.gif') repeat-x; border:solid 1px rgb(151,137,94); position: absolute; width: 106px; height: 57px; left: 65px; top:22px; z-index: -2; display: none; padding-top: 10px;}

#subNav {background: rgb(208,171,89) url('../sprites/subNavBG.gif') repeat-x; border:solid 1px rgb(151,137,94); position: relative;}
#subNav a, #subNavTop a{color:rgb(255,255,255); font-size: 10px; font-weight:bold; margin-left: 13px; margin-bottom: 0px; height: 15px;}
#subNavTop a:hover, #subNavTop a.active, #subNav a:hover, #subNav a.active{color:rgb(102,102,102); }
.subNavShadow {position: absolute; right: -14px; top: 0px; width: 13px; height: 100%; z-index: 10;}

#searchForm {float: right; width: 230px; height: 80px; position: relative; font-size: 12px; z-index: 1;}
#searchInput {height: 18px; width: 143px; position: absolute; top: 15px; z-index: 0;}
#searchSelect {height: 18px; width: 143px; position: absolute; top: 45px; z-index: 0;}
#searchSubmit {position: absolute; top: 26px;right: 10px; width:65px; height: 24px; z-index: 0;}
#suggest { z-index: 5; position: absolute; display: none;  width: 123px; top: 155px; left: 520px; border: solid 1px rgb(120,120,120); background: rgb(255,255,255); max-height: 450px; overflow: hidden; padding: 10px;}
.suggestDiv { font-size: 11px; margin-bottom: 8px; cursor: pointer; color: rgb(143,0,0); display: block;}

#mainContent {clear: both; background: url('../sprites/contentBG.png') repeat; overflow: hidden; position: relative;}

.contentImage {float: left;}

#designMenu {background: rgb(137,151,132) url('../sprites/designMenuBG.png') repeat-x; position: absolute; top: 84px; left:0px; height:380px; width: 180px; padding-top: 20px; border-right: solid 1px rgb(225,221,197);}
#designMenu a {color: rgb(124,138,118); cursor: pointer; font-size: 12px;}
#designMenu a div {width: 180px;  margin-bottom: 8px; height: 33px; line-height: 32px; background-color: rgb(240,228,202); }
#designMenu a div img {vertical-align: middle;margin-right: 10px; margin-top: -1px;}
#designMenu a:hover, #designMenu a:hover div, #designMenu a.selectedDemo, #designMenu a.selectedDemo div {background-color: rgb(215,184,115);}
#designMenu a.pdfLink {display: block; color:rgb(143,0,0); font-size: 12px; text-align: center; width: 180px;}
#designMenu a.pdfLink:hover {background: none;}

#designContent {background: rgb(255,255,255);height:400px; width: 5000px; overflow: hidden; position: relative; top: 0px; left: 181px;}
#designContent table {width: 570px; text-align: center; float: left;}
#designContent table tr td {vertical-align: bottom; font-family: Arial, sans-serf; font-size: 11px;}
#designContent table tr td.padded {padding-left: 15px; padding-right: 15px;}
#designContent table tr.names td {vertical-align: top;}
#designContent table tr td img {margin-bottom: 10px; margin-top: 20px;}
#designImage {position: absolute; top: 0px; left: 0px;}

#contentText {float: left; width: 200px; font-weight: normal; height: 326px; position: relative; overflow: hidden;}
#contentText h1, #designMenu h1 {color: rgb(143,0,0); font-size: 16px; }
#contentText p, #designMenu p {font-family: 'Trebuchet MS', 'Arial', 'sans-serif'; color: rgb(0,0,0); font-size: 11px; line-height: 18px;}
#wmLogoHolder {text-align: center; position: absolute; bottom: 0px; width: 100%; margin-bottom: 20px;}
#wmLogoHolder img {width:73px; height:58px;}

#typeSummary {float: right; width: 190px; margin-top: 50px; padding-right: 30px; height: 293px;}
#typeSummary h1 {color: rgb(143,0,0); font-size: 16px; }
#typeSummary p {font-family: 'Trebuchet MS', 'Arial', 'sans-serif'; color: rgb(0,0,0); font-size: 11px; line-height: 18px;}

#summaryLinks {margin-top: 25px;}
#summaryLinks a {color: rgb(143,0,0); font-size: 12px; font-weight: bold; line-height: 18px;}

#findResults {position: relative top: 0px; left: 0px; width:200px;padding-left: 140px; font-size: 10px; z-index:4;}
.resultAddress{font-family: 'Trebuchet MS', 'Arial', 'sans-serif'; color: rgb(0,0,0); font-size: 11px; line-height: 12px; margin-top: 10px;}

#searchImage {position:absolute; top: 0px;}

#item {width: 751px; background: rgb(255,255,255);}
#itemImage {padding-top: 30px; float: left; padding-right: 65px;}
#itemDetails { width: 259px; padding-top: 80px; font-family: "Trebuchet MS", "Trebuchet", "sans-serif"; font-size: 11px; margin-bottom: 12px; float: right;}
#itemIcons {border-top: solid 1px rgb(161, 182, 154); padding-top: 10px;width: 259px; float: right; clear: right;}
#itemNav,#itemNav a{color: rgb(255,255,255); font-size: 12px; line-height: 13px;}
#itemNav {padding-top: 8px; margin-left: 10px;}

.tip {position: absolute; border: solid 1px rgb(161, 182, 154); background-color: rgb(255,255,255); text-align: center; width: 200px; padding-bottom: 5px;}

#designContent .links {margin-left: 20px; margin-top: 20px;}
#designContent .links a { margin-top: 10px; color: rgb(143,0,0); font-size: 14px;display: block; margin-bottom: -5px; font-weight: bold;}
#designContent .links span {font-family: 'Trebuchet MS', 'Arial', 'sans-serif'; color: rgb(109,110,113); font-size: 11px;}

.legend {text-align: center; margin-top: 40px; margin-bottom: 40px; }
.legend td {width: 200px; color: rgb(102,102,102); font-size: 11px; font-family: "Trebuchet MS", "Trebuchet", "sans-serif"; border-right: solid 1px rgb(186,202,181); vertical-align: top;}
.tip .text, .legend .text {width: 110px; margin-left: auto; margin-right: auto; color: rgb(102,102,102); font-size: 11px; font-family: "Trebuchet MS", "Trebuchet", "sans-serif";}
.tip .text {width: 200px;}
#demosNav {background: url('../sprites/demoNavBG.jpg'); width: 200px; height: 321px; padding-top: 40px;}
#demosNav a{color: rgb(124,138,118); cursor: pointer;}
#demosNav a div {width: 170px;  margin-bottom: 15px; height: 38px; line-height: 38px; padding-left: 30px; background-color: rgb(240,228,202); }
#demosNav a.selectedDemo, #demosNav a.selectedDemo div, #demosNav a:hover div, #demosNav a:hover {background-color: rgb(215,184,115);}

#demoStage {position: absolute; bottom: 80px; left: 650px;}
.demoFrame {position: absolute; bottom: 0px; right: 0px;}

#lowerRightMenu {position: absolute; bottom: 14px; left: 493px; display: none;}
#lowerBar {width: 735px; background: url('../sprites/lowerBar.png') repeat-x; clear: both; height: 12px; position: relative; top: -2px; left: 6px;}
#lowerBarLeft {position: absolute; left: -7px; top: 0px; width: 7px; height: 12px;}
#lowerBarRight {position: absolute; right: -13px; top: 0px; width: 13px; height: 12px;}
#footer{clear: both; width: 99.5%; text-align: center;}
#footer a { color: rgb(140,140,140); font-size: 9px; font-weight: bold; margin-left: 15px; margin-right: 15px;}