/* 

Client: Manhor
Created: Feb 1, 2008
Last Modified: 
Author: Ben Kendall

*/

/* ---- DEFAULT STYLES ------
-------------------------------------------------------------------- */

	body {
		margin: 0 0 0 0;
		padding: 0px;
		background: #000000 url('../img/body-bg.jpg') repeat-x;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.75em;
		color: #ffffff;
		}
		
	html {
		background: #000000;
	}
		
	#wrapper {
		width: 994px;
		margin: 0px auto;
		}
	
	img {
		padding:0; margin:0; line-height: 0;
		}
		
	.clear {
		clear:both;
		position:relative;
		font-size:0px;
		height:0;
		line-height:0; 
		}
		
	h1, h2, h3, h4, h5, h6 {
		padding:0;
		margin: 0;
	}

	h1 {
		font-size: 1.5em;
		margin: 5px 0 0 0;
	}

	h2 {
		margin: 5px 0 15px 0;
	}

	
	a img {
		border:none;
	}
		
	a { 
		color:#999999;
		font-weight:700;
	}
	
	a:hover { color: #ffffff; }
	
	p { 
		margin: 0 0 1.2em;
		line-height: 1.4em;
	}	
	
	li {
		margin-bottom: 15px;
		list-style: square;
	}
	
	
	
/* ---- HEADER ------
-------------------------------------------------------------------- */

	#header {
		background: #000000 url('../img/header-bg.jpg') right no-repeat;
		height: 103px;
	}
		
	
	.logoMain { 
		background: url('../img/logo-main.gif') no-repeat 0 0px; 
		width: 208px; 
		height: 47px; 
		text-indent: -1000em;
		float: left;
		margin: 30px 0 0 20px;
		
	}
	
	

/* ---- COLUMN GRIDS ------
-------------------------------------------------------------------- */
	.content {
		background: #4d4d4d url('../img/content-bg-home.gif') repeat-y;
	}
	
	.leftColumn {
		width: 497px;
		float: left;
	}

	.rightColumn {
		width: 437px;
		float: right;
		padding: 10px 30px 30px 30px;
	}

/* ---- NAV 1 ------
-------------------------------------------------------------------- */

	#nav1Container {
		background:#000000 url('../img/nav1-container-bg.jpg');
		height: 38px;
		padding:0 0 0 13px;
		width: 981px;
		
		}
		
	ul#nav1 {
		padding:0;
		margin:0 0 0 8px;
	}

	#nav1 li {
		position:relative;
		float:left;
		margin:0;
		padding:0;
		list-style:none;
		
		}

	#nav1 li a {
		display:block;
		height:38px;
		padding: 0;
		text-indent:-999px;
		overflow:hidden;   
		}
		
	#nav1 li:hover ul, #nav1 li.hover ul {
		display:block
		}

	#nav1 li a:hover {
		background-position:0 -38px !important
		}

	#nav1 li a.nav1Home {
		background:url('../img/nav1-home.gif') no-repeat left top;
		width:64px
		}

	#nav1 li a.nav1About {
		background:url('../img/nav1-about.gif') no-repeat left top;
		width:93px
		}

	#nav1 li a.nav1Services {
		background:url('../img/nav1-services.gif') no-repeat left top;
		width:90px
		}

	#nav1 li a.nav1Products {
		background:url('../img/nav1-products.gif') no-repeat left top;
		width:98px
		}

	#nav1 li a.nav1Media {
		background:url('../img/nav1-media.gif') no-repeat left top;
		width:137px
		}	
		
	#nav1 li a.nav1Blog {
		background:url('../img/nav1-blog.gif') no-repeat left top;
		width:60px
		}	
		
	#nav1 li a.nav1Links {
		background:url('../img/nav1-links.gif') no-repeat left top;
		width:62px
		}		
		
	#nav1 li a.nav1Other {
		background:url('../img/nav1-other.gif') no-repeat left top;
		width:96px
		}	
		
	#nav1 li a.nav1Bookings {
		background:url('../img/nav1-bookonline.gif') no-repeat left top;
		width:150px
		}	
		
	#nav1 li a.nav1Contact {
		background:url('../img/nav1-contact.gif') no-repeat left top;
		width:111px
		}
		
	/* selected nav */

	#nav1 li a#active { background-position:0 -38px !important }
	
	
	
/* ---- NAV 2 ------
-------------------------------------------------------------------- */
	#nav2Container {
		height: 20px;
		background:#ffffff;
		padding: 5px 0 0 0;
		margin-bottom: 10px;
	}
	
	#nav2 {
		list-style-type: none;
		margin: 0 0 0 20px;
		padding: 0;
	}
	
	#nav2 li {
		float: left;
	}
	
	#nav2 li a {
		color:#000000;
		text-decoration:underline;
		font-size: 0.9em;
		font-weight:normal;
		padding: 0 10px;
		text-transform: uppercase;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	#nav2 li a:hover {
		text-decoration: underline;
	}
	
	#nav2 li a.active {
		background: url(../img/nav2-arrow.gif) left center no-repeat;
		font-weight: 700;
		text-decoration:none;
	}
	
	
/* ---- HOME PAGE SPECIFIC ------
-------------------------------------------------------------------- */
	
	.homeContentContainer {
		background:#262626 url(../img/home-content-bg.gif) repeat-x;
		border-bottom: 3px solid #000000;
	}
	
	.homeContent {
		float: right;
		width: 296px;
		padding: 0 20px;
		margin: 20px 0;
	}
	
	.slideshow {
		float: left;
		width: 653px;
	}
	
	.slideshow h1 {
		margin: 20px 0 20px 20px;
	}
	
	.modules {
		padding: 6px 0 6px 3px;
		height: 299px;
		background:url(../img/modules-bg.jpg);
	}
	
	.module {
		display: inline;
		float: left;
		margin: 0 4px;
		width: 321px;
		height: 299px;
		background: #000000 url(../img/module-bg.jpg) repeat-x;
	}

	.moduleHeading {
		padding: 13px 0 0 20px;
		font-size: 1.7em;
	}
	
	.module h2 {
		margin-left: 20px;
	}
	


/* ---- ABOUT SPECIFIC ------
-------------------------------------------------------------------- */
	#aboutContent {
		height: 340px;
		width: 415px;
		overflow:auto;
		position: relative;
		padding-right: 20px;
	}




/* ---- SERVICES PAGE SPECIFIC ------
-------------------------------------------------------------------- */
	#servicesList {
		height: 320px;
		width: 415px;
		overflow:auto;
		position: relative;
		padding-right: 20px;
	}
			
	.dataRow td {
		padding: 5px 10px 5px 0;
		border-bottom: 1px solid #333333;
	}

/* ---- ACCESSORIES SPECIFIC ------
-------------------------------------------------------------------- */
	
	#accessoriesTable img {
		border: 1px solid #999999;
		margin-bottom: 30px;
	}
		

/* ---- UNDERWEAR SPECIFIC ------
-------------------------------------------------------------------- */

	.underwearItem {
		border-bottom: 1px dotted #666666;
		margin-bottom: 10px;
		padding: 0 0 10px 0;
	}

	.underwearItem img {
		margin: 0 10px 0 0;
		border: 1px solid #999999;
	}
	
	.underwearDescription {
		float: left;
		width: 340px;
	}
	
	/* ---- Links ------
-------------------------------------------------------------------- */
	
	.linksTable {
		font-size: 0.9em;
	}
	
	.linksTable td {
		padding: 13px 5px 5px 5px;
		vertical-align: top;
		border-bottom: 1px solid #333333;
	}
	
	
	

/* ---- OTHER INFO ------
-------------------------------------------------------------------- */
	#location, #parking, #arrivalTime, #valuables, #etiquette, #attire, #reservations, #cancellations {
		display: none;
	}
	
	
/* ---- ONLINE BOOKING ------
-------------------------------------------------------------------- */	
	#onlineBooking {
		color:#000000;
		font-family:Arial, Helvetica, sans-serif
	}
	
	#onlineBooking table {
		margin-bottom: 1px;
		width: 705px;
	}
	
	#onlineBooking table.details td {
		padding: 5px 10px 5px 20px;
	}
	
	#onlineBooking table.services td {
		padding: 5px 10px 5px 20px;
		width: 205px
	}
	
	/* ---- CART ------
-------------------------------------------------------------------- */	
	
	.cartContainer {
		border-top: 8px solid #000000;
		border-bottom: 8px solid #000000;
		background: #000000 url(../img/cart/cart-bg.gif) repeat-y;	
	}
	
	.sideBar {
		float: left;
		padding: 10px 10px 20px 18px;
		width: 180px;
	}
	
	.cartContent {
		float: right;
		width: 784px;
	}
	
	.cartContainer input {
		font-size: 0.9em;
	}
	
	hr {
		border: none;
		border-bottom: 1px solid #333333;
	}
	
	.sideBar ul {
		margin: 0;
		padding: 0;
	}
	
	
	.sideBar ul li {
		list-style: none;
		margin:0;
		padding: 0;
		color: #ffa800;
		font-weight: 700;
	}
	
	.sideBar ul li h4 {
		color: #812623;
		font-size: 1em;
		font-weight: 700;
		border-bottom: 1px dotted #812623;
		padding-bottom: 5px;
		margin-top: 5px;
	}
	
	.sideBar ul li a { 
		display:block;
		width: 180px;
		padding:4px 0 4px 0;
		text-decoration: none;
		color: #ffffff;
		font-weight: normal;
		background:url(../images/nav/sidenav-li-bg.gif) no-repeat;
	}
	
	.sideBar ul li a:hover {
		
		 background: url(../images/nav/sidenav-li-bg.gif) right -51px no-repeat;
	}
	
	
	/* ---- Second Level Links ------ */

	.sideBar ul li ul {
		margin: 0 0 10px 0 ;
	}
	
	
	.sideBar ul li ul li a {
		width: 170px;
		padding-left: 10px;
		font-weight: normal;
		border-bottom: 1px dotted #000000;
		background: url(../images/nav/sidenav-li-bg.gif) right 0 no-repeat;
	}
	
	.sideBar ul li ul li a:hover, .sideBar ul li a.active   {
		 color: #f09f03;
		background: #333333;
		border: none;
		border-bottom: 1px solid #ffffff;
	}
	
	
	/* ---- Third Level Links ------ */
	
	.sideBar ul li ul li ul li a {
		width: 180px;
		padding-left: 20px;
		font-size: 0.75em;
		color: #812623;
	}
	
	.cartLanding {
		float: left;
		width: 536px;
		padding: 20px;
	}
	
	ul.brandsList {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	ul.brandsList li {
		float: left;
		margin: 0 16px;
		list-style: none;
	}
	
	.sideBarRight {
		float: right;
		width: 200px;
		margin-right: 8px;
	}
	
	
	
/* ---- GALLERIA ------
-------------------------------------------------------------------- */		
	
	
	.caption{
		font-style:italic;
		color:#887;
	}
	
	.demo{
		position:relative;
		margin-top:2em;
	}
	
	.gallery_demo{
		width:702px;
		margin:0 auto;
	}
	
	.gallery_demo li {
		width:68px; 
		border:3px double #111;
		margin: 0 2px;
		background:#000;
	}
	
	.gallery_demo li div{
		left:240px
	}
	
	.gallery_demo li div .caption{
		font:italic 0.7em/1.4 georgia,serif;
	}
	
	#main_image{
		margin:20px auto auto;
		width:700px;
		background:black;
	}
	
	#main_image img{
		margin-bottom:10px;
	}
	
	.nav{
		padding-top:15px;
		clear:both;
		font:80% 'helvetica neue', sans-serif;
		letter-spacing:3px;
		text-transform:uppercase;
	}
	
	.info{
		text-align:left;
		width:700px;
		margin:30px auto;
		border-top:1px dotted #221;
		padding-top:30px;
	}
	
	.info p {
		margin-top:1.6em;
	}
	
	.galleria{list-style:none;width:200px}
	.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
	.galleria li a{display:none}
	.galleria li div{position:absolute;display:none;top:0;left:180px}
	.galleria li div img{cursor:pointer}
	.galleria li.active div img,.galleria li.active div{display:block}
	.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
	.galleria li .caption{display:block;padding-top:.5em}
	* html .galleria li div span{width:400px} /* MSIE bug */
	
	
	/* ---- FORM STYLE ------
-------------------------------------------------------------------- */

	.form {
		margin: 10px 0 0 20px;
		border: 0;
	}

	.form .label {
		padding: 0;
		font-size: 0.9em;
	}
	
	.form td {
		padding: 0;
	}

	.form input.text, .form textarea, .form.input.fileUpload {
		border: 1px solid #4c4c4c;
		width: 140px;
		color: #ffffff;
		height: 13px;
		padding: 3px;
		font-family: Arial, Helvetica, sans-serif;
		margin: 0;
		margin-bottom: 2px;
		vertical-align: middle;
		background: url(../img/form-input-bg.gif) 0 0 repeat-x;
		font-size: 1.1em;
	}
	
	.form input.calendar {
		border: 1px solid #4c4c4c;
		width: 100px;
		color: #ffffff;
		height: 13px;
		padding: 3px;
		font-family: Arial, Helvetica, sans-serif;
		margin: 0;
		margin-bottom: 5px;
		vertical-align: middle;
		background: url(../img/form-input-bg.gif) 0 0 repeat-x;
		font-size: 1.1em;
	}

	.form select {
		border: 1px solid #DCDCDC;
		color: #333;
		font-family: Arial, Helvetica, sans-serif;
		padding: 0;
		margin:0;
		vertical-align: middle;
		background: #fff url(../images/form-input-bg.gif) 0 0 repeat-x;
		font-size: 1.1em;
	}
	

	input.submitButton {	
		border: 0;
		width: auto;
		margin-top: 10px;
		cursor:pointer;	
		color:#FFFFFF;
		font-size: 1.2em;
	}		
	
	
	
	
/* ---- FOOTER ------
-------------------------------------------------------------------- */

	#footer {
		clear: both;
		width: 994px;
		margin: 0 auto;
		color:#FFFFFF;
		padding: 15px 0 0 0;
		font-size: 0.9em;
		font-family:Arial, Helvetica, sans-serif;
		position: relative;
	}
	
	#footer a { 
		color:#FFFFFF;
		padding: 0 3px 0 3px;
		font-size: 1em;
		text-decoration:none;
		font-weight: normal;
	}
	
	#footer a:hover {
		text-decoration: underline;
	}
	
	#ticktock {
		position: absolute;
		left: 900px;
		top: 15px;
	}
		
		
	/* ---- sIFR ------
-------------------------------------------------------------------- */

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@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 { visibility: hidden; }
  .sIFR-active h2 { visibility: hidden; }
  .sIFR-active h3 { visibility: hidden; }
  .sIFR-active h4 { visibility: hidden; }
  .moduleHeading { visibility: hidden; }
  
}
	
	
	/* ---- flexCroll ------
-------------------------------------------------------------------- */
	
		
	.scrollgeneric {
		line-height: 1px;
		font-size: 1px;
		position: absolute;
		top: 0; 
		left: 0;
	}
	.vscrollerbar {
		width: 5px;
		background: #333333;
		cursor:pointer;
	}
	.vscrollerbarbeg {
		height: 10px !important;
		width: 5px;
		background: url(scrollbar.png) -108px -32px no-repeat;
	}
	
	.vscrollerbarend {
		height: 10px;
		width: 5px;
		background: url(scrollbar.png) -108px 0px no-repeat;
	}
	
	.vscrollerbase {
		width: 5px;
		background: #ffffff url(scrollbar.png) 0px 0px repeat-y;
	}
	.vscrollerbasebeg {
		width: 5px;
		height: 10px !important;
		background: url(../img/flexcroll-up.gif);
		cursor:pointer;
	}
	
	.vscrollerbaseend {
		height: 10px;
		width: 5px;
		background: url(../img/flexcroll-down.gif);
		cursor:pointer;
	}
	
	.hscrollerbase {
		height: 16px; 
		background-color: white;
	}
	.hscrollerbar {
		height: 16px; 
		background-color: black;
	}
	
	.vscrollerbar, .hscrollerbar {
		padding: 10px;
		z-index: 2;
	}
	
	.scrollerjogbox {
		width: 5px;
		height: 16px;
		top: auto; 
		left: auto;
		bottom: 0px; 
		right: 0px;
		background: #37917A;
	}