/********************************************************
 general styles
********************************************************/
body{padding:0px; margin:0px; font-family:Arial, Times New Roman, Verdana; font-size: 11px; color:#000;}
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;}
/********************************************************
 structural styles
********************************************************/
#wrapper{width:100%; text-align:center;}
#website{background:#fff url(images/fence.png) no-repeat 473px top; width:1019px; margin:0px auto; text-align:left;}
/********************************************************
 header styles
********************************************************/
#header{background:transparent; width:1000px; margin:0px auto; text-align:left; padding-top: 27px;}
.logo{float:left;}
.header-navigation{float:right; width:660px;}
.header-buttons{float:left; width:400px;}
.header-input{padding:2px 0px 2px 4px; font-family:Arial; color:#929292; font-size:11px;}
.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; 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 10px;}

.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{}

.nestedList li { padding-left:5px;}
/********************************************************
 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;}
.content{background:#fff url(images/content-bg-long.jpg) repeat-y left top; width:1000px; margin:0px auto; padding:0px 5px 10px 5px; position:relative; text-align:left;}
.content-gradient{position:absolute; left:10px; top:0px; z-index:55;}
.home-splash{margin-top:0px; padding-top:0px; overflow:hidden; position:relative; z-index:1;}

.bread-crumb-menu{border-bottom:1px solid #e8e8e8; position:relative; font-size:10px; color:#9a9a9a; padding:33px 0px 5px 0px; margin-left:30px; width:930px;}
.bread-crumb-links a{font-size:10px; color:#9a9a9a; text-decoration:none;}
.bread-crumb-links{width:550px;}
.popup-links{position:absolute; right:0px; top:40px;}

.content-footer{background:url(images/bg-content-footer.gif) no-repeat left bottom; width:1000px; padding:0px 9px 0px 10px; position:relative;}

.yellow-module-wrapper{float:right; width:450px; height:283px; margin-top:-24px; position:relative; z-index:40;}
.yellow-module{width:400px; height:230px; background:url(images/bg-yellow-module.png) no-repeat right top; padding:24px 25px 19px 25px;}
.yellow-module .module-item{margin-bottom:15px;}
.yellow-module .module-item p{margin:0px; padding:0px;}

.inner-content{padding:20px 30px 70px 30px;}
.inner-content-2{padding:20px 0px 70px 30px;}
.big-title{color:#d7d8cb; font-size:45px;}
h1.page-title .main-title{color:#ffffff; font-size:45px;}
.main-title{color:#d7d8cb; font-size:45px;}
h1.page-title .sub{position:relative; left:-5px; top:12px;}
h1.page-title .sub span{font-size:20px; font-weight:600; color:#ffffff;}

.faqs{}
.faqs ul{padding-top:0px; margin-top:0px;}
.faq-results{}
.faq-results h2{padding-top:10px;}
.faq-results p{padding-top:15px; margin-top:0px; padding-bottom:0px;}
.faq-results a.back-to-top{color:#ba853e; font-weight:600;}
.faq-header-link{font-weight:600; display:block; color:#4b4a4a; margin-top:15px;}

.components{border:1px solid #e0e0e0; padding:20px 20px 40px 30px; margin-top:40px; overflow:hidden}

.installation-item{float:left; border:1px solid #e0e0e0; padding:20px 15px; width:260px; margin-right:22px;}

.literature-request .fieldLabel {display: block; margin-bottom: 3px;}
.literature-request .radioButton input{margin: 0px 6px 0px 0px;}
.literature-request .radioButton label{margin: 0px 10px 0px 0px;}

.locator-box{border:1px solid #e0e0e0; float:left; width:277px; height:285px; padding:20px 0px 30px 25px;}
.locator-spotlight-box{padding: 15px;}
.locator-results .contractor-results {width: 500px;}
.affiliated-contractors .locator-results .contractor-results {width: auto;}
.affiliated-contractors {border: 1px solid #e0e0e0; margin: 20px; padding: 10px; min-height: 438px;}
.locator-results .contractor-results .full-record {width: 250px;}
.locator-results .classification-images {width: 30px; float: left; margin-right: 8px;}
.locator-results .number {width: 18px; float: left; margin-right: 8px;}
.mapMarkerInfo .number {display: none;}
.locator-results .record {width: 170px; float: left;}
.locator-results .collapsed .recordContent{display: none;}
.locator-results .expanded .record{padding: 2px 5px 5px 5px; background-color: #e0e0e0;}
.locator-results .expanded .recordContent{display: block;}
.locator-results .expanded .locationName{font-weight: bold;}
.locator-results .email, .mapMarkerInfo .email {float: left; width: 60px; margin-top: 3px;}
.locator-results .website, .mapMarkerInfo .website {float: left; width: 70px;}
.locator-results .email a, .locator-results .website a, .mapMarkerInfo .email a, .mapMarkerInfo .website a {text-decoration: none; color: #000000;}
.locator-results .email .emailText, .mapMarkerInfo .email .emailText {margin-left: 5px;} 
.locator-results .website .websiteText, .mapMarkerInfo .website .websiteText{margin-left: 5px;position: relative; top: -3px;}
.locator-results .locator-header {font-weight: bold;}
.locator-results .locator-left-column {float: left; width: 210px; margin-right: 10px;}
.locator-results .locator-right-column {float: left; width: 210px;}
.locator-results .locator-closest-results {padding: 25px; border: 1px solid #e0e0e0; overflow: hidden;}
.locator-results .locator-main-results{margin-top: 30px; margin-left: 25px;}
.locator-results .locator-other-results{margin-top: 30px;}
.locator-results .locator-row{padding: 7px 0px 7px 0px;}
.locator-results .locator-closest-results .locator-row{margin: 7px 0px 0px 0px;}
#yahooMap {width: 500px;}
.mapMarkerInfo{padding: 5px; width: 120px; font-size: 9px;}
.mapMarkerLabel{cursor: pointer; width: 18px;}
.grey-border{border: 1px solid #e0e0e0;}
.big-gold{font-size:14px; font-weight:600; color:#8d8e6a;}
.green-side-splash{background:#8d8e6a url(images/color-picker-bg.gif) no-repeat left top; width:340px; padding:30px 35px 15px 30px;}
.side-swirl{position:absolute; right:-30px; bottom:-50px; z-index:5;}
.white-text, .white-text a{color: #FFFFFF;}
.center{text-align:center;}
.architect .right-text-box{width: 90px;}
.big-bold{font-weight:600; font-size:14px;}
.basket-weave-note{color:#F00;}

.fencing { border:0; width:300px; }
.fencing-header { border:0; background-color:#f0f0f0; height:25px; }
.fencing-header td { padding:0 7px; }
.fencing-item td { padding:3px 7px; border-bottom:1px solid #e0e0e0; }

.sifr-big-title{}
.sifr-big-title-super{width:20px;}
.sifr-small-title{margin-left:-50px;}
.sifr-little-title-super{}
.sifr-big-title span{color:#d7d8cb; font-size:42px; font-weight:600;}
.sifr-big-title-super span{color:#d7d8cb; font-size:11px; font-weight:600; display:block; margin-top:5px;}
.sifr-small-title span{color:#8d8e6a; font-size:19px; font-weight:600; position:relative; left:-20px;}
.sifr-little-title-super span{color:#8d8e6a; font-size:11px; display:block; margin-top:-9px; font-weight:600; position:relative; left:-18px;}
.sifr-big-title span img, .sifr-small-title span img{display:block;}
.sifr-big-title-super span img{position:relative; top:-20px; right:-16px;}

#litdownload-container h1 {color:#8D8E6A; font-size:14px; font-weight:bold; padding:20px 0px 10px 0px}
.litdownload-list ul li {background:url(/images/pdf-icon.gif) no-repeat; padding-left:20px; line-height:20px}
/********************************************************
 footer styles
********************************************************/
#footer{background:transparent; margin:0px auto; padding:20px 0px 40px 0px; text-align:center; width:1000px; font-size:10px; color:#8d8e6a;}
#footer a{color:#8d8e6a;}
#footer ul li{display:inline; background-image:none;}
#footer ul li a{color:#8d8e6a;}
.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;}
.margintop100{margin-top:100px;}
.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;}
.paddingbottom5{padding-bottom:5px;}
.paddingbottom10{padding-bottom:10px;}
.paddingbottom15{padding-bottom:15px;}
.paddingbottom20{padding-bottom:20px;}
.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;}
.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;}
.paddingleft40{padding-left:40px;}
.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-green{font-size:14px; font-weight:600; color:#8d8e6a; padding:5px 0px;}
.big-black{font-size:14px;}
.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;}
.right-text{text-align:right;}
ul.no-bullet {list-style:none;}
ul.no-bullet li {background-image:none;}
ul.horizontal-list li {float:left;}
/********************************************************
 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;}
/*******************************************************************
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;
}