/* CSS Document */
/*	Simple VII Menus by PVII Style Sheet.
	Comments are included for your assistance. */
	
/* General Notes- Rules preceded by # are ID selectors and are
	assigned in the HTML markup like this: <div id="logo">.
	IDs are unique. That is, an ID can only be assigned to
	one element per page.
	
	Rules preceded by a period are Class Selectors and are
	assigned in the HTML markup like this:
	<div class="p7snaptrigger">
		Some elements are assigned both an ID and a Class, like this:
	<div class="p7snaptrigger" id="p7trigger1">

/*	Body Rule Notes 
	margin values are in shorthand: Top Right Bottom Left.
	Setting the left and right margins to 15% effectively centers
	all static content and makes that content fill 70% of the window. 
	Zero is the only value that does not require a unit of measure
	Global Font Style and base Font Size */
body {
	background-color: #FFFFFF;
	margin: 62px 0 0 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
.bgimg {
	background-image: url(images/bgimg.gif);
	background-repeat: repeat;
	margin-top: 10px;
}

/*	Position absolute turns a DIV into what Dreamweaver
	refers to as a LAYER */
#logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

/* 	The main content Table */
#maincontent {
	font-family: "Gill Sans", Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}

/* 	By adding a Tag "p" after the maincontent ID Selector we
	create what is called a Descendant Selector. In this instance
	the rule is defining styles for all paragraphs that are
	children (descendants) of the maincontent table. Another way
	of saying this is "all paragraphs inside maincontent".
	
	We set all paragraphs in the main content area to have
	Line height set to 150% for readability and text justified.
	Margin is set in shorthand to 8px top and bottom
	and zero left and right.
	
	In shorthand, the presence of two
	values means the first one is for Top and Bottom while the
	second is for Left and Right. */
#maincontent p {
	color: #666666;
	margin: 5px 5px 5px 5px; /* shorthand T-R-B-L */
	text-align: left;
}
#maincontent ul {
	color: #666666;
	list-style-type: disc;
	list-style-position: outside;
}
#maincontent ol {
	color: #666666;
	list-style-type: decimal;
	list-style-position: outside;
}

/* Heading Rules */

/*	The H1 is used to wrap the Logo, representing
	the top of your page's hierarchy */
h1 {margin: 0;}

/*	Additional Headings
	font type for h2 only
	Remove font-weight for H2 to make it render in default bold weight
	
	Font size is based on its container. An H2 in maincontent,
	for example, would be 200% x 85%
	
	Substantial top marigns are set for headings to provide nice
	separation of sections. */
h2 {
	margin: 24px 0 0 0; /* shorthand T-R-B-L */
	font-family: "Century Gothic", Arial, sans-serif; 
	font-weight: normal;
	font-size: 150%;
}
h3 {font-size: 130%; margin: 44px 0 0 0;}
h4 {
	margin: 15px 0 0 10px;
	color: #666666;
	font-family: "Gill Sans", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 110%; 
	}


/* 	Link styles for Main Content only
	Active and Focus trigger the color change in IE-PC and other
	modern browsers when tabbing through the links with keyboard. */
#maincontent a:link {color: #6D79C6; TEXT-DECORATION: none;}
#maincontent a:visited {color: #666666; TEXT-DECORATION: none;}
#maincontent a:hover {color: #4D568C; TEXT-DECORATION: none;}
#maincontent a:active {color: #4D568C; TEXT-DECORATION: none;}
#maincontent a:focus {color: #4D568C; TEXT-DECORATION: none;}

#pricetble {
	font-family: "Gill Sans", Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 9pt;
}
#shiptble p{
	margin: 1px 3px 1px 3px; /* shorthand T-R-B-L */
}
#shiptble {
	font-family: "Gill Sans", Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 9pt;
}
/* 	Link styles for the Triggers

 	Set to block to make link fill up entire layer with medium gray
	background color that shows through the transparent fill of the trigger images */
.giftcards1 a {
	display: block;
	background-color: #FFFFFF;
	border-right: 1px solid #666666;
}
.products2 a {
	display: block;
	background-color: #FFFFFF;
	border-right: 1px solid #666666;
}
.holidaygift a {
	display: block;
	background-color: #FFFFFF;
	border-right: 1px solid #666666;
}
#holidaygiftO a {
	background-color: #FBD4E0;
}
.services3 a {
	display: block;
	background-color: #FFFFFF;
	border-right: 1px solid #666666;
}
.contact4 a {
	display: block;
	background-color: #FFFFFF;
	border-right: 1px solid #666666;	
}
.appointments5 a {
	display: block;
	background-color: #FFFFFF;
	border-right: 1px solid #666666;
}
.locations6 a {
	display: block;
	background-color: #FFFFFF;
}


/* 	When the trigger images are hovered over, the background color changes to from white to sub-cat color.
	We don't change text color because the link text is actually the non-transparent
	portion of the trigger image.
	
	Active and Focus trigger the color change in IE-PC and other
	modern browsers when tabbing through the links with keyboard. */


.giftcards1 a:hover, .giftcards1 a:active, .giftcards1 a:focus {
	background-color: #F6E096;
}
.products2 a:hover, .products2 a:active, .products2 a:focus {
	background-color: #C9F2CA;
}
.holidaygift a:hover, .holidaygift a:active, .holidaygift a:focus {
	background-color: #FBD4E0;
}
.services3 a:hover, .services3 a:active, .services3 a:focus {
	background-color: #C9E1F2;
}
.contact4 a:hover, .contact4 a:active, .contact4 a:focus {
	background-color: #F2D2C9;
}
.appointments5 a:hover, .appointments5 a:active, .appointments5 a:focus {
	background-color: #EFD4F5;
}
.locations6 a:hover, .locations6 a:active, .locations6 a:focus {
	background-color: #D4F1F5;
}

/* 	When the main category is selected bgcolor stays highlighted until next selection is made */


.giftsel a {
	display: block;
	background-color: #F6E096;
	border-right: 1px solid #666666;	
}
.prodsel a {
	display: block;
	background-color: #C9F2CA;
	border-right: 1px solid #666666;
}
.holidaygiftsel a {
	display: block;
	background-color: #FBD4E0;
	border-right: 1px solid #666666;
}
.svcsel a {
	display: block;
	background-color: #C9E1F2;
	border-right: 1px solid #666666;
}
.contactsel a {
	display: block;
	background-color: #F2D2C9;
	border-right: 1px solid #666666;
}
.apptsel a {
	display: block;
	background-color: #EFD4F5;
	border-right: 1px solid #666666;
}
.locsel a {
	display: block;
	background-color: #D4F1F5;
}
/*  This defines the menu border */
.bordercolor {
	border: 1px solid #999999;
}
/* 	The Submenu Layers
 	Use a combined selector to assign all properties common to each
	of the Submenu Layers. */
#prodsub {
	position: absolute;
	width: 160px;
	top: 77px;
	visibility: hidden;
	background-color: #FFFFFF;
}
#servsub {
	position: absolute;
	width: 160px;
	top: 77px;
	background-color: #FFFFFF;
	visibility: hidden;
}
#aboutsub {
	position: absolute;
	width: 160px;
	top: 77px;
	background-color: #FFFFFF;
	visibility: hidden;
}
#locsub {
	position: absolute;
	width: 160px;
	top: 77px;
	background-color: #FFFFFF;
	visibility: hidden;

}


/* 	Now use individual selectors for each trigger Layer to assign
	their unique properties, in this case the left property */
#prodsub {left: 13px;}
#servsub {left: 136px;}
#aboutsub {left: 259px;}
#locsub {left: 359px;}


/* 	The submenu links are in paragraphs, so we set the margin to zero
	so there is no gap between links 

.Lprodsub p {margin: 0;}
.Lservsub p {margin: 0;}
.Laboutsub p {margin: 0;}
.Llocsub p {margin: 0;}*/

/* 	Submenu Link Styles
 	Use a combined selector for a and a:visited. Set padding in shorthand
	to 1px on top and bottom, 8px right and 12px left.
	
	Set display to block so entire link box, including padding is clickable.
	Set border to 1px solid.
	
	Set border colors in shorthand to Light Gray on top and left - and
	Charcoal Gray on right and bottom. This combination of colors creates
	a raised button-type effect.
	
	Set background color to dark gray, text to medium gray and turn off nones. */

.Lprodsubtop a, .Lprodsubtop a:visited {
	display: block;
	background-color: #FFFFFF;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
.Lprodsub a, .Lprodsub a:visited {
	display: block;
	background-color: #FFFFFF;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
.Lservsubtop a, .Lservsubtop a:visited {
	display: block;
	background-color: #FFFFFF;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
.Lservsub a, .Lservsub a:visited {
	display: block;
	background-color: #FFFFFF;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
.Laboutsubtop a, .Laboutsubtop a:visited {
	display: block;
	background-color: #FFFFFF;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
.Laboutsub a, .Laboutsub a:visited {
	display: block;
	background-color: #FFFFFF;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
.Llocsubtop a, .Llocsubtop a:visited {
	display: block;
	background-color: #FFFFFF;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
.Llocsub a, .Llocsub a:visited {
	display: block;
	background-color: #FFFFFF;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

/* 	Change background and text colors when links are hovered over.
	Use a combined selector for hover, active, and focus.
	
	Active and Focus trigger the color change in IE-PC and other
	modern browsers when tabbing through the links with keyboard. */ 
	
.Lprodsubtop a:hover, .Lprodsubtop a:active, .Lprodsubtop a:focus {
	background-color: #C9F2CA;
	color: #000000;
}
.Lprodsub a:hover, .Lprodsub a:active, .Lprodsub a:focus {
	background-color: #C9F2CA;
	color: #000000;
}
.Lservsubtop a:hover, .Lservsubtop a:active, .Lservsubtop a:focus {
	background-color: #C9E1F2;
	color: #000000;
}
.Lservsub a:hover, .Lservsub a:active, .Lservsub a:focus {
	background-color: #C9E1F2;
	color: #000000;
}
.Laboutsubtop a:hover, .Laboutsubtop a:active, .Laboutsubtop a:focus {
	background-color: #F2D2C9;
	color: #000000;
}
.Laboutsub a:hover, .Laboutsub a:active, .Laboutsub a:focus {
	background-color: #F2D2C9;
	color: #000000;
}
.Llocsubtop a:hover, .Llocsubtop a:active, .Llocsubtop a:focus {
	background-color: #D4F1F5;
	color: #000000;
}
.Llocsub a:hover, .Llocsub a:active, .Llocsub a:focus {
	background-color: #D4F1F5;
	color: #000000;
}

/* 	Side Submenu Link Styles
	Set display to block so entire link box, including padding is clickable.
	Set border to 1px solid.
	
	Set border colors in shorthand to Light Gray on top and left - and
	Charcoal Gray on right and bottom. This combination of colors creates
	a raised button-type effect.
	
	Set background color to corresponding category color. */
.sidesubtbl {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}


/* BEGIN Vert Prod Menu */ 

.sidesubtblp {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

.Msidesubp a, .Msidesubp a:visited {
	display: block;
	background-color: #C9F2CA;
	/*border-bottom: 1px solid #FFFFFF;*/
}

	
.Msidesubp a:hover, .Msidesubp a:active, .Msidesubp a:focus {
	background-color: #FFFFFF;
	color: #000000;
}

/* END Vert Prod Menu */ 

.Msidesub a, .Msidesub a:visited {
	display: block;
	/*background-color: #F2D2C9;*/
	border-bottom: 1px solid #FFFFFF;
}
/* 	Change background colors when links are hovered over.
	Use a combined selector for hover, active, and focus.
	
	Active and Focus trigger the color change in IE-PC and other
	modern browsers when tabbing through the links with keyboard. */ 
	
.Msidesub a:hover, .Msidesub a:active, .Msidesub a:focus {
	background-color: #FFFFFF;
	color: #000000;
}
.Msidesubabout a:hover, .Msidesubabout a:active, .Msidesubabout a:focus {
	border-bottom: 5px solid #F2D2C9;
	background-color: #FFFFFF;
	color: #000000;

}
.Msidesubsel a {
	background-color: #FFFFFF;
	color: #000000;
}

/* This sets the bgcolor for the sidebub menus */
.aboutbgcolor {
	background-color: #F2D2C9;
	padding: 5px;
}
.prodbgcolor {
	background-color: #C9F2CA;
	padding: 5px;
}
.hgiftbgcolor {
	background-color: #FBD4E0;
	padding: 5px;
}
.servbgcolor {
	background-color: #C9E1F2;
	padding: 5px;
	background-position: top;
}
.locbgcolor {
	background-color: #D4F1F5;
	padding: 5px;
}



/* The footer is a Static DIV set with a substantial top margin to
	separate it from the main content above.
	
	Font size is 75% of the global font size.
	
	Padding top is set to 6px to provide separation between the
	footer contents and the 2px wide dotted border above it. */
.footernav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}
.footernav a:link {color: #666666}     /* unvisited link */
.footernav a:visited {color: #696969}  /* visited link */
.footernav a:hover {color: #000080}   /* mouse over link */
.footernav a:active {color: #87CEFA}   /* selected link */

.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}
.maintable {
	background-color: #FFFFFF;
	border: medium dotted #CCCCCC;
}
.dotdiv {
	background-image: url('http://www.inspa.com/images/one_dot.gif');
	background-repeat: repeat-y;
}
.popuptbl {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	background-color: #FFFFFF;
	vertical-align: middle;
}
.popuptbl p {
	color: #666666;
	margin: 5px 15px 15px 15px; /* shorthand T-R-B-L */
	text-align: left;
}
.popuptbl ul {
	color: #666666;
	list-style-type: disc;
	list-style-position: outside;
}
.popuptbl ol {
	color: #666666;
	list-style-type: decimal;
	list-style-position: outside;
}
.popuptbl h4 {
	margin: 15px 0 0 10px;
	color: #666666;
	font-family: "Gill Sans", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 110%; 
	}

.layerbdr {
	border: solid 3px #F6E096;
}

/*THIS IS THE START OF THE SHIN1 CSS*/

BODY,DIV,TH,TD,P,INPUT,SELECT,TEXTAREA,TT {
        FONT-FAMILY: "Gill Sans", Arial, Helvetica, Sans-serif; 
        COLOR: #666666; FONT-SIZE: 9pt;
}
A:link {
        COLOR: #6D79C6; TEXT-DECORATION: none;
}
A:visited {
        COLOR: #666666; TEXT-DECORATION: none;
}
A:hover {
        COLOR: #4D568C; TEXT-DECORATION: none;
}
A:active  {
        COLOR: #666666; TEXT-DECORATION: none;
}
H1 {
        FONT-SIZE: 150%;
}
H2 {
        FONT-SIZE: 130%;
}
H3 {
        FONT-SIZE: 110%;
}
HR {
        COLOR: #DDDDDD; HEIGHT: 1px;
}
BODY { 
        MARGIN-TOP: 0 px; MARGIN-BOTTOM: 0 px; MARGIN-LEFT: 0 px; MARGIN-RIGHT: 0 px; 
        BACKGROUND-COLOR: #FFFFFF;
}
.HeadBox {
        BACKGROUND-COLOR: #FFFFFF;
}
.HeadText {
        FONT-SIZE: 10pt; FONT-WEIGHT: bold;
}
.HeadLine {
        BACKGROUND-COLOR: #DDDDDD;
}

/*.VertMenuBox {
        BACKGROUND-COLOR: #DDDDDD;
}
.VertMenuBorder {
        BACKGROUND-COLOR: #666666;
}
.VertMenuTitle {
        BACKGROUND-COLOR: #330099; COLOR: #FFFFFF; FONT-WEIGHT: bold;
}
.VertMenuItems{
        COLOR: #666666; TEXT-DECORATION: none;
}
.VertMenuItems:link {
        COLOR: #666666; TEXT-DECORATION: none;
}
.VertMenuItems:visited {
        COLOR: #666666; TEXT-DECORATION: none;
}
.VertMenuItems:hover {
        COLOR: #666666; TEXT-DECORATION: underline;
}
.VertMenuItems:active  {
        COLOR: #666666; TEXT-DECORATION: none;
}
.VertMenuHr {
        COLOR: #999999;
*/

/*THIS IS THE START OF VERTMENU INSPA PRODS*/

.VertMenuBox {
        BACKGROUND-COLOR: #C9F2CA;
}
.VertMenuBorder {
        BACKGROUND-COLOR: #C9F2CA;
}
.VertMenuTitle {
        BACKGROUND-COLOR: #330099; COLOR: #FFFFFF; FONT-WEIGHT: bold;
}
.VertMenuItems{
        COLOR: #666666; TEXT-DECORATION: none;
}
.VertMenuItems:link {
        COLOR: #666666; TEXT-DECORATION: none;
}
.VertMenuItems:visited {
        COLOR: #666666; TEXT-DECORATION: none;
}
.VertMenuItems:hover {
        COLOR: #FFFFFF; TEXT-DECORATION: underline;
}
.VertMenuItems:active  {
        COLOR: #666666; TEXT-DECORATION: none;
}
.VertMenuHr {
        COLOR: #999999;

/*THIS ENDS THE VERTMENU INSPA PRODS*/
}
.CategoriesList {
	FONT-SIZE: 9pt;
}
.DialogBox {
        BACKGROUND-COLOR: #ffffff;
}
.DialogBorder {
        BACKGROUND-COLOR: #3366CC;
}
.DialogTitle {
        COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 10pt;
}
.NumberOfArticles {
        COLOR: #000000; FONT-WEIGHT: bold;
}
.TopLabel {
        COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 10pt;
}
.Text {
        COLOR: #000000;
}
.DecorTr {
        COLOR: #389FF8;
}
.AdminSmallMessage {
        COLOR: #000066;
}
.AdminTitle {
        COLOR: #000066; FONT-WEIGHT: bold; FONT-SIZE: 10pt;
}
.Line {
        BACKGROUND-COLOR: #FF6600;
}
/*
	REDLIME
*/
.rlProdRow {
	position:relative;height:100%;width:100%;
}
.rlProdRow a {
	text-decoration: none;
}
.ProductTitle {
	COLOR: #000000;
	FONT-WEIGHT: bold;
	text-decoration: none;

/*
	FONT-SIZE: 10pt;
	font-family: Arial, Helvetica, sans-serif;
*/
	font-family: "Gill Sans", Arial, Helvetica, sans-serif;
	font-size: 11px;
/*	letter-spacing: 1px;
*/
}
.rlProdThumb {
	position:absolute;top:-10px;right:10px;
}
.rlProdDetails {
/*
	position: absolute;
	bottom: 10px;
	left: 0;
*/
	display: block;
	float: left;
	margin-top: 5px;
	border: 1px solid gray;
	color: gray;
	padding: 3px 5px;
	font-size: 10px;
}
/* /REDLIME */
.ProductTitleHidden {
        COLOR: #666666; FONT-WEIGHT: bold; FONT-SIZE: 9pt;
}
.ProductDetailsTitle {
        COLOR: #000066; FONT-WEIGHT: bold; FONT-SIZE: 11px;
}
.ProductDetails {
        COLOR: #000000;
}
.ProductPriceTitle {
        COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 10pt;
}
.ProductPriceConverting {
        COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 10pt;
}
.ProductPrice {
        COLOR: #EE303B; FONT-WEIGHT: bold; FONT-SIZE: 10pt;
}
.ProductPriceSmall {
        COLOR: #000066; FONT-WEIGHT: bold;
}
.MarketPrice {
        COLOR: #333333; FONT-WEIGHT: bold; FONT-SIZE: 10pt;
}
.ItemsList {
        COLOR: #666666; FONT-WEIGHT: bold;
}
#Disabled {
        COLOR: #909090;
}
.NavigationPath {
        COLOR: #666; FONT-WEIGHT: bold; TEXT-DECORATION: none;
}
.NavigationPath:link {
        COLOR: #666; FONT-WEIGHT: bold; TEXT-DECORATION: none;
}
.NavigationPath:visited {
        COLOR: #666; FONT-WEIGHT: bold; TEXT-DECORATION: none;
}
.NavigationPath:hover {
        COLOR: #4D568C; FONT-WEIGHT: bold; TEXT-DECORATION: none;
}
.NavigationPath:active  {
        COLOR: #666; FONT-WEIGHT: bold; TEXT-DECORATION: none;
}
.FormButton {
        COLOR: #66CCFF; FONT-WEIGHT: bold; 
}
.Button {                                 
		FONT-FAMILY: Arial;
		BACKGROUND: #66CCFF;
		COLOR: #FFFFFF; FONT-WEIGHT: bold;
		FONT-SIZE: 9pt;
		TEXT-DECORATION: none;
}
.CustomerMessage {
        COLOR: #000066; FONT-WEIGHT: bold; 
}
.ErrorMessage {
        COLOR: #000066; FONT-WEIGHT: bold; 
}
.Star {
        COLOR: #FF0000;
}
.HighLight {
		BACKGROUND-COLOR: #FFFFCC;
}
.SaveMoneyLabel {
        COLOR: #FFFFFF; FONT-WEIGHT: bold; 
}
.TableHead {
	BACKGROUND-COLOR: #CCCCCC; FONT-WEIGHT: bold;
}
.TableSubHead {
    BACKGROUND-COLOR: #EEEEEE;
}
.TableLine {
    BACKGROUND-COLOR: #F0F0F0;
}
.SmallNote:link {
        COLOR: #333333; TEXT-DECORATION: none; FONT-SIZE: 8pt; FONT-FAMILY: "Gill Sans", Arial, Helvetica, Sans-serif;
}
.SmallNote:visited {
        COLOR: #333333; TEXT-DECORATION: none; FONT-SIZE: 8pt; FONT-FAMILY: "Gill Sans", Arial, Helvetica, Sans-serif;
}
.SmallNote:hover {
        COLOR: #333333; TEXT-DECORATION: none; FONT-SIZE: 8pt; FONT-FAMILY: "Gill Sans", Arial, Helvetica, Sans-serif; 
}
.SmallNote:active {
        COLOR: #333333; TEXT-DECORATION: none; FONT-SIZE: 8pt; FONT-FAMILY: "Gill Sans", Arial, Helvetica, Sans-serif;
}
.SmallText {
        COLOR: #333333; TEXT-DECORATION: none; FONT-SIZE: 8pt; FONT-FAMILY: "Gill Sans", Arial, Helvetica, Sans-serif;
}
.Bottom {
        BACKGROUND-COLOR: #DDDDDD; COLOR: #666666;
}
.Tab {
        BACKGROUND-COLOR: #DDDDDD;
        FONT-WEIGHT: bold;
        TEXT-TRANSFORM: uppercase;
}
.CatMenuItemOff 
{
    BACKGROUND-COLOR: transparent;              /* like "VertMenuBox" */
    BORDER-RIGHT: none;        /* like "VertMenuBox" */
    BORDER-TOP: none;          /* like "VertMenuBox" */
    BORDER-LEFT: none;         /* like "VertMenuBox" */
    BORDER-BOTTOM: none;       /* like "VertMenuBox" */
    MARGIN-BOTTOM: 1px;
    MARGIN-TOP: 1px;
    MARGIN-LEFT: 2px; 
    MARGIN-RIGHT: 3px;
    CURSOR: pointer;
}
.CatMenuItemOffExp
{
    BACKGROUND-COLOR: transparent;              /* like "VertMenuBox" */
    BORDER-RIGHT: none;        /* like "VertMenuBorder" */
    BORDER-TOP: none;          /* like "VertMenuBorder" */
    BORDER-LEFT: none;         /* like "VertMenuBorder" */
    BORDER-BOTTOM: none;       /* like "VertMenuBorder" */
    MARGIN-BOTTOM: 1px;
	MARGIN-TOP: 1px;
	MARGIN-LEFT: 2px;
    MARGIN-RIGHT: 3px;  
    CURSOR: pointer;
}
.CatMenuItemOn
{   
    BACKGROUND-COLOR: #330099;              /* like "VertMenuTitle" */
    BORDER-RIGHT: none;        /* like "VertMenuBorder" */
    BORDER-TOP: none;          /* like "VertMenuBorder" */
    BORDER-LEFT: none;         /* like "VertMenuBorder" */
    BORDER-BOTTOM: none;       /* like "VertMenuBorder" */
    MARGIN-BOTTOM: 1px;
	MARGIN-TOP: 1px;
	MARGIN-LEFT: 2px;
    MARGIN-RIGHT: 3px;  
    CURSOR: pointer;
}
.CatSubMenu
{
    BACKGROUND-COLOR: #DDDDDD;              /* like "VertMenuBox" */
    BORDER-RIGHT: #666666 1px solid;        /* like "VertMenuBorder" */
    BORDER-TOP: #666666 1px solid;          /* like "VertMenuBorder" */
    BORDER-LEFT: #666666 1px solid;         /* like "VertMenuBorder" */
    BORDER-BOTTOM: #666666 1px solid;       /* like "VertMenuBorder" */
    MARGIN-LEFT: 1px; 
    MARGIN-RIGHT: 2px;
}
.CatMenuItem
{
    FONT-SIZE: 10pt;
    FONT-FAMILY: Arial;
    CURSOR: pointer;
}
.CatMenuItem:link
{
    COLOR: #666666;                         /* like "VertMenuItems" */
}
.CatMenuItem:visited
{
    COLOR: #666666;                         /* like "VertMenuItems" */
}
.CatMenuItem:hover
{
    COLOR: #FFFFFF;                         /* like "VertMenuTitle" */
}
.CatMenuItem:active
{
    COLOR: #FFFFFF;                         /* like "VertMenuItems" */
}
.NavDialogTitle {
    font-size: 10pt;
    font-weight: bold;
    color: #666666;
}   
.NavDialogBorder {
    background-color: #FFCC33;
}
.NavDialogBox {
    background-color: #FFFFCC;
}
.PopupHelpLink {
	FONT-SIZE: 9pt;
	COLOR: #666666; 
	TEXT-DECORATION: none;
}
.SubHeader2Line {
	BACKGROUND-COLOR: #CCCCCC;
}
.HightLightRow {
	BACKGROUND-COLOR: #B0B0B0;
	font-weight: bold;
}
.HightLightEqualRow {
	BACKGROUND-COLOR: #ffe8af;
}
.VertMenuSubTitle {
	BACKGROUND-COLOR: #FFA92F;
}
.hand {
	cursor: hand;
}

.break { 
page-break-after: always
}

.breadcrumb {
	font-family: "Gill Sans", Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 10px;
}

/* BEGIN NEWSLETTER STYLE */

.intro_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	color: #000000;
}
.sidebar_product {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	color: #000000;
}
.sidebar_prod_head {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
}
.sidebar_ko_body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	color: #FFFFFF;
}
.body_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
}
.sidebar_ko_head {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	color: #FFFFFF;
}
.subhead_01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
}
.intro_subhead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.style3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	font-weight: bold;
	color: #3386bc;
}
}
.style6 {color: #8f1a1b}
.subhead_02 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #003082;
}
.komentable {
	background-color: #FFFFFF;
	border: medium dotted #fa559e;
}
.coupontable {
	background-color: #FFFFFF;
	border: medium dotted #3386bc;
}
.dotdivgive {
	background-image: url('http://www.inspa.com/nl{$ImagesDir}/one_dot_give.gif');
	background-repeat: repeat-y;
}


/* END NEWSLETTER STYLE */