/*
	/lib/css/site.css
	Where the magic happens. Layout your site-specific styles here.
*/

/*
	Reset and set Global styles.
	See files for documentation.
*/

@import url(/lib/css/reset.css);
@import url(/lib/css/global.css);

body {
    background: url('/lib/images/site/bg-top-page.gif') top center no-repeat #ffffff;
} 
	
#Page {
	position: relative;
	background: url('/lib/images/site/bg-bottom-page.gif') bottom center no-repeat;
}

#PageContainer {
	position: relative;
	width:883px;
	margin: 0 auto;
}
/*
	Page Header
*/

#Header {
    
    width:  100%;
    z-index: 99;
}

#HeaderImage {
	text-align: center;
	margin-top: 46px;

}
#HeaderImage img {
	display:inline;
}

#navMenu {
    height:  30px;
    width:  760px;
    padding-top:  20px;
    margin-left:  auto;
    margin-right:  auto;
}

#nav li a {
    text-decoration: none;
}

#headSpacer {
    height:  1px;
    width:  100%;
    border-bottom:  1px solid #b2b2b2;
}

#SignUp {
    position:	absolute;
    top:		21px;
    right:		0;
    height:		35px;
    width:		175px;
}

#SignUpCopy {
	color:	#6d6d6d;
	font:	normal normal normal 10px/12px Verdana,Arial, sans-serif;
	margin-bottom:	.25em;
}

#SignUpForm input.Text {
	color:		#b2b2b2;
	border:		1px solid #b2b2b2;
	font:		normal normal normal 10px/12px Verdana,Arial, sans-serif;
	padding:	2px;
	margin-right: 5px;
	vertical-align: middle;
}
#SignUpForm input.Button {
	background:		#3b8ccb;
	color:			white;
	font:			normal normal normal 10px/12px Verdana,Arial, sans-serif;
	vertical-align:	middle;
}


#PageBody{
	margin-top:30px;
}

/* these may be used later make layout consistant on pages seconadary and alternate pages*/
.Standard ,
.Alternate {
}

#PageBody.Standard {
}

#PageBody.Alternate  {
}

#PageBody #careSidebar {
    float:  left;
    width:  120px;
    padding-right:  15px;
    padding-bottom:  15px;
}

#careSidebar h1 a {
    text-decoration:  none;
}

.CareBorder {
    background: url('/lib/images/custcare/border.gif') top left no-repeat #ffffff;
}

/*Body Styles for columns and images etc*/
#FlashContainer {
	width: 885px;
}
#BodyImageContainer {
	position: relative;
	width: 600px;
	float: right;
	z-index: 99;
}
#BodyImageContainer.Collection {
	position: relative;
	width: 700px;
	float: right;
}
#BodyImageContainer.Products {
	position: relative;
	width: 700px;
	float: right;
	z-index:1;
	padding-left: 20px;
}
#BodyImage {
	position: relative;
	float: right;
	margin: 20px;
}
.Thumb {
	position: relative;
	float: left;
	margin: 0 100px 0 0;
}
.Recliner {
	position: relative;
	float: right;
	margin: 20px;
	width: 260px;
	height: 210px;
}
.BodyImageText {
	position: relative;
	color:#74757a;
	text-align: center;
	top: 15px;
	vertical-align: bottom;
}
#BodyImageContainer .BodyImageText a:hover {
    color:  #0079c2;
}
.Collection {
	vertical-align: top;
	position: relative;
	float: right;
	margin: 20px;
}

.ProductContainer {
	float:		left;
	margin:		0 15px 0 25px;
    padding:	10px 0 45px 0;
}
.ProductContainer.Clear {
	clear: left;
}

/*.ProductContainer.Center { padding: 10px; } 
.ProductContainer.Center img { margin: 0px auto; float: none;   } */

#BodyImage.Product {
	position: relative;
	float: right;
	margin: 20px;
}

.BodyImageText a,
.BodyImageText a:link,
.BodyImageText a:active,
.BodyImageText a:visited
{
	text-decoration: none;
	color:#74757a;
	letter-spacing: .1em;
}
.BodyImageText a:hover {
	text-decoration: underline;
}

table#ImageTable tr td img { margin: 0; padding: 0 } 
table#ImageTable tr td div.BodyImageText  { margin: 0; padding: 0; line-height: 100%; } 
table#ImageTable tr td div.BodyImageText  a { margin: 0; padding: 0 } 

.ProductLinkContainer a,
.ProductLinkContainer a:link,
.ProductLinkContainer a:active,
.ProductLinkContainer a:visited
{
	text-decoration: none;
	color:#74757a;
	font-weight: bold;
}
.ProductLinkContainer a:hover {
	text-decoration: underline;
}

#BodyCopy.TwoColumnNarrow {
	width: 275px;
}
#BodyCopy.TwoColumn {
	width: 350px;
}
#BodyCopy.TwoColumnWide {
	width: 520px;
}
#BodyCopy.TwoColumnNav {
	width: 142px;
	border-right: 1px solid #cccdce;
	padding-right: 12px;
}

/* contact us form */
	#BodyCopy div.formSubhead {
            margin:             8px 0 4px 0;
            font-weight:        bold;
            padding:            1px 0 2px 6px;
        }

    #BodyCopy input, #BodyCopy select {
        margin-bottom:      4px;
    }

    #BodyCopy input.Text, #BodyCopy  textarea.Text {
        border:             1px solid #333;
        width:              100px;
    }

    #BodyCopy  input.Med, #BodyCopy  textarea.Med, #BodyCopy  select.Med {
        width:              150px;
    }

    #BodyCopy  input.Large, #BodyCopy  textarea.Large {

        width:              300px;

    }

    #BodyCopy  input.XLarge, #BodyCopy textarea.XLarge {
	    width:              600px;
    }

    #BodyCopy  select {
        border:             1px solid #333;
    }






#ProductInfo ul li {
	padding-bottom: 9px;
	line-height: 125%;
}
#ProductInfo {
	border-bottom: 1px dotted #cccdce;
}
#CollectionNav {
	padding-top: 12px;
}
#CollectionNav a,
#CollectionNav a:link,
#CollectionNav a:active,
#CollectionNav a:visited
{
	text-decoration: underline;
	color:#606062;
}
#CollectionNav a:hover {
	text-decoration: none;
}
#CollectionNav a.Selected{
	color: #0079c2;
	text-decoration: none;
}



#CollectionsLayout tr, #CollectionsLayout td {
	vertical-align:	middle;
}
	#CollectionsLayout td h1 {
		margin:			10px 0;
		vertical-align:	bottom;
		border-bottom:	2px dotted #6f7377;
	}
	#CollectionsLayout td.Left {
		width:		34px;
		text-align:	left;
	}
	#CollectionsLayout td.Right {
		width:		34px;
		text-align:	right;
	}
	#CollectionsLayout td.Top {
		height:			43px;
		vertical-align:	top;
	}
	#CollectionsLayout td.Bottom {
		height:			43px;
		vertical-align:	bottom;
	}
td.Img {
	border-bottom:  4px solid #0079c2;
}
td p {
	margin: 10px 0;
}
td.Divider	{
	padding-top:  10px;
	border-top:  2px dotted #6f7377;
}



/*
	Page Footer
*/
#PageFooter {
	clear: both;
	margin-top: 20px;
	position: relative;
	height: 323px;
}
#PageFooterHome {
/*	margin-top: -37px; */
	position: relative;
	height: 360px;
}
#PageFooter a,
#PageFooter a:link,
#PageFooter a:active,
#PageFooter a:visited
{text-decoration: none;}

#PageFooter a:hover
{text-decoration: underline;}

#FooterImageContainer {
	position: relative;
	top:60px;
	background: url('/lib/images/site/footer-logo-right.gif') bottom right no-repeat;
	height: 81px;
	width: 198px;
	float: right;
}
#FooterImageText {
	position: relative;
	font-weight: bold;
	top:55px;
	left: 24px;
}
#FooterFormContainer {
}

 
#FooterCopyContainer{
	clear: both;
	border-top: 2px solid #b9c6ba;
	border-bottom: 1px solid #b9c6ba;
}
#FooterCopyRight {
	margin: 6px 0;
	float: right;
}
#FooterCopyLeft {
	margin: 6px 0;
}


.navHover {
    background:  #eff9fe;
    border:  1px solid #0079c2;
}