﻿BODY {
	color: #333;
	FONT-FAMILY:  Verdana, Arial, Helvetica, Sans-Serif; 
	BACKGROUND-COLOR: #ffffff	
}

TABLE {
	FONT-SIZE: 80%
}

TABLE TABLE {
	FONT-SIZE: 100%
}
INPUT {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 100%; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H1 {
	font-family: 'Segoe UI', Arial, Helvetica, Sans-Serif;
	font-weight: normal;
	font-size: 2.27em;
	MARGIN: 0.6em 0.2em 0.6em 0em;
	COLOR: #1e74ae;
	line-height: 1.2em;
	letter-spacing: 0px;
}
H2 {
	font-family: 'Segoe UI', Arial, Helvetica, Sans-Serif;
	font-weight: normal;
	font-size: 1.9em;
	MARGIN: 0.5em 0.2em 0.5em 0em;
	COLOR: #1e74ae;
}
H3 {
	font-family: 'Segoe UI', Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 1.6em;
	MARGIN: 0.5em 0.2em 0.4em 0em;
/*	COLOR: #007B00; */  /* green */
	COLOR: #499749;     /* lighter green */ 
}	
H4 {
	font-family: 'Segoe UI', Arial, Helvetica, Sans-Serif;
	font-weight: normal;
	font-size: 1.3em;
	MARGIN: 0.5em 0.2em 0.5em 0em;
	COLOR: #1e74ae;
}
h5 {				/* new */
  	font-family: "Trebuchet MS", Trebuchet, sans-serif;
  	font-size: 1.3em;
  	letter-spacing: 0.1em;
  	padding-left: 0px;
	MARGIN: 0.5em 0.1em 0.5em 0em;
  	color: #d8261b;
}
H6 {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: normal;
	font-size: 1.2em;
  	letter-spacing: 0px;
	MARGIN: -0.8em 0.0em 1.5em 0.0em;
	color: #1e74ae;
}

hr 
{ 
MARGIN: 0.5em 0em 0em;
border:none; 
border-top:1px #B6C9E7 solid;
height: 1px;
}


P {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0em 0em 1em;
	LINE-HEIGHT: 1.25em; /* could be more */
	PADDING-TOP: 0px;
	COLOR: #333
}



FORM {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 100%; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
A {
	COLOR: #306AD0; TEXT-DECORATION: underline
}
A:link {
	COLOR: #1e74ae
}
A:visited {
	COLOR: #6e4987
}
A:hover {
	COLOR: #6e4987
}
A:hover {
	TEXT-DECORATION: underline
}
A:active {
	COLOR: #6e4987
}
OL {
	LIST-STYLE: decimal none outside
}
OL.Inside {
	LIST-STYLE: decimal none inside; MARGIN-LEFT: 1.5em
}
SELECT {
	FONT-SIZE: 100%
}
.Separator {

}

.styleThumb {
	border=1;
	border-style: solid;
	border-width: 1px;
	border-color: #B6C9E7
}

.ProductPrice {
/*	color: #990000;	 dar red */
	color: #d8261b;
	font-family: 'Segoe UI', Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 1.16em;
}


#Footer {
	PADDING-RIGHT: 10px; PADDING-LEFT: 16px; PADDING-BOTTOM: 0px; COLOR: #77747F; LINE-HEIGHT: 2em; PADDING-TOP: 0px
}
#Footer A {
	COLOR: #77747F
}
#Footer A:link {
	COLOR: #1e74ae
}
#Footer A:visited {
	COLOR: #6e4987
}
#Footer A:hover {
	COLOR: #6e4987
}
#Footer A:hover {
	TEXT-DECORATION: underline
}
#blueFade {
	BACKGROUND: url(blueFade.jpg) repeat-x; HEIGHT: 24px
}
#topFade {
	BACKGROUND: url(topFade.jpg) repeat-x; HEIGHT: 24px
}


UL {
	padding:0px; LIST-STYLE-POSITION: outside; LIST-STYLE-IMAGE: url('arrow8.gif'); margin-left:17px; margin-right:0px; margin-top:1px; margin-bottom:1px; 
}
.discUL {
	margin-left:30px; list-style-type:disc; LIST-STYLE-IMAGE: none
} 
.flowtab {
	margin-left:0px; list-style-type:disc;
} 


LI {
	 MARGIN: 0px 0px 11px 0px; LINE-HEIGHT: 1.45em; 
}



/* Product Pop-Up Style Nav */
.mainHeader {
	PADDING-BOTTOM: 0px;
	MARGIN: 0px auto 0px auto; /* top right, bottom, left - bottom added for ie8 */
	PADDING-LEFT: 15px; WIDTH: 737px; PADDING-RIGHT: 14px; PADDING-TOP: 0px; /* total less than 767px, padding right was 29 px, should total 29px */
}
.mainHeader UL.nav {
	WIDTH: 727px; 
	HEIGHT: 27px; /* dist before H1?? */
}
.mainHeader UL.nav LI {
	TEXT-ALIGN: center; LIST-STYLE-TYPE: none; DISPLAY: block;
	BACKGROUND: #f7f5f4;
/*	BACKGROUND: #fff3c9; */   /* cream  */
	FLOAT: left;
	MARGIN-LEFT: 2px; /* space bewteen tabs */
	LIST-STYLE-IMAGE: none; 
}
.mainHeader UL.nav LI A {
	TEXT-ALIGN: center;
	PADDING-BOTTOM: 5px !important; PADDING-LEFT: 0px !important; PADDING-RIGHT: 0px !important;
	DISPLAY: block;
	FONT: bold 12px Arial, Helvetica, sans-serif; 
/*	COLOR: #1e74ae !important; */  /* softcafe top nav blue */
	COLOR: #333 !important;        /* black, all tabs */
	BORDER-TOP: #f7f5f4 1px solid; PADDING-TOP: 4px !important; 
	TEXT-DECORATION: none /* remove underline */

}
.mainHeader UL.nav LI A:hover {
	POSITION: relative; BACKGROUND: #bdc9d1;
	COLOR: #333 !important;
	BORDER-TOP: #333 1px solid; TOP: -2px;
	TEXT-DECORATION: none; /* remove underline */
/*	background: url(navbg4.png) repeat-x 0 -56px !important; */
}
.mainHeader .Current {
	POSITION: relative; 
/*	BACKGROUND: #dee8f3 !important; */   /* light blue */
	BACKGROUND: #bdc9d1 !important;  /* dark gray */
	BORDER-TOP: #333 1px solid; TOP: -2px; 
/*	background: url(navbg2.png) repeat-x 0 -55px !important; */
}


/* Non-Product Pop-Up Style Nav */
.mainHeader2 {
	PADDING-BOTTOM: 0px;
	MARGIN: 0px auto 0px auto; 
	PADDING-LEFT: 15px; WIDTH: 919px; PADDING-RIGHT: 14px; PADDING-TOP: 0px; 
}
.mainHeader2 UL.nav {
	WIDTH: 909px; 
	HEIGHT: 37px;
}
.mainHeader2 UL.nav LI {
	TEXT-ALIGN: center; LIST-STYLE-TYPE: none; DISPLAY: block;
	BACKGROUND: #f7f5f4; 
	FLOAT: left;
	MARGIN-LEFT: 2px; 
	LIST-STYLE-IMAGE: none; 
}
.mainHeader2 UL.nav LI A {
	TEXT-ALIGN: center;
	PADDING-BOTTOM: 5px !important; PADDING-LEFT: 0px !important; PADDING-RIGHT: 0px !important;
	DISPLAY: block;
	FONT: bold 12px Arial, Helvetica, sans-serif;
/*	COLOR: #1e74ae !important; */  /* softcafe top nav blue */
	COLOR: #333 !important;        /* black, all tabs */
	BORDER-TOP: #f7f5f4 1px solid; PADDING-TOP: 4px !important; 
	TEXT-DECORATION: none 

}
.mainHeader2 UL.nav LI A:hover {
	POSITION: relative; BACKGROUND: #bdc9d1; COLOR: #333 !important; BORDER-TOP: #333 1px solid; TOP: -2px;
	TEXT-DECORATION: none;
/*	background: url(navbg4.png) repeat-x 0 -51px !important; */
}
.mainHeader2 .Current { 
	POSITION: relative; 
	BORDER-TOP: #333 1px solid; TOP: -2px;
	BACKGROUND: #bdc9d1 !important;  /* dark gray */
/*	BACKGROUND: #dee8f3 !important; */ /* light blue */
/*	background: url(navbg2.png) repeat-x 0 -50px !important; */
}




/* Top Nav */

body {
 background: url(borderbg.png) #fff repeat-x;
 margin: 0 auto; 
 width: 970px;
}
 
table {
 clear: both;
}

#topnav {
 width: 973px; /* org 976 */
 margin: 0 auto;
 margin-top: 33px;
 font-family: "Segoe UI", Segoe, Arial, Helvetica, Sans-Serif;
 font-size: 16px;
}

#topnav h1 {
	margin: 0;
}

#topnav h1 a {
	display: block;
	background: url(softcafe.png) no-repeat;
	text-indent: -9999px;
	width: 108px;
	height: 20px;
	float: left;
	margin-top: 9px; /* was org 5px */
}

#topnav ul {
	float: right;
	background: url(navbg.png) repeat-x 0 -96px;
	height: 48px;
	font-weight: 500;
	list-style: none;
	margin: 0;
	padding: 0;
}

#topnav li {
	float: left;
	margin: 0;
	padding: 0;
    text-indent: 0;
}

#topnav li:first-child, #topnav li#first {
	background: url(divider.png) no-repeat top right;
}

#topnav li a {	
	padding: 12px 20px;
	display: block;
	color: #3a3a3a;
	text-decoration: none;
	background: url(divider.png) no-repeat top right;
}

#topnav li:hover, #topnav li#first:hover, #topnav li:first-child:hover {
	background: url(navbg.png) repeat-x 0 -48px;
}

#topnav li.active, #topnav li#first.active, #topnav li.active:first-child {
	background: url(navbg.png) repeat-x;
}

#topnav li.active a {
	color: #fff;
	text-shadow: #1a384a 0 1px 4px; 
	font-weight: bold;
}

#topnav li:first-child a, #topnav li#first a {
	background: url(corner_left.png) no-repeat;
}

#topnav ul li#last a {
background: url(corner_right.png) no-repeat right top;
}



