/* 
theme colors are currently:
little button background:#C1D6EA
tiny button hover background:#C1D6EA
main window background:#6699CC
hidden row color:#DDEEFF
do a search and replace in this style sheet to change background colors quickly.
*/

/*this crazy stylesheet is an add-on from social ink for immediate fixes. we didn't do most of this horrible mess */


body {font-size: 14px; font-family:Georgia, Garamond, serif; background:#E0DFA7 url(i/home-back.gif) repeat-x scroll 0 0;}
* {margin:0px; padding:0px;}


div#page-wrapper {width:800px; margin: 0 auto; margin-top:15px; z-index:0;}

div#header {width:800px;height:216px;background: url('i/header-back.jpg') no-repeat;}
div#header-feature{width:219px;height:105px;background: url('i/header-feature-back.gif') no-repeat; margin-top:20px; margin-left:15px; float:left;}
#header-feature a {
	color:white; padding:2px;
	}

#header-feature a:hover {
	color:#4B73A9;
}

.logo-image {
	text-align:center;
}

div#content-wrapper {
	width:800px; 
	margin: 0 auto; 
	margin-top:15px; 
	border:solid; 
	border-width:5px; 
	border-color: white; 
	background-color:white;		
	min-height:600px;
	height:auto !important;
  
	}
	
.bg-150-650 {
	background: url(i/bg-250-500.jpg) repeat-y; 
	min-height:600px; 
	}

div#content-left-150 {
	width:156px; 
	float: left; 
	background-color: transparent; 
	margin-top:0;
	z-index:0; 
	border-width:1px;
	min-height:600px;
	}
	
div#content-left-150 img {
	width:156px; border-bottom: 0;  

 }

div#content-left-150-IE6 {width:156px; float: left; background-color: transparent; margin-left:10px; margin-top:0;z-index:0;}
	div#content-left-150-IE6 img {width:156px; border-bottom: 5px solid white;}

div#content-right-650 {width:639px; float: left; z-index:0;border-width:1px; background-color:white; border-right: solid 1px #CAC997;  margin-bottom:0;}

#home-copy {
background-color:white;
border-width:1px;
float:left;
margin-bottom:10px;
margin-left:20px;
width:585px;
z-index:0;
}

#home-copy p {
	color:#9E9D76;
	line-height:19px;
	margin-left:20px;
	margin-top:12px;
	} 

#footer {width:796px; height: 20px;  text-align:center; float:left;}		

#footer p{
	color:#555555;
	font-family:Georgia,Garamond,Serif;
	font-size:11px;
	font-weight:bold;
	line-height:17px;
	margin-top:10px;
} 

/* Main Navigation */
#nav-left ul {margin: 0; background: url(i/left-nav.gif) 0 0 no-repeat; height: 300px; width: 156px;}
#nav-left li {float: left; padding: 0px 0 0; text-indent: -9999px; list-style: none;}
#nav-left a {display: block; height: 21px; text-decoration: none; outline: 0;}

#nav-left li#birthdays {left: 0; width: 121px;}
#nav-left li#birthdays a:hover, #nav-left li#birthdays a.selected {background: url(i/nav-left.gif) -121px 0px no-repeat;}

#nav-left li#bridal-showers {left: 0; width: 121px;}
#nav-left li#bridal-showers a:hover, #nav-left li#bridal-showers a.selected {background: url(i/nav-left.gif) -121px -21px no-repeat;}

#nav-left li#baby-showers {left: 0; width: 121px;}
#nav-left li#baby-showers a:hover, #nav-left li#baby-showers a.selected {background: url(i/nav-left.gif) -121px -42px no-repeat;}

#nav-left li#holidays {left: 0; width: 121px;}
#nav-left li#holidays a:hover, #nav-left li#holidays a.selected {background: url(i/nav-left.gif) -121px -63px no-repeat;}

#nav-left li#special {left: 0; width: 121px; height:32px;}
#nav-left li#special a:hover, #nav-left li#special a.selected {background: url(i/nav-left.gif) -121px -84px no-repeat;  height:32px;}

#nav-left li#everyday {left: 0; width: 121px; height:27px;}
#nav-left li#everyday a:hover, #nav-left li#everyday a.selected {background: url(i/nav-left.gif) -121px -116px no-repeat; height:27px;}

#nav-left li#passover {left: 0; width: 141px; height:90px;}
#nav-left li#passover a:hover, #nav-left li#passover a.selected {background: url(i/nav-left.gif) -121px -116px no-repeat; height:90px;}

#nav-left li#zagat {left: 0; width: 141px; height:50px;}
#nav-left li#zagat a:hover, #nav-left li#zagat a.selected {background: url(i/nav-left.gif) -121px -116px no-repeat; height:50px;}

div#content-main {width:792px;height:580px; left: 22; top:15; position:relative;  background-color: white;}

	div#feature-top-right {width:240px;height:113px;background: url('i/home_top_box1.jpg') no-repeat; position:relative; left: 2; top:12; }
	div#logo-band {width:792px;height:92px;background: url('i/home_logo.gif') no-repeat; position:relative; left: 0; top:-12; z-index:2; }
	div#body-content-middle {width:400px; margin: 10px 10px 0; background-color: white; position:relative; left: 180; top:-8;}
div#left-nav-home {width:175px; height: 360px; background-color: #F4F4E0; position:relative; left: 30; top:-388; text-align:right;z-index:3;}
div#right-content-home {width:201px; height: 483px; position:relative; left: 644; top:-745; text-align:right;z-index:3;}
div#left-content-home {width:175px; height: 183px; position:relative; left: 34; top:-1030; text-align:right;z-index:3;}		

div#content-wrapper-sub {width:850px; height:630px; background: url('i/sub_back.gif') no-repeat;}
div#content-main-sub {width:805px; left: 12; top:15; position:relative;  border:solid; border-width: 6px; border-color:red;background-color: white; }
div#logo-band-sub {width:805px;height:80px;position:relative; left:10; top:0; z-index:2; background: url('i/sub_logo.gif') no-repeat;}
div#left-nav-sub {width:156px;  background-color: #F4F4E0; position:relative; left: 18; top:-580; text-align:right;z-index:1;}

div#body-content-middle-sub {width:440px; background-color: white; position:relative; left: 170; top:-4; border:solid; border-color:orange;}
div#footer-sub {width:325px; height: 100px; position:relative; left: 274; top:-490; text-align:right;z-index:3;}	
div#right-content-sub {width:201px; height:200px;  position:relative; left: 640; top:-855; text-align:right;z-index:3;}
div#corner-sub {width:161px; position:relative; left: 450; top:-350; text-align:right;z-index:3;}

.feature_headline{
color: white;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-weight: bold;
text-decoration: none;
line-height : 12px;
}

A.NavLinkRight,A.NavLinkRight:visited,A.NavLinkRight:hover,A.NavLinkRight:active{
color: #9E9D76;
font-weight: bold;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
text-decoration: none;
line-height : 14px;
}

A.MenuLink,A.MenuLink:visited,A.MenuLink:hover,A.MenuLink:active{
color: black;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
text-decoration: none;
line-height : 14px;
}

A.NavLinkRightSub,A.NavLinkRightSub:visited,A.NavLinkRightSub:hover,A.NavLinkRightSub:active{
color: #9E9D76;
font-weight: normal;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
text-decoration: none;
line-height : 14px;
}

A.BlueLink,A.BlueLink:visited,A.BlueLink:hover,A.BlueLink:active{
color: #0063A5;
font-weight: bold;
font-style:italic;
font-size:12px;
text-decoration: none;
line-height : 14px;
}

A.BlueLink2,A.BlueLink2:visited,A.BlueLin2k:hover,A.BlueLink2:active{
color: #0063A5;
font-weight: bold;
font-style:italic;
font-size:12px;
text-decoration: none;
line-height : 14px;
}

A.FooterLink,A.FooterLink:visited,A.FooterLink:hover,A.FooterLink:active{
color: #CDCC9D;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-weight: bold;
text-decoration: none;
line-height : 14px;
}

.copy_footer_other{
color: #CDCC9D;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-weight: bold;
text-decoration: none;
line-height : 14px;
}

.copy_footer_black{
color: black;
font-family:Arial,Helvetica,sans-serif;
font-size:9px;
font-weight: normal;
text-decoration: none;
line-height : 14px;
}



.copy_home{color: black;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight: normal;text-decoration: none;line-height : 18px;}

.copy_blue_feature{
color: #0063A5;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
text-decoration: none;
line-height : 17px;
}

.copy_blue{
color: #0063A5;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:bold;
text-decoration: none;
line-height : 11px;
}

.copy_orange{
color: #EFB50D;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
font-weight: normal;
text-decoration: none;
line-height : 14px;
}

.copy_orange_md{
color: #EFB50D;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight: normal;
text-decoration: none;
line-height : 12px;
}

.copy_brown_md{
color: #5A3B00;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight: normal;
text-decoration: none;
line-height : 12px;
}

.copy_orange_lg{
color: #EFB50D;
font-family:Verdana,Helvetica,sans-serif;
font-size:24px;
font-weight: normal;
text-decoration: none;
line-height : 14px;
}

.copy_black {font: 11px,  Arial, Helvetica, sans-serif; margin-top:2px; color:black; line-height:13px;} 

.copy_white{
color: white ;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
text-decoration:none;
line-height : 12px;
}

.copy_gray_sm{
color: #D1D2D4;
font-family:Arial,Helvetica,sans-serif;
font-size:9px;
text-decoration:none;
line-height : 9px;
}

.copy_gray{
color: #D1D2D4;
font-weight: normal;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
text-decoration:none;
line-height : 10px;
}

.copy_green{
color:#B7CFA6;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
text-decoration:none;
line-height : 14px;
}

A.NavLinkOrange,A.NavLinkOrange:visited{
color: #EFB50D;
font-weight:bold;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
text-decoration: none;
line-height : 14px;
}

A.NavLinkOrange:hover,A.NavLinkOrange:active{
color: #D1D2D4;
font-weight: bold;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
text-decoration: none;
line-height : 14px;
}

A.NavLinkGreen,A.NavLinkGreen:visited,A.NavLinkGreen:hover,A.NavLinkGreen:active{
color: #B7CFA6;
font-weight: bold;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
text-decoration: none;
line-height : 14px;
}

A.NavLinkwhite,A.NavLinkwhite:visited,A.NavLinkwhite:hover,A.NavLinkwhite:active{
color: white;
font-weight: bold;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
text-decoration: none;
line-height : 12px;
}

A.NavLinkwhite_Feature,A.NavLinkwhite_Feature:visited,A.NavLinkwhite_Feature:hover,A.NavLinkwhite_Feature:active{
color: white;
font-weight: bold;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
text-decoration: underline;
line-height : 14px;
}

A.NavLinkwhite_Main,A.NavLinkwhite_Main:visited,A.NavLinkwhite_Main:hover,A.NavLinkwhite_Main:active{
color: white;
font-weight: bold;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
text-decoration: none;
line-height : 14px;
}


/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */

/* start social ink edits  */

#left-sidebar {
	float:left;
	 width: 156px;
}

#left-sidebar ul {
	list-style:none;
	margin: 0; 
	
}

a img {
	border:none;
	}
	
#header-content {
	background:url(i/sub_logo-new.jpg) no-repeat;
	height:80px;
	
}

p.header-text {
	color:white;
	font-family:georgia;
	font-size:10px;
	font-weight:bold;
	height:20px;
	letter-spacing:0.1em;
	margin-left:500px;
	margin-top:-70px;
}

p.header-text a {
	color:white;
	text-decoration:none;
}

.header-link {
	display:block;
	width:200px;
	height:80px;
}

li.jcarousel-item  {
float:left;
}


#home-content {
	border-right:1px solid #E5C79B;
	float:right;
	margin-right:4px;
	width:630px;
}


#home-copy h1 {
	margin-top:10px;
	text-align:center;
}

#home-content p {
	color:#555555;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	line-height:19px;
	margin-right:20px;
	margin-top:20px;
	text-align:justify;
	
}


#main-content {
	background-color:white;
	border-width:1px;
	margin-left:200px;
	margin-right:30px;

	}

#main-content h1 {
	text-align:center;
}

#main-content  p {
	color:#555555;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14.5px;
	line-height:22px;

	margin-top:2px;
	text-align:justify;
	
	
}



#main-content h2 {
	color:#2673CF;
	font-family:Georgia,Garamond,Serif;
	font-size:14px;
	font-weight:bold;
	margin-bottom:12px;
 	text-decoration:underline;
	}
	
.content-wrap {
	margin-left:15px;
	margin-right:40px;
}

ul.list {
	color:#555555;
	font-family:helvetica,arial,sans-serif;
	font-size:14.5px;
	list-style-image:url(i/dot.jpg);
	margin-bottom:20px;
	margin-left:20px;
	margin-top:20px;
	text-align:left;

}

ul.col2 {
float:right;
}

.one-testimonial {
	background-color:#F4F4E0;
	margin-bottom:20px;
	margin-left:90px;
	padding:20px;
	text-align:center;
	width:350px;
	
}

.one-testimonial p {
	margin-left:0px;
	width: 90%;
}

.about-image {
	clear:left;
	float:left;
}

.about-image img{

	margin-right:10px;

	}

address {
	color:#555555;
	font-family:Arial,Helvetica,Sans-Serif;
	font-size:13px;
	font-style:normal;
	font-weight:bold;
	margin-bottom:10px;
}

a {
	color: #0063A5;
	text-decoration:none;
}

a:hover {color:#4b73a9;
	}
	
#contact-form textarea {
	background-color:#F4F4E0;
	border:1px solid #DFDFDF;
	height:150px;
	margin-bottom:10px;
	width:357px;
}

#contact-form input.text {
	background-color:#F4F4E0;
	border:1px solid #DFDFDF;
	height:20px;
	margin-bottom:5px;
	width:357px;
}

#contact-form p {
	font-size:90%;
}

#contact-form input.send {
	background-color:#F4F4E0;
	border:1px solid #DFDFDF;
	color:#555555;
	font-family:Helvetica,Arial,Serif;
	padding:5px;
}

#contact-form input.send:hover {
	background-color: #0063A5;
	color:white;
}

h3.basket-header {
	font-family:Georgia, Garamond, Serif;
	font-size:13px;
	color: #9E9D76;
	font-weight:bold;
}

.basket-price {
	border-bottom: 1px solid #f4f3e0;
	padding-bottom:20px;
	margin-bottom:20px;
	font-family:Georgia, Garamond, Serif;
	font-size:13px;
	color: #9E9D76;
	font-weight:bold;
	}
	
	/* menus */
	
	.one-menu {
		border-left:1px solid #DFDFDF;
		border-right:1px solid #DFDFDF;
		margin:10px auto 10px auto ;
		width:75%;
	}
	.one-menu h2 {
		text-align:center;
	}
	
	.one-menu h3 {
		font-weight:bold;
		text-align:center;
		font-size:12px;
		}
		
	.one-menu ul {
		text-align:center;
		
	}
	
	.one-menu li {
		color:#444444;
		font-family:Georgia, Garamond, Serif;
		font-size:11px;
		font-weight:bold;
		line-height:1.5em;
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
	}
	
	.one-menu li.last {
		margin-bottom:12px;
	}
	
	.one-menu li.description {
		font-weight:normal;
	}
	
	.one-menu li.description-divider {
		font-weight:normal;
		margin-bottom:8px;
	}
	
	/* slideshow */
	
	#slideshow-content {
		margin-top:20px;
		margin-left:-30px;
	}
	
	#slideshow-home {
		margin-left:-20px;
	}