
#page {
	background-repeat: repeat-y;
}

.spacer {
	clear: both;
	height: 0px;
}
#page {
	padding-bottom: 20em;
	width: 1000px;
}
#page {
	padding-bottom: 20em;
	min-height: 1000px;
}
.outerContainer {
	width: 1040px;
	margin: auto;
}
#container, #header, #navigation, #footer, .container {
	width: 1000px;
	margin: auto;
}
#container,  #footer, .container {
	padding-left: 20px;
	padding-right: 20px;
}
#header {
	width: 1040px;
}
#content {
	float: left;
}
.content {
	   padding-top: 2em;
}
#menu {
	float: left;
	display: block;
}
#menu1 {
	width: 240px;
	float: right;
	
}
#footer {
	display: block;
	clear: both;
	margin-bottom: 10em;
}
.narrow-column, .half-column {
	width: 120px;
	display: block;
	height: 100%;
	float: left;
}
.column {
	width: 240px;
	display: block;
	float: left;
}
.column + .column,
.column + .half-column,
.half-column + .column,
.half-column + .half-column,
.column + .two-column,
.column + .wide-column,
.wide-column + .column,
.wide-column + .wide-column,
.two-column + .column,
.two-column + .two-column,
.column + .three-column
{
	margin-left: 10px !important;
}
.three-column {
	width: 720px;
	padding-right: 10px;
	display: block;
	float: left;
}
.three-column-two {
	width: 720px;
	margin-left: 130px;
	padding-right: 10px;
	display: block;
	float: left;
}
.three-column2 {
	width: 745px;
	padding-right: 0px;
	display: block;
	float: left;
}
.two-column {
	width: 490px;
	
	display: block;
	float: left;
}
.two-column-np {
	width: 500px;
	display: block;
	float: left;
}
.wide-column {
	
	width: 355px;
	padding-right: 20px;
	display: block;
	float: left;
}
.skip-column {
	margin-left: 250px;
}
.skip-half-column {
	margin-left: 125px !important;
}
.whole-column {
	height: 100%;
}
.row {
	clear: left;
}
.thumbnails {
	width: 63em;
}
.thumbnail, .kioskitem {
	width: 12em;
	float: left;
	min-height: 10em;
	vertical-align: middle;
	padding-bottom: 1em;
	margin-bottom: 4em;
	text-align: center;
}
.kioskitem {
	margin-right: 2em;
}
.thumbnail p {
	width: none !important;
	padding: 0em;
	margin: 0em;
	vertical-align: middle !important;
	text-align: center;
	line-height:7em ;
}
.thumbnailimage {
	height: 100%;
	margin: auto;
}
#navigation {
	display: block;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 0em;
	border-top: 1px solid white;
	height: 42px;
}
#navigation ul {
	display: block;
	padding: 0;
	margin: 0;
	margin-top: 1em;
}
#navigation li {
	text-indent: none;
	margin-left: none;
	padding-left: none;
	display:  block;
	float: left;
	height: 1.5em;
	width: 115px;
	vertical-align: middle;
}
#navigation li + li {
	margin-left: 10px;
}
#navigation li  a, #navigation li  a:hover, #navigation li a:visited {
	display: block;
	color: white;
	vertical-align: middle;
	text-align: left;
	width: 100%;
}
option {
	width: auto !important;
}
div.clear {
	height: 1em;
	clear: both;
}
.product-image {
	text-align: left;
	padding-left: 6em;
	margin-bottom: 4em;
	margin-top: 2em;
}
.product-image img + img {
	margin-left: 2em;
}
.imageset img + img  {
	margin-left: 2em;
}
.product-verticalimage img + img {
	margin-left: 1em;
}
.product-verticalimage p {
	text-align: center;
}
.product-verticalimage.imageset img {
	float: left;
}
html {
	font: 62.5%/1.7 sans-serif;
	margin: none;
	padding: none;
}
a, .link, .anchor {
	text-decoration: none;
	border: none;
	color: red;
}
a img {
	border: 0px;
}
span.link:hover {
	   cursor: pointer;
}
a:link, a:visited, a:focus, a:hover, a:active {
	outline: none;
	-moz-outline-style: none;
}
.hide {
	display: none;
}
#header img {
	border: none !important;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 1.7em;
	line-height: 1.25;
}
h1, h2 {
	margin-bottom: 0em;
	margin-top: 0em;
	padding-bottom: 0em;
	padding-top: 0em;
}
h4 a, h5 a {
	color: black;
}
h4, h5 {
	font-size: 1.5em;
}
h6 {
	font-size: 1em;
}
#footer p, #logout p {
	text-align: right;
	color: white;
	font-size: 1.1em;
}
#logout p {
	   margin-top: 0;
	   line-spacing: 1;
	   height: 1em;
}
#page {
	padding-top: 0em;
	padding-bottom: 20em;
}
#header {
	height: 6em;
}
div.title {
	vertical-align: bottom;
	border-bottom: 1px  solid #ccc;
	margin-bottom: 2em;
}
div.title  *  {
	border: none;
	margin-bottom: 0em;
}
#page h1, #page h2,
.content h1, .content h2 {
	font-size: 2.2em;
	line-height: 1.25;
	font-weight: normal;
}
.content p {
	font-size: 1.35em;
	   line-height: 1.25;
	   margin-top: 0em;
}
.content .description * {
	   line-height: 20px;
}
.content .description p {
	font-size: 1.4em;
	   padding-right: 2em;
}
.content .two-column .description p {
	padding-right: 10em;
}
.content .description h3 {
	border-bottom: 0px;
	margin-bottom: 0em;
	font-weight: bold;
}
.content .description h4 {
	border-bottom: 0px;
	margin-top: 2em;
	margin-bottom: 0;
	font-weight: bold;
}
.content .description h4:first-child  {
	   margin-top: 0;
}
.content .description .note {
	   font-size: 0.75em;
}
.content .description table {
	font-size: 1.2em;
	   margin-top: 1em;
	   margin-bottom: 1em;
}
.content .description table.specs th.inline {
	border-top: 1px solid #eee;
}
.content .description table.specs th {
	   border: None;
	   color: #666;
}
.content .description td, .content .description th {
	border-top: 1px solid #eee;
	padding-top: 0.125em;
	padding-bottom: 0.25em;
}
.content .description th {
	text-align: left;
}
.content .description .headerrow th {
	border-top: None;
}
.content .description .empty {
	border-top: None;
}
.content .description td, .content .description th {
	padding-right: 2em;
}
.content dl {
	font-size: 1.2em;
	   line-height: 2;
}
.content dd {
	text-indent: 0em;
	margin-left: 2em;
}
.content dt {
	margin-top: 1em;
}
.content .description dl {
	font-size: 1.3em;
	margin-bottom: 2em;
	line-height: 1.5em;
}
.content .description dl * {
	margin: 0em;
}
.content .description dl dt {
	float: left;
	width: 6em;
	clear: left;
	font-weight: bold;
}
.content .finishlist dl dt {
	font-weight: normal;
}
.content .finishlist th {
	font-size: 1.2em;
	vertical-align: top;
	padding-top: 0.5em;
}
.content .finishlist td  {
	font-size: 1em;
	font-weight: normal;
	padding-right: 0em;
}
.content .finishlist td + td {
	padding-left: 1em;
}
.content .finishlist td img {
	margin-top: 0.5em;
}
.content .description dl dd + dt, .content .description dl dt + dd {
	margin-top: 1em;
}
.content .description dl dd {
	margin-left: 2em;
}
.content ul {
	   padding-left: 1em;
	font-size: 13.5px;
	line-height: 1.25;
}
.content ul.tabs1 {
	   line-height: 3em !important;
}
.column ul {
	   padding-right: 2em;
}
.content1 ul {
	   padding-left: 1em;
	   padding-right: 1em;
	font-size: 1.35em;
	line-height: 1.25;
}
.content ul.linklist li + li {
	   margin-top: 0.5em;
}
.content ul.linklist {
	padding-left: 0em;
	margin-left: 0em;
	list-style-type: circle;
	list-style-position: inside;
	color: #aaa;
	
}
.content ul.linklist li {
	   margin-left: 15px;
		   text-indent: -10px;
}
.content ul.linklist li:hover {
	list-style-type: disc;
	list-style-position: inside;
	color: #aaa;
}
.column {
	margin-top: 0em;
}
div.edit {
	font-size: 0.65em;
	width: 2em;
	float: right;
	margin-right: 4em;
}
div.edit a {
	text-transform: uppercase;
	letter-spacing: 0.2em;
	border: 1px solid gray;
	padding: 1em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.three-column {
	width: 740px;
	display: block;
}
.thumbnails {
	margin-top: 1em;
}
.thumbnail {
	width: 113px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
}
.thumbnail + .thumbnail {
	margin-left: 10px;
}
.thumbnail.rowstart {
	margin-left: 0px !important;
}
.thumbnail h5 {
	margin-top: 2em;
	margin-bottom: 0em;
}
.kioskitem {
	width: 113px;
	height: 190px;
	margin-right: 10px;
	margin-bottom: 1.5em;
	text-align: left;
}
.kioskitem .preview {
	height: 150px;
	display: block;
}
.kioskitem.pdf {
	height: 250px;
}
.kioskitem.pdf  h5 {
	font-size: 1.4em;
	margin-bottom: 2em;
}
.kioskitem.pdf  p {
	font-size: 1.1em;
	line-height: 0.25;
	margin-top: 0em;
}
.column p {
	line-height: 1.25;
	padding-right: 2em;
}
.kioskitem.pdf1  p + p{
	line-height: 1;
	margin-top: 0em;
	margin-bottom: 0.5em;
}
.kioskitem h5 {
	margin-top: 0em;
	line-height: 1.25;
	height: 1em;
}
.thumbnailimage {
	height: 70px;
	text-align: center;
	vertical-align: middle;
	margin: auto;
}
.locksetcomponents .thumbnailimage {
	height: 90px;
}
.locksetcomponents .thumbnails h5 {
	   padding-right: 0.5em;
	   padding-left: 0.5em;
}
.thumbnailimage p {
	width: 100%;
	height: 100%;
	vertical-align: middle;
	text-align: center;
}
.catalogue-thumbnails .kioskitem {
	margin-left: 4em;
	margin-bottom: 4em;
}
.catalogue-thumbnails .kioskitem  + .kioskitem {
	margin-left: 3em;
}
.sIFR-alternate {
	   visibility: hidden !important;
	   display: none !important;
}
#tab-drawing {
	padding-top: 4em;
}
#tab-related .thumbnail {
	border: 1px solid #ccc !important;
}
#tab-related .thumbnail h5 {
	text-align: left;
	padding-left: 1em;
}
#spectabs1 {
	height: 350px;
}
#spectabs .thumbnail {
	border: none;
}
.noborder {
	border: none;
}
#header form {
	text-align: right;
	display: block;
	height: 100%;
	vertical-align: middle;
	padding-top: 1em;
	float: right;
}
#header form span1 {
	background: url('/images/icons/magnifier.png');
	background-repeat: no-repeat;
	display: block;
	float: right;
	width: 155px;
}
#header form span input {
	width: 120px;
}
#header {
	padding-bottom: 2em;
}
#menu {
	padding-left: 1em;
}
#menu a, #menu * {
	color: gray;
}
#menu dl {
	margin-top: 0em;
}
#menu dt, #menu dd {
	line-height: 2.5;
}
#menu dd {
	margin-left: 0em;
	text-indent: 2em;
}
#menu ul {
	margin-top: 0em;
	list-style-type: none;
	padding-left: 0em;
}
#menu li {
	line-height: 2.5;
}
#menu li.break {
	margin-top: 2em;
}
#popupselector {
	border: 1px solid red;
	display: None;
	height: 100em;
}
div.locksetmenu {
	display: block;
	width: 110px;
	float: left;
}
div.locksetmenu span {
	width: 100%;
	display: block;
}
div.locksetmenu + div.locksetmenu {
	margin-left: 15px;
}
#locksetform select {
	width: 115px;
	margin-bottom: 1em;
}
#locksetform .radiogroup {
	   margin-bottom: 1em;
}
#locksetform .radiogroup .item {
	  width: 115px;
}
#locksetform #currencyChooser {
	   width: 125px !important;
	   margin-top: 1em;
	   margin-bottom: 1.5em;
	   float: right;
}
#locksets label {
	   color: #666;
	   font-size: 11px;
}
#locksetform .radiogroup label {
	   float: left;
}
#locksetform .radiogroup input {
	   margin-right: 1em;
	   float: right;
}
div.repaddresses h3 {
	margin-bottom: 0em;
}
div.address {
	margin-bottom: 2em;
}
div.address h4 {
	font-weight: bold;
	border: None;
	margin-bottom: 0em;
	color: #888;
}
div.address p {
	line-height: 1.5;
	margin: 0em;
	padding-right: 5em;
}
div.address p.break {
	margin-top: 1em;
}
div.address dl dt {
	font-weight: bold;
	clear: left;
	color: #888;
}
div.address dl dt, div.address dl dd  {
	width: 8em;
	display: block;
	height: 1em;
	float: left;
	margin: 0;
	margin-bottom: 1em;
}
div.address dl dd  {
	clear: right;
}
#splash {
	width: 100%;
}
.newproducts {
	width: 240px;
	margin-right: 10px;
	display: block;
	float: left;
	text-align: left;
}
.newproducts-thumbnails .thumbnailrow {
	   margin-bottom: 5em;
}
.newproducts-thumbnail {
	   height: 180px;
	   display: block;
}
.newproducts h5 {
	margin-bottom: 1em;
	   font-size: 175%;
	   padding-right: 2em;
}
.newproducts .column p {
	line-height: 1.25;
	padding-right: 2em;
}
.configurator h5 {
	margin-bottom: 0em;
}
.loginform {
	border: 1px solid #eee;
	padding-top: 2.5em;
	padding-bottom: 2em;
	display: block;
	margin: auto;
	top: 175px;
	position: relative;
	width: 320px;
	font-size: 1.2em;
	padding-left: 4em;
	padding-right: 4em;
	line-height: 30px;
}
.loginform p {
	padding-left: 1em;
	padding-right: 1em;
	color: red;
}
.loginform .error {
	color: red;
}
.loginform label {
	float: left;
	text-align: right;
	width: 320px;
	clear: both;
	color: gray;
}
.loginform label + label {
	margin-top: 1em;
}
.loginform input {
	width: 15em;
	border: 1px solid #ccc;
	margin-left: 10px;
	padding: 8px 4px 4px;
	font-size: 14px;
	vertical-align: middle;
}
.loginform button {
	line-height: 0;
	   width: 8em;
	height: 30px;
	border: 1px solid #ccc;
	background-color: #ccc;
	float: right;
	color: white;
	margin-top: 1em;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 1;
}
.loginform button + button {
	   margin-right: 1em;
}
div.slide {
	position: absolute;
}
#splash {
	height: 712px;
}
button {
	border: 1px solid black;
	background: white;
	color: red;
	padding: 0.5em 0.75em 0.5em 0.75em;
}
#locksetform button {
	border: None;
	background: #eee;
	color: #555;
	font-weight: bold;
	width: 100px;
	height: 3em;
	padding: 0.5em 0.75em 0.5em 0.75em;
	margin-left: 0.75em;
}
#locksetform button:hover {
	color: red;
}
#locksetform button + button {
	margin-left: 2em;
}
#locksettabs {
	height: 600px;
}
div.sscontrols {
	position: relative;
	display: block;
	z-index: 1000;
	float: right;
}
.sscontrols li {
	display: block;
	float: left;
	opacity: 0.35;
	width: 1.5em;
	height: 2em;
	border: 1px solid black;
	background: white;
}
.sscontrols a {
	display: block;
	width: 100%;
	height: 100%;
}
.sscontrols li + li {
	margin-left: 0.5em;
	margin-top: 0em !important;
}
.sscontrols li a:active,
.sscontrols li a:hover,
.sscontrols li:hover {
	background: red;
}
.sscontrols li.active {
	background: gray;
}
#splash div.sscontrols {
	margin-top: 60%;
	margin-right: -2em;
}
#navigator {
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	border-bottom: 1em solid rgb(200,200,200);
}
#navigator .controls, #navigator .shuttercontrols {
	display: block;
	float: right;
	vertical-align: bottom;
	padding: auto;
}
#navigator .controls {
	margin-bottom: 1em;
}
#navigator .firstrow + .carouselcontainer {
	margin-top: -1em;
}
#navigator li a {
	color : gray;
	font-weight: normal;
}
#navigator .shuttercontrols {
	width: 200px;
	margin-right: -3em;
}
#navigator .shuttercontrols a {
	text-align: right;
	width: 120px;
	display: block;
	margin-right: 0px  ;
	border: None;
}
#navigator .shutter .controls {
	margin-top: 0em;
	height: none !important;
}
#navigator .frame {
	display: block;
	clear: both;
}
#navigator div.hidden + div.frame {
	margin-top: 1em;
}
#navigator .breadcrumb {
	padding: 0;
	display: block;
	float: left;
}
.breadcrumb p {
	margin: 0;
}
.breadcrumb a {
	color: black;
	font-weight: normal;
}
.breadcrumb .divider {
	margin-left: 0.5em;
	margin-right: 0.5em;
}
.overview .header .overviewtitle {
	float: left;
	border: 1px sold red;
	display: block;
}
.overview .controls {
	width: 150px;
	padding: none;
	float: right;
	display: float;
}
.overview .controls ul {
	margin: 0em;
	text-indent: 0em;
	text-align: right;
	float: right;
}
.overview .controls li, .overview .controls a {
	height: 18px;
	width: 18px;
}
#navigator1 {
	border-top: 2px solid white;
}
.locksetprice {
	float: right;
}
.locksetprice span {
	color: red;
	margin-left: 2em;
}
.locksetcomponents {
	padding-top: 2em;
}
.locksetcomponents .break {
	border-top: 1px solid #ccc;
	padding-top: 1em;
}
.locksetcomponents h3 {
	font-size: 2em;
	margin-top: 0em;
}
.locksetcomponents h4 {
	font-size: 1.75em;
	margin-top: 0em;
	line-height: 1.25;
}
.scroll {
	padding-top: 0em;
	margin-top: 0em;
	margin-right: 1em;
}
.scroll p {
	height: 0em !important;
}
.scroll ul {
	padding-top: 0em;
}
.scroll li {
	display: block;
	float: left;
	width: 2em;
	text-align: center;
	margin-top: 0em;
}
.scroll a {
	   	height: 20px;
		width: 20px;
	display: block;
	margin: 0em;
}
.scroll .right a, .scroll .left a {
	background-image: url(/images/icons2/arrow-right.png);
	background-repeat: no-repeat;
	background-position: 6px 4px;
	text-indent: -9999px;
}
.scroll .right a {
	background-position: 6px 4px;
}
.scroll .left a {
	background-position: 6px 4px;
}
.scroll .left a {
	background-image: url(/images/icons2/arrow-left.png);
}
.scroll .right a:hover {
	background-image: url(/images/icons2/arrow-right-red.png);
}
.scroll .right a.disabled {
	background-image: url(/images/icons2/arrow-right-gray.png);
}
.scroll .left a:hover {
	background-image: url(/images/icons2/arrow-left-red.png);
}
.scroll .left a.disabled {
	background-image: url(/images/icons2/arrow-left-gray.png);
}
.scroll .close a {
	background-image: url(/images/icons2/close.png);
	background-repeat: no-repeat;
	background-position: 4px 4px;
	text-indent: -9999px;
}
.scroll .close a:hover {
	background-image: url(/images/icons2/close-red.png);
}
#searchform form {
	margin-top: 0;
	padding-top: 0;
}
#searchform {
	   width: 270px;
	   padding-top: 0.5em;
}
#searchquery {
	   border: 1px solid rgb(238, 238, 238);
	  	-webkit-appearance: textfield;
	   color: #888;
	   padding: 0.5em;
	   margin-top: 0.5em;
	   width: 130px;
}
#templatebrowser select {
	width: 115px;
}
#templatebrowser .locksetmenu h5 {
	margin-bottom: 0.5em;
}
#templates button {
	border: None;
	background: #eee;
	color: #555;
	font-weight: bold;
	width: 100px;
	height: 3em;
	padding: 0.5em 0.75em 0.5em 0.75em;
	margin-left: 0.75em;
}
#templates button:hover {
	color: red;
}
img.bordered-image, img.bordered {
	border: 1px solid black;
}
.ruled {
	border-bottom: 1px solid #ccc;
}
h2.ruled {
	margin-bottom: 1em;
}
.navigator h3 {
	border-bottom: 1px solid #ccc;
}
.distributors h3 {
	border-bottom: 1px solid #ccc;
}
#blockcontrols {
	   margin-top: 4em;
}
.locksetfunction p {
	font-size: 1.2em !important;
}
.locksetcomponents .row + .row {
	   margin-top: 2em;
}
.sectionPreview .thumbnail {
	   height: 150px;
}
.sectionPreview .thumbnail h5 {
	   margin-top: 1em;
}
.sectionPreview .thumbnailimage {
	   height: 100px;
}
div.alternatives h4 {
	   margin-bottom: 0em;
	   margin-top: 1em	
}
#searchform {
	   margin-right: -2em;
}
#searchform * {
	   margin-right: -5px;
}
ul.filetree li {
	font-size: 15px;
	text-indent: 5px;
}
html, #header {
	background: rgb(200, 200, 200);
	
}
#container, .container {
	background: white;
}
#header {
}
.breadcrumb a:hover {
	color: red;
}

