/* ---------------------- HTML Elements ----------------------- */
body {margin: 0; font-family:Verdana, Helvetica, sans-serif; background: #ffffff; text-align: center;
	  font-size: 9pt; color: #717171;}
h1 {font-family: Arial, Verdana, Sans-Serif; color: #0c156e; font-size: 13pt;}
h2 {color: #666666; font-size: 11pt;}
h3 {color: #0c156e; font-size: 10pt;}
h4 {color: #000000; font-size: 9pt;}
/* ------------------------- Layout Elements ------------------- */
#wrapper {width: 975px; margin: 0 auto; text-align: left;}
/* ------------------------- Header Elements ------------------ */
#header {width:100%; height:80px; position:relative; text-align:left; margin-top:5px;}
#header-left{float:left; position:relative; height:100%; text-align:left;}
#header-right{float:right; position:relative; height:100%; text-align:right;}
#clear-header{width:100%; clear:both;}
#cart-nav{height:55px; text-align: right; padding:2px;}
#cart-nav ul {list-style:none; margin: 0; padding:0;}
#cart-nav ul li {display:inline;}
#sm-box{height:25px; position:relative;}
#add-this{height:25px; position:absolute; right:0; bottom:0;}
#main-nav{width:100%; height:35px; position:relative; z-index:1000; text-align:center; background: url('http://www.signetfence.com/images/bgHeaderMainRepeat.jpg') repeat-x;} 
#main-menu {list-style-type:none; margin:0; padding:0; margin-left:20px;}
.main-menu-item{display:block; float:left; height:35px; padding:0 5px;}
.nav-divider{position:relative; top:5px;}
.feature{width:120px; background-color:#76d21e;}
#main-menu a{text-transform:uppercase; color:#FFF; font:bold 11pt Arial, Verdana, Sans-Serif; position:relative; top:8px;}
#main-menu a:hover{color:#ccc;}
#seal-small{position:absolute; bottom:-40px; right:-35px; z-index:3000;}
#main-menu .feature a:hover{color:#fff;}
.top-level{width:120px; height:35px; position:relative; top:2px;}
#products {text-decoration:none;}
/* --------------------Product Menu------------------------------ */
#productNav {height:25px; width:975px; background-color:#76d21e; position:relative; text-transform:uppercase; color:#FFF; font:bold 10pt Verdana, Sans-Serif; z-index:500;} 
#productNav ul#pmenu { margin:0; padding:0 0 0 0px; list-style:none; } 
#productNav ul#pmenu li.level1-li { float:left; height:25px; padding-top:1px; margin-right:1px; } 
#productNav ul#pmenu li.level1-li a.level1-a { display:block; height:24px; float:left; padding:0 15px 0 10px; text-decoration:none; line-height:24px; white-space:nowrap; font-weight:bold; color:#ddd; } 
#productNav ul#pmenu li.sub a.level1-a {color:#fff;} 
#productNav ul#pmenu li.level1-li:hover, #productNav ul#pmenu li.level1-li a.level1-a:hover {position:relative;} 
#productNav ul#pmenu li.level1-li a.level1-a:hover, #productNav ul#pmenu li.level1-li:hover a.level1-a { color:#fff; background:url(over.gif); } 
#productNav ul#pmenu li.sub a.level1-a:hover { height:29px; color:#000;} 
#productNav ul#pmenu li.sub:hover > a.level1-a { height:29px; color:#000;} 
#productNav ul#pmenu li div.listHolder { position:absolute; left:-9999px; top:24px; background:#fff; border-left:2px solid #ccc; border-right:2px solid #ccc; border-bottom:10px solid #76D21E; border-top:2px solid #76D21E; padding:0; } /* IE6 only */ 
#productNav table { border-collapse:collapse; margin:-1px -10px; font-size:1em; width:0; height:0; } 
#productNav ul#pmenu :hover div.listHolder {left:0;} 
#productNav ul#pmenu a:hover div.listHolder {left:-1px;} 
#productNav ul#pmenu div.col1 {width:840px;} 
#productNav ul#pmenu div.col2 {width:300px;} 
#productNav ul#pmenu div.col3 {width:600px;} 
#productNav ul#pmenu a:hover div.left1, #productNav ul#pmenu :hover div.left1 {left:-141px;} 
#productNav ul#pmenu div.listHolder div.listCol {display:block; float:left; padding:15px; margin:0; width:240px;} 
#productNav ul#pmenu div.listHolder div.listCol h5 {display:block; padding:2px 5px; background-color:#666; border:solid 1px #999; color:#FFF; margin:0; font-size:11px; line-height:15px;} 
#productNav ul#pmenu div.listHolder div.listCol ul {padding:5px 0 10px 0; margin:0; list-style:none;} 
#productNav ul#pmenu div.listHolder div.listCol ul li {color:#000; line-height:20px; padding:2px 4px; margin:0; font:11px Arial, Verdana, Sans-Serif;} /*Links Styles Go Here*/
#productNav ul#pmenu div.listHolder div.listCol ul li a {color:#069; text-decoration:underline; font-weight:normal;} 
#productNav ul#pmenu div.listHolder div.listCol ul li a:hover {text-decoration:underline;} 
#productNav ul#pmenu div.listHolder div.navFeature {clear:left; background-color:#FFF; padding:5px 10px; border-top:solid 1px #ccc;} 
#productNav ul#pmenu a:hover div.listHolder div.navFeature {height:1px;} 
.brand-name{font:10px Arial, Sans-Serif; color:#0c156e; margin:5px 0 0 2px;}
.clearance-price{padding:0 5px; color:#FF0000;}
/* ------------------------- Footer Elements ------------------------- */
#footer {clear:both; text-align:center;}
#footer-nav ul {list-style:none;}
#footer-nav ul li {display:inline;}
#footer-info-box{text-align:left;}
#footer-info-box p{font-size:7pt;}
/* ------------------------  HR Classes ------------------------ */
.dashed {height: 0; border-style: dashed; border-width: 1px 0 0 0; border-color: #BDBDBD; width: 100%; margin: 0;}
.nav-separator{height: 0; border-style: dashed; border-width: 1px 0 0 0; border-color: #6C6C6C; width: 100%; margin:0 0 0 -2px; padding: 5px 0 5px 0;}
.separator{height: 0; border-style: dashed; border-width: 1px 0 0 0; border-color: #6C6C6C; width: 100%; margin:1px 0 0 0; padding: 0;}
.gold-separator{height:0; border-style:outset; border-width: 2px 0 0 0; border-color:#bc9a00; width:100%;}
/* ---------------------- Heading Classes ---------------------- */
.content-title{color: #0c156e; font-size: 13pt; margin:10px 0 0 0; padding:0;}
/* ----------------------  Font Classes ------------------------ */
.copyright{font-family:Arial, Verdana; font-size:12px;}
/* ----------------------  Link Classes ------------------------ */
a.main-nav {color: #FFFFFF; font-size: 12pt; font-weight: bold; letter-spacing: -0.5px; text-transform:uppercase; text-decoration: none;}
a.main-nav:hover {color: #d1d1d1; font-size: 12pt; font-weight: bold; letter-spacing: -0.5px; text-transform:uppercase; text-decoration: none;}
a.large {color: #8c8c8c; margin-left: 0px; padding-left: 0px; text-transform:uppercase; font-weight: bold;}
a.large:hover {color: #0c156e; margin-left: 0px; padding-left: 0px; text-transform:uppercase; font-weight: bold;}
a.body {color: #0c156e; margin-left: 0px; padding-left: 0px;}
a.body:hover {color: #a1a1a1; margin-left: 0px; padding-left: 0px;}
a.footer {color: #0c156e; font-size: 8pt; margin-left: 0px; padding-left: 0px; text-decoration: none;}
a.footer:hover {color: #a1a1a1; font-size: 8pt; margin-left: 0px; padding-left: 0px;}
/* ----------------- Content Elements -----------------------*/
#content{width: 100%; min-height:400px; text-align:left; float:right; margin:0; padding-bottom:15px;}
#left-content-region{width:750px; min-height:400px; float:left;}
#right-content-region{width:215px; float:right; text-align:center; padding-left:10px;}
#banner-box{width:100%; height:72px;}
#tab-box{position:relative; top:-6px; float:right; z-index:-1;}
#tag-box{float:left;}
#tag-img{margin-top:8px;}
.tag-header{margin-top:5px; margin-bottom:5px; font-size:9pt; font-weight:normal; color:#777; font-family:Arial, Sans-Serif; text-transform:uppercase;}
#top-banner{position:relative; float:right; padding:0; margin:0;}
#top-banner h3{margin:0; padding:12px 0;}
/*--Breadcrumb Styles--*/
#breadcrumb{font-family: Arial, Helvetica, Sans-Serif; list-style:none; margin:0; padding:0;}
#breadcrumb li{display:inline; padding-bottom:10px;}
#breadcrumb a {color: #717171; font-size: 8pt; text-decoration: none;}
#breadcrumb a:hover {color: #a1a1a1; font-size: 8pt; text-decoration: underline;}
/* --------------Fence Selector Styles ------------------ */
.selector {border: solid 1px #333333; background-color:#f6f6f6;}
.sel-title{font-size:11pt; color:#171717; font-weight:bold;}
.sel-step{font-size:10pt; color:#171717; font-weight:bold; background-color:#CCCCCC;}
.sel-lnk{font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color:#000080; text-decoration:underline;}
.sel-lnk:hover{font-size: 9pt; text-decoration:none;}
.mfg-desc ul{list-style-image:url('http://www.signetfence.com/images/grey_dot.png'); margin:0; padding:0 0 0 10px;}
.sel-head{font-weight:bold; color:#333;}
/* ----------- Content Block Styles ------------- */
.cb-grey{background-color:#f6f6f6; border:solid 1px #CCCCCC; padding:0 5px;}
.cb-green{background-color:#CCFF66; border:solid 1px #CCCCCC; padding:0 5px;}
.cb-gold{background-color:#CCCC33; border:solid 1px #CCCCCC; padding:0 5px;}
.cb-dashed-white{background-color:#FFFFFF; border:dashed 1px #CCCCCC; padding:0 5px;}
.cb-dashed-clear{border:dashed 1px #CCCCCC; padding:0 5px;}
.c-info-box{border:solid 1px #cccccc; background-color:#f2f2f2; padding:0 5px; margin:10px 0;}
.c-info-box-yellow{background-color:#f3f354; padding:0 5px; margin:10px 0;}
.c-info-box-green{border:solid 1px #6ad247; background-color:#b6ff9e; padding: 0 5px; margin:10px 0;}
.c-text{ font-size:10pt; padding:5px 0; margin:0;}
.c-text-small{font-size:8pt; padding:5px 0; margin:0;}
.c-text-small-dark{font-size:8pt; padding:5px 0; margin:0; color:#333;}
.c-text-dark{font-size:10pt; padding:5px 0; margin:0; color:#333;}
.c-text-bold-gray{font-size:10pt; font-weight:bold; padding:5px 0; margin:0; color:#333;}
.c-text-small-bold-dark{font-size:9pt; font-weight:bold; padding:5px 0; margin:0; color:#191919;}
.c-heading-big{font-size:12pt; padding:0; margin:10px 0; color:#999;}
.c-heading-small{color: #0c156e; font-size: 10pt; letter-spacing: -0.2px; margin: 5px 0;}
.c-heading-small-dark{color:#191919; font-weight:bold; font-size:10pt; margin:5px 0;}
.c-heading-small-gray{color:#666; font-size:10pt; margin:5px 0;}
.c-link-small{font-size:9pt; font-weight:normal;}
.h-text-bold-dark{font-size:9pt; font-weight:bold; color:#191919;}
.no-box{margin:0; padding:0;}
.light-grey-box{background-color:#f9f9f9;}
/* ----------- Knowledge Base Styles ------------------- */
.kb-block{padding:0 10px;}
.kb-block ul{list-style-type:square;}
.kb-block li{padding:5px 0;}
.kb-list-more{list-style-type:none;}
/* ---------- Right Side Styles ---------------------- */
.rh-list-item{padding:5px 0;}
.rh-pdf-list-item{padding:5px 0; list-style-image:url('http://www.signetfence.com/images/iconPDF.png');}
/* ------------ Gallery Styles ------------------------- */
.gallery{width:100%; border:solid 1px #CCCCCC}
.gallery-title{font:bold 10pt Arial, sans-serif; background-color:#f6f6f6;}
.gallery img {border:none;}
/*------------ Guide Styles -------------------------- */
.def{font:10pt Arial, Verdana, Sans-Serif;}
.def-title{font-weight:bold; font-size:10pt;}
/*------------HomePage Styles------------------------- */
.pl-title{font:bold 11pt Verdana, Sans-Serif; color:#0c156e; text-transform:uppercase; text-align:left; background-color:#f9f9f9; border:solid 1px #f3f3f3;  padding:2px;}
.pl-category{font:bold 10pt Arial, Lucida Sans Unicode, Lucida Grande, sans-serif; text-align:left; color:#191919; letter-spacing:.2px}
.pl-category-desc{font:8pt Arial, Sans-Serif; color:#000;}
.pl-divider{width:100%; height:30px; background:url('http://www.signetfence.com/images/dashed.jpg') repeat-x left center;}
.pd-image{text-align:center;}
.pl-image img{border:0;}
.pd-sm{font:9pt Arial, Sans-Serif; color:#191919; text-align:center;}
.pd-price{font:bold 11px Arial, Sans-Serif; color:#0c156e; text-align:center;}
.pd-buy-btn{text-align:center;}
.pd-buy-btn img{border:none;}
.pl-empty{height:100%; width:10px; background:url('http://www.signetfence.com/images/grey-line.gif') repeat-y center top;}
.pl-box{width:750px;}
.sbp-listing{width:180px;}
.sb-row-a{background-color:#eff2f7;}
.sb-row-b{background-color:#f9f9f9;}
.sbp-title{font-size:9pt; color:#333; font-variant:small-caps; font-family:Arial, Sans-Serif;}
.sbp-desc a{font-size:8pt;}