/* CLIENT_NAME_HERE */

/*body styles*/
body.default {
  background-color: #666666;
  }

/* Styles for left navigation */
/*Controls overall left navigation*/
.leftNav { width: 217px; }
td.leftNav {
  background-image: url(/1/12201/template/images/interface/leftnavbg.gif);
  background-position: top left;
  width: 217px;
}
/*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: 5px 0px 0px 35px;
  width: 217px;
  text-decoration: none;
  height: 23px;
  background-image: url( /1/###CLIENT_ID_HERE###/template/images/interface/leftnav-link-bg.gif );
  background-repeat:no-repeat;
}
.link a:link, .link a:visited { color: #FFFFFF; }
.link a:hover, .link a:active {
  color: #FFFFFF;
  display: block;
  padding: 5px 0px 0px 35px;
  width: 217px;
  text-decoration: none;
  height: 23px;
  background-image: url( /1/###CLIENT_ID_HERE###/template/images/interface/leftnav-link-bg-over.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/34978/template/images/interface/banner.jpg);
  background-repeat: no-repeat;
}

.ebrochure-banner {
  width: 650px;
  height: 82px;
  background-image:  url(/1/34978/template/images/interface/ebrochure_banner.jpg);
  background-repeat: no-repeat;
}

/*set a right side border image here*/
.contentBackground {
  background-image: url(/1/12201/template/images/interface/right-bg.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;
}


.footerText, .footerText a {
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-size: 10px;
  color: #B66C00;
  
}


.mainHead {
	color: #910000;
	}
/* End Custom css classes */

body, table, td, th, div, ul, ol {font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 12px}

a {font-family: Arial, Helvetica, sans-serif; color: #0061AD; font-weight: bold; font-size: 12px}
a:visited {font-family: Arial, Helvetica, sans-serif;  font-weight: bold; font-size: 10px}
a:hover {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px}

a.body {font-family: Arial, Helvetica, sans-serif; color: #910000; font-weight: bold; font-size: 12px}
a.body:visited {font-family: Arial, Helvetica, sans-serif; color: #910000; font-weight: bold; font-size: 12px}
a.body:hover {font-family: Arial, Helvetica, sans-serif; color: #F8AF00; font-weight: bold; font-size: 12px}

a.yellow {font-family: Arial, Helvetica, sans-serif; color: #BD6C00; font-size: 10px}
a.yellow:visited {font-family: Arial, Helvetica, sans-serif; color: #BD6C00; font-size: 10px}
a.yellow:hover {font-family: Arial, Helvetica, sans-serif; color: #F8AF00; font-size: 10px}

a.red {font-family: Arial, Helvetica, sans-serif; color: #910000; font-size: 10px}
a.red:visited {font-family: Arial, Helvetica, sans-serif; color: #910000; font-size: 10px}
a.red:hover {font-family: Arial, Helvetica, sans-serif; color: #F8AF00; font-size: 10px}

.legal {font-family: Arial, Helvetica, sans-serif; color: #910000; font-size: 10px}
.legal2 {font-family: Arial, Helvetica, sans-serif; color: #B66C00; font-size: 10px}
.legal3 {font-family: Arial, Helvetica, sans-serif; color: #B41A00; font-size: 10px}

.default {font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 12px}
.price {font-family: Arial, Helvetica, sans-serif; color: #B41A00; font-size: 12px}

.title {font-family: Arial, Helvetica, sans-serif; color: #000000; font-weight: bold; font-size: 12px}

.formbox {font-family: Arial, Helvetica, sans-serif; font-size: 8pt; height: 17px;}
.commentbox {font-family: Arial, Helvetica, sans-serif; font-size: 8pt;}

.subpageTitle {font-family: Arial, Helvetica, sans-serif; color: #000000; font-weight: bold; font-size: 18px}
.subpageTitle2 {font-family: Arial, Helvetica, sans-serif; color: #B41A00; font-weight: bold; font-size: 18px}

