/* Lakehousedrygoods.com */
/* Written by Allan Simpson of http://quilterswarehouse.com and http://www.simpson-design.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;
}	


h1 {
	height:55px; /* height of logo */
	width:768px; /* width of logo */
	background:url(sitegraphics/header_lakehouse_text.jpg) no-repeat;
	text-indent:-9000px;
 }
 
#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;}




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

.nav_text {
	margin: 0 30px 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:2.5px 2.5px 0px 2.5px; /* 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:2.5px;
	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 130px 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 130px 0 5px;
	float:left;
}
div#pagination { /* spot for the group name */
	margin:0px;
	padding:0px 65px 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:30px;
	border: 0px;
	border-color:#000000;
	border-style: solid;
	clear:both;
}
div#nav {
	background-color:#FFFFFF; /* the nav bar at the bottom with the nav links */
	height:13px;
	margin:0px;
	padding:10px 0 6px 3px;
	clear:both;
}
div#footer {
	background-color:#FFFFFF; /* the area at the very bottom with the searchable text */
	margin: 10px 65px 0px 65px;
	padding:0px;
}





/*------------------------------------------------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;
}



/*--------------------------------------------------Form Styles----------------------------*/
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
}

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
}





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;
}