/*
Global Style Sheet
Author:	Andrew Watson ~ andrewgordonwatson@gmail.com
*/

/* GENERAL STYLES */
body {
margin:0px;
background-color:#00A8F5;
background-image:url(../pix/structure/body_bg.jpg);
background-position:top;
background-repeat:repeat-x;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

img {
border:none;
}

p {
font-size:11px;
}

h3 {
font-size:14px;
font-weight:normal;
color:#FF0000;
}

a {
outline: none;
text-decoration:none;
color:#000000;
}

a:hover {
color:#FF0000;
}


div#container {
width:770px;
margin-left:auto;
margin-right:auto;
}

div#header {
height:200px;
margin-top:10px;
}


/* NAV STYLES */
div#content_nav {
background-image:url(../pix/structure/content_edges.jpg);
background-repeat:repeat-y;
height:39px;
}

div#content_nav table {
width:760px;
border-top:1px solid #00A8F5;
margin-left:auto;
margin-right:auto;
}

div#content_nav a {
display:block;
width:190px;
height:39px;
background-color:#00A8F5;
background-position:top left;
background-repeat:no-repeat;
}

div#content_nav a#softplay {
background-image:url(../pix/structure/nav/softplay.gif);
}
div#content_nav a#laserplay {
background-image:url(../pix/structure/nav/laserplay.gif);
}
div#content_nav a#parties {
background-image:url(../pix/structure/nav/parties.gif);
}
div#content_nav a#other {
background-image:url(../pix/structure/nav/other.gif);
}

div#content_nav a:hover, div#content_nav a.active {
background-position: 0 -39px;
}


/* SUBNAV STYLES */
div#content_subnav {
background-image:url(../pix/structure/content_edges.jpg);
background-repeat:repeat-y;
background-color:#FFFFFF;
}

div#content_subnav ul {
margin: 0px 5px 0px 5px;
padding: 0px 0px 8px 30px;
list-style-type: none;
border-bottom:1px solid #00A8F5;
}

div#content_subnav ul li {
display:inline;
}

div#content_subnav ul li a {
font-size:11px;
color:#FF6600;
text-decoration:none;
padding-left:10px;
margin-right:7px;
background-image:url(../pix/structure/nav/subnav_bullet.gif);
background-repeat:no-repeat;
background-position:left center;
}
div#content_subnav ul li a:hover, div#content_subnav ul li a.active {
color:#FF0000;
}


/* CONTENT STYLES */
div#page_content {
background-image:url(../pix/structure/content_edges.jpg);
background-repeat:repeat-y;
background-color:#FFFFFF;
}

div#page_content ul li {
margin:0px 0px 3px 0px;
}

div#content_base {
height:26px;
background-image:url(../pix/structure/content_base.jpg);
background-repeat:no-repeat;
}

table#page th h1 {
font-size:10px;
margin:3px;
color:#999999;
}


/* FOOTER STYLES */
div#footer {
height:112px;
background-image:url(../pix/structure/footer_bg.jpg);
background-repeat:no-repeat;
padding:12px 10px 12px 16px;
}

div#footer p {
margin:0px 0px 3px 0px;
color:#ffffff;
}

div#footer a {
color:#ffffff;
text-decoration:none;
}
div#footer a:hover {
text-decoration:underline;
}

div#footer table {
margin-top:8px;
width:100%;
}

div#footer table th {
text-align:right;
}


/* HOMEPAGE STYLES */
div#header.homepage {
height:335px;
}

td.homepage_header_base {
background-image:url(../pix/structure/homepage_header_base.jpg);
background-repeat:no-repeat;
height:100px;
padding:0px;
vertical-align:top;
}

td.homepage_header_base table th {
padding:10px 20px 20px 20px;
font-size:11px;
line-height:18px;
text-align:left;
font-weight:normal;
width:340px;
}

td.homepage_header_base table td {
padding:10px 20px 20px 20px;
font-size:11px;
line-height:18px;
}

div#homepage_nav table td {
vertical-align:top;
}

div#homepage_nav table td.softplay {
background-image:url(../pix/structure/homepage_nav_softplay_bg.jpg);
background-repeat:no-repeat;
height:169px;
}
div#homepage_nav table td.laserplay {
background-image:url(../pix/structure/homepage_nav_laserplay_bg.jpg);
background-repeat:no-repeat;
height:169px;
}
div#homepage_nav table td.parties {
background-image:url(../pix/structure/homepage_nav_parties_bg.jpg);
background-repeat:no-repeat;
height:169px;
}
div#homepage_nav table td.otherinfo {
background-image:url(../pix/structure/homepage_nav_otherinfo_bg.jpg);
background-repeat:no-repeat;
height:169px;
}

div#homepage_nav ul {
margin: 0px 20px 0px 20px;
padding: 0px 0px 0px 0px;
list-style-type: none;
}

div#homepage_nav ul li {
}

div#homepage_nav ul li a {
font-size:11px;
color:#FF6600;
text-decoration:none;
padding-left:0px;
margin-right:7px;
/*background-image:url(../pix/structure/nav/subnav_bullet.gif);
background-repeat:no-repeat;
background-position:left 6px;*/
line-height:20px;
}
div#homepage_nav ul li a:hover, div#homepage_nav ul li a.active {
color:#FF0000;
}

/* PAGE STYLES */
div#page_content table#page {
width:760px;
margin-left:auto;
margin-right:auto;
}

div#page_content table#page th {
width:170px;
vertical-align:top;
text-align:left;
font-weight:normal;
color:#FF0000;
}

div#page_content table#page th>div {
padding:0px 10px 0px 10px;
margin:0px;
}

div.thumbs img {
margin:0px 10px 10px 0px;
border:1px solid #00A8F5;
}
div.thumbs img:hover {
border:1px solid #FF6600;
}

div.thumbs a {
}

div#page_content table#page td.main {
vertical-align:top;
padding: 20px 15px 0px 0px;
}
div#page_content table#page td.main > p {
line-height:18px;
}
div#page_content table#page td.main a {
text-decoration:underline;
}
div#page_content table#page td.right {
vertical-align:top;
width:200px;
padding-top:10px;
}

div#page_content table#page ul {
}

div#page_content table#page ul li {
font-size:11px;
}

/* BLUE BOX STYLES */
table.blue_box {
width:182px;
margin-bottom:10px;
}

table.blue_box p {
color:#000000;
}

table.blue_box th {
height:12px;
background-repeat:no-repeat;
}
table.blue_box th.top {
background-image:url(../pix/structure/blue_box/blue_box_top.gif);
}
table.blue_box th.base {
background-image:url(../pix/structure/blue_box/blue_box_base.gif);
}
table.blue_box td {
background-image:url(../pix/structure/blue_box/blue_box_bg.gif);
background-repeat:repeat-y;
padding:0px 10px 0px 10px;
font-size:11px;
color:#FF0000;
}

table.blue_box input, table.blue_box select {
font-size:11px;
}

/* FORM STYLES */
form {
margin:0px;
}

form p.label  {
margin-bottom:2px;
color:#FF6600;
}

form label  {
font-size:11px;
vertical-align:middle;
}

form input[type=text] {
font-size:11px;
border:1px solid #cccccc;
background-color:#FFFF99;
}
form select {
font-size:11px;
border:1px solid #cccccc;
background-color:#FFFF99;
}

form input[type=password] {
font-size:11px;
border:1px solid #cccccc;
background-color:#FFFF99;
}
form input[type=radio] {
}

form table.columns {
margin-top:19px;
margin-bottom:19px;
}
form table.columns td {
padding-right:20px;
}
div.form_error_show {
border:medium solid red;
padding:10px;
margin:4px;
background-color:#FFCCCC;
font-size:10px;
}
div.form_error_hide {
display:none;
}
/* ################################ BOOKING STUFF /*/

table.roomdiary {
width:100%;
font-size:11px;
background-color:#00A8F5;
margin-bottom:10px;
}
table.roomdiary td {
background-color:#fff;
}
table.roomdiary th {
background-color:#eaeaea;
font-size:12px;
}

table.confirm {
width:100%;
font-size:11px;
background-color:#00A8F5;
margin:10px 0px 10px 0px;
}
table.confirm td {
background-color:#fff;
font-size:14px;
font-weight:bold;
color:#FF0000;
}
table.confirm th {
background-color:#eaeaea;
font-size:10px;
color:#000000;
font-weight:bold;
}

table.summary {
width:100%;
}
table.summary th {
font-size:9px;
background:none;
padding:0px 0px 0px 0px;
}
table.summary td {
background:none;
font-size:9px;
padding:0px 0px 0px 10px;
color:#000000;
width:70%;
}

span.highlight {
color:#FF0000;
font-weight:bold;
}