@import url("styles.css");


h1 , h2 , h3 , h4, h6 {
margin:0;
padding:0;
}


ul , li , p {
margin:0;
padding:0;
list-style:none;
}

a img {border:none;}


*{font-size:12px; font-family:Optima,sans-serif;}


/*----------------------------------------------------------------
   Layout
----------------------------------------------------------------*/


body {
margin:0;
padding:0;
font-size:12px;
font-family:Optima,sans-serif;
color:#333333;
}


#top #container {
	width:980px;
	margin:40px auto 0;
}


#container {
	width:980px;
	margin:40px auto 0;
}



/*----------------------------------------------------------------
   navigation
----------------------------------------------------------------*/

#navigation {
float:left;
display:inline;
width:170px;
text-align:right;
padding-bottom:30px;
}


#navigation .navi {
height:350px;
}

#navigation .navi ul{
width:60px;
margin-top:25px;
margin-left:110px;
}

#navigation .navi li{
padding:8px 0;
margin:0;
}

#navigation .navi li a{
display:block;
width:60px;
height:18px;
margin:0;
padding:0;
}


#navigation .navi .about a:link , #navigation .navi .about a:visited , #navigation .navi .about a:active {
background:url(../images/text_about.jpg) no-repeat right;}
#navigation .navi .scarves a:link , #navigation .navi .scarves a:visited , #navigation .navi .scarves a:active {
background:url(../images/text_scarves.jpg) no-repeat right;}
#navigation .navi .stockists a:link , #navigation .navi .stockists a:visited , #navigation .navi .stockists a:active {
background:url(../images/text_stockists.jpg) no-repeat right;}
#navigation .navi .news a:link , #navigation .navi .news a:visited , #navigation .navi .news a:active {
background:url(../images/text_news.jpg) no-repeat right;}
#navigation .navi .contact a:link , #navigation .navi .contact a:visited , #navigation .navi .contact a:active {
background:url(../images/text_contact.jpg) no-repeat right;}
#navigation .navi .shop a:link , #navigation .navi .shop a:visited , #navigation .navi .shop a:active {
background:url(../images/text_shop.jpg) no-repeat right;}

#about #navigation .navi .about a , #navigation .navi .about a:hover {background:url(../images/text_about_on.jpg) no-repeat right;}
#scarves #navigation .navi .scarves a , #navigation .navi .scarves a:hover {background:url(../images/text_scarves_on.jpg) no-repeat right;}
#stockists #navigation .navi .stockists a , #navigation .navi .stockists a:hover {background:url(../images/text_stockists_on.jpg) no-repeat right;}
#news #navigation .navi .news a , #navigation .navi .news a:hover {background:url(../images/text_news_on.jpg) no-repeat right;}
#contact #navigation .navi .contact a , #navigation .navi .contact a:hover {background:url(../images/text_contact_on.jpg) no-repeat right;}
#shop #navigation .navi .shop a , #navigation .navi .shop a:hover {background:url(../images/text_shop_on.jpg) no-repeat right;}

#navigation p{text-align:right; line-height:1.5em; margin-top:30px;}
#navigation h7{text-align:right; line-height:1.5em; margin-top:30px; font-size:13px;font-weight:bold;}


#navigation .txt {height:120px;}
#navigation .txt li{ margin-bottom:5px;}


/*----- copyright ----------------------------------------------------------------*/

#navigation #footer {width:100%;}

#navigation #footer .copyright {
display:block;
width:100%;
text-align:right;
font-size:10px;
}

.w570 #footer .copyright {text-align:right; font-size:10px;}


/*----------------------------------------------------------------
   menu
----------------------------------------------------------------*/

#menu {
float:left;
display:inline;
width:100px;
margin:75px 30px 0 30px;
}

#menu li{
margin-bottom:5px;
}


/*----------------------------------------------------------------
   content
----------------------------------------------------------------*/

#top #content {
float:right;
display:inline;
width:800px;
padding:0;
}


#content {
float:left;
display:inline;
width:620px;
padding:75px 0 0 0;
}

#contentlog {
float:left;
display:inline;
width:620px;
padding:0 0 0 0;
}


/*----- contact,order,whoelsale ----------------------------------------------------------------*/

#contact dl , #order dl , #wholesale dl{
width:600px;
margin:60px 0 30px;
}

#contact dt , #order dt , #wholesale dt{
width:600px;
font-weight:bold;
}

#contact dd , #order dd , #wholesale dd{
width:600px;
margin:0;
padding:5px 0 10px 0;
}


/*----- other ----------------------------------------------------------------*/

#other #content p {padding-bottom:20px; line-height:1.5em;}