﻿/********************************************************
 general styles
********************************************************/
body{padding:0px; margin:0px; font-family:Arial, Times New Roman, Verdana; font-size: 11px; color:#4b4a4a;}
img{border:0px;}
ul{padding:0px; margin:15px 0px; list-style:none;}
ul li{background:url(images/bullet.gif) no-repeat left 5px; padding:0px 0px 5px 10px;}
p{margin:0px; padding:7px 0px 7px 0px;}
h1,h2,h3,h4,h5{padding:0px; margin:0px;}
a{color:#ba853f;}
.button{cursor:pointer;}
strong{color:#4b4a4a;}
h3 {font-size:14px; font-weight:bold; padding:5px 0px;}
h4 {font-size:11px; font-weight:bold; padding:5px 0px;}
.checkbox label {position: relative; top: -2px;}
.radioButton label {position: relative; top: -2px; margin-left:0px}
.tooltip-hyperlink { cursor: help; }
/********************************************************
 structural styles
********************************************************/
#wrapper{width:100%; text-align:center;}
#website{background:#fff url(images/swirl.png) no-repeat 273px top; width:1019px; margin:0px auto; text-align:left;}
/********************************************************
 header styles
********************************************************/
#header{background:transparent; width:1000px; margin:0px auto 0px auto; text-align:left; padding-top: 27px;}
.logo{}
.relative-button{position:relative; top:5px;}
.relative-button-on-blue-bg{position:relative; top:7px;}

.main-navigation-wrapper{background:url(images/bg-main-nav.png) no-repeat left top; width:1000px; padding:10px 9px 0px 10px; margin-top:5px; text-align:center;}
.top-nav{background:url(images/nav-bar.png) no-repeat left top; width:1000px; margin:0px auto; height:48px;}

/* navigation */
ul.nav{background-color:transparent; padding:25px 0px 0px 35px; margin:0px; float:left; list-style:none;}
ul.nav{line-height:1.0;}
ul.nav li{float:left; background-image:none; padding-left:0px;}
ul.nav li a{display:block;}
ul.nav li.divider{padding:0px 6px;}

.nav ul{position:absolute; top:-999em; width:12em;}
.nav ul li{width:100%;}
.nav li:hover{visibility:inherit;}
.nav li{float:left; position:relative; z-index:99;}
.nav a {display:block; position:relative;}
.nav li:hover ul, ul.nav li.sfHover ul {left:-4px; top:23px; z-index:99;}
.nav li li:hover ul, ul.nav li li.sfHover ul {left:10em; top:0px;}
.superfish li:hover ul, .superfish li li:hover ul {top: -999em;}

/* second level */
ul.nav li ul{background:#679EBE; text-align:left; margin:0px;}
ul.nav li ul li{padding-bottom:0px; background:none; padding-left:0px; text-align:left;}
ul.nav li ul li a{padding:5px 0px 5px 8px; font-weight:500; line-height:14px; display:block; color:#fff; height:100%; background:none; text-decoration:none; border-top:1px solid #C6DDEA; margin-bottom:5px;}
ul.nav li ul li a:hover{}

/********************************************************
 content styles
********************************************************/
.main-content{background:transparent url(images/bg-content.jpg) repeat-y left bottom; width:1019px; margin:0px auto; position:relative; text-align:left;}
.main-content-inner{z-index:100;}
.content-gradient{position:absolute; left:10px; top:0px; z-index:55;}
.inner-content{}
.page-title{font-size:25px; color:#8d8e6a; border-bottom:1px solid #e2e3da; padding-bottom:7px; margin:0px 0px 20px 0px;}
.newproducts{border-bottom:1px solid #e2e3da; padding:20px 0px}
.content-footer{background:url(images/bg-content-footer.gif) no-repeat left bottom; width:1000px; padding:0px 9px 9px 10px; position:relative;}
#litDownloadContainer img {padding-bottom:10px}
#litDownloadContainer a {font-weight:bold;}
#litDownloadContainer h3 {padding-bottom:20px}
#curvedRailContent{width:600px; float:left}
#curvedRailContent ul {line-height:12px}
.termsOfUse {font-size:10px; font-family:arial}

#galleryContainer{padding-top:15px; padding-bottom: 20px;}
/*#galleryContainer div{float:left;}
#galleryContainer div img{float:left; margin-right:10px; display:block;}
#galleryContainer div .product-description{float:right; display:block; padding: 0px; margin:0px; width:120px;}
#galleryContainer div .product-description div{margin-bottom:10px;}*/

#contractor-page { width: 100%; text-align: center; }
#contractor-page-container {width:650px; padding-top: 20px; color:#000; margin-left: auto; margin-right: auto; text-align: left;}
#contractor-page-container a { font-weight: bold; }
#contractor-page-container .contractor-page-logo { display: block; margin-bottom: 10px; margin-right: 20px; }
#contractor-page-container .headshot { margin-right: 30px; } 
#contractor-page-container #header-table { margin-bottom: 25px; }
#contractor-page-container #header-bar { margin-bottom: 10px; }
#contractor-page-container #contractor-text { float: left; margin-left: 10px; margin-bottom: 30px; margin-right: 5px; width: 270px; }
#contractor-page-container #about-text { font-size: 12px; font-weight: bold; padding-bottom: 10px; border-bottom: 1px solid #d0d0c1; margin-bottom: 20px; }
#contractor-page-container #featured-photo { float: right; margin-bottom: 20px; width: 340px; padding: 10px; border:1px solid #cecece; }
#contractor-page-container #featured-photo-image { text-align: center; }
#contractor-page-container #photo-gallery { }
#contractor-page-container #photo-gallery-header { padding: 10px 0; text-align: center; color: #fff; font-size: 15px; background-color: #679ebd; } 
#contractor-page-container #photo-gallery-header strong { color: #fff; }
#contractor-page-container #photo-gallery-content { background-color: #e7bd64; height: 370px; } 
#contractor-page-container #contractor-footer {padding:20px}
#contractor-page-container #status { border:1px solid #cecece; padding:10px; margin: 10px 0; font-size: 14px; font-weight: bold; }
#contractor-page-container #headshot-photo { padding: 10px; border:1px solid #cecece; margin-right: 10px; }
#contractor-page-container .save-button { position: relative; top: 5px; }
#contractor-page-container .contractor-item { margin-bottom: 10px; }
#contractor-page-container .checkbox input { position: relative; top: 2px; }
#contractor-page-container #submit-for-approval { background-color: #E8E8E0; padding: 10px; margin-bottom: 20px; }
#contractor-page-container #contractor-url { border:1px solid #cecece; padding:10px; margin: 10px 0; }
#contractor-page-container #contractor-url-example { margin: 5px 0 10px 0; }
#contractor-page-container #about {border:1px solid #cecece; padding:10px;}
#contractor-page-container #company-info { border:1px solid #cecece; padding: 0px 10px 10px 10px; margin-top: 10px; }
#contractor-page-container #photo-list {background-color:#fff; border:1px solid #cecece; padding:10px;}
#contractor-page-container #photo-list table { width: 100%; }
#contractor-page-container #photo-list table .header-row{background-color:#898989; color:#fff;}
#contractor-page-container #photo-list table .header-row th,#contractor-page-container #photo-list table td{padding:2px; border:1px solid #c4c4c4;}
#contractor-page-container #photo-list table td.caption { width: 530px; }

#co-op-fund-history table.history-table { width: 100%; margin-top: 20px; }
#co-op-fund-history table.history-table .header-row{background-color:#898989; color:#fff;}
#co-op-fund-history table.history-table .header-row th, #co-op-fund-history table.history-table td{padding:2px; border:1px solid #c4c4c4;}

.curved-products-table{padding-top:25px; margin-bottom:18px; width:300px;}
.curved-products-table tr.alt{background-color:#E4E4E4;}
.curved-products-table td{padding:2px 0px 2px 10px;}

.photo-gallery{}
.photo-gallery div{float:left; width:130px; margin:0px 30px 25px 0px;}
.photo-gallery div img{display:block; margin-bottom:5px;}
.photo-gallery div a{font-weight:600;}
.photo-gallery div.last{margin-right:0px;}

.order-form .row{margin-bottom: 10px;}
.order-form .field {float: left;}
.order-form .text-box-green{margin-right: 10px; width: 300px;}
.order-form .field-label{display: block; float: left; width: 95px; font-weight: bold; margin-top: 5px;}
.order-form	.order-header-row{background-color: #8d8e6a; font-weight: bold; color: #FFFFFF;}
.order-form td{padding-top: 10px; padding-bottom: 10px;}
.order-form .order-image{width: 100px; padding-left: 10px; padding-right: 10px;}
.order-form .order-item-number{width: 100px; padding-right: 10px;}
.order-form .order-item-description{width: 170px; padding-right: 10px;}
.order-form .order-notes{width: 240px; padding-right: 10px;}
.order-form .order-unit-of-measure{width: 100px; padding-right: 10px;}
.order-form .order-quantity{width: 60px; padding-right: 10px;}
.order-form .order-price{width: 60px;}
.order-form .order-row td{border-bottom: 1px solid #dddddd; vertical-align: top;}
.order-form .category{margin-top: 20px; margin-bottom: 20px;}

.home-slogan{float:left; margin-left:25px; margin-top:25px;}
.home-slogan h1{font-size:24px; font-family:Arial; padding:0px; margin:0px; color:#8d8e6a;}
.home-slogan em{font-size:12px;}
.h2-slogan{font-size:20px; margin:0px; padding:35px 0px;}
.login-form-wrapper{margin-top:20px; color:#fff; padding:35px 40px 158px 30px; float:right; background:#8D8E6A url(images/bg-green-side-bar-medium.gif) no-repeat right top; position:relative; width:230px;}
.login-form{text-align:left; position:relative; z-index:5;}
.login-form a{color:#fff; text-decoration:underline; display:block; margin-top:5px; width:110px; text-align:right;}
.login-form .text-box{width:228px;}
.login-form .big-orange{color:#e8bc65; font-size:14px; font-weight:600;}

.my-wearables-products{padding:35px 0px 0px 30px; background:url(images/bg-green-side-bar.gif) no-repeat right top; margin:40px 0px 17px auto; width:185px; height:356px; overflow:hidden; text-align:left;}
.my-wearables-products li a{color:#fff;}
.my-wearables-steps{border-bottom:1px solid #e5e6dd; margin-bottom:20px;}
.my-wearables-number-list{float:left; width:505px; margin-top:15px;}
.my-wearables-number-list li{padding:10px 0px; float:left; margin-right:20px; font-weight:600; font-size:15px; padding-left:39px;}
.my-wearables-number-list li.number-list-blue-big-one{background:url(images/number-bullet-blue-big-1.gif) no-repeat left center;}
.my-wearables-number-list li.number-list-blue-big-two{background:url(images/number-bullet-blue-big-2.gif) no-repeat left center;}
.my-wearables-number-list li.number-list-blue-big-three{background:url(images/number-bullet-blue-big-3.gif) no-repeat left center;}
.my-wearables-online-rewards{background:url(images/bg-grey-box-with-curve.gif) no-repeat right top; float:right; width:215px; text-align:center; height:87px;}
.my-wearables-online-rewards img{display:block; margin:7px auto;}
.my-wearables-online-rewards .my-wearables-online-rewards-text {font-weight:600; font-size:20px;}
.my-wearables-online-rewards .my-wearables-online-rewards-header {font-weight: bold; font-size: 16px; margin-top: 15px; }
.color-box{float:left; width:52px; margin-right:15px;}
.color-palette{width:52px; height:27px; margin-bottom:4px; border:1px solid #c4c4c4;}
.color-name{}
.shopping-cart-table{}
.shopping-cart-table .header-row{background-color:#898989; color:#fff;}
.shopping-cart-table .header-row td,.shopping-cart-table .item-row td{padding:5px 10px;}
.shopping-cart-table td{border-bottom:1px solid #c4c4c4;}
ul.catalog{width: 115px;}

/* 
 we are adding 198 padding to the bottom for the contact us module 
 so the total bottom padding will be 198(198 is the height of the contact us mod.)
*/
.landing-right-side{float:right; background:#8d8e6a url(images/bg-green-side-bar-big.gif) no-repeat right top; position:relative; width:300px; padding:30px 15px 198px 25px;}
/* 
 we are placing the swirl at the bottom of the content but above the contact us module
 to do this we are going to place it 198px from the bottom(198 is the height of the contact us mod.)
*/
.right-side-swirl-green{position:absolute; bottom:198px; right:0px; z-index:1;}
.landing-right-side .right-side-content{position:relative; z-index:2; color:#fff;}
.landing-right-side .right-side-content h3{padding:0px; margin:0px; font-size:px;}
.landing-right-side .right-side-content p{margin:0px; padding:5px 0px;}
.landing-right-side .right-side-content a{color:#e7bd64;}
.landing-right-side .landing-contact-us-content{padding:55px 0px 0px 25px;}
.landing-contact-us{position:absolute; right:0px; bottom:0px; width:659px; height:198px; background:url(images/bg-landing-contact-us.gif) no-repeat right top; z-index:3;}
.landing-contact-us-list{padding:0px; margin:20px 0px 0px;}
.landing-contact-us-list li{background:none; float:left; padding-left:0px; margin-right:10px;}
.landing-contact-us-list li img{float:left; display:block; margin-right:3px;}
.landing-contact-us-list li p{padding:0px; margin:0px; float:left; width:80px;}
.landing-modules-left{float:left; width:285px;}
.landing-modules-right{float:right; width:285px;}
.landing-modules-left h2,.landing-modules-right h2{font-size:14px; margin:0px; padding:0px;}
.landing-modules-left p,.landing-modules-right p{margin:0px; padding:5px 0px;}
.landing-modules-left ul,.landing-modules-right ul{margin-top:5px; margin-bottom: 0px;}
.landing-module-item{margin-bottom:25px;}
.landing-module-item-border{padding-bottom:25px; border-bottom:1px solid #E2E3DA;}
.landing-remaining-allocations{height:30px; position:relative; padding-bottom:15px; margin-bottom: 15px; border-bottom: 1px solid #ccc;}
.landing-remaining-allocations .allocations{position:absolute; left:0px; top:0px; color:#fff; font-size:14px;}
.landing-remaining-allocations .reimbursement { position: absolute; right: 0px; top: 0px; line-height: 16px; }

#manage-profile-callout { display: none; }
#manage-profile-callout-outer { background-color: #e7bd64; width: 315px; height: 210px; }
#manage-profile-callout-inner { background-color: #fff; position: relative; top: 5px; left: 5px; width: 265px; height: 150px; padding: 25px 20px; }

.radio-spot-item{float:left; width:170px; margin-right:60px;}
.radio-spot-item strong{display:block; margin-bottom:5px; font-size:12px;}
.radio-spot-item div{height:21px; margin-bottom:5px;}
.radio-spot-listen{padding-left:24px; background:url(images/icon-speaker.gif) no-repeat left center;}
.radio-spot-download{padding-left:24px; background:url(images/icon-word-doc.gif) no-repeat left top;}

ul li a.completed
{
	padding-right:92px;
	background:white url('/images/training-completed.gif') no-repeat bottom right;
}

.manage-profile-form{padding-bottom:60px;}
.form-item{float:left; width:230px;  margin-bottom:15px;}
.form-item .text-box, .form-item .textbox {border:1px solid #c6c6c6; font-size:12pt; width:220px;}
.customer-testimonial { margin-bottom: 10px; }
.customer-testimonial .pending, .legend .pending { border: 1px solid #666666; background-color: #eeeeee; }
.customer-testimonial .pending, .customer-testimonial .approved, .customer-testimonial .denied { padding: 5px; }
.customer-testimonial .approved, .legend .approved { border: 1px solid green; background-color: #ddffe9; }
.customer-testimonial .denied, .legend .denied { border: 1px solid red; background-color: #fee7e7; }
.legend { margin-bottom: 20px; }
.legend .legend-item { margin-right: 15px; }
.legend .legend-title { font-weight: bold; display: block; margin-bottom: 5px; }
.legend .pending, .legend .denied, .legend .approved { padding: 0 5px; line-height: 10px; }
.form-item .testimonial .textbox { width: 460px; height: 60px; }
.form-item label{display:block; margin-bottom:3px;}
.testimonial-state { margin-top: 55px; }
.testimonial-disclaimer { display: none; }
.manage-profile-form strong{display:block; margin-bottom:15px;}

.login-literature{margin-left:90px;}

.horizontal-aligned-list-item{display:-moz-inline-box; display:inline-block; vertical-align:top; padding-bottom:50px; word-wrap:break-word;}

.register .row {
	margin:0 0 15px 0;
}
.register .label {
	float:left;
	width:150px;
	margin-right:3px;
}

.handrail-table td{padding-bottom: 15px; padding-right: 10px; vertical-align: top;}
.handrail-table td.last{padding-right: 0px;}
.handrail-table td div{margin-top: 5px;}
/********************************************************
 footer styles
********************************************************/
#footer{background:transparent; margin:0px auto; padding:20px 0px 40px 0px; text-align:center; width:1000px; font-size:10px; color:#8d8e6a;}
#footer ul li{display:inline; background-image:none; padding:0 7px 5px 2px;}
.copyright{font-size:11px;}
/********************************************************
 spacers
********************************************************/
.margin5{margin:5px;}
.margin10{margin:10px;}
.margin15{margin:15px;}
.margin20{margin:20px;}
.margintop0{margin-top:0px;}
.margintop5{margin-top:5px;}
.margintop10{margin-top:10px;}
.margintop15{margin-top:15px;}
.margintop20{margin-top:20px;}
.margintop30{margin-top:30px;}
.margintop40{margin-top:40px;}
.marginbottom5{margin-bottom:5px;}
.marginbottom10{margin-bottom:10px;}
.marginbottom15{margin-bottom:15px;}
.marginbottom20{margin-bottom:20px;}
.marginbottom30{margin-bottom:30px;}
.marginhor5{margin-left:5px; margin-right:5px;}
.marginver5{margin-top:5px; margin-bottom:5px;}
.marginhor10{margin-left:10px; margin-right:10px;}
.marginver10{margin-top:10px; margin-bottom:10px;}
.marginhor15{margin-left:15px; margin-right:15px;}
.marginver15{margin-top:15px; margin-bottom:15px;}
.marginhor20{margin-left:20px; margin-right:20px;}
.marginver20{margin-top:20px; margin-bottom:20px;}
.marginright5{margin-right:5px;}
.marginright10{margin-right:10px;}
.marginright15{margin-right:15px;}
.marginright20{margin-right:20px;}
.marginleft5{margin-left:5px;}
.marginleft10{margin-left:10px;}
.marginleft15{margin-left:15px;}
.marginleft20{margin-left:20px;}
.marginleft25{margin-left:25px;}
.centermargin{margin-left:auto; margin-right:auto;}
.no-margin{margin:0px;}
.negativemargintop10{margin-top:-10px;}
.negativemargintop15{margin-top:-15px;}
.negativemargintop20{margin-top:-20px;}
.negativemargintop25{margin-top:-25px;}
.negativemargintop30{margin-top:-30px;}
.negativemargintop35{margin-top:-35px;}
.padding5{padding:5px;}
.padding10{padding:10px;}
.padding15{padding:15px;}
.padding20{padding:20px;}
.paddingtop5{padding-top:5px;}
.paddingtop10{padding-top:10px;}
.paddingtop15{padding-top:15px;}
.paddingtop20{padding-top:20px;}
.paddingtop25{padding-top:25px;}
.paddingtop30{padding-top:30px;}
.paddingbottom5{padding-bottom:5px;}
.paddingbottom10{padding-bottom:10px;}
.paddingbottom15{padding-bottom:15px;}
.paddingbottom20{padding-bottom:20px;}
.paddingbottom60{padding-bottom:60px;}
.paddinghor5{padding-left:5px; padding-right:5px;}
.paddingver5{padding-top:5px; padding-bottom:5px;}
.paddinghor10{padding-left:10px; padding-right:10px;}
.paddingver10{padding-top:10px; padding-bottom:10px;}
.paddinghor15{padding-left:15px; padding-right:15px;}
.paddingver15{padding-top:15px; padding-bottom:15px;}
.paddinghor20{padding-left:20px; padding-right:20px;}
.paddingver20{padding-top:20px; padding-bottom:20px;}
.paddingright5{padding-right:5px;}
.paddingright10{padding-right:10px;}
.paddingright15{padding-right:15px;}
.paddingright20{padding-right:20px;}
.paddingright25{padding-right:25px;}
.paddingright30{padding-right:30px;}
.paddingright35{padding-right:35px;}
.paddingright45{padding-right:45px;}
.paddingright75{padding-right:75px;}
.paddingleft5{padding-left:5px;}
.paddingleft10{padding-left:10px;}
.paddingleft15{padding-left:15px;}
.paddingleft20{padding-left:20px;}
.paddingleft25{padding-left:25px;}
.paddingleft30{padding-left:30px;}
.paddingleft45{padding-left:45px;}
.no-padding{padding:0px;}
/********************************************************
 global styles
********************************************************/
.clear-float{clear:both; height:0px; overflow:hidden;}
.error{font-weight: bold; color: Red;}
.success{font-weight: bold; color: Green;}
.block-image{display:block;}
.block-item{display:block;}
.button{cursor:pointer; font-size:14px;}
.small-links{font-size:10px; color:#8d8e6a;}
.float-left{float:left;}
.float-right{float:right;}
.positiontop{position:relative; z-index:20;}
.gold-text{color:#8d8e6a;}
.text-box{border:1px solid #c6c6c6; font-size:14px;}
.text-box-green{border:1px solid #a4b97f; font-size:14px;}
.red{color:#d00000;}
.clip{overflow:hidden;}
.relative-position{position:relative;}
.small-text{font-size:10px;}
.big-gold{font-size:14px; font-weight:600; color:#8d8e6a;}
.big-black{font-size:14px; font-weight:600; color:#000;}
.number-list li{padding-left:33px; padding-bottom:25px;}
.number-list-one{background:url(images/number-list-one.gif) no-repeat left top;}
.number-list-two{background:url(images/number-list-two.gif) no-repeat left top;}
.number-list-three{background:url(images/number-list-three.gif) no-repeat left top;}
.number-list-four{background:url(images/number-list-four.gif) no-repeat left top;}
.number-list-five{background:url(images/number-list-five.gif) no-repeat left top;}
.number-list-blue-one{background:url(images/number-bullet-1.gif) no-repeat left top;}
.number-list-blue-two{background:url(images/number-bullet-2.gif) no-repeat left top;}
.number-list-blue-three{background:url(images/number-bullet-3.gif) no-repeat left top;}
.right-text{text-align:right;}
.no-bg{background:none;}
.note{color: rgb(181, 137, 77);}
.bold{font-weight: bold;}

.content-header{color:#8d8e6a; font-weight:600; font-size:17px; font-family:Arial;}
.sifr-title{}
.sifr-title .big-title{color:#ffffff; font-size:45px; text-transform:capitalize;}
.sifr-title .small-title{position:relative; left:-5px; top:12px; font-size:15px; text-transform:capitalize;}
.read-only{background-color:#ccc;}
.big-orange{color:#e8bc65; font-size:14px; font-weight:600;}
/*********************************************************
page styles
*********************************************************/
#blog { position: absolute; right: 200px; bottom: -5px;}
.download-information { position: absolute; right: 350px; bottom: -5px; }

#newsLetterList ul
{
	list-style-image:url(images/bullet.gif);
}
#newsLetterList a
{
	font-weight:bold;
}
/*******************************************************************
Default Page CMS Styles
*******************************************************************/
#SGCMSform .row 
{
	margin:10px 0;
	clear: both;
}

#SGCMSform label
{
	float: left;
    width: 100px;
    display: block;
}

#cmsContent
{
	text-align: center;
	padding-top: 20px;
}

.cmsLogin
{
	width: 300px;
	text-align: left;
}

#contractor-page-container {width:650px; padding-top:20px; color:#000}
#contractor-page-container a {font-weight:bold}
#contractor-details-container {background-color:#E8E8E0; padding:20px}
#contractor-details {width:270px; float:left}
#contractor-details h1 {font-size:12px; font-weight:bold}
#contractor-images-container {background-color:#8D8E6A; padding-top:15px; background-image:url('/contractor-pages/images/contractor-swirl.png'); background-position:right bottom;background-repeat:no-repeat; height:130px; padding:10px 50px 20px 20px}
#contractor-images-edit-container {background-color:#8D8E6A; padding-top:15px; background-image:url('/contractor-pages/images/contractor-swirl.png'); background-position:right bottom;background-repeat:no-repeat; padding:10px 50px 20px 20px}
#contractor-images-container h1 {font-weight:bold; font-size:14px; color:#FFF}
#contractor-footer {padding:20px}
.contractor-gallery .thumb-item{position:relative; float:left; width:90px; height:65px; margin-right:5px;}
.contractor-gallery .thumb-item-button{position:absolute; bottom:-7px; right:7px;}

#gate-installation .gate-installation-content, .newproducts .gate-installation-content, .newproducts .reliaboard-content, .newproducts .accent-light-content, .newproducts .xlm-rusticbark-content { width: 420px; }
#gate-installation .gate-installation-image, .newproducts .gate-installation-image, .newproducts .reliaboard-image, .newproducts .accent-light-image, .newproducts .xlm-rusticbark-image { margin-top: 15px; }
#gate-installation ul, .newproducts ul { margin: 0; }
#gate-installation ul li, .newproducts ul li { padding: 0px 0 3px 10px; }

.newproducts .concealoc-accessories-section { float: left; margin-right: 60px; }
.newproducts .concealoc-item { margin-bottom: 15px; }
.newproducts .concealoc-image { margin-bottom: 10px; }
.newproducts .concealoc-content { width: 270px; }

/****************************************************************
  FILTERS
/***************************************************************/
.filter-field {
	float:left;
	padding:5px 10px 0 0;
	min-height:40px;
}
.filter-button 
{
	float:left;
	margin:18px 0 0 0;
}

/****************************************************************
  GRIDS
/***************************************************************/
.rep-report-record { padding: 20px 5px; }
.rep-report-record .form-column { float: left; width: 200px; margin-right: 30px; }
.rep-report-record .form-label { float: left; width: 100px; font-weight: bold; }
.rep-report-record .form-field { float: left; width: 150px; }
.rep-report-record .general-info { width: 300px; }
.rep-report-record .addresses, .rep-report-record .affiliated-dealer { width: 175px; }
.rep-report-record .tt-info { width: 170px; }
.rep-report-record .tt-info .form-label { width: 130px; }
.rep-report-record .tt-info .form-field { width: 40px; }
.rep-report-record .affiliated-dealer { margin-right: 0; }
.rep-report-record .no-float { float: none; width: auto; }
.rep-report-record .affiliated-dealer-name { font-style: italic; }
.rep-report-record .location-name { font-weight: bold; font-size: 14px; margin-bottom: 10px; }
.rep-report-record .approved { color: Green; }
.rep-report-record .denied { color: Red; }
#rep-report { margin: 10px 0; }
#rep-report hr { margin: 0; }
#rep-report .even-row, .admin-list .even-row { background-color:#dedede; }

.admin-edit, .admin-details {
	margin:10px 0;
}

.admin-edit input, .admin-edit select {
	margin:5px 0;
}

.admin-edit input[type=checkbox] {
	margin: 5px 5px 5px 0px;
}

.admin-edit td, .admin-details td {
	padding-right:20px;
	vertical-align: top;
}

.admin-edit td.header {
	padding-top: 5px;
}

.admin-edit td.header input[type=checkbox]
{
	margin-top: 0px;
}

.admin-edit textarea 
{
	width: 250px;
	height: 150px;
}

.admin-details td {
	padding-top:6px;
}

.admin-list td {
	padding:3px;
}

.pagerPageXofN{float: left; margin-right: 50px;}
.pagerResults{float:right;}
/****************************************************************
  Webinars
/***************************************************************/
#webinar-content { width: 690px; }
#webinars { margin-top: 25px; }
#webinars .webinar { float: left; margin-right: 50px; }
#webinars .webinar-image { margin-bottom: 15px; }
#webinars .webinar-title { font-size: 12px; font-weight: bold; }
#webinars .webinar-row { margin-bottom: 20px; }
/****************************************************************
  Sales Sheets
/***************************************************************/
#sales-sheets h2 {font-size:15px; font-weight:bold; color:#8d8e6a; margin-bottom:0; padding-bottom:0;}
#sales-sheets #categories > li {background-image:none; margin-left:0; padding-left:0;}
#sales-sheets #categories ul {margin-top:0; margin-bottom:3px;}
/****************************************************************
  Evolutions
/***************************************************************/
#evolutions { width: 940px; padding: 0px 30px; position: relative; }
#evolutions .login-tab { position: absolute; right: 0px; top: -68px; }
#evolutions h1 { color: #8d8e6a; font-size: 29px; margin: 30px 0 10px 0; font-weight: normal; }
#evolutions h2 { font-size: 20px; display: inline; }
#evolutions #evolutions-header { margin-bottom: 15px; }
#evolutions #evolutions-header-left { float: left; width: 405px; }
#evolutions #intro-text { font-size: 11px; }
#evolutions #evolutions-header-right { float: right; width: 480px; }
#evolutions #evolutions-video { height: 320px; margin-bottom: 10px; }
#evolutions #evolutions-video-text { margin-left: 20px; font-style: italic; }
#evolutions .evolution-section { padding: 20px 0 35px 0; border-top: 1px solid #d5d5c8; }
#evolutions .evolution-section-left { float: left; width: 273px; }
#evolutions .evolution-section-right { float: right; width: 630px; }
#evolutions #earthwood-evolutions .main-image { display: block; margin-bottom: 10px; }
#evolutions #earthwood-evolutions .swatch { float: left; margin-right: 9px; width: 85px; font-size: 10px; font-style: italic; }
#evolutions #earthwood-evolutions .swatch img { display: block; margin-bottom: 8px; }
#evolutions #earthwood-evolutions .last-swatch { margin-right: 0; }        
#evolutions ul { margin: 0; padding: 0; display: inline; }     
#evolutions ul li { padding-bottom: 3px; padding-left: 15px; list-style-position: outside; }     
#evolutions #visualizer-callout { float: right; width: 230px; margin: 10px 10px 20px 45px; }
#evolutions #visualizer-callout .visualizer-link { float: left; }
#evolutions #visualizer-callout #visualizer-text { float: right; font-size: 11px; font-weight: bold; width: 105px; }
#evolutions #toploc-video { height: 200px; }
#evolutions #earthwood-evolutions-text { float: left; width: 305px; }
#evolutions #earthwood-evolutions-form { float: right; width: 300px; position: relative; }
#evolutions #earthwood-evolutions-form-content { color: #fff; font-size: 11px; position: absolute; top: 10px; left: 15px; width: 300px; }
#evolutions #earthwood-evolutions-form-text { font-size: 13px; margin-bottom: 10px; }
#evolutions .form-row { float: left; margin-right: 15px; margin-bottom: 8px; }
#evolutions .form-label { margin-bottom: 3px; }
#evolutions .form-field input, #evolutions .form-field select { width: 120px; }
#evolutions #earthwood-evolutions-form .street input { width: 260px; }
#evolutions #earthwood-evolutions-form .state select { width: 50px; }
#evolutions #earthwood-evolutions-form .postal-code input { width: 55px; }
#evolutions #earthwood-evolutions-form .SGerrorMessage { color: #000; }
#evolutions #earthwood-evolutions-form .evolutions-submit-button { float: right; margin: 10px 15px 0 0; }
#evolutions #success-message { font-size: 13px; font-weight: bold; margin-top: 20px; width: 270px; }
/********************************************************
 RadianceRail Express
********************************************************/
#radiancerail-express { padding: 25px; font-size: 13px; }
#radiancerail-express .login-tab { position: absolute; right: 10px; top: -68px; }
#radiancerail-express #radiancerail-express-header { margin-bottom: 15px; }
#radiancerail-express .radiancerail-express-title { float: left; margin-left: 20px; margin-top: 30px; }
#radiancerail-express .radiancerail-express-logo { float: right; margin-right: 40px; }
#radiancerail-express #radiancerail-express-content { position: relative; }
#radiancerail-express-content img.top-left-corner { position: absolute; top: 0px; left: 0px; }
#radiancerail-express-content img.bottom-left-corner { position: absolute; bottom: 0px; left: 0px; }
#radiancerail-express #radiancerail-express-content-top { background-color: #ba853e; padding: 20px; }
#radiancerail-express #radiancerail-express-content-top-left { float: left; width: 325px; }
#radiancerail-express #radiancerail-express-content-top-right { float: right; width: 585px; }
#radiancerail-express #radiancerail-express-content-bottom { padding: 30px 10px 25px 30px; background-color: #faf2e1; }
#radiancerail-express-content-top-left .installs-faster { display: block; margin-bottom: 5px; }
#radiancerail-express-content-top-left .beauty-shot { display: block; margin-bottom: 5px; }
#radiancerail-express-content-top-left a { color: #e5bc69; font-size: 12px; }
#radiancerail-express #radiancerail-express-content-bottom-left { float: left; width: 582px; }
#radiancerail-express #radiancerail-express-content-bottom-right { float: right; }
#radiancerail-express #radiancerail-express-content-text { margin: 20px 0; }
#radiancerail-express #product-tabs { width: 475px; }
#radiancerail-express #profile-content { height: 183px; position: relative; }
#radiancerail-express #profile-content .profile-1 { position: absolute; bottom: 0px; left: 150px; }
#radiancerail-express #profile-content .profile-2 { position: absolute; bottom: 0px; left: 0px; }
#radiancerail-express #radiancerail-express-form { width: 299px; position: relative; background-color: #669ebe; }
#radiancerail-express #radiancerail-express-form-content { color: #fff; font-size: 11px; padding: 17px 0 30px 15px; }
#radiancerail-express #radiancerail-express-form-text { font-size: 13px; margin-bottom: 10px; }
#radiancerail-express .form-row { float: left; margin-right: 10px; margin-bottom: 8px; }
#radiancerail-express .form-label { margin-bottom: 3px; text-transform: uppercase; font-size: 10px; }
#radiancerail-express .form-field input, #evolutions .form-field select { width: 120px; }
#radiancerail-express #radiancerail-express-form .street input { width: 255px; }
#radiancerail-express #radiancerail-express-form .state select { width: 50px; }
#radiancerail-express #radiancerail-express-form .postal-code { margin-right: 0px; }
#radiancerail-express #radiancerail-express-form .postal-code input { width: 60px; }
#radiancerail-express #radiancerail-express-form .SGerrorMessage { color: #000; }
#radiancerail-express #radiancerail-express-form .evolutions-submit-button { float: right; margin: 20px 15px 0 0; }
#radiancerail-express #success-message { font-size: 13px; font-weight: bold; width: 270px; }
#radiancerail-express .top-content { position: absolute; top: 0px; left: 0px; }
#radiancerail-express .bottom-content { position: absolute; bottom: 0px; left: 0px; }
#radiancerail-express #follow-us { color: #54452f; font-size: 14px; font-weight: bold; text-align: right; margin-top: 50px; }
#radiancerail-express #installation-video { float: left; width: 180px; padding: 10px; background-color: #d6b68b; }
#radiancerail-express #radiancerail-express-video-image { float: left; width: 91px; }
#radiancerail-express #radiancerail-express-video-link { float: right; width: 75px; font-weight: bold; color: #a56d22; position: relative; top: -3px; }
#radiancerail-express img.install-instructions { margin-bottom: 5px; }
#radiancerail-express #installation-links { margin-left: 10px; float: right; width: 115px; }
#radiancerail-express #installation-links ul { margin: 0; }
#radiancerail-express #installation-links ul li { background-image: url('/styles/images/bg-bullet-white.gif'); }
/********************************************************
 jquery ui tab styles
********************************************************/
.ui-wrapper { border: 1px solid #e8e8e1; }
.ui-wrapper input, .ui-wrapper textarea { border: 0; }
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen {.ui-tabs-hide {display: none;}}
@media print {.ui-tabs-nav {display: none;}}
.ui-tabs-nav, .ui-tabs-panel {font-size: 11px;}
.ui-tabs-nav {list-style: none; margin:0px; padding:0px;}
.ui-tabs-nav:after {display: block; clear: both; content: "";}
.ui-tabs-nav li {float: left; margin: 0 0 0 5px; background-image:none; padding:0px;}
.ui-tabs-nav li.first{margin-left:0px;}
.ui-tabs-nav a, .ui-tabs-nav a span {float: left; padding: 0 12px; background: #e8e8e1;}
.ui-tabs-nav a {margin: 0px 0 0; padding-left: 0; background-position: 100% 0; text-decoration:none; white-space:nowrap; outline: 0;}
.ui-tabs-nav a:link, .ui-tabs-nav a:visited {color: #000;}
.ui-tabs-nav .ui-tabs-selected a {border-right:1px solid #e8e8e1; border-left:1px solid #e8e8e1; border-top:1px solid #e8e8e1; z-index: 2; margin-top: 0;}
.ui-tabs-nav a span {padding-top: 1px; padding-right: 0; height: 24px; background-position: 0 0; line-height: 24px;}
.ui-tabs-nav .ui-tabs-selected a span {padding-top: 0; background-color:#fff; height: 24px; line-height: 24px;}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {cursor: text; background-color:#fff;}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active {cursor: pointer;}
.ui-tabs-disabled {}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {color: #000;}
.ui-tabs-panel {border: 1px solid #e8e8e1; padding:20px 20px 50px 20px; background: #fff; }
* html .ui-tabs-nav {display: inline-block;}
*:first-child+html .ui-tabs-nav  {display: inline-block;}
/********************************************************
 Deck Plans
********************************************************/
#deck-plans { margin: 0; }
#deck-plans > li {background-image:none; margin-bottom:10px; float: left; width: 300px;}
#deck-plans img {float:left; margin-right:10px;}
#deck-plans > li ul {float:left; padding-top:10px;}
#deck-plans > li ul li {padding-top:0; padding-bottom:0; float: none;}
#deck-plans > li ul li.no-image { background-image: none; padding-left: 0; }

#download-marketing-program-info #left-content  { width: 450px; margin-right: 15px; float: left; }
#download-marketing-program-info #content-divider { width: 3px; background-color: #ccc; height: 300px; float: left; }
#download-marketing-program-info #right-content  { width: 450px; margin-left: 15px; float: left; }

#whats-new-in-2012 { width: 995px; text-align: left; margin: 20px auto; color: #679ebd; font-size: 12px; }
#whats-new-in-2012 #whats-new-header { position: relative; height: 125px; }
#whats-new-in-2012 .tt-direct { margin-left: 35px; }
#whats-new-in-2012 .login-link { position: absolute; right: 180px; bottom: 18px; font-weight: bold; font-size: 14px; }
#whats-new-in-2012 #whats-new-social-media { position: absolute; bottom: 15px; right: 40px; }
#whats-new-in-2012 #whats-new-social-media .follow-us { position: relative; top: -5px; }
#whats-new-in-2012 #whats-new-social-media a { margin-left: 5px; }
#whats-new-in-2012 #whats-new-content { margin-bottom: 15px; }
#whats-new-in-2012 .whats-new-image { display: block; margin-bottom: 30px; }
#whats-new-in-2012 #whats-new-content-left { width: 500px; text-align: right; float: left; }
#whats-new-in-2012 #whats-new-content-right { float: right; width: 460px; }
#whats-new-in-2012 .two-minutes { display: block; margin-bottom: 40px; margin-top: 20px; }
#whats-new-in-2012 #new-benefits { float: left; width: 315px; padding-right: 15px; border-right: 4px solid #679ebd; }
#whats-new-in-2012 #new-benefits-headline { font-weight: bold; font-size: 16px; }
#whats-new-in-2012 #new-benefits ul { margin: 5px 0 0 45px; }
#whats-new-in-2012 #new-benefits ul li { padding: 0 0 2px 10px; background-image: url('/new-products-2012/images/i-blue-bullet.gif'); }
#whats-new-in-2012 #download-pdf { margin-top: 10px; float: right; width: 120px; text-align: center; }
#whats-new-in-2012 #download-pdf .pdf-link { display: block; margin-top: 10px; text-transform: uppercase; font-size: 11px; color: #679ebd; }
#whats-new-in-2012 #whats-new-bottom { height: 205px; background-color: #679ebd; position: relative; }
#whats-new-in-2012 #whats-new-bottom-left { padding: 15px; height: 150px; width: 520px; font-size: 19px; background-color: #dae4ef; text-align: right; position: absolute; left: 0px; bottom: 0px; }

#whats-new-in-2012 #whats-new-form { position: absolute; right: 40px; top: 40px; width: 400px; text-align: right; }
#whats-new-in-2012 .form-row { margin-bottom: 8px; }
#whats-new-in-2012 .form-label { float: left; text-align: right; width: 100px; margin-right: 10px; font-size: 15px; color: #fff; margin-top: 2px; }
#whats-new-in-2012 .form-field { float: left; width: 285px; }
#whats-new-in-2012 .form-field input { width: 280px; }
#whats-new-in-2012 .form-field select { width: 283px; }
#whats-new-in-2012 .error { position: absolute; text-align: left; left: 570px; top: 5px; width: 370px; }
#whats-new-in-2012 .error a { color: #fff; }
#whats-new-in-2012 #whats-new-form .SGerrorMessage { color: #000; text-align: left; }
#whats-new-in-2012 #whats-new-form .whats-new-submit-button { position: relative; top: 5px; }
#whats-new-in-2012 #success-message { font-size: 13px; font-weight: bold; color: #fff; text-align: left; }

#co-op-request .form-row { float: left; margin-right: 15px; margin-bottom: 8px; }
#co-op-request .form-label { margin-bottom: 3px; }
#co-op-request .form-field input, #evolutions .form-field select { width: 198px; }
#co-op-request .street input { width: 415px; }
#co-op-request .activity-description textarea { width: 415px; height: 100px; }
#co-op-request .amount-requested input { width: 50px; }
#co-op-request .state select { width: 100px; }
#co-op-request .postal-code input { width: 83px; }
#co-op-request .SGerrorMessage { color: #000; }
#co-op-request .co-op-request-submit-button { display: block; margin-top: 10px; }
#co-op-request #success-message { font-size: 13px; font-weight: bold; margin-top: 20px; color: Green; }
#co-op-request #co-op-request-form-text { margin-bottom: 20px; }
