/*20-offers fluid */

html, body{
	color: #444;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0;
	padding: 0;
	background: #069 url(http://res1.greekisland.co.uk/utils/gradblue.png) repeat-x;
	-webkit-font-smoothing: antialiased;}

a, a:link, a:visited{
	color: #069;
	text-decoration: none;}

a:hover{color: #f00;}

a img{border: none;}

a:hover img{
	opacity:.50;
	filter:alpha(opacity=50);}

ul{
	margin: 0;
	padding: 0;
	list-style-type: none;}
	
.clearfix:after{
	content: "";
	display: table;
	clear: both;}
	
.clear{
	clear: both;
	margin-top: 24px;}

a.up, a.up:active, a.up:visited{
	width: 32px;
	margin: auto;
	margin-top: 1.5rem;
	display: block;
	background:transparent url(http://res1.greekisland.co.uk/icon/arrowup32.png) no-repeat top left;	
	text-decoration:none;
	clear: both;}
	
a.up:hover{
	opacity:.50; 
	filter:alpha(opacity=50);}
	
h1,h2,h3,h4,h5,h6{
	font-family: tahoma, arial, san-serif;
	font-weight: normal;
	letter-spacing: 1px;
	margin: 0;
	padding: 0;}

p{
	font-size: 0.9375rem;
	line-height: 1.6;
	margin: 0;
	padding: 0;
	color: #333;}	
	
#wrap{
max-width: 1200px;
	margin: auto;
	padding: 1%;}	

#top{
	width: 100%;
	position: relative;}

#header{
	width: 100%;
	margin-top: 18px;}

a.logo{
	float: left;
	width: 60px;
	height: 60px;
	background: transparent url(../images/home/mill60-60.png) no-repeat;
	margin-right: 0.8rem;}

a.logo:hover {
	opacity:.70;
	filter:alpha(opacity=70);}

#header h1{
	font-size: 2.25rem;
	color: #069; 
	padding-top: 18px;}

#header h1 em{
	font-size: 1.5rem;
	font-style: normal;
	color: #7a7a7a;}

#crumb{
	width: 100%;
	font-size: 1rem;
	margin: 18px 0 0 18px;}	

.pantop{
	margin-bottom: 32px;}
	
.pantop h2{
	font-size: 1.5rem;
	padding: 12px 0;
}

.pantopbox{
	padding: 9px 18px;}

/*.pantopbox h2{
	font-size: 1.5rem;
	padding: 12px 0;
}
*/
.pantopbox .cols{
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-width: 300px;
-moz-column-width: 300px;
column-width: 300px;}
	
.pan{
	border-left: 160px solid white; 
	border-right: 160px solid white;
	background: white;}
		
.panleft{
	float: left; 
	width: 160px;
	margin-left: -160px;
	padding-top: 16px;}

.panright{
	float: right; 
	width: 160px;
	margin-right: -160px;
	padding-top: 16px;}

.panbox{
padding: 2%;
background: #fff;}

.panbox li em{
	color: red;
	display: inline;
	margin-right: 1rem;
	}

.panbox li{
	padding: 14px 0;
	line-height: 1.5;
	padding-left: 1rem;
	}

.panbox li:nth-child(even) {
	background-color: #eee; }

.vad{
width: 120px;
margin: auto;
padding-bottom: 16px;}

#foot{
	clear: both;
	width: 100%;
	color: #666;
	text-align: center;
	font-size: 1.1rem;
	margin: 32px 0;	
	padding: 12px 0;
	background: #eee;
	border-top: 1px solid #aaa;	}
	
#foot em{
	display: block;
	font-size: 0.9rem;
	padding-top: 3px;}

.adbara{
	/*thomson*/
	width: 728px;
	height: 90px;
	margin: 20px auto;
background: url(http://www.lduhtrp.net/image-3180761-11278876-1430498722000.jpg) no-repeat top left;
}

.adbarb{
	/*olympic*/
	width: 728px;
	height: 90px;
	margin: 20px auto;
background: url(http://banners.affiliatefuture.com/2132/126131.jpg) no-repeat top left;
}

@media screen and (max-width:800px)
{
	#header h1 em{
	display: none;}
	
	.pantop{
	width: 98%;
	border-left: none;
	border-right: none;
	float: none;}
	
	.pan{
	width: 100%;
	border-left: none;
	border-right: none;
	float: none;}

.panleft{
	display: none;}

.panright{
display: none;}

.adbara{
		/*thomson*/
	width: 468px;
	height: 60px;
	margin: 20px auto;
background: url(http://www.lduhtrp.net/image-3180761-11278882-1430498722000.jpg) no-repeat top left;
}

.adbarb{
	/*olympic*/
	width: 468px;
	height: 60px;
	margin: 20px auto;
background: url(http://banners.affiliatefuture.com/2132/150053.jpg) no-repeat top left;
}

	
}

@media screen and (max-width:500px)
{
	
.adbara{
		/*thomson*/
	width: 300px;
	height: 250px;
	margin: 20px auto;
background: url(http://www.lduhtrp.net/image-3180761-11278886-1430498722000.jpg) no-repeat top left;
}

.adbarb{
	/*olympic*/
	width: 300px;
	height: 250px;
	margin: 20px auto;
background: url(http://banners.affiliatefuture.com/2132/150050.jpg) no-repeat top left;
}

#header h1{
	font-size: 1.8rem;
	line-height: 2.3;}
	
#crumb{
	margin: 9px 0 0 18px;}	
	
.pantop{
	width: 98%;
	border-left: none;
	border-right: none;
	float: none;}

.pan{
	width: 100%;
	border-left: none;
	border-right: none;
	float: none;}

.panleft{
	display: none;}

.panright{
display: none;}

#foot{
	font-size: 1.0rem;}

}