@import url("reset.css");

body,html {height:100%}
body {color:#333; background:#2e2e2e; font:13px Arial,Helvetica,'MS Sans Serif',sans-serif}
input,textarea,option,select {color:#000; font:1em Arial,Helvetica,'MS Sans Serif',sans-serif}

/* // ---- typography ---- // */

a {color:#333; text-decoration:underline}
a:hover {color:#e58700}
.c-o {color:#e58700}

/* -- ---- typography ---- -- */


/* // ---- top nav ---- // */

.top-nav {height:41px; background:#fff; border-bottom:3px solid #d5d5d5}
	.top-nav .b-navigation-top {position:relative; font-size:15px; width:750px; margin:0 auto; padding-left:250px; top:0; top:44px; height:41px; margin-bottom:-2px}
		.top-nav .b-navigation-top li {float:left; line-height:41px; padding:0 15px; background-color:#212121; border-bottom:2px solid #3c3c3c}
			.top-nav .b-navigation-top li a {text-decoration:none; color:#e58700; font-weight:bold; border-bottom:1px solid}
			.top-nav .b-navigation-top li a:hover {border-bottom-width:0}
			.top-nav .b-navigation-top .hr {color:#f00; }
/* -- ---- top nav ---- -- */

/* // ---- visual---- // */
.visual {height:115px; background:url(../img/visual-bg.png) repeat-x}
	.visual .visual-i {position:relative; width:1000px; margin:0 auto}
		.visual .visual-i i {position:absolute; height:198px; width:251px; left:0; top:-36px}
/* -- ---- visual ---- -- */

.grid-1-middle {width:955px; margin:0 auto; padding-right:45px}
.l-col-1 {width:187px; float:left; padding:51px 0 0 41px;}
.l-col-2 {position:relative; width:727px; float:right; background:#FFF; margin-top:33px}
	.l-col-2 .cr {position:absolute; overflow:hidden; font-size:1px; background: url(../img/mid-crn.png) no-repeat; width:20px; height:19px}
	.l-col-2 .c-tl {top:0; left:0; background-position:0 0}
	.l-col-2 .c-tr {top:0;  left:-20px; background-position:100% 0}
	.l-col-2 .c-bl {left:0; background-position:0 100%}


/* // ---- cart ---- // */
.cart {font-size:12px; line-height:25px; height:25px}
	.cart a {color:#FFF; font-size:14px; font-weight:bold}
	.cart span {width:22px; background:url(../img/cart-i.png) no-repeat; text-align:center; float:left; margin:0 8px 0 15px}
/* -- ---- cart---- -- */

/* // ---- navigation all ---- // */
.b-navigation-all {position:relative; width:187px; margin-top:8px; background:#212121}
	.b-navigation {font-size:11px; color:#ccc; padding:20px 0 23px 25px;}
	.b-navigation li {position:relative; background:url(../img/nav-left-bg.png) no-repeat; padding:11px 0}
		.b-navigation .first {background-image:none}
			.b-navigation li i {position:absolute; width:16px; height:16px; background:url(../img/nav-left-i.png) 16px 0; left:146px; top:10px}
			.b-navigation li a {color:#ccc}
			.b-navigation li a:hover:hover, .b-navigation li a.hr {color:#ffda00}
			.b-navigation li a:hover i, .b-navigation li a.hr i {background-position:0 100%}
			
	.b-navigation-all .cr {position:absolute; overflow:hidden; font-size:1px; background: url(../img/nav-left-crn.png); width:17px; height:17px}
	.b-navigation-all .c-tl {top:0; left:0; background-position:0 0}
	.b-navigation-all .c-bl {left:0; background-position:0 100%}

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

/* // ---- address ---- // */
.b-address {padding:21px 0 0 25px}
	.b-address .notabylogo {
		-webkit-box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
		-moz-box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
		-ms-box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
		box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
		}
	.b-address p {font-size:11px; padding-bottom:20px; color:#b3babd}
	.b-address a {color:#ffda00; font-size:11px}
	.b-address a:hover {text-decoration:none}
/* -- ---- address ---- -- */

/* // ---- select ---- // */
.b-sel-top {background:#dedede url(../img/sel-bg.png) repeat-x 0 100%; border-bottom:1px solid #d3d3d3; padding:20px 0 20px 25px}
	.b-sel-top h1 {font-size:12px; font-weight:bold; text-transform:uppercase; color:#333; line-height:12px; float:left}
		.b-sel-top h1 span {color:#999}
	.select {height:15px; font-size:11px}
		.select select {border:1px solid #c7e2f1; margin-right:26px; color:#999; float:right; width:182px; text-align:center}
/* -- ---- select ---- -- */

/* // ---- main middle ---- // */
.b-middle-i {padding:15px 25px 25px 25px; background:url(../img/mid-bg.png) repeat-x 0 0; border-top:1px solid #FFF}
	.b-middle-i h2 {font-size:20px; font-weight:bold; color:#614d09}
		.b-middle-i h2 small {color:#000; font-size:16px}
	.b-middle-i .m-title {padding-bottom:15px}
	.s-title {font-size:15px; font-weight:bold; color:#614d09; padding-bottom:15px}
/* -- ---- main middle  ---- -- */

/* // ---- navigation soty ---- // */
.b-nav-soty {position:relative; margin:25px auto 30px !important; width:642px; height:460px; background:url(../img/nav-ico.png); padding:0 !important}
	.b-nav-soty a {position:absolute; display:block; width:150px; height:175px; overflow:hidden; text-indent:-999em}
	.b-nav-soty .n-1 {z-index:1; top:1px; left:0}
	.b-nav-soty .n-2 {z-index:1; top:1px; left:161px}
	.b-nav-soty .n-3 {z-index:1; top:1px; left:323px}
	.b-nav-soty .n-4 {z-index:1; top:1px; left:483px; width:140px}
	
	.b-nav-soty .n-5 {z-index:2; top:141px; left:80px}
	.b-nav-soty .n-6 {z-index:2; top:141px; left:242px}
	.b-nav-soty .n-7 {z-index:2; top:141px; left:403px}
	.b-nav-soty .n-8 {z-index:3; top:281px; left:161px}
	.b-nav-soty .n-9 {z-index:3; top:281px; left:324px}
	.b-nav-soty li {padding:0 !important; margin:0 !important; background-image:none !important}
/* -- ---- navigation soty ---- -- */

/* // ---- o studio ---- // */
h3 {font-weight:bold; color:#614d09; padding-bottom:10px}
.for-editor ul {padding-left:12px; padding-bottom:10px}
	.for-editor ul li {background:url(../img/li1.gif) no-repeat 0 7px; padding-left:17px; padding-bottom:10px}
	.for-editor ul ul {padding-top:7px; padding-bottom:0}
/* -- ---- o studio ---- -- */

/* // ---- basket ---- // */
.b-basket-tip {font-size:11px; font-weight:bold; width:300px; background:#f9f0e2 url(../img/basket-ico.png) no-repeat 3% 50%; padding:4px 10px 4px 45px; margin:20px 0}
table.basket th, table.basket td {font-size:11px; font-weight:bold; padding:7px 7px}
table.basket th {background-color:#ececec}

.title {font-size:11px; font-weight:bold; background:#ececec url(../img/sel-bg.png) repeat-x 0 3px; padding:10px 0 7px 7px; margin-top:10px; margin-bottom:5px}

.l-item li {position:relative; padding:20px 7px 5px 85px; border-bottom:1px solid #cacaca; height:auto !important; min-height:37px; height:37px}
.l-item .delete {position:absolute; left:0; top:5px; color:#c00; font:bold 15px Verdana,Tahoma; text-decoration:none; border:1px solid #eee; padding:2px 4px}
	.l-item a.delete:hover {text-indent:0; background-color:#ECECEC}
.l-item .thumb-cart {position:absolute; left:25px; top:5px; border:1px solid #cacaca}
.l-item a {color:#614d09; font-weight:bold}
.l-item .lst {border:0}

.buttons {}
	.buttons table {}
	.buttons td {padding-right:40px}
	.buttons .prev, .buttons .button {color:#FDB913; font-weight:bold; font-size:13px}
	.buttons a {cursor:pointer; cursor:hand}
.b-basket-btn, #checkout, .b-basket-btn .button {cursor:pointer; cursor:hand; display:block; width:177px; height:35px; line-height:35px; background: url(../img/basket-btn.png); text-align:center; margin:0 0 0 auto; text-decoration:underline}
	.b-basket-btn a, #checkout span, .b-basket-btn .button span {font-size:14px; font-weight:bold; color:#614d09}
/* -- ---- basket ---- -- */

/* // ---- item gallery ---- // */
.b-sort {float:right; font-size:10px;}
	.b-sort a {padding:0 5px;color:#000}
.t-item-l {position:relative; margin:0 -15px}
	.t-item-l li {float:left; padding:0 15px 20px}
	.t-item-l .ph {}
	.t-item-l .lst {padding-right:0}

.item-1 {width:145px; text-align:center; background:#f3f8db}
	.item-1 span {display:block; text-align:left; font-size:14px; font-weight:bold; color:#000; background:#f9ab12 url(../img/item-top1-bg.png) no-repeat; padding:10px 10px 7px 10px}
		.item-1 span a {color:#000}
	.item-i {position:relative; text-align:left;  padding:5px 0 3px 10px}
		.item-i i {position:absolute; width:17px; height:19px; left:120px; top:10px; background:url(../img/item-ico.png)}
		.item-i a {font-size:11px; text-decoration:none; color:#666}

.b-item-nav {margin:10px 0 10px 10px}
	.b-item-nav li {float:left; width:16px; height:16px; padding-right:8px; color:#333; font-size:11px;text-align:center;}
	.b-item-nav a {background:#ffda00; display:block; text-decoration:none; color:#333}
/* -- ---- item gallery ---- -- */

/* // ---- photo gallery ---- // */
.b-ph-gallery {position:relative; margin-top:20px}

.b-ph-gallery .td-image-wrapper {
	width: 100%;
	height: 506px;
	position: relative;
	overflow: hidden;
}

	.b-ph-gallery .td-image-wrapper .td-loader {
	  position: absolute;
	  z-index: 10;
	  width:50px; height:50px; 
	  background:url(../img/84.gif);
	  top: 50%;
	  margin-left:-27px;
	  margin-top:-27px;
	  left: 50%;
	  border:5px solid #000; 
	}
	.b-ph-gallery .td-image-wrapper .td-next {
	  position: absolute;
	  right: 0;
	  top: 0;
	  width: 25%;
	  height: 100%;
	  cursor: pointer;
	  display: block;
	  z-index: 100;
	}
	.b-ph-gallery .td-image-wrapper .td-prev {
	  position: absolute;
	  left: 0;
	  top: 0;
	  width: 25%;
	  height: 100%;
	  cursor: pointer;
	  display: block;
	  z-index: 100;
	}

.td-preloads {
  position: absolute;
  left: -9000px;
  top: -9000px; width:1px; height:1px; overflow:hidden
}

.td-controls {display:none}

.td-thumbs {position:relative; overflow:hidden; width:100%}
	.td-thumbs li {float:left; padding:0 3px}
	.td-thumbs img {border:1px solid #fff}
	.td-thumbs .td-active img {border-color:#000}

.b-ph-gallery {}
.td-image-wrapper {position:relative; overflow:hidden; background:#000 url(../img/84.gif) no-repeat -65px -65px}
	.td-image-wrapper .td-image {position:absolute}
	.td-image-description {position:absolute; bottom:auto !important; top:20px; right:20px; width:59px !important; height:59px !important; overflow:hidden; text-indent:-999em; background:url(../img/nota-wmark.png)}
.b-ph-gallery .td-nav {position:relative}
	.b-ph-gallery .td-prev {position:absolute; left:4px; top:3px; cursor:pointer; cursor:hand; width:30px; height:52px; background:url(../img/gallery-ar.png) no-repeat 0 0}
	.b-ph-gallery .td-next {position:absolute; margin-left:100%; left:-64px; top:3px; cursor:pointer; cursor:hand; width:60px; height:52px; background:url(../img/gallery-ar.png) no-repeat 0 0; clip:rect(auto auto auto 30px)}
	.b-ph-gallery .td-nav-i {background:#666 url(../img/gallery-mask.png); padding:3px 37px 3px 33px}
	.b-ph-gallery li {float:left; padding:0 3px}

.b-add {position:relative; float:right; color:#6c5919; background-color:#f3f8db; font-size:14px; padding:10px 10px 8px 10px; margin-bottom:30px}
	.b-add a {color:#6c5919; font-weight:bold; padding-right:25px; background:url(../img/item-ico.png) no-repeat 100% 0}

.gallery {margin-bottom:15px}
/* -- ---- photo gallery ---- -- */


/* // ---- blue block ---- // */
.b-bg {position:relative; padding:20px 25px; background:#e5eff6; margin-right:15px;}
	.b-bg .cr {position:absolute; overflow:hidden; font-size:1px; background:url(../img/blue-crn.png); width:17px; height:17px}
	.b-bg .c-tl {top:0; left:0; background-position:0 0}
	.b-bg .c-tr {top:0; left:-17px; background-position:100% 0}
	.b-bg .c-bl {left:0; background-position:0 100%}
	.b-bg .c-br {left:-17px; background-position:100% 100%}
/* -- ---- blue block ---- -- */


.brd {height:2px; background:#eee; margin-bottom:20px; font-size:1px; clear:both}
.for-editor {}
	.for-editor h3 {color:#e58700; font-size:14px; font-weight:bold; padding-bottom:15px; padding-top:4px}
	.for-editor h2 {padding-bottom:10px}
	.for-editor .subtitle {position:relative; margin-top:-15px; text-transform:uppercase; color:#930; font-size:17px}
	.for-editor p {padding-bottom:14px}
	.for-editor ol {position:relative; list-style-type: decimal; padding:0 0 8px 22px}
		.for-editor ol li {padding-bottom:10px}
	.for-editor .big {font-size:14px;color:#930; font-weight:bold}
	.for-editor .img-left {float:left; margin-right:20px; margin-bottom:25px}
		.for-editor .img-left small {display:block; color:#686d6f; font-size:11px; line-height:13px; padding-top:10px}
			.for-editor .img-left small strong {color:#b3babd; text-transform:uppercase}
	.for-editor .img-right {float:right; margin-left:20px;margin-bottom:25px}
		.for-editor .img-right small {display:block; color:#686d6f; font-size:11px; line-height:13px; padding-top:10px}
			.for-editor .img-right small strong {color:#b3babd; text-transform:uppercase}

/* // ---- navigation bottom ---- // */
.b-nav-btm {background:#dedede; padding:20px 0 30px 10px;}
	.b-nav-btm li{float:left; height:22px; padding:0 19px; border-right:1px solid #999}
		.b-nav-btm li a {font-weight:bold; text-decoration:none; color:#626262; font-size:11px}
		.b-nav-btm li a:hover {text-decoration:underline}
		.b-nav-btm .lst {border:0}
/* -- ---- navigation bottom ---- -- */

.b-btm {float:right; width:500px; height:60px; padding-right:25px}
	.b-btm .copyright {width:160px; height:31px; color:#FFF; font-size:11px; background:url(../img/btm-bg.png) no-repeat; float:right; padding-top:5px; text-align:center}
		.b-btm .copyright a {color:#FFF}




/* // ---- list vars ---- // */
.b-list-vars {}
	.b-list-vars li {display:-moz-inline-stack; display:inline-block; width:300px; padding-right:45px; padding-bottom:30px}
	.b-list-vars .ph {position:relative; margin-bottom:10px}
		.b-list-vars .ph img {border:1px solid #585958}
		.b-list-vars .ph small {position:absolute; bottom:5px; left:5px; color:#fff; font-size:20px; padding:3px 5px; background-color:#000; -moz-opacity:0.7; opacity:0.7; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70); -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)'}
/* -- ---- list vars ---- -- */

.b-forms {padding-bottom:15px}
	.b-forms .required {color:#c00}
	.b-forms td {padding:0 20px 10px 0; vertical-align:top}
	.b-forms input {position:relative; margin-top:-2px; padding:1px 1px 3px 5px; width:200px}
	.b-forms .error {color:#c00; font-size:11px; display:block; padding-top:3px}
	.b-forms small {font-size:11px; padding-left:10px}

.button {cursor:pointer; cursor:hand}

.sort {font-weight:bold; padding-bottom:10px; border-bottom:1px solid #DEDEDE; margin-bottom:10px}