/* COUNTY LINE FENCE STYLESHEET -- */



/*-- HTML TAG DEFINITIONS by Alpha --*/
a {outline: none; }
a img {outline: none; border: none; }
 
body {margin: 0; padding: 0; font-family: "HelveticaNeue Condensed", "Arial Narrow", sans-serif; }
body {behavior: url(crosshover.htc); }

em {font-weight: bold; font-style: normal; }

fieldset ol {list-style: none outside none; }
fieldset ol label {width: 200px; text-align: right; }
form {margin: 0 auto; padding: 0 auto; }

/*-- DIV IDs and CLASSES DEFINITIONS by Alpha --*/
#addressblock {width: 45%; float: left; margin: 0 0 0 18px; font: normal .70em/1.2em Arial, Helvetica, sans-serif; text-align: left; color: #666666; }
#addressblock a {color: #339900; text-decoration: underline; }

#blockleft {width: 49%; float: left; margin: 0; }
#blockright {width: 49%; float: right; margin 0; }
.bold {font-weight: bold; }
#brochures {width: 47%; float: left; margin: 0 0 0 4px;}

#categorysub {width: 400px; height: auto; margin: 10px 5px 10px 10px;}
#categorysub img a:link {outline: 1px solid #333333; }
#categorysub img a:hover {border: 1px solid #339900: }
#categorysub h4 {margin: 0; padding: 0; }
#categorysub p {margin: 0 0 3px 0; padding: 0; }
#categorysub td {font-size: .85em; text-align: left; font-weight: normal; vertical-align: top;}
#categorysub tr {margin: 2px 0; }

#checkouttextcontent { background: none; margin: 0; padding: 0; clear: both; }
.checkouttitle {margin: 5px 0; }
.checkouttitlebottom {margin: 0; padding: 0;}
.checkouttitlecontent {background-color: #CCFF99; width: 592px; margin: 0; padding: 0; clear: both; }
.checkouttitlecontent h1 {background: none; margin: 0 17px; padding: 2px 0; color: #339900; font: normal 1.5em/.95em "HelveticaNeue", Arial, sans-serif; }
.checkouttitletop {margin: 0; padding: 0; }

.cleaner {margin: 0; padding: 0; clear: both; }
#contact {width:400px; margin: 0 auto; }
#contact fieldset {margin: 1em 0; -moz-border-radius: 15px;}
#contact fieldset em {font-weight: bold; color: #FF0000;}
#contact fieldset h3 {color: #333333; }
#contact fieldset input, textarea {width: 175px; margin: 0 50px 0 5px; }
#contact fieldset select{width: 180px; margin: 0 50px 0 5px; }
#contact fieldset legend {margin: 10px; font: bold .65em/.90em; color: #333333; text-transform: uppercase;}
#contact fieldset li {width: 90%; margin: 0 auto; text-align: right; border: none;}
#contact fieldset ol {list-style: none; margin: 0; padding: 0; }
	/* --- display property in label tag works for mozilla based browsers --- */
#contact label {margin: 5px 0 -20px 0; width: 125px; display: -moz-inline-block; text-align: left; font: bold .70em/1em  Helvetica, Arial, sans-serif; color: #333333;}
#container {width: 802px; margin: 0 auto; text-align: left; /*border: 1px solid #333333;*/ }
.contentcheckout { width: 592px; margin-left: 8px; }
#contentcontainerbottom {width: 100%; min-height: 100px; clear: both; margin: 15px 0 0 0; padding: 20px 0 0 0; }
#contentcontainertop {width: 100%; min-height: 100px; clear: both; padding: 20px 0 0 0; }
#contentmainbottom {width: 50%; float: left; }
#contentmaintop {width: 50%; float: left; margin: 0; padding: 0; }
#contentrightbottom {width: 75%; float: right; }
#contentrighttop {width: 75%; float: right; }
#copyright {float: left; width: 419px; font: normal .65em/.85em Arial, Helvetica, sans-serif; color: #666666; padding: 15px 0 0 0;}
#customerinfo {width: 47%; float: left; margin: 0 0 0 0;}
.customerinfoform select { width: 176px; }

#guaranteeindex {width: 46%; float: right; margin: 0 1%; }
#guaranteeindex a {font-weight: bold; }
.green {color: #339900; }
.gray {color: #666666; }

#footer {width: 100%; height: 50px; clear: both; margin: 0 0 0 25%; padding: 20px 0 0 0; text-align: left; font-size: .85em; line-height: 1.15em; color: #666666; }
#footer a {color: #666666; padding: 0 3px; }
#footer a:link {color: #666666; text-decoration: none; }
#footer a:visited {color: #339900; text-decoration: none; }
#footer a:hover {color: #339900; text-decoration: underline; }
#footer a:active {color: #339900; text-decoration: underline; }

#header {width: 100%; height: auto; margin: 0; padding: 0;}
.hidden { display:none; } 

#logo {width: 458px; height: 72px; margin: 0; float: left; }

#navbar {width: 802px; margin: 0; padding: 0; float: left; clear: both; text-align: right; background-color: #339900;  }
#nbcontent {width: 802px; background-color: #339900; margin: 2px 0 0 0; padding: 0; clear: both; }
#nbbottom {width: auto; height: 9px; margin: 0; padding: 0; background: url(bg_nbbottom.jpg) no-repeat bottom center; clear: both; }   
#nbtop {width: 100%; clear: both; height: 24px; margin: 0; padding: 0; background: url(bg_nbtop.jpg) no-repeat top center; }
#nbtagline {padding: 0 0 0 8px; height: 21px; }
#navtools {width: auto; margin: 3px 5px 0 0; padding: 2px 0 0 0; float: right; font: normal .95em/.95em "HelveticaNeue Condensed", "Arial Narrow", sans-serif; color: #FFFFFF; text-align: right;  }
#navtools a {margin: 0; padding: 0 5px; }
#navtools a:link {color: #FFFFFF; text-decoration: none; }
#navtools a:visited {color: #FFFFFF; text-decoration: none; }
#navtools a:hover, a:focus {color: #CCFF99; text-decoration: underline; }
#navtools a:active {color: #CCFF99; text-decoration: underline; }
.nobold {font-weight: normal;}

.pagetext {margin: 5px 0; font-family: Arial, Helvetica; sans-serif; }
.pagetextbottom {height: 16px; margin: 0; padding: 0; background: #F7F8F5 url(bg_contenttxtbottom.jpg) no-repeat top center; }
.pagetextcontent {background-color: #F7F8F5; width: 419px; margin: 0; padding: 0; }
.pagetextcontent a:link {color: #333333; text-decoration: underline; }
.pagetextcontent a:visited {color: #333333; }
.pagetextcontent a:hover, a:focus {color: #339900; }
.pagetextcontent h6 {margin: 0 17px; font-size: .75em; color: #339900; font-weight: bold; }
.pagetextcontent p {margin: 0 17px 10px 17px; font-size: .75em; line-height: 1.3em color: #333333; font-weight: normal; }
.pagetextcontent ul {font-size: .75em; color: #333333; margin: 3px;}
.pagetextcontent ul li { }
.pagetexttop {height: 12px; margin: 0; padding: 0; background: #F7F8F5 url(bg_contenttxttop.jpg) no-repeat bottom center; }
.pagetitle {margin: 5px 0; }
.pagetitlebottom {margin: 0; padding: 0;}
.pagetitlecontent {background-color: #CCFF99; width: 419px; margin: 0; padding: 0; clear: both; }
.pagetitlecontent h1 {background: none; margin: 0 17px; padding: 2px 0; color: #339900; font: normal 1.0em/.95em "HelveticaNeue", Arial, sans-serif; }
.pagetitletop {margin: 0; padding: 0; }
#productnav {width: 24%; margin: 10px 0 0 5px; float: left; }

#quatro {float: left; font-size: .70em; padding: 12px 0 0 10px; }

#search {width: 198px; float: right; margin: 40px 0 0 0; padding: 0; background-color: #CCFF99;  }
#search form {margin: 0; padding: 0;}
#search input {margin: 0; padding: 0; }
.sbbottom {width: auto; height: 6px; margin: 0; padding: 0; background: url(bg_sbbottom.jpg) no-repeat bottom center;}   
.sbcontent {width: 198px; height: auto; background-color: #CCFF99; text-align: center; padding: 0; margin: 0; }
.sbtop {width: 198px; height: 8px; margin: 0; padding: 0; background: url(bg_sbtop.jpg) no-repeat top center; }
.searchbutton input { height: 19px; }
.searchBox { height:19px; }
#shop {width: 400px; height: auto; margin: 10px 5px 10px 10px;}
#shop img {margin: 5px 0 0 0;}
#shop th {font-size: .90em; text-align: center; color: #333333; }
#shop td {font-size: .75em; text-align: center; font-weight: normal; vertical-align: top; }
#shoptype {width: 25%; float: left; margin: 0; padding: 0;}
#shopstyle {width: 25%; float: left; margin: 0; padding: 0;}
#shopmfg {width: 25%; float: right; margin: 0 20px 0 0; padding: 0;}
#sidebartop {width: 28%; margin: 10px 0 0 10px; float: right; vertical-align: top; }
#sidebartop a:link {color: #333333; text-decoration: underline;}
#sidebartop a:visited {color: #333333; }
#sidebartop a:hover {color: #339900; text-decoration: underline;}
#sidebartop a:active {color: #333333; }
#sidebartop h3 {margin: 1px 5px; color: #339900; font: normal .90em/1.15em "HelveticaNeue Condensed", "Arial Narrow", sans-serif; text-align: left;  }
#sidebartop p {font-weight: bold; text-align: center; margin: 0; padding: 0; }
#sitemap ul {font: bold .95em/1.45em Helvetica, Arial, sans-serif; color: #333333; margin: 15px 20px; list-style: none inside none; }
#sitemap ul ul {font: bold .90em/1.35em Helvetica, Arial, sans-serif; margin: 5px 20px;}
#sitemap ul ul ul {font: normal .85em/1.25em Helvetica, Arial, sans-serif; margin: 0 0 10px 20px; }

#tagline {width: auto; height: auto; clear: both; margin: 0 0 0 5px; font: normal 1.65em/1.65em Verdana, Helvetica, sans-serif; color: #666666; text-align: left; }
#tagline2 {width: auto; float: left; margin: 2px 0 0 5px; padding: 0; font: normal 1em/auto Arial, Helvetica, sans-serif; color: #FFFFFF; }
#textnav {width: 100%; text-align: left; }