/********************************************************
 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-container {width:650px; padding-top:20px; padding-left:20px; color:#000}
#contractor-details-container {background-color:#E8E8E0; padding:20px}
#contractor-details {width:270px; float:left}
#contractor-images-container {background-color:#8D8E6A; background-image:url('/contractor-pages/images/contractor-swirl.png'); background-position:right; background-repeat:no-repeat}

.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 div{font-weight:600; font-size:20px;}
.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:90px;}
.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:51px; position:relative; padding-bottom:15px;}
.landing-remaining-allocations .allocations{position:absolute; left:-10px; top:0px; width:313px; background:#797a5b; color:#fff; padding:10px 0px 10px 10px; font-size:14px;}

.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:220px; margin-right:10px;}
.form-item .text-box{border:1px solid #c6c6c6; margin-bottom:15px; font-size:12pt; width:218px;}
.form-item label{display:block; margin-bottom:3px;}
.manage-profile-form strong{display:block; margin-bottom:15px;}

.login-literature{margin-left:105px;}

.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
*********************************************************/
#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; }
/****************************************************************
  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;}