/* Lakehousedrygoods.com */


body {
	margin:0;
	padding:0;
	background-color:#D8E3A8;  /* the background color for the outside of the website */
	color:#000;
	min-width:768px;
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
}	



 
#logo {
	background: transparent url("sitegraphics/header_lakehouse_text.jpg") no-repeat 0 0;
	display: block;
	width: 768px;
	height: 55px;
	overflow: hidden;
	line-height: 1000px;
 }





    /*----------link styles-------*/	
a {color: #686E6E;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;color: #686E6E;}
a:hover {text-decoration: none;color: #1A1A1A;}
a:active {text-decoration: none;}

a.navs {color: #937F6B;}
a.navs:link {text-decoration: none;}
a.navs:visited {text-decoration: none;color: #937F6B;}
a.navs:hover {text-decoration: none;color: #4C0A0A;}
a.navs:active {text-decoration: none;}

a.manager_navs {color: #4A6B27;font-weight:bold;}
a.manager_navs:link {text-decoration: none;}
a.manager_navs:visited {text-decoration: none;color: #4A6B27;}
a.manager_navs:hover {text-decoration: none;color: #1A1A1A;}
a.manager_navs:active {text-decoration: none;}

.specialLink{text-align:center;clear:both;}
/*----------------------------Magic Rollover popup text on fabric_main_directional.php---------------------*/

.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {display:inline-block;}
/* mac hide \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide */





.gallery-wrap{
	width:740px;
	margin:0px auto;
	padding: 0px;
}
.gallery{
	width:740px;  /* use higher number to center */
	margin:0px auto;
	padding:0px;
}

* + html .gallery-wrap {   /*  this will only be seen by IE7  becuase IE7 is still stupid */ 
	width:662px;
	margin:0px auto;
	padding: 0px;
}

* + html .gallery {    /*  this will only be seen by IE7 becuase IE7 is still stupid */ 
	width:662px;
	margin:0px auto;
	padding: 0px 0px 0 0;
}

* html .gallery-wrap{width:662px;w\idth:662px;}  /*  this will only be seen by IE6 becuase IE6 is stupid*/ 
* html .gallery{width:662px;w\idth:662px;}		 /*  this will only be seen by IE6 becuase IE6 is stupid */ 

.gallery ul{
	list-style:none;
	margin:0;
	position:relative;
}
.gallery li{
	width:100px;
	height:100px;
	float:left;
	margin:0px;
	padding: 5px;
	display:inline;
}
.gallery li a{
	text-decoration:none;
	float:left;
	width:100px;
	height:100px;
	padding:0px;
}

* html .gallery li a{/* box model hacks*/
	width:97px;
	height:97px;
	w\idth:97px;
	he\ight:97px;
}
.gallery li.t1 a{background:#fff url(sitegraphics/spring_library.jpg) no-repeat 0px 0px;}

.gallery li.t2 a{background:#fff url(sitegraphics/rose_pearl.jpg) no-repeat 0px 0px;}

.gallery li.t3 a{background:#fff url(sitegraphics/baby_petal.jpg) no-repeat 0px 0px;}

.gallery li.t4 a{background:#fff url(sitegraphics/garden_petal.jpg) no-repeat 0px 0px;}

.gallery li.t5 a{background:#fff url(sitegraphics/LaBelleRose3_spring08.jpg) no-repeat 0px 0px;}

.gallery li.t6 a{background:#fff url(sitegraphics/LittleLady_spring08.jpg) no-repeat 0px 0px;}


.gallery li.m1 a{background:#fff url(sitegraphics/fall_library.jpg) no-repeat 0px 0px;}

.gallery li.m2 a{background:#fff url(sitegraphics/rose_black.jpg) no-repeat 0px 0px;}

.gallery li.m3 a{background:#fff url(sitegraphics/baby_robin.jpg) no-repeat 0px 0px;}

.gallery li.m4 a{background:#fff url(sitegraphics/garden_heron.jpg) no-repeat 0px 0px;}

.gallery li.m5 a{background:#fff url(sitegraphics/LaGrandJardin_spring08.jpg) no-repeat 0px 0px;}

.gallery li.m6 a{background:#fff url(sitegraphics/boyohboy_spring08.jpg) no-repeat 0px 0px;}


.gallery li.b1 a{background:#fff url(sitegraphics/08021robin.jpg) no-repeat 0px 0px;}

.gallery li.b2 a{background:#fff url(sitegraphics/08030powder.jpg) no-repeat 0px 0px;}

.gallery li.b3 a{background:#fff url(sitegraphics/08030mist.jpg) no-repeat 0px 0px;}

.gallery li.b4 a{background:#fff url(sitegraphics/TTFII.jpg) no-repeat 0px 0px;}

.gallery li.b5 a{background:#fff url(sitegraphics/TTFIII.jpg) no-repeat 0px 0px;}

.gallery li.b6 a{background:#fff url(sitegraphics/DDIIandIII.jpg) no-repeat 0px 0px;}



.gallery li.d1 a{background:#fff url(sitegraphics/FunFlowers12icon100.jpg) no-repeat 0px 0px;}

.gallery li.d2 a{background:#fff url(sitegraphics/FunFlowers1&3icon100.jpg) no-repeat 0px 0px;}

.gallery li.d3 a{background:#fff url(sitegraphics/FunFlowers4icon.jpg) no-repeat 0px 0px;}

.gallery li.d4 a{background:#fff url(sitegraphics/ff4icon.jpg) no-repeat 0px 0px;}

.gallery li.d5 a{background:#fff url(sitegraphics/Penelope1and2.jpg) no-repeat 0px 0px;}

.gallery li.d6 a{background:#fff url(sitegraphics/Penelope1and3.jpg) no-repeat 0px 0px;}



.gallery li.e1 a{background:#fff url(sitegraphics/annies1and2.jpg) no-repeat 0px 0px;}

.gallery li.e2 a{background:#fff url(sitegraphics/annies1and3.jpg) no-repeat 0px 0px;}

.gallery li.e3 a{background:#fff url(sitegraphics/anniesLibrary.jpg) no-repeat 0px 0px;}

.gallery li.e4 a{background:#fff url(sitegraphics/anniesVerandaTote.jpg) no-repeat 0px 0px;}

.gallery li.e5 a{background:#fff url(sitegraphics/PKM-100-icon.jpg) no-repeat 0px 0px;}

.gallery li.e6 a{background:#fff url(sitegraphics/penelope4.jpg) no-repeat 0px 0px;}


.gallery li.f1 a{background:#fff url(sitegraphics/penelope5.jpg) no-repeat 0px 0px;}

.gallery li.f2 a{background:#fff url(sitegraphics/penelope6.jpg) no-repeat 0px 0px;}








.gallery li a span {	visibility:hidden}
.gallery li a.current span,
.gallery li a:hover span {visibility:visible}
.gallery li a:hover{
	visibility:visible;
}




.gallery li a span em{ /*  this will be seen by all the good standards compliant browsers */
	background:#fff;
	padding:0px;
	position:absolute;
	top:450px;
	left:180px; /* higher numbers move the popup text to the right */
	width:342px;
	text-align:center;
	color:#929486;
	font-style:normal;
}


* html .gallery li a span em{ /*  this will only be seen by IE6 becuase IE6 is stupid*/ 
	background:#fff;
	padding:0px;
	position:absolute;
	top:450px;
	left:165px; /* higher numbers move the popup text to the right */
	width:342px;
	text-align:center;
	color:#929486;
	font-style:normal;
}

* + html .gallery li a span em{  /*  this will only be seen by IE7  becuase IE7 is still stupid */ 
	background:#fff;
	padding:0px;
	position:absolute;
	top:450px;
	left:165px;  /* higher numbers move the popup text to the right */
	width:342px;
	text-align:center;
	color:#929486;
	font-style:normal;
}

/*---------------------------paragraph style-------------------------------------------*/

.nav_text {
	margin: 0 31px 0 30px;
	padding: 0 0px 0 0px;
}		

p.main_text {
	font-size:12px;
	margin: 0 10px 0px 15px;
	padding: 0;
	font-weight: normal;
}

.info_bar_text {
	color:#929486;
	font-size:12px;
	margin: 0px 0px 0px 0px;
	padding: 0;
	font-weight: normal;
}

.se_text {  /* the little text at the bottom for the search engines */
	color:#999999;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
}	

.error {
	color:#FF0000;
	margin:0px;
	padding:20px;
	font-size:24px;
}


/*--------------------------main structure div--------------------------------------------*/
/*#######################################################################################*/

#wrap_manager {
	background-color:#FFFFFF;   /* the background color for the inside of the website */
	margin:0 auto;
	width:768px;
	border: 0px;
	border-color:#000000;
	border-style: solid;
}

#wrap {
	background-color:#FFFFFF;   /* the background color for the inside of the website */
	margin:0 auto;
	width:768px;
	height:530px;
	border: 0px;
	border-color:#000000;
	border-style: solid;
}

div#header {
    background-color:#FFFFFF; /* the lakehousedrygoods logo at top of index page */
	height:55px;
	margin:0px;
	padding:0px;
}

div#header_salesman {
    background-color:#FFFFFF; /* the lakehousedrygoods logo at top of index page */
	height:45px;
	margin:0px;
	padding:0px;
}



div#main {
	background-color:#FFFFFF; /* The main middle content area */
	margin:0px;
	padding:0px;  
}

/*------------------------------fabric page structure divs-------------------------------------------*/
/*##################################################################################################*/
div#fabric_thumbnail_wrapper {  /* This wraps the fabric info block and fabric viewer box - keeps it on the left side */
	width:640px;
	margin:0px 0px 0px 0px;
	padding:0 0 0 68px;
}
div#fabric_wrapper {  /* This wraps the fabric info block and fabric viewer box - keeps it on the left side */
	width:265px;
	height:265px;
	margin:0px 0px 0 0px;
	padding:2px 0px 0px 2px; /* position the fabric viewer block so you get equal distance between tumbnails and viewer 5px spacing */
	float:left;
}

#info_bar_wrapper {
	background-color:#FFFFFF;   /* the background color for the inside of the website */
	margin:0 auto;
	width:768px;
	height:500px;
	border: 0px;
	border-color:#000000;
	border-style: solid;
}

div#fabric_info {
	background-color:#FFFFFF; 
	width:268px;
	height:60px;
	margin:0px 0px 0px 0px;
	padding:0px;
	
	
}
div#fabric_viewer {
	background-color:#ffffff; /* left side of the fabric page, the actual size viwer */
	width:265px;
	height:265px;
	margin:0px 0px 0 0px;
	padding:0px 0 0 0;
	
}
div#fabric_thumbs { /* this is the boxes for the magazine cover pics */
	background-color:#FFFFFF; 
	width:85px;
	height:85px;
	margin: 0px;
	padding:2px;
	float:left;
}
div#info_bar { /* wraps all the info divs */
	margin:0px;
	padding:10px;
	clear: both;
}

div#group_name { /* spot for the group name */
	margin:0px;
	padding:0px 100px 0 60px;
	float:left;
}
div#sku_name { /* spot for the group name */
	margin:0px;
	padding:0px 5px 0 20px;
	float:left;
}
div#color_name { /* spot for the group name */
	margin:0px;
	padding:0px 100px 0 5px;
	float:left;
}
div#pagination { /* spot for the group name */
	margin:0px;
	padding:0px 68px 0 10px;
	float:right;
}



/*------------------------------Magazine page structure divs-------------------------------------------*/
/*##################################################################################################*/
div#magazine_chooser_wrapper {  /* This wraps the magazine chooser page */
	width:680px;
	height:113px;
	margin:0px 0px 0px 0px;
	padding:5px 0 360px 63px; /* the bottom padding is a huge number becuase the float doesn't wrap around */
}

div#magazine_thumb_toprow { /* this is the boxes for the magazine cover pics */
	background-color:#FFFFFF; 
	width:120px;
	height:162px;
	margin:5px 5px 5px 5px;
	padding:0px;
	float:left;
}

/*--------View pages in the magazine structure divs-------*/
div#magazine_viewer_wrapper {  /* This wraps the larger view for the magazine page viewing page */
	width:250px;
	margin:5px 5px 0px 0px;
	padding:0px 0px 0px 63px; 
	float:left;
}

div#magazine_thumbs_wrapper {  /* This wraps the magazine thumbnails block  - keeps it on the right side */
	width:390px;
	margin:0px 0px 0px 0px;
	padding:0px 40px 0px 0px;
	float:right;
}

div#magazine_viewer { /* This is the box that displays the larger image of the magazine page */
	background-color:#BCD196; 
	width:250px;
	height:334px;
	margin:0px 0px 0px 0px;
	padding:0px;
}

div#nav_spacer {
	background-color:#FFFFFF; /* adds space between content and nav bar */
	height:20px;
	margin:10px;
	padding:0px;
	clear:both;
}
	
/*-------------------------------------------Lower part that is on all pages----------------*/
/*#######################################################################################*/

#nav_wrap {
	background-color:#FFFFFF;   /* the background color for the inside of the website */
	margin:0 auto;
	width:768px;
	height:42px;
	border: 0px;
	border-color:#000000;
	border-style: solid;
	clear:both;
}

#wrap_about {
	background-color:#FFFFFF;   /* the background color for the inside of the website */
	margin:0 auto;
	width:768px;
	height:560px;
	border: 0px;
	border-color:#000000;
	border-style: solid;
}

#wrap_about_us_bio {
	background-color:#FFFFFF;   /* the background color for the inside of the website */
	margin:0 auto;
	width:768px;
}


div#nav {
	background-color:#FFFFFF; /* the nav bar at the bottom with the nav links */
	height:13px;
	margin:0px;
	padding:10px 0 6px 6px;
	clear:both;
}
div#footer {
	background-color:#FFFFFF; /* the area at the very bottom with the searchable text */
	margin: 0px 65px 0px 65px;
	padding:0px;
}


#fabric_main_directional_rollover {
	margin: 0;
	padding: 175px 0 0 0;
}


/*------------------------------------------------manager divs------------------------------------------------*/
/*#######################################################################################*/
div#manager_nav {
	background-color:#FFFFFF; /* the nav bar at the top of the managers pages */
	height:30px;
	margin:10px;
	padding:0px;
}

div#category_list {
	background-color:#FFFFFF; /* the category links in the manager and fabric pages */
	height:30px;
	margin:10px 70px 10px 70px;
	padding:0px;
}

#addFabricInfo{
	
	width:400px;
	margin:4px 0px 2px 30px;
}

.fabricVariables{
	width:200px;
	height:40px;
	
	border-bottom:1px solid #D8E3A8;
	margin:0px;

}
/*--------------------------------------------------Form Styles----------------------------*/
form.contact {
	margin: 0 0px 0 10px;  /* contact.php */
}

form.front {
	margin: 0 0px 0 10px;  /* this is the margin for the space on either side of the form box */
}

form {
	margin: 0 150px 0 150px;  /* this is the margin for the space on either side of the form box */
}

label {
	width: 9.5em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block
}

label.contact {
	width: 5.5em;
	float: left;
	text-align: right;
	margin-right: 0.1em;
	display: block
}

input {
	color: #28200D;
	background: #FEE3AD;	
	border: 1px solid #A5CF7A
}
/* extra input area for changing background colors */

input.aline {
	color: #000000;
	background: #FF7BE8;	
	border: 1px solid #000000
}

input.bline {
	color: #000000;
	background: #4EA3FB;	
	border: 1px solid #000000
}

input.cline {
	color: #000000;
	background: #93FB4D;	
	border: 1px solid #000000
}

input.dline {
	color: #000000;
	background: #FBF54D;	
	border: 1px solid #000000
}

input.eline {
	color: #000000;
	background: #FB4D4D;	
	border: 1px solid #000000
}

textarea {
	color: #28200D;
	background: #FF7BE8;
	border: 1px solid #28200D
}

textarea.contact {
	color: #28200D;
	background: #FEE3AD;
	border: 1px solid #A5CF7A
}





fieldset {
	border: 1px solid #A5CF7A;
	width: 35em  /* this sets the width of the form box area */
}

legend {
	color: #496B27;
	background: #A5CF7A;
	border: 1px solid #A5CF7A;
	padding: 6px 6px
}

p.submit {
	margin-left: 10em;
}