@import '/cms/styles/common.css';
@import '/style.css';

/* COMMON ---------------------------------------------------------------------- */

body {
  background: url('/images/bg.gif') top repeat-x;
}

#bg-y {
  background:url('/images/bgy.gif') center repeat-y;
}

#bg-top {
  background:url('/images/bg-top.jpg') top center no-repeat;
}
#bg-top2 {
  background:url('/images/bg-top2.jpg') top center no-repeat;
}

#page {
  width:900px;
  margin:0 auto;
}



/* HEADER ---------------------------------------------------------------------- */

#header {
  background:url('/images/header.jpg') top left no-repeat;
  height:81px;
}

#logo {
  width:195px;
}
#logo img {
  width:195px;
  height:81px;
}

#langlink, #loginlink {
  float:right;
  display:inline;  
  margin-top:33px;
}
#langlink a, #loginlink a {  
  font-weight:bold;
  color:#ffffff;
  text-decoration:none;
  margin-right:15px;
  padding-left:14px;
  outline:none;
}
#langlink a {
  background:url('/images/icon-lang.gif') 0px 2px no-repeat;
}
#loginlink a {
  background:url('/images/icon-login.gif') 2px 2px no-repeat;
}
#langlink a:hover, #loginlink a:hover {  
  text-decoration:underline;
  color:#c6e3c4;
}

#searchform .buttoncol, #searchform .input, #searchform .label {
  float:right;
  display:inline;
  margin-top:30px;
  margin-right:7px;
}
#searchform .button {
  margin-right:30px;
}
#searchform .button input {
  outline:none;
  float:right;
}
#searchform .input input {
  width:200px;
}
#searchform .label {
  color:#ffffff;
  font-weight:bold;
  text-transform:uppercase;
  padding-top:3px;
}



/* MENU ------------------------------------------------------------------------ */

#menu {
  background:url('/images/menu-bg.jpg') top left no-repeat;
  height:38px;
  margin:10px 0;
}

#menu ul, #menu li {
  padding:0;
  margin:0;
  background:none;
}

#menu li {
  background:url('/images/menu-separator.gif') top right no-repeat;
  padding:0 2px 0 0;
}
#menu li.last {
  padding:0;
  background:none;
}
#menu a {
  display:block;
  background:url('/images/menu-item-bg.gif') top repeat-x;
  color:#ffffff;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  text-transform:uppercase;
  text-align:center;
  width:125px;
  padding:13px 0 0 0;
  height:25px;
  outline:none;
}
.root_135 #menu2 a,
.root_139 #menu3 a,
.root_153 #menu4 a,
.root_149 #menu5 a,
.root_147 #menu6 a,
.root_141 #menu7 a,
.homepage #menu1 a {
  color:#c6e3c4;
  background:url('/images/menu-item-active.gif') top center no-repeat;
}
#menu a:hover {
  background:url('/images/menu-item-hover.jpg') top center no-repeat;
  color:#c6e3c4;
  padding:7px 0 0 0;
  height:31px;
}


/* SUBNAV ---------------------------------------------------------------------- */

#rootname #unlink, #rootname a {
  display:block;
  background: #3a763a url('/images/rootname-bg.jpg') top left no-repeat;
  border-bottom:1px solid #234723;
  color:#ffffff;
  font-weight:bold;
  text-decoration:none;
  text-transform:uppercase;
  font-size:13px;
  padding:13px 5px 0 20px;
  height:auto !important;
  height:26px;
  min-height:26px;  
}
#rootname a:hover {
  text-decoration:underline;
}

#nav {
  width:160px;
}

#navbox {
  margin-right:1px;
  background-color:#f3f1ed;
  padding-bottom:30px;
}
#navbox ul, #navbox li {
  padding:0;
  margin:0;
  background:none;
}
#navbox li {
  background:url('/images/hr.gif') bottom repeat-x;
}
#navbox li a {
  padding:3px 5px 3px 20px;
  display:block;
  color:#333333;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  outline:none;
}
#navbox li.navactive a,
#navbox li a:hover {
  color:#ffffff;
  background: #2c2c2c url('/images/nav-hover.gif') top repeat-x;
}

#navbox li.navactive li a {
  color:#333333;
  background:none;
}

#navbox li li a {
  padding:2px 5px 2px 35px;
  font-size:11px;
}

#navbox li li.navactive a,
#navbox li li a:hover {
  background-image:none;
  background-color:#666666;
  color:#ffffff;
}
  

/* CONTENT --------------------------------------------------------------------- */

#banner {
  background:url('/images/banner.jpg') top left no-repeat;
  height:60px;
  margin-bottom:10px;
}

#content {
  background:url('/images/content-bottomleft.jpg') bottom left no-repeat;
  height:auto !important;
  height:450px;
  min-height:450px;
}
#content-wrapper {
  background:url('/images/content-bg.gif') left repeat-y;
}
#content-wrapper2 {
  background:url('/images/content-top.gif') top right no-repeat;
}
#content-wrapper3 {
  background:url('/images/content-bottomright.jpg') bottom right no-repeat;
}

#content-content {
  width:553px;
  padding:10px;
}

#content-right {
  width:167px;
}
#content-right h2 {
  font-size:15px;
  background:none;
  padding:0 0 0 8px;
  margin:15px 0 15px 0;
}
#content-right #architectsbox {
  background:url('/images/content-architects.gif') top right no-repeat;
  padding:43px 20px 0 22px;
  height:42px;
  overflow:hidden;
}

body.content-fullpage #content-content {
  width:730px;
  padding-right:0;
}
body.content-fullpage #content-wrapper {
  background:url('/images/content-bg2.gif') left repeat-y;
}
body.content-fullpage #content-wrapper2 {
  background:url('/images/content-top2.gif') top right no-repeat;
}
body.content-fullpage h1 {
  background-image:url('/images/h1-full.jpg');
}

#nav #architectsbox {
  background:url('/images/full-architects.gif') top center no-repeat;
  padding:43px 20px 0 16px;
  height:42px;
  overflow:hidden;
}

#thirdsbox .col {
  width:234px;
  margin-right:14px;
}
#thirdsbox .last {
  margin:0;
}



/* HOME ------------------------------------------------------------------------ */

#flash {
  height:330px;
}

#flash-bottom {
  background:url('/images/flash-bottom.gif') top left no-repeat;
  height:5px;
}

#home-content {
  margin:7px 0 0 0;
}
#home-left {
  width:510px;
  margin-right:10px;
}
#home-left h1 {
  margin-bottom:4px;
  background:url('/images/h1-home-left.jpg') top left no-repeat;
}
#home-left .paddedbox {
  background:url('/images/home-left-bg.gif') top repeat-x;
  padding:10px 20px;
}
#home-left #distribucol {
  width:265px;
  margin-right:25px;
}
#home-left #distribuform {
  width:180px;
}

#home-bottom .col {
  width:250px;
}
#home-bottom h1 {
  font-size:13px;
  padding:1px 10px;
  background: #2f541d url('/images/h1-home-bottom.jpg') top left no-repeat;
}
#home-bottom .col .col {
  width:auto;
}

#home-right {
  width:380px;
}
#home-right h1 {
  margin-bottom:4px;
  background:url('/images/h1-home-right.jpg') top left no-repeat;
}
#home-right h2 {
  margin-bottom:2px;
}
#home-right .paddedbox {
  background: url('/images/home-right-bg.gif') left repeat-y;
  padding:0 0 10px 15px;
}
#home-right .paddedbox .col {
  width:135px;
  margin:10px 20px;
  display:inline;
}
#home-right #architectsbox {
  margin-top:10px;
  background: url('/images/home-architects.gif') top left no-repeat;
  padding:10px 0 0 15px;
  height:112px;
  overflow:hidden;
}
#home-right #architectsbox .col {
  width:135px;
  margin:10px 20px;
  display:inline;
}



/* DISTRIBUTOR FORM ------------------------------------------------------------------------ */

#distributorform .label {
  font-size:10px;
}
#distributorform input {
  width:174px;
  border-right:1px solid #ddd;
  border-bottom:1px solid #ddd;
  margin-bottom:7px;
}
#distributorform input.phone1 {
  width:45px;
  margin-right:5px;
}
#distributorform input.phone2 {
  width:118px;
}
#distributorform input.button {
  float:right;
}

#content-right #distributorform {
  padding:0 3px 15px 8px;
  background:url('/images/hr2.gif') bottom repeat-x;
  margin-bottom:20px;
}

#content-right #distributorform input {
  width:150px;
}
#content-right #distributorform input.phone1 {
  width:30px;
}
#content-right #distributorform input.phone2 {
  width:108px;
}


/* FOOTER ---------------------------------------------------------------------- */

#footer {
  padding:10px 0;
}
#footer .row {
  background-color:#2b2b2b;
  padding:7px 10px;
}
#footerlinks {
  float:left;
}
#footerlinks ul, #footerlinks li {
  padding:0;
  margin:0;
  background:none;
}
#footerlinks a {
  color:#ffffff;
  text-decoration:none;
  text-transform:uppercase;
  padding-right:8px;
  margin-right:8px;
  border-right:1px solid #444;
  float:left;
  outline:none;  
}
#footerlinks a:hover {
  color:#c6e3c4;
  text-decoration:underline;
}
#footerlinks li.last a {
  padding:0;
  margin:0;
  border:none;
}
#credit {
  float:right;
}
#credit a {
  font-size:10px;
  color:#999999;
  text-decoration:none;
  outline:none;  
}
#credit a:hover {
  color:#c6e3c4;
  text-decoration:underline;
}

#copyright {
  background:url('/images/bg-bottom.gif') top center no-repeat;
}

#copyright .row {
  width:900px;
  font-size:10px;
  color:#666666;
  margin:0 auto;
  padding:10px;
}

#copyright a {
  font-size:10px;
  color:#666666;
  margin:0 5px;
  padding-right:10px;
  border-right:1px solid #ccc;
  outline:none;  
}
#copyright a.last {
  border:none;
}
#copyright a:hover {
  color: #4c8555; 
}



/* FORMS ----------------------------------------------------------------------- */

input.styled, textarea.styled {
  border:none;
  color:#999999;
  padding:3px 1px 1px 4px;
  font-size:11px;
  background:url('/images/formfield-bg.gif') top left no-repeat;
}
input.withborders, textarea.withborders {
  border:1px solid #ccc;
  border-width:0 1px 1px 0;
}
select.styled {
  border:1px solid #ccc;
  color:#999999;
  padding:0;
}
input.button {
  width:auto !important;
  background: #315e25 url('/images/button-bg.gif') top repeat-x;
  padding:0 10px;
  text-transform:uppercase;
  color:#ffffff;
  font-weight:bold;
  border:none;
  outline:none;
  cursor:pointer;
}  

.niceform .row {
  margin-bottom:10px;
}
.niceform .label {
  width:150px;
  margin-right:5px;
  font-weight:bold;
}
.niceform .input {
  width:398px;
}
.niceform .input input {
  width:200px;
}
.niceform .input textarea {
  height:100px;
  width:350px;
}
.niceform .input .button {
  padding:3px 10px;
  font-size:12px;
}



/* SITE MAP ------------------------------------------------------------------- */

.sitemap ul {
  margin:0 0 0 50px;
}
.sitemap ul ul {
  padding:0 0 0 22px;
  margin:0;
}
.sitemap li {
  background:none;
  list-style-image:url('/images/bullet-page.gif');
  margin:0 0 10px 0;
  background:none;
  padding:0;
}
.sitemap li a {
  font-size:12px;
  font-weight:bold;
}
.sitemap li li {
  margin: 0 0 4px 0;
  list-style-image:none;
  list-style-type:circle;  
}
.sitemap li li a {
  font-size:10px;
  font-weight:normal;
}
.sitemap li li li {
  margin:0;
}
.sitemap a:visited {
  color: #999999;
}
.sitemap a:hover {
  color: #990000; 
}


/* PHOTO GALLERY --------------------------------------------------------------------- */

.photogallery {
  margin:10px auto 0 auto;
  padding-left:30px;
}
.photogallery .image {
  width:105px;
  margin:0 31px 25px 0;
  display:inline;
}
.photogallery .image img {
  border:1px solid #ccc;
  padding:4px;
}
.photogallery a {
  outline:none;
}
.photogallery .image a:hover img {
  border-color:#3F7A3A;
}
.photogallery .enlarge {
  visibility: hidden;
  position: absolute;
  margin: 65px 0 0 5px;
  padding:2px 0;
  background-color: #333333;
  text-align: center;
  font-size: 9px;
  font-weight: bold;
  color: #ffffff;
  width:105px;
  text-decoration: none;
  z-index:100;
  height:11px;
  opacity:0.7;
}
.photogallery .image:hover .enlarge { 
  visibility: visible; 
}



#searchpage form .row {
  margin:25px 0;
}
#searchpage form .input input {
  width:220px;
  margin-right:5px;
  padding:4px 2px 1px 4px;
}
#searchpage form .button input {
  padding-top:2px;
  padding-bottom:2px;
  float:none;
}

#searchpage #searchstats {
  margin:10px 0;
}
#searchpage #searchstats * {
  color:#999999;
}
#searchpage #searchstats #numresults {
  font-weight:bold;
}
#searchpage #searchstats #numresults span {
  font-size:14px;
}

#searchpage .result {
  padding-bottom:5px;
  margin-bottom:10px;
  background:url('/images/hr.gif') bottom repeat-x;
}

#searchpage .result a {
  font-weight:bold;
  font-size:12px;
}
#searchpage .result .desc {
  margin:3px 0 0 10px;
  color:#666666;
}
#searchpage .result .desc b {
  color:#6DA250;
}


.paging {
  text-align:right;
  margin:2px 0 10px 0;
  color:#777777;
}
.paging a {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  padding:2px 5px;
  font-weight:bold;
  margin:0 3px;
  font-size:12px;
  text-decoration:none;
  color:#6DA250;
}
.paging a:hover {
  background-color:#2f561f;
  background-color:#6DA250;
  color:#ffffff;
}

.noresults {
  font-size:14px;
  font-weight:bold;
  margin:10px 0;
  color:#aaaaaa;
}



/* CUSTOMIZATIONS -------------------------------------------------------------- */

#home-feature .feature-image {
  padding-top:8px;
}
#home-feature .feature-image a {
  outline:none;
}
#home-feature .feature-image img {
  max-width:355px;
  max-height:141px;
}
#home-feature .feature-desc {
  margin:3px 0 10px 0;
}


.nicetable {
  border-collapse:collapse;
}

.nicetable td {
  border:1px solid #ccc;
  vertical-align:middle;
  padding:3px 5px;
  text-align:center;
}

.nicetable .head {
  background-color:#333333;
  color:#ffffff;
  font-weight:bold;
  font-size:12px;
}

.nicetable .head2 {
  background-color:#666666;
  color:#ffffff;
  font-weight:bold;
}