@import "./reset.css";
@import "./colours.css";

body { color: #FFF; background: #000; font-size: 11pt; padding: 10px; position: relative; }
body * { font-family: "Lucida Sans", "Lucida Grande", sans-serif; }

div#main { background: #000; padding: 20px 10px 80px 10px; width: 960px; margin: 0 auto; position: relative; }
div#mamere { position: absolute; left: 0; bottom: 0; width: 100%; _bottom: -80px; }
div#mamere div { padding: 0 10px; text-align: justify; }
div#logo { text-align: center; }
#printlogo { display: none; width: 250px; }
h1#tagline { margin: 0 0 0 55px; text-align: center; font-size: 9pt; color: #AAA; font-weight: normal; font-style: italic; font-family: Georgia, Times, serif; line-height: 1.2; }
div#cartmenu { text-align: right; font-size: 9pt; margin: 20px 10px 0 0; }
div#mainmenu { height: 35px; margin: 10px 0 0 0; _overflow: hidden; }
div#submenu { font-size: 9pt; padding: 10px; border: 1px solid #999; border-width: 0 0 1px 0; }
div#submenuitems { float: left; }
div#bottomflower { width: 960px; margin: 0 auto; background: url("../images/flower.gif") top center no-repeat; height: 250px; }
div#bottomflower { background: none; height: auto; }
div#footer { font-size: 9pt; padding: 10px }
.clear { clear: both; float: none; height: 1px; _font-size: 1px; }

div#cartmenu a, div#submenu a, div#footer a { color: #FFF; text-decoration: none; }
div#cartmenu a:hover, div#submenu a:hover, div#footer a:hover { color: #7BAFDF; text-decoration: none; }

div#page { min-height: 300px; height: auto; _height: 300px; padding: 10px; background: #FFF; color: #333; line-height: 1.1; font-size: 11pt; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

div#mainmenu { position: relative; z-index: 20; }
div#mainmenu a { margin: 0 0px 0 0; height: 35px; line-height: 35px; display: block; float: left; background-position: top left; background-repeat: no-repeat; }
div#mainmenu a:hover { background-position: 0 -35px; }
div#mainmenu a.whatsnew { background-image: url("/images/whatsnew.png"); width: 118px; }
div#mainmenu a.bras { background-image: url("/images/bras.png"); width: 66px; }
div#mainmenu a.briefs { background-image: url("/images/briefs.png"); width: 70px; }
div#mainmenu a.sleepwear { background-image: url("/images/sleepwear.png"); width: 113px; }
div#mainmenu a.accessories { background-image: url("/images/accessories.png"); width: 119px; }
div#mainmenu a.sale { background-image: url("/images/sale.png"); width: 61px; }
div#mainmenu a.swimwear { background-image: url("/images/swimwear.png"); width: 112px; }

div#mainmenu div#menu { float: left; line-height: 35px; padding: 0; }

.ra { text-align: right; }
.ca { text-align: center; }
.la { text-align: left; }

a.button, button.button { color: #333; display: block; margin: 20px auto 0 auto; width: 150px; height: 33px; background: url('/images/button.gif') top left no-repeat; font-size: 10pt; position: relative; overflow: hidden; }
a.button:hover, button.button:hover { color: #00F; background-position: 0 -33px; }
a.button span, button.button span { position: absolute; left: 0; top: 50%; width: 100%; display: block; margin-top: -0.5em; cursor: pointer; text-align: center; padding: 0; }
button.button { border: 0; cursor: pointer; }
  
a.smallbutton { color: #333; display: block; margin: 20px auto 0 auto; line-height: 33px; width: 80px; height: 33px; background: url('/images/smallbutton.gif') top left no-repeat; text-align: center; font-size: 10pt; }
a.smallbutton:hover { color: #00F; background-position: 0 -33px; }

fieldset { border: 1px solid #7BAFDF; padding: 10px; margin: 10px; }
legend { background: #7BAFDF; padding: 2px 5px; color: #FFF; }

h1 { font-size: 14pt; font-weight: bold; }
p { margin: 15px 0; }
strong { font-weight: bold; }
.hidden { display: none; }
.invisible { visibility: hidden; }
.heading { color: #7BAFDF; background: url("/images/tinylogo.gif") left center no-repeat; padding: 0 0 0 20px; font-size: 14pt; font-weight: bold; margin: 10px 0; font-family: Georgia, serif; }
.headingnologo { color: #7BAFDF; font-size: 14pt; font-weight: bold; margin: 10px 0; font-family: Georgia, serif; }

.fl { float: left; }
.fr { float: right; }

#searchbox { float: right; height: 17px; margin: 6px 0; width: auto; overflow: hidden; font-size: 9pt; padding: 3px 5px; }
#searchbox div.search { height: 17px; padding: 0; width: 160px; overflow: hidden; background: #fff; position: relative; float: left; }
#searchbox div.buttons { height: 17px; padding: 0; margin: 0; overflow: hidden; float: left; }
#searchbox div.search input { position: absolute; top: 0; left: 0; height: 17px; width: 100%; font-size: 9pt; margin: 0; padding: 0; border: 0; background: #fff; font-size: inherit; line-height: 16px; }
#searchbox button { background: #7BAFDF; color: #FFF; border: 0; margin: 0 0 0 3px; font-size: 9pt; line-height: 17px; height: 17px; }
#searchbox button.more { display: none; }

.loginerror { text-align: center; font-weight: bold; line-height: 300px; font-size: 14pt; }

#geotrust { width: 960px; margin: 0 auto; padding: 10px 0; float: left; width: 200px; }
#digitalfinery { float: right; color: #444; display: block; width: 200px; padding: 10px 0; text-align: right; font-size: 7pt; }
#digitalfinery a { color: #444; }
#digitalfinery a:hover { text-decoration: underline; }
#facebook { display: inline-block; height: 64px; width: 117px; margin-right: 20px; background: url("/images/facebook.png") top left no-repeat; float: left; }

.warning { border: 1px dotted #ccc; background: #FFFFCE; color: #C00; font-size: 8pt; padding: 4px 0; text-align: center; margin: 0 0 5px 0; }
div#searchmoreoptions { position: absolute; right: 0; top: 35px; width: 300px; z-index: 1000; padding: 5px; text-align: right; display: none; }
div#searchmoreoptions table { width: 100%; }
div#searchmoreoptions td { padding: 0 5px; text-align: right; }
div#searchmoreoptions div { color: #000; margin: 0 5px 5px 0; }

@media print {
  body { background: #FFF; }
  #mainmenu, #submenu, #mamere, #cartmenu, #footer, #bottomflower, #ctrls { display: none; }
  #screenlogo { display: none; }
  #printlogo { display: inline; }
  #companyaddress { color: #AAA; position: absolute; left: 0px; top: -100px; font-size: 8pt; }
  #contact { color: #AAA; position: absolute; right: 20px; top: -100px; font-size: 8pt; }
  
}