@charset "utf-8";

@import url("header.css");
@import url("footer.css");
@import url("sidenav.css");

/* layout */
body{
margin:0px; padding:0px;
background-image:url(../pics/bg-header.gif); background-repeat:repeat-x;
text-align:center;
}
#header{
margin-bottom:10px;
}
#content{
background-image:url(../pics/bg-content.gif);
width:902px;
margin:0px; padding:0px;
border-collapse:collapse;
margin-left:auto; margin-right:auto;
}
#content td{
vertical-align:top;
}
#content td#left{
width:182px;
border:0px;
}
#content td#right{
padding-bottom:15px;
}

/* style */
body, td, th{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px; line-height:2em;
color:#535353;
text-align:left; vertical-align:top;
line-height:2em;
}

/**/

.rolling{
padding-top:10px; padding-bottom:30px; background-image:url(../pics/bg-rolling.gif); background-repeat:repeat-x; background-position:bottom;
}


a.productslink {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #FFFFFF;
text-decoration:none;
padding:0px 0px 5px 18px;
display:block;
background-image:url(../pics/raw-white.gif); background-repeat:no-repeat; background-position:12px 8px;
}
a.productslink:hover {
text-decoration:underline;
}

h2{
margin:0px;
line-height:100%;
font-size:15px; color:#535353; padding:8px 5px 5px 8px;
}
#products p{
margin:0px; padding:0px;
padding-left:10px; padding-right:10px;
line-height:1.5em;
}
#products a.linkblue{
color:#4ebdd7; font-size:12px;
}
#products a.linkblue:hover{
color:#ff0000;
}
#parea1, #parea2, #parea3, #parea4{
position:relative;
float:left; width:345px; height:230px; 
margin-left:10px;
margin-top:10px;
}
#parea1{
border-right:#e7e7e7 solid 5px; border-bottom:#e7e7e7 solid 5px; 
}
#parea2{
border-bottom:#e7e7e7 solid 5px;
}
#parea3{
border-right:#e7e7e7 solid 5px;
}
/*#parea4{
border-right:#e7e7e7 solid 5px;
}*/
#parea1 .spacewhite, #parea2 .spacewhite, #parea3 .spacewhite, #parea4 .spacewhite{
display:block; position:absolute; width:15px; height:15px; background-color:#FFFFFF;
}
#parea1 .spacewhite{
right:-6px; bottom:-6px;
}
#parea2 .spacewhite{
left:-12px; bottom:-12px;
}
#parea3 .spacewhite{
right:0px; top:0px;
}
#parea4 .spacewhite{
left:-14px; top:-14px;
}
#parea1 img, #parea2 img, #parea3 img, #parea4 img{
margin-left:10px; margin-top:15px;
}

/**/
#products h1{
padding:0px; margin:0px; font-size:16px;
}
#products h1 a{
color:#535353; text-decoration:none; font-size:16px; display:block;
}
#products h1 a:hover{
color:#535353; color:#4ebdd7; color:#ff0000; text-decoration:none;
}
.img4{
padding-bottom:7px; border:0px; display:block;
}

.table{
border-collapse:collapse;
}
.table th, .table td{
border:1px solid #aaaaaa;
empty-cells: show;
padding: 5px 8px 20px;
vertical-align: top;
}