* {
    padding: 0;
    margin: 0;
    border: 0;
}
body, html {
    color: #000;
    font-family: Verdana, Arial, Tahoma, sans-serif;
    background-color: #FFF;
    text-align: center; /*** Centers the design in old IE versions ***/
}
body {
    font-size: 60%;
}
p { padding: 7px 0 7px 0; }

a {
    color: #000099;
}
a:hover {
    color: #0000FF;
    text-decoration: none;
}

h1, h2, h3 {
    font-weight: bold;
    padding-bottom: 5px;
}
h1 {
    display: none;
}
h2 {
    font-size: 1.4em;
}
h3 {
    font-size: 1.3em;
}
.clear { clear: both; }
.hide {
    display: none;
}
.hidetext {
    font-size: 1px;
    color: #FFF;
    text-indent: -9900px;
}
#mainContainer {
    width: 625px;
    margin: 0 auto; /*** Centers the design ***/
    text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
}
/**************************
CONTENT AND COLUMNS
**************************/
.outer {
    margin-top: 116px; /*** We need to add some space for our top menu ***/
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/
.float-wrap {
    float: left;
}
#content {
    float: left;
    width: 625px;
    background: #fff;
}
* html #content {
    position: relative;  /*** IE needs this  ***/
}
.contentWrap {
    padding: 20px 0px;
}
#content a {
    color: #98989b;
    font-weight: bold;
    text-decoration: none;
}
#content a:hover {
    text-decoration: none;
}
/**************************
MENU
**************************/
/*** div#menu is in div.float-wrap, and when div.float-wrap is neg margined to the left,
div#menu is carried over into the proper position.
***/
#menu {
    float: right;
    width: 625px;
    height: 26px;
    margin: -26px 0 0 -625px; /*** Move the left column so it takes the positon as a top menu ***/
}
* html #menu {
    position: relative;  /*** IE needs this  ***/
}
#menu ul {
    list-style: none;
}
#menu li {
    display: block;
    float: left;
    height: 13px;
    margin-top: 13px;
}

/**************************
MENU ITEMS
**************************/
#menu ul {
    /*margin-top: 13px;*/
    margin-left: 0px;
}
#menu li a {
    display: block;
    height: 13px;
    color: #98989b;
    font-size: 1px;
    text-indent: -9900px;
    outline: 0;
}

/** LOGO ON THE LEFT */
#menu li.logo {
    height: 26px !important;
    width: 42px !important;
    margin-top: 1px !important;
    float: right !important;
}
a#logo {
    display: block;
    float: right;
    width: 42px !important;
    height: 26px !important;
    background: url('../img/logo_header.jpg');
}

#menu li.background {
	width: 75px;
	background: url('../img/menu_f_background.jpg') no-repeat;
}
#menu li.background a:hover, #menu li.background_active {
	width: 75px;
	background: url('../img/menu_f_background_hover.jpg') no-repeat;
}
#menu li.contact {
	width: 286px;
	background: url('../img/menu_f_contact.jpg') no-repeat #98979C;
}
#menu li.contact a:hover, #menu li.contact_active {
	width: 286px;
	background: url('../img/menu_f_contact_hover.jpg') no-repeat #98979C;
}
#menu li.news {
    width: 50px;
	background: url('../img/menu_f_news.jpg') no-repeat;
}
#menu li.news a:hover, #menu li.news_active {
	width: 50px;
	background: url('../img/menu_f_news_hover.jpg') no-repeat;
}
#menu li.designers {
    width: 80px;
	background: url('../img/menu_f_designers.jpg') no-repeat;
}
#menu li.designers a:hover, #menu li.designers_active {
	width: 80px;
	background: url('../img/menu_f_designers_hover.jpg') no-repeat;
}
#menu li.press {
    width: 65px;
	background: url('../img/menu_f_press.jpg') no-repeat #98979C;
}
#menu li.press a:hover, #menu li.press_active {
	width: 65px;
	background: url('../img/menu_f_press_hover.jpg') no-repeat #98979C;
}

/**************************
ARTICLE OVERVIEW
**************************/
div.overview_line {
    margin: 5px 0px;
    background: url('../img/bg_dotted.jpg') 0 0 repeat-x;
    height: 110px;
}
div.overview {
    padding: 0px 0px;
}
div.article {
    margin-top: 15px;
	margin-bottom: 75px;
	float: left;
	width: 110px;
	height: 120px;
}
div.footer {
    clear: both;
    background: url('../img/bg_dotted.jpg') 0 58px repeat-x;
    height: 65px;
}
div.pager {
    display: inline;
    background: #808084;
    color: #FFF;
    margin: 0;
    padding: 2px;
}
div.pager a {
    color: #FFF;
    text-decoration: none;
}
div.pager a:hover {
    color: #000;
    font-weight: bold;
    text-decoration: none;
}

/**************************
ARTICLE DETAILS
**************************/
.prod_image {
	float: left;
    width: 350px;
	height: 350px;
	margin: 50px 0 10px 0;
}
div.prod_info {
	margin-top: 100px;
    float: right;
    width: 190px;
    margin-right: 60px;
    padding: 15px 0px;
    background: url('../img/bg_dotted.jpg') 100% 100% repeat-x;
    color: #98989b;
}
* html .prod_info {
    width: 200px !important;
    margin-right: 30px !important;
}
div.prod_info h2 {
    background: url('../img/bg_dotted.jpg') 100% 100% repeat-x;
    padding: 5px 15px;
    margin-bottom: 10px;
}
div.prod_info dl {
	margin: 0 15px;
	padding: 0;
}
div.prod_info dt {
	font-weight: bold;
	display: block;
	margin: 0 0 4px 0;
}
div.prod_info dd {
	display: block;
	margin: 0 0 5px 0;
	padding: 0;
}
div.prod_links {
	clear: both;
	padding-top: 20px;
	line-height: 20px;
}
div.prod_gal {
    clear: both;
}
a.prod_gal_thumb {
    border: 1px solid #eee;
    display: block;
    height: 110px;
    width: 110px;
    float: left;
    margin-right: 6px;
}
/***************
      DESIGNER
***************/
div.side {
    width: 170px;
    float: left;
    margin-top: 45px;
}
div.main {
    float: right;
    width: 422px;
    margin: 45px 0 0 20px;
}
div.side h1 {
    display: block;
    background: url('../img/h_line.jpg') 0 2px no-repeat;
    font-size: 1.2em;
    padding-top: 10px;
}
div.side ul {
    list-style: none;
    margin: 0;
    padding: 0;
    background: url('../img/h_line.jpg') 0 2px no-repeat;
    padding-top: 10px;
    margin-top: 200px;
}
div.side a.back {
    display: block;
    width: 63px;
    height: 13px;
    background: url('../img/button_back.jpg') no-repeat;
    margin-top: 50px;
}
div.side a.back:hover {
    background: url('../img/button_back_hover.jpg') no-repeat;
}

/* SITE DETAILS */
h1.fashion_designer {
    font-size: 1px;
    color: #FFF;
    text-indent: -9000px;
    width: 170px;
    float: left;
    display: block;
    margin-top: 45px;
    background: url('../img/h1_designer.jpg') 0 2px no-repeat !important;
    height: 40px;
}
h1.fashion_contact {
    font-size: 1px;
    color: #FFF;
    text-indent: -9000px;
    width: 139px;
    float: left;
    display: block;
    margin-top: 45px;
    background: url('../img/h1_contact.jpg') 0 2px no-repeat !important;
    height: 40px;
}
div.cms_fashion_news{
    background: url('../img/h1_news.jpg') 0 2px no-repeat !important;
    margin-top: 45px;
}
div.cms_fashion_background {
    background: url('../img/h1_background.jpg') 0 2px no-repeat;
    margin-top: 45px;
}
div.cms_fashion_background div {
    width: 284px;
    padding-top: 80px;
    text-align: justify;
}
h1.press {
    background: url('../img/h1_press.jpg') 0 2px no-repeat !important;
    height: 100px;
    margin-top: 0px;
    font-size: 1px;
    color: #FFF;
    text-indent: -9000px;
}
div.cms_fashion_background img, div.cms_fashion_news img {
    float: right;
    margin: 0 0 0 50px;
}
div.cms_fashion_news div{
    width: 170px;
    padding-top: 80px;
}

div.cms_fashion_contact h2 { background: none; margin: 4px 4px 6px 0px; padding: 0; font-size: 1em; color: #E2001A; }
div.cms_fashion_contact .prod_image {
	float: right;
    width: 392px;
	height: 325px;
	margin-top: 50px;
}
div.cms_fashion_designer .prod_image {
	float: right;
    width: 422px;
	height: 359px;
	margin-top: 50px;
}
div.cms_fashion_contact div.prod_info {
	margin: 180px 0 0 0;
    float: left;
    width: 200px;
    padding: 0;
    background: 0;
    color: #98989b;
    font-weight: normal;
}
* html div.cms_fashion_contact .prod_info {
    width: 200px !important;
    margin-right: 5px !important;
}

div.news_list {
    float: left;
    width: 130px;
    margin-top: 30px;
}

div.news_list h2 {
    font-size: 10px;
    margin-top: 5px;
}

div.news_detail {
    width: 450px;
    float: right;
    margin-top: 45px;
}

div.news_detail span.news_datum {
    display: block;
    margin-bottom: 10px;
}

form.nl_subscribe {
    clear: both;
    width: 392px;
    float: right;
    text-align: right;
    background: url('../img/bg_dotted.jpg') 100% 0% repeat-x;
    padding: 8px 0 20px 0;
    margin: 30px 0 0 0;
    color: #999;
}

form.nl_subscribe input {
    border: 1px solid #E7E7E9;
    padding: 2px;
    margin: 0 0 0 4px;
    font-size: 1em;
}
form.nl_subscribe input.email {
    width: 20em;
}
form.nl_subscribe input.button {
    padding: 1px 2px;
}

ul.fashion_designer {
    clear: both;
    float: right;
    width: 280px;
    list-style: none;
    padding: 0;
    margin: 0;
}
ul.fashion_designer li {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 140px;
    float: right;
    color: #11a4e2;
    font-weight: bold;
    text-align: right;
}
ul.fashion_designer li a {
    color: #512606 !important;
    text-decoration: none;
}
div.collection {
    width: 378px;
}

div.collection a.collection {
    display: block;
    float: left;
    margin: 5px 0 5px 10px;
}