﻿/***********************************************************************************************
	General CSS Settings
***********************************************************************************************/
body 
{
	font-size: 8pt;
	color: #000000;
	font-family: Verdana,Arial;
	margin-top: 0px;
	padding-top: 0px;
}

textarea, input
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    FONT-FAMILY: Verdana, Arial;
}

h1
{
	font-size:16px;
	font-weight:bold;
}
h2
{
	font-size:14px;
	font-weight:bold;
}
h3
{
	font-size:12px;
	font-weight:bold;
}
a
{
	font-size: 8pt;
	color: #1c78b8;
	font-family: Verdana,Arial;
	text-decoration: none;
}

a:hover
{
	font-size: 8pt;
	color: #000000;
	font-family: Verdana,Arial;
	text-decoration: none;
}

.clear{	clear:both;}

.header /* <div class="header">[header goes here]</div>*/
{
    font-weight: bold;
    font-size: 11px;
    color: #000000;
    /*background-color: #ffffff;*/
    text-align: center;
    margin: 0 0 2px 0;
    padding-top: 3px;
}
.tablesorter_header
{
    font-weight: bold;
    font-size: 11px;
    color: #000000;
    /*background-color: #ffffff;*/
    /*text-align: center;*/
    margin: 0 0 2px 0;
    padding-top: 3px;

}

.header
{
    width: 100%;
}

.subheader			/* <div class="subheader">[sub header goes here]</div>*/
{
	font-weight: bold;
	font-size: 11px;
	color: #000000;	
	background-color: #ffffff;	
}

.highlight		/* <div class="hightlight">[text goes here]</div>*/
{
	font-size: 10px;
	font-weight: bold ;  
	color:Red ;
}
.highlightlink		/* <div class="hightlight">[text goes here]</div>*/
{
	font-size: 11px;
	color:Red ;
}
.highlightBigger		/* <div class="hightlight">[text goes here]</div>*/
{
	font-size: 12px;
	font-weight: bold ;  
	color:Red ;
}
.InStockIndicator		/* <div class="hightlight">[text goes here]</div>*/
{
	font-size:9pt;
	font-weight: bold ;  
	/*color:#00ff00 ;*/
	color:Green ; 
}
.warning		/* <div class="warning">[text goes here]</div>*/
{
    color:Red ;
}
.Messages
{
   width: 100%;		
    text-align: center;
    font-weight:bold ;
    color :Black ;
	     
}
.alignCenter	/* <div class="alignCenter">[text goes here]</div>*/
{
	width: 100%;		
	text-align: center;
}
.alignRight		/* <div class="alignRight">[text goes here]</div>*/
{
	width: 100%;		
	text-align: right;
}
.alignLeft		/* <div class="alignLeft">[text goes here]</div>*/
{
	width: 100%;		
	text-align: left;
}

.HRBlack		/* Horizontal Ruler */
{
	width:100%;
	color:#000000;
	height:1px;
}
.HRBlue
{
    background-color: #5c9ed4;
    color: #5c9ed4;
    height: 1px
}
.HRBlueThick
{
    background-color: #5c9ed4;
    color: #5c9ed4;
    height: 10px
}
.divWide
{
	width:624px;
	display: block;
}

.divFieldForm
{
	width: 620px;
	margin: 0 auto;
}
.divFieldName
{
	text-align:right;
	width: 300px;
	height:20px;
	margin: 0 10px 3px 0;
	display: block;
	float: left;
	line-height: 20px;
	font-weight:bold ; 
}
.divFieldValue
{
	float:left;
	width: 300px;
	margin: 0 10px 3px 0;
	min-height: 20px; 	
	display: block;
	line-height: 20px;
}
.divFieldNameShort
{
	display: block;
	text-align: right;
	font-weight: bold;
	margin: 0 10px 3px 0;
	float:left;
	width: 110px;
	min-height: 20px; 	
}
.divFieldNameLeft
{
	display: block;
	text-align: left;
	font-weight: bold;
	margin: 0 10px 3px 0;
	float:left;
	width: 110px;
	min-height: 10px; 	
}
.divFieldMessage
{
	height:15px;
 	display: block;
    text-align:center;
	margin: 0 0 3px 0;
	min-height: 15px; 	
}
.divQuestion
{
	position: absolute;
	display: block;
	width: 60px;
	height: 75px;
	top: 5px;
	right: 0px;
}

.RecordDetailGV, .RecordDetailGV td, .RecordDetailGV tr, .RecordDetailGV th
{
	border: none;
    FONT-SIZE: 7pt;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial
}

.FieldName
{
	height:20px;
	margin: 0 10px 3px 0;
	display: block;
	line-height: 20px;
	font-weight:bold ; 
}
.FieldValue
{
	margin: 0 10px 3px 0;
	min-height: 20px; 	
	display: block;
	line-height: 20px;
}
.GroupHeading
{
    BORDER-RIGHT: black 0px solid;
    BORDER-TOP: black 0px solid;
    PADDING-LEFT: 5px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    BORDER-LEFT: black 0px solid;
    COLOR: black;
    BORDER-BOTTOM: black;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: left
}
.GroupBody
{
    BORDER-RIGHT: black 0px solid;
    BORDER-TOP: black;
    PADDING-LEFT: 10px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    BORDER-LEFT: black 0px solid;
    /*COLOR: #407cbd;*/
	COLOR: #000000;
    BORDER-BOTTOM: black;
    FONT-FAMILY: Verdana, Arial
}
.GroupBody a, .GroupBody a:hover
{
	text-decoration: underline;
}
.Surround
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    FONT-WEIGHT: normal;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: black 0px solid;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 8pt;
}
.bordered
{
	BORDER-TOP: solid 1 #999999;
	BORDER-LEFT: solid 1 #999999;
}
.borderedr
{
	BORDER-TOP: solid 1 #999999;
	BORDER-RIGHT: solid 1 #999999;
	BORDER-LEFT: solid 1 #999999;
}
.borderedb
{
	BORDER-TOP: solid 1 #999999;
	BORDER-BOTTOM: solid 1 #999999;
	BORDER-LEFT: solid 1 #999999;
}
.borderedbr
{
	BORDER-TOP: solid 1 #999999;
	BORDER-BOTTOM: solid 1 #999999;
	BORDER-RIGHT: solid 1 #999999;
	BORDER-LEFT: solid 1 #999999;
}
.divProg
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    height: 0px;
    z-index: 10;
    border: 1px none #000000;
    visibility: hidden;
    /*background-color: #FFF1A8;*/
   
    background: #999;
	color: #FFF;
    font-weight: bold;
    padding: 5px 10px 5px 10px;
}
.AlphaFilter
{
    margin-top: 2px;
}
.AlphaFilter a
{
    margin: 0 2px 0 2px;
}
.cartHeader
{
    /* background-color:  #999999; /* dark gray */
    background-color:  #A9A9A9; /* medium gray */
    /* background-color:  #dfdfdf; /* cart gray (light) */        
    color:Black;
}
.cartHeader-Alert
{
    background-color: #FF4C4C; /* #ee0000; */
}
.cartHeader-BackOrder
{
    background-color: #4CFF4C;  /* #00ff00 */
}
.cartHeader,.cartHeader-Alert,.cartHeader-BackOrder
{
    width:100%;
    
    padding: 5px 0px 0px 0px;
 }
tr.cartHeader {padding: 10px 5px 10px 5px;}

.CartProductLink 
{
	color: black; /* #222222 ; /* white */
	font-weight:bold; /* bold */
}

.CartProductLink:hover, .CartProductLink hover:visited
{
	color: white; /* #ffffff; */
}
.level1
{
    background-image: url(/images/NET/menu_mid.gif); 
    
    /*background-color:Transparent ;*/
    /*font-variant: small-caps;*/
    /*font-size : small;*/ 
    font-weight :bold  ;
    padding: 5px 0px 5px 0px; 
     
}

.level1:hover
{
	font-style:italic;   
}
.hoverstyle
{
    font-weight: bold;
    color:White;  
	background-color: White;
}
       
.sublevel1
{
    /*background-image: url(/images/NET/menu_mid.gif);*/
    /*background-color:Transparent ;*/
    /*font-weight :bold ;*/
    padding: 5px 0px 5px 10px;
    margin-left : -8px;
    width:180px;   
    /*font-variant: small-caps;*/
     
} 

.CartItem 
{
    width:auto;
	padding : 0px 1px 0px 5px;
	z-index:1;	
}
.rounded {
   -moz-border-radius: 20px;
   -webkit-border-radius: 20px;
   border-radius: 20px;
}
.round5 
{
    -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
}
.round10 
{
    -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
}

#PorductDisplayListingControlGVIDataDiv
{
    overflow:auto;
    width:100%;
    height:350px;
}
.searchedtext
{
    background-color:Yellow;
}
.searchedhighlightedtext
{
    background-color:Blue;
    
}

.shop-product-item-substitution-link {
    /*background-color: lightgrey;*/
    color: red;
}
.productlistattribute
{
    font-weight:bold;
    color:Green;
}

.FooterText a {
    color:white;  
}
