@import url("mystyles.css");
@import url("shopmononnav4.css");
@import url("ie6hacks.css");
@import url("ie7hacks.css");

* {
   padding:0;
   margin:0;
}

img {border:none;}

/* ###########  Default colours ######### */

/* Main Purple #800088  */

/* Mid Purple #D8B4E7 */

/* Light purple #F2E6F7 */

/* Orange #F28D3B */ 

div.skiplink {position:absolute;top:0em; left:0em; font-size:2px; height:0.2em;background-color:white;}

a.skip:link, a.skip:visited, a.skip:hover, a.skip:focus, a.skip:active {font-size:2px;color:white;}


/* ###########  Layout classes ######### */

body {margin-left:auto;margin-right:auto;width:90%;font-family:Arial, Helvetica, Gill, sans-serif;}

#nav {margin-left:0.2em;float:left; width:9em;}

#content {margin-left:9.4em; margin-right:140px;text-align:center;}

#ad {margin-left:0em;float:right; width:134px;margin-right:0.2em;text-align:right;}

#ad h3 {text-align:left;color:#F28D3B;}

#ad p {text-align:left;color:#800088;margin-bottom:0.2em;}

/* ###########  banner classes ######### */


#banner {padding:0.2em;}
#banner h1 {color:white;font-size:300%;display:table-cell;vertical-align:middle;padding-right:148px;height:96px;}
#textreplace {position:relative;top:2700px;color:white; margin:0em;padding:0em;height:1%;overflow:hidden;display:inline;}
.textreplace {position:relative;top:2700px;color:white; margin:0em;padding:0em;height:1%;overflow:hidden;display:inline;}


.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#800088; border-left:1px solid #800088; border-right:1px solid #800088;}
.xb1 {margin:0 5px; background:#800088;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; border:0 solid #800088; border-width:0 1px; height:auto;width:auto;margin-left:0;}

.color_a {background:#fff; color:#800088;}
.color_b {background:#fff; color:#800088;}
.color_c {background:#fff; color:#800088;}
.color_d {background:#fff; color:#800088;}

.bannercontent {padding:0.3em;background-color:#800088;border:0 solid #800088; border-width:0 1px;
background-image:url(/images/shopmologo.jpg);background-repeat:no-repeat;background-position:98% 50%;}
.bannercontent p {color:white;font-size:140%;margin:0px;padding:0px;padding-bottom:0.3em;padding-top:0.5em;}
div.bannerborder .xtop {display:block; background:#fff; font-size:1px;}
div.bannerborder .xbottom {display:block; background:#fff; font-size:1px;}
div.bannerborder .color_d {background:#800088; color:#800088;}
div.bannerborder .xbottom .xb4 {background-color: #800088;}
div.bannerborder .xbottom .xb2 {background-color: #800088;}
div.bannerborder .xbottom .xb3 {background-color: #800088;}

a.homelink:link {text-decoration:none;border:none;color:white;}
a.homelink:visited {text-decoration:none;border:none;color:white;}
a.homelink:hover {text-decoration:none;border:none;color:white;text-decoration:underline;}
a.homelink:focus {text-decoration:none;border:none;color:white;text-decoration:underline;}
a.homelink:active {text-decoration:none;border:none;color:white;}

.download {font-style:italic;font-size:80%;}

/* ########### Menu classes ############# */

#nav {color:white;background-color:#800088;}
#nav ul {margin-left:0em;}
#nav h2 {font-size:90%;}

.navcontent {padding:0em; color:#fff;border:0 solid #800088; border-width:0 1px;}
div.navborder .xtop {display:block; background:#fff; font-size:1px;}
div.navborder .xbottom {display:block; background:#fff; font-size:1px;}
div.navborder .color_d {background:#800088; color:#800088;}
div.navborder .xbottom .xb4 {background-color: #800088;}
div.navborder .xbottom .xb2 {background-color: #800088;}
div.navborder .xbottom .xb3 {background-color: #800088;}

.navcontent ul {margin:0em;padding:0em;padding-bottom:0.1em;}

.navcontent ul li {list-style-type:none;padding:0em;margin-top:0.3em;}

#topli {list-style-type:none;padding:0em;margin-top:0.1em;text-decoration:none;}

.navcontent ul li a:link {font-weight:bold;text-decoration:none;padding:0.2em;display:block;color:#fff;background-color:#800088;border-top:solid 0.05em #D8B4E7;border-bottom:solid 0.05em #D8B4E7;}
.navcontent ul li a:visited {font-weight:bold;text-decoration:none;padding:0.2em;display:block;color:#fff;background-color:#800088;border-top:solid 0.05em #D8B4E7;border-bottom:solid 0.05em #D8B4E7;}
.navcontent ul li a:hover {color:#000;background-color:#D8B4E7;border-top:solid 0.05em #800088;border-bottom:solid 0.05em #800088;}
.navcontent ul li a:focus {color:#000;background-color:#D8B4E7;border-top:solid 0.05em #800088;border-bottom:solid 0.05em #800088;}
.navcontent ul li a:active {color:#000;background-color:#F2E6F7;border-top:solid 0.05em #D8B4E7;border-bottom:solid 0.05em #D8B4E7;}

.navcontent ul li a span {font-size:75%; color:#fff;font-weight:normal;}
.navcontent ul li a:hover span {font-size:75%; color:#000;font-weight:normal;}


/* ########### Content classes ############# */

a:link {font-weight:bold;color:#800088;}
a:visited {font-weight:bold;color:#800088;}
a:hover {font-weight:bold;color:#F28D3B;}
a:focus {font-weight:bold;color:#F28D3B;}
a:active {font-weight:bold;color:#D8B4E7;}



.maincontent {padding:0.2em; background-color:#fff;border:0 solid #800088; border-width:0 1px;text-align:left;margin-right:0em;}
div.contentborder .xtop {display:block; background:#fff; font-size:1px;}
div.contentborder .xbottom {display:block; background:#fff; font-size:1px;}
div.contentborder .color_d {background:#fff; color:#800088;}
div.contentborder .xbottom .xb4 {background-color: #fff;}
div.contentborder .xbottom .xb2 {background-color: #fff;}
div.contentborder .xbottom .xb3 {background-color: #fff;}

.maincontent h2 {color:#F28D3B; background-color:white; font-size:140%;border-bottom:solid 0.05em #D8B4E7;margin-bottom:0.2em;}

.maincontent h2 span {color:white; background-color:#F28D3B;font-size:200%;}

.maincontent h3 {color:#F28D3B; font-weight: bold; font-size:130%;margin-top:0.6em;}

.maincontent h4 {color:#F28D3B; font-weight: bold; font-size:110%;margin-top:0.6em;}

.maincontent p {color:#800088;margin-bottom:0.5em;}

.maincontent ul li {color:#800088; background-color:white; font-size:100%;margin-bottom:0.2em; list-style-type:square;margin-left:0.8em;}

legend {font-weight:bold;}

dd.formbox {border:solid 0.1em #C0C0C0;padding:0.5em;font-weight:bold;}

dd.formbox label {padding-right:0.8em;}

dl.form {padding:1em;}

dl.form dd {padding:0.5em;}


/* ########### News boxes ############# */

div.newsbox {border:solid 1px gray;margin:0.8em;padding:0.4em;min-height:100px}
div.newsbox h4 {color:#F28D3B; font-weight: bold; font-size:90%;margin-top:0.1em;}
div.newsbox p {color:#800088;margin-bottom:0.1em;margin-top:0.3em;}
div.newsbox p img {float:left;padding-left:0px;padding-right:5px;}



/* ########### Footer classes ############# */

#footer {clear:both;bottom:0em;width:100%;text-align:center;border-top:0.1em solid gray;border-collapse:collapse;margin-top:0.8em;}

.nav4msg {padding-top:2em;
	color:black;
	background-color:#FFF;
	font-size:small;
	text-align: center;}


/* fourquarters logo styles */

p.fourq {font-weight : normal;
font-style: italic;
font-size : 0.8em;
text-transform : none;
color : #9f9f9f;
font-family : Arial, sans serif;
text-align:center;}

A.fourquarters:link, A.fourquarters:visited {font-weight : normal;
font-style: italic;
font-size : 1em;
text-transform : none;
color : #9f9f9f;
font-family : Arial, sans serif;
line-height : 1em;
text-decoration : none;
background : #ffffff;
border:none;}
A.fourquarters:hover,A.fourquarters:focus {font-weight : normal;
font-style: italic;
font-size : 1em;
text-transform : none;
color : #9f9f9f;
font-family : Arial, sans serif;
line-height : 1em;
text-decoration : underline;
background : #ffffff;}
A.fourquarters:active {font-weight : normal;
font-style: italic;
font-size : 1em;
text-transform : none;
color : red;
font-family : Arial, sans serif;
line-height : 1em;
text-decoration : underline;
background : #ffffff;}