/*
Purpose:Page margins and colors
Application:Automatic
Note:Margin is set for IE Browser only. Set Margins for NS in the body tag if desired.

*/
body{
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: 0px;
}

/*
Purpose:Default font and text size for listed tags
Application:Automatic
*/
body,table,td,th,p,ol,ul,li {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
}

/*
Purpose:The page background color & a custom class (.bodycolor)
to use when you need the same background color as the body.
Application:Automatic to <body>.
.bodycolor Application: <table>,<td>,<p>,<span>,<div>

body, .bodycolor{
	background-color: #ffffff;
	background-image: url(images/BK3.gif);
}
*/

/*
Purpose: Mostly used as alternative background color in table cells
Application: <table>,<td>,<p>,<span>,<div>
*/
.bckgrndcolor{
	color: #000000;
	background-color: #FFFFFF;

}

/*
Purpose: Mostly used as alternative background color in table cells
Also since the background color is a yellowish, it is used to highlite information.
Application: <table>,<td>,<p>,<span>,<div>
*/
.rowcolor {
	background-color : #FFFFCC;
	color: #000000;

}

/*
Purpose:Style all <th> with the specified color text and background color
Application:Automatic
*/
th{
	color:#000000;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #bfd1e0;
}

/*
Purpose:Default document link styles
Application:Automatic
Note: a:hover and a:active are not available in NS4x
*/
a:link{
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

}
a:visited{
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

}
a:hover{
	color:#FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

}
a:active{
	color:#FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

}

/*
Purpose:Navigation- Plain and Linked Text
Application:<table>,<td>,<p>
Note: How this class is applied may affect earlier browsers.
Be sure to check your application early in the design process, and often.
*/
.nav{
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;

}
.nav a:link{
	font-weight:bold;
	color:#000000;
	font-size: 13px;
    text-decoration: underline;


}
.nav a:visited{
	font-weight:bold;
	color:#000000;
	font-size: 13px;
    text-decoration: underline;


}
.nav a:hover{
	font-weight:bold;
	color:#800080;
	font-size: 13px;
    text-decoration: underline;


}
.nav a:active{
	font-weight:bold;
	color:#FF0000;
	font-size: 13px;
    text-decoration: underline;


}

a.largeLink:link{
	font-weight:bold;
	color:#000000;
	font-size: 16px;
    text-decoration: none;
}
a.largeLink:visited{
	font-weight:bold;
	color:#000000;
	font-size: 16px;
    text-decoration: none;
}
a.largeLink:hover{
	font-weight:bold;
	color:red;
	font-size: 16px;
    text-decoration: none;
}
a.largeLink:active{
	font-weight:bold;
	color:red;
	font-size: 16px;
    text-decoration: none;
}

/*
Purpose:Used for copyright notice and other text needing "fine print"
Application:<table>,<td>,<p>
*/
.smallprint {
	font-size: 9px;
	color: #000000;
	font-weight: bold;
}

/*
Purpose: Set the font to mono-space for NS4x.
This helps to keep form elements a similar size cross-browser.
Application: Applied to the <td> tag only
Note: NS4x only. Other browsers use the textarea, select defined above
*/ 
.fieldcell{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	
}
.largeprint {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	font-style: italic;
}
.largerprint {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
}
.largestprint {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: bold;
	color: #000000;
}
.yellowh {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}
.larger {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
	font-weight: bold;
	font-style: normal;
}
.largeprint1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	font-style: normal;
}
.largeprint2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	font-style: normal;
}
.largeprint3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	font-weight: bold;
	font-style: normal;
}
.NavThree {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	background-color: #FFFFE1;
}
.NavThree a:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: underline;
}
.NavThree a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}
.NavThree a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #800080;
}
.NavThree a:active {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}

.fieldcell2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	width: 120px;
	height: 17px;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	border-width: 1;
}
.WhiteSmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
}

.White {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	background-color: #000000;
	font-weight: bold;
	padding-top: 1px;
	padding-bottom: 1px;
}
.White a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.White a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.White a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFF00;
}
.White a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.fieldcell3 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	width: 100px;
	height: 17px;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	border-width: 1;
}
.smallprint2 {

	font-size: 9px;
	color: #ffffff;
	font-weight: bold;
}
.nav2 {
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}
.nav2 a:link {
	font-weight:bold;
	color:#0000FF;
	font-size: 12px;
	text-decoration: none;
}
.nav2 a:visited {
	font-weight:bold;
	color:#0000FF;
	font-size: 12px;
	text-decoration: none;
}
.nav2 a:hover {
	font-weight:bold;
	color:#800080;
	font-size: 12px;
	text-decoration: none;
}
.nav2 a:active {
	font-weight:bold;
	color:#FF0000;
	font-size: 12px;
	text-decoration: none;
}

a.nav3:link {
	font-weight:bold;
	color:white;
	font-size: 11px;
	text-decoration: none;
}
a.nav3:visited {
	font-weight:bold;
	color:white;
	font-size: 11px;
	text-decoration: none;
}
a.nav3:hover {
	font-weight:bold;
	color:white;
	font-size: 11px;
	text-decoration: underline;
}
a.nav3:active {
	font-weight:bold;
	color:white;
	font-size: 11px;
	text-decoration: none;
}

a.nav4:link {
	font-weight:bold;
	color:blue;
	font-size: 16px;
}
a.nav4:visited {
	font-weight:bold;
	color:blue;
	font-size: 16px;
}
a.nav4:hover {
	font-weight:bold;
	color:blue;
	font-size: 16px;
}
a.nav4:active {
	font-weight:bold;
	color:blue;
	font-size: 16px;
}

.info {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	color : blue;
}
.normal {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	color : #000000;
	font-weight: normal;

}

.normalBold {
	font-family : verdana,helvetica,sans-serif;
	font-size : 9pt;
	font-weight : bold;
	color : #000000;
}
.redBold {
	font-family : verdana,helvetica,sans-serif;
	font-size : 9pt;
	font-weight : bold;
	color : red;
}
.red {
	font-family : verdana,helvetica,sans-serif;
	font-size : 12pt;
	color : red;
}
input.formbutton{
   font-family:verdana,helvetica,sans-serif;
   font-size:86%;
   font-weight:bold;
   border:1px solid;
   border-top-color: #83a2bb;
   border-left-color: #83a2bb;
   border-right-color: gray;
   border-bottom-color: gray;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='gray');
}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

input.MinOrderBtn{
	font-weight:bold;
	width:300px;
}

.saleprice {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	color : red;
	background-color: #EEEEEE;
}
.percentsaved {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	color : navy;
	font-style : italic;
}

.regularprice {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	color : black;
	background-color: #FDFFB3;
}
.SpecificationsList {
	font-weight : bold;
	font-family : Arial, Helvetica, sans-serif;
	list-style-type : square;
	line-height : 1.5em;
	font-size : 12px;
}
.SpecificationsHeading {
	font-weight : bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-size : 12px;
	margin-bottom: -0.5em;
	margin-left: 18px; 
}

input.buttons{
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #bfd1e0;
	border-top-color: #CCCCCC;
	border-right-color: #999999;
	border-left-color: #CCCCCC;
	border-bottom-color: #999999;
}

/*
Purpose:To make colored horizontal rule
Application:Automatic
*/
hr {
color: #000000;
}

/*
Purpose:To make the thin outline on the right and bottom of the table
Application:<table>
*/
.tableborder {
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #CCCCCC;


}

/*
Purpose:To make thin lines between table cells
Application:Automatic as long as .tableborder is applied to the <table> tag
*/
.tableborder td, .tableborder th{
border-top: 1px solid #30435A;
border-right: 0px;
border-bottom: 0px;
border-left: 1px solid #30435A;
}

/*Purpose:To make sure that deeply nested table's cells
do not inherit the borders given them in the class above.
Application:Automatic
*/
.tableborder table td, .tableborder table th{
border: 0px;
}
input.buttons2 {
	font:bold 9px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFCC;
	background-color: #CCCCCC;
	border-top: 1px outset #FFFFFF;
	border-right: 1px outset #666666;
	border-bottom: 1px outset #666666;
	border-left: 1px outset #FFFFFF;
	
}
