body { font-family:  Arial, Helvetica, sans-serif; font-size:12px; line-height:140%; color:#393939;  background-color:#f9f9f9;}
.l{ float:left;}
.c{ clear:both;}
.r{ float:right;}
img{ vertical-align:middle; border:none;}
a{ color:#393939; text-decoration:none;}
a:hover{ color:#0099FF; text-decoration:none;}
*{ padding:0px; margin:0px;}

/*header start*/
#header{}
.top-link{ background-color:#369494;}
.top-link ul{ padding:0px; margin:0px;}
.top-link ul li{ padding:12px 20px 12px 0; margin:0px; display:inline; display:block; float:left;}
.top-link ul li a{ padding:0px; margin:0px; color:#FFFFFF;}
.top-link ul li a:hover{ color: #bde7e7;}
.login-link  { color:#fff; font-size:14px; padding:7px 0 0 0; }
.login-link .link{color: #FFFFFF;
    margin: 0px 20px 0 0;
padding: 5px;}
.login-link a:hover{ color: #fff; text-decoration: none !important;}
.menu{ background-color:#FFFFFF; border-bottom: #E9E9E9 solid 2px; padding:15px 0 ; }
.nav ul{ font-family: 'bariol_regularregular', arial, sans-serif; padding:7px 0 0 0px; margin:0px; font-size:15px; font-weight:bold; height:44px;  }
.nav ul li{ padding:0px; margin:0px;  display:block; float:left; background:url(../images/border.jpg) right top no-repeat;} 
.nav ul li a{  padding:12px 20px 35px 20px; margin:0px; display:block; float:left; color:#369493;}
.nav ul li a:hover{ background:url(../images/li-hover.jpg) bottom center no-repeat; color:#333!important;}
.nav ul li img{ padding:1px 0 1px 0;}
.icon  span{ position:absolute; background-color:#318A88; color:#FFFFFF; border-radius:4px; padding:1px 3px; font-size:12px; margin: -9px 0 0 8px;}  

.mobileMenu{ border: solid 1px #666; background-color:#eee; border-radius:5px; padding:5px; width:100%; margin:0 0 10px 0; text-transform: lowercase;} 
.but-login{ margin:0 15px; background-color: #79C8C5;border-bottom: 2px solid #408683; border:0px; color:#fff;font-family: arial;font-size: 12px; padding: 4px 5px; font-weight: lighter;}
.but-login:hover{ cursor:pointer; background-color:#9fdcda;}
.last{ background: none!important;}
.last a{ padding-right:0px!important;}




.login-box,.postcode-box{z-index: 999; position:absolute; width:190px; background-color:#359493; padding: 15px 15px;
margin: 12px 0 0 -122px; display:none;}
.login-box h1,.postcode-box h1{font-family: 'bariol_regularregular', arial, sans-serif; font-size:26px; font-weight:normal; color:#FFFFFF; line-height:26px; padding:0 0 10px 0;}
.login-box p,.postcode-box p{ padding:0 0 5px 0;}
.in02{ width:178px; background:url(../images/img-in.png) 97% center no-repeat; border:0px; padding: 7px 6px; background-color:#FFFFFF; color:#84878d; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.but-rsv{background-color: #79C8C5;
border-bottom: 2px solid #408683;
border: none;
color: #fff;
font-family: arial;
font-size: 14px;
padding: 6px 10px;
font-weight: lighter;}
.but-rsv:hover{background-color: #8adbdb;; cursor:pointer;}
.login-box h5,.postcode-box h5{ text-align: right; padding:5px 0 0 0;}
.login-box h6,.postcode-box h6 { margin:-28px 0 0 0; position:absolute; right:0px; width:250px; text-align:right; padding:0 25px 0 0;}
.sginin{ position:relative;}
.sginin a { color:#fff; margin:5px 0 0 0; padding-bottom:10px;}
.sginin a:hover {background: none;}
/*.sginin:hover .login-box{ display:block;}*/
.clickhere-but.l:hover { color: #fff;}
.wrapper2
{
    max-width: 1030px;
    margin:auto;    
}

/*header end*/

/*content start*/
#content{ padding:0 0 30px 0;margin-top:-89px;} 
.sidebar{ }
.contentarea{}
/*content end*/

/*footer start */
#footer{ background-color:#1d73ad; padding:40px 0; padding-bottom: 20px; position:relative;}
.footer-left h1{ padding:0 0 25px 0;}
.footer-left{ width:620px;}
.footer-left p{ color: #fff; font-family: arial; font-size: 13px; padding:0 0 30px 0;    line-height:20px; text-shadow:0 1px 0 #666;}
.footer-left h6 a{ color:#FFFFFF; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-right:15px;}
.footer-left h6 a:hover{ color: #8ae1e0;}

.footer-right{ width:400px;}
.footer-right p a{ font-size:13px; color:#fff; margin-left:20px;}
.footer-right p a:hover{ color: #8ae1e0;}
.footer-top{ padding:0 0 30px 0;}
.copyright{ background: url(../images/footer-bg.gif) repeat-x top;
font-size: 12px;
color: #fff;
padding: 20px 0 0;
text-align: right;} 



/*footer end */

/*form start*/
.pagination{}

/*form end*/

/*common width start*/
.small{ width:90px;}
.medium{ width:236px;}
.large{ width:260px;}
.big{ width:405px;}
.select-large{width:272px;}
.select-medium{width:276px;}
.select-small{width:100px;}

.in {float:right;box-shadow: 2px 2px 3px #EEEEEE inset; border: solid 1px #b9b9b9; background-color:#fbfbfb;  font-size:20px; font-family: 'bariol_regularregular', arial, sans-serif; padding:11px; color:#404040;width: 320px;}
.in:hover {border: solid 1px #999;}
.in:focus {border: solid 1px #999;}
.in:focus:hover {border: solid 1px #999;}



/*common width end*/

/*buttons start*/
.button{}
.but-blue { 
     background: none repeat scroll 0 0 #1D73AD;
    border: 1px solid #82C3C3;
    color: #FFFFFF;
    float: right;
    font-family: arial;
    font-size: 20px;
    font-weight: lighter;
    margin-top: 10px;
    padding: 9px 22px;
    text-align: center;
}





.but-blue:hover{opacity:0.8; cursor:pointer; color:White;}
/*buttons end*/

@font-face {
    font-family: 'bariol_boldbold';
    src: url('../font/bariol_bold.eot');
    src: url('../font/bariol_bold.eot?#iefix') format('embedded-opentype'),
         url('../font/bariol_bold.woff') format('woff'),
         url('../font/bariol_bold.ttf') format('truetype'),
         url('../font/bariol_bold.svg#bariol_boldbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'bariol_lightlight';
    src: url('../font/bariol_light.eot');
    src: url('../font/bariol_light.eot?#iefix') format('embedded-opentype'),
         url('../font/bariol_light.woff') format('woff'),
         url('../font/bariol_light.ttf') format('truetype'),
         url('../font/bariol_light.svg#bariol_lightlight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'bariol_regularregular';
    src: url('../font/bariol_regular.eot');
    src: url('../font/bariol_regular.eot?#iefix') format('embedded-opentype'),
         url('../font/bariol_regular.woff') format('woff'),
         url('../font/bariol_regular.ttf') format('truetype'),
         url('../font/bariol_regular.svg#bariol_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}