/* CSS FOR COMMON DISPLAY FOR BOTH CMS PAGES AND SHOPPING CART */

div#logo {
   width: 270px;
   float: left;
}

.chatwithapro{
	float:right;
	}

.viewcart {
   font-family: Helvetica, Arial, Sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #646821;
   text-decoration: none;
   margin-top: 2px;
   margin-left: 7px;
}
.myaccountbtn {
   font-family: Helvetica, Arial, Sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #646821;
   text-decoration: none;
   margin-top: 2px;
   margin-left: 7px;
}
.logoutbtn {
   font-family: Helvetica, Arial, Sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #646821;
   text-decoration: none;
   margin-top: 2px;
   margin-left: 7px;
}
.viewcart img, .myaccountbtn img{
   margin-top:-4px;
}
a:link.viewcart, a:visited.viewcart, a:link.myaccountbtn, a:visited.myaccountbtn, a:link.logoutbtn, a:visited.logoutbtn {
   color: #646821;
}
a:hover.viewcart, a:hover.myaccountbtn, a:hover.logoutbtn {
   color: #5c3d23;
   text-decoration: none;
}

div#navblock {
   width: 509px;
   text-align: center;
   float: left;
}

div#navblock a {
   font-family: Helvetica, Arial, Sans-serif;
   font-size: 12px;
   line-height: 16px;
   font-weight: bold;
   color: #5c3d23;
   text-decoration: none;
   padding: 4px;
}

div#navblock a:hover {
   color: #fff;
   background-color: #8d923e;
   padding: 4px;
}

/***********   SHOPNAV LINK     ***********/
#homenav {
   height: 29px;
   width: 107px;
   float: right;
   vertical-align: top;
}

#homenav a{
   display: block;
   float: left;
}	

#homenav a.shopnow {
   background: url('../uploads/images/layout/shop_now.gif') no-repeat top;
   width:107px;
   height: 29px;
}								

#homenav a.shopnowlit {
   background: url('../uploads/images/layout/shop_now.gif') no-repeat top;
   width:107px;
   height: 29px;
   background-position: bottom;
}

#homenav a:hover {
   background-position: bottom;
}
/***********  END SHOPNAV LINK     ***********/

div#footerarea {
   clear:both;       /* keep footer below content and menu */
   margin: 0 auto;
   max-width: 925px; /* IE wont understand these, so we will use javascript magick */
   min-width: 925px;
   background-image: url('../uploads/images/layout/paper-bkgd-footer.png');
   background-repeat: none;
   height: 82px;
}

div#footerleft {
   float: left;
   margin: 0px;
   padding-top: 0px;
   padding-left: 34px;
}

div#footerleft p {
   color: #6d7124;
   font-family: Helvetica, Arial, Sans-serif;
   font-size: 10px;
   font-weight: bold;
   text-align: left; /* left text */
   line-height: 17px;	
	}

div#footerleft p a {
   color: #6d7124;
   text-decoration: none;
}

div#footerleft p a:hover {
   text-decoration: underline; /* underline links on hover */
}

div#footerright {
   /*text-align: right;*/
   float: right;
   margin-right: 2px;
   padding-top: 10px;
}
div#footerrightcontent {
   height: 16px;
   color: #6d7124;
   font-family: Helvetica, Arial, Sans-serif;
   font-size: 10px;
   line-height: 16px;
   font-weight: bold;
   margin: 5px 0 0 5px;
}