/*link color #17a4dd*/

em
{font-weight:bold;
color:#4444444}


div.indexinfo
{text-align:left;
width:980px;
margin-left:auto;margin-right:auto;
background:#1b201a;color:white}


div.indexinfo p
{color:white}



img.homelink

{width:150px;height:150px;border:0px solid blue}




td.nopad
{padding:0px;
border:0px solid red}



/*PAGE*/

/*page is now petepage and is in peteheader*/

div.pagebottom
{background-image: url(picbg/pagebot.png);
border: 0px solid black;
margin-left:auto;
margin-right:auto;
height:50px;
width:980px;
text-align:left;
background-repeat:no-repeat;
padding:0px;
text-indent:10px;
}

div.pagepad
{border: 0px solid red;
padding-top:10px;
padding-left:7px;
padding-right:7px;
padding-bottom:0px}




div.menucontainer
{float:left;
padding:0px;
margin:0px;
width:182px;
}

/* this leaves inside = 170 i.e. 182 - 10 pad - 2 border*/





/*this gives a width of 600 = 980 - 14 (padding) - 194 left - 172 right */

div.content
{display:block;
margin-top:0px;
margin-left:194px;
margin-right:172px;
text-align:left;
border: 0px solid blue;

}

div.banner /* should be 780 wide without borders*/
{border:2px solid gray;
margin:5px 0px 0px 194px;
background-image: url(picbg/banner-bg.png);
width:768px;
text-align:left

}

/*no left column eg store*/
div.widecontent
{display:block;
margin-top:0px;
margin-left:0px;
margin-right:172px;
text-align:left;
border: 0px solid blue;
}


div.rightcolumn
{
float:right;
margin:0px;
position:relative;
top:0px;

width:160px;

}



ul

{

list-style-image: url(picbg/bullet.png);}




/*this is a box on the right for text etc. any imagaes should be 150px to add to 160 as padding and border is total 10px */

div.boxborder

{border:1px solid #888888;
padding:4px;
margin-top:0px;
background-image: url(picbg/gold.jpg);}

/*list left and right*/



body.avpages
{
background:#222222;
height:auto;
margin:0px;
background-repeat:repeat;
border: 0px none black;
padding:0px;
color:white;
font-family: verdana, arial, helvetica, sans-serif;
font-size:75%;
font-weight:normal;
text-align:center
}




img.bullet
{vertical-align:middle;border:none;height:10px}

img.floatright
{float:right;
margin-left:10px}

img.floatleft
{float:left;
margin-right:10px}


div.pre
{
width:1px;
height:1px;

background-image: url(x-header/pete-site-media-light.png);
background-image: url(x-header/pete-site-cafe-light.png);
background-image: url(x-header/pete-site-pt-light.png);
background-image: url(x-header/pete-site-taming-light.png);
background-repeat:no-repeat;
padding:0px;
clear:both;
}




div.rightfloat
{
float:right;
border: 0px none black;
margin-left:6px;
}


div.leftfloat
{
float:left;
border: 0px none black;
margin-right:8px;
margin-top:4px
}



/*check this for text align*/
div.center
{border: 0px none black;
margin-left: auto;
margin-right: auto;
padding:0px;
text-align:center;
}


div.noflash
{
text-align:left;
padding:10px;
border:2px solid silver;
background:white;
margin:0px 300px 0px 150px}

div.object
{margin-top:10px;
margin-bottom:10px}


/*paragraph*/
p 
{color:#444444;}


td p
{margin-top:0px;
margin-bottom:4px;
}

p.italic
{font-style:italic;
color:purple}

p.top
{margin-top:0px}

p.last
{margin-bottom:0px}

p.single
{margin-bottom:0px;margin-top:0px}


img.quote-end
{position:relative;top:4px;
}

/*checked to here*/

table
{margin-bottom:5px}



table.store
{border-spacing:0px;border-collapse:collapse;
width:100%;
margin-bottom:25px;
border:0px solid red
}

table.store td

{padding:0px;
}

table.store td.product

{border: 2px solid gray;
padding:7px;}

div.sales
{padding:10px;background:white;border-bottom:1px solid gray;clear:both}


/*NEW*/

/*border-spacing:0px;border-collapse:collapse;*/


tr.background
{
}

td
{text-align:left;
vertical-align:top;
font-weight:normal;
color:#000033;
padding:4px;

}


td.linklist
{text-align:left;

font-weight:bold;
text-align:right;
padding:0px}

td.linklist-r
{
padding:0px;padding-left:5px}

code
{font-family:courier;font-size:1em;color:green}


/*needs padding and border container*/
div.scroll {
height:1000px;
overflow: auto;
background-image: url(picbg/gold.jpg);
text-align:center;
padding:5px;
border: 1px solid black;
}



div.lightbox
{color:black;
border: 1px solid silver;
background-image:url(picbg/lightbox-bg.jpg);
background-repeat:repeat-x;
padding:15px;
margin-bottom:10px;
text-align:left;
}

div.noflashplayer
{width:540px;
margin-left:auto;
margin-right:auto;
border:4px solid silver;
padding:10px;
background-color:white;
background-image:url(picbg/lightbox-bg.jpg);
background-repeat:repeat-x;
text-align:center}


h1{
font-size:1.8em;
text-align:left;
padding:10px 0px 0px 0px;
color:gray;
margin:0px 10px 20px 10px;


}

h2
{
font-size: 1.4em;
color:gray;

margin-top:0px;
margin-bottom:10px;
}

h3
{
font-size: 1.3em;margin-top:7px;
margin-bottom:7px;
color:gray;

}


h4
{
font-size: 1.1em;margin-top:6px;
margin-bottom:6px;
color:gray;
}


/*menu headings*/
h5
{
font-size: 1em;
margin-top:0px;
padding-top:0px;
margin-bottom:6px;


}

h6
{
font-size: 0.9em;
margin-top:2px;
margin-bottom:2px;

}



img.pmusicicon
{width:92px;
margin-top:8px;margin-bottom:2px;
}


/* in pmusic directory*/
div.carousel
{text-align:center;
margin-top:10px;
padding-top:0px;
padding-left:15px;
padding-right:15px;

}



/*horizontal rule - this is important to display bleedin ie properly*/



div.hr
{ height:13px;
background-image:url(picbg/hr.png);
padding: 0px;
background-repeat:repeat-x }

div.hr hr { display: none; }

img
{border:none}

img.border
{border: 1px solid gray;
}

span.red
{font-weight:bold;
color: red;
}

/* normal links */

a:link,a:visited
{
font-weight:bold;
color:#17a4dd;
text-decoration:none;
background: transparent;}

a:hover,a:active
{color:#444444;}

/* listlinks */

a.list:link,a.list:visited
{
font-weight:bold;
color:gray;
text-decoration:none;
background: transparent;}

a.list:hover,a.list:active
{color:#17a4dd;}



a.indexlink:link,a.indexlink:visited
{
font-weight:bold;
color:aqua;
text-decoration:none;
background: transparent;
text-decoration:underline}

a.indexlink:hover,a.indexlink:active
{color:white;}




div.subsubmenu
{text-align:center;
margin-top:8px;
margin-bottom:20px;
}


a.subsub:link,a.subsub:visited
{
font-weight:bold;
color:black;
text-decoration:none;
background: white;
background-image:url(picbg/lightbox-bg.jpg);
border:1px solid gray;
padding:5px;
margin-left:10px;
margin-right:10px}

a.subsub:hover,a.subsub:active
{color:#17a4dd;}

/* small links */

a.pmlink:link,a.pmlink:visited
{
font-size:0.8em;
line-height:16px;
text-decoration:underline;
background: transparent;}

a.pmlink:hover,a.pmlink:active
{}








/* div with links at bottom of page*/

#bottom
{padding:5px 15px 0px 5px;border:0px solid gray;color:silver;text-align:right}

#bottom a:link, #bottom a:visited, #bottom a:hover, #bottom a:active
{font-size:1em;font-weight:normal;color:silver}



/*LH submenus*/

div.submenutop
{
width:182px;
height:6px;
background-image:url(picbg/menutop.png);
background-repeat:no-repeat;
margin:0px;
padding:0px;

}

/* as no padding at top h5 needs 0 margin  ffef82*/
div.submenumid
{display:block;
background:#ffffff;
border:1px solid #999999;
border-top:0px solid #FFFFCC;
border-bottom:0px solid #FFFFCC;
padding:0px 4px 0px 4px;
font-size:12px;
}


div.submenumid p
{color:#666666;}


div.submenubot
{
width:182px;
height:12px;
background-image:url(picbg/menubot.png);
background-repeat:no-repeat;
}

/*RH submenus 160*/

div.rightsubmenutop
{
width:160px;
height:6px;
background-image:url(picbg/rightmenutop.png);
background-repeat:no-repeat;
margin:0px;
padding:0px;

}



div.rightsubmenubot
{
width:160px;
height:12px;
background-image:url(picbg/rightmenubot.png);
background-repeat:no-repeat;
}





div.mainsitesubmenu
{text-align:left;
padding-bottom:3px
}


/*UL of each sub menu*/
div.mainsitesubmenu ul 

{margin: 0;
padding: 0;
margin-bottom:5px;
list-style-type: none;
list-style-image:none;}


div.mainsitesubmenu ul li{
border-bottom: 1px solid #999999;
}



/*links in mainsitesubmenu*/
div.mainsitesubmenu ul li a{
display: block;
color:#17a4dd;
font: bold 12px Arial;
text-decoration: none;
line-height:16px;
padding-left:2px;
margin:4px;
}

div.mainsitesubmenu ul li a:hover
{color:#444444;
}



div.mainsitesubmenu h4
{margin:0px 0px 6px 5px;
font-size:15px;
color:gray;
padding-top:5px}



ul.menulist

{list-style-type: circle;
padding-left:15px;margin-bottom:0px}
li.menulist

{border:none;font-size:11px;color:gray}




div.imagemenu {margin-top:7px;padding-bottom:7px;clear:both;border-bottom:1px solid gray}

div.imagemenuheight
{height:60px;padding-left:6px}


div.imagemenuheight img
{height:60px;float:right;margin-left:2px}