/*

The default.css is divided into THREE parts

1) Page displays

2) Template Control like subcats, features, breadcrumbpath

3) Store Cart

 */



 /* Begin Page Display Area */



 /* For meeting ADA requirements, font sizes must use the "small, x-small" sizes. For maximizing page appearance, you may want to change these to "# px;" instead  */

.prod_img {
	text-align:center;
	border:0px dotted #f4f4f4;
	width:170px;
	}
	
.prod_img img {
	max-width:150px;
	max-height:150px;
	padding-top:10px;
	padding-bottom:10px;
	}


a, a:active { outline: none; }

table,th,tr,td,ul,ol,li,p,blockquote,label{

	font-size: 1em; /* Resets 1em to 11px */
	font-family: tahoma,'lucida grande',verdana,arial,sans-serif;
	color: #333;
	
}


/* Product Listings */ 
 
.product_listing_header { 
     padding-top: 15px; 
     border-bottom: 1px dotted #cdcbce; 
     font-weight: bold; 
     }


.featuredheader{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#fff;
	background-color:#2D6AB5;
}

.bestseller{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#fff;
	background-color:#2D6AB5;
}



.xx-small {

	font-size: xx-small;

}






/* End Page Display Area */



/* Begin Template Control Area */



/* SubCats, Footer & Breadcrumbpath should use pixel size to control display and avoid breaking templates */



a.subcats:link,a.subcats:visited,a.subcats:active{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2F80C4;
	text-decoration: none;
}

a.subcats:hover{

	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2F80C4;
	text-decoration:underline;

}

.subcatcurrent{

	color: #2F80C4;

	font-family: Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif;

	font-size: 11px;
	font-weight:bold;

	font-style: italic;

}


a.breadcrumbpath:link,a.breadcrumbpath:active,a.breadcrumbpath:visited{

	color: #666265;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 10px;

	text-decoration:none;

}

a.breadcrumbpath:hover{

	color: #666265;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 10px;

	border-top: 1px solid #533C78;

	border-bottom: 1px solid #533C78;

}

.breadcrumbcurrent{

	color: #5A2049;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight:bold;
	

}




.copyright{

	color: #fff;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 10px;

}

.calendar,td.calendar{

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#07357A;
	background-color:#E0DFAE;
}


.date{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color:#666666;

}

a.date{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color:#336699;

}


.stars{

	color: Red;

	font-size: 12px;

}



.littlecart {

	border-top: thin solid Black;

}


.articleindex {

	font-size:24px;

	font-weight: bold;

}



/* End Template Control Area */



/* Begin Store Cart Area */



/*



These should all be pixel sizes for best display



Item, Sale and Price Class are in main_display and item_detail.tpl



Item = The product Name in a Main Display Page

Sale = Sale Price of Item

Price = Price of Item - template includes " style="text-decoration: line-through;" " when item is on sale



 */

.item {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;
	font-weight:bold;

	color: #1B7EAB;
}



.sale {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: Red;

	font-weight: bold;

}

.price {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color: #000;


}
.price2 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color: #084794;


}


.price_strike {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #000;

	text-decoration: line-through;

}



/* checkout is the class which controls all the registration area and store cart



	checkoutheader is for the heading area

	checkout is the class for all tags NOT in the shopping cart and is the same as the <p> tag

	shoppingcart is the class for all tags in the actual shopping cart table

 */



.checkoutheader{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: small;

	color: Maroon;

	background-color: #FFF8DC;

}

.checkout{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;

	font-weight:bold;

}

table.checkout{

	border: 1px dotted #0000CD;

}



tr.borderbottom{

	border-bottom: medium solid Black;

}



.shoppingcart{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #000000;

	font-weight: normal;

}

a.smallcart:active,a.smallcart:link,a.smallcart:visited{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

	color: #000000;

	font-weight: normal;

}

a.smallcart:hover{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

	color: #0000CD;

	font-weight: normal;

}

.smalltext{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

	color: #000000;

	font-weight: normal;

}

th.cart{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #074D88;

	border: 1px solid #E6F0FA;

	background: #E6F0FA;

}

td.cart{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-weight: normal;

	font-size: xx-small;

	color: #000000;

	border: 2px solid #E6F0FA;

}

table.cart {

	border: 1px solid #A8BED4;

}

table.inline {
	border: 1px solid #A8BED4;
}
th.inline{
	font-size: xx-small;
	color: #074D88;
	border: 1px solid #E6F0FA;
}
td.inline{
	color: #000000;
	border: 2px solid #E6F0FA;
}

.itemdetail {

	border-bottom-color:#3D378B;

	border-bottom-style: solid;

	border-bottom-width: thin;
	

}



.specs_1 {

	border: 1px solid Black;

}



.specs_2 {

	border-bottom: 2px solid Black;

}



.right_align {

	text-align: right;

}



td.portalindex {

	border: 1px solid Gray;

}

/* calendar is the class which controls the calendar



 */




  .CoolerInput

{

	border-bottom: 1px solid #666666;

	border-left: 1px solid #666666;

	border-right: 1px solid #666666;

	border-top: 1px solid #666666;

	font-family: Arial,Verdana, Helvetica;

	font-size: 11px;

}





.categorytitle{

background:transparent;

color:#5D680A;

font-size:11px;

font-weight:bold;

text-decoration:none

}



TABLE.calendar { text-align: center; font-size: small; }
  TH.month { background-color: #E0DFAE; }
  TD.prev-month,a.prev-month:link,a.prev-month:active,a.prev-month:hover  { text-align: left; color: #ffffff;}
  TD.next-month,a.next-month  { text-align: right; color: #ffffff;}
  TH.day-of-week { font-size: x-small;background-color: #F3F2F3; }
  TD.selected-day { background-color: #E0DFAE; }
  TD.active-day { background-color: #FFC3C3; }
  TD.day {background-color: #F3F2F3;}
  TD.today,a.today { background-color: #E0DFAE; font-weight: bold; }


/* new template / look */
.company_logo,table.company_logo,td.company_logo{
color: #F6F0B0;
font:normal normal bold 16px Arial,Helvetica,sans-serif;
text-decoration:none;
background-color:#084794;
}
a.company_logo,a.company_logo:link,a.company_logo:visited{
color: #F6F0B0;
font:normal normal bold 16px Arial,Helvetica,sans-serif;
text-decoration:none;
}
.white,a.white,a.white:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#fff;
	text-decoration:none;
}
a.white:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#EBEC97;
	text-decoration:none;
}



/*additional for orderentry.tpl*/

/* backend table bgcolor */
TABLE.backend_bar1 { text-align: center; font-size: small; background-color:#CFCAD7; }
TABLE.backend_bar2 { background-color:#fff; }
TABLE.backend_bar3 { background-color:#F4F2F7; }

/* bars bgcolor */
TABLE.bar1,td.bar1 {background-color:#174FAC;}
TABLE.bar2,td.bar2 {background-color:#7DB1D8;}
TABLE.bar3,td.bar3 {background-color:#F0F2F4;}
TABLE.bar4,td.bar4 {background-color:#023F6D;}

/* submit button bar area */
TABLE.cell_submit {background-color:#7DB1D8;}

/* thin line */
.line {background-color:#C6CEDE;}

/* design - dots */
TABLE.dots {background-image: url(images/dots.gif);}

/* littlecart */
TABLE.littlecart { background-color:#EBEC97; }

/* calendar table */
TABLE.calendar_color1, td.calendar_color1{ background-color:#E0DFAE; }
TABLE.calendar_color2,td.calendar_color2 { background-color:#F3F3F2; }

/* header styles */
TABLE.email_color, td.email_color { background-color:#A2C9E6; }
TABLE.search_color, td.search_color { background-color:#084794; }
TABLE.manufacturers_color { background-color:#2D6AB5; }
td.manufacturers_color{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	font-weight:bold;
	text-decoration: none;
	background-color:#2D6AB5;
}

.red{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC0000;
	font-weight:bold;
}

table.checkout2{
	border: 1px dotted #7DB1D8;
	background-color:#E9F1F7;
}
table.checkout_bar,td.checkout_bar{
	background-color: #DAE2EA;

}

.checkoutheader2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
	font-weight:bold;
}

.checkout2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
	font-weight: normal;
}

.DesktopDataTD2
{
	border-left: 1px solid #C6CEDE;
	border-right: 1px solid #C6CEDE;
	border-top: 1px solid #C6CEDE;
	border-bottom: 1px solid #fff;
	background-color: #F0F5FA;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
a.small_link:active,a.small_link:link,a.small_link:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0066CC;
}
a.small_link:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0066CC;
	text-decoration: underline;
}
.popupLink { outline: none }
.popup { POSITION: absolute; VISIBILITY: hidden; BACKGROUND-COLOR:#dee7f7; width: 200px; BORDER-LEFT: 1px solid black; BORDER-TOP: 1px solid black; BORDER-BOTTOM: 1px solid black; BORDER-RIGHT: 1px solid black; PADDING: 2px; z-index: 10 }

/* blue header - backend*/
.title_bar{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	font-weight:bold;
	text-decoration: none;
	background-color:#61527A;
}

/* title - backend*/
.bold_title{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #61527A;
	font-weight:bold;
	text-decoration: none;
}
/*search results*/
.prod_results_bar,a.prod_results_bar:link,a.prod_results_bar:active,a.prod_results_bar:hover,a.prod_results_bar:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	font-weight:bold;
	text-decoration: none;
	background-color:#615D93;
}
td.prod_filter{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	background-color:#3D378B;
}
.content_results_bar{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	font-weight:bold;
	text-decoration: none;
	background-color:#227EB2;
}
td.content_filter{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	background-color:#6FA8C8;
}
table.results_color1,td.results_color1{
	background-color: #E6E6ED;

}
table.results_color2,td.results_color2{
	background-color: #D9D9E1;

}
.cat_results{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #35373A;

	text-decoration: none;

}
a.cat_results,a.cat_results:link,a.cat_results:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #1C538C;
	font-weight:bold;
	text-decoration: underline;

}
a.cat_results:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #1C538C;
	font-weight:bold;
	text-decoration: none;

}
a.item_results,a.item_results:link,a.item_results:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1C538C;
	font-weight:bold;
	text-decoration: underline;

}
a.item_results:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1C538C;
	font-weight:bold;
	text-decoration: none;

}
.page_num {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #C6DEF7;
	font-weight:bold;
	background-color:#8F8DAA;
}
a.page_num:active,a.page_num:link,a.page_num:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color: #fff;
	text-decoration: none;
}
a.page_num:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #C6DEF7;
	font-weight:bold;
	text-decoration: none;
}

.btntrans {
   background-color: transparent;
   border:0px;
   width:16px;
   
}
.smalltxt{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000;
  font-weight:bold;
}
table.related_txt{
	visibility:hidden ;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	background-color:#EDF5F7;
	border: 1px solid #A8BED4;
}
/*events*/
.event_title {
	font-family:  Arial,Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #006699;
	font-weight:bold;
	
}

.review
{
display:none;
}
/*additional*/
.leftnav,a.leftnav,a.leftnav:active,a.leftnav:link,a.leftnav:visited {  
	font-family: Tahoma, Verdana, Arial,Helvetica, sans-serif;
	color:#2F98C4; font-size:11px; text-decoration:NONE;
	
	}

a.leftnav:hover {
	font-family: Tahoma, Verdana, Arial,Helvetica, sans-serif;
	color:#2F98C4; font-size:11px; text-decoration:underline;
	
	}
	
.leftnavcurrent,a.leftnavcurrent,a.leftnavcurrent:link,a.leftnavcurrent:active,a.leftnavcurrent:hover,a.leftnavcurrent:visited {
	font-family: Tahoma, Verdana, Arial,Helvetica, sans-serif;
	color:#2F98C4; font-size:11px; text-decoration:none;
	}

.white,a.white,a.white:active,a.white:link,a.white:visited {  
	font-family: Tahoma, Verdana, Arial,Helvetica, sans-serif;
	color:#fff; font-size:11px; text-decoration:NONE;
	
	}

a.white:hover {
	font-family: Tahoma, Verdana, Arial,Helvetica, sans-serif;
	color:#fff; font-size:11px; text-decoration:underline;
	
	}