@import url("/style/frontend.css");
@import url("/style/nav.css");
@import url("/style/calendar.css");

/*
-----------HTML Elements---------
*/
body {
	background:#000000 url('/images/body-bg.jpg') repeat;	
	/*background-color:#000000*/	
}

body#tinymce {
	background: #fff;
}

body, td, th, li, p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a {
	color: #cc0000;
}

a:hover {
	color: #808080; 
	text-decoration: none;
}

p { 
	margin: 0 0 1em 0; 
}

ul {
	margin: 0 0 1em 1em;
	padding: 0 0 0 40px;
}

h1 { 
	color: #ccc;
	font-size: 30px;
	margin: 0px 0 13px 0;
	padding:0px;
	font-family:Trebuchet MS, Verdana, Sans-serif;
	letter-spacing:0.3em;
	font-weight:normal;
	text-transform:uppercase;
	position:relative;
	left:15px;
}


h2 {
	color: #cc0000;
	font-size: 14px;
	margin: 0.75em 0 0.5em 0;
	text-decoration: none;
}

h3 {
	color: #CCCCCC;
	font-size: 13px;
	margin: 0 0 1em 0;
}

h4 {
	color: #666666;
	font-size: 14px;
	margin: 0 0 1em 0; 
}

h5 {
	color: #000;
	font-size: 12px;
	margin: 0 0 0.5em 0; 
}

small {
	font-size:11px;
}

/*
-----------Site-wide Tags-----------
*/
/*img {
	margin:0 0 1em 0;
}*/

.altRow
{
	background-color:#ccc;
}

.imgLt, .imglt {
	margin: 0 1.25em 1em 0;
	float:left;
}

.imgRt, .imgrt {
	margin: 0 0 1em 1.25em ;
	float:right;
}

.frmButton {
	background-color:#BCBCBC;
}


/*
-----------Page Layout-----------
*/
#pageWrap {
	margin: 0 auto;
	background: none;
	width: 860px;
	padding:70px 50px 0 50px;
	margin: 0 auto;
	position: relative;
}

#pageContent {
	background:none;
	zoom:1;
	margin:0 0 20px 0;
}


#pageContent .content
{
    background-color: #fff;
    padding: 10px;
    height: 100%;
    width: 100%;
}

#mainContent{
	width: 674px;
	margin: 69px 20px 20px 171px;
	background: none;	
}

#mainContent.noSideBar {
	padding:20px;
	width: 722px;
}

#mainContent h1 
{
    left:0;
	text-align: left;	
	font-family: Georgia;
	font-size: 16px;
	color: #ed3024;
	font-style: italic;
	letter-spacing: 1px;
}

#secContent {
	width: 155px;
	position: absolute;
	top: 140px;
	left: 50px;
	height: 330px;
}

.col { float:left; width: 352px;margin-bottom: 1em; }

/*
-----------Header-----------
*/
#header { position: absolute; top: 35px; }

#header a { color: #fff; }

/*
----------Navigation-----------
*/

#navWrap {
	position: absolute;
	top: 50px;
	right: 43px;
	z-index:999;
}

.nav {
	margin: 0 0 1.75em 0;
	background: none;
}

.nav li {
	font-size: 12px;
}

.nav ul ul {
	border-color: #ccc;
}

.nav li a { 
	padding: 5px 17px 5px 11px;
	background: none;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;	
	font-family: Helvetica, Verdana, sans-serif;
}

.nav li a:hover {
	color: #fff;
	}
	
.nav li.active a 
{
    color: #f00;
}

.nav li ul {
	border: none;
	background-color: #999;
	width: 185px; /* Equals width of (.nav li ul li a) plus the left/right padding */
}

.nav li li a {
	border-bottom: solid #2F2F2F 1px; /* keeps IE6 from displaying submenu items with excess space below. */
}

.nav li.active li a {
	color: #fff;
}

.nav li ul li a {
	text-align: left;
	background-color: #1A1A1A;
	font-weight:normal;
	font-size:0.8em;
	color: #fff;
	padding: 5px 10px;
	margin: 0;
	width: 185px;	 /* Any changes to these need to be reflect in (.nav li ul ul) and (.nav li ul) */
}


.nav li ul li a:hover {
	color: #f00;
}
	
.nav li.dd a { /* Class to differentiate items with flyouts; usually with a backgrdoun image of an arrow to the right */
}

.nav li.dd a:hover {
}

.nav li ul ul {
	margin-left: 165px; /* Equals width of (.nav li ul li a) plus the left/right padding */
}

li.active a{
	color: white;
}

/*
------ Secondary Nav-------
*/
#secNavWrap ul {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
}

#secNavWrap li {
	text-align: right;
	display: block;
	margin: 15px 0 0 0;
}

#secNavWrap li.first {
	margin-top: 4px;
}

#secNavWrap li.active a {
	color: #c00;
}

#secNavWrap ul li.active ul li a {
	color: #fff;
}

#secNavWrap ul li ul li.active a 
{
    color: #c00;
}

#secNavWrap a {
    font-size: 11px;
	text-decoration: none;
	text-transform: lowercase;
	display: block;
	width: 145px;
	text-align: left;
	font-weight:bold;
	color: #fff;
}

#secNavWrap a:hover {
	color: #c00;
}

#secNavWrap ul li ul
{
    list-style-type: square;
    margin-left: 0;
    padding-left: 10px;
}

#secNavWrap ul li ul li
{
    margin: 5px 0 5px;
}

#secNavWrap ul li ul li a 
{
    text-transform: uppercase;
    font-size: 9px;
    display: list-item;
	letter-spacing: -0.5px;
	margin-left: 9px;
}

#secNavWrap {
	border-right: dashed #fff 1px;
	padding: 15px 11px 0 0;
	width: 140px;
	height: 100%;	
}

/*
------Page Styles------
*/


.altBg #pageContent .content
{
    background: none;
    padding: 0 20px;
    color: #fff;
}

.altBg #pageContent .content p  { z-index:+1; position:relative; }

.productImgs {
	position:relative;
	height:330px;
	width: 410px;
	float: left;
}

.productImgs img {
	margin-left: 10px;
}

.productImgs.one {
	height:auto;
	margin:0 0 1em 0;
}

.productImgs img.first {
	margin-left: 0;
}

.productDetail 
{
    margin-left: 10px;
    width: 240px;
    float:right;    
    height: 330px;
    padding-right:10px;
    overflow-y:auto;
}

.productDetail h1 
{
    margin-top: 13px;
    position: static;
}


.productDetail h1 span
{
    letter-spacing: 1px;
}

.productDetail p
{
    font-size: 11px;
	letter-spacing:-0.5px;
	line-height:14px;
	margin:0 0 1.3em;
}

.productDetail li 
{
	font-size: 11px;
	line-height:15px;
	letter-spacing:-0.5px;
}

.productDetail ul 
{
    padding: 0 0 0 20px;
}

em.irresistible {
	color: #cc0000;
	font-size:1.1em;
}

.button {
	border:1px solid #999999;
	border-right:0px;
	border-left:0px;
	font-size:13px;
	background:#333333;
	text-align:center;
	text-decoration:none;
	width:250px;
}

.button a {
 	text-decoration:none;
	color:white;
	width:250px;
	display:block;
	padding:10px 0px;
}

.button a:hover {
	background:#666;
}



/*
-----------Home-------------
*/

#intro {
	margin: 40px auto 0 auto;
	padding:10px;
	z-index:0;
	background: #fff;
}

#intro img { float:left; margin-right:15px; }

#intro p {
	float:right;
	width: 185px;
	padding: 38px 31px 7px 8px;
	line-height: 21.8px;
	letter-spacing: 0.29px;
}

#bespoke  
{
    z-index:+1; 
    position: absolute; 
    bottom:39px; 
    right: 37px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bespoke.png');    
}

#bespoke img { filter:alpha(opacity=0); }


/*
-----------Gift Cards-------------
*/
#giftcards .content { height: 561px; background-color:transparent; }

#giftcards .content p  { padding: 0 20px; z-index:+1; position:relative; }

#giftcards .content p, #giftcards .content td { color:#fff; font-weight:bold; }

#giftcards h1 { 
	background:transparent url('/images/gift-cards.gif') no-repeat top left; 
	width: 321px; 
	height:129px; 
	position: relative;
	margin-bottom:-40px;
	z-index:0;
}

#giftcards h1 span { display:none; }


/*
-----------Video-------------
*/
#videos h1 { 
	background:transparent url('/images/videos.gif') no-repeat top left; 
	width: 172px; 
	height:55px; 
	position: relative;
	margin-bottom:15px;
	margin-top:-7px;
	z-index:0;
}

#videos h1 span { display:none; }

#mainContent.video h2 { margin-top:0em; }

.movie { float:left; width: 320px; }

.movieContainer .col {
	width: 225px;
	text-align:left;
	font-size:1.2em;
	padding:20px 10px 0px;
	position:relative;
	margin-top:0px;
}

.movieContainer .first {
	width: 325px;
	margin:0 20px 0 30px;
	padding-top:0px;
	height:250px;
	text-align:left;
}
#commercial {
	border:double #9f9f9f;
	position:absolute;
}

#playCommercial {
	padding:0 0 0 30px;
	background:transparent url('/images/play.gif') center left no-repeat;
}

#pauseCommercial {
	padding:0 0 0 30px;
	background:transparent url('/images/pause.gif') center left no-repeat;
	display:none;
}

/*
-----------Our Team-------------
*/
#ourTeam h1 { 
	background:transparent url('/images/our-team.gif') no-repeat top left; 
	width: 280px; 
	height: 77px; 
	position: relative;
	margin-bottom:0px;
	margin-top:-15px;
	z-index:0;
}

#ourTeam h1 span { display:none; }

#ourTeam .caption { margin-top:5px; line-height: 19px; }

#ourTeam .content td { padding-top:30px; }


/*
-----------Contact-------------
*/

.contactForm { 	background-color: #000; }

.contactForm #mainContent { background-color:transparent; }

#contactForm form { width: 440px; margin-bottom: 20px; }

#contact { 	position:relative; }

#contact h1 { position:relative; z-index:1; }

#contactImage { z-index:1;position:absolute; padding:0;	top:46px; }

#contactForm p { font-weight:bold; margin-left:2px; margin-top:12px; }

#prInfo {
	position: absolute;
	top: 135px;
	color: #fff;
}
#prInfo p{
	font-size: 10px;
	line-height: 1.9em;
}

#mainContent #contactThanks { height:360px; }

/*
-----------Events-------------
*/
#eventList h1, #eventDetails h1 { 
	background:transparent url('/images/events.gif') no-repeat top left; 
	width: 204px; 
	height:77px; 
	position: relative;
	margin-bottom:15px;
	margin-top: -50px;
	z-index:0;
}

#eventList h1 span, #eventDetails h1 span { display:none; }


.eventPage #mainContent{
	width: 756px;
	margin: 0 0 20px 0;
	padding: 0;
}


#currentView {
	font-size:12px;
	color:#999999;
}

#dates {
	display:block;
	font-size:16pt;
	color:#cc0000;
	margin:5px 0 0;
}

.componentheading {
	display:block;
	color:#999;
	font-size:16pt;
	margin:10px 0;
	float:left;
	width:60%;
}

.eventDate {
	float:right;
	width:35%;
	margin:10px 0;
	color:white;
	font-weight:bold;
	font-size:14px;
	text-align:right;
}

.eventShortDescription, .description {
	width:100%;
	float:left;
	color:white;
	font-size:12px;			
}	

.readMore {
	display:block;
	margin:10px 0 0 0;
}

#eventSidebar {
	padding-right:35px;
}

.featuredEvents {
	border:1px solid #999999;
	border-right:0px;
	border-left:0px;
	font-size:13px;
	background:#333333;
	padding:0 5px;
	text-align:center;
	text-decoration:none;
}

.featuredEvents a {
 	text-decoration:none;
}


#checkDates {
	border:2px solid #6c6c6c;
	width:100%;
	background:#f8f8f8;
}

#checkDates td {
	color:#6c6c6c;
		padding:4px;
}

td#checkDatesHeader {
	font-size:14px;
	background:#6c6c6c;
	padding:10px;
	color:white;
}

/*
-----------Accessories-------------
*/

#accessories .first {
	margin:0 15px 0 0;
}

/*
----------Footer----------
*/
#footer, #footer p {
	color: #fff;
}

#footer {
	text-align:center;
	margin:0;
	border-top: 1px dashed #fff;
 	padding: 16px 0 0 0;
	z-index:+1;
	position:relative;
}

.street-address { display:block; }

.street-address, .tel, .email, .hours {  font-weight: bold; }

.hours p, .address p { margin-bottom:0.30em; }

.locality, .region, .postal-code { display: none; }

#footer #socialIcons {
	text-align:left;
	padding-top:32px;
}

#eventList #footer {
	padding-left: 225px;
}

#footer p a{
	color: #666666;
	text-decoration: none;
}

#footer p a:hover{
	color: #fff;
}

#footer a {
	color: #fff;
	text-decoration: none;
}

#footer a:hover {
	color: #cc0000;
}

#footer .adr {
	margin: 0 0px 0 0px;
}

.slide {
	position:absolute;
}

.formDisplay {
	
}

.formDisplay th 
{
    font-size:11px;
    padding-left:2px;
    padding-top:9px;
    text-align:left;
    text-transform:uppercase;
    width: 95px;
}

.formDisplay td {
	padding: 8px 0px;
	font-weight:bold;
}

.formDisplay .opposite {
	color:#333;
}

.formDisplay input, .formDisplay textarea {
	background-color:#eee;
	padding:0px;
	border:1px solid #c9cacc;
}

.formDisplay input.radio, .formDisplay input.check {
	background-color:#000;
	border:0px;
}

.formDisplay input.submit 
{
    background: #ee3224;
    border:1px solid #ee3224;
    color: #fff;
    float: right;
    font-style: italic;
    font-weight: bold;
    padding: 1px;
    text-transform: lowercase;
}


/* 
------Q&A------
*/
#qa h1 { 
	background:transparent url('/images/qa.gif') no-repeat top left; 
	width: 150px; 
	height:95px; 
	position: relative;
	margin-bottom:-40px;
	z-index:0;
}

#qa h1 span { display:none; }

#questions {
	float:left;
	width:55%
}

#questions a {
	color: #fff;
	text-decoration:none;
}

#questions a:hover {
	color:#CC0000;
	text-decoration:none;
	background:#1B1C17;
}

#questions a.active { 	background:#1B1C17; }

#questions p.active {
	background: url('/images/qadash.gif') repeat-x center right;
}

#answers {
	float:right;
	width:45%;
	padding-top:7px;
}

#answers p { color: #fff; }

#answers .answer {
	background:#333333;
	border:1px dashed #666666;
	padding:15px;
}

#btnQA {
	padding-top:10px;
}

/* 
------Testimonials------
*/
#testimonials h1 { 
	background:transparent url('/images/testimonials.gif') no-repeat top left; 
	width: 381px; 
	height:77px; 
	position: relative;
	margin-bottom:25px;
	margin-top: -30px;
	z-index:0;
}

#testimonials h1 span { display:none; }

#testimonialList { margin-top:15px; }

.testimonial {
	color: #fff;
	margin-bottom:25px;
	padding:15px 25px;
	background:#333333;
	border:1px dashed #666;
}

.testimonial p.name {
	text-align:right;
	margin-bottom:0px;	
}

.testimonial p.name span.date {
	margin-left:15px;
}

/*
------Press-------
*/
#press h1 { 
	background:transparent url('/images/press.gif') no-repeat top left; 
	width: 181px; 
	height:95px; 
	position: relative;
	margin-bottom:-30px;
	z-index:0;
}

#press h1 span { display:none; }

#press #pageContent { /*height: 1950px; */}

#press #mainContent .content { /*height:1890px;*/ }

.pressPics {
	float: left;
	padding:0 35px 45px 35px;
	width:152px;
	text-align:center;
}

.pressPic {
	width:152px;
	height:180px;
	overflow:hidden;
	border:1px solid white;
	text-align:center;
	vertical-align:middle;
}

.pressPics img {
	margin-bottom:5px;
}

/*
-----------Map-------------
*/
#map.content { background: none; }
#map #mapImage { float:left; }
#map #mapLinks { padding: 40px 0 0 15px; float: left; width:96px; }
#map #mapLinks a { margin: 0 0 15px 0; display:block; float:left;  }

/*
------Gallery-------
*/
#gallery h1 { 
	background:transparent url('/images/photo-gallery.gif') no-repeat top left; 
	width: 450px; 
	height:126px; 
	position: relative;
	margin-bottom:-35px;
	z-index:0;
}

#gallery h1 span { display:none; }

.galleryPics {
	float: left;
	margin:0 50px 45px 50px;
	width:222px;
	text-align:center;
	position:relative;
	height:180px;
}

.galleryBackground {
	position:absolute;
	top:-4px;
	left:-4px;
	width:222px;
	height:140px;
	background:#aaa;
	z-index:10;
}

.galleryCaption {
	position:relative;
	z-index:20;
}

.galleryPic {
	width:222px;
	height:140px;
	overflow:hidden;
	border:1px solid white;
	text-align:center;
	vertical-align:middle;
	margin:0 2px 2px 0;
	background:#000;
	position:relative;
	z-index:20;
}

.galleryPics img {
	margin-bottom:5px;
}

.photoUpload {
	padding:10px 0;
}

#btnGallery {
	margin-bottom:25px;
}



/* Status pop-up Styles */
	
.statusHdr {
	/*font-weight: bold;*/
	font-family:Arial, Helvetica, sans-serif;
	width: 375px;
	border-top: 1px dashed #CC0000;
	border-left: 1px dashed #CC0000;
	border-right: 1px dashed #CC0000;
	padding: 5px 10px;
	font-size: 14px;
	color:#fff;/* #4B7A98; */
	background: #333333; /* #D5EBF9; */
	display:none;
}

.statusBdy {
	border: 1px dashed #666;
	font-family:Arial, Helvetica, sans-serif;
	width: 375px;
	padding: 15px;
	/* font-size: 0.85em;*/
	color:#fff;/*#F9F1C9*/
	background: #333333 none repeat scroll 0%;
	line-height:1.4em;
}

.tooltip 
{
	/* border-bottom: double 3px #A2D045; */
	border-bottom: dashed 1px #CC0000;
	cursor: help;
}


.gbShowImage {
	color:#fff;
	border-bottom:1px solid #CC0000;
	text-decoration:none;
}

#gbPage #pageWrap { width:675px; }

#gbPage #mainContent { margin-left:0; }

#giftCardSubmitButton {
	text-align:right;
	margin-right:190px;
}
 
a.suitLink {
	color:#fff;
	text-decoration:none;
	border-bottom:1px solid #CC0000;
}
 
a.suitLink:hover {
	color:#CC0000;
	text-decoration:none;
	border-bottom:1px solid #CC0000;
}


/*
------------------------------------------------ BEGIN Image Carousel ------------------------------------------------
*/
#carouselPage .content { background:transparent; }

#carouselPage p, #carouselPage li { color:white;  }
#carouselPage li span { color:#CC0000;  }

#imgCol1,
#imgCarouselCopy
{
	padding: 0;
	width: 400px;
}

#imgCarouselCopy
{
	padding: 2px 10px;
}

#imgCol2
{
	width: auto;
	float: right;
	width: 220px;
	margin: -27px 0 0 0;
}


#preview
{
	margin: 0 0 5px 0;
}

#previewImg
{
	margin: 0;
	width: 400px;
	border:10px solid #fff;
}

#previewDesc
{
	margin-bottom:25px;
	padding:0px 10px 10px;
	background:#fff;
	width:400px;
	color:#ee3124;
	font-weight:bold;
}



/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

#carousel li,
.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 135px;
    height: 130px;
    
}

.jcarousel-list li img 
{	
    border: 1px solid #fff;
    padding: 0 2px;
}


/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}


/********************************* SKIN *****************************/

.jcarousel-skin-tango {
	margin-right: 100px;
}

.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 10px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 126px;
    height: 394px;
    padding: 40px 0 35px 0;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  135px;
    height: 389px;
	background:#fff;
	text-align:center;
	padding:5px 0 0 0;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 126px;
    height: 96px;
    cursor: hand;
    cursor: pointer;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    /*margin-bottom: 10px;*/
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #000;
    color: #000;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-prev-vertical,
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 135px;
    height: 25px;
    cursor: pointer;
    background: transparent url(/images/next-vertical.gif) no-repeat 33px 0;    
    border-top: 1px dashed #fff;
	
	margin-top:3px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical 
{	
    top: 5px;
    background: transparent url(/images/prev-vertical.gif) no-repeat 33px 0;   
    border-bottom: 1px dashed #fff;  
    border-top: none;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 33px -25px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active,
.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 33px -50px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active ,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 33px -75px;
}

/*
------------------------------------------------ END Image Carousel ------------------------------------------------
*/