@charset "ISO-8859-1";
/*************************************************************************
/*************************************************************************
****																															********
****		FILENAME:       style.css																	********
****		DESCRIPTION:    CSS for SummerHouse														********
****		CREATION DATE:  07/05/2009																********
****		LAST MODIFIED:  07/02/2009																********
****																															********
/*************************************************************************
/************************************************************************/


	html, body, wrapper { height:100%; overflow:hidden; margin:0; padding:0; }
	
	body {
	margin:0px;
	font:11px Verdana, Helvetica, sans-serif;
	color:666666;
};
	margin-right: 20px;
	background-color: #FFFFFF;
}
	img {	border:none;}
	
	a:link, a:visited {
	color:#666666;
	text-decoration:none;
}
	a:hover {
	color:#F90;
	text-decoration:none;
}

/* PAGE LAYOUT ---------------------------------------------------  */
div#shim {
	visibility:hidden;
	width:100%;
	height:50%;
	margin-top:-250px;
	float:left;
}

div#wrapper {
	width:922px;
	height:470px;
	margin:auto;
	clear:both;
	position:relative;
	top:-235px;
	position:static;
}

a:link {
	color: #666666;
	font-weight: normal;
}

a:visited {
	color: #666666;
}

a:hover {
	color: #FF3300;
}

body,td,th {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/wallpaper_teal.jpg);
	background-position: center;
	color: #FFFFFF;
	background-repeat: repeat;
	background-color: #988567;
}
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.style7 {
	color: #F90
}

.style8 {
	color: #333;
	font-weight: bold;
}

#apDiv1 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	left: 721px;
	top: -6px;
	background-color: #000000;
}
#apDiv2 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	left: 823px;
	top: 1px;
}
#apDiv3 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	left: 817px;
	top: 28px;
}
#apDiv4 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:101;
	left: 802px;
	top: -4px;
}	
		
		
		
/* TOP CONTACT INFO BLOCK ---------------------------------------------------  */
	#contact {
	position:relative;
	z-index:80;
	top:0px;
	left:0px;
	width:902px;
	text-align:right;
	margin:auto;
	color:#333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	height: 15px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
}
		a.contact:link, a.contact:visited {
	color:#666666;
}
		a.contact:hover {
	color:#F30;
	text-decoration:underline;
}
			

/* CONTENT AREAS ---------------------------------------------------  */
	#top_container {
	position:relative;
	z-index:10;
	top:15px;
	left:0px;
	margin:auto;
	width:900px;
	height:448px;
	background-color: #FFFFFF;
	border: 7px solid #666666;
}


/* RIGHT DATA COLUMN ---------------------------------------------------  */
	#right {
	float:right;
	width:720px;
	height:448px;
	overflow:hidden;
}
#right_content_2 {
	float: right;
	height: 448px;
	width: 360px;
	background-color: #220C1B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#left_content_2 {
	float: none;
	height: 448px;
	width: 360px;
	
}
	#right_blue { float:right; width:720px; height:448px; background-color:#eaf6f9; }
		#right_content { float:right; width:400px; }
		#right_content_prod {
	float:right;
	width:310px;
	color:#666666;
	padding-top: 20px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 420px;
	right: 10px;
	overflow: auto;
}
		#right_content_sub { float:right; width:310px; padding:20px 25px 0px 0px; color:#666666; line-height:18px; }
		#right_content_about {
	float:right;
	color:#666666;
	line-height:18px;
	overflow: auto;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
	width: 330px;
	padding-top: 20px;
	clear: left;
}
#right_content_jill {
	float:right;
	width:330px;
	color:#666666;
	line-height:18px;
	overflow: auto;
	height: 444px;
	padding-top: 20px;
	padding-bottom: 0px;
	padding-right: 10px;
}
			#jill_content { padding-right:10px; margin-top:20px; height:360px; overflow:auto; }
		#right_content_image {
	float:left;
	background-color:#ffffff;
	width:360px;
	height:448px;
	text-align:center;
	border-right-color: #999999;
	border-left-color: #999999;
}
			#header { height:67px; padding-left:22px; }
		#right_content_press { float:right; width:360px; padding:0px; color:#666666; line-height:18px; }
		#right_pressTop { background-color:#eaf6f9; padding:0px 15px; }
			#right_pressTop #backtofull { padding:0px 0px 10px 0px; vertical-align:middle; }				
		
/* PRODUCT DATA --------------------------------------------------- */
		.thumb_image { padding:0px; margin:0px; height:75px; }
		.thumb_textBox { background-color:#cde9f1; font-size:10px; padding:10px 10px 0px 10px; height:42px; cursor:pointer; }
		.thumb_textBox_r { background-color:#f3f8f6; font-size:10px; padding:10px 10px 0px 10px; height:42px; cursor:pointer; }
		.shadediv { border-left:1px solid #b3c1c5; font-size:1px; width:2px; }
		.shadediv2 {
	border-left-width: 1px;
	border-left-style: double;
	border-left-color: #B3C1C5;
}
		.shadediv3 {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #d3e6e0;
	border-bottom-color: #d3e6e0;
}
		.shadediv4 { border-bottom:1px solid #958d7c; }
		

		/* bottom right hand corner back next nav box on product pages --------- */
		#altView { position:absolute; top:368px; left:180px; z-index:20; width:350px; height:78px; background-color:#fff; border-top:1px solid #e4ebe9; text-align:left; padding-left:10px; }
		.avText{ font:normal 10px Georgia, Times, serif; color:#666666; margin:10px 0px 5px 0px; text-transform:uppercase;}
		
		/* Dashed line for above color squares ... see chair02 ... */
		.divGDash { border-bottom:1px dashed #849800; }

		/* little 33 x 33 squares for color samples on product pages --------- */
		.colorSquare { width:33px; height:33px; border:1px solid #000000; }
		
		/* floating NEXT button in top right of product category pages, preceded by "1 of 3" etc...  --------- */
		
		#nextBox_at {  position:relative; top:-949px; left:722px; z-index:20; width:200px; text-align:right; font-family:Georgia, Times, serif; }
			#nextBox_at.last { top:-939px; left:677px; }
		#nextBox_ab {  position:relative; top:-949px; left:722px; z-index:20; width:200px; text-align:right; font-family:Georgia, Times, serif; }
			#nextBox_ab.last { top:-939px; left:677px; }
			
		
		#nextBox_gc {  position:relative; top:-929px; left:722px; z-index:20; width:200px; text-align:right; font-family:Georgia, Times, serif; }
			#nextBox_gc.last { top:-919px; left:677px; }
		#nextBox_ga {  position:relative; top:-929px; left:722px; z-index:20; width:200px; text-align:right; font-family:Georgia, Times, serif; }
			#nextBox_ga.last { top:-919px; left:677px; }
		#nextBox_lt {  position:relative; top:-929px; left:722px; z-index:20; width:200px; text-align:right; font-family:Georgia, Times, serif; }
			#nextBox_lt.last { top:-919px; left:677px; }
		#nextBox_tp {  position:relative; top:-929px; left:722px; z-index:20; width:200px; text-align:right; font-family:Georgia, Times, serif; }
			#nextBox_tp.last { top:-919px; left:677px; }
		
			
		#nextBox_ct {  position:relative; top:-909px; left:722px; z-index:20; width:200px; text-align:right; font-family:Georgia, Times, serif; }
			#nextBox_ct.last { top:-899px; left:677px; }
		#nextBox_vp {  position:relative; top:-909px; left:722px; z-index:20; width:200px; text-align:right; font-family:Georgia, Times, serif; }
			#nextBox_vp.last { top:-899px; left:677px; }
		#nextBox_va {  position:relative; top:-909px; left:722px; z-index:20; width:200px; text-align:right; font-family:Georgia, Times, serif; }
			#nextBox_va.last { top:-899px; left:677px; }
		
		#nextBox_p {  position:relative; top:-789px; left:722px; z-index:20; width:200px; text-align:right; font-family:Georgia, Times, serif; }
			#nextBox_p.last { top:-779px; left:677px; }
		
		#nextBox_sc {  position:relative; top:-892px; left:722px; z-index:20; width:200px; text-align:right; font-family:Georgia, Times, serif; }
			#nextBox_sc.last { top:-882px; left:677px; }
		
		#nextBox_w {  position:relative; top:-849px; left:722px; z-index:20; width:200px; text-align:right; font-family:Georgia, Times, serif; }
			#nextBox_w.last { top:-839px; left:677px; }
			
			.num { font-size:14px; }

		/* bottom left hand corner back next nav box on product pages --------- */
		#browseBox { position:absolute; left:784px; top:327px; background:url(../images/browse_box.png) no-repeat; width:137px; height:79px; text-align:center; font:13px Georgia, Times, serif; }
			.more {  background-color:#ffffff; }
			.noMore { color:#a1b2b1; background-color:#ffffff; }
		
		#backtofull { padding-top:7px; vertical-align:middle; }				
		#zoom { position:absolute; left:510px; top:21px; width:30px; height:29px; }
		
/* DETAIL IMAGES --------------------------------------------------- */
		.clickhere { text-align:center; font-weight:bold; color:#ffffff; width:500px; }
		.close { position:relative; top:55px; left:-15px; }
		.close2 { position:absolute; top:15px; left:490px; z-index:500; }
		.bigimage { border:3px solid #d0eee4; }
		
			
/* SUBPAGES --------------------------------------------------- */
	#topMenu {
	position:absolute;
	top:20px;
	left:550px;
	width:330px;
	height:23px;
	font-size:10px;
	text-transform:uppercase;
	padding-top:10px;
	color:#569985;
	text-align:center;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
#topmenu_events {
	font-size: 10px;
	text-align: center;
	height: 23;
	width: 330px;
	padding-top: 10px;
	position: absolute;
	left: 564px;
	top: 22px;
}
	#topArrow {
	position:absolute;
	top:35px;
	width:24px;
	height:21px;
	left: 164px;
}
		a.tm:link, a.tm:visited {	color:#2d5c50; }
		a.tm:hover { color:#569985; }

/* PRESS --------------------------------------------------- */
		#press_content { padding:0px 15px; height:340px; overflow:auto; }
		#date { font:normal 10px Georgia, Times, serif; color:#849800; margin:0px; padding:15px 0px; text-transform:uppercase;}
		
		
/* LEFT MENU COLUMN ---------------------------------------------------  */
	#left {
	position:relative;
	top:-496px;
	left:11px;
	z-index:100;
	width:180px;
	border-top-color: #000000;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	color:#666666;
}
		#logo { height:55px; width:130px; padding:25px 0px 0px 25px; }				
				
/* LEFT MENU ---------------------------------------------------  */
#left_menu {
	font:12px;
}

.lm {
	height:23px;
	color: #f30;
	padding-left: 10px;
}

.lm a:hover {
	color: #333;
	font-weight: bold;
}

.lm_on {
	height:18px;
}
				
#left_menu_sub {
	font-size:9px;
	text-transform:uppercase;
	padding-bottom:10px;
}

.lm_sub { 
	padding:2px 0px 5px 10px;
	color: #000000;
}

.lm_subr {
	padding:2px 0px 5px 10px;
	color:#569985;
	background:url(../images/menu_arrow.jpg) no-repeat left 3px;
	cursor:pointer; a:hover
	color: #000000;}
		.lm_sub_bottom { padding:2px 0px 5px 10px; }
		.lm_sub_bottomr { padding:2px 0px 5px 10px; color:#569985; background:url(../images/menu_arrow_btm.jpg) no-repeat left 3px; cursor:pointer; }


	/* ICONS ---------------------------------------------------  */
		.iconL { position:relative; left:-30px;top:-833px; z-index:30; width:61px; height:61px; }
		.iconS { position:relative; left:-30px;top:-772px; z-index:30; width:61px; height:61px; }
		.iconC { position:relative; left:-30px;top:-768px; z-index:30; width:61px; height:61px; }
		.iconF { position:relative; left:-30px;top:-684px; z-index:30; width:61px; height:61px; }
		.iconA { position:relative; left:-30px;top:-759px; z-index:30; width:61px; height:61px; }
		.iconV { position:relative; left:-30px;top:-699px; z-index:30; width:61px; height:61px; }
		.iconT { position:relative; left:-30px;top:-694px; z-index:30; width:61px; height:61px; }
		.iconK { position:relative; left:-30px;top:-591px; z-index:30; width:61px; height:61px; }
		.iconG { position:relative; left:-30px;top:-648px; z-index:30; width:61px; height:61px; }
		.iconJ { position:relative; left:-30px;top:-570px; z-index:30; width:61px; height:61px; }
		.iconW { position:relative; left:-30px;top:-545px; z-index:30; width:61px; height:61px; }



/* BOTTOM MENU --------------------------------------------------- */
#bottom_menu_container {
	position:relative;
	left:0px;
	z-index:30;
	width:922px;
	margin-top: 2em;
}

#bottom_menu {
	position:relative;
	top:0px;
	left:0px;
	z-index:40;
	margin:auto;
	width:413px;
	height:42px;
	background:url(../images/menu_box.png) no-repeat;
	font-size:10px;
	text-transform:uppercase;
	padding-top:13px;
	text-align:center;
}

#bottom_menu a:link, #bottom_menu a:visited {	color:#2d5c50; }
#bottom_menu a:hover { color:#569985; }
#bottom_menu a.off { color:#569985; }


/* MISC --------------------------------------------------- */
	/*  Red Ribbon on HomePage  */
	#ribbon { position:relative; top:-815px; left:715px; z-index:50; width:208px; height:209px; overflow:hidden; }
	#submitButton { color:#3b2406; border:1px solid #c9d9d4; background-color:#e3f5ef; font-size:9px; font-weight:bold; }


/* TEXT STYLES --------------------------------------------------- */
	h1 { font:normal 20px Georgia, Times, serif; margin:0px; padding-top:25px; color:#3b2406; }
		h1.green { font-size:17px; color:#56ac8f; line-height:24px; }
	h2 { font:normal 13px Georgia, Times, serif; color:#666666; margin:0px; padding:20px 0px 7px 0px;}
		h2.red { font:bold italic 13px Georgia, Times, serif; color:#9d4927; margin:0px; padding:20px 0px 7px 0px;}
	h3 { font:normal 10px Georgia, Times, serif; color:#849800; margin:0px; padding:19px 0px 7px 0px; letter-spacing:.2em; text-transform:uppercase;}
	h4 { font:normal 15px Georgia, Times, serif; margin:0px;}
	h5 { font:normal 10px Georgia, Times, serif; color:#849800; margin:0px; padding:28px 0px 7px 0px; text-transform:uppercase;}
	h6 { font:normal 12px Georgia, Times, serif; color:#666666; margin:0px; padding:0px; line-height:18px;}

/* LIST STYLES --------------------------------------------------- */
	ul { margin:0px 0px 20px 15px; padding:0px;}
	li { margin:0px; padding:5px 0px 0px 0px;	list-style:disc outside;}
.crumb_nav {
	height: 20px;
	width: 310px;
}
.social_div {
	float: right;
}

#interiors_lft {
	height: 348px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 100px;
	background-color: #FFFFFF;
	float: left;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #98A16E;
	padding-right: 5px;
	padding-left: 5px;
	width: 127px;
}
.interiors_box {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #98A16E;
	height: 23px;
	text-align: left;
}
#simpleviewer_content {
	height: 448px;
	width: 100%;
	float: left;
	position: static;
}
#int_thumbnails {
	margin: 5px;
	height: 100px;
	width: 300px;
}
.int_thumbnails {
	float: right;
	background-color: #B0CCCC;
	border: 1px solid #FFFFFF;
}
.style9 {
	color: #666666;
	font-weight: bold;
}

.style12 {
	color:#FF3300;
}