@import url("css/main.css");
@import url("css/htmlelements.css");
@import url("css/moodalbox.css");
@import url("css/blogs.css");
@import url("css/training.css");
@import url("css/subscriptions.css");


.leftNavContracted {
overflow:hidden;
display:none;

}

.leftNavExpanded {
overflow:hidden;
display:block;

}

.style12 {
	font-size: 22px;
	font-weight: bold;
	color: #FFFFFF;
}

.style13 {
	font-size: 16px;
	font-weight: bold;
	color: #8F8F81;
}

.style14 {
	font-size: 12px;
	color: #8F8F81;
}

TD
{
    FONT-SIZE: 10px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

INPUT
{
    BORDER-RIGHT: #DDCDA9 1px solid;
    BORDER-TOP: #DDCDA9 1px solid;
    BACKGROUND: #ffffff;
    FONT: 10px Verdana, Arial, Helvetica, sans-serif;
    BORDER-LEFT: #DDCDA9 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #DDCDA9 1px solid;
     
}
TEXTAREA
{
    BORDER-RIGHT: #DDCDA9 1px solid;
    BORDER-TOP: #DDCDA9 1px solid;
    BACKGROUND: #ffffff;
    FONT: 10px Verdana, Arial, Helvetica, sans-serif;
    BORDER-LEFT: #DDCDA9 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #DDCDA9 1px solid;
}


SELECT
{
    border-style:solid; 
    border-width:1px; 
    border-color:#999999; 
    font-face:Verdana, Arial, Helvetica, sans-serif; 

}

HR 
{
color: #7C7D5C;
width:98%;
height:1px;
}

H1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: black;
    FONT-FAMILY: Verdana
}

H2
{
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Verdana;
    FONT-WEIGHT: normal
}

li {
	color:#3B4A31;
	}


H3 {
    COLOR: #686B1D;
    FONT-FAMILY: Verdana, Helvetica, sans-serif; 
	FONT-SIZE: 10pt;
}

H4 {
    COLOR: #686B1D;
    FONT-FAMILY: Verdana, Helvetica, sans-serif; 
	FONT-WEIGHT:bold;
}

H5 {
    COLOR: #686B1D;
    FONT-FAMILY: Verdana, Helvetica, sans-serif; 
	FONT-SIZE:14px;
}

H6 {
    COLOR: #686B1D;
    FONT-FAMILY: Verdana, Helvetica, sans-serif; 
	FONT-SIZE:12px;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3B4A31;
}
.style1 {color: #000000}
.style2 {
	color: #CCFF00;
	font-weight: bold;
}


.openBoxHeader
{
	BACKGROUND-COLOR: FIREBRICK;
	color: #FFFFFF;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 10pt;    
}

.TableHeader2
{
	BACKGROUND-COLOR: #EDEEDF;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 10pt;  
	font-weight: bold; 
 }
 
 .TDBGColor
{
background-color:#F7F1CA;
}

.tableClass 
{
	BACKGROUND-COLOR: #FFFFFF;
}
.TableHeader
{
	BACKGROUND-COLOR: #7C7D5C;
	color: #E1E4EB;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 10pt;    
 }
 
.TDAlternateFont
 {
 COLOR: #7C7D5C;
}

.TDSort
 {
 COLOR: #7C7D5C;
 background-color:#b8b793;
}
.SubHeaderText
{
	TEXT-DECORATION: none;
	FONT-WEIGHT: bold;
	COLOR: #3B4A31;
	font-size:10px;
	FONT-FAMILY: Verdana;
	vertical-align: middle
}

.SubHeaderText A:Link
{
	TEXT-DECORATION: none;
	FONT-WEIGHT: bold;
	COLOR: #3B4A31;
	font-size:10px;
	FONT-FAMILY: Verdana
}

.SubHeaderText A:Hover
{
	TEXT-DECORATION: none;
	FONT-WEIGHT: bold;
	COLOR: #3B4A31;
	font-size:10px;
	FONT-FAMILY: Verdana
}

.SubHeaderText A:Visited
{
	TEXT-DECORATION: none;
	FONT-WEIGHT: bold;
	COLOR: #3B4A31;
	font-size:10px;
	FONT-FAMILY: Verdana
}

.backHeaderText 
{
	TEXT-DECORATION: none;
	FONT-WEIGHT: bold;
	COLOR: #000000;
	font-size:12pt;
	FONT-FAMILY: Verdana;
	vertical-align: middle
}

.backHeaderText A:Link
{
	TEXT-DECORATION: none;
	FONT-WEIGHT: bold;
	COLOR: #000000;
	font-size:12pt;
	FONT-FAMILY: Verdana
}

.backHeaderText  A:Hover
{
	TEXT-DECORATION: none;
	FONT-WEIGHT: bold;
	COLOR: #000000;
	font-size:12pt;
	FONT-FAMILY: Verdana
}

.backHeaderText  A:Visited
{
	TEXT-DECORATION: none;
	FONT-WEIGHT: bold;
	COLOR: #000000;
	font-size:12pt;
	FONT-FAMILY: Verdana
}


.TabDefault
{
	BACKGROUND-COLOR: #DDCDA9;
	border-color:#DDCDA9;
	border-style:solid;
	border-width:1px;
    color:#E1E4EB;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    padding-bottom:4px;
    padding-top:4px;
    padding-left:10px;
    padding-right:10px;
}

.TabHover
{
	BACKGROUND-COLOR: #E1E4EB;
	border-color:#DDCDA9;
	border-style:solid;
	border-width:1px;
    color:#787668;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    padding-bottom:4px;
    padding-top:4px;
    padding-left:10px;
    padding-right:10px;
}

.TabSelected
{
	BACKGROUND-COLOR: #E1E4EB;
	border-color:#DDCDA9;
	border-style:solid;
	border-width:1px;
    color: #DDCDA9;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    padding-bottom:4px;
    padding-top:4px;
    padding-left:10px;
    padding-right:10px;
}

.Tabs
{
	border-color:#DDCDA9;
    color:#787668;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    BACKGROUND-COLOR: #FFFFFF;
    vertical-align: top;   
    
}

.Label
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: black;
    FONT-FAMILY: Verdana
}



.TextNoBorder
{
    BORDER-RIGHT: #DDCDA9 0px solid;
    BORDER-TOP: #DDCDA9 0px solid;
    BACKGROUND: #ffffff;
    FONT: 10px Verdana, Arial, Helvetica, sans-serif;
    BORDER-LEFT: #DDCDA9 0px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #DDCDA9 0px solid;
     
}


.BOTTOMLINK
{
    FONT-SIZE: x-small;
    COLOR: red;
    FONT-FAMILY: Verdana
}
.BOTTOMLINK A:link
{
    COLOR: red;
    TEXT-DECORATION: none
}
.BOTTOMLINK A:visited
{
    COLOR: red;
    TEXT-DECORATION: none
}
.BOTTOMLINK A:hover
{
    COLOR: #5c7bad;
    TEXT-DECORATION: none
}
.LEFTLINK
{
    FONT-SIZE: x-small;
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana
}
.LEFTLINK A:link
{
    COLOR: #FFFFFF;
    TEXT-DECORATION: none
}
.LEFTLINK A:visited
{
    COLOR: #FFFFFF;
    TEXT-DECORATION: none
}
.LEFTLINK A:hover
{
    COLOR: #CCFF00;
    TEXT-DECORATION: none
}
#elButton A
{
    PADDING-RIGHT: 0px;
    DISPLAY: block;
    PADDING-LEFT: 0px;
    FONT-SIZE: 10px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: #000000;
    PADDING-TOP: 0px;
    FONT-FAMILY: verdana;
    BACKGROUND-COLOR: #D8DB72;
    TEXT-DECORATION: none
}
#elButton A:hover
{
    PADDING-RIGHT: 0px;
    DISPLAY: block;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: #5c7bad;
    PADDING-TOP: 0px;
    BACKGROUND-COLOR: #D8DB72
}



.Calendar
{
	BACKGROUND-COLOR: #D7D7C6;
    color:#787668;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold;
}

.CalendarDropDown
{
    BACKGROUND-COLOR: white;
    color: #989682;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: normal;
    height: 16px;
}

.CalendarDays
{
    BACKGROUND-COLOR: white;
    color: #989682;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: normal;
}

.CalendarDayHeader
{
    BACKGROUND-COLOR: #F3F3EC;
    color:#787668;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: normal;
}

.searchImage 
{
	border-style:solid;
	border-color:#7C7D5C;
	border-width:1px;
}

.gridpage	{	
	font-size:10pt;
	background-color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.productDots 
{
	border-left: dotted #000000; 
	border-width: 1px;
	}


.description{
display:none;
}

.thumbtop {
vertical-align:bottom;
height:90px;
}

.thumbbottom {
vertical-align:top;
height:16px;
}

.cartFormFontSize {
     font-size:10pt;
}
.itemStyleHorizontal
{
	float: left;
	display: block;
	width: 23%;
	padding: 2px;
	font-size: 11px;
	overflow: visible;
	height: 250px;
	margin: 5px;
}

.itemStyleVertical
{
	display: block;
	width: 100%;
	padding: 2px;
	font-size: 11px;
	overflow: visible;
	margin: 5px;
}

.itemSeparatorHorizontal
{
	float: left;
	display: block;
	padding-right: 1px;
	border-left-style: dotted;
	border-left-width: 1px;
	border-left-color: #666699;
	height: 381px;
}

.itemSeparatorVertical
{
	display: block;
	padding-top: 1px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #666699;
}

.groupSeparator
{
	clear: left;
	margin-bottom: 1px;
	border-top-style: dotted;
	border-top-width: 1px;
	border-top-color: #666699;
}


/**Fix for 100% width hardcoded tables on standard pages **/
#StandardPageMainTable {
     width:100%;
}