/*
Theme Name: Fairytale Party
Theme URI: http://fairytaleparty.co.uk/
Description: WordPress theme for Fairytale Party.
Version: 1.0
Author: Paul Young
Author URI: http://paulyoungdesign.com/

	Fairytale Party v1.0
	 http://fairytaleparty.co.uk/

*/


* { margin: 0; padding: 0; }

body {
 background: #cc085a;
 font-size: 62.5%;
 font-family: "Georgia", serif;
 color: #fff;
}

h1	{ font-size: 1.9em; }
h2	{ font-size: 1.8em; }
h3	{ font-size: 1.7em; }
h4	{ font-size: 1.6em; }
h5	{ font-size: 1.5em; }
h6  { font-size: 1.4em; }

blockquote { padding: 1em; }

a:link,
a:visited {
 color: #e3eff8;
 text-decoration: underline;
}

a:hover,
a:active {
 color: #fff;
}

.container {
 width: 813px;
 height: 600px;
 margin: 0 auto;
 background: url("images/bg.gif") top left repeat-x;
 position: relative;
 overflow: hidden;
}

#home {
 background: url("images/home.jpg") top left no-repeat;
}

/*
#princesses {
 background: url("images/princesses.png") bottom left no-repeat;
 width: 766px;
 height: 435px;
 position: absolute;
 bottom: 0; left: 30px;
}
*/
#header {
 width: 445px;
 margin: 0 auto;
 padding: 55px 7px 0 0;
 position: relative;
}

#header h1 {
 padding: 52px 7px 30px 0;
 background: url("images/logo.png") bottom left no-repeat;
}

#header h1 a:link,
#header h1 a:visited {
 width: 0; height: 0;
 padding: 55px 445px 0 0;
 display: block;
 overflow: hidden;
/* background: url("images/logo.png") bottom left no-repeat; */
 margin: 0 auto;
}

#header h1 a:hover,
#header h1 a:active {
/* background-position: bottom -445px; */
}





#header { width: 441px; }
#header h1 {  background: url("images/logo3.png") bottom left no-repeat; }
#header h1 a { padding-right: 441px; }





#description{
 position: absolute;
 top: 97px; right: 13px;
 font-size: 1.2em;
 
 top: 105px;
 font-size: 1.2em;
}

#nav {
 position: absolute;
 top: 170px; right: 23px;
}

#nav li {
 list-style: none;
 float: left;
 text-transform: uppercase;
 padding: 0 0 0 1.2em;
 position: relative;
}

#nav li a:link,
#nav li a:visited {
 text-decoration: none;
 font-size: 1.4em;
 color: #e3eff8;
}

#nav li a:hover,
#nav li a:active {
 color: #fff;
}

#nav li ul {
 margin: 0;
 padding: 0;
 position: absolute;
 display: none;

width: 813px;
text-align: left;

top: 18px;
left: 0px;
}

#nav li ul li {
 width: auto;
 float: left;
}

#nav li ul li a:link,
#nav li ul li a:visited {
 font-size: 1.15em;
 color: #cfdde8;
}

#nav li ul li a:hover,
#nav li ul li a:active {
 color: #fff;
}

.package,
.page {
 position: absolute;
 bottom: 0; left: 0;
 margin: 0 0 0 47px;
 width: 766px;
 height: 380px;
 background-position: bottom left;
 background-repeat: no-repeat;
}

.page {
 background-image: url("images/sleeping-beauty.png");
 height: 396px;
}

.package .jScrollPaneContainer,
.page .jScrollPaneContainer {
 position: absolute;
 top: 5px; left: 353px;
}

.page h2 {
 position: absolute;
 top: 26px; left: 353px;
 font-weight: normal;
 font-size: 3em;
 z-index: 2;
}

.package h2 {
 width: 0; height: 0;
 display: block;
 overflow: hidden;
 position: absolute;
 top: 0px; right: 454px;
}

.title {
 position: absolute;
 top: 50px; right: 462px;
 font-size: 1.2em;
 text-transform: uppercase;
}

.overflow-top {
 width: 300px; height: 10px;
 position: absolute;
 top: 5px; left: 353px;
 background: url("images/overflow-top.png") center center repeat-x;
 z-index: 1;
}

.overflow-bottom {
 width: 300px; height: 10px;
 position: absolute;
 top: 260px; left: 353px;
 background: url("images/overflow-bottom.png") center center repeat-x;
 z-index: 1;
}

.page .overflow-top {
 top: 56px;
 background-image: url("images/page-overflow-top.png");
}

.page .overflow-bottom {
 top: 311px;
 background-image: url("images/page-overflow-bottom.png");
}

#package-1 {
 background-image: url("images/belle.png");
}

#package-1 h2,
#option-1 h3 {
 padding: 73px 271px 0 0;
 background: url("images/package-one.png") center center no-repeat;
}

#package-2 {
 background-image: url("images/cinderella.png");
}

#package-2 h2,
#option-2 h3 {
 padding: 73px 279px 0 0;
 background: url("images/package-two.png") center center no-repeat;
}

#content {
 font-size: 1.3em;
 overflow: auto;
 position: absolute;
 top: 5px; left: 353px;
 
 padding: 0;
 border-color: transparent;
 border-style: solid solid solid none;
 border-width: 10px;
}


.page #content,
.page .jScrollPaneContainer {
 top: 56px;
}

#content ul,
#content ol {
 margin: 1em 0 0 0;
 padding: 0 0 0 1.5em;
}

#content li {
 margin: 0 0 .6em 0;
}

.package #price {
 font-size: 1.8em;
 text-align: right;
 position: absolute;
 top: 285px; right: 98px;
}


.frame {
 background: url("images/frame.png") no-repeat;
 position: absolute;
}

#top {
 width: 813px;
 height: 85px;
 top: 0; left: 0;
 background-position: top center;
}

#left {
 width: 85px;
 height: 430px;
 top: 85px; left: 0;
 background-position: center left;
}

#right {
 width: 85px;
 height: 430px;
 top: 85px; right: 0;
 background-position: center right;
}

#bottom {
 width: 813px;
 height: 85px;
 bottom: 0; left: 0;
 background-position: bottom center;
}






#wizard {
position: absolute;
bottom: 0; left: 0;
width: 813px; height: 400px;
}

#wizard h2 {
 width: 0; height: 0;
 display: block;
 overflow: hidden;
 position: absolute;
 top: 23px; right: 456px;

 padding: 66px 268px 0 0;
 background: url("images/book.png") center center no-repeat;
}

#wizard ul {
 display: none;
}

#background {
 width: 813px; height: 400px;
 background: url("images/sleeping.png") bottom left no-repeat;
 position: absolute;
 bottom: 0; left: 0;
 
 left: 47px;
 padding: 0 0 0 100px;
 width: 569px;
}

#message {
 font-size: 1.3em;
 overflow: auto;
 position: absolute;
 top: 37px; right: 6px;
 width: 280px;
 text-align: right;
}

#options {
 position: absolute;
 bottom: 75px; right: 0px;
}

#options .option {
 margin: 5px 0 0 0;
 background: none;
 width: auto; height: 73px;
 position: relative;
 background: none;
 float: right;
 clear: right;
}
#options .option h3 {
 width: 0; height: 0;
 display: block;
 overflow: hidden;
 margin: 0 auto;
 position: relative;
 top: 0px; right: 0;
 float: right;
}

#options .option .title {
 position: absolute;
 top: 47px; right: 7px;
 width: auto;
}

#options .option .title a {
 text-decoration: none;
}

#wizard .title {
 top: 50px;
}

#wizard .instructions {
 font-size: 1.3em;
 position: absolute;
 top: 90px; left: 50px;
 width: 250px; height: 180px;
}

#calendar,
#form {
 display: none;
 position: absolute;
 top: 47px; right: 100px;
}


.browse {
 position: absolute;
 bottom: 85px;
 font-size: 1.6em;
}

a:link.browse,
a:visited.browse {
 text-decoration: none;
}

.prev {
 left: 50px;
}

.next {
 right: 106px;
}

.disabled {
 display: none;
}




.booking_form {
 float: right;
 position: absolute;
 top: 36px;
 right: 100px;
}

.booking_form div p {
	margin: 0 0 .7em 0;
	font-size: 1.2em;
}


/* Datepicker */


.hasDatepick {
 position: absolute;
 top: 38px;
 right: 105px;
 width: auto;
}


#select-package{
	display: none;
}




			
/* Tabs
----------------------------------*/
.ui-tabs { padding: 0; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding: 0; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 0; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }


#submiting1{
 position: absolute;
 top: 360px; right: 635px;
 width: 0px; height: 0px;
}