@import url("main_standard.css");


.corners            { position: relative; top: 0px; left: 0px; height: 140px; width: 140px; background: url(../images/roundcorners.png) no-repeat; }



body                { font-family: Arial, Helvetica, serif; color: #9d9394; }
.bannerImage        { width: 995px; height: 65px; margin: 10px auto 45px auto; background-image: url(../images/banner.jpg); }
a                   { color: #9d9394; }
p                   { font-size: 12px; margin-bottom: 5px; }
h1, h2, h3          { font-family: Arial; margin-bottom: 8px; margin-top: 20px; }
h1                  { font-size: 18px;  }
h2                  { font-size: 16px;  }
h3                  { font-size: 12px;  }

.mainMenuBar        { width: 770px; margin: 45px auto 20px auto; font-size: 15px; }
.mainMenuBar ul     { text-align: center; }
.mainMenuBar a      { text-decoration: none; color: #5f4f51; }
.mainMenuBar a:hover  { text-decoration: underline; }
.mainMenuBar .trolley { float: right; }
.mainMenuBar .menuContainer { padding-top: 12px; }

.leftMenu           { float: left; width: 240px; padding: 10px 0px 10px 4px; text-transform: lowercase; font-size: 18px; }
.leftMenu li        { padding: 8px 0px; } 
.leftMenu a         { text-decoration: none; color: #5f4f51; }
.leftMenu a:hover   { text-decoration: underline; }

.mainArea           { width: 770px; margin: 0px auto 0px auto; }
.content            { float: right; width: 510px; margin: 15px 0px 15px 0px; }

.box                { height: 140px; width: 140px; float: left; margin: 7px 7px 7px 7px; background: #FFF2F8; }

.footerMenuBar      { width: 770px; margin: 15px auto 0px auto; font-size: 15px; }
.footerMenuBar ul   { text-align: center; }
.footerMenuBar a    { text-decoration: none; color: #5f4f51; }
.footerMenuBar a:hover   { text-decoration: underline; }



.breakLine          { clear: both; width: 770px; margin: 10px auto 10px auto; border-top: solid 1px #EEEAEB; border-bottom: solid 1px #C0BCBD; font-size: 0px; line-height: 0px; height: 0px; padding: 0px; }
.breakline *        { margin: 0px; }
input.button        { border: solid 1px #5f4f51; color: #5f4f51; ; background: #C0BCBD; cursor: pointer; }
.productBaseline    { float: right; margin-top: 10px; }
.productBaseline input  { margin-left: 10px; } 
.productBaseline .price { font-size: 1.2em; font-weight: bold; }
.productListing     { margin-top: 10px; }
.productListing h2  { margin-top: 3px; font-size: 12px; }
.productListing h2 a		{ text-decoration: none; }
.productListing h2 a:hover	{ text-decoration: underline; }
.product            { width: 100px; }
input               { font-size: 1em; }
ddiv                 { border: solid 1px blue; }

button, div.button { border: 1px solid #8A7E80; background-color: #DAD6D7; cursor: pointer; color: #8A7E80; font-size: 10px; font-weight: bold; padding: 2px 5px; margin: 3px;}

button.imageOnly { border: none; background-color: white; }

.mokoshDefault
{
	border-collapse:collapse;
	background:#fff;

}

.mokoshDefault a {
        text-decoration: none;
        font-weight: bold;        
}

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

.mokoshDefault  td{
	font-family:arial;

	font-size:11px;
	padding:1px 5px 1px 5px;
}



.mokoshDefault  th{
	#background-color:#98AFC7;      
	background-color:grey;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	text-align:center;
	vertical-align:middle;
	color:#000000;
	padding-left:5px;
	padding-right:5px;
	height:25px;	

}

.mokoshDefaultSubTable
{
	border:none;
	
}
.mokoshDefaultSubTable td,th
{
	border:none;
	
}	
.mokoshTableSubHeading
{
	background-color:#faed9f;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	text-align:center;
	vertical-align:middle;
	color:#000000;
	padding-left:5px;
	padding-right:5px;
	height:25px;	
	border-top: 1px solid #98AFC7;border-right: 1px solid #98AFC7;	
}

.watermarkFooter		{ margin-top: 5px; text-align: right; }
.watermarkFooter a              { font-size: 45px; }
.watermarkFooter a img		{ width: 80px; height: 37px; border: 0px; }
.watermarkFooter a              { background: url(../images/watermark_low.gif) no-repeat top left; }
.watermarkFooter a:hover        { background: url(../images/watermark.gif) no-repeat top left; }