/* www.royalpier.co.uk - css design by Octopus Creative Design */

/* Error styles */

#error {
	width: 100%;
	background: #fff url(../images/error.gif) top left no-repeat;
	padding-top: 170px;
}

#error p {
	padding: 4px 20px;
}

#error h1 {
	color: #000;
	font-size: 180%;
	padding: 4px 20px;
}

#error ul {
	list-style-image: url(../images/li_arrow.gif);
	color: #5c5c5c;
	margin-left: 20px;
	padding: 0.4em 50px 1.3em 20px;
}

#error a:link, #error a:visited {
	color: #1a7ca3;
}

#error a:hover {
	color: #33abdb;
	text-decoration: none;
}




/* Thanks styles */

#thanks {
	width: 100%;
	background: #fff url(../images/thanks.gif) top left no-repeat;
	padding-top: 170px;
}

#thanks p {
	padding: 4px 20px;
}

#thanks h1 {
	color: #000;
	font-size: 180%;
	padding: 4px 20px;
}

#thanks ul {
	list-style-image: url(../images/li_arrow.gif);
	color: #5c5c5c;
	margin-left: 20px;
	padding: 0.4em 50px 1.3em 20px;
}

#thanks a:link, #thanks a:visited {
	color: #1a7ca3;
}

#thanks a:hover {
	color: #33abdb;
	text-decoration: none;
}



/* Global positions */

body {
	font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
	font-style: normal;
	font-size: 13px;
	line-height: 1.2em;
	color: #666;
	background: #000 url(../images/bg_body.jpg) center repeat-x;
	background-attachment: fixed;
	margin: 0;
	padding: 0;
}

#container {
	width: 800px;
	margin: 0 auto;
	padding: 20px;
	background: #fff url(../images/bg_container.gif) no-repeat bottom right;
}

#nav_container {
	width: 840px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	clear: both;
	background-color: #000;
}

#content {
	float: left;
	width: 65%;
	text-align: left;
	margin: 0;
	padding: 0;
}

#nightly_promotion {
	float: right;
	width: 90%;
	margin: 0;
	padding: 0;
}

#subnav , #subnav-brasserie, #subnav-pressure, #subnav-inn, #subnav-snooker, #subnav-pizza, #subnav-icecream, #subnav-video {
	font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
	line-height: 1.2em;
	color: #fff;
	float: right;
	width: 230px;
	margin: 0;
	padding: 10px;
	text-align: left;
}

#footer {
	width: 820px;
	margin: 0 auto;
	padding: 10px;
	clear: both;
}

.clearer {
	display: block;
	margin: 0;
	padding: 0;
	clear: both;
	font-size: 1px;
}




/* Global styles */

p {
	margin: 0 0 1em 0;
}

em {
	font-style: normal;
}

h2 {
	font-size: 120%;
	font-style: normal;
	font-weight: 800;
	margin: 0;
	padding: 0 0 0.2em 0;
}

img.menu_icon {
	padding: 10px 5px 0 0;
	vertical-align: bottom;
}

img.padding_top {
	padding-top: 10px;
}




/* Nav main styles */

#nav {
	font-size: 88%;
	line-height: 1.1em;
	margin: 0;
	padding: 0;
	text-align: center;
	height: 38px;
}

#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 35px;
}

#nav li {
	float: left;
}

#nav li a:link, #nav li a:visited {
	font-weight: bold;
	float: left;
	display: block;
	width: 60px;
	height: 29px;
	background: #000 url(../images/nav-tab.gif) no-repeat 0 0;
	padding: 6px 20px 3px 20px;
	text-decoration: none;
	margin: 0;
	color: #999;
}

#nav li a:hover {
	color: #39c;
	background: #000 url(../images/nav-tab.gif) no-repeat 0 -45px;
}

#nav li.current a {
	color: #000;
	background: #000 url("../images/nav-tab.gif") no-repeat 0 -45px;
}

/*
#home #nav_home, #brass #nav_brass, #pressure #nav_pressure, #inn #nav_inn, #pizza #nav_pizza, #snooker #nav_snooker, #don_gelato #nav_don_gelato, #pier_videos #nav_pier_videos {
	background: url("../images/nav_tab_l_on.gif") no-repeat left top;
	border-width: 0;
}

#home #nav_home a, #brass #nav_brass a, #pressure #nav_pressure a, #inn #nav_inn a,  #pizza #nav_pizza a, #snooker #nav_snooker a, #don_gelato #nav_don_gelato a, #pier_videos #nav_pier_videos a {
	background: url("../images/nav_tab_r_on.gif") no-repeat right top;
	padding-bottom: 3px;
	color: #666;
	background-color: #fff;
}
*/




/* Content styles */

#content ul, #content li {
	margin-top: 0;
	padding-top: 0;
}

#content h1, #content h2, #content h3 {
	font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
	font-style: normal;
	font-weight: 600;
	line-height: 1.1em;
}

#content h1 {
	color: #3f3f3f; 
	font-size: 180%;
	margin: 0;
	padding: 0.4em 0 0.3em 0;
}

#content h2 {
	color: #000; 
	font-size: 140%;
	margin: 0;
	padding: 0.4em 0 0.3em 0;
}

#content h3 {
	color: #3f3f3f; 
	font-size: 120%;
	margin: 0;
	padding: 0.5em 0 0.3em 0;
}

#content em {
	color: #000;
	font-style: normal;
	font-weight: 600;
}

#content a, #content a:visited {
	color: #39c;
	text-decoration: underline;
}

#content a:hover {
	color: #999;
	text-decoration: underline;
}

#content a.top:link, #content a.top:visited {
	color: #39c;
	text-decoration: none;
	background: url(../images/bg-top.gif) 0 3px no-repeat;
	padding-left: 10px;
}

#content a.top:hover {
	color: #999;
	text-decoration: underline;
	background: url(../images/bg-top.gif) 0 -10px no-repeat;
}

#content img {
	margin: 0;
	padding: 0 0 20px 0;
}

#content img.silhouette {
	float: left;
	margin: 0;
	padding: 10px 10px 10px 0;
}

#content img.promotion {
	float: right;
	margin: 0;
	padding: 0 0 10px 10px;
}

#content img.drinkaware {
	margin: 0;
	padding: 0;
}

#content img.behave {
	margin: 0;
	padding: 0 0 5px 0;
}

#content img.hotline {
	margin: 0;
	padding: 0 0 10px 10px;
	float: right;
}

#content img.pdf {
	margin: 0;
	padding: 0 5px 0 0;
	border: 0;
}

#content td {
	border-bottom: 1px solid #f0f0f0;
	padding-top: 9px;
}

#content .field {
	border: 1px solid #4aa508;
	width: 300px;
	height: 15px;
	margin-top: 5px;
}

#content .submit {
	height: 26px;
	width: 80px;
	border: 1px solid #4aa508;
	padding: 0 4px 3px 4px;
	color: #fff;
	background-color: #82c82b;
}




/* Content styles - mobile updates */

#content #mobile-updates {
	width: 530px;
	height: 200px;
	color: #fff;
	background: #fff url(../images/bg-mobile-updates.jpg) no-repeat 0 0;
}

#content #mobile-updates p.flashlink {
	color: #fff;
	padding: 10px 200px 0 10px;
}

#content #mobile-updates p.flashdefault {
	color: #fff;
	padding: 0 200px 0 10px;
}

#content #mobile-updates h2.flashdefault {
	color: #fff;
	padding: 0 140px 0 10px;
}

#content #mobile-updates p.flashdefault a:link, #content #mobile-updates p.flashdefault a:visited {
	color: #fff;
	font-weight: 700;
}

#content #mobile-updates p.flashdefault a:hover {
	color: #000;
}

#content a.sign-up:link, #content a.sign-up:visited {
	display: block;
	width: 220px;
	height: 137px;
	background: #fff url(../images/bg-sign-up.jpg) no-repeat 0 0;
	text-decoration: none;
	float: right;
	margin: 0 0 10px 10px;
}

#content a.sign-up:hover {
	background: #fff url(../images/bg-sign-up.jpg) no-repeat 0 -137px;
}




/* Promotion styles */

#content #ordinary {
	background: #f3f3f3 url("../images/bg_subnav_ordinary.gif") no-repeat bottom right;
	margin: 20px 0 5px 0;
	padding: 0 0 10px 0;
}

#content #promotion {
	background: #dddddd url("../images/bg_subnav_promotion.gif") no-repeat bottom right;
	margin: 20px 0 5px 0;
	padding: 0 0 10px 0;
}

#content #promotion p, #content #ordinary p {
	margin: 0;
	padding: 0.4em 10px 0.3em 10px;
}

#content #promotion h2, #content #ordinary h2 {
	color: #3f3f3f; 
	font-size: 180%;
	font-style: normal;
	font-weight: 600;
	margin: 0;
	padding: 0.4em 0 0.3em 10px;
}

#content #promotion img, #content #ordinary img {
	float: right;
	margin: 0;
	padding: 10px;
}



/*

#theinn {
	width: 530px;
	background: #000 url("../images/bg_subnav_24hour.gif") no-repeat bottom right;
	margin: 20px 0 0 0;
	padding: 0 0 10px 0;
}


#theinn p {
	color: #fff;
	margin: 0;
	padding: 0.4em 10px 0.3em 10px;
}

#theinn h2 {
	color: #fff; 
	font-size: 180%;
	font-style: normal;
	font-weight: 600;
	margin: 0;
	padding: 0.4em 0 0.3em 10px;
}

#theinn img {
	margin: 0;
	padding: 0;
}

#theinn a, #theinn a:visited {
	color: #ffff01;
	text-decoration: underline;
}

#theinn a:hover {
	color: #999;
	text-decoration: underline;
}




#pierpressure {
	width: 530px;
	background: #969 url("../images/bg_subnav_pressure.gif") no-repeat bottom right;
	margin: 20px 0 0 0;
	padding: 0 0 10px 0;
}


#pierpressure p {
	color: #fff;
	margin: 0;
	padding: 0.4em 10px 0.3em 10px;
}

#pierpressure h2 {
	color: #fff; 
	font-size: 180%;
	font-style: normal;
	font-weight: 600;
	margin: 0;
	padding: 0.4em 0 0.3em 10px;
}

#pierpressure img {
	margin: 0;
	padding: 0;
}

#pierpressure a, #pierpressure a:visited {
	color: #411c59;
	text-decoration: underline;
}

#pierpressure a:hover {
	color: #999;
	text-decoration: underline;
}




#brasserie {
	width: 530px;
	background: #933 url("../images/bg_subnav_brass.gif") no-repeat bottom right;
	margin: 20px 0 0 0;
	padding: 0 0 10px 0;
}


#brasserie p {
	color: #fff;
	margin: 0;
	padding: 0.4em 10px 0.3em 10px;
}

#brasserie h2 {
	color: #fff; 
	font-size: 180%;
	font-style: normal;
	font-weight: 600;
	margin: 0;
	padding: 0.4em 0 0.3em 10px;
}

#brasserie img {
	margin: 0;
	padding: 0;
}

#brasserie a, #brasserie a:visited {
	color: #f26a6a;
	text-decoration: underline;
}

#brasserie a:hover {
	color: #999;
	text-decoration: underline;
}




#royal_pizza {
	width: 530px;
	background: #cc9933 url("../images/bg_subnav_pizza.gif") no-repeat bottom right;
	margin: 20px 0 0 0;
	padding: 0 0 10px 0;
}


#royal_pizza p {
	color: #fff;
	margin: 0;
	padding: 0.4em 10px 0.3em 10px;
}

#royal_pizza h2 {
	color: #fff; 
	font-size: 180%;
	font-style: normal;
	font-weight: 600;
	margin: 0;
	padding: 0.4em 0 0.3em 10px;
}

#royal_pizza img {
	margin: 0;
	padding: 0;
}

#royal_pizza a, #royal_pizza a:visited {
	color: #ffff01;
	text-decoration: underline;
}

#royal_pizza a:hover {
	color: #fff;
	text-decoration: underline;
}
*/




/* Sub nav generic styles */

#subnav p.end, #subnav-brasserie p.end, #subnav-pressure p.end, #subnav-inn p.end, #subnav-snooker p.end, #subnav-pizza p.end, #subnav-icecream p.end, #subnav-pizza p.end {
	margin: 0;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #7fbfdf;
}

#subnav ul, #subnav-brasserie ul, #subnav-pressure ul, #subnav-inn ul, #subnav-snooker ul, #subnav-pizza ul, #subnav-icecream ul, #subnav-video ul {
	list-style: none;
	margin: 0;
	padding: 0 0 15px 0;
}

#subnav a.button, #subnav-brasserie a.button, #subnav-pressure a.button, #subnav-inn a.button, #subnav-snooker a.button, #subnav-pizza a.button, #subnav-icecream a.button, #subnav-video a.button {
	display: block;
	width: 96px;
	height: 25px;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

#subnav img, #subnav-brasserie img, #subnav-pressure img, #subnav-inn img, #subnav-snooker img, #subnav-pizza img, #subnav-icecream img, #subnav-video img {
	padding: 10px 0; 
}

#subnav img.button, #subnav-brasserie img.button, #subnav-pressure img.button, #subnav-inn img.button, #subnav-snooker img.button, #subnav-pizza img.button, #subnav-icecream img.button, #subnav-video img.button {
	margin: 0;
	padding: 0;
}

#subnav img.pic, #subnav-brasserie img.pic, #subnav-pressure img.pic, #subnav-inn img.pic, #subnav-snooker img.pic, #subnav-pizza img.pic, #subnav-icecream img.pic, #subnav-video img.pic {
	float: left;
	margin: 0;
	padding: 0 10px 10px 0;
}

#subnav img.logo, #subnav-brasserie img.logo, #subnav-pressure img.logo, #subnav-inn img.logo, #subnav-snooker img.logo, #subnav-pizza img.logo, #subnav-icecream img.logo, #subnav-video img.logo {
	margin: 0;
	padding: 0 0 10px 0;
}

#subnav p.smallprint, #subnav-brasserie p.smallprint, #subnav-pressure p.smallprint, #subnav-inn p.smallprint, #subnav-snooker p.smallprint, #subnav-pizza p.smallprint, #subnav-icecream p.smallprint, #subnav-video p.smallprint  {
	font-size: 85%;
	color: #fff;
	padding: 0 0 30px 0;
	margin: 0;
}

#subnav p.promotion, #subnav-brasserie p.promotion, #subnav-pressure p.promotion, #subnav-inn p.promotion, #subnav-snooker p.promotion, #subnav-icecream p.promotion, #subnav-video p.promotion {
	font-weight: 800;
}

#subnav h2.base {
	padding: 5px 0 0.2em 0;
	border-top: 1px solid #7fbfdf;
}




/* Sub nav styles */

#subnav {
	background: #39c url("../images/bg_subnav.gif") no-repeat bottom right;
}

#subnav li {
	border-bottom: 1px solid #7fbfdf;
}

#subnav a:link, #subnav a:visited {
	display: block;
	padding: 3px;
	color: #fff;
	text-decoration: none;
}

#subnav a:hover {
	background-color: #4faad7;
}

#subnav a.button:link, #subnav a.button:visited {
	display: block;
	width: 96px;
	height: 25px;
	background: #39c url(../images/button-show-me-more.gif) no-repeat 0 0;
	margin: 0 0 10px 0;
	padding: 0;
}

#subnav a.button:hover {
	background: #39c url(../images/button-show-me-more.gif) no-repeat 0 -25px;
}

#subnav-pressure a.button:link, #subnav-pressure a.button:visited {
	display: block;
	width: 180px;
	height: 31px;
	background: #969 url(../images/button-pressure.gif) no-repeat 0 0;
	margin: 0 0 10px 0;
	padding: 0;
}

#subnav-pressure a.button:hover {
	background: #969 url(../images/button-pressure.gif) no-repeat 0 -31px;
}

#subnav-icecream a.button:link, #subnav-icecream a.button:visited {
	display: block;
	width: 180px;
	height: 31px;
	background: #39c url(../images/button-icecream.gif) no-repeat 0 0;
	margin: 0 0 10px 0;
	padding: 0;
}

#subnav-icecream a.button:hover {
	background: #39c url(../images/button-icecream.gif) no-repeat 0 -31px;
}

#subnav-video a.button:link, #subnav-video a.button:visited {
	display: block;
	width: 180px;
	height: 31px;
	background: #39c url(../images/button-video.gif) no-repeat 0 0;
	margin: 0 0 10px 0;
	padding: 0;
}

#subnav-video a.button:hover {
	background: #39c url(../images/button-video.gif) no-repeat 0 -31px;
}





/* Sub nav Brasserie styles */

#subnav-brasserie {
	background: #933 url("../images/bg_subnav_brass.gif") no-repeat bottom right;
}

#subnav-brasserie li {
	border-bottom: 1px solid #a74b4b;
}

#subnav-brasserie a:link, #subnav-brasserie a:visited {
	display: block;
	padding: 3px;
	color: #fff;
	text-decoration: none;
	font-weight: 200;
}

#subnav-brasserie a:hover {
	background-color: #a44344;
}

#subnav-brasserie h2.base {
	padding: 5px 0 0.2em 0;
	border-top: 1px solid #a74b4b;
}




/* Sub nav Pressure styles */

#subnav-pressure {
	background: #969 url("../images/bg_subnav_pressure.gif") no-repeat bottom right;
}

#subnav-pressure li {
	border-bottom: 1px solid #b37eb3;
}

#subnav-pressure a:link, #subnav-pressure a:visited {
	display: block;
	padding: 3px;
	color: #fff;
	text-decoration: none;
}

#subnav-pressure a:hover {
	background-color: #a076a1;
}

#subnav-pressure h2.base {
	padding: 5px 0 0.2em 0;
	border-top: 1px solid #b37eb3;
}




/* Sub nav Inn on the Pier styles */

#subnav-inn {
	background: #39c url("../images/bg_subnav.gif") no-repeat bottom right;
}

#subnav-inn li {
	border-bottom: 1px solid #7fbfdf;
}

#subnav-inn a:link, #subnav-inn a:visited {
	display: block;
	padding: 3px;
	color: #fff;
	text-decoration: none;
}

#subnav-inn a:hover {
	background-color: #4faad7;
}

#subnav-inn h2.base {
	padding: 5px 0 0.2em 0;
	border-top: 1px solid #7fbfdf;
}




/* Sub nav Snooker styles */

#subnav-snooker {
	background: #39c url("../images/bg_subnav.gif") no-repeat bottom right;
}

#subnav-snooker li {
	border-bottom: 1px solid #7fbfdf;
}

#subnav-snooker a:link, #subnav-snooker a:visited {
	display: block;
	padding: 3px;
	color: #fff;
	text-decoration: none;
}

#subnav-snooker a:hover {
	background-color: #4faad7;
}

#subnav-snooker h2.base {
	padding: 5px 0 0.2em 0;
	border-top: 1px solid #7fbfdf;
}




/* Sub nav Pizza styles */

#subnav-pizza {
	background: #cc9933 url("../images/bg_subnav_pizza.gif") no-repeat bottom right;
}

#subnav-pizza li {
	border-bottom: 1px solid #ddae51;
}

#subnav-pizza a:link, #subnav-pizza a:visited {
	display: block;
	padding: 3px;
	color: #fff;
	text-decoration: none;
}

#subnav-pizza a:hover {
	background-color: #d4a23f;
}

#subnav-pizza h2.base {
	padding: 5px 0 0.2em 0;
	border-top: 1px solid #ddae51;
}




/* Sub nav Ice-cream styles */

#subnav-icecream {
	background: #39c url("../images/bg_subnav.gif") no-repeat bottom right;
}

#subnav-icecream li {
	border-bottom: 1px solid #7fbfdf;
}

#subnav-icecream a:link, #subnav-icecream a:visited {
	display: block;
	padding: 3px;
	color: #fff;
	text-decoration: none;
}

#subnav-icecream a:hover {
	background-color: #4faad7;
}

#subnav-icecream h2.base {
	padding: 5px 0 0.2em 0;
	border-top: 1px solid #7fbfdf;
}




/* Sub nav video styles */

#subnav-video {
	background: #39c url("../images/bg_subnav.gif") no-repeat bottom right;
}

#subnav-video li {
	border-bottom: 1px solid #7fbfdf;
}

#subnav-video a:link, #subnav-video a:visited {
	display: block;
	padding: 3px;
	color: #fff;
	text-decoration: none;
}

#subnav-video a:hover {
	background-color: #4faad7;
}

#subnav-video h2.base {
	padding: 5px 0 0.2em 0;
	border-top: 1px solid #7fbfdf;
}




/* Footer styles */

#footer p {
	font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
	color: #666; 
}

#footer a, #footer a:visited {
	color: #999;
	text-decoration: underline;
}

#footer a:hover {
	color: #333;
	text-decoration: underline;
}