@charset "UTF-8";
/* CSS Document */

/* ---------------------------------------------------- LOGO FONT-FACE ---------------------------------------------------- */
@font-face {
    font-family: 'Octin Sports Free';
    src: url('fonts/octin_sports_free-webfont.eot');
    src: url('fonts/octin_sports_free-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/octin_sports_free-webfont.woff') format('woff'),
         url('fonts/octin_sports_free-webfont.ttf') format('truetype'),
         url('fonts/octin_sports_free-webfont.svg#Octin Sports Free') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* TEXT FONT-FACE */
@font-face {
    font-family: 'cinnamon cake';
    src: url('fonts/cinnamon_cake-webfont.eot');
    src: url('fonts/cinnamon_cake-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/cinnamon_cake-webfont.woff') format('woff'),
         url('fonts/cinnamon_cake-webfont.ttf') format('truetype'),
         url('fonts/cinnamon_cake-webfont.svg#cinnamon cake') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ---------------------------------------------------- PAGE PROPORTIES ---------------------------------------------------- */
a.linkhover:hover{
    background-position: 0 0;
}

* {
  margin: 0;
  padding: 0;
  border: 0;
}

/* ---------------------------------------------------- TEMPLATE PROPORTIES ---------------------------------------------------- */
#Header{
	width:100%;
	height:90px;
}

#Logo{
    font-size:72px;
    width:520px;
	height:90px;
    line-height:64px;
	float:left;
    font-family:"Octin Sports Free";
    background-image: linear-gradient(#369, #369, #000);
    background-size: auto 200%;
    background-position: 0 100%;
    transition: background-position 2.0s;
    -webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-align:center;
}

#Logo:hover{	
	background-position: 0 0;
}

#LogoFoot{
	margin:0 auto 0 auto;
	width:520px;
	float:left;
	font-size:23px;
	line-height:25px;
	font-family:"cinnamon cake";
}

#ReviewContainer{
	height:90px;
	width: 280px;
	float:right;
}

#WriteReview{
	font-family:"cinnamon cake";
	text-align:center;
	font-size:26px;	
	width: 165px;
	padding:8px;
	margin:5px auto 5px auto;
	border: 5px solid #369;
	border-radius: 10px;
	background-color: #369;
	color:#FFF;
}

#WriteReview:hover{
	background-color: #FFF;
    color:#369;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

#Vouchers{
width: 280px;
	height:20px;
	float:left;
	font-size:20px;
	font-family:"cinnamon cake";
	text-align:center;
}

#Footer{
	margin-top:20px;
	font-family:"cinnamon cake";
	overflow:hidden;
}

#FooterLeft{
	float:left;
	font-size:18px;
}

#FooterRight{
	font-size:22px;
	float:right;
}

#Content{
	width:auto;
	min-width:500px;
	margin:30px;
	padding:20px;
	background: white;
	-moz-box-shadow: 0 0 20px black;
	-webkit-box-shadow: 0 0 20px black;
	box-shadow: 0 0 20px black;
}

/* --------------------------------------------------------- HOMEPAGE ---------------------------------------------------------- */
#Search{
	font-family:"cinnamon cake";
	font-size:23px;
	text-align:center;
	width:422px;
	margin:5% auto 5% auto;
}

#inputString { 
	font-family:"cinnamon cake";
	font-size:18px;
	line-height:24px;
	margin-top:10px;
	padding:5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:2px solid #D1D0CC;
}

#inputString:hover {
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
	border:2px solid #369;
}

/* ---------------------------------------------------- SEARCH RESULTS ---------------------------------------------------- */
.break { clear:both; }

a.suggestions{
	color:#000;	
}

#searchresults { border-width:1px; border-color:#919191; border-style:solid; width:420px; background-color:#a0a0a0; font-size:20px; line-height:14px; }
#searchresults a { display:block; background-color:#eaeaea; clear:left; height:30px; text-decoration:none; }
#searchresults a:hover { background-color:#b7b7b7; }
#searchresults a span.searchheading { display:block; font-weight:bold; padding-top:5px; color:#191919; }
#searchresults a:hover span.searchheading { color:#ffffff; }
#searchresults a span { color:#555555; }
#searchresults a:hover span { color:#f1f1f1; }
#searchresults span.category { font-size:20px; margin:5px; display:block; color:#ffffff; }
#searchresults span.seperator { float:right; padding-right:15px; margin-right:5px;
			background-image:url(../images/shortcuts_arrow.gif); background-repeat:no-repeat; background-position:right; }
#searchresults span.seperator a { background-color:transparent; display:block; margin:5px; height:auto; color:#ffffff; }

/* ---------------------------------------------------- MOST PAGES ---------------------------------------------------- */
#Name{
	font-family:"cinnamon cake";
	font-size:40px;
	margin:0 auto 0 auto;
	width:auto;
	height:auto;
	text-align:center;
	margin-top:15px;
	margin-bottom:20px;
}

#UniContent{
	margin:0 auto 0 auto;
	overflow:hidden;
	display:table;
	padding:20px;
}

.flat-table {
	margin:0 auto 0 auto;
		text-align:center;
		border-collapse:collapse;
		font-family:"cinnamon cake";
		border: none;
                border-radius: 3px;
               -webkit-border-radius: 3px;
               -moz-border-radius: 3px;
	}
	.flat-table th, .flat-table td {
		box-shadow: inset 0 -1px rgba(0,0,0,0.25);
	}
	.flat-table th {
		font-weight: normal;
		-webkit-font-smoothing: antialiased;
		color: rgba(255,255,255,0.45);
		text-shadow: 0 0 1px rgba(0,0,0,0.1);
	}
	.flat-table td {
		padding:3px;
		color: #000;
		text-shadow: 0 0 1px rgba(255,255,255,0.1);
	}
	.flat-table tr {
		-webkit-transition: background 0.3s, box-shadow 0.3s;
		-moz-transition: background 0.3s, box-shadow 0.3s;
		transition: background 0.3s, box-shadow 0.3s;
	}
	.flat-table-1 {
		background: #FFF;
	}
	.flat-table-1 tr:hover {
		background: rgba(0,0,0,0.1);
	}
	
	.flat-table-2 {
		background: #FFF;
	}
	.flat-table-2 tr:hover {
		background: rgba(0,0,0,0.1);
	}
	
	.flat-table-2 td {
		padding:7px;
	}		
	.table-head{
	font-size:30px;	
	}

/* --------------------------------------------------------- UNI PAGE --------------------------------------------------------- */
#HallList{
	width:500px;
	height:auto;
	margin-top:15px;
	float:left;
	display:table-row;
	font-family:"cinnamon cake";
	font-size:20px;
}

#UniImage{
	width:500px;
	height:300px;
	margin-top:15px;
	border:7px solid #FFF;
	-moz-box-shadow: 0 0 20px black;
	-webkit-box-shadow: 0 0 20px black;
	box-shadow: 0 0 20px black;
	overflow:hidden;
}

#UniImage img {
	height:100%;
	width:100%
}

/* --------------------------------------------------------- HALLS PAGE --------------------------------------------------------- */
#HallsUniName{
	font-size:28px;
}

#HallsGraph{
	margin: 0 auto 0 auto;
	padding-left:30px;
	max-height:500px;
	max-width:800px;
}

#HallsGraph img {
	height:100%;
	width:100%
}

#Compare{
	height:50px;
	width:760px;
	text-align:center;
	margin: 0 auto 0 auto;
	font-family:"cinnamon cake";
	font-size:24px;
}

#Compare form {
   display:inline;
   margin:0;
   padding:0;
}

#Compare select{
	font-size:14px;
   padding: 5px;
   border: 1px solid #CCC;
   border-radius: 0;
   	width:120px;
   -webkit-appearance: none;
}

#CompareSubmit{
	font-family:"cinnamon cake";
	font-size:18px;
	padding:5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:2px solid #D1D0CC;
}

#CompareSubmit:hover {
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
	border:2px solid #333;
}

#SortBy{
	margin:20px auto 20px auto;
	width:700px;
	font-family:"cinnamon cake";
	font-size:20px;	
}

.hideContent {
    overflow: hidden;
	font-size:18px;
	line-height:20px;
	height:40px;
	text-align:left;
}

.showContent {
    line-height: 24px;
    font-size:18px;
    height: auto;
	text-align:left;
}

.show-more {
	width:100px;
	margin:0 auto 0 auto;
	cursor:pointer;
    padding: 10px 0;
    text-align: center;
	background-image: linear-gradient(#369, #369, #000);
    background-size: auto 200%;
    background-position: 0 100%;
    transition: background-position 1.0s;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-decoration: none;
}

#HallsSubmit{
	font-family:"cinnamon cake";
	text-align:center;
	font-size:26px;	
	width: 165px;
	padding:10px;
	margin:20px auto 0 auto;
	border: 5px solid #369;
	border-radius: 10px;
	background-color: #369;
	color:#FFF;
}

#HallsSubmit:hover{
	background-color: #FFF;
    color:#369;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}


/* ---------------------------------------------------- SUBMIT PAGE ---------------------------------------------------- */
#Giftcard{
	font-family:"cinnamon cake";
	font-size:20px;
	margin:0 auto 0 auto;
	width:auto;
	height:auto;
	text-align:center;
	margin-top:15px;
	margin-bottom:20px;
	padding-right:20px;
}

#Giftcard img{
	padding-left:20px;
	height:115px;
	width:180px;
}

#Submit{
	font-family:"cinnamon cake";
	font-size:20px;		
	width:730px;
	margin:0 auto 0 auto;
}

#SubmitTitle{
	width:730px;
    font-size:24px;
    text-decoration:underline;
    text-align:center;
}

#Submit input{
	font-family:"cinnamon cake";
	font-size:18px;
	padding:5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:2px solid #D1D0CC;
}

#Submit input:hover {
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
	border:2px solid #369;
}

.ratingoverall {
    overflow: hidden;
    display: inline-block;
    font-size: 0;
    position: relative;
}
.ratingoverall-input {
    float: right;
    width: 32px;
    height: 32px;
    padding: 0;
    margin: 0 9px 0 -32px;
    opacity: 0;
}
.ratingoverall:hover .ratingoverall-star:hover,
.ratingoverall:hover .ratingoverall-star:hover ~ .ratingoverall-star,
.ratingoverall-input:checked ~ .ratingoverall-star {
    background-position: 0 0;
}
.ratingoverall-star,
.ratingoverall:hover .ratingoverall-star {
    position: relative;
    float: right;
    display: block;
    width: 32px;
    height: 32px;
    background: url('images/starsoverall.png') 0 -32px;
}

.rating {
    overflow: hidden;
    display: inline-block;
    font-size: 0;
    position: relative;
}
.rating-input {
    float: right;
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 0 0 0 -16px;
    opacity: 0;
}
.rating:hover .rating-star:hover,
.rating:hover .rating-star:hover ~ .rating-star,
.rating-input:checked ~ .rating-star {
    background-position: 0 0;
}
.rating-star,
.rating:hover .rating-star {
    position: relative;
    float: right;
    display: block;
    width: 16px;
    height: 16px;
    background: url('images/stars.png') 0 -16px;
}

#reviewCont { 
	width:525px;
	margin:0 auto 0 auto;
}

#review { 
	font-family:"cinnamon cake";
	width:525px;
	height:200px;
	max-width:525px;
	max-height:200px;
	font-size:18px;
	padding:5px;
	line-height:20px;
	vertical-align:text-top;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:2px solid #D1D0CC;
}

#review:hover {
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
	border:2px solid #369;
}

#Optional{
	width:370px;
	margin:0 auto 0 auto;
}

#ReviewSubmit{
	font-family:"cinnamon cake";
	text-align:center;
	font-size:28px !important;
	width: 130px;
	padding:8px;
	margin:0 auto 0 auto;
	border: 5px solid #369 !important;
	border-radius: 10px;
	background-color: #369;
	color:#FFF;
}

#ReviewSubmit:hover{
	background-color: #FFF;
    color:#369;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

#ReviewEnd{
	font-family:"cinnamon cake";
	text-align:center;
	font-size:22px;	
	width: 730px;
}

/* --------------------------------------------------------- UNI LIST --------------------------------------------------------- */
#UniList{
	width:auto;
	height:auto;
	margin-top:15px;
	display:table-row;
	font-family:"cinnamon cake";
	font-size:20px;
}

/* ---------------------------------------------------- LOGIN/ADMIN PAGE ---------------------------------------------------- */
#Login{
	font-family:"cinnamon cake";
	text-align:center;
	font-size:22px;	
}

#Login input{
	font-family:"cinnamon cake";
	font-size:22px;	
}

/* --------------------------------------------------- PRIVACY/TC/ABOUT PAGES ------------------------------------------------ */
h2{
	font-family:"cinnamon cake";
	font-size:28px;
}

#About{
	margin:0 auto 0 auto;
	font-family:"cinnamon cake";
	font-size:20px;	
	line-height:24px;
	width:97%;
}


/* ---------------------------------------------------- ERROR/THANKS PAGE ---------------------------------------------------- */
#ErrorThanks{
	width:730px;
	margin:0 auto 0 auto;
	font-family:"cinnamon cake";
	font-size:22px;
	text-align:center;
}

/* ----------------------------------------------------------- RESPONSIVE ----------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1200px) {
#HallList{
    width:400px;
	height:auto;
	font-size:18px;
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
    
}

.table-head{
    font-size:24px;	
	-webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

#UniImage{
    width:340px;
    height:204px;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}
}

@media only screen and (max-width: 1100px) {
#UniImage{
    width:300px;
	height:186px;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}
}

@media only screen and (max-width: 930px) {
#Logo {
	font-size:60px;
	line-height:60px;
	width:420px;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

#LogoFoot {
	font-size:18px;
	line-height:20px;
	width:420px;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

#ReviewContainer{
	height:70px;
	width: 240px;
	 -webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

#WriteReview{
	font-size:20px;	
	width: 125px;
	padding:6px;
	margin:5px auto 5px auto;
	 -webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

#Vouchers{
	width: 240px;
	height:20px;
	font-size:17px;
	 -webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

#Giftcard img{
	padding-left:20px;
	height:90px;
	width:140px;
}

}

@media only screen and (max-width: 870px) {
#HallList{
    width:275px;
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

#Compare{
	width:660px;
	font-size:20px;
	 -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

#SortBy{
	margin:15px auto 15px auto;
	width:630px;
	font-size:18px;
	-webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

#HallsSubmit{
	font-size:22px;	
	width: 140px;
	-webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

#Submit{
	font-size:18px;		
	width:600px;
	-webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

#SubmitTitle{
	width:600px;
    font-size:22px;
    line-height:22px;
	-webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

#Submit input{
	font-size:15px;
	padding:3px;
	-webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

.ratingoverall-input {
    margin: 0 6px 0 -32px;
	-webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

#reviewCont{
	width:470px;
	-webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

#review { 
	width:470px;
	height:170px;
	max-width:470px;
	max-height:170px;
	font-size:15px;
	line-height:17px;
	-webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

#ReviewSubmit{
	font-size:24px !important;
	width: 80px;
	padding:5px;
	border: 3px solid #369 !important;
	-webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

#ReviewEnd{
	font-size:18px;	
	width: 600px
	-webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;;
}

#ErrorThanks{
	font-size:18px;		
	width:600px;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

h2{
	font-size:22px;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

#About{
	font-size:16px;	
	line-height:20px;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

}

@media only screen and (max-width: 768px) {
#Logo {
	font-size:50px;
	line-height:50px;
	width:350px;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

#LogoFoot {
	font-size:16px;
	line-height:18px;
	width:350px;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

#ReviewContainer{
	height:60px;
	width: 200px;
	 -webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

#WriteReview{
	font-size:17px;	
	width: 120px;
	padding:5px;
	border: 3px solid #369;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

#Vouchers{
	width: 200px;
	height:17px;
	font-size:14px;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

	
#HallsUniName{
	font-size:20px;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

#Content {
	margin:0px;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

#FooterLeft{
	font-size:14px;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

#FooterRight{
	font-size:18px;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

#Name {
	font-size:32px;
	margin-top:10px;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

#HallList{
	margin-top:0px;
	width:200px;
	height:auto;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

.table-head{
    font-size:20px;
	-webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
	}

#UniImage{
	width:235px;
	height:141px;
	border:5px solid #FFF;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

#Compare{
	width:500px;
	font-size:16px;
	 -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

#Compare select{
	font-size:12px;
}

#CompareSubmit{
	font-size:12px;
	-webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

#SortBy{
    margin:10px auto 10px auto;
	width:570px;
	font-size:16px;
	-webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

#Giftcard{
	font-size:16px;
	margin-top:10px;
	margin-bottom:10px;
	padding-right:10px;
}

#Giftcard img{
	padding-left:10px;
	height:70px;
	width:110px;
}
}

@media only screen and (max-width: 680px) {
#Header{
	width:100%;
	height:60px;
}
	
#Logo {
	font-size:40px;
	line-height:40px;
	width:285px;
	height:60px;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

#LogoFoot {
	font-size:13px;
	line-height:15px;
	width:285px;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

#ReviewContainer{
	margin-top:5px;
	height:40px;
	width: 160px;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

#WriteReview{
	font-size:14px;	
	width: 90px;
	padding:3px;
	margin:2px auto 2px auto;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

#Vouchers{
	width: 160px;
	height:15px;
	font-size:11px;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

#Submit{
	font-size:14px;		
	width:450px;
	-webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

#SubmitTitle{
	width:450px;
    font-size:18px;
    line-height:20px;
	-webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

#Submit input{
	font-size:13px;
	padding:1px;
	-webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

.ratingoverall-input {
    width: 16px;
    height: 16px;
    margin: 0 4px 0 -16px;
	-webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

.ratingoverall-star,
.ratingoverall:hover .ratingoverall-star {
    width: 16px;
    height: 16px;
    background: url('images/stars.png') 0 -16px;
	-webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

#reviewCont{
	width:400px;
	-webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

#review { 
	width:400px;
	height:110px;
	max-width:400px;
	max-height:110px;
	font-size:13px;
	line-height:15px;
	-webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

#ReviewSubmit{
	font-size:16px !important;
	width: 70px;
	padding:3px;
	-webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

#ReviewEnd{
	font-size:14px;	
	width: 450px;
	-webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

#ErrorThanks{
	font-size:14px;		
	width:450px;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}
	
}

@media only screen and (max-width: 600px) {
#SortBy{
    margin:5px auto 5px auto;
    width:500px;
    font-size:14px;
	-webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}
}

@media only screen and (max-width: 550px) {
body{
	margin:0px;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

#Logo {
	font-size:40px;
	line-height:40px;
	width:285px;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

#LogoFoot {
	font-size:13px;
	line-height:15px;
	width:285px;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

#FooterLeft{
	font-size:12px;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

#FooterRight{
	font-size:16px;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

#Search{
	font-family:"cinnamon cake";
	font-size:16px;
	text-align:center;
	width:auto;
	margin:5% auto 5% auto;
}

#searchresults { width:290px; font-size:16px; line-height:12px;}

#suggestions { width:290px; margin:0 auto 0 auto;}

#searchresults span.category { font-size:16px; }

#inputString { 
	font-size:14px;
	line-height:20px;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

#Name {
	font-size:24px;
	-webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

#HallList{
	width:200px;
	height:auto;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

#UniImage{
	width:235px;
	height:141px;
	border:3px solid #FFF;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

#Compare{
	width:475px;
	font-size:14px;
	 -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

#Compare select{
	font-size:12px;
}

#HallsSubmit{
    font-size:18px;	
	width: 114px;
	-webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

h2{
	font-size:20px;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

#About{
	font-size:14px;	
	line-height:18px;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}
}