@charset "utf-8";
/* CSS Document */

html,body
{
margin:0;
padding:0;
}

body
{
background: #002f55;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
}
p
{
margin: 0 10px 10px;
}

a
{
display: block;
color: #981793;
padding: 10px;
}

/*header Section*/
div#header
{
height: 171px;
background: url(media/bannersanddisplaysheader.jpg) no-repeat left top;
margin: 0px;
padding: 0px;
color: #79B30B;
}

div#header h1
{
display: none;
}

div#topnavigation
{
margin: 0px;
padding: 0px;
}

div#topnavigation ul
{
margin: 0px 0px 0px 20px;
padding: 0px;
width: 950px;
list-style-type: none;
height: 32px;
}

div#topnavigation ul li
{
float: left;
display: inline;
margin: 0px 1px 0px 0px;
padding: 0px;
left: 0px;
top: 0px;
}
div#topnavigation ul li.home
{
width: 73px;
height: 32px;
margin: 0px 1px 0px 0px;
padding: 0px;
background: url(media/homeon.jpg) no-repeat left top;
}
div#topnavigation ul li.home h4
{
display: none;
}
div#topnavigation ul li.home a
{
width: 73px;
height: 32px;
margin: 0px 1px 0px 0px;
padding: 0px;
background: url(media/homeoff.jpg) no-repeat left top;
}
div#topnavigation ul li.home a:hover
{
width: 73px;
height: 32px;
margin: 0px 1px 0px 0px;
padding: 0px;
background: url(media/homeon.jpg) no-repeat left top;
}

div#topnavigation ul li.aboutus
{
width: 127px;
height: 32px;
margin: 0px;
padding: 0px;
background: url(media/aboutuson.jpg) no-repeat left top;
}

div#topnavigation ul li.aboutus a
{
width: 127px;
height: 32px;
margin: 0px;
padding: 0px;
background: url(media/aboutusoff.jpg) no-repeat left top;
}
div#topnavigation ul li.aboutus a:hover
{
width: 127px;
height: 32px;
margin: 0px;
padding: 0px;
background: url(media/aboutuson.jpg) no-repeat left top;
}
div#topnavigation ul li.aboutus h4
{
display: none;
}

div#topnavigation ul li.contactus
{
width: 152px;
height: 32px;
margin: 0px;
padding: 0px;
background: url(media/contactuson.jpg) no-repeat left top;
}
div#topnavigation ul li.contactus a
{
width: 152px;
height: 32px;
margin: 0px;
padding: 0px;
background: url(media/contactusoff.jpg) no-repeat left top;
}
div#topnavigation ul li.contactus a:hover
{
width: 152px;
height: 32px;
margin: 0px;
padding: 0px;
background: url(media/contactuson.jpg) no-repeat left top;
}
div#topnavigation ul li.contactus h4
{
display: none;
}

div#topnavigation ul li.news
{
width: 80px;
height: 32px;
margin: 0px;
padding: 0px;
background: url(media/newson.jpg) no-repeat left top;
}
div#topnavigation ul li.news a
{
width: 80px;
height: 32px;
margin: 0px;
padding: 0px;
background: url(media/newsoff.jpg) no-repeat left top;
}
div#topnavigation ul li.news a:hover
{
width: 80px;
height: 32px;
margin: 0px;
padding: 0px;
background: url(media/newson.jpg) no-repeat left top;
}
div#topnavigation ul li.news h4
{
display: none;
}

div#topnavigation ul li.linktous
{
width: 139px;
height: 32px;
margin: 0px;
padding: 0px;
background: url(media/linktouson.jpg) no-repeat left top;
}
div#topnavigation ul li.linktous a
{
width: 139px;
height: 32px;
margin: 0px;
padding: 0px;
background: url(media/linktousoff.jpg) no-repeat left top;
}
div#topnavigation ul li.linktous a:hover
{
width: 139px;
height: 32px;
margin: 0px;
padding: 0px;
background: url(media/linktouson.jpg) no-repeat left top;
}
div#topnavigation ul li.linktous h4
{
display: none;
}

div#topnavigation ul li.resources
{
width: 152px;
height: 32px;
margin: 0px;
padding: 0px;
background: url(media/resourceson.jpg) no-repeat left top;
}
div#topnavigation ul li.resources a
{
width: 152px;
height: 32px;
margin: 0px;
padding: 0px;
background: url(media/resourcesoff.jpg) no-repeat left top;
}
div#topnavigation ul li.resources a:hover
{
width: 152px;
height: 32px;
margin: 0px;
padding: 0px;
background: url(media/resourceson.jpg) no-repeat left top;
}
div#topnavigation ul li.resources h4
{
display: none;
}

div#topnavigation ul li.terms
{
width: 96px;
height: 32px;
margin: 0px;
padding: 0px;
background: url(media/termson.jpg) no-repeat left top;
}
div#topnavigation ul li.terms a
{
width: 96px;
height: 32px;
margin: 0px;
padding: 0px;
background: url(media/termsoff.jpg) no-repeat left top;
}
div#topnavigation ul li.terms a:hover
{
width: 96px;
height: 32px;
margin: 0px;
padding: 0px;
background: url(media/termson.jpg) no-repeat left top;
}
div#topnavigation ul li.terms h4
{
display: none;
}

#breadcrumb
{
position: relative;
top: 0px;
left: 0px;
margin: 0px;
padding: 0px 0px 0px 20px;
background: #c5c500;
height: 30px;
line-height: 30px;
color: #FFF;
font-size: 12px;
}

#breadcrumb a
{
display: inline;
color: #FFF;
text-decoration: none;
}

#breadcrumb a:hover
{
display: inline;
color: #000;
text-decoration: none;
}
/*end of Header Section*/

/*Center Section*/
div#container
{
text-align:left;
background: #000 url(media/stripebg.jpg) repeat left top;
width:970px;
margin:0 auto;
}

div#content p{line-height:1.4;}
div#footer{background: #333;color: #FFF;}
div#footer p{margin:0;padding:5px 10px;}

div#wrapper
{
float:left;
/*border: 1px solid #000;*/
width:970px;
margin: 0px;
padding: 0px;
background: #FFF;
}
div#content
{
margin: 0px;
float: left;
width: 790px;
background: #FFFFFF;
/*border: 1px solid #000;*/
}
div#maincontent
{
width: 608px;
float: right;
background: #fff;
text-align: left;
/*border: 1px solid #000;*/
}

div#maincontent a
{
display: inline;
}

div#centerpara
{
margin: 0px 0px 0px 8px;
padding: 0px;
width: 580px;
background: url(media/centerbg.jpg) repeat-y left top;
}
div#centerpara h1
{
display: none;
}

div#newthismonth
{
margin: 0px;
padding: 0px;
}

div#newthismonth ul
{
margin: 10px 0px 0px 10px;
padding: 0px;
list-style: none;
width: 608px;
}

div#newthismonth ul li
{
float: left;
margin: 0px 10px 20px 0px;
width: 285px;
height: 124px;
display: inline;
}


div#products
{
margin: 0px;
padding: 0px;
}

div#products ul
{
margin: 10px 0px 0px 10px;
padding: 0px;
list-style: none;
width: 608px;
}

div#products ul li
{
float: left;
margin: 0px 10px 20px 0px;
width: 285px;
height: 124px;
display: inline;
}

div#thumbnails
{
margin: 0px 0px 0px 30px;
padding: 0px;
}
div#thumbnails ul
{
margin: 0px;
padding: 0px;
}

div#thumbnails ul li
{
float: left;
display: inline;
width: 80px;
margin: 2px 2px 0px 1px;
padding: 0px;
height: 60px;
font-size: 8px;
overflow: hidden;
border: 1px solid #999999;
}
div#thumbnails ul li a
{
float: left;
display: inline;
width: 80px;
margin: 0px;
padding: 0px;
height: 50px;
font-size: 8px;
overflow: hidden;
}
div#thumbnails ul li a:hover
{
float: left;
display: inline;
width: 80px;
margin: 0px;
padding: 0px;
height: 50px;
font-size: 8px;
overflow: hidden;
}
/*end of Center Section*/

/*Left Navigation*/
div#navigation
{
float:left;
width:167px;
margin: 10px 0px 0px 9px;
text-align: center;
background: #FFF;
}

#categorieslefttab
{
padding: 0px;
width: 167px;
margin: 0px auto 10px auto;
/*background: url(media/navblockbg.jpg) repeat-y left top;*/
}

div#catleftnav
{
position: relative;
top: 0px;
left: 0px;
margin: 0px;
padding: 0px;
}

div#catleftnav ul
{
margin: 0px;
padding: 0px;
width: 167px;
list-style: none;
}

div#catleftnav li
{
float: left;
display: block;
margin: 0px;
padding: 2px 0px;
font-size: 12px;
width: 167px;
text-align: left;
}

div#catleftnav li a.leftmaincats
{
display: block;
background: #001c33;
text-decoration: none;
padding: 4px 0px 4px 10px;
color: #c5c500;
}
div#catleftnav li a.leftmaincats:hover
{
display: block;
background: #003561;
padding: 4px 0px 4px 10px;
color: #fff;
}
div#catleftnav ul li.activelink
{
display: block;
background: #a4c50c url(media/arrow-on.gif) no-repeat 4px 7px;
margin: 4px 0px 0px 5px;
padding: 4px 0px;
font-size: 12px;
width: 128px;
color: #fff;
}

/*end of Left Navigation*/


#clearfloats
{
clear: both;
}

div#extra
{
float:right;
width:151px;
margin: 10px 10px 0px 0px;
}

#categoriesrighttab
{
padding: 0px;
width: 151px;
margin: 0px auto 10px auto;
/*background: url(media/navblockbg.jpg) repeat-y left top;*/
}
#categoriesrighttab a
{
padding: 0px;
width: 151px;
margin: 0px auto 10px auto;
display: block;
}

div#catrightnav
{
position: relative;
top: 0px;
left: 0px;
margin: 0px;
padding: 0px;
background: #001c33;
}
div#footer
{
clear:left;
width:100%;
background: #FFF url(media/footerbg.jpg) no-repeat left top;
height: 137px;
text-align: center;
color: #5c5e61;
font-size: 12px;
}
div#footer a
{
display: inline;
color: #999999;
text-decoration: none; 
}
div#footer a:hover
{
display: inline;
color: #000033;
}

.usererror
{
color: #FF0000;
font-weight: bold;
}

.topnavtreetextnormal
{
font-size: 14px;
}
.topnavtreetext
{
font-size: 14px;
}


input.formField
{
font-size: 12px;
margin: 0px 0px 0px 5px;
padding: 2px 2px;
font-family: Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
border: solid 1px #a4c50c;
width: 240px;
}
textarea.formTextArea
{
font-family: Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
padding: 5px;
width: 240px;
height: 100px;
border: solid 1px #a4c50c;
}
#listlinks
{
margin: 0px;
padding: 0px;
}
#listlinks img
{
float: left;
margin: 0px 12px 0px 0px;
padding: 0px;
/*border: 2px #FFB0B0 solid;*/
width: 180px;
height: 135px;
}

#listlinks ul
{
margin: 0px 0px 10px 0px;
/*border: 1px solid #000;*/
padding: 0px;
}

#listlinks ul li
{
margin: 0px 0px 10px 5px;
background: #003561;
/*border: 1px solid #000;*/
padding: 10px 20px 10px 10px;
list-style: none;
font-size: 14px;
width: 560px;
}
#listlinks h3
{
font-size: 16px;
border: 0px;
}
#listlinks ul li a:link
{
color: #d1ce00;
font-size: 14px;
margin: 0px;
padding: 0px;
}
#listlinks ul li a:active
{
color: #d1ce00;
font-size: 14px;
margin: 0px;
padding: 0px;
}
#listlinks ul li a:visited
{
color: #d1ce00;
font-size: 14px;
margin: 0px;
padding: 0px;
}
#listlinks ul li a:hover
{
color: #FFF;
font-size: 14px;
margin: 0px;
padding: 0px;
}

div#catrightnav a
{
text-decoration: none;
color: #FFF;
}

div#catrightnav a:hover
{
text-decoration: none;
color: #c5c500;
}

a.docdownloads 
{
font-size: 14px;
color: #000;
text-decoration: none;
}
a.docdownloads:hover
{
font-size: 14px;
color: #a4c50c;
text-decoration: none;
cursor:pointer;
}