/* CSS Layout */

/* Start of Global page settings. Should get over-ridden later on*/


body {
	font-family			: Verdana, Arial, Helvetica, sans-serif;
  	text-align			: center;
  	font-size			: 76.1%;
	color				: #000;
	margin				: 0px;
	padding				: 0px; 
	background-color	: #CEA86C;
}

h1, h2, h4, h5, h6{
	margin				: 1em 0px;
	padding				: 0px;
}

h1	{
	background-color	: #770226;
	width				: 174px;
	height				: 24px;
	font-size 			: 1.1em;
	color 				: #fff; 
	margin-left 		: -5px;
	margin-top			: 0px;
	padding				: 4px 0px 0px 5px;
}

h2	{
	background			: url(../images/line.jpg) repeat-x 0px 22px;
	width				: 538px;
	height				: 24px;
	font-size 			: 1.1em;
	color 				: #770226; 
	margin-top			: 0px;
	padding				: 4px 0px 0px 0px;
}

h3	{
	height				: 24px;
	font-size 			: 1.1em;
	color 				: #770226; 
	margin				: 0px;
	padding				: 0px;
}

h4	{
	background			: url(../images/line.jpg) repeat-x 0px 22px;
	width				: 149px;
	height				: 24px;
	font-size 			: 1.1em;
	color 				: #770226; 
	margin              : 0px 0px 0px 10px;
	padding				: 4px 0px 5px 0px;

}

h5	{
	font-size 			: 1em;
	color 				: #770226; 
	margin-top			: 0px;
	padding				: 0px;
	text-align			: center;
}

h6	{
	background			: url(../images/line.jpg) repeat-x 0px 22px;
	width				: 538px;
	height				: 24px;
	font-size 			: .9em;
	color 				: #770226; 
	margin				: 0px;
	padding				: 0px;
}

h7	{
	border-bottom       : 1px solid #770226;
	width				: 135px;
	height				: 24px;
	font-size 			: 1.1em;
	color 				: #770226; 
	margin              : 0px;
	padding				: 0px;
}

div.separator	{
	background			: url(../images/line.jpg) repeat-x 0px 22px;
	width				: 130px;
	height				: 24px;
	font-size 			: 1.1em;
	color 				: #770226; 
	margin-top			: 0px;
	padding				: 4px 0px 0px 0px;
}


img.graphic {
 	display				: block;
}

img.featured	{
	border				: none;
}

.clear	{
	clear				: both;
}

p	{
	font-size: .9em;
}

/* End of Global page settings. Should get over-ridden later on*/


/*Line Heights and base font size adjustment*/
/* Font sizing later is defined in ems. Based on CSS font discussions - do a google*/
#wrapper {
	width				: 965px;
	background			: url(../images/bg_img.jpg) repeat-y; /* If background image is set you have to set the margin-left in the container */
 	margin				: 0px auto; /* sets site to center float */
	padding				: 0px; 
}

/* Container Holds Content */
#container {
	text-align			: left;
	width				: 950px;
	margin				: 0px 0px 0px 7px; /* may need 0px 0px 0px 12px; left needs to be set if a backgound image is used*/
}

#container_body	{
	background			: url(../images/content_bg.jpg) repeat-y;
	width				: 950px;
	margin-top 			: 12px;
}

#header{
	background			: url(../images/header.jpg) no-repeat;
	width 				: 950px;
	height 				: 134px;
}

#login {
    position            : absolute;
    margin-left         : 805px;
    color               : #000;
	padding 			: 0px;
}
/*
#sidelogin {
    position            : absolute;
	margin-left			: 13px;
    text-align			: center;
    color               : #000;
	padding 			: 0px;
}
*/
#basket	{
	width 				: 150px;
	color 				: #770226;
	font-weight			: bold;
	font-size 			: .9em;
}

#flash {
	margin-top			: -10px;
	padding				: 0px;
	width 				: 546px;
}

#left_sidebar	{
	float 				: left;
	width 				: 200px;
	margin-left 		: 5px;
}

#right_sidebar	{
	float 				: right;
	width 				: 170px;
	text-align			: center;
}

.picnic	{
	position: absolute;
	background-color: #8c734a;
	width: 150px;
	height: 25px;
	font-size: 1.3em;
    color: #fff;
	padding-top: 7px;
	margin-left: -50px;

}

.picnic_item	{
	float 				: left;
	font-size 			: .9em;
	width 				: 100px;
	margin-left		    : 20px;
   	padding-right: 60px;
	text-align			: center;
	margin-bottom		: 15px;
	font-weight			: bold;
	font-family			: sans-serif;
}

.picnic_item_sml	{
    	border              : 1px solid #770226; 
	float 				: left;
	font-size 			: .9em;
	width 				: 110px;
	height				: 145px;
	margin-left		    : 20px;
    	text-align			: center;
	margin-bottom		: 15px;
	font-weight			: bold;
	font-family			: sans-serif;
}

div.picnic_item_sml a	{
	background-color: none;
	font-weight: bold;
	font-size: 1.1em;
}

.picnic_space	{
	border: 1px solid #fff;
	width: 100px;
}

#content {
	float				: left;
	text-align			: left;
	width				: 530px;
	font				: .08em;
	padding-top			: 10px;
}

#featured	{
	width				: 550px;
	padding				: 0px;
	margin				: 0px;
}

.featured_right	{
	float 				: left;
	font-size 			: .9em;
	width 				: 125px;
	padding 			: 0px 0px 0px 22px;
	text-align			: center;
	margin-bottom		: 15px;
	font-weight			: bold;
	font-family			: sans-serif;
}

.featured_item	{
	float 				: left;
	font-size 			: .9em;
	width 				: 125px;
	padding 			: 0px 0px 0px 10px;
	text-align			: center;
	margin-bottom		: 15px;
	font-weight			: bold;
	font-family			: sans-serif;
}

#footer{
	background-color	: #fff;
	width				: 950px;
	height 				: 130px;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 0.8em;
	color				: #7e7e7e;
	font-weight			: normal;
	margin				: 75px 0px 0px 0px;
	padding				: 5px 0px 5px 0px;
}

div#copy{
	float				: left;
	width				: 240px;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	color				: #7e7e7e;
	margin-left			: 0px;
	padding-bottom		: 5px;
	padding-left 		: 5px;
	background-color	: #fff;
}

div#footer_nav{
	text-align			: center;
	float				: left;
	width				: 500px;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	color				: #7e7e7e;
	background-color	: #fff;
}

div#credit{
	float				: left;
	text-align			: right;
	width				: 200px;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	color				: #7e7e7e;
	margin-left			: -4px;
	background-color	: #fff;
	height				: 100px;
}

#footer a	{
	color				: #7e7e7e;
}

/*** Links ***/

.featured_item a:link	{
	padding				: 0px;
	margin 				: 0px;
	text-decoration		: underline;
	color 				: #770226;
}

.featured_item a:visited {
	padding				: 0px;
	margin 				: 0px;
	text-decoration		: underline;
	color 				: #770226;
}

.featured_item a:hover  {
	padding				: 0px;
	margin 				: 0px;
	text-decoration		: underline;
	color 				: #770226;
}

.featured_item a:active {
	padding				: 0px;
	margin 				: 0px;
	text-decoration		: underline;
	color 				: #770226;
}

.featured_right a:link	{
	padding				: 0px;
	margin 				: 0px;
	text-decoration		: underline;
	color 				: #770226;
}

.featured_right a:visited {
	padding				: 0px;
	margin 				: 0px;
	text-decoration		: underline;
	color 				: #770226;
}

.featured_right a:hover  {
	padding				: 0px;
	margin 				: 0px;
	text-decoration		: underline;
	color 				: #770226;
}

.featured_right a:active {
	padding				: 0px;
	margin 				: 0px;
	text-decoration		: underline;
	color 				: #770226;
}

a.link:link 	{
	font-size: 1em;
}

#login	a,a:link,a:visited {
	font-size			: .8em;
	text-decoration		: none;
	color 				: #770226;
	font-weight			: bold;
}

#login a:hover  	{
	font-size			: .8em;
	text-decoration		: underline;
}

#sidelogin	a,a:link,a:visited {
	font-size			: .9em;
	text-decoration		: none;
	color 				: #770226;
	font-weight			: bold;
}

#sidelogin a:hover  	{
	font-size			: .9em;
	text-decoration		: underline;
}
/* 
#featured a,a:link 	{
	text-decoration		: underline;
	font-size			: .9em;
	color				: #770226;
}
*/
/*** PDG Classes ***/

.pdgmainhdr {
	/* background-color	: #770226; */
	width				: 174px;
	height				: 24px;
	font-size 			: 1.1em;
	color 				: #000; 
	margin-left 		: -5px;
	margin-top			: 0px;
	padding				: 4px 0px 0px 0px;
}
a.pdgmainhdrlnk:link{color:#770226;}
a.pdgmainhdrlnk:visited{color:#770226;}
a.pdgmainhdrlnk:hover{color:#FDB730;}
/** Original
.pdgmain {
font-family:sans-serif;
font-size:14px;
color:#000;
background-color:none;
}
 **/
 
.pdgmain {
font-size:12px;
color:#000;
background-color: #FFF;
}

.pdgmulti {
text-align: left;
margin: 0px 0px 0px -18px;
padding: 0px;
font-family:sans-serif;
font-size:12px;
color:#000;
background-color:#FFF;
font-weight: bold;
}

.pdgproducts {
margin: 0px -5px 0px -5px;
padding: 0px;
font-family:sans-serif;
font-size:12px;
color:#000;
background-color:#FFF;
}

.pdgbgcolor {
margin: 0px -5px 0px -5px;
padding: 0px;
font-family:sans-serif;
font-size:12px;
color:#000;
background-color:#FDCA17;
}


.pdguser {
text-align: left;
margin: 0px;
padding: 2px;
font-family:sans-serif;
font-size:12px;
color:#000;
background-color:#FFF;
}

tr.pdgoption	{
position:absolute;
	margin-left: -10px;
	width: 350px;
}

a.pdgmainlnk:link{color:#770226;}
a.pdgmainlnk:visited{color:#770226;}
a.pdgmainlnk:hover{color:#FDB730;}
.pdglink {
font-family:sans-serif;
font-size:14px;
font-weight:normal;
font-style:normal;
text-decoration:none;
color:#770226;
background-color:none;
}
a.pdglink:link {
font-family:sans-serif;
font-size:14px;
font-weight:normal;
font-style:normal;
text-decoration:none;
color:#770226;
background-color:none;
}
a.pdglink:visited {
font-family:sans-serif;
font-size:14px;
font-weight:normal;
font-style:normal;
text-decoration:none;
color:#770226;
background-color:none;
}
a.pdglink:hover {
font-family:sans-serif;
font-size:14px;
font-weight:normal;
font-style:normal;
text-decoration:none;
color:#FDB730;
background-color:none;
}
/*
table {
background-color: transparent;  
}
*/
td {
font-size:1em;
}
.pdgtopnav {
font-family:Arial;
font-size:1em;
font-weight:bold;
color:#770226;
/* background-color:#000080; */
}
a.pdgtopnavlnk:link{color:#770226;}
a.pdgtopnavlnk:visited{color:#770226;}
a.pdgtopnavlnk:hover{color:#FDB730;}
.pdgleftnav {
font-size:1em;
font-weight:bold;
color:#000;
/* background-color:#808080; */
}
a.pdgleftnavlnk:link{color:#770226;}
a.pdgleftnavlnk:visited{color:#770226;}
a.pdgleftnavlnk:hover{color:#FDB730;}
.pdgleftnavhdr {
	background-color	: #770226;
	width				: 174px;
	height				: 24px;
	font-size 			: 1.1em;
	color 				: #fff; 
	margin-left 		: -5px;
	margin-top			: 0px;
	padding				: 4px 0px 0px 5px;
}
.pdgtopnavhdr {
	background-color	: #770226;
	width				: 174px;
	height				: 24px;
	font-size 			: 1.1em;
	color 				: #fff; 
	margin-left 		: -5px;
	margin-top			: 0px;
	padding				: 4px 0px 0px 5px;
}
a.pdgtopnavhdrlnk:link{color:#770226;}
a.pdgtopnavhdrlnk:visited{color:#770226;}
a.pdgtopnavhdrlnk:hover{color:#FDB730;}
.pdgrightnav {
font-size:.8em;
font-weight:bold;
color:#770226;
/* background-color:#808080; */
}
a.pdgrightnavlnk:link{color:#770226;}
a.pdgrightnavlnk:visited{color:#770226;}
a.pdgrightnavlnk:hover{color:#FDB730;}
.pdgrightnavhdr {
font-size:1em;
font-weight:bold;
color:#770226;
/* background-color:#000080; */
}
.pdgoutertablehdr {
color:#770226;
/* background-color:#FFFFFF;*/
}
a.pdgoutertablehdrlnk:link{color:#770226;}
a.pdgoutertablehdrlnk:visited{color:#770226;}
a.pdgoutertablehdrlnk:hover{color:#FDB730;}
/* from header 
.style1 {
	color: #770226;
	font-weight: bold;
	font-size: 1em;
	line-height: 28px;
	list-style-image: url(images/bullet_arrow.gif);
	font-family: Arial, Helvetica, sans-serif;
}
.class3 A:link {
	font-family: Arial, Helvetica, sans-serif;
	color:#770226;
	text-decoration: none;
	font-size:1em;
}
.FeaturedHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #770226;
	text-decoration: underline;
}
.a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #770226;
	list-style-position: outside;
	list-style-image: url(images/bullet_arrow.gif);
}
.style3 {
	font-size: 11px;
	color: #09547E;
}
*/