/* CSS styles created by kitchco.com for J A N U S  I N T E R N A T I O N A L */

body {
margin: 20px 0 10px 0;
padding: 0;
background: #FFFFFF;
font-family: Verdana, Arial, Tahoma, sans-serif;
font-size: 80%;
color: #000000;
text-align: center;
}
#wrapper {
margin: 0 auto;
width: 780px;
background: #F4F5FA;
border: 1px solid #777D81;
text-align: left;
}
img {
border: 0;
}
p {
margin: 0 0 12px 0;
}
hr {
margin: 6px 0 8px;
color: #E3E5E9;
background-color: #E3E5E9;
height: 1px;
}
h1 {
margin: 0 0 10px 0;
font-size: 110%;
color: #676F90;
}
h2 {
margin: 0 0 6px 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 160%;
color: #FFFFFF;
font-weight: normal;
}
.bluebold {
color: #676F90;
font-weight: bold;
}

/* P A G E     H E A D E R S */

#greenheader {
padding: 5px 0 5px 18px;
background: #75B192;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 16px;
font-weight: bold;
}
.greenh {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
color: #75B192;
}
#redheader {
padding: 5px 0 5px 20px;
background: #B9867F;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 16px;
font-weight: bold;
border-bottom: 3px solid #FFFFFF;
}
.redline {
padding: 3px 0 3px 10px;
margin-bottom:0;
background: #B9867F;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
}
.grayline {
padding: 3px 0 3px 10px;
margin-bottom:0;
background: #b7aaa9;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
}
.whitebox {
	margin-bottom: 2px;
	padding:10px;
	background: #ffffff;
}
.graybox {
	margin-bottom: 14px;
	padding:10px;
	background: #F2F2F2;
}
.redh {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
color: #B9867F;
}
.redh a {
color: #B9867F;
text-decoration: none;
}
.redh a:visited {
color: #B9867F;
text-decoration: none;
}
.redh a:hover {
text-decoration: underline;
}
#goldheader {
padding: 5px 0 5px 20px;
background: #B6AE7F;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 16px;
font-weight: bold;
border-bottom: 3px solid #FFFFFF;
}
.goldh {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
color: #B6AE7F;
}
#aquaheader {
padding: 5px 0 5px 20px;
background: #73B1B6;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 16px;
font-weight: bold;
border-bottom: 3px solid #FFFFFF;
}
.aquah {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
color: #73B1B6;
}
#dgreenheader {
padding: 5px 0 5px 18px;
background: #6DA678;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 16px;
font-weight: bold;
}
.dgreenh {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
color: #6DA678;
}
#purpleheader {
padding: 5px 0 5px 18px;
background: #9781B6;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 16px;
font-weight: bold;
}
.purpleh {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
color: #9781B6;
}

/* P R O D U C T     S T Y L E S */

.productred {
background: #F1E7E5;
border-bottom: 3px solid #FFFFFF;
height: 129px;
}
.productred170 {
background: #F1E7E5;
border-bottom: 3px solid #FFFFFF;
height: 170px;
}
.productbg170 {
padding: 14px 0 0 14px;
float: left;
width: 210px;
height: 156px;
}
.productcopy170 {
padding: 14px 20px 0 14px;
float: left;
width: 388px;
height: 156px;
border-right: 3px solid #FFFFFF;
font-size: 9px;
}
.productcopy170 h1 {
margin: 0 0 8px 0;
color: #787E81;
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight: bold;
}

.productgray170 {
background: #E4E5E6;
border-bottom: 3px solid #FFFFFF;
height: 170px;
}
.productbg170 {
padding: 14px 0 0 14px;
float: left;
width: 210px;
height: 156px;
}
.productcopy170 {
padding: 14px 20px 0 14px;
float: left;
width: 388px;
height: 156px;
border-right: 3px solid #FFFFFF;
font-size: 9px;
}
.productcopy170 h1 {
margin: 0 0 8px 0;
color: #787E81;
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight: bold;
}

.productgray {
background: #E4E5E6;
border-bottom: 3px solid #FFFFFF;
height: 129px;
}
.productgray150 {
background: #E4E5E6;
border-bottom: 3px solid #FFFFFF;
height: 150px;
}
.productcopy150 {
padding: 14px 20px 0 14px;
float: left;
width: 388px;
height: 136px;
border-right: 3px solid #FFFFFF;
font-size: 9px;
}
.productcopy150 h1 {
margin: 0 0 8px 0;
color: #787E81;
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight: bold;
}
.productimg {
float: left;
border-right: 3px solid #FFFFFF;
}
.productcopy {
padding: 14px 20px 0 14px;
float: left;
width: 388px;
height: 115px;
border-right: 3px solid #FFFFFF;
font-size: 9px;
}
.productcopy h1 {
margin: 0 0 8px 0;
color: #787E81;
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight: bold;
}
.productbg {
padding: 14px 0 0 14px;
float: left;
width: 210px;
height: 115px;
}
#productwrap {
margin: 0;
padding: 0;
}
#productwrap p {
margin: 0 0 9px;
}
#productwrap a {
font-size: 9px;
font-weight: bold;
color: #787E81;
text-decoration: none;
}
#productwrap a:hover {
color: #000000;
}
.prodgroupwrap {
margin: 0 0 10px 0;
}
.prodgroupleft {
float: left;
}
.prodgroupleft img {
margin: 3px 12px 10px 0;
padding: 3px;
background: #EDEDED;
border: 1px solid #C2C2C2;
}
.imageborder {
margin: 3px 12px 10px 0;
padding: 3px;
background: #EDEDED;
border: 1px solid #C2C2C2;
}
.prodgroupright {
float: left;
width: 380px;
}
.productlgleft {
float: left;
width: 240px;
}
.productlgright {
float: left;
width: 300px;
}

/* T O P     O F     P A G E     N A V I G A T I O N */

#logo {
float: left;
}
#nav {
background: #FFFFFF;
border-top: 3px solid #FFFFFF;
border-bottom: 3px solid #FFFFFF;
}
#topnav {
padding: 60px 2px 5px 0;
text-align: right;
float: right;
}
#topnav a {
padding: 0 18px 0 4px;
font-size: 9px;
font-weight: bold;
color: #808083;
text-decoration: none;
}
#topnav a:hover {
color: #000000;
}
#topnav img {
padding-right: 3px;
margin-bottom: -5px;
}

/* P A G E     C O N T E N T    S T Y L E S */

#contentwrap {
background: url(images/whitebg.gif) repeat-y;
}
#left {
width: 588px;
float: left;
background: #FFFFFF;
min-height: 630px;
}
#right {
width: 192px;
float: left;
}
#content {
padding: 18px 26px 0 18px;
}
#content a, a:visited {
color: blue;
text-decoration: none;
}
#content a:hover {
text-decoration: underline;
}
#content ul {
margin: 10px 0 20px 20px;
padding-left: 10px;
list-style: disc;
}
.smcontent {
font-size: 80%;
font-weight: bold;
}
.contentimage {
float: left;
margin: 0 12px 0 0;
}
.contentimagewbg {
margin: 0 12px 40px 0;
padding: 3px;
background: #EDEDED;
border: 1px solid #C2C2C2;
float: left;
}
.pdflist ul {
padding: 0;
padding: 0;
} 
.pdflist li {
padding-left: 20px;
padding-left: 20px;
font-size: 11px;
color: #808083;
padding: 0 0 6px 2px;
list-style-image: url(images/pdf.gif);
}
.dwglist ul {
padding: 0;
padding: 0;
} 
.dwglist li {
padding-left: 20px;
padding-left: 20px;
font-size: 11px;
color: #808083;
padding: 0 0 6px 2px;
list-style-image: url(images/dwg.gif);
}
.dxflist ul {
padding: 0;
padding: 0;
} 
.dxflist li {
padding-left: 20px;
padding-left: 20px;
font-size: 11px;
color: #808083;
padding: 0 0 6px 2px;
list-style-image: url(images/dxf.gif);
}

/* R I G H T     N A V I G A T I O N */

#rightnav {
background: #E3E5E9;
border-top: 3px solid #FFFFFF;
border-bottom: 3px solid #FFFFFF;
font-size: 11px;
font-weight: bold;
}
#rightnav ul {
padding: 14px 0 6px 0; 
margin: 0; 
} 
#rightnav li {
padding: 0 0 10px 14px;
list-style-type: none;
}
#rightnav a {
color: #808083;
text-decoration: none;
display: block;
} 
#rightnav a:hover {
color: #000000;
}
#rightnav a.onpage {
color: #000000;
}
#bcall {
padding: 14px;
background: url(images/rnavbg.gif) no-repeat;
}
#bcall a {
color: #5d5d5f;
text-decoration: none;
}
#bcall a:hover {
color: #000000;
text-decoration: underline;
}
#bcall ul {
padding: 12px 0 16px 0;
margin-top:-4px;
} 
#bcall li {
padding: 0 0 6px 8px;
list-style-type: none;
}

/* H O M E     P A G E     E L E M E N T S */

#homeleft {
float: left;
border-right: 3px solid #FFFFFF;
width: 431px;
}
#flash {
margin-bottom:4px;
border-bottom: 3px solid #FFFFFF;
float: left;
height: 217px;
}
#comprod {
float: left;
background: url(images/home/comprod_bg.gif);
border-bottom: 3px solid #FFFFFF;
width: 346px;
}
#ssd {
float: left;
background: url(images/home/ssdoors_bg.gif);
border-bottom: 3px solid #FFFFFF;
width: 346px;
}
#rolling {
float: left;
background: url(images/home/rolling_bg.gif) top repeat-x #b9867f;
border-bottom: 3px solid #FFFFFF;
width: 346px;
}
#portable {
float: left;
background: url(images/home/portable-bg.gif) top repeat-x #b5ad7e;
border-bottom: 3px solid #FFFFFF;
width: 346px;
}
.homepics {
float: left;
width: 117px;
}
.prodcopy {
padding: 8px 8px 0 10px;
float: left;
color: #FFFFFF;
font-size: 10px;
width: 211px;
}
.prodcopy p {
margin: 0 0 6px 0;
}
.prodcopy h2 {
margin: 0 0 6px 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 21px;
color: #FFFFFF;
}
.more {
margin: 2px 3px 0 0;
padding-bottom: 5px;
float: right;
font-weight: bold;
}
.more img {
margin-bottom: -5px;
}
.more a, a:visited {
color: #FFFFFF;
text-decoration: none;
}
.more a:hover {
color: #000000;
}
#homecopy {
padding: 10px 14px 1px 14px;
width: 403px;
}
#homecopy a {
color: blue;
text-decoration: none;
}
#spotlight {
padding: 14px 14px 24px 14px;
float: left;
background: url(images/home/sl_bg.gif);
background-repeat: repeat-x;
border-bottom: 3px solid #FFFFFF;
width: 318px;
}
#bcalls {
float: left;
border-left: 3px solid #FFFFFF;
}

/* S I G N     U P     E L E M E N T S */

.textfield {
padding: 3px;
font-size:12px;
color:#777D81;
font-weight:bold;
border:1px solid #777D81;
background-color:#F4F5FA;
width:146px;
}
.smalltextfield {
font-size:11px;
color:#000000;
border:1px solid #3E687B;
background-color:#E2E8EB;
width:32px;
}
.commentsfield {
padding: 3px;
font-family: Verdana, Arial, Tahoma, sans-serif;
font-size:12px;
color:#777D81;
font-weight:bold;
border:1px solid #777D81;
background-color:#F4F5FA;
width: 300px;
height: 60px;
}
.drop {
padding: 3px;
font-size:12px;
color:#777D81;
font-weight:bold;
border:1px solid #777D81;
background-color:#F4F5FA;
width:154px;
}
.red {
color: #FF0000
}
#loginbox {
margin-bottom: 20px;
width: 542px;
background: #F3F3F3;
border: 1px solid #CED5DE;
font-size: 11px;
}
#loginbox td {
padding-left: 10px;
font-weight: bold;
}
#registerbox {
margin-bottom: 10px;
width: 542px;
background: #FBFBFB;
border: 1px solid #CED5DE;
font-size: 11px;
}
#registerbox td {
padding-left: 10px;
}
.button {
margin: 10px 0;
}
.gobutton {
margin-left: 8px;
padding: 0;
font-size:10px;
color:#777D81;
font-weight:bold;
border:1px solid #777D81;
background-color:#F4F5FA;
width:30px;
}
#vlightbox a#vlb{display:none}

/* C O P Y R I G H T     S T Y L E S */

#footer {
margin: 0 auto;
padding: 7px 0 10px 0;
width: 780px;
font-size: 10px;
color: #B5B5B7;
text-align: left;
}
#copyright {
float: left;
}
#footernav {
float: right;
}
#footernav a {
color: #B5B5B7;
text-decoration: none;
}
#footernav a:hover {
color: #999999;
text-decoration: none;
}