/*	===============================================================
	© Lodige
	http://www.tdgintegrated.com/	

	Type:				Structural Styles
	Build by:			TDG Integrated
	Document Author:	James Lester
	Author Email:		j.lester@tdgintegrated.com
	Creation Date:		3rd July 2008
	---------------------------------------------------------------
	Version number: 	1.0
	Last edited:		NA - Still in developement
	============================================================ */


/*	===============================================================
	DOCUMENT CONTENTS
	
	1.	Global settings
	2.	Positioning & Structure rules
	3.	Primary navigation
	4.	Secondary Navigation
    5.	Sidebar
	6.	Footer
    7.	Extra Elements
	------------------------------------------------------------ */
	
	
/*	---------------------------------------------------------------
	#1 GLOBAL SETTINGS
	---------------------------------------------------------------
	these are mostly font sizing and positional issues
	------------------------------------------------------------ */

body { margin: 0px; padding: 0px; background: #ffffff url(../images/global/lodige-bg.png) repeat-x }



/*	---------------------------------------------------------------
	#2 POSITIONING & STRUCTURE RULES
	---------------------------------------------------------------
	Outlines the main structure of the website
	------------------------------------------------------------ */
#master-outer {
 display: block;  
 background: Transparent url(../images/global/lodige-bg-main.png) no-repeat top center; 
 margin: 0px auto 0px auto;
}



#outer-shell 
{
    display: block;
    width: 900px;
    min-height: 648px;
    height: auto !important;
    height: 648px;
    background: #ffffff;
    margin: 0px auto 0px auto;
    padding-bottom: 13px;
}


#header-block {
    display: block;
    width: 900px;
    height: 98px;
    background: #ffffff;
    position: relative; 
}

.sitename 
{
   position: absolute;
   top: 41px;
   right: 45px;  
}

#lodige-logo { margin: 0px; padding: 0px; }
#lodige-logo a {
    background: Transparent url(../images/global/lodige-logo.gif) no-repeat;
    display: block;
    width: 106px;
    height: 67px;
   	padding-top: 106px;
	height/* */:/**/0;
	height: /**/0;
	overflow: hidden;  
	position: absolute;
	top: 14px;
	left: 43px;
}

#call-to-action {
    background: Transparent url(../images/global/call-to-action.gif) no-repeat;
    display: block;
    width: 183px;
    height: 19px;
   	padding-top: 19px;
	height/* */:/**/0;
	height: /**/0;
	overflow: hidden;  
	position: absolute;
	top: 8px;
	right: 43px;
}



#textbox-left {
    display: block;
    width: 501px;
    min-height: 156px;
    height: auto !important;
    height: 156px;
    margin: 26px 26px 0px 60px;
    float: left;  
}



#home-images-block {
    display: block;
    width: 814px;
    min-height: 271px;
    height: auto !important;
    height: 271px;
    margin: 26px 0px 0px 43px;
}


.home-image-block {
   display: block;
   width: 270px;
   min-height: 270px;
   height: auto !important; 
   height: 270px;
   float: left;
}
#left-image { background: #838386 url(../images/home/slate-right.gif) bottom; margin-right: 2px; }
#middle-image { background: #838386 url(../images/home/slate-middle.gif) bottom; margin-right: 2px; }
#right-image { background: #838386 url(../images/home/slate-left.gif) bottom; }


.home-image { width: 270px; height: 182px; display: block; }

.home-title {
    display: block;
    width: 122px;
    height: 22px;
	height/* */:/**/0;
	height: /**/0;
	overflow: hidden; 
	margin: 16px 0px 0px 19px;
	padding: 22px 0px 0px 0px;
	 
}
#title-systems { background: Transparent url(../images/titles/title-home-systems.gif) no-repeat; }
#title-lifts { background: Transparent url(../images/titles/title-home-lifts.gif) no-repeat; }
#title-maintenance { background: Transparent url(../images/titles/title-home-maintenance.gif) no-repeat; }


#title-newsletter {
    background: Transparent url(../images/titles/title-home-newsletter.gif) no-repeat; 
    height: 14px; 
    width: 76px;
    display: block;
    height/* */:/**/0;
	height: /**/0;
	overflow: hidden; 
	margin: 0px 0px 12px 0px;
	padding: 14px 0px 0px 0px; }
	
	

	
	
#newsletter { margin-top: 33px; }	
#newsletter-left { width: 250px; float: left; }
#newsletter-middle { width: 205px; float: left; }
#newsletter-right { width: 45px; float: left; padding-top: 29px; }

.morenews {
    padding-right: 18px;
    background: Transparent url(../images/global/icon-more.gif) no-repeat right;
    min-height: 11px;
    height: auto !important;
    height: 11px;
    width: auto;
    color: #7d7d7d;
    text-decoration: none;
    font-weight: bold;
}





#search-block {
    display: block;
    float: right;
    margin: 64px 43px 0px 0px;  
    padding: 0px;
    width: 300px;
    min-height: 10px;
    height: auto !important;
    height: 10px;
    background: Transparent;
}




#page-mainimage-block {
    display: block;
    width: 602px;
    min-height: 271px;
    height: auto !important;
    height: 271px;
    background-repeat: no-repeat;
    background-position: bottom left;
    background-image: url(../images/global/page-slate.gif);
    padding-bottom: 10px;
}
#page-mainimage {
    display: block;
    width: 602px;
    height: 182px;
    background-repeat: no-repeat;
    background-position: top left;
}





.product-info-box {
    display: block;
    width: 174px;   
    min-height: 10px;
    height: auto !important;
    height: 10px;
    padding: 0px 8px 0px 16px;
    float: left;
    margin: 18px 0px 0px 0px;
    background: Transparent url(../images/global/lists-icon.gif) no-repeat 0px 3px; }
    
.product-info-box2 {
    display: block; 
    min-height: 10px;
    width: 290px;
    height: auto !important;
    height: 10px;
    padding: 0px 8px 0px 0px;
    float: left;
    margin: 18px 0px 0px 0px;
}






.product-headline-block {
    display: block;
    width: 602px;
    min-height: 88px;
    height: auto !important;
    height: 88px;
    background-repeat: no-repeat;
    background-position: bottom left;
    background-image: url(../images/global/page-slate.gif);
    padding-top: 1px;
}





.Product-MainImage 
{
    clear: right;
    float: right;
    margin: 15px 0px 15px 25px; 
    cursor: pointer; 
    position: relative;
}

.Product-MainImage2 
{
    clear: right;
    float: right;
    margin: 0px 0px 15px 25px; 
    cursor: pointer; 
    position: relative;
}


.Product-MainImage img {
    border: none;
}

.Product-MainImage-icon {
    background: Transparent url(../images/global/plus-icon.gif) no-repeat bottom right;
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 13px;
    height: 13px;
    display: block;
}




#News-Listing-Page, #CaseStudy-Listing-Page, #Career-Listing-Page { margin-top: 16px; }

#News-Listing-Page li, #CaseStudy-Listing-Page li, #Career-Listing-Page li {
    display: block;
    padding: 0px 0px 0px 15px !important;
    min-height: 10px;
    height: auto !important;
    height: 10px;
    background: Transparent url(../images/global/news-arrow.gif) no-repeat 0px 2px;  
    width: 570px !important;   
}

#News-Details { margin-left: 11px; }

#OlderStories { display: block; height: 20px; border-top: 1px solid #cccccc; padding-top: 8px; }






#contact-page-left {
    display: block;
    float: left;
    width: 344px;
    min-height: 100px;
    height: auto !important;
    height: 100px; 
    margin: 20px 0px 0px 12px;
    border-right: 1px solid #cccccc;
    padding: 0px;
}
#contact-page-right { 
    display: block;
    float: left;
    width: 211px;
    min-height: 100px;
    height: auto !important;
    height: 100px; 
    margin: 20px 0px 0px 18px;
    padding: 0px;
 }
 
.button-spacer {
    margin: 0px 0px 0px 98px; 
 }


a.admin-dl-link {
    margin: 0px 0px 0px 0px !important; float: right !important; padding: 0px 0px 0px 0px !important; display: block !important;
}
a.admin-dl-link img {
    margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; display: block !important;
}

/*	---------------------------------------------------------------
	#3 PRIMARY NAVIGATION
	---------------------------------------------------------------
	Outlines the primary navigational elements of the website
	------------------------------------------------------------ */

#nav-block {
    display: block;
    width: 900px;
    min-height: 36px;
    height: auto !important;
    height: 36px;
    background: #ffffff;
    position: relative !important; 
}

#lodige-blocks {
    display: block;
    background: Transparent url(../images/global/boxes.gif) no-repeat;
    width: 68px;
    height: 36px;
    position: absolute;
    top: 0px;
    left: -33px;
}

#main-nav {
    margin: 2px 0px 0px 43px; 
    display: block;
    padding: 1px 1px 1px 1px !important;
    width: 812px;
    min-height: 10px;
    height: auto !important;
    height: 10px;
    border: 1px solid #cccccc;
    float: left;
}
#main-nav li { display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; float: left; }

#main-nav li a { 
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 28px 0px 0px 0px;
    background: Transparent url(../images/nav/nav.gif) no-repeat;
    height: 28px;
    height/* */:/**/0;
	height: /**/0;
	overflow: hidden;  
}

#main-nav li.about a { background-position: 0px 0px; width: 93px; margin: 0px 0px 0px 0px; }
#main-nav li.about a:hover { background-position: 0px -28px; width: 93px; margin: 0px 0px 0px 0px; }
#main-nav li.about a.on { background-position: 0px -28px; width: 93px; margin: 0px 0px 0px 0px; }

#main-nav li.systems a { background-position: -99px 0px; width: 88px; margin: 0px 0px 0px 7px; }
#main-nav li.systems a:hover { background-position: -99px -28px; width: 88px; margin: 0px 0px 0px 7px; }
#main-nav li.systems a.on { background-position: -99px -28px; width: 88px; margin: 0px 0px 0px 7px; }

#main-nav li.lifts a { background-position: -194px 0px; width: 63px; margin: 0px 0px 0px 7px; }
#main-nav li.lifts a:hover { background-position: -194px -28px; width: 63px; margin: 0px 0px 0px 7px; }
#main-nav li.lifts a.on { background-position: -194px -28px; width: 63px; margin: 0px 0px 0px 7px; }

#main-nav li.maintenance a { background-position: -264px 0px; width: 118px; margin: 0px 0px 0px 7px; }
#main-nav li.maintenance a:hover { background-position: -264px -28px; width: 118px; margin: 0px 0px 0px 7px; }
#main-nav li.maintenance a.on { background-position: -264px -28px; width: 118px; margin: 0px 0px 0px 7px; }

#main-nav li.downloads a { background-position: -389px 0px; width: 110px; margin: 0px 0px 0px 7px; }
#main-nav li.downloads a:hover { background-position: -389px -28px; width: 110px; margin: 0px 0px 0px 7px; }
#main-nav li.downloads a.on { background-position: -389px -28px; width: 110px; margin: 0px 0px 0px 7px; }

#main-nav li.news a { background-position: -506px 0px; width: 65px; margin: 0px 0px 0px 7px; }
#main-nav li.news a:hover { background-position: -506px -28px; width: 65px; margin: 0px 0px 0px 7px; }
#main-nav li.news a.on { background-position: -506px -28px; width: 65px; margin: 0px 0px 0px 7px; }

#main-nav li.casestudies a { background-position: -578px 0px; width: 119px; margin: 0px 0px 0px 7px; }
#main-nav li.casestudies a:hover { background-position: -578px -28px; width: 119px; margin: 0px 0px 0px 7px; }
#main-nav li.casestudies a.on { background-position: -578px -28px; width: 119px; margin: 0px 0px 0px 7px; }

#main-nav li.contact a { background-position: -704px 0px; width: 106px; margin: 0px 0px 0px 7px; }
#main-nav li.contact a:hover { background-position: -704px -28px; width: 106px; margin: 0px 0px 0px 7px; }
#main-nav li.contact a.on { background-position: -704px -28px; width: 106px; margin: 0px 0px 0px 7px; }





/*	---------------------------------------------------------------
	#4 SECONDARY NAVIGATION
	---------------------------------------------------------------
	Outlines the secondary navigational elements of the website
	------------------------------------------------------------ */

#products-nav ul { 
    margin: 0px 0px 0px 11px; 
    display: block;
    padding: 0px 0px 0px 0px !important;
    width: 194px;
    min-height: 10px;
    height: auto !important;
    height: 10px;
    border-bottom: 1px solid #cccccc;
}

#products-nav li {
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px; 
    list-style: none; 
}

#products-nav a {
    display: block; 
    margin: 0px 0px 0px 0px; 
    padding: 8px 0px 8px 22px; 
    list-style: none; 
    background: Transparent url(../images/global/nav-arrow.gif) no-repeat 11px 10px; 
    border-top: 1px solid #cccccc;
}

#products-nav a:hover {
    background: #f3f3f3 url(../images/global/arrow-grey.gif) no-repeat 11px 10px; 
}


div.nav-level3 ul { 
    margin: 0px 0px 0px 0px !important; 
    display: block;
    padding: 0px 0px 0px 0px !important;
    width: 194px;
    min-height: 10px;
    height: auto;
    height: 10px;
    border-bottom: none !important;
}
div.nav-level3 a {
    display: block; 
    margin: 0px 0px 0px 0px; 
    padding: 3px 0px 3px 22px !important; 
    list-style: none; 
    background-image: none !important;
    border-top: none !important;
}
div.nav-level3 a:hover {
    background: #f3f3f3; 
}
.l2on { background: #0063a2 url(../images/global/down-arrow.gif) no-repeat 9px 11px !important; color: #ffffff !important; border: none !important;  }
.l3on { background: #d9d9d9 !important; }


/*	---------------------------------------------------------------
	#5 SIDEBAR
	---------------------------------------------------------------
	Outlines the footer elements of the website
	------------------------------------------------------------ */

#textbox-news {
    display: block;
    width: 230px;
    min-height: 156px;
    height: auto !important;
    height: 156px;
    margin: 26px 26px 0px 0px;
    float: left; 
    border-left: 1px solid #cccccc;
    padding-left: 20px; 
    padding-right: 20px;
}


#title-latestnews {
    background: Transparent url(../images/titles/title-home-latestnews.gif) no-repeat; 
    height: 13px; 
    width: 86px;
    display: block;
    height/* */:/**/0;
	height: /**/0;
	overflow: hidden; 
	margin: 0px 0px 18px 0px;
	padding: 13px 0px 0px 0px; }
	
	
#breadcrumbs {
    display: block;
    padding: 20px 0px 7px 0px;
    margin: 0px 0px 0px 0px;
    min-height: 1px;
    height: auto !important;
    height: 1px;
}
	


#mainpage-leftbar {
    display: block;
    width: 238px;
    min-height: 156px;
    height: auto !important;
    height: 156px;
    margin: 41px 17px 0px 0px;
    float: left; 
}

#mainpage-content {
    display: block;
    position: relative;
    width: 602px;
    min-height: 156px;
    height: auto !important;
    height: 156px;
    margin: 0px 0px 0px 0px;
    float: left; 
}




#mainpage-leftbar div.divider {
    display: block;
    width: 195px;
    height: 1px;
    margin: 0px;
    padding: 0px;
    float: right; 
    border-top: 1px solid #e5e5e5;
}

#mainpage-leftbar h2.questions {
    clear: right;
    display: block;
    width: 189px;
    height: 16px;
    margin: 18px 0px 12px 25px;
    background: Transparent url(../images/titles/leftbar-title-questions.gif) no-repeat;
    height/* */:/**/0;
	height: /**/0;
	overflow: hidden; 
	padding: 16px 0px 0px 0px;
}
#mainpage-leftbar h2.newsletter2 {
    clear: right;
    float: left;
    display: block;
    width: 96px;
    height: 14px;
    margin: 18px 0px 12px 25px;
    background: Transparent url(../images/titles/leftbar-title-newsletter.gif) no-repeat;
    height/* */:/**/0;
	height: /**/0;
	overflow: hidden; 
	padding: 14px 0px 0px 0px;
}


#mainpage-leftbar input {
    width: 150px;
    height: 17px;
    margin: 0px 0px 6px 42px;
    padding: 0px;
    border: 1px solid #999999;
    font-family: Arial, Helvetica, Sans-Serif;  
    font-size: 1.1em;
    color: #cccccc;
    font-weight: bold;
    padding: 0px 0px 0px 2px;
}
#mainpage-leftbar input.button {
    width: auto !important;
    height: auto !important;
    margin: 0px 0px 0px 42px !important;
    padding: 0px 0px 0px 0px;
}


/*	---------------------------------------------------------------
	#6 FOOTER
	---------------------------------------------------------------
	Outlines the footer elements of the website
	------------------------------------------------------------ */


#footer {
    display: block;
    width: 797px;
    min-height: 24px;
    height: auto !important;
    height: 24px;
    border: 1px solid #cccccc;
    margin: 21px auto 13px auto;
    padding: 6px 8px 0px 7px;
}


#technology-in-motion {
    float: right;
    background: Transparent url(../images/global/technology-in-motion.gif) no-repeat; 
    height: 18px; 
    width: 162px;
    display: block;
    height/* */:/**/0;
	height: /**/0;
	overflow: hidden; 
	margin: 0px 0px 0px 0px;
	padding: 18px 0px 0px 0px;
}
	

/*	---------------------------------------------------------------
	#7 EXTRA ELEMENTS
	---------------------------------------------------------------
	Other elements of the website
	------------------------------------------------------------ */

.ImageCase {
    float: left; 
    margin-right: 6px;
    position: relative;
}

.image-arrow {
    background: Transparent url(../images/global/image-arrow.gif) no-repeat bottom right;
    position: absolute;
    display: block;
    bottom: 0px;
    right: 0px;
    width: 13px;
    height: 12px;
}

.NoBorder { border: none !important; }



#dl-level1 { margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#dl-level1 li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; }
#dl-level1 li a {
    margin: 0px 0px 0px 0px; 
    padding: 9px 0px 9px 16px; 
    display: block;  
    border-top: 1px solid #d8d8d8;
    background: Transparent url(../images/global/list-plus.gif) no-repeat 0px 11px;
}

div.title-section {
    display: block;
    min-height: 10px;
    height: auto !important;
    height: 10px;
    background: #0063a2 url(../images/global/title-stripes2.gif) repeat-y;
    vertical-align: middle;
    line-height: 10px;
    padding: 12px 0px 12px 0px;
}

div.title-spec {
    display: block;
    min-height: 10px;
    height: auto !important;
    height: 10px;
    float: left;
    width: 115px;
    background: transparent !important;
}
div.title-spec-top {
    display: block;
    min-height: 10px;
    height: auto !important;
    height: 10px;
    float: left;
    width: 115px;
    background: transparent !important;
    margin-left: 16px;
}



.dl-level2 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.dl-level2 li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; }

div.cells {
    display: block;
    min-height: 10px;
    height: auto !important;
    height: 10px;
    background: #ffffff url(../images/global/cell-splitter2.gif) repeat-y;
    vertical-align: middle;
    line-height: 10px;
    padding: 0px 0px 0px 0px;
    border-top: 1px solid #d8d8d8;
    margin: 0px 0px 0px 0px;
}


div.title-cells {
    display: block;
    min-height: 10px;
    height: auto !important;
    height: 10px;
    float: left;
    background: transparent !important;
    margin-top: 9px;
    margin-left: 16px;
}


a.pdf-exists, a.lightwindow {
    display: block !important;
    height: 29px !important;
    float: left !important;
    background: Transparent url(../images/global/pdf-icon.gif) no-repeat !important;
    background-position: center !important;
    margin: 0px 0px 0px 0px !important; 
	text-indent: -999999px;
	border: none !important;
	padding: 0px !important;
}



div.pdf-not-exists {
    float: left;
    display: block;
    height: 29px;
    background: Transparent url(../images/global/pdf-icon-faded.gif) no-repeat;
    background-position: center;
    margin: 0px 0px 0px 0px;
}



#download-footer-left {
    clear: left; 
    float: left; 
    width: 372px; 
    border-top: 1px solid #cccccc; 
    border-right: 1px solid #cccccc;   
    min-height: 111px;
    height: auto !important;
    height: 111px;
    margin: 20px 0px 0px 0px;  
}
#download-footer-right {
    float: left; 
    width: 229px; 
    border-top: 1px solid #cccccc;
    min-height: 111px;
    height: auto !important;
    height: 111px;  
    margin: 20px 0px 0px 0px;
}



ul.nl-signup { margin: 0px 0px 0px 30px; }

#home-preview 
{
    display: block; 
    background: #ffffff; 
    width:900px; 
    position: absolute; 
    left: -255px; 
    top: 0px;   
}


img.ClearLeft { clear: both !important; display: block; margin: 0px 0px 0px 162px; }



.sitemap-level1 { margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; }
.sitemap-level1 li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; border-top: 1px solid #d8d8d8; }
.sitemap-level1 li a {
    margin: 0px 0px 0px 0px; 
    padding: 9px 0px 9px 16px; 
    display: block;  
    background: Transparent url(../images/global/list-plus.gif) no-repeat 0px 11px;
}

.sitemap-level2 { margin: 0px 0px 6px 30px; padding: 0px 0px 0px 0px; position: relative; }
.sitemap-level2 li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: square; border-top: none; }
.sitemap-level2 li a {
    margin: 0px 0px 0px 0px; 
    padding: 4px 0px 4px 0px; 
    display: block;  
    border-top: none;
    background: none;
}