/*------------ Layout Stylesheet ---------------- */
/*             Tolal POS Solutions                */
/*       Created By Ben Stewart - 14/10/2007      */
/*       Modified By John McGeary - 10/03/2009      */


html {
	height:100%;
	margin-bottom:1px; /* keeps a vertical scrollbar on all pages */
}


body {
	width:100%;
	margin: 0px;
	padding: 0px;
	background:#303b57 url(assets/total_pos_background.jpg) repeat-x top;
}

img, div, input { behavior: url("iepngfix.htc") }

img a{
border:none!important}

img a:hover{
border:none!important}

hr{
border-top:1px solid #d1d2d4!important;
border-bottom:1px solid #ffffff;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
margin:10px 0 10px 0}

h1 a{
color:#303b57!important;
text-decoration:none!important}

h1 a:hover{
color:#303b57!important;
text-decoration:underline!important}

red{
color:#fd0700!important}

#container {
	text-align:left;
	margin:0 auto;
	width: 990px;
	background: url(assets/total_pos_content_background990.gif) repeat-y right;
}

.dealerarea{
width:180px;
border:1px solid #cccccc;
padding:20px;
margin:50px 0 0 0;
float:left;}

.mapright{
float:right;
width:504px}

#content_wrapper {
	float:left;
	width:790px;
	margin: 0;_margin-left:-5px;
	padding: 0;
}
.content {
	float:left;
	width:750px;
	margin: 0 -30px 0 0;
	*margin: 0 0px 0 0;
	_margin: 0 10px 0 5px;
	padding: 0 15px 10px 15px;
	background: url(assets/total_pos_content_background.jpg) repeat-x;
}

.content img{
border:none!important}

.category {
text-align:center;
float:left;
width:357px;
height:290px; _height:300px; *height:300px;
overflow:hidden;
margin: 0 6px 6px 0;
padding: 0 15px 10px 15px;
background: url(assets/total_pos_content_background.jpg) repeat-x}

.category img{
height:150px!important;
width:none!important;
text-align:center!important;
/*float:left!important;*/
margin:0 130px 50px 90px!important;
border:none!important}

.category h1{
text-align:center!important}

/*------------ Left Column ---------------- */

#left_column {
	float:left;
	width:185px;
/*	border:1px solid red;*/
}
.left_menu {
	border-bottom: 1px solid #303b57;
	margin-bottom:10px;
	width:165px;
}
.left_menu h2 {
	font-size:14px;
	font-weight:bold;
	background: #fe0000;
	color: #fff;
	padding:7px 10px;
	margin:0;
}
.testimonials {
	padding:10px 0 0 25px;
	float:left;
	width:150px;
}

.testimonials img{
width:140px!important;
text-align:left!important}

/*------------ Header ---------------- */

#header {
	height:120px;
	color:#303b57;
	width:100%;
	background: url(assets/total_pos_header_background.gif) repeat-x;
}
.title {
	width:740px;
	float:right;
	padding: 15px 10px 0 0;
	text-align:right;
}
.title h2 {
	margin:0;
	font-size:14px;
	padding:15px 13px 6px 0;
	background: none;
	border-bottom: none;
}

.logo {
	width:235px;
	float:left;
	padding-top:8px;
}

/*------------ Footer ---------------- */

#footer {
	clear:both;
	width:100%;
	height: 73px;
	background:#303b57 url(assets/total_pos_footer_background990.gif) top right no-repeat;
}
#footer a {
	color: #fff;
}
.incorporating {
	font-size:12px;
	text-align:right;
	margin: 0 10px;
	padding: 10px 0;
}
.copyright {
	font-size:9px;
	color:#fff;
	text-align:center;
	margin:10px;
}
/*------------ Top Menu ---------------- */

#navigation {
	float:right;
	width:545;
}
#navigation ul {
	list-style-type: none;
	margin: 1px 10px 0 0;
	*margin-top:0;
	padding:0;
}
#navigation li {
	display:inline;
	margin:0;
	padding:0;
}
#navigation a {
	float:left;
	background:url(assets/total_pos_menu_bg_left.jpg) no-repeat left top;
	margin:0;
	padding:0 0 0 7px;
	text-decoration:none;
}
#navigation a span {
	float:left;
	display:block;
	background:url(assets/total_pos_menu_bg_right.jpg) no-repeat right top;
	padding:6px 14px 10px 5px;
	color:#fff;
	cursor:pointer;
}
#navigation .current a, #navigation a:hover {
	background-position:0 -35px;
}
#navigation .current a span, #navigation a:hover span {
	background-position:100% -35px;
	color: #fff;
}
/*------------ Left Menu ---------------- */
	
dl, dt, dd {
	margin: 0;
	padding: 0;
}
#menu {
	background: #fff url(assets/total_pos_left_spacer.jpg) no-repeat bottom left;
	width:100%;
}
dl#menu dt {
	cursor: pointer;
	border-top: 1px solid #303b57;
}
dl#menu ul {
	margin:0;
}
dl#menu li {
border-top: 1px solid #cccccc;
	background:none;
line-height:13px;
padding:0px 10px 3px 10px
}
dl#menu li a, dl#menu dt a {
	color: #303b57;
	text-decoration: none;
	padding:5px 10px;
	display: block;
}
dl#menu dt a:hover, dl#menu dt a.selected {
	background: #eaebee url(assets/total_pos_left_menu_hover.gif) no-repeat .2em;
	font-weight:bold;
	padding:5px 10px;
}
dl#menu li a, dl#menu li a:hover {
	padding:5px 0 0 0;
}
dl#menu li a:hover{
	text-decoration:underline;
	background:none;
	font-weight:normal;
}

dl#menu li a.current {
text-decoration:none;
background:none;
font-weight:bold;
color:#fe0000;
}

.wrap1, .wrap2, .wrap3 {
  display:inline-table;
  /* \*/display:block;/**/
  }
.wrap1 {
  float:left;
  background:url(assets/shadow.gif) right bottom no-repeat;
  }
.wrap2 {
background:url(assets/corner_bl.gif) left bottom no-repeat;
  }
.wrap3 {
  padding:0 18px 10px 0;
  margin-right:-6px;
  background:url(assets/corner_tr.gif) right top no-repeat;
  }




/*************** news-archive  ***********************/
.news-archive {
    float: right;
    width: 165px;
/*    padding: 20px;
    border: 1px solid red;*/
    margin: 0px 0px 20px 0px;
}
.with-news-archive {
    width: 580px;
}

.homepage-image {
    width: 200px;
}