body {
  font-size: 18px;
  font-family: Verdana, Helvetica, sans-serif;

}
/* a:link { color: #003333; text-decoration: underline; }
/* a:visited { color: #404040; text-decoration: underline; }
/* a:hover { color: #36648B; background-color: #F8F8FF; text-decoration: none; } */

/* size10gray reinstated 1702  */
.size10gray { color: #4D4D4D; font-size: 90%; }
.size10gray A:link { color: #4D4D4D; text-decoration: none; }
.size10gray A:visited { color: #4D4D4D; text-decoration: none; }
.size10gray A:hover { color: #800000; }
.size10gray A:active { color: #4D4D4D; text-decoration: none; }

/* size10white reinstated 1702 britten archive  */
.size10white { color: #dcdbdf; font-size: 90%; }
.size10white A:link { color: #dcdbdf; text-decoration: none; }
.size10white A:visited { color: #dcdbdf; text-decoration: none; }
.size10white A:hover { color: #c0c0c0; }
.size10white A:active { color: #dcdbdf; text-decoration: none; }

/* bootstrap */
/* kills li non-bootstrap sidebars etc 1602. */
li {list-style:none;}

/* 1610 */
blockquote {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 3em;
	background: #f8f6f6;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.0);
	margin-bottom: 2em;
/*	white-space: pre-wrap; */
}
blockquote:hover {
	background: #fff;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
}
blockquote:last-child {
	margin-bottom: 0;
}


/* bootstrap navbar 160514 */

H1 {font-size: 200%; color: gray;
	margin: 0; 
	} 

/* bootstrap gallery buttons 1608 */
.navigationdisabledtext { display: none; }



/* align  deprecated 1607    */

.alignleft { float: left; } 
.alignright { float: right; } 
.top  { vertical-align: top ; }




/* Float Right 150901 (deprecated but used on some pages 1607)   */
.floatright-300
{
float: right;
width: 300px;
margin: 0 0 10px 10px;
padding: 10px;
}

.floatright-180
{
float: right;
width: 180px;
margin: 0 0 10px 10px;
padding: 10px;
}

.floatright-100pc
{
float: right;
width: 100%;
margin: 0 0 10px 10px;
padding: 0px;
}

/* Adsense 1505 */

.max728 {
    max-width: 728px;
    margin-left: auto;
    margin-right: auto; 
}




/* used to centre gallery pages not yet calling gallery.css, 150520. Deprecated 1607 */
.center {
  text-align: center;
}

/* image align    */
a img {border: none; } 
img { border: 0; }
img.top {vertical-align:text-top;}
img.bottom {vertical-align:text-bottom;}

/* Supersimple. Deprecated, but in use on many gallery img pages which contain page-wrap div 1607 */

#header {

	padding: 15px 0 15px 15px;
}

#content {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    	min-height: 100%;
    	height:     auto !important;
    	height:     100%;
     overflow: auto; 
 overflow-x: hidden; 
 overflow-y: hidden; 
	}
#main-content {
		margin-left: 5%;
		max-width: 96%;

	}

#sidebar {
	width: 20%;
    min-width: 150px;
	float: right;
	padding: 0 0 0 0px;
	}

	#sidebar ul {
		list-style: inside;
	}

img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;

	/* Set up proportionate scaling */
	width: 100%;
	height: auto;

	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
	}

@media screen and (max-width: 1024px)
	{
	img.bg 
	{ left: 50%; margin-left: -512px; }
	}

#page-wrap { position: relative; width: 96%; margin: 0px auto; padding: 20px; background: white; -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; }



/* arles mostly deprecated 1607, check gallery img pages, also brands pages. */
.img-caption 
	{
  width: 100% ; 
  text-align:left;
  margin-left: auto ; 
  margin-right: auto ;
    }

.imagetitle
	{
  text-align:left;
  padding-top: 10px;
}
.thumbnailtitle {
  font-size: 90%;
}

.thumbnail {
  margin-bottom: 5px;
  text-align: center;
}

.thumbnail_title {
  text-align: center !important;
}

/* Header includes */

/* left 1601 */
.header-bg-responsive-left {
    background-color: #004101;
    display: block;
        margin-left: auto;
    	margin-right: auto;
    background-repeat: no-repeat;
	background-position: 0% center;
    width: 100%;
    height: 120px;
}

.header-bg-responsive {
    background-color: #fff;
    display: block;
        margin-left: auto;
    	margin-right: auto;
    background-repeat: no-repeat;
	background-position: center center;
    width: 96%;
    height: 120px;
}



.header-bg-euro {
    background-color: #fff;
    display: block;
        margin-left: auto;
    	margin-right: auto;
    background-repeat: no-repeat;
	background-position: center center;
    height: 150px;
}

.logoleft {
    float: left;
    width: 20%;
    display: block;
    margin-right: auto;
}
.logoright {
    display: block;
    float: right;
    margin-right: auto;
    width: 20%;
}

.logocenter {
    margin: auto;
    width: 600px;
}

.logotext {font-size: 200%; color: gray;
	margin-bottom: 0; 
	padding-bottom: 0; 
	} 

/* SVG sizes */
img.size-90 {
    width: 90px;
    height: 60px;
}

img.size-300 {
    width: 300px;
    height: 200px;
}

img.flagborder {
    border: 1px solid gray;
}

/* Columns 2 & 3 (Article 3 col deprecated) 1607 */

/*CSS3 multiple columns.*/
/* Get em size for colums: 184/16 */
.three-col
{
    -moz-column-width: 280px; /* Firefox */
    -webkit-column-width: 280px; /* webkit, Safari, Chrome */
    column-width: 280px;
}
/*remove standard list and bullet formatting from ul*/
.columns ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
/* correct webkit/chrome uneven margin on the first column*/
.columns ul li:first-child
{
    margin-top:0px;
}

article {
  -webkit-column-count: 3;
     -moz-column-count: 3;
          column-count: 3;
}

/* HR Styles */
/* Gradient color1 - color2 - color1 */
hr.style-one {
	border: 0;
	height: 1px;
	background: #333;
	background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); 
	background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc); 
	background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc); 
	background-image:      -o-linear-gradient(left, #ccc, #333, #ccc); 
	margin-top:20px; 
	margin-bottom:20px; 
	}

hr.style-two {
	background:url(img/line-antique.png) no-repeat top center;
	height:42px;
	border:none !important;
}

hr.style-italian {
	background:url(img/flag-italian-banner-200.png) no-repeat top center;
	height:42px;
	border:none !important;
}

hr.style-french {
	background:url(img/flag-french-banner-200.png) no-repeat top center;
	height:42px;
	border:none !important;
}

hr.style-spanish {
	background:url(img/flag-spanish-banner-200.png) no-repeat top center;
	height:42px;
	border:none !important;
}

hr.style-argentina {
	background:url(img/flag-argentina-banner-200.png) no-repeat top center;
	height:50px;
	border:none !important;
}





/* TABLES */

/* required for adblockbottom many pages (called via ADBLOCKBOTTOM ). Also in tables.css. Another solution in bootstrap. 1602 */
.tg  {   width: 80%;margin-left: auto;
    margin-right: auto;border-collapse:collapse;border-spacing:0;}
.tg td{padding:10px 20px;border-width:0px;overflow:hidden;word-break:normal;}
.tg th{padding:10px 20px;border-width:0px;overflow:hidden;word-break:normal;}
.tg .tg-s6z2{text-align:center}
.tg .tg-left{text-align:left}


.tg  {       font-family: initial !important;
    font-size: initial !important;

}


/* below poss deprecated */



table.center {
    margin-left:auto; 
    margin-right:auto;
  }
	
.centered-cell {
  text-align: center;
}


/* FONTS removed 1610  */



/* Blocks & BOXES */



div.boxwhitegray
	{

	padding:2px;
	border:1px solid gray;
	margin:0px;
	background-color:white;
}

/* for Wells 1606 */
div.boxwhite
	{

	padding:2px;
	border:0px solid gray;
	margin:0px;
	background-color:white;
}

div.box100gray { width:100%; display: table;margin: 0 auto; border: 0.05em solid gray; }