body
{
        margin: 0px;
        background-image: url(http://www.petersandmay.com/skin_images/body.gif);
        background-color: #00426F;
        background-repeat: repeat-x;
        background-position: top left;
        background-attachment: scroll;
        overflow-y: scroll;
}

#container
{
        margin-top: 0px;
        height: 95%;
}

/*---------LOGO-----------*/
#logoleft
{
        /*background: #B9B9B9;*/
        background-image: url(http://www.petersandmay.com/skin_images/left_bg.gif);
        background-position: top right;
        background-repeat: repeat-y;
}

#logoright
{
        /*background: #B9B9B9;*/
        background-image: url(http://www.petersandmay.com/skin_images/right_bg.gif);
        background-position: top left;
        background-repeat: repeat-y;
}

/*---------HEADER-----------*/
#header
{
        width: 820px;
        height: 289px;
        background: transparent;
        background-image: url(http://www.petersandmay.com/skin_images/header.jpg);
        background-position: top left;
        background-repeat: no-repeat;
}

#headerleft
{
        background-image: url(http://www.petersandmay.com/skin_images/left_bg.gif);
        background-position: top right;
        background-repeat: repeat-y;
}

#headerright
{
        background-image: url(http://www.petersandmay.com/skin_images/right_bg.gif);
        background-position: top left;
        background-repeat: repeat-y;
}

/*---------MENU-----------*/
#menu
{
        height: 25px;
        width: 820px;
        background-image: url(http://www.petersandmay.com/skin_images/menu.gif);
}

#menuleft
{
        height: 25px;
        background-image: url(http://www.petersandmay.com/skin_images/menu_left.gif);
        background-position: top right;
        background-repeat: repeat-y;
}

#menuright
{
        height: 25px;
        background-image: url(http://www.petersandmay.com/skin_images/menu_right.gif);
        background-position: top left;
        background-repeat: repeat-y;
}

.menuitem
{
        position: relative;
}

a.menulink, a.menulink:link, a.menulink:active, a.menulink:visited
{
        text-align: center;
        font-weight: bold;
        line-height: 25px;
        height: 25px;
        text-decoration: none;
        padding: 0px 5px;
        display: block;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #000000;
}

a.menulink:hover
{
        color: #000000;
}

.submenuitem
{
        position: absolute;
        padding: 0px;
        left: 0;
        z-index: 10000;
}

a.submenulink, a.submenulink:link, a.submenulink:active, a.submenulink:visited
{
        display: block;
        text-align: center;
        line-height: 25px;
        height: 25px;
        padding: 0px 3px 0px 3px;
        text-decoration: none;
        display: block;
        color: #000000;
        background-color: #ffffff;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
}

a.submenulink:hover
{
        text-decoration: none;
        display: block;
        color: #000000;
        background-color: #ffffff;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
}

/*---------BODY AREA-----------*/
#content
{
        padding: 0px 0px 0px 0px;
        margin: 0px;
        background-image: url(http://www.petersandmay.com/skin_images/cont_bg.gif);
        background-position: top right;
        background-repeat: no-repeat;
        background-color: #ffffff;
}

#contentleft
{
        background-image: url(http://www.petersandmay.com/skin_images/content_left.gif);
        background-position: top right;
        background-repeat: repeat-y;
}

#contentright
{
        background-image: url(http://www.petersandmay.com/skin_images/content_right.gif);
        background-position: top left;
        background-repeat: repeat-y;
}

/*---------SIDEBAR BOXES-----------*/
* html .boxhead h2
{
        height: 1%;
}
/* For IE 5 PC */

.sidebox
{
        /* Margin dictates distance between each box*/
        margin: 0px 10px 10px 10px; /*width: 17.6em;  ems so it will grow */
        font-size: 100%;
        background-image: url(http://www.petersandmay.com/skin_images/middle.gif);
        background-position: top left;
        background-repeat: repeat-y;
}

.boxhead
{
        margin: 0px 0px 0px 0px;
        padding: 0;
        text-align: left;
        background-image: url(http://www.petersandmay.com/skin_images/top.gif);
        background-position: top left;
        background-repeat: no-repeat;
        height: 33px;
}

.boxhead h2
{
        margin: 0px 0px 0px 0px;
        padding: 4px 10px 3px 10px;
        font-weight: bold;
        color: #000000;
        font-size: 12px;
        font-family: Verdana, Geneva, sans-serif;
        line-height: 12px;
        text-transform: none;
        text-decoration: none;
}

.boxbody
{
        font-weight: normal;
        text-align: left;
        margin: 0px 0px 0px 0px;
        background-image: url(http://www.petersandmay.com/skin_images/bottom.gif);
        background-position: bottom left;
        background-repeat: no-repeat;
        color: #ffffff;
        font-size: 14px;
        font-family: Arial, Helvetica, sans-serif;
        line-height: 14px;
        padding: 10px 30px 10px 10px;
}

.boxmiddle
{
        margin: -10px -10px -5px -10px;
        padding: 10px;
        background-repeat: repeat-y;
        background-image: url(http://www.petersandmay.com/skin_images/middle.gif);
}

.boxbody a
{
        font-size: 14px;
        font-family: Arial, Helvetica, sans-serif;
        line-height: 14px;
        text-decoration: none;
}

.boxbody a:link, .boxbody a:visited, .boxbody a:active
{
        color: #bacde3;
        text-decoration: none;
}

.boxbody a:hover
{
        color: #eb1111;
        text-decoration: underline;
}

/*---------BODY CONTENT-----------*/
.sidebarbg
{
        background-color: #004370;
}

#navcontainer
{
        width: 197px;
        height: 100%;
        margin: 0px 0px 0px 0px;
        padding: 25px 0px 25px 0px;
        background-image: url(http://www.petersandmay.com/skin_images/nav_bg.gif);
        background-position: top left;
        background-repeat: repeat-x;
        background-color: #004370;
}

#bodyarea
{
        width: 574px;
        margin: 25px 25px 0px 24px;
        padding: 0px 0px 25px 0px;
        border: solid #333333 0px;
}

#secnavcontainer
{
        width: 197px;
        height: 100%;
        margin: 0px 0px 0px 0px;
        padding: 25px 0px 0px 0px;
        background-image: url(http://www.petersandmay.com/skin_images/nav_bg.gif);
        background-position: top left;
        background-repeat: repeat-x;
        background-color: #ffffff;
}

/*---------FOOTER-----------*/
#footer
{
        width: 820px;
        height: 80px;
        background-image: url(http://www.petersandmay.com/skin_images/footer_bg.gif);
        background-position: top left;
        background-repeat: repeat-x;
        font-weight: normal;
        font-size: 9px;
        font-family: Verdana, Geneva, sans-serif;
        color: #8BBCDE;
}

#footerleft
{
        height: 80px;
        background-image: url(http://www.petersandmay.com/skin_images/footer_left.gif);
        background-position: right;
        background-repeat: repeat-y;
}

#footerright
{
        height: 80px;
        background-image: url(http://www.petersandmay.com/skin_images/footer_right.gif);
        background-position: left;
        background-repeat: repeat-y;
}

#footer a
{
        font-family: Verdana, Geneva, sans-serif;
        font-size: 9px;
        line-height: 10px;
}

#footer a:link, #footer a:visited, #footer a:active
{
        text-decoration: none;
        font-size: 9px;
        font-family: Verdana, Geneva, sans-serif;
        color: #8BBCDE;
}

#footer a:hover
{
        text-decoration: underline;
        font-size: 9px;
        font-family: Verdana, Geneva, sans-serif;
        color: #2c7896;
}

.lefttext
{
        font-size: 9px;
        line-height: 15px;
        float: left;
        padding: 4px 20px 0px 20px;
}

.righttext
{
        float: right;
        padding: 4px 20px 0px 20px;
}

/*---------2nd FOOTER-----------*/
#secondfooter
{
        font-weight: normal;
        font-size: 9px;
        line-height: 15px;
        width: 820px;
        height: 37px;
        font-family: Verdana, Geneva, sans-serif;
        background-image: url(http://www.petersandmay.com/skin_images/2ndfooter.gif);
        background-position: top;
        color: #FFFFFF;
}

#secondfooterleft
{
        height: 37px; /*background: #B9B9B9;*/
        background-image: url(http://www.petersandmay.com/skin_images/2ndfooter_left.gif);
        background-position: top right;
        background-repeat: repeat-y;
}

#secondfooterright
{
        height: 37px; /*background: #B9B9B9;*/
        background-image: url(http://www.petersandmay.com/skin_images/2ndfooter_right.gif);
        background-position: top left;
        background-repeat: repeat-y;
}

#secondfooter a
{
        font-family: Verdana, Geneva, sans-serif;
        font-size: 9px;
        line-height: 10px;
}

#secondfooter a:link, #secondfooter a:visited, #secondfooter a:active
{
        line-height: 15px;
        text-decoration: none;
        font-size: 9px;
        font-family: Verdana, Geneva, sans-serif;
        color: #FFFFFF;
}

#secondfooter a:hover
{
        line-height: 15px;
        text-decoration: underline;
        font-size: 9px;
        font-family: Verdana, Geneva, sans-serif;
        color: #2c7896;
}

/*----------------------------------*/
/*---------GENERAL STYLES-----------*/
/*----------------------------------*/

img
{
        border-color: #ffffff;
}

/*---------CONTACT FORM BUTTON-----------*/
.sendbutton
{
        text-align: center; /*width: 60px;*/
        height: 18px;
        margin-top: 0px;
        margin-left: 10px;
        padding-top: 0px;
        padding-left: 2px;
        padding-right: 2px;
        padding-bottom: 2px;
        font-weight: bold;
        border: solid #000000 1px;
        color: #000000;
        background-color: #ffffff;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
}

/*---------PRODUCT SEARCH BUTTON-----------*/
.searchbutton
{
        text-align: left; /*width: 65px;*/
        height: 16px;
        margin-top: 0px;
        margin-left: 0px;
        margin-top: 0px;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 1px;
        font-weight: bold;
        border: solid #000000 1px;
        color: #000000;
        background-color: #ffffff;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
}

/*---------E NEWSLETTER SUBMIT BUTTON-----------*/
.submitbutton
{
        text-align: center; /*width: 37px;*/
        height: 16px;
        margin-top: 0px;
        margin-left: 10px;
        padding-top: 0px;
        padding-left: 2px;
        padding-right: 2px;
        padding-bottom: 2px;
        font-weight: bold;
        border: solid #000000 1px;
        color: #000000;
        background-color: #ffffff;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
}

/*---------SEARCH AND E NEWSLETTER INPUT BOXES-----------*/
.inputbox
{
        text-align: left;
        height: 16px;
        padding-top: 0px;
        padding-top: 0px;
        padding-left: 3px;
        padding-right: 0px;
        padding-bottom: 0px;
        width: 105px;
        border: solid #000000 1px;
        color: #000000;
        background-color: #ffffff;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
}

/*---------PAGE TITLE ON LISTING PAGE------------*/
a.arttitle
{
        color: #000000;
}

a.arttitle:link, a.arttitle:visited, a.arttitle:active
{
        text-decoration: underline;
}

a.arttitle:hover
{
        text-decoration: none;
}

.arttitle
{
        color: #000000;
        font-weight: bold;
        font-size: 13px;
        font-family: Arial, Helvetica, sans-serif;
}

/*---------HEADLINE TEXT FOR THOSE LISTING PAGES THAT HAVE THIS------------*/
a.artheadline
{
        text-decoration: underline;
        font-size: 13px;
        font-family: Arial, Helvetica, sans-serif;
}

a.artheadline:link, a.artheadline:visited, a.artheadline:active
{
        color: #333333;
}

a.artheadline:hover
{
        color: #000000;
}

/*---------LISTING PAGE PAGING-----------*/
.paging
{
        color: #333333;
        font-weight: bold;
        font-size: 11px;
        font-family: Verdana, Geneva, sans-serif;
}

a.paging
{
        text-decoration: underline;
}

a.paging:link, a.paging:visited, a.paging:active
{
        color: #333333;
}

a.paging:hover
{
        color: #000000;
}

/*---------FULL STORY LINK ON LISTING PAGES-----------*/
a.fullstory
{
        text-decoration: underline;
        font-size: 11px;
        font-family: Arial, Helvetica, sans-serif;
}

a.fullstory:link, a.fullstory:visited, a.fullstory:active
{
        color: #333333;
}

a.fullstory:hover
{
        color: #000000;
}

/*---------COPYRIGHT TEXT AND LINK STYLE-----------*/
.imagetag
{
        color: #333333;
        font-weight: normal;
        font-size: 10px;
        font-family: Arial, Helvetica, sans-serif;
}

a.imagetag
{
        text-decoration: underline;
        font-size: 10px;
        font-family: Arial, Helvetica, sans-serif;
}

a.imagetag:link, a.imagetag:visited, a.imagetag:active
{
        color: #333333;
}

a.imagetag:hover
{
        color: #000000;
}

/*---------DATE STYLE-----------*/
.displaydate
{
        color: #333333;
        font-weight: normal;
        font-size: 10px;
        font-family: Arial, Helvetica, sans-serif;
}

/*---------IMAGE ALBUM STYLE-----------*/
.imgcaption
{
        font-weight: normal;
        font-size: 11px;
        line-height: 18px;
        font-family: Tahoma, Geneva, sans-serif;
        color: #333333;
}

.imgtitle
{
        font-weight: bold;
        font-size: 11px;
        line-height: 18px;
        font-family: Tahoma, Geneva, sans-serif;
        color: #333333;
}

/*---------SUMMARY TEXT ON LISTING PAGES-----------*/
.artsummary
{
        color: #000000;
        font-weight: normal;
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
}

/*---------Alternate Rows---------*/
.even
{
        background-color: #ededed;
        color: #000000;
}

.odd
{
        background-color: #FFFFFF;
        color: #000000;
}

/*---------FOR TEXT IN CONTACT PAGE AND REPLY PAGE-----------*/
label
{
        font-weight: normal;
        line-height: 16px;
        color: #000000;
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 12px;
}

td object, td embed
{
        display: block;
}

.artdate
{
        color: #333333;
        font-weight: normal;
        font-size: 10px;
        font-family: Arial, Helvetica, sans-serif;
}

/*---------PAGE CONTENT TITLE-----------*/
.pagetitle h1
{
        text-align: left;
        font-weight: bold;
        padding-left: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-top: 0px;
        color: #000000;
        font-family: Verdana, Geneva, sans-serif;
        font-size: 18px;
        line-height: 20px;
        text-transform: none;
}

/*---------PAGE CONTENT TEXT-----------*/
.pagebody
{
        font-weight: normal;
        margin-top: 0px;
        color: #757575;
        font-family: Verdana, Geneva, sans-serif;
        font-size: 12px;
        line-height: 18px;
}

/*---------CONTENT TEXT LINKS-----------*/
a:link, a:visited, a:active
{
        text-decoration: underline;
        color: #005482;
}

a:hover
{
        text-decoration: none;
        color: #C5161D;
}

/*---------CALENDAR / SITE MAP LINKS-----------*/
.tableheading
{
        font-weight: bold;
        background-color: #AAAAAA;
        color: #FFFFFF;
        font-family: Times New Roman, Times, serif;
        font-size: 20px;
        line-height: 21px;
}

a.tableheading
{
        font-family: Times New Roman, Times, serif;
        font-size: 20px;
        line-height: 21px;
}

a.tableheading:link, a.tableheading:visited, a.tableheading:active
{
        text-decoration: underline;
        color: #FFFFFF;
}

a.tableheading:hover
{
        text-decoration: none;
        color: #FFFFFF;
}

/*---------FORM STYLES-----------*/
textarea, select
{
        font-weight: normal;
        margin: 0px;
        padding: 0px;
        border: solid #000000 1px;
        color: #000000;
        background-color: #ffffff;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
}

input
{
        font-weight: normal;
        margin: 0px;
        padding: 0px;
        border: solid #000000 1px;
        color: #000000;
        background-color: #ffffff;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
}

input[type='image']
{
        font-weight: normal;
        margin: 0px;
        padding: 0px;
        border: solid #000000 0px;
        color: #000000;
        background-color: Transparent;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
}

.contactform
{
        font-weight: normal;
        margin: 0px;
        padding: 0px;
        border: solid #000000 1px;
        color: #000000;
        background-color: #ffffff;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
}

/*---------CALENDAR / SITE MAP LINKS-----------*/
.calcontainer
{
        width: 170px;
        border: solid #C102C1 1px;
}

.caltable
{
        width: 166px;
        background-color: #FFAFFF;
}

.top
{
        font-weight: bold;
        text-align: center;
        color: #ffffff;
        font-size: 10px;
        width: 20px;
        height: 15px;
        background-color: #FFFFFF;
}

.hl
{
        width: 20px;
        height: 15px;
        font-size: 10px;
        text-align: right;
        padding: 1px 1px 1px 1px;
        margin: 1px 1px 1px 1px;
        background-color: #FFAFFF;
        border: solid #FF8FFF 1px;
}

.non
{
        width: 20px;
        height: 15px;
        font-size: 11px;
        text-align: right;
        background-color: #FFDFFF;
        color: #C102C1;
}

a.noevent
{
        font-weight: normal;
        font-size: 11px;
}

a.noevent:link, a.noevent:visited, a.noevent:active
{
        text-decoration: underline;
        color: #C102C1;
}

a.noevent:hover
{
        text-decoration: none;
        color: #C102C1;
}

a.event
{
        font-weight: bold;
        font-size: 11px;
}

a.event:link, a.event:visited, a.event:active
{
        text-decoration: underline;
        color: #C102C1;
}

a.event:hover
{
        text-decoration: none;
        color: #C102C1;
}

/*---------PRODUCT MODULE BUTTONS-----------*/
.shoppingbutton
{
        margin: 0px;
        text-align: center;
        height: 18px;
        padding-top: 2px;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 2px;
        font-weight: bold;
        border: solid #000000 1px;
        color: #000000;
        background-color: #ffffff;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
}

a.shoppingbutton
{
        text-decoration: none;
        font-size: 10px;
}

a.shoppingbutton:link, a.shoppingbutton:visited, a.shoppingbutton:active
{
        color: #000000;
}

a.shoppingbutton:hover
{
        color: #000000;
}

.compulsory
{
        color: #1E5890;
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 18px;
        line-height: 19px;
}

.error
{
        color: #FF0000;
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 18px;
        line-height: 19px;
}

/* Style for show information of the search, results and etc.. */
.infoRed
{
        font: normal 11px Verdana, Geneva, sans-serif;
        color: #CD0180;
}

.infoBlue
{
        font: normal 11px Verdana, Geneva, sans-serif;
        color: #0C5CB4;
}

.tableError
{
    font: normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #302226;
    border: solid 2 gray;
}

.heading1
{
	text-align: left;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 15px;
	color: #000000;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 22px;
	line-height: 20px;
	text-transform: none;
}



.subnavigation  {
	background-image: url(http://www.petersandmay-redesign.toolkitdemos.co.uk/skin_images/sub-navigation-arrow.gif);
	color: #999999;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 135px;
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}


#subnavigationtable a {
	color: #005482;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
font-size:12px;
}

#subnavigationtable a:hover{
	color: #C5161D;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
font-size:12px;
}

#subnavigationtable {
	width: 552px;
height:40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A7B8C4;
	margin-bottom: 20px;
	padding-bottom: 20px;
padding-top:0px;
margin-top:5px;

}

a 
{ 
    font-family: Verdana, Helvetica, sans-serif;
}

td 
{ 
    font-family: Verdana, Helvetica, sans-serif;
}