/* CUSTOMAE */

/*body styles*/
body.default {
  background-image: url(/1/###CLIENT_ID_HERE###/template/images/interface/proof2-splashbg.jpg);
}

/* Styles for left navigation */
/*Controls overall left navigation*/
.leftNav { width: 187px; }
td.leftNav {
  background-position: top left;
  width: 211px;
}
/*controls the links in the left navigation.  Change rollovers and leftnav buttons here*/
.link {
  cursor: pointer;
  background-color: transparent;
  background-repeat: no-repeat;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
}
.link a {
  display: block;
  padding: 10px 0px 0px 15px;
  width: 211px;
  text-decoration: none;
  height: 30px;
  background-image: url(/1/50027/template/images/interface/link_unlit.gif);
  background-repeat:no-repeat;
}
.link a:link, .link a:visited { color: #000000; }
.link a:hover, .link a:active {
  color: #000000;
  display: block;
  padding: 10px 0px 0px 15px;
  width: 211px;
  text-decoration: none;
  height: 30px;
  background-image: url(/1/50027/template/images/interface/link_lit.gif);
  background-repeat: no-repeat;
}

.content {
  background-color: #fff;
}

/*control height of input box on quick search here*/
.searchinput {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  height: 16px;
}

/*control padding of pages for set layouts*/
.pageContent {
  padding: 10px;
}

/* Start Custom css classes */

/*header for inventory details page*/
.dp-headercell {
  width: 740px;
  height: 90px;
  background-image:  url(/1/##CLIENT ID HERE##/template/images/interface/banner.jpg);
  background-repeat: no-repeat;
}

.ebrochure-banner {
  width: 650px;
  height: 82px;
  background-image:  url(/1/##CLIENT ID HERE##/template/images/interface/ebrochure_banner.jpg);
  background-repeat: no-repeat;
}

/*set a right side border image here*/
.contentBackground {
  background-image: url(/1/##CLIENT ID HERE##/template/images/interface/right_background.gif);
  background-position: top right;
  background-repeat: repeat-y;
  background-color: #FFFFFF;
}

/*button styles for forms or any buttons set up in VOCC*/
.buttonLeft {
  width: 11px;
  height: 21px;
  background-image:  url(/1/Resources/Content/Misc/button_left_cap.gif);
  background-repeat: no-repeat;
}

.buttonCenter {
  height: 21px;
  background-image:  url(/1/Resources/Content/Misc/button_background.gif);
  background-repeat: repeat-x;
}

.buttonRight {
  width: 11px;
  height: 21px;
  background-image:  url(/1/Resources/Content/Misc/button_right_cap.gif);
  background-repeat: no-repeat;
}

.buttonText {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
}

.buttonText:link,
.buttonText:visited {
}

.buttonText:active,
.buttonText:hover {
  color: #FFCC00;
}

/* End Custom css classes */

p {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; line-height: 14px}

td {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000; background-repeat: repeat-x}

h3 {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000}

h4 {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 14px; line-height: 14px}

.smaller { font-size: 8pt ; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000}

.smalllight { font-size: 8pt ; color: #999999; font-family: Verdana, Arial, Helvetica, sans-serif} 

ul {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000}

body { SCROLLBAR-FACE-COLOR: #FFFFFF; SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF; SCROLLBAR-SHADOW-COLOR: #FFFFFF; SCROLLBAR-3DLIGHT-COLOR: #000000; SCROLLBAR-ARROW-COLOR:  #000000; SCROLLBAR-TRACK-COLOR: #FFFFFF; SCROLLBAR-DARKSHADOW-COLOR: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt }

.white {  color: #FFFFFF; font-size: xx-small}

a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #999999; font-weight: bold; text-decoration: none}

a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #999999 ; font-weight: bold; text-decoration: none}

a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #333333; font-weight: bold; text-decoration: none}.pricing { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8.5pt; line-height: 11px}


a.small:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #999999; text-decoration: none}

a.small:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #999999 ; text-decoration: none}

a.small:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #999999; text-decoration: none}.pricing { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8.5pt; line-height: 11px}


a.large:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15pt; color: #E1E1E1; text-decoration: none}

a.large:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15pt; color: #999999 ; text-decoration: none}

a.large:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15pt; color: #333333; text-decoration: none}


.pricing { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8.5pt; line-height: 11px}


.pricing td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8.5pt; line-height: 11px}

.pricing p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8.5pt; line-height: 11px }

.address { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 19px; font-weight: bold }

.legal { font-family: Verdana, Arial, Helvetica, sans-serif; color: #999999; font-size: 9px; }