/* 
Font scheme:

verdana 		- default
helvetica	- used for some nav bars and headers

Color scheme: 

111111 - basically the default
773a1d - brown - used for some links
424242 - emphasis - used in products/cart
EEC390 - common background color for shopping cart / minicart rows

Notes:

- Classes ending in _text or _link *tend to* be helper classes to correct IE not always rendering links as per the class in the A tag.
So we have to have a helper classs in a SPAN tag around the link text.

Gary 20090130 - new comments added inline to point out these helper classes

*/

/* body,td		{ font-family: Arial, sans-serif; font-size:0.85em; margin: 0px; padding: 0px; } */
body,td		{ font-family: verdana, sans-serif; font-size: 0.83em; margin: 0px; padding: 0px; color: #111;}

a		{ color: #330000; }
a:visited	{ color: #333333; }
a:hover		{ color: #663300; }

b		{ color: #630; }
.bold		{ font-weight: bold; }

h1		{ font-size: 1.6em; color:#667733; line-height:0.8em; margin: 0em 0em 0.5em 0em; }
h2		{ font-size: 1.4em; color:#663300; line-height:1em; margin: 0em 0em 0.8em 0em; }
h3		{ font-size: 1.2em; color:#230; font-weight:bold; line-height:1em; margin: 0em 0em 0.8em 0em; }

.default { font-family: verdana, sans-serif; color:#111; text-decoration:none; }

.emphasis { font-family: verdana, sans-serif; color:#424242; font-weight: bold; text-decoration:none; }

td.TopLeft	{
	/*background: url('images/shp_topleft.gif'); background-repeat: repeat-x; background-position: bottom left;*/
	background: url('images/shad_hdr_top.png'); 
	background-repeat: repeat-x; 
	background-position: top left;
}
td.TopRight	{ 
	background: url('images/shad_hdr_top.png'); 
	background-repeat: repeat-x; 
	background-position: top right; 
	vertical-align: middle; 
}
td.BottomBar	{ 
	background: #996 url('images/bottom_shdo.gif'); 
	background-repeat: repeat-x; 
	background-position: top left; 
	vertical-align: middle; 
	color: #FFF; 
	text-align: center; 
	padding: 0.3em 0em 0.5em 0em; 
}

td.MidShad	{ background: url('images/shdo_middle2.gif'); background-repeat: repeat-x; background-position: top left; }
td.MidShadL	{ background: url('images/left_grad.gif'); background-repeat: repeat-y; background-position: top left; }

td.LeftSide	{ 
	position: static; 
	z-index: 999996; 
	background: url('images/left_grad.gif'); 
	background-repeat: repeat-y; background-position: top left; 
	padding-left:7px;
	}
td.RightSide	{ width: 180px; vertical-align: top; padding-right: 15px; }
td.RightSideProd	{ width: 230px; vertical-align: top; padding-right: 15px; }
div.MainArea	{ position: static; z-index: 999997; margin-left:15px; padding-bottom:13px; padding-right: 10px; width: 98%; }

.window {
	font-size: 0.9em;
	text-align: left;
	padding: 8 8 8 8px;
	margin: 2 2 2 2px;
	border: 1px dotted #9999CC;
}

.blueblurb {
	width: 96%;
	font-size: 0.95em;
	margin: 4 4 4 4px;
	padding: 4 4 4 4px;
	border: 1px solid #879072;
	color: #000033;
	background-color: #CCC;
	/*filter:alpha(opacity=80); -moz-opacity:0.80; opacity: 0.80;*/
}

.blurb {
	width: 96%;
	font-size: 0.95em;
	margin: 4 4 4 4px;
	padding: 4 4 4 4px;
	border: 1px solid #879072;
	color: #003300;
	background-color: #CADBDE;
	/*filter:alpha(opacity=80); -moz-opacity:0.80; opacity: 0.80;*/
}

.blurbpaw {
	background: #CADBDE  url('images/blurbpaws.gif') no-repeat top left;
}

.search_box {
	width: 97%;
	font-size: 0.95em;
	margin: 0px; 
	padding: 2px 5px 6px 7px;
	border: 1px solid #879072;
	color: #003300;
	background-color: #CADBDE;
	line-height: 0.8em;
	height: 30px;
}

.SearchMessage {
	font-size: 0.9em;
	color: #630;
}

.badblurb {
        font-size: 1.05em;
        margin: 4 4 4 4px;
        padding: 4 4 4 4px;
        border: 1px dotted #6666CC;
        color: #003300;
        background-color: #CCFFFF;
        /*filter:alpha(opacity=80); -moz-opacity:0.80; opacity: 0.80;*/
}       

div.tablink {
	display: block;
   font-size: 1.10em;
   width: 173px;
   height: 24px;
   color: #012; 
	line-height: 24px;
	text-indent: 2em;
	text-align: left;
	font-family: arial;
	font-weight: bold;
	font-variant: small-caps;
	text-decoration: none;
   overflow: hidden;
   background: url('images/tab_on.gif') no-repeat 0px 0px;
   margin: 0 0 0 0px;
   padding: 0 0 0 0px;
 }

div#altnav {
	position: static;
        font-size: 1.0em;
	font-family: arial;
	font-weight: bold;
	font-variant: small-caps;
	text-align: center;
	color: #996;
	background: #EEB;
	padding: 0.4em;
	margin-right: 0.4em;
        //z-index: 999998;
}

/*
a.bgprodname {
        font-size: 1.70em;
        color: #420;
	border-bottom: 2px solid #FF9;
	background: url('images/bgprodbotgrad.gif') repeat-x bottom left;
	line-height: 0.90em;
	font-family: arial;
	font-weight: bold;
	font-variant: small-caps;
	text-decoration: none;
        overflow: hidden;
        margin: 0 4 0 4px;
        padding: 0 0 0 0px;
}
*/

.bgprodname, a.bgprodname {
	font-size: 1.30em;
	color: #424242;
	font-weight: bold;
   overflow: hidden;
   margin: 0 0 10 0px;
   padding: 0 0 0 0px;
}

a.smprodname {
   font-size: 1.05em;
	color: #424242;
	line-height: 1.20em;
	font-weight: bold;
	text-decoration: none;
   overflow: hidden;
   margin: 4 3 0 3px;
   padding: 4 2 0 2px;
}

a.prodname:hover {
	text-decoration: underline;
}

a.smprodname:hover {
	text-decoration: none;
	color: #424242;
}

.prod_desc {
	margin-top:8px; 
	padding-left:5px; 
	padding-right:5px; 
	font-size: 0.90em;
	font-family: verdana, sans-serif; 
	color:#111;
}

a.altlink {
        font-size: 0.90em;
        color: #663;
	line-height: 0.90em;
	font-family: arial;
	font-weight: bold;
	font-variant: small-caps;
	text-decoration: none;
        overflow: hidden;
        margin: 0 4 0 4px;
        padding: 0 0 0 0px;
}

a.altlink:hover {
	text-decoration: underline;
}

a.tablink {
	display: block;
   font-size: 1.0em;
   width: 173px;
   height: 24px;
   color: #1c1710;
	line-height: 24px;
	text-indent: 2em;
	text-align: left;
	font-family: arial;
	font-weight: bold;
	font-variant: small-caps;
	text-decoration: none;
	overflow: hidden;
	background: url('images/tablink_onoff.png') no-repeat 0px 0px;
   margin: 0 0 0 0px;
   padding: 0 0 0 0px;
}

a.tablink:visited {
   color: #1c1710;
}

a.tablink:hover {
   background-position: 0 -24px;
   color: #1c1710;
}

a.tablink2 {
        display: block;
        font-size: 1.0em;
        width: 173px;
        height: 24px;
	   color: #1c1710;
	line-height: 24px;
	text-indent: 2em;
	text-align: left;
	font-family: arial;
	font-weight: bold;
	font-variant: small-caps;
	text-decoration: none;
        overflow: hidden;
        background: url('images/tablink2_onoff.png') no-repeat 0px 0px;
        margin: 0 0 0 0px;
        padding: 0 0 0 0px;
}

a.tablink2:visited {
   color: #1c1710;
}

a.tablink2:hover {
	background-position: 0 -24px;
   color: #1c1710;
}

a.navlink, .cart_navlink {
	display: block;
	font-size: .90em;
	width: 173px;
	height: 24px;
	color: #1c1710;
	line-height: 24px;
	text-align: left;
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	/*text-transform: uppercase;*/
	text-decoration: none;
	overflow: hidden;
	background: url('images/navlink_onoff.gif') no-repeat 0px 0px;
	margin: 3 0 0 4px;
	padding: 0 0 0 4px;
}

a.navlink:visited {
	color: #1c1710;
}

a.navlink:hover {
   background-position: 0 -24px;
   color: #1c1710;
}

a.cart_navlink {
	color: #773a1d;
}

a.cart_navlink:visited {
	color: #773a1d;
}
a.cart_navlink:hover {
   background-position: 0 -24px;
	color: #773a1d;
}

/* Helper class for IE (see notes at top) */
.navlink_text {
	padding-left:4px; 
	color: #1c1710; 
	font-family: helvetica, arial, sans-serif;
}

.navlink_sub {
	display: block;
   width: 173px;
   height: 19px;
	text-align: right;
   overflow: hidden;
   margin: 2 0 0 4px;
	padding: 0 0 0 4px;
}


a.nav2link {
	display: block;
   font-size: 0.80em;
   width: 162px;
   height: 19px;
   color: #442f2c;
	line-height: 19px;
	text-align: left;
	font-family: helvetica, arial, sans-serif;
	font-weight: normal;
	text-decoration: none;
   overflow: hidden;
   background: url('images/nav2link_onoff.gif') no-repeat 0px 0px; 
   margin: 0 0 0 7px;
   padding: 0 0 0 4px;
}

a.nav2link:hover {
	background-position: 0 -19px;
	color: #773a1d;
}

/* Helper class for IE (see notes at top) */
.nav2link_text {
	padding-left:4px; 
   color: #442f2c;
	font-family: helvetica, arial, sans-serif;
}

a.nav2link:hover span {
	color: #773a1d;
}

div.navhrT {
	/*height: auto; */
	margin-top: 7px;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-bottom: 7px;
	width: 86%;
}

div.navhrB {
	/*height: auto; */
	margin-top: 7px;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-bottom: 7px;
	width: 86%;
}

div.navhr {
	height: auto;
	border-top: 1px solid #d4d8c9
}

ul		{
			margin-left: 0.6em;
			padding-left: 0.6em;
		}

.spectitle1     { font-weight: bold; font-size: 1.5em; background-color: #FFFF99; text-align: right; }
.spectitle2     { font-weight: bold; font-size: 1.5em; background-color: #CC99FF; text-align: left; }
.spec           { font-weight: bold; font-size: 0.7em; background-color: #FFFFDD; text-align: right; white-space: nowrap; }
.specdet        { font-weight: normal; font-size: 0.7em; background-color: #EEDDFF; text-align: left; }
div#SpecTable td { font-size: 0.8em; border: 1px solid #CCCCCC; }

.spec		{ font-weight: bold; font-size: 1em; background-color: #FFFFDD; text-align: right; white-space: nowrap; }
.specdet	{ font-weight: normal; font-size: 1em; background-color: #EEDDFF; text-align: left; }
.FormF		{ position:relative; float:right; text-align:right; }
.FormV		{ position:relative; float:right; text-align:left; }

.TitleArea	{ background: url('images/PawsBkgd.jpg'); background-repeat: no-repeat; background-position: top right; vertical-align:top; width:100%; height:30; }
.TitleText	{ color:#666633; font-size: 18px; font-weight:bold; padding: 2px 2px; }
.Content	{ padding: 4px 4px; }
.reg		{ font-size: 0.6em; vertical-align: top; }

/* .barlink	{ font-size: 0.8em; color:#963; font-weight: bold; margin: 1.5em 0.5em 0em 0em; line-height:2.5em; } */
.barlink	{ font-size: 0.8em; color: #773a1d; font-weight: bold; margin: 1.5em 0.5em 0em 0em; line-height: 2.5em; text-decoration: underline; }
a.barlink:hover	{ color: #773a1d; text-decoration: underline;}
.emaillink	{ font-size: 1.1em; color:#963; font-weight: bold; margin: 0 0 0 1em; }
.telephone	{ font-size: 1.1em; color:#A85; font-weight: bold; letter-spacing: 5px; }

.Entire		{ position:static; border: 0px solid #666; margin: 0px; padding: 0px;}
.MainBlock	{ }
.OneColumn	{ position:relative; width:600px; padding: 5px 5px 5px 5px; margin: 0px 3px 0px 3px; text-align:justify; color:#333333; }
.TwoColumn	{ position:relative; width:290px; padding: 5px 5px 5px 5px; margin: 0px 3px 0px 3px; text-align:justify; color:#333333; }
.ThreeColumn	{ position:relative; width:185px; padding: 5px 5px 5px 5px; margin: 0px 3px 0px 3px; text-align:justify; color:#333333; }
.TwoThirdColumn	{ position:relative; width:390px; padding: 5px 5px 5px 5px; margin: 0px 3px 0px 3px; text-align:justify; color:#333333; }
.Bennies	{ position:relative; width:173px; border: 0px solid #000; padding: 5px 5px 5px 5px; margin: 0px 3px 0px 3px; text-align:justify; color:#333355; background-color:#CCCCFF; }
.GreatDeal	{ position:relative; width:280px; border: 2px solid #660000; padding: 5px 5px 5px 5px; margin: 0px 5px 0px 5px; text-align:justify; color:#000099; background-color:#FFFF33; }
.Monster	{ position:absolute; font-family:Arial, sans-serif; top:110px; left:200px; font-size:11px; text-align:center; font-style: oblique; color:#CCCC66; width:160px; }
.VetQuote	{ position:absolute; width:330px; top:200px; right:5px; font-size:11px; text-align:center; font-style: oblique; color:#999966; }
.UploadBox	{ position:relative; width:350px; border: 1px solid #FF9999; padding: 5px 5px 5px 5px; margin: 5px 3px 3px 3px; text-align:justify; color:#000000; background-color:#EEEEFF; }
.MainForm	{ position:relative; width:480px; border: 1px solid #FFFF99; padding: 5px 5px 5px 5px; margin: 5px 3px 3px 3px; text-align:justify; color:#000000; background-color:#FFFFEE; }
.PBlurb		{ position:absolute; top:-45px; right:5px; }
.Angle		{ position:absolute; top:90px; right:5px; z-index: 21004; }
.Reason		{ position:relative; font-size:1.0em; text-align: justify; font-weight: normal; padding: 4px 4px 4px 4px; }
.HdrGold	{ color:#FF6600; font-size: 0.8em; }
.weblink	{ position:relative; font-size:1.2em; font-weight: bold; text-align:left; margin-top: 5px; }
.linkdet	{ position:relative; font-size:1.0em; font-weight: normal; text-align:left; }
.Location { 
	width: 97%;
	background: url('images/bottom_grad.gif') repeat-x bottom right; 
	font-size: 1.35em; 
	color:#666633; 
	line-height:1.1em; 
	padding: 5px 5px 4px 5px; 
	margin-top: 0px;
	font-weight: bold; 
	border-bottom: 1px solid #999; 
	}
.popupTitle	{ background-color:#FFFFCC; font-weight:bold; padding: 4px 4px 4px 4px; }
.popupContent	{ padding: 10px; }

td.ccat		{ font-size:0.9em; vertical-align:top; text-align:right; padding-right: 10px; padding-bottom: 10px; background-color:#FFF3D3; }
td.cinfo	{ font-size:1.1em; font-weight: bold; vertical-align:top; text-align:left; background-color:#FFEFFF; }
a.weblink	{ position:relative; font-size:1.1em; font-weight: normal; text-align:left; }
a.weblink:hover	{ text-decoration: underline; }
a.prodlink	{ font-size: 0.9em; text-decoration: none; color: #000; }
a.prodlink:hover { text-decoration: underline; }

.ByLine		{ position:absolute; right: 5px; bottom: 0px; color:#666666; font-style: oblique; }

.DlrSign	{ font-size: 0.6em; font-weight:bold; line-height:1.5em; vertical-align:top; }
.Dollars	{ color:#0000CC; font-size: 3em; font-weight:bold; }
.Cents		{ color:#333399; font-size: 0.5em; font-weight:bold; line-height:1.6em; letter-spacing:-0.1em; vertical-align:top; }

.BigCap		{ float:left;color:#993333;font-size:32px;line-height:24px;padding-top:3px; }
.BigQ		{ float:left;color:#993333;font-size:32px;line-height:24px;padding-top:3px;margin-right:10px; }
.BigA		{ float:left;color:#993333;font-size:32px;line-height:24px;padding-top:3px;margin-right:10px; }
.dropcap	{ float:left;color:#993333;font-size:32px;line-height:24px;padding-top:3px; }

.AdBox		{ position:relative; float:right; width:100px; height:80px; background-color:#FFEEBB; text-align:center; }

a.submenu	{ color:#CC6633; font-size:0.9em; font-weight:bold; text-decoration: underline; }
a.submenu:visited { color:#CC3333; font-size:0.9em; font-weight:bold; text-decoration: underline; }
a.submenu:hover	{ color:#FFCC00; font-size:0.9em; font-weight:bold; text-decoration: none; }

div#TopSubNav	{ width: 200px; font: bold 11px "Arial Narrow", sans-serif; padding: 2 0 4 0px; margin: 1 0 0 0px; border-width: 0px; text-decoration: none; color: #000000; }
div#TopSubNav a	{ display: block; text-align: left; font: bold 11px "Arial Narrow", sans-serif; padding: 2 0 4 0px; margin: 1 0 0 0px; border-width: 0px; text-decoration: none; color: #000000; }
div#TopSubNav a:hover	{ color: #000000; background-color: #FFFF00; }

.werehere	{ font: bold 11px "Arial Narrow", sans-serif; padding: 3 0 4 0px; margin: 1 0 0 0px; border-width: 0px; text-decoration: none; color: #666666; }

td.subnavhdr	{ background-color: #FFCCCC; font-weight:bold; }
td.subnav	{ background-color: #FFFFCC; z-index: 96234; }



/////// This is the navigation style ///////////
div#navlinks	{
			position: static;
			border: 1px solid #0F0;
			margin: 20 0 0 0px;
			color: #000000;
			z-index: 24524;
		}

.navlinks	{
			position: static;
			margin: 78 0 10 0px;
			z-index: 24526;
		}

div#bottomlinks	{ font-family: "Arial Narrow", Arial, sans-serif; font-size: 10px; color: #000000; }
div#bottomlinks a	{ text-align: left; font: bold 11px "Arial Narrow", sans-serif; padding: 2px 4px; margin: 1 0 0 0px; border-width: 0px; text-decoration: none; color: #000000; }
div#bottomlinks a:hover	{ color: #000000; background-color: #FFFF00; }

.smalldetail	{ font-size: 0.9em; color: #333333; }
.testimonial	{ font-family: verdana, sans-serif; font-size: 1.0em; color: #111; padding: 5px 3px 3px 3px; margin: 6px 8px 8px 1px; }
.comment	{ font-size: 1.1em; color: #666699; padding: 3px 3px 3px 3px; margin: 3px 3px 3px 3px; background-color:#E8F9E8; }
.byWhom		{ font-family: verdana, sans-serif; font-size: 1.0em; color: #111; text-align:left; margin-right:20px; margin-left:17px; margin-top:0px; font-weight:bold; }
.byWhere	{ font-family: verdana, sans-serif; font-size: 1.0em; color: #111; text-align:left; margin-left:17px; margin-top:2px; margin-bottom:7px; font-style:oblique; }
//.byWhere	{ font-size: 1.0em; color: #333333; text-align:right; margin-right:10px; }

.tleft		{ text-align: left; }
.tright		{ text-align: right; }
.tcenter	{ text-align: center; }
.info		{ display: inline; color: #666; }
.test		{ font-size: 0.9em; color: #630; }
.warn		{ display: inline; font-size: 1.1em; color: #660; }
.error		{ display: inline; font-size: 1.1em; color: #900; font-weight: bold; }

td.tblhdr {
	background-color: #99F;
	vertical-align: bottom;
}

td.tblhdr2 {
	background-color: #99C;
	vertical-align: bottom;
}

td.tblcell {
	vertical-align: top;
	border-top:	1px dotted #FDA;
	border-right:	1px dotted #CA9;
	border-bottom:	1px dotted #A86;
	border-left:	1px dotted #A86;
	padding: 1 2 1 2px;
}

.yeller {
	background-color: #FFD;
}

.featprod {
	/* using specific border assignments we can more accurately replicate gary's design instead of using nested table. */
	border: 1px solid #e9eddd;
	margin-bottom: 4px;
}

.whiteback {
	background-color: #FFF;
}

.colorback {
	background-color: #e9eddd;
}

.colortopborder {
	border-top: 1px solid #e9eddd;
}

.colorbottomborder {
	border-bottom: 1px solid #cedede;
}

.colorbottomborder2 {
	border-bottom: 2px solid #cedede;
}

.colorborder {
	border-top: 1px solid #e9eddd;
	border-right: 1px solid #e9eddd;
	border-bottom: 1px solid #e9eddd;
	border-left: 1px solid #e9eddd;
}

.colorborder2 {
	border: 2px solid #e9eddd;
}

td.prodcell {
	vertical-align: bottom;
	border-top:	0px dotted #FDA;
	border-right:	0px dotted #CA9;
	border-bottom:	0px dotted #A86;
	border-left:	0px dotted #A86;
	padding: 4 2 4 2px;
}

/* price_text is helper class for IE (see notes at top) */
.price, .price_text {
	color: 02163e;
	font-weight: bold;
}

.price {
	font-size: 1.3em;
	margin: 0 2 0 2px;
}

.note {
	font-size: 0.90em;
	color: #666;
}

div#shpadmin table { border: 1px solid #9999FF; background-color:#99AA99; }
div#shpadmin td.a { border: 0px solid #FFEEBB; background-color:#BBFFBB; }
div#shpadmin td.b { border: 0px solid #FFEEBB; background-color:#CCFFCC; }
div#shpadmin td.c { border: 0px solid #FFEEBB; background-color:#DDFFDD; }
div#shpadmin td.d { border: 0px solid #FFEEBB; background-color:#EEFFEE; }

.proddesc {
	color: #111;
	line-height: normal;
}

td.proddesc { line-height: normal; }

/* START: used in articles */

.content_body			{ font-family: verdana, sans-serif; font-size:0.83em; margin: 0px; padding: 0px; line-height:1.3em; color:#111; }

.content_top_header, .content_top_header_left	{ 
	font-size: 1.4em; 
	color: #773a1d; 
	margin: 0em 0em 0.7em 0em; 
	font-weight: bold; 
	text-align: center; 
}

.content_top_subheader	{ 
	font-size: 1.2em; 
	color: #773a1d; 
	margin: 0em 0em 0.7em 0em; 
	font-weight: bold; 
}

.content_top_header		{ text-align:center; }
.content_top_header_left	{ text-align:left; }
.content_para_header, .content_para_header_vspace, .security_header	{ color:#773a1d; margin: 0em 0em 0.7em 0em; font-weight:bold;}
.content_para_header, .content_para_header_vspace			{ font-size: 1.15em; }
.content_para_header_vspace	{ margin-top:17px; }
.security_header 		{ font-size: 1.2em; }
p.after_content_para_header	{ font-family: verdana, sans-serif; margin-top: 6px; }
.bold_text			{ font-weight:bold; }

/* added 20081116 */
.list_item	{ 
	font-family: verdana, sans-serif; 
	font-weight: normal; 
	font-size: .95em; 
	line-height: 1.05em; 
	color:#111; 
}

.article_drop_cap {
	font-size: 1.2em; 
	color: #773a1d;
	font-weight: bold;
}

/* END: used in articles */

.weblink_block	{ text-decoration: none;}
a.weblink_block:visited { color:#111; border:0; text-decoration:none; }
a.weblink_block:hover { color:#111; }
.weblink_title	{ position:static; font-size:1.05em; font-weight: bold; text-align:left; margin-top: 17px; color:#111; text-decoration: none; }
.weblink_desc	{ position:static; font-size:1.0em; font-weight: normal; text-align:left; font-family: verdana; sans-serif; text-decoration: none; padding-right:3px; }
a.weblink_desc:hover { color:#111; }
.weblink_link	{ position:static; font-size:1.0em; xfont-weight: bold; font-weight: normal; text-align:left; xmargin-top: 15px; color:#413831; padding-bottom:2px; text-decoration:underline; }
a.weblink_link	{ position:static; font-size:1.0em; font-weight: normal; text-align:left; }
a.weblink_link:hover	{ text-decoration: underline; }

.testimonial_images { text-align: left; padding: 8 8 2 8px; margin: 3 6 2 5px; }

.article_link				{ margin-bottom: 4px; margin-top:15px; }
a.article_link				{ display: block; color: #330000; text-decoration: underline; font-weight: bold; }
a.article_link:visited	{ color: #330000; text-decoration: underline; font-weight: bold; }
a.article_link:active	{ color: #330000; text-decoration: underline; font-weight: bold; }
a.article_link:hover		{ color: #663300; text-decoration: underline; font-weight: bold; }

.refer				{ font-size: 0.6em; padding-right:4px; text-decoration:none; }
.refer:hover	{ text-decoration:underline; }
.refer_link			{ color:#675236; }

h4	{ font-size: 1.15em; color:#773a1d; margin: 0em 0em 0.7em 0em; font-weight:bold;}
.article	{ line-height:1.3em; }
.content_link, .toc_link	{ color: #663300; text-decoration: underline; font-weight: bold; }
.toc_link {
	line-height: 27px;
}
a.content_link, a.toc_link							{ color: #663300; text-decoration: underline; font-weight: bold; }
a.toc_link {
	line-height: 27px;
}
a.content_link:visited, a.toc_link:visited	{ color: #663300; text-decoration: underline; font-weight: bold; }
a.content_link:active, a.toc_link:active		{ color: #663300; text-decoration: underline; font-weight: bold; }
a.content_link:hover. a.toc_link:hover			{ color: #663300; text-decoration: underline; font-weight: bold; }

.article_box {
	margin-top: 0px;
	margin-left: 45px;
	margin-right: 45px;
	border: 1px solid #0000a9;
	padding: 10px;
}

.content_para_subheader {
	font-weight: bold;
	font-size: 1.0em;
	color: #111130;
	line-height: 1.15em;
}

.li_vspace	{ margin-top: 6px; }

.vspacet10 { margin-top:10px; }

.footnote-ref {
	font-size:10px;
	margin-left:10px;
}

/* Added by Gary */
a.more {
	font-size: 0.85em; 
	text-decoration: underline; 
	color: #02163e;
}

a.more:hover {
	color: #0d4d75;
}

.more {
}

.panel_hdr {
	background:#989898; 
	color: #FFF; 
	font-weight: bold; 
	font-size: 0.8em; 
	line-height: 0.9em; 
	font-variant: small-caps; 
	font-family: helvetica, arial, sans-serif; 
	padding: 2px 7px 2px 7px;
}

.panel_prod_cell {
	border: 1px solid #e9eddd;
}

.panel_prod_cell, .panel_prod_cell_r {
	padding-top: 9px;
}

.panel_prod_cell_r {
	padding-left: 2px;
	padding-right: 2px;
}

.panel_prod_desc, .panel_prod_desc_r {
	margin-top:8px; 
	font-size:0.90em; 
	margin-bottom:10px;
}

.panel_prod_desc, .panel_prod_desc_r {
	padding-left:4px; 
	padding-right:3px; 
}

.panel_prod_desc_r {
	text-align:left;
}

.panel_prod_add_to_cart {
	margin-top:9px; 
	margin-bottom:7px;
}

.prod_rating {
	font-weight: bold; 
	padding: 2px; 
	margin-left: auto; 
	margin-right: auto; 
	margin-top: 7px; 
	margin-bottom: 0px; 
	font-size: 0.90em; 
	color: #666633;
}

.checkout_pane_hdr {
	font-weight: bold; 
	font-size: 1.1em; 
	margin-bottom: 8px;
}

.indented_list {
	margin-left: 17px;
}	

.article_caption {
	font-size: 80%; 
	color: #1c1710;
}

li.checklist {
	list-style-image: url('images/check_blue.png');
}

.confirmBox { width: 200px; background-color: #9F9; }

/* added by Gary 20090130 */
/* quick implementation, will refine later */
a.tooltip_link {
	color: #663; 
	text-decoration: none; 
	font-weight:bold;
	padding: 0 3 0 3px;
	background: #FFFFEE;
	border: 2px solid #CCA;
}
a.tooltip_link:hover	{
	//text-decoration: underline; 
	border: 2px solid #997;
	background: #FFB;
}

.SmallAccount {
	font-size: 0.8em;
}

.CustName {
	color: #630;
}

.tooltip { position:absolute; top:0px; left:0px; z-index:32700; visibility:hidden; border: solid 0px #000; width:220px; padding:2px; background-color:#FFF; }
.tooltip_wide { position:absolute; top:0px; left:0px; z-index:32700; visibility:hidden; border: solid 0px #000; width:420px; padding:2px; background-color:#FFF; }