/*==/ OVERALL /==*/
table.content, div#content {width: 768px; margin: 0 auto; padding:0; position: relative; } /* Allows us to remove div align=center wrapper */
div#content { margin-top: 70px; display: block; }
body.largelogo div#content { margin-top: 107px; }
table.subcontent { background:url(/images/body_bg_lft_tile.gif) repeat-y top left; position: relative; }

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
html { text-align: center; }
body {
	margin: 0 auto;
	background:url(/images/bg.jpg) no-repeat top center;
	text-align: left;
}

img {
	border:none;
}

a:link, a:visited {
	color: #FF3300;
	text-decoration: none;
	font-weight: normal;
}
a:hover, a:active {
	color: #669EC7;
	text-decoration: underline;
	font-weight: normal;
}

ul {
	margin: 0 0 0 25px;
	padding: 0;
}
ul li {
	margin: 0;
	padding: 0 0 0 12px;
	list-style-type:none;
	background:url(/images/bullet_main.gif) no-repeat 1px 5px;
}


.center {
	margin: 0 auto;
}
p.center { text-align: center; }

/*==/ HEADER /==*/
div#header {
	position: absolute;
	top:-70px;
	left:0;
	width: 100%;
	height: 107px;
	margin:0 0 10px; padding:0;
	background:url(/images/header_nav_bg.gif) no-repeat top right;
}
body.largelogo div#header { top: -107px; }
div#header h1, div#header cite#website {
	overflow:hidden;
	width: 294px;
	height: 42px;
	position: absolute;
	top: 37px;
	left: 21px;
	text-indent: -9999em;
	margin:0;
	padding:0;
	line-height: 1em;
}
div#header h1 a, div#header cite#website a {
	background:url(/images/logosub.gif) no-repeat top left;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top:0; left:0;
}
body.home div#header h1 a {
	background:url(/images/logo.gif) no-repeat top left;
}
div#header cite#website a:hover,
div#header cite#website a:active,
div#header cite#website a:focus {
	background:url(/images/logosub_over.gif) no-repeat top left;
}

body.smlogo div#header cite#website {
	top: 9px;
	left: 13px;
	width: 186px;
	height: 28px;
}
body.smlogo div#header cite#website a {
	background:url(/images/logo_sm.gif) no-repeat top left;
}
body.smlogo div#header cite#website a:hover,
body.smlogo div#header cite#website a:active,
body.smlogo div#header cite#website a:focus {
	background:url(/images/logo_over.gif) no-repeat top left;
}

	/* old styles: */
div.logohome {
	overflow:hidden;
	margin: 37px 0 0 21px;
	width: 294px;
	height: 35px;
	background:url(/images/logo.gif) no-repeat top left;
}

div.logohome a {
	display:block;
	width: 294px;
	height: 41px;
}
div.logohome h1 {
	text-indent: -9999px;
	font-size:12px;
}

body.home div.logo {
	display: none;
}

div.logo a:link, div.logo a:visited {
	overflow:hidden;
	margin: 37px 0 0 21px;
	width: 294px;
	height: 41px;
	background:url(/images/logosub.gif) no-repeat top left;
}

div.logo a:hover, div.logo a:active {
	overflow:hidden;
	margin: 37px 0 0 21px;
	width: 294px;
	height: 41px;
	background:url(/images/logosub_over.gif) no-repeat top left;
}

div.logo a {
	display:block;
	width: 294px;
	height: 41px;
}
div.logo h1 {
	text-indent: -9999px;
	font-size:12px;
}

div.logosm a:link, div.logosm a:visited{
	display:block;
	overflow:hidden;
	margin: 9px 0 0 13px;
	width: 186px;
	height: 28px;
	background:url(/images/logo_sm.gif) no-repeat top left;
}

div.logosm a:hover, div.logosm a:active{
	display:block;
	overflow:hidden;
	margin: 9px 0 0 13px;
	width: 186px;
	height: 28px;
	background:url(/images/logo_over.gif) no-repeat top left;
}

div.logosm a {
	display:block;
	width: 186px;
	height: 24px;
}
div.logosm h1 {
	text-indent: -9999px;
	font-size:12px;
}

div.header_navmenu {
	float:right;
	width:408px;
	margin:0;
	padding:0;}

ul.navmenu{
	height:24px;
	margin:9px 0 0 0;
	padding:0;
	text-align:left;
	list-style-type:none;}
ul.navmenu li{
	float:left;
	margin:0;
	padding:0;
	height:24px;
	overflow:hidden;
	text-indent:-9999px;
	background:none;}
ul.navmenu li a{
	display:block;
	height:24px;}
ul.navmenu li.applications a{
	width:89px;
	background:url(/images/applications-btn.gif) no-repeat top left;}
ul.navmenu li.specification-index a{
	width:127px;
	background:url(/images/specification-index-btn.gif) no-repeat top left;}
ul.navmenu li.literature-library a{
	width:116px;
	background:url(/images/literature-library-btn.gif) no-repeat top left;}
ul.navmenu li.contact-us a{
	width:76px;
	background:url(/images/contact-us-btn.gif) no-repeat top left;}
ul.navmenu li a:hover{
	background-position:0 -24px;}

div.section-heading { margin:0 0 0; padding:0; }

div.section-heading h1,
div.heading h1 {
	margin: 0 0 3px 10px;
	padding: 0;
	font-size:28px;
	font-weight:normal;
	letter-spacing: -1px;
}
div.heading h1 { margin-top: 40px; }

div.section-heading h2,
div.subheading h2 {
	margin: 0 0 10px 26px;
	padding: 0;
	font-size:12px;
	font-weight:normal;
	letter-spacing: 1px;
	color: #337eb5;
}

div.back {
	text-align:right;
	margin: 0 12px 3px 0;
	font-size:12px;
}
div.back a:link, div.back a:visited {
	color: #035694;
	text-decoration: none;
	font-weight: bold;
}
div.back a:hover, div.back a:active {
	color: #669EC7;
	text-decoration: underline;
	font-weight: bold;
}

div.back a.choose {
	font-weight:normal;
}

/*----- CATEGORY SELECT BOX ----------------------------------------------*/
div.back { position: relative; width:768px; }

div#selectbox {
	position:absolute;
	display:none;
	width: 225px;
	height: 225px;
	margin: 0;
	padding: 0;
	z-index: 50;
	background:transparent url(/images/selectbox_bg.gif) no-repeat top left;
}

div#selectbox table p {
	margin: 8px 0 8px 0;
	padding: 0;
}

div#selectbox table p a:link, div#selectbox table p a:visited {
	color: #035694;
	text-decoration: none;
	font-weight: normal;
}
div#selectbox table p a:hover, div#selectbox table p a:active {
	color: #669EC7;
	text-decoration: underline;
	font-weight: normal;
}

div#selectbox table div.closeselect {
	text-align:right;
	margin: 12px;
	padding: 0;
}

/*==/ SIDEBAR /==*/

div.sectionIcon{
	margin:-10px 0 0 0;
	padding:0;
	background-color:#FFF;}
div.sectionIcon img{
	margin:0 0 10px 25px;
	padding:0;}
div.sidebarContainer {
	margin: 0;
	padding: 5px 0 0 0;
	background:url(/images/subnav_bg_top.gif) no-repeat top left;}
div.subnav h3{
	margin:10px 0 0 0;
	padding:0;}
div.subnav p{
	margin:10px 0;}
div.subnav h3.features{
	width:76px;
	height:20px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/images/features_btn.gif) no-repeat top left;}
div.subnav h3.gallery{
	width:63px;
	height:24px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/images/gallery_btn.gif) no-repeat top left;}
div.subnav h3.performance{
	width:113px;
	height:24px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/images/performance_btn.gif) no-repeat top left;}
div.subnav h3.paneloptions{
	width:120px;
	height:24px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/images/panelopt_btn.gif) no-repeat top left;}
div.subnav h3.download{
	margin-bottom:0;
	width:138px;
	height:18px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/images/download_btn.gif) no-repeat top left;}
div.secondary h4{
	margin:10px 0 5px 18px;
	padding:0;
	font-size:12px;}

div.subnav ul ul{
	margin-left:1px;
	margin-right:10px;
	font-size:11px;}

div.subnav {
	margin: 0 8px 0 18px;
	padding: 0;
	color: #613810;
}

div.subnav img.heading {
	margin: 11px 0 0 0;
	padding: 0;
}

div.subnav ul {
	margin: 0 0 0 2px;
	padding: 0;
}
div.subnav ul li {
	margin: 4px 0 4px 0;
	padding: 0 0 0 14px;
	list-style-type:none;
	background:url(/images/bullet_subnav_main.gif) no-repeat 1px 5px;
}

div.subnav div.secondary {
	margin: 20px 0 30px 0;
}

div.subnav div.secondary ul li {
	background:url(/images/bullet_subnav_secondary.gif) no-repeat 1px 5px;
}

div.subnav div.secondary a:link, div.subnav div.secondary a:visited {
	color: #336600;
	text-decoration: none;
	font-weight: normal;
}
div.subnav div.secondary a:hover, div.subnav div.secondary a:active {
	color: #669EC7;
	text-decoration: underline;
	font-weight: normal;
}

div.subnav div.secondary img.brochure {
	margin: 0 0 0 18px;
}
div.subnav div.secondary a:link img.brochure, div.subnav div.secondary a:visited img.brochure {
	border:1px solid #006600;
}
div.subnav div.secondary a:hover img.brochure, div.subnav div.secondary a:active img.brochure {
	border:1px solid #FF3300;
}


/*==/ BODY CONTENT /==*/

img.mainphoto {
	margin: -10px 0 10px 25px;
	padding: 0;
}

div.bodycontent {
	margin: 12px;
}

div.bodycontent h1, div.bodycontent h2 {
	background:url(/images/body_bg_top.gif) no-repeat top left;
	padding: 4px 0 0 12px; margin: -12px 0 0 -12px;
	font-size:22px;
	font-weight:normal;
	color:#006699;
}

div.bodycontent h2 { background: none; margin: 0; padding:0 0 .8em;}

div.animation {
	background:url(/images/body_bg_top.gif) no-repeat top left;
	margin: -12px 0 0 -12px;
	padding: 15px 0;
	border-bottom: 1px solid #3399FF;
}
div.animation h1, div.animation h2 {
	font-size:16px;
	font-weight:bold;
	color:#3399CC;
}

div.pageheading div.nav {
	margin: 0 0 8px 0;
	padding: 8px;
	text-align:right;
	color:#1F68A0;
	font-family:arial, sans-serif;
	font-size:15px;
	letter-spacing: -1px;
	background-color:#CBDEEC;
}
div.pageheading div.nav a:link, div.pageheading div.nav a:visited {
	color: #1F68A0;
	text-decoration: none;
	font-weight: normal;
}
div.pageheading div.nav a:hover, div.pageheading div.nav a:active {
	color: #000066;
	text-decoration: underline;
	font-weight: normal;
}

div.pageheading div.nav .galleryspecial a:link, div.pageheading div.nav .galleryspecial a:visited {
	color: #CC3300;
}
div.pageheading div.nav .galleryspecial a:hover, div.pageheading div.nav .galleryspecial a:active {
	color: #000033;
}

div.pageheading div.nav a {
	padding: 0 6px 0 6px;
	border-left:1px solid #FFFFFF;
}
div.pageheading div.nav .title {
	padding: 0 6px 0 6px;
	text-transform:uppercase;
}
div.pageheading {
	background:url(/images/body_bg_top.gif) no-repeat top left;
	padding: 4px 0 0; margin: 0;
}

div.pageheading h1, div.pageheading h2 {
	text-align:right;
	margin: 8px 12px 16px 0;
	font-size:22px;
	font-weight:normal;
	letter-spacing: 1px;
}

div.pageheading-main {
	background:url(/images/body_bg_top.gif) no-repeat top left;
	padding: 4px 0 0; margin: 0;
}

div.pageheading-main h1,  div.pageheading-main h2 {
	text-align:left;
	margin: 0 12px 16px;
	font-weight:normal;
	letter-spacing: 1px;
}
div.pageheading-main h1 {	font-size:26px; }
div.pageheading-main h2 {	font-size:22px;	color:#006699;  }

div.column{
	float:left;
	width:45%;}

div.column ul{
	margin-bottom:15px;}
div.column ul ul, div.column ul ul ul, div.column ul ul ul ul {
	margin-bottom:3px;}

/*----- GALLERY STYLES ---------------------------------------------------*/

div.gallery-set {
	height: 225px;
	clear:left;
}

div.gallery-set h2 {
	margin: 0 0 3px 23px;
	padding: 0;
	font-size: 16px;
	font-weight:normal;
}

div.gallery-set p {
	margin: 0 0 3px 18px;
	padding: 0 0 0 5px;
}

div.gallery-set dl {
	margin: 0 0 0 18px;
	padding: 0 0 0 5px;
}

div.gallery-set dt {
	float:left;
	overflow:hidden;
	width:200px;
	height:150px;
	margin:0 8px 0 0;
	clear:both;
}

div.gallery-set dd {
	margin:0;
	padding-left: 0;
	height: 61px;
}

div.gallery-set dd p {
	padding: 0 0 4px 0;
	color:#0066FF;
	border-bottom:1px solid #3399FF;
}

div.gallery-set dd .note {
	font-family:arial, sans-serif;
	font-size:11px;
}

div.gallery-set dd img {
	margin: 3px 6px 6px 0;
	overflow:hidden;
	height: 60px;
	width: 80px;
}

div.gallery_logo{
	position:absolute;
	margin:98px 0 0 230px;}
* html div.gallery_logo{
	margin-left:215px;}

/*==/ FOOTER /==*/
div#footer { background:url(/images/footer_bg_top.gif) no-repeat top left; margin: 20px 0 0; padding: 5px 0 0; }

div.copyright {
	margin: 12px 0 4px 12px;
	font-size:11px;
	letter-spacing: -1px;
	color:#000000;
	font-weight:bold;
}
div.credit {
	font-size:10px;
	margin: 0 0 8px 12px;
}
div.credit a:link, div.credit a:visited {
	color: #7BA8D1;
	text-decoration: none;
	font-weight: normal;
}
div.credit a:hover, div.credit a:active {
	color: #000000;
	text-decoration: underline;
	font-weight: normal;
}

/*----- SPECIFICATION INDEX + LIBRARY -----------------------------------------------*/

div.library{
	float:left;
	width:360px;
	height:175px;
	margin:0 10px 15px 0;
	padding:0;}
div.library img{
	float:left;
	margin:0 8px 8px;
	padding:0;}
div.library h3{
	margin:8px 0 4px 0;
	padding:0;
	font-size:15px;
	font-weight:normal;
	color:#333;
	text-decoration:none;}
div.library p{
	margin:0 0 12px 0;
	padding:0;
	color:#4E7E95;}
div.library p.download{
	font-size:11px;}
div.library a:link, div.library a:visited{
	color: #669EC7;
	text-decoration:underline;}
div.library a:hover, div.library a:active{
	color: #FF3300;
	text-decoration:underline;}

td.specindex h3, td.specindex p,
table.library h3, table.library p { padding:0; margin: 0; font-weight: normal; }
td.specindex p { margin-bottom: 1em; }
table.library p.download { margin-top:1em; }

td.specindex h3, td.specindex h3 a:link, td.specindex h3 a:visited,
table.library h3, table.library h3 a:link, table.library h3 a:visited {
	font-size: 14px;
	color: #A7A7A7;
	text-decoration:none;
}

td.specindex h3 a:hover, td.specindex h3 a:active,
table.library h3 a:hover, table.library h3 a:active {
	font-size: 14px;
	color: #E49036;
}

td.specindex p, td.specindex p a:link, td.specindex p a:visited,
table.library p, table.library p a:link,  table.library p a:visited {
	font-size: 10px;
	color: #4E7E95;
	text-decoration:none;
}

.librarylg{
	font-size: 14px;
	color: #A7A7A7;
}

.librarysm{
	font-size: 10px;
	color: #4E7E95;
}

a:hover .librarysm, a:active .librarysm {
	font-size: 10px;
	color: #E49036;
}

/*----- PANEL OPTIONS ---------------------------------------------------------*/

table.paneloptions {
	border:0;
	margin: 8px 0 8px 0;
	padding: 2px 0 2px 0;
	border-top:2px solid #0066FF;
	border-bottom:1px solid #3399FF;
}

table.paneloptions tr th {
	border:0;
	padding: 4px;
	width: 225px;
	font-family:arial, sans-serif;
	text-align:left;
}

table.paneloptions tr a:link, table.paneloptions tr a:visited {
	display:block;
	color: #FF3300;
	text-decoration: none;
	font-weight: bold;
}
table.paneloptions tr a:hover, table.paneloptions tr a:active {
	display:block;
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}

table.paneloptions tr td {
	border:0;
	padding: 4px;
	font-family:arial, sans-serif;
	text-align:center;
	border-left:none;
}

table.paneloptions tr.title th {
	font-weight:normal;
	vertical-align:bottom;
}
table.paneloptions tr.title td {
	font-weight:normal;
	vertical-align:bottom;
}

table.paneloptions tr.heading th, table.paneloptions tr.heading td {
	border-top: 2px solid #99BFDB;
}
table.paneloptions tr.heading th {
	font-size:14px;
	font-weight:bold;
}

table.paneloptions tr.even td {
	border-left:1px solid #FFFFFF;
}

table.paneloptions tr.even {
	background-color:#6699FF;
}

table.paneloptions tr.even a:link, table.paneloptions tr.even a:visited {
	display:block;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
table.paneloptions tr.even a:hover, table.paneloptions tr.even a:active {
	display:block;
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}

table.paneloptions tr.note td {
	padding-bottom: 20px;
	text-align:left;
	font-size:12px;
	font-weight:normal;
}

/*----- SPECIFICATIONS --------------------------------------------------------*/

div.spec-container {
	clear:left;
	margin: 0 0 10px 0;
	border-bottom:1px solid #3399FF;
	padding-bottom: 10px;
}

div.spec-container div.details {
	margin: 0;
	padding: 0;
}

div.spec-container h1 {
	margin: 0;
	padding:0;
}

div.spec-container div.details h2 {
	margin: 8px 0 8px 0;
	padding:0;
	font-size:14px;
	font-weight:normal;
	letter-spacing: 1px;
}

div.spec-container div.details p {
	font-size:11px;
	margin: 0;
	padding: 0;
}

div.specs {
	float:left;
	width: 300px;
	margin: 0 10px 10px 0;
}

div.specs p {
	font-size:10px;
	text-align:center;
}

table.specs {
	border:0;
	margin: 8px 0 8px 0;
	padding: 2px 0 2px 0;
	border-top:2px solid #0066FF;
	border-bottom:1px solid #3399FF;
}

table.specs tr.top {
	background-color:#6699FF;
}

table.specs tr th {
	border:0;
	padding: 4px;
	width: 225px;
	font-family:arial, sans-serif;
	text-align:left;
}
table.specs tr.top th {
	width: 1px;
	color:#FFFFFF;
}
table.specs tr.top th.dl {
	font-size:14px;
	letter-spacing: 1px;
}

table.specs tr td {
	border:0;
	padding: 4px;
	font-family:arial, sans-serif;
	text-align:center;
	border-left:none;
}

table.specs tr.even td {
	border-left:1px solid #FFFFFF;
}

table.specs tr.even {
	background-color:#99BFDB;
}

img.litlib {
	border: 1px solid #CBDEEC;
}

div.constant_contact {
	margin-top: 10px;
}

div.constant_contact3 {
	margin: 10px 0 0 0;
}

/* -- search box -- */

div.searchContainer{
	float:right;
	margin:7px 0 0 0;
	width:217px;
	height:24px;}
div.search-title{
	float:left;
	width:48px;
	height:24px;
	text-align:left;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/images/search_title.gif) no-repeat top left;}

#searchbox{
	float:left;
	margin:0;
	padding:0;
    width:169px;
    height:24px;
	overflow:hidden;
    background:url(/images/search_form.gif) no-repeat top left;}
#searchbox #s{
    float:left;
	border:0;
	margin:2px 0 0 2px;
	padding:0;
	width:131px;
	height:20px;
	background:none;
	font-size:13px;
	color:#000;}
#searchbox #go{
    float:right;
    margin:2px 2px 0 0;}

/* -- newsletter box -- */

div.newsletterContainer{
	width:408px;
	height:38px;}
div.newsletter-title{
	float:left;
	width:184px;
	height:38px;
	text-align:left;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/images/newsletter_title.gif) no-repeat top left;}

#newsletterbox{
	float:left;
	margin:0;
	padding:0;
    width:224px;
    height:38px;
	overflow:hidden;
    background:url(/images/newsletter_form.gif) no-repeat top left;}
#newsletterbox #s{
    float:left;
	border:0;
	margin:8px 0 0 2px;
	padding:0;
	width:142px;
	height:20px;
	background:none;
	font-size:13px;
	color:#000;}
#newsletterbox #go{
    float:right;
    margin:8px 21px 0 0;}
	
/*----- Doors --------------------------------------------------------*/

ul.imgcontent { margin: 0; padding:0; width: 100%; }
ul.imgcontent li { 
	float: left; 
	width: 242px; height: 278px; 
	margin: 0 4px 0 0; padding: 0; 
	list-style: none;
	background: none;
	overflow: hidden;
	text-indent:-9999px;
	position: relative;	
}
ul.imgcontent li p a { 
	position: absolute; top: 0; left: 0;
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999em;
}
ul.imgcontent li p a:hover {-moz-opacity:.90; filter:alpha(opacity=90); opacity:.90;} /* quick ui improvement */
li.swing p a { background: url(/images/btn_qswing.jpg) no-repeat top left; }
li.slide p a { background: url(/images/btn_qslide.jpg) no-repeat top left; }
li.lift p a { background: url(/images/btn_qlift.jpg) no-repeat top left; }

ul.imgcontent li ul { margin:0; padding:0; }
ul.imgcontent li ul li { width:auto; height: auto; float: none; display:list-item; font-size: .8em; padding: 2px 5px; }

/*----- Panelized Barrier Systems Gallery --------------------------------------------------------*/

ul.barriergallery-imgcontent { margin: 0; padding:0; width: 100%; }
ul.barriergallery-imgcontent li {
	float: left; 
	width: 133px; height: 153px; 
	margin: 0 3px 0 0; padding: 0; 
	list-style: none;
	background: none;
	overflow: hidden;
	text-indent:-9999px;
	position: relative;	
}
ul.barriergallery-imgcontent li a { 
	position: absolute; top: 0; left: 0;
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999em;
}
ul.barriergallery-imgcontent li a:hover {-moz-opacity:.90; filter:alpha(opacity=90); opacity:.90;} /* quick ui improvement */
li.modelsl a { background: url(/images/barrier_btn1.jpg) no-repeat top left; }
li.modelhp a { background: url(/images/barrier_btn2.jpg) no-repeat top left; }
li.modelhpvstack a { background: url(/images/barrier_btn3.jpg) no-repeat top left; }
li.installation a { background: url(/images/barrier_btn4.jpg) no-repeat top left; }