@charset "utf-8";
/* STUDY INN v1.0 2009 */

body { margin:0; background:#22272B; font-family:"Trebuchet MS", Tahoma, Arial; color:#fff; font-size:12px; }
h1, h2 { font-size:19px;  }
h3 { font-size:16px;  }
form {margin: 0px;}
a { outline:none; }
.spacer { height: 60px; display: block; }
/*FORMSTYLE*/
fieldset { margin:10px 0; padding:10px; border:none;  }
legend { font-weight:bold; }
label { display:block; }
label.tag { width:275px; height:25px; margin:0 0 1px 0; background:#22272B; color:#fff; padding:3px 10px; font-weight:bold; }
input { width:270px; background:#22272B; color:#fff; border:1px solid #E91F24; padding:6px 10px; overflow:hidden; }
input#single, input#twin, input#double { width:auto; height:10px; float:right; border:none; }
input#cost, input#cost-fifty { width:50px; float:right; padding:3px; background:#fff; border:1px solid #666; color:#22272B; }
input#button { width:290px; background:#E91F24; color:#fff; font-weight:bold; }
#room input { width:270px; background:#22272B; color:#fff; border:1px solid #E91F24; padding:6px 10px; float:left; }
#room label { display:block; clear:both; }
input#member { clear:both; float:left; width:290px; background:#E91F24; color:#fff; font-weight:bold; margin:10px 0 0 0; }
select { width:270px; border:1px solid #666; padding:6px 10px;  }
textarea { width:270px; border:1px solid #E91F24; padding:6px 10px; background:#22272B; color:#fff; }
/* END FORMSTYLE */

.container { width:991px; clear:both; margin:0 auto; position:relative; background:url(img/bg-container.jpg) 16px 0 repeat-y; }
.container p.link { width:953px; position:absolute; left:0; top:87%; font-size:24px; clear:both; margin:0; text-align:center; font-weight:bold; }
.container p.link a { width:953px; padding:8px 10px; display:block; background:#E91F24; color:#fff;  text-decoration:none; border:1px solid #E91F24;  }
.container p.link a:hover { width:953px; padding:8px 10px; display:block; background:#fff; color:#E91F24;  text-decoration:none; border:1px solid #E91F24;  }
.container p span { font-size:36px; }
.container p.lower {  width:955px; position:absolute; left:0; top:455px; font-size:28px; clear:both;  margin:0; text-align:center; font-weight:bold; }
.container p.lower a { width:953px; padding:5px 0; display:block; background:#E91F24; color:#fff;  text-decoration:none; border:1px solid #E91F24;  }
.container p.lower a:hover {  background:#fff; color:#E91F24; text-decoration:none; }

.container p.booked { width:auto; padding:8px 10px; position:absolute; left:0; top:70%; font-size:44px; clear:both; margin:0; text-align:left; font-weight:bold; background:#E91F24; }

/* HEADER */
ul#header { width:601px; text-align:right; list-style:none; margin:0; padding:10px 0;  }
ul#header li.big-red { font-size:30px; color:#E91F24; font-weight:bold; }
ul#header li.small-white { font-size:22px; color:#fff; }
ul#header a { color:#fff; text-decoration:none; font-size:18px; }
ul#header a:hover { color:#fff; text-decoration:underline; }
/* END HEADER */

/* FOOTER */
#foot { width:600px; float:right; padding:10px 0; line-height:12px; }
ul.footer { width:100%; float:left; list-style:none; margin:0; padding:0; color:#fff; text-align:left; font-size:9px; }
ul.footer li { display:inline; }
ul.footer a:link { color:#fff; text-decoration:none; }
ul.footer a:visited { color:#fff; text-decoration:none; }
ul.footer a:hover { color:#fff; text-decoration:underline; }
/* END FOOTER */

/* NAVIGATION */
ul#nav { clear:both; float:right; color:#fff; list-style:none; padding:0; margin:0; }
ul#nav li { display:inline; float:left; }
ul#nav ul li a { width:78px; }
ul#nav li a { width:72px; height:72px; color:#fff; display:block; text-decoration:none; font-weight:bold; }
ul#nav li a.home { width:72px !important; background:url(img/nav/home.jpg) top left no-repeat; display:block; text-indent:-999999px; }
ul#nav li a:hover.home { width:72px !important; background:url(img/nav/home-over.jpg) top left no-repeat; display:block; text-indent:-999999px; }
ul#nav li a.locations { width:72px !important; background:url(img/nav/locations.jpg) top left no-repeat; display:block; text-indent:-999999px; }
ul#nav li a:hover.locations { width:72px !important; background:url(img/nav/locations-over.jpg) top left no-repeat; display:block; text-indent:-999999px; }
ul#nav li a.rooms { width:72px !important; background:url(img/nav/rooms.jpg) top left no-repeat; display:block; text-indent:-999999px; }
ul#nav li a:hover.rooms { width:72px !important; background:url(img/nav/rooms-over.jpg) top left no-repeat; display:block; text-indent:-999999px; }
ul#nav li a.book-room { width:72px !important; background:url(img/nav/book-room.jpg) top left no-repeat; display:block; text-indent:-999999px; }
ul#nav li a:hover.book-room { width:72px !important; background:url(img/nav/book-room-over.jpg) top left no-repeat; display:block; text-indent:-999999px; }
ul#nav li a.about { width:72px !important; background:url(img/nav/about.jpg) top left no-repeat; display:block; text-indent:-999999px; }
ul#nav li a:hover.about { width:72px !important; background:url(img/nav/about-over.jpg) top left no-repeat; display:block; text-indent:-999999px; }
ul#nav li a.booking { width:72px !important; background:url(img/nav/booking.jpg) top left no-repeat; display:block; text-indent:-999999px; }
ul#nav li a:hover.booking { width:72px !important; background:url(img/nav/booking-over.jpg) top left no-repeat; display:block; text-indent:-999999px; }
ul#nav li a.member { width:72px !important; background:url(img/nav/member.jpg) top left no-repeat; display:block; text-indent:-999999px; }
ul#nav li a:hover.member { width:72px !important; background:url(img/nav/member-over.jpg) top left no-repeat; display:block; text-indent:-999999px; }
ul#nav li a.tour { width:72px !important; background:url(img/nav/tour.jpg) top left no-repeat; display:block; text-indent:-999999px; }
ul#nav li a:hover.tour { width:72px !important; background:url(img/nav/tour-over.jpg) top left no-repeat; display:block; text-indent:-999999px; }

/* END NAVIGATION */

/* BRANDING */
#branding { width:930px; height:194px; clear:both; border-bottom:1px solid #fff; background:#fff; color:#fff; }
/* END BRANDING */

/* CONTENT */
.content { width:601px; float:left; padding:0 13px 0 0; /* background:url(img/bg-header.jpg) 15px 15px no-repeat; */ }
.content img { clear:both; float:right; }

#intro { float:left; }
#intro a { color:#000; text-decoration:none; }
#intro a:visited { color:#000; text-decoration:none; }
#intro a:hover { color:#cc0000; text-decoration:none; }

.sidebar { width:345px; float:left; margin:0 0 0 16px; }
.sidebar ul { padding:0; margin:0; list-style:url(img/red-arrow.png) outside; }
.sidebar p a { clear:both; float:right; font-weight:bold; color:#E91F24; text-decoration:none; }
.sidebar p a:hover { font-weight:bold; color:#E91F24; text-decoration:underline; }
.sidebar p.new { width:150px; text-align:center; font-size:50px; padding:10px; margin:5px auto; text-transform:uppercase; font-weight:bold; color:#fff; background:#E91F24; }
.sidebar p a.book { width:140px; text-decoration:none; float:right; text-align:center; font-size:20px; padding:5px; margin:10px 15px 0 0; font-weight:bold; color:#fff; background:#E91F24; }
.sidebar p a:hover.book { width:140px; text-decoration:none; float:right; text-align:center; font-size:20px; padding:5px; margin:0 15px 0 0; font-weight:bold; color:#E91F24; background:#fff; }
.sidebar img { clear:both; margin:0 auto; }
.sidebar h4 { margin:0; padding:0; color:#E91F24; font-size:12px; }
/* END CONTENT */

/*PAGE*/
#primary { width:588px; float:left; padding:0 13px; font-family:"Century Gothic", "Trebuchet MS", Arial; }
#primary h1 { font-size:45px; margin:5px 0; font-weight:normal; }
#primary h2, #primary h1 span { font-size:35px; margin:5px 0; line-height:35px; font-weight:normal; }
#primary h1 span { display:block; font-size: 25px; }
#primary a, #primary a:hover, #primary a:active, #primary a:visited { color: #fff; text-decoration: underline; }

#secondary { width:558px; height:270px; float:left; background:#dfdfdf; margin:0 0 0 10px; padding:10px 23px; color:#22272B; }
#secondary h1 { font-size:26px; color:#22272B; font-weight:bold; line-height:17px; padding:10px 0; margin:0; }
#secondary h1 span { font-size:15px; color:#E91F24; }
#secondary p { color:#E91F24; }
#secondary p.title { font-weight:bold; background:url(img/prop-features-logo.jpg) top left no-repeat; padding:5px 0 8px 30px; font-size:16px; }
#secondary ul { float:left; margin:0; padding:8px 10px 0 5px; list-style:url(img/red-arrow.png) inside; font-size:11px; line-height:17px; }

#spec { width:212px; padding:40px 25px 20px 45px; margin:0 0 0 30px; font-size:13px; line-height:17px; word-spacing:-1px; background:url("img/bg-spec.png") top left no-repeat; color:#333; }
#spec p.title { margin: 0 0 5px 0; color:#E91F24; font-size:14px; font-weight:bold; }
#spec ul { margin: 0 0 5px 0; }

.areas { width:280px; float:left; margin:0 0 0 26px; padding:36px 0 123px 40px; background:#dfdfdf;  }
.areas ul { padding:0; margin:0; list-style:none; color:#333; font-size:14px; font-weight:bold; line-height:54px; }

.areas li.uni { padding:0 0 0 45px; background:url(img/areas-interest/uni.jpg) 0px 6px no-repeat; }
.areas li.stu { padding:0 0 0 45px; background:url(img/areas-interest/study.jpg) 0px 6px no-repeat; }
.areas li.ent { padding:0 0 0 45px; background:url(img/areas-interest/entertainment.jpg) 0px 6px no-repeat; }
.areas li.pub { padding:0 0 0 45px; background:url(img/areas-interest/public.jpg) 0px 6px no-repeat; }
.areas li.wor { padding:0 0 0 45px; background:url(img/areas-interest/worship.jpg) 0px 6px no-repeat; }
.areas li.sho { padding:0 0 0 45px; background:url(img/areas-interest/shops.jpg) 0px 6px no-repeat; }
.areas li.med { padding:0 0 0 45px; background:url(img/areas-interest/medical.jpg) 0px 6px no-repeat; }

.areas p a { clear:both; float:right; font-weight:bold; color:#E91F24; text-decoration:none; }
.areas p a:hover { font-weight:bold; color:#E91F24; text-decoration:underline; }
.areas h2 { font-size:22px; color:#22272B; font-weight:bold; margin:0 0 10px 0; }

#room { width:561px; clear:both; background:#dfdfdf; margin:0 0 0 10px; padding:10px; color:#22272B; }
#room img { float:none; }
#room .layout { width:170px; padding:5px; float:left; margin:0 3px 0 0; text-align:center; background:#22272B; }
#room .layout p { margin:0 0 5px 0; padding:0; color:#fff; font-size:22px; font-weight:bold; }
#room .layout img { clear:both; }
#room h1 { font-size:26px; line-height:17px; }
#room h1 span { font-size:15px; color:#E91F24; }
#room ul { width: 100%; padding:10px 0 0 0; margin: 0; list-style:none; line-height:22px; }
#room ul li { display: inline-block; background: url(img/red-arrow.gif) 0 6px no-repeat; padding: 0 0 0 15px; }
#room p.title { font-weight:bold; font-size:16px; color:#E91F24; }
#room p strong { color:#E91F24; font-size:16px; }
#room a { color:#E91F24; text-decoration:none; }
#room a:hover { color:#E91F24; text-decoration:underline; }

#room .highlight { color: #fff; background: #E91F24; font-weight: bold; text-align: center; font-size: 18px; padding: 5px 0; }
#room h3.highlight { padding: 10px 0; font-size: 22px; }

table.default { margin-bottom: 1em; text-align: center;  border:#444 solid 1px; }
table.default td, table.default th { padding: 5px; }
table.default tr.break { border-top: 1px solid #444; }
table.default caption { font-size: 1.2em; font-weight: bold; margin-bottom: 1em; }
table.default tr.odd { background: #bbb; }
table.default col.head { background: #E91F24; }
table.default col.last { border: 0; }
table.default td.white { color: #fff; }
table.default thead { background: #ccc; border-top: 1px solid #a5a5a5; border-bottom: 1px solid #a5a5a5; }
table.default a { font-weight: bold; font-size: 14px; }
table.default span { display: block; font-weight: bold; }
table.default h3 { margin:0; font-weight: bold; font-size: 18px; }
table.default h3 span { display: block; }
table.default em { display: block; font-size: 10px; }
table.default h4 { margin: 0; }
table.default img.pad { padding: 5px; background: #fff; }
table.default p { margin: 0; }
table.default#first td { padding: 5px 0; }
table.default th.first, table.default th.second, table.default th.third { background: #E91F24; color:#fff; }

#room a.book-btn, #room a.waiting-btn { display: block; width: 85px; margin: auto; padding: 2px 5px; background: url(img/book-now.gif) -20px 0 repeat-x; color: #fff;
-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
#room a:hover.book-btn, #room a:hover.waiting-btn { background: url(img/book-now.gif) 0 -23px no-repeat; color: #fff; text-decoration: none; }
#room a.waiting-btn { background-image: url(img/waiting-list.gif); width: 85px; }
#room a:hover.waiting-btn { background: url(img/waiting-list.gif) -20px -23px no-repeat;}

.container p.link-about {  width:953px; position:absolute; left:0; top:95%; font-size:28px; clear:both;  margin:0; text-align:center; font-weight:bold; }
.container p.link-about a { width:953px; padding:8px 10px; display:block; background:#E91F24; color:#fff;  text-decoration:none; border:1px solid #E91F24;  }
.container p.link-about a:hover { width:953px; padding:8px 10px; display:block; background:#fff; color:#E91F24;  text-decoration:none; border:1px solid #E91F24;  }

#thanks { width:558px; float:left; background:#dfdfdf; margin:0 0 0 10px; padding:10px 23px; color:#22272B; text-align:center; }
#thanks h1 { font-size:26px; line-height:16px; }
#thanks h1 span { font-size:15px; color:#E91F24; }
#thanks p a.back { width:140px; text-decoration:none; text-align:center; font-size:20px; padding:5px; margin:0; font-weight:bold; color:#fff; background:#E91F24; border:1px solid #E91F24; }
#thanks p a:hover.back { width:140px; text-decoration:none; text-align:center; font-size:20px; padding:5px; margin:0; font-weight:bold; color:#E91F24; background:#fff; border:1px solid #E91F24; }

#contact { width:295px; float:left; margin:10px 0 0 10px; padding:0 10px 10px 10px; background:#dfdfdf; color:#22272B;  }
#contact ul { font-weight:bold; color:#E91F24; list-style-type:none; margin:10px 20px; padding:0; }
#contact ul span { color:#333; }
#contact h2, h3 { font-size:18px; }
#contact h3 span { color:#E91F24; }
#contact h3 { line-height:14px; }
#contact h4 { font-size: 16px; color:#22272b; }
#contact a { color:#E91F24; text-decoration:none; }
#contact a:hover { color:#E91F24; text-decoration:underline; }
#map_wrapper { width:583px; height:734px; float:left; padding:10px 23px; background:#dfdfdf; margin:0; }
#map_wrapper  h2 { font-size:26px; color:#22272B; font-weight:bold; margin:0; }

#contact .box { border:1px solid #000; padding:0 10px 10px 10px; }
#contact .box h3 { width:auto; padding:6px 0 6px 0; color:#fff; background:#E91F24; text-align:center; }
#contact .box a { width:auto; display:block; padding:3px; font-size:16px; font-weight:bold; background:#E91F24; color:#fff; text-decoration:none; text-align:center; }
#contact .box a:hover { display:block; background:#333; color:#fff; text-decoration:none; }

/* articles list */
#room .articles li { clear: both; display: block; background: none; }
#room .articles li a { float: right; margin-top: 15px; }

/*END PAGE*/

/*GENERAL CLASSES*/
.clear { clear:both; }
.bold { font-weight:bold; }
li a.external { background:url("img/ext.gif") top right no-repeat; padding:0 10px 0 0; }
/*END GENERAL CLASSES*/

.left { float: left; padding-right: 8px; }

.large_link { width:auto; display:block; padding:3px; font-size:20px; font-weight:bold; background:#E91F24; color:#fff; text-decoration:none; text-align:center; margin-right: 23px; }
.large_link:hover { display:block; background:#333; color:#fff; text-decoration:none; }

#ways_to_pay { background: #CCCCCC; border: 4px solid #000000; margin-right: 23px; padding: 10px; }
#booking_form .border {border: 1px solid #000000;}
#booking_form input { background: none; width: auto; border: none; float: none; padding: 2px;}
#booking_form textarea { background: none; width: auto; border: none; float: none; padding: 2px;}
#booking_form .payment_type { font-size: 14px; font-weight: bold; text-align: center;}

#room_requirements {border: 1px solid #000000;}
#room_requirements label {border: 1px dashed #000000; margin-bottom: 2px;}

.textfield { border: 1 solid #000000; background-color: #FFFFFF; }

.bookingform { }
.bookingform fieldset { border: 1px solid #22272b; background: #ccc; clear: both; }
.bookingform fieldset legend { font-size: 16px; color:#22272B; margin: 0 0 10px 0; }
.bookingform input#button { width: 120px; float: right; }
#room .bookingform fieldset input, #room .bookingform fieldset select, #room .bookingform fieldset textarea { border: 1px solid #22272b; }
#room .bookingform fieldset input { background: #fff; color: #333; width: auto; }
#room .bookingform fieldset select { width: 200px; background: #fff; color: #333; }
#room .bookingform fieldset textarea { background: #fff; color: #333; }
.bookingform label { display: block; width: auto; }
.bookingform fieldset.bedtype { background: #ccc; }
#room .bookingform fieldset.bedtype input { width: auto; float:none; border: 0; background: none; }
#room .bookingform fieldset.bedtype label { clear: none; width: 150px; float: left; height: 45px; margin: 0 10px 0 0; border-right: 1px solid #666; padding:0 20px 0 0; }
#room .bookingform fieldset.bedtype label#single { background:url(img/single.gif) 85% 50% no-repeat; }
#room .bookingform fieldset.bedtype label#twin { background: url(img/twin.gif) 85% 50% no-repeat; }
#room .bookingform fieldset.bedtype label#double { background: url(img/double.gif) 85% 50% no-repeat; margin: 0; border: 0; }

#room .bookingform fieldset.paymentmethod input { width: auto; float: none; border: 0; background: none; }
#room .bookingform fieldset.paymentmethod input#confirmed { float: left; }
#room .bookingform fieldset.paymentmethod label { clear: none; }

#room .bookingform fieldset.hide { display: none; }
#room .bookingform fieldset.paymanner input { width: auto; border: 0; background: none; }
.bookingform input#button { cursor: pointer; }
/* #room p.plus { background:url(img/add.gif) left center no-repeat; padding-left: 14px; }
#room p.minus { background:url(img/minus.gif) left center no-repeat; padding-left: 14px; }
#room p.plus a, #room p.minus a { cursor: pointer; } */

#room fieldset.yourcontactdetails p { padding:10px 0 10px 10px; width: 248px; float: left; margin: 0 20px 0 0; }
#room fieldset.yourcontactdetails p strong.title { width: auto; float: none; margin:0 0 10px 0; display: block; }
#room fieldset.yourcontactdetails p.first { background: #bbb; }
#room fieldset.yourcontactdetails p.last { background: #aaa; margin:0; }
#room fieldset.yourcontactdetails input, #room fieldset.yourcontactdetails textarea { width: 200px; }

#preview{position:absolute;border:1px solid #ccc;background:#333;padding:5px;display:none;color:#fff;}
ul#tooltips { margin: 15px 0 10px 5px; float: left; list-style: none; padding: 3px; background-color: #E91F24; }
ul#tooltips a, ul#tooltips img { border:0; display: block; }
ul#tooltips li { display:block; float: left; margin:0 3px 0 0; }
ul#tooltips li.last { margin: 0; }

.sidebar p.areatitle, .sidebar p.straptitle { font-weight: bold; width: 100%; text-align: center; margin: 0; }
.sidebar p.areatitle { font-size: 22px; }
.sidebar p.straptitle { text-transform: uppercase; font-size: 32px; }
.sidebar p.straptitle span { display: block; font-size: 24px; }

.content ul li.strap { font-size:30px; color:#E91F24; font-weight:bold; margin: 0; float: left; text-align: left; padding: 0 0 0 10px; }
.content ul li.strap span { display: block; color: #fff; font-size:22px; font-style: italic; }

#tour { width: 955px; height: 600px; position: absolute; top: 185px; left: 16px; background:#dfdfdf; padding: 10px; text-align: center; color: #22272b; }
#tour h1 { font-size:26px; line-height:17px; }
#tour h1 sup { font-size:9px; font-weight: bold; }
#tour a { color: #E91F24; text-decoration: none; }
#tour a:hover { text-decoration: underline; }

#room .paymanner .details { background: #e6e6e6; display: none; padding: 5px 5px 0 5px; margin: 10px 0 10px 30px; border: 1px solid #E91F24; width: 450px; }
#room .paymanner .details li { margin: 0 0 5px 10px; display: block; }

/********* homepage slider ************/

#banner-container {
	 width:366px;
	 position: absolute;
	 text-align: left;
	 font-size:40px;
	 top:70%;
	 left:6px;
}

#slide-banner {
	 height:63px;
	 background-color:#e91f24;
}

#slide-banner p{
	 padding:0;
	 margin:5px 0 0 0;
	 float:left;	
}

.container p.link-home { width:925px; position:absolute; left:16px; top:87%; font-size:23px; clear:both; margin:0; text-align:center; font-weight:bold; }
.container p.link-home a { width:925px; padding:8px 10px; display:block; background:#E91F24; color:#fff;  text-decoration:none; border:1px solid #E91F24;  }
.container p.link-home a:hover { width:925px; padding:8px 10px; display:block; background:#fff; color:#E91F24;  text-decoration:none; border:1px solid #E91F24;  }