@import url("css/template.css");
@import url("css/form.css"); 
@import url("css/infobox.css"); 
@import url("css/contentbox.css");
@import url("css/popup.css");
@import url("css/calender.css");  
@import url("css/errors_messages.css");

#demo-header-container {
  width: 100%;
  height: 75px;
  background: url("../../images/demo-header-background.png") repeat-x top;
  font-family: Arial, sans-serif;
  font-size: 18px;
  color: white;
  line-height: 60px;
}
#demo-footer-container {
  width: 100%;
  height: 58px;
  background: url("../../images/demo-footer-background.png") repeat-x top;
  font-family: Arial, sans-serif;
  font-size: 16px;
  color: white;
  font-weight: bold;
  line-height: 40px;
}

.boxText {
  font-size: 11px; color: #5E5E5E;
}
.productsNotifications { 
    background: #f2fff7; 
}
.orderEdit { 
    font-size : 10px; 
    color: #70d250; 
    text-decoration: underline; 
}

td.headerNavigation, td.headerNavigation a:link, td.headerNavigation a:visited { color:#b3b3b3; text-decoration:none;}
td.headerNavigation a:hover { color:#f39800; text-decoration:underline;}

/* buttons if css buttons ebnabled */
.template-button-left, .template-button-middle, .template-button-right {
  height: 16px;
  font-family: Verdana;
  font-size: 11px;
  color: #fff;
  padding: 7px 0 5px 0;
  margin: 0;
  vertical-align: bottom;
  display: -moz-inline-box;
  display: inline-block;  
  
  cursor: pointer;
}
.template-button-left {
  background: url(images/button-left.png) no-repeat;
  width: 8px;
}
.template-button-middle {
  background: url(images/button-middle.png) repeat-x;
  white-space: no-wrap;
}
.template-button-right {
  background: url(images/button-right.png) no-repeat;
  width: 8px;
}
.template-button-middle .submitButton{
  white-space: nowrap;
  vertical-align: top;
  border: 0px;
  color: #FFFFFF;
  font-family: Verdana;
  font-size: 11px;
  text-decoration: none; 
  cursor: pointer;
  background: transparent;
}
/* buttons eof */

/* unsure on this, checking... */
.infoBoxContentsLeft_categ{
  color: #17426B;
}
.infoBoxContentsLeft_categ A:link, .infoBoxContentsLeft_categ A:active, .infoBoxContentsLeft_categ A:visited{
  font-size: 11px;
  font-weight: normal;
  color: #5E5E5E;
}
.infoBoxContentsLeft_categ A:hover {
  color: #17426B;
}
.infoBoxContentsLeft A:link, .infoBoxContentsLeft A:active, .infoBoxContentsLeft A:visited{
  font-size: 10px;
  font-weight: normal;
  color: #005EA7;
}
.infoBoxContentsLeft A:hover {
  color: #17426B;
}
.infoBoxContentsRight A:link, .infoBoxContentsRight A:active, .infoBoxContentsRight A:visited{
  font-size: 10px;
  font-weight: normal;
  color: #005EA7;
}
.infoBoxContentsRight A:hover {
  color: #17426B;
}
.infoBoxContentsCenter A:link, .infoBoxContentsCenter A:active, .infoBoxContentsCenter A:visited{
  font-size: 10px;
  font-weight: normal;
  color: #005EA7;
}
.infoBoxContentsCenter A:hover {
  color: #17426B;
}

.az_top_nav A:link, .az_top_nav A:active, .az_top_nav A:visited{ 
  font-size: 10px; 
  color: #FFFFFF;
  font-weight: normal;
  text-decoration: none;
  }
  .az_top_nav A:hover{
  font-size: 10px;
  color: #17426B;
  }

  .az_pageheading_main{
  padding-left: 15px;
  padding-right: 10px;
  }
  td.infoBoxHeadingLeft_categ, td.infoBoxHeadingLeft {
  background-image: url("images/az_leftbox_top.gif");
  background-repeat:  no-repeat;
  height: 41px;
  }
  td.infoBoxContentsLeft_categ{
  background-image: url("images/az_leftbox_category.gif");
  background-repeat:  no-repeat;
  background-position: top left;
  height: 25px;
  padding-top: 3px;
  padding-left: 25px;
  font-size: 10px;
  }
  .infoBoxMBottomleft_az01, .infoBoxMBottomleft{
  background-image: url("images/az_leftbox_bottom.gif");
  background-repeat:  no-repeat;
  height: 5px;
  padding-bottom: 5px;
  }
  /* RIGHT bar css controls */    

.main_page_promo{
  background-image: url("images/az_promo_box_mid.gif");
  background-repeat:  repeat-x;
  background-position: bottom left;
  height: 42px;
  }
    
/* used in featured_products.php mainpage module*/
td.price_mainpage{
    color:#EF5502;
    font-weight: bold;
}
td.price_mainpage s{
    color:#5E5E5E;
    font-weight: bold;
}
td.price_mainpage span{
    color:#EF5502;
    font-weight: bold;
}

 /* ANIMATED BOXES css controls */

.jsButton, .jsTrigger { cursor: pointer; }
.animBox {
  position: relative;
  overflow: hidden;
	white-space: nowrap;
  margin: 0;
  padding: 0;
}
.animBoxDropover {
  position: absolute;
	visibility: hidden;
  overflow: hidden;
  margin: 0;
  padding: 0;

	border: #e0e0e0 solid 1px;
	background-color: #eaf4fb;
	width: auto;
	z-index: 100;
}
.animSubmitButton {
	background: none !important;
	border: none !important;
	width: 2px !important;
	height: 0px !important;
}

#btn_animBoxCart { }
#animBoxCart {
	width: 310px !important;
}
.animBoxCartImage { }
.animBoxCartContent {
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #2A7EC5;
}
.animBoxCartContent A:link, .animBoxCartContent A:active, .animBoxCartContent A:visited {
	color: #104878;
	text-decoration: none;
}
.animBoxCartContent A:hover {
	color: #2A7EC5;
	text-decoration: none;
}
.animBoxCartHeader, .animBoxCartFooter {
	text-align: right;
	vertical-align: middle;
	font-weight: bold;
	height: 30px;
}
.animBoxCartHeader { border-bottom: #e0e0e0 solid 1px; }
.animBoxCartFooter { border-top: #e0e0e0 solid 1px; }
.animBoxCartNotice {
	padding: 5px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #9a9a9a;
}

#animBoxLogin {
	width: 210px !important;
}
#animBoxLogin FORM {
	margin: 0;
	padding: 0;
}
.animBoxLoginContent {
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #2A7EC5;
}
.animBoxLoginContent A:link, .animBoxLoginContent A:active, .animBoxLoginContent A:visited {
	color: #104878;
	text-decoration: none;
}
.animBoxLoginContent A:hover {
	color: #2A7EC5;
	text-decoration: none;
}
.animBoxLoginContent INPUT {
	border: #b5c3be solid 1px;
	background-color: #ffffff;;
	color: #2A7EC5;
	width: 100px;
}
.animBoxLoginHeader, .animBoxLoginFooter {
	text-align: right;
	vertical-align: middle;
	font-weight: bold;
	height: 30px;
}
.animBoxLoginHeader { border-bottom: #e0e0e0 solid 1px; }
.animBoxLoginFooter { border-top: #e0e0e0 solid 1px; }