@import url(lib/reset-min.css);
@import url(lib/fonts-min.css);
@import url(base.css);


body { background:url(../images/body_bg.gif) repeat-x top; border-top: solid 2px #ff101d; padding-bottom: 20px; }
#header_content{
	position:relative;
}
#fb_like_btn{
	position:absolute;
	top:10px;
	right:170px;
	z-index:1000;
}
#footer_content { background-color: #fff; padding: 0 15px 5px; width: 946px !important; font-size: 85%; margin-top: 14px; padding-top: 14px; }
#footer_content, div.campaign-highlights {  border-top: solid 1px #ff101d; }
#footer_content a, #footer_content a:visited { color: #4c4c4c; text-decoration: none; }
#footer_content a:hover, #footer_content a:active { color: #ff101d; text-decoration: underline; }

div.content { overflow: hidden; width: 980px; margin: 0px auto; }
div.wrap { clear: both; margin-top: 10px; overflow: hidden; }
#main-slider {
	width:980px;
	height:345px;
	background:url('../images/bg_offers.jpg') no-repeat;
	margin:0 auto;
	padding-top:40px;	
	position:relative;
	/*border: solid 1px #ff101d;*/
	background: url('../images/main-slider-bg.gif') no-repeat;
	
	
}
div.campaign-highlights, div.campaign-highlights div.inside { height: 228px; width: 980px;}
div.campaign-highlights #highlights-wrap{
	clear: both;
	padding-top: 15px;
	position: relative;
}
/*div.campaign-highlights #highlights-wrap ul li{
	display:inline;
	margin-right:2px;
}
*/
div.flash-module { width: 980px; height: 303px; margin-top: 0px; }
div.img-slider { width: 980px; height: 109px; }

div.module, div.outside {  background: url(../images/bgOut_module.gif) no-repeat bottom right; }
div.module { float: left; margin-right: 10px; }
* html div.module {margin-right:3px;}
	div.module h3, div.img-slider h3 { font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; color: #fff; background: #ff101d; margin: 0 0 0 0px; padding: 5px 10px; }
	div.img-slider h3 { float: left; }
div.last { margin-right: 0px; float:right;}
div.module dl.module { height: 230px; color: #404040; font-size: 95%;}
div.module dl.module, div.inside { background: transparent url(../images/bgIn_module.gif) no-repeat bottom left; }
div.module dl, div.module dd { margin: 0 10px 0 0; } /* resetting the base */
div.module dd { background-color: #ff101d; }
div.module p { margin: 0; } /* resetting the base */

dl.hotels-offers { width: 322px; }
dl.latest-fr-twitter { width: 300px; }
dl.w-love-gear { width: 304px; margin-top: 15px; }

.static-holder { padding-left: 5px; text-align: center; width: 100%; }
.hotels-holder { padding-top: 7px; }
.gear-holder { padding-top: 5px; }

.twitter-holder { padding: 14px 0 0 15px; font-weight: lighter; line-height: 16px; }
#tweet ul { margin: 0;}
#tweet ul li { list-style-type: none; margin: 0 0 10px 0; padding:0 0 11px 0; border-bottom: 2px dotted #d2d2d2; }
#tweet a:link { color: #0f0f0f; text-decoration: none; }
#tweet a:visited { color: #0f0f0f; text-decoration: none; }
#tweet a:hover { color: #0f0f0f; text-decoration: underline; }
#tweet a:active { color: #0f0f0f; text-decoration: underline; }
.tweet-text { margin: 0 0 3px 0; }
 #tweet p a { color: #7e7e82 !important; }
#tweet ul li .tweet-time a:link { color: #7e7e82 !important; font-size: 85%; }
.scroll-pane {
	width: 285px;
	height: 200px;
	overflow: auto;
	float: left;
	outline: none;
}

p.go-phila { float: left; padding: 0 40px 0 4px; }
ul.sm-links { margin: 0; }
ul.sm-links li { list-style-type: none; float: left; padding: 3px 17px 3px 28px; background-image: url(../images/icons_sm.gif); background-repeat: none; }
	ul.sm-links li.twitter { background-position: 5px -10px; }
	ul.sm-links li.facebook { background-position: -93px -10px; }
	ul.sm-links li.flickr { background-position: -187px -10px; }
	ul.sm-links li.youtube { background-position: -260px -7px; }
ul.sm-links li.first { background-image: none; padding: 3px 14px 3px 0; }
p.share { float: right; }

ul#mycarousel p { color: #808080; font-size: 77%; text-transform: uppercase; }
p.go-phila { padding-top: 2px; }
/*a.thickbox img { border: 1px solid #cdcdcd; }*/
a.thickbox:hover img { border-color: #808080; }

#simplePrevious, #simpleNext { position: absolute; top: 92px; height: 16px; width: 8px; }
#simplePrevious a, #simpleNext a { display: block; height: 16px; width: 8px; background-color: orange; }
#simplePrevious { left: 10px; }
#simplePrevious, #simplePrevious a { background: transparent url(../images/slider_left.gif) no-repeat center center; }
#simpleNext { right: 10px; }
#simpleNext, #simpleNext a { background: transparent url(../images/slider_right.gif) no-repeat center center; }

/*-------------- scrolling content ---------------*/
#play_pause{
	cursor:pointer;
	position:absolute;
	right:240px;
	top:15px;
	z-index:900;
}
#btn_prev1{
	position:absolute;
	top:160px;
	left:2px;
}
#btn_next1{
	position:absolute;
	top:160px;
	right:2px;
}
#btn_prev2{
	position:absolute;
	top:135px;
	left:2px;
}
#btn_next2{
	position:absolute;
	top:135px;
	right:2px;
}
#menu{
	position:absolute;
	right:70px;
	top:20px;
}
#menu a{
	text-indent:-9999px;
	background:url('../images/off.gif') no-repeat;
	display:block;
	float:left;
	width:20px;
	height:20px;
	text-decoration:none;
}
#menu a.activeSlide{
	background:url('../images/on.gif') no-repeat;
	display:block;
	width:20px;
	height:20px;
}
.pics { 
	height: 430px;
	width: 835px;
	padding:0px;
	margin:0px auto;
	overflow: hidden;
	}
.pics img{ 
	height: 337px;
	width: 835px; 
	top:0; 
	left:0
	}
.pics img{
	-moz-border-radius: 10px; -webkit-border-radius: 10px;
}

a:active { outline: none; }
a:focus { -moz-outline-style: none; }

/* ----- viewport --------*/
#viewport{
	width: 936px; /* Defines the size of the visible part of the carousel
		Attention : if you only want to see plain items in the viewport,
		the width of the viewport should take into account of :
		- the items width
		- the right and left padding of items
		- the number of items you want to see in the viewport
	 */
	overflow:hidden; /* Hides extra elements, those outside the viewport area */
	/* Fix for IE */
	position:relative;
	margin: 0 auto;
}
#viewport ul{
	position: relative; /* Enables positionning of elements inside viewport */
	padding: 0; /* Resets default - User Agent - style */
	margin: 0;
}
#viewport li{
	width: 224px; /* Defines the size of inner element */
	height: 166px;
	float: left; /* Places list items side by side*/
	list-style: none; /* Resets default - User Agent - style */
	
	/* Cosmetic */
	background-color: transparent;
	margin: 0 5px;
	padding: 0px;
	text-align:center;
}

/* Cosmetic */
#simplePrevious, #simpleNext{
	cursor: pointer;
/*	font-size: 0.8em;
	text-decoration: underline;	*/
}

#other_offers{
	position:absolute;
	width: 100%;
	margin:0px auto;
	background-image:none;
	background-color:none;
	background:none;
}
.popup_page{
	width:655px;
	margin:0px auto;
}