body {font-family: Tahoma, Geneva, sans-serif; font-size: 12px; line-height: 24px; text-align: justify; background: #fff}

/* global styles */
a {color: #555; outline: none;}


img {border:0;}
.container {text-align: center; width: 800px; background-color: #fff; margin: 20px auto; border: 1px solid #ddd; padding: 0 0 70px 0; position:relative; min-height: 600px}

h3 {clear: left; font-weight: normal; font-size: 24px; margin: 100px 50px; text-align: left; font-family: Georgia, 'Palatino Linotype', 'Book Antiqua', Palatino, serif}

/*div.scroll {overflow-y:auto; overflow-x: hidden; height:300px; position:absolute; bottom: 130px; left:0}*/
div.scroll {padding-bottom: 50px}
div.product-scroll {padding: 50px 0 50px 500px}
/*div.product-scroll {overflow-y:auto; overflow-x: hidden; height:250px; position:absolute; bottom: 130px; left:500px}*/

/*header */
#header {background: #000 url(../images/nav-bg.gif) top left repeat-x; margin: 0; padding: 0; position: absolute; bottom: 100px; left:0; width: 800px; height: 30px; z-index:10}
ul#header-nav {list-style: none; padding: 0; margin:3px 0;}
#header-nav li {float: right; margin: 0 10px 0 0;}
#header-nav li a  {color: #fff; text-decoration: none; margin: 0 10px 0 0; font-family: 'century gothic', arial, verdana, sans-serif; text-transform: uppercase; font-size:12px}
#header-nav li a:hover {color:#c00}
 /* Hide from IE5-Mac \*/
#header-nav li a {float: none}
/* End hide */

/*footer*/
#footer {clear: both; width:800px; height: 75px; position:absolute; bottom:0; left:0; background-color:#fff; text-align: center; border-top:1px solid #999; padding-top: 25px}
#footer p {padding:0; margin: 0; color: #777; font-size: 10px; text-align:center}
ul#nav {list-style: none; padding: 0; margin:0 0 0 80px;}
#nav li {float: left; margin: 0 10px 0 0;}
#nav li a  {color: #454545; text-decoration: none; margin: 0 10px 0 0;}
#nav li a:hover {color:#c00}
/*#nav li a span {display:none}*/
 /* Hide from IE5-Mac \*/
#nav li a {float: none}
/* End hide */

/* nav highlighting */
body.home #header-nav li#home a {color:#c00;}
body.about #header-nav li#about a {color:#c00;}
body.contact #header-nav li#contact a {color:#c00;}
body.tactel #nav li#tactel a {color:#c00;}
body.aftercare #nav li#aftercare a {color:#c00;}
body.privacy #nav li#privacy a {color:#c00;}
body.terms #nav li#terms a {color:#c00;}
body.delivery #nav li#delivery a {color:#c00;}
body.sizes #nav li#sizes a {color:#c00;}
body.press #header-nav li#press a {color:#c00;}
body.shipping #nav li#shipping a {color:#c00;}
body.ordering #nav li#ordering a {color:#c00;}

#logo a {height: 129px; width: 210px; position: relative; float: right; right: 50px; top: 35px; display: block; background: url(../images/kat-logo.gif) top left no-repeat;}
#logo a span {display:none}

/* homepage positioning */
body.home #logo a {height: 129px; width: 210px; display: block; float: none; top: 0; left: 0; background: url(../images/kat-logo.gif) top left no-repeat; z-index: 10; position: absolute; top: 150px; left: 300px}
body.home #logo a span {display:none}
.home-product#dress h3 {width: 200px; margin: 0 auto; position: absolute; left: 340px; top:275px}
.home-product#bodysuit h3 {width: 200px; margin: 0 auto; position: absolute; left: -130px; top:325px}
#bodysuit {position: relative; top: 34px; width: 334px; height:500px; margin:0 5px; float:right}
#dress {position: relative; top: 34px; width: 334px; height:500px; margin:0 5px; float: left}
.home-product h3 a span {display:none}
.home-product#dress h3 a {display: block; width:200px; height:30px; background: url(../images/nav-dress2.gif) top left no-repeat;}
.home-product#bodysuit h3 a {display: block; width:200px; height:30px; background: url(../images/nav-bodysuit2.gif) top left no-repeat;}
.home-product#bodysuit h3 a:hover {background: url(../images/nav-bodysuit2.gif) bottom left no-repeat;}
.home-product#dress h3 a:hover {background: url(../images/nav-dress2.gif) bottom left no-repeat;}

/*about page*/
.about p {margin:35px 50px; text-align: left}
.about h4 {text-align:left; font-style: italic; margin: 0 50px; font-weight:normal; font-size: 1.4em}

.policy p, .contact p, .tactel p, .aftercare p, .privacy p, .delivery p , .press p, .shipping p, .ordering p {margin:1em 50px; text-align: justify}
.shipping h4 {text-align:left; font-style: italic; margin: 0 50px; font-weight:normal; font-size: 1.4em}
.ordering h4 {text-align:left; font-style: italic; margin: 0 50px; font-weight:normal; font-size: 1.4em}
.tactel h3, .aftercare h3, .privacy h3 {margin: 80px 50px}
.tactel h4, .aftercare h4, .privacy h4 {text-align: left; margin:1.5em 50px; }
.tactel h5 {text-align: left; font-weight: normal; text-transform: uppercase; margin:1em 50px; font-size:13px}

.aftercare ul {text-align: left; margin: 1em 50px 1em 10px; list-style-type: none}
.aftercare ul li {margin: 2em 0 1em 55px; position: relative}
.aftercare ul img {vertical-align: top; margin-left: -55px; float: left; margin-top: -10px}

/*product pages */
body.dress #logo a, body.bodysuit #logo a {height: 129px; width: 210px; display: block; float: none; background: url(../images/kat-logo.gif) top left no-repeat; z-index: 10; position: absolute; top: 35px; right: 50px}
body.dress #logo a span, body.bodysuit #logo a span {display:none}
.dress p, .bodysuit p {margin:5px 50px; text-align: left}
ul.description {margin: 25px 50px; text-align: left; position:relative; left:0}
img#dressphoto {position: absolute; top: 35px; left:20px; border: 1px solid black}
p#addthis {text-align:center; margin-top: 50px}
p#addthis img {position:inherit; bottom: auto; left: auto;}
.dress h3 {position: relative; left: 500px; top: 80px; z-index: 5}
img#bodysuitphoto {position: absolute; top: 35px; left:20px; border: 1px solid black}
.bodysuit h3 {position: relative; left: 500px; top: 80px; z-index: 5}
h4#stella {position: absolute; left: 635px; top: 200px; width: 138px; height: 50px; background: url(../images/stella2.gif) top left no-repeat}
h4#stella span {display:none}
h4#isabelle {position: absolute; left: 600px; top: 200px; width: 181px; height: 50px; background: url(../images/isabelle2.gif) top left no-repeat;}
h4#isabelle span {display:none}
img#black {background-color:#000; margin:0 5px 0 0; position:relative; top:7px; left:0}

.product-data {font-weight:bold; text-align:left; margin:5px 0 0 50px; padding: 0}
.product-data td {padding:0 20px 10px 0}
.product-data a {font-weight:normal}

fieldset {border:0}

.discount-msg {font-weight:normal; color:#c00;}

/*size chart page */
.size-chart th {background-color: #bbb; padding: 2px}
.size-chart td {padding: 2px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd}
.size-chart {margin: 4em auto; border: 2px solid gray}