/*reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline}
/* remember to define focus styles! */
:focus {outline: 0}
body {line-height: 1}
ol, ul {list-style: none}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0}
caption, th, td {text-align: left; font-weight: normal}
blockquote:before, blockquote:after, q:before, q:after {content: ""}
blockquote, q {quotes: "" ""}

/*handy*/
.right {float: right}
.left {float: left}
.center {text-align: center}
.clearboth {clear: both}

/*clearfix*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*structure*/
body {font: normal 12px arial,helvetica,sans-serif; background: #000; color: #fff; line-height: 1.5em}
#container {width: 900px; background: #000; margin: 25px 0 0 50px}


h1.logo, p.logo {background: url(../images/chique-logo.gif) no-repeat; width: 194px; height: 162px; display: block; margin: 0}
h1.logo a, p.logo a {display: block; width: 194px; height: 162px; text-indent:-999em; overflow: hidden}
h1.company {background: url(../images/header-about.gif) no-repeat; width: 250px; height: 63px; display: block; margin: 55px 0 3px 25px}
h1.company span {display: block; width: 250px; height: 63px; text-indent:-999em; overflow: hidden}
h1.contact {float: right; background: url(../images/header-contact.gif) no-repeat; width: 234px; height: 74px; display: block; margin: 57px 0 0 0}
h1.contact span {display: block; width: 234px; height: 74px; text-indent:-999em; overflow: hidden}
h1.collection {float: left; background: url(../images/header-collection.jpg) no-repeat; width: 369px; height: 84px; display: block; margin: 113px 0 0 0}
h1.autumn {float: left; background: url(../images/autumn-winter.gif) no-repeat; width: 369px; height: 84px; display: block; margin: 113px 0 0 0}
h1.collection span {display: block; width: 369px; height: 84px; text-indent:-999em; overflow: hidden}
h1.news {float: right; background: url(../images/header-news.gif) no-repeat; width: 201px; height: 34px; display: block; margin: 70px 0 100px 300px}
h1.news span {display: block; width: 201px; height: 34px; text-indent:-999em; overflow: hidden}

h2 {color: #ff0c8a; font: bold 1.25em arial,helvetica,sans-serif}
h2, p {margin-bottom: 1em}
h3 {color: #b3b3b3; font: bold 1.15em arial,helvetica,sans-serif; margin-bottom: .25em}

h2.home {margin-top: 237px; color: #999}

p.homeShop {background: #000 url(../images/shop-button.gif) no-repeat; width: 356px; height: 51px; display: block; margin: 5px 0 19px 0; background-position: 0 0}
p.homeShop a {display: block; width: 356px; height: 51px; text-indent:-999em; overflow: hidden; }
p.homeShop a:hover {background: #000 url(../images/shop-button.gif) no-repeat; background-position: 0 -51px}

p.contentShop {background: #000 url(../images/shop-button-narrow.gif) no-repeat; width: 184px; height: 77px; display: block; margin: 5px 0 19px 0; background-position: 0 0}
p.contentShop a {display: block; width: 184px; height: 77px; text-indent:-999em; overflow: hidden; }
p.contentShop a:hover {background: #000 url(../images/shop-button-narrow.gif) no-repeat; background-position: 0 -77px}

#nav {font: bold 1.3em arial,helvetica,sans-serif; margin: 1.5em 0 0.5em -25px;  list-style-type: none}
#nav a {text-decoration: none; color: #fff; display: block; width: 10em; line-height: 1.5em}
#nav a:hover {text-decoration: none; color: #999}
#nav a.active {text-decoration: none; color: #ff0099}

#leftCol {float: left; width: 242px}
#leftCol.collection {float: left; width: 376px}

#main {float: right; width: 658px}
#main.collection {float: right; width: 524px}
#main.disclaimer {float: right; width: 528px}

#photodiv {background-repeat: no-repeat; float: right; width: 524px; height: 651px}
#companyRight {float: right; width: 275px; text-align: left}
#main.company h2, #main.company p {margin-left: 25px}
img.company2 {float: left; width: 383px; height: 651px}
.contactMain h2, h2.home {margin-bottom: 0}
.sml {font-size: 10px; color: #ccc}
#contactContainer {margin-top: 35px; width: 658px; float: right}
#contactLeft {float: left; background: #262626; width: 260px; height: 27.5em; padding: 2.5em 0 0 30px}
#contactRight {float: right; background: #262626; width: 305px; height: 25em; margin-left: 2px; padding: 2.5em 30px}
#contactRight h2 {margin-bottom: 0.3em}
#contactRight h2.error {color: #fff}
.formLine {clear: both}
.formText, .formArea {float: right; color: #666; width: 236px; background: #fff; border: none; padding: 2px 5px; vertical-align: middle; font: normal 12px arial,helvetica,sans-serif; margin-top: 10px}
.formArea {height: 71px; vertical-align: middle;}
.formButton {float:right; margin-top: 15px}
legend {display: none}
label {float: left; font-weight: normal; width: 52px; line-height: 21px; margin-top: 9px; font-size: 12px}
label.contactError {font-weight: bold; color: #ff0c8a; background:none}
legend.contactError {font-weight: bold; color: #ff0c8a; background:none}
.formText.contactError, .formArea.contactError {border: none; background: #ff0c8a; color: #000}

ul {padding: 0 0 1em 25px; list-style-type: disc}

a:link, a:visited, a:active {color: #ff0c8a}
a:hover {text-decoration: none}

a.whiteLink {color: #fff}
a.whiteLink:hover {color: #ff0c8a}

.grey {color: #ccc}

.imagePara {margin-top: 35px}

.newsPanel {background: #262626; padding: 14px; width: 328px}
.newsPanel h2 {color:#fff}
.newsPanel h2 a {text-decoration: none; font-size: 16px; display: block}
.newsPanel h2 a:hover {text-decoration: underline; color: #ccc}
.newsPanel h3 {color: #e6e6e6; font-size: 13px}
.newsPanel p a {color: #ff0099; font-size: 13px; text-decoration: none; font-weight: bold; font-size: 13px; display: block}
.newsPanel p a:hover {text-decoration: underline; color: #ccc}
.newsPanel p a span {font-family: verdana; font-size: 11px;}

.homeDrapers {float: right; margin: 0 0 0 15px}

#footer {width: 900px; margin: 0; clear: both; padding: 25px 0; font: normal 10px arial,helvetica,sans-serif; color: #4d4d4d}
#footer a {color: #666; text-decoration: none}
#footer a:hover {color: #4d4d4d; text-decoration: underline}
.footerLeft {width: 183px; float: left}
.footerRight {float: right}
.footerRight img {vertical-align: middle; margin-left: 5px}

#at16pf {display: none}

.shopFrame {margin: 0; border: 0}