body {background: #ffffff url(../images/background/1.jpg) no-repeat fixed top center;}
#logo a {background: transparent url(../images/logos/1.jpg) no-repeat;}
div.splashrotator {background-image: url(../images/hero/1a.jpg)}
#topnav > ul > li > a, #signinnav > ul > li > a {padding: 0px 24px}
#signinnav {display:none}
#splashrotator > div > h1 { color:#ffffff }
#splashrotator > div > p { color:#ffffff }
#splashrotator > div > h1 > span { color:#ffffff }
#maincontent h3 {color:#DB2142; font-size:15px}
.mobileshow {display:none}
.icon {
  z-index: 99999;
  position: fixed;
  background: rgba(186, 21, 84, 1);
  display: block;
  padding: 11px;
  height: 25px;
  width: 25px;
  margin: 0px;
  top: 0;
  right: 0;
  cursor:pointer;
  display:none
}
.icon2 {
  z-index: 9999;
  position: fixed;
  background: rgba(90, 26, 82, 1);
  display: block;
  padding: 15px;
  height: auto;
  width: 100%;
  margin: 0px;
  top: 0;
  left: 0;
  cursor:pointer;
  display:none;
  color:#fff;
  font-size:15px
}
.icon2 span {float:right; margin-top: -18px;
  font-size: 28px;}
.menui {
  background: #fff;
  transition: 0.35s linear;
  margin-top: 10px;
  position: absolute;
}
.top-menu {
  top: 5px;
  width: 25px;
  height: 3px;
  border-radius: 3px;
}
.mid-menu {
  top: 13px;
  width: 25px;
  height: 3px;
  border-radius: 3px;
}
.bottom-menu {
  top: 21px;
  width: 25px;
  height: 3px;
  border-radius: 3px;
}
.pink {color:#DB2142;}
.outer {overflow:hidden; margin-bottom:15px}
.team {background:#eeeeee; width:49%; margin-left:2%; float:left; display:block}
.team .img {float:left; padding-left:10px; padding-right:10px; width:35%}
.team .img img {width:100%; height:auto}
.team .text {float:left;width:55%}
#maincontent p, #maincontent h3, #maincontent h4, .activities a, .landingsec1_1,  {padding-left:10px; padding-right:10px}
.team .text p {margin-top:0px; padding:0}
.team p {padding:0}
.team h2 {
	color:#000;
	line-height:18px;
	font-size:18px;
	border-bottom:1px solid #e4e4e4;
	margin-bottom:10px;
	margin-top:0px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 10px;
}
.team a {color:#DB2142; text-decoration:underline; text-transform:uppercase; cursor:pointer}
.nm {margin:0px}
.more {display:none}

.container {
 margin: 0px auto;
  padding: 0px 0px 18px;
  width: 95%;
}

  

.ac-label {
 background: #6D2064;
  position: relative;
 cursor: pointer;
  font-size: 14px;
  color: #FFF;
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  line-height: 40px;
  display: block;
  width: auto;
  
  background: #6c2064;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c2064', endColorstr='#2c173f');
  background: -webkit-gradient(linear, left top, left bottom, from(#6c2064), to(#2c173f));
  background: -moz-linear-gradient(top, #6c2064, #2c173f);
  padding-top: 0px;
  padding-right: 15px;
  padding-bottom: 0px;
  padding-left: 15px;
  border-top: 1px solid #6D2064;
  border-left: 1px solid #6D2064;
  border-right: 1px solid #6D2064;
  transition: background-color .15s ease-in-out;
}
.ac-sub-text p {
	padding: 0px;
	font-size: 1.2em;
	color: #000000;
	line-height: 150%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 18px;
	margin-left: 0px;
}
.ac-input:checked + label, .ac-label:hover {
  background-color: #6D2064;
}

.ac-label:after, .ac-input:checked + .ac-label:after {
  content: " ";
  
  position: absolute;
  display: block;
    right: 8px;
  top: 11px;
  width:0px;
    height:0px;
    border-left:12px solid transparent;
    border-right:12px solid transparent;
    border-top:12px solid #fff;
  border-bottom:none;
  transition: background-color .15s ease-in-out;
}

.ac-label:hover:after, .ac-input:checked + .ac-label:after {
 
}

.ac-input:checked + .ac-label:after {
  content: " ";
  
  position: absolute;
  display: block;
    right: 8px;
  top: 11px;
  width:0px;
    height:0px;
    border-left:12px solid transparent;
    border-right:12px solid transparent;
    border-bottom:12px solid #fff;
	border-top:none;
}

.ac-input {
  display: none;
}



.ac-text, .ac-sub-text {
  opacity: 0;
  height: 0;
  margin-bottom: 2px;
  transition: opacity .5s ease-in-out;
  overflow: hidden;
}

.ac-input:checked ~ .ac-text, .ac-sub .ac-input:checked ~ .ac-sub-text { 
  opacity: 1;
  height: auto;
}



.ac-sub .ac-label {
  background: #c1185b;
  font-weight: 600;
  padding: .5em 2em;
  margin-bottom: 0;
    line-height: 20px;
}

.ac-sub .ac-label:checked {
  background: none;
  border-bottom: 1px solid whitesmoke;
}

.ac-sub .ac-label:after, .ac-sub .ac-input:checked + .ac-label:after {
  left: auto;
  content: "+";
  border:none;
    right: 23px;
  top: 7px;
}
.ac-sub .ac-input:checked + .ac-label:after {
	content: "-";
}
.ac-sub .ac-input:checked + label, .ac-sub .ac-label:hover {
 content: "-";
}
.ac-sub .ac-input:checked + label, .ac-label:hover {
  background-color: #c1185b;
}
.ac-sub-text {
  padding: 0 1em 0 2em;
}



.container {display:none}
@media screen and (max-width: 1000px) {
	body {overflow-x:}
	.container {display:block}
	table.pl  label.col4 {
  width: 100%;
  float: left;
  display: block;
}
.affiliateForm1 h4 {padding-left:0 !important}
.tbrd, .affiliateForm1  {margin-left:10px}
 #web-shell {
 
  width: 100%;
  
  min-height: 900px;
 
}
#logo a {
 
  background-size: 100%;
}
#topnav {
  display: block;
  margin: 0px auto;
  width: 100%;
}
#signinnav {
  display: none;
  margin: 0px auto;
  width: 100%;
}
#homesplash {
  display: block;
  margin: 0px auto;
  width: 95%;
  position: relative;
  z-index: 100;
}
#searchpanel {
  display: block;
  float: left;
  width: 23.5%;
  min-height: 340px;
  height: auto;
}
#homesplash-rotator {
  display: block;
  margin: 0px;
  width: 75%;
  float: right;
  position: relative;
}
div.splashrotator {
  margin: 0px;
  padding: 0px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 100%;
  min-height: 340px;
  height: auto;
}
#maincontent {
  display: block;
  margin: 0px auto;
  padding: 0px 0px 18px;
  width: 95%;
  position: relative;
  z-index: 1;
}
#mainblock {
  display: block;
  margin: 0px;
  width: 75%;
  float: right;
}
#sidebar {
  display: block;
  margin: 0px;
  width: 23.5%;
  float: left;
}
#footer-inner {
  display: block;
  margin: 0px auto;
  width: 100%;
}
#footer-featured {
  width: 55%;
}
#footer-accreditations {
  width: 40%;
}
#footer-socialnetworks {
  display: block;
  float: right;
  width: 20%;
}
#holidaysearchbox>form>p.field>span {width:95%}
#holidaysearchbox>form>p>span.dd, #holidaysearchbox>form>p.field>span>input, #signupform>form>p>input, #signupform>form>p, #signupform>form>p.signup-email, #search-form select {
 
  width: 83% !important;
  background:none
}
#holidaysearchbox>form>p>span.dd input, #holidaysearchbox>form>p.field>span>input, #signupform>form>p>input, #signupform>form>p input, #signupform>form>p.signup-email input, #search-form select {border:1px solid #666; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; -webkit-box-shadow: 1px 1px 15px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    1px 1px 15px 0px rgba(50, 50, 50, 0.75);
box-shadow:         1px 1px 15px 0px rgba(50, 50, 50, 0.75);}
#holidaysearchbox>form {float:none}
#holidaybestlist>div>div {
  margin: 14px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  display: block;
  float: left;
  width: 33.3%
}
#holidaysearchbox>form>p.field>span {

  background-size: 100%;
}
#signupform>form>p>input, #holidaysearchbox>form>p>span.dd, #holidaysearchbox>form>p.field>span>input, #signupform>form>p>input, #signupform>form>p, #signupform>form>p.signup-email {}
#holidaysearchbox>form>p.field>span {background:none; }
#holidaysearchbox>form>p.field>span input {border:1px solid #666; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; -webkit-box-shadow: 1px 1px 15px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    1px 1px 15px 0px rgba(50, 50, 50, 0.75);
box-shadow:         1px 1px 15px 0px rgba(50, 50, 50, 0.75);}
input.button, #signupform > form > p > input.button {max-width:100%; white-space: normal;}
#logo a {
  display: block;
  width: 185px;
  background-size: 100%;
}
#topnav > ul > li > a {
  padding: 0px 18px;
}
#footer-outer {overflow:hidden}
#footer-subnav {
 
  width: 74%}

.holiday {

  height: auto;
}
.holiday .left {
  border-right: none;
  width: 85%;

}
.holiday .partner {
 
  width: 30%;
 
}
.holiday .right {
  width: 14%;
 
  border-left: 1px solid #e4e4e4;
}

#holidayinfo-details {width:45%}
#holidayinfo-images {width:54%;   overflow: hidden;}
#holidayinfo-images img {width:100%; height:auto}
.jcarousel-skin-tango {overflow:hidden}
ul.jcarousel-list-horizontal {width:100% !important}
#hi-imagescroller {width:89%}
#holidayinfo-details p.hi-info {
  
  overflow: hidden;
}
#tabcontent {display:none}
#holidaylatestoffers>div>div {

  width: 50%;
}
#holidaybestlist>div>div {

  min-height: 280px;
}
}
@media screen and (max-width: 870px) {
#topnav > ul > li > a {
  padding: 0px 8px;
}
#maincontent img {max-width:100%; height:auto}
#holidaybestlist>div>div {

  background-size: 1px 100%;
}
}
@media screen and (max-width: 750px) {
	#brochurerequestbox {overflow:hidden}
	#logo {text-align:center; position:relative; left:auto; right:auto; top:20px}
	#logo a {
  display: block;
  width: 226px;
  max-width:280px;
  margin-left:auto;
  margin-right:auto;
  background-size: cover;
}
#titlebarnav-shell,  ul.sn-top,#cta p.atol {display:none}
#cta {
  clear: both;
  float: none;
  margin: 0px;
  padding: 0px;
  text-align: center;
  position: relative;
  margin-bottom:20px
}

#cta h3 {
  float: none;
  display:block;
  text-align:center; margin-top:20px;
}
.mobileshow {display:block}
#titlebar {
  
  padding-top: 41px;
}
.icon {display:block}
	#topnav {width: 100%;padding:0; position:fixed; top:-1000px; left:0px; z-index: 999; webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out; overflow-y:auto; overflow-x:hidden}
	#topnav.active {top:47px}
#topnav li {width:100% !important; text-align:center}
	#topnav > ul > li > a {
  width:100%
}

#topnav li.pbg {
background: #712167 url(../images/ClubDance-logonav-bg.jpg) repeat-x top left;}
#topnav > ul > li > a {
  padding: 0px 18px;
}

.icon2 {display:block}
	#signinnav {width: 100%;padding:0; position:fixed; top:47px; left:-1000px; z-index: 999; webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out; overflow-y:auto; overflow-x:hidden; display:block}
	#signinnav.active {left:0%}
#signinnav li {width:100% !important; text-align:center}
	#signinnav > ul > li > a {
  width:100%
}

#signinnav li.pbg {
background: #712167 url(../images/ClubDance-logonav-bg.jpg) repeat-x top left;}
#signinnav > ul > li > a {
  padding: 0px 18px;
}

}
@media screen and (max-width: 700px) {
 #web-shell {
 
  width: 100%;
  
  min-height: 900px;
 
}

#homesplash {
  display: block;
  margin: 0px auto;
  width: 95%;
  position: relative;
  z-index: 100;
}
#searchpanel {
  display: block;
  float: left;
  width: 100%;
  min-height: inherit;
  height: auto;
    clear: both;
}
#homesplash-rotator {

  width: 100%;
  float: none;
    clear: both;
}
div.splashrotator {
  margin: 0px;
  padding: 0px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 100%;
  min-height: 340px;
  height: auto;
  overflow:hidden
}
#maincontent {
  display: block;
  margin: 0px auto;
  padding: 0px 0px 18px;
  width: 95%;
  position: relative;
  z-index: 1;
    clear: both;
}
#mainblock {
  display: block;
  margin: 0px;
  width: 100%;
  float: right;
}
#sidebar {
  display: block;
  margin: 0px;
  width: 100%;
  float: left;
}
#footer-inner {
  display: block;
  margin: 0px auto;
  width: 100%;
}
#footer-featured {
  width: 55%;
}
#footer-accreditations {
  width: 40%;
}
#footer-socialnetworks {
  display: block;
  float: right;
  width: 20%;
}
#holidaysearchbox>form>p.field>span {width:95%}
#holidaysearchbox>form>p>span.dd, #holidaysearchbox>form>p.field>span>input, #signupform>form>p>input, #signupform>form>p, #signupform>form>p.signup-email {
 
  width: 83%;
  background-size:100%
}
#holidaysearchbox>form {float:none}
#holidaybestlist>div>div {
  margin: 14px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  display: block;
  float: left;
  width: 33.3%
}
#holidaysearchbox>form>p.field>span {

  background-size: 100%;
}
#signupform>form>p>input, #holidaysearchbox>form>p>span.dd, #holidaysearchbox>form>p.field>span>input, #signupform>form>p>input {min-height:27px; background-image:none; border:1px solid #666}
 #signupform>form>p, #signupform>form>p.signup-email {min-height:22px; background-image:none; width:100% !important }


#footer-outer {overflow:hidden}
#footer-subnav {
 
  width: 74%}
#holidaysearchbox {
  min-height: inherit;
}
#holidaysearchbox p {width:31%; padding-right:1%; padding-left:1%; text-align:center; float:left}
#holidaysearchbox>p.button {position:relative; left:auto; bottom:auto}
#holidaysearchbox>form>p>label {margin:0 !important}

.team { width:98%; margin-left:1%; float:none; overflow:hidden;   margin-bottom: 10px; }
.outer.hm {margin-bottom:0}
.team .img {float:left; padding-left:10px; padding-right:10px; width:35%}

.team .text {float:left;width:55%}

.col2 {
  width: 98%;
 margin-left: 1%;
  float: none;
  margin-bottom:10px;
  text-align:  center
}
.col3 {
  width: 98%;
  margin-left: 1%;
  float: none;
   margin-bottom:10px;
    text-align:  center
}
#livechatbox.col3 {float:none}
.mobnomarg {margin-bottom:0}
#holidaybestlist>div>div {min-height:295px}
#holidaylatestoffers>div>div {
  float: left;
  width: 50%;
}
.box-content-sb {background:#fff}
#signupform>form>p, #signupform>form>p.signup-email {width:33% !important; float:left}
input#signup {margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0}
table.pl  label.col4 {
  width: 100%;
  float: left;
  display: block;
}
}

@media screen and (max-width: 680px) {


#holidayinfo-details {width:100%;   text-align: center;}
#holidayinfo-images {width:100%;   overflow: hidden;}
#holidayinfo-images img {width:100%; height:auto}
.jcarousel-skin-tango {overflow:hidden}
ul.jcarousel-list-horizontal {width:100% !important}
#hi-imagescroller {width:89%}
#holidayinfo-details p.hi-info {
  
  overflow: hidden;
}
#holidayinfo-details li, #holidayinfo-details p.hi-price, #holidayinfo-details p.button, #holidayinfo-details p.hi-cta {text-align:center}
#holidayinfo-details li a{width: auto;
  margin-left: auto;
  margin-right: auto;
  display: inline;}
  #footer-featured, #footer-accreditations {width:50%; text-align:center; margin:0; margin-top:10px}
  #footer-featured p, #footer-accreditations p {
  text-align: center;
  float:none;
  width:100%;
  background-repeat:no-repeat;
  background-position:center center
}
#atol {  top: 0px;}
#footer-featured span, #footer-featured span.times, #footer-featured span.button{
  text-align: center;
  width:100%; display:block;
  background-position:center center
}
  
 #footer-socialnetworks, #footer-subnav {
  display: block;
  float: none;
  width: 98%;
  margin:0;
  margin-left:1%;
  clear:both;
  height: 50px;
  margin-top:10px
} 
}
#footer-subnav ul {text-align:center; display:block; margin-bottom:10px}
#footer-subnav li {display:inline !important; float:none !important}
#copyright {
   width:100%;
   padding-bottom:10px;
   text-align:center}
}
@media screen and (max-width: 565px) {
	#holidaysearchbox input.button {margin:0}
	#holidaylatestoffers img {display:none}
	.box-title>span.save {display:none !important}
	.box {text-align:center}
	#homesplash-rotator {display:none}
.box-title>span {
   display: block;
  position: absolute;
  top: 44px;
  text-align: center;
  width: 98%;
    background: #fff;
}
#holidaybestlist {padding-top:40px}
#holidaylatestoffers>div>div {width:100%; float:none}
.box-content-sb>div {background-image:none}
#signupform>form>p, #signupform>form>p.signup-email {
  width: 60% !important;
  margin-left:20%;
  margin-right:20%;
  float: none;
}

}
@media screen and (max-width: 525px) {
	#holidaylatestoffers>div>img, span.save {display:none}
	#holidaylatestoffers>div>div>h3 {  margin-top: 0px;
  padding-top: 15px;
  margin-bottom: 15px;}
	#holidaylatestoffers>div>div {float:none; width: 96%;
  padding: 2%;}
	.featured .box-title>span {
  display: block;
  position: relative;
  top: auto;
  right: auto;
 
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-weight: normal;
  background: none;
  margin-top: 16px;
  text-align: center;
}
.featured .box-title {height:20px}
.featured .box-content-sb {margin-top:56px}
	#footer-featured span.feat {
  display: inline-block;
  width: auto;
  height:18px;
	}
	#footer-featured span {
  display: block;
  width: 20px;
  padding-top: 20px;
    display: inline-block;
  float: none;
  
  background: transparent url(../images/ClubDance-footer-ST-icon.png) no-repeat;
 
}
#footer-featured span.times {
  display: block;
  width: 20px;
  padding-top: 20px;
   display: inline-block;
  float: none;
  
  background: transparent url(../images/ClubDance-footer-T-icon.png) no-repeat;
 
}
	
	.memberstable input[type='checkbox'] {width:auto !important; text-align:left}
	#holidaysearchbox>form>p>label {
  
 height: 33px;
  overflow: hidden;
	}
	#holidayinfo-details p.hi-cta strong {display:block; clear:both;}
	#holidayinfo-images {display:none}
	.holiday {

  height: auto;
  text-align:center
}
.holiday .left {
  border-right: none;
  width: 100%;
  clear:both; margin-bottom:10px;
  float:none

}
.holiday .partner {
 
 width: 100%;
  clear:both; margin-bottom:10px;
  float:none;
  display:none
 
}
.holiday .right {
  display:none
}
#maincontent .holiday h3 span {
 width: 100%;
  clear:both; margin-bottom:10px;
  float:none;
  display:block
}
	#signupform {
  float: none;
  margin-right: 0px;
  margin-top: 10px;
  margin-left: 0px;
  display:block;
  width:100%
  
}
	#holidaybestlist>div>div {
  margin: 14px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  display: block;
  float: left;
  width: 50%;
}
.team { text-align:center }
.team .img {float:none;  width:92%; padding-bottom:4%; padding-left:4%; padding-right:4%}

.team .text {float:none; width:92%; padding-bottom:4%; padding-left:4%; padding-right:4%}
#afflogin {
  width: 99%;
  float: none;
 
  border: 1px solid #ebebeb;
  margin-left: 0px;
 
}
.bitem h3 span {
  float: none;
  font-weight: normal;
  color: #63395e;
  display:block;
  clear:both;
  text-align:center
}


table.specials,table.specials thead,table.specials tbody,table.specials th,table.specials td,table.specials tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	table.specials tr.pinkbg { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	table.specials tr { border: 1px solid #ccc; margin-bottom:10px }
	table.specials tr:before {content: attr(data-name); background:#DB2142; color:#fff; text-align:center;  -webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
display:block;   padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  font-size:14px; line-height:17px;
  font-weight:bold;
  border-radius: 3px;
  background: #c31a62 url(images/ClubDance-box-heading-p.jpg) repeat-x bottom left;
}
	table.specials tr.bolder
{
    display:none;
}
	table.specials td { 
		/* Behave  like a "row" */
		border: none;
		border: 1px solid #666; 
		position: relative;
		padding-left: 50%; 
		text-align:center
	}
	
	table.specials td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		font-weight:bold
	}
	table.specials td.find {
  
}
td.bolder {
  font-weight: normal;
  text-decoration: none;
}
	/*
	Label the data
	*/
	table.specials td:nth-of-type(1):before { content: "Starts"; }
	table.specials td:nth-of-type(2):before { content: "Holiday"; }
	table.specials td:nth-of-type(3):before { content: "Ends"; }
	table.specials td:nth-of-type(4):before { content: "Discount"; }
	table.specials td:nth-of-type(5):before { content: " "; }
	
	
	
	table.comm-form,table.comm-form thead,table.comm-form tbody,table.comm-form th,table.comm-form td,table.comm-form tr { 
		display: block; 
	}
	
	
	
	table.comm-form tr { border: none; margin-bottom:10px }
	
	table.comm-form td { 
		/* Behave  like a "row" */
		border: none;
		border: none; 
		position: relative;
		padding-left: 0%; 
		
		
	}
	
	/*
	table.comm-details,table.comm-details thead,table.comm-details tbody,table.comm-details th,table.comm-details td,table.comm-details tr { 
		display: block; 
	}
	
	
	table.comm-details tr.pinkbg { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	table.comm-details .comm-first tr,table.comm-details .comm-second tr { border: 1px solid #ccc; margin-bottom:10px }
	
	table.comm-details td {width:100% !important}
	
	table.comm-details .comm-first td,table.comm-details .comm-second td { 
		
		border: none;
		border: 1px solid #666; 
		position: relative;
		padding-left: 50%; 
		width:50%
	}
	
	table.comm-details .comm-first td:before, table.comm-details .comm-second td:before { 
		
		position: absolute;
		
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		font-weight:bold
	}
	

	
	table.comm-details .comm-first td:nth-of-type(1):before { content: "Address"; }
	table.comm-details .comm-first td:nth-of-type(2):before { content: "Primary Contact"; }
	table.comm-details .comm-second td:nth-of-type(1):before { content: "Email"; }
	table.comm-details .comm-second td:nth-of-type(2):before { content: "Web"; }
	table.comm-details .comm-second td:nth-of-type(3):before { content: "Tel"; }
	table.comm-details .comm-second td:nth-of-type(4):before { content: "Fax"; }
	*/
	table.comm-details   td {width:100%; clear:both; display:block}
	table.comm-details   td td {width:auto; display:table-cell}
	table.comm-details   td tr td:first-child {font-weight:bold}
	table.memberstable {width:100%}
	table.memberstable,table.memberstable thead,table.memberstable tbody,table.memberstable th,table.memberstable td,table.memberstable tr { 
		display: block; 
	}
	table.memberstable img {width:100%}
	table.memberstable  td {width:100%; clear:both; display:block}
	table.pl  td {width:100%; clear:both; display:block}
	table.pl  tr td:first-child {font-weight:bold}
	table.pl tr { border: none; margin-bottom:10px }
	
	table.pl td { 
		/* Behave  like a "row" */
		border: none;
		border: none; 
		position: relative;
		padding-left: 0%; 
		
		
	}
	table.pl td input, table.pl td select {width:100% !important}
	
	
	table.pl  label.col4 input {width:auto !important}
	#maincontent .bitem h3 {
 
  text-align: center;
}
#affiliateNavigation {
  float: none;
  width: auto;
    padding: 0;
}
#affiliateNavigation li {
  display: inline-block;

  float: none;

}

.affiliateForm1 input, .affiliateForm1 textarea {width:100% !important}
.affiliateForm1 textarea {width:97% !important}
.affiliateForm1 .checkbox label {width:100%}
.affiliateForm1 .checkbox input {width:auto !important; float:left}

.affiliateForm1 table  td {width:100%; clear:both; display:block}
	.affiliateForm1 table  tr td:first-child {font-weight:bold}
	.affiliateForm1 table tr { border: none; margin-bottom:10px }
	
	.affiliateForm1 table td { 
		/* Behave  like a "row" */
		border: none;
		border: none; 
		position: relative;
		padding-left: 0%; 
		
		
	}
	.affiliateForm1 table td input, .affiliateForm1 table td select {width:100% !important}
	
	.affiliateForm1 table  label.col4 {
  width: 50%;
  float: left;
  display: block;
}
	.affiliateForm1 table  label.col4 input {width:auto !important}
	 #maincontent h4, #maincontent h3 {
 /* padding-left: 0px;
  padding-right: 0px;*/
}
	#form1 input, #form1 select, #form1 textarea {
   margin-top: 10px;
   margin-left: 0px; 
}
#form1 label {
 
  padding-left: 0px;
}
#ContentPlaceHolder1_chkDanceStyles {width:100%}
#ContentPlaceHolder1_chkDanceStyles tr {width:50%; text-align:left; float:left}


#affiliateHPtable {width:100%}
#affiliateHPtable input, #affiliateHPtable textarea {width:100% !important}
#affiliateHPtable textarea {width:97% !important}
#affiliateHPtable .checkbox label {width:100%}
#affiliateHPtable .checkbox input {width:auto !important; float:left}

#affiliateHPtable  td {width:100%; clear:both; display:block}
	#affiliateHPtable  tr td:first-child {font-weight:bold}
	#affiliateHPtable tr { border: none; margin-bottom:10px }
	
	#affiliateHPtable td { 
		/* Behave  like a "row" */
		border: none;
		border: none; 
		position: relative;
		padding-left: 0%; 
		
		
	}
	#affiliateHPtable td input, #affiliateHPtable td select {width:100% !important}
	
	#affiliateHPtable  label.col4 {
  width: 50%;
  float: left;
  display: block;
}
	#affiliateHPtable  label.col4 input {width:auto !important}
}
@media screen and (max-width: 480px) {
	#footer-featured, #footer-accreditations {width:100%; margin-bottom:0px}
	#footer-featured p, #footer-accreditations p {margin:0; padding:0}
	#footer-accreditations p#atol {padding-top:63px; margin-top:10px}
	#cfs a {
  display: inline-block;
	}
	#footer-subnav {padding: 2%; width:95%;}
	ul.sn-bottom {float:none; margin:0; padding-bottom:20px;   width: 74px;
  margin-left: auto !important;
  margin-right: auto !important;}
	#holidayinfo-details p.hi-info strong, #holidayinfo-details p.hi-info span {display:block; width:100%}
	.box-title>span { 
	position: static; 
	padding: 0; 
	background: none;
	}
@media screen and (max-width: 360px) {
	#holidaybestlist>div>div {
  margin: 14px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  display: block;
  float: none;
  width: 100%;
}
	
}