/*schamburg + alvisse stylesheet */
/* Document Defaults*/



/* ------------- GENERAL -------------*/

body  { color: #666666; font-size: 11px; font-family: Verdana, Helvetica, Arial, sans-serif; background-color: #ffffff; text-align: left; margin: 0 }
h1, h2, h3, h4, h5 { font-family: Verdana, Helvetica, Arial, sans-serif; }



/* ------------- TEXT STYLES -------------*/

h1 { font-size: 11px; margin-top: 0px; margin-bottom: 0px; }
h2 { font-size: 9px; margin-top: 0px; margin-bottom: 0px; font-weight: normal; }
h3 { font-size: 11px; margin-top: 6px; margin-bottom: 2px; }
h4 { font-size: 11px; margin-top: 6px; margin-bottom: 2px; }
h5 { font-size: 10px; margin-top: 6px; margin-bottom: 0px; }
ol { margin-top: 0px; margin-bottom: 6px;}
ul { margin-top: 0px; margin-bottom: 9px; }
li { margin-top: 0px; margin-bottom: 4px; }
p { margin-top: 0px; margin-bottom: 3px; }

.Small { font-size: 9px; }

.Bold { font-weight: bold;}
.White { color:#FFFFFF; }
.Red { color: #ff2818;}
.RedBold { color: #ff2818;font-weight: bold; }
.SecondaryNavigation h2 { margin-bottom: 3px; font-size: 9px; color: #666666; } /* -- line spacing of 2nd level navs -- */



/* ------------- LINK STYLES -------------*/

a:active { color: #999999 }
a:link { color: #999999;}
a:visited { color: #999999 }
a:hover { color: #666666; text-decoration: none; }

.Navigation {text-align:center; margin-top:3px; color:#666666; text-decoration:none; }
.Navigation a:active { color: #666666; text-decoration: none; }
.Navigation a:link { color: #666666; text-decoration: none; }
.Navigation a:visited { color: #666666; text-decoration: none; }
.Navigation a:hover { color: #ff2818;text-decoration: none; }

.SecondaryNavigation a:active { color: #666666; text-decoration: none; }
.SecondaryNavigation a:link { color: #666666; text-decoration: none; }
.SecondaryNavigation a:visited { color: #666666; text-decoration: none; }
.SecondaryNavigation a:hover { color: #ff2818;text-decoration: none; }

.nav1 { text-align: center; margin-top:3px;}		/* -- top level navigation text alignment + link color style -- */
.nav1 a:active { color: #666666; text-decoration: none; }
.nav1 a:link { color: #666666; text-decoration: none; }
.nav1 a:visited { color: #666666; text-decoration: none; }
.nav1 a:hover { color: #ff2818;text-decoration: none; }




/* ------------- COMMON PAGE ELEMENTS, NO NEED TO CHANGE ------------- */

#wrapper {    /* wrapper for entire page content */
	height: auto;
	width: 774px;
	margin-left: -390px;
	position: absolute;
	left: 50%;
}

#logo {
	text-align: left;
	height: 71px;
	width: 774px;
}

#main-wrapper { /*  wrapper for all content EXCEPT logo + footer */
	height: auto;
	width: 774px;
	border-top: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
}

#nav1 { /* container for top level inline nav */
	height: 20px;
	width:774px;
	border-left: solid 1px #CCCCCC;
}

#nav2 { /* container for 2nd level navs */
	height:auto;
	width: 774px;
}

#heading {
	height: 27px;
	width: 764px;
	text-align: right;
	border-right: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
}






/* ------------- COMMON TOP LEVEL INLINE NAVIGATION ------------- */

#home {  /* -- div container for home, needed to correctly align grey pipeline to the top across browsers -- */
	height:20px;
	width: 45px;
	float:left;
}

#products { /* -- div container for products -- */
	height:20px;
	width: 65px;
	border-left: solid 1px #CCCCCC;
	float:left;
}

#projectGallery {
	height:20px;
	width:100px;
	border-left: solid 1px #CCCCCC;
	float:left;
}

#new {
	height:20px;
	width: 84px;
	border-left: solid 1px #CCCCCC;
	float:left;
}

#sale {
	height:20px;
	width: 42px;
	border-left: solid 1px #CCCCCC;
	float:left;
}

#about {
	height:20px;
	width: 66px;
	border-left: solid 1px #CCCCCC;
	float:left;
}

#contact {
	height:20px;
	width: 76px;
	border-left: solid 1px #CCCCCC;
	float:left;
}

#empty {  /* -- div container for white space after contacts - NEEDED for floating 2nd level nav! -- */
	height:20px;
	width: 380px;
	float:left;
}




/* ------------- NAVIGATION WRAPPER -------------*/

#index-nav-wrapper { /* navigation wrapper (includes 1st level nav */
	height: 230px;
	width: 774px;
}

#left-spacer { /* 2nd level nav left space + grey line for products menu */
	width: 46px;
	height: 120px;
	float: left;
	border-right: 1px solid #CCCCCC;
}

#products-nav { /* products drop down list */
	margin-top: 7px;
	float: left;
	width: 145px;
	height: 183px;
	padding-right: 7px;
}	


#chairs-nav {
	margin-top: 27px;
	float: left;
	width: 555px;
	height: 172px;
	border-left: 1px solid #CCCCCC;
}


/* ------------ ECO ELEMENTS ------ */

#eco-nav {
	margin-top: 12px;
	float: left;
	width: 555px;
	height: 155px;
	border-left: 1px solid #CCCCCC;
}

#eco-subnav {
	margin-top: 12px;
	float: left;
	width: 108px;
	height: 55px;
	border-left: 1px solid #CCCCCC;
}


#geca-nav {
	margin-top: 16px;
	float: left;
	width: 447px;
	height: 115px;
	border-left: 1px solid #CCCCCC;
}

#recycled-nav {
	margin-top: 30px;
	float: left;
	width: 447px;
	height: 45px;
	border-left: 1px solid #CCCCCC;

}


.eco-line {
	position: absolute;
	left: 124px;
	top: 95px;
	height: 9px;
	width: 76px;
	border-bottom: 1px solid #CCCCCC;
}

.geca-line {
	position: absolute;
	left: 284px;
	top: 99px;
	height: 9px;
	width: 25px;
	border-bottom: 1px solid #CCCCCC;
}

.recycled-line {
	position: absolute;
	left: 290px;
	top: 113px;
	height: 9px;
	width: 19px;
	border-bottom: 1px solid #CCCCCC;

}


/*-------------- LINES -----------------*/

.chairs-line {
	position: absolute;
	left: 91px;
	top: 100px;
	height: 19px;
	width: 108px;
	border-bottom: 1px solid #CCCCCC;
}






/* ------------- PRODUCT PAGES IMAGE CONTENT  ------------- */



#product-images {
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	width: 542px;
	height: 221px;
}

.image-large {
	height: 221px;
	width: auto;
	float: left;
}

.image-small {
	height: auto;
	width: 107px;
	float:left;
}






#product-content-wrapper { /* wrapper for all product-page content under 2nd level nav */
	height: 406px;
	width:774px;
	
}


#product-spacer {
	height: 27px;
	width: 542px;
	border-right: 1px solid #CCCCCC;
}

#bottom-left-greyline { /*  bottom-left-greyline */
	height: auto;
	width: 541px;
	border-left: solid 1px #CCCCCC;
}

#product-LH-col {
	height: 404px;
	width: 542px;
	float: left;
}



#product-RH-col {
	width: 231px;
	height: 403px;
	/*padding: 7px;*/
	float: left;
}

#product-RH-content {
	height: auto;
	width:216px;
	padding-left: 7px;
}

#product-blank-content { /* blank content section for under other options */
	width: 541px;
	height: 25px;
	border-right: solid 1px #CCCCCC;
}

#product-blank-content2 { /* blank content section for under other options */
	width: 541px;
	height: 134px;
	border-right: solid 1px #CCCCCC;
}

#product-bottom-spacer {
	height: 48px;
	width: 542px;
}






#options-content {
	padding-left: 7px;
	padding-right: 7px;
	height: 85px;
	width: 527px;
	border-right: 1px solid #CCCCCC;
}

#options-finishes-spacer {
	padding-left: 7px;
	padding-right: 7px;
	height: 25px;
	width: 527px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

#finishes-content {
	padding-left: 7px;
	padding-right: 7px;
	height: 75px;
	width: 527px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

.options-nav-icon {
	height: auto;
	width: auto;
	float: left;
	text-align:center;
	padding-right:5px;
}

.finishes-nav-icon {
	height: auto;
	width: auto;
	float: left;
	text-align:center;
	padding-right:10px;
}

#australia2 {
	height:48px;
	width:228px;
	text-align:right;
}




#footer {
	font-size: 9px;
	height: 11px;
	margin-top: 3px;
	width: 774px;
	text-align:right;
}