/* CSS Document */

body
{
margin:0px;
}

.largetext p{font-size:1.3em}


a {color:#0000ff;text-decoration:underline;cursor:pointer}
a:link {color:#0000ff;}
a:visited {color:#0000ff;}   
a:hover {color:#ff00ff;}  
a img {border-color:#000055}


h1{ border-bottom:solid 1px #000055;text-align:center}
h2{text-align:center}
h3{text-align:center}

img
{
border-width:0px;
}

. checklist ul
{
list-style-image:url('images/check.gif');
}
li {margin-bottom:5px}

ol
{
font-size:24px;
color:#000055;
}
ol p { font-size:16px;margin-top:4px;color:#000}

.biglist
{
font-size:18px;
text-align:left;
color:#000055;
list-style-image:url('images/check-big.gif')
}
.biglist p
{
font-size:16px;
margin-top:6px;
margin-left:10px;
color:#000;
}

dt
{
font-size:110%;
font-weight:bold;
margin-top:20px;
color:#000055;
}
dd
{ 
margin-top:5px;
color:#333; }

#header {overflow:hidden}

#header1 a {color:#fff}
#header1 a:hover {color:#ccc}



.designlist {font-size:14px}
.designlist p {font-size:14px;text-align:left}
.designlist li {font-size:18px;text-align:left}

#subheader
{
height:1.5em;
font-size:1em;
background-color:#ccc;
text-align:center;
padding-top:.3em;
border-bottom:solid 1px #333;
   
}

#subheader a
{
margin:0px;
padding:0px 20px 0px 20px;
border-right:solid 1px #333;      
}

#subheader a:link {color:#000055}
#subheader a:visited {color:#000055}
#subheader a:hover {color:#3333ff;background-color:#ccc;border-top:solid 3px #ccc;border-bottom:solid 6px #ccc}

.designlist {font-size:14px}
.designlist p {font-size:14px;text-align:left}
.designlist li {font-size:18px;text-align:left}

.designlist {font-size:14px}
.designlist p {font-size:14px;text-align:left}
.designlist li {font-size:18px;text-align:left}

#subheader
{
height:24px;
font-size:16px;
background-color:#ccc;
text-align:center;
padding-top:4px;
border-bottom:solid 1px #333;
display:none;
    
}

#subheader a
{
margin:0px;
padding:0px 20px 0px 20px;
border-right:solid 1px #333;      
}

#subheader a:link {color:#000055}
#subheader a:visited {color:#000055}
#subheader a:hover {color:#3333ff;background-color:#ccc;border-top:solid 3px #ccc;border-bottom:solid 6px #ccc}

#footer
{
position:relative;  
background-color:#333;
border-top:solid 5px #000;
border-bottom:solid 4px #000;
text-align:center;
padding-bottom:20px;
line-height:30px;
color:#fff;
}

#plansearch
{
position:fixed;
top:100px;
text-align:center;
left:0px;
right:0px;
z-index:100;
}

#plansearch a {font-size:1.4em;font-weight:bold;line-height:3em}

#footnav
{
text-align:center;
margin:auto;
}
#footer a {color:#fff;margin:10px }
#footer a:hover {color:#ccc; }

.maincontent
{
position:relative;
margin:0.1em auto 1em auto;
}        


#headnav
{
position:relative;
margin:auto;
text-align:center;
z-index:2;
font-size:1.4vw;
line-height:2.5vw;  
} 

#headnav a {color:#fff}
#headnav a:hover {color:#000}
  
.navtab {width:16%;display:inline-block;text-decoration:none;border-left:solid 1px #555;color:#fff}
.navtab:hover {background:#fff;color:red;font-weight:bold}


.pup
{
position:fixed;
display:none; 
left:0px;
right:0px;
top:0px;
bottom:0px;
z-index:100;
overflow:auto;
}
.transmask
{
position:fixed;
top:0px;
left:0px;
right:0px;
bottom:0px;
background-color:#000;
background-image:url('images/grad-vert.jpg');
opacity:0.9;     
filter:alpha(opacity=90);
z-index:-1;
}

.pint
{
background-color:#FFFFCC;
position:relative;
width:800px;
margin:30px auto auto auto;
padding-top:30px;
border:solid #555;
border-width:1px;
}

.pheader
{
position:absolute;
top:0px;
left:0px;
right:0px;
height:25px;
background:#D5BA8F;
color:#333;
line-height:24px;
text-align:right;
padding-right:10px;
text-decoration:underline;
cursor:pointer;
border-bottom:solid 1px #555;
}

.pheader a:link {color: #333}
.pheader a:visited {color: #333}
.pheader a:hover {color: #000}


.shadow
{
position:absolute;
top:8px;
left:8px;
right:-8px;
bottom:-8px;
opacity:0.5;     
filter:alpha(opacity=50);
z-index:-2;
border:solid #333;
border-width:0px 8px 8px 0px;
}

.shadowin {
background:#fff;
position:absolute;
left:0px;
right:0px;
top:0px;
bottom:0px;
z-index:100;
}


.shadowsmall
{
position:absolute;
top:3px;
left:3px;
right:-3px;
bottom:-3px;
opacity:0.5;     
filter:alpha(opacity=50);
z-index:-2;   
border:solid #333;
border-width:0px 3px 3px 0px;
} 


.shadow1
{
position:absolute;
top:8px;
left:8px;
right:-8px;
bottom:-8px;
opacity:0.5;     
filter:alpha(opacity=40);
z-index:-1; 
border:solid #000033;
border-width:0px 8px 8px 0px;
}

.shadowlight
{
position:absolute;
top:6px;
left:6px;
right:-6px;
bottom:-6px;
opacity:0.4;     
filter:alpha(opacity=40);
z-index:-1;  
border:solid #ccccff;
border-width:0px 6px 6px 0px;
}

.planbox
{
position:relative;  
margin:1em auto;                
border:solid 4px #000022; 
background:#333;
overflow:hidden;
}
.planbox img
{  
float:left;
width:30%;
height:auto;
}

.planbox h2
{ 
font-weight:bold;
margin:.5em auto;
}

.planinfo
{
position:relative;
float:left;
width:30%;
color:#fff;
padding:0px 1em;
z-index:2;
background:#333333;
}

.planinfo a:link {color:#fff; }
.planinfo a:visited {color:#fff; }
.planinfo a:hover {color:#ccc; }
 
.planinfo p
{
margin:4px auto 4px auto;
text-align:left;
}

.planpageinfo
{
position:relative;
margin:1em;
z-index:2;
}
.planpageinfo p
{
text-align:left;
}
.planpageinfo h1
{
font-size:18px;
margin:5px auto 5px auto;
}

.planpageinfo h2
{
font-size:18px;
margin:5px auto 5px auto;
}


.planpageinfo button
{
width:200px;
font-weight:bold;
margin-left:auto;
margin-right:auto;
}







.sort
{
width:160px;
background:#aaa;
font-size:15px;
}

.sort td
{
background:#aaa;
height:25px;
border:solid 1px #999;
width:50%;
}

.sort a:link {color:#000;}
.sort a:visited {color:#000;}
.sort a:hover {color:#000;font-weight:bold}

.trans40
{
background-color:#000;
opacity:0.4;     
filter:alpha(opacity=40);
}

.changeop{
opacity:1.0;     
filter:alpha(opacity=100);
}

.transwhite
{
background-color:#fff;
opacity:0.5;     
filter:alpha(opacity=50);
}

.sampleboxes
{
position:relative;  
float:left;
background:#fff;
background:#000; 
width:25%;
 }    

.sampleboxes img
{width:auto;height:100%}

.sampleboxes div {background:#000;color:#fff;}
  
.expandlist
{
font-size:20px;
list-style:disc;
}
.expandlist li
{ margin-bottom:10px;padding-bottom:1px}
.expandlist p  
{
font-size:18px;
margin:10px auto 40px 10px;
color:#000;
}     

.expandlist a
{
cursor:pointer;
}

.expandlist ol
{
list-style-image:url('images/check.gif');
font-size:16px;
}

#emailform td {text-align:left;min-height:40px;vertical-align:top }

.pagecount
{
font-size:14px;
margin:10px;
}
.pagecount a {margin:10px;white-space:nowrap;}

.purchaseform td
{
text-align:right;
}
.purchaseform input[type=text]
{ width:220px; }

.purchaseform textarea
{ width:220px;height:80px }

.purchaseform select
{ width:120px; }

/* style for slideshow */

  #slideshow
  { position:relative;
  overflow:hidden;
  width:640px;
  height:340px;
  border:solid 1px #000;
  background:#000;
  text-align:left;
   }
   
  #slideshow img {
  position:relative;
  left:0px;
  top:0px;
  width:640px;
  height:340px;
  z-index:0;
  cursor:pointer;
  }
  
  .slbox
  {
  position:relative;
  width:10px;
  height:10px;
  background-color:#ccc;
  float:left;
  margin-left:20px;
  cursor:pointer;
  border-radius:6px;
  border:solid 1px #fff;    
  }
  .st {
  margin:10px;
  color:#fff;
  font-size:14px;
  }
  
  .sltext {
  position:absolute;
  bottom:0px;
  left:0px;
  right:0px;
  height:85px;
  z-index:10;
  }
  
.sltext1 {
background:#000;
   opacity:0.8;     
filter:alpha(opacity=80);
 position:absolute;
  bottom:0px;
  left:0px;
  right:0px;
  height:85px;
  z-index:9;  
}
  
  #slideshow a {cursor:pointer;}
  #slideshow a:link {color:#00ffff; }
  #slideshow a:visited {color:#00ffff; }
  #slideshow a:hover {color:#ff0000; }
  
  /* end slideshow style */
  
  /* new form style */
  
  .formx,.formxselected
  {
  
  border:solid 1px #333;
  float:left;
  width:20px;
  height:20px;
  font-size:14px;
  line-height:20px;
  text-align:center;
  color:#000;
  margin-right:10px;
  cursor:pointer;  
  font-family:arial;
  font-weight:bold;
  border-radius:10px;
  }
  
    .formx {background-color:#ccc;background:url('images/button.jpg');}
  
    .formxselected{background:#00ff00}
    
    .pfw2 td {
    height:30px;
    padding-right:8px;
            }
            
            
.pfw2 { margin:10px auto 10px auto; }

.pricingtable {
margin:auto;
font-size:20px;
max-width:900px;
}

.pricingtable td {
text-align:left;
padding:18px;
}
.pricingtable p {
font-size:16px;
margin:0px 0px 0px 10px;

}
.pricingtable tr {
background:#ccc;
}
  
.email2 {display:none}
  
  .purchasetable {
margin:auto;
font-size:16px;
font-family:arial;
}

.purchasetable td {
text-align:left;
padding:8px;
}
.purchasetable p {
font-size:12px;
margin:0px 0px 0px 5px;

}
.purchasetable tr {
background:#ccc;
}
       
  
  
.plandesign {text-align:left;margin-top:1.5em}
.plandesign ul {margin:1.5em auto;list-style-type:none;font-size:1.5em;list-style-position:inside;text-align:center}
.plandesign li {display:inline-block;margin:auto 1.5em;}  
.plandesign div {text-align:center;margin-top:1.5em}
.plandesign img {margin:.5em 1em}
.plandesign h2 {text-align:left;margin-bottom:0;padding-bottom:0}
.plandesign p {text-align:left;margin-top:0;padding-top:0}   
.plandesign h3 {font-size:1em} 
.inlinelist li {display:inline;margin:.2em}
.plandesign img:hover {opacity:0.8;filter:alpha(opacity=80);}  




.quotetable
{border:solid 1px #000;border-collapse:collapse;position:relative;margin:auto;max-width:560px;background:#b0e0e6;border:solid 1px #000}

.quotetable td
{border-bottom:solid 1px #333;padding:0.4vw;border-right:solid 1px #aaa}  

.quotetable td:last-child {border-right:solid 1px #000}
.quotetable t:last-child {border-right:solid 1px #000}
  
.quotetable caption {font-size:1.4em;border-color:#000;border-style:solid;border-width:1px 1px 0px 1px;text-align:center;background:#555;color:#fff;padding:.3em .1em } 

        
.quotetable th {text-align:center;background:#ccc;font-size:1.3em;border-bottom:solid 2px #000;padding:.3em 0;border-right:solid 1px #aaa}


.quotetable tr:nth-child(odd){background:#C7E0E6}

.quotetable tr:hover{background:#eee}

.quotetable p {font-size:0.85em;margin:0.3em}

.mytable { text-align:left;}
.mytable td {padding:0.3em 1em;}

.requestquote{
padding:1.5em;
font-size:2em;
background:#FFFFDD;
border:solid 1px #333;
border-radius:1em;
text-align:center;
font-weight:bold;
box-shadow:.5em .5em .5em #999;
}




.cdsamples
{
display:inline-block;
float:left;
width:45%;
overflow:auto;
background:#000;
margin:1em 1%;
border:solid 1px #333;
box-shadow:0.3em 0.3em 0.3em #999;
} 

.cdsamples img {
width:100%;
height:auto;
cursor:pointer;  
}

.cdsamples img:hover
{opacity:0.9}

.enlargeimage
{     
float:none;
display:block;
position:fixed;
z-index:200;
left:0em;
right:0em;
top:0em;
bottom:0em; 
background:#333;
cursor:pointer; 
text-align:center;
}

.renderings {text-align:center}
.renderings img {display:inline-block;width:28%;margin:1%;box-shadow:.3em .3em .3em #333 }
.renderings img:hover {opacity:0.8;cursor:pointer}

.renderings1 img {display:inline-block;width:100%;height:auto }
.renderings1 img:hover {opacity:0.8;cursor:pointer}



.enlargeimage img
{ 
max-width:90%;
max-height:90%;
margin:2em auto;
}

#coverpic {border:solid 1px #000;box-shadow:.5em .5em .5em #6772A0;padding:0;background:#333}

#coverpic img {margin:0;width:100%;height:auto%}

#coverpic img:hover {opacity:0.9}

/* .expandsamples used */

#popnav{
text-align:center;
position:fixed;
left:5vw;right:5vw;top:3vh;bottom:2vh;display-index:100;
background:#111;
z-index:90;
border:solid 3px;#999;
overflow:auto;
padding-top:4vh;
}    

#popnav1
{display:none;position:fixed;left:0px;right:0px;top:0px;bottom:0px;opacity:0.7;z-index:80;background:#333}

#popnav a {display:inline-block;font-family:arial;width:80%;margin:3vh auto auto auto;color:#fff;line-height:5vh;background:#999;font-size:4vh;vertical-align:middle;text-decoration:none;border-radius:1vh;text-shadow:2px 2px 4px #000000;}

#popnav a:hover {background:#555;color:#eee }

#footnavbreak {display:none;}      

 #popnavclose{
position:absolute;right:1vw;top:1vh;width:7vw;text-align:center;background:#eee;margin-top:0px;text-decoration:none;border-radius:2vw;font-family:arial;font-weight:bold  }

#popnavclose a {background:none;margin:0px;text-decoration:none;color:#000;text-shadow:none}