/*
	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;
}
body {
	margin: 0;
	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;
	background:#619c7e url(../images/body-tile.jpg) repeat-x;
}


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

#site-wrapper2 {
	padding:0 15px 5px 15px;
	background: #FFFFFF ;
}




/* >> TITLES */
h1, h2, h3, h4, h5, h6 {
 color:#336699;
 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: #2970a6;
	text-decoration: none;
}
a:hover {
	color: #0088cc;
	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:#336699;
	font-size:13px;
	cursor:pointer;
	background:#333333 url(../images/btn-send.gif) left top no-repeat;
	width:73px;
	height:21px;
	border:none;
	margin-top:5px;	
}

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

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


/*--top-menu-holder-->>*/
#logo {
	float:left;
	margin:0 0 8px 22px;
}
#top-menu-holder {
	float:right;
	margin:15px 15px 0 0;
}


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

#top-menu-holder ul li {
	display:inline;	
	padding:0;
	margin:0;
}

#top-menu-holder ul li a {
	color:#fff;
	font-size:12px;
}
	

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

#header-holder {
	padding:0;
	font-size:0px !important ;
}


/*--main-menu-holder-->>*/
#main-menu-holder {
	margin:0;
}

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

#main-menu-holder ul li {
	margin:0;
	padding:0;
}
/*--------------------------------*/
#main-menu-holder ul.nav {
	background:#427661;
	height:42px;
	padding-left:20px;
}
#main-menu-holder ul.nav li {
	float:left;
}

#main-menu-holder ul.nav li a {
	color:#FFFFFF;
	background:url(../images/menu-bullet.gif) left 23px no-repeat;
	font-size:16px;
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
	display:block;
	padding:20px 30px 0 17px;
}

#main-menu-holder ul.nav li a:hover {
	text-decoration:none;
	color:#f5b252;
}

#main-menu-holder ul.nav li a.current {
	color:#f5b252;
	background:url(../images/menu-bullet.gif) left 24px no-repeat;
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	display:block;
	padding:20px 30px 0 17px;
}
/*--------------------------------*/

#main-menu-holder ul.subnav {

}
#main-menu-holder ul.subnav li {

}

#main-menu-holder ul.subnav li a {

}

#main-menu-holder ul.subnav li a:hover {

}

#main-menu-holder ul.subnav-none {

}
/*--------------------------------*/

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

/*--breadcrumb-holder-->>*/
#breadcrumb-holder {
	padding:10px 12px 0 12px;
	color:#000000;
	font-size:12px;
}

.breadcrumb {
	float:left;
}

.breadcrumb a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-decoration:none;
}

.breadcrumb a:hover {
	color:#000000;
	text-decoration:underline;
}

.language {
	float:right;
}

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

/*--MIDDLE-->>*/

#middle {
	clear:both;
}

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

/* -*layout element */
#left-side-bar-holder 
{background:url(../images/left-sidebar-bkg.jpg) left 10px no-repeat;
	}

#left-side-bar-holder .wrapper {
	padding:15px 10px 0 10px;
	margin-top:10px;
}

.fm-holder {

}

.fm-holder .title {

}

.fm-holder .title h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:normal;
	color:#333333;
}
.fm-holder .title h2 i {
		font-style:normal;
	color:#347c66;
}


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

/*--content-->>*/

/* -*layout element */

#content-holder .wrapper {

}

#content-holder .wrapper .content {
	padding:0 10px 0 10px;
	zoom:1;
}

#content-holder .wrapper .content h2.pagetitle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#333333;
	font-weight:normal;
}

#content-holder .wrapper .content h2.pagetitle i {
	font-style:normal;
	color:#347c66;
}

.sub-title-info 
{

}
.img-holder 
{

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

.img-holder-clear img, .img-holder 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 {

}

.middle-bar .fm-holder {

}
/*<<--middle-bar--*/



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

/* -*layout element */

body#homepage #right-side-bar-holder 
{
	background:url(../images/right-sidebar-home-bkg.jpg) left 10px no-repeat;}

body#homepage #right-side-bar-holder .wrapper {
	
	padding:15px 10px 0 10px;
	margin-top:10px;
}
#right-side-bar-holder 
{
	background:url(../images/left-sidebar-bkg.jpg) left 10px no-repeat;
}

#right-side-bar-holder .wrapper {
	padding:15px 10px 0 10px;
	margin-top:10px;
}
/*<<--right-side-bar-holder--*/


/*<<--MIDDLE--*/



/*--FOOTER-->>*/

#footer {
	margin-top: 20px;
}

.powered-by {
	float:right;
	margin: 15px 0 25px 5px;
	color:#FFF;
	font-size:10px;
}

.powered-by a {
	color:#CCCCCC;
}

.powered-by a:hover {
	color:#FFF;
	text-decoration:underline;
}

.footer-links {
	float:left;
	position:relative;
	left:-5px;
}

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

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

#footer .wrapper {

}

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

/*<<--FOOTER--*/