/*****************************************************************************
*                                                                            *
*       E-POS AS -- cascading style sheet                                    *
*                                                                            *
*****************************************************************************/


/* globals */
body
{
	background-color: #C4D4D3;
	background-image: url(/design/theme/public/images/epos-background.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	color: #000;
	font: 0.7em Verdana,sans-serif;
	margin: 0 auto;
	text-align: center;
	padding: 0;
}

/* links */
#search a {color: #000}
a img, img a:visited, img a:active, img a:hover {border: 0}


/* images */
#search img {border: 0}


/* font styles */

.verdana {font-family: Verdana, sans-serif;}
.impact {font-family: Impact, sans-serif;}
.smaller {font-size: 0.7em;}
.small {font-size: 0.8em;}
.b {font-weight: bold}
.u {text-decoration: underline}
.i {font-style: italic}
.ucase {text-transform: uppercase}

.left {float: left; margin: 0 20px 0 0;}
.right {float: right; margin: 0 0 0 20px;}

.nob {font-weight: normal;}
.nou {text-decoration: none;}
.noi {font-style: normal;}
.nodec {font-weight: normal; text-decoration: none; font-style: normal; text-transform: none;}


/* block handling */
.il {display: inline;}
.nomargin {margin: 0; padding: 0; border: 0;}


/* newsflash */
.quadbox {
	width: 100%;
	margin: 20px 0 0 0;
	padding: 0;
}

.quad {
	width: 23%;
	margin: 0 1% 0 0;
	padding: 0;
	float: left;
	clear: none;
}

.double {
	width: 48%;
	margin: 0 1% 0 0;
	padding: 0;
	float: left;
	clear: none;
}

/* divs, top to bottom, left to right */
#wrap
{
	width: 780px;
	margin: 0 auto;
	text-align: left;
}

#search
{
	background: transparent;
	height: 43px;
	vertical-align: middle;
	margin: 0;
}

#homebox
{
	float: left;
	margin: 10px 0 0 53px;
}

#searchbox
{
/*	position:absolute;
	right:53px;
	top:10px;
*/	float: right;
	margin: 10px 53px 0 0;
}

.inputbox
{
	border: 1px solid #000;
	background-color: white;
}

.searchbutton
{
	border: 0;
	background: transparent;
}

#header
{
	background-color: #d3e3de;
	height: 110px;
}

#trost
{
	position: absolute;
	left: 5px;
	top: 10px;
}

#leftmenu
{
	float: left;
	width: 153px;
	margin: 109px 0 0 20px;
	padding: 3px 0 0 10px;
	background: transparent;
}

#leftmenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#leftmenu ul li a {
	font-family: Verdana,sans-serif;
	font-size: 1.2em;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;

	color: #000;
	background: transparent;
	
}

#leftmenu ul li a:hover {
	color: #777;
	background: transparent;
	text-decoration: underline;
}

#rightmenu {
	float: right;
	width: 172px;
	margin: 120px 20px 0 0;
	background: transparent;
}

#rightmenu h2 {
	font-family: Impact, sans-serif;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0;
	font-size: 15px;
	background: transparent;
	color: #fff;
}

#rightmenu h3, #rightmenu h4 {
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-size: 10px;
	margin: 15px 0 0;
	text-decoration: none;
	background: transparent;
	text-transform: uppercase;
}

#rightmenu h3 {
	color: #000;
}

#rightmenu h4 {
	color: #960202;
}

#rightmenu p, #rightmenu p a, #rightmenu p a:visited, #rightmenu p a:hover {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	margin: 8px 0;
	text-decoration: none;
	background: transparent;
	color: #000;
}

#rightmenu a, #rightmenu a:visited
{
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color: #fff;
	background: transparent;
	text-decoration: underline;
}

#rightmenu a:hover
{
	background: transparent;
	color: #ddf;
}

#rightmenu hr {
	height: 1px;
	padding: 0;
	border: 0;
	border-bottom: 1px solid gray;
}

#topcontent {
	float: left;
	clear: none;
	width: 360px;
	margin: 119px 0 0 10px;
	background: red;
}

#topcontent, #topcontent p
{
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color: #000;
	background: transparent;
}

#topcontent h2
{
	margin: 0 0 10px 0;
	font-family: Impact, sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	background: transparent;
	color: #73aacd;
}

#topcontent h3
{
	margin: 0 0 10px 0;
	font-family: Impact, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	background: transparent;
	color: #73aacd;
}

#content {
	background: transparent;
	padding: 5px 5px 5px 10px;
	margin: 20px 0 0 0;
	float: left;
	clear: both;
	width: 765px;
}

#content, #content p, #topcontent, #topcontent p {
	font-family: Verdana,sans-serif;
	font-size: 11px;
	color: #000;
	line-height: 15px;
}

#content p {
	margin: 10px 0;
}

#content h2 {
	margin: 0 0 10px 0;
	font-family: Impact, sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	background: transparent;
	color: #259187;
}

#footer {
	clear: both;
	margin: 0 auto 1em auto;
	text-align: center;
}

/* service */
#service {
	float: right;
	margin: 0;
	padding: 0;
}

#service a img {
	padding: 0;
	margin: 0;
	border: 0;
}