body {
font: normal 13px  Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
line-height: 1.5;
color:#95aeb6;
}

img { border: none };

h1 {
font: bold 22px Verdana,Arial,Helvetica,sans-serif;
text-decoration: none;
color:#95aeb6;
margin: 38px 0px 22px 21px;
padding: 0px;
}


h2 {
font: bold 18px Verdana,Arial,Helvetica,sans-serif;
text-decoration: none;
color:#95aeb6;
}

h3 {
font: bold 14px Verdana,Arial,Helvetica,sans-serif;
text-decoration: none;
margin: 0px 0px 0px 21px;
text-align: justify;
line-height: 1.5;
color:#333333;
}

h4 {
font: italic 13px Verdana,Arial,Helvetica,sans-serif;
font-weight: bold;
text-decoration: none;
color:#95aeb6;
line-height: 1.5;
margin: 0px 0px 22px 21px;
text-align: justify;
color:#333333;
}

a, a:visited { 
text-decoration: none;
color:#007ac2;
margin: 8px 0px 0px 2px;
}

a:hover, a:active { 
text-decoration: underline;
color:#CC9933;
margin: 8px 0px 0px 2px;
}

#container {
top: 20px;
margin-left: auto;
margin-right: auto;
width: 732px;
}
#banner {
margin: 0px;
padding: 0px;
height: 242px;
}

#nav {
width: 732px;   /* controls the gap on right side of navigation */
padding: 9px 0px 0px 0px;
text-align: center;
}

#nav a, #nav a:visited {
padding: 0px 7px;
font: bold 12px Verdana,Arial,Helvetica,sans-serif;
text-decoration: none;
color:#007ac2;
}

#nav a:hover, #nav a:active {
font: bold 12px Verdana,Arial,Helvetica,sans-serif;
color:#CC9933;
text-decoration: underline;
}

#main {
float: left;
width: 732px;
margin-left: auto;
margin-right: auto;
}




#mainContent {
position: relative;
float: left;
margin: 0px 0px 15px 0px;
padding: 0px 18px 0px 12px;
width: 435px;
text-align: justify;
}

#mainContent h2 {
margin-left: 21px;
}

#mainContent div.columnTrio {
width: 210px;
float: left;
text-align: left;
}

#mainContent div.columnTrio p {
text-align: left;
}

#mainContent div.columnTrio dl dt:first-letter {
color: #d39933;
font-size: 120%;
}

#mainContent div.columnTrio dl {
margin: 0px 0px 10px 0px;
padding: 0px;
color: #000000;
}

#mainContent div.columnTrio dt, #mainContent div.columnTrio  dd {
margin: 0px;
padding: 0px;
color: #000000;
font-size: x-small;
}

#mainContent a {
margin: 0px 0px 0px 0px;

}
#mainContent p {
font: normal 13px Verdana,Arial,Helvetica,sans-serif;
text-decoration: none;
line-height: 1.5;
color:#333333;
margin: 0px 0px 14px 21px;
text-align: justify;
}

#mainContent  a.sub, #mainContent  a.sub:visited {
font: bold 12px Verdana,Arial,Helvetica,sans-serif;
text-decoration: none;
line-height: 1.2;
color:#007ac2;
padding: 1px 0px;
margin: 0px;
}

#mainContent  a.sub:hover, #mainContent  a.sub:active {
font: bold 12px Verdana,Arial,Helvetica,sans-serif;
text-decoration: underline;
line-height: 1.2;
color:#CC9933;
padding: 1px 0px;
margin: 0px;
}

/* Title for the mainContent, inherits most settings from h1 */
h1.mainContentTitle, h1.catalogPageTitle {
margin: 38px 0px 22px 32px;
padding: 0px;
}

/* SubTitle for the mainContent, inherits most settings from h3 */
h3.mainSubTitle {
margin-left: 32px;
padding: 0px;
}

/* Italic for the mainContent, inherits most settings from h4 */
h4.mainItalic {
margin-left: 32px;
padding: 0px;
}


/* Title for content within mainContent */
h1.mainSubTitle {
margin: 0px 0px 22px 21px;
padding: 0px;
}


/* begin sideContent styles  */

#sideContent {
position: relative;
float: left;
margin: 0px 0px 15px 8px;
padding: 0px 0px 10px 20px;
width: 200px;
text-align: left;
border-left: solid 1px #bdced6;
}

#sideContent a, #sideContent a:visited { 
display:block; 
font: bold 12px Verdana,Arial,Helvetica,sans-serif;
text-decoration: none;
color:#007ac2;
margin: 8px 0px 0px 2px;
}
#sideContent a:hover, #sideContent a:active { 
display:block;
font: bold 12px Verdana,Arial,Helvetica,sans-serif;
text-decoration: underline;
color:#CC9933;
margin: 8px 0px 0px 2px;
}

h2.sideContentTitle {
margin: 0px 0px 10px 0px;
}

/* end sideContent styles  */





#footer {
position: relative;
float: left;
text-align: center;
padding: 10px 0px;
width: 732px;
font: normal 10px Verdana,Arial,Helvetica,sans-serif;
color:#95aeb6;
line-height: 1.5;
}

#footer a, #footer a:visited {
font: normal 10px Verdana,Arial,Helvetica,sans-serif;
text-decoration: none;
color:#95aeb6;
}

#footer a:hover, #footer a:active {
font: normal 10px Verdana,Arial,Helvetica,sans-serif;
color:#CC9933;
text-decoration: underline;
}

#footerLinks {
position: relative;
float: left;
text-align: center;
padding: 8px 0px;
width: 732px;
border-top: solid 2px #bdced6;
border-bottom: solid 6px #bdced6;
line-height: 2.0;
margin-bottom: 5px;
}

#footerLinks a img {
display: inline;
border: none;
vertical-align: text-bottom;
}

#footerLinks a, #footerLinks a:visited {
margin: 0px 46px 0px 0px;
color:#007ac2;
font: bold 10px Verdana,Arial,Helvetica,sans-serif;
}

#footerLinks a:hover, #footerLinks a:active {
font: bold 10px Verdana,Arial,Helvetica,sans-serif;
margin: 0px 46px 0px 0px;
color:#CC9933;
}


/* contact form css. it is used but is not visible in the html
** see /js/site/contact.js
*/


#modalDialogBox {
background-color: #95aeb6;
color: #333333;
z-index: 1000;
font: normal xx-small Verdana,Arial,Helvetica,sans-serif ;
}

#modalDialogBox input, #modalDialogBox select, #modalDialogBox textarea {
border: solid 1px #333333;
font: normal xx-small Verdana,Arial,Helvetica,sans-serif ;
}


#modalDialogBox a, #modalDialogBox a:visited {
color: #ffffff;
text-decoration: none;
font: bold x-small Verdana,Arial,Helvetica,sans-serif ;
}

#modalDialogBox a:hover, #modalDialogBox a:active {
color: #ffffcc;
text-decoration: none;
font: bold x-small Verdana,Arial,Helvetica,sans-serif ;


}

#mainContent p.categoryLongDescription {
margin-left: 0px;
margin: 10px 0px 20px 20px;
border-bottom: solid 1px #cccccc;
padding-bottom: 20px;
}


div#catalogHome {
width: 732px;
padding: 0px;
}

#breadcrumbs {
margin-left: 30px;
margin-bottom: 10px;
}

#breadcrumbs a, #breadcrumbs a:visited {
text-decoration: none;
color:#007ac2;
font: bold x-small Verdana,Arial,Helvetica,sans-serif ;
}

#breadcrumbs a:hover, #breadcrumbs a:active {
text-decoration: underline;
color:#CC9933;
font: bold x-small Verdana,Arial,Helvetica,sans-serif ;

}


dl.subCategoriesWithDescriptions {
float: left;
width: 295px;
margin: 0px 10px 0px 15px;
padding: 0px;
text-align: justify;
}

dl.subCategoriesWithDescriptions dt {
margin-left: 3px;
padding-left: 0px;
}


dl.subCategoriesWithDescriptions dd {
margin-left: 3px;
padding-left: 0px;
margin-bottom: 10px;
}



dl.subCategoriesWithDescriptions a, dl.subCategoriesWithDescriptions a:visited {
text-decoration: none;
color:#007ac2;
font: bold small Verdana,Arial,Helvetica,sans-serif ;
margin-left: 0px;
padding-left: 0px;
}

dl.subCategoriesWithDescriptions a:hover, dl.subCategoriesWithDescriptions a:active {
text-decoration: underline;
color:#CC9933;
font: bold small Verdana,Arial,Helvetica,sans-serif ;
margin-left: 0px;
padding-left: 0px;
}


#contextLink {
position: absolute;
top: -8px;
right: 8px;
text-align: right;
margin: auto;
background-color: transparent;
border: none;
vertical-align:top;
}

#contextLink a, #contextLink a:visited {
color: #f9f9f9;
text-decoration: none;
border: none;
margin: 0px;
font: bold 48px verdana, sans-serif;
}

#contextLink a:hover, #contextLink a:active {
color: #95aeb6;
text-decoration: none;
border: none;
margin: 0px;
font: bold 48px verdana, sans-serif;
}

#draftTag {
font-weight: normal;
font-size: 80%;
font-face: fixed;
line-height: 0;
color: #ff0000;
background-color: transparent;

}

#file_list {
border: solid 1px #333333;
background-color: #cccccc;
width: 570px;
}

#first_file_element {
border:solid 1px #cccccc;
}

#imageUploader {
border: none;
overflow: clip;
font-size: x-small;
height: 400px;
}

#imageUpTable {

}
#ac_choices {
border: solid 1px #000000;
}
#ac_choices ul {
list-style-type: none;
list-style-position: inside;
padding: 2px;
margin: 2px;
border: none;
}

#columnA {
float:left;
margin-left: 10px;
margin-top: 0px;
width: 200px;
}
#columnB {
float:left;
margin-top: 0px;
width: 200px;
}

#columnB ul  {
float: left;
}

#columnA ul,  #columnB ul  {
margin: 0px;
list-style-position: inside;
padding: 0px 24px;
}
#columnA h2,  #columnB h2 {
font: bold 14px verdana, sans-serif;
color: #333333;
margin-left: 22px;
margin-bottom: 5px;
margin-top: 20px;
}


#columnA ul li a ,#columnB ul li a {
font: normal 10px verdana, sans-serif;
margin-left: 0px;

}

#columnA ul li ,#columnB ul li  {
font: normal 10px verdana, sans-serif;
color: #333333;
white-space: nowrap;
}

.category-image {
margin-left: 20px;
}


#searchform {
display:inline;
}

#searchform #searchform-submit {
border: solid 1px #333;
display:inline;
float:right;
width:30px;
height: 20px;
font: fixed 10px;
margin-left: 4px;
margin-right: 4px;
}


#searchform  #searchform-query {
border: solid 1px #333;
display:inline;
float:right;
width:80px;
height: 16px;
font: fixed 10px;
padding-left: 4px;
}