/* --- GLOBAL - START --- */
html, body { border:0; margin:0; padding:0; }	
body { font:85%/1.25 arial, helvetica, sans-serif; }

a { color: #133462; }
a { color: #002fc6; }

/* --- GLOBAL - END --- */	

 
/* --- ELEMENTS - START --- */ 
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-weight:normal; }

h1 { padding:0 0 0 0; margin: 10px 0 10px 0;	letter-spacing:-1px; font:2em 'times new roman', arial, helvetica, sans-serif; border-bottom: 1px solid #eee; } 
h2 { padding:10px 0 0 0; letter-spacing:-1px; font: bold 1em arial, helvetica, sans-serif; } 
h3 { font:1em arial, helvetica, sans-serif; font-weight:bold; }

h4 { font-size:13pt;margin-bottom:0; }
 
p, ul, ol { margin:0; padding:0 0 18px 0; } 
ul, ol { list-style:none; padding:0 0 18px 40px; } 
blockquote { margin:22px 40px;´padding:0; }
small { font-size:0.85em; } 
img { border:0; }
 
sup { position:relative; bottom:0.3em; vertical-align:baseline; } 
sub { position:relative; bottom:-0.2em; vertical-align:baseline; }
 
acronym, abbr { cursor:help; letter-spacing:1px; border-bottom:1px dashed; }  
a, a:visited { text-decoration:none; }
  
form { margin:0; padding:0; display:inline; } 
input, select, textarea { font:1em arial, helvetica, sans-serif; } 
textarea { line-height:1.25; } 
label { cursor:pointer; }
 
 
table { border:0; margin:0 0 18px 0; padding:0; }
table tr td { padding:2px; }
/* --- ELEMENTS - END --- */ 
 
/***** Wrapper *****/ 
.pageWrap { width:550px; padding: 0 10px; margin:0 auto; }
.pageWrap { width:550px; padding: 0 10px; margin:0 auto; }
 
/***** Global Classes *****/
 
.clear         { clear:both; }
 
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.wrap          { width:550px;margin:0 auto; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

.pageHeader { float: left; clear: both; display: block; width: 100%; background: #133462; margin-bottom: 10px; }
.pageContent	{ float: left; clear: left; width: 550px; }
.pageFooter { float: left; clear: left; width: 700px; margin-top: 40px; }

.logoHeader { margin-top: 20px; float: left; }
.logoWownews { margin-top: 20px; float: right; }
.loginbox { width: 430px; background: #193f6e; float: left; margin: 20px 0 0 20px; color: #fff; font: 10px Tahoma; }
.loginbox a { font: 10px Tahoma; color: #fff; text-decoration: none; border-bottom: 1px dotted #fff; }
.loginbox table { height: 43px; margin: 5px; }
.loginbox input { border: 1px solid #eee; width: 160px; background: #fff; font: 12px Tahoma; padding: 2px; }

.searchbox { width: 200px; background: #193f6e; margin: 20px 0 0 20px; color: #fff; font: 10px Tahoma; float: right;}
.searchbox a { font: 10px Tahoma; color: #fff; text-decoration: none; border-bottom: 1px dotted #fff; }
.searchbox table { height: 19px; margin: 5px; }
.searchbox input { border: 1px solid #eee; width: 120px; background: #fff; font: 12px Tahoma; padding: 2px; }

ul#mainMenu,ul#mainMenu li{ list-style-type:none;margin:0;padding:0 }
ul#mainMenu { float: left; clear: both; margin-top: 20px; width: 670px; }
ul#mainMenu{ float: left; }
ul#mainMenu li{ float: left; margin-right: 3px;text-align: center; display: block; }
ul#mainMenu a { float: left; font: bold 0.8em Arial; width: 8.2em; padding: 14px 0;background: #133462;text-decoration:none;color: #fff}
/* ul#mainMenu a { float: left; font: bold 0.8em Arial; width: 7em; padding: 10px 0;background: #133462;text-decoration:none;color: #fff} */
ul#mainMenu a:hover{background: #eef7ff;color: #000}
ul#mainMenu li.active a,ul#mainMenu li.active a:hover{background: #FFF;color: #000}

/*div.searchAndFilter { float: left; clear: both; position: relative; background: #c0f1ff url('gfx/bgBlueBox.gif') repeat-x bottom; } */
div.searchAndFilter { float: left; clear: both; position: relative; background: #ecf4ff; border: 1px solid #ccc; border-bottom: none; width: 550px; }
div.searchAndFilter .bgLeft { background: url('gfx/bgBlueBoxLeft.gif') repeat-y bottom left; }
div.searchAndFilter .bgRight { background: url('gfx/bgBlueBoxRight.gif') repeat-y bottom right; }
div.searchAndFilter .bgTop { background: url('gfx/bgBlueBoxTop.gif') repeat-x top left; }
div.searchAndFilter .cornerTopLeft { position: absolute; }
div.searchAndFilter .cornerTopRight { position: absolute; right: 0; }
.cornerBottomRight { position: absolute; bottom: 0; right: 0; }
.cornerBottomLeft { position: absolute; bottom: 0; left: 0; }
div.searchAndFilter .content { padding: 0 20px 20px 20px; }

div.searchAndFilter ul.regions { list-style-type: none; padding: 0; display: block; width: 510px; }
div.searchAndFilter ul.regions li { display: inline; }
div.searchAndFilter ul.regions.selected { padding-top: 20px; }

div.searchAndFilter .header { font-weight: bold; float: left; clear: both; width: 530px; display: block; padding: 20px 0 5px 3px; }
div.searchAndFilter .worldLink { font-weight: bold; float: left; clear: both; width: 530px; display: block; padding: 8px 0 5px 3px; }
div.searchAndFilter .inputFilterString { padding: 3px 5px; width: 510px; border: 1px solid #aaa; background: #fdfdfd url('gfx/inputBg.gif') repeat-x; }

ul.breadCrumbs { padding: 20px 0 10px 0; margin: 0; }
ul.breadCrumbs li { display: inline; padding: 0 0 0 0; margin: 0 0 0 0; }
ul.breadCrumbs li { font: 10px Arial; text-transform: uppercase; color: 'darkblue'; }
ul.breadCrumbs li a { font: 10px Arial; text-transform: uppercase; color: 'darkblue'; border-bottom: 1px dotted #00f; }
ul.breadCrumbs li a.type0 { border-bottom: 3px solid #b5cc68; }
ul.breadCrumbs li a.type1 { border-bottom: 3px solid #b5cc68; }
ul.breadCrumbs li a.type2 { border-bottom: 3px solid #66bafc; }
ul.breadCrumbs li a.type3 { border-bottom: 3px solid #ecdc34; }
ul.breadCrumbs li a.type4 { border-bottom: 3px solid #e97ddd; }

div.articleWrapper h1 { border-bottom: 1px dotted #eee; }
div.articleWrapper { }
div.articleWrapper p { color: #222; }
div.shortInfo { background: #fff0d5 url('gfx/bgGradientBrown.gif') repeat-x bottom; float: left; padding: 20px 20px 0 20px; width: 200px; margin: 0 20px 20px 0; }
div.shortInfo table { width: 100%; margin-top: 20px; }
div.shortInfo table th { text-align: left; }

div.resultTableWrapper { float: left; clear: both; position: relative; background: #ecf4ff; margin-bottom: 20px; border: 1px solid #ddd; border-top: none; width: 550px;  }
div.resultTableWrapper .bgLeft { float: left; clear: both; }
div.resultTableWrapper .bgRight {  float: left; clear: both; width: 510px; display: block; padding: 10px 20px 20px 20px;  }
table.resultTable { background: #f9fff2; padding: 0; margin: 0;  }
table.resultTable { float: left; clear: both; width: 100%; }
table.resultTable th { text-align: left; font: 9px/24px tahoma; text-transform: uppercase; padding-top: 2px; }
table.resultTable td.flags { text-align: center; width: 30px; height: 35px;}
table.resultTable td.flags img { margin: 5px 0; }
table.resultTable td { padding: 0 10px; font: 11px/20px tahoma; border-bottom: 1px solid #eee; }


a.button { display:-moz-inline-box; display:inline-block; cursor:pointer; border:none; font-size:0;line-height:0; background-position:0 0;
	background-repeat:no-repeat; height:24px; text-decoration:none; color:#2e523b; font-style:normal; margin:0 3px 0px 0; padding:0 10px 0 0;	
	vertical-align:middle; padding-top:-2px;
	_position:relative;
	_width:10px;	
	_overflow-y:hidden;
}

a.button, a.button span {
    background-image:url('gfx/btn0.png');
    _background-image:url('gfx/btn0.png');
}

li.type0 a.button,
li.type0 a.button span { background-image: url('gfx/selreg_brown.png'); }
.regions.selected li.type0 a.button,
.regions.selected li.type0 a.button span { background-image: url('gfx/selreg_brown.png'); }

li.type1 a.button,
li.type1 a.button span { background-image: url('gfx/selreg_green.png'); }
.regions.selected li.type1 a.button,
.regions.selected li.type1 a.button span { background-image: url('gfx/selreg_green.png'); }

li.type2 a.button,
li.type2 a.button span { background-image: url('gfx/selreg_blue.png'); }
.regions.selected li.type2 a.button,
.regions.selected li.type2 a.button span { background-image: url('gfx/selreg_blue.png'); }

li.type3 a.button,
li.type3 a.button span { background-image: url('gfx/selreg_yellow.png'); }
.regions.selected li.type3 a.button,
.regions.selected li.type3 a.button span { background-image: url('gfx/selreg_yellow.png'); }

li.type4 a.button,
li.type4 a.button span { background-image: url('gfx/selreg_pink.png'); }
.regions.selected li.type4 a.button,
.regions.selected li.type4 a.button span { background-image: url('gfx/selreg_pink.png'); }

li.type5 a.button,
li.type5 a.button span { background-image: url('gfx/selreg_beige.png'); }
.regions.selected li.type5 a.button,
.regions.selected li.type5 a.button span { background-image: url('gfx/selreg_beige.png'); }




a.button span {
	white-space:nowrap;
	cursor:pointer;
    color:#222;
	display:-moz-inline-box;
	display:inline-block;
	line-height:1;
    letter-spacing:0 !important;
    font-family:"Arial" !important;
    font-size:11px !important;
    font-style:normal;    
    background-color:transparent;
	background-position:100% 0;
	background-repeat:no-repeat;
	height:24px;
	padding:5px 20px 0 10px;
	margin:0 -16px 0 10px;
	border:none;
	vertical-align:text-top;
	zoom:1;
	_position:relative;
    _padding-left:0px;
	_padding-right:12px;
	_margin-right:-10px;	
	_display:block;
	_top:0;
	_right:-5px;	
}




html.safari a.button span{
  line-height:1.3;
}

html.safari a.button:focus {
    outline:none;
}


/*Hover Style*/

a.button:hover,
a.button:focus {
	background-position:0 -60px;
	color:#222;
	text-decoration:none;
}

a.button:hover span, 
a.button:focus span {
	background-position:100% -60px;
}

a.button:active, a.button:focus span{
	color:#444;
}


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

  REQUIRED to hide the non-active tab content.

  But do not hide them in the print stylesheet!

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

.tabberlive .tabbertabhide {

 display:none;

}



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

  .tabber = before the tabber interface is set up

  .tabberlive = after the tabber interface is set up

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

.tabber {

}

.tabberlive {


}



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

  ul.tabbernav = the tab navigation list

  li.tabberactive = the active tab

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

ul.tabbernav

{

 margin:0;

 /*padding: 1px 0 2px 5px;
*/
padding: 10px 0 9px 5px;
 font: bold 11px Arial, sans-serif;

}



ul.tabbernav li

{

 list-style: none;

 margin: 0 3px 0 0;

 display: inline;

}



ul.tabbernav li a

{

 padding: 5px 1.2em;
 padding: 5px 0.8em;

 text-decoration: none;
border-top: 1px solid #aaa;
border-left: 1px solid #aaa;
border-right: 1px solid #aaa;

}



ul.tabbernav li a:link { color: #000; }

ul.tabbernav li a:visited { color: #000; }







ul.tabbernav li.tabberactive a:hover

{

 color: #000;


}



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

  .tabbertab = the tab content

  Add style only after the tabber interface is set up (.tabberlive)

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

.tabberlive .tabbertab {

 border-top:0;



 /* If you don't want the tab size changing whenever a tab is changed

    you can set a fixed height */



 /* height:200px; */



 /* If you set a fix height set overflow to auto and you will get a

    scrollbar when necessary */



 /* overflow:auto; */

}



/* If desired, hide the heading since a heading is provided by the tab */

.tabberlive .tabbertab h2 {

 display:none;

}

.tabberlive .tabbertab h3 {

 display:none;

}



/* Example of using an ID to set different styles for the tabs on the page */

.tabberlive#tab1 {

}

.tabberlive#tab2 {

}

.tabberlive#tab2 .tabbertab {

 overflow:auto;

}

a.tabCountries { border-bottom: 5px solid #b5cc68; background: #e1efb3; }
a.tabRegions { border-bottom: 5px solid #58acee; background: #c3e5ff;  }
a.tabDistricts { border-bottom: 5px solid #dece26; background: #f4ec95;  }
a.tabOrigins { border-bottom: 5px solid #db6fcf; background: #f2c0ec;  }
a.tabProducers { border-bottom: 5px solid #ceb394; background: #f0e2d2;  }


table.resultTable.countries { border: 1px solid #aaa; }
table.resultTable.countries th { background: #b5cc68; padding: 2px 10px 0 10px; }

table.resultTable.regions { border: 1px solid #aaa; }
table.resultTable.regions th { background: #58acee; padding: 2px 10px 0 10px; }

table.resultTable.districts { border: 1px solid #aaa; }
table.resultTable.districts th { background: #dece26; padding: 2px 10px 0 10px; }

table.resultTable.origins { border: 1px solid #aaa; }
table.resultTable.origins th { background: #db6fcf; padding: 2px 10px 0 10px; }

table.resultTable.producers { border: 1px solid #aaa; }
table.resultTable.producers th { background: #ceb394; padding: 2px 10px 0 10px; }


.informationBox { background: #fff;padding: 10px; border: 1px solid #eee; }

#albumContainer
{
	float:left;
	width:340px;
	margin:0 0 20px 0;
}

.commentsWrapper { float: left; clear: both; width: 100%; margin: 20px 0; }
.commentsWrapper h1 { font-size: 1.5em; border-bottom: 0;}

/*.aComment { margin: 0 0 5px 0; position: relative; width: 660px; background: #f4f7fb url('gfx/bgGradientLightBlue.gif') repeat-x bottom; border: 1px solid #f0f0ff;  padding: 20px; }*/
.aComment { margin: 0 0 5px 0; width: 510px; position: relative; background: #f4f7fb url('gfx/bgGradientLightBlue.gif') repeat-x bottom; border: 1px solid #f0f0ff;  padding: 20px; }
.aComment .byLine { color: #777; }




.commentsWrapper2 { float: left; clear: both; width: 340px; margin: 20px 0; margin-top:0; }
.commentsWrapper2 h1 { font-size: 1.5em; border-bottom: 0;}

.commentsWrapper2 .aComment { top:-2px; width:auto;margin: 0 10px 5px 0; background: #f4f7fb url('gfx/bgGradientLightBlue.gif') repeat-x bottom; border: 1px solid #f0f0ff;  padding: 20px; }
.commentsWrapper2 .aComment .byLine { color: #777; }

.commentsWrapper2 .aComment { width:284px; word-wrap:break-word; overflow:hidden; }

.albumBox { margin: 0 0 5px 0; background: #f4f7fb url('gfx/bgGradientLightBlue.gif') repeat-x bottom; border: 1px solid #f0f0ff;  padding: 20px; }
.albumBox .byLine { color: #777; }

.abuseIcon { position: absolute; top: 10px; right: 15px; }

.makeAComment { margin: 0 0 5px 0; position: relative; background: #f3f7fe url('gfx/bgGradientLightBlue2.gif') repeat-x bottom; padding: 20px; width:510px; }
.makeAComment p { }
.makeAComment label { font: bold 11px Arial; margin-top: 10px; display: block; }
.makeAComment input { padding: 3px 5px; width: 510px; border: 1px solid #aaa; background: #fdfdfd url('gfx/inputBg.gif') repeat-x; }
.makeAComment textarea { padding: 3px 5px; width: 510px; height: 40px; border: 1px solid #aaa; background: #fdfdfd url('gfx/inputBg.gif') repeat-x; }

.registrationFlow { padding: 10px 20px 20px 20px; margin-bottom: 20px; background: #fdfdfd; border: 1px solid #eee; }
.registrationFlow p { margin-top: 10px; }
.registrationFlow label { float: left; clear: both;  width: 150px; }
.registrationFlow input { float: left; border: 1px solid #333; }
.registrationFlow select { float: left; margin: 0; padding: 0; }
.registrationFlow .inputPart { width: 50%; float: left; }
.registrationFlow .userConditions { float: right; width: 50%; }

/* --- MAP IMAGES --- */
.imgMapThumb { float: right; }
.imgMapThumbWithBottomMargin { float: right; margin-bottom: 10px; }

/* --- MAIN IMAGE --- */
.imgMainImage { float: left; margin-bottom: 10px; width:320px; }

ul.toolbox
{
	list-style-type:none;
	padding:0;
	margin:0;
	width:550px;
	text-align:center;
	border-bottom:1px solid #eee;
	height:22px;
	font-size:10pt;
}

ul.toolbox li
{
	text-align:center;
	float:left;
	margin:0;
	padding:0 0 0 19px;
	font-size:10pt;
}

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

ul.toolbox li.last
{
	padding-right:0;
}

.newproducer
{
	border:1px solid #ccc;
	float:left;
	width:155px;
	margin-left:5px;
}

.newproducer a
{
	display:block;
	padding:8px 0 6px 0;
	text-decoration:none;
	color:#000;
	border-bottom:5px solid #ceb394;
	background:#f0e2d2;
	text-align:center;
}

.newproducer a:hover
{
	background:#ceb394;
}






.frontbox
{
	width:195px;
	color:#fff;
	margin-bottom:5px;
	padding:15px 0 15px 0;
}

.frontbox ul
{
	padding-left:15px;
	margin:5px 0 0 0;
	list-style-type:disc;
}

.frontbox ol
{
	padding-left:15px;
	margin:5px 0 0 5px;
	list-style-type: decimal;
}

.frontbox .innerbox
{
	margin:0 15px 0 15px;
	padding:0;
}

.frontbox .boxheader
{
	font-weight:bold;
}

.frontbox a
{
	color:#fff;
	text-decoration:none;
}

.frontbox img
{
	border:0;
}

.adinfo
{
	float:left;
	display:inline;
	margin-left:100px;
	text-align:center;
}

.adinfo p
{
	margin-bottom:0;
	padding-bottom:2px;
}

.adinfo img
{
	margin:0;
	padding:0;
	border:0;
}

#latestarticles
{
	float:left;
	width:340px;
}