/* CSS Document */


/* COLORS 
#5e451b	darkbrown
#a98a27 mediumbrown
#dbc25e	lighterbrown
*/

html, body, p, h1, h2, h3, h4, h5, span, ul, li, span, img {
	margin:0px;
	padding:0px;
	border:none;
	}

ul, li {
	list-style:none;
	}

html {
	font-size:62.5%;
	font-family: "Helvetica Neue","HelveticaNeue", Helvetica, Arial, sans-serif;
	}

body {
	width:100%;
	height:100%;
	background:url(foot_bg.jpg) repeat;
	color:#81663a;
	}

h1 	{
	color:#5e451b;
	font-weight:normal;
	text-transform:uppercase;
	font-size:2.4em;
	border-left:5px solid #a98a27;
	padding-left:0.4em;
	line-height:0.8em;
	margin:0.4em 0em 0.8em 0em;
	}

h2 {
	color:#5e451b;
	font-size:1.8em;
	margin:0.4em 0em 0.8em 0em;
	}

h2 a {
	text-shadow: 1px 1px 1px #ffffc8;
	}

h2 a:hover,
h2 a.selected {
	text-shadow:none;
	}

h3 {
	color:#5e451b;
	font-size:1.8em;
	margin-bottom:0.8em;
	font-weight:normal;
/*	text-shadow:1px 1px 0px #fff5bd;
	text-shadow:1px 1px 0px #ffffc8;*/
	}

h4	{
	color:#5e451b;
	font-size:1.4em;
	border-bottom:1px solid #a98a27;
	padding-bottom:0.2em;
	margin-bottom:0.4em;
	}

h1 strong,
h2 strong {
	letter-spacing:-0.05em;
	}

p 	{
	font-size:1.2em;
	line-height:1.4em;
	margin-bottom:0.8em;
	}

a 	{
	color:#5e451b;
	text-decoration:none;
	outline:none;
	}

a:hover,
a.selected {
	color:#a98a27;
/*	border-bottom:1px dotted #5e451b;*/
	}

a:hover {
		border-bottom:1px dotted #5e451b;
	}

li {
	padding-left:1.2em;
	background:url(li.png) 0em 0.18em no-repeat;
	}

.nomargin {
	margin:0px;
	}

.clear {
	clear:both;
	}

.small {font-size:0.9em;}
.smaller {font-size:0.75em;font-weight:normal}

/* -- Layout --- */
#top {
	background:#ebdea7 url(head_nav_bg.jpg) repeat-x;
	border-bottom:1px solid #dbc25e;
	padding-bottom:5em;
	}

#container {
	position:relative;
	margin:0px auto;
	width:800px;
	height:auto; !important
	border:1px solid black;
	}

/* --- Head --- */
#head {
	position:relative;
	height:101px;
	width:100%;
	}

#logo {
	position:absolute;
	bottom:21px;
	}

#metanav {
	position:absolute;
	bottom:31px;
	right:0px;
	font-size:1.2em;
	letter-spacing:0.05em;
	font-weight:bold;
	}

#metanav ul li {
	display:inline;
	margin-left:1.1em;
	}
	
#metanav ul li:hover,
#metanav ul li.selected {
	background:url(li_hover.png) 0em 0.18em no-repeat;
	}

#metanav ul li a:hover,
#metanav ul li.selected a {
	color:#dbc25e;
	}	

/* --- Navigation --- */
#nav {
	height:43px;
	width:100%;
	padding-top:17px;
	background:url(ct_nav_top.jpg) top center no-repeat;
	}

#nav h2 {
	font-weight:normal;
	letter-spacing:0.02em;
	text-transform:uppercase;
	margin:0px;
	}

#nav h2 a {
	padding-left:0.6em;
	background:url(nav_h2_pre.jpg) 0px 4px no-repeat;
	}

#nav h2 a:hover,
#nav h2 a.selected {
	background:url(nav_h2_pre_hover.jpg) 0px 4px no-repeat;
	color:#fff;
	}


#nav .col {
	width:250px;
	float:left;
	text-align:center;
	}

#nav .first {
	margin-right:25px;
	text-align:left;
	}

#nav .last {
	margin-left:25px;
	text-align:right
	}

#nav ul {
	color:#5e451b;
	}

#nav ul li {
	font-size:1.2em;
	padding-left:1.2em;
	background:url(li.png) 0em 0.18em no-repeat;
	margin-bottom:0.4em;
	}

/* --- Content --- */

.imgwrap {
	position:relative;
	}

#content {
	background: url(contentbody_bg.jpg) top center no-repeat;
	padding-top:2em;
	min-height:350px;
	}

#content p {
	color:#81663a;
	font-size:1.3em;
	width:100%;
	}

#content .clear {
	margin-bottom:0.6em;
	}

#content .contprod img,
#content .imgwrap img {
	height:130px;
	border:2px solid #a98a27;
	}

#content ul {
	margin-bottom:1em;
	}

#content li {
	font-size:1.3em;
	padding-bottom:0.2em;
	}

#content .overlay {
	position:absolute;
	border:1px solid #a98a27;
	background:#5e451b;
	padding:0.2em 0.3em 0.2em 0.4em;
	color:#dbc25e;
	}

#content .to15 {
	top:15%;
	}

#content .to50 {
	top:50%;
	}

#content .bo15 {
	bottom:15%;
	}

#content .leftover {
	left:1px;
	}

#content .rightover {
	right:-4px;
	}

.contprod {	
	border-bottom:1px solid #a98a27;
	padding-bottom:2.8em;
	margin-bottom:3.4em;
	}

#content .contprod p {
	color:#a98a27;
	}

.contprod h3 {
	font-weight:bold;
	}

.contprod .descr {
	margin-bottom:1.6em;
	}

.contprod img {
	width:100%;
	}

.cols1 p,
.cols2 p {
	font-size:1.2em;
	}

.cols1 {
	width:185px;
	position:relative;
	margin-right:20px;
	_margin-right:14px;
	float:left;
	display:inline;
	}

.cols2 {
	width:390px;
	position:relative;
	margin-right:20px;
	_margin-right:14px;
	float:left;
	display:inline;
	}

.cols2 + .cols2 {
	margin-right:0;
	}

.last {
	float:right;
	margin-right:0;
	}
	

/* --- Form ---*/
label {
	display:block;
	font-size:1.1em;
	margin-top:0.4em;
	}

input[type=text],
input[type=password],
input[type=file],
select,
textarea 
 	{
	width:100%;
	border:1px solid #5e451b;
	}

input[type=text]:hover,
input[type=password]:hover,
textarea:hover
	{
	background:#f5e191;
	}

input[type=text]:focus,
input[type=file]:focus,
input[type=password]:focus,
input[type=file]:focus,
textarea:focus {
	background:#f5f0de;
	}

input[type=submit] {
	margin-top:2em;
	}

.error {
	color:red;
	}

/* --- Footer --- */	
#footer {
	position:relative;
	height:auto;
	padding:1em 0em;
	width:800px;
	margin:0px auto;
	text-align:center;
	color:#a98a27;
	}

#footer p {
	font-size:1.1em;
	}

#footer span {
	padding-left:0.7em;
	margin-left:0.6em;
	border-left:1px solid #a98a27;
	}
	
#footer span.logo {
	margin:0px; padding:0px;border:none;
	text-transform:uppercase;
	}	



 /* --- global appearance */
#container .small {
	font-size:0.95em;
	}

#container .centertext {
	text-align:center;
	color:#81663a;
	}
	
#container p.sizeup,
#container div.sizeup  {
	font-size:1.4em;
	color: #fff;
	background-color:#5e451b;
	font-weight: bold;
	padding: 1px 2px;
	letter-spacing:0.1em;
	}

#container .nodecoration {
	text-decoration:none;
	border:0px;
	}

#container .upca {
	text-transform:uppercase;
	}
	
/* ---- Hotline Button */
* html .pngfix{
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "css/trans.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}