/**** Global ****/
* { margin: 0 0 0 0; padding: 0 0 0 0; }
body { background-image: url(../images/css/sitebg1.jpg); background-repeat: repeat-x; } /* alternative sitebg2.jpg and sitebg3.jpg in images folder */
/* standard text colour */
body { color: #6E7275; font-family: Arial; }

a { color: #29417F; text-decoration: none; }
a.purple { color: #7D3C90; }
a.orange { color: #EC6724; }
a.pink { color: #E31B64; }
a.selected { color: #83469B; }
a:hover { text-decoration: underline; }
a.leftarrow { padding-left: 9px; background-image: url(../images/css/leftarrow.png); background-position: left center; background-repeat: no-repeat; }
img { border: none; }

p.name { font-weight: bold; }

h1 { color: #B23960; font-family: Georgia, Arial; font-weight: normal; font-size:20px; padding-top: 5px; padding-bottom:15px; font-weight:bold}
h2.home { color: #B23960; font-family: Georgia, Arial; font-weight: normal; font-size:16px; padding-top: 15px; padding-bottom: 5px; font-weight:bold;text-transform:uppercase;}
h1.purple { color: #7D3C90; }
h1.orange { color: #EC6724; }
h1.pink { color: #E31B64; }

h2.purple { color: #7D3C90; }
h2.orange { color: #EC6724; }
h2.pink { color: #E31B64; }

h2#line { border-top: 1px solid #CCCCCC; margin-top: 15px; padding-top: 15px; font-size:16px;font-weight:bold;}

h2 { color: #29417F; font-family: Arial; font-size: 14px; font-weight: normal; padding-bottom: 5px; }
h2.delevery {color:#B23960;font-weight:bold;}
h2.purplearrow a { color: #7D3C90; background-image: url(../images/css/purplearrow.png); background-repeat: no-repeat; background-position: right bottom; padding-right: 25px; height: 19px; }
h2.orangearrow a { color: #EC6724; background-image: url(../images/css/orangearrow.png); background-repeat: no-repeat; background-position: right bottom; padding-right: 25px; height: 19px; }
h2.pinkarrow a { color: #E31B64; background-image: url(../images/css/pinkarrow.png); background-repeat: no-repeat; background-position: right bottom; padding-right: 25px; height: 19px; }

h3 { }

h4.purple { color: #7D3C90; }
h4.orange { color: #EC6724; }
h4.pink { color: #E31B64; }

div.container { margin: 0 auto 0 auto; width: 950px; background-color: #FEFEFE; }

/*** Primary Navigation ***/
div.primarynav { font-family: Arial; background-image: url(../images/css/primarylinkbg.png); background-repeat: repeat-x; height: 40px; }
div.primarynav ul { list-style: none; margin-left: 22px; padding-top: 14px; }
div.primarynav ul li { float: left; color: White; margin-right: 19px; padding-right: 19px; text-transform: uppercase; font-size: 12px; }
div.primarynav ul li.breakline { border-right: 1px solid #8587B8; }
div.primarynav ul li a { color: White; text-transform: uppercase; }
div.primarynav ul li a.selected { color: #7FCEDD; }

/*** Crumb Trail ***/
div.crumb { clear: both; position: absolute; top: 190px; z-index: 100; margin-left: 20px; font-family: Arial; font-size: 11px; }
div.crumb h4 { font-size: 11px; }
div.crumb h4 a { margin-left: 5px; margin-right: 5px; }

/*** Banners ***/
/* home page */
div.bannerhome { }
div.bannerhome h1 a { font-size: 10px; font-weight: normal; cursor: pointer; }
div.bannerhome h1 { background: none; position: relative; /* hide overflow:hidden from IE5/Mac */ /* \*/ overflow: hidden; /* */ width: 950px; height: 170px; padding-bottom: 7px; float: left; margin: 0 0 0 0; padding: 0 0 0 0; }
div.bannerhome h1 span { display: block; position: absolute; top: 0px; left: 0px; z-index: 1; /*for Opera 5 and 6*/ width: 950px; height: 170px; }
div.bannerhome h1 span { background: url(/images/mwm1/banner2.gif) top left no-repeat; }

div.bannerhome { }
div.bannerhome h2 a { font-size: 10px; font-weight: normal; cursor: pointer; }
div.bannerhome h2 { background: none; position: relative; /* hide overflow:hidden from IE5/Mac */ /* \*/ overflow: hidden; /* */ width: 950px; height: 170px; padding-bottom: 7px; float: left; margin: 0 0 0 0; padding: 0 0 0 0; }
div.bannerhome h2 span { display: block; position: absolute; top: 0px; left: 0px; z-index: 1; /*for Opera 5 and 6*/ width: 950px; height: 170px; }
div.bannerhome h2 span { background: url(/images/mwm1/banner2.gif) top left no-repeat; }

/* application page */
div.bannerapplications { }
div.bannerapplications h3 a { font-size: 10px; font-weight: normal; cursor: pointer; }
div.bannerapplications h3 { background: none; position: relative; /* hide overflow:hidden from IE5/Mac */ /* \*/ overflow: hidden; /* */ width: 950px; height: 170px; padding-bottom: 7px; float: left; margin: 0 0 0 0; padding: 0 0 0 0; }
div.bannerapplications h3 span { display: block; position: absolute; top: 0px; left: 0px; z-index: 1; /*for Opera 5 and 6*/ width: 950px; height: 170px; }
div.bannerapplications h3 span { background: url(/images/mwm1/banner2.gif) top left no-repeat; }

/* applicatino kids page */
div.bannerkids { }
div.bannerkids h3 a { font-size: 10px; font-weight: normal; cursor: pointer; }
div.bannerkids h3 { background: none; position: relative; /* hide overflow:hidden from IE5/Mac */ /* \*/ overflow: hidden; /* */ width: 950px; height: 170px; padding-bottom: 7px; float: left; margin: 0 0 0 0; padding: 0 0 0 0; }
div.bannerkids h3 span { display: block; position: absolute; top: 0px; left: 0px; z-index: 1; /*for Opera 5 and 6*/ width: 950px; height: 170px; }
div.bannerkids h3 span { background: url(/images/mwm1/banner-kids.jpg) top left no-repeat; }

/* Pets page */
div.bannerpets { }
div.bannerpets h3 a { font-size: 10px; font-weight: normal; cursor: pointer; }
div.bannerpets h3 { background: none; position: relative; /* hide overflow:hidden from IE5/Mac */ /* \*/ overflow: hidden; /* */ width: 950px; height: 170px; padding-bottom: 7px; float: left; margin: 0 0 0 0; padding: 0 0 0 0; }
div.bannerpets h3 span { display: block; position: absolute; top: 0px; left: 0px; z-index: 1; /*for Opera 5 and 6*/ width: 950px; height: 170px; }
div.bannerpets h3 span { background: url(/images/mwm1/banner-pets.jpg) top left no-repeat; }

/* Adults page */
div.banneradults { }
div.banneradults h3 a { font-size: 10px; font-weight: normal; cursor: pointer; }
div.banneradults h3 { background: none; position: relative; /* hide overflow:hidden from IE5/Mac */ /* \*/ overflow: hidden; /* */ width: 950px; height: 170px; padding-bottom: 7px; float: left; margin: 0 0 0 0; padding: 0 0 0 0; }
div.banneradults h3 span { display: block; position: absolute; top: 0px; left: 0px; z-index: 1; /*for Opera 5 and 6*/ width: 950px; height: 170px; }
div.banneradults h3 span { background: url(/images/mwm1/banner-adults.jpg) top left no-repeat; }

/* maternity page */
div.bannermaternity { }
div.bannermaternity h3 a { font-size: 10px; font-weight: normal; cursor: pointer; }
div.bannermaternity h3 { background: none; position: relative; /* hide overflow:hidden from IE5/Mac */ /* \*/ overflow: hidden; /* */ width: 950px; height: 170px; padding-bottom: 7px; float: left; margin: 0 0 0 0; padding: 0 0 0 0; }
div.bannermaternity h3 span { display: block; position: absolute; top: 0px; left: 0px; z-index: 1; /*for Opera 5 and 6*/ width: 950px; height: 170px; }
div.bannermaternity h3 span { background: url(/images/mwm1/banner-maternity.jpg) top left no-repeat; }

/* medical page */
div.bannermedical { }
div.bannermedical h3 a { font-size: 10px; font-weight: normal; cursor: pointer; }
div.bannermedical h3 { background: none; position: relative; /* hide overflow:hidden from IE5/Mac */ /* \*/ overflow: hidden; /* */ width: 950px; height: 170px; padding-bottom: 7px; float: left; margin: 0 0 0 0; padding: 0 0 0 0; }
div.bannermedical h3 span { display: block; position: absolute; top: 0px; left: 0px; z-index: 1; /*for Opera 5 and 6*/ width: 950px; height: 170px; }
div.bannermedical h3 span { background: url(/images/mwm1/banner-medical.jpg) top left no-repeat; }

/* menopause page */
div.bannermenopause { }
div.bannermenopause h3 a { font-size: 10px; font-weight: normal; cursor: pointer; }
div.bannermenopause h3 { background: none; position: relative; /* hide overflow:hidden from IE5/Mac */ /* \*/ overflow: hidden; /* */ width: 950px; height: 170px; padding-bottom: 7px; float: left; margin: 0 0 0 0; padding: 0 0 0 0; }
div.bannermenopause h3 span { display: block; position: absolute; top: 0px; left: 0px; z-index: 1; /*for Opera 5 and 6*/ width: 950px; height: 170px; }
div.bannermenopause h3 span { background: url(/images/mwm1/banner-menopause.jpg) top left no-repeat; }

/**** Standard page ****/
div.banner { }
div.banner h3 a { font-size: 10px; font-weight: normal; cursor: pointer; }
div.banner h3 { background: none; position: relative; /* hide overflow:hidden from IE5/Mac */ /* \*/ overflow: hidden; /* */ width: 950px; height: 170px; padding-bottom: 7px; float: left; margin: 0 0 0 0; padding: 0 0 0 0; }
div.banner h3 span { display: block; position: absolute; top: 0px; left: 0px; z-index: 1; /*for Opera 5 and 6*/ width: 950px; height: 170px; }
div.banner h3 span { background: url(/images/mwm1/banner2.gif) top left no-repeat; }


div.panels { padding-left: 12px; clear: both; }
div.panels ul { list-style: none; }
div.panels ul li { float: left; width: 311px; position: relative; z-index: 101; }
div.panels ul li h2 { clear: both; position: absolute; top: 17px; font-size: 16px; margin-left: 27px; font-weight: normal; left: 0; font-family: Georgia; }
div.panels ul li ul { clear: both; position: absolute; top: 195px; left: 0; margin-left: 25px; font-size: 12px; }
div.panels ul li ul li { margin-bottom: 3px; font-size: 12px; width: 250px; }
div.panels ul li ul li.strong { font-weight: bold; }
div.panels ul li ul li.nolink { list-style-type: disc; list-style-position: inside; }
div.panels ul li ul li p { font-weight: normal; margin-bottom: 5px; width: 250px; line-height: 20px; }
div.panels ul li ul li a { font-weight: normal; }
div.panels ul li ul li.short { width: 140px; float: left; }
div.panels ul li.purplelong { width: 920px; height: 192px; padding-bottom: 20px; display: block; }
div.panels ul li.purplelong h2 { clear: both; position: absolute; top: 25px; margin-left: 300px; }
div.panels ul li.purplelong p { position: absolute; top: 55px; left: 0; font-size: 12px; margin-left: 300px; margin-right: 30px; line-height: 20px; }


li.purpleroll { height: 335px; }
li.purpleroll ul li a:hover { color: #7D3C90; padding-left: 9px; background-image: url(../images/css/leftpurplearrow.png); background-position: left center; background-repeat: no-repeat; }
li.purpleroll ul li a.external:hover { background-image: none; text-decoration: underline; margin: 0 0 0 0; padding: 0 0 0 0; }
li.orangeroll { height: 335px; }
li.orangeroll ul li a:hover { color: #EC6724; padding-left: 9px; background-image: url(../images/css/leftorangearrow.png); background-position: left center; background-repeat: no-repeat; }
li.pinkroll { height: 335px; }
li.pinkroll ul li a:hover { color: #E31B64; padding-left: 9px; background-image: url(../images/css/leftpinkarrow.png); background-position: left center; background-repeat: no-repeat; }
.overshot {z-index:100;}


/*** Main Paragraph ***/
div.mainpara { margin-left: 20px;width: 600px; float: left; margin-right: 20px; margin-bottom:10px; }
div.mainpara p { font-family: Georgia; font-size: 16px; line-height: 24px; margin-bottom:20px;}

/*** Awards ***/
div.awards ul {list-style:none;margin-left:30px;}
div.awards ul li {margin-left:40px;float:left;}

/** Single Normal Text Block **/
div.singletextblock { margin-left: 20px; margin-top: 10px; width: 600px; float: left; margin-right: 20px; margin-bottom: 30px; }
div.singletextblock p { font-family: Arial; font-size: 14px; line-height: 22px; margin-bottom: 10px; }
div.singletextblock h1 { margin-bottom: 25px; font-size:18px;}
div.singletextblock h2 { padding-top: 10px; font-size:16px;font-weight:bold;}
div.singletextblock ul { font-size: 12px; padding-left: 25px; }
div.singletextblock ul.sitemap { list-style: none; }
div.singletextblock ul li { padding-bottom: 8px; line-height: 22px; }

/** Agent text block **/
div.agenttextblock { margin-left: 20px; margin-top: 10px; width: 480px; float: left; margin-right: 20px; margin-bottom: 30px; }
div.agenttextblock p { font-size: 14px; padding-bottom: 10px; line-height:20px;}
div.agenttextblock ul { margin: 0 0 10px 0; padding: 0 0 0 0; }
div.agenttextblock ul li { font-size: 14px; margin-left: 20px; margin-bottom: 5px; }

/* Agent form */
div.agenform { position: relative; z-index: 101; width: 420px; float: left; padding-bottom: 15px; }
div.agenform img { }
div.agenform h2 { clear: both; position: absolute; top: 20px; margin-left: 30px; }
div.agenform input { border: none; height: 22px; width: 350px; font-size: 12px; font-family: Arial; color: #6E7275; padding-top: 3px; }
div.agenform input.name { clear: both; position: absolute; top: 50px; margin-left: 30px; }
div.agenform input.email { clear: both; position: absolute; top: 80px; margin-left: 30px; }
div.agenform input.telephone { clear: both; position: absolute; top: 110px; margin-left: 30px; }
div.agenform textarea { clear: both; position: absolute; top: 140px; margin-left: 30px; border: none; width: 350px; font-size: 12px; font-family: Arial; color: #6E7275; }
div.agenform input.submit { clear: both; position: absolute; top: 255px; width: auto; margin-left: 30px; }
div.agenform a { clear: both; position: absolute; top: 360px; margin-left: 30px; font-size: 11px; }
div.agenform p { clear: both; position: absolute; top: 60px; margin-left: 30px; font-size: 11px; margin-right: 30px; }

/*** Text block keft ***/
div.blockleft { width: 210px; margin-left: 20px; float: left; margin-right: 15px; margin-top: 5px; padding-bottom: 20px; }

div.blockleft h3 { color: #2D4186; font-family: Arial; font-size: 18px; padding-bottom: 20px; }
div.blockleft h2 { font-family: Georgia, Arial; font-size: 16px; }
div.blockleft p { font-size: 12px; padding-bottom: 10px; }

/*** Payment ***/
div.buyform { margin-left: 245px; padding-top: 20px; padding-left: 0px; }
div.buyform h2 { padding-left: 235px; background-image: url(../images/buyheaderbg.png); background-repeat: no-repeat; height: 33px; padding-top: 8px; }
div.buyform label { float: left; width: 190px; text-align: right; font-size: 12px; height: 20px; margin-left: 0px; }
div.buyform input { display: block; margin-bottom: 5px; margin-left: 235px; width: 200px; }
div.buyform input.error { border: 1px solid red; }
div.buyform input.button { margin-left: 235px; width: auto; }
div.buyform span { display: block; margin-bottom: 5px; margin-left: 235px; width: 200px; font-size: 12px; height: 20px; }
div.buyform p.required { margin-left: 235px; font-size: 10px; }
div.buyform select { display: block; margin-bottom: 5px; margin-left: 235px; }
div.buyform select.noblock { display: inline; float: left; margin-left: 45px; margin-right: 10px; }

div.awards {margin-top:15px;}

/*** ValidationSummary ***/
#ValidationSummary1 { font-size: 12px; padding-top: 10px; }
#ValidationSummary1 ul { list-style: none; }

/*** Text block right ***/
div.textblockright h1 { padding-bottom: 10px; }
div.textblockright p { font-size: 12px; font-family: Arial; padding-bottom: 10px; }
div.textblockright img.stepprocess { padding-right: 100px; }
div.textblockright h2 { padding-top: 10px; font-size: 13px; }

/*** Buy Panel ***/
div.buypanel {width:300px;float:left;height:140px;}
div.buypanel img.productshot { float: right; }
div.buypanel h3 { color: #2D4186; font-family: Arial; font-size:20px; font-weight: normal; }
div.buypanel h3 span { font-weight: bold; }
div.buypanel h3 span.delevery {color:#B3668C;font-size:15px;margin-left:20px;}
div.buypanel div.buy {display:block;}
div.buypanel div.buyheading {height:164px;}
div.buypanel p.smallprint { font-size: 10px; margin-bottom: 5px; margin-top: 3px; font-weight: bold; }
.dimensions { font-size: 13px; display: block; padding-top: 5px;color:#B3668C;font-weight:bolder;}

/**** Secondary Navigation ****/
div.secondarynavigation { float: left; width: 100px; font-family: Arial; font-size: 12px; }
div.secondarynavigation h4 { padding-bottom: 15px; }
div.secondarynavigation ul { list-style: none; margin-left: 20px; padding-top: 15px; }
div.secondarynavigation ul li { padding-bottom: 3px; }
div.secondarynavigation li.orangeroll { height: auto; }
div.secondarynavigation li.orangeroll a:hover { color: #EC6724; padding-left: 9px; background-image: url(..../images/css/leftorangearrow.png); background-position: left center; background-repeat: no-repeat; }
div.secondarynavigation a.orangeselected { color: #EC6724; padding-left: 9px; background-image: url(../images/css/leftorangearrow.png); background-position: left center; background-repeat: no-repeat; }

/**Seconday nav page text **/
div.navtextblock { margin-left: 30px; float: left; width: 480px; padding-top: 10px; padding-bottom: 15px; padding-right: 30px; }
div.navtextblock p { font-family: Arial; font-size: 14px; line-height: 22px; margin-bottom: 10px; }


/**** Footer ****/
div.footer { padding-top: 20px; padding-bottom: 20px; clear: both; display: block; }
div.footer ul { list-style: none; font-size: 11px; margin-left: 20px; border-top: 1px solid #828487; margin-top: 10px; padding-top: 10px; }
div.footer ul li { float: left; }
div.footer ul li a { font-size: 11px; }
div.footer ul li.border { margin-right: 5px; padding-right: 5px; border-right: 1px solid #828487; }
div.footer ul li.copy { margin-left: 120px; }

/** clientorange **/
div.clientorange { padding-left: 30px; padding-right: 30px; background-image: url(../images/quote.png); background-repeat: no-repeat; }
div.clientorange p.name { background-image: url(../images/quoteclose.png); background-position: right bottom; background-repeat: no-repeat; padding-right:40px; height:75px; line-height: 65px; margin-top: -25px; }

/** Vcard **/
div.vcard { line-height: 14px; height: 120px; }
div.org { margin: 0px 10px 5px 0px; color: #29417F; font: 11px Arial, Helvetica, sans-serif; font-weight: bold; line-height: 14px; }
div.adr { margin: 0 10px 10px 0px; float: left; padding-right: 100px; font: 11px Arial, Helvetica, sans-serif; line-height: 14px; }
.tel { margin: 0 10px 0px 0px; font: 11px Arial, Helvetica, sans-serif; line-height: 14px; }
.email { margin: 0 10px 0px 0px; font: 11px Arial, Helvetica, sans-serif; line-height: 14px; }

div.enquiryform { margin-top: 15px; }
div.enquiryform label { float: left; text-align: left; width: 100px; font-size: 11px; }
div.enquiryform input { display: block; margin-left: 110px; margin-bottom: 5px; width: 300px; }
div.enquiryform textarea { margin-left: 10px; width: 300px; }
div.enquiryform input.submit { width: 70px; border: 1px solid #ABADB3; background-color: #FFFFFF; color: #ABADB3; margin-top: 3px; }
div.enquiryform input.submit:hover { background: #ABADB3; color: #FFFFFF; }

/** Small Print **/
div.smallprint p { font-size: 10px; padding-top: 120px; }

/* FAQ Section */
div.newsitem {border-bottom:1px solid #cccccc;margin-bottom:10px;}
div.askquestion label {float:left;font-family:Arial;font-size:12px;color:#6E7072;text-align:left;width:80px;}
div.askquestion input.text {display:block;margin-left:100px;width:350px;margin-bottom:15px;border:1px solid #cccccc;height:20px;} 
div.askquestion textarea.text {display:block;margin-left:100px;width:350px;margin-bottom:15px;border:1px solid #cccccc;height:20px;font-family:Arial;font-size:12px;}
div.askquestion textarea.text:focus {height:60px;}

div.askquestion input.button {margin-left:100px;width:100px;}

/* Press Section */
p.breakline {border-bottom:1px solid #cccccc;padding-bottom:10px;}