/********************************************************/
/*	@version:			v1.0                            */
/*	@author:			James Murphy (1Line Design LTD) */
/*  @type:				core / css                      */
/*	@created:			23rd November 2009              */
/********************************************************/

/********************************************************/
/*					    CUSTOM FONTS											     	*/
/********************************************************/

@font-face {
    font-family: 'CenturyGothicRegular';
    src: url('../fonts/gothic.eot');
    src: url('../fonts/gothic.eot') format('embedded-opentype'),
         url('../fonts/gothic.woff') format('woff'),
         url('../fonts/gothic.ttf') format('truetype'),
         url('../fonts/gothic.svg#CenturyGothicRegular') format('svg');
}

@font-face {
    font-family: 'CenturyGothicBold';
    src: url('../fonts/gothicb.eot');
    src: url('../fonts/gothicb.eot') format('embedded-opentype'),
         url('../fonts/gothicb.woff') format('woff'),
         url('../fonts/gothicb.ttf') format('truetype'),
         url('../fonts/gothicb.svg#CenturyGothicBold') format('svg');
}

/********************************************************/
/*					    CORE STYLES												     	*/
/********************************************************/

* { margin:0; padding:0; }
body {
	font: 62.5% "Century Gothic",CenturyGothic,AppleGothic,sans-serif !important;
	text-align:center;
	letter-spacing: -1px;
	text-transform: lowercase;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	letter-spacing: 0;
	border-bottom: 0 !important;
}
a {
	color: #5DB0E6;
	outline: none;
}
a:hover { 

}
img { border: 0; }
.clear { clear: both; }

/********************************************************/
/*					    BUTTON STYLES											     	*/
/********************************************************/

.button a, .button-action a, .button-big a, .button-submit-action input, .button-submit input, .button-submit-big input, .viewRange a, .beanLinks a, .moreInfo {
    position: relative;
    overflow: visible;
    display: inline-block;
    padding: 0.5em 1em;
    border: 1px solid #d4d4d4;
    margin: 0;
    text-decoration: none;
    text-align: center;
    font:11px/normal sans-serif;
    color: #ffffff;
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    background-color: #ececec;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
    background-image: -moz-linear-gradient(#f4f4f4, #ececec);
    background-image: -ms-linear-gradient(#f4f4f4, #ececec);
    background-image: -o-linear-gradient(#f4f4f4, #ececec);
    background-image: linear-gradient(#f4f4f4, #ececec);
    -moz-background-clip: padding; /* for Firefox 3.6 */
    background-clip: padding-box;
    border-radius: 0.2em;
    /* IE hacks */
    zoom: 1;
    *display: inline;
}
.button.black a, .button.black input, .beanLinks a { 
		color: #ffffff;
		background-color: #000000;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#353535), to(#000000));
    background-image: -moz-linear-gradient(#353535, #000000);
    background-image: -ms-linear-gradient(#353535, #000000);
    background-image: -o-linear-gradient(#353535, #000000);
    background-image: linear-gradient(#353535, #000000);
		font-weight: bold;
}
.button-action a, .button-submit-action input, .viewRange a, .moreInfo {
		border: 1px solid #d92480;
		background-color: #ED2088;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ea489a), to(#ED2088));
    background-image: -moz-linear-gradient(#ea489a, #ED2088);
    background-image: -o-linear-gradient(#ea489a, #ED2088);
    background-image: linear-gradient(#ea489a, #ED2088);	
		font-weight: bold;
}

.button-action a:hover, .button-submit-action input:hover,
.button-action a:focus, .button-submit-action input:focus,
.button-action a:active, .button-submit-action input:active,
.viewRange a:hover, .viewRange a:focus, .viewRange:active,
.moreInfo:hover, .moreInfo:focus, .moreInfo:active { 
	border: 1px solid #c0146b;
	background-color: #e1157d;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ED2088), to(#e1157d));
  background-image: -moz-linear-gradient(#ED2088, #e1157d);
  background-image: -o-linear-gradient(#ED2088, #e1157d);
  background-image: linear-gradient(#ED2088, #e1157d);
}

.button a:hover, .button a:focus, .button a:active, .button a.active, .button-submit input:hover, .button-submit input:focus, .button-submit input:active {
    background-color: #d5d3d3;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#d5d3d3));
    background-image: -moz-linear-gradient(#ececec, #d5d3d3);
    background-image: -ms-linear-gradient(#ececec, #d5d3d3);
    background-image: -o-linear-gradient(#f4f4f4, #d5d3d3);
    background-image: linear-gradient(#ececec, #d5d3d3);
}
.button.black a:hover, .button.black a:focus, .button.black a:active, .button.black a.active,
.beanLinks a:hover, .beanLinks a:focus, .beanLinks a:active, .beanLinks a.active,
.button.black input:hover, .button.black input:focus, .button.black input:active, .button.black input.active {
    background-color: #000000;
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1b1a1a), to(#000000));
    background-image: -moz-linear-gradient(#1b1a1a, #000000);
    background-image: -ms-linear-gradient(#1b1a1a, #000000);
    background-image: -o-linear-gradient(#1b1a1a, #000000);
    background-image: linear-gradient(#1b1a1a, #000000);
		color: #ffffff !important;
}

/********************************************************/
/*				       LAYOUT STYLES			     	*/
/********************************************************/

#loungeContainer { 
	width:940px; 
	margin:0 auto; 
	text-align:left;
	font-size: 1.1em;
}
#loungeContainer .loungeHeader .callUs {
	float: left;
	width: 610px;
	color: #333333;
	font-size: 1.4em;
	margin: 0;
	padding: 12px 0 0 0;
}
#loungeContainer .loungeHeader .callUs h1 { text-indent: -1000px; }
#loungeContainer .loungeHeader .callUs .call {
	color: #b51e48;
	font-weight: bold;
	font-size: 1.35em;
}
#loungeContainer .loungeHeader .loungeLogo {
	float: right;
	margin: 10px 0;
	text-align: right;
}
#loungeContainer .loungeHeader .loungeLogo h1 a {
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(../images/beanbaglounge_logo.gif) no-repeat;
	width: 274px;
	height: 50px;
}
#loungeContainer .loungeHeader .loungeMenu {
	clear: both;
	background: #414447; /* Old browsers */
	background: -moz-linear-gradient(top,  #414447 0%, #1b1c1e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#414447), color-stop(100%,#1b1c1e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #414447 0%,#1b1c1e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #414447 0%,#1b1c1e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #414447 0%,#1b1c1e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #414447 0%,#1b1c1e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#414447', endColorstr='#1b1c1e',GradientType=0 ); /* IE6-9 */
}
#loungeContainer .loungeHeader .loungeMenu ul {
	list-style: none;
	padding: 0 2px 1px 2px;
}
#loungeContainer .loungeHeader .loungeMenu ul li {
	display: inline;
	float: left;
	margin: 8px 4px 9px 4px;
}
#loungeContainer .loungeHeader .loungeMenu ul li.active {
	font-weight: bold;
	margin: 7px 4px 9px 4px !important;	
}
#loungeContainer .loungeHeader .loungeMenu ul li.last { float: right; }
#loungeContainer .loungeHeader .loungeMenu ul li a {
	padding: 3px 5px;	
	color: #FFFFFF;
	text-decoration: none;
	letter-spacing: 0;
	font-size: 1.2em;
}
#loungeContainer .loungeHeader .loungeMenu ul li a:hover { background: #666666; }

#loungeContainer .loungeContent {
	clear: both;
	padding: 10px 0;
	float: left;
}

#loungeContainer .loungeContent .tabs {
	float: left;
	width: 186px;
	list-style: none;
	background: #cd2457; /* Old browsers */
	background: -moz-linear-gradient(top,  #cd2457 0%, #cd2457 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cd2457), color-stop(100%,#cd2457)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cd2457 0%,#cd2457 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cd2457 0%,#cd2457 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cd2457 0%,#cd2457 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #cd2457 0%,#cd2457 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd2457', endColorstr='#cd2457',GradientType=0 ); /* IE6-9 */
	margin: 0 8px 0 0;
	padding: 3px 0;
	min-height: 518px;
}
#loungeContainer .loungeContent .tabs li { 
	padding: 3px 0 6px 6px;
	margin: 5px 8px;
}
#loungeContainer .loungeContent h2 { font-size: 1.8em; }
#loungeContainer .loungeContent p { padding: 5px 0; font-size: 1em; }
#loungeContainer .loungeContent.single-page p { font-size: 1.3em; }
#loungeContainer .loungeContent.single-page h2 {
	border-bottom: 4px solid #414447 !important;
	margin: 5px 0 15px;
	padding: 0 0 5px;
}
#loungeContainer .loungeContent .tabs li h2 { font-size: 1.1em; }
#loungeContainer .loungeContent .tabs li.selected,
#loungeContainer .loungeContent .tabs li:hover {	background: #a20a2d; }
#loungeContainer .loungeContent .tabs li.last { background: none; padding: 0; margin: 0; }
#loungeContainer .loungeContent .tabs li.last img { margin: 10px 0 0 0; }

#loungeContainer .loungeContent .tabs li a { 
	display: block; 
	color: #ffffff; 
	text-decoration: none;
	font-weight: normal;
}
#loungeContainer .loungeContent .tabs li.selected a {
	font-weight: bold;
}
#loungeContainer .loungeContent .loungeTabsContainer {
	float: right;
	width: 746px;
}
#loungeContainer .loungeContent .loungeTabsContainer .range-intro {
	border-bottom: 4px solid #414447;
	margin: 0 0 15px 0;
	padding: 0 0 10px 0;
}
#loungeContainer .loungeContent .loungeTabsContainer .range-intro .range-logo {
	float: left;
	width: 180px;
}
#loungeContainer .loungeContent .loungeTabsContainer .range-intro .range-desc {
	float: right;
	width: 565px;
	font-size: 1.3em;
	padding: 5px 0 0 0;
}
#loungeContainer .loungeContent .loungeTabsContainer .range-intro.tripple .range-desc {
	padding: 0;	
}
#loungeContainer .loungeContent .loungeTabsContainer .range-intro.tripple .range-desc p {
	padding: 0 0 5px;
	font-size: 1em;
}
#loungeContainer .loungeContent .loungeTabsContainer .imageLibrary {
	display: inline;
	clear: none;
}
#loungeContainer .loungeContent .loungeTabsContainer .imageLibrary li {
	float: left;
	list-style-type: none;
	display: inline;
	clear: none;
	margin: 0 10px 0 0;
	border: 1px solid #999999;
}
#loungeContainer .loungeContent .loungeTabsContainer .imageLibrary li { text-decoration: none; }
#loungeContainer .loungeContent .loungeTabsContainer .imageLibrary li.last { margin:0 0 9px 0; }
#loungeContainer .loungeContent .loungeTabsContainer .imageLibrary span {
	position: absolute;
	margin: 0px;
	z-index:2;
	background: #000000;
	color: #ffffff;
	width: 220px;
	height: 168px;
	padding: 10px;
	opacity:.8;
	display: none;
	clear: none;
	font-size: 10pt;
	cursor: pointer;
	text-decoration: none;
}
#loungeContainer .loungeContent .loungeTabsContainer .imageLibrary h3 {
	font-size: 1em;
}
#loungeContainer .loungeContent .loungeTabsContainer .imageLibrary p {
	padding: 10px 0;
	font-size: 0.8em;
	letter-spacing: 0;
}
#loungeContainer .loungeContent .loungeTabsContainer .imageLibrary img {
	z-index:1;
	width: 240px;
	height: 185px;
}
#loungeContainer .loungeContent .beanLinks { list-style: none; margin: 10px 0 0 0; padding:10px 0 0; border-top:1px solid #CCCCCC; }
#loungeContainer .loungeContent .beanLinks li {
	text-transform: uppercase;
	margin: 0 4px 0 0;
	display: inline;
}
#loungeContainer .loungeContent .beanLinks li a {
	text-transform: lowercase;
	font-size: 1.2em;
	letter-spacing: 0;
	font-weight:normal;
}
#loungeContainer .loungeContent .viewRange a { 
	float: right;
	font-size: 1.3em;
	font-weight: normal;
	letter-spacing: 0;
}
#loungeContainer .loungeContent .moreInfo { 
	font-size: 1em;
  font-weight: bold;
  letter-spacing: 0;
  width: 86%;
}
#loungeContainer .loungeContent .beanLinks li.last { margin: 0 0 0 0; }
#loungeContainer .loungeFooter {
	border-top: 1px solid #CCCCCC;
	clear: both;
	height: 30px;
	padding-top: 10px;
}
#loungeContainer .loungeFooter a { 
	text-decoration: none;
	color: #999999;
}
#loungeContainer .loungeFooter a:hover {
	text-decoration: underline;
	color: #333333;	
}
#loungeContainer .loungeFooter div {
	float:left;
	margin:0 15px 10px 0;
}
#loungeContainer .loungeFooter div h5 {
	font-size: 1.7em;
	border-bottom: 4px solid #414447 !important;
	margin: 5px 0 15px 0;
	padding: 0 0 5px;
}
#loungeContainer .loungeFooter div.col1 { width: 390px; }
#loungeContainer .loungeFooter div.col2 { width: 315px; }
#loungeContainer .loungeFooter div.col3 {
	width: 205px;
	margin: 0 0 10px 0;
}

#loungeContainer .loungeFooter ul li {
	font-weight: bold;
	line-height: 1.6em;
	color: #333333;
	list-style: none;
}
#loungeContainer .loungeFooter ul li ul li { font-weight: normal; color: #666666; list-style: inside circle; padding: 0 0 0 5px }
#loungeContainer .loungeFooter .col3 ul li ul li { list-style: none; }
#loungeContainer .loungeFooter ul li.first { margin: 0 20px 0 0; border-right: 0; }
#loungeContainer .loungeFooter ul li.last { border-right: 0; }
#loungeContainer .loungeFooter ul li a { padding: 0; font-size: 1.3em; font-weight: normal; }

#loungeContainer .loungeFooter ul.social-icons {
	list-style: none;
}
#loungeContainer .loungeFooter ul.social-icons li {
	float: left;
	display: inline;
	margin: 0 10px 0 0;
}
.thumbNails { list-style: none; }
.thumbNails li { display: inline; float: left; width: 105px; margin: 10px 15px 0 0; }
.thumbNails li p, .thumbNails li img { text-align: center; }