﻿body {background: transparent url('/images/background.png')}

.left {float: left}
.right {float: right}
.clear {clear: both}
.vTop {vertical-align: top}
.tRight {text-align: right}
.vertLines {
    width: 1px; 
    padding: 0 20px 0 20px;
    background: url('/images/vertical-dots.gif') repeat-y top center
}

#mainContainer {
    background: white;
    width: 945px;
    margin: 0 auto 0 auto;
    border: 1px solid black;
    border-top: 0;
}
#contentContainer {padding: 20px}
#footerContainer {
    width: 945px;
    margin: 0 auto 0 auto;
}

#headerUpper {
    width: 945px;
    height: 51px;
    background: transparent url('/images/upper-background.jpg') no-repeat
}
#headerUpperLeft {float: left; padding: 5px 0 0 10px}
#headerUpperText {
    float: left;
    padding: 5px 0 0 15px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
	color: White;
	line-height: 15px;
	text-align: center;
}
#headerSlide {border-bottom: solid 1px black}
#headerUpperRight {float:right; padding: 10px 10px 0 0}
#headerBanner {
    position: relative;
    width: 946px;
    height: 140px;
    background: url('/images/header-banner.jpg') no-repeat;
}    
#headerBannerContent {
    position: absolute;
    top: 20px; 
    left: 30px;
    width: 540px;
    height: 95px;
}
#headerBannerButtons {
    position: absolute !important;
    width: 145px;
    height: 29px;
    top: 90px;
    left: 590px;
    z-index: 3;
}
    
#homeLeft {position: relative; padding-left: 15px}
#homeListTitle {padding-left: 110px}
.homeListContent {padding-top: 38px}
#homeLowerBox {clear: both; padding-top: 15px}

#twoColumnLeft {width:170px}

#free {
    position: absolute !important;
    top: 15px;
    left: -20px;
    width: 146px;
    height: 115px;
    z-index: 10;
    background: transparent url('/images/free.png') no-repeat    
}

#searchRight {vertical-align: bottom; padding-left: 10px}
#searchText {padding-bottom: 10px}

.smallBoxUpper {
    width: 227px;
    height: 29px;
    background: transparent url('/images/small-box-header.gif') no-repeat;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
    font-weight: bold;
	color: White;
	text-transform: uppercase;
	line-height: 14px;
}
.smallBoxUpper div {margin-left:20px}
.smallBoxLeft {width:5px; background: transparent url('/images/small-box-left.gif') repeat-y}
.smallBoxContent {width:196px; padding: 10px}
.smallBoxContentGray {width:196px; padding: 10px; background: #dcdcdc url('/images/box-background-gray.jpg')}
.smallBoxRight {width:6px; background: transparent url('/images/small-box-right.gif') repeat-y} 
.smallBoxLower {
    width: 227px;
    height: 22px;
    padding-bottom: 10px;
    background: transparent url('/images/small-box-lower-white.gif') no-repeat;
}
.smallBoxLowerGray {
    width: 227px;
    height: 12px;
    background: #dcdcdc url('/images/small-box-lower-white.gif') no-repeat;
}

.medBoxUpper {
    width:300px;
    height: 6px;
    background: #f3f3f3 url('/images/med-box-upper.gif') no-repeat;
}
.medBoxLeft {width:1px; background: transparent url('/images/med-box-left.gif') repeat-y}
.medBoxContent {width:257px; padding: 0 10px 0 10px; background: #dcdcdc url('/images/box-background-gray.jpg') repeat-x top}
.medBoxRight {width:2px; background: transparent url('/images/med-box-right.gif') repeat-y} 
.medBoxLower {
    width: 300px;
    height: 7px;
    background: #dcdcdc url('/images/med-box-lower.gif') no-repeat;
}

.largeBoxUpper {
    width:613px;
    height: 7px;
    background: transparent url('/images/large-box-upper.gif') no-repeat;
}
.largeBoxLeft {width:2px; background: transparent url('/images/large-box-left.gif') repeat-y}
.largeBoxContent {width:609px}
.largeBoxRight {width:2px; background: transparent url('/images/large-box-right.gif') repeat-y} 
.largeBoxLower {
    width: 613px;
    height: 7px;
    background: transparent url('/images/large-box-lower.gif') no-repeat;
}

#redBoxUpper {
    width: 664px; 
    height: 6px;
    background: url('/images/red-box-upper.gif') no-repeat;
}    
#redBoxLeft {width: 2px; background: url('/images/red-box-left.gif') repeat-y}
#redBoxContent, #redBoxContentPadding {width: 630px; padding: 0 15px 5px 15px}
#redBoxContentPadding {padding-top:15px}
#redBoxRight {width: 2px; background: url('/images/red-box-right.gif') repeat-y}
#redBoxLower {
    width: 664px;
    height: 6px;
    background: url('/images/red-box-lower.gif') no-repeat;
}
 
#blogContainer {position: relative; padding-top:10px}
.blogBoxUpper {width: 218px; height: 78px; background: transparent url('/images/blog-box-upper.jpg') no-repeat}
.blogBoxLeft {width:1px; background: #666}
.blogBoxContent {
    width:196px; 
    padding: 10px; 
    height: 330px; 
    overflow: auto; 
    background: #f6f6f6; 
    vertical-align:top
}
.blogBoxRight {width:1px; background: #666} 
.blogBoxLower {width: 218px; height: 7px; background: transparent url('/images/blog-box-lower.gif') no-repeat}   
#listingHeader {padding-bottom: 20px}
.listingPhoto {float: left; padding-right: 10px}
.listingTitleContainer {}
.listingTitleText {
    font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
    font-weight: bold;
	color: Black;
	text-transform: uppercase;
	line-height: 18px
}
.listingTitleText a:link, .listingTitle a:visited, .listingTitle a:hover {color: Black; text-decoration: none}
.listingRight {
    width: 153px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 22px;
    font-weight: bold;
	color: Black;
	text-align: center;
	text-transform: uppercase;
	line-height: 25px
}
.listingDescriptionText{width: 350px}
.listingOver {background: White}
.listingOut {background: #e5e5e5}

.listingBoxUpper {width: 663px; height: 4px; background: url('/images/listing-box-upper.gif') no-repeat}
.listingBoxLeft {width: 1px; background: url('/images/listing-box-left.gif') repeat-y}
.listingBoxContent {width: 641px; padding: 10px}
.listingBoxRight {width: 1px; background: url('/images/listing-box-left.gif') repeat-y}
.listingBoxLower {width: 663px; height: 12px; background: url('/images/listing-box-lower.gif') no-repeat}	

.calloutUpper {width: 166px; height: 5px; background: url('/images/listing-option-box-upper.gif') no-repeat}
.calloutUpperColor {width: 166px; height: 5px; background: #e7e7e7 url('/images/listing-option-box-upper.gif') no-repeat}
.calloutLeft {width: 1px; background: url('/images/listing-option-box-left.gif') repeat-y}
.calloutContent {width: 143px; padding:8px}
.calloutContentColor {width: 147px; padding:8px; background: #e7e7e7}
.calloutRight {width: 2px; background: url('/images/listing-option-box-right.gif') repeat-y}
.calloutLower {width: 166px; height: 7px; padding-bottom: 20px; background: url('/images/listing-option-box-lower.gif') no-repeat top} 
.calloutLowerColor {width: 166px; height: 7px; background: #e7e7e7 url('/images/listing-option-box-lower.gif') no-repeat} 

#featuredContainer {margin: 10px}
#featuredPhotos {float: left; padding-right: 5px}
#featuredPhoto {float:left; padding-right: 10px}
#featuredTitle {padding-bottom: 8px; margin-bottom: 8px; background: url('/images/horizontal-dots.gif') repeat-x bottom}
#featuredText, #featuredPrice {
    font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: Black;
	font-weight: bold;
	line-height: 18px;
}
#featuredText {float:left; width: 120px; overflow: auto} 
#featuredPrice {font-size: 20px; line-height: 25px}
#featuredDetailsButton {padding-top: 5px}

#detailsHeader {
    font-size: 25px;
	color: #930000;
	font-weight: bold;
	line-height: 30px;
	background: #f4f4f4;
	border-bottom: solid 1px #e1e1e1;
	margin-bottom: 15px;
	padding-bottom: 10px;
}
#detailsLeft {width: 270px}
#detailsLowerLeft {width:310px}
#detailsInformationHeader {margin-top: 15px}
#detailsInformation {margin: 20px 0 15px 0}
#detailsButtons {padding-top:15px}
#detailsHeaderSmall {font-size: 18px; line-height: 22px; float: left}
.detailsCopyLarge {
    font-size: 15px;
	color: Black;
	line-height: 22px;
}
.detailsCopyHeader {
    font-size: 15px;
    font-weight: bold;
	color: #930000;
	line-height: 18px;
}
#detailsBack {float: left; padding-top: 20px}
#detailsShare {float: right; padding: 5px 20px 0 0}
#detailsFlag {padding: 5px 0 0 10px}
.detailsFlag {color:#930000 !important; text-decoration:underline !important}

#loginOr {padding: 0 20px 0 20px}

.gStartedTable {width: 100%}
.gStartedTable td {padding-bottom: 5px}

#popupContainer {background: 0; margin: 20px}