@charset "utf-8";
/* CSS Document */

body 
{ 
	background-image: url(../images/pos-toronto-background.jpg); 
	background-size:1600px 1350px;
	background-attachment: fixed; 
	background-position: top;
	background-repeat:no-repeat;
	padding:0px;
	margin:0px;
	font-size:0.9em;
	font-family:arial;
	line-height:1.4em;
	color:#333;
}
#wrapper {
	width:960px;
	margin-right:auto;
	margin-left:auto;

}
#homelink {
	float:left;
	position:absolute;
	width: 235px;
	height: 110px;
	top:0px;
}
#header {
background-image:url(../images/point-of-sales-markham-comtech.jpg);
width:960px;
height:100px;
}
#google_translate_element {
margin:10px 0 0 720px;
width:230px;
height:30px;
}
#headercontact {
margin:30px 0 0 600px;
width:330px;
position:absolute;
color:#ccc;
font-size:0.8em;
}
#headercontact a:link, #headercontact a:visited {
color:#ccc;
text-decoration:none;
font-weight:normal;

}
p {

}
.grid_10  {
padding-right:30px;

}
#nav {
background-image:url(../images/point-of-sales-nav-bg.jpg);
width:940px;
height:40px;
}
#nav a:link {
line-height:1.0em;
font-size:1.0em;
color:#fff;
text-decoration:none;
}
#pos-top {
background-color:#363636;
height:570px;
width:960px;
}
.comtech-slide-home {
background-image:url(../images/toronto-pos-slide1.jpg);
width:940px;
height:410px;
}
.comtech-slide-contact {
background-image:url(../images/toronto-markham-richmond-hill-pos-contact.jpg);
width:940px;
height:410px;
}
.comtech-slide-about {
background-image:url(../images/toronto-pos-system-richmond-hill-markham-about.jpg);
width:940px;
height:410px;
}
.comtech-slide-reseller {
background-image:url(../images/toronto-pos-system-richmond-hill-markham-resellers.jpg);
width:940px;
height:410px;
}
.comtech-slide-supplies {
background-image:url(../images/toronto-markham-richmond-hill-pos-supplies.jpg);
width:940px;
height:410px;
}
.comtech-slide-security {
background-image:url(../images/toronto-richmond-hill-markham-security-restaurant.jpg);
width:940px;
height:410px;
}
.comtech-slide-pos {
background-image:url(../images/toronto-pos-system-richmond-hill-markham.jpg);
width:940px;
height:410px;
}
.comtech-slide1-text {
float:left;
padding-left:680px;
width:240px;
}
.comtech-slide1-text h1 {
color:#fff;
font-family:"Times New Roman", Times, serif;
font-size:2.3em;
font-weight:lighter;
line-height:1.2em;
}
.comtech-slide1-text p {
color:#fff;
font-size:1.1em;
line-height:1.5em;
}
img {
float:left;
padding-right:12px;
}
#greylinks a:link, a:visited {
color:#CCCCCC;

}
a:link {
color: #333;
text-decoration: none;
font-weight:bold;
}

a:visited {
color: #333;
text-decoration: none;
font-weight:bold;
}

a:hover {
text-decoration:underline;
color:#FF6600;
}
h1 {
font-family:"Times New Roman", Times, serif;
font-size:2.5em;
font-weight:lighter;
line-height:1.2em;
color:#FF6600;
text-shadow: 1px 1px 1px #ccc;
}
h3 {
font-size:1.2em;
}
.nofloat {
float:none;
padding:0 0 0 0;
}
#footer {
width:960px;
background-color:#363636;
}
#footer p {
color:#ccc;
font-size:0.8em;
}
#footer h3 {
font-size:0.9em;
color:#FF6600;

}
#border-right {
border-right:thin solid #ccc;
margin-right:-1px;
}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom:0px;
	margin-top:0px;
}

.grid_4_border_both {
	display:inline;
	float: left;
	position: relative;
	padding-left: 19px;
	padding-right: 10px;
	margin-left:10px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:0px;
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;
	line-height:150%;
	font-size:0.95em;
	}
.grid_4_border_right {
	display:inline;
	float: left;
	position: relative;
	padding-left: 13px;
	padding-right: 13px;
	margin-left:10px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:0px;
	border-right:1px solid #cccccc;
	line-height:150%;
	font-size:0.95em;
	}


.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12,
.push_13, .pull_13,
.push_14, .pull_14,
.push_15, .pull_15,
.push_16, .pull_16 {
	position:relative;
}


/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/


.container_16 .grid_1 {
	width:40px;
}

.container_16 .grid_2 {
	width:100px;
}

.container_16 .grid_3 {
	width:160px;
}

.container_16 .grid_4 {
	width:220px;
}
.container_16 .grid_4_border_both {
	width:200px;
}
.container_16 .grid_4_border_right {
	width:200px;
}
.container_16 .grid_5 {
	width:280px;
}

.container_16 .grid_6 {
	width:340px;
}

.container_16 .grid_7 {
	width:400px;
}

.container_16 .grid_8 {
	width:460px;
}

.container_16 .grid_9 {
	width:520px;
}

.container_16 .grid_10 {
	width:550px;
}

.container_16 .grid_11 {
	width:640px;
}

.container_16 .grid_12 {
	width:700px;
}

.container_16 .grid_13 {
	width:760px;
}

.container_16 .grid_14 {
	width:820px;
}

.container_16 .grid_15 {
	width:880px;
}

.container_16 .grid_16 {
	width:940px;
}

/* Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/


.container_16 .prefix_1 {
	padding-left:60px;
}

.container_16 .prefix_2 {
	padding-left:120px;
}

.container_16 .prefix_3 {
	padding-left:180px;
}

.container_16 .prefix_4 {
	padding-left:240px;
}

.container_16 .prefix_5 {
	padding-left:300px;
}

.container_16 .prefix_6 {
	padding-left:360px;
}

.container_16 .prefix_7 {
	padding-left:420px;
}

.container_16 .prefix_8 {
	padding-left:480px;
}

.container_16 .prefix_9 {
	padding-left:540px;
}

.container_16 .prefix_10 {
	padding-left:600px;
}

.container_16 .prefix_11 {
	padding-left:660px;
}

.container_16 .prefix_12 {
	padding-left:720px;
}

.container_16 .prefix_13 {
	padding-left:780px;
}

.container_16 .prefix_14 {
	padding-left:840px;
}

.container_16 .prefix_15 {
	padding-left:900px;
}
/* Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/


.container_16 .suffix_1 {
	padding-right:60px;
}

.container_16 .suffix_2 {
	padding-right:120px;
}

.container_16 .suffix_3 {
	padding-right:180px;
}

.container_16 .suffix_4 {
	padding-right:240px;
}

.container_16 .suffix_5 {
	padding-right:300px;
}

.container_16 .suffix_6 {
	padding-right:360px;
}

.container_16 .suffix_7 {
	padding-right:420px;
}

.container_16 .suffix_8 {
	padding-right:480px;
}

.container_16 .suffix_9 {
	padding-right:540px;
}

.container_16 .suffix_10 {
	padding-right:600px;
}

.container_16 .suffix_11 {
	padding-right:660px;
}

.container_16 .suffix_12 {
	padding-right:720px;
}

.container_16 .suffix_13 {
	padding-right:780px;
}

.container_16 .suffix_14 {
	padding-right:840px;
}

.container_16 .suffix_15 {
	padding-right:900px;
}
/* Push Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/


.container_16 .push_1 {
	left:60px;
}

.container_16 .push_2 {
	left:120px;
}

.container_16 .push_3 {
	left:180px;
}

.container_16 .push_4 {
	left:240px;
}

.container_16 .push_5 {
	left:300px;
}

.container_16 .push_6 {
	left:360px;
}

.container_16 .push_7 {
	left:420px;
}

.container_16 .push_8 {
	left:480px;
}

.container_16 .push_9 {
	left:540px;
}

.container_16 .push_10 {
	left:600px;
}

.container_16 .push_11 {
	left:660px;
}

.container_16 .push_12 {
	left:720px;
}

.container_16 .push_13 {
	left:780px;
}

.container_16 .push_14 {
	left:840px;
}

.container_16 .push_15 {
	left:900px;
}

/* Pull Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/


.container_16 .pull_1 {
	left:-60px;
}

.container_16 .pull_2 {
	left:-120px;
}

.container_16 .pull_3 {
	left:-180px;
}

.container_16 .pull_4 {
	left:-240px;
}

.container_16 .pull_5 {
	left:-300px;
}

.container_16 .pull_6 {
	left:-360px;
}

.container_16 .pull_7 {
	left:-420px;
}

.container_16 .pull_8 {
	left:-480px;
}

.container_16 .pull_9 {
	left:-540px;
}

.container_16 .pull_10 {
	left:-600px;
}

.container_16 .pull_11 {
	left:-660px;
}

.container_16 .pull_12 {
	left:-720px;
}

.container_16 .pull_13 {
	left:-780px;
}

.container_16 .pull_14 {
	left:-840px;
}

.container_16 .pull_15 {
	left:-900px;
}

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: auto;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
  zoom: 1;
}
/* This controls the navigation menu.  There are three widths of navigation.  */

.menu {
z-index:1000;
text-align:left;
float:left;
vertical-align:middle;
}
.menu tr, .menu td {
text-align:left;
}
.menu ul {
padding:0 0 0 0px; 
margin:0 0 0 0;
text-align:center;
list-style-type: none;
z-index:100;float:left;
}
.menu ul li {
float:left;
position:relative;
padding:12px 12px 0 0px;
z-index:1000;float:left;
}
.menu ul li a, .menu ul li a:visited {
display:block; 
text-decoration:none; 

color:#fff; 
line-height:22px;
font-weight:bold;

}
* html .menu ul li a, .menu ul li a:visited {
text-decoration:none; 
}
.menu ul li ul {
display: none;
text-align:left;
}
table {
margin:-1px; 
border-collapse:collapse;
font-size:1em;
}
/* specific to non IE browsers */
.menu ul li:hover a,
.menu ul li a:hover {
color:#fff; 
background:none;
text-decoration:none; 
}
.menu ul li:hover ul,
.menu ul li a:hover ul {
display:block; 
position:absolute; 
top:50px;
margin-top:0px;
left:0; 

}
* html .menu ul li a:hover ul {
margin-top:0;
marg\in-top:0px;
}
.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {
visibility:hidden; 
position:absolute; 
height:0; 
width:0;
}
 /* 1st level sub */
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
display:block; 
background:#000000; 
color:#fff; 
height:auto; 
line-height:22px;

width:150px;
z-index:1000;
}
* html .menu ul li a:hover ul li a {
}
.menu ul li:hover ul li a.drop,
.menu ul li a:hover ul li a.drop {
background:#333333 url(drop.gif) bottom right no-repeat;
}
.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
background:#333333; 
color:#ffffff;
}
.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {
visibility:visible; 
position:absolute; 
left:0px; 
top:0;

}
.menu ul li:hover ul li:hover ul.left,
.menu ul li a:hover ul li a:hover ul.left {
left:-150px;
}