body {
 font-family: Trebuchet MS , Arial, Helvetica;
 font-size: 10px;
 color:#000;
 text-align:left;
 background-color:#fff; 
 line-height:14px;
 letter-spacing:1px;
 
}
html {
	overflow-x: hidden;
}
html,body {
 height:100%;
}
* {
 margin:0;
 padding:0;
}
img {
 border:0;
}
.float-right{
 float:right;
}
.float-left{
 float:left;
}
.text-right {
 text-align:right;
}
.text-left {
 text-align:left;
}
.clearBoth {
 clear:both; 
}
.left-image{
 margin:0 15px 10px 0;
 float:left;
}
.right-image{
 margin:0 0 10px 15px;
 float:right;
}
.display-inline{
 display:inline;
}
.inline {
}
.inline li {
 display:inline;
}
.thick-border {
 border:4px red solid;
}
.right-margin-map
{
    margin:5px 60px 0 0;
}

/* HEADLINES
----------------------------------------------- */


h1,h2,h3,h4,h5,h6 {
 font-weight:normal;
 color:red;
 padding:.2em 0 .5em 0;
 font-weight:bold;
}

h1 {font-size: 26px;}
h2 {font-size: 11px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
h5 {font-size: 12px;}
h6 {font-size: 10px;}

h2.red {
 color:red;
 padding:0;
}

/* TYPOGRAPHY
----------------------------------------------- */

a {
 text-decoration: none;
 outline:none;
 color:#000;
}
a:hover {
 text-decoration: none;
 outline:none;
 color:red; 
}
ul {
 list-style-type:none;
}
p {
 margin:3px 0 10px 0;
 font-weight:normal;
 font-weight:bold;
}
.red {
 color:red;
 margin:0;
}
/* FRAMEWORK
----------------------------------------------- */


#sitecontainer {
 position:absolute;
 top:50%;
 margin-top:-300px;
 background-color:#fff;
 width:100%;
 height:600px;
}

#mainarea{
 position:absolute;
 top:60px;
 height:500px;
 width:100%;

}
#header{
 position:absolute;
 top:0;
 width:100%;
 height:59px;
 margin:0 0 1px 0;
 border-bottom:1px #fff solid;
 z-index:5;
background:#000;
}
#content{
 width:630px;
 float:left;
 margin:0 30px 0 0;
}
#sidebar{
 width:300px;
 float:right;
}
.sidebarelement {
 clear:both;
 margin:0 0 20px 0;
 height:100%;
 overflow:hidden;
}
.element {
 clear:both;
 margin:0 0 20px 0;
 height:100%;
 overflow:hidden;
}
#content-wide{
 width:100%;
}


/* container for header and mainarea */

#container {
 position:absolute;
 left:50%; 
 width:960px;
 margin-left:-480px;
}
#theContainer {
 position:absolute;
 left:50%; 
 width:960px;
 margin-left:-480px;
}


/* SUBPAGES
----------------------------------------------- */

#subpage{
 height:500px;
 width:100%;
}
#collection{
}
#concept-shops{
}
#press{
}
#press #content-wide {
 height:500px;
 width:100%;
 /*
 background-image:url('/images/press.jpg');
 background-repeat:no-repeat;
 background-position:right;
*/
}
#frontpage{
 background-image:url('/images/frontpage.jpg');
 background-repeat:no-repeat;
 height:600px;
 position:absolute;
 left:50%; 
 width:960px;
 margin-left:-480px;
 top:-60px;
}
#news
{
}

#profile 
{
 height:500px;
 width:100%;
}
#profile p 
{
    font-weight:bold !important;
}
#profile h2,
#retail h2 
{
    font-size:50px;
    line-height:43px;
    text-transform:uppercase;
    color:#b8b6a6;
    font-family: impact, Arial, Helvetica;
    letter-spacing:4px;
    font-weight:normal;
}
#profile h3,
#retail h3 
{
    font-size:24px;
    line-height:24px;
    text-transform:uppercase;
    color:#b8b6a6;
    font-family: impact, Arial, Helvetica;
    font-weight:normal;    
}

#retail{
 height:500px;
 width:100%;
}


/* NAVIGATION
----------------------------------------------- */

.firstmenu {
	margin:0;
	padding:0 10px 0 0;
}
a.btn-birna{
 float:left;
	background: url(/images/btn-birna.gif) 0 0 no-repeat;
	width: 72px;
	height: 24px;
}
a.btn-birna:hover{
	background: url(/images/btn-birna.gif) 0 -24px no-repeat;
	width: 72px;
	height: 24px;
}
.margin {
 margin:0 30px 0 0;
}
.vline {
 position:absolute;
 left:87px;
 height:60px;
 width:1px;
 background-color:#fff;
 font-size:0;
 line-height:0;
}

#menu dl, #menu dt, #menu dd, #menu ul, #menu li {
 margin: 0;
 padding: 0;
 list-style-type: none;
}
#menu {
 position: absolute;
 top: 0;
 left: 0;
 z-index:100;
 width: 100%; /* precision for Opera */
 margin:18px 0 0 0;
}
#menu dl {
 float: left;
 margin:0 20px 0 0;
}
#menu dt {
 cursor: pointer;
 text-align: left;
 font-weight: bold;
 margin: 1px; 
 line-height:24px;
}
#menu .wider {
 margin:0;
 width:80px;
}
#menu dd {
 display: none; 
 margin:5px 0 0 0;
}
#menu li {
 text-align: left;
 background: black; 
 padding:2px 5px;
}
#menu ul {
 background-color:black;
}
#menu li a, #menu dt a {
 color: #fff;
 text-decoration: none;
 height: 100%;
 border: 0 none; 
}
#menu li a:hover, #menu dt a:hover {
 color:red;
}

#menu li a.submenu, #menu dt a.submenu  {
 color:#a0a0a0 !important;
}
#menu li a.submenu:hover, #menu dt a.submenu:hover  {
 color:red !important;
}





/* BIRNA SHOPS */


#birna-shops{
 position:absolute;
 top:398px;
 left:87px; 
 width:860px;
 z-index:2;
}
#birna-shops p 
{
    margin:0 0 5px 0;
}
.box 
{
    width:270px;
    float:left;
}
.box p 
{
    margin:0 !important;
}
.box-address 
{
    width:220px;
    float:left;
}
.box-address p 
{
        margin:0 !important;
}
.box-mailing 
{
    width:180px;
    float:left;
    margin:0 10px 0 0;
}
.box-mailing p 
{
    font-size:9px;
    font-weight:normal;
    line-height:11px;
}
/*
.sendbutton{
	border:1px solid red;
	background-color:#333333;
	color:white;
	font-size:11px;
	margin-left:5px;
	width:50px;
}
.sendbutton:hover{
	cursor:pointer;
}
*/

a.joinus {
 color:red;
 line-height:14px;
}
a.joinus:hover{
 color:#fff;
}

.sendMessage 
{
    margin:15px 0 0 0;
}
 
/* RETAIL - SCROLLBAR */

.scrollcontainer {
  position: absolute;
  top: 35px; 
  left: 87px;
  width: 400px;
  height: 410px;
}
#news .scrollcontainer
{
    width:800px;
}
#Scroller-1 { 
  position: absolute; 
  overflow: hidden;
  width: 400px;
  height: 410px;
}
#news #Scroller-1 
{
    width:800px;
}
#profile #Scroller-1 
{
    width:400px;
}
.Scroller-Container {
  position: absolute;
  top: 0px; 
  left: 0px;
}
#Scrollbar-Container {
  position: absolute;
  top: 0; 
  left: 0px;
  z-index:1000000;
}
.Scrollbar-Track {
  width: 15px; 
  height: 450px;
  position: absolute;
  top: 25px; 
  left: 4px;
  background: transparent url(/images/scrollbar_track.gif) no-repeat center center;
}
.Scrollbar-Handle {
  position: absolute;
  width: 15px; 
  height: 15px;
  cursor:pointer;
  cursor:hand;
}
/* Collection*/
.getlogin{
	float:left;
	width:400px;
	margin-top:20px;
	height:220px;

}
.getlogin .contactform{
	width:350px;
	margin-left:50px;

}
.getlogin .contactform .sendbutton{
	width:38px;
	margin-right:25px;

}
.viewcollection{
float:left;
width:400px;
height:220px;
margin-top:20px;
}
.collectionimage{
	float:left;
	width:500px;
}

/* FRONTPAGE */

a.btn-birna-frontpage {
 float:left;
	background: url(/images/btn-birna.gif) 0 0 no-repeat;
	width: 72px;
	height: 24px; 
	margin:20px 0 0 0;
}
a.btn-birna-frontpage:hover {
	background: url(/images/btn-birna.gif) 0 -24px no-repeat;
	width: 72px;
	height: 24px;
}
h1.introduction {
 font-size:16px;
 color:#fff;
 padding:0;
 line-height:20px;
}
.intro {
 margin:100px 0 0 600px;
}



/* CONTACT */
.contactinfo{
	margin:30px 80px 0 87px;
	_margin:30px 0 0 87px;
	float:left;
	width:300px;
}
.contactinfo-press{
	margin:30px 80px 0 87px;
	_margin:30px 0 0 44px;
	float:left;
	width:350px;
}

.table1{
}
.table1 .first {
 padding:0 40px 0 0;
 width:100px;
}
.table1 td {
 padding:2px;
 font-weight:bold;
}
/* contact form */


.form{
 width:340px;
 _width:360px;
 margin:30px 0 0 0;
 font-size:10px;
 font-weight:bold;	
 float:left;
}

.contactform label{
 width:100px;
 float:left;
 margin:8px 0 0 0;
}
.contactform input{
 margin:4px 0 10px 0;
 padding:2px;
 width:230px;
 font-size:10px !important;
 font-weight:bold;
}
.contactform .dropdown 
{
    margin:4px 0 10px 0;
    width:238px;
}
.contactform .info {
 padding:0;
 margin:0;
 float:left;
}
.contactform .textarea {
 margin:4px 0 10px 0;
 padding:2px;
 width:230px;
 height:150px;
}
.contactform .required-field 
{
    color:Red;
    margin:0 0 0 100px; /* right margin the same as label width */
}
.required {
 color:red;
}
.inputfield 
{
 padding:2px;
 width:150px !important;
 font-size:10px !important;
 font-weight:bold;
 float:left !important;
 margin:1px 10px 0 0 !important;
 *margin:1px 10px 0 0px !important;
 _margin:1px 10px 0 0 !important;
}
.inputfieldjoinus
{
 padding:0 1px;
 width:90px !important;
 font-size:9px !important;
 float:left !important;
 margin:8px 10px 0 0 !important;
}

.sendbutton{
	background: url(/images/btn-send.gif) 0 0 no-repeat;
	width: 72px !important;
	height: 24px !important;
	margin:0 !important;
	_margin:0 20px 0 0 !important;
	padding:0 !important;
	float:right;
}
.sendbutton:hover{
	background: url(/images/btn-send.gif) 0 -24px no-repeat;
	width: 72px;
	height: 24px;
}

.loginbutton{
	background: url(/images/btn-login.gif) 0 0 no-repeat;
	width: 72px !important;
	height: 24px !important;
	margin:0 !important;
	padding:0 !important;
	float:left !important;
	cursor:pointer;
	cursor:hand;
	border:none;
}
.loginbutton:hover{
	background: url(/images/btn-login.gif) 0 -24px no-repeat;
	width: 72px;
	height: 24px;
}
.joinusbutton{
	background: url(/images/btn-joinus.gif) 0 0 no-repeat;
	width: 63px !important;
	height: 21px !important;
	margin:6px 0 0 0 !important;
	padding:0 !important;
	float:left !important;
	cursor:pointer;
	cursor:hand;
	border:none;	
}
.joinusbutton:hover{
	background: url(/images/btn-joinus.gif) 0 -21px no-repeat;
	width: 63px;
	height: 21px;
}


/* THUMBS */

.thumbs{ 
 float:left;
}
.thumbs ul {
 margin:0;
 padding:0;
}
.thumbs img{
 margin:0 25px 25px 0;
}


/* NEWS */

.news-entry {
 height:100%;
 overflow:hidden;
 margin:0 0 30px 0;
 clear:both;
}
.news-entry .left-image 
{
    margin-right:20px;
}
.smallthumb{
	float:left;
	margin:0 15px 5px 0;
}
.news-entryopen {
 position:absolute;
 z-index:2;
 margin:15px 0 0 87px;
 clear:both;
 width:420px;
 right:0;
}

.about-company {
 margin:30px 0 0 87px; 
 width:300px;
}
.custom-bg
{
 background-repeat:no-repeat;
 height:500px;
 padding-top:10px;
 width:1400px;
 }
 .bgPosition 
 {
    background-position:top center;
 }
 .centered-white-bg 
 {
	background-repeat:no-repeat;
	height:500px;
	background-position:center;
	color:#000;
	background-color:#fff;
 }
  .centered-white-bg a 
  {
	color:red;
  }
    .centered-white-bg a:hover 
  {
	color:red;
  }
.about-company h2 
{
 color:red;
 padding:0;
}
.news-title,
.news-title p {
	/*color:red;
	font-size:48px;
	line-height:54px;
	margin:0 0 5px 0;
	padding:2px 0 0 0;*/	
    font-size:55px;
    line-height:49px;
    text-transform:uppercase;
    color:#b8b6a6;
    font-family: impact, Arial, Helvetica;
    letter-spacing:3px;
    font-weight:normal;   
}
a.news-title:hover{
	background:#d20000;
	color:white;
}
.news-date{
	/*color:#e7e7e7;*/
	color:#b9b9b9;
	padding:1px;
	/*background-color:#5a5a5a;*/
	font-size:10px;
	line-height:14px;
	/*margin:0 0 0 10px;*/
    font-style:italic;
    display:block;
    margin:5px 0 0 0;
}



/* FOOTER */

#footer{
 background-color:#b8b6a6;
 height:41px;
 top:560px;
 position: relative;
}
#footer ul {
 margin:0;
 float:left;
}
#footer ul li {
 display:inline;
 float:left;
 border-right:1px #000 solid;
}
#footer ul li a{
}
#footer ul li.last {
 border-right:none;
}
.footnote {
 margin:13px 0 0 0;
 font-weight:bold;
}
.lookbook-title 
{
	margin:10px 0 0 0;
	padding:0 56px 0 0;
	font-size:12px;
	line-height:20px;
	font-weight:bold;
}

#lookbook .scrollcontainer {
  position: absolute;
  /*top: 35px;*/
  top:0;
  right: 47px;
  left:auto;
  width: 520px;
  height: 500px;
}

#lookbook #Scroller-1 { 
  position: absolute; 
  overflow: hidden;
  width: 520px;
  height: 500px;
  padding:0;
  margin:0;
}
#lookbook .Scroller-Container {
  position: absolute;
  top: 0px; 
  right: 0px;
  left:auto;
}
#lookbook #Scrollbar-Container {
  position: absolute;
  top: 0; 
  right: 0px;
  left:auto;
}
#lookbook .Scrollbar-Track {
  width: 20px; 
  height: 450px;
  position: absolute;
  top: 25px; 
  right: 4px;
  background: transparent url(/images/scrollbar_track.gif) no-repeat center center;
}
#lookbook .Scrollbar-Handle {
  position: absolute;
  width: 15px; 
  height: 15px;
  cursor:pointer;
  cursor:hand;  
}
#lookbook .info 
{
	line-height:20px;
	font-size:12px;
	margin:10px 0 0 0;
}


#thumb {
}

#thumb img {
	width:79px;
	height: 119px;
}
#thumb ul {
	text-align: center;
	list-style: none;
	margin: 0 auto;
	padding:0;

}
	
#thumb li {
	float: left;

	}
#thumb li a {
}

#thumb li a {
	display: block;	
	width:79px;
	height: 120px;
	margin:0 7px 7px 0;
}

#thumb li a:hover 
{
	background-color:red;
}	
#thumb li.active a{
}