/* CSS Document */
body {
  font-family: Tahoma;
  font-size: 12px;
  color: #555;
  margin: 0px;
  background: url('../images/bg.gif') center top repeat-x;
}
a{ color:#F9710F;}
a:hover{text-decoration: none;}
a img {border: none;}
form {margin:0px; padding: 0px;}
p {margin: 0px; padding: 0px;}
.orange_box{display: block; background-color:#FFC701; color:#fff; padding: 10px 20px; margin: 10px 0px;}

.inp {height: 16px; color: #9d9d9d; border: 1px solid #595959; font-size: 11px; padding-left: 5px; background: #333333;}
.sbmt {background: #f96c10; border: 0px; font-size: 11px; font-weight: bold; color: #ffffff; height: 20px; margin-left: 4px;}
a.arrow {padding-right: 15px; background: url('../images/arrow.gif') center right no-repeat;}
ul {display: block; margin: 0px; padding-left: 10px; margin-left: 10px; }
ul li {margin:0px; padding: 0px;}
ul a{color:#666;}
ul a:hover{color:#666; text-decoration: none;}

h1 {
  display: block;
  position: relative;
  margin: 0px;
  padding: 0px;
  font-size: 24px;
  font-weight: normal;
  color: #333;
  border-bottom: 1px solid #ffc701;
  margin-bottom: 12px;
  padding-bottom: 5px;
}
h1.sex_f, h1.sex_m, h1.sex_u { font-size: 24px; padding-left: 36px;}
h1.sex_f{background: url('../images/bullet_h1_female.gif') top left no-repeat; background-position: 7px 50%;}
h1.sex_m{background: url('../images/bullet_h1_male.gif') top left no-repeat; background-position: 7px 50%;}
h1.sex_u{background: url('../images/bullet_h1_unisex.gif') top left no-repeat; background-position: 4px 50%;}

h2 {font-size:18px; color: #333333; font-weight:normal; border-bottom:none;margin-bottom:5px;padding-bottom:0px;}
h2 .person {font-size:11px;font-weight:normal;}

#col .active {font-weight:bold; color:#333333; }


h2 {margin: 10px 0px 12px 0px; padding: 0px; font-size: 16px; font-weight: bold; padding-bottom: 6px;}
#col h2 { display: block; color:#333; padding-bottom: 7px}

.article_list_item {display: block; margin-bottom: 10px; border-bottom:1px solid #D5D5D5;}
.article_list_item .intro_photo a{display: block; float: left; width: 180px; padding: 10px; background-color: #E7E7E7; margin:0px 20px 10px 0px; text-align: center;}
.article_list_item .intro_photo a:hover{background-color:#DEDEDE;}
.article_list_item .intro_photo a img{display: block; padding: 0px; margin: 0px;}
.article_list_item h2 {color:#333; font-size: 18px; font-weight: normal; border: none; margin: 10px 0px 5px 0; padding: 0px;}
.article_list_item h2 a{color:#333;}
.article_list_item a{color:#FFC701;}
.article_list_item .desc {display: block; }
.article_list_item .desc .author{display: block; margin-bottom: 5px;}
.article_list_item .desc p{margin: 0px; padding: 0px;}


h3 {margin: 5px 0 3px 0; padding: 0px; font-size: 12px; font-weight: bold; color: #494949;}

.info {display: block; position: relative;}
.info p {text-align: right; position: absolute; right:10px; top:-35px;}
.info a {color: #313131;}
.info a:hover {text-decoration: none;}
.info a.arrow {text-decoration: none;}
.info a.arrow:hover {text-decoration: underline;}

#page {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  background: url('../images/bg2.gif') center top repeat-x;
}
#top {
  width: 960px;
  height: 97px;
}
#top .strip {position: relative; width: 960px; height: 35px;}
#top .logo {position: absolute; top: 22px; left: 40px; height: 29px; width: 180px;}

#top .lang {position: absolute; width: 190px; height: 15px; top: 10px; left: 300px; font-family: Arial; font-size: 11px; color: #898989;}
#top .lang a {color: #898989; text-decoration: none; padding: 0px 4px 0px 4px;}
#top .lang a.active, #top .lang a:hover {color: #d0cfcf;}

#top .form {position: absolute; right: 0px; top: 6px; width: 170px;}
#top .form .inp {height: 16px; color: #9d9d9d; border: 1px solid #595959; font-size: 11px; padding-left: 5px; background: #333333;}
#top .form .sbmt {background: url('../images/zoom.gif') center #f96c10 no-repeat; border: 0px; width: 23px; height: 20px; margin-left: 4px;}

	#mainMenu{
	  width: 950px; height: 34px; padding-right: 10px;
		position:relative;	/* Don't change this position attribute */
	}
	#mainMenu a{
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    color: #a7a7a7;
    background: url('../images/bg_menu.gif') 0px -35px repeat-x;
		position:absolute;
		padding-left:19px;	/* Spaces at the left of main menu items */
		padding-right:19px;	/* Spaces at the right of main menu items */
		font-weight:bold;
		/* Don't change these two options */
		position:absolute;
		bottom:-1px;
		line-height:35px;
	}

	#mainMenu .active{
		/* Border options */
		color: #ffffff;
		border-left:1px solid #000000;
		border-top:1px solid #000000;
		border-right:1px solid #000000;
		background-color: #E2EBED;	/* Background color */
    background: url('../images/bg_menu_left.gif') repeat-x;
		cursor:pointer;	/* Cursor like a hand when the user moves the mouse over the menu item */
	}

	#mainMenu .active img{
		position:absolute;
		bottom:0px;
		right:0px;
	}

	#mainMenu img.normal,
  #mainMenu .active img.normal{
	 position:relative;
	 display: inline;
	 margin-left:3px;
	}
	
	
	#submenu{
	  padding-top:5px;
		width:100%;	/* Don't change this option */
	}
	#submenu div{
		/*white-space:nowrap;	/* Don't change this option */		
	}

	#submenu a{
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    padding: 0px 10px 3px 10px;
    border-right: 1px solid #ffdd67;
    margin: 0px;
    text-decoration:none;	/* No underline on sub menu items - use text-decoration:underline; if you want the links to be underlined */
		padding-left:10px;	/* Space at the left of each sub menu item */
		padding-right:10px;	/* Space at the right of each sub menu item */		
	}

  #submenu a:hover {color: #ffffff;}
	#submenu a.active{background: url(../images/bg_submenu_active.gif) top left repeat-x; color:#fff;}


#crumb_menu{ margin-bottom: 10px;}
#crumb_menu a{
  padding-right: 10px;
  margin-right: 5px;
  background: url('../images/bullet_crumb.gif')no-repeat top right;
  background-position: 100% 70%;
}

/******** MAIN ********/
#main {width: 960px; min-height:500px; _height:500px; padding: 12px 0px 20px 0px;}
#main .banner {float: left; height: 173px;}

#drop_menu{
  display: block;
  margin: 5px 0px;
}

#content {float: left; width: 630px;}
#content.article.wide {width:900px;}
#content.article {width: 600px; padding: 0px 15px 0px 15px;}
#content.article p {padding: 0px 0px 5px 0px; line-height: 1.3;}
#content.article p a {color: #f9710f;}
#content.article p a:hover {text-decoration: none;}

#content .flash {width: 630px; height: 292px; /*background: url('../images/flash.jpg') no-repeat; */margin-bottom: 10px;}
#content .banner {width: 300px;}

#content .intro {padding-bottom: 10px;}
#content .intro a img {float: left; margin-right: 20px;}
#content .photo a img {margin: 10px; padding: 1px;}
#content .photo a:hover img {padding: 0px; border: 1px solid #000000;}

.fil #content {background: url('../images/bg_fil.jpg') left bottom no-repeat;}


#col {float: left; width: 300px; margin-left: 30px;}

#col .banner {width: 276px;}
#col .article {width: 280px; border-bottom: 1px solid #dad5d5; padding-bottom: 9px; margin-bottom: 18px;}
#col .article .image {float: left; width: 100px; margin-right: 12px;}
#col .article .text {float: left; width: 160px;}
#col .article .name a {color: #313131; font-size: 12px; text-decoration: none;}
#col .article .name a:hover {text-decoration: underline;}
#col .article .date {font-weight: bold; color: #ffc701;}


/***** FOOTER *******/
#footer_bg {height: 84px; background: #333333;}
#footer {
  width: 910px;
  height: 72px;
  padding: 12px 10px 0px 40px;
  margin-left: auto;
  margin-right: auto;
  background: #000000;
  color: #a7a7a7;
}
#footer .form {width: 285px; margin-top: 7px; float: left; padding-right: 80px;}
#footer .form .inp {width: 165px;}
#footer .form form {margin-top: 5px;}
#footer .news {margin-right: 5px; color: #ffffff;}
#footer .form a {color: #a7a7a7;} 
#footer .form a:hover {text-decoration: none; color: #ffffff;}

#footer .menu {float: left; width: 100px; padding: 3px 0px 7px 35px; background: url('../images/dotted.gif') left repeat-y;}
#footer .menu a {color: #a7a7a7; text-decoration: none;}
#footer .menu a:hover {color: #ffffff;}

#footer .contact {
  float: left;
  width: 220px;
  padding: 0px 0px 0px 52px;
  background: url('../images/dotted.gif') left repeat-y;
}



a.button_orange{
  padding: 10px;
  margin-right: 10px;
  font-size: 12px;
  font-weight: bold;
  color:#FCF7AA;
  background: url('../images/bg_button_orange.gif') top left repeat-x #F96D10;
  text-decoration: none;
  margin-top: 15px;
  display: block;
  float: left;
}
a.button_orange:hover{
  background-position: 0px -10px;
  color:#fff;

}


.detail .col_photo{
  display: block;
  position: relative;
  float: left;
  width: 320px;
  padding: 0;
  margin-right: 15px;
}
.detail .col_desc{
  display: block;
  position: relative;
  float: left;
  width: 260px;
}
.color_variants {margin-bottom: 20px;}
.color_variants .item a{display: block; color:#777; margin-bottom: 10px;}
.color_variants .item{
  display: block;
  float: left;
  margin-bottom: 10px;
}
.color_variants .item img{
  margin-right: 5px;
  
}

.related_products {margin-bottom: 20px;}
.related_products .item a{display: block; color:#777; margin-bottom: 5px;}
.related_products .item{
  display: block;
  float: left;
  width: 140px;
  background: 85px 25px no-repeat;  
}
.related_products .item.sex_u {background-image: url('../images/related_product_unisex.gif');}
.related_products .item.sex_m {background-image: url('../images/related_product_male.gif');}
.related_products .item.sex_f{background-image: url('../images/related_product_female.gif');}

.color_variants .item img{
  margin-right: 5px;

}







.mark_logo{margin: 3px 0px;}
.mark_menu{
  display: block;
  background: url('../images/bg_mark_menu.gif') top left repeat-x #fff;
  margin: 10px 20px 0px 0;
  padding: 10px 10px 30px 20px;
  border-top: 1px solid #ffc701;
}
.mark_menu a{
  display: block;
  font-size: 13px;
  font-weight: bold;
  color:#313131;
  text-decoration: none;
  margin-bottom: 2px;
}

.mark_menu .submenu{ display: block; margin-bottom: 10px;}
.mark_menu .submenu a{
  font-size: 11px;
  margin: 0px;
  padding: 0px 0px 0px 20px;
  color: #9E9E9E;
  font-weight: normal;
  background: url('../images/bullet_mark_menu.gif') no-repeat;
  background-position: 10px 60%;
}

.mark_menu .submenu a.sex_f{background-image: url('../images/bullet_mark_menu_female.gif');}
.mark_menu .submenu a.sex_m{background-image: url('../images/bullet_mark_menu_male.gif');}
.mark_menu .submenu a.sex_u{background-image: url('../images/bullet_mark_menu_unisex.gif');}

.mark_menu a:hover{ color:#FFC701;}
.mark_menu a.active{ color:#F96C10;}
.mark_menu .submenu a:hover{font-weight: bold;}
.mark_menu .submenu a.active{font-weight: bold;}

.logos{display: block;}
.logos a{display: block; float: left; margin: 2px;}

/******** OTHER ********/


.orange {color: #f9710f;}
.big {font-size: 14px; font-weight: bold;}


.product_list .item{
  display: block;
  position: relative;
  width:167px;
  float: left;
  border: 1px solid #D4D4D4;
  padding: 10px 10px;
  padding-top:38px;
  background: bottom left no-repeat #fff;
  margin: 5px;
}
.product_list .item.trimm{background-image: url('../images/bg_product_list_item_trimm.gif');}
.product_list .item.sherpa{background-image: url('../images/bg_product_list_item_sherpa.gif');}
.product_list .item.humdrum{background-image: url('../images/bg_product_list_item_humdrum.gif');}
.product_list .item.techtrail{background-image: url('../images/bg_product_list_item_techtrail.gif');}
.product_list .item.gelert{background-image: url('../images/bg_product_list_item_gelert.gif');}

.product_list .item .title{
  font-size: 12px; font-weight: bold; color:#444; margin-bottom: 3px;
  display:block;
  position:absolute;
  top: 0px;
  z-index:20;
}
.product_list .item .sex{
  display: block;
  width: 68px;
  height: 48px;
  position: absolute;
  top: 9px;
  right: 7px;
  background: top left no-repeat;
  z-index:10;
}

.product_list .item.sex_u .sex{background: url('../images/product_list_item_unisex.gif')}
.product_list .item.sex_f .sex{background: url('../images/product_list_item_female.gif')}
.product_list .item.sex_m .sex{background: url('../images/product_list_item_male.gif')}

.product_list .item .button_orange{
  margin: 0px;
  padding: 3px 10px;
  float: right;
  margin-top: 3px;
  margin-bottom: 7px;
}

#guidepost  {display: block; margin: 0px 20px 0 15px;}
#guidepost .item{ display: block; background-color: #fff;  border: 1px solid #D5D5D5; margin-bottom: 20px;}
#guidepost .item .coll_logo {display: block; position: relative; float: left;}

#guidepost .item .collections{ display: block;  position: relative; margin: 12px; float: left; margin-left:20px;width:590px;}
#guidepost .item .collections .coll_item{
  display: block;
  float: left;
  margin: 0px;
  margin-right: 12px;
  width:86px;
  height:140px;
  color:#333;
  position: relative;
}
#guidepost .item .collections .coll_item a{display: block; padding-bottom: 3px; border-bottom: 2px solid #FFCA0D; margin-bottom: 5px;}
#guidepost .item .collections .coll_item a:hover{background-color: #FFCA0D;}
#guidepost .item .collections .coll_item .title{ display: block; text-transform: uppercase; color:#333; font-size: 13px; font-weight: bold;}
#guidepost .item .collections .coll_item .year{ display: block; font-size: 12px;}
#guidepost .item .collections .coll_item .info{ display: block; font-size: 10px; font-weight: bold; text-transform: uppercase;}

.perex {float:left; margin-right: 20px;margin-bottom:20px;}
.perex_text {font-weight:bold;}

.more{margin: 3px 0px;}



.list_navigation{
  display: block;
  text-align: center;
  border-top: 1px solid #EAD6C6;
  margin-top: 10px;
  padding-top: 10px;
}
.list_navigation a{
  text-decoration: none;
  border:1px solid #FFC701;
  padding: 3px 5px;
  position:relative;
}
.list_navigation a.active{
  background-color: #FFA800;
  font-weight: bold;
  color:#fff;
}
.list_navigation a:hover{
  background-color: #FFA800;
  color:#fff;
}
/*--------------   GUESTBOOK  ----------------*/
.guestbook_item {display:block; padding: 0px; margin: 0px; margin-top: 15px;}
.guestbook_item .user{
  display:block; float:left; width:150px;
  height:30px;
  background: url(../images/reply_bubble.png) no-repeat right top;  
}
.guestbook_item .author {font-weight:bold; color:#000000;display:block; font-size:12px;}
.guestbook_item .text {
  display:block; float:left; width:400px;
  padding:10px 15px; margin: 0px;
  background:#FFF5CD;
}
.guestbook_item .date {font-size:9px;display:block; padding-top: 3px;}


.guestbook_item.trimm .photo {
  display: block;
  width: 108px;
  height: 30px;
  background: url(../images/logo_trimm_guest.png) top left no-repeat;
  float: left;
  margin: 0px;

}
.guestbook_item.trimm .date,
.guestbook_item.trimm .author,
.guestbook_item.trimm .email {
  display:none;
}

.guestbook_item.trimm.sub2 {
  margin-top:0px;
  background:#FFF5CD; 
  margin-left:149px;
  padding:10px 15px;
  width:400px;
  border-top:1px solid #FFE990;
}
.guestbook_item.trimm.sub2 .photo{
  width:40px;
  height:23px;
  background: url(../images/logo_trimm_guest_reply.png) top left no-repeat;
}

.guestbook_item.sub2 .user{
  background:none; 
  width:50px;  
}
.guestbook_item.sub2 .text {width:320px;padding:0px;font-style: oblique;}

.cleaner {display: block; clear: both; height: 0px; font-size: 1px; position: relative;}




.image.left {float:left;display:block;margin-right:10px;}
.image.right {float:right;display:block;margin-left:10px;}

.shops .item {border-bottom:1px solid #d5d5d5;padding-bottom:10px;}
.shops td {width:220px;vertical-align:top;} 
.shops th {width:40px;vertical-align:top;}
td {width:220px;vertical-align:top;}

.err, .not {
  display: block;
  padding: 10px 30px;
  color:#fff;
  background: #F96C10;
  margin: 0px 15px 10px 15px;
  font-weight: bold;
  border: 3px solid #FFC701;
}
.not {background: #6281C8; border:3px solid #7DA3F8; color:#fff;}


#footer .sign {color: #6F6F6F; font-size: 10px; margin-top:5px;}
#footer .sign a {color: #6F6F6F;}