/* CSS Document */

/* Main Page */
body { 
	background-color: #FFFFFF;
	text-align: center;
	margin: 0 auto;
	font: 86% Arial;
}

#container,
div.ys_wrapper {
	width: 740px;
	margin: 0 auto;
}

div.ys_wrapper {
	text-align: left;
}

#header,
#ys_merchHeader {
	background: url(/lib/yhst-17921489502254/blue-bg.gif) 0px 8px no-repeat;
	width: 740px;
}

#headerTimeDate {
	float: right;
	margin-top: 8px;
	margin-right: 8px;
}

#headerLogo {
	background: url(/lib/yhst-17921489502254/ecoins-com.gif) 15px 3px no-repeat;
	height:120px;
	width: 160px;
	float: left;
}

#logo {
	top: 3px;
	left: 20px;
	width: 155px;
	height: 120px;
	display: block;
}

#dailyNews {
	background: url(/lib/yhst-17921489502254/daily-news.gif) 40px 30px no-repeat;
	width: 375px;
	float: left;
}

#dailyNewsLogo {
	width: 375px;
	height: 125px;
	display: block;
}

#headerScroll {
	float: right;
	margin: 30px auto;
	width: 190px;
}

#headerSearch {
	float: right;
	margin-right: 3px;
	margin-top: -25px;
	height: 30px;
	background: url(/lib/yhst-17921489502254/search-rounded.gif) top left no-repeat #B1BCC2;
}

* html #headerSearch {
	width: 255px;
}

#headerSearch form {
	padding: 0;
	margin: 0;
}

#headerSearch img, #headerSearch span, #headerSearch input {
	vertical-align: middle;
	margin-top: 5px;
	margin-right: 5px;
}

#headerMenu {
	background: url(/lib/yhst-17921489502254/grey-bg.gif) top left no-repeat;
	padding: 0;
	margin: 0 auto;
}

#headerMenu ul {
	margin: 0;
	padding: 4px 0px 5px;
}

* html #headerMenu ul {
	padding: 2px 0 8px 0;
}

#headerMenu ul li {
	margin-top: 0;
	padding: 0;
	display: inline;
}

#headerMenu ul li a {
	font-size: .9em;
	font-weight: 700;
	text-decoration: none;
	color: #FFFFFF;
	margin: 0 40px 0 20px;
	padding: 0;
}

#bodyLeft,
#ys_sideBar {
	margin: 3px 0;
	width:180px;
	background:#ffffff;
	float: left;
	text-align: center;
}

#ys_sideBar p.navText {
	margin: 11px 0;
	width: 150px;
}

#navCapsule {
	background: url(/lib/yhst-17921489502254/nav-bg.gif) top left repeat-y;
	width: 180px;
}

#navMenu {
	width: 170;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 5px;
	padding: 10px 0 ;
}

* html #navMenu {
	padding: 0;
}

#navMenu ul {
	background-color: #CCCCCC;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}

#navMenu ul li {
	margin: 0;
	padding: 1px;
	display: block;
	text-align: left;
	border-bottom:2px solid #EAEAEC;
}

#navMenu ul li a {
	background: url(/lib/yhst-17921489502254/menu-arrow.gif) 5px center no-repeat;
	font-size: .8em;
	line-height: 2.2em;
	text-decoration: none;
	color: #000000;
	background-color: #CCCCCC;
	padding-left: 15px;
	vertical-align: middle;
}

#navMenu ul li a:hover {
	background: url(/lib/yhst-17921489502254/menu-arrow.gif) 5px center no-repeat;
	font-size: .8em;
	line-height: 2.2em;
	text-decoration: underline;
	color: #000000;
	background-color: #CCCCCC;
	padding-left: 15px;
	vertical-align: middle;
}

#navContent {
	width: 170;
	margin-left: 10px;
}

#navJoin {
	width: 170;
	margin-left: 10px;
	text-align: left;
	padding-bottom: 60px;
}

#bodyCenter {
	xmargin: 0 0 0 10px;
	width: 390px;
	text-align: left;
	float: left;
	padding-left:5px;
}

#ys_pageBody {
	width: 720px;
}

#ys_pageBody.ys_sideBar {
	width: 550px;
	text-align: left;
	float: left;
	padding-left:5px;
	border: none;
}

#hotDeals {
	background-color: #CCCCCA;
	width: 390px;
	margin: 5px auto;
}

#bodyFlash {
	padding: 5px 0 0 6px;
	width: 390px;
	clear:both;
}

#bodyRight {
	margin: 3px 0;
	width: 150px;
	background:#ffffff;
	float: right;
}

#login {
	background: url(/lib/yhst-17921489502254/login-bottom.gif) bottom left no-repeat #CCCCCC;
	margin: 0 auto;
	padding: 0;	
}

#loginBody {
	padding: 0;
	margin: 4px;
	text-align: left;
}

#loginContent {
	margin: 15px 2px;
	padding: 0;
	text-align: left;
}

#previousOffers {
	background: url(/lib/yhst-17921489502254/previous-offers.gif) top left no-repeat;
	margin: 0 auto;
	padding: 28px 0 0 0;
}

#footer,
#ys_merchFooter {
	margin: 0 auto;
	padding-top: 5px;
}

#payPal {
	margin-right: 5px;
}

#creditCards {
	float: right;
	margin-top: 5px;
	margin-right: 20px;
}

#creditCards img {
	vertical-align: middle;
}

#footerMenu {
	margin: 0;
	padding: 10px 0;
}

#footerMenu ul {
	margin: 0;
	padding: 0;
}

#footerMenu ul li {
	padding: 0;
	margin: 0;
	display: inline;
	text-align: left;
}

#footerMenu ul li a {
	padding: 0 15px;
	margin: 0;
	font-size: .9em;
	font-weight: 700;
	text-decoration: none;
	color: #606058;
	vertical-align: middle;
}

/* Contact Page */

#contactBody {
	width: 530px;
	margin-right: 10px;
	padding: 0;
	float: right;
	text-align: center;
}

#contactForm {
	width: 529px;
	padding: 0;
	margin: 0;
	border: 1px solid #DDE2E5;
}

#insideDivForm {
	width: 520px auto;
	border: 3px solid #FFFFFF;
	margin: 0;
	padding: 0;
	text-align: center;
}

#contactTitle {
	background-color: #A5B2B8;
	height: 20px;
	margin: 0;
	padding-top: 8px;
}

#contactsubmit {
	background-color: #F1F1F3;
	text-align: left;
	padding-left: 20px;
}

#topItems {
	padding: 15px 0;
	margin-bottom: 10px;
}

#contactLower {
	margin-top: 20px;
	margin-bottom: 60px;
	font-size: .8em;
	text-align: left;
}

#contactLower a {
	font-size: 1em;
	color: #000000;
	tex-decoration: none;
}

/* Item Pages */

#breadcrumbs {
	text-align: left;
	margin-left: 20px;
	margin-top: 5px;
}

#breadcrumbs a {
	font-size: .8em;
	color: #000000;
	text-decoration: none;
}

#breadcrumbs a:hover {
	font-size: .8em;
	color: #6B80B9;
	text-decoration: none;
}

#itemContent {
	border-top: 1px solid #768D95;
	margin: 10px 0 0 0;
}

#itemTitle {
	font-size: 1.5em;
	line-height: 1.8em;
	font-weight: 700;
	color: #778B96;
	text-align: left;
	margin-left: 10px;
}

#itemImage {
	float: left;
}

#addToCart {
	float: right;
	margin-right: 5px;
	width: 155px;
	text-align: left;
}

#itemEnglarge {
	float: left;
	margin-left: 20px;
}

#sendPage {
	float: right;
	margin-right: 5px;
}

#itemDescription {
	clear: both;
	margin: 5px;
	padding: 15px 0;
	text-align: left;
}

#relatedItems {
	background: url(/lib/yhst-17921489502254/related-items.gif) top center no-repeat;
	padding-top: 35px;
}

#relatedItems img {
	padding-bottom: 10px;
}

#border {
	border-right:  1px solid #788C95;
	padding: 0px;
}

#emptyTable {
	border-top: 1px solid #788C95;
	padding-bottom: 5px;
	margin: 5px 0;
}

#cartQuantity {

}

#cartQuantity span, #cartQuantity input {
	vertical-align: middle;
	padding-left: 8px;
}

#cartAdd {
	padding-left: 0px;
	margin-top: 5px;
}

/* Classes */

.clearAll { clear: both; }
.clearRight { clear: right; }
.clearLeft { clear: left }

.timeDate {
	color: #FFFFFF;
}

.scrollText {
	font: .9em Arial;
	color: #000000;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
}

.searchText {
	font-size: 1.2em;
	color: #000000;
	font-weight: 700;
	margin-left: 10px;
}

.search-box {
    color: #000000;
    width: 140px;
    font: bold 12px arial, verdana;
}

.login-box {
    color: #000000;
    width: 135px;
    font: bold 12px arial, verdana;
}

p.navText {
	color: #000000;
	font-size: .8em;
	text-align: justify;
}

.loginText {
	color: #000000;
	font-size: .9em;
	font-weight: 700;
	text-align: left;
	padding-left: 3px;
}

.plainText {
	font-size: .8em;
	color: #000000;
}

.plainText a {
	font-size: 1em;
	color: #0160B0;
	text-decoration: underline;
}

.rightAlign {
	margin-left: 65px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0;
}

.loginTextBold {
	font-size: 1em;
	color: #000000;
	font-weight: 700;
}

.loginTextBold a {
	font-size: 1em;
	color: #0A64B2;
	font-weight: 700;
	text-decoration: none;
}

.footerBorder {
	border-right: 1px solid #606058;
}

.footerText {
	font-size: .9em;
	color: #606058;
}

.contactLargeText {
	font-size: 1.2em;
	font-weight: 700;	
	color: #577784;
	text-align: left;
	padding-left: 3px;
}

.contactTextBold {
	font-size: .9em;
	color: #000000;
	font-weight: 700;
	text-align: left;
	padding-left: 3px;	
}

.contactText {
	font-size: .9em;
	color: #000000;
	text-align: left;
	margin-bottom: 10px;
	padding-left: 3px;
}

.largeWhiteText {
	color: #FFFFFF;
	font-weight: 700;
	margin-left: 20px;
	margin-top: 0;
	text-align: left;
}

.contactBoldLight {
	color: #597686;
	font-size: .9em;
	font-weight: 700;
	float: left;
}

.lightText {
	color: #587885;
	font-size: .9em;
	text-align: right;
	float: right;
	padding-right: 15px;
}

.itemName a {
	font-size: .8em;
	color: #000000;
	font-weight: 700;
	text-decoration: none;
	text-align: center;
}

.itemPrice a {
	font-size: .8em;
	color: #000000;
	text-decoration: none;
	text-align: center;
}

.cartText {
	font-size: .9em;
	color: #000000;
	text-decoration: none;
	text-align: left;
	border-bottom: 1px solid #798C93;
	padding-left: 8px;
	margin-left: 2px;
}

.cartTextRedBold {
	font-size: .9em;
	color: #E80C28;
	text-decoration: none;
	text-align: left;
	font-weight: 700;
	padding-left: 8px;
	margin-left: 2px;
}

.cartTextRed {
	font-size: .9em;
	color: #E80C28;
	text-decoration: none;
	text-align: left;
	border-bottom: 1px solid #798C93;
	padding-left: 8px;
	margin-left: 2px;
}

.quantity-box {
    color: #000000;
    width: 20px;
    font: 12px arial, verdana;
	text-align: right;
	margin-bottom: 5px;
	margin-top: 5px;
}

.select-box select{
    color: #000000;
    width: 135px;
    font: 12px arial, verdana;
	padding-left: 8px;
	margin-left: 2px;
	margin-top: 3px;
	margin-bottom: 3px;
}

/* Liquid Corners - for Cart */

.top-left {
	margin-right: 13px; /* clip right corner */
	background-image: url(/lib/yhst-17921489502254/corners.gif);
	background-repeat:  no-repeat;	
	height: 13px; /* vertical: show first half of the image with the top-corners in it */
	font-size: 2px; /* correct height for IE */
}

.top-right {
	margin-top: -13px; /* to level of top-left corner */
	margin-left: 13px; /* clip left corner */
	background-image: url(/lib/yhst-17921489502254/corners.gif); 
	background-position: 100% 0; /* show bg-image starting at the right */
	background-repeat:  no-repeat;	
	height: 13px; 
	font-size: 2px;
}

.bottom-left {
	margin-right: 13px; /* clip right corner */
	background-image: url(/lib/yhst-17921489502254/corners.gif);
	background-position: left -13px; /* show under half of the image */
	background-repeat:  no-repeat;	
	height: 13px;
	font-size: 2px;
}

.bottom-right {
	margin-top: -13px; /* to level of bottom-left corner */
	margin-left: 13px; /* clip left corner */
	background-image: url(/lib/yhst-17921489502254/corners.gif); 
	background-position: right -13px; /* under half, right side */
	background-repeat:  no-repeat;
	height: 13px; 
	font-size: 2px; 
}

/*
* html .bottom-right, * html .top-right{
	margin-right:-5px;
}
*/
.inside {
	border-left: 1px solid #A7B6BB;
	border-right: 1px solid #A7B6BB;
	background: #E6E6EE;
	color: #000000;
	padding-left: 5px;
	padding-right: 5px;
	
}

* html .inside{
	margin-bottom:-19px;
	margin-top:-19px;
}

.notopgap {
	margin-top: 0;
}

.nobottomgap {
	margin-bottom: 0;
}

table#rotateTable{
	background-color:#CCC;
	margin-top:-5px;
}

#rotateTable a{
	font:normal 11px "Times New Roman", Times, serif; 
	color: #000000; 
	text-decoration: none;
}

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

.name a{
	font:bold 12px "Times New Roman", Times, serif; 
	color: #000000;
	text-decoration:none;	
}

.name a:hover{
	text-decoration:underline;
}

.price, .price-bold{
	font:normal 12px "Times New Roman", Times, serif;
}

.sale-price, .sale-price-bold{
	font:bold 12px "Times New Roman", Times, serif;
	color:#018CD0;
}

table#contents-table{
	text-align:center;
}

#breadcrumbs, #breadcrumbs a{
	font:normal 13px "Times New Roman", Times, serif;
	color:#000;
}

.sitemap-header {
    font: bold 14px verdana;
    color: #018CD0;
    display: block;
    padding-top:  15px;
}
.sitemap-1      {
    font: bold 12px verdana;
    color: #018CD0;
    display: block;
    padding-left: 25px;
}
.sitemap-2      {
    font: normal 12px verdana;
    color: #018CD0;
    display: block;
    padding-left: 50px;
}
.sitemap-3      {
    font: normal 10px verdana;
    color: #018CD0;
    display: block;
    padding-left: 75px;
}
.sitemap-4      {
    font: normal 8px verdana;
    color: #018CD0;
    display: block;
    padding-left: 100px;
}

h1#section-contenttitle{
	font:bold 18px "Times New Roman", Times, serif;
	color:#018CD0;
}

span.itemoption{
	font-size:0.9em;
}

.search-box{
width:110px !important;
}

#headerSearch{
width:220px;
}

#headerMenu ul{
padding-top:2px;
}

#navMenu{
padding-bottom:0px !important;
margin-bottom:10px !important;
}

#navContent{
text-align:left;
}

p.navText{
width:150px !important;
}

.breadcrumbs{
font:normal 11px arial !important;
color:#000 !important;
padding-top:5px;
width:400px;
text-align:left;
display:block;
}

.breadcrumbs a{
font:normal 11px arial !important;
text-decoration:none !important;
}

.breadcrumbs a:hover{
text-decoration:underline !important;
}

.breadcrumbs span.ugh{
color:#6B81B3 !important;
font:normal 11px arial !important;
}

#dailyNews {
background:transparent url(/lib/yhst-17921489502254/daily-news1.gif) no-repeat scroll 40px 30px !important;
}

.inside{
	margin-top:-16px;
	margin-bottom:-27px;
}