/*

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  */



body  {

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

		color: #333;

		background:	#ffffff;

		margin: 0px 0px 0px 0px;

	}
	
font  {

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

	color: #000;


}

a:active,a:link,a:visited {

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

	font-size: 11px;

	color: #0066CC;

}

a:hover {

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

	font-size: 11px;

	color: #0066CC;

	text-decoration: underline;

}

.dropdowns
{
font-family: Verdana,sans-serif; font-size: 10px; font-weight: bold;color:#ffffff;
}

.main-menu
{
font-family: Verdana,sans-serif; font-size: 10px; font-weight: bold;color:#ffffff;
}

.small {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#434320;
	}
a.small,a.small:visited {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#434320;
	font-weight:bold;
	text-decoration:none;
	}
a.small:hover {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#87875A;
	font-weight:bold;
	text-decoration:underline;
	}
.small2 {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#333;
	}

.portalindex,.area{
	COLOR: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; }

A.portalindex:link {
	COLOR: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; font-weight: bold
}
A.portalindex:visited {
	COLOR: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; font-weight: bold
}

A.portalindex:hover {
	color: #003366;
	text-decoration: underline
}
table,th,tr,td,ul,ol,li,p,blockquote,label{

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

	font-size: 11px;

	color: #000;

}



table.maintable {

	background-color: #FFFFFF;

	border: thin solid Black;

}

.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;
}

.header {

	background-color: #f5deb3;

}

.leftcol {

	background-color: #b0c4de;

}

.leftcol_sub {

	padding-left: 25;

}

.centercol {

	background-color: #E6E7D5;

}



.centercol2 {

	background-color: #EAE8E8;

}



.rightcol {

	background-color: #F1F5F7;

}

.xx-small {

	font-size: xx-small;

}



/* All these are couplets - h1&h2, h3&h4, h5&h6 */



h1{

color: #3B5935;

font:normal normal bold 16px Arial,Helvetica,sans-serif;

text-decoration:none;

}

h2{

	font-size: large;

	color: #484838;


}

h3{

	font-size: medium; 

	color: #484838;
	font:normal normal bold 14px Verdana,Arial,Helvetica,sans-serif;

}

h4{

	color: #3B5935;

	font:normal normal bold 16px Arial,Helvetica,sans-serif;
	
	text-decoration:none;
	
	

}

h5{

	font-size: small;

	color: #000;
	
	font:normal normal bold 11px Verdana,Arial,Helvetica,sans-serif;

}

h6{

	font-size: small;

	color: #000000;

	font-variant: small-caps;

}


/* 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: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #335B66;
	text-decoration: none;
}

a.subcats:hover{

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

}

.subcatcurrent{

	color: #C6A007;

	font-family: 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: #268EBF;

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

	font-size: 11px;

	font-weight: bold;
	text-decoration:none;

}

a.breadcrumbpath:hover{

	color: #B9B916;

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

	font-size: 11px;

	border-top: 1px solid #B9B916;

	border-bottom: 1px solid #B9B916;

}

.breadcrumbcurrent{

	color: #084794;

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

	font-size: 11px;

	font-style: italic;

}

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

	color: #268EBF;

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

	font-size: 11px;

	font-weight: bold;
	text-decoration:none;

}

a.breadcrumbs:hover{

	color: #B9B916;

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

	font-size: 11px;


}

.breadcrumbscurrent{

	color: #084794;

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

	font-size: 11px;

	font-style: italic;
	

}

.breadcrumbs{

	color: #268EBF;

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

	font-size: 11px;

	font-weight: bold;

}


.footer{
	color: #fff;


}

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

	color: #fff;

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

	font-size: 10px;

	text-decoration: none;
	
	font-weight: bold;



}

a.footer:hover{

	color: #7A8D79;

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

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

	text-decoration: underline;

}

.menu-main{
	color: #fff;


}

.menu-main,a.menu-main:active,a.menu-main:link,a.menu-main:visited{

	color: #fff;

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

	font-size: 11px;

	text-decoration: none;
	
	font-weight: bold;



}

a.menu-main:hover{

	color: #fff;

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

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

	text-decoration: none;
	border: 1px solid White;

}

.tcw_link{

	color: #000;

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

	font-size: 9px;
}

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

	color: #000;

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

	font-size: 9px;

	text-decoration: none;
}

a.tcw_link:hover{

	color: #ff0000;

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

	font-size: 9px;

	text-decoration: none;
}



.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: #CC6600;
}



.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-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #074D88;
	border: 1px solid #E6F0FA;
}
td.inline{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: xx-small;
	color: #000000;
	border: 2px solid #E6F0FA;
}

.itemdetail {

	border-bottom-color: Highlight;

	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 #ccc;

	border-left: 1px solid #ccc;

	border-right: 1px solid #ccc;

	border-top: 1px solid #999;

	font-family: 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:#BFCBD7; }
TABLE.backend_bar2 { background-color:#fff; }
TABLE.backend_bar3 { background-color:#ECF2F7; }

/* 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:#1761AC;
}

/* title - backend*/
.bold_title{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1761AC;
	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:#1C538C;
}
td.prod_filter{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	background-color:#41709E;
}
.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: #DBE1E7;

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

}
.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:#7E99B3;
}
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
}
.smalltxt{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000;
  font-weight:bold;
}

/* CoolJS menu styles*/

.clsCMTopOn {
	font-family : Verdana, Arial;
	font-weight: bold;
	color: white;
    font-size: 11px;
    text-decoration : none;
    padding-left: 4px;
	border-right: 1px solid #556652;
}

.clsCMTopOver {
    font-family : Verdana, Arial;
	font-weight: bold;
	color: #556652;
    font-size: 11px;
    text-decoration : none;
    padding-left: 4px;
	border-right: 1px solid #556652;
}

.clsCMTopRightOn {
	font-family : Verdana, Arial;
	font-weight: bold;
	color: white;
    font-size: 11px;
    text-decoration : none;
    padding-left: 4px;
	
}

.clsCMTopRightOver {
    font-family : Verdana, Arial;
	font-weight: bold;
	color: #556652;
    font-size: 11px;
    text-decoration : none;
    padding-left: 4px;
	
}

.clsCMLevel1On {
    font-family : Verdana, Arial;
	font-weight: bold;
	color: white;
    font-size: 10px;
    text-decoration : none;
    padding-left: 4px;
}

.clsCMLevel1Over {
	font-family : Verdana, Arial;
	font-weight: bold;
	color: white;
    font-size: 10px;
    text-decoration : none;
    padding-left: 4px;
}

.td_1 td {background:#fff;}