﻿#mainContainer {
    width: 853px;
    margin: 0 auto 0 auto;
    margin-top:80px; 
    position: relative
}
#navContainer {
    z-index: 1; 
    position: absolute;
    padding: 0 0 0 170px;
    width: 853px;
    top:-82px;
}
#barContainer {
    padding-left:10px;
    position: absolute;
    z-index: 2000;
    width: 835px;
}
#barUpper {
    background: 0; 
    height:8px;
}
#barCenter {
    background-color:#FDCB65;
    height:60px;
}
#barContent {
    padding:10px 0 0 150px; 
}
#barLeft {float: left}
#barRight {float: right; width:200px}
#barLower {
    background: 0; 
    height:8px;
}

#contentContainer {
    position:absolute; 
    width:853px; 
    top:69px;
    z-index:1000;
}
#iContentContainer {
    position: absolute; 
    z-index: 5000; 
}

#logoContainer {
    position:absolute; 
    z-index:9000; 
    top:-80px;
    left:-80px; 
}  
#logoutContainer {
    position:absolute; 
    z-index:10000; 
    top:-70px;
    left:100px; 
}
#homeContentBox {
    position: absolute;
    top: -20px;
    width: 853px; 
    height: 520px; 
}
#homeContentBoxLower {
    position: absolute; 
    z-index: 10; 
    height: 19px; 
    width: 853px;
    top: 504px;
    background: transparent url('/images/content-box-lower-home.png') no-repeat;
}
#homeContentBoxLeft {
    position: absolute; 
    z-index: 10; 
    top: 3px;
    height: 501px; 
    width: 10px;
    background: transparent url('/images/content-box-left.png') repeat-y;
}
#homeContentBoxRight {
    position: absolute; 
    z-index: 10;
    top:20px; 
    width: 10px; 
    height: 484px; 
    left: 843px; 
    background: transparent url('/images/content-box-right.png') repeat-y;
}
#homeContentBoxContent {
    position: absolute; 
    z-index: 1; 
    height: 508px; 
    width: 829px;
    top: 3px;
    left: 12px; 
    background: white url('/images/home-image.jpg') no-repeat;
}
#homeWelcome {
    position: absolute;
    left: 30px;
    width: 200px;
    height: 348px;
    background: transparent url('/images/welcome-background.png') no-repeat;
}
#homeWelcomeLinks {
    width:150px;
    margin: 60px auto 25px auto;
}
#homeWelcomeImage {
    width:146px;
    margin: 0 auto 0 auto;
}
#homeWelcomeText {
    height:175px;
    margin: 20px;
    text-align: center;
    overflow: hidden;
}

#homeLogin {
    position: absolute;
    left: 10px;
    top: 370px;
}
#homeCenter {
    position: absolute;
    left: 310px;
    top: 373px;
    width: 293px;
    height: 120px;
}
#homeConsign {
    position: absolute;
    left: 610px;
    top: 375px;
    width: 205px;
    height: 112px;
}

#heartSmall {
    position:absolute; 
    width: 65px;
    height: 52px;
    left:-90px; 
    top:50px; 
    z-index:1;
    background: transparent url('/images/heart-small.gif') no-repeat;
}
#heartLarge {
    position:absolute; 
    width: 185px;
    height: 159px;
    left:760px; 
    top:450px; 
    z-index:1;
    background: transparent url('/images/heart-large.gif') no-repeat;
}
#homeFooter {
    position: absolute;
    top: 510px;
    width: 853px;
    margin: 0 auto 0 auto;
    padding: 0 15px 0 0;
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	line-height: 13px;
}
#homeFooter a:link {color: #000}
#homeFooter a:visited {color: #000}
#homeFooter a:hover {color: #000}

#internalContentBoxLeft {
    padding-top:100px;
    width: 10px;
    background: transparent url('/images/content-box-left.png') repeat-y;
}
#internalContentBoxRight {
    padding-top:100px;
    width: 10px;
    background: transparent url('/images/content-box-right.png') repeat-y;
}
#internalContentBoxLower {
    height: 19px; 
    width: 853px;
    background: transparent url('/images/content-box-lower.png') no-repeat;
}
#internalContentBoxContent {
    background-color: White;
    width: 833px;
}
#internalContent {margin: 40px 30px 30px 30px}
#internalContentLeft {
    float: left;
    margin: 0 20px 0 30px;
}
#internalContentRight {
    width: 550px;
    float: left
}

#internalFooter {
    width: 853px;
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	line-height: 13px;
}
#internalFooter a:link {color: #000}
#internalFooter a:visited {color: #000}
#internalFooter a:hover {color: #000}

#subNavBackground {
    width: 200px;
    height: 348px;
    background: transparent url('/images/welcome-background.png') no-repeat;
}
#subNavWelcome {
    padding: 50px 0 10px 0;
    width: 146px;
    height: 19px;
    margin: 0 auto 0 auto;
}
#subNavMenu {
    float: right;
    margin: 0 15px 10px 0;
}

.licenseeLocationsUpper {
    height: 8px;
    width: 538px;
    background: transparent url('/images/licensee-locations-upper.gif') no-repeat;
}
.licenseeLocationsContent {
    background-color: #ed2724;
    width: 506px;
    padding: 0 15px 0 15px;
}
.licenseeLocationsLower {
    height: 8px;
    width: 538px;
    background: transparent url('/images/licensee-locations-lower.gif') no-repeat;
}

#loginContainer{ 
    padding: 20px 0 0 25px;
    width: 297px;
    height: 120px;
    background: transparent url('/images/login-background.png') no-repeat;
}

.licenseeLandingImage {margin-bottom:10px}
#licenseeContentSpacing{margin-top:30px}

#search {
    float:left; 
    width:54px; 
    margin:10px 10px 0 0;
}
#searchText {
    float:left;
    margin: 5px 5px 0 0;
}
#searchButton {float:left}

.barCodes {border: dashed 2px #666}
.barCodes div {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #000;
	text-transform: uppercase; 
	line-height: 20px;
}
.barCodes span {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000;
	text-transform: uppercase; 
	line-height: 20px;
}

.left {float:left}
.right {float:right}