*{margin:0;padding:0}
* html abbr,* html acronym{border:0}
* html abbr:hover,* html acronym:hover{border:0}
abbr:hover,acronym:hover{cursor:help}
body{background:#ffd9b7 url(images/across.jpg) repeat-y;font-family:"Arial","Helvetica",Sans-serif;color:#492605;font-size:1.0em}
h1 a{float:left;display:block;background:url(images/logo.gif);width:230px;height:118px;margin:20px}
h2 span{display:block}
h2{min-width:250px;background:url(images/payment.jpg) no-repeat 100% 100%;float:right;font-family:"Times","Arial",Sans-serif;font-weight:normal;margin:20px 20px 0;text-align:right;padding:0 0 45px}
h3{font-size:1.2em;background:#f9ceb2 url(images/smooth.gif) no-repeat;padding:8px 27px;height:22px}
ul{list-style:none}
form{color:#333}
p,dl,#c li,form{font-size:0.75em;line-height:160%}
#c li li{font-size:1.0em}
address{overflow:hidden}
#h{height:1%}
#h{overflow:hidden}
#n{clear:both;width:285px;float:left;padding:0 21px 0 0}
#t{margin:120px 0 0;float:right}
#t a{font-size:0.95em;font-weight:bold;text-decoration:none;margin:0 0 18px;display:block;text-align:right}
#t a:hover{text-decoration:underline}
#s{margin:55px 0 0 20px}
#s a{display:block;width:136px;height:95px;margin:0 0 4px}
#classic a{background:url(images/classic.gif)}
#contemporary a{background:url(images/contemporary.gif)}
#illuminated a{background:url(images/illuminated.gif)}
#lawn a{background:url(images/lawn.gif)}
#stone a{background:url(images/stone.gif)}
#gate a{background:url(images/gate.gif)}
#condo a{background:url(images/condo.gif)}
#custom a{background:url(images/custom.gif)}
#c{background:#fff;padding:70px 0 70px 70px;overflow:hidden;min-height:700px}
#f{clear:both;text-align:right;font-size:0.8em;padding:60px 40px 35px 0}
#f li{display:inline;margin:0 0 0 10px}
h3,#t a{color:#5c575a}
h1 span,#s span,body .x,.information .x,.list .x{display:none}
#c a,#f a{color:#6a4827;text-decoration:underline;font-weight:bold}
#c .list a{text-decoration:none}
#c a:hover,#f a:hover{color:#492605}
img{border:0}
#emblems label{margin:0 0 5px}
.attributes{margin:0 0 2px}
.attributes,#emblems label{font-weight:bold;padding:2px 4px;border-bottom:1px solid #fff;border-top:1px solid #fff}
a:hover .attributes,#emblems a:hover label{background:#ffc;border-bottom:1px solid #ffa;border-top:1px solid #ffa}
a:hover .attributes label,#emblems a:hover label{text-decoration:underline}
a label{cursor:pointer}
.list,.information{overflow:hidden}
.list li{float:left;margin:0 20px 20px 0;text-align:center}
.list label,.attributes,.list span span{display:block}
.list a{display:block}
.sub{font-weight:normal;text-transform:lowercase;font-size:0.9em}
.information label,.information span{display:block;padding:5px}
.information label{font-weight:bold;background:#ffdab7;color:#7a5634}
.information span{background:#faf0e1;color:#5c575a;border-bottom:1px solid #ffdab7}
.information li{float:left}
.information .na{background:transparent;padding:0;border:0}
.information label abbr{border-bottom:0;cursor:default}
.information label abbr:hover{border-bottom:0}
.information span acronym{border-bottom:1px dotted #5c575a}
.information span acronym:hover{border-bottom:1px solid #5c575a}
#c .ceramic,#c .letters{background:#f6e6cf}
fieldset{border:0}
form label{display:block;font-weight:bold;clear:left}
form p{font-size:1.0em}
input{padding:2px}
#c ul ul{margin-bottom:0}
.success,.error{background-repeat:no-repeat;padding:0 0 0 22px;background-position:0 50%;min-height:16px}
.success{background-image:url(images/tick.gif)}
.error{background-image:url(images/x.gif)}
input,textarea,select{color:#555}
form div{border-top:1px solid #ddd;padding:10px 0 0;overflow:hidden}
form div div{border:0;padding:0}
#c form p{margin-left:0}
form .first{padding:0;border:0}
form .last{border-bottom:1px solid #ddd}
form .last{margin:0 0 10px}
input,select{margin-bottom:15px}
label span{font-size:0.9em}
p,dl,#c ul,form{margin-right:70px;margin-left:27px} /* all elements inside #c except for <h3> must have this */
h3,p,#c ul,form label,textarea,dl,form img{margin-bottom:10px} /* content element spacer */
#c form ul{margin:0}
.poke{display:inline;font-weight:normal}
#material input,#same-as-sample,.poke{float:left;clear:none;margin-right:10px}
form img{display:block}
.attributes span{font-size:0.95em}

#thirty{background:url(images/30days.jpg);width:250px;height:59px;margin:20px auto}
#thirty span,#lighting span{display:none}
.button{display:block;margin:0 auto}
#testimonials{list-style-image:url(images/bullet.jpg);list-style-position:inside}
.details dt{float:left;font-weight:bold;margin:0 10px 0 0;width:115px}
.details dd{border-bottom:1px dotted #af8c6b}
#order,#print{margin-left:0;margin-right:0;padding:24px 0 24px;text-align:center}
#print a,#order a{cursor:pointer;background-position:2px 50%;background-repeat:no-repeat;padding:24px 7px 24px 58px;border-bottom:1px solid #ddd;border-top:1px solid #ddd;color:#444}
#print a:hover,#order a:hover{background-color:#eee;border-bottom:1px solid #ccc;border-top:1px solid #ccc;color:#000}
#print a{background-image:url(images/printer.gif)}
#order a{background-image:url(images/globe.gif)}
#print a:hover{background-image:url(images/printerHover.gif)}
#order a:hover{background-image:url(images/globeHover.gif)}
#styles dd{margin:0 0 10px}
#click span{display:none}
#click{background:url(images/click.jpg);width:250px;height:83px;margin:20px auto 15px}
#lighting{background:url(images/lighting.jpg) no-repeat 50% 50%;width:520px;height:174px;margin:0 auto;border:2px solid #555;padding:25px}

#classics a{width:235px;height:175px}
#classics span{display:none}
#oval a{background:url(images/oval.jpg)}
#rectangle a{background:url(images/rectangle.jpg)}
#archtop a{background:url(images/archtop.jpg)}
#special a{background:url(images/special.jpg)}
#classics #vertical a{width:237px;height:297px;background:url(images/vertical.jpg)}

#c{background-position:100% 100%;background-repeat:no-repeat}
#p_gate #c{background-image:url(images/bg_gate.jpg);min-height:626px}
#p_custom #c{background-image:url(images/bg_custom.jpg);min-height:574px}
#p_about #c{background-image:url(images/about.jpg);min-height:510px}
#p_testimonials #c{background-image:url(images/testimonials.jpg);min-height:569px}

#products span,#products p{display:none}
#products a{display:block}
#products li{margin:0 0 20px;overflow:auto;padding:1px 0}
#pr_classic a{background:url(images/classic.jpg);width:617px;height:110px}
#pr_contemporary a{background:url(images/contemporary.jpg);width:555px;height:95px}
#pr_illuminated a{background:url(images/illuminated.jpg);width:573px;height:95px}
#pr_stone a{background:url(images/stone.jpg);width:560px;height:80px}
#pr_condo a{background:url(images/condo.jpg);width:580px;height:95px}
#pr_gate,#pr_custom{overflow:hidden}
#pr_gate a{background:url(images/gate.jpg);width:545px;height:91px}
#pr_custom a{background:url(images/custom.jpg);width:545px;height:92px}
#pr_lawn a{background:url(images/lawn.jpg);width:547px;height:116px}
#products p{float:right;font-size:1.2em;margin:23px 0 0 160px}
#products a.contact{background:none;display:inline}

* html #c{float:right}
* html .success,.error{height:auto !important;height:16px}
* html #p_gate #c{height:auto !important;height:626px}
* html #p_custom #c{height:auto !important;height:574px}
* html #p_about #c{height:auto !important;height:510px}
* html #p_testimonials #c{height:auto !important;height:569px}
* html h2{padding-left:50px}
* html .addressdd,* html .list,* html #click,p{clear:left}
* html form .last{border-bottom:0}
* html #p_customize .last{border-top:0}

#sign_colours img{width:58px;height:60px}

#type-ceramic-metal,#type-stone,#type-glass,.button{clear:both}