/* CSS Document for First Choice Pet 
Palette:
#176B8F #176B90 TEAL
#826915 MED BROWN
#3EB2DF BRIGHT CYAN
#FF3627 BRIGHT RED
#68581c DK BROWN
*/
body {
	background: #176B8F url(/assets/images/fcppgbkgd-front.jpg) repeat-x;
	font-family: "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	color: #fff; 
	font-size: 80%; 
	margin: 0; 
	padding: 0;
	/*padding: 2em;  remove this to stretch the layout across the screen edge-to-edge */
}
* html body {
	background: #176B8F url(/assets/images/fcppgbkgd-front.jpg) repeat-x;
	font-family: "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	color: #fff; 
	font-size: 80%; 
	margin: 0; 
	padding: 0; /* remove this to stretch the layout across the screen edge-to-edge */
}
/* ---------------------------- GLOBAL STYLING --------------------------- */
div, table, td { margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: 700; text-align:left;}
img{ border:none; margin:0;padding:0; vertical-align:top;}
div#container {font-size: 100%;}
div#contentb{font-size: 105%; width: 99%; margin:0; padding: 0;}

div#contentb a, a:link, a:visited, a:hover, a:active { margin: 0; padding: 0; background-image: none; text-decoration:none;}
div#contentb a:link { margin: 0; padding: 0; text-decoration:none; color:#826915; background-image: none;}
div#contentb  a:visited {color: #826915; text-decoration:none;}
div#contentb  a:hover, a:focus {color: #176B8F; text-decoration:underline;}
div#contentb  a:active {color: #68581c; text-decoration:none;}
a img{border: none;}
img{border:none;margin:0;padding:0;}
p { 
	font: 1em/140% Verdana, Arial, sans-serif;
	margin: 0; padding: 0;
	text-align: left; vertical-align: top;}

div#container p {
font: 1em/140% Verdana, Arial, sans-serif;
margin: 0 0px 0 0px;
padding: 10px 0px 0px 0;
}
div#container p.close {
font: .9em/140% Verdana, Arial, sans-serif;
margin: 0 0px 0 0px;
padding: 4px 0px 3px 0;
}
p.errornotice {
color: #E0070F; 
}
p.errornotice_dk {
color: #B31736; 
}

h1 {
	font: 1.4em/130% "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: #FF3627; /* red */
}
div#contentb h1 {
	/*margin: 3px 0 3px 0px;*/
	padding: 15px 0 0 0;
	margin-bottom:10px;
	font-weight: 700;
	color: #176B90;
}
h2 {
	font: .9em/140% Verdana, Arial, Helvetica, sans-serif;
	color: #532485; 
}
div#contentb h2 {
	color:#176B90;
	margin-top:10px;
	margin-bottom: 0px;
	padding: 0 0 3px 0;
	font-weight:700;
	background:#FFFFFF url(../images/h2bkgd.jpg) top left no-repeat;
}
* html div#contentb h2 {
	color:#176B90;
	margin-top:10px;
	margin-bottom: 0px;
	padding: 0 0 6px 0;
	font-weight:700;
	background:#FFFFFF url(../images/h2bkgd.jpg) top left no-repeat;
}
div#contentb h2.wide {
	color:#176B90;
	margin-top:10px;
	margin-bottom: 0px;
	padding: 0 0 3px 0;
	font-weight:700;
	background:#FFFFFF url(../images/h2bkgdwide.jpg) top left no-repeat;
}
div#contentb h2.nobkgd {
	color:#176B90;
	margin-top:10px;
	margin-bottom: 0px;
	padding: 0 0 3px 0;
	font-weight:700;
	background-image: none;
}
h3 {
	font: 1em/140% Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 12px 0px 0px 0px;
}
div#contentb h3 {
	color:#b31736;
	margin-bottom:10px;
}
h4 {
	font: 1em/140% Verdana, Arial, Helvetica, sans-serif;
	color: #176b90;
}
h5 {
	font: .9em/140% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
div#contentb h5 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 6px 0px;
}
h6 {
	font: .9em/140% Verdana, Arial, Helvetica, sans-serif;
	color: #532485;
}
caption {
font: 1.2em/130% Verdana, Arial, Helvetica, sans-serif;
font-weight: 700;
color: #176B90;
margin: 8px 0 0px 0;
}
ul {
margin: 0px 10px 0 0;
padding-right: 10px;
}
div#contentb ul.returns {
margin: 0px 10px 0 10px;
padding-right: 10px;
padding-left: 15px;
}
ol {
margin: 0px 10px 0 0;
padding: 0 10px 0 0;
}
div#contentb li {
font: .8em/150% Verdana, Arial, Helvetica, sans-serif;
}
img.button {
	vertical-align: text-bottom;
}
img.right {
	float: right;
	margin-right: 30px;
	margin-left: 20px;
	/*border: 2px #E3DBA6 solid; med brown #826915 */
}
div#contentb form {
	padding-bottom: 10px;
}
div#contentb label {
	font-weight: 700;
}
input.formButton {
	font-size: 1.1em;
	background-color:#39A0CA;
	color:#FFFFFF;
	border-top: 1px #CCFFFF solid;
	border-right: 1px #336666 solid;
	border-bottom: 2px #336666 solid;
	border-left: 1px #CCFFFF solid;
}
input.formButton:visited {
	color: #FFFFFF;
}
input.formButton:hover {
background-color: #12516A; 
}
input.formButton:focus {
background-color: #12516A;
}
input.formButton:active {
	color: #FFFFFF;
}
input.formButtoncancel {
	font-size: 1.1em;
	background-color: #999999;
	color:#FFFFFF;
	border-top: 1px #E8DCFF solid;
	border-right: 1px #333333 solid;
	border-bottom: 2px #000000 solid;
	border-left: 1px #E8DCFF solid;
	margin-right: 3px;
}

input.formButtoncancel:hover {
background-color: #666666;
}
input.formButtoncancel:focus {
background-color: #666666;
}


/* ------------------- WRAPPER AND HEADER STYLING  ------------------------*/
div#wrapper
{ 
	background:#FFFFFF url(../images/wrapper_bkgd.jpg) repeat-x;
	border: 1px solid #68581c;	
	color: #000; 
	margin: 0;
	min-width: 500px; 
	width: auto;
	border-right: 2px solid #68581c;
}
* html div#wrapper
{ 
	background:#FFFFFF url(../images/wrapper_bkgd.jpg) repeat-x;
	border: none;	
	color: #000; 
	margin: 0;
	min-width: 500px; 
	width: auto;
	border-right: 2px solid #68581c;
}
div#wrapper_loggedin 
{
	background:#FFFFFF url(../images/wrapper_bkgd-b.jpg) repeat-x;
	border: 1px solid #68581c;	
	color: #000; 
	margin: 0;
	min-width: 500px;
	width: auto;
	border-right: 2px solid #68581c;
}
div#header
{
	height:100px; 
	width: 100%;	
	background: transparent url(../images/fcpbanner-front-a.jpg) no-repeat;
	color: #fff;
	border-bottom: 2px solid #68581C;
}
div#header_loggedin {
	height:100px; 
	width: 100%;	
	background: transparent url(../images/fcpbanner-front-b.jpg) no-repeat;
	color: #fff;
	border-bottom: 2px solid #68581C;
}
#logo {
float: left;
height: 80px;
padding: 0 0 0px 0;
}

#searchform {
	margin: 0 5px 3px 0;
	padding: 20px 5px 2px 0;
	float:right;
}
#searchform label { 
	font-size: .9em;
	text-align: left;
	color: #FFFFFF;
	}
#searchform input {
	width: 90px;
}
#searchform input.formButton {
	font-size: 1em;
	background-color:#39A0CA;
	color:#FFFFFF;
	width: 30px;
	border-top: 1px #CCFFFF solid;
	border-right: 1px #336666 solid;
	border-bottom: 2px #336666 solid;
	border-left: 1px #CCFFFF solid;
}
#searchform input.formButton:visited {
color: #FFFFFF;
}
#searchform input.formButton:hover {
background-color: #3D8EAB;
}
#searchform input.formButton:focus {
	background-color: #3D8EAB;
}
#searchform input.formButton:active {
color: #FFFFFF;
}
#searchform p a {
 	color: #E3DBA6;
	font-size: .75em;
	text-decoration: underline;
}
#searchform p a:hover {
	color: #E3DBA6;
	text-decoration:none;
}


/* ---------- MENU AND MENUHOLDER STYLES (HORIZONTAL MENU) ------------------ */
#menuholder {
	width: 100%;  
	border-top: 1px solid #6A5512; /* medium brown */
	border-bottom: 1px solid #6A5512;  
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	background: #F7EFB9 url(../images/menulinkbkgd.jpg) repeat-x;/* cream color */
	height: 24px;
}
ul#menu {
/* no absolute positioning so that list remains in the flow of the doc and positioned
below the banner as desired */
	width: 100%;
	background: #FFF7C7 url(../images/menulinkbkgd.jpg) repeat-x;
	border-bottom: 1px solid #6A5512;
	/* hide from IE5mac this is the comment backslash hack, which shows IE5 mac only the selector before this hack 
	and hides the one following \*/
	margin: 0px 15px 2px 15px;
	padding: 2px 0 3px 0;
	border-bottom: none;
	/* end hide -- height was 28px in mac ie5, 32px everywhere else */
	text-align: left;
}

#menu li {
font-family: "Lucida Grande", Verdana, Arial, sans-serif;
font-size: 12px;
line-height: 19px; /* line height puts space between text and top of bkgd image */
margin: 0px 0 0px 0;
padding: 0px 0 0px 0;
/* hide from IE5mac this is the comment backslash hack, which shows IE5 mac only the selector before this hack 
	and hides the one following \*/
	margin: 0px 0 0 0;
	padding: 0px 0px 0px 0px;
 /* end hide */
display: inline; /* this makes the list go horizontal */
}

#menu a { /* this selector forms the buttons only */
	margin: 0px 0 0 0;
	padding: 4px 8px 10px 8px;
	text-decoration: none;
	color: #873D1B;  /* reddish brown horizontal menu text color */
}
#menu a:hover, #menu a:focus {
	color: #FEF6C5;   /* turquoise text in menu */
	background: #FFF7C7 url(../images/menuhoverbkgd.jpg) repeat-x;
	margin: 0px 0 0 0;
	padding: 4px 8px 10px 8px;
}

/*---------------- LEFTNAV STYLES --------------- */
div#container{
	/* DO NOT ADD A WIDTH TO THIS ELEMENT */
	border-right:1px solid #E3D7B5;		
	}
table#contenta div#login table { 
	width:160px;
 }

/* ------------------ LEFTNAV Category Menu Styles -------------------- */
td#contentacontainer
{
	background-color: /*#fff7c7*/#e0ca77;
	padding-bottom: 22px;	
	vertical-align:top;
	border-right:1px solid #E3D7B5;	
}
div#contenta
{
	/*width:150px;  was 170px */
}
* html div#contenta
{
	width:170px;
}

div#leftnav
{	
	 width: 100%;
}
* html div#leftnav
{	
	 width: 170px;
}
div#leftnav ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
div#leftnav ul li{
font: .95em/150% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;}
* html div#leftnav ul li{
font: .95em/150% Verdana, Arial, Helvetica, sans-serif;
height: 13px;
	margin: 0;
	padding: 0 0 0 0;}
div#leftnav ul li a
{
	font: .95em/150% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding:6px 0px 0px 5px;
	font-weight:bold;	
	text-decoration:none;	
}
* html div#leftnav ul li a
{
	font: 1em/150% Verdana, Arial, Helvetica, sans-serif;
	height: 13px;
	margin: 2px 0 0 0;
	padding:8px 0px 0px 5px;
	line-height: 140%;
	font-weight:bold;	
	text-decoration:none;	
}
div#leftnav ul li.closed ul
{
	display:none;
}
div#leftnav ul li.open ul
{
	display:block;
}
div#leftnav ul li.closed a, div#leftnav ul li.open a
{
	background-color: #3A809E;
	color:#FFFFFF;	
	/*background-color: #d3be6f;
	color:#826915;*/
	border: 1px solid;
	border-color: #5D97AF #8AB3C5 #8AB3C5 #5D97AF/*#ab9d5e #fff7c7 #fff7c7 #ab9d5e*/;	
	display: block;
	font: .95em/150% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 3px 0px 5px 10px;
	border-right:none;
	font-weight: bold;
}
* html div#leftnav ul li.closed a, div#leftnav ul li.open a
{
	background-color: #3A809E;
	color:#FFFFFF;	
	/*background-color: #d3be6f;
	color:#826915;*/
	border: 1px solid;
	border-color: #5D97AF #8AB3C5 #8AB3C5 #5D97AF/*#ab9d5e #fff7c7 #fff7c7 #ab9d5e*/;	
	display: block;
	font: .9em/150% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 3px 0px 5px 10px;
	border-right:none;
	font-weight: bold;
}

div#leftnav ul li.open a
{
	font: .95em/150% Verdana, Arial, Helvetica, sans-serif;
	background-color: #826915;
	color:#FFFFFF;
	font-weight:bold;
}

/* Active styles for the menu*/
div#leftnav ul li.closed a:active, div#leftnav ul li.open a:active{}
/* Visited styles for the menu */
div#leftnav ul li.closed a:visited, div#leftnav ul li.open a:visited{}

/* Hover styles for the menu */
div#leftnav ul li.closed a:hover, div#leftnav ul li.open a:hover /* main menu link hover state when still closed before click */
{
	/*background-color: #826915;
	color:#FFFFFF;*/
	background-color: #8AB3C5/*#d3be6f*/;
	color: #32474C/*#826915*/;
	font-weight: bold;
}

/* Plus Sign for Trigger Links in Closed State */
div#leftnav ul li.closed a 
{
 	/*background-image:url(/assets/images/arrow.gif);
	background-repeat:no-repeat;
	background-position:right;	*/
}

/* Minus Sign for Trigger Links in Open State */
div#leftnav ul li.open a
{
	/*background-image:url(/assets/images/arrow_expanded.gif);
	background-repeat:no-repeat;
	background-position:right;*/
}

/* Link Styles for the Submenus */
div#leftnav ul li.closed ul li a, div#leftnav ul li.open ul li a 
{	
	background-color:#E3DBA6/*#fff7c7*/;
	border: 1px solid;
	color: #176b90;
	font: .95em/150% Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold; /* MAKES ALL LINKS IN SUBMENU BOLD */
	padding: 2px 0 4px 20px;
	margin: 0 0 0 0px;
	border-color: #fff7c7 #ffffff #ffffff #fff7c7;
	border-right:none;	
}
* html div#leftnav ul li.closed ul li a, div#leftnav ul li.open ul li a 
{	
	background-color:#E3DBA6/*#fff7c7*/;
	border: 1px solid;
	color: #176b90;
	font-size: .9em;
	font-weight:normal;
	padding: 2px 0 4px 20px;
	margin: 0 0 0 0px;
	border-color: #fff7c7 #ffffff #ffffff #fff7c7;
	border-right:none;	
}
div#leftnav ul li.open ul li a:link
{	
	/*background-color:#E3DBA6*/;
	border: 1px solid;
	/*color: #176b90;*/
	font: .95em/150% Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold; /* MAKES ALL LINKS IN SUBMENU BOLD - THIS IS THE KEY SELECTOR */
	padding: 2px 0 4px 20px;
	margin: 0 0 0 0px;
	border-color: #fff7c7 #ffffff #ffffff #fff7c7;
	border-right:none;	
}

div#leftnav ul li.open ul a:visited
{
	font: .95em/150% Verdana, Arial, Helvetica, sans-serif;
	/*background-color: #E3DBA6#fff7c7*/
	/*color: #873D1B #003366*/
	font-weight: bold;
	
}
div#leftnav ul li.open ul a:hover
{
	font: .95em/150% Verdana, Arial, Helvetica, sans-serif;
	background-color: #E3DBA6/*#fff7c7*/;
	color: #873D1B/*#003366*/;	
	font-weight: bold;
	
}
div#leftnav ul li.open ul a:active
{
	font: .95em/150% Verdana, Arial, Helvetica, sans-serif;
	/*background-color: #E3DBA6#fff7c7*/
	/*color: #873D1B #003366*/
	font-weight: bold;
	
}

/* Plus Sign for Trigger Links in Closed State */
div#leftnav ul li.closed ul a 
{
	background-image:none;
}

/* Minus Sign for Trigger Links in Open State */
div#leftnav ul li.open ul a
{
	background-image:none;
}
div#leftnav ul li.open ul li.selected a
{
	font: .95em/150% Verdana, Arial, Helvetica, sans-serif;
	background-color:#fff7c7;
	color: #003366;
	/*color: #873D1B;*/
	font-weight:bold;	
}
div#leftnav ul li.open ul li.selected a;hover
{
	font: .95em/150% Verdana, Arial, Helvetica, sans-serif;
	/*background-color:#fff7c7;*/
	color: #003366;
	/*color: #873D1B;*/
	font-weight:bold;	
}

div#leftnav ul li ul li a
{
	font-weight:normal; 
	text-decoration:none;
	padding:4px 0px 4px 15px;
	margin: 0;
}
/* html div#leftnav ul li ul li a
{
	
	font-weight:normal;	
	text-decoration:none;
	padding:4px 0px 4px 15px;
	margin: 0;
}*/
div#leftnav ul li ul li a:hover
{
	text-decoration:underline;
}
/* html div#leftnav ul li ul li.selected a:active
{
	font: .95em/150% Verdana, Arial, Helvetica, sans-serif;
	background-color:#fff7c7;
	color: #003366;
	font-weight:bold;	
}*/
form#vendormenu {
	margin: 0;
	padding: 3px 3px 3px 8px;
	background-color: #32474C/*#d3be6f*/;
}
form#vendormenu select {
	width: 70px;
	font-size:.9em;
}
* html form#vendormenu select {
	width: 70px;
	font-size:.9em;
}
element.style {
	width: 90px;
}
/* ---------------- LOGIN STYLES ------------- */
div#login
{
	background:#3A809E /*#186B8D*/ url(../images/login_bkgd.jpg) top left repeat-x;
	/*border: 1px solid #fff7c7;
	width: 150px;*/
	height: 100%;
	padding:2px 2px 2px 1px;
	color:#ffffff;
}
#login table { 
	width:160px;
 }

* html #login table {
}
#login label { /* COMES FROM PCT AND MAY BE USED FOR LOGIN PAGE */
	font-size: .8em;
	color: #FFFFFF;
	padding: 0;
	margin: 0;
	
	}
#login h1 {
	font: .9em/130% Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight:700;
	padding: 2px 2px 5px 2px;
	text-align:center;
}
#login h1.welcome {
	color: #e3dba6;
}
* html #login h1 {
	font: .8em/130% Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight:700;
	padding: 2px 2px 5px 2px;
	text-align:center;
}
div#login td {
	padding-top: 3px;
	text-align: left;
}
div#login td.loginright {
	/*width: 80px;*/
	text-align: right;
	padding-left: 2px;
}
div#login td.labellogin {
	/*width: 80px;*/
	text-align: left;
	padding-left: 2px;
}
div#login p {
	font: .8em/130% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding:2px;
}
div#login p a {
	color: #FFFFFF;
	text-decoration: underline;
}
div#login p a:hover {
	color: #E9E0AF;
}
#login input {
	width: 80px;
	font-size: .9em;
	text-align: left;
}
#login input.formButton {
	width: 70px;
	text-align:center;
}
* html #login input.formButton {
	width: 50px;
	text-align:center;
}
#login input.formButton:visited {
	color: #FFFFFF;
}
#login input.formButton:hover, #login input.formButton:focus {
	background-color: #12516A;
	}
#login input.formButton:active {
	color: #FFFFFF;
}
input#loginsubmit.formButton validation-passed {
	color: #FFFFFF;
}
#login table td input.formCheckbox {
	width: 12px;
	margin: 0 30px 0 0;
}
* html #login table td input.formCheckbox {
	width: 14px;
	margin: 0 0px 0 0;
}
/* ---------------------- MAIN CONTENT AREA OF PAGE ------------------- */
td#contentbcontainer
{
	vertical-align:top;
	margin:0px;
	padding:0px 0px 0 8px;;
	background-color:transparent /*#FFF*/;
	width: 100%;
}
div#contentb p {
	max-width: 550px;
	font: .85em/145% Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 2px;
}
div#contentb{ 
	/*width: 90%;*/
	width:98%;
	margin: 0;
	padding-right: 0;
	padding-left: 5px; }
* html div#contentb{ 
	/*width: 90%;*/
	width:100%;
	margin: 0;
	padding-right: 0;
	padding-left: 0px; }
div#contentb table td{ 
	/*padding: 0 0px 0 0; was 8px right */
}
div#contentb table caption {
	font-size:1.3em;
	margin-right: 5%;
	margin-bottom: 5px;
	background:#FFFFFF url(../images/captionhead.jpg) top center no-repeat;
	}
span.redhilite {
	color: #b31736;
}
div#contentb h1
{
	color:#b31736;
	margin-bottom:10px;
}
div#contentb h2
{
	color:#176B90;
	margin-top:10px;
	margin-bottom: 3px;
	font-weight:700;
	padding-top: 3px;
}
div#contentb h3
{
	color:#b31736;
	margin-bottom:10px;
}
div#contentb form {
	padding-bottom: 10px;
}
div#contentb label {
	font-weight: 700;
}
div#contentb table {
	margin-top: 4px;
}
div#contentb table ul {
	padding-top: 5px;
	padding-left: 15px;
	margin-left: 0;
	list-style-type: none;
}
div#contentb table li a { text-decoration:none;}
/*div#contentb td {
	padding: 5px 8px 5px 8px;
}*/
div#contentb th {
	color: #FFFFFF;
	background-color: #176B90;
	padding: 8px 8px 5px 8px;
	font-weight: 400;
}
div#contentb tr.altRowEven td {
	background-color: #E5F1F4;/*background-color: #E5F1F4;*/
}
div#contentb tr.altRowOdd td {
	background-color: #C8DCE5;/*background-color: #DFD597;*/
}

form#advsearch {
	padding-left: 30px;
	}
form#advsearch p {
	font-weight: 700;
	font: .8em/130% Verdana, Arial, Helvetica, sans-serif;
}
form#advsearch label {
	font-weight: 700;
	font: .85em/130% Verdana, Arial, Helvetica, sans-serif;
}
form#advsearch table {
	padding-top:5px;
	margin-left: 73px;
}
form#advsearch input {
	margin: 0 4px 0 4px;
}
form#advsearch p input.formButton {
	font-size: 1em;
	background-color:#39A0CA;
	color:#FFFFFF;
	border-top: 1px #CCFFFF solid;
	border-right: 1px #336666 solid;
	border-bottom: 2px #336666 solid;
	border-left: 1px #CCFFFF solid;
	padding: 0 0 0 2px;
	margin: 0 0 0 4px;
}
table.zipsearch input.formButton {
	font-size: .9em;
	background-color:#39A0CA;
	color:#FFFFFF;
	border-top: 1px #CCFFFF solid;
	border-right: 1px #336666 solid;
	border-bottom: 2px #336666 solid;
	border-left: 1px #CCFFFF solid;
	padding: 0 0 0 0px;
	margin: 0 0 0 0px;
}
table.zipsearch select {
	margin-bottom: 4px;
}
form#advsearch input.formButton:visited, table.zipsearch input.formButton:visited {
color: #FFFFFF; 
}
form#advsearch input.formButton:hover, table.zipsearch input.formButton:hover {
background-color: #12516A; 
}
form#advsearch input.formButton:focus, table.zipsearch input.formButton:focus {
background-color: #12516A;
}
form#advsearch input.formButton:active, table.zipsearch input.formButton:active {
color: #FFFFFF; 
}
table.zipsearch {
margin-left: 50px;
}
table.zipsearch label {
	font-weight: 700;
	font: .85em/130% Verdana, Arial, Helvetica, sans-serif;
}
div#contentb table.contentbox {
	padding-top:0;
	margin-top: 0;
	margin-left:30px;
}
div#contentb table.contentbox td {
	padding-right: 25px;
}

div#contentb table.welcomebox ul {
	list-style-type:disc;
		padding-top: 5px;
	padding-left: 25px;
}
div#contentb table li {
	font: .85em/140% Verdana, Arial, Helvetica, sans-serif;
	padding-top: 2px;
	padding-right: 10px;
}
/* ----------- PRODUCTS TABLE ---------------------- */
table#products {
	margin: 0px 0px 10px 0;
	padding: 0px 0 0 0; /* was 7px top */
	font: .85em/140% Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
}
* html table#products {
	margin: 0px 0px 10px 0;
	padding: 0px 0 0 0; /* was 7px top */
	font: .85em/140% Verdana, Arial, Helvetica, sans-serif;
	max-width: 500px;
}
table#products tr th {
	margin: 0;
	padding: 3px 4px 2px 4px;
	font: 1em/140% Verdana, Arial, Helvetica, sans-serif;
	font-weight: 700;
}
div#contentb table#products tr th a {
color: #f7efb9;  /* cream color */
text-decoration:underline;
}
div#contentb table#products tr th a:link {
color: #f7efb9;  /* cream color */
text-decoration:underline;
}
div#contentb table#products tr th a:visited {
color:#c8dce5;  /* blue grey light alt row color */
}
div#contentb table#products tr th a:hover, a:focus {
color: #e5f1f4;  /* alternate lighter turquoise color */
}
table#products tr td {
	padding: 1px 4px 1px 4px;
	text-align: center;
}
table#products tr td input {
	/*height: 12px;margin-left:3px;*/
	font-size: .9em;
}
#contentb form {
	width: 70%;
}

#contentb form input.update {
	font-size: .9em;
	background-color:#ab9d5e/*#826915*/;
	color:#FFFFFF;
	float:right;
	border-top: 1px #e3dba6 solid;
	border-right: 1px #826915 solid;
	border-bottom: 2px #826915 solid;
	border-left: 1px #e3dba6 solid;
	margin: 2px 0 2px 0;
}
#contentb form input.update:visited {
background-color: #ab9d5e;
color: #FFFFFF;
}
#contentb form input.update:hover {
background-color: #68581c; 
color: #FFFFFF;
}
#contentb form input.update:focus {
background-color: #68581c;
color: #FFFFFF;
}
#contentb form input.update:active {
background-color: #ab9d5e;
color: #FFFFFF;
}

#contentb form input.addCart {
	font-size: .9em;
	background-color:#39A0CA;
	color:#FFFFFF;
	float:right;
	border-top: 1px #CCFFFF solid;
	border-right: 1px #336666 solid;
	border-bottom: 2px #336666 solid;
	border-left: 1px #CCFFFF solid;
	margin: 2px 0 2px 0;
}
#contentb form input.addCart:visited {
background-color: #39A0CA;
color: #FFFFFF;
}
#contentb form input.addCart:hover {
background-color: #12516A; 
color: #FFFFFF;
}
#contentb form input.addCart:focus {
background-color: #12516A;
color: #FFFFFF;
}
#contentb form input.addCart:active {
background-color: #39A0CA;
color: #FFFFFF;
}
* html #contentb form input.addCart {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 1em;
}
table#products tr td input.formCheckbox {
	margin: 4px 0 0 0;
	padding:0;
	font-size: .9em;
	width: 16px;
	height: 16px;
	/*width: 12px;*/
}
div#contentb table#products a:link {color: #176B8F; text-decoration:none;}
div#contentb table#products a:hover, a:focus {color: #176B8F; text-decoration:underline;}
span.special {
	color: #E40001;
	font-weight:700;
	background-color:#FFFF33;
}


table#products tr td.totals {
	margin: 0;
	padding: 0px 4px 0px 4px;
	text-align: right;
}
table#products tr td.totals p, table#products tr td.grandtotal p {
	margin: 0;
	padding: 2px;
	text-align: right;
	line-height: 130%;
	font-size: 1em;
}
table#products tr.altRowEven td.totals {
  	background-color: #FFF; 
  	cursor: default;
	height: 20px;
	border-bottom: 1px #176b90 solid;
	padding-right: 4px;
		padding-bottom: 8px;
}
table#products tr.RowEven td.grandtotal {
	padding-bottom: 8px;
	border-bottom: 1px #176b90 solid;
}
table#products td.grandtotal {
	margin: 0;
	padding: 0px 4px 0px 4px;
	text-align: right;
	border-bottom: 1px #176b90 solid;
}
table#products td.grandtotal p {
	margin: 0;
	padding: 0;
	text-align: right;
	line-height: 130%;
}
table#products textarea {
	background-color: #e5f1f4;
}
/* --------------- ABOUT PRODUCT TABLE ------------- */
div#contentb table.aboutproduct {
	margin: 0px 10px 10px 0;
	padding: 0px 0 0 0; /* was 7px top */
	width: 500px;
}
* html div#contentb table.aboutproduct {
	margin: 0px 10px 10px 0;
	padding: 0px 0 0 0; /* was 7px top */
	width: 500px;
}
div#contentb table.aboutproduct tr th {
	color: #FFFFFF;
	background-color: #176B90;
	margin: 0px 0 0px 0;
	padding: 2px 4px 2px 4px;
	font-weight: bold;
	font: .85em/140% Verdana, Arial, Helvetica, sans-serif;
}
/*div#contentb tr.altRowEven td {
	background-color: #E5F1F4;
}
div#contentb tr.altRowOdd td {
	background-color: #C8DCE5;
}*/
div#contentb table.aboutproduct tr td {
	margin: 0;
	padding: 1px 4px 5px 4px;
}
div#contentb table.aboutproduct tr td li {
	list-style:disc;
	}


/* -------------- SIDEBAR FOR CART, NEW ARRIVALS AND CURRENT SPECIALS ----------- */
div#contentb div#cart{
	width: 180px;
	float: right;
	margin: 10px 0 0 0;
	padding: 0 5px 5px 5px;
	}
div#contentb div#cart table {
	margin: 0;
	padding: 0;
	width: 100%;
}
div#contentb div#cart th {
background: transparent url(../images/sidebar_top-sm.gif) no-repeat;
color: #176B90;
font: 1em/140%	Verdana, Arial, Helvetica, sans-serif;
font-weight: 700;
height: 20px;
padding: 4px 8px 0 0;
}
div#contentb div#cart th.shoppingcart {
background: transparent url(../images/shoppingcart_top-sm.gif) no-repeat;
color: #FFFFFF;
font: 1em/140%	Verdana, Arial, Helvetica, sans-serif;
font-weight: 700;
height: 27px;
padding: 4px 4px 0 0px;
	/*background-color: #176B90;
	padding: 5px 8px 5px 8px;*/
}
* html div#contentb div#cart th.shoppingcart {
background: transparent url(../images/shoppingcart_top-sm.gif) no-repeat;
color: #FFFFFF;
font: 1em/140%	Verdana, Arial, Helvetica, sans-serif;
font-weight: 700;
height: 22px;
padding: 4px 4px 0 0px;
	/*background-color: #176B90;
	padding: 5px 8px 5px 8px;*/
}
div#cart td.sidebarmid {
background: transparent url(../images/sidebar_mid-sm.gif) repeat-y;
padding: 0 3px 0 0;
}
div#cart td.sidebarbot {
background: transparent url(../images/sidebar_bot-sm.gif) no-repeat;
padding: 0 0 5px 0;
}
div#cart td.sidebarmid p {
	padding: 8px;
	padding-left: 15px;
}
div#cart td.sidebarmid p.ticker {
	padding: 3px 2px 0 15px;
}
#contentb ul {
	margin:0;
	padding: 0;
}
li.linkbutton, #contentb li.linkbutton {
	width: 80px;
	margin: 0 10px 0 0;
	padding:2px 0 2px 0;
	font: .8em/190% "Lucida Grande", Verdana, Arial, sans-serif;
	display: inline;
	background-color:#39A0CA;
	color:#FFFFFF;
	border-top: 1px #CCFFFF solid;
	border-right: 1px #336666 solid;
	border-bottom: 2px #336666 solid;
	border-left: 1px #CCFFFF solid;
	text-align:center;
}

li.linkbutton a, div#cart td li.linkbutton a, #contentb li.linkbutton a {
	color:#FFFFFF;
	background-color: #39A0CA;
	background-image: none;
	border: none;
	display: inline;
	font-weight: 300;
	margin: 0px;
	padding:1px 12px 1px 12px;
}
li.linkbutton a:link, div#cart td li.linkbutton a:link, #contentb li.linkbutton a:link {
	color:#FFFFFF;
}
#contentb li.linkbutton a:visited, div#cart td li.linkbutton a:visited {
	color:#FFFFFF;
}
li.linkbutton a:hover, li.newprodlinks a:focus, div#cart td li.linkbutton a:hover, div#cart td li.linkbutton a:focus, #contentb li.linkbutton a:hover, #contentb li.linkbutton a:focus {
	color: #FFFFFF;
	background-color: #3D8EAB;
	text-decoration: none;
}
li.linkbutton a:active, div#cart td li.linkbutton a:active, #contentb li.linkbutton a:active { /*the DOWN state */
	color: #532485;
}
#contentb li.linkbutton a:active {
	color: #FFFFFF;
}
* html li.linkbutton {
	font: .8em/190% "Lucida Grande", Verdana, Arial, sans-serif;
	display: inline;
	color:#FFFFFF;
	background-color: #39A0CA;
	border-top: 1px #CCFFFF solid;
	border-right: 1px #336666 solid;
	border-bottom: 2px #336666 solid;
	border-left: 1px #CCFFFF solid;
	margin: 6px 28px 6px 28px;
	padding:0px 0px 0px 0px;
}
* html li.linkbutton a {
	color:#FFFFFF;
	background-color: #39A0CA;
	background-image: none;
	border: none;
	display: inline;
	font-weight: 300;
	margin: 0px 0 0px 0;
	padding:0px 12px 0px 12px;
}
* html li.linkbutton a:link {
	color:#FFFFFF;
	margin: 0px 0 0px 0;
	padding:0px 12px 0px 12px;
}
* html li.linkbutton a:visited {
	color:#FFFFFF;
	margin: 0px 0 0px 0;
	padding:0px 12px 0px 12px;
}
* html li.linkbutton a:hover, li.linkbutton a:focus {
	color: #FFFFFF;
	background-color: #3D8EAB;
	margin: 0px 0 0px 0;
	padding:0px 12px 0px 12px;
}
* html li.linkbutton a:active { /*the DOWN state */
	color:#FFFFFF;
	margin: 0px 0 0px 0;
	padding:0px 12px 0px 12px;
}
* html #contentb li.linkbutton a:active {
	color: #FFFFFF;
}
/* ---------------- CONTENT C ------------- */
td#contentccontainer
{	background-color: #EEEED5;
	padding-bottom: 22px;
	vertical-align:top;
	border-left:1px solid #E3D7B5;}
div#contentc
{	width:192px;;
	padding:4px 4px 4px 4px;}


/*Table Styles */


/*Form Elements*/

/*Generic Classes */
.floatleft{float:left;}
.floatright{float:right;}

/* altRowEven & altRowOdd are used to style alternating table rows. */
.altRowEven{background-color: #E6E6E6;}
.altRowOdd{background-color: #D6D6D6;}
.smallprint{font-size: 80%;	color: #993300;}


/* Ajax Modal Window */
div#modal_container {
padding:5px;
background-color:#000;
border:1px solid #666;
overflow:auto;
font-family:"Lucida Grande",Verdana;
font-size:12px;
color:#fff;
text-align:center;
}
div#modal_overlay {}


/* Ajax Validation */
input.disabled {
border: 1px solid #F2F2F2;
 background-color: #F2F2F2;
}
input.required, textarea.required {
border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed {
border: 1px solid #FF3300;
color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
border: 1px solid #00CC00;
color : #000;
}
.validation-advice {
margin: 0px 0px 0px 10px;
padding: 5px;
background-color: #FF3300;
color : #FFF;
font-weight: bold;
}
.custom-advice {
margin: 5px 0;
padding: 5px;
background-color: #C8AA00;
color : #FFF;
font-weight: bold;
}

/* ------------------ Ajax Tabs (MY ACCOUNT) ----------------- */

ul#tabs {
        margin: 0;
        padding: 0 0 20px 10px;
        /*border-bottom: 1px solid #D3BE6F;*/
		width: 500px;
}
* html ul#tabs {
        margin: 0;
        padding: 0 0 0px 10px;
        /*border-bottom: 1px solid #D3BE6F;*/
		width: 500px;
}

ul#tabs li {
        margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
}
ul#tabs li a {
 		float: left;
        font-size: 10px;
        line-height: 14px;
        font-weight: bold;
		margin: 0;
        padding: 0 12px 6px 12px;
        text-decoration: none;
        color: #93151F/*#B31736#708491*/;
}
* html ul#tabs li a {
 		float: left;
        font-size: 10px;
        line-height: 14px;
        font-weight: bold;
		margin: 0;
        padding: 0 12px 6px 12px;
        text-decoration: none;
        color: #93151F/*#B31736#708491*/;
}
ul#tabs a:link, ul#tabs a:visited {
        float: left;
        font-size: 10px;
        line-height: 14px;
        font-weight: bold;
        padding: 0 12px 6px 12px;
        text-decoration: none;
        color: #93151F/*#B31736#708491*/;
}
* html ul#tabs a:link, ul#tabs a:visited {
        float: left;
        font-size: 10px;
        line-height: 14px;
        font-weight: bold;
        padding: 0 12px 6px 12px;
        text-decoration: none;
        color: #93151F/*#B31736#708491*/;
}

ul#tabs a:link.active, ul#tabs a:visited.active, ul#tabs a:hover {
        padding-bottom: 6px;
        color: #000;
        background: url(/assets/images/circle.gif) no-repeat bottom center;
		text-decoration:none;
}
* html ul#tabs a:link.active, ul#tabs a:visited.active, ul#tabs a:hover {
        padding-bottom: 6px;
        color: #000;
        background: url(/assets/images/circle.gif) no-repeat bottom center;
		text-decoration:none;
}
div#tab1.panel, div#tab2.panel, div#tab3.panel {
	/*clear: both;	*/
	border: 1px solid #D3BE6F;
	margin: 0 0 4px 0;
	padding: 10px 0 10px 10px;
	width: 500px;
	height: 100%;
}
div#tab3.panel table {
	margin: 0; padding: 0;
	width: 490px;
}

div#tab3.panel table td p {
	text-align:center;
}
div#tab3.panel table td a {
	text-decoration: underline;
}
div#contentb div#tab3.panel table th {
	color: #FFFFFF;
	background-color: #176B90;
	margin: 0;
	padding: 3px 4px 2px 4px;
	font-weight: 700;
	font: 1em/140% Verdana, Arial, Helvetica, sans-serif;
}

div#tab2.panel table td.leftcell {
	vertical-align: top;
	padding: 0 0 3px 4px;
	margin: 0;
	width: 90px;
}
div#tab2.panel table td.rightcell {
	vertical-align: top;
	padding: 0 0 3px 4px;
	margin: 0;
	width: 240px;
}
div#tab2.panel table {
	margin: 0; padding: 0;
	width: 490px;
}
div#tab2.panel table td label {
	vertical-align: top;
	font-size:.85em;
	margin: 0;
	padding: 0;
}
input#save {
	margin-left: 5px;
}
div#tab1.panel p {
	padding-top: 2px;
}
div#tab1.panel ul.placeorderbut {
	margin: 25px 0 0 0;
	padding: 0;
	}
div#tab1.panel ul.placeorderbut li {
	background-color: transparent;
	width:340px;
	height:50px;
	list-style-type: none;
	font-size: 1.3em;
	color: #FFFFFF;
	padding: 0px;
}
div#tab1.panel ul.placeorderbut li a {
	background: transparent url(../images/placeanorder.jpg) no-repeat;
	width:340px;
	height:50px;
	color: #176B90;
	padding: 10px 95px 20px 75px;
}
div#tab1.panel ul.placeorderbut li a:link {
	background: transparent url(../images/placeanorder.jpg) no-repeat;
	width:340px;
	height:50px;
	color: #176B90;
	padding: 10px 95px 20px 75px;
}
div#tab1.panel ul.placeorderbut li a:visited {
	background: transparent url(../images/placeanorder_down.jpg) no-repeat;
	width:340px;
	height:50px;
	text-decoration: none;
	list-style-type: none;
	color: #176B90;
	padding: 10px 95px 20px 75px;
}
div#tab1.panel ul.placeorderbut li a:hover {
	background: transparent url(../images/placeanorder_over.jpg) no-repeat;
	width:340px;
	height:50px;
	text-decoration: none;
	list-style-type: none;
	color: #176B90;
	padding: 10px 95px 20px 75px;
}
div#tab1.panel ul.placeorderbut li a:active {
	background: transparent url(../images/placeanorder_down.jpg) no-repeat;
	width:340px;
	height:50px;
	text-decoration: none;
	list-style-type: none;
	color: #176B90;
	padding: 10px 95px 20px 75px;
}
div#tab1.panel h2, div#tab2.panel h2, div#tab3.panel h2 {
	color:#176B90;
	margin-top:10px;
	margin-bottom: 0px;
	padding: 0;
	font-weight:700;
	background-image:none;
}
* html div#tab1.panel ul.placeorderbut {
	width:340px;
	height:100px;
	vertical-align: middle;
	margin:5px 0 0 0px;/* places li under announcements, does not change height */
	padding: 0;
	}
* html div#tab1.panel ul.placeorderbut li {
	background-color: transparent;
	width:340px;
	height:100px;
	list-style-type: none;
	font-size: 1.4em;
	color: #FFFFFF;
	margin:5px 0 0 0px;
	padding: 10px 0 5px 0;
	
}
* html div#tab1.panel ul.placeorderbut li a {
	background: transparent url(../images/placeanorder.jpg) no-repeat;
	width:340px;
	height:100px;
	color: #176B90;
	padding: 10px 0 10px 0; /* establishes link block */
}
* html div#tab1.panel ul.placeorderbut li a:link {
	background: transparent url(../images/placeanorder.jpg) no-repeat;
	width:340px;
	height:100px;
	color: #176B90;
	padding: 10px 110px 40px 60px; /* establishes background image visibility, and is needed on all link states to be the same */
}
* html div#tab1.panel ul.placeorderbut li a:visited {
	background: transparent url(../images/placeanorder.jpg) no-repeat;
	width:340px;
	height:100px;
	color: #176B90;
	padding: 10px 110px 40px 60px;
}
* html div#tab1.panel ul.placeorderbut li a:hover {
	background: transparent url(../images/placeanorder_over.jpg) no-repeat;
	width:340px;
	height:100px;
	text-decoration: none;
	list-style-type: none;
	color: #176B90;
	padding: 10px 110px 40px 60px;
}
* html div#tab1.panel ul.placeorderbut li a:active {
	background: transparent url(../images/placeanorder.jpg) no-repeat;
	width:340px;
	height:100px;
	color: #176B90;
	padding: 10px 110px 40px 60px;
}

/* ------------- PRODLIST NON-LOGGED IN VIEW ------ */
table.prodlist h3 {
	font-weight:700;
}
table.prodlist h3 a:link {
	font-weight:700;
	text-decoration:underline;
	color: #000000;
} 
table.prodlist {
	width: 500px;
}
* html table.prodlist {
	width: 500px;
}
table.prodlist td {
	vertical-align: top;
	margin: 0;
	padding: 4px 0 10px 0;
	}
table.prodlist td.prodimage {
	padding: 4px 0 10px 0;
	margin: 0;
	border-top: 1px #e3d7b5 solid;
	}
table.prodlist td.productlisting {
	padding: 4px 0 10px 0;
	margin: 0;
	border-top: 1px #e3d7b5 solid;
}
table.prodlist td.productlisting p {
	margin: 0;
	padding: 0 0 4px 0;
}
span.keyword {
	background-color: #F7EFB9;
	padding: 0;
	margin: 0;
}

table.prodlist td.productlisting h3 {
	font-weight:700;
	margin: 0;
	padding: 0;
}
div#contentb table.prodlist a {
	text-decoration:underline;
} 

div#contentb table.prodlist p.paginglinks {
	padding: 10px 0 10px 0;
	line-height: 1.166;
	color: #000000;
	font: .8em/150% Verdana, Arial, Helvetica, sans-serif;
}
div#contentb table.prodlist p.paginglinks a {
	color: #826915;
	text-decoration: none;
	padding-top: 3px;
	font-weight:200;
}
div#contentb table.prodlist p.paginglinks a:link {
	color: #826915;
	text-decoration: none;
	padding-top: 3px;
	font-weight:200;
}
div#contentb table.prodlist p.paginglinks a:hover {
	color: #176B8F;
	text-decoration: underline;
	padding-top: 3px;
	font-weight:200;
}
/* --- STYLES FOR THE FOOTER --- */ 
#footer {
	text-align: center;
	margin: 0;
	padding: 0px 0px 3px 0px;
	background: #FFF;
	width: auto;
	border-top: 1px solid #AB9D5E; /* brown border above footer */
	border-right: none;
	border-bottom: none;
	border-left: none;
	clear: both; /* CLEAR IS HERE BECAUSE IT IS LAST IN THE FLOW CONTAINED BY #MAINHOLDER */
	/*color: #fff;
	position: relative;	 */ 
	font-size:1.2em;
	font-family:Arial, Helvetica, sans-serif;
}

#footer p {
font: .7em/150% "Lucida Grande", Arial, sans-serif;
margin: 0;
padding: 3px 20px 0 20px;
color: #826915;
text-align:center;
}
#footer a:link, a:visited {
color: #826915;
text-decoration: none;
}

#footer a:hover, a:focus {
color: #176B90;
}

.validation-advice {
	font-size: 9px;
	padding: 2px;
}
div#contentb span.noticeablelink {
	color: #176B90;
	text-decoration:underline;
}
div#contentb #products tr td span.noticeablelink a:hover {
	color: #826915;
	text-decoration:underline;
}
div#contentb #products td.instructions {
padding: 2px 0 0 50px;
	color: #176b90;
	font-weight: 700;
	text-align: left;
}
* html #contentb form #products td input.update {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 1em;
	font-size: .9em;
	background-color:#ab9d5e/*#826915*/;
	color:#FFFFFF;
	float:right;
	border-top: 1px #e3dba6 solid;
	border-right: 1px #826915 solid;
	border-bottom: 2px #826915 solid;
	border-left: 1px #e3dba6 solid;
	margin: 2px 0 2px 0;
}

div#categorylist {
	padding-top: 6px;
	margin-left: 30px;
}
div#categorylist  h2 {
	padding-bottom: 6px;
}
div#categorylist ul{
	list-style-type:none;
	margin-left: 15px;
}
div#categorylist li {
	font-weight: 700;
	padding-top: 3px;
}
div#categorylist span.noticeablelink {
	color: #b31736;
	text-decoration:underline;
}
div#categorylist span.noticeablelink a {
	color: #b31736;
	text-decoration:underline;
}
div#categorylist span.noticeablelink a:hover {
	color: #176B90;
	text-decoration:underline;
}