/***** SebSee CSS Framework *****/
/***** WebSee Co. Ltd., last update: 11.12.2009 ver. 0.1 *****/

@charset "utf-8";

/***** Global reset for standart elements *****/ 
h1,h2,h3,h4,h5,h6,pre,code{font-size:1em}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd,table,td,th{margin:0;padding:0;line-height:130%;font-size:100%;}
a img,:link img,:visited img{border:none;}
address{font-style:normal}
dl{margin:0 0 0 .8em}
dl dt{margin:0 0 .5em 0}
dl dd+dt{margin-top:1.5em}
dl dd,ul li,ol li{margin:0 0 1em 2em}
ol{list-style:decimal}
ol li ol,ol li ul,ul li ul,ul li ol{margin:1em 0 0}
p,table,form{margin:0 0 1em}
ul{list-style:disc}
ul li ul{list-style:circle}
ul li ul li ul{list-style:square}


body {
font-family: Tahoma, Helvetica, sans-serif;
font-size: 0.9em;
min-width: 998px;
width:expression((document.documentElement.clientWidth)<998?"998px":"auto");
color: #333;
background: #FBEADE url(/public/img/mainbg.jpg) repeat;

}

/****** Headers *****/
h1, h2, h3, h4, h5, h6 {
font-weight:normal;
color:#8C2C31;
font-family:'Lobster', 'Trebuchet MS',Helvetica,sans-serif;
}

h1 {
padding: 0.3em 0;
font-size:26px;
}

h2 {
padding: 0.3em 0;
letter-spacing:-1px;
font-size:24px;
color: #B31208;
}

h3 {
font-size:1.4em;
padding: 0.2em 0;
color: #F6433A;
}

/***** Common elements *****/
blockquote {margin:1.25em;padding:1.25em 1.25em 0 1.25em;}
small {font-size:0.85em;}
acronym, abbr {cursor:help;letter-spacing:1px;border-bottom:1px dotted;}
img {vertical-align: middle;}

/***** Tables *****/
table{border-collapse: collapse;}
td, th{padding: 3px; border: 1px solid #777}
th{text-align: center; background-color: #CCC;}
.alt td{background-color: #E9E9E9;}

/***** Links *****/
a, a:link, a:visited, a:hover, a img {
text-decoration: underline;
cursor: pointer;
color:#8C2C31;
}

a:hover{
	color: #C51F25;
}

/***** Global Classes *****/
.clear {clear:both;}
.float-left, .left{float:left;}
.float-right, .right{float:right;}

.text-left{text-align:left;}
.text-right{text-align:right;}
.text-center{text-align:center;}
.text-justify{text-align:justify;}

.img-left{float:left;margin:0.3em 1em 0.3em 0}
.img-right{float:right;margin:0.3em 0 0.3em 1em}

.nopadding{padding:0;}
.noindent{margin-left:0;padding-left:0;}
.nobullet{list-style:none;}

.clear,.clrleft,.clrright{clear:both;width:100%;display:block}
.clrleft{clear:left}
.clrright{clear:right}

.nobr{white-space:nowrap}

.prim{font-size: 0.85em;}
.accent{font-weight: bold;}

.forprint{display: none;}

/***** Forms *****/
form{width:98%}

button, a.orderButton{
	font-size: 1em;
   background: #8C2C31 url(/public/img/butgrad.png) repeat-x bottom right;
   display: inline-block;
   padding: 6px 30px 6px;
   color: #E9E9E9;
   text-decoration: none;
   line-height: 1em;
	border: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
   -webkit-border-radius: 5px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
   position: relative;
   cursor: pointer;
}

a.orderButton{
 padding: 10px 50px 10px;
}


  
button:hover, a:hover.orderButton{
  	background: #C51F25 url(/public/img/butgradh.png) repeat-x bottom right;
	color: White;
}

label{
	color: #777;
	width: 140px;
	float: left;
	padding-right:10px;
	text-align: right;
	font-size: 0.85em;
}

label.check{
  color: #333;
}

input{padding:2px}
select, textarea, input.text, input.short, input.password, input.file {
  padding: 2px;
  font-size: 100%;
  width: 350px;
}

textarea{
	font-family: Arial, Tahoma, Helvetica, sans-serif;
}

input.short{
  width: 170px;
}

form div{
  padding: 6px;
}

form div div{
  padding: 0;
  margin-left: 150px;
}

form .prim{
  color: #777;
  font-size: 11px;
}

form img{
  margin-right: 1em;
  border: 1px solid #777;
}

.vkey{
  width: 120px;
  text-align: center;
}

.buttons{
	margin: 1em 0 0 150px;
}

/***** Messages *****/
.errors, .jot-err{background-color: #FFE8E8;}
.msgok, .jot-cfm{background-color: #EFFFD4;}
.info, .fpinfo, .jot-list{background-color: #FFFFF0;}

.errors, .jot-err, .msgok, .info, .fpinfo, .jot-list, .jot-cfm{
  padding: 10px;
  margin:0 0 1em;
}

.errors p, .jot-err p, .msgok p, .info p, .fpinfo p, .jot-cfm p{
  padding: 0;
  margin: 0;
}

/****** JOT Comments *****/
.jot-comment{
	padding: 10px;
	margin-bottom: 10px;
}

.jot-num{
	display: block;
	float: right;
	font-size: 2em;
	text-align: center;
	width: 50px;
	height: 23px;
}

.jot-poster{font-size: 0.85em;}
.jot-user, .jot-subject{font-size: 1.4em;}
.jot-subject{font-weight: bold;}
.jot-content{float: none;}
.jot-message{padding: 1em 0; line-height: 130%;}
.jot-row-alt{background-color: #E9E9E9}
.jot-row-me{background-color: #EFFFD4;}


/***** Breadcrumbs navigation *****/

#navigation{
  font-size: 11px;
  color: #999999;
  margin:0 0 1em;
}

#navigation a{
color: #C27378;
}

#navigation a:hover{
color: #8C2C31;
}

/***** Pages scroll & Ditto scroll ******/
#pages{
  text-align: center;
}

#pages span, a.ditto_page{
  padding: 6px 10px;
  margin: 0 5px;
  border: 1px solid #777;
  background-color: #CCC;
  text-decoration: none;
}

/***** Photos & Galleries *****/
.photo{
	/*border: 1px solid #CCC;*/
	padding: 4px;
	background-color: White;
	margin-right:13px;
}

a .photo{
	 border: 1px solid white;
}

a:hover .photo{
	background-color: #FAE3D3;
}

.gallery{
	margin:0 0 1em;
}

.gallery div{
	float: left;
	padding:0 0 10px 10px;
}

.gallery div a{
	display: block;
	height:190px;
	text-decoration:none;
	width:212px;
}

.gallery div a:hover{
	text-decoration:underline;
}

.gallery span{
	display: block;
	font-size: 12px;
	width: 208px;
	font-weight:bold;
}

.gallery img{
   border: 1px solid #CCC;
	margin:0 0 8px;
}

/********************************************************/
/***************** Layout code starts here **************/
/********************************************************/

#mega {
max-width:1280px;
margin:0 auto;
}

.center {
margin:0 auto;
}

#main {
background: url(/public/img/mainbg.jpg) repeat scroll left bottom;
}

#maingrad{
 background: url(/public/img/maintopgrad.png) repeat-x top;
 filter:expression(fixPNG(this));
}

.headcntr {
margin:0 auto;
position:relative;
}

#logo a{
display:block;
height:60px;
width:280px;
}

#logo span{
  display: none;
}

#imgs {
overflow:hidden;
}

#imgs ul li{
margin:0;
padding:0;
list-style:none;
float:left;
width:19%;/*20%*/
text-align:left;
}

#imgs2 ul li {
float:left;
list-style:none outside none;
margin:0;
overflow:hidden;
padding:0;
text-align:center;
width:280px;
}

#imgs2 ul li a.last {
text-align:right;
}

#imgs2 ul li a.first {
text-align:left;
}

#main1 {
background: #FBEADE url("/public/img/pattern.png") no-repeat scroll left bottom;
font-size:14px;
padding:32px 60px 35px;
}

#main1in {
background: #FBEADE url("/public/img/pattern.png") no-repeat scroll left bottom;
font-size:14px;
padding: 30px;
}
.columns {
  position: relative;
  margin-bottom:40px;
  overflow: hidden;
}
	.columns_separator {	
		border-right: 2px solid #D09498;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 23%;
	}
#colleft {
float:left;
padding-bottom:20px;
}

#leftmenu {
padding-top:5px;
overflow:hidden;
}

#leftmenu li {
text-transform:lowercase;		
}

#leftmenu h2{
	padding-top: 0;
}
#colright {
float:right;
width:73%;
}

#colright p {
/* width:86%; */
}

#colright ul li{
	list-style: none;
	margin-left: 10px;
	padding-left: 25px;
	background: transparent url(/public/img/li.gif) no-repeat 0 8px;
}

#colright ul li li{
	list-style: none;
	margin-left: 10px;
	padding-left: 25px;
	background: transparent url(/public/img/lili.gif) no-repeat 0 8px;
}

#colright span.ss {
color:#C51F25;
float:left;
font-family:'Trebuchet MS', Helvetica, sans-serif;
font-size:14px;
font-style:italic;
font-weight:bold;
padding-top:30px;
text-align:left;
text-decoration:none;
}

#colright span.ss:hover{
 color: 	#8C2C31;
}


#header {
background: #d1c6ba url("/public/img/header2.jpg") no-repeat scroll bottom;
height:400px;
}

#headerin {
background: #D7AA97 url("/public/img/headerin.jpg") no-repeat scroll 0 0;
height:243px;
}

#top {
height:400px;
margin-left:60px;
overflow:hidden;
}

#top2 {
height:200px;
margin-left:60px;
overflow:hidden;
}

#toplinks {
color:#773335;
font-family:'Trebuchet MS',Helvetica,sans-serif;
font-size:14px;
margin-bottom:10px;
overflow:hidden;
padding: 2px 0 0 24px;
position:relative;
text-transform:lowercase;
/*border-left: 1px dashed #d3c3bc;*/
}

#toplinksin {
color:#773335;
/*font-family:'Trebuchet MS', Helvetica, sans-serif;
font-size:14px;*/
margin-bottom:23px;
padding-left: 45px;
margin-top:23px;
overflow:hidden;
position:relative;
}

#toplinksin a{
	display: block;
	width: 80px;
	float: left;
	text-align: center;
}

#toplinksin a img {
/*padding-left:58px;
float:left;
display:block;*/
}

#toplinksin a img.l {
padding-top:3px;
}

#toplinks a, #colleft a {
text-decoration:none;
}

#toplinks a:hover, #colleft a:hover {
text-decoration: underline;	
}
/* {
background:url("../i/arrow.png") no-repeat scroll left 15px transparent;
font-size:14px;
list-style:none outside none;
margin:0;
padding:10px 0 0 25px;
width:210px;
}*/
#colleft ul li,
#toplinks ul li {
	margin:0 0 4px 0;
	list-style:none outside none;
	width:210px;
}
#colleft ul li a,
#toplinks ul li a{
	font-size:14px;
	display: block;
	/*background-color: #D09498;*/
	/* opacity: 0.75;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
	-moz-opacity: 0.75;
	-khtml-opacity: 0.75; */
	color: #681311;
	opacity: 0.75;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
	-moz-opacity: 0.75;
	-khtml-opacity: 0.75;
	
	
	background-color: #8C2C31;
	color: #FBEADE;
	font-family: 'Trebuchet MS', Helvetica, sans-serif; 
	padding: 10px;
	text-decoration: none;
	text-align: left;
	text-transform: uppercase;
}
#colleft ul li a:hover,
#toplinks ul li a:hover{
	background-color: #681311;
	color: #EED7D9;
	text-decoration: none;
}
#toplinks ul {
	width: 650px;
	overflow: hidden;
	padding-top: 15px;
}
#toplinks ul li {
	float: left;
	width:300px;
	margin-right: 10px;
}
#toplinks ul li a {
	padding: 12px;
	font-size:14px;
}

#toplinks ul li.newyear a{
	background: #68a5b9 url("/public/img/mnybutton.jpg") no-repeat;
	color: #721313;
	border: 1px solid #777777;
	font-weight: bold;
}

#toplinks ul li.newyear a:hover{
	color: #b31208;
}

#toplinks ul li.vday a{
	background: #bd2928 url("/public/img/valentine.jpg") no-repeat;
	/*color: #721313;
	border: 1px solid #777777;*/
}

#toplinks ul li.vday a:hover{
	color: #eed7d9;
}

#toplinks ul li.march a{
	background: #f5b0b9 url("/public/img/8march.jpg") no-repeat;
	color: #a00327;
}

#toplinks ul li.march a:hover{
	color: #721313;
}

#toplinks ul li.easter a{
	background: #b6e2f5 url("/public/img/easter.jpg") no-repeat;
	color: #0f4157;
}

#toplinks ul li.easter a:hover{
	color: #0a2e3e;
}

#toplinks ul {
	padding-bottom:3px;
}
/*отображние подменю только для раздела "Пряники"*/
#leftmenu > ul > li ul {
	display:none;
}
#leftmenu #handmade-cakes.active > ul {
	display: block;
}
#leftmenu li li {
	width:190px;
	margin: 0 auto;
	margin-bottom: 5px;
}
#leftmenu li li a {
	font-size: 12px;	
}
#toptrans2 {
background:none repeat scroll 0 0 #F8EAED;
height:260px;
opacity:0.5;
position:absolute;
width: 660px;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
}

#toptrans2in {
background:none repeat scroll 0 0 #F8EAED;
height:60px;
opacity:0.5;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
position:absolute;
width:310px;
}

#toplogo {
height:115px;
overflow:hidden;
padding-top:25px;
position:relative;
width:310px;
}

#header #toplogo{
	padding: 25px 0 0 22px;
}

#topmenutrans {
/*background:none repeat scroll 0 0 #681311;*/
background: #8C2C31;
height:43px;
opacity:0.75;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75);
-moz-opacity: 0.75;
-khtml-opacity: 0.75;
position:absolute;
width:100%;
}

#topmenu {
color:#D09498;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-size:16px;
padding-left:60px;
padding-top:12px;
position:relative;
text-transform:uppercase;
overflow:hidden;
height:20px;
margin-right:60px;
}

#topmenu td.last {
background:none;
}

#topmenu a {
color:#D09498;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-size:16px;
text-decoration:none;
}

#topmenu a:hover {
color: #EED7D9;	
}

#topmenu ul li {
background:url("/public/img/topmenu.png") no-repeat scroll right 0 transparent;
float:left;
list-style:none outside none;
margin:0;
padding:0 39px;
}

#topmenu ul li.first {
background:url("/public/img/topmenu.png") no-repeat scroll right 0 transparent;
float:left;
list-style:none outside none;
margin:0;
padding:0 41px 0 0;
}

#topmenu ul li.last {
background:none repeat scroll 0 0 transparent;
float:left;
list-style:none outside none;
margin:0;
padding:0 41px;
}

#logo {
background:url("/public/img/logo25.png") no-repeat scroll 0 0 transparent;
height:61px;
margin:0 auto;
width:281px;
}

#logotext {
color:#763820;
font-family:'Trebuchet MS', Helvetica, sans-serif;
font-size:16px;
font-style:italic;
/*padding-top:10px;*/
text-align:center;
}

#toptrans {
background:none repeat scroll 0 0 #F8EAED;
height:140px;
opacity:0.7;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
position:absolute;
width:660px;
}

#headerin #toptrans{
	width:400px;
}

.cat li {
list-style:none;
margin:0;
padding:0;	
}

.cat img {
padding-left:20px;	
}

.cat li.sost {
color:#C51F25;
font-family:'Trebuchet MS',Helvetica,sans-serif;
font-size:14px;
font-style:italic;	
}

.cat li.price {
color:#5F3E32;
font-family:'Trebuchet MS',Helvetica,sans-serif;
font-size:14px;
font-style:italic;	
}

a.mlink {
background:url("/public/img/arrow.png") no-repeat scroll right 3px transparent;
font-size:11px;
padding-right:11px;
}

#row1 {
margin-bottom:30px;
}

#row1col2 {
float:right;
padding-left:25px;
}

#row2 {
overflow:hidden;
}

#row2 p.ltext {
color:#C51F25;
font-family:'Trebuchet MS', Helvetica, sans-serif;
font-size:14px;
font-style:italic;
text-align:left;
width:600px;
}

#row2 a {
font-weight:bold;
}

#row2 p.rtext {
color:#5F3E32;
float:right;
font-family:'Trebuchet MS', Helvetica, sans-serif;
font-size:14px;
font-style:italic;
}

#row2 span.rtext a {
color:#731313;
}

#row2text {
padding-top:20px;
}

#row3 {
color:#33180C;
font-size:14px;
margin-bottom:45px;
}

#allnews a.mlink {
background:url("/public/img/arrow.png") no-repeat scroll right 6px transparent;
color:#731313;
float:right;
font-size:11px;
padding-right:13px;
text-decoration:underline;
}

#row3 h1 {
font-style:normal;
}

span.row3date {
background:url("/public/img/row3date.png") no-repeat scroll -15px -18px transparent;
color:#999999;
float:right;
font-size:11px;
height:20px;
padding-left:8px;
width:85px;
margin-left:15px;
height:22px;
font-weight: normal;
}

span.row3title{
	font-family:'Trebuchet MS', Helvetica, sans-serif;
	font-style: italic;
}

#row3 ul li {
background:url("/public/img/news.png") no-repeat scroll right 0 transparent;
float:left;
list-style:none outside none;
margin:0;
width:32%;
height: 55px;
padding-left:1%/*12px*/;
padding-top:10px;
}

#row3 ul li.first {
padding-left:0;
}

#row3 ul li.last {
background:none repeat scroll 0 0 transparent;
padding-bottom:0;
}

#row3 a {
color:#33180C;
font-size:14px;
text-decoration:none;
}

#news li {
background:url("/public/img/arrow.png") no-repeat scroll left 14px transparent;
list-style:none outside none;
margin:0 0 10px;
padding:0 0 0 20px;
}

#row4 {
height:150px;
overflow:hidden;
}

#row4 a {
display:block;
text-decoration:none;
}

#row4 span.trans {
background-color:white;
display:block;
height:40px;
opacity:0.8;
position:relative;
top:-44px;
}

#row4 span.zag {
color:#721313;
display:block;
font-family:'Trebuchet MS', Helvetica, sans-serif;
font-size:14px;
font-style:italic;
overflow:hidden;
padding-left:10px;
position:relative;
top:-81px;
text-align:left;
}

#row4 span.pr {
color:#5E2C19;
display:block;
font-family:Tahoma;
font-size:11px;
overflow:hidden;
padding-left:10px;
position:relative;
top:-83px;
text-align:left;
}

#topmenu table {
width:100%;	
}


#topmenu td,th {
background:url("/public/img/topmenu.png") no-repeat scroll right 0 transparent;
border:0 none;
margin:0;
padding:0;
text-align:center;
}

#row4 .photo {
border:medium none;
margin:0;
padding:4px;
background:none; 
}

#footer {
background:url("/public/img/footer.png") repeat-x scroll 0 0 transparent;
color: #E2E2E2;
font-family:Tahoma;
font-size:11px;
height:120px;
}

#footer a {
color:#EED7D9;
}

#footer a:hover {
color:#FFFFFF;
}

#about {
padding-left:60px;
padding-top:25px;
float:left;
}

#about p {
line-height:200%;
}

#footerpattern {
background:url("/public/img/footerpattern.png") no-repeat scroll 0 0 transparent;
height:120px;
}

#counter {
float:right;
/*margin-right:70px;
margin-top:30px;*/
padding: 30px 70px 0 0;
}

#websee {
	float: left;
	padding-right: 110px;
	padding-top: 10px;
}

.mainl a {
padding-right: 20px;
font-size: 0.9em;
}

.panel{
	float: left;
	width: 755px;
	
}
#happy-new-year a{
	background: url(/public/img/new_year.jpg) no-repeat 0 0;
	text-indent: -9999px;
	opacity: 1 !important;
}
#leftmenu #happy-new-year a {
	background-image: url(/public/img/new_year2.jpg);
	height: 37px;
}
.red {
	color: red;
}

/***** Printing styles - must be at the end of CSS *****/
@media print {

body{
	color: black;
	background-color: White;
	background-image: none;
	font-family: "Times New Roman", Times, serif;
}

.forprint{
	display: block;
}

.noprint{
	display: none;
	padding: 0;
	margin: 0;
	height: auto;
   width: auto;
}

}