html {}
a {color:#3C61DC;}

a:hover {text-decoration:none;color:#B9B6A7;}
a.selected img {padding:2px;background-color:#B9B6A7;border:1px solid #B9B6A7;}
a.notselected img {padding:2px;background-color:#ffffff;border:1px solid #B9B6A7;}
a.notselected:hover img {background-color:#B9B6A7;}
a.selected:hover img {padding:2px;background-color:#B9B6A7;border:1px solid #B9B6A7;}

a.selected {
color:black;text-decoration:none;
cursor:default;
}


.aboutdocs {float:right;font-size:80%;width:200px;margin:0 40px 0 20px;}

.aboutdocs h3, .aboutdocs h4, .aboutdocs p, .aboutdocs ul, .aboutdocs li {margin-right:0;padding-right:0;}

.backto{
font-size:60%;
position:absolute;
top:25px;
left:0px;
}

.beforetag {
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
color:#FFFFFF;
background-color:#504E42;
padding:3px 10px 3px 10px;
font-size:140%;
position:absolute;
top:16px;
left:8px;
}

*html .beforetag {
top:16px;
left:0px;
}

body {
color:#2A2923;
background-color:#E8E6D6;
margin:0;
text-align:center;
min-width:660px;
position:absolute;
top:0;bottom:0;left:0;right:0;
background-image:url(../images/bg2.gif);
background-position:center;
background-repeat:repeat-y;
margin:0;padding:0;
} 

.bordertop {
margin-top:1em;padding-top:1em;
border-top:1px solid #cccccc;

}

.caution {
border:1px solid #CC0000;
color:#CC0000;
padding:.5em;
}

.callout1 {
border:5px solid #e2eefb;
float:right;
margin:0 20px 15px 15px;
width:220px;
overflow:visible;
position:relative;
}



.callout1 div {
border:1px solid #7b796c;
padding-bottom:10px;
overflow:visible;
}

.callout1 .logo {
border:0;
margin:0;padding:0;
position:absolute;
top:-23px;
left:71px;
}

.callout1 h2{
border:0;
font-size:80%;
margin:1em 10px .4em 13px;
}

.callout1 form {
margin:0 10px 0 13px;
}

.callout1 h3 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:70%;
margin:.8em 10px .2em 13px;
font-weight:bold;
}

.callout1 p {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:70%;
margin:.2em 10px .5em 13px;
}

.callout1 ul {
margin:0;
padding:0 10px 5px 0;
}

.callout1 li {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:70%;
padding:0 0 0 15px;
line-height:1.2em;
}


#container {
position:absolute;
top:0px; 
right:0px;
bottom:0px;
left:0px;
}


#content {
border-top:10px solid #E8E6D6;
margin:0;

width:660px;
float:left;
position:absolute;
top:0px; 
right:0px;
bottom:0px;
left:100px;
background-image:url(../images/bg3.gif);
background-position:top;
background-repeat:no-repeat;
}

#content2 h1, #content2 h2, #content2 h3, #content2 h4, #content2 h5, #content2 p, #content2 ul {
margin-right:30px;
}

.color_gray {
font-size:100%;
color:#999999;
}

#content table {
margin-right:20px;
margin-left:20px;
}

.gallery #content1 {
background-image:url(../gallery/images/images-loading.png);
background-position:center;
background-repeat:no-repeat;
height:560px;
width:460px;
}

#content1 {
width:460px;
}

#content1 .image {
position:relative;
margin:0;
padding:16px 4px 0px 8px;
}

#content2 {
width:170px;
padding-top:20px;
position:absolute;
right:19px;top:8px;
}

#content2 div {padding:0 0 5px 0;margin:0 0 0 -2px;}
#content2 div p {margin:-1px 0 0 2px;font-size:55%;}

#content2 div img {margin:2px;}

#content #content2 h1 {
clear:none;
margin:0 0 10px 0;
padding-top:20px;
line-height:1em;
}


#content2 hr {
height:1px;color:#cccccc;margin:0 20px 0 0;
}

#content2 table {
margin-left:0;
}

#content2 td {
padding-right:10px;
}

#content2 h2 {
font-size:70%;
margin:.8em 0 .5em 0;
}

#content2 h2 a {font-weight:normal;font-family:Verdana, Arial, Helvetica, sans-serif;}

#content2 p {
font-size:70%;
margin:.5em 20px .5em 0;
padding:0;
}



#content2 ul {
margin-top:0;
padding:0 10px 0 5px;
list-style-type:none;
}

#content3 {
clear:both;
padding-top:20px;
}

#content3 h1 {
margin:.5em 0 1em 25px;
}

#content3 h2 {
margin-right:100px;margin-top:1em;
}

.margin1 {
padding-top:1em;;
}

#content3 h3 {
font-size:70%;
margin:.8em 0 .5em 25px;
}

#content3 p {

}




#content3 td {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:70%;
padding-left:5px;padding-right:5px;padding-bottom:10px;
}

#content3 table.codes {
clear:both;
border:1px solid #B9B6A7;
border-top:0;
margin-top:0;
margin-left:25px;
margin-right:0;
width:600px
}

#content3 table.codes td {
padding-top:2px;padding-bottom:2px;
padding-left:20px;
}

#content3 table.codes tr.bg {
background-color:#F7F6F1;
}

#content3 table.codes .columnheaders td {
font-family:Georgia, "Times New Roman", Times, serif;
background-color:#F7F6F1;
border-bottom:1px solid #B9B6A7;
font-weight:bold;
padding-top:3px;padding-bottom:3px;
}

#content3 table.codes td {
padding-top:3px;padding-bottom:3px;
}

#content3 table.codes tr.toprow td{padding-top:7px;}
#content3 table.codes tr.bottomrow td{padding-bottom:7px;}

#content3 div.top {

display:block;
clear:both;
/*border:1px solid #b9b6a7;
background-color:#F7F6F1;
*/
border-bottom:0;
margin:0 0 0 5px;
width:620px
}

dt {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:90%;
font-weight:normal;
margin-bottom:.2em;
margin-left:25px;
}
dd {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:70%;
line-height:1.3em;
margin:0 100px 1em 25px;
}


.estimateform {
clear:none;
float:left;
margin:0 0 0 25px;
width:340px;
}

*html .estimateform {
margin:0 0 0 12px;
}

.estimateform h4, .estimateform p {margin-right:10px;margin-left:0;}

.faded {color:#666666;}

#frame {
margin:auto;
padding:0;
position:relative;
text-align:left;
width:760px;
height:100%;
}

.gallerydetail {
display:block;
/* background-color:#e1e1e1; */
height:392px;
}
.gallerydetail .image {
display:block;
}
.image p{
font-size:60%;
color:#cccccc;
margin:0;padding:0;
text-align:left;
}

.gallery table {margin-top:20px;width:600px;}

.gallery td {
font-family:Verdana, Arial, Helvetica, sans-serif;font-size:70%;
border-top:1px solid #999999;
padding:10px 0 10px 0;
}

.gallery td label {font-size:100%;}

.gallerydetail h2 {
clear:none;
font-size:90%;
margin:0;
padding:1em 10px 0 0;
}
.gallerydetail  p {
margin:0 10px 0 0;
padding:0 10px 0 0;
}
.gallerydetail ul, #content2 ul {
margin-top:0;
padding:0 10px 0 0;
list-style-type:none;
}

.gallerydetail td {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:70%;
padding:2px 5px 2px 0px;
width:50px;
}

.gallerydetail td img {margin:0;clear:right;}

.gallerydetail td a {border:1px solid pink;}

.gallerydetail h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:70%;
font-weight:bold;}

.gallerydetail p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:70%;
}

#content2 h2 span {font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:normal;}

.gallerydetail li, #content2 li {font-size:70%;margin-bottom:0;line-height:1.6em;}

.gallerydetail ul.tools1, #content2 ul.tools1 {
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
margin:30px 25px 10px 0px;
padding:5px 0 10px 0;
font-size:80%;
}

.gallery_list {

}

.gallery_list a img {

}


.gallery_list .gallerythumb {
color:#B9B6A7;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:70%;
display:block;
float:left;
text-decoration:none;
margin-bottom:15px;
text-align:left;
margin-right:10px;
margin-bottom:13px;
}

.gallery_list .gallerythumb span {
clear:left;
display:block;
margin-top:1px;
}

.gallery_list a:hover span {

}

.gallery_list a img {

}

#content2 ul.tools1 li {padding-top:.2em;padding-bottom:.2em;}

#content2 p.gallerynav {
color:#cccccc;
margin:0;padding:0;
position:absolute;
top:12px;right:8px;
font-size:60%;
}

#globalnav {
/*background-image:url(../images/logo1.png);
background-repeat:no-repeat;
background-position:top left;*/
background-color:#E8E6D6;
float:left;
width:100px;
height:100%;
}

#globalnav img {display:block;}

#globalnav .sn_products,
#globalnav .sn_gallery, 
#globalnav .sn_design, 
#globalnav .sn_company, 
#globalnav .sn_contact, 
#globalnav .sn_cladding, 
#globalnav .sn_moldings, 
#globalnav .sn_accessories, 
#globalnav .sn_technical,
.company
{
display:none;
}

#globalnav h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:120%;
margin:.5em 0 .5em 10px;
}

#globalnav ul {
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
list-style-type:none;
margin:0;
padding:15px 0 0 5px;
width:70px;
}

#globalnav ul ul {
padding:0 0 5px 0;
width:70px;
}

#globalnav ul ul ul {
padding:0;
width:70px;
}

#globalnav li {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:65%;
margin:0;
padding:0;
border-bottom:1px solid #B9B6A7;
}

#globalnav li li {
font-size:100%;
border:0;
}
#globalnav li li li {
font-size:100%;
border:0;
line-height:1.1em;
margin-bottom:.2em;
}

#globalnav ul.bottom li {font-size:60%;}

#globalnav li a {
display:block;
margin:0;
padding:4px 0 4px 0;
color:#2A2923;
text-decoration:none;
width:80px;
}

#globalnav li li a {
padding:0 0 2px 0;
width:80px;
}

#globalnav li li li a {
padding:0 0 0 10px;
width:70px;
}

#globalnav li a:hover {
text-decoration:underline;
}

#globalnav img {
margin-top:2px;
margin-left:0;
}

h1, h2, h3, h4, h5 {
font-family:Georgia, "Times New Roman", Times, serif;
clear:left;
margin-left:25px;
}

h1, h2, h3, h4, h5, p, ul, ol {
margin-right:100px;
}

h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:150%;
font-weight:normal; 
margin-top:40px;
margin-bottom:1.2em;

}

h1 span {
background-color:#f7f6f1;
border-top:1px solid #b9b6a7;
padding:.3em 15px .3em 10px;
border-bottom:1px solid #b9b6a7;
}

h1 a {font-size:70%;}

h2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:100%;
font-weight:bold;
margin-bottom:.2em;
}

h2 span {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#999999;

}

h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:75%;
font-weight:bold;
margin-bottom:.3em;margin-right:20px;
}

h4 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:70%;
font-weight:bold;
margin-top:.5em;
margin-bottom:.2em;
}

h5 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:60%;
font-weight:bold;
margin-top:.5em;
margin-bottom:.2em;
}

.column h4 {margin-top:.2em;}

form h3 {clear:left;}

form {margin-left:25px;}
form div {clear:both;}

h3 span {font-size:75%;}

.image1 {
float:right;
margin-right:50px;
font-size:60%;color:#999999;
}

.image1 img {display:block;margin-bottom:3px;}

.image2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:70%;
float:left;
margin-right:20px;
width:200px;
}

.image2 img {
display:block;
clear:right;
}

.image3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:70%;
float:left;
margin-right:20px;
width:100px;
}

.image3 img {
display:block;
clear:right;
}

.image4 {
float:right;
margin-right:50px;
}

.image4 img {border:4px solid #e2eefb;}

.colorgray {color:#999999;}

#content3 .images {
margin:0 0 0 25px;
width:600px;
border-top:1px solid #B9B6A7;
border-left:1px solid #B9B6A7;
}

#content3 .images td {
border-right:1px solid #B9B6A7;
border-bottom:1px solid #B9B6A7;
padding:10px 0 10px 0;
text-align:center;
}

#content3 .images td img {margin:0;}

#content3 .images td h3 {
margin:0 10px 0 10px;padding:10px 0 0 0;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-size:100%;}

.filefield {margin-bottom:5px;}

.invisible {
display:none;
}

label {
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:70%;
margin-top:.5em;margin-bottom:.1em;
}

label input {
float:left;
}

li input {float:left;}

form li {clear:left;}

.locator {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:65%;
}

li {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:70%;
margin:0 0 .2em 0;
}

li li {
font-size:100%;
}


.news h1 {
font-size:120%;
margin-top:2.5em;
margin-bottom:.1em;
}

.news h2 {
font-size:80%;
font-weight:normal;
margin-top:.1em;
margin-bottom:.8em;
}

.note {

}

#printlogo {display:none;}

p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:70%;
line-height:1.3em;
margin:0 100px 1em 25px;
}

select {margin-top:1px;}

.small {
font-size:70%;
}

.small1 {
font-size:80%;
font-weight:normal;
}

.small2 {
font-size:60%;
font-weight:normal;
}

#subnav {
margin:0 0 20px 15px;

}

#subnav ul{
list-style-type:none;
margin:0;
padding:20px 10px 20px 10px;
}

#subnav ul ul{
border-left:0;
list-style-type:none;
margin:0;
padding:0 0 .2em 10px;
}

#subnav li {
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:75%;
line-height:1.5em;
margin-right:1em;
}

#subnav li li{
float:none;
font-size:80%;
line-height:1.5em;
}

#subnav li a {
text-decoration:none;
}

#subnav li a:hover {
text-decoration:underline;
}

ul {
list-style-type:none;
margin:0;
padding:0 100px .5em 25px;
}

ul.nodot {
list-style-type:none;
padding-left:28px;
}

li ul {
margin:0;
padding:.2em 10px .2em 15px;
}

ol {
margin:0;
padding:0 100px 0 45px;
}



#footer {
text-align:left;
display:block;
clear:both;
font-size:80%;
margin:0 20px 20px 8px;
padding-top:30px;padding-bottom:20px;
}

#footer p {
color:#999999;
margin:.5em 0 0 20px;
}

.highlight {background-color:#FDBDC9}

.col1 {
float:left;
margin:5px 10px 0 0;
}

.clear {
clear:both;
margin:5px 10px 0 0;
}

.sendplans {
display:block;
border:2px solid #cccccc;
}

.sendplans form {margin:0 10px 0 10px;}


form .tool {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:65%;
}

form td {padding-left:5px;padding-right:10px;}

.invisible {display:none;}
.visible {display:block;}
input.visible {display:inline;}

ul.tools {
list-style-type:none;
padding:5px 10px 5px 10px;
display:block;
text-align:right;
}
ul tools li {float:left;}


.column {
float:left;
margin-right:5px;
}

.column p {margin-right:0;margin-bottom:0;}

.column h2 {text-align:center;margin:.2em 0 1.2em 25px;}

.column h4 {padding-top:5px;}

.column ul {
list-style-type:none;
margin:0;
padding:0;
}

.column li {
font-size:70%;
margin:0 15px 0 0;
padding:0 0 0 0;
line-height:1em;
}

#sendplanslink a{
border:1px solid #CC0000;
color:#CC0000;
padding:.1em 5px .1em 5px;
text-decoration:none;
font-size:120%;
}

#sendplanslink a:hover {
color:#ffffff;
background-color:#CC0000;
}

.title_prefix{
font-size:80%;
font-weight:bold;
color:#CC0000;
}

.note1 {font-size:80%;}

.abovelist {margin-bottom:.2em;}

.box1 {
border:1px solid #999999;
float:right;
width:260px;
margin:15px 30px 20px 10px;
}

.box1 ul {list-style-type:disc;
margin:0;padding:0 0 .5em 0;
}

.box1 ol {margin-top:0;}

.box1 li {line-height:1em;margin:0 0 .3em 25px;padding:0;}

.box1 h2, .box1 h3, .box1 h4, .box1 h5, .box1 p {margin-left:10px;margin-right:10px;}


#renderingexp {

}

#renderingexp p {

}

#products {
border-top:1px solid #cccccc;
margin-top:15px;
}

#your_info {margin-bottom:20px;}

.customer_type {
border:2px solid #cccccc;
margin:10px 80px 10px 25px;
clear:both;
}


.testimonial {
font-family:Georgia, "Times New Roman", Times, serif;
margin-top:1.5em;
margin-bottom:.5em;
font-size:75%;line-height:1.5em;
}

.tip {
font-family:Arial, Helvetica, sans-serif;
color:#cccccc;
font-size:70%;
margin:0;
}


.bgtl {
background-image:url(../images/ds-tl.png);
background-repeat:no-repeat;
background-position:top left;
background-color:#ffffff;position:absolute;left:0;top:0;bottom:0;width:660px;
height:100%;
}

.bgtr {
background-image:url(../images/ds-tr.png);
background-repeat:no-repeat;
background-position:top right;
position:absolute;right:0px;top:1px;bottom:0;width:654px;padding-bottom:8px;
height:100%;
}

.bgt {
background-image:url(../images/ds-t.png);
background-repeat:repeat-x;
background-position:top;
background-color:#ffffff;
position:absolute;left:8px;top:0;bottom:0;width:654px;
height:100%;
}

.bgr {
background-image:url(../images/ds-r.png);
background-repeat:repeat-y;
background-position:right;
background-color:#ffffff;position:absolute;right:0;top:8px;bottom:0;width:662px;
height:100%;
}

.bgbr {
background-image:url(../images/ds-br.png);
background-repeat:no-repeat;
background-position:bottom right;
position:absolute;right:0;top:0px;bottom:0;
height:100%;
}

.marginright {
	margin-top: 0px;
	margin-right: 25px;
	margin-bottom: 0px;
	margin-left: 0px;
}


ol li {margin-bottom:.5em;}


#content3 h1, #content3 h2, #content3 h3, #content3 h4, #content3 h5, #content3 p  {margin-right:30px;}


.rendering {margin:0 0 0 25px;}
.rendering img {float:left;margin-right:20px;clear:left;}
.rendering .entry {clear:both;padding-top:15px;}


/* Product index pages */

#content3 table.grid1 {
margin:0 0 0 25px;
width:600px;
border-top:1px solid #B9B6A7;
border-left:1px solid #B9B6A7;
}
#content3 table.grid1 td td h3 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:140%;
margin:0;padding:0;
}
#content3 table.grid1 td td p {
font-size:120%;
margin:0 0 4px 0;padding:0;
}
#content3 table.grid1 td {
border-right:1px solid #B9B6A7;
border-bottom:1px solid #B9B6A7;
padding:4px 0 4px 0;
}
#content3 .grid1 td div {
position:relative;width:297px;height:110px;border:1px solid blue;
}
#content3 .grid1 td div div {
position:absolute;left:0;top:0;width:150px;border:1px solid red;text-align:center;
}
#content3 .grid1 td div span {
display:block;
position:absolute;
left:160px;
bottom:4px;
}

#content3 .grid1 td table {margin:0;border:0;
}
#content3 .grid1 td td {margin:0;border:0;
}

@media print {
body {background-image:none;background-color:#FFFFFF;}
#frame {background-color:#FFFFFF;background-image:none;border:0;margin-top:30px;}
#content {background-color:#FFFFFF;background-image:none;border:0;left:80px;}
#content2 p a {display:none;}
#footer {margin-left:0;font-size:100%;}
#globalnav {display:none;}
#printlogo {display:block;float:left;}
.footerlinks, .tools1, .gallerynav {display:none;}
}