@charset "utf-8";
body {
	margin:0;
	padding:0;
	width:100%;
	background:#fff;
}
html { padding:0; margin:0;}
* {margin:0; padding:0}
form table tbody tr td{
	padding: 3px; vertical-align: top;
}
a { text-decoration:none;}
a:hover { text-decoration:underline;}
/* main */
.main { padding:0; margin:0 auto;}
/********** header **********/
.blok_header {
	margin:0;
	padding:0;
	background-color: #C6BA97;
	background-image: url(imagesnataliefreeman/headerbg.png);
	background-repeat: repeat-x;
}
.header { width:991px; margin:0 auto; padding:0;}
/* logo */
.logo { padding:0; margin:0; width:420px; float:left;}
/* menu */	
.menu_resize {
	width:991px;
	height:auto;
	background-color: #786030;
}
.menu {
	padding:10px 0px;
}
.nav {
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
}
.nav li {
	display:inline;	
	position:relative;
}
.nav li a {
	color:#fff;
	text-decoration:none;
	padding:10px 16px;
	font-weight:bold;
}
.nav a:hover {
	background-color:#d9c789;
	color:#333;
}
.subnav {
	position:absolute;
	top:25px;
	left:0;
	margin:0;
	padding:0;
	background-color:#786030;	
}
/*.subnav li{
	display:block;
	padding:10px 0px;
	width:160px;
	position:relative;	
}*/
.subnav li{
	display:block;
	padding:7px 0px;
	width:210px;
	position:relative;	
}
.subnav li a {
	margin:10px 0px;
	padding:7px 16px;
	background-color:#786030;	
}
.subnav li a:hover {
	margin:10px 0px;
	padding:7px 16px;
	background-color:#d9c789;	
}
.subsub {
	position:absolute;
	right:-111px;
	top:0px;	
	border-left:1px solid #333;
	background-color:#786030;
	width:110px;
}

/* search */
.search {
	padding:0px;
	margin:0;
	width:400px;
	float:right;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	font-variant: normal;
	color: #0000FF;
}
.search form { display:block; float:right; padding:0;}
.search span { display:block; float:left; background: url(imagesnataliefreeman/search_bg.gif) left top no-repeat; width:144px; padding:0 5px 0 0; height:33px;}
.search form .keywords { line-height:14px; height:17px; float:left; background: url(imagesnataliefreeman/search_bg.gif) left top no-repeat; border:0;  padding:8px 5px; margin:0; font:normal 12px Arial, Helvetica, sans-serif; color:#6c6c6c;}
.search form .button { float:left; margin:0; padding:0;}
/*header_text_bg*/
.header_text_bg {
	margin:0;
	padding:0;
	background:#c6ba97;
}
/*header_text*/
.header_text { margin:0 auto; padding:0; width:991px; }
.header_text_blog { height:92px; width:991px; background: url(imagesnataliefreeman/header_text_blog_bg.gif) top no-repeat; padding:0; margin:0;}
.header_text_blog h3 { width:300px; float:left; margin:0; padding:30px 0 0 40px; font: normal 36px Arial, Helvetica, sans-serif; color:#fffefe;}
.header_text_blog p span { text-align:left; width:340px; float:right; margin:0; padding:30px 0 0 0; font: normal 12px Arial, Helvetica, sans-serif; color:#fffefe;}
.header_text h2 {
	color:#000000;
	padding:5px 0;
	margin:0;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
.header_text p { font: normal 12px Arial, Helvetica, sans-serif; color:#848484; padding:0 0 20px 0; margin:0; text-align:center;}
/*top_text*/
.top_text { background:url(images/top_text_bg.gif) top repeat-x; width:991px; margin:0 auto; padding:0;}
.top_text p { font: normal 11px Arial, Helvetica, sans-serif; color:#3c3c3c; padding:5px; margin:0; line-height:1.8em;}
.top_text h2 { font: normal 18px Arial, Helvetica, sans-serif; color:#3c3c3c; padding:5px; margin:0;}
.top_text img { float:left; margin:5px 10px; padding:0;}
.top_text .block { width:235px; float:left; padding:5px; margin:0;}
/********** body **********/
.body_resize {
	margin:0;
	padding:0;
	border-bottom:1px solid #f8f8f8;
	background-color: #C6BA97;
	background-image: url(imagesnataliefreeman/bg2.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.body { width:960px;  margin:0 auto; padding:10px 30px;}
.body h2 {
	border-bottom:1px solid #FFF;
	font: normal 24px Arial, Helvetica, sans-serif;
	color:#2c2c2c;
	margin:0;
	padding:10px 5px;
}
.body img { float:left; padding:0; margin:10px 5px;}
.body img.port { float:left; padding:0; margin:15px 1px;}
.body img.floated { float:right; padding:0; margin:0 5px;}
.body p {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:1.8em;
	padding:5px 5px;
	margin:0;
}
.body p span {
	color:#2C2C2C;
	line-height:1.8em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
.body a {
	text-decoration:none;
	color:#2C2C2C;
	line-height:1.8em;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.body_small { width:390px; float:left; margin:5px 0 5px 15px; padding:0;}
.body_big { width:550px; float:left; margin:5px 0 5px 5px; padding:0;}
.body .block2 { width:255px; margin:5px; padding:0; float:left;}
/*FBG*/
.FBG {
	border-top:1px solid #FFF;
	margin:0;
	padding:0;
	background-color: #786030;
}
.FBG_resize { width:990px; margin:0 auto; padding:0;}
.FBG_resize img { float:left; margin:15px 10px; padding:0;}
.FBG_resize p {
	font: normal 11px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:5px;
	margin:0;
	line-height:1.8em;
}
.FBG_resize h2 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:5px;
	margin:0;
}
.FBG_resize a {
	padding:10px 0;
	margin:0;
	font: normal 11px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}
.FBG_resize a:hover { color:#2f2f2f; text-decoration:underline;}
.FBG_resize .right {width:320px; float:right; margin:10px 10px; padding:0;}
.FBG_resize .left { width:120px; float:right; margin:10px 10px; padding:0;}
/* END_bloga*/
/*************footer**********/
.footer_resize { width:980px; margin:0 auto; padding:0 0 50px 0;   height:54px;  }
.footer {
	padding:0;
	margin:0;
	background:#382F07;
	border-top:1px solid #FFF;
}
.footer p {
	font:normal 11px  Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}
.footer a {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	padding:5px;
	margin:0;
}
.footer p.leftt { text-align:left; width:50%; margin:0; padding:10px 0 0 20px; float:left;} 
.footer p.rightt { text-align:right; width:30%; margin:0; padding:15px 20px 0 0; float:right;} 
/********** contact form **********/
.form { float:left; width:560px; margin-top:40px; margin-left:10px;}
/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#7a7a7a;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { float:left; margin:0; width:100px; padding:5px 0; font:bold 12px Arial, Helvetica, sans-serif; color:#444444; text-transform:capitalize;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:420px; border:1px solid #dadada; margin:5px 0; padding:5px 2px; height:15px; background:#fff;}
#contactform textarea { width:420px; border:1px solid #dadada; margin:10px 0; padding:2px; background:#fff; height:250px;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 420px; border:0; color:#FFF;}
p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

p.clr, .clr { clear:both; padding:0; margin:0;}
li.bg, .bg { clear:both; border-bottom:1px solid #dedede; padding:10px 0 0 0; margin:0 0 10px 0; background:none; list-style:none;}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
-----  Index Portfolio  -----
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
#index_portfolio { float: left; width: 100%; margin: 0 0 20px 0; }
.sm { margin: 0 auto; list-style:none; width:990px; height:400px; display:block; overflow:hidden}
.sm li {float:left; display:inline; cursor: pointer; width: auto; overflow:hidden}
.sm li img { border: 0px; }
.index_port_item { float: right; overflow: hidden; cursor: pointer; position: relative; height: 400px; }
#index_portfolio .index_port_item a { width: 100%; height: 400px; float: left; position: absolute; display: none; }
#index_portfolio .current a { width: 100%; height: 400px; float: left; position: absolute; display: block; }

#index_portfolio .index_port_item .caption { position: absolute; padding: 20px; float: left; }
#index_portfolio .index_port_item .caption h2 { font-weight: bold; }
#index_portfolio .index_port_item .caption p { font-size: 13px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin: 0; }


span.dropt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2C2C2C;
	border-bottom-width: thin;
}
span.dropt:hover {
	text-decoration: none;
	z-index: 6;
}
span.dropt span {position: absolute; left: -9999px;
  margin: 20px 0 0 0px; padding: 3px 3px 3px 3px;
  border-style:solid; border-color:black; border-width:1px; z-index: 6;}
span.dropt:hover span {left: 2%; background: #ffffff;} 
span.dropt span {position: absolute; left: -9999px;
  margin: 4px 0 0 0px; padding: 3px 3px 3px 3px; 
  border-style:solid; border-color:black; border-width:1px;}
span.dropt:hover span {margin: 20px 0 0 170px; background: #ffffff; z-index:6;} 

#ord-fom{
	margin:0px 20px;
	padding:0px;
	font-family: Arial, sans-serif, "Helvetica BQ";
}


.prod-hed{
	background:#786030;
	margin:0px 0px 10px;
	padding:5px 20px;
	font-size:16px;
	font-family: Arial, sans-serif, "Helvetica BQ";
	font-weight:normal;
	font-weight:bold;
}

.qty{
	color: #9E0B0F;
    font-size:16px;
	background:#FFF;
	height:30px;
}
input{padding:5px;}

.qty-input{width:80px; margin:0px 25px;}
.price-input{width:100px; margin: 0 35px 0 10px;}
.subtot-input{width:100px;}


tr,td{padding:3px 0px; clear:both; vertical-align:top;}


#prod-det{
	margin:10px 0px 0px;
	padding:10px;
	width:95%;
	display:block;
	background:#FFF;
}

#prod-det tr{
		border-bottom:1px solid #e1ddd3;
		display:block;
		margin:0px;
		padding:0px;
}
#prod-det tr.notrbord{
	    border-bottom:none;
		display:block;
		margin:0px;
		padding:0px;
}

#prod-det td{
	padding:0px 10px;
	width:auto;
	text-align:left;
	margin:0px;
	vertical-align:middle;
	font:15px Arial,Helvetica,sans-serif;	
}

select, textarea{
	padding: 4px; border: #000 solid 1px;
}

p.separator{
	border-bottom: #AD8533 dotted 1px; padding-bottom: 30px; margin-bottom: 15px;
}

body span.testimon{
	font-size:14px; font-style:italic; float: right; color: #900;
}

/*----------------------------------------------*/

#container{margin-right:25px;} 

#container table {
	width:100%;
	margin-bottom:5px;
	/*line-height:40px;*/
}
#container table td {
	color:#69696C;
	padding:1px 10px ;
	border:1px solid #dbdddf;
	text-align:justify;
	vertical-align:top;
	font-family:Arial, sans-serif, "Helvetica BQ";
	font-size:16px;
	line-height:50px;
}
#container table td img{
	margin: 5px;
	padding:0px;
	
}
#container th {
	background:#738391;
	color:#ffffff;
	font-weight:600;
	padding-left:15px;
}
#container tr{
	background:#FEFEE1;
}
#container tr:nth-child(odd) {
	background:#FCFCFC;
}
.top_bod_hed{
background: rgb(137,137,186); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(top,  rgba(137,137,186,1) 0%, rgba(137,137,186,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(137,137,186,1)), color-stop(100%,rgba(137,137,186,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(137,137,186,1) 0%,rgba(137,137,186,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(137,137,186,1) 0%,rgba(137,137,186,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(137,137,186,1) 0%,rgba(137,137,186,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(137,137,186,1) 0%,rgba(137,137,186,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8989ba', endColorstr='#8989ba',GradientType=0 ); /* IE6-8 */	
	
font-size:18px;
padding:5px 10px;
margin-bottom:15px;
font-family:Arial, sans-serif, "Helvetica BQ";
line-height:25px;
color:#FFF;
}



#back-top {
    bottom: 30px;
    position: fixed;
    right: 20px;
    z-index: 99;
}
#back-top a {
    color: #B5B4B2;
    display: block;
    font-size: 28px;
    line-height: 28px;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    transition: all 0.5s ease 0s;
	background:url(imagesnataliefreeman/A-top-arrow.png) no-repeat;
}
#back-top a:before {
    content: "";
    font-family: FontAwesome;
	width:51px;
	height:51px;
	display:block;
}
#back-top a:hover {
    color: #464545;
	background:url(imagesnataliefreeman/A-top-arrow.png) no-repeat;
	opacity: 0.8;
}


.error { color: #8c0901; font-size: 12px; display: inline-block; clear:both;}
.shop-cart-box {
    width: 275px; font-family: Arial; position: fixed; font-size:14px; right: 1px; background-color: #786030; padding: 10px; border: #FFF solid 5px;
}
.shop-cart-box input { width:160px; background: #fff; border: 1px solid #666; padding:3px 5px;}

.shop-cart-box .submit-but {cursor: pointer; background-color: #333333; border: 1px solid #000000 !important; border-radius: 3px; box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.4) inset; color: #FFFFFF; padding: 0.3em 0.6em; text-decoration: none; width:auto; padding:3px 15px; margin-left:50px; }