/* - - - - - - - - - - - - - */



body {
	font-family: arial, helvetica, sans-serif;
	}



/* - - - - - - - - - - - - - */



	/* href styles */


	/* it's possible some old pages are still using p.menu */

p.menu a:link { color: #000; text-decoration: none; }
p.menu a:active { color: #000; text-decoration: none; }
p.menu a:visited { color: #000; text-decoration: none; }
p.menu a:hover { color: #f60; text-decoration: none; }


	/* generic href */

a:link, a:visited, a:active, a:hover { color: #f60 }



	/* "RELATED" links, used on email and messaging page */

p.related a:link,
p.related a:active,
p.related a:visited
	{
	color: #f60;
	text-decoration: none;
	font-size:0.7em
	}
p.related a:hover {
	color: #999; text-decoration: none; font-size:0.7em
	}

	
	/* footer link styles */

div.footer a:link,
div.footer a:active,
div.footer a:visited
        {
        color: #999;
        text-decoration: none;
        }

div.footer a:hover {
        color: #f60;
        }



	/* probably deprecated */
	
a.headline-text:link, a.headline-text:visited { color: #000; text-decoration:none; }
a.headline-text:hover { color: #999; text-decoration:none; }




/* - - - - - - - - - - - - - */



	/* text formatting */

td, th, div, p, span { font-family: arial, helvetica, sans-serif; }

h1, h2 {
	margin: 0px;
	font: normal 18px helvetica, arial, sans-serif;
	color: #999;
	}

.white { color: #fff; }
.orange { color: #f60; }
.vlightgrey { color: #e9e9e9; }
.lightgrey { color: #ccc; }
.midgrey { color: #999; }
.whitesmoke  { color: #dcdcdc }
.darkgrey {color: #333; }
.red { color: #f00; }

.go-right { text-align: right; }
.go-center { text-align: center; }
.go-left { text-align: left; }

.small { font-size: smaller; }
.italic { font-style: italic; }



	/* for tightly spaced pars */
.small-margins { margin: 3px 0px 3px 0px; }



.orange-panel-medium {
	font-family: arial, helvetica, sans-serif;
	font-size:18pt;
	color:#f60;
	}

.orange-panel-large {
	font-family: "helvetica neu", helvetica, sans-serif;
	font-size: 18pt;
	color: #f60;
	}

.orange-title-large {
	font-family: "helvetica neue", helvetica, sans-serif;
	font-size: 24pt;
	color: #f60;
	}

.orange-title-smaller {
	font-family: "helvetica neue", helvetica, sans-serif;
	font-size: 22pt;
	color: #f60;
	}




/* - - - - - - - - - - - - - */



	
	/* left menu styles */

a.yo-left-nav:link,
a.yo-left-nav:active,
a.yo-left-nav:visited
	{
	color: #666;
	text-decoration:none;
	}

a.yo-left-nav:hover
	{
	color: #f60;
	text-decoration:none;	
	}

a.yo-left-nav-black:link,
a.yo-left-nav-black:active,
a.yo-left-nav-black:visited,
a.yo-left-nav-black:hover
	{
	color: #666;
	text-decoration:none;	
	}




/* - - - - - - - - - - - - - */



	/* background "panel" styles */

.vlightgrey-panel { background-color: #e9e9e9; color: #000; }
.lightgrey-panel { background-color: #ccc; color: #000; }
.midgrey-panel { background-color: #999; color: #fff; }
.darkgrey-panel { background-color: #666; color: #fff; }
.orange-panel { background-color: #f60; color: #fff; }
.black-panel { color: #fff; background-color: #000; }
.white-panel { background-color: #fff; color: #000; }



	/* Border colours -- for front page componenents */

.orange-border { border: 1px solid #f60; }
.white-border { border: 1px solid #fff; }
.darkgrey-border { border: 1px solid #666; }
.klargrey-border { border: solid 1px #f5f5f5; }
.black-border { border: 1px solid #000; }
.lightgrey-border { border: 1px solid #ccc; }
.vlightgrey-border { border: 1px solid #e9e9e9; }




/* - - - - - - - - - - - - - */




	/* PZ header styles */

.header-big1, .header-big2, header-big3 {
	font-family: arial, sans-serif;
	color: #999;
	}

.header-big1 {
	font-size: 24px;
	}

.header-big2 {
	font-size: 18px;
	}

.header-big3 {
	font-size: 30px;
	color: #000;
	}

.header-small1, .header-small2, .header-small3 {
	font-family: arial, sans-serif;
	font-size: 24px;
	}
.header-small1 {
	color: #999;
	}
.header-small2 {
	color: #999;
	}
.header-small3 {
	color: #000;
	}


/* - - - - - - - - - - - - - */



	/* headers used on product pages */

.header-grey { color: #999; } 

.prod-header {
	color: #999;
	font: normal 24px helvetica, arial, sans-serif;
	}
.prod-head-title {
	color: #000;
	font: normal 30px helvetica, arial, sans-serif;
	}



/* - - - - - - - - - - - - - */



	/* styles the page footer */

div.footer {
        font-size: 11px;
        font-family: arial;
        color: #999;
        text-align: left;
        }

/* - - - - - - - - - - - - - */



	/* misc */


.noshow { display: none; }

        /* for horizontal rules */
.grey-hr { background-color: #ccc; }

        /* ensures table borders collapse */
table { border-collapse: collapse; }




/* - - - - - - - - - - - - - */


div.all {
	width: 751px;
	margin: auto;
	border: 0px solid #000;
	text-align: left;
	}

td {
	color: #000;
	font-family: arial, helvetica, sans-serif;
	}

td.content h2 {
	font-size: 120%;
	font-weight: normal;
	color: #666;
	color: #000;
	}

.navbar {
	color: #000;
	background-color: #f60;
	text-align: left;
	margin: 10px 0px 0px 0px;
	}

.main {
	text-align: left;
	}

div.navbar td {
	font-size: smaller;
	color: #000;
	}

a:link, a:visited, a:active, a:hover {
	/* color: #f60; */
	text-decoration: none;
	}

div.navbar td a:link,
div.navbar td a:active,
div.navbar td a:visited,
div.navbar td a:hover,
	{
	color: #999;
	text-decoration: none;
	}

.content {
	font-size: smaller;
	}

.logo {
	margin: 30px 0px 10px 30px;
	}

form {
	margin: 0px;
	}

.right {
	text-align: right;
	}

.noborder {
	border-color: #fff;
	}


/* ################################################# */

.frontpage-component {
        font-family: arial;
        font-size: 11px;
        color: #999;
}


a.frontpage-component:link,
a.frontpage-component:visited,
a.frontpage-component:active,
a.frontpage-component:hover
{ 
        font-weight: bold;
        font-size: 11px;
        color: #f60;
        text-decoration: none
}



.yourorange-component {
        background-color: #f60;
        font-family: arial;
        font-size: 11px;
        color: #000;
}

a.yourorange-component:link,
a.yourorange-component:active,
a.yourorange-component:visited,
a.yourorange-component:hover
 {
        color: #fff;
        text-decoration: none;
        font: bold 11px arial, helvetica, sans-serif;
}

/* topnav specific styles  */

.navi {
list-style-type: none;
padding: 0px;
margin: 0px;
color: #999;
font: normal 11px helvetica,arial, sans-serif;
text-align: left;
}

.navi h2 {
font-weight: normal;
padding-bottom: 5px;
}

.navi a:link,
.navi a:visited {
color: #999;
text-decoration: none;
}

.navi a:active {
color: #f60;
}

.navi a:hover {
color: #f60;
}

.navi a.selected:link,
.navi a.selected:visited {
color: #f60;
}

.orange-bar {
background-color: #f60;
color: #fff;
font: normal 11px helvetica, arial, sans-serif;
height: 19px;
padding-right: 25px;
}

.orange-bar a:link,
.orange-bar a:visited,
.orange-bar a:hover,
.orange-bar a:active {
color: #fff;
text-decoration: none;
}

.basket {
list-style-type: none;
padding: 0px;
margin: 0px;
color: #000;
font: normal 11px helvetica, arial, sans-serif;
text-align: left;
}

.basket a:link,
.basket a:visited {
color: #f60;
text-decoration: underline;
}

.basket a:active {
color: #f60;
}

.basket a:hover {
color: #f60;
}

.basket a.selected:link,
.basket a.selected:visited {
color: #f60;
}