body { background: #c0c0c0; font-family: tahoma, arial, sans-serif; font-size: 13px; margin: 0; }
a, a:link, a:visited, a:active { text-decoration: none; color: #cfcfcf; }
a:hover { text-decoration: underline; }
h1, h2, h3, h4 { margin-top: 5px; font-family: "Trebuchet MS"; font-weight: normal; }
img, a img { border: 0;}

.mceContentBody { background: #ffffff; }

#container { width: 100%; text-align: center; }
#inner { min-width: 780px; margin: 0px 20px 0px 20px; background: #ffffff;  border: 1px solid #999999; text-align: left; }

#header-container { background: url('/media/images/newgradient.gif') bottom #ffffff; height: 193px;  }
#header-images { margin: 0px 0px 0px 0px; background: url('/media/images/header-right-new.gif') right no-repeat; }
#header-images .left { float: left; padding: 0; margin: 0; }
#header-images .right { float: right; padding: 0; margin: 0; }
#header-shade {margin: 0px 0px 0px 0px;}
#header-shade .left { float left; padding: 0; margin: 0; }
#header-shade .right { float:right; padding: 0; margin: 0; }

#text { padding: 10px 15px 15px 0px; width: 80%; float: right;}

#strapline { font-size: 1.2em; background: url('/media/images/menugrad.gif') repeat-x bottom #E32026; height: 40px; border-style: solid solid solid solid; border-color: #000000; border-width: 0px 0px 2px 0px; position: relative;}

#menu { background: url('/media/images/bottomswirl.jpg') no-repeat #ffffff;  width: 17%; color: #ffffff; font-size: 1.2em; height: 100%; float: left; }

#menu a, #menu a:link, #menu a:visited, #menu a:active { color: #ffffff; }
#menu a:hover { color: #000000; text-decoration: underline;}

#menu ul { list-style: none; margin: 15px 0px 0px 15px; padding: 0; width: 110px; }
#menu ul li { padding: 2px 0px; position: relative;  }

#menu li ul { position: absolute; left: 6.0em; top: -1em; display: none; background: url('/media/images/menubg.gif') repeat-y right #E32026; z-index: 500; width: 300px; }
#menu li ul li { margin-right: 25px;  }
#menu li:hover ul, #menu li.over ul {display: block;  clear: left }

#content h1 { text-align: center;} 
#text a, #text a:link, #text a:visited, #text a:active { text-decoration: none; color: #ff0000; }
#text a:hover { text-decoration: underline; }

#contact-form { background: #eeeeee; width: 200px; padding: 5px 5px 5px 10px; float: right; margin: 0 0 15px 15px; border: 1px solid #000000;  font-size: 12px; clear: right; }
#contact-form input { width: 180px;}
#contact-form textarea { width: 180px; overflow: auto; }
#contact-form h1, #contact-form h2, #contact-form h3, #contact-form h4 { font-family: tahoma, sans-serif; }
#contact-form ul { margin: 0; padding: 0; list-style: none; }
input#id_contact_method_0, input#id_contact_method_1, input#id_contact_method_2 { width: auto; }

div.feature-box { width: 350px; background: #dddddd; margin: 0 0 15px 0; padding: 0 0 15px 0;  }
div.feature-box h2 {margin: 0; padding: 0; background: url('/media/images/menugrad.gif') repeat-x bottom #E32026; color: #ffffff; text-align: center; font-size: 1.3em; height: 28px; padding-top: 3px; border: 1px solid #a6a6a6; }
#text>div.feature-box h2 {padding-top: 5px;}
div.feature-box p { padding: 0px 15px 0px 15px; }
div.feature-box a, div.feature-box a:link, div.featurebox a:visited, div.featurebox a:active { color: #000000; }
.clear { clear: both; height: 0; font-size: 0; margin: 0; padding: 0; }
.error { font-weight: bold; color: #ff0000; }

.errorlist { color: #ff0000; font-weight: bold; margin: 0; padding:0; list-style: none;}

.listing { border: 1px solid #999999; padding:8px; margin-bottom: 15px; min-height: 85px; width: 556px; }

#gallery { background: url('/media/images/loading.gif') center 200px no-repeat #fff; }

.slideshow-image { position:absolute; top: 1px; z-index:0; }

div#letter { width: 300px; margin-left: 50px; border: 1px solid #000000; padding: 15px; margin-bottom: 15px; font-family:"Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua",serif; background: #cccccc; font-size: 0.9em;}
div#letter p {text-align: justify; }
div#letter h2 {font-family:georgia; font-weight:normal; text-align: center; }

.smartpage-image { clear: both; padding: 5px; border: 1px solid #c0c0c0; }

div.letter-link {width: 200px; cursor:pointer; margin: 0 0 15px 15px; border: 1px solid #000000; background-color: #eeeeee; padding: 5px; float: right; clear: both; text-align: center; color: #000000; padding-left: 10px; }
div.letter-link a, div.letter-link a:link, div.letter-link a:visited, div.letter-link a:active, div.letter-link h2 { color: #000000; margin: 0; }
div.letter-link h2 { font-size: 1.5em; }
.clothswatch { float: left; text-align: center; }
.clothswatch IMG { padding: 5px; border: 0px; float: left; }

div#foot_menu {
    margin-bottom: 15px;
    text-align:center;
}


div#foot_menu a, div#foot_menu a:link, div#foot_menu a:visited, div#foot_menu a:active {
    font-weight: bold; 
}

div#foot_menu a:hover {
    color: #9A2A2A;
}

#footer { text-align:center; padding-right: 200px; }

#foot_text { font-size: 0.7em; margin-top: 20px; }

#map { width: 530px; height: 400px; margin-top: 20px;  }

#picnav { width: 520px; text-align: center; padding-top: 25px; }
#start { width: 520px; text-align:center; }
#selection { margin-top: 30px; }