body {
	background-color: #fff;
	/*we use an abssolute url for NN4 followed by a relative url for modern browsers*/
	/* background-image:  url("http://www.piggybankshop.com/assets/geo_pbg.gif"); */
/*	background-image:  url("images/taxifade.jpg"); /* */
/*	background-repeat: no-repeat;
	/*css shorthand values: Top Right Bottom Left */
	min-width: 600px;
    height: 400px;
    margin: 20px 5% auto 120px;
	padding: 0;
}

/*font family for page*/
div, p, td, ul {
font-family:  "Trebuchet MS", Arial, sans-serif;
    font-size: 14px;
    color: #ffffff;
    color: #333333;
}

#Header {
	position: absolute;
	left: 84px;
	top: 16px;
	width: 955px;
	height: 46px;
	z-index: 500;
	visibility: visible;

}
#HeaderSub {
	position: absolute;
	left: 114px;
	top: 2px;
	width: 50%;
	height: 26px;
	z-index: 500;
	visibility: visible;

}


/* Connects the Header DIV to the main content and navigation divs*/
#ConnectDiv {
	font-family: "Garamond", Arial, sans-serif;
  /*  font-style: italic; */
    font-size: 16px;
    color: #ffffff;
	background-color: #CC0033;
  float: right;
  width: 245px;
  height: 490px;
  margin: -480px 5% 460px auto; 
	padding: 2px;
  display: inline;
}
#imageMenu {
  float: right; 
  width: 480px; 
  height: 120px;
  margin: -150px -280px 120px auto; 
	padding: 0;
  display: inline; 
}

#horz-menu {
	position:absolute;
	left:9px;
	top:63px;
	width:95%;
	height:26px;
	z-index:102;
    display: table-cell;
	background-color: #CCCC99;
	layer-background-color: #CCCC99;
	visibility: visible;
}

#horz-menu a {
	font-family:  Arial, sans-serif;
    font-style: normal;
	color: #666;
	font-size: 14px;
	background-color: transparent;
	padding: 0;
	line-height:25px;
	text-decoration: none;
	display: table-cell;
}

/*The Link style for top-level menuitems hidden from Netscape 4*/
	/*css shorthand values: Top Right Bottom Left */
#horz-menu div a {
	/*/*/color: #666666;
/*    font-weight: bold; */
	font-size: 14px;
	background-color: #CCCC99;
	padding: 0;
	line-height:25px;
	text-decoration: none;
	display: table-cell;
	border-top: 4px solid #CCCC99;
	border-right: 5px solid #CCCC99;
	border-bottom: 4px solid #CCCC99;
	border-left: 5px solid #CCCC99;
}

#horz-menu div a:hover {
	color: #cccc99;
 /*   font-weight: bold; */
	font-size: 14px;
	display: table-cell;
	background-color: #666666;
	border-top: 4px solid #666666;
	border-right: 5px solid #666666;
	border-bottom: 4px solid #666666;
	border-left: 5px solid #666666;
}



/* The main content Div */
#cDiv {
background-image:  url('../images/pair.jpg'); /* */
	background-repeat: no-repeat; 
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	border-top: 1px solid #999966;
	border-right: 1px solid #999966;
	border-bottom: 1px solid #999966;
	border-left: 1px solid #999966;
	margin: 0;
	min-width: 700px;
}
#cDiv a:link {color:#000099;}
#cDiv a:visited {color:#000099;}
#cDiv a:hover {color:#CC0033;}

/* The main content Div for home page*/
#iDiv {
background-image:  url('../images/pair.jpg'); /* */
	background-repeat: no-repeat; 
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	border-top: 1px solid #999966;
	border-right: 1px solid #999966;
	border-bottom: 1px solid #999966;
	border-left: 1px solid #999966;
	margin: 0;
	min-width: 700px;
}
#iDiv a:link {text-decoration:none;color:#000099;}
#iDiv a:visited {color:#000099;}
#iDiv a:hover {color:#CC0033;}

/* The main content Div for home page */
#hDiv {
	padding: 0px 0px 0px 0px;
	font-size: 14px;
	background-color: #CCCC99;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	border-bottom: 6px solid #333;
	border-left: 1px solid #333;
	margin: 0;
	min-width: 600px;
/*	max-width: 900px; */
}
#hDiv a:link {color:#333333;}
#hDiv a:visited {color:#333333;}
#hDiv a:hover {color:#9999999;}

h5 {
	font-family: "Garamond", Arial, sans-serif;
    font-style: italic;
	font-size: 28px;
	margin: 0px 0 0 0;
	color: #999966;
	letter-spacing: 0em;  /* */
}
h2 {
	font-family: "Garamond", Arial, sans-serif;
    font-style: italic;
	font-size: 42px;
	margin: 0px 0 0 0;
	color: #cccc99;
	letter-spacing: 0em;  /* */
}
.text2 {
	font-family: "Garamond", Arial, sans-serif;
    font-style: italic;
    font-weight: bold;
	font-size: 42px;
	margin: 0px 0 0 0;
	color: #cccc99;
	letter-spacing: 0em;  /* */
}
h3 {
	font-family: "Garamond", Arial, sans-serif;
    font-style: italic;
	font-size: 36px;
	margin: 0px 0 0 0;
	color: #666666;
	letter-spacing: 0em;  /* */
}
.text3 {
	font-family: "Garamond", Arial, sans-serif;
    font-style: italic;
 font-weight: bold;
	font-size: 36px;
	margin: 0px 0 0 0;
	color: #990000;
	letter-spacing: 0em;  /* */
}
h1 {
	font-size: 18px;
	margin: 0px 0 0 0;
	color: #666666;
	letter-spacing: 0em;  /* */
}

h4 {
	font-family: "Garamond", Arial, sans-serif;
    font-style: italic;
	font-size: 22px;
	margin: 0px 0 0 0;
	color: #cccc99;
	letter-spacing: 0em;  /* */
}
.text4 {
	font-family: "Garamond", Arial, sans-serif;
    font-style: italic;
	font-size: 22px;
	margin: 0px 0 0 0;
	color: #cccc99;
	letter-spacing: 0em;  /* */
}
/*The Footer DIV*/
#footer {
	color: #999;
	width: 90%;
	padding: 1px;
	margin: 10px 10% auto 5%;
	/*/*/background-color: #ffffff;
	font-family: Arial, sans-serif;
    font-style: normal;
	font-size: 10px;
	color: #000099; /* */
	border-top: 0px solid #000099;
	border-right: 0px solid #000099;
	border-bottom: 0px solid #000099;
	border-left: 0px solid #000099;
	
}
#footer a:link {color:#000099;}
#footer a:visited {color:#000099;}
#footer a:hover {color:#999999;}

/*The Footer DIV*/
#Indexfooter {
	position:absolute;
	left:120px;
	top:510px;
	width:90%;
	z-index:100;
	color: #999;
	padding: 1px;
	margin: 5px 0 auto 5%;
	background-color: #ffffff;
	font-family: Arial, sans-serif;
	font-style: normal;
	font-size: 10px;
	color: #000099;
	border-top: 0px solid #000099;
	border-right: 0px solid #000099;
	border-bottom: 0px solid #000099;
	border-left: 0px solid #000099;


	
}
#Indexfooter a:link {color:#000099;}
#Indexfooter a:visited {color:#000099;}
#Indexfooter a:hover {color:#999999;}

/*Contains the Expand All and Collapse All controls*/
#CtrlDiv {
	position:absolute;
	left:5px;
	top:171px;
	width:22px;
	visibility: hidden;
	/*/*/visibility: visible; /* */
}

/*fixes image display bug in Netscape 6 for images in the CtrlDiv*/
#CtrlDiv img {
	display: block; 
}


/*Container Div for the navigation Menu*/
#navDiv {
	font-family:  Arial, sans-serif;
    font-style: normal;
	color: #000099;
	position:absolute;
	left:3px;
	top:100px;
	width: 122px;
	z-index:10;
	height: 300px;
	visibility: visible;


}

/* The navigation Div*/
#p7TMnav  {
	font-family:  Arial, sans-serif;
    font-style: normal;
  font-weight: bold;
	/*/*/background-color: transparent; /* */
     color: #000099;
}

/*The Link style for top-level menuitems and is read by all browsers*/
#p7TMnav div a {
	font-family:  Arial, sans-serif;
    font-style: normal;
  font-weight: bold;
	color: #000099;
	font-size: 11px;
}

/*The Link style for top-level menuitems hidden from Netscape 4*/
	/*css shorthand values: Top Right Bottom Left */
#p7TMnav div a {
	color: #000099;
   font-weight: bold; 
	font-family:  Arial, sans-serif;
    font-style: normal;
	font-size: 11px;
	background-color: transparent;
	padding: 1px 2px 1px 5px;
	line-height:20px;
	text-decoration: none;
	display: block;
	border-bottom: 0px solid #FFFFFF; /* */
}

#p7TMnav div a:hover {
	color: #ffffff;
   font-weight: bold; 
	font-size: 11px;
	background-color: #000099;
}

/*The Link styles for second-level menuitems*/
#p7TMnav div div a {
	color: #333333;
	font-size: 12px;
	background-color: transparent;
	line-height:35px;
	border-bottom: 1px solid #FFFFFF;
	padding: 1px 2px 1px 38px;
}
#p7TMnav div div a:hover {
	color: #ffffff;
	background-color: #CCCCCC;
}

/*The Link style for third-level menuitems and lower*/
#p7TMnav div div div a {
	font-size: 11px;
	color: #ffffff;
}

/*The Link style for fourth-level menuitems and lower*/
/*To set a specific style for the fifth level, add a div to the selector*/
/*Fifth-level example syntax: p7TMnav div div div div div a {declaration}*/
#p7TMnav div div div div a {
	font-size: 10px;
}

/*rules programatically assigned to parent links when image-based plus and minus option is selected. The padding on the 4 following rules supercedes (via !important) the padding on the p7TMnav div a selector when you've chosen the option to use images for the plus and minus signs*/
.p7plusmark {
	background-repeat: no-repeat;
	background-image:    url("p7geo_plus.gif");
	background-position: 0 50%;

}
.p7minusmark {
	background-repeat: no-repeat;
	background-image:    url("p7geo_minus.gif");
	background-position: 0 50%;
}

/*rule programatically assigned to child links when image-based plus and minus option is selected*/
.p7defmark {
	background-image:  none;
}

/*rules programatically assigned to page link correesponding to current page (You are Here)*/
a.p7currentmark {
	font-weight: bold; 
	background-color: transparent; !important;
	color: #33CCCC !important;
    font-size: 11px !important;
/*	letter-spacing: 3px; */
	background-repeat: no-repeat;
	background-image:    url("star.gif"); 
	background-position: 0 50%; 
}
#viewcart {	
	background-color: transparent; !important;
	color: #999999; !important;
    font-size: 16px !important;
/*	letter-spacing: 3px; */
	background-repeat: no-repeat;
/*	background-image:    url("shopicon.gif"); */
	background-position: 0 50%; 
}