/*  
Theme Name: Monde
Description: Monde theme for Wordpress
Version: 1.0
Author: Zedesino 
Author URI: http://www.zedesino.com/ 
*/

/* CSS Document */

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0px; padding: 0px; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th { font-weight: normal; font-style: normal; }
ul,ol,li { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }


/* LAYOUT */
.clear { clear:both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
hr.hidden {
	clear:both;
  	visibility:hidden;
	margin:0px;
 	padding:0px;
}
p  {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	text-align: left;
}
.footer_column em	{
	color: #4a4a4a;
	}

html,body {
	height:100%; 
}
body	{
	font: normal 13px/18px "Trebuchet MS", Tahoma, Arial, Geneva, sans-serif;
	background-color:#dde1e5;
	color:#474747;
	background-repeat: repeat-x;
}
body a:link {
	color:#2E7C9D;
	text-decoration:none;
}
body a:visited {
	color:#2E7C9D;
	text-decoration:none;
}
body a:hover	{
	color:#2B557C;
	text-decoration:underline;
}


h1 {
	color: #3e3e3e;
	font: bold 30px/36px "Trebuchet MS", Tahoma, Arial, Geneva, sans-serif;
	padding: 0px 0px 20px 0px;
	margin: 0px;
	font-style: italic;
	}
#tabs h2 {
	color: #292929;
	font: bold 40px/44px "Trebuchet MS", Tahoma, Arial, Geneva, sans-serif;
	padding: 0px 0px 20px 0px;
	margin: 0px;
	font-style: italic;
	}
#logo h1 {
	color: #3e3e3e;
	font: bold 14px/14px "Trebuchet MS", Tahoma, Arial, Geneva, sans-serif;
	padding: 0px;
	margin: 0px;
	font-style: italic;
	}
h2 {
	color: #365685;
	font: bold 16px/25px "Trebuchet MS", Tahoma, Arial, Geneva, sans-serif;
	padding: 0px;
	margin: 0px;
	text-transform: none;
	font-style: italic;
}

h3 {
	color: #3e3e3e;
	font: bold 16px/16px "Trebuchet MS", Tahoma, Arial, Geneva, sans-serif;
	padding: 5px 0px;
	margin: 0px;
	font-style: italic;
	letter-spacing: 0px;
}
.footer_column h3, #sidebar h3	{
	padding: 0px;
	font: bold 20px/22px "Trebuchet MS", Tahoma, Arial, Geneva, sans-serif;
	color: #4a4a4a;
	font-style: italic;
	}
.widget h3	{
	padding: 0px 0px 5px 0px;
	font: bold 20px/22px "Trebuchet MS", Tahoma, Arial, Geneva, sans-serif;
	color: #4a4a4a;
	font-style: italic;
	}

h4 {
	color: #2E7C9D;
	font: bold 15px/25px "Trebuchet MS", Tahoma, Arial, Geneva, sans-serif;
	padding: 0px;
	margin: 0px;
	text-transform: none;
	font-style: italic;
}
.last_column h4 {
	color: #4a4a4a;
	font: bold 13px/22px "Trebuchet MS", Tahoma, Arial, Geneva, sans-serif;
	padding: 0px;
	margin: 0px;
	text-transform: none;
	font-style: italic;
}
#sidebar h4, .products_side h4 {
	color: #4a4a4a;
	font: bold 15px/20px "Trebuchet MS", Tahoma, Arial, Geneva, sans-serif;
	padding: 0px;
	margin: 0px;
	text-transform: none;
	font-style: italic;
}
h5 {
	color: #3a3a3a;
	font: bold 12px/17px "Trebuchet MS", Tahoma, Arial, Geneva, sans-serif;
	padding: 5px 0px 5px 20px;
	margin: 0px;
	text-transform: none;
	font-style: italic;
}
#wrapper {
	position: relative; /* needed for footer positioning*/
	margin:0px auto; /* center, not in IE5 */
	width:100%;
	height:auto !important; /* real browsers */
	height:100%;
	clear: both;
	padding: 0px 0px 10px 0px;
	border-top: 5px solid #dde1e5;
}


#header {
	padding:0px 0px;
	height: 115px;
	width: 960px;
	background-image: url(images/header_shadow.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	margin: 0px auto;
}
#logo	{
	float: left;
	width: 170px;
	padding: 0px 0px 0px 0px;
	}
#container_outer {
	padding:0px 0px 20px 0px;
	width: 962px;
	margin: 0px auto 10px auto;
	background-image: url(images/container_bottom.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
}
#container_inner {
	padding:0px;
	width: 962px;
	margin: 0px;
	background-image: url(images/container_inner.jpg);
	background-position: right;
	background-repeat: repeat-y;
	background-color: #ffffff;
}
#container_bluefade {
	padding:40px;
	width: 882px;
	margin: 0px;
	background-image: url(images/container_bluefade.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
#container_home {
	padding:40px;
	width: 882px;
	margin: 0px;
	background-image: url(images/home_bluefade.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
#container_footer {
	padding:20px 0px 0px 0px;
	width: 962px;
	margin: 0px;
	background-image: url(images/footer_container_top.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
#container_footer_outer {
	padding:0px 0px 20px 0px;
	width: 962px;
	margin: 0px auto 10px auto;
	background-image: url(images/container_bottom.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	color: #5e5e5e;
}
#container_footer_inner {
	padding:0px 0px 20px 0px;
	width: 962px;
	margin: 0px;
	background-image: url(images/container_inner.jpg);
	background-position: right;
	background-repeat: repeat-y;
	background-color: #ffffff;
}
#content {
	width: 570px;
	margin: 0px;
	display: block;
	padding: 0px;
	position: relative;
	float: left;
	}
#content ul, #content_home ul	{
	padding: 0px 0px 15px 0px;
	margin: 0px 0px 0px 10px;
	
	}
#content ul li, #content_home ul li	{
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 10px;
	list-style: disc;
	list-style-type: disc;
	}

#content_home {
	width: 570px;
	margin: 0px;
	display: block;
	padding: 0px;
	position: relative;
	float: left;
	}
#sidebar {
	width: 270px;
	margin: 0px;
	display: block;
	padding: 54px 0px 0px 0px;
	position: relative;
	float: right;
	}
#footer {
	position:relative;
	width:960px; /* stick to bottom */
	font: normal 11px/16px "Trebuchet MS", Tahoma, Arial, Geneva, sans-serif;
	margin: 0px auto;
	padding: 0px;
	color: #656565;
	height: 70px;
	text-align: center;
	clear: both;
}
.footer_column	{
	float:left;
	width: 270px;
	font: normal 12px/16px "Trebuchet MS", Tahoma, Arial, Geneva, sans-serif;
	padding: 0px 25px 0px 25px;
	display: block;
	}
.foot_border	{
	border-right: 1px solid #e7eeef;
	}
#navigation {
	padding: 45px 0px 14px 0px;
	margin: 0px;
	height: 29px;
	float: right;
	width: 780px;
	}

#navigation ul {
	float: right;
	list-style:none;
	margin: 0px;
	height: 29px;
		}

#navigation ul li {
	float: left;
	height: 29px;
	margin: 0px 0px 0px 5px;
	padding: 0px;
	display: inline;
	}

#navigation ul li a {
	float: left;
	padding: 0px 0px 0px 15px;
	width: auto;
	display: inline;
	}
#navigation ul li a span{
	font: normal 14px/29px "Trebuchet MS", Tahoma, Arial, Geneva, sans-serif;
	padding: 0px 15px 0px 0px;
	color: #404040;
	height: 29px;
	margin: 0px;
	float:left;
	text-transform: uppercase;
	display: block;
	}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navigation ul li a span a span {
	float:none;
	}
#navigation ul li a:hover {
	text-decoration: none;
	background-image: url(images/nav_left.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	}
#navigation ul li a:hover span {
	color: #2E7C9D;
	text-decoration: none;
	background-image: url(images/nav_right.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	}
#navigation ul li.current_page_item, #navigation ul li.current_page_item a:hover 	{
	color: #474747;
	background-image: url(images/nav_left.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	}
#navigation ul li.current_page_item span, #navigation ul li.current_page_item a:hover span 	{
	color: #474747;
	background-image: url(images/nav_right.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
	cursor:pointer;
	}
#languages	{
	float: right;
	width: 72px;
	padding: 3px 0px 0px 508px;
	height: 18px;
	background-image: url(images/bg_languages.jpg);
	background-position: right;
	background-repeat: no-repeat;
	}
#languages img	{	
	float: left;
	padding: 0px 7px 0px 0px;
	}
.top_button	{
	position: absolute;
	bottom: 30px;
	right: 5px;
	}
 
blockquote
    {
	padding: 0px 0px 0px 20px;
	background: url(images/quote_up.jpg) top left no-repeat;
        font-size: 11px;
        margin: 5px 0px 0px 0px
}

 .quote_down	{
 	font: normal 16px/16px "Trebuchet MS", Tahoma, Arial, Geneva, sans-serif;
	font-style: italic;
	color: #395b8b;
	}
.news_holder	{
	float: left;
	width: 259px;
	padding: 5px 0px 10px 11px;
	background: url(images/news_li.gif) no-repeat 0px 14px;
	font-size: 12px;
	}
	
.products_side	{
	float: left;
	width: 259px;
	padding: 5px 0px 10px 11px;
	font-size: 12px;
	}
.products_holder_side	{
	float: left;
	width: 245px;
	padding: 5px 0px 10px 11px;
	background: url(images/news_li.gif) no-repeat 0px 14px;
	font-size: 12px;
	}
.sublinks	{
	width: 270px;
	padding: 0px;
	background-image: url(images/sublinks_bg.jpg);
	margin: 0px 0px 20px 0px;
	float: left;
	display: block;
	background-repeat: no-repeat;
	} 
.sublinks	ul	{
	float: left;
	display: block;
	width: 100%;
	}
.sublinks	ul li	{
	float: left;
	display: block;
	padding: 0px 15px;
	width: 240px;
	line-height: 30px;
	}
	

.sublinks ul li a	{
	padding: 0px;
	font-size: 16px;
	}
.news_content	{
	float: left;
	width: 100%;
	padding: 0px 0px 20px 0px;
	}
.widget	{
	float: left;
	width: 100%;
	padding: 0px 0px 20px 0px;
	}
.widget	ul {
	float: left;
	width: 100%;
	
	}
.widget	ul li, .textwidget	{
	width: 259px;
	padding: 0px 0px 0px 11px;
	background: url(images/news_li.gif) no-repeat 0px 7px;
	font-size: 12px;
	}
/* Vertical Tabs
----------------------------------*/
.ui-tabs-vertical { width: 100%; }
.ui-tabs-vertical .ui-tabs-nav { padding: .0; float: left; width: 285px; }
.ui-tabs-vertical .ui-tabs-nav li {
	clear: left;
	border-bottom-width: 1px !important;
	border-right-width: 0 !important;
	margin: 0 -1px .2em 0;
	height: 60px;
	width: 285px;
}
.ui-tabs-vertical .ui-tabs-nav li a { display:block; width: 270px; height: 50px; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }
.ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right; width: 550px;}
	/* Tabs
----------------------------------*/
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { list-style: none; margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: 5px 5px 5px 10px; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; background-image:url(images/home_selected.gif); }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
.centered_holder {
   width: 100%;
   clear: both;
   float: left;
   padding: 5px 0px 15px 0px;
   text-align: center;
}
.centered_holder img{
   margin: 0px 5px 0px 0px;
   padding: 3px;
   background-color: #ffffff;
   border: 1px solid #cecece;

  
}
