/* partycentral 1apr16 */

/*============================RESET======================================*/

body,div,ul,ol,li,td,h1,h2,h3,p,a,table,form,img { margin:0; padding:0; border:0; outline:0; }
table                                            { border-collapse:collapse; border-spacing:0;}
a img,a:link img,a:visited img                   { outline:0; border:0; }
ol,ul                                            { list-style:none;}
.clearfix:after                                  { content: ""; display:table; clear:both;}


/*===========================LAYOUT=====================================*/

body                        { background:#fff; }
  div.dToplinks             { max-width:1200px; margin:3px auto; text-align:right; padding-right:5px; } 
  div.dContainer            { max-width:1200px; margin:0 auto 20px auto; /*border:1px solid #0C0505;*/ box-shadow: 0 3px 18px 1px rgba(0,0,0,0.75); background:#fff; } 
      div.dBanner           { background:#ddd; position:relative;}     
         div.dSlider        { margin-bottom:10.5%;}
      div.dNav              { background:#60676c; width:100%; }
      div.dMain             { position:relative; padding:40px 0; }
         div.dContent       { float:right; width:71%; margin-right:3%; }
         div.dSidebar       { float:left;  width:20%; margin-left:3%; }
      div.dFooter           { clear:both; padding:20px 0 20px 1.6%; border-top:4px solid #0C0505; background-color:#F15E22;}     
         div.dFooterContent { text-align:center; clear:left;} 
          div.dFooterLinks	 { /*background-color:#fff; */width:90%; margin:0 auto; text-align:center;}    

/*adaptive/responsive*/
@media (max-width:600px) {
	div.dContent       { float:none; width:95%; margin:0 auto; }
	div.dSidebar       { float:none; width:50%; margin:60px auto; }
	img.imgMain        { width:150px;}
}

div.dToplinks  a { 
    display: inline-block;
    padding: 7px;
    font-size:1.2rem; 
    color:#fff;
  
} 

/*==========================TYPOGRAPHY===================================*/

/*all fonts measured in rems so font size wont inherit*/
/*with pixel fallback */
/*text elements styled explicitly because some elements refuse to inherit from body*/

html { font-size:62.5%; } /*reduces root font from 16px to 10px*/

/*primary font face*/
p,li,h1,h2,h3,h4,h5,td,th,textarea,legend,label,input,select,div,span {
	font-family: Verdana, sans-serif; 
	color:#0C0505;
} 
h1, h2, div.dVenueSel{
	font-family: 'Michroma', sans-serif;
}

/*main body font size*/
p,li,td,th,textarea,legend,label,input,select,div  { 
	font-size:14px;
	font-size:1.4rem;
}


/*font defaults*/
p {
	margin-right:3%;
	line-height:1.4em;
	margin-bottom:0.7em;
}

/*adaptive/responsive*/
@media (max-width:600px) {
	p,li,td,th,textarea,legend,label,input,select,div  { 
		font-size:16px;
		font-size:1.6rem;
	}
	h2 {font-size:1.9rem;}
}


h1{
	font-size: 24px; color:#F15E22;   
	padding:4px 0 4px 8px; 
	margin:2px 0 30px 0;
	background: linear-gradient(to left, rgb(241, 94, 34) 0%, rgb(12, 5, 5) 4%, rgb(12, 5, 5) 100%);
} 
h2 {
	margin-top:1.5em;
	margin-bottom:0.6em;
	font-size:16px;
	font-size:1.6rem;
	color:#0C0505;
}
h3 {
	margin:5px 0 10px;
	font-size:14px;
	font-size:1.4rem;
}
h4 {
	margin:5px 0;
	font-size:12px;
	font-size:1.2rem;
	color:#0C0505;
}

/*hyperlinks*/
a, a:visited,a:active,span.mail { /*last one is for the js email spambot protecter*/
	color:#444;
	text-decoration:underline;
}
a:hover {
	color:#0C0505;
	text-decoration:underline;
}
/* toplinks */
a.main:link, a.main:visited, a.main:active {/* on light background */
	color:#666;
	text-decoration: none;
}
a.main:hover {
	color:#666;
	text-decoration: underline;
}


/*===========================FORMS=========================================*/
/* xxxx see also formman_styles that overrides */
fieldset { 
	margin-top:2em; 
	padding: 10px; 
	border: 2px solid #F15E22; 
	border-radius: 5px;
	max-width: 100% !important;
	overflow:hidden;
}
legend {
	margin-left: 10px;
	font-weight: bold;
}
input,textarea,select{
	border:1px solid #B69FA9;
	border-radius:2px;
	color:#0C0505;
	padding:5px 2px;
}

input[type="submit"],input[type="button"] { 
	background:#F17543;  
	border-radius:4px; 
	min-width:80px; 
	cursor:pointer;
}
input[type="submit"]:hover, input[type="button"]:hover  { 
	background: #F15E22; 
}
input[type="radio"], input[type="checkbox"]  { 
	/*transform: scale(1.25);*/
}
input[type="button"][disabled], input[type="button"][disabled]:hover { 
	background:#ddd; 
	color:#000; 
	cursor:default;
	box-shadow: none;
}
option[disabled] { 
	color:#ccc; 
}

div.form-row {
	clear:both; 
	margin-top:12px;
	padding-top:5px;
}
div.form-row label {
	float:left;
	width:40%;
	text-align:right;
	padding-bottom:5px;
	padding-top:5px;
}
div.form-field{
	float:left;
	text-align:left;
	padding-bottom:5px;
	width:58%;
	margin-left:1%; 
}
div.form-field.sel{
	width:auto;
	max-width:58%;
}
div.form-buttons {
	clear:both; 
	padding-top:20px;
	text-align:center;
}

input.vhp { display:none;} /*honeypot*/
.greyed { color:#aaa;}
span.form-error { color:red;}


div.form-field input    { max-width:100%;}
div.form-field textarea { width:100%;}
div.form-field.sel select {width:100%;}


 
@media (max-width:600px) {
	form.step2 div.form-row label { float:none; width:100%; }
	form.step2 div.form-row div.form-field { float:none; width:100%; margin:20px 0 0 0;}
	form.step3 div.form-row label { float:none; width:100%; }
	form.step3 div.form-row div.form-field { float:none; width:100%; margin:20px 0 0 0;}
}

 
/*===========================HEAD/FOOT=====================================*/

/* banner */
div.dBanner img {width:100%; display:block; } 
div.dBannerOverlay { position:absolute; width:100%;top:0px; }
div.dBannerOverlay img {width:100%; display:block; } 


/*search box over the slider*/
div.dBannerTools{
	position:absolute;
	top:-30px;
	right:20px;
	z-index:200;
}


/* footer, contact etc*/
/* textnav covered in the nav section*/
div.dFooter p { font-size:1.0rem; }

/* the WDW footer */
p.pWDW     { font-size:1.0rem; text-align:center;}
p.pWDW a   { text-decoration:none;}
p.pWDW em  { font-style:italic; color:#ff00ff;}


/* sidebar boxes */
div.dSide, div.dAside, div#briefcartview{
	margin:10px 0;
	/*border-top:1px solid #4E2138;
	border-left:1px solid  #fff;*/
	background-color:#fce6d9;
	padding:5px;
	border-radius: 4px;
	/*box-shadow: 0 1px 2px 1px rgba(0,0,0,0.75);*/
	clear:both;
}

/* reduce sidebar font size*/
div#briefcartview p,div#briefcartview input,div#briefcartview div { 
	font-size:1.0rem; 
	text-align:center;
}
div.dSide p, div.dSide td,  div.dSide label,div.dSide input, div.dSide span    { font-size:1.1rem;}
div.dAside p,div.dAside td, div.dAside label,div.dAside input, div.dAside span { font-size:1.1rem;}

div.dSide h2, div.dAside h2, div#briefcartview h2, div.dSide h4{
  font-size: 1.38rem;
  margin: 0 0 5px;
  padding: 0;
  color:#0C0505;
}
div.dAside h3 {color: #5A3160; font-size:1.0rem; margin: 0 0 1px; }
div#briefcartview p.pTotal { font-weight:bold;}
div#briefcartview div.buttons { text-align:center;}

div.dAside .tdSubsM { text-align:left;}

div#user-login span input {width:92%; }
input.inpButton { float:right; margin-top:4px;padding:1px;}
div#user-toolbar { clear:both;}



/*=======================MARKUPPER STYLES================================*/

/* Images with captions */
table.tabImageL{
	float:left;
	margin:5px 20px 10px 0px;
	text-align:center;
	table-layout:auto;
	width:1px;
}
table.tabImageR{
	float:right;
	margin:5px 0px 10px 20px;
	text-align:center;
	clear:right;
}
td.tdImage{
	text-align:center;
	font-size:0.9rem;
}
td.tdCaption{
	font-size:0.9rem;
	font-style:italic;
	text-align:right;
}

/* showpage bits and bobs */
div.dInfo img, div.dInfo h4 {display:inline-block; font-size:1.1rem; vertical-align:middle;}
img.imgInTd { width:100%;}
table.tabImageR {width:45%;}

img.imgCentred{
margin:auto;
max-width:99%;	
}

/* call to action */
div.dMore{  
	clear:right;
	width:40%;
	margin:5px 1% 5px 0;
	border:1px outset #0C0505;
	padding:10px 20px 10px 5px;
	border-radius: 5px;
	color:#fff;
	text-decoration:none; 
	text-align:center;
	margin:20px auto;
	font-size:1.8em;
	font-weight:bold;
	box-shadow: 3px 3px 4px #202020;
	background: #F15E22 url(../imgs/arrow_icon.png) no-repeat scroll right;
}

hr.hrDivider, hr.hrButtonGroup {
	border:0;
	height:1px;
	background-image: -webkit-linear-gradient(left, rgba(241,94,34,0), rgba(0,0,0,0.75), rgba(241,94,34,0));
	background-image: -moz-linear-gradient(left, rgba(241,94,34,0), rgba(0,0,0,0.75), rgba(241,94,34,0));
	background-image: -ms-linear-gradient(left, rgba(241,94,34,0), rgba(0,0,0,0.75), rgba(241,94,34,0));
	background-image: -o-linear-gradient(left, rgba(241,94,34,0), rgba(0,0,0,0.75), rgba(241,94,34,0));
}


/*==========================NAV=========================================*/

/* superfish tweaks */
ul.sf-menu li a:hover {text-decoration:none;}

/* alt navs for responsive */
div.dNav div.narrow { display:none;}
div.dNav div.wide   { display:block;}

@media (max-width: 600px) {
	div.dNav div.narrow { display:block;}
	div.dNav div.wide   { display:none;} 
}

div.dNav div.narrow select { height:30px; width:100%; border:2px solid #ccc; background:#0C0505;color:white; font-weight:bold; font-size:1.4rem;  }
div.dNav div.narrow option { height:30px; background:#666;}
div.dNav div.narrow option.current {  color:red; }

div.dTextNav li a { text-decoration:none;font-size: 1.0rem;}
div.dTextNav li a:hover { text-decoration:underline;}

div.dTextNav li.level1 {
  float: left;
  width: 10.3%;
  padding-right:5px;
}
div.dTextNav li.level1 a {
  font-weight: bold;
}
div.dTextNav li.level1 a {
  font-weight: bold;
}
div.dTextNav li.level2 a {
  font-weight: normal;
}
div.dTextNav li.level3 a {
  font-weight: normal;
}

@media (max-width: 600px) {
	div.dTextNav  { display:none;} 
}



/*===========================FEATURES=========================================*/

/* try to only customise below this line*/
/* if you find yourself regularly overriding certain styles then move those changes above in trunk, so they propagate .*/

/* Basic jQuery Slider */
ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:block;}
li.bjqs-slide   {position:absolute; display:none;}
ul.bjqs-controls {list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a {position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a {right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a {left:0;}
ol.bjqs-markers {list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered {text-align: center;}
ol.bjqs-markers li {display:inline;}
ol.bjqs-markers li a {display:inline-block;}
p.bjqs-caption {display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}



/*===========================SITE OVERIDES====================================*/

/* ie anthing unique to a particular site.*/

/*xtreme*/

/*button imgs*/
/*
body{
	background: -webkit-linear-gradient(top, rgb(241, 94, 34) 0%, rgb(241, 94, 34) 39%, rgb(12, 5, 5) 42%, rgb(12, 5, 5) 100%);
	background: -o-linear-gradient(top, rgb(241, 94, 34) 0%, rgb(241, 94, 34) 39%, rgb(12, 5, 5) 42%, rgb(12, 5, 5) 100%);
	background: -ms-linear-gradient(top, rgb(241, 94, 34) 0%, rgb(241, 94, 34) 39%, rgb(12, 5, 5) 42%, rgb(12, 5, 5) 100%);
	background: -moz-linear-gradient(top, rgb(241, 94, 34) 0%, rgb(241, 94, 34) 39%, rgb(12, 5, 5) 42%, rgb(12, 5, 5) 100%);
	background: linear-gradient(to bottom, rgb(241, 94, 34) 0%, rgb(241, 94, 34) 39%, rgb(12, 5, 5) 42%, rgb(12, 5, 5) 100%);
} 
*/

div.dContentButtons{/* xxxx */
	padding:0 0 0 8%;
}

div.dContentButton {
	display:inline-block;
	width:45%;/* 32% */
	margin-top:7px;  
	/*border:1px dashed red;  */
	/*padding:2px; */ 
	/*background-color:yellow;*/
	vertical-align:top;
	text-align:center; 
	/*border:1px dashed red;*/
}


div.dContentButton a.disabled {
	opacity:0.3;
	cursor:default;
	margin-top:7px;
}
div.dContentButton img, div.dSideButton img {
	max-width:100%; 
	border-radius:5px;
	opacity:1;
}  
div.dSideButton img {
	max-width:100%; 
}
div.dContentButton a:hover, div.dSideButton a:hover {opacity:0.75;}
div.dContentButton a.disabled:hover {opacity:0.3;}



/*sidebar nav*/
div.dSideNav { margin:2em 0;}
div.dSideNav li a {
  background: none repeat scroll 0 0 #E6E7E8;
  border: 1px solid #C6C8CA;
  color: #0C0505;
  display: block;
  font-size: 14px;
  margin:0 0 4px;
  padding:7px 7px;
  text-decoration: none;
  text-transform: uppercase;
}

div.dSidebar li a:hover { background:#F15E22;}
div.dSidebar li a.down,
div.dSidebar li a.down:hover  { background:#F15E22;}

/* available at*/
div.dBodyAside    { border:1px dotted #c8c8c8; padding:1em; margin-top:2em;}
div.dBodyAside ul { padding-left:1em;}
div.dBodyAside ul li { 	list-style: disc outside;}

/*subscribe pane*/
table.tabSubs {width:50%;}
table.tabSubs td.tdSubsR input {width:100%;}
td.tdSubsM input { margin-top:5px;}

/* home link*/
div.dHomeLink { position:absolute; width:100%;top:-170px; height:130px;}
div.dHomeLink a { display:block; height:100%;}
div.dHomeLink a span { display:none;}

  
div.dContainer, div.dFooter{
	-moz-border-bottom-left-radius: 12px; 
  	-webkit-border-bottom-left-radius: 12px; 
   border-bottom-left-radius: 12px; 
   -moz-border-bottom-right-radius: 12px; 
  	-webkit-border-bottom-right-radius: 12px; 
   border-bottom-right-radius: 12px;	
}

div.dVenueSel {
	margin:-20px 0 10px 0; 
	padding:4px 0 4px 8px; 
	color:#F15E22;  
	font-size:18px;
	font-size:1.8rem;
	background: -webkit-linear-gradient(right, rgb(241, 94, 34) 0%, rgb(12, 5, 5) 4%, rgb(12, 5, 5) 100%);
	background: -o-linear-gradient(right, rgb(241, 94, 34) 0%, rgb(12, 5, 5) 4%, rgb(12, 5, 5) 100%);
	background: -ms-linear-gradient(right, rgb(241, 94, 34) 0%, rgb(12, 5, 5) 4%, rgb(12, 5, 5) 100%);
	background: -moz-linear-gradient(right, rgb(241, 94, 34) 0%, rgb(12, 5, 5) 4%, rgb(12, 5, 5) 100%);
	background: linear-gradient(to left, rgb(241, 94, 34) 0%, rgb(12, 5, 5) 4%, rgb(12, 5, 5) 100%);
}

div.dContentButtons { margin-top:2.5em;}
h3.h3ButtonGroup {
	font-family: 'Michroma',sans-serif;
	font-size:1.8rem;
	margin-top:1.5em;
}


/*
===================================================================================================================
	PARTY FEATURES
===================================================================================================================
*/

div#progress-bar {margin-bottom:15px;} 
div#progress-bar span { color:#aaa; font-size:3em; font-weight:bold; display:inline-block; width:40px; margin:5px; text-align:center;}
div#progress-bar span.current { background:#DBD9FC; border-radius:5px; color:#333;;} 
div#progress-bar a { color:blue; text-decoration:none; display:block; width:100%; }
div#progress-bar a:hover { text-decoration:underline; background:#A4A0FC; border-radius:5px;}
div#progress-bar a:visited { color:blue;}

/*
form.step2 div.radiogroup {width:75%; text-align:left; margin:0 auto;  border-bottom:1px dotted #ccc;}
form.step2 div.radiogroup input { position:relative; top:0px;}
form.step2 div.radiogroup label{padding:2px; display:block; float:none; width:100%; text-align:left;}
form.step2 div.radiogroup label:hover {background:#F1B095; border-radius:10px;}
form.step2 div.radiogroup label.grey:hover  {background:#fff; }
*/
div.extras-div {width:40%; text-align:left; margin:0 auto; margin-top:2px; border-bottom:1px dotted #ccc;padding:2px;}
div.extras-div input { width:2em; text-align:center;}

/* sidebar boxes */
div.dProgressSummary {
	float:right;
	border-radius: 3px;
	background:#fce6d9;
	padding:10px;
	width:40%;
}
div.dProgressSummary h2 {
  font-size: 1.38rem;
  margin: 0 0 5px;
  padding: 0;
  color:#0C0505;
}
div.dProgressSummary div, div.dProgressSummary td {font-size:1.3rem;}

div.dProgressSummary table {width:100%; margin-top:5px;}
div.dProgressSummary td {vertical-align:top; padding-right:10px;}
div.dProgressSummary td.tdR {text-align:right;padding-right:0;}
div.dProgressSummary tr.trTot td {border-top:1px solid #aaa;}

/*progress bar responsive*/
@media (max-width:600px) {
	div.dProgressSummary       { float:none; width:95%; margin:0 auto; }
}


div#piececontainer input.inpCart {
    font-size: 20px;
    font-weight: bold;
    padding:5px 10px;
}
div.dPanel { margin-top:60px; border-top:2px dotted #aaa; padding-top:10px;}

form.step3 div.form-row label {
	width:30%;
	padding-bottom:10px;
}
form.step3 div.form-field{
	width:65%;
	padding-bottom:10px;
}

input.inpQty { width:25px; margin-right:10px;  padding:4px; margin-bottom:5px;}


/*ADDONS INFO BOX */

input.inpToggleInfo {
 	left: 12px;
	position: relative;
	top: -35px;
	background: none repeat scroll 0 0 #f1b095;
}
div.dOptionsInfoBites {background:#fce6d9; padding:2%; border-radius:5px;}
div.dOptionsInfoBites h2:first-child { margin-top:0; }
div.dOptionsInfoBite { padding-top:10px;}
div.dOptionsInfoBite .aPic {display:block; float:right; margin-left:20px; }

table.dExtras td {padding-bottom:5px;}
table.dExtras td:first-child {padding-right:10px;}



#fullcartview table td { vertical-align:top;}

form.step4 textarea {  height:100px;}


div.dLifeSupport { margin:20px; text-align:center;}

i.iIndic {
  display: block;
  font-size: 8px;
  margin-top: -2px;
}



/* alt navs for responsive */
div.dNav div.narrow2 { display:none;}
div.dNav div.wide   { display:block;}

@media (max-width: 800px) {
	div.dNav div.narrow2 { display:block;}
	div.dNav div.wide   { display:none;} 
}

/* new responsive nav*/
div.dMainNav.narrow2 button { width:35px; height:35px; margin:4px 5px 4px; border:0; background: url(/templates/imgs/hamburger.png) no-repeat top left; background-size: 100% 100%;}
div.dMainNav.narrow2 div.options  { display:none;  border-top:1px dotted #999; }
div.dMainNav.narrow2 div.options  { background:transparent; padding-bottom:20px; }
div.dMainNav.narrow2 div.options div { padding: 2px 0; border-bottom:1px dotted #999; line-height:40px;  }
div.dMainNav.narrow2 div.options a { display:block; color:white;  text-decoration:none; text-transform:none;font-weight:bold;padding-left:6px;}
div.dMainNav.narrow2 div.options div:hover { background:#aaa; color:white;}
div.dMainNav.narrow2 div.options div.level1 { font-weight:bold; }


p.pErr {
	padding:4px 4px 4px 40px;
	background: url(/templates/imgs/enotice.png) 4px 2px no-repeat;
	border: 3px solid #ce1c1c;
	border-radius:4px;
	color: #ce1c1c;
	font-weight:bold;
	font-size:17px;
	margin-top:5px;
}

@media (max-width: 800px) {
	div.dToplinks.Mobile  { display:block !important; text-align:center;}
	div.dToplinks.Desktop { display:none; } 
	div.dToplinks a.main {  padding: 8px 3px; text-decoration:underline;	}
	div.dMain { padding-top:20px;}
}