@import url("css/menu.css");


/* ControlPanel style */
.ControlPanel{background:transparent url(images/cpanel_center.png) repeat-x bottom left; border:none;padding-bottom:10px; background-color: #FFFFFF;}
.cpanel_left {background: url(images/cpanel_left.png) no-repeat bottom left;padding-left:21px; background-color: #FFFFFF;}
.cpanel_right {background: url(images/cpanel_right.png) no-repeat bottom right;padding-right:33px ; background-color: #FFFFFF;}


/*.bread_bg{padding:0; margin: 0 19px 0 7px; background:url(images/bread_bg.png) repeat-x top left; height:34px;}
.bread_left{padding:0; margin:0; background:url(images/bread_left.png) no-repeat top left; height:34px;}
.bread_right{padding:0;  background:url(images/bread_right.png) no-repeat top right; height:34px;}
*/


/*-------ControlPanel changes ---------------*/
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited{color:#3E81B5;}
.ControlPanel a.CommandButton:hover{color:#CB2027; text-decoration:underline;}
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited, .ControlPanel .SubHead{font-size:11px;}

html {
margin:0;
padding:0;
}

body {
margin:0;
padding:0;
font-family:Verdana, helvetica, sans-serif;
font-size:12px;
line-height:18px;
background-image:url(http://www.funtasiaevents.co.nz/images/swirlsBkgd.jpg);
background-position:left top;
color:#333333;
}

#topBkgd {
position:absolute;
z-index:1;
float:left;
width:100%;
background-image:url(http://www.funtasiaevents.co.nz/images/headerBgkdStrip.jpg);
background-repeat:repeat-x;
}

#outer {
position:relative;
width:910px;
margin:0 auto;
}

#container {
position:relative;
float:left;
width:910px;
}

#header {
background-image:url(http://www.funtasiaevents.co.nz/images/headerSwirl.jpg);
background-repeat:no-repeat;
background-position:right 24px;
font-family:georgia, times new roman, serif;
height:250px;
}

#logo {
}

a#contactIcon {
position:absolute;
right:78px;
top:140px;
display:block;
background-image:url(http://www.funtasiaevents.co.nz/images/contactIcon.gif);
background-repeat:no-repeat;
background-position:7px top;
font-size:10px;
padding-top:17px;
padding-bottom:0;
color:#2d2c82;
font-weight:bold;
}

a#contactIcon:hover {
background-position:7px -40px;
color:#a27e40;
}

#nav {
position:relative;
float:left;
width:910px;
height:39px;
background-color:#2d2c82;
top:20px;
}

#topSwirl1 {
position:absolute;
top:0px;
left:5px;
z-index:1;
}

#topSwirl2 {
position:absolute;
top:0px;
left:99px;
z-index:1;
}

#bottomSwirl {
position:absolute;
bottom:7px;
right:5px;
z-index:1000;
}

#contentOuter {
position:relative;
float:left;
background-color:#c29a5c;
background-image:url(http://www.funtasiaevents.co.nz/images/mainBkgd.jpg);
background-repeat:repeat-y;
top:7px;
}

#contentInner {
background-image:url(http://www.funtasiaevents.co.nz/images/contentTop.jpg);
background-repeat:no-repeat;
position:relative;
float:left;
width:910px;
}

#mainWhiteOuter {
position:relative;
float:left;
width:810px;
margin:50px 50px;
background-image:url(http://www.funtasiaevents.co.nz/images/whiteBkgd.jpg);
background-repeat:repeat-y;
}

#mainWhiteInner {
position:relative;
float:left;
width:810px;
background-image:url(http://www.funtasiaevents.co.nz/images/whiteTopBkgd.jpg);
background-repeat:no-repeat;
}

#mainWhite {
position:relative;
float:left;
width:810px;
background-image:url(http://www.funtasiaevents.co.nz/images/whiteBottom.jpg);
background-repeat:no-repeat;
background-position:left bottom;
min-height:300px;
}

.ContentPane {
margin:95px 70px;
}

.ContentPane h1 {
font-family: georgia, times new ronam, serif;
font-size:22px;
line-height:24px;
color:#2d2c82;
background-image:url(http://www.funtasiaevents.co.nz/images/h1.jpg);
background-repeat:no-repeat;
background-position:right -6px;
display:inline;
padding:66px 15px 0 0;
margin-bottom:20px;
}

.ContentPane h2 {
font-family: georgia, times new ronam, serif;
font-size:16px;
line-height:42px;
color:#2d2c82;
background-image:url(http://www.funtasiaevents.co.nz/images/h2.jpg);
background-repeat:no-repeat;
background-position:right 2px;
display:inline;
padding:30px 36px 0 0;
margin-bottom:0px;
}

.ContentPane h3 {
font-family: georgia, times new ronam, serif;
font-size:16px;
line-height:20px;
color:#2d2c82;
margin-bottom:0px;
}

.ContentPane p {
margin:5px 0 15px;
}

.ContentPane a {
color:#2d2c82;
}

.ContentPane a:hover {
color:#816a34;
}

/*--- Products formatting ---*/

.categoryContainer {
border-bottom:1px dashed #dabd8e;
padding-bottom:10px;
margin-bottom:10px;
position:relative;
float:left;
width:100%;
clear:left;
}

.categoryImage, .productImage {
position:relative;
float:left;
width:202px;
overflow:hidden;
text-align:center;
}

.categoryDescription {
position:relative;
float:left;
width:448px;
margin-left:20px;
}

.categoryDescription p {
margin:15px 0 5px;
}

a.categoryLink {
font-weight:bold;
font-family: georgia, times new ronam, serif;
font-size:16px;
line-height:20px;
color:#2d2c82;
padding:0px 0px 0 0;
margin-bottom:5px;
display:block;
}

p.viewCatLink {
margin:0px 0 0;
font-size:11px;
}

.productText {
border-bottom:1px dashed #dabd8e;
padding-bottom:10px;
margin-bottom:10px;
position:relative;
float:left;
width:100%;
clear:left;
}

.productInfo {
position:relative;
float:left;
width:348px;
margin-left:20px;
}

#contentInner .productInfo h2 {
background-image:none;
margin-top:0px;
padding:0;
}

.productImage {
z-index:500;
}

.productImage a {
position:relative;
}

.productImage a img {
position:relative;
border:1px solid #2d2c82;
}

.pricePanel {
position:relative;
float:right;
width:100px;
color:#fff;
font-weight:bold;
padding:0px;
text-align:center;
margin-bottom:15px;
}

.pricePanel h3 {
margin:0;
background-color:#2d2c82;
color:#fff;
padding:2px 0;
margin-bottom:4px;
border-bottom:1px solid #c29a5c;
}

.hpContainer, .bpContainer {
background-color:#d9bb8b;
padding:0 0 5px;
border:1px solid #c29a5c;
}

.hpContainer {
margin-bottom:10px;
}

.small {
font-size:10px;
font-weight:normal;
}

.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
/*height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);*/
}

.white_content {
	display: none;
	position: absolute;			
	margin-top: 10px;
	left: 10px;
	/*width: 50%;
	height: 50%;*/
	padding: 5px;
	border:3px solid #2d2c82;
	background-color: #fff;
	z-index:1505;
	overflow: auto;
}

.white_content img {
border:3px solid #c29a5c;
display:block;
margin-bottom:5px;
}

.white_content a {

}

.white_content a.hover {
color:#fff;
}

/*--- Products formatting ends ---*/

/*-- newsletter sign up --*/


.OptIn_CategoryTD {
font-weight:bold;
font-color:#2d2c82;
width:122px;
}

.OptIn_CategoryTD .CategoryTitle {
color:#2d2c82;
}

/*-- newsletter sign up --*/

#footerOuter {
position:relative;
float:left;
width:910px;
background-color:#2d2c82;
background-image:url(http://www.funtasiaevents.co.nz/images/footerBkgd.jpg);
background-repeat:repeat-y;
z-index:400;
}

#footer {
position:relative;
width:900px;
margin-left:5px;
border-top:1px solid #ffffff;
color:#fff;
padding-bottom:20px;
z-index:420;
}

#footer a {
color:#ffffff;
}

#footer a:hover {
color:#c29a5c;
}

p#copyright {
position:relative;
float:left;
font-size:10px;
margin-left:55px;
margin-top:22px;
width:390px;
}


p#footerTagline{
font-family:georgia, times new roman, serif;
position:relative;
float:right;
text-align:right;
font-size:20px;
margin-right:57px;
width:390px;
margin-top:18px;
line-height:22px;
}

/*Form styles*/
#mainWhite a.genericButton, #mainWhite input.genericButton {
background-color:#2d2c82;
color:#ffffff;
padding:5px 8px;
font-weight:bold;
position:relative;
font-size:11px;
text-decoration:none;
}

.contactForm .genericButton {
top:3px;
}

#mainWhite a.genericButton:hover, 
#mainWhite input.genericButton:hover {
background-color:#816a34;
color:#ffffff;
cursor:pointer;
}

input.genericButton {
margin-left:145px;
}

.contactForm {
position:relative;
float:left;
clear:left;
width:600px;
}

ul.formLayout {
margin:10px 0 0;
padding:0;
}

ul.formLayout li {
list-style-type:none;
margin:5px 0;
}

ul.formLayout li.noBottomMargin {
margin-bottom:0;
}

#mainWhite ul.formLayout li label {
display:block;
position:relative;
float:left;
text-align:right; 
padding-right:5px;
width:120px;
}

ul.formLayout li input {
width:240px;
font-size:11px;
}

ul.formLayout li input.pickBtn 
{
	width:100px;
}

ul.formLayout li select {
width:245px;
font-size:11px;
}

ul.formLayout li textarea {
width:240px;
font-size:11px;
font-family:verdana, helvatica, sans-serif;
}

.req {
color: #a90000;
padding-right:3px;
}

.formButtons {
margin-left:125px;
}

#dnn_ctr662_ViewContact_Result {
font-weight:bold;
color:#2d2c82;
font-size:14px;
}