/* =========================== elements ============================= */

body { 
	background: #f8f8e6 url(../img/bg.png) repeat-x 0 0;
	font: normal 12px Georgia;
	behavior:url("http://www.hiexpressdoncasterwebdev.co.uk/csshover.htc");
	color: #000;
}

p {
	margin-bottom: 15px;
}

a {
	color: #820024;
}
a:link, a:visited { 
	color: #820024; 
	text-decoration: none; 
}
a:link:hover, a:visited:hover, a:active, a:focus {
	text-decoration: underline; 
}

img {
	display: block;
}
a img {
	border: none;
}


// Underordered Lists
ul {
	margin-left: 10px;
	list-style: circle;
}
ul li {
	margin-bottom: 5px;
}


// Ordered lists
ol {
	margin-left: 10px;
	list-style: circle;
}
ol li {
	margin-bottom: 5px;
}


// Definition Lists
dl { 
}

dt { 
	float: left; 
	clear: left;
} 
dt:after { 
	content: ":"; 
} 

dd { 
	margin: 0 0 0 110px; 
	padding: 0 0 0.5em 0;
}

select {
	border: 1px solid #7f9db9;
	padding: 2px;
}

.submit input {
	background: url(../img/submit-btn.gif) no-repeat;
	width: 69px; height: 21px; display: block;
	cursor: pointer; float: right; border: 0;
	margin-top: 10px; margin-bottom: 20px;
	text-indent: -2008%; text-transform:capitalize; color:transparent;
}

.submit-btn {
	background: url(../img/submit-btn.gif) no-repeat;
	width: 69px; height: 21px; display: block;
	cursor: pointer; float: left; border: 0;
	text-indent: -2008%; margin-left: 5px;
}
#map_canvas {
	margin-top: 20px;
}

.apply-btn {
	background: url(../img/apply-btn.gif) no-repeat;
	width: 69px; height: 21px; display: block;
	cursor: pointer; float: right; border: 0;
	margin-top: 10px;
}

/* ========================= elements end =========================== */

/* ============================ layout ============================== */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix{ display: inline-table; }
.clearfix{ display: block; }
.clearfix{ height: 1%; } /* IE */

.clear {
	clear: both;
}

.holder{ 
	width: 900px; margin: 0 auto;
	padding: 0;
}

/* ========================== layout end ============================ */

/* ============================ header ============================== */

#bg {
	background: url(../img/bg.gif) no-repeat 40px 0;
	width: 1161px;
	position: absolute; left: 50%; top: 0; z-index: 0;
	margin-left: -600px;
}

#pre-page {
	background: url(../img/header.png) no-repeat bottom;
	width: 932px; height: 31px;
	display: block; position: relative;
}
#top-left-round {
	background: url(../img/top-left-round.png) no-repeat;
	width: 40px; height: 18px; z-index: 1;
	position: absolute; left: -1px; top: 13px;
}
#top-right-round {
	background: url(../img/top-right-round.png) no-repeat;
	width: 40px; height: 18px; z-index: 1;
	position: absolute; right: -1px; top: 13px;
}


#sub-nav {
	z-index: 999;
	width: 350px;
	display: block;
	float: right;
	position: absolute;
	top: 10px; right: 30px;
}
#sub-nav li {
	display: inline;
	font-size: 9px;
	text-transform: uppercase;
}
#sub-nav li a {
	margin-right: 1px;
	margin-left: 5px;
	color: #666666;
	position: relative;
}
#currency {
	cursor: pointer;
}
#currency:hover {
	text-decoration: underline;
}

#header {
	height: 170px;
	width: 932px;
	display: block;
	position: relative;
}
#sub-header { height: 51px; }

#banner {
	width: 658px; height: 207px; float: left;
	position: relative; left: 25px;
}

#bestwestern {
	background: url(../img/BestWestern.jpg) no-repeat;
	width: 55px; height: 51px;
	position: absolute; top: 10px; left: 30px;
}

#logo {
	background: url(../img/MarksTey.jpg) no-repeat;
	width: 314px; height: 124px;
	position: absolute; top: 20px; left: 30px;
	margin-bottom: 20px;
	clear: left;
}
#logo a span {
	width: 314px; height: 121px; display: block;
}

#reservation {
	width: 212px; height: 207px; float: right;
	background-color: #820024; display: block;
	margin-bottom: 10px;
}
#reservation h3 {
	color: #FFFFFF; margin: 10px;
	font-size: 14px;
}
#reservation .row {
	padding: 10px 10px 5px 10px;
	display: block; width: 100%;
}
#reservation .row label {
	display: block;
	color: #ffffff;
	padding-bottom: 3px;
}
#reservation .row select {
	margin-right: 15px;
}
#reservation .row .float {
	width: 50px; float: left;
}
#reservation .row #book-btn {
	background: url(../img/book-btn.gif) no-repeat;
	width: 69px; height: 21px; float: left;
	position: relative; left: 30px;
	border: 0; margin-top: 18px; cursor: pointer;
}


#rewards {
	background: url(../img/rewards.gif) no-repeat;
	width:95px; height: 60px; float: right; clear: right;
	margin-top: 40px; margin-right: 30px; display: block;
}


#nav {
	background: url(../img/nav-bg.gif) repeat-x left bottom;
	width: 900px; height: 36px; line-height: 38px;
	margin-left: 16px; margin-right: 16px;
	text-transform: uppercase;
	font-size: 11px;
}
#nav li {
	background: url(../img/tab-bg.gif) repeat-x;
	float: left; color: #ffffff;
}
#nav li a {
	background: url(../img/tab-left.gif) no-repeat left top;
	color: #0b327b; padding-left: 12px; font-size: 11px;
}

#nav li a span {
	background: url(../img/tab-right.gif) no-repeat top right;
	padding-right: 15px;
}






#nav li:hover {
	background: url(../img/tab-bg-hover.gif) repeat-x;
}
#nav li a:hover {
	background: url(../img/tab-left-hover.gif) no-repeat;
	text-decoration: none;
}
#nav li a:hover span {
	background: url(../img/tab-right-hover.gif) no-repeat top right;
}


#nav li.active {
	background: url(../img/tab-bg-active.gif) repeat-x;
}
#nav li.active a {
	background: url(../img/tab-left-active.gif) no-repeat;
	color: #fff;
}
#nav li.active a span {
	background: url(../img/tab-right-active.gif) no-repeat top right;
}


#nav a, #nav a span {
	display: block;
	float: left;
}

li#first {
	margin-left: 5px;
}

/* ========================== header end ============================ */

/* ============================ content ============================= */

h2,h3,h4 {
	color: #820024;
}

h4.job {
	font-size: 13px;
	padding-top: 15px;
	display: block;
}

#page {
	background: url(../img/page-bg.png) repeat-y;
	width: 932px;
}

#sidebar-left {
	float: left;
	width: 185px;
	position: relative;
	left: 16px; top: 15px;
	padding-bottom: 15px;
}
#sidebar-left h3 {
	text-transform: uppercase;
	margin-bottom: 8px;
}

#sidebar-left .sidebar-item {
	margin-left: 20px;
	border-bottom: 1px solid #666;
	margin-bottom: 10px;
}
#sidebar-left .sidebar-item p {
	color: #666666;
	font-size: 13px;
	line-height: 150%;
}
#sidebar-left .sidebar-item img {
	margin-bottom: 10px;
}
#sidebar-left #sidebar-left #last {
	border: 0;
}

#sidebar-left .row {
	display: block; width: 100%;
	margin-bottom: 5px;
}
#sidebar-left .row label {
	display: block; width: 100%;
	margin-bottom: 3px;
}
#sidebar-left .row .search-btn {
	background: url(../img/submit-btn.gif) no-repeat;
	width: 69px; height: 21px; display: block;
	cursor: pointer; border: 0;
	margin-top: 10px;
}





#list, .submenu {
	padding-bottom: 10px;
	color: #666666;
}



.subnav .sub-menu {
	position: relative;
	height: 20px;
}
.subnav .sub-menu .submenu {
	position: absolute;
	left: 0px;
}
.subnav .sub-menu .submenu li {
	margin-right: 15px;
}




#list li, .submenu li {
	list-style: disc;
	margin-left: 15px;
}

ul.submenu {
	margin: 0;
	padding: 0;	
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.submenu li {
	display: inline;
	width: 120px;
	padding-right: 20px;
	border-right: 1px solid #b0b0b0;
}


.submenu li:last-child,
.submenu li.last {
	border-right: none;
}


#content {
	margin-left: 30px;
	width: 400px;
	float: left;
}

#content.template-single-offer {
	width: 650px;
}

#content h2 {
	font-size: 24px;
	text-transform: uppercase;
	margin-top: 13px;
	margin-bottom: 10px;
}
#content h3 {
	font-size: 18px;
	text-transform: uppercase;
	margin-top: 13px;
	margin-bottom: 10px;
	border-top: 1px solid #ccc;
	padding-top: 10px;
}
#content p {
	color: #666666;
	font-size: 13px;
	line-height: 150%;
}
#content p strong {
	font-weight: bold;
}
#content ul {
	padding: 0 0 20px 15px;
	color: #666666;
}
#content ul li {
	list-style: disc;
	margin-bottom: 10px;
}
#content p img {
	border: 3px solid #333333;
}
#content table {
	margin-bottom: 20px;
}
#content .line {
	border-bottom: 1px solid #666;
	width: 310px; display: block; height: 3px;
	float: left; clear: both;
}

#content .line_shorter {
	border-bottom: 1px solid #666;
	width: 220px; display: block; height: 3px;
	float: left; clear: both;
}
.more {
	background: url(../img/more-btn.gif) no-repeat;
	width: 69px; height: 21px; display: block;
	cursor: pointer; border: 0; float: right;
	margin-top: -6px; 
}


#content.offers-list .offer-box .featured-offer {
	position: relative;
}

#content.offers-list {
	margin-top: 15px;
}


#content.offers-list .offer-box .featured-offer .offer-links {
	bottom:20px;
	background: transparent;
}


#offers-nav {
	background: url(../img/side-bg.png) repeat-x;
	width: 100%; height: 37px; text-indent: 10px;
	color: #ffffff;
}
#offers-nav a {
	color: #ffffff;
	line-height: 37px;
	font-size: 14px;
}
#offers-nav a#active {
	text-decoration: underline;
}
#offers-nav h3 {
	color: #ffffff;
	line-height: 37px;
	font-size: 14px;
	margin: 0; padding: 0;
	text-transform: none;
}
.offer-box {
	background: url(../img/gradient-bg.jpg) repeat-x #eeeeee;
	width: 398px; margin-bottom: 10px;
	border: 1px solid #333; border-bottom: 10px solid #333;	
}


#content.offers-list  {
	width: 630px;
	position: relative;
}

#content.offers-list .search  {
	height: 100px;
	position: relative;
}

#content.offers-list .featured-offer .offer-links

#content.offers-list .search {
	height: 95px;
}


#content.offers-list .book_now_link {
	margin: 0;
	margin-right: 5px;
}



#content.offers-list .offer-links {
	background: white;
	height: 20px;
	float: right;
	padding: 5px;
	padding-left: 50px;
	position: absolute;
	bottom: -20px;
	right: 0;
}

#content.offers-list .offer-links a {
	margin: 0px;
	margin-left: 5px;
}

#content.offers-list .featured-offer .offer-links {
	top: 65px;
	background: transparent;
}



#content.offers-list .offer {
	border-bottom: 1px solid #666;
	clear: both;
}


#search-form {
	
}
#search-form strong {
	padding-bottom: 3px;
	padding-top: 5px;
	display: block;
}
#search-form #cat {
	width: 147px;
}
#search-form #keyword {
	border: 1px solid #7F9DB9;
}
#search-form .submit-btn {
	margin-left: 0;
	margin-top: 10px;
}

#search-offers {
	padding: 10px;
	margin-bottom: 10px;
}
#search-offers #description {
	float: left;
	width: 170px;
}
#search-offers #search {
	float: right;
	width: 180px;
	padding-top: 22px;
}

.featured-offer {
	padding: 10px;
	margin-bottom: 10px;
	color: #ffffff;
}
.featured-offer a {
	color: #333;
	text-decoration: underline;
}
.featured-offer h4 {
	margin-bottom: 5px;
	color: #333;
}
.featured-offer .image {
	float: left;
}
.featured-offer .content {
	float: left; width: 280px;
	margin-left: 10px;
}

.offer {
	margin-bottom: 10px;
	color: #ffffff;
	position: relative;
}
.offer a {
	color: #333;
	text-decoration: underline;
}
.offer h4 {
	margin-bottom: 10px;
	color: #333;
	padding-left: 178px;
}
.offer .image {
	float: left;
	width: 179px;
	margin-bottom: 10px;
}
.offer .content {
	margin-left: 10px;
}



.news {
	margin-bottom: 10px;
	color: #ffffff;
}
.news a {
	color: #333;
	text-decoration: underline;
}
.news h4 {
	margin-bottom: 10px;
	color: #333;
}
.news .image {
	float: left;
}
.news .content {
	float: left; width: 280px;
	margin-left: 10px;
}



#content div.gallery-icons-header {
	height: 64px;
	margin-left: 24px;
}
#content div.gallery-icons-header a {
	float: left;
	padding-right: 12px;
}
#content div.gallery-icons-header img { padding: 0; }





#sidebar-right {
	float: right;
	width: 212px;
	position: relative;
	right: 30px; top: 10px;
}
#sidebar-right a {
	color: #ccc;
	font-weight: bold;
}

#sidebar-right .sidebar-item {
	width: 212px;
	background-color: #333;
	margin-bottom: 10px;
}
#sidebar-right .sidebar-item h3 {
	background: url(../img/side-bg.png) repeat-x;
	width: 212px; height: 38px;
	line-height: 36px; text-indent: 10px;
	text-transform: uppercase;
	color: #ffffff;
}
#sidebar-right .sidebar-item p {
	padding: 10px; color: #fff;
	line-height: 150%;
}


#mailing-form {
	padding: 10px;
	padding-top: 0;
}
#mailing-form label {
	display: block;
	padding-bottom: 3px;
	font-size: 11px;
	color: #fff;
}
#mailing-form .input-text {
	border: 1px solid #7f9db9;
	background-color: #ffffff;
	width: 185px; margin-bottom: 5px;
}
#mailing-form .input-text input {
	width: 180px;
	margin-left: 3px;
	border: 0;
}
#mailing-form .submit-btn {
	float: none;
	margin-left: 0;
	width: 68px; height: 20px;
}

.book_now_link {
	background: url(../img/book-btn.gif) no-repeat;
	width: 77px; height: 21px; display: block; text-indent: -2009%;
	float: right; margin-top:-6px; margin-right: 10px;
}


/* ============================= footer ============================= */

#footer-line {
	width: 865px; height: 2px;
	border-bottom: 1px solid #333;
	margin-bottom: 10px;
	background: none;
	margin-left: 35px;
}

.foot-form {
	width: 185px;
	float: left;
	margin-right: 20px;
}
.foot-form h4 {
	text-transform: uppercase;
	font-size: 14px;
}
.foot-form label {
	display: block;
	padding-top: 5px;
	padding-bottom: 3px;
	font-size: 11px;
	color: #666666;
}
.foot-form .input-text {
	border: 1px solid #7f9db9;
	width: 185px;
}
.foot-form .input-text input {
	width: 180px;
	margin-left: 3px;
	border: 0;
}
.foot-form .input-text select {
	width: 220px; border: 0;
	font-size: 10px;
}

.foot-form .submit-btn {
	background: url(../img/submit-btn.gif) no-repeat;
	width: 69px; height: 21px; display: block;
	cursor: pointer; float: right; border: 0;
	margin-top: 10px;
}

#first-form {
	margin-left: 35px;
}

#footer-links {
	float: right; color: #666666;
	text-transform: uppercase;
	margin-right: 32px;
	font-size: 10px;
}
#footer-links li {
	text-align: right;
}
#footer-links li a {
	color: #666666;
}


#footer {
	background: url(../img/footer.png) no-repeat;
	width: 932px; height: 40px; margin-bottom: 20px;
	position: relative;
}

#bottom-left-round {
	background: url(../img/bottom-left.png) no-repeat;
	width: 29px; height: 26px;
	position: absolute; left: 2px; top: 7px;
}
#bottom-right-round {
	background: url(../img/bottom-right.png) no-repeat;
	width: 29px; height: 26px;
	position: absolute; right: 6px; top: 7px;
}

#verb {
	font-size: 11px;
	padding-top: 30px;
	padding-left: 17px;
	color: #666;
}

/* =========================== footer end =========================== */

/* Second Specific */
.page-id-10 .sub-menu,
.parent-pageid-10 .sub-menu {
	margin-left: 235px;
}

.page-id-11 .sub-menu,
.parent-pageid-11 .sub-menu {
	margin-left: 140px;
}

.page-id-104 .sub-menu,
.parent-pageid-104 .sub-menu {
	margin-left: 515px;
}

.page-id-9 .sub-menu,
.parent-pageid-9 .sub-menu {
	margin-left: 780px;
}

.page-id-89 .sub-menu,
.parent-pageid-89 .sub-menu {
	margin-left: 330px;
}


.section-leisure .sub-menu {
	margin-left: 330px;
}

.page-id-84 .sub-menu,
.parent-pageid-84 .sub-menu {
	margin-left: 320px;
}

.page-id-473 .sub-menu,
.parent-pageid-473 .sub-menu {
	margin-left: 350px;
}

.page-id-473 .sub-menu,
.parent-pageid-473 .sub-menu {
	margin-left: 350px;
}

