/*
Theme Name: Skinny Girl


[Table Of Contents] 

	0- Reset & Layout
	1- Global
	2- Links
	3- Headings
	4- Header 
	5- Navigation
	6- Middle 
	7- Forms
	8- Extras
	9- Footer 

*/

/* =0 Reset
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* =1 Global
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

body 						{ font-family:'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;	vertical-align: top; color: #000; background:#E31B23;}
p, ul, dl {font-size:1.125em; line-height:1.5em; padding-bottom:20px;}
.clearfix:after { clear: both;content: '.';display: block;visibility: hidden;height: 0; }

.clear { clear: both; }
.highlight {color:#E31B23;}

	
/* =2 Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

a			{	color: #E31B23; text-decoration:underline;}
a:hover 					{	color: #E31B23; }
a:visited					{	color: #E31B23; }


/* =3 Headings
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
h1 							{	font: bold 2.25em 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; color:#DC002D; } 
h2 							{	font: bold .75em 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; color:#E31B23;}
h3 							{	font: bold 1em 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;}
h4 							{	font: bold .875em 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;}
h5 							{	font: bold .75em 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; }

h2.dark {color:#000;}

/* =4 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#logo {padding-top:20px;}
#logo a {width:332px; height:78px; display:block; background:url(../images/sprite_page_elements.png) no-repeat -1228px 0; text-indent:-999em;}

#signup {position:absolute; top:25px; right:115px; font-size:.7em; }
#signup a {border: 1px solid #E31B23; color:#E31B23; display:block;  padding:1px 4px; text-decoration:none; vertical-align:middle;}
	
/* =5 Navigation
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#navMain {font-size:.75em;width:804px; padding:18px 0 0 0;}
#navMain li {float:left; color:#000; margin-right:60px; display:inline;}
#navMain .last {margin-right:0;}
#navMain a {display:block; height:14px; background:url(../images/sprite_page_elements.png) no-repeat 0 0; text-indent:-999em; margin-right: 22px;}

#navMainAbout a {width:138px; background-position:0 0;}
#navMainAbout a:hover, #navMainAbout a.selected {background-position:-138px 0;}
#navMainWho a {width:83px; background-position:-256px 0;}
#navMainWho a:hover, #navMainWho a.selected {background-position:-339px 0;}
#navMainNights a {width:94px; background-position:-276px -14px;}
#navMainNights a:hover, #navMainNights a.selected {background-position:-370px -14px;}
#navMainPress a {width:26px; background-position:-458px 0;}
#navMainPress a:hover, #navMainPress a.selected {background-position:-484px 0;}
#navMainEvents a {width:31px; background-position:-510px 0;}
#navMainEvents a:hover, #navMainEvents a.selected {background-position:-541px 0;}
#navMainWhere a {width:71px; background-position:-572px 0;}
#navMainWhere a:hover, #navMainWhere a.selected {background-position:-643px 0;}
#navMainTrade a {width:26px; background-position:-714px 0;}
#navMainTrade a:hover, #navMainTrade a.selected {background-position:-740px 0;}
#navMainContact a {width:38px; background-position:-766px 0; margin-right: 0px;}
#navMainContact a:hover, #navMainContact a.selected {background-position:-804px 0;}

	/*dropdown*/
	#navMain li ul { /* second-level lists */
	position: absolute;
	margin:0;
	z-index: 99;
	left: -999em;
	padding:3px 0 0 0;
	background:#fff;
}
	#navMain li:hover, #navMain li.show {position:static;}
	#navMain li:hover ul, #navMain li.show ul {left: auto;}
	#navMain li ul li	{
		margin: 0 0 9px 0; _margin-bottom:0;
		padding:0;
		clear:both;
		width:auto;
	}
	#navMain li ul li a {float:left;}
	#navMainOrders a {width:62px; height:10px; background-position:-950px 0;}
	#navMainOrders a:hover, #navMainOrders a.selected {background-position:-1012px 0;}
	#navMainStores a {width:28px; height:8px; background-position:-842px 0;}
	#navMainStores a:hover, #navMainStores a.selected {background-position:-870px 0;}
	#navMainDistribution a {width:56px; height:10px; background-position:-898px 0;}
	#navMainDistribution a:hover, #navMaindistribution a.selected {background-position:-954px 0;}
	
/* =6 Middle
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#allcontent {width:804px; padding:0 110px; background-color:#fff; margin:0 auto; position:relative;}
h1 {padding:50px 0 10px 0;}
#mainContent {padding:0 295px 85px 100px; position:relative;}
#mainContent.wide {padding:0;  width:804px;}
#mainContent:after { clear: both;content: '.';display: block;visibility: hidden;height: 0; }

/*PAGE SPECIFIC RULES*/
/*AGE CHECK*/
#ageCheck #allcontent {width:100%; margin:0; padding:0; background:#fff url(../images/bg_age_check.png) no-repeat left top; height:768px;}
#ageCheck * {position:absolute; display:block; text-indent:-999em;}
#ageCheck h1 {height:50px; width:114px; background:url(../images/sprite_age_check.png) no-repeat 0 0; left:504px; top:214px;}
#ageCheckYes {width:150px; height:91px;background:url(../images/sprite_age_check.png) no-repeat -114px 0; left:688px; top:270px;}
#ageCheckNo {width:181px; height:91px;background:url(../images/sprite_age_check.png) no-repeat -264px 0; left:504px; top:270px;}
#ageCheckEnter {width:69px; height:15px; background:url(../images/sprite_age_check.png) no-repeat -445px 0; left:806px; top:408px;}
#ageCheck h2 {background:url(../images/sprite_age_check.png) no-repeat -514px 0; width:188px; height:133px; left:758px; top:580px;}

/*HOME*/
#homepageFlash {margin-top:15px;}

/*NIGHTS IN*/

.steps li {font-size:.75em; padding:0 0 20px 0; line-height:1.5em;}

/*PRESS*/
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 804px; /*Width of Carousel Viewer itself*/
height: 280px; /*Height should enough to fit largest content's height*/
left:-10px;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
padding: 10px 0 10px 20px; /*margin around each panel*/
width: 180px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

#mainContent.scroll {padding-bottom:140px;}
.panel p {padding:0px; font-size:12px; font-weight:100}


/*GALLERY PAGES*/
.tblGallery {width:508px; border:1px solid #ddd; background:#f7f7f7; float:right; margin:-20px 120px 0 0; display:inline; position:relative;}
.tblGallery td {vertical-align:middle; text-align:center; padding:6px;}
.tblGallery img {padding:2px; border:1px solid #e1e1e1; background:#fff;}
#galleryCount {font-size:.75em; color:#7f7f7f; position:absolute; top:0; left:0;}

/*ONLINE ORDERS*/
#mainContent.textSM p {font-size:.75em;}

/*SOCIAL MEDIA IFRAMES*/
#mainContent.iframe {padding-top:15px;}
.iframe iframe {width:100%; height:600px; overflow:auto;}

/*FLASH STUFF*/
#mainContent.flash {padding:20px 0 0 0;}

/*DISTRIBUTION*/
#wrapperDistribution { position:relative; right:-270px; top:-75px; height:500px; overflow:auto; width:400px;}
.tblDistributors {font-size:.75em; position:relative; font-weight: normal !important;}
.tblDistributors td {padding:5px;}

/* =7 Form
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.frmCommon p {width:100%; padding-bottom:7px;}
.frmCommon p, .frmCommon label, .frmCommon input {float:left; display:block;}
.frmCommon input {border:1px solid #8c8c8c;}
.frmCommon input.inputCommon {width:153px; height:14px; padding:2px; margin-right:15px;}
.frmCommon input.inputCommonNarrow {width:108px; height:14px; padding:2px;}
.frmCommon select {height:20px; border:1px solid #8c8c8c; background:url(../images/bg_select.png) repeat-x left top;}
.frmCommon select option {background:#fff;}
#frmOrdersCountry {width:90px;}
#frmOrdersState {width:50px; margin:0 0 0 17px;}
.frmCommon .checkboxCommon {margin:0 7px 0 0; border:none;}

/* =8 Extra
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

/*FANCYBOX*/
html, body {
	height: 100%;
}

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #666;
	display: none;
	z-index: 30;
}

* html div#fancy_overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

div#fancy_wrap {
	text-align: left;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('../images/fancybox/fancy_progress.png') no-repeat;
}

div#fancy_loading_overlay {
	position: absolute;
	background-color: #FFF;
	z-index: 30;
}

div#fancy_loading_icon {
	position: absolute;
	background: url('../images/fancybox/fancy_loading.gif') no-repeat;
	z-index: 35;
	width: 16px;
	height: 16px;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 33px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #BBB;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('../images/fancybox/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url(data:image/gif;base64,AAAA);
	outline: none;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('../images/fancybox/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('../images/fancybox/fancy_right.png') no-repeat;
}

a#fancy_left:hover {
  visibility: visible;
}

a#fancy_right:hover {
  visibility: visible;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

.fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('../images/fancybox/fancy_shadow_n.png') repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../images/fancybox/fancy_shadow_ne.png') no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('../images/fancybox/fancy_shadow_e.png') repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../images/fancybox/fancy_shadow_se.png') no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('../images/fancybox/fancy_shadow_s.png') repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../images/fancybox/fancy_shadow_sw.png') no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('../images/fancybox/fancy_shadow_w.png') repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../images/fancybox/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	bottom: -33px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(../images/fancybox/fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url(../images/fancybox/fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(../images/fancybox/fancy_title_right.png) repeat-x;
}

/*
SIFR DON'T TOUCH
*/
@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  
  .sIFR-active h1.internal  {visibility: hidden; font-size:28px;line-height:.1em; text-transform:lowercase;}
}

		
/* =9 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#navSN {font-size:.625em; padding:38px 0 10px 0; border-bottom:1px dotted #999; height:27px;}
#navSN li {float:left; margin-right:30px;}
#navSN a {color:#000; text-decoration:none; display:block; float:left; background:url(../images/sprite_page_elements.png) no-repeat 0 0; text-indent:-999em; height:27px;}
#navSNFacebook a {width:114px; background-position:-1560px 0;}
#navSNYouTube a {width:112px; background-position:-1674px 0;}
#navSNDigg a {width:108px; background-position:-1786px 0;}
#navSNTwitter a {width:99px; background-position:-1894px 0;}
#navSNBookmark a {width:124px; background-position:-1993px 0;}

#navFooter {font-size:.563em; padding:10px 0 0 0;}
#navFooter li {float:left; margin-right:30px;}
#navFooter a {color:#999; text-decoration:none;}
#navFooter a:hover {text-decoration:underline;}
#copy {font-size:.5em; color:#DC002D; padding:8px 0 20px 0; clear:both;}
#copy a{color:#000000;}


.fleft{float: left}
.fright{float: right}


#wrapperDistribution .fleft {font-size:.75em; position:relative; font-weight: normal !important; width:200px; margin-bottom: 15px;}