/*
	Theme Name: ConsultCommerce CMS
	Theme URI: 
	Description: Site structure
	Version: 1.0
	Author: Consult Commerce Ltd.
	Author URI: http://consultcommerce.com
*/

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

@import "fmcontrols.css";

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


html {
	margin: 0;
	padding: 0;
	background: #FFFFFF;
}
body {
	margin: 0;
	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
}


#site-wrapper {
	margin: 0 auto;
	padding: 0 0 0 0;
	width:980px;
}

#site-wrapper2 {
	padding: 281px 0 0 0;
	position:relative;
}




/* >> TITLES */
h1, h2, h3, h4, h5, h6 {
 color:#000;
 font: normal bold 1em Verdana, Arial, Helvetica, sans-serif;
 margin:10px 0 10px 0;
}
h1 {
 font-size: 1.6em;
}
h2 {
 font-size: 1.5em;
}
h3 {
 font-size: 1.4em;
}
h4 {
 font-size: 1.3em;
}
h5 {
 font-size: .9em;
 font-weight: bold;
}
h6 {
 font-size: .8em;
 font-weight: bold;
}


.content h1 {font-size: 24px; font-weight:bold;}
.content h2 {font-size: 22px; font-weight:bold;}
.content h3 {font-size: 18px; font-weight:bold;}
.content h4 {font-size: 16px; font-weight:bold;}
.content h5 {font-size: 14px; font-weight:normal; margin-top:0px;}
.content h5 a {text-decoration:underline; color:#336699;}
.content h5 a:hover {text-decoration:none;}

/* >> BLOCKS */
div {}


/* >> LINKS */
a {
	color: #FF0000;
	text-decoration: none;
}
a:hover {
	color: #D90000;
	text-decoration: underline;
}


/* >> IMAGES */
img, a img {	
	border:none;
}


/* >> FORMS */
input, select, textarea {

}

input.submitbutton {

}


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


/* >> CLASSES */
.align-left			{text-align: left;}
.align-right			{text-align: right;}
.align-center			{text-align: center;}
.align-justify			{text-align: justify;}


.float-left			{float: left;}
.float-right			{float: right;}


.clear {
	clear: both;
}
.clear-left {
	clear: left;
}
.clear-right {
	clear: right;
}
.empty {
	height: 1px !important;
	font-size: 1px !important;
	line-height: 1px !important;
}
.empty-clear {
	height: 0px !important;
	font-size: 0px !important;
	line-height: 0px !important;
	clear:both;
}

.error {
	color: #880000;
	margin: 10px 0px 10px 0px;
	padding: 10px 5px 10px 50px; 
	background: #fffaff url( "../images/error.gif" ) 20px center no-repeat;
	border-top: 2px solid #AA0000;
	border-bottom: 2px solid #AA0000;
	font-weight: bold;	
	position:relative;

}


div.success
{
	color: #336699;	
	margin: 10px 0px 10px 0px;
	padding: 10px 5px 10px 10px; 
	background: #fafafa;
	border-top: 2px solid #336699;
	border-bottom: 2px solid #336699;
	font-weight: bold;	
	position:relative;
}


div.lupa
{
	color: #336699;	
	margin: 0px 0px 20px 500px;		
	/* border: 1px solid #336699;	*/
	font-weight: bold;
	display:block;
	width: 200px;
	text-align:left;
}

input.text { 
	border:1px solid #9b9fa4;
	margin:0 0 2px 0;
	font-size:12px;
	color:#333333;
}

textarea.text { 
	border:1px solid #9b9fa4;
	margin:0 0 2px 0;
	font-size:12px;
	color:#333333;
}

input.button {
	color:#FFFFFF;
	font-size:13px;
	cursor:pointer;
	background:#333333 url(../images/button.gif) left top no-repeat;
	border:none;
	margin-top:5px;
	height:21px;
	width:85px;
	
}

input.radio {
	background:url(../images/radio-btn.gif) center center no-repeat;
}

/*.adress-home*/
#homepage #left-side-bar-holder .fm-holder {
	padding:10px;
	font-style:italic;
	font-size:12px;
	position:relative;
	top:-120px;
	left:30px;
}

#homepage #left-side-bar-holder .fm-holder  .title {
	display:none;
}
/*--------------------------------------------------------------------------*/


/*--top-menu-holder-->>*/
#header-nav-wrapper {
	width: 980px;
	height: 281px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}


#header-wrapper {
	height:281px;
}

#flashcontent {
	position: absolute;
	z-index: 1;
	top:0;
	left:0;
} 


#top-menu-holder {

}


#top-menu-holder ul {
	margin:0pt;
	padding:0pt;
	list-style:none;
}

#top-menu-holder ul li {

}

#top-menu-holder ul li a {
	color: ;
}
	

/*<<--top-menu-holder--*/

#header-holder {

}


/*--main-menu-holder-->>*/
#main-menu-holder {
	position:absolute;
	top:113px;
	right:30px;
	z-index:250;
}

#main-menu-holder ul {
	margin:0;
	padding:0;
	list-style:none;
	float:right;
}

#main-menu-holder ul li {
	margin:0;
	padding:0;
}

/*--------------------------------*/
#main-menu-holder ul.nav {
	height:29px;

}
#main-menu-holder ul.nav li {
	height:29px;
	margin:0 0 0 24px;
	float:left;
	position:relative;
}
/*--------------------------------*/
#main-menu-holder ul.nav li a {
	background:url(../images/menu-tile.png) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:14px;
	color:#d0d0d0;
	text-decoration:none;
	height:29px;
	line-height:32px;
	padding:0 10px 0 10px;
	display:block;
	float:left;
}

#main-menu-holder ul.nav li a i.l-c {
	position:absolute;
	top:0px;
	left:-9px;
	height:29px;
	width:9px;
	background:url(../images/menu-left.png) no-repeat;
}

#main-menu-holder ul.nav li a i.l-r {
	position:absolute;
	top:0px;
	right:-9px;
	height:29px;
	width:9px;
	background:url(../images/menu-right.png) no-repeat;
}

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

#main-menu-holder ul.nav li a:hover {
	background:url(../images/menu-tile-h.png) repeat-x;
	color:#1d1d1d;
}

#main-menu-holder ul.nav li a:hover i.l-c {
	
	top:0px;
	left:-9px;
	height:29px;
	width:9px;
	background:url(../images/menu-left-h.png) no-repeat;
}

#main-menu-holder ul.nav li a:hover i.l-r {

	top:0px;
	right:-9px;
	height:29px;
	width:9px;
	background:url(../images/menu-right-h.png) no-repeat;
}
/*---------*/
#main-menu-holder ul.nav li a.current {
	background:url(../images/menu-tile-h.png) repeat-x;
	color:#1d1d1d;
}

#main-menu-holder ul.nav li a.current i.l-c {
	
	top:0px;
	left:-9px;
	height:29px;
	width:9px;
	background:url(../images/menu-left-h.png) no-repeat;
}

#main-menu-holder ul.nav li a.current i.l-r {

	top:0px;
	right:-9px;
	height:29px;
	width:9px;
	background:url(../images/menu-right-h.png) no-repeat;
}

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


/*<<--main-menu--*/

/*--breadcrumb-holder-->>*/
#breadcrumb-holder {

}

.breadcrumb {

}

.breadcrumb a {

}

.breadcrumb a:hover {

}

.language {
	position:absolute;
	top:5px;
	right:10px;
	z-index:50;
}

.language a {
	color:#FFFFFF;
	text-decoration:none;
	font-size:11px;
}

.language a:hover {
	color:#FFFFFF;
	text-decoration:none;
}


.language a img {
	vertical-align:middle;
	margin-top:-2px;
	_margin-top:1px;
}

/*<<--breadcrumb-holder--*/

/*--MIDDLE-->>*/

#middle {
	position: relative;
	background:url(../images/middle-tile.png) repeat-y;
}

#middle .wrapper-middle {
	background:url(../images/middle-bkg.png) left top no-repeat;
	min-height:317px;
	_height:317px;
	padding-top:1px;
	
}

#middle .middle-bottom {
	background:url(../images/middle-bot.png) left bottom no-repeat;
	height:20px;
}


/*--left-side-bar-holder-->>*/

/* -*layout element */

#homepage #left-side-bar-holder .wrapper {
	min-height:297px;
	_height:297px;
	background:url(../images/girl-bags.gif) center 100% no-repeat;
	position:relative;
	bottom:-30px;
}

#left-side-bar-holder .wrapper {
	padding: 10px;
}

.fm-holder {
	margin-top:20px;
}

.fm-holder .title {

}

.fm-holder .title h2 {
	font-size:16px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
	padding:0 0 0 5px;
	margin:0;
	
}

/*<<--left-side-bar-holder--*/

/*--content-->>*/

/* -*layout element */
#content-holder {
	/* margin-bottom:-135px; */
	_margin-bottom:0;
}

#content-holder .wrapper {
	padding:10px 20px 2px 20px;
	position:relative;
	z-index:800;
	top:-135px;
}

#content-holder .wrapper .content 
{
}

#content-holder .wrapper .content h2.pagetitle {
	text-align:left;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
	background:url(../images/page-title-bkg.png) no-repeat;
	height:60px;
	width:665px;
	line-height:45px;
	padding:0 0 0 20px;
	margin:0;
}


#homepage #content-holder .wrapper .content h2.pagetitle {
	text-align:right;
	font-size:18px;
	font-weight:bold;
	font-style:normal;
	font-family: Arial, Helvetica, sans-serif;
	color:#000;
	background:none;
	height:20px;
	line-height:20px;
	padding: inherit;
}


.layout-scs #content-holder .wrapper .content 
{
	padding-top:80px;
}

.layout-scs #content-holder .wrapper .content h2.pagetitle {
	text-align:left;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
	background:url(../images/page-title-bkg.png) no-repeat;
	height:60px;
	width:665px;
	line-height:45px;
	padding:0 0 0 20px;
	margin:0;
	position:absolute;
	top:10px;
	z-index:870;
}

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

.products-list td {
	float:left;
	padding: 10px 20px 10px 20px;
	text-align:center;
	width:130px;
}

.products-list img {
	border:1px solid gray !important;
}



.sub-title-info 
{

}
.img-holder 
{

}
.img-holder img, .img-holder input 
{
	border:1px solid gray !important;
}

.img-holder-clear img, .img-holder-clear  input 
{
	border:1px solid gray !important;
	clear:both;
}
.img-without-border img, .img-holder input 
{
	border:none !important;
}
/*<<--content--*/


/*--middle-bar-->>*/

#content-holder .wrapper .middle-bar {
	_margin-top:-140px;
}

.middle-bar .fm-holder {
	width:329px;
	float:left;
}

.middle-bar .first {
	background:url(../images/news-panel-tile.png) repeat-y;
}
.middle-bar .first .products {									/*--produkti changed to products--*/
	background:url(../images/news-panel-top.png) left top no-repeat;
	/*min-height:244px;
	_height:244px;*/
	padding:0 !important;
	
	
}

.middle-bar .first .products .title h2.bg-BG {
	text-indent:-9000px;
	background:url(../images/txt-first.gif) 1px 1px no-repeat;
	margin:0;
	height:30px;
}

.middle-bar .first .products .title h2.en-GB {
	text-indent:-9000px;
	background:url(../images/txt-first-en.gif) 1px 1px no-repeat;
	margin:0;
	height:30px;
}

.middle-bar .first .products .fm-content {
	background:url(../images/news-panel-bot.png) left 100% no-repeat;
	min-height:244px;
	_height:244px;
	padding:15px 5px 15px 15px;
	margin:0px !important;
}


.middle-bar .first .products .fm-content img {
	border:1px solid gray !important;
	margin-right:10px;
}

.h-line-small {
	background:url(../images/h-line-small.png) center center no-repeat;
	height:2px;
	margin:6px 0 6px 0;
	clear:both;
}

.h-line-big {
	background:url(../images/h-line-big.png) center center no-repeat;
	height:2px;
	margin:5px 0 5px 0;
	clear:both;
}

.middle-bar .second {
	background:url(../images/service-panel-tile.png) repeat-y;
	margin-left:20px;
}
.middle-bar .second .uslugi {
	background:url(../images/service-panel-top.png) left top no-repeat;
	/*min-height:244px;
	_height:244px;*/
}

.middle-bar .second .uslugi .title h2.bg-BG {
	text-indent:-9000px;
	background:url(../images/txt-second.gif) 16px 16px no-repeat;
	margin:0;
	height:40px;
}

.middle-bar .second .uslugi .title h2.en-GB  {
	text-indent:-9000px;
	background:url(../images/txt-second-en.gif) 16px 16px no-repeat;
	margin:0;
	height:40px;
}

.middle-bar .second .uslugi .fm-content {
	background:url(../images/service-panel-bot.png) left 100% no-repeat;
	/*min-height:253px;
	_height:253px;*/
	min-height:274px;
	_height:274px;
}

.middle-bar .second .uslugi .fm-content ul {
	list-style:none;
	padding:15px;
	margin:0;
}

.middle-bar .second .uslugi .fm-content ul li {
	background:url(../images/bolit2.gif) left 3px no-repeat;
	padding: 0 0 0 15px;
}

.middle-bar .second .uslugi .fm-content ul li a {
	color:#666666;
	text-decoration:none;
}
/*<<--middle-bar--*/



/*--right-side-bar-holder-->>*/

/* -*layout element */

#right-side-bar-holder .wrapper {

}
/*<<--right-side-bar-holder--*/


/*<<--MIDDLE--*/



/*--FOOTER-->>*/

#footer {

	margin:10px 0 0 0;
	font-size:11px;
}

.powered-by {
	float:left;
	margin: 34px 0 0 5px;
	color:#666;
}
.footer-links {
	float:right;
	padding:8px 10px 0 0;
}

.footer-links ul 
{
	list-style:none;
	display:inline;
	margin:0;
	padding:0;
}

.footer-links ul li
{
	display:inline;
}

#footer .wrapper {
	background: url(../images/footer-bkg.png) repeat-x;
	height:70px;
	color:#989898;
}

#footer .wrapper a {
	color:#989898;
	font-size:11px;
}

/*<<--FOOTER--*/

.clients-logo 
{
	float:left;
	padding:0pt 35px 50px 0pt;
}